@charset "utf-8";

body{font-size:14px; width: 100%; margin: 0; padding: 0; background-image: url("../img/page/bg.png");background-repeat: no-repeat;}
#headerFixed{position: fixed;width: 100%; top:0; margin: 0 0 0 0; background-color: #ffffff;z-index: 998;}
header{width: 1110px; text-align: left;margin: 0 auto 0 auto;}
header .inner{width: 1110px; text-align: left;margin: 0 auto 0 auto;}
header #logo{width: 440px;float:left;margin-top: -10px;}
header #adress{font-size: 14px; text-align: right;float:right;width: 670px;margin-top: -10px;}
header #adress #timeTel{font-size: 17px;font-weight: bold;}
h1{font-size: 12px;margin: 0 0 0 75px;padding: 6px 0 10px 0;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;font-weight: bold;color:#FFAA00;}
h2,h3,h4,h5{font-size: 100%; font-weight: normal;margin: 0;padding: 0;}
h4{color:#3687F7;}
#contents{width: 1110px;height: auto; text-align: center;top:0; margin: 0 auto 0 auto; background-color: #ffffff;}
.clear{clear: both;}
img{width:100%;height: auto;}

#catchphraseTop img{width: 80%;height: auto; text-align:center;margin: 110px auto 50px auto; padding-top: 100px;}
#catchphrase img{width: 80%;height: auto; text-align:center;margin: 30px auto 50px auto; padding-top: 50px;}
#indexH2{width: 90%;margin: 20px 5% 30px 5%; font-size: 250%;text-align: left;}

#pan {width: 100%;height: auto; text-align:left;margin: 30px auto 0 auto; padding: 100px 0 0 50px; font-size: 90%;}
#pageH2{width: 1110px;height: auto;text-align: left;margin: 0 auto 0 auto; padding: 0 0 0 50px; font-size: 250%;}

#pr{width: 90%;margin: 20px 5% 0 5%;font-size: 150%;line-height: 1.6em; text-align: left;}
#spTop{display: none;}
.sp{display: none;}
#tableOfContents{text-align: center;margin: 60px 0 50px 0;}
#title{text-align: center;font-size:200%; margin: 0 0 16px 0;}
#item{text-align: left;font-size:150%;line-height: 1.6em; width: 40%;margin: 0 auto; padding: 0 50px;border: solid 1px;border-radius: 10px;}

#index01,#index02,#index03,#index04{margin-top:-120px;padding-top:120px;} /* アンカーリンクのズレ修正 */
#schedule01,#schedule02,#schedule03,#schedule04{margin-top:-120px;padding-top:120px;} /* アンカーリンクのズレ修正 */
#flow01,#flow02,#flow03{margin-top:-120px;padding-top:120px;} /* アンカーリンクのズレ修正 */
#faq01,#faq02,#faq03,#faq04,#faq05,#faq06,#faq07,#faq08,#faq09,#faq10{margin-top:-120px;padding-top:120px;} /* アンカーリンクのズレ修正 */

.list2{width: 100%;}
.list2 .left{float: left; width: 48%;margin: 0 4% 100px 0;}
.list2 .right{float: left;width: 48%;margin: 0 0 100px 0;}
.list2 .left .title, .list2 .right .title{font-weight: bold; font-size: 20px; text-align: left;padding: 10px; background-color:#B0EDA9;}
.list2 .left .catchphrase, .list2 .right .catchphrase{font-size:220%;margin: 20px 0 50px 0;line-height: 1.6em;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;font-weight: bold;color:#0068b7;}
.list2 .left h4,.list2 .right h4{font-size: 160%;text-align: left; font-weight: bold;}
.list2 ul{font-size:120%; text-align: left;list-style:disc;margin: 20px 0 50px 40px; line-height: 1.6em;}
.list2 p{font-size:120%; text-align: left;margin: 20px 10px 50px 10px; line-height: 1.6em;}

.list2 ol {font-size:120%;text-align: left;counter-reset: number;margin: 20px 0 50px 2px;line-height: 1.6em;}

.list2 h4.flowTitle{font-weight: normal; color: #000000; text-align:center; font-size: 150%; padding: 10px;}
.flowNext img{width: 50px; height: auto;margin: -20px 0 0 0;}

mark {background-color: #FEFABE;}
markYellow {background-color:yellow;}

#contactUs{width:1038px; margin: 50px 0 100px 0; padding: 30px; border: solid 6px #eeeeee; border-radius: 20px;}
#upper{font-size: 236%;}
#lower{font-size: 200%;margin: 10px 0 0 0;}
#line img{width: 160px; height: auto; margin:20px 0 0 0;}

#footerLogoMark{width:1110px; text-align: left;margin: 0 auto 10px auto;}
#footerLogoMark img{width: 440px; height: auto;}

footer{width:100%;height: auto; background-color:#66ccff;float: left;}
footer #footer-inner{width: 1110px;margin: 0 auto;}
#footerLeft{float:left;margin: 20px 0 50px 0;width: 90%;}
#footerRight{float:right;margin: 20px 0 40px 0;width: 10%;text-align:right;}
footer #description{font-size: 110%;}
footer #facilityName{font-size: 216%;margin: 0 0 16px 0; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
footer #underAdress{margin:0 0 1px 0; }
footer #underTimeTel{font-size: 122%;}
#sns{width: 50px;height: 50px; margin: 0 auto 0 auto;text-align:right;}
#insta img{width:50px;height: 50px; right: 0;text-align:right;}
#copyright{text-align: center; font-size: 90%;padding-bottom: 6px;}

/* スケジュール・時間割のりんごイラスト */
#treeBlue{color: #000000; font-size: 120%; padding: 10px; background-color:#76D5FD;}
#treeGreen{color: #000000;font-size: 120%; padding: 10px; background-color:#4CDA6E;}
#treeOrange{color: #000000;font-size: 120%; padding: 10px; background-color:#FDDC39;}
#treeYellow{color: #000000;font-size: 120%; padding: 10px; background-color:#F5F26E;}
#treePink{color: #000000;font-size: 120%; padding: 10px; background-color:#FFD4F9;}

.curriculaList{width: 100%; margin: 30px 0 50px 0;text-align: left;font-size: 120%;line-height: 1.6em;}
.curriculaList ul{font-size: 100%;margin: 20px 0 0 12px;}
.curriculaListLeft{float: left;width: 40%;margin: 0;}
.curriculaListLeft img{width: 90%;}
.curriculaListRight{float: left; width: 60%;text-align: left;margin: 0;}

.instructorList{width: 100%; margin: 30px 0 50px 0;text-align: left;font-size: 120%;line-height: 1.6em;}
.instructorList ul{font-size: 100%;margin: 20px 0 0 12px;}
.instructorListLeft{float: left;width: 40%;margin: 0;}
.instructorListLeft img{width: 90%;}
.instructorListRight{float: left; width: 60%;text-align: left;margin: 0;}


@media screen and (max-width: 1190px) {
body{width: 100%;text-align: center; margin: 0;background-image:none;}

header{width: 96%;height:auto;margin: 0 2%;}
header .inner{width:100%; height:auto;}

header #logo{width: 440px;float:left;margin-top: -10px;margin-right: 30px;}
header #adress{font-size: 100%; text-align:left;float:left;width:48%; margin: 0 50px 0 0;}


#pan{width:auto;}
#pageH2{width:auto;}
#contents{width:96%;margin: 0 2%; text-align: center; background-color: #ffffff;}
#contactUs{width:90%;margin: 50px auto 50px auto;}
#footerLogoMark{width:auto;}
footer #footer-inner{width:96%;margin: 0 2%;text-align: left;}
}



@media screen and (max-width: 900px) {
#headerFixed{position:static;width: 100%;}
header .inner{width: 100%; text-align: left;margin: 0 auto 0 auto;}
h1{font-size: 12px;margin: 0 0 6px 0;padding: 6px 0 0 0;}
header #logo{margin-top: 0;width: 390px;float:left;}
header #adress{font-size: 14px; text-align: left;float:left;width:100%;margin-top: 6px;}

#pan {width:100%;height: auto; text-align:left;margin: -70px auto 0 auto; padding: 0 0 0 0; font-size: 90%; }
#pageH2{width: auto;height: auto;text-align: left;margin: 0 auto 0 auto; padding: 0 0 0 0; font-size: 200%;background-color:#66ccff;}
#pr{font-size: 120%;}
#contents{margin:100px auto 0 auto;}
#catchphraseTop img{display: none;}
#spTop{display:block;}
.sp{display:block;}
#catchphrase img{display: none;}

#item{text-align: left;font-size:130%;line-height: 1.6em; width: 80%;margin: 0 auto; padding: 0 30px;border: solid 1px;}

.list2 .left{float: none; width: 100%; margin: 0 0 0 0;}
.list2 .right{float: none; width: 100%; margin: 0 0 0 0;}

#contactUs{width:76%;margin: 100px auto 50px auto;}
#upper{font-size: 180%;}
#lower{font-size: 150%;margin: 30px 0 0 0;}
}



@media screen and (max-width: 640px) {
header{margin-top: 16px;}
header #adress{font-size: 95%;}
header #adress #timeTel{font-size:112%;}
header #logo{margin-top: 0;width: 100%;float:left;}
#logo img{width: 100%;}
#spTop{margin-top: -80px;}

.list2 .left{margin: 0 0 0 0;}
.list2 .right{margin: 0 0 0 0;}

#footerLogoMark{width:100%; text-align: left;margin: 0 auto 10px auto;}
#footerLogoMark img{width: 100%; height: auto;}

footer #facilityName{font-size: 160%;}
footer #underAdress{margin:0 0 1px 0; font-size: 90%;}
footer #underTimeTel{font-size: 98%;}

#sns{width: 40px;height: 40px; margin: 0 auto 0 auto;text-align:right;}
#insta img{float:left; width:40px;height: 40px; right: 0;text-align:right;}

.curriculaList ul{font-size: 100%;margin: 20px 0 0 20px;}
.curriculaListLeft{float:none;width: 100%;margin: 0;}
.curriculaListLeft img{width: 100%;}
.curriculaListRight{float:none; width: 100%;text-align: left;margin: 16px 0 0 0;}


}