@charset "UTF-8";
/* ==========================================================
  フォント
========================================================== */
/* ===================================================================
CSS information
 file name  :kizuna.css
 style info :キズナステーションページのスタイル
=================================================================== */
@media screen and (min-width: 768px) {
  body#kizuna:before {
    background-image: url(../img/kizuna/bg_kizuna_pc.jpg);
  }
}
@media screen and (max-width: 767px) {
  body#kizuna:before {
    background-image: url(../img/kizuna/bg_kizuna_sp.jpg);
  }
}

@media screen and (min-width: 768px) {
  :lang(es) .contentArea, .contentArea:lang(pt-BR), .pt-br .contentArea {
    padding: 50px 0 180px;
  }
}
@media screen and (min-width: 1921px) {
  :lang(es) .contentArea, .contentArea:lang(pt-BR), .pt-br .contentArea {
    padding: 2vw 0 8vw;
  }
}
@media screen and (max-width: 767px) {
  :lang(es) .contentArea .ttlBox, .contentArea .ttlBox:lang(pt-BR), .pt-br .contentArea .ttlBox {
    margin: 24vw auto 8vw;
  }
}
@media screen and (min-width: 1921px) {
  :lang(es) .contentArea .ttlBox h1 .enTxt {
    height: 3.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  :lang(es) .contentArea .ttlBox h1 .enTxt {
    height: 54px;
  }
}
@media screen and (max-width: 767px) {
  :lang(es) .contentArea .ttlBox h1 .enTxt {
    height: 9.2vw;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .ttlBox h1 .enTxt:lang(pt-BR), .pt-br .contentArea .ttlBox h1 .enTxt {
    height: 3.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .contentArea .ttlBox h1 .enTxt:lang(pt-BR), .pt-br .contentArea .ttlBox h1 .enTxt {
    height: 62px;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .ttlBox h1 .enTxt:lang(pt-BR), .pt-br .contentArea .ttlBox h1 .enTxt {
    height: 12vw;
  }
}
.contentArea #kizunaMain {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .contentArea #kizunaMain {
    background-image: url(../img/kizuna/bg_main_pc_2510.jpg);
    width: min(100%, 1440px);
    aspect-ratio: 1440/649;
    margin-inline: auto;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #kizunaMain {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #kizunaMain {
    background-image: url(../img/kizuna/bg_main_sp_2510.jpg);
    height: 105vw;
    padding-top: 47vw;
  }
}
@media screen and (min-width: 768px) {
  .contentArea #kizunaMain p {
    position: absolute;
    width: min(44vw, 620px);
    top: min(2.2vw, 34px);
    left: min(4.8vw, 92px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #kizunaMain p {
    width: 32vw;
    top: 1.6vw;
    left: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #kizunaMain p {
    position: relative;
    width: 90%;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  :lang(en) .contentArea #kizunaMain p {
    width: min(44vw, 628px);
    top: min(2.6vw, 38px);
  }
}
@media screen and (min-width: 1921px) {
  :lang(en) .contentArea #kizunaMain p {
    width: 32vw;
    top: 1.8vw;
  }
}
@media screen and (min-width: 768px) {
  :lang(fr) .contentArea #kizunaMain p, :lang(it) .contentArea #kizunaMain p, :lang(es) .contentArea #kizunaMain p {
    width: min(39vw, 560px);
    top: min(1vw, 14px);
  }
}
@media screen and (min-width: 1921px) {
  :lang(fr) .contentArea #kizunaMain p, :lang(it) .contentArea #kizunaMain p, :lang(es) .contentArea #kizunaMain p {
    width: 26vw;
    top: 1.2vw;
  }
}
@media screen and (max-width: 767px) {
  :lang(fr) .contentArea #kizunaMain p, :lang(it) .contentArea #kizunaMain p, :lang(es) .contentArea #kizunaMain p {
    width: 80%;
    top: -3.2vw;
  }
}
@media screen and (min-width: 768px) {
  :lang(zh-cmn-Hant) .contentArea #kizunaMain p, .zh-cmn-Hant .contentArea #kizunaMain p {
    width: min(30vw, 406px);
  }
}
@media screen and (min-width: 1921px) {
  :lang(zh-cmn-Hant) .contentArea #kizunaMain p, .zh-cmn-Hant .contentArea #kizunaMain p {
    width: 24vw;
    top: 1.2vw;
  }
}
@media screen and (max-width: 767px) {
  :lang(zh-cmn-Hant) .contentArea #kizunaMain p, .zh-cmn-Hant .contentArea #kizunaMain p {
    width: 70%;
    top: -1.6vw;
  }
}
@media screen and (min-width: 768px) {
  :lang(zh-cmn-Hans) .contentArea #kizunaMain p, .zh-cmn-Hans .contentArea #kizunaMain p {
    width: min(32.8vw, 438px);
  }
}
@media screen and (min-width: 1921px) {
  :lang(zh-cmn-Hans) .contentArea #kizunaMain p, .zh-cmn-Hans .contentArea #kizunaMain p {
    width: 24vw;
    top: 1.4vw;
  }
}
@media screen and (max-width: 767px) {
  :lang(zh-cmn-Hans) .contentArea #kizunaMain p, .zh-cmn-Hans .contentArea #kizunaMain p {
    width: 70%;
    top: -1.2vw;
  }
}