@charset "UTF-8";
br.sp {display: none;}
.middle_img {width: 100%; height: 420px; position: relative; display: flex; justify-content: center; align-items: center;}
.middle_img:after {content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.45); position: absolute; left: 0; top: 0; z-index: 0;}
.middle_img > h2 {text-align: center; position: relative; z-index: 2;}
.middle_img > h2 span { font-size: 70px;font-family: 'Tangerine', cursive; font-weight: 400; color: #FFF;line-height: 100%;}
.middle_img > h2 em {font-size: 20px;color: #FFF;margin-left: 5px;}
.middle_img > picture {position: absolute; width: 100%; height: 420px; overflow: hidden; top: 0; left: 0; z-index: -1; }
.middle_img img { width: 100%; height: 100%; object-fit: cover;}

.middle_main {padding: 90px 0px 90px; overflow: hidden;}

.voice_header {text-align: center;}
.voice_header > p:not([class]) {font-size: 20px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.voice_header > h3 {font-size: 30px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 40px; margin-bottom: 40px;position: relative;}
.voice_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.voice_header > p.read {line-height: 180%;}

.voice_main {margin-top: 100px; position: relative;}
.voice_main .voice_main_w {max-width: 1200px; margin: 0px auto;padding-bottom: 74px;display: flex; height: 100%; justify-content: flex-end;}
.voice_main .voice_img {position: absolute; width: 55%; left:0px; top:0px; z-index: -1; display: block; max-height: 500px; overflow: hidden;}
.voice_main .voice_img img {object-fit: cover;width: 100%; height: 100%; object-position: center;}
.voice_main .voice_cont {width: 55%; background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 40px; box-sizing: border-box; margin-top: 74px;}

.voice_main.revarse .voice_main_w {max-width: 1200px; margin: 0px auto; padding-bottom: 74px; display: flex; height: 100%; justify-content: flex-start;}
.voice_main.revarse .voice_img {position: absolute; width: 55%; left:auto; right: 0%; top:0px; z-index: -1; display: block; max-height: 500px; overflow: hidden;}
.voice_main.revarse .voice_img img {object-fit: cover;width: 100%; height: 100%; object-position: center;}
.voice_main.revarse .voice_cont {width: 55%; background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 40px; box-sizing: border-box; margin-top: 74px;}

.voice_name {display: flex; justify-content: space-between;align-items: end;}
.voice_name h2 {line-height:100%;}
.voice_name h2 strong {font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 80px; }
.voice_name h2 span {font-size: 20px;margin-left: 0.5em;}
.voice_name dl dt {font-size: 24px; font-weight: 700;}
.voice_name dl dt span {font-size: 18px;}
.voice_name dl dd {font-size: 14px;}
.voice_read {margin-top: 46px;}
.voice_read h3 {font-size: 26px; letter-spacing: 0.05em; font-weight: 700;}
.voice_read p {margin-top: 20px; line-height: 180%;}
.voice_like {margin-top: 60px;}
.voice_like h4 {position: relative; font-size: 18px;letter-spacing: 0.05em; padding-left: 44px; font-weight: 700;}
.voice_like h4:before {content: "";width: 28px; height: 16px; background: url("../images/voice_icon_01.svg") no-repeat; background-size: cover; position: absolute;left: 0; top: calc(50% - 8px);}
.voice_like .voice_table {margin-top:20px;}
.voice_like .voice_table table {border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.voice_like .voice_table table + p {margin-top: 5px; font-size: 14px;}
.voice_like .voice_table table th {border-top: 1px solid #CCC; border-left: 1px solid #CCC;text-align: center; padding: 5px; width:18%; font-size: 12px; font-weight: 700; vertical-align: middle;}
.voice_like .voice_table table tr th:first-child {width: 10%; background-color: #E8E3CC; }
.voice_like .voice_table table tr:first-child th {background-color:#00AB84; color: #FFF;}
.voice_like .voice_table table td { height: 3em; border-top: 1px solid #CCC; border-left: 1px solid #CCC; text-align: center; font-size: 12px; vertical-align: middle;}
.voice_like .voice_table table td.on {background-color: #FAFAFA;}
.voice_etc {margin-top: 40px;}
.voice_etc h4 {position: relative; font-size: 18px;letter-spacing: 0.05em; padding-left: 44px; font-weight: 700;}
.voice_etc h4:before {content: "";width: 28px; height: 16px; background: url("../images/voice_icon_02.svg") no-repeat; background-size: cover; position: absolute;left: 0; top: calc(50% - 8px);}
.voice_etc figure {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 20px;}
.voice_etc figure picture {width: 33%; border: 4px solid rgba(24,127,196,.3); box-sizing: border-box;}
.voice_etc figure figcaption {width: 64%; font-size: 14px; line-height: 180%;}

.class_header {text-align: center; margin-bottom: 120px;}
.class_header > p:not([class]) {font-size: 20px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.class_header > h3 {font-size: 30px;font-weight: 700; letter-spacing: 0.1em;position: relative;}

.class_cont {max-width: 1200px; margin: 0px auto;}
.class_cont + .class_cont {margin-top: 140px;}
.class_cont > h2 {font-size: 34px; font-weight: 700; text-align: center; letter-spacing: 0.05em;}
.class_cont > h2 span {background-color: #FFF;position: relative; padding: 0px 20px;}
.class_cont > h2 span:before {position: absolute;transition: all .5s;transform: scaleX(0);content: ""; height: 1px; width: 160%; background-color: #187FC4; left: -30%; top:35% ; z-index: -1;}
.class_cont > h2 span:after {position: absolute;transition: all 1s;transform: scaleX(0); content: ""; height: 1px; width: 160%; background-color: #00AB84; left: -30%; bottom:35% ; z-index: -1;}
.class_cont > p.subject {text-align: center; color: #187FC4; margin-top: 20px;}
.class_cont > p.subject span {border: 1px solid #CCC;padding: 5px 10px;}
.class_cont > h2.active span:before {transform: scaleX(1);}
.class_cont > h2.active span:after {transform: scaleX(1);}

.class_main {margin-top: 60px;}
.class_main > figure {display: flex; justify-content: space-between;}
.class_main > figure figcaption {width: 65%;}
.class_main > figure figcaption h3 {font-size: 28px; font-weight: 700; color: #187FC4; letter-spacing: 0.05em;}
.class_main > figure figcaption p.main_read {margin-top: 20px; line-height: 200%;}
.class_main > figure picture {width: 30%; margin-top: 70px;}
.class_main.mt0 > figure picture {margin-top: 0px;}

.class_under {margin-top: 80px; width: 100%; background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);display: flex; justify-content: space-between; position: relative; padding: 20px; box-sizing: border-box; align-items: center;}
.class_under > picture {width: 165px; height: auto; position: absolute; left: 20px; bottom: 0;}
.class_under > dl {margin-left: 200px;}
.class_under > dl dt {background-color:#00AB84; display: inline-block; padding: 5px 10px; font-size: 12px; color: #FFF; margin: 10px 0px}
.class_under > dl dd h4 span {font-size: 12px;}
.class_under > dl dd h4 {margin-bottom: 10px;}
.class_under > dl dd p {font-size: 12px;}
.class_under > p.under_read {width: 64%; line-height: 200%;}

.faculty_header {text-align: center;}
.faculty_header > p:not([class]) {font-size: 20px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.faculty_header > h3 {font-size: 30px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 40px; margin-bottom: 40px;position: relative;}
.faculty_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #00AB84; position: absolute; bottom: 0; left: calc(50% - 20px);}
.faculty_header > p.read {line-height: 180%;}

.faculty_main {max-width: 1200px; margin: 120px auto 0px; display: flex; justify-content: space-between;}
.faculty_main.reverse {max-width: 1200px; margin: 120px auto 0px; display: flex; flex-direction: row-reverse; justify-content: space-between;}
.faculty_main .faculty_img {width: 340px;}
.faculty_main .faculty_img picture img {border-radius: 50%;}
.faculty_main .faculty_img figcaption { text-align: center; margin-top: 10px; font-weight: 700;}
.faculty_main .faculty_img figcaption span {font-size: 12px;}
.faculty_main.course_blue .faculty_img picture img {border: 2px solid rgba(24,127,196,.6);}
.faculty_main.course_green .faculty_img picture img {border: 2px solid rgba(0,171,132,.6);}
.faculty_main .faculty_cont {width: calc(100% - 340px - 4%);} 
.faculty_main .faculty_cont > h2 {font-size: 24px; font-weight: 700; letter-spacing: 0.05em;}
.faculty_main.course_blue .faculty_cont > h2 {color: #187FC4;}
.faculty_main.course_green .faculty_cont > h2 {color: #00AB84;}
.faculty_main .faculty_cont > h2 + p {line-height: 200%; margin-top: 20px;}
.faculty_main .faculty_cont .faculty_sub {background-color: #FFF; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); margin-top: 30px; padding: 20px 30px; box-sizing: border-box; display: flex; justify-content: space-between;}
.faculty_main .faculty_cont .faculty_sub > dl:first-child {width: 35%;}
.faculty_main .faculty_cont .faculty_sub > dl:first-child dt {font-size: 14px; display: inline-block; border-radius: 5px; color: #FFF; padding: 3px 5px;}
.faculty_main.course_blue .faculty_cont .faculty_sub > dl:first-child dt {background-color:#187FC4; }
.faculty_main.course_green .faculty_cont .faculty_sub > dl:first-child dt {background-color:#00AB84; }
.faculty_main .faculty_cont .faculty_sub > dl:first-child dd ul {margin-top: 10px;}
.faculty_main .faculty_cont .faculty_sub > dl:first-child dd ul li {list-style: outside; margin-left: 1.5em; margin-top: 5px; font-size: 14px;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) {width: 63%;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dt {font-weight: 700;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dt span {position: relative; padding-left: 40px;}
.faculty_main.course_blue .faculty_cont .faculty_sub > dl:nth-child(2) dt span:before {content: "";width: 28px; height: 16px; background: url("../images/voice_icon_02.svg") no-repeat; background-size: cover; position: absolute;left: 0; top: calc(50% - 8px);}
.faculty_main.course_green .faculty_cont .faculty_sub > dl:nth-child(2) dt span:before {content: "";width: 28px; height: 16px; background: url("../images/voice_icon_01.svg") no-repeat; background-size: cover; position: absolute;left: 0; top: calc(50% - 8px);}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd {margin-top: 10px; line-height: 180%; font-size: 14px;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd figure {display: flex; justify-content: space-between; flex-direction: row-reverse;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd figure picture {width: 20%; text-align: center;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd figure figcaption {width: 75%;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd a {color: #FF9300;}

.faculty_st_voice {margin-top: 0px; overflow: hidden;}
.faculty_st_voice.course_blue { background-color: #187FC4; margin-top: 120px;}
.faculty_st_voice.course_green { background-color: #00AB84;}
.faculty_st_voice > div {max-width: 1200px; margin: 0px auto; padding: 50px 30px 30px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;position: relative;}
.faculty_st_voice > div picture {width: 16%;}
.faculty_st_voice > div picture img {border-radius: 50%;}
.faculty_st_voice > div > div {width: 23%;}
.faculty_st_voice > div > div h2 { font-size: 24px; font-weight: 700;}
.faculty_st_voice > div > div h2 span {background-color: #FFF; padding: 3px 10px; border-radius: 5px;}
.faculty_st_voice > div > div h3 {margin-top: 15px; font-weight: 700; color: #FFF;letter-spacing: 0.05em;}
.faculty_st_voice.course_blue > div > div h2  {color: #187FC4;}
.faculty_st_voice.course_green > div > div h2  {color: #00AB84;}
.faculty_st_voice > div > div dl {color: #FFF; margin-top: 10px;}
.faculty_st_voice > div > div dl dt span {font-size: 12px;}
.faculty_st_voice > div > div dl dd {font-size: 12px;}
.faculty_st_voice > div > p {width: 56%; color: #FFF; line-height: 180%;}

.curriculum_header {text-align: center;}
.curriculum_header > p:not([class]) {font-size: 20px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.curriculum_header > h3 {font-size: 30px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 40px; margin-bottom: 40px;position: relative;}
.curriculum_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #00AB84; position: absolute; bottom: 0; left: calc(50% - 20px);}
.curriculum_header > p.read {line-height: 180%; max-width: 900px; margin: 0px auto;}

.curriculum_select {max-width: 1100px; margin: 90px auto 0px; display: flex; justify-content: space-between; align-items: center;}
.curriculum_select > div.select_read {width: 260px;}
.curriculum_select > div.select_read > div {margin-top:-48px;}
.curriculum_select > div.select_read h2 {color: #DA90B6; font-size: 24px;}
.curriculum_select > div.select_read h3 { width: 200px; height: 200px; color: #FFF; font-weight: 700; font-size: 24px; text-align: center; vertical-align: middle; line-height: 200px; border-radius: 50%; background-color:#DA90B6; margin: 20px auto 0px;position: relative;}
.curriculum_select > div.select_read h3:before {content: ""; width: 48px; height: 40px; background: url("../images/curriculum_arrow1.svg") no-repeat; background-size: cover; position: absolute; top:20px; right:-60px;}
.curriculum_select > div.select_read h3:after {content: ""; width: 48px; height: 40px; background: url("../images/curriculum_arrow2.svg") no-repeat; background-size: cover; position: absolute; bottom:20px; right:-60px;}

.curriculum_select > div.select_cont {width: calc(100% - 320px);position: relative;}
.curriculum_select > div.select_cont > div > div > div { border: 3px solid #DA90B6; border-radius:60px; background-color:#FFF; padding: 30px 40px 20px; position: relative;}
.curriculum_select > div.select_cont > div > div h4 {position: absolute; top: -20px; left: 40px; font-size: 24px; font-weight: 700; letter-spacing: 0.2em; z-index: 1;}
.curriculum_select > div.select_cont > div > div h4 span {background-color: #FFF; padding: 0px 20px; line-height: 100%;}
.curriculum_select > div.select_cont > div > div p {line-height: 180%;}
.curriculum_select > div.select_cont > div > div.select_002 {margin-top: 60px;}
.curriculum_select > div.select_cont > div > div:after {content: ""; width: 100%; height: 100%; border-radius: 60px; background-color: rgba(218,144,182,1); position: absolute; top: 8px; left: 8px; z-index:-1;}

.curriculum_table > div {max-width: 1200px; margin: 100px auto 0px;}
.curriculum_table > div table {border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.curriculum_table > div table thead th {width: 21%; text-align: center;border-left: 1px solid #CCC; border-top: 1px solid #CCC; box-sizing: border-box; padding: 10px 10px; background-color: #000; color: #FFF; font-weight: 700; vertical-align: middle;}
.curriculum_table > div table thead th:first-child {width: 16%;}
.curriculum_table > div table thead th span {font-family: 'Oswald', sans-serif;font-weight: 300; font-size: 40px; margin-right:5px;}
.curriculum_table > div table tbody th {border-left: 1px solid #CCC; border-top: 1px solid #CCC; box-sizing: border-box; padding: 20px 10px; text-align: center; background-color: #DA90B6; color: #FFF; font-weight: 700; vertical-align: middle;}
.curriculum_table > div table tbody td {border-left: 1px solid #CCC; border-top: 1px solid #CCC; box-sizing: border-box;padding: 20px; font-size: 15px;}
.curriculum_table > div table tbody td ul li {margin-bottom: 3px; padding: 0px 0.5em 0 1em;}
.curriculum_table > div table tbody td ul li:last-child {margin-bottom: 0px;}
.curriculum_table > div table tbody td ul li.c_001 { background-color: #FAE0EB;}
.curriculum_table > div table tbody td ul li.c_002 { background-color: #BCE7FD;}
.curriculum_table > div table tbody td ul li.c_003 { background-color: #FED87B;}
.curriculum_table > div table tbody td ul li.c_004 { background-color: #DEEF86;}
.curriculum_table > div table tbody td ul li.required:before { content:"◆"; margin-right: 5px;}
.curriculum_table > div table tbody tr:nth-child(odd) td {background-color: #FAF9F4;}
.curriculum_table > div .table_under {display: flex; justify-content: space-between; margin-top: 20px;}
.curriculum_table > div .table_under ul li {font-size: 14px; position: relative; padding-left: 2em; margin-bottom: 5px;}
.curriculum_table > div .table_under ul li:before {content: ""; width: 1.5em; height: 0.8em; position: absolute; left: 0; top: 5px;}
.curriculum_table > div .table_under ul li.c_001:before {content: ""; background-color:#FAE0EB; }
.curriculum_table > div .table_under ul li.c_002:before {content: ""; background-color:#BCE7FD; }
.curriculum_table > div .table_under ul li.c_003:before {content: ""; background-color:#FED87B; }
.curriculum_table > div .table_under ul li.c_004:before {content: ""; background-color:#DEEF86; }
.curriculum_table > div .table_under ol {counter-reset: num;}
.curriculum_table > div .table_under ol li {font-size: 14px; position: relative; padding-left: 2em;}
.curriculum_table > div .table_under ol li:before {counter-increment: num;content:"※" counter(num);position:absolute;left:0px;top:0;}

.curriculum_area {position: relative; overflow-x: hidden; margin-top: 90px; padding-bottom: 20px;}
.curriculum_area > .curriculum_area_cont { max-width: 1200px; margin: 0px auto;display: flex; justify-content: space-between; flex-direction: row-reverse; }
.curriculum_area > .curriculum_area_cont > picture {width: 40%; margin-left: -100px;}
.curriculum_area > .curriculum_area_cont > .area_cont {width: calc(60% + 50px);}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head {display: flex; align-items: baseline;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head p {font-size: 24px; font-weight: 700;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head p span {font-family: 'Oswald', sans-serif;font-weight: 300; font-size: 80px;line-height: 100%;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head h3 {color: #DA90B6; font-weight: 700; font-size: 28px; margin-left: 40px; letter-spacing: 0.05em;}
.curriculum_area > .curriculum_area_cont > .area_cont > p {margin-top: 20px; line-height: 180%;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics {margin-top: 20px; background-color:#FFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); padding: 25px; border-radius: 3px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl {display: flex;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl dt {position: relative; font-size: 18px; font-weight: 700; color: #DA90B6;padding-left: 35px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl dt:before {content: ""; width: 28px; height: 17px; background: url("../images/curriculum_icon.svg") no-repeat; background-size: cover; left: 0; top: calc(50% - 9px); position: absolute;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl dd {font-size: 18px; font-weight: 700; margin-left: 40px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics p {line-height: 180%; margin-top: 10px;}

.curriculum_area.reverse > .curriculum_area_cont { max-width: 1200px; margin: 0px auto;display: flex; justify-content: space-between; flex-direction: row; }
.curriculum_area.reverse > .curriculum_area_cont > picture {width: 40%; margin-right: -100px; margin-left: 0px;}

.ag_header {text-align: center;}
.ag_header > p:not([class]) {font-size: 20px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.ag_header > h3 {font-size: 30px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 40px; margin-bottom: 40px;position: relative;}
.ag_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.ag_header > p.read {line-height: 180%;}

.ag_rate { background-color: #DD9ABD; padding: 40px 0px; margin: 60px 0px 0px; position: relative; text-align: center;}
.ag_rate:after { content: "";  width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 30px solid #DD9ABD; position: absolute; bottom: -25px; left: calc(50% - 50px);}
.ag_rate h2 {color: #FFF; font-size: 22px; font-weight: 700;}
.ag_rate h3 {font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 120px; color: #FFF; line-height: 100%; margin: 10px 0px;}
.ag_rate h3 span {font-size: 80px;}
.ag_rate p {color: #FFF; font-weight: 700;}
.ag_graph {max-width: 1200px; margin: 80px auto 0px; display: flex; justify-content: space-between;}
.ag_graph > div {width: 44%;}
.ag_graph > div h3 {border-bottom: 2px solid #DA90B6; color: #DA90B6; font-size: 28px; text-align: center; font-weight: 700;}
.ag_graph > div:first-child h3 {margin-top: 1.5em;}
.ag_graph > div:first-child > div.ag_industry {display: flex;justify-content: space-between;}
.ag_graph > div:first-child > div.ag_industry > div {padding: 40px 30px 40px 90px;}
.ag_graph > div:first-child > div.ag_industry > div + div {padding: 40px 90px 40px 30px;}
.ag_graph > div:first-child > div.ag_industry dl {margin-bottom: 30px;}
.ag_graph > div:first-child > div.ag_industry dl dt {font-size: 18px; font-weight: 700; color: #FFF; border-radius: 3px; text-align: center; padding: 3px 20px;}
.ag_graph > div:first-child > div.ag_industry dl dt.ag_01 { background-color: #2680C1;}
.ag_graph > div:first-child > div.ag_industry dl dt.ag_02 { background-color: #DC8EB2;}
.ag_graph > div:first-child > div.ag_industry dl dt.ag_03 { background-color: #19AA84;}
.ag_graph > div:first-child > div.ag_industry dl dt.ag_04 { background-color: #CBD268;}
.ag_graph > div:first-child > div.ag_industry dl dt.ag_05 { background-color: #FCDE40;}
.ag_graph > div:first-child > div.ag_industry dl dt.ag_06 { background-color: #E5E0CB;}
.ag_graph > div:first-child > div.ag_industry > div + div dl dt {color: #333333;}
.ag_graph > div:first-child > div.ag_industry dl dd {margin-top: 10px;}
.ag_graph > div:first-child > div.ag_industry dl dd ul li {margin-bottom: 5px;}
.ag_graph > div + div picture {margin-top: 40px;}

.ag_employment {margin-top: 100px;}
.ag_employment h3 {background-color: #187FC4; font-size: 20px; font-weight: 700; text-align: center; color: #FFF; padding: 20px 0px;}
.ag_employment h3 span {font-size: 16px; margin-left: 0.5em;}
.ag_employment_cont {display: flex; justify-content: space-between; max-width: 1200px; margin: 0px auto;}
.ag_employment_cont > div {width: 33%;}
.ag_employment_cont > div dl {margin-top: 50px;}
.ag_employment_cont > div dl dt {margin-bottom: 20px; color: #187FC4;}
.ag_employment_cont > div dl dd ul li {margin-bottom: 10px;}

.feature_header {max-width: 1200px; margin: 0px auto;}
.feature_header > h3 {text-align: center; font-size: 30px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 40px; margin-bottom: 40px;position: relative;}
.feature_header > h3 span.blue {color: #187FC4;}
.feature_header > h3 span.green {color: #00AB84;}
.feature_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.feature_header > p.read {line-height: 180%; font-size: 18px;letter-spacing: 0.1em;}
.feature_header > p.read em {text-decoration: underline;}
.feature_header > p.read span.blue {color: #187FC4;}
.feature_header > p.read span.green {color: #00AB84;}

.feature_overview {max-width: 1200px; margin: 90px auto 0px;position: relative;}
.feature_overview h3 {font-size: 42px; font-weight: 700; color: #FFF; text-align: center; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 3;}
.overview_circle > div {display: flex; align-items: center; color: #FFF;background-color: rgba(24,127,196,.9); width: 623px; height:623px; border-radius: 50%; padding: 0px 170px ; box-sizing: border-box;}
.overview_circle > div + div { background-color: rgba(0,171,132,.9);}
.overview_circle > div dl dt {font-size: 22px; font-weight: 700;}
.overview_circle > div dl dd h4 {font-size: 18px; font-weight: 700; margin-top: 20px;}
.overview_circle > div dl dd p {margin-top: 20px; line-height: 200%; letter-spacing: 0.1em;}
.overview_left:after {content: ""; width: 145px; height: 124px; background: url("../images/feature_img_001.png") no-repeat; background-size: cover; position: absolute; top: 60px; left: 370px;}
.overview_right {position: absolute; right: 0; top: 0; z-index: 2;}
.overview_right:after {content: ""; width: 152px; height: 143px; background: url("../images/feature_img_002.png") no-repeat; background-size: cover; position: absolute; top: 60px; right: 100px;}

.feature_learning { background-color: #DD9ABD; margin-top: 150px; overflow: hidden;}
.feature_learning > div {max-width: 1200px; margin: 0px auto; padding: 50px 0px 60px; color: #FFF;}
.feature_learning > div h3 {font-size: 30px; font-weight: 700; letter-spacing: 0.1em; border-bottom: 1px solid #FFF;}
.feature_learning > div h3 strong {font-size: 40px;}
.feature_learning > div > div.learning_cont { display: flex; justify-content: space-between; margin-top: 40px;}
.feature_learning > div > div.learning_cont div { width: 48%;}
.feature_learning > div > div.learning_cont div p {line-height: 200%; margin-top: 14px;}
.feature_learning > div > div.learning_cont div p + ul {margin-top: 60px;}
.feature_learning > div > div.learning_cont div:first-child ul {display: flex;}
.feature_learning > div > div.learning_cont div:first-child ul li {border: 1px solid #FFF;width: 123px; text-align: center; color: #333333; font-weight: 700; padding: 7px 0px;}
.feature_learning > div > div.learning_cont div:first-child ul li.le01 {background-color: #FEDB31;}
.feature_learning > div > div.learning_cont div:first-child ul li.le02 {background-color: #DCDC4E;}
.feature_learning > div > div.learning_cont div:first-child ul li.le03 {background-color: #ADC4E6;}
.feature_learning > div > div.learning_cont div:first-child ul li.le04 {background-color: #EAC4D9;}

.qual_header {text-align: center;}
.qual_header > p:not([class]) {font-size: 20px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.qual_header > h3 {font-size: 30px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 40px; margin-bottom: 40px;position: relative;}
.qual_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.qual_header > p.read {line-height: 180%;}

.qual_main {margin-top: 60px;}
.qual_main > h3 {color: #187FC4; font-size: 20px; font-weight: 700; text-align: center;}
.qual_main > .national {width: 100%; background-color: #F7F5EE; margin-top: 20px; padding: 50px 0px 60px;}
.qual_main > .national .national_main {max-width: 1066px; margin: 0px auto;}
.qual_main > .national .national_main h4 {text-align: center; font-weight: 700; font-size: 30px;}
.qual_main > .national .national_main h4 + p {margin-top: 30px; text-align: center;}
.qual_main > .national .national_main h5 {color: #19A889; font-size: 24px; margin-top: 60px; text-align: center; border-bottom: 2px solid #19A889; padding-bottom: 5px;}
.qual_main > .national .national_main h6 {color: #187FC4; font-size: 24px; margin-top: 120px; text-align: center; border-bottom: 2px solid #187FC4; padding-bottom: 5px;}
.qual_main > .national .national_main > div.playing_field {margin-top: 40px; display: flex; justify-content: space-between;}
.qual_main > .national .national_main > div.playing_field dl {width: 18%; border-radius: 30px; padding: 15px; box-sizing: border-box;}
.qual_main > .national .national_main > div.playing_field dl dt {text-align: center; font-size: 24px; font-weight: 700;}
.qual_main > .national .national_main > div.playing_field dl dd {margin-top: 40px;}
.qual_main > .national .national_main > div.playing_field dl dd ul li {list-style: outside; margin-left: 1.5em; font-size: 14px;}
.qual_main > .national .national_main > div.playing_field dl:first-child {background-color: #FCC800;}
.qual_main > .national .national_main > div.playing_field dl:nth-child(2) {background-color: #A3D7E5;}
.qual_main > .national .national_main > div.playing_field dl:nth-child(3) {background-color: #D9E26F;}
.qual_main > .national .national_main > div.playing_field dl:nth-child(4) {background-color: #F8D3E3;}
.qual_main > .national .national_main > div.playing_field dl:nth-child(5) {background-color: #DBD2C1;}
.qual_main > .national .national_main > div.flow {margin-top: 40px; display: flex; justify-content: space-between;}
.qual_main > .national .national_main > div.flow > div {width: 47%;}
.qual_main > .national .national_main > div.flow > div p.flow_title {text-align: center; font-size: 20px; font-weight: 700;}
.qual_main > .national .national_main > div.flow > div p.flow_title span {font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 32px;}
.qual_main > .national .national_main > div.flow > div ul {margin-top: 10px}
.qual_main > .national .national_main > div.flow > div ul li {text-align: center; font-size: 18px;color: #FFF; padding: 10px 0px; margin-bottom: 40px;box-sizing: border-box; position: relative;}
.qual_main > .national .national_main > div.flow > div:first-child ul li {background-color: #DD9ABC;}
.qual_main > .national .national_main > div.flow > div:nth-child(2) ul li {background-color: #2582C3;}
.qual_main > .national .national_main > div.flow > div:first-child ul li:after {content: ""; width: 25px; height: 26px; background: url("../images/flow_icon_red.svg") no-repeat; background-size: cover; position: absolute; left: calc(50% - 13px); bottom: -31px;}
.qual_main > .national .national_main > div.flow > div:nth-child(2) ul li:after {content: ""; width: 25px; height: 26px; background: url("../images/flow_icon_blue.svg") no-repeat; background-size: cover; position: absolute; left: calc(50% - 13px); bottom: -31px;}
.qual_main > .national .national_main > div.flow > div:first-child p.flow_title {color:#DD9ABC;}
.qual_main > .national .national_main > div.flow > div:nth-child(2) p.flow_title {color:#2582C3;}
.qual_main > .national .national_main > div.flow > div ul li:last-child {background-color: #FFF; margin-bottom: 10px;}
.qual_main > .national .national_main > div.flow > div ul li:last-child:after {background: none;}
.qual_main > .national .national_main > div.flow > div:first-child ul li:last-child {color: #DD9ABC; border: 1px solid #DD9ABC;}
.qual_main > .national .national_main > div.flow > div:nth-child(2) ul li:last-child {color: #2582C3; border: 1px solid #2582C3;}
.qual_main > .national .national_main > div.flow > div ul + p {font-size: 14px;}

.qual_main_under {margin-top: 60px; overflow: hidden;}
.qual_main_under_main {max-width: 1066px; margin: 0px auto; display: flex; justify-content: space-between;}
.qual_main_under_main > div {position: relative; width: 47%;}
.qual_main_under_main > div h3 {color: #187FC4; font-size: 20px; font-weight: 700; text-align: center; background-color: #FFF; padding-bottom: 10px;position: relative;}
.qual_main_under_main > div:first-child h3:after {content: ""; background-color: #FFF; width: 200vw; height: 100%; position: absolute; top: 0;right: 0vw; z-index: -1;}
.qual_main_under_main > div:nth-child(2) h3:after {content: ""; background-color: #FFF; width: 200vw; height: 100%; position: absolute; top: 0;left: 0vw; z-index: -1;}
.qual_main_under_main > div:first-child:after {content: ""; width: 200vw; height: 100%; position: absolute; background-color: #F7F5EE; top: 0; right:0vw; z-index: -2;}
.qual_main_under_main > div:nth-child(2):after {content: ""; width: 200vw; height: 100%; position: absolute; background-color: #F7F5EE; top: 0; left:0vw; z-index: -2;}
.qual_main_under_main > div ul {display: flex; flex-wrap: wrap;padding: 20px;}
.qual_main_under_main > div ul li {font-size: 20px; font-weight: 700; list-style: outside; margin-left: 1.5em; width: calc(50% - 1.5em); box-sizing: border-box;margin-bottom: 10px;}
.qual_main_under_main > div ul li span {font-size: 12px;}
.qual_main_under_main > div ul li:last-child {margin-bottom: 0px;}
.qual_main_under_main > div:first-child ul {flex-direction: column;}
.qual_main_under_main > div:first-child ul li {width:calc(100% - 1.5em);}
.qual_main_under_main > div:first-child ul li:last-child {line-height: 120%;}

.school_header {text-align: center;}
.school_header > p:not([class]) {font-size: 20px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.school_header > h3 {font-size: 30px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 40px; margin-bottom: 40px;position: relative;}
.school_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.school_header > p.read {line-height: 180%;}
.school_st {max-width: 1200px; margin: 100px auto 0px;}
.school_st h4 {text-align: center;font-size: 24px; font-weight: 700;letter-spacing: 0.05em;}
.school_st p.school_read {max-width: 940px; margin: 30px auto 0px; line-height: 200%; margin-bottom: 60px;}
.school_st h5 {text-align: center; position: relative; z-index: 1;}
.school_st h5 span { background-color: #00AB84; font-weight: 700; font-size: 20px; padding: 10px 40px; color: #FFF;}
.school_st .school_word {border: 2px solid #00AB84; margin-top: -18px; padding: 60px; display: flex; justify-content: space-between; align-items: center;position: relative;z-index: -1px;}
.school_st .school_word div {width: 67%;}
.school_st .school_word div h6 {font-size: 24px; color: #00AB84; font-weight: 700;line-height: 160%; letter-spacing: 0.05em;}
.school_st .school_word div p {margin-top: 30px; line-height: 200%;}
.school_st .school_word figure {width: 24.5%;}
.school_st .school_word figure picture img {border-radius: 50%;}
.school_st .school_word figure figcaption {margin-top: 10px;}
.school_st .school_word figure figcaption dl {text-align: center;}
.school_st .school_word figure figcaption dl dt {font-size: 14px;}
.school_st .school_word figure figcaption dl dd span {font-size: 12px;}

.sc_message {margin-top: 120px; overflow: hidden;}
.sc_message .sc_message_main {display: flex; justify-content: flex-end; max-width: 1200px; margin: 0px auto;position: relative; padding-bottom: 20px;}
.sc_message .sc_message_main > div {max-width: 780px; padding: 50px; box-sizing: border-box;background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); margin-top: 30px;}
.sc_message .sc_message_main > div h3 {display: flex; justify-content: space-between; font-size: 20px; font-weight: 700; color: #00AB84; position: relative;}
.sc_message .sc_message_main > div h3 span {font-family: 'Roboto', sans-serif;background-color: #FFF;position: relative; z-index: 1; padding-right: 20px;}
.sc_message .sc_message_main > div h3 em {background-color: #FFF;position: relative; z-index: 1; padding-left: 20px;}
.sc_message .sc_message_main > div h3:after {content: ""; width: 100%; height: 1px; background-color: #00AB84; position: absolute; left: 0; top: 50%; z-index: 0;}
.sc_message .sc_message_main > div figure {position: absolute; left: 0;top: 0;z-index: -1;} 
.sc_message .sc_message_main > div figure picture {margin-left:-100px;}
.sc_message .sc_message_main > div figure figcaption {padding: 20px; font-size: 14px;}
.sc_message .sc_message_main > div figure figcaption dl {margin-top: 5px;}
.sc_message .sc_message_main > div figure figcaption dl dt {font-size: 16px;}
.sc_message .sc_message_main > div figure figcaption dl dt span {font-size: 12px;}
.sc_message .sc_message_main > div figure figcaption dl dd {margin-top: 5px;}
.sc_message .sc_message_main > div h4 {font-size: 24px; font-weight: 700; color: #187FC4; margin: 30px 0px 40px; line-height: 160%; letter-spacing: 0.05em;}
.sc_message .sc_message_main > div h4 + p {line-height: 200%;}

.sc_message.reverse {margin-top: 60px; overflow: hidden;}
.sc_message.reverse .sc_message_main {justify-content: flex-start;}
.sc_message.reverse .sc_message_main > div figure {left: auto; right: 0;} 
.sc_message.reverse .sc_message_main > div figure picture {margin-left:0px; margin-right: -100px;}
.sc_message.reverse .sc_message_main > div figure figcaption {float: right;}
.sc_message.reverse .sc_message_main > div figure:before {content: ""; display: block; clear: both;}
.sc_message.reverse .sc_message_main > div h4 {color: #187FC4;}
.sc_message.reverse .sc_message_main > div > dl dt {font-size: 18px; font-weight: 700; color: #187FC4;}
.sc_message.reverse .sc_message_main > div > dl dd {line-height: 200%; margin-top: 10px;}
.sc_message.reverse .sc_message_main > div > dl + dl {margin-top: 40px;}

.message_header {text-align: center;}
.message_header > p:not([class]) {font-size: 20px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.message_header > h3 {font-size: 30px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 40px; margin-bottom: 40px;position: relative;}
.message_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.message_header > p.read {line-height: 180%;}
.message_main {max-width: 1200px; margin: 120px auto 0px; display: flex; justify-content: flex-end; align-items: center;position: relative;}
.message_main > div {width: 64%;}
.message_main > div picture {background-image: linear-gradient(90deg, rgba(0, 171, 132, 1), rgba(24, 127, 196, 1)); width: 32%; padding: 4px; box-sizing: border-box; position: absolute; left: 0; top: 0;}
.message_main > div h2 {font-size: 18px; font-weight: 700;position: relative;}
.message_main > div h2:after {content: ""; width: 100%; height: 1px; background-color: #187FC4; position: absolute; top: 50%; left: 0; z-index: -1;}
.message_main > div h2 span {background-color: #FFF; padding-right: 20px;}
.message_main > div h2 strong {font-family: 'Roboto', sans-serif; color: #187FC4;}
.message_main > div h2 em {font-family: 'Roboto', sans-serif; color: #187FC4; font-size: 24px; margin: 0px 0.5em 0px 0.2em;}
.message_main > div h3 {color: #00AB84;font-size: 18px; font-weight: 700;margin: 30px 0px 10px;}
.message_main > div h4 {font-size: 14px;}
.message_main > div h4 span {font-size: 16px; font-weight: 700;}
.message_main > div p {margin:30px 0px 0px -60px; background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 20px; line-height: 200%;}
.message_main.reverse { justify-content:flex-start;}
.message_main.reverse > div picture {background-image: linear-gradient(90deg, rgba(0, 171, 132, 1), rgba(24, 127, 196, 1)); width: 32%; padding: 4px; box-sizing: border-box; position: absolute; left: auto; right: 0; top: 0;}
.message_main.reverse > div p {margin:30px -60px 0px 0px;}

.support_header {text-align: center;}
.support_header > p:not([class]) {font-size: 20px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.support_header > h3 {font-size: 30px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 40px; margin-bottom: 40px;position: relative;}
.support_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.support_header > p.read {line-height: 180%;}

.support_main {max-width: 1200px; margin: 120px auto 0px; display: flex; justify-content: center; flex-wrap: wrap;}
.support_main > div {width: 30%; margin: 0px 1.5%; margin-bottom: 6%;}
.support_main > div > h3 {font-size: 18px; font-weight: 700; color: #187FC4;position: relative;}
.support_main > div > h3:before {content: ""; width: 50%; height: 2px; background-color: #187FC4; position: absolute; bottom: -5px; left: 0;}
.support_main > div > h3:after {content: ""; width: 50%; height: 2px; background-color: #00AB84; position: absolute; bottom: -5px; right: 0;}
.support_main > div > figure {margin-top: 20px;}
.support_main > div > figure picture {background: url("../images/support_img_bg.jpg") no-repeat; background-size: cover; padding: 4px;}
.support_main > div > figure figcaption {line-height: 180%; margin-top: 10px;}

.support_interview {max-width: 1200px; margin: 60px auto 0px;}
.interview_main {position: relative;padding-top: 30px;}
.interview_main > div {max-width: 680px; background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 50px; box-sizing: border-box;}
.interview_main > div figure {position: absolute; top: 0; right: 0; display: flex; justify-content: space-between; max-width: 550px; flex-wrap: wrap;z-index: -1;}
.interview_main > div figure picture {width: 49%;}
.interview_main > div figure picture:first-child {width: 100%; margin-bottom: 2%;}
.interview_main > div h3 {display: flex; justify-content: space-between; font-size: 20px; font-weight: 700; color: #00AB84; position: relative;}
.interview_main > div h3 span {font-family: 'Roboto', sans-serif;background-color: #FFF;position: relative; z-index: 1; padding-right: 20px;}
.interview_main > div h3 em {background-color: #FFF;position: relative; z-index: 1; padding-left: 20px;}
.interview_main > div h3:after {content: ""; width: 100%; height: 1px; background-color: #00AB84; position: absolute; left: 0; top: 50%; z-index: 0;}
.interview_main > div h4 {font-size: 24px; font-weight: 700; color: #187FC4; margin: 30px 0px 40px; line-height: 160%; letter-spacing: 0.05em;}
.interview_main > div h5 {font-size: 14px; margin-bottom: 20px;}
.interview_main > div h5 span {font-size: 16px; font-weight: 700;}
.interview_main > div p {line-height: 200%;}

@media only screen and (max-width:1200px){
.support_header {text-align: center; padding: 0px 20px;}
.support_interview {max-width: 1200px; margin: 60px auto 0px; padding: 0px 20px;}

.qual_header {text-align: center; padding: 0px 20px;}

.voice_header {text-align: center; padding: 0px 20px;}
.voice_main .voice_main_w {max-width: 1200px; margin: 0px auto;padding-bottom: 74px;display: flex; height: 100%; justify-content: flex-end; padding: 0px 20px;}

.message_header {text-align: center; padding: 0px 20px;}
.message_main {max-width: 1200px; margin: 120px auto 0px; display: flex; justify-content: flex-end; align-items: center;position: relative; padding: 0px 20px;}

.ag_header {text-align: center;padding: 0px 20px;}
.ag_graph {max-width: 1200px; margin: 80px auto 0px; display: flex; justify-content: space-between; padding: 0px 20px;}
.ag_graph > div:first-child > div.ag_industry > div {padding: 40px 0px 40px 0px; width: 48%;}
.ag_graph > div:first-child > div.ag_industry > div + div {padding: 40px 0px 40px 0px;}
.ag_employment_cont {display: flex; justify-content: space-between; max-width: 1200px; margin: 0px auto; padding: 0px 20px;}

.school_header {text-align: center; padding: 0px 20px;}
.school_st {max-width: 1200px; margin: 100px auto 0px; padding: 0px 20px;}
.sc_message .sc_message_main {display: flex; justify-content: flex-end; max-width: 1200px; margin: 0px auto;position: relative; padding: 0px 20px 20px;}

.feature_header {max-width: 1200px; margin: 0px auto; padding: 0px 20px;}
.feature_learning > div {max-width: 1200px; margin: 0px auto; padding: 50px 20px 60px; color: #FFF;}
.faculty_header {text-align: center; padding: 0px 20px;}
.faculty_main {max-width: 1200px; margin: 120px auto 0px; display: flex; justify-content: space-between;padding: 0px 20px;}
.curriculum_header {text-align: center; padding: 0px 20px;}
.curriculum_table > div {max-width: 1200px; margin: 100px auto 0px; padding: 0px 20px;}
.curriculum_area > .curriculum_area_cont { max-width: 1200px; margin: 0px auto;display: flex; justify-content: space-between; flex-direction: row-reverse; padding: 0px 20px; }

}
@media only screen and (max-width:1100px){
.interview_main > div figure {position: absolute; top: 0; right: 0; display: flex; justify-content: space-between; max-width: 350px; flex-wrap: wrap;z-index: -1;}

.sc_message .sc_message_main > div {max-width: 60%; padding: 30px; box-sizing: border-box;background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); margin-top: 30px;}

.curriculum_select {max-width: 1100px; margin: 90px auto 0px; display: flex; justify-content: space-between; align-items: center; padding: 0px 20px; box-sizing: border-box;}

.feature_overview {max-width: 1200px; margin: 90px auto 0px;position: relative;}
.feature_overview h3 {font-size: 42px; font-weight: 700; color: #FFF; text-align: center; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 3;}
.overview_circle > div {display: flex; align-items: center; color: #FFF;background-color: rgba(24,127,196,.9); width: 54%; height:550px; border-radius: 50%; padding: 0px 120px ; box-sizing: border-box;}
.overview_circle > div + div { background-color: rgba(0,171,132,.9);}
.overview_circle > div dl dt {font-size: 22px; font-weight: 700;}
.overview_circle > div dl dd h4 {font-size: 18px; font-weight: 700; margin-top: 20px;}
.overview_circle > div dl dd p {margin-top: 20px; line-height: 200%; letter-spacing: 0.1em;}


}

@media only screen and (max-width:1066px){
.qual_main > .national .national_main {max-width: 1066px; margin: 0px auto; padding: 0px 20px;}

}
@media only screen and (max-width:1000px){
.interview_main > div {max-width: 100%; background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 50px; box-sizing: border-box;}
.interview_main > div figure {margin-top: 40px; position: relative; top: 0; right: 0; display: flex; justify-content: space-between; max-width: 100%; flex-wrap: wrap;z-index: 1;}
.interview_main > div figure picture {width: 49%;}
.interview_main > div figure picture img {width: 100%;}
.interview_main > div figure picture:first-child {width: 100%; margin-bottom: 2%;}

.school_st .school_word {border: 2px solid #00AB84; margin-top: -18px; padding: 50px 30px 30px; display: flex; justify-content: space-between; align-items: center;position: relative;z-index: -1px;}

.faculty_main .faculty_img {width: 30%;}
.faculty_main .faculty_cont {width: calc(100% - 34%);} 

.curriculum_table > div table {border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.curriculum_table > div table thead {display: none;}
.curriculum_table > div table thead th {width: 21%; display: block; text-align: center;border-left: 1px solid #CCC; border-top: 1px solid #CCC; box-sizing: border-box; padding: 10px 10px; background-color: #000; color: #FFF; font-weight: 700; vertical-align: middle;}
.curriculum_table > div table thead th:first-child {width: 16%;}
.curriculum_table > div table thead th span {font-family: 'Oswald', sans-serif;font-weight: 300; font-size: 40px; margin-right:5px;}
.curriculum_table > div table tbody th {width: 100%; display: block; border-left: 1px solid #CCC; border-top: 1px solid #CCC; box-sizing: border-box; padding: 20px 10px; text-align: center; background-color: #DA90B6; color: #FFF; font-weight: 700; vertical-align: middle; position: relative;}
.curriculum_table > div table tbody th:before {content: "授業科目名";position: absolute; left: 0; top: 0; font-size: 12px; background-color: #000; color: #FFF; padding: 3px 10px;}
.curriculum_table > div table tbody td {width: 100%; display: block; border-left: 1px solid #CCC; border-top: 1px solid #CCC; box-sizing: border-box;padding: 40px 20px 20px; font-size: 15px; position: relative;}
.curriculum_table > div table tbody td:before {content: "1年次"; position: absolute; left: 0; top: 0; font-size: 12px; background-color: #000; color: #FFF; padding: 3px 10px;}
.curriculum_table > div table tbody td.no:after {content: "-";}
.curriculum_table > div table tbody td:nth-child(3):before {content: "2年次";}
.curriculum_table > div table tbody td:nth-child(4):before {content: "3年次";}
.curriculum_table > div table tbody td:nth-child(5):before {content: "4年次";}
.curriculum_table > div table tbody td ul li {margin-bottom: 5px; padding: 0px 0.5em 0 1em; margin-right: 5px;}
.curriculum_table > div table tbody td ul li:last-child {margin-bottom: 0px;}
.curriculum_table > div table tbody td ul li.c_001 { background-color: #FAE0EB;display: inline-block;}
.curriculum_table > div table tbody td ul li.c_002 { background-color: #BCE7FD;display: inline-block;}
.curriculum_table > div table tbody td ul li.c_003 { background-color: #FED87B;display: inline-block;}
.curriculum_table > div table tbody td ul li.c_004 { background-color: #DEEF86;display: inline-block;}
.curriculum_table > div table tbody td ul li.required:before { content:"◆"; margin-right: 5px;}
.curriculum_table > div table tbody tr:nth-child(odd) td {background-color: #FAF9F4;}

.overview_left:after {content: ""; width: 0px; height: 0px; background: url("../images/feature_img_001.png") no-repeat; background-size: cover; position: absolute; top: 60px; left: 370px;}
.overview_right {position: absolute; right: 0; top: 0; z-index: 2;}
.overview_right:after {content: ""; width: 0px; height: 0px; background: url("../images/feature_img_002.png") no-repeat; background-size: cover; position: absolute; top: 60px; right: 100px;}


}
@media only screen and (max-width:900px){
.qual_main > .national .national_main > div.playing_field {margin-top: 40px; display: flex; justify-content: center; flex-wrap: wrap;}
.qual_main > .national .national_main > div.playing_field dl {width: 31%; margin: 0px 1%; border-radius: 30px; padding: 15px; box-sizing: border-box; margin-bottom: 2%;}

.voice_main .voice_main_w {max-width: 1200px; margin: 0px auto;padding-bottom: 74px;display: flex; flex-direction: column; height: 100%; justify-content: flex-end; padding: 0px 0px;}
.voice_main .voice_img {position: relative; width:100%; left:0px; top:0px; z-index: -1; display: block; max-height: auto; overflow: hidden;}
.voice_main .voice_img img {object-fit: cover;width: 100%; height: 100%; object-position: center;}
.voice_main .voice_cont {width: calc(100% - 40px); margin: -40px auto 0px;background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 40px; box-sizing: border-box;}

.voice_main.revarse .voice_main_w {max-width: 1200px; margin: 0px auto; padding-bottom: 0px;flex-direction: column; display: flex; height: 100%; justify-content: flex-start;}
.voice_main.revarse .voice_img {position: relative; width: 100%; left:auto; right: 0%; top:0px; z-index: -1; display: block; max-height: 500px; overflow: hidden;}
.voice_main.revarse .voice_img img {object-fit: cover;width: 100%; height: 100%; object-position: center;}
.voice_main.revarse .voice_cont {width: calc(100% - 40px); margin: -40px auto 0px;background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 40px; box-sizing: border-box;}

.sc_message .sc_message_main {display: flex; justify-content: flex-end; flex-direction: column; max-width: 1200px; margin: 0px auto;position: relative; padding: 0px 20px 20px;}
.sc_message .sc_message_main > div {max-width: 100%; padding: 20px; box-sizing: border-box;background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); margin-top: 0px;}
.sc_message .sc_message_main > div h3 {display: flex; justify-content: space-between; font-size: 20px; font-weight: 700; color: #00AB84; position: relative;}
.sc_message .sc_message_main > div h3 span {font-family: 'Roboto', sans-serif;background-color: #FFF;position: relative; z-index: 1; padding-right: 20px;}
.sc_message .sc_message_main > div h3 em {background-color: #FFF;position: relative; z-index: 1; padding-left: 20px;}
.sc_message .sc_message_main > div h3:after {content: ""; width: 100%; height: 1px; background-color: #00AB84; position: absolute; left: 0; top: 50%; z-index: 0;}
.sc_message .sc_message_main > div figure {position: relative; left: 0;top: 0;z-index: 0;} 
.sc_message .sc_message_main > div figure picture {margin-left:0px; margin-top: 30px; text-align: center;}
.sc_message .sc_message_main > div figure figcaption {padding: 20px 0px; font-size: 14px; text-align: center;}
.sc_message .sc_message_main > div figure figcaption dl {margin-top: 5px;}
.sc_message .sc_message_main > div figure figcaption dl dt {font-size: 16px;}
.sc_message .sc_message_main > div figure figcaption dl dt span {font-size: 12px;}
.sc_message .sc_message_main > div figure figcaption dl dd {margin-top: 5px;}
.sc_message .sc_message_main > div h4 {font-size: 24px; font-weight: 700; color: #187FC4; margin: 30px 0px 40px; line-height: 160%; letter-spacing: 0.05em;}
.sc_message .sc_message_main > div h4 + p {line-height: 200%;}

.sc_message.reverse {margin-top: 60px; overflow: hidden;}
.sc_message.reverse .sc_message_main {justify-content: flex-start;}
.sc_message.reverse .sc_message_main > div figure {left: auto; right: 0;} 
.sc_message.reverse .sc_message_main > div figure picture {margin-left:0px; margin-right:0px;}
.sc_message.reverse .sc_message_main > div figure figcaption {float: none;}
.sc_message.reverse .sc_message_main > div figure:before {content: ""; display: block; clear: both;}
.sc_message.reverse .sc_message_main > div h4 {color: #187FC4;}
.sc_message.reverse .sc_message_main > div > dl dt {font-size: 18px; font-weight: 700; color: #187FC4;}
.sc_message.reverse .sc_message_main > div > dl dd {line-height: 200%; margin-top: 10px;}
.sc_message.reverse .sc_message_main > div > dl + dl {margin-top: 40px;}

.faculty_main .faculty_img {width: 20%;}
.faculty_main .faculty_cont {width: calc(100% - 24%);} 
.faculty_st_voice {height: 100%!important;}
.faculty_st_voice > div {max-width: 1200px; margin: 0px auto; padding: 50px 30px 30px; box-sizing: border-box; display: block; align-items: center; justify-content: space-between;position: relative; flex-wrap: wrap;}
.faculty_st_voice > div picture {width: 20%; float: left;}
.faculty_st_voice > div picture img {border-radius: 50%;}
.faculty_st_voice > div > div {width: 76%; float: right;}
.faculty_st_voice > div > div h2 { font-size: 24px; font-weight: 700;}
.faculty_st_voice > div > div h2 span {background-color: #FFF; padding: 3px 10px; border-radius: 5px;}
.faculty_st_voice > div > div h3 {margin-top: 15px; font-weight: 700; color: #FFF;letter-spacing: 0.05em;}
.faculty_st_voice.course_blue > div > div h2  {color: #187FC4;}
.faculty_st_voice.course_green > div > div h2  {color: #00AB84;}
.faculty_st_voice > div > div dl {color: #FFF; margin-top: 10px;}
.faculty_st_voice > div > div dl dt span {font-size: 12px;}
.faculty_st_voice > div > div dl dd {font-size: 12px;}
.faculty_st_voice > div > p {width: 76%; color: #FFF; line-height: 180%; float: right; margin-top: 20px;}
.faculty_st_voice > div:after {content: ""; display: block; clear: both;}

.feature_overview {max-width: 1200px; margin: 90px auto 0px;position: relative; padding: 0px 20px;}
.feature_overview h3 {font-size: 42px; font-weight: 700; color: #FFF; text-align: center; position: absolute;top: 47%;left: 50%;transform: translate(-50%, -50%); z-index: 3; line-height: 120%;}
.overview_circle > div {display: flex; align-items: center; color: #FFF;background-color: rgba(24,127,196,.9); width: 100%; height:auto; border-radius: 20px 20px 0px 0px; padding: 20px ; box-sizing: border-box; padding-bottom: 60px;}
.overview_circle > div + div { background-color: rgba(0,171,132,.9); padding-top: 80px; padding-bottom: 20px;border-radius: 0px 0px 20px 20px;}
.overview_circle > div dl dt {font-size: 22px; font-weight: 700;}
.overview_circle > div dl dt br {display: none;}
.overview_circle > div dl dd h4 {font-size: 18px; font-weight: 700; margin-top: 10px;}
.overview_circle > div dl dd p {margin-top: 10px; line-height: 200%; letter-spacing: 0.1em;}
.overview_left:after {content: ""; width: 100px; height: 76px; background: url("../images/feature_img_001.png") no-repeat; background-size: contain; position: absolute; top: 10px; left: auto; right:10px;}
.overview_right {position: relative; right: 0; top: -20px; z-index: 2;}
.overview_right:after {content: ""; width: 100px; height: 76px; background: url("../images/feature_img_002.png") no-repeat; background-size: contain; position: absolute; top: 10px; right: 10px;}


}
@media only screen and (max-width:768px){
.support_main {max-width: 1200px; margin: 120px auto 0px; display: flex; justify-content: center; flex-wrap: wrap;}
.support_main > div {width: 47%; margin: 0px 1.5%; margin-bottom: 6%;}

.qual_main_under_main {max-width: 1066px; margin: 0px auto; display: flex; justify-content: space-between; flex-direction: column;}
.qual_main_under_main > div {position: relative; width: 100%;}
.qual_main_under_main > div + div {margin-top: 60px;}

.ag_employment_cont {display: flex; justify-content: space-between; max-width: 1200px; margin: 0px auto; padding: 0px 20px;}
.ag_employment_cont > div {width: 32%;}
.ag_employment_cont > div dl {margin-top: 50px;}
.ag_employment_cont > div dl dt {margin-bottom: 20px; color: #187FC4;}
.ag_employment_cont > div dl dd ul li {margin-bottom: 10px; font-size: 14px;}

.school_st .school_word {border: 2px solid #00AB84; margin-top: -18px; padding: 50px 30px 30px; display: flex; justify-content: space-between; align-items: center;position: relative;z-index: -1px; flex-direction: column;}
.school_st .school_word div {width: 100%;}
.school_st .school_word figure {width: 340px;margin: 20px auto 0px;}

.feature_learning > div > div.learning_cont { display: flex; justify-content: space-between; flex-direction: column; margin-top: 40px;}
.feature_learning > div > div.learning_cont div { width: 100%;}
.feature_learning > div > div.learning_cont div p {line-height: 200%; margin-top: 14px;}
.feature_learning > div > div.learning_cont div p + ul {margin-top: 60px;}
.feature_learning > div > div.learning_cont picture {text-align: center; margin-top: 20px;}
.feature_learning > div > div.learning_cont div:first-child ul li {border: 1px solid #FFF;width: 123px; text-align: center; color: #333333; font-weight: 700; padding: 7px 0px; margin-right: 10px;}

.faculty_main {max-width: 1200px; margin: 120px auto 0px; display: flex; justify-content: space-between; flex-direction: column;}
.faculty_main.reverse {max-width: 1200px; margin: 120px auto 0px; display: flex; flex-direction: column; justify-content: space-between;}
.faculty_main .faculty_img {width: 340px; margin: 0px auto;}
.faculty_main .faculty_cont {width:100%; margin-top: 20px;} 

.curriculum_select {max-width: 1100px; margin: 90px auto 0px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 0px 20px; box-sizing: border-box;}
.curriculum_select > div.select_read {width: 100%;}
.curriculum_select > div.select_read > div {margin-top:0px; margin-bottom: 40px;}
.curriculum_select > div.select_read h2 {color: #DA90B6; font-size: 18px; text-align: center;}
.curriculum_select > div.select_read h3 { width: 100%; height: auto; color: #FFF; font-weight: 700; font-size: 24px; text-align: center; vertical-align: middle; line-height: 70px; border-radius: 25px; background-color:#DA90B6; margin: 20px auto 0px;position: relative;}
.curriculum_select > div.select_read h3:before {content: ""; width: 0px; height: 0px; background:none; background-size: cover; position: absolute; top:20px; right:-60px;}
.curriculum_select > div.select_read h3:after {content: ""; width: 0px; height: 0px; background: none; background-size: cover; position: absolute; bottom:20px; right:-60px;}

.curriculum_select > div.select_cont {width: 100%;position: relative;}
.curriculum_select > div.select_cont > div > div > div { border: 3px solid #DA90B6; border-radius:20px; background-color:#FFF; padding: 30px 40px 20px; position: relative;}
.curriculum_select > div.select_cont > div > div h4 {position: absolute; top: -20px; left: 40px; font-size: 24px; font-weight: 700; letter-spacing: 0.2em; z-index: 1;}
.curriculum_select > div.select_cont > div > div h4 span {background-color: #FFF; padding: 0px 20px; line-height: 100%;}
.curriculum_select > div.select_cont > div > div p {line-height: 180%;}
.curriculum_select > div.select_cont > div > div.select_002 {margin-top: 60px;}
.curriculum_select > div.select_cont > div > div:after {content: ""; width: 100%; height: 100%; border-radius: 20px; background-color: rgba(218,144,182,1); position: absolute; top: 8px; left: 8px; z-index:-1;}

.curriculum_table > div .table_under {display: flex; flex-direction: column; justify-content: space-between; margin-top: 20px;}
.curriculum_table > div .table_under ul li {font-size: 14px; position: relative; padding-left: 2em; margin-bottom: 5px;}
.curriculum_table > div .table_under ul li:before {content: ""; width: 1.5em; height: 0.8em; position: absolute; left: 0; top: 5px;}
.curriculum_table > div .table_under ul li.c_001:before {content: ""; background-color:#FAE0EB; }
.curriculum_table > div .table_under ul li.c_002:before {content: ""; background-color:#BCE7FD; }
.curriculum_table > div .table_under ul li.c_003:before {content: ""; background-color:#FED87B; }
.curriculum_table > div .table_under ul li.c_004:before {content: ""; background-color:#DEEF86; }
.curriculum_table > div .table_under ol {counter-reset: num;}
.curriculum_table > div .table_under ol li {font-size: 14px; position: relative; padding-left: 2em;}
.curriculum_table > div .table_under ol li:before {counter-increment: num;content:"※" counter(num);position:absolute;left:0px;top:0;}

.curriculum_area > .curriculum_area_cont { max-width: 1200px; margin: 0px auto;display: flex; justify-content: space-between; flex-direction: column; padding: 0px 20px;}
.curriculum_area > .curriculum_area_cont > picture {width: 100%; margin-left:0px;margin-top: 10px;}
.curriculum_area > .curriculum_area_cont > .area_cont {width: 100%;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head {display: flex; align-items: baseline;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head p {font-size: 24px; font-weight: 700;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head p span {font-family: 'Oswald', sans-serif;font-weight: 300; font-size: 80px;line-height: 100%;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head h3 {color: #DA90B6; font-weight: 700; font-size: 28px; margin-left: 40px; letter-spacing: 0.05em;}
.curriculum_area > .curriculum_area_cont > .area_cont > p {margin-top: 20px; line-height: 180%;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics {margin-top: 20px; background-color:#FFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); padding: 25px; border-radius: 3px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl {display: flex;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl dt {position: relative; font-size: 18px; font-weight: 700; color: #DA90B6;padding-left: 35px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl dt:before {content: ""; width: 28px; height: 17px; background: url("../images/curriculum_icon.svg") no-repeat; background-size: cover; left: 0; top: calc(50% - 9px); position: absolute;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl dd {font-size: 18px; font-weight: 700; margin-left: 40px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics p {line-height: 180%; margin-top: 10px;}

.curriculum_area.reverse > .curriculum_area_cont { max-width: 1200px; margin: 0px auto;display: flex; justify-content: space-between; flex-direction:column; }
.curriculum_area.reverse > .curriculum_area_cont > picture {width:100%; margin-right: 0px; margin-left: 0px; margin-top: 10px;}


}
@media only screen and (max-width:640px){
.qual_main > .national .national_main > div.flow {margin-top: 40px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.qual_main > .national .national_main > div.flow > div {width: 100%;}
.qual_main > .national .national_main > div.flow > div + div {margin-top: 40px;}

.ag_graph {max-width: 1200px; margin: 80px auto 0px; display: flex; flex-direction: column; justify-content: space-between; padding: 0px 20px;}
.ag_graph > div:first-child > div.ag_industry > div {padding: 40px 0px 40px 0px; width: 48%;}
.ag_graph > div:first-child > div.ag_industry > div + div {padding: 40px 0px 40px 0px;}
.ag_graph > div {width: 100%;}

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

.message_main {max-width: 1200px; margin: 120px auto 0px; display: flex; flex-direction: column; justify-content:flex-end; align-items: center;position: relative;}
.message_main > div {width: 100%;}
.message_main > div picture {background-image: linear-gradient(90deg, rgba(0, 171, 132, 1), rgba(24, 127, 196, 1)); width: 340px; padding: 4px; box-sizing: border-box; position: relative; left: 0; top: 0; margin: 20px auto 0px;}
.message_main > div h2 {font-size: 18px; font-weight: 700;position: relative;}
.message_main > div h2:after {content: ""; width: 100%; height: 1px; background-color: #187FC4; position: absolute; top: 50%; left: 0; z-index: -1;}
.message_main > div h2 span {background-color: #FFF; padding-right: 20px;}
.message_main > div h2 strong {font-family: 'Roboto', sans-serif; color: #187FC4;}
.message_main > div h2 em {font-family: 'Roboto', sans-serif; color: #187FC4; font-size: 24px; margin: 0px 0.5em 0px 0.2em;}
.message_main > div h3 {color: #00AB84;font-size: 18px; font-weight: 700;margin: 30px 0px 10px;}
.message_main > div h4 {font-size: 14px;}
.message_main > div h4 span {font-size: 16px; font-weight: 700;}
.message_main > div p {margin:30px 0px 0px 0px; background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 20px; line-height: 200%;}
.message_main.reverse { justify-content:flex-start;}
.message_main.reverse > div picture {background-image: linear-gradient(90deg, rgba(0, 171, 132, 1), rgba(24, 127, 196, 1)); width: 340px; padding: 4px; box-sizing: border-box; position: relative; left: auto; right: 0; top: 0;}
.message_main.reverse > div p {margin:30px 0px 0px 0px;}


.faculty_main .faculty_cont .faculty_sub {background-color: #FFF; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); margin-top: 30px; padding: 20px 30px; box-sizing: border-box; display: flex; justify-content: space-between; flex-direction: column;}
.faculty_main .faculty_cont .faculty_sub > dl:first-child {width: 100%;}
.faculty_main .faculty_cont .faculty_sub > dl:first-child dt {font-size: 14px; display: inline-block; border-radius: 5px; color: #FFF; padding: 3px 5px;}
.faculty_main.course_blue .faculty_cont .faculty_sub > dl:first-child dt {background-color:#187FC4; }
.faculty_main.course_green .faculty_cont .faculty_sub > dl:first-child dt {background-color:#00AB84; }
.faculty_main .faculty_cont .faculty_sub > dl:first-child dd ul {margin-top: 10px;}
.faculty_main .faculty_cont .faculty_sub > dl:first-child dd ul li {list-style: outside; margin-left: 1.5em; margin-top: 5px; font-size: 14px;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) {width: 100%; margin-top: 20px;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dt {font-weight: 700;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dt span {position: relative; padding-left: 40px;}
.faculty_main.course_blue .faculty_cont .faculty_sub > dl:nth-child(2) dt span:before {content: "";width: 28px; height: 16px; background: url("../images/voice_icon_02.svg") no-repeat; background-size: cover; position: absolute;left: 0; top: calc(50% - 8px);}
.faculty_main.course_green .faculty_cont .faculty_sub > dl:nth-child(2) dt span:before {content: "";width: 28px; height: 16px; background: url("../images/voice_icon_01.svg") no-repeat; background-size: cover; position: absolute;left: 0; top: calc(50% - 8px);}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd {margin-top: 10px; line-height: 180%; font-size: 14px;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd figure {display: flex; justify-content: space-between; flex-direction: row-reverse;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd figure picture {width: 20%; text-align: center;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd figure figcaption {width: 75%;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd a {color: #FF9300;}

}
@media only screen and (max-width:500px){
.support_main {max-width: 1200px; margin: 120px auto 0px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.interview_main > div {max-width: 100%; background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 20px; box-sizing: border-box;}
.interview_main > div h4 {font-size: 20px; font-weight: 700; color: #187FC4; margin: 30px 0px 40px; line-height: 160%; letter-spacing: 0.05em;}


.voice_main .voice_cont {width: calc(100% - 40px); margin: -40px auto 0px;background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 30px; box-sizing: border-box;}
.voice_main.revarse .voice_cont {width: calc(100% - 40px); margin: -40px auto 0px;background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 30px; box-sizing: border-box;}
.voice_name {display: block; flex-direction: column; justify-content: space-between;align-items:flex-start;}
.voice_name h2 {line-height:140%; margin-bottom: 20px;}
.voice_name h2 strong {font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 80px;line-height: 100%; }
.voice_name h2 span {font-size: 20px;margin-left: 0.5em;}
.voice_name dl dt {font-size: 24px; font-weight: 700;}
.voice_name dl dt span {font-size: 18px;}
.voice_name dl dd {font-size: 14px;}

.middle_img {width: 100%; height: 320px; position: relative; display: flex; justify-content: center; align-items: center;}
.middle_img:after {content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.45); position: absolute; left: 0; top: 0; z-index: 0;}
.middle_img > h2 {text-align: center; position: relative; z-index: 2;}
.middle_img > h2 span { font-size: 50px;font-family: 'Tangerine', cursive; font-weight: 400; color: #FFF;line-height: 100%;}
.middle_img > h2 em {font-size: 16px;color: #FFF;margin-left: 5px;}
.middle_img > picture {position: absolute; width: 100%; height: 320px; overflow: hidden; top: 0; left: 0; z-index: -1; }
.middle_img img { width: 100%; height: 100%; object-fit: cover;}

.middle_main {padding: 60px 0px;}

.ag_employment_cont {display: flex; flex-direction: column; justify-content: space-between; max-width: 1200px; margin: 0px auto; padding: 0px 20px;}
.ag_employment_cont > div {width: 100%;}
.ag_employment_cont > div dl {margin-top: 20px;}
.ag_employment_cont > div dl dt {margin-bottom: 10px; color: #187FC4;}
.ag_employment_cont > div dl dd ul li {margin-bottom: 10px; font-size: 14px;}

.feature_learning > div h3 {font-size: 24px; font-weight: 700; letter-spacing: 0.1em; border-bottom: 1px solid #FFF;}
.feature_learning > div h3 strong {font-size: 30px;}

.faculty_st_voice {height: 100%!important;}
.faculty_st_voice > div {max-width: 1200px; margin: 0px auto; padding: 50px 20px 30px; box-sizing: border-box; display: block; align-items: center; justify-content: space-between;position: relative; flex-wrap: wrap;}
.faculty_st_voice > div picture {width: 36%; float: left;}
.faculty_st_voice > div picture img {border-radius: 50%;}
.faculty_st_voice > div > div {width: 56%; float: right;}
.faculty_st_voice > div > div h2 { font-size: 24px; font-weight: 700;}
.faculty_st_voice > div > div h2 span {background-color: #FFF; padding: 3px 10px; border-radius: 5px;}
.faculty_st_voice > div > div h3 {margin-top: 15px; font-weight: 700; color: #FFF;letter-spacing: 0.05em;}
.faculty_st_voice.course_blue > div > div h2  {color: #187FC4;}
.faculty_st_voice.course_green > div > div h2  {color: #00AB84;}
.faculty_st_voice > div > div dl {color: #FFF; margin-top: 10px;}
.faculty_st_voice > div > div dl dt span {font-size: 12px;}
.faculty_st_voice > div > div dl dd {font-size: 12px;}
.faculty_st_voice > div > p {width: 100%; color: #FFF; line-height: 180%; float: right; margin-top: 20px; clear: both;}
.faculty_st_voice > div:after {content: ""; display: block; clear: both;}

.curriculum_area > .curriculum_area_cont > .area_cont .area_head {display: block; align-items: baseline;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head p {font-size: 24px; font-weight: 700;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head p span {font-family: 'Oswald', sans-serif;font-weight: 300; font-size: 80px;line-height: 100%;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head h3 {color: #DA90B6; font-weight: 700; font-size: 28px; margin-left: 0px; margin-top: 10px; letter-spacing: 0.05em;}
.curriculum_area > .curriculum_area_cont > .area_cont > p {margin-top: 20px; line-height: 180%;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics {margin-top: 20px; background-color:#FFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); padding: 25px; border-radius: 3px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl {display: block;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl dt {position: relative; font-size: 18px; font-weight: 700; color: #DA90B6;padding-left: 35px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl dt:before {content: ""; width: 28px; height: 17px; background: url("../images/curriculum_icon.svg") no-repeat; background-size: cover; left: 0; top: calc(50% - 9px); position: absolute;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl dd {font-size: 18px; font-weight: 700; margin-left: 0px; margin-top: 10px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics p {line-height: 180%; margin-top: 10px;}

}

@media only screen and (max-width:490px){
br.sp {display: block;}
.support_header > p:not([class]) {font-size: 18px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.support_header > h3 {font-size: 20px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 20px; margin-bottom: 20px;position: relative;}
.support_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.support_header > p.read {line-height: 180%;font-size: 14px;}
.support_main {max-width: 1200px; margin: 60px auto 0px; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; padding: 0px 20px;}
.support_main > div {width: 100%; margin: 0px 0%; margin-bottom: 6%;}
.support_main > div > h3 {font-size: 16px; font-weight: 700; color: #187FC4;position: relative;}
.support_main > div > h3:before {content: ""; width: 50%; height: 2px; background-color: #187FC4; position: absolute; bottom: -5px; left: 0;}
.support_main > div > h3:after {content: ""; width: 50%; height: 2px; background-color: #00AB84; position: absolute; bottom: -5px; right: 0;}
.support_main > div > figure {margin-top: 20px;}
.support_main > div > figure picture {background: url("../images/support_img_bg.jpg") no-repeat; background-size: cover; padding: 4px;}
.support_main > div > figure figcaption {line-height: 180%; margin-top: 5px; font-size: 14px;}
.support_interview {max-width: 1200px; margin: 30px auto 0px; padding: 0px 20px;}
.interview_main > div h3 {display: flex; flex-direction: column; justify-content: space-between; font-size:16px; font-weight: 700; color: #00AB84; position: relative;}
.interview_main > div h3 span {font-family: 'Roboto', sans-serif;background-color: #FFF;position: relative; z-index: 1; padding-right: 0px;}
.interview_main > div h3 em {background-color: #FFF;position: relative; z-index: 1; padding-left: 0px;}
.interview_main > div h3:after {content: ""; width: 100%; height: 1px; background-color: #00AB84; position: absolute; left: 0; top:auto; bottom: -5px; z-index: 1;}
.interview_main > div h4 {font-size: 18px; font-weight: 700; color: #187FC4; margin: 15px 0px 20px; line-height: 160%; letter-spacing: 0.05em;}
.interview_main > div h5 {font-size: 12px; margin-bottom: 20px;}
.interview_main > div h5 span {font-size: 14px; font-weight: 700;}
.interview_main > div p {line-height: 200%; font-size: 14px;}
.interview_main > div figure {margin-top: 20px; position: relative; top: 0; right: 0; display: flex; justify-content: space-between; max-width: 100%; flex-wrap: wrap;z-index: 1;}


.qual_header > p:not([class]) {font-size: 18px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.qual_header > h3 {font-size: 20px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 20px; margin-bottom: 20px;position: relative;}
.qual_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.qual_header > p.read {line-height: 180%;font-size: 14px;}
.qual_main > h3 {color: #187FC4; font-size: 18px; font-weight: 700; text-align: center;}
.qual_main > .national {width: 100%; background-color: #F7F5EE; margin-top: 10px; padding: 25px 0px 30px;}
.qual_main > .national .national_main h4 {text-align: center; font-weight: 700; font-size: 20px;}
.qual_main > .national .national_main h4 + p {margin-top: 20px; text-align: center; font-size: 14px;}
.qual_main > .national .national_main h5 {color: #19A889; font-size: 20px; margin-top: 30px; text-align: center; border-bottom: 2px solid #19A889; padding-bottom: 5px;}
.qual_main > .national .national_main h6 {color: #187FC4; font-size: 20px; margin-top: 30px; text-align: center; border-bottom: 2px solid #187FC4; padding-bottom: 5px;}
.qual_main > .national .national_main > div.playing_field {margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.qual_main > .national .national_main > div.playing_field dl {width: 49%; margin: 0px 0%; border-radius: 10px; padding: 10px; box-sizing: border-box; margin-bottom: 2%;}
.qual_main > .national .national_main > div.playing_field dl dt {text-align: center; font-size: 18px; font-weight: 700;}
.qual_main > .national .national_main > div.playing_field dl dd {margin-top: 20px;}
.qual_main > .national .national_main > div.playing_field dl dd ul li {list-style: outside; margin-left: 1em; font-size: 12px;}
.qual_main > .national .national_main > div.flow {margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.qual_main > .national .national_main > div.flow > div {width: 100%;}
.qual_main > .national .national_main > div.flow > div + div {margin-top: 20px;}
.qual_main > .national .national_main > div.flow > div p.flow_title {text-align: center; font-size: 16px; font-weight: 700;}
.qual_main > .national .national_main > div.flow > div p.flow_title span {font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 24px;}
.qual_main > .national .national_main > div.flow > div ul {margin-top: 10px}
.qual_main > .national .national_main > div.flow > div ul li {text-align: center; font-size: 16px;color: #FFF; padding: 10px 0px; margin-bottom: 40px;box-sizing: border-box; position: relative;}
.qual_main > .national .national_main > div.flow > div:first-child ul li {background-color: #DD9ABC;}
.qual_main > .national .national_main > div.flow > div:nth-child(2) ul li {background-color: #2582C3;}
.qual_main > .national .national_main > div.flow > div:first-child ul li:after {content: ""; width: 25px; height: 26px; background: url("../images/flow_icon_red.svg") no-repeat; background-size: cover; position: absolute; left: calc(50% - 13px); bottom: -31px;}
.qual_main > .national .national_main > div.flow > div:nth-child(2) ul li:after {content: ""; width: 25px; height: 26px; background: url("../images/flow_icon_blue.svg") no-repeat; background-size: cover; position: absolute; left: calc(50% - 13px); bottom: -31px;}
.qual_main > .national .national_main > div.flow > div:first-child p.flow_title {color:#DD9ABC;}
.qual_main > .national .national_main > div.flow > div:nth-child(2) p.flow_title {color:#2582C3;}
.qual_main > .national .national_main > div.flow > div ul li:last-child {background-color: #FFF; margin-bottom: 10px;}
.qual_main > .national .national_main > div.flow > div ul li:last-child:after {background: none;}
.qual_main > .national .national_main > div.flow > div:first-child ul li:last-child {color: #DD9ABC; border: 1px solid #DD9ABC;}
.qual_main > .national .national_main > div.flow > div:nth-child(2) ul li:last-child {color: #2582C3; border: 1px solid #2582C3;}
.qual_main > .national .national_main > div.flow > div ul + p {font-size:12px;}
.qual_main_under {margin-top: 30px; overflow: hidden;}
.qual_main_under_main > div + div {margin-top: 30px;}
.qual_main_under_main > div h3 {color: #187FC4; font-size: 18px; font-weight: 700; text-align: center; background-color: #FFF; padding-bottom: 10px;position: relative;}
.qual_main_under_main > div ul li {font-size: 16px; font-weight: 700; list-style: outside; margin-left: 1.5em; width: calc(50% - 1.5em); box-sizing: border-box;margin-bottom: 10px;}
.qual_main_under_main > div ul li span {font-size: 12px;}
.qual_main_under_main > div ul li:last-child {margin-bottom: 0px;}

.voice_header > p:not([class]) {font-size: 18px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.voice_header > h3 {font-size: 20px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 20px; margin-bottom: 20px;position: relative;}
.voice_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.voice_header > p.read {line-height: 180%;font-size: 14px;}
.voice_main {margin-top: 50px; position: relative;}
.voice_main .voice_cont {width: calc(100% - 40px); margin: -20px auto 0px;background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 20px; box-sizing: border-box;}
.voice_main.revarse .voice_cont {width: calc(100% - 40px); margin: -20px auto 0px;background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 20px; box-sizing: border-box;}
.voice_name {display: block; flex-direction: column; justify-content: space-between;align-items:flex-start;}
.voice_name h2 {line-height:140%; margin-bottom: 20px;}
.voice_name h2 strong {font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 50px;line-height: 100%; }
.voice_name h2 span {font-size: 14px;margin-left: 0.5em;}
.voice_name dl dt {font-size: 16px; font-weight: 700;}
.voice_name dl dt span {font-size: 12px;}
.voice_name dl dd {font-size: 14px;}
.voice_read {margin-top: 20px;}
.voice_read h3 {font-size: 16px; letter-spacing: 0.05em; font-weight: 700;}
.voice_read p {margin-top: 20px; line-height: 180%;font-size: 14px;}
.voice_like {margin-top: 30px;}
.voice_like h4 {position: relative; font-size: 14px;letter-spacing: 0.05em; padding-left: 44px; font-weight: 700;}
.voice_like h4:before {content: "";width: 28px; height: 16px; background: url("../images/voice_icon_01.svg") no-repeat; background-size: cover; position: absolute;left: 0; top: calc(50% - 8px);}
.voice_like .voice_table {margin-top:20px;}
.voice_like .voice_table > p {font-size: 14px;}
.voice_like .voice_table table {border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.voice_like .voice_table table + p {margin-top: 5px; font-size: 12px;}
.voice_like .voice_table table th {border-top: 1px solid #CCC; border-left: 1px solid #CCC;text-align: center; padding: 5px; width:18%; font-size: 12px; font-weight: 700; vertical-align: middle;}
.voice_like .voice_table table tr th:first-child {width: 10%; background-color: #E8E3CC; }
.voice_like .voice_table table tr:first-child th {background-color:#00AB84; color: #FFF;}
.voice_like .voice_table table td { height: 3em; border-top: 1px solid #CCC; border-left: 1px solid #CCC; text-align: center; font-size: 10px; vertical-align: middle;}
.voice_like .voice_table table td.on {background-color: #FAFAFA;}
.voice_etc {margin-top: 20px;}
.voice_etc h4 {position: relative; font-size: 14px;letter-spacing: 0.05em; padding-left: 44px; font-weight: 700;}
.voice_etc h4:before {content: "";width: 28px; height: 16px; background: url("../images/voice_icon_02.svg") no-repeat; background-size: cover; position: absolute;left: 0; top: calc(50% - 8px);}
.voice_etc figure {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 20px;}
.voice_etc figure picture {width: 33%; border: 4px solid rgba(24,127,196,.3); box-sizing: border-box;}
.voice_etc figure figcaption {width: 64%; font-size: 12px; line-height: 180%;}
.voice_main.revarse .voice_main_w {max-width: 1200px; margin: 0px auto; padding-bottom: 0px;flex-direction: column; display: flex; height: 100%; justify-content: flex-start;}

.message_header > p:not([class]) {font-size: 18px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.message_header > h3 {font-size: 20px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 20px; margin-bottom: 20px;position: relative;}
.message_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.message_header > p.read {line-height: 180%;font-size: 14px;}
.message_main {max-width: 1200px; margin: 60px auto 0px; display: flex; flex-direction: column; justify-content:flex-end; align-items: center;position: relative;}
.message_main > div {width: 100%;}
.message_main > div picture {background-image: linear-gradient(90deg, rgba(0, 171, 132, 1), rgba(24, 127, 196, 1)); width: 100%; padding: 4px; box-sizing: border-box; position: relative; left: 0; top: 0; margin: 20px auto 0px;}
.message_main > div h2 {font-size: 16px; font-weight: 700;position: relative;}
.message_main > div h2:after {content: ""; width: 100%; height: 1px; background-color: #187FC4; position: absolute; top: 50%; left: 0; z-index: -1;}
.message_main > div h2 span {background-color: #FFF; padding-right: 20px;}
.message_main > div h2 strong {font-family: 'Roboto', sans-serif; color: #187FC4;}
.message_main > div h2 em {font-family: 'Roboto', sans-serif; color: #187FC4; font-size: 20px; margin: 0px 0.5em 0px 0.2em;}
.message_main > div h3 {color: #00AB84;font-size: 16px; font-weight: 700;margin: 20px 0px 10px;}
.message_main > div h4 {font-size: 12px;}
.message_main > div h4 span {font-size: 14px; font-weight: 700;}
.message_main > div p {margin:20px 0px 0px 0px; background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 20px; line-height: 200%; font-size: 14px;}
.message_main.reverse { justify-content:flex-start;}
.message_main.reverse > div picture {background-image: linear-gradient(90deg, rgba(0, 171, 132, 1), rgba(24, 127, 196, 1)); width: 100%; padding: 4px; box-sizing: border-box; position: relative; left: auto; right: 0; top: 0;}
.message_main.reverse > div p {margin:20px 0px 0px 0px;}

.ag_header > p:not([class]) {font-size: 18px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.ag_header > h3 {font-size: 20px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 20px; margin-bottom: 20px;position: relative;}
.ag_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.ag_header > p.read {line-height: 180%;font-size: 14px;}
.ag_rate { background-color: #DD9ABD; padding: 20px 0px; margin: 30px 0px 0px; position: relative; text-align: center;}
.ag_rate:after { content: "";  width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 30px solid #DD9ABD; position: absolute; bottom: -25px; left: calc(50% - 50px);}
.ag_rate h2 {color: #FFF; font-size: 18px; font-weight: 700;}
.ag_rate h3 {font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 90px; color: #FFF; line-height: 100%; margin: 10px 0px;}
.ag_rate h3 span {font-size: 40px;}
.ag_rate p {color: #FFF; font-weight: 700; font-size: 14px;}
.ag_graph {max-width: 1200px; margin: 40px auto 0px; display: flex; flex-direction: column; justify-content: space-between; padding: 0px 20px;}
.ag_graph > div:first-child > div.ag_industry > div {padding: 30px 0px 30px 0px; width: 48%;}
.ag_graph > div:first-child > div.ag_industry > div + div {padding: 30px 0px 30px 0px;}
.ag_graph > div {width: 100%;}
.ag_graph > div h3 {border-bottom: 2px solid #DA90B6; color: #DA90B6; font-size: 20px; text-align: center; font-weight: 700;}
.ag_employment {margin-top:50px;}
.ag_employment h3 {background-color: #187FC4; font-size: 16px; font-weight: 700; text-align: center; color: #FFF; padding: 20px 0px;}
.ag_employment h3 span {font-size:14px; margin-left: 0.5em;}
.ag_employment_cont > div dl dd ul li {margin-bottom: 5px; font-size: 14px;}

.school_header > p:not([class]) {font-size: 18px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.school_header > h3 {font-size: 20px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 20px; margin-bottom: 20px;position: relative;}
.school_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.school_header > p.read {line-height: 180%;font-size: 14px;}
.school_st {max-width: 1200px; margin: 50px auto 0px; padding: 0px 20px;}
.school_st h4 {text-align: center;font-size: 18px; font-weight: 700;letter-spacing: 0.05em;}
.school_st p.school_read {max-width: 940px; margin: 15px auto 0px; line-height: 200%; margin-bottom: 30px; font-size: 14px;}
.school_st h5 span { background-color: #00AB84; font-weight: 700; font-size: 16px; padding: 10px 10px; color: #FFF;}
.school_st .school_word {border: 2px solid #00AB84; margin-top: -18px; padding: 40px 20px 20px; display: flex; justify-content: space-between; align-items: center;position: relative;z-index: -1px; flex-direction: column;}
.school_st .school_word div {width: 100%;}
.school_st .school_word figure {width:80%;margin: 20px auto 0px;}
.school_st .school_word div h6 {font-size: 18px; color: #00AB84; font-weight: 700;line-height: 160%; letter-spacing: 0.05em;}
.school_st .school_word div p {margin-top: 10px; line-height: 200%; font-size: 14px;}
.school_st .school_word figure figcaption dl dd {font-size: 14px;}
.sc_message {margin-top: 60px; overflow: hidden;}
.sc_message .sc_message_main > div {max-width: 100%; padding: 20px; box-sizing: border-box;background-color: rgba(255,255,255,.95);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); margin-top: 0px;}
.sc_message .sc_message_main > div h3 {display: flex; flex-direction: column; justify-content: space-between; font-size: 16px; font-weight: 700; color: #00AB84; position: relative;}
.sc_message .sc_message_main > div h3 span {font-family: 'Roboto', sans-serif;background-color: #FFF;position: relative; z-index: 1; padding-right: 20px;}
.sc_message .sc_message_main > div h3 em {background-color: #FFF;position: relative; z-index: 1; padding-left: 0px;}
.sc_message .sc_message_main > div h3:after {content: ""; width: 100%; height: 1px; background-color: #00AB84; position: absolute; left: 0; top: auto; bottom: -5px; z-index: 0;}
.sc_message .sc_message_main > div figure {position: relative; left: 0;top: 0;z-index: 0;} 
.sc_message .sc_message_main > div figure picture {margin-left:0px; margin-top: 20px; text-align: center;}
.sc_message .sc_message_main > div figure figcaption {padding: 20px 0px; font-size: 14px; text-align: center;}
.sc_message .sc_message_main > div figure figcaption dl {margin-top: 5px;}
.sc_message .sc_message_main > div figure figcaption dl dt {font-size: 14px;}
.sc_message .sc_message_main > div figure figcaption dl dt span {font-size: 12px;}
.sc_message .sc_message_main > div figure figcaption dl dd {margin-top: 5px;}
.sc_message .sc_message_main > div h4 {font-size: 16px; font-weight: 700; color: #187FC4; margin: 20px 0px 20px; line-height: 160%; letter-spacing: 0.05em;}
.sc_message .sc_message_main > div h4 + p {line-height: 200%; font-size: 14px;}

.sc_message.reverse {margin-top: 40px; overflow: hidden;}
.sc_message.reverse .sc_message_main {justify-content: flex-start;}
.sc_message.reverse .sc_message_main > div figure {left: auto; right: 0;} 
.sc_message.reverse .sc_message_main > div figure picture {margin-left:0px; margin-right:0px;}
.sc_message.reverse .sc_message_main > div figure figcaption {float: none;}
.sc_message.reverse .sc_message_main > div figure:before {content: ""; display: block; clear: both;}
.sc_message.reverse .sc_message_main > div h4 {color: #187FC4;}
.sc_message.reverse .sc_message_main > div > dl dt {font-size: 14px; font-weight: 700; color: #187FC4;}
.sc_message.reverse .sc_message_main > div > dl dd {line-height: 200%; margin-top: 10px;font-size: 14px;}
.sc_message.reverse .sc_message_main > div > dl + dl {margin-top: 20px;}

.feature_header > h3 {text-align: center; font-size: 18px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 20px; margin-bottom: 20px;position: relative;}
.feature_header > h3 span.blue {color: #187FC4;}
.feature_header > h3 span.green {color: #00AB84;}
.feature_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #187FC4; position: absolute; bottom: 0; left: calc(50% - 20px);}
.feature_header > p.read {line-height: 200%; font-size: 14px;letter-spacing: 0.1em;}
.feature_overview {max-width: 1200px; margin: 45px auto 0px;position: relative; padding: 0px 20px;}
.feature_overview h3 {font-size: 30px; font-weight: 700; color: #FFF; text-align: center; position: absolute;top: 47%;left: 50%;transform: translate(-50%, -50%); z-index: 3; line-height: 120%;}
.overview_circle > div {display: flex; align-items: center; color: #FFF;background-color: rgba(24,127,196,.9); width: 100%; height:auto; border-radius: 20px 20px 0px 0px; padding: 20px ; box-sizing: border-box; padding-bottom: 60px;}
.overview_circle > div + div { background-color: rgba(0,171,132,.9); padding-top: 80px; padding-bottom: 20px;border-radius: 0px 0px 20px 20px;}
.overview_circle > div dl dt {font-size: 18px; font-weight: 700;}
.overview_circle > div dl dt br {display: none;}
.overview_circle > div dl dd h4 {font-size: 16px; font-weight: 700; margin-top: 10px;}
.overview_circle > div dl dd p {margin-top: 10px; line-height: 200%; letter-spacing: 0.1em; font-size: 14px;}
.overview_left:after {content: ""; width: 70px; height: 76px; background: url("../images/feature_img_001.png") no-repeat; background-size: contain; position: absolute; top: 10px; left: auto; right:10px;}
.overview_right {position: relative; right: 0; top: -20px; z-index: 2;}
.overview_right:after {content: ""; width: 70px; height: 76px; background: url("../images/feature_img_002.png") no-repeat; background-size: contain; position: absolute; top: 10px; right: 10px;}
.feature_learning { background-color: #DD9ABD; margin-top: 60px; overflow: hidden;}
.feature_learning > div h3 {font-size: 18px; font-weight: 700; letter-spacing: 0.1em; border-bottom: 1px solid #FFF;}
.feature_learning > div h3 strong {font-size: 22px;}
.feature_learning > div > div.learning_cont { display: flex; justify-content: space-between; flex-direction: column; margin-top: 20px;}
.feature_learning > div > div.learning_cont div { width: 100%;}
.feature_learning > div > div.learning_cont div p {line-height: 200%; margin-top: 14px; font-size: 14px;}
.feature_learning > div > div.learning_cont div p + ul {margin-top: 30px;}
.feature_learning > div > div.learning_cont div ul li {font-size: 14px;}
.feature_learning > div > div.learning_cont picture {text-align: center; margin-top: 20px;}
.feature_learning > div > div.learning_cont div:first-child ul li {border: 1px solid #FFF;width: 100px; text-align: center; color: #333333; font-weight: 700; padding: 3px 0px; margin-right: 10px;}
.feature_learning > div {max-width: 1200px; margin: 0px auto; padding: 20px 20px 20px; color: #FFF;}

.faculty_header > p:not([class]) {font-size: 18px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.faculty_header > h3 {font-size: 20px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 20px; margin-bottom: 20px;position: relative;}
.faculty_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #00AB84; position: absolute; bottom: 0; left: calc(50% - 20px);}
.faculty_header > p.read {line-height: 180%;font-size: 14px;}

.faculty_main {max-width: 1200px; margin: 60px auto 0px; display: flex; justify-content: space-between; flex-direction: column;}
.faculty_main.reverse {max-width: 1200px; margin: 60px auto 0px; display: flex; flex-direction: column; justify-content: space-between;}
.faculty_main .faculty_img {width: 240px; margin: 0px auto;}
.faculty_main .faculty_cont {width:100%; margin-top: 20px;} 
.faculty_main .faculty_cont > h2 {font-size: 18px; font-weight: 700; letter-spacing: 0.05em;}
.faculty_main.course_blue .faculty_cont > h2 {color: #187FC4;}
.faculty_main.course_green .faculty_cont > h2 {color: #00AB84;}
.faculty_main .faculty_cont > h2 + p {line-height: 200%; margin-top: 10px; font-size: 14px;}
.faculty_main .faculty_cont .faculty_sub {background-color: #FFF; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); margin-top: 20px; padding: 20px 20px; box-sizing: border-box; display: flex; justify-content: space-between;}
.faculty_main .faculty_cont .faculty_sub > dl:first-child {width: 100%;}
.faculty_main .faculty_cont .faculty_sub > dl:first-child dt {font-size: 14px; display: inline-block; border-radius: 5px; color: #FFF; padding: 3px 5px;}
.faculty_main.course_blue .faculty_cont .faculty_sub > dl:first-child dt {background-color:#187FC4; }
.faculty_main.course_green .faculty_cont .faculty_sub > dl:first-child dt {background-color:#00AB84; }
.faculty_main .faculty_cont .faculty_sub > dl:first-child dd ul {margin-top: 10px;}
.faculty_main .faculty_cont .faculty_sub > dl:first-child dd ul li {list-style: outside; margin-left: 1.5em; margin-top: 5px; font-size: 14px;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) {width: 100%; margin-top: 20px;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dt {font-weight: 700;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dt span {position: relative; padding-left: 40px; font-size: 14px;}
.faculty_main.course_blue .faculty_cont .faculty_sub > dl:nth-child(2) dt span:before {content: "";width: 28px; height: 16px; background: url("../images/voice_icon_02.svg") no-repeat; background-size: cover; position: absolute;left: 0; top: calc(50% - 8px);}
.faculty_main.course_green .faculty_cont .faculty_sub > dl:nth-child(2) dt span:before {content: "";width: 28px; height: 16px; background: url("../images/voice_icon_01.svg") no-repeat; background-size: cover; position: absolute;left: 0; top: calc(50% - 8px);}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd {margin-top: 10px; line-height: 180%; font-size: 14px;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd figure {display: flex; justify-content: space-between; flex-direction: row-reverse;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd figure picture {width: 20%; text-align: center;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd figure figcaption {width: 75%;}
.faculty_main .faculty_cont .faculty_sub > dl:nth-child(2) dd a {color: #FF9300;}
.faculty_st_voice > div {max-width: 1200px; margin: 0px auto; padding: 30px 20px 20px; box-sizing: border-box; display: block; align-items: center; justify-content: space-between;position: relative; flex-wrap: wrap;}
.faculty_st_voice > div > div h2 { font-size: 18px; font-weight: 700;}
.faculty_st_voice > div > div h3 {margin-top: 15px; font-size: 16px; font-weight: 700; color: #FFF;letter-spacing: 0.05em;}
.faculty_st_voice > div > div dl dt {font-size: 14px;}
.faculty_st_voice > div > p { font-size: 14px; width: 100%; color: #FFF; line-height: 180%; float: right; margin-top: 20px; clear: both;}
.faculty_st_voice.course_blue { background-color: #187FC4; margin-top: 60px;}

.curriculum_header > p:not([class]) {font-size: 18px; color: #187FC4; font-weight: 700; margin-bottom: 10px;}
.curriculum_header > h3 {font-size: 20px;font-weight: 700; letter-spacing: 0.1em; padding-bottom: 20px; margin-bottom: 20px;position: relative;}
.curriculum_header > h3:after {content: ""; width: 40px; height: 1px; background-color: #00AB84; position: absolute; bottom: 0; left: calc(50% - 20px);}
.curriculum_header > p.read {line-height: 180%; max-width: 900px; margin: 0px auto; font-size: 14px;}

.curriculum_select {max-width: 1100px; margin: 45px auto 0px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 0px 20px; box-sizing: border-box;}
.curriculum_select > div.select_read {width: 100%;}
.curriculum_select > div.select_read > div {margin-top:0px; margin-bottom: 40px;}
.curriculum_select > div.select_read h2 {color: #DA90B6; font-size: 14px; text-align: center;}
.curriculum_select > div.select_read h3 { width: 100%; height: auto; color: #FFF; font-weight: 700; font-size: 18px; text-align: center; vertical-align: middle; line-height: 70px; border-radius: 25px; background-color:#DA90B6; margin: 20px auto 0px;position: relative;}

.curriculum_select > div.select_cont {width: 100%;position: relative;}
.curriculum_select > div.select_cont > div > div > div { border: 2px solid #DA90B6; border-radius:20px; background-color:#FFF; padding: 30px 20px 20px; position: relative;}
.curriculum_select > div.select_cont > div > div h4 {position: absolute; top: -16px; left: 40px; font-size: 18px; font-weight: 700; letter-spacing: 0.2em; z-index: 1;}
.curriculum_select > div.select_cont > div > div h4 span {background-color: #FFF; padding: 0px 20px; line-height: 100%;}
.curriculum_select > div.select_cont > div > div p {line-height: 180%; font-size: 14px;}
.curriculum_select > div.select_cont > div > div.select_002 {margin-top: 30px;}
.curriculum_select > div.select_cont > div > div:after {content: ""; width: 100%; height: 100%; border-radius: 20px; background-color: rgba(218,144,182,1); position: absolute; top: 8px; left: 8px; z-index:-1;}

.curriculum_table > div {max-width: 1200px; margin: 50px auto 0px; padding: 0px 20px;}
.curriculum_table > div table tbody td {width: 100%; display: block; border-left: 1px solid #CCC; border-top: 1px solid #CCC; box-sizing: border-box;padding: 40px 20px 20px; font-size: 14px; position: relative;}

.curriculum_area {position: relative; overflow-x: hidden; margin-top: 45px; padding-bottom: 0px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head {display: block; align-items: baseline;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head p {font-size: 18px; font-weight: 700;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head p span {font-family: 'Oswald', sans-serif;font-weight: 300; font-size: 60px;line-height: 100%;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_head h3 {color: #DA90B6; font-weight: 700; font-size: 20px; margin-left: 0px; margin-top: 10px; letter-spacing: 0.05em;}
.curriculum_area > .curriculum_area_cont > .area_cont > p {margin-top: 10px; line-height: 180%; font-size: 14px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics {margin-top: 20px; background-color:#FFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); padding: 20px; border-radius: 3px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl {display: block;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl dt {position: relative; font-size: 16px; font-weight: 700; color: #DA90B6;padding-left: 35px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl dt:before {content: ""; width: 28px; height: 17px; background: url("../images/curriculum_icon.svg") no-repeat; background-size: cover; left: 0; top: calc(50% - 9px); position: absolute;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics dl dd {font-size: 16px; font-weight: 700; margin-left: 0px; margin-top: 10px;}
.curriculum_area > .curriculum_area_cont > .area_cont .area_topics p {line-height: 180%; margin-top: 10px; font-size: 14px;}


}