@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     ドライバーのスケジュール帳
 Notes:          
--------------------------------------------------------------- */
.main-wrap{
width:100%;
padding-top: 4vw;
}

.main-title{
width:100%;
padding: 0;
margin: 0 auto 2%;
}
.main-title img{
width:100%;
}

.main{
width:52.0833%;
margin: 0 auto;
}

.sec01{
width:100%;
margin: 0 auto 5%;

}

.title01{
width:100%;
margin-bottom: 3%;
}
.title01 img{
width:100%;
}

.title-work{
width:100%;
margin: 5% 0 1%;
}
.title-work img{
width:100%;
}

.work-txt01{
font-size: 1vw;
line-height: 170%;
margin-bottom: 2%;
}

.cycle{
width:66%;
margin: 0 auto 3%;
}
.cycle img{
width:100%;
}

.sche01{
width:100%;
margin-bottom: 1%;
}
.sche01 img{
width:100%;
}

td.time{
width:8.2%;
border-right: 4px solid #1055a3;
}

td.yotei{
padding: 1% 0 1% 3%
}

td.yotei2{
padding: 10% 0 10% 3%
}

.aomoji{
color:#1055a3;
font-weight: bold;
}

td p{
margin-bottom: 1%;
}

.bg-ao{
width: 100%;
background-color: #1055a3;
color: #ffffff;
text-align: center;
}

.memo{
width:93%;
margin: 8% auto;
position: relative;
background-color: #1055a3;
border-radius: 4vw;
color: #ffffff;
line-height: 170%;
font-size: 1vw;
padding: 2% 5%;
}

.memo-pic{
position: absolute;
right: 0;
bottom: 0;
width:22%;
line-height: 0;
}

.bana-area {
    width: 100%;
    margin: 0 auto 7%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bana01 {
    width: 49%;
    line-height: 0;
}
.bana01 img{
width: 100%;
}


/* ================= smartphone ================= */
@media only screen and (max-width:699px) {

.main-wrap{
width:100%;
padding-top: 50px;
}

.main-title{
width:100%;
}

.main {
    width: 90%;
    margin: 0 auto;
}

.work-txt01 {
    font-size: 14px;
    line-height: 170%;
    margin-bottom: 5%;
}

.cycle {
    width: 100%;
    margin: 0 auto 3%;
}

.memo {
    width: 100%;
    margin: 8% auto;
    position: relative;
    background-color: #1055a3;
    border-radius: 4vw;
    color: #ffffff;
    line-height: 170%;
    font-size: 14px;
    padding: 5%;
}

.memo-pic {
    position: relative;
    right: 0;
    bottom: 0;
    width: 50%;
    line-height: 0;
    margin-top: -5%;
    margin-left: 60%;
    margin-bottom: -6%;
}

.bana01 {
    width: 100%;
    line-height: 0;
    margin-bottom: 5%;
}













}