@charset "utf-8";

/* 社会とともに
-----------------------------------------------------*/
.socialHeadMenu {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 2% 0;
	margin: 3% 0;
	border-top: 1px solid #809fb9;
	border-bottom: 1px solid #809fb9;
}
.socialHeadMenu .pageTtl {
	display: flex;
	align-items: center;
	font-weight: bold;
	line-height: 1.3;
}
.socialHeadMenu .pageTtl::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 24px;
	background: #023f73;
	border-radius: 4px;
	vertical-align: middle;
	margin-right: 15px;
}
.socialHeadMenu .menuLink {
	display: flex;
	align-items: center;
}
.socialHeadMenu .menuLink::before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 17px;
	background-image: url("/sustainability/lib/img/common/ico_menuArrow.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
}

.toggle {
	width: 54px;
	height: 48px;
	/* border-left: 2px solid #809fb9; */
	/* border-bottom: 2px solid #809fb9; */
}
.activeMenu ul.esgLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 66px 0 46px;
}
.activeMenu ul.esgLink li:before {
    border-left: 12px solid #023f73;
}
.activeMenu ul.esgLink li:before,
.activeMenu ul.esgLink li.current:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.activeMenu ul.esgLink li a {
    display: block;
    padding: 24px;
}
.activeMenu ul.esgLink li.threecol,
.activeMenu ul.esgLink li.threecol.current {
	border: 2px solid #809fb9;
	width: 350px;
	height: 100px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 2.5;
	text-align: center;
	position: relative;
	margin-right: 20px;
	margin-top: 20px;
}
.activeMenu ul.esgLink li.current {
    background: #809fb9;
    margin-right: 20px;
}
.activeMenu ul.esgLink li.current a {
    display: block;
    color: #ffffff;
}
.activeMenu ul.esgLink li.current:before {
    border-left: 12px solid #fff;
}
.activeMenu ul.esgLink li:before,
.activeMenu ul.esgLink li.current:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* 社会とともに
ポジティブアクション宣言 */
#social.positive-action .paragraphLine3 .declear {
	display: flex;
	justify-content: space-between;
	/* width: 670px; */
}

/* 地域・社会の発展のために
日本新薬×黒田征太郎 笑顔のアートプロジェクト */
#social .artProject a.linkColor {
	color: #0062b6;
	text-decoration: underline;
}
#social .artProject .linkBtnWrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#social .artProject .linkBtnWrap .btnArea {
	margin: 0;
}
#social .artProject .btnArea {
	display: flex;
	width: 360px;
	margin: 0 auto;
}
#social .artProject a.btnBace.blank {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 10px 25px;
	line-height:1.4;
}
#social .artProject a.btnBace.blank:after {
	margin: 0;
}

#social .artProject .close {
	display: none;
}

#social .artProject .artCap {
	position: relative;
}
#social .artProject .artCap a {
	display: inline-block;
	border: 2px solid #809fb9;
	width: 100%;
	padding: 6px 60px 6px 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 2;
	text-align: left;
}
#social .artProject .tggArea {
	padding: 0 20px;
}
#social .artProject .toggle,
#social .artProject .toggleNo1,
#social .artProject .toggleNo2,
#social .artProject .toggleNo3,
#social .artProject .toggleNo4,
#social .artProject .toggleNo5,
#social .artProject .toggleNo6,
#social .artProject .toggleNo7 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	/* border: 2px solid #809fb9; */
	width: 60px;
	height: 56px;
} 
#social .artProject .toggle span,
#social .artProject .toggleNo1 span,
#social .artProject .toggleNo2 span,
#social .artProject .toggleNo3 span,
#social .artProject .toggleNo4 span,
#social .artProject .toggleNo5 span,
#social .artProject .toggleNo6 span,
#social .artProject .toggleNo7 span {
	display: block;
	position: absolute;
	width: 25px;
	border-bottom: solid 3px #333;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	transition: 0.2s ease;
}
#social .artProject .toggle span:nth-child(1),
#social .artProject .toggleNo1 span:nth-child(1),
#social .artProject .toggleNo2 span:nth-child(1),
#social .artProject .toggleNo3 span:nth-child(1),
#social .artProject .toggleNo4 span:nth-child(1),
#social .artProject .toggleNo5 span:nth-child(1),
#social .artProject .toggleNo6 span:nth-child(1),
#social .artProject .toggleNo7 span:nth-child(1) {
	top: 23px;
	right: 15px;
}
#social .artProject .toggle span:nth-child(2),
#social .artProject .toggleNo1 span:nth-child(2),
#social .artProject .toggleNo2 span:nth-child(2),
#social .artProject .toggleNo3 span:nth-child(2),
#social .artProject .toggleNo4 span:nth-child(2),
#social .artProject .toggleNo5 span:nth-child(2),
#social .artProject .toggleNo6 span:nth-child(2),
#social .artProject .toggleNo7 span:nth-child(2) {
	top: 23px;
	right: 15px;
}
#social .artProject .toggle.active span:nth-child(1),
#social .artProject .toggleNo1.active span:nth-child(1),
#social .artProject .toggleNo2.active span:nth-child(1),
#social .artProject .toggleNo3.active span:nth-child(1),
#social .artProject .toggleNo4.active span:nth-child(1),
#social .artProject .toggleNo5.active span:nth-child(1),
#social .artProject .toggleNo6.active span:nth-child(1),
#social .artProject .toggleNo7.active span:nth-child(1) {
	top: 23px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#social .artProject .linkBnrWrap {
	width: 950px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
#social .artProject .artComment {
	margin: 0 auto;
}

.indentLaboratory {
	text-indent: -1em;
	padding-left: 1em;
}

/* 働きがいの創出　共通 */
.profileLink01 li.threecol,
.profileLink01 li.threecol.current {
	border: 1px solid #809fb9;
	width: 350px;
	height: 70px;
	font-size: 1.9rem;
	font-weight: normal;
	line-height: 2.5;
	text-align: center;
	position: relative;
	margin-right: 20px;
	margin-bottom: 20px;
}
.profileLink01 li.threecol.diword,
.profileLink01 li.threecol.diword.current {
	letter-spacing: -0.2px;
	text-transform: scale(0.8, 1.0);
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: left;
	padding-left: 30px;
	margin-bottom: 20px;
	height: 100px;
}

ul.listBlack {
		padding-left: 10px;
	}

ul.listBlack li {
	padding-left: 5px;
	text-indent: -5px;
}
ul.listBlack li::before {
	position: relative;
	top: -4px;
	left: -10px;
	display: inline-block;
	width: 5px;
	height: 5px;
	content: '';
	border-radius: 100%;
	background: #000;	
}

table.vcenter td{vertical-align: middle;}

.boxWrapC {
	padding: 26px 20px;
	border: 1px solid #c9c9c9;
	height: 100%;
}
.boxWrapC li {
	margin-bottom: 15px;
}
.boxWrapC li:last-child {
	margin-bottom: 0px;
}

.boxWrapD {
	padding: 16px 12px;
	border: 4px solid #c9c9c9;
	height: 98%;
}

/* 働きがいの創出
働き方改革の推進 */
.tggArea .tableC th {
	width: 20%;
}
.tggArea .tableC td {
	width: 80%;
}

/* 働きがいの創出
健康経営 */
#social.health #mainContents .healthTable th:first-child{
	width: 10%;
	padding-left: 0;
	padding-right: 0;
}
#social.health #mainContents .healthTable th:last-child {
	width: 55%;
}
#social.health #mainContents .healthTable th.tTtlB{
	text-align: center;
}
#social.health #mainContents .healthTable td {
	text-align: left;
}
#social.health #mainContents .healthTable td:nth-of-type(1) {
    vertical-align: middle;
}
#social.health #mainContents table .tbgGreen{
	background-color: #e9faf1;
	color: #000;
}
#social.health #mainContents figure.walkGraph {
	width: 600px;
	margin: 0 auto;
}
#social.health #mainContents  .health-imgL {
	text-align: right;
}
#social.health #mainContents  .health-imgR {
	text-align: left;
}
#social.health #mainContents .health-txtL {
	text-align: right;
	margin-right: 150px;
}
#social.health #mainContents .health-txtR {
	text-align: left;
	margin-left: 120px;
}
#social.health #mainContents .imgSmall{
	width: 68%;
	margin: 0 auto;
}

/* 働きがいの創出
人材 */
.casaTable th {
	width: 20%;
}
.casaTable td {
	width: 80%;
}
.casaEffort .tggArea {
	padding: 0;
}

/* 女性活躍推進のこれまでの取り組み */

.tableDiversity {
	margin: 0 auto;
	border-top: 1px solid #023f73;
	border-left: 1px solid #023f73;
}
.tableDiversity th ,
.tableDiversity td {
	border-bottom: 1px solid #023f73;
	border-right: 1px solid #023f73;
}
.tableDiversity th {
	font-weight: bold;
	padding: 15px 20px;
	/* white-space: nowrap; */
}
.tableDiversity td {
	padding: 15px 13px;
}

#social .artProject .artCap a span.small {
	font-size: 18px;
	font-weight: normal;
	}


.marginSidesAuto {
	margin-right: auto;
  margin-left: auto;
}