@charset "UTF-8";

body{
   
    margin:0px;
    padding:0px;
    text-align:center;
}

h1{
    margin:0px;
    padding:0px;
    border:0;
}

h1 img{
    width:100%;
    height:auto;
}

h1 img{
    width:100%;
    height:auto;
}

.p01{
    font-size:14px;
    text-align:left;
    margin:0px 0px 0px 0px;
    padding:10px;
}

.contact01{
    width:50%;
    color:#ffffff;
    background:#448aca;
    margin:10px auto 20px auto;
    padding:10px;
    
}

.contact01 a{
    color:#ffffff;
    background:#448aca;
    text-decoration:none;
    font-weight:bold;
}
 
.contact02{
    width:50%;
    margin:10px auto 20px auto;
    padding:10px;
    
}

.contact02 a:link{
    color:#448aca;
    text-decoration:none;
    font-weight:bold;
}

.contact02 a:visited{
    color:#448cac;
    text-decoration:none;
    font-weight:bold;
}

.contact02 a:hover{
    color:#ff9900;
    text-decoration:none;
    font-weight:bold;
}

.contact02 a:active{
    color:#ff9900;
    text-decoration:none;
    font-weight:bold;
}
 



@media screen and (min-width: 1200px) {
    header{
        background:#01a0c6;
        width:100%;
        display:flex;
        justify-content: center;
        margin:0px auto 0px auto;
    }
   
    main{
        width:100%;
        margin:0px;
        padding:0px;
    }
    
    .mainbox01{
        width:1200px;
        margin:20px auto 30px auto;
        display:flex;
        justify-content: center;
    }
    
    .mainbox02{
        width:50%;
        margin:20px 0px 20px 0px;
        padding:0px;
    }
    
    .mainbox02 img{
        width:100%;
        height:auto;
    }
    
    .mainbox03{
        
        width:50%;
        margin:20px;
        padding:30px;
    }
    
     .mainbox_base{
        width:100%;
        margin:20px auto 30px auto;
         padding:100px 0px 100px 0px;
        background: url("../images/sento_image01.jpg");
          background-size: cover;
         background-position:center center;
    }
    
     .mainbox04{
        width:1200px;
        margin:20px auto 20px auto;
        padding:0px;
         display:flex;
        justify-content:space-between;
    }
    
    .mainbox04 img{
        width:100%;
        height:auto;
    }
    
    .mainbox05{
        
        width:100%;
        margin:0px;
        padding:10px;
    }
    
    .mainbox05 img{
        width:100%;
        height:auto;
    }
    
    .time01{
        margin:0px;
        padding:0px;
    }
    
    .time01 li{
        background:#efefef;
        text-align:left;
        list-style:none;
        margin:1px 0px 0px 0px;
        padding:10px;
    }
}

@media screen and (max-width: 1199px) {
   header{
        background:#01a0c6;
        width:100%;
        display:flex;
        justify-content: center;
        margin:0px auto 0px auto;
    }
     main{
        width:100%;
        margin:0px;
        padding:0px;
    }
     .mainbox01{
        width:1200px;
        margin:20px auto 30px auto;
        display:flex;
        justify-content: center;
    }
    
    
     .mainbox02{
        width:50%;
        margin:20px auto 20px auto;
        padding:0px;
    }
    
    .mainbox02 img{
        width:100%;
        height:auto;
    }
    
    .mainbox03{
        width:50%;
        margin:20px;
        padding:0px;
    }
    
    .mainbox_base{
        width:100%;
        margin:20px auto 30px auto;
         padding:100px 0px 100px 0px;
        background: url("../images/sento_image01.jpg");
          background-size: cover;
         background-position:center center;
    }
    
     .mainbox04{
        width:100%;
        margin:20px 0px 20px 0px;
        padding:0px;
         display:flex;
        justify-content: center;
    }
    
    .mainbox04 img{
        width:100%;
        height:auto;
    }
    
    .mainbox05{
        
        width:100%;
        margin:0px;
        padding:10px;
    }
    
    .mainbox05 img{
        width:100%;
        height:auto;
    }
    
    
    .time01{
        margin:0px;
        padding:0px;
    }
    
    .time01 li{
        background:#efefef;
        text-align:left;
        list-style:none;
        margin:1px 0px 0px 0px;
        padding:10px;
    }
}

@media screen and (max-width: 600px) {
    header{
        background:#01a0c6;
        width:100%;
        display:flex;
        justify-content: center;
        margin:0px auto 0px auto;
    }
     main{
        width:100%;
        margin:0px;
        padding:0px;
    }
    
    .mainbox01{
        width:100%;
        margin:20px auto 30px auto;
        display:flex;
        justify-content: center;
    }
    
    
    .mainbox02{
        width:80%;
        margin:20px auto 20px auto;
    }
   
    .mainbox02 img{
        width:100%;
        height:auto;
    }
    
    .mainbox03{
        width:100%;
        margin:20px auto 0px auto;
    }
    
     .mainbox_base{
        width:100%;
        margin:20px auto 30px auto;
         padding:100px 0px 100px 0px;
        background: url("../images/sento_image01.jpg");
          background-size: cover;
         background-position:center center;
    }
    
     .mainbox04{
        width:100%;
        margin:20px 0px 20px 0px;
        padding:0px;
         display:flex;
        flex-direction:column;
    }
    
    .mainbox04 img{
        width:100%;
        height:auto;
    }
    
    .mainbox05{
        
        width:100%;
        margin:0px;
        padding:10px;
    }
    
    .mainbox05 img{
        width:100%;
        height:auto;
    }
    
    
    .time01{
        margin:0px;
        padding:0px;
    }
    
    .time01 li{
        background:#efefef;
        text-align:left;
        list-style:none;
        margin:1px 0px 0px 0px;
        padding:10px;
    }
   
}