@charset "UTF-8";

/*
-----------------------------------------
共通メニュー(444)
-----------------------------------------
*/



/*
-----------------------------------------
ぱんくずリスト(452)
-----------------------------------------
*/



/*
-----------------------------------------
Zoom開始の流れ(653)
-----------------------------------------
*/

.zoom_flow_main{
max-width: 1040px;
width: 100%;
margin: 50px auto;
}
.zoom_flow_main .top{
width:100%;
}

.zoom_flow_wrap{
background: #ebf5f7;
padding:50px 100px 50px;
text-align: center;
}

.flow_pc{
width:100px;
}

.zoom_flow_wrap h6{
margin:20px auto;
font-size: 2rem;
}
.flow_step{
font-size: 2rem;
    font-family: sans-serif;
    font-weight: bold;
    color: #8eb2bf;
}
.flow_step b{
font-size:3rem;
}
.zoom_flow_wrap ul{
display: flex;
}
.zoom_flow_wrap li{
width: 100%;
    text-align: left;
    background: #fff;
    padding: 30px;
    line-height: 30px;
letter-spacing: 2px;
    font-size: 1.8rem;
margin: 20px auto;
}
.single-line{
width: 90%;
    background: #ebf5f7;
    display: block;
    margin: -2px auto 0px;
    border: solid 1px #8eb2bf;
}
.zoom_flow_main .img_wrap{
    padding: 0;
    width: 40%;
}
.zoom_flow_wrap li img {
    height: 200px;
    object-fit: cover;
    vertical-align: bottom;
}
.nagare_btn{
    width: 300px;
    display: block;
    margin: 50px auto;
}
.ap-btn{
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
}
.ap-btn a{
display:block;
width:250px;
}
.ap-btn span{
color:#000;
line-height:20px;
}

@media screen and (max-width: 768px){
.zoom_flow_wrap {
    padding: 50px 10px 50px;
}
.zoom_flow_wrap .ttl{
width: 90%;
margin: 0 auto;
}
.ap-btn{
display: block;
}
.ap-btn a{
margin: 30px auto;
}
.zoom_flow_wrap ul {
    display: block;
}
.zoom_flow_main .img_wrap {
width: 100%;
    text-align: center;
    margin: -20px auto 20px;
}
}

/*
-----------------------------------------
フッター(435)
-----------------------------------------
*/