@charset "utf-8";



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


.common_title_01 { 
position: relative;
z-index: 1;
margin-bottom: 40px;
}
.common_title_01 h2 { 
display: flex;
justify-content: center;
align-items: center;
font-size: 50px;
font-weight: bold;
line-height: 1.5em;    
background: linear-gradient(180deg, #04acff 0%, #04acff 40%, #1b61ff 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.common_title_01 h2::before, .common_title_01 h2::after { 
content: '';
width: 5px;
height: 50px;
background: rgb(27,97,255);
background: linear-gradient(0deg, rgba(27,97,255,1) 0%, rgba(4,176,255,1) 100%);
}
.common_title_01 h2::after { 
margin-left: 20px;
transform: rotate(25deg);
}
.common_title_01 h2::before { 
margin-right: 20px;
transform: rotate(25deg);
}


.common_title_02 { 
position: relative;
z-index: 1;
margin-bottom: 80px;
}
.common_title_02 p { 
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
text-align: center;
margin: 0!important;
}
.common_title_02 p br { 
display: none; 
}
.common_title_02 h2 { 
display: flex;
justify-content: center;
align-items: flex-end;
font-size: 50px;
font-weight: bold;
line-height: 1.5em;    
background: linear-gradient(180deg, #04acff 0%, #04acff 40%, #1b61ff 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.common_title_02 h2::before, .common_title_02 h2::after { 
content: '';
width: 5px;
height: 80px;
background: rgb(27,97,255);
background: linear-gradient(0deg, rgba(27,97,255,1) 0%, rgba(4,176,255,1) 100%);
}
.common_title_02 h2::after { 
margin-left: 1.7em;
transform: rotate(15deg);
}
.common_title_02 h2::before { 
margin-right: 1.7em;
transform: rotate(15deg);
}


.common_title_03 { 
position: relative;
z-index: 1;
margin-bottom: 40px;
}
.common_title_03 h2 { 
display: flex;
justify-content: center;
align-items: center;
font-size: 50px;
font-weight: bold;
line-height: 1.5em;    
color: #fff;
}
.common_title_03 h2::before, .common_title_03 h2::after { 
content: '';
width: 5px;
height: 50px;
background: #fff;
}
.common_title_03 h2::after { 
margin-left: 20px;
transform: rotate(25deg);
}
.common_title_03 h2::before { 
margin-right: 20px;
transform: rotate(25deg);
}


@media screen and (max-width: 767px) {
.common_title_01 h2 { font-size: 40px; }
.common_title_02 h2 { font-size: 40px; }
.common_title_02 h2::after { margin-left: 2em; }
.common_title_02 h2::before { margin-right: 2em; }
.common_title_03 h2 { font-size: 40px; }
}
@media screen and (max-width: 500px) {
.common_title_01 h2 { font-size: 30px; }
.common_title_02 h2 { font-size: 30px; }
.common_title_02 h2::after { margin-left: 1.5em; }
.common_title_02 h2::before { margin-right: 1.5em; }
.common_title_02 p { font-size: 14px; }
.common_title_02 p br { display: block; }
.common_title_03 h2 { font-size: 30px; }
}



/*====================================================================
サッカーマネジメント・大学科
====================================================================*/
.main_back_01 { 
background: rgb(27,97,255);
background: linear-gradient(90deg, rgba(27,97,255,1) 0%, rgba(4,176,255,1) 100%);
margin-top: 80px;
}

.main_content { 
max-width: 1300px;
margin: 0 auto;
}

.main_content .photo_box { 
display: flex;
justify-content: center;
align-items: center;
}
.main_content .photo_box .item { 
position: relative;
width: 50%;
}
.main_content .photo_box .item img { 
width: 100%;
}
.main_content .photo_box .item .sp-img { 
display: none;
}
.main_content .photo_box .item span { 
position: absolute;
left: 10px;
top: 10px;
font-size: 14px;
line-height: 1em;
color: #111;
text-shadow: -2px -2px 0 #fff, -2px 0 0 #fff, -2px 2px 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 2px 2px 0 #fff;
}



.main_title_back { 
background: #00348c;
padding: 40px 15px 30px 15px;
}
.main_title_box { 
position: relative;
max-width: 1200px;
margin: 0 auto;
}

.main_title_box .sub_title_box { 
position: absolute;
top: -70px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.main_title_box .sub_title_box .delta { 
display: table;
width: 20px;
height: 12px;
background: #1f90ff;
clip-path: polygon(50% 100%, 0 0, 100% 0);
margin: -2px auto 0 auto;
}
.main_title_box .sub_title_box .sub_title { 
display: flex;
justify-content: center;
align-items: center;
background: #1f90ff;
clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);
padding: 5px 15px;
}
.main_title_box .sub_title_box .sub_title .sub { 
width: 70px;
font-size: 16px;
font-weight: bold;
line-height: 1em;
color: #00348c;
text-align: center;
background: #fff;
margin-right: 10px;
padding: 5px 0;
border-radius: 15px;
}
.main_title_box .sub_title_box .sub_title .main { 
font-size: 30px;
font-weight: bold;
line-height: 1.5em;
color: #fff;
}

.main_title_box .main_title { 
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
}
.main_title_box .main_title h2 { 
font-size: 70px;
font-weight: bold;
color: #fff;
}
#gizagiza a , #gizagiza a:after , #gizagiza a:before , #gizagiza a span {
content: "";
width: 50px;
height: 50px;
background: #fcee00;
position :absolute;
top: 0px;
}
#gizagiza , #gizagiza a , #gizagiza a:after , #gizagiza a:before {
-webkit-transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
}
#gizagiza a:hover { 
opacity: 1;
}
#gizagiza a span {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
text-align: center;
z-index: 1;
font-size: 20px;
font-weight: bold;
line-height: 50px;
}
#gizagiza {
position: relative;
width: 50px;
height: 50px;
background: #fcee00;
margin-right: 20px;
}



@media screen and (max-width: 767px) { 
.main_content .photo_box .item .pc-img { display: none; }
.main_content .photo_box .item .sp-img { display: block; }
.main_title_box .sub_title_box { max-width: 500px; }
.main_title_box .sub_title_box .sub_title .main { font-size: 24px; }
.main_title_box .main_title h2 { font-size: 7.5vw; }
}
@media screen and (max-width: 640px) { 
.main_back_01 { margin-top: 60px; }
}
@media screen and (max-width: 500px) { 
.main_content .photo_box .item span { font-size: 10px; }
.main_title_box .sub_title_box .sub_title .sub { width: 60px; font-size: 12px; }
.main_title_box .sub_title_box .sub_title .main { font-size: 4.5vw; }
#gizagiza a , #gizagiza a:after , #gizagiza a:before , #gizagiza a span { width: 40px; height: 40px; }
#gizagiza a span { font-size: 16px; line-height: 40px; }
#gizagiza { width: 40px; height: 40px; }
}



/*====================================================================
サッカーを総合的に学ぶ!×「大学卒業」!
====================================================================*/
.about_square_box_01 { 
position: relative;
max-width: 1300px;
margin: 0 auto;
}
.about_square_box_01 .square_01 { 
position: absolute;
left: -100px;
top: -130px;
}
.about_square_box_01 .square_01 img { 
width: 200px;
}


.about_back_01 { 
position: relative;
max-width: 1300px;
margin: 0 auto;
padding: 0 15px;
}
.about_back_01 .square_01 { 
position: absolute;
right: -50px;
top: 200px;
}
.about_back_01 .square_02 { 
position: absolute;
left: -70px;
bottom: 0;
}
.about_back_01 .square_02 img { 
width: 150px;
}

.about_content { 
max-width: 800px;
margin: 0 auto;
padding: 80px 0;
}

.about_content h2 { 
font-size: 40px;
font-weight: bold;
line-height: 1.5em;
text-align: center;
color: #1f90ff;
margin-bottom: 30px;
}
.about_content h3 { 
font-size: 30px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.about_content p { 
font-size: 18px;
line-height: 2em;
text-align: center;
margin: 0!important;
}
.about_content p .sp-br { 
display: none;
}

@media screen and (max-width: 767px) { 
.about_square_box_01 .square_01 { left: -90px; top: -100px; }
.about_square_box_01 .square_01 img { width: 150px; }
.square_box_01 .square_01 { left: -90px; top: -100px; }
.square_box_01 .square_01 img { width: 150px; }
.about_content h2 { font-size: 5.5vw; margin-bottom: 20px; }
.about_content h3 { font-size: 4.5vw; }
.about_content p { font-size: 16px; }
}
@media screen and (max-width: 500px) { 
.about_back_01 .square_01 { top: 140px; right: -80px; }
.about_back_01 .square_02 img { width: 120px; }
.about_content p { font-size: 3vw; }
.about_content p .sp-br { display: block; }
}



/*====================================================================
目指す職種
====================================================================*/
.occupation_back_01 { 
background: url(../../renew2024/images-top/parts/background_lightblue.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.occupation_back_02 { 
position: relative;
max-width: 1300px;
margin: 0 auto;
padding: 80px 15px;
}
.occupation_back_02 .square_01 { 
position: absolute;
right: -40px;
top: 80px;
}

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

.occupation_content .occupation_flex { 
display: flex;
justify-content: center;
align-items: flex-start;
margin-bottom: 80px;
}
.occupation_content .occupation_flex:last-child { 
margin-bottom: 0;
}
.occupation_content .occupation_flex .item_box { 
width: 48%;
}
.occupation_content .occupation_flex .item_box:last-child { 
margin-left: 4%;
}

.occupation_content .occupation_flex .item_box .photo { 
position: relative;
margin-bottom: 15px;
}
.occupation_content .occupation_flex .item_box .photo span { 
position: absolute;
right: 10px;
bottom: 10px;
font-size: 14px;
line-height: 1em;
color: #111;
text-shadow: -2px -2px 0 #fff, -2px 0 0 #fff, -2px 2px 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 2px 2px 0 #fff;
}

.occupation_content .occupation_flex .item_box .border { 
display: table;
margin: 10px auto;
width: 30px;
height: 5px;
background: rgb(27,98,255);
background: linear-gradient(90deg, rgba(27,98,255,1) 0%, rgba(3,176,255,1) 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.occupation_content .occupation_flex .item_box h3 { 
font-size: 24px;
font-weight: bold;
text-align: center;
}
.occupation_content .occupation_flex .item_box h3 .c_blue { 
color: #319bfc;
}

.occupation_content .occupation_flex .item_box p { 
line-height: 1.7em;
margin: 0!important;
}

.occupation_content .occupation_flex .item_box a { 
position: relative;
width: 100%;
max-width: 300px;
display: block;
font-size: 20px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: rgb(27,98,255);
background: linear-gradient(90deg, rgba(27,98,255,1) 0%, rgba(3,176,255,1) 100%);
border-radius: 50px;
margin: 15px auto 0 auto;
padding: 10px 30px 10px 15px;
}
.occupation_content .occupation_flex .item_box a .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
font-weight: normal;
}

@media screen and (max-width: 767px) { 
.occupation_content .occupation_flex .item_box h3 { font-size: 20px; }
.occupation_content .occupation_flex .item_box p { font-size: 14px; }
.occupation_content .occupation_flex .item_box a { font-size: 16px; }
}
@media screen and (max-width: 500px) {
.occupation_content .occupation_flex { margin-bottom: 60px; }
.occupation_content .occupation_flex .item_box .photo span { font-size: 10px; right: 5px; bottom: 5px; }
.occupation_content .occupation_flex .item_box h3 { font-size: 18px; text-align: left; }
.occupation_content .occupation_flex .item_box h3 br { display: none; }
.occupation_content .occupation_flex .item_box a { font-size: 2.5vw; }
}



/*====================================================================
タイムテーブル
====================================================================*/
.time-table_square_box_01 { 
position: relative;
max-width: 1300px;
margin: 0 auto;
}
.time-table_square_box_01 .square_01 { 
position: absolute;
left: -40px;
top: -80px;
}

.time-table_content_back_01 { 
padding: 80px 15px;
}

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

.time-table_content p { 
font-size: 14px;
margin: 0!important;
}

.time-table_content .time-table { 
width: 1000px;
}
.time-table_content .time-table img { 
width: 100%;
}

@media screen and (max-width: 767px) { 

}



/*====================================================================
POINT
====================================================================*/
.point_square_box_01 { 
position: relative;
max-width: 1300px;
margin: 0 auto;
}
.point_square_box_01 .square_01 { 
position: absolute;
right: -80px;
top: -50px;
}
.point_square_box_01 .square_01 img { 
width: 200px;
}


.point_content_back_01 { 
background: url(../../renew2024/images-top/parts/background_lightblue.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.point_content_back_02 { 
max-width: 1300px;
margin: 0 auto;
padding: 80px 15px;
}

.point_content { 
max-width: 800px;
margin: 0 auto;
}

.point_content .point_flow { 
position: relative;
max-width: 700px;
background: #fff;
margin: 0 auto;
padding: 50px 30px 30px 30px;
border-radius: 20px;
}

.point_content .point_flow .flow_title_box { 
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 100%;
max-width: 630px;
margin: 0 auto;
padding: 0 15px;
}
.point_content .point_flow .flow_title_box .delta { 
display: table;
width: 20px;
height: 12px;
background: #00348c;
clip-path: polygon(50% 100%, 0 0, 100% 0);
margin: -2px auto 0 auto;
}
.point_content .point_flow .flow_title_box .flow_title { 
background: #00348c;
clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);
padding: 10px 15px;
}
.point_content .point_flow .flow_title_box .flow_title h3 { 
font-size: 30px;
font-weight: bold;
text-align: center;
color: #fff;
}

.point_content .point_flow p { 
font-size: 14px;
margin: 0!important;
}

.point_content .point_flow #nagare-box img { 
display: block;
margin: 0 auto 30px auto;
}

@media screen and (max-width: 767px) { 
.point_square_box_01 .square_01 { top: -70px; }
.point_square_box_01 .square_01 img { width: 150px; }
.point_content .point_flow .flow_title_box { max-width: 500px; }
.point_content .point_flow .flow_title_box .flow_title h3 { font-size: 24px; }
}
@media screen and (max-width: 500px) { 
.point_content .point_flow { padding: 50px 15px 30px 15px; }
.point_content .point_flow .flow_title_box .flow_title h3 { font-size: 20px; }
}



/*====================================================================
ピックアップ
====================================================================*/
.pick-up_content_back_01 { 
background: rgb(106,150,255);
background: linear-gradient(0deg, rgba(99,211,255,1) 0%, rgba(106,150,255,1) 100%);
}
.pick-up_content_back_02 { 
position: relative;
max-width: 1000px;
margin: 0 auto;
padding: 80px 0;
}
.pick-up_content_back_02 .square_01 { 
position: absolute;
right: 30px;
top: 130px;
}
.pick-up_content_back_02 .square_01 img { 
width: 120px;
}
.pick-up_content_back_02 .square_02 { 
position: absolute;
left: 35px;
bottom: 30px;
}
.pick-up_content_back_02 .square_02 img { 
position: relative;
z-index: 2;
width: 120px;
}

.pick-up_content { 
max-width: 830px;
margin: 0 auto;
padding: 0 15px;
}

.pick-up_content .pick-up_box .text_box { 
position: relative;
z-index: 1;
background: #fff;
border-radius: 20px;
margin: -40px 30px 0 30px;
padding: 30px;
}
.pick-up_content .pick-up_box .text_box .border { 
display: table;
margin: 10px auto;
width: 30px;
height: 5px;
background: rgb(27,98,255);
background: linear-gradient(90deg, rgba(27,98,255,1) 0%, rgba(3,176,255,1) 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.pick-up_content .pick-up_box .text_box h3 { 
font-size: 30px;
font-weight: bold;
text-align: center;
}
.pick-up_content .pick-up_box .text_box h3 .c_blue { 
color: #319bfc;
}
.pick-up_content .pick-up_box .text_box p { 
margin: 0!important;
}

@media screen and (max-width: 1000px) { 
.pick-up_content_back_02 .square_01 { right: -30px; }
.pick-up_content_back_02 .square_02 { left: -50px; }
}
@media screen and (max-width: 767px) { 
.pick-up_content_back_02 .square_01 { right: -50px; }
.pick-up_content_back_02 .square_02 { left: -80px; }
.pick-up_content .pick-up_box .text_box { margin: -40px 15px 0 15px; padding: 30px 15px; }
}
@media screen and (max-width: 600px) { 
.pick-up_content .pick-up_box .text_box h3 { font-size: 24px; }
}
@media screen and (max-width: 500px) { 
.pick-up_content .pick-up_box .text_box h3 { font-size: 5vw; }
.pick-up_content .pick-up_box .text_box p { font-size: 14px; }
}



/*====================================================================
サッカー総合･大学 入試試験　学校説明会に参加しよう!
====================================================================*/
.contact_back_01 { 
padding: 100px 0 80px 0;
}

.contact_back_02 { 
position: relative;
max-width: 1000px;
margin: 0 auto;
}
.contact_back_02 .square_01 { 
position: absolute;
left: 0;
bottom: -60px;
}
.contact_back_02 .square_01 img { 
width: 120px;
}

.contact_content { 
max-width: 830px;
margin: 0 auto;
padding: 0 15px;
}

.contact_content .contact_box { 
position: relative;
background: #d0e8ff;
padding: 60px 30px 30px 30px;
border-radius: 20px;
}

.contact_content .contact_box .contact_title_box { 
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 100%;
max-width: 630px;
margin: 0 auto;
padding: 0 15px;
}
.contact_content .contact_box .contact_title_box .delta { 
display: table;
width: 20px;
height: 12px;
background: #00348c;
clip-path: polygon(50% 100%, 0 0, 100% 0);
margin: -2px auto 0 auto;
}
.contact_content .contact_box .contact_title_box .contact_title { 
background: #00348c;
clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);
padding: 10px 15px;
}
.contact_content .contact_box .contact_title_box .contact_title h3 { 
font-size: 30px;
font-weight: bold;
text-align: center;
color: #fff;
}

.contact_content .contact_box h4 { 
font-size: 40px;
font-weight: bold;
line-height: 1.5em;
text-align: center;
margin-bottom: 30px;
}
.contact_content .contact_box h4 .c_blue { 
color: #319bfc;
}

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

.contact_content .contact_box a {
position: relative;
width: 100%;
max-width: 400px;
display: block;
font-size: 20px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: rgb(27,98,255);
background: linear-gradient(90deg, rgba(27,98,255,1) 0%, rgba(3,176,255,1) 100%);
border-radius: 50px;
margin: 0 auto;
padding: 10px 30px 10px 15px;
}
.contact_content .contact_box a .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
font-weight: normal;
}

@media screen and (max-width: 767px) { 
.contact_back_02 .square_01 { left: -30px; }
.contact_content .contact_box .contact_title_box .contact_title h3 { font-size: 24px; }
.contact_content .contact_box { padding: 40px 15px 30px 15px; }
.contact_content .contact_box h4 { font-size: 30px; }
}
@media screen and (max-width: 500px) { 
.contact_content .contact_box .contact_title_box .contact_title h3 { font-size: 20px; }
.contact_content .contact_box h4 { font-size: 6vw; }
.contact_content .contact_box li { font-size: 14px; }
}



/*====================================================================
学費
====================================================================*/
.tuition_back_01 {
background: url(../../renew2024/images-top/parts/background_lightblue.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 80px 0;
}

.tuition_back_02 { 
position: relative;
max-width: 1000px;
margin: 0 auto;
}
.tuition_back_02 .square_01 { 
position: absolute;
right: 0;
top: 0;
}
.tuition_back_02 .square_02 { 
position: absolute;
left: 0;
bottom: -30px;
}
.tuition_back_02 .square_02 img { 
width: 120px;
}


.tuition_content { 
max-width: 830px;
margin: 0 auto;
padding: 0 15px
}

.tuition_content .tuition_title_01 { 
background: #ffffff;
padding: 30px 15px;
border-radius: 20px;
filter: drop-shadow(5px 5px 5px #ccc);
margin-bottom: 60px;
}
.tuition_content .tuition_title_01 h4 {
font-size: 40px;
font-weight: bold;
line-height: 1.5em;
text-align: center;
}
.tuition_content .tuition_title_01 h4 .large {
display: table;
font-size: 50px;
color: #00348c;
background: #fbee01;
margin: 10px auto 0 auto;
}

.tuition_content table { 
width: 100%;
margin: 0 auto;
border: none;
}
.tuition_content th {
width: auto;
font-size: 18px;
color: #004098;
background: #d0e8ff;
border: 1px solid #004098;
padding: 15px 5px;
}
.tuition_content td { 
font-size: 18px;
line-height: 1.5em;
text-align: center;
background: #f4f9ff;
border: 1px solid #004098;
padding: 15px 5px;
}
.tuition_content .border_r-none { 
border-right: none;
}
.tuition_content .border_l-none { 
border-left: none;
}

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

.tuition_content .tuition_box_01 { 
background: #ffffff;
padding: 50px 15px 30px 15px;
border-radius: 20px;
filter: drop-shadow(5px 5px 5px #ccc);
}

.tuition_content .tuition_box_01 .photo { 
text-align: center;
}
.tuition_content .tuition_box_01 .photo img { 
width: 100%;
max-width: 500px!important;
}

.tuition_content .tuition_box_01 .tuition_title_box { 
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 100%;
max-width: 630px;
margin: 0 auto;
padding: 0 15px;
}
.tuition_content .tuition_box_01 .tuition_title_box .delta { 
display: table;
width: 20px;
height: 12px;
background: #00348c;
clip-path: polygon(50% 100%, 0 0, 100% 0);
margin: -2px auto 0 auto;
}
.tuition_content .tuition_box_01 .tuition_title_box .tuition_title { 
background: #00348c;
clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);
padding: 10px 15px;
}
.tuition_content .tuition_box_01 .tuition_title_box .tuition_title h3 { 
font-size: 30px;
font-weight: bold;
text-align: center;
color: #fff;
}

@media screen and (max-width: 767px) { 
.tuition_back_02 .square_01 { right: -50px; }
.tuition_back_02 .square_02 { left: -50px; }
.tuition_content .tuition_title_01 h4 { font-size: 6vw; }
.tuition_content .tuition_title_01 h4 .large { font-size: 7vw; }
.tuition_content th { font-size: 16px; }
.tuition_content td { font-size: 16px; }
.tuition_content .tuition_box_01 .tuition_title_box .tuition_title h3 { font-size: 24px; }
}
@media screen and (max-width: 500px) { 
.tuition_content th { font-size: 14px; }
.tuition_content td { font-size: 14px; }
.tuition_content .tuition_box_01 { padding: 40px 15px 30px 15px; }
.tuition_content .tuition_box_01 .tuition_title_box .tuition_title h3 { font-size: 20px; }
}



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

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