*,
*::before,
*::after {
  box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
ul,
ol,
dl,
li,
dt,
dd,
form,
fieldset,
pre,
menu {
  margin: 0;
}
ul[role="list"],
ol[role="list"] {
  list-style: none;
  padding: 0;
}
html:focus-within {
  scroll-behavior: smooth;
}
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
img,
picture {
  max-width: 100%;
  display: block;
}
input,
button,
textarea,
select {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
fieldset,
legend,
menu {
  padding: 0;
}
fieldset {
  border: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  font-family: Lexus Rodin;
  font-size: 16px;
}
body img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .u-is-pc {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .u-is-sp {
    display: none !important;
  }
}
.u-img-wrap {
  font-size: 0;
  line-height: 0;
}
.contact {
  background-color: #f2f2f2;
}
@media screen and (min-width: 769px) {
  .contact {
    margin: 7.320644216691069vw 0;
    padding: 6.588579795021962vw 13.396778916544655vw 7.320644216691069vw;
  }
}
@media screen and (max-width: 768px) {
  .contact {
    margin: 11.162790697674419vw 0;
    padding: 9.30232558139535vw 4.651162790697675vw 13.953488372093023vw;
  }
}
.contact.is-active .contact__title {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.contact.is-active .contact__item {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0s forwards;
  transition: opacity 0s 0s ease-out;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.contact__title {
  font-weight: 600;
  text-decoration: underline;
  letter-spacing: 0;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .contact__title {
    font-size: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .contact__title {
    font-size: 4.186046511627907vw;
  }
}
.contact__item {
  display: block;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .contact__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.830161054172767vw 15.519765739385067vw 1.830161054172767vw 3.660322108345535vw;
    margin-top: 2.855051244509517vw;
  }
}
@media screen and (max-width: 768px) {
  .contact__item {
    text-align: center;
    padding: 6.976744186046512vw 1.86046511627907vw 7.209302325581396vw;
    margin-top: 6.511627906976744vw;
  }
}
@media (any-hover: hover) {
  .contact__item:hover {
    filter: invert();
  }
}
@media screen and (min-width: 769px) {
  .contact__item-image {
    width: 13.689604685212299vw;
  }
}
@media screen and (max-width: 768px) {
  .contact__item-image {
    width: 43.48837209302325vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .contact__item-text {
    margin-top: 7.209302325581396vw;
    padding-top: 3.255813953488372vw;
    border-top: 1px solid #ddd;
  }
}
.contact__item-text--jp {
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .contact__item-text--jp {
    font-size: 1.317715959004393vw;
  }
}
@media screen and (max-width: 768px) {
  .contact__item-text--jp {
    font-size: 4.186046511627907vw;
    line-height: 6.976744186046512vw;
  }
}
@media screen and (min-width: 769px) {
  .contact__item-text--jp span {
    font-size: 1.02489019033675vw;
  }
}
@media screen and (max-width: 768px) {
  .contact__item-text--jp span {
    font-size: 3.255813953488372vw;
  }
}
.contact__item-text--en {
  display: flex;
  font-family: Nobel;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .contact__item-text--en {
    font-size: 1.317715959004393vw;
    margin-top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .contact__item-text--en {
    justify-content: center;
    font-size: 4.186046511627907vw;
    margin-top: 3.255813953488372vw;
  }
}
.contact__item-text--en::before {
  content: '';
  display: block;
  background-image: url("/brand/newsmatsuyama/baycurrentclassic_cp/assets/images/contact/mail_icon.svg");
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .contact__item-text--en::before {
    margin: 0.292825768667643vw 0.366032210834553vw 0;
    width: 1.610541727672035vw;
    height: 1.02489019033675vw;
  }
}
@media screen and (max-width: 768px) {
  .contact__item-text--en::before {
    margin: 0.930232558139535vw 1.86046511627907vw 0 0;
    width: 5.116279069767442vw;
    height: 3.255813953488372vw;
  }
}
@media screen and (min-width: 769px) {
  .faq {
    margin: 7.320644216691069vw 13.396778916544655vw;
  }
}
@media screen and (max-width: 768px) {
  .faq {
    margin: 11.627906976744185vw 4.651162790697675vw;
  }
}
.faq__title {
  font-weight: 600;
  text-decoration: underline;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .faq__title {
    font-size: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .faq__title {
    font-size: 4.186046511627907vw;
  }
}
.faq__title.is-active {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.faq__list {
  padding-left: 0;
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 769px) {
  .faq__list {
    margin-top: 2.855051244509517vw;
    gap: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .faq__list {
    margin-top: 6.511627906976744vw;
    gap: 2.325581395348837vw;
  }
}
.faq__list-item {
  background-color: #f2f2f2;
  list-style: none;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .faq__list-item {
    padding: 1.830161054172767vw 3.294289897510981vw 0 3.294289897510981vw;
    font-size: 1.171303074670571vw;
    line-height: 1.903367496339678vw;
  }
}
@media screen and (max-width: 768px) {
  .faq__list-item {
    padding: 5.813953488372093vw 9.069767441860465vw 0 5.813953488372093vw;
    font-size: 3.720930232558139vw;
    line-height: 6.046511627906977vw;
  }
}
.faq__list-item.is-active {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0s forwards;
  transition: opacity 0s 0s ease-out;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.faq__list-item::before {
  content: '';
  position: absolute;
  background-color: #000;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 769px) {
  .faq__list-item::before {
    right: 1.464128843338214vw;
    width: 1.830161054172767vw;
    height: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .faq__list-item::before {
    right: 2.325581395348837vw;
    width: 5.813953488372093vw;
    height: 5.813953488372093vw;
  }
}
.faq__list-item::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 769px) {
  .faq__list-item::after {
    margin-top: -0.146412884333821vw;
    right: 2.049780380673499vw;
    width: 0.658857979502196vw;
    height: 0.658857979502196vw;
  }
}
@media screen and (max-width: 768px) {
  .faq__list-item::after {
    margin-top: -0.465116279069767vw;
    right: 4.186046511627907vw;
    width: 2.093023255813954vw;
    height: 2.093023255813954vw;
  }
}
@media screen and (min-width: 769px) {
  .faq__list-item-button {
    padding-bottom: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .faq__list-item-button {
    padding-bottom: 5.813953488372093vw;
  }
}
.faq__list-item-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.33s ease-out, margin-bottom 0.33s ease-out;
}
@media (any-hover: hover) {
  .faq__list-item:hover {
    background-color: #000;
    color: #fff;
  }
  .faq__list-item:hover::before {
    background-color: #fff;
  }
  .faq__list-item:hover::after {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
  }
}
.faq__list-item.is-show {
  background-color: #000;
  color: #fff;
}
.faq__list-item.is-show::before {
  background-color: #fff;
}
.faq__list-item.is-show::after {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  transform: translateY(-50%) rotate(-135deg);
}
@media screen and (min-width: 769px) {
  .faq__list-item.is-show::after {
    margin-top: 0.146412884333821vw;
  }
}
@media screen and (max-width: 768px) {
  .faq__list-item.is-show::after {
    margin-top: 0.465116279069767vw;
  }
}
@media screen and (min-width: 769px) {
  .faq__list-item.is-show .faq__list-item-content {
    margin-bottom: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .faq__list-item.is-show .faq__list-item-content {
    margin-bottom: 5.813953488372093vw;
  }
}
.kv {
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-align: center;
  position: relative;
  overflow: hidden !important;
}
@media screen and (min-width: 769px) {
  .kv {
    background-image: url("/brand/newsmatsuyama/baycurrentclassic_cp/assets/images/kv/bg_pc.png");
    padding: 5.197657393850659vw 0 24.597364568081993vw;
    margin-bottom: -13.323572474377746vw;
  }
}
@media screen and (max-width: 768px) {
  .kv {
    background-image: url("/brand/newsmatsuyama/baycurrentclassic_cp/assets/images/kv/bg_sp.png");
    padding: 6.511627906976744vw 0 0;
  }
}
.kv.is-active .kv-inner {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.kv.is-active .kv__matsuyama-image.is-yellow {
  opacity: 1;
  visibility: visible;
  animation: fade 0.66s 0.33s forwards;
  transition: opacity 0s 0.33s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.kv.is-active .kv__matsuyama-image.is-blue {
  opacity: 1;
  visibility: visible;
  animation: fade 0.66s 0.66s forwards;
  transition: opacity 0s 0.66s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.kv.is-active .kv__matsuyama-image.is-red {
  opacity: 1;
  visibility: visible;
  animation: fade 0.66s 0.99s forwards;
  transition: opacity 0s 0.99s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.kv-inner {
  position: relative;
  z-index: 1;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .kv-inner {
    margin-right: 33.74816983894583vw;
  }
}
.kv__logo {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .kv__logo {
    width: 12.664714494875549vw;
  }
}
@media screen and (max-width: 768px) {
  .kv__logo {
    width: 35.81395348837209vw;
  }
}
@media screen and (min-width: 769px) {
  .kv__text {
    margin-top: 3.22108345534407vw;
  }
}
@media screen and (max-width: 768px) {
  .kv__text {
    text-align: center;
    background-color: #fff;
    margin-top: 89.53488372093024vw;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .kv__text:before {
    position: absolute;
    bottom: 100%;
    left: 0;
    content: '';
    display: block;
    background: linear-gradient(to bottom, transparent 0%, #fff 100%);
    height: 23.25581395348837vw;
    width: 100%;
  }
}
.kv__text-title {
  font-weight: 700;
  letter-spacing: 0.014em;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .kv__text-title {
    font-size: 5.34407027818448vw;
  }
}
@media screen and (max-width: 768px) {
  .kv__text-title {
    font-size: 16.74418604651163vw;
    line-height: 16.74418604651163vw;
  }
}
@media screen and (min-width: 769px) {
  .kv__text-title span {
    font-size: 3.440702781844803vw;
  }
}
@media screen and (max-width: 768px) {
  .kv__text-title span {
    font-size: 10.69767441860465vw;
  }
}
@media screen and (min-width: 769px) {
  .kv__text-title span.is-original {
    font-size: 5.34407027818448vw;
    letter-spacing: -0.286em;
  }
}
@media screen and (max-width: 768px) {
  .kv__text-title span.is-original {
    font-size: 16.74418604651163vw;
    letter-spacing: -0.286em;
  }
}
.kv__text-glod {
  color: #27396c;
}
@media screen and (min-width: 769px) {
  .kv__text-glod {
    margin-top: 1.610541727672035vw;
  }
}
@media screen and (max-width: 768px) {
  .kv__text-glod {
    margin-top: 1.86046511627907vw;
  }
}
.kv__text-glod .kv__text-glod--en {
  font-family: Nobel;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .kv__text-glod .kv__text-glod--en {
    font-size: 1.756954612005857vw;
  }
}
@media screen and (max-width: 768px) {
  .kv__text-glod .kv__text-glod--en {
    font-size: 5.348837209302325vw;
  }
}
.kv__text-glod .kv__text-glod--jp {
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .kv__text-glod .kv__text-glod--jp {
    font-size: 2.342606149341142vw;
    margin-top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .kv__text-glod .kv__text-glod--jp {
    font-size: 6.511627906976744vw;
    margin-top: 2.325581395348837vw;
  }
}
.kv__text-normal {
  font-weight: 600;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .kv__text-normal {
    font-size: 1.464128843338214vw;
    line-height: 2.342606149341142vw;
    margin-top: 1.903367496339678vw;
  }
}
@media screen and (max-width: 768px) {
  .kv__text-normal {
    font-size: 4.186046511627907vw;
    line-height: 6.744186046511628vw;
    margin-top: 6.046511627906977vw;
  }
}
.kv__matsuyama-image {
  position: absolute;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .kv__matsuyama-image.is-yellow {
    width: 21.156661786237187vw;
    top: 24.011713030746705vw;
    right: 28.257686676427525vw;
  }
}
@media screen and (max-width: 768px) {
  .kv__matsuyama-image.is-yellow {
    width: 47.20930232558139vw;
    top: 76.74418604651163vw;
    left: 2.790697674418605vw;
  }
}
@media screen and (min-width: 769px) {
  .kv__matsuyama-image.is-blue {
    width: 19.54612005856515vw;
    top: 10.175695461200586vw;
    right: 9.004392386530014vw;
  }
}
@media screen and (max-width: 768px) {
  .kv__matsuyama-image.is-blue {
    width: 43.72093023255814vw;
    top: 45.11627906976744vw;
    right: 7.209302325581396vw;
  }
}
@media screen and (min-width: 769px) {
  .kv__matsuyama-image.is-red {
    width: 38.872620790629576vw;
    top: -1.610541727672035vw;
    right: 7.027818448023426vw;
  }
}
@media screen and (max-width: 768px) {
  .kv__matsuyama-image.is-red {
    width: 86.51162790697674vw;
    top: 18.83720930232558vw;
    right: 2.790697674418605vw;
  }
}
.letter {
  z-index: 1;
  position: relative;
  background-color: #fdfcf7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 99%;
  border: 1px solid #b59a1c;
  text-align: center;
  box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
}
@media screen and (min-width: 769px) {
  .letter {
    background-image: url("/brand/newsmatsuyama/baycurrentclassic_cp/assets/images/letter/decoration_pc.svg");
    margin: 0 13.396778916544655vw;
    padding: 5.34407027818448vw 6.515373352855051vw 4.465592972181552vw;
  }
}
@media screen and (max-width: 768px) {
  .letter {
    background-image: url("/brand/newsmatsuyama/baycurrentclassic_cp/assets/images/letter/decoration_sp.svg");
    margin: 7.441860465116279vw 2.325581395348837vw;
    padding: 7.209302325581396vw 5.348837209302325vw 8.372093023255815vw;
  }
}
.letter__logo {
  margin: 0 auto;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .letter__logo {
    width: 13.396778916544655vw;
  }
}
@media screen and (max-width: 768px) {
  .letter__logo {
    width: 27.674418604651162vw;
  }
}
.letter__logo.is-active {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.letter__content-wrap {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 769px) {
  .letter__content-wrap {
    gap: 3.074670571010249vw;
    margin-top: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .letter__content-wrap {
    gap: 8.13953488372093vw;
    margin-top: 9.30232558139535vw;
  }
}
.letter__content {
  opacity: 0;
}
.letter__content.is-active {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.letter__content-title {
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .letter__content-title {
    font-size: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .letter__content-title {
    font-size: 4.186046511627907vw;
  }
}
.letter__content-text {
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  .letter__content-text {
    font-size: 1.171303074670571vw;
    line-height: 2.342606149341142vw;
    margin-top: 1.317715959004393vw;
  }
}
@media screen and (max-width: 768px) {
  .letter__content-text {
    font-size: 3.720930232558139vw;
    line-height: 6.046511627906977vw;
    margin-top: 3.023255813953488vw;
  }
}
@media screen and (min-width: 769px) {
  .letter__content-text.is-wide {
    line-height: 2.562225475841874vw;
    margin-top: 1.171303074670571vw;
  }
}
.letter__content-box {
  border: 1px solid #d8d8d8;
  font-weight: 400;
  overflow-y: scroll;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .letter__content-box {
    height: 24.15812591508053vw;
    padding: 0.878477306002928vw 1.610541727672035vw;
    margin-top: 1.756954612005857vw;
    font-size: 1.171303074670571vw;
    line-height: 2.12298682284041vw;
  }
}
@media screen and (max-width: 768px) {
  .letter__content-box {
    height: 46.27906976744186vw;
    padding: 4.651162790697675vw 2.790697674418605vw;
    margin-top: 3.023255813953488vw;
    font-size: 3.720930232558139vw;
    line-height: 5.116279069767442vw;
  }
}
.letter__button {
  background-color: #000;
  color: #fff;
  display: inline-block;
  position: relative;
  border: 1px solid #fff;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .letter__button {
    font-size: 1.317715959004393vw;
    padding: 1.390922401171303vw 4.685212298682284vw;
    margin-top: 2.928257686676428vw;
  }
}
@media screen and (max-width: 768px) {
  .letter__button {
    font-size: 4.186046511627907vw;
    padding: 4.418604651162791vw 14.883720930232558vw;
    margin-top: 3.720930232558139vw;
  }
}
.letter__button.is-active {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0s forwards;
  transition: opacity 0s 0s ease-out;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.letter__button::after {
  content: '';
  position: absolute;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 769px) {
  .letter__button::after {
    width: 0.878477306002928vw;
    height: 0.878477306002928vw;
    top: 1.610541727672035vw;
    right: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .letter__button::after {
    width: 2.790697674418605vw;
    height: 2.790697674418605vw;
    top: 5.116279069767442vw;
    right: 6.976744186046512vw;
  }
}
@media (any-hover: hover) {
  .letter__button:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
  }
  .letter__button:hover::after {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
  }
}
@media screen and (min-width: 769px) {
  .message {
    display: flex;
    margin: 8.345534407027818vw 13.396778916544655vw 0;
  }
}
@media screen and (max-width: 768px) {
  .message {
    margin: 15.58139534883721vw 4.651162790697675vw 6.976744186046512vw;
  }
}
.message.is-active .message__image {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.message.is-active .message__text-title {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0.33s forwards;
  transition: opacity 0s 0.33s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.message.is-active .message__text-comment {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0.33s forwards;
  transition: opacity 0s 0.33s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.message.is-active .message__text-sign {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0.66s forwards;
  transition: opacity 0s 0.66s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.message__image {
  flex-shrink: 0;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .message__image {
    width: 14.787701317715959vw;
  }
}
@media screen and (max-width: 768px) {
  .message__image {
    float: left;
    width: 29.069767441860467vw;
    margin: -6.976744186046512vw 3.255813953488372vw -1.86046511627907vw 0vw;
  }
}
@media screen and (min-width: 769px) {
  .message__text {
    margin: 1.464128843338214vw 0 0 2.781844802342606vw;
  }
}
.message__text-title {
  text-decoration: underline;
  font-weight: 600;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .message__text-title {
    font-size: 1.537335285505125vw;
  }
}
@media screen and (max-width: 768px) {
  .message__text-title {
    font-size: 4.186046511627907vw;
  }
}
.message__text-comment {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .message__text-comment {
    margin-top: 2.635431918008785vw;
    font-size: 1.171303074670571vw;
    line-height: 2.12298682284041vw;
  }
}
@media screen and (max-width: 768px) {
  .message__text-comment {
    margin-top: 4.186046511627907vw;
    font-size: 3.720930232558139vw;
    line-height: 6.744186046511628vw;
  }
}
.message__text-sign {
  margin-left: auto;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .message__text-sign {
    margin-top: 3.660322108345535vw;
    width: 10.322108345534406vw;
  }
}
@media screen and (max-width: 768px) {
  .message__text-sign {
    margin-top: 4.883720930232558vw;
    width: 21.3953488372093vw;
  }
}
.overview {
  background-color: #f2f2f2;
}
@media screen and (min-width: 769px) {
  .overview {
    padding: 6.954612005856515vw 4.685212298682284vw 6.954612005856515vw 13.396778916544655vw;
    margin-top: 8.125915080527086vw;
  }
}
@media screen and (max-width: 768px) {
  .overview {
    padding: 11.627906976744185vw 4.651162790697675vw;
  }
}
.overview.is-active .overview__title {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.overview.is-active .overview__content-item.is-01 {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.66s 0.33s forwards;
  transition: opacity 0s 0.33s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 769px) {
  .overview.is-active .overview__content-item.is-02 {
    opacity: 1;
    visibility: visible;
    animation: fadeIn 0.66s 0.66s forwards;
    transition: opacity 0s 0.66s ease-out;
  }
@-moz-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-o-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-o-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
}
@media screen and (max-width: 768px) {
  .overview.is-active .overview__content-item.is-02 {
    opacity: 1;
    visibility: visible;
    animation: fadeIn 0.66s 0.33s forwards;
    transition: opacity 0s 0.33s ease-out;
  }
@-moz-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-o-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-o-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
}
.overview__title {
  font-weight: 600;
  text-decoration: underline;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .overview__title {
    font-size: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .overview__title {
    font-size: 4.186046511627907vw;
  }
}
@media screen and (min-width: 769px) {
  .overview__content {
    display: flex;
    justify-content: space-between;
    margin-top: 2.049780380673499vw;
  }
}
@media screen and (max-width: 768px) {
  .overview__content {
    margin-top: 3.720930232558139vw;
  }
}
.overview__content-item {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .overview__content-item {
    font-size: 1.171303074670571vw;
    line-height: 2.855051244509517vw;
  }
}
@media screen and (max-width: 768px) {
  .overview__content-item {
    font-size: 3.720930232558139vw;
    line-height: 8.837209302325581vw;
  }
}
@media screen and (max-width: 768px) {
  .overview__content-item span {
    line-height: 8.837209302325581vw;
  }
}
.overview__content-item .is-bold {
  font-weight: 600;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .overview__content-item .is-bold {
    margin-right: 1em;
    margin-left: 1em;
  }
}
@media screen and (min-width: 769px) {
  .overview__content-item .is-right {
    margin-left: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .overview__content-item .is-right.is-sp-original {
    padding-left: 9.5em;
    text-indent: -8.5em;
    display: block;
  }
}
.overview__content-item .is-right2 {
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .overview__content-item .is-min-height {
    line-height: 6.046511627906977vw;
    margin-top: 1.395348837209302vw;
  }
}
@media screen and (min-width: 769px) {
  .overview__content-item small {
    font-size: 1.02489019033675vw;
  }
}
@media screen and (max-width: 768px) {
  .overview__content-item small {
    font-size: 3.255813953488372vw;
    line-height: 3.255813953488372vw;
    display: block;
    margin-top: -4.651162790697675vw;
  }
}
@media screen and (max-width: 768px) {
  .overview__content-item-text {
    display: flex;
    text-indent: -1em;
  }
}
@media screen and (max-width: 768px) {
  .overview__content-item-text a {
    margin-left: 1em;
  }
}