@charset "UTF-8";

section.title.middle {display: flex; align-items: center;height: 450px;}
section.title.middle h1 {font-weight: 600; font-size: 60px; letter-spacing: 0.05em; line-height: 120%;opacity: 0;}
section.title.middle div {position: absolute; right: 0; bottom: 25px; opacity: 0; max-width: 500px;}
section.title.middle div h2 {font-size: 18px; color: #5ABABF; font-weight: 600;}
section.title.middle div p {font-size: 14px;}
section.title.middle div p a {color: #5ABABF;}

.feature_core {display: flex;justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin: 0px auto;}
.feature_core > div {width: 48.2%; margin-top: 90px;}
.feature_core > div p:not([class]) {font-size: 16px; font-weight: 300;font-family: 'Exo', sans-serif; border-bottom: 1px solid #E1E1E1;}
.feature_core > div p:not([class]) span {font-size: 24px;}
.feature_core > div h2 {font-size: 32px; font-weight: 600; margin: 5px 0px 10px;}
.feature_core > div picture img {filter: grayscale(100%);}
.feature_core > div picture img.active {animation: gscale 0.5s forwards;}
.feature_core > div dl {margin-top: 24px;}
.feature_core > div dl dt {font-size: 16px; font-weight: 300;font-family: 'Exo', sans-serif;}
.feature_core > div dl dd ul {display: flex; flex-wrap: wrap;} 
.feature_core > div dl dd ul li {display: flex; align-items: center; justify-content: center; width: 185px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #E1E1E1; background-color: #FDFDFD; text-align: center; font-size: 14px; height: 50px; line-height: 120%;}
.feature_core > div h3 {font-size: 20px; font-weight: 600; margin: 20px 0px 10px;}
.feature_core > div p.read {font-size: 15px; line-height: 200%;}

.model_title {max-width: 1200px; margin: 0px auto; height: 450px; position: relative;display: flex; align-items: center;}
.model_title h2 {font-weight: 600; font-size: 60px; letter-spacing: 0.05em; line-height: 120%;opacity: 0;}
.model_title div {position: absolute; right: 0; bottom: 25px; max-width: 500px;opacity: 0;}
.model_title div h3 {font-size: 18px; font-weight: 600; color: #5ABABF;}
.model_title div p {font-size: 14px;}

.model_cont {max-width: 1200px; margin: 0px auto 150px;}
.model_cont > figure {margin-top: 90px; display: flex; justify-content: space-between; align-items: center;}
.model_cont > figure figcaption {width: 58.4%;}
.model_cont > figure figcaption h2 {font-size: 24px; font-weight: 600; letter-spacing: 0.1em; border-bottom: 1px solid #E1E1E1; padding-bottom: 5px;}
.model_cont > figure figcaption h3 { color: #5ABABF;font-size: 24px; font-weight: 600; letter-spacing: 0.1em; margin: 5px 0px;}
.model_cont > figure figcaption p {font-size: 15px; line-height: 200%;}
.model_cont > figure picture {width: 26%;}

.message_cont {max-width: 1200px; margin: 0px auto 150px;}
.message_cont .message {margin-top: 100px; display: flex; justify-content: space-between;}
.message_cont .message:first-child {margin-top: 90px;}
.message_cont .message > div {width: 48.4%;}
.message_cont .message > div dl {border-bottom: 1px solid #E1E1E1; padding-bottom: 12px; margin-bottom: 20px;}
.message_cont .message > div dl dt {font-size: 18px; font-weight: 600;}
.message_cont .message > div dl dt span {font-size: 14px;}
.message_cont .message > div dl dd {font-size: 12px;}
.message_cont .message > div h2 {font-size: 20px; font-weight: 600; color: #5ABABF;}
.message_cont .message > div p {line-height: 200%; margin-top: 20px;}
.message_cont .message > picture {width: 48.4%; margin-top: 66px;}
.message_cont .message > picture img {filter: grayscale(100%);}
.message_cont .message > picture img.active {animation: gscale 0.5s forwards;}

.message_cont .message:nth-child(odd) {flex-direction: row-reverse;}
.message_cont .message:nth-child(even) dl {text-align: right;}

.curriculum_main {max-width: 1200px; margin: 120px auto 0px;}
.curriculum_main.freshman {margin-top: 90px;}
.curriculum_main.senior {margin-bottom: 150px;}
.curriculum_main > h2 {font-size: 14px; border-bottom: 1px solid #E1E1E1;padding-bottom: 10px;}
.curriculum_main > h2.active {animation: gscale 0.5s forwards;}
.curriculum_main > h2 strong {font-size: 40px; font-weight: 300;font-family: 'Exo', sans-serif; line-height: 100%;}
.curriculum_main > h2 span {margin-left: 0.5em;}
.curriculum_main > h2 em {margin-left: 0.5em;font-size: 15px; font-weight: 300;font-family: 'Exo', sans-serif;}
.curriculum_main > h3 {font-size: 20px; color: #5ABABF; font-weight: 600; margin: 20px 0px 0px;}
.curriculum_main > div.list {display: flex; flex-wrap: wrap;}
.curriculum_main > div.list dl {width: 450px; margin-top: 20px;}
.curriculum_main > div.list dl dt {font-weight: 600; margin-bottom: 5px;}
.curriculum_main > div.list dl dd ul {display: flex; flex-wrap: wrap;}
.curriculum_main > div.list dl dd ul li {width: 150px; position: relative;padding-left: 14px; box-sizing: border-box; font-size: 15px; margin-bottom: 5px;}
.curriculum_main > div.list dl dd ul li span {color: #E15D65;}
.curriculum_main > div.list dl dd ul li:before {content: "";width: 8px; height: 8px; border-radius: 50%;position: absolute; left: 0; top: calc(50% - 3px);}
.curriculum_main.freshman > div.list dl dd ul li:before {background-color: #DE5C64;}
.curriculum_main.sophomore > div.list dl dd ul li:before {background-color: #72B5E0;}
.curriculum_main.junior > div.list dl dd ul li:before {background-color: #81B751;}
.curriculum_main.senior > div.list dl dd ul li:before {background-color: #A35F51;}
.curriculum_main > div.list > p {width: 100%; font-size: 14px;color: #E15D65;}
.career_design {margin-top: 30px;}
.career_design figure {background-color: #DE5C64; display: flex; align-items: center; justify-content: space-between;}
.career_design figure picture {width: 20%;}
.career_design figure figcaption {width: 80%; padding: 20px 25px; box-sizing: border-box; color: #FFF;}
.career_design figure figcaption dl dt {font-weight: 600;}
.career_design figure figcaption dl dd {font-size: 15px;}
.curriculum_main > div.table h3 {margin-top: 30px; font-weight: 600; color: #FFF;padding: 10px 20px;}
.curriculum_main.sophomore > div.table h3 {background-color: #71B4DF;}
.curriculum_main.junior > div.table h3 {background-color: #81B751;}
.curriculum_main.senior > div.table h3 {background-color: #A35F51;}
.curriculum_main > div.table > div dl {display: flex; align-items:stretch; font-size: 15px;}
.curriculum_main > div.table > div dl dt {width: 150px; font-weight: 600; text-align: center; background-color: #F2EFE2;display: flex; align-items: center; justify-content: center; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; box-sizing: border-box;}
.curriculum_main > div.table > div dl dd {width: calc(100% - 150px); padding: 10px 20px 5px; background-color: #F5F5F5;border-left: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; box-sizing: border-box;}
.curriculum_main > div.table > div dl dd ul {display: flex; flex-wrap: wrap;}
.curriculum_main > div.table > div dl dd ul li {min-width: 220px;position: relative; padding-left: 14px; margin-bottom: 5px;}
.curriculum_main > div.table > div dl dd ul li:before {content: "";width: 8px; height: 8px; border-radius: 50%;position: absolute; left: 0; top: calc(50% - 3px);}
.curriculum_main.sophomore > div.table > div dl dd ul li:before {background-color: #72B5E0;}
.curriculum_main.junior > div.table > div dl dd ul li:before {background-color: #81B751;}
.curriculum_main.senior > div.table > div dl dd ul li {min-width: 240px;position: relative; padding-left: 14px; margin-bottom: 5px;}
.curriculum_main.senior > div.table > div dl dd ul li:before {background-color: #A35F51;}
.curriculum_main > div.table > div dl:nth-child(even) dt {background-color: #EBE9DC;}
.curriculum_main > div.table > div dl:nth-child(even) dd {background-color: #F0F0F0;}

.overseas_head {max-width: 1200px; margin: 90px auto 0px; display: flex; align-items: center;}
.overseas_head h2 {color: #5ABABF;font-size: 55px; font-weight: 600;font-family: 'Exo', sans-serif; }
.overseas_head p {margin-left: 1em; font-weight: 600;}
.overseas_visit {max-width: 1200px; margin: 30px auto 0px;}
.overseas_visit h2 {font-size: 20px; font-weight: 600; border-bottom: 1px solid #E1E1E1; padding-bottom: 5px;}
.overseas_visit figure {display: flex; justify-content: space-between;margin-top: 30px}
.overseas_visit figure figcaption {width: 72%}
.overseas_visit figure figcaption dl dt {font-size: 16px; font-weight: 600; margin-bottom:10px; line-height: 120%;}
.overseas_visit figure figcaption dl dt span {font-size: 12px; font-weight: 600;font-family: 'Exo', sans-serif;}
.overseas_visit figure figcaption dl dd {line-height: 200%; font-size: 15px;}
.overseas_visit figure picture {width: 23%;}
.overseas_visit figure picture img {filter: grayscale(100%);}
.overseas_visit figure picture img.active {animation: gscale 0.5s forwards;}

.overseas_voice {max-width: 1200px; margin: 90px auto 0px; display: flex; justify-content: space-between;}
.overseas_voice > div {width: 48.2%;}
.overseas_voice > div figure {display: flex; align-items: center; border-bottom: 1px solid #E1E1E1; padding-bottom: 12px;}
.overseas_voice > div figure picture {width: 100px;}
.overseas_voice > div figure picture img {border-radius: 50%;}
.overseas_voice > div figure figcaption dl {margin-left: 20px;}
.overseas_voice > div figure figcaption dl dt {font-weight: 600; line-height: 120%;}
.overseas_voice > div figure figcaption dl dt span {font-size: 12px;}
.overseas_voice > div figure figcaption dl dd {font-size: 12px;}
.overseas_voice > div h2 {font-size: 20px; font-weight: 600; color: #5ABABF; letter-spacing: 0.05em; margin: 20px 0px;}
.overseas_voice > div p {line-height: 200%; font-size: 15px;}

.overseas_gallery {margin: 90px 10px 0px;}
.overseas_gallery ul {width: 100%; display: flex; flex-wrap:wrap;}
.overseas_gallery ul li {width: 33.333%;border-top: 1px solid #E1E1E1;border-right: 1px solid #E1E1E1;box-sizing: border-box;}
.overseas_gallery ul li:nth-child(3) {border-right: 1px solid #F0F0F0;}
.overseas_gallery ul li:nth-child(6) {border-right: 1px solid #F0F0F0;}
.overseas_gallery ul li img {filter: grayscale(100%);}
.overseas_gallery ul li img.active {animation: gscale 0.5s forwards;}

@keyframes gscale {
0% { filter: grayscale(100%);}
100% {filter: grayscale(0%);}
}

.conv_head {max-width: 1200px; margin: 90px auto 0px; display: flex;align-items: flex-start; justify-content: space-between;}
.conv_head > div {width: 48.2%;}
.conv_head > div.head_left {position: relative;}
.conv_head > div.head_left img {filter: grayscale(100%);}
.conv_head > div.head_left img.active {animation: gscale 0.5s forwards;}
.conv_head > div.head_left dl {position: absolute; left: 0; bottom: 0; z-index: 1; color: #FFF; width: 200px; text-align:center; padding: 10px 0px;filter: grayscale(100%);}
.conv_head > div.head_left dl.active {animation: gscale 0.5s forwards;}
.conv_head > div.head_left dl dt {font-size: 14px; line-height: 140%;}
.conv_head > div.head_left dl dd {font-size: 18px; font-weight: 600;line-height: 140%;}
.conv_head > div.head_left dl dd span {font-size: 12px;}
.conv_head > div.head_right > h2 {font-size: 20px; font-weight: 600;}
.conv_head > div.head_right > h2 + p {font-size: 12px; line-height: 100%;}
.conv_head > div.head_right > p.read {line-height: 200%; margin: 30px 0px;}
.conv_head.first > div.head_left dl {background-color: rgba(62,140,84,.8);}
.conv_head.second > div.head_left dl {background-color: rgba(1,103,178,.8);}

.conv_head > div.head_right > .head_info {border-top: 1px solid #E1E1E1; padding: 15px; display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center;}
.conv_head > div.head_right > .head_info picture {width: 30.2%;}
.conv_head > div.head_right > .head_info figcaption {width: 64%;}
.conv_head > div.head_right > .head_info figcaption h3 {font-size: 16px; font-weight: 600;}
.conv_head.first > div.head_right > .head_info figcaption h3 {color: #5ABABF;}
.conv_head.second > div.head_right > .head_info figcaption h3 {color: #D1686D;}
.conv_head > div.head_right > .head_info figcaption h3 + p {font-size: 15px; margin-top: 5px;}
.conv_head > div.head_right > .head_info figcaption p.link a {font-size: 12px;font-weight: 600;font-family: 'Exo', sans-serif; }

.conv_main {max-width: 1200px; margin: 50px auto 0px;}
.conv_main.second {margin-bottom: 150px;}
.conv_main > h2 {font-size: 20px; font-weight: 600;}
.conv_main.first > h2 {color: #5ABABF;}
.conv_main.second > h2 {color: #D1686D;}
.conv_main h3 {font-size: 18px; font-weight: 600; margin: 30px 0px 0px;}
.conv_main .conv_cont {display: flex; justify-content: space-between;}
.conv_main .conv_cont .conv_txt {width: calc(100% - 270px);}
.conv_main .conv_cont .conv_sub {width: 200px;}
.conv_main .conv_cont .conv_txt dl {display: flex; margin-top: 30px;line-height: 200%;}
.conv_main .conv_cont .conv_txt dl dt {width: 50px;}
.conv_main .conv_cont .conv_txt dl dt span {font-weight: 600;}
.conv_main.first .conv_cont .conv_txt dl.teac dt span {color: #3E8C54;}
.conv_main.first .conv_cont .conv_txt dl.ogob dt span {color: #5ABABF;}
.conv_main.second .conv_cont .conv_txt dl.teac dt span {color: #0167B2;}
.conv_main.second .conv_cont .conv_txt dl.ogob dt span {color: #D1686D}
.conv_main .conv_cont .conv_txt dl dd {width: calc(100% - 50px);}
.conv_main .conv_cont .conv_sub figure figcaption {font-size: 12px; margin-top: 5px;}
.conv_main .conv_cont .conv_sub figure {margin-top: 30px;}

.topics_cont {max-width: 1200px; margin: 90px auto 0px;}
.topics_cont h2 {font-size: 28px; font-weight: 600;letter-spacing: 0.05em; border-bottom: 1px solid #E1E1E1;padding-bottom: 5px;}
.topics_cont h3 {font-weight: 600; color: #5ABABF; font-size: 20px; margin: 20px 0px;letter-spacing: 0.05em;}
.topics_cont .topics_main {display: flex; justify-content: space-between; flex-wrap: wrap;align-items:flex-start;}
.topics_cont .topics_main > div.topics_txt {width: 71.6%;}
.topics_cont .topics_main > div.topics_img {width: 23.4%;}
.topics_cont .topics_main > div.topics_img img {filter: grayscale(100%);}
.topics_cont .topics_main > div.topics_img img.active {animation: gscale 0.5s forwards;}
.topics_cont .topics_main > div.topics_img > p {font-size: 12px;}
.topics_cont .topics_main > div.topics_txt p {line-height: 200%; font-size: 15px;}
.topics_cont .topics_main > div.topics_voice {width: 100%; margin-top: 30px; border-top: 2px dotted #E1E1E1; padding: 15px 0px 0px 0px;}
.topics_cont .topics_main > div.topics_voice .voice_head {display: flex; align-items: center;}
.topics_cont .topics_main > div.topics_voice .voice_head figure {display: flex; align-items: center;}
.topics_cont .topics_main > div.topics_voice .voice_head figure picture {width: 100px;}
.topics_cont .topics_main > div.topics_voice .voice_head figure picture img {border-radius: 50%;}
.topics_cont .topics_main > div.topics_voice .voice_head figure figcaption {margin: 0px 30px 0px 20px;}
.topics_cont .topics_main > div.topics_voice .voice_head figure figcaption.voice_line dl {display: inline-block;}
.topics_cont .topics_main > div.topics_voice .voice_head figure figcaption.voice_line dl + dl {margin-left: 10px;}
.topics_cont .topics_main > div.topics_voice .voice_head figure figcaption dl dt {font-weight: 600; line-height: 120%;}
.topics_cont .topics_main > div.topics_voice .voice_head figure figcaption dl dt span {font-size: 12px; margin-left: 0.5em;}
.topics_cont .topics_main > div.topics_voice .voice_head figure figcaption dl dd {font-size: 12px;}
.topics_cont .topics_main > div.topics_voice .voice_head h4 {font-weight: 600; color: #5ABABF; font-size: 20px;letter-spacing: 0.05em;}
.topics_cont .topics_main > div.topics_voice > p {margin-top: 15px; font-size: 15px; line-height: 200%;}

.topics_cont.p001 h2 {font-size: 28px; font-weight: 600;letter-spacing: 0.05em; border-bottom: none;padding-bottom: 0px;}
.topics_cont .p001_head {display: flex; justify-content: space-between; align-items: baseline; border-bottom:1px solid #E1E1E1; padding-bottom: 5px;}
.topics_cont .p001_head p {font-weight: 600;}
.topics_cont .p001_head p span {font-size: 12px;font-weight: 600;font-family: 'Exo', sans-serif; margin-right: 0.5em;}
.topics_cont.p001 .topics_main > div.topics_txt {width: 48.2%;}
.topics_cont.p001 .topics_main > div.topics_img {width: 48.2%;}
.topics_cont.p001 .topics_main > div.topics_txt .flow { background-color: #F2EFE2; margin-top: 50px; position: relative; padding: 20px 20px 20px; border: 1px solid #E1E1E1;}
.topics_cont.p001 .topics_main > div.topics_txt .flow > h4 {font-size: 16px; font-weight: 600; position: absolute; left: 0; top: -20px; background-color:#F2EFE2; padding: 5px 20px; border-top: 1px solid #E1E1E1;}
.topics_cont.p001 .topics_main > div.topics_txt .flow > h4:after {content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 20px; background-color: #E1E1E1; z-index: 2;}
.topics_cont.p001 .topics_main > div.topics_txt .flow > h4:before {content: ""; position: absolute; left: -1px; top: 0; width: 1px; height: 20px; background-color: #E1E1E1; z-index: 2;}
.topics_cont.p001 .topics_main > div.topics_txt .flow > dl {display: flex; align-items: center; margin-top: 10px;}
.topics_cont.p001 .topics_main > div.topics_txt .flow > dl dt {width: 34px; height: 34px; color: #FFF; background-color: #231815; border-radius: 50%; text-align: center; line-height: 34px; vertical-align: middle; font-size: 13px;}
.topics_cont.p001 .topics_main > div.topics_txt .flow > dl dd {font-size: 14px; padding-left: 1em;}
.topics_cont.p001 .topics_main > div.topics_img {display: flex; justify-content: space-between;align-items:flex-start; flex-wrap: wrap;}
.topics_cont.p001 .topics_main > div.topics_img figure {margin: 0;}
.topics_cont.p001 .topics_main > div.topics_img figure:firsrt-child {width: 100%;}
.topics_cont.p001 .topics_main > div.topics_img figure:nth-child(2) {width: 28%; margin-top: 3%;}
.topics_cont.p001 .topics_main > div.topics_img figure:nth-child(3) {width: 69%;margin-top: 3%;}
.topics_cont.p001 .topics_main > div.topics_img figure figcaption {text-align: center; font-size: 12px; line-height: 140%; margin-top: 5px;}
.topics_cont.p001 .topics_main > div.topics_img figure:nth-child(3) figcaption {text-align: right;}

.topics_cont.p006 .topics_main > div.topics_txt {width: 48.2%;}
.topics_cont.p006 .topics_main > div.topics_img {width: 48.2%; display: flex; justify-content: space-between;}
.topics_cont.p006 .topics_main > div.topics_img picture {width: 48.2%;}

.topics_cont.p009 {margin:90px auto 150px;}

.after {--after-width: 200vw;}
.teacher_cont {width: 100%; overflow: hidden; margin-top: 60px;}
.teacher_cont > div.teacher_main {max-width: 1200px; margin: 0px auto; display: flex; align-items: center; justify-content: space-between;}
.teacher_cont > div.teacher_main > picture {width: 40%; text-align: center;}
.teacher_cont > div.teacher_main > .teacher_txt {width: 58.4%;}
.teacher_cont > div.teacher_main > .teacher_txt > h2 {font-weight: 600; font-size: 26px; letter-spacing: 0.05em; line-height: 140%;}
.teacher_cont > div.teacher_main > .teacher_txt > h2 br {display: block;}
.teacher_cont > div.teacher_main > .teacher_txt > h2 + p {line-height: 200%; margin: 5px 0px 20px 0px;}
.teacher_info {padding: 10px 0px 15px; position: relative; display: flex; justify-content: space-between; color: #FFF;}
.teacher_info.after:after {content: ""; width: var(--after-width); height: 100%; left: -100vw; top: 0; position: absolute;z-index: -1;}
.teacher_info .teacher_name {width: 40%;}
.teacher_info .teacher_name > h3 {font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.teacher_info .teacher_name > h3 span {font-size: 12px;}
.teacher_info .teacher_name > dl {display: flex; align-items: flex-start; font-size: 12px;}
.teacher_info .teacher_name > dl dt {flex-shrink: 0;}
.teacher_info .teacher_subject {width: 56%; padding-top: 36px;}
.teacher_info .teacher_subject ul {display: flex; flex-wrap: wrap;}
.teacher_info .teacher_subject ul li {width: calc(50% - 1.5em); list-style:outside; margin-left: 1.5em; font-size: 13px;}

.teacher_cont.cor_001 {margin-top: 90px;}
.teacher_cont.cor_010 {margin-bottom: 150px;}
main .teacher_cont:nth-child(odd) > div.teacher_main {flex-direction: row-reverse;}
main .teacher_cont:nth-child(odd) .teacher_info.after:after {content: ""; width: var(--after-width); height: 100%; left: auto; right: -100vw; top: 0; position: absolute;z-index: -1;}
.teacher_cont.cor_001 > div.teacher_main > .teacher_txt > h2,.teacher_cont.cor_006 > div.teacher_main > .teacher_txt > h2 { color:#DE5C64;}
.teacher_cont.cor_002 > div.teacher_main > .teacher_txt > h2,.teacher_cont.cor_007 > div.teacher_main > .teacher_txt > h2 { color:#348392;}
.teacher_cont.cor_003 > div.teacher_main > .teacher_txt > h2,.teacher_cont.cor_008 > div.teacher_main > .teacher_txt > h2 { color:#519664;}
.teacher_cont.cor_004 > div.teacher_main > .teacher_txt > h2,.teacher_cont.cor_009 > div.teacher_main > .teacher_txt > h2 { color:#A15F51;}
.teacher_cont.cor_005 > div.teacher_main > .teacher_txt > h2,.teacher_cont.cor_010 > div.teacher_main > .teacher_txt > h2 { color:#44A6D9;}
.teacher_cont.cor_001 .teacher_info:after,.teacher_cont.cor_006 .teacher_info:after {background-color: rgba(222,92,100,.80);}
.teacher_cont.cor_002 .teacher_info:after,.teacher_cont.cor_007 .teacher_info:after {background-color: rgba(52,131,146,.80);}
.teacher_cont.cor_003 .teacher_info:after,.teacher_cont.cor_008 .teacher_info:after {background-color: rgba(81,150,100,.80);}
.teacher_cont.cor_004 .teacher_info:after,.teacher_cont.cor_009 .teacher_info:after {background-color: rgba(161,95,81,.80);}
.teacher_cont.cor_005 .teacher_info:after,.teacher_cont.cor_010 .teacher_info:after {background-color: rgba(68,166,217,.80);}

.teacher_cont.cor_003 .teacher_info .teacher_name {width: 60%;}
.teacher_cont.cor_003 .teacher_info .teacher_subject {width: 34%; padding-top: 36px;}
.teacher_cont.cor_003 .teacher_info .teacher_subject ul li {width: calc(100% - 1.5em); list-style:outside; margin-left: 1.5em; font-size: 13px;}

@media only screen and (max-width:1200px){
section.title.middle div {position: absolute; right: 20px; bottom: 25px; opacity: 0; max-width: 500px;}

.overseas_head {max-width: 1200px; margin: 90px auto 0px; display: flex; align-items: center; padding: 0px 20px;}
.overseas_visit {max-width: 1200px; margin: 30px auto 0px; padding: 0px 20px; overflow: hidden;}
.overseas_voice {max-width: 1200px; margin: 90px auto 0px; display: flex; justify-content: space-between;padding: 0px 20px;}

.conv_head {max-width: 1200px; margin: 90px auto 0px; display: flex;align-items: flex-start; justify-content: space-between;padding: 0px 20px;}
.conv_main {max-width: 1200px; margin: 50px auto 0px; padding: 0px 20px;}

.message_cont {max-width: 1200px; margin: 0px auto 150px; padding: 0px 20px;}

.feature_core {display: flex;justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin: 0px auto; padding: 0px 20px;}

.model_title {max-width: 1200px; margin: 0px auto; height: 450px; position: relative;display: flex; align-items: center; padding: 0px 20px;}
.model_title div {position: absolute; right: 20px; bottom: 25px; max-width: 500px;opacity: 0;}

.model_cont {max-width: 1200px; margin: 0px auto 150px; padding: 0px 20px;}

.curriculum_main {max-width: 1200px; margin: 120px auto 0px; padding: 0px 20px;}
.career_design figure {background-color: #DE5C64; padding: 10px; display: flex; align-items: center; justify-content: space-between;}
.career_design figure picture {width: 26%;}
.career_design figure figcaption {width: 70%; padding: 0px 0px; box-sizing: border-box; color: #FFF;}

.topics_cont {max-width: 1200px; margin: 90px auto 0px; padding: 0px 20px;}

.teacher_cont > div.teacher_main {max-width: 1200px; margin: 0px auto; display: flex; align-items: center; justify-content: space-between; padding: 0px 20px;}

}
@media only screen and (max-width:840px){
.feature_core > div dl dd ul li {display: flex; align-items: center; justify-content: center; width: 155px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #E1E1E1; background-color: #FDFDFD; text-align: center; font-size: 12px; height: 40px; line-height: 120%;}

}
@media only screen and (max-width:800px){
.conv_head {max-width: 1200px; margin: 90px auto 0px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;padding: 0px 20px;}
.conv_head > div {width: 100%;}
.conv_head > div + div {margin-top: 30px;}
.conv_head > div.head_right > h2 {font-size: 20px; font-weight: 600; text-align: right;}
.conv_head > div.head_right > h2 + p {font-size: 12px; line-height: 100%;text-align: right;}

.message_cont .message {margin-top: 60px; display: flex; flex-direction: column; justify-content: space-between;}
.message_cont .message:first-child {margin-top: 90px;}
.message_cont .message > div {width:100%;margin-top: 30px;}
.message_cont .message > picture {width: 100%; margin-top: 0px;}
.message_cont .message:nth-child(odd) {flex-direction: column;}

.teacher_info .teacher_subject ul {display: flex; flex-direction: column; flex-wrap: wrap;}
.teacher_info .teacher_subject ul li {width: 100%; list-style:outside; margin-left: 1.5em; font-size: 13px;}


}
@media only screen and (max-width:730px){

.feature_core {display: flex;justify-content: space-between; flex-direction: column; flex-wrap: wrap; max-width: 1200px; margin: 0px auto; padding: 0px 20px;}
.feature_core > div {width: 100%; margin-top: 90px;}
.feature_core > div p:not([class]) {font-size: 16px; font-weight: 300;font-family: 'Exo', sans-serif; border-bottom: 1px solid #E1E1E1;}
.feature_core > div p:not([class]) span {font-size: 24px;}
.feature_core > div h2 {font-size: 32px; font-weight: 600; margin: 5px 0px 10px;}
.feature_core > div picture img {filter: grayscale(100%);}
.feature_core > div picture img.active {animation: gscale 0.5s forwards;}
.feature_core > div dl {margin-top: 24px;}
.feature_core > div dl dt {font-size: 16px; font-weight: 300;font-family: 'Exo', sans-serif;}
.feature_core > div dl dd ul {display: flex; flex-wrap: wrap;} 
.feature_core > div dl dd ul li {display: flex; align-items: center; justify-content: center; width: 145px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #E1E1E1; background-color: #FDFDFD; text-align: center; font-size: 12px; height: 40px; line-height: 120%;}
.feature_core > div h3 {font-size: 20px; font-weight: 600; margin: 20px 0px 10px;}
.feature_core > div p.read {font-size: 15px; line-height: 200%;}


}
@media only screen and (max-width:700px){

.overseas_head {max-width: 1200px; margin: 90px auto 0px; display: flex; flex-direction: column; align-items: center; padding: 0px 20px;}
.overseas_head h2 {color: #5ABABF;font-size: 55px; font-weight: 600;font-family: 'Exo', sans-serif; line-height: 100%;}
.overseas_head p {margin-left: 0em; font-weight: 600; margin-bottom: 30px;}
.overseas_visit figure {display: flex; flex-direction: column; justify-content: space-between;margin-top: 30px}
.overseas_visit figure figcaption {width: 100%}
.overseas_visit figure figcaption dl dt {font-size: 16px; font-weight: 600; margin-bottom:10px; line-height: 120%;}
.overseas_visit figure figcaption dl dt span {font-size: 12px; font-weight: 600;font-family: 'Exo', sans-serif;}
.overseas_visit figure figcaption dl dd {line-height: 200%; font-size: 15px;}
.overseas_visit figure picture {width: 100%; margin-top: 20px;}
.overseas_visit figure + figure {margin-top: 60px;}
.overseas_voice {max-width: 1200px; margin: 90px auto 0px; display: flex; flex-direction: column; justify-content: space-between;padding: 0px 20px;}
.overseas_voice > div {width: 100%;}
.overseas_voice > div figure {display: flex; align-items: center; border-bottom: 1px solid #E1E1E1; padding-bottom: 12px;}
.overseas_voice > div + div {margin-top: 60px;}
.overseas_gallery ul li {width: 50%;border-top: 1px solid #E1E1E1;border-right: 1px solid #E1E1E1;box-sizing: border-box;}

.conv_main .conv_cont {display: flex; flex-direction: column; justify-content: space-between;}
.conv_main .conv_cont .conv_txt {width:100%;}
.conv_main .conv_cont .conv_sub {width:100%; display: flex; justify-content: center;}
.conv_main .conv_cont .conv_sub figure { width: 48%; margin: 30px 1% 0px;}

.model_cont > figure:first-child {margin-top: 90px;}
.model_cont > figure {margin-top: 60px; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.model_cont > figure figcaption {width: 100%;}
.model_cont > figure picture {width: 50%; text-align: center; margin-top: 30px;}

.career_design {margin-top: 30px;}
.career_design figure {background-color: #DE5C64; padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.career_design figure picture {width: 100%; margin-top: 30px;}
.career_design figure figcaption {width: 100%; padding: 0px 0px; box-sizing: border-box; color: #FFF;}
.career_design figure figcaption dl dt {font-weight: 600;}
.career_design figure figcaption dl dd {font-size: 15px;}

.topics_cont .p001_head {display: block; flex-direction: column; justify-content: space-between; align-items: flex-start; border-bottom:1px solid #E1E1E1; padding-bottom: 5px;}
.topics_cont .p001_head p {font-weight: 600; text-align: right;}
.topics_cont .p001_head p span {font-size: 12px;font-weight: 600;font-family: 'Exo', sans-serif; margin-right: 0.5em;}
.topics_cont .topics_main {display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;align-items:flex-start;}
.topics_cont .topics_main > div.topics_txt {width: 100%;}
.topics_cont .topics_main > div.topics_img {width: 100%; margin-top: 30px; text-align: center;}
.topics_cont.p001 .topics_main > div.topics_txt {width: 100%;}
.topics_cont.p001 .topics_main > div.topics_img {width: 100%; margin-top: 30px;}
.topics_cont.p006 .topics_main > div.topics_txt {width: 100%;}
.topics_cont.p006 .topics_main > div.topics_img {width: 100%; display: flex; justify-content: space-between;}
.topics_cont.p006 .topics_main > div.topics_img picture {width: 48.2%;}

.topics_cont .topics_main > div.topics_voice .voice_head {display: flex; flex-direction: column; align-items: flex-start;}
.topics_cont .topics_main > div.topics_voice .voice_head h4 {font-weight: 600; color: #5ABABF; font-size: 20px;letter-spacing: 0.05em; margin-top: 20px;}

.teacher_cont > div.teacher_main {max-width: 1200px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; position: relative; justify-content: space-between; padding: 0px 20px;}
main .teacher_cont:nth-child(odd) > div.teacher_main {flex-direction: column;}
.teacher_cont > div.teacher_main > picture {text-align: center; width: 100%; order: 1; margin-bottom: 30px;}
.teacher_cont > div.teacher_main > .teacher_txt {width: 100%;order: 2;}
.teacher_info .teacher_name {width: 50%;}
.teacher_info .teacher_subject {width: 46%; padding-top: 36px;}
.teacher_cont.cor_003 .teacher_info .teacher_name {width: 50%;}
.teacher_cont.cor_003 .teacher_info .teacher_subject {width: 46%; padding-top: 36px;}
.teacher_cont.cor_003 .teacher_info .teacher_subject ul li {width: 100%; list-style:outside; margin-left: 1.5em; font-size: 13px;}
.teacher_cont > div.teacher_main > .teacher_txt > h2 {font-weight: 600; font-size: 26px; letter-spacing: 0.05em; width:100%;}
.teacher_cont > div.teacher_main > .teacher_txt > h2 br {display: none;}
.teacher_cont > div.teacher_main > .teacher_txt > h2 + p {line-height: 200%; margin: 5px 0px 20px 0px; width:100%;}

}

@media only screen and (max-width:540px){
section.title.middle div {position: absolute; right: 20px; bottom: 25px; opacity: 0; max-width:calc(100% - 40px); padding: 0px;}
.model_title div {position: absolute; right: 20px; bottom: 25px; max-width:calc(100% - 40px);opacity: 0;}

.curriculum_main > div.table > div dl dd ul li {min-width: auto;position: relative; padding-left: 14px; margin-right: 15px; margin-bottom: 5px; font-size: 14px;}


}
@media only screen and (max-width:500px){
section.title.middle h1 {font-weight: 600; font-size: 40px; letter-spacing: 0.05em; line-height: 120%;opacity: 0; margin-top: -100px;}
section.title.middle div h2 {font-size: 18px; color: #5ABABF; font-weight: 600;}
section.title.middle div p {font-size: 14px;}
section.title.middle div p a {color: #5ABABF;}

.overseas_head h2 {color: #5ABABF;font-size: 50px; font-weight: 600;font-family: 'Exo', sans-serif; line-height: 100%;}
.overseas_gallery ul li {width: 100%;border-top: 1px solid #E1E1E1;border-right: 1px solid #E1E1E1;box-sizing: border-box;}

.model_title h2 {font-weight: 600; font-size: 40px; letter-spacing: 0.05em; line-height: 120%;opacity: 0; margin-top: -100px;}

.model_cont > figure picture {width: 80%; text-align: center; margin-top: 30px;}

.topics_cont h2 {font-size: 26px; font-weight: 600;letter-spacing: 0.05em; border-bottom: 1px solid #E1E1E1;padding-bottom: 5px;}

}

@media only screen and (max-width:480px){
.conv_head > div.head_left dl {position: absolute; left: -10px; bottom: -30px; z-index: 1; color: #FFF; width: 200px; text-align:center; padding: 10px 0px;filter: grayscale(100%);}
.conv_head > div.head_right > p.read {line-height: 200%; margin: 30px 0px; font-size: 14px;}
.conv_head > div.head_right > .head_info {border-top: 1px solid #E1E1E1; padding: 15px 0px; display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center;}
.conv_head > div.head_right > .head_info picture {width: 30.2%;}
.conv_head > div.head_right > .head_info figcaption {width: 64%;}
.conv_head > div.head_right > .head_info figcaption h3 {font-size: 14px; font-weight: 600;}
.conv_head.first > div.head_right > .head_info figcaption h3 {color: #5ABABF;}
.conv_head.second > div.head_right > .head_info figcaption h3 {color: #D1686D;}
.conv_head > div.head_right > .head_info figcaption h3 + p {font-size: 12px; margin-top: 5px;}
.conv_head > div.head_right > .head_info figcaption p.link a {font-size: 12px;font-weight: 600;font-family: 'Exo', sans-serif; }

.feature_core > div:first-child {margin-top: 90px;}
.feature_core > div {width: 100%; margin-top: 60px;}

.model_cont > figure figcaption h3 { color: #5ABABF;font-size: 20px; font-weight: 600; letter-spacing: 0.1em; margin: 5px 0px;}

.curriculum_main:first-child {margin-top: 90px;}
.curriculum_main {max-width: 1200px; margin: 60px auto 0px; padding: 0px 20px;}
.curriculum_main > div.table > div dl {display: flex; flex-direction: column; align-items:stretch; font-size: 15px;}
.curriculum_main > div.table > div dl dt {width: 100%; padding: 10px 0px; font-weight: 600; text-align: center; background-color: #F2EFE2;display: flex; align-items: center; justify-content: center; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; box-sizing: border-box;}
.curriculum_main > div.table > div dl dd {width: 100%; padding: 10px 20px 5px; background-color: #F5F5F5;border-left: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; box-sizing: border-box;}
.curriculum_main > div.table > div dl:nth-child(even) dt {background-color: #F2EFE2;}
.curriculum_main > div.table > div dl:nth-child(even) dd {background-color: #F5F5F5;}

.topics_cont.p001 .topics_main > div.topics_img figure:nth-child(2) {width: 32%; margin-top: 3%;}
.topics_cont.p001 .topics_main > div.topics_img figure:nth-child(3) {width: 65%;margin-top: 3%;}
.topics_cont.p001 .topics_main > div.topics_img figure figcaption {text-align: center; font-size: 10px; line-height: 140%; margin-top: 5px;}
.topics_cont h2 {font-size: 22px; font-weight: 600;letter-spacing: 0.05em; line-height: 140%; border-bottom: 1px solid #E1E1E1;padding-bottom: 5px;}
.topics_cont h3 {font-weight: 600; color: #5ABABF; font-size: 18px; margin: 20px 0px;letter-spacing: 0.05em;}
.topics_cont h3 br {display: none;}
.topics_cont .topics_main > div.topics_voice .voice_head h4 {font-weight: 600; color: #5ABABF; font-size: 18px;letter-spacing: 0em; margin-top: 20px;}
.topics_cont .topics_main > div.topics_voice .voice_head figure figcaption {margin: 0px 0px 0px 20px;}
.topics_cont .topics_main > div.topics_voice .voice_head figure figcaption.voice_line dl {display:block;}
.topics_cont .topics_main > div.topics_voice .voice_head figure figcaption.voice_line dl + dl {margin-left: 0px; margin-top: 5px;}
.topics_cont.p006 .topics_main > div.topics_img {width: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.topics_cont.p006 .topics_main > div.topics_img picture {width: 100%;}
.topics_cont.p006 .topics_main > div.topics_img picture + picture {margin-top: 10px;}

.teacher_cont > div.teacher_main > .teacher_txt > h2 {font-weight: 600; font-size: 26px; letter-spacing: 0.05em; line-height: 140%;}

.teacher_info {flex-direction: column;}
.teacher_info .teacher_name {width: 100%;}
.teacher_info .teacher_subject {width: 100%; padding-top: 10px;}
.teacher_cont.cor_003 .teacher_info .teacher_name {width: 100%;}
.teacher_cont.cor_003 .teacher_info .teacher_subject {width: 100%; padding-top: 10px;}


}