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

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

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

h1{
    font-size:12px;
    margin:0px;
    padding:0px;
}

a:link{
    color:#0068b7;
    text-decoration:none;
}

a:visited{
    color:#0068b7;
    text-decoration:none;
}

a:hover{
    color:#ff7700;;
    text-decoration:underline;
}

a:active{
    color:#ff7700;;
    text-decoration:underline;
}

.news01{
    background:#764445;
    font-size:24px;
    margin:30px 10px 30px 10px;
    padding:10px;
}

.news01 a{
    color:#ffffff;
}


#wrap{
    max-width:1200px;
    width:100%;
    margin:0px auto;
    padding:0px;
}

.bg_kendo01{
    background:#46393e;
}

#wrap_kendo01{
    background:#46393e;
    max-width:1200px;
    width:100%;
    margin:0px auto;
    padding:0px;
}

header{
    width:100%;
    margin:0px;
    padding:0px;
    display:flex;
    justify-content: center;
}

#header_in01{
    max-width:1200px;
    width:100%;
    margin:0px;
    padding:0px;
    display:flex;
    justify-content:space-between;
}

#header_in01kendo{
    max-width:1200px;
    width:100%;
    margin:0px;
    padding:0px;
    display:flex;
    justify-content:space-between;
}

#header_in01kendo img{
    width:100%;
    height:auto;
}


#logo{
    text-align:left;
    width:100%;
    margin:0px;
    padding:0px;
    display:flex;
    justify-content: flex-start;
}

#logo img{
        width:60%;
        height:auto;
    }

#navi{
    width:100%;
    margin:0px 30px 0px 0px;
    padding:30px 0px 0px 0px;
    display:flex;
    justify-content:space-between;
}

#navi p{
    margin:10px;
    padding:10px;
}

#catch{
    max-width:1200px;
    width:100%;
}

#catch img{
    width:100%;
    height:auto;
}

main{
    width:100%;
    margin:0px;
    padding:0px;

}

.main01{
    width:100%;
    margin:0px;
    padding:0px;
    display:flex;
    justify-content: space-between;
}

.main02{
    width:75%;
    margin:10px auto 10px auto;
    padding:0px;
    display:flex;
    flex-direction: column;
}

.kendo_main02{
    width:100%;
    margin:10px auto 10px auto;
    padding:0px;
    display:flex;
    flex-direction: column;
}


.kendo_main02 img{
    width:100%;
   height:auto;
}


.kendo_main01{
    color:#666;
    background:#fff;
    text-align:left;
    width:100%;
    display:flex;
    justify-content: center;
    margin:10px auto 10px auto;
    padding:0px;
    display:flex;
    flex-direction: column;
}

.kendo_main01 h2{
    text-align:center;
    margin:10px 0px 10px 0px;
}

.kendo_main01 h3{
    text-align:left;
    margin:10px 0px 10px 10px;
    padding:0px;
}

.kendo_main01 p{
    margin:10px 10px 10px 20px;
}

.kendo_main01 .indent01{
    margin:30px 10px 10px 0px;
    padding:0px;
}

.mainblock01{
    width:100%;
    
    margin:5px;
    padding:0px;
}

.mainblock01 img{
    width:100%;
    height:auto;
}

.mainblock01 h3{
    font-size:16px;
    text-align:left;
    margin:20px 0px 10px 0px;
    padding:5px;
    border-bottom:solid 1px #000;
}

.mainblock01 p{
    margin:14px;
    padding:5px;
    text-align:right;
}


.mainblock01 ul{
    margin:10px;
    padding:5px;
}

.mainblock01 li{
    font-size:14px;
    text-align:left;
    margin:5px 10px 5px 10px;
    padding:5px;
}

.mainblock02{
    width:100%;
    margin:5px;
    padding:0px;
}

.mainblock02 img{
    width:100%;
    height:auto;
}


.mainblock03{
    
    max-width:1000px;
    margin:5px auto;
    padding:0px;
   display:flex;
    justify-content: space-between;
}

.mainblock04{
    
    max-width:800px;
    margin:5px auto;
    padding:0px;
   display:flex;
   flex-direction: column;
}

.mainblock05{
    
    width:100%;
    margin:0px auto 0px auto;
    padding:0px;
   display:flex;
    justify-content: space-between;
}

.mainblock04 h2{
    font-size:16px;
    text-align:left;
    margin:10px;
}

.komoku{
    background:#fff;
    font-size:14px;
    text-align:left;
    width:300px;
    margin:5px 5px 5px 20px;
    padding:5px;
    
}
.komoku02{
    background:#efefef;
    font-size:14px;
    text-align:left;
    width:300px;
    margin:5px 0px 0px 0px;
    padding:10px;
    border:solid 1px #ccc;
    
}

.komoku02 h3{
    font-size:14px;
    font-weight:normal;
}
.komoku03{
    background:#fff;
    font-size:14px;
    text-align:left;
    width:500px;
    margin:5px 5px 0px 0px;
    padding:10px;
    border:solid 1px #ccc;
    border-left:none;
    
}

.komoku04 h3{
    font-size:14px;
    font-weight:normal;
}

.komoku04{
    background:#efefef;
    font-size:14px;
    text-align:left;
    width:300px;
    margin:0px 0px 0px 0px;
    padding:10px;
    border:solid 1px #ccc;
    border-top:none;
    
}
.komoku05{
    background:#fff;
    font-size:14px;
    text-align:left;
    width:500px;
    margin:0px 5px 0px 0px;
    padding:10px;
    border:solid 1px #ccc;
    border-top:none;
    border-left:none;
    
}

/*剣道教室*/

.kendo_t01{
    width:50%;
    margin:5px;
    padding:5px;
}

.kendo_t02{
    width:80%;
    height:200px;
    margin:5px;
    padding:5px;
}

.kendo_t03{
    width:80%;
    margin:5px;
    padding:5px;
}

.kendo01{
    background:#fff;
    font-size:14px;
    text-align:left;
    margin:0px;
    padding:5px;
    
}

.send01{
    margin:20px;
}

.text01{
    
    width:100%;
    margin:5px;
    padding:5px;
}

.text02{
    width:600px;
    margin:5px;
    padding:5px;
}

.text03{
    width:600px;
    height:200px;
    margin:5px;
    padding:5px;
}

#submit_button{
    margin:30px auto 30px auto;
}


footer{
    background:#d8f0fc;
    width:100%;
    margin:30px 0px 0px 0px;
    padding:10px;
}

footer p{
    font-size:12px;
    margin:0px;
    padding:0px;
}

.banner01{
    width:25%;
    margin:0px;
    padding:0px;
    text-align:left;
}

.banner01 img{
    width:100%;
    height:auto;
}

.block500{
    width:500px;
    margin:20px auto 30px auto;
    padding:0px;
}

.block500 p{
    font-size:14px;
    text-align:left;
}

@media screen and (max-width: 640px) {
    
    #wrap{
    width:100%;
    margin:0px auto;
    padding:0px;
}
    
    #header_in01{
    width:100%;
    margin:0px;
    padding:0px;
    display:flex;
    flex-direction: column;
}
    
    #logo{
    margin:0px;
    padding:0px;
}

    #logo img{
        width:50%;
        height:auto;
    }
    
#navi{
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    display:flex;
    justify-content:space-between;
}

#navi p{
    font-size:12px;
    margin:5px 15px 5px 15px;
    padding:0px 5px 0px 5px;
}
   #catch{
    max-width:1200px;
    width:100%;
}
    
    #catch img{
    width:100%;
    height:auto;
}
    
    main{
    width:90%;
    margin:10px auto 10px auto;
    padding:0px;
}
    
       .main01{
    width:90%;
    margin:10px auto 10px auto;
    padding:0px;
    display:flex;
    flex-direction: column;
}
    
    
    .mainblock01{
    width:96%;
    
    margin:10px auto 10px auto;
    padding:10px;
}

.mainblock01 img{
    width:100%;
    height:auto;
}

.mainblock01 h3{
    font-size:14px;
    text-align:left;
    margin:0px;
    padding:5px;
    border-bottom:solid 1px #000;
}

.mainblock01 .txt01{
    text-align:left;
}

.mainblock01 ul{
    margin:10px;
    padding:5px;
}

.mainblock01 li{
    font-size:12px;
    text-align:left;
    margin:5px 10px 5px 10px;
    padding:5px;
}
    
    .mainblock01 p{
        font-size:12px;
    }
    
       .mainblock02{
    width:96%;
    
    margin:0px auto 0px auto;
    padding:0px;
}

.mainblock02 img{
    width:100%;
    height:auto;
}
    
    /*　フォーム　*/
    
    .mainblock03{
    width:100%;
    margin:5px auto;
    padding:0px;
   display:flex;

  flex-direction: column;
}

.komoku{
    background:#fff;
    font-size:14px;
    text-align:left;
    width:90%;
    margin:5px 5px 5px 0px;
    padding:0px;
    
}

.text01{
    
    width:100%;
    margin:0px;
    padding:0px;
}

.text02{
    width:90%;
    margin:5px;
    padding:5px;
}

.text03{
    width:90%;
    height:200px;
    margin:5px;
    padding:5px;
}

    
}