@charset "UTF-8";

/*----------------------------------------------------------------------------------------------------------------------見出し共通----------*/

h3.en_gradient{
font-size:48px;
font-weight:500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height:1.6;
}

h3.en_gradient span{
background: linear-gradient( 90deg, rgba(51,255,204,1), rgba(0,204,255,1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

@media all and (-ms-high-contrast: none){

h3.en_gradient span{
background: #fff;
color:#00ccff;
}

}

/*----------------------------------------------------------------------------------------------------------------------contents----------*/


.main_graduate{
background: url("../images/main_graduate.jpg") no-repeat center center;
background-size: cover;
}

#page_tit h2{
padding-top:300px;
width:24%;
min-width:421px;
}

#wrapper_graduate{
width:100%;
position: relative;
padding-bottom: 100px;
}

#wrapper_graduate .bg_grey{
width:100%;
height: 57%;
position: absolute;
background-color: #f6f6f6;
bottom:0;
left: 0;
z-index:-1;
}

#about_graduate{
width:83.34%;
display: flex;
justify-content: space-between;
margin: 120px 8.33% 0;
}

.gr_txt{ width:60%; }

.gr_txt h3{
font-size:36px;
line-height:1.6;
letter-spacing:0.1em;
padding-bottom:30px;	
}

.gr_txt h3 span { background: linear-gradient(transparent 60%, #ffff00 0%); }

.gr_txt h4{ margin: 60px 0 40px; }

.gr_txt h4 img:last-child{ display: none; }

.gr_guide{ width:30%; }

.img_gra{ margin-top:40px; }

.img_gra img:last-child{ display: none; }

.img_book p{ 
font-size: 13px;
font-weight: bold;
margin-top: 10px;
}

.img_book div{ 
margin-top: 10px;
line-height:1.6;
}

.gr_guide .pdf_btn{ margin-top: 30px; }

#about_graduate img{ width:100%; }


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

#page_tit h2{
padding-top:160px;	
margin:0 auto;
width:50%;
max-width:300px;
min-width:50%;
}

#wrapper_graduate{ padding-bottom: 80px; }

#wrapper_graduate .bg_grey{ height: 0; }

#about_graduate{
width:90%;
display:block;
margin: 60px 5% 0;
}

.gr_txt{ width:100%; }

.gr_txt h3{
font-size:24px;
line-height:1.6;
padding-bottom:20px;	
}

.gr_txt h4{ margin: 45px 0 25px; }

.gr_txt h4 img:last-child{ display: inline; }
.gr_txt h4 img:first-child{ display: none; }

.img_gra img:last-child{ display: inline; }
.img_gra img:first-child{ display: none; }

.gr_guide{ 
width:100%;
margin-top: 60px;
}

.img_book{ 
width: 60%;
margin: 0 auto;
}
	
}

/*----------------------------------------------------------------------------------------------------------------------curriculum----------*/

#curriculum, #comp_req{
width:83.34%;
margin: 80px 8.33% 0;
}

#curriculum h4, #comp_req h4{
font-weight: bold;
font-size: 18px;
line-height: 1;
}

#curriculum table, #comp_req table{
width:90%;
margin: 40px 0 0 auto;
border: 1px solid #828282;
}

#curriculum table th, 
#comp_req table th{
background-color: #6ec5c2;
border-bottom: 1px solid #828282;
border-right: 1px solid #828282;
text-align: center;
padding: 10px 0;
color: #fff;
}

#curriculum table td,
#comp_req table td{
border-bottom: 1px solid #828282;
border-right: 1px solid #828282;
padding: 10px 15px;
font-size: 14px;
line-height: 1.6;
}

#curriculum table td:first-child,
#comp_req table td:first-child{
font-weight: bold;
background-color: #ebf8fc;
}

#curriculum table td:nth-child(2),
#curriculum table td:nth-child(3){
width:42%;
}

#comp_req table td:nth-child(2),
#comp_req table td:nth-child(3){
width:38%;
}

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

#curriculum, #comp_req{
width:100%;
margin: 0;
}

#curriculum h3, #comp_req h3{
margin-left: 5%;
}

#curriculum h4, #comp_req h4{
font-size: 16px;
margin-top: 8px;
margin-left: 5%;
}

#curriculum .wrap,
#comp_req .wrap{
overflow: auto;
}

#curriculum table, 
#comp_req table{
width:100%;
min-width: 600px;
margin-left: 5%;
}

#curriculum h3,
#comp_req h3{ 
font-size:40px;
line-height: 1.2;
}

#comp_req{ margin-top:50px;}

}