@charset "utf-8";

/* ----------------------------------------
 page-title
------------------------------------------- */
#page-title {
  position: relative;
  padding-left: 19%;
  padding-top: 50px;
  margin:-0px;
}
#page-title-img {
  padding-top: 300px;
  background: url("../images/index-images/mv01.jpg") 50% 50% no-repeat;
  background-size: cover;
}
#page-title-catch {
  position: absolute;
  top: 400px;
  left: 9%;
  text-align: left;
}
#page-title-catch h1 {
  font-size: 4.4rem;
  line-height: 1;
}
@media screen and (max-width:1599px) {
  #page-title {
    padding-left: 10%;
    padding-top: 15%;
  }
  #page-title-img {
    padding-top: 35%;
  }
  #page-title-catch {
    top: 65%;
    left: 5%;
  }
  #page-title-catch h1 {
    font-size: 2.4vw;
  }
}

 /* ----------------------------------------
 newstudents
------------------------------------------- */

#newstudents .serviceTitle ul li {
  width: 100%;
  box-sizing: border-box;
  color: #0085ce;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  border: 3px solid #0085ce;
  background-color: rgba(255, 255, 255, 0.85);
  margin-right: 5%;
	position:relative;
	z-index:1;
}


#newstudents .serviceTitle ul li a {
  display: block;
  color: #0085ce;
  padding: 28% 0 28% 0;
}
#newstudents .serviceTitle ul li a span {
  display: block;
  color: #000;
  font-size: 3rem;
  text-align: center;
  margin-bottom: 15px;
}
#newstudents .serviceTitle ul .icon01 a span {
  background: url("../images/index-images/icon-new.png") 50% 0 no-repeat;
  background-size: 56px auto;
  padding-top: 70px;
}

#newstudents .serviceTitle ul li:nth-child(3n) {
  margin-right: 0;
}

.studentsImg{
	position:relative;
	
}

.studentsImg img{
	position:relative;
	top:20%;
	left:40%;
	width:90%;
	z-index:100;
	margin-top:-20%;
}
.serviceTitle{
	width:30%;
	float:left;
}
.serviceList{
width:60%;
float:left;
margin-left:10%;
}

.serviceList ul{
	margin-left:5%;
}

.serviceList ul li{
	width:80%;
	/*float:left;*/
	border-bottom:dotted 1px #333;
	padding-bottom:10px;
	margin-left:10px;
	margin-top:10px;
	display: flex;
    justify-content: flex-start;
}
.serviceList ul li p{
	width:70%;
	/*float:right;*/
	font-size:1.8rem;
	color:#194486;
	padding-left:20px;
} 
.serviceList ul li p span{
	font-size:1.3rem;
	color:#000;
} 
.serviceList ul li img{
	width:15%;
	/*float:left;*/
	visibility: visible;
}

	.serviceList ul a li:hover{
		text-decoration: none!important;
		opacity: 0.4;
		transition:0.5s;
	}	
.serviceList ul li p a:hover{
	text-decoration: none!important;
	opacity: 0.4;
	transition: 0.5s;
}
/* ----------------------------------------
 newstudents
------------------------------------------- */

#serviceNav .serviceTitle ul li {
  width: 100%;
  box-sizing: border-box;
  color: #0085ce;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  border: 3px solid #0085ce;
  background-color: rgba(255, 255, 255, 0.85);
  margin-right: 5%;
	position:relative;
	z-index:1;
}


#serviceNav ul li {
  float: left;
  width: 45%;
  box-sizing: border-box;
  color: #0085ce;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  border: 3px solid #0085ce;
  background-color: rgba(255, 255, 255, 0.85);
  margin-right: 5%;
}
#serviceNav ul li a {
  display: block;
  color: #0085ce;
  padding: 10% 0 10% 0;
}
#serviceNav ul li a span {
  display: block;
  color: #000;
  font-size: 3rem;
  text-align: center;
  margin-bottom: 15px;
}
#serviceNav ul .icon01 a span {
  background: url("../images/index-images/icon-new.png") 50% 0 no-repeat;
  background-size: 56px auto;
  padding-top: 70px;
}
#serviceNav ul .icon02 a span {
  background: url("../images/index-images/icon-student.png") 50% 0 no-repeat;
  background-size: 56px auto;
  padding-top: 70px;
}
#serviceNav ul .icon03 a span {
  background: url("../images/index-images/icon-graduates.png") 50% 0 no-repeat;
  background-size: 56px auto;
  padding-top: 70px;
}
#serviceNav ul li:nth-child(3n) {
  margin-right: 0;
}


/* ----------------------------------------
outline
------------------------------------------- */
#outline .float-l{
	width:40%;
	float:left;
	margin:2% 0 2% 5%; 
}
#outline .float-r{
	width:40%;
	float:right;
	margin:2% 5% 2% 0; 
}

#outline table{
	width:90%;
	margin-top:10%;
	margin-left:auto;
	margin-right:auto;
}

#outline td,#outline th{
	border-bottom:dotted 1px #666;
	padding:20px 0px 20px 20px
}

/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
  /* ----------------------------------------
 事業内容
------------------------------------------- */
  #bc ul {
    overflow: hidden;
    margin-bottom: -30px;
  }
  #bc ul li {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 30px;
  }
  #bc ul li:nth-child(3n) {
    margin-right: 6%;
  }
 #bc ul li:nth-child(2n) {
    margin-right: 0;
  }
 #bc ul li img {
    margin-bottom: 10px;
  }
  #bc ul li h3 {
    font-size: 1.8rem;
  }
  #bc ul li p {
    font-size: 1.4rem;
  }
	
	
#outline .float-l{
	width:98%;
	float:left;
	margin:2% auto; 
}
#outline .float-r{
	width:98%;
	float:left;
	margin:2% auto; 
}
#outline .float-l img{
	width:100%;
	
}
#outline table{
	width:98%;
	margin-top:10%;
	margin-left:auto;
	margin-right:auto;
}
	
.serviceTitle{
	width:98%;
	margin:0 auto;
}
.serviceList{
width:98%;
margin:0 auto;
}	
.serviceList ul li{
	width:100%;
	margin:0 auto;
}
.serviceList ul li p{
	width:90%;
	float:none!important;
	font-size:1.8rem;
	padding:3%
} 
.serviceList ul li p span{
	font-size:1.3rem;
} 
#serviceNav ul li {
  float: left;
  width: 98%;
  box-sizing: border-box;
  color: #0085ce;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  border: 3px solid #0085ce;
  background-color: rgba(255, 255, 255, 0.85);
  margin-right: 5%;
  margin-bottom:5%;
}	
.serviceList li img{
	    width:120px!important;
		padding:3%;
		height:100px;
	}	
}

@media screen and (max-width: 767px) {
 .serviceList ul li p {
        font-size: 1.4rem;
        }
}
}