@charset "utf-8";
/* 初期設定 */

.header02_c02 .header_social_list li a img {
height: auto;
}

#degree-and-diploma{
display: block;
overflow: auto;
background-color: #ffffff;
}

#degree-and-diploma *{
font-family: a-otf-jun-pro, sans-serif;
font-style: normal;
font-weight: 300;
box-sizing: border-box;
font-feature-settings: "palt";
letter-spacing: 0.5px;
}

#degree-and-diploma *:after{
content: none;
}

#degree-and-diploma p{
font-size: 20px; 
line-height: 2em;
}

#degree-and-diploma a,
#degree-and-diploma a:hover{
text-decoration: none;
}

#degree-and-diploma img{
max-width: 100%;
height: auto;
vertical-align: top;
}

#degree-and-diploma section{
overflow: hidden;
display: block;
}

.ryumin{
font-family: a-otf-ryumin-pr6n, serif !important;
}

.c_yellow {
background: linear-gradient(transparent 60%, #fbee01 30%);
}

.n_rap span{white-space: nowrap;}

.wrap_pt01{overflow: hidden; background-position: center top; background-image: url(../lp_img/back_square.png);}
.wrap_pt04 {
overflow: hidden;
background: url(../lp_img/back_white.png),url(../lp_img/back_square.png);
background-size: 100% auto,auto;
background-position: center 840px,top center;
background-repeat: no-repeat,repeat;
}

.wrap_pt02{overflow: hidden;background-position: center top; background-image: url(../lp_img/back_dot.png);}
.wrap_pt03{overflow: hidden;background-color: #ffffe6;}

.lnk_bt_set {
max-width: 1250px;
width: 100%;
display: flex;
padding: 0 15px;
margin: 50px auto;
}
.lnk_bt_set li {
width: 100%;
}
.lnk_bt_set a {
max-width: 500px;
width: 100%;
background-image: url(../lp_img/menu_mk02.svg);
background-repeat: no-repeat;
background-position: 95% 50%;
border-radius: 2em;
display: block;
text-align: center;
color: #fff;
padding: 0.7em 2em 0.7em 0.5em;
font-size: 27px;
background-color: #7fbe26;
margin: 0 auto;
}
.lnk_bt_set li:nth-of-type(2) a{
background-color: #be9a3d;
}


/* 640px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 640px) {
h3 { font-size:clamp(20px, 5.9vw, 48px) !important;}
h3 img {width: 31vw;}
#degree-and-diploma p{font-size: clamp(15px, 4.7vw, 20px);}

.lnk_bt_set {display: table;}
.lnk_bt_set li:first-child {margin-bottom: 20px;}
 .lnk_bt_set a {font-size: clamp(16px, 5vw, 27px) !important;}
}




/* スライダー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* フッターバナースライド */
#bn-1 .splide__slide img {width: 100%;height: auto;display: block;}
#bn-1 {position: relative;}/* 親を基準にする */
#bn-1 .splide__arrow {width: 40px;height: 40px;background: #333;   /* 好みで */opacity: 1;}
#bn-1 .splide__arrow--prev {left: -10px;}
#bn-1 .splide__arrow--next {right: -10px;}
#bn-1 .splide__arrow {top: 50%;transform: translateY(-50%);}
#bn-1 .splide__arrow {width: 14px;height: 64px;border-radius: 0;background: rgb(0 0 0);}
#bn-1 .splide__arrow svg{fill:#fff;}

/* mainslide01 */
#mainslide01 .splide__slide img {width: 100%;height: auto;display: block;}
#mainslide01 .splide__slide {width: 240px; /* ←好きなサイズ */}

@media screen and (max-width: 640px) {
#bn-1 {margin: 80px 20px 80px;}
}


/* キービジュアル
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#degree-and-diploma #kv,
#degree-and-diploma .ttl_bk{
display: block;
overflow: hidden;
}

#degree-and-diploma #kv {
background-image: url(../lp_img/heder_back.jpg);
background-position: center 50%;
background-size: cover;
}
#degree-and-diploma .ttl_bk{
background-image: url(../lp_img/kv_pc_bk.png);
background-repeat: no-repeat;
background-position: center 75px;
background-size: auto 100%;
}

#degree-and-diploma h1{
display: table;
margin: 100px auto 0;
}

#degree-and-diploma h1 img{
width: 100%;
}

@media screen and (max-width: 1440px) {
#degree-and-diploma h1{margin: 140px auto 0;}
#degree-and-diploma .ttl_bk { background-position: center 115px;}
}

@media screen and (max-width: 640px) {
.head-top {background-color: #fff;}
.sp-foot {width: 100%;}
#degree-and-diploma h1 { margin: 80px auto 0;}
#degree-and-diploma .ttl_bk{background-image: url(../lp_img/kv_sp_bk.png);background-position: center 55px;}
}





/* KV・導入 
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#maine_menu{
padding: 0 15px;
}

#maine_menu ul.a_btn {
margin: 60px auto 45px;
justify-content: center;
}

#maine_menu .a_btn li {
padding: 0 5px;
margin-bottom: 15px;
}

#maine_menu .a_btn a {
font-size:clamp(13px, 3vw, 20px) !important;
color: #ffffff;
background-color: #86cdf1;
line-height: 1em;
padding: 0.9em 1em 1.1em 0.3em;
border-radius: 2em;
width: 100%;
display: block;
text-align: center;
margin: 0 auto;
background-image: url(../lp_img/menu_mk01.svg);
background-repeat: no-repeat;
background-position: 90% 50%;
}

#maine_menu .a_btn li:nth-of-type(1) a,
#maine_menu .a_btn li:nth-of-type(2) a{
padding-right: 2.5em;
}

#maine_menu .catch_01 {
background: url(../lp_img/line_dot.svg) top center repeat-x,
url(../lp_img/line_dot.svg) bottom center repeat-x;
max-width: 670px;
text-align: center;
padding: 1.5em 0;
line-height: 2em;
margin: 0 auto 55px;
}

#maine_menu h2 {
background-image: url(../lp_img/title_back01.jpg);
background-size: cover;
max-width: 1026px;
margin: 0 auto 20px;
text-align: center;
font-size:clamp(16px, 5vw, 36px) !important;
color: #fff;
padding: 8px;
}

#maine_menu h3 {
font-size: 48px;
text-align: center;
margin-left: 0;
max-width: 100%;
margin-bottom: 60px;
}
#maine_menu h3 span{
padding: 0 1em;
}

#maine_menu h3 br{
display: none;
}


/* KV・導入 640px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 640px) {
#maine_menu .catch_01 {font-size:clamp(15px, 5vw, 20px) !important;}
#maine_menu h3 {font-size:clamp(26px, 8vw, 48px) !important;}
#maine_menu h3 span{padding: 0;}
#maine_menu h3 br{display: block;}
#maine_menu a {font-size: 17px;background-size: auto 1.5em;background-position: 93% 50%;}
#maine_menu li {padding: 0 5px 15px 5px;}
#maine_menu li:nth-of-type(1) a,
#maine_menu li:nth-of-type(2) a {padding-right: 1.5em;}
}










/* 併修制度とは？
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#what-is-dual-study .degree_skill {
background-image: url(../lp_img/back_oval.png);
background-repeat: no-repeat;
background-position: center 0;
margin-top: 60px;
}
#what-is-dual-study .degree_skill .degree_skill_wrap {
display: block;
overflow: hidden;
 padding: 0 15px;
}
#what-is-dual-study h3 {
line-height: 1em;
font-size: 48px;
text-align: center;
max-width: 100%;
margin: 100px 0 60px !important;
}
#what-is-dual-study .degree_skill h3 span {
display: table;
padding: 0;
margin: 0 auto;
}

#what-is-dual-study .degree_skill .seido {
max-width: 1250px;
margin: 0 auto 55px;
clear: both;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
background-image: url(../lp_img/img_degree_batsu.svg);
background-repeat: no-repeat;
background-position: 51.5% 50%;
gap: 60px; 
}
.degree_skill .inbox {
width: calc((1250px - 80px) / 2);
display: flex;
gap: 0 20px;
}
.degree_skill .inbox:nth-of-type(2){
display: none;
}
.degree_skill .inbox div:nth-of-type(1) {
width: 205px;
}
.degree_skill .inbox div:nth-of-type(2) {
flex: 1;
}

.degree_skill .inbox h4 {
font-family: a-otf-ryumin-pr6n, serif !important;
font-size: 28px;
text-align: center;
background-color: #6c89f1;
color: #fff;
margin-top: 50px;
margin-bottom: 10px;
}
.degree_skill .inbox:first-child h4 {
background-color: #ed1e79;
}

.degree_skill .inbox p {

font-size: clamp(22px, 2vw, 28px) !important;
text-align: center;
}
.degree_skill .inbox:first-child p{
padding-top: 1.5em;
}


.degree_skill .iitoko {
    max-width: 1100px !important;
    align-items: center !important;
}

.degree_skill .iitoko div{
text-align: right;
}
.degree_skill .iitoko div:nth-of-type(2){
margin-bottom: 70px;
}

.degree_skill .iitoko div h4 {
color: #6c89f1;
font-size: 28px;
border: solid 2px #6c89f1;
line-height: 1em;
padding: 0.4em 0 0.5em;
border-radius: 2em;
text-align: center;
background-color: #fff;
margin-bottom: 1em;
}

.degree_skill .iitoko div h4 + p {
margin-bottom: 60px;
letter-spacing: 0.6px !important;
padding: 0px 1.9em;
font-feature-settings: unset !important;
text-align: justify;
}

.degree_skill .iitoko div img{
max-width: 415px !important;
    width: 100%;
}




/* 併修制度とは？ 640px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 640px) {
#what-is-dual-study .degree_skill .seido {display: block;background-image: none;}
#what-is-dual-study .degree_skill .inbox:nth-of-type(2){display: table;text-align: center;}
#what-is-dual-study .degree_skill .inbox {width: 100%;}
#what-is-dual-study .degree_skill {
background-image: url(../lp_img/back_oval_sp.png);
background-size: 120% auto;
}
#what-is-dual-study .degree_skill h3 {font-size:clamp(22px, 8vw, 48px) !important; margin: 40px 0 10px !important;}
.degree_skill .inbox div:nth-of-type(1) {width: 35%;}
.degree_skill .inbox div:nth-of-type(2) {flex: 1;}
.degree_skill .inbox:first-child p{padding-top: 0;}
#degree-and-diploma p {line-height: 1.6em;}
.degree_skill .inbox { gap: 0 10px;}
.degree_skill .inbox h4 {font-size: clamp(16px, 5vw, 28px) !important; margin-top: 9vw;}
.degree_skill .inbox p{font-size: clamp(14px, 4.5vw, 28px) !important;}
#what-is-dual-study .degree_skill .inbox:nth-of-type(2) img {margin-left: 35%;}
.degree_skill .iitoko div h4{font-size: clamp(15px, 5vw, 28px) !important;}
#what-is-dual-study .degree_skill .seido {margin: 0 auto 40px;}

#benefits-of-dual-study h4 {font-size: clamp(22px, 7vw, 25px) !important;}
.degree_skill .iitoko div h4 + p {margin-bottom: 40px;padding: 0px 0em;}
.degree_skill .iitoko div{text-align: center;}
.degree_skill .iitoko div img { max-width: none !important; }
}

/* 併修制度とは？ 480px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 480px) {
#what-is-dual-study .degree_skill .inbox:nth-of-type(2) img {width: 15%;}
}





/* 大学併修メリット
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#benefits-of-dual-study {
}
#benefits-of-dual-study #prg-comp_wrap {
padding: 0 15px;
display: block;
overflow: hidden;
}

#benefits-of-dual-study h3 {
line-height: 1em;
font-size: 48px;
text-align: center;
max-width: 100%;
margin: 60px auto 60px !important;
display: table;
padding-bottom: 50px;
background: url(../lp_img/line_dash.svg) bottom center repeat-x;
}
#benefits-of-dual-study h3 span {
display: table;
padding: 0;
margin: 0 auto;
}

#benefits-of-dual-study .wrap_pt02 ul{
max-width: 1250px;
padding: 2em 0 50px;
display: flex;
gap:4%;
margin: 0 auto;
}

#benefits-of-dual-study .wrap_pt02 li {
border: solid 2px #6c89f1;
border-radius: 20px;
padding: 0 15px 15px;
background-color: #fff;
}

#benefits-of-dual-study .wrap_pt02 li .point_no {
text-align: center;
margin-top: -4em;
margin-bottom: 1em;
}

#benefits-of-dual-study .wrap_pt02 li h4 + img {
display: table;
border-radius: 15px;
margin-bottom: 1em;
}

#benefits-of-dual-study h4 {
font-size: 28px;
display: table;
margin: 0 auto 0.8em;
padding: 0 0.3em;
}

#benefits-of-dual-study h4 span {
transform: skewX(-10deg);
display: inline-block;
}

#benefits-of-dual-study p {
letter-spacing: 1px;
}

#benefits-of-dual-study .cp_image img{
object-fit: cover;
width: 100%;
height: 414px;
}


/* 大学併修メリット 640px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 640px) {
#benefits-of-dual-study .wrap_pt02 ul{display: block;}
#benefits-of-dual-study .wrap_pt02 li {margin: 0 auto 100px;max-width: 384px;}
#benefits-of-dual-study .cp_image img {height: auto;}
}






/* 学科比較
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

#program-comparison #prg-comparison {
display: block;
overflow: hidden;
}

#prg-comparison .wrap_pt01,
#prg-comparison .wrap_pt03{
padding: 0 15px;
display: block;
overflow: hidden;
}

#prg-comparison .wrap_pt03{
padding: 40px 0; 
}

#prg-comparison h3 {
line-height: 1em;
font-size: 48px;
text-align: center;
max-width: 100%;
margin: 60px auto 30px !important;
display: table;
}

#prg-comparison h3 > span {
display: table;
padding: 0;
margin: 0 auto;
}

#prg-comparison h3 br{
display: none;
}

.comp_title{
align-items: center;
}
.comp_title li:nth-of-type(1){text-align: left;}
.comp_title li:nth-of-type(2){text-align: right;}

#hikaku *{
overflow: hidden;
position: relative;
}

#hikaku {
display: flex;
background-image: url(../lp_img/line_dash_back.svg);
background-repeat: repeat-y;
background-position: top center;
max-width: 1250px;
margin: 0 auto;
}

#hikaku .hkk_left{
width: 50%;
padding: 0 40px;
}

#hikaku .hkk_left .bk_cor{
background-color: #ffebc8;
}

#hikaku .hkk_right{
width: 50%;
padding: 0 40px;
}

#hikaku .hkk_right .bk_cor{
background-color: #dcffc8;
}

#hikaku h4 {
background-color: #be9a3d;
color: #fff;
font-size: 34px;
text-align: center;
line-height: 1em;
padding: 0.5em 0 0.7em;
margin-bottom: 1em;
}

#hikaku .hkk_right h4{
background-color: #7fbe26;
}

#hikaku h5 {
font-size: 32px;
margin: 1em auto;
display: block;
text-align: center;
max-width: 90%;
color: #fff;
background-color: #ed1e79;
padding: 0.3em 0;
}

#hikaku h5.last{
background-color: #6c89f1;
}




.hikaku_01 ul {
display: block;
max-width: 400px;
margin: 0 auto;
overflow: hidden;
}

.hikaku_01 li {
background-image: url(../lp_img/img_check01.svg);
background-repeat: no-repeat;
background-position: 5% 50%;
font-size: 24px;
padding-left: 5em;
margin-bottom: 1.5em;
}
#hikaku .hkk_right .hikaku_01 li {
background-image: url(../lp_img/img_check02.svg);
}

.hikaku_01 img {
display: table;
margin: 0 auto 2em;
}

.hikaku_01 p {
max-width: 400px;
margin: 0 auto;
border: solid 3px #b59b48;
background-color: #fff;
text-align: center;
font-size: 32px !important;
color: #b59b48;
border-radius: 2em;
z-index: 10;
position: relative;
}

#hikaku .hkk_right .hikaku_01 p{
color: #7fbe26;
border-color: #7fbe26;
}

#program-comparison .hikaku_02{margin-top: -2.5em;}

#program-comparison .hikaku_02 h4 {
padding: 2em 0 1em !important;
line-height: 1.5em !important;
margin-bottom: 0 !important;
}

#program-comparison .hikaku_02 p {
font-size: 32px;
margin: 1em auto;
display: block;
text-align: center;
border: solid 3px #ed1e79;
max-width: 90%;
color: #ed2e79;
background-color: #fff;
}

#program-comparison .hkk_left .hikaku_02 p:last-child{
color: #be9a3d;
border-color: #be9a3d;
}

#program-comparison .hkk_right .hikaku_02 p:last-child{
color: #7fbe26;
border-color: #7fbe26;
}

#program-comparison .hikaku_02 img {
display: table;
margin: 0 auto;
}

#program-comparison .hikaku_03 img{
display: table;
margin: 0 auto;
padding-bottom: 1em;
font-size: 38px;
}

#program-comparison .hikaku_04 p {
text-align: center;
font-size: 32px;
line-height: 1.5em;
}

#program-comparison .hikaku_04 ul{
font-size: 24px;
margin: 1em 0;
}

#program-comparison .hikaku_04 li {
font-size: 24px;
text-align: center;
line-height: 1em;
padding: 0.5em 0;
}

#program-comparison .hikaku_04 img {
display: table;
margin: 0 auto;
}

#program-comparison .hkk_right .hikaku_04 p {
font-size: 24px;
margin: 1em 0;
line-height: 1.2em;
}

#program-comparison .hikaku_04 div:last-child {
margin: 1em auto;
display: block;
text-align: center;
max-width: 90%;
background-color: #fff;
line-height: 1.2em;
padding: 0.3em 0 0.5em;
margin-bottom: 3em;
}

#program-comparison .hikaku_04 div:last-child p {
font-size: 38px;
margin: 0;
}

#program-comparison .hkk_right .hikaku_04 ul {
margin: 1em 0 0;
}

#program-comparison .hkk_right .hikaku_04 li {
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
font-size: 37px;
padding: 0.2em 0;
font-feature-settings: normal;
line-height: 1.4em;
}

#program-comparison .hkk_right .hikaku_04 li span {
background-color: #fff;
border-radius: 2em;
height: 78px;
width: 78px;
}

#program-comparison .hikaku_04 h5.last + p{
margin-bottom: 1em;
}

#program-comparison .hkk_right .hikaku_04 .irrgr01{
line-height: 1.7em;
}

#program-comparison .hkk_right .hikaku_04 .irrgr02 {
font-size: 34px;
line-height: 1.7em;
}
#program-comparison .hkk_right .hikaku_04 .irrgr02 span {
font-size: 0.81em;
}

#program-comparison .hikaku_05{
padding-bottom: 2em;
}

#program-comparison .hikaku_05 img {
display: table;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
}

#program-comparison .hikaku_05 h4 + img {
height: 260px;
width: 260px;
margin-bottom: 1em;
border-radius: 260px;
}

#program-comparison .hikaku_05 p {
font-size: 34px;
text-align: center;
line-height: 1.5em;
}

#program-comparison .hikaku_05 p span{
transform: scale(0.6);
display: inline-block;
}

#program-comparison .hkk_left .hikaku_05 p br{
display: none;
}


#program-comparison .hikaku_05 .mark_icon {
background-color: #be9a3d;
display: table;
margin: 2em auto 1em;
border-radius: 260px;
}

#program-comparison .hikaku_05 .mark_icon img{
margin: 0;
}

#program-comparison .hikaku_06 img {
display: table;
margin: 0em auto 4em;
}




/* 学科比較 640px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 640px) {

#prg-comparison h3 br {display: block;}
#hikaku .hkk_left { padding: 0 10px 0 15px;}
#hikaku .hkk_right{ padding: 0 15px 0 10px;}
.hikaku_01 li {background-size: 2.3em;font-size:clamp(11px, 3vw, 24px) !important;padding-left: 3.6em;}
.hikaku_01 p {display: table;border: solid 2px #b59b48;font-size: clamp(11px, 3.7vw, 32px) !important;padding: 0.2em 0.7em;}
#program-comparison .hikaku_02 {margin-top: -1.7em;}
#hikaku h4 {font-size: clamp(11px, 4vw, 34px) !important;padding: 0.2em 0 0.4em;}

#program-comparison .hikaku_02 p,
#hikaku h5{font-size: clamp(11px, 3.7vw, 32px);}

#program-comparison .hikaku_04 p,
#program-comparison .hkk_right .hikaku_04 .irrgr02{font-size: clamp(14px, 3.7vw, 32px);}
#program-comparison .hkk_right .hikaku_04 li{font-size: clamp(10px, 3.7vw, 37px);}
#program-comparison .hkk_right .hikaku_04 li span {height: 2.5em;width: 2.5em;}

#program-comparison .hikaku_04 li,
#program-comparison .hkk_right .hikaku_04 p {font-size: clamp(10px, 2.7vw, 24px);}

#program-comparison ul + img,
#program-comparison p + img {width: 1.6em;}

#hikaku h5 {margin-top: 0.5em;padding: 0em 0 0.3em;margin-bottom: 0.5em;line-height: 1.2em;}
#program-comparison .hikaku_04 ul,
#program-comparison .hkk_right .hikaku_04 p {margin: 0.5em 0;}
#program-comparison .hkk_right .hikaku_04 ul {margin: 0.5em 0 0;}
#program-comparison .tileset03 P{font-size: clamp(10px, 2.7vw, 28px);}
#program-comparison .hikaku_04 div:last-child p {font-size:clamp(12px, 3vw, 38px);}
#program-comparison .hkk_right .hikaku_04 .irrgr01 {margin-bottom: 0em;}
#program-comparison .hikaku_02 p {margin: 1em auto 0.5em;}
#program-comparison .hkk_left .hikaku_02 p:last-child ,
#program-comparison .hkk_right .hikaku_02 p:last-child {margin: 0.5em auto 1em;}
#program-comparison .hikaku_03 span{padding: 0 25px;display: inline-block;}
.hikaku_04 picture img {width: 100%;}
#program-comparison .hikaku_04 div:last-child {margin: 1em auto 1.5em;}
#program-comparison .hikaku_05 h4 + img{height: 37vw;width: 37vw;}
#program-comparison .hikaku_05 p br{display:  block;}
#program-comparison .hikaku_05 p {font-size: clamp(14px, 3.7vw, 34px);}
#program-comparison .hikaku_05 .mark_icon {width: 35vw;}
#program-comparison .hikaku_06 img {width: 41vw;}

}


/* 学生Voice
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#student_wrap{
padding-bottom: 80px;
}

#student_wrap h3 {
line-height: 1em;
font-size: 48px;
text-align: center;
max-width: 100%;
margin: 60px auto 30px !important;
display: table;
/* padding-bottom: 50px; */
}

#student_wrap h3 > span {
display: table;
padding: 0;
margin: 0 auto;
}

#student_wrap h3 br{
display: none;
}

#student_wrap picture{
display: table;
margin: 0 auto 0;
}

#student_wrap picture + img {
display: table;
margin: 2em auto 0;
}

#student_wrap .st_mess {
border: solid 2px #6c89f1;
border-radius: 20px;
padding: 0 15px 15px;
background-color: #fff;
max-width: 960px;
margin: 0 auto 60px;
padding-top: 0.4em;
}

#student_wrap .st_mess p{
text-align: center;
font-size: 24px;
line-height: 2em;
background-image: url(../lp_img/line_dash.svg);
background-repeat: no-repeat;
background-position: center;
}

#student_wrap #mainslide02 {
display: block;
max-width: 1650px;
margin: 0 auto;
overflow: hidden;
}

#student_wrap #mainslide02 li {
max-width: 500px;
overflow: hidden;
display: block;
background-image: url(../lp_img/img_voice_bk.png);
background-size: 100% 100%;
background-position: center 70px;
background-repeat: no-repeat;
}

#student_wrap #mainslide02 .v-box {
    width: 100%;
    text-align: center;
    padding: 0 30px;
}

#student_wrap #mainslide02 img{
border-radius: 15px;
}

#student_wrap #mainslide02 p:nth-of-type(1) {
text-align: center;
font-size: 20px;
}

#student_wrap #mainslide02 p:nth-of-type(2) {
text-align: center;
font-size: 26px;
}

#student_wrap #mainslide02 p:nth-of-type(2) span {
font-size: 16px;
display: inline-block;
padding-left: 1em;
}

#student_wrap #mainslide02 p:nth-of-type(3) {
font-size: 16px;
letter-spacing: 1.5px;
padding-bottom: 40px;
}


#student_wrap #mainslide02 {
position: relative;
}

#student_wrap #mainslide02 .splide__arrows {
position: absolute;
top: 0;
left: 36%;
max-width: 460px;
aspect-ratio: 1/0.7;
width: 28vw;
min-width: 310px;
/* height: 100px; */
display: block;
}
#student_wrap #mainslide02 .splide__arrow {
position: absolute;
transform: translateY(-50%);
width: 40px;
height: 40px;
background: #6c89f1;
opacity: 1;
}


/* 左矢印 */

#student_wrap #mainslide02 .splide__arrow--prev {
left: 0;
bottom: 0;
}
#student_wrap #mainslide02 .splide__arrow--next {
left: calc(100% - 40px);
top: calc(50% - 20px);
}
#student_wrap #mainslide02 .splide__arrow svg {
display: none;
}
#student_wrap #mainslide02 .splide__arrow--prev {
background: url('../lp_img/btn_slide.svg') no-repeat center / contain;
}
#student_wrap #mainslide02 .splide__arrow--next {
background: url('../lp_img/btn_slide.svg') no-repeat center / contain;
transform: scaleX(-1);
}



/* 学生Voice 640px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 640px) {

#student_wrap h3 br {display:  block;}
#student_wrap picture img {width: auto;}

#student_wrap picture + img {width: 80%;}
#student_wrap .st_mess {margin-left: 15px;margin-right: 15px;}
#student_wrap .st_mess p {
font-size: clamp(14px, 3.2vw, 24px);
background-image: url(../lp_img/line_dash.svg),url(../lp_img/line_dash.svg);
background-repeat: no-repeat;
background-position: center 35%,center 70%;
}

#student_wrap #mainslide02 .splide__arrow {
width: 35px;
height: 35px;
}

#student_wrap #mainslide02 .splide__arrows {
left: calc((100vw - 460px) / 2);
aspect-ratio: 1/0.7;
width: 100%;
min-width: auto;
}

#student_wrap #mainslide02 p:nth-of-type(1){
font-size:clamp(15px, 4vw, 20px) !important;
margin-top: 1em;
 }

#student_wrap #mainslide02 p:nth-of-type(2){
font-size:clamp(20px, 5vw, 26px) !important;
margin-bottom: 1em;
 }

#student_wrap #mainslide02 p:nth-of-type(2) span{
font-size:clamp(12px, 3.3vw, 20px) !important;
 }
 #student_wrap #mainslide02 p:nth-of-type(3){
font-size:clamp(12px, 3.3vw, 16px) !important;
line-height: 2em;
padding-bottom: 20px;
}

}

/* 学生Voice 480px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 480px) {
#student_wrap #mainslide02 .splide__arrows {
max-width: 460px;
width: calc(100vw - 5%);
left: 3%;
}
}





/* 学校の特徴
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#school-features {
overflow: hidden;
display: block;
background-color: #ffffff;
}

#school-features #school_wrap{
max-width: 1280px;
padding: 0 15px;
margin: -60px auto 0;
overflow: hidden;
display: block;
}

#school-features #school_wrap2 {
max-width: 1280px;
padding: 0 15px;
margin: 0 auto 0;
overflow: hidden;
display: block;
}

#school-features .cp_image{
max-height: 460px;
width: 100%;
display: block;
}

#school-features .cp_image img{
height: 460px;
min-height: 290px;
width: 100%;
object-fit: cover;
object-position: center;
display: block;
}

#school_wrap h3 {
line-height: 1em;
font-size: 48px;
text-align: center;
max-width: 1250px;
margin: 0px auto !important;
display: table;
padding: 62px !important;
background-color: #ffffff;
position: relative;
z-index: 10;
width: 100%;
}
#school_wrap h3 > span {
display: table;
padding: 0;
margin: 0 auto;
}
#school_wrap h3 br{
display: none;
}

.strengths_box {
margin-bottom: 60px;
}
.strengths_box > img {
margin-left: 50%;
}
.strengths_box .st_in_box {
display: flex;
margin-top: -80px;
position: relative;
}
.strengths_box .right_pc {
width: 50%;
padding-right: 15px;
}

.strengths_box .right_pc img{
border-radius: 0 15px 15px 0;
}


.strengths_box .left_pc {
padding-top: 100px;
width: 50%;
}

.strengths_box p {
padding: 2em 3em 0;
}

.st_odd .st_in_box{
flex-direction: row-reverse;
}

.strengths_box.st_odd > img {
margin-left: 0;
}

.strengths_box.st_odd .right_pc{
text-align: right;
padding-right: 0;
padding-left: 15px;
}

.strengths_box.st_odd .right_pc img {
border-radius: 15px 0 0 15px;
}


/* 学校の特徴 640px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 640px) {

#school_wrap h3 br{display: block;}
#school-features #school_wrap {margin: -23vw auto 0;}
#school_wrap h3 {
font-size: clamp(13px, 6.8vw, 35px) !important;
padding: 9vw 1em!important;
line-height: 1.3em;
}
#school-features #school_wrap2{padding: 0;}
.strengths_box {margin-bottom: 60px;text-align: center;padding-right: 20%;}
.strengths_box.st_odd {padding-right: 0;padding-left: 20%;}
.strengths_box > img{margin-right: -20% !important;}
.strengths_box.st_odd > img{margin-left: -20% !important;margin-right: auto !important;}
.strengths_box .st_in_box {display: block;}
.strengths_box .st_in_box{margin-top: 0;}
.strengths_box .left_pc,
.strengths_box .right_pc {width: 100%;}
.strengths_box img{margin: 0;}
.strengths_box > img{margin-bottom: 15px;}
.strengths_box .left_pc {padding-top: 0px;}
.strengths_box .left_pc img{position: absolute;top: 15px;right: -20%;}
.strengths_box.st_odd .left_pc img{right: auto;left: -20%;}
picture img{width: 20vw;}
.strengths_box .st_in_box p {font-size:clamp(13px, 3.8vw, 24px) !important; }

}

/* 学校の特徴 450px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 450px) {
#school_wrap h3 img {width: 36vw;}
}

 



/* 資料請求・OC
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

#foot_bnr .ftr_box {
margin-bottom: 60px;
}
#foot_bnr h3 {
background: #7CABF7;
background: linear-gradient(90deg, rgba(124, 171, 247, 1) 0%, rgba(84, 128, 222, 1) 92%);
font-size: clamp(16px, 5.2vw, 34px) !important;
color: #fff;
text-align: center;
padding: 0.5em 15px 0.7em;
margin-bottom: 1em;
max-width: 100%;
margin-left: 0;
}
#foot_bnr p {
text-align: center;
font-size: clamp(24px, 5vw, 32px) !important;
margin-bottom: 1em;
}

#foot_bnr .bnrs li {
margin-bottom: 40px;
padding: 0 15px;
}
#foot_bnr .bnrs  a {
display: table;
margin: 0 auto;
}