@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";


.showSP{display: none!important;}
.posR{ position: relative;}
.sp_btn{ display: none;}
.footer{ position: relative;}
.drompenu-on .drop-inbox{ display: none;}
.re-links{ width: 100%; padding: 5px 20px;}
#fixed_footer a span{ color: #fff;}
#page-top { position: fixed; right: 30px; bottom: 30px; z-index: 10; opacity: 0; transform: translateY(100px);}
#page-top a { position: relative; display: block;width: 50px; height: 50px; transition: all 0.3s;}
#page-top a:hover { opacity: .7;}
#page-top.UpMove { animation: UpAnime 0.5s forwards;}
#page-top.DownMove { animation: DownAnime 0.5s forwards;}
@keyframes UpAnime {
from { opacity: 0; transform: translateY(100px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes DownAnime {
from { opacity: 1; transform: translateY(0); }
to { opacity: 0; transform: translateY(100px); }
} #container{ padding-top: 80px;}
.targetLogo{ width: 215px;}
.footer_link a{
font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
font-size: 11px;
line-height: 2.6em;
color: #424f72d9;
font-weight: bold;
}
.f-linkList > p a{ font-size: 13px;}
.copyright{ font-size: 0.8rem;}
footer .gakkengroup picture img{ margin-left: auto;}
.re-header{
background-color: transparent;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 80px;
box-sizing: border-box;
padding: 10px 20px;
position: absolute;
top: 0;
z-index: 101;
}
.re-header .style-sp{
width: calc(100% - 215px);
max-width: 980px;
}
.re-header nav{
display: flex;
justify-content: space-between;
align-items: center;
}
.re-header nav a{ letter-spacing: 0.06em;}
.re-header nav ul{
display: flex;
justify-content: center;
align-items: center;
}
.re-header nav ul.cvLink > li{ margin: 0 5px;}
.re-header .cvLink a{
display: flex;
justify-content: center;
align-items: center;
background-color: #f7fbff;
width: 90px;
height: 30px;
color: #424f72;
font-weight: bold;
border: solid 1px #424f72;
border-radius: 2px;
padding: 0px 5px;
transition: all .3s ease;
}
.re-header .cvLink a:hover{ opacity: 0.6;}
.re-header.is-fixed{
background-color: #fff;
position: fixed; animation: showMenu .6s ease forwards;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}
ul.gnav > li{ margin: 0 0.5em; font-weight: bold; font-size: 0.8rem;}
ul.gnav > li > span > a{ position: relative;}
ul.gnav > li > span > a::after{
content: '';
background-color: #424f72;
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: -5px;
left: 0;
transform: scaleX(0);
transition: transform .3s ease;
}
ul.gnav > li > span > a:hover::after{ transform: scaleX(1);}
@keyframes showMenu02 {
0%{ transform: rotateY(-100%);}
100%{ transform: rotateY(0);}
}
@keyframes showMenu {
0%{ opacity: 0;}
100%{ opacity: 1;}
}
.re-header nav ul.drop-inbox{ display: none;}
.footer_logo_box{ margin-top: 50px;}
footer{ padding-left: 20px; padding-right: 20px;}
.footer_logo_box div p{ font-size: 1rem;}
.cv-area{
padding: 40px 0 45px;
clear:both;
}
.cv-area .cv-box{
background-color: #00408c;
min-height: 268px;
align-items: normal;
margin-bottom: 20px;
}
.cv-area .cv-box > div{
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
width: 50%;
}
.cv-area .cv-box > div:first-child{ border-right: solid 0.7px #fff;}
.cv-area .cv-box > div:nth-child(){ border-left: solid 0.7px #fff;}
.cv-area .cv-box h2{
color: #fff;
font-size: 1.625rem;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
}
.cv-area .cv-box h2::after{
content: '';
background-color: #ffe500;
display: block;
width: 108px;
height: 4px;
margin: 0.6em auto 0;
}
.cv-box .btnBox a{
margin-top: 35px;
box-shadow: 0px 4px 0px 0px rgba(239, 242,244, 0.2);
}
.btnBox a{
background-color: #eff2f4;
display: flex;
justify-content: center;
align-items: center;
color: #00408c;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.02em;
width: 345px;
height: 60px;
border-radius: 14px;
position: relative;
}
.btnBox a:hover,
.btnBox a:visited{ color: #00408c;}
.btnBox.btn-style01{
display: flex;
justify-content: center;
align-items: center;
}
.btnBox.btn-style01 a{
background-color: #00408c;
max-width: 484px;
width: 33%;
color: #fff;
border: solid 1px #fff;
border-radius: 0;
position: relative;
margin: 0 10px;
transition: opacity .3s ease-in-out;
}
.btnBox.btn-style01 a:hover{ opacity: 0.6;}
.btnBox.btn-style01 a::before{
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10.5px solid #fff;
border-left: 0;
transform: rotateZ(45deg);
position: absolute;
top: 0px;
left: 4px;
}
.btnBox.btn-style01 a{ padding: 0;}
.btnBox.btn-style01 a.icon_window::after{
position: static;
margin: 0 0 0 5px;
}
.btn_action{
position: relative;
text-decoration: none;
outline: none;
overflow: hidden;
}
.btn_action::before {
content: '';
position: absolute;
top: 0;
left: -75%;
z-index: 1;
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(230,230,230,0) 0%, rgba(255,255,255,.6) 100%);
transform: skewX(-25deg);
}
.btn_action:hover::before{ animation: shine 0.7s;}
@keyframes shine {
100% { left: 125%; }
}
.btn_action02{ transition: all .3s ease-in-out;}
.btn_action02:hover{ transform: translateY(4px); box-shadow: 0px 0px 0px 0px rgba(239, 242,244, 0.2)!important;}
.flexBox{
display: flex;
justify-content: space-between;
align-items: center;
}
.icon_window{
position: relative;
padding: 0 13%;
}
.icon_window::after{
content: '';
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_window.png) no-repeat center;
background-size: 100%;
display: block;
width: 15px;
height: 17px;
position: absolute;
top: 0;
bottom: 0;
right: 6%;
margin: auto;
}
.icon_window.icon_c01::after{
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_window02.png) no-repeat center;
background-size: 100%;
}
@media screen and (max-width: 1250px) {
ul.gnav > li > span > a{ font-size: 1.1vw;}
.re-header .cvLink a{ font-size: 1.1vw; width: 80px;}
.targetLogo{ width: 15vw;}
.re-header .style-sp{ width: calc(100% - 15vw - 3vw);}
}
@media screen and (max-width: 1080px) {
.re-header nav {justify-content: flex-end; flex-wrap: wrap;}
.re-header nav ul {margin: 0;}
.re-header .cvLink a{ width: 70px;}
}
@media screen and (max-width: 750px) {
#container{ padding-top: 0; overflow: hidden;}
.cf:before, .cf:after{ display: none;}
.menu_active{ height: 100%; overflow: hidden;}
.targetLogo{ width: 215px;}
.re-header{
background-color: transparent;
height: 13vw;
padding: 10px 15px;
position: fixed;
}
.re-header.menu-open{background-color: #fff;}
.re-header nav{
background-color: #fff;
display: block;
width: 100%;
z-index: 99;
padding-bottom: 45px;
}
ul > li a{ font-size: 18px;}
ul.gnav{ width: 100%;}
ul.gnav > li{ margin: 0;}
ul.gnav > li > span{
display: block;
text-align: center;
width: 77%;
border-bottom: solid 1px #dcddde; padding: 15px;
margin: 0 auto;;
}
ul.gnav > li > span > a{ color: #424f72; font-size: 18px;}
.re-header .cvLink a{ font-size: 18px; width: auto;}
.re-header .style-sp{ width: 100%;}
.re-header nav ul{ margin: 0;}
.re-header nav ul.gnav{ display: block; }
.re-header nav ul.cvLink{
display: block;
padding: 0 3.2vw;
}
.re-header nav ul.cvLink > li a{
background-color: transparent;
max-width: 300px;
height: 50px;
margin: 15px auto 0;
}
ul.gnav > li > span > a::after{ display: none;}
.re-header .sp_inNav{
display: flex!important;
justify-content: space-between;
align-items: center;
flex-flow: wrap;
margin: 25px auto;
}
.re-header .sp_inNav > li{
width: 50%;
text-align: center;
position: relative;
padding: 15px;
}
.re-header .sp_inNav > li:nth-child(odd)::before{
content: '';
display: block;
width: 1px;
height: 30px;
background-color: #dcddde;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.re-header .sp_inNav > li::after{
content: '';
display: block;
width: 80%;
height: 1px;
background-color: #dcddde;
position: absolute;
bottom: 0;
left: 0;
}
.re-header .sp_inNav > li:nth-child(even)::after{ left: auto; right: 0;}
.re-header .sp_inNav > li:nth-last-child(2)::after,
.re-header .sp_inNav > li:last-child::after{ display: none;}
.dropmenu{ position: relative;}
.dropmenu::after{
content: '';
width: 10px;
height: 10px;
border-left: solid 1px #424f72;
border-top: solid 1px #424f72;
transform: rotateZ(-135deg);
position: absolute;
top: 26px;
right: 14%;
transition: transform .3s ease;
}
.dropmenu.drompenu-on::after{ transform: rotateZ(45deg);}
.re-header nav .dropmenu > ul{
background-color: #f5f6f8;
display: block;
display: none;
margin: -1px 0 0;
padding: 15px;
}
.dropmenu > ul > li{
display: block;
padding: 7px;
}
.dropmenu > ul > li > a{
color: #424f72;
font-size: 13px;
letter-spacing: 0;
}
.dropmenu > ul > li > a::before{
content: '・';
vertical-align: middle;
}
.style-sp{
width: 100%;
height: calc(100dvh - 50px);
overflow-y: scroll;
position: absolute;
top: 13vw;
left: 0;
transform: translateX(100%);
transition: all .3s ease;
}
.sp_btn{ display: block!important; position: relative;}
.sp_btn{
position: relative;
cursor: pointer;
min-width: 26px;
width: 6.9vw;
min-height:16px;
height: 4.2vw;
z-index: 90;
right: 0;
}
.sp_btn span{
display: inline-block;
transition: all .4s;
width: 100%;
position: absolute;
left: 0;
height: 3px;
border-radius: 2px;
background: #00408c;
}
.sp_btn span:nth-of-type(1) { top: 0%; }
.sp_btn span:nth-of-type(2) { top: 49%; }
.sp_btn span:nth-of-type(3) { top: 100%; }
.sp_btn.active{ background: none;}
.sp_btn.active span:nth-of-type(1) {
top: 0;
left: 0;
transform: translateY(6px) rotate(35deg);
}
.sp_btn.active span:nth-of-type(2) { opacity: 0; }
.sp_btn.active span:nth-of-type(3){
top: 0;
left: 0;
transform: translateY(6px) rotate(-35deg);
}
.re-header.menu-open .style-sp{ transform: translateX(0);}
.re-links{ width: 100%; padding: 0;}
.footer_logo_box div{
position: static!important;
float: none!important;
margin: 0!important;
transform: none;
}
#inner-footer{ display: none;}
.f-linkList{
float: none!important;
background-color: #030a3b;
padding: 10px;
text-align: center;
}
.f-linkList a{
color: #fff;
font-weight: bold;
}
.f-linkList p{  display: flex; justify-content: center;}
.footer_logo_box div p{ position: static;}
.footer_logo_box{
height: auto;
border-top: solid 1px #dcddde;
padding: 20px 0 0;
margin-bottom: 0;
}
.f-address{ padding: 0 20px 25px;}
.f-txt{ padding: 0 20px 15px;}
.footer{
background-color: #000;
border: none;
padding: 15px 0 20px;
}
footer .copyright{ color: #fff; padding: 0;}
footer .wrap{ transform: none;}
#links{ height: auto;}
footer .gakkengroup{ width: 162px; margin: 20px auto 0;}
footer .gakkengroup picture img{ margin-left: 0;}
.cv-area{ padding: 6vw 0;}
.cv-area .cv-box{ margin-bottom: 0; display: block;}
.cv-area .cv-box > div{ width: 100%; padding: 12vw 6.6vw;}
.cv-area .cv-box > div:first-child{ border: none; position: relative;}
.cv-area .cv-box > div:first-child::after{
content: '';
background-color: #fff;
display: block;
width: calc( 100% - 6.6vw - 6.6vw);
height: 1px;
position: absolute;
bottom: 0;
}
.btnBox{ width: 100%;}
.btnBox a{ font-size: 1.125rem;}
.btnBox.btn-style01{ justify-content: space-between;}
.btnBox a{ width: 100%;}
.btnBox.btn-style01 a{ width: 49.9%; max-width: none; margin: 2px 0 0; border-color: #00408c;}
.btnBox.btn-style01 a:first-child{ border: none; border-right: solid 0.5px #fff;}
.btnBox.btn-style01 a:nth-child(2){ border: none; border-left: solid 0.5px #fff;}
.btnBox.btn-style01 a::before{ display: none;}
}
@media screen and (max-width: 540px) {
.targetLogo{ width: 42vw;}
}
@media screen and (max-width: 375px) {
.dropmenu > ul > li > a{ font-size: 3.46vw;}
}

h1, h2, h3, h4, h5, h6, p, a,li, ol, span, small, th, td, dd, dt,b {
letter-spacing: 0.05em;
margin: 0;
}
.mv{ width: 100%;
height: 36.4vw;
position: relative;
}
.mv>img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.mv h1{
max-width: 700px;
width: 49vw;
position: absolute;
bottom: 15px;
right: 20px;
}
.mv h1 + p{
position: absolute;
bottom: 0;
top: 0;
left: 5.5vw;
margin: auto;
display: flex;
justify-content: flex-start;
align-items: center;
}
.linkBtn{
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 259px;
height: 44px;
color: #424f72;
font-size: 0.875rem;
font-weight: bold;
border: solid 1px #424f72;
border-radius: 10px;
position: absolute!important;
bottom: 7.6vw;
left: 5.5vw;
z-index: 1;
transition: all .3s ease;
overflow: hidden;
}
.linkBtn.icon-arrow::after{
color: #434f72;
position: static;
margin: 0 0 0 1em;
}
.linkBtn::before{
content: '';
display: block;
width: 100%;
height: 100%;
background-color: #424f72;
color: #fff!important;
border-color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: scaleX(0);
transform-origin: top left;
transition: transform .3s ease-in;
}
.linkBtn:hover{ color: #fff!important;}
.linkBtn.icon-arrow:hover::after{ border-left-color: #fff; z-index: 1;}
.linkBtn:hover::before{ transform: scaleX(1);}
.latest-news{
background-color: #eff2f4;
display: flex;
justify-content: space-between;
align-items: center;
width: 97%; margin: 15px auto;
position: relative;
transition: opacity .3s ease;
}
.latest-news > div{
background-color: #00408e;
display: flex;
justify-content: space-between;
align-items: center;
width: 289px;
padding: 15px 35px;
}
.latest-news > div h2{
width: 42%;
color: #fff;
border-right: solid 1px #fff;
box-sizing: border-box;
}
.latest-news > div p{
width: 58%;
color: #fff;
padding-left: 2em;
}
.latest-news p.title{
width: calc( 100% - 289px );
color: #424f72;
font-weight: bold;
font-size: 1rem;
letter-spacing: 0.06em;
padding-left: 2em;
}
.latest-news p.title > span{
display: block;
position: relative;
padding-right: 55px;
}
.latest-news::after{
content: '';
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_arrow.png) no-repeat center;
background-size: 100%;
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 0;
bottom: 0;
right: 18px;
margin: auto;
transform: translateX(0);
transition: transform .3s ease-in-out;
}
.latest-news:hover::after{ transform: translateX(10px);}
.latest-news:hover{ opacity: 0.6;}
.inbox{
max-width: 1000px;
margin: 0 auto;
position: relative;
}
a.link-s01{
color: #00408e;
font-size: 0.75rem;
font-weight: bold;
transition: opacity .3s ease-in-out;
}
a.link-s01::after{ border-left-color: #00408e;}
a.link-s01:hover,
a.link-s01:visited{ color: #00408e;}
a.link-s01:hover{ opacity: 0.6;}
.icon-arrow{
position: relative;
padding:  0 15px;
}
.icon-arrow::after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 5px solid #555555;
border-right: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.icon-arrow02{ position: relative;}
.icon-arrow02::after{
content: '';
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_arrow02.png) no-repeat center;
background-size: 100%;
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 15px;
right: 15px;
}
.newsList article{
border-left: solid 8px var(--cat_news);
box-shadow: 10px 12px 25px 3px rgba(55,55,55, 0.1);
transition: all .3s ease-in;
}
.newsList article:hover{
opacity: 0.6;
box-shadow: 0px 1px 10px 3px rgba(55,55,55, 0.1);
}
.newsList article a{
background-color: #fff;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: 100%;
height: 100%;
min-height: 107px;
padding: 15px 30px 15px 20px;
}
.newsList article .title{
width: 100%;
font-size: 1rem;
font-weight: bold;
letter-spacing: 0em;
margin-bottom: 1rem;
}
.newsList article small{
display: block;
color: #00408e;
font-size: 87.5%;
margin-bottom: 0.8rem;
}
.newsList article .cat{
background-color: #555555;
display: inline-block;
min-width: 56px;
height: 18px;
color: #fff;
font-size: 0.68rem;
font-weight: bold;
text-align: center;
border-radius: 2px;
padding: 2px;
margin-right: 0.8em;
}
.newsList article p{ letter-spacing: 0.02em;}
:root {
--cat_news: #00408e;
--cat_news_rgb: 0, 64, 142;
--cat_high: #009f9f;
--cat_high_rgb: 0, 159, 159;
--cat_high_dark: ;
--cat_juniorhigh: #779900;
--cat_juniorhigh_rgb: 119, 153, 0;
--cat_juniorhigh_dark: #577900;
--cat_junior: #e28a00;
--cat_junior_rgb: 226, 138, 0;
--cat_junior_dark: ;
--cat_individual: #c361c4;
--cat_individual_rgb: 195, 97, 196;
--cat_individual_dark: ;
}
.cat_news{ border-left-color: var(--cat_news)!important;}
.cat_news .cat{ background-color: var(--cat_news)!important;}
.cat_exam_high{ border-left-color: var(--cat_high)!important;}
.cat_exam_high .cat{ background-color: var(--cat_high)!important;}
.cat_exam_juniorhigh{ border-left-color: var(--cat_juniorhigh)!important;}
.cat_exam_juniorhigh .cat{ background-color: var(--cat_juniorhigh)!important;}
.cat_exam_junior{ border-left-color: var(--cat_junior)!important;}
.cat_exam_junior .cat{ background-color: var(--cat_junior)!important;}
.cat_exam_individual{ border-left-color: var(--cat_individual)!important;}
.cat_exam_individual .cat{ background-color: var(--cat_individual)!important;}
.title-dec01{
color: #424f72;
font-size: 1.625rem;
font-weight: bold;
}
.title-dec01 > small{
display: block;
color: #424f72;
font-family: 'Open Sans', sans-serif;
font-display: swap;
font-weight: 500;
font-style: italic;
}
.title-dec02{
color: #424f72;
font-size: 1.25rem;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
margin-bottom: 1.4em;
}
.bg_dec{ position: relative;}
.bg_dec::after{
content: '';
display: block;
position: absolute;
z-index: -1;
}
.bg_dec01::after{
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/bg_pc.png) no-repeat center;
background-position: top left;
width: 1200px;
height: 600px;
bottom: 0;
right: 0;
}
.bg_dec02::after{
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/bg_pc02.png) no-repeat center;
background-position: bottom right;
width: 970px;
height: 1000px;
top: 0;
left: 0;
}
section#t_pass{
padding: 100px 20px 0;
margin-bottom: 40px;
}
section#t_pass+section.bg_dec {
padding: 0 20px 0;
margin-bottom: 40px;
}
section#t_pass .flexBox{align-items: flex-start;} section#t_pass .sokuhou a,
section#t_pass+section.bg_dec a {display: block; transition: all .3s ease-in; box-shadow: 10px 12px 25px 3px rgba(55,55,55, 0.1);}
section#t_pass .sokuhou a:hover,
section#t_pass+section.bg_dec a:hover {opacity: .6; box-shadow: 0px 1px 10px 3px rgba(55,55,55, 0.1);}
section#t_pass+.p_cont01 {max-width: 1040px; padding: 0 20px;}
section#t_news{
padding: 125px 20px 150px;
}
section#t_news h2{ margin-bottom: 40px;}
section#t_news .flexBox{ flex-flow: wrap;}
section#t_news .flexBox > article{
width: 48%;
margin-bottom: 25px;
}
section#t_news .link-pos01{
position: absolute;
top: 0;
right: 0;
}
section#t_topics{
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/topics_bg.jpg) no-repeat center top #eff2f4;
padding: 65px 20px;
position: relative;
}
section#t_topics .inbox{
max-width: 1080px;
margin: 0 auto;
}
section#t_topics .link-pos01{
position: absolute;
top: 5%;
right: 40px;
}
section#t_topics .link-pos02{
position: absolute;
bottom: 10%;
right: 0;
}
section#t_topics h2{
text-align: center;
margin-bottom: 0.6em;
}
section#t_topics h2 + p{
color: #424f72;
font-size: 1.25rem;
font-weight: bold;
text-align: center;
}
section#t_topics h2 + p::after{
content: '';
background-color: #424f72;
display: block;
width: 83px;
height: 3px;
margin: 0.6em auto 0;
}
.tab{ margin-top: 45px;}
.tab-list{
display: flex;
justify-content: space-between;
max-width: 1000px;
margin: 0 auto;
}
.tab-list > li{
background-color: #fff;
width: 23.5%;
border-radius: 3px;
padding: 2% 1.4%;
margin-bottom: 15px;
position: relative;
transition: all .3s ease;
}
.tab-list > li::after{
content: '';
opacity: 0;
width: 0;
height: 0;
border-style: solid;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
border-top: 20px solid #555555;
border-bottom: 0;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
z-index: 10;
margin: 0 auto;
transition: opacity .3s ease;
}
.tab-list > li.active a.icon_window::after,
.tab-list > li:hover a.icon_window::after{
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_window_w.png) no-repeat center;
background-size: 100%;
}
.tab-list > li.tab_cat_topics_es::after{ border-top-color: var(--cat_junior);}
.tab-list > li.tab_cat_topics_jhs::after{ border-top-color: var(--cat_juniorhigh);}
.tab-list > li.tab_cat_topics_hs::after{ border-top-color: var(--cat_high);}
.tab-list > li.tab_cat_topics_indivi::after{ border-top-color: var(--cat_individual);}
.tab-list .title a{
display: flex;
justify-content: center;
font-size: 1.44rem;
font-weight: bold;
align-items: center;
height: 59px;
border: solid 1px #555555;
border-radius: 10px;
margin: 0 auto 12px;
transition: all .3s;
}
.tab-list p{
font-size: 0.75rem;
letter-spacing: 0;
line-height: 1.6em;
list-style: none;
}
.tab-list p > strong{
display: block;
font-size: 1rem;
font-weight: bold;
letter-spacing: 0.04em;
line-height: 1.5em;
text-align: center;
margin: 1em 0;
}
.tab-list .r_corners{
background-color: #555555;
display: flex;
justify-content: center;
align-items: center;
font-size: 1rem;
font-weight: bold;
letter-spacing: 0.06em;
width: 96%;
height: 31px;
border-radius: 14px;
margin: 0 auto;
}
.tab-list .icon_logo{
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
height: 36px;
padding: 5px 10px;
border-radius: 20px;
margin-top: 16px;
}
.tab-list .icon_logo img{ margin: 0 auto;}
.tab_cat_topics_indivi .icon_logo img{ margin-top: -3px;}
.tab_cat_topics_es .title a{ color: var(--cat_junior)!important; border-color: var(--cat_junior)!important;}
.tab_cat_topics_jhs .title a{ color: var(--cat_juniorhigh)!important; border-color: var(--cat_juniorhigh)!important;}
.tab_cat_topics_hs .title a{ color: var(--cat_high)!important; border-color: var(--cat_high)!important;}
.tab_cat_topics_indivi .title a{ color: var(--cat_individual)!important; border-color: var(--cat_individual)!important;}
.tab_cat_topics_es .r_corners{ background-color: rgba(var(--cat_junior_rgb), 0.2)!important;}
.tab_cat_topics_jhs .r_corners{ background-color: rgba(var(--cat_juniorhigh_rgb), 0.2)!important;}
.tab_cat_topics_hs .r_corners{ background-color: rgba(var(--cat_high_rgb), 0.2)!important;}
.tab_cat_topics_indivi .r_corners{ background-color: rgba(var(--cat_individual_rgb), 0.2)!important;}
.tab_cat_topics_es:hover .r_corners{ background-color: rgba(var(--cat_junior_rgb), 0.2)!important;}
.tab_cat_topics_jhs:hover .r_corners{ background-color: var(--cat_juniorhigh_dark)!important;}
.tab_cat_topics_hs:hover .r_corners{ background-color: rgba(var(--cat_high_rgb), 0.2)!important;}
.tab_cat_topics_indivi:hover .r_corners{ background-color: rgba(var(--cat_individual_rgb), 0.2)!important;}
.tab-list > li.tab_cat_topics_es .title a:hover{ background-color: #fff; color: var(--cat_junior)!important;}
.tab-list > li.tab_cat_topics_jhs .title a:hover{ background-color: #fff; color: var(--cat_juniorhigh)!important;}
.tab-list > li.tab_cat_topics_hs .title a:hover{ background-color: #fff; color: var(--cat_high)!important;}
.tab-list > li.tab_cat_topics_indivi .title a:hover{ background-color: #fff; color: var(--cat_individual)!important;}
.tab_cat_topics_es a.icon_window::after,
.tab-list > li.tab_cat_topics_es .title a:hover::after{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_window_es.png) no-repeat center; background-size: 100%;}
.tab_cat_topics_jhs a.icon_window::after,
.tab-list > li.tab_cat_topics_jhs .title a:hover::after{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_window_jhs.png) no-repeat center; background-size: 100%;}
.tab_cat_topics_hs a.icon_window::after,
.tab-list > li.tab_cat_topics_hs .title a:hover::after{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_window_hs.png) no-repeat center; background-size: 100%;}
.tab_cat_topics_indivi a.icon_window::after,
.tab-list > li.tab_cat_topics_indivi .title a:hover::after{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_window_indivi.png) no-repeat center; background-size: 100%;}
.tab-list > li.active::after{ opacity: 1;}
.tab-list > li.active{ margin-bottom: 0px; margin-top: 15px;}
.tab-list > li.active.tab_cat_topics_es,
.tab-list > li.tab_cat_topics_es:hover{ background-color: var(--cat_junior);}
.tab-list > li.active.tab_cat_topics_jhs,
.tab-list > li.tab_cat_topics_jhs:hover{ background-color: var(--cat_juniorhigh);}
.tab-list > li.active.tab_cat_topics_hs,
.tab-list > li.tab_cat_topics_hs:hover{ background-color: var(--cat_high);}
.tab-list > li.active.tab_cat_topics_indivi,
.tab-list > li.tab_cat_topics_indivi:hover{ background-color: var(--cat_individual);}
.tab-list > li.active .title a,
.tab-list > li:hover .title a{ color: #fff!important; border-color: #fff!important;}
.tab-list > li.active.tab_cat_topics_es .r_corners{ background-color: rgba(var(--cat_junior_rgb), 1)!important;}
.tab-list > li.active.tab_cat_topics_jhs .r_corners{ background-color: rgba(var(--cat_juniorhigh_rgb), 1)!important;}
.tab-list > li.active.tab_cat_topics_hs .r_corners{ background-color: rgba(var(--cat_high_rgb), 1)!important;}
.tab-list > li.active.tab_cat_topics_indivi .r_corners{ background-color: rgba(var(--cat_individual_rgb), 1)!important;}
.tab-list > li.active p,
.tab-list > li:hover p{ color: #fff;}
.tab-content-dec01{
background-color: #fbfcff;
border-top: solid  2px #555;
padding: 35px 7.8% 85px;
position: relative;
}
#tab_topics_es{ border-top-color: var(--cat_junior);}
#tab_topics_jhs{ border-top-color: var(--cat_juniorhigh);}
#tab_topics_hs{ border-top-color: var(--cat_high);}
#tab_topics_indivi{ border-top-color: var(--cat_individual);}
.topics-content .title{
text-align: center;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: 0.1em;
}
.topics-content .title.icon_star::before{
content: '';
display: block;
width: 27px;
height: 26px;
margin: 0 auto 1em;
}
#tab_topics_es .title,
#tab_topics_es a.link-s01{ color: var(--cat_junior);}
#tab_topics_jhs .title,
#tab_topics_jhs a.link-s01{ color: var(--cat_juniorhigh);}
#tab_topics_hs .title,
#tab_topics_hs a.link-s01{ color: var(--cat_high);}
#tab_topics_indivi .title,
#tab_topics_indivi a.link-s01{ color: var(--cat_individual);}
#tab_topics_es a.link-s01::after{ border-left-color: var(--cat_junior);}
#tab_topics_jhs a.link-s01::after{ border-left-color: var(--cat_juniorhigh);}
#tab_topics_hs a.link-s01::after{ border-left-color: var(--cat_high);}
#tab_topics_indivi a.link-s01::after{ border-left-color: var(--cat_individual);}
#tab_topics_es .title.icon_star::before{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_star_es.png) no-repeat center; background-size: 100%;}
#tab_topics_jhs .title.icon_star::before{  background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_star_jhs.png) no-repeat center; background-size: 100%;}
#tab_topics_hs .title.icon_star::before{  background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_star_hs.png) no-repeat center; background-size: 100%;}
#tab_topics_indivi .title.icon_star::before{  background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_star_indivi.png) no-repeat center; background-size: 100%;}
.tab02{
max-width: 1000px;
padding: 0 20px;
box-sizing: content-box;
margin: 0 auto;
}
.tab02 .tab_c_dec01{
border: solid 1px #21206b;
background-color: #fff;
}
.tab02 .tab-list02{
display: flex;
justify-content: space-between;
max-width: 83.4%;
margin: 0 auto;
}
.tab02 .tab-list02 > li{
background-color: #fff;
width: 31.7%;
color: #0c3182;
font-size: 1.625rem;
font-weight: bold;
letter-spacing: 0.03em;
text-align: center;
border: solid 1px #0c3182;
border-bottom: none;
border-radius: 6px 6px 0 0;
padding: 14px 10px;
}
.tab02 .tab-list02 > li.active,
.tab02 .tab-list02 > li:hover{
background-color: #0c3182;
color: #fff;
transition: all .3s ease;
}
.tab-menu{ cursor: pointer;}
.tab-content{
opacity: 0;
display: none;
animation: show01 .6s ease-in-out forwards;
}
.tab-content.active{
opacity: 1;
display: block;
}
@keyframes show01{
0%{ opacity: 0;}
100%{ opacity: 1;}
}
.bnr-list01{
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: wrap;
}
.bnr-list01 > li{
width: 32%; margin-top: 2%;
box-shadow: 10px 12px 25px 3px rgba(55,55,55, 0.1);
}
.bnr-list01 > li:first-child,
.bnr-list01 > li:nth-child(2){ width: 49%;}
.bnr-list01 > li a{ transition: opacity .3s ease;}
.bnr-list01 > li a:hover{ opacity: 0.6;}
.title-dec-tworow-box{
width: 21.7%;
font-size: 1.25rem;
padding: 0 20px;
}
.title-dec-tworow-box::before{
content: '';
display: block;
margin: 0 auto 0.6em;
}
.title-dec-tworow-box.icon-koza::before{width: 24px; height: 13px;}
.title-dec-tworow-box.icon-shiken::before{width: 27px; height: 28px;}
.title-dec-tworow-box.icon-voice::before{width: 33px; height: 26px;}
.tworow-box .newsList{
flex-flow: wrap;
align-items: normal;
width: calc( 100% - 21.7% );
}
.tworow-box .newsList > article{ width: 49%; margin-top: 20px;}
.tworow-box{ margin-top: 75px;}
.tworow-box .newsList .title02{ font-size: 18px; font-weight: bold; letter-spacing: 0;}
.tworow-box .newsList .title02 > small{ font-size: 13px; letter-spacing: 0; margin: 0.5em 0 0.2em; color: #000;}
.tworow-box .newsList .title02 > span{ font-size: 15px; font-weight: bold; letter-spacing: 0;}
#tab_topics_es .icon-koza::before{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_koza_es.png) no-repeat center; background-size: 100%;}
#tab_topics_jhs .icon-koza::before{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_koza_jhs.png) no-repeat center; background-size: 100%;}
#tab_topics_hs .icon-koza::before{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_koza_hs.png) no-repeat center; background-size: 100%;}
#tab_topics_indivi .icon-koza::before{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_koza_indivi.png) no-repeat center; background-size: 100%;}
#tab_topics_es .icon-shiken::before{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_shiken_es.png) no-repeat center; background-size: 100%;}
#tab_topics_jhs .icon-shiken::before{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_shiken_jhs.png) no-repeat center; background-size: 100%;}
#tab_topics_hs .icon-shiken::before{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_shiken_hs.png) no-repeat center; background-size: 100%;}
#tab_topics_indivi .icon-shiken::before{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_shiken_indivi.png) no-repeat center; background-size: 100%;}
.icon-voice::before{ background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_voice.png) no-repeat center; background-size: 100%;}
.title-dec-tworow-box.icon-voice {color: #00408f;}
#tab_topics_es .newsList > article{ border-left-color: var(--cat_junior);}
#tab_topics_jhs .newsList > article{ border-left-color: var(--cat_juniorhigh);}
#tab_topics_hs .newsList > article{ border-left-color: var(--cat_high);}
#tab_topics_indivi .newsList > article{ border-left-color: var(--cat_individual);}
#tab_topics_es .newsList .title02 > span{ color: var(--cat_junior);}
#tab_topics_jhs .newsList .title02 > span{ color: var(--cat_juniorhigh);}
#tab_topics_hs .newsList .title02 > span{ color: var(--cat_high);}
#tab_topics_indivi .newsList .title02 > span{ color: var(--cat_individual);}
#tab_topics_es .icon-arrow02::after{
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_arrow02_es.png) no-repeat center;
background-size: 100%;
}
#tab_topics_jhs .icon-arrow02::after{
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_arrow02_jhs.png) no-repeat center;
background-size: 100%;
}
#tab_topics_hs .icon-arrow02::after{
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_arrow02_hs.png) no-repeat center;
background-size: 100%;
}
#tab_topics_indivi .icon-arrow02::after{
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_arrow02_indivi.png) no-repeat center;
background-size: 100%;
}
#t-teachers{
width: 84.5%;
padding: 85px 0 75px;
margin-left: auto;
}
#t-teachers h2{ margin-bottom: 20px;}
.slide-box01 article{
width: 28%;
padding-right: 1.7vw;
padding-bottom: 17px;
box-sizing: content-box;
}
.slide-box01 .slick-list {
padding-left: 0!important;
padding-right: 12.5vw!important;
}
.teachers-box .inbox{
background-color: #fff;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: column;
height: 100%;
box-shadow: 6px 9px 13px 0px rgba(0, 0, 0, 0.1);
}
.teachers-box .img{
order: 1;
width: 100%;
overflow: hidden;
}
.teachers-box .img > img{
width: 100%;
transition: transform .3s ease-in-out;
}
.teachers-box a:hover .img img{ transform: scale(1.2);}
.teachers-box .txt{
background-color: #fff;
padding: 7.6% 6.2%;
position: relative;
order: 2;
width: 100%;
}
.teachers-box .txt::after{
content: '';
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_arrow02.png) no-repeat center;
background-size: 100%;
width: 16px;
height: 16px;
display: block;
position: absolute;
top: 15%;
right: 6.7%;
}
.teachers-box p{
color: #424f72;
letter-spacing: 0.06em;
line-height: 2em;
}
.teachers-box p.tanto{
font-size: 1.125rem;
font-weight: bold;
letter-spacing: 0.02em;
line-height: 1em;
margin-bottom: 0.6em;
}
.teachers-box .title{
color: #00408e;
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 0.02em;
border-bottom: solid 1px #424f72;
padding-bottom: 0.8rem;
margin-bottom: 1rem;
}
.teachers-box p.teacher-cat{
background-color: #00408e;
min-width: 117px;
color: #fff;
letter-spacing: 0.06em;
line-height: 2em;
text-align: center;
padding: 0px 3px;
position: absolute;
top: -29px;
left: 7%;
}
.slide-wrap{ position: relative;}
.slide-box01.slick-slider{ padding-bottom: 75px;}
.slide-box01 .slick-prev,
.slide-box01 .slick-next{
background-color: #fff;
display: flex!important;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
border: solid 1px #434f72;
border-radius: 50px;
}
.slide-box01 .slick-prev:before,
.slide-box01 .slick-next:before{
font-family: sans-serif;
color: #424f72;
}
.slide-box01 .slick-prev{
left: 0;
bottom: 0;
top: auto;
transform: none;
}
.slide-box01 .slick-next{
left: 65px;
bottom: 0;
top: auto;
transform: none;
}
.progressbar{
background-color: #efefef;
position: absolute;
width: 290px;
height: 1px;
bottom: 25px;
left: 125px;
}
.progressbar span{
display: block;
width: 0%;
height: 1px;
background: #424f72;
}
#t-results{
max-width: 1000px;
padding: 0 20px;
box-sizing: content-box;
padding-bottom: 40px;
margin: 0 auto;
position: relative;
}
#t-results h2{ text-align: center; margin-bottom: 40px;}
#t-results .link-pos01{
position: absolute;
top: 7%;
right: 0;
}
#t-rinen{
max-width: 1040px;
margin: 0 auto;
padding: 45px 20px;
}
.box-list{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0;
}
.box-list li{ width: 19%;}
.box-list li p{
background-color: #00408c;
color: #fff;
font-size: 1rem;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.2em;
text-align: center;
padding: 1em;
margin: 0;
}
.box-list li a{ transition: opacity .3s ease;}
.box-list li a:hover{ opacity: 0.6;}
.bnr-list{
display: flex;
justify-content: center;
align-items: center;
border-top: solid 1px #f2f5f7;
border-bottom: solid 1px #f2f5f7;
padding: 40px 20px;
margin: 0;
}
.bnr-list li{
max-width: 177px;
margin: 0 5px;
}
.bnr-list li a{ transition: opacity .3s ease;}
.bnr-list li a:hover{ opacity: 0.6;} .title-dec01.scroll-fade{
opacity: 0;
transform: translateX(-100px);
transition: all .3s ease-in-out;
}
.title-dec01.scroll-fade small{
opacity: 0;
transform: translateX(200px);
transition: all .3s ease-in-out;
}
.title-dec01.scroll-fade.anmStart{
opacity: 1;
transform: translateX(0);
}
.title-dec01.scroll-fade.anmStart small{
opacity: 1;
transform: translateX(0);
}
.title-dec01.scroll-fade + p{
opacity: 0;
transform: translateX(100px);
transition: all .3s ease-in-out;
}
.title-dec01.scroll-fade.anmStart + p{
opacity: 1;
transform: translateX(0);
}
.anm_contents.scroll-fade{
opacity: 0;
transform: translateY(100px);
transition: all .6s ease-in-out;
}
.anm_contents.scroll-fade.anmStart{
opacity: 1;
transform: translateY(0);
}
.gakubu-slider {
position: relative;
padding: 10px 0 20px;
}
.gakubu-slider .swiper-wrapper .swiper-slide {
box-shadow: 10px 12px 25px 3px rgba(55,55,55, 0.1);
}
.gakubu-slider .swiper-control {
position: absolute;
inset: 0;
margin: auto;
}
.gakubu-slider .swiper-control .swiper-pagination {
top: auto;
left: 0;
bottom: 0;
}
.gakubu-slider .swiper-control .swiper-button-next:after,
.gakubu-slider .swiper-control .swiper-button-prev:after {
font-size: 20px;
}
.gakubu-slider .swiper-control .swiper-button-prev {
left: -25px;
}
.gakubu-slider .swiper-control .swiper-button-next {
right: -25px;
}
.voice-article p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.voice-article_flx {
display: flex;
align-items: center;
gap: 20px;
}
.voice-article_flx img {
width: 50px;
} .mv-custom_wrap {
position: relative;
}
.mv-custom_wrap a {
display: block;
position: absolute;
width: 47%;
background: #fff;
opacity: 0;
transition: all .2s ease-in;
}
.mv-custom_wrap a:hover {
opacity: .3;
}
.mv-custom_bnr {
right: 0;
height: 24%;
}
.mv-custom_bnr:nth-of-type(1) {
top: 12%;
}
.mv-custom_bnr:nth-of-type(2) {
top: 37%;
}
.mv-custom_bnr:nth-of-type(3) {
top: 61.5%;
}
.mv-custom_btn {
right: 0;
bottom: 0;
height: 11.5%;
}
@media screen and (max-width: 750px) {
.mv-custom {
margin-top: 10px;
}
.mv-custom_wrap a {
left: 50%;
transform: translateX(-50%);
width: 90%;
}
.mv-custom_bnr {
height: 12.8%;
}
.mv-custom_bnr:nth-of-type(1) {
top: 49.1%;
height: 12.8%;
}
.mv-custom_bnr:nth-of-type(2) {
top: 61.8%;
}
.mv-custom_bnr:nth-of-type(3) {
top: 74.8%;
}
.mv-custom_btn {
bottom: 3%;
height: 8%;
}
}
.mejs-container {
width: 100% !important;
}
@media screen and (max-width: 750px) {
.mejs-button>button {
background-size: 310px !important;
width: 15px !important;
height: 15px !important;
margin: 13px 6px !important;
background-repeat: no-repeat;
}
.mejs-mute>button {
background-position: -48px 0px !important;
}
}

@media screen and (max-width: 1300px) {
.teachers-box .title{ font-size: 2vw;}
.teachers-box p.tanto {font-size: 1.6vw;}
}
@media screen and (max-width: 1000px) {
.linkBtn{ bottom: 4vw;}
.tab-list .title a{ font-size: 2vw;}
.tab-list .r_corners{ font-size: 1.6vw;}
.tab-list p > strong{ font-size: 1.5vw;}
}
@media screen and (max-width: 750px) {
.showPC{ display: none;}
.showSP{ display: block!important;}
.title-dec01{ font-size: 6.9vw;}
.title-dec01 > small{ font-size: 4.2vw;}
a.link-s01{ position: relative; margin: 4vw auto 0; display: block; text-align: center; width: 200px;}
.mv{ height: 99vw;
}
.mv h1{ left: 0; right: 0; margin: 0 auto; width: 93%;}
.mv h1 + p{
width: 246px;
top: 10%;
bottom: auto;
left: 0;
right: 0;
margin: 0 auto;
}
.mv {
margin-top: 13vw;
}
.page_title_base #page_title {
margin-top: 20vw;
}
.linkBtn{
position: relative!important;
top: 0;
left: 0;
margin: 15px auto;
width: 100%;
max-width: 358px;
}
section#t_pass {
padding: 50px 20px 0;
margin-bottom: 20px;
}
section#t_news{ padding: 10vw 6.6vw;}
section#t_news h2{ margin-bottom: 4.2vw;}
section#t_news .flexBox{ flex-flow: column;}
section#t_news .flexBox > article{ width: 100%;}
section#t_news .link-pos01{ position: relative; top: auto; left: auto;}
section#t_topics{ padding: 17vw 0 0;}
section#t_topics h2 + p{ font-size: 1rem;}
section#t_topics .link-pos02{ display: none;}
section#t_topics .link-s01{ margin: 4vw 0 0 auto;}
.tab-list{ flex-flow: wrap; width: 81%;}
.tab-list > li{ min-width: 148px; width: 49%; padding: 0; background-color: transparent!important; margin: 0;}
.tab-list .title{ display: none;}
.tab-list > li.active{ margin-top: 0; margin-bottom: 0; background: transparent!important;}
.tab-list > li.active.tab_cat_topics_es .title,
.tab-list > li.tab_cat_topics_es .title:hover .title{
border-color: var(--cat_junior)!important;
background-color: var(--cat_junior)!important;
}
.tab-list > li.active.tab_cat_topics_jhs .title,
.tab-list > li.tab_cat_topics_jhs .title:hover .title{
border-color: var(--cat_juniorhigh)!important;
background-color: var(--cat_juniorhigh)!important;
}
.tab-list > li.active.tab_cat_topics_hs .title,
.tab-list > li.tab_cat_topics_hs .title:hover .title{
border-color: var(--cat_high)!important;
background-color: var(--cat_high)!important;
}
.tab-list > li.active.tab_cat_topics_indivi .title,
.tab-list > li.tab_cat_topics_indivi .title:hover .title{
border-color: var(--cat_individual)!important;
background-color: var(--cat_individual)!important;
}
.tab-content-dec01{ padding: 45px 6.6vw 85px;}
.tab-menu_sp{
display: flex!important;
justify-content: space-between;
align-items: center;
flex-flow: wrap;
width: 325px;
margin: 0 auto;
}
.tab-menu_sp > li{
background-color: #fff;
display: flex;
justify-content: center;
width: 148px;
font-size: 1.125rem;
font-weight: bold;
align-items: center;
height: 48px;
border-radius: 10px;
margin: 0 5px 12px;
transition: all .3s;
cursor: pointer;
}
.tab-menu_sp > li:hover,
.tab-menu_sp > li.active{ color: #fff;}
.sp_no_tab{
background-color: #fff;
display: block;
width: 100%;
margin-top: 50px;
}
.sp_no_tab > li{
width: 100%;
padding: 0 6.6vw;
border-top: solid  2px #555;
display: none;
opacity: 0;
animation: show01 .6s ease-in-out forwards;
}
.sp_no_tab > li.active{ opacity: 1; display: block;}
.tab-list.sp_no_tab > li.active::after{ display: none;}
.tab-list > li.active p,
.tab-list > li:hover p{ color: #000;}
.tab-list > li.active p.r_corners{ color: #fff;}
.tab-list .r_corners{
display: flex;
justify-content: center;
align-items: center;
width: 215px;
height: 40px;
font-size: 20px;
transform: translateY( -22px);
border-radius: 30px;
}
.tab-list p > strong{ font-size: 20px;}
.tab-list p{
width: 320px;
font-size: 15px;
margin: 0 auto;
}
.tab-list .icon_logo{ margin: 27px 0; }
.tab_cat_topics_indivi .icon_logo img{ margin-top: 0;}
.tab-list .icon_logo img{ width: 173px;}
.tab-list > .tab_cat_topics_es.active p{ color: var(--cat_junior);}
.tab-list > .tab_cat_topics_jhs.active p{ color: var(--cat_juniorhigh);}
.tab-list > .tab_cat_topics_hs.active p{ color: var(--cat_high);}
.tab-list > .tab_cat_topics_indivi.active p{ color: var(--cat_individual);}
.sp_no_tab .tab_cat_topics_es{ border-top-color: var(--cat_junior);}
.sp_no_tab .tab_cat_topics_jhs{ border-top-color: var(--cat_juniorhigh);}
.sp_no_tab .tab_cat_topics_hs{ border-top-color: var(--cat_high);}
.sp_no_tab .tab_cat_topics_indivi{ border-top-color: var(--cat_individual);}
.tab-menu_sp .tab_cat_topics_es{ color: var(--cat_junior);}
.tab-menu_sp .tab_cat_topics_jhs{ color: var(--cat_juniorhigh);}
.tab-menu_sp .tab_cat_topics_hs{ color: var(--cat_high);}
.tab-menu_sp .tab_cat_topics_indivi{ color: var(--cat_individual);}
.tab-menu_sp .tab_cat_topics_es:hover,
.tab-menu_sp .tab_cat_topics_es.active{ background-color: var(--cat_junior);}
.tab-menu_sp .tab_cat_topics_jhs:hover,
.tab-menu_sp .tab_cat_topics_jhs.active{ background-color: var(--cat_juniorhigh);}
.tab-menu_sp .tab_cat_topics_hs:hover,
.tab-menu_sp .tab_cat_topics_hs.active{ background-color: var(--cat_high);}
.tab-menu_sp .tab_cat_topics_indivi:hover,
.tab-menu_sp .tab_cat_topics_indivi.active{ background-color: var(--cat_individual);}
#tab_topics_es,
#tab_topics_jhs,
#tab_topics_hs,
#tab_topics_indivi{ border-top: none;}
.bnr-list01 > li{ width: 49%; margin-top: 3%;}
.bnr-list01 > li img{ width: 100%;}
.bnr-list01 > li:first-child,
.bnr-list01 > li:nth-child(2){ width: 100%;}
.tworow-box{ flex-flow: column;}
.title-dec-tworow-box{ width: 100%;}
.tworow-box .newsList{ flex-flow: column; width: 100%;}
.tworow-box .newsList > article{ width: 100%;}
.latest-news{ display: block; width: 96%; margin: 16% auto 0; }
.latest-news > div{ width: 100%; padding: 0.8em 18px;}
.latest-news > div h2{ width: 20%; font-size: 12px;}
.latest-news > div p{ width: 80%; padding-left: 18px; font-size: 12px;}
.latest-news p.title{ width: 100%; padding: 0.8em 18px; font-size: 13px;}
.newsList article a{ padding: 3% 12% 3% 5%;}
.latest-news::after{
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/icon_arrow_w.png) no-repeat center;
background-size: 100%;
top: 0.9em;
bottom: auto;
}
#t-teachers{ margin-left: 6.6vw; width: calc( 100% - 6.6vw) ;}
#t-teachers h2{ position: relative;}
#t-teachers h2::after{
content: '';
background-color: #424f72;
display: block;
width: 30px;
height: 1.5px;
margin-top: 10px;
}
#t-teachers .slick-track { display: flex; }
#t-teachers .slick-slide { height: auto !important; }
.teachers-box .txt{ padding: 5vw;}
.teachers-box .title{ font-size: 1.44rem;}
.teachers-box p.tanto {font-size: 1.125rem;}
.progressbar{ width: calc( 100% - 125px);}
#t-results{ padding: 6vw 6.6vw;}
#t-results h2{ position: relative; margin-bottom: 6.6vw;}
#t-results h2::after{
content: '';
background-color: #424f72;
display: block;
width: 30px;
height: 1.5px;
margin: 10px auto 0;
}
#t-results .link-pos01{ position: relative; top: auto; left: auto;}
#t-teachers{ padding: 12vw 0 6vw;}
.bnr-list{ padding: 0;}
.bnr-list li{ max-width: 100%;}
.bnr-list li img{ width: 100%;}
.tab02{ padding: 0;}
.tab02 .tab-list02 > li{ font-size: 4.3vw; padding: 5px;}
.tab02 .tab-list02{ max-width: 100%;}
.box-list li > p{ font-size: 3.4vw;}
.bg_dec01::after{
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/bg_sp.png) no-repeat center;
background-position: bottom right;
background-size: 100%;
width: 143vw;
max-width: 538px;
height: 143vw;
max-height: 538px;
top: auto;
left: -50vw;
bottom: -110px;
}
.bg_dec02::after{
background: url(//www.wasedaschool.com/wp/wp-content/themes/zenkyoken003/library/assets/images/bg_sp.png) no-repeat center;
background-position: bottom right;
background-size: 100%;
width: 143vw;
max-width: 538px;
height: 143vw;
max-height: 538px;
top: auto;
right: -75vw;
top: 90px;
left: auto;
} #t-rinen{ padding: 6vw 2vw;}
#t-rinen .slick-slide{ padding: 0 0.2%}
#t-rinen .slick-dots{  margin-top: 1vw; position: static;}
#t-rinen .slick-dots li,
#t-rinen .slick-dots li button{width: 22px; height: 3px;}
#t-rinen .slick-dots li button::before{
content: '';
background-color: #00408c;
width: 22px;
height: 3px;
padding: 0;
}
}
@media screen and ( max-width: 749px) {
.title-dec01{ font-size: 1.625rem;}
.title-dec01 > small{ font-size: 1rem;}
.tab02 .tab-list02 > li{ font-size: 1.06rem;}
}
@media screen and (max-width: 375px) {
.box-list li p{ font-size: 4.3vw;}
}