@charset "UTF-8";
/*----------------------------------------
ページ内共通 スタイルシート
----------------------------------------*/
.colorTextRed {
  color: #E22632;
}

.innerL {
  max-width: 1536px;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.innerM {
  max-width: 1376px;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.innerS {
  max-width: 1216px;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

/* デバイスによって要素を表示
---------------------------------------- */
@media screen and (min-width: 590px) {
  .onSp {
    display: none !important;
  }
}

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

@media screen and (max-width: 899px) {
  .onPc {
    display: none !important;
  }
}

/*----------------------------------------
header
----------------------------------------*/
@media screen and (max-width: 899px) {
  .headerLogo {
    display: none;
  }
}

/*----------------------------------------
mainVisual
----------------------------------------*/
.mainVisual {
  position: relative;
  width: 100%;
  height: 100svh;
}

/* movie */
#movieBg {
  width: 100%;
  height: 100%;
  background-color: #000000;
}
#movieBg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 899px) {
  #movieBg video {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
#movieBg video.spTab {
  display: none;
}
@media screen and (max-width: 899px) {
  #movieBg video.spTab {
    display: block;
  }
}
#movieBg video.pc {
  display: none;
}
@media screen and (min-width: 900px) {
  #movieBg video.pc {
    display: block;
  }
}

/* 左下のスクロールバー */
.kvScroll {
  position: absolute;
  bottom: 45px;
  left: -116px;
  z-index: 3;
  text-align: center;
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 769px) {
  .kvScroll {
    bottom: 62px;
    left: -78px;
  }
}
.kvScroll span {
  font-size: 1.4em;
  letter-spacing: 0.15em;
  font-family: agency-fb, sans-serif;
  font-style: normal;
  color: #fff;
  display: inline-block;
}
@media screen and (max-width: 769px) {
  .kvScroll span {
    font-size: 1.7em;
    letter-spacing: 0.1em;
  }
}
.kvScroll i {
  width: 267px;
  height: 1px;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 769px) {
  .kvScroll i {
    width: 127px;
  }
}
.kvScroll i:before {
  content: "";
  width: 200%;
  height: 100%;
  background-position: -267px 0;
  background-size: 200% 100%;
  -webkit-animation: scrolldown 2.2s cubic-bezier(0.5, 0, 0.3, 1) forwards infinite;
  animation: scrolldown 2.2s cubic-bezier(0.5, 0, 0.3, 1) forwards infinite;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #e22632));
  background: linear-gradient(to right, #ffffff 50%, #e22632 50%);
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
}
@media screen and (max-width: 769px) {
  .kvScroll i:before {
    background-position: -127px 0;
    -webkit-animation: scrolldownSP 2.2s cubic-bezier(0.5, 0, 0.3, 1) forwards infinite;
    animation: scrolldownSP 2.2s cubic-bezier(0.5, 0, 0.3, 1) forwards infinite;
  }
}

/* 右下の countBox */
#countBox {
  background-color: #262D40;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 1.5em 2em 1.2em 2em;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 50;
}

#countBox #supportCount {
  border-right: 2px solid #8D97A7;
  padding-right: 2em;
}

#countBox #subsidyCount {
  padding-left: 2em;
}

#countBox .balloon,
#countBox .countNumber {
  color: #fff;
}

#countWrap #countBox .balloon {
  background-color: #262D40;
  position: relative;
  display: inline-block;
  letter-spacing: 0.1em;
}

#countBox .balloon {
  display: inline-block;
  background-color: #262D40;
  position: relative;
  padding: 0.3em 1em 0.3em 0.5em;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}

#countBox .balloon,
#countBox .countNumber .unit {
  font-size: 1.4em;
}

#countBox #supportCount .balloon {
  border: 1px solid #44B9E4;
}

#countBox #subsidyCount .balloon {
  border: 1px solid #FF5E5E;
}

#countBox #supportCount .balloon:before,
#countBox #supportCount .balloon:after,
#countBox #subsidyCount .balloon:before,
#countBox #subsidyCount .balloon:after {
  content: "";
  border: 6px solid transparent;
  position: absolute;
  left: 8%;
}

#countBox #supportCount .balloon:before,
#countBox #subsidyCount .balloon:before {
  bottom: -12px;
}

#countBox #supportCount .balloon:before {
  border-top-color: #44B9E4;
}

#countBox #subsidyCount .balloon:before {
  border-top-color: #FF5E5E;
}

#countBox #supportCount .balloon:after,
#countBox #subsidyCount .balloon:after {
  bottom: -10px;
}

#countBox #subsidyCount .balloon:after,
#countBox #supportCount .balloon:after {
  border-top-color: #262D40;
}

#countBox .countNumber {
  font-weight: bold;
  text-align: right;
}

#countBox .countNumber .number {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 2.4em;
}

#countBox .countNumber .unit {
  vertical-align: bottom;
}

@media screen and (max-width: 899px) {
  #countBox {
    display: none;
  }
}
/*----------------------------------------
リードコンテンツ
----------------------------------------*/
#lead .leadInner {
  position: relative;
}
@media screen and (max-width: 899px) {
  #lead .leadInner {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 900px) {
  #lead .leadInner {
    padding-top: 160px;
    padding-bottom: 200px;
  }
}
#lead .leadInner::before {
  content: "";
  display: block;
  width: 24%;
  padding-top: 40.6349206349%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url(../../../images/index/lead_bgText.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 899px) {
  #lead .leadInner::before {
    max-width: 144px;
  }
}
#lead .leadText {
  position: relative;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  text-align: center;
  line-height: 1.75;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 899px) {
  #lead .leadText {
    font-size: 2em;
  }
}
@media screen and (min-width: 900px) {
  #lead .leadText {
    font-size: 3.2em;
  }
}

/*----------------------------------------
出版情報
----------------------------------------*/
#publications .publicationsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 899px) {
  #publications .publicationsContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
@media screen and (min-width: 900px) {
  #publications .publicationsContainer {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 3%;
  }
}
#publications .publicationsContainer .publicationsBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 900px) {
  #publications .publicationsContainer .publicationsBox {
    width: 48.5%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
#publications .publicationsContainer .publicationsBox .note {
  position: relative;
  color: #007A94;
  text-align: center;
}
@media screen and (max-width: 899px) {
  #publications .publicationsContainer .publicationsBox .note {
    font-size: 1.4em;
  }
}
@media screen and (min-width: 900px) {
  #publications .publicationsContainer .publicationsBox .note {
    font-size: 1.8em;
  }
}
#publications .publicationsContainer .publicationsBox .note::before, #publications .publicationsContainer .publicationsBox .note::after {
  content: "";
  display: block;
  width: 40px;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #007A94;
}
#publications .publicationsContainer .publicationsBox .note::before {
  left: 0;
  -webkit-transform: translate(-48px, 0) rotate(50deg);
          transform: translate(-48px, 0) rotate(50deg);
  -webkit-transform-origin: right;
          transform-origin: right;
}
#publications .publicationsContainer .publicationsBox .note::after {
  right: 0;
  -webkit-transform: translate(48px, 0) rotate(-50deg);
          transform: translate(48px, 0) rotate(-50deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}
#publications .publicationsContainer .publicationsBox .image {
  position: relative;
  z-index: 1;
  margin-top: 24px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 899px) {
  #publications .publicationsContainer .publicationsBox .image {
    width: 240px;
    height: auto;
  }
}
@media screen and (min-width: 900px) {
  #publications .publicationsContainer .publicationsBox .image {
    width: auto;
    height: 352px;
  }
}
#publications .publicationsContainer .publicationsBox .image.noImage {
  background-color: #ACABAB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 899px) {
  #publications .publicationsContainer .publicationsBox .image.noImage {
    width: 240px;
    height: 300px;
  }
}
@media screen and (min-width: 900px) {
  #publications .publicationsContainer .publicationsBox .image.noImage {
    width: 240px;
  }
}
#publications .publicationsContainer .publicationsBox .image.noImage span {
  color: #FFFFFF;
  font-family: agency-fb, sans-serif;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 899px) {
  #publications .publicationsContainer .publicationsBox .image.noImage span {
    font-size: 2.4em;
  }
}
@media screen and (min-width: 900px) {
  #publications .publicationsContainer .publicationsBox .image.noImage span {
    font-size: 2.9em;
  }
}
#publications .publicationsContainer .publicationsBox .textBox {
  position: relative;
  z-index: 0;
  width: 100%;
  text-align: center;
  background-color: #F3F3F3;
}
@media screen and (max-width: 899px) {
  #publications .publicationsContainer .publicationsBox .textBox {
    margin-top: -32px;
    padding: 56px 16px 32px;
  }
}
@media screen and (min-width: 900px) {
  #publications .publicationsContainer .publicationsBox .textBox {
    min-height: 208px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 72px 24px 56px;
    margin-top: -32px;
  }
}
#publications .publicationsContainer .publicationsBox .textBox .text {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
}
#publications .publicationsContainer .publicationsBox .textBox .text .textSizeS {
  font-weight: 800;
}
@media screen and (max-width: 899px) {
  #publications .publicationsContainer .publicationsBox .textBox .text .textSizeS {
    font-size: 1.6em;
  }
}
@media screen and (min-width: 900px) {
  #publications .publicationsContainer .publicationsBox .textBox .text .textSizeS {
    font-size: 2em;
  }
}
@media screen and (max-width: 899px) {
  #publications .publicationsContainer .publicationsBox .textBox .text .textSizeM {
    font-size: 1.8em;
  }
}
@media screen and (min-width: 900px) {
  #publications .publicationsContainer .publicationsBox .textBox .text .textSizeM {
    font-size: 2.4em;
  }
}
@media screen and (max-width: 899px) {
  #publications .publicationsContainer .publicationsBox .textBox .text .textSizeL {
    font-size: 2em;
  }
}
@media screen and (min-width: 900px) {
  #publications .publicationsContainer .publicationsBox .textBox .text .textSizeL {
    font-size: 3.2em;
  }
}
@media screen and (max-width: 899px) {
  #publications .btn01 {
    margin: 40px auto 0;
  }
}
@media screen and (min-width: 900px) {
  #publications .btn01 {
    margin: 56px auto 0;
  }
}

/*----------------------------------------
出演情報
----------------------------------------*/
@media screen and (max-width: 899px) {
  #media {
    margin-top: 100px;
  }
}
@media screen and (min-width: 900px) {
  #media {
    margin-top: 200px;
  }
}
#media .mediaBox {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 899px) {
  #media .mediaBox {
    margin-top: 80px;
  }
}
@media screen and (min-width: 900px) {
  #media .mediaBox {
    margin-top: 112px;
  }
}
#media .mediaBox::before {
  content: "";
  display: block;
  position: absolute;
  top: -48px;
  left: 0;
  right: 0;
  z-index: -1;
  margin-right: calc(50% - 50vw);
  background-color: #F3F3F3;
}
@media screen and (max-width: 899px) {
  #media .mediaBox::before {
    bottom: 15%;
  }
}
@media screen and (min-width: 900px) {
  #media .mediaBox::before {
    bottom: 20%;
  }
}
#media .mediaContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 899px) {
  #media .mediaContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
@media screen and (min-width: 900px) {
  #media .mediaContainer {
    gap: 4%;
  }
}
@media screen and (min-width: 900px) {
  #media .mediaContainer .textBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#media .mediaContainer .textBox p {
  font-family: "Shippori Mincho", serif;
  letter-spacing: 0.08em;
  line-height: 2;
}
@media screen and (max-width: 899px) {
  #media .mediaContainer .textBox p {
    font-size: 1.6em;
  }
}
@media screen and (min-width: 900px) {
  #media .mediaContainer .textBox p {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 899px) {
  #media .mediaContainer .imageBox {
    max-width: 320px;
  }
}
@media screen and (min-width: 900px) {
  #media .mediaContainer .imageBox {
    width: 28%;
  }
}
@media screen and (max-width: 899px) {
  #media .mediaSwiperWrap {
    margin-top: 96px;
  }
}
@media screen and (min-width: 900px) {
  #media .mediaSwiperWrap {
    margin-top: 80px;
  }
}
#media .mediaSwiperWrap .mediaSwiperWrapInner {
  position: relative;
}
@media screen and (max-width: 899px) {
  #media .mediaSwiperWrap .mediaSwiperWrapInner {
    margin-inline: calc(50% - 50vw);
  }
}
@media screen and (min-width: 900px) {
  #media .mediaSwiperWrap .mediaSwiperWrapInner {
    margin-right: calc(50% - 50vw);
  }
}
#media .mediaSwiperWrap .mediaSwiper {
  width: 100%;
  height: 100%;
}
#media .mediaSwiperWrap .mediaSwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1/1;
  background-color: #262d40;
}
#media .mediaSwiperWrap .mediaSwiper .swiper-slide iframe {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
#media .mediaSwiperWrap .swiper-button-prev,
#media .mediaSwiperWrap .swiper-button-next {
  width: 40px;
  height: 40px;
  border: 1px solid #000000;
  border-radius: 50%;
}
#media .mediaSwiperWrap .swiper-button-prev svg,
#media .mediaSwiperWrap .swiper-button-next svg {
  display: none;
}
#media .mediaSwiperWrap .swiper-button-prev {
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media screen and (max-width: 899px) {
  #media .mediaSwiperWrap .swiper-button-prev {
    left: 48px;
  }
}
@media screen and (min-width: 900px) {
  #media .mediaSwiperWrap .swiper-button-prev {
    left: 0;
  }
}
#media .mediaSwiperWrap .swiper-button-prev img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#media .mediaSwiperWrap .swiper-button-next {
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media screen and (max-width: 899px) {
  #media .mediaSwiperWrap .swiper-button-next {
    left: 96px;
  }
}
@media screen and (min-width: 900px) {
  #media .mediaSwiperWrap .swiper-button-next {
    left: 48px;
  }
}

/*----------------------------------------
受賞歴
----------------------------------------*/
@media screen and (max-width: 899px) {
  #awards {
    margin-top: 100px;
  }
}
@media screen and (min-width: 900px) {
  #awards {
    margin-top: 200px;
  }
}
#awards .awardsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 899px) {
  #awards .awardsContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
@media screen and (min-width: 900px) {
  #awards .awardsContainer {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 60px;
  }
}
#awards .awardsContainer .awardsBox {
  display: grid;
  grid-template-areas: "title title" "txt img";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F3F3F3;
}
@media screen and (max-width: 899px) {
  #awards .awardsContainer .awardsBox {
    grid-template-columns: auto 100px;
    row-gap: 24px;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    padding: 32px 5% 40px;
  }
}
@media screen and (min-width: 900px) {
  #awards .awardsContainer .awardsBox {
    width: calc((100% - 60px) / 2);
    grid-template-columns: auto 120px;
    row-gap: 40px;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    padding: 56px 5% 48px;
  }
}
#awards .awardsContainer .awardsBox .title {
  position: relative;
  grid-area: title;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.08em;
  margin: 0 auto;
}
@media screen and (max-width: 899px) {
  #awards .awardsContainer .awardsBox .title {
    font-size: 1.8em;
  }
}
@media screen and (min-width: 900px) {
  #awards .awardsContainer .awardsBox .title {
    font-size: 2.8em;
  }
}
#awards .awardsContainer .awardsBox .title span {
  font-size: 0.85em;
}
#awards .awardsContainer .awardsBox .title::before, #awards .awardsContainer .awardsBox .title::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../../../images/index/awards_titleDecoration.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 899px) {
  #awards .awardsContainer .awardsBox .title::before, #awards .awardsContainer .awardsBox .title::after {
    width: 16px;
    height: 53px;
  }
}
@media screen and (min-width: 900px) {
  #awards .awardsContainer .awardsBox .title::before, #awards .awardsContainer .awardsBox .title::after {
    width: 36px;
    height: 120px;
  }
}
#awards .awardsContainer .awardsBox .title::before {
  top: 50%;
  left: 0;
  -webkit-transform: translate(calc(-100% - 8px), -50%);
          transform: translate(calc(-100% - 8px), -50%);
}
@media screen and (min-width: 1376px) {
  #awards .awardsContainer .awardsBox .title::before {
    -webkit-transform: translate(calc(-100% - 24px), -50%);
            transform: translate(calc(-100% - 24px), -50%);
  }
}
#awards .awardsContainer .awardsBox .title::after {
  top: 50%;
  right: 0;
  -webkit-transform: translate(calc(100% + 8px), -50%) scale(-1, 1);
          transform: translate(calc(100% + 8px), -50%) scale(-1, 1);
}
@media screen and (min-width: 1376px) {
  #awards .awardsContainer .awardsBox .title::after {
    -webkit-transform: translate(calc(100% + 24px), -50%) scale(-1, 1);
            transform: translate(calc(100% + 24px), -50%) scale(-1, 1);
  }
}
#awards .awardsContainer .awardsBox .text {
  grid-area: txt;
  font-size: 1.6em;
}
#awards .awardsContainer .awardsBox .image {
  grid-area: img;
}

/*----------------------------------------
バナーエリア
----------------------------------------*/
#banner {
  background-color: #F5F6FB;
}
@media screen and (max-width: 899px) {
  #banner {
    padding-top: 100px;
    margin-top: 80px;
  }
}
@media screen and (min-width: 900px) {
  #banner {
    padding-top: 200px;
    margin-top: 152px;
  }
}

#bannerArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

@media screen and (max-width: 769px) {
  #bannerArea {
    padding-bottom: 80px;
  }
}
#bannerArea .bannerBox:not(:last-of-type) {
  margin-bottom: 32px;
}

@media screen and (max-width: 769px) {
  #bannerArea .bannerBox:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
#bannerArea .bannerBox a img {
  width: 100%;
  height: 100%;
}

#bannerArea .bannerBox.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

@media screen and (max-width: 769px) {
  #bannerArea .bannerBox.half {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#bannerArea .bannerBox .bannerImg {
  margin-left: unset;
}

#bannerArea .bannerBox.half .bannerImg {
  width: calc((100% - 20px) / 2);
}

@media screen and (max-width: 769px) {
  #bannerArea .bannerBox.half .bannerImg {
    width: 100%;
  }
}
/*----------------------------------------
グロウアップマガジン
----------------------------------------*/
#magazine {
  background-color: #F5F6FB;
}
@media screen and (min-width: 900px) {
  #magazine {
    padding-top: 200px;
  }
}
#magazine .magazineBox {
  background: linear-gradient(to bottom, #F5F6FB, #F5F6FB 72px, #FFFFFF 72px, #FFFFFF 100%);
}
@media screen and (max-width: 899px) {
  #magazine .magazineBox .magazineBoxInner {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 900px) {
  #magazine .magazineBox .magazineBoxInner {
    padding-bottom: 80px;
  }
}

#magazine .index7List {
  margin-bottom: 4em;
}

#magazine .index7Row:not(:last-child) {
  border-bottom: 1px dashed #acb5cf;
  padding-bottom: 24px;
  margin-bottom: 50px;
}

@media screen and (max-width: 769px) {
  #magazine .index7Row:not(:last-child) {
    margin-bottom: 29px;
  }
}
#magazine .index7Row a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 40px;
}

@media screen and (max-width: 769px) {
  #magazine .index7Row a {
    gap: 1.5em;
  }
}
#magazine .index7Row a .textArea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#magazine .index7Row a .textArea .top .magazineInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}

@media screen and (max-width: 769px) {
  #magazine .index7Row a .textArea .top .magazineInfo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 16px;
  }
}
@media screen and (max-width: 589px) {
  #magazine .index7Row a .textArea .top .magazineInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }
}
#magazine .index7Row a .textArea .top .magazineInfo .displayFrom {
  color: #555555;
  font-size: 1.2em;
}

#magazine .index7Row a .textArea .top .magazineTitle {
  font-size: 2em;
  line-height: 1.5;
  margin-bottom: 24px;
}

@media screen and (max-width: 769px) {
  #magazine .index7Row a .textArea .top .magazineTitle {
    font-size: 1.75em;
    margin-bottom: 0.5em;
  }
}
#magazine .index7Row a .textArea .top .magazineText {
  font-size: 1.6em;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (max-width: 769px) {
  #magazine .index7Row a .textArea .top .magazineText {
    font-size: 1.35em;
    font-weight: normal;
  }
}
#magazine .index7Row a .textArea .bottom .update {
  text-align: right;
}

#magazine .index7Btn .btn01 {
  margin: 0 auto;
}

/*----------------------------------------
パートナー募集
----------------------------------------*/
.bannerContent {
  background-color: #F5F6FB;
}
@media screen and (max-width: 899px) {
  .bannerContent {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 900px) {
  .bannerContent {
    padding-top: 200px;
    padding-bottom: 400px;
  }
}
.bannerContent img {
  width: 100%;
  height: auto;
}
.bannerContent .bannerImg {
  margin-left: unset;
}/*# sourceMappingURL=index.css.map */