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

#new_graduate {
	background-color: #ffffff;
	color: #000000;
}


#new_graduate .contents {
	padding: 100px 0px 100px;
}

#new_graduate .contents > .inner {
    max-width: 1180px;
}


#new_graduate .flow .accordion_area {
	animation-delay: 1.5s;
	margin: auto;
    width: 85%;
}

#new_graduate .flow .accordion_area .ac_item .ac_title {
    padding: 15px 50px 15px 30px;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail {
    padding: 40px 30px;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .img_box p {
	display: none;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .img_box img {
	margin: auto;
	max-width: 820px;
    width: 100%;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .img_box + p {
	margin-top: 20px;
    line-height: 2;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .type {
	margin-top:40px;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .type .gradation_label {
	font-size: 20px;
    padding: 10px 20px 10px 20px;
    width: 200px;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .type dl {
	margin-top: 15px;
    align-items:flex-start;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .type dl dt {
	width: 80px;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .type dl dd {
	width:calc(100% - 85px); 
	line-height: 2;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .type dl dd span {
	display: block;
    margin-left: 88.5px;
}



#new_graduate .info_area {
    padding: 50px 0px 100px;
}

#new_graduate .info_area .info_list .card_item {
	width: 100%;
    padding: 0px 0px 20px 40px;
    margin-bottom: 50px;
}

#new_graduate .info_area .info_list .card_item .blue_tag {
	font-size: 28px;
}

#new_graduate .info_area .info_list .card_item .blue_tag:before {
    top: 17px;
}

#new_graduate .info_area .info_list .card_item p,
#new_graduate .info_area .info_list .card_item .before_data,
#new_graduate .info_area .info_list .card_item dl {
    line-height: 2;
    font-size: 14px;
    padding-left: 80px;
}


#new_graduate .info_area .info_list .card_item .btn_wrap {
    max-width: 430px;
    padding-left: 80px;
}

#new_graduate .info_area .info_list .card_item .btn_wrap a {
    text-align: left;
}

#new_graduate .info_area .info_list .card_item .btn_wrap a:after {
	position: absolute;
    content: "View more";
    right: 20px;
}



#new_graduate .info_area .info_list .card_item .before_data {
	justify-content: flex-start;
} 

#new_graduate .info_area .info_list .card_item .before_data h4 {
    font-size: 18px;
    font-weight: 500;
}

#new_graduate .info_area .info_list .card_item .before_data ul {
    width: calc(47% - 85px);
    margin-left:auto;
}



#new_graduate .info_area .info_list .card_item dl{
	margin-top: 15px;
    align-items:flex-start;
}

#new_graduate .info_area .info_list .card_item dl dt {
	width: 50px;
}

#new_graduate .info_area .info_list .card_item dl dd {
	width:calc(100% - 55px);
}






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

#new_graduate .flow .accordion_area {
    width: 100%;
}

#new_graduate .info_area .info_list .card_item p,
#new_graduate .info_area .info_list .card_item .before_data,
#new_graduate .info_area .info_list .card_item dl {
    padding-left: 0px;
}

#new_graduate .info_area .info_list .card_item .btn_wrap {
    max-width: 350px;
    padding-left: 0px;
}

#new_graduate .info_area .info_list .card_item .before_data {
    justify-content: space-between;
}

#new_graduate .info_area .info_list .card_item .before_data h4 {
    width: 100%;
}

#new_graduate .info_area .info_list .card_item .before_data ul {
    width: 48%;
	margin-left: 0px;
	margin-top: 15px;
}





}




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

#new_graduate .flow {
	padding-bottom:50px;
}


#new_graduate .flow .accordion_area .ac_item .ac_title {
    padding: 15px 50px 15px 15px;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail {
    padding: 30px 20px;
}

#new_graduate .info_area {
    padding: 50px 0px 50px;
}

#new_graduate .info_area .info_list .card_item .blue_tag {
    font-size: 20px;
}

#new_graduate .info_area .info_list .card_item .blue_tag:before {
    top: 12px;
}

#new_graduate .info_area .info_list .card_item {
    padding: 0px 0px 20px 30px;
}

#new_graduate .info_area .info_list .card_item .before_data ul {
    width: 100%;
}

#new_graduate .info_area .info_list .card_item .before_data ul:nth-of-type(2) {
    margin-top: 0px;
}




}




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

#new_graduate .flow {
    padding: 80px 0px 50px;
}



#new_graduate .flow .accordion_area .ac_item .ac_title {
    padding: 10px 25px 10px 0px;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail {
    padding: 20px 15px;
}


#new_graduate .flow .accordion_area .ac_item .ac_detail .img_box p {
	display: block;
	margin-bottom: 15px;
	font-size: 12px;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .img_box .sp_scroll {
	overflow-x: scroll;
    padding-bottom:15px;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .img_box img {
	width: 170%;
}


#new_graduate .flow .accordion_area .ac_item .ac_detail .img_box + p {
    line-height: 1.7;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .type .gradation_label {
    font-size: 15px;
    padding: 10px 15px;
    width: 140px;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .type dl {
    margin-top: 20px;
    font-size: 12px;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .type dl dt {
    width: 100%;
}

#new_graduate .flow .accordion_area .ac_item .ac_detail .type dl dd {
    line-height: 1.7;
    width: 100%;
    margin-top: 5px;
}


#new_graduate .flow .accordion_area .ac_item .ac_detail .type dl dd span {
	display: inline;
    margin-left:0px;
}




#new_graduate .info_area {
    padding: 30px 0px 0px;
}

#new_graduate .info_area .info_list .card_item {
    margin-bottom: 30px;
}

#new_graduate .info_area .info_list .card_item p,
#new_graduate .info_area .info_list .card_item .before_data,
#new_graduate .info_area .info_list .card_item dl {
    line-height: 1.7;
    font-size: 12px;
}

#new_graduate .info_area .info_list .card_item .blue_tag {
    font-size: 16px;
}

#new_graduate .info_area .info_list .card_item .blue_tag:before {
    top: 11px;
}

#new_graduate .info_area .info_list .card_item .btn_wrap {
    max-width: 100%;
}

#new_graduate .info_area .info_list .card_item dl dt {
    width: 100%;
}

#new_graduate .info_area .info_list .card_item dl dd {
    width: 100%;
    margin-top: 5px;
}




}