@charset "UTF-8";
/* CSS Document */
html { width: 100%;height: 100%;margin: 0;	padding: 0;} 
body{width:100%;height: 100%;margin:0;padding:0;background: #5e624f; -webkit-text-size-adjust: 100%;font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-text-size-adjust: 100%;}
body.fixed {	position: fixed;height: 100vh;}
.clearfix:after {	content: "";	clear: both;	display: block;}
:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

header {width: 100%;height:94px; margin: 0 auto;background: rgba(94,98,79,1.0);}
header article{width: 100%;margin: 0 auto;background: rgba(94,98,79,0.9);position: fixed;top:0;left: 0;z-index: 1}

header article section h1 img{width:100%;}
header article section h1:hover{opacity: 0.5}

main{background:white;}

main #about{width:100%; margin: 0 auto;padding:0 0 50px 0;}
main #about > div{width:100%;height:200px;margin: 0 auto 80px auto;padding: 0;position: relative;background: url("../img/about01.jpg") no-repeat;background-position:80% 30%; background-size: 70% auto}
main #about > div div{position: absolute;top:0%;left: 0; width:100%;height: 100%;background: rgba(26,42,50,0.8);}
main #about > div h2{position: absolute;top:16%;left: 0; width:100%;text-align: center;font-size: 40px;letter-spacing:5px;font-weight: normal;color: white}
main #about > div h3{position: absolute;top:55%;left: 0; width:100%;text-align: center;font-size: 20px;letter-spacing: 3px;font-weight: normal;color: #bbbaaa;}
main #about section{width:900px;margin: 0 auto 50px auto;}
main #about section h4{width: 100%;margin: 0;padding:0px 0 20px 0;font-size:30px;letter-spacing: 3px;font-weight: normal;color: #5e624f;}
main #about section h4:before{content:"";display:inline-block;width: 100%;height:2px;padding: 0px 0 0 0 ;margin:0px 0 20px 0; background:linear-gradient(90deg,#5e624f 0%,#5e624f 20%,#bbbaaa 20%,#bbbaaa 100%);}
main #about section p{margin: 0;padding: 0;font-size:16px;letter-spacing: 1px;line-height: 26px;}
main #about section ul{margin:0;padding: 0 0 0 30px;font-size:16px;letter-spacing: 1px;line-height: 26px;}
main #about section div{width:90%;margin:0 auto 20px auto;}
main #about section div figure{display:block;}
main #about section div .figure01{width:60%;margin: 0 auto;}
main #about section div .figure02{width:50%;margin: 0; float: left}
main #about section div figure img{width: 100%;  height: 300px;  object-fit: cover; }

main #message{width:100%; margin: 0 auto;padding:0 0 50px 0;}
main #message > div{width:100%;height:200px;margin: 0 auto 80px auto;padding: 0;position: relative;background: url("../img/message01.jpg") no-repeat;background-position: 50% 45%; background-size:1500px auto}
main #message > div div{position: absolute;top:0%;left: 0; width:100%;height: 100%;background:rgba(73,42,41,0.7);}
main #message > div h2{position: absolute;top:16%;left: 0; width:100%;text-align: center;font-size: 40px;letter-spacing:5px;font-weight: normal;color: white}
main #message > div h3{position: absolute;top:55%;left: 0; width:100%;text-align: center;font-size: 20px;letter-spacing: 3px;font-weight: normal;color: #bbbaaa;}
main #message section{width:1000px;margin: 0 auto 50px auto;}
main #message section div{margin: 0 auto;padding: 0 0;font-size:20px;letter-spacing: 2px;line-height:50px;text-align: center;color: #5e624f;}
main #message section figure{width: 40%; margin: 30px auto 0px auto;padding: 0;text-align: center;}
main #message section figure img{width:100%;}
main #message section p{margin: 0 0 0px 0;padding: 0;font-size:24px;letter-spacing: 2px;line-height:50px;text-align: center;color: #5e624f;}

main #course{width:100%; margin: 0 auto;padding:0 0 50px 0;}
main #course > div{width:100%;height:200px;margin: 0 auto 80px auto;padding: 0;position: relative;background: url("../img/course01.jpg") no-repeat;background-position:50% 55%; background-size:100% auto}
main #course > div div{position: absolute;top:0%;left: 0; width:100%;height: 100%;background:rgba(94,98,79,0.7);}
main #course > div h2{position: absolute;top:6%;left: 0; width:100%;text-align: center;font-size: 40px;letter-spacing:5px;font-weight: normal;color: white;line-height: 45px;}
main #course > div h3{position: absolute;top:60%;left: 0; width:100%;text-align: center;font-size: 20px;letter-spacing: 3px;font-weight: normal;color: #bbbaaa;}
main #course > section{width:800px;margin: 0 auto 50px auto;}
main #course section h5{width: 100%;margin: 0 auto 5px auto;padding:16px 0;text-align: center; font-size:30px;letter-spacing: 3px;font-weight: normal;color: white;background: #280018}
main #course section table{width: 100%; margin: 0 auto;padding: 0;border-collapse: collapse; font-size:18px;letter-spacing: 2px;line-height:30px;border-bottom:2px solid #5e624f;border-top:2px solid #5e624f;}
main #course section table th{width:20%; margin: 0 auto;padding:20px 0;color: #5e624f;background:#F5F8DC;border-bottom: 1px dashed #5e624f;}
main #course section table td{width:75%; margin: 0 auto;padding:20px 0 20px 5%;border-bottom: 1px dashed #5e624f;}
main #course section table td ol{margin:0;padding: 0 0 0 5%}
main #course section #schedule_background{width:800px;margin: 0 auto 0px auto;padding:30px 0px 30px 00px;background:url("../img/schedule_background.png");background-size:36px auto;border-radius: 10px;}
main #course section #schedule_background #schedule{width:80%;margin: 0 auto 0px auto;padding:50px 50px 30px 50px;background: white; /*background:#F5F8DC;*/border-radius: 10px;}
main #course section #schedule_background #schedule h4{width: 100%;margin: 0 auto 40px auto;padding:0px 0 0px 0;text-align: center; font-size:30px;letter-spacing: 3px;font-weight: normal;}
main #course section #schedule_background #schedule .information{margin:0 auto 30px auto;}
main #course section #schedule_background #schedule .information .text01{margin: 0 auto 10px auto;padding: 0 0 5px 0;font-size:20px;letter-spacing:1px;line-height:28px;color: #5e624f;border-bottom: 1px solid #5e624f;font-weight: bold;}
main #course section #schedule_background #schedule .information .text01::before{content:'\025c6';margin-right: 10px;}
main #course section #schedule_background #schedule .information .text02{margin: 0 auto 0px auto;padding: 0;font-size:18px;letter-spacing:1px;line-height:28px;}
main #course section #schedule_background #schedule .information .contact{width: 80%; margin:20px auto 0px auto;padding:14px 0;background:#5e624f;border-radius: 40px}
main #course section #schedule_background #schedule .information .contact p{margin: 0 auto 0px auto;padding: 0;font-size:16px;letter-spacing:1px;line-height:22px;text-align: center;color: white;}
main #course section #schedule_background #schedule #screening{width: 80%;margin:0 auto 0px auto;padding:40px 50px 10px 50px;background: white;border: 8px solid #F5F8DC;/**/background:#FFFEF5;}
main #course section #schedule_background #schedule #screening .text01{margin: 0 auto 10px auto;padding: 0 0 0px 0;font-size:20px;letter-spacing:1px;line-height:28px;color: #5e624f;text-align: center; font-weight: bold;}
main #course section #schedule_background #schedule #screening ul{width: 60%;margin: 0 auto 10px auto;padding: 0 0 0px 0;font-size:15px;letter-spacing:0px;line-height:28px;}
main #course section #schedule_background #schedule #screening ul li{margin: 0 ;padding: 0 0 0px 0;}
main #course section #schedule_background #schedule #screening .text02{margin: 0 auto 0px auto;padding:0px 0 0 0px;font-size:16px;letter-spacing:1px;line-height:28px;color: #5e624f;font-weight: bold;}
main #course section #schedule_background #schedule #screening .text02::before{content:'\025cf';margin-right: 5px;}
main #course section #schedule_background #schedule #screening .text03{margin: 0 auto 20px auto;padding: 0;font-size:14px;letter-spacing:1px;line-height:28px;}
main #course section #schedule_background #schedule #screening figure{width:70%;margin: 0 auto 0px auto;padding: 0;}
main #course section #schedule_background #schedule #screening figure img{width:100%;}
/*
main #course section div{width:800px;margin: 0 auto 0px auto;padding: 0 0 30px 0; border-bottom: 1px solid #280018;}
main #course section div h4{width: 100%;margin: 0 auto 30px auto;padding:16px 0;text-align: center; font-size:30px;letter-spacing: 3px;font-weight: normal;color: white;background:#596075}
main #course section div p{width:680px;margin: 0 auto 10px auto;padding: 0;font-size:18px;letter-spacing:0px;line-height:28px;text-indent: -30px}
main #course section div section{width:90%;margin: 0 auto 20px auto;padding: 0 0 0px 0;}
main #course section div section figure{display:block;width:50%; margin:0 auto 10px auto;padding: 0 0;float: left;border: none}
main #course section div section figure img{width:100%;  height:240px;  object-fit: cover; object-position:50% 50%;}
*/

main #column{width:100%; margin: 0 auto;padding:0 0 0px 0;}
main #column > div{width:100%;height:140px;margin: 0 auto 80px auto;padding:60px 0 0 0;background: #282b3d;}
main #column > div h2{width:100%; margin: 0;padding: 0;text-align: center;font-size: 40px;letter-spacing:5px;font-weight: normal;color: white}
main #column > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size: 20px;letter-spacing: 3px;font-weight: normal;color: #bbbaaa;}
main #column #column_news_nav{width:800px;margin: 0 auto 50px auto;padding: 0; font-size: 0;text-align: center;list-style: none;}
main #column #column_news_nav li{display: inline-block;width: 300px; margin:0 10px;padding: 0}
main #column #column_news_nav li a{position: relative;display: block; margin: 0;padding: 0px 0;text-decoration: none;text-align: center;font-size:24px;letter-spacing: 2px;border-bottom: 1px solid #7d6536;color:#7d6536;}
main #column #column_news_nav li a::after{display: inline-block;content: '\025bc'; position: absolute;top:20%;right: 20%; font-size:14px}
main #column #column_news_nav li a:hover{color: #b5a900;}
main #column section{width:800px;margin: 0 auto 50px auto;}
main #column section h4{position: relative;width:100%; margin: 0 auto 40px auto;padding: 0 0 20px 0;text-align: center;font-size: 30px;letter-spacing: 3px;font-weight: normal;color:#282b3d;}
main #column section h4::after{display:inline-block;position: absolute;bottom: 0;left:375px;content: ''; width:50px;height: 1px;background:#282b3d}
main #column section p{margin: 0 auto 30px auto;padding:  0 0;text-align: center;font-size: 18px;color: #7d6536;}
main #column section > a{display: block;width:50%; margin: 0 auto 30px auto;padding:10px 0;text-align: center;font-size:20px;letter-spacing:1px; background:#7d6536;color: white;text-decoration: none;}
main #column section > a:hover{cursor: pointer;background:#b5a900}
main #column section dl{display:flex; flex-wrap: wrap;width: 100%;margin: 0 auto 0px auto;padding:20px 0 0 0;font-size:18px;letter-spacing:1px;}
main #column section dl dt{width:22%; margin: 0 ;padding: 20px 0;border-top: 1px dashed #7d6536;}
main #column section dl dd{width:75%;margin: 0 ;border-top: 1px dashed #7d6536;}
main #column section dl dd a{display: block; color: #7d6536;padding: 20px 0 20px 20px;}
main #column section dl dd a:hover{color: #b5a900;background: #fffeec;}

main #school{width:100%; margin: 0 auto;padding:0 0 50px 0;}
main #school > div{width:100%;height:200px;margin: 0 auto 80px auto;padding: 0;position: relative;background: url("../img/school.jpg") no-repeat;background-position:50% 30%; background-size:70% auto}
main #school > div div{position: absolute;top:0%;left: 0; width:100%;height: 100%;background:rgba(94,98,79,0.7);}
main #school > div h2{position: absolute;top:16%;left: 0; width:100%;text-align: center;font-size: 40px;letter-spacing:5px;font-weight: normal;color: white}
main #school > div h3{position: absolute;top:55%;left: 0; width:100%;text-align: center;font-size: 20px;letter-spacing: 3px;font-weight: normal;color: #bbbaaa;}
main #school section{width:900px;margin: 0 auto 50px auto;}
main #school section h4{margin: 0 auto 20px auto;padding: 0; font-size: 24px;letter-spacing: 3px;font-weight: normal;color:#5e624f;}
main #school section p{margin: 0 auto 0px auto; padding: 0; font-size:18px;letter-spacing:1px;line-height:32px;}

main #access{width:100%; margin: 0 auto;padding:0 0 50px 0;}
main #access > div{width:100%;height:140px;margin: 0 auto 80px auto;padding:60px 0 0 0;background: #7d6536;/*background: rgba(94,98,79,0.8);*/}
main #access > div h2{width:100%; margin: 0;padding: 0;text-align: center;font-size: 40px;letter-spacing:5px;font-weight: normal;color: white}
main #access > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size: 20px;letter-spacing: 3px;font-weight: normal;color: #bbbaaa;}
main #access section{width:1000px;margin: 0 auto 0px auto;}
main #access section h4{margin: 0 auto 20px auto;padding: 0 0;font-size: 24px;letter-spacing: 3px;font-weight: normal;color:#5e624f;}
main #access section p{margin: 0 auto 30px auto;padding: 0 0;font-size:16px;line-height:30px; letter-spacing:1px;}
main #access section div{width:100%;margin:0 auto 0px auto;}
main #access section div {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
main #access section div iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:0}

main #contact{width:100%; margin: 0 auto;padding:0 0 50px 0;}
main #contact > div{width:100%;height:140px;margin: 0 auto 80px auto;padding:60px 0 0 0;background: #7d6536;}
main #contact > div h2{width:100%; margin: 0;padding: 0;text-align: center;font-size: 40px;letter-spacing:5px;font-weight: normal;color: white}
main #contact > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size: 20px;letter-spacing: 3px;font-weight: normal;color: #bbbaaa;}
main #contact section{width:800px;margin: 0 auto 0px auto;}
main #contact section h4{width:65%;margin:80px auto 20px auto;padding:10px 0 8px 0;font-size:30px;letter-spacing:1px;text-align: center; font-weight: normal;color: #7d6536;background:rgba(125,101,54,0.02); border:1px solid #7d6536;border-radius: 50px;}
main #contact section #tel{width:75%; margin: 0 auto 50px auto;padding: 0;text-align:center;font-size:32px;letter-spacing: 4px;}
main #contact section #tel:before{content:"";display:inline-block;width: 30px; height:50px;margin:0px 20px 0 0; background:url("../img/tel.png") no-repeat; background-position: 0% 100%;background-size:100% auto;}
main #contact section #mail{width:100%; margin: 0 auto 20px auto;padding: 0;text-align:center;font-size:18px;letter-spacing:1px;}
main #contact .mark{color:orangered;font-weight: bold}
main #contact form{width:800px;margin: 0 auto 0px auto;padding: 0 0 50px 0; background:#F4EDCE;}
main #contact form table{width: 100%; margin: 0 auto 30px auto;padding: 0;border-collapse: collapse;line-height:30px;}
main #contact form table th{width:25%; margin: 0 auto;padding:16px 0 16px 3%; font-size:16px;letter-spacing:0px;font-weight: normal;text-align:left;border-bottom:2px solid white;}
main #contact form table td{width:72%; margin: 0 auto;padding:16px 0 16px 0%;border-bottom:2px solid white}
main #contact form h5{width:40%;margin: 0 auto 20px auto;padding:10px 0 8px 0;font-size:18px;letter-spacing:1px;text-align: center; font-weight: normal;color: #7d6536;border-top:1px solid #7d6536;border-bottom:1px solid #7d6536;}
main #contact p{width:100%; margin: 0 auto 30px auto;padding: 0;font-size:14px;letter-spacing:1px;line-height: 20px;text-align: center; }
main #contact form button{display:block;border:0;width:80%;margin:0 auto;padding: 20px 0;color: white;font-size:22px;letter-spacing:1px; background:#7d6536;}
main #contact form button:hover{cursor: pointer;background:#b5a900}
    
input[type="text"],input[type="email"],textarea {margin: 0 auto 0 0;padding:12px 1% 12px 2%;font-size:16px;letter-spacing:1px;border-radius:3px;background:white;border:none; outline: none;}
.input01,textarea{width:95%;}
.input02{width:15%;}
input[type="text"]:focus,input[type="email"]:focus,textarea:focus{ background:#5e624f; color:#FFFFFF}
textarea{height:100px;}  

main #reservation{width:100%; margin: 0 auto;padding:0 0 50px 0;}
main #reservation > div{width:100%;height:140px;margin: 0 auto 80px auto;padding:60px 0 0 0;background:#280018;}
main #reservation > div h2{width:100%; margin: 0;padding: 0;text-align: center;font-size: 40px;letter-spacing:5px;font-weight: normal;color: white}
main #reservation > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size: 20px;letter-spacing: 3px;font-weight: normal;color: #bbbaaa;}
main #reservation section{width:700px;margin: 0 auto 0px auto;}
main #reservation section h4{width:50%;margin: 0 auto 40px auto;padding:10px 0 8px 0;font-size:28px;letter-spacing:1px;text-align: center; font-weight: normal;color:#280018;background:rgba(40,0,24,0.02); border:1px solid #280018;border-radius: 50px;}
main #reservation section ol {counter-reset: my-counter;list-style: none;padding: 0;margin: 0;}
main #reservation section ol li {font-size: 22px;line-height: 32px;padding:20px 0 20px 60px;margin: 0; color: #280018;font-weight: bold;position: relative;border-bottom: 1px dashed #280018;}
main #reservation section ol li:last-child{border-bottom:none;}
main #reservation section ol li:before{content:counter(my-counter);counter-increment:my-counter;background:#280018;border:1px solid;border-radius: 50%;box-sizing:border-box;display: flex;justify-content: center;align-items: center;height: 40px;width: 40px;color: #ffffff;font-size: 90%;line-height: 1;position: absolute;top:20px;  left: 0;}
main #reservation section ol li div{font-size:16px;font-weight: normal;padding: 0;margin: 0;color: black}
main #reservation section ol li div #information{width:50%;margin: 10px auto 30px auto}
main #reservation section ol li div #information #tel{display:block;width:100%; margin: 0 auto 20px auto;padding: 0;font-size:30px;letter-spacing: 2px;text-align: center}
main #reservation section ol li div #information #tel:before{content:"";display:inline-block;width:25px;height: 40px; margin:0px 10px 0 0; background:url("../img/tel.png") no-repeat; background-position: 0% 100%;background-size:100% auto;}
main #reservation section ol li div #information #contact{display: block;width:100%; margin: 0 auto;padding:8px 0;font-size:20px;letter-spacing: 2px;background: #7d6536 ;color: white;text-align: center;text-decoration: none;border-radius: 5px;}
main #reservation section ol li div #information #contact:before{content:"";display:inline-block;width:30px;height: 14px; margin:0px 0px 0 0; padding: 0; background:url("../img/contact.png") no-repeat; background-position: 0% 50%;background-size:auto 100%;}
main #reservation section ol li div #information #contact:hover{opacity: 0.5;}

main #cgi{width:100%; margin: 0 auto;padding:0 0 80px 0;}
main #cgi > div{width:100%;height:140px;margin: 0 auto 80px auto;padding:60px 0 0 0;background: #7d6536;}
main #cgi > div h2{width:100%; margin: 0;padding: 0;text-align: center;font-size: 40px;letter-spacing:5px;font-weight: normal;color: white}
main #cgi > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size: 20px;letter-spacing: 3px;font-weight: normal;color: #bbbaaa;}
main #cgi section{width:800px;margin: 0 auto 0px auto;}
main #cgi section h4{width:65%;margin: 0 auto 40px auto;padding:10px 0 8px 0;font-size:30px;letter-spacing:1px;text-align: center; font-weight: normal;color: #7d6536;background:rgba(125,101,54,0.02); border:1px solid #7d6536;border-radius: 50px;}
main #cgi section table{width: 100%; margin: 0 auto 30px auto;padding: 0;border-collapse: collapse;line-height:30px;}
main #cgi section table th{width:25%; margin: 0 auto;padding:12px 0 12px 3%; font-size:14px;color: #7d6536; letter-spacing:0px;font-weight: normal;text-align:left;border-bottom:1px solid #7d6536}
main #cgi section table td{width:72%; margin: 0 auto;padding:12px 0 12px 0%; font-size:14px;border-bottom:1px solid #7d6536}
main #cgi section p{width:100%; margin: 0 auto 30px auto;padding: 0;font-size:15px;letter-spacing:1px;line-height: 20px;text-align: center; }
main #cgi section form{width:100%; margin: 0 auto 0px auto;padding: 0;}
main #cgi section form section input{display:block;border:0;width:48%;margin:0 1%;padding: 20px 0;color: white;font-size:22px;letter-spacing:1px; background:#7d6536;float: left;-webkit-appearance: none;}
main #cgi section form section input:hover{cursor: pointer;background:#b5a900}
main #cgi section a{display: block; width:60%; margin:50px auto 0 auto;padding:20px 0;color: white;font-size:22px;letter-spacing:1px;text-align: center;background:#7d6536;text-decoration: none}
main #cgi section a:hover{cursor: pointer;background:#b5a900}

main #banner{width:1000px;margin: 0 auto;padding:0 0 50px 0;}
main #banner a img{height:88px;}
main #banner a:hover{opacity:0.5;}

footer{width:100%;padding:20px 0;text-align:center;background:#5e624f;}
footer small{font-size:16px;color:white;vertical-align: top}
footer small img{width:120px;padding-left: 4px;}

#page-top{ display:block;width:70px;height:54px;padding-top:16px; font-size:24px;text-align: center;text-decoration: none; color:white;position:fixed;right:20px;bottom:20px;background: #433a2b; z-index: 9999;}
#page-top:hover{opacity:0.5;}

@media screen and (min-width:1051px) {
    .button {display: none}    
    
    header article section{width: 1000px; margin: 0 auto;padding:0px 0;}
    header article section h1{width:240px;margin: 0;padding:25px 0 5px 0;float: left}
    
    header article section > a{display:none;}
    
    header article section nav{width:66%; margin: 0;padding: 0;float: right;}
    header article section nav a{display: block; text-decoration:none;color: white;}
    header article section nav a:hover{opacity: 0.5}
    
    header article section nav div{width:100%;height:86px; margin: 0 0 0 auto;padding: 0;position: relative;}
    header article section nav div > a{display: block; margin: 0 0 0 15px}
    header article section nav div #column{position: absolute;top:0;right:65%;padding:16px 0 16px 28px;font-size: 15px;letter-spacing:0x;background: url("../img/column.png") no-repeat;background-position: 0% 50%;background-size:18px auto;}
    header article section nav div #access{position: absolute;top:0;right:50%;padding:16px 0 16px 20px;font-size: 15px;letter-spacing:0x;background: url("../img/access.png") no-repeat;background-position: 0% 50%;background-size:12px auto;}
    header article section nav div #contact{position: absolute;top:0;right: 30%;padding:16px 0 16px 25px;font-size: 15px;letter-spacing:0x;background: url("../img/contact.png") no-repeat;background-position: 0% 50%;background-size:16px auto;}
    header article section nav div #reservation{position: absolute;top:0;right: 0;padding:12px 20px 8px 20px;background: #280018;text-align: center;font-size: 16px;letter-spacing:0x;border-radius: 0 0 10px 10px}
        
    header article section nav div ul{position: absolute;bottom:0%;right:0;/*width:100%; */ margin: 0;padding: 0;list-style: none;}
    header article section nav div ul li{/*width:25%; */margin: 0 0 0 0px;float: left;font-size:18px;letter-spacing:3px;}
    header article section nav div ul li a{display: block;padding: 0px 30px;text-align:center;border-right: 1px solid white}
    header article section nav div ul li:last-child a{border-right: none}
    header article section nav div ul #home{display:none;}
	
	main #news_list{width:800px; margin: 0 auto 80px auto;padding:0px 0;}
	main #news_list h4{position: relative;width:100%; margin: 0 auto 0px auto;padding: 0 0 20px 0;text-align: center;font-size: 30px;letter-spacing: 3px;font-weight: normal;color:#282b3d;}
	main #news_list h4::after{display:inline-block;position: absolute;bottom: 0;left:375px;content: ''; width:50px;height: 1px;background:#282b3d}
	main #news_list dl{display:flex; flex-wrap: wrap;width: 100%;margin: 0 auto 0px auto;padding:20px 0 0 0;font-size:18px;letter-spacing:1px;}
	main #news_list dl dt{width:22%; margin: 0 ;padding: 20px 0;border-bottom: 1px dashed #7d6536;}
	main #news_list dl dd{width:75%;margin: 0 ;border-bottom: 1px dashed #7d6536;}
	main #news_list dl dd a{display: block; color: #7d6536;padding: 20px 0 20px 20px;}
	main #news_list dl dd a:hover{color: #b5a900;background: #fffeec;}
	
	main #news{width:100%; margin: 0 auto 80px auto;padding:0 0 0px 0;}
	main #news > div{width:100%;height:140px;margin: 0 auto 80px auto;padding:60px 0 0 0;background: #282b3d;}
	main #news > div h2{width:100%; margin: 0;padding: 0;text-align: center;font-size: 40px;letter-spacing:5px;font-weight: normal;color: white}
	main #news > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size: 20px;letter-spacing: 3px;font-weight: normal;color: #bbbaaa;}
	main #news #title{width:1000px; margin: 0 auto;padding:0px 0;}
	main #news #title #data{width:100%; margin: 0 auto 0px auto;padding: 0 0 0px 0;font-size: 14px;letter-spacing: 1px;font-weight: normal;color:#7d6536;}
	main #news #title h4{position: relative;width:100%; margin: 0 auto 50px auto;padding: 0 0 10px 0;font-size: 24px;letter-spacing: 2px;font-weight: normal;color:#7d6536;border-bottom: 1px solid #7d6536;}
	main #news .article{width:1000px; margin: 0 auto;padding:0px 0;}
	main #news .article .text01{ margin: 0 auto 50px auto;padding: 0 0 0px 0;font-size:16px;letter-spacing:1px;line-height: 30px;}
	main #news .article .text02{ margin: 0 auto 10px auto;padding: 0 0 0px 0;font-size:26px;letter-spacing:1px;line-height: 30px;}
	main #news .article .text03{width:900px; margin: 0 auto 30px auto;padding: 0 0 0px 0;font-size:18px;letter-spacing:1px;line-height: 30px;}
	main #news .article .text04{ margin: 0 auto 0px auto;padding: 0 0 0px 0;font-size:16px;letter-spacing:1px;line-height: 30px;}
}

@media screen and (min-width:701px) and ( max-width:1050px) {
    header {width: 100%;height:80px; margin: 0 auto;background: rgba(94,98,79,1.0);}
    header article{width:100%;height: 80px; margin: 0 auto;padding:0px 0;/*position: relative;*/position: fixed;top:0;left: 0;}
    header article section h1{width:240px;margin: 0;padding:0px 0 0px 0;position: absolute;top:20px;left:5%;}
    
    header article section a:hover{opacity: 0.5}
    
    header article section > a{display: block; text-decoration:none;width:80px;height:50px;padding:30px 0 0 0px;margin: 0;position: absolute;top:0px;right: 80px;background:rgba(40,0,24,0.9);text-align: center;letter-spacing: 0px; font-size:18px;color: white; cursor:pointer;}
    
    header article section nav{display: none;	width: 100%;	height:100vh;	position:fixed;	top:80px;left: 0;background:rgba(255,255,255,0.9);}
    header article section nav div{width:100%;margin:0 auto;padding:0;position: fixed;top: 80px;left:0%;height:75vh;overflow-y: scroll;	-webkit-overflow-scrolling: touch;	overflow-scrolling: touch;}
    
    header article section nav div #access{display:block;text-decoration:none;width:87%;margin:0 auto 2px auto;padding:16px 0 16px 3%;background:#7d6536; font-size:16px;letter-spacing:2x;color:white;border-radius: 5px;}
    header article section nav div #contact{display: block; text-decoration:none;width:87%; margin:0 auto ;padding:16px 0 16px 3%;background:#7d6536;font-size: 16px;letter-spacing:2x;background-size:16px auto;color: white;border-radius: 5px;}
    header article section nav div #reservation{display: block; text-decoration:none;width:87%; margin:0 auto 2px auto;padding:16px 0 16px 3%;font-size: 16px;letter-spacing:2x;background: #280018;font-size: 16px;letter-spacing:2px;color: white;border-radius: 5px;}
    header article section nav div #column{display: block; text-decoration:none;width:87%; margin:0 auto 2px auto;padding:16px 0 16px 3%;font-size: 16px;letter-spacing:2x;background:#282b3d;font-size: 16px;letter-spacing:2px;color: white;border-radius: 5px;}
    
    header article section nav div ul{margin:10px 0 0px 0;padding: 0;list-style: none}
    header article section nav div ul li{width: 90%; margin: 0 auto 2px auto;font-size:16px;letter-spacing: 2px;}
    header article section nav div ul li a{display: block; text-decoration:none;padding:16px 0% 16px 3%;/*border-bottom: 1px dashed #5e624f;color: #5e624f;*/color: white;border-radius: 5px; background:#5e624f }
    
    .button{display:block;position: fixed;	right:0%;top:0px;width: 80px;height:60px;padding:20px 0 0 0px;margin: 0 0;text-align: center;letter-spacing: 1px; font-size:14px;color: white;background:#5e624f; cursor:pointer;} 
    .button span {display:block;position: absolute;	height:2px;border-radius: 2px;	width:50%;	background:white;right:25%;	-webkit-transition: .35s ease-in-out;	-moz-transition: .35s ease-in-out;	transition: .35s ease-in-out;}
    .button span:nth-child(1) {	top:52%;}
    .button span:nth-child(2) {	top:60%;}
    .button span:nth-child(3) {	top:68%;}    
    
    .open .button span{display:block;}
    .open .button span:nth-child(1) {	top: 50%;	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	transform: rotate(45deg); background:#5e624f}
    .open .button span:nth-child(2) {	width: 0;	left: 50%;}
    .open .button span:nth-child(3) {	top:50%;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg); background:#5e624f}
    .open nav {	display: block;	animation-duration: 0.6s;	animation-name: fade-in;z-index:4;} 
    .open .button{background:white;}
    
    @keyframes fade-in { from { opacity:0.1;}        to { opacity:1;}    }
    
    main #about section{width:90%;margin: 0 auto 50px auto;}
    
    main #message section{width:80%;margin: 0 auto 50px auto;}
    main #message section figure{width: 50%; margin: 30px auto 0px auto;padding: 0;text-align: center;}
    main #message section p{margin: 0 0 0px 0;padding: 0;font-size:24px;letter-spacing: 2px;line-height:50px;text-align: center;color: #5e624f;}
                
    main #course section{width:90%;margin: 0 auto 50px auto;}
    /*
	main #course section div{width:100%;margin: 0 auto 0px auto;padding: 0 0 20px 0; border-bottom: 1px solid #280018;}
    main #course section div p{width:92%;margin: 0 auto 10px auto;padding: 0;font-size:18px;letter-spacing:0px;line-height:28px;text-indent: -30px}
    main #course section div section{width:90%;margin: 0 auto 10px auto;padding: 0 0 0px 0;}    
   */
	main #course section #schedule_background{width:100%;margin: 0 auto 0px auto;padding:30px 0px 30px 00px;background:url("../img/schedule_background.png");background-size:36px auto;border-radius: 10px;}
	main #course section #schedule_background #schedule{width:80%;margin: 0 auto 0px auto;padding:40px 50px 30px 50px;background: white; /*background:#F5F8DC;*/border-radius: 10px;}
	main #course section #schedule_background #schedule h4{width: 100%;margin: 0 auto 20px auto;padding:0px 0 10px 0;text-align: center; font-size:30px;letter-spacing: 3px;font-weight: normal;}
	main #course section #schedule_background #schedule .information{margin:0 auto 30px auto;}
	main #course section #schedule_background #schedule .information .text01{margin: 0 auto 10px auto;padding: 0 0 5px 0;font-size:20px;letter-spacing:1px;line-height:28px;color: #5e624f;border-bottom: 1px solid #5e624f;font-weight: bold;}
	main #course section #schedule_background #schedule .information .text01::before{content:'\025c6';margin-right: 10px;}
	main #course section #schedule_background #schedule .information .text02{margin: 0 auto 0px auto;padding: 0;font-size:18px;letter-spacing:1px;line-height:28px;}
	main #course section #schedule_background #schedule .information .contact{width: 90%; margin:20px auto 0px auto;padding:14px 0;background:#5e624f;border-radius: 40px}
	main #course section #schedule_background #schedule .information .contact p{margin: 0 auto 0px auto;padding: 0;font-size:16px;letter-spacing:1px;line-height:22px;text-align: center;color: white;}
	main #course section #schedule_background #schedule #screening{width: 80%;margin:0 auto 0px auto;padding:20px 50px 10px 50px;background: white;border: 8px solid #F5F8DC;/**/background:#FFFEF5;}
	main #course section #schedule_background #schedule #screening .text01{margin: 0 auto 20px auto;padding: 0 0 0px 0;font-size:20px;letter-spacing:1px;line-height:28px;color: #5e624f;text-align: center; font-weight: bold;}
	main #course section #schedule_background #schedule #screening ul{width: 80%;margin: 0 auto 10px auto;padding: 0 0 0px 0;font-size:15px;letter-spacing:0px;line-height:28px;}
	main #course section #schedule_background #schedule #screening ul li{margin: 0 ;padding: 0 0 0px 0;}
	main #course section #schedule_background #schedule #screening .text02{margin: 0 auto 0px auto;padding:0px 0 0 0px;font-size:16px;letter-spacing:1px;line-height:28px;color: #5e624f;font-weight: bold;}
	main #course section #schedule_background #schedule #screening .text02::before{content:'\025cf';margin-right: 5px;}
	main #course section #schedule_background #schedule #screening .text03{margin: 0 auto 10px auto;padding: 0;font-size:14px;letter-spacing:1px;line-height:28px;}
	
	main #school section{width:90%;margin: 0 auto 50px auto;}
    main #access section{width:90%;margin: 0 auto 0px auto;}
    
    main #contact{width:100%; margin: 0 auto;padding:0 0 80px 0;}
    main #contact section{width:90%;margin: 0 auto 0px auto;}
    main #contact form{width:90%;margin: 0 auto 0px auto;}
    main #contact form h5{width:80%;margin: 0 auto 20px auto;padding:10px 0 8px 0;font-size:22px;letter-spacing:1px;text-align: center; font-weight: normal;color: #7d6536;border-top:1px solid #7d6536;border-bottom:1px solid #7d6536;}
    main #contact p{width:80%; margin: 0 auto 30px auto;padding: 0;font-size:14px;letter-spacing:1px;line-height: 20px;text-align:left; }
    .input02{width:25%;}
    
    main #reservation section{width:80%;margin: 0 auto 0px auto;}
    main #reservation section h4{width:70%;margin: 0 auto 40px auto;padding:10px 0 8px 0;font-size:28px;letter-spacing:1px;text-align: center; font-weight: normal;color:#280018;background:rgba(40,0,24,0.02); border:1px solid #280018;border-radius: 50px;}
    main #reservation section ol li div #information{width:50%;margin:10px auto 20px auto }
    main #reservation section ol li div #information #tel{display:block;width:100%; margin: 0 auto 20px auto;padding: 0;font-size:30px;letter-spacing: 2px;}
    main #reservation section ol li div #information #contact{display:block;width:100%; margin: 0 auto;padding:8px 0;font-size:20px;letter-spacing: 2px;background: #7d6536 ;color: white;text-align: center;text-decoration: none;border-radius: 5px;}
        
    main #column #column_news_nav{width:80%;margin: 0 auto 50px auto;padding: 0; font-size: 0;text-align: center;list-style: none;}
	main #column #column_news_nav li{display: inline-block;width:48%; margin:0 1%;padding: 0}
	main #column #column_news_nav li a{position: relative;display: block; margin: 0;padding: 0px 0;text-decoration: none;text-align: center;font-size:24px;letter-spacing: 2px;border-bottom: 1px solid #7d6536;color:#7d6536;}
	main #column #column_news_nav li a::after{display: inline-block;content: '\025bc'; position: absolute;top:20%;right: 20%; font-size:14px}
	main #column #column_news_nav li a:hover{color: #b5a900;}
	main #column section{width:90%;margin: 0 auto 50px auto;}
	main #column section h4{position: relative;width:100%; margin: 0 auto 40px auto;padding: 0 0 20px 0;text-align: center;font-size: 30px;letter-spacing: 3px;font-weight: normal;color:#282b3d;}
	main #column section h4::after{display:inline-block;position: absolute;bottom: 0;left:47.5%;content: ''; width:5%;height: 1px;background:#282b3d}
    main #column section dl dt{width:25%; margin: 0 ;padding: 20px 0;border-top: 1px dashed #7d6536;}
	
	main #news_list{width:100%; margin: 0 auto 80px auto;padding:0px 0;}
	main #news_list h4{position: relative;width:100%; margin: 0 auto 0px auto;padding: 0 0 20px 0;text-align: center;font-size: 30px;letter-spacing: 3px;font-weight: normal;color:#282b3d;}
	main #news_list h4::after{display:inline-block;position: absolute;bottom: 0;left:47.5%;content: ''; width:5%;height: 1px;background:#282b3d}
	main #news_list dl{display:flex; flex-wrap: wrap;width:90%;margin: 0 auto 0px auto;padding:20px 0 0 0;font-size:18px;letter-spacing:1px;}
	main #news_list dl dt{width:25%; margin: 0 ;padding: 20px 0;border-bottom: 1px dashed #7d6536;}
	main #news_list dl dd{width:75%;margin: 0 ;border-bottom: 1px dashed #7d6536;}
	main #news_list dl dd a{display: block; color: #7d6536;padding: 20px 0 20px 20px;}
	main #news_list dl dd a:hover{color: #b5a900;background: #fffeec;}
	
	main #news{width:100%; margin: 0 auto 80px auto;padding:0 0 0px 0;}
	main #news > div{width:100%;height:140px;margin: 0 auto 80px auto;padding:60px 0 0 0;background: #282b3d;}
	main #news > div h2{width:100%; margin: 0;padding: 0;text-align: center;font-size: 40px;letter-spacing:5px;font-weight: normal;color: white}
	main #news > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size: 20px;letter-spacing: 3px;font-weight: normal;color: #bbbaaa;}
	main #news #title{width:90%; margin: 0 auto;padding:0px 0;}
	main #news #title #data{width:100%; margin: 0 auto 0px auto;padding: 0 0 0px 0;font-size: 14px;letter-spacing: 1px;font-weight: normal;color:#7d6536;}
	main #news #title h4{position: relative;width:100%; margin: 0 auto 50px auto;padding: 0 0 10px 0;font-size: 24px;letter-spacing: 2px;font-weight: normal;color:#7d6536;border-bottom: 1px solid #7d6536;}
	main #news .article{width:90%; margin: 0 auto;padding:0px 0;}
	main #news .article .text01{ margin: 0 auto 50px auto;padding: 0 0 0px 0;font-size:16px;letter-spacing:1px;line-height: 30px;}
	main #news .article .text02{ margin: 0 auto 10px auto;padding: 0 0 0px 0;font-size:22px;letter-spacing:1px;line-height: 30px;}
	main #news .article .text03{width:90%; margin: 0 auto 30px auto;padding: 0 0 0px 0;font-size:18px;letter-spacing:1px;line-height: 30px;}
	main #news .article .text04{ margin: 0 auto 0px auto;padding: 0 0 0px 0;font-size:16px;letter-spacing:1px;line-height: 30px;}
        
    main #cgi section{width:90%;margin: 0 auto 0px auto;}
    main #cgi section p{width:80%; margin: 0 auto 30px auto;padding: 0;font-size:15px;letter-spacing:1px;line-height: 20px;text-align:left; }
    main #cgi section a{display: block; width:80%; margin:50px auto 0 auto;padding:20px 0;color: white;font-size:22px;letter-spacing:1px;text-align: center;background:#7d6536;text-decoration: none}
    
    main #banner{width:50%;margin: 0 auto;}
    main #banner a img{width: 100%; height:auto;}    
}

@media screen and (max-width:700px) {
    header {width: 100%;height:80px; margin: 0 auto;background: rgba(94,98,79,1.0);}
    header article{width:100%;height: 80px; margin: 0 auto;padding:0px 0;position: fixed;top:0;left: 0;}
    header article section h1{width:160px;margin: 0;padding:0px 0 0px 0;position: absolute;top:25px;left:5%;}
    
    header article section a:hover{opacity: 0.5}
    
    header article section > a{display: block; text-decoration:none;width:80px;height:50px;padding:30px 0 0 0px;margin: 0;position: absolute;top:0px;right: 80px;background:rgba(40,0,24,0.9);text-align: center;letter-spacing: 0px; font-size:18px;color: white; cursor:pointer;}
    
    header article section nav{display: none;	width: 100%;	height:100vh;	position:fixed;	top:80px;left: 0;background:rgba(255,255,255,0.9);}
    header article section nav div{width:100%;margin:0 auto;padding:0;position: fixed;top: 80px;left:0%;height:75vh;overflow-y: scroll;	-webkit-overflow-scrolling: touch;	overflow-scrolling: touch;}
    
    header article section nav div #access{display:block;text-decoration:none;width:87%;margin:0 auto 2px auto;padding:16px 0 16px 3%;background:#7d6536; font-size:16px;letter-spacing:2x;color:white;border-radius: 5px;}
    header article section nav div #contact{display: block; text-decoration:none;width:87%; margin:0 auto 0px auto;padding:16px 0 16px 3%;background:#7d6536;font-size: 16px;letter-spacing:2x;background-size:16px auto;color: white;border-radius: 5px;}
    header article section nav div #reservation{display: block; text-decoration:none;width:87%; margin:0 auto 2px;padding:16px 0 16px 3%;font-size: 16px;letter-spacing:2x;background: #280018;font-size: 16px;letter-spacing:2px;color: white;border-radius: 5px;}
    header article section nav div #column{display: block; text-decoration:none;width:87%; margin:0 auto 2px auto;padding:16px 0 16px 3%;font-size: 16px;letter-spacing:2x;background:#282b3d;font-size: 16px;letter-spacing:2px;color: white;border-radius: 5px;}
    
    header article section nav div ul{margin:10px 0 0px 0;padding: 0;list-style: none}
    header article section nav div ul li{width: 90%; margin: 0 auto 2px auto;font-size:16px;letter-spacing: 2px;}
    header article section nav div ul li a{display: block; text-decoration:none;padding:16px 0% 16px 3%;/*border-bottom: 1px dashed #5e624f;color: #5e624f;*/color: white;border-radius: 5px; background:#5e624f }
    
    .button{display:block;position: fixed;	right:0%;top:0px;width: 80px;height:60px;padding:20px 0 0 0px;margin: 0 0;text-align: center;letter-spacing: 1px; font-size:14px;color: white;background:#5e624f; cursor:pointer;} 
    .button span {display:block;position: absolute;	height:2px;border-radius: 2px;	width:50%;	background:white;right:25%;	-webkit-transition: .35s ease-in-out;	-moz-transition: .35s ease-in-out;	transition: .35s ease-in-out;}
    .button span:nth-child(1) {	top:52%;}
    .button span:nth-child(2) {	top:60%;}
    .button span:nth-child(3) {	top:68%;}    
    
    .open .button span{display:block;}
    .open .button span:nth-child(1) {	top: 50%;	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	transform: rotate(45deg); background:#5e624f}
    .open .button span:nth-child(2) {	width: 0;	left: 50%;}
    .open .button span:nth-child(3) {	top:50%;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg); background:#5e624f}
    .open nav {	display: block;	animation-duration: 0.6s;	animation-name: fade-in;z-index:4;} 
    .open .button{background:white;}
    
    @keyframes fade-in { from { opacity:0.1;}        to { opacity:1;}    }
    
    main #about{width:100%; margin: 0 auto;padding:0 0 30px 0;}
    main #about > div{width:100%;height:120px;margin: 0 auto 30px auto;padding: 0;position: relative;background: url("../img/about01.jpg") no-repeat;background-position: 50% 30%; background-size: 100% auto}
    main #about > div h2{position: absolute;top:12%;left: 0; width:100%;text-align: center;font-size: 30px;letter-spacing:2px;font-weight: normal;color: white}
    main #about > div h3{position: absolute;top:55%;left: 0; width:100%;text-align: center;font-size: 14px;letter-spacing:1px;font-weight: normal;color: #bbbaaa;}
    main #about section{width:80%;margin: 0 auto 30px auto;}
    main #about section h4{width: 100%;margin: 0;padding:0px 0 15px 0;font-size:20px;line-height: 20px; letter-spacing: 1px;font-weight: normal;color: #5e624f;}
    main #about section h4:before{content:"";display:inline-block;width: 100%;height:2px;padding: 0px 0 0 0 ;margin:0px 0 14px 0; background:linear-gradient(90deg,#5e624f 0%,#5e624f 20%,#bbbaaa 20%,#bbbaaa 100%);}
    main #about section p{margin: 0;padding: 0;font-size:14px;letter-spacing: 1px;line-height: 20px;}
    main #about section ul{margin:0;padding: 0 0 0 20px;font-size:14px;letter-spacing: 0px;line-height:20px;}
    main #about section div{width:100%;margin:0 auto 10px auto;}
    main #about section div figure{display:block;}
    main #about section div .figure01{width:80%;margin: 0 auto;}
    main #about section div .figure02{width:80%;margin: 0 auto; float:inherit}
    main #about section div figure img{width: 100%;  height:180px;  object-fit: cover; }
    
    main #message{width:100%; margin: 0 auto;padding:0 0 50px 0;}
    main #message > div{width:100%;height:120px;margin: 0 auto 30px auto;padding: 0;position: relative;background: url("../img/message01.jpg") no-repeat;background-position: 50% 40%; background-size: 100% auto}
    main #message > div h2{position: absolute;top:12%;left: 0; width:100%;text-align: center;font-size: 30px;letter-spacing:2px;font-weight: normal;color: white}
    main #message > div h3{position: absolute;top:55%;left: 0; width:100%;text-align: center;font-size: 14px;letter-spacing:1px;font-weight: normal;color: #bbbaaa;}
    main #message section{width:80%;margin: 0 auto 0px auto;}
    main #message section figure{width: 70%; margin: 20px auto 0px auto;padding: 0;text-align: center;}
    main #message section div{margin: 0 auto;padding: 0 0;font-size:16px;letter-spacing: 1px;line-height:30px;text-align:left;color: #5e624f;}
    main #message section div:nth-child(5),main #message section div:nth-child(6){display: inline;margin: 0;}
    main #message section p{margin: 0 auto 0px auto;padding: 0;font-size:16px;text-align: center;letter-spacing: 1px;line-height:30px;color: #5e624f;}
        
    main #course{width:100%; margin: 0 auto;padding:0 0 30px 0;}
    main #course > div{width:100%;height:120px;margin: 0 auto 30px auto;padding: 0;position: relative;background: url("../img/course01.jpg") no-repeat;background-position:50% 55%; background-size:100% auto}
    main #course > div h2{position: absolute;top:12%;left: 0; width:100%;text-align: center;font-size:20px;letter-spacing:2px;line-height:25px; font-weight: normal;color: white}
    main #course > div h3{position: absolute;top:55%;left: 0; width:100%;text-align: center;font-size:14px;letter-spacing: 1px;font-weight: normal;color: #bbbaaa;}
    main #course section{width:80%;margin: 0 auto 30px auto;}
    main #course section h5{width: 100%;margin: 0 auto 5px auto;padding:10px 0;text-align: center; font-size:18px;letter-spacing: 1px;font-weight: normal;color: white;background: #280018}
    main #course section table{width: 100%; margin: 0 auto;padding: 0;border-collapse: collapse; font-size:13px;letter-spacing:0px;line-height:20px;border-bottom:2px solid #5e624f;border-top:2px solid #5e624f;}
    main #course section table th{width:20%; margin: 0 auto;padding:14px 0;color: #5e624f;background:#F5F8DC;border-bottom: 1px dashed #5e624f;}
    main #course section table td{width:75%; margin: 0 auto;padding:14px 0 14px 5%;border-bottom: 1px dashed #5e624f;}
    main #course section table td ol{margin:0;padding: 0 0 0 7%}
    /*
	main #course section div{width:100%;margin: 0 auto 0px auto;padding: 0 0 0px 0;}
    main #course section div h4{width: 100%;margin: 0 auto 10px auto;padding:10px 0;text-align: center; font-size:18px;letter-spacing: 1px;font-weight: normal;color: white;background:#596075}
    main #course section div p{width:90%;margin: 0 auto 10px auto;padding: 0;font-size:14px;letter-spacing:0px;line-height:20px;text-indent: -14px}
    main #course section div section{width:96%;margin: 0 auto 10px auto;padding: 0 0 0px 0;}
    main #course section div section figure{display:block;width:50% !important;max-width: 50% !important; margin:0 auto 0px auto;padding: 0 0;float:left;border: none}
    main #course section div section figure img{width:100%;  height:120px;  object-fit: cover; object-position:50% 50%;}
    */
	main #course section #schedule_background{width:100%;margin: 0 auto 0px auto;padding:0px 0px 0px 00px;background:url("../img/schedule_background.png");background-size:36px auto;border-radius: 10px;}
	main #course section #schedule_background #schedule{width:100%;margin: 0 auto 0px auto;padding:0px 0% 0px 0%;background: white; /*background:#F5F8DC;*/border-radius: 10px;}
	main #course section #schedule_background #schedule h4{width: 100%;margin: 0 auto 0px auto;padding:0px 0 10px 0;text-align: center; font-size:20px;letter-spacing:0px;font-weight: normal;}
	main #course section #schedule_background #schedule .information{margin:0 auto 10px auto;}
	main #course section #schedule_background #schedule .information .text01{margin: 0 auto 10px auto;padding: 0 0 3px 0;font-size:15px;letter-spacing:0px;line-height:28px;color: #5e624f;border-bottom: 1px solid #5e624f;font-weight: bold;}
	main #course section #schedule_background #schedule .information .text01::before{content:'\025c6';margin-right: 10px;}
	main #course section #schedule_background #schedule .information .text02{margin: 0 auto 0px auto;padding: 0;font-size:14px;letter-spacing:0px;line-height:28px;}
	main #course section #schedule_background #schedule .information .contact{width: 96%; margin:10px auto 0px auto;padding:10px 0;background:#5e624f;border-radius: 40px}
	main #course section #schedule_background #schedule .information .contact p{margin: 0 auto 0px auto;padding: 0;font-size:14px;letter-spacing:0px;line-height:22px;text-align: center;color: white;}
	main #course section #schedule_background #schedule #screening{width:90%;margin:0 auto 0px auto;padding:20px 5% 10px 5%;background: white;border: 5px solid #F5F8DC;/**/background:#FFFEF5;}
	main #course section #schedule_background #schedule #screening .text01{margin: 0 auto 10px auto;padding: 0 0 0px 0;font-size:16px;letter-spacing:0px;line-height:28px;color: #5e624f;text-align: center; font-weight: bold;}
	main #course section #schedule_background #schedule #screening ul{width:98%;margin: 0 auto 10px auto;padding: 0 0 0px 0;font-size:13px;letter-spacing:0px;line-height:28px;}
	main #course section #schedule_background #schedule #screening ul li{margin: 0 ;padding: 0 0 0px 0;}
	main #course section #schedule_background #schedule #screening .text02{margin: 0 auto 0px auto;padding:0px 0 0 0px;font-size:14px;letter-spacing:1px;line-height:20px;color: #5e624f;font-weight: bold;}
	main #course section #schedule_background #schedule #screening .text02::before{content:'\025cf';margin-right: 5px;}
	main #course section #schedule_background #schedule #screening .text03{margin: 0 auto 10px auto;padding: 0;font-size:12px;letter-spacing:0px;line-height:28px;}
	
    main #column{width:100%; margin: 0 auto;padding:0 0 30px 0;}
    main #column > div{width:100%;height:90px;margin: 0 auto 30px auto;padding:30px 0 0 0;background:#282b3d;}
    main #column > div h2{ width:100%; margin: 0;padding: 0;text-align: center;font-size:30px;letter-spacing:2px;font-weight: normal;color: white}
    main #column > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size:14px;letter-spacing: 1px;font-weight: normal;color: #bbbaaa;}
    main #column #column_news_nav{width:80%;margin: 0 auto 50px auto;padding: 0; font-size: 0;text-align: center;list-style: none;}
	main #column #column_news_nav li{display:block;width:100%; margin:0 0 10px 0;padding: 0}
	main #column #column_news_nav li a{position: relative;display: block; margin: 0;padding: 16px 0;text-decoration: none;text-align: center;font-size:20px;letter-spacing: 1px;border: 1px solid #7d6536;color:#7d6536;}
	main #column #column_news_nav li a::after{display: inline-block;content: '\025bc'; position: absolute;top:36%;right: 35%; font-size:14px}
	main #column #column_news_nav li a:hover{color: #b5a900;}
	main #column section{width:80%;margin: 0 auto 0px auto;}
    main #column section h4{position: relative;width:100%; margin: 0 auto 30px auto;padding: 0 0 10px 0;text-align: center;font-size: 24px;letter-spacing: 2px;font-weight: normal;color:#282b3d;}
	main #column section h4::after{display:inline-block;position: absolute;bottom: 0;left:47.5%;content: ''; width:5%;height: 1px;background:#282b3d}
	main #column section p{margin: 0 auto 20px auto;padding:  0 0;text-align: center;font-size: 14px;color: #7d6536;}
    main #column section > a{display: block;width:100%; margin: 0 auto 0px auto;padding:10px 0;text-align: center;font-size:18px;letter-spacing:0px; background:#7d6536;color: white;text-decoration: none;}
    main #column section dl{display:flex; flex-wrap: wrap;width: 100%;margin: 0 auto 0px auto;padding:20px 0 0 0;font-size:15px;letter-spacing:0px;}
    main #column section dl dt{width:100%; margin: 0 ;padding: 20px 0 0 0;border-top: 1px dashed #7d6536;}
    main #column section dl dd{width:100%;margin: 0 ;border-top: none;}
    main #column section dl dd a{display: block; color: #7d6536;padding:0px 0 14px 0px;}
	
	main #news_list{width:100%; margin: 0 auto 50px auto;padding:0px 0;}
	main #news_list h4{position: relative;width:100%; margin: 0 auto 0px auto;padding: 0 0 10px 0;text-align: center;font-size: 24px;letter-spacing: 2px;font-weight: normal;color:#282b3d;}
	main #news_list h4::after{display:inline-block;position: absolute;bottom: 0;left:47.5%;content: ''; width:5%;height: 1px;background:#282b3d}
	main #news_list dl{display:flex; flex-wrap: wrap;width:80%;margin: 0 auto 0px auto;padding:0px 0 0 0;font-size:15px;letter-spacing:0px;}
	main #news_list dl dt{width:100%; margin: 0 ;padding: 20px 0 0 0;}
	main #news_list dl dd{width:100%;margin: 0 ;border-bottom: 1px dashed #7d6536;}
	main #news_list dl dd a{display: block; color: #7d6536;padding:0px 0 14px 0px;}
	main #news_list dl dd a:hover{color: #b5a900;background: #fffeec;}
	
	main #news{width:100%; margin: 0 auto 50px auto;padding:0 0 0px 0;}
    main #news > div{width:100%;height:90px;margin: 0 auto 30px auto;padding:30px 0 0 0;background:#282b3d;}
    main #news > div h2{ width:100%; margin: 0;padding: 0;text-align: center;font-size:30px;letter-spacing:2px;font-weight: normal;color: white}
    main #news > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size:14px;letter-spacing: 1px;font-weight: normal;color: #bbbaaa;}
	main #news #title{width:90%; margin: 0 auto;padding:0px 0;}
	main #news #title #data{width:100%; margin: 0 auto 0px auto;padding: 0 0 0px 0;font-size: 12px;letter-spacing:0px;font-weight: normal;color:#7d6536;}
	main #news #title h4{position: relative;width:100%; margin: 0 auto 30px auto;padding: 0 0 10px 0;font-size: 18px;letter-spacing: 1px;font-weight: normal;color:#7d6536;border-bottom: 1px solid #7d6536;}
	main #news .article{width:90%; margin: 0 auto;padding:0px 0;}
	main #news .article .text01{ margin: 0 auto 30px auto;padding: 0 0 0px 0;font-size:14px;letter-spacing:0px;line-height:20px;}
	main #news .article .text02{ margin: 0 auto 10px auto;padding: 0 0 0px 0;font-size:17px;letter-spacing:1px;line-height: 30px;}
	main #news .article .text03{width:90%; margin: 0 auto 10px auto;padding: 0 0 0px 0;font-size:16px;letter-spacing:1px;line-height: 30px;}
	main #news .article .text04{ margin: 0 auto 0px auto;padding: 0 0 0px 0;font-size:14px;letter-spacing:0px;line-height:22px;}
    
    main #school{width:100%; margin: 0 auto;padding:0 0 30px 0;}
    main #school > div{width:100%;height:120px;margin: 0 auto 30px auto;padding: 0;position: relative;background: url("../img/school.jpg") no-repeat;background-position:50% 30%; background-size:70% auto}
    main #school > div h2{position: absolute;top:12%;left: 0; width:100%;text-align: center;font-size: 30px;letter-spacing:2px;font-weight: normal;color: white}
    main #school > div h3{position: absolute;top:55%;left: 0; width:100%;text-align: center;font-size: 14px;letter-spacing: 1px;font-weight: normal;color: #bbbaaa;}
    main #school section{width:80%;margin: 0 auto 0px auto;}
    main #school section h4{margin: 0 auto 20px auto;padding: 0; font-size: 18px;letter-spacing: 1px;font-weight: normal;color:#5e624f;}
    main #school section p{margin: 0 auto 0px auto; padding: 0; font-size:14px;letter-spacing:1px;line-height:18px;}
    
    main #access{width:100%; margin: 0 auto;padding:0 0 30px 0;}
    main #access > div{width:100%;height:90px;margin: 0 auto 30px auto;padding:30px 0 0 0;background: #7d6536;}
    main #access > div h2{width:100%; margin: 0;padding: 0;text-align: center;font-size: 30px;letter-spacing:2px;font-weight: normal;color: white}
    main #access > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size: 14px;letter-spacing: 1px;font-weight: normal;color: #bbbaaa;}
    main #access section{width:80%;margin: 0 auto 0px auto;}
    main #access section h4{margin: 0 auto 20px auto;padding: 0 0;font-size: 18px;letter-spacing: 1px;font-weight: normal;color:#5e624f;}
    main #access section p{margin: 0 auto 30px auto;padding: 0 0;font-size:14px;line-height:18px; letter-spacing:1px;}
    main #access section div {position: relative;padding-bottom:100%;height: 0;overflow: hidden;}
    
    main #contact{width:100%; margin: 0 auto;padding:0 0 50px 0;}
    main #contact > div{width:100%;height:90px;margin: 0 auto 30px auto;padding:30px 0 0 0;background: #7d6536;}
    main #contact > div h2{width:100%; margin: 0;padding: 0;text-align: center;font-size:30px;letter-spacing:2px;font-weight: normal;color: white}
    main #contact > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size:14px;letter-spacing: 1px;font-weight: normal;color: #bbbaaa;}
    main #contact section{width:80%;margin: 0 auto 0px auto;}
    main #contact section h4{width:80%;margin: 0 auto 10px auto;padding:10px 0 8px 0;font-size:18px;letter-spacing:1px;text-align: center; font-weight: normal;color: #7d6536;background:rgba(125,101,54,0.02); border:1px solid #7d6536;border-radius: 50px;}
    main #contact section #tel{width:100%; margin: 0 auto 40px auto;padding: 0;text-align:center;font-size:20px;letter-spacing: 1px;}
    main #contact section #tel:before{content:"";display:inline-block;width: 20px; height:30px;margin:0px 10px 0 0; background:url("../img/tel.png") no-repeat; background-position: 0% 100%;background-size:100% auto;}
    main #contact section #mail{width:100%; margin: 0 auto 20px auto;padding: 0;text-align:center;font-size:14px;letter-spacing:1px;}
    main #contact .mark{color:orangered;font-weight: bold}
    main #contact form{width:80%;margin: 0 auto 0px auto;}
    main #contact form table{width: 100%; margin: 0 auto 30px auto;padding: 0;border-collapse: collapse;line-height:30px;}
    main #contact form table th{display: inline-block;width:97%; margin: 0 auto;padding:12px 0 0px 3%; font-size:14px;letter-spacing:0px;font-weight: normal;text-align:left;background:#F4EDCE;border-bottom:none;}
    main #contact form table td{display: inline-block;width:97%; margin: 0 auto;padding:0px 0 12px 3%;font-size:14px;letter-spacing:0px;background:#F4EDCE;border-bottom:2px solid white}
    main #contact form h5{width:100%;margin: 0 auto 10px auto;padding:10px 0 8px 0;font-size:16px;letter-spacing:1px;text-align: center; font-weight: normal;color: #7d6536;border-top:1px solid #7d6536;border-bottom:1px solid #7d6536;}
    main #contact p{width:100%; margin: 0 auto 20px auto;padding: 0;font-size:12px;letter-spacing:0px;line-height:18px;text-align: left; }
    main #contact form button{display:block;border:0;width:100%;margin:0 auto;padding: 20px 0;color: white;font-size:20px;letter-spacing:1px; background:#7d6536;}
    
    input[type="text"],input[type="email"],textarea {margin: 0 auto;padding:12px 1% 12px 2%;font-size:16px;letter-spacing:1px;border-radius:3px;background:white;border:none; outline: none;}
    .input01,textarea{width:94%;}
    .input02{width:25%;}
    textarea{height:150px;}
    
    main #reservation{width:100%; margin: 0 auto;padding:0 0 30px 0;}
    main #reservation > div{width:100%;height:90px;margin: 0 auto 30px auto;padding:30px 0 0 0;background:#280018;}
    main #reservation > div h2{width:100%; margin: 0;padding: 0;text-align: center;font-size: 30px;letter-spacing:2px;font-weight: normal;color: white}
    main #reservation > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size: 14px;letter-spacing: 1px;font-weight: normal;color: #bbbaaa;}
    main #reservation section{width:80%;margin: 0 auto 0px auto;}
    main #reservation section h4{width:100%;margin: 0 auto 10px auto;padding:10px 0 8px 0;font-size:18px;letter-spacing:1px;text-align: center; font-weight: normal;color:#280018;background:rgba(40,0,24,0.02); border:1px solid #280018;border-radius: 50px;}
    
    main #reservation section ol li {font-size:16px;line-height: 28px;padding:16px 0 16px 30px;margin: 0; color: #280018;font-weight: bold;position: relative;border-bottom: 1px dashed #280018;}
    main #reservation section ol li:before{content:counter(my-counter);counter-increment:my-counter;background:#280018;border:1px solid;border-radius: 50%;box-sizing:border-box;display: flex;justify-content: center;align-items: center;height:26px;width:26px;color: #ffffff;font-size: 90%;line-height: 1;position: absolute;top:16px;  left: 0;}
    main #reservation section ol li div{font-size:14px;font-weight: normal;line-height: 18px; padding: 0;margin: 0;color: black}    
    main #reservation section ol li div #information{width:96%;margin: 0px auto 20px auto}
    main #reservation section ol li div #information #tel{display:block;width:100%; margin: 0 auto 20px auto;padding: 0;font-size:18px;letter-spacing: 0px;text-align: center;;}
    main #reservation section ol li div #information #tel:before{content:"";display:inline-block;width:18px;height: 30px; margin:0px 10px 0 0; background:url("../img/tel.png") no-repeat; background-position: 0% 100%;background-size:100% auto;}
    main #reservation section ol li div #information #contact{display:block;width:80%; margin: 0 auto;padding:10px 0;font-size:15px;letter-spacing: 0px;background: #7d6536 ;color: white;text-align: center;text-decoration: none;border-radius: 5px;}
        
    main #banner{width:80%;margin: 0 auto;}
    main #banner a img{width: 100%; height:auto;}
    
    main #cgi{width:100%; margin: 0 auto;padding:0 0 30px 0;}
    main #cgi > div{width:100%;height:90px;margin: 0 auto 30px auto;padding:30px 0 0 0;background: #7d6536;}
    main #cgi > div h2{width:100%; margin: 0;padding: 0;text-align: center;font-size: 30px;letter-spacing:2px;font-weight: normal;color: white}
    main #cgi > div h3{width:100%; margin: 0;padding: 0;text-align: center;font-size:14px;letter-spacing: 1px;font-weight: normal;color: #bbbaaa;}
    main #cgi section{width:80%;margin: 0 auto 0px auto;}
    main #cgi section h4{width:100%;margin: 0 auto 20px auto;padding:10px 0 8px 0;font-size:18px;letter-spacing:1px;text-align: center; font-weight: normal;color: #7d6536;background:rgba(125,101,54,0.02); border:1px solid #7d6536;border-radius: 50px;}
    main #cgi section table{width: 100%; margin: 0 auto 20px auto;padding: 0;border-collapse: collapse;line-height:30px;}
    main #cgi section table th{display: inline-block;width:100%; margin: 0 auto;padding:8px 0 0px 0%; font-size:13px;line-height: 18px; color: #7d6536; letter-spacing:0px;font-weight: normal;text-align:left;border-bottom:none}
    main #cgi section table td{display: inline-block;width:100%; margin: 0 auto;padding:0px 0 8px 0%; font-size:13px;border-bottom:1px solid #7d6536}
    main #cgi section p{width:100%; margin: 0 auto 0px auto;padding: 0;font-size:12px;letter-spacing:1px;line-height: 18px;text-align: left; }
    main #cgi section form{width:100%; margin: 0 auto 0px auto;padding: 0;}
    main #cgi section form section{width:100%;margin: 0 auto}
    main #cgi section form section input{display:block;border:0;width:49%;margin:0 0.5%;padding: 20px 0;color: white;font-size:22px;letter-spacing:1px; background:#7d6536;float: left}
    main #cgi section a{display: block; width:100%; margin:30px auto 0 auto;padding:20px 0;color: white;font-size:18px;letter-spacing:1px;text-align: center;background:#7d6536;text-decoration: none}
    
    #page-top{ display:block;width:70px;height:54px;padding-top:16px; font-size:24px;text-align: center;text-decoration: none; color:white;position:fixed;right:20px;bottom:80px;background: #433a2b; z-index: 9999;}
    
    footer{width:100%;padding:14px 0 80px 0 !important;text-align:center;background:#5e624f;}
}

/*TEL*/
@media screen and (min-width:701px){
	.footer_area{		display: none;}	
}
@media screen and (max-width:700px) {
    .footer_area {    position: fixed;    bottom: 0;    left: 0;    width: 100%;    background-color: rgba( 26, 42, 50, 0.9);	z-index: 10000;}
    .footer_area .footer_area_inner {/*position: relative;*/ width:90%;    margin: 0px auto;    padding: 10px 0;	}
    /*
    .footer_area .footer_area_inner .footer_area_inner_btn {   width: 100%;   margin: 0px auto;    padding: 11px 0;    font-size: 20px;    font-weight: bold;    margin-left: 15px;	line-height: 1.3;    }
    */
    .inquiry_btn {float: left;background-color: #5e624f; -webkit-border-radius: 3px; display: block; color: #FFFFFF !important;text-align: center; text-decoration: none;width:49%;margin: 0 auto;padding: 15px 0 20px 0;    font-size: 18px;letter-spacing: 2px ;line-height: 18px;}
    .inquiry_btn:before{content:"";display:inline-block;width:18px;height:20px; margin:0px 10px 0 0; background:url("../img/tel02.png") no-repeat; background-position: 0% 100%;background-size:100% auto;}
    
    .inquiry_contact {float:right;  background-color:#7d6536; -webkit-border-radius: 3px; display: block; color: #FFFFFF !important;text-align: center; text-decoration: none;width:49%;margin: 0 auto;padding: 15px 0 20px 0;    font-size: 18px;letter-spacing: 2px ;line-height: 18px;}
    .inquiry_contact:before{content:"";display:inline-block;width:18px;height:20px; margin:0px 10px 0 0; background:url("../img/contact.png") no-repeat; background-position: 0% 100%;background-size:100% auto;}
    
    /*
    #siteBottom{	margin-bottom: 85px;}
    */
}