@charset "UTF-8";

@media only screen and (max-width:1920px){
header.middle_head {display: flex; justify-content: space-between; align-items: center; padding: 0px calc(80 / 1920 * 100vw); height:calc(115 / 1920 * 100vw); background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); position: fixed; width: 100%; box-sizing: border-box; z-index: 10;}
header.middle_head > p.logo {width:calc(396 / 1920 * 100vw);}
header.middle_head > nav ul {display: flex; gap:0 calc(40 / 1920 * 100vw);}
header.middle_head > nav ul li a {font-size: 16px; font-weight: 700;}

.middle_header {position: relative; width: 100%; height:calc(490 / 1920 * 100vw); display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover; background-position: center center;padding-top:calc(115 / 1920 * 100vw);}
.middle_header > div p {font-size:calc(20 / 1920 * 100vw); font-weight: 700; color: #FFF;}
.middle_header > div h1 {font-size:calc(50 / 1920 * 100vw); font-weight: 700; color: #FFF;}

}
@media only screen and (max-width:1200px){
header.middle_head > nav ul li a {font-size: calc(24 / 1920 * 100vw); font-weight: 700;}

.voice_cont {max-width: 1200px; margin: 0px 15px;}

.dep_head {max-width: 1086px; margin: 120px 15px 0px;}

.curr_head {max-width: 1200px; margin: calc(120 / 1200 * 100vw) 15px 0px;}
.curr_head > div.txt {max-width: 800px; margin: 0px auto;}
.curr_head > div.txt h2 {font-size: calc(18 / 1200 * 100vw); font-weight: 700; line-height: 180%; text-align: center;}
.curr_head > div.howto {margin-top:calc(120 / 1200 * 100vw); display: flex; justify-content: space-between; align-items: center;}
.curr_head > div.howto > div {width: calc(892 / 1200 * 100vw);}
.curr_head > div.howto > div h3 {position: relative; display: inline-block;}
.curr_head > div.howto > div h3 span {width:calc(278 / 1200 * 100vw); height:calc(60 / 1200 * 100vw); background-color: #FF9A0D; border: 2px solid #FFF; border-radius:calc(5 / 1200 * 100vw); display: flex; justify-content: center; align-items: center; color: #FFF; font-size: calc(20 / 1200 * 100vw); font-weight: 700;}
.curr_head > div.howto > div h3:after {content: ""; width:calc(30 / 1200 * 100vw); height:calc(30 / 1200 * 100vw); border-radius: 5px;background-color: #FF9A0D; position: absolute; right: calc(calc(4 / 1200 * 100vw) * -1); bottom: calc(calc(4 / 1200 * 100vw) * -1); z-index: -1;}
.curr_head > div.howto > div h3:before {content: ""; width: calc(30 / 1200 * 100vw); height: calc(30 / 1200 * 100vw); border-radius: calc(5 / 1200 * 100vw);background-color: #FF9A0D; position: absolute; left:calc(calc(4 / 1200 * 100vw) * -1);top: calc(calc(4 / 1200 * 100vw) * -1); z-index: -1;}
.curr_head > div.howto > div p {font-size:calc(18 / 1200 * 100vw); margin-top: calc(30 / 1200 * 100vw); line-height: 180%;}
.curr_head > div.howto > figure {width:calc(204 / 1200 * 100vw);}
.curr_head > div.howto > figure figcaption {text-align: center; margin-top: calc(10 / 1200 * 100vw);}
.curr_head > div.howto > figure figcaption dl {font-size:calc(14 / 1200 * 100vw);}
.curr_head > div.howto > figure figcaption dl dd strong {font-size:calc(18 / 1200 * 100vw); font-weight: 700;}
.curr_head > figure.howto_img { background-color: #FFFBF2; border: 1px solid #FF9A0D; border-radius:calc(10 / 1200 * 100vw);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: calc(30 / 1200 * 100vw) calc(30 / 1200 * 100vw) calc(20 / 1200 * 100vw); margin-top: calc(80 / 1200 * 100vw);}

.curr_cont {max-width: 1200px; margin: calc(120 / 1200 * 100vw) 15px 0px;}
.curr_cont > div {max-width: 1200px; margin: calc(100 / 1200 * 100vw) auto 0px;}
.curr_cont > div table {border-right: 1px solid #B39B40; border-bottom: 1px solid #B39B40;}
.curr_cont > div table caption {text-align: right; font-size:calc(16 / 1200 * 100vw); font-weight: 700; margin-bottom:calc(5 / 1200 * 100vw);}
.curr_cont > div table caption span {color: #3EA2A8;}
.curr_cont > div table thead th {width: 21%; text-align: center;border-left: 1px solid #FFF; border-top: 1px solid #FFF; box-sizing: border-box; padding: calc(10 / 1200 * 100vw) calc(10 / 1200 * 100vw); background-color: #B39B40; color: #FFF; font-weight: 700; vertical-align: middle; font-size: calc(16 / 1200 * 100vw);}
.curr_cont > div table thead th:first-child {width: 16%; background-color: inherit;}
.curr_cont > div table thead th span {font-size:calc(40 / 1200 * 100vw); margin-right:calc(5 / 1200 * 100vw);}
.curr_cont > div table tbody th {border-left: 1px solid #FFF; border-top: 1px solid #FFF; box-sizing: border-box; padding: calc(20 / 1200 * 100vw) calc(10 / 1200 * 100vw); text-align: center; background-color: #3EA2A8; color: #FFF; font-weight: 700; vertical-align: middle; font-size: calc(16 / 1200 * 100vw);}
.curr_cont > div table tbody td {border-left: 1px solid #B39B40; border-top: 1px solid #B39B40; box-sizing: border-box;padding: calc(20 / 1200 * 100vw); font-size:calc(15 / 1200 * 100vw);}
.curr_cont > div table tbody td ul li {margin-bottom:calc(3 / 1200 * 100vw); padding: 0px 0.5em 0 1em;}
.curr_cont > div table tbody td ul li:last-child {margin-bottom: 0px;}
.curr_cont > div table tbody td ul li.c_001 { background-color: #F8D2E2;}
.curr_cont > div table tbody td ul li.c_002 { background-color: #C7E8FA;}
.curr_cont > div table tbody td ul li.c_003 { background-color: #F9CD83;}
.curr_cont > div table tbody td ul li.c_004 { background-color: #E4E98B;}
.curr_cont > div table tbody td ul li.required:before { content:"◆"; margin-right:calc(5 / 1200 * 100vw); color: #3EA2A8;}
.curr_cont > div table tbody tr:nth-child(odd) td {background-color: #FBF9F4;}
.curr_cont > div .table_under {display: flex; justify-content: space-between; margin-top:calc(20 / 1200 * 100vw);}
.curr_cont > div .table_under ul li {font-size:calc(14 / 1200 * 100vw); position: relative; padding-left: 2em; margin-bottom:calc(5 / 1200 * 100vw);}
.curr_cont > div .table_under ul li:before {content: ""; width: 1.5em; height: 0.8em; position: absolute; left: 0; top:calc(5 / 1200 * 100vw);}
.curr_cont > div .table_under ul li.c_001:before {content: ""; background-color:#F8D2E2; }
.curr_cont > div .table_under ul li.c_002:before {content: ""; background-color:#C7E8FA; }
.curr_cont > div .table_under ul li.c_003:before {content: ""; background-color:#F9CD83; }
.curr_cont > div .table_under ul li.c_004:before {content: ""; background-color:#E4E98B; }
.curr_cont > div .table_under ol {counter-reset: num;}
.curr_cont > div .table_under ol li {font-size:calc(14 / 1200 * 100vw); position: relative; padding-left: 2em;}
.curr_cont > div .table_under ol li:before {counter-increment: num;content:"※" counter(num);position:absolute;left:0px;top:0;}

.curr_cont > div div.syllabus {max-width: 880px; border-radius:calc(10 / 1200 * 100vw); background-color: #3EA2A8; padding: calc(20 / 1200 * 100vw); display: flex; align-items: center; justify-content: space-between; margin:calc(80 / 1200 * 100vw) auto 0px;}
.curr_cont > div div.syllabus p:not([class]) {font-size:calc(20 / 1200 * 100vw); font-weight: 700; color: #FFF; padding-left: calc(20 / 1200 * 100vw);}
.curr_cont > div div.syllabus p.link a {background-color:#FFF; border-radius:calc(10 / 1200 * 100vw); color:#FF9A0D; font-size: calc(16 / 1200 * 100vw); line-height: 100%;}
.curr_cont > div div.syllabus p.link a {position: relative; padding: calc(15 / 1200 * 100vw) calc(50 / 1200 * 100vw); display: inline-block;}
.curr_cont > div div.syllabus p.link a:after {position: absolute;right:calc(20 / 1200 * 100vw);top: calc(50% - calc(4 / 1200 * 100vw));display: block;content: "";width:calc(7 / 1200 * 100vw); height:calc(7 / 1200 * 100vw);border-right: 2px solid #FF9A0D;border-top:2px solid #FF9A0D;transform: rotate(45deg); z-index: 2; opacity: .8; transition: all 0.5s;}

.curr_pickup {max-width: 100%; margin: calc(120 / 1200 * 100vw) auto 0px; overflow: hidden;}
.curr_pickup > h2 {text-align: center; font-size:calc(30 / 1200 * 100vw); font-weight: 700;}
.curr_pickup > h2 strong {font-size:calc(50 / 1200 * 100vw); color: #3EA2A8; letter-spacing: 0.1em; margin-left:calc(10 / 1200 * 100vw);}
.curr_pickup > h2 span {position: relative;}
.curr_pickup > h2 span:after {content: "";width: calc(68 / 1200 * 100vw); height:calc(64 / 1200 * 100vw); background: url(../images/curr_pickup.svg) no-repeat; background-size: cover; position: absolute; right:calc(calc(80 / 1200 * 100vw) * -1); top:calc(calc(18 / 1200 * 100vw) * -1);}

.pick_cont {max-width: 1200px; margin: calc(120 / 1200 * 100vw) 15px calc(140 / 1200 * 100vw);}
.pick_cont > div.pick_title {display: flex; align-items: center;}
.pick_cont > div.pick_title h3 {font-size:calc(30 / 1200 * 100vw); font-weight: 700; margin-left:calc(20 / 1200 * 100vw);}
.pick_cont > div.pick_title h4 {position: relative; display: inline-block; margin-left:calc(30 / 1200 * 100vw);}
.pick_cont > div.pick_title h4 span {width:calc(230 / 1200 * 100vw); height:calc(30 / 1200 * 100vw); background-color: #3EA2A8; border: 1px solid #FFF; border-radius: 3px; display: flex; justify-content: center; align-items: center; color: #FFF; font-size:calc(14 / 1200 * 100vw); font-weight: 700;}
.pick_cont > div.pick_title h4:after {content: ""; width:calc(24 / 1200 * 100vw); height:calc(24 / 1200 * 100vw); border-radius: calc(3 / 1200 * 100vw);background-color:#3EA2A8; position: absolute; right: calc(calc(3 / 1200 * 100vw) * -1); bottom: calc(calc(3 / 1200 * 100vw) * -1); z-index: -1;}
.pick_cont > div.pick_title h4:before {content: ""; width:calc(24 / 1200 * 100vw); height:calc(24 / 1200 * 100vw); border-radius: calc(3 / 1200 * 100vw);background-color: #3EA2A8; position: absolute; left:calc(calc(3 / 1200 * 100vw) * -1);top:calc(calc(3 / 1200 * 100vw) * -1); z-index: -1;}
.pick_cont > div.pick_w {display: flex; position: relative; margin-top:calc(20 / 1200 * 100vw);}
.pick_cont > div.pick_w > div.pick_txt {max-width:calc(830 / 1200 * 100vw);}
.pick_cont > div.pick_w > div.pick_txt > p {font-size:calc(16 / 1200 * 100vw); line-height: 180%;}
.pick_cont > div.pick_w > div.pick_txt > figure {display: flex; justify-content: space-between; align-items: flex-end; margin-top:calc(30 / 1200 * 100vw);}
.pick_cont > div.pick_w > div.pick_txt > figure picture {width:calc(162 / 1200 * 100vw);}
.pick_cont > div.pick_w > div.pick_txt > figure figcaption {width: calc(100% - calc(192 / 1200 * 100vw));}
.pick_cont > div.pick_w > div.pick_txt > figure figcaption dl {font-size:calc(14 / 1200 * 100vw); display: flex; align-items: flex-end;}
.pick_cont > div.pick_w > div.pick_txt > figure figcaption dl dd {margin-left:calc(10 / 1200 * 100vw);}
.pick_cont > div.pick_w > div.pick_txt > figure figcaption dl dd strong {font-size:calc(18 / 1200 * 100vw); font-weight: 700;}
.pick_cont > div.pick_w > div.pick_txt > figure figcaption p {background-color: #FFF; border-radius:calc(10 / 1200 * 100vw);box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding:calc(18 / 1200 * 100vw); font-size:calc(15 / 1200 * 100vw); line-height: 200%; color: #3EA2A8; margin-top:calc(20 / 1200 * 100vw);}
.pick_cont > div.pick_w > figure.pick_img {position: absolute; top: 0; right:calc(calc(327 / 1200 * 100vw) * -1);}
.pick_cont > div.pick_w > figure.pick_img img {border-radius: calc(10 / 1200 * 100vw); width: calc(620 / 1200 * 100vw);}

.pick_cont.right > div.pick_title {justify-content: flex-end;}
.pick_cont.right > div.pick_w {justify-content: flex-end;}
.pick_cont.right > div.pick_w > figure.pick_img {position: absolute; top: 0; right:auto; left:calc(calc(327 / 1200 * 100vw) * -1);}
.pick_cont.right > div.pick_title h4 span {background-color: #B39B40;}
.pick_cont.right > div.pick_title h4:after {background-color:#B39B40;}
.pick_cont.right > div.pick_title h4:before {background-color: #B39B40;}

.grad_voice {max-width: 1200px; margin: 120px 15px 0px;}
.grad_emp > div.grad_emp_rate { background: url(../images/grad_emp_bg.png) no-repeat; background-size: cover; padding: 36px 20px; border-radius: 0px; display: flex; justify-content: space-between; margin-top: 60px;}
.grad_workplace {max-width: 1200px; margin: 120px 15px 100px;}

.qual_psy {max-width: 1200px; margin: 120px 15px 0px;}
.qual_psy > div.interview div.cont {margin-top: 30px;display: flex; justify-content: space-between; align-items: flex-start;}
.qual_psy > div.interview div.cont > div.txt {width:calc(100% - 504px);}
.qual_sc {max-width: 1200px; margin: 120px 15px 100px;}
.qual_sc > div.message div.cont {margin-top: 30px;display: flex; justify-content: space-between; align-items: flex-start; }
.qual_sc > div.message div.cont > div.txt {width:calc(100% - 504px);}

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

.dep_head > div.aim {display: flex; flex-direction: column; justify-content:space-between; margin-top: 100px;position: relative;}
.dep_head > div.aim:after {content: ""; width: 50px; height: 50px; background: url("../images/dep_x.svg") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
.dep_head > div.aim > div {width: 410px; margin: 0px auto;}
.dep_head > div.aim > div + div {margin-top: 100px;}
.dep_head > div.aim > div figure {display: flex; justify-content: center;align-items: flex-end;}
.dep_head > div.aim > div figure picture {width: 97px;margin-right: 20px;}
.dep_head > div.aim > div figure figcaption p {color: #B39B40; font-size: 16px; font-weight: 700; }
.dep_head > div.aim > div figure figcaption h4 {color: #FF9A0D; font-size: 30px; font-weight: 700; line-height: 140%;}
.dep_head > div.aim > div h5 {background-color: #FFF; border-radius: 10px;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding: 20px; font-size: 16px; color: #B39B40; margin-top: 30px;}


.spt_001 {max-width: 1000px; margin:calc(80 / 1000 * 100vw) 15px 0px;}
.spt_002 {max-width: 1000px; margin:calc(120 / 1000 * 100vw) 15px calc(100 / 1000 * 100vw);}
.spt_main .head h2 {text-align: center;}
.spt_main .head figure picture img {border-radius:calc(10 / 1000 * 100vw);}
.spt_main .head figure figcaption {display: flex; justify-content: space-between; margin-top: calc(calc(100 / 1000 * 100vw) * -1);}
.spt_main .head figure figcaption > div {background-color: #FFF; padding:calc(24 / 1000 * 100vw); border-radius:calc(10 / 1000 * 100vw); display: flex; align-items: center;font-size:calc(12 / 1000 * 100vw); min-width:calc(200 / 1000 * 100vw); box-sizing: border-box;}
.spt_main .head figure figcaption > div h3 {margin: calc(5 / 1000 * 100vw) 0px;}
.spt_main .head figure figcaption > div h3 strong {font-size:calc(16 / 1000 * 100vw); font-weight: 700;}
.spt_main .head figure figcaption > div.left {padding: calc(24 / 1000 * 100vw) calc(24 / 1000 * 100vw) calc(24 / 1000 * 100vw) 0px; border-radius: 0px calc(10 / 1000 * 100vw) calc(10 / 1000 * 100vw) 0px;}
.spt_main .head figure figcaption > div.right {padding: calc(24 / 1000 * 100vw) 0px calc(24 / 1000 * 100vw) calc(24 / 1000 * 100vw); border-radius: calc(10 / 1000 * 100vw) 0px 0px calc(10 / 1000 * 100vw);}

.spt_thema {display: flex; margin-top:calc(80 / 1000 * 100vw); align-items: center;}
.spt_thema dt {font-size: calc(14 / 1000 * 100vw); font-weight: 700; color: #FFF;position: relative;}
.spt_thema dt span {width: calc(110 / 1000 * 100vw); height:calc(32 / 1000 * 100vw); background-color: #B39B40; border: calc(2 / 1000 * 100vw) solid #FFF; border-radius:calc(5 / 1000 * 100vw); display: flex; justify-content: center; align-items: center;}
.spt_thema dt:after {content: ""; width:calc(30 / 1000 * 100vw); height:calc(30 / 1000 * 100vw); border-radius:calc(5 / 1000 * 100vw);background-color: #B39B40; position: absolute; right: calc(calc(4 / 1000 * 100vw) * -1); bottom: calc(calc(4 / 1000 * 100vw) * -1); z-index: -1;}
.spt_thema dt:before {content: ""; width:calc(30 / 1000 * 100vw); height:calc(30 / 1000 * 100vw); border-radius:calc(5 / 1000 * 100vw);background-color: #B39B40; position: absolute; left: calc(calc(4 / 1000 * 100vw) * -1);top: calc(calc(4 / 1000 * 100vw) * -1); z-index: -1;}
.spt_thema dd {font-weight: 700; font-size: calc(18 / 1000 * 100vw); margin-left:calc(40 / 1000 * 100vw);}

.spt_main .cont {margin-top:calc(40 / 1000 * 100vw);}
.spt_main .cont > dl > dt {font-size:calc(18 / 1000 * 100vw); font-weight: 700; color: #B39B40; display: flex; align-items: center;}
.spt_main .cont > dl > dt:before {content: ""; width:calc(50 / 1000 * 100vw); height: 1px; background-color: #B39B40 ; display: inline-block; margin-right: calc(16 / 1000 * 100vw);}
.spt_main .cont > dl > dd {font-size:calc(16 / 1000 * 100vw) ;}
.spt_main .cont > dl > dd > dl {margin-top:calc(10 / 1000 * 100vw); display: flex; justify-content: flex-start;line-height: 180%;}
.spt_main .cont > dl > dd > dl dt {flex-shrink: 0; white-space: nowrap;}
.spt_main .cont > dl + dl {margin-top:calc(30 / 1000 * 100vw);}

.voice_cont.sv01 {margin-top:calc(120 / 1000 * 100vw);}
.voice_cont.sv04 {margin-bottom: calc(100 / 1000 * 100vw);}
.voice_cont > div.head p.svn {text-align: left; font-size:calc(16 / 1000 * 100vw); font-weight: 700;}
.voice_cont > div.head p.svn strong {font-size:calc(32 / 1000 * 100vw);}
.voice_cont > div.head div.head_cont {display: flex; flex-direction: column; justify-content: flex-end; position: relative;}
.voice_cont > div.head div.head_cont div.txt {width: 100%; border-radius: calc(10 / 1000 * 100vw); padding:calc(30 / 1000 * 100vw); position: relative; left: 0; top: 0px;z-index: 1; box-sizing: border-box; color: #FFF;}
.voice_cont > div.head div.head_cont div.txt h2 {font-size: calc(30 / 1000 * 100vw); font-weight: 700; display: flex; align-items: flex-end;}
.voice_cont > div.head div.head_cont div.txt h2 span {font-size:calc(60 / 1000 * 100vw); line-height: 100%; margin-right:calc(30 / 1000 * 100vw);}
.voice_cont > div.head div.head_cont div.txt h2 span em {font-size: calc(24 / 1000 * 100vw);line-height: 150%;}
.voice_cont > div.head div.head_cont div.txt p {font-size: calc(18 / 1000 * 100vw); line-height: 180%; margin-top: calc(10 / 1000 * 100vw);}
.voice_cont > div.head div.head_cont figure {width: 100%; position:relative; margin-top:calc(30 / 1000 * 100vw) ;}
.voice_cont > div.head div.head_cont figure picture img {border-radius:calc(10 / 1000 * 100vw);}
.voice_cont > div.head div.head_cont figure figcaption {background-color: #FFF; padding: calc(20 / 1000 * 100vw); border-radius: calc(10 / 1000 * 100vw) 0px 0px 0px; position: absolute; right: 0; bottom: 0;}
.voice_cont > div.head div.head_cont figure figcaption dl dt {font-size:calc(14 / 1000 * 100vw);}
.voice_cont > div.head div.head_cont figure figcaption dl dt strong {font-size: calc(18 / 1000 * 100vw); font-weight: 700;}
.voice_cont > div.head div.head_cont figure figcaption dl dd {font-size: calc(14 / 1000 * 100vw); margin-top:calc(5 / 1000 * 100vw);}

.voice_cont + .voice_cont {margin-top: calc(120 / 1000 * 100vw);}

.voice_cont.sv02 > div.head p.svn,.voice_cont.sv04 > div.head p.svn {text-align: left;}
.voice_cont.sv02 > div.head div.head_cont,.voice_cont.sv04 > div.head div.head_cont {justify-content: flex-start;}
.voice_cont.sv02 > div.head div.head_cont div.txt,.voice_cont.sv04 > div.head div.head_cont div.txt { position: relative; left: auto; right: 0px; top: 0px;}
.voice_cont.sv02 > div.head div.head_cont figure figcaption,.voice_cont.sv04 > div.head div.head_cont figure figcaption {border-radius: 0px calc(10 / 1000 * 100vw) 0px 0px; position: absolute; right: auto; left: 0; bottom: 0;}

.voice_cont > div.title {max-width: 1000px; margin:calc(80 / 1000 * 100vw) auto 0px;}
.voice_cont > div.title h3 {font-size:calc(30 / 1000 * 100vw); font-weight: 700;}
.voice_cont > div.title p {font-size: calc(18 / 1000 * 100vw); margin-top:calc(10 / 1000 * 100vw); line-height: 180%;}
.voice_cont > div.time {max-width: 1000px; margin:calc(80 / 1000 * 100vw) auto 0px;}
.voice_cont > div.time h4 {position: relative; display: inline-block;}
.voice_cont > div.time h4 span {padding: 0px calc(30 / 1000 * 100vw); height: calc(60 / 1000 * 100vw); border: calc(2 / 1000 * 100vw) solid #FFF; border-radius: calc(5 / 1000 * 100vw); display: flex; justify-content: center; align-items: center; color: #FFF; font-size: calc(20 / 1000 * 100vw); font-weight: 700;}
.voice_cont > div.time h4:after {content: ""; width:calc(30 / 1000 * 100vw); height:calc(30 / 1000 * 100vw); border-radius:calc(5 / 1000 * 100vw); position: absolute; right: calc(calc(4 / 1000 * 100vw) * -1); bottom: calc(calc(4 / 1000 * 100vw) * -1); z-index: -1;}
.voice_cont > div.time h4:before {content: ""; width: calc(30 / 1000 * 100vw); height: calc(30 / 1000 * 100vw); border-radius:calc(5 / 1000 * 100vw); position: absolute; left: calc(calc(4 / 1000 * 100vw) * -1);top: calc(calc(4 / 1000 * 100vw) * -1); z-index: -1;}
.voice_cont > div.time > div {margin-top: calc(40 / 1000 * 100vw);}
.voice_cont > div.time > div table {border-collapse: separate;border-spacing:calc(2 / 1000 * 100vw);}
.voice_cont > div.time > div table tbody th {background-color: #AB943D; width: 19%; text-align: center; color: #FFF; font-weight: 700; padding:calc(5 / 1000 * 100vw); font-size: calc(18 / 1000 * 100vw);vertical-align: middle;}
.voice_cont > div.time > div table tbody tr:first-child th:first-child {background-color: #FFF;}
.voice_cont > div.time > div table tbody th:first-child {width: 5%;}
.voice_cont > div.time > div table tbody td {background-color: #E8E1C7; padding:calc(5 / 1000 * 100vw) calc(10 / 1000 * 100vw); font-size: calc(14 / 1000 * 100vw); line-height: 140%; text-align: center; color: #FFF; vertical-align: middle;}
.voice_cont > div.life {max-width: 1000px; margin: calc(80 / 1000 * 100vw) auto 0px;}
.voice_cont > div.life h4 {position: relative; display: inline-block;}
.voice_cont > div.life h4 span {padding: 0px calc(30 / 1000 * 100vw); height: calc(60 / 1000 * 100vw); border: calc(2 / 1000 * 100vw) solid #FFF; border-radius: calc(5 / 1000 * 100vw); display: flex; justify-content: center; align-items: center; color: #FFF; font-size: calc(20 / 1000 * 100vw); font-weight: 700;}
.voice_cont > div.life h4:after {content: ""; width: calc(30 / 1000 * 100vw); height: calc(30 / 1000 * 100vw); border-radius:calc(5 / 1000 * 100vw); position: absolute; right: calc(calc(4 / 1000 * 100vw) * -1); bottom: calc(calc(4 / 1000 * 100vw) * -1); z-index: -1;}
.voice_cont > div.life h4:before {content: ""; width: calc(30 / 1000 * 100vw); height: calc(30 / 1000 * 100vw); border-radius: calc(5 / 1000 * 100vw); position: absolute; left: calc(calc(4 / 1000 * 100vw) * -1);top: calc(calc(4 / 1000 * 100vw) * -1); z-index: -1;}
.voice_cont > div.life figure {display: flex;margin-top: calc(40 / 1000 * 100vw); align-items: center;}
.voice_cont > div.life figure picture {width:calc(240 / 1000 * 100vw); flex-shrink: 0; margin-right:calc(20 / 1000 * 100vw);}
.voice_cont > div.life figure picture img {border-radius:calc(10 / 1000 * 100vw);}
.voice_cont > div.life figure figcaption {font-size: calc(16 / 1000 * 100vw); line-height: 180%;}
.voice_cont > div.life figure + figure {flex-direction: row-reverse;}
.voice_cont > div.topics {max-width: 1000px; margin: calc(80 / 1000 * 100vw) auto 0px;}
.voice_cont > div.topics h4 {font-size: calc(22 / 1000 * 100vw); font-weight: 700; color: #FFF; position:relative;line-height: 100%;}
.voice_cont > div.topics h4 span {border-radius:calc(3 / 1000 * 100vw);width:calc(145 / 1000 * 100vw); height:calc(40 / 1000 * 100vw); display: flex; justify-content: center; align-items: center; padding-left:calc(20 / 1000 * 100vw); box-sizing: border-box;}
.voice_cont > div.topics h4:after {content: ""; width: 100%; height:calc(2 / 1000 * 100vw); position: absolute; left: 0; top: calc(50% - calc(1 / 1000 * 100vw));z-index: -1; }
.voice_cont > div.topics h4:before {content: "";width: calc(22 / 1000 * 100vw); height:calc(22 / 1000 * 100vw); background: url(../images/voice_topics.svg) no-repeat; background-size: cover; position: absolute; left: calc(10 / 1000 * 100vw); top: calc(50% - calc(9 / 1000 * 100vw)); }
.voice_cont > div.topics h5 {font-size:calc(20 / 1000 * 100vw); font-weight: 700;margin-top: calc(20 / 1000 * 100vw);}
.voice_cont > div.topics p {font-size:calc(16 / 1000 * 100vw); line-height: 180%; margin-top:calc(20 / 1000 * 100vw);}

.faculty_cont > div > div figure {position:absolute; top: 0; left: 0px; z-index: -1;}
.faculty_cont > div:nth-child(odd) > div:nth-child(2) figure {left: auto; right: 0px;}
.faculty_cont > div:nth-child(even) > div:nth-child(2) figure {left: auto; right: 0px;}
.faculty_cont > div > div.fc_09 figure {left: auto; right: 0px;}

.grad_head {max-width: 800px; margin: calc(120 / 1000 * 100vw) 15px 0px;}
.grad_head p {font-size: calc(18 / 1000 * 100vw); font-weight: 700; line-height: 180%;}

.grad_voice {max-width: 1200px; margin: calc(120 / 1000 * 100vw) 15px 0px;}
.grad_voice > h2 {text-align: center;font-size: calc(40 / 1000 * 100vw); font-weight: 700;}
.grad_voice > div.grad_voice_cont > div {display: flex; position: relative; justify-content: space-between; margin-top: calc(80 / 1000 * 100vw);}
.grad_voice > div.grad_voice_cont > div picture {width: calc(400 / 1000 * 100vw);}
.grad_voice > div.grad_voice_cont > div picture img {border-radius: calc(10 / 1000 * 100vw);}
.grad_voice > div.grad_voice_cont > div > div.txt {width:calc(777 / 1000 * 100vw); position: relative;}
.grad_voice > div.grad_voice_cont > div > div.txt h3 {font-size:calc(22 / 1000 * 100vw); font-weight: 700; color: #FFF; position:relative;line-height: 100%;}
.grad_voice > div.grad_voice_cont > div > div.txt h3 span {background-color: #DC6B82; border-radius:calc(3 / 1000 * 100vw);width:calc(145 / 1000 * 100vw); height:calc(40 / 1000 * 100vw); display: flex; justify-content: center; align-items: center;}
.grad_voice > div.grad_voice_cont > div > div.txt h3:after {content: ""; width: 100%; height: 2px; background-color: #DC6B82; position: absolute; left: 0; top: calc(50% - 1px);z-index: -1; }
.grad_voice > div.grad_voice_cont > div > div.txt h4 {font-size:calc(22 / 1000 * 100vw); font-weight: 700; margin: calc(30 / 1000 * 100vw) 0px 0px calc(20 / 1000 * 100vw);}
.grad_voice > div.grad_voice_cont > div > div.txt dl {margin:calc(20 / 1000 * 100vw) 0px 0px calc(20 / 1000 * 100vw);}
.grad_voice > div.grad_voice_cont > div > div.txt dl dt {font-size: calc(14 / 1000 * 100vw);}
.grad_voice > div.grad_voice_cont > div > div.txt dl dt strong {font-size: calc(18 / 1000 * 100vw); color: #DC6B82; font-weight: 700; }
.grad_voice > div.grad_voice_cont > div > div.txt dl dd {font-size:calc(14 / 1000 * 100vw);}
.grad_voice > div.grad_voice_cont > div > div.txt p {background-color: #FFF; border-radius:calc(10 / 1000 * 100vw); padding: calc(20 / 1000 * 100vw); font-size: calc(16 / 1000 * 100vw); line-height: 180%; margin: calc(24 / 1000 * 100vw) 0px 0px calc(calc(88 / 1000 * 100vw) * -1);}
.grad_voice > div.grad_voice_cont > div:nth-child(even) {flex-direction: row-reverse;}
.grad_voice > div.grad_voice_cont > div:nth-child(even) > div.txt p {background-color: #FFF; border-radius:calc(10 / 1000 * 100vw); padding: calc(20 / 1000 * 100vw) calc(20 / 1000 * 100vw) calc(20 / 1000 * 100vw) 0px; font-size: calc(16 / 1000 * 100vw); line-height: 180%; margin: calc(24 / 1000 * 100vw) calc(calc(88 / 1000 * 100vw) * -1) 0px 0px;}

.grad_emp {max-width: 1200px; margin: calc(120 / 1000 * 100vw) auto 0px;}
.grad_emp > h2 {text-align: center;font-size:calc(40 / 1000 * 100vw); font-weight: 700;}
.grad_emp > h2 + p {text-align: center; font-size: calc(20 / 1000 * 100vw); font-weight: 700;}
.grad_emp > div.grad_emp_rate { background: url(../images/grad_emp_bg.png) no-repeat; background-size: cover; padding: calc(36 / 1000 * 100vw) calc(20 / 1000 * 100vw); border-radius: 0px; display: flex; justify-content: space-between; margin-top:calc(60 / 1000 * 100vw);}
.grad_emp > div.grad_emp_rate dl dt {font-size:calc(40 / 1000 * 100vw); font-weight: 700; line-height: 100%; border-bottom: 2px solid #707070; margin-bottom:calc(10 / 1000 * 100vw); padding:0px calc(50 / 1000 * 100vw) calc(15 / 1000 * 100vw) 0px; position:relative;}
.grad_emp > div.grad_emp_rate dl dt span {font-size: calc(60 / 1000 * 100vw);}
.grad_emp > div.grad_emp_rate dl dt::after {content: ""; width:calc(30 / 1000 * 100vw); height: 2px; background-color: #707070; position: absolute; bottom: calc(8 / 1000 * 100vw); right: calc(calc(5 / 1000 * 100vw) * -1); transform: rotate(45deg);}
.grad_emp > div.grad_emp_rate dl dd {font-size: calc(30 / 1000 * 100vw); font-weight: 700;}
.grad_emp > div.grad_emp_rate h3 {width: calc(413 / 1000 * 100vw);}
.grad_emp > figure.grad_emp_rate_img {max-width:calc(800 / 1000 * 100vw); margin: calc(100 / 1000 * 100vw) auto 0px;}

.grad_workplace {max-width: 1200px; margin: calc(120 / 1000 * 100vw) calc(15 / 1000 * 100vw) calc(100 / 1000 * 100vw);}
.grad_workplace > h2 {text-align: center;font-size:calc(40 / 1000 * 100vw); font-weight: 700;}
.grad_workplace > h2 + p {text-align: center; font-size:calc(20 / 1000 * 100vw); font-weight: 700;}
.grad_workplace > div.list {margin-top:calc(60 / 1000 * 100vw); display: flex; flex-wrap: wrap; justify-content: space-between;}
.grad_workplace > div.list dl {width:calc(384 / 1000 * 100vw);}
.grad_workplace > div.list dl dt {color: #DC6B82; font-size:calc(20 / 1000 * 100vw); font-weight: 700;}
.grad_workplace > div.list dl:first-child {width: 100%; margin-bottom:calc(50 / 1000 * 100vw);}
.grad_workplace > div.list dl:first-child dd {display: flex; justify-content: space-between;}
.grad_workplace > div.list dl:first-child dd ul {width:calc(384 / 1000 * 100vw);}
.grad_workplace > div.list dl dd {margin-top:calc(10 / 1000 * 100vw);}
.grad_workplace > div.list dl dd ul li {font-size:calc(18 / 1000 * 100vw);}
.grad_workplace > div.list dl dd ul li span {margin-left: 2em;}
.grad_workplace > div.list dl dd ul li + li {margin-top:calc(5 / 1000 * 100vw);}

.qual_psy {max-width: 1200px; margin: calc(120 / 1000 * 100vw) 15px 0px;}
.qual_psy > h2 {font-size:calc(40 / 1000 * 100vw); font-weight: 700; text-align:center;}
.qual_psy > h2 + p {font-size:calc(20 / 1000 * 100vw); color: #FFF; font-weight: 700; text-align: center;}
.qual_psy > h2 + p span {width:calc(194 / 1000 * 100vw); background-color: #3EA2A8; border-radius:calc(3 / 1000 * 100vw); display: inline-block;padding:calc(5 / 1000 * 100vw) 0px; }
.qual_psy > p.txt {font-size:calc(18 / 1000 * 100vw); font-weight: 700; line-height: 200%; max-width:calc(800 / 1000 * 100vw); margin: calc(60 / 1000 * 100vw) auto 0px;}

.qual_psy h3 {position: relative; display: inline-block;}
.qual_psy h3 span {width:calc(278 / 1000 * 100vw); height:calc(60 / 1000 * 100vw); background-color: #3EA2A8; border: 2px solid #FFF; border-radius: calc(5 / 1000 * 100vw); display: flex; justify-content: center; align-items: center; color: #FFF; font-size:calc(20 / 1000 * 100vw); font-weight: 700;}
.qual_psy h3:after {content: ""; width:calc(30 / 1000 * 100vw); height:calc(30 / 1000 * 100vw); border-radius:calc(5 / 1000 * 100vw);background-color: #3EA2A8; position: absolute; right: calc(calc(4 / 1000 * 100vw) * -1); bottom: calc(calc(4 / 1000 * 100vw) * -1); z-index: -1;}
.qual_psy h3:before {content: ""; width:calc(30 / 1000 * 100vw); height:calc(30 / 1000 * 100vw); border-radius: 5px;background-color: #3EA2A8; position: absolute; left:calc(calc(4 / 1000 * 100vw) * -1);top: calc(calc(4 / 1000 * 100vw) * -1); z-index: -1;}

.qual_psy > div.places {margin-top: calc(120 / 1000 * 100vw);}
.qual_psy > div.places ul {margin-top:calc(60 / 1000 * 100vw); display: flex; flex-wrap: wrap; gap:1em; font-size:calc(18 / 1000 * 100vw);}
.qual_psy > div.places ul li::first-letter {color:#3EA2A8 ;}
.qual_psy > div.step {margin-top:calc(100 / 1000 * 100vw);}
.qual_psy > div.step div.flow {margin-top:calc(60 / 1000 * 100vw); display: flex; justify-content: space-between;}
.qual_psy > div.step div.flow > div {width:calc(568 / 1000 * 100vw); background-color: #ECE9E2; border-radius:calc(5 / 1000 * 100vw);}
.qual_psy > div.step div.flow > div h4 {background-color: #3EA2A8; font-size:calc(20 / 1000 * 100vw); font-weight: 700; color: #FFF; text-align: center; line-height: 100%; padding: calc(10 / 1000 * 100vw) 0px; border-radius: calc(5 / 1000 * 100vw) calc(5 / 1000 * 100vw) 0px 0px;}
.qual_psy > div.step div.flow > div h4 span {font-size:calc(40 / 1000 * 100vw); margin-left: 0.2em;line-height: 100%;}
.qual_psy > div.step div.flow > div > div {padding:calc(46 / 1000 * 100vw) calc(40 / 1000 * 100vw);}
.qual_psy > div.step div.flow > div ol li {font-size: calc(20 / 1000 * 100vw); text-align: center; position: relative;}
.qual_psy > div.step div.flow > div ol li:after {content: ""; width:calc(21 / 1000 * 100vw); height:calc(18 / 1000 * 100vw); clip-path: polygon(0 0, 100% 0%, 50% 100%); background-color: #3EA2A8; position:absolute; left: 0; right: 0; margin: auto; bottom: calc(calc(37 / 1000 * 100vw) * -1); }
.qual_psy > div.step div.flow > div ol li:last-child:after {content: none;}
.qual_psy > div.step div.flow > div ol li + li {margin-top:calc(60 / 1000 * 100vw);}
.qual_psy > div.step div.flow > div ol li span {display: inline-block; width:calc(282 / 1000 * 100vw); color: #3EA2A8; background-color:#FFF; border: 2px solid #3EA2A8; border-radius:calc(3 / 1000 * 100vw); padding: calc(5 / 1000 * 100vw) 0px;}
.qual_psy > div.step div.flow > div  > div > p {font-size:calc(16 / 1000 * 100vw);margin-top: calc(30 / 1000 * 100vw);position:relative; padding-left: 1.5em;}
.qual_psy > div.step div.flow > div  > div > p:before {content: "※"; position: absolute; left: 0;top: 0;}
.qual_psy > div.faq {margin-top:calc(120 / 1000 * 100vw);}
.qual_psy > div.faq > div {margin-top:calc(60 / 1000 * 100vw);}
.qual_psy > div.faq > div dl dt {background-color: #F5FBFE; font-size:calc(20 / 1000 * 100vw); font-weight: 700; color: #3EA2A8; position: relative; padding: calc(28 / 1000 * 100vw) calc(80 / 1000 * 100vw);}
.qual_psy > div.faq > div dl dt:before {content: "Q"; line-height: 100%; font-size:calc(30 / 1000 * 100vw); font-weight: 700;color: #3EA2A8; position: absolute; left:calc(40 / 1000 * 100vw); top: calc(50% - calc(16 / 1000 * 100vw));}
.qual_psy > div.faq > div dl dd {font-size: calc(18 / 1000 * 100vw);padding: calc(28 / 1000 * 100vw) calc(80 / 1000 * 100vw); line-height: 180%; position: relative;}
.qual_psy > div.faq > div dl dd:before {content: "A"; line-height: 100%; font-size: calc(30 / 1000 * 100vw); font-weight: 700;color: #DC6B82; position: absolute; left:calc(40 / 1000 * 100vw); top:calc(26 / 1000 * 100vw);}
.qual_psy > div.faq > div dl + dl {margin-top:calc(40 / 1000 * 100vw);}
.qual_psy > div.interview {margin-top:calc(120 / 1000 * 100vw);}
.qual_psy > div.interview h4 {font-size:calc(22 / 1000 * 100vw); font-weight: 700; color: #FFF; position:relative;line-height: 100%;}
.qual_psy > div.interview h4 span {background-color: #3EA2A8; border-radius:calc(3 / 1000 * 100vw);width:calc(145 / 1000 * 100vw); height:calc(40 / 1000 * 100vw); display: flex; justify-content: center; align-items: center;}
.qual_psy > div.interview h4:after {content: ""; width: 100%; height: 2px; background-color: #3EA2A8; position: absolute; left: 0; top: calc(50% - 1px);z-index: -1; }
.qual_psy > div.interview h5 {font-size:calc(28 / 1000 * 100vw); font-weight: 700;margin-top:calc(30 / 1000 * 100vw);}
.qual_psy > div.interview div.cont {margin-top:calc(30 / 1000 * 100vw);display: flex; justify-content: space-between; align-items: flex-start;}
.qual_psy > div.interview div.cont > figure {width:calc(474 / 1000 * 100vw); display: flex;justify-content: flex-end; align-items: flex-end; flex-wrap: wrap;}
.qual_psy > div.interview div.cont > figure picture {width: 100%;}
.qual_psy > div.interview div.cont > figure picture img {border-radius:calc(10 / 1000 * 100vw);}
.qual_psy > div.interview div.cont > figure figcaption {width:calc(363 / 1000 * 100vw); background-color: #FFF; border-radius: calc(10 / 1000 * 100vw) 0px 0px 0px; padding: calc(25 / 1000 * 100vw) 0px 0px calc(25 / 1000 * 100vw); margin-top:calc(calc(60 / 1000 * 100vw) * -1); box-sizing: border-box;}
.qual_psy > div.interview div.cont > figure figcaption h6 {font-size:calc(18 / 1000 * 100vw); font-weight: 700;}
.qual_psy > div.interview div.cont > figure figcaption dl dt {margin-top:calc(5 / 1000 * 100vw); font-size:calc(14 / 1000 * 100vw);}
.qual_psy > div.interview div.cont > figure figcaption dl dt strong {font-size:calc(18 / 1000 * 100vw);}
.qual_psy > div.interview div.cont > figure figcaption dl dd {font-size:calc(14 / 1000 * 100vw);}
.qual_psy > div.interview div.cont > figure figcaption p {font-size:calc(18 / 1000 * 100vw); font-weight: 700; color: #3EA2A8; margin-top:calc(5 / 1000 * 100vw);}
.qual_psy > div.interview div.cont > div.txt {width:calc(100% - calc(504 / 1000 * 100vw));}
.qual_psy > div.interview div.cont > div.txt dl dt {font-size:calc(18 / 1000 * 100vw); font-weight: 700; color: #3EA2A8;display: flex; align-items: center;}
.qual_psy > div.interview div.cont > div.txt dl dt:before {content: ""; width:calc(20 / 1000 * 100vw); height: 1px; background-color: #3EA2A8 ; display: inline-block; margin-right:calc(10 / 1000 * 100vw);}
.qual_psy > div.interview div.cont > div.txt dl dd {font-size:calc(16 / 1000 * 100vw); line-height: 180%; margin-top:calc(15 / 1000 * 100vw);}
.qual_psy > div.interview div.cont > div.txt dl + dl {margin-top:calc(50 / 1000 * 100vw);}

.qual_sc {max-width: 1200px; margin: calc(120 / 1000 * 100vw) 15px calc(100 / 1000 * 100vw);}
.qual_sc > h2 {font-size:calc(40 / 1000 * 100vw); font-weight: 700; text-align:center;}
.qual_sc > h2 + p {font-size:calc(20 / 1000 * 100vw); color: #FFF; font-weight: 700; text-align: center;}
.qual_sc > h2 + p span {width:calc(194 / 1000 * 100vw); background-color: #0181C3; border-radius:calc(3 / 1000 * 100vw); display: inline-block;padding: calc(5 / 1000 * 100vw) 0px; }
.qual_sc > div.head {margin-top:calc(60 / 1000 * 100vw); display: flex; justify-content: space-between; align-items: center;}
.qual_sc > div.head p {width:calc(100% - calc(220 / 1000 * 100vw)); line-height: 200%; font-size: calc(16 / 1000 * 100vw);}
.qual_sc > div.head figure {width:calc(200 / 1000 * 100vw);}
.qual_sc > div.head figure picture {width:calc(180 / 1000 * 100vw); margin: 0px auto;}
.qual_sc > div.head figure figcaption {margin-top:calc(10 / 1000 * 100vw);}
.qual_sc > div.head figure figcaption dl {text-align: center;}
.qual_sc > div.head figure figcaption dl dt {font-size:calc(14 / 1000 * 100vw);}
.qual_sc > div.head figure figcaption dl dd {font-size:calc(14 / 1000 * 100vw);}
.qual_sc > div.head figure figcaption dl dd strong {font-size:calc(18 / 1000 * 100vw); font-weight: 700;}
.qual_sc > div.message {margin-top:calc(80 / 1000 * 100vw);}
.qual_sc > div.message h3 {font-size:calc(22 / 1000 * 100vw); font-weight: 700; color: #FFF; position:relative;line-height: 100%;}
.qual_sc > div.message h3 span {background-color: #0181C3; border-radius:calc(3 / 1000 * 100vw);width:calc(145 / 1000 * 100vw); height:calc(40 / 1000 * 100vw); display: flex; justify-content: center; align-items: center;}
.qual_sc > div.message h3:after {content: ""; width: 100%; height: 2px; background-color: #0181C3; position: absolute; left: 0; top: calc(50% - 1px);z-index: -1; }
.qual_sc > div.message h4 {font-size:calc(28 / 1000 * 100vw); font-weight: 700;margin-top:calc(30 / 1000 * 100vw);}
.qual_sc > div.message div.cont {margin-top:calc(30 / 1000 * 100vw);display: flex; justify-content: space-between; align-items: flex-start;}
.qual_sc > div.message div.cont > figure {width: calc(474 / 1000 * 100vw); display: flex;justify-content: flex-end; align-items: flex-end; flex-wrap: wrap;}
.qual_sc > div.message div.cont > figure picture {width: 100%;}
.qual_sc > div.message div.cont > figure picture img {border-radius:calc(10 / 1000 * 100vw);}
.qual_sc > div.message div.cont > figure figcaption {width:calc(363 / 1000 * 100vw); background-color: #FFF; border-radius: calc(10 / 1000 * 100vw) 0px 0px 0px; padding: calc(25 / 1000 * 100vw) 0px 0px calc(25 / 1000 * 100vw); margin-top: calc(calc(60 / 1000 * 100vw) * -1); box-sizing: border-box;}
.qual_sc > div.message div.cont > figure figcaption h6 {font-size:calc(18 / 1000 * 100vw); font-weight: 700;}
.qual_sc > div.message div.cont > figure figcaption dl dt {margin-top:calc(5 / 1000 * 100vw); font-size:calc(14 / 1000 * 100vw);}
.qual_sc > div.message div.cont > figure figcaption dl dt strong {font-size: calc(18 / 1000 * 100vw);}
.qual_sc > div.message div.cont > figure figcaption dl dd {font-size:calc(14 / 1000 * 100vw);}
.qual_sc > div.message div.cont > div.txt {width:calc(100% - calc(504 / 1000 * 100vw));}
.qual_sc > div.message div.cont > div.txt p {font-size:calc(16 / 1000 * 100vw); line-height: 180%;}

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

.faculty_head {display: flex; flex-direction: column; justify-content: center; margin-top:calc(180 / 1000 * 100vw); align-items: center;}
.faculty_head > p:not([class]) {text-align: center; font-size:calc(18 / 1000 * 100vw);}
.faculty_head > h3 {font-size: calc(40 / 1000 * 100vw); font-weight: 700; text-align: center; margin-top: calc(20 / 1000 * 100vw);}
.faculty_head > h3 span {color: #3EA2A8;}
.faculty_head > p.txt {font-size: calc(18 / 1000 * 100vw); line-height: 200%; margin-top:calc(20 / 1000 * 100vw);}

.faculty_cont {max-width: 1200px; margin: calc(120 / 1000 * 100vw) auto 0px;}
.faculty_cont > div {display: flex; justify-content: center; align-items: stretch;gap:0 calc(26 / 1000 * 100vw); width: 100%; overflow: hidden; padding: 0px 15px; box-sizing: border-box;}
.faculty_cont > div > div {max-width: calc(415 / 1000 * 100vw); padding-top:calc(200 / 1000 * 100vw); position: relative; flex-direction: column; display: flex;}
.faculty_cont > div > div figure {position:absolute; top: 0; left: 0px; z-index: -1;}
.faculty_cont > div > div dl.name {width:calc(160 / 1000 * 100vw); border-radius:calc(5 / 1000 * 100vw); background-color: #3EA2A8; margin: 0px auto; text-align: center; color: #FFF; padding:calc(12 / 1000 * 100vw) 0px;}
.faculty_cont > div > div dl.name dt {font-size:calc(14 / 1000 * 100vw);}
.faculty_cont > div > div dl.name dt strong {font-size: calc(18 / 1000 * 100vw); font-weight:400;}
.faculty_cont > div > div dl.name dd {font-size:calc(12 / 1000 * 100vw);}
.faculty_cont > div > div div.txt {margin-top:calc(10 / 1000 * 100vw); background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); border-radius:calc(10 / 1000 * 100vw); padding:calc(20 / 1000 * 100vw); flex: 1;}
.faculty_cont > div > div div.txt h2 {font-size:calc(18 / 1000 * 100vw); color: #3EA2A8; font-weight: 700;}
.faculty_cont > div > div div.txt p {font-size:calc(16 / 1000 * 100vw); line-height: 180%; margin-top: 10px;}
.faculty_cont > div > div dl.class {padding: calc(10 / 1000 * 100vw) calc(20 / 1000 * 100vw);}
.faculty_cont > div > div dl.class dt {font-size:calc(14 / 1000 * 100vw); font-weight: 700; color: #3EA2A8; border-bottom: 1px solid #3EA2A8; padding-bottom:calc(5 / 1000 * 100vw); margin-bottom:calc(5 / 1000 * 100vw);}
.faculty_cont > div > div dl.class dd ul {display: flex; gap:0 1em; flex-wrap: wrap;}
.faculty_cont > div > div dl.class dd ul li {font-size:calc(14 / 1000 * 100vw);}
.faculty_cont > div > div dl.class dd ul li::first-letter { color: #3EA2A8;}
.faculty_cont > div + div {margin-top:calc(50 / 1000 * 100vw);}

.faculty_cont > div:last-child {margin-bottom:calc(100 / 1000 * 100vw);}

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

 .dep_head {max-width: 1086px; margin: calc(120 / 800 * 100vw) 15px 0px;}
.dep_head > h2 {font-size: calc(60 / 800 * 100vw); font-weight: 700; color: #FF9A0D; text-align: center;}
.dep_head > h2 em {font-size: calc(50 / 800 * 100vw);}
.dep_head > h2 span {color:#B39B40 ;}
.dep_head > h3 {text-align: center; color: #FF9A0D; font-size:calc(20 / 800 * 100vw); font-weight: 700; margin-top:calc(30 / 800 * 100vw);}
.dep_head > p {max-width: 840px; margin: calc(30 / 800 * 100vw) auto 0px; font-size:calc(16 / 800 * 100vw); font-weight: 700; line-height: 180%;}

.dep_head > div.aim {display: flex; flex-direction: column; justify-content:space-between; margin-top: 100px;position: relative;}
.dep_head > div.aim:after {content: ""; width: calc(50 / 800 * 100vw); height:calc(50 / 800 * 100vw); background: url("../images/dep_x.svg") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
.dep_head > div.aim > div {width:calc(410 / 800 * 100vw); margin: 0px auto;}
.dep_head > div.aim > div + div {margin-top: calc(100 / 800 * 100vw);}
.dep_head > div.aim > div figure {display: flex; justify-content: center;align-items: flex-end;}
.dep_head > div.aim > div figure picture {width:calc(97 / 800 * 100vw);margin-right:calc(20 / 800 * 100vw);}
.dep_head > div.aim > div figure figcaption p {color: #B39B40; font-size: calc(16 / 800 * 100vw); font-weight: 700; }
.dep_head > div.aim > div figure figcaption h4 {color: #FF9A0D; font-size:calc(30 / 800 * 100vw); font-weight: 700; line-height: 140%;}
.dep_head > div.aim > div h5 {background-color: #FFF; border-radius:calc(10 / 800 * 100vw);box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding:calc(20 / 800 * 100vw); font-size: calc(16 / 800 * 100vw); color: #B39B40; margin-top:calc(30 / 800 * 100vw);}

.dpt_qualifi {max-width: 800px; margin: calc(120 / 800 * 100vw) 15px 0px;}
.dpt_qualifi h2 {font-size: calc(40 / 800 * 100vw); font-weight: 700; text-align: center;}
.dpt_qualifi > div {margin-top:calc(40 / 800 * 100vw);}
.dpt_qualifi > div h3 {font-size:calc(20 / 800 * 100vw); font-weight: 700; border-bottom: 1px solid #707070; padding-bottom: 5px;}
.dpt_qualifi > div dl {display: flex; margin-top:calc(20 / 800 * 100vw); align-items: center;}
.dpt_qualifi > div dl dt {flex-shrink: 0; width: calc(144 / 800 * 100vw); height:calc(50 / 800 * 100vw); background-color: #FF9A0D; color: #FFF; font-size:calc(18 / 800 * 100vw); font-weight: 700; display: flex; justify-content: center; align-items: center; border-radius:calc(5 / 800 * 100vw); margin-right:calc(30 / 800 * 100vw);}
.dpt_qualifi > div dl dd {font-size: calc(16 / 800 * 100vw);}
.dpt_qualifi > div p {margin-top:calc(20 / 800 * 100vw);font-size:calc(16 / 800 * 100vw);}
.dpt_qualifi > div ul {margin-top:calc(20 / 800 * 100vw); display: flex; flex-wrap: wrap; gap:calc(12 / 800 * 100vw);}
.dpt_qualifi > div ul li {border: 1px solid #FF9A0D; border-radius: calc(5 / 800 * 100vw); background-color: #FFF; font-size:calc(18 / 800 * 100vw); font-weight: 700; padding:calc(12 / 800 * 100vw) calc(30 / 800 * 100vw);}
.dpt_qualifi > div ul li span {font-size: calc(14 / 800 * 100vw);}

.dpt_support {max-width: 800px; margin: calc(120 / 800 * 100vw) 15px calc(100 / 800 * 100vw);}
.dpt_support h2 {font-size:calc(40 / 800 * 100vw); font-weight: 700; text-align: center;}
.dpt_support > figure {display: flex; justify-content: space-between; align-items: center; margin-top:calc(50 / 800 * 100vw);}
.dpt_support > figure picture {width:calc(180 / 800 * 100vw);}
.dpt_support > figure picture img {border-radius:calc(5 / 800 * 100vw);}
.dpt_support > figure figcaption {width: calc(100% - calc(200 / 800 * 100vw));}
.dpt_support > figure figcaption h3 {color: #FF9A0D; font-size:calc(20 / 800 * 100vw); font-weight: 700; border-bottom: 1px solid #FF9A0D; padding-bottom:calc(10 / 800 * 100vw);}
.dpt_support > figure figcaption p {margin-top:calc(10 / 800 * 100vw); font-size:calc(16 / 800 * 100vw);}

.dpt_support > div.interview {margin-top:calc(70 / 800 * 100vw);}
.dpt_support > div.interview > p:not([clsss]) {font-size:calc(22 / 800 * 100vw); font-weight: 700; color: #FFF; position:relative;line-height: 100%; }
.dpt_support > div.interview > p:not([clsss]) span {background-color: #FF9A0D; border-radius: 3px;width: calc(145 / 800 * 100vw); height:calc(40 / 800 * 100vw); display: flex; justify-content: center; align-items: center;}
.dpt_support > div.interview > p:not([clsss]):after {content: ""; width: 100%; height: 2px; background-color: #FF9A0D; position: absolute; left: 0; top: calc(50% - 1px);z-index: -1; }
.dpt_support > div.interview > div.inter_cont {margin-top:calc(24 / 800 * 100vw); display: flex; justify-content: space-between;}
.dpt_support > div.interview > div.inter_cont > div {width:calc(560 / 800 * 100vw);}
.dpt_support > div.interview > div.inter_cont > div h4 {font-size:calc(20 / 800 * 100vw); font-weight: 700;}
.dpt_support > div.interview > div.inter_cont > div p {font-size:calc(16 / 800 * 100vw); line-height: 180%; margin-top:calc(10 / 800 * 100vw);}
.dpt_support > div.interview > div.inter_cont > figure {width:calc(180 / 800 * 100vw);}
.dpt_support > div.interview > div.inter_cont > figure figcaption {text-align: center; margin-top: calc(12 / 800 * 100vw);}
.dpt_support > div.interview > div.inter_cont > figure figcaption p.role {color: #FF9A0D; font-weight: 700;font-size:calc(14 / 800 * 100vw);}
.dpt_support > div.interview > div.inter_cont > figure figcaption h5 {font-size:calc(14 / 800 * 100vw); margin: calc(5 / 800 * 100vw) 0px;}
.dpt_support > div.interview > div.inter_cont > figure figcaption h5 strong {font-size:calc(16 / 800 * 100vw); font-weight: 700;}
.dpt_support > div.interview > div.inter_cont > figure figcaption p:not([class]) {font-size:calc(12 / 800 * 100vw);}

}
@media only screen and (max-width:768px){
header.middle_head > nav {display: none;}
header.middle_head .list_icon {display:block;}
header.middle_head {display: flex; justify-content: space-between; align-items: center; padding: 0px 15px; height:calc(60 / 390 * 100vw); background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); position: fixed; width: 100%; box-sizing: border-box; z-index: 10;}
header.middle_head > p.logo {width:calc(215 / 390 * 100vw);}

.middle_header {position: relative; width: 100%; height:calc(200 / 390 * 100vw); display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover; background-position: center center;padding-top:calc(60 / 390 * 100vw);}
.middle_header > div p {font-size:calc(10 / 390 * 100vw); font-weight: 700; color: #FFF;}
.middle_header > div h1 {font-size:calc(20 / 390 * 100vw); font-weight: 700; color: #FFF;}


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

.spt_001 {max-width: 1000px; margin:calc(30 / 390 * 100vw) 15px 0px;}
.spt_002 {max-width: 1000px; margin:calc(30 / 390 * 100vw) 15px calc(50 / 390 * 100vw);}
.spt_main .head h2 {text-align: center;}
.spt_main .head figure picture img {border-radius:calc(5 / 390 * 100vw);}
.spt_main .head figure figcaption {display: flex; justify-content: space-between; margin-top: calc(calc(50 / 390 * 100vw) * -1);}
.spt_main .head figure figcaption > div {background-color: #FFF; padding:calc(10 / 390 * 100vw); border-radius:calc(5 / 390 * 100vw); display: flex; align-items: center;font-size:calc(10 / 390 * 100vw); min-width:calc(140 / 390 * 100vw); box-sizing: border-box;}
.spt_main .head figure figcaption > div h3 {margin: calc(3 / 390 * 100vw) 0px;font-size:calc(10 / 390 * 100vw); line-height: 140%;}
.spt_main .head figure figcaption > div h3 strong {font-size:calc(12 / 390 * 100vw); font-weight: 700;}
.spt_main .head figure figcaption > div.left {padding: calc(12 / 390 * 100vw) calc(12 / 390 * 100vw) calc(12 / 390 * 100vw) 0px; border-radius: 0px calc(5 / 390 * 100vw) calc(5 / 390 * 100vw) 0px;}
.spt_main .head figure figcaption > div.right {padding: calc(12 / 390 * 100vw) 0px calc(12 / 390 * 100vw) calc(12 / 390 * 100vw); border-radius: calc(5 / 390 * 100vw) 0px 0px calc(5 / 390 * 100vw)}

.spt_thema {display: flex; margin-top:calc(20 / 390 * 100vw); align-items: center;}
.spt_thema dt {font-size: calc(10 / 390 * 100vw); font-weight: 700; color: #FFF;position: relative;}
.spt_thema dt span {width: calc(70 / 390 * 100vw); height:calc(20 / 390 * 100vw); background-color: #B39B40; border: 1px solid #FFF; border-radius:calc(5 / 390 * 100vw); display: flex; justify-content: center; align-items: center;}
.spt_thema dt:after {content: ""; width:calc(20 / 390 * 100vw); height:calc(20 / 390 * 100vw); border-radius:calc(3 / 390 * 100vw);background-color: #B39B40; position: absolute; right: calc(calc(3 / 390 * 100vw) * -1); bottom: calc(calc(3 / 390 * 100vw) * -1); z-index: -1;}
.spt_thema dt:before {content: ""; width:calc(20 / 390 * 100vw); height:calc(20 / 390 * 100vw); border-radius:calc(3 / 390 * 100vw);background-color: #B39B40; position: absolute; left: calc(calc(3 / 390 * 100vw) * -1);top: calc(calc(3 / 390 * 100vw) * -1); z-index: -1;}
.spt_thema dd {font-weight: 700; font-size:calc(14 / 390 * 100vw); margin-left:calc(20 / 390 * 100vw);}

.spt_main .cont {margin-top:calc(15 / 390 * 100vw)}
.spt_main .cont > dl > dt {font-size:calc(16 / 390 * 100vw); font-weight: 700; color: #B39B40; display: flex; align-items: center;}
.spt_main .cont > dl > dt:before {content: ""; width:calc(20 / 390 * 100vw); height: 1px; background-color: #B39B40 ; display: inline-block; margin-right: calc(10 / 390 * 100vw);}
.spt_main .cont > dl > dd {font-size:calc(14 / 390 * 100vw);}
.spt_main .cont > dl > dd > dl {margin-top:calc(10 / 390 * 100vw); display: flex; justify-content: flex-start;line-height: 180%;}
.spt_main .cont > dl > dd > dl dt {flex-shrink: 0; white-space: nowrap;}
.spt_main .cont > dl + dl {margin-top:calc(15 / 390 * 100vw);}
.spt_main .cont > dl > dd > dl.fc {flex-direction: column;}

.voice_cont.sv01 {margin-top:calc(30 / 390 * 100vw);}
.voice_cont.sv04 {margin-bottom: calc(50 / 390 * 100vw);}
.voice_cont > div.head p.svn {text-align: left; font-size:calc(14 / 390 * 100vw); font-weight: 700;}
.voice_cont > div.head p.svn strong {font-size:calc(20 / 390 * 100vw);}
.voice_cont > div.head div.head_cont {display: flex; flex-direction: column; justify-content: flex-end; position: relative;}
.voice_cont > div.head div.head_cont div.txt {width: 100%; border-radius: calc(5 / 390 * 100vw); padding:calc(15 / 390 * 100vw); position: relative; left: 0; top: 0px;z-index: 1; box-sizing: border-box; color: #FFF;}
.voice_cont > div.head div.head_cont div.txt h2 {font-size: calc(16 / 390 * 100vw); font-weight: 700; display: flex; align-items: flex-end;}
.voice_cont > div.head div.head_cont div.txt h2 span {font-size:calc(30 / 390 * 100vw); line-height: 100%; margin-right:calc(15 / 390 * 100vw);}
.voice_cont > div.head div.head_cont div.txt h2 span em {font-size: calc(16 / 390 * 100vw);line-height: 150%;}
.voice_cont > div.head div.head_cont div.txt p {font-size: calc(14 / 390 * 100vw); line-height: 180%; margin-top: calc(5 / 390 * 100vw);}
.voice_cont > div.head div.head_cont figure {width: 100%; position:relative; margin-top:calc(20 / 390 * 100vw);}
.voice_cont > div.head div.head_cont figure picture img {border-radius:calc(5 / 390 * 100vw);}
.voice_cont > div.head div.head_cont figure figcaption {background-color: #FFF; padding: calc(10 / 390 * 100vw); border-radius: calc(5 / 390 * 100vw) 0px 0px 0px; position: absolute; right: 0; bottom: 0;}
.voice_cont > div.head div.head_cont figure figcaption dl dt {font-size:calc(10 / 390 * 100vw);}
.voice_cont > div.head div.head_cont figure figcaption dl dt strong {font-size:calc(12 / 390 * 100vw); font-weight: 700;}
.voice_cont > div.head div.head_cont figure figcaption dl dd {font-size: calc(10 / 390 * 100vw); margin-top:calc(3 / 390 * 100vw);}

.voice_cont + .voice_cont {margin-top: calc(30 / 390 * 100vw);}

.voice_cont.sv02 > div.head p.svn,.voice_cont.sv04 > div.head p.svn {text-align: left;}
.voice_cont.sv02 > div.head div.head_cont,.voice_cont.sv04 > div.head div.head_cont {justify-content: flex-start;}
.voice_cont.sv02 > div.head div.head_cont div.txt,.voice_cont.sv04 > div.head div.head_cont div.txt { position: relative; left: auto; right: 0px; top: 0px;}
.voice_cont.sv02 > div.head div.head_cont figure figcaption,.voice_cont.sv04 > div.head div.head_cont figure figcaption {border-radius: 0px calc(5 / 390 * 100vw) 0px 0px; position: absolute; right: auto; left: 0; bottom: 0;}

.voice_cont > div.title {max-width: 1000px; margin:calc(20 / 390 * 100vw) auto 0px;}
.voice_cont > div.title h3 {font-size:calc(16 / 390 * 100vw); font-weight: 700;}
.voice_cont > div.title p {font-size: calc(14 / 390 * 100vw); margin-top:calc(5 / 390 * 100vw); line-height: 180%;}
.voice_cont > div.time {max-width: 1000px; margin:calc(20 / 390 * 100vw) auto 0px;}
.voice_cont > div.time h4 {position: relative; display: inline-block;}
.voice_cont > div.time h4 span {padding: 0px calc(10 / 390 * 100vw); height: calc(30 / 390 * 100vw); border: calc(2 / 390 * 100vw) solid #FFF; border-radius: calc(5 / 390 * 100vw); display: flex; justify-content: center; align-items: center; color: #FFF; font-size: calc(12 / 390 * 100vw); font-weight: 700;}
.voice_cont > div.time h4:after {content: ""; width:calc(30 / 390 * 100vw); height:calc(30 / 390 * 100vw); border-radius:calc(5 / 390 * 100vw); position: absolute; right: calc(calc(3 / 390 * 100vw) * -1); bottom: calc(calc(3 / 390 * 100vw) * -1); z-index: -1;}
.voice_cont > div.time h4:before {content: ""; width: calc(30 / 390 * 100vw); height: calc(30 / 390 * 100vw); border-radius:calc(5 / 390 * 100vw); position: absolute; left: calc(calc(3 / 390 * 100vw) * -1);top: calc(calc(3 / 390 * 100vw) * -1); z-index: -1;}
.voice_cont > div.time > div {margin-top:calc(10 / 390 * 100vw);}
.voice_cont > div.time > div table {border-collapse: separate;border-spacing:1px;}
.voice_cont > div.time > div table tbody th {background-color: #AB943D; width: 19%; text-align: center; color: #FFF; font-weight: 700; padding:calc(3 / 390 * 100vw); font-size: calc(10 / 390 * 100vw);vertical-align: middle;}
.voice_cont > div.time > div table tbody tr:first-child th:first-child {background-color: #FFF;}
.voice_cont > div.time > div table tbody th:first-child {width: 5%;}
.voice_cont > div.time > div table tbody td {background-color: #E8E1C7; padding:calc(5 / 390 * 100vw) calc(8 / 390 * 100vw); font-size: calc(10 / 390 * 100vw); line-height: 140%; text-align: center; color: #FFF; vertical-align: middle;}
.voice_cont > div.life {max-width: 1000px; margin: calc(20 / 390 * 100vw) auto 0px;}
.voice_cont > div.life h4 {position: relative; display: inline-block;}
.voice_cont > div.life h4 span {padding: 0px calc(10 / 390 * 100vw); height: calc(30 / 390 * 100vw); border: calc(2 / 390 * 100vw) solid #FFF; border-radius:calc(5 / 390 * 100vw); display: flex; justify-content: center; align-items: center; color: #FFF; font-size: calc(12 / 390 * 100vw); font-weight: 700;}
.voice_cont > div.life h4:after {content: ""; width: calc(30 / 390 * 100vw); height: calc(30 / 390 * 100vw); border-radius:calc(5 / 390 * 100vw); position: absolute; right: calc(calc(3 / 390 * 100vw) * -1); bottom: calc(calc(3 / 390 * 100vw) * -1); z-index: -1;}
.voice_cont > div.life h4:before {content: ""; width: calc(30 / 390 * 100vw); height: calc(30 / 390 * 100vw); border-radius: calc(5 / 390 * 100vw); position: absolute; left: calc(calc(3 / 390 * 100vw) * -1);top: calc(calc(3 / 390 * 100vw) * -1); z-index: -1;}
.voice_cont > div.life figure {display: flex;margin-top: calc(10 / 390 * 100vw); align-items: center;}
.voice_cont > div.life figure picture {width:calc(140 / 390 * 100vw); flex-shrink: 0; margin-right:calc(10 / 390 * 100vw);}
.voice_cont > div.life figure picture img {border-radius:calc(5 / 390 * 100vw);}
.voice_cont > div.life figure figcaption {font-size:calc(12 / 390 * 100vw); line-height: 180%;}
.voice_cont > div.life figure + figure {flex-direction: row-reverse;}
.voice_cont > div.topics {max-width: 1000px; margin:calc(20 / 390 * 100vw) auto 0px;}
.voice_cont > div.topics h4 {font-size:calc(12 / 390 * 100vw); font-weight: 700; color: #FFF; position:relative;line-height: 100%;}
.voice_cont > div.topics h4 span {border-radius:calc(3 / 390 * 100vw);width:calc(100 / 390 * 100vw); height:calc(20 / 390 * 100vw); display: flex; justify-content: center; align-items: center; padding-left:calc(10 / 390 * 100vw); box-sizing: border-box;}
.voice_cont > div.topics h4:after {content: ""; width: 100%; height:2px; position: absolute; left: 0; top: calc(50% - 1px);z-index: -1; }
.voice_cont > div.topics h4:before {content: "";width: calc(14 / 390 * 100vw); height:calc(14 / 390 * 100vw); background: url(../images/voice_topics.svg) no-repeat; background-size: cover; position: absolute; left:calc(10 / 390 * 100vw); top: calc(50% - calc(7 / 390 * 100vw)); }
.voice_cont > div.topics h5 {font-size:calc(16 / 390 * 100vw); font-weight: 700;margin-top: calc(10 / 390 * 100vw);}
.voice_cont > div.topics p {font-size:calc(14 / 390 * 100vw); line-height: 180%; margin-top:calc(5 / 390 * 100vw);}

.dep_head {max-width: 1086px; margin: calc(40 / 390 * 100vw) 15px 0px;}
.dep_head > h2 {font-size: calc(20 / 390 * 100vw); font-weight: 700; color: #FF9A0D; text-align: center;}
.dep_head > h2 em {font-size: calc(18 / 390 * 100vw);}
.dep_head > h2 span {color:#B39B40 ;}
.dep_head > h3 {text-align: center; color: #FF9A0D; font-size:calc(16 / 390 * 100vw); font-weight: 700; margin-top:calc(15 / 390 * 100vw);}
.dep_head > p {max-width: 840px; margin: calc(15 / 390 * 100vw) auto 0px; font-size:calc(14 / 390 * 100vw); font-weight: 700; line-height: 180%;}

.dep_head > div.aim {display: flex; flex-direction: column; justify-content:space-between; margin-top:calc(20 / 390 * 100vw);position: relative;}
.dep_head > div.aim:after {content: ""; width: calc(25 / 390 * 100vw); height:calc(25 / 390 * 100vw); background: url("../images/dep_x.svg") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
.dep_head > div.aim > div {width:calc(350 / 390 * 100vw); margin: 0px auto;}
.dep_head > div.aim > div + div {margin-top: calc(50 / 390 * 100vw);}
.dep_head > div.aim > div figure {display: flex; justify-content: center;align-items: flex-end;}
.dep_head > div.aim > div figure picture {width:calc(50 / 390 * 100vw);margin-right:calc(10 / 390 * 100vw);}
.dep_head > div.aim > div figure figcaption p {color: #B39B40; font-size: calc(12 / 390 * 100vw); font-weight: 700; }
.dep_head > div.aim > div figure figcaption h4 {color: #FF9A0D; font-size:calc(18 / 390 * 100vw); font-weight: 700; line-height: 140%;}
.dep_head > div.aim > div h5 {background-color: #FFF; border-radius:calc(5 / 390 * 100vw);box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding:calc(10 / 390 * 100vw); font-size: calc(14 / 390 * 100vw); color: #B39B40; margin-top:calc(15 / 390 * 100vw);}

.dpt_qualifi {max-width: 800px; margin: calc(30 / 390 * 100vw) 15px 0px;}
.dpt_qualifi h2 {font-size: calc(20 / 390 * 100vw); font-weight: 700; text-align: center;}
.dpt_qualifi > div {margin-top:calc(20 / 390 * 100vw);}
.dpt_qualifi > div h3 {font-size:calc(14 / 390 * 100vw); font-weight: 700; border-bottom: 1px solid #707070; padding-bottom: 5px;}
.dpt_qualifi > div dl {display: flex; margin-top:calc(10 / 390 * 100vw); align-items: center;}
.dpt_qualifi > div dl dt {flex-shrink: 0; width: calc(110 / 390 * 100vw); height:calc(30 / 390 * 100vw); background-color: #FF9A0D; color: #FFF; font-size:calc(16 / 390 * 100vw); font-weight: 700; display: flex; justify-content: center; align-items: center; border-radius:calc(5 / 390 * 100vw); margin-right:calc(15 / 390 * 100vw);}
.dpt_qualifi > div dl dd {font-size: calc(14 / 390 * 100vw);}
.dpt_qualifi > div p {margin-top:calc(10 / 390 * 100vw);font-size:calc(14 / 390 * 100vw);}
.dpt_qualifi > div ul {margin-top:calc(10 / 390 * 100vw); display: flex; flex-wrap: wrap; gap:calc(6 / 390 * 100vw);}
.dpt_qualifi > div ul li {border: 1px solid #FF9A0D; border-radius: calc(5 / 390 * 100vw); background-color: #FFF; font-size:calc(14 / 390 * 100vw); font-weight: 700; padding:calc(6 / 390 * 100vw) calc(15 / 390 * 100vw);}
.dpt_qualifi > div ul li span {font-size: calc(10 / 390 * 100vw);}

.dpt_support {max-width: 800px; margin: calc(30 /390 * 100vw) 15px calc(50 / 390 * 100vw);}
.dpt_support h2 {font-size:calc(20 / 390 * 100vw); font-weight: 700; text-align: center;}
.dpt_support > figure {display: flex; justify-content: space-between; align-items: flex-start; margin-top:calc(25 / 390 * 100vw);}
.dpt_support > figure picture {width:calc(90 / 390 * 100vw);}
.dpt_support > figure picture img {border-radius:calc(5 / 390 * 100vw);}
.dpt_support > figure figcaption {width: calc(100% - calc(100 / 390 * 100vw));}
.dpt_support > figure figcaption h3 {color: #FF9A0D; font-size:calc(16 / 390 * 100vw); font-weight: 700; border-bottom: 1px solid #FF9A0D; padding-bottom:calc(5 / 390 * 100vw);}
.dpt_support > figure figcaption p {margin-top:calc(10/ 390 * 100vw); font-size:calc(14 / 390 * 100vw);}

.dpt_support > div.interview {margin-top:calc(30 / 390 * 100vw);}
.dpt_support > div.interview > p:not([clsss]) {font-size:calc(16 / 390 * 100vw); font-weight: 700; color: #FFF; position:relative;line-height: 100%; }
.dpt_support > div.interview > p:not([clsss]) span {background-color: #FF9A0D; border-radius: 3px;width: calc(100 / 390 * 100vw); height:calc(30 / 390 * 100vw); display: flex; justify-content: center; align-items: center;}
.dpt_support > div.interview > p:not([clsss]):after {content: ""; width: 100%; height: 2px; background-color: #FF9A0D; position: absolute; left: 0; top: calc(50% - 1px);z-index: -1; }
.dpt_support > div.interview > div.inter_cont {margin-top:calc(12 / 390 * 100vw); display: flex; flex-direction: column; justify-content: space-between;}
.dpt_support > div.interview > div.inter_cont > div {width:100%;}
.dpt_support > div.interview > div.inter_cont > div h4 {font-size:calc(16 / 390 * 100vw); font-weight: 700;}
.dpt_support > div.interview > div.inter_cont > div p {font-size:calc(14 / 390 * 100vw); line-height: 180%; margin-top:calc(10 / 390 * 100vw);}
.dpt_support > div.interview > div.inter_cont > figure {width:100%; display: flex; align-items: center; justify-content: center; margin-top: calc(20 / 390 * 100vw);}
.dpt_support > div.interview > div.inter_cont > figure picture {width:calc(100 / 390 * 100vw); margin-right:calc(10 / 390 * 100vw);}
.dpt_support > div.interview > div.inter_cont > figure figcaption {text-align: left; margin-top: 0px;}
.dpt_support > div.interview > div.inter_cont > figure figcaption p.role {color: #FF9A0D; font-weight: 700;font-size:calc(14 / 390 * 100vw);}
.dpt_support > div.interview > div.inter_cont > figure figcaption h5 {font-size:calc(14 / 390 * 100vw); margin: calc(3 / 390 * 100vw) 0px;}
.dpt_support > div.interview > div.inter_cont > figure figcaption h5 strong {font-size:calc(14 / 390 * 100vw); font-weight: 700;}
.dpt_support > div.interview > div.inter_cont > figure figcaption p:not([class]) {font-size:calc(11 / 390 * 100vw);}

.curr_head {max-width: 1200px; margin: calc(30 / 390 * 100vw) 15px 0px;}
.curr_head > div.txt {max-width: 800px; margin: 0px auto;}
.curr_head > div.txt h2 {font-size: calc(14 / 390 * 100vw); font-weight: 700; line-height: 180%; text-align: left;}
.curr_head > div.howto {margin-top:calc(40 / 390 * 100vw); display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.curr_head > div.howto > div {width: 100%;}
.curr_head > div.howto > div h3 {position: relative; display: inline-block;}
.curr_head > div.howto > div h3 span {width:auto; padding: 0px calc(10 / 390 * 100vw); height:calc(30 / 390 * 100vw); background-color: #FF9A0D; border: 2px solid #FFF; border-radius:calc(5 / 390 * 100vw); display: flex; justify-content: center; align-items: center; color: #FFF; font-size: calc(12 / 390 * 100vw); font-weight: 700;}
.curr_head > div.howto > div h3:after {content: ""; width:calc(30 / 390 * 100vw); height:calc(30 / 390 * 100vw); border-radius: 5px;background-color: #FF9A0D; position: absolute; right: calc(calc(3 / 390 * 100vw) * -1); bottom: calc(calc(3 / 390 * 100vw) * -1); z-index: -1;}
.curr_head > div.howto > div h3:before {content: ""; width: calc(30 / 390 * 100vw); height: calc(30 / 390 * 100vw); border-radius: calc(5 / 390 * 100vw);background-color: #FF9A0D; position: absolute; left:calc(calc(3 / 390 * 100vw) * -1);top: calc(calc(3 / 390 * 100vw) * -1); z-index: -1;}
.curr_head > div.howto > div p {font-size:calc(14 / 390 * 100vw); margin-top: calc(15 / 390 * 100vw); line-height: 180%;}
.curr_head > div.howto > figure {width:calc(150 / 390 * 100vw);}
.curr_head > div.howto > figure figcaption {text-align: center; margin-top: calc(10 / 390 * 100vw);}
.curr_head > div.howto > figure figcaption dl {font-size:calc(12 / 390 * 100vw);}
.curr_head > div.howto > figure figcaption dl dd strong {font-size:calc(14 / 390 * 100vw); font-weight: 700;}
.curr_head > figure.howto_img { background-color: #FFFBF2; border: 1px solid #FF9A0D; border-radius:calc(5 / 390 * 100vw);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: calc(30 / 390 * 100vw) calc(30 / 390 * 100vw) calc(20 / 390 * 100vw); margin-top: calc(20 / 390 * 100vw);}

.curr_cont {max-width: 1200px; margin: calc(60 / 390 * 100vw) 15px 0px;}
.curr_cont > div {max-width: 1200px; margin: calc(0 / 390 * 100vw) auto 0px;}
.curr_cont > div table {border-right: 1px solid #B39B40; border-bottom: 1px solid #B39B40;}
.curr_cont > div table caption {text-align: right; font-size:calc(10 / 390 * 100vw); font-weight: 700; margin-bottom:calc(5 / 390 * 100vw);}
.curr_cont > div table caption span {color: #3EA2A8;}
.curr_cont > div table thead {display: none;}
.curr_cont > div table thead th {width: 21%; text-align: center;border-left: 1px solid #FFF; border-top: 1px solid #FFF; box-sizing: border-box; padding: calc(10 / 1200 * 100vw) calc(10 / 1200 * 100vw); background-color: #B39B40; color: #FFF; font-weight: 700; vertical-align: middle; font-size: calc(14 / 1200 * 100vw);}
.curr_cont > div table thead th:first-child {width: 16%; background-color: inherit;}
.curr_cont > div table thead th span {font-size:calc(40 / 1200 * 100vw); margin-right:calc(5 / 1200 * 100vw);}
.curr_cont > div table tbody th { width: 100%; display: block; border-left: 1px solid #B39B40; border-top: 1px solid #B39B40; box-sizing: border-box; padding: calc(15 / 390 * 100vw) calc(10 / 390 * 100vw); text-align: center; background-color: #3EA2A8; color: #FFF; font-weight: 700; font-size: calc(16 / 390 * 100vw); position: relative;}
.curr_cont > div table tbody th:before {content: "授業科目名";position: absolute; left: 0; top: 0; font-size:calc(12 / 390 * 100vw); background-color: #B39B40; color: #FFF; padding: calc(3 / 390 * 100vw) calc(10 / 390 * 100vw);}
.curr_cont > div table tbody td {width: 100%; display: block;border-left: 1px solid #B39B40; border-top: 1px solid #B39B40; box-sizing: border-box;padding: calc(34 / 390 * 100vw) calc(10 / 390 * 100vw) calc(10 / 390 * 100vw); font-size:calc(14 / 390 * 100vw); position:relative;}
.curr_cont > div table tbody td:before {content: "1年次"; position: absolute; left: 0; top: 0; font-size:calc(12 / 390 * 100vw); background-color: #B39B40; color: #FFF; padding:calc(3 / 390 * 100vw) calc(10 / 390 * 100vw);}
.curr_cont > div table tbody td.no:after {content: "-";}
.curr_cont > div table tbody td:nth-child(3):before {content: "2年次";}
.curr_cont > div table tbody td:nth-child(4):before {content: "3年次";}
.curr_cont > div table tbody td:nth-child(5):before {content: "4年次";}
.curr_cont > div table tbody td ul li {margin-bottom:calc(3 / 390 * 100vw); padding: 0px 0.5em 0 1em;}
.curr_cont > div table tbody td ul li:last-child {margin-bottom: 0px;}
.curr_cont > div table tbody td ul li.c_001 { background-color: #F8D2E2;}
.curr_cont > div table tbody td ul li.c_002 { background-color: #C7E8FA;}
.curr_cont > div table tbody td ul li.c_003 { background-color: #F9CD83;}
.curr_cont > div table tbody td ul li.c_004 { background-color: #E4E98B;}
.curr_cont > div table tbody td ul li.required:before { content:"◆"; margin-right:calc(5 / 390 * 100vw); color: #3EA2A8;}
.curr_cont > div table tbody tr:nth-child(odd) td {background-color: #FBF9F4;}
.curr_cont > div .table_under {display: flex; flex-direction: column; justify-content: space-between; margin-top:calc(10 / 390 * 100vw);}
.curr_cont > div .table_under ul li {font-size:calc(12 / 390 * 100vw); position: relative; padding-left: 2em; margin-bottom:calc(5 / 390 * 100vw);}
.curr_cont > div .table_under ul li:before {content: ""; width: 1.5em; height: 0.8em; position: absolute; left: 0; top:calc(5 / 390 * 100vw);}
.curr_cont > div .table_under ul li.c_001:before {content: ""; background-color:#F8D2E2; }
.curr_cont > div .table_under ul li.c_002:before {content: ""; background-color:#C7E8FA; }
.curr_cont > div .table_under ul li.c_003:before {content: ""; background-color:#F9CD83; }
.curr_cont > div .table_under ul li.c_004:before {content: ""; background-color:#E4E98B; }
.curr_cont > div .table_under ol {counter-reset: num;}
.curr_cont > div .table_under ol li {font-size:calc(12 / 390 * 100vw); position: relative; padding-left: 2em;}
.curr_cont > div .table_under ol li:before {counter-increment: num;content:"※" counter(num);position:absolute;left:0px;top:0;}

.curr_cont > div div.syllabus {max-width: 880px; border-radius:calc(5 / 390 * 100vw); background-color: #3EA2A8; padding: calc(10 / 390 * 100vw); display: flex; align-items: center; flex-direction: column; justify-content: space-between; margin:calc(60 / 390 * 100vw) auto 0px;}
.curr_cont > div div.syllabus p:not([class]) {font-size:calc(14 / 390 * 100vw); font-weight: 700; color: #FFF; padding-left: calc(0 / 390 * 100vw);}
.curr_cont > div div.syllabus p.link {margin-top: calc(10 / 390 * 100vw);}
.curr_cont > div div.syllabus p.link a {background-color:#FFF; border-radius:calc(5 / 390 * 100vw); color:#FF9A0D; font-size: calc(12 / 390 * 100vw); line-height: 100%;}
.curr_cont > div div.syllabus p.link a {position: relative; padding: calc(10 / 390 * 100vw) calc(40 / 390 * 100vw); display: inline-block;}
.curr_cont > div div.syllabus p.link a:after {position: absolute;right:calc(20 / 390 * 100vw);top: calc(50% - calc(4 / 390 * 100vw));display: block;content: "";width:calc(7 / 390 * 100vw); height:calc(7 / 390 * 100vw);border-right: 2px solid #FF9A0D;border-top:2px solid #FF9A0D;transform: rotate(45deg); z-index: 2; opacity: .8; transition: all 0.5s;}

.curr_pickup {max-width: 100%; margin: calc(40 / 390 * 100vw) auto 0px; overflow: hidden;}
.curr_pickup > h2 {text-align: center; font-size:calc(18 / 390 * 100vw); font-weight: 700; padding-right: calc(34 / 390 * 100vw);}
.curr_pickup > h2 strong {font-size:calc(30 / 390 * 100vw); color: #3EA2A8; letter-spacing: 0.1em; margin-left:calc(10 / 390 * 100vw);}
.curr_pickup > h2 span {position: relative;}
.curr_pickup > h2 span:after {content: "";width: calc(34 / 390 * 100vw); height:calc(32 / 390 * 100vw); background: url(../images/curr_pickup.svg) no-repeat; background-size: cover; position: absolute; right:calc(calc(40 / 390 * 100vw) * -1); top:calc(calc(9 / 390 * 100vw) * -1);}

.pick_cont {max-width: 1200px; margin: calc(40 / 390 * 100vw) 15px calc(40 / 390 * 100vw);}
.pick_cont > div.pick_title {display: flex; align-items: center;}
.pick_cont > div.pick_title h3 {font-size:calc(15 / 390 * 100vw); font-weight: 700; margin-left:calc(10 / 390 * 100vw);}
.pick_cont > div.pick_title h4 {position: relative; display: inline-block; margin-left:calc(15 / 390 * 100vw);}
.pick_cont > div.pick_title h4 span {width:auto;padding: 0px calc(10 / 390 * 100vw); height:calc(20 / 390 * 100vw); background-color: #3EA2A8; border: 1px solid #FFF; border-radius: 3px; display: flex; justify-content: center; align-items: center; color: #FFF; font-size:calc(10 / 390 * 100vw); font-weight: 700;}
.pick_cont > div.pick_title h4:after {content: ""; width:calc(20 / 390 * 100vw); height:calc(20 / 390 * 100vw); border-radius: calc(3 / 390 * 100vw);background-color:#3EA2A8; position: absolute; right: calc(calc(3 / 390 * 100vw) * -1); bottom: calc(calc(3 / 390 * 100vw) * -1); z-index: -1;}
.pick_cont > div.pick_title h4:before {content: ""; width:calc(20 / 390 * 100vw); height:calc(20 / 390 * 100vw); border-radius: calc(3 / 390 * 100vw);background-color: #3EA2A8; position: absolute; left:calc(calc(3 / 390 * 100vw) * -1);top:calc(calc(3 / 390 * 100vw) * -1); z-index: -1;}
.pick_cont > div.pick_title p img {width:calc(30 / 390 * 100vw) ;}
.pick_cont > div.pick_w {display: flex; flex-direction: column; position: relative; margin-top:calc(10 / 390 * 100vw);}
.pick_cont > div.pick_w > div.pick_txt {max-width:calc(830 / 390 * 100vw);}
.pick_cont > div.pick_w > div.pick_txt > p {font-size:calc(14 / 390 * 100vw); line-height: 180%;}
.pick_cont > div.pick_w > div.pick_txt > figure {display: flex; flex-direction: column; justify-content:center; align-items: center; margin-top:calc(10 / 390 * 100vw); flex-wrap: wrap;}
.pick_cont > div.pick_w > div.pick_txt > figure picture {width:calc(90 / 390 * 100vw);}
.pick_cont > div.pick_w > div.pick_txt > figure figcaption {width: 100%; display: contents;}
.pick_cont > div.pick_w > div.pick_txt > figure figcaption dl {font-size:calc(12 / 390 * 100vw); display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left:calc(20 / 390 * 100vw); margin-top:calc(10 / 390 * 100vw) ;}
.pick_cont > div.pick_w > div.pick_txt > figure figcaption dl dd {margin-left:calc(0 / 390 * 100vw); text-align: center;}
.pick_cont > div.pick_w > div.pick_txt > figure figcaption dl dd strong {font-size:calc(14 / 390 * 100vw); font-weight: 700;}
.pick_cont > div.pick_w > div.pick_txt > figure figcaption p {width:100%; color: #FFF; border-radius:calc(5 / 390 * 100vw);box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding:calc(10 / 390 * 100vw); font-size:calc(14 / 390 * 100vw); line-height: 180%; color: #3EA2A8; margin-top:calc(10 / 390 * 100vw); box-sizing: border-box;}
.pick_cont > div.pick_w > figure.pick_img {position: relative; top: 0; right:0; margin-top: calc(10 / 390 * 100vw);}
.pick_cont > div.pick_w > figure.pick_img img {border-radius: calc(5 / 390 * 100vw); width:100%;}

.pick_cont.right > div.pick_title {justify-content: flex-start;}
.pick_cont.right > div.pick_w {justify-content: flex-start;}
.pick_cont.right > div.pick_w > figure.pick_img {position: relative; top: 0; right:0; left:0;}
.pick_cont.right > div.pick_title h4 span {background-color: #B39B40;}
.pick_cont.right > div.pick_title h4:after {background-color:#B39B40;}
.pick_cont.right > div.pick_title h4:before {background-color: #B39B40;}

.faculty_head {display: flex; flex-direction: column; justify-content: center; margin-top:calc(40 / 390 * 100vw); align-items: center;}
.faculty_head > p:not([class]) {text-align: center; font-size:calc(14 / 390 * 100vw);}
.faculty_head > h3 {font-size: calc(20 / 390 * 100vw); font-weight: 700; text-align: center; margin-top: calc(10 / 390 * 100vw);}
.faculty_head > h3 span {color: #3EA2A8;}
.faculty_head > p.txt {font-size: calc(12 / 390 * 100vw); line-height: 200%; margin-top:calc(10 / 390 * 100vw); padding: 0px 15px;}

.faculty_cont {max-width: 1200px; margin: calc(50 / 390 * 100vw) auto 0px;}
.faculty_cont > div {display: flex; flex-direction: column; justify-content: center; align-items: stretch;gap:0 0; width: 100%; overflow: hidden; padding: 0px 15px; box-sizing: border-box;}
.faculty_cont > div > div {max-width: 100%; padding-top:calc(200 / 390 * 100vw); position: relative; flex-direction: column; display: flex;}
.faculty_cont > div > div figure {position:absolute; top: 0; left: 0px; z-index: -1;max-width: 300px;}
.faculty_cont > div > div dl.name {width:calc(160 / 390 * 100vw); border-radius:calc(5 / 390 * 100vw); background-color: #3EA2A8; margin: 0px auto; text-align: center; color: #FFF; padding:calc(12 / 390 * 100vw) 0px;}
.faculty_cont > div > div dl.name dt {font-size:calc(14 / 390 * 100vw);}
.faculty_cont > div > div dl.name dt strong {font-size: calc(16 / 390 * 100vw); font-weight:400;}
.faculty_cont > div > div dl.name dd {font-size:calc(12 / 390 * 100vw);}
.faculty_cont > div > div div.txt {margin-top:calc(10 / 390 * 100vw); background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); border-radius:calc(10 / 390* 100vw); padding:calc(15 / 390 * 100vw); flex: 1;}
.faculty_cont > div > div div.txt h2 {font-size:calc(16 / 390 * 100vw); color: #3EA2A8; font-weight: 700;}
.faculty_cont > div > div div.txt p {font-size:calc(14 / 390 * 100vw); line-height: 180%; margin-top: 10px;}
.faculty_cont > div > div dl.class {padding: calc(10 / 390 * 100vw) calc(20 / 390 * 100vw);}
.faculty_cont > div > div dl.class dt {font-size:calc(14 / 390 * 100vw); font-weight: 700; color: #3EA2A8; border-bottom: 1px solid #3EA2A8; padding-bottom:calc(5 / 390 * 100vw); margin-bottom:calc(5 / 390 * 100vw);}
.faculty_cont > div > div dl.class dd ul {display: flex; gap:0 1em; flex-wrap: wrap;}
.faculty_cont > div > div dl.class dd ul li {font-size:calc(14 / 390 * 100vw);}
.faculty_cont > div > div dl.class dd ul li::first-letter { color: #3EA2A8;}
.faculty_cont > div + div {margin-top:calc(30 / 390 * 100vw);}

.faculty_cont > div:last-child {margin-bottom:calc(100 / 390 * 100vw);}

.grad_head {max-width: 800px; margin: calc(40 / 390 * 100vw) 15px 0px;}
.grad_head p {font-size: calc(14 / 390 * 100vw); font-weight: 700; line-height: 180%;}

.grad_voice {max-width: 1200px; margin: calc(40 / 390 * 100vw) 15px 0px;}
.grad_voice > h2 {text-align: center;font-size: calc(20 / 390 * 100vw); font-weight: 700;}
.grad_voice > div.grad_voice_cont > div {display: flex; flex-direction: column; position: relative; justify-content: space-between; margin-top: calc(30 / 390 * 100vw);}
.grad_voice > div.grad_voice_cont > div picture {width:100%;order: 3; margin-top: calc(20 / 390 * 100vw);}
.grad_voice > div.grad_voice_cont > div picture img {border-radius: calc(5 / 390 * 100vw);}
.grad_voice > div.grad_voice_cont > div > div.txt {width:100%; position: relative; display: contents;}
.grad_voice > div.grad_voice_cont > div > div.txt h3 {font-size:calc(16 / 390 * 100vw); font-weight: 700; color: #FFF; position:relative;line-height: 100%; order: 1;}
.grad_voice > div.grad_voice_cont > div > div.txt h3 span {background-color: #DC6B82; border-radius:calc(3 / 390 * 100vw);width:calc(100 / 390 * 100vw); height:calc(30 / 390 * 100vw); display: flex; justify-content: center; align-items: center;}
.grad_voice > div.grad_voice_cont > div > div.txt h3:after {content: ""; width: 100%; height: 2px; background-color: #DC6B82; position: absolute; left: 0; top: calc(50% - 1px);z-index: -1; }
.grad_voice > div.grad_voice_cont > div > div.txt h4 {font-size:calc(18 / 390 * 100vw); font-weight: 700; margin: calc(20 / 390 * 100vw) 0px 0px 0px;order: 2;}
.grad_voice > div.grad_voice_cont > div > div.txt dl {margin:calc(10 / 390 * 100vw) 0px 0px 15px;order: 4;}
.grad_voice > div.grad_voice_cont > div > div.txt dl dt {font-size: calc(14 / 390 * 100vw);}
.grad_voice > div.grad_voice_cont > div > div.txt dl dt strong {font-size: calc(16 / 390 * 100vw); color: #DC6B82; font-weight: 700; }
.grad_voice > div.grad_voice_cont > div > div.txt dl dd {font-size:calc(12 / 390 * 100vw);}
.grad_voice > div.grad_voice_cont > div > div.txt p {background-color: #FAFAFA; border-radius:calc(10 / 390 * 100vw); padding: 15px; font-size: calc(14 / 390 * 100vw); line-height: 180%; margin: calc(10 / 390 * 100vw) 0px 0px 0px; order: 5;}
.grad_voice > div.grad_voice_cont > div:nth-child(even) {flex-direction: column;}
.grad_voice > div.grad_voice_cont > div:nth-child(even) > div.txt p {background-color: #FFF; border-radius:calc(10 / 390 * 100vw); padding: 15px; font-size: calc(14 / 390 * 100vw); line-height: 180%; margin: calc(10 / 390 * 100vw) 0px 0px 0px;}

.grad_emp {max-width: 1200px; margin: calc(50 / 390 * 100vw) auto 0px;}
.grad_emp > h2 {text-align: center;font-size:calc(20 / 390 * 100vw); font-weight: 700;}
.grad_emp > h2 + p {text-align: center; font-size: calc(14 / 390 * 100vw); font-weight: 700;}
.grad_emp > div.grad_emp_rate { background: url(../images/grad_emp_bg.png) no-repeat; background-size: cover; padding: calc(36 / 1000 * 100vw) calc(20 / 1000 * 100vw); border-radius: 0px; display: flex; justify-content: space-between; margin-top:calc(60 / 1000 * 100vw);}
.grad_emp > div.grad_emp_rate dl dt {font-size:calc(40 / 1000 * 100vw); font-weight: 700; line-height: 100%; border-bottom: 2px solid #707070; margin-bottom:calc(10 / 1000 * 100vw); padding:0px calc(50 / 1000 * 100vw) calc(15 / 1000 * 100vw) 0px; position:relative;}
.grad_emp > div.grad_emp_rate dl dt span {font-size: calc(60 / 1000 * 100vw);}
.grad_emp > div.grad_emp_rate dl dt::after {content: ""; width:calc(30 / 1000 * 100vw); height: 2px; background-color: #707070; position: absolute; bottom: calc(8 / 1000 * 100vw); right: calc(calc(5 / 1000 * 100vw) * -1); transform: rotate(45deg);}
.grad_emp > div.grad_emp_rate dl dd {font-size: calc(30 / 1000 * 100vw); font-weight: 700;}
.grad_emp > div.grad_emp_rate h3 {width: calc(413 / 1000 * 100vw);}
.grad_emp > figure.grad_emp_rate_img {max-width:calc(800 / 1000 * 100vw); margin: calc(30 / 390 * 100vw) auto 0px;}

.grad_workplace {max-width: 1200px; margin: calc(50 / 390 * 100vw) 15px calc(50 / 390 * 100vw);}
.grad_workplace > h2 {text-align: center;font-size:calc(20 / 390 * 100vw); font-weight: 700;}
.grad_workplace > h2 + p {text-align: center; font-size:calc(14 / 390 * 100vw); font-weight: 700;}
.grad_workplace > div.list {margin-top:calc(20 / 390 * 100vw); display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;}
.grad_workplace > div.list dl {width:100%;}
.grad_workplace > div.list dl dt {color: #DC6B82; font-size:calc(16 / 390 * 100vw); font-weight: 700;}
.grad_workplace > div.list dl:first-child {width: 100%; margin-bottom:0px;}
.grad_workplace > div.list dl:first-child dd {display: flex; flex-direction: column; justify-content: space-between;}
.grad_workplace > div.list dl:first-child dd ul {width:100%;}
.grad_workplace > div.list dl dd {margin-top:calc(10 / 390 * 100vw);}
.grad_workplace > div.list dl dd ul li {font-size:calc(14 / 390 * 100vw);}
.grad_workplace > div.list dl dd ul li span {margin-left: 2em;}
.grad_workplace > div.list dl dd ul li + li {margin-top:calc(5 / 390 * 100vw);}
.grad_workplace > div.list dl + dl {margin-top:calc(20 / 390 * 100vw);}

.qual_psy {max-width: 1200px; margin: calc(40 / 390 * 100vw) 15px 0px;}
.qual_psy > h2 {font-size:calc(20 / 390 * 100vw); font-weight: 700; text-align:center;}
.qual_psy > h2 + p {font-size:calc(16 / 390 * 100vw); color: #FFF; font-weight: 700; text-align: center;}
.qual_psy > h2 + p span {width:auto; background-color: #3EA2A8; border-radius:calc(3 / 390 * 100vw); display: inline-block;padding:calc(5 / 390 * 100vw) calc(20 / 390 * 100vw); }
.qual_psy > p.txt {font-size:calc(16 / 390 * 100vw); font-weight: 700; line-height: 180%; max-width:calc(800 / 390 * 100vw); margin: calc(20 / 390 * 100vw) auto 0px;}

.qual_psy h3 {position: relative; display: inline-block;}
.qual_psy h3 span {width:auto; padding: 0px calc(10 / 390 * 100vw); height:calc(30 / 390 * 100vw); background-color: #3EA2A8; border: 2px solid #FFF; border-radius: calc(5 / 390 * 100vw); display: flex; justify-content: center; align-items: center; color: #FFF; font-size:calc(12 / 390 * 100vw); font-weight: 700;}
.qual_psy h3:after {content: ""; width:calc(30 / 390 * 100vw); height:calc(30 / 390 * 100vw); border-radius:calc(5 / 390 * 100vw);background-color: #3EA2A8; position: absolute; right: calc(calc(3 / 390 * 100vw) * -1); bottom: calc(calc(3 / 390 * 100vw) * -1); z-index: -1;}
.qual_psy h3:before {content: ""; width:calc(30 / 390 * 100vw); height:calc(30 / 390 * 100vw); border-radius: 5px;background-color: #3EA2A8; position: absolute; left:calc(calc(3 / 390 * 100vw) * -1);top: calc(calc(3 / 390 * 100vw) * -1); z-index: -1;}

.qual_psy > div.places {margin-top: calc(40 / 390 * 100vw);}
.qual_psy > div.places ul {margin-top:calc(20 / 390 * 100vw); display: flex; flex-wrap: wrap; gap:0.5em; font-size:calc(14 / 390 * 100vw);}
.qual_psy > div.places ul li::first-letter {color:#3EA2A8 ;}
.qual_psy > div.step {margin-top:calc(40 / 390 * 100vw);}
.qual_psy > div.step div.flow {margin-top:calc(20 / 390 * 100vw); display: flex; flex-direction: column; justify-content: space-between;}
.qual_psy > div.step div.flow > div {width:100%; background-color: #ECE9E2; border-radius:calc(5 / 390 * 100vw);}
.qual_psy > div.step div.flow > div h4 {background-color: #3EA2A8; font-size:calc(14 / 390 * 100vw); font-weight: 700; color: #FFF; text-align: center; line-height: 100%; padding: calc(10 / 390 * 100vw) 0px; border-radius: calc(5 / 390 * 100vw) calc(5 / 390 * 100vw) 0px 0px;}
.qual_psy > div.step div.flow > div h4 span {font-size:calc(20 / 390 * 100vw); margin-left: 0.2em;line-height: 100%;}
.qual_psy > div.step div.flow > div > div {padding:calc(23 / 390 * 100vw) calc(20 / 390 * 100vw);}
.qual_psy > div.step div.flow > div ol li {font-size: calc(14 / 390 * 100vw); text-align: center; position: relative;}
.qual_psy > div.step div.flow > div ol li:after {content: ""; width:calc(21 / 390 * 100vw); height:calc(18 / 390 * 100vw); clip-path: polygon(0 0, 100% 0%, 50% 100%); background-color: #3EA2A8; position:absolute; left: 0; right: 0; margin: auto; bottom: calc(calc(37 / 390 * 100vw) * -1); }
.qual_psy > div.step div.flow > div ol li:last-child:after {content: none;}
.qual_psy > div.step div.flow > div ol li + li {margin-top:calc(60 / 390 * 100vw);}
.qual_psy > div.step div.flow > div ol li span {display: inline-block; width:calc(252 / 390 * 100vw); color: #3EA2A8; background-color:#FFF; border: 2px solid #3EA2A8; border-radius:calc(3 / 390 * 100vw); padding: calc(5 / 390 * 100vw) 0px;}
.qual_psy > div.step div.flow > div  > div > p {font-size:calc(12 / 390 * 100vw);margin-top: calc(20 / 390 * 100vw);position:relative; padding-left: 1.5em;}
.qual_psy > div.step div.flow > div  > div > p:before {content: "※"; position: absolute; left: 0;top: 0;}
.qual_psy > div.step div.flow > div + div {margin-top: calc(20 / 390 * 100vw);}
.qual_psy > div.faq {margin-top:calc(40 / 390 * 100vw);}
.qual_psy > div.faq > div {margin-top:calc(20 / 390 * 100vw);}
.qual_psy > div.faq > div dl dt {background-color: #F5FBFE; font-size:calc(16 / 390 * 100vw); font-weight: 700; color: #3EA2A8; position: relative; padding: calc(14 / 390 * 100vw) calc(15 / 390 * 100vw) calc(14 / 390 * 100vw) calc(40 / 390 * 100vw);}
.qual_psy > div.faq > div dl dt:before {content: "Q"; line-height: 100%; font-size:calc(24 / 390 * 100vw); font-weight: 700;color: #3EA2A8; position: absolute; left:calc(8 / 390 * 100vw); top: calc(50% - calc(12 / 390 * 100vw));}
.qual_psy > div.faq > div dl dd {font-size: calc(14 / 390 * 100vw);padding: calc(14 / 390 * 100vw) calc(15 / 390 * 100vw) calc(14 / 390 * 100vw) calc(40 / 390 * 100vw); line-height: 180%; position: relative;}
.qual_psy > div.faq > div dl dd:before {content: "A"; line-height: 100%; font-size: calc(24 / 390 * 100vw); font-weight: 700;color: #DC6B82; position: absolute; left:calc(10 / 390 * 100vw); top:calc(12 / 390 * 100vw);}
.qual_psy > div.faq > div dl + dl {margin-top:calc(20 / 390 * 100vw);}
.qual_psy > div.interview {margin-top:calc(30 / 390 * 100vw);}
.qual_psy > div.interview h4 {font-size:calc(16 / 390 * 100vw); font-weight: 700; color: #FFF; position:relative;line-height: 100%;}
.qual_psy > div.interview h4 span {background-color: #3EA2A8; border-radius:calc(3 / 390 * 100vw);width:calc(100 / 390 * 100vw); height:calc(30 / 390 * 100vw); display: flex; justify-content: center; align-items: center;}
.qual_psy > div.interview h4:after {content: ""; width: 100%; height: 2px; background-color: #3EA2A8; position: absolute; left: 0; top: calc(50% - 1px);z-index: -1; }
.qual_psy > div.interview h5 {font-size:calc(16 / 390 * 100vw); font-weight: 700;margin-top:calc(10 / 390 * 100vw);}
.qual_psy > div.interview div.cont {margin-top:calc(20 / 390 * 100vw);display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;}
.qual_psy > div.interview div.cont > figure {width:100%; display: flex;justify-content: flex-end; align-items: flex-end; flex-wrap: wrap;}
.qual_psy > div.interview div.cont > figure picture {width: 100%;}
.qual_psy > div.interview div.cont > figure picture img {border-radius:calc(5 / 390 * 100vw);}
.qual_psy > div.interview div.cont > figure figcaption {width:calc(100% - 30px); background-color: #FFF; border-radius: calc(5 / 390 * 100vw); padding: calc(15 / 390 * 100vw); margin:calc(calc(30 / 390 * 100vw) * -1) auto 0px; box-sizing: border-box;}
.qual_psy > div.interview div.cont > figure figcaption h6 {font-size:calc(14 / 390 * 100vw); font-weight: 700;}
.qual_psy > div.interview div.cont > figure figcaption dl dt {margin-top:calc(5 / 390 * 100vw); font-size:calc(12 / 390 * 100vw);}
.qual_psy > div.interview div.cont > figure figcaption dl dt strong {font-size:calc(14 / 390 * 100vw);}
.qual_psy > div.interview div.cont > figure figcaption dl dd {font-size:calc(12 / 390* 100vw);}
.qual_psy > div.interview div.cont > figure figcaption p {font-size:calc(14 / 390 * 100vw); font-weight: 700; color: #3EA2A8; margin-top:calc(5 / 1000 * 100vw);}
.qual_psy > div.interview div.cont > div.txt {width:100%; margin-top: calc(20 / 390 * 100vw);}
.qual_psy > div.interview div.cont > div.txt dl dt {font-size:calc(16 / 390 * 100vw); font-weight: 700; color: #3EA2A8;display: flex; align-items: center;}
.qual_psy > div.interview div.cont > div.txt dl dt:before {content: ""; width:calc(20 / 390 * 100vw); height: 1px; background-color: #3EA2A8 ; display: inline-block; margin-right:calc(10 / 390 * 100vw);}
.qual_psy > div.interview div.cont > div.txt dl dd {font-size:calc(14 / 390 * 100vw); line-height: 180%; margin-top:calc(10 / 1000 * 100vw);}
.qual_psy > div.interview div.cont > div.txt dl + dl {margin-top:calc(20 / 390 * 100vw);}

.qual_sc {max-width: 1200px; margin: calc(40 / 390 * 100vw) 15px calc(50 / 390 * 100vw);}
.qual_sc > h2 {font-size:calc(20 / 390 * 100vw); font-weight: 700; text-align:center;}
.qual_sc > h2 + p {font-size:calc(16 / 390 * 100vw); color: #FFF; font-weight: 700; text-align: center;}
.qual_sc > h2 + p span {width:auto; background-color: #0181C3; border-radius:calc(3 / 390 * 100vw); display: inline-block;padding:calc(5 / 390 * 100vw) calc(20 / 390 * 100vw); }
.qual_sc > div.head {margin-top:calc(30 / 390 * 100vw); display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.qual_sc > div.head p {width:100%; line-height: 200%; font-size: calc(14 / 390 * 100vw);}
.qual_sc > div.head figure {width:100%; margin-top:calc(20 / 390 * 100vw) ;}
.qual_sc > div.head figure picture {width:calc(100 / 390 * 100vw); margin: 0px auto;}
.qual_sc > div.head figure figcaption {margin-top:calc(10 / 390 * 100vw);}
.qual_sc > div.head figure figcaption dl {text-align: center;}
.qual_sc > div.head figure figcaption dl dt {font-size:calc(12 / 390 * 100vw);}
.qual_sc > div.head figure figcaption dl dd {font-size:calc(12 / 390 * 100vw);}
.qual_sc > div.head figure figcaption dl dd strong {font-size:calc(14 / 390 * 100vw); font-weight: 700;}

.qual_sc > div.message {margin-top:calc(30 / 390 * 100vw);}
.qual_sc > div.message h3 {font-size:calc(16 / 390 * 100vw); font-weight: 700; color: #FFF; position:relative;line-height: 100%;}
.qual_sc > div.message h3 span {background-color: #0181C3; border-radius:calc(3 / 390 * 100vw);width:calc(100 / 390 * 100vw); height:calc(30 / 390 * 100vw); display: flex; justify-content: center; align-items: center;}
.qual_sc > div.message h3:after {content: ""; width: 100%; height: 2px; background-color: #0181C3; position: absolute; left: 0; top: calc(50% - 1px);z-index: -1; }
.qual_sc > div.message h4 {font-size:calc(16 / 390 * 100vw); font-weight: 700;margin-top:calc(10 / 390 * 100vw);}
.qual_sc > div.message div.cont {margin-top:calc(20 / 390 * 100vw);display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.qual_sc > div.message div.cont > figure {width: 100%; display: flex;justify-content: flex-end; align-items: flex-end; flex-wrap: wrap;}
.qual_sc > div.message div.cont > figure picture {width: 100%;}
.qual_sc > div.message div.cont > figure picture img {border-radius:calc(5 / 390 * 100vw);}
.qual_sc > div.message div.cont > figure figcaption {width:calc(100% - 30px); background-color: #FFF; border-radius: calc(5 / 390 * 100vw); padding: calc(15 / 390 * 100vw); margin:calc(calc(30 / 390 * 100vw) * -1) auto 0px; box-sizing: border-box;}
.qual_sc > div.message div.cont > figure figcaption h6 {font-size:calc(14 / 390 * 100vw); font-weight: 700;}
.qual_sc > div.message div.cont > figure figcaption dl dt {margin-top:calc(5 / 390 * 100vw); font-size:calc(12 / 390 * 100vw);}
.qual_sc > div.message div.cont > figure figcaption dl dt strong {font-size: calc(14 / 390 * 100vw);}
.qual_sc > div.message div.cont > figure figcaption dl dd {font-size:calc(12 / 390 * 100vw);}
.qual_sc > div.message div.cont > div.txt {width:100%; margin-top: calc(20 / 390 * 100vw);}
.qual_sc > div.message div.cont > div.txt p {font-size:calc(14 / 390 * 100vw); line-height: 180%;}

}