@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.orange {
  color: #FF9F1D; }

/*コンバージョン*/
.conversion {
  margin-bottom: 100px; }

/*メインコンテンツ*/
#top_txt .w1200 {
  text-align: center;
  margin-bottom: 50px; }
  #top_txt .w1200 .img_txt img {
    width: 20%;
    text-align: center;
    margin-bottom: 10px; }
  #top_txt .w1200 .img_txt p {
    font-size: 1.6rem;
    font-weight: bold; }
    @media (min-width: 786px) {
      #top_txt .w1200 .img_txt p {
        font-size: calc( 1.6rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
    @media (min-width: 1200px) {
      #top_txt .w1200 .img_txt p {
        font-size: 1.8rem; } }

/*説明*/
#explanation .w1200 {
  width: 90%;
  margin: 0 auto 50px; }
  #explanation .w1200 .main_txt {
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px; }
    #explanation .w1200 .main_txt p {
      font-size: 1.8rem; }
      @media (min-width: 786px) {
        #explanation .w1200 .main_txt p {
          font-size: calc( 1.8rem + ( 1vw - 7.86px ) * 1.4492753623 ); } }
      @media (min-width: 1200px) {
        #explanation .w1200 .main_txt p {
          font-size: 2.4rem; } }
  #explanation .w1200 .txt {
    text-align: center; }

/*出来ること*/
#practicable {
  background: #FFF5E8;
  padding: 60px 0;
  margin-bottom: 50px; }
  #practicable .w1200 {
    width: 90%;
    margin: 0 auto; }
    #practicable .w1200 .main_txt {
      text-align: center; }
      #practicable .w1200 .main_txt p {
        font-size: 1.6rem; }
        @media (min-width: 786px) {
          #practicable .w1200 .main_txt p {
            font-size: calc( 1.6rem + ( 1vw - 7.86px ) * 0.9661835749 ); } }
        @media (min-width: 1200px) {
          #practicable .w1200 .main_txt p {
            font-size: 2rem; } }
      #practicable .w1200 .main_txt .orange {
        font-weight: bold; }
    #practicable .w1200 .flex_wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #practicable .w1200 .flex_wrap .txt_box {
        flex: 0 1 100%;
        width: 100%;
        max-width: 100%;
        background: #fff;
        margin-bottom: 30px;
        padding: 30px;
        text-align: center; }
        #practicable .w1200 .flex_wrap .txt_box .img_box {
          margin-bottom: 10px; }
          #practicable .w1200 .flex_wrap .txt_box .img_box img {
            width: 50%; }
        #practicable .w1200 .flex_wrap .txt_box .title {
          text-align: center;
          margin-bottom: 10px; }
          #practicable .w1200 .flex_wrap .txt_box .title p {
            font-size: 1.8rem; }
            @media (min-width: 786px) {
              #practicable .w1200 .flex_wrap .txt_box .title p {
                font-size: calc( 1.8rem + ( 1vw - 7.86px ) * 0.9661835749 ); } }
            @media (min-width: 1200px) {
              #practicable .w1200 .flex_wrap .txt_box .title p {
                font-size: 2.2rem; } }
        #practicable .w1200 .flex_wrap .txt_box .contents {
          text-align: justify; }
          #practicable .w1200 .flex_wrap .txt_box .contents .txt {
            padding-bottom: 30px; }
          #practicable .w1200 .flex_wrap .txt_box .contents .btn {
            margin: 0 auto; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /*メインコンテンツ*/
  #top_txt .w1200 .img_txt img {
    width: 15%;
    margin-bottom: 20px; }

  /*説明*/
  #explanation .w1200 {
    width: 95%; }
    #explanation .w1200 .main_txt {
      margin-bottom: 40px; }

  /*できること*/
  #practicable .w1200 {
    width: 95%; }
    #practicable .w1200 .main_txt {
      margin-bottom: 30px; }
    #practicable .w1200 .flex_wrap .txt_box {
      flex: 0 1 45%;
      width: 45%;
      max-width: 45%;
      margin-bottom: 30px;
      padding: 20px 15px; }
      #practicable .w1200 .flex_wrap .txt_box .img_box {
        margin-bottom: 10px; }
        #practicable .w1200 .flex_wrap .txt_box .img_box img {
          width: 30%; }
      #practicable .w1200 .flex_wrap .txt_box .title {
        margin-bottom: 10px; }
      #practicable .w1200 .flex_wrap .txt_box .contents {
        width: 80%;
        margin: 0 auto; }
        #practicable .w1200 .flex_wrap .txt_box .contents .txt {
          padding-bottom: 30px; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 981px) {
  /*メインコンテンツ*/
  #top_txt .w1200 {
    margin-bottom: 50px; }
    #top_txt .w1200 .img_txt img {
      width: 10%;
      margin-bottom: 20px; }

  /*説明*/
  #explanation .w1200 {
    width: 100%; }
    #explanation .w1200 .txt {
      line-height: 2; }

  /*気をつけること*/
  #practicable {
    margin-bottom: 50px; }
    #practicable .w1200 {
      width: 90%;
      margin: 0 auto; }
      #practicable .w1200 .main_txt {
        margin: 0 auto 40px; }
      #practicable .w1200 .flex_wrap .txt_box {
        flex: 0 1 48%;
        width: 48%;
        max-width: 48%;
        box-sizing: border-box;
        margin-bottom: 30px;
        padding: 40px 30px; }
        #practicable .w1200 .flex_wrap .txt_box .title {
          margin-bottom: 40px; }
        #practicable .w1200 .flex_wrap .txt_box .flex_wrap {
          margin-bottom: 10px; }
          #practicable .w1200 .flex_wrap .txt_box .flex_wrap .img_box {
            flex: 0 1 35%;
            width: 35%;
            max-width: 35%; }
            #practicable .w1200 .flex_wrap .txt_box .flex_wrap .img_box img {
              width: 80%; }
          #practicable .w1200 .flex_wrap .txt_box .flex_wrap .contents {
            flex: 0 1 55%;
            width: 55%;
            max-width: 55%;
            text-align: justify; }
            #practicable .w1200 .flex_wrap .txt_box .flex_wrap .contents .txt {
              margin-bottom: 30px;
              width: 85%;
              margin: 0 auto; } }
/*------------------------------
		1280px以上
------------------------------*/

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