@charset "UTF-8";
/* index
-------------------------------------------------- */
.sc1 {
  min-width: 1080px;
  height: 540px;
  box-sizing: border-box;
  padding: 50px 0 0;
  background: url("../img/sc1_bg.png") no-repeat center top; }
  @media only screen and (max-width: 768px) {
    .sc1 {
      min-width: 100%; } }
  .sc1 .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    zoom: 1; }
    .sc1 .inner:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 959px) {
      .sc1 .inner {
        width: 1080px; } }
    @media only screen and (max-width: 768px) {
      .sc1 .inner {
        width: 100%;
        padding: 0 10px; } }
  @media only screen and (max-width: 768px) {
    .sc1 {
      padding: 20px 0 96.875%;
      background: url("../img/sc1_bg_sp.png") no-repeat center bottom;
      background-size: 100% auto;
      height: auto; } }
  .sc1__title {
    width: 360px;
    display: block;
    margin: 0 auto 45px; }
    @media only screen and (max-width: 768px) {
      .sc1__title {
        width: 60.9375%;
        margin: 0 auto 19px; } }
  .sc1__text {
    display: block;
    margin: 0 auto;
    width: 475px; }
    @media only screen and (max-width: 768px) {
      .sc1__text {
        width: 93.75%;
        height: auto;
        margin: 0 auto; }
        .sc1__text img {
          width: 100%;
          height: auto; } }

.sc2 {
  min-width: 1080px; }
  @media only screen and (max-width: 768px) {
    .sc2 {
      min-width: 100%; } }
  .sc2 .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    zoom: 1; }
    .sc2 .inner:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 959px) {
      .sc2 .inner {
        width: 1080px; } }
    @media only screen and (max-width: 768px) {
      .sc2 .inner {
        width: 100%;
        padding: 0 10px; } }
  .sc2 .sc2__block {
    position: relative;
    width: 880px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .sc2 .sc2__block {
        width: 100%; } }
    .sc2 .sc2__block .image {
      width: 93.75%;
      margin: 0 auto; }
    .sc2 .sc2__block .btn {
      position: absolute; }
      @media only screen and (max-width: 768px) {
        .sc2 .sc2__block .btn {
          position: static;
          width: 81.25%;
          height: auto;
          margin: 0 auto; } }
    .sc2 .sc2__block ul {
      width: 768px;
      margin: 13px 0 30px 112px;
      zoom: 1; }
      @media only screen and (max-width: 768px) {
        .sc2 .sc2__block ul {
          margin: 0;
          width: 100%;
          padding: 10px;
          box-sizing: border-box; } }
      .sc2 .sc2__block ul:after {
        content: "";
        display: block;
        clear: both; }
      .sc2 .sc2__block ul li {
        width: 50%;
        float: left;
        line-height: 36px; }
        @media only screen and (max-width: 768px) {
          .sc2 .sc2__block ul li {
            width: 100%;
            float: none;
            margin: 0; } }
        .sc2 .sc2__block ul li a {
          display: inline;
          font-size: 18px;
          font-size: 1.8rem; }
          @media only screen and (max-width: 768px) {
            .sc2 .sc2__block ul li a {
              font-size: 14px;
              font-size: 1.4rem; } }
        .sc2 .sc2__block ul li:before {
          content: "●";
          font-size: 0.8em;
          float: left;
          line-height: 36px; }
    .sc2 .sc2__block:nth-child(1) {
      padding-top: 93px; }
      @media only screen and (max-width: 768px) {
        .sc2 .sc2__block:nth-child(1) {
          padding-top: 20px; } }
      .sc2 .sc2__block:nth-child(1) li:before {
        color: #1f92ff; }
      .sc2 .sc2__block:nth-child(1) .btn {
        left: 110px;
        top: 459px; }
    @media only screen and (max-width: 768px) {
      .sc2 .sc2__block:nth-child(2) {
        padding-top: 10px; } }
    .sc2 .sc2__block:nth-child(2) li:before {
      color: #71ba72; }
    .sc2 .sc2__block:nth-child(2) .btn {
      right: 88px;
      top: 360px; }
    .sc2 .sc2__block:nth-child(3) {
      padding-top: 27px; }
      @media only screen and (max-width: 768px) {
        .sc2 .sc2__block:nth-child(3) {
          padding-top: 10px; } }
      .sc2 .sc2__block:nth-child(3) li:before {
        color: #ff8417; }
      .sc2 .sc2__block:nth-child(3) .btn {
        left: 110px;
        top: 374px; }
    .sc2 .sc2__block:nth-child(4) {
      padding-top: 53px; }
      @media only screen and (max-width: 768px) {
        .sc2 .sc2__block:nth-child(4) {
          padding-top: 10px; } }
      .sc2 .sc2__block:nth-child(4) li:before {
        color: #3abce8; }
      .sc2 .sc2__block:nth-child(4) .btn {
        right: 88px;
        top: 311px; }
    .sc2 .sc2__block:nth-child(5) {
      padding-top: 24px; }
      @media only screen and (max-width: 768px) {
        .sc2 .sc2__block:nth-child(5) {
          padding-top: 10px; } }
      .sc2 .sc2__block:nth-child(5) li:before {
        color: #f26c72; }
      .sc2 .sc2__block:nth-child(5) .btn {
        left: 110px;
        top: 375px; }

.sc3 {
  min-width: 1080px; }
  @media only screen and (max-width: 768px) {
    .sc3 {
      min-width: 100%; } }
  .sc3 .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    zoom: 1; }
    .sc3 .inner:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 959px) {
      .sc3 .inner {
        width: 1080px; } }
    @media only screen and (max-width: 768px) {
      .sc3 .inner {
        width: 100%;
        padding: 0 10px; } }
  .sc3 .box {
    padding: 94px 0 80px;
    width: 880px;
    margin: 0 auto 20px; }
    @media only screen and (max-width: 768px) {
      .sc3 .box {
        box-sizing: border-box;
        padding: 20px 10px;
        width: 100%; } }

.sc4 {
  min-width: 1080px; }
  @media only screen and (max-width: 768px) {
    .sc4 {
      min-width: 100%; } }
  .sc4 .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    zoom: 1; }
    .sc4 .inner:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 959px) {
      .sc4 .inner {
        width: 1080px; } }
    @media only screen and (max-width: 768px) {
      .sc4 .inner {
        width: 100%;
        padding: 0 10px; } }
  .sc4__title img {
    margin: 0 auto 30px; }
    @media only screen and (max-width: 768px) {
      .sc4__title img {
        width: 70%;
        margin: 0 auto 10px; } }
  .sc4__list {
    padding: 0 0 40px;
    width: 880px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .sc4__list {
        width: 100%;
        padding: 0 0 20px; }
        .sc4__list img {
          width: 100%;
          height: auto; } }
    .sc4__list li {
      margin-bottom: 25px; }
      @media only screen and (max-width: 768px) {
        .sc4__list li {
          margin-bottom: 10px; } }

.sc5 {
  min-width: 1080px;
  zoom: 1; }
  @media only screen and (max-width: 768px) {
    .sc5 {
      min-width: 100%; } }
  .sc5 .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    zoom: 1; }
    .sc5 .inner:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 959px) {
      .sc5 .inner {
        width: 1080px; } }
    @media only screen and (max-width: 768px) {
      .sc5 .inner {
        width: 100%;
        padding: 0 10px; } }
  .sc5:after {
    content: "";
    display: block;
    clear: both; }
  .sc5 .inner {
    width: 880px;
    margin: 0 auto 115px; }
    @media only screen and (max-width: 768px) {
      .sc5 .inner {
        width: 100%;
        margin: 0 auto 20px; } }
  .sc5__sns {
    width: 500px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .sc5__sns {
        width: 100%; } }
    .sc5__sns__title img {
      margin: 0 auto 30px; }
      @media only screen and (max-width: 768px) {
        .sc5__sns__title img {
          width: 20%;
          margin: 0 auto 10px; } }
  .sc5 .sbtn {
    zoom: 1;
    padding: 20px 0; }
    .sc5 .sbtn:after {
      content: "";
      display: block;
      clear: both; }
  .sc5 #btnIne,
  .sc5 #btnTwitter {
    float: left;
    height: 20px; }
    .sc5 #btnIne span,
    .sc5 #btnTwitter span {
      vertical-align: top; }
  .sc5 .fb_iframe_widget span {
    display: block;
    vertical-align: top; }
  .sc5 .fb_iframe_widget,
  .sc5 .fb_iframe_widget iframe[style],
  .sc5 .fb_iframe_widget span {
    width: 100% !important; }
  .sc5 .sns_nav ul {
    zoom: 1; }
    .sc5 .sns_nav ul:after {
      content: "";
      display: block;
      clear: both; }
  .sc5 .sns_nav li {
    width: 50%;
    float: left; }

.banner-sake {
  width: 800px;
  height: 240px;
  margin: 0 auto 50px; }
  @media only screen and (max-width: 768px) {
    .banner-sake {
      width: 100%;
      padding: 0;
      margin: 0 auto 10px; } }
  .banner-sake .img {
    padding: 10px 0 80px;
    width: 880px;
    margin: 0 auto 10px; }
    @media only screen and (max-width: 768px) {
      .banner-sake .img {
        width: 100%;
        padding: 0;
        margin: 0 auto 30px; } }

.remodal .title {
  margin: 30px 0 50px;
  font-size: 2.4rem; }
.remodal .text {
  line-height: 36px; }
.remodal1 {
  border: 2px solid #1f92ff; }
  .remodal1 .title {
    color: #1f92ff; }
.remodal2 {
  border: 2px solid #71ba72; }
  .remodal2 .title {
    color: #71ba72; }
.remodal3 {
  border: 2px solid #ff8417; }
  .remodal3 .title {
    color: #ff8417; }
.remodal4 {
  border: 2px solid #3abce8; }
  .remodal4 .title {
    color: #3abce8; }
.remodal5 {
  border: 2px solid #f26c72; }
  .remodal5 .title {
    color: #f26c72; }

/*# sourceMappingURL=index.css.map */

.banner-waiwai{
    margin-top: 15px;
}