@charset "utf-8";

.csr-contents-inner .panel h3 { font-size:inherit}
.newgraduate-contents { font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */ }
.newgraduate-contents { font-size: 10px; font-size: 1.0rem; letter-spacing: -0.001em; }


@media screen and (min-width: 375px) {
.newgraduate-contents { font-size: 14px; font-size: 1.4rem; }
}
@media screen and (min-width: 480x) {
.newgraduate-contents {font-size: 17.92px;font-size: 1.792rem;}
}
@media screen and (min-width: 640px) {
.newgraduate-contents { /*font-size: 23.89333px; font-size: 2.389333rem;*/ }
}
@media screen and (min-width: 768px) {
.newgraduate-contents { /*font-size: 28.672px; font-size: 2.8672rem;*/ }
}

.page-title { padding-right:0; padding-left:15px; padding-bottom:15px; margin:0 !important;}
.csr-contents-inner { padding-right:0;}
.csr-contents-inner h3 { text-align: center; margin-bottom: 6%; padding: 4% 1%; font-size: 18px; font-weight: bold; border-top: 1px solid #9b9a9b; border-bottom: 1px solid #9b9a9b;}
	
@media screen and (min-width: 375px) {
.csr-contents-inner .lead { font-size: 12px; }
}
@media screen and (min-width: 480x) {
.csr-contents-inner .lead {font-size: 12px;}
}
@media screen and (min-width: 640px) {
.csr-contents-inner .lead { font-size: 15px; }
}
	
.csr-contents-inner .lead { padding: 0 3%; font-weight: normal; line-height: 1.8; text-align: center; }
.col-xs-6,.col-sm-4,.col-md-3 {padding-right:15px;padding-left:15px;}
.csr-contents-inner .panel {padding:0;}
.csr-contents-inner .panel .panel-footer {padding:10px 0 10px; background-color: transparent; }
.csr-contents-inner .panel .panel-footer .lineclamp { height: 12em; margin-bottom: 3%; }
.csr-contents-inner .panel .panel-footer p.lineclamp {}

.row {
    padding-left: 15px;
}
	
.col-xs-6, .col-sm-4, .col-md-3 {
    padding-left: 0;
}

.csr-contents-inner .panel .panel-footer .lineclamp {
    padding-right: 0;
}

.csr-contents-inner .panel .panel-footer .lineclamp:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    width: 0;
}
	
.csr-contents-inner .panel .panel-footer .lineclamp:after {
    content: "";
    position: relative;
    right: -1em;
    float: right;
    width: 0;
    height: 100%;
    background-color: inherit;
    display: none;
}

.csr-contents-inner .panel .panel-footer .readmore {
	width: 7em;
}

#page-archive-link { margin:5% auto;width:80%; text-align:center; font-size:110%}
#page-archive-link li { margin-bottom:1%}
#page-archive-link li:last-child { margin-bottom:0}
#page-archive-link li a { border:1px solid #ccc; padding:2% 0; margin-bottom:4%; margin-left:auto; margin-right:auto; width:100%; display: inline-block; position: relative; text-align: center;}
#page-archive-link li a:after { display: block; position: absolute; top: 50%; right: .7em; width: .5em; height: .5em; margin-top: -.27em; border-top: solid 2px #ccc; border-right: solid 2px #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: "" }
#page-archive-link li a:hover { text-decoration:none}

.principle,.activity { /*margin: 3%;*/ }
.policy { margin-bottom: 0; text-align: center; }
.policy h2 { text-align: left; font-size: 12px; color: #009933; font-weight: bold; margin-bottom: 5%; }
.policy h3 { padding: 4% 1% 6%; font-size: 20px; font-weight: bold; color: #1aad7a;}
.policy p { margin: 0 4% 4%; font-size: 14px; line-height: 1.8; }
.policy h4 { margin-bottom: 6%; padding: 4% 1%; font-size: 18px; font-weight: bold; border-top: 1px solid #9b9a9b; border-bottom: 1px solid #9b9a9b;}
.principle p,.activity p { margin: 1%; font-size: 14px; }
.policy ul { clear: both; margin-bottom: 5%; }
.policy li { float: left; margin: 1%; width: 42%; font-size: 13px; }
.policy li img { width: 5%; margin-right: 2%; }
.policy p,.principle p,.activity p { margin-bottom: 5%; }

.policy .mv02 {display: none;}
@media screen and (min-width: 455px) {
	.policy .mv01 {/*display: none*/ display:block;}
	.policy .mv02 {display: block;}
}

.supply_chain { margin-bottom: 0; text-align: center; }
.supply_chain p { margin: 0 4% 4%; font-size: 14px; line-height: 1.8; }
.supply_chain h4 { margin-bottom: 6%; padding: 4% 1%; font-size: 18px; font-weight: bold; border-top: 1px solid #9b9a9b; border-bottom: 1px solid #9b9a9b;}
.supply_chain .btn li { margin-bottom: 5%; }
	
.explanation { text-align: center; margin-bottom: 10%; padding: 8% 0; background-color: #eef8fd;}
.explanation h3 { margin: 0 10% 5%; }
.explanation h4 { font-size: 14px; margin: 0 4% 2%; }
.explanation p { font-size: 14px; margin: 0 4% 2%; }

.newTopics { font-size: 14px; line-height: 1.5; }
.newTopics h3 { margin: 0 10% 10%; padding-bottom: 2%; text-align: center; font-size: 16px; }
.newTopics dl { margin: 0 4% 10%; }
.newTopics dt { line-height: 1.5; font-weight: normal; }
.newTopics dt img { height: 1.2em; margin-left: 3%; vertical-align: top;}
.newTopics dd { line-height: 1.5; margin-bottom: 5%; }
.newTopics .topic { margin: 0 12% 10%; border-bottom: 1px solid #0e9324; }
.newTopics .topic h4 { margin-bottom: 5%; text-align: center; }
.newTopics .topic h5 { margin-bottom: 3%; text-align: center; }
.newTopics .topic h5 img { border: 1px solid #CBCBCB; }
.newTopics dt { margin-bottom: 1%; }

@media screen and (min-width: 640px) {
.newTopics .topicsWrapper { display: flex; }
.newTopics .topic { width: 33%; margin: 0 2% 0; border-bottom: none; }
}

.principle h3 { margin-bottom: 6%; padding: 4% 1%; font-size: 18px; font-weight: bold; border-top: 1px solid #9b9a9b; border-bottom: 1px solid #9b9a9b; text-align: center;}
.principle .sdgsWrapper { margin-bottom: 5%; padding: 3%; }
.principle .sdgsWrapper h4 { margin-bottom: 3%;}
.principle .sdgsWrapper .explanation_wrapper { margin-bottom: 10%;}
.principle .sdgsWrapper .explanation_wrapper dt { font-size: 15px; font-weight: bold; margin-bottom: 3%;}
.principle .sdgsWrapper .explanation_wrapper .outline { margin-bottom: 3%;}
.principle .sdgsWrapper p { font-size: 15px; font-weight: normal; line-height: 1.8;}
.principle .sdgsWrapper .bnrlist { margin: 0 2% 8%;}
.principle .sdgsWrapper li { margin-bottom: 2%;}
.principle .sdgs { padding: 0 0 5%; font-size: 14px; line-height: 1.8 !important;}
.principle .sdgs li { float: left; width: 48%; margin-right: 2%; }
.principle .explanation { font-size: 14px; }
.principle .explanation dt { margin-bottom: 5%; font-size: 14px; }
.principle .explanation dt img { width: 80%; }
	
.principle .sdgs-activity dl { margin-bottom: 0; }
.principle .sdgs-activity dt { margin-bottom: 2%; color: #666666; }
.principle .sdgs-activity li { margin-bottom: 2%; }
	
.activity h3 { margin-bottom: 3%; padding: 4% 1%; font-size: 14px; font-weight: bold; }
.row .date { margin-bottom: 2%; font-size: 14px; }

@media screen and (orientation: landscape) {
	.policy h3 { font-size: 24px; }
	.policy p { font-size: 18px;}
	.explanation h3 { margin-bottom: 20px; }
	.explanation { margin-bottom: 30px; }
	.explanation h3 img { width: 80%; }
	.explanation h4 { font-size: 22px; }
	.explanation p { font-size: 16px; }	
	.principle h3 { text-align: center; }
	.principle h3 span { display: inline; }
	.principle .sdgsWrapper { margin-bottom: 0; }
	/*.principle .sdgs li img { width: 50%; }*/
	.principle .sdgs li { width: 25%; }
	.sdgs-activity li img { width: 60%; }
	.principle .sdgs { padding-bottom: 20px; }
	.principle .sdgs-activity li { margin-bottom: 5px; }
	.newgraduate-contents { font-size: 14px; font-size: 1.4rem; }
	#page-archive-link img { width: 60%; }
	.activity { margin-top: 0; }
	.activity h3 { padding: 0 1%; }
	}
	
	
.topicsLink {
	font-weight: bold;
	width: 320px;
    margin: 0 auto;
	background-color: #18a86b;
	text-align: center;
	padding: 2%;
	color: #FFFFFF;
}
	
.topicsLink p,
.topicsLink a {
	color: #FFFFFF;
}

.csr_mag {
	width:90%;
	margin: 0 auto;
	text-align:center;
}

.csr_mag img{
	width:330px;
	height:auto;
	margin:0 auto;
}
	
.csr_mag h3 {
	font-size: 18px;
    line-height: 1.5;
    margin-bottom: 8%;
}

.csr_mag h4 {
	color: #1aad7a;
	font-size: 18px;
    line-height: 1.5;
    margin: 8% 0 6%;
}
	
.csr_mag h5{
	border-bottom: 1px solid #18a86b;
	font-size:18px;
	line-height: 1.4em;
	margin-bottom:20px;
}

.csr_mag h6{
	font-family: serif;
	font-weight:lighter;
	font-size:18px;
	line-height: 1.4em;
	margin: 5% 0;
}

.btn { margin: 0 10% 10%; padding-bottom: 2%; text-align: center; }
	
.attempt {
	background-color: #eef8fd;
	padding: 10% 0;
	text-align: center;
	margin-bottom: 10%;
}
	
.attempt h3 { margin: 0 10% 5%; padding-bottom: 2%; text-align: center; font-size: 16px; }

.attempt h4 { margin: 0 5% 5%; font-size: 16px; line-height: 1.5; font-weight: bold; }

@media screen and (min-width: 375px) {
.attempt p { font-size: 12px; }
}
@media screen and (min-width: 480x) {
.attempt p {font-size: 12px;}
}
@media screen and (min-width: 640px) {
.attempt p { font-size: 14px; }
}
	
.attempt p { margin: 0 5% 0; line-height: 1.5; }

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

.explanation_wrapper .two .outline {
	width: 78%;
}

.explanation_wrapper .one .outline {
	width: 88%;
}

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

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

.explanation_wrapper .sdgs_wrapper {
	display: flex;
}	

.explanation_wrapper .sdgs_icon {
	display: flex;
}

.explanation_wrapper .sdgs_icon li {
	margin-right: 6px;
	width: 60px;
}

.explanation_wrapper .sdgs_icon li img {

}

	
.explanation_wrapper .sdgs_icon li:last-child {
	margin-right: 0;
}
	
.basic_policy_links {
	text-align: center;
	margin:30px auto;
	width:90%;
}

.basic_policy_links .basic_policy_links_btn_01 {
	padding:12px;
	text-align: center;
	background-color:#11CA87;
	color:#fff;
	margin:10px auto;
}

.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;
	margin:10px auto;
}

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

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

header .pagetop img {
	width: 56px;
}


	#header {
		background-color: #e44d42;
		position: fixed;
		height: auto;
		z-index: 300;
		top: 0;
		left: 0;
	}

	.logo {
		display: flex;
	}
	
	.logo h1 {
		width: 67%;
		padding: 3% 6% 5%;
	}

	.logo h1 img {
		width: 80%;
	}

	.logo .entry-button {
		width: 33%;
		background-color: #404040;
		text-align: center;
		vertical-align: middle;
		color: #ffffff;
		font-weight: bold;
	}
	
	.logo .entry-button a {
		color: #ffffff;
	}
	
	.logo .entry-button div {
		padding: 18% 12%;
	}
	
	.recruit-navi {
		display: flex;
		border: 1px solid #ffffff;
		height: 10%;
		font-size: 13px;
	}

	
/*	.recruit-navi li:first-child {
		width: 34%;
	}*/
	
	.recruit-navi li {
		width: 33.33%;
		border-right: 1px solid #ffffff;
		text-align: center;
		padding: 2.2% 2%;
	}

	.recruit-navi li:last-child {
		border-right: none;
	}
	
	.recruit-navi li a {
		color: #ffffff;
	}
	
	
	#main-container {
		/*padding-top: 23vw;*/
	}

	.haki-gokochi {
		margin-bottom: 20%;
	}
	
	.haki-gokochi .lead {
		font-size: 17px;
		line-height: 2;
		margin: -5% 5% 5%;
	}
	
	.history {
		background-color: #e44d42;
		color: #ffffff;
		margin-bottom: 20%;
	}
	
	.history h3 {

	}
	
	.history .historyContents {
		margin: 5%;
		padding-bottom: 8%;
	}
	
	.history .last {
		border-bottom: none;
	}
	
	.history .historyContents .historyInfo dl {
		font-size: 28px;
	}
	
	.history .historyContents .historyInfo dt {
		font-size: 34px;
	}
	
	.history .historyContents .historyInfo dd {
		margin-top: -1.5em;
		margin-left: 1.7em;
		font-size: 28px;
		border-left: 1px solid #ffffff;
		padding-left: 10px;
	}
	
	.history .historyContents .historyInfo p {
		color: #ffffff;
		margin-bottom: 5%;
	}


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

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




.newgraduate-contents .works {
	margin-bottom: 20%;
	height: 160vw;
	position: relative;
}

.newgraduate-contents .works .works_bg {
	height: 47vw;
	width: 100%;
	background-color: #e44d42;
	text-align: center;
	position: absolute;
	top: 3vw;
	left: 0;
}

.newgraduate-contents .works h3 {
	margin: 0 auto 0;
	z-index: 100;
	width: 90%;
}

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

.newgraduate-contents .works .img_works {
    position: relative;
    width: 90%;
    margin: 0 auto;
}




	


	
/*.works .link {
	position: relative;
	z-index: 100;
	width: 70%;
	margin: -35px auto 0;
	background-color: #ffffff;
	padding: 10px;
	text-align: center;
}

.works .link div {
	width: 75%;
	margin: 10px auto;
	border-radius: 30px;
	border: 2px solid #fc7267;
	background-color: #ffffff;
	padding: 20px;
	text-align: center;
}*/


.newgraduate-contents .works ul.link {
	border-top: 1px solid #f59c94;
	border-bottom: 1px solid #f59c94;
	margin: 5%;
}

.newgraduate-contents .works .link li {
	border-bottom: 1px solid #f59c94;
}

.newgraduate-contents .works .link li:last-child {
	border-bottom: none;
}
	
	
	.work-life-balance {
		margin-bottom: 20%;
	}
	
	.work-life-balance .lead {
		line-height: 2;
		margin: 5%;
	}



	.work-life-balance ul.link {
		border-top: 1px solid #f59c94;
		border-bottom: 1px solid #f59c94;
		margin: 5%;
	}

	.work-life-balance .link li {
		border-bottom: 1px solid #f59c94;
	}

	.work-life-balance .link li:last-child {
		border-bottom: none;
	}

	.sustainability {
		margin-bottom: 15%;
	}
	
	.sustainability .lead {
		line-height: 2;
		margin: 5%;
	}

	.sustainability h3 {
		z-index: 100;
		position: relative;
	}


	
	.sustainability ul.link {
		border-top: 1px solid #f59c94;
		border-bottom: 1px solid #f59c94;
		margin: 5%;
	}

	.sustainability .link li {
		border-bottom: 1px solid #f59c94;
	}

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

	.sustainability .img_sustainability {
		width: 100%;
		margin: -18% auto 0;
	}
	
	.recruit {
		padding-bottom: 5%;
		margin-bottom: 10%;
		background-color: #e44d42;
	}
	
.recruit ul.link {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
	margin: 5%;
}
	
.recruit .link li {
	border-bottom: 1px solid #ffffff;
}

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

.recruit ul.entry div {
    background-color: #404040;
	color: #ffffff;
	padding: 10%;
	text-align: center;
}

.recruit ul.entry li {
    padding: 5%;
	font-size: 20px;
	letter-spacing: 0.2em;
}

.recruit ul.entry a {
	color: #ffffff;
}

	.recruit .img_recruit {
		width: 100%;
		margin: -7% auto 10%;
	}


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

.newgraduate-contents .work-style {
    width: 100%;
    margin: 5% auto 15%;
}

.newgraduate-contents .work-style h3 {
    width: 74%;
    margin: 0 auto;
}

.newgraduate-contents .work-style h4 {
    width: 100%;
    margin-top: -25%;
	margin-bottom: 10%;
}

.newgraduate-contents .work-style p {
	font-size: 16px;
	text-align: center;
	margin-bottom: 10%;
	line-height: 2.2;
}

.newgraduate-contents .work-style ul {
	width: 90%;
	margin: 0 auto;
	border-top: 2px solid #f3928b;
}

.newgraduate-contents .work-style li {
	border-bottom: 2px solid #f3928b;
}


.newgraduate-contents #welfare {
    margin-top: -26vw;
    padding-top: 26vw;
}

.newgraduate-contents #careerup {
    margin-top: -26vw;
    padding-top: 26vw;
}

.newgraduate-contents .welfareWrapper {
	background-color: #f3f3f3;
	padding: 12% 0 10%;
}

.newgraduate-contents .welfareWrapper h3 {
	text-align: center;
	width: 75%;
	margin: 0 auto 5%;
}

.newgraduate-contents .welfareWrapper h4 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5%;
	margin:0 auto 8%;
	border-bottom: 2px solid #f5f5f5;
	text-align: center;
	letter-spacing: 0.2em;
	width: 70vw;
}

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


.newgraduate-contents .welfareWrapper .benefit-system {
	background-color: #ffffff;
	padding: 8% 10%;
	margin: 0 auto 25px;
	width: 90%;
	line-height: 2;
}


.newgraduate-contents .welfareWrapper .benefit-system span {
	font-size: 11px;
}

.newgraduate-contents .welfareWrapper .company-data {
	background-color: #ffffff;
    padding: 8% 3% 2%;
    margin: 0 auto 25px;
    width: 90%;
    line-height: 2;
}

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


.newgraduate-contents .welfareWrapper .company-data li {
	width: 50%;
}

.newgraduate-contents .welfareWrapper .company-data li:nth-child(5) {
	margin-left: 25%;
}


.newgraduate-contents .support {
	background-color: #e44d42;
	padding: 10% 0 15%;
	width: 100%;
	margin-bottom: 10%;
	color: #ffffff;
}

.newgraduate-contents .support h3 {
	text-align: center;
	margin: 0 auto 8%;
	width: 85%;
	border-bottom: 2px solid #fdf1f0;
}

.newgraduate-contents .support h4 {
	font-size: 20px;
	margin: 0 auto 8%;
	width: 90%;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}

.newgraduate-contents .support p {
	font-size: 14px;
	text-align: left;
	margin: 0 auto 5%;
	width: 90%;
	color: #ffffff;
}

.newgraduate-contents .support ul {
	display: flex;
	width: 90%;
	margin: 0 auto 10%;
	color: #ffffff;
}

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

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


.newgraduate-contents .support .img_shoe-fitter {
	width: 90%;
	margin: 0 auto 8%;
	display: flex;
}

.newgraduate-contents .support .img_shoe-fitter img {
	width: 50%;
}

.newgraduate-contents .support .shoe-fitter_bg ul {
    width: 90%;
    margin: 0 auto;
    border-top: 2px solid #ffffff;
}

.newgraduate-contents .support .shoe-fitter_bg li {
    border-bottom: 2px solid #ffffff;
}







.newgraduate-contents #requirements {
	margin-top: -26vw;
	padding-top: 26vw;
}

.newgraduate-contents .requirementsWrapper {
    width: 92%;
    margin: 5% auto 15%;
}

.newgraduate-contents .requirementsWrapper h3 {
	border-bottom: 2px solid #e44438;
	margin: 0 auto 3%;
}
	
.newgraduate-contents .requirementsWrapper h3 img {
	width: 80%;	
}

.newgraduate-contents .requirementsWrapper table {
	margin: 0 auto;
}

.newgraduate-contents .requirementsWrapper table th {
	width: 25%;
    font-weight: bold;
	border-bottom: 1px solid #a0a0a0;
	padding: 3%;
	letter-spacing: 0.2vw;
}

.newgraduate-contents .requirementsWrapper table .three {
	letter-spacing: 0.5em;
}

.newgraduate-contents .requirementsWrapper table .two {
	letter-spacing: 1.2em;
}

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

.newgraduate-contents .requirementsWrapper table tr {

}

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


.newgraduate-contents #event {
	margin-top: -26vw;
	padding-top: 26vw;
}


.newgraduate-contents .recruitmentEvent {
    width: 92%;
    margin: 5% auto 15%;
}

.newgraduate-contents .recruitmentEvent h3 {
	border-bottom: 2px solid #e44438;
	margin: 0 auto 3%;
}
	
.newgraduate-contents .recruitmentEvent h3 img {
	width: 80%;
}

.newgraduate-contents .recruitmentEvent p {
	margin: 0 auto 5%;
}

.newgraduate-contents .recruitmentEvent .eventWrapper {
	margin: 0 auto;
}

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


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


.newgraduate-contents .recruitmentEvent .eventWrapper h4 {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 2%;
}

.newgraduate-contents .recruitmentEvent .eventWrapper .eventDetail {
	margin: 0 0 -4% 2%;
	border-left: 1px dotted #999999;
}

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

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

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

.newgraduate-contents .recruitmentEvent .eventWrapper .eventVenue {
    margin: -1.7em 0 0 5em;
}

.newgraduate-contents .recruitmentEvent .eventWrapper .eventVenue dl {
    padding-bottom: 5%;
}

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

.newgraduate-contents .recruitmentEvent .eventWrapper .eventVenue dd {
	margin-bottom: 5%;
}

.newgraduate-contents .recruitmentEvent .entryBtn div {
	width: 90%;
	margin: 0 auto;
	padding: 5%;
	background-color: #404040;
	color: #ffffff;
	font-size :16px;
	text-align: center;
}

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


.newgraduate-contents .worksHeader {
    width: 100%;
    margin: 5% auto 5%;
}

.newgraduate-contents .worksHeader h3 {
    width: 90%;
    margin: 0 auto 5%;
	text-align: center;
}

.newgraduate-contents .worksHeader h4 {
    width: 100%;
    margin-top: -30%;
	margin-bottom: 10%;
}

.newgraduate-contents .worksHeader p {
	font-size: 16px;
	text-align: center;
	margin-bottom: 10%;
	line-height: 2.2;
}

.newgraduate-contents .worksHeader ul {
	position: relative;
	width: 90%;
	margin: 0 auto 5%;
	border-top: 2px solid #f3928b;
}

.newgraduate-contents .worksHeader li {
	border-bottom: 2px solid #f3928b;
}





.newgraduate-contents #work_01,
.newgraduate-contents #work_02,
.newgraduate-contents #work_03,
.newgraduate-contents #work_04 {
	margin-top: -90px;
	padding-top: 90px;
}

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




.newgraduate-contents .worksWrapper {
	padding-bottom: 10%;
}

.newgraduate-contents .worksContents {
	width: 90%;
	background-color: #ffffff;
	margin: 0 auto;
	padding-top: 30px;
    text-align: center;
}

.newgraduate-contents .worksContents h3 {
	margin-bottom: 10%;
}

.newgraduate-contents .worksContents h4 {
	font-size: 2em;
	font-weight: bold;
	color: #e44d42;
	letter-spacing: 0.2em;
	margin: 0 auto 20px;
	border-bottom: 2px solid #e44d42;
	padding-bottom: 3%;
}

.newgraduate-contents .worksContents ul {
	display: flex;
	margin: 0 auto 80px;
}

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

.newgraduate-contents .worksContents h5 {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 3%;
	letter-spacing: 0.1em;
	line-height: 1.5;
}

.newgraduate-contents .worksContents dl.business_example {
	font-size: 0.8em;
	margin-bottom: 5%;
	letter-spacing: 0.1em;
}

.newgraduate-contents .worksContents .business_example dt {
	font-weight: normal;
	text-align: left;
}

.newgraduate-contents .worksContents .business_example dd {
	margin-top: -1.4em;
	margin-left: 4.5em;
	text-align: left;
}

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

.newgraduate-contents .worksContents .personWrapper {

	width: auto;
	margin-bottom: 70px;
}

.newgraduate-contents .worksContents .personWrapper h6 {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0;
	text-align: left;
	margin-bottom: 3%;
	line-height: 1.5;
}

.newgraduate-contents .worksContents .personWrapper dl {
	margin-bottom: 15%;
}

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

.newgraduate-contents .worksContents .personWrapper dt img {
	margin-bottom: 3%;
}

.newgraduate-contents .worksContents .personWrapper dd {
    font-size: 0.9em;
    text-align: left;
    line-height: 1.5;
}

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

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

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

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



.newgraduate-contents .worksContents .personWrapper dt {
	margin-bottom: 3%;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	border-bottom: 2px solid #f4a096;
}


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

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

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

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

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

.newgraduate-contents .worksContents .attention {
	text-align: center;
}



















.newgraduate-contents .interview h3 {
	width: 90%;
	margin: 0 auto;
}

.newgraduate-contents .interviewHeader {
	margin-bottom: 15%;
}

.newgraduate-contents .interviewHeader p.person_photo {
	margin: 0;
}

.newgraduate-contents .interviewHeader .person_info {
	background-color: #e44d42;
	color: #ffffff;
	padding: 8% 8% 1%
}

.newgraduate-contents .interviewHeader h4 {
    width: 100%;
	text-align: center;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	padding: 3%;
	font-size: 18px;
	letter-spacing: 0.2em;
	margin-bottom: 5%;
	font-weight: bold;
	
}

.newgraduate-contents .interviewHeader p {
	font-size: 16px;
	text-align: center;
	margin-bottom: 10%;
	line-height: 2.2;

}

.newgraduate-contents .interviewHeader .person_detail .person {
	font-size: 16px;
	text-align: center;
	margin-bottom: 10%;
	line-height: 2.2;
	color: #ffffff;
}

.newgraduate-contents .interviewHeader .person_detail .person dt {
	font-weight: normal;
}

.newgraduate-contents .interviewHeader .person_detail .person p {
	color: #ffffff;
	font-size: 12px;
}



.newgraduate-contents .interviewHeader .person_detail .career_path {
	display: flex;
	width: 100%;
    margin: 0 auto 3%;
}

.newgraduate-contents .interviewHeader .person_detail .career_path dt {
	width: 7.5em;
}

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


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

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

.newgraduate-contents .interviewHeader .person_detail .career_path li span {
    color: #c5c5c5;
}


.newgraduate-contents .interviewWrapper .interviewContents {
    margin: 5%;
}

.newgraduate-contents .interviewWrapper .interviewContents h3 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	width: 100%;
    margin-bottom: 8%;
	letter-spacing: 0.1em;
}

.newgraduate-contents .interviewWrapper .interviewContents p {
    margin-bottom: 15%;
	line-height: 1.8;
	letter-spacing: 0;
}
	

.newgraduate-contents .interviewWrapper .chart {
    background-color: #e44d42;
	padding: 8% 5% 12%;
	color: #ffffff;
	margin-bottom: 15%;
}

.newgraduate-contents .interviewWrapper .chart h4 {
    font-weight: bold;
	margin-bottom: 8%;
	color: #ffffff;
	letter-spacing: 0.1em;
}

.newgraduate-contents .interviewWrapper ul.link {
    border-top: 1px solid #f59c94;
    border-bottom: 1px solid #f59c94;
    margin: 5%;
}


	

	footer {
		padding-bottom: 2%;
	}
	
	footer #copyright p {
		font-size: 10px;
		color: #7d7d7d;
		text-align: center;
	}
	
	footer #copyright p a {
		color: #7d7d7d;
	}
	
footer .sns {
	display: flex;
	margin:0 auto 10%;
	width: 130px;
}

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

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

footer .menu {
	display: flex;
	width: 26em;
	/*width: 220px;*/
	margin: 0 auto 10%;
}

footer .menu li {
    margin-right: 1em;
}

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

footer .menu div {
	width: 8em;
	text-align: center;
}

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

	.mainVisual {
		position: relative;
		height: 126vw;
	}
	
	.mainVisual .mainVisual_01 {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.mainVisual .mainVisual_02 {
		position: absolute;
		top: 0;
		left: 0;
	}
	.mainVisual .mainVisual_03 {
		position: absolute;
		top: 0;
		left: 0;
	}
	.mainVisual .mainVisual_04 {
		position: absolute;
		top: 0;
		left: 0;
	}
	.mainVisual .mainVisual_05 {
		position: absolute;
		top: 0;
		left: 0;
	}
	.mainVisual .mainVisual_07 {
		position: absolute;
		top: 33vw;
		left: 0;
		width: 59vw;
		max-width: 570px;
	}
	
	
	
.mainVisual .mainVisual_08 {
	position: absolute;
	width: 3em;
	top: 42vw;
	left: 3vw;
	font-size: 7vw;
	font-weight: bold;
}
	
.mainVisual .mainVisual_09 {
	position: absolute;
	width: 5em;
	top: 54vw;
	left: 3vw;
	font-size: 7vw;
	font-weight: bold;
}

.mainVisual .mainVisual_09 span:nth-child(1) {
	color: #e44d42;
}

.mainVisual .mainVisual_09 span:nth-child(2) {
	color: #e44d42;
}

.mainVisual .mainVisual_09 span:nth-child(3) {
	color: #e44d42;
}

.mainVisual .mainVisual_09 span:nth-child(4) {
	color: #e44d42;
}
	
.mainVisual .mainVisual_10 {
	position: absolute;
	width: 6em;
	top: 66vw;
	left: 3vw;
	font-size: 7vw;
	font-weight: bold;
}
	

.haki-gokochi {
	position: relative;
}

.haki-gokochi h3 {
	position: relative;
	z-index: 100;
}

.haki-gokochi .haki-gokochiVisual_01 {
	margin-top: -5vw;
	position: relative;
	z-index: 50;
}

.haki-gokochi .haki-gokochiVisual_02 {
	margin-top: -26vw;
	position: relative;
	z-index: 1;
}
	
.haki-gokochi .lead {
	margin-top: -3vw;
}
	
/*==================================================
スタート時は要素自体を透過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;
}