@charset "utf-8";



@media screen and (max-width: 640px) {
.page p { font-size: 16px; }
}

.indent_01 {
text-indent: -1em;
padding-left: 1em;
}



/*====================================================================
サッカーマネジメント・情報大学科
====================================================================*/
.main_back_01 { 
background: rgb(5,69,154);
background: linear-gradient(90deg, rgba(5,69,154,1) 0%, rgba(15,1,54,1) 100%);
}
.main_back_02 { 
max-width: 1300px;
margin: 0 auto;
background-image: url(../../renew2024/images-page/management_lp/main_parts_01.png), url(../../renew2024/images-page/management_lp/main_parts_03.png), url(../../renew2024/images-page/management_lp/main_parts_02.png);
background-repeat: no-repeat, no-repeat , no-repeat;
background-size: auto, auto , auto;
background-position: left top, left 250px top, right top;
padding: 0 15px;
}

.main_content { 
max-width: 700px;
margin: 0 auto;
margin-left: 0;
padding-top: 150px;
padding-bottom: 80px;
}

.main_content .Illust { 
display: none;
}

.main_content .title_box .day_box { 
position: relative;
margin-bottom: 20px;
filter: drop-shadow(2px 2px 5px #ccc);
}
.main_content .title_box .day_box .day { 
max-width: 290px;
font-size: 20px;
line-height: 1.5em;
color: #fff;
background: rgb(230,107,74);
background: linear-gradient(90deg, rgba(230,107,74,1) 0%, rgba(84,69,148,1) 100%);
clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);
margin-left: 30px;
padding: 5px 0 5px 65px;
filter: drop-shadow(5px 5px 5px #fff);
}
.main_content .title_box .day_box .gakubu { 
position: absolute;
left: 0;
bottom: -10px;
display: flex;
justify-content: center;
align-items: center;
width: 75px;
height: 85px;
font-size: 16px;
font-weight: bold;
line-height: 1em;
color: #00267f;
background: #fff;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.main_content .title_box h2 { 
margin-bottom: 40px;
filter: drop-shadow(2px 2px 5px #ccc);
}
.main_content .title_box h2 .sp-img { 
display: none;
}
.main_content .title_box h3 { 
margin-bottom: 60px;
filter: drop-shadow(2px 2px 5px #ccc);
}

.main_content .title_box .gakka_box { 
display: flex;
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 40px;
}
.main_content .title_box .gakka_box .gakka:last-child { 
margin-left: 30px;
}

.main_content .field_box { 
background: rgba(255, 255, 255, 0.2);
padding: 30px;
}
.main_content .field_box .field_pc { 
display: flex;
justify-content: flex-start;
align-items: center;
}
.main_content .field_box .field_pc .title { 
width: 100%;
max-width: 150px;
text-align: center;
}
.main_content .field_box .field_pc .list { 
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 98%;
margin-left: 2%;
}
.main_content .field_box .field_pc .list ul { 
width: 49%;
margin: 0;
padding: 0;
}
.main_content .field_box .field_pc .list ul:last-child { 
margin-left: 2%;
}
.main_content .field_box .field_pc .list li { 
font-size: 16px;
line-height: 1.5em;
color: #fff;
padding-bottom: 15px;
}
.main_content .field_box .field_pc .list li:last-child { 
padding-bottom: 0;
}
.main_content .field_box .field_sp { 
display: none; 
}



.main-acbox {
width: 100%;
}
.main-acbox label {
width: auto;
font-weight: bold;
text-align: center;
position: relative;
display: block;
cursor: pointer;
color: #fff;
}
.main-acbox input {
display: none;
}
.main-acbox label:after {
display: flex;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
font-size: 14px;
color: #00267f;
background: #fff;
content:"∨"; /* ラベルのアイコン */
position: absolute;
top: 50%;
right: 0;
margin-top: -14px;
border-radius: 50%;
}
.main-acbox input:checked ~ label::after {
content:"∧"; /* ラベルをクリックした後のアイコン */
}
.main-acbox div{
height: 0px;
overflow: hidden;
opacity: 0;
transition: 0.15s; /* 開閉スピードの設定 */
}
.main-acbox input:checked ~ div {
height: auto;
padding: 15px 0; /* 開いた部分の枠内の余白 */
opacity: 1;
}
.main-acbox-under ul { 
margin: 0 auto;
padding: 0;
}
.main-acbox-under li { 
font-size: 16px;
line-height: 1.5em;
color: #fff;
padding-bottom: 15px;
}
.main-acbox-under li:last-child { 
padding-bottom: 0;
}



@media screen and (min-width: 1300px) { 
.main_back_02 { 
background-image: url(../../renew2024/images-page/management_lp/main_parts_01_zyozan.png), url(../../renew2024/images-page/management_lp/main_parts_03.png), url(../../renew2024/images-page/management_lp/main_parts_02_zyozan.png);
background-repeat: no-repeat, no-repeat , no-repeat;
background-size: auto, auto , auto;
background-position: left top, left 250px top, right top;
}
}
@media screen and (max-width: 767px) { 
.main_back_02 { 
background-image: url(../../renew2024/images-page/management_lp/main_parts_04.png);
background-repeat: no-repeat;
background-size: auto;
background-position: right top;
}
.main_content { margin-left: auto; }
.main_content .Illust { display: block; text-align: right; margin-bottom: -230px; }
.main_content .title_box h2 { margin-bottom: 20px; }
.main_content .title_box h2 .pc-img { display: none; }
.main_content .title_box h2 .sp-img { display: block; }
.main_content .title_box h3 { margin-bottom: 30px; }
.main_content .field_box .field_pc { display: none; }
.main_content .field_box .field_sp { display: block; }
}
@media screen and (max-width: 500px) { 
.main_content .field_box { padding: 30px 15px; }
.main_content .title_box .gakka_box { display: block; }
.main_content .title_box .gakka_box .gakka:last-child { margin-left: 0; margin-top: 15px; }
}



/*====================================================================
クラブで働く卒業生からのメッセージ
====================================================================*/
.message_back_01 { 
background: rgb(230,107,74);
background: linear-gradient(90deg, rgba(230,107,74,1) 0%, rgba(84,69,148,1) 100%);
}
.message_back_02 { 
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.message_back_03 { 
max-width: 1300px;
margin: 0 auto;
background-image: url(../../renew2024/images-page/management_lp/message_parts_01.png), url(../../renew2024/images-page/management_lp/message_parts_02.png);
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
background-position: left top, right top;
padding: 80px 15px;
}



.message_about { 
max-width: 800px;
margin: 0 auto 60px auto;
}
.message_about h2 { 
text-align: center;
margin-bottom: 30px;
filter: drop-shadow(2px 2px 5px #ccc);
}
.message_about h2 .sp-img { 
display: none;
}
.message_about p { 
line-height: 2em;
color: #fff;
margin: 0;
}
.message_about .photo_box { 
display: flex;
justify-content: center;
align-items: center;
margin-top: 30px;
}
.message_about .photo_box .box { 
position: relative;
width: 48%;
}
.message_about .photo_box .box:last-child { 
margin-left: 4%;
}
.message_about .photo_box .box .copy01 { 
position: absolute;
right: 10px;
bottom: 10px;
font-size: 12px;
line-height: 1em;
color: #fff;
}
.message_about .photo_box .box .copy02 { 
position: absolute;
right: 10px;
bottom: 10px;
font-size: 12px;
line-height: 1em;
}



.message_club { 
max-width: 800px;
margin: 0 auto;
padding: 30px 0;
background: rgba(255, 255, 255, 0.8);
filter: drop-shadow(5px 5px 5px #ccc);
}
.message_club .main_title { 
max-width: 400px;
font-size: 20px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: rgb(230,107,74);
background: linear-gradient(90deg, rgba(230,107,74,1) 0%, rgba(84,69,148,1) 100%);
clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%);
margin-bottom: 30px;
margin-right: 15px;
padding: 5px 5px;
filter: drop-shadow(5px 5px 5px #fff);
}
.message_club .main_title br { display: none; }

.message_club .message_box { 
display: flex;
justify-content: center;
align-items: flex-start;
padding: 0 30px;
}
.message_club .message_box .name_box { 
width: 40%;
text-align: center;
}
.message_club .message_box .name_box h3 { 
font-size: 24px;
}
.message_club .message_box .name_box h3 span { 
font-size: 16px;
}

.message_club .message_box .text_box { 
width: 58%;
margin-left: 2%;
}
.message_club .message_box .text_box p { 
line-height: 2em;
margin: 0;
}
.message_club .message_box .text_box p .point { 
background: #fefe76;
}



.message_cp_box *, .message_cp_box *:before, .message_cp_box *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.message_cp_box {
position: relative;
display: none;
}
.message_cp_box label {
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 120px; /* グラデーションの高さ */
cursor: pointer;
text-align: center;
/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.8) 90%);
}
.message_cp_box input:checked + label {
background: inherit; /* 開いた時にグラデーションを消す */
}
.message_cp_box label:after {
position: absolute;
z-index: 2;
bottom: 0;
left: 50%;
width: 100%;
max-width: 250px;
font-size: 20px;
line-height: 1.5em;
content: '詳しく見る ∨';
transform: translate(-50%, 0);
color: #fff;
border-radius: 30px;
background: rgb(230,107,74);
background: linear-gradient(90deg, rgba(230,107,74,1) 0%, rgba(84,69,148,1) 100%);
padding: 15px;
}
.message_cp_box input {
display: none;
}
.message_cp_box .cp_container {
overflow: hidden;
height: 120px; /* 開く前に見えている部分の高さ */
transition: all 0.5s;
}
.message_cp_box input:checked + label {
/* display: none ; 閉じるボタンを消す場合解放 */
}
.message_cp_box input:checked + label:after {
content: 'とじる ∧';
}
.message_cp_box input:checked ~ .cp_container {
height: auto;
padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
transition: all 0.5s;
}
.message_cp_box .cp_container p .point {
background: #fefe76;
}



@media screen and (max-width: 767px) { 
.message_back_03 { 
background-image: url(../../renew2024/images-page/management_lp/message_parts_01.png);
background-repeat: no-repeat;
background-size: auto;
background-position: left top;
}
.message_about { max-width: 600px; }
.message_about h2 .pc-img { display: none; }
.message_about h2 .sp-img { display: block; margin: 0 auto; }
.message_about .photo_box { flex-direction: column; }
.message_about .photo_box .box { width: 100%; }
.message_about .photo_box .box:last-child { margin-left: 0; margin-top: 15px; }
.message_club { max-width: 600px; }
.message_club .message_box { flex-direction: column; }
.message_club .message_box .name_box { width: 100%; }
.message_club .message_box .text_box { width: 100%; margin-left: 0; margin-top: 30px; }
.message_club .message_box .text_box .pc-text { display: none; }
.message_cp_box { display: block; }
}
@media screen and (max-width: 500px) { 
.message_club .main_title br { display: block; }
.message_club .message_box { padding: 0 15px; }
}



/*====================================================================
3つの特徴
====================================================================*/
.feature_back_01 { 
background: rgb(230,107,74);
background: linear-gradient(90deg, rgba(230,107,74,1) 0%, rgba(84,69,148,1) 100%);
}
.feature_back_02 { 
max-width: 1300px;
margin: 0 auto;
background-image: url(../../renew2024/images-page/management_lp/feature_parts_01.png), url(../../renew2024/images-page/management_lp/feature_parts_02.png);
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
background-position: left top, right bottom;
padding: 80px 15px;
}

.feature_content { 
max-width: 1000px;
margin: 0 auto;
}

.feature_content h2 { 
text-align: center;
margin-bottom: 60px;
filter: drop-shadow(2px 2px 5px #ccc);
}
.feature_content h2 .sp-img { display: none; }

.feature_content .box-parent {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
}
.feature_content .box-parent img { 
width: 100%;
}
.feature_content .box-child {
width: 32%;
height: auto;
}
.feature_content .box-child:nth-child(2) { 
margin: 0 2%;
}
.feature_content .box-child-title {
width: 100%;
height: auto;
font-size: 20px;
line-height: 1.5em;
text-align: center;
color: #fff;
margin-bottom: 15px;
}
.feature_content .box-child-title strong { 
display: block;
font-size: 40px;
font-weight: bold;
line-height: 1em;
margin-bottom: 10px;
}
.feature_content .box-child-text {
width: 100%;
height: auto;
flex-grow: 1;
margin-top: 15px;
}
.feature_content .box-child-text p { 
color: #fff;
margin: 0;
}



.feature_cp_box *, .feature_cp_box *:before, .feature_cp_box *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.feature_cp_box {
position: relative;
display: none;
}
.feature_cp_box label {
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 60px; /* グラデーションの高さ */
cursor: pointer;
text-align: center;
}
.feature_cp_box input:checked + label {
background: inherit; /* 開いた時にグラデーションを消す */
}
.feature_cp_box label:after {
position: absolute;
z-index: 2;
bottom: 0;
left: 50%;
width: 100%;
max-width: 250px;
font-size: 20px;
line-height: 1.5em;
content: '詳しく見る ∨';
transform: translate(-50%, 0);
color: #00267f;
border-radius: 30px;
background: #fff;
padding: 15px;
filter: drop-shadow(5px 5px 5px rgba(17, 17, 17, 0.8));
}
.feature_cp_box input {
display: none;
}
.feature_cp_box .cp_container {
overflow: hidden;
height: 60px; /* 開く前に見えている部分の高さ */
transition: all 0.5s;
opacity: 0;
}
.feature_cp_box input:checked + label {
/* display: none ; 閉じるボタンを消す場合解放 */
}
.feature_cp_box input:checked + label:after {
content: 'とじる ∧';
}
.feature_cp_box input:checked ~ .cp_container {
height: auto;
padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
transition: all 0.5s;
opacity: 1;
}



@media screen and (min-width: 1300px) { 
.feature_back_02 { 
background-image: url(../../renew2024/images-page/management_lp/feature_parts_01_zyozan.png), url(../../renew2024/images-page/management_lp/feature_parts_02.png);
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
background-position: left top, right bottom;
}
}
@media screen and (max-width: 1000px) { 
.feature_content { max-width: 600px; }
.feature_content .box-parent { display: block; }
.feature_content .box-child { width: 100%; }
.feature_content .box-child:nth-child(2) { margin: 60px 0; }
.feature_content .box-child-title .pc-br { display: none; }
}
@media screen and (max-width: 767px) { 
.feature_back_02 { 
background-image: url(../../renew2024/images-page/management_lp/feature_parts_03.png), url(../../renew2024/images-page/management_lp/feature_parts_04.png), url(../../renew2024/images-page/management_lp/feature_parts_05.png);
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: auto, auto, auto;
background-position: left top, left center, right bottom;
}
.feature_content h2 { border-bottom: 3px solid #fff; padding-bottom: 15px; }
.feature_content h2 .pc-img { display: none; }
.feature_content h2 .sp-img { display: block; margin: 0 auto; }
.feature_content .box-child-text .pc-text { display: none; }
.feature_cp_box { display: block; }
}



/*====================================================================
併修先大学
====================================================================*/
.university_back_01 { 
background: rgb(5,69,154);
background: linear-gradient(90deg, rgba(5,69,154,1) 0%, rgba(15,1,54,1) 100%);
}
.university_back_02 { 
max-width: 1300px;
margin: 0 auto;
background-image: url(../../renew2024/images-page/management_lp/university_parts_01.png), url(../../renew2024/images-page/management_lp/university_parts_01_2.png), url(../../renew2024/images-page/management_lp/university_parts_02.png);
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: auto, auto, auto;
background-position: left top, left bottom, right bottom;
padding: 80px 15px;
}
.university_back_03 { 
max-width: 1300px;
margin: 0 auto;
background-image: url(../../renew2024/images-page/management_lp/university_parts_03.png), url(../../renew2024/images-page/management_lp/university_parts_04.png), url(../../renew2024/images-page/management_lp/university_parts_05.png);
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: auto, auto, auto;
background-position: left center, top -30px center, right bottom;
padding: 20px 15px 80px 15px;
}



.university_box_01 { 
max-width: 800px;
margin: 0 auto;
}
.university_box_01 .school { 
border-bottom: 2px solid #fff;
margin-bottom: 80px;
padding: 0 0 40px 0;
}

.university_box_01 .school h2 { 
margin-bottom: 40px;
filter: drop-shadow(2px 2px 5px #ccc);
}
.university_box_01 .school h2 .sp-img { 
display: none;
}

.university_box_01 .school .two_box { 
display: flex;
justify-content: center;
align-items: flex-end;
margin-bottom: 40px;
}
.university_box_01 .school .two_box .photo_box { 
width: 100%;
max-width: 133px;
margin-right: 40px;
}
.university_box_01 .school .two_box .text_box h3 { 
font-size: 30px;
line-height: 1.5em!important;
color: #fff;
margin-bottom: 15px;
}
.university_box_01 .school .two_box .text_box h3 .small { 
font-size: 12px;
}
.university_box_01 .school .two_box .text_box h3 .sp-br { 
display: none;
}
.university_box_01 .school .two_box .text_box p { 
font-size: 12px;
color: #fff;
margin: 0;
}

.university_box_01 .school a { 
position: relative;
display: table;
width: 100%;
max-width: 250px;
text-align: center;
font-size: 20px;
color: #00267f;
background: #fff;
margin: 0 auto;
padding: 15px 20px;
border-radius: 30px;
}
.university_box_01 .school a .arrow { 
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
}

.university_box_01 .business h3 { 
font-size: 20px;
line-height: 1.5em!important;
text-align: center;
color: #fff;
}
.university_box_01 .business h3 .c_orange { 
color: #eb613b;
}
.university_box_01 .business .text_ar { 
text-align: right; 
}

.university_box_01 .business .two_box { 
display: flex;
justify-content: center;
align-items: stretch;
margin: 30px 0;
}
.university_box_01 .business .two_box div {
display: flex;
justify-content: center;
align-items: center;
width: 48%;
position: relative;
background: rgb(230,107,74);
background: linear-gradient(180deg, rgba(230,107,74,1) 0%, rgba(84,69,148,1) 100%);
padding: 30px 15px;
border-radius: 10px;
}
.university_box_01 .business .two_box div:last-child { 
margin-left: 4%;
}
.university_box_01 .business .two_box div p { 
font-size: 24px;
text-align: center;
color: #fff;
margin: 0;
}



.university_box_02 { 
max-width: 800px;
margin: 0 auto;
}
.university_box_02 h2 { 
margin-bottom: 40px;
filter: drop-shadow(2px 2px 5px #ccc);
}

.university_box_02 .system_box .system h3 { 
font-size: 20px;
color: #ed6d46;
margin-bottom: 15px;
}
.university_box_02 .system_box .system h3 .small { 
font-size: 12px;
}
.university_box_02 .system_box .system p { 
color: #fff;
margin: 0;
}
.university_box_02 .system_box .system p .line { 
border-bottom: 1px solid #fff;
}
.university_box_02 .system_box .system .sp-img { 
display: none;
}
.university_box_02 .system_box .system .sp-img img { 
width: 100%; 
max-width: 300px!important; 
}
.university_box_02 .system_box .system .sp-img .multiply img {
display: table;
margin: 30px auto 0 auto;
width: 100%;
max-width: 50px!important; 
}

.university_box_02 .system_box .box_01 { 
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
}

.university_box_02 .system_box .box_02 { 
display: flex;
align-items: stretch;
justify-content: space-between;
}



@media screen and (min-width: 1300px) { 
.university_back_02 { 
background-image: url(../../renew2024/images-page/management_lp/university_parts_01_zyozan.png), url(../../renew2024/images-page/management_lp/university_parts_01_2.png), url(../../renew2024/images-page/management_lp/university_parts_02.png);
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: auto, auto, auto;
background-position: left top, left bottom, right bottom;
}
}
@media screen and (max-width: 767px) { 
.university_back_02 { 
background-image: url(../../renew2024/images-page/management_lp/university_parts_01.png), url(../../renew2024/images-page/management_lp/university_parts_02_2.png), url(../../renew2024/images-page/management_lp/university_parts_01_2.png);
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: auto, auto, auto;
background-position: left top, right top 300px, right bottom;
}    
.university_box_01 .school h2 { border-bottom: 2px solid #fff; padding-bottom: 15px; }
.university_box_01 .school h2 .pc-img { display: none; }
.university_box_01 .school h2 .sp-img { display: block; margin: 0 auto; }
.university_box_01 { max-width: 600px; }
.university_box_01 .school .two_box { display: block; }
.university_box_01 .school .two_box .photo_box { margin: 0 auto 40px auto; }
.university_box_01 .school .two_box .text_box { display: table; margin: 0 auto; }
.university_box_01 .business .two_box { display: block; }
.university_box_01 .business .two_box div { width: 100%; }
.university_box_01 .business .two_box div:last-child { margin-left: 0; margin-top: 40px; }
.university_box_01 .business .text_ar { text-align: center; }

.university_box_02 { max-width: 600px; }
.university_box_02 h2 { text-align: center; }
.university_box_02 h2 img { width: 100%; max-width: 300px!important; }
.university_box_02 .system_box .pc-img { display: none; }
.university_box_02 .system_box .box_01 { display: block; margin-bottom: 0; }
.university_box_02 .system_box .box_02 { display: block; }
.university_box_02 .system_box .system { display: table; margin: 0 auto; }
.university_box_02 .system_box .system h3 { font-size: 24px; text-align: center; }
.university_box_02 .system_box .system p { font-size: 20px; text-align: center; }
.university_box_02 .system_box .system .pc-br { display: none; }
.university_box_02 .system_box .system .sp-img { display: table; margin: 30px auto; }
}
@media screen and (max-width: 500px) { 
.university_box_01 .school .two_box .text_box h3 .sp-br { display: block; }
.university_box_02 .system_box .system .sp-img img { max-width: 250px!important; }
.university_box_02 .system_box .system p { font-size: 16px; }
}



/*====================================================================
開設予定科目
====================================================================*/
.subject_back_01 { 
background: rgb(5,69,155);
background: linear-gradient(90deg, rgba(5,69,155,1) 0%, rgba(15,1,55,1) 100%);
}
.subject_back_02 { 
background:repeating-linear-gradient(
-75deg,
rgba(204, 204, 204, 0.2),
rgba(204, 204, 204, 0.2) 1px,
#fff0 0,
#fff0 10px
);
padding: 80px 15px;
}

.subject_content { 
max-width: 1000px;
margin: 0 auto;
}

.subject_content h2 {
text-align: center;
margin-bottom: 30px;
filter: drop-shadow(2px 2px 5px #ccc);
}
.subject_content h2 .sp-img {
display: none;
}

.subject_content p { 
color: #fff;
margin: 0;
}

.subject_content .text_ac { 
text-align: center;
}

.subject_content .subject_box { 
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 40px auto 60px auto;
}
.subject_content .subject_box .subject { 
width: 23.5%;
margin-right: 2%;
}
.subject_content .subject_box .subject:last-child { 
margin-right: 0;
}
.subject_content .subject_box .subject h3 { 
font-size: 18px;
line-height: 1.5em;
text-align: center;
color: #fff;
margin: 15px auto;
}
.subject_content .subject_box .subject p { 
font-size: 14px;
}
.subject_content .subject_box .subject img { 
width: 100%;
}



.subject_content .power_box { 
position: relative;
display: flex;
justify-content: flex-start;
align-items: stretch;
background: #1b2b71;
padding: 30px;
border-radius: 10px;
}
.subject_content .power_box .pc-img { 
position: absolute;
right: 60px;
bottom: 0;
}
.subject_content .power_box .title { 
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
line-height: 1.5em;
color: #fff;
background: rgb(230,107,74);
background: linear-gradient(180deg, rgba(230,107,74,1) 0%, rgba(84,69,148,1) 100%);
padding: 30px;
border-radius: 10px;
margin-right: 30px;
}
.subject_content .power_box .list ul { 
margin: 0;
padding: 0;
}
.subject_content .power_box .list li { 
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 20px;
line-height: 1.5em;
color: #fff;
padding-bottom: 20px;
}
.subject_content .power_box .list li:last-child { 
padding-bottom: 0;
}
.subject_content .power_box .list li .no { 
font-size: 30px;
font-weight: bold;
color: #eb613b;
margin-right: 15px;
}



@media screen and (max-width: 900px) { 
.subject_content .power_box .pc-img { display: none; }
}
@media screen and (max-width: 767px) { 
.subject_content { max-width: 600px; }
.subject_content h2 { border-bottom: 2px solid #fff; padding-bottom: 15px; }
.subject_content h2 .pc-img { display: none; }
.subject_content h2 .sp-img { display: table; margin: 0 auto; }
.subject_content .subject_box { display: block; }
.subject_content .subject_box .subject { display: inline-grid; width: 47%; margin: 0 1% 30px 1%; }
.subject_content .subject_box .subject:nth-child(3) { margin: 0 1% 0 1%; }
.subject_content .subject_box .subject:last-child { margin: 0 1% 0 1%; }
.subject_content .text_ac { text-align: left; }
    
.subject_content .power_box { display: block; }
.subject_content .power_box .title { padding: 20px 15px; margin-right: 0; margin-bottom: 30px; }
}
@media screen and (max-width: 500px) { 
.subject_content .subject_box .subject h3 { font-size: 14px; }
.subject_content .subject_box .subject p { font-size: 12px; }
}



/*====================================================================
学費
====================================================================*/
.tuition_back_01 { 
background: rgb(5,70,156);
background: linear-gradient(90deg, rgba(5,70,156,1) 0%, rgba(15,1,55,1) 100%);
}
.tuition_back_02 { 
max-width: 1300px;
margin: 0 auto;
background-image: url(../../renew2024/images-page/management_lp/tuition_parts_01.png), url(../../renew2024/images-page/management_lp/tuition_parts_02.png);
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
background-position: left top, right bottom;
padding: 80px 15px;
}

.tuition_content { 
max-width: 1000px;
margin: 0 auto;
}

.tuition_content h2 { 
text-align: center;
margin-bottom: 60px;
filter: drop-shadow(2px 2px 5px #ccc);
}
.tuition_content h2 .sp-img { 
display: none;
}

.tuition_content .about_box .total_box { 
display: flex;
justify-content: flex-start;
align-items: stretch;
margin-bottom: 60px;
}

.tuition_content .about_box .total_box .chart { 
width: 49%;
}
.tuition_content .about_box .total_box .chart table { 
width: 100%;
background: rgba(255, 255, 255, 0.2);
border: none;
margin: 0;
}
.tuition_content .about_box .total_box .chart th { font-size: 14px; line-height: 1.5em; color: #004098; padding: 10px; white-space: inherit; }
.tuition_content .about_box .total_box .chart td { font-size: 14px; line-height: 1.5em; text-align: center; color: #fff; padding: 10px; }
.tuition_content .about_box .total_box .chart .border-lnone { border-left: none; }
.tuition_content .about_box .total_box .chart .border-rnone { border-right: none; }
.tuition_content .about_box .total_box .chart .border-bnone { border-bottom: none; }
.tuition_content .about_box .total_box .chart .border-blue-r { border-right: 1px solid #004098; }
.tuition_content .about_box .total_box .chart .border-blue-b { border-bottom: 1px solid #004098; }

.tuition_content .about_box .total_box .chart ul { margin: 15px 0 0 0; padding: 0; }
.tuition_content .about_box .total_box .chart li { font-size: 12px; line-height: 1.5em; color: #fff; text-indent: -1em; padding-left: 1em; padding-bottom: 15px; }
.tuition_content .about_box .total_box .chart li:last-child { padding-bottom: 0; }

.tuition_content .about_box .total_box .chart .sp-table { display: none; }

.tuition_content .about_box .total_box .figure { 
width: 49%;
margin-left: 2%;
}

.tuition_content .about_box .total_box .figure { 
display: flex;
flex-direction: column;
justify-content: center;
background: rgba(255, 255, 255, 0.2);
padding: 30px;
}
.tuition_content .about_box .total_box .figure h3 {
font-size: 20px;
line-height: 1.5em;
text-align: center;
color: #fff;
margin-bottom: 30px;
}
.tuition_content .about_box .total_box .figure .photo_box { 
display: flex;
justify-content: center;
align-items: center;
}
.tuition_content .about_box .total_box .figure .photo_box .box_01 { 
width: 48%;
}
.tuition_content .about_box .total_box .figure .photo_box .box_02 { 
border-left: 1px solid #fff;
margin-left: 2%;
padding-left: 2%;
}



.tuition_content .about_box .title_box { 
width: 100%;
max-width: 800px;
margin: 0 auto;
padding: 30px;
background: rgb(230,107,74);
background: linear-gradient(180deg, rgba(230,107,74,1) 0%, rgba(84,69,148,1) 100%);
border-radius: 10px;
}
.tuition_content .about_box .title_box h3 { 
font-size: 20px;
line-height: 1.5em!important;
text-align: center;
color: #fff;
}
.tuition_content .about_box .title_box h3 .line { 
border-bottom: 1px solid #fff;
}
.tuition_content .about_box .title_box h3 .sp-br { 
display: none;
}



@media screen and (min-width: 1300px) { 
.tuition_back_02 { 
background-image: url(../../renew2024/images-page/management_lp/tuition_parts_01_zyozan.png), url(../../renew2024/images-page/management_lp/tuition_parts_02_zyozan.png);
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
background-position: left top, right bottom;
}
}
@media screen and (max-width: 767px) { 
.tuition_content { max-width: 600px; }
.tuition_content h2 { border-bottom: 2px solid #fff; padding-bottom: 15px; }
.tuition_content h2 .pc-img { display: none; }
.tuition_content h2 .sp-img { display: table; margin: 0 auto; }
.tuition_content .about_box { display: flex; flex-direction: column-reverse; }
.tuition_content .about_box .total_box { display: block; margin-top: 60px; margin-bottom: 0; }
.tuition_content .about_box .total_box .chart { width: 100%; }
.tuition_content .about_box .total_box .chart .pc-table { display: none; }
.tuition_content .about_box .total_box .chart .sp-table { display: block; }
.tuition_content .about_box .title_box h3 .pc-br { display: none; }
.tuition_content .about_box .title_box h3 .sp-br { display: block; }
.tuition_content .about_box .total_box .figure { width: 100%; margin-left: 0; margin-top: 30px; }
.tuition_content .about_box .total_box .figure .photo_box { display: block; }
.tuition_content .about_box .total_box .figure .photo_box .box_01 { width: 100%; text-align: center; }
.tuition_content .about_box .total_box .figure .photo_box .box_02 { width: 100%; text-align: center; border-left: none; margin-left: 0; padding-left: 0; margin-top: 30px; padding-top: 30px; border-top: 1px solid #fff; }
.tuition_content .about_box .total_box .figure .photo_box .box_01 img { width: 100%; max-width: 210px!important; }
.tuition_content .about_box .total_box .figure .photo_box .box_02 img { width: 100%; max-width: 265px!important; }
}



/*====================================================================
AOエントリー・学校説明会
====================================================================*/
.contact_back_01 { 
background: rgb(230,107,74);
background: linear-gradient(180deg, rgba(230,107,74,1) 0%, rgba(84,69,148,1) 100%);
}
.contact_back_02 { 
background:repeating-linear-gradient(
-75deg,
rgba(204, 204, 204, 0.2),
rgba(204, 204, 204, 0.2) 1px,
#fff0 0,
#fff0 10px
);
padding: 80px 15px;
}

.contact_content { 
max-width: 1000px;
margin: 0 auto;
}

.contact_content .contact_box { 
display: flex;
justify-content: center;
align-items: stretch;
}

.contact_content .contact_box .item_box { 
width: 47.5%;
background: #fff;
border-radius: 10px;
padding: 30px;
}
.contact_content .contact_box .item_box:last-child { 
margin-left: 5%;
}

.contact_content .contact_box .item_box h2 { 
font-size: 24px;
font-weight: bold;
line-height: 2em!important;
text-align: center;
color: #eb613b;
margin-bottom: 20px;
}
.contact_content .contact_box .item_box h2 .line { 
border-bottom: 2px solid #eb613b;
padding-bottom: 10px;
}
.contact_content .contact_box .item_box h2 .sp-br {
display: none;
}

.contact_content .contact_box .item_box h3 { 
font-size: 18px;
font-weight: bold;
line-height: 1.5em!important;
text-align: center;
margin-bottom: 20px;
}
.contact_content .contact_box .item_box h3 .sp-br { 
display: none;
}

.contact_content .contact_box .item_box .btn_01 a { 
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 1.5em;
color: #fff;
background: #eb613b;
padding: 15px;
border-radius: 30px;
}
.contact_content .contact_box .item_box .btn_01 a .delta { 
width: 15px;
height: 15px;
background: #fff;
clip-path: polygon(100% 50%, 0 0, 0 100%);
margin: 0 5px;
}
.contact_content .contact_box .item_box .btn_01 a:hover { 
opacity: 1;
}

.contact_content .contact_box .item_box .btn_02 a { 
position: relative;
display: table;
width: 100%;
max-width: 250px;
text-align: center;
font-size: 18px;
color: #fff;
background: rgb(230,107,74);
background: linear-gradient(90deg, rgba(230,107,74,1) 0%, rgba(84,69,148,1) 100%);
margin: 0 auto;
padding: 15px 20px;
border-radius: 30px;
filter: drop-shadow(5px 5px 5px #ccc);
}
.contact_content .contact_box .item_box .btn_02 a .arrow { 
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
}

.contact_content .contact_box .item_box ul {
margin: 0;
padding: 0;
}
.contact_content .contact_box .item_box li {
font-size: 14px; 
line-height: 1.5em; 
text-indent: -1em;
padding-left: 1em;
padding-bottom: 15px;
}
.contact_content .contact_box .item_box li:last-child { 
padding-bottom: 0;
}



@media screen and (max-width: 767px) { 
.contact_content { max-width: 600px; }
.contact_content .contact_box { display: block; }
.contact_content .contact_box .item_box { width: 100%; }
.contact_content .contact_box .item_box:last-child { margin-left: 0; margin-top: 60px; }
.contact_content .contact_box .item_box h3 .sp-br { display: block; }
.contact_content .contact_box .item_box .btn_01 a { flex-direction: column; font-size: 20px; border-radius: 10px; }
.contact_content .contact_box .item_box .btn_01 a .delta { clip-path: polygon(50% 100%, 0 0, 100% 0); margin: 10px 0; }
.contact_content .contact_box .item_box .btn_02 a { font-size: 20px; }
}
@media screen and (max-width: 500px) { 
.contact_content .contact_box .item_box { padding: 30px 15px; }
.contact_content .contact_box .item_box h2 .pc-br { display: none; }
.contact_content .contact_box .item_box h2 .sp-br { display: block; }
}



/*====================================================================

====================================================================*/