@charset "utf-8"; 
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');*/

:root {--green1:#3db270; --green2:#d8f0e2; --green3:#b1e0c6; --green4:#65c293; 
  --gothic:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  --gothicB:"Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
#menu_list li:nth-of-type(2), #doeds {--green1:#23b6bc; --green2:#d3f0f2; --green4:#4dc6c8;}

.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_img_01_pc.jpg) no-repeat top center; border-top:solid 32px var(--green1); 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.3em; line-height:1.4;}
#main_ttl_01 span {font-size:55px;}
.orange_txt {color:var(--green1);}
.red_txt {color:var(--green1);}
#main_ttl_01 rt {font-size:30px;}
.main_txt h1 {font-size:75px; color:var(--green1); letter-spacing:0.2em; text-align:left; line-height:1.2; margin-bottom:20px;}
.main_txt h1 span {background-color:var(--green1); font-size:16px; padding:3px 13px; line-height:1; color:#fff; text-align:center; letter-spacing:0.05em;}
.main_txt {text-align:left;}
.main_txt p {font-size:93%;}
.main_txt p.main_txt_read {font-size:24px; line-height:1.45; margin-bottom:15px;}
@media (min-width:769px){
  #main {height:550px;}
}

#comment {width:960px; margin:0 auto;}
#comment > .inner:first-of-type {border-top:solid 1px var(--green1); border-bottom:solid 1px var(--green1); text-align:left; text-align:justify; padding:20px 12px; box-sizing:border-box; margin-bottom:60px;}
#comment > .inner:first-of-type h2 {font-family:'Roboto', sans-serif; color:var(--green1); margin-bottom:10px; letter-spacing:0.1em;}
#comment > .inner:first-of-type h3 {font-size:23px; margin-bottom:10px; letter-spacing:0.25em;}
#comment > .inner:first-of-type ul {align-items:center;}
#comment > .inner:first-of-type ul li:first-of-type {width:715px; padding-right:23px; box-sizing:border-box;}
#comment > .inner:first-of-type ul li:first-of-type p {font-size:93%;}
#comment > .inner:first-of-type ul li:last-of-type {padding-left:23px; box-sizing:border-box; border-left:solid 1px var(--green1);}
#comment > .inner:first-of-type ul li:last-of-type h3 {font-size:14px; color:var(--green1); margin-bottom:0;}
#comment > .inner:first-of-type ul li:last-of-type h4 {font-size:18px;}
#comment > .inner:first-of-type ul li:last-of-type p {font-size:10px; font-family:var(--gothic); margin-top:10px;}
#comment .inner:last-of-type {border-top:solid 5px var(--green3); border-bottom:solid 5px var(--green3); text-align:left; text-align:justify; padding:45px 15px 40px; box-sizing:border-box; margin-bottom:90px;}
#comment .inner:last-of-type h2 {font-size:20px; color:var(--green1); letter-spacing:0.25em;}

#sdgs_box {padding:35px; box-sizing:border-box; background-color:var(--green2); border:solid 1px var(--green1); margin-bottom:60px;}
#sdgs_box > .flex {justify-content:space-between; margin:0 0 15px 30px;}
#sdgs_box h3 {font-size:28px; text-align:left;}
#sdgs_box .inner ul {background-color:var(--green1); color:#fff; font-size:20px; width:280px; padding:5px 7px; text-align:center; box-sizing:border-box; border-radius:50px; align-items:center; justify-content:space-between; margin:14px 0; font-family:var(--gothic);}
#sdgs_box .inner ul li {padding:0 10px; text-align:center;}
#sdgs_box .inner ul li:last-of-type {font-size:14px; border-left:solid 1px #fff}
#sdgs_box h4 {color:var(--green1); font-size:24px; text-align:left;}
#sdgs_box .inner p {text-align:left; text-align:justify; margin-top:6px;}
.sdgs_banner_01 {background:#fff; padding: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:first-of-type div {width:310px;}
#comment .inner:last-of-type ul li div {width:345px;}
.comment_name {font-size:18px; line-height:1.4; margin-bottom:10px;}
.comment_name span {font-size:12px; font-family:var(--gothic);}
#comment .inner:last-of-type ul li {align-items:center;}
#comment .inner:last-of-type ul li h3 {font-size:16px; letter-spacing:-0.08em;}
#comment .inner:last-of-type ul li div p:last-of-type {font-size:93%; margin-top:10px; letter-spacing:-0.05em; font-family:var(--gothic);}

#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; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; color:#fff; position:relative; width:100%; height:100%; font-size:24px;}
#menu_list li:first-of-type {background-color:var(--green1); border:solid 1px var(--green1); margin-right:10px;}
#menu_list li:first-of-type, #menu_list li:nth-of-type(2) {height:240px; width:470px;}
#menu_list li:first-of-type:hover, #menu_list li:nth-of-type(2):hover {background-color:#fff; transition:.3s;}
#menu_list li:first-of-type:hover a {color:var(--green1);}
.ttl_border {line-height:1; margin-bottom:15px;}
.ttl_border span {border-right:solid 1px #fff; padding:0 9px;}
.ttl_border span:first-of-type {border-left:solid 1px #fff;}
#menu_list li:first-of-type:hover .ttl_border span {border-right:solid 1px var(--green1);}
#menu_list li:first-of-type:hover .ttl_border span:first-of-type {border-left:solid 1px var(--green1);}
#menu_list li a > span:last-of-type {font-size:10px; font-family:var(--gothic); letter-spacing:0.3em;}
#menu_list li:first-of-type a:after, 
#menu_list li:nth-of-type(2) a:after, 
#menu_list li:first-of-type a:before, 
#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:first-of-type a:after, 
#menu_list li:nth-of-type(2) a:after {bottom:30px;}
#menu_list li:first-of-type a:before, 
#menu_list li:nth-of-type(2) a:before {bottom:40px;}
#menu_list li:first-of-type:hover a:after, 
#menu_list li:first-of-type:hover a:before {border-color:transparent transparent var(--green1) var(--green1);}
#menu_list li:nth-of-type(2) {background-color:var(--green1); border:solid 1px var(--green1);}
#menu_list li:nth-of-type(2):hover a {color:var(--green1);}
#menu_list li:nth-of-type(2):hover .ttl_border span {border-right:solid 1px var(--green1);}
#menu_list li:nth-of-type(2):hover .ttl_border span:first-of-type {border-left:solid 1px var(--green1);}
#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(--green1) var(--green1);}
#menu_list li:nth-of-type(3) {background-color:#fff; border:solid 1px var(--green1); width:100%; margin-top:20px;}
#menu_list li:nth-of-type(3) a {color:var(--green1); padding:20px; flex-direction:row; letter-spacing:0.3em;}
#menu_list li:nth-of-type(3):hover {background-color:var(--green1);}
#menu_list li:nth-of-type(3):hover a {color:#fff;}
#menu_list li:nth-of-type(3) span {width:32px; height:32px; position:relative; display:inline-block; margin-top:-10px;}
#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(--green1) var(--green1); transform:rotate(-45deg) translate(-50%, 0);}
#menu_list li:nth-of-type(3) a span::after {bottom:8px;}
#menu_list li:nth-of-type(3) a span::before {top:-4px;}
#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;}

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; letter-spacing:0.1em;}
.dop_features_img {position:absolute; top:43px; right:30px; z-index:1;}
section.box .box_ttl {margin-bottom:30px;}
section.box .box_ttl span {font-size:15px; padding:3px 30px; font-family:'Roboto', sans-serif; display:inline-block; line-height:1;}
section.box .box {width:1140px; margin:0 auto 50px; position:relative; padding:40px 90px 30px; box-sizing:border-box;}
section.box .features .box .inner h4 {font-size:26px; text-align:left; line-height:1.5; margin-bottom:20px;}

section#dofe .sec_main > .inner {background-color:var(--green1); color:#fff;}
section#dofe .sec_img {background:url(../images/dof_main_img_01_pc.webp) no-repeat top center;}
section.box#dofe .box_ttl {color:var(--green1);}
section.box#dofe .box_ttl span {border-right:solid 1px var(--green1); border-left:solid 1px var(--green1);}
section.box#dofe .box {background-color:var(--green2);}
section.box#dofe .features .point01 ul:first-of-type li:first-of-type {width:450px; text-align:left; text-align:justify; margin-right:60px;}

.features_figure {width:370px; height:298px;}
.features_figure img {width:100%;}

.features .point01 h5 {margin-block:1em; font-family:"Yu Gothic", var(--gothic); font-weight:bold;}
.features .point01 h5 strong {color:var(--green1);}
section.box#dofe .features .point01 ul:last-of-type {justify-content:space-between; margin-top:35px;}
section.box#dofe .features .point01 ul:last-of-type li {width:230px;}
section.box#dofe .features .point01 ul:last-of-type li .flex {flex-direction:column;}
section.box#dofe .features .point01 ul:last-of-type li .inner {background-color:#fff; padding:15px 12px; box-sizing:border-box;}
section.box#dofe .features .point01 ul:last-of-type li a {position:relative; display:block; color:inherit; background:#fff;}
section.box#dofe .features .point01 ul:last-of-type li p.-btn {border:1px #444 solid; margin-top:1em; padding:.4em; text-align:center;}

section.box .features .point01 ul:last-of-type li h5 {font-size:16px; margin-bottom:15px; text-align:left;}
section.box .features .point01 ul:last-of-type li p, .point_txt {text-align:left; text-align:justify;}
.dof_features_figure_02 {margin-top:20px;}
section.box .features .point01 ul:last-of-type li p {letter-spacing:-0.05em; font-size:93%; font-family:var(--gothic);}
section.box .curriculum {width:1140px; margin:0 auto 110px;}
section.box .curriculum .attention {font-size:10px; text-align:right; font-family:var(--gothic); margin-top:10px;}
section.box .closeup > .inner {border:solid 1px #000; border-radius:15px; width:1140px; margin:-25px auto 95px; padding:70px 85px; box-sizing:border-box; position:relative; background:#fff;}
section.box .closeup > .inner::after {content:''; display:block; background-color:#fff; background-image:radial-gradient(#a3d3b8 20%, transparent 20%), radial-gradient(#a3d3b8 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;}
section.box .closeup h4 {font-size:34px; font-weight:bold; font-family:var(--gothic); -webkit-transform:skewX(-15deg); -moz-transform:skewX(-15deg); -o-transform:skewX(-15deg); transform:skewX(-15deg); display:inline-block; padding:0 10px; background-color:#fff; z-index:2; position:relative;}
section.box .closeup h5 {font-size:26px; margin-bottom:30px;}
section.box .closeup .inner > h5 {margin-bottom:10px;}
section.box h5.closeup_h5 {position:relative;}
.closeup_feature {margin-top:40px;}
section.box h5.closeup_h5 span {color:#fff; padding:5px 15px; display:inline-block; font-size:18px; z-index:1; position:relative;}
section.box h5.closeup_h5::after {content:''; width:100%; height:1px; position:absolute; top:50%; left:0;}

section.box#dofe .closeup h4 {color:var(--green1);}
section.box#dofe .closeup h5 {color:var(--green1);}
section.box#dofe h5.closeup_h5 span {background-color:var(--green1);}
section.box#dofe h5.closeup_h5::after {background-color:var(--green1);}

.closedup_img {width:286px; margin-bottom:10px; text-align:center;}
.closedup_img img {width:100%; height:auto;}

section.box .closeup_feature ul {justify-content:space-between;}
section.box .closeup .closeup_feature ul li {text-align:left; text-align:justify; width:286px;}
section.box .closeup .closeup_feature ul li dl {display:flex; justify-content:space-between;}
section.box .closeup .closeup_feature ul li dl {margin-bottom:10px; align-items:center;}
section.box .closeup .closeup_feature ul li dl dt {font-size:20px;}
section.box .closeup .closeup_feature ul li dl dd {font-size:24px; padding-left:10px; display:inline-block; vertical-align:middle;}
section.box .closeup .closeup_feature ul li dl dd span {font-size:13px; display:inline-block; vertical-align:middle;}
section.box .closeup .closeup_feature ul li p {font-size:12px;}
section.box .closeup .closeup_feature ul li p:not(.closeup_list_ttl) {font-family:var(--gothic);}
section.box .closeup .closeup_feature ul li p.closeup_list_ttl {font-size:14px; letter-spacing:-0.01em; margin-bottom:5px;}
section.box .closeup .closeup_feature ul {padding:30px 0;}
section.box .closeup .closeup_feature ul:first-of-type {padding:0 0 30px;}

section.box .seminar_ttl {width:274px; border-radius:30px; padding:5px; box-sizing:border-box; font-size:21px; margin-bottom:20px;}
section.box .seminar_ttl > span {width:100%; height:100%; border:solid 1px #fff; border-radius:30px; color:#fff; display:block; box-sizing:border-box; padding:10px; line-height:1;}
section.box .seminar_ttl > span span {font-size:16px;}

section.box#dofe .closeup .closeup_feature ul li dl {color:var(--green1);}
section.box#dofe .closeup .closeup_feature ul li dl dd {border-left:solid 1px var(--green1); line-height:1.2;}
section.box#dofe .closeup .closeup_feature ul li p.closeup_list_ttl {color:var(--green1);}
section.box#dofe .closeup .closeup_feature ul:not(:first-of-type) {border-top:dashed 1px var(--green1);}
section.box#dofe .seminar_ttl {background-color:var(--green1); letter-spacing:-0.01em;}
section.box #dofe_seminar ul {justify-content:space-between;}
section.box #dofe_seminar ul li {width:450px;}
section.box #dofe_seminar ul li .dof_seminar_teacher_img {margin-bottom:20px;}
section.box #dofe_seminar ul li h6 {color:var(--green1); font-size:18px; text-align:left; text-align:justify; margin-bottom:15px;}
section.box #dofe_seminar ul li p {font-size:12px; text-align:left; text-align:justify; font-family:var(--gothic);}

.opencampus_btn {width:960px; margin:30px auto; 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:after {content:''; background-color:var(--green1); border-radius:10px; position:absolute; width:100%; height:100%; right:-8px; bottom:-8px; z-index:-1;}
.opencampus_btn a span {display:inline-block; width:12px; height:12px; border:1px solid; transform:rotate(45deg); margin-left:10px;}

.opencampus_btn {background-color:var(--green4);}
.opencampus_btn:after {border:solid 1px var(--green1);}
.opencampus_btn a {color:#fff;}
.opencampus_btn a span {border-color:#fff #fff transparent transparent;}

.teacher_btn {width:960px; 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;}
  .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%;}
}

#dofe .teacher_btn a {background-color:var(--green2); color:var(--green1);}
#dofe .teacher_btn a:after {border:solid 1px var(--green1);}
#dofe .teacher_btn a span {border-color:var(--green1) var(--green1) transparent transparent;}
section#doeds .sec_main > .inner {background-color:var(--green1); color:#fff;}
section#doeds .sec_img {background:url(../images/docp_main_img_01_pc.webp) no-repeat top center;}

section.box#doeds .box_ttl {color:var(--green1);}
section.box#doeds .box_ttl span {border-right:solid 1px var(--green1); border-left:solid 1px var(--green1);}
section.box#doeds .box {background-color:var(--green2); padding:40px 70px;}

section.box#doeds .features .box {text-align:left; text-align:justify; }
section.box#doeds .features .point01 .inner > ul:first-of-type li:first-of-type {width:450px; margin-right:10px;}
section.box#doeds .features .point01 .inner > .flex {align-items:center; justify-content:space-between; margin-bottom:50px;}
section.box#doeds .features .point01 .features_figure {width:450px; height:468px;}
section.box#doeds .features .point01 .inner > .flex.features_list {justify-content:space-between; margin-bottom:0; gap:10px;}
section.box#doeds .features .point01 .inner > .flex.features_list li {width:48%}
section.box#doeds .features .point01 .inner > .flex.features_list li img {width:100%;}

section.box#doeds .features .point03 {text-align:left; text-align:justify;}
section.box#doeds .features .point03 ul {justify-content:space-between; margin-top:40px;}
section.box#doeds .features .point03 ul li {width:449px; background-color:#fff; font-family:var(--gothic);}
section.box#doeds .features .point03 ul li > a {display:block; color:inherit;}
section.box#doeds .features .point03 ul li p {padding:25px; box-sizing:border-box;}
section.box#doeds .features .point03 ul li p.-btn {margin:0 20px 20px; padding:.4em; border:1px #444 solid; text-align:center;}

section.box#doeds .features .point03 h4 strong {font-family:"Yu Gothic",var(--gothic); color:var(--green1);}
section.box#doeds .features .point03 h5 {margin-bottom:1em; font-weight:inherit; font-size:116%;}

@media (min-width:769px){
  section.box#doeds .features .point01 .inner > .flex.features_list li {width:calc((99.9% - 50px) / 6);}
}
section.box#doeds .features .point01 .inner > .flex.features_list p {font-size:12px; font-family:var(--gothic); text-align:center; letter-spacing:-0.01em; margin-top:8px;}

:is(section.box#dofe .point03, #doeds .point03.fs_pt2) {padding:0 0 0 90px;}
:is(section.box#dofe .point03, section.box#dofe .point04, #doeds .point03.fs_pt2) .inner {display:flex; justify-content:space-between; text-align:left; text-align:justify;}
:is(section.box#dofe, #doeds .point03.fs_pt2) .features_txt {width:568px; padding-block:2rem;}

@media (min-width:769px){
  .fs_pt2 ._pic {width:420px;}
  .fs_pt2 ._pic img {width:100%; height:100%; object-fit:cover;}
  .fs_pt2 ._pic:has(img:nth-child(2)) img {height:50%;}
  #doeds .point03.ds_pt2 img {aspect-ratio:4/3; object-fit:cover;}
}
@media (max-width:768px){
  .fs_pt2 {padding-bottom:6%!important;}
  .fs_pt2 ._pic {display:grid; grid-template-columns:1fr 1fr;}
  :is(section.box#dofe, #doeds .point03.fs_pt2) .features_txt {width:auto;}
}

section.box#doeds .closeup h4, section.box#doeds .closeup h5, section.box#doeds .closeup .closeup_feature ul li dl {color:var(--green1);}
section.box#doeds .closeup .closeup_feature ul li p.closeup_list_ttl {color:var(--green1);}
section.box#doeds h5.closeup_h5 span {background-color:var(--green1);}
section.box#doeds h5.closeup_h5::after {background-color:var(--green1);}
section.box#doeds .closeup .closeup_feature ul li dl dd {border-left:solid 1px var(--green1);}
section.box#doeds .closeup .closeup_feature ul li dl dt {line-height:1.2;}
section.box#doeds .closeup .closeup_feature ul li dl dt span {font-size:16px; line-height:1;}
section.box#doeds .closeup > .inner::after {background-image:radial-gradient(#91dadd 20%, transparent 20%), radial-gradient(#91dadd 20%, transparent 20%);}
.flex_mt10 {margin-top:9px;}
section.box#doeds .closeup .closeup_feature ul:not(:first-of-type) {border-top:dashed 1px var(--green1);}

section.box#doeds #doeds_seminar ul {flex-wrap:wrap; justify-content:space-between;}
section.box#doeds #doeds_seminar ul li {width:470px; display:flex; text-align:left; text-align:justify; margin-top:25px;}
section.box#doeds #doeds_seminar ul li.green_box dl {border-left:none;}
section.box#doeds #doeds_seminar ul li.green_box dl {border:solid 1px #00ae9e;}
section.box#doeds #doeds_seminar ul li.orange_box dl {border:solid 1px #f47400;}
section.box#doeds #doeds_seminar ul li dl dt {font-size:12px; line-height:1;}
section.box#doeds #doeds_seminar ul li.green_box dl dt {border-bottom:solid 1px #00ae9e; font-family:var(--gothic);}
section.box#doeds #doeds_seminar ul li.orange_box dl dt {border-bottom:solid 1px #f47400;}
section.box#doeds #doeds_seminar ul li .seminar_name, section.box#doeds #doeds_seminar ul li dl dd h6 {font-size:16px;}
section.box#doeds #doeds_seminar ul li.green_box .seminar_name, section.box#doeds #doeds_seminar ul li.green_box dl dd h6 {color:#00ae9e;}
section.box#doeds #doeds_seminar ul li .seminar_name {font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
section.box#doeds #doeds_seminar ul li.orange_box .seminar_name, section.box#doeds #doeds_seminar ul li.orange_box dl dd h6 {color:#f47400;}
section.box#doeds #doeds_seminar ul li dl dd h6 {margin-bottom:8px;}
section.box#doeds #doeds_seminar ul li dl dt, section.box#doeds #doeds_seminar ul li dl dd {padding:12px 15px; box-sizing:border-box;}
section.box#doeds #doeds_seminar ul li dl dd p {font-size:12px; font-family:var(--gothic);}
section.box#doeds #doeds_seminar ul li .seminar_koushi {font-size:10px; font-family:var(--gothic);}


#doeds .opencampus_btn {background-color:var(--green4);}
#doeds .opencampus_btn a {color:#fff;}
#doeds .opencampus_btn:after {content:''; background-color:var(--green1); border-radius:10px; position:absolute; width:100%; height:100%; right:-8px; bottom:-8px; z-index:-1;}
#doeds .opencampus_btn:after {border:solid 1px var(--green1);}
#doeds .opencampus_btn a span {border-color:#fff #fff transparent transparent;}

#doeds .teacher_btn a:after {border:solid 1px var(--green1);}
#doeds .teacher_btn a {background-color:var(--green2); color:var(--green1);}
#doeds .teacher_btn a span {border-color:var(--green1) var(--green1) transparent transparent;}

.saienImg {max-width:880px; margin:0 auto; position:relative;}
.saienImg img {width:100%;}
.saienImg a {display:block; width:50%; height:21.5%; position:absolute; bottom:0;}
.saienImg a + a {right:0;}
.saienImg a:hover {background:rgba(211,240,242,.3);}

#graduation_course h3 {background:#e4f4eb; font-size:36px; color:var(--green1); line-height:1.2; padding:45px 0; letter-spacing:0.3em; border-top:solid 1px var(--green1); border-bottom:solid 1px var(--green1);}
#graduation_course h3 span {font-size:20px;}
#graduation_course .inner {background:var(--green2); padding:80px 0 100px;}
#graduation_course .inner > .inner {background:#fff; width:1140px; margin:0 auto 55px; padding:55px 90px 60px; box-sizing:border-box; border-radius:10px;}
#graduation_course .inner > .inner h4 {font-size:26px; color:var(--green1); margin-bottom:20px;}
.graduation_course_figure_01 {width:363px;}
.graduation_course_figure_01 img {width:100%; height:auto;}
/*#graduation_course .inner .inner > ul {text-align:left; justify-content:space-between; align-items:flex-end; margin-top:50px;}
#graduation_course .inner .inner > ul li:first-of-type {width:502px;}
#graduation_course .inner .inner > ul li:first-of-type h5 {font-size:18px; margin:20px 0 10px;}*/

#graduation_course .pickup {text-align:left;}
#graduation_course .pickup .ttl b {font-size:150%;}
#graduation_course .pickup h4 strong {display:inline-block; font-size:60%; color:#f41133;}
#graduation_course .pickup .catch {color:#287c74;}
#graduation_course .pickup .catch b {font-size:130%;}

@media (min-width:769px){
  #graduation_course .pickup .ttl {float:left; margin-bottom:1em;}
  #graduation_course .pickup .catch {float:right; margin-bottom:1em; text-align:right;}
  #graduation_course .pickup .txt {clear:both;}
}
@media (max-width:768px){
  #graduation_course .pickup .catch {margin-bottom:1em;}
}

#graduation_course .future_image h5 {color:var(--green1); font-size:20px; line-height:1; margin:40px auto 20px; position:relative;}
#graduation_course .future_image h5::after {content:''; width:100%; height:1px; background:var(--green1); position:absolute; top:50%; left:0;}
#graduation_course .future_image h5 span {background-color:#fff; border-left:solid 1px var(--green1); border-right:solid 1px var(--green1); padding:3px 25px; position:relative; z-index:1;}
#graduation_course .future_image h5 span::after, #graduation_course .future_image h5 span::before {content:''; width:1px; height:100%; background:var(--green1); position:absolute; top:0;}
#graduation_course .future_image h5 span::after {left:8px;}
#graduation_course .future_image h5 span::before {right:8px;}
#graduation_course .future_image ul {justify-content:space-between; max-width:834px; margin:0 auto;}
#graduation_course .future_image ul li p {font-size:12px; text-align:left; text-align:justify; font-family:var(--gothic);}
#graduation_course .future_image ul li h6 {color:var(--green1); font-weight:bold; line-height:1; position:relative; display:inline-block; padding:3px 20px; margin-bottom:8px;}
#graduation_course .future_image ul li h6::before, #graduation_course .future_image ul li h6::after {position:absolute; top:50%; content:''; -webkit-box-sizing:border-box; box-sizing:border-box; color:var(--green1); transform:translate(0, -50%);}
#graduation_course .future_image ul li h6::before {content:'（'; left:0;}
#graduation_course .future_image ul li h6::after {content:'）'; right:0;}
#graduation_course .future_image ul li:first-of-type {width:410px;}
#graduation_course .future_image ul li:last-of-type {width:380px;}
#graduation_course .future_image ul li:last-of-type .attention {text-align:right; margin-top:10px;}
#graduation_course .future_image ul li:first-of-type .attention {text-align:right; margin-top:10px;}

#graduation_course .future_image dl {margin:1.5em 0 2.5em; font-family:var(--gothic);}
#graduation_course .future_image dl > div {margin:10px 0;}
#graduation_course .future_image dl > div.-headline > * {font-family:"Yu Gothic",var(--gothic); font-weight:bold; text-align:left; color:var(--green1);}
#graduation_course .future_image dl > div:not(.-headline) dt {position:relative; background:var(--green1); color:#fff;}
#graduation_course .future_image dl > div:not(.-headline) dt:before {content:""; display:block; border-bottom:6px transparent solid; border-left:6px #fff solid; position:absolute; left:0; top:0;}
#graduation_course .future_image dl > div:not(.-headline) > * {padding:.6em 1em;}
#graduation_course .future_image dt b {font-family:"Yu Gothic",var(--gothic); font-weight:bold; font-size:108%;}
#graduation_course .future_image div:not(.-headline) dd {border:1px var(--green1) solid; text-align:left;}

@media (min-width:769px){
  #graduation_course .future_image dl > div {display:grid; grid-template-columns:.9fr 1.1fr; gap:5px;}
  #graduation_course .future_image dl > div > * {display:flex; flex-direction:column; justify-content:center;}
  #graduation_course .future_image dd {font-size:93%;}
}
@media (max-width:768px){
  #graduation_course .future_image dl > div.-headline {display:none;}
  #graduation_course .future_image dd:before {content:"本学で取得が目指せる関連資格："; display:block; color:var(--green1); font-weight:bold;}
}

#graduation_course .shikaku ul {display:flex; flex-wrap:wrap; justify-content:center; gap:.3em 1em; background-color:#fffbda; padding:30px; font-size:16px; box-sizing:border-box; font-family:var(--gothic);}
#graduation_course .shikaku ul li {width:unset;}
#graduation_course .shikaku ul li:before {content:"□"; color:var(--green1);}

[data-overlap-text] {position:relative;}
[data-overlap-text]:before {content:attr(data-overlap-text); position:absolute; left:0; bottom:0; color:var(--green2); mix-blend-mode:multiply; line-height:1; font-family:serif; font-style:italic; scale:1 1.2; font-size:160%; font-weight:normal; translate:0 -15%;}
#graduation_course .inner > h5 {text-align:left; font-size:116%; font-family:var(--gothicB); font-weight:bold;}
#graduation_course .inner > .pcCol2m {text-align:left;}
#graduation_course .inner > .pcCol2m h6 {margin-bottom:.2em; font-size:116%; font-family:var(--gothicB); font-weight:bold; color:var(--green1);}
#graduation_course .inner > .pcCol2m h6[data-num] {padding-left:1.6em;}
#graduation_course .inner > .pcCol2m h6[data-num]:before {content:attr(data-num); display:inline-block; margin-inline:-1.6em .4em; width:1.2em; background:var(--green1); line-height:1.2; text-align:center; color:#fff;}
#graduation_course .inner > .pcCol2m * ~ h6 {margin-top:.6rem;}
#graduation_course .inner > .pcCol2m strong {font-family:var(--gothicB);}
#graduation_course .inner ul.disc li {list-style:inherit;}
#graduation_course .inner ul.disc em {font-style:normal; color:var(--green1);}

#graduation_course .message_current_students_img + .inner {background:#fff;}
#graduation_course .message_current_students_img + .inner h6 {text-align:left;}

@media screen and (min-width:769px) {
  #graduation_course .inner > .pcCol2m {font-size:85%;}
}


section.box#message_current_students {background:var(--green2); margin-top:0;}
section.box#message_current_students h5.ttl_border {font-size:25px; color:var(--green1); margin-bottom:40px;}
section.box#message_current_students h5.ttl_border.graduation_students_ttl {border-top:dashed 1px var(--green1); padding:50px 0 0; margin-top:95px;}
section.box#message_current_students h5.ttl_border span {border-right:solid 1px var(--green1);}
section.box#message_current_students h5.ttl_border span:first-of-type {border-left:solid 1px var(--green1);}
section.box#message_current_students .box_ttl {color:var(--green1);}
section.box#message_current_students .box_ttl span {border-right:solid 1px var(--green1); border-left:solid 1px var(--green1); margin-top:20px;}

#message_current_students > .inner {width:1140px; margin:0 auto; padding:80px 0 80px; border-top:solid 1px var(--green1);}
.current_students {display:flex; align-items:center; width:1048px;}
.current_students .inner {background-color:#fff; 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 85px 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 {background-color:#fff; padding:60px 114px 60px 85px;}
#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(--green1); letter-spacing:normal;}
#message_current_students .current_students .inner dl dt {font-size:15px; vertical-align:middle; display:inline-flex; align-items:center; font-family:var(--gothic);}
#message_current_students .current_students .inner dl dt img {margin-right:15px;}
#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(--green1); margin-left:15px; padding-left:15px; 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(--green1); 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:#3eb271; 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) {
 .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:first-of-type ul li:first-of-type, #menu_list, #dofe .box, #comment .inner:last-of-type ul li:first-of-type div, #comment .inner:last-of-type ul li div, #menu_list li:first-of-type, #menu_list li:nth-of-type(2), #dofe .features .point01 ul:last-of-type li, section.box#dofe .features .point01 ul:first-of-type li:first-of-type, section.box#dofe .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#dofe .seminar_ttl_block > .inner, section.box#dofe .seminar .seminar_ttl_block .inner > p:last-of-type, .opencampus_btn, .teacher_btn, section.box .box, .point01_kamoku .flex li, section.box .seminar_ttl, section.box#doeds .seminar_ttl_block .inner .flex > p, #graduation_course .inner > .inner, #graduation_course .future_image ul:first-of-type li, #graduation_course .future_image ul:first-of-type, #message_current_students > .inner, #message_current_students .current_students .message_current_students_img, .current_students .inner, .current_students, section.box#doeds .features_txt, section.box .point01_kamoku:last-of-type dl dd, section.box#doeds .features .point01 .inner > ul:first-of-type li:first-of-type, section.box#doeds #doeds_seminar ul li, #sdgs_box .inner ul, section.box #dofe_seminar ul li, section.box#dofe .features .point01 ul:last-of-type li {width:100%;}
  #main {padding:0 0 95%; height:0; background:url(../images/main_img_01_sp.jpg) no-repeat top center/100% auto; border-top:solid 10px var(--green1); margin-bottom:7%;}
  #pc_menu {display:none;}
  body {font-size:12px;}
  .main_txt h1 {font-size:35px; margin-bottom:0; position:absolute; top:4%; left:45%; right:auto; letter-spacing:0.08em;}
  .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; left:45%; right:auto; top:29%;}
  .main_txt_read_box {text-align:left; padding:0 6%; letter-spacing:-0.02em; line-height:2;}
  .main_txt_read {font-size:17px; margin-bottom:10px;}
  
  #comment > .inner:first-of-type {margin-top:45px; padding:20px 0;}
  #comment > .inner:first-of-type h3 {font-size:14px; margin-bottom:10px; letter-spacing:normal;}
  #comment > .inner:first-of-type .flex {flex-direction:column;}
  #comment > .inner:first-of-type ul li:first-of-type {padding-right:0; border-right:none;}
  #comment > .inner:first-of-type ul li:last-of-type {display:flex;}
  #comment {padding:0 6%; box-sizing:border-box;}
  #comment > .inner:first-of-type h2 {margin-bottom:3px;}
  #comment > .inner:first-of-type ul li:last-of-type h3 {font-size:12px; margin-bottom:2px;}
  #comment > .inner:first-of-type ul li:last-of-type h4 {font-size:15px; letter-spacing:normal;}
  #comment > .inner:first-of-type ul li:last-of-type {width:100%; padding-left:0; margin-top:20px; border-left:none;}
  #comment > .inner:first-of-type ul li:last-of-type > div {padding-right:7%; margin-right:7%; border-right:solid 1px var(--green1);}
  #comment > .inner:first-of-type ul li:last-of-type p {margin-top:0;}
  #comment .inner:last-of-type {border-top:solid 3px var(--green3); border-bottom:solid 3px var(--green3); text-align:left; text-align:justify; padding:15px 0 20px; box-sizing:border-box; margin-bottom:19%;}

  #sdgs_box {padding:5% 6.518% 8%;}
  #sdgs_box > .flex {justify-content:space-between; margin:0 auto 6%; flex-direction:column;}
  #sdgs_box h3 {font-size:14px;}
  #sdgs_box .inner ul {font-size:15px; justify-content:center;}
  #sdgs_box .inner ul li:last-of-type {font-size:12px;}
  #sdgs_box h4 {font-size:14px;}
  .sdgs_img_01 {margin-top:6%;}
  #comment .inner:last-of-type h2 {margin-bottom:15px;}
  
  #menu_list {width:76%;}
  #menu_list li a {font-size:15px;}
  .ttl_border {margin-bottom:10px;}
  .ttl_border span {padding:0 5px;}
  #menu_list li:first-of-type, #menu_list li:nth-of-type(2) {height:150px;}
  #menu_list li:first-of-type a:before, #menu_list li:nth-of-type(2) a:before {bottom:23px;}
  #menu_list li:first-of-type a:after, #menu_list li:nth-of-type(2) a:after, #menu_list li:first-of-type a:before, #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:first-of-type {margin-right:0; margin-bottom:10px;}
  #menu_list li:nth-of-type(3) {background-color:#fff; border:solid 1px var(--green1); width:100%; margin-top:10px;}
  #menu_list li:nth-of-type(3) a {display:flex; flex-direction:column;}
  #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(--green1) var(--green1);}
  #menu_list li:nth-of-type(3) a span::before {top:-5px;}
  #menu_list li:nth-of-type(3) a span::after {bottom:4px;}
  
  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:first-of-type 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:13px;}
  #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; letter-spacing:-0.01em;}
  .comment_name > span {margin-right:10px;}
  #comment .inner:last-of-type ul li:not(:last-of-type) {margin-bottom:30px;}
  
  #dofe, #doeds {padding:0 6.67%;}
  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.2em;}
  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 20px;}
  section.box .box_ttl {font-size:17px; margin-bottom:18px; font-weight:bold;}
  .dop_features_img {top:0; right:6%; z-index:1; width:21.85%;}
  section.box .box {padding:5% 5.334% 8%;}
  section.box .features .box .inner h4 {font-size:14px; margin-bottom:15px; letter-spacing:-0.01em;}
  .features_figure {width:99.198%; height:auto; margin:6% auto 0;}
  .features_figure img {height: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; flex-direction:column; width:87.697%; margin:0 auto 21px;}
  section.box .features .point03 ul li {width:100% !important; margin-bottom:6%;}
  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#message_current_students .box_ttl span {border-right:solid 1px var(--green1); border-left:solid 1px var(--green1); margin-top:20px;}
  section.box .box_ttl p {font-size:11px; margin-bottom:0;}
  section#dofe .sec_img {background:url(../images/dof_main_img_01_sp.webp) no-repeat top center/100% auto;}
  section.box#dofe .box_ttl span {border-right:solid 1px var(--green1); border-left:solid 1px var(--green1);}
  section.box#dofe .features .point01 ul:first-of-type, section.box#dofe .features .point01 ul:last-of-type, section.box .point03 .inner, section.box .point04 .inner {flex-direction:column;}
  section.box#dofe .features .point01 ul:last-of-type li {margin-bottom:8%;}
  section.box#dofe .box.point03 {position:relative; padding:5% 5.334% 70%;}
  section.box#doeds .box_ttl span {border-right:solid 1px var(--green1); border-left:solid 1px var(--green1);}
  section.box#doeds .features .point03 ul {margin-top:0;}
  
  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 .closeup .inner > h5 {letter-spacing:-0.05em; margin-bottom:15px;}
  .closeup_feature {margin-top:30px;}
  section.box h5.closeup_h5 span {font-size:11px; min-width:80px;}
  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#dofe .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 li p.closeup_list_ttl {letter-spacing:0.1em;}
  section.box .closeup .closeup_feature ul li p:not(.closeup_list_ttl) {letter-spacing:0.01em;}
  section.box .closeup .closeup_feature ul:first-of-type {border-bottom:none; padding:0 0 8%;}
  section.box .closeup .closeup_feature ul {padding:0 0 8%;}
  section.box#dofe .closeup .closeup_feature ul:not(:first-of-type) {border-top:none;}
  section.box#doeds .closeup .closeup_feature ul:not(:first-of-type) {border-top:none;}
  
  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 .seminar_teacher_block p {color:#000; font-size:12px;}
  section.box .closeup > .inner::after {right:-10px; bottom:-10px;}
  .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:after {right:-5px; bottom:-5px;}
  .teacher_btn a {font-size:14px; display:block; align-items:center; font-weight:bold; justify-content:center; width:100%; height:100%;}
  .teacher_btn a span {margin-right:-19px;}
  .teacher_btn:after {right:-5px; bottom:-5px;}
  section.box#dofe .seminar_teacher_block.pc_only {display:none;}
  section.box#dofe .seminar_teacher_block {position:relative; right:auto; bottom:auto; flex-direction:column-reverse; width:36.53%;}
  section.box #dofe_seminar ul, section.box #dofe_seminar ul li {-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
  section.box #dofe_seminar ul li h6 {font-size:13px; margin-bottom:10px;}
  section.box #dofe_seminar ul li:first-of-type {margin-bottom:30px;}
  #dofe .opencampus_btn a {}
  
  section#doeds .sec_img {background:url(../images/docp_main_img_01_sp.webp) no-repeat top center/100% auto;}
  section.box#doeds .box {padding:5% 5.334% 8%;}
  section.box#doeds .features .point01 .inner > .flex {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  section.box#doeds .features .point01 .inner > ul:first-of-type li:first-of-type {margin-right:0;}
  section.box#doeds .features .point01 .inner > .flex.features_list {width:89.55%; margin:0 auto;}
  section.box#doeds .features .point01 .inner > .flex.features_list p {font-size:10px; letter-spacing:-0.05em;}
  section.box#doeds .features .point01 .inner > .flex.features_list li:not(:first-of-type), section.box#doeds .features .point01 .inner > .flex.features_list li:not(:nth-of-type(2)) {margin-top:6%;}
  section.box#doeds .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:first-of-type dl dd {width:100%;}
  section.box .point01_kamoku:first-of-type 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:first-of-type {margin-bottom:20px;}
  section.box .point01_kamoku:last-of-type li:nth-of-type(2) {margin-top:15px;}
  section.box .seminar_ttl_block > .inner h6 {font-size:12px; letter-spacing:-0.01em;}
  section.box .seminar_teacher_block p {color:#000; font-size:12px;}
  section.box .seminar_teacher_block p span {font-size:11px;}

  section.box#doeds .box.point03, section.box#doeds .box.point04 {padding:0;}
  section.box#doeds .features_img_02 {position:relative; bottom:0; left:0;}
  section.box#doeds .features_txt {padding:5% 5.334% 4%; box-sizing:border-box;}
  section.box#doeds .closeup .closeup_feature ul:first-of-type {border-bottom:none;}
  section.box#doeds .closeup .closeup_feature ul li dl dt span {font-size:11px;}
  section.box#doeds .seminar > .flex {flex-direction:column;}
  section.box#doeds #doeds_seminar ul li {flex-direction:column;}
  section.box#doeds #doeds_seminar ul li:first-of-type {margin-top:0;}
  section.box#doeds #doeds_seminar ul li .seminar_name {font-size:13px;}
  section.box#doeds #doeds_seminar ul li dl dd h6 {font-size:14px;}
  section.box#doeds #doeds_seminar ul li dl dt {font-size:14px;}
  section.box#doeds #doeds_seminar ul li .seminar_koushi {font-size:12px;}
  section.box#doeds .seminar .seminar_teacher_block {position:relative; top:auto; right:-6%; width:48%;}
  section.box#doeds .seminar .flex li:nth-of-type(2) .seminar_teacher_block, section.box#doeds .seminar .flex li:nth-of-type(3) .seminar_teacher_block {right:-6%;}
  
  #graduation_course h3 {font-size:18px; margin-bottom:0; padding:30px; border-top:solid var(--green1) 1px; border-bottom:solid var(--green1) 1px;}
  #graduation_course h3 span {font-size:13px;}
  #graduation_course .inner > .inner h4 {font-size:15px;}
  #graduation_course .inner {padding:50px 6.67%;}
  #graduation_course .inner + .inner {margin-top:30px;}
  #graduation_course .inner > .inner {padding:28px 6.156% 36px;}
  #graduation_course .inner .inner > ul {flex-direction:column; align-items:center; margin-top:0;}
  #graduation_course .inner .inner > ul li:first-of-type, #graduation_course .future_image ul:last-of-type li:first-of-type, #graduation_course .future_image ul:last-of-type li:last-of-type {width:100%;}
  .graduation_course_figure_01 {width:91.23%; margin:0 auto;}
  #graduation_course .inner .inner > ul li:first-of-type h5, #graduation_course .future_image h5 {font-size:14px;}
  #graduation_course .future_image ul {justify-content:space-between; max-width:834px; margin:0 auto; flex-direction:column;}
  #graduation_course .future_image ul li:not(:last-of-type) {margin-bottom:8%;}
  #graduation_course .inner > .inner {margin-bottom:30px;}
  #graduation_course .shikaku div {font-size:12px; text-align:left; padding:25px 30px;}
  
  section.box#message_current_students h5.ttl_border {font-size:14px; 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; border-top:none;}
  section.box#message_current_students .box_ttl {border-top:solid 1px var(--green1);}
  #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; width:84%; position:relative;}
  #message_current_students .graduates_students.current_students .inner dl {width:100%;}
  #message_current_students .graduates_students.current_students .inner dl dd:last-of-type {text-align:center;}
  #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;}
  
  .graduation_course_ttl_01 {margin:8% auto;}
  #graduation_course .inner .inner > ul li:first-of-type {border-top:solid var(--green1) 1px; margin-top:8%;}
  #graduation_course .inner > .inner.shikaku {margin-bottom:0;}
  
  #message_current_students .current_students .inner dl dd {border-left:none; border-top:solid 1px var(--green1); margin-left:0; padding-left:0; margin-top:10px; padding-top: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 dl dt {position:relative;}
  #message_current_students .current_students .inner p {margin-top:0;}
  #message_current_students .current_students .inner dl dt img {margin-right:0; position:absolute; top:50%; right:-19%; width:36px; height:auto;}
  #message_current_students .current_students .inner .modal_btn p {margin-bottom:0;}
  section.box#message_current_students h5.ttl_border.graduation_students_ttl {padding:30px 0 0; margin-top:0;}
  
  .curriculum_modal_btn {font-size:12px; vertical-align:middle; margin-bottom:20px; font-family:var(--gothic);}
  .curriculum_modal_btn a {color:#000;}
  .curriculum_modal_btn img {width:25px; vertical-align:middle; padding-right:5px;}
  
  .modal_btn {border:solid 1px #000; order:4; text-align:center; padding:8px 0; font-family:var(--gothic); position:relative;}
  .modal_btn::after {content:'';}
  .modal_btn:before, .modal_btn:after {display:block; content:''; background-color:#000; border-radius:10px; position:absolute; width:14px; height:1px;}
  .modal_btn:after {top:50%; right:24px; transform:translate(0, -50%);}
  .modal_btn:before {width:1px; height:14px; top:50%; right:30px; transform:translate(-50%, -50%); opacity:1; transition:0.3s;}
  .modal_btn.active:before {transform:translate(-50%, -50%) rotate(45deg);}
  .modal_btn.active:after {transform:translate(0, -50%) rotate(45deg);}
  .message_current_students_txt {display:none; margin-top:20px;}
}