@charset "utf-8";

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

====================================================================*/
.page_back01 { 
background-color: #f6f0e1;
width: 100%;
background-image: url(../images/foot_img/footer_back.png);
background-repeat: repeat;
padding: 80px 0;
}
.page_wrap { 
padding: 0 15px; 
}
.page_content { 
max-width: 1200px; 
margin: 0 auto;
font-family: serif;
}

.page_content h2 { 
font-size: 24px;
line-height: 1.5em;
text-align: left!important;
background: #fff;
border-left: 10px solid #6ABD79;
margin-bottom: 30px!important;
padding: 15px;
box-shadow: 5px 5px 7px -5px #777777;
}
.page_content h2 .large { 
font-size: 40px;
color: #6ABD79;
}
.page_content h2 .sp-br { display: none; }

.page_content p { 
font-size: 16px;
line-height: 1.5em;
}

.page_content a:hover { 
opacity: 0.6;
}

.page-space { 
display: block; 
height: 80px; 
}
.page-space02 { 
display: block; 
height: 40px; 
}

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

@media (max-width: 767px){
.page_content h2 { font-size: 20px; }
.page_content h2 .large { font-size: 30px; }
.page_content p { font-size: 14px; }
}
@media (max-width: 500px){
.page_content h2 .sp-br { display: block; }
}



/*====================================================================
キービジュアル
====================================================================*/
.key-visual { 
width: 100%;
max-width: 100%;
margin: 0 auto 30px auto;
}
.key-visual img {
width: 100%;
}
.key-visual .sp-kv { 
display: none;
}

@media (max-width: 767px){
.key-visual .pc-kv { display: none; }
.key-visual .sp-kv { display: block; }
}



/*====================================================================
学科タイトル
====================================================================*/
.gakka_title_wrap { 
padding: 0 15px;
}
.gakka_title { 
max-width: 1200px;
margin: 0 auto;
font-family: serif;
}

.gakka_title .main_title { 
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.gakka_title .main_title h2 { 
display: flex;
justify-content: center;
align-items: center;
font-size: 40px;
margin-bottom: 0!important;
}
.gakka_title .main_title .gakubu { 
display: table;
font-size: 20px;
line-height: 1em;
color: #fff;
background: #6ABD79;
border-radius: 10px;
margin-right: 15px;
padding: 10px;
}
.gakka_title .main_title h2 .nen { 
font-size: 20px;
line-height: 1em;
color: #6ABD79;
background: #fff;
border: 1px solid #6ABD79;
margin-left: 15px;
padding: 5px 10px;
}

.gakka_title .bunya_list { 
border-top: 1px solid #6ABD79;
border-bottom: 1px solid #6ABD79;
padding: 5px 0 15px 0;
}
.gakka_title .bunya_list h3 { 
font-size: 20px;
line-height: 1.5em;
text-align: center;
color: #6ABD79;
border-bottom: 1px solid #6ABD79;
margin-bottom: 15px;
padding-bottom: 5px;
}
.gakka_title .bunya_list ul {
margin-bottom: 0;
}
.gakka_title .bunya_list li {
display: flex;
justify-content: flex-start;
align-items: center;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif!important;
font-size: 16px;
padding-bottom: 15px;
}
.gakka_title .bunya_list li:last-child { 
padding-bottom: 0;
}
.gakka_title .bunya_list li .block {
display: inline-block;
margin-right: 5px;
text-indent: -1em;
padding-left: 1em;
}
.gakka_title .bunya_list li .block:last-child {
margin-right: 0;
}
.gakka_title .bunya_list li .bunya { 
width: 100%;
max-width: 150px;
font-size: 16px;
font-weight: bold;
line-height: 1em;
text-align: center;
color: #6ABD79;
margin-right: 15px;
}
.gakka_title .bunya_list li .c_pink { color: #e2808d; }
.gakka_title .bunya_list li .c_blue { color: #498bca; }
.gakka_title .bunya_list li .c_green { color: #6ABD79; }

@media (max-width: 900px){
.gakka_title .main_title h2 { font-size: 30px; }
}
@media (max-width: 767px){
.gakka_title .main_title { display: table; margin: 0 auto 20px auto; }
.gakka_title .main_title .gakubu { margin-right: 0; }
.gakka_title .main_title h2 { font-size: 30px; text-align: left!important; flex-direction: column; align-items: flex-start; }
.gakka_title .main_title h2 .nen { margin-left: 0; }
.gakka_title .bunya_list li { flex-direction: column; align-items: flex-start; }
.gakka_title .bunya_list li .bunya { max-width: 100%; text-align: left; margin-right: 0; margin-bottom: 5px; }
}



/*====================================================================
大学･短大併修制度とは
====================================================================*/
.about_content { 
background: #fff;
padding: 30px 15px;
box-shadow: 5px 5px 7px -5px #777777;
}
.about_content .box-parent {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}   
.about_content .box-child {
width: 49%;
height: auto;
display: flex;
flex-direction: column;
border: 1px solid #6ABD79;
padding: 15px;
}
.about_content .box-child:last-child { 
margin-left: 2%;
}
.about_content .box-child img { 
margin-bottom: 15px;
}
.about_content .box-child-title {
width: 100%;
}
.about_content .box-child-title p { 
margin-bottom: 0;
}
.about_content .box-child-title p .point { 
background: #fff100;
}
.about_content .box-child-text {
width: 100%;
flex-grow: 1;
}

.about_content .learning { 
background: #fff;
border: 3px solid #6ABD79;
padding: 15px;
}
.about_content .learning h3 {
font-size: 24px;
line-height: 2em;
text-align: center;
color: #111;
margin-bottom: 0;
}
.about_content .learning h3 .point { 
font-size: 30px;
line-height: 1.2em;
color: #fff;
background: #6ABD79;
padding: 2px 10px;
}
.about_content .learning h3 .sp-br {
display: none;
}

.about_content .one_box { 
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #6ABD79;
margin-bottom: 30px;
padding: 15px;
}
.about_content .one_box .box { 
width: 49%;
}
.about_content .one_box .box:last-child { 
margin-left: 2%;
}
.about_content .one_box .box p {
line-height: 2em;
margin-bottom: 0;
}
.about_content .one_box .box p .point { 
background: #fff100;
}

@media (max-width: 767px){
.about_content .box-child { width: 100%; }
.about_content .box-child:last-child { margin-left: 0; margin-top: 15px; }
.about_content .box-parent { flex-direction: column; }
.about_content .learning h3 .sp-br { display: block }
.about_content .one_box { flex-direction: column; }
.about_content .one_box .box { width: 100%; }
.about_content .one_box .box:last-child { margin-left: 0; margin-top: 15px; }
}
@media (max-width: 500px){
.about_content .learning h3 { font-size: 4.5vw; }
.about_content .learning h3 .point { font-size: 5.5vw; }
}



/*====================================================================
大学併修の学び方
====================================================================*/
.learning_content { 
background-color: #fff;
padding: 30px 15px;
box-shadow: 5px 5px 7px -5px #777777;
}

.learning_content .learning_box .title01 { 
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.learning_content .learning_box .title01 h3 {
display: table;
font-size: 24px;
line-height: 1.5em;
color: #fff;
background: #d4b667;
border-radius: 10px;
margin-bottom: 0;
margin-left: 15px;
padding: 5px 15px;
}

.learning_content .learning_box .title02 { 
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.learning_content .learning_box .title02 p { 
font-size: 18px;
text-align: center;
margin-bottom: 0;
}
.learning_content .learning_box .title02 h3 {
display: table;
font-size: 24px;
line-height: 1.5em;
color: #fff;
background: #0081cc;
border-radius: 10px;
margin-bottom: 0;
margin-right: 15px;
padding: 5px 15px;
}

.learning_content .box-parent {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
}   
.learning_content .box-child {
width: 49%;
height: auto;
display: flex;
flex-direction: column;
border: 1px solid #6ABD79;
padding: 15px;
}
.learning_content .box-child:last-child { 
margin-left: 2%;
}
.learning_content .box-child img { 
margin-bottom: 15px;
}
.learning_content .box-child-title {
width: 100%;
}
.learning_content .box-child-title p { 
margin-bottom: 0;
}
.learning_content .box-child-title p .point { 
background: #fff100;
}
.learning_content .box-child-title .small { 
font-size: 12px;
}
.learning_content .box-child-text {
width: 100%;
flex-grow: 1;
}
.learning_content .box-parent .bo_blue { 
border: 1px solid #0081cc;
}

.learning_content .plus { 
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 30px;
line-height: 1em;
color: #fff;
background: #6ABD79;
border-radius: 50%;
margin: 30px auto;
}

.learning_content .one_box { 
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #6ABD79;
padding: 15px;
}
.learning_content .one_box .box { 
width: 49%;
}
.learning_content .one_box .box:last-child { 
margin-left: 2%;
}
.learning_content .one_box .box p {
line-height: 2em;
margin-bottom: 0;
}
.learning_content .one_box .box p .point { 
background: #fff100;
}

@media (max-width: 767px){
.learning_content .box-child { width: 100%; }
.learning_content .box-child:last-child { margin-left: 0; margin-top: 15px; }
.learning_content .box-parent { flex-direction: column; }    
.learning_content .learning_box .title01 { flex-direction: column; }
.learning_content .learning_box .title01 h3 { margin-left: 0; margin-top: 15px; }
.learning_content .learning_box .title02 { flex-direction: column; }
.learning_content .learning_box .title02 h3 { margin-right: 0; margin-bottom: 15px; }
.learning_content .one_box { flex-direction: column; }
.learning_content .one_box .box { width: 100%; }
.learning_content .one_box .box:last-child { margin-left: 0; margin-top: 15px; }
}



/*====================================================================
学びの特色
====================================================================*/
.features_content { 
background-color: #fff;
padding: 30px 15px;
box-shadow: 5px 5px 7px -5px #777777;
}
.features_content h3 { 
font-size: 40px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: #6ABD79;
margin-bottom: 30px;
padding: 10px 15px;
}

.features_content .sub_title { 
margin-bottom: 30px;
}
.features_content .sub_title .sp-br {
display: none;
}
.features_content .sub_title .box01 { 
display: flex;
justify-content: center;
align-items: stretch;
margin-top: 10px;
}
.features_content .sub_title .box02 { 
text-align: center;
margin-top: 15px;
}
.features_content .sub_title p { 
font-size: 30px;
text-align: center;
margin: 0;
}
.features_content .sub_title .point01 { 
display: table;
width: 100%;
max-width: 350px;
font-size: 30px;
line-height: 1.2em;
text-align: center;
color: #fff;
background: #6ABD79;
padding: 10px 5px;
}
.features_content .sub_title .point01 .small01 { 
display: table;
font-size: 16px;
line-height: 1.2em;
text-align: left;
margin: 0 auto;
}
.features_content .sub_title .point01 .small02 { 
font-size: 16px;
line-height: 1.2em;
}
.features_content .sub_title .point02 { 
background: #fff100;
}
.features_content .sub_title .plus { 
display: flex;
justify-content: center;
align-items: center;
margin: 0 10px;
}
.features_content .sub_title .b_blue { 
background: #0081cc;
}

.features_content .flow_box .photo_box { 
width: 1170px;
border: 1px solid #ccc;
margin: 0 auto 10px auto;
}
.features_content .flow_box p { 
font-size: 14px;
margin-bottom: 0;
}
 
@media (max-width: 767px){
.features_content h3 { font-size: 30px; }
.features_content .sub_title p { font-size: 24px; }
.features_content .sub_title .point01 { font-size: 24px; }
.features_content .sub_title .point01 .small01 { font-size: 14px; }
.features_content .sub_title .point01 .small02 { font-size: 14px; }
}
@media (max-width: 500px){
.features_content .sub_title .sp-br { display: block; }
.features_content .sub_title p { font-size: 20px; }
.features_content .sub_title .point01 { font-size: 20px; }
.features_content .sub_title .point01 .small01 { font-size: 12px; }
.features_content .sub_title .point01 .small02 { font-size: 12px; display: table; margin: 0 auto; }
.features_content .sub_title .plus { margin: 0 5px; }
}



/*====================================================================
卒業できる大学
====================================================================*/
.kaishi_content { 
background: #fff;
padding: 30px 15px;
box-shadow: 5px 5px 7px -5px #777777;
}

.kaishi_content p {
font-size: 14px;
text-align: center;
}

.kaishi_content .main_img { 
max-width: 800px;
margin: 0 auto 15px auto;
}

.kaishi_content .link-btn a { 
display: table;
width: 100%;
max-width: 300px;
font-size: 16px;
text-align: center;
color: #fff;
background: #0081cc;
border-radius: 10px;
margin: 0 auto;
padding: 10px 15px;
}

@media (max-width: 767px){

}



/*====================================================================
カリキュラム
====================================================================*/
.curriculum_content { 
background: #fff;
padding: 30px 15px;
box-shadow: 5px 5px 7px -5px #777777;
}

.curriculum_content .main_title { 
margin-bottom: 30px;
}
.curriculum_content .main_title h3 { 
display: table;
font-size: 24px;
line-height: 1.2em;
color: #fff;
background: #6ABD79;
margin-bottom: 10px;
padding: 10px 30px 10px 10px;
clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);
}
.curriculum_content .main_title p { 
line-height: 2em;
margin-bottom: 0;
}
.curriculum_content .main_title p .b_blue { 
color: #fff;
background: #0081cc;
padding: 3px 5px;
}
.curriculum_content .main_title p .b_green { 
color: #fff;
background: #6ABD79;
padding: 3px 5px;
}
.curriculum_content .main_title .b_blue { 
background: #0081cc;
}
.curriculum_content .main_title .sp-br { 
display: none;
}

.curriculum_content .point_box { 
border: 1px solid #0081cc;
margin-bottom: 30px;
padding: 15px;
}
.curriculum_content .point_box ul { 
margin-bottom: 0;
}
.curriculum_content .point_box li { 
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 16px;
line-height: 1.5em;
border-bottom: 1px solid #0081cc;
margin-bottom: 15px;
padding-bottom: 15px;
}
.curriculum_content .point_box li:last-child { 
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.curriculum_content .point_box li strong { 
display: table;
width: 100%;
max-width: 100px;
text-align: center;
color: #fff;
background: #0081cc;
margin-right: 15px;
padding: 5px 5px;
}

.curriculum_content .box-parent {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}   
.curriculum_content .box-child {
width: 49%;
height: auto;
display: flex;
flex-direction: column;
border: 1px solid #0081cc;
padding: 15px;
}
.curriculum_content .box-child:last-child { 
margin-left: 2%;
}
.curriculum_content .box-child img { 
margin-bottom: 15px;
}
.curriculum_content .box-child-title {
width: 100%;
}
.curriculum_content .box-child-title p { 
margin-bottom: 0;
}
.curriculum_content .box-child-title p .point { 
background: #fff100;
}
.curriculum_content .box-child-title p strong { 
display: block;
font-size: 20px;
border-bottom: 1px solid #ccc;
margin: 10px auto;
padding-bottom: 10px;
}
.curriculum_content .box-child-text {
width: 100%;
flex-grow: 1;
}

.curriculum_content .list_box p {
margin-bottom: 0;
}
.curriculum_content .list_box ul { 
background: #e6f4fd;
margin-bottom: 10px;
padding: 15px;
}
.curriculum_content .list_box li { 
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 16px;
line-height: 1.5em;
border-bottom: 1px solid #bbb;
margin-bottom: 15px;
padding-bottom: 15px;
}
.curriculum_content .list_box li:last-child { 
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.curriculum_content .list_box li strong { 
display: table;
width: 100%;
max-width: 120px;
font-size: 14px;
text-align: center;
color: #fff;
background: #f8b62d;
margin-right: 15px;
padding: 5px 5px;
}
.curriculum_content .list_box li .block { 
display: inline-block;
margin-right: 5px;
text-indent: -1em;
padding-left: 1em;
}
.curriculum_content .list_box li .block:last-child { 
margin-right: 0;
}
.curriculum_content .list_box .title {
display: block;
text-align: center;
color: #fff;
border-bottom: none;
background: #0081cc;
padding: 5px 15px;
}
.curriculum_content .list_box .b01 { background: #fffde5; }
.curriculum_content .list_box .b02 { background: #e2808d; }
.curriculum_content .list_box .b03 { background: #eba8a9; }
.curriculum_content .list_box .b04 { background: #498bca; }
.curriculum_content .list_box .b05 { background: #8aadd4; }

.curriculum_content .learn_wish h3 { 
font-size: 30px;
line-height: 1.5em;
text-align: center;
color: #111;
}
.curriculum_content .learn_wish h3 .small { 
font-size: 24px;
background: #fff100;
border-radius: 10px;
margin-right: 10px;
padding: 5px 10px;
}
.curriculum_content .learn_wish h3 .sp-br { 
display: none;
}
.curriculum_content .learn_wish .active h4 { 
font-size: 24px;
line-height: 1.5em;
text-align: center;
color: #111;
margin-bottom: 0;
}
.curriculum_content .learn_wish .active h4 .sp-br { 
display: none; 
}
.curriculum_content .learn_wish .active h4 span { 
background: linear-gradient(transparent 60%, #fbee01 30%);
}

.curriculum_content .learn_wish .three_box { 
margin-bottom: 30px;
}
.curriculum_content .learn_wish .three_box ul { 
display: flex;
justify-content: space-around;
align-items: stretch;
margin-bottom: 0;
}
.curriculum_content .learn_wish .three_box li { 
border: 1px solid #6ABD79;
}
.curriculum_content .learn_wish .three_box li { width: 30%; }
.curriculum_content .learn_wish .three_box li:nth-child(2n) { width: 5%; display: flex; justify-content: center; align-items: center; border: none; }
.curriculum_content .learn_wish .three_box .plus { 
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 40px;
height: 40px;
font-size: 20px;
line-height: 1em;
color: #fff;
background: #6ABD79;
border-radius: 50%;
}
.curriculum_content .learn_wish .three_box .photo_box img { 
width: 100%;
}
.curriculum_content .learn_wish .three_box .text_box { 
padding: 15px;
}
.curriculum_content .learn_wish .three_box .text_box h4 { 
font-size: 30px;
line-height: 1.5em;
text-align: center;
color: #6ABD79;
margin-bottom: 10px;
}
.curriculum_content .learn_wish .three_box .text_box p { 
text-align: center;
margin-bottom: 15px;
}
.curriculum_content .learn_wish .three_box .text_box .point01 { 
font-size: 24px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: #6ABD79;
margin-bottom: 15px;
padding: 5px 10px;
}
.curriculum_content .learn_wish .three_box .text_box .point01:last-child { 
margin-bottom: 0;
}
.curriculum_content .learn_wish .three_box .text_box .point01 span { 
font-size: 14px;
}
.curriculum_content .learn_wish .three_box .text_box .point02 { 
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 16px;
line-height: 1.5em;
color: #fff;
background: #6ABD79;
margin-bottom: 15px;
padding: 5px 10px;
}
.curriculum_content .learn_wish .three_box .text_box .point02:last-child { 
margin-bottom: 0;
}
.curriculum_content .learn_wish .three_box .text_box .point02 img {
max-width: 60px!important;
margin-right: 10px;
}


@media (max-width: 767px){
.curriculum_content .point_box li { display: block; font-size: 14px; }
.curriculum_content .point_box li strong { margin-right: 0; margin-bottom: 5px; }
.curriculum_content .box-child { width: 100%; }
.curriculum_content .box-child:last-child { margin-left: 0; margin-top: 15px; }
.curriculum_content .box-parent { flex-direction: column; }
.curriculum_content .list_box li { display: block; font-size: 14px; }
.curriculum_content .list_box li strong { margin-right: 0; margin-bottom: 5px; }
.curriculum_content .learn_wish .three_box ul { flex-direction: column; }
.curriculum_content .learn_wish .three_box li { width: 100%; }
.curriculum_content .learn_wish .three_box li:nth-child(2n) { width: 100%; margin: 15px 0; }
.curriculum_content .learn_wish .active h4 .sp-br { display: block; }
}
@media (max-width: 500px){
.curriculum_content .main_title .sp-br { display: block; }
.curriculum_content .learn_wish h3 { font-size: 24px; }
.curriculum_content .learn_wish h3 .small { font-size: 18px; }
.curriculum_content .learn_wish h3 .sp-br { display: block; }
.curriculum_content .learn_wish .active h4 { font-size: 20px; }
}



/*====================================================================
学生の声
====================================================================*/
.voice_content { 
background: #fff;
padding: 30px 15px;
box-shadow: 5px 5px 7px -5px #777777;
}

.voice_content .box-parent {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
}   
.voice_content .box-child {
width: 49%;
height: auto;
display: flex;
flex-direction: column;
background: #edf4eb;
padding: 15px;
}
.voice_content .box-child:last-child { 
margin-left: 2%;
}
.voice_content .box-child .photo_box { 
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: #6ABD79;
margin: 0 auto 15px auto;
}
.voice_content .box-child .photo_box div { 
width: 50%;
}
.voice_content .box-child-title {
width: 100%;
margin-bottom: 15px;
}
.voice_content .box-child-title h3 { 
text-align: center;
color: #fff;
background: #6ABD79;
margin-bottom: 10px;
padding: 5px 10px;
}
.voice_content .box-child-title p { 
text-align: center;
margin-bottom: 5px;
}
.voice_content .box-child-title .name_box { 
display: flex;
justify-content: center;
align-items: baseline;
}
.voice_content .box-child-title .name { 
font-size: 24px;
}
.voice_content .box-child-title .small { 
font-size: 14px;
}
.voice_content .box-child-text {
width: 100%;
flex-grow: 1;
}
.voice_content .box-child-text p { 
margin: 0;
}
.voice_content .box-child-text p strong { 
display: block;
font-size: 20px;
line-height: 1.2em;
border-bottom: 1px solid #ccc;
margin: 0 auto 10px auto;
padding-bottom: 10px;
}
.voice_content .box-child-text p .small {
font-size: 12px;
}

.voice_content .b01 { background: #f0ece2!important; }
.voice_content .b02 { background: #a69349!important; }

@media (max-width: 767px){
.voice_content .box-child { width: 100%; }
.voice_content .box-child:last-child { margin-left: 0; margin-top: 15px; }
.voice_content .box-parent { flex-direction: column; }  
}
@media (max-width: 500px){
.voice_content .box-child .photo_box { font-size: 20px; }
}



/*====================================================================
短大・大学と迷っている方へ
====================================================================*/
.hikaku_banner {
display: flex;
justify-content: center;
margin: 0 auto;
}
.hikaku_banner .sub_bnr a {
display: table;
}



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

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