.wrapper {
  overflow: hidden;
  margin-bottom: 120px; }

.breadcrumb {
  margin-bottom: 0; }

.index-big-box {
  background: url(../img/index-bg-01.jpg) center center no-repeat;
  background-size: cover;
  margin-top: 100px;
  padding: 60px 30px 80px;
  position: relative; }
  @media screen and (max-width: 1050px) {
    .index-big-box {
      display: none; } }
  .index-big-box .text-box {
    width: 56%; }
  .index-big-box::before {
    position: absolute;
    content: url(../img/index-photo-01.png);
    right: 60px;
    top: -42px; }
    @media screen and (max-width: 1200px) {
      .index-big-box::before {
        right: -2px;
        top: -58px; } }
  .index-big-box .bace-btn {
    width: 340px;
    text-align: center;
    margin: auto; }

.index-big-sp-box {
  display: none; }
  @media screen and (max-width: 1050px) {
    .index-big-sp-box {
      background: url(../img/index-bg-sp-01.jpg) center center no-repeat;
      background-size: cover;
      margin-top: 30px;
      padding: 30px 20px 45px;
      text-align: center;
      display: block; } }
  .index-big-sp-box .photo {
    width: 80%;
    margin: auto; }
  .index-big-sp-box .title {
    margin-top: 10px; }
  .index-big-sp-box .bace-btn {
    margin: auto;
    margin-top: 15px; }
    @media screen and (max-width: 768px) {
      .index-big-sp-box .bace-btn.long-btn {
        width: 100%; } }

.index-box {
  width: 49%;
  margin-top: 30px;
  padding: 60px 20px 65px;
  text-align: center;
  background: #444; }
  @media screen and (max-width: 768px) {
    .index-box {
      width: 100%;
      margin-top: 20px;
      padding: 30px 20px 45px; } }
  .index-box .photo {
    width: 75%;
    margin: auto; }
  .index-box.plus {
    background: -webkit-linear-gradient(269.673deg, #eb1e48 15.619%, #a90f2c 71.7556%);
    background: -o-linear-gradient(269.673deg, #eb1e48 15.619%, #a90f2c 71.7556%);
    background: linear-gradient(180.32678deg, #eb1e48 15.619%, #a90f2c 71.7556%);
    float: left; }
    .index-box.plus .text {
      color: white; }
    .index-box.plus .title > span {
      color: #fff; }
    .index-box.plus .bace-btn {
      background: white;
      color: #b00024; }
      .index-box.plus .bace-btn::after {
        content: url(../../lib/cmn-img/arrow-red.png); }
    @media screen and (max-width: 768px) {
      .index-box.plus .bace-btn {
        width: 100%; } }
  .index-box.drink-series {
    background: -webkit-radial-gradient(#ffffff 0, #ffd6de 100%);
    background: -o-radial-gradient(#ffffff 0, #ffd6de 100%);
    background: radial-gradient(#ffffff 0, #ffd6de 100%);
    float: right; }
    .index-box.drink-series .bace-btn {
      color: white;
      background: -webkit-linear-gradient(269.673deg, #eb1e48 15.619%, #a90f2c 71.7556%);
      background: -o-linear-gradient(269.673deg, #eb1e48 15.619%, #a90f2c 71.7556%);
      background: linear-gradient(180.32678deg, #eb1e48 15.619%, #a90f2c 71.7556%); }
      .index-box.drink-series .bace-btn::after {
        content: url(../../lib/cmn-img/arrow-white.png); }
    @media screen and (max-width: 768px) {
      .index-box.drink-series .bace-btn {
        width: 100%; } }
  .index-box .text {
    margin-top: 12px;
    font-size: 18px;
    font-weight: bold; }
  .index-box .title {
    margin-top: 15px; }
  .index-box .title > span {
    display: block;
    font-size: 86%; }
  .index-box .bace-btn {
    width: 340px;
    margin: 30px auto 0px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .index-box .bace-btn {
        width: 100%; } }