@charset "UTF-8";
/* 768/992/1200 */
/* line 29, ../scss/_assets.scss */
.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

/* line 10, ../scss/style.scss */
* {
  box-sizing: border-box; }

/* line 13, ../scss/style.scss */
a {
  text-decoration: none;
  transition: 300ms;
  color: #141517; }

/* line 18, ../scss/style.scss */
img {
  height: auto;
  vertical-align: bottom; }

/* line 22, ../scss/style.scss */
html {
  color: #141517;
  letter-spacing: .6px; }

/* line 29, ../scss/style.scss */
body {
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", 'Open Sans' , "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

/* line 37, ../scss/style.scss */
section {
  clear: both; }

/* line 40, ../scss/style.scss */
p, h1, h2, h3, h4, h5, h6 {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8); }

/* line 43, ../scss/style.scss */
.wrap {
  width: 100%; }

/* line 53, ../scss/style.scss */
nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.97);
  z-index: 9999;
  /* inner-nav */ }
  /* line 60, ../scss/style.scss */
  nav .inner-nav {
    position: relative;
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    /* sp-menu */
    /* ul */ }
    @media screen and (max-width: 970px) {
      /* line 60, ../scss/style.scss */
      nav .inner-nav {
        padding: 0 2%; } }
    /* line 69, ../scss/style.scss */
    nav .inner-nav .sp-menu {
      display: none; }
      @media screen and (max-width: 970px) {
        /* line 69, ../scss/style.scss */
        nav .inner-nav .sp-menu {
          display: block;
          position: absolute;
          top: 50%;
          right: 6%;
          transform: translate(0, -50%); } }
      /* line 78, ../scss/style.scss */
      nav .inner-nav .sp-menu .nav-icon {
        position: relative;
        width: 25px;
        height: 17px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer; }
      /* line 92, ../scss/style.scss */
      nav .inner-nav .sp-menu .nav-icon span {
        display: block;
        position: absolute;
        height: 1px;
        width: 100%;
        background: #141517;
        border-radius: 30px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; }
      /* line 110, ../scss/style.scss */
      nav .inner-nav .sp-menu .nav-icon span:nth-child(1) {
        top: 0px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center; }
      /* line 117, ../scss/style.scss */
      nav .inner-nav .sp-menu .nav-icon span:nth-child(2) {
        top: 8px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center; }
      /* line 124, ../scss/style.scss */
      nav .inner-nav .sp-menu .nav-icon span:nth-child(3) {
        top: 16px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center; }
      /* line 131, ../scss/style.scss */
      nav .inner-nav .sp-menu .nav-icon.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -1px;
        left: 4px; }
      /* line 139, ../scss/style.scss */
      nav .inner-nav .sp-menu .nav-icon.open span:nth-child(2) {
        width: 0%;
        opacity: 0; }
      /* line 143, ../scss/style.scss */
      nav .inner-nav .sp-menu .nav-icon.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 17px;
        left: 4px; }
    /* line 152, ../scss/style.scss */
    nav .inner-nav h1 {
      float: left;
      max-width: 250px;
      width: 60%; }
      /* line 156, ../scss/style.scss */
      nav .inner-nav h1 img {
        width: 100%;
        padding: 10px 40px; }
        @media screen and (max-width: 970px) {
          /* line 156, ../scss/style.scss */
          nav .inner-nav h1 img {
            padding: 9px 30% 9px 0px; } }
    /* line 164, ../scss/style.scss */
    nav .inner-nav ul {
      float: right;
      /* li */ }
      @media screen and (max-width: 970px) {
        /* line 164, ../scss/style.scss */
        nav .inner-nav ul {
          display: none; } }
      /* line 169, ../scss/style.scss */
      nav .inner-nav ul li {
        float: left; }
        /* line 171, ../scss/style.scss */
        nav .inner-nav ul li a {
          display: block;
          margin: 0;
          padding: 23px 15px;
          font-size: 13px;
          font-weight: bold; }
          /* line 177, ../scss/style.scss */
          nav .inner-nav ul li a:hover {
            background: #ddd; }

/* nav */
/* line 187, ../scss/style.scss */
.inner-spnav {
  display: none;
  text-align: center; }
  /* line 190, ../scss/style.scss */
  .inner-spnav ul {
    border-bottom: 1px solid #f1f1f1; }
    /* line 193, ../scss/style.scss */
    .inner-spnav ul li a {
      display: block;
      padding: 16px;
      font-size: 16px;
      letter-spacing: 2px;
      border-top: 1px solid #f1f1f1; }

/* inner-spnav */
/* line 209, ../scss/style.scss */
.kv {
  padding-top: 66px;
  background-image: url(../img/kv.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  /* inner-section */ }
  @media screen and (max-width: 689px) {
    /* line 209, ../scss/style.scss */
    .kv {
      padding-top: 63px; } }
  @media screen and (max-width: 610px) {
    /* line 209, ../scss/style.scss */
    .kv {
      background-position: 70% center; } }
  @media screen and (max-width: 425px) {
    /* line 209, ../scss/style.scss */
    .kv {
      padding-top: 61px; } }
  @media screen and (max-width: 375px) {
    /* line 209, ../scss/style.scss */
    .kv {
      padding-top: 54px; } }
  @media screen and (max-width: 320px) {
    /* line 209, ../scss/style.scss */
    .kv {
      padding-top: 46px; } }
  /* line 232, ../scss/style.scss */
  .kv .br {
    display: none; }
    @media screen and (max-width: 767px) {
      /* line 232, ../scss/style.scss */
      .kv .br {
        display: block; } }
  /* line 239, ../scss/style.scss */
  .kv .inner-section h2 {
    padding: 13% 0 13%;
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 50px black;
    background: rgba(0, 0, 0, 0.3); }
    @media screen and (max-width: 768px) {
      /* line 239, ../scss/style.scss */
      .kv .inner-section h2 {
        padding: 15% 0 18%; } }
    @media screen and (max-width: 610px) {
      /* line 239, ../scss/style.scss */
      .kv .inner-section h2 {
        padding: 40% 0;
        font-size: 40px; } }
    @media screen and (max-width: 480px) {
      /* line 239, ../scss/style.scss */
      .kv .inner-section h2 {
        font-size: 30px; } }
    @media screen and (max-width: 320px) {
      /* line 239, ../scss/style.scss */
      .kv .inner-section h2 {
        font-size: 28px; } }
    /* line 260, ../scss/style.scss */
    .kv .inner-section h2 .mini {
      font-size: 24px; }
      @media screen and (max-width: 767px) {
        /* line 260, ../scss/style.scss */
        .kv .inner-section h2 .mini {
          font-size: 20px; } }
      @media screen and (max-width: 425px) {
        /* line 260, ../scss/style.scss */
        .kv .inner-section h2 .mini {
          font-size: 18px; } }
      @media screen and (max-width: 320px) {
        /* line 260, ../scss/style.scss */
        .kv .inner-section h2 .mini {
          font-size: 16px; } }
    /* line 272, ../scss/style.scss */
    .kv .inner-section h2 .sub {
      font-size: 22px; }
      @media screen and (max-width: 425px) {
        /* line 272, ../scss/style.scss */
        .kv .inner-section h2 .sub {
          font-size: 16px; } }

/* kv */
/* line 289, ../scss/style.scss */
.section {
  width: 100%;
  /* h2 */
  /* block */
  /* img-right */
  /* btn */
  /* center */
  /* list */ }
  /* line 292, ../scss/style.scss */
  .section .inner-section {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    padding-bottom: 60px; }
    @media screen and (max-width: 375px) {
      /* line 292, ../scss/style.scss */
      .section .inner-section {
        padding: 20px 16px; } }
  /* line 303, ../scss/style.scss */
  .section h2 {
    margin-bottom: 50px;
    padding-top: 46px;
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 1px; }
    @media screen and (max-width: 436px) {
      /* line 303, ../scss/style.scss */
      .section h2 {
        margin-bottom: 30px;
        padding-top: 30px;
        font-size: 30px; } }
    @media screen and (max-width: 360px) {
      /* line 303, ../scss/style.scss */
      .section h2 {
        margin-bottom: 20px;
        font-size: 22px; } }
    /* line 322, ../scss/style.scss */
    .section h2 span {
      display: inline-block;
      margin-bottom: 10px;
      font-size: 16px;
      letter-spacing: 2px;
      font-family: 'Open Sans Condensed'; }
      @media screen and (max-width: 320px) {
        /* line 322, ../scss/style.scss */
        .section h2 span {
          font-size: 13px; } }
    /* line 334, ../scss/style.scss */
    .section h2 .line {
      display: inline-block;
      width: 50px;
      height: 1px;
      margin-bottom: 0;
      background-color: #111; }
      @media screen and (max-width: 414px) {
        /* line 334, ../scss/style.scss */
        .section h2 .line {
          width: 30px; } }
  /* line 347, ../scss/style.scss */
  .section h3 {
    font-size: 26px;
    text-align: center; }
  /* line 352, ../scss/style.scss */
  .section h4 {
    font-size: 28px;
    margin-bottom: 20px; }
    @media screen and (max-width: 425px) {
      /* line 352, ../scss/style.scss */
      .section h4 {
        font-size: 18px; } }
    /* line 360, ../scss/style.scss */
    .section h4 .ornament {
      font-size: 12px;
      vertical-align: middle; }
  /* line 366, ../scss/style.scss */
  .section .block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    /* text */ }
    /* line 372, ../scss/style.scss */
    .section .block:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      /* line 366, ../scss/style.scss */
      .section .block {
        display: block;
        margin-bottom: 30px; } }
    /* line 381, ../scss/style.scss */
    .section .block .img {
      width: 40%;
      text-align: center; }
      @media screen and (max-width: 767px) {
        /* line 381, ../scss/style.scss */
        .section .block .img {
          width: 100%; } }
      /* line 389, ../scss/style.scss */
      .section .block .img img {
        width: 100%; }
    /* line 396, ../scss/style.scss */
    .section .block .text {
      padding: 20px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        /* line 396, ../scss/style.scss */
        .section .block .text {
          width: 100%;
          padding: 20px 0; } }
      /* line 405, ../scss/style.scss */
      .section .block .text.ta-left {
        text-align: left; }
      /* line 409, ../scss/style.scss */
      .section .block .text p {
        font-size: 16px;
        line-height: 2; }
        @media screen and (max-width: 767px) {
          /* line 409, ../scss/style.scss */
          .section .block .text p {
            font-size: 18px; } }
        @media screen and (max-width: 414px) {
          /* line 409, ../scss/style.scss */
          .section .block .text p {
            font-size: 14px; } }
    /* line 421, ../scss/style.scss */
    .section .block .mini {
      width: 35%; }
      @media screen and (max-width: 767px) {
        /* line 421, ../scss/style.scss */
        .section .block .mini {
          width: 100%; }
          /* line 425, ../scss/style.scss */
          .section .block .mini img {
            max-width: 300px; } }
    /* line 431, ../scss/style.scss */
    .section .block .short {
      width: 45%; }
      @media screen and (max-width: 767px) {
        /* line 431, ../scss/style.scss */
        .section .block .short {
          width: 100%; } }
  /* line 439, ../scss/style.scss */
  .section .img-right {
    flex-direction: row-reverse; }
  /* line 443, ../scss/style.scss */
  .section .btn {
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      /* line 443, ../scss/style.scss */
      .section .btn {
        text-align: center; } }
    @media screen and (max-width: 375px) {
      /* line 443, ../scss/style.scss */
      .section .btn {
        margin-top: 20px;
        margin-bottom: 20px; } }
    /* line 454, ../scss/style.scss */
    .section .btn a {
      position: relative;
      display: inline-block;
      width: 330px;
      height: 60px;
      line-height: 60px;
      color: #fff;
      font-size: 17px;
      font-weight: bold;
      text-align: center;
      border-radius: 30px;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); }
      @media screen and (max-width: 400px) {
        /* line 454, ../scss/style.scss */
        .section .btn a {
          width: 100%; } }
      /* line 471, ../scss/style.scss */
      .section .btn a:hover {
        opacity: .9;
        box-shadow: none; }
      /* line 476, ../scss/style.scss */
      .section .btn a:before {
        position: absolute;
        content: "";
        top: 31px;
        right: 16px;
        width: 28px;
        height: 1px;
        background: #fff; }
      /* line 486, ../scss/style.scss */
      .section .btn a:after {
        position: absolute;
        content: "";
        top: 28px;
        right: 16px;
        width: 10px;
        height: 1px;
        background: #fff;
        transform: rotate(30deg); }
  /* line 499, ../scss/style.scss */
  .section .btn-kit {
    margin-top: 50px;
    text-align: center; }
    /* line 503, ../scss/style.scss */
    .section .btn-kit img {
      width: 100px; }
  /* line 508, ../scss/style.scss */
  .section .center {
    text-align: center; }
  /* line 512, ../scss/style.scss */
  .section .ylw a {
    background: linear-gradient(120deg, #ffd348, #fabe00); }
  /* line 516, ../scss/style.scss */
  .section .bk a {
    background: linear-gradient(120deg, #383a40, #141517); }
  /* line 520, ../scss/style.scss */
  .section .grn a {
    background: linear-gradient(120deg, #3cb75d, #297d40); }
  /* line 524, ../scss/style.scss */
  .section .wh a {
    color: #000;
    background: #fff; }
    /* line 528, ../scss/style.scss */
    .section .wh a:before {
      background: #000; }
    /* line 531, ../scss/style.scss */
    .section .wh a:after {
      background: #000; }
  /* line 536, ../scss/style.scss */
  .section .hidden {
    visibility: hidden; }
  /* line 540, ../scss/style.scss */
  .section .list {
    /* li */ }
    /* line 541, ../scss/style.scss */
    .section .list li {
      clear: both;
      margin-bottom: 35px; }
      /* line 545, ../scss/style.scss */
      .section .list li dl {
        font-size: 13px;
        font-weight: bold; }
        /* line 549, ../scss/style.scss */
        .section .list li dl dt {
          float: left;
          color: #555; }
          @media screen and (max-width: 767px) {
            /* line 549, ../scss/style.scss */
            .section .list li dl dt {
              font-size: 12px; } }
          @media screen and (max-width: 425px) {
            /* line 549, ../scss/style.scss */
            .section .list li dl dt {
              float: none;
              margin-bottom: 10px; } }
          /* line 561, ../scss/style.scss */
          .section .list li dl dt span {
            display: block;
            text-align: right; }
            @media screen and (max-width: 425px) {
              /* line 561, ../scss/style.scss */
              .section .list li dl dt span {
                display: inline; } }
        /* line 571, ../scss/style.scss */
        .section .list li dl dd {
          margin-left: 130px; }
          @media screen and (max-width: 767px) {
            /* line 571, ../scss/style.scss */
            .section .list li dl dd {
              margin-left: 115px; } }
          @media screen and (max-width: 425px) {
            /* line 571, ../scss/style.scss */
            .section .list li dl dd {
              margin-left: 0; } }
          /* line 581, ../scss/style.scss */
          .section .list li dl dd a {
            display: inline-block;
            color: #ff69b4;
            text-decoration: underline; }
            @media screen and (max-width: 425px) {
              /* line 581, ../scss/style.scss */
              .section .list li dl dd a {
                margin-top: 5px; } }

/* section */
/* line 597, ../scss/style.scss */
.description {
  background: linear-gradient(120deg, #efece4, white, #efece4);
  /* inner-section */ }
  @media screen and (max-width: 768px) {
    /* line 597, ../scss/style.scss */
    .description {
      background: #fcfcfc; } }
  /* line 603, ../scss/style.scss */
  .description .inner-section {
    padding-top: 50px;
    /* block */ }
    @media screen and (max-width: 414px) {
      /* line 603, ../scss/style.scss */
      .description .inner-section {
        padding-top: 20px; } }
    @media screen and (max-width: 768px) {
      /* line 610, ../scss/style.scss */
      .description .inner-section .block {
        margin-bottom: 0; } }
    /* line 615, ../scss/style.scss */
    .description .inner-section .block .text {
      position: relative;
      padding: 40px 80px;
      background: #fcfcfc; }
      @media screen and (max-width: 768px) {
        /* line 615, ../scss/style.scss */
        .description .inner-section .block .text {
          padding: 20px 0; } }
      /* line 624, ../scss/style.scss */
      .description .inner-section .block .text:before {
        position: absolute;
        content: "";
        top: -8px;
        left: -8px;
        width: 20px;
        height: 13px;
        border-top: 8px solid #3cb75d;
        border-left: 8px solid #3cb75d; }
        @media screen and (max-width: 768px) {
          /* line 624, ../scss/style.scss */
          .description .inner-section .block .text:before {
            display: none; } }
      /* line 637, ../scss/style.scss */
      .description .inner-section .block .text:after {
        position: absolute;
        content: "";
        top: -8px;
        right: -8px;
        width: 13px;
        height: 20px;
        border-top: 8px solid #3cb75d;
        border-right: 8px solid #3cb75d; }
        @media screen and (max-width: 768px) {
          /* line 637, ../scss/style.scss */
          .description .inner-section .block .text:after {
            display: none; } }
      /* line 675, ../scss/style.scss */
      .description .inner-section .block .text p {
        font-size: 20px;
        font-weight: bold;
        line-height: 2.3; }
        @media screen and (max-width: 434px) {
          /* line 675, ../scss/style.scss */
          .description .inner-section .block .text p {
            font-size: 18px;
            line-height: 2.1;
            text-align: left;
            font-weight: normal; } }
        @media screen and (max-width: 375px) {
          /* line 675, ../scss/style.scss */
          .description .inner-section .block .text p {
            font-size: 16px;
            line-height: 1.9; } }
        @media screen and (max-width: 320px) {
          /* line 675, ../scss/style.scss */
          .description .inner-section .block .text p {
            font-size: 14px;
            line-height: 1.7; } }
        /* line 695, ../scss/style.scss */
        .description .inner-section .block .text p:before {
          position: absolute;
          content: "";
          bottom: -8px;
          left: -8px;
          width: 13px;
          height: 20px;
          border-bottom: 8px solid #3cb75d;
          border-left: 8px solid #3cb75d; }
          @media screen and (max-width: 768px) {
            /* line 695, ../scss/style.scss */
            .description .inner-section .block .text p:before {
              display: none; } }
        /* line 708, ../scss/style.scss */
        .description .inner-section .block .text p:after {
          position: absolute;
          content: "";
          bottom: -8px;
          right: -8px;
          width: 20px;
          height: 13px;
          border-bottom: 8px solid #3cb75d;
          border-right: 8px solid #3cb75d; }
          @media screen and (max-width: 768px) {
            /* line 708, ../scss/style.scss */
            .description .inner-section .block .text p:after {
              display: none; } }
        /* line 746, ../scss/style.scss */
        .description .inner-section .block .text p .sp-hidden {
          display: block; }
          @media screen and (max-width: 434px) {
            /* line 746, ../scss/style.scss */
            .description .inner-section .block .text p .sp-hidden {
              display: none; } }

/* description */
/* line 762, ../scss/style.scss */
.recommended {
  background-image: url(../img/bg02.jpg);
  background-size: cover;
  background-attachment: fixed;
  /* inner-section */ }
  @media screen and (max-width: 768px) {
    /* line 762, ../scss/style.scss */
    .recommended {
      background-attachment: scroll; } }
  /* line 772, ../scss/style.scss */
  .recommended .inner-section {
    background: linear-gradient(120deg, #f0fffd, rgba(255, 250, 240, 0.9));
    background-position-y: 50%;
    /* block */ }
    /* line 779, ../scss/style.scss */
    .recommended .inner-section h2 {
      text-shadow: 0 0 20px white; }
    /* line 783, ../scss/style.scss */
    .recommended .inner-section .block {
      margin-bottom: 50px;
      /* text */ }
      @media screen and (max-width: 414px) {
        /* line 783, ../scss/style.scss */
        .recommended .inner-section .block {
          margin-bottom: 0; } }
      /* line 791, ../scss/style.scss */
      .recommended .inner-section .block .text p {
        font-size: 24px;
        font-weight: bold;
        line-height: 2.7;
        text-shadow: 0 0 20px white; }
        @media screen and (max-width: 414px) {
          /* line 791, ../scss/style.scss */
          .recommended .inner-section .block .text p {
            font-size: 20px; } }
        @media screen and (max-width: 375px) {
          /* line 791, ../scss/style.scss */
          .recommended .inner-section .block .text p {
            font-size: 16px; } }
        @media screen and (max-width: 374px) {
          /* line 791, ../scss/style.scss */
          .recommended .inner-section .block .text p {
            font-size: 14px; } }
        /* line 807, ../scss/style.scss */
        .recommended .inner-section .block .text p .underline {
          margin: 0 4px;
          font-size: 1.05em;
          background: linear-gradient(transparent 50%, yellow 50%); }

/* recommended */
/* line 821, ../scss/style.scss */
.point {
  /* inner-section */ }
  /* line 822, ../scss/style.scss */
  .point .inner-section {
    /* block */ }
    /* line 823, ../scss/style.scss */
    .point .inner-section .block {
      margin-bottom: 50px; }
      @media screen and (max-width: 414px) {
        /* line 823, ../scss/style.scss */
        .point .inner-section .block {
          margin-bottom: 20px; } }
      /* line 830, ../scss/style.scss */
      .point .inner-section .block .text {
        width: 55%;
        margin-left: 20px;
        text-align: left; }
        @media screen and (max-width: 767px) {
          /* line 830, ../scss/style.scss */
          .point .inner-section .block .text {
            width: 100%;
            margin-left: 0; } }
        /* line 840, ../scss/style.scss */
        .point .inner-section .block .text h4 {
          font-weight: bold; }
        /* line 844, ../scss/style.scss */
        .point .inner-section .block .text p {
          font-size: 18px; }
          @media screen and (max-width: 414px) {
            /* line 844, ../scss/style.scss */
            .point .inner-section .block .text p {
              font-size: 14px;
              line-height: 1.8; } }
          /* line 852, ../scss/style.scss */
          .point .inner-section .block .text p .sp-hidden {
            display: block; }
            @media screen and (max-width: 414px) {
              /* line 852, ../scss/style.scss */
              .point .inner-section .block .text p .sp-hidden {
                display: none; } }

/* point */
/* line 868, ../scss/style.scss */
.example {
  background: #f7f3e9;
  /* inner-section */ }
  /* line 872, ../scss/style.scss */
  .example .inner-section {
    /* block */ }
    /* line 873, ../scss/style.scss */
    .example .inner-section h3 {
      color: #555;
      font-size: 21px;
      font-weight: bold;
      text-align: center; }
      @media screen and (max-width: 414px) {
        /* line 873, ../scss/style.scss */
        .example .inner-section h3 {
          font-size: 18px; } }
      /* line 883, ../scss/style.scss */
      .example .inner-section h3 img {
        display: inline-block;
        width: auto;
        height: 40px;
        margin-right: 25px;
        vertical-align: middle; }
        @media screen and (max-width: 468px) {
          /* line 883, ../scss/style.scss */
          .example .inner-section h3 img {
            margin-bottom: 10px; } }
      /* line 895, ../scss/style.scss */
      .example .inner-section h3 .sp-only {
        display: none; }
        @media screen and (max-width: 468px) {
          /* line 895, ../scss/style.scss */
          .example .inner-section h3 .sp-only {
            display: block; } }
    /* line 904, ../scss/style.scss */
    .example .inner-section .block {
      /* flex */ }
      /* line 905, ../scss/style.scss */
      .example .inner-section .block.flex {
        display: flex;
        justify-content: center;
        align-items: stretch;
        /* text */ }
        @media screen and (max-width: 767px) {
          /* line 905, ../scss/style.scss */
          .example .inner-section .block.flex {
            display: block; } }
        /* line 914, ../scss/style.scss */
        .example .inner-section .block.flex .text {
          width: 40%;
          margin: 0 20px; }
          @media screen and (max-width: 767px) {
            /* line 914, ../scss/style.scss */
            .example .inner-section .block.flex .text {
              width: 100%;
              margin: 0; } }
          /* line 924, ../scss/style.scss */
          .example .inner-section .block.flex .text .image img {
            width: 100%;
            height: auto; }
          /* line 930, ../scss/style.scss */
          .example .inner-section .block.flex .text .comment {
            margin-top: 5px;
            font-size: 13px;
            text-align: left; }
            @media screen and (max-width: 767px) {
              /* line 930, ../scss/style.scss */
              .example .inner-section .block.flex .text .comment {
                font-size: 16px; } }
            @media screen and (max-width: 414px) {
              /* line 930, ../scss/style.scss */
              .example .inner-section .block.flex .text .comment {
                font-size: 14px; } }

/* example */
/* line 951, ../scss/style.scss */
.txt-line {
  background: linear-gradient(transparent 60%, #ff0 0%); }

/* line 958, ../scss/style.scss */
footer {
  background: #242629;
  /* inner-footer */ }
  /* line 961, ../scss/style.scss */
  footer .inner-footer {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    /* sns-list */ }
    /* line 967, ../scss/style.scss */
    footer .inner-footer .block {
      display: block; }
      /* line 970, ../scss/style.scss */
      footer .inner-footer .block .btn a {
        width: 90%;
        max-width: 500px;
        height: 80px;
        line-height: 80px;
        border-radius: 5px; }
        /* line 976, ../scss/style.scss */
        footer .inner-footer .block .btn a:before {
          top: 40px; }
        /* line 979, ../scss/style.scss */
        footer .inner-footer .block .btn a:after {
          top: 37px; }
    /* line 985, ../scss/style.scss */
    footer .inner-footer .sns-list {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding: 30px 0; }
      /* line 991, ../scss/style.scss */
      footer .inner-footer .sns-list li {
        width: 30px;
        margin-right: 25px; }
        /* line 995, ../scss/style.scss */
        footer .inner-footer .sns-list li:last-child {
          margin-right: 0; }
        /* line 999, ../scss/style.scss */
        footer .inner-footer .sns-list li img {
          width: 100%; }
    /* line 1005, ../scss/style.scss */
    footer .inner-footer .copy {
      font-size: 11px;
      color: #fff;
      text-align: center; }

/* footer */
/* line 1015, ../scss/style.scss */
.ip6 {
  display: block; }
  @media screen and (max-width: 375px) {
    /* line 1015, ../scss/style.scss */
    .ip6 {
      display: none; } }