@charset "UTF-8";

#GNV-BTN-1 a.gnv-tt { background-position: -95px -37px;
}
#TITLE-CLM { padding-bottom: 1.5em ;
}
.main-copy {
	padding-bottom: 3em ;
}
.clm { margin-bottom: 60px;
}
.clm h3 { padding-bottom: 18px;
}
.right { float: right;
	margin: 5px 0 1em 1em;
}
.right2 { text-align: right;
}

/* ローカルナビ */
#INDEX #LNV .lnv-tt a {
	color: #0091ce ;
	background: url(/imgs/cmn/lnv_bg1b.gif) repeat-x left bottom #eff7fb ;
}
#VISION #LNV .lnv-1 a,
#OUTLINE #LNV .lnv-2 a,
#HISTORY #LNV .lnv-3 a,
#ORGANIZATION #LNV .lnv-4 a,
#INFORMATION #LNV .lnv-6 a,
#CSR #LNV .lnv-7 a,
#DISASTER #LNV .lnv-8 a,
#CHARACTER #LNV .lnv-9 a,
#LINKS #LNV .lnv-10 a,
#FEATURE #LNV .lnv-11 a,
#FOUNDING #LNV .lnv-12 a {
	color: #0091ce ;
	background-color: #eff7fb ;
}
#CSR #LNV .lnv-7 .lnv-sub-nv {
	display: block ;
	margin-top: 0.5em;
}
/* ローカルナビ */

/* INQ */
#INQ-B1 { width: 358px;
}

#INQ-B1 { background: #f9f9f9;
	border: 1px solid #e5e5e5;
	padding: 13px;
	margin-bottom: 210px;
}
#INQ-B1 p { margin-bottom: 1em;
}
#INQ-B1 ul { margin: 0 -1em 0 0;
    overflow: hidden;
    zoom: 1;
}
#INQ-B1 li { float: left;
	margin: 0 1em 0 0;
	width: 218px;
	display: inline;
}
#INQ-B1 .li-end { margin: 0;
}
/* INQ */

/* トップページ */
#INDEX .clm {
	overflow: hidden ;
	width: 716px ;
}
#INDEX .clm .btn1{
	margin-bottom: 28px;
}

#INDEX .clm ul.btn { margin: 0 -19px 1em 0;
	width: 735px ;
}
#INDEX .clm ul.btn li { float: left;
	padding: 0 16px 28px 0;
	width: 350px;
}
#INDEX .clm .arw-list a {
	display: inline ;
}
/* トップページ */

/* 経営理念 */
#VISION #RIGHT-CLM .right { float: right;
	margin: 0 0 1em 1em;
}
#VISION #RIGHT-CLM .right2 { float: right;
	margin: 0;
}
#VISION #RIGHT-CLM .left { float: left;
	margin: 0;
}
#VISION #RIGHT-CLM .left2 { float: left;
	margin: 0 2em 1em 1em;
	text-align:center;
	width: 228px;
}
#VISION #RIGHT-CLM .left2 .text{ margin-top: 0.5em;
}
#VISION #RIGHT-CLM .text{ overflow: hidden;
}
#VISION #RIGHT-CLM .invisi { display: none;
}
#VISION #RIGHT-CLM .clm { margin-top: 1em;
	padding-top: 1em;
}

#VISION #RIGHT-CLM .clm .statement{text-align: center;
	font-style: italic;
	text-decoration: underline;
}
#VISION #RIGHT-CLM .clm .statement a{
	color: #000000;
}
#VISION #RIGHT-CLM .clm .statement a:hover{
	color: #0795d1;
}


#VISION #RIGHT-CLM .clm .csr-kihan { padding-bottom: 12px;
}
/* 経営理念 */

/* 組織と現勢  */
#ORGANIZATION #RIGHT-CLM dl.gaiyou dt,
#ORGANIZATION #RIGHT-CLM dl.gaiyou dd { margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
}
#ORGANIZATION #RIGHT-CLM dl.gaiyou dt.end,
#ORGANIZATION #RIGHT-CLM dl.gaiyou dd.end { border-bottom: none;
}
#ORGANIZATION #RIGHT-CLM dl.gaiyou dt { float: left;
	width: 12em;
}
#ORGANIZATION #RIGHT-CLM dl.gaiyou dd { margin-left: 12em;
}
#ORGANIZATION #RIGHT-CLM h4 { margin: 2em 0 3px 0;
}
#ORGANIZATION #RIGHT-CLM .other-table { margin-top: 2em;
}
#ORGANIZATION #RIGHT-CLM .right { float: right;
	width: 350px;
}
#ORGANIZATION #RIGHT-CLM .left { float: left;
	width: 350px;
}
#ORGANIZATION #RIGHT-CLM table { border-collapse: collapse;
	width: 350px;
}
#ORGANIZATION #RIGHT-CLM th,
#ORGANIZATION #RIGHT-CLM td { padding: 8px;
	border: 1px solid #a3a3a3;
}
#ORGANIZATION #RIGHT-CLM th { background: #f6f6f6;
	font-weight: normal;
	text-align: left;
}
#ORGANIZATION #RIGHT-CLM th.mrgn { text-align: center;
}
#ORGANIZATION #RIGHT-CLM td { text-align: right;
}
#ORGANIZATION #RIGHT-CLM .keisokuki th,
#ORGANIZATION #RIGHT-CLM .keisokuki td { text-align: center;
}
#ORGANIZATION #RIGHT-CLM th.clm-1 { background: #d3ecf7;
}
#ORGANIZATION #RIGHT-CLM .right { margin-top: 0;
}
/* 組織と現勢  */

/* 沿革  */
#HISTORY #RIGHT-CLM table {
}
#HISTORY #RIGHT-CLM th,
#HISTORY #RIGHT-CLM td { margin: 1em 0;
	padding: 1em 0;
	border-bottom: 1px solid #e4e4e4;
	vertical-align: top;
}
#HISTORY #RIGHT-CLM th.end,
#HISTORY #RIGHT-CLM td.end { border-bottom: none;
}
#HISTORY #RIGHT-CLM th { width: 8em;
	font-weight: normal;
	text-align: left;
}
#HISTORY #RIGHT-CLM td.no-bdr { border: none;
	padding-left: 1em;
}
#HISTORY #RIGHT-CLM td.wide-img img{
	float: right;
	margin-right: -120px;
}
/* 沿革  */

/* CSR  */
#CSR #RIGHT-CLM .right {
	float: right;
	padding: 0 0 1em 1em;
}
#CSR #RIGHT-CLM ul.notice { margin-top: 2em;
}
#CSR #RIGHT-CLM h4 {margin-bottom: 1em;}
#CSR #RIGHT-CLM div.report { width: 526px;
	margin-bottom: 0;
}
#CSR #RIGHT-CLM div.apply { margin: 1.5em 0;
}
#CSR .report ul {
	width: 320px ;
}
#CSR .report ul a {
	width: 99% ;
}
#CSR #RIGHT-CLM .left { float: left;
	margin: 0 1em 1em 0;
}
#CSR #RIGHT-CLM .adobe { border: 1px solid #e9e9e9;
	background: #f9f9f9;
	padding: 1em;
	width: 610px;
}
#CSR .clm .clm1{
	border: 2px solid #000;
	border-radius: 5px;
	margin: 48px 0 24px;
	width: 100%;
	text-align: center;
	padding-bottom: 1em;
	font-size: 16px;
}
#CSR .clm .clm1 .ttl{
	color: #FFF;
	background-color: #403152;
	padding: 1px 0;
	text-align:  center;
	margin: -16px auto;
	width: 140px;
	border-radius:  2px;
	font-weight:  normal;
}

#CSR .clm .clm2{
	border: 2px solid #403152;
	border-radius: 20px;
	margin: 48px 0 0;
	width: 100%;
	padding-bottom: 1em;
}

#CSR .clm .clm2 .ttl{
	color: #FFF;
	background-color: #4f6228;
	padding: 1px 0;
	text-align:  center;
	margin: -15px auto;
	width: 140px;
	border-radius:  2px;
	font-size: 16px;
	font-weight:  normal;
}
#CSR .clm .clm2 .ttl2{
	color: #FFF;
	padding: 1px 0 0 10px;
	margin: 0 0 10px 20px ;
	border-radius:  2px;
	font-size: 16px;
	display: inline-block;
}
#CSR .clm .clm2 .ttl2-1{
	background-color: #c0504d;
}
#CSR .clm .clm2 .ttl2-2{
	background-color: #77933c;
}
#CSR .clm .clm2 .ttl2-3{
	background-color: #ea6f0a;
}
#CSR .clm .clm2 dl{
	margin: 0 0 1em 40px;
}
#CSR .clm .clm2 dl dt{
	color: #F00;
	font-weight: bold;
}
#CSR .clm .clm2 dl dd{
	margin-left: 14px;
}
#CSR .clm .date{
	margin-right: 20px;
}

/* CSR  */

/* 災害体制 */
#DISASTER #RIGHT-CLM .right { float: right;
	margin: 5px 0 1em 1em;
}
#DISASTER #RIGHT-CLM .katsudou { border: 1px solid #c4dde8;
	background: #f4f9fc;
	padding: 1em;
}
#DISASTER #RIGHT-CLM .katsudou h4,
#DISASTER #RIGHT-CLM .katsudou p { margin-bottom: 1em;
}
/* 災害体制 */

/* 開示情報 */
#INFORMATION #RIGHT-CLM { margin-bottom: 300px;
}
#INFORMATION #RIGHT-CLM p { margin-left: 1em;
}
/* 開示情報 */

/* リンク集 */
#LINKS #RIGHT-CLM .clm li { margin: 0.5em 0 0.5em 2em;
}
/* リンク集 */

/* キャラクター紹介 */
#CHARACTER #RIGHT-CLM table.hoan { margin: 0.5em 0;
}
#CHARACTER #RIGHT-CLM .hoan th,
#CHARACTER #RIGHT-CLM .hoan td { padding: 0.5em;
}
#CHARACTER #RIGHT-CLM .hoan th { border-bottom: 1px dotted #434343;
	vertical-align: top;
}
#CHARACTER #RIGHT-CLM .cnt{
	margin-bottom: 5em;
	overflow: hidden;
}
#CHARACTER #RIGHT-CLM .cnt .ttl{
	padding: 2px 0 7px;
}
#CHARACTER #RIGHT-CLM .cnt .photo{
	float: right;
	margin: -32px 0 3em 34px;
	width: 384px;
}
#CHARACTER #RIGHT-CLM .cnt .photo img{
	display: block;
	margin: 0 auto;
}
	
/* キャラクター紹介 */

/* 協会業務の概要 */
#OUTLINE .clm ul { margin: 1em 0.5em;
}
#OUTLINE .clm .arw-list a,
#OUTLINE .clm .arw-list .no-link {
	display: inline ;
}
/* 協会業務の概要 */


/* 協会の特徴 */
#FEATURE .top-clm {
	overflow: hidden ;
	padding-bottom: 39px ;
	width: 716px ;
}
#FEATURE .top-clm .main-copy {
	padding-bottom: 30px ;
}
#FEATURE .top-clm .service-list {
	margin-right: -16px ;
	padding-bottom: 50px ;
	width: 735px ;
}
#FEATURE .top-clm .service-list li {
	float: left ;
	padding-right: 16px ;
	width: 228px ;
}
#FEATURE .top-clm .top-btn {
	text-align: right ;
	padding-right: 10px ;
}
#FEATURE .clm {
	padding-bottom: 2em ;
	margin-bottom: 0 ;
	width: 716px;
	overflow: hidden;
}
#FEATURE .clm h3 {
	padding-bottom: 18px ;
}
#FEATURE .clm .sub-clm {
	background: url(/imgs/about/libg1.gif) no-repeat left top ;
	padding: 0 0 2em 52px ;
}
#FEATURE .clm .clm1 { background-image: url(/imgs/about/libg1.gif) ; }
#FEATURE .clm .clm2 { background-image: url(/imgs/about/libg2.gif) ; }
#FEATURE .clm .clm3 { background-image: url(/imgs/about/libg3.gif) ; }
#FEATURE .clm .clm4 { background-image: url(/imgs/about/libg4.gif) ; }
#FEATURE .clm .clm5 { background-image: url(/imgs/about/libg5.gif) ; }
#FEATURE .clm .clm6 { background-image: url(/imgs/about/libg6.gif) ; }
#FEATURE .clm .clm7 { background-image: url(/imgs/about/libg7.gif) ; }
#FEATURE .clm .clm8 { background-image: url(/imgs/about/libg8.gif) ; }
#FEATURE .clm .clm9 { background-image: url(/imgs/about/libg9.gif) ; }
#FEATURE .clm .clm10 { background-image: url(/imgs/about/libg10.gif) ; }
#FEATURE .clm .clm11 { background-image: url(/imgs/about/libg11.gif) ; }

#FEATURE .clm h4 {
	padding: 2px 0 7px ;
}
#FEATURE .clm .photo {
	float: right ;
	margin-top: -32px ;
	padding: 0 0 1.5em 16px ;
	width: 228 ;
}
#FEATURE .clm .sub-clm p,
#FEATURE .clm .sub-clm .notes {
	padding-bottom: 1.5em ;
}
#FEATURE .clm .sub-clm .photo-list {
	padding: 1em 0 1.5em ;
	width: 664px;
}
#FEATURE .clm .photo-list li {
	float: left ;
	padding-right: 24px ;
}
#FEATURE .clm .notes dd {
	margin: -1.75em 0 0 1.5em ;
}
#FEATURE .clm h5 img {
	padding: 0 0 0.5em ;
}
#FEATURE .clm .sub-clm ul {
	width: 400px ;
}
#FEATURE .clm .sub-clm  li a {
	width: 99% ;
}
#FEATURE .clm .photo-btm {
	margin-right: -14px ;
}
#FEATURE .clm ul.photo-btm {
	width: 675px ;
}
#FEATURE .clm .photo-btm li {
	float: left ;
	padding: 0 11px 1em 0 ;
	width: 214px ;
}
/* 協会の特徴 */

/* 協会創立50周年 */
#FOUNDING .clm .catch-copy { width: 447px;
	margin: 0 auto;
	padding-bottom: 3.75em;
}
#FOUNDING .clm .drw { margin: 4.75em 0 8.25em 53px;
}
#FOUNDING .clm .sub-clm { border: 3px solid #2ea2d3;
	padding-bottom: 18px;
	margin-bottom: 5.75em;
}
#FOUNDING .clm .sub-clm p { padding: 18px 18px 0 18px;
}
#FOUNDING .clm .sub-clm dl { padding: 0 18px;
}
#FOUNDING .clm .sub-clm dt { float: left;
}
#FOUNDING .clm .sub-clm dd { margin-left: 1.5em;
}
/* 協会創立50周年 */

/* 50周年プレゼント */
#PRESENT .clm .catch-copy { padding-bottom: 3.75em;
}
#PRESENT .clm .sub-clm { background-color: #fffcee;
	padding: 21px;
	margin-top: 46px;
}
#PRESENT .clm .sub-clm h3 { padding-bottom: 21px;
}
#PRESENT .clm .sub-clm h4 { padding-top: 28px;
}
#PRESENT .clm .sub-clm .no-pdg { padding-top: 0;
}
#PRESENT .clm .sub-clm .btn { width: 472px;
	margin: 0 auto;
	padding: 42px 0 21px;
}
#PRESENT .clm .sub-clm ul { margin-left: 21px;
}
#PRESENT .clm .sub-clm li { list-style-type: disc;
}
/* 50周年プレゼント */

/**********************
 健康経営の取り組み
**********************/
#kenkokeiei .ttl-04 {
	margin-bottom: 32px;
}
#kenkokeiei table {
	width: 100%;
}
#kenkokeiei th, td {
	border: 1px solid #A3A3A3;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}
#kenkokeiei thead th {
	background-color: #D3ECF7;
	font-weight: 600;
}
#kenkokeiei tbody th,
#kenkokeiei tbody tr:nth-child(even) td{
	background-color: #F0F6F9;
}
#kenkokeiei .tbl-measures th {
	font-weight: 600;
}
#kenkokeiei .cell-wrapper {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 43px;
	padding: 5px 10px;
}
#kenkokeiei .c-head {
	background: url('../images/about/kenkokeiei/bg01_sp.jpg') no-repeat center / cover;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 109px;
}
#kenkokeiei .c-head__ttl {
	color: #fff;
	font-size: 24px;
	font-weight: 400;
}
#kenkokeiei .c-txt {
	font-size: 15px;
	line-height: 1.65;
}
#kenkokeiei .vison-box {
	background-color: #fff;
	margin-block: 27px 60px;
	position: relative;
	z-index: 1;
}
#kenkokeiei .vison-box__img {
	margin: 0 auto 24px;
	width: 172px;
}
#kenkokeiei .vison-box__sign {
	font-size: 18px;
	margin-top: 12px;
	text-align: right;
}
#kenkokeiei .vison-box__sign span {
	font-size: 15px;
	margin-right: 7px;
}
#kenkokeiei .vison-box__logo {
	border: 1px solid #000;
	display: grid;
	gap: 4px;
	font-size: 13px;
	line-height: 1.8;
	margin-top: 32px;
	padding: 10px 15px 20px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-40 {
	margin-bottom: 40px;
}

@media screen and (min-width: 641px) {
	#kenkokeiei .section {
		padding-inline: 48px;
	}
	#kenkokeiei .c-head {
		background-image: url('../images/about/kenkokeiei/bg01.jpg');
		justify-content: center;
		align-items: flex-start;
		height: 415px;
		padding-top: 105px;
	}
	#kenkokeiei .c-head__ttl {
		font-size: 40px;
	}
	#kenkokeiei .c-txt {
		font-size: 16px;
		line-height: 2.0625;
	}
	#kenkokeiei .vison-box {
		background-color: #fff;
		margin-block: -180px 89px;
		padding: 64px 48px 0;
		position: relative;
		z-index: 1;
	}
	#kenkokeiei .vison-box__wrap {
		display: flex;
		column-gap: 40px;
		text-align: justify;
	}
	#kenkokeiei .vison-box__img {
		order: 2;
		flex-shrink: 0;
		margin: 0;
		padding-top: 24px;
		width: 261px;
	}
	#kenkokeiei .vison-box__sign {
		font-size: 20px;
	}
	#kenkokeiei .vison-box__sign span {
		font-size: 16px;
		margin-right: 9px;
	}
	#kenkokeiei .vison-box__logo {
		grid-template-columns: 102px 1fr;
		align-items: center;
		gap: 10px;
		font-size: 14px;
		margin-top: 14px;
		padding: 10px 10px 5px;
	}
	#kenkokeiei .tbl-measures th {
		min-width: 326px;
	}
	#kenkokeiei .tbl-kpi td:first-child,
	#kenkokeiei .tbl-kpi th:first-child {
		width: 427px;
	}
}

@media screen and (max-width: 640px) {
	.scrollable-scrollbar {
		margin-top: 10px;
	}
	.scrollable-scrollbar .scrollable-thumb {
		background-color: #D3ECF7;
		border-radius: 50px;
		height: 10px;
	}
	.scrollable-content {
		-ms-overflow-style: none;
    	scrollbar-width: none;
		overflow-x: auto;
	}
	.scrollable-content::-webkit-scrollbar {
		display: none;
	}

	#kenkokeiei .scrollable {
		position: relative;
	}
	#kenkokeiei .scrollable-content {
		margin-inline: -3vw;
		padding-inline: 3vw;
	}
	#kenkokeiei table.tbl-measures {
		white-space: nowrap;
	}
	#kenkokeiei table.tbl-kpi {
		white-space: nowrap;
	}
	#kenkokeiei .vison-box__logo img {
		display: block;
		margin: 0 auto;
		width: 72px;
	}
}