@charset "utf-8";
/* -----------------------------------------
-- 1. top/second common contents
-- 2. toppage
-- 3. about-us
-- 4. service
-- 5. news
-- 6. contact
----------------------------------------- */
/*--------------------------------------------------------------------
1. top/second common contents
---------------------------------------------------------------------*/
/*blogList(toppage / blog)
----------------------------------------- */
#container .blogList li{
	padding-top: 20px;
	padding-bottom: 22px;
}
.blogList li .date{
	padding-bottom: 10px;
    font-size:1.2rem;
	position: static;
}
.blogList li p{padding-left:0;}


/*--------------------------------------------------------------------
2. toppage
---------------------------------------------------------------------*/
/*mainimage
------------------------------------------------------*/  
#mainImage{width:100%;}
#mainImage .swiper-slide .slide-img{padding-top:88%;}
#mainImage .swiper-slide .slide-img::before{
	width: 100%;
	border-radius:0;
}
#mainImage .swiper-slide .slide-img .inner{
	max-width:100%;
	padding-left: 30px;
	padding-right: 30px;
}
#mainImage .swiper-slide .slide-img .inner p{font-size: 4.2vw;}
#mainImage .swiper-slide .slide-img .inner p{
	top: 0;
	transform: translateY(50%);
}
/*scroll*/
#mainImage .scroll{ display: none;}

/*topService
------------------------------------------------------*/  
#topService{padding-bottom: 60px;}

/*topAbout
------------------------------------------------------*/
#topAbout a{
	width: 100%;
	max-width: 100%;
	border-radius: 0;
	padding-top:106%;
}
#topAbout a .inner{
	padding-left: 30px;
	padding-right: 30px;
}
#topAbout a .inner h2{
	margin-top: 80px;
	margin-bottom: 15px;
}
#topAbout a .inner p{padding-bottom: 15px;}
#topAbout a .inner .morebtn{
	margin-left:0;
	margin-right: auto;
}

/*topNews
------------------------------------------------------*/
#topNews{padding-top: 55px;}
#topNews .inner{display: block;}
#topNews .inner .tit h2{text-align:center;}
#topNews .morebtn{margin-top: 45px;}

/*--------------------------------------------------------------------
3. about-us
---------------------------------------------------------------------*/
/* about--mission
------------------------------------------------------*/
#about--mission h2{
	margin-bottom: 30px;
	font-size: 3.6rem;
}
#about--mission p + h2{margin-top: 30px;}
#about--mission h2 + p{font-size: 1.8rem;}

#about--mission .boxMission01{
	margin-top: 55px;
	box-shadow: 0px 0px 40px 10px #d6eefc  inset, 0px 0px 0px 1px #d6eefc inset;
}
#about--mission .boxMission01 .inner{
	padding: 40px 25px;
	display: block;
}
#about--mission .boxMission01 .inner::after{
	width: 92px;
	padding-top:120px;
	bottom: 30px;
	margin-right:30px;
}
#about--mission .boxMission01 .inner .tit{ margin-bottom: 15px;}
#about--mission .boxMission01 .inner .txt{padding-left:0;}
#about--mission .boxMission01 .inner .tit h3{font-size: 1.7rem;}
#about--mission .boxMission01 .inner .tit h3 span{
	padding-top: 10px;
	font-size:1.5rem;
}
#about--mission .boxMission01 .inner .txt p{
	font-size: 1.4rem;
	line-height: 2.28;
}

/* profile
------------------------------------------------------*/
#profile .boxProfile01{
	display: block;
	margin-bottom: 25px;
}
#profile .boxProfile01 .txt{
	padding-left: 0;
}
#profile .boxProfile01 .img{
	width: 270px;
	max-width:80%;
	margin: 0 auto 40px;
}
#profile .boxProfile01 .img img{border-radius: 15px;}
#profile .boxProfile01 .img span{
	font-size:3.6rem;
	top: auto;
	left: auto;
	bottom: -0.5em;
	right: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: -10%;
}
#profile .boxProfile01 .txt h3{font-size:1.6rem;}
#profile .boxProfile02{ padding-left:0;}

/*--------------------------------------------------------------------
4. service
---------------------------------------------------------------------*/
#container section#serviceLink{padding-bottom: 0;}
#serviceList .img img{border-radius: 15px;}

#serviceList .txt .title{
	display: block;
	margin-bottom: 10px;
}
#serviceList .txt .title span{
	width: 78px;
	margin: 0 auto 10px;
}
#serviceList .txt .title h3{
	padding-left:0;
	text-align: center;
	font-size: 2rem;
}
/*--------------------------------------------------------------------
development_training
career_consultant
career_support
---------------------------------------------------------------------*/
#container.second .service--lead .titBox{
	display: block;
	margin-bottom: 20px;
}
#container.second .service--lead .titBox img{
	width:100px;
	max-width: 20%;
	margin: 0 auto 20px;
}
#container.second .service--lead .titBox h2{
	text-align: center;
	font-size:2rem;
}
#container.second .service--lead .titBox h2 span{font-size:1.6rem;}
#container.second .service--lead .morebtn.btn01 a{margin-right: 35px;}
#container.second .service--lead .lineBox{
	margin:0 auto;
	padding: 20px;
	display:block;
}
#container.second .service--lead .lineBox .txt{
}
#container.second .service--lead .lineBox .txt p{
	text-align:center;
	font-size: 1.6rem;
	line-height: 1.5;
	padding-bottom: 15px
}
#container.second .service--lead .lineBox .txt .btn a{margin: 0 auto;}
#container.second .service--lead .lineBox .qr{
	padding-top: 20px;
	margin: 0 auto;
	max-width: 80%;
}
#container.second .service--case h3{font-size: 1.8rem;}
#container.second .service--case .inner .item{
	width: auto;
	float: none;
	margin-top: 20px;
	padding: 20px;
}
#container.second .service--case .inner .item:nth-child(2n){float:none;}
#container.second .service--case .inner .item h4{
	font-size: 1.6rem;
	margin-bottom: 10px;
}
#container.second .service--case .inner .imgBox{
	width: auto;
	float: none;
	margin-top: 20px;
	padding-top:0;
	position:static;
}
#container.second .service--case .inner .imgBox .imgBoxIn{position: static;}

/*--------------------------------------------------------------------
5. news
---------------------------------------------------------------------*/
/* detail
-------------------*/
/*detailTitle*/

.blogTitle{
	padding-bottom: 10px;
    margin-bottom:25px;
}
.blogTitle span.date{
	padding-bottom: 10px;
    font-size:1.2rem;
}
.blogTitle h2{
	font-size:2rem;
	line-height:1.75;
}

/*--------------------------------------------------------------------
6. contact
---------------------------------------------------------------------*/
.contactLead .leadTxt{text-align:left;}
#container section.contactThanks p{text-align: left;}
#container section.formArea{padding-bottom: 60px;}
.formArea h2{margin-bottom: 20px;}


@media screen and (max-width: 374px) {
    /*iphone5*/
}