@charset "UTF-8";
/*------------------------*/

.flow-area {
display: flex;
flex-wrap: nowrap;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.flow-box {
background-color: #D7EEFA;
border-radius: 15px;
padding: 20px;
margin-right: 20px;
width: calc(100% / 4);
}
.flow-box:last-child {
margin-right: 0;
}
.flow-box inner {
/*padding: 20px;*/
}
.flow-box h3 {
display: flex;
align-items: center;
flex-wrap: nowrap;
color: #005389;
font-size: 18px;
margin-bottom: 20px;
}
.number {
margin-right: 10px;
}
.before-contract {
margin-top: 100px;
}

.pdf::before {
content: url(../../img/pdf.png);
margin-right: 10px;
position: relative;
top: 12px;
}


@media (max-width:991px) {
.flow-area {
flex-wrap: wrap;
}
.flow-box {
width: 48%;
float: left;
margin-bottom: 20px;
}
.flow-box:nth-child(even) {
margin-right: 0;
}
.flow-box h3 {
font-size: 16px;
}
}

@media (max-width:767px) {
.before-contract {
margin-top: 50px;
}

.flow-box {
width: 100%;
float: none;
margin-right: 0;
}
}

.m_manual_btn {
background-color: #0077C0;
display: inline-block;
color: #fff;
margin-top: 2.5rem;
margin-left: 15px;
}
@media (max-width:767px) {
.m_manual_btn {
margin-top: 1rem;
margin-left: 0;
}
}

.m_manual_btn a {
display: block;
color: #fff;
font-size: 1.5em;
padding: 20px 40px 10px;
}
@media (max-width:767px) {
.m_manual_btn a {
font-size: 1em;
padding: 10px 40px;
}
}
.m_manual_btn a img {
margin-bottom: 6px;
}
@media (max-width:767px) {
.m_manual_btn a img {
margin-bottom: 0;
}
}