@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 481px) {
  .h3_top {
    width: 100%;
    margin: 0 auto 0 auto;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    background-color: #e9e9e9;
    text-align: center;
  }
  .h3_span1 {
    font-family: 'Roboto', sans-serif;
    font-size: 60px;
    font-weight: 600;
    color: #000;
  }
  .h3_span2 {
    font-family: 'Roboto', sans-serif;
    font-size: 90px;
    font-weight: 600;
    color: #000;
  }
  .h3_span3 {
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    font-weight: 600;
    color: #000;
  }
  .table_point {
    width: 800px;
    margin: 20px 0 0 50px;
    padding: 0 0 0 0;
    display: inline-block;
  }
  .table_point th {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .table_point td {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 16px;
  }
  .table_point td span {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .text_original {
    font-size: 15px;
    margin: 3% 0 5% 0;
  }
  img.img_before_after {
    max-width: 100%;
    float: left;
  }
  .box_right_beforeafter {
    width: 57%;
    margin: 0 0 0 10%;
    padding: 0 0 0 0;
    display: inline-block;
  }
  .text_before_after {
    font-size: 15px;
    margin: 5% 0 0 0;
  }
  .text_before_after2 {
    font-size: 15px;
    margin: 35% 0 0 0;
  }
  .box_pink {
    width: 100%;
    margin: 0 0 0 0;
    padding: 3% 0 8% 0;
    background-color: #ea5668;
  }
  span#box_payment_span {
    margin: 30px 0 0 0;
  }
  .topbox4.clearfix {
    width: 100%;
    margin: 0 0 50px 0;
  }
  .topbox4_inner.clearfix {
    width: 1000px;
    margin: 0 auto;
  }
  ul.topbox4_list1.clearfix {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    margin: 3% 0 0 0;
  }
  ul.topbox4_list1.clearfix li {
    float: left;
  }
  ul.topbox4_list1.clearfix li span {
    font-weight: 600;
    display: block;
    margin: 0 0 5px 0;
  }
  ul.topbox4_list1.clearfix li:nth-child(1) {
    margin: 4% 0 0 0;
  }
  ul.topbox4_list1.clearfix li:nth-child(3) {
    margin: 2% 0 0 3%;
  }
  ul.topbox4_list1.clearfix li:nth-child(4) {
    margin: 2% 0 0 0;
    width: 550px;
  }
  ul.topbox4_list1.clearfix li:nth-child(5) {
    width: 348px;
    height: 161px;
    background: url("../img/top/speech_bubble.png") no-repeat;
    margin: 3% 0 0 3%;
  }
  ul.topbox4_list1.clearfix li:nth-child(5) p {
    padding: 55px 25px 0 25px;
  }
  ul.topbox4_list3.clearfix {
    width: 854px;
    margin: 70px 0 20px 30px;
  }
  ul.topbox4_list3.clearfix li {
    float: left;
  }
  ul.topbox4_list3.clearfix li:nth-child(2) {
    margin: 0 20px 0 0;
  }
  ul.topbox4_list2.clearfix {
    width: 882px;
    line-height: 20px;
    margin: 40px auto 20px auto;
  }
  ul.topbox4_list2.clearfix li {
    float: left;
    width: 284px;
    height: 309px;
    background: url("../img/top/blue_backgound.png") no-repeat;
    margin: 0 5px 0 5px;
  }
  ul.topbox4_list2.clearfix li span {
    font-weight: 600;
    display: block;
    font-size: 14px;
    margin: 0 0 5px 52px;
  }
  ul.topbox4_list2.clearfix li p {
    padding: 55px 30px 0 30px;
  }
  img.view_btn {
    max-width: 21%;
    margin: 2% 39.5% 0 39.5%;
  }
}
@media screen and (min-width:768px) and (max-device-width:1024px) {}
@media screen and (min-width:320px) and (max-device-width:767px) {
  .h3_top {
    width: 100%;
    margin: 30px auto 0 auto;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    background-color: #e9e9e9;
    text-align: center;
  }
  .h3_span1 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000;
  }
  .h3_span2 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000;
  }
  .h3_span3 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000;
  }
  .table_point {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
  }
  .table_point th {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .table_point td {
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
    font-size: 12px;
  }
  .table_point td span {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .text_original {
    font-size: 15px;
    margin: 3% 0 5% 0;
    padding: 0 1%;
  }
  img.img_before_after {
    max-width: 86%;
    margin: 0 7%;
  }
  .box_right_beforeafter {
    width: 98%;
    margin: 0 0 0 0;
    padding: 0 1% 0 1%;
    display: inline-block;
  }
  .text_before_after {
    font-size: 15px;
    margin: 5% 0 0 0;
  }
  .text_before_after2 {
    font-size: 15px;
    margin: 30px 0 0 0;
  }
  .text_before_after2 img {
    max-width: 100%;
  }
  .box_pink {
    width: 100%;
    margin: 0 0 0 0;
    padding: 3% 0 8% 0;
    background-color: #ea5668;
  }
  span#box_payment_span {
    margin: 30px 0 0 0;
  }
  .topbox4.clearfix {
    width: 100%;
    margin: 0 0 50px 0;
  }
  .topbox4_inner.clearfix {
    width: 1000px;
    margin: 0 auto;
  }
  ul.topbox4_list1.clearfix {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    margin: 3% 0 0 0;
  }
  ul.topbox4_list1.clearfix li {
    float: left;
  }
  ul.topbox4_list1.clearfix li span {
    font-weight: 600;
    display: block;
    margin: 0 0 5px 0;
  }
  ul.topbox4_list1.clearfix li:nth-child(1) {
    margin: 4% 0 0 0;
  }
  ul.topbox4_list1.clearfix li:nth-child(3) {
    margin: 2% 0 0 3%;
  }
  ul.topbox4_list1.clearfix li:nth-child(4) {
    margin: 2% 0 0 0;
    width: 100%;
  }
  ul.topbox4_list1.clearfix li:nth-child(5) {
    width: 348px;
    height: 161px;
    background: url("../img/top/speech_bubble.png") no-repeat;
    margin: 3% 0 0 3%;
  }
  ul.topbox4_list1.clearfix li:nth-child(5) p {
    padding: 55px 25px 0 25px;
  }
  ul.topbox4_list3.clearfix {
    width: 854px;
    margin: 70px 0 20px 30px;
  }
  ul.topbox4_list3.clearfix li {
    float: left;
  }
  ul.topbox4_list3.clearfix li:nth-child(2) {
    margin: 0 20px 0 0;
  }
  ul.topbox4_list2.clearfix {
    width: 100%;
    line-height: 20px;
    margin: 40px auto 20px auto;
  }
  ul.topbox4_list2.clearfix li {
    float: left;
    width: 284px;
    height: 309px;
    background: url("../img/top/blue_backgound.png") no-repeat;
    margin: 0 12% 0 12%;
  }
  ul.topbox4_list2.clearfix li span {
    font-weight: 600;
    display: block;
    font-size: 14px;
    margin: 0 0 5px 52px;
  }
  ul.topbox4_list2.clearfix li p {
    padding: 55px 30px 0 30px;
  }
  img.view_btn {
    max-width: 50%;
    margin: 2% 25% 0 25%;
  }
}
@media screen and (min-width:320px) and (max-device-width:539px) {}