/* レスポンシブ（スマホ） */


@media (max-width: 820px){
.Top_module{
    height: auto;
}

}


@media (max-width: 720px){

p{
    font-size: 1.6rem;
    line-height: 1.8em;
}

.nobr{
    display: none;
}

.Top_module figure{
    width: 70%;
}
.company_info{
    margin: 20px;
}
.company_info img.footer_logo{
    width: 86%;
}

.company_info p{
    font-size: 1.4rem;
}

.Top_module h2{
    font-size: 2.0rem;
}

.common_title{
    font-size: 2.4rem;
    margin-bottom: 20px;
}

.intro_section {
    margin-top: 40px;
    margin-bottom: 40px;
}

.shadow_box{
    padding: 40px 20px;
}

.service_item h4{
    font-size: 2.0rem;
}

.title{
    font-size: 1.8rem;
    padding: 3% 16% 3% 20px;
    line-height: 1.3em;
}

.title span{
    font-size: 3.0rem;
}

.accordion-area .box p{
    padding-left: 40px;
}

.accordion-area .box p::before{
    font-size: 3.0rem;
    left: 0px;
}

.title::before{
    right: 24px;
}

.title::after{
        right: 24px
}

.flow_step .number h3{
    font-size: 1.9rem;
    margin-bottom: 6px;
    letter-spacing: 0.01em;
}

.Flow_module .flow_step{
    padding: 20px 20px 20px 20px;
}

.Flow_module .flow_step .number{
    padding-left: 70px;
}

.company_info table{
    font-size: 1.6rem;
}

.Flow_module .flow_step:first-of-type .number:before,
.Flow_module .flow_step:nth-of-type(2) .number:before,
.Flow_module .flow_step:nth-of-type(3) .number:before,
.Flow_module .flow_step:nth-of-type(4) .number:before{
    width: 6rem;
    height: 6rem;
    left: -8px;
}

footer{
    margin-top: 60px;
}

.footer_inner{
    padding: 34px 0px 30px 0px;
}


  .card{ padding: 28px 18px; }
  .grid{
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .label{ 
    font-size: 1.6rem;
    padding-top: 0; 
    text-align: left;
  }
  .consent{ padding-left: 0; }
  .submit{ height: 64px; }
}