* {
    transition: .15s;
}

.cyan {
    color: #55a5cc;
}

.magenta {
    color: #e34581;
}

.green {
    color: #7ace00;
}

a:hover img {}

.clear {
    clear: both;
}

.tar {
    text-align: right;
}

.taj {
    text-align: justify;
}

.w25 {
    width: 25%;
}

.st_catch {
    text-align: left;
}

/*SIDE*/
.education_pickup{
    width: 1100px;
    margin: 0 auto;
  }
div.tutor {
    background-image: url(/education/img/edu_tutor.jpg);
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: 44%;
    height: 232px;
    background-position-y: 0px;
}

div.tutor p.PickUp {
    display: table-cell;
    width: 270px;
    height: 232px;
    text-align: center;
    vertical-align: middle;
    background: #f15a24;
    color: #fff;
    font-size: 200%;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
}

div.tutor p.PickUp:before {
    content: url(/education/img/pickup_arrow.png);
    position: absolute;
    margin-left: -400px;
    margin-top: 0.5em;
    border-radius: 4px;
    font-weight: 600;
    transition: .3s;
    opacity: 0;
}

div.tutor:hover p.PickUp:before {
    content: url(/education/img/pickup_arrow.png);
    position: absolute;
    margin-top: 0.5em;
    margin-left: -50px;
    opacity: 1;
}

div.tutor span.SubTitle {
    letter-spacing: .3em;
    font-weight: 400;
    font-size: 63%;
}

div.tutor span.larger {
    font-size: 150%;
    font-weight: 600;
    font-family: serif;
}

div.tutor:hover p.PickUp {
    background: #ee3f00;
    font-size: 205%;
    width: 300px;
}

div.tutor p.fr {
    padding-right: 23em;
    width: 70%;
    height: 100%;
}

div.area {
    background-image: url(/education/img/edu_area.jpg);
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: 44%;
    height: 232px;
    background-position-y: 0px;
}

div.area p.PickUp {
    display: table-cell;
    width: 270px;
    height: 232px;
    text-align: center;
    vertical-align: middle;
    background: #f15a24;
    color: #fff;
    font-size: 200%;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
}

div.area p.PickUp:before {
    content: url(/education/img/pickup_arrow.png);
    position: absolute;
    margin-left: -400px;
    margin-top: 0.5em;
    border-radius: 4px;
    font-weight: 600;
    transition: .3s;
    opacity: 0;
}

div.area:hover p.PickUp:before {
    content: url(/education/img/pickup_arrow.png);
    position: absolute;
    margin-top: 0.5em;
    margin-left: -50px;
    opacity: 1;
}

div.area span.SubTitle {
    letter-spacing: .3em;
    font-weight: 400;
    font-size: 63%;
}

div.area span.larger {
    font-size: 150%;
    font-weight: 600;
    font-family: serif;
    font-size: 250%;
    color: #f15a24;
}

div.area:hover p.PickUp {
    background: #ee3f00;
    font-size: 205%;
    width: 300px;
}

div.area:hover,
div.tutor:hover {
    opacity: .8;
}

div.area p.fr {
    padding-right: 23em;
    width: 70%;
    height: 100%;
}


.uniqueedu {
    position: relative;
    background: #f15a24;
    color: #fff;
    padding: 0.5em 0 0.5em 14em;
    font-weight: bold;
}

.uniqueedu::before {
    position: absolute;
    content: "Unique Education";
    color: #ffcd08;
    font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    font-weight: bold;
    font-size: .9em;
    display: inline-block;
    background: #000;
    padding: 8px 2em;
    left: 0;
    top: 0;
}


/* 地域医療*/
/* 地域医療*/
/* 地域医療*/
/* 地域医療*/
/* 地域医療*/
p.tacpoem {
    font-size: 151%;
    color: #222;
    /*text-align: center;*/
}

div.beige {
    background: #fbf9f7;
    padding: 0 2em 2em 2em;
}


/* .Interview 
------------------------------------------*/
.Interview {
    position: relative;
    margin-bottom: 3em;
    text-align: right;
    font-size: 2em;

}

.Interview .title {
    width: 580px;
    margin-bottom: 1.5em;
    font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.Interview .title::before {
    position: absolute;
    display: block;
    width: 600px;
    top: -15px;
    content: "";
    border-right: 40px solid transparent;
    border-bottom: 80px solid #dfd8ea;
    z-index: -1;
}

.Interview .title span {
    font-size: .6em;
}


.Interview button {
    border: none;
    cursor: pointer;
    transition: .2s;
}

.Interview button:hover {
    transition: .2s;
    opacity: .8;
}



.overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color:
        rgba(0, 0, 0, 0.33);
    transition: .2s;
}

#modal3,
#modal4 {
    display: none;
    position: fixed;
    left: 50%;
    top: 57%;
    z-index: 99;
    transform: translate(-50%, -50%);
    max-width: 90vw;
    box-sizing: border-box;
    padding: 32px;
    background-color: #fff;
    font-size: 15px;
    width: 85%;
    text-align: left;
    transition: .2s;
    font-weight: 500;
    z-index: 10000;
}

.Komidashi {
    font-weight: 600;
    font-size: 105%;
    padding-bottom: 0 !important;
}

.active {
    display: block !important;
}


#modal3 th,
#modal4 th,
#modal3 td,
#modal4 td {
    display: list-item;
    list-style: none;
    width: 100%;
    padding: .5em 0;

}

#modal3 th img,
#modal4 th img {
    float: left;
    padding-right: 2em;
}

table.modal td.interviewTitle {
    font-size: 120%;
    font-weight: 600;
}


table.modal td.name {
    font-size: 146%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    width: 70% !important;
}


/* 卒業生インタビュー*/
div#iwanaga {
    display: block;
    content: "";
    height: 100vh;
    width: 100%;
    background: url(/education/img/bg_iwanaga.png) no-repeat top center;
    background-position-x: center;
    background-position-y: top;
    background-attachment: scroll;
    background-size: auto;
    background-size: 100%;
    background-attachment: fixed;
    background-position: center 0px;
}

div#yamamoto {
    display: block;
    content: "";
    height: 100vh;
    width: 100%;
    background: url(/education/img/bg_yamamoto.png) no-repeat top center;
    background-position-x: center;
    background-position-y: top;
    background-attachment: scroll;
    background-size: auto;
    background-size: 100%;
    background-attachment: fixed;
    background-position: center 0px;
}

div.interview_g div.right {
    float: right;
    width: 50%;
    margin: 6em 3em 0;
}

div.interview_g div.left {
    float: left;
    width: 50%;
    margin: 6em 0 0 3em;
}


div.interview_g div .st_catch {
    text-shadow: 0px 0px 17px rgb(255, 255, 255);
    text-align: left;
}

div.interview_g p.introduce {
    font-family: serif;
    font-size: 102%;
    width: 420px;
    padding: 1em;
    margin-bottom: 3em;
    text-shadow: 0px 0px 8px rgb(255, 255, 255);
}


div.interview_g p.introduce span.name {
    font-size: 183%;
}

div.interview_g p.shadow {
    background: rgba(16, 35, 60, 0.5);
    font-family: serif;
    padding: 1em;
    font-weight: 600;
    color: #fff;
    line-height: 1.7em;
}

/* MESSAGE*/
/* MESSAGE*/
/* MESSAGE*/
/* MESSAGE*/
/* MESSAGE*/

div.message {
    padding: 4em 0;
    background: #fafcff;
    height: 600px;
}


div.wh {
    background: #fff;
}

div.message div.left,
div.message div.center,
div.message div.right {
    float: left;
    width: 33%;
    padding: 0.5em;
}

p.tate {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 115%;
    font-family: serif;
    text-shadow: 0px 0px 17px rgb(255, 255, 255);
}

p.tate span.name {
    font-size: 150%;
}

p.tate span.poem {
    font-size: 150%;
    color: #997c56;
}

p.tate span.text-combine {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
}

div.message p.comment {
    font-family: serif;
    padding: 1em;
    text-align: justify;
}

div.message .st_catch {
    font-size: 24px;
}

div.pic {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 65%;
    min-height: 490px;
}

div.message div.nagasu {
    background-image: url(/education/img/nagasu.png);
}

div.message div.yamamoto {
    background-image: url(/education/img/yamamotos.png);
}

div.message div.okamoto {
    background-image: url(/education/img/okamoto.png);
}

div.message div.ihoriya {
    background-image: url(/education/img/ihoriya.png);
}

div.message div.koide {
    background-image: url(/education/img/koide.png);
    background-size: 75%;
}

div.message div.yamamotom {
    background-image: url(/education/img/yamamoto.png);
    background-size: 75%;
}


/* 国際极速体育,极速直播*/
/* 国際极速体育,极速直播*/
/* 国際极速体育,极速直播*/
/* 国際极速体育,极速直播*/
/* 国際极速体育,极速直播*/

div.international div.bg_worldmap {
    background-color: #f7f5f0;
}

div.international div.left {
    float: left;
    width: 50%;
}

div.international div.right {
    float: right;
    width: 50%;
}

div.international div.bg_worldmap div.left {
    height: 530px;
    background-image: url(/education/img/international_map.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: center;
}

div.international div.bg_worldmap div.right {
    height: 530px;
    background-color: #f7f5f0;
    padding-left: 1em;
}

div.international p.midashi {
    font-size: 22px;
    font-weight: 600;
    color: #575757;
    letter-spacing: .025rem;
    line-height: 1.4;
    text-align: left;
    margin: 2em 0 1em 0;
}

p.GreenBack {
    margin: 3em 0 1em 0;
    padding: .2em 1em;
    color: #fff;
    background-color: #97c616;
    font-size: 120%;
    font-weight: 600;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
}

div.international div.history div.right {
    border-left: 1px solid;
    padding-left: 3em;
}

div.international table.history tr {
    border-bottom: 1px solid#000;
    padding: .5em 0;
}

div.international table.history td {
    padding: .5em 0;
}

div.international table.history td:first-child {
    width: 10%;
    vertical-align: top;
}




.cur_beige {
    margin: 2.5%;
}


p.obi {
    background: rgba(255, 255, 255, .8);
    font-size: 120%;
    font-family: serif;
    font-weight: 600;
    text-align: left;
    padding-left: 1em;
    margin: 1.5em auto;
    max-width: 1100px;
}


.cur_beige img {
    width: 100% !important;
    max-width: 1100px;

}

.grade1_2 {
    margin: 1em auto;
    max-width: 1100px;
}

.grade1_2 td {
    padding: 0.5em 0;
    text-align: left;
    border-bottom: 1px solid #000;
}

.grade1_2 td:first-child {
    padding-right: 2.5em;
    font-size: 114%;
    font-weight: 600;
}

.grade3_6 {
    margin: 1em auto;
    max-width: 1100px;
}

.grade3_6 td {
    padding: 0.5em 0;
    text-align: left;
    border-bottom: 1px solid #000;
}

.grade3_6 th {
    background-color: rgba(255, 255, 255, .8);
    padding: 0;
    text-align: center;
    font-size: 110%;
    font-weight: 600;
    width: 10%;
    border: 1px #e9dbcc solid;
}

.grade3_6 td {
    padding: 0 2.5em;
    font-size: 114%;
    font-weight: 600;
    width: 20%;
}

.grade3_6 td:last-child {
    padding: 0.5em 0;
    font-size: 100%;
    font-weight: 400;
    width: auto;
}

.cur_beige ul {
    margin: 2em auto;
    width: 1100px;
}

.cur_beige li {
    float: left;
    width: 22%;
    margin-right: 4%;
    min-height: 230px;
    display: block;
}


.cur_beige li p {
    text-align: left;
}

.cur_beige li:last-child {
    margin-right: 0;
}




.overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.33);
    transition: .2s;
}

/**/
#modal1,
#modal2 {
    display: none;
    position: fixed;
    left: 50%;
    top: 57%;
    z-index: 99;
    transform: translate(-50%, -50%);
    max-width: 90vw;
    box-sizing: border-box;
    padding: 32px;
    background-color: #fff;
    font-size: 15px;
    width: 85%;
    text-align: left;
    transition: .2s;
    font-weight: 500;
    z-index: 10000;
}

.Komidashi {
    font-weight: 600;
    font-size: 105%;
    padding-bottom: 0 !important;
}

.active {
    display: block !important;
}


#modal1 th,
#modal2 th,
#modal1 td,
#modal2 td {
    display: list-item;
    list-style: none;
    width: 100%;
    padding: .5em 0;

}

#modal1 th img,
#modal2 th img {
    float: left;
    padding-right: 2em;
}





table.modal td.interviewTitle {
    font-size: 120%;
    font-weight: 600;
}


table.modal td.name {
    font-size: 146%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    width: 70% !important;
}




/* 2025年追記 */
.education #wrapper #contents .primary .inner.line{
    margin-top: 40px;
}

#side_navi .ebook {
    margin-bottom: 20px;
}


#side_navi .exlink01 {
  text-align: center;
}

#side_navi .exlink01 a {
    position: relative;
    display: inline-block;
    padding: 3px 28px;
    color: #FFF;
    font-size: .8rem;
    font-weight: 700;
    text-align: center;
    background-color: #c1b091;
    border-radius: 25px;
    transition: .6s all;
    border: 0;
}

#side_navi .exlink01 a:hover {
    background-color: #baa885;  
}

#side_navi .guide .photo_box {
    margin-bottom: 5px;
}

#side_navi .guide .photo_box img {
    width: 170px;
  }

/* 6年間のカリキュラム */
.grade {
    margin-bottom: 50px;
    border-bottom: 0;
}

.grade:hover {
    background: transparent;
}

.obi {
    position: relative;
    padding: 0 55px 80px 55px;
}

.obi .photo {
    width: 60%;
}

.obi .photo img {
    width: 100%;
}

.grade_txt {
    position: absolute;
    width: 36%;
    top: 27%;
    right: 30px;
}

.grade_txt .gakunen {
    color: #000;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.grade_txt .gakunen span:first-of-type {
    font-size: 5rem;
    font-weight: bold;
    letter-spacing: -2rem;
}

.grade_txt .gakunen span:last-of-type {
    letter-spacing: 2px;
    margin-left: 30px;
    font-size: 3rem;
    font-weight: bold;
}

.grade_txt .message {
    color: #000;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: bold;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.grade_txt .txt {
    margin-top: 5px;
    color: #000;
    text-align: justify;
}

/* pickup 特色あるカリキュラム */
.grade .pickup .tokusyoku {
    position: relative;
    cursor: pointer;
    color: #14233a;
    font-size: 1.3em;
    font-weight: bold;
    padding: 30px 0 0;
    transition: all .5s ease;
    font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    cursor: auto;
}

.grade .pickup .tokusyoku::before {
    display: inline-block;
    padding-right: 18px;
    margin-right: 18px;
    color: #e1698b;
    border-right: 1px #000 solid;
    line-height: 1em;
    content: "PICK UP";
}

.grade .pickup ul {
    display: flex;
    flex-wrap: wrap;
}

.grade .pickup ul li {
    width: 50%;
    padding: 10px 30px;
    text-align: center;
}

.grade .pickup ul li .midashi {
    width: 100%;
    color: #e1698b;
    text-align: left;
    margin-top: 5px;
    font-size: 1.3em;
    font-weight: bold;
}

.grade .pickup ul li .txt {
    text-align: left;
}

.inner .interview {
    display: flex;
    flex-wrap: wrap;
}

.inner .interview::before {
    display: block;
    width: 130px;
    height: 200px;
    padding: 26px 8px;
    color: #FFF;
    font-weight: bold;
    background-color: #e1698b;
    content: "Student's Voice";
}

.inner .interview .voice {
    width: 530px;
    padding: 0 10px 0 10px;
}

.inner .interview .voice .catch {
    color: #e1698b;
    font-weight: bold;
    font-size: 18px;
}

.inner .interview .face {
    width: 170px;
}


/* 色をかえる */
#grade_12 .obi {    background-image: linear-gradient(90deg, rgb(244, 228, 155), rgb(249, 151, 181));}
#grade_34 .obi {    background-image: linear-gradient(90deg, rgb(240, 248, 212), rgb(90, 214, 192));}
#grade_56 .obi {    background-image: linear-gradient(90deg, rgb(246, 233, 251), rgb(14, 157, 242));}

#grade_12 .pickup .tokusyoku::before {    color: #e1698b;}
#grade_34 .pickup .tokusyoku::before {    color: #28aabe;}
#grade_56 .pickup .tokusyoku::before {    color: #125a9d;}

#grade_12 .pickup ul li .midashi {   color: #e1698b;   }
#grade_34 .pickup ul li .midashi {   color: #28aabe;   }
#grade_56 .pickup ul li .midashi {   color: #125a9d;   }

#grade_12 .interview::before {  background-color: #e1698b;}
#grade_34 .interview::before {  background-color: #28aabe;}
#grade_56 .interview::before {  background-color: #125a9d;}
#international .inner .interview::before {  background-color:#8aa87c;}

#grade_12 .interview .voice .catch {    color: #e1698b; }
#grade_34 .interview .voice .catch {    color: #28aabe; }
#grade_56 .interview .voice .catch {    color: #125a9d; }
#international .inner .interview .voice .catch {  color:#8aa87c;}