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

/* main */
#ccWrapper{
	width: 659px;
	margin: 3rem auto 3rem auto;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	text-align: left;
}

#ccWrapper .childCareImg{
	width: 144px;
	margin-right: 2rem;
	box-sizing: border-box;
}

.childCare{
	padding: 3rem 0;
}

.newgraduate dl.newgraduateflexWrapper{
	width: 800px;
	margin: 0 auto 3rem auto;
	display:flex;
	flex-wrap: wrap;
}

.newgraduate dl.newgraduateflexWrapper dt,
.newgraduate dl.newgraduateflexWrapper dd{
	line-height: 4rem;
	border-top: 1px solid #d8e1d4;
}

.newgraduate dl.newgraduateflexWrapper dt{
	width: 22%;
	text-align: left;
	color: #585623;
	font-weight: bold;
	padding-left: 3%;
}

.newgraduate dl.newgraduateflexWrapper dd{
	width: 75%;
	text-align: left;
}

.newgraduate dl.newgraduateflexWrapper dt.last,
.newgraduate dl.newgraduateflexWrapper dd.last{
	border-bottom: 1px solid #d8e1d4; 
}

.newgraduate #careerupBoxflexWrapper,
.newgraduate #resourcesBoxflexWrapper{
	display:flex;
	justify-content: space-between;
	align-items:center;
}

.newgraduate .careerupBox{
	width: 28%;
	font-size: 2.2rem;
	font-weight: bold;
  	color: #5fc157;
  	margin: 2rem 0;
  	padding: 2rem;
	border: 1px solid #5fc157;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 5px, #f8e1d2 5px, #f8e1d2 10px);
  	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #f8e1d2 5px, #f8e1d2 10px);
}

.newgraduate .resourcesBox{
	width: 28%;
	font-size: 2.2rem;
	font-weight: bold;
  	color: #5fc157;
  	margin: 2rem 0;
  	padding: 2rem;
	border: 1px solid #5fc157;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 5px, #ffff66 5px, #ffff66 10px);
  	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #ffff66 5px, #ffff66 10px);
}

.newgraduateBtn {
  	display: inline-block;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
  	padding: 2rem 3rem;
  	border-radius: 75px;
  	text-decoration: none;
  	color: #FFF;
  	background:-webkit-linear-gradient(left, #ff886a 0%, #ff886a 50%, #e57a5f 50%, #e57a5f 100%);
  	background:linear-gradient(to right, #ff886a 0%, #ff886a 50%, #e57a5f 50%, #e57a5f 100%);
	margin-bottom: 3rem;
}

.newgraduateBtn .newgraduateBtnTxt{
	font-size: 2rem;
	font-weight: normal;
}

@media only screen and (max-width: 768px) {
#ccWrapper{
	width: 100%;
	display: block;
}

#ccWrapper .childCareImg{
	margin: 0 auto;
}

.newgraduate dl.newgraduateflexWrapper {
	width: 100%;
	font-size: 1.4rem;
}

.newgraduate dl.newgraduateflexWrapper dt{
	line-height: 3rem;
}

.newgraduate dl.newgraduateflexWrapper dd{
	line-height: 3rem;
	border-top: none;
}

.newgraduate dl.newgraduateflexWrapper dt{
	width: 100%;
	padding-left: 0;
}

.newgraduate dl.newgraduateflexWrapper dd{
	width: 100%;
}

.newgraduate dl.newgraduateflexWrapper dt.last{
	border-bottom: none; 
}

.newgraduate #careerupBoxflexWrapper,
.newgraduate #resourcesBoxflexWrapper{
	display:block;
}

.newgraduate .careerupBox,
.newgraduate .resourcesBox{
	width: 100%;
	font-size: 1.8rem;
	box-sizing: border-box;
}

.newgraduateBtn {
  font-size: 1.8rem;
}

.newgraduateBtn .newgraduateBtnTxt{
	font-size: 1.6rem;
}

}