@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.line {
  padding-bottom: 15px;
  text-align: justify; }

.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 {
    text-align: justify;
    margin-bottom: 20px; }
  #point .point_box {
    border: solid 1px #707070;
    font-weight: bold;
    line-height: 2;
    width: 100%;
    margin-bottom: 30px; }
    #point .point_box p {
      padding: 20px; }

/*ポイントの詳細*/
#point_detail {
  background: #FFF5E8;
  padding: 50px 0;
  margin-bottom: 50px; }
  #point_detail .point_detail_box {
    background: #fff;
    margin-bottom: 40px;
    padding: 20px;
    text-align: justify; }
    #point_detail .point_detail_box .point_title {
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 20px;
      text-indent: -1em;
      padding-left: 1em; }
      @media (min-width: 786px) {
        #point_detail .point_detail_box .point_title {
          font-size: calc( 1.8rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
      @media (min-width: 1200px) {
        #point_detail .point_detail_box .point_title {
          font-size: 2rem; } }

/*書き方*/
/*  #write{
	margin-bottom: 50px;
	.main_txt{
		font-weight: bold;
		text-align: center;
		margin-bottom: 40px;
		p{
			@include font(2.2rem, 3.5rem, 786px, 1200px);
		}
	}
	.txt{
		text-align: justify;
		margin-bottom: 20px;
	}
	.point_box{
		border: solid 1px #707070;
		font-weight: bold;
		line-height: 2;
		width: 100%;
		margin-bottom: 40px;
		p{
			padding: 20px;
		}
	}
}  */
/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  p {
    line-height: 2; }

  .line {
    padding-bottom: 20px; }

  /*メインコンテンツ*/
  #top_txt .img_txt img {
    width: 15%;
    margin-bottom: 20px; }

  /*説明*/
  #point .point_box {
    width: 40%;
    margin-bottom: 40px; }
    #point .point_box p {
      padding: 20px 30px; }

  /*ポイントの詳細*/
  #point_detail .point_detail_box {
    padding: 40px 25px; }

  /*書き方*/
  /*	#write{
  		.point_box{
  			width: 35%;
  			p{
  				padding: 20px 30px;
  			}
  		}
  	}*/ }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 981px) {
  /*メインコンテンツ*/
  #top_txt {
    margin-bottom: 50px; }
    #top_txt .img_txt img {
      width: 10%;
      margin-bottom: 20px; }

  /*説明*/
  #point .point_box {
    width: 30%; }

  /*書き方*/
  /*	#write{
  		.point_box{
  			width: 35%;
  		}
  	} */ }
/*------------------------------
		1280px以上
------------------------------*/

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