@charset "utf-8";

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* REASON */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

@media (max-width: 600px) {
  .reason_title {
    position:relative;
    width:100%;
    color:#FFF;
    text-align:center;
    background-color:#6aadcc;
    padding: 0px 0 25px 0;
    margin: 30px 0 20px 0;
  }
  .reason_title:after {
    position:absolute;
    bottom:5px;
    left:50%;
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    margin-left:-10px;
    background-image:url(../images/common/iconset.png);
    background-position: 0 -20px;
    background-repeat:no-repeat;
    background-size:200px;
  }

    .reason_title h2 {
      font-weight:normal;
      font-size:18px;
      line-height:23px;
      width:90%;
      margin: 0 auto 5px auto;
    }

    .reason_title p {
      font-size:13px;
      line-height:17px;
      width:90%;
      margin: 0 auto;
    }

    .reason_title .titleimg {
      position:relative;
      top:-12px;
      width:100%;
      margin:0 auto;
      border-bottom:1px dashed #FFFFFF;
    }
      .reason_title .titleimg img {
        width:220px;
      }

  .reason_box01 {
    width:250px;
    height:490px;
    margin:40px auto ;
    background-image:url(../images/reason/reason_img01_sp.png);
    background-position: 50% 0;
    background-repeat:no-repeat;
    background-size:100% auto;
  }

  .reason_box02 {
    margin:0 auto 40px auto;
    background-position: 50% 0;
  }

  .reason_box03 {
    margin:0 auto 40px auto;
  }
    .reason_box01 img{
      display:none;
    }
    .reason_box02 .box_2_5 img, .reason_box03 .box_2_3 img{
      width: 250px;
    }
	.reason_box03 .box_2_7 img{
      width: 300px;
	  margin-left: -20px;
    }
    .reason_box03 p, .reason_box02 p {
		color: #236b8d;
      font-size: 16px;
		line-height:inherit;
    }

	#arrow_sp{
		text-align: center;
	}
  .reason_performance {
    width:90%;
    height:auto;
    margin:0 auto 80px auto;
  }
    .reason_performance .reason_performance_box {
      border:1px solid #3893bf;
      padding: 10px 10px 8px 10px;
    }
      .reason_performance h3 {
        font-size:20px;
        line-height:28px;
        color:#277193;
        text-align:center;
      }
      .reason_performance table {
        width:100%;
        border-collapse:separate;
        border-spacing:5px;
        background-color:transparent;
        font-size:13px;
        line-height:18px;
      }
        .reason_performance table th {
          display:block;
          min-width:150px;
          text-align:center;
          background-color:#d0e7f3;
          padding:5px 8px;
          font-weight:bold;
        }
        .reason_performance table td {
          display:block;
          padding:8px 8px 20px 8px;
        }
	.underline{
		text-decoration: underline;
	}
	.reason_box03 .box_row .text_r{
		text-align: center;
	}

}

@media (min-width: 601px) and (max-width: 1000px) {
  .reason_title {
    position:relative;
    width:100%;
    color:#FFF;
    text-align:center;
    background-color:#6aadcc;
    padding: 0px 0 25px 0;
    margin: 30px 0 20px 0;
  }
  .reason_title:after {
    position:absolute;
    bottom:7px;
    left:50%;
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    margin-left:-10px;
    background-image:url(../images/common/iconset.png);
    background-position: 0 -20px;
    background-repeat:no-repeat;
    background-size:200px;
  }

    .reason_title h2 {
      font-weight:normal;
      font-size:22px;
      line-height:27px;
      width:90%;
      margin: 0 auto 7px auto;
    }

    .reason_title p {
      font-size:15px;
      line-height:20px;
      width:90%;
      margin: 0 auto;
    }

    .reason_title .titleimg {
      position:relative;
      top:-12px;
      width:100%;
      margin:0 auto;
      border-bottom:1px dashed #FFFFFF;
    }
      .reason_title .titleimg img {
        width:220px;
      }

  .reason_box01 {
    width:100%;
    height:auto;
    margin:0 auto 50px auto;
  }

  .reason_box02 {
    height:auto;
    margin:0 auto 50px auto;
	background-image: url(../images/reason/arrow.png);
	background-repeat: no-repeat;
	background-position:  center center;
	background-size: 6%;
  }

  .reason_box03 {
    width:100%;
    height:auto;
    margin:20px auto 50px auto;
  }

    .reason_box01 img,
    .reason_box03 img {
      width:100%;
    }
    .reason_box02 img{
      width:90%;
    }
    .reason_box03 .box_2_3 img {
      width:110%;
	margin-top: 20px;
    }
    .reason_box03 .box_2_7 img {
      width:90%;
    }
    .reason_box03 p, .reason_box02 p {
		color: #236b8d;
      font-size: 16px;
		line-height:inherit;
    }

	#arrow_sp {
		display: none;
	}
  .reason_performance {
    width:90%;
    height:auto;
    margin:0 auto 80px auto;
  }
    .reason_performance .reason_performance_box {
      border:1px solid #3893bf;
      padding: 18px 20px 12px 20px;
    }
      .reason_performance h3 {
        font-size:20px;
        line-height:28px;
        color:#277193;
        text-align:center;
      }
      .reason_performance table {
        width:100%;
        border-collapse:separate;
        border-spacing:5px;
        background-color:transparent;
        font-size:13px;
        line-height:18px;
      }
        .reason_performance table th {
          min-width:150px;
          text-align:center;
          background-color:#d0e7f3;
          padding:10px 8px;
          font-weight:bold;
        }
        .reason_performance table td {
          padding:10px 8px;
        }
	.underline{
		text-decoration: underline;
	}

}

@media (min-width: 1001px) {
  .reason_title {
    position:relative;
    width:100%;
    color:#FFF;
    text-align:center;
    background-color:#6aadcc;
    padding: 0px 0 30px 0;
    margin: 30px 0 20px 0;
  }
  .reason_title:after {
    position:absolute;
    bottom:10px;
    left:50%;
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    margin-left:-10px;
    background-image:url(../images/common/iconset.png);
    background-position: 0 -20px;
    background-repeat:no-repeat;
    background-size:200px;
  }

    .reason_title h2 {
      font-weight:normal;
      font-size:25px;
      line-height:30px;
      width:90%;
      margin: 0 auto 9px auto;
    }

    .reason_title p {
      font-size:18px;
      line-height:28px;
      width:90%;
      margin: 0 auto;
    }

    .reason_title .titleimg {
      position:relative;
      top:-12px;
      width:100%;
      margin:0 auto;
      border-bottom:1px dashed #FFFFFF;
    }
      .reason_title .titleimg img {
        width:220px;
      }

  .reason_box01 {
    width:1000px;
    height:auto;
    margin:0 auto 40px auto;
  }

  .reason_box02 {
    width:1000px;
    height:auto;
    margin:0 auto 40px auto;
	background-image: url(../images/reason/arrow.png);
	background-repeat: no-repeat;
	background-position:  center center;
	background: contain;
  }

  .reason_box03 {
    width:1000px;
    height:auto;
    margin:0 auto 40px auto;
  }
    .reason_box01 img,
    .reason_box03 img {
      width:100%;
    }
    .reason_box02 img{
      width:90%;
    }
    .reason_box03 .box_2_7 img {
      width:80%;
    }
    .reason_box03 p, .reason_box02 p {
		color: #236b8d;
      font-size: 22px;
		line-height:inherit;
		margin-bottom: 10px;
    }
    .reason_box03 .box_2_3 p{
		margin-bottom: 30px;
    }

	#arrow_sp {
		display: none;
	}
  .reason_performance {
    width:1000px;
    height:auto;
    margin:0 auto 80px auto;
  }
    .reason_performance .reason_performance_box {
      border:1px solid #3893bf;
      padding: 18px 20px 12px 20px;
    }
      .reason_performance h3 {
        font-size:20px;
        line-height:28px;
        color:#277193;
        text-align:center;
      }
      .reason_performance table {
        width:100%;
        border-collapse:separate;
        border-spacing:5px;
        background-color:transparent;
        font-size:13px;
        line-height:18px;
      }
        .reason_performance table th {
          min-width:150px;
          text-align:center;
          background-color:#d0e7f3;
          padding:10px 8px;
          font-weight:bold;
        }
        .reason_performance table td {
          padding:10px 8px;
        }
	.underline{
		text-decoration: underline;
	}
    
}