body{margin: 0;}
/*Animations*/
[data-animate-in] { opacity: 0; transition: transform 0.8s ease, opacity 0.8s ease;}
[data-animate-in="up"] { transform: translate3d(0, 10%, 0);}/*由下往上*/
[data-animate-in="left"] { transform: translate3d(-5%, 0, 0);}/*由左往右*/
[data-animate-in="right"] { transform: translate3d(5%, 0, 0);}/*由右往左*/
[data-animate-in="down"] { transform: translate3d(0, -10%, 0);}/*由上往下*/
[data-animate-in="long_down"] { transform: translate3d(0, -20%, 0);}/*由上往下*/
[data-animate-in="fadeIn"] { transform: translate3d(0, 0, 0);}/*淡入*/
[data-animate-in="scaleIn"] {transform: scale(.3);}/*放大淡入*/
[data-animate-in].in-view { opacity: 1; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transition: transform 0.6s ease, opacity 0.6s ease;}
.fade-in { opacity: 0; transition: opacity 1s ease; }

/*模組設定*/
/* .pageIndex .main_part {border-top: none !important;} */
.edit,.show_content {width: 100%;padding: 0;margin: auto;}
.main_part,.edit_part{max-width: 100%;padding: 0;}
/* .path,.banner,.promotion_title,.page{display:none;} */

/*keyword*/
.tag_label{position: absolute;}
.tag_label h2,.tag_label h3,.tag_label h4,.tag_label h5,.tag_label h6{
   font-size: 0px;
   margin: 0;
   padding: 0;
   opacity: 0;
   display: inline-block;
}

/*統一設定*/
.all * {box-sizing:border-box;}
.all {
  max-width: 1920px;
  width:100%;
  margin: 0 auto;
  overflow:hidden;
  background-color: #000000;
  font-size: 18px;
  font-family:'微軟正黑體';
  color: #FFFFFF;
  letter-spacing: 2px;
}
.all img{width:auto; max-width:100%;vertical-align: middle;}
.all a{text-decoration:none;color: inherit;transition: .5s ease;}

.all li{list-style:none;}
.all ol{padding: 0;}
.all dd{margin: 0;}
.all h6,.all h5,.all h4,.all h3,.all h2,.all figure,.all p{margin: 0;font-size: inherit;}
.all section{overflow: initial;}
/* .animated15 { animation: none;} */
/*font*/
.all{
   --title:35px;
   --maintitle:45px;
   --money:50px;
   --teach-title:60px;
   --teach-main:25px;
   --teach-sub:20px;
   --class-title:40px;
   --class-main:30px;
   --text:16px;
   --ban-text:155px;
   --site-title:14px;
   --site-main:15px;
   --site-sub:15px;
}
@media screen and (max-width:1300px) {
.all{
   --title:2.3vw;
}
}
@media screen and (max-width:1024px) {
.all{
   --teach-title:5vw;
   --teach-sub:1.8vw;
   --teach-main:18px;
   font-size: 1.5vw;
}
}
@media screen and (max-width:768px) {
.all{
   --title:25px;
   --maintitle:40px;
   --money:50px;
   --teach-title:7vw;
   --teach-main:20px;
   --teach-sub:18px;
   --class-title:35px;
   --class-main:25px;
   --text:14px;
   --ban-text:18vw;
   font-size: 16px;
}
}
@media screen and (max-width:600px) {
.all{
   --teach-title:35px;
}
}
@media screen and (max-width:490px) {
.all{
   --class-main:20px;
}
}
@media screen and (max-width:375px) {
.all{
   --class-main:16px;
}
}
.all_flex{
   display: flex;
   align-items: center;
   justify-content: space-between;
}

/*link*/
a.link_01{
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 165px;
   background: #E9FA3F;
   border-radius: 5px;
   padding: 10px 0;
   margin-top: 20px;
   font-size: var(--text);
   font-weight: bold;
   color: #000000;
}
.link_01:hover{
   background: rgba(0,0,0,0.8);
   color: #FFFFFF;
   transform: scale(0.9);
}
.link_01 img{
   margin-left: 20px;
}
.link_01:hover img{
   filter: invert(1);
}
/*index*/
.index_01{
   padding: 0 20px;
}
.index_01 dl{
   max-width: 1500px;
   margin: 0 auto;
   padding: 80px 0;
}
.index_01 dd{
   max-width: 850px;
   width: 100%;
   border-radius: 10px;
   overflow: hidden;
}
.index_01 iframe{
   width: 100%;
   min-height: 480px;
   vertical-align: bottom;
}
.index_01 dt{
   max-width: 585px;
   width: 100%;
   padding-left: 20px;
}
.index_01 h6{
   font-size: var(--title);
}
.index_01 a{
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding-top: 30px;
}
.index_01 i{
   margin-right: 10px;
}
.index_01 span{
   width: fit-content;
   border-bottom: 1px solid #E8FA00;
   padding-bottom: 5px;
   transition: .5s ease;
}
.index_01 a:hover span{
   color: #E8FA00;
   border-color: #444444;
}
.index_02{
   position: relative;
   padding: 0 20px;
}
.index_02::after{
   content: '';
   display: block;
   width: 100%;
   min-height: 480px;
   background: #191919;
   position: absolute;
   bottom: 0;
   left: 0;
}
.index_02 dl{
   position: relative;
   z-index: 2;
   flex-flow: row-reverse;
   max-width: 1275px;
   margin: 0 auto;
}
.index_02 dd{
   max-width: 600px;
   width: 100%;
}
.index_02 dt{
   max-width: 560px;
   width: 100%;
   padding: 50px 0 0 20px;
}
.index_02 h6{
   font-size: var(--title);
   font-style:italic;
}
.index_02 span,.index_03 span,.index_04 span,.index_05 span{
   font-size: var(--maintitle);
   font-family: 'Sarpanch', sans-serif;
   padding-left: 10px;
}
.index_02 p{
   font-size: var(--text);
   line-height: 180%;
   text-align: justify;
   padding: 20px 0;
}
.index_02 u{
   font-family: 'Sarpanch', sans-serif;
   font-weight: 600;
   text-decoration: none;
}
.index_03{
   padding: 80px 20px;
   margin: 80px 0;
   border-style: solid;
   border-width: 2px 0;
   border-color: rgba(233,251,1,0.3);
}
.index_03 h6,.index_04 h6,.index_05 h6{
   font-size: var(--title);
   text-align: center;
   font-style:italic;
}
.index_03 span,.index_04 span,.index_05 span{
   padding: 0 20px 0 0;
}
.index_03 h5,.index_04 h5,.index_05 h5,.index_06 h5{
   text-align: center;
   color: #CCCCCC;
   line-height: 180%;
   font-style:italic;
   padding-top: 10px;
}
.index_03 dl{
   max-width: 1050px;
   margin: 50px auto;
   background: #191919;
   border-radius: 10px;
   overflow: hidden;
   align-items: stretch;
   min-height: 450px;
}
.index_03 dt{
   max-width: 600px;
   width: 100%;
   padding: 0 20px;
   background: url(https://pic03.eapple.com.tw/twitennis/index_bg01.png) left center no-repeat;
   display: flex;
   align-items: center;
   justify-content: center;
}
.index_03 div{
   max-width: 385px;
   width: 100%;
   text-align: center;
}
.index_03 u{
   font-family: 'Sarpanch', sans-serif;
   font-size: var(--money);
   font-weight: 800;
   color: #E9F83F;
   text-decoration: none;
}
.index_03 a{
   margin: 50px auto 0;
}
.index_03 dd{
   max-width: 450px;
   width: 100%;
}
.index_03 h4{
   font-size: var(--teach-title);
}
.index_03 h3{
   font-size: var(--title);
   letter-spacing: 3px;
}
.index_03 ul{
   padding: 0;
   margin: 0;
}
.index_03 li{
   max-width: 360px;
   width: calc(100% / 5 - 10px);
   position: relative;
}
.index_03 li > img{
   min-height: 550px;
   object-fit: cover;
   object-position: center;
}
.index_03 li:hover > img{
   filter: brightness(1.5);
}
.index_03 section{
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-flow: row-reverse;
}
.index_03 figure{
   display: flex;
   flex-flow: wrap;
   align-items: center;
   justify-content: center;
   writing-mode: vertical-lr;
}
.index_03 p{
   font-size: var(--teach-title);
   font-weight: bold;
   letter-spacing: 10px;
}
.index_03 em{
   margin-bottom: 20px;
   transition: .5s ease;
}
.index_03 li:hover em{
   transform: scale(1.1);
}
.index_03 s{
   font-size: var(--teach-main);
   font-weight: bold;
   writing-mode: vertical-lr;
   letter-spacing: 6px;
   text-decoration: none;
   position: absolute;
   left: 15%;
   top: 40%;
}
.index_04{
   padding: 0 20px;
   border-bottom: 2px solid rgba(233,251,1,0.3);
}
.index_04 ul{
   max-width: 1625px;
   margin: 0 auto;
   padding: 30px 0 80px;
   align-items: flex-end;
}
.index_04 li{
   max-width: 524px;
   width: calc(100% / 3 - 10px);
   text-align: center;
}
.index_04 h4{
   font-size: var(--teach-sub);
   padding-top: 20px;
}
.index_04 s{
   text-decoration: none;
}
.index_05{
   padding: 80px 0;
}
.index_05 section{
   align-items: stretch;
   padding: 0 0 12px;
   margin: 50px 0;
   background: #191919;
}
.index_05 section > div{
   max-width: 1200px;
   width: 100%;
}
.index_05 ul{
   background: #191919;
   width: calc(100% - 1200px);
   padding: 0 20px;
   margin: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}
.index_05 li{
   max-width: 460px;
   width: 100%;
}
.index_05 h4{
   font-size: var(--title);
}
.index_05 h3{
   color: #CCCCCC;
   font-style: italic;
   padding: 30px 0;
}
.index_05 li a{
   width: fit-content;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 5px 20px;
   margin: 0 0 20px;
   border-radius: 10px;
   background: #E9FA3F;
   color: #000000;
   transition: .5s ease;
}
.index_05 li a:hover{
   transform: scale(0.9);
}
.index_05 i{
   display: block;
   margin-right: 15px;
}
.index_05 s{
   font-weight: bold;
   text-decoration: none;
}
.index_05 h2{
   font-size: var(--teach-sub);
   color: #D8E167;
}
.index_06{
   padding: 0 20px;
}
.index_06 h6{
   font-size: var(--title);
   color: #D8E066;
   text-align: center;
   font-style:italic;
}
.index_06 ul{
   max-width: 1500px;
   margin: 0 auto;
   padding: 80px 0 50px;
   align-items: flex-start;
}
.index_06 li{
   max-width: 435px;
   width: calc(100% / 3 - 10px);
}
.index_06 li:nth-of-type(odd){
   padding-top: 80px;
}
.index_06 li img{
   transition: .5s ease;
}
.index_06 li:hover img{
   transform: translateY(-10px);
}
.index_06 h2{
   font-size: var(--title);
   text-align: center;
   font-style:italic;
   padding-bottom: 10px;
}
.index_06 a{
   max-width: 300px;
   margin: 0 auto;
   font-size: var(--teach-main);
}
.index_06 a:hover{
   background: #111111;
}
.index_06 a img{
   margin: 0 10px 0 0;
}
.index_07{
   padding: 80px 0;
}
.index_07 h6{
   font-size: var(--title);
   text-align: center;
   color: #E9FA3F;
   font-style:italic;
}
.index_07 dl{
   background: #0147A7;
   margin: 50px 0;
}
.index_07 dd,.index_07 dt{
   max-width: 960px;
   width: 50%;
}
.index_07 dd{
   text-align: right;
   padding: 0 5%;
}
.index_07 ul{
   max-width: 1255px;
   margin: 0 auto;
   padding: 30px 20px 0;
}
.index_07 li{
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   max-width: 260px;
   width: calc(100% / 4 - 10px);
   font-size: var(--class-main);
   letter-spacing: 1px;
}
.index_07 i{
   margin-right: 15px;
}
@media screen and (max-width:1700px) {
.index_05 section > div{width: calc(100% - 500px);}
.index_05 ul{max-width: 500px;width: 100%;}
}
@media screen and (max-width:1500px) {
.index_05 section{padding: 0;}
}
@media screen and (max-width:1300px) {
.index_05 section > div{width: 65%;}
.index_05 ul{width: 35%;}
}
@media screen and (max-width:1024px) {
.index_03 li > img{min-height: 350px;}
.index_03 em img{width: 60px;}
.index_03 s{top: 35%;}
.index_03 dt{width: calc(100% - 450px);}
.index_06 ul{padding: 50px 10px;}
.index_06 li{width: calc(100% / 3 - 20px);}
.index_07 ul{flex-flow: wrap;padding: 0 20px;}
.index_07 li{width: 49%;max-width: 49%;margin-top: 50px;}
}
@media screen and (max-width:800px) {
.index_03 dl{min-height: auto;}
.index_03 dt{width: 100%;max-width: 385px;}
}
@media screen and (max-width:768px) {
.index_01 dl,.index_02 dl,.index_04 ul,.index_05 section,.index_06 ul{flex-flow: wrap;justify-content: center;}
.index_01 dt{max-width: 100%;padding: 30px 0;}
.index_01 iframe{min-height: 50vw;}
.index_01 a{padding-top: 10px;}
.index_02{background: #191919;width: calc(100% - 20px);padding: 0 10px;margin: 0 auto;}
.index_02::after{display: none;}
.index_02 dt{max-width: 650px;padding: 30px 0 0;}
.index_03{padding: 80px 0;}
.index_03 dl{max-width: 450px;}
.index_03 dl,.index_07 dl{flex-flow: wrap-reverse;justify-content: center;}
.index_03 dt{max-width: 100%;padding: 50px 0;min-height: 450px;}
.index_03 ul{flex-flow: wrap;}
.index_03 li{
   width: 100%;
   max-width: 100%;
   min-height: 50vw;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding: 0 20px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.index_03 li:nth-of-type(even) figure{flex-flow: row-reverse;}
.index_03 li>img{display: none;}
.index_03 li:nth-of-type(1){
   background-image: url(https://pic03.eapple.com.tw/twitennis/index_bg02.jpg);
}
.index_03 li:nth-of-type(2){
   background-image: url(https://pic03.eapple.com.tw/twitennis/index_bg03.jpg);
}
.index_03 li:nth-of-type(3){
   background-image: url(https://pic03.eapple.com.tw/twitennis/index_bg04.jpg);
}
.index_03 li:nth-of-type(4){
   background-image: url(https://pic03.eapple.com.tw/twitennis/index_bg05.jpg);
}
.index_03 li:nth-of-type(5){
   background-image: url(https://pic03.eapple.com.tw/twitennis/index_bg06.jpg);
}
.index_03 section{position: initial;display: block;width: 100%;}
.index_03 figure{writing-mode: initial;justify-content: space-between;width: 100%;max-width: 500px;margin: 0 auto;}
.index_03 em{margin: 0;}
.index_03 em img{width: auto;}
.index_03 p{display: flex;flex-flow: column-reverse;}
.index_03 s{position: initial;writing-mode: initial;display: block;padding-left: 5px;}
.index_04 li,.index_06 li img,.index_07 dd,.index_07 dt,.index_05 section > div,.index_05 ul{width: 100%;}
.index_04 li:nth-of-type(2){padding: 50px 0;}
.index_05 section{margin: 50px 0 0;}
.index_05 ul{max-width: 100%;padding: 50px 20px;text-align: center;}
.index_05 li a{margin: 0 auto 20px;}
.index_05 i{margin-right: 10px;}
.index_06 li{width: 100%;max-width: 100%;}
.index_06 li:nth-of-type(odd){padding: 0;}
.index_06 li:nth-of-type(2){padding: 50px 0;}
.index_06 a{max-width: 240px;}
.index_07 dd{padding: 50px 20px;text-align: center;}
}
@media screen and (max-width:600px) {
.index_01 dl,.index_03,.index_07,.index_05{padding: 50px 0;}
.index_01 dt{padding: 30px 0 0;}
.index_03{margin: 50px 0;}
.index_03 dl{margin: 20px auto 50px;}
.index_04 ul{padding: 30px 0 50px;}
.index_05 section{margin: 20px 0 0;}
.index_05 h3{padding: 15px 0;}
.index_07 dl{margin: 20px 0;}
.index_07 li{margin-top: 20px;}
}
@media screen and (max-width:490px) {
.index_03 dt{min-height: auto;background-size: contain;}
.index_03 p{letter-spacing: 5px;}
.index_03 s{padding: 0;letter-spacing: 2px;}
.index_04 s{display: block;}
.index_05 h5{padding: 10px 20px 0;}
.index_07 dd{padding: 20px;}
.index_07 dd img{max-width: 250px;}
.index_07 li{justify-content: space-between;}
.index_07 i{max-width: 50px;margin: 0;}
.index_07 b{display: block;width: calc(100% - 60px);text-align: left;}
}
@media screen and (max-width:375px) {
.index_03 span,.index_04 span,.index_05 span{display: block;padding: 0;}
.index_05 h5 br{display: none;}
.index_05 h4{max-width: 200px;margin: 0 auto;}
.index_07 i{max-width: 40px;}
.index_07 b{width: calc(100% - 50px);}
}

/*coach*/
.itennis_ban{
   background: url(https://pic03.eapple.com.tw/twitennis/coach_bg01.jpg) top center no-repeat;
   min-height: 960px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.itennis_ban section{
   padding-top: 70px;
   text-align: center;
   text-shadow: 0 0 10px #000000;
}
.itennis_ban h6{
   font-family: 'Sarpanch', sans-serif;
   font-size: var(--ban-text);
   font-weight: 800;
   font-style: italic;
   line-height: 1;
}
.itennis_ban h5{
   font-size: var(--money);
   letter-spacing: 1px;
   color: #E7F900;
   font-style:italic;
}
.itennis_ban h4{
   font-size: var(--teach-sub);
   font-style:italic;
   padding-top: 10px;
}
.itennis_ban u{
   font-family: 'Sarpanch', sans-serif;
   font-size: var(--teach-main);
   text-decoration: none;
}
.coach_01{
   padding: 0 20px;
   border-bottom: 2px solid rgba(233,251,1,0.3);
}
.coach_01 h6{
   font-size: var(--title);
   font-style:italic;
   text-align: center;
}
.coach_01 h5{
   font-style:italic;
   text-align: center;
   line-height: 180%;
   color: #CCCCCC;
   padding-top: 10px;
}
.coach_01 h4{
   max-width: 1470px;
   margin: 0 auto;
   padding: 50px 0;
   font-size: var(--title);
}
.coach_01 del{
   text-decoration: none;
}
.coach_01 i{
   margin-right: 15px;
}
.coach_01 ul{
   max-width: 1470px;
   margin: 0 auto;
   padding: 0 0 80px;
   display: grid;
   grid-template-columns: repeat(3,1fr);
   grid-row-gap: 50px;
   grid-column-gap: 60px;
}
.coach_01 li{
   max-width: 455px;
   text-align: center;
}
.coach_01 figure{
   overflow: hidden;
   border-radius: 10px;
   transition: .5s ease;
}
.coach_01 figure:hover{
   transform: scale(1.1);
}
.coach_01 h3{
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 50px 0;
}
.coach_01 em{
   display: block;
   max-width: fit-content;
   width: calc(100% - 160px);
}
.coach_01 u{
   display: block;
   font-size: var(--class-main);
   text-decoration: none;
   padding-left: 30px;
}
.coach_01 span{
   display: block;
   position: relative;
   min-height: 24px;
}
.coach_01 span::after{
   content: '';
   width: 100%;
   height: 1px;
   display: block;
   background: #E9FB01;
   position: absolute;
   left: 0;
   top: 60%;
}
.coach_01 s{
   display: block;
   width: fit-content;
   margin: 0 auto;
   padding: 0 15px;
   background: #000000;
   position: relative;
   z-index: 2;
}
.coach_01 span:nth-of-type(1) s{
   display: none;
}
.coach_01 li:nth-of-type(1) span:nth-of-type(1) s{
   display: block;
}
.coach_01 h2{
   font-size: var(--teach-sub);
   color: #E8FA00;
   padding: 30px 0 15px;
}
.coach_01 p{
   font-size: var(--text);
   line-height: 180%;
   letter-spacing: 1px;
}
.coach_01 p:nth-of-type(1){
   min-height: 250px;
}
.coach_02{
   border: none;
}
@media screen and (max-width:1024px) {
.itennis_ban{background-size: cover;min-height: 850px;}
.coach_01 ul{grid-template-columns: repeat(2,1fr);justify-items: center;}
}
@media screen and (max-width:768px) {
.itennis_ban{min-height: 600px;}
.coach_01 h4{max-width: 600px;}
.coach_01 ul{grid-template-columns: 1fr;}
.coach_01 li{max-width: 100%;width: 100%;}
.coach_01 h3{max-width: 450px;margin: 0 auto;text-align: left;}
.coach_01 h2{padding: 10px 0;}
.coach_01 p:nth-of-type(1){min-height: auto;padding-bottom: 20px;}
}
@media screen and (max-width:600px) {
.itennis_ban{min-height: 500px;}
.itennis_ban section{padding: 0;}
.itennis_ban h5{font-size: var(--class-title);}
.coach_01 ul{padding: 0 0 50px;}
.coach_01 h4{padding: 30px 0;}
.coach_01 h3{padding: 30px 0 20px;}
}
@media screen and (max-width:425px) {
.itennis_ban span{display: block;padding-top: 10px;}
.coach_01 u{padding-left: 10px;}
}
@media screen and (max-width:375px) {
.coach_01 del{display: block;}
}

/*site*/
.site_01{
   padding: 0 20px;
}
.site_01 h6{
   font-size: var(--title);
   font-style: italic;
   text-align: center;
}
.site_01 ul{
   max-width: 690px;
   margin: 0 auto;
   padding: 50px 0 0;
   align-items: flex-start;
}
.site_01 li{
   width: calc(100% / 3 - 10px);
   text-align: center;
}
.site_01 h5{
   font-size: var(--title);
   color: #E9F93F;
}
.site_01 s{
   text-decoration: none;
}
.site_01 h4{
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: var(--site-title);
   font-weight: normal;
   min-height: 65px;
}
.site_01 figure{
   max-width: 120px;
   margin: 0 auto;
   padding-top: 10px;
}
.site_01 u{
   display: block;
   font-size: var(--site-main);
   text-decoration: none;
   padding-top: 10px;
}
.site_01 i img{
   max-height: 20px;
}
.site_02 ul{
   max-width: 1400px;
   margin: 0 auto;
   padding: 80px 20px;
   display: grid;
   grid-template-columns: repeat(2,1fr);
   grid-row-gap: 70px;
   grid-column-gap: 20px;
   justify-items: center;
   border-bottom: 1px solid #FFFFFF;
}
.site_02 ul:nth-last-of-type(1){
   border: none;
}
.site_02 li{
   max-width: 450px;
   width: 100%;
}
.site_02 h6{
   font-size: var(--teach-main);
   text-align: center;
}
.site_02 h5{
   width: fit-content;
   margin: 0 auto;
   padding: 50px 0;
}
.site_02 dd.active i{
   background: #E9FB01;
}
.site_02 span{
   display: flex;
   align-items: center;
}
.site_02 i{
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: 30px;
   min-height: 30px;
   border-radius: 50%;
   background: #CCCCCC;
   margin-right: 10px;
}
.site_02 dl{
   border-bottom: 1px solid #333333;
   padding: 20px 0;
   margin: 0;
}
.site_02 dt{
   display: none;
}
.site_02 dd.active i img{
   display: none;
}
.site_02 dd:hover{
   cursor: pointer;
}
.site_02 dd.active i::after{
   content: '';
   display: block;
   min-width: 8px;
   min-height: 8px;
   border-radius: 50%;
   background: #000000;
}
.site_02 u{
   max-width: fit-content;
   width: calc(100% - 40px);
   border-bottom: 1px solid #FFFFFF;
   font-size: var(--teach-sub);
   text-decoration: none;
}
.site_02 dd.active u{
   color: #E9FB01;
   border-color: #E9FB01;
}
.site_02 section{
   padding: 20px 0 20px 40px;
}
.site_02 section p{
   display: flex;
   align-items: flex-start;
   font-size: var(--site-main);
   line-height: 180%;
}
.site_02 del,.site_02 s{
   text-decoration: none;
}
.site_02 s{
   width: calc(100% - 55px);
}
.site_02 figure{
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-left: 40px;
}
.site_02 figure a{
   max-width: 130px;
   width: 100%;
   min-height: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #328CD2;
   border-radius: 5px;
   font-size: var(--text);
   font-weight: bold;
   color: #000000;
}
.site_02 figure a:hover{
   background: #E9FB01;
   transform: scale(0.9);
}
.site_02 figure a img{
   margin-right: 10px;
}
.site_02 figure p{
   display: flex;
   justify-content: flex-end;
   max-width: 80px;
   width: 100%;
}
.site_02 figure b:nth-of-type(2){
   margin-left: 20px;
}
.site_03{
   padding: 80px 20px;
}
.site_03 h6{
   text-align: center;
   font-style: italic;
   font-size: var(--title);
}
.site_03 dl{
   max-width: 1100px;
   margin: 0 auto;
   padding: 80px 0 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.site_03 dl:nth-of-type(odd){
   flex-flow: row-reverse;
}
.site_03 dt{
   max-width: 660px;
   width: 100%;
}
.site_03 dd{
   max-width: 380px;
   width: 100%;
}
.site_03 h5{
   font-size: var(--teach-main);
   color: #E9F83F;
   text-align: center;
   padding-bottom: 10px;
}
.site_03 p{
   font-size: var(--site-sub);
   line-height: 180%;
   text-align: justify;
}
@media screen and (max-width:1024px) {
.site_03{padding: 0 20px 100px;}
.site_03 dt{max-width: 300px;width:100%;max-height: 300px;overflow: hidden;border-radius: 10px;}
.site_03 dt img{object-fit: cover;object-position: center;min-height: 300px;}
.site_03 dd{max-width: 100%;width: calc(100% - 340px);margin: 0 auto;}
.site_03 h5{font-size: var(--title);}
}
@media screen and (max-width:768px) {
.site_01 h5{font-size: var(--class-title);}
.site_02 ul{grid-template-columns: 1fr;grid-row-gap: 50px;}
.site_02 li{max-width: 100%;}
.site_03{padding: 0 20px 80px;}
.site_03 dl:nth-of-type(n){flex-flow: wrap-reverse;justify-content: center;}
.site_03 dd{width: 100%;padding-top: 30px;}
.site_03 dt{max-width: 660px;border-radius: initial;}
.site_03 dt img{min-height: auto;}
}
@media screen and (max-width:600px) {
.site_01 ul{flex-flow: column;align-items: center;padding-top: 20px;}
.site_01 li{width: 100%;}
.site_02 ul{padding: 50px 20px;grid-row-gap: 30px;}
.site_02 h5{padding: 30px 0;}
.site_03{padding: 0 20px 50px;}
.site_03 dl{padding-top: 50px;}
}
@media screen and (max-width:425px) {
.site_02 i{min-width: 20px;min-height: 20px;}
.site_02 i img{width: 8px;}
.site_02 dd.active i::after{min-width: 5px;min-height: 5px;}
.site_02 section{padding: 10px 0 10px 30px;}
.site_02 figure{padding-left: 30px;}
.site_03 dl{padding: 20px 0 0;}
.site_03 dd{padding-top: 15px;}
}

/*about*/
.ab_01{
   padding: 0 20px;
}
.ab_01 dl{
   max-width: 1420px;
   margin: 0 auto;
   padding: 80px 0 0;
}
.ab_01 dl:nth-of-type(even){
   flex-flow: row-reverse;
}
.ab_01 dd{
   max-width: 590px;
   width: 100%;
}
.ab_01 dl:nth-of-type(odd) dd{
   padding-right: 20px;
}
.ab_01 dl:nth-of-type(even) dd{
   padding-left: 20px;
}
.ab_01 dt{
   max-width: 750px;
   width: 100%;
   overflow: hidden;
   border-radius: 10px;
}
.ab_01 h6{
   font-size: var(--title);
   color: #E7F900;
   letter-spacing: 1px;
   padding-bottom: 20px;
}
.ab_01 p{
   font-size: var(--site-sub);
   line-height: 180%;
   text-align: justify;
}
.ab_01 span{
   display: block;
   padding-top: 20px;
}
.ab_01 span:nth-of-type(1){
   padding: 0;
}
.ab_01 section:nth-of-type(2){
   padding-top: 50px;
}
.ab_01 u{
   display: block;
   text-decoration: none;
}
.ab_01 h5{
   font-size: var(--title);
   text-align: center;
   padding: 100px 0 50px;
}
.ab_01 figure{
   width: fit-content;
   margin: 0 auto;
}
.ab_01 h4{
   font-size: var(--title);
   font-weight: normal;
   letter-spacing: 1px;
   text-align: center;
   padding: 20px 0 100px;
}
@media screen and (max-width:1024px) {
.ab_01 dl:nth-of-type(n){flex-flow: wrap-reverse;justify-content: center;}
.ab_01 dd{max-width: 750px;}
.ab_01 dl:nth-of-type(n) dd{padding: 30px 0 0;}
}
@media screen and (max-width:768px) {
.ab_01 dl:nth-of-type(n){flex-flow: wrap;}
.ab_01 dl:nth-of-type(n) dd{padding: 0 0 30px;}
.ab_01 h6{text-align: center;}
.ab_01 h5{padding: 80px 0 50px;}
.ab_01 h4{padding: 20px 0 80px;}
}
@media screen and (max-width:600px) {
.ab_01 dl{padding: 0 0 50px;}
.ab_01 h5{padding: 0 0 50px;}
.ab_01 h4{padding: 20px 0 50px;}
}
@media screen and (max-width:425px) {
.ab_01 dl{padding: 0 0 30px;}
.ab_01 section:nth-of-type(2){padding-top: 30px;}
.ab_01 h5{padding: 0 0 30px;}
}