@charset "UTF-8";
.en-top {
  -webkit-font-smoothing: antialiased; /* Safari, Chrome (Mac向け) */
  -moz-osx-font-smoothing: grayscale; /* Firefox (Mac向け) */
  text-rendering: optimizeLegibility; /* 全ブラウザ (可読性最適化) */
}
.en-top .common-mvArea:before {
  background-image: url(../img/en/mv_sp.webp);
}
@media screen and (min-width: 768px), print {
  .en-top .common-mvArea:before {
    background-image: url(../img/en/mv_pc.webp);
  }
}
.en-top .common-mvArea-ttl .jost {
  font-size: 10vw;
  line-height: 12vw;
}
@media screen and (min-width: 751px), print {
  .en-top .common-mvArea-ttl .jost {
    font-size: 4.4270833333vw;
    line-height: 1.5;
  }
}
.en-top h2 {
  font-size: 10vw;
  color: #AB1E29;
  font-weight: 400;
  font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  line-height: 1.1;
  width: 89.3333333333vw;
  margin: 0 auto;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 767px), print {
  .en-top h2 {
    width: 90.2083333333vw;
    font-size: 4.4270833333vw;
  }
}
.en-top h2 span {
  font-weight: 500;
}
.en-top .linkArea {
  padding: 8vw 0;
}
@media screen and (min-width: 751px), print {
  .en-top .linkArea {
    padding: 5.7291666667vw 0 5.2083333333vw;
  }
}
.en-top .linkArea ul {
  margin: 0;
}
@media screen and (min-width: 751px), print {
  .en-top .linkArea ul {
    width: 90.2083333333vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
}
.en-top .linkArea ul li {
  margin-top: 2.1333333333vw;
}
@media screen and (min-width: 751px), print {
  .en-top .linkArea ul li {
    margin: 0;
  }
}
.en-top .linkArea ul li:nth-child(1) {
  margin-top: 0;
}
.en-top .linkArea ul li a {
  font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  display: block;
  position: relative;
  background-color: #AB1E29;
  color: #fff;
  font-size: 4vw;
  text-align: center;
  padding: 4vw 0 4.2666666667vw;
  letter-spacing: 0.05em;
  font-weight: normal;
}
@media screen and (min-width: 751px), print {
  .en-top .linkArea ul li a {
    width: 21.3020833333vw;
    padding: 1.0416666667vw 0;
    font-size: 1.1458333333vw;
    cursor: pointer;
  }
}
.en-top .linkArea ul li a:before {
  content: "";
  width: 2.1333333333vw;
  height: 2.1333333333vw;
  border-bottom: 0.2666666667vw #fff solid;
  border-right: 0.2666666667vw #fff solid;
  display: inline-block;
  position: absolute;
  top: 45%;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  right: 6.4vw;
}
@media screen and (min-width: 751px), print {
  .en-top .linkArea ul li a:before {
    width: 0.7291666667vw;
    height: 0.7291666667vw;
    border-bottom: 0.1041666667vw #fff solid;
    border-right: 0.1041666667vw #fff solid;
    right: 1.4583333333vw;
  }
}
.en-top .descArea {
  background-color: #FDF7E7;
  position: relative;
  padding-top: 10.6666666667vw;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea {
    padding-top: 7.2916666667vw;
    padding-bottom: 7.8125vw;
  }
}
.en-top .descArea:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 44.5333333333vw;
  height: 43.7333333333vw;
  background-image: url(../img/en/bg_img_01.webp);
  background-size: contain;
  z-index: 1;
}
@media screen and (min-width: 751px), print {
  .en-top .descArea:before {
    width: 23.2291666667vw;
    height: 22.8125vw;
  }
}
.en-top .descArea:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 44.5333333333vw;
  height: 43.7333333333vw;
  background-image: url(../img/en/bg_img_02.webp);
  background-size: contain;
  z-index: 1;
}
@media screen and (min-width: 751px), print {
  .en-top .descArea:after {
    width: 23.2291666667vw;
    height: 22.8125vw;
  }
}
.en-top .descArea h2 {
  padding-bottom: 9.3333333333vw;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea h2 {
    padding-bottom: 4.1666666667vw;
  }
}
.en-top .descArea-box {
  position: relative;
  z-index: 2;
}
.en-top .descArea .happyArea-box {
  margin-top: 8.6666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .happyArea-box {
    margin-top: 3.6458333333vw;
  }
}
.en-top .descArea .happyArea-box:nth-child(1) {
  margin-top: 0;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .happyArea-img {
    width: 81.25vw;
  }
}
.en-top .descArea .happyArea-whiteArea {
  background-color: #FFFFFF;
  padding: 5.3333333333vw;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .happyArea-whiteArea {
    width: 91.5104166667vw;
    padding-left: 4.0625vw;
    padding-right: 4.9479166667vw;
    padding-top: 12.7604166667vw;
    padding-bottom: 3.6458333333vw;
    margin-top: -9.375vw;
    margin-left: auto;
    margin-right: 0;
  }
}
.en-top .descArea .happyArea-whiteArea-ttl {
  font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  font-size: 5.0666666667vw;
  color: #AB1E29;
  position: relative;
  line-height: 1.2;
  padding-left: 5.3333333333vw;
  margin-top: 4.8vw;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .happyArea-whiteArea-ttl {
    font-size: 1.6666666667vw;
    padding-left: 1.6666666667vw;
    margin-top: 2.0833333333vw;
  }
}
.en-top .descArea .happyArea-whiteArea-ttl:before {
  content: "";
  display: block;
  width: 1.6vw;
  background-color: #AB1E29;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .happyArea-whiteArea-ttl:before {
    width: 0.5208333333vw;
  }
}
.en-top .descArea .happyArea-whiteArea-ttl:nth-child(1) {
  margin-top: 0;
}
.en-top .descArea .happyArea-whiteArea-txt {
  font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  font-size: 4.2666666667vw;
  line-height: 1.435;
  padding-left: 5.3333333333vw;
  margin-top: 2.6666666667vw;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .happyArea-whiteArea-txt {
    padding-left: 1.6666666667vw;
    font-size: 1.3541666667vw;
    margin-top: 0.625vw;
  }
}
.en-top .descArea .messageArea {
  margin-top: 13.3333333333vw;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .messageArea {
    margin-top: 7.2916666667vw;
  }
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .messageArea-img {
    width: 45.1041666667vw;
  }
}
.en-top .descArea .messageArea-box {
  margin-top: 9.3333333333vw;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .messageArea-box {
    width: 90.2083333333vw;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    align-items: center;
  }
}
.en-top .descArea .messageArea-box:nth-child(1) {
  margin-top: 0;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .messageArea-box:nth-child(2n) {
    flex-direction: row-reverse;
    margin-top: 3.6458333333vw;
  }
}
.en-top .descArea .messageArea .txtArea {
  width: 89.3333333333vw;
  margin: 0 auto;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .messageArea .txtArea {
    width: 42.0833333333vw;
  }
}
.en-top .descArea .messageArea .txtArea-ttl {
  font-size: 8vw;
  color: #AB1E29;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.1em;
  font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  margin: 0 auto;
  margin-top: 4.8vw;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .messageArea .txtArea-ttl {
    font-size: 3.125vw;
    margin: 0;
  }
}
.en-top .descArea .messageArea .txtArea-txt {
  font-size: 4.2666666667vw;
  margin: 0 auto;
  line-height: 1.43;
  font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  margin-top: 4vw;
}
@media screen and (min-width: 767px), print {
  .en-top .descArea .messageArea .txtArea-txt {
    font-size: 1.3541666667vw;
    letter-spacing: 0.01em;
    margin-top: 1.5625vw;
  }
}
.en-top .corpArea {
  padding: 10.6666666667vw 0 13.3333333333vw;
}
@media screen and (min-width: 767px), print {
  .en-top .corpArea {
    padding: 6.25vw 0 6.7708333333vw;
  }
}
.en-top .corpArea-table {
  width: 89.3333333333vw;
  margin: 0 auto;
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .corpArea-table {
    width: 83.0208333333vw;
    margin-top: 3.125vw;
    font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  }
}
.en-top .corpArea-table tr {
  border-bottom: #E5E5E5 0.5333333333vw solid;
}
@media screen and (min-width: 767px), print {
  .en-top .corpArea-table tr {
    border-bottom: #E5E5E5 0.1041666667vw solid;
  }
}
.en-top .corpArea-table th {
  width: 100%;
  font-size: 4.2666666667vw;
  color: #AB1E29;
  line-height: 1.43;
  padding-top: 4.2666666667vw;
}
@media screen and (max-width: 766px), print {
  .en-top .corpArea-table th {
    display: block;
  }
}
@media screen and (min-width: 767px), print {
  .en-top .corpArea-table th {
    width: 16.9270833333vw;
    font-size: 1.3541666667vw;
    line-height: 1.45;
    padding: 1.3541666667vw 0;
  }
}
.en-top .corpArea-table td {
  width: 100%;
  font-size: 4.2666666667vw;
  line-height: 1.43;
  padding-bottom: 4.2666666667vw;
  padding-left: 5.3333333333vw;
  margin-top: 0.5333333333vw;
}
@media screen and (max-width: 766px), print {
  .en-top .corpArea-table td {
    display: block;
  }
}
@media screen and (min-width: 767px), print {
  .en-top .corpArea-table td {
    font-size: 1.3541666667vw;
    line-height: 1.45;
    padding: 1.3541666667vw;
  }
}
.en-top .corpArea-caution {
  font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  width: 89.3333333333vw;
  color: #C99E3F;
  font-size: 2.6666666667vw;
  text-align: right;
  margin: 0 auto;
  margin-top: 5.3333333333vw;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px), print {
  .en-top .corpArea-caution {
    width: 83.0208333333vw;
    font-size: 1.0416666667vw;
    margin-top: min(calc((20/1240)*100vw), 20px);
  }
}
.en-top .sustainArea {
  background-color: #FDF7E7;
  padding: 9.3333333333vw 0 13.3333333333vw;
}
@media screen and (min-width: 767px), print {
  .en-top .sustainArea {
    padding: 5.7291666667vw 0 7.2916666667vw;
  }
}
@media screen and (min-width: 767px), print {
  .en-top .sustainArea-flex {
    display: flex;
    justify-content: space-between;
    margin-top: 3.6458333333vw;
  }
}
.en-top .sustainArea-box {
  margin-top: 13.3333333333vw;
}
@media screen and (min-width: 767px), print {
  .en-top .sustainArea-box {
    margin-top: 0;
  }
}
.en-top .sustainArea-box:nth-child(1) {
  margin-top: 6.6666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .sustainArea-box:nth-child(1) {
    margin-top: 0;
  }
}
@media screen and (min-width: 767px), print {
  .en-top .sustainArea-img {
    width: 48.4375vw;
  }
}
.en-top .sustainArea-txtArea {
  width: 89.3333333333vw;
  margin: 0 auto;
  margin-top: 4vw;
}
@media screen and (min-width: 767px), print {
  .en-top .sustainArea-txtArea {
    width: 38.6458333333vw;
    padding: 0;
    margin-top: 2.0833333333vw;
  }
}
.en-top .sustainArea-ttl {
  color: #AB1E29;
  font-size: 8vw;
  line-height: 1.1;
  letter-spacing: 0.05em;
  font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
}
@media screen and (min-width: 767px), print {
  .en-top .sustainArea-ttl {
    font-size: 3.1770833333vw;
  }
}
.en-top .sustainArea-subttl {
  color: #AB1E29;
  font-size: 5.0666666667vw;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .sustainArea-subttl {
    font-size: 1.6666666667vw;
    margin-top: 1.0416666667vw;
  }
}
.en-top .sustainArea-txt {
  font-size: 4.2666666667vw;
  font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  margin-top: 2.6666666667vw;
  line-height: 1.43;
}
@media screen and (min-width: 767px), print {
  .en-top .sustainArea-txt {
    font-size: 1.3541666667vw;
    letter-spacing: 0.001em;
    margin-top: 1.3541666667vw;
  }
}
.en-top .brandArea {
  padding-top: 9.3333333333vw;
  padding-bottom: 20vw;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea {
    padding-top: 5.7291666667vw;
    padding-bottom: 7.8125vw;
  }
}
.en-top .brandArea-inner {
  width: 89.3333333333vw;
  margin: 0 auto;
  margin-top: 6.6666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-inner {
    width: 90.2083333333vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3.6458333333vw;
  }
}
.en-top .brandArea-box {
  margin-top: 6vw;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box {
    margin-top: 2.8645833333vw;
    width: 28.0208333333vw;
    display: flex;
    flex-direction: column;
  }
}
.en-top .brandArea-box:nth-child(1) {
  background-color: #005850;
  margin-top: 0;
}
.en-top .brandArea-box:nth-child(1) .brandArea-logo {
  width: 45.4666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box:nth-child(1) .brandArea-logo {
    width: 14.2708333333vw;
    margin: 3.59375vw auto 2.5520833333vw;
  }
}
.en-top .brandArea-box:nth-child(1) .brandArea-ttl {
  color: #fff;
}
.en-top .brandArea-box:nth-child(1) .brandArea-txt {
  color: #fff;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box:nth-child(2) {
    margin-top: 0;
  }
}
.en-top .brandArea-box:nth-child(2) .brandArea-img:after {
  content: "";
  display: block;
  width: 100%;
  height: 2.1333333333vw;
  background-color: #D6006D;
  z-index: 2;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box:nth-child(2) .brandArea-img:after {
    height: 0.625vw;
  }
}
.en-top .brandArea-box:nth-child(2) .brandArea-txtArea {
  border-left: solid 0.5333333333vw #E5E5E5;
  border-right: solid 0.5333333333vw #E5E5E5;
  border-bottom: solid 0.5333333333vw #E5E5E5;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box:nth-child(2) .brandArea-txtArea {
    border-left: solid 0.1041666667vw #E5E5E5;
    border-right: solid 0.1041666667vw #E5E5E5;
    border-bottom: solid 0.1041666667vw #E5E5E5;
  }
}
.en-top .brandArea-box:nth-child(2) .brandArea-logo {
  width: 29.0666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box:nth-child(2) .brandArea-logo {
    width: 9.1145833333vw;
    margin: 4.0625vw auto 2.7604166667vw;
  }
}
.en-top .brandArea-box:nth-child(2) .brandArea-ttl {
  color: #333333;
}
.en-top .brandArea-box:nth-child(2) .brandArea-txt {
  color: #333333;
}
.en-top .brandArea-box:nth-child(3) {
  background-color: #40220D;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box:nth-child(3) {
    margin-top: 0;
  }
}
.en-top .brandArea-box:nth-child(3) .brandArea-logo {
  width: 37.0666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box:nth-child(3) .brandArea-logo {
    width: 11.6666666667vw;
    margin: 3.3854166667vw auto 1.9270833333vw;
  }
}
.en-top .brandArea-box:nth-child(3) .brandArea-ttl {
  color: #fff;
}
.en-top .brandArea-box:nth-child(3) .brandArea-txt {
  color: #fff;
}
.en-top .brandArea-box:nth-child(4) {
  background-color: #B21F0B;
}
.en-top .brandArea-box:nth-child(4) .brandArea-logo {
  width: 35.0666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box:nth-child(4) .brandArea-logo {
    width: 11.0416666667vw;
    margin: 3.8541666667vw auto 2.8125vw;
  }
}
.en-top .brandArea-box:nth-child(4) .brandArea-ttl {
  color: #fff;
}
.en-top .brandArea-box:nth-child(4) .brandArea-txt {
  color: #fff;
}
.en-top .brandArea-box:nth-child(5) {
  background-color: #CCDABA;
}
.en-top .brandArea-box:nth-child(5) .brandArea-logo {
  width: 45.8666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box:nth-child(5) .brandArea-logo {
    width: 14.375vw;
    margin: 3.3854166667vw auto 2.2916666667vw;
  }
}
.en-top .brandArea-box:nth-child(5) .brandArea-ttl {
  color: #4C3323;
}
.en-top .brandArea-box:nth-child(5) .brandArea-txt {
  color: #4C3323;
}
.en-top .brandArea-box:nth-child(6) {
  border-left: solid 0.5333333333vw #E5E5E5;
  border-right: solid 0.5333333333vw #E5E5E5;
  border-bottom: solid 0.5333333333vw #E5E5E5;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box:nth-child(6) {
    border-left: solid 0.1041666667vw #E5E5E5;
    border-right: solid 0.1041666667vw #E5E5E5;
    border-bottom: solid 0.1041666667vw #E5E5E5;
  }
}
.en-top .brandArea-box:nth-child(6) .brandArea-logo {
  width: 25.7333333333vw;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box:nth-child(6) .brandArea-logo {
    width: 8.0729166667vw;
    margin: 2.7083333333vw auto 1.5104166667vw;
  }
}
.en-top .brandArea-box:nth-child(6) .brandArea-ttl {
  color: #4C3323;
}
.en-top .brandArea-box:nth-child(6) .brandArea-txt {
  color: #4C3323;
}
.en-top .brandArea-box:nth-child(7) {
  background-color: #944B38;
}
.en-top .brandArea-box:nth-child(7) .brandArea-logo {
  width: 45.4666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-box:nth-child(7) .brandArea-logo {
    width: 14.2708333333vw;
    margin: 3.75vw auto 3.28125vw;
  }
}
.en-top .brandArea-box:nth-child(7) .brandArea-ttl {
  color: #fff;
}
.en-top .brandArea-box:nth-child(7) .brandArea-txt {
  color: #fff;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-img {
    height: 17.6041666667vw;
  }
}
.en-top .brandArea-txtArea {
  padding: 5.3333333333vw 5.3333333333vw 9.3333333333vw;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-txtArea {
    height: 100%;
    padding: 0 3.125vw 5.2083333333vw;
  }
}
.en-top .brandArea-logo {
  margin: 0 auto;
}
.en-top .brandArea-ttl {
  font-size: 8vw;
  line-height: 1.1;
  letter-spacing: 0.05em;
  font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  margin-top: 6.6666666667vw;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-ttl {
    font-size: 2.9166666667vw;
    margin: 0;
  }
}
.en-top .brandArea-txt {
  font-size: 4.2666666667vw;
  font-family: "Jost", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  margin-top: 2.6666666667vw;
  line-height: 1.43;
}
@media screen and (min-width: 767px), print {
  .en-top .brandArea-txt {
    font-size: 1.3541666667vw;
    letter-spacing: 0.001em;
    margin-top: 1.0416666667vw;
  }
}/*# sourceMappingURL=en.css.map */