Body{margin:0}
@media(min-width: 768px){Body{font-size:125%}}

/*--------------------------------------------共通--------------------------------*/
.Border_01{border-bottom:1px solid maroon;padding:0 1em}
.Radius_01{border-radius:30px}
.instagram{background-color:navy;color:white;padding:5px;border:1px;border-radius:5px;font-size:120%}
@media(max-width: 767px){.Only_PC{display:none;}}
@media(min-width: 768px){.Only_Mobile{display:none;}}

/*--------------------------------------------Nav--------------------------------*/
.Top_Nav{padding:1em 0 0.25em 0;background-color:whitesmoke;border-bottom:2px solid lightgray;position:fixed;top:0;left:0;height:3em;width:100%;z-index:999}
.Nav_Table a{color:black;text-decoration:none}
@media(min-width: 768px){
  .Nav_Table{font-size:125%;margin-bottom:0.5em;text-decoration:right}
  .Nav_Table td{padding:0 1.5em;border-right:2px solid lightgray;}}
@media(max-width: 767px){
  .Nav_Table{font-size:125%;margin:0 0 1.5em 2em;}
  .Nav_Table td{padding:0.5em 1.5em;border-bottom:2px solid lightgray;}}
#Nav_Table_Mob{display:none}
.Nav_Bar{font-size:120%;margin:0.5em 1em}
.Nav_Bar a{color:black;text-decoration:none}
#Nav_Bar_2{display:none}

/*--------------------------------------------TopのDiv--------------------------------*/
@media(min-width: 768px){ 
  .Top_01{margin-bottom:1em}
  .Top_01:After{content:""; display:block; clear:both}
  .Top_01_01{float:left;width:30%;}
  .Top_01_02{float:left;width:40%;}
  .Top_01_03{float:left;width:30%;}}

.Top_02{text-align:center;background-color:whitesmoke;margin:0;padding:3em 0 8em 0;}
@media(min-width: 768px){ .Top_02_01{margin-left:20%;width:60%;}}
.Top_025{text-align:center;padding:0 0 3em 0;margin:0}
.Top_03{text-align:center;margin:0;padding:0 0 3em 0;background-color:#FAF0E6}
.Top_03_03{text-align:left}
.Top_03_03 li{padding:0.25em}
@media(min-width: 768px){.Top_03_01{background-color:white;margin-left:15%;padding:3em 5%;width:60%;border:solid 1px orange}}
@media(max-width: 767px){.Top_03_01{background-color:white;margin-left:5%;padding:3em 5%;width:80%;border:solid 1px orange}}
.Top_04{text-align:center;margin:0 0 3em 0}
.Top_05{text-align:center;margin:0;padding:0 0 3em 0;background-color:aliceblue}
.Top_90{padding-bottom:3em}

footer{background-color:lightgray;padding:1em 5%}
.Foot_01{text-align:center}
.Copyright{font-size:90%;margin-bottom:1em}

/*--------------------------------------------TopのH1、H2--------------------------------*/
.School_Name{text-align:center;font-size:160%;margin:1em 0;font-family:Century;color:deeppink;}
.School_Name_Mob{font-size:110%;margin:0;font-family:Century;color:brown;}
.Top_Lesson{text-align:center;font-size:160%;margin:1em 0;font-family:Century;color:green;}
.Title_01{margin:0em 0 1em 0;padding:1em 0 0 0;font-size:160%;font-family:Century}
.H2_02{text-align:center;font-size:130%;padding:0 1em;color:maroon;margin:0;font-weight:normal}
@media (max-width: 767px){.H2_02{font-size:110%;}}
.H3_01{border-bottom:2px solid gold;text-align:left;margin-bottom:0em;font-size:100%}
.H3_01_Span{padding-right:1em}

/*--------------------------------------------TopのP--------------------------------*/
@media(min-width: 768px){ .Exp_01{background-color:white;padding:3em 0;text-align:left;width:70%;margin-left:15%}}
@media(max-width: 767px){ .Exp_01{background-color:white;padding:1em;text-align:left;margin:0 1em}}
.Exp_02{padding:2em 5%;text-align:left;}
.Exp_03{padding:0   5%;text-align:left;}
.Exp_03_ul li{text-align:left;}
.Lesson_Name{margin-bottom:1em;border-bottom:1px solid orange;font-size:125%;font-weight:bold}


.Teacher_Introduction_Mobile{text-align:left}
.Teacher_Introduction_Mobile h3{color:#555555; font-size:90%; margin:0.8em 0 0 0; font-weight:bold;border-bottom:1px solid orange}
@media (max-width: 767px){.Teacher_Introduction_Mobile h3{margin-top:0.4em}}
.Teacher_Introduction_Mobile p{margin:0.25em 0 1em 1em}
@media (max-width: 767px){.Teacher_Introduction_Mobile p{margin:0.25em 0 0.25em 1em}}

/*--------------------------------------------TopのImgae--------------------------------*/
.Image_01{position:relative; background-color:black;height:99%;}
.Image_01_Text_01 {position:absolute; bottom:0%; left:50%; -ms-transform: translate(-50%,-0%);-webkit-transform: translate(-50%,-0%);transform: translate(-50%,-0%);text-align:center;margin:0 0 1em 0;padding:0; width:100%;color:maroon}
.Image_01_Text_02 {font-size:130%;font-weight:bold}

.Image_Person{width:15em}
.Imgae_Ilust_01{width:5em}
.Image_Lesson{width:80%}
.Image_Lesson_Table{width:100%;}
.Image_Top_01{margin-left:10%;width:80%}

@media (min-width: 768px){
.Left_Picture{text-align:left;margin-left:5%}
.Right_Picture{text-align:right;margin-right:5%}}

@media (max-width: 767px){
.Left_Picture{text-align:left;margin:0 0 1em 0}
.Right_Picture{text-align:right;margin:1em 0 0 0}}

.Image_double{width:100%;padding:1em}

/*--------------------------------------------TopのTable--------------------------------*/
.Lesson_Picture_Table td{width:25%;}
.Double_Picture_Table{width:66%;margin-left:0%}
.Double_Picture_Table td{padding:0 1em}

.Triple_Picture_Table{width:100%;margin-left:0%}
.Triple_Picture_Table td{padding:0 1em;width:33%}