@charset "UTF-8";
.hero-sun, .section-ttl, .section-ttl-sub, .section-ttl-comment, .section-comment, .section-fig, .section-tab-panel-btn, .howto-ttl-point, .who-btn {
  text-align: center;
}
.section-txt {
  font-size: 3.75vw;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  line-height: 1.7857142857;
  margin: 0.5em 0;
}
@media screen and (min-width: 601px) {
  .section-txt {
    font-size: 22.5px;
  }
}
/*%text-ttl {//基本タイトル
  font-size: vw-sp-data(38);
  line-height: (56 / 38);
  letter-spacing: 0.05em;
  font-weight: bold;
  color: $color-text1;
  @include media(min-sp-data) {
    font-size: vw-ll(18);
    line-height: (30 / 18);
    margin-bottom: (3em / 18);
  }
  @include media(min-l) {
    font-size: 18px;
  }
}*/
.section:before {
  background-repeat: no-repeat;
}
.section {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
}
/*%bg-base3 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}*/
.g-main__inner, .g-main .company-banner, .hero {
  margin: 0 auto;
  max-width: 600px;
}
.section {
  margin: 0 auto 0 6.6666666667%;
  width: 88.3333333333%;
}
.section__inner {
  margin: 0 auto 0 4.8076923077%;
  width: 90.5660377358%;
}
.section-content {
  margin: 0 auto;
  width: 91.6666666667%;
}
/*%padding {
  padding: vw-sp-data($mergin-sp) 0;
  @include media(min-sp-data) {
    padding: vw-l($mergin-pc) 0;
  }
}
%margin {
  margin: vw-sp-data($mergin-sp) auto;
  @include media(min-sp-data) {
    margin: vw-l($mergin-pc) auto;
  }
}*/
/*==========================
 common
===========================*/
.g-main {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  color: #404040;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 !important;
  background-image: url("/-/media/Project/Daikin/daikin_co_jp/heatstroke/img/bg_sky_sp jpg");
  background-repeat: repeat;
  background-size: 100% auto;
  background-position: top left;
  position: relative;
  /* company */
  /* pagetop */
}
@media screen and (min-width: 601px) {
  .g-main {
    background-image: url("/-/media/Project/Daikin/daikin_co_jp/heatstroke/img/bg_sky jpg");
    background-size: auto;
  }
}
.g-main * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 601px) {
  .g-main a:hover {
    opacity: 0.8;
  }
}
.g-main:before {
  -webkit-animation: bg-sp 160s linear infinite;
  animation: bg-sp 160s linear infinite;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/-/media/Project/Daikin/daikin_co_jp/heatstroke/img/bg_cloud_sp png");
  background-position: top center;
  background-size: 120% auto;
}
@media screen and (min-width: 601px) {
  .g-main:before {
    background-image: url("/-/media/Project/Daikin/daikin_co_jp/heatstroke/img/bg_cloud png");
    background-size: auto;
    -webkit-animation: bg-pc 160s linear infinite;
    animation: bg-pc 160s linear infinite;
  }
}
.g-main__inner {
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (min-width: 601px) {
  .g-main .sp {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  .g-main .pc {
    display: none !important;
  }
}
.g-main .company {
  max-width: 600px;
  margin: 10.3333333333vw auto 0;
}
@media screen and (min-width: 601px) {
  .g-main .company {
    margin: 62px auto 0;
  }
}
.g-main .company-banner {
  display: block;
}
.g-main .page-top {
  opacity: 0;
  bottom: 40px;
  right: 5vw;
  position: fixed;
  z-index: 1;
}
@media screen and (min-width: 601px) {
  .g-main .page-top {
    right: 40px;
  }
}
.g-main .page-top-link {
  width: 12.6666666667vw;
  height: 12.6666666667vw;
  display: block;
}
@media screen and (min-width: 601px) {
  .g-main .page-top-link {
    width: 76px;
    height: 76px;
  }
}
.img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
#g-pagetop {
  display: none !important;
}
/*==========================
 hero
===========================*/
.hero {
  max-width: 600px;
  position: relative;
}
.hero-ttl {
  margin: calc(46 / 600 * 80%) auto calc(13 / 600 * 80%);
  width: calc(470 / 600 * 80%);
  max-width: calc(470 / 1190 * 100vh);
  position: relative;
  text-align: center;
}
.hero-menu {
  position: relative;
  margin-bottom: calc(23 / 600 * 80%);
}
.hero-menu__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero-menu-lead {
  width: calc(696 / 600 * 80%);
  text-align: center;
  margin: 0 auto;
}
.hero-menu-item {
  position: absolute;
}
.hero-menu-item--01 {
  right: calc(44 / 600 * 80%);
  bottom: calc(180 / 600 * 80%);
  width: calc(596 / 600 * 80%);
}
.hero-menu-item--02 {
  left: calc(50 / 600 * 80%);
  bottom: calc(25 / 600 * 80%);
  width: calc(643 / 600 * 80%);
}
.hero-menu-item__liink {
  display: block;
}
.hero-sun {
  position: absolute;
  top: -54.8vw;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 601px) {
  .hero-sun {
    top: -336px;
  }
}
.hero-sun__img {
  width: 100%;
}
.hero-chara {
  display: inline-block;
  position: absolute;
  bottom: calc(278 / 600 * 80%);
  right: calc(70 / 600 * 80%);
  width: calc(139 / 600 * 80%);
}
.hero-chara__img--02 {
  display: inline-block;
  position: absolute;
  top: calc(9 / 159 * 80%);
  right: calc(-4 / 139 * 80%);
  width: calc(41 / 139 * 80%);
}
@media screen and (min-width: 601px) {
  .hero-chara {
  }
}
/*==========================
 section
===========================*/
.section {
  max-width: 520px;
  position: relative;
  padding: 15% 1.5% 10% 0;
  margin: 0 auto 7.5%;
  /*タブ切り替え*/
}
@media screen and (min-width: 601px) {
  .section {
    padding: 90px 8px 60px 0;
  }
}
.section:before {
  content: '';
  position: absolute;
  top: 3vw;
  left: -0.5%;
  width: 100%;
  height: 4vw;
  max-height: 24px;
  background-image: url("/-/media/Project/Daikin/daikin_co_jp/heatstroke/img/bg_drop png");
  background-position: center;
  background-size: auto 100%;
}
@media screen and (min-width: 601px) {
  .section:before {
    top: 18px;
  }
}
.section-ttl {
  margin: 0 auto 8.3333333333%;
  width: 73.3333333333vw;
  max-width: 440px;
}
.section-ttl-sub {
  margin: 11.3636363636% auto 13.6363636364%;
  padding-top: 11.3636363636%;
}
.section-ttl-sub--style1 {
  margin: 13.6363636364% auto 9.0909090909%;
}
.section-ttl-comment {
  position: relative;
  margin: 6.25% auto;
}
.section-ttl-comment-chara__img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.section-comment {
  position: relative;
  margin: 8.3333333333% auto;
}
.section-comment-chara__img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.section-txt {
  text-align: justify;
  text-justify: inter-ideograph;
}
.section-fig {
  margin: 9.0909090909% auto;
}
.section-tab {
  margin-bottom: 11.3636363636%;
}
.section-tab-ope {
  display: flex;
  justify-content: center;
  max-width: 118.1818181818%;
  margin: 0 auto;
}
.section-tab-ope-btn {
  max-width: 50%;
  flex-basis: 50%;
  padding: 0 1%;
}
.section-tab-ope-btn__link {
  display: block;
  line-height: 1;
  transition: all .3s ease-in-out;
}
@media screen and (min-width: 601px) {
  .section-tab-ope-btn__link:hover {
    opacity: 1 !important;
    transform: translateY(-5%);
  }
}
.section-tab-panel {
  display: none;
  margin-top: -1.5%;
  position: relative;
}
.section-tab-panel-btn {
  position: absolute;
  left: 1.8%;
  bottom: 0.5109862034%;
  display: block;
  width: 96.3636363636%;
}
/*==========================
 why
===========================*/
.why {
  background-image: url("/-/media/Project/Daikin/daikin_co_jp/heatstroke/img/why_bg_01 png");
  padding-bottom: 6.6666666667%;
}
.why-comment {
  width: 118.5416666667%;
}
.why-fig {
  width: 91.8333333333vw;
  max-width: 551px;
}
/*==========================
 reason
===========================*/
.reason {
  background-image: url("/-/media/Project/Daikin/daikin_co_jp/heatstroke/img/reason_bg_01 png");
}
.reason-ttl {
  margin-bottom: 11.25%;
}
.reason-ttl-comment-01 {
  margin-bottom: 8.3333333333%;
}
.reason-ttl-comment-01, .reason-ttl-comment-02 {
  width: 78vw;
  max-width: 468px;
}
.reason-ttl-comment-03 {
  width: 75.3333333333vw;
  max-width: 452px;
  padding-bottom: 15%;
}
.reason-ttl-comment-chara__img-01 {
  right: 7%;
  bottom: 30%;
  width: 22.1666666667vw;
  max-width: 133px;
}
.reason-ttl-comment-chara__img-02 {
  right: 7%;
  bottom: -4%;
  width: 20.8333333333vw;
  max-width: 125px;
}
.reason-ttl-comment-chara__img-03 {
  right: 10%;
  bottom: 2%;
  width: 22.3333333333vw;
  max-width: 134px;
}
.reason-fig-01 {
  width: 73.6666666667vw;
  max-width: 442px;
  margin-bottom: 12.5%;
}
.reason-fig-02 {
  width: 73.5vw;
  max-width: 441px;
  margin-bottom: 0;
}
.reason-fig-03 {
  width: 73vw;
  max-width: 438px;
}
.reason-fig-04 {
  width: 73.3333333333vw;
  max-width: 440px;
  margin: 0 auto 0;
}
/*==========================
 howto
===========================*/
.howto {
  background-image: url("/-/media/Project/Daikin/daikin_co_jp/heatstroke/img/howto_bg_01 png");
  padding-top: 16.6666666667%;
}
@media screen and (min-width: 601px) {
  .howto {
    padding-top: 100px;
  }
}
.howto-ttl {
  margin-bottom: 12.5%;
}
.howto-ttl-comment {
  width: 71.6666666667vw;
  max-width: 430px;
  margin: 5.2083333333% auto 8.3333333333%;
}
.howto-ttl-comment-secondary {
  margin: 7.9545454545% auto 11.3636363636%;
}
.howto-ttl-comment--02 {
  margin-bottom: 10.4166666667%;
}
.howto-ttl-comment--03 {
  margin-top: 11.4583333333%;
}
.howto-ttl-comment-chara__img {
  right: auto;
  left: -7%;
  bottom: -3%;
  width: 23.3333333333vw;
  max-width: 140px;
}
.howto-ttl-comment-chara__img-01 {
  right: 5%;
  bottom: 3%;
  width: 23.3333333333vw;
  max-width: 140px;
}
.howto-ttl-point {
  margin: 13.6363636364% auto 7.9545454545%;
  padding-top: 12.5%;
  position: relative;
}
.howto-ttl-point:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.6666666667vw;
  max-height: 10px;
  background-image: url("/-/media/Project/Daikin/daikin_co_jp/heatstroke/img/dott png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}
.howto-ttl-point--01 {
  margin: 11.3636363636% auto 10.9090909091%;
  padding-top: 11.3636363636%;
}
.howto-ttl-point__img-01 {
  width: 54.5vw;
  max-width: 327px;
}
.howto-ttl-point__img-02 {
  width: 73.1666666667vw;
  max-width: 439px;
}
.howto-ttl-lead {
  margin-bottom: 9.0909090909%;
}
.howto-fig-01 {
  width: 76vw;
  max-width: 456px;
  margin: 8.3333333333% auto 13.5416666667%;
}
.howto-fig-02 {
  width: 72.6666666667vw;
  max-width: 436px;
  margin: 8.3333333333% auto;
}
.howto-fig-03 {
  width: 67.1666666667vw;
  max-width: 403px;
  margin: 7.2916666667% auto 5.2083333333%;
}
.howto-btn {
  display: block;
  margin-bottom: 6.8181818182%;
}
.howto-tab {
  margin-bottom: 0;
}
/*==========================
 who
===========================*/
.who {
  background-image: url("/-/media/Project/Daikin/daikin_co_jp/heatstroke/img/who_bg_01 png");
  padding-bottom: 10.8333333333%;
}
@media screen and (min-width: 601px) {
  .who {
    padding-bottom: 65px;
  }
}
.who-ttl-comment {
  width: 75.5vw;
  max-width: 453px;
}
.who-ttl-comment-chara__img {
  bottom: 19%;
  right: -1%;
  width: 26.3333333333vw;
  max-width: 158px;
}
.who-btn {
  margin-top: 7.9545454545%;
}
.who-btn__link {
  display: inline-block;
}
/*==========================
 アニメーション
===========================*/
/*==== js ====*/
.js-ani-01 {
  opacity: 0;
  margin-top: 50px;
}
.js-ani-02, .js-ani-04 {
  opacity: 0;
  /*margin-top: -100px;*/
}
.js-ani-03 {
  opacity: 0;
  /*margin-top: -100px;*/
}
.js-ani-05 {
  opacity: 0;
}
.js-ani-06 {
  opacity: 0;
}
/*.js-ani-01 {
  opacity: 0;
  margin-top: 50px;
}
.js-ani-02, .js-ani-04 {
  opacity: 0;
  margin-top: -100px;
}
.js-ani-03 {
  opacity: 0;
  margin-top: -100px;
}*/
/*==== css ====*/
/*背景*/
@-webkit-keyframes bg-sp {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -205.3333vw 117.3333vw;
  }
}
@keyframes bg-sp {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -205.3333vw 117.3333vw;
  }
}
@-webkit-keyframes bg-pc {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -1540px 880px;
  }
}
@keyframes bg-pc {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -1540px 880px;
  }
}
.kurun {
  animation: kurun 80s linear infinite;
  transform-origin: 50% 50%;
}
@-webkit-keyframes kurun {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes kurun {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*雲*/
.yurayura {
  animation: yurayura 4s linear infinite;
  transform-origin: 50% 50%;
}
.yurayura-01 {
  animation-delay: 3s;
}
.yurayura-02 {
  animation-delay: 4s;
}
@-webkit-keyframes yurayura {
  0% {
    -webkit-transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(-2.5deg);
  }
  35% {
    -webkit-transform: rotate(2.5deg);
  }
  60% {
    -webkit-transform: rotate(-2.5deg);
  }
  85% {
    -webkit-transform: rotate(2.5deg);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
@keyframes yurayura {
  0% {
    transform: rotate(0);
  }
  10% {
    transform: rotate(-2.5deg);
  }
  35% {
    transform: rotate(2.5deg);
  }
  60% {
    transform: rotate(-2.5deg);
  }
  85% {
    transform: rotate(2.5deg);
  }
  100% {
    transform: rotate(0);
  }
}
/*ふわふわ*/
.fuwafuwa {
  animation: fuwafuwa 3.6s infinite cubic-bezier(0.3, 0.07, 0.63, 0.87);
}
@media screen and (max-width: 600px) {
  .fuwafuwa {
    animation-name: fuwafuwa-sp;
  }
}
@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@keyframes fuwafuwa {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes fuwafuwa-sp {
  0% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(7%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes fuwafuwa-sp {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(7%);
  }
  100% {
    transform: translateY(0);
  }
}
.fuwafuwa-rv {
  animation: fuwafuwa-rv 3.6s infinite cubic-bezier(0.3, 0.07, 0.63, 0.87);
}
@media screen and (max-width: 600px) {
  .fuwafuwa-rv {
    animation-name: fuwafuwa-rv-sp;
  }
}
@-webkit-keyframes fuwafuwa-rv {
  0% {
    -webkit-transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@keyframes fuwafuwa-rv {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes fuwafuwa-rv-sp {
  0% {
    -webkit-transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-7%);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@keyframes fuwafuwa-rv-sp {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-7%);
  }
  100% {
    transform: translateY(0px);
  }
}
/*左右にゆれる*/
.guragura {
  animation: guragura 3s cubic-bezier(0.79, 0.14, 0.15, 0.86) infinite;
  transform-origin: 50% 100%;
}
@-webkit-keyframes guragura {
  0% {
    -webkit-transform: rotate(6deg);
  }
  50% {
    -webkit-transform: rotate(-6deg);
  }
  100% {
    -webkit-transform: rotate(6deg);
  }
}
@keyframes guragura {
  0% {
    transform: rotate(6deg);
  }
  50% {
    transform: rotate(-6deg);
  }
  100% {
    transform: rotate(6deg);
  }
}
/*うなずく*/
.unun {
  animation: unun 3s linear infinite;
  transform-origin: 50% 100%;
}
@-webkit-keyframes unun {
  0% {
    -webkit-transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(6deg);
  }
  25% {
    -webkit-transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(6deg);
  }
  55% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
@keyframes unun {
  0% {
    transform: rotate(0);
  }
  10% {
    transform: rotate(6deg);
  }
  25% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(6deg);
  }
  55% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0);
  }
}
/*点滅*/
.tenmetsu {
  animation: tenmetsu 0.5s ease-in-out infinite alternate;
}
@keyframes tenmetsu {
	0% {opacity: 0;}
	100% {opacity: 1;}
}