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

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


#career .contents {
	padding: 130px 0px 100px;
}



#career .lead_text .inner,
#career #page_link_list .inner {
	max-width: 870px;
} 

#career .lead_text {
	animation-delay: 1s;
    font-size: 17px;
    line-height: 2;
	padding-bottom: 0px;
}

#career #page_link_list {
	animation-delay: 1.5s;
	padding-top: 50px;
}

#career #page_link_list .inner {
	justify-content: flex-start;
} 


#career #page_link_list .link_wrap {
    padding-top: 0px;
    width: 42%;
}

#career #page_link_list .link_wrap:last-of-type {
   margin-left: 3%;
}

#career #page_link_list .link_wrap a {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    padding: 15px 15px;
    color: #007db9;
    border: solid 1px #007db9;
}

#career #page_link_list .link_wrap a:after {
    border-bottom: solid 1px #007db9;
    border-right: solid 1px #007db9;
}


#career #page_link_list .link_wrap a:hover {
	background-color: #007db9;
	color: #ffffff;
}

#career #page_link_list .link_wrap a:hover:after {
    border-bottom: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
}



#career .info_area {
    padding-bottom: 0px;
}

#career .info_area .info_list {
	margin-top: 50px;
}

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

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

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

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


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

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


#career .info_area +  .info_area {
    padding-bottom: 120px;
}


#career .info_area .gradation_label + p {
    margin: 50px 0px 80px 120px;
    font-size: 16px;
    line-height: 2;
}

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

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

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





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


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

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

#career .info_area .gradation_label + p {
    margin: 50px 0px 80px 40px;
}



}



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


#career .lead_text {
    font-size: 15px;
}
	
#career #page_link_list {
    padding: 30px 0px 0px;
}

#career #page_link_list .inner {
    justify-content:space-between;
}
	
#career #page_link_list .link_wrap {
    width: 48%;
}

#career #page_link_list .link_wrap:last-of-type {
    margin-left:auto;
}


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

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

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

#career .info_area .gradation_label + p {
    margin: 50px 0px 50px 0px;
    font-size: 15px;
}

	
}




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

#career .lead_text {
    padding: 80px 0px 0px;
    font-size: 13px;
}

#career #page_link_list .link_wrap {
    width: 100%;
    margin: 10px 0px;
}

	

#career .info_area {
    padding: 100px 0px 0px;
}

#career .info_area + .info_area {
    padding-bottom: 50px;
}
	
#career .info_area .info_list .card_item {
    margin-bottom: 30px;
}

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

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

#career .info_area .info_list .card_item .blue_tag:before {
    top: 11px;
}
	
#career .info_area .info_list .card_item .btn_wrap {
    max-width: 100%;
}

#career .info_area .gradation_label + p {
    font-size: 13px;
}

#career .info_area .gradation_label + p br {
    display: none;
}

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

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




}