@charset "utf-8";


header {
	border-bottom: none;
	position: fixed;
	background-color: #e44d42;
	width: 100%;
	min-width: 1200px;
	height: 80px;
	z-index: 500;
}

header nav#recruit-navi-wrap {
	position: relative;
    display: flex;
    margin: 0 auto 0;
    padding: 20px 0 10px;
    width: 100%;
    line-height: 34px;
}

header nav#recruit-navi-wrap h1#chiyoda-logo {
    margin-right: 15px;
    margin-left: 15px;
}

header nav ul {
    width: auto;
    height: 51px;
	position: absolute;
	right: 300px;
	top: 8px;
}

header nav li div {
    margin-right: 10px;
	background-color: #ffffff;
	padding: 2px;
	width: 150px;
	text-align: center;
}

header nav#recruit-navi-wrap .recruit-navi a:hover {
	text-decoration: none;
	opacity: 0.5;
}

header nav#recruit-navi-wrap .entry-button {
	position: absolute;
	top: 0;
	right: 0;
	height: 80px;
}

header nav#recruit-navi-wrap .entry-button a:hover {
	text-decoration: none;
	opacity: 0.5;
}

header nav#recruit-navi-wrap .entry-button div {
    width: 180px;
    text-align: center;
    font-size: 15px;
	padding: 12px;
}

header nav#recruit-navi-wrap .recruit-navi {
	margin-left: 74px;
}

header nav#recruit-navi-wrap .entry-button div {
	background-color: #404040;
    color: #ffffff;
    width: 240px;
    text-align: center;
    font-size: 15px;
	margin-left: 40px;
	padding: 12px;
	height: 56px;
	line-height: 3.8;
}




#leaf-button {background-image:url(../images/leaf_other_button.png); background-repeat:no-repeat; background-position:50% 72px;}
#leaf-button figcaption { text-align:center; font-size:15px; padding-top:110px;}
#leaf-button a:hover { color:#3cc;}

.archive-link-button { background-image:none !important;}
.archive-link-button figcaption { text-align:center;width: 215px; height:216px!important; display: table-cell;vertical-align: middle; font-size:16px;}
.archive-link-button a:hover { color:#3cc;}

#main-container {
    width: 100%;
	margin-top: 120px;
}

.newgraduateWrapper {

}

.newgraduateWrapper .pdf img {
	vertical-align: -5px;
	margin-left: 5px;
}


.newgraduateWrapper .link a:hover {
	opacity: 0.8;
	text-decoration: none;
}

.newgraduateWrapper .mainVisual {
	position: relative;
	width: 1200px;
	height: 620px;
	margin: 0 auto 70px;
}

.newgraduateWrapper .mainVisual h2 {
	font-size: 36px;
}

.newgraduateWrapper .mainVisual .mainVisual_01 {
	position: absolute;
	width: 380px;
	top: 0;
	left: 0;
}

.newgraduateWrapper .mainVisual .mainVisual_02 {
	position: absolute;
	width: 441px;
	top: 0;
	left: 380px;
}

.newgraduateWrapper .mainVisual .mainVisual_03 {
	position: absolute;
	width: 379px;
	top: 0;
	left: 821px;
}

.newgraduateWrapper .mainVisual .mainVisual_04 {
	position: absolute;
	width: 380px;
	top: 309px;
	left: 0;
}

.newgraduateWrapper .mainVisual .mainVisual_05 {
	position: absolute;
	width: 441px;
	top: 309px;
	left: 380px;
}

.newgraduateWrapper .mainVisual .mainVisual_06 {
	position: absolute;
	width: 379px;
	top: 218px;
	left: 821px;
}

.newgraduateWrapper .mainVisual .mainVisual_07 {
	position: absolute;
	width: 500px;
	top: 176px;
	left: 0;
}

.newgraduateWrapper .mainVisual .mainVisual_08 {
	position: absolute;
	width: 500px;
	top: 220px;
	left: 80px;
	font-size: 36px;
	font-weight: bold;
}

.newgraduateWrapper .mainVisual .mainVisual_08 span:nth-child(4) {
	color: #e44d42;
}

.newgraduateWrapper .mainVisual .mainVisual_08 span:nth-child(5) {
	color: #e44d42;
}

.newgraduateWrapper .mainVisual .mainVisual_08 span:nth-child(6) {
	color: #e44d42;
}

.newgraduateWrapper .mainVisual .mainVisual_08 span:nth-child(7) {
	color: #e44d42;
}

.newgraduateWrapper .mainVisual .mainVisual_09 {
	position: absolute;
	width: 500px;
	top: 280px;
	left: 80px;
	font-size: 36px;
	font-weight: bold;
}

.newgraduateWrapper .mainVisual h2 img {
	width: 100%;
}


.newgraduateWrapper .haki-gokochi {
	position: relative;
	height: 1054px;
	width: 1080px;
	margin: 0 auto;
}

.newgraduateWrapper .haki-gokochi .lead {
	position: absolute;
	top: 0;
	right: 20px;
	width: 550px;
	font-size: 18px;
	line-height: 2.5;
}

.newgraduateWrapper .haki-gokochi .lead p {
	padding-left: 30px;
}

.newgraduateWrapper .haki-gokochi .lead h3 {
	margin-bottom: 64px;
}

.newgraduateWrapper .haki-gokochi .img_01-01 {
	position: absolute;
	top: 82px;
	left: 26px;
}

.newgraduateWrapper .haki-gokochi .img_01-02 {
	position: absolute;
	top: 584px;
	left: 228px;
}

.newgraduateWrapper .haki-gokochi .img_01-03 {
	position: absolute;
	top: 728px;
	right: 155px;
}


.newgraduateWrapper .history {
	background-color: #e44d42;
	width: 1040px;
	margin: 0 auto 150px;
	color: #ffffff;
}

.newgraduateWrapper .history h3 img {
	margin-top: -1px;
}

.newgraduateWrapper .history h3 {
	margin-bottom: 90px;
}

.newgraduateWrapper .history h4 {
	margin: 70px 86px 10px 86px;
	font-size: 15px;
}

.newgraduateWrapper .history .historyContents {
	display: flex;
	border-bottom: 1px solid #ffffff;
	margin: 0 82px 40px 82px;
	padding-bottom: 40px;
}

.newgraduateWrapper .history .last {
	border-bottom: none;
}

.newgraduateWrapper .history dl {
	margin-bottom: 10px;
	width: 9em;
}

.newgraduateWrapper .history dt {
	font-weight: bold;
	font-size: 40px;
	line-height: 1;
}

.newgraduateWrapper .history dd {
	border-top: 1px solid #ffffff;
	font-size: 28px;
}

.newgraduateWrapper .history p {
	padding: 0 70px 20px 30px;
	font-size: 14px;
}

.newgraduateWrapper .history ul {
	width: 378px;
}


.newgraduateWrapper .history li div {
	width: 170px;
	margin-right: 20px;
	border-radius: 25px;
	background-color: #ffffff;
	padding: 10px;
	text-align: center;
}

.newgraduateWrapper .history .second li div {
	margin-left: 98px;
}

.newgraduateWrapper .history .second p {
	width: 390px;
}

.newgraduateWrapper .history .second .historyImg {
	position: relative;
	width: 384px;
	height: 325px;
}

.newgraduateWrapper .history .second .historyImg .img_02-02 {
	position: absolute;
	top: 0;
	left: 0;
}

.newgraduateWrapper .history .second .historyImg .img_02-03 {
	position: absolute;
	top: 168px;
	left: 150px;
}

.newgraduateWrapper .history .last {
	padding-bottom: 90px;
}

.newgraduateWrapper .history .link {
	margin-top: 10px;
	margin-left: 30px;
}

.newgraduateWrapper .history ul.link {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.newgraduateWrapper .history .link li {
	border-bottom: 1px solid #ffffff;
}

.newgraduateWrapper .history .link li:last-child {
	border-bottom: none;
}

.newgraduateWrapper .history .second .link {
	margin-left: 30px;
}

.newgraduateWrapper .works {
	height: 530px;
	margin-bottom: 150px;
}

.newgraduateWrapper .works .works_bg {
	height: 292px;
	background-color: #e44d42;
	text-align: center;
}

.newgraduateWrapper .works h3 {
	margin: 0 auto;
	z-index: 100;
    position: relative;
}

.newgraduateWrapper .works h3 img {
	margin-top: -1px;
}

.newgraduateWrapper .works .img_works {
	position: relative;
	margin-top: -50px;
	height: 402px;
}

.newgraduateWrapper .works .img_works .img_works_01 {
	position: absolute;
	top: 0;
	left: 85px;
	width: 254px;
}

.newgraduateWrapper .works .img_works .img_works_02 {
	position: absolute;
	top: 0;
	left: 339px;
	width: 262px;
}

.newgraduateWrapper .works .img_works .img_works_03 {
	position: absolute;
	top: 0;
	left: 601px;
	width: 262px;
}

.newgraduateWrapper .works .img_works .img_works_04 {
	position: absolute;
	top: 0;
	left: 863px;
	width: 254px;
}

.newgraduateWrapper .works .link {
	position: relative;
	z-index: 100;
	width: 318px;
	padding: 5px;
	margin: -35px auto 0;
	background-color: #ffffff;
	text-align: center;
}

.newgraduateWrapper .works .link img {
	border-bottom: 1px solid #f59c94;
}

.newgraduateWrapper .works .link div {
	width: 170px;
	margin: 10px auto;
	border-radius: 25px;
	border: 2px solid #fc7267;
	background-color: #ffffff;
	padding: 10px;
	text-align: center;
}

.newgraduateWrapper .work-life-balance {
	position: relative;
	width: 1040px;
	height: 410px;
	margin: 0 auto 140px;
	font-size: 14px;
}

.newgraduateWrapper .work-life-balance h3 {
	position: absolute;
	left: 0;
	top: -1px;
	z-index: 100;
}

.newgraduateWrapper .work-life-balance .img_work-life-balance_01 {
	position: absolute;
	left: 0;
	top: 0;
}

.newgraduateWrapper .work-life-balance .img_work-life-balance_02 {
	position: absolute;
	left: 568px;
	top: 0;
}

.newgraduateWrapper .work-life-balance .link {
	position: absolute;
	right: 62px;
	bottom: 0;
	width: 308px;
	background-color: #ffffff;
	padding: 40px 51px 0;
	height: 195px;
}

.newgraduateWrapper .work-life-balance .link p {
	margin-bottom: 40px;
}

.newgraduateWrapper .work-life-balance .link div {
	text-align: center;
	border-top: 1px solid #f59c94;
	border-bottom: 1px solid #f59c94;
}


.newgraduateWrapper .work-life-balance {
	position: relative;
	width: 1040px;
	height: 410px;
	margin: 0 auto　140px;
}


.newgraduateWrapper .sustainability {
	position: relative;
	height: 428px;
	margin: 0 auto 140px;
	background-size: 694px auto;
	background-position: top 120px right 0;
	font-size: 14px;
}

.newgraduateWrapper .sustainability h3 {
	position: absolute;
	left: 80px;
	top: 0;
	z-index: 100;
}

.newgraduateWrapper .sustainability .img_sustainability_01 {
	position: absolute;
	right: 0;
	top: 116px;
}

.newgraduateWrapper .sustainability .link {
	position: absolute;
	left: 0;
	top: 180px;
	width: 306px;
	background-color: #ffffff;
	padding: 50px 20px 50px 170px;
}

.newgraduateWrapper .sustainability .link p {
	margin-bottom: 20px;
}

.newgraduateWrapper .sustainability .link div {
	text-align: center;
	border-top: 1px solid #f59c94;
	border-bottom: 1px solid #f59c94;
}

.newgraduateWrapper .sustainability .contents {
    width: 1040px;
    margin: 0 auto;
    position: relative;
}

.newgraduateWrapper .recruit {
	height: 530px;
	position: relative;
}

.newgraduateWrapper .recruit .recruit_bg {
	height: 418px;
	background-color: #e44d42;
}

.newgraduateWrapper .recruit h3 {
	margin: 0 auto;
	z-index: 100;
    position: absolute;
	top: 0;
	left: 0;
}

.newgraduateWrapper .recruit h3 img {
	margin-top: -1px;
}

.newgraduateWrapper .recruit .img_recruit {
	position: absolute;
	top: 130px;
	left: 80px;
}

.newgraduateWrapper .recruit .link {
	position: absolute;
	top: 100px;
	left: 700px;
	z-index: 100;
	width: 380px;
	margin: -35px auto 0;
	padding: 10px;
	text-align: center;
}

.newgraduateWrapper .recruit .link div {
	width: 220px;
	margin: 10px auto;
	background-color: #ffffff;
	padding: 8px 0;
	text-align: center;
	color: #e54539;
	font-size: 16px;
}


.newgraduateWrapper .recruit .link .event {
	display: flex;
	width: 345px;
	margin: 30px auto 58px;
}


.newgraduateWrapper .recruit .link .event li:first-child {
	margin-right: 46px;
}


.newgraduateWrapper .recruit .link .entry div {
	padding: 20px 0;
	color: #ffffff;
	font-weight: bold;
	width: 378px;
	background-color: #404040;
}






.main-container-inner {
    width: 1200px;
    margin: 0 auto;
    border-right: none; 
    border-left: none; 
    background-color: #ffffff;
}

.narrow {
    width: 1000px;
}

.basic_policy {
	margin: 45px 68px 60px;
	text-align: center;
}

.basic_policy h3 {
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	border-top: 1px solid #9b9b9b;
	border-bottom: 1px solid #9b9b9b;
}

.basic_policy p {
	font-size: 16px;
	line-height: 2;
}

.explanation {
	background-color: #effaff;
	padding: 46px 240px;
	text-align: center;
	margin-bottom: 80px;
}

.explanation h3 {
	margin-bottom: 30px;
}

.explanation h4 { font-size: 14px; font-weight:bold; }
.explanation p { margin-bottom: 0; }


.materiality {
	margin-bottom: 50px;
}

.materiality h3 {
	text-align: center;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	margin: 0 68px 70px;
	border-top: 1px solid #9b9b9b;
	border-bottom: 1px solid #9b9b9b;
}

.materiality_explanation {
	margin-left: 80px;
	display: flex;
	flex-wrap: wrap;
}

.materiality_explanation .explanation_wrapper {
	width: 310px;
	margin-right: 35px;
	margin-bottom: 40px;
}

.materiality_explanation .explanation_wrapper p {
	font-size: 15px;
	min-height: 6em;
	margin-bottom: 5px;
}

.materiality_explanation dt h4 {
	margin-bottom: 10px;
}

.materiality_explanation dt p {
	font-size: 14px;
	margin-bottom: 10px;
	height: 82px;
}

.materiality_explanation .outline {
	min-height: 6em;
	margin-right: 10px;
	margin-bottom: 10px;
}

.materiality_explanation .ver2 .outline {
	min-height: 4em;
}

.materiality_explanation .ver2 dd {
	margin-left: 194px;
	margin-top: -61px;
}

.materiality_explanation .two .outline {
	width: 184px;
}

.materiality_explanation .one .outline {
	width: 245px;
}

.materiality_explanation .outline dt {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}

.materiality_explanation .outline li {
	text-indent: -1em;
	margin-left: 1em;
}

.materiality_explanation .bnrlist li {
	margin-bottom: 10px;
}

.materiality_explanation .sdgs_wrapper {
	display: flex;
}

.materiality_explanation .ver2 .sdgs_wrapper {
	display: block;
}

.materiality_explanation .sdgs_icon {

	display: flex;
}

.materiality_explanation .sdgs_icon li {
	margin-right: 6px;
}

.materiality_explanation .sdgs_icon li:last-child {
	margin-right: 0;
}

.attempt {
	margin-bottom: 80px;
	padding: 66px 80px;
	background-color: #effaff;
	text-align: center;
}

.attempt h3 {
	margin-bottom: 30px;
}

.attempt h4 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}

.attempt p {
	color: #1c1a1a;
	font-size: 14px;
	line-height: 2.2;
	font-weight: bold;
}


.supply_chain {
    margin: 45px 68px 60px;
    text-align: center;
}

.supply_chain h3 {
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	border-top: 1px solid #9b9b9b;
	border-bottom: 1px solid #9b9b9b;
}

.supply_chain p {
	font-size: 16px;
	line-height: 2;
	margin-bottom: 30px;
}

.supply_chain ul.btn {
	margin: 0 auto;
	width: 680px;
	display: flex;
	flex-wrap: wrap;
}

.supply_chain ul.btn li {
	margin-bottom: 20px;
}

.supply_chain ul.btn li:nth-child(odd) {
	margin-right: 20px;
}

.introduction {
	margin-bottom: 60px;
}

.introduction h3 {
	text-align: center;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	margin: 0 68px 30px;
	border-top: 1px solid #9b9b9b;
	border-bottom: 1px solid #9b9b9b;
}

.introduction .lead {
	text-align: center;
	font-size: 14px;
	margin-bottom: 60px;
}

.introduction-list {
	margin-left: 80px;
	display: flex;
	flex-wrap: wrap;
}

.introduction-list dl {
	width: 300px;
	margin-right: 50px;
	margin-bottom: 40px;
}

.introduction-list dt {
	margin-bottom: 3px;
}

.introduction-list dt h4 {
	margin-bottom: 10px;
	border: 1px solid #d4d4d4;
}

.introduction-list dd p {
	font-size: 14px;
	margin-bottom: 5px;
	min-height: 6.5em;
}

.introduction .archive {
	text-align: center;
}

.introduction .archive p {
	margin-bottom: 30px;
}

.basic_policy_links {
	display: flex;
	justify-content: center;
	text-align: center;
	margin:30px auto;
}

.basic_policy_links .basic_policy_links_btn_01 {
	padding:12px;
	text-align: center;
	background-color:#11CA87;
	color:#fff;
	/*margin-right:20px;*/
	width: 19em;
}

.basic_policy_links .basic_policy_links_btn_01 a {
	color:#fff;
}

.basic_policy_links .basic_policy_links_btn_02 {
	padding:12px;
	text-align: center;
	background-color:#1BA9D6;
	color:#fff;
}

.basic_policy_links .basic_policy_links_btn_02 a {
	color:#fff;
}


.global_compact {
	margin: 45px 68px 60px;
}

.global_compact h3 {
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	border-top: 1px solid #9b9b9b;
	border-bottom: 1px solid #9b9b9b;
	text-align: center;
}

.global_compact .about {
	display: flex;
}

.global_compact .logo_img {
	margin-right: 35px;
}

.global_compact p {
	font-size: 16px;
	line-height: 2;
	margin-bottom: 10px;
}

.global_compact .about p a {
	text-decoration: underline;
}

footer {
	position: relative;
	width: 100%;
}

header .pagetop {
	width: 56px;
	display: block;
	position: fixed;
	right: 20px;
	bottom: 60px;
	z-index: 100000;
}

header .pagetop img {
	width: 56px;
}

footer .newgraduateFooter {
	position: relative;
	height: 60px;
}

footer .newgraduateFooter .sns {
	position: absolute;
	left: 20px;
	top: 0;
	display: flex;
}

footer .newgraduateFooter .sns li {
	margin-right: 10px;
}


footer .newgraduateFooter .menu {
	position: absolute;
	right: 20px;
	top: 5px;
	display: flex;
}

footer .newgraduateFooter .menu li {
    margin-right: 10px;
	font-size: 13px;
}

footer .newgraduateFooter .menu li:last-child {
    margin-right: 0;
}

footer .newgraduateFooter .menu div  {
	background-color: #8a8a8a;
	color: #ffffff;
	width: 126px;
	text-align: center;
}

footer .newgraduateFooter .menu a:hover {
	text-decoration: none;
	opacity: 0.5;
}


footer #copy {
	text-align: center;
	color: #878787;
}

footer #copy a {
	color: #878787;
}



.bg_article_bottom-border {
	background-image: none;
}

.bg_article_bottom-border {
	margin-bottom: 0;
}




.newgraduateWrapper .requirementsWrapper {
    width: 1040px;
	padding-top: 100px;
    margin: -100px auto 150px;
}

.newgraduateWrapper .requirementsWrapper h3 {
   /* width: 900px;*/
	width: 1040px;
	border-bottom: 2px solid #e44438;
	margin: 0 auto 20px;
}

.newgraduateWrapper .requirementsWrapper table {
    width: 790px;
	margin: 0 auto;
	font-size: 14px;
}

.newgraduateWrapper .requirementsWrapper table th {
	width: 80px;
    font-weight: bold;
	border-bottom: 1px solid #a0a0a0;
	padding: 15px 10px;
	letter-spacing: 0.5em
}

.newgraduateWrapper .requirementsWrapper table .five {
	letter-spacing: 0.2em;
}

.newgraduateWrapper .requirementsWrapper table .three {
	letter-spacing: 1em;
}

.newgraduateWrapper .requirementsWrapper table .two {
	letter-spacing: 2em;
}

.newgraduateWrapper .requirementsWrapper table td {
	width: 610px;
	border-bottom: 1px solid #a0a0a0;
	padding: 15px 0;
}

.newgraduateWrapper .requirementsWrapper table tr {

}

.newgraduateWrapper .requirementsWrapper table td div {
	border-left: 1px solid #a0a0a0;
	padding-left: 15px;
}


.newgraduateWrapper .recruit ul.recruitment {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 30px;
}

.newgraduateWrapper .recruit .recruitment li {
	border-bottom: 1px solid #ffffff;
}

.newgraduateWrapper .recruit .recruitment li:last-child {
	border-bottom: none;
}



.newgraduateWrapper .recruitmentEvent {
    width: 1040px;
	padding-top: 100px;
    margin: -100px auto 150px;
}

.newgraduateWrapper .recruitmentEvent h3 {
    /*width: 900px;*/
	width: 1040px;
	border-bottom: 2px solid #e44438;
	margin: 0 auto 40px;
}

.newgraduateWrapper .recruitmentEvent p {
    width: 790px;
	margin: 0 auto 40px;
	font-size: 14px;
}

.newgraduateWrapper .recruitmentEvent .eventWrapper {
    width: 790px;
	margin: 0 auto;
}

.newgraduateWrapper .recruitmentEvent .eventWrapper a:link {
    text-decoration: underline;
}

.newgraduateWrapper .recruitmentEvent .eventWrapper a:hover {
    text-decoration: none;
}

.newgraduateWrapper .recruitmentEvent .eventWrapper h4 {
	font-weight: bold;
	font-size: 16px;
}

.newgraduateWrapper .recruitmentEvent .eventWrapper .eventDetail {
    width: 650px;
	margin: -2.6em 0 20px 4em;
	border-left: 1px dotted #999999;
}

.newgraduateWrapper .recruitmentEvent .eventWrapper .eventDetail:last-child {
	border-left: none;
}

.newgraduateWrapper .recruitmentEvent .eventWrapper .eventDate {
    background-color: #ffffff;
	margin-left: -0.3em;
	font-size: 20px;
	font-weight: bold;
}

.newgraduateWrapper .recruitmentEvent .eventWrapper .eventDate span {
    color: #999999;
	font-size: 14px;
}

.newgraduateWrapper .recruitmentEvent .eventWrapper .eventVenue {
    margin: -2.3em 2em 2em 5em;
}

.newgraduateWrapper .recruitmentEvent .eventWrapper .eventVenue dl {
    padding-bottom: 30px;
}

.newgraduateWrapper .recruitmentEvent .eventWrapper .eventVenue dt {
    background-color: #e44d42;
	color: #ffffff;
    padding: 0 10px 0 15px;
    width: 3em;
    letter-spacing: 0.5em;
	font-weight: bold;
	margin-bottom: 5px;
}

.newgraduateWrapper .recruitmentEvent .eventWrapper .eventVenue dd {
	margin-bottom: 5px;
}

.newgraduateWrapper .recruitmentEvent .entryBtn div {
	width: 980px;
	margin: 0 auto;
	padding: 30px;
	background-color: #404040;

	color: #ffffff;
	font-size :18px;
	text-align: center;
}

.newgraduateWrapper .recruitmentEvent .entryBtn a:hover {
	text-decoration: none;
	opacity: 0.5;
}




.newgraduateWrapper .work-style {
	margin-bottom: 100px;
	text-align: center;
}

.newgraduateWrapper .work-style h3 {
	margin-bottom: 30px;
}

.newgraduateWrapper .work-style h4 {
	margin-bottom: 70px;
}

.newgraduateWrapper .work-style p {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 54px;
}

.newgraduateWrapper .work-style ul {
	width: 780px;
	display: flex;
	margin: 0 auto;
}

.newgraduateWrapper .work-style li {
	width: 354px;
	border-top: 2px solid #f3928b;
	border-bottom: 2px solid #f3928b;
}

.newgraduateWrapper .work-style li:first-child {
	margin-right: 72px;
}

.newgraduateWrapper #welfare {
	padding-top: 60px;
	margin-top: -60px;
}

.newgraduateWrapper .welfareWrapper {
	background-color: #f3f3f3;
	padding: 90px 0;
}

.newgraduateWrapper .welfareWrapper h3 {
	text-align: center;
	margin-bottom: 30px;
}

.newgraduateWrapper .welfareWrapper h4 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 30px;
	border-bottom: 2px solid #f5f5f5;
	text-align: center;
	letter-spacing: 0.2em;
}

.newgraduateWrapper .welfareWrapper h4 strong {
	color: #e44d42;
	font-weight: bold;
}


.newgraduateWrapper .welfareWrapper .benefit-system {
	background-color: #ffffff;
	width: 740px;
	padding: 60px 55px;
	margin: 0 auto 25px;
}

.newgraduateWrapper .welfareWrapper .benefit-system td {
	width: 370px;
	font-size: 15px;
	padding-bottom: 10px;
}

.newgraduateWrapper .welfareWrapper .benefit-system td span {
	font-size: 13px;
}

.newgraduateWrapper .welfareWrapper .company-data {
	background-color: #ffffff;
	width: 740px;
	padding: 60px 55px;
	margin: 0 auto;
}

.newgraduateWrapper .welfareWrapper .company-data ul {
	display: flex;
	flex-wrap: wrap;
}


.newgraduateWrapper .welfareWrapper .company-data li {
	margin-bottom: 50px;
}

.newgraduateWrapper .welfareWrapper .company-data li:nth-child(4) {
	margin-left: 136px;
}

.newgraduateWrapper #careerup {

}

.newgraduateWrapper .support {
	background-color: #e44d42;
	padding: 90px 0;
	width: 1040px;
	margin: 90px auto 150px;
	color: #ffffff;
}

.newgraduateWrapper .support h3 {
	text-align: center;
	margin: 0 auto 50px;
	width: 870px;
	border-bottom: 2px solid #fdf1f0;
}

.newgraduateWrapper .support h4 {
	font-size: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
}

.newgraduateWrapper .support p {
	font-size: 14px;
	text-align: center;
	margin-bottom: 30px;
}

.newgraduateWrapper .support ul {
	display: flex;
	width: 870px;
	margin: 0 auto 60px;
}

.newgraduateWrapper .support li {
	margin-right: 6px;
}

.newgraduateWrapper .support li:last-child {
	margin-right: 0;
}


.newgraduateWrapper .support .img_shoe-fitter {
	width: 860px;
	margin: 0 auto;
	display: flex;
}

.newgraduateWrapper .support .link {
    width: 430px;
    margin: -60px auto 0;
    z-index: 100;
    position: relative;
    background-color: #e44d42;
}





#works .main-container-inner {
    width: 100%;
}

.newgraduateWrapper .worksHeader {
	margin-bottom: 120px;
	text-align: center;
}

.newgraduateWrapper .worksHeader h3 {
	margin-bottom: 30px;
}

.newgraduateWrapper .worksHeader h4 {
	margin-bottom: 70px;
}

.newgraduateWrapper .worksHeader p {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 54px;
}

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

.newgraduateWrapper .worksHeader ul {
	width: 1120px;
	display: flex;
	margin: 0 auto;
}

.newgraduateWrapper .worksHeader li {
	width: 250px;
	margin-right: 40px;
	border-top: 2px solid #f3928b;
	border-bottom: 2px solid #f3928b;
}

.newgraduateWrapper .worksHeader li:last-child {
	margin-right: 0;
}


.newgraduateWrapper ul.categoryLink {
	/*width: 720px;*/
	display: flex;
	margin: 30px auto;
	padding-bottom: 140px;
}

.newgraduateWrapper categoryLink button {
	border: none;
}

/*.newgraduateWrapper .categoryLink li {
	margin-right: 40px;
}

.newgraduateWrapper .categoryLink li:first-child {
	margin-left: 40px;
}

.newgraduateWrapper .categoryLink li:last-child {
	margin-right: 0;
}*/


.newgraduateWrapper #work_01,
.newgraduateWrapper #work_02,
.newgraduateWrapper #work_03,
.newgraduateWrapper #work_04 {
	margin-top: -90px;
	padding-top: 90px;
	padding-bottom: 80px;
}

.newgraduateWrapper #work_01_01,
.newgraduateWrapper #work_01_02,
.newgraduateWrapper #work_01_03,
.newgraduateWrapper #work_02_01,
.newgraduateWrapper #work_02_02,
.newgraduateWrapper #work_03_01,
.newgraduateWrapper #work_03_02,
.newgraduateWrapper #work_03_03,
.newgraduateWrapper #work_04_01,
.newgraduateWrapper #work_04_02,
.newgraduateWrapper #work_04_03 {
	margin-top: -90px;
	padding-top: 90px;
}

.newgraduateWrapper .contentsWrapper {
	display: inline-block;
}

.newgraduateWrapper .worksWrapper {
	width: 100%;
	background-color: #e44d42;
	padding-top: 150px;
}

.newgraduateWrapper .worksContents {
	width: 1200px;
	background-color: #ffffff;
	margin: 0 auto;
	padding-top: 30px;
    text-align: center;
}

.newgraduateWrapper .worksContents h3 {
	margin-bottom: 60px;
}

.newgraduateWrapper .worksContents h4 {
	font-size: 40px;
	font-weight: bold;
	color: #e44d42;
	letter-spacing: 0.2em;
	margin: 0 auto 20px;
	border-bottom: 2px solid #e44d42;
	width: 1000px;
}

.newgraduateWrapper .worksContents ul {
	display: flex;
	margin: 0 auto 80px;
}

.newgraduateWrapper .worksContents li {
	width: 250px;
	margin-right: 30px;
	border-top: 2px solid #f3928b;
	border-bottom: 2px solid #f3928b;
}

.newgraduateWrapper .worksContents h5 {
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 5px;
	letter-spacing: 0.1em;
}

.newgraduateWrapper .worksContents .business_example {
	font-size: 16px;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
}

.newgraduateWrapper .worksContents li:last-child {
	margin-right: 0;
}

.newgraduateWrapper .worksContents .personWrapper {
	display: flex;
	width: auto;
	margin-bottom: 70px;
}

.newgraduateWrapper .worksContents .personWrapper h6 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 5px;
}

.newgraduateWrapper .worksContents .personWrapper dl {
	width: 300px;
	text-align: left;
	margin-right: 50px;
}

.newgraduateWrapper .worksContents .personWrapper dl:last-child {
	margin-right: 0;
}

.newgraduateWrapper .worksContents .personWrapper dt img {
	margin-bottom: 10px;
}

.newgraduateWrapper .worksContents .personWrapper dd {
	font-size: 14px;
}

.newgraduateWrapper .worksContents .personWrapper dl.personImage {
	position: relative;
	margin-bottom: 60px;
}

.newgraduateWrapper .worksContents .personWrapper dl.personImage dd {
	position: absolute;
	right: 80px;
	bottom: -65px;
}

.newgraduateWrapper .worksContents .personWrapper dl.personComment {
	width: 740px;
	margin: 0 auto 60px;
	text-align: center;
}

.newgraduateWrapper .worksContents .personWrapper .personComment dt {
	font-size: 18px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}



.newgraduateWrapper .worksContents .personWrapper dt {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px solid #f4a096;
}


.newgraduateWrapper .worksContents .personWrapper .personWork {
	width: 860px;
	margin: 0 auto;
	display: flex;
}

.newgraduateWrapper .worksContents .personWrapper .workSummary {
	width: 330px;
	margin-right: 30px;
}

.newgraduateWrapper .worksContents .personWrapper .workSummary dl {
	text-align: left;
	margin: 20px 0 80px;
}

.newgraduateWrapper .worksContents .personWrapper .workSummary dt {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}

.newgraduateWrapper .worksContents .personWrapper .workSummary dd {
	margin-left: 20px;
}

.newgraduateWrapper .worksContents .attention {
	text-align: right;
	width: 1200px;
}

#works .recruitmentEvent {
    width: 100%;
	background-color: #ffffff;
}




#interview .main-container-inner {
    width: 100%;
}

#interview h3.midashi {
	margin-bottom: 50px;
	text-align: center;
}

.newgraduateWrapper .interviewHeader {
	margin-bottom: 80px;
	text-align: center;
}


.newgraduateWrapper .interviewHeader .interview_person {
	padding-top: 100px;
}


.newgraduateWrapper .interviewHeader .person_photo {
	margin-top: -100px;
}

.newgraduateWrapper .interviewHeader .mt_50 {
	margin-top: 50px;
}

.newgraduateWrapper .interviewHeader .person_info {
	background-color: #e44d42;
	color: #ffffff;
	margin-top: -200px;
	padding-top: 240px;
}


.newgraduateWrapper .interviewHeader .person_info h4 {
	font-size: 24px;
	letter-spacing: 0.2em;
	font-weight: bold;
	width: 800px;
	margin: 0 auto 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #f2aca7;
}



.newgraduateWrapper .interviewHeader .person_detail {
	display: flex;
	width: 800px;
    margin: 0 auto 20px;
	font-size: 16px;
}

.newgraduateWrapper .interviewHeader .person_detail .person {
	width: 320px;
    margin: 0 40px 20px;
}

.newgraduateWrapper .interviewHeader .person_detail .person p {
	margin-top: 5px;
	font-size: 11px;
}

.newgraduateWrapper .interviewHeader .person_detail .career_path {
	display: flex;
	width: 380px;
    margin: 0 10px 20px;
}

.newgraduateWrapper .interviewHeader .person_detail .career_path dt {
	width: 7.5em;
}

.newgraduateWrapper .interviewHeader .person_detail .career_path ul {
	text-align: left;
	padding-top: 1.4em;
/*	list-style-type: disc;
	list-style-position: inside;*/
}


.newgraduateWrapper .interviewHeader .person_detail .career_path li {
    border-left: 1px dotted #c5c5c5;
    text-indent: -0.35em;
    height: 0.8em;
    margin-top: -2.5em;
    margin-bottom: 2.7em;
    padding-top: 1em;
}

.newgraduateWrapper .interviewHeader .person_detail .career_path li:first-child {
    border-left: 1px dotted #e44d42;
}

.newgraduateWrapper .interviewHeader .person_detail .career_path li span {
    color: #c5c5c5;
}

.newgraduateWrapper .interviewHeader h3 {
	margin-bottom: 30px;
}

.newgraduateWrapper .interviewHeader h4 {
	margin-bottom: 70px;
}


.newgraduateWrapper .interviewWrapper {
	width: 760px;
	margin: 0 auto;
	padding-bottom: 50px;
}


.newgraduateWrapper .interviewWrapper h3 {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}

.newgraduateWrapper .interviewWrapper p {
	margin-bottom: 80px;
	font-size: 14px;
}

.newgraduateWrapper .interviewWrapper .chart {
	display: flex;
}

.newgraduateWrapper .interviewWrapper .chartText {
	width: 360px;
	margin-right: 40px;
}

.newgraduateWrapper .interviewWrapper .chartGraph {
	width: 360px;
}

.newgraduateWrapper .interviewWrapper dl.otherLink {
	margin-bottom: 80px;
}

.newgraduateWrapper .interviewWrapper .otherLink dt {
	text-align: center;
}

.newgraduateWrapper .interviewWrapper .otherLink ul {
	width: 780px;
	display: flex;
	margin: 0 auto;
}

.newgraduateWrapper .interviewWrapper .otherLink li {
	width: 248px;
	margin-right: 18px;
	border-top: 2px solid #f3928b;
	border-bottom: 2px solid #f3928b;
}

.newgraduateWrapper .interviewWrapper .otherLink li:last-child {
	margin-right: 0;
}

.newgraduateWrapper .interviewWrapper .t_align-c {
	text-align: center;
}

.newgraduateWrapper .interviewWrapper .wide {
	margin-left: -20px;
}

.newgraduateWrapper .interviewWrapper .otherLink .width-1 {
	width: 248px;
}

.newgraduateWrapper .interviewWrapper .otherLink .width-2 {
	width: 514px;
}

.newgraduateWrapper .interviewWrapper ul.link {
	width: 354px;
	margin: 0 auto 20px;
	border-top: 2px solid #f3928b;
	border-bottom: 2px solid #f3928b;
}



.newgraduateWrapper .anchor {
	text-align: center;
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: bold;
}

.newgraduateWrapper .anchor .flex_anchor  {
	display: flex;
	width: 34em;
	margin: 0 auto;
}

.newgraduateWrapper .anchor .flex_anchor li {
	flex: auto;
}

.newgraduateWrapper .anchor .flex_anchor li a {
	text-decoration: underline;
}

.newgraduateWrapper .anchor .flex_anchor li a:hover {
	text-decoration: none;
}

.newgraduateWrapper .anchor .flex_anchor a::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  color: #111111;
  line-height: 1;
  width: 0.6em;
  height: 0.6em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  margin-left: 1em;
  margin-bottom: 0.3em;
}

.newgraduateWrapper  #interview_person-01,
.newgraduateWrapper  #interview_person-02,
.newgraduateWrapper  #interview_person-03,
.newgraduateWrapper  #interview_person-04 {
	display: block;
	margin-top: -160px;
	padding-top: 160px;
}





/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box{
	opacity: 0;
}

/*==================================================
動かしたい動き
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}



.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}

.animate__animated {
 visibility: hidden;
 opacity: 0;
 transition: 1s;
}
/* jQueryによって追加されるコード */
.animate__flipInX {
 visibility: visible;
 opacity: 1;
}