@charset "UTF-8";
* {
  box-sizing: border-box;
}

html {
  font-size: 16px; /* ルート要素 */
}
@media (max-width: 1380px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 860px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 13px;
  }
}
html body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 500;
  color: #000;
  line-height: 1.5;
  font-feature-settings: "palt";
}
@media (max-width: 860px) {
  html body.over {
    overflow: hidden;
  }
}
html body b, html body strong, html .editor-styles-wrapper b, html .editor-styles-wrapper strong {
  font-weight: 600;
}
html body .contentInclude *:first-child, html body .editor-styles-wrapper *:first-child, html .editor-styles-wrapper .contentInclude *:first-child, html .editor-styles-wrapper .editor-styles-wrapper *:first-child {
  margin-top: 0 !important;
}
html body .contentInclude *:last-child, html body .editor-styles-wrapper *:last-child, html .editor-styles-wrapper .contentInclude *:last-child, html .editor-styles-wrapper .editor-styles-wrapper *:last-child {
  margin-bottom: 0 !important;
}
html body .contentInclude .paper-container, html body .editor-styles-wrapper .paper-container, html .editor-styles-wrapper .contentInclude .paper-container, html .editor-styles-wrapper .editor-styles-wrapper .paper-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}
html body .contentInclude .paper, html body .editor-styles-wrapper .paper, html .editor-styles-wrapper .contentInclude .paper, html .editor-styles-wrapper .editor-styles-wrapper .paper {
  width: 740px;
  transform-origin: top left;
  padding: 2rem;
  background-color: #fff;
  border: 1px solid #000;
  margin: auto;
}
html body .contentInclude .paper h3, html body .editor-styles-wrapper .paper h3, html .editor-styles-wrapper .contentInclude .paper h3, html .editor-styles-wrapper .editor-styles-wrapper .paper h3 {
  color: #000;
}
html body .contentInclude .paper p, html body .editor-styles-wrapper .paper p, html .editor-styles-wrapper .contentInclude .paper p, html .editor-styles-wrapper .editor-styles-wrapper .paper p {
  line-height: 1.8;
}
html body .contentInclude dl, html body .editor-styles-wrapper dl, html .editor-styles-wrapper .contentInclude dl, html .editor-styles-wrapper .editor-styles-wrapper dl {
  display: flex;
  margin-bottom: 1rem;
}
html body .contentInclude dl dt, html body .editor-styles-wrapper dl dt, html .editor-styles-wrapper .contentInclude dl dt, html .editor-styles-wrapper .editor-styles-wrapper dl dt {
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.5rem 0.5rem 0.5rem 0;
  min-width: 7em;
  position: relative;
}
html body .contentInclude dl dt::before, html body .editor-styles-wrapper dl dt::before, html .editor-styles-wrapper .contentInclude dl dt::before, html .editor-styles-wrapper .editor-styles-wrapper dl dt::before {
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background-color: #3D99AB;
}
html body .contentInclude dl dd, html body .editor-styles-wrapper dl dd, html .editor-styles-wrapper .contentInclude dl dd, html .editor-styles-wrapper .editor-styles-wrapper dl dd {
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.5rem 0 0.5rem 1rem;
}
html body .contentInclude p b, html body .contentInclude span b, html body .contentInclude ol li b, html body .contentInclude ul li b, html body .editor-styles-wrapper p b, html body .editor-styles-wrapper span b, html body .editor-styles-wrapper ol li b, html body .editor-styles-wrapper ul li b, html .editor-styles-wrapper .contentInclude p b, html .editor-styles-wrapper .contentInclude span b, html .editor-styles-wrapper .contentInclude ol li b, html .editor-styles-wrapper .contentInclude ul li b, html .editor-styles-wrapper .editor-styles-wrapper p b, html .editor-styles-wrapper .editor-styles-wrapper span b, html .editor-styles-wrapper .editor-styles-wrapper ol li b, html .editor-styles-wrapper .editor-styles-wrapper ul li b {
  font-weight: 600;
}
html body .contentInclude p span.line, html body .contentInclude span span.line, html body .contentInclude ol li span.line, html body .contentInclude ul li span.line, html body .editor-styles-wrapper p span.line, html body .editor-styles-wrapper span span.line, html body .editor-styles-wrapper ol li span.line, html body .editor-styles-wrapper ul li span.line, html .editor-styles-wrapper .contentInclude p span.line, html .editor-styles-wrapper .contentInclude span span.line, html .editor-styles-wrapper .contentInclude ol li span.line, html .editor-styles-wrapper .contentInclude ul li span.line, html .editor-styles-wrapper .editor-styles-wrapper p span.line, html .editor-styles-wrapper .editor-styles-wrapper span span.line, html .editor-styles-wrapper .editor-styles-wrapper ol li span.line, html .editor-styles-wrapper .editor-styles-wrapper ul li span.line {
  text-decoration: underline;
}
html body .contentInclude p span.marker, html body .contentInclude span span.marker, html body .contentInclude ol li span.marker, html body .contentInclude ul li span.marker, html body .editor-styles-wrapper p span.marker, html body .editor-styles-wrapper span span.marker, html body .editor-styles-wrapper ol li span.marker, html body .editor-styles-wrapper ul li span.marker, html .editor-styles-wrapper .contentInclude p span.marker, html .editor-styles-wrapper .contentInclude span span.marker, html .editor-styles-wrapper .contentInclude ol li span.marker, html .editor-styles-wrapper .contentInclude ul li span.marker, html .editor-styles-wrapper .editor-styles-wrapper p span.marker, html .editor-styles-wrapper .editor-styles-wrapper span span.marker, html .editor-styles-wrapper .editor-styles-wrapper ol li span.marker, html .editor-styles-wrapper .editor-styles-wrapper ul li span.marker {
  background: linear-gradient(transparent 60%, #ff6 60%);
}
html body .contentInclude p span.orange, html body .contentInclude span span.orange, html body .contentInclude ol li span.orange, html body .contentInclude ul li span.orange, html body .editor-styles-wrapper p span.orange, html body .editor-styles-wrapper span span.orange, html body .editor-styles-wrapper ol li span.orange, html body .editor-styles-wrapper ul li span.orange, html .editor-styles-wrapper .contentInclude p span.orange, html .editor-styles-wrapper .contentInclude span span.orange, html .editor-styles-wrapper .contentInclude ol li span.orange, html .editor-styles-wrapper .contentInclude ul li span.orange, html .editor-styles-wrapper .editor-styles-wrapper p span.orange, html .editor-styles-wrapper .editor-styles-wrapper span span.orange, html .editor-styles-wrapper .editor-styles-wrapper ol li span.orange, html .editor-styles-wrapper .editor-styles-wrapper ul li span.orange {
  color: #FF9C50;
}
html body .contentInclude p span.red, html body .contentInclude span span.red, html body .contentInclude ol li span.red, html body .contentInclude ul li span.red, html body .editor-styles-wrapper p span.red, html body .editor-styles-wrapper span span.red, html body .editor-styles-wrapper ol li span.red, html body .editor-styles-wrapper ul li span.red, html .editor-styles-wrapper .contentInclude p span.red, html .editor-styles-wrapper .contentInclude span span.red, html .editor-styles-wrapper .contentInclude ol li span.red, html .editor-styles-wrapper .contentInclude ul li span.red, html .editor-styles-wrapper .editor-styles-wrapper p span.red, html .editor-styles-wrapper .editor-styles-wrapper span span.red, html .editor-styles-wrapper .editor-styles-wrapper ol li span.red, html .editor-styles-wrapper .editor-styles-wrapper ul li span.red {
  color: #E7000B;
}
html body .contentInclude p span.white, html body .contentInclude span span.white, html body .contentInclude ol li span.white, html body .contentInclude ul li span.white, html body .editor-styles-wrapper p span.white, html body .editor-styles-wrapper span span.white, html body .editor-styles-wrapper ol li span.white, html body .editor-styles-wrapper ul li span.white, html .editor-styles-wrapper .contentInclude p span.white, html .editor-styles-wrapper .contentInclude span span.white, html .editor-styles-wrapper .contentInclude ol li span.white, html .editor-styles-wrapper .contentInclude ul li span.white, html .editor-styles-wrapper .editor-styles-wrapper p span.white, html .editor-styles-wrapper .editor-styles-wrapper span span.white, html .editor-styles-wrapper .editor-styles-wrapper ol li span.white, html .editor-styles-wrapper .editor-styles-wrapper ul li span.white {
  color: #fff;
}
html body .contentInclude p span.blue, html body .contentInclude span span.blue, html body .contentInclude ol li span.blue, html body .contentInclude ul li span.blue, html body .editor-styles-wrapper p span.blue, html body .editor-styles-wrapper span span.blue, html body .editor-styles-wrapper ol li span.blue, html body .editor-styles-wrapper ul li span.blue, html .editor-styles-wrapper .contentInclude p span.blue, html .editor-styles-wrapper .contentInclude span span.blue, html .editor-styles-wrapper .contentInclude ol li span.blue, html .editor-styles-wrapper .contentInclude ul li span.blue, html .editor-styles-wrapper .editor-styles-wrapper p span.blue, html .editor-styles-wrapper .editor-styles-wrapper span span.blue, html .editor-styles-wrapper .editor-styles-wrapper ol li span.blue, html .editor-styles-wrapper .editor-styles-wrapper ul li span.blue {
  color: #3D99AB;
}
html body .contentInclude p a, html body .contentInclude span a, html body .contentInclude ol li a, html body .contentInclude ul li a, html body .editor-styles-wrapper p a, html body .editor-styles-wrapper span a, html body .editor-styles-wrapper ol li a, html body .editor-styles-wrapper ul li a, html .editor-styles-wrapper .contentInclude p a, html .editor-styles-wrapper .contentInclude span a, html .editor-styles-wrapper .contentInclude ol li a, html .editor-styles-wrapper .contentInclude ul li a, html .editor-styles-wrapper .editor-styles-wrapper p a, html .editor-styles-wrapper .editor-styles-wrapper span a, html .editor-styles-wrapper .editor-styles-wrapper ol li a, html .editor-styles-wrapper .editor-styles-wrapper ul li a {
  color: #3D99AB;
  display: inline;
}
html body .contentInclude p a.external, html body .contentInclude span a.external, html body .contentInclude ol li a.external, html body .contentInclude ul li a.external, html body .editor-styles-wrapper p a.external, html body .editor-styles-wrapper span a.external, html body .editor-styles-wrapper ol li a.external, html body .editor-styles-wrapper ul li a.external, html .editor-styles-wrapper .contentInclude p a.external, html .editor-styles-wrapper .contentInclude span a.external, html .editor-styles-wrapper .contentInclude ol li a.external, html .editor-styles-wrapper .contentInclude ul li a.external, html .editor-styles-wrapper .editor-styles-wrapper p a.external, html .editor-styles-wrapper .editor-styles-wrapper span a.external, html .editor-styles-wrapper .editor-styles-wrapper ol li a.external, html .editor-styles-wrapper .editor-styles-wrapper ul li a.external {
  padding-right: 1.8em;
  position: relative;
}
html body .contentInclude p a.external::before, html body .contentInclude span a.external::before, html body .contentInclude ol li a.external::before, html body .contentInclude ul li a.external::before, html body .editor-styles-wrapper p a.external::before, html body .editor-styles-wrapper span a.external::before, html body .editor-styles-wrapper ol li a.external::before, html body .editor-styles-wrapper ul li a.external::before, html .editor-styles-wrapper .contentInclude p a.external::before, html .editor-styles-wrapper .contentInclude span a.external::before, html .editor-styles-wrapper .contentInclude ol li a.external::before, html .editor-styles-wrapper .contentInclude ul li a.external::before, html .editor-styles-wrapper .editor-styles-wrapper p a.external::before, html .editor-styles-wrapper .editor-styles-wrapper span a.external::before, html .editor-styles-wrapper .editor-styles-wrapper ol li a.external::before, html .editor-styles-wrapper .editor-styles-wrapper ul li a.external::before {
  position: absolute;
  content: "";
  background-image: url(../svg/external.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  right: 0.4em;
  top: 50%;
  bottom: 50%;
  border: none;
  width: 1.2em;
  height: 1.2em;
}
html body .contentInclude p a.pdf, html body .contentInclude span a.pdf, html body .contentInclude ol li a.pdf, html body .contentInclude ul li a.pdf, html body .editor-styles-wrapper p a.pdf, html body .editor-styles-wrapper span a.pdf, html body .editor-styles-wrapper ol li a.pdf, html body .editor-styles-wrapper ul li a.pdf, html .editor-styles-wrapper .contentInclude p a.pdf, html .editor-styles-wrapper .contentInclude span a.pdf, html .editor-styles-wrapper .contentInclude ol li a.pdf, html .editor-styles-wrapper .contentInclude ul li a.pdf, html .editor-styles-wrapper .editor-styles-wrapper p a.pdf, html .editor-styles-wrapper .editor-styles-wrapper span a.pdf, html .editor-styles-wrapper .editor-styles-wrapper ol li a.pdf, html .editor-styles-wrapper .editor-styles-wrapper ul li a.pdf {
  padding-right: 1.8em;
}
html body .contentInclude p a.pdf::before, html body .contentInclude span a.pdf::before, html body .contentInclude ol li a.pdf::before, html body .contentInclude ul li a.pdf::before, html body .editor-styles-wrapper p a.pdf::before, html body .editor-styles-wrapper span a.pdf::before, html body .editor-styles-wrapper ol li a.pdf::before, html body .editor-styles-wrapper ul li a.pdf::before, html .editor-styles-wrapper .contentInclude p a.pdf::before, html .editor-styles-wrapper .contentInclude span a.pdf::before, html .editor-styles-wrapper .contentInclude ol li a.pdf::before, html .editor-styles-wrapper .contentInclude ul li a.pdf::before, html .editor-styles-wrapper .editor-styles-wrapper p a.pdf::before, html .editor-styles-wrapper .editor-styles-wrapper span a.pdf::before, html .editor-styles-wrapper .editor-styles-wrapper ol li a.pdf::before, html .editor-styles-wrapper .editor-styles-wrapper ul li a.pdf::before {
  position: absolute;
  content: "";
  background-image: url(../svg/pdf.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  right: 0.4em;
  top: 50%;
  bottom: 50%;
  border: none;
  width: 1.3em;
  height: 1.3em;
}
html body .contentInclude p a.url, html body .contentInclude span a.url, html body .contentInclude ol li a.url, html body .contentInclude ul li a.url, html body .editor-styles-wrapper p a.url, html body .editor-styles-wrapper span a.url, html body .editor-styles-wrapper ol li a.url, html body .editor-styles-wrapper ul li a.url, html .editor-styles-wrapper .contentInclude p a.url, html .editor-styles-wrapper .contentInclude span a.url, html .editor-styles-wrapper .contentInclude ol li a.url, html .editor-styles-wrapper .contentInclude ul li a.url, html .editor-styles-wrapper .editor-styles-wrapper p a.url, html .editor-styles-wrapper .editor-styles-wrapper span a.url, html .editor-styles-wrapper .editor-styles-wrapper ol li a.url, html .editor-styles-wrapper .editor-styles-wrapper ul li a.url {
  word-break: break-all;
}
html body .contentInclude p a:hover, html body .contentInclude span a:hover, html body .contentInclude ol li a:hover, html body .contentInclude ul li a:hover, html body .editor-styles-wrapper p a:hover, html body .editor-styles-wrapper span a:hover, html body .editor-styles-wrapper ol li a:hover, html body .editor-styles-wrapper ul li a:hover, html .editor-styles-wrapper .contentInclude p a:hover, html .editor-styles-wrapper .contentInclude span a:hover, html .editor-styles-wrapper .contentInclude ol li a:hover, html .editor-styles-wrapper .contentInclude ul li a:hover, html .editor-styles-wrapper .editor-styles-wrapper p a:hover, html .editor-styles-wrapper .editor-styles-wrapper span a:hover, html .editor-styles-wrapper .editor-styles-wrapper ol li a:hover, html .editor-styles-wrapper .editor-styles-wrapper ul li a:hover {
  text-decoration: underline;
}
html body .contentInclude p.red, html body .contentInclude span.red, html body .contentInclude ol li.red, html body .contentInclude ul li.red, html body .editor-styles-wrapper p.red, html body .editor-styles-wrapper span.red, html body .editor-styles-wrapper ol li.red, html body .editor-styles-wrapper ul li.red, html .editor-styles-wrapper .contentInclude p.red, html .editor-styles-wrapper .contentInclude span.red, html .editor-styles-wrapper .contentInclude ol li.red, html .editor-styles-wrapper .contentInclude ul li.red, html .editor-styles-wrapper .editor-styles-wrapper p.red, html .editor-styles-wrapper .editor-styles-wrapper span.red, html .editor-styles-wrapper .editor-styles-wrapper ol li.red, html .editor-styles-wrapper .editor-styles-wrapper ul li.red {
  color: #E7000B;
}
html body .contentInclude ol li h2, html body .contentInclude ol li h3, html body .contentInclude ol li h4, html body .contentInclude ol li h5, html body .contentInclude ol li h6, html body .contentInclude ul li h2, html body .contentInclude ul li h3, html body .contentInclude ul li h4, html body .contentInclude ul li h5, html body .contentInclude ul li h6, html body .editor-styles-wrapper ol li h2, html body .editor-styles-wrapper ol li h3, html body .editor-styles-wrapper ol li h4, html body .editor-styles-wrapper ol li h5, html body .editor-styles-wrapper ol li h6, html body .editor-styles-wrapper ul li h2, html body .editor-styles-wrapper ul li h3, html body .editor-styles-wrapper ul li h4, html body .editor-styles-wrapper ul li h5, html body .editor-styles-wrapper ul li h6, html .editor-styles-wrapper .contentInclude ol li h2, html .editor-styles-wrapper .contentInclude ol li h3, html .editor-styles-wrapper .contentInclude ol li h4, html .editor-styles-wrapper .contentInclude ol li h5, html .editor-styles-wrapper .contentInclude ol li h6, html .editor-styles-wrapper .contentInclude ul li h2, html .editor-styles-wrapper .contentInclude ul li h3, html .editor-styles-wrapper .contentInclude ul li h4, html .editor-styles-wrapper .contentInclude ul li h5, html .editor-styles-wrapper .contentInclude ul li h6, html .editor-styles-wrapper .editor-styles-wrapper ol li h2, html .editor-styles-wrapper .editor-styles-wrapper ol li h3, html .editor-styles-wrapper .editor-styles-wrapper ol li h4, html .editor-styles-wrapper .editor-styles-wrapper ol li h5, html .editor-styles-wrapper .editor-styles-wrapper ol li h6, html .editor-styles-wrapper .editor-styles-wrapper ul li h2, html .editor-styles-wrapper .editor-styles-wrapper ul li h3, html .editor-styles-wrapper .editor-styles-wrapper ul li h4, html .editor-styles-wrapper .editor-styles-wrapper ul li h5, html .editor-styles-wrapper .editor-styles-wrapper ul li h6 {
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
html body .contentInclude ol li ol:first-of-type, html body .contentInclude ol li ul:first-of-type, html body .contentInclude ul li ol:first-of-type, html body .contentInclude ul li ul:first-of-type, html body .editor-styles-wrapper ol li ol:first-of-type, html body .editor-styles-wrapper ol li ul:first-of-type, html body .editor-styles-wrapper ul li ol:first-of-type, html body .editor-styles-wrapper ul li ul:first-of-type, html .editor-styles-wrapper .contentInclude ol li ol:first-of-type, html .editor-styles-wrapper .contentInclude ol li ul:first-of-type, html .editor-styles-wrapper .contentInclude ul li ol:first-of-type, html .editor-styles-wrapper .contentInclude ul li ul:first-of-type, html .editor-styles-wrapper .editor-styles-wrapper ol li ol:first-of-type, html .editor-styles-wrapper .editor-styles-wrapper ol li ul:first-of-type, html .editor-styles-wrapper .editor-styles-wrapper ul li ol:first-of-type, html .editor-styles-wrapper .editor-styles-wrapper ul li ul:first-of-type {
  margin-top: 1rem;
}
html body .contentInclude ol li P, html body .contentInclude ul li P, html body .editor-styles-wrapper ol li P, html body .editor-styles-wrapper ul li P, html .editor-styles-wrapper .contentInclude ol li P, html .editor-styles-wrapper .contentInclude ul li P, html .editor-styles-wrapper .editor-styles-wrapper ol li P, html .editor-styles-wrapper .editor-styles-wrapper ul li P {
  margin: 0 0 1.5rem 0 !important;
}
html body .contentInclude figure, html body .editor-styles-wrapper figure, html .editor-styles-wrapper .contentInclude figure, html .editor-styles-wrapper .editor-styles-wrapper figure {
  display: block;
  margin: 1.5rem 0;
}
html body .contentInclude table, html body .editor-styles-wrapper table, html .editor-styles-wrapper .contentInclude table, html .editor-styles-wrapper .editor-styles-wrapper table {
  margin: 1.5rem 0;
  border-collapse: collapse;
  border: solid 1px #7C7C7C;
  width: 100%;
  line-height: 1.8;
}
html body .contentInclude table caption, html body .editor-styles-wrapper table caption, html .editor-styles-wrapper .contentInclude table caption, html .editor-styles-wrapper .editor-styles-wrapper table caption {
  padding: 0.5rem 0;
}
html body .contentInclude table td, html body .editor-styles-wrapper table td, html .editor-styles-wrapper .contentInclude table td, html .editor-styles-wrapper .editor-styles-wrapper table td {
  border: solid 1px #7C7C7C;
  padding: 0.875rem 1rem;
}
html body .contentInclude table td.fc_red, html body .editor-styles-wrapper table td.fc_red, html .editor-styles-wrapper .contentInclude table td.fc_red, html .editor-styles-wrapper .editor-styles-wrapper table td.fc_red {
  color: #E7000B;
}
html body .contentInclude table th, html body .editor-styles-wrapper table th, html .editor-styles-wrapper .contentInclude table th, html .editor-styles-wrapper .editor-styles-wrapper table th {
  border: solid 1px #7C7C7C;
  padding: 0.875rem 1rem;
  min-width: 7em;
  font-weight: 500;
}
html body .contentInclude p, html body .editor-styles-wrapper p, html .editor-styles-wrapper .contentInclude p, html .editor-styles-wrapper .editor-styles-wrapper p {
  line-height: 2;
  margin: 1.5rem 0;
  font-size: 16px;
}
html body .contentInclude p.center, html body .editor-styles-wrapper p.center, html .editor-styles-wrapper .contentInclude p.center, html .editor-styles-wrapper .editor-styles-wrapper p.center {
  text-align: center;
}
html body .contentInclude p.big, html body .editor-styles-wrapper p.big, html .editor-styles-wrapper .contentInclude p.big, html .editor-styles-wrapper .editor-styles-wrapper p.big {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.4;
}
html body .contentInclude p.big b, html body .editor-styles-wrapper p.big b, html .editor-styles-wrapper .contentInclude p.big b, html .editor-styles-wrapper .editor-styles-wrapper p.big b {
  font-weight: 600;
}
html body .contentInclude ul, html body .contentInclude ol, html body .editor-styles-wrapper ul, html body .editor-styles-wrapper ol, html .editor-styles-wrapper .contentInclude ul, html .editor-styles-wrapper .contentInclude ol, html .editor-styles-wrapper .editor-styles-wrapper ul, html .editor-styles-wrapper .editor-styles-wrapper ol {
  font-size: 16px;
  list-style-type: none;
}
html body .contentInclude ul.big, html body .contentInclude ol.big, html body .editor-styles-wrapper ul.big, html body .editor-styles-wrapper ol.big, html .editor-styles-wrapper .contentInclude ul.big, html .editor-styles-wrapper .contentInclude ol.big, html .editor-styles-wrapper .editor-styles-wrapper ul.big, html .editor-styles-wrapper .editor-styles-wrapper ol.big {
  font-size: 1.125rem;
}
html body .contentInclude ul.big li, html body .contentInclude ol.big li, html body .editor-styles-wrapper ul.big li, html body .editor-styles-wrapper ol.big li, html .editor-styles-wrapper .contentInclude ul.big li, html .editor-styles-wrapper .contentInclude ol.big li, html .editor-styles-wrapper .editor-styles-wrapper ul.big li, html .editor-styles-wrapper .editor-styles-wrapper ol.big li {
  line-height: 1.5;
}
html body .contentInclude ul.big li::before, html body .contentInclude ol.big li::before, html body .editor-styles-wrapper ul.big li::before, html body .editor-styles-wrapper ol.big li::before, html .editor-styles-wrapper .contentInclude ul.big li::before, html .editor-styles-wrapper .contentInclude ol.big li::before, html .editor-styles-wrapper .editor-styles-wrapper ul.big li::before, html .editor-styles-wrapper .editor-styles-wrapper ol.big li::before {
  top: 0.33em;
}
html body .contentInclude ul, html body .editor-styles-wrapper ul, html .editor-styles-wrapper .contentInclude ul, html .editor-styles-wrapper .editor-styles-wrapper ul {
  margin: 1.5rem 0;
}
html body .contentInclude ul li, html body .editor-styles-wrapper ul li, html .editor-styles-wrapper .contentInclude ul li, html .editor-styles-wrapper .editor-styles-wrapper ul li {
  line-height: 2;
  margin: 0.8rem 0;
  padding-left: 1.8em;
  position: relative;
}
html body .contentInclude ul li:first-of-type, html body .editor-styles-wrapper ul li:first-of-type, html .editor-styles-wrapper .contentInclude ul li:first-of-type, html .editor-styles-wrapper .editor-styles-wrapper ul li:first-of-type {
  margin: 0 0 0.8rem 0;
}
html body .contentInclude ul li:last-of-type, html body .editor-styles-wrapper ul li:last-of-type, html .editor-styles-wrapper .contentInclude ul li:last-of-type, html .editor-styles-wrapper .editor-styles-wrapper ul li:last-of-type {
  margin: 0.8rem 0 0 0;
}
html body .contentInclude ul li::before, html body .editor-styles-wrapper ul li::before, html .editor-styles-wrapper .contentInclude ul li::before, html .editor-styles-wrapper .editor-styles-wrapper ul li::before {
  position: absolute;
  top: 0.75em;
  left: 0.45em;
  content: "";
  background-color: #3D99AB;
  border-radius: 50%;
  height: 0.7em;
  width: 0.7em;
  min-height: 0.7em;
  min-width: 0.7em;
}
html body .contentInclude ul li ol, html body .editor-styles-wrapper ul li ol, html .editor-styles-wrapper .contentInclude ul li ol, html .editor-styles-wrapper .editor-styles-wrapper ul li ol {
  margin: 1.5rem 0;
  counter-reset: number;
}
html body .contentInclude ul li ol li, html body .editor-styles-wrapper ul li ol li, html .editor-styles-wrapper .contentInclude ul li ol li, html .editor-styles-wrapper .editor-styles-wrapper ul li ol li {
  line-height: 2;
  margin: 0.8rem 0;
  padding-left: 1.8em;
  position: relative;
}
html body .contentInclude ul li ol li:first-of-type, html body .editor-styles-wrapper ul li ol li:first-of-type, html .editor-styles-wrapper .contentInclude ul li ol li:first-of-type, html .editor-styles-wrapper .editor-styles-wrapper ul li ol li:first-of-type {
  margin: 0 0 0.8rem 0;
}
html body .contentInclude ul li ol li:last-of-type, html body .editor-styles-wrapper ul li ol li:last-of-type, html .editor-styles-wrapper .contentInclude ul li ol li:last-of-type, html .editor-styles-wrapper .editor-styles-wrapper ul li ol li:last-of-type {
  margin: 0.8rem 0 0 0;
}
html body .contentInclude ul li ol li::before, html body .editor-styles-wrapper ul li ol li::before, html .editor-styles-wrapper .contentInclude ul li ol li::before, html .editor-styles-wrapper .editor-styles-wrapper ul li ol li::before {
  position: absolute;
  counter-increment: number;
  content: counter(number) ".";
  top: 0;
  left: 0;
  font-weight: 600;
  color: #3D99AB;
  width: 1.5em;
  text-align: right;
}
html body .contentInclude ol, html body .editor-styles-wrapper ol, html .editor-styles-wrapper .contentInclude ol, html .editor-styles-wrapper .editor-styles-wrapper ol {
  margin: 1.5rem 0;
  list-style-type: none;
  counter-reset: number;
}
html body .contentInclude ol li, html body .editor-styles-wrapper ol li, html .editor-styles-wrapper .contentInclude ol li, html .editor-styles-wrapper .editor-styles-wrapper ol li {
  line-height: 2;
  margin: 0.8rem 0;
  padding-left: 1.8em;
  position: relative;
}
html body .contentInclude ol li:first-of-type, html body .editor-styles-wrapper ol li:first-of-type, html .editor-styles-wrapper .contentInclude ol li:first-of-type, html .editor-styles-wrapper .editor-styles-wrapper ol li:first-of-type {
  margin: 0 0 0.8rem 0;
}
html body .contentInclude ol li:last-of-type, html body .editor-styles-wrapper ol li:last-of-type, html .editor-styles-wrapper .contentInclude ol li:last-of-type, html .editor-styles-wrapper .editor-styles-wrapper ol li:last-of-type {
  margin: 0.8rem 0 0 0;
}
html body .contentInclude ol li::before, html body .editor-styles-wrapper ol li::before, html .editor-styles-wrapper .contentInclude ol li::before, html .editor-styles-wrapper .editor-styles-wrapper ol li::before {
  position: absolute;
  counter-increment: number;
  content: counter(number) ".";
  top: 0;
  left: 0;
  font-weight: 600;
  color: #3D99AB;
  width: 1.5em;
  text-align: right;
}
html body .contentInclude ol li ul, html body .editor-styles-wrapper ol li ul, html .editor-styles-wrapper .contentInclude ol li ul, html .editor-styles-wrapper .editor-styles-wrapper ol li ul {
  margin: 1.5rem 0;
}
html body .contentInclude ol li ul li, html body .editor-styles-wrapper ol li ul li, html .editor-styles-wrapper .contentInclude ol li ul li, html .editor-styles-wrapper .editor-styles-wrapper ol li ul li {
  line-height: 2;
  margin: 0.8rem 0;
  padding-left: 1.8em;
  position: relative;
}
html body .contentInclude ol li ul li:first-of-type, html body .editor-styles-wrapper ol li ul li:first-of-type, html .editor-styles-wrapper .contentInclude ol li ul li:first-of-type, html .editor-styles-wrapper .editor-styles-wrapper ol li ul li:first-of-type {
  margin: 0 0 0.8rem 0;
}
html body .contentInclude ol li ul li:last-of-type, html body .editor-styles-wrapper ol li ul li:last-of-type, html .editor-styles-wrapper .contentInclude ol li ul li:last-of-type, html .editor-styles-wrapper .editor-styles-wrapper ol li ul li:last-of-type {
  margin: 0.8rem 0 0 0;
}
html body .contentInclude ol li ul li::before, html body .editor-styles-wrapper ol li ul li::before, html .editor-styles-wrapper .contentInclude ol li ul li::before, html .editor-styles-wrapper .editor-styles-wrapper ol li ul li::before {
  position: absolute;
  top: 0.75em;
  left: 0.45em;
  content: "";
  background-color: #3D99AB;
  border-radius: 50%;
  height: 0.7em;
  width: 0.7em;
  min-height: 0.7em;
  min-width: 0.7em;
}
html body .contentInclude h1, html body .editor-styles-wrapper h1, html .editor-styles-wrapper .contentInclude h1, html .editor-styles-wrapper .editor-styles-wrapper h1 {
  margin: 3rem 0 1.5rem 0;
  font-size: 1.7rem;
  line-height: 1.4;
  font-weight: 600;
}
@media (max-width: 767px) {
  html body .contentInclude h1, html body .editor-styles-wrapper h1, html .editor-styles-wrapper .contentInclude h1, html .editor-styles-wrapper .editor-styles-wrapper h1 {
    font-size: 1.6rem;
  }
}
html body .contentInclude h2, html body .editor-styles-wrapper h2, html .editor-styles-wrapper .contentInclude h2, html .editor-styles-wrapper .editor-styles-wrapper h2 {
  margin: 3rem 0 1.5rem 0;
  font-size: 1.6rem;
  position: relative;
  padding-left: 0.8rem;
  line-height: 1.4;
  font-weight: 600;
}
html body .contentInclude h2::before, html body .editor-styles-wrapper h2::before, html .editor-styles-wrapper .contentInclude h2::before, html .editor-styles-wrapper .editor-styles-wrapper h2::before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 4px;
  left: 0;
  bottom: 0;
  background-color: #3D99AB;
}
@media (max-width: 767px) {
  html body .contentInclude h2, html body .editor-styles-wrapper h2, html .editor-styles-wrapper .contentInclude h2, html .editor-styles-wrapper .editor-styles-wrapper h2 {
    font-size: 1.5rem;
  }
}
html body .contentInclude h3, html body .editor-styles-wrapper h3, html .editor-styles-wrapper .contentInclude h3, html .editor-styles-wrapper .editor-styles-wrapper h3 {
  font-size: 1.5rem;
  color: #3D99AB;
  font-weight: 600;
  margin: 3rem 0 1.5rem 0;
}
@media (max-width: 767px) {
  html body .contentInclude h3, html body .editor-styles-wrapper h3, html .editor-styles-wrapper .contentInclude h3, html .editor-styles-wrapper .editor-styles-wrapper h3 {
    font-size: 1.4rem;
  }
}
html body .contentInclude h4, html body .editor-styles-wrapper h4, html .editor-styles-wrapper .contentInclude h4, html .editor-styles-wrapper .editor-styles-wrapper h4 {
  font-weight: 600;
  margin: 3rem 0 1.5rem 0;
  font-size: 1.25rem;
}
html body .contentInclude h5, html body .editor-styles-wrapper h5, html .editor-styles-wrapper .contentInclude h5, html .editor-styles-wrapper .editor-styles-wrapper h5 {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 3rem 0 1.5rem 0;
}
html body .contentInclude h6, html body .editor-styles-wrapper h6, html .editor-styles-wrapper .contentInclude h6, html .editor-styles-wrapper .editor-styles-wrapper h6 {
  font-size: 1rem;
  font-weight: 600;
  margin: 3rem 0 1.5rem 0;
}
html body img, html .editor-styles-wrapper img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}
html body section, html body .s_block, html .editor-styles-wrapper section, html .editor-styles-wrapper .s_block {
  padding: 4rem 0;
}
@media (max-width: 767px) {
  html body section, html body .s_block, html .editor-styles-wrapper section, html .editor-styles-wrapper .s_block {
    padding: 3.5rem 0;
  }
}
html body section.about, html body .s_block.about, html .editor-styles-wrapper section.about, html .editor-styles-wrapper .s_block.about {
  overflow: hidden;
  padding: 2rem 0 0 0;
}
@media (max-width: 767px) {
  html body section.about, html body .s_block.about, html .editor-styles-wrapper section.about, html .editor-styles-wrapper .s_block.about {
    padding: 3.5rem 0 0 0;
  }
}
html body section.fv, html body .s_block.fv, html .editor-styles-wrapper section.fv, html .editor-styles-wrapper .s_block.fv {
  overflow: hidden;
  background-color: #5BC2D5;
  padding-top: 0;
  position: relative;
}
@media (max-width: 767px) {
  html body section.fv, html body .s_block.fv, html .editor-styles-wrapper section.fv, html .editor-styles-wrapper .s_block.fv {
    background: none;
  }
}
html body section.fv::after, html body .s_block.fv::after, html .editor-styles-wrapper section.fv::after, html .editor-styles-wrapper .s_block.fv::after {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-image: var(--fv-bg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1580px;
}
@media (max-width: 767px) {
  html body section.fv::after, html body .s_block.fv::after, html .editor-styles-wrapper section.fv::after, html .editor-styles-wrapper .s_block.fv::after {
    content: none;
  }
}
html body section.fv .pageWidth, html body .s_block.fv .pageWidth, html .editor-styles-wrapper section.fv .pageWidth, html .editor-styles-wrapper .s_block.fv .pageWidth {
  position: relative;
  z-index: 2;
}
html body section.fv .newsList, html body .s_block.fv .newsList, html .editor-styles-wrapper section.fv .newsList, html .editor-styles-wrapper .s_block.fv .newsList {
  background-color: #fff;
  width: 40%;
  padding: 0.9rem 1rem 0.5rem 1rem;
  border-radius: 1rem;
  font-size: 0.8rem;
  right: 1rem;
  bottom: -2rem;
  position: absolute;
}
@media (max-width: 1440px) {
  html body section.fv .newsList, html body .s_block.fv .newsList, html .editor-styles-wrapper section.fv .newsList, html .editor-styles-wrapper .s_block.fv .newsList {
    right: 0;
    border-radius: 1rem 0 0 1rem;
  }
}
@media (max-width: 860px) {
  html body section.fv .newsList, html body .s_block.fv .newsList, html .editor-styles-wrapper section.fv .newsList, html .editor-styles-wrapper .s_block.fv .newsList {
    width: 48%;
  }
}
@media (max-width: 767px) {
  html body section.fv .newsList, html body .s_block.fv .newsList, html .editor-styles-wrapper section.fv .newsList, html .editor-styles-wrapper .s_block.fv .newsList {
    font-size: 0.875rem;
    position: static;
    border-radius: 1rem;
    margin: 2rem auto;
    max-width: calc(100% - 2rem);
    width: 100%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  }
}
html body section.fv .newsList h2, html body .s_block.fv .newsList h2, html .editor-styles-wrapper section.fv .newsList h2, html .editor-styles-wrapper .s_block.fv .newsList h2 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  color: #3D99AB;
  font-size: 1.25rem;
  padding-bottom: 0.25rem;
}
html body section.fv .newsList ul, html body .s_block.fv .newsList ul, html .editor-styles-wrapper section.fv .newsList ul, html .editor-styles-wrapper .s_block.fv .newsList ul {
  list-style-type: none;
  padding-left: 0;
}
html body section.fv .newsList ul li, html body .s_block.fv .newsList ul li, html .editor-styles-wrapper section.fv .newsList ul li, html .editor-styles-wrapper .s_block.fv .newsList ul li {
  padding-top: 0.25rem;
  border-top: 1px dotted #3D99AB;
  padding-left: 0;
  line-height: 2;
}
html body section.fv .newsList ul li:first-of-type, html body .s_block.fv .newsList ul li:first-of-type, html .editor-styles-wrapper section.fv .newsList ul li:first-of-type, html .editor-styles-wrapper .s_block.fv .newsList ul li:first-of-type {
  border: none;
}
html body section.fv .newsList ul li::before, html body .s_block.fv .newsList ul li::before, html .editor-styles-wrapper section.fv .newsList ul li::before, html .editor-styles-wrapper .s_block.fv .newsList ul li::before {
  content: none;
}
html body section.fv .newsList ul li a, html body section.fv .newsList ul li div, html body .s_block.fv .newsList ul li a, html body .s_block.fv .newsList ul li div, html .editor-styles-wrapper section.fv .newsList ul li a, html .editor-styles-wrapper section.fv .newsList ul li div, html .editor-styles-wrapper .s_block.fv .newsList ul li a, html .editor-styles-wrapper .s_block.fv .newsList ul li div {
  display: flex;
  padding: 0.5rem 0;
}
@media (max-width: 1380px) {
  html body section.fv .newsList ul li a, html body section.fv .newsList ul li div, html body .s_block.fv .newsList ul li a, html body .s_block.fv .newsList ul li div, html .editor-styles-wrapper section.fv .newsList ul li a, html .editor-styles-wrapper section.fv .newsList ul li div, html .editor-styles-wrapper .s_block.fv .newsList ul li a, html .editor-styles-wrapper .s_block.fv .newsList ul li div {
    display: block;
  }
}
html body section.fv .newsList ul li a time, html body section.fv .newsList ul li div time, html body .s_block.fv .newsList ul li a time, html body .s_block.fv .newsList ul li div time, html .editor-styles-wrapper section.fv .newsList ul li a time, html .editor-styles-wrapper section.fv .newsList ul li div time, html .editor-styles-wrapper .s_block.fv .newsList ul li a time, html .editor-styles-wrapper .s_block.fv .newsList ul li div time {
  min-width: 6em;
  margin-right: 0.5rem;
}
html body section.fv .newsList ul li a, html body .s_block.fv .newsList ul li a, html .editor-styles-wrapper section.fv .newsList ul li a, html .editor-styles-wrapper .s_block.fv .newsList ul li a {
  padding-right: 1.5rem;
  position: relative;
}
html body section.fv .newsList ul li a::before, html body .s_block.fv .newsList ul li a::before, html .editor-styles-wrapper section.fv .newsList ul li a::before, html .editor-styles-wrapper .s_block.fv .newsList ul li a::before {
  position: absolute;
  right: 0.6rem;
  transform: translateY(-50%);
  top: 43%;
  content: "";
  width: 0.65rem;
  height: 0.65rem;
  border-top: solid 3px #3D99AB;
  border-right: solid 3px #3D99AB;
  position: absolute;
  transform: rotate(45deg);
  transition: 0.4s;
}
html body section.fv .newsList ul li a:hover p, html body .s_block.fv .newsList ul li a:hover p, html .editor-styles-wrapper section.fv .newsList ul li a:hover p, html .editor-styles-wrapper .s_block.fv .newsList ul li a:hover p {
  text-decoration: underline;
}
html body section.fv .newsList ul li a:hover::before, html body .s_block.fv .newsList ul li a:hover::before, html .editor-styles-wrapper section.fv .newsList ul li a:hover::before, html .editor-styles-wrapper .s_block.fv .newsList ul li a:hover::before {
  right: 0.3rem;
}
html body section.fv .textBlock, html body .s_block.fv .textBlock, html .editor-styles-wrapper section.fv .textBlock, html .editor-styles-wrapper .s_block.fv .textBlock {
  width: 50%;
  margin: 0;
}
@media (max-width: 767px) {
  html body section.fv .textBlock, html body .s_block.fv .textBlock, html .editor-styles-wrapper section.fv .textBlock, html .editor-styles-wrapper .s_block.fv .textBlock {
    margin-bottom: 0;
    width: 100%;
  }
}
html body section.fv .textBlock .text, html body .s_block.fv .textBlock .text, html .editor-styles-wrapper section.fv .textBlock .text, html .editor-styles-wrapper .s_block.fv .textBlock .text {
  width: 100%;
}
@media (max-width: 860px) {
  html body section.fv .textBlock .text, html body .s_block.fv .textBlock .text, html .editor-styles-wrapper section.fv .textBlock .text, html .editor-styles-wrapper .s_block.fv .textBlock .text {
    width: 100%;
  }
}
html body section.fv .textBlock .text .title, html body .s_block.fv .textBlock .text .title, html .editor-styles-wrapper section.fv .textBlock .text .title, html .editor-styles-wrapper .s_block.fv .textBlock .text .title {
  padding: 0 0 2rem 0;
}
@media (max-width: 767px) {
  html body section.fv .textBlock .text .title, html body .s_block.fv .textBlock .text .title, html .editor-styles-wrapper section.fv .textBlock .text .title, html .editor-styles-wrapper .s_block.fv .textBlock .text .title {
    padding: 4rem 1rem 6rem 1rem;
    position: relative;
  }
  html body section.fv .textBlock .text .title::after, html body .s_block.fv .textBlock .text .title::after, html .editor-styles-wrapper section.fv .textBlock .text .title::after, html .editor-styles-wrapper .s_block.fv .textBlock .text .title::after {
    width: 100%;
    height: calc(100% + 6rem);
    content: "";
    display: block;
    background-image: var(--fv-bg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right 47% top;
    z-index: 1;
    position: absolute;
    top: -6.5rem;
    right: 0;
  }
}
html body section.fv .textBlock .text .title .a_btn, html body .s_block.fv .textBlock .text .title .a_btn, html .editor-styles-wrapper section.fv .textBlock .text .title .a_btn, html .editor-styles-wrapper .s_block.fv .textBlock .text .title .a_btn {
  position: relative;
  z-index: 2;
}
html body section.fv .textBlock .text .title h1, html body .s_block.fv .textBlock .text .title h1, html .editor-styles-wrapper section.fv .textBlock .text .title h1, html .editor-styles-wrapper .s_block.fv .textBlock .text .title h1 {
  position: relative;
  z-index: 2;
}
html body section.fv .textBlock .text .title h1 .visually-hidden, html body .s_block.fv .textBlock .text .title h1 .visually-hidden, html .editor-styles-wrapper section.fv .textBlock .text .title h1 .visually-hidden, html .editor-styles-wrapper .s_block.fv .textBlock .text .title h1 .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
html body section.fv .textBlock .text .title h1 img, html body section.fv .textBlock .text .title h1 svg, html body .s_block.fv .textBlock .text .title h1 img, html body .s_block.fv .textBlock .text .title h1 svg, html .editor-styles-wrapper section.fv .textBlock .text .title h1 img, html .editor-styles-wrapper section.fv .textBlock .text .title h1 svg, html .editor-styles-wrapper .s_block.fv .textBlock .text .title h1 img, html .editor-styles-wrapper .s_block.fv .textBlock .text .title h1 svg {
  width: 90%;
}
@media (max-width: 767px) {
  html body section.fv .textBlock .text .title h1 img, html body section.fv .textBlock .text .title h1 svg, html body .s_block.fv .textBlock .text .title h1 img, html body .s_block.fv .textBlock .text .title h1 svg, html .editor-styles-wrapper section.fv .textBlock .text .title h1 img, html .editor-styles-wrapper section.fv .textBlock .text .title h1 svg, html .editor-styles-wrapper .s_block.fv .textBlock .text .title h1 img, html .editor-styles-wrapper .s_block.fv .textBlock .text .title h1 svg {
    width: 62%;
  }
}
html body section.fv .textBlock .text .box p, html body .s_block.fv .textBlock .text .box p, html .editor-styles-wrapper section.fv .textBlock .text .box p, html .editor-styles-wrapper .s_block.fv .textBlock .text .box p {
  color: #fff;
}
@media (max-width: 767px) {
  html body section.fv .textBlock .text .box, html body .s_block.fv .textBlock .text .box, html .editor-styles-wrapper section.fv .textBlock .text .box, html .editor-styles-wrapper .s_block.fv .textBlock .text .box {
    padding: 2rem 1rem;
    background-color: #F5F5F5;
  }
  html body section.fv .textBlock .text .box p, html body .s_block.fv .textBlock .text .box p, html .editor-styles-wrapper section.fv .textBlock .text .box p, html .editor-styles-wrapper .s_block.fv .textBlock .text .box p {
    color: #000;
  }
}
@media (max-width: 767px) {
  html body section.fv, html body .s_block.fv, html .editor-styles-wrapper section.fv, html .editor-styles-wrapper .s_block.fv {
    background-image: none;
    padding-bottom: 0;
  }
  html body section.fv .pageWidth, html body .s_block.fv .pageWidth, html .editor-styles-wrapper section.fv .pageWidth, html .editor-styles-wrapper .s_block.fv .pageWidth {
    padding: 0;
  }
}
html body section.section_top, html body .s_block.section_top, html .editor-styles-wrapper section.section_top, html .editor-styles-wrapper .s_block.section_top {
  padding-top: 0;
}
html body section.image, html body .s_block.image, html .editor-styles-wrapper section.image, html .editor-styles-wrapper .s_block.image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
html body section.image.f_white, html body .s_block.image.f_white, html .editor-styles-wrapper section.image.f_white, html .editor-styles-wrapper .s_block.image.f_white {
  position: relative;
}
html body section.image.f_white::after, html body .s_block.image.f_white::after, html .editor-styles-wrapper section.image.f_white::after, html .editor-styles-wrapper .s_block.image.f_white::after {
  width: 100%;
  height: 100%;
  background-color: #fff;
  content: "";
  top: 0;
  left: 0;
  opacity: 0.4;
  display: block;
}
html body section.image.f_white .pageWidth, html body .s_block.image.f_white .pageWidth, html .editor-styles-wrapper section.image.f_white .pageWidth, html .editor-styles-wrapper .s_block.image.f_white .pageWidth {
  position: relative;
  z-index: 2;
}
html body section.height, html body .s_block.height, html .editor-styles-wrapper section.height, html .editor-styles-wrapper .s_block.height {
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1380px) {
  html body section.height, html body .s_block.height, html .editor-styles-wrapper section.height, html .editor-styles-wrapper .s_block.height {
    min-height: 78vh;
  }
}
html body section.height .pageWidth, html body .s_block.height .pageWidth, html .editor-styles-wrapper section.height .pageWidth, html .editor-styles-wrapper .s_block.height .pageWidth {
  width: 100%;
}
html body section.back_black, html body .s_block.back_black, html .editor-styles-wrapper section.back_black, html .editor-styles-wrapper .s_block.back_black {
  background-color: #000;
  color: #fff;
}
html body section.back_beige, html body .s_block.back_beige, html .editor-styles-wrapper section.back_beige, html .editor-styles-wrapper .s_block.back_beige {
  background-color: #FFF9F9;
}
html body section.back_gray, html body .s_block.back_gray, html .editor-styles-wrapper section.back_gray, html .editor-styles-wrapper .s_block.back_gray {
  background-color: #F5F5F5;
}
html body section.back_blue, html body .s_block.back_blue, html .editor-styles-wrapper section.back_blue, html .editor-styles-wrapper .s_block.back_blue {
  background-color: #E5FBFF;
}
html body button, html .editor-styles-wrapper button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  margin: 0;
  font: inherit;
  outline: none;
}
html body .lwptoc .lwptoc_i, html .editor-styles-wrapper .lwptoc .lwptoc_i {
  width: 100%;
  background-color: #E5FBFF;
  border: 2px solid #3D99AB;
  border-radius: 1rem;
  padding: 1rem;
}
html body .lwptoc .lwptoc_i a, html .editor-styles-wrapper .lwptoc .lwptoc_i a {
  color: #3D99AB;
}
html body .lwptoc .lwptoc_i a:hover, html .editor-styles-wrapper .lwptoc .lwptoc_i a:hover {
  color: #3D99AB;
}
html body .lwptoc .lwptoc_i a:visited, html .editor-styles-wrapper .lwptoc .lwptoc_i a:visited {
  color: #3D99AB;
}
html body .lwptoc .lwptoc_i .lwptoc_itemWrap .lwptoc_item a, html .editor-styles-wrapper .lwptoc .lwptoc_i .lwptoc_itemWrap .lwptoc_item a {
  padding-left: 1.5em;
  position: relative;
}
html body .lwptoc .lwptoc_i .lwptoc_itemWrap .lwptoc_item a::before, html .editor-styles-wrapper .lwptoc .lwptoc_i .lwptoc_itemWrap .lwptoc_item a::before {
  display: inline-block;
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: solid 2px #3D99AB;
  border-right: solid 2px #3D99AB;
  position: absolute;
  top: 43%;
  left: 0.2rem;
  line-height: 1;
  transition: all 0.4s;
  transform: translateY(-50%) rotate(135deg);
}
html body .tableOfContents, html .editor-styles-wrapper .tableOfContents {
  background-color: #E5FBFF;
  padding: 1.5rem 1rem;
  margin: 3rem 0;
  border: 2px solid #3D99AB;
  border-radius: 1rem;
}
html body .tableOfContents h2, html .editor-styles-wrapper .tableOfContents h2 {
  font-size: 1.25rem;
  text-align: center;
  margin: 0 0 1rem 0;
  font-weight: 600;
  color: #000;
}
html body .tableOfContents .contentInclude ol li, html body .tableOfContents .contentInclude ul li, html .editor-styles-wrapper .tableOfContents .contentInclude ol li, html .editor-styles-wrapper .tableOfContents .contentInclude ul li {
  padding-left: 0;
}
html body .tableOfContents .contentInclude ol li::before, html body .tableOfContents .contentInclude ul li::before, html .editor-styles-wrapper .tableOfContents .contentInclude ol li::before, html .editor-styles-wrapper .tableOfContents .contentInclude ul li::before {
  content: none;
}
html body .tableOfContents .contentInclude ol li a, html body .tableOfContents .contentInclude ul li a, html .editor-styles-wrapper .tableOfContents .contentInclude ol li a, html .editor-styles-wrapper .tableOfContents .contentInclude ul li a {
  padding-left: 1.8em;
  position: relative;
}
html body .tableOfContents .contentInclude ol li a::before, html body .tableOfContents .contentInclude ul li a::before, html .editor-styles-wrapper .tableOfContents .contentInclude ol li a::before, html .editor-styles-wrapper .tableOfContents .contentInclude ul li a::before {
  display: inline-block;
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: solid 2px #3D99AB;
  border-right: solid 2px #3D99AB;
  position: absolute;
  top: 47%;
  left: 0.5rem;
  line-height: 1;
  transition: all 0.4s;
  transform: translateY(-50%) rotate(135deg);
}
html body .tableOfContents .contentInclude ol li ol, html body .tableOfContents .contentInclude ol li ul, html body .tableOfContents .contentInclude ul li ol, html body .tableOfContents .contentInclude ul li ul, html .editor-styles-wrapper .tableOfContents .contentInclude ol li ol, html .editor-styles-wrapper .tableOfContents .contentInclude ol li ul, html .editor-styles-wrapper .tableOfContents .contentInclude ul li ol, html .editor-styles-wrapper .tableOfContents .contentInclude ul li ul {
  padding-left: 1.8em;
}
html body .successBlock, html .editor-styles-wrapper .successBlock {
  background-color: #E5FBFF;
  padding: 1rem;
  margin-bottom: 2rem;
}
html body .successBlock h2, html .editor-styles-wrapper .successBlock h2 {
  font-size: 1.25rem;
  text-align: center;
  margin: 0 0 1rem 0;
  font-weight: 600;
  color: #3D99AB;
}
html body .ulBlock, html .editor-styles-wrapper .ulBlock {
  margin: 1.5rem 0;
}
html body .ulBlock ul, html .editor-styles-wrapper .ulBlock ul {
  background-color: #E5FBFF;
  padding: 1.5rem 1rem;
  border-radius: 1rem;
  list-style-type: none;
}
html body .relatedLinkBlock, html .editor-styles-wrapper .relatedLinkBlock {
  margin: 1.5rem 0;
}
html body .relatedLinkBlock ul, html .editor-styles-wrapper .relatedLinkBlock ul {
  background-color: #F5F5F5;
  padding: 1.5rem 1rem;
  list-style-type: none;
}
html body .relatedLinkBlock ul li::before, html .editor-styles-wrapper .relatedLinkBlock ul li::before {
  background-color: #7C7C7C;
}
html body .relatedLinkBlock ul li a, html .editor-styles-wrapper .relatedLinkBlock ul li a {
  padding-right: 1.3em;
  position: relative;
}
html body .relatedLinkBlock ul li a::after, html .editor-styles-wrapper .relatedLinkBlock ul li a::after {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  position: absolute;
  top: 54%;
  border-top: 2px solid rgb(61, 153, 171);
  border-right: 2px solid rgb(61, 153, 171);
  transition: 0.4s;
  right: 0.5rem;
  transform: translateY(-50%) rotate(45deg);
}
html body .relatedLinkBlock ul li a:hover::after, html .editor-styles-wrapper .relatedLinkBlock ul li a:hover::after {
  right: 0.2rem;
}
html body .relatedLinkBlock ul li a.external, html .editor-styles-wrapper .relatedLinkBlock ul li a.external {
  padding-right: 1.5em;
}
html body .relatedLinkBlock ul li a.external::after, html .editor-styles-wrapper .relatedLinkBlock ul li a.external::after {
  content: none;
}
html body .relatedLinkBlock ul li a.external::before, html .editor-styles-wrapper .relatedLinkBlock ul li a.external::before {
  position: absolute;
  content: "";
  background-image: url(../svg/external.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  right: 0;
  top: 50%;
  bottom: 50%;
  border: none;
  width: 1.2em;
  height: 1.2em;
}
html body .relatedLinkBlock ul li a.pdf, html .editor-styles-wrapper .relatedLinkBlock ul li a.pdf {
  padding-right: 1.5em;
}
html body .relatedLinkBlock ul li a.pdf::after, html .editor-styles-wrapper .relatedLinkBlock ul li a.pdf::after {
  content: none;
}
html body .relatedLinkBlock ul li a.pdf::before, html .editor-styles-wrapper .relatedLinkBlock ul li a.pdf::before {
  position: absolute;
  content: "";
  background-image: url(../svg/pdf.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  right: 0;
  top: 50%;
  bottom: 50%;
  border: none;
  width: 1.3em;
  height: 1.3em;
}
html body .clear-both, html .editor-styles-wrapper .clear-both {
  clear: both;
}
html body .clear-both div, html .editor-styles-wrapper .clear-both div {
  display: none;
}
html body .wp-block-quote, html .editor-styles-wrapper .wp-block-quote {
  margin: 1.75rem 0 1.5rem 0;
  padding: 1rem;
  background-color: #F5F5F5;
  position: relative;
  border: 1px solid #3D99AB;
}
html body .wp-block-quote::before, html .editor-styles-wrapper .wp-block-quote::before {
  content: "";
  width: 2rem;
  height: 2rem;
  background-image: url(../svg/double-quotes-r.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: -1.25rem;
  left: 0.5rem;
  position: absolute;
}
html body .wp-block-quote cite, html .editor-styles-wrapper .wp-block-quote cite {
  padding-top: 1.5rem;
  text-align: end;
  font-size: 0.875rem;
}
html body .wp-block-quote cite a, html .editor-styles-wrapper .wp-block-quote cite a {
  display: inline-block;
  color: #3D99AB;
}
html body .wp-block-quote cite a:hover, html .editor-styles-wrapper .wp-block-quote cite a:hover {
  text-decoration: underline;
}
html body .wp-block-quote p:last-of-type, html .editor-styles-wrapper .wp-block-quote p:last-of-type {
  margin-bottom: 0;
}
html body .wp-block-quote p:first-of-type, html .editor-styles-wrapper .wp-block-quote p:first-of-type {
  margin-top: 0;
}
html body .wp-block-image .alignleft, html .editor-styles-wrapper .wp-block-image .alignleft {
  display: table;
  float: left;
  margin: 0.5em 1em 0.5em 0 !important;
}
html body .wp-block-image .alignright, html .editor-styles-wrapper .wp-block-image .alignright {
  display: table;
  float: right;
  margin: 0.5em 0 0.5em 1em !important;
}
@media (max-width: 767px) {
  html body .wp-block-image .alignleft, html body .wp-block-image .alignright, html .editor-styles-wrapper .wp-block-image .alignleft, html .editor-styles-wrapper .wp-block-image .alignright {
    float: none;
    width: 100%;
    margin: 1.5rem 0 !important;
  }
  html body .wp-block-image .alignleft img, html body .wp-block-image .alignright img, html .editor-styles-wrapper .wp-block-image .alignleft img, html .editor-styles-wrapper .wp-block-image .alignright img {
    width: 100% !important;
  }
}
html body .blogCard, html .editor-styles-wrapper .blogCard {
  margin: 1.5rem 0;
}
html body .blogCard a, html .editor-styles-wrapper .blogCard a {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  background-color: #f3f3f3;
  transition: all 0.4s;
}
html body .blogCard a:hover, html .editor-styles-wrapper .blogCard a:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
html body .blogCard a .text, html .editor-styles-wrapper .blogCard a .text {
  padding: 0.25rem 0 0.25rem 1rem;
}
html body .blogCard a .text h3, html .editor-styles-wrapper .blogCard a .text h3 {
  color: #7C7C7C;
  margin: 0 0 0.8rem 0;
  font-size: 1.25rem;
}
html body .blogCard a .text p, html .editor-styles-wrapper .blogCard a .text p {
  opacity: 0.5;
  font-size: 0.75rem;
  margin: 0;
  line-height: 1.5;
}
html body .blogCard a figure, html .editor-styles-wrapper .blogCard a figure {
  margin: 0;
  order: -1;
  padding-top: 15%;
  width: 15%;
  min-width: 15%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  html body .blogCard a figure, html .editor-styles-wrapper .blogCard a figure {
    padding-top: 30%;
    width: 30%;
    min-width: 30%;
  }
}
html body .blogCard a figure img, html .editor-styles-wrapper .blogCard a figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
html body .blogCard a figure.life-guide img, html .editor-styles-wrapper .blogCard a figure.life-guide img {
  transform: translateX(-50%);
  top: 0;
  height: auto;
}
html body .lineBlock, html .editor-styles-wrapper .lineBlock {
  margin: 1.5rem 0;
  padding: 1.5rem 1rem;
  border-radius: 1rem;
  border: 2px solid #3D99AB;
}
html body .lineBlock h3, html .editor-styles-wrapper .lineBlock h3 {
  padding-left: 0.8rem;
  position: relative;
}
html body .lineBlock h3::after, html .editor-styles-wrapper .lineBlock h3::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 4px;
  left: 0;
  top: 0;
  background-color: #3D99AB;
}
html body .lineBlock ul, html .editor-styles-wrapper .lineBlock ul {
  list-style-type: none;
  padding-left: 0;
}
html body .commentBlock, html .editor-styles-wrapper .commentBlock {
  background-color: #BDE7EE;
  margin-top: 4rem;
  padding: 2rem;
  border-radius: 1rem;
}
@media (max-width: 767px) {
  html body .commentBlock, html .editor-styles-wrapper .commentBlock {
    padding: 2rem 1rem;
  }
}
html body .commentBlock .imageBox, html .editor-styles-wrapper .commentBlock .imageBox {
  margin-top: 2rem;
  background-color: #fff;
}
html body .commentBlock .iconTitle, html .editor-styles-wrapper .commentBlock .iconTitle {
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem;
}
html body .commentBlock .iconTitle .titleBlock, html .editor-styles-wrapper .commentBlock .iconTitle .titleBlock {
  margin-bottom: 0;
}
html body .commentBlock .iconTitle .titleBlock b, html .editor-styles-wrapper .commentBlock .iconTitle .titleBlock b {
  display: block;
  width: 100%;
  font-size: 1.125rem;
  padding-bottom: 0.5rem;
}
html body .commentBlock .iconTitle .titleBlock h2, html .editor-styles-wrapper .commentBlock .iconTitle .titleBlock h2 {
  letter-spacing: 0;
}
html body .commentBlock .iconTitle .iconWrap, html .editor-styles-wrapper .commentBlock .iconTitle .iconWrap {
  width: 8rem;
  height: 8rem;
  min-width: 8rem;
  min-height: 8rem;
  position: relative;
  overflow: hidden;
  margin-right: 1rem;
  border-radius: 20rem;
  background-color: #E1FBFF;
}
@media (max-width: 767px) {
  html body .commentBlock .iconTitle .iconWrap, html .editor-styles-wrapper .commentBlock .iconTitle .iconWrap {
    width: 7rem;
    height: 7rem;
    min-width: 7rem;
    min-height: 7rem;
  }
}
html body .commentBlock .iconTitle .iconWrap img, html .editor-styles-wrapper .commentBlock .iconTitle .iconWrap img {
  border-radius: 20rem;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (max-width: 767px) {
  html body .commentBlock.icon, html .editor-styles-wrapper .commentBlock.icon {
    margin-top: 6.5rem;
    position: relative;
  }
  html body .commentBlock.icon .iconTitle, html .editor-styles-wrapper .commentBlock.icon .iconTitle {
    display: block;
    text-align: center;
    padding-top: 3rem;
  }
  html body .commentBlock.icon .iconTitle .iconWrap, html .editor-styles-wrapper .commentBlock.icon .iconTitle .iconWrap {
    border: 4px solid #3D99AB;
    position: absolute;
    top: -3.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
html body .commentBlock .contentInclude h2::before, html .editor-styles-wrapper .commentBlock .contentInclude h2::before {
  background-color: #000;
}
html body span.cell, html .editor-styles-wrapper span.cell {
  display: table-cell;
}
html body span.cell:first-of-type, html .editor-styles-wrapper span.cell:first-of-type {
  padding-right: 0.5em;
}
html body br.sp, html .editor-styles-wrapper br.sp {
  display: none;
}
@media (max-width: 767px) {
  html body br.sp, html .editor-styles-wrapper br.sp {
    display: inline-block;
  }
}
html body br.sp_none, html .editor-styles-wrapper br.sp_none {
  display: inline-block;
}
@media (max-width: 767px) {
  html body br.sp_none, html .editor-styles-wrapper br.sp_none {
    display: none;
  }
}
html body br.pc, html .editor-styles-wrapper br.pc {
  display: none;
}
@media (max-width: 1380px) {
  html body br.pc, html .editor-styles-wrapper br.pc {
    display: inline-block;
  }
}
html body br.tb, html .editor-styles-wrapper br.tb {
  display: none;
}
@media (max-width: 860px) {
  html body br.tb, html .editor-styles-wrapper br.tb {
    display: inline-block;
  }
}
html body .a_btn, html .editor-styles-wrapper .a_btn {
  margin: 2.5rem 0 0 0;
  display: flex;
  justify-content: center;
}
html body .a_btn.right, html .editor-styles-wrapper .a_btn.right {
  justify-content: flex-end;
}
html body .a_btn.left, html .editor-styles-wrapper .a_btn.left {
  justify-content: flex-start;
}
html body .a_btn.tb_show, html .editor-styles-wrapper .a_btn.tb_show {
  display: none;
}
@media (max-width: 860px) {
  html body .a_btn.tb_show, html .editor-styles-wrapper .a_btn.tb_show {
    display: flex;
  }
}
html body .a_btn.sp_show, html .editor-styles-wrapper .a_btn.sp_show {
  display: none;
}
@media (max-width: 767px) {
  html body .a_btn.sp_show, html .editor-styles-wrapper .a_btn.sp_show {
    display: flex;
  }
}
html body .a_btn .btn, html .editor-styles-wrapper .a_btn .btn {
  display: block;
  text-align: center;
  background-color: #3D99AB;
  border-radius: 20rem;
  border: 2px solid #3D99AB;
  color: #fff;
  padding: 0.75rem 0.5rem 0.8rem 0.5rem;
  line-height: 1.2;
  width: 22rem;
  max-width: 80%;
  font-weight: 600;
  font-size: 1.125rem;
  transition: all 0.4s;
}
html body .a_btn .btn:hover, html .editor-styles-wrapper .a_btn .btn:hover {
  background-color: #0488a2;
  border: 2px solid #0488a2;
}
@media (max-width: 767px) {
  html body .a_btn .btn, html .editor-styles-wrapper .a_btn .btn {
    width: 18rem;
  }
}
html body .a_btn .btn.orange, html .editor-styles-wrapper .a_btn .btn.orange {
  color: #fff;
  background-color: #FF9C50;
  border: 2px solid #FF9C50;
}
html body .a_btn .btn.orange:hover, html .editor-styles-wrapper .a_btn .btn.orange:hover {
  background-color: #fe8223;
  border: 2px solid #fe8223;
}
html body .a_btn .btn.white, html .editor-styles-wrapper .a_btn .btn.white {
  color: #3D99AB;
  background-color: #fff;
}
html body .a_btn .btn.white:hover, html .editor-styles-wrapper .a_btn .btn.white:hover {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #3D99AB;
  border: 2px solid #3D99AB;
}
html body .a_btn .btn.white.b_white, html .editor-styles-wrapper .a_btn .btn.white.b_white {
  border: 2px solid #fff;
}
html body .a_btn .btn.white.b_white:hover, html .editor-styles-wrapper .a_btn .btn.white.b_white:hover {
  box-shadow: inherit;
  box-shadow: inherit;
  opacity: 0.7;
  border: 2px solid #fff;
}
html body .a_btn .btn.small, html .editor-styles-wrapper .a_btn .btn.small {
  font-size: 0.875rem;
  padding: 0.38rem 0.5rem 0.4rem 0.5rem;
  width: 8rem;
  max-width: 70%;
}
@media (max-width: 860px) {
  html body .a_btn .btn.small, html .editor-styles-wrapper .a_btn .btn.small {
    font-size: 1rem;
    width: 100%;
    max-width: 13rem;
    padding: 0.6rem 0.5rem 0.65rem 0.5rem;
  }
}
html body .text_img_flex, html .editor-styles-wrapper .text_img_flex {
  display: flex;
  justify-content: space-between;
  margin: 1rem auto;
}
@media (max-width: 767px) {
  html body .text_img_flex, html .editor-styles-wrapper .text_img_flex {
    display: block;
  }
}
html body .text_img_flex figure, html .editor-styles-wrapper .text_img_flex figure {
  width: 50%;
}
@media (max-width: 767px) {
  html body .text_img_flex figure, html .editor-styles-wrapper .text_img_flex figure {
    width: 100%;
  }
}
html body .text_img_flex .text, html .editor-styles-wrapper .text_img_flex .text {
  width: 50%;
  padding-left: 4rem;
}
@media (max-width: 1380px) {
  html body .text_img_flex .text, html .editor-styles-wrapper .text_img_flex .text {
    padding-left: 2rem;
  }
}
@media (max-width: 767px) {
  html body .text_img_flex .text, html .editor-styles-wrapper .text_img_flex .text {
    width: 100%;
    padding: 2rem 0 0 0;
  }
}
html body .text_img_flex .text p, html .editor-styles-wrapper .text_img_flex .text p {
  white-space: pre-wrap;
  font-weight: 600;
  line-height: 2.3;
  margin: 0 0 1.5rem 0;
}
html body .text_img_flex .text p:last-of-type, html .editor-styles-wrapper .text_img_flex .text p:last-of-type {
  margin-bottom: 0;
}
html body .textBlock, html .editor-styles-wrapper .textBlock {
  margin: 1rem auto;
  display: flex;
}
html body .textBlock .text, html .editor-styles-wrapper .textBlock .text {
  width: 50%;
}
@media (max-width: 767px) {
  html body .textBlock .text, html .editor-styles-wrapper .textBlock .text {
    width: 100%;
  }
}
html body .textBlock .text p, html .editor-styles-wrapper .textBlock .text p {
  font-weight: 600;
  line-height: 2.3;
  margin: 0 0 1.5rem 0;
}
html body .textBlock .text p:last-of-type, html .editor-styles-wrapper .textBlock .text p:last-of-type {
  margin-bottom: 0;
}
html body .textBlock .text.white, html .editor-styles-wrapper .textBlock .text.white {
  color: #fff;
}
html body .titleBlock, html .editor-styles-wrapper .titleBlock {
  margin-bottom: 2.5rem;
}
html body .titleBlock.square, html .editor-styles-wrapper .titleBlock.square {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #BDE7EE;
  padding: 1rem 1rem 0.8rem 1rem;
  min-height: 10rem;
  border-radius: 1rem;
  margin-top: 1rem;
}
html body .titleBlock.square.notFound, html .editor-styles-wrapper .titleBlock.square.notFound {
  flex-direction: column;
}
html body .titleBlock.square.notFound h1, html .editor-styles-wrapper .titleBlock.square.notFound h1 {
  font-size: 1rem;
}
html body .titleBlock.square.notFound b, html .editor-styles-wrapper .titleBlock.square.notFound b {
  font-size: 3rem;
  color: #3D99AB;
  display: block;
  padding-bottom: 0.5rem;
}
@media (max-width: 767px) {
  html body .titleBlock.square, html .editor-styles-wrapper .titleBlock.square {
    padding: 3rem 1rem;
  }
}
html body .titleBlock.square h1, html .editor-styles-wrapper .titleBlock.square h1 {
  text-align: center;
  font-size: 1.7rem;
}
@media (max-width: 767px) {
  html body .titleBlock.square h1, html .editor-styles-wrapper .titleBlock.square h1 {
    font-size: 1.6rem;
  }
}
html body .titleBlock.flex, html .editor-styles-wrapper .titleBlock.flex {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
html body .titleBlock.flex h2, html .editor-styles-wrapper .titleBlock.flex h2 {
  margin-right: 1rem;
}
html body .titleBlock.flex h2::before, html .editor-styles-wrapper .titleBlock.flex h2::before {
  content: none;
}
html body .titleBlock.flex p, html .editor-styles-wrapper .titleBlock.flex p {
  margin-top: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
}
html body .titleBlock.center, html .editor-styles-wrapper .titleBlock.center {
  text-align: center;
}
html body .titleBlock.right, html .editor-styles-wrapper .titleBlock.right {
  text-align: right;
}
html body .titleBlock.image, html .editor-styles-wrapper .titleBlock.image {
  margin-bottom: 1.5rem;
}
html body .titleBlock.image h2 .img, html .editor-styles-wrapper .titleBlock.image h2 .img {
  margin: 0 auto 1.5rem auto;
  max-width: 100%;
  width: 20rem;
  height: auto;
}
html body .titleBlock h2, html body .titleBlock h1, html body .titleBlock b.h2, html body .titleBlock h3, html .editor-styles-wrapper .titleBlock h2, html .editor-styles-wrapper .titleBlock h1, html .editor-styles-wrapper .titleBlock b.h2, html .editor-styles-wrapper .titleBlock h3 {
  color: #000;
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  display: block;
  line-height: 1.4;
  padding-left: 0;
}
html body .titleBlock h2::before, html body .titleBlock h1::before, html body .titleBlock b.h2::before, html body .titleBlock h3::before, html .editor-styles-wrapper .titleBlock h2::before, html .editor-styles-wrapper .titleBlock h1::before, html .editor-styles-wrapper .titleBlock b.h2::before, html .editor-styles-wrapper .titleBlock h3::before {
  content: none;
}
html body .titleBlock h2 i, html body .titleBlock h1 i, html body .titleBlock b.h2 i, html body .titleBlock h3 i, html .editor-styles-wrapper .titleBlock h2 i, html .editor-styles-wrapper .titleBlock h1 i, html .editor-styles-wrapper .titleBlock b.h2 i, html .editor-styles-wrapper .titleBlock h3 i {
  margin-right: 0.5rem;
  color: #3D99AB;
}
html body .titleBlock h2 span.orange, html body .titleBlock h1 span.orange, html body .titleBlock b.h2 span.orange, html body .titleBlock h3 span.orange, html .editor-styles-wrapper .titleBlock h2 span.orange, html .editor-styles-wrapper .titleBlock h1 span.orange, html .editor-styles-wrapper .titleBlock b.h2 span.orange, html .editor-styles-wrapper .titleBlock h3 span.orange {
  color: #FF9C50;
}
html body .titleBlock h2 span.red, html body .titleBlock h1 span.red, html body .titleBlock b.h2 span.red, html body .titleBlock h3 span.red, html .editor-styles-wrapper .titleBlock h2 span.red, html .editor-styles-wrapper .titleBlock h1 span.red, html .editor-styles-wrapper .titleBlock b.h2 span.red, html .editor-styles-wrapper .titleBlock h3 span.red {
  color: #E7000B;
}
html body .titleBlock h2 span.white, html body .titleBlock h1 span.white, html body .titleBlock b.h2 span.white, html body .titleBlock h3 span.white, html .editor-styles-wrapper .titleBlock h2 span.white, html .editor-styles-wrapper .titleBlock h1 span.white, html .editor-styles-wrapper .titleBlock b.h2 span.white, html .editor-styles-wrapper .titleBlock h3 span.white {
  color: #fff;
}
html body .titleBlock h2 span.blue, html body .titleBlock h1 span.blue, html body .titleBlock b.h2 span.blue, html body .titleBlock h3 span.blue, html .editor-styles-wrapper .titleBlock h2 span.blue, html .editor-styles-wrapper .titleBlock h1 span.blue, html .editor-styles-wrapper .titleBlock b.h2 span.blue, html .editor-styles-wrapper .titleBlock h3 span.blue {
  color: #3D99AB;
}
html body .titleBlock h2.small, html body .titleBlock h1.small, html body .titleBlock b.h2.small, html body .titleBlock h3.small, html .editor-styles-wrapper .titleBlock h2.small, html .editor-styles-wrapper .titleBlock h1.small, html .editor-styles-wrapper .titleBlock b.h2.small, html .editor-styles-wrapper .titleBlock h3.small {
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  html body .titleBlock h2.small, html body .titleBlock h1.small, html body .titleBlock b.h2.small, html body .titleBlock h3.small, html .editor-styles-wrapper .titleBlock h2.small, html .editor-styles-wrapper .titleBlock h1.small, html .editor-styles-wrapper .titleBlock b.h2.small, html .editor-styles-wrapper .titleBlock h3.small {
    font-size: 1.5rem;
  }
}
html body .titleBlock h2.big2, html body .titleBlock h1.big2, html body .titleBlock b.h2.big2, html body .titleBlock h3.big2, html .editor-styles-wrapper .titleBlock h2.big2, html .editor-styles-wrapper .titleBlock h1.big2, html .editor-styles-wrapper .titleBlock b.h2.big2, html .editor-styles-wrapper .titleBlock h3.big2 {
  font-size: min(7vw, 2.75rem);
  letter-spacing: 0;
}
@media (max-width: 767px) {
  html body .titleBlock h2.big2, html body .titleBlock h1.big2, html body .titleBlock b.h2.big2, html body .titleBlock h3.big2, html .editor-styles-wrapper .titleBlock h2.big2, html .editor-styles-wrapper .titleBlock h1.big2, html .editor-styles-wrapper .titleBlock b.h2.big2, html .editor-styles-wrapper .titleBlock h3.big2 {
    font-size: min(6vw, 2.5rem);
  }
}
html body .titleBlock h2.big, html body .titleBlock h1.big, html body .titleBlock b.h2.big, html body .titleBlock h3.big, html .editor-styles-wrapper .titleBlock h2.big, html .editor-styles-wrapper .titleBlock h1.big, html .editor-styles-wrapper .titleBlock b.h2.big, html .editor-styles-wrapper .titleBlock h3.big {
  font-size: min(8vw, 3.75rem);
  letter-spacing: 0;
}
@media (max-width: 767px) {
  html body .titleBlock h2.big, html body .titleBlock h1.big, html body .titleBlock b.h2.big, html body .titleBlock h3.big, html .editor-styles-wrapper .titleBlock h2.big, html .editor-styles-wrapper .titleBlock h1.big, html .editor-styles-wrapper .titleBlock b.h2.big, html .editor-styles-wrapper .titleBlock h3.big {
    font-size: min(7vw, 3.5rem);
  }
}
html body .titleBlock h2.image, html body .titleBlock h1.image, html body .titleBlock b.h2.image, html body .titleBlock h3.image, html .editor-styles-wrapper .titleBlock h2.image, html .editor-styles-wrapper .titleBlock h1.image, html .editor-styles-wrapper .titleBlock b.h2.image, html .editor-styles-wrapper .titleBlock h3.image {
  display: flex;
  justify-content: center;
}
html body .titleBlock h2.image img, html body .titleBlock h1.image img, html body .titleBlock b.h2.image img, html body .titleBlock h3.image img, html .editor-styles-wrapper .titleBlock h2.image img, html .editor-styles-wrapper .titleBlock h1.image img, html .editor-styles-wrapper .titleBlock b.h2.image img, html .editor-styles-wrapper .titleBlock h3.image img {
  width: 90%;
  max-width: 34rem;
  height: auto;
}
html body .titleBlock h2.blue, html body .titleBlock h1.blue, html body .titleBlock b.h2.blue, html body .titleBlock h3.blue, html .editor-styles-wrapper .titleBlock h2.blue, html .editor-styles-wrapper .titleBlock h1.blue, html .editor-styles-wrapper .titleBlock b.h2.blue, html .editor-styles-wrapper .titleBlock h3.blue {
  color: #3D99AB;
}
html body .titleBlock h2.white, html body .titleBlock h1.white, html body .titleBlock b.h2.white, html body .titleBlock h3.white, html .editor-styles-wrapper .titleBlock h2.white, html .editor-styles-wrapper .titleBlock h1.white, html .editor-styles-wrapper .titleBlock b.h2.white, html .editor-styles-wrapper .titleBlock h3.white {
  color: #fff;
}
@media (max-width: 767px) {
  html body .titleBlock h2, html body .titleBlock h1, html body .titleBlock b.h2, html body .titleBlock h3, html .editor-styles-wrapper .titleBlock h2, html .editor-styles-wrapper .titleBlock h1, html .editor-styles-wrapper .titleBlock b.h2, html .editor-styles-wrapper .titleBlock h3 {
    font-size: 1.7rem;
  }
}
html body .titleBlock h3, html .editor-styles-wrapper .titleBlock h3 {
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  html body .titleBlock h3, html .editor-styles-wrapper .titleBlock h3 {
    font-size: 1.5rem;
  }
}
html body .titleBlock.section_title, html .editor-styles-wrapper .titleBlock.section_title {
  padding: 8rem 0;
  background-color: #BDE7EE;
  overflow: hidden;
  position: relative;
  margin-bottom: 1rem;
  height: 22rem;
}
@media (max-width: 1380px) {
  html body .titleBlock.section_title, html .editor-styles-wrapper .titleBlock.section_title {
    padding: 5rem 0;
  }
}
@media (max-width: 1000px) {
  html body .titleBlock.section_title, html .editor-styles-wrapper .titleBlock.section_title {
    padding: 2rem 0 0 0;
    height: 30vw;
  }
}
@media (max-width: 767px) {
  html body .titleBlock.section_title, html .editor-styles-wrapper .titleBlock.section_title {
    height: 48vw;
  }
}
html body .titleBlock.section_title .pageWidth, html .editor-styles-wrapper .titleBlock.section_title .pageWidth {
  position: relative;
  z-index: 3;
}
html body .titleBlock.section_title.torisetsu .imgbox, html body .titleBlock.section_title.career .imgbox, html .editor-styles-wrapper .titleBlock.section_title.torisetsu .imgbox, html .editor-styles-wrapper .titleBlock.section_title.career .imgbox {
  position: absolute;
  max-width: 1300px;
  bottom: 0;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 1.8rem);
  z-index: 1;
  height: 100%;
}
@media (max-width: 1000px) {
  html body .titleBlock.section_title.torisetsu .imgbox, html body .titleBlock.section_title.career .imgbox, html .editor-styles-wrapper .titleBlock.section_title.torisetsu .imgbox, html .editor-styles-wrapper .titleBlock.section_title.career .imgbox {
    width: 50%;
    transform: inherit;
    right: 0;
  }
}
html body .titleBlock.section_title .imgbox img, html .editor-styles-wrapper .titleBlock.section_title .imgbox img {
  position: absolute;
}
html body .titleBlock.section_title .imgbox img.stationery, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery {
  width: 6%;
  height: auto;
}
@media (max-width: 1000px) {
  html body .titleBlock.section_title .imgbox img.stationery, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery {
    width: 15%;
  }
}
html body .titleBlock.section_title .imgbox img.stationery1, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery1 {
  right: 1rem;
  top: 1rem;
}
@media (max-width: 1380px) {
  html body .titleBlock.section_title .imgbox img.stationery1, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery1 {
    top: 0;
  }
}
html body .titleBlock.section_title .imgbox img.stationery2, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery2 {
  left: 2rem;
  top: 1rem;
}
@media (max-width: 1380px) {
  html body .titleBlock.section_title .imgbox img.stationery2, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery2 {
    left: 2rem;
  }
}
html body .titleBlock.section_title .imgbox img.stationery3, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery3 {
  right: 0;
  bottom: 1rem;
}
@media (max-width: 1380px) {
  html body .titleBlock.section_title .imgbox img.stationery3, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery3 {
    bottom: 0.5rem;
    right: 1rem;
  }
}
@media (max-width: 767px) {
  html body .titleBlock.section_title .imgbox img.stationery3, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery3 {
    right: 0.5rem;
  }
}
html body .titleBlock.section_title .imgbox img.stationery4, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery4 {
  left: 1rem;
  bottom: 1rem;
}
@media (max-width: 767px) {
  html body .titleBlock.section_title .imgbox img.stationery4, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery4 {
    bottom: 0;
  }
}
html body .titleBlock.section_title .imgbox img.stationery5, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery5 {
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 8%;
}
@media (max-width: 1000px) {
  html body .titleBlock.section_title .imgbox img.stationery5, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery5 {
    width: 19%;
  }
}
@media (max-width: 767px) {
  html body .titleBlock.section_title .imgbox img.stationery5, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.stationery5 {
    left: -1rem;
  }
}
html body .titleBlock.section_title .imgbox img.image1, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.image1 {
  width: auto;
  height: 100%;
  right: 3rem;
  bottom: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  html body .titleBlock.section_title .imgbox img.image1, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.image1 {
    right: 1rem;
  }
}
html body .titleBlock.section_title .imgbox img.light, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.light {
  height: 90%;
  width: auto;
  opacity: 0.5;
  transform: translate(-50%, -50%);
  top: 50%;
  bottom: 50%;
  right: 50%;
  left: 50%;
  z-index: 0;
}
@media (max-width: 1000px) {
  html body .titleBlock.section_title .imgbox img.light, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.light {
    right: inherit;
    left: 0;
    width: 100%;
  }
}
html body .titleBlock.section_title .imgbox img.image2, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.image2 {
  width: auto;
  height: 90%;
  right: 3rem;
  transform: translateY(-50%);
  top: 50%;
  z-index: 1;
}
@media (max-width: 1000px) {
  html body .titleBlock.section_title .imgbox img.image2, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.image2 {
    transform: translate(-50%, -50%);
    height: 100%;
    right: 50%;
    left: 50%;
  }
}
@media (max-width: 767px) {
  html body .titleBlock.section_title .imgbox img.image2, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.image2 {
    width: 90%;
    height: auto;
  }
}
html body .titleBlock.section_title .imgbox img.image, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.image {
  width: auto;
  height: 90%;
  right: calc((100vw - 1300px) / 2);
  bottom: 0;
  z-index: 1;
}
@media (max-width: 1380px) {
  html body .titleBlock.section_title .imgbox img.image, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.image {
    right: 0;
  }
}
html body .titleBlock.section_title .imgbox img.kumo, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.kumo {
  width: 80%;
  height: auto;
  right: 0;
  bottom: -1rem;
  z-index: 0;
  opacity: 0.8;
}
@media (max-width: 1380px) {
  html body .titleBlock.section_title .imgbox img.kumo, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.kumo {
    width: 90%;
  }
}
@media (max-width: 860px) {
  html body .titleBlock.section_title .imgbox img.kumo, html .editor-styles-wrapper .titleBlock.section_title .imgbox img.kumo {
    width: 100%;
  }
}
html body .titleBlock.section_title h1, html .editor-styles-wrapper .titleBlock.section_title h1 {
  text-align: center;
}
@media (max-width: 1000px) {
  html body .titleBlock.section_title h1, html .editor-styles-wrapper .titleBlock.section_title h1 {
    text-align: left;
  }
}
html body .titleBlock.section_title p, html body .titleBlock.section_title h2.p, html .editor-styles-wrapper .titleBlock.section_title p, html .editor-styles-wrapper .titleBlock.section_title h2.p {
  font-size: 1rem;
  margin-top: 1.5rem;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 1000px) {
  html body .titleBlock.section_title p, html body .titleBlock.section_title h2.p, html .editor-styles-wrapper .titleBlock.section_title p, html .editor-styles-wrapper .titleBlock.section_title h2.p {
    max-width: 50%;
    text-align: left;
    width: 100%;
  }
}
html body .titleBlock.section_title.sub, html .editor-styles-wrapper .titleBlock.section_title.sub {
  padding: 1.5rem 0;
  height: auto;
}
@media (max-width: 1000px) {
  html body .titleBlock.section_title.sub, html .editor-styles-wrapper .titleBlock.section_title.sub {
    padding: 1.5rem 0;
  }
}
@media (max-width: 767px) {
  html body .titleBlock.section_title.sub, html .editor-styles-wrapper .titleBlock.section_title.sub {
    height: auto;
  }
}
html body .titleBlock.section_title .flex, html .editor-styles-wrapper .titleBlock.section_title .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
html body .titleBlock.section_title .flex .a_btn, html .editor-styles-wrapper .titleBlock.section_title .flex .a_btn {
  width: 15rem;
  margin: 0.5rem 0 0.5rem auto;
}
html body .titleBlock.section_title .flex .a_btn .btn, html .editor-styles-wrapper .titleBlock.section_title .flex .a_btn .btn {
  max-width: inherit;
  width: auto;
}
@media (max-width: 767px) {
  html body .titleBlock.section_title .flex .a_btn .btn, html .editor-styles-wrapper .titleBlock.section_title .flex .a_btn .btn {
    width: 7.5rem;
  }
  html body .titleBlock.section_title .flex .a_btn .btn .sp_none, html .editor-styles-wrapper .titleBlock.section_title .flex .a_btn .btn .sp_none {
    display: none;
  }
}
html body .titleBlock.section_title .flex .title, html .editor-styles-wrapper .titleBlock.section_title .flex .title {
  display: flex;
  justify-content: baseline;
  align-items: center;
  flex-wrap: wrap;
}
html body .titleBlock.section_title .flex .title h2, html body .titleBlock.section_title .flex .title b.h2, html body .titleBlock.section_title .flex .title h1, html .editor-styles-wrapper .titleBlock.section_title .flex .title h2, html .editor-styles-wrapper .titleBlock.section_title .flex .title b.h2, html .editor-styles-wrapper .titleBlock.section_title .flex .title h1 {
  margin-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}
html body .titleBlock.section_title .flex .title b.cat, html .editor-styles-wrapper .titleBlock.section_title .flex .title b.cat {
  padding-left: 2rem;
  position: relative;
  line-height: 1;
}
html body .titleBlock.section_title .flex .title b.cat::after, html .editor-styles-wrapper .titleBlock.section_title .flex .title b.cat::after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 2px;
  display: block;
  background-color: #3D99AB;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
html body .titleBlock.section_title .flex .title p, html .editor-styles-wrapper .titleBlock.section_title .flex .title p {
  margin: 0.5rem auto 0.5rem 0;
  font-weight: 500;
  text-align: left;
  font-size: 0.75rem;
  width: auto;
}
html body .titleBlock.section_title .flex .title p br, html .editor-styles-wrapper .titleBlock.section_title .flex .title p br {
  display: none;
}
@media (max-width: 1000px) {
  html body .titleBlock.section_title .flex .title p, html .editor-styles-wrapper .titleBlock.section_title .flex .title p {
    max-width: inherit;
  }
}
@media (max-width: 767px) {
  html body .titleBlock.section_title .flex .title p, html .editor-styles-wrapper .titleBlock.section_title .flex .title p {
    display: none;
  }
}
html body .time_flex, html .editor-styles-wrapper .time_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
html body .time_flex b, html .editor-styles-wrapper .time_flex b {
  margin: 0.5rem auto 0.5rem 0;
  font-weight: 500;
}
html body .time_flex time, html .editor-styles-wrapper .time_flex time {
  margin: 0.5rem 0 0.5rem auto;
  padding-left: 1rem;
}
html body .blockPagination, html .editor-styles-wrapper .blockPagination {
  margin: 2rem 0;
}
html body .blockPagination ul, html .editor-styles-wrapper .blockPagination ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  grid-template-areas: "prev next";
}
@media (max-width: 767px) {
  html body .blockPagination ul, html .editor-styles-wrapper .blockPagination ul {
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: inherit;
    gap: 1.5rem;
  }
}
html body .blockPagination ul li a, html .editor-styles-wrapper .blockPagination ul li a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
html body .blockPagination ul li a h2, html .editor-styles-wrapper .blockPagination ul li a h2 {
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  position: relative;
}
html body .blockPagination ul li a h2::after, html .editor-styles-wrapper .blockPagination ul li a h2::after {
  display: inline-block;
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: solid 2px #3D99AB;
  border-right: solid 2px #3D99AB;
  position: absolute;
  top: 54%;
  line-height: 1;
  transition: all 0.4s;
}
html body .blockPagination ul li a .flex, html .editor-styles-wrapper .blockPagination ul li a .flex {
  display: flex;
  border: 1px solid #3D99AB;
  padding: 1rem;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}
html body .blockPagination ul li a .flex figure, html .editor-styles-wrapper .blockPagination ul li a .flex figure {
  width: 30%;
  padding-top: 30%;
  position: relative;
  display: block;
  overflow: hidden;
}
html body .blockPagination ul li a .flex figure img, html .editor-styles-wrapper .blockPagination ul li a .flex figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
html body .blockPagination ul li a .flex figure.life-guide img, html .editor-styles-wrapper .blockPagination ul li a .flex figure.life-guide img {
  transform: translateX(-50%);
  top: 0;
  height: auto;
}
html body .blockPagination ul li a .flex .text, html .editor-styles-wrapper .blockPagination ul li a .flex .text {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
html body .blockPagination ul li a .flex .text h3, html body .blockPagination ul li a .flex .text p, html .editor-styles-wrapper .blockPagination ul li a .flex .text h3, html .editor-styles-wrapper .blockPagination ul li a .flex .text p {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  flex-grow: 1;
}
html body .blockPagination ul li a .flex .text .time_flex, html .editor-styles-wrapper .blockPagination ul li a .flex .text .time_flex {
  font-size: 0.875rem;
}
html body .blockPagination ul li a .flex .text .time_flex time, html body .blockPagination ul li a .flex .text .time_flex b, html .editor-styles-wrapper .blockPagination ul li a .flex .text .time_flex time, html .editor-styles-wrapper .blockPagination ul li a .flex .text .time_flex b {
  margin-bottom: 0;
}
html body .blockPagination ul li.prev, html .editor-styles-wrapper .blockPagination ul li.prev {
  grid-area: prev;
}
@media (max-width: 767px) {
  html body .blockPagination ul li.prev, html .editor-styles-wrapper .blockPagination ul li.prev {
    grid-area: inherit;
  }
}
html body .blockPagination ul li.prev a .text, html .editor-styles-wrapper .blockPagination ul li.prev a .text {
  padding-left: 1rem;
}
html body .blockPagination ul li.prev a h2, html .editor-styles-wrapper .blockPagination ul li.prev a h2 {
  text-align: left;
  padding-left: 1.5em;
}
html body .blockPagination ul li.prev a h2::after, html .editor-styles-wrapper .blockPagination ul li.prev a h2::after {
  left: 0.7rem;
  transform: translateY(-50%) rotate(-135deg);
}
html body .blockPagination ul li.prev a:hover h2::after, html .editor-styles-wrapper .blockPagination ul li.prev a:hover h2::after {
  left: 0.4rem;
}
html body .blockPagination ul li.next, html .editor-styles-wrapper .blockPagination ul li.next {
  grid-area: next;
}
@media (max-width: 767px) {
  html body .blockPagination ul li.next, html .editor-styles-wrapper .blockPagination ul li.next {
    grid-area: inherit;
  }
}
html body .blockPagination ul li.next a .flex, html .editor-styles-wrapper .blockPagination ul li.next a .flex {
  flex-direction: row-reverse;
}
html body .blockPagination ul li.next a .text, html .editor-styles-wrapper .blockPagination ul li.next a .text {
  padding-right: 1rem;
}
html body .blockPagination ul li.next a h2, html .editor-styles-wrapper .blockPagination ul li.next a h2 {
  text-align: right;
  padding-right: 1.5em;
}
html body .blockPagination ul li.next a h2::after, html .editor-styles-wrapper .blockPagination ul li.next a h2::after {
  right: 0.7rem;
  transform: translateY(-50%) rotate(45deg);
}
html body .blockPagination ul li.next a:hover h2::after, html .editor-styles-wrapper .blockPagination ul li.next a:hover h2::after {
  right: 0.4rem;
}
html body .blockPagination.comic ul li a .flex figure, html .editor-styles-wrapper .blockPagination.comic ul li a .flex figure {
  padding-top: 45%;
}
html body .pagination, html .editor-styles-wrapper .pagination {
  margin: 2rem 0 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html body .pagination .page-numbers, html .editor-styles-wrapper .pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
}
html body .pagination span, html body .pagination a, html .editor-styles-wrapper .pagination span, html .editor-styles-wrapper .pagination a {
  width: 3.5em;
  height: 3.5em;
  min-width: 3.5em;
  min-height: 3.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0.5rem 0.5rem 0;
  font-size: 0.875rem;
  background-color: #F5F5F5;
  border-radius: 20rem;
  font-weight: 600;
  border: 1px solid #3D99AB;
  color: #3D99AB;
}
html body .pagination a, html .editor-styles-wrapper .pagination a {
  color: #fff;
  background-color: #3D99AB;
}
html body .pagination a.next::after, html .editor-styles-wrapper .pagination a.next::after {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 0.8em;
  height: 0.8em;
  min-width: 0.8em;
  min-height: 0.8em;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
html body .pagination a.prev::after, html .editor-styles-wrapper .pagination a.prev::after {
  content: "";
  display: inline-block;
  margin-left: 0.25rem;
  width: 0.8em;
  height: 0.8em;
  min-width: 0.8em;
  min-height: 0.8em;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(-135deg);
}
html body .ctaBlock, html .editor-styles-wrapper .ctaBlock {
  padding: 3rem 0;
}
html body .ctaBlock .titleBlock, html .editor-styles-wrapper .ctaBlock .titleBlock {
  margin-bottom: 0;
}
html body .ctaBlock .a_btn, html .editor-styles-wrapper .ctaBlock .a_btn {
  margin: 2rem 0 0 0;
}
html body .share-buttons, html .editor-styles-wrapper .share-buttons {
  margin: 2rem 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
}
@media (max-width: 860px) {
  html body .share-buttons, html .editor-styles-wrapper .share-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  html body .share-buttons, html .editor-styles-wrapper .share-buttons {
    grid-template-columns: repeat(1, 1fr);
  }
}
html body .share-buttons button.share-btn, html .editor-styles-wrapper .share-buttons button.share-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 0.5rem 0.8rem 0.2rem;
  transition: all 0.4s;
}
html body .share-buttons button.share-btn:hover, html .editor-styles-wrapper .share-buttons button.share-btn:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  html body .share-buttons button.share-btn, html .editor-styles-wrapper .share-buttons button.share-btn {
    flex-direction: column;
  }
}
html body .share-buttons button.share-btn svg, html .editor-styles-wrapper .share-buttons button.share-btn svg {
  width: 2.5rem;
  height: auto;
  display: block;
}
@media (max-width: 860px) {
  html body .share-buttons button.share-btn svg, html .editor-styles-wrapper .share-buttons button.share-btn svg {
    width: 3rem;
  }
}
html body .share-buttons button.share-btn span, html .editor-styles-wrapper .share-buttons button.share-btn span {
  padding-left: 0.8rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(1.8vw, 1rem);
}
@media (max-width: 860px) {
  html body .share-buttons button.share-btn span, html .editor-styles-wrapper .share-buttons button.share-btn span {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  html body .share-buttons button.share-btn span, html .editor-styles-wrapper .share-buttons button.share-btn span {
    padding: 0.5rem 0 0 0;
  }
}
html body .share-buttons button.share-btn.x, html .editor-styles-wrapper .share-buttons button.share-btn.x {
  background-color: #000000;
  color: #fff;
}
html body .share-buttons button.share-btn.line, html .editor-styles-wrapper .share-buttons button.share-btn.line {
  background-color: #06C755;
  color: #fff;
}
html body .share-buttons button.share-btn.facebook, html .editor-styles-wrapper .share-buttons button.share-btn.facebook {
  background-color: #1877F2;
  color: #fff;
}
html body .share-buttons button.share-btn.copy, html .editor-styles-wrapper .share-buttons button.share-btn.copy {
  background-color: #DCDDDD;
  color: #000;
}
html body .stickyContents, html .editor-styles-wrapper .stickyContents {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  html body .stickyContents, html .editor-styles-wrapper .stickyContents {
    display: block;
  }
}
html body .stickyContents.notSticky, html .editor-styles-wrapper .stickyContents.notSticky {
  display: block;
}
html body .stickyContents.notSticky aside, html body .stickyContents.notSticky .title, html .editor-styles-wrapper .stickyContents.notSticky aside, html .editor-styles-wrapper .stickyContents.notSticky .title {
  width: 100% !important;
  position: inherit;
}
html body .stickyContents.notSticky aside h1, html body .stickyContents.notSticky .title h1, html .editor-styles-wrapper .stickyContents.notSticky aside h1, html .editor-styles-wrapper .stickyContents.notSticky .title h1 {
  margin-bottom: 1rem;
}
html body .stickyContents.notSticky aside figure, html body .stickyContents.notSticky .title figure, html .editor-styles-wrapper .stickyContents.notSticky aside figure, html .editor-styles-wrapper .stickyContents.notSticky .title figure {
  border: none;
  width: 100%;
  max-width: 100%;
}
html body .stickyContents.notSticky .contents, html .editor-styles-wrapper .stickyContents.notSticky .contents {
  width: 100% !important;
  padding: 1rem 0 0 0;
}
html body .stickyContents aside, html body .stickyContents .title, html .editor-styles-wrapper .stickyContents aside, html .editor-styles-wrapper .stickyContents .title {
  position: -webkit-sticky;
  position: sticky;
  width: 440px;
  top: 6rem;
  left: 0;
}
@media (max-width: 1380px) {
  html body .stickyContents aside, html body .stickyContents .title, html .editor-styles-wrapper .stickyContents aside, html .editor-styles-wrapper .stickyContents .title {
    width: 380px;
  }
}
@media (max-width: 860px) {
  html body .stickyContents aside, html body .stickyContents .title, html .editor-styles-wrapper .stickyContents aside, html .editor-styles-wrapper .stickyContents .title {
    width: 300px;
  }
}
@media (max-width: 767px) {
  html body .stickyContents aside, html body .stickyContents .title, html .editor-styles-wrapper .stickyContents aside, html .editor-styles-wrapper .stickyContents .title {
    position: static;
    width: 100%;
    padding-bottom: 2rem;
  }
}
html body .stickyContents aside h1, html body .stickyContents .title h1, html .editor-styles-wrapper .stickyContents aside h1, html .editor-styles-wrapper .stickyContents .title h1 {
  letter-spacing: 0;
  margin-bottom: 0.5rem;
}
html body .stickyContents aside b, html body .stickyContents aside time, html body .stickyContents .title b, html body .stickyContents .title time, html .editor-styles-wrapper .stickyContents aside b, html .editor-styles-wrapper .stickyContents aside time, html .editor-styles-wrapper .stickyContents .title b, html .editor-styles-wrapper .stickyContents .title time {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  margin: 0.5rem 0;
}
html body .stickyContents aside b, html body .stickyContents .title b, html .editor-styles-wrapper .stickyContents aside b, html .editor-styles-wrapper .stickyContents .title b {
  display: flex;
  flex-wrap: wrap;
}
html body .stickyContents aside b a, html body .stickyContents .title b a, html .editor-styles-wrapper .stickyContents aside b a, html .editor-styles-wrapper .stickyContents .title b a {
  display: inline-block;
  margin: 0 0.5rem 0.5rem 0;
}
html body .stickyContents aside .time_tag, html body .stickyContents .title .time_tag, html .editor-styles-wrapper .stickyContents aside .time_tag, html .editor-styles-wrapper .stickyContents .title .time_tag {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
html body .stickyContents aside .timeBox, html body .stickyContents .title .timeBox, html .editor-styles-wrapper .stickyContents aside .timeBox, html .editor-styles-wrapper .stickyContents .title .timeBox {
  display: flex;
  justify-content: flex-end;
}
html body .stickyContents aside .time_flex, html body .stickyContents .title .time_flex, html .editor-styles-wrapper .stickyContents aside .time_flex, html .editor-styles-wrapper .stickyContents .title .time_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
html body .stickyContents aside .time_flex b, html body .stickyContents .title .time_flex b, html .editor-styles-wrapper .stickyContents aside .time_flex b, html .editor-styles-wrapper .stickyContents .title .time_flex b {
  margin: 0.5rem auto 0.5rem 0;
}
html body .stickyContents aside .time_flex time, html body .stickyContents .title .time_flex time, html .editor-styles-wrapper .stickyContents aside .time_flex time, html .editor-styles-wrapper .stickyContents .title .time_flex time {
  margin: 0.5rem 0 0.5rem auto;
  padding-left: 1rem;
}
html body .stickyContents aside figure, html body .stickyContents .title figure, html .editor-styles-wrapper .stickyContents aside figure, html .editor-styles-wrapper .stickyContents .title figure {
  border: 1px solid #000;
  max-width: 300px;
  margin: 0 auto;
}
html body .stickyContents aside .titleBlock, html body .stickyContents .title .titleBlock, html .editor-styles-wrapper .stickyContents aside .titleBlock, html .editor-styles-wrapper .stickyContents .title .titleBlock {
  margin-bottom: 1rem;
}
html body .stickyContents .contents, html .editor-styles-wrapper .stickyContents .contents {
  width: calc(100% - 440px);
  padding-left: 2rem;
}
@media (max-width: 1380px) {
  html body .stickyContents .contents, html .editor-styles-wrapper .stickyContents .contents {
    width: calc(100% - 380px);
  }
}
@media (max-width: 860px) {
  html body .stickyContents .contents, html .editor-styles-wrapper .stickyContents .contents {
    width: calc(100% - 300px);
  }
}
@media (max-width: 767px) {
  html body .stickyContents .contents, html .editor-styles-wrapper .stickyContents .contents {
    width: 100%;
    padding: 0;
  }
}
html body .stickyContents .contents.comicBox figure, html .editor-styles-wrapper .stickyContents .contents.comicBox figure {
  margin-top: 1rem;
}
html body .stickyContents .contents.comicBox figure:first-of-type, html .editor-styles-wrapper .stickyContents .contents.comicBox figure:first-of-type {
  margin-top: 0;
}
html body .pageWidth, html .editor-styles-wrapper .pageWidth {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1rem;
}
html body .pageWidth.wide, html .editor-styles-wrapper .pageWidth.wide {
  max-width: 1640px;
}
html body .pageWidth.point, html .editor-styles-wrapper .pageWidth.point {
  max-width: 1060px;
}
html body .pageWidth.comic, html .editor-styles-wrapper .pageWidth.comic {
  max-width: 1000px;
}
html body .pageWidth.narrow, html .editor-styles-wrapper .pageWidth.narrow {
  max-width: 740px;
}
html body .pageWidth.small, html .editor-styles-wrapper .pageWidth.small {
  max-width: 530px;
}
html body .page_wrap, html .editor-styles-wrapper .page_wrap {
  padding: 0 16px;
}
@media (max-width: 860px) {
  html body .page_wrap, html .editor-styles-wrapper .page_wrap {
    padding: 0 14px;
  }
}
@media (max-width: 767px) {
  html body .page_wrap, html .editor-styles-wrapper .page_wrap {
    padding: 0 10px;
  }
}
html body .faqBlock, html .editor-styles-wrapper .faqBlock {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin: 1.5rem auto;
  gap: 1rem;
  align-items: flex-start;
}
html body .faqBlock details, html .editor-styles-wrapper .faqBlock details {
  background-color: #fff;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 2px solid #3D99AB;
  line-height: 1.8;
  display: flex;
  flex-direction: column;
  height: 100%;
}
html body .faqBlock details summary.faq_q, html .editor-styles-wrapper .faqBlock details summary.faq_q {
  display: block;
  list-style: none !important;
  padding: 1rem;
  padding-left: 3.75rem;
  padding-right: 2.5rem;
  border-radius: 0.5rem;
  position: relative;
  height: 100%;
}
html body .faqBlock details summary.faq_q::marker, html .editor-styles-wrapper .faqBlock details summary.faq_q::marker {
  display: none !important;
  content: "" !important;
}
html body .faqBlock details summary.faq_q::after, html .editor-styles-wrapper .faqBlock details summary.faq_q::after {
  content: "";
  background: #3D99AB;
  height: 0.7rem;
  width: 0.9rem;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  display: block;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
}
html body .faqBlock details summary.faq_q::before, html .editor-styles-wrapper .faqBlock details summary.faq_q::before {
  position: absolute;
  top: 0.65rem;
  left: 0.6rem;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  background-image: url("../svg/q.svg");
  background-position: center;
  background-size: contain;
}
html body .faqBlock details .faq_a, html .editor-styles-wrapper .faqBlock details .faq_a {
  flex-grow: 1;
  padding: 1rem;
  padding-left: 3.75rem;
  border-radius: 0.5rem;
  background-color: #fff;
  position: relative;
}
html body .faqBlock details .faq_a::before, html .editor-styles-wrapper .faqBlock details .faq_a::before {
  position: absolute;
  top: 0.65rem;
  left: 0.6rem;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  background-image: url("../svg/a.svg");
  background-position: center;
  background-size: contain;
}
html body .faqBlock details[open], html .editor-styles-wrapper .faqBlock details[open] {
  background-color: #fff;
}
html body .faqBlock details[open] summary.faq_q, html .editor-styles-wrapper .faqBlock details[open] summary.faq_q {
  padding-bottom: 1rem;
  height: auto;
  border-bottom: 2px solid #3D99AB;
}
html body .faqBlock details[open] summary.faq_q::after, html .editor-styles-wrapper .faqBlock details[open] summary.faq_q::after {
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
html body .listScroll, html .editor-styles-wrapper .listScroll {
  overflow: auto;
  padding-bottom: 0.5rem;
  padding-left: calc((100vw - 1440px) / 2);
}
html body .listScroll.rank, html .editor-styles-wrapper .listScroll.rank {
  margin-top: -2rem;
}
html body .listScroll ul.linkList, html .editor-styles-wrapper .listScroll ul.linkList {
  display: flex;
  padding-left: 1rem;
  gap: 0;
}
html body .listScroll ul.linkList li, html .editor-styles-wrapper .listScroll ul.linkList li {
  width: 25%;
  min-width: 360px;
  padding-right: 2rem;
}
@media (max-width: 1380px) {
  html body .listScroll ul.linkList li, html .editor-styles-wrapper .listScroll ul.linkList li {
    min-width: 30%;
  }
}
@media (max-width: 860px) {
  html body .listScroll ul.linkList li, html .editor-styles-wrapper .listScroll ul.linkList li {
    padding-right: 1.5rem;
    min-width: 40%;
  }
}
@media (max-width: 767px) {
  html body .listScroll ul.linkList li, html .editor-styles-wrapper .listScroll ul.linkList li {
    min-width: 70%;
  }
}
html body .tag, html .editor-styles-wrapper .tag {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
}
html body .tag span, html body .tag a, html .editor-styles-wrapper .tag span, html .editor-styles-wrapper .tag a {
  display: inline-block;
  font-size: 0.75rem;
  background-color: #fff;
  color: #3D99AB;
  border: 1px solid #3D99AB;
  line-height: 1;
  padding: 0.18rem 0.5rem 0.2rem 0.5rem;
  border-radius: 20rem;
  margin: 0 0.5rem 0.5rem 0;
}
html body .tag span.cat_span, html body .tag a.cat_span, html .editor-styles-wrapper .tag span.cat_span, html .editor-styles-wrapper .tag a.cat_span {
  color: #7C7C7C;
  border: 1px solid #7C7C7C;
}
html body .tag span, html .editor-styles-wrapper .tag span {
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}
html body .tag a, html .editor-styles-wrapper .tag a {
  transition: all 0.4s;
}
html body .tag a:hover, html .editor-styles-wrapper .tag a:hover {
  background-color: #3D99AB;
  color: #fff;
}
html body ul.linkList, html .editor-styles-wrapper ul.linkList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin: 2rem 0 0 0;
  padding-left: 0;
  list-style-type: none;
}
@media (max-width: 1380px) {
  html body ul.linkList, html .editor-styles-wrapper ul.linkList {
    gap: 1rem;
  }
}
@media (max-width: 860px) {
  html body ul.linkList, html .editor-styles-wrapper ul.linkList {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  html body ul.linkList, html .editor-styles-wrapper ul.linkList {
    grid-template-columns: repeat(2, 1fr);
  }
}
html body ul.linkList.column, html .editor-styles-wrapper ul.linkList.column {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 860px) {
  html body ul.linkList.column, html .editor-styles-wrapper ul.linkList.column {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  html body ul.linkList.column, html .editor-styles-wrapper ul.linkList.column {
    grid-template-columns: repeat(2, 1fr);
  }
}
html body ul.linkList.column li a figure, html body ul.linkList.column li .a figure, html .editor-styles-wrapper ul.linkList.column li a figure, html .editor-styles-wrapper ul.linkList.column li .a figure {
  padding-top: 52.5%;
}
@media (max-width: 860px) {
  html body ul.linkList.column.cardbox, html .editor-styles-wrapper ul.linkList.column.cardbox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  html body ul.linkList.column.cardbox, html .editor-styles-wrapper ul.linkList.column.cardbox {
    grid-template-columns: repeat(1, 1fr);
  }
}
html body ul.linkList.column.cardbox li a .text, html body ul.linkList.column.cardbox li .a .text, html .editor-styles-wrapper ul.linkList.column.cardbox li a .text, html .editor-styles-wrapper ul.linkList.column.cardbox li .a .text {
  display: block;
}
html body ul.linkList.column.column_tag li a, html .editor-styles-wrapper ul.linkList.column.column_tag li a {
  position: relative;
}
html body ul.linkList.borderNone li a figure, html body ul.linkList.borderNone li .a figure, html .editor-styles-wrapper ul.linkList.borderNone li a figure, html .editor-styles-wrapper ul.linkList.borderNone li .a figure {
  border: none;
}
html body ul.linkList.flow, html .editor-styles-wrapper ul.linkList.flow {
  grid-template-columns: repeat(1, 1fr);
  gap: 2.5rem;
}
@media (max-width: 767px) {
  html body ul.linkList.flow, html .editor-styles-wrapper ul.linkList.flow {
    gap: 2rem;
  }
}
html body ul.linkList.flow li, html .editor-styles-wrapper ul.linkList.flow li {
  position: relative;
  padding: 0 1rem;
}
@media (max-width: 767px) {
  html body ul.linkList.flow li, html .editor-styles-wrapper ul.linkList.flow li {
    padding: 0;
  }
}
html body ul.linkList.flow li b.step, html .editor-styles-wrapper ul.linkList.flow li b.step {
  position: absolute;
  background-color: #3D99AB;
  text-align: center;
  top: -2rem;
  left: -0.5rem;
  display: block;
  border-radius: 30rem;
  color: #fff;
  height: 4.5rem;
  width: 4.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1;
  padding-top: 0.25rem;
}
@media (max-width: 767px) {
  html body ul.linkList.flow li b.step, html .editor-styles-wrapper ul.linkList.flow li b.step {
    top: 0.5rem;
    left: 0.5rem;
    height: 4rem;
    width: 4rem;
  }
}
html body ul.linkList.flow li b.step span, html .editor-styles-wrapper ul.linkList.flow li b.step span {
  font-size: 1.5rem;
  padding-top: 0.25rem;
  font-family: "Helvetica Neue", Arial, sans-serif;
}
html body ul.linkList.flow li a, html body ul.linkList.flow li .a, html .editor-styles-wrapper ul.linkList.flow li a, html .editor-styles-wrapper ul.linkList.flow li .a {
  padding: 2rem;
  background-color: #fff;
  border: 2px solid #3D99AB;
  flex-direction: inherit;
  align-items: flex-start;
}
@media (max-width: 767px) {
  html body ul.linkList.flow li a, html body ul.linkList.flow li .a, html .editor-styles-wrapper ul.linkList.flow li a, html .editor-styles-wrapper ul.linkList.flow li .a {
    flex-direction: column-reverse;
    padding: 1.5rem 1rem 1rem 1rem;
  }
}
html body ul.linkList.flow li a .text, html body ul.linkList.flow li .a .text, html .editor-styles-wrapper ul.linkList.flow li a .text, html .editor-styles-wrapper ul.linkList.flow li .a .text {
  width: 60%;
}
@media (max-width: 860px) {
  html body ul.linkList.flow li a .text, html body ul.linkList.flow li .a .text, html .editor-styles-wrapper ul.linkList.flow li a .text, html .editor-styles-wrapper ul.linkList.flow li .a .text {
    width: 55%;
  }
}
@media (max-width: 767px) {
  html body ul.linkList.flow li a .text, html body ul.linkList.flow li .a .text, html .editor-styles-wrapper ul.linkList.flow li a .text, html .editor-styles-wrapper ul.linkList.flow li .a .text {
    width: 100%;
    padding: 0 0 1rem 4rem;
  }
}
html body ul.linkList.flow li a .text p, html body ul.linkList.flow li .a .text p, html .editor-styles-wrapper ul.linkList.flow li a .text p, html .editor-styles-wrapper ul.linkList.flow li .a .text p {
  font-size: 1rem;
}
html body ul.linkList.flow li a .text h3, html body ul.linkList.flow li .a .text h3, html .editor-styles-wrapper ul.linkList.flow li a .text h3, html .editor-styles-wrapper ul.linkList.flow li .a .text h3 {
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
html body ul.linkList.flow li a figure, html body ul.linkList.flow li .a figure, html .editor-styles-wrapper ul.linkList.flow li a figure, html .editor-styles-wrapper ul.linkList.flow li .a figure {
  padding: 0;
  margin: 0;
  position: inherit;
  border-color: #3D99AB;
  width: 40%;
  margin-right: 1rem;
}
html body ul.linkList.flow li a figure a, html body ul.linkList.flow li .a figure a, html .editor-styles-wrapper ul.linkList.flow li a figure a, html .editor-styles-wrapper ul.linkList.flow li .a figure a {
  display: block;
  border: none;
  transition: all 0.4s;
}
html body ul.linkList.flow li a figure a:hover, html body ul.linkList.flow li .a figure a:hover, html .editor-styles-wrapper ul.linkList.flow li a figure a:hover, html .editor-styles-wrapper ul.linkList.flow li .a figure a:hover {
  opacity: 0.7;
}
@media (max-width: 860px) {
  html body ul.linkList.flow li a figure, html body ul.linkList.flow li .a figure, html .editor-styles-wrapper ul.linkList.flow li a figure, html .editor-styles-wrapper ul.linkList.flow li .a figure {
    width: 45%;
  }
}
@media (max-width: 767px) {
  html body ul.linkList.flow li a figure, html body ul.linkList.flow li .a figure, html .editor-styles-wrapper ul.linkList.flow li a figure, html .editor-styles-wrapper ul.linkList.flow li .a figure {
    width: 100%;
    margin-right: 0;
  }
}
html body ul.linkList.flow li a figure img, html body ul.linkList.flow li .a figure img, html .editor-styles-wrapper ul.linkList.flow li a figure img, html .editor-styles-wrapper ul.linkList.flow li .a figure img {
  position: inherit;
  transform: inherit;
}
html body ul.linkList.ranking, html .editor-styles-wrapper ul.linkList.ranking {
  counter-reset: number 0;
}
html body ul.linkList.ranking li, html .editor-styles-wrapper ul.linkList.ranking li {
  position: relative;
}
html body ul.linkList.ranking li::before, html .editor-styles-wrapper ul.linkList.ranking li::before {
  content: "";
  position: absolute;
  left: 2.5rem;
  top: -0.8rem;
  width: 1rem;
  height: 3rem;
  display: block;
  background-color: #000;
  z-index: 0;
}
html body ul.linkList.ranking li .a, html body ul.linkList.ranking li a, html .editor-styles-wrapper ul.linkList.ranking li .a, html .editor-styles-wrapper ul.linkList.ranking li a {
  position: relative;
}
html body ul.linkList.ranking li .a::after, html body ul.linkList.ranking li a::after, html .editor-styles-wrapper ul.linkList.ranking li .a::after, html .editor-styles-wrapper ul.linkList.ranking li a::after {
  counter-increment: number 1;
  content: counter(number) !important;
  color: white;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  position: absolute;
  left: 0.5rem;
  top: -0.8rem;
  font-size: 1.25rem;
  border-radius: 3rem 0 5rem 5rem;
  width: 2.5rem;
  height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  z-index: 3 !important;
  pointer-events: none;
}
html body ul.linkList.ranking li .a::before, html body ul.linkList.ranking li a::before, html .editor-styles-wrapper ul.linkList.ranking li .a::before, html .editor-styles-wrapper ul.linkList.ranking li a::before {
  content: "" !important;
  position: absolute;
  left: 3rem;
  background-color: #a79f9f;
  top: -0.8rem;
  border-radius: 0 1rem 0 0;
  width: 1rem;
  height: 3rem;
  border-radius: 20rem;
  z-index: 0 !important;
  pointer-events: none;
  display: block;
}
html body ul.linkList.ranking li:first-of-type::before, html .editor-styles-wrapper ul.linkList.ranking li:first-of-type::before {
  background-color: #C6BA2C;
}
html body ul.linkList.ranking li:first-of-type a::after, html body ul.linkList.ranking li:first-of-type .a::after, html .editor-styles-wrapper ul.linkList.ranking li:first-of-type a::after, html .editor-styles-wrapper ul.linkList.ranking li:first-of-type .a::after {
  background-color: #C6BA2C;
}
html body ul.linkList.ranking li:first-of-type a::before, html body ul.linkList.ranking li:first-of-type .a::before, html .editor-styles-wrapper ul.linkList.ranking li:first-of-type a::before, html .editor-styles-wrapper ul.linkList.ranking li:first-of-type .a::before {
  background-color: #958D2F;
}
html body ul.linkList.ranking li:nth-of-type(2)::before, html .editor-styles-wrapper ul.linkList.ranking li:nth-of-type(2)::before {
  background-color: #B7B7B7;
}
html body ul.linkList.ranking li:nth-of-type(2) a::after, html body ul.linkList.ranking li:nth-of-type(2) .a::after, html .editor-styles-wrapper ul.linkList.ranking li:nth-of-type(2) a::after, html .editor-styles-wrapper ul.linkList.ranking li:nth-of-type(2) .a::after {
  background-color: #B7B7B7;
}
html body ul.linkList.ranking li:nth-of-type(2) a::before, html body ul.linkList.ranking li:nth-of-type(2) .a::before, html .editor-styles-wrapper ul.linkList.ranking li:nth-of-type(2) a::before, html .editor-styles-wrapper ul.linkList.ranking li:nth-of-type(2) .a::before {
  background-color: #868382;
}
html body ul.linkList.ranking li:nth-of-type(3)::before, html .editor-styles-wrapper ul.linkList.ranking li:nth-of-type(3)::before {
  background-color: #CE9449;
}
html body ul.linkList.ranking li:nth-of-type(3) a::after, html body ul.linkList.ranking li:nth-of-type(3) .a::after, html .editor-styles-wrapper ul.linkList.ranking li:nth-of-type(3) a::after, html .editor-styles-wrapper ul.linkList.ranking li:nth-of-type(3) .a::after {
  background-color: #CE9449;
}
html body ul.linkList.ranking li:nth-of-type(3) a::before, html body ul.linkList.ranking li:nth-of-type(3) .a::before, html .editor-styles-wrapper ul.linkList.ranking li:nth-of-type(3) a::before, html .editor-styles-wrapper ul.linkList.ranking li:nth-of-type(3) .a::before {
  background-color: #9D8E73;
}
html body ul.linkList li, html .editor-styles-wrapper ul.linkList li {
  padding-left: 0;
}
html body ul.linkList li::before, html .editor-styles-wrapper ul.linkList li::before {
  content: none;
}
html body ul.linkList li a span.cat, html .editor-styles-wrapper ul.linkList li a span.cat {
  position: absolute;
  display: inline-block;
  font-size: 0.75rem;
  color: #fff;
  background-color: #3D99AB;
  padding: 0.23rem 0.5rem 0.3rem 0.5rem;
  top: 1px;
  right: 1px;
  z-index: 5;
}
html body ul.linkList li a figure, html .editor-styles-wrapper ul.linkList li a figure {
  transition: all 0.4s;
  z-index: 1;
}
html body ul.linkList li a figure.life-guide img, html .editor-styles-wrapper ul.linkList li a figure.life-guide img {
  transform: translateX(-50%);
  top: 0;
  height: auto;
}
html body ul.linkList li a:hover figure, html .editor-styles-wrapper ul.linkList li a:hover figure {
  opacity: 0.7;
}
html body ul.linkList li a:hover h3, html .editor-styles-wrapper ul.linkList li a:hover h3 {
  text-decoration: underline;
}
@media (max-width: 860px) {
  html body ul.linkList li, html .editor-styles-wrapper ul.linkList li {
    margin-bottom: 1rem;
  }
}
html body ul.linkList li a, html body ul.linkList li .a, html .editor-styles-wrapper ul.linkList li a, html .editor-styles-wrapper ul.linkList li .a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
html body ul.linkList li a .text, html body ul.linkList li .a .text, html .editor-styles-wrapper ul.linkList li a .text, html .editor-styles-wrapper ul.linkList li .a .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
html body ul.linkList li a .text h3, html body ul.linkList li .a .text h3, html .editor-styles-wrapper ul.linkList li a .text h3, html .editor-styles-wrapper ul.linkList li .a .text h3 {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  flex-grow: 1;
  font-weight: 600;
  color: #000;
}
html body ul.linkList li a .text p, html body ul.linkList li .a .text p, html .editor-styles-wrapper ul.linkList li a .text p, html .editor-styles-wrapper ul.linkList li .a .text p {
  font-size: 0.75rem;
  line-height: 2;
  color: #000;
}
html body ul.linkList li a .text b, html body ul.linkList li a .text time, html body ul.linkList li .a .text b, html body ul.linkList li .a .text time, html .editor-styles-wrapper ul.linkList li a .text b, html .editor-styles-wrapper ul.linkList li a .text time, html .editor-styles-wrapper ul.linkList li .a .text b, html .editor-styles-wrapper ul.linkList li .a .text time {
  display: block;
  font-weight: 500;
  font-size: 0.75rem;
}
html body ul.linkList li a .text b, html body ul.linkList li .a .text b, html .editor-styles-wrapper ul.linkList li a .text b, html .editor-styles-wrapper ul.linkList li .a .text b {
  display: flex;
  flex-wrap: wrap;
}
html body ul.linkList li a .text b span, html body ul.linkList li .a .text b span, html .editor-styles-wrapper ul.linkList li a .text b span, html .editor-styles-wrapper ul.linkList li .a .text b span {
  display: inline-block;
  line-height: 1;
  margin: 0 0.5rem 0.5rem 0;
}
html body ul.linkList li a .text .tag, html body ul.linkList li .a .text .tag, html .editor-styles-wrapper ul.linkList li a .text .tag, html .editor-styles-wrapper ul.linkList li .a .text .tag {
  margin-top: 0;
}
html body ul.linkList li a .text .time_flex, html body ul.linkList li .a .text .time_flex, html .editor-styles-wrapper ul.linkList li a .text .time_flex, html .editor-styles-wrapper ul.linkList li .a .text .time_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
html body ul.linkList li a .text .time_flex b, html body ul.linkList li .a .text .time_flex b, html .editor-styles-wrapper ul.linkList li a .text .time_flex b, html .editor-styles-wrapper ul.linkList li .a .text .time_flex b {
  margin: 0.5rem auto 0.5rem 0;
}
html body ul.linkList li a .text .time_flex time, html body ul.linkList li .a .text .time_flex time, html .editor-styles-wrapper ul.linkList li a .text .time_flex time, html .editor-styles-wrapper ul.linkList li .a .text .time_flex time {
  margin: 0.5rem 0 0.5rem auto;
  padding-left: 1rem;
}
html body ul.linkList li a figure, html body ul.linkList li .a figure, html .editor-styles-wrapper ul.linkList li a figure, html .editor-styles-wrapper ul.linkList li .a figure {
  order: -1;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.5rem;
  border: 1px solid #000;
}
html body ul.linkList li a figure img, html body ul.linkList li .a figure img, html .editor-styles-wrapper ul.linkList li a figure img, html .editor-styles-wrapper ul.linkList li .a figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
html body ul.linkList.comic li a figure, html body ul.linkList.comic li .a figure, html .editor-styles-wrapper ul.linkList.comic li a figure, html .editor-styles-wrapper ul.linkList.comic li .a figure {
  padding-top: 140%;
  margin-bottom: 0;
}
html body ul.linkList.comic li a figure img, html body ul.linkList.comic li .a figure img, html .editor-styles-wrapper ul.linkList.comic li a figure img, html .editor-styles-wrapper ul.linkList.comic li .a figure img {
  transform: translateX(-50%);
  top: 0;
  height: auto;
}
html body ul.linkList.comic li a a, html body ul.linkList.comic li .a a, html .editor-styles-wrapper ul.linkList.comic li a a, html .editor-styles-wrapper ul.linkList.comic li .a a {
  display: block;
}
html body ul.linkList.comic li a figure a img, html body ul.linkList.comic li .a figure a img, html .editor-styles-wrapper ul.linkList.comic li a figure a img, html .editor-styles-wrapper ul.linkList.comic li .a figure a img {
  transition: all 0.4s;
}
html body ul.linkList.comic li a figure a img:hover, html body ul.linkList.comic li .a figure a img:hover, html .editor-styles-wrapper ul.linkList.comic li a figure a img:hover, html .editor-styles-wrapper ul.linkList.comic li .a figure a img:hover {
  opacity: 0.7;
}
html body ul.linkList.comic li a h3, html body ul.linkList.comic li .a h3, html .editor-styles-wrapper ul.linkList.comic li a h3, html .editor-styles-wrapper ul.linkList.comic li .a h3 {
  padding: 0;
}
html body ul.linkList.comic li a h3 a, html body ul.linkList.comic li .a h3 a, html .editor-styles-wrapper ul.linkList.comic li a h3 a, html .editor-styles-wrapper ul.linkList.comic li .a h3 a {
  padding: 0.5rem 0 0 0;
}
html body ul.linkList.comic li a h3 a:hover, html body ul.linkList.comic li .a h3 a:hover, html .editor-styles-wrapper ul.linkList.comic li a h3 a:hover, html .editor-styles-wrapper ul.linkList.comic li .a h3 a:hover {
  text-decoration: underline;
}
html body ul.linkList.column.ranking li figure:hover, html .editor-styles-wrapper ul.linkList.column.ranking li figure:hover {
  opacity: 1 !important;
}
html body .iconList, html .editor-styles-wrapper .iconList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin: 2rem 0;
  padding-left: 0;
  list-style-type: none;
}
@media (max-width: 1380px) {
  html body .iconList, html .editor-styles-wrapper .iconList {
    gap: 1rem;
  }
}
@media (max-width: 860px) {
  html body .iconList, html .editor-styles-wrapper .iconList {
    grid-template-columns: repeat(1, 1fr);
  }
}
html body .iconList li, html .editor-styles-wrapper .iconList li {
  padding: 1rem;
  border-radius: 1rem;
  border: 2px solid #3D99AB;
  background-color: #fff;
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: #3D99AB;
}
html body .iconList li::before, html .editor-styles-wrapper .iconList li::before {
  content: none;
}
@media (max-width: 767px) {
  html body .iconList li, html .editor-styles-wrapper .iconList li {
    padding: 1.5rem 1rem;
  }
}
html body .iconList li figure, html .editor-styles-wrapper .iconList li figure {
  width: 6rem;
  height: 6rem;
  min-width: 6rem;
  min-height: 6rem;
  position: relative;
  border: 1px solid #3D99AB;
  border-radius: 20rem;
  overflow: hidden;
  margin-right: 1rem;
}
@media (max-width: 767px) {
  html body .iconList li figure, html .editor-styles-wrapper .iconList li figure {
    width: 5rem;
    height: 5rem;
    min-width: 5rem;
    min-height: 5rem;
  }
}
html body .iconList li figure img, html .editor-styles-wrapper .iconList li figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20rem;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
html body .about_top, html body .about_bottom, html .editor-styles-wrapper .about_top, html .editor-styles-wrapper .about_bottom {
  position: relative;
}
@media (max-width: 767px) {
  html body .about_top, html body .about_bottom, html .editor-styles-wrapper .about_top, html .editor-styles-wrapper .about_bottom {
    padding-bottom: 0;
  }
}
html body .about_top .pageWidth, html body .about_bottom .pageWidth, html .editor-styles-wrapper .about_top .pageWidth, html .editor-styles-wrapper .about_bottom .pageWidth {
  position: relative;
  z-index: 2;
}
@media (max-width: 1380px) {
  html body .about_top .pageWidth.small, html body .about_bottom .pageWidth.small, html .editor-styles-wrapper .about_top .pageWidth.small, html .editor-styles-wrapper .about_bottom .pageWidth.small {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  html body .about_top .pageWidth.small, html body .about_bottom .pageWidth.small, html .editor-styles-wrapper .about_top .pageWidth.small, html .editor-styles-wrapper .about_bottom .pageWidth.small {
    max-width: 530px;
  }
}
html body .about_top .pageWidth.small p, html body .about_bottom .pageWidth.small p, html .editor-styles-wrapper .about_top .pageWidth.small p, html .editor-styles-wrapper .about_bottom .pageWidth.small p {
  text-align: center;
}
@media (max-width: 767px) {
  html body .about_top .pageWidth.small p, html body .about_bottom .pageWidth.small p, html .editor-styles-wrapper .about_top .pageWidth.small p, html .editor-styles-wrapper .about_bottom .pageWidth.small p {
    text-align: left;
	  font-size:13.5px;
  }
}
html body .about_top .image, html body .about_bottom .image, html .editor-styles-wrapper .about_top .image, html .editor-styles-wrapper .about_bottom .image {
  position: absolute;
  width: 100%;
  max-width: 1150px;
  bottom: 0;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 1.8rem);
  z-index: 1;
}
@media (max-width: 767px) {
  html body .about_top .image, html body .about_bottom .image, html .editor-styles-wrapper .about_top .image, html .editor-styles-wrapper .about_bottom .image {
    position: static;
    transform: inherit;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: -2rem;
    width: 100%;
  }
}
html body .about_top .image figure, html body .about_bottom .image figure, html .editor-styles-wrapper .about_top .image figure, html .editor-styles-wrapper .about_bottom .image figure {
  position: absolute;
  width: 28%;
  bottom: 0;
  display: block;
}
@media (max-width: 767px) {
  html body .about_top .image figure, html body .about_bottom .image figure, html .editor-styles-wrapper .about_top .image figure, html .editor-styles-wrapper .about_bottom .image figure {
    position: static;
    width: 48%;
  }
}
html body .about_top .image figure:first-of-type, html body .about_bottom .image figure:first-of-type, html .editor-styles-wrapper .about_top .image figure:first-of-type, html .editor-styles-wrapper .about_bottom .image figure:first-of-type {
  left: 0;
}
html body .about_top .image figure:nth-of-type(2), html body .about_bottom .image figure:nth-of-type(2), html .editor-styles-wrapper .about_top .image figure:nth-of-type(2), html .editor-styles-wrapper .about_bottom .image figure:nth-of-type(2) {
  right: 0;
}
html body .about_head .pageWidth, html .editor-styles-wrapper .about_head .pageWidth {
  position: relative;
}
html body .about_head .triangle img, html .editor-styles-wrapper .about_head .triangle img {
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 0;
}
html body .about_head .triangle img:first-of-type, html .editor-styles-wrapper .about_head .triangle img:first-of-type {
  width: 8.7rem;
  top: 3rem;
  left: 10rem;
}
@media (max-width: 1380px) {
  html body .about_head .triangle img:first-of-type, html .editor-styles-wrapper .about_head .triangle img:first-of-type {
    left: 3rem;
  }
}
@media (max-width: 1025px) {
  html body .about_head .triangle img:first-of-type, html .editor-styles-wrapper .about_head .triangle img:first-of-type {
    left: 0;
    width: 14.5%;
    top: -5rem;
  }
}
html body .about_head .triangle img:nth-of-type(2), html .editor-styles-wrapper .about_head .triangle img:nth-of-type(2) {
  width: 9rem;
  top: 3rem;
  right: 10rem;
}
@media (max-width: 1380px) {
  html body .about_head .triangle img:nth-of-type(2), html .editor-styles-wrapper .about_head .triangle img:nth-of-type(2) {
    right: 3rem;
  }
}
@media (max-width: 1025px) {
  html body .about_head .triangle img:nth-of-type(2), html .editor-styles-wrapper .about_head .triangle img:nth-of-type(2) {
    width: 15%;
    right: 0;
    top: inherit;
    bottom: -6rem;
  }
}
html body .about_bottom, html .editor-styles-wrapper .about_bottom {
  padding-top: 5rem;
}
html body .about_bottom .triangle img, html .editor-styles-wrapper .about_bottom .triangle img {
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 0;
}
html body .about_bottom .triangle img:first-of-type, html .editor-styles-wrapper .about_bottom .triangle img:first-of-type {
  width: 10rem;
  top: -2rem;
  left: 5rem;
}
@media (max-width: 1380px) {
  html body .about_bottom .triangle img:first-of-type, html .editor-styles-wrapper .about_bottom .triangle img:first-of-type {
    top: -4rem;
    left: 0;
  }
}
@media (max-width: 1025px) {
  html body .about_bottom .triangle img:first-of-type, html .editor-styles-wrapper .about_bottom .triangle img:first-of-type {
    width: 15%;
  }
}
html body .about_bottom .triangle img:nth-of-type(2), html .editor-styles-wrapper .about_bottom .triangle img:nth-of-type(2) {
  width: 6.8rem;
  top: 0;
  right: 2rem;
}
@media (max-width: 1380px) {
  html body .about_bottom .triangle img:nth-of-type(2), html .editor-styles-wrapper .about_bottom .triangle img:nth-of-type(2) {
    right: 0;
    top: -4rem;
  }
}
@media (max-width: 1025px) {
  html body .about_bottom .triangle img:nth-of-type(2), html .editor-styles-wrapper .about_bottom .triangle img:nth-of-type(2) {
    width: 10%;
  }
}
@media (max-width: 767px) {
  html body .about_bottom .image, html .editor-styles-wrapper .about_bottom .image {
    margin-top: 0;
  }
}
html body .pointBlock, html .editor-styles-wrapper .pointBlock {
  border-radius: 1rem;
  border: 2px solid #3D99AB;
  overflow: hidden;
  background-color: #F5F5F5;
  margin-bottom: 2rem;
  position: relative;
  z-index: 2;
}
html body .pointBlock h3, html .editor-styles-wrapper .pointBlock h3 {
  padding: 2rem;
  text-align: center;
  font-size: 1.25rem;
  color: #fff;
  background-color: #3D99AB;
  font-weight: 600;
}
html body .pointBlock ul, html .editor-styles-wrapper .pointBlock ul {
  padding: 1.5rem 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
@media (max-width: 767px) {
  html body .pointBlock ul, html .editor-styles-wrapper .pointBlock ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
html body .pointBlock ul li, html .editor-styles-wrapper .pointBlock ul li {
  text-align: center;
  padding: 1.5rem 1rem;
  background-color: #fff;
  text-align: center;
  border-radius: 1rem;
  border: 2px solid #3D99AB;
  position: relative;
}
html body .pointBlock ul li::before, html .editor-styles-wrapper .pointBlock ul li::before {
  content: none;
}
html body .pointBlock ul li::after, html .editor-styles-wrapper .pointBlock ul li::after {
  content: "";
  width: 2rem;
  height: 2rem;
  display: block;
  background-image: url(../svg/plus.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: -2.5rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  html body .pointBlock ul li::after, html .editor-styles-wrapper .pointBlock ul li::after {
    transform: translateX(-50%);
    bottom: -2.7rem;
    left: 50%;
    top: inherit;
  }
}
html body .pointBlock ul li:last-of-type::after, html .editor-styles-wrapper .pointBlock ul li:last-of-type::after {
  content: none;
}
html body .pointBlock ul li h4, html .editor-styles-wrapper .pointBlock ul li h4 {
  color: #3D99AB;
  font-weight: 600;
  font-size: 1.125rem;
  padding-bottom: 1rem;
}
html body .video_width, html body .wp-block-embed.is-type-video, html .editor-styles-wrapper .video_width, html .editor-styles-wrapper .wp-block-embed.is-type-video {
  width: 100%;
  max-width: 1080px;
  margin: 1.5rem auto;
}
html body .video_width .video_padding, html body .video_width .wp-block-embed__wrapper, html body .wp-block-embed.is-type-video .video_padding, html body .wp-block-embed.is-type-video .wp-block-embed__wrapper, html .editor-styles-wrapper .video_width .video_padding, html .editor-styles-wrapper .video_width .wp-block-embed__wrapper, html .editor-styles-wrapper .wp-block-embed.is-type-video .video_padding, html .editor-styles-wrapper .wp-block-embed.is-type-video .wp-block-embed__wrapper {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
}
html body .video_width .video_padding iframe, html body .video_width .video_padding video, html body .video_width .wp-block-embed__wrapper iframe, html body .video_width .wp-block-embed__wrapper video, html body .wp-block-embed.is-type-video .video_padding iframe, html body .wp-block-embed.is-type-video .video_padding video, html body .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe, html body .wp-block-embed.is-type-video .wp-block-embed__wrapper video, html .editor-styles-wrapper .video_width .video_padding iframe, html .editor-styles-wrapper .video_width .video_padding video, html .editor-styles-wrapper .video_width .wp-block-embed__wrapper iframe, html .editor-styles-wrapper .video_width .wp-block-embed__wrapper video, html .editor-styles-wrapper .wp-block-embed.is-type-video .video_padding iframe, html .editor-styles-wrapper .wp-block-embed.is-type-video .video_padding video, html .editor-styles-wrapper .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe, html .editor-styles-wrapper .wp-block-embed.is-type-video .wp-block-embed__wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html body .pointList, html .editor-styles-wrapper .pointList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin: 2rem 0;
  list-style-type: none;
  padding-left: 0;
}
@media (max-width: 1380px) {
  html body .pointList, html .editor-styles-wrapper .pointList {
    gap: 1rem;
  }
}
@media (max-width: 860px) {
  html body .pointList, html .editor-styles-wrapper .pointList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  html body .pointList, html .editor-styles-wrapper .pointList {
    grid-template-columns: repeat(1, 1fr);
  }
}
html body .pointList li, html .editor-styles-wrapper .pointList li {
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  border: 2px solid #3D99AB;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
html body .pointList li::before, html .editor-styles-wrapper .pointList li::before {
  content: none;
}
@media (max-width: 767px) {
  html body .pointList li, html .editor-styles-wrapper .pointList li {
    padding: 1.5rem 1rem;
  }
}
html body .pointList li .icon, html .editor-styles-wrapper .pointList li .icon {
  width: 4rem;
  height: 4rem;
  min-width: 4rem;
  min-height: 4rem;
  position: relative;
  margin: 0 auto 1rem auto;
  order: -1;
}
@media (max-width: 767px) {
  html body .pointList li .icon, html .editor-styles-wrapper .pointList li .icon {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
  }
}
html body .pointList li .icon img, html .editor-styles-wrapper .pointList li .icon img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
html body .pointList li .text h3, html .editor-styles-wrapper .pointList li .text h3 {
  text-align: center;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5em;
  font-weight: 600;
}
@media (max-width: 767px) {
  html body .pointList li .text h3, html .editor-styles-wrapper .pointList li .text h3 {
    min-height: inherit;
  }
}
html body .pointList li .text p, html .editor-styles-wrapper .pointList li .text p {
  font-size: 0.75rem;
  line-height: 2;
  padding-top: 1rem;
}
html body .reviewList, html .editor-styles-wrapper .reviewList {
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 2rem 0;
  list-style-type: none;
  padding-left: 0;
}
@media (max-width: 1380px) {
  html body .reviewList, html .editor-styles-wrapper .reviewList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  html body .reviewList, html .editor-styles-wrapper .reviewList {
    grid-template-columns: repeat(1, 1fr);
  }
}
html body .reviewList li, html .editor-styles-wrapper .reviewList li {
  padding: 1.5rem 2rem;
  background-color: #fff;
  padding: 1.5rem 1rem;
}
html body .reviewList li::before, html .editor-styles-wrapper .reviewList li::before {
  content: none;
}
html body .reviewList li .iconFlex, html .editor-styles-wrapper .reviewList li .iconFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
html body .reviewList li .iconFlex .title, html .editor-styles-wrapper .reviewList li .iconFlex .title {
  padding-bottom: 1.5rem;
  width: calc(100% - 3.5rem);
}
html body .reviewList li .iconFlex .title h3, html .editor-styles-wrapper .reviewList li .iconFlex .title h3 {
  padding-top: 0.35rem;
  font-size: 1.125rem;
  font-weight: 600;
  padding-bottom: 0;
  color: #000;
}
html body .reviewList li .iconFlex .title b, html .editor-styles-wrapper .reviewList li .iconFlex .title b {
  font-size: 0.75rem;
  font-weight: 500;
  padding-top: 0.5rem;
  display: inline-block;
}
html body .reviewList li .iconFlex .icon, html .editor-styles-wrapper .reviewList li .iconFlex .icon {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  margin: 0;
}
html body .reviewList li .iconFlex .icon svg, html body .reviewList li .iconFlex .icon use, html .editor-styles-wrapper .reviewList li .iconFlex .icon svg, html .editor-styles-wrapper .reviewList li .iconFlex .icon use {
  width: 100%;
  height: auto;
}
html body .reviewList li .text, html .editor-styles-wrapper .reviewList li .text {
  width: 100%;
}
html body .reviewList li .text p, html .editor-styles-wrapper .reviewList li .text p {
  font-size: 0.875rem;
  line-height: 2;
}
html body .reviewList li .text p:last-of-type, html .editor-styles-wrapper .reviewList li .text p:last-of-type {
  margin-bottom: 0;
}
html body .reviewList li .text p:first-of-type, html .editor-styles-wrapper .reviewList li .text p:first-of-type {
  margin-top: 0;
}
html body .reviewList li:nth-of-type(odd) .icon, html .editor-styles-wrapper .reviewList li:nth-of-type(odd) .icon {
  color: #BCF5B9;
}
html body .reviewList li:nth-of-type(even) .icon, html .editor-styles-wrapper .reviewList li:nth-of-type(even) .icon {
  color: #FFDE89;
}
html body .imageBox, html .editor-styles-wrapper .imageBox {
  padding: 1rem;
  margin-top: 2rem;
  background-color: #F5F5F5;
  border-radius: 0.8rem;
}
html body .imageBox .iconFlex, html .editor-styles-wrapper .imageBox .iconFlex {
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem;
}
html body .imageBox .iconFlex .name span.label, html .editor-styles-wrapper .imageBox .iconFlex .name span.label {
  display: inline-block;
  font-size: 0.875rem;
  background-color: #3D99AB;
  color: #fff;
  border: 1px solid #3D99AB;
  line-height: 1;
  padding: 0.15rem 0.5rem;
  margin-bottom: 0.5rem;
}
html body .imageBox .iconFlex .name h3, html .editor-styles-wrapper .imageBox .iconFlex .name h3 {
  padding-top: 0;
  font-size: 1.25rem;
  font-weight: 600;
  padding-bottom: 0;
  margin: 0;
  color: #000;
}
html body .imageBox .iconFlex .name b, html .editor-styles-wrapper .imageBox .iconFlex .name b {
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  display: block;
}
html body .imageBox .iconFlex .icon, html .editor-styles-wrapper .imageBox .iconFlex .icon {
  width: 8rem;
  height: 8rem;
  min-width: 8rem;
  min-height: 8rem;
  position: relative;
  overflow: hidden;
  margin-right: 1rem;
  background-color: #E1FBFF;
  border-radius: 20rem;
}
@media (max-width: 767px) {
  html body .imageBox .iconFlex .icon, html .editor-styles-wrapper .imageBox .iconFlex .icon {
    width: 7rem;
    height: 7rem;
    min-width: 7rem;
    min-height: 7rem;
  }
}
html body .imageBox .iconFlex .icon img, html .editor-styles-wrapper .imageBox .iconFlex .icon img {
  border-radius: 20rem;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (max-width: 767px) {
  html body .imageBox.carrier, html .editor-styles-wrapper .imageBox.carrier {
    padding: 1.5rem 1rem;
  }
}
html body .imageBox.carrier .iconFlex, html .editor-styles-wrapper .imageBox.carrier .iconFlex {
  display: flex;
  min-width: inherit;
  min-height: inherit;
  align-items: flex-start;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  html body .imageBox.carrier .iconFlex, html .editor-styles-wrapper .imageBox.carrier .iconFlex {
    flex-wrap: wrap;
  }
}
html body .imageBox.carrier .iconFlex .icon, html .editor-styles-wrapper .imageBox.carrier .iconFlex .icon {
  width: 30%;
  height: 0;
  padding-top: 21%;
  min-width: 30%;
  min-height: inherit;
  border-radius: 0;
}
@media (max-width: 767px) {
  html body .imageBox.carrier .iconFlex .icon, html .editor-styles-wrapper .imageBox.carrier .iconFlex .icon {
    width: 100%;
    height: 0;
    padding-top: 52.5%;
    min-width: 30%;
    min-height: inherit;
    margin-bottom: 1rem;
    margin-right: 0;
  }
}
html body .imageBox.carrier .iconFlex .icon img, html .editor-styles-wrapper .imageBox.carrier .iconFlex .icon img {
  border-radius: 0;
}
html body .imageBox.carrier .iconFlex .box .name, html .editor-styles-wrapper .imageBox.carrier .iconFlex .box .name {
  width: 100%;
  padding-bottom: 1.5rem;
}
html body .headerSpacer, html .editor-styles-wrapper .headerSpacer {
  height: 5rem;
}
@media (max-width: 860px) {
  html body .headerSpacer, html .editor-styles-wrapper .headerSpacer {
    height: 6rem;
  }
}
html body footer .logo, html .editor-styles-wrapper footer .logo {
  margin-bottom: 2rem;
  display: block;
}
html body footer .logo svg, html body footer .logo img, html .editor-styles-wrapper footer .logo svg, html .editor-styles-wrapper footer .logo img {
  display: block;
  width: auto;
  height: 3.4rem;
}
@media (max-width: 860px) {
  html body footer .logo svg, html body footer .logo img, html .editor-styles-wrapper footer .logo svg, html .editor-styles-wrapper footer .logo img {
    height: 4rem;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  html body footer .footerNav, html .editor-styles-wrapper footer .footerNav {
    display: flex;
    flex-direction: column;
  }
}
html body footer ul li, html .editor-styles-wrapper footer ul li {
  padding: 0.28rem 0;
}
html body footer ul li.is_hidden, html .editor-styles-wrapper footer ul li.is_hidden {
  display: none !important;
}
html body footer ul li a, html .editor-styles-wrapper footer ul li a {
  display: block;
  padding: 0.2rem 0;
}
html body footer ul li a span, html .editor-styles-wrapper footer ul li a span {
  display: inline-block;
  padding-right: 1.3em;
  position: relative;
}
html body footer ul li a span::after, html .editor-styles-wrapper footer ul li a span::after {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  position: absolute;
  top: 54%;
  border-top: 2px solid rgb(61, 153, 171);
  border-right: 2px solid rgb(61, 153, 171);
  transition: 0.4s;
  right: 0.5rem;
  transform: translateY(-50%) rotate(45deg);
}
html body footer ul li a:hover, html .editor-styles-wrapper footer ul li a:hover {
  color: #3D99AB;
}
html body footer ul li a:hover span, html .editor-styles-wrapper footer ul li a:hover span {
  text-decoration: underline;
}
html body footer ul li a:hover span::after, html .editor-styles-wrapper footer ul li a:hover span::after {
  right: 0.2rem;
}
html body footer ul li a.external span::after, html .editor-styles-wrapper footer ul li a.external span::after {
  content: none;
}
html body footer ul li a.external span::before, html .editor-styles-wrapper footer ul li a.external span::before {
  position: absolute;
  content: "";
  background-image: url(../svg/external.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  right: 0;
  top: 50%;
  bottom: 50%;
  border: none;
  width: 1em;
  height: 1em;
}
html body footer ul li.sp_show, html .editor-styles-wrapper footer ul li.sp_show {
  display: none;
}
@media (max-width: 767px) {
  html body footer ul li.sp_show, html .editor-styles-wrapper footer ul li.sp_show {
    display: block;
  }
}
html body footer .foot, html .editor-styles-wrapper footer .foot {
  background-color: #fff;
  padding: 1rem;
  text-align: center;
}
@media (max-width: 767px) {
  html body footer .foot, html .editor-styles-wrapper footer .foot {
    order: 11;
  }
}
html body footer .block_top, html .editor-styles-wrapper footer .block_top {
  background-color: #BDE7EE;
  padding: 1rem 0;
}
@media (max-width: 767px) {
  html body footer .block_top, html .editor-styles-wrapper footer .block_top {
    display: contents;
  }
}
html body footer .block_top .pageWidth, html .editor-styles-wrapper footer .block_top .pageWidth {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 860px) {
  html body footer .block_top .pageWidth, html .editor-styles-wrapper footer .block_top .pageWidth {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  html body footer .block_top .pageWidth, html .editor-styles-wrapper footer .block_top .pageWidth {
    display: contents;
  }
}
html body footer .block_top .pageWidth p, html .editor-styles-wrapper footer .block_top .pageWidth p {
  font-weight: 600;
  padding-bottom: 0.5rem;
}
html body footer .block_top .pageWidth .contentsMenu, html .editor-styles-wrapper footer .block_top .pageWidth .contentsMenu {
  padding: 1rem 0;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #3D99AB;
}
@media (max-width: 767px) {
  html body footer .block_top .pageWidth .contentsMenu, html .editor-styles-wrapper footer .block_top .pageWidth .contentsMenu {
    border: none;
    padding: 2rem 1rem 0 1rem;
    background-color: #BDE7EE;
  }
}
html body footer .block_top .pageWidth .contentsMenu .block, html .editor-styles-wrapper footer .block_top .pageWidth .contentsMenu .block {
  display: block;
}
html body footer .block_top .pageWidth .contentsMenu .block ul, html .editor-styles-wrapper footer .block_top .pageWidth .contentsMenu .block ul {
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  html body footer .block_top .pageWidth .contentsMenu .block ul, html .editor-styles-wrapper footer .block_top .pageWidth .contentsMenu .block ul {
    display: block;
    padding-bottom: 2rem;
  }
}
html body footer .block_top .pageWidth .contentsMenu .block ul li, html .editor-styles-wrapper footer .block_top .pageWidth .contentsMenu .block ul li {
  padding-right: 1rem;
}
@media (max-width: 767px) {
  html body footer .block_top .pageWidth .contentsMenu .block ul li, html .editor-styles-wrapper footer .block_top .pageWidth .contentsMenu .block ul li {
    padding-right: 0;
  }
}
html body footer .block_top .pageWidth .contentsMenu .block ul li:last-of-type, html .editor-styles-wrapper footer .block_top .pageWidth .contentsMenu .block ul li:last-of-type {
  padding-right: 0;
}
@media (max-width: 767px) {
  html body footer .block_top .pageWidth .contentsMenu .block ul, html .editor-styles-wrapper footer .block_top .pageWidth .contentsMenu .block ul {
    white-space: inherit;
  }
  html body footer .block_top .pageWidth .contentsMenu .block ul li, html .editor-styles-wrapper footer .block_top .pageWidth .contentsMenu .block ul li {
    padding-right: 0;
  }
}
html body footer .block_top .pageWidth .otherMenu, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu {
  padding: 2rem 4rem 0 0;
  white-space: nowrap;
}
@media (max-width: 767px) {
  html body footer .block_top .pageWidth .otherMenu, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu {
    white-space: inherit;
  }
}
@media (max-width: 767px) {
  html body footer .block_top .pageWidth .otherMenu.sp_none, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu.sp_none {
    display: none;
  }
}
html body footer .block_top .pageWidth .otherMenu:last-of-type, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu:last-of-type {
  padding: 2rem 0 0 0;
}
@media (max-width: 767px) {
  html body footer .block_top .pageWidth .otherMenu:last-of-type, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu:last-of-type {
    padding: 0;
    background-color: #BDE7EE;
    order: 10;
  }
}
html body footer .block_top .pageWidth .otherMenu p, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu p {
  font-size: 1.125rem;
  padding-bottom: 0.5rem;
}
html body footer .block_top .pageWidth .otherMenu .menuToggle, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu .menuToggle {
  font-weight: 600;
  font-size: 1.125rem;
  padding-bottom: 1rem;
  pointer-events: none;
}
@media (max-width: 767px) {
  html body footer .block_top .pageWidth .otherMenu .menuToggle, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu .menuToggle {
    padding: 1rem 2.5rem 1rem 1rem;
    pointer-events: inherit;
    position: relative;
  }
  html body footer .block_top .pageWidth .otherMenu .menuToggle::after, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu .menuToggle::after {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #3D99AB;
    border-right: solid 2px #3D99AB;
    position: absolute;
    transform: translateY(-50%) rotate(135deg);
    top: 50%;
    right: 1.5rem;
  }
}
html body footer .block_top .pageWidth .otherMenu .menuToggle.open::after, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu .menuToggle.open::after {
  transform: translateY(-50%) rotate(-45deg);
}
html body footer .block_top .pageWidth .otherMenu .toggleContents, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu .toggleContents {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  html body footer .block_top .pageWidth .otherMenu .toggleContents, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu .toggleContents {
    display: none;
    padding: 1.5rem 1rem 0.5rem 1rem;
    position: relative;
  }
  html body footer .block_top .pageWidth .otherMenu .toggleContents::after, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu .toggleContents::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background-color: #fff;
    position: absolute;
  }
}
html body footer .block_top .pageWidth .otherMenu .toggleContents .block, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu .toggleContents .block {
  padding-right: 2rem;
}
@media (max-width: 767px) {
  html body footer .block_top .pageWidth .otherMenu .toggleContents .block, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu .toggleContents .block {
    padding-right: 0;
  }
}
html body footer .block_top .pageWidth .otherMenu .toggleContents .block ul, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu .toggleContents .block ul {
  padding-bottom: 1rem;
}
html body footer .block_top .pageWidth .otherMenu .toggleContents .block p, html .editor-styles-wrapper footer .block_top .pageWidth .otherMenu .toggleContents .block p {
  font-size: 1rem;
  padding-bottom: 0.5rem;
}
html body footer .block_bottom, html .editor-styles-wrapper footer .block_bottom {
  background-color: #fff;
  padding: 0.5rem 0;
}
@media (max-width: 767px) {
  html body footer .block_bottom, html .editor-styles-wrapper footer .block_bottom {
    display: contents;
  }
}
html body footer .block_bottom .pageWidth, html .editor-styles-wrapper footer .block_bottom .pageWidth {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  html body footer .block_bottom .pageWidth, html .editor-styles-wrapper footer .block_bottom .pageWidth {
    display: contents;
  }
}
html body footer .block_bottom .logo, html .editor-styles-wrapper footer .block_bottom .logo {
  width: 18rem;
}
@media (max-width: 767px) {
  html body footer .block_bottom .logo, html .editor-styles-wrapper footer .block_bottom .logo {
    margin: 1rem auto;
    order: 10;
  }
}
html body footer .block_bottom .bottom_list, html .editor-styles-wrapper footer .block_bottom .bottom_list {
  width: calc(100% - 20rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  html body footer .block_bottom .bottom_list, html .editor-styles-wrapper footer .block_bottom .bottom_list {
    width: 100%;
    padding: 1rem;
    align-items: flex-end;
  }
}
html body footer .block_bottom .bottom_list .mark, html .editor-styles-wrapper footer .block_bottom .bottom_list .mark {
  width: 6rem;
  height: 6rem;
}
@media (max-width: 767px) {
  html body footer .block_bottom .bottom_list .mark, html .editor-styles-wrapper footer .block_bottom .bottom_list .mark {
    width: 5rem;
    height: 5rem;
  }
}
html body footer .block_bottom .bottom_list .mark a, html .editor-styles-wrapper footer .block_bottom .bottom_list .mark a {
  display: block;
}
html body footer .block_bottom .bottom_list ul, html .editor-styles-wrapper footer .block_bottom .bottom_list ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  html body footer .block_bottom .bottom_list ul, html .editor-styles-wrapper footer .block_bottom .bottom_list ul {
    display: block;
  }
}
html body footer .block_bottom .bottom_list ul li, html .editor-styles-wrapper footer .block_bottom .bottom_list ul li {
  padding-right: 1.5em;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  html body footer .block_bottom .bottom_list ul li, html .editor-styles-wrapper footer .block_bottom .bottom_list ul li {
    padding-right: 0;
  }
}
html body #page_top, html .editor-styles-wrapper #page_top {
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  min-height: 5rem;
  display: block;
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 90;
}
@media (max-width: 860px) {
  html body #page_top, html .editor-styles-wrapper #page_top {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    min-height: 4rem;
  }
}
html body #page_top.bottom, html .editor-styles-wrapper #page_top.bottom {
  bottom: 12rem;
}
@media (max-width: 767px) {
  html body #page_top.bottom, html .editor-styles-wrapper #page_top.bottom {
    bottom: 1rem;
  }
}
html body header, html .editor-styles-wrapper header {
  height: 5rem;
  width: 100%;
  z-index: 99;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #fff;
}
@media (max-width: 860px) {
  html body header, html .editor-styles-wrapper header {
    height: 6rem;
  }
}
html body header svg.sp_text, html body header img.sp_text, html .editor-styles-wrapper header svg.sp_text, html .editor-styles-wrapper header img.sp_text {
  display: none;
}
@media (max-width: 860px) {
  html body header svg.sp_text, html body header img.sp_text, html .editor-styles-wrapper header svg.sp_text, html .editor-styles-wrapper header img.sp_text {
    display: block;
    height: 0.6rem;
    margin: 0.8rem auto 0 auto;
  }
}
html body header .headerInner, html .editor-styles-wrapper header .headerInner {
  max-width: 1580px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 1rem;
}
@media (max-width: 860px) {
  html body header .headerInner, html .editor-styles-wrapper header .headerInner {
    padding: 0.8rem 0.5rem;
  }
}
html body header .headerInner .sp_btn, html .editor-styles-wrapper header .headerInner .sp_btn {
  display: none;
}
html body header .headerInner .sp_btn a, html .editor-styles-wrapper header .headerInner .sp_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 100%;
  min-width: 3rem;
  margin-left: 0.5rem;
}
@media (max-width: 860px) {
  html body header .headerInner .sp_btn, html .editor-styles-wrapper header .headerInner .sp_btn {
    display: flex;
    margin: 0 3.5rem 0 auto;
  }
}
html body header .headerInner .logo, html .editor-styles-wrapper header .headerInner .logo {
  display: flex;
  align-items: center;
}
html body header .headerInner .logo svg, html body header .headerInner .logo img, html .editor-styles-wrapper header .headerInner .logo svg, html .editor-styles-wrapper header .headerInner .logo img {
  display: block;
  width: auto;
  height: 3.4rem;
}
@media (max-width: 980px) {
  html body header .headerInner .logo svg, html body header .headerInner .logo img, html .editor-styles-wrapper header .headerInner .logo svg, html .editor-styles-wrapper header .headerInner .logo img {
    height: 3rem;
  }
}
html body header .headerInner .logo svg.text, html body header .headerInner .logo img.text, html .editor-styles-wrapper header .headerInner .logo svg.text, html .editor-styles-wrapper header .headerInner .logo img.text {
  height: 1.75rem;
  margin-left: 1rem;
  order: 9;
}
@media (max-width: 980px) {
  html body header .headerInner .logo svg.text, html body header .headerInner .logo img.text, html .editor-styles-wrapper header .headerInner .logo svg.text, html .editor-styles-wrapper header .headerInner .logo img.text {
    height: 1.3rem;
  }
}
@media (max-width: 860px) {
  html body header .headerInner .logo svg.text, html body header .headerInner .logo img.text, html .editor-styles-wrapper header .headerInner .logo svg.text, html .editor-styles-wrapper header .headerInner .logo img.text {
    display: none;
  }
}
html body header .headerInner .headerNav, html .editor-styles-wrapper header .headerInner .headerNav {
  padding-left: 2rem;
  display: flex;
  align-items: center;
}
html body header .headerInner .headerNav .a_btn, html .editor-styles-wrapper header .headerInner .headerNav .a_btn {
  margin: 0;
  width: auto;
  margin-left: 1rem;
}
html body header .headerInner .headerNav .a_btn:last-of-type, html .editor-styles-wrapper header .headerInner .headerNav .a_btn:last-of-type {
  margin-left: 0.5rem;
}
html body header .headerInner .headerNav .a_btn .btn.small, html .editor-styles-wrapper header .headerInner .headerNav .a_btn .btn.small {
  max-width: inherit;
}
@media (max-width: 860px) {
  html body header .headerInner .headerNav .a_btn, html .editor-styles-wrapper header .headerInner .headerNav .a_btn {
    margin: 2rem 0 0 0;
  }
  html body header .headerInner .headerNav .a_btn:last-of-type, html .editor-styles-wrapper header .headerInner .headerNav .a_btn:last-of-type {
    margin: 2rem 0 0 0;
  }
  html body header .headerInner .headerNav .a_btn .btn.small, html .editor-styles-wrapper header .headerInner .headerNav .a_btn .btn.small {
    max-width: 13rem;
  }
}
@media (max-width: 860px) {
  html body header .headerInner .headerNav, html .editor-styles-wrapper header .headerInner .headerNav {
    display: none;
    padding-left: 0;
  }
}
html body header .headerInner .headerNav ul, html .editor-styles-wrapper header .headerInner .headerNav ul {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 860px) {
  html body header .headerInner .headerNav ul, html .editor-styles-wrapper header .headerInner .headerNav ul {
    display: block;
  }
}
html body header .headerInner .headerNav ul li.com, html .editor-styles-wrapper header .headerInner .headerNav ul li.com {
  display: none;
}
html body header .headerInner .headerNav ul li.is_hidden, html .editor-styles-wrapper header .headerInner .headerNav ul li.is_hidden {
  display: none !important;
}
html body header .headerInner .headerNav ul li.current a span, html .editor-styles-wrapper header .headerInner .headerNav ul li.current a span {
  position: relative;
}
html body header .headerInner .headerNav ul li.current a span::after, html .editor-styles-wrapper header .headerInner .headerNav ul li.current a span::after {
  content: "";
  height: 2px;
  width: 100%;
  left: 0;
  bottom: -3px;
  position: absolute;
  background-color: #3D99AB;
}
@media (max-width: 860px) {
  html body header .headerInner .headerNav ul li.current a span::after, html .editor-styles-wrapper header .headerInner .headerNav ul li.current a span::after {
    content: none;
  }
}
html body header .headerInner .headerNav ul li a, html .editor-styles-wrapper header .headerInner .headerNav ul li a {
  display: block;
  padding: 0.25rem 0.5rem;
  margin: 0.2rem 0 0.2rem 0.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1;
}
@media (max-width: 1380px) {
  html body header .headerInner .headerNav ul li a, html .editor-styles-wrapper header .headerInner .headerNav ul li a {
    font-size: 0.75rem;
  }
}
@media (max-width: 860px) {
  html body header .headerInner .headerNav ul li a, html .editor-styles-wrapper header .headerInner .headerNav ul li a {
    font-size: 1.125rem;
    margin: 0.25rem 0;
    padding: 0.8rem 1rem;
    text-align: center;
  }
}
html body header #menu_trigger, html .editor-styles-wrapper header #menu_trigger {
  display: none;
}
html body header .menu_trigger, html .editor-styles-wrapper header .menu_trigger {
  display: none;
}
@media (max-width: 860px) {
  html body header .menu_trigger, html .editor-styles-wrapper header .menu_trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 99;
    transform: translateY(-50%);
    top: calc(50% + 0.7rem);
    right: 0.5rem;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
  }
}
html body header .menu_trigger div, html .editor-styles-wrapper header .menu_trigger div {
  position: relative;
  width: 2.5rem;
  height: 2rem;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: all 0.4s;
  box-sizing: border-box;
  z-index: 250;
  transform: scale(0.7);
}
html body header .menu_trigger div span, html .editor-styles-wrapper header .menu_trigger div span {
  position: absolute;
  left: 0;
  height: 1px;
  background-color: #000;
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
html body header .menu_trigger div span:first-of-type, html .editor-styles-wrapper header .menu_trigger div span:first-of-type {
  top: 0;
  width: 100%;
}
html body header .menu_trigger div span:nth-of-type(2), html .editor-styles-wrapper header .menu_trigger div span:nth-of-type(2) {
  top: 1rem;
  width: 100%;
}
html body header .menu_trigger div span:nth-of-type(2)::after, html .editor-styles-wrapper header .menu_trigger div span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  border-radius: 4px;
  transition: all 0.4s;
}
html body header .menu_trigger div span:last-of-type, html .editor-styles-wrapper header .menu_trigger div span:last-of-type {
  bottom: 0;
  width: 100%;
}
html body header #menu_trigger:checked + label span:first-of-type, html .editor-styles-wrapper header #menu_trigger:checked + label span:first-of-type {
  transform: translateY(0.95rem) scale(0);
}
html body header #menu_trigger:checked + label span:first-of-type::after, html .editor-styles-wrapper header #menu_trigger:checked + label span:first-of-type::after {
  background-color: #fff;
}
html body header #menu_trigger:checked + label span:nth-of-type(2), html .editor-styles-wrapper header #menu_trigger:checked + label span:nth-of-type(2) {
  transform: rotate(-45deg);
  width: 100%;
}
html body header #menu_trigger:checked + label span:nth-of-type(2)::after, html .editor-styles-wrapper header #menu_trigger:checked + label span:nth-of-type(2)::after {
  transform: rotate(90deg);
}
html body header #menu_trigger:checked + label span:last-of-type, html .editor-styles-wrapper header #menu_trigger:checked + label span:last-of-type {
  transform: translateY(-0.95rem) scale(0);
}
html body header #menu_trigger:checked + label span:last-of-type::after, html .editor-styles-wrapper header #menu_trigger:checked + label span:last-of-type::after {
  background-color: #fff;
}
html body header #menu_trigger:checked ~ .headerNav, html .editor-styles-wrapper header #menu_trigger:checked ~ .headerNav {
  display: block;
  position: absolute;
  top: 99.5%;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #fafafa;
  padding: 1rem 0;
  z-index: 20;
}
html body .breadWrap, html .editor-styles-wrapper .breadWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.75rem;
  margin: 1rem auto 1.5rem auto;
}
@media (max-width: 767px) {
  html body .breadWrap, html .editor-styles-wrapper .breadWrap {
    display: none;
  }
}
html body .breadWrap span, html .editor-styles-wrapper .breadWrap span {
  padding: 0 0.5rem 0.25rem 0;
  line-height: 1.5;
}
html body .breadWrap span::before, html .editor-styles-wrapper .breadWrap span::before {
  content: ">";
  padding-right: 0.4rem;
}
html body .breadWrap span:first-of-type::before, html .editor-styles-wrapper .breadWrap span:first-of-type::before {
  content: none;
}
html body .breadWrap span a, html body .breadWrap span span, html .editor-styles-wrapper .breadWrap span a, html .editor-styles-wrapper .breadWrap span span {
  padding: 0;
}
html body .breadWrap span a::before, html body .breadWrap span span::before, html .editor-styles-wrapper .breadWrap span a::before, html .editor-styles-wrapper .breadWrap span span::before {
  content: none;
}
html body .breadWrap span a, html .editor-styles-wrapper .breadWrap span a {
  display: inline-block;
}
html body .breadWrap.sp_show, html .editor-styles-wrapper .breadWrap.sp_show {
  display: none;
  margin: 1rem auto;
}
@media (max-width: 767px) {
  html body .breadWrap.sp_show, html .editor-styles-wrapper .breadWrap.sp_show {
    display: flex;
  }
}
html body .mt_none, html .editor-styles-wrapper .mt_none {
  margin-top: 0 !important;
}
html body .mb_none, html .editor-styles-wrapper .mb_none {
  margin-bottom: 0 !important;
}
html body .pt_none, html .editor-styles-wrapper .pt_none {
  padding-top: 0 !important;
}
html body .pb_none, html .editor-styles-wrapper .pb_none {
  padding-bottom: 0 !important;
}
html body .mt_1, html .editor-styles-wrapper .mt_1 {
  margin-top: 1rem !important;
}
html body .mb_1, html .editor-styles-wrapper .mb_1 {
  margin-bottom: 1rem !important;
}
html body .pt_1, html .editor-styles-wrapper .pt_1 {
  padding-top: 1rem !important;
}
html body .pb_1, html .editor-styles-wrapper .pb_1 {
  padding-bottom: 1rem !important;
}
html body .mt_2, html .editor-styles-wrapper .mt_2 {
  margin-top: 2rem !important;
}
html body .mb_2, html .editor-styles-wrapper .mb_2 {
  margin-bottom: 2rem !important;
}
html body .pt_2, html .editor-styles-wrapper .pt_2 {
  padding-top: 2rem !important;
}
html body .pb_2, html .editor-styles-wrapper .pb_2 {
  padding-bottom: 2rem !important;
}
html body .mt_3, html .editor-styles-wrapper .mt_3 {
  margin-top: 3rem !important;
}
html body .mb_3, html .editor-styles-wrapper .mb_3 {
  margin-bottom: 3rem !important;
}
html body .pt_3, html .editor-styles-wrapper .pt_3 {
  padding-top: 3rem !important;
}
html body .pb_3, html .editor-styles-wrapper .pb_3 {
  padding-bottom: 3rem !important;
}
html body ul.acf-fc-popup, html body ul.acf-bl, html body ul.acf-checkbox-list, html body ul.acf-hl, html body ul.acf-tab-group, html .editor-styles-wrapper ul.acf-fc-popup, html .editor-styles-wrapper ul.acf-bl, html .editor-styles-wrapper ul.acf-checkbox-list, html .editor-styles-wrapper ul.acf-hl, html .editor-styles-wrapper ul.acf-tab-group {
  list-style-type: none;
}
html body ul.acf-fc-popup li, html body ul.acf-bl li, html body ul.acf-checkbox-list li, html body ul.acf-hl li, html body ul.acf-tab-group li, html .editor-styles-wrapper ul.acf-fc-popup li, html .editor-styles-wrapper ul.acf-bl li, html .editor-styles-wrapper ul.acf-checkbox-list li, html .editor-styles-wrapper ul.acf-hl li, html .editor-styles-wrapper ul.acf-tab-group li {
  padding-left: 0;
}
html body ul.acf-fc-popup li::before, html body ul.acf-bl li::before, html body ul.acf-checkbox-list li::before, html body ul.acf-hl li::before, html body ul.acf-tab-group li::before, html .editor-styles-wrapper ul.acf-fc-popup li::before, html .editor-styles-wrapper ul.acf-bl li::before, html .editor-styles-wrapper ul.acf-checkbox-list li::before, html .editor-styles-wrapper ul.acf-hl li::before, html .editor-styles-wrapper ul.acf-tab-group li::before {
  content: none;
}
html body .acf-tooltip ul li, html .editor-styles-wrapper .acf-tooltip ul li {
  padding-left: 0;
  margin: 0 !important;
  border-bottom: 1px solid #F5F5F5;
}
html body .acf-tooltip ul li::before, html .editor-styles-wrapper .acf-tooltip ul li::before {
  content: none;
}
html body section.is-hidden {
  display: none;
}
html body .editor-styles-wrapper figure {
  margin-bottom: 0;
}
html body .editor-styles-wrapper .clear-both div {
  display: block;
  opacity: 0.5;
}
html body .editor-styles-wrapper ul {
  padding-left: 0;
}
html body .editor-styles-wrapper ul.reviewList, html body .editor-styles-wrapper ul.pointList, html body .editor-styles-wrapper ul.linkList, html body .editor-styles-wrapper ul.iconList {
  margin: 1rem 0 !important;
}
html body .editor-styles-wrapper ul.reviewList li, html body .editor-styles-wrapper ul.pointList li, html body .editor-styles-wrapper ul.linkList li, html body .editor-styles-wrapper ul.iconList li {
  margin-top: 0;
  margin-bottom: 0;
}
html body .editor-styles-wrapper ul.reviewList li:first-of-type, html body .editor-styles-wrapper ul.pointList li:first-of-type, html body .editor-styles-wrapper ul.linkList li:first-of-type, html body .editor-styles-wrapper ul.iconList li:first-of-type {
  margin-bottom: 0;
}
html body .editor-styles-wrapper ul.reviewList li:last-of-type, html body .editor-styles-wrapper ul.pointList li:last-of-type, html body .editor-styles-wrapper ul.linkList li:last-of-type, html body .editor-styles-wrapper ul.iconList li:last-of-type {
  margin-top: 0;
}
html body .editor-styles-wrapper section.is-hidden {
  opacity: 0.5;
  display: block;
  position: relative;
}
html body .editor-styles-wrapper section.is-hidden::before {
  content: "非表示";
  background-color: #000;
  display: inline-block;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  text-align: center;
  width: 6em;
  position: absolute;
  color: #fff;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  border-radius: 20rem;
}
/*# sourceMappingURL=contents.css.map */