@charset "UTF-8";
/* CSS Document */

/************************************

#sub

************************************/
#center #sub .menu1 a{
color:#ff8691;
font-weight: 600;
}
#center #sub .menu1::before{
color:#ff8691;
}
#fac_univ #sub .menu2 a{
color:#ff8691;
font-weight: 600;
}
#fac_univ #sub .menu2::before{
color:#ff8691;
}
#fac_pref #sub .menu3 a{
color:#ff8691;
font-weight: 600;
}
#fac_pref #sub .menu3::before{
color:#ff8691;
}
#fac_city #sub .menu4 a{
color:#ff8691;
font-weight: 600;
}
#fac_city #sub .menu4::before{
color:#ff8691;
}

#fac_psy #sub .menu5 a{
color:#ff8691;
font-weight: 600;
}
#fac_psy #sub .menu5::before{
color:#ff8691;
}
#task #sub .menu6 a{
color:#ff8691;
font-weight: 600;
}
#task #sub .menu6::before{
color:#ff8691;
}

/************************************

#center

************************************/
#center .mainimage{
background-image: url(../images/mainimage2.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width:100%;
height:0;
padding-top:39%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#center .mainimage{
background-image: url(../images/mainimage2@2x.jpg);
}
}
@media only screen and (max-width:480px){
#center .mainimage{
background-image: url(../images/mainimage2-sp@2x.jpg);
padding-top:75%;
}
}
#facilities_list{
margin:30px 0 0;
}
#facilities_list:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
#facilities_list {
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
}
#facilities_list li {
	width:auto;
}
/*IE8▼*/
#facilities_list li {
float: left\9;
}
/*IE9▼*/
#facilities_list li:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#facilities_list li  {
	float:left !important;
}
}
#facilities_list li{
width:48%;
margin:0 2% 20px 0;
}
.facilities #facilities_list li{
width:23%;
margin:0 1% 0px 0;
}

#facilities_list li a{
display:block;
}
#facilities_list li h3{
font-size:100%;
line-height: 1.5;
margin:10px 0;
}
.facilities #facilities_list li h3{
font-size:80%;
font-weight: normal;
}
#center .chu{
border:1px solid #ccc;
padding:30px;
font-size:100%;
}
@media only screen and (max-width:480px){
#facilities_list li{
width:100%;
margin:0 0 10px 0;
}
.facilities #facilities_list li{
width:46%;
margin:0 2% 15px 0;
}
}

/************************************

#facirities

************************************/
#fac_univ .mainimage{
background-image: url(../about/facilities/images/mainimage_univ.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width:100%;
height:0;
padding-top:39%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#fac_univ .mainimage{
background-image: url(../about/facilities/images/mainimage_univ@2x.jpg);
}
@media only screen and (max-width:480px){
#fac_univ .mainimage{
background-image: url(../about/facilities/images/mainimage_univ_sp@2x.jpg);
padding-top:75%;
}
}
#fac_pref .mainimage{
background-image: url(../about/facilities/images/mainimage_ken.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width:100%;
height:0;
padding-top:39%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#fac_pref .mainimage{
background-image: url(../about/facilities/images/mainimage_ken@2x.jpg);
}
@media only screen and (max-width:480px){
#fac_pref .mainimage{
background-image: url(../about/facilities/images/mainimage_ken_sp@2x.jpg);
padding-top:75%;
}
}
#fac_city .mainimage{
background-image: url(../about/facilities/images/mainimage_shimin.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width:100%;
height:0;
padding-top:39%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#fac_city .mainimage{
background-image: url(../about/facilities/images/mainimage_shimin@2x.jpg);
}
@media only screen and (max-width:480px){
#fac_city .mainimage{
background-image: url(../about/facilities/images/mainimage_shimin_sp@2x.jpg);
padding-top:75%;
}
}
#fac_psy .mainimage{
background-image: url(../about/facilities/images/mainimage_society.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width:100%;
height:0;
padding-top:39%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#fac_psy .mainimage{
background-image: url(../about/facilities/images/mainimage_society@2x.jpg);
}
@media only screen and (max-width:480px){
#fac_psy .mainimage{
background-image: url(../about/facilities/images/mainimage_society_sp@2x.jpg);
padding-top:75%;
}
}
/*** info_hyo ***/
.info_hyo dl{
border-bottom:1px solid #ccc;
padding:10px 0;

}
.info_hyo dl:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.info_hyo dl a{
text-decoration: underline;
}
.info_hyo dl dt{
font-weight: bold;
padding-left:20px;
float:left;
width:25%;
position: relative;
line-height: 1.4;
}
.info_hyo dl dt::before{
position: absolute;
top: 2px;
left: 0px;
color: #ff8691;
font-size: 14px;
font-family: 'FontAwesome';
content: "\f14a";
}
.info_hyo dl dd{
line-height: 1.6;
float:right;
width:73%;
}
@media only screen and (max-width:480px){
.info_hyo dl dt{

float:none;
width:100%;
}
.info_hyo dl dd{
float:none;
width:100%;
padding-left:20px;
}
}
/***.facilities ***/
.facilities article{
margin:0 0 30px !important;
}
.facilities article a{
text-decoration: underline;
}

.facilities article h4{
color:#ff8691;
font-size:120%;
margin:0 0 10px;
}
.second article ul{
margin:0 0 20px;
}
.second article ul li{
padding-left:20px;
line-height: 1.6;
position: relative;
margin:0 0 5px;
}
.second article ul li::before{
position: absolute;
top: 2px;
left: 2px;
color: #ff8691;
font-size: 12px;
font-family: 'FontAwesome';
content: "\f0da";
}
/*** .table.timetable ***/

.facilities .timetable table{
border:1px solid #ccc;
width:100%;
border-collapse: collapse;
text-align: center;
font-size:90%;
}
.facilities .timetable table th{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:10px;
background: #f2f2f2;
}
.facilities .timetable table td{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:10px;
width:17%;
}
@media only screen and (max-width:480px){
.facilities .timetable{
width:100%;
overflow-x:scroll;
}
.facilities .timetable table{

}
}
/*** .chu ***/
.facilities .chu{
font-size:90%;
color:#666;

}
@media only screen and (max-width:480px){
.facilities .chu{
display:inline-block;
}
}
/***contact ***/
.facilities .contact{
background: #f2f2f2;
padding:20px;
text-align: center;
}
.facilities .contact h3{
font-size:130% !important;
margin:0 0 10px !important;

}
/************************************

#task

************************************/
#task .mainimage{
background-image: url(../images/mainimage2.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width:100%;
height:0;
padding-top:39%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#task .mainimage{
background-image: url(../images/mainimage2@2x.jpg);
}
}
#task #sec5 .image{
float:right;
width:30%;
}
#task #sec5 .text{
float:left;
width:65%;
}
#task #sec5 .bt{
margin:20px 0 0;
}

@media only screen and (max-width:480px){
#task #sec5 .image{
float:none;
width:70%;
margin:0 auto 15px;
}
#task #sec5 .text{
float:none;
width:100%;
}

}