/* CSS Document */
@media (max-width: 750px) {
    #wrapper {
        overflow: hidden;
    }
    .br{
        display: block;
    }
    .nobr{
      display: none;
    }
    .cl{
        clear: both;
    }
    .w1000{
        width: 80%;
    }
    #promotion h2{
        padding-bottom: 20px;
    }
    .pr_list{
        flex-wrap: wrap;
    }
    .pr_list h4{
        font-size: 24px;
    }
    .point_list_img {
        display: none;
    }
    .pr_list li{
        width: 80%
    }
    #promotion h2,.allow h2{
        line-height: 1.5em;
    }
    .pr_list_title{
        margin: 30px auto 20px auto;
        font-size: 5.6vw;
    }
    .modelbox{
        margin-bottom: 40px;
    }
    .modelbox > img{
        display: none;
    }
    .modelbox li{
        font-size: 15px;
        border-radius: 33px;
        padding: 15px;
        padding-left: 70px;
        border:none;
        background: url(../images/lp/check1.png) no-repeat 20px 0%;
    }
    .modelbox li:last-child{
        background: #F8F9EA url(../images/lp/check1.png) no-repeat 20px 30%;
    }
    h3.model{
        font-size: 100%;
    }
    .can_be_text {
        padding: 30px 0 30px 30px;
    }
    #example{
        padding-top: 90px;
        padding-bottom:0;
    }
    .event{
      flex-wrap: wrap;
    }
    .event_text:nth-child(even) div{
      margin-top:30px;
      border-right: solid 10px #ffc06e;
      border-radius: 6px 6px 6px 6px;
    }
    .event_text:nth-child(odd) div{
      margin-bottom:30px;
      border-left: solid 10px #ffc06e;
      border-radius: 6px 6px 6px 6px;
    }
    .event_img, .event_text {
        width: 90%;
        margin: 0 auto;
    }
    .event:nth-child(odd) img,.event:nth-child(even) img{
      right: 0;
      left: 0;
    }
    .event_text h4{
        font-size: 18px;
    }
    .event_text p{
        font-size: 16px;
        line-height: normal;
    }
    .example_block{
        width: 80%;
    }
    .example_text span a{
        word-break: break-all;
    }

    #step img{
      width: 100%;
      text-align: center;
    }
    #step p{
      line-height: normal;
    }
    .step_title{
        font-size: 6.9vw;
        margin-bottom: 0;
    }
    .step_text{
        margin-top: 30px;
        font-size: 100%;
    }
    .s_c_title{
        font-size: 8vw;
        margin-bottom: 0;
    }
    .s_c_title p{
        font-size: 4.2vw;
    }
    .item{
        display: block;
        height: auto;
        margin:0;
    }
    .item-image{
        display: none;
    }
    .svg{
        width: 100%;
    }
    .svg-image{
        display: none;
    }
    .item-text {
        padding: 0;
        width: 100%;
        height: 200px;
        border-radius: 0;
        margin: 0;
        box-shadow: none;
        background: none;
        top: auto;
        left: auto;
        transform: none;
        position: relative;
    }
    .item-text p:first-child{
        background: #DB166C;
        padding: 15px;
    }
    .item-text p{
        color: #000;
        margin: 10px;
        font-size: 18px;
    }
    #mail_form h2{
        font-size: 36px;
        width: 70%;
        margin: 0 auto;
        line-height: 1.5em;
    }
    label, .red{
        font-size: 15px;
    }
    input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
        padding: 0.5em 0;
    }
    .tophead{
        /* background-image:none;
        background-color: #DB166C; */
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tophead_block {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tophead_img{
        display: none;
    }
    .modelbox ul{
        display: block;
    }
    #feature .background {
        padding: 50px 0 30px 0;
    }
    .tophead_text{
        /* width: 80%; */
        /* margin: 30px; */
        font-size: calc(2vw + 5.3px);
        text-align: center;
    }
    .tophead_text p:last-child{
        font-size: calc(11.6vw + -13.2px);
    }
    .background{
        padding-top: 50px;
    }
    #promotion h2, .allow h2{
        /* font-size: 8vw; */
        font-size: calc(2.4vw + 9.7px);
    }
    .can_be_img{
        display: none;
    }
    .can_be_text{
        width: 90%;
        padding: 0;
    }
    .allow h2{
        padding: 30px 0;
    }
    .allow h2::after{
        bottom: -140px;
    }
    #footer{
        text-align: center;
    }
    .w1000_f{
        display: block;
    }
    .text_s{
        margin: 0 auto;
        width: 60%;
        float: none;
    }
    .site{
        text-align: center;
    }
    .foot_n span a{
        font-size: 8vw;
    }
    .foot_l{
        float: none;
        display: block;
        width: auto;
    }
    .foot_n{
        float: none;
        display: block;
        width: auto;
        margin-bottom: 20px;
        margin-top: 10px;
        font-weight: bold;
    }
    .site{
        font-size: 12px;
    }
    .copy{
        text-align: center;
    }
}
@media (max-width: 480px) {
    #wrapper {
        overflow: hidden;
    }
    .header_nav{
      width: 90%;
    }
    .header_logo{
      width: 30%;
    }
    .header_logo img{
      width: 100%;
    }
    #header{
        height: 300px;
    }
    .tophead_text img {
        max-width: 90%;
    }
    .br{
        display: block;
    }
    .cl{
        clear: both;
    }
    .w1000{
        width: 80%;
    }
    #promotion h2{
        padding-bottom: 20px;
    }
    .pr_list{
        flex-wrap: wrap;
    }
    .point_list_img {
        display: none;
    }
    .pr_list li{
        width: 80%
    }
    #promotion h2,.allow h2{
        line-height: 1.5em;
    }
    .pr_list_title{
        margin: 30px auto 20px auto;
        font-size: 5.6vw;
    }
    .modelbox{
        margin-bottom: 40px;
    }
    .modelbox > img{
        display: none;
    }
    .modelbox li{
        font-size: 15px;
        border-radius: 33px;
        padding: 15px;
        padding-left: 70px;
        border:none;
        background: url(../images/lp/check1.png) no-repeat 20px 0%;
    }
    .modelbox li:last-child{
        background: #F8F9EA url(../images/lp/check1.png) no-repeat 20px 30%;
    }
    h3.model{
        font-size: 100%;
    }
    .can_be_text {
        padding: 30px 0 30px 30px;
    }
    #example{
        padding-top: 90px;
        padding-bottom:0;
    }
    .example_block{
        width: 80%;
    }
    .example_text span a{
        word-break: break-all;
    }
    .step_title{
        font-size: 6.9vw;
        margin-bottom: 0;
    }
    .step_text{
        margin-top: 30px;
        font-size: 100%;
    }
    .s_c_title{
        font-size: 8vw;
        margin-bottom: 0;
    }
    .s_c_title p{
        font-size: 4.2vw;
    }
    .item{
        display: block;
        height: auto;
        margin:0;
    }
    .item-image{
        display: none;
    }
    .svg{
        width: 100%;
    }
    .svg-image{
        display: none;
    }
    .item-text {
        padding: 0;
        width: 100%;
        height: 200px;
        border-radius: 0;
        margin: 0;
        box-shadow: none;
        background: none;
        top: auto;
        left: auto;
        transform: none;
        position: relative;
    }
    .item-text p:first-child{
        background: #DB166C;
        padding: 15px;
    }
    .item-text p{
        color: #000;
        margin: 10px;
        font-size: 18px;
    }
    #mail_form h2{
        font-size: 36px;
        width: 70%;
        margin: 0 auto;
        line-height: 1.5em;
    }
    label, .red{
        font-size: 15px;
    }
    input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
        padding: 0.5em 0;
    }
    .tophead{
        /* background-image:none;
        background-color: #DB166C; */
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tophead_block {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tophead_img{
        display: none;
    }
    .modelbox ul{
        display: block;
    }
    #feature .background {
        padding: 50px 0 30px 0;
    }
    .tophead_text{
        /* width: 80%; */
        /* margin: 30px; */
        font-size: calc(2vw + 5.3px);
        text-align: center;
    }
    .tophead_text p:last-child{
        font-size: calc(11.6vw + -13.2px);
    }
    .background{
        padding-top: 50px;
    }
    #promotion h2, .allow h2{
        /* font-size: 8vw; */
        font-size: calc(2.4vw + 9.7px);
    }
    .can_be_img{
        display: none;
    }
    .can_be_text{
        width: 90%;
        padding: 0;
    }
    .allow h2{
        padding: 30px 0;
    }
    .allow h2::after{
        bottom: -140px;
    }
    #footer{
        text-align: center;
    }
    .w1000_f{
        display: block;
    }
    .text_s{
        margin: 0 auto;
        width: 60%;
        float: none;
    }
    .site{
        text-align: center;
    }
    .foot_n span a{
        font-size: 8vw;
    }
    .foot_l{
        float: none;
        display: block;
        width: auto;
    }
    .foot_n{
        float: none;
        display: block;
        width: auto;
        margin-bottom: 20px;
        margin-top: 10px;
        font-weight: bold;
    }
    .site{
        font-size: 12px;
    }
    .copy{
        text-align: center;
    }
}