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

:root {--gothic:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
        --gothicB:"Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
        --theme1:#ef834a; --theme2:#fce6db; --theme2b:#fce6db44; --theme3:#f79d7a;}
#docp {--theme1:#eb6d65; --theme2:#fbe2e0; --theme2b:#fbe2e044; --theme3:#f48d8b;}

.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:32px var(--theme1) solid; margin-bottom:70px;}
#main .inner {width:1180px; margin:0 auto; justify-content:space-between;}
#main_ttl_01 {font-weight:400; 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(--theme1);}
.red_txt {color:var(--theme1);}
#main_ttl_01 rt {font-size:30px;}
.main_txt h1 {font-size:75px; color:var(--theme1); text-align:left; line-height:1.2; margin-bottom:20px; letter-spacing:0.2em;}
.main_txt h1 span {background-color:var(--theme1); 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;}

#comment {width:960px; margin:0 auto;}
#comment .inner:first-of-type {border-top:solid 1px var(--theme1); border-bottom:solid 1px var(--theme1); text-align:left; text-align:justify; padding:20px 12px; box-sizing:border-box; margin-bottom:60px;}
#comment .inner:first-of-type h2 {font-family:'Noto Sans JP', sans-serif; color:var(--theme1); 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 li:first-of-type {width:725px; padding-right:25px; box-sizing:border-box; border-right:solid 1px var(--theme1);}
#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:25px; box-sizing:border-box;}
#comment .inner:first-of-type ul li:last-of-type h3 {font-size:14px; color:var(--theme1); 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 #f9cdb7; border-bottom:solid 5px #f9cdb7; 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(--theme1); letter-spacing:0.25em; margin-bottom:15px;}
.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:340px;}
#comment .inner:last-of-type ul li div {width:310px;}
.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 h3 {font-size:16px; letter-spacing:-0.01em;}
#comment .inner:last-of-type ul li div p:last-of-type {font-size:93%; margin-top:10px; font-family:var(--gothic);}

#menu_list {width:960px; margin:0 auto; display:table;}
#menu_list li {background-color:var(--theme1); border:solid 1px var(--theme1); 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 {--theme1:#ef834a; margin-right:10px;}
#menu_list li:nth-of-type(2) {--theme1:#eb6d65;}
#menu_list li:nth-of-type(3) {--theme1:#ef834a; background-color:#fff; border:solid 1px var(--theme1); width:100%; margin-top:20px;}
#menu_list li:nth-of-type(3) a {color:var(--theme1); padding:20px; flex-direction:row; letter-spacing:0.3em;}
#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(--theme1);}
#menu_list li:nth-of-type(2):hover a {color:var(--theme1);}
#menu_list li:nth-of-type(3):hover {--theme1:#ef834a; background-color:var(--theme1);}
#menu_list li:nth-of-type(3):hover a {color:#fff;}
.ttl_border {line-height:1; margin-bottom:15px;}
.ttl_border span {border-right:solid 1px #fff; padding:0 12px;}
.ttl_border span:first-of-type {border-left:solid 1px #fff;}
#menu_list li .ttl_border span {border-right:solid 1px #fff;}
#menu_list li a:hover .ttl_border span {border-right:solid 1px var(--theme1);}
#menu_list li:first-of-type:hover .ttl_border span:first-of-type {border-left:solid 1px var(--theme1);}
#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(--theme1) var(--theme1);}
#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(--theme1) var(--theme1);}
#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(--theme1) var(--theme1); transform:rotate(-45deg) translate(-50%, 0);}
#menu_list li:nth-of-type(3) a span::after {bottom:10px;}
#menu_list li:nth-of-type(3) a span::before {top:-5px;}
#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;}

.block {text-align:left;}
.block.-ikkan h4 {margin-bottom:.6em;}

@media (min-width:769px){
  .block {width:1140px; margin-inline:auto;}
  .block.-ikkan h4 {font-size:26px;}
}
@media (max-width:768px){
  .block {margin-inline:6.67vw;}
  .block.-ikkan h4 {font-size:131%;}
}

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#dop .sec_main > .inner {background-color:var(--theme1); color:#fff;}
section#dop .sec_img {background:url(../images/dof_main_img_01_pc.webp) no-repeat top center;}
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:0; 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:'Noto Sans JP', 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;}
.features_figure {width:480px;}
.features_figure img {width:100%; height:100%;}
section.box .features .point01 ul:last-of-type li h5 {color:var(--theme1); font-size:20px; margin-bottom:15px;}
section.box .features .point01 ul:last-of-type li p, .point_txt {text-align:left; text-align:justify; letter-spacing:normal;}
.dof_features_figure_02 {margin-top:20px;}
section.box .point01_kamoku:first-of-type dl dd {font-family:var(--gothic); letter-spacing:normal;}
section.box .features .point03 ul {width:677px; justify-content:space-between;}
section.box .features .point03 ul li {width:161px; background-color:var(--theme1); color:#fff; padding:10px 5px; box-sizing:border-box; border-radius:15px; font-family:var(--gothic); text-align:center;}
section.box .features .point03 ul li h5 {font-size:20px; margin-bottom:3px;}
section.box .features .point03 ul li p {color:#fff57f; font-size:14px; letter-spacing:-0.1em; height:45px; display:flex; align-items:center; justify-content:center;}
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(#f7c1a5 20%, transparent 20%), radial-gradient(#f7c1a5 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;}
.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; line-height:1.2;}
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), section.box#docp .seminar_ttl_block .inner .flex > p {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 .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:5px 10px; line-height:1;}
section.box .seminar_ttl > span span {font-size:16px;}
section.box .seminar_ttl_block {position:relative; display:flex; justify-content:space-between; align-items:center;}
section.box .seminar_ttl_block > .inner h6 {font-size:18px; text-align:left; width:100%; padding:0 0 5px;}
section.box .seminar_teacher_block p {color:#000; font-size:15px; font-family:var(--gothic);}
section.box .seminar_teacher_block p span {font-size:12px;}
section.box .seminar ul li:not(:last-of-type) {margin-bottom:30px;}
.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(--theme1); 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; border-width:1px 1px 0 0; transform:rotate(45deg); margin-left:10px;}
.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){
  section.box .seminar_ttl_block {align-items:flex-start;}
  section.box .seminar_ttl_block .seminar_img {padding-top:4rem;}
  .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%;}
}
.box_ttl {color:var(--theme1);}
.box_ttl span {border-right:solid 1px var(--theme1); border-left:solid 1px var(--theme1);}
section.box#dop .box {background-color:var(--theme2);}
section.box#dop .features .point01 ul:first-of-type li:first-of-type {width:604px; text-align:left; text-align:justify; margin-right:10px;}
section.box#dop .features .point01 ul:last-of-type {justify-content:space-between; margin-top:35px;}
section.box#dop .features .point01 ul:last-of-type li {position:relative; background-color:#fff; padding:30px 25px; box-sizing:border-box; width:312px;}
section.box#dop .features .point01 ul:last-of-type li a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; transition::.15s all;}
section.box#dop .features .point01 ul:last-of-type li a:hover {background:rgba(255,255,255,.2);}
section.box#dop .features .point01 ul:last-of-type li p {font-family:var(--gothic);}
section.box#dop .closeup h4 {color:var(--theme1);}
section.box#dop .closeup h5 {color:var(--theme1);}
section.box#dop h5.closeup_h5 span {background-color:var(--theme1);}
section.box#dop h5.closeup_h5::after {background-color:var(--theme1);}
section.box#dop .closeup .closeup_feature ul li dl {color:var(--theme1);}
section.box#dop .closeup .closeup_feature ul li dl dd {border-left:solid 1px var(--theme1);}
section.box#dop .closeup .closeup_feature ul li p.closeup_list_ttl {color:#ef834e;}
section.box#dop .closeup .closeup_feature ul:first-of-type {border-bottom:dashed 1px #ef834e; padding:0 0 30px;}
section.box#dop .seminar_ttl {background-color:#ef834e; letter-spacing:-0.01em;}
section.box#dop .seminar_ttl_block .middle > p {margin-bottom:1em; text-align:left;}
section.box#dop .seminar_ttl_block .teachers {display:flex; gap:25px 30px; font-size:12px;}
section.box#dop .seminar_ttl_block .teachers li {margin-bottom:0;}
section.box#dop .seminar_ttl_block .teachers b {font-size:15px;}
section.box#dop .seminar_ttl_block .teachers i {display:inline-block; padding:0 1em; border-radius:1em; background:var(--theme2); font-size:85%; font-style:normal; font-family:var(--gothic); letter-spacing:.04em; color:#444;}
section.box#dop .seminar_ttl_block .teachers img {display:block; margin:0 auto .6em; width:80%;}
@media (min-width:769px){
  section.box#dop .seminar_ttl_block .teachers {width:623px;}
  section.box#dop .seminar_ttl_block .teachers li {width:calc(25% - 22px);}
  section.box#dop .seminar_ttl_block .middle {display:grid; grid-template-columns:1fr 1fr; gap:25px;}
  section.box#dop .seminar_ttl_block .middle .teachers {grid-column:1/2; grid-row:1/2; display:grid; grid-template-columns:repeat(auto-fill, minmax(120px,1fr)); width:auto;}
  section.box#dop .seminar_ttl_block .middle .teachers li {width:auto;}
  section.box#dop .seminar_ttl_block .middle > p {grid-column:2/3; grid-row:1/2; padding-right:2em;}
}
section.box#dop .seminar_ttl_block > .inner {display:flex; flex-direction:column; align-items:flex-start; position:relative; width:682px;}
section.box#dop .seminar_ttl_block > .inner h6 {color:#ef834e; position:relative;}
section.box#dop .seminar_teacher_block {display:flex; align-items:flex-end; position:absolute; right:30px; bottom:0;}
section.box#dop .seminar_ttl_block h6 {border-bottom:solid 1px #ef834e;}
section.box#dop .seminar .seminar_ttl_block .inner > p:last-of-type {width:623px; border-top:1px #ccc solid; padding-top:10px; text-align:left; text-align:justify; margin-top:10px; font-family:var(--gothic); font-size:12px;}
.opencampus_btn {background-color:var(--theme3);}
.opencampus_btn:after {border:solid 1px var(--theme1);}
.opencampus_btn a {color:#fff;}
.opencampus_btn a span {border-color:#fff #fff transparent transparent;}
section.box#dop .teacher_btn a {background-color:var(--theme2); color:var(--theme1);}
section.box#dop .teacher_btn a:after {border:solid 1px var(--theme1);}
section.box#dop .teacher_btn a span {border-color:var(--theme1) var(--theme1) transparent transparent;}
section#docp .sec_main > .inner {background-color:var(--theme1); color:#fff;}
section#docp .sec_img {background:url(../images/docp_main_img_01_pc.webp) no-repeat top center;}
section.box#docp .box {background-color:var(--theme2); padding:40px 90px 40px;}
section.box#docp .features .point01 .inner > ul:first-of-type li:first-of-type {width:512px; text-align:left; text-align:justify; margin-right:10px;}
section.box#docp .features .point01 .inner > .flex {align-items:center; justify-content:space-between; margin-bottom:50px;}
section.box#docp .features .point01 .features_figure {width:361px; height:auto;}
section.box#docp .features .point01 .inner .point01_kamoku:last-of-type ul {align-items:stretch; display:flex;}
@media (max-width:768px){
  section.box#dop .seminar_ttl_block .teachers b {font-size:13px;}
  .seminar_img {margin-top:1em; width:100%;}
}
.point01_kamoku {text-align:left; text-align:justify;}
.point01_kamoku > p {color:var(--theme1); font-size:20px; margin-bottom:5px;}
.point01_kamoku .flex {flex-wrap:wrap; justify-content:space-between;}
.point01_kamoku .flex li {width:474px;}
.point01_kamoku dl {position:relative; display:flex; justify-content:space-between; background:#fff; box-sizing:border-box; align-items:center; height:100%;}
.point01_kamoku dl a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; transition:.15s all;}
.point01_kamoku dl a:hover {background:rgba(255,255,255,.2);}

section.box .point01_kamoku:first-of-type {margin-bottom:40px;}
section.box .point01_kamoku:first-of-type dl {padding:20px 33px;}
section.box .point01_kamoku dl dt {font-size:19px; letter-spacing:-0.01em;}
section.box .point01_kamoku dl dt {margin-right:20px; display:flex; align-items:center;}
section.box .point01_kamoku dl dt span {width:40px; height:40px; display:inline-block; vertical-align:middle; margin-right:10px;}
section.box .point01_kamoku dl dt span img {width:100%; height:auto;}
section.box .point01_kamoku:first-of-type dl {justify-content:flex-start; position:relative;}
section.box .point01_kamoku:first-of-type dt {color:#eb6d73;}
section.box .point01_kamoku:first-of-type dl dd {width:450px; letter-spacing:-0.05em; font-family:var(--gothic);}
.docp_features_img {position:absolute; bottom:0; right:30px;}
section.box .point01_kamoku:last-of-type dl {padding:20px 15px;}
section.box .point01_kamoku:last-of-type li:first-of-type dt {color:#c89d39;}
section.box .point01_kamoku:last-of-type li:nth-of-type(2) dt {color:#ec6d45;}
section.box .point01_kamoku:last-of-type li:nth-of-type(3) dt {color:#f5ab2d;}
section.box .point01_kamoku:last-of-type li:last-of-type dt {color:#ed86b3;}
section.box .point01_kamoku:last-of-type dl dd {width:252px; font-family:var(--gothic);}
section.box .point01_kamoku:last-of-type li:not(:first-of-type, :nth-of-type(2)) {margin-top:15px;}
section.box#dop .point03 article {margin-top:1.5em; text-align:left;}
section.box#dop .point03 article h5 {font-size:123%; font-weight:bold; color:var(--theme1);}
@media (min-width:769px){
  section.box#dop .point03 article {align-items:flex-end;}
  section.box#dop .point03 .pcW25 img {width:100%; aspect-ratio:1/1; object-fit:cover;}
}
:is(#docp .point03, section.box .point04) .inner {display:flex; justify-content:space-between; text-align:left; text-align:justify;}
section.box#dop .features_txt {width:677px;}
section.box#docp .box.point03, section.box#docp .box.point04 {padding:0 0 0 90px;}
section.box#docp .features_txt {width:511px;}

@media screen and (min-width:769px) {
  section.box[id] .features_txt {padding-block:2rem;}
  section.box[id] .features_txt + div:has(img) img {display:block; width:100%; height:100%; object-fit:cover;}
  section.box[id] .features_txt + div:has(img + img) img {height:50%;}
}

section.box#docp .closeup h4, section.box#docp .closeup h5, section.box#docp .closeup .closeup_feature ul li dl {color:var(--theme1);}
section.box#docp .closeup .closeup_feature ul li p.closeup_list_ttl {color:var(--theme1);}
section.box#docp h5.closeup_h5 span {background-color:var(--theme1);}
section.box#docp h5.closeup_h5::after {background-color:var(--theme1);}
section.box#docp .closeup .closeup_feature ul li dl dd {border-left:solid 1px var(--theme1);}
section.box#docp .closeup .closeup_feature ul li dl dt {line-height:1;}
section.box#docp .closeup .closeup_feature ul li dl dt span {font-size:15px; line-height:1;}
.flex_mt10 {margin-top:9px;}
section.box#docp .closeup .closeup_feature ul:first-of-type {border-bottom:dashed 1px var(--theme1);}
section.box#docp .seminar_ttl {background-color:var(--theme1); letter-spacing:-0.01em; margin:0 auto 20px 9px;}
section.box#docp .seminar_ttl_block > .inner h6 {color:var(--theme1);}
section.box#docp .opencampus_btn {background-color:var(--theme3);}
section.box#docp .opencampus_btn:after {border:solid 1px #128f44;}
section.box#docp .opencampus_btn a {color:#fff;}
section.box#docp .opencampus_btn:after {content:''; background-color:var(--theme1); border-radius:10px; position:absolute; width:100%; height:100%; right:-8px; bottom:-8px; z-index:-1;}
section.box#docp .opencampus_btn:after {border:solid 1px var(--theme1);}
section.box#docp .opencampus_btn a span {border-color:#fff #fff transparent transparent;}
section.box#docp .teacher_btn a:after {border:solid 1px var(--theme1);}
section.box#docp .teacher_btn a {background-color:var(--theme2); color:var(--theme1);}
section.box#docp .teacher_btn a span {border-color:var(--theme1) var(--theme1) transparent transparent;}
section.box#docp .seminar_ttl_block .inner > .flex {justify-content:space-between; position:relative;}
section.box#docp .seminar_ttl_block .inner .flex > p {width:167px; text-align:left; text-align:justify; font-size:12px; letter-spacing:0.05em;}
section.box#docp .seminar_ttl_block .inner .flex > p:only-child {width:274px;}
section.box#docp .seminar > .flex {justify-content:space-between;}
section.box#docp .seminar .seminar_teacher_block {position:absolute; bottom:0; right:-20px;}
section.box#docp .seminar .flex li:nth-of-type(2) .seminar_teacher_block {right:-20px;}
section.box#docp .seminar .flex li:nth-of-type(3) .seminar_teacher_block {right:-40px;}
section.box#docp .seminar_teacher_block p {margin-top:6px;}

.seminar_ttl_block .teachers li {position:relative;}
.seminar_ttl_block .teachers li a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; transition:.15s all;}
.seminar_ttl_block .teachers li a:hover {background:rgba(255,255,255,.2);}

#graduation_course h3:not(.box_ttl) {background:#fce6db88; font-size:36px; color:var(--theme1); line-height:1.2; padding:45px 0; letter-spacing:0.3em; border-top:solid 1px var(--theme1); border-bottom:solid 1px var(--theme1);}
#graduation_course h3:not(.box_ttl) span {font-size:20px;}
#graduation_course > .inner {background:var(--theme2); 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(--theme1); margin-bottom:20px;}
.graduation_course_figure_01 {width:385px;}
.graduation_course_figure_01 img {width:100%; height:auto;}
.graduation_course_supl {width:100%; margin-top:1em;}
.graduation_course_supl dl {font-size:85%; font-family:var(--gothic);}
.graduation_course_supl dl dt {width:fit-content; margin-bottom:.5em; padding:.1em .4em; background:var(--theme1); color:#fff;}
#graduation_course .inner .inner > ul {text-align:left; justify-content:space-between; flex-wrap:wrap; 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 .future_image h5 {color:var(--theme1); 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(--theme1); position:absolute; top:50%; left:0;}
#graduation_course .future_image h5 span {background-color:#fff; border-left:solid 1px var(--theme1); border-right:solid 1px var(--theme1); 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(--theme1); 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:first-of-type {width:800px; justify-content:space-between; margin:28px auto 32px;}
#graduation_course .future_image ul:first-of-type li {width:260px; background-color:#fffbda; padding:10px 5px; box-sizing:border-box; font-family:var(--gothic); text-align:center; font-size:12px; display:flex; align-items:center; justify-content:center; flex-direction:column;}
#graduation_course .future_image ul:first-of-type li h6 {color:var(--theme1); font-weight:bold; font-size:16px; margin-bottom:5px; line-height:1.2;}
#graduation_course .future_image ul:last-of-type {justify-content:space-between;}
#graduation_course .future_image ul:last-of-type li p {font-size:12px; text-align:left; text-align:justify; font-family:var(--gothic);}
#graduation_course .future_image ul:last-of-type li h6 {color:var(--theme1); font-weight:bold; line-height:1; position:relative; display:inline-block; padding:3px 40px; margin-bottom:8px;}
#graduation_course .future_image ul:last-of-type li h6::before, #graduation_course .future_image ul:last-of-type li h6::after {position:absolute; top:50%; content:''; -webkit-box-sizing:border-box; box-sizing:border-box; color:var(--theme1); transform:translate(0, -50%);}
#graduation_course .future_image ul:last-of-type li h6::before {content:'（'; left:0;}
#graduation_course .future_image ul:last-of-type li h6::after {content:'）'; right:0;}
#graduation_course .future_image ul:last-of-type li:first-of-type {width:535px;}
#graduation_course .future_image ul:last-of-type li:last-of-type {width:380px;}
#graduation_course .future_image ul:last-of-type li:last-of-type .attention {text-align:right; margin-top:10px;}
#graduation_course .future_image ul:last-of-type li:first-of-type .attention {text-align:right; margin-top:10px;}
#graduation_course .shikaku div {background-color:#fffbda; padding:30px; font-size:16px; box-sizing:border-box; font-family:var(--gothic);}

#graduation_course .shikaku section.txL h5 {margin-bottom:.6em; font-weight:bold; font-size:116%;}
#graduation_course .shikaku section.txL h5 ~ * {font-size:93%; font-family:var(--gothic);}
#graduation_course .shikaku section.txL :where(th,td) {padding:.4em .7em; border:1px #fff solid;}
#graduation_course .shikaku section.txL tr:nth-child(2n) > * {background:#f8d7cd;}
#graduation_course .shikaku section.txL tr:nth-child(2n+1) > * {background:#fcece8;}
#graduation_course .shikaku section.txL tr.thead > * {background:#ed7d31; color:#fff;}
#graduation_course .shikaku section.txL tr > *:first-child {white-space:nowrap;}
#graduation_course .shikaku section.txL :where(th, tr:not(:last-child) td) {text-align:center;}
#graduation_course .shikaku section.txL td ul {padding-left:1.5em;}
#graduation_course .shikaku section.txL td li {list-style:disc;}

[data-overlap-text] {position:relative;}
[data-overlap-text]:before {content:attr(data-overlap-text); position:absolute; left:0; bottom:0; color:var(--theme2); 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(--theme1);}
#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(--theme1); 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(--theme1);}

#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(--theme2); margin-top:0;}
section.box.message_current_students h5.ttl_border {font-size:25px; color:var(--theme1); margin-bottom:40px;}
section.box.message_current_students h5.ttl_border.graduation_students_ttl {border-top:dashed 1px var(--theme1); padding:50px 0 0; margin-top:95px;}
section.box.message_current_students h5.ttl_border span {border-right:solid 1px var(--theme1);}
section.box.message_current_students h5.ttl_border span:first-of-type {border-left:solid 1px var(--theme1);}
section.box.message_current_students .box_ttl {color:var(--theme1);}
section.box.message_current_students .box_ttl span {border-right:solid 1px var(--theme1); border-left:solid 1px var(--theme1); 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(--theme2b); 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(--theme1); 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(--theme1); 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(--theme1); 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(--theme1); 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, section.box#dop .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), section.box#dop .features .point01 ul:last-of-type li, section.box#dop .features .point01 ul:first-of-type li:first-of-type, section.box#dop .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#dop .seminar_ttl_block > .inner, section.box#dop .seminar .seminar_ttl_block .inner > p:last-of-type, section.box .opencampus_btn, section.box .teacher_btn, section.box .box, .point01_kamoku .flex li, section.box .seminar_ttl, section.box#docp .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#docp .features_txt, section.box .point01_kamoku:last-of-type dl dd, section.box#docp .features .point01 .inner > ul:first-of-type li:first-of-type {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(--theme1); margin-bottom:7%;}
  #pc_menu {display:none;}
  body {font-size:12px;}
  .main_txt h1 {font-size:35px; margin-bottom:0; position:absolute; top:4%; right:auto; left:52%; letter-spacing:0.1em;}
  .main_txt h1 span {font-size:10px; padding:3px 8px;}
  
  #main_ttl_01 span {font-size:25px;}
  #main_ttl_01 {font-size:19px;}
  #main_ttl_01 ruby {letter-spacing:0.03em;}
  #main_ttl_01 rt {font-size:22px;}
  #main .inner {height:100%; width:100%; padding-bottom:95%; position:relative;}
  #main_ttl_01 {font-size:19px; position:absolute; top:27%; left:52%; right:auto;}
  .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:0.14em;}
  #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 {padding-left:0; margin-top:20px;}
  #comment .inner:first-of-type ul li:last-of-type > div {padding-right:8%; margin-right:8%; border-right:solid 1px var(--theme1);}
  #comment .inner:first-of-type ul li:last-of-type p {margin-top:0;}
  #comment .inner:last-of-type {border-top:solid 3px #f9cdb7; border-bottom:solid 3px #f9cdb7; text-align:left; text-align:justify; padding:15px 0 20px; box-sizing:border-box; margin-bottom:19%;}
  #menu_list {width:76%;}
  #menu_list li a {font-size:15px;}
  .ttl_border {margin-bottom:10px;}
  #menu_list li a > span:last-of-type {letter-spacing:0.2em;}
  #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(--theme1); 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(--theme1) var(--theme1);}
  section.box {margin-top:80px;}

  #comment .inner:last-of-type h2 {margin-bottom:15px;}
  #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;}
  .comment_name > span {margin-right:10px;}
  #comment .inner:last-of-type ul li:not(:last-of-type) {margin-bottom:30px;}
  #comment .inner:last-of-type ul li {align-items:flex-start;}
  #menu_list li:nth-of-type(3) a span::after {bottom:5px;}

  section .sec_main > .inner {font-size:18px; padding:30px 0;}
  section .sec_main > .inner h2 > span:last-of-type {font-size:11px;}
  section#dop .sec_img {background:url(../images/dof_main_img_01_sp.webp) no-repeat top center/100% auto;}
  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#dop .box_ttl span {border-right:solid 1px var(--theme1); border-left:solid 1px var(--theme1); font-weight:normal;}
  section.box .box_ttl {font-size:17px; margin-bottom:18px; font-weight:bold;}
  .dop_features_img {top:auto; right:0; z-index:1; width:29.54%; bottom:-18px;}
  section.box .box {padding:5% 5.334% 8%;}
  section.box .features .box .inner h4 {font-size:14px; margin-bottom:15px; letter-spacing:0.08em;}

  .features_figure {width:230px; 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;}
  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; letter-spacing:-0.01em;}
  section.box .features .point03 ul li {padding:10px 2px;}
  .features_img_02 {position:absolute; bottom:0; left:0;}
  section.box .box_ttl p {font-size:11px; margin:15px auto;}
  section.box .point01_kamoku:last-of-type dl dd, section.box#docp .point03 .inner {letter-spacing:normal;}
  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:14px; margin-bottom:24px;}
  section.box .closeup .inner > h5 {margin-bottom:10px; width:105%; margin-left:-2.5%;}
  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#dop .seminar_ttl_block h6 {font-size:13px;}
  section.box .closeup .closeup_feature ul li p.closeup_list_ttl {letter-spacing:-0.02em;}
  section.box .seminar_ttl_block > .inner h6 {margin-bottom:0;}
  #dop, #docp {padding:0 6.67%;}
  section.box#dop .features .point01 ul:first-of-type, section.box#dop .features .point01 ul:last-of-type, section.box .point03 .inner, section.box .point04 .inner {flex-direction:column;}
  section.box#dop .features .point01 ul:first-of-type li:first-of-type {margin-right:0;}
  section.box#dop .features .box.point01 .inner h4 {letter-spacing:-0.06em;}
  section.box#dop .features .point01 ul:last-of-type li {padding:20px; margin-bottom:15px;}
  section.box#dop .features .point01 ul:last-of-type li:last-of-type {margin-bottom:0;}
  section.box#dop .box.point03 {padding-bottom:68%; position:relative;}
  section.box#dop .seminar .seminar_ttl_block {flex-direction:column;}
  section.box#dop .seminar .seminar_ttl_block .teachers {width:100%; flex-wrap:wrap; margin-bottom:15px;}
  section.box#dop .seminar .seminar_ttl_block .teachers li {width:calc(50% - 15px);}
  section.box#dop .seminar .seminar_ttl_block .inner > p:last-of-type {margin-top:0;}
  section.box#dop .seminar_ttl_block h6 {border-bottom:none;}
  section.box#docp .features .point01 .inner > ul:first-of-type li:first-of-type {margin-right:0;}
  section.box#docp .box_ttl span {border-right:solid 1px var(--theme1); border-left:solid 1px var(--theme1);}
  section.box#docp .closeup .closeup_feature ul li p:not(.closeup_list_ttl) {letter-spacing:0.1em}
  section.box .closeup .closeup_feature ul li:not(:last-of-type) {margin-bottom:8%;}
  section.box .closeup .closeup_feature ul:first-of-type {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_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;}
  section.box .opencampus_btn a {font-size:14px; display:block; align-items:center; font-weight:bold; justify-content:center;}
  section.box .opencampus_btn a span {margin-right:-19px;}
  section.box .opencampus_btn:after {right:-5px; bottom:-5px;}
  section.box .teacher_btn a {font-size:14px; display:block; align-items:center; font-weight:bold; justify-content:center;}
  section.box .teacher_btn a span {margin-right:-19px;}
  section.box .teacher_btn:after {right:-5px; bottom:-5px;}
  section.box#dop .seminar_teacher_block.pc_only {display:none;}
  section.box#dop .seminar_teacher_block {position:relative; right:auto; bottom:auto; flex-direction:column-reverse; width:36.53%;}
  section.box#dop .opencampus_btn a {}
  section.box#dop .teacher_btn a {}
  section#docp .sec_img {background:url(../images/docp_main_img_01_sp.webp) no-repeat top center/100% auto;}
  section.box#docp .box {padding:5% 5.334% 8%;}
  section.box#docp .features .point01 .inner > .flex {flex-direction:column; margin-bottom:60px;}
  section.box#docp .features .point01 .features_figure {width:92.998%; height:auto;}

  .point01_kamoku > p {font-size:14px; position:relative; margin-bottom:0; padding-bottom:5px;}
  .point01_kamoku dl {flex-direction:column;}
  .docp_features_img {right:0; width:24.11%;}
  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#docp .box.point03, section.box#docp .box.point04 {padding:0;}
  section.box#docp .features_img_02 {position:relative; bottom:0; left:0;}
  section.box#docp .features_txt {padding:5% 5.334% 4%; box-sizing:border-box;}
  section.box#docp .closeup .closeup_feature ul:first-of-type {border-bottom:none;}
  section.box#docp .closeup .closeup_feature ul li dl dt span {font-size:11px;}
  section.box#docp .seminar > .flex {flex-direction:column;}
  section.box .seminar_ttl_block > .inner h6 {font-size:12px; letter-spacing:-0.01em;}
  section.box#docp .seminar_ttl_block .inner > .flex {align-items:flex-end;}
  section.box#docp .seminar .seminar_teacher_block {position:relative; top:auto; right:-6%; width:65.59%;}
  section.box#docp .seminar .flex li:nth-of-type(2) .seminar_teacher_block, section.box#docp .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:0; padding:30px; border-top:solid var(--theme1) 1px; border-bottom:solid var(--theme1) 1px;}
  #graduation_course h3 span {font-size:13px;}
  #graduation_course .inner > .inner h4 {font-size:15px; font-weight:bold;}
  #graduation_course .inner {padding:50px 6.67%;}
  #graduation_course .inner > .inner {padding:28px 6.156% 36px;}
  #graduation_course .inner .inner > ul {margin-top:0; flex-direction:column; align-items:center;}
  #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:first-of-type, #graduation_course .future_image ul:last-of-type {flex-direction:column;}
  #graduation_course .future_image ul:first-of-type li h6 {font-size:13px;}
  #graduation_course .shikaku div {font-size:12px; text-align:left; padding:30px 15px;}
  .message_current_students > .inner {border-top:none;}

  section.box.message_current_students .box_ttl {border-top:solid 1px var(--theme1);}
  section.box.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;}

  .graduation_course_ttl_01 {margin:8% auto;}
  #graduation_course .inner .inner > ul li:first-of-type {border-top:solid var(--theme1) 1px; margin-top:8%;}
  #graduation_course .future_image ul:first-of-type li:not(:last-of-type) {margin-bottom:15px;}
  #graduation_course .future_image ul:last-of-type li:first-of-type {margin-bottom:30px;}
  #graduation_course .inner > .inner.shikaku {margin-bottom:0;}
  .message_current_students .current_students .inner dl dd {border-left:none; border-top:solid 1px var(--theme1); 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;}
  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); 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;}
}

.cpStudies {position:relative; background:#fff; border:1px #000 solid; border-radius:15px; box-sizing:border-box;}
.cpStudies:before {content:""; background-image:radial-gradient(#efb8b5 20%, transparent 20%), radial-gradient(#efb8b5 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;}
.cpStudies + .cpStudies {margin-top:50px;}
.cpStudies.-hr {margin-bottom:100px;}
.cpStudies h2 {margin-bottom:.6em; font-size:30px;}
.cpStudies h2 img {width:60px; vertical-align:middle;}
.cpStudies.-hs h2 {color:#c89d39;}
.cpStudies.-hk h2 {color:#f5ab2d;}
.cpStudies.-sb h2 {color:#ed86b3;}
.cpStudies.-hr h2 {color:#ec6d45;}
.cpStudies p.-catch {margin-bottom:.6em; font-size:20px;}
.cpStudies h3 {position:relative; margin:3em 0 2em; text-align:center;}
.cpStudies h3:before {content:""; display:block; position:absolute; left:0; top:50%; width:100%; border-top:1px var(--theme1) solid;}
.cpStudies h3 span {position:relative; display:inline-block; padding:5px 15px; background:var(--theme1); font-size:18px; color:#fff;}
.cpStudies ._features dt {color:var(--theme1); font-size:20px;}
.cpStudies ._features ._pic {margin:.8em 0;}
.cpStudies ._features ._pic img {width:100%;}
.cpStudies ._features h4 {margin-bottom:.6em; color:var(--theme1);}
.cpStudies ._seminar h4 {margin-bottom:.6em; font-size:20px; color:var(--theme1);}
.cpStudies ._features p,
.cpStudies ._seminar p {font-family:var(--gothic); font-size:12px;}
.cpStudies ._seminar ul {display:table;}
.cpStudies ._seminar li {display:table-cell; vertical-align:bottom;}

@media (min-width:769px){
  .cpStudies {width:1140px; margin:0 auto; padding:70px 85px; text-align:left;}
  .cpStudies ._features {display:flex; gap:25px;}
  .cpStudies ._features > div {width:100%;}
  .cpStudies ._seminar {display:flex;}
  .cpStudies ._seminar ul {margin-left:20px;}
  .cpStudies ._seminar li {padding-left:20px;}
  .cpStudies ._seminar img {max-width:300px; max-height:200px;}
}
@media (max-width:768px){
  .cpStudies {margin:0 auto 50px; padding:30px 10.465% 40px; text-align:left;}
  .cpStudies + .cpStudies {margin-top:30px;}
  .cpStudies.-hr {margin-bottom:50px;}
  .cpStudies:before {right:-10px; bottom:-10px;}
  .cpStudies h2 {font-size:18px;}
  .cpStudies h2 img {width:30px;}
  .cpStudies p.-catch {font-size:14px;}
  .cpStudies h3 span {padding:5px 15px; font-size:11px;}
  .cpStudies ._features dt {font-size:14px;}
  .cpStudies ._features > div + div {margin-top:25px;}
  .cpStudies ._seminar h4 {font-size:14px;}
  .cpStudies ._seminar li + li {padding-left:15px;}
  .cpStudies ._seminar li img[src*="png"] {max-width:25vw;}
}

.btnLayer {position:relative; z-index:100; margin-top:50px;}
section.box .btnLayer .opencampus_btn a {padding:10px 15px;}

.jnsp {position:relative; background:#f2f2f2; font-family:var(--gothic);}
.jnsp ._ttl {margin-bottom:1.5em;}
.jnsp dt {font-size:116%; font-weight:bold; font-family:var(--gothicB);}
.jnsp dd {text-align:left;}
.jnsp ._about {margin-bottom:2rem; padding:.6rem 1rem; background:#fff; color:#1f90bf;}
.jnsp ._body dt {text-align:left; color:#1f90bf;}
.jnsp ._body dt img {display:block; width:100%;}

@media (min-width:769px){
  ._inner {width:1140px; margin:0 auto; padding:70px 85px; box-sizing:border-box;}
  .jnsp ._about {display:grid; grid-template-columns:auto 1fr;}
  .jnsp ._about dt {display:grid; place-content:center; padding-right:1rem; border-right:2px currentColor solid;}
  .jnsp ._about dd {padding-left:1rem;}
  .jnsp ._body {display:grid; grid-template-columns:1fr 1fr; gap:1rem 18px;}
  .jnsp ._body > .-wide {grid-column:1/-1;}
}
@media (max-width:768px){
  ._inner {padding:30px 0 40px;}
  .jnsp {margin-bottom:60px;}
  .jnsp ._inner {box-shadow:-50px 0 0 #f2f2f2, 50px 0 0 #f2f2f2;}
  .jnsp ._ttl {width:min(100%,280px); margin-inline:auto;}
  .jnsp ._body dt img {margin-bottom:.4rem;}
  .jnsp ._body div + div {margin-top:.4rem;}
}

.pkup {position:relative; background:var(--theme2b); box-shadow:-50px 0 0 var(--theme2b), 50px 0 0 var(--theme2b); text-align:left;}
section.box :is(.pkup,.jnsp) .box_ttl {width:fit-content; position:absolute; left:50%; top:0; translate:-50% -50%; padding:.1em .4em; background:var(--theme1); font-family:var(--gothicB); font-weight:bold; color:#fff;}
:is(.pkup,.jnsp) .box_ttl img {vertical-align:middle; width:1.3em; margin-right:.3em; translate:0 -15%;}

@media (min-width:769px){
  .pkup {margin-top:6rem;}
}
@media (max-width:768px){
  .pkup {margin-bottom:3rem;}

}