@charset "utf-8";

/***********************************************************************

------------------------------------------------------------------------
いなげやウィングとは？
***********************************************************************/

/* 経営理念
========================================== */

.philosophy {}

.philosophy .philosophy-keyword {
	background: url(../img/about/bg_philosophy.jpg) no-repeat center;
	padding-top: 36px;
	padding-bottom: 70px;
	margin-top: 60px;
	margin-bottom: 60px;
}
.philosophy .philosophy-keyword .philosophy-keyword-content {
	background: #fff;
	border-radius: 10px;
	padding: 15px;
}
.philosophy .philosophy-keyword .philosophy-keyword-content-wrap {
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 70px;
}
.philosophy .philosophy-keyword .philosophy-keyword-item {
}
.philosophy .philosophy-keyword .philosophy-keyword-item + .philosophy-keyword-item {
	padding-top: 60px;
	margin-top: 60px;
	border-top: 1px solid #ccc;
}
.philosophy .philosophy-keyword .philosophy-keyword-item * {
	text-align: center;
}
.philosophy .philosophy-keyword .philosophy-keyword-item > h4 {
	font-size: 33px;
	font-weight: bold;
	font-family: "Zen Old Mincho", serif;
	padding-bottom: 40px;
}
.philosophy .philosophy-keyword .philosophy-keyword-item > p {
	font-size: 20px;
	letter-spacing: .2em;
}
@media only screen and (max-width: 767px) {
	.philosophy .philosophy-keyword .philosophy-keyword-item + .philosophy-keyword-item {
		padding-top: 30px;
		margin-top: 30px;
	}
	.philosophy .philosophy-keyword .philosophy-keyword-content-wrap {
		padding: 30px 25px;
	}
	.philosophy .philosophy-keyword .philosophy-keyword-item > h4 {
		font-size: 24px;
		padding-bottom: 30px;
	}
	.philosophy .philosophy-keyword .philosophy-keyword-item > p {
		font-size: 14px;
		text-align: left;
	}
}

/* 事業内容
========================================== */

.business {}

.business .business-headline {
	display: flex;
	justify-content: space-between;
}
.business .business-headline .business-headline-body {
}
.business .business-headline .business-headline-body > h3 {
	font-size: 32px;
	font-weight: bold;
	color: #32AB02;
	line-height: 2;
}
.business .business-headline .business-headline-body > p {
	font-weight: bold;
	font-size: 24px;
	line-height: 2.6;
	margin-top: 67px;
}
.business .business-headline .business-headline-pic {}

@media only screen and (max-width: 767px) {
	.business .business-headline {
		flex-wrap: wrap;
		gap: 40px;
	}
	.business .business-headline .business-headline-body > h3 {
		font-size: 26px;
	}
	.business .business-headline .business-headline-body > p {
		font-size: 18px;
		margin-top: 20px;
	}
}

/* ---------------------------
事業内容の箇条書き
----------------------------- */

.business .business-topic {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin: 90px 0 60px;
}
.business .business-topic dl {
	padding: 38px 50px;
	border: #AEAEAE 1px solid;
	border-radius: 8px;
}
.business .business-topic dl dt {
	font-size: 24px;
	font-weight: bold;
	position: relative;
	padding-left: 55px;
}
.business .business-topic dl dt::after {
	content: "";
	width: 30px;
	height: 16px;
	border-radius: 8px;
	background: #0235AB;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
}
.business .business-topic dl dd {
	margin-top: 40px;
	font-weight: 400;
}
@media only screen and (max-width: 767px) {
	.business .business-topic {
		margin-top: 40px;
	}
	.business .business-topic dl {
		padding: 30px;
		width: 100%;
	}
	.business .business-topic dl dt {
		font-size: 18px;
	}
	.business .business-topic dl dd {
		margin-top: 10px;
		font-size: 14px;
	}
}

/* ---------------------------
いなげやウィングの主な事業内容
----------------------------- */

.business-content {
	background: #EFFFE9;
}
.business-content .business-content-item {
	background: #fff;
	padding: 80px 60px;
	margin-top: 70px;
	position: relative;
}
.business-content .business-content-item::after {
	content: "";
	width: 50px;
	height: 50px;
	background: #0235AB;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}
@media only screen and (max-width: 767px) {
	.business-content .business-content-item {
		padding: 20px;
		margin-top: 40px;
	}
}

/* ---------------------------
いなげやウィングの主な事業内容-本文
----------------------------- */

.business-content .business-content-item .business-content-item-tit {
	display: flex;
	gap: 40px;
	align-items: center;
	border-bottom: 2px solid #ccc;
	padding: 0 30px 20px;
}
.business-content .business-content-item .business-content-item-tit span {
	color: #787878;
	font-size: 20px;
}
.business-content .business-content-item .business-content-item-tit h4 {
	font-weight: bold;
	font-size: 32px;
	color: #0235AB;
}

@media only screen and (max-width: 767px) {
	.business-content .business-content-item .business-content-item-tit {
		flex-wrap: wrap;
		gap: 0;
		padding:20px;
	}
	.business-content .business-content-item .business-content-item-tit span {
		font-size: 12px;
	}
	.business-content .business-content-item .business-content-item-tit h4 {
		font-size: 18px;
	}
}

.business-content .business-content-item .business-content-body {
	max-width: calc(100% - 540px);
	width: 100%;
}
.business-content .business-content-item .business-content-tit {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px;
}

.business-content .business-content-item .business-content-flex {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	gap: 60px;
	flex-wrap: wrap;
}
.business-content .business-content-item .business-content-pic {
	flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
	.business-content .business-content-item .business-content-flex {
		gap: 30px;
		margin-top: 20px;
	}
	.business-content .business-content-item .business-content-body {
		padding: 15px;
		max-width: 100%;
		font-size: 14px;
	}
	.business-content .business-content-item .business-content-pic {
		flex-shrink: 0;
		max-width: 100%;
	}
}

/*-----------------------------------------------------
いなげやグループでの障がい者の雇用について
-------------------------------------------------------*/

.emp {}

.emp .emp-headline {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-bottom: 120px;
}
.emp .emp-headline::after {
	content: "";
	width: 50%;
	height: 180px;
	display: block;
	background: #D3F5FC;
	position: absolute;
	right: 0;
	bottom: -45px;
	z-index: -1;
}



.emp .emp-headline .emp-headline-body {
}
.emp .emp-headline .emp-headline-body > p {
	font-weight: bold;
	font-size: 24px;
	line-height: 2.6;
	margin-top: 67px;
}
.emp .emp-headline .emp-headline-pic {}

@media only screen and (max-width: 767px) {
	.emp .emp-headline {
		flex-wrap: wrap;
		gap: 40px;
		padding-bottom: 60px;
	}
	.emp .emp-headline .emp-headline-body {
		font-size: 18px;
	}
	.emp .emp-headline .emp-headline-body > p {
		font-size: 18px;
		margin-top: 0;
	}
}

/* いなげやウィングで働く障がい者
========================================== */

.emp .emp-working-text {
	margin-top: 50px;
}
.emp .emp-working-item {
	background: #F6F6F6;
	padding:30px 80px;
	margin-top: 40px;
}
@media only screen and (max-width: 767px) {
	.emp .emp-working-item {
		padding:15px;
	}
}

.emp .emp-working-item .emp-working-tit {
	display: flex;
	align-items: center;
}
.emp .emp-working-item .emp-working-tit.ic-inageya {
	background: url(../img/about/emp_working01.png) no-repeat left center;
	padding-left: 130px;
	min-height: 100px;
}
.emp .emp-working-item .emp-working-tit.ic-wing {
	background: url(../img/common/logo.png) no-repeat left center;
	padding-left: 130px;
	min-height: 50px;
}
.emp .emp-working-item .emp-working-tit > h4 {
	font-size: 24px;
	color: #0235AB;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.emp .emp-working-item .emp-working-tit {
		display: flex;
		justify-content: center;
	}
	.emp .emp-working-item .emp-working-tit.ic-inageya {
		background: url(../img/about/emp_working01.png) no-repeat center top;
		padding-left: 0;
		text-align: center;
		padding-top: 120px;
	}
	.emp .emp-working-item .emp-working-tit.ic-wing {
		background: url(../img/common/logo.png) no-repeat center top 20px;
		text-align: center;
		padding-left: 0;
		padding-top: 120px;
	}
	.emp .emp-working-item .emp-working-tit > h4 {
		font-size: 20px;
		text-align: center;
	}
}

.emp .emp-working-item .emp-working-body {
	margin-top: 30px;
	border-top: 2px solid #707070;
	padding-top: 30px;
}
@media only screen and (max-width: 767px) {
	.emp .emp-working-item .emp-working-body {
		font-size: 14px;
	}
}

/* ---------------------------
いなげやウィングで働く障がい者-主な業務
----------------------------- */

.emp .emp-working-item .emp-working-body dl.emp-working-tip {
	background: #fff;
	border-radius: 8px;
	padding: 28px;
	display: flex;
	margin: 30px 0;
}
.emp .emp-working-item .emp-working-body dl.emp-working-tip dt {
	font-weight: bold;
	border-right: 3px #D2D2D2 solid;
	padding-right: 50px;
}
.emp .emp-working-item .emp-working-body dl.emp-working-tip dd {
	padding-left: 30px;
}
@media only screen and (max-width: 767px) {
	.emp .emp-working-item .emp-working-body dl.emp-working-tip {
		flex-wrap: wrap;
		gap: 20px;
	}
	.emp .emp-working-item .emp-working-body dl.emp-working-tip dt {
		border-right: none;
		border-bottom : 3px #D2D2D2 solid;
		padding-right: 0;
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
	}
	.emp .emp-working-item .emp-working-body dl.emp-working-tip dd {
		padding-left: 0;
	}
}


/* ---------------------------
いなげやウィングで働く障がい者-いなげや直接の雇用の課題
----------------------------- */

.emp .emp-compare {
	display: flex;
	margin-top: 70px;
	justify-content: space-between;
	background: url(../img/about/ic_emp02.svg) no-repeat center;
	flex-wrap: wrap;
	gap: 100px;
}
.emp .emp-compare-item {
	max-width: 580px;
	width: 100%;
}
.emp .emp-compare-item .emp-compare-tit {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	padding-left: 2em;
	line-height: 1;
}
.emp .emp-compare-item .emp-compare-tit::after {
	content: "";
	width: 10px;
	height: 26px;
	display: block;
	background: #32AB02;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	left: 0;
	border-radius: 4px;
}
.emp .emp-compare-item figure {
	margin-bottom: 20px;
	margin-top: 30px;
}
@media only screen and (max-width: 1226px) {
	.emp .emp-compare {
		background: url(../img/about/ic_emp02_sp.svg) no-repeat center;
	}
	.emp .emp-compare-item {
		max-width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.emp .emp-compare-item .emp-compare-tit {
		font-size: 18px;
	}
}

/* ---------------------------
いなげやウィングで働く障がい者-いなげやウィングの障がい者雇用の推移
----------------------------- */

.emp .emp-trends {}
.emp .emp-trends .emp-trends-item {
	margin-top: 70px;
}
.emp .emp-trends .emp-trends-catch {

}
dl.emp-trends-items {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 27px;
	margin-top: 30px;

}
dl.emp-trends-items dt {
	background: #DFF3D8;
	text-align: center;
	font-weight: bold;
	padding: 1em;
}
dl.emp-trends-items dd {
}
@media only screen and (max-width: 767px) {
	dl.emp-trends-items dt {
		font-size: 16px;
	}
	dl.emp-trends-items dd {
		font-size: 14px;
	}
}


.emp .emp-trends-graph {
	border: #C4C4C4 1px solid;
	border-radius: 8px;
	overflow: hidden;
	margin-top: 30px;
}

.emp dl.emp-trends-type {
	margin-top: 50px;
}
.emp dl.emp-trends-type dt {
	color: #32AB02;
	font-weight: bold;
	font-size: 20px;
}
.emp dl.emp-trends-type dd {
	line-height: 2;
	margin-top: 36px;
	padding-left: 1.5em;
}
.emp dl.emp-trends-type dd ol {
	list-style-type: disc;
}
@media only screen and (max-width: 767px) {
	.emp dl.emp-trends-type dt {
		font-size: 18px;
	}
	.emp dl.emp-trends-type dd {
		font-size: 14px;
	}
}


/*-----------------------------------------------------
スタッフ一覧
-------------------------------------------------------*/

.staff {}

.staff .staff-sub-tit {
	font-size: 18px;
	font-weight: bold;
}
.staff .staff-sub-tit + ul.staff-list {
	margin-top: 36px;
}
.staff .staff-list {
	margin-top: 50px;
}
.staff .staff-list ul {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	gap: 40px 8px ;
	margin-top: 30px;
}
.staff .staff-list ul li {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	max-width: 400px;
	width: 100%;
	background: linear-gradient(180deg, rgba(226,255,193,1) 0%, rgba(243,255,229,1) 100%);
	height: 290px;
}
.staff .staff-list ul li > img {
	max-width: 143px;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.staff .staff-list ul {
		gap: 20px 8px;
	}
	.staff .staff-list ul li {
		max-width: calc(33% - 8px);
		width: 100%;
		height: auto;
		padding: 1em 1em 0 1em;
	}
	.staff .staff-list ul li > img {
		max-width: 70px;
	}
}

/* ---------------------------
スタッフ情報-採用情報
----------------------------- */

.staff .staff-recruit {
	margin-top: 60px;
}
.staff .staff-recruit a {
	margin-top: 40px;
}