@charset "UTF-8";
/* common
================================================== */
/*
 * media query
**/
/**
 * フォントサイズの可変
 *
 * @param {number} $fontsize 基準となるフォントサイズ
 * @param {number} $basewidth 基準となる幅
 * @param {number} $maxwidth フォントサイズの拡大をとめる幅（未指定時は上限なし）
 * @param {number} $minwidth フォントサイズの縮小をとめる幅（未指定時は下限なし）
 */
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

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

@keyframes move-gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

* {
  box-sizing: border-box;
}

.fixedBody {
  height: 100vh;
  width: 100%;
}

html,
body {
  overscroll-behavior: none;
}

body {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
}
body strong {
  font-weight: 600;
}
body picture,
body img {
  display: block;
  max-width: 100%;
}
body strong {
  font-weight: 600;
}
@keyframes gradation {
  0% {
    background-position: 100% 100%, 0% 0%;
  }
  100% {
    background-position: -100% -100%, 0% 0%;
  }
}
body h1 {
  -webkit-font-smoothing: antialiased;
}
body h1.anime {
  display: inline-block;
  /* 背景クリップのため（h1はデフォルトでblockですが、この指定でclipが安定しやすい） */
  position: relative;
  overflow: hidden;
  /* --- 文字の基本色と光沢の表現 --- */
  background: linear-gradient(136deg, #444 0%, #444 25%, rgb(0, 140, 214) 45%, rgb(0, 140, 214) 50%, rgb(0, 140, 214) 55%, #444 75%, #444 100%), linear-gradient(to right, #444, #444);
  /* 背景のサイズ設定 */
  background-size: 600% 600%, 100% 100%;
  /* 背景の初期位置設定 - 右下から開始 */
  background-position: 100% 100%, 0% 0%;
  background-repeat: no-repeat, no-repeat;
  /* --- 文字の形に沿って背景を切り抜き、文字を透明にする --- */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  /* --- アニメーションの設定 --- */
  animation: gradation 3s cubic-bezier(0.45, 0, 0.55, 1) forwards;
  animation-delay: 0.1s;
}

.scrollmagic,
.childScrollMagic {
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 1.4s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.scrollmagic[data-scrollmagic=b],
.childScrollMagic[data-scrollmagic=b] {
  transform: translateY(100px);
}
@media screen and (max-width: 767px) {
  .scrollmagic[data-scrollmagic=b],
  .childScrollMagic[data-scrollmagic=b] {
    transform: translateY(60px);
  }
}
.scrollmagic[data-delay="0"],
.childScrollMagic[data-delay="0"] {
  transition-delay: 0;
}
.scrollmagic[data-delay="100"],
.childScrollMagic[data-delay="100"] {
  transition-delay: 100ms;
}
.scrollmagic[data-delay="200"],
.childScrollMagic[data-delay="200"] {
  transition-delay: 200ms;
}
.scrollmagic[data-delay="300"],
.childScrollMagic[data-delay="300"] {
  transition-delay: 300ms;
}
.scrollmagic[data-delay="400"],
.childScrollMagic[data-delay="400"] {
  transition-delay: 400ms;
}
.scrollmagic[data-delay="500"],
.childScrollMagic[data-delay="500"] {
  transition-delay: 500ms;
}
.scrollmagic[data-delay="600"],
.childScrollMagic[data-delay="600"] {
  transition-delay: 600ms;
}
.scrollmagic[data-delay="700"],
.childScrollMagic[data-delay="700"] {
  transition-delay: 700ms;
}
.scrollmagic[data-delay="800"],
.childScrollMagic[data-delay="800"] {
  transition-delay: 800ms;
}
.scrollmagic[data-delay="900"],
.childScrollMagic[data-delay="900"] {
  transition-delay: 900ms;
}
.scrollmagic[data-delay="1000"],
.childScrollMagic[data-delay="1000"] {
  transition-delay: 1000ms;
}
.scrollmagic[data-delay="1200"],
.childScrollMagic[data-delay="1200"] {
  transition-delay: 1200ms;
}
.scrollmagic[data-delay="1400"],
.childScrollMagic[data-delay="1400"] {
  transition-delay: 1400ms;
}
.scrollmagic[data-delay="1600"],
.childScrollMagic[data-delay="1600"] {
  transition-delay: 1600ms;
}
.scrollmagic[data-delay="1800"],
.childScrollMagic[data-delay="1800"] {
  transition-delay: 1800ms;
}
.scrollmagic[data-delay="2000"],
.childScrollMagic[data-delay="2000"] {
  transition-delay: 2000ms;
}
.scrollmagic.magic,
.childScrollMagic.magic {
  opacity: 1;
  transform: translate(0px, 0px);
}

@keyframes fade-in-header {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  transform: translateY(0);
  transition: transform 0.4s ease-in-out, background-color 0.4s ease;
  border-bottom: 1px solid #dfeefa;
  pointer-events: none;
}
header.is-hidden {
  transform: translateY(-100%);
}
@media screen and (max-width: 767px) {
  header.sp-top {
    border-bottom: none !important;
  }
}
@media screen and (min-width: 768px) {
  header.is-top {
    background-color: transparent;
    border-bottom: none;
  }
}
@media screen and (min-width: 768px) {
  header.is-top .header-wrap .header-menu ul li a {
    color: #fff;
  }
}
header.is-visible {
  background-color: #fff;
  border-bottom: 1px solid #dfeefa;
}
@media screen and (min-width: 768px) {
  header.is-visible .header-wrap .header-menu ul li a {
    color: #444;
  }
}
@media screen and (max-width: 767px) {
  header.open {
    background-color: #fff;
  }
}
header .header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: visible;
}
@media screen and (min-width: 768px) {
  header .header-wrap {
    height: 7.8125vw;
    padding-left: 3.125vw;
    padding-right: 3.125vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  header .header-wrap {
    height: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  header .header-wrap {
    height: 59.921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  header .header-wrap {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  header .header-wrap {
    padding-left: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  header .header-wrap {
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  header .header-wrap {
    padding-right: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap {
    height: 15.3846153846vw;
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-ham a {
    display: block;
    position: relative;
    width: 5.1282051282vw;
    height: 2.0512820513vw;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-ham a.open span:first-child {
    top: 50%;
    margin-top: -0.1282051282vw;
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-ham a.open span:last-child {
    bottom: 50%;
    margin-bottom: -0.1282051282vw;
    transform: rotate(-45deg);
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-ham a span {
    position: absolute;
    display: block;
    left: 0;
    width: 5.1282051282vw;
    height: 0.2564102564vw;
    background-color: rgb(0, 0, 0);
    transition: all 0.3s ease-out;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-ham a span:first-child {
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-ham a span:last-child {
    bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  header .header-wrap .header-logo a img {
    width: 28.515625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  header .header-wrap .header-logo a img {
    width: 365px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  header .header-wrap .header-logo a img {
    width: 218.71484375px;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-logo a img {
    width: 46.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-menu {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    width: 100%;
    height: 100svh;
    top: 15.3846153846vw;
    padding-top: 12.8205128205vw;
    padding-bottom: 12.8205128205vw;
    padding-left: 10.2564102564vw;
    padding-right: 10.2564102564vw;
    background: linear-gradient(90deg, #fff 0%, #dfeefa 50%, #fff 100%);
    animation: move-gradient 10s ease infinite;
    background-size: 200% 200%;
    overflow: auto;
  }
}
@media screen and (min-width: 768px) {
  header .header-wrap .header-menu ul {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  header .header-wrap .header-menu ul li {
    margin-left: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  header .header-wrap .header-menu ul li {
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  header .header-wrap .header-menu ul li {
    margin-left: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-menu ul li {
    margin-top: 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  header .header-wrap .header-menu ul li:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-menu ul li:first-child {
    margin-top: 0;
  }
}
header .header-wrap .header-menu ul li a {
  display: block;
  font-weight: 600;
  color: #444;
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-menu ul li a.normal {
    font-weight: 400;
    font-size: 3.5897435897vw;
  }
}
@media screen and (min-width: 768px) {
  header .header-wrap .header-menu ul li a {
    font-size: 1.25vw;
    transition: color 0.3s ease-out;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  header .header-wrap .header-menu ul li a {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  header .header-wrap .header-menu ul li a {
    font-size: 9.5875px;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-menu ul li a {
    font-size: 4.1025641026vw;
  }
}
@media screen and (min-width: 768px) {
  header .header-wrap .header-menu ul li a:hover {
    color: #008cd6;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-menu .header-menu-contact {
    margin-top: 11.5384615385vw;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .header-menu .header-menu-contact a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 79.4871794872vw;
    height: 18.4615384615vw;
    border-radius: 2.5641025641vw;
    background-color: #fff;
    color: #008cd6;
    font-size: 3.5897435897vw;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
  }
}

footer {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  footer {
    padding-top: 15.625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer {
    padding-top: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer {
    padding-top: 119.84375px;
  }
}
@media screen and (max-width: 767px) {
  footer {
    padding-top: 25.641025641vw;
  }
}
@media screen and (min-width: 768px) {
  footer.is-top {
    padding-top: 10.9375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer.is-top {
    padding-top: 140px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer.is-top {
    padding-top: 83.890625px;
  }
}
footer .footer-outer {
  background: linear-gradient(90deg, #fff 0%, #dfeefa 50%, #fff 100%);
  animation: move-gradient 10s ease infinite;
  background-size: 200% 200%;
  transition: opacity 1s ease-in !important;
}
footer .footer-outer .footer-wrapper {
  position: relative;
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    padding-left: 3.125vw;
    padding-right: 3.125vw;
    padding-top: 7.8125vw;
    padding-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper {
    width: 1280px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper {
    width: 767px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper {
    padding-left: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper {
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper {
    padding-right: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper {
    padding-top: 59.921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper {
    padding-bottom: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper {
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
    padding-top: 25.641025641vw;
    padding-bottom: 25.641025641vw;
  }
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-logo {
    margin-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-logo {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-logo {
    margin-bottom: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-logo {
    margin-bottom: 12.8205128205vw;
  }
}
footer .footer-outer .footer-wrapper .footer-logo a {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-logo a img {
    width: 28.515625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-logo a img {
    width: 365px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-logo a img {
    width: 218.71484375px;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-logo a img {
    width: 70vw;
  }
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-menu {
    margin-bottom: 7.578125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-menu {
    margin-bottom: 97px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-menu {
    margin-bottom: 58.12421875px;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-menu {
    padding-left: 10.2564102564vw;
    padding-right: 10.2564102564vw;
    margin-bottom: 12.0512820513vw;
  }
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-menu ul {
    display: flex;
    align-items: center;
    margin-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-menu ul {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-menu ul {
    margin-top: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-menu ul {
    margin-top: 10.2564102564vw;
  }
}
footer .footer-outer .footer-wrapper .footer-menu ul:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-menu ul:last-child li {
    margin-top: 4.358974359vw;
  }
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li {
    margin-left: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li {
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li {
    margin-left: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li {
    margin-top: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li:first-child {
    margin-top: 0;
  }
}
footer .footer-outer .footer-wrapper .footer-menu ul li a {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li a {
    font-size: 1.25vw;
    transition: color 0.3s ease-out;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li a {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li a {
    font-size: 9.5875px;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li a {
    font-size: 4.1025641026vw;
  }
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li a:hover {
    color: #008cd6;
  }
}
footer .footer-outer .footer-wrapper .footer-menu ul li a.normal {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li a.normal {
    font-size: 1.09375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li a.normal {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li a.normal {
    font-size: 8.3890625px;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-menu ul li a.normal {
    font-size: 3.5897435897vw;
  }
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-contact {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 7.8125vw;
    margin-right: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-contact {
    margin-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-contact {
    margin-top: 59.921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-contact {
    margin-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-contact {
    margin-right: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-contact {
    padding-left: 10.2564102564vw;
    padding-right: 10.2564102564vw;
  }
}
footer .footer-outer .footer-wrapper .footer-contact a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #008cd6;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-contact a {
    font-size: 1.171875vw;
    border-radius: 0.78125vw;
    width: 22.8125vw;
    height: 5.625vw;
    transition: all 0.3s ease-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-contact a {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-contact a {
    font-size: 8.98828125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-contact a {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-contact a {
    border-radius: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-contact a {
    width: 292px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-contact a {
    width: 174.971875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-contact a {
    height: 72px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-contact a {
    height: 43.14375px;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-contact a {
    height: 18.4615384615vw;
    font-size: 3.5897435897vw;
    border-radius: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-contact a:hover {
    color: #fff;
    background-color: #008cd6;
  }
}
footer .footer-outer .footer-wrapper .footer-copy {
  color: #666;
}
@media screen and (min-width: 768px) {
  footer .footer-outer .footer-wrapper .footer-copy {
    font-size: 1.09375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  footer .footer-outer .footer-wrapper .footer-copy {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-copy {
    font-size: 8.3890625px;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-outer .footer-wrapper .footer-copy {
    margin-top: 12.8205128205vw;
    font-size: 3.5897435897vw;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  #privacy .container .privacy-content p {
    font-size: 1.40625vw;
    margin-bottom: 3.90625vw;
    line-height: 2.2222222222;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content p {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content p {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content p {
    margin-bottom: 29.9609375px;
  }
}
@media screen and (max-width: 767px) {
  #privacy .container .privacy-content p {
    font-size: 4.1025641026vw;
    margin-bottom: 7.6923076923vw;
    line-height: 1.875;
  }
}
#privacy .container .privacy-content p.mb0 {
  margin-bottom: 0;
}
#privacy .container .privacy-content h3 {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #privacy .container .privacy-content h3 {
    font-size: 1.40625vw;
    margin-bottom: 3.90625vw;
    text-indent: -1.5625vw;
    padding-left: 1.5625vw;
    line-height: 1.5555555556;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content h3 {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content h3 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content h3 {
    margin-bottom: 29.9609375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content h3 {
    text-indent: -20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content h3 {
    text-indent: -11.984375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content h3 {
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content h3 {
    padding-left: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #privacy .container .privacy-content h3 {
    font-size: 4.1025641026vw;
    margin-bottom: 7.6923076923vw;
    text-indent: -5.1282051282vw;
    padding-left: 5.1282051282vw;
    line-height: 1.6666666667;
  }
}
@media screen and (min-width: 768px) {
  #privacy .container .privacy-content h3.custom {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content h3.custom {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content h3.custom {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #privacy .container .privacy-content h3.custom {
    margin-bottom: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #privacy .container .privacy-content ul {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content ul {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content ul {
    margin-bottom: 29.9609375px;
  }
}
@media screen and (max-width: 767px) {
  #privacy .container .privacy-content ul {
    margin-bottom: 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  #privacy .container .privacy-content ul.indent01 {
    padding-left: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content ul.indent01 {
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content ul.indent01 {
    padding-left: 11.984375px;
  }
}
@media screen and (min-width: 768px) {
  #privacy .container .privacy-content ul.indent01 li {
    font-size: 1.40625vw;
    text-indent: -1.5625vw;
    padding-left: 1.5625vw;
    line-height: 2.2222222222;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content ul.indent01 li {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content ul.indent01 li {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content ul.indent01 li {
    text-indent: -20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content ul.indent01 li {
    text-indent: -11.984375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content ul.indent01 li {
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content ul.indent01 li {
    padding-left: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #privacy .container .privacy-content ul.indent01 li {
    font-size: 4.1025641026vw;
    text-indent: -5.1282051282vw;
    padding-left: 5.1282051282vw;
    line-height: 1.875;
  }
}
@media screen and (min-width: 768px) {
  #privacy .container .privacy-content ul.indent02 {
    padding-left: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content ul.indent02 {
    padding-left: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content ul.indent02 {
    padding-left: 29.9609375px;
  }
}
@media screen and (min-width: 768px) {
  #privacy .container .privacy-content ul.indent02 li {
    font-size: 1.40625vw;
    text-indent: -3.515625vw;
    padding-left: 3.515625vw;
    line-height: 2.2222222222;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content ul.indent02 li {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content ul.indent02 li {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content ul.indent02 li {
    text-indent: -45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content ul.indent02 li {
    text-indent: -26.96484375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #privacy .container .privacy-content ul.indent02 li {
    padding-left: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #privacy .container .privacy-content ul.indent02 li {
    padding-left: 26.96484375px;
  }
}
@media screen and (max-width: 767px) {
  #privacy .container .privacy-content ul.indent02 li {
    font-size: 4.1025641026vw;
    text-indent: -10.7692307692vw;
    padding-left: 10.7692307692vw;
    line-height: 1.875;
  }
}

@media screen and (min-width: 768px) {
  #sitepolicy .container .sitepolicy-content p {
    font-size: 1.40625vw;
    margin-bottom: 3.90625vw;
    line-height: 2.2222222222;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #sitepolicy .container .sitepolicy-content p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #sitepolicy .container .sitepolicy-content p {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #sitepolicy .container .sitepolicy-content p {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #sitepolicy .container .sitepolicy-content p {
    margin-bottom: 29.9609375px;
  }
}
@media screen and (max-width: 767px) {
  #sitepolicy .container .sitepolicy-content p {
    font-size: 4.1025641026vw;
    margin-bottom: 7.6923076923vw;
    line-height: 1.875;
  }
}
#sitepolicy .container .sitepolicy-content p.mb0 {
  margin-bottom: 0;
}
#sitepolicy .container .sitepolicy-content p .list {
  display: block;
}
@media screen and (min-width: 768px) {
  #sitepolicy .container .sitepolicy-content p .list {
    padding-left: 1.40625vw;
    text-indent: -1.40625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #sitepolicy .container .sitepolicy-content p .list {
    padding-left: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #sitepolicy .container .sitepolicy-content p .list {
    padding-left: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #sitepolicy .container .sitepolicy-content p .list {
    text-indent: -18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #sitepolicy .container .sitepolicy-content p .list {
    text-indent: -10.7859375px;
  }
}
@media screen and (max-width: 767px) {
  #sitepolicy .container .sitepolicy-content p .list {
    padding-left: 4.1025641026vw;
    text-indent: -4.1025641026vw;
  }
}
#sitepolicy .container .sitepolicy-content h3 {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #sitepolicy .container .sitepolicy-content h3 {
    font-size: 1.40625vw;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #sitepolicy .container .sitepolicy-content h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #sitepolicy .container .sitepolicy-content h3 {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #sitepolicy .container .sitepolicy-content h3 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #sitepolicy .container .sitepolicy-content h3 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #sitepolicy .container .sitepolicy-content h3 {
    font-size: 4.1025641026vw;
    line-height: 1.875;
  }
}

@media screen and (min-width: 768px) {
  #company .container .company-detail {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-detail {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-detail {
    margin-bottom: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  #company .container .company-detail {
    margin-bottom: 12.8205128205vw;
  }
}
#company .container .company-detail .company-detail-txt {
  transition-delay: 1s;
  transition-timing-function: easeOutCubic;
}
@media screen and (min-width: 768px) {
  #company .container .company-detail .company-detail-txt {
    width: 39.0625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-detail .company-detail-txt {
    width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-detail .company-detail-txt {
    width: 299.609375px;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-detail .company-detail-txt ul li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-detail .company-detail-txt ul li {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-detail .company-detail-txt ul li {
    margin-bottom: 17.9765625px;
  }
}
@media screen and (max-width: 767px) {
  #company .container .company-detail .company-detail-txt ul li {
    margin-bottom: 8.7179487179vw;
  }
}
#company .container .company-detail .company-detail-txt ul li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  #company .container .company-detail .company-detail-txt ul li p.ttl, #company .container .company-detail .company-detail-txt ul li p.txt {
    font-size: 1.40625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-detail .company-detail-txt ul li p.ttl, #company .container .company-detail .company-detail-txt ul li p.txt {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-detail .company-detail-txt ul li p.ttl, #company .container .company-detail .company-detail-txt ul li p.txt {
    font-size: 10.7859375px;
  }
}
@media screen and (max-width: 767px) {
  #company .container .company-detail .company-detail-txt ul li p.ttl, #company .container .company-detail .company-detail-txt ul li p.txt {
    font-size: 4.1025641026vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-detail .company-detail-txt ul li p.ttl {
    width: 17.1875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-detail .company-detail-txt ul li p.ttl {
    width: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-detail .company-detail-txt ul li p.ttl {
    width: 131.828125px;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-detail .company-detail-txt ul li p.txt {
    width: 21.875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-detail .company-detail-txt ul li p.txt {
    width: 280px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-detail .company-detail-txt ul li p.txt {
    width: 167.78125px;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-detail .company-detail-img {
    width: 46.875vw;
    transition-delay: 1s;
    transition-timing-function: easeOutCubic;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-detail .company-detail-img {
    width: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-detail .company-detail-img {
    width: 359.53125px;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-detail .company-detail-img img {
    border-radius: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-detail .company-detail-img img {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-detail .company-detail-img img {
    border-radius: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #company .container .company-detail .company-detail-img img {
    border-radius: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-access {
    clear: both;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-access h2 {
    font-size: 3.125vw;
    line-height: 1.2;
    margin-bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-access h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-access h2 {
    font-size: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-access h2 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-access h2 {
    margin-bottom: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  #company .container .company-access h2 {
    font-size: 6.1538461538vw;
    line-height: 1.25;
    margin-bottom: 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-access .company-access-txt {
    float: left;
  }
}
@media screen and (max-width: 767px) {
  #company .container .company-access .company-access-txt {
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-access .company-access-txt h3 {
    font-size: 1.40625vw;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-access .company-access-txt h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-access .company-access-txt h3 {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-access .company-access-txt h3 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-access .company-access-txt h3 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #company .container .company-access .company-access-txt h3 {
    font-size: 4.6153846154vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-access .company-access-txt p {
    font-size: 1.40625vw;
    line-height: 2.2222222222;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-access .company-access-txt p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-access .company-access-txt p {
    font-size: 10.7859375px;
  }
}
@media screen and (max-width: 767px) {
  #company .container .company-access .company-access-txt p {
    font-size: 4.1025641026vw;
    line-height: 1.875;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-access .clearboth {
    clear: both;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-access .company-access-map {
    width: 46.875vw;
    float: right;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-access .company-access-map {
    width: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-access .company-access-map {
    width: 359.53125px;
  }
}
#company .container .company-access .company-access-map .iframe {
  position: relative;
}
@media screen and (min-width: 768px) {
  #company .container .company-access .company-access-map .iframe {
    height: 23.4375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-access .company-access-map .iframe {
    height: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-access .company-access-map .iframe {
    height: 179.765625px;
  }
}
@media screen and (max-width: 767px) {
  #company .container .company-access .company-access-map .iframe {
    height: 44.8717948718vw;
  }
}
#company .container .company-access .company-access-map .iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#company .container .company-access .company-access-map .company-access-map-link {
  display: inline-block;
}
#company .container .company-access .company-access-map .company-access-map-link a {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #company .container .company-access .company-access-map .company-access-map-link a {
    margin-top: 0.78125vw;
    font-size: 1.09375vw;
    transition: color 0.3s ease-out;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-access .company-access-map .company-access-map-link a {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-access .company-access-map .company-access-map-link a {
    margin-top: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-access .company-access-map .company-access-map-link a {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-access .company-access-map .company-access-map-link a {
    font-size: 8.3890625px;
  }
}
@media screen and (max-width: 767px) {
  #company .container .company-access .company-access-map .company-access-map-link a {
    font-size: 3.5897435897vw;
    margin-top: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-access .company-access-map .company-access-map-link a:hover {
    color: #008cd6;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-access .company-access-map .company-access-map-link a:hover svg #path {
    stroke: #008cd6;
  }
}
#company .container .company-access .company-access-map .company-access-map-link a span {
  display: block;
  text-decoration: underline;
}
#company .container .company-access .company-access-map .company-access-map-link a svg {
  display: block;
}
@media screen and (min-width: 768px) {
  #company .container .company-access .company-access-map .company-access-map-link a svg {
    width: 1.09375vw;
    margin-left: 0.390625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-access .company-access-map .company-access-map-link a svg {
    width: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-access .company-access-map .company-access-map-link a svg {
    width: 8.3890625px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #company .container .company-access .company-access-map .company-access-map-link a svg {
    margin-left: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #company .container .company-access .company-access-map .company-access-map-link a svg {
    margin-left: 2.99609375px;
  }
}
@media screen and (max-width: 767px) {
  #company .container .company-access .company-access-map .company-access-map-link a svg {
    width: 3.5897435897vw;
    margin-left: 1.2820512821vw;
  }
}
@media screen and (min-width: 768px) {
  #company .container .company-access .company-access-map .company-access-map-link a svg path {
    transition: all 0.3s ease-out;
  }
}

#community .community-message .community-message-head {
  transition-delay: 1s;
  transition-timing-function: easeOutCubic;
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-head h2 {
    font-size: 3.125vw;
    margin-bottom: 1.5625vw;
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-head h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-head h2 {
    font-size: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-head h2 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-head h2 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-message .community-message-head h2 {
    font-size: 6.1538461538vw;
    margin-bottom: 5.1282051282vw;
    line-height: 1.25;
  }
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-head p {
    font-size: 1.40625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-head p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-head p {
    font-size: 10.7859375px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-message .community-message-head p {
    font-size: 4.1025641026vw;
    line-height: 1.5;
  }
}
#community .community-message .community-message-head p > span.note {
  display: block;
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-head p > span.note {
    margin-top: 0.78125vw;
    font-size: 1.09375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-head p > span.note {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-head p > span.note {
    margin-top: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-head p > span.note {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-head p > span.note {
    font-size: 8.3890625px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-message .community-message-head p > span.note {
    font-size: 3.5897435897vw;
    margin-top: 3.8461538462vw;
    line-height: 1.1428571429;
  }
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-intro {
    margin-top: 3.90625vw;
    margin-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro {
    margin-top: 29.9609375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro {
    margin-bottom: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-message .community-message-intro {
    margin-top: 10.2564102564vw;
    margin-bottom: 12.8205128205vw;
  }
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-intro .panel {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel {
    margin-bottom: 29.9609375px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-message .community-message-intro .panel {
    margin-bottom: 11.5384615385vw;
  }
}
#community .community-message .community-message-intro .panel:last-child {
  margin-bottom: 0;
}
#community .community-message .community-message-intro .panel.firstview {
  transition-delay: 1s;
  transition-timing-function: easeOutCubic;
}
#community .community-message .community-message-intro .panel .img {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-intro .panel .img {
    width: 39.0625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .img {
    width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img {
    width: 299.609375px;
  }
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-intro .panel .img picture {
    margin-bottom: -1.953125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .img picture {
    margin-bottom: -25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img picture {
    margin-bottom: -14.98046875px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img picture {
    margin-bottom: -10.2564102564vw;
  }
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-intro .panel .img picture img {
    border-radius: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .img picture img {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img picture img {
    border-radius: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img picture img {
    border-radius: 2.5641025641vw;
  }
}
#community .community-message .community-message-intro .panel .img h3 {
  display: inline-block;
  align-items: center;
  background-color: #fff;
  border: 1px solid #008cd6;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-intro .panel .img h3 {
    border-radius: 0.78125vw;
    font-size: 1.25vw;
    padding-top: 0.78125vw;
    padding-bottom: 0.78125vw;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .img h3 {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img h3 {
    border-radius: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .img h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img h3 {
    font-size: 9.5875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .img h3 {
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img h3 {
    padding-top: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .img h3 {
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img h3 {
    padding-bottom: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .img h3 {
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img h3 {
    padding-left: 11.984375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .img h3 {
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img h3 {
    padding-right: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img h3 {
    font-size: 3.5897435897vw;
    border-radius: 2.5641025641vw;
    padding: 5.1282051282vw;
  }
}
#community .community-message .community-message-intro .panel .img h3 > span {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-intro .panel .img h3 > span {
    font-size: 1.40625vw;
    margin-left: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .img h3 > span {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img h3 > span {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .img h3 > span {
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img h3 > span {
    margin-left: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .img h3 > span {
    font-size: 4.6153846154vw;
  }
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-intro .panel .txt {
    width: 51.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .txt {
    width: 660px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .txt {
    width: 395.484375px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .txt {
    margin-bottom: 5.1282051282vw;
  }
}
#community .community-message .community-message-intro .panel .txt h3 {
  background-color: #dfeefa;
  color: #008cd6;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-intro .panel .txt h3 {
    border-radius: 0.78125vw;
    font-size: 1.875vw;
    padding: 0.78125vw;
    margin-bottom: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .txt h3 {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .txt h3 {
    border-radius: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .txt h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .txt h3 {
    font-size: 14.38125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .txt h3 {
    padding: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .txt h3 {
    padding: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .txt h3 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .txt h3 {
    margin-bottom: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .txt h3 {
    border-radius: 2.5641025641vw;
    font-size: 5.1282051282vw;
    padding: 5.1282051282vw;
    margin-bottom: 5.1282051282vw;
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) {
  #community .community-message .community-message-intro .panel .txt p {
    font-size: 1.40625vw;
    line-height: 2.2222222222;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-message .community-message-intro .panel .txt p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .txt p {
    font-size: 10.7859375px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-message .community-message-intro .panel .txt p {
    font-size: 4.1025641026vw;
    line-height: 1.875;
  }
}
#community .community-map {
  background: linear-gradient(90deg, #fff 0%, #dfeefa 50%, #fff 100%);
  animation: move-gradient 10s ease infinite;
  background-size: 200% 200%;
}
@media screen and (min-width: 768px) {
  #community .community-map {
    padding-top: 7.8125vw;
    padding-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map {
    padding-top: 59.921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map {
    padding-bottom: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map {
    padding-top: 25.641025641vw;
    padding-bottom: 25.641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-head {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-head {
    margin-bottom: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-head {
    margin-bottom: 12.8205128205vw;
  }
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-head .txt {
    width: 45.3125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-head .txt {
    width: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-head .txt {
    width: 347.546875px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-head .txt {
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-head .txt h2 {
    font-size: 3.125vw;
    line-height: 1.2;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-head .txt h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-head .txt h2 {
    font-size: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-head .txt h2 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-head .txt h2 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-head .txt h2 {
    font-size: 6.1538461538vw;
    line-height: 1.3333333333;
    margin-bottom: 5.1282051282vw;
  }
}
#community .community-map .community-map-head .txt h3 {
  color: #008cd6;
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-head .txt h3 {
    font-size: 1.875vw;
    line-height: 1.4166666667;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-head .txt h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-head .txt h3 {
    font-size: 14.38125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-head .txt h3 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-head .txt h3 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-head .txt h3 {
    font-size: 5.1282051282vw;
    line-height: 1.2;
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-head .txt p {
    font-size: 1.40625vw;
    line-height: 2.2222222222;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-head .txt p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-head .txt p {
    font-size: 10.7859375px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-head .txt p {
    font-size: 4.1025641026vw;
    line-height: 1.875;
  }
}
#community .community-map .community-map-head .img {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-head .img {
    width: 45.3125vw;
    height: 45.3125vw;
    border-radius: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-head .img {
    width: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-head .img {
    width: 347.546875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-head .img {
    height: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-head .img {
    height: 347.546875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-head .img {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-head .img {
    border-radius: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-head .img {
    height: 89.7435897436vw;
    border-radius: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-head .img img {
    width: 39.0625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-head .img img {
    width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-head .img img {
    width: 299.609375px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-head .img img {
    width: 76.9230769231vw;
  }
}
#community .community-map .community-map-connect h2 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-connect h2 {
    font-size: 3.125vw;
    line-height: 1.2;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect h2 {
    font-size: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect h2 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect h2 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-connect h2 {
    font-size: 6.1538461538vw;
    line-height: 1.25;
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-connect .community-map-connect-panel {
    display: flex;
    justify-content: space-between;
  }
}
#community .community-map .community-map-connect .community-map-connect-panel .list {
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list {
    border-radius: 0.78125vw;
    width: 29.6875vw;
    height: 49.21875vw;
    padding-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list {
    border-radius: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list {
    width: 380px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list {
    width: 227.703125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list {
    height: 630px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list {
    height: 377.5078125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list {
    padding-top: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list {
    padding-top: 10.2564102564vw;
    padding-bottom: 10.2564102564vw;
    border-radius: 2.5641025641vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list:last-child {
    margin-bottom: 0;
  }
}
#community .community-map .community-map-connect .community-map-connect-panel .list h3 {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3 {
    margin-bottom: 1.5625vw;
    min-height: 9.84375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3 {
    min-height: 126px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3 {
    min-height: 75.5015625px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3 {
    width: 27.9487179487vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3.img-01 {
    width: 10.703125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3.img-01 {
    width: 137px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3.img-01 {
    width: 82.09296875px;
  }
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3.img-02 {
    width: 11.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3.img-02 {
    width: 144px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3.img-02 {
    width: 86.2875px;
  }
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3.img-03 {
    width: 11.40625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3.img-03 {
    width: 146px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list h3.img-03 {
    width: 87.4859375px;
  }
}
#community .community-map .community-map-connect .community-map-connect-panel .list .list-img {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list .list-img {
    width: 25vw;
    margin-bottom: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list .list-img {
    width: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list .list-img {
    width: 191.75px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list .list-img {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list .list-img {
    margin-bottom: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list .list-img {
    width: 82.0512820513vw;
    margin-bottom: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list .list-img img {
    border-radius: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list .list-img img {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list .list-img img {
    border-radius: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list .list-img img {
    border-radius: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list p {
    padding-left: 2.34375vw;
    padding-right: 2.34375vw;
    font-size: 1.25vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list p {
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list p {
    padding-left: 17.9765625px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list p {
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list p {
    padding-right: 17.9765625px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list p {
    font-size: 9.5875px;
  }
}
@media screen and (max-width: 767px) {
  #community .community-map .community-map-connect .community-map-connect-panel .list p {
    padding-left: 3.8461538462vw;
    padding-right: 3.8461538462vw;
    font-size: 3.5897435897vw;
    line-height: 1.7142857143;
  }
}

#about .about-top {
  transition-delay: 1s;
  transition-timing-function: easeOutCubic;
}
@media screen and (min-width: 768px) {
  #about .about-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top {
    margin-bottom: 29.9609375px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-top {
    margin-bottom: 10.2564102564vw;
  }
}
@media screen and (min-width: 768px) {
  #about .about-top .about-top-txt {
    width: 46.875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-txt {
    width: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-txt {
    width: 359.53125px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-top .about-top-txt {
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #about .about-top .about-top-txt h2 {
    font-size: 1.875vw;
    line-height: 1.4166666667;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-txt h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-txt h2 {
    font-size: 14.38125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-txt h2 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-txt h2 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-top .about-top-txt h2 {
    font-size: 5.1282051282vw;
    line-height: 1.2;
    margin-bottom: 3.8461538462vw;
  }
}
@media screen and (min-width: 768px) {
  #about .about-top .about-top-txt p {
    font-size: 1.40625vw;
    line-height: 2.2222222222;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-txt p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-txt p {
    font-size: 10.7859375px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-top .about-top-txt p {
    font-size: 4.1025641026vw;
    line-height: 1.875;
  }
}
#about .about-top .about-top-desc {
  transition-delay: 1s;
  background: linear-gradient(90deg, #fff 0%, #dfeefa 50%, #fff 100%);
  animation: move-gradient 10s ease infinite;
  background-size: 200% 200%;
  border: 1px solid #dfeefa;
}
@media screen and (min-width: 768px) {
  #about .about-top .about-top-desc {
    width: 43.75vw;
    border-radius: 0.78125vw;
    padding-top: 3.125vw;
    padding-bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-desc {
    width: 560px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-desc {
    width: 335.5625px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-desc {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-desc {
    border-radius: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-desc {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-desc {
    padding-top: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-desc {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-desc {
    padding-bottom: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-top .about-top-desc {
    border-radius: 2.5641025641vw;
    padding-top: 10.2564102564vw;
    padding-bottom: 10.2564102564vw;
  }
}
#about .about-top .about-top-desc p {
  text-align: center;
}
#about .about-top .about-top-desc p > span {
  display: block;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #about .about-top .about-top-desc p > span {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-desc p > span {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-desc p > span {
    font-size: 9.5875px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-top .about-top-desc p > span {
    font-size: 4.1025641026vw;
  }
}
@media screen and (min-width: 768px) {
  #about .about-top .about-top-desc p > span.big {
    font-size: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-desc p > span.big {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-desc p > span.big {
    font-size: 14.38125px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-top .about-top-desc p > span.big {
    font-size: 6.1538461538vw;
  }
}
#about .about-top .about-top-desc p > span strong {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #about .about-top .about-top-desc p > span strong {
    font-size: 2.578125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-desc p > span strong {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-desc p > span strong {
    font-size: 19.77421875px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-top .about-top-desc p > span strong {
    font-size: 8.2051282051vw;
  }
}
#about .about-top .about-top-desc p > span.img {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #about .about-top .about-top-desc p > span.img {
    width: 1.015625vw;
    margin-top: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-desc p > span.img {
    width: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-desc p > span.img {
    width: 7.78984375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-top .about-top-desc p > span.img {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-top .about-top-desc p > span.img {
    margin-top: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-top .about-top-desc p > span.img {
    width: 3.3333333333vw;
    margin-top: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-img {
    margin-bottom: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-img {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-img {
    margin-bottom: 17.9765625px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-img {
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-desc {
    margin-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-desc {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-desc {
    margin-bottom: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-desc {
    margin-bottom: 12.8205128205vw;
  }
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-desc ul {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-desc ul li {
    width: 29.6875vw;
    margin-right: 2.34375vw;
    margin-top: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-desc ul li {
    width: 380px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li {
    width: 227.703125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-desc ul li {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li {
    margin-right: 17.9765625px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-desc ul li {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li {
    margin-top: 17.9765625px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li {
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-desc ul li:nth-of-type(1), #about .about-factory .about-factory-desc ul li:nth-of-type(2), #about .about-factory .about-factory-desc ul li:nth-of-type(3) {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-desc ul li:nth-of-type(3n) {
    margin-right: 0;
  }
}
#about .about-factory .about-factory-desc ul li h3 {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-desc ul li h3 {
    margin-bottom: 0.390625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-desc ul li h3 {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li h3 {
    margin-bottom: 2.99609375px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li h3 {
    margin-bottom: 2.5641025641vw;
  }
}
#about .about-factory .about-factory-desc ul li h3 > span {
  display: block;
}
#about .about-factory .about-factory-desc ul li h3 > span.num {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #008cd6;
  color: #008cd6;
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-desc ul li h3 > span.num {
    width: 5vw;
    height: 5vw;
    font-size: 1.875vw;
    margin-right: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-desc ul li h3 > span.num {
    width: 64px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li h3 > span.num {
    width: 38.35px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-desc ul li h3 > span.num {
    height: 64px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li h3 > span.num {
    height: 38.35px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-desc ul li h3 > span.num {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li h3 > span.num {
    font-size: 14.38125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-desc ul li h3 > span.num {
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li h3 > span.num {
    margin-right: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li h3 > span.num {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    font-size: 4.1025641026vw;
    margin-right: 2.5641025641vw;
  }
}
#about .about-factory .about-factory-desc ul li h3 > span.txt {
  color: #008cd6;
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-desc ul li h3 > span.txt {
    font-size: 1.40625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-desc ul li h3 > span.txt {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li h3 > span.txt {
    font-size: 10.7859375px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li h3 > span.txt {
    font-size: 4.6153846154vw;
  }
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-desc ul li p {
    font-size: 1.25vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-desc ul li p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li p {
    font-size: 9.5875px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-desc ul li p {
    font-size: 4.1025641026vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-voice ul {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-voice ul li {
    width: 45.3125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-voice ul li {
    width: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li {
    width: 347.546875px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li {
    margin-bottom: 10.2564102564vw;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li:last-child {
    margin-bottom: 0;
  }
}
#about .about-factory .about-factory-voice ul li h2 {
  text-align: center;
  color: #008cd6;
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-voice ul li h2 {
    font-size: 1.875vw;
    line-height: 1.4166666667;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-voice ul li h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li h2 {
    font-size: 14.38125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-voice ul li h2 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li h2 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li h2 {
    font-size: 5.1282051282vw;
    line-height: 1.2;
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-voice ul li .img {
    min-height: 18.90625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-voice ul li .img {
    min-height: 242px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li .img {
    min-height: 145.0109375px;
  }
}
#about .about-factory .about-factory-voice ul li .img picture,
#about .about-factory .about-factory-voice ul li .img img {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-voice ul li .img picture,
  #about .about-factory .about-factory-voice ul li .img img {
    width: 15.625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-voice ul li .img picture,
  #about .about-factory .about-factory-voice ul li .img img {
    width: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li .img picture,
  #about .about-factory .about-factory-voice ul li .img img {
    width: 119.84375px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li .img picture,
  #about .about-factory .about-factory-voice ul li .img img {
    width: 51.2820512821vw;
  }
}
#about .about-factory .about-factory-voice ul li .img h3 {
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-voice ul li .img h3 {
    font-size: 1.25vw;
    line-height: 2;
    margin-top: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-voice ul li .img h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li .img h3 {
    font-size: 9.5875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-voice ul li .img h3 {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li .img h3 {
    margin-top: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li .img h3 {
    font-size: 4.1025641026vw;
    line-height: 2;
    margin-top: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #about .about-factory .about-factory-voice ul li p {
    margin-top: 0.78125vw;
    font-size: 1.25vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-voice ul li p {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li p {
    margin-top: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #about .about-factory .about-factory-voice ul li p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li p {
    font-size: 9.5875px;
  }
}
@media screen and (max-width: 767px) {
  #about .about-factory .about-factory-voice ul li p {
    margin-top: 2.5641025641vw;
    font-size: 4.1025641026vw;
    line-height: 1.875;
  }
}

#biomass .biomass-head {
  transition-delay: 1s;
  transition-timing-function: easeOutCubic;
}
@media screen and (min-width: 768px) {
  #biomass .biomass-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-head {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-head {
    margin-bottom: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-head {
    margin-bottom: 12.8205128205vw;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-head .txt {
    width: 45.3125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-head .txt {
    width: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-head .txt {
    width: 347.546875px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-head .txt {
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-head .txt h3 {
    font-size: 1.875vw;
    line-height: 1.4166666667;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-head .txt h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-head .txt h3 {
    font-size: 14.38125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-head .txt h3 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-head .txt h3 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-head .txt h3 {
    font-size: 6.1538461538vw;
    line-height: 1.4166666667;
    margin-bottom: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-head .txt p {
    font-size: 1.40625vw;
    line-height: 2.2222222222;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-head .txt p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-head .txt p {
    font-size: 10.7859375px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-head .txt p {
    font-size: 4.1025641026vw;
    line-height: 1.875;
  }
}
#biomass .biomass-head .img {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #BBDBF3;
}
@media screen and (min-width: 768px) {
  #biomass .biomass-head .img {
    width: 45.3125vw;
    height: 26.5625vw;
    border-radius: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-head .img {
    width: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-head .img {
    width: 347.546875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-head .img {
    height: 340px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-head .img {
    height: 203.734375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-head .img {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-head .img {
    border-radius: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-head .img {
    height: 76.9230769231vw;
    border-radius: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-head .img img {
    width: 28.203125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-head .img img {
    width: 361px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-head .img img {
    width: 216.31796875px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-head .img img {
    width: 79.4871794872vw;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel {
    margin-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel {
    margin-bottom: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel {
    margin-bottom: 12.8205128205vw;
  }
}
#biomass .biomass-content .content-panel:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-ttl h2 {
    font-size: 1.875vw;
    line-height: 1.4166666667;
    margin-bottom: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-ttl h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-ttl h2 {
    font-size: 14.38125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-ttl h2 {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-ttl h2 {
    margin-bottom: 14.98046875px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-ttl h2 {
    font-size: 5.1282051282vw;
    line-height: 1.2;
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc img {
    border-radius: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc img {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc img {
    border-radius: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc img {
    border-radius: 2.5641025641vw;
  }
}
#biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
  background-color: #dfeefa;
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
    border-radius: 0.78125vw;
    padding-top: 3.90625vw;
    padding-bottom: 3.90625vw;
    padding-left: 7.8125vw;
    padding-right: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
    border-radius: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
    padding-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
    padding-top: 29.9609375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
    padding-bottom: 29.9609375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
    padding-left: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
    padding-left: 59.921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
    padding-right: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
    padding-right: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc picture.img-08 {
    border-radius: 2.5641025641vw;
    padding-top: 3.5897435897vw;
    padding-bottom: 3.5897435897vw;
    padding-left: 7.4358974359vw;
    padding-right: 7.4358974359vw;
  }
}
#biomass .biomass-content .content-panel .content-panel-desc picture.img-08 img {
  border-radius: 0;
}
#biomass .biomass-content .content-panel .content-panel-desc h3 {
  color: #008cd6;
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc h3 {
    font-size: 1.40625vw;
    line-height: 1.5555555556;
    margin-bottom: 1.09375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc h3 {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc h3 {
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc h3 {
    margin-bottom: 8.3890625px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc h3 {
    font-size: 4.6153846154vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc p {
    font-size: 1.25vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc p {
    font-size: 9.5875px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc p {
    font-size: 4.1025641026vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-01 ul {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-01 ul li {
    width: 45.3125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-01 ul li {
    width: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-01 ul li {
    width: 347.546875px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-01 ul li {
    margin-bottom: 10.2564102564vw;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-01 ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-01 ul li picture {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-01 ul li picture {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-01 ul li picture {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-01 ul li picture {
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex2 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex2 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex2 {
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex2 li {
    width: 45.3125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex2 li {
    width: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex2 li {
    width: 347.546875px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex2 li {
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex2 li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex3 {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex3 li {
    width: 29.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex3 li {
    width: 380px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex3 li {
    width: 227.703125px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex3 li {
    margin-bottom: 10.2564102564vw;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-02 ul.flex3 li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-03 ul.flex2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-03 ul.flex2 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-03 ul.flex2 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-03 ul.flex2 {
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-03 ul.flex2 li {
    width: 45.3125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-03 ul.flex2 li {
    width: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-03 ul.flex2 li {
    width: 347.546875px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-03 ul.flex2 li {
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-03 ul.flex2 li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-04 picture {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-04 picture {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-04 picture {
    margin-top: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #biomass .biomass-content .content-panel .content-panel-desc.type-04 picture {
    margin-top: 5.1282051282vw;
  }
}

@keyframes crossfade {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  41% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes kenburns {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes expand-inset {
  0% {
    clip-path: inset(60%);
  }
  100% {
    clip-path: inset(0%);
  }
}
@keyframes fadeInSlideUp {
  from {
    opacity: 0;
    transform: translateY(0.5em);
    filter: blur(0.5em);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
@keyframes fadeInSlideUpForA {
  from {
    opacity: 0;
    transform: translateY(0.462em);
    filter: blur(0.5em);
  }
  to {
    opacity: 1;
    transform: translateY(-0.038em);
    filter: blur(0);
  }
}
#top h2 {
  -webkit-font-smoothing: antialiased;
}
#top .top-slide {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #dfeefa;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #top .top-slide {
    height: 100svh;
  }
}
#top .top-slide ul li:nth-of-type(1) picture,
#top .top-slide ul li:nth-of-type(1) img {
  animation-delay: 1s;
}
#top .top-slide ul li:nth-of-type(2) picture,
#top .top-slide ul li:nth-of-type(2) img {
  animation-delay: 6s;
}
#top .top-slide ul li:nth-of-type(3) picture,
#top .top-slide ul li:nth-of-type(3) img {
  animation-delay: 11s;
}
#top .top-slide ul li picture,
#top .top-slide ul li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  animation-name: crossfade, kenburns;
  animation-duration: 15s, 15s;
  animation-timing-function: linear, ease-out;
  animation-iteration-count: infinite, infinite;
}
#top .top-movie {
  background: linear-gradient(136deg, rgb(0, 140, 214), rgb(0, 65, 114) 50%, rgb(0, 140, 214));
  animation: move-gradient 30s ease infinite;
  background-size: 200% 200%;
}
@media screen and (min-width: 768px) {
  #top .top-movie .top-movie-content {
    padding-top: 7.8125vw;
    padding-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-movie .top-movie-content {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-movie .top-movie-content {
    padding-top: 59.921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-movie .top-movie-content {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-movie .top-movie-content {
    padding-bottom: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-movie .top-movie-content {
    padding-top: 12.8205128205vw;
    padding-bottom: 12.8205128205vw;
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
  }
}
#top .top-movie .top-movie-content a {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #top .top-movie .top-movie-content a {
    width: 46.875vw;
    transition: opacity 0.3s ease-out;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-movie .top-movie-content a {
    width: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-movie .top-movie-content a {
    width: 359.53125px;
  }
}
@media screen and (min-width: 768px) {
  #top .top-movie .top-movie-content a:hover {
    opacity: 0.5;
  }
}
#top .top-movie .top-movie-content a p {
  color: #dfeefa;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #top .top-movie .top-movie-content a p {
    font-size: 1.40625vw;
    line-height: 1.5555555556;
    margin-top: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-movie .top-movie-content a p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-movie .top-movie-content a p {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-movie .top-movie-content a p {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-movie .top-movie-content a p {
    margin-top: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-movie .top-movie-content a p {
    font-size: 4.1025641026vw;
    margin-top: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #top .top-movie .top-movie-content a p picture,
  #top .top-movie .top-movie-content a p img {
    width: 1.5625vw;
    margin-left: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-movie .top-movie-content a p picture,
  #top .top-movie .top-movie-content a p img {
    width: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-movie .top-movie-content a p picture,
  #top .top-movie .top-movie-content a p img {
    width: 11.984375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-movie .top-movie-content a p picture,
  #top .top-movie .top-movie-content a p img {
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-movie .top-movie-content a p picture,
  #top .top-movie .top-movie-content a p img {
    margin-left: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-movie .top-movie-content a p picture,
  #top .top-movie .top-movie-content a p img {
    width: 5.1282051282vw;
    margin-left: 2.5641025641vw;
  }
}
#top .top-news {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #top .top-news .container {
    padding-top: 7.8125vw;
    padding-bottom: 10.9375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container {
    padding-top: 59.921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container {
    padding-bottom: 140px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container {
    padding-bottom: 83.890625px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-news .container {
    padding-top: 12.8205128205vw;
    padding-bottom: 12.8205128205vw;
  }
}
@media screen and (min-width: 768px) {
  #top .top-news .container h2 {
    font-size: 3.125vw;
    line-height: 1.2;
    padding-left: 3.125vw;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container h2 {
    font-size: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container h2 {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container h2 {
    padding-left: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container h2 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container h2 {
    margin-bottom: 11.984375px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-news .container h2 {
    font-size: 10.2564102564vw;
    margin-bottom: 7.6923076923vw;
  }
}
@media screen and (max-width: 767px) {
  #top .top-news .container .top-news-content ul li {
    margin-bottom: 7.6923076923vw;
  }
}
@media screen and (max-width: 767px) {
  #top .top-news .container .top-news-content ul li:last-child {
    margin-bottom: 0;
  }
}
#top .top-news .container .top-news-content ul li a {
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 768px) {
  #top .top-news .container .top-news-content ul li a {
    padding-left: 3.125vw;
    padding-right: 3.125vw;
    padding-bottom: 0.9375vw;
    padding-top: 0.9375vw;
    font-size: 1.40625vw;
    border-radius: 0.78125vw;
    line-height: 2;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
    display: flex;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container .top-news-content ul li a {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container .top-news-content ul li a {
    padding-left: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container .top-news-content ul li a {
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container .top-news-content ul li a {
    padding-right: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container .top-news-content ul li a {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container .top-news-content ul li a {
    padding-bottom: 7.190625px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container .top-news-content ul li a {
    padding-top: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container .top-news-content ul li a {
    padding-top: 7.190625px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container .top-news-content ul li a {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container .top-news-content ul li a {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container .top-news-content ul li a {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container .top-news-content ul li a {
    border-radius: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-news .container .top-news-content ul li a {
    font-size: 4.1025641026vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  #top .top-news .container .top-news-content ul li a:hover {
    color: #008cd6;
    background-color: #dfeefa;
  }
}
@media screen and (min-width: 768px) {
  #top .top-news .container .top-news-content ul li a:hover > span.title {
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent;
  }
}
#top .top-news .container .top-news-content ul li a > span {
  display: block;
}
@media screen and (min-width: 768px) {
  #top .top-news .container .top-news-content ul li a > span.date {
    width: 14.0625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container .top-news-content ul li a > span.date {
    width: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container .top-news-content ul li a > span.date {
    width: 107.859375px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-news .container .top-news-content ul li a > span.date {
    margin-bottom: 1.2820512821vw;
  }
}
#top .top-news .container .top-news-content ul li a > span.title {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media screen and (min-width: 768px) {
  #top .top-news .container .top-news-content ul li a > span.title {
    width: 73.4375vw;
    transition: all 0.3s ease-out;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-news .container .top-news-content ul li a > span.title {
    width: 940px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-news .container .top-news-content ul li a > span.title {
    width: 563.265625px;
  }
}
#top .top-company {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #top .top-company {
    padding-top: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company {
    padding-top: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-company {
    padding-top: 25.641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #top .top-company .container {
    padding-left: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container {
    padding-left: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container {
    padding-left: 47.9375px;
  }
}
@media screen and (min-width: 768px) {
  #top .top-company .container h2 {
    font-size: 3.125vw;
    line-height: 1.2;
    margin-bottom: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container h2 {
    font-size: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container h2 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container h2 {
    margin-bottom: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-company .container h2 {
    font-size: 7.6923076923vw;
    line-height: 1.3333333333;
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #top .top-company .container p {
    font-size: 1.40625vw;
    line-height: 2.2222222222;
    margin-bottom: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container p {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container p {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container p {
    margin-bottom: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-company .container p {
    font-size: 4.1025641026vw;
    line-height: 1.75;
    margin-bottom: 5.1282051282vw;
  }
}
#top .top-company .container a {
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 600;
  color: #008cd6;
  background-color: #dfeefa;
}
@media screen and (min-width: 768px) {
  #top .top-company .container a {
    width: 28.28125vw;
    height: 6.796875vw;
    border-radius: 0.78125vw;
    font-size: 1.25vw;
    padding-left: 2.34375vw;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container a {
    width: 362px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container a {
    width: 216.9171875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container a {
    height: 87px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container a {
    height: 52.13203125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container a {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container a {
    border-radius: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container a {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container a {
    font-size: 9.5875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container a {
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container a {
    padding-left: 17.9765625px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-company .container a {
    height: 19.4871794872vw;
    border-radius: 2.5641025641vw;
    font-size: 4.1025641026vw;
    padding-left: 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  #top .top-company .container a:hover {
    background-color: #008cd6;
    color: #fff;
  }
}
@media screen and (min-width: 768px) {
  #top .top-company .container a:hover:before {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.3s ease-out 0.3s, transform 0.3s ease-out 0.3s, color 0.3s ease-out;
  }
}
@media screen and (min-width: 768px) {
  #top .top-company .container a:hover:after {
    opacity: 0;
    transform: translateX(15px);
    border-color: transparent transparent transparent #fff;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out, color 0.3s ease-out;
  }
}
#top .top-company .container a:before, #top .top-company .container a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0px;
  height: 0px;
  border-right-width: 0;
  border-style: solid;
  border-color: transparent transparent transparent #008cd6;
}
@media screen and (min-width: 768px) {
  #top .top-company .container a:before, #top .top-company .container a:after {
    margin-right: 2.34375vw;
    margin-top: -0.46875vw;
    border-top-width: 0.46875vw;
    border-bottom-width: 0.46875vw;
    border-left-width: 0.625vw;
    transition: color 0.1s ease-out;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container a:before, #top .top-company .container a:after {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container a:before, #top .top-company .container a:after {
    margin-right: 17.9765625px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container a:before, #top .top-company .container a:after {
    margin-top: -6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container a:before, #top .top-company .container a:after {
    margin-top: -3.5953125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container a:before, #top .top-company .container a:after {
    border-top-width: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container a:before, #top .top-company .container a:after {
    border-top-width: 3.5953125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container a:before, #top .top-company .container a:after {
    border-bottom-width: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container a:before, #top .top-company .container a:after {
    border-bottom-width: 3.5953125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-company .container a:before, #top .top-company .container a:after {
    border-left-width: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-company .container a:before, #top .top-company .container a:after {
    border-left-width: 4.79375px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-company .container a:before, #top .top-company .container a:after {
    margin-right: 7.6923076923vw;
    margin-top: -1.5384615385vw;
    border-top-width: 1.5384615385vw;
    border-bottom-width: 1.5384615385vw;
    border-left-width: 2.0512820513vw;
  }
}
#top .top-company .container a:before {
  opacity: 0;
  transform: translateX(-15px);
  border-color: transparent transparent transparent #fff;
}
#top .top-place {
  background: linear-gradient(90deg, #fff 0%, #dfeefa 50%, #fff 100%);
  animation: move-gradient 10s ease infinite;
  background-size: 200% 200%;
}
@media screen and (min-width: 768px) {
  #top .top-place {
    padding-top: 7.8125vw;
    padding-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place {
    padding-top: 59.921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place {
    padding-bottom: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-place {
    padding-top: 12.8205128205vw;
    padding-bottom: 25.641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container {
    width: 100%;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container {
    padding-left: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container {
    padding-left: 47.9375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container {
    padding-right: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container {
    padding-right: 47.9375px;
  }
}
#top .top-place .container .top-place-list .item {
  position: relative;
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  #top .top-place .container .top-place-list .item {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) {
  #top .top-place .container .top-place-list .item:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item:last-child .item-img {
    border-bottom-right-radius: 0.78125vw;
    border-bottom-left-radius: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item:last-child .item-img {
    border-bottom-right-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item:last-child .item-img {
    border-bottom-right-radius: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item:last-child .item-img {
    border-bottom-left-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item:last-child .item-img {
    border-bottom-left-radius: 5.9921875px;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-txt {
    width: 50%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 87.5vw;
    margin-left: -43.75vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt {
    width: 1120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt {
    width: 671.125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt {
    margin-left: -560px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt {
    margin-left: -335.5625px;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner {
    width: 37.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner {
    width: 480px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner {
    width: 287.625px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner {
    margin-top: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner h2 {
    font-size: 3.125vw;
    line-height: 1.2;
    margin-bottom: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner h2 {
    font-size: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner h2 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner h2 {
    margin-bottom: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner h2 {
    font-size: 7.6923076923vw;
    line-height: 1.3333333333;
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner p {
    font-size: 1.40625vw;
    line-height: 2.2222222222;
    margin-bottom: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner p {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner p {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner p {
    margin-bottom: 5.9921875px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner p {
    font-size: 4.1025641026vw;
    line-height: 1.75;
    margin-bottom: 5.1282051282vw;
  }
}
#top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 600;
  color: #008cd6;
  background-color: #dfeefa;
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
    width: 28.28125vw;
    height: 6.796875vw;
    border-radius: 0.78125vw;
    font-size: 1.25vw;
    padding-left: 2.34375vw;
    transition: background-color 0.3s ease-out, color 0.3s ease-out;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
    width: 362px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
    width: 216.9171875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
    height: 87px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
    height: 52.13203125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
    border-radius: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
    font-size: 9.5875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
    padding-left: 17.9765625px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a {
    height: 19.4871794872vw;
    border-radius: 2.5641025641vw;
    font-size: 4.1025641026vw;
    padding-left: 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:hover {
    background-color: #008cd6;
    color: #fff;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:hover:before {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.3s ease-out 0.3s, transform 0.3s ease-out 0.3s, color 0.3s ease-out;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:hover:after {
    opacity: 0;
    transform: translateX(15px);
    border-color: transparent transparent transparent #fff;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out, color 0.3s ease-out;
  }
}
#top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0px;
  height: 0px;
  border-right-width: 0;
  border-style: solid;
  border-color: transparent transparent transparent #008cd6;
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
    margin-right: 2.34375vw;
    margin-top: -0.46875vw;
    border-top-width: 0.46875vw;
    border-bottom-width: 0.46875vw;
    border-left-width: 0.625vw;
    transition: color 0.1s ease-out;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
    margin-right: 17.9765625px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
    margin-top: -6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
    margin-top: -3.5953125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
    border-top-width: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
    border-top-width: 3.5953125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
    border-bottom-width: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
    border-bottom-width: 3.5953125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
    border-left-width: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
    border-left-width: 4.79375px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before, #top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:after {
    margin-right: 7.6923076923vw;
    margin-top: -1.5384615385vw;
    border-top-width: 1.5384615385vw;
    border-bottom-width: 1.5384615385vw;
    border-left-width: 2.0512820513vw;
  }
}
#top .top-place .container .top-place-list .item .item-txt .item-txt-inner a:before {
  opacity: 0;
  transform: translateX(-15px);
  border-color: transparent transparent transparent #fff;
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-img {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1/1;
    width: 50%;
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-img {
    height: 89.7435897436vw;
    border-radius: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-img.firstChild {
    border-top-right-radius: 0.78125vw;
    border-top-left-radius: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-img.firstChild {
    border-top-right-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-img.firstChild {
    border-top-right-radius: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-place .container .top-place-list .item .item-img.firstChild {
    border-top-left-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-img.firstChild {
    border-top-left-radius: 5.9921875px;
  }
}
#top .top-place .container .top-place-list .item .item-img .item-img-wrap {
  position: relative;
  width: 100%;
  clip-path: inset(0);
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-img .item-img-wrap {
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-img .item-img-wrap {
    height: 89.7435897436vw;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-img .item-img-wrap.img-anim {
    clip-path: inset(60%);
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-img .item-img-wrap.is-visible {
    animation-name: expand-inset;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-img .item-img-wrap .img {
    position: fixed;
    top: 0;
    bottom: 0;
    width: auto;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-img .item-img-wrap .img {
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  #top .top-place .container .top-place-list .item .item-img .item-img-wrap .img img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    vertical-align: bottom;
  }
}
@media screen and (max-width: 767px) {
  #top .top-place .container .top-place-list .item .item-img .item-img-wrap .img img {
    border-radius: 2.5641025641vw;
  }
}
#top .top-highlight {
  position: relative;
  display: flex;
  align-items: flex-end;
  font-size: 1.93vw;
}
@media screen and (min-width: 768px) {
  #top .top-highlight {
    height: 100vh;
    padding-left: 3.125vw;
    padding-right: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-highlight {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-highlight {
    padding-left: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  #top .top-highlight {
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .top-highlight {
    padding-right: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  #top .top-highlight {
    height: 100svh;
    padding-left: 2.5641025641vw;
    padding-right: 2.5641025641vw;
  }
}
#top .top-highlight .top-highlight-txt {
  font-size: 1.93vw;
  --svg-text-base-delay: 2s;
  --char-step-delay: 0.05s;
  --word-additional-delay: 0s;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top .top-highlight .top-highlight-txt {
    margin-bottom: -0.15%;
  }
}
@media screen and (max-width: 767px) {
  #top .top-highlight .top-highlight-txt {
    font-size: 3vw;
    margin-bottom: -0.2%;
  }
}
#top .top-highlight .top-highlight-txt .text-line {
  display: flex;
  align-items: center;
  gap: 0.1em;
}
@media screen and (min-width: 768px) {
  #top .top-highlight .top-highlight-txt .text-line {
    margin-bottom: 0.546875vw;
  }
}
@media screen and (max-width: 767px) {
  #top .top-highlight .top-highlight-txt .text-line {
    margin-bottom: 1.7948717949vw;
  }
}
#top .top-highlight .top-highlight-txt .text-line #char-k {
  margin-left: 0em;
}
#top .top-highlight .top-highlight-txt .text-line #char-A1 {
  margin-left: -0.2em;
  transform: translateY(-0.038em);
}
#top .top-highlight .top-highlight-txt .text-line #char-R1 {
  margin-left: -0.2em;
}
#top .top-highlight .top-highlight-txt .text-line #char-A2 {
  margin-left: -0.2em;
  transform: translateY(-0.038em);
}
#top .top-highlight .top-highlight-txt .text-line #char-T1 {
  margin-left: -0.8em;
}
#top .top-highlight .top-highlight-txt .text-line #char-S1 {
  margin-left: -0.2em;
}
#top .top-highlight .top-highlight-txt .text-line #char-U {
  margin-left: 0em;
  transform: translateY(-0.038em);
}
#top .top-highlight .top-highlight-txt .text-line #char-B {
  margin-left: 0em;
}
#top .top-highlight .top-highlight-txt .text-line #char-I {
  margin-left: -0.1em;
}
#top .top-highlight .top-highlight-txt .text-line #char-O1 {
  margin-left: -0.1em;
}
#top .top-highlight .top-highlight-txt .text-line #char-M {
  margin-left: -0.1em;
}
#top .top-highlight .top-highlight-txt .text-line #char-A3 {
  margin-left: -0.2em;
  transform: translateY(-0.038em);
}
#top .top-highlight .top-highlight-txt .text-line #char-S2 {
  margin-left: -0.2em;
}
#top .top-highlight .top-highlight-txt .text-line #char-S3 {
  margin-left: -0.2em;
}
@media screen and (min-width: 768px) {
  #top .top-highlight .top-highlight-txt .text-line #char-P1 {
    margin-left: 1em;
  }
}
#top .top-highlight .top-highlight-txt .text-line #char-O2 {
  margin-left: -0.1em;
}
#top .top-highlight .top-highlight-txt .text-line #char-W {
  margin-left: -0.4em;
}
#top .top-highlight .top-highlight-txt .text-line #char-E {
  margin-left: -0.1em;
}
#top .top-highlight .top-highlight-txt .text-line #char-R2 {
  margin-left: -0.1em;
}
#top .top-highlight .top-highlight-txt .text-line #char-P2 {
  margin-left: 1em;
}
#top .top-highlight .top-highlight-txt .text-line #char-L {
  margin-left: -0.1em;
}
#top .top-highlight .top-highlight-txt .text-line #char-A4 {
  margin-left: -0.1em;
  transform: translateY(-0.038em);
}
#top .top-highlight .top-highlight-txt .text-line #char-N {
  margin-left: -0.1em;
}
#top .top-highlight .top-highlight-txt .text-line #char-T2 {
  margin-left: -0.1em;
}
#top .top-highlight .top-highlight-txt .text-line svg {
  opacity: 0;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
#top .top-highlight .top-highlight-txt .text-line:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  #top .top-highlight .top-highlight-txt .text-line #char-P1,
  #top .top-highlight .top-highlight-txt .text-line #char-P2 {
    margin-left: 1em;
  }
}
@media screen and (max-width: 767px) {
  #top .top-highlight .top-highlight-txt .text-line #char-P2 {
    margin-left: 1em;
  }
}
#top .top-highlight .top-highlight-txt .text-line #char-k {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 0);
}
#top .top-highlight .top-highlight-txt .text-line #char-A1 {
  animation-name: fadeInSlideUpForA;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 1);
}
#top .top-highlight .top-highlight-txt .text-line #char-R1 {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 2);
}
#top .top-highlight .top-highlight-txt .text-line #char-A2 {
  animation-name: fadeInSlideUpForA;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 3);
}
#top .top-highlight .top-highlight-txt .text-line #char-T1 {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 4);
}
#top .top-highlight .top-highlight-txt .text-line #char-S1 {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 5);
}
#top .top-highlight .top-highlight-txt .text-line #char-U {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 6);
}
#top .top-highlight .top-highlight-txt .text-line #char-B {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 8 + var(--word-additional-delay) * 1);
}
#top .top-highlight .top-highlight-txt .text-line #char-I {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 9 + var(--word-additional-delay) * 1);
}
#top .top-highlight .top-highlight-txt .text-line #char-O1 {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 10 + var(--word-additional-delay) * 1);
}
#top .top-highlight .top-highlight-txt .text-line #char-M {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 11 + var(--word-additional-delay) * 1);
}
#top .top-highlight .top-highlight-txt .text-line #char-A3 {
  animation-name: fadeInSlideUpForA;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 12 + var(--word-additional-delay) * 1);
}
#top .top-highlight .top-highlight-txt .text-line #char-S2 {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 13 + var(--word-additional-delay) * 1);
}
#top .top-highlight .top-highlight-txt .text-line #char-S3 {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 14 + var(--word-additional-delay) * 1);
}
#top .top-highlight .top-highlight-txt .text-line #char-P1 {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 16 + var(--word-additional-delay) * 2);
}
#top .top-highlight .top-highlight-txt .text-line #char-O2 {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 17 + var(--word-additional-delay) * 2);
}
#top .top-highlight .top-highlight-txt .text-line #char-W {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 18 + var(--word-additional-delay) * 2);
}
#top .top-highlight .top-highlight-txt .text-line #char-E {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 19 + var(--word-additional-delay) * 2);
}
#top .top-highlight .top-highlight-txt .text-line #char-R2 {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 20 + var(--word-additional-delay) * 2);
}
#top .top-highlight .top-highlight-txt .text-line #char-P2 {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 22 + var(--word-additional-delay) * 3);
}
#top .top-highlight .top-highlight-txt .text-line #char-L {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 23 + var(--word-additional-delay) * 3);
}
#top .top-highlight .top-highlight-txt .text-line #char-A4 {
  animation-name: fadeInSlideUpForA;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 24 + var(--word-additional-delay) * 3);
}
#top .top-highlight .top-highlight-txt .text-line #char-N {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 25 + var(--word-additional-delay) * 3);
}
#top .top-highlight .top-highlight-txt .text-line #char-T2 {
  animation-name: fadeInSlideUp;
  animation-delay: calc(var(--svg-text-base-delay) + var(--char-step-delay) * 26 + var(--word-additional-delay) * 3);
}

main {
  display: block;
  font-weight: 400;
  color: #444;
  scroll-behavior: smooth;
}
@media screen and (min-width: 768px) {
  main .container {
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    padding-left: 3.125vw;
    padding-right: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main .container {
    width: 1280px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main .container {
    width: 767px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main .container {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main .container {
    padding-left: 23.96875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main .container {
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main .container {
    padding-right: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  main .container {
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  main #highlight {
    margin-top: 15.625vw;
    margin-bottom: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #highlight {
    margin-top: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #highlight {
    margin-top: 119.84375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #highlight {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #highlight {
    margin-bottom: 29.9609375px;
  }
}
@media screen and (max-width: 767px) {
  main #highlight {
    margin-top: 35.8974358974vw;
    margin-bottom: 12.8205128205vw;
  }
}
@media screen and (min-width: 768px) {
  main #highlight .container h1 {
    font-size: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #highlight .container h1 {
    font-size: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #highlight .container h1 {
    font-size: 28.7625px;
  }
}
@media screen and (max-width: 767px) {
  main #highlight .container h1 {
    font-size: 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  main #breadcrumbs {
    margin-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #breadcrumbs {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #breadcrumbs {
    margin-bottom: 59.921875px;
  }
}
@media screen and (max-width: 767px) {
  main #breadcrumbs {
    display: none;
  }
}
main #breadcrumbs .container ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  transition-delay: 1s;
  transition-timing-function: easeOutCubic;
}
main #breadcrumbs .container ul li {
  position: relative;
}
@media screen and (min-width: 768px) {
  main #breadcrumbs .container ul li {
    margin-right: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #breadcrumbs .container ul li {
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #breadcrumbs .container ul li {
    margin-right: 11.984375px;
  }
}
@media screen and (min-width: 768px) {
  main #breadcrumbs .container ul li:last-child {
    margin-right: 0;
  }
}
main #breadcrumbs .container ul li a {
  color: #008cd6;
}
@media screen and (min-width: 768px) {
  main #breadcrumbs .container ul li a {
    font-size: 1.09375vw;
    transition: opacity 0.3s ease-out;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #breadcrumbs .container ul li a {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #breadcrumbs .container ul li a {
    font-size: 8.3890625px;
  }
}
@media screen and (min-width: 768px) {
  main #breadcrumbs .container ul li a:hover {
    opacity: 0.7;
  }
}
main #breadcrumbs .container ul li a.disabled {
  pointer-events: none;
  color: #999;
}
@media screen and (min-width: 768px) {
  main #error404 {
    margin-top: 15.625vw;
    padding-left: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 {
    margin-top: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 {
    margin-top: 119.84375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 {
    padding-left: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  main #error404 {
    margin-top: 35.8974358974vw;
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  main #error404 h1 {
    font-size: 3.75vw;
    line-height: 1.2083333333;
    margin-bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 h1 {
    font-size: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 h1 {
    font-size: 28.7625px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 h1 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 h1 {
    margin-bottom: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  main #error404 h1 {
    font-size: 7.6923076923vw;
    line-height: 1.3333333333;
    margin-bottom: 10.2564102564vw;
  }
}
@media screen and (min-width: 768px) {
  main #error404 p {
    font-size: 1.40625vw;
    line-height: 2.2222222222;
    margin-bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 p {
    font-size: 10.7859375px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 p {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 p {
    margin-bottom: 23.96875px;
  }
}
@media screen and (max-width: 767px) {
  main #error404 p {
    font-size: 4.1025641026vw;
    line-height: 1.875;
    margin-bottom: 10.2564102564vw;
  }
}
main #error404 a {
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 600;
  color: #008cd6;
  background-color: #dfeefa;
}
@media screen and (min-width: 768px) {
  main #error404 a {
    width: 28.28125vw;
    height: 6.796875vw;
    border-radius: 0.78125vw;
    font-size: 1.25vw;
    padding-left: 2.34375vw;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 a {
    width: 362px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 a {
    width: 216.9171875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 a {
    height: 87px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 a {
    height: 52.13203125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 a {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 a {
    border-radius: 5.9921875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 a {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 a {
    font-size: 9.5875px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 a {
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 a {
    padding-left: 17.9765625px;
  }
}
@media screen and (max-width: 767px) {
  main #error404 a {
    height: 19.4871794872vw;
    border-radius: 2.5641025641vw;
    font-size: 4.1025641026vw;
    padding-left: 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  main #error404 a:hover {
    background-color: #008cd6;
    color: #fff;
  }
}
@media screen and (min-width: 768px) {
  main #error404 a:hover:before {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.3s ease-out 0.3s, transform 0.3s ease-out 0.3s, color 0.3s ease-out;
  }
}
@media screen and (min-width: 768px) {
  main #error404 a:hover:after {
    opacity: 0;
    transform: translateX(15px);
    border-color: transparent transparent transparent #fff;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out, color 0.3s ease-out;
  }
}
main #error404 a:before, main #error404 a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0px;
  height: 0px;
  border-right-width: 0;
  border-style: solid;
  border-color: transparent transparent transparent #008cd6;
}
@media screen and (min-width: 768px) {
  main #error404 a:before, main #error404 a:after {
    margin-right: 2.34375vw;
    margin-top: -0.46875vw;
    border-top-width: 0.46875vw;
    border-bottom-width: 0.46875vw;
    border-left-width: 0.625vw;
    transition: color 0.1s ease-out;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 a:before, main #error404 a:after {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 a:before, main #error404 a:after {
    margin-right: 17.9765625px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 a:before, main #error404 a:after {
    margin-top: -6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 a:before, main #error404 a:after {
    margin-top: -3.5953125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 a:before, main #error404 a:after {
    border-top-width: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 a:before, main #error404 a:after {
    border-top-width: 3.5953125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 a:before, main #error404 a:after {
    border-bottom-width: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 a:before, main #error404 a:after {
    border-bottom-width: 3.5953125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  main #error404 a:before, main #error404 a:after {
    border-left-width: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main #error404 a:before, main #error404 a:after {
    border-left-width: 4.79375px;
  }
}
@media screen and (max-width: 767px) {
  main #error404 a:before, main #error404 a:after {
    margin-right: 7.6923076923vw;
    margin-top: -1.5384615385vw;
    border-top-width: 1.5384615385vw;
    border-bottom-width: 1.5384615385vw;
    border-left-width: 2.0512820513vw;
  }
}
main #error404 a:before {
  opacity: 0;
  transform: translateX(-15px);
  border-color: transparent transparent transparent #fff;
}