@charset "UTF-8";
/* location.scss • v0.0.1 */
/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/*==========================================================================

   mixin

===========================================================================*/
/*==========================================================================

   keyframes

===========================================================================*/
/* section
-----------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.mt1 {
  margin-top: 1em;
}

.mt3-pc {
  margin-top: 3em;
}
@media screen and (max-width: 1200px) {
  .mt3-pc {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .mt3-pc {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .l-wrap {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .l-wrap {
    padding: 0 40px;
  }
}
@media screen and (max-width: 430px) {
  .l-wrap {
    padding: 0 20px;
  }
}

.page-special .l-page__main img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .page-special .l-page__main .m-page-mv__copy-txt.special-txt {
    font-size: 1.8rem;
  }
}
.page-special .l-page__main .m-page-mv__copy-txt.special-txt02 {
  font-size: 6rem;
}
@media only screen and (max-width: 767px) {
  .page-special .l-page__main .m-page-mv__copy-txt.special-txt02 {
    font-size: 3rem;
  }
}

figure figcaption {
  font-size: 1.2rem;
  text-align: right;
}
figure figcaption.left {
  font-size: 1.2rem;
  text-align: left;
}

.readText {
  font-size: clamp(1.4rem, 1.196rem + 0.837vw, 2.2rem);
}
.readText + .readText {
  margin-top: 2em;
}
@media screen and (max-width: 1200px) {
  .readText + .readText {
    margin-top: 1em;
  }
}

.readText_small {
  font-size: clamp(16px, 14.98px + 0.261vw, 20px);
}
.readText_small + .readText {
  margin-top: 2em;
}
@media screen and (max-width: 1200px) {
  .readText_small + .readText {
    margin-top: 1em;
  }
}

.marker {
  padding-left: 0.3em;
  padding-right: 0.3em;
  font-size: 120%;
  color: #89114c;
}

.blockGreen {
  background: #cfe5e5;
  padding: 1em;
}
.blockGreen .blockGreen__inner {
  padding: 2em 3em;
  border: 1px solid rgba(50, 104, 104, 0.5);
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .blockGreen .blockGreen__inner {
    padding: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .blockGreen .blockGreen__inner {
    padding: 1em;
  }
}

/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.sec-intro {
  margin-top: 8em;
}
@media only screen and (max-width: 767px) {
  .sec-intro {
    margin-top: 4em;
  }
}
.sec-intro .sec-intro__text {
  text-align: center;
  color: #a89132;
  font-size: clamp(22px, 13.588px + 2.157vw, 55px);
}
.sec-intro .sec-intro__list {
  margin: auto;
  margin-top: 2em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4em;
  max-width: 1300px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .sec-intro .sec-intro__list {
    gap: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .sec-intro .sec-intro__list {
    gap: 2em;
  }
}
@media screen and (max-width: 430px) {
  .sec-intro .sec-intro__list {
    grid-template-columns: 1fr;
  }
}
.sec-intro .sec-intro__list a img {
  filter: brightness(1);
  transition: 0.3s;
}
.sec-intro .sec-intro__list a:hover img {
  filter: brightness(1.3);
  transition: 0.5s;
}

/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.sec-contents {
  margin-top: 8em;
}
@media only screen and (max-width: 767px) {
  .sec-contents {
    margin-top: 4em;
  }
}

.sec-contents .sec-contents__ttlBlock {
  display: grid;
  grid-template-columns: 1fr 520px 1fr;
  gap: 0em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .sec-contents .sec-contents__ttlBlock {
    grid-template-columns: 1fr 400px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .sec-contents .sec-contents__ttlBlock {
    grid-template-columns: 1fr;
    max-height: 100%;
  }
}
.sec-contents .sec-contents__ttlBlock .sec-contents__ttlBlock__photo figure {
  position: relative;
}
.sec-contents .sec-contents__ttlBlock .sec-contents__ttlBlock__photo figure figcaption {
  position: absolute;
  bottom: 0;
  right: 1em;
  z-index: 1;
  color: #fff;
  font-size: 1.2rem;
  text-shadow: 1px 1px 4px #000, -1px 1px 4px #000, 1px -1px 4px #000, -1px -1px 4px #000;
}
.sec-contents .sec-contents__ttlBlock .sec-contents__ttlBlock__photo img {
  height: 678px;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .sec-contents .sec-contents__ttlBlock .sec-contents__ttlBlock__photo img {
    height: 478px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-contents .sec-contents__ttlBlock .sec-contents__ttlBlock__photo img {
    height: 300px;
  }
}
.sec-contents .sec-contents__ttlBlock .sec-contents__ttlBlock__textWrap {
  display: grid;
  place-items: center;
  background: #00267F;
}
.sec-contents .sec-contents__ttlBlock .sec-contents__ttlBlock__text {
  text-align: center;
  color: #fff;
}
.sec-contents .sec-contents__ttlBlock .sec-contents__ttlBlock__text .sec-contents__ttlBlock__text__head {
  font-family: "Gilda Display", serif;
  font-size: clamp(19px, 16.196px + 0.719vw, 30px);
}
@media only screen and (max-width: 767px) {
  .sec-contents .sec-contents__ttlBlock .sec-contents__ttlBlock__text .sec-contents__ttlBlock__text__head {
    margin-top: 1em;
  }
}
.sec-contents .sec-contents__ttlBlock .sec-contents__ttlBlock__text .sec-contents__ttlBlock__text__num {
  font-family: "Gilda Display", serif;
  font-size: clamp(54px, 40.49px + 3.464vw, 107px);
  line-height: 1;
}
.sec-contents .sec-contents__ttlBlock .sec-contents__ttlBlock__text .sec-contents__ttlBlock__text__text {
  margin-top: 2em;
  font-size: clamp(27px, 22.412px + 1.176vw, 45px);
}
@media only screen and (max-width: 767px) {
  .sec-contents .sec-contents__ttlBlock .sec-contents__ttlBlock__text .sec-contents__ttlBlock__text__text {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}

.sec-contents .sec-contents__intro {
  padding-top: 8em;
  padding-bottom: 16em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .sec-contents .sec-contents__intro {
    padding-top: 4em;
    padding-bottom: 8em;
  }
}
@media only screen and (max-width: 767px) {
  .sec-contents .sec-contents__intro {
    padding-top: 3em;
    padding-bottom: 6em;
  }
}
.sec-contents .sec-contents__intro .sec-contents__intro__title {
  text-align: center;
  font-size: clamp(26px, 21.157px + 1.242vw, 45px);
  color: #00267F;
  line-height: 1.6;
}
.sec-contents .sec-contents__intro .sec-contents__intro__read {
  margin: auto;
  margin-top: 3em;
  max-width: 960px;
  text-align: center;
  text-shadow: 1px 1px 4px #fff, -1px 1px 4px #fff, 1px -1px 4px #fff, -1px -1px 4px #fff;
}
@media only screen and (max-width: 767px) {
  .sec-contents .sec-contents__intro .sec-contents__intro__read {
    width: 80%;
    text-align: left;
  }
}
@media screen and (max-width: 430px) {
  .sec-contents .sec-contents__intro .sec-contents__intro__read {
    width: 100%;
    margin-top: 2em;
  }
}
.sec-contents .sec-contents__intro .sec-contents__intro__btnBlock {
  margin: auto;
  margin-top: 10em;
  width: 90%;
  max-width: 1464px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .sec-contents .sec-contents__intro .sec-contents__intro__btnBlock {
    margin-top: 2em;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .sec-contents .sec-contents__intro .sec-contents__intro__btnBlock {
    margin-top: 2em;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 430px) {
  .sec-contents .sec-contents__intro .sec-contents__intro__btnBlock {
    grid-template-columns: 1fr;
  }
}
.sec-contents .sec-contents__intro .sec-contents__intro__btnBlock li a {
  position: relative;
  padding: 1em;
  display: block;
  text-shadow: none;
  font-size: clamp(14px, 11.961px + 0.523vw, 22px);
  color: #fff;
  background-color: #00267F;
  text-align: left;
  border: 1px solid #00267F;
}
.sec-contents .sec-contents__intro .sec-contents__intro__btnBlock li a::after {
  position: absolute;
  bottom: 11px;
  right: 11px;
  content: "";
  background-image: url(../img/special/column01/icon_arrow.svg);
  background-repeat: no-repeat;
  width: 62px;
  height: 14px;
  filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(282%) hue-rotate(216deg) brightness(116%) contrast(100%);
}
.sec-contents .sec-contents__intro .sec-contents__intro__btnBlock li a:hover {
  color: #00267F;
  background-color: #fff;
  transition: 0.5s;
}
.sec-contents .sec-contents__intro .sec-contents__intro__btnBlock li a:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(33%) saturate(3956%) hue-rotate(219deg) brightness(94%) contrast(99%);
  transition: 0.5s;
}

.sec-contents .sec-contents__topic {
  margin-top: 8em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .sec-contents .sec-contents__topic {
    margin-top: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .sec-contents .sec-contents__topic {
    margin-top: 3em;
  }
}

.sec-contents__topic .sec-contents__topic__title {
  text-align: center;
}
.sec-contents__topic .sec-contents__topic__title .sec-contents__topic__title__en {
  color: #00267F;
  font-size: clamp(25px, 19.137px + 1.503vw, 48px);
  font-family: "Gilda Display", serif;
  line-height: 1;
}
.sec-contents__topic .sec-contents__topic__title .sec-contents__topic__title__en span {
  padding-left: 0.2em;
  font-size: clamp(50px, 40.314px + 2.484vw, 88px);
}
.sec-contents__topic .sec-contents__topic__title .sec-contents__topic__title__jp {
  font-size: clamp(23px, 19.176px + 0.98vw, 38px);
}
.sec-contents__topic .sec-contents__topic__title .sec-contents__topic__title__jp .sec-contents__topic__title__jpsmall {
  font-size: 80%;
}

.sec-contents__topic .sec-contents__topic__subtitle {
  font-size: clamp(20px, 16.941px + 0.784vw, 32px);
  color: #00267F;
}

.sec-contents__topic__subtitle + .readText {
  margin-top: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .sec-contents__topic__subtitle + .readText {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .sec-contents__topic__subtitle + .readText {
    margin-top: 1em;
  }
}

/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.contents01 .sec-contents__intro {
  background-image: url(../img/special/column01/intro_bg01.webp);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.contents01 .topic01 .topic01__block01 {
  margin-top: 6em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents01 .topic01 .topic01__block01 {
    margin-top: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .contents01 .topic01 .topic01__block01 {
    margin-top: 4em;
  }
}
@media screen and (max-width: 430px) {
  .contents01 .topic01 .topic01__block01 {
    margin-top: 2em;
  }
}
.contents01 .topic01 .topic01__block01 .topic01__block01__photo {
  margin: auto;
  margin-top: 4em;
  max-width: 1060px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents01 .topic01 .topic01__block01 .topic01__block01__photo {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contents01 .topic01 .topic01__block01 .topic01__block01__photo {
    margin-top: 2em;
  }
}

.contents01 .topic01 .topic01__block02 {
  margin-top: 6em;
  padding-top: 4em;
  padding-bottom: 8em;
  background: #f4f4f2;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents01 .topic01 .topic01__block02 {
    margin-top: 4em;
    padding-top: 4em;
    padding-bottom: 0em;
  }
}
@media only screen and (max-width: 767px) {
  .contents01 .topic01 .topic01__block02 {
    margin-top: 4em;
    padding-top: 4em;
    padding-bottom: 0em;
  }
}
@media screen and (max-width: 430px) {
  .contents01 .topic01 .topic01__block02 {
    margin-top: 3em;
    padding-top: 2em;
  }
}
.contents01 .topic01 .topic01__block02 .l-wrap {
  max-width: 1238px;
}
.contents01 .topic01 .topic01__block02 .topic01__block02__photoList {
  margin-top: 3em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
.contents01 .topic01 .topic01__block02 .topic01__block02__illustBlock {
  margin: auto;
  margin-top: 4em;
  max-width: 1460px;
  padding-top: 4em;
  padding-bottom: 6em;
  background-image: url(../img/special/column01/contents01_topic01_img05.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents01 .topic01 .topic01__block02 .topic01__block02__illustBlock {
    margin-top: 4em;
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contents01 .topic01 .topic01__block02 .topic01__block02__illustBlock {
    margin-top: 4em;
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
@media screen and (max-width: 430px) {
  .contents01 .topic01 .topic01__block02 .topic01__block02__illustBlock {
    margin-top: 2em;
  }
}
.contents01 .topic01 .topic01__block02 .topic01__block02__illustBlock .topic01__block02__illustBlock__inner {
  margin: auto;
  padding: 1em 4em;
  width: 90%;
  max-width: 980px;
  background: #fff;
}

.contents01 .topic01 .topic01__block03 {
  margin-top: 4em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents01 .topic01 .topic01__block03 {
    margin-top: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .contents01 .topic01 .topic01__block03 {
    margin-top: 4em;
  }
}
@media screen and (max-width: 430px) {
  .contents01 .topic01 .topic01__block03 {
    margin-top: 3em;
  }
}
.contents01 .topic01 .topic01__block03 .l-wrap {
  max-width: 1300px;
}
.contents01 .topic01 .topic01__block03 .topic01__block03__infoblock {
  margin-top: 3em;
}
.contents01 .topic01 .topic01__block03 .topic01__block03__infoblock .topic01__block03__infoblock__title {
  text-align: center;
  color: #326868;
  font-size: clamp(19px, 17.216px + 0.458vw, 26px);
}
@media only screen and (max-width: 767px) {
  .contents01 .topic01 .topic01__block03 .topic01__block03__infoblock .topic01__block03__infoblock__title {
    text-align: left;
  }
}
.contents01 .topic01 .topic01__block03 .topic01__block03__infoblock .topic01__block03__infoblock__inner {
  margin-top: 3em;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 3em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents01 .topic01 .topic01__block03 .topic01__block03__infoblock .topic01__block03__infoblock__inner {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .contents01 .topic01 .topic01__block03 .topic01__block03__infoblock .topic01__block03__infoblock__inner {
    margin-top: 1em;
    grid-template-columns: 1fr;
    gap: 1em;
  }
}
.contents01 .topic01 .topic01__block03 .topic01__block03__infoblock .topic01__block03__infoblock__inner .topic01__block03__infoblock__textListTitle {
  padding: 0.1em 0.5em;
  background: #326868;
  color: #fff;
  font-size: clamp(20px, 18.98px + 0.261vw, 24px);
}
.contents01 .topic01 .topic01__block03 .topic01__block03__infoblock .topic01__block03__infoblock__inner .topic01__block03__infoblock__textList {
  margin-top: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents01 .topic01 .topic01__block03 .topic01__block03__infoblock .topic01__block03__infoblock__inner .topic01__block03__infoblock__textList {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .contents01 .topic01 .topic01__block03 .topic01__block03__infoblock .topic01__block03__infoblock__inner .topic01__block03__infoblock__textList {
    margin-top: 1em;
  }
}
.contents01 .topic01 .topic01__block03 .topic01__block03__infoblock .topic01__block03__infoblock__inner .topic01__block03__infoblock__textList span.green {
  color: #326868;
}

/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.contents02 .sec-contents__intro {
  padding-bottom: 10em;
  background-image: url(../img/special/column01/intro_bg02.webp);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .sec-contents__intro {
    padding-bottom: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .sec-contents__intro {
    padding-bottom: 4em;
  }
}

.contents02 .topic01__block01 {
  margin-top: 6em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic01__block01 {
    margin-top: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic01__block01 {
    margin-top: 4em;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic01__block01 {
    margin-top: 2em;
  }
}
.contents02 .topic01__block01 .l-wrap {
  max-width: 1384px;
}
.contents02 .topic01__block01 .topic01__block01__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic01__block01 .topic01__block01__inner {
    gap: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic01__block01 .topic01__block01__inner {
    gap: 1em;
    grid-template-columns: 1fr;
  }
}
.contents02 .topic01__block02 {
  margin-top: 6em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic01__block02 {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic01__block02 {
    margin-top: 2em;
  }
}
.contents02 .topic01__block02 .l-wrap {
  max-width: 1384px;
}
.contents02 .topic01__block02 .topic01__block02__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic01__block02 .topic01__block02__inner {
    gap: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic01__block02 .topic01__block02__inner {
    gap: 1em;
    grid-template-columns: 1fr;
  }
}
.contents02 .topic01__block03 {
  margin-top: 6em;
  padding-bottom: 446px;
  background-image: url(../img/special/column01/contents02_img04.webp);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic01__block03 {
    padding-bottom: 200px;
    margin-top: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic01__block03 {
    padding-bottom: 150px;
    margin-top: 6em;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic01__block03 {
    padding-bottom: 100px;
  }
}
.contents02 .topic01__block03 .l-wrap {
  max-width: 1384px;
}
.contents02 .topic01__block03 .topic01__block03inner {
  position: relative;
}
.contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__title {
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__title {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__title {
    margin-top: 1em;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__title {
    text-align: right;
  }
}
.contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__title .topic01__block03inner__title__en {
  font-size: clamp(36px, 27.843px + 2.092vw, 68px);
  font-family: "Gilda Display", serif;
  color: rgba(50, 104, 104, 0.5);
  line-height: 1;
}
@media screen and (max-width: 430px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__title .topic01__block03inner__title__en {
    font-size: 3rem;
  }
}
.contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner {
  margin-top: 2em;
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  gap: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner {
    grid-template-columns: 1fr;
    gap: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner {
    margin-top: 1em;
    grid-template-columns: 1fr;
    gap: 1.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner figure img {
    object-fit: cover;
    width: 100%;
    height: 300px;
    object-position: center top;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner figure img {
    object-fit: cover;
    width: 100%;
    height: 300px;
    object-position: center top;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner figure img {
    object-fit: cover;
    width: 100%;
    height: 150px;
    object-position: center top;
  }
}
.contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner .topic01__block03inner__inner__list {
  font-size: clamp(16px, 14.98px + 0.261vw, 20px);
}
.contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner .topic01__block03inner__inner__list + .readText {
  margin-top: 2em;
}
@media screen and (max-width: 1200px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner .topic01__block03inner__inner__list + .readText {
    margin-top: 1em;
  }
}
.contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner .topic01__block03inner__inner__list li {
  margin-top: 1em;
  margin-left: 23px;
  text-indent: -23px;
  line-height: 1.5;
}
.contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner .topic01__block03inner__inner__list li::before {
  content: "";
  width: 23px;
  height: 18px;
  display: inline-block;
  background-image: url(../img/special/column01/icon_check.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1px;
}
.contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner02 {
  position: absolute;
  top: -80px;
  left: 80px;
  width: 30%;
  max-width: 196px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner02 {
    max-width: 150px;
    top: -40px;
    left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner02 {
    max-width: 150px;
    top: -40px;
    left: 30px;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic01__block03 .topic01__block03inner .topic01__block03inner__inner02 {
    top: -10px;
    left: 0px;
  }
}

.contents02 .topic02__block01 {
  margin-top: 6em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic02__block01 {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic02__block01 {
    margin-top: 2em;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic02__block01 {
    margin-top: 1em;
  }
}
.contents02 .topic02__block01 .l-wrap {
  max-width: 1036px;
}
.contents02 .topic02__block01 .topic02__block01__inner {
  margin-top: 4em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic02__block01 .topic02__block01__inner {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic02__block01 .topic02__block01__inner {
    margin-top: 2em;
  }
}
.contents02 .topic02__block02 {
  margin-top: 6em;
  padding-top: 6em;
  padding-bottom: 6em;
  background: #f4f4f2;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic02__block02 {
    margin-top: 4em;
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic02__block02 {
    margin-top: 4em;
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic02__block02 {
    margin-top: 2em;
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
.contents02 .topic02__block02 .l-wrap {
  max-width: 1300px;
}
.contents02 .topic02__block02 .topic02__block02__wellcomeBlock {
  margin-top: 3em;
}
.contents02 .topic02__block02 .topic02__block02__wellcomeBlock .topic02__block02__wellcomeBlock__title {
  background: #326868;
  color: #fff;
  text-align: center;
  font-size: clamp(20px, 18.98px + 0.261vw, 24px);
}
.contents02 .topic02__block02 .topic02__block02__wellcomeBlock .topic02__block02__wellcomeBlock__inner {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 3em;
  margin-top: 3em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic02__block02 .topic02__block02__wellcomeBlock .topic02__block02__wellcomeBlock__inner {
    margin-top: 1em;
    gap: 1em;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic02__block02 .topic02__block02__wellcomeBlock .topic02__block02__wellcomeBlock__inner {
    margin-top: 1em;
    gap: 1em;
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic02__block02 .topic02__block02__wellcomeBlock .topic02__block02__wellcomeBlock__inner .topic02__block02__wellcomeBlock__inner__photoBlock img {
    object-fit: cover;
    width: 100%;
    height: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic02__block02 .topic02__block02__wellcomeBlock .topic02__block02__wellcomeBlock__inner .topic02__block02__wellcomeBlock__inner__photoBlock img {
    object-fit: cover;
    width: 100%;
    height: 250px;
  }
}
.contents02 .topic02__block02 .topic02__block02__wellcomeBlock .topic02__block02__wellcomeBlock__inner .topic02__block02__wellcomeBlock__inner__readBlock .topic02__block02__wellcomeBlock__inner__readBlock__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  margin-top: 3em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic02__block02 .topic02__block02__wellcomeBlock .topic02__block02__wellcomeBlock__inner .topic02__block02__wellcomeBlock__inner__readBlock .topic02__block02__wellcomeBlock__inner__readBlock__list {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic02__block02 .topic02__block02__wellcomeBlock .topic02__block02__wellcomeBlock__inner .topic02__block02__wellcomeBlock__inner__readBlock .topic02__block02__wellcomeBlock__inner__readBlock__list {
    margin-top: 1em;
  }
}
.contents02 .topic02__block03 {
  margin-top: 6em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic02__block03 {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic02__block03 {
    margin-top: 3em;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic02__block03 {
    margin-top: 3em;
  }
}
.contents02 .topic02__block03 .l-wrap {
  max-width: 1300px;
}
.contents02 .topic02__block03 .topic02__block03__subTitle {
  margin-top: 3em;
  text-align: center;
  font-size: clamp(20px, 16.941px + 0.784vw, 32px);
  color: #00267F;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic02__block03 .topic02__block03__subTitle {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic02__block03 .topic02__block03__subTitle {
    margin-top: 2em;
  }
}
.contents02 .topic02__block03 .topic02__block03__mapBlockWrap {
  padding-bottom: 208px;
  position: relative;
  background-image: url(../img/special/column01/contents02_img10.webp);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic02__block03 .topic02__block03__mapBlockWrap {
    padding-bottom: 108px;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic02__block03 .topic02__block03__mapBlockWrap {
    padding-bottom: 108px;
  }
}
.contents02 .topic02__block03 .topic02__block03__mapBlockWrap::after {
  content: "image photo";
  font-size: 1.2rem;
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  color: #494949;
}
.contents02 .topic02__block03 .topic02__block03__mapBlock {
  margin-top: 2em;
  border: 5px solid #f2f6f7;
  padding: 1em;
  background: #fff;
}
.contents02 .topic02__block03 .topic02__block03__mapBlock .topic02__block03__mapBlock__title {
  background: #326868;
  color: #fff;
  text-align: center;
  font-size: clamp(20px, 18.98px + 0.261vw, 24px);
}
.contents02 .topic02__block03 .topic02__block03__mapBlock__photo {
  margin-top: 3em;
}

.sec-contents__topic.topic03 {
  margin-top: 0;
}

.contents02 .topic03Wrap {
  position: relative;
  padding-top: 10em;
  padding-bottom: 350px;
  background: #f4f4f2;
  background-image: url(../img/special/column01/contents02_img11.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic03Wrap {
    padding-top: 6em;
    padding-bottom: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic03Wrap {
    padding-top: 6em;
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic03Wrap {
    padding-bottom: 130px;
  }
}
.contents02 .topic03Wrap::after {
  content: "image photo";
  font-size: 1.2rem;
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  color: #fff;
}
.contents02 .topic03Wrap .l-wrap {
  max-width: 980px;
}
.contents02 .topic03__block01 {
  margin-top: 6em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic03__block01 {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic03__block01 {
    margin-top: 2em;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic03__block01 {
    margin-top: 1em;
  }
}
.contents02 .topic03__block01 .topic03__block01__mijikaniBlock {
  text-align: center;
}
@media screen and (max-width: 430px) {
  .contents02 .topic03__block01 .topic03__block01__mijikaniBlock .topic03__block01__mijikaniBlock__read {
    text-align: left;
  }
}
.contents02 .topic03__block01 .topic03__block01__mijikaniBlock .topic03__block01__mijikaniBlock__list {
  margin-top: 6em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic03__block01 .topic03__block01__mijikaniBlock .topic03__block01__mijikaniBlock__list {
    gap: 1em;
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic03__block01 .topic03__block01__mijikaniBlock .topic03__block01__mijikaniBlock__list {
    gap: 1em;
    margin-top: 3em;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic03__block01 .topic03__block01__mijikaniBlock .topic03__block01__mijikaniBlock__list {
    gap: 1em;
    margin-top: 2em;
  }
}
.contents02 .topic03__block01 .topic03__block01__mijikaniBlock .topic03__block01__mijikaniBlock__list .topic03__block01__mijikaniBlock__list__item {
  width: 20%;
  max-width: 162px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic03__block01 .topic03__block01__mijikaniBlock .topic03__block01__mijikaniBlock__list .topic03__block01__mijikaniBlock__list__item {
    width: 18%;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic03__block01 .topic03__block01__mijikaniBlock .topic03__block01__mijikaniBlock__list .topic03__block01__mijikaniBlock__list__item {
    width: 18%;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic03__block01 .topic03__block01__mijikaniBlock .topic03__block01__mijikaniBlock__list .topic03__block01__mijikaniBlock__list__item {
    width: 30%;
  }
}
.contents02 .topic03__block02 {
  margin-top: 6em;
  width: 96%;
  max-width: 1690px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic03__block02 {
    margin: auto;
    width: 90%;
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic03__block02 {
    margin: auto;
    width: 90%;
    margin-top: 3em;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic03__block02 {
    margin-top: 2em;
  }
}
.contents02 .topic03__block02 .topic03__block02__innerBlock {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 4em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic03__block02 .topic03__block02__innerBlock {
    grid-template-columns: 1fr;
    gap: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic03__block02 .topic03__block02__innerBlock {
    grid-template-columns: 1fr;
    gap: 2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic03__block02 .topic03__block02__innerBlock img {
    object-fit: cover;
    width: 100%;
    height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic03__block02 .topic03__block02__innerBlock img {
    object-fit: cover;
    width: 100%;
    height: 300px;
  }
}
.contents02 .topic03__block03 {
  margin-top: 6em;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic03__block03 {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic03__block03 {
    margin-top: 3em;
  }
}
@media screen and (max-width: 430px) {
  .contents02 .topic03__block03 {
    margin-top: 2em;
  }
}
.contents02 .topic03__block03 .l-wrap {
  max-width: 1300px;
}
.contents02 .topic03__block03 .topic03__block03__innerBlock {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6em;
  align-items: end;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic03__block03 .topic03__block03__innerBlock {
    grid-template-columns: 1fr;
    gap: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic03__block03 .topic03__block03__innerBlock {
    grid-template-columns: 1fr;
    gap: 2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contents02 .topic03__block03 .topic03__block03__innerBlock img {
    object-fit: cover;
    width: 100%;
    height: 300px;
    object-position: left 50% top 10%;
  }
}
@media only screen and (max-width: 767px) {
  .contents02 .topic03__block03 .topic03__block03__innerBlock img {
    object-fit: cover;
    width: 100%;
    height: 250px;
    object-position: left 50% top 10%;
  }
}

.topic03__block03__voiceBlock {
  margin-top: 6em;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .topic03__block03__voiceBlock {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .topic03__block03__voiceBlock {
    margin-top: 2em;
  }
}
.topic03__block03__voiceBlock .topic03__block03__voiceBlock__title {
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .topic03__block03__voiceBlock .topic03__block03__voiceBlock__title {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .topic03__block03__voiceBlock .topic03__block03__voiceBlock__title {
    margin-top: 1em;
  }
}
.topic03__block03__voiceBlock .topic03__block03__voiceBlock__title .topic03__block03__voiceBlock__title__en {
  font-size: clamp(36px, 27.843px + 2.092vw, 68px);
  font-family: "Gilda Display", serif;
  color: rgba(50, 104, 104, 0.5);
  line-height: 1;
}
.topic03__block03__voiceBlock .topic03__block03__voiceBlock__inner {
  margin-top: 2em;
  display: grid;
  grid-template-columns: 0.6fr 1.4fr;
  gap: 3em;
  align-items: end;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .topic03__block03__voiceBlock .topic03__block03__voiceBlock__inner {
    grid-template-columns: 1fr;
    gap: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .topic03__block03__voiceBlock .topic03__block03__voiceBlock__inner {
    grid-template-columns: 1fr;
    gap: 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .topic03__block03__voiceBlock .topic03__block03__voiceBlock__inner .topic03__block03__voiceBlock__inner__photo img {
    object-fit: cover;
    width: 100%;
    height: 300px;
    object-position: left 50% top 10%;
  }
}
@media only screen and (max-width: 767px) {
  .topic03__block03__voiceBlock .topic03__block03__voiceBlock__inner .topic03__block03__voiceBlock__inner__photo img {
    object-fit: cover;
    width: 100%;
    height: 250px;
    object-position: left 50% top 10%;
  }
}
@media screen and (max-width: 430px) {
  .topic03__block03__voiceBlock .topic03__block03__voiceBlock__inner .topic03__block03__voiceBlock__inner__photo img {
    height: 200px;
  }
}
.topic03__block03__voiceBlock .topic03__block03__voiceBlock__inner .topic03__block03__voiceBlock__inner__text {
  font-size: clamp(16px, 14.98px + 0.261vw, 20px);
}
.topic03__block03__voiceBlock .topic03__block03__voiceBlock__inner .topic03__block03__voiceBlock__inner__text p + p {
  margin-top: 1em;
}

/*--------------------------------------------------------------------------
   custom animation
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*//*# sourceMappingURL=special_column01.css.map */