/*========================================================================================================================
768
========================================================================================================================*/
@media only screen and (max-width:768px) {
    #hd_ttl{
          background-size: 300px auto, contain, cover;
    }
    #wrap_nayami h2 {
        font-size: 40px;
    }

    #wrap_necessary_info>h2 {
        font-size: 40px;
        padding: 30px 0px;
    }

    #wrap_help {
        flex-direction: column-reverse;
    }

    #wrap_no_idea {
        padding: 80px 40px;
        max-width: calc(100% - 40px - 80px);
    }

    #wrap_no_idea>section#wrap_help section {
        width: 100%;
        margin-top: 40px;
    }

    #wrap_no_idea h3 {
        font-size: 38px;
    }

    #wrap_help_compare>section h4 {
        font-size: 38px;
    }

    #wrap_help_compare>section p {
        font-size: 20px;
    }

    #wrap_service_includes>h2 {
        font-size: 40px;
        padding:30px 0px;
    }
    #wrap_service_includes>section>section{
        padding-bottom:40px;
    }
    #wrap_service_includes h3 {
        font-size: 34px;
    }

    #wrap_service_includes .ttl_service {
        width: 200px;
        height: 200px;
        left: 10px;
        ;
    }

    .wrap_service_inner,
    #wrap_design  {
        flex-direction: column-reverse;
    }
    #wrap_design section.wrap_service_inner:nth-of-type(2){ 
        flex-direction: column-reverse;
   
    }
    .wrap_service_inner>section {
        width: 100%;
    }

    .wrap_service_inner>div {
        width: 100%;
        margin-bottom: 40px;
    }

    #wrap_simulation_result {
        font-size: 20px;
    }

    #wrap_team>h2 {
        font-size: 38px;
        padding: 30px 0px;
    }

    #wrap_team>section>section {
        width: calc(100% - 40px);
    }

    #wrap_team>section>section>div {
        width: 80%;
    }

    #wrap_faq>h2,
    #wrap_enquiry>h2 {
        font-size: 40px;
    }

    /*============================================================
    閉じ括弧
    ============================================================*/
}

/*========================================================================================================================
480
========================================================================================================================*/
@media only screen and (max-width:480px) {
    #hd_ttl {
        padding-bottom: 40px;
    }

    #hd_ttl p {
        font-size: 20px;
        margin-top: 40px;
    }

    #hd_ttl h1 {
        font-size: 28px;
        margin-top: 20px;
    }

    #hd_ttl #ilst_evidence {
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        top: 40px;
        width: 80px;
        height: 80px;
    }

    #wrap_nayami h2 {
        font-size: 22px;
    }

    #wrap_nayami ul {
        margin-top: 10px;
    }

    #wrap_nayami ul li {
        width: calc(100% / 2 - 5px);
    }

    #wrap_solve_together {
        padding-top: 80px;
    }

    #wrap_solve_together p {
        font-size: 22px;
    }

    #wrap_necessary_info>h2 {
        font-size: 24px;
        padding-bottom: 20px;
    }

    #wrap_necessary_info #txt_necessary_intro {
        padding-top: 0px;
        font-size: 18px;
    }

    #img_sitemap+p {
        font-size: 60px;
        margin: 0px auto 20px auto;
    }
    #img_how{
        width: 120px;
        height:120px;
        left:-20px;
    }
    #wrap_in_order_to,
    #wrap_no_idea {
        padding: 20px 20px;
        margin: 20px auto;
        max-width: calc(100% - 0px - 40px);
    }

    #wrap_in_order_to h3,
    #wrap_in_order_to h4 {
        font-size: 28px;
    }
    #wrap_in_order_to h3{
        margin:20px auto 10px auto;
    }
    #wrap_in_order_to h4{
        margin:0px auto 20px auto;
    }
    #wrap_in_order_to p {
        font-size: 18px;
    }

    #wrap_no_idea h3 {
        font-size: 28px;
    }

    #wrap_no_idea h3 {
        font-size: 24px;
    }

    #wrap_no_idea>section#wrap_help section p {
        font-size: 18px;
        line-height:2;
    }
    #wrap_help+h3{
        margin:20px auto;
    }
    #wrap_help_compare>section h4 {
        font-size: 16px;
    }
    #wrap_help_compare>section{
        width: calc(100% / 2 - 10px);
    }
    #wrap_help_compare>section p {
        font-size: 14px;
    }

    #wrap_service_includes>h2 {
        font-size: 24px;
        padding-bottom:20px;
    }

    #wrap_service_includes h3{
        font-size:26px;
        margin:120px auto 40px auto;
    }
    #wrap_service_includes .ttl_service{
        top:20px;
        left:50%;
        transform: translateX(-50%);
        width: 180px;
        height:180px;
    }
    #wrap_service_includes h4{
        font-size:24px;
        margin-bottom:20px;
    }
    #wrap_service_includes p{
        font-size:18px;
        line-height:2;

    }
    #wrap_cost h2{
        font-size:26px;
    }
    #txt_simulation{
        font-size:20px;
    }
    #inp_lesson{
        font-size:12px;
    }
    #inp_lesson input{
        width: 80px;
        font-size:24px;
    }
    #wrap_simulation_result{
        margin:40px auto 20px auto;
    }
    #wrap_cost{
        padding-bottom:20px;
    }
    #wrap_increase{
        padding:120px 0px 80px 0px;
        background-size:200%;
    }
    #wrap_team>h2{
        font-size:24px;
        padding-bottom:20px;
    }
    #wrap_cost::before{
        background-position: bottom center;
    }
    #wrap_team{
        padding-bottom:20px;

    }
    #wrap_team>section{
        padding:40px 0px;
        
    }
    #wrap_team>section>div{
        margin:20px auto;
    }
    #wrap_team>section>section{
        width: 100%;
    }
    #wrap_team>section>section>div{
        margin-bottom:20px;
    }
 
    #wrap_team>section>section>section{
        width: calc(100% - 40px);
        padding:20px 20px;
        font-size:18px;
    }
    #wrap_faq>section{
        width: calc(100% - 20px);
        padding-bottom:40px;
    }
    #wrap_faq>section>section{
        padding:10px 10px;
    }
    #wrap_faq>section h3{
        padding:0px 25px;
        font-size:18px;
    }
    #wrap_faq>section div{
        padding:0px 25px;
        font-size:18px;
    }
    #wrap_faq>h2 ,#wrap_enquiry>h2{
        font-size: 24px;
        padding:30px 0px 20px 0px;
    }
   
    #wrap_enquiry>section{
        font-size:18px;
        padding:40px 0px 0px 0px;
    }
    #wrap_enquiry>section p:first-child{
        margin-top:0px;
    }
    .tbl_form th, .tbl_form td{
        display: block;
        padding:5px 10px;
        border:none;
        font-size:16px;
    }
    .tbl_form th{
        padding-top:20px;
    }
    .txt_required{
        font-size:14px;
    }
    .btn_form{
        margin:20px auto;
    }
    #ft{
        width:calc(100% - 40px);
        font-size:16px;
        padding:40px 0px 140px 0px;
    }
    #ft ul{
        display: block;
        margin:0px auto;
        width: calc(100% - 80px);
    }
    #ft ul li{
        list-style-type: disc;
        margin:10px 0px;
    }
    
/*============================================================
下部CTA
============================================================*/

#ft_cta ul{
    max-width:80%;
}

#ft_cta ul li{    width: calc(100% / 3 - 40px);
}

/*============================================================
その他のページ
============================================================*/
#wrap_other_page{
    font-size:16px;
}
    #wrap_other_page h1 {
        width: 180px;
    }
    #wrap_other_page h2{
        font-size:24px;
        padding:20px 0px 20px 0px;
    }
    #wrap_other_page>section{
        padding:20px 0px;
    }
    #wrap_other_page table th, #wrap_other_page table td{
        font-size:16px;
        font-weight: 400;
    }
    /*============================================================
    閉じ括弧
    ============================================================*/
}