@charset "utf-8";



.str-mv .lyt-mv-inner {

  position: relative;

  width: 100%;

  min-height: 503px;

  margin-bottom: 30px;

}



.str-mv .lyt-mv-inner .mv-image {

  text-align: right;

  background-image: url("/jp/images/index-mv-sp.jpg");

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  position: absolute;

  z-index: 2;

  right: 0;

  width: 92%;

  height: 380px;

}



.str-mv .lyt-mv-inner .mv-h1 {

  position: relative;

  z-index: 4;

  overflow: hidden;

  width: 89%;

  min-width: 280px;

  margin: 0 0 0 15px;

  padding: 40px 0 0;

}



.str-mv .lyt-mv-inner .mv-h1 .h1-img {

  max-width: 107%;

  margin-left: -6%;

}



.str-mv .lyt-mv-inner .mv-batch {

  position: absolute;

  z-index: 3;

  right: 15px;

  bottom: 95px;

  width: 74.1%;

  max-width: 450px;

}



.str-mv .lyt-mv-inner .mv-lead {

  background-color: #f00000;

  position: absolute;

  top: auto;

  bottom: 0;

  left: 0;

  width: 92%;

}



.str-mv .lyt-mv-inner .mv-lead .lead-img {

  display: block;

  box-sizing: content-box;

  width: 85.5%;

  margin: 0 auto;

  padding: 75px 40px 25px 15px;

}



.contents {

  max-width: 1860px;

}



.contents-inner .box a {

  background-repeat: no-repeat;

  background-position: right;

  background-size: contain;

  display: flex;

  align-items: flex-end;

  min-height: 155px;

}



.contents-inner .box a .text-img {

  margin: 15px;

}



.contents-inner .mod-lyt-box {

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  margin-top: -20px;

}



.contents-inner .mod-lyt-box .box {

  overflow: hidden;

  box-sizing: border-box;

  width: 100%;

  margin-top: 20px;

}



.jp .massege {

  background-color: #f9c262;

  background-image: url("/jp/images/index-img-01.jpg");

}



.jp .massege .text-img {

  max-width: 53.1%;

}



.jp .philosophy {

  background-color: #b2dae7;

  background-image: url("/jp/images/index-img-02.jpg");

}



.jp .philosophy .text-img {

  max-width: 25.1%;

}



.jp .subsidiaries {

  background-color: #9ec392;

  background-image: url("/jp/images/index-img-03.jpg");

}



.jp .subsidiaries .text-img {

  max-width: 37.2%;

}



.jp .heritage {

  background-color: #e69c75;

  background-image: url("/jp/images/index-img-04.jpg");

}



.jp .heritage .text-img {

  max-width: 30%;

}



.jp .alcoholic {

  background-color: #e8ce95;

  background-image: url("/jp/images/index-img-05.jpg");

}



.jp .alcoholic .text-img {

  max-width: 23%;

}



.jp .news {

  background-color: #deadbd;

  background-image: url("/jp/images/index-img-06.jpg");

}



.jp .news .text-img {

  max-width: 44.1%;

}



.en .massege {

  background-color: #f9c262;

  background-image: url("/jp/images/index-img-01.jpg");

}



.en .massege .text-img {

  max-width: 74%;

}



.en .philosophy {

  background-color: #b2dae7;

  background-image: url("/jp/images/index-img-02.jpg");

}



.en .philosophy .text-img {

  max-width: 66.5%;

}



.en .subsidiaries {

  background-color: #9ec392;

  background-image: url("/jp/images/index-img-03.jpg");

}



.en .subsidiaries .text-img {

  max-width: 47%;

}



.en .heritage {

  background-color: #e69c75;

  background-image: url("/jp/images/index-img-04.jpg");

}



.en .heritage .text-img {

  max-width: 49.2%;

}



.en .alcoholic {

  background-color: #e8ce95;

  background-image: url("/jp/images/index-img-05.jpg");

}



.en .alcoholic .text-img {

  max-width: 58%;

}



.en .news {

  background-color: #deadbd;

  background-image: url("/jp/images/index-img-06.jpg");

}



.en .news .text-img {

  max-width: 41.3%;

}



.ie-enabled .contents-inner .box a {

  background-repeat: no-repeat;

  background-position: right;

  background-size: contain;

  display: block;

  min-height: 155px;

}



.ie-enabled .contents-inner .box a .text-img {

  margin: 104px 15px 15px 15px;

}



.unique-bnr {

  display: block;

  width: 100%;

  max-width: 1860px;

  margin: 50px auto 0;

  padding: 0 15px;

  text-align: center;

}



@media screen and (min-width: 400px) {

  .str-mv .lyt-mv-inner {

    min-height: 570px;

    margin-bottom: 30px;

  }

  .str-mv .lyt-mv-inner .mv-batch {

    bottom: 140px;

    max-width: 450px;

  }

  .str-mv .lyt-mv-inner .mv-lead .lead-img {

    padding: 140px 40px 25px 15px;

  }

}



@media screen and (min-width: 769px) {

  .str-mv .lyt-mv-inner {

    min-height: 980px;

    margin-bottom: 0;

  }

  .str-mv .lyt-mv-inner .mv-image {

    background-image: url("/jp/images/index-mv.jpg");

    width: 80%;

    max-width: 1500px;

    height: 698px;

  }

  .str-mv .lyt-mv-inner .mv-h1 {

    width: 43.2%;

    min-width: 500px;

    max-width: 830px;

    margin: 0 0 0 3.1%;

    padding: 260px 0 270px;

  }

  .str-mv .lyt-mv-inner .mv-h1 .h1-img {

    max-width: 113%;

    margin-left: -6%;

  }

  .str-mv .lyt-mv-inner .mv-batch {

    right: 125px;

    bottom: 200px;

    width: 33.8%;

    min-width: 450px;

    max-width: 650px;

    max-height: 170px;

  }

  .str-mv .lyt-mv-inner .mv-lead {

    position: absolute;

    z-index: 1;

    left: 0;

    width: 53%;

    min-width: 690px;

  }

  .str-mv .lyt-mv-inner .mv-lead .lead-img {

    width: auto;

    min-width: 612px;

    padding: 180px 0 66px;

  }

  .contents-inner .box a .text-img {

    margin: 20px;

  }

  .ie-enabled .contents-inner .box a .text-img {

    margin: 20px;

    padding: 263px 0 20px 0;

  }

}



@media screen and (min-width: 1024px) {

  .contents-inner {

    background-color: #eee;

    margin: -86px 30px 0;

    padding: 160px 70px 80px;

  }

  .contents-inner .box a {

    background-size: cover;

    width: 100%;

    min-height: 350px;

  }

  .contents-inner .mod-lyt-box {

    margin-top: -20px;

    margin-left: -20px;

  }

  .contents-inner .mod-lyt-box.col2 .box {

    width: 50%;

    margin-top: 0;

    padding-top: 20px;

    padding-left: 20px;

  }

  .ie-enabled .contents-inner .box a {

    background-size: cover;

    width: 100%;

    min-height: 350px;

  }

  .unique-bnr-inner {

    margin: 0 30px;

    padding: 0 70px;

  }

  .jp .massege {

    background-position-x: center!important;

  }

  .en .massege {

    background-position-x: center!important;

  }

}