@charset:"UTF-8";

@media screen and (min-width: 641px){
.front02{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 20px;
}
.front02 figure{
    width: 50%;
}
.front02 .freetrial{
    width: 40%;
}
.gakunen01{
    background: #f4f0a4;
    color: #726154;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 30px 20px 100px;
    border-radius: 60px;
    margin: 0 auto 30px;
    position: relative;
}
.gakunen01:before{
    content: "";
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/icon_gakunen01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 55px;
    position: absolute;
    top: 8px;
    left: 18px;
}
.gakunen02{
    background: #a8e2b1;
    color: #726154;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 30px 20px 100px;
    border-radius: 60px;
    margin: 0 auto 30px;
    position: relative;
}
.gakunen02:before{
    content: "";
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/icon_gakunen02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 55px;
    position: absolute;
    top: 8px;
    left: 18px;
}
.gakunen03{
    background: #efb652;
    color: #726154;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 30px 20px 100px;
    border-radius: 60px;
    margin: 0 auto 30px;
    position: relative;
}
.gakunen03:before{
    content: "";
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/icon_gakunen03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 55px;
    position: absolute;
    top: 8px;
    left: 18px;
}
.contents01 .img{
    width: 30%;
}
.contents02{
    margin: 0 auto 20px;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co_bg.png)no-repeat;
    background-position: top center;
    background-size: cover;
    border-radius: 20px;
    padding: 10px 0;
    width: 100%;
}
.contents02 .co-inner{
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 10px;
    margin: 10px auto;
    width: calc(95% - 20px);
}
.contents02 .co-inner02{
    justify-content: center;
    padding: 20px 10px;
}
.contents02 .co-inner .co-index{
    width: 52%;
}
.contents02 .co-inner .co-index02{
    width: 25%;
}
.contents02 .co-inner .co-index dt{
    background: #1d2083;
    border-radius: 60px;
    color: #fff;
    text-align: center;
    margin: 0 0 10px;
    padding: 8px;
    width: 100%;   
}
.contents02 .co-inner .co-point{
    margin: 2% 1% 0 3%;
    width: 40%;
}
.contents02 .co-inner .co-point dd{
    color: #4d4d4d;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 35px;
    padding: 22px 0 0 80px;
    position: relative;
}
.contents02 .co-inner .co-point01:before{
    content: "";
    width: 70px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co01_icon01.png)no-repeat;
    background-size: 100%;
}
.contents02 .co-inner .co-point02:before{
    content: "";
    width: 70px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co01_icon02.png)no-repeat;
    background-size: 100%;
}
.contents02 .co-inner .co-point03:before{
    content: "";
    width: 70px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co01_icon03.png)no-repeat;
    background-size: 100%;
}
.contents02 .co-inner .co-point04:before{
    content: "";
    width: 70px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co03_icon01.png)no-repeat;
    background-size: 100%;
}
.contents02 .co-inner .co-point05:before{
    content: "";
    width: 70px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co03_icon02.png)no-repeat;
    background-size: 100%;
}
.contents02 .co-inner .co-point06:before{
    content: "";
    width: 70px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co03_icon03.png)no-repeat;
    background-size: 100%;
}
.menu_element00{
    border: 3px solid #f4f0a4;
    border-radius: 15px;
    padding: 0;
}
.menu_element01{
    border: 3px solid #A9E2B3;
    border-radius: 15px;
    padding: 0;
}
.menu_element02{
    padding: 0;
}
.menu_element00 h3{
    background: #f4f0a4;
    padding: 10px 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #726154;
    border-radius: 10px 10px 0 0;
}
.menu_element01 h3{
    background: #A9E2B3;
    padding: 10px 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    border-radius: 10px 10px 0 0;
}
.menu_element02 h3{
    background: #efb652;
    padding: 10px 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    margin: 0 0 10px;
}
.menu_element00 dl,
.menu_element01 dl{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
}
.menu_element02 dl{
    border: 3px solid #efb652;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
}
.menu_element00 dl dt{
    border-right: 3px solid #f4f0a4;
    border-bottom: 3px solid #f4f0a4;
    text-align: center;
    padding: 15px 0 15px;
    width: calc(15% - 3px);
}
.menu_element01 dl dt{
    border-right: 3px solid #A9E2B3;
    border-bottom: 3px solid #A9E2B3;
    text-align: center;
    padding: 15px 0 15px;
    width: calc(15% - 3px);
}
.menu_element02 dl dt{
    border-right: 3px solid #efb652;
    border-bottom: 3px solid #efb652;
    text-align: center;
    padding: 15px 0 15px;
    width: calc(15% - 3px);
}
.menu_element00 dl dd{
    border-bottom: 3px solid #f4f0a4;
    padding: 15px 0 15px 30px;
    width: calc(85% - 30px);
}
.menu_element01 dl dd{
    border-bottom: 3px solid #A9E2B3;
    padding: 15px 0 15px 30px;
    width: calc(85% - 30px);
}
.menu_element02 dl dd{
    border-bottom: 3px solid #efb652;
    padding: 15px 0 15px 30px;
    width: calc(85% - 30px);
}
.menu_element00 dl .no-boder,
.menu_element00 dl dd:last-child,
.menu_element01 dl .no-boder,
.menu_element01 dl dd:last-child,
.menu_element02 dl .no-boder,
.menu_element02 dl dd:last-child{
    border-bottom: 0;
}
.list_btn{
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/list_btn_bg.png)no-repeat;
    background-size: cover;
    background-position: top center;
    border-radius: 60px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 3% auto 6%;
    padding: 2% 0;
    width: 640px;
    transition: all ease 0.5s;
    position: relative;
}
.list_btn:after{
    content: "笆ｶ��";
    position: absolute;
    top: 28%;
    right: 3%;
    width: 15px;
    height: 15px;
}
.list_btn:hover{
    width: 645px;
    padding: 2.5% 0;
}
.contents01 .minititle2{
    margin: 3% 0 0;
}
.contents01 small{
    display: block;
    font-size: 14px;
    padding: 2% 0 0;
}
.lessontable_title{
    border-radius: 30px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    margin: 20px auto 20px;
    width: 100%;
}
.lessontable_title01{
    background: #f4f0a4;
}
.lessontable_title02{
    background: #a8e2b1;
}
.lessontable_title03{
    background: #efb652;
}
.lessontable_caption{
    margin: 0 auto 25px;
    padding: 0 0 5px 0;    
    position: relative;
    width: fit-content;
}
/*.lessontable_caption br{
    display: none;
}*/
.lessontable_caption01{
    color: #888;
    font-size: 18px;
}
.lessontable_caption02{
    color: #888;
    font-size: 18px;
}
.lessontable_caption03{
    color: #888;
    font-size: 18px;
}
.lessontable{
    border-radius:15px;
    margin: 0 auto 30px;
    width: 100%;
}
.lessontable .leftmaru{
    border-radius:14px 0 0 0;
}
.lessontable .rightmaru{
    border-radius:0 14px 0 0;
}
.lessontable .bottommaru{
    border-radius:0 0 0 14px;
}
.lessontable .bordernone01{
    border-bottom:none;
}
.lessontable .bordernone02{
    border-left:none;
}
.lessontable01{
    border:1px solid #f4f0a4;
}
.lessontable01 th,.lessontable01 td{
    border-left:1px solid #f4f0a4;
    border-bottom:1px solid #f4f0a4;
    position: relative;
    padding: 10px;
}
.lessontable01 th br,
.lessontable02 th br,
.lessontable03 th br{
    display: none;
}
.lessontable01 th{
    background:#f0efce;
}
.lessontable02{
    border:1px solid #a8e2b1;
}
.lessontable02 th,.lessontable02 td{
    border-left:1px solid #a8e2b1;
    border-bottom:1px solid #a8e2b1;
    position: relative;
    padding: 10px;
}
.lessontable02 th{
    background:#d2ecd6;
}
.lessontable td{
    background: transparent;
}
.lessontable03{
    border:1px solid #efb652;
}
.lessontable03 th,.lessontable03 td{
    border-left:1px solid #efb652;
    border-bottom:1px solid #efb652;
    position: relative;
    padding: 10px;
}
.lessontable03 th{
    background:#eed3a6;
}
.announce{
    position: relative;
}
.announce a{
    display: block;
    background: #03a9f4;
    border-radius: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    padding:0 20px;
    transition:all ease 0.8s;
}
.announce a:hover{
    top:13px;
}
.navilist{
    clear: both;
    border-top: 3px solid #ffc200;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 80px auto 20px;
    padding: 90px 0 0;
    position: relative;
}
.navilist p{
    background: #fff;
    color: #555;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    padding: 10px;
    width: fit-content;
    height: 90px;
    position: absolute;
    top: -40px;
}
.navilist p span{
    display: block;
    font-size:18px;
}
.navilist ul{
    display: flex;
    flex-wrap: wrap;
    gap:2%;
    width:80%;
}
.navilist ul li{
    font-size: 20px;
    text-align: center;
    padding: 0 0 0;
    width: 31%;
    height: 62px;
    position: relative;
}
.navilist ul li:nth-child(1):before{
    content: "";
    background: url(../lesson/images/icon_gakunen01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 52px;
    height: 45px;
    position: absolute;
    top: 8px;
    left: 12px;
    z-index: 1;
    transition: all ease 0.8s;
}
.navilist ul li:nth-child(2):before{
    content: "";
    background: url(../lesson/images/icon_gakunen02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 52px;
    height: 45px;
    position: absolute;
    top: 8px;
    left: 12px;
    z-index: 1;
    transition: all ease 0.8s;
}
.navilist ul li:nth-child(3):before{
    content: "";
    background: url(../lesson/images/icon_gakunen03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 52px;
    height: 45px;
    position: absolute;
    top: 8px;
    left: 12px;
    z-index: 1;
    transition: all ease 0.8s;
}
.navilist ul li:nth-child(1):after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 12px solid #555555;
    border-bottom: 0;
    position: absolute;
    top: 25px;
    right: 20px;
    z-index: 1;
    transition: all ease 0.8s;
}
.navilist ul li:nth-child(2):after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 12px solid #555555;
    border-bottom: 0;
    position: absolute;
    top: 25px;
    right: 20px;
    z-index: 1;
    transition: all ease 0.8s;
}
.navilist ul li:nth-child(3):after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 12px solid #555555;
    border-bottom: 0;
    position: absolute;
    top: 25px;
    right: 20px;
    z-index: 1;
    transition: all ease 0.8s;
}
.navilist ul li:hover:nth-child(1):before,
.navilist ul li:hover:nth-child(2):before,
.navilist ul li:hover:nth-child(3):before{
    top:13px;
}
.navilist ul li:hover:nth-child(1):after,
.navilist ul li:hover:nth-child(2):after,
.navilist ul li:hover:nth-child(3):after{
    top: 30px;
}
.navilist ul li a{    
    border-radius: 60px;
    padding: 10px 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;    
    transition: all ease 0.8s;
}
.navilist ul li a:hover{
    top:5px;
}
.navilist ul li span{
    display: block;
    font-size:16px;
}
.navilist ul li:nth-child(1) a{
    background:#f4f0a4;
}
.navilist ul li:nth-child(2) a{
    background:#a8e2b1;
}
.navilist ul li:nth-child(3) a{
    background:#73bbb7;
}
#class01,#class02,#class03{
    margin-top: -120px!important;
    padding-top: 120px!important;
}
}

@media screen and (max-width: 640px){
header .contact{
	width: calc(100% - 30px);
}
#contents{
	margin: 0 auto;
	padding: 0;
	width: 95%;
}
.front02{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 20px;
}
.front02 figure{
	margin: 20px auto 0;
    width: 90%;
}
.front02 .freetrial{
	margin: 0 auto 20px;
    width: 90%;
}
.gakunen01{
    background: #f4f0a4;
    color: #726154;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 30px 20px 100px;
    border-radius: 60px;
    margin: 0 auto 30px;
    position: relative;
}
.gakunen01:before{
    content: "";
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/icon_gakunen01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 47px;
    height: 47px;
    position: absolute;
    top:5px;
    left: 25px;
}
.gakunen02{
    background: #a8e2b1;
    color: #726154;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 30px 20px 100px;
    border-radius: 60px;
    margin: 0 auto 30px;
    position: relative;
}
.gakunen02:before{
    content: "";
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/icon_gakunen02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 47px;
    height: 47px;
    position: absolute;
    top:5px;
    left: 25px;
}
.gakunen03{
    background: #efb652;
    color: #726154;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 30px 20px 100px;
    border-radius: 60px;
    margin: 0 auto 30px;
    position: relative;
}
.gakunen03:before{
    content: "";
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/icon_gakunen03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 47px;
    height: 47px;
    position: absolute;
    top:5px;
    left: 25px;
}
.contents01{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 10px;
}
.contents01 .text{
    width: 95%;
    padding: 0;
}
.contents01 .img{
	margin: 0 auto;
    width: 60%;
}
.contents02{
    margin: 0 auto 20px;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co_bg.png)no-repeat;
    background-position: top center;
    background-size: cover;
    border-radius: 20px;
    padding: 10px 0;
    width: 100%;
}
.contents02 .co-inner{
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 10px;
    margin: 10px auto;
    width: calc(95% - 20px);
}
.contents02 .co-inner02{
    justify-content: center;
    padding: 20px 10px;
}
.contents02 .co-inner .co-index{
    width: 100%;
}
.contents02 .co-inner .co-index02{
    width: 70%;
}
.contents02 .co-inner .co-index dt{
    background: #1d2083;
    border-radius: 60px;
    color: #fff;
    text-align: center;
    margin: 0 0 10px;
    padding: 8px;
    width: 100%;   
}
.contents02 .co-inner .co-point{
    margin: 2% 1% 0 3%;
    width: 100%;
}
.contents02 .co-inner .co-point dd{
    color: #4d4d4d;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 35px;
    padding: 22px 0 0 80px;
    position: relative;
}
.contents02 .co-inner .co-point01:before{
    content: "";
    width: 70px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co01_icon01.png)no-repeat;
    background-size: 100%;
}
.contents02 .co-inner .co-point02:before{
    content: "";
    width: 70px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co01_icon02.png)no-repeat;
    background-size: 100%;
}
.contents02 .co-inner .co-point03:before{
    content: "";
    width: 70px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co01_icon03.png)no-repeat;
    background-size: 100%;
}
.contents02 .co-inner .co-point04:before{
    content: "";
    width: 70px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co03_icon01.png)no-repeat;
    background-size: 100%;
}
.contents02 .co-inner .co-point05:before{
    content: "";
    width: 70px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co03_icon02.png)no-repeat;
    background-size: 100%;
}
.contents02 .co-inner .co-point06:before{
    content: "";
    width: 70px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/co03_icon03.png)no-repeat;
    background-size: 100%;
}
.contents03 dl{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.contents03 dl .title{
	width: 42%;
}
.contents03 dl .order{
	width: 48%;
}
.menu_element00{
    border: 3px solid #f4f0a4;
    border-radius: 15px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.menu_element01{
    border: 3px solid #A9E2B3;
    border-radius: 15px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.menu_element02{
	margin: 0 auto;
    padding: 0;
    width: 100%;
}
.menu_element00 h3{
    background: #f4f0a4;
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #726154;
    border-radius: 10px 10px 0 0;
}
.menu_element01 h3{
    background: #A9E2B3;
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 10px 10px 0 0;
}
.menu_element02 h3{
    background: #efb652;
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    margin: 0 0 10px;
}
.menu_element00 dl,
.menu_element01 dl{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
}
.menu_element02 dl{
    border: 3px solid #efb652;
    border-radius: 15px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
}
.menu_element00 dl dt{
    border-right: 3px solid #f4f0a4;
    border-bottom: 3px solid #f4f0a4;
    text-align: center;
    padding: 12px 6px 12px;
    width: calc(20% - 15px);
}
.menu_element01 dl dt{
    border-right: 3px solid #A9E2B3;
    border-bottom: 3px solid #A9E2B3;
    text-align: center;
    padding: 12px 6px 12px;
    width: calc(20% - 15px);
}
.menu_element02 dl dt{
    border-right: 3px solid #efb652;
    border-bottom: 3px solid #efb652;
    text-align: center;
    padding: 12px 6px 12px;
    width: calc(20% - 15px);
}
.menu_element00 dl dd{
    border-bottom: 3px solid #f4f0a4;
    word-break: break-word;
    padding: 12px 12px 12px 12px;
    width: calc(80% - 24px);
}
.menu_element01 dl dd{
    border-bottom: 3px solid #A9E2B3;
    word-break: break-word;
    padding: 12px 12px 12px 12px;
    width: calc(80% - 24px);
}
.menu_element02 dl dd{
    border-bottom: 3px solid #efb652;
    word-break: break-word;
    padding: 12px 12px 12px 12px;
    width: calc(80% - 24px);
}
.menu_element00 dl .no-boder,
.menu_element00 dl dd:last-child,
.menu_element01 dl .no-boder,
.menu_element01 dl dd:last-child,
.menu_element02 dl .no-boder,
.menu_element02 dl dd:last-child{
    border-bottom: 0;
}
.list_btn{
    background: url(https://linguaclub.jp/wp-content/themes/neve/assets_english/lesson/images/list_btn_bg.png)no-repeat;
    background-size: cover;
    background-position: top center;
    border-radius: 60px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 3% auto 6%;
    padding: 2% 0;
    width: 90%;
    transition: all ease 0.5s;
    position: relative;
}
.list_btn:after{
    content: "笆ｶ��";
    position: absolute;
    top: 28%;
    right: 3%;
    width: 15px;
    height: 15px;
}
.list_btn:hover{
    width: 645px;
    padding: 2.5% 0;
}
.lessontable_title{
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    margin: 0 auto 20px;
    width: 95%;
}
.lessontable_title01{
    background: #f4f0a4;
}
.lessontable_title02{
    background: #a8e2b1;
}
.lessontable_title03{
    background: #efb652;
}
.lessontable_caption{
    margin: 0 auto 25px;
    padding: 0 0 5px 0;    
    position: relative;
    width: 90%;
}
.lessontable_caption01{
    color: #888;
    font-size: 16px;
}
.lessontable_caption02{
    color: #888;
    font-size: 16px;
}
.lessontable_caption03{
    color: #888;
    font-size: 16px;
}
.lessontable{
    border-radius: 0;
    margin: 0 auto 20px;
    width: 95%;
    overflow: scroll!important;
    display: block;
}
.lessontable .leftmaru{
}
.lessontable .rightmaru{
}
.lessontable .bottommaru{
}
.lessontable .bordernone01{
    border-bottom:none;
}
.lessontable .bordernone02{
    border-left:none;
}
.lessontable01{
    border:1px solid #f4f0a4;
}
.lessontable01 th,.lessontable01 td{
    border-left:1px solid #f4f0a4;
    border-bottom:1px solid #f4f0a4;
    font-size:14px;
    white-space: nowrap;
    position: relative;
    padding: 10px;
}
.lessontable01 th{
    background:#f0efce;
}
.lessontable02{
    border:1px solid #a8e2b1;
}
.lessontable02 th,.lessontable02 td{
    border-left:1px solid #a8e2b1;
    border-bottom:1px solid #a8e2b1;
    font-size:14px;
    white-space: nowrap;
    position: relative;
    padding: 10px;
}
.lessontable02 th{
    background:#d2ecd6;
}
.lessontable02 th.high{
    padding: 10px 10px 50px;
}
.lessontable td{
    background: transparent;
}
.lessontable03{
    border:1px solid #efb652;
}
.lessontable03 th,.lessontable03 td{
    border-left:1px solid #efb652;
    border-bottom:1px solid #efb652;
    font-size:14px;
    white-space: nowrap;
    position: relative;
    padding: 10px;
}
.lessontable03 th{
    background:#eed3a6;
}

.announce{
    padding: 10px 10px 50px 10px;
    position: relative;
}
.announce a{
    display: block;
    background: #03a9f4;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 0 10px;
    transition: all ease 0.8s;
}
.announce a:hover{
    top:13px;
}
.scroll-hint-icon{
    height: 95px!important;
}
.navilist{
    clear: both;
    margin: 40px auto 20px;
    padding: 0 0;
}
.navilist p{
    color: #555;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    padding: 10px;
}
.navilist p span{
    display: block;
    font-size:16px;
}
.navilist ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 90%;
}
.navilist ul li{
    font-size: 20px;
    text-align: center;
    padding: 0 0 0;
    margin: 0 auto 35px;
    width: 100%;
    height: 60px;
    position: relative;
}
.navilist ul li:nth-child(1):before{
    content: "";
    background: url(../lesson/images/icon_gakunen01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 52px;
    height: 40px;
    position: absolute;
    top: 14px;
    left: 12px;
    z-index: 1;
    transition: all ease 0.8s;
}
.navilist ul li:nth-child(2):before{
    content: "";
    background: url(../lesson/images/icon_gakunen02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 52px;
    height: 40px;
    position: absolute;
    top: 14px;
    left: 12px;
    z-index: 1;
    transition: all ease 0.8s;
}
.navilist ul li:nth-child(3):before{
    content: "";
    background: url(../lesson/images/icon_gakunen03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 52px;
    height: 40px;
    position: absolute;
    top: 14px;
    left: 12px;
    z-index: 1;
    transition: all ease 0.8s;
}
.navilist ul li:nth-child(1):after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 12px solid #555555;
    border-bottom: 0;
    position: absolute;
    top: 25px;
    right: 20px;
    z-index: 1;
    transition: all ease 0.8s;
}
.navilist ul li:nth-child(2):after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 12px solid #555555;
    border-bottom: 0;
    position: absolute;
    top: 25px;
    right: 20px;
    z-index: 1;
    transition: all ease 0.8s;
}
.navilist ul li:nth-child(3):after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 12px solid #555555;
    border-bottom: 0;
    position: absolute;
    top: 25px;
    right: 20px;
    z-index: 1;
    transition: all ease 0.8s;
}
.navilist ul li:hover:nth-child(1):before,
.navilist ul li:hover:nth-child(2):before,
.navilist ul li:hover:nth-child(3):before{
    top:13px;
}
.navilist ul li:hover:nth-child(1):after,
.navilist ul li:hover:nth-child(2):after,
.navilist ul li:hover:nth-child(3):after{
    top: 30px;
}
.navilist ul li a{    
    border-radius: 20px;
    padding: 10px 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;    
    transition: all ease 0.8s;
}
.navilist ul li a:hover{
    top:5px;
}
.navilist ul li span{
    display: block;
    font-size:16px;
}
.navilist ul li:nth-child(1) a{
    background:#f4f0a4;
}
.navilist ul li:nth-child(2) a{
    background:#a8e2b1;
}
.navilist ul li:nth-child(3) a{
    background:#efb652;
}
#class01,#class02,#class03{
    margin-top: -160px!important;
    padding-top: 160px!important;
}
}