#header_bottom{
    background-image:url(../images/web_top.jpg);
}


#main{
    position:relative;
    margin:150px 0 300px 0;
}
#main h3{
    height:10em;
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%, -50%);
    writing-mode: vertical-rl;
    line-height:50px;
    letter-spacing:5px;
    font-weight:500;
    font-size:16px;
    display:inline-block;
}
.bg_fff{
    background:#fff;
    padding:100px 0;
}
#reason{
    position:relative;
    display:flex;
    background:#fff;
    padding-bottom:50px;
}
#reason .contents{
    display:flex;
    justify-content: space-between;
    width:100%;
    max-width:1200px;
    margin:0 2% 0 15%;
}
#reason .wrap01{
    width:50%;
}
#reason .wrap02{
    width:44%;
}
#reason .border{
    position:absolute;
    width:10%;
    height:1px;
    background:#000;
    margin-right:20px;
    margin-top:30px;
}
#reason h2.title{
    font-weight:500;
    letter-spacing:7px;
    line-height:35px;
    margin-bottom:30px;
}
#reason .sentence{
    font-size:14px;
    line-height:30px;
}
#reason table td{
    width:120px;
}
#reason table th{
    line-height:30px;
    font-weight:normal;
    font-size:14px;
    text-align:left;
    border-bottom:1px solid #d8d8d8;
}
#reason table h4{
    font-size:16px;
    font-weight:500;
}

.contact{
    text-align:center;
    letter-spacing:2px;
    position:relative;
    width:400px;
    height:60px;
    line-height:60px;
    margin:0 auto;
    border-radius:5px;
    box-shadow:2px 2px 4px rgb(133, 133, 133);

}
.contact a{
    color:#EC610C;
    display:block;
    transition:0.3s;
    border-radius:5px;

}
.contact a .yazirushi{
    position:absolute;
    left:20px;
}
.contact a:hover{
    background:#EC610C;
    color:#fff;
}
.contact2 a{
    background:#EC610C;
    border: 1px solid #EC610C;
    color:#fff;
}
.contact2 a:hover{
    background:#fff;
    color:#EC610C;
    border:1px solid #EC610C;
}


#flow{
    width:90%;
    max-width:1200px;
    margin:50px auto;
}
#flow h2{
    font-size:35px;
    letter-spacing:3px;
}
#flow .border{
    width:70px;
    height:1px;
    background:#000;
    display:inline-block;
    vertical-align: middle;
    margin-left:30px;
}
#flow .content{
    font-size:14px;
    margin:10px 0 30px 0;
}
#flow .flow_in{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    row-gap:30px;
    max-width:1000px;
    margin:0 auto;
}
#flow .flow_in .circle{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing:border-box;
    text-align:center;
    background:#fff;
    font-size:13px;
    width:180px;
    height:180px;
    border-radius:50%;
}
#flow .flow_in img{
    width:40px;
}
#flow .flow_in h4{
    font-weight:500;
    font-size:16px;
    margin:10px 0;
}


#contact_wrap{
    background:#fff;
    padding:100px 0;
}
#contact_wrap .title{
    max-width:1200px;
    width:90%;
    margin:0 auto;
    position:relative;
    border:2px solid #000;
    padding:50px;
    box-sizing: border-box;
}
#contact_wrap .tate{
    position:absolute;
    top:-60px;
    left:50%;
    height:80px;
    width:1px;
    background:#000;
}
#contact_wrap .title_in{
    position:absolute;
    top:40px;
}
#contact_wrap h2{
    font-size:35px;
    letter-spacing:3px;
}
#contact_wrap .content{
    font-size:14px;
    margin:10px 0 30px 0;
}