@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap'); 
* {box-sizing:border-box;}
@media (min-width:769px){.wrap {width:1140px; margin-left:auto; margin-right:auto;}}

:root {--themeCol:#99c822; --ssOR:#e88100; --markerBg:#bfea74; --boxBg:#f5f9ec; --boxBg2:#fef5d544; --txtColor1:#75b600; --txtColor2:#6c9bd2; -gothic:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
#doei {--themeCol:var(--txtColor2); --ssOR:#e5593d; --markerBg:#6c9bd288; --boxBg:#f1f6fb; --boxBg2:#feefe944; --txtColor1:#6c9bd2;}

.block {text-align:left;}

@media (min-width:769px){
  .block {width:1140px; margin-inline:auto;}
}
@media (max-width:768px){
  .block {margin-inline:6.67vw;}
}

.pc_only {display:block;}
.sp_only {display:none}
#wrapper {min-width:1200px; margin:0 auto;}
.flex {display:flex;}
#main {padding:65px 0 60px; background:url(../images/main_01.webp) no-repeat top center / cover; border-top:solid 32px var(--themeCol); margin-bottom:70px;}
#main .inner {width:1180px; margin:0 auto; justify-content:space-between;}
#main_ttl_01 {font-size:42px; text-align:left; letter-spacing:0.18em; line-height:1.4; display:block;}
#main_ttl_01 span {font-size:55px;}
.orange_txt {color:#ef834a;}
.red_txt {color:#eb6d65;}
.yellow_txt {color:var(--txtColor1);}
.pink_txt {color:var(--txtColor1);}
.gothic_txt {font-family:var(--gothic);}
.under_line_yellow {background:linear-gradient(transparent 65%, #fde266 0%);}
.under_line_orange {background:linear-gradient(transparent 65%, #ffbda3aa 0%);}
#main_ttl_01 rt {font-size:30px; position:relative; top:.3em;}
.main_txt h1 {font-size:75px; color:var(--txtColor1); text-align:left; line-height:1.2; margin-bottom:10px;}
.main_txt h1 span {display:block; width:fit-content; font-weight:bold; background-color:var(--txtColor1); font-size:16px; padding:3px 13px; line-height:1; color:#fff; text-align:center;}
.main_txt {position:relative;}
.main_txt > * {position:relative; text-align:left;}
.main_txt p {font-size:93%; letter-spacing:.03em;}
.main_txt p.main_txt_read {font-size:24px; line-height:1.45; margin-bottom:15px; letter-spacing:.02em;}

@media (min-width:769px){
  #main .inner {min-height:450px; align-items:flex-end;}
  #main_ttl_01 {text-align:right;}
/*  .main_txt:before {content:""; display:block; position:absolute; translate:-1.5em -1.2em; width:calc(100% + 3em); height:calc(100% + 2.4em); background:#fff6; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);}*/
  .main_txt p {font-size:90%;}
}
@media (max-width:768px){
  #wrapper {width:100vw; overflow:hidden;}
  .spHid {display:none!important;}
  .main_txt {position:relative; width:100%; margin-top:30px;} 
}

#comment {width:960px; margin:0 auto; text-align:left;}
#comment .inner:nth-of-type(1) {border-top:solid 1px var(--txtColor1); border-bottom:solid 1px var(--txtColor1); padding:20px 12px; box-sizing:border-box; margin-bottom:60px;}
#comment .inner:nth-of-type(1) h2 {font-family:'Noto Sans JP', sans-serif; color:var(--txtColor1); margin-bottom:10px; letter-spacing:0.1em;}
#comment .inner:nth-of-type(1) > h3 {font-size:23px; font-weight:bold; margin-bottom:10px; letter-spacing:0.25em;}
#comment .inner:nth-of-type(1) ul li:nth-of-type(1) {width:725px; padding-right:25px; box-sizing:border-box; border-right:solid 1px var(--txtColor1);}
#comment .inner:nth-of-type(1) ul li:nth-of-type(1) p {font-size:93%;}
#comment .inner:nth-of-type(1) ul li:last-of-type {padding-left:25px; box-sizing:border-box;}
@media (min-width:769px){
  #comment .inner:nth-of-type(1) ul li:last-of-type {width:24%;}
}
#comment .inner:nth-of-type(1) ul li:last-of-type h3 {font-size:14px; color:var(--txtColor1); margin-bottom:0;}
#comment .inner:nth-of-type(1) ul li:last-of-type h4 {font-size:18px;}
#comment .inner:nth-of-type(1) ul li:last-of-type p {font-size:10px; font-family:var(--gothic); margin-top:10px;}

.comment_img {width:102px; height:146px; margin-right:16px;}
.comment_img img {width:100%; height:auto;}
#comment .inner:last-of-type ul.flex {justify-content:space-between;}
#comment .inner:last-of-type ul li:nth-of-type(1) div {width:340px;}
#comment .inner:last-of-type ul li div {width:200px;}
.comment_name {font-size:18px; line-height:1.4; margin-bottom:10px;}
.comment_name span {font-size:12px;}
#comment .inner:last-of-type ul li {align-items:center;}
#comment .inner:nth-of-type(1) h3 {font-size:23px; margin-bottom:10px; letter-spacing:0.25em;}
#comment .inner:last-of-type ul li div p:last-of-type {font-size:12px; margin-top:10px;}
.psycho {background:var(--boxBg); width:960px; margin:0 auto 100px; position:relative; padding:40px 50px 30px; box-sizing:border-box;}
.psycho h4 {font-size:26px; text-align:center; line-height:1.5; margin-bottom:20px; letter-spacing:4px;}
.psycho_box {width:360px; text-align:left; margin-right:40px;}
.psycho_img {width:460px;}
.psycho_img img {width:100%; height:auto;}
.psycho_box .psycho_box01 {margin-bottom:20px;}
.psycho_box .psycho_text {font-size:93%; font-family:var(--gothic);}
.psycho_title {width:182px; margin-bottom:10px;}
.psycho_title img {width:100%; height:auto;}

#menu_list {width:960px; margin:0 auto; display:table;}

#menu_list li {transition:.3s; display:inline-flex; align-items:center; justify-content:center; vertical-align:top;}
#menu_list li a {display:flex; align-items:center; justify-content:center; flex-direction:column; color:#fff; position:relative; width:100%; height:100%; font-size:24px;}
.ttl_border {line-height:1; margin-bottom:15px; letter-spacing:0.2em;}
.ttl_border span {flex-grow:1; border-right:solid 1px #fff; text-align:center; padding-inline:12px;}
.ttl_border:has(span:nth-child(9)) span {padding-inline:8px;}
.ttl_border span:nth-of-type(1) {border-left:solid 1px #fff;}

#menu_list li:nth-of-type(1) {background-color:var(--themeCol); border:solid 1px var(--themeCol); margin-right:10px;}
#menu_list li:nth-of-type(1) a {color:#fff; letter-spacing:0;}

#menu_list li:nth-of-type(2) {background-color:var(--txtColor2); border:solid 1px var(--txtColor2);}
#menu_list li:nth-of-type(2) a {color:#fff; letter-spacing:0;}
#menu_list li:nth-of-type(2) .ttl_border span {border-right:solid 1px #fff;}
#menu_list li:nth-of-type(2) .ttl_border span:nth-of-type(1) {border-left:solid 1px #fff;}

#menu_list li:nth-of-type(3) {background-color:#fff; border:1px solid var(--txtColor1); box-sizing:border-box; width:100%; margin-top:20px;}
#menu_list li:nth-of-type(3) a {color:var(--txtColor1); padding:20px; flex-direction:row; letter-spacing:0.1em;}

#menu_list li:nth-of-type(4) {background-color:#99c82233; border:1px solid #99c82255; box-sizing:border-box; width:100%; margin-top:20px;}
#menu_list li:nth-of-type(4) a {color:var(--txtColor1); padding:20px; flex-direction:row; letter-spacing:0.1em;}

#menu_list li:nth-of-type(1), 
#menu_list li:nth-of-type(2) {height:240px; width:470px;}

#menu_list li:nth-of-type(1):hover {background-color:#fff; transition:.3s;}
#menu_list li:nth-of-type(1):hover a {color:var(--txtColor1);}
#menu_list li:nth-of-type(1):hover .ttl_border span {border-right:solid 1px var(--txtColor1);}
#menu_list li:nth-of-type(1):hover .ttl_border span:nth-of-type(1) {border-left:solid 1px var(--txtColor1);}

#menu_list li:nth-of-type(2):hover {background-color:#fff; transition:.3s;}
#menu_list li:nth-of-type(2):hover a {color:var(--txtColor2);}
#menu_list li:nth-of-type(2):hover .ttl_border span {border-right:solid 1px var(--txtColor2);}
#menu_list li:nth-of-type(2):hover .ttl_border span:nth-of-type(1) {border-left:solid 1px var(--txtColor2);}

#menu_list li:nth-of-type(3):hover {background-color:var(--txtColor1);}
#menu_list li:nth-of-type(3):hover a {color:#fff; opacity:1.0;}

#menu_list li a > span:last-of-type {font-size:10px; font-family:var(--gothic); letter-spacing:0.3em;}
#menu_list li:nth-of-type(1) a:after, 
#menu_list li:nth-of-type(2) a:after, 
#menu_list li:nth-of-type(1) a:before, 
#menu_list li:nth-of-type(2) a:before,
#menu_list li:nth-of-type(2) a:after, 
#menu_list li:nth-of-type(2) a:before,
#menu_list li:nth-of-type(2) a:after, 
#menu_list li:nth-of-type(2) a:before {content:''; position:absolute; left:50%; width:15px; height:15px; border:2px solid; border-color:transparent transparent #fff #fff; transform:rotate(-45deg) translate(-50%, 0);}

#menu_list li:nth-of-type(1) a:after, 
#menu_list li:nth-of-type(2) a:after {bottom:30px;}
#menu_list li:nth-of-type(1) a:before, 
#menu_list li:nth-of-type(2) a:before {bottom:40px;}
#menu_list li:nth-of-type(1):hover a:after, 
#menu_list li:nth-of-type(1):hover a:before {border-color:transparent transparent var(--txtColor1) var(--txtColor1);}
#menu_list li:nth-of-type(2):hover a:after, 
#menu_list li:nth-of-type(2):hover a:before {border-color:transparent transparent var(--txtColor2) var(--txtColor2);}

#menu_list li:nth-of-type(3) span {width:32px; height:32px; position:relative; display:inline-block; margin-top:-20px;}
#menu_list li:nth-of-type(3) a span::after, 
#menu_list li:nth-of-type(3) a span::before {content:''; position:absolute; left:50%; width:15px; height:15px; border:2px solid; border-color:transparent transparent var(--txtColor1) var(--txtColor1); transform:rotate(-45deg) translate(-50%, 0);}
#menu_list li:nth-of-type(3) a span::after {top:7px;}
#menu_list li:nth-of-type(3) a span::before {top:0;}
#menu_list li:nth-of-type(3):hover a span::after, 
#menu_list li:nth-of-type(3):hover a span::before {border-color:transparent transparent #fff #fff;}

section.box {margin-top:150px;}
section .sec_main {margin-bottom:80px;}
section .sec_img {width:100%; height:387px;}
section .sec_main > .inner {padding:50px 0 40px}
section .sec_main > .inner {font-size:35px;}
section .sec_main > .inner h2 > span:last-of-type {font-size:15px; display:block; font-family:var(--gothic); letter-spacing:0.3em;}
.sec_main .onamae {display:grid; grid-template-columns:1fr 1fr; gap:2em; margin-top:1em; font-size:90%;}
.sec_main .onamae b {font-weight:inherit; font-size:130%;}
@media (min-width:769px){
  .sec_main .onamae {gap:100px; margin:1em 18% 0 25%;}
}
section.box .box_ttl {letter-spacing:0.1em; font-size:30px; position:relative; margin:0 auto; max-width:1140px;}
section.box .box_ttl p {margin-top:0; font-size:14px; color:#000; margin-bottom:40px;}
.dofn_features_img {width:276px; position:absolute; top:-32px; right:0px; z-index:1;}
.dofn_features_img img {width:100%; height:auto;}
section.box .box_ttl {margin-bottom:30px;}
section.box .box_ttl span {font-size:15px; padding:3px 30px; font-family: 'Noto Sans JP', sans-serif; display:inline-block; line-height:1;}
section.box .box {width:1140px; margin:0 auto 50px; position:relative; padding:50px 90px; box-sizing:border-box;}
section.box .features .box h4 {font-size:26px; text-align:left; line-height:1.5; margin-bottom:20px; letter-spacing:0.05em;}
section.box .features .box h4 .em {background: linear-gradient(transparent 50%, var(--markerBg) 50%);}
.features_figure {width:320px; height:260px;}
.features_figure img {width:100%; height:100%;}
.features p:has(img:nth-child(3).pc) {display:flex; justify-content:space-between;}
@media (min-width:769px){
  .features p:has(img:nth-child(3).pc) img {width:calc((100% - 20px) / 3);}
}
@media (max-width:768px){
  .features p:has(img:nth-child(3).pc) img {width:calc((100% - 20px) / 2);}
}
section:is(#dofn,#doei) .sec_main > .inner {background-color:var(--themeCol); color:#fff;}
section.box:is(#dofn,#doei) .box_ttl {color:var(--txtColor1);}
section.box:is(#dofn,#doei) .box_ttl span {border-right:solid 1px var(--txtColor1); border-left:solid 1px var(--txtColor1);}
section.box:is(#dofn,#doei) .box {background-color:var(--boxBg);}
section.box:is(#dofn,#doei) .features .point01 ul:nth-of-type(1) li:nth-of-type(1) {width:600px; text-align:left; text-align:justify; margin-right:10px;}
section.box:is(#dofn,#doei) .features .point01 ul:last-of-type {justify-content:space-between; margin-top:35px;}
section.box:is(#dofn,#doei) .features .point01 ul:last-of-type li {background-color:#fff; padding:30px 25px; box-sizing:border-box; width:312px;}

section#dofn .sec_img {background:url(../images/main_img_02_pc.webp) no-repeat top center; background-size:cover;}
section#doei .sec_img {background:url(../images/main_img_c02_pc.webp) no-repeat top center; background-size:cover;}

section.box .features .point01 ul:last-of-type li h5 {color:var(--txtColor1); font-size:20px; margin-bottom:15px; font-weight:bold;}
section.box .features .point01 .point_img {width:960px;}
section.box .features .point01 .point_img img {width:100%; height:auto;}
section.box .features .point01 .point01_txt {text-align:left; margin-top:20px;}
section.box .features .point01 .kakomi {display:grid; grid-template-columns:1fr 1fr 1fr; gap:3px; text-align:center;}
section.box .features .point01 .kakomi span {border:1px var(--txtColor1) solid; color:var(--txtColor1); border-radius:100px;}
section.box .features .point02 .point_txt {text-align:justify; letter-spacing:0.05em;}
section.box .features :where([class*="point0"]) {text-align:left;}

@media (min-width:769px){
  section.box .features :where([class*="point0"]) {padding:40px 90px 30px;}
}
section.box .features .point02 .dof_features_figure_02 {width:460px;}
section.box .features .point02 .dof_features_figure_02 img {width:100%; height:auto;}
section.box .message {background:var(--boxBg); width:100%; margin:0 auto; margin-bottom:150px; padding-top:60px; padding-bottom:100px; box-sizing:border-box;}
.message .inner .box_ttl span {border-right:solid 1px var(--txtColor1); border-left:solid 1px var(--txtColor1); margin-bottom:20px;}
section.box .message .attention, .section.box .graduate .attention {font-size:10px; text-align:right; font-family:-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; margin-top:10px;}
.bg_white {width:1140px; background:#fff; margin:0 auto 50px; position:relative; padding:50px 90px; box-sizing:border-box;}
.bg_white .company_img {margin-right:50px;}
.bg_white .company_img img {width:224px; height:auto;}
.bg_white .company_txt {text-align:left;}
.bg_white .company_txt .flex {align-items:center;}
.bg_white .company_txt .flex span {font-size:16px;}
.bg_white .company_txt .flex span:first-child {padding-left:20px; box-sizing:border-box;}
.bg_white .company_txt .flex span:nth-of-type(2) {font-size:10px; padding-left:15px; padding-right:10px; box-sizing:border-box;}
.bg_white .company_txt img.company01 {width:220px; height:auto;}
.bg_white .company_txt img.company02 {width:120px; height:auto;}
.bg_white .company_txt .txt_title {font-size:18px; padding:10px 0; box-sizing:border-box;}
.bg_white .company_txt .txt_text {font-family:var(--gothic); font-size:12px; text-align:justify;}
.opencampus_btn {width:960px; margin:0 auto 50px; border-radius:10px; position:relative;}
.opencampus_btn a {display:block; padding:30px 15px; box-sizing:border-box; font-size:22px; font-family:var(--gothic); letter-spacing:0.3em;}
.opencampus_btn {background-color:#e2eecd; margin-top:35px;}
#doei .opencampus_btn {background-color:#e2ebf6;}
.opencampus_btn:after {content:''; background-color:var(--txtColor1); border-radius:10px; position:absolute; width:100%; height:100%; right:-8px; bottom:-8px; z-index:-1;}
.opencampus_btn:after {border:solid 1px var(--txtColor1);}
.opencampus_btn a {color:var(--txtColor1);}
.opencampus_btn a span {display:inline-block; width:12px; height:12px; border:1px solid; transform:rotate(45deg); margin-left:10px;}
.opencampus_btn a span {border-color:var(--txtColor1) var(--txtColor1) transparent transparent;}
.teacher_btn {margin:0 auto; border-radius:10px; position:relative;}
.teacher_btn a {position:relative; display:block; padding:30px 15px; border-radius:10px; box-sizing:border-box; font-size:22px; font-family:var(--gothic); letter-spacing:0.3em;}
.teacher_btn a[href*="#graduation"] {letter-spacing:.15em;}
.teacher_btn a:after {content:''; background-color:#fff; border-radius:10px; position:absolute; width:100%; height:100%; right:-8px; bottom:-8px; z-index:-1;}
.teacher_btn a span {display:inline-block; width:12px; height:12px; border:1px solid; transform:rotate(45deg); margin-left:10px;}
@media (min-width:769px){
  .teacher_btn {display:flex; gap:25px; width:960px;}
  .teacher_btn a:only-child {width:100%;}
  .teacher_btn a:not(:only-child) {width:calc(50% - 13px);}
}
@media (max-width:768px){
  .teacher_btn a + a {margin-top:7%;}
}
.teacher_btn a {background-color:var(--boxBg); color:var(--txtColor1);}
#doei .teacher_btn a {background-color:#fee9e4;}
.teacher_btn a:after {border:solid 1px var(--txtColor1);}
.teacher_btn a span {border-color:var(--txtColor1) var(--txtColor1) transparent transparent;}


.graduate .graduate_title {box-sizing:border-box; border-top:1px solid var(--txtColor1); border-bottom:1px solid var(--txtColor1);}
.graduate .graduate_title span {font-size:20px; letter-spacing:0.5em;}
.graduate .graduate_title h3 {letter-spacing:0.3em; font-size:36px; line-height:1.2; padding:45px 0;}
section.box .graduate .inner {background:var(--boxBg); width:100%; margin:0 auto; margin-bottom:150px; padding-top:90px; padding-bottom:100px; box-sizing:border-box;}
.bg_white1 {width:1140px; background:#fff; margin:0 auto 50px; position:relative; padding:50px 90px; box-sizing:border-box; text-align:left; border-radius:10px;}
.bg_white1 h4 {font-size:26px; text-align:left; line-height:1.5; margin-bottom:50px; letter-spacing:0.2em;}
.bg_white1 .gr_text p {padding:5px 0;}
.bg_white1 .gr_text :is(p span, ol .bg_color) {background:var(--txtColor1);}
.bg_white1 .gr_text :is(p span, ol .bg_color.-orange) {background:#ffbda3;}
.bg_white1 .gr_small {margin-top:10px; font-size:10px;}
.bg_white1 .gr_small .text_indent {text-indent:-1em; padding-left:1em;}
.bg_white1 .gr_img {width:400px; position:absolute; top:-55px; right:0;}
.bg_white1 .gr_img img {width:100%; height:auto;}
.bg_white2 {width:1140px; background:#fff; margin:0 auto; position:relative; padding:40px 90px; box-sizing:border-box; text-align:center; border-radius:10px;}
.bg_white2 h4 {font-size:26px; text-align:center; line-height:1.5; margin-bottom:20px;}
.bg_white2 div {background-color:#fffbda; padding:30px; font-size:16px; box-sizing:border-box; font-family:var(--gothic);}
.campus {margin-top:150px; margin-bottom:60px;}
.campus .campus_title {letter-spacing:0.2em; font-size:36px; margin-bottom:50px; padding-top:45px; margin-top:-45px;}
.bg_pink {width:1140px; background:var(--boxBg); margin:0 auto; position:relative; padding:60px 90px 70px; box-sizing:border-box; text-align:left;}
.bg_pink .campus_text {font-size:26px; text-align:left; line-height:1.5; margin-bottom:20px; letter-spacing:0.2em;}
.bg_pink .campus_small {text-align:left; margin-bottom:30px;}
.bg_pink .campus_line {margin-bottom:70px;}
.bg_pink .flex {justify-content:space-between;}
.bg_pink .flex div:last-of-type {margin-right:0;}
.bg_pink .campus_map {text-align:center; margin:50px auto 60px; width:684px; position:relative;}
.bg_pink .campus_map img {width:100%; height:auto;}
.bg_pink .flex .map_point .map_text_box {background:#fff; width:232px; padding:10px 16px 16px; min-height:160px; box-sizing:border-box;}
.bg_pink .flex .map_point {width:232px;}
.bg_pink .flex .map_point img {width:100%; height:auto;}
.bg_pink .flex .map_point .map_text_box .map_title {font-size:18px; margin-bottom:8px; font-weight:600;}
.bg_pink .flex .map_point .map_text_box .map_text {font-size:12px; text-align:justify;}
.bg_pink .campus_people01 {width:348px; position:absolute; top:-55px; right:-20px;}
.bg_pink .campus_people01 img {width:100%; height:auto;}
.bg_pink .campus_people02 {position:absolute; right:-176px; top:16px; width:158px;}
.bg_pink .campus_people03 {position:absolute; left:-118px; bottom:0; width:140px;}
.bg_pink .flex .point {width:180px;}
.bg_pink .flex .point img {width:100%; height:auto;}
.copywright {color:#fff; background-color:#89b923; font-size:10px; padding:15px 0;}


#doei .point01 .pcLR {margin-top:1.5em;}
#doei .point01 .pcLR h5 {width:fit-content; margin-bottom:.4em; border-bottom:1px var(--themeCol) solid; font-size:116%;}
#doei .point01 .pcLR * + h5 {margin-top:1em;}

#doei .point02 h5 {margin:1.5em 0 .8em; font-size:116%;}
#doei .point02 > dl {display:grid; gap:30px;}
@media screen and (min-width:769px) {
  #doei .point02 > dl {grid-template-columns:repeat(auto-fit, minmax(400px,1fr));}
}
#doei .point02 > dl > div > dt {position:relative; margin-bottom:.6em; padding-left:2em; font-family:"Yu Gothic",sans-serif; font-size:108%; font-weight:bold;}
#doei .point02 > dl > div > dt b {display:block; width:1.4em; aspect-ratio:1/1; position:absolute; left:0; translate:0 15%; line-height:1.3; border:1px #111 solid; border-radius:50%; text-align:center;}
#doei .point02 > dl > div > dt b ~ span {display:inline-block; border-bottom:1px #111 solid;}
#doei .point02 > dl > div > dd.lead {margin-block:.6em; font-weight:bold; color:var(--txtColor1);}
#doei .point02 > dl > div > dd:not(.lead) {font-size:93%; letter-spacing:.04em;}
#doei .point02 > dl > div > dd:not(.lead) dl {display:grid; grid-template-columns:auto 1fr; gap:.4em .7em;}
#doei .point02 > dl > div > dd:not(.lead) dt {display:flex; align-items:center; justify-content:center; padding:0 .4em; border:1px #111 solid;}

@media screen and (max-width:768px) {
  .pc_only {display:none;}
  .sp_only {display:block}
  #wrapper {min-width:100%;}
  img {max-width:100%; height:auto;}
  #main .inner, header .flex li, #hd_logo_box p, #comment, #comment .inner:nth-of-type(1) ul li:nth-of-type(1), #menu_list, section.box:is(#dofn,#doei) .box, #comment .inner:last-of-type ul li:nth-of-type(1) div, #comment .inner:last-of-type ul li div, #menu_list li:nth-of-type(n), section.box:is(#dofn,#doei) .features .point01 ul:last-of-type li, section.box:is(#dofn,#doei) .features .point01 ul:nth-of-type(1) li:nth-of-type(1), section.box:is(#dofn,#doei) .features_txt, section.box .features .point03 ul, section.box .features .point03 ul li, section.box .curriculum, section.box .closeup > .inner, section.box .closeup .closeup_feature ul li, .closedup_img, section.box:is(#dofn,#doei) .seminar_ttl_block > .inner, section.box:is(#dofn,#doei) .seminar .seminar_ttl_block .inner > p:last-of-type, .teacher_btn, section.box .box, .point01_kamoku .flex li, section.box .seminar_ttl, section.box#graduation_course .seminar_ttl_block .inner .flex > p, #graduation_course .inner > .inner, #graduation_course .future_image ul:nth-of-type(1) li, #graduation_course .future_image ul:nth-of-type(1), .message_current_students > .inner, .message_current_students .current_students .message_current_students_img, .current_students .inner, .current_students, section.box#graduation_course .features_txt, section.box .point01_kamoku:last-of-type dl dd, section.box#graduation_course .features .point01 .inner > ul:nth-of-type(1) li:nth-of-type(1) {width:100%;}
  #main {padding:0 0 95%; height:0; background:url(../images/main_01-sp.webp) no-repeat top center/100% auto; border-top:solid 10px var(--txtColor1); margin-bottom:7%;}
  #pc_menu {display:none;}
  #hd_logo_box {margin:0 auto;}
  #hd_logo_box p#hd_logo {width:124px; height:auto;}
  body {font-size:12px;}
  .main_txt h1 {font-size:35px; margin-bottom:0; position:absolute; top:1%; left:6%;}
  .main_txt h1 span {font-size:10px;}
  #main_ttl_01 span {font-size:25px;}
  #main_ttl_01 {font-size:19px;}
  #main .inner {height:100%; width:100%; padding-bottom:95%; position:relative;}
  #main_ttl_01 {font-size:19px; position:absolute; top:35%; left:6%; letter-spacing:0;}
  .main_txt_read_box {text-align:left; padding:0 6.67%; letter-spacing:-0.08em; line-height:2;}
  .main_txt_read {font-size:17px; margin-bottom:10px;}
  #comment .inner:nth-of-type(1) {margin-top:45px;}
  #comment .inner:nth-of-type(1) h3 {font-size:14px; margin-bottom:10px;}
  #comment .inner:nth-of-type(1) .flex {flex-direction:column;}
  #comment .inner:nth-of-type(1) ul li:nth-of-type(1) {padding-right:0; border-right:none;}
  #comment .inner:nth-of-type(1) ul li:last-of-type {display:flex; align-items:flex-start;}
  #comment {padding:0 6.67%; box-sizing:border-box;}
  #comment .inner:nth-of-type(1) h2 {margin-bottom:3px;}
  #comment .inner:nth-of-type(1) ul li:last-of-type h3 {font-size:12px; margin-bottom:2px; letter-spacing:0.1em;}
  #comment .inner:nth-of-type(1) ul li:last-of-type h4 {font-size:15px; letter-spacing:normal; letter-spacing:0.2em;}
  #comment .inner:nth-of-type(1) ul li:last-of-type {padding-left:0;}
  #comment .inner:nth-of-type(1) ul li:last-of-type > div {width:30%;}
  #comment .inner:nth-of-type(1) ul li:last-of-type > p {width:70%; padding-left:4%; margin-left:4%; box-sizing:border-box; border-left:solid 1px var(--txtColor1); margin-top:0;}
  #comment .inner:nth-of-type(1) {border-top:solid 1px var(--txtColor1); border-bottom:solid 1px var(--txtColor1); text-align:left; padding:20px 0; box-sizing:border-box; margin-bottom:19%;}
  .psycho {width:90%; padding:6%; margin-bottom:80px;}
  .psycho h4 {font-size:14px; text-align:left; line-height:1.5; margin-bottom:20px; letter-spacing:0.08em;}
  .psycho .flex {flex-direction:column;}
  .psycho_box {width:100%; text-align:left; margin-right:0;}
  .psycho_img {width:100%;}
  .psycho_box .psycho_box01 {margin-bottom:20px;}
  .psycho_box .psycho_text {line-height:1.6;}
  .psycho_box .psycho_box02 {margin-bottom:20px;}
  .psycho_title {width:50%;}
  #menu_list {width:76%;}
  #menu_list li a {font-size:15px;}
  #menu_list li a span:last-of-type {letter-spacing:0.1em;}
  .ttl_border {margin-bottom:10px; letter-spacing:0.1em;}
  #menu_list li:nth-of-type(1), 
  #menu_list li:nth-of-type(2) {height:150px;}
  #menu_list li:nth-of-type(1) a:before, 
  #menu_list li:nth-of-type(2) a:before {bottom:23px;}
  #menu_list li:nth-of-type(1) a:after, 
  #menu_list li:nth-of-type(1) a:before {width:12px; height:12px; border:1px solid; border-color:transparent transparent #fff #fff;}
  #menu_list li:nth-of-type(2) a:after, 
  #menu_list li:nth-of-type(2) a:before {width:12px; height:12px; border:1px solid; border-color:transparent transparent #fff #fff;}
  #menu_list li:nth-of-type(1) {margin-right:0; margin-bottom:10px;}
  #menu_list li:nth-of-type(3) {width:100%; margin-top:10px;}
  #menu_list li:nth-of-type(3) a {display:flex; flex-direction:column; letter-spacing:0.2em;}
  #menu_list li:nth-of-type(3) span {width:20px; height:20px; margin-top:-5px;}
  #menu_list li:nth-of-type(3) a span::after, #menu_list li:nth-of-type(3) a span::before {width:12px; height:12px; border:1px solid; border-color:transparent transparent var(--txtColor1) var(--txtColor1);}
  section.box {margin-top:80px;}
  #comment .inner:last-of-type ul.flex {flex-direction:column;}
  .comment_img {width:25.455%; height:auto; margin-right:4%;}
  /* #comment .inner:last-of-type ul li:nth-of-type(1) div, #comment .inner:last-of-type ul li div{
    width:70%;
    display:flex;
    flex-direction:column;
} */ #comment .inner:last-of-type ul li h3 {font-size:14px; margin-bottom:10px; letter-spacing:0.14em;}
  #comment .inner:last-of-type ul li div p:last-of-type {font-size:11px; margin-top:7px;}
  .comment_name {font-size:14px; line-height:1.4; margin-top:10px; margin-bottom:0; order:2;}
  .comment_name span {font-size:10px;}
  #comment .inner:last-of-type ul li:not(:last-of-type) {margin-bottom:20px;}
  section .sec_main > .inner {font-size:18px; padding:30px 0;}
  section .sec_main > .inner h2 > span:last-of-type {font-size:11px; letter-spacing:0.1em;}
  section .sec_img {height:0; padding-bottom:57%;}
  section .sec_main {margin-bottom:11%; width:115.387%; margin-left:-7.6%;}
  section.box .box_ttl span {font-size:10px; padding:3px 10px;}
  section.box .box_ttl {font-size:17px; margin-bottom:18px; letter-spacing:0.2em;}
  .dofn_features_img {top:46%; width:25.6%; max-width:90px; right:4%;}
  section.box .box {padding:5% 5.334% 8%;}
  section.box .features .box h4 {font-size:14px; margin-bottom:15px; letter-spacing:-0.07em;}
  section.box .features .box.point02 h4 {letter-spacing:0.07em;}
  section.box .features .box .point01_txt {font-size:12px; letter-spacing:-0.1em; text-align:justify;}
  section.box .features .point01 .point_img {width:100%;}
  section.box .features .point02 .flex {flex-direction:column;}
  section.box .features .point02 .point02_txt {padding:6%; font-size:12px;}
  section.box .features .point02 .dof_features_figure_02 {width:100%;}
  section.box .features .point02 .point_txt {letter-spacing:normal;}
  .features_figure {width:230px; height:auto; margin:6% auto 0;}
  .features_figure img {height:auto;}
  
  section.box:is(#dofn,#doei) .features .point01 ul:nth-of-type(1), 
  section.box:is(#dofn,#doei) .features .point01 ul:last-of-type, section.box .point03 .inner, section.box .point04 .inner {flex-direction:column;}
  :is(#dofn,#doei) {padding:0 6.67%;}
  section.box:is(#dofn,#doei) .features .point01 ul:last-of-type li {padding:20px; margin-bottom:15px;}
  section.box:is(#dofn,#doei) .features .point01 ul:last-of-type li:last-of-type {margin-bottom:0;}
  section.box:is(#dofn,#doei) .box_ttl span {border-right:solid 1px var(--txtColor1); border-left:solid 1px var(--txtColor1);}

  section#dofn .sec_img {background:url(../images/main_img_02_sp.webp) no-repeat top center/100% auto;}
  section#doei .sec_img {background:url(../images/main_img_c02_sp.webp) no-repeat top center/100% auto;}
  
  section.box .features .point01 ul:last-of-type li h5 {font-size:14px; margin-bottom:10px;}
  section.box .features .point03 ul {margin-bottom:21px; flex-wrap:wrap;}
  section.box .features .point03 ul li {width:49.123% !important; border-radius:10px; margin-bottom:6px;}
  section.box .features .point03 ul li h5 {font-size:14px;}
  section.box .features .point03 ul li p {font-size:12px;}
  .features_img_02 {position:absolute; bottom:0; left:0;}
  section.box .box_ttl p {font-size:11px; margin-bottom:40px; letter-spacing:0.1em; padding:0 6%;}
  section.box .message {padding-top:25px; margin-bottom:-30px; padding-bottom:50px;}
  .message .inner .box_ttl span {font-size:18px; margin-bottom:10px; letter-spacing:0.1em;}
  section.box .message .attention, .section.box .graduate .attention {font-size:10px; text-align:right; font-family:-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; margin-top:10px;}
  .bg_white {width:90%; margin:0 auto; padding:6%; box-sizing:border-box; text-align:left;}
  .bg_white:nth-of-type(1) {margin-bottom:50px;}
  .bg_white .company_img {margin-right:50px;}
  .bg_white .company_txt {margin-left:20px;}
  .bg_white .flex {align-items:center; margin-bottom:15px;}
  .bg_white .flex div {width:60%;}
  .bg_white .flex div:last-of-type {display:flex; flex-direction:column; text-align:left; padding-left:15px;}
  .bg_white .flex div:last-of-type p:nth-of-type(2) {margin:5px 0;}
  .bg_white .flex div:last-of-type p:nth-of-type(2) span:last-child {font-size:14px;}
  .bg_white .txt_title {font-size:14px; margin-bottom:15px;}
  .bg_white .txt_text {text-align:justify;}
  .bg_white .company_txt .flex span {font-size:16px;}
  .bg_white .company_img {margin-right:20px;}
  .bg_white .company_txt .flex span:first-child {padding-left:20px; box-sizing:border-box;}
  .bg_white .company_txt .flex span:nth-of-type(2) {font-size:10px; padding-left:15px; padding-right:10px; box-sizing:border-box;}
  .bg_white .company_txt .txt_title {font-size:18px; padding:10px 0; box-sizing:border-box;}
  .bg_white .company_txt .txt_text {font-size:12px;}
  .opencampus {padding:0 6.67%; margin-top:110px;}
  .opencampus_btn {width:100%;}
  .opencampus_btn a {font-size:14px; display:block; align-items:center; font-weight:bold; justify-content:center;}
  .opencampus_btn a span {margin-right:-19px;}
  .opencampus_btn a {}
  .opencampus_btn:after {right:-5px; bottom:-5px;}
  .graduate {width:100%;}
  .graduate .graduate_title {box-sizing:border-box; border-top:1px solid var(--txtColor1); border-bottom:1px solid var(--txtColor1);}
  .graduate .graduate_title span {font-size:13px;}
  .graduate .graduate_title h3 {font-size:18px; padding:30px;}
  section.box .graduate .inner {padding-top:50px; padding-bottom:50px; margin-bottom:-30px;}
  .bg_white1 {width:90%; background:#fff; margin:0 auto; padding:6%; margin-bottom:25px;}
  .bg_white1 h4 {font-size:14px; text-align:left; line-height:1.5; margin-bottom:20px;}
  .bg_white1 .gr_text p {padding:5px 0; border-bottom:1px solid black;}
  .bg_white1 .gr_text p:last-of-type {border-bottom:none; margin-bottom:100px;}
  .bg_white1 .gr_text :is(p span, ol .bg_color) {background:var(--txtColor1);}
  .bg_white1 .gr_small {margin-top:10px; font-size:10px;}
  .bg_white1 .gr_img {width:65%; top:50%; max-width:230px; display:none;}
  .bg_white2 {width:90%; background:#fff; margin:0 auto; padding:6%;}
  .bg_white2 h4 {font-size:18px; text-align:center; line-height:1.5; margin-bottom:15px;}
  .bg_white2 div {font-size:12px; text-align:left; padding:20px 24px;}
  .campus {margin-top:0; margin-bottom:60px;}
  .campus .campus_title {font-size:18px; margin-bottom:30px; padding:30px 0 0;}
  .bg_pink {width:90%; margin:0 auto; padding:6%;}
  .bg_pink .campus_text {font-size:14px; letter-spacing:2px; margin-bottom:10px;}
  .bg_pink .campus_small {text-align:left; margin-bottom:5px;}
  .bg_pink .campus_line {margin-bottom:30px;}
  .bg_pink .flex {flex-wrap:wrap;}
  .bg_pink .flex .point {margin-top:20px; width:100%;}
  .bg_pink .flex .point:first-child {margin-top:0;}
  .bg_pink .campus_map {text-align:center; width:100%; margin:100px auto 30px; position:inherit; z-index:1;}
  .bg_pink .flex .map_point {display:flex; flex-direction:column; flex-grow:1;}
  .bg_pink .flex .map_point:nth-of-type(1) {width:47%; margin-right:7px;}
  .bg_pink .flex .map_point:nth-of-type(2) {width:47%;}
  .bg_pink .flex .map_point:nth-of-type(3) {width:47%; margin-right:7px; margin-top:10px;}
  .bg_pink .flex .map_point:nth-of-type(4) {width:47%; margin-top:10px;}
  .bg_pink .flex .map_point .map_text_box {width:100%; display:flex; flex-direction:column; flex-grow:1; margin-top:auto; padding:6px 10px 10px; min-height:inherit;}
  .bg_pink .flex .map_point .map_text_box .map_title {font-size:12px; margin-bottom:2px; letter-spacing:normal;}
  .bg_pink .flex .map_point .map_text_box .map_text {font-size:12px;}
  .bg_pink .campus_people01 {width:40%; max-width:150px; top:-1%; right:0%;}
  .bg_pink .campus_people02 {width:55%; top:-22%; right:3%; z-index:1;}
  .bg_pink .campus_people03 {width:22%; left:8%; z-index:-1; top:-25%; bottom:inherit;}
  section.box .closeup h4 {font-size:15px;}
  section.box .closeup > .inner {margin:-10px auto 50px; padding:30px 10.465% 40px;}
  section.box .closeup h5 {font-size:13px; margin-bottom:24px;}
  section.box h5.closeup_h5 span {font-size:11px;}
  section.box h5.closeup_h5::after {width:111.77%; left:50%; transform:translate(-50%, 0);}
  section.box .closeup_feature ul {flex-direction:column;}
  section.box .closeup .closeup_feature ul li dl dt {font-size:14px;}
  section.box .closeup .closeup_feature ul li dl dd {font-size:18px; padding-left:10px;}
  section.box .closeup .closeup_feature ul li dl dd span {font-size:12px;}
  section.box .closeup .closeup_feature ul li p.closeup_list_ttl, section.box#dofn .seminar_ttl_block h6 {font-size:12px;}
  section.box .closeup .closeup_feature ul li:not(:last-of-type) {margin-bottom:8%;}
  section.box .closeup .closeup_feature ul:nth-of-type(1) {border-bottom:none; padding:0;}
  section.box .closeup .closeup_feature ul {padding:8% 0;}
  section.box .seminar_ttl {font-size:13px; margin-bottom:20px;}
  section.box .seminar_ttl > span span {font-size:11px;}
  .seminar_img {width:60.75%;}
  .seminar_teacher {margin-bottom:5px;}
  .seminar_sp_box {display:flex; align-items:center; justify-content:space-between; margin-right:-2%; margin-bottom:3%;}
  
  section.box:is(#dofn,#doei) .seminar_teacher_block.pc_only {display:none;}
  section.box:is(#dofn,#doei) .seminar_teacher_block {position:relative; right:auto; bottom:auto; flex-direction:column-reverse; width:36.53%;}
  
  section.box .seminar_teacher_block p {color:#000; font-size:12px;}
  section.box .closeup > .inner::after {right:-10px; bottom:-10px;}
  section.box .teacher_btn a {font-size:14px;}
  section.box .teacher_btn:after {right:-5px; bottom:-5px;}
  section#graduation_course .sec_img {background:url(../images/docp_main_img_01_sp.jpg) no-repeat top center/100% auto;}
  section.box#graduation_course .box {padding:5% 5.334% 8%;}
  section.box#graduation_course .features .point01 .inner > .flex {flex-direction:column;}
  section.box#graduation_course .features .point01 .features_figure {width:92.998%; height:auto;}
  .point01_kamoku > p {font-size:14px;}
  .point01_kamoku dl {flex-direction:column;}
  section.box .point01_kamoku:nth-of-type(1) dl dd {width:100%;}
  section.box .point01_kamoku:nth-of-type(1) dl {padding:15px;}
  section.box .point01_kamoku dl dt span {width:28px; height:28px; margin-right:5px;}
  .point01_kamoku dl {align-items:baseline;}
  section.box .point01_kamoku dl dt {line-height:1; margin-bottom:5px; font-size:14px;}
  section.box .point01_kamoku:nth-of-type(1) {margin-bottom:20px;}
  section.box .point01_kamoku:last-of-type li:nth-of-type(2) {margin-top:15px;}
  section.box#graduation_course .box.point03, section.box#graduation_course .box.point04 {padding:0;}
  section.box#graduation_course .features_img_02 {position:relative; bottom:0; left:0;}
  section.box#graduation_course .features_txt {padding:5% 5.334% 4%; box-sizing:border-box;}
  section.box#graduation_course .closeup .closeup_feature ul:nth-of-type(1) {border-bottom:none;}
  section.box#graduation_course .closeup .closeup_feature ul li dl dt span {font-size:11px;}
  section.box#graduation_course .seminar > .flex {flex-direction:column;}
  section.box .seminar_ttl_block > .inner h6 {font-size:12px; letter-spacing:-0.01em;}
  section.box#graduation_course .seminar .seminar_teacher_block {position:relative; top:auto; right:-6%; width:48%;}
  section.box#graduation_course .seminar .flex li:nth-of-type(2) .seminar_teacher_block, section.box#graduation_course .seminar .flex li:nth-of-type(3) .seminar_teacher_block {right:-6%;}
  section.box .seminar_teacher_block p {color:#000; font-size:12px;}
  section.box .seminar_teacher_block p span {font-size:11px;}
  #graduation_course h3 {font-size:18px; margin-bottom:5%;}
  #graduation_course h3 span {font-size:13px;}
  #graduation_course .inner > .inner h4 {font-size:15px;}
  #graduation_course .inner {padding:80px 6.67% 100px;}
  #graduation_course .inner > .inner {padding:55px 6.156% 60px;}
  #graduation_course .inner .inner > ul {flex-direction:column; align-items:center;}
  #graduation_course .inner .inner > ul li:nth-of-type(1), #graduation_course .future_image ul:last-of-type li:nth-of-type(1), #graduation_course .future_image ul:last-of-type li:last-of-type {width:100%;}
  .graduation_course_figure_01 {width:91.23%;}
  #graduation_course .inner .inner > ul li:nth-of-type(1) h5, #graduation_course .future_image h5 {font-size:14px;}
  #graduation_course .future_image ul:nth-of-type(1), #graduation_course .future_image ul:last-of-type {flex-direction:column;}
  #graduation_course .future_image ul:nth-of-type(1) li h6 {font-size:13px;}
  #graduation_course .shikaku div {font-size:12px; text-align:left;}
  .message_current_students h5.ttl_border {font-size:14px;}
  .current_students {flex-direction:column;}
  .message_current_students .current_students:nth-of-type(odd) .message_current_students_img {margin-right:auto;}
  .message_current_students > .inner {padding:80px 6.67% 80px; box-sizing:border-box;}
  .message_current_students .current_students:nth-of-type(odd) .inner, .message_current_students .current_students:nth-of-type(even) .inner {padding:20px;}
  .message_current_students .current_students .inner h6 {font-size:13px; margin-bottom:25px; order:2;}
  .message_current_students .current_students .inner p {order:3;}
  .message_current_students .current_students .inner dl {order:1;}
  .message_current_students .current_students .inner {display:flex; flex-direction:column;}
  .message_current_students .current_students:nth-of-type(even) {-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
  .message_current_students .current_students:nth-of-type(even) .message_current_students_img {margin-left:auto;}
}

#menu_list li.-vid {display:block; margin-top:20px; padding:20px; border:1px #99c82255 solid; color:var(--txtColor1); font-size:1.5rem; letter-spacing:.06em;}
#menu_list li.-vid .ytVid {position:relative; margin-top:.6em;}
#menu_list li.-vid .ytVid .-wrap {padding-top:56.25%;}
#menu_list li.-vid iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
@media (max-width:768px){
  #menu_list li.-vid {margin-top:10px; padding:10px; font-size:3.8vw;}
}


.col_ssY {color:var(--txtColor1);}
.col_ssOR {color:var(--ssOR);}

.ft_facNum {text-align:center;}
.ft_facNum > * {display:inline-block; vertical-align:middle;}
.ft_facNum ._cmt {margin-right:10px; padding:.5em .8em; background:var(--themeCol); text-align:center; color:#fff; font-size:85%; font-weight:bold;}
.ft_facNum ._num {color:var(--txtColor1); font-weight:bold;}
.ft_facNum ._num b {display:inline-block; line-height:.8; font-size:50px;}
.ft_facNum ._num b em {font-size:100px; font-style:normal;}
@media (max-width:768px){
  .ft_facNum ._num b em {font-size:80px;}
}

.circledHrzntlList {display:flex; flex-wrap:wrap;}
.circledHrzntlList li {min-width:5em; text-align:center; margin:4px; padding:.1em 1em; border:2px var(--themeCol) solid; background:#fff; border-radius:1em;}

.betaobi {display:inline-block; padding:.1em .6em; background:var(--themeCol); color:#fff; font-weight:bold;}
.godai_efct {font-weight:bold;}
.godai_efct dt {position:relative; z-index:10; color:var(--txtColor1); font-size:200%;}
.godai_efct dd {position:relative; z-index:1; background:#fff; padding:.4em 1em; border-radius:10px; color:var(--ssOR);}

@media (min-width:769px){
  .godai_efct {display:flex; gap:8px; text-align:center;}
  .godai_efct dd {margin-top:-1.6em; padding-top:1.2em;}
}
@media (max-width:768px){
  .godai_efct > div {display:table; width:100%; margin-top:10px;}
  .godai_efct > div > * {display:table-cell; vertical-align:middle;}
  .godai_efct dd br {display:none;}
}

.ssPrc {display:flex; flex-wrap:wrap;}
.ssPrc > div {position:relative; background:var(--themeCol);}
.ssPrc dt {position:absolute; z-index:10; left:-.4em; top:-.4em; padding:.1em .5em; border:2px var(--themeCol) solid; background:#fff; color:var(--txtColor1); font-weight:bold; font-size:85%;}
.ssPrc dd {position:relative; color:#fff;}
.ssPrc img {width:100%; aspect-ratio:5/3; object-fit:cover;}
.ssPrc dd + dd {padding:.15em .6em; font-weight:bold;}
.ssPrc i {font-style:normal; font-size:77%;}

@media (min-width:769px){
  .ssPrc {margin:25px 0; gap:25px;}
  .ssPrc > div {width:calc((100% - 51px) / 3);}
}
@media (max-width:768px){
  .ssPrc {margin:20px 0; gap:10px;}
  .ssPrc > div {width:calc((100% - 11px) / 2);}
}

.crclm_intro {text-align:left;}
.crclm_intro dl {display:grid; gap:.8rem;}
.crclm_intro dt {font-weight:bold; font-size:116%; color:var(--txtColor1);}
.crclm_intro img {max-width:100%;}

@media (min-width:769px){
  .crclm_intro {display:grid; grid-template-columns:1.5fr 1.5fr 1fr; align-items:start; gap:2rem;}
  .pcAr1 {width:100%; aspect-ratio:1; object-fit:cover;}
}
@media (max-width:768px){
  .crclm_intro dl + dl {margin-top:2rem;}
}

.closeUp h4 {color:var(--txtColor1); font-weight:bold; font-style:italic; font-family:var(--gothic);}
.closeUp p.catch {color:var(--txtColor1);}
.closeUp h5 {position:relative; margin:3em 0;}
.closeUp h5:before {content:""; display:block; width:100%; position:absolute; left:0; top:50%; border-top:1px var(--themeCol) solid;}
.closeUp h5 span {position:relative; z-index:10; padding:.4em 1em; background:var(--themeCol); color:#fff;}
.closeUp dl {display:flex; flex-wrap:wrap; text-align:left;}
.closeUp dt {display:flex; align-items:center; margin-bottom:.6em; border:2px var(--themeCol) solid; line-height:1.6; font-size:123%; font-weight:bold; color:var(--txtColor1); overflow:hidden;}
.closeUp dt > * {padding:0 .4em;}
.closeUp dt > div:first-child + * {margin-left:auto;}
.closeUp dt > div + div {border-left:1px var(--themeCol) solid;}
.closeUp dt > b {padding:0 .4em; background:var(--themeCol); color:#fff; font-size:77%; box-shadow:0 -10px 0 var(--themeCol), 0 10px 0 var(--themeCol);}
.closeUp dt i {font-size:70%; font-style:normal;}
.closeUp dd._catch {margin-bottom:.3em; font-size:108%; color:var(--txtColor1);}
.closeUp dd._catch:has(ul) {display:flex; justify-content:space-between; align-items:center;}
.closeUp dd._catch ul {display:flex; justify-content:space-between; gap:1em; line-height:1.5; color:#222; font-size:70%;}
.closeUp dd._catch li {position:relative;display:flex; flex-direction:column; justify-content:center; align-items:center; padding:.2em .8em; border:1px #222c solid;}
.closeUp dd._catch li + li:before,
.closeUp dd._catch li + li:after {content:""; display:block; position:absolute; right:100%; top:50%; width:1em; border-top:1px currentColor solid;}
.closeUp dd._catch li + li:before {rotate:-45deg;} .closeUp dd._catch li + li:after {rotate:45deg;}
.closeUp dd._catch li i {width:3px; height:3px; background:currentColor; border-radius:50%;}
.closeUp dd:last-child {font-size:85%;}
.closeUp dl img {width:100%;}

@media (min-width:769px){
  .closeUp {position:relative; border:1px #000 solid; border-radius:15px; background:#fff; padding:70px 85px;}
  .closeUp h4 {width:fit-content; margin:-100px auto 10px; padding:0 .4em; background:#fff; font-size:34px;}
  .closeUp p.catch {font-size:22px;}
  .closeUp:after {content:''; display:block; background-color:#fff; background-image:radial-gradient(var(--themeCol) 20%, transparent 20%), radial-gradient(var(--themeCol) 20%, transparent 20%); background-size:10px 10px; background-position:0 0, 5px 5px; position:absolute; right:-15px; bottom:-15px; width:100%; height:100%; z-index:-1; border-radius:15px;}
  .closeUp dl {gap:35px 25px;}
  .closeUp dl > div {width:calc((100% - 26px) / 2);}
  .closeUp dl > div.-hasImg {display:flex; flex-wrap:wrap; align-content:flex-start; -webkit-box-pack:justify; justify-content:space-between;}
  .closeUp dl dt {width:100%;}
  .closeUp dl ._catch {width:100%;}
  .closeUp dl ._img {width:30%; -webkit-box-ordinal-group:4; order:4; background:#eee;}
  .closeUp dl img {aspect-ratio:1/1; object-fit:cover;}
  .closeUp dl ._txt {width:66%; -webkit-box-ordinal-group:3; order:3;}
}
@media (max-width:768px){
  .closeUp h4 {font-size:131%;}
  .closeUp p.catch {font-size:116%;}
  .closeUp h5 {font-size:116%;}
  .closeUp dl > div + div {margin-top:30px;}
  .closeUp dl img {aspect-ratio:16/9; object-fit:cover; margin-bottom:.6em;}

}



.message_current_students h3 {text-align:center;}
.message_current_students {margin-top:0;}
.message_current_students h5.ttl_border {font-size:25px; color:var(--txtColor1); margin-bottom:40px;}
.message_current_students h5.ttl_border.graduation_students_ttl {border-top:dashed 1px var(--themeCol); padding:50px 0 0; margin-top:95px;}
.message_current_students h5.ttl_border span {border-right:solid 1px var(--themeCol);}
.message_current_students h5.ttl_border span:first-of-type {border-left:solid 1px var(--themeCol);}
.message_current_students .box_ttl {color:var(--txtColor1);}
.message_current_students .box_ttl span {border-right:solid 1px var(--themeCol); border-left:solid 1px var(--themeCol); margin-top:20px;}

.message_current_students > .inner {width:1140px; margin:0 auto; padding:80px 0;}
.current_students {display:flex; align-items:center; width:1048px;}
.current_students .inner {background-color:var(--boxBg2); width:758px; text-align:left; text-align:justify; box-sizing:border-box;}
.message_current_students .current_students .message_current_students_img {z-index:1; width:346px;}
.message_current_students .current_students:nth-of-type(odd) {margin:0 0 60px auto;}
.message_current_students .current_students:nth-of-type(odd) .inner {padding:60px 90px 60px 114px;}
.message_current_students .current_students:nth-of-type(odd) .message_current_students_img {margin-right:-56px;}
.message_current_students .current_students:nth-of-type(even) {-webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; margin:0 auto 60px 0;}
.message_current_students .current_students:nth-of-type(even) .inner {padding:60px 114px 60px 90px;}
.message_current_students .current_students:nth-of-type(even) .message_current_students_img {margin-left:-56px;}
.message_current_students .current_students .inner h6 {font-size:18px; margin-bottom:25px;}
.message_current_students .current_students .inner p {font-size:13px; font-family:var(--gothic); margin-bottom:20px;}
.message_current_students .current_students .inner dl {display:flex; align-items:center; text-align:left; text-align:justify; color:var(--txtColor1); letter-spacing:normal; font-family:var(--gothic);}
.message_current_students .current_students .inner dl dt {font-size:px;}
.message_current_students .current_students .inner dl dt span {font-size:11px;}
.message_current_students .current_students .inner dl dd {border-left:solid 1px var(--themeCol); margin-left:12px; padding-left:12px; box-sizing:border-box; font-family:var(--gothic); font-size:12px;}
.message_current_students .graduates_students.current_students .inner dl dd:last-of-type {border:double 4px var(--themeCol); padding:10px; font-size:11px; min-width:130px; display:flex; align-items:center; justify-content:center;}
.message_current_students_img {position:relative;}
.message_current_students_img p {position:absolute; margin:0; padding:.1em .6em; text-align:center; background:var(--themeCol); color:#fff; box-sizing:border-box;}
@media screen and (min-width:769px) {
  .message_current_students_img img {width:100%; aspect-ratio:12/11; object-fit:cover;}
  .message_current_students_img p {left:0; bottom:0; width:100%;}
}
@media screen and (max-width:768px) {
  .message_current_students_img p {right:10px; bottom:10px;}
}

@media screen and (max-width:768px) {
  .message_current_students > .inner, .message_current_students .current_students .message_current_students_img, .current_students .inner, .current_students {width:100%;}
  .message_current_students > .inner {border-top:none;}

  .message_current_students .box_ttl {border-top:solid 1px var(--themeCol);}
  .message_current_students h5.ttl_border {font-size:16px; margin-bottom:20px;}
  .current_students {flex-direction:column;}
  .message_current_students .current_students:nth-of-type(odd) .message_current_students_img {margin-right:auto;}
  .message_current_students > .inner {padding:0px 6.67% 10px; box-sizing:border-box;}
  .message_current_students .current_students:nth-of-type(odd) .inner, .message_current_students .current_students:nth-of-type(even) .inner {padding:20px;}
  .message_current_students .current_students .inner h6 {font-size:13px; margin-bottom:15px; order:2;}
  .message_current_students .current_students .inner p {order:3;}
  .message_current_students .current_students .inner dl {order:1; flex-direction:column; text-align:left; text-align:justify; margin-bottom:15px;}
  .message_current_students .current_students .inner {display:flex; flex-direction:column;}
  .message_current_students .current_students:nth-of-type(even) {-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
  .message_current_students .current_students:nth-of-type(even) .message_current_students_img {margin-left:auto;}

  .message_current_students .current_students .inner dl dd {border-left:none; border-top:solid 1px var(--themeCol); margin-left:0; padding-left:0; margin-top:10px; padding-top:10px;}
  .message_current_students .graduates_students.current_students .inner dl dd:last-of-type {text-align:center; padding:5px 10px;}
  .message_current_students .current_students .inner dl dt, .message_current_students .current_students .inner dl dd {width:100%;}
  .message_current_students .current_students .inner p {margin-top:0;}
  .message_current_students .current_students .inner .modal_btn p {margin-bottom:0;}
  .message_current_students h5.ttl_border.graduation_students_ttl {padding:30px 0 0; margin-top:0;}

  .message_current_students_txt {display:none; margin-top:20px;}
}
}