/* default settings */
/* reset browser (chrome, safari, firefox, ie, edge)
/* only for new website (remove if you are updating for other website)
@import "reset";
/* =================================================================== */
#content-body {
  color: #4D4D4D;
  line-height: 2;
  font-size: 14px;
  font-family: "Zen Kaku Gothic Antique", serif;
  letter-spacing: 0.07em;
  font-weight: 500;
  overflow: hidden;
}
@media (max-width: 767px) {
  #content-body {
    font-size: 3.2710280374vw;
    line-height: 2;
  }
}
#content-body * {
  box-sizing: border-box;
}
#content-body img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  display: block;
}
#content-body button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  box-shadow: none;
  background: none;
  cursor: pointer;
}
#content-body a, #content-body button {
  text-decoration: none;
  color: inherit;
}
@media (min-width: 768px) {
  #content-body a, #content-body button {
    transition: opacity 0.3s;
  }
  #content-body a:hover, #content-body button:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.text-underline {
  text-decoration: underline;
}
.text-line-through {
  text-decoration: line-through;
}
.text-no-underline {
  text-decoration: none;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-300 {
  font-weight: 300;
}
.text-400 {
  font-weight: 400;
}
.text-500 {
  font-weight: 500;
}
.text-600 {
  font-weight: 600;
}
.text-700 {
  font-weight: 700;
}

.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}

@media (max-width: 767px) {
  .only-pc {
    display: none;
  }
}
@media (min-width: 768px) {
  .only-sp {
    display: none;
  }
}

html.is-overflow {
  overflow: hidden;
}

.gbu-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1040px;
}
@media (max-width: 767px) {
  .gbu-wrapper {
    padding: 0 3.5046728972vw;
  }
}

.fade-slidein {
  position: relative;
  top: 3.75rem;
  opacity: 0;
}

.fade-slidein.animated {
  top: 0;
  opacity: 1;
  transition: all ease 0.8s;
}

.gbu-ttl-primary01 {
  padding-left: 50px;
  font-family: "Montserrat", serif;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.18em;
  line-height: 60px;
  position: relative;
}
@media (max-width: 1280px) {
  .gbu-ttl-primary01 {
    padding-left: 3.90625vw;
    font-size: 2.34375vw;
    line-height: 4.6875vw;
  }
}
@media (max-width: 767px) {
  .gbu-ttl-primary01 {
    padding-left: 7.0093457944vw;
    font-size: 5.6074766355vw;
    line-height: 6.7757009346vw;
  }
}
.gbu-ttl-primary01:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 1px;
  background: #EB1E1E;
}
@media (max-width: 1280px) {
  .gbu-ttl-primary01:before {
    width: 2.34375vw;
  }
}
@media (max-width: 767px) {
  .gbu-ttl-primary01:before {
    width: 4.6728971963vw;
  }
}

.gbu-ttl-primary02 {
  padding-inline: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 100px;
  letter-spacing: 0.2em;
  display: inline-block;
  position: relative;
  z-index: 1;
  background-color: #fff;
}
@media (min-width: 768px) {
  .gbu-ttl-primary02 {
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .gbu-ttl-primary02 {
    font-size: 1.875vw;
    padding-inline: 1.5625vw;
    line-height: 7.8125vw;
  }
}
@media (max-width: 767px) {
  .gbu-ttl-primary02 {
    padding: 0;
    width: 96.4953271028vw;
    height: 16.3551401869vw;
    line-height: 16.3551401869vw;
    font-size: 4.2056074766vw;
    padding-inline: 9.3457943925vw;
  }
}
.gbu-ttl-primary02:before, .gbu-ttl-primary02:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  background: linear-gradient(to right, rgb(133, 166, 230) 5%, rgb(222, 187, 235) 30%, rgb(251, 181, 163) 90%);
  height: 7px;
  opacity: 0.7;
}
@media (max-width: 1280px) {
  .gbu-ttl-primary02:before, .gbu-ttl-primary02:after {
    height: 0.546875vw;
  }
}
@media (max-width: 767px) {
  .gbu-ttl-primary02:before, .gbu-ttl-primary02:after {
    height: 1.1682242991vw;
  }
}
.gbu-ttl-primary02:before {
  top: 0;
}
.gbu-ttl-primary02:after {
  bottom: 0;
}
@media (max-width: 767px) {
  .gbu-ttl-primary02.-reverse:before, .gbu-ttl-primary02.-reverse:after {
    background: linear-gradient(to right, rgb(251, 181, 163) 5%, rgb(222, 187, 235) 30%, rgb(133, 166, 230) 90%);
  }
}

.section01 {
  padding: 60px 0 120px;
  background: rgb(133, 166, 230);
  background: linear-gradient(180deg, rgb(133, 166, 230) 0%, rgb(222, 187, 235) 31%, rgb(251, 181, 163) 100%);
}
@media (max-width: 1280px) {
  .section01 {
    padding: size-pc 60 0 9.375vw;
  }
}
@media (max-width: 767px) {
  .section01 {
    padding: 7.0093457944vw 3.5046728972vw 23.3644859813vw;
  }
  .section01 .gbu-wrapper {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .section01-kv {
    margin: 0 auto;
    width: 980px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-kv {
    width: 76.5625vw;
  }
}
@media (max-width: 767px) {
  .section01-kv {
    padding: 0 3.5046728972vw;
  }
}
.section01-cm {
  margin: 89px auto 0;
}
@media (min-width: 768px) {
  .section01-cm {
    width: 980px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-cm {
    margin-top: 6.953125vw;
    width: 76.5625vw;
  }
}
@media (max-width: 767px) {
  .section01-cm {
    margin-top: 14.0186915888vw;
    padding: 0 3.5046728972vw;
    width: 100%;
  }
}
.section01-cm-video {
  margin: 39px auto 0;
}
@media (min-width: 768px) {
  .section01-cm-video {
    width: 700px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-cm-video {
    margin-top: 3.046875vw;
    width: 54.6875vw;
  }
}
@media (max-width: 767px) {
  .section01-cm-video {
    margin-top: 6.0747663551vw;
  }
}
.section01-cm-video .ttl {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media (max-width: 1280px) {
  .section01-cm-video .ttl {
    font-size: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .section01-cm-video .ttl {
    font-size: 3.738317757vw;
  }
}
.section01-cm .video-wrapper {
  margin-top: 20px;
  position: relative;
  cursor: pointer;
  display: block;
}
@media (max-width: 1280px) {
  .section01-cm .video-wrapper {
    margin-top: 1.5625vw;
    border-radius: 1.171875vw;
  }
}
@media (max-width: 767px) {
  .section01-cm .video-wrapper {
    margin-top: 2.5700934579vw;
    border-radius: 2.3364485981vw;
  }
}
.section01-cm .video-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("/co-creation/images/section01_btn.png") no-repeat center/80px;
}
@media (max-width: 1280px) {
  .section01-cm .video-wrapper:after {
    background-size: 6.25vw;
  }
}
@media (max-width: 767px) {
  .section01-cm .video-wrapper:after {
    background-size: 14.0186915888vw;
  }
}
.section01-concept {
  margin: 88px auto 0;
}
@media (min-width: 768px) {
  .section01-concept {
    display: flex;
    align-items: flex-start;
    width: 1040px;
    max-width: 100%;
    padding-left: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-concept {
    padding-left: 2.34375vw;
    margin-top: 6.875vw;
    width: 81.25vw;
  }
}
@media (max-width: 767px) {
  .section01-concept {
    margin-top: 23.3644859813vw;
    padding: 0 3.5046728972vw;
  }
}
@media (min-width: 768px) {
  .section01-concept-ttl {
    width: 398px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-concept-ttl {
    width: 31.09375vw;
  }
}
.section01-concept p {
  padding-top: 2px;
  font-size: 34px;
  line-height: 2.0588235294;
  font-weight: 500;
  letter-spacing: 0.2em;
}
@media (min-width: 768px) {
  .section01-concept p {
    width: calc(100% - 398px);
    white-space: nowrap;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-concept p {
    width: calc(100% - 31.09375vw);
    padding-top: 0.15625vw;
    font-size: 2.65625vw;
  }
}
@media (max-width: 767px) {
  .section01-concept p {
    margin-top: 9.1121495327vw;
    font-size: 6.5420560748vw;
    line-height: 14.0186915888vw;
  }
}
.section01-point {
  margin-top: 90px;
  padding-top: 57px;
  background-color: #fff;
  border-radius: 20px;
}
@media (max-width: 1280px) {
  .section01-point {
    margin-top: 7.03125vw;
    padding-top: 4.453125vw;
    border-radius: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .section01-point {
    margin-top: 16.3551401869vw;
    padding-top: 9.5794392523vw;
    border-radius: 4.6728971963vw;
  }
}
.section01-point-ttl {
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.7333333333;
  letter-spacing: 0.2em;
}
@media (max-width: 1280px) {
  .section01-point-ttl {
    font-size: 2.34375vw;
  }
}
@media (max-width: 767px) {
  .section01-point-ttl {
    font-size: 5.6074766355vw;
    line-height: 1.75;
  }
}
.section01-point-ttl span {
  margin: 0 auto 26px;
  display: table;
  text-align: center;
  font-size: 20px;
  font-family: "Montserrat", serif;
  font-weight: 500;
  color: #EB1E1E;
  line-height: 28px;
  border-bottom: 2px solid #EB1E1E;
  letter-spacing: 0.18em;
}
@media (max-width: 1280px) {
  .section01-point-ttl span {
    line-height: 2.1875vw;
    font-size: 1.5625vw;
    margin-bottom: 2.03125vw;
    border-bottom-width: 0.15625vw;
  }
}
@media (max-width: 767px) {
  .section01-point-ttl span {
    font-size: 3.738317757vw;
    letter-spacing: 0.18em;
    border-bottom-width: 1px;
    line-height: 6.0747663551vw;
    margin-bottom: 4.2056074766vw;
  }
}
.section01-point .message {
  width: 200px;
  height: 115px;
  background: transparent url("/co-creation/images/point_mess01_pc.png") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: -50px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 102px;
}
@media (max-width: 1280px) {
  .section01-point .message {
    width: 15.625vw;
    height: 8.984375vw;
    line-height: 7.96875vw;
    top: -3.90625vw;
    font-size: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .section01-point .message {
    width: 32.7102803738vw;
    height: 18.9252336449vw;
    top: -8.1775700935vw;
    font-size: 3.738317757vw;
    line-height: 16.1214953271vw;
  }
}
.section01-point .desc {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .section01-point .desc {
    width: 680px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-point .desc {
    width: 53.125vw;
  }
}
@media (max-width: 767px) {
  .section01-point .desc {
    text-align: center;
  }
}
.section01-point .desc .ttl {
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.7857142857;
  letter-spacing: 0.2em;
}
@media (max-width: 1280px) {
  .section01-point .desc .ttl {
    font-size: 2.1875vw;
  }
}
@media (max-width: 767px) {
  .section01-point .desc .ttl {
    font-size: 5.1401869159vw;
    line-height: 1.8181818182;
  }
}
.section01-point .desc .img-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
@media (max-width: 1280px) {
  .section01-point .desc .img-wrapper {
    margin-top: 1.171875vw;
  }
}
@media (max-width: 767px) {
  .section01-point .desc .img-wrapper {
    display: block;
    margin-top: 4.4392523364vw;
  }
}
.section01-point .desc .slide-wrap {
  width: 250px;
}
@media (min-width: 768px) {
  .section01-point .desc .slide-wrap {
    margin-top: 92px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-point .desc .slide-wrap {
    width: 19.53125vw;
    margin-top: 7.1875vw;
  }
}
@media (max-width: 767px) {
  .section01-point .desc .slide-wrap {
    margin: 0 auto;
    width: 50.2336448598vw;
  }
}
.section01-point .desc .slide-wrap .splide__slide {
  width: 100%;
}
.section01-point .desc .splide__arrow {
  background: none;
  opacity: 1;
  width: 50px;
  height: 50px;
  top: 100%;
  transform: none;
}
@media (min-width: 768px) {
  .section01-point .desc .splide__arrow {
    margin-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-point .desc .splide__arrow {
    width: 3.90625vw;
    height: 3.90625vw;
    margin-top: 1.171875vw;
  }
}
@media (max-width: 767px) {
  .section01-point .desc .splide__arrow {
    width: 13.785046729vw;
    height: 13.785046729vw;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 768px) {
  .section01-point .desc .splide__arrow--prev {
    left: 50%;
    transform: translateX(calc(-50% - 30px));
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-point .desc .splide__arrow--prev {
    transform: translateX(calc(-50% - 2.34375vw));
  }
}
@media (max-width: 767px) {
  .section01-point .desc .splide__arrow--prev {
    left: -16.1214953271vw;
  }
}
@media (min-width: 768px) {
  .section01-point .desc .splide__arrow--next {
    left: 50%;
    transform: translateX(calc(-50% + 30px));
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-point .desc .splide__arrow--next {
    transform: translateX(calc(-50% + 2.34375vw));
  }
}
@media (max-width: 767px) {
  .section01-point .desc .splide__arrow--next {
    right: -16.1214953271vw;
  }
}
@media (min-width: 768px) {
  .section01-point .desc .img {
    width: calc(100% - 250px);
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-point .desc .img {
    width: calc(100% - 19.53125vw);
  }
}
@media (max-width: 767px) {
  .section01-point .desc .img {
    width: 100%;
  }
}
.section01-point .desc .number-slide {
  text-align: right;
}
@media (min-width: 768px) {
  .section01-point .desc .number-slide {
    margin-top: -6px;
    margin-bottom: 7px;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-point .desc .number-slide {
    margin-top: -0.46875vw;
    margin-bottom: 0.546875vw;
  }
}
@media (max-width: 767px) {
  .section01-point .desc .number-slide {
    margin-bottom: 1.4018691589vw;
  }
}
.section01-point .desc .number-slide span {
  font-size: 12px;
  font-weight: 500;
  font-family: "Montserrat", serif;
  letter-spacing: 0.18em;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1280px) {
  .section01-point .desc .number-slide span {
    font-size: 0.9375vw;
  }
}
@media (max-width: 767px) {
  .section01-point .desc .number-slide span {
    font-size: 2.8037383178vw;
  }
}
.section01-point .desc .number-slide span.total {
  color: rgba(77, 77, 77, 0.5);
}
.section01-point .desc .number-slide span.line {
  margin: 0 2px;
  width: 1px;
  height: 12px;
  background-color: rgba(77, 77, 77, 0.5);
  display: inline-block;
}
@media (max-width: 1280px) {
  .section01-point .desc .number-slide span.line {
    margin-inline: 0.15625vw;
    height: 0.9375vw;
  }
}
@media (max-width: 767px) {
  .section01-point .desc .number-slide span.line {
    margin-inline: 0.4672897196vw;
    width: 0.2336448598vw;
    height: 2.8037383178vw;
  }
}
.section01-point .note-bottom {
  margin-top: 20px;
  width: 100%;
  height: 71px;
  background-color: #fff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1;
}
@media (max-width: 1280px) {
  .section01-point .note-bottom {
    font-size: 1.40625vw;
    border-radius: 3.90625vw;
    margin-top: 1.5625vw;
    height: 5.546875vw;
  }
}
@media (max-width: 767px) {
  .section01-point .note-bottom {
    margin: 4.6728971963vw auto 0;
    width: auto;
    padding: 0 8.4112149533vw;
    height: 18.691588785vw;
    font-size: 3.738317757vw;
    line-height: 1.875;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    border-radius: 11.6822429907vw;
  }
}
.section01-point-block01 {
  margin-top: 75px;
  margin-left: 90px;
  padding: 56px 0 50px;
  width: calc(100% - 90px);
  background-color: rgba(219, 236, 252, 0.5);
  border-radius: 20px 0 0 20px;
  position: relative;
}
@media (min-width: 768px) {
  .section01-point-block01 {
    margin-bottom: 150px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-point-block01 {
    margin-bottom: 11.71875vw;
    border-radius: 1.5625vw 0 0 1.5625vw;
    padding: 4.375vw 0 3.90625vw;
    margin-top: 5.859375vw;
    margin-left: 7.03125vw;
  }
}
@media (max-width: 767px) {
  .section01-point-block01 {
    margin-top: 16.5887850467vw;
    margin-left: 3.5046728972vw;
    padding: 14.953271028vw 3.5046728972vw 11.6822429907vw;
    width: calc(100% - 3.5046728972vw);
    border-radius: 4.6728971963vw 0 0 4.6728971963vw;
  }
}
.section01-point-block01:after {
  content: "";
  margin-top: 32px;
  width: 70px;
  height: 90px;
  background: url("/co-creation/images/section01_arrow.png") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 100%;
  left: 45.3%;
  transform: translateX(-50%);
}
@media (max-width: 1280px) {
  .section01-point-block01:after {
    margin-top: 2.5vw;
    width: 5.46875vw;
    height: 7.03125vw;
  }
}
@media (max-width: 767px) {
  .section01-point-block01:after {
    left: 48%;
    margin-top: 9.3457943925vw;
    width: 13.785046729vw;
    height: 17.523364486vw;
  }
}
.section01-point-block01 .message {
  background-image: url("/co-creation/images/point_mess01_pc.png");
  left: 64px;
}
@media (max-width: 1280px) {
  .section01-point-block01 .message {
    left: 5vw;
  }
}
@media (max-width: 767px) {
  .section01-point-block01 .message {
    left: 3.2710280374vw;
    background-image: url("/co-creation/images/point_mess01_sp.png");
  }
}
.section01-point-block02 {
  margin-top: 80px;
  margin-right: 90px;
  padding: 67px 0 50px;
  width: calc(100% - 90px);
  background-color: rgba(255, 230, 216, 0.5);
  border-radius: 0 20px 0 20px;
  position: relative;
}
@media (max-width: 1280px) {
  .section01-point-block02 {
    margin-top: 6.25vw;
    margin-right: 7.03125vw;
    padding: 5.234375vw 0 3.90625vw;
    width: calc(100% - 7.03125vw);
    border-radius: 0 1.5625vw 0 1.5625vw;
  }
}
@media (max-width: 767px) {
  .section01-point-block02 {
    margin-top: 35.9813084112vw;
    margin-right: 3.5046728972vw;
    padding: 17.2897196262vw 3.5046728972vw 11.6822429907vw;
    width: calc(100% - 3.5046728972vw);
    border-radius: 0 4.6728971963vw 0 4.6728971963vw;
  }
}
.section01-point-block02 .ttl {
  text-align: center;
}
.section01-point-block02 .ttl p {
  margin: 0 auto;
  display: table;
}
.section01-point-block02 .ttl p:nth-child(1) {
  font-size: 20px;
  letter-spacing: 0.2em;
  line-height: 1;
}
@media (max-width: 1280px) {
  .section01-point-block02 .ttl p:nth-child(1) {
    font-size: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .section01-point-block02 .ttl p:nth-child(1) {
    font-size: 3.738317757vw;
  }
}
.section01-point-block02 .ttl p:nth-child(2) {
  margin-top: 14px;
  font-size: 28px;
  letter-spacing: 0.2em;
  line-height: 40px;
}
@media (min-width: 768px) {
  .section01-point-block02 .ttl p:nth-child(2) {
    border-bottom: 1px solid #505050;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section01-point-block02 .ttl p:nth-child(2) {
    font-size: 2.1875vw;
    margin-top: 1.09375vw;
    line-height: 3.125vw;
  }
}
@media (max-width: 767px) {
  .section01-point-block02 .ttl p:nth-child(2) {
    margin-top: 1.4018691589vw;
    font-size: 5.1401869159vw;
    line-height: 9.3457943925vw;
  }
  .section01-point-block02 .ttl p:nth-child(2) span {
    position: relative;
    margin: 0 auto;
    display: table;
  }
  .section01-point-block02 .ttl p:nth-child(2) span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 4.2056074766vw;
    border-bottom: 1px solid #505050;
  }
}
.section01-point-block02 p {
  margin-top: 35px;
  line-height: 2.1428571429;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
}
@media (max-width: 1280px) {
  .section01-point-block02 p {
    margin-top: 2.65625vw;
    font-size: 1.09375vw;
  }
}
@media (max-width: 767px) {
  .section01-point-block02 p {
    margin-top: 6.5420560748vw;
    font-size: 3.2710280374vw;
    line-height: 2.1428571429;
  }
}
.section01-point-block02 .message {
  background-image: url("/co-creation/images/point_mess02_pc.png");
  right: 50px;
}
@media (max-width: 1280px) {
  .section01-point-block02 .message {
    right: 3.90625vw;
  }
}
@media (max-width: 767px) {
  .section01-point-block02 .message {
    right: 0;
    background-image: url("/co-creation/images/point_mess02_sp.png");
  }
}
.section01-point-block02 .desc .img-wrapper {
  margin-top: 12px;
}
@media (max-width: 1280px) {
  .section01-point-block02 .desc .img-wrapper {
    margin-top: 0.9375vw;
  }
}
@media (max-width: 767px) {
  .section01-point-block02 .desc .img-wrapper {
    margin-top: 3.738317757vw;
  }
}
.section01-point-block02 .note-bottom {
  color: #EB1E1E;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.7;
}

.section02 {
  padding: 112px 0 117px;
}
@media (max-width: 1280px) {
  .section02 {
    padding: 8.75vw 0 9.140625vw;
  }
}
@media (max-width: 767px) {
  .section02 {
    padding: 22.6635514019vw 0;
  }
}
.section02 sub {
  font-size: 60%;
}
.section02-ttl {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.2em;
}
@media (max-width: 1280px) {
  .section02-ttl {
    font-size: 2.34375vw;
  }
}
@media (max-width: 767px) {
  .section02-ttl {
    font-size: 6.0747663551vw;
    line-height: 1.6923076923;
  }
}
.section02-sub-ttl {
  margin-top: 28px;
  text-align: center;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media (max-width: 1280px) {
  .section02-sub-ttl {
    margin-top: 2.1875vw;
    font-size: 1.25vw;
  }
}
@media (max-width: 767px) {
  .section02-sub-ttl {
    font-size: 3.738317757vw;
    line-height: 2;
    margin-top: 7.476635514vw;
    margin-inline: -3.5046728972vw;
  }
}
.section02-block01 {
  background: rgb(133, 166, 230);
  background: linear-gradient(180deg, rgba(133, 166, 230, 0.5) 10%, rgba(222, 187, 235, 0.5) 120%, rgba(251, 181, 163, 0.5) 200%);
  margin-top: 53px;
  padding: 55px 60px;
  border-radius: 20px;
  position: relative;
}
@media (max-width: 1280px) {
  .section02-block01 {
    margin-top: 4.140625vw;
    padding: 4.296875vw 4.6875vw;
    border-radius: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .section02-block01 {
    margin-top: 9.8130841121vw;
    padding: 10.5140186916vw 3.5046728972vw 11.214953271vw;
    border-radius: 4.6728971963vw;
  }
}
.section02-block01:after {
  margin-top: -21px;
  content: "";
  width: 100px;
  height: 100px;
  background: url("/co-creation/images/section02_plus.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 1280px) {
  .section02-block01:after {
    width: 7.8125vw;
    height: 7.8125vw;
    margin-top: -1.640625vw;
  }
}
@media (max-width: 767px) {
  .section02-block01:after {
    margin-top: -4.6728971963vw;
    width: 16.3551401869vw;
    height: 16.3551401869vw;
  }
}
.section02-block01 .img {
  margin: 13px auto 0;
}
@media (min-width: 768px) {
  .section02-block01 .img {
    width: 526px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section02-block01 .img {
    width: 41.09375vw;
    margin-top: 1.015625vw;
  }
}
@media (max-width: 767px) {
  .section02-block01 .img {
    margin: 3.2710280374vw auto 0;
  }
}
.section02-block01 .ttl {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.2em;
}
@media (max-width: 1280px) {
  .section02-block01 .ttl {
    font-size: 1.875vw;
  }
}
@media (max-width: 767px) {
  .section02-block01 .ttl {
    font-size: 4.6728971963vw;
  }
}
.section02-block01 .sub-ttl {
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  line-height: 35px;
  display: table;
  justify-content: center;
  border-bottom: 1px solid #505050;
  position: relative;
  letter-spacing: 0.2em;
}
@media (min-width: 768px) {
  .section02-block01 .sub-ttl {
    margin-top: 88px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section02-block01 .sub-ttl {
    margin-top: 6.875vw;
    font-size: 1.875vw;
    line-height: 2.734375vw;
  }
}
@media (max-width: 767px) {
  .section02-block01 .sub-ttl {
    font-size: 4.6728971963vw;
    line-height: 7.476635514vw;
    padding-top: 16.8224299065vw;
  }
}
.section02-block01 .sub-ttl:after {
  content: "";
  width: 70px;
  height: 65px;
  background: url("/co-creation/images/section02_arrow.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .section02-block01 .sub-ttl:after {
    bottom: 123%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section02-block01 .sub-ttl:after {
    width: 5.46875vw;
    height: 5.078125vw;
  }
}
@media (max-width: 767px) {
  .section02-block01 .sub-ttl:after {
    top: 0;
    width: 13.785046729vw;
    height: 17.523364486vw;
  }
}
.section02-block01 .list-deliver {
  margin: 0 auto;
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 45px 0;
}
@media (min-width: 768px) {
  .section02-block01 .list-deliver {
    width: 868px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section02-block01 .list-deliver {
    width: 67.8125vw;
    gap: 3.515625vw 0;
    margin-top: 6.25vw;
  }
}
@media (max-width: 767px) {
  .section02-block01 .list-deliver {
    gap: 6.0747663551vw 0;
    margin-top: 9.1121495327vw;
  }
}
.section02-block01 .list-deliver .item {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .section02-block01 .list-deliver .item {
    width: 50%;
  }
  .section02-block01 .list-deliver .item:nth-child(2n) {
    width: 47%;
  }
}
@media (max-width: 767px) {
  .section02-block01 .list-deliver .item {
    width: 100%;
  }
}
.section02-block01 .list-deliver .item-img {
  width: 145px;
}
@media (max-width: 1280px) {
  .section02-block01 .list-deliver .item-img {
    width: 11.328125vw;
  }
}
@media (max-width: 767px) {
  .section02-block01 .list-deliver .item-img {
    width: 23.3644859813vw;
  }
}
.section02-block01 .list-deliver .item-img img {
  width: 100px;
}
@media (max-width: 1280px) {
  .section02-block01 .list-deliver .item-img img {
    width: 7.8125vw;
  }
}
@media (max-width: 767px) {
  .section02-block01 .list-deliver .item-img img {
    margin-left: 0;
    width: 18.691588785vw;
  }
}
.section02-block01 .list-deliver .item-desc {
  padding: 3px 0;
  padding-left: 26px;
  border-left: 1px solid rgba(77, 77, 77, 0.5);
  flex: 1;
}
@media (max-width: 1280px) {
  .section02-block01 .list-deliver .item-desc {
    padding-left: 2.03125vw;
    padding-block: 0.234375vw;
    font-size: 1.09375vw;
  }
}
@media (max-width: 767px) {
  .section02-block01 .list-deliver .item-desc {
    padding-left: 4.6728971963vw;
    width: calc(100% - 23.3644859813vw);
    padding-block: 1px 0.9345794393vw;
  }
}
.section02-block01 .list-deliver .item-desc p {
  margin-top: 2px;
  letter-spacing: 0.1em;
}
@media (max-width: 1280px) {
  .section02-block01 .list-deliver .item-desc p {
    margin-top: 0.15625vw;
  }
}
@media (max-width: 767px) {
  .section02-block01 .list-deliver .item-desc p {
    margin-top: 0.4672897196vw;
  }
}
.section02-block01 .list-deliver .item-ttl {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 0.2em;
}
@media (max-width: 1280px) {
  .section02-block01 .list-deliver .item-ttl {
    font-size: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .section02-block01 .list-deliver .item-ttl {
    font-size: 4.2056074766vw;
  }
}
@media (max-width: 767px) {
  .section02-block01 .list-deliver .item p {
    font-size: 3.2710280374vw;
    line-height: 2;
  }
}
.section02-block02 {
  margin-top: 59px;
  background: rgb(133, 166, 230);
  background: linear-gradient(180deg, rgba(133, 166, 230, 0.5) -10%, rgba(222, 187, 235, 0.5) 0%, rgba(251, 181, 163, 0.5) 90%);
  padding: 63px 10px 50px;
  border-radius: 20px;
}
@media (max-width: 1280px) {
  .section02-block02 {
    margin-top: 4.609375vw;
    padding: 4.921875vw 0.78125vw 3.90625vw;
    border-radius: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 {
    margin-top: 7.0093457944vw;
    padding: 10.046728972vw 4.6728971963vw 11.4485981308vw;
    border-radius: 4.6728971963vw;
  }
}
.section02-block02 .ttl {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.2em;
}
@media (max-width: 1280px) {
  .section02-block02 .ttl {
    font-size: 1.875vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .ttl {
    font-size: 5.6074766355vw;
    line-height: 1.6666666667;
  }
}
.section02-block02 .sub-ttl {
  margin-top: 30px;
  text-align: center;
  line-height: 2.1428571429;
  letter-spacing: 0.1em;
}
@media (max-width: 1280px) {
  .section02-block02 .sub-ttl {
    font-size: 1.09375vw;
    margin-top: 2.34375vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .sub-ttl {
    margin-top: 5.6074766355vw;
    font-size: 3.2710280374vw;
  }
}
.section02-block02 .list-disaster {
  margin-top: 63px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 1280px) {
  .section02-block02 .list-disaster {
    margin-top: 4.921875vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .list-disaster {
    margin-top: 7.476635514vw;
  }
}
.section02-block02 .list-disaster .item {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .section02-block02 .list-disaster .item {
    width: 424px;
  }
  .section02-block02 .list-disaster .item:nth-child(even) {
    padding-left: 22px;
  }
  .section02-block02 .list-disaster .item:nth-child(n+3) {
    margin-top: 60px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section02-block02 .list-disaster .item {
    width: 33.125vw;
  }
  .section02-block02 .list-disaster .item:nth-child(even) {
    padding-left: 1.71875vw;
  }
  .section02-block02 .list-disaster .item:nth-child(n+3) {
    margin-top: 4.6875vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .list-disaster .item {
    justify-content: space-between;
  }
  .section02-block02 .list-disaster .item:not(:last-child) {
    margin-bottom: 7.0093457944vw;
  }
  .section02-block02 .list-disaster .item:nth-child(even) {
    flex-direction: row-reverse;
  }
  .section02-block02 .list-disaster .item:nth-child(even) .item-desc {
    padding-inline: 0 2.3364485981vw;
  }
}
.section02-block02 .list-disaster .item-img {
  flex: 200px 0 0;
}
@media (max-width: 1280px) {
  .section02-block02 .list-disaster .item-img {
    flex: 15.625vw 0 0;
  }
}
@media (max-width: 767px) {
  .section02-block02 .list-disaster .item-img {
    flex: 40.1869158879vw 0 0;
  }
}
.section02-block02 .list-disaster .item-img img {
  width: 100%;
}
.section02-block02 .list-disaster .item-desc {
  padding-left: 30px;
  flex: 1;
}
@media (max-width: 1280px) {
  .section02-block02 .list-disaster .item-desc {
    padding-left: 2.34375vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .list-disaster .item-desc {
    padding-left: 4.6728971963vw;
  }
}
.section02-block02 .list-disaster .item-ttl {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 0.2em;
}
@media (max-width: 1280px) {
  .section02-block02 .list-disaster .item-ttl {
    font-size: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .list-disaster .item-ttl {
    font-size: 4.6728971963vw;
  }
}
.section02-block02 .list-disaster .item p {
  margin-top: 12px;
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  .section02-block02 .list-disaster .item p {
    width: 172px;
    white-space: nowrap;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section02-block02 .list-disaster .item p {
    width: 13.4375vw;
    margin-top: 0.9375vw;
    font-size: 1.09375vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .list-disaster .item p {
    margin-top: 2.8037383178vw;
  }
}
@media (min-width: 768px) {
  .section02-block02 .learn-more {
    margin: 0 auto;
    margin-top: 56px;
    width: 450px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section02-block02 .learn-more {
    width: 35.15625vw;
    margin-top: 4.375vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .learn-more {
    margin-top: 13.0841121495vw;
  }
}
.section02-block02 .learn-more p {
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.2em;
  margin-bottom: 16px;
}
@media (max-width: 1280px) {
  .section02-block02 .learn-more p {
    margin-bottom: 1.25vw;
    font-size: 1.09375vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .learn-more p {
    margin-inline: -4.6728971963vw;
    margin-bottom: 3.738317757vw;
    font-size: 3.2710280374vw;
  }
}
.section02-block02 .learn-more_link {
  display: inline-block;
}
.section02-block02 .learn-more span {
  display: block;
  height: 30px;
  background-color: #FFEFEF;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 700;
  mix-blend-mode: multiply;
  margin-top: 10px;
  letter-spacing: 0.05em;
}
@media (max-width: 1280px) {
  .section02-block02 .learn-more span {
    height: 2.34375vw;
    line-height: 2.34375vw;
    font-size: 0.9375vw;
    margin-top: 0.78125vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .learn-more span {
    height: 7.0093457944vw;
    line-height: 7.0093457944vw;
    font-size: 2.8037383178vw;
    margin-top: 2.3364485981vw;
  }
}
.section02-block02 .list-resistant {
  margin: 52px auto 0;
  display: flex;
  flex-wrap: wrap;
  mix-blend-mode: multiply;
}
@media (min-width: 768px) {
  .section02-block02 .list-resistant {
    width: 648px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section02-block02 .list-resistant {
    width: 50.625vw;
    margin-top: 4.0625vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .list-resistant {
    margin-top: 7.476635514vw;
    justify-content: space-between;
  }
}
.section02-block02 .list-resistant .item {
  width: 50%;
}
@media (min-width: 768px) {
  .section02-block02 .list-resistant .item {
    padding-inline: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section02-block02 .list-resistant .item {
    padding-inline: 2.34375vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .list-resistant .item {
    width: calc(50% - 1.6355140187vw);
  }
}
.section02-block02 .list-resistant .item:nth-child(n+3) {
  margin-top: 35px;
}
@media (max-width: 1280px) {
  .section02-block02 .list-resistant .item:nth-child(n+3) {
    margin-top: 2.734375vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .list-resistant .item:nth-child(n+3) {
    margin-top: 5.6074766355vw;
  }
}
.section02-block02 .list-resistant .item-img {
  position: relative;
}
.section02-block02 .list-resistant .item-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFEFEF;
  border-radius: 20px;
  pointer-events: none;
}
@media (max-width: 1280px) {
  .section02-block02 .list-resistant .item-img:after {
    border-radius: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .list-resistant .item-img:after {
    border-radius: 4.6728971963vw;
  }
}
.section02-block02 .list-resistant .item-img img {
  position: relative;
  z-index: 1;
}
.section02-block02 .list-resistant .item-desc {
  margin-top: 9px;
  font-size: 18px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.2em;
  text-align: center;
}
@media (max-width: 1280px) {
  .section02-block02 .list-resistant .item-desc {
    margin-top: 0.703125vw;
    font-size: 1.40625vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .list-resistant .item-desc {
    font-size: 3.738317757vw;
    line-height: 2.25;
    margin-top: 0.9345794393vw;
  }
}
.section02-block02 .reducing {
  margin-top: 14px;
  padding-top: 73px;
  text-align: center;
  position: relative;
}
@media (max-width: 1280px) {
  .section02-block02 .reducing {
    margin-top: 1.09375vw;
    padding-top: 5.703125vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .reducing {
    margin-top: 2.8037383178vw;
    padding-top: 18.9252336449vw;
  }
}
.section02-block02 .reducing:after {
  content: "";
  width: 73px;
  height: 67px;
  background: url("/co-creation/images/section02_arrow.png") no-repeat center/contain;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1280px) {
  .section02-block02 .reducing:after {
    width: 5.703125vw;
    height: 5.234375vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .reducing:after {
    width: 14.4859813084vw;
    height: 15.8878504673vw;
    background-image: url("/co-creation/images/section02_arrow_sp.png");
  }
}
.section02-block02 .reducing p {
  margin: 0 auto;
  display: table;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.2em;
  border-bottom: 1px solid #505050;
  line-height: 36px;
}
@media (max-width: 1280px) {
  .section02-block02 .reducing p {
    font-size: 1.875vw;
    line-height: 2.8125vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .reducing p {
    font-size: 5.6074766355vw;
    line-height: 10.5140186916vw;
  }
}
.section02-block02 .detail01 {
  margin: 0 auto 80px;
}
@media (min-width: 768px) {
  .section02-block02 .detail01 {
    width: 848px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section02-block02 .detail01 {
    width: 66.25vw;
    margin-bottom: 6.25vw;
  }
}
.section02-block02 .detail02 {
  padding-top: 73px;
}
@media (min-width: 768px) {
  .section02-block02 .detail02 {
    border-top: 1px solid rgba(77, 77, 77, 0.5);
    margin: 0 auto;
    width: 840px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section02-block02 .detail02 {
    padding-top: 5.703125vw;
    width: 65.625vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .detail02 {
    padding-top: 18.2242990654vw;
    position: relative;
  }
  .section02-block02 .detail02:before {
    content: "";
    border-top: 1px solid rgba(77, 77, 77, 0.5);
    position: absolute;
    top: 0;
    left: -0.9345794393vw;
    right: -0.9345794393vw;
  }
}
.section02-block02 .detail02 .sub-ttl {
  margin-top: 28px;
}
@media (max-width: 1280px) {
  .section02-block02 .detail02 .sub-ttl {
    margin-top: 2.1875vw;
  }
}
@media (max-width: 767px) {
  .section02-block02 .detail02 .sub-ttl {
    margin-top: 5.6074766355vw;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.section03 {
  position: relative;
  overflow: hidden;
}
.section03-ttl {
  font-size: 30px;
  line-height: 1.6666666667;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-align: center;
}
@media (max-width: 1280px) {
  .section03-ttl {
    font-size: 2.34375vw;
  }
}
@media (max-width: 767px) {
  .section03-ttl {
    font-size: 6.0747663551vw;
    line-height: 1.6923076923;
    white-space: nowrap;
    letter-spacing: 0.1em;
  }
  .section03-ttl .spacing {
    letter-spacing: 0.2em;
  }
}
.section03-block {
  margin-top: 127px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block {
    margin-top: 9.921875vw;
  }
}
@media (max-width: 767px) {
  .section03-block {
    margin-top: 16.5887850467vw;
    padding-inline: 3.5046728972vw;
  }
}
.section03-block-inner {
  padding: 105px 0 47px;
}
@media (min-width: 768px) {
  .section03-block-inner {
    width: 1130px;
    max-width: 100%;
    margin-inline: auto;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block-inner {
    padding-block: 8.203125vw 3.671875vw;
    width: 88.28125vw;
  }
}
@media (max-width: 767px) {
  .section03-block-inner {
    position: relative;
    padding: 12.1495327103vw 0.9375rem 11.214953271vw;
  }
}
.section03-block-inner:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #F7F7F7;
  border-radius: 20px;
  z-index: -1;
}
@media (max-width: 1280px) {
  .section03-block-inner:after {
    border-radius: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .section03-block-inner:after {
    border-radius: 4.6728971963vw;
    left: 0;
    right: 0;
  }
}
.section03-block-desc {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .section03-block-desc {
    width: 960px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block-desc {
    width: 75vw;
  }
}
.section03-block .case-studies .col01 {
  text-align: center;
}
@media (min-width: 768px) {
  .section03-block .case-studies .col01 {
    font-size: 24px;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block .case-studies .col01 {
    font-size: 1.875vw;
  }
}
@media (max-width: 767px) {
  .section03-block .case-studies .col01 {
    font-size: 4.2056074766vw;
  }
}
.section03-block .case-studies .col02 {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .section03-block .case-studies .col02 {
    width: 796px;
    max-width: 100%;
    margin-inline: auto;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block .case-studies .col02 {
    width: 62.1875vw;
    margin-top: 2.34375vw;
  }
}
@media (max-width: 767px) {
  .section03-block .case-studies .col02 {
    margin-top: 4.6728971963vw;
  }
}
@media (min-width: 768px) {
  .section03-block .case-studies .row {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .section03-block .case-studies .row .item {
    width: 368px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block .case-studies .row .item {
    width: 28.75vw;
  }
}
@media (max-width: 767px) {
  .section03-block .case-studies .row .item:not(:last-child) {
    margin-bottom: 4.6728971963vw;
  }
}
.section03-block .case-studies .row .item a {
  text-decoration: none !important;
}
.section03-block .case-studies .row .item .img {
  margin-top: 13px;
}
@media (max-width: 1280px) {
  .section03-block .case-studies .row .item .img {
    margin-top: 1.015625vw;
  }
}
@media (max-width: 767px) {
  .section03-block .case-studies .row .item .img {
    margin-top: 2.3364485981vw;
  }
  .section03-block .case-studies .row .item .img img {
    width: 100%;
  }
}
.section03-block .case-studies .row .item .note {
  font-size: 14px;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media (min-width: 768px) {
  .section03-block .case-studies .row .item .note {
    margin-top: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block .case-studies .row .item .note {
    font-size: 1.09375vw;
  }
}
@media (max-width: 767px) {
  .section03-block .case-studies .row .item .note {
    font-size: 2.8037383178vw;
  }
}
.section03-block .case-studies .row .item p {
  padding-right: 15px;
  display: inline-block;
  line-height: 24px;
  border-bottom: 1px solid #4D4D4D;
  background: url("/co-creation/images/section03_arrow_link.png") no-repeat right 60%;
  background-size: 7px auto;
  font-size: 16px;
  letter-spacing: 0.1em;
  color: #4D4D4D;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block .case-studies .row .item p {
    padding-right: 1.171875vw;
    line-height: 1.875vw;
    font-size: 1.171875vw;
    background-size: 0.546875vw auto;
  }
}
@media (max-width: 767px) {
  .section03-block .case-studies .row .item p {
    padding-right: 3.0373831776vw;
    display: table;
    font-size: 3.738317757vw;
  }
}
.section03-block .detail01 {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .section03-block .detail01 {
    width: 600px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block .detail01 {
    width: 46.875vw;
  }
}
@media (max-width: 767px) {
  .section03-block .detail01 {
    width: 100%;
  }
}
.section03-block .detail01 .ttl {
  font-size: 26px;
  line-height: 1.8461538462;
  font-weight: 700;
  letter-spacing: 0.2em;
}
@media (max-width: 1280px) {
  .section03-block .detail01 .ttl {
    font-size: 2.03125vw;
  }
}
@media (max-width: 767px) {
  .section03-block .detail01 .ttl {
    font-size: 4.6728971963vw;
    line-height: 1.8;
  }
}
.section03-block .detail01 p {
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
  letter-spacing: 0.1em;
}
@media (max-width: 1280px) {
  .section03-block .detail01 p {
    font-size: 1.25vw;
    margin-top: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .section03-block .detail01 p {
    margin-top: 2.5700934579vw;
    font-size: 3.2710280374vw;
    line-height: 2.1428571429;
  }
}
.section03-block .detail01 .img {
  mix-blend-mode: multiply;
  margin-top: 36px;
}
@media (max-width: 1280px) {
  .section03-block .detail01 .img {
    margin-top: 2.8125vw;
  }
}
@media (max-width: 767px) {
  .section03-block .detail01 .img {
    margin-top: 5.3738317757vw;
  }
  .section03-block .detail01 .img img {
    width: 100%;
  }
}
.section03-block .detail02 {
  margin-top: 49px;
  padding-top: 36px;
  border-top: 1px solid rgba(77, 77, 77, 0.5);
}
@media (max-width: 1280px) {
  .section03-block .detail02 {
    margin-top: 3.828125vw;
    padding-top: 2.8125vw;
  }
}
@media (max-width: 767px) {
  .section03-block .detail02 {
    margin-top: 9.3457943925vw;
    padding-top: 3.2710280374vw;
  }
}
.section03-block .detail03 {
  margin-top: 44px;
  padding-top: 46px;
  border-top: 1px solid rgba(77, 77, 77, 0.5);
}
@media (max-width: 1280px) {
  .section03-block .detail03 {
    margin-top: 3.4375vw;
    padding-top: 3.59375vw;
  }
}
@media (max-width: 767px) {
  .section03-block .detail03 {
    margin-top: 4.4392523364vw;
    padding-top: 8.1775700935vw;
  }
}
.section03-block .detail03 .txt {
  text-align: center;
  font-size: 18px;
  line-height: 1.8888888889;
  letter-spacing: 0.1em;
}
@media (max-width: 1280px) {
  .section03-block .detail03 .txt {
    font-size: 1.40625vw;
  }
}
@media (max-width: 767px) {
  .section03-block .detail03 .txt {
    font-size: 3.738317757vw;
    line-height: 1.875;
  }
}
.section03-block .detail03 .txt a {
  position: relative;
  color: #EB1E1E !important;
}
.section03-block .detail03 .txt a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  border-bottom: 1px solid #EB1E1E;
}
@media (max-width: 1280px) {
  .section03-block .detail03 .txt a:after {
    bottom: -0.15625vw;
  }
}
@media (max-width: 767px) {
  .section03-block .detail03 .txt a:after {
    bottom: -0.7009345794vw;
    left: 0.7009345794vw;
    right: 0.4672897196vw;
  }
}
.section03-block .ttl-block {
  position: absolute;
  top: -50px;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .section03-block .ttl-block {
    top: -50px;
    white-space: nowrap;
    width: 698px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block .ttl-block {
    top: -3.90625vw;
    width: 54.53125vw;
  }
}
@media (max-width: 767px) {
  .section03-block .ttl-block {
    width: 96.4953271028vw;
    top: -8.1775700935vw;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .section03-block.-block01 .section03-block-inner:after {
    left: 50%;
    width: 1130px;
    transform: translateX(-50%);
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block.-block01 .section03-block-inner:after {
    width: 88.28125vw;
  }
}
.section03-block.-block03 {
  margin-top: 130px;
}
@media (max-width: 1280px) {
  .section03-block.-block03 {
    margin-top: 10.15625vw;
  }
}
@media (max-width: 767px) {
  .section03-block.-block03 {
    margin-top: 22.4299065421vw;
  }
}
@media (min-width: 768px) {
  .section03-block.-block03 .section03-block-inner {
    width: 1040px;
    padding-block: 110px 46px;
  }
  .section03-block.-block03 .section03-block-inner:after {
    left: 0;
    right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block.-block03 .section03-block-inner {
    width: 81.25vw;
    padding-block: 8.59375vw 3.59375vw;
  }
}
@media (max-width: 767px) {
  .section03-block.-block03 .section03-block-inner {
    padding-block: 14.953271028vw 10.7476635514vw;
  }
}
.section03-block.-block03 .desc {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .section03-block.-block03 .desc {
    width: 796px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block.-block03 .desc {
    width: 62.1875vw;
  }
}
@media (max-width: 767px) {
  .section03-block.-block03 .desc {
    width: 100%;
    display: block;
  }
}
.section03-block.-block03 .desc .item {
  display: block;
  text-decoration: none !important;
}
@media (min-width: 768px) {
  .section03-block.-block03 .desc .item {
    width: calc(50% - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section03-block.-block03 .desc .item {
    width: calc(50% - 2.34375vw);
  }
}
@media (max-width: 767px) {
  .section03-block.-block03 .desc .item {
    margin-top: 4.6728971963vw;
  }
  .section03-block.-block03 .desc .item:not(:last-child) {
    margin-bottom: 10.7476635514vw;
  }
}
.section03-block.-block03 .desc .ttl-time {
  margin-top: 23px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #4D4D4D;
}
@media (max-width: 1280px) {
  .section03-block.-block03 .desc .ttl-time {
    margin-top: 1.796875vw;
    font-size: 1.09375vw;
  }
}
@media (max-width: 767px) {
  .section03-block.-block03 .desc .ttl-time {
    margin-top: 5.3738317757vw;
    font-size: 3.2710280374vw;
  }
}
.section03-block.-block03 .desc .ttl {
  margin-top: 14px;
  font-size: 16px;
  line-height: 2;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #505050;
}
@media (max-width: 1280px) {
  .section03-block.-block03 .desc .ttl {
    margin-top: 1.09375vw;
    font-size: 1.25vw;
  }
}
@media (max-width: 767px) {
  .section03-block.-block03 .desc .ttl {
    margin-top: 3.2710280374vw;
    font-size: 3.738317757vw;
  }
}
.section03-block.-block03 .desc .ttl span {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tlr-modal {
  opacity: 0;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  display: flex;
  transition: opacity 0.4s ease;
}
.tlr-modal.active {
  opacity: 1;
  visibility: visible;
}
.tlr-modal__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.tlr-modal__video {
  display: none;
  z-index: 5;
  position: relative;
}
.tlr-modal__video::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
@media (min-width: 768px) {
  .tlr-modal__video {
    width: 100%;
    max-width: 722px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .tlr-modal__video {
    max-width: 56.40625vw;
  }
}
@media (max-width: 767px) {
  .tlr-modal__video {
    width: 96%;
  }
}
.tlr-modal__video.current {
  display: block;
}
.tlr-modal__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.tlr-modal__video--btn {
  position: absolute !important;
  right: -5px;
  top: -6px;
  cursor: pointer;
  height: 39px;
  width: 39px;
}
@media (min-width: 768px) {
  .tlr-modal__video--btn {
    transform: translate(0, -100%);
  }
}
@media (max-width: 767px) {
  .tlr-modal__video--btn {
    top: -9.3457943925vw;
    right: 0;
    height: 7.7102803738vw;
    width: 7.7102803738vw;
  }
}
.tlr-modal__video--btn:before, .tlr-modal__video--btn:after {
  content: "";
  position: absolute;
  border-bottom: 3px solid #fff;
  width: 100%;
  height: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 767px) {
  .tlr-modal__video--btn:before, .tlr-modal__video--btn:after {
    border-bottom-width: 0.7009345794vw;
  }
}
.tlr-modal__video--btn:before {
  transform: rotateZ(45deg);
}
.tlr-modal__video--btn:after {
  transform: rotateZ(-45deg);
}/*# sourceMappingURL=styles.css.map */