@media (max-width: 1024px) {

#reason .contents{
    display:block;
}
#reason .wrap01{
    width:90%;
}
#reason .wrap02{
    width:90%;
    margin-top:30px;
}
#flow .flow_in {
    justify-content: center;
    column-gap:30px;
    max-width: 700px;
}

.contact{
    width:293px;
}
.contact a .yazirushi{
    left:10px;
    font-size:12px;
}
#contact_wrap .title{
    padding:50px 20px;
    width:90%;
}


}/*-- max-width:1024 end --*/








@media (max-width: 754px) {
#main{
    margin:120px 0 220px 0 ;
}
#main h3{
    font-size:14px;
    line-height:40px;
    letter-spacing: 3px;
}
.bg_fff{
    padding:0 0 50px 0;
    position:relative;
}
#reason{
    display:block;
}
#reason .border{
    position:absolute;
    left:50%;
    top:-20px;
    width:1px;
    height:50px;
    background:#000;
    margin:0 auto;
}
#reason .contents{
    width:90%;
    padding-top:60px;
    margin:0 auto;
}
#reason .wrap01{
    width:100%;
}
#reason .wrap02{
    width:100%;
}
#reason h2.title{
    letter-spacing:2px;
    line-height:25px;
    margin-bottom:20px;
    font-size:16px;
    font-weight: bold;

}
#reason .sentence{
    line-height:25px;
    font-size:14px;
}
#reason table{
    border-collapse: collapse;
}
#reason table td{
    width:80px;
    border-bottom:1px solid #d8d8d8;
}
#reason table th{
    line-height:25px;
    padding:10px 0;
    font-size:14px;
}
#reason table h4{
    font-weight:bold;
}


.contact{
    width:90%;
    height:50px;
    line-height: 50px;
}



#flow{
    width:90%;
}
#flow .flow_in{
    max-width:400px;
}
#flow .flow_in .circle{
    width:200px;
    height:200px;
    font-size:13px;
    margin:0 auto;
}



#contact_wrap{
    padding:60px 0;
}
#contact_wrap .title{
    width:90%;
    padding: 35px 10px 20px 10px;
}
#contact_wrap .tate{
    height:60px;
    top:-40px;
}

#contact_wrap .title_in{
    position:relative;
    top:0;
    text-align: center;
}
#contact_wrap .yazirushi{
    display:none;
}



}/*-- max-width:754 end --*/