/*------------------------------------------------------------
	awardlist
------------------------------------------------------------*/
#onetrust-consent-sdk {
	display: none;
}
#main {
    padding-bottom: 44px;
}
.pageTitle::before {
    background-image: url(/about/sustainability/deandi/img/interview/bg01.png);
}
.pageTitle {
	margin-bottom: 68px;
}
#main .linkList {
	margin: 0 -3px 85px;
}
#main .linkList li {
	width: calc((100% - 48px) / 2);
}
#main .linkList li a {
	padding: 6px 9px 9px 0;
	display: block;
	border: 1px solid #9CBCAC;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
	border-radius: 20px;
	color: #000;
	font-size: 2.6rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}
#main .linkList li a:hover {
	opacity: 0.7;
}
#main .linkList li a .sub {
	display: inline-block;
	padding: 10px 48px 7px 0;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	background: url(/about/sustainability/deandi/img/common/icon05.png) no-repeat right center / 4.3rem;
}
#main .linkList li:first-child a .sub {
	padding: 10px 116px 7px 82px;
}
#main .topText {
	margin-bottom: 38px;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.75;
}
#main .linkArea {
	margin: 0 auto;
	padding: 31px 22px 31px 35px;
	width: 560px;
	border: 1px solid #666;
	border-radius: 10px;
	align-items: flex-start;
}
#main .linkArea .photo {
	width: 309px;
}
#main .linkArea .link {
	width: 170px;
}
#main .linkArea .link a {
	padding: 7px 5px;
	display: block;
	color: #FFF;
	font-size: 1.8rem;
	line-height: 1.2;
	letter-spacing: -0.1em;
	text-align: center;
	background: #019A7C;
	border-radius: 100px;
	text-decoration: none;
}
#main .linkArea a:hover {
	opacity: 0.7;
}
#main .headLine04 {
	margin-bottom: 50px;
	padding-bottom: 8px;
	line-height: 1.2;
}
#main .headLine05 {
	margin-bottom: 65px;
	padding: 8px 24px 4px;
	font-size: 3.2rem;
	background-color: #2CA88A;
	text-align: center;
}
#main .headLine06 {
	margin-bottom: 40px;
}
#main .balance {
	margin: 126px 0 209px;
}
#main .content {
	width: 911px;
}
#main .subInner:not(:last-child) {
	margin-bottom: 114px;
}
#main .photoList {
	gap: 24px;
}
#main .balance .photoList li {
	padding: 31px 25px 29px;
	width: calc((100% - 48px) / 3);
	border: 1px solid #9CBCAC;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
	border-radius: 20px;
	box-sizing: border-box;
}
#main .photoList li .title {
	margin-bottom: 14px;
	min-height: 6.3rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
#main .photoList li .photo {
	margin-bottom: 14px;
}
#main .photoList li .text {
	margin: 0 0 18px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.75;
	text-align: left;
}
#main .photoList li .link {
	margin: 0 auto;
	max-width: 197px;
}
#main .photoList li .link a {
	padding: 8px 32px 8px 20px;
	display: block;
	color: #44987E;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	border: 1px solid #44987E;
	border-radius: 30px;
	text-decoration: none;
	background: url(/about/sustainability/deandi/img/common/icon06.png) no-repeat right 17px top calc(50% + 2px) / 17px;
}
#main .photoList li .link a:hover {
	opacity: 0.7;
}
#main .subInner .text {
	margin: -8px -3px 44px 0;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.75;
	text-align: center;
}
#main .subArea .subBox:not(:last-child) {
	margin-bottom: 83px;
}
#main .subArea .subBox .text {
	text-align: left;
}
#main .subArea .subBox .text a {
	color: #0000FF;
}
#main .subArea .subBox .headLine06 + .text {
	margin-top: -20px;
}
#main .subArea .subBox .note {
	margin-top: 9px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.75;
}
#main .subArea .subBox .title {
	margin-bottom: 5px;
	font-size: 2.7rem;
	font-weight: 700;
}
#main .subArea .subBox .title.center {
	text-align: center;
}
#main .subArea .subBox .text + .title {
	margin-top: -25px;
}
#main .subArea .subBox .photo01 {
	margin: 74px 1px 0 40px;
	float: right;
	width: 242px;
}
#main .subArea .subBox .textUl {
	max-width: 638px;
}
#main .subArea .subBox .textUl li {
	margin-bottom: 25px;;
	padding: 21px 20px 24px;
	font-size: 1.55rem;
	font-weight: 500;
	line-height: 1.75;
	background: #E0EEE9;
	text-align: justify;
}
#main .subArea .subBox .textUl li:last-child {
	margin-bottom: 0;
}
#main .subArea .subBox .textImg01 {
	margin: 18px -33px 0 0;
}
#main .subArea .subBox .photo02 {
	margin: 49px 0 0 35px;
	width: 337px;
	float: right;
}
#main .subArea .subBox .linkBox {
	margin: 96px auto 0;
	width: 800px;
}
#main .subArea .subBox .linkBox a:hover {
	opacity: 0.7;
}
#main .subArea .subBox .textImg02 {
	margin-top: -16px;
}
#main .subArea .subBox .textImg03 {
	margin: 46px auto 0;
	width: 740px;
}
#main .subArea .subBox .textImg04 {
	margin: 55px auto 0;
	width: 909px;
}
#main .subArea .subBox .photo03 {
	margin: 0 auto 63px;
	width: 746px;
}
#main .workstyle .headLine05 {
	margin-bottom: 101px;
}
#main .workstyle .subBox:not(:last-child) {
	margin-bottom: 65px;
}
@media all and (max-width: 767px) {
    #main {
        padding-bottom: 30px;
    }
	.pageTitle {
		margin-bottom: 50px;
	}
	#main .linkList {
		margin: 0 0 40px;
		display: block;
	}
	#main .linkList li {
		margin: 0 auto 20px;
		width: auto;
		max-width: 335px;
	}
	#main .linkList li:last-child {
		margin-bottom: 0;
	}
	#main .linkList li a {
		padding: 5px 0;
		font-size: 1.8rem;
		border-radius: 10px;
	}
	#main .linkList li a .sub {
		padding: 5px 50px !important;
		background-size: 30px;
	}
	#main .topText {
		margin-bottom: 25px;
		font-size: 1.4rem;
		text-align: left;
	}
	#main .linkArea {
		padding: 15px 10px;
		width: auto;
		display: block;
	}
	#main .linkArea .photo {
		margin: 0 auto 15px;
		width: auto;
		max-width: 280px;
	}
	#main .linkArea .photo img {
		width: 100%;
	}
	#main .linkArea .link {
		margin: 0 auto;
	}
	#main .linkArea .link a {
		font-size: 1.4rem;
	}
	#main .headLine04 {
		margin-bottom: 30px;
	}
	#main .headLine05 {
		margin-bottom: 40px;
		padding: 8px 10px 6px;
		font-size: 2.2rem;
	}
	#main .headLine06 {
		margin-right: -8px !important;
	}
	#main .balance {
		margin: 60px 0 80px;
	}
	#main .content {
		width: auto;
	}
	#main .subInner:not(:last-child) {
		margin-bottom: 50px;
	}
	#main .photoList {
		display: block;
	}
	#main .balance .photoList li {
		margin-bottom: 30px;
		padding: 20px;
		width: auto;
	}
	#main .balance .photoList li:last-child {
		margin-bottom: 0;
	}
	#main .photoList li .title {
		min-height: inherit;
		display: block;
		font-size: 1.8rem;
	}
	#main .photoList li .photo img {
		width: 100%;
	}
	#main .photoList li .text {
		font-size: 1.4rem;
	}
	#main .photoList li .link a {
		padding: 9px 32px 7px 20px;
		font-size: 1.5rem;
		background: url(/about/sustainability/deandi/img/common/icon06.png) no-repeat right 17px center / 12px;
	}
	#main .subInner .text {
		margin: 0 0 20px;
		font-size: 1.4rem;
		text-align: left;
	}
	#main .subArea .subBox:not(:last-child) {
		margin-bottom: 30px;
	}
	#main .subArea .subBox .headLine06 + .text {
		margin-top: 0;
	}
	#main .subArea .subBox .note {
		font-size: 1.2rem;
	}
	#main .subArea .subBox .title {
		margin-bottom: 10px;
		font-size: 1.6rem;
	}
	#main .subArea .subBox .text + .title {
		margin-top: 0;
	}
	#main .subArea .subBox .photo01 {
		margin: 30px 0;
		float: inherit;
		width: auto;
	}
	#main .subArea .subBox .photo01 img {
		width: 100%;
	}
	#main .subArea .subBox .textUl {
		max-width: inherit;
	}
	#main .subArea .subBox .textUl li {
		margin-bottom: 20px;;
		padding: 20px;
		font-size: 1.4rem;
	}
	#main .subArea .subBox .photo02 {
		margin: 0 0 40px;
		width: auto;
		float: inherit;
	}
	#main .subArea .subBox .photo02 img {
		width: 100%;
	}
	#main .subArea .subBox .linkBox {
		margin: 50px auto 0;
		width: auto;
	}
	#main .subArea .subBox .linkBox img {
		width: 100%;
	}
	#main .subArea .subBox .photo03 {
		margin: 0 auto 30px;
		width: auto;
	}
	#main .subArea .subBox .photo03 img {
		width: 100%;
	}
	#main .workstyle .headLine05 {
		margin-bottom: 50px;
	}
	#main .workstyle .subBox:not(:last-child) {
		margin-bottom: 30px;
	}
}
@media all and (max-width: 359px) {
	#main .headLine04 {
		font-size: 1.7rem;
	}
}