/* sake
 * ----------------------------------------------- */
.inner {
  width: 880px;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    .inner {
      width: 100%;
      box-sizing: border-box;
      padding: 0 10px; } }

.sc1 {
  margin: 20px auto 0;
  background: #E7EDF8;
  padding: 20px 0; }
  @media only screen and (max-width: 768px) {
    .sc1 {
      padding: 0; }
      .sc1 img {
        width: 100%;
        height: auto; } }

.url-btn {
  margin: 20px 460px 0 50px; }
  @media only screen and (max-width: 768px) {
    .url-btn {
      width: 81.25%;
      margin: 20px auto; } }
  .url-btn a {
    background: #132f61; }

.sc2 {
  margin-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    .sc2 {
      margin-bottom: 40px; } }
  .sc2 .title {
    margin-bottom: 30px; }
    @media only screen and (max-width: 768px) {
      .sc2 .title img {
        width: 100%;
        height: auto; } }
  .sc2 li {
    border: 2px solid #132f61;
    margin-top: 50px;
    padding-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      .sc2 li {
        margin-top: 20px; }
        .sc2 li img {
          width: 100%;
          height: auto; } }
  .sc2__bl1 .url-btn {
    margin-bottom: 20px; }
  .sc2__bl8 {
    margin-top: 50px; }
    .sc2__bl8 .body {
      background: #E7EDF8;
      border: 1px solid #112F61;
      padding: 24px 18px; }
      @media only screen and (max-width: 768px) {
        .sc2__bl8 .body {
          padding: 24px 0; } }
    @media only screen and (max-width: 768px) {
      .sc2__bl8 .title img {
        width: 100%;
        height: auto; } }
    .sc2__bl8 ul {
      zoom: 1;
      margin-bottom: 20px; }
      .sc2__bl8 ul:after {
        content: "";
        display: block;
        clear: both; }
    .sc2__bl8 li {
      float: left;
      width: 270px;
      margin-right: 15px;
      border: none; }
      .sc2__bl8 li:last-child {
        margin-right: 0; }
      @media only screen and (max-width: 768px) {
        .sc2__bl8 li {
          width: 100%;
          float: none;
          margin-right: 0;
          margin-bottom: 20px;
          padding: 0 5%;
          box-sizing: border-box; }
          .sc2__bl8 li img {
            width: 100%;
            height: auto; } }
    .sc2__bl8 .banner {
      margin: 0 auto 20px;
      width: 700px; }
      @media only screen and (max-width: 768px) {
        .sc2__bl8 .banner {
          width: 80%; }
          .sc2__bl8 .banner img {
            width: 100%;
            height: auto; } }

.sc3 {
  padding-bottom: 80px; }
  .sc3 .title {
    margin-bottom: 30px; }
    @media only screen and (max-width: 768px) {
      .sc3 .title img {
        width: 100%;
        height: auto; } }

.sc4 {
  width: 1080px;
  margin: 0 auto 93px; }
  @media only screen and (max-width: 768px) {
    .sc4 {
      width: 100%;
      margin: 0 auto 40px; } }
  @media only screen and (max-width: 768px) {
    .sc4 .title img {
      width: 100%;
      height: auto; } }
  .sc4 ul {
    zoom: 1; }
    .sc4 ul:after {
      content: "";
      display: block;
      clear: both; }
  .sc4 li {
    width: 880px;
    padding: 0 0 50px;
    margin: 0 auto 50px;
    border-bottom: #112f61 solid 1px; }
    @media only screen and (max-width: 768px) {
      .sc4 li {
        width: 100%; } }
    .sc4 li .url-btn {
      margin: 20px 0 0 510px; }
      .sc4 li .url-btn a {
        background: #112f61; }
      @media only screen and (max-width: 768px) {
        .sc4 li .url-btn {
          width: 81.25%;
          margin: 20px auto 0; } }
    .sc4 li .title {
      margin: 50px auto 30px; }
    .sc4 li:nth-child(2n) .url-btn {
      margin: 20px 510px 0 0; }
      @media only screen and (max-width: 768px) {
        .sc4 li:nth-child(2n) .url-btn {
          margin: 20px auto 0; } }
    .sc4 li:last-child {
      border-bottom: none;
      margin: 0 auto;
      padding: 0; }
  .sc4 img {
    margin: 0 auto; }
  .sc4__bl1 {
    border: 8px solid #112f61;
    border-top: none;
    box-sizing: border-box;
    padding: 50px 92px;
    margin-bottom: 50px;
    background: #fffed9; }
    @media only screen and (max-width: 768px) {
      .sc4__bl1 {
        padding: 20px 0;
        margin-bottom: 0; } }

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