@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.bk_green {
  background: #00A552; }

.br_green {
  border: solid 3px #00A552; }

.bk_yellow {
  background: #CCAD00; }

.br_yellow {
  border: solid 3px #CCAD00; }

.orange {
  color: #FF9F1D; }

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

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

/*説明*/
#point {
  margin-bottom: 50px; }
  #point .main_txt {
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px; }
    #point .main_txt p {
      font-size: 2.2rem; }
      @media (min-width: 786px) {
        #point .main_txt p {
          font-size: calc( 2.2rem + ( 1vw - 7.86px ) * 3.1400966184 ); } }
      @media (min-width: 1200px) {
        #point .main_txt p {
          font-size: 3.5rem; } }
  #point .txt {
    width: 63%;
    margin: 0 auto 20px;
    text-align: justify; }

/*ポイントの詳細*/
#business {
  margin-bottom: 50px; }
  #business .business_title {
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 20px; }
    @media (min-width: 786px) {
      #business .business_title {
        font-size: calc( 2rem + ( 1vw - 7.86px ) * 1.2077294686 ); } }
    @media (min-width: 1200px) {
      #business .business_title {
        font-size: 2.5rem; } }
  #business .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;
    margin-bottom: 60px; }
    #business .flex_wrap .business_box {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%;
      margin-bottom: 40px; }
      #business .flex_wrap .business_box .business_name {
        color: #fff;
        height: 60px;
        line-height: 60px;
        padding: 0 0 0 25px;
        font-weight: bold; }
        #business .flex_wrap .business_box .business_name p {
          font-size: 2rem; }
          @media (min-width: 786px) {
            #business .flex_wrap .business_box .business_name p {
              font-size: calc( 2rem + ( 1vw - 7.86px ) * 0.9661835749 ); } }
          @media (min-width: 1200px) {
            #business .flex_wrap .business_box .business_name p {
              font-size: 2.4rem; } }
      #business .flex_wrap .business_box .txt_box_wrap {
        width: 90%;
        margin: 25px auto; }
        #business .flex_wrap .business_box .txt_box_wrap .txt_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;
          align-items: center;
          justify-content: flex-start;
          margin-bottom: 30px; }
          #business .flex_wrap .business_box .txt_box_wrap .txt_wrap .funding_txt {
            flex: 0 1 60%;
            width: 60%;
            max-width: 60%; }
            #business .flex_wrap .business_box .txt_box_wrap .txt_wrap .funding_txt p {
              font-size: 2rem; }
              @media (min-width: 786px) {
                #business .flex_wrap .business_box .txt_box_wrap .txt_wrap .funding_txt p {
                  font-size: calc( 2rem + ( 1vw - 7.86px ) * 1.2077294686 ); } }
              @media (min-width: 1200px) {
                #business .flex_wrap .business_box .txt_box_wrap .txt_wrap .funding_txt p {
                  font-size: 2.5rem; } }
          #business .flex_wrap .business_box .txt_box_wrap .txt_wrap .triangle_box {
            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;
            flex: 0 1 25%;
            width: 25%;
            max-width: 25%;
            justify-content: flex-start; }
            #business .flex_wrap .business_box .txt_box_wrap .txt_wrap .triangle_box .triangle_yellow {
              flex: 0 1 10%;
              width: 10%;
              max-width: 10%;
              height: 0;
              border-style: solid;
              border-width: 6px 0 6px 7px;
              border-color: transparent transparent transparent #CCAD00; }
            #business .flex_wrap .business_box .txt_box_wrap .txt_wrap .triangle_box .triangle_green {
              flex: 0 1 10%;
              width: 10%;
              max-width: 10%;
              height: 0;
              border-style: solid;
              border-width: 6px 0 6px 7px;
              border-color: transparent transparent transparent #00A552; }
        #business .flex_wrap .business_box .txt_box_wrap .price {
          font-weight: bold;
          text-align: right;
          color: #E80000;
          font-size: 3.5rem; }
          @media (min-width: 786px) {
            #business .flex_wrap .business_box .txt_box_wrap .price {
              font-size: calc( 3.5rem + ( 1vw - 7.86px ) * 3.6231884058 ); } }
          @media (min-width: 1200px) {
            #business .flex_wrap .business_box .txt_box_wrap .price {
              font-size: 5rem; } }
          #business .flex_wrap .business_box .txt_box_wrap .price .size {
            font-size: 2rem; }
            @media (min-width: 786px) {
              #business .flex_wrap .business_box .txt_box_wrap .price .size {
                font-size: calc( 2rem + ( 1vw - 7.86px ) * 3.6231884058 ); } }
            @media (min-width: 1200px) {
              #business .flex_wrap .business_box .txt_box_wrap .price .size {
                font-size: 3.5rem; } }
        #business .flex_wrap .business_box .txt_box_wrap .attensiton {
          text-align: right;
          color: #454545; }

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

  /*説明*/
  #point {
    margin: 0 auto 70px; }
    #point .main_txt {
      margin-bottom: 60px; }
    #point .txt {
      width: 100%; }

  /*ポイントの詳細*/
  #business .flex_wrap {
    margin-bottom: 100px;
    justify-content: flex-start; }
    #business .flex_wrap .business_box {
      flex: 0 1 30%;
      width: 30%;
      max-width: 30%;
      margin: 0 4% 40px 0; }
      #business .flex_wrap .business_box .txt_box_wrap .txt_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;
        align-items: center;
        justify-content: flex-start; }
        #business .flex_wrap .business_box .txt_box_wrap .txt_wrap .funding_txt {
          flex: 0 1 75%;
          width: 75%;
          max-width: 75%; }
    #business .flex_wrap .margin {
      margin: 0 0 40px 0; }
    #business .flex_wrap:nth-child(2) {
      align-items: baseline; }
  #business .space {
    justify-content: space-between; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 981px) {
  /*メインコンテンツ*/
  #top_txt {
    margin-bottom: 50px; }
    #top_txt .img_txt img {
      width: 10%;
      margin-bottom: 20px; }

  /*ポイントの詳細*/
  #business .flex_wrap .business_box .txt_box_wrap .txt_wrap .funding_txt {
    flex: 0 1 65%;
    width: 65%;
    max-width: 65%; } }
/*------------------------------
		1280px以上
------------------------------*/

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