/* Scss Document */
@media screen and (max-width: 480px) {
  #front-page h2 {
    font-size: 2.4rem;
    margin-bottom: 30px; }
  #front-page h3 {
    margin-bottom: 30px;
    font-size: 2.4rem;
    letter-spacing: .3rem;
    position: relative;
    text-align: center; }
  #front-page h3::before {
    content: url(images/midashi_h3.svg);
    position: absolute;
    display: block;
    top: -35px;
    left: 0;
    right: 0; }
  #front-page h4 {
    margin-left: 60px;
    margin-bottom: 20px;
    font-size: 2.2rem;
    position: relative; }
  #front-page h4::before {
    content: url(images/midashi_h4.svg);
    position: absolute;
    top: -9px;
    left: -60px; }
  #front-page .main-description {
    margin-bottom: 80px;
    padding: 0 10px;
    text-align: center; }
    #front-page .main-description p {
      line-height: 2; }
  #front-page .main-features {
    margin-bottom: 70px; }
    #front-page .main-features .main-feature-contents {
      margin-bottom: 60px; }
      #front-page .main-features .main-feature-contents .main-feature-01 {
        width: calc( 100% - 20px );
        height: 175px;
        margin: 0 auto;
        margin-bottom: 40px;
        background: url("images/_DSC2396.png") no-repeat center;
        background-size: cover; }
      #front-page .main-features .main-feature-contents .main-feature-02 {
        width: calc( 100% - 20px );
        height: 175px;
        margin: 0 auto;
        margin-bottom: 40px;
        background: url("images/feature_gyousya.png") no-repeat center;
        background-size: cover; }
      #front-page .main-features .main-feature-contents .main-feature-03 {
        width: calc( 100% - 20px );
        height: 175px;
        margin: 0 auto;
        margin-bottom: 40px;
        background: url("images/feature_hoya.png") no-repeat center;
        background-size: cover; }
      #front-page .main-features .main-feature-contents .main-feature-text {
        width: calc( 100% - 50px );
        margin: 0 auto; }
        #front-page .main-features .main-feature-contents .main-feature-text p {
          line-height: 2; }
        #front-page .main-features .main-feature-contents .main-feature-text .btn {
          margin-top: 30px;
          text-align: center; }
          #front-page .main-features .main-feature-contents .main-feature-text .btn a.btn-flat-bg {
            display: inline-block;
            padding: 0.3em 1em;
            text-decoration: none;
            color: white;
            background: #312704;
            transition: .3s ease-in-out; }
          #front-page .main-features .main-feature-contents .main-feature-text .btn a.btn-flat-bg:hover {
            background: #503f04;
            color: white; }
  #front-page .main-news {
    padding: 70px 0 40px 0;
    background: #f8f7f3; }
    #front-page .main-news .main-news-contents {
      width: 100%;
      margin: 0 auto;
      padding: 0 20px; }
      #front-page .main-news .main-news-contents .news-list {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px dotted #d6d6d6; }
        #front-page .main-news .main-news-contents .news-list .days {
          width: 100%;
          margin-bottom: 10px;
          font-weight: bold; }
        #front-page .main-news .main-news-contents .news-list .title {
          width: 100%; }
          #front-page .main-news .main-news-contents .news-list .title a:link {
            color: #021c2a;
            text-decoration: none; }
          #front-page .main-news .main-news-contents .news-list .title a:hover {
            color: #a07d3c; }
          #front-page .main-news .main-news-contents .news-list .title a:active {
            color: #a07d3c; }
          #front-page .main-news .main-news-contents .news-list .title a:visited {
            color: #021c2a; }
    #front-page .main-news .btn {
      margin-top: 30px;
      text-align: center; }
      #front-page .main-news .btn a.btn-flat-bg {
        display: inline-block;
        padding: 0.3em 1em;
        text-decoration: none;
        color: white;
        background: #312704;
        transition: .3s ease-in-out; }
      #front-page .main-news .btn a.btn-flat-bg:hover {
        background: #503f04;
        color: white; } }
@media screen and (min-width: 481px) and (max-width: 768px) {
  #front-page h2 {
    font-size: 2.6rem;
    margin-bottom: 60px; }
  #front-page h3 {
    margin-bottom: 50px;
    font-size: 2.4rem;
    letter-spacing: .3rem;
    position: relative;
    text-align: center; }
  #front-page h3::before {
    content: url(images/midashi_h3.svg);
    position: absolute;
    display: block;
    top: -35px;
    left: 0;
    right: 0; }
  #front-page h4 {
    margin-left: 60px;
    margin-bottom: 30px;
    font-size: 2.6rem;
    position: relative; }
  #front-page h4::before {
    content: url(images/midashi_h4.svg);
    position: absolute;
    top: -9px;
    left: -60px; }
  #front-page .main-description {
    margin-bottom: 120px;
    padding: 0 20px;
    text-align: center; }
    #front-page .main-description p {
      line-height: 2.4; }
  #front-page .main-features {
    margin-bottom: 120px; }
    #front-page .main-features .main-feature-contents {
      margin-bottom: 120px; }
      #front-page .main-features .main-feature-contents .main-feature-01 {
        width: calc( 100% - 40px );
        height: 330px;
        margin: 0 auto;
        margin-bottom: 50px;
        background: url("images/_DSC2396.png") no-repeat center;
        background-size: cover; }
      #front-page .main-features .main-feature-contents .main-feature-02 {
        width: calc( 100% - 40px );
        height: 330px;
        margin: 0 auto;
        margin-bottom: 50px;
        background: url("images/feature_gyousya.png") no-repeat center;
        background-size: cover; }
      #front-page .main-features .main-feature-contents .main-feature-03 {
        width: calc( 100% - 40px );
        height: 330px;
        margin: 0 auto;
        margin-bottom: 50px;
        background: url("images/feature_hoya.png") no-repeat center;
        background-size: cover; }
      #front-page .main-features .main-feature-contents .main-feature-text {
        width: 90%;
        margin: 0 auto; }
        #front-page .main-features .main-feature-contents .main-feature-text p {
          line-height: 2; }
        #front-page .main-features .main-feature-contents .main-feature-text .btn {
          margin-top: 30px;
          text-align: center; }
          #front-page .main-features .main-feature-contents .main-feature-text .btn a.btn-flat-bg {
            display: inline-block;
            padding: 0.3em 1em;
            text-decoration: none;
            color: white;
            background: #312704;
            transition: .3s ease-in-out; }
          #front-page .main-features .main-feature-contents .main-feature-text .btn a.btn-flat-bg:hover {
            background: #503f04;
            color: white; }
  #front-page .main-news {
    padding: 90px 0 60px 0;
    background: #f8f7f3; }
    #front-page .main-news .main-news-contents {
      width: 100%;
      margin: 0 auto;
      padding: 0 20px; }
      #front-page .main-news .main-news-contents .news-list {
        margin-bottom: 25px;
        padding-bottom: 25px;
        display: flex;
        border-bottom: 1px dotted #d6d6d6; }
        #front-page .main-news .main-news-contents .news-list .days {
          width: 6em;
          margin-right: 40px;
          font-weight: bold; }
        #front-page .main-news .main-news-contents .news-list .title {
          width: calc( 100% - 6em - 40px ); }
          #front-page .main-news .main-news-contents .news-list .title a:link {
            color: #021c2a;
            text-decoration: none; }
          #front-page .main-news .main-news-contents .news-list .title a:hover {
            color: #a07d3c; }
          #front-page .main-news .main-news-contents .news-list .title a:active {
            color: #a07d3c; }
          #front-page .main-news .main-news-contents .news-list .title a:visited {
            color: #021c2a; }
    #front-page .main-news .btn {
      margin-top: 50px;
      text-align: center; }
      #front-page .main-news .btn a.btn-flat-bg {
        display: inline-block;
        padding: 0.3em 1em;
        text-decoration: none;
        color: white;
        background: #312704;
        transition: .3s ease-in-out; }
      #front-page .main-news .btn a.btn-flat-bg:hover {
        background: #503f04;
        color: white; } }
@media screen and (min-width: 769px) and (max-width: 1099px) {
  #front-page h2 {
    font-size: 2.6rem;
    margin-bottom: 60px; }
  #front-page h3 {
    margin-bottom: 60px;
    font-size: 2.4rem;
    letter-spacing: .3rem;
    position: relative;
    text-align: center; }
  #front-page h3::before {
    content: url(images/midashi_h3.svg);
    position: absolute;
    display: block;
    top: -35px;
    left: 0;
    right: 0; }
  #front-page h4 {
    margin-left: 60px;
    margin-bottom: 50px;
    font-size: 2.6rem;
    position: relative; }
  #front-page h4::before {
    content: url(images/midashi_h4.svg);
    position: absolute;
    top: -9px;
    left: -60px; }
  #front-page .main-description {
    margin-bottom: 140px;
    padding: 0 20px;
    text-align: center; }
    #front-page .main-description p {
      line-height: 2.4; }
  #front-page .main-features {
    margin-bottom: 120px; }
    #front-page .main-features .main-feature-contents {
      margin-bottom: 120px; }
      #front-page .main-features .main-feature-contents .main-feature-01 {
        width: 100%;
        height: 550px;
        margin-bottom: 60px;
        background: url("images/_DSC2396.png") no-repeat center;
        background-size: cover; }
      #front-page .main-features .main-feature-contents .main-feature-02 {
        width: 100%;
        height: 550px;
        margin-bottom: 60px;
        background: url("images/feature_gyousya.png") no-repeat center;
        background-size: cover; }
      #front-page .main-features .main-feature-contents .main-feature-03 {
        width: 100%;
        height: 550px;
        margin-bottom: 60px;
        background: url("images/feature_hoya.png") no-repeat center;
        background-size: cover; }
      #front-page .main-features .main-feature-contents .main-feature-text {
        width: 90%;
        margin: 0 auto; }
        #front-page .main-features .main-feature-contents .main-feature-text p {
          line-height: 2; }
        #front-page .main-features .main-feature-contents .main-feature-text .btn {
          margin-top: 60px;
          text-align: center; }
          #front-page .main-features .main-feature-contents .main-feature-text .btn a.btn-flat-bg {
            display: inline-block;
            padding: 0.3em 1em;
            text-decoration: none;
            color: white;
            background: #312704;
            transition: .3s ease-in-out; }
          #front-page .main-features .main-feature-contents .main-feature-text .btn a.btn-flat-bg:hover {
            background: #503f04;
            color: white; }
  #front-page .main-news {
    padding: 90px 0 60px 0;
    background: #f8f7f3; }
    #front-page .main-news .main-news-contents {
      width: 100%;
      margin: 0 auto;
      padding: 0 20px; }
      #front-page .main-news .main-news-contents .news-list {
        margin-bottom: 25px;
        padding-bottom: 25px;
        display: flex;
        border-bottom: 1px dotted #d6d6d6; }
        #front-page .main-news .main-news-contents .news-list .days {
          width: 6em;
          margin-right: 60px;
          font-weight: bold; }
        #front-page .main-news .main-news-contents .news-list .title {
          width: calc( 100% - 6em - 60px ); }
          #front-page .main-news .main-news-contents .news-list .title a:link {
            color: #021c2a;
            text-decoration: none; }
          #front-page .main-news .main-news-contents .news-list .title a:hover {
            color: #a07d3c; }
          #front-page .main-news .main-news-contents .news-list .title a:active {
            color: #a07d3c; }
          #front-page .main-news .main-news-contents .news-list .title a:visited {
            color: #021c2a; }
    #front-page .main-news .btn {
      margin-top: 50px;
      text-align: center; }
      #front-page .main-news .btn a.btn-flat-bg {
        display: inline-block;
        padding: 0.3em 1em;
        text-decoration: none;
        color: white;
        background: #312704;
        transition: .3s ease-in-out; }
      #front-page .main-news .btn a.btn-flat-bg:hover {
        background: #503f04;
        color: white; } }
@media screen and (min-width: 1100px) {
  #front-page h2 {
    font-size: 2.6rem;
    margin-bottom: 60px; }
  #front-page h3 {
    margin-bottom: 60px;
    font-size: 2.4rem;
    letter-spacing: .3rem;
    position: relative;
    text-align: center; }
  #front-page h3::before {
    content: url(images/midashi_h3.svg);
    position: absolute;
    display: block;
    top: -35px;
    left: 0;
    right: 0; }
  #front-page h4 {
    margin-left: 60px;
    margin-bottom: 50px;
    font-size: 2.6rem;
    position: relative; }
  #front-page h4::before {
    content: url(images/midashi_h4.svg);
    position: absolute;
    top: -9px;
    left: -60px; }
  #front-page .main-description {
    margin-bottom: 140px;
    text-align: center; }
    #front-page .main-description p {
      line-height: 2.4; }
  #front-page .main-features {
    margin-bottom: 120px; }
    #front-page .main-features .main-feature-contents {
      margin-bottom: 120px; }
      #front-page .main-features .main-feature-contents .main-feature-01 {
        width: 90vw;
        height: 550px;
        margin-bottom: 60px;
        background: url("images/_DSC2396.png") no-repeat center;
        background-size: cover; }
      #front-page .main-features .main-feature-contents .main-feature-02 {
        width: 90vw;
        height: 550px;
        margin: 0 0 0 auto;
        margin-bottom: 60px;
        background: url("images/feature_gyousya.png") no-repeat center;
        background-size: cover; }
      #front-page .main-features .main-feature-contents .main-feature-03 {
        width: 90vw;
        height: 550px;
        margin: 0 0 0 auto;
        margin-bottom: 60px;
        background: url("images/feature_hoya.png") no-repeat center;
        background-size: cover; }
      #front-page .main-features .main-feature-contents .main-feature-text {
        width: 1000px;
        margin: 0 auto; }
        #front-page .main-features .main-feature-contents .main-feature-text p {
          line-height: 2; }
        #front-page .main-features .main-feature-contents .main-feature-text .btn {
          margin-top: 60px;
          text-align: center; }
          #front-page .main-features .main-feature-contents .main-feature-text .btn a.btn-flat-bg {
            display: inline-block;
            padding: 0.3em 1em;
            text-decoration: none;
            color: white;
            background: #312704;
            transition: .3s ease-in-out; }
          #front-page .main-features .main-feature-contents .main-feature-text .btn a.btn-flat-bg:hover {
            background: #503f04;
            color: white; }
  #front-page .main-news {
    padding: 90px 0 60px 0;
    background: #f8f7f3; }
    #front-page .main-news .main-news-contents {
      width: 1100px;
      margin: 0 auto; }
      #front-page .main-news .main-news-contents .news-list {
        margin-bottom: 25px;
        padding-bottom: 25px;
        display: flex;
        border-bottom: 1px dotted #d6d6d6; }
        #front-page .main-news .main-news-contents .news-list .days {
          width: 6em;
          margin-right: 60px;
          font-weight: bold; }
        #front-page .main-news .main-news-contents .news-list .title {
          width: calc( 1100px - 6em - 60px ); }
          #front-page .main-news .main-news-contents .news-list .title a:link {
            color: #021c2a;
            text-decoration: none; }
          #front-page .main-news .main-news-contents .news-list .title a:hover {
            color: #a07d3c; }
          #front-page .main-news .main-news-contents .news-list .title a:active {
            color: #a07d3c; }
          #front-page .main-news .main-news-contents .news-list .title a:visited {
            color: #021c2a; }
    #front-page .main-news .btn {
      margin-top: 50px;
      text-align: center; }
      #front-page .main-news .btn a.btn-flat-bg {
        display: inline-block;
        padding: 0.3em 1em;
        text-decoration: none;
        color: white;
        background: #312704;
        transition: .3s ease-in-out; }
      #front-page .main-news .btn a.btn-flat-bg:hover {
        background: #503f04;
        color: white; } }