.modal,
.ninecolors-modal {
  visibility: hidden;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: all 0.5s ease-out;
}

.modal .closebtn,
.ninecolors-modal .closebtn {
  display: block;
  z-index: 10;
  position: absolute;
  top: -50px;
  right: -35px;
  width: 70px;
  cursor: pointer;
}

@media print, screen and (max-width: 959px) {
  .modal .closebtn,
  .ninecolors-modal .closebtn {
    top: -5.20833vw;
    width: 7.29167vw;
  }
}
@media only screen and (max-width: 480px) {
  .modal .closebtn,
  .ninecolors-modal .closebtn {
    top: -7.968vw;
    right: -10%;
    width: 12vw;
  }
}
.modal .closebtn img,
.ninecolors-modal .closebtn img {
  width: 100%;
}

.modal .my-parts span::before,
.modal .my-parts span::after,
.ninecolors-modal .my-parts span::before,
.ninecolors-modal .my-parts span::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 40px;
  width: 20px;
  height: 2px;
  background: #393939;
  content: "";
}

@media print, screen and (max-width: 959px) {
  .modal .my-parts span::before,
  .modal .my-parts span::after,
  .ninecolors-modal .my-parts span::before,
  .ninecolors-modal .my-parts span::after {
    left: 4.16667vw;
    width: 2.08333vw;
    height: 0.20833vw;
  }
}
@media only screen and (max-width: 480px) {
  .modal .my-parts span::before,
  .modal .my-parts span::after,
  .ninecolors-modal .my-parts span::before,
  .ninecolors-modal .my-parts span::after {
    left: 6.66667vw;
    width: 3.667vw;
    height: 0.4vw;
  }
}
.modal .my-parts span::before,
.ninecolors-modal .my-parts span::before {
  transform: rotate(-45deg);
}

.modal .my-parts span::after,
.ninecolors-modal .my-parts span::after {
  transform: rotate(45deg);
}

.modal .modalbox,
.ninecolors-modal .modalbox {
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  max-width: 960px;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease-out;
}

.modalbox-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.modalbox-inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.modal.open,
.ninecolors-modal.open {
  visibility: visible;
  opacity: 1;
}

.modal.open .modalbox.open,
.ninecolors-modal.open .modalbox.open {
  visibility: visible;
  opacity: 1;
}

.scrollbox {
  position: relative;
  width: 840px;
  height: 340px;
  margin-top: 40px;
  border: 1px solid #ccc;
}

@media print, screen and (max-width: 959px) {
  .scrollbox {
    width: 87.5vw;
    height: 35.41667vw;
    margin-top: 4.16667vw;
  }
}
@media only screen and (max-width: 480px) {
  .scrollbox {
    width: 76vw;
    height: 98.66667vw;
    margin-top: 5.33333vw;
  }
}
.scrollbox ul {
  padding: 50px 60px;
}

@media print, screen and (max-width: 959px) {
  .scrollbox ul {
    padding: 5.20833vw 6.25vw;
  }
}
@media only screen and (max-width: 480px) {
  .scrollbox ul {
    padding: 4.66667vw 5.33333vw;
  }
}
.scrollbox li {
  display: flex;
  margin-top: 25px;
}

@media print, screen and (max-width: 959px) {
  .scrollbox li {
    margin-top: 2.60417vw;
  }
}
@media only screen and (max-width: 480px) {
  .scrollbox li {
    margin-top: 4vw;
  }
}
.scrollbox li:first-of-type {
  margin-top: 0;
}

.scrollbox span {
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
}

@media print, screen and (max-width: 959px) {
  .scrollbox span {
    font-size: 1.45833vw;
    line-height: 2.70833vw;
  }
}
@media only screen and (max-width: 480px) {
  .scrollbox span {
    font-size: 3.46667vw;
    line-height: 5.33333vw;
  }
}
.scrollbox span:last-of-type {
  margin-left: 5px;
}

@media print, screen and (max-width: 959px) {
  .scrollbox span:last-of-type {
    margin-left: 0.52083vw;
  }
}
@media only screen and (max-width: 480px) {
  .scrollbox span:last-of-type {
    margin-left: 1.33333vw;
  }
}
.page-title {
  width: 421px;
  margin: 0 auto 18px;
}

@media print, screen and (max-width: 959px) {
  .page-title {
    width: 43.85417vw;
    margin-bottom: 1.875vw;
  }
}
@media only screen and (max-width: 768px) {
  .page-title {
    margin-top: 4.16667vw;
  }
}
@media only screen and (max-width: 480px) {
  .page-title {
    width: 62vw;
    margin: 3.2vw auto 3.73333vw;
  }
}
.main-visual {
  z-index: 1;
  position: relative;
  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/9colors/images/main_visual_bg png") repeat-x center top;
  background-size: cover;
}

@media only screen and (max-width: 480px) {
  .main-visual {
    background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/9colors/images/main_visual_inner_bg_sp_v2 jpg") no-repeat center bottom;
    background-size: 100% auto;
  }
}
.main-visual__inner {
  height: 460px;
  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/9colors/images/main_visual_inner_bg png") no-repeat center bottom;
  background-size: 100% auto;
}

@media print, screen and (max-width: 959px) {
  .main-visual__inner {
    height: 47.91667vw;
  }
}
@media only screen and (max-width: 480px) {
  .main-visual__inner {
    height: calc(370 / 375 * 100vw);
    background: none;
  }
}
.main-visual__big-title {
  padding: 22px 0 20px;
  background: #0099cc;
  text-align: center;
}

@media print, screen and (max-width: 959px) {
  .main-visual__big-title {
    padding: 2.29167vw 0 2.08333vw;
  }
}
.main-visual__big-title img {
  height: 48px;
}

@media print, screen and (max-width: 959px) {
  .main-visual__big-title {
    padding: 2.29167vw 0 2.08333vw;
  }

  .main-visual__big-title img {
    width: auto;
    height: 5vw;
  }
}
@media only screen and (max-width: 480px) {
  .main-visual__big-title {
    padding: 2.66667vw 0;
  }

  .main-visual__big-title img {
    height: 9.33333vw;
  }
}
.main-visual__title {
  width: calc(418 / 960 * 100%);
  padding-top: min(58px, calc(58 / 960 * 100vw));
  padding-left: min(40px, calc(40 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .main-visual__title {
    width: calc(260 / 375 * 100vw);
    margin: auto;
    padding-top: 6.93333vw;
    padding-left: 0;
  }
}
.main-visual__text {
  width: calc(460 / 960 * 100%);
  padding-top: min(20px, calc(20 / 960 * 100vw));
  padding-left: min(40px, calc(40 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .main-visual__text {
    width: 100%;
    margin: auto;
    padding-top: calc(14 / 375 * 100vw);
    padding-left: 0;
  }
}
.spec {
  z-index: 1;
  position: relative;
  padding: 50px 0 210px;
  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/9colors/images/spec_bg png") repeat-x bottom center;
}

@media print, screen and (max-width: 959px) {
  .spec {
    padding: 5.20833vw 0 21.875vw;
  }
}
@media only screen and (max-width: 480px) {
  .spec {
    padding: 5.33333vw 0 36vw;
    background-position: 54% 99.3%;
    background-repeat: no-repeat;
    background-size: auto 27.33333vw;
  }
}
@media only screen and (max-width: 480px) {
  .section-inner {
    position: relative;
  }
}

.spec-block {
  display: flex;
  position: relative;
}

@media only screen and (max-width: 480px) {
  .spec-block {
    display: block;
  }
}
.spec-block__detail {
  width: 50%;
  background: #54C3F1;
}

@media only screen and (max-width: 480px) {
  .spec-block__detail {
    width: 100%;
  }
}
.spec-block__image {
  position: relative;
  width: 50%;
}

@media only screen and (max-width: 480px) {
  .spec-block__image {
    width: 100%;
  }
}

.spec-block__btn {
  width: 587px;
  margin: 45px auto 0;
}
@media only screen and (max-width: 959px) {
  .spec-block__btn {
    margin: 5vw auto 0;
    width: 62%;
  }
}

@media only screen and (max-width: 480px) {
  .spec-block__btn {
    position: absolute;
    top: 69.3vw;
    margin: 0 0 0 6.8vw;
    width: 86%;
  }
}

.spec-block__btn a {
  display: inline-block;
  position: relative;
}

.spec-block__btn a::after {
  z-index: 15;
  position: absolute;
  top: 50%;
  right: 24px;
  width: 14px;
  height: 11px;
  transform: translateY(-50%);
  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/images/icon_arrow_white png") no-repeat center top;
  background-size: 100% 100%;
  content: "";
  transition: right 0.2s linear;
}

@media print, screen and (max-width: 959px) {
  .spec-block__btn a::after {
    right: 2.08333vw;
    width: 1.45833vw;
    height: 1.14583vw;
  }
}
@media only screen and (max-width: 480px) {
  .spec-block__btn a::after {
    content: none;
  }
}
@media print, screen and (min-width: 481px) {
  .spec-block__btn a:hover::after {
    right: 17px;
  }
}
@media print, screen and (min-width: 481px) and (max-width: 959px) {
  .spec-block__btn a:hover::after {
    right: 1.35417vw;
  }
}

.spec-block__image--pichonkun::after {
  z-index: 10;
  position: absolute;
  top: -24px;
  left: 28px;
  width: 51px;
  height: 74px;
  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/images/pichonkun_downward png") no-repeat center top;
  background-size: 100% 100%;
  content: "";
}

@media print, screen and (max-width: 959px) {
  .spec-block__image--pichonkun::after {
    top: -2.5vw;
    left: 2.91667vw;
    width: 5.3125vw;
    height: 7.70833vw;
  }
}
@media only screen and (max-width: 480px) {
  .spec-block__image--pichonkun::after {
    content: none;
  }
}
.spec-block__pichonkun {
  position: absolute;
  top: 0;
  left: 0;
}

.spec-block__comment {
  position: relative;
  width: 100%;
  margin-top: 24px;
}

@media print, screen and (max-width: 959px) {
  .spec-block__comment {
    margin-top: 2.5vw;
  }
}
@media only screen and (max-width: 480px) {
  .spec-block__comment {
    margin-top: 4.13333vw;
  }
}
.spec-block__comment::after {
  z-index: 10;
  position: absolute;
  content: "";
}

.spec-block__comment--pichon-dainoji::after {
  right: -6px;
  bottom: -77px;
  width: 66px;
  height: 97px;
  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/images/pichonkun_dainoji png") no-repeat center top;
  background-size: 100% 100%;
}

@media print, screen and (max-width: 959px) {
  .spec-block__comment--pichon-dainoji::after {
    right: -0.625vw;
    bottom: -8.02083vw;
    width: 7.29167vw;
    height: 10.10417vw;
    background-size: 100% 100%;
  }
}
@media only screen and (max-width: 480px) {
  .spec-block__comment--pichon-dainoji::after {
    right: 0.53333vw;
    bottom: -6.26667vw;
    width: 12vw;
    height: 17.6vw;
  }
}
.spec-block__comment--pichon-standing::after {
  right: -19px;
  bottom: -68px;
  width: 70px;
  height: 105px;
  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/images/pichonkun_standing png") no-repeat center top;
  background-size: 100% 100%;
}

@media print, screen and (max-width: 959px) {
  .spec-block__comment--pichon-standing::after {
    right: -1.97917vw;
    bottom: -7.08333vw;
    width: 7.29167vw;
    height: 10.9375vw;
  }
}
@media only screen and (max-width: 480px) {
  .spec-block__comment--pichon-standing::after {
    right: 2vw;
    bottom: -8.8vw;
    width: 12.4vw;
    height: 18.4vw;
  }
}
.spec-block--umeda .spec-block__detail {
  padding: 38px 60px 33px;
}

@media print, screen and (max-width: 959px) {
  .spec-block--umeda .spec-block__detail {
    padding: 3.95833vw 6.25vw 3.125vw;
  }
}
@media only screen and (max-width: 480px) {
  .spec-block--umeda .spec-block__detail {
    padding: 5.33333vw 4vw 10vw;
  }
}
.spec-block--umeda .spec-block__title {
  width: 267px;
}

@media print, screen and (max-width: 959px) {
  .spec-block--umeda .spec-block__title {
    width: 27.8125vw;
  }
}
@media only screen and (max-width: 480px) {
  .spec-block--umeda .spec-block__title {
    width: 78.53333vw;
    margin: auto;
  }
}
.spec-block--shinosaka {
  flex-direction: row-reverse;
  margin-top: 54px;
}

@media print, screen and (max-width: 959px) {
  .spec-block--shinosaka {
    margin-top: 6vw;
  }
}
@media only screen and (max-width: 480px) {
  .spec-block--shinosaka {
    margin-top: 5.33333vw;
  }
}
.spec-block--shinosaka .spec-block__detail {
  padding: 39px 60px 36px;
}

@media print, screen and (max-width: 959px) {
  .spec-block--shinosaka .spec-block__detail {
    padding: 4.0625vw 6.25vw 3.4375vw;
  }
}
@media only screen and (max-width: 480px) {
  .spec-block--shinosaka .spec-block__detail {
    padding: 5.33333vw 4vw 6vw;
  }
}
.spec-block--shinosaka .spec-block__title {
  width: 335px;
}

@media print, screen and (max-width: 959px) {
  .spec-block--shinosaka .spec-block__title {
    width: 34.89583vw;
  }
}
@media only screen and (max-width: 480px) {
  .spec-block--shinosaka .spec-block__title {
    width: 85.06667vw;
    margin: auto;
  }
}
.air__title {
  padding: 22px 0 20px;
  background: #0099cc;
  text-align: center;
}

@media print, screen and (max-width: 959px) {
  .air__title {
    padding: 2.29167vw 0 2.08333vw;
  }
}
.air__title img {
  height: 48px;
}

@media print, screen and (max-width: 959px) {
  .air__title {
    padding: 2.29167vw 0 2.08333vw;
  }

  .air__title img {
    width: auto;
    height: 5vw;
  }
}
@media only screen and (max-width: 480px) {
  .air__title {
    padding: 2.8vw 0 2.66667vw;
  }

  .air__title img {
    height: 9.2vw;
  }
}
.air__main {
  position: relative;
  padding: 40px 0;
  background-color: #54C3F1;
  background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/9colors/images/air_bg gif");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media print, screen and (max-width: 959px) {
  .air__main {
    padding: 4.16667vw 0 6.25vw;
    background-color: #fff;
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/9colors/images/air_bg_sp01 gif"), url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/9colors/images/air_bg_sp02 gif");
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 480px) {
  .air__main {
    padding: 5.33333vw 0 11.66667vw;
  }
}
.air__inner {
  padding: 40px;
  border: 3px solid #0099cc;
  border-radius: 20px;
  background: #fff;
}

@media print, screen and (max-width: 959px) {
  .air__inner {
    padding: 4.16667vw;
  }
}
@media only screen and (max-width: 480px) {
  .air__inner {
    padding: 5.33333vw 6vw 8vw;
    border-radius: 10px;
  }
}
.air-color {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}

@media only screen and (max-width: 480px) {
  .air-color {
    display: block;
  }
}
.air-color__detail {
  width: 51%;
}

@media only screen and (max-width: 480px) {
  .air-color__detail {
    width: 100%;
  }
}
.air-color__text {
  color: #0099cc;
  font-size: 15px;
  line-height: 1.66667;
}

@media only screen and (max-width: 768px) {
  .air-color__text {
    font-size: 13px;
  }
}
@media only screen and (max-width: 480px) {
  .air-color__text {
    font-size: 12px;
    line-height: 1.25;
  }
}
.air-color__text + .air-color__text {
  margin-top: 20px;
}

@media print, screen and (max-width: 959px) {
  .air-color__text + .air-color__text {
    margin-top: 2.08333vw;
  }
}
@media only screen and (max-width: 480px) {
  .air-color__text + .air-color__text {
    margin-top: 5.33333vw;
  }
}
.air-color__detail-image {
  margin-top: 25px;
}

@media print, screen and (max-width: 959px) {
  .air-color__detail-image {
    margin-top: 2.60417vw;
  }
}
@media only screen and (max-width: 480px) {
  .air-color__detail-image {
    margin-top: 7.33333vw;
  }
}
.air-color__image {
  width: 47.72727%;
}

@media only screen and (max-width: 480px) {
  .air-color__image {
    width: 100%;
    margin-top: 1.33333vw;
  }
}
.air-information {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 3px dotted #0090ba;
}

@media print, screen and (max-width: 959px) {
  .air-information {
    margin-top: 5.20833vw;
    padding-top: 5.20833vw;
  }
}
@media print, screen and (max-width: 959px) {
  .air-information {
    margin-top: 8vw;
    padding-top: 8.66667vw;
    border-top: 2px dotted #0090ba;
  }
}
.air-information__title {
  width: 394px;
  margin: auto;
}

@media print, screen and (max-width: 959px) {
  .air-information__title {
    width: 41.04167vw;
  }
}
@media only screen and (max-width: 480px) {
  .air-information__title {
    width: calc(267 / 375 * 100vw);
  }
}
.air-information__main {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

@media print, screen and (max-width: 959px) {
  .air-information__main {
    margin-top: 4.16667vw;
  }
}
@media only screen and (max-width: 480px) {
  .air-information__main {
    display: block;
    margin-top: 6.66667vw;
  }
}
.air-information__detail {
  width: 36.36364%;
}

@media only screen and (max-width: 480px) {
  .air-information__detail {
    width: 100%;
  }
}
.air-information__text {
  color: #0099cc;
  font-size: 15px;
  line-height: 1.66667;
}

@media only screen and (max-width: 768px) {
  .air-information__text {
    font-size: 13px;
  }
}
@media only screen and (max-width: 480px) {
  .air-information__text {
    font-size: 12px;
    line-height: 1.25;
  }
}
.air-information__text + .air-information__text {
  margin-top: 20px;
}

@media print, screen and (max-width: 959px) {
  .air-information__text + .air-information__text {
    margin-top: 2.08333vw;
  }
}
@media only screen and (max-width: 480px) {
  .air-information__text + .air-information__text {
    margin-top: 5.33333vw;
  }
}
.air-information__notes {
  margin-top: 30px;
  margin-left: 1em;
  color: #0099cc;
  font-size: 14px;
  line-height: 1.71429;
  text-indent: -1em;
}

@media print, screen and (max-width: 959px) {
  .air-information__notes {
    margin-top: 3.125vw;
  }
}
@media only screen and (max-width: 768px) {
  .air-information__notes {
    font-size: 13px;
  }
}
@media only screen and (max-width: 480px) {
  .air-information__notes {
    margin-top: 4.66667vw;
    font-size: 12px;
    line-height: 1.25;
  }
}
.air-information__image {
  position: relative;
  width: 59.09091%;
}

@media only screen and (max-width: 480px) {
  .air-information__image {
    width: 100%;
    margin-top: 12vw;
  }
}
.air-information__image::after {
  position: absolute;
  top: -73px;
  right: 13px;
  width: 73px;
  height: 81px;
  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/images/pichonkun_superman png") no-repeat center top;
  background-size: 100% 100%;
  content: "";
}

@media print, screen and (max-width: 959px) {
  .air-information__image::after {
    top: -7.60417vw;
    right: 1.35417vw;
    width: 7.60417vw;
    height: 8.4375vw;
  }
}
@media only screen and (max-width: 480px) {
  .air-information__image::after {
    top: -10.93333vw;
    right: 2.4vw;
    width: 13.06667vw;
    height: 14.53333vw;
  }
}
.air__btn {
  width: 587px;
  margin: 47px auto 0;
}
@media only screen and (max-width: 959px) {
  .air__btn {
    margin: 5vw auto 0;
    width: 62%;
  }
}

@media print, screen and (max-width: 480px) {
  .air__btn {
    margin-top: 5.8vw;
    width: 80%;
  }
}

.air__btn a {
  display: inline-block;
  position: relative;
}

.air__btn a::after {
  z-index: 15;
  position: absolute;
  top: 50%;
  right: 24px;
  width: 14px;
  height: 11px;
  transform: translateY(-50%);
  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/images/icon_arrow_white png") no-repeat center top;
  background-size: 100% 100%;
  content: "";
  transition: right 0.2s linear;
}

@media print, screen and (max-width: 959px) {
  .air__btn a::after {
    right: 2.08333vw;
    width: 1.45833vw;
    height: 1.14583vw;
  }
}
@media only screen and (max-width: 480px) {
  .air__btn a::after {
    content: none;
  }
}
@media print, screen and (min-width: 481px) {
  .air__btn a:hover::after {
    right: 17px;
  }
}
@media print, screen and (min-width: 481px) and (max-width: 959px) {
  .air__btn a:hover::after {
    right: 1.35417vw;
  }
}

.movie__title {
  padding: 22px 0 20px;
  background: #0099cc;
  text-align: center;
}

.movie__title img {
  height: 48px;
}

@media print, screen and (max-width: 959px) {
  .movie__title {
    padding: 2.29167vw 0 2.08333vw;
  }

  .movie__title img {
    width: auto;
    height: 5vw;
  }
}
@media only screen and (max-width: 480px) {
  .movie__title {
    padding: 2.8vw 0 2.66667vw;
  }

  .movie__title img {
    height: 9.2vw;
  }
}
.movie__main {
  position: relative;
  padding: min(60px, calc(60 / 960 * 100vw)) 0 min(100px, calc(100 / 960 * 100vw));
  transform: scaleX(-1);
  background-color: #54C3F1;
  background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/9colors/images/air_bg gif");
  background-position: calc(50% - 400px) top;
  background-repeat: no-repeat;
}

@media print, screen and (max-width: 959px) {
  .movie__main {
    padding: 10.41667vw 0;
    transform: scaleY(-1);
    background-color: #fff;
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/9colors/images/air_bg_sp02 gif");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 480px) {
  .movie__main {
    padding: 9.33333vw 0 10.66667vw;
    transform: scaleY(-1);
    background-color: #fff;
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/9colors/images/air_bg_sp01 gif"), url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/9colors/images/air_bg_sp02 gif");
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}
.movie__inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  transform: scaleX(-1);
}

@media print, screen and (max-width: 959px) {
  .movie__inner {
    transform: scaleY(-1);
  }
}
@media only screen and (max-width: 480px) {
  .movie__inner {
    display: block;
    transform: scaleY(-1);
  }
}
.movie-block {
  position: relative;
  width: 47.91667%;
}

@media only screen and (max-width: 480px) {
  .movie-block {
    width: 100%;
  }
}
.movie-block__title {
  margin: auto;
}

.movie-block__thumb {
  margin: 17px auto 0;
}

@media print, screen and (max-width: 959px) {
  .movie-block__thumb {
    margin-top: 1.77083vw;
  }
}
@media only screen and (max-width: 480px) {
  .movie-block__thumb {
    margin-top: 5.33333vw;
  }
}
.movie-block--flow .movie-block__title {
  width: 278px;
}

@media print, screen and (max-width: 959px) {
  .movie-block--flow .movie-block__title {
    width: 28.95833vw;
  }
}
@media only screen and (max-width: 480px) {
  .movie-block--flow .movie-block__title {
    width: 52.4vw;
  }
}
.movie-block--flow::before {
  position: absolute;
  top: -62px;
  left: 0;
  width: 52px;
  height: 75px;
  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/images/pichonkun_downward png") no-repeat center top;
  background-size: 100% 100%;
  content: "";
}

@media print, screen and (max-width: 959px) {
  .movie-block--flow::before {
    top: -6.45833vw;
    left: 0;
    width: 5.41667vw;
    height: 7.8125vw;
    background-size: 100% 100%;
  }
}
@media only screen and (max-width: 480px) {
  .movie-block--flow::before {
    top: -5.73333vw;
    left: 5.33333vw;
    width: 8.8vw;
    height: 12.53333vw;
  }
}
@media only screen and (max-width: 480px) {
  .movie-block--birth {
    margin-top: 9.33333vw;
  }
}
.movie-block--birth .movie-block__title {
  width: 244px;
}

@media print, screen and (max-width: 959px) {
  .movie-block--birth .movie-block__title {
    width: 25.41667vw;
  }
}
@media only screen and (max-width: 480px) {
  .movie-block--birth .movie-block__title {
    width: 46vw;
  }
}
.movie-block--birth::before {
  position: absolute;
  top: -72px;
  right: 8px;
  width: 51px;
  height: 72px;
  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/images/pichonkun_fly png") no-repeat center top;
  background-size: 100% 100%;
  content: "";
}

@media print, screen and (max-width: 959px) {
  .movie-block--birth::before {
    top: -7.5vw;
    right: 0.83333vw;
    width: 5.41667vw;
    height: 7.8125vw;
    background-size: 100% 100%;
  }
}
@media only screen and (max-width: 480px) {
  .movie-block--birth::before {
    top: -5.2vw;
    right: 8.26667vw;
    width: 8.66667vw;
    height: 12.13333vw;
  }
}
/*# sourceMappingURL=../../../../css-map/9colors/css/index.css.map */

/*
v2 追加ここから
*/
.movie__lead {
  width: 100%;
  margin-bottom: min(50px, calc(50 / 960 * 100vw));
  font-size: 15px;
  line-height: 1.66667;
  text-align: center;
  color: #0099cc;
}

@media only screen and (max-width: 480px) {
  .movie__lead {
    margin-bottom: calc(24 / 375 * 100vw);
    font-size: 12px;
    line-height: 1.4;
  }
}

.banner {
  margin-top: min(50px, calc(50 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .banner {
    margin-top: calc(20 / 375 * 100vw);
  }
}

.banner__body {
  display: block;
  width: calc(100% - 30px);
  max-width: 900px;
  aspect-ratio: 900 / 200;
  margin-inline: auto;
}

@media only screen and (max-width: 480px) {
    .banner__body {
      width: calc(345 / 375 * 100vw);
    }
}

@media (hover: hover) {
  .banner__body {
    transition: opacity 0.3s;
  }

  .banner__body:hover {
    opacity: 0.8;
  }
}

.sns-x {
  margin-top: min(64px, calc(64 / 960 * 100vw));
  margin-bottom: min(64px, calc(64 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .sns-x {
    margin-top: calc(36 / 375 * 100vw);
    margin-bottom: calc(40 / 375 * 100vw);
  }
}

.sns-x__text {
  width: min(455px, calc(455 / 960 * 100vw));
  margin-inline: auto;
}

@media only screen and (max-width: 480px) {
  .sns-x__text {
    width: calc(218 / 375 * 100vw);
  }
}

.sns-x__icon {
  width: min(116px, calc(116 / 960 * 100vw));
  margin-inline: auto;
}

@media only screen and (max-width: 480px) {
  .sns-x__icon {
    width: calc(77 / 375 * 100vw);
  }
}

.sns-x__btn {
  display: block;
  width: fit-content;
  margin-inline: auto;
  margin-top: max(-30px, calc(-30 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .sns-x__btn {
    margin-top: 0;
  }
}

@media (hover: hover) {
  .sns-x__btn {
    transition: opacity 0.3s;
  }

  .sns-x__btn:hover {
    opacity: 0.8;
  }
}

.sns-x__btn-body {
  display: grid;
  place-items: center;
  width: min(586px, calc(586 / 960 * 100vw));
  height: min(70px, calc(70 / 960 * 100vw));
  margin-inline: auto;
  margin-top: max(-16px, calc(-16 / 960 * 100vw));
  background-color: #009ad7;
  border-radius: 9999px;
}

@media only screen and (max-width: 480px) {
  .sns-x__btn-body {
    width: calc(296 / 375 * 100vw);
    height: calc(52 / 375 * 100vw);
    margin-top: calc(-6 / 375 * 100vw);
    background-color: #009ad7;
    border-radius: 9999px;
  }
}

.sns-x__btn-text {
  width: min(calc(210 * 1.538 * 1px), calc(210 * 1.538 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .sns-x__btn-text {
    width: calc(210 / 375 * 100vw);
  }
}

.kaibou {
  margin-top: 80px;
}

@media only screen and (max-width: 480px) {
  .kaibou {
    margin-top: calc(36 / 375 * 100vw);
  }
}

.kaibou__inner {
  width: calc(100% - 30px);
  max-width: 960px;
  margin-inline: auto;
}

@media only screen and (max-width: 480px) {
  .kaibou__inner {
    width: calc(345 / 375 * 100vw);
  }
}

.kaibou__panel {
  padding: min(36px, calc(36 / 960 * 100vw)) min(48px, calc(48 / 960 * 100vw)) min(48px, calc(48 / 960 * 100vw));
  border: 2px solid #009ad7;
  border-radius: 10px;
}

@media only screen and (max-width: 480px) {
  .kaibou__panel {
    padding: calc(26 / 375 * 100vw) calc(13 / 375 * 100vw) calc(32 / 375 * 100vw);
  }
}

.kaibou__block {
  padding-top: min(40px, calc(40 / 960 * 100vw));
  margin-top: min(24px, calc(24 / 960 * 100vw));
  border-top: 2px dotted #009ad7;
}

@media only screen and (max-width: 480px) {
  .kaibou__block {
    padding-top: calc(30 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
  }
}

.kaibou__block + .kaibou__block {
  padding-top: min(48px, calc(48 / 960 * 100vw));
  margin-top: min(48px, calc(48 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .kaibou__block + .kaibou__block {
     padding-top: calc(36 / 375 * 100vw);
    margin-top: calc(36 / 375 * 100vw);
  }
}

.kaibou__title {
  width: min(395px, calc(395 / 960 * 100vw));
  margin-inline: auto;
}

@media only screen and (max-width: 480px) {
  .kaibou__title {
    width: calc(253 / 375 * 100vw);
  }
}

.kaibou__heading {
  width: min(calc(var(--width) * 1.333 * 1px), calc(var(--width) * 1.333 / 960 * 100vw));
  margin-inline: auto;
  margin-bottom: min(30px, calc(30 / 960 * 100vw));
}

@media (max-width: 480px) {
  .kaibou__heading {
    width: calc(var(--width) / 375 * 100vw);
    margin-bottom: calc(24 / 375 * 100vw);
  }
}

.kaibou__sub-heading {
  margin-bottom: min(12px, calc(12 / 960 * 100vw));
  font-size: 20px;
  font-weight: 700;
  line-height: 1.667;
  color: #1d95d4;
}

@media only screen and (max-width: 480px) {
  .kaibou__sub-heading {
    margin-bottom: calc(14 / 375 * 100vw);
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
  }
}

.kaibou__text {
  color: #0099cc;
  font-size: 15px;
  line-height: 1.6667;
  text-align: center;
}

@media only screen and (max-width: 480px) {
  .kaibou__text {
    font-size: 12px;
    line-height: 1.4;
  }
}

.kaibou__notes {
  margin-top: 1em;
  color: #0099cc;
  font-size: 14px;
  line-height: 1.6667;
  text-align: center;
}

@media only screen and (max-width: 480px) {
  .kaibou__notes {
    font-size: 12px;
    line-height: 1.4;
  }
}

.kaibou__notes + .kaibou__btn {
  margin-top: min(20px, calc(20 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .kaibou__notes + .kaibou__btn {
    margin-top: calc(20 / 375 * 100vw);
  }
}

.kaibou__btn {
  --icon-color: #fff;

  position: relative;
  display: grid;
  place-items: center;
  width: min(586px, calc(586 / 960 * 100vw));
  height: min(70px, calc(70 / 960 * 100vw));
  max-width: 100%;
  margin-inline: auto;
  margin-top: min(40px, calc(40 / 960 * 100vw));
  background-color: #009ad7;
  border: 2px solid #009ad7;
  border-radius: 9999px;
}

@media only screen and (max-width: 480px) {
  .kaibou__btn {
    width: calc(296 / 375 * 100vw);
    height: calc(52 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
  }
}

@media (hover: hover) {
  .kaibou__btn {
    transition: opacity 0.3s;
  }

  .kaibou__btn:hover {
    opacity: 0.8;
  }
}

.kaibou__btn.inverse {
  --icon-color: #009ad7;
  background-color: #fff;
}

.kaibou__btn-text {
  width: min(calc(var(--width) * 1.538 * 1px), calc(var(--width) * 1.538 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .kaibou__btn-text {
    width: calc(var(--width) / 375 * 100vw);
  }
}

.kaibou__modal-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: min(24px, calc(24 / 960 * 100vw));
  width: min(15px, calc(15 / 960 * 100vw));
  height: min(15px, calc(15 / 960 * 100vw));
  margin-block: auto;
  border: 1px solid var(--icon-color);
}

@media only screen and (max-width: 480px) {
  .kaibou__modal-icon {
    right: calc(18 / 375 * 100vw);
    width: calc(12 / 375 * 100vw);
    height: calc(12 / 375 * 100vw);
  }
}

.kaibou__modal-icon::before,
.kaibou__modal-icon::after {
  position: absolute;
  inset: 0;
  width: min(7px, calc(7 / 960 * 100vw));
  height: 1px;
  margin: auto;
  background-color: var(--icon-color);
  content: "";
}

@media only screen and (max-width: 480px) {
  .kaibou__modal-icon::before,
  .kaibou__modal-icon::after {
    width: calc(6 / 375 * 100vw);
    height: calc(1 / 375 * 100vw);
  }
}

.kaibou__modal-icon::after {
  transform: rotate(90deg);
}

.kaibou__window-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: min(24px, calc(24 / 960 * 100vw));
  display: grid;
  width: min(16px, calc(16 / 960 * 100vw));
  height: min(12px, calc(12 / 960 * 100vw));
  margin-block: auto;
}

@media only screen and (max-width: 480px) {
  .kaibou__window-icon {
    right: calc(18 / 375 * 100vw);
    width: calc(13 / 375 * 100vw);
    height: calc(10 / 375 * 100vw);
  }
}

.kaibou__pichon {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(40px, calc(40 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .kaibou__pichon {
    grid-template-columns: 1fr;
    gap: calc(38 / 375 * 100vw);
  }
}

.kaibou__pichon-img {
  margin-top: min(26px, calc(26 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .kaibou__pichon-img {
    margin-top: calc(16 / 375 * 100vw);
  }
}

.kaibou__anime {
  display: flex;
  justify-content: flex-end;
  gap: min(52px, calc(52 / 960 * 100vw));
  margin-top: min(36px, calc(36 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .kaibou__anime {
    display: block;
    margin-top: calc(14 / 375 * 100vw);
  }
}

.kaibou__anime-text {
  width: min(330px, calc(330 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .kaibou__anime-text {
    width: calc(285 / 375 * 100vw);
    margin-inline: auto;
  }
}

.kaibou__anime-movie {
  position: relative;
  width: min(410px, calc(410 / 960 * 100vw));
  overflow: hidden;
  line-height: 1;
  border: 2px solid #009ad7;
  border-radius: 10px;
}

@media only screen and (max-width: 480px) {
  .kaibou__anime-movie {
    width: 100%;
    margin-top: calc(10 / 375 * 100vw);
    aspect-ratio: 345 / 184;
  }
}

.kaibou__anime-movie-video {
  position: relative;
  width: min(290px, calc(290 / 960 * 100vw));
  aspect-ratio: 410 / 250;
  margin-inline: auto;
  overflow: hidden;
}

@media only screen and (max-width: 480px) {
  .kaibou__anime-movie-video {
    width: calc(204 / 375 * 100vw);
  }
}

.kaibou__anime-movie-body {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  background: #fff;
  transform: translateZ(0);
  filter: none;
}

.kaibou__anime-movie-play,
.kaibou__anime-movie-stop {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: min(48px, calc(48 / 960 * 100vw));
  height: min(48px, calc(48 / 960 * 100vw));
  margin-inline: auto;
  margin-bottom: min(16px, calc(16 / 960 * 100vw));
  display: none;
  padding: 0;
  background: none;
  border: 0;
}

@media only screen and (max-width: 480px) {
  .kaibou__anime-movie-play,
  .kaibou__anime-movie-stop {
    width: calc(34 / 375 * 100vw);
    height: calc(34 / 375 * 100vw);
    margin-bottom: calc(12 / 375 * 100vw);
  }
}

.kaibou__anime-movie-play.is-active,
.kaibou__anime-movie-stop.is-active {
  display: block;
}

.kaibou__map {
  display: flex;
  gap: min(60px, calc(60 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .kaibou__map {
    display: block;
    gap: 0;
  }
}

.kaibou__map-img {
  width: min(382px, calc(382 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .kaibou__map-img {
    width: 100%;
  }
}

.kaibou__map-content {
  width: min(370px, calc(370 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .kaibou__map-content {
    width: 100%;
  }
}

.kaibou__map-flex {
  display: flex;
  gap: min(26px, calc(26 / 960 * 100vw));
  margin-top: min(40px, calc(40 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .kaibou__map-flex {
    justify-content: center;
    gap: 24px;
    margin-top: calc(18 / 375 * 100vw);
  }
}

.kaibou__map-title {
  font-size: 20px;
  font-weight: 700;
}

@media only screen and (max-width: 480px) {
  .kaibou__map-title {
    font-size: 15px;
  }
}

.kaibou__map-text {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.66667;
}

@media only screen and (max-width: 480px) {
  .kaibou__map-text {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.4;
  }
}

.kaibou__map-pichon {
  width: min(92px, calc(92 / 960 * 100vw));
}

@media only screen and (max-width: 480px) {
  .kaibou__map-pichon {
    width: 65px;
  }
}

.ninecolors-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: auto;
  padding-block: 80px;

  .modalbox {
    position: relative;
    inset: 0;
    width: calc(345 / 375 * 100vw);
    transform: none;
  }

  .closebtn {
    top: max(-35px, calc(-35 / 960 * 100vw));
    right: max(-20px, calc(-20 / 960 * 100vw));
  }

  img {
    max-width: 100%;
  }

  .air-information {
    padding-bottom: calc(32 / 375 * 100vw);
    margin-top: 0;
    border-top: 0;
  }
}

@media only screen and (max-width: 480px) {
  .ninecolors-modal {
    padding-block: calc(60 / 375 * 100vw);

    .closebtn {
      top: calc(-54/ 375 * 100vw);
      right: calc(2 / 375 * 100vw);
    }
  }
}

.kaibou__modal-inner {
  max-width: 900px;
  padding-inline: min(60px, calc(60 / 960 * 100%));
  margin-inline: auto;
  background-color: #fff;
  border-radius: 10px;
}

@media only screen and (max-width: 480px) {
  .kaibou__modal-inner {
    padding-inline: calc(25 / 375 * 100vw);
  }
}

.pichon-list {
  padding-top: calc(36 / 780 * 100%);
  padding-bottom: calc(80 / 780 * 100%);
}

@media only screen and (max-width: 480px) {
  .pichon-list {
    padding-top: calc(26 / 375 * 100vw);
    padding-bottom: calc(40 / 375 * 100vw);
  }
}

.pichon-list__title {
  width: calc(269 / 780 * 100%);
  margin-inline: auto;
}

@media only screen and (max-width: 480px) {
  .pichon-list__title {
    width: calc(176 / 375 * 100vw);
  }
}

.pichon-list__block {
  padding-top: calc(40 / 780 * 100%);
  margin-top: calc(20 / 780 * 100%);
  border-top: 2px dotted #009ad7;
}

@media only screen and (max-width: 480px) {
  .pichon-list__block {
    padding-top: calc(24 / 375 * 100vw);
    margin-top: calc(17 / 375 * 100vw);
  }
}

.pichon-list__block + .pichon-list__block {
  margin-top: calc(70 / 780 * 100%);
}

@media only screen and (max-width: 480px) {
  .pichon-list__block + .pichon-list__block {
    padding-top: calc(30 / 375 * 100vw);
    margin-top: calc(30 / 375 * 100vw);
  }
}

.pichon-list__heading {
  width: min(calc(var(--width) * 1.333 * 1px), calc(var(--width) * 1.333 / 960 * 100vw));
  margin-inline: auto;
}

@media only screen and (max-width: 480px) {
  .pichon-list__heading {
    width: calc(var(--width) / 375 * 100vw);
    margin-inline: auto;
  }
}

.pichon-list__img {
  width: calc(698 / 780 * 100%);
  margin-inline: auto;
  margin-top: calc(40 / 780 * 100%);
}

@media only screen and (max-width: 480px) {
  .pichon-list__img {
    width: 100%;
    margin-top: calc(22 / 375 * 100vw);
  }
}

.kaibou__modal-close {
  display: grid;
  place-items: center;
  width: min(306px, calc(306 / 960 * 100vw));
  height: min(70px, calc(70 / 960 * 100vw));
  margin-inline: auto;
  margin-top: min(60px, calc(60 / 960 * 100vw));
  background-color: #fff;
  border: 2px solid #009ad7;
  border-radius: 9999px;
  cursor: pointer;
}

@media only screen and (max-width: 480px) {
  .kaibou__modal-close {
    width: calc(295 / 375 * 100vw);
    height: calc(52 / 375 * 100vw);
    margin-top: calc(38 / 375 * 100vw);
  }
}

@media (hover: hover) {
  .kaibou__modal-close {
    transition: opacity 0.3s;
  }

  .kaibou__modal-close:hover {
    opacity: 0.8;
  }
}

.kaibou__modal-close-text {
  display: grid;
  width: min(calc(36 * 1.538 * 1px), calc(36 * 1.538 / 960 * 100vw));
}

@include a.mq(md) {
  .kaibou__modal-close-text {
    width: calc(36 / 375 * 100vw);
  }
}
/*
v2 追加ここまで
*/