@charset "utf-8";
@import url('/vc/base/usr/docs/css/html5reset-1.6.1.css'); /*ブラウザのデフォルトスタイルをリセット*/
@import url('/vc/zara-kenpo/css/common.css'); /* 共通クラス */
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('/vc/base/usr/docs/css/fontawesome_ver4.css');
@import url('/vc/base/usr/docs/css/fontawesome_ver5.css');
@import url('/vc/base/usr/docs/css/scroll-hint.css');/* スクロールヒント読み込み */
/*==================================================================================================

基本設定

==================================================================================================*/
/*
body設定など/vc/kenpo/css/common.cssに共通属性セレクタとして設定
*/

/*########################################################################################

サイト全体枠

########################################################################################*/
#wrap {
	background: #fff;
}
#container {
	margin: 0 auto;
	padding: 8px 0 80px;
	position: relative;
	width: 1024px;
}
/*########################################################################################

ヘッダー

########################################################################################*/
/*-----------------------------------------------------------------------------
■┓ヘッダー全体枠
┗┛
-----------------------------------------------------------------------------*/
#header {
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	width: 100%;
}
header {
	margin: 0 auto;
	position: relative;
	width: 1024px;
	height: 96px;
}
header .main {
	display: flex;
}
.header_wrap {
	display: flex;
		flex-wrap: nowrap;
	width: 100%;
}
.header_wrap .header_title {
	padding-left: 48px;
	width: auto;
}
.header_wrap .header_title div { /* SP表示用電話番号 */
	display: none;
}
.header_wrap h1 {
	display: flex;
		align-items: center;
		justify-content: flex-start;
	font-size: 24px;
	font-weight: 600;
	white-space: nowrap;
	width: auto;
	height: 96px;
}
.header_wrap h1 a {
	color: #333;
}
.header_wrap h1 a:hover {
	text-decoration: none;
}
.header_wrap .header_contents {
	display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	padding-right: 40px;
	width: 100%;
}
/*----------------------------
ハンバーガーメニュー
----------------------------------------------------------*/
.all_menu .btn {
	display: none;
}
.all_menu .contents {
	display: none;
}
.all_menu .contents .title {
	display: none;
}
#panel_menu ,
#panel_contents {
	display: none;
}
/*----------------------------
ヘッダーナビ
----------------------------------------------------------*/
.header_wrap .header_contents .upper {
	display: flex;
		justify-content: flex-end;
	width: 100%;
	height: 42px;
}
.header_wrap .header_contents .phone {
	display: flex;
	padding-top: 5px;
	width: 230px;
}
.header_wrap .header_contents .phone div:nth-of-type(1) {
	display: flex;
		align-items: center;
		justify-content: center;
	padding: 0 6px;
}
.header_wrap .header_contents .phone .fa-phone {
	color: #fff;
}
.header_wrap .header_contents .phone .fa-circle {
	color: #ff7f7f;
}
.header_wrap .header_contents .phone div:nth-of-type(2) {
	display: flex;
		flex-direction:column;
		justify-content: center;
}
.header_wrap .header_contents .phone span.text { /* お電話でのお問い合わせ */
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
}
.header_wrap .header_contents .phone span.number { /* 03-5357-7340 */
	color: #000;
	display: block;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1;
	letter-spacing: .08em;
}
.header_wrap .header_contents .header_nav {
	display: flex;
		justify-content: flex-end;
	padding-right: 16px;
}
.header_wrap .header_contents .header_nav ul {
	display: flex;
		justify-content: flex-end;
}
.header_wrap .header_contents .header_nav ul li {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	padding: 8px 5px 8px 20px;
	position: relative;
}
.header_wrap .header_contents .header_nav ul li a {
	color: #009;
}
.header_wrap .header_contents .header_nav ul li::before {
	border: 3px solid transparent;
	border-left: 3px solid #009;
	content: "";
	display: block;
	position: absolute;
		top: 14px;
		left: 12px;
}
/*----------------------------
文字サイズ変更ボタン
----------------------------------------------------------*/
header .textsize {
	display: flex;
		align-items: center;
	height: 38px;
}
header .textsize ul {
	display: flex;
}
header .textsize ul li:first-child {
	display: flex;
		align-items: center;
	font-size: 12px;
	font-size: 1.2rem;
	padding-right: 10px;
}
header .textsize ul li a {
	color: #000;
	display: block;
	font-size: 14px; /* 14pxで固定 */
	font-size: 1.4rem; /* 14pxで固定 */
	margin-right: 1px;
}
header .textsize ul li a:hover {
	text-decoration: none;
}
header .textsize li a span {
	border: 1px solid #ff7f7f;
	border-radius: 4px;
	display: flex;
		align-items: center;
		justify-content: center;
	width: 26px;
	height: 26px;
}
header .textsize li.small a:hover,
header .textsize li.medium a:hover,
header .textsize li.large a:hover {
	background: #ff7f7f;
	border-radius: 4px;
	color: #fff;
	display: block;
	width: 26px;
	height: 26px;
}
header .textsize li a span.small_selected,
header .textsize li a span.medium_selected,
header .textsize li a span.large_selected {
	background: #ff7f7f;
	color: #fff;
}
/*----------------------------
検索フォーム　カラー上書き用
（基本設定は/vc/kenpo/css/common.css）
----------------------------------------------------------*/
.search_box {
	height: 38px;
}
.search_wrapper {
	background: #fff;
	border: 1px solid #ffd1d1;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
.search_wrapper .btn_search_submit {
	background-color: #ff7f7f;
	color: #fff;
}

/*########################################################################################

グローバルナビゲーション

########################################################################################*/
nav#gnavi {
	background: #ffeaea;
	box-shadow: 0 3px 2px 0px rgba(0, 0, 0, .3);
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	height: 56px;
}
nav#gnavi .container {
	margin: 0 auto;
	padding: 0 40px;
	position: relative;
	width: 1024px;
	height: 43px;
}
nav#gnavi .main {
	overflow: hidden;
}
nav#gnavi ul {
	display: flex;
		justify-content: space-between;
	width: 100%;
	height: 56px;
}
nav#gnavi li {
	border-right: 1px solid #efefef;
	list-style-type: none;
	position: relative;
	width: 25%;
}
nav#gnavi li:first-child {
	border-left: 1px solid #efefef;
}
nav#gnavi li::before {
	border: 4px solid transparent;
	border-bottom: 4px solid #fff;
	content: "";
	display: block;
	position: absolute;
		bottom: 2px;
		left: 50%;
}
nav#gnavi li a {
	border-bottom: 8px solid #ffd1d1;
	color: #333;
	display: flex;
		align-items: center;
		justify-content: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	padding: 0;
	text-decoration: none;
	width: auto;
	height: 56px;
}
nav#gnavi li a:hover {
	color: #ff7f7f;
}
nav#gnavi li:hover::before {
	border-bottom: 4px solid #ff7f7f;
}
.fixed {
	position: fixed;
		top: 0;
	width: 100%;
	z-index: 9997;
}
/*########################################################################################

サイトトップ（index.jsp用レイアウト）

########################################################################################*/
#main_index {
	margin: 8px 0;
}
/*-----------------------------------------------------------------------------
■┓イメージ、キャッチコピー
┗┛
-----------------------------------------------------------------------------*/
section.top_catch ,
section.sys_link ,
section.info {
	margin: 0 auto 16px;
	position: relative;
	width: 960px;
}
section.top_catch h1 {
	color: #000;
	display: flex;
		align-items: center;
		justify-content: center;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 600;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;	text-align: center;
	position: absolute;
		top: 0;
		right: 0;
	visibility: hidden; /* G177はキャッチコピーを隠す */
	width: 389px;
	height: 277px;
}
/*--------------
SP版サイトトップ用イメージ、キャッチコピー
----------------------------------------------------------*/
.top_catch_sp {
	display: none;
}
/*-----------------------------------------------------------------------------
■┓各システムへリンク
┗┛
-----------------------------------------------------------------------------*/
section.sys_link ul {
	display: flex;
		flex-wrap: wrap;
}
section.sys_link ul li {
	margin-right: 16px;
}
section.sys_link ul li img { /* 画像の実サイズはwidth:454px height:239px */
	width: 227px; 
	height: 120px;
}
section.sys_link ul li:last-child {
	margin-right: 0;
}
section.sys_link ul li span {
	display: none;
}
section.sys_link h1 {
	display: none;
}
/*-----------------------------------------------------------------------------
■┓インフォーメーションエリア
┗┛
-----------------------------------------------------------------------------*/
section.info {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
section.info h1 {
	display: none;
}
section.info .wtd_info {
	width: 100%;
}
section.info .kenpo_info {
	width: calc(100% - 16px);
}
section.info .sh_info {
	width: calc(50% - 16px);
}
section.info .wtd_info,
section.info .kenpo_info,
section.info .sh_info {
	height: auto;
}
section.info .wtd_info .info_head,
section.info .kenpo_info .info_head,
section.info .sh_info .info_head {
	height: 51px;
	position: relative;
	z-index: 2;
}
section.info .kenpo_info .contents,
section.info .sh_info .contents {
	overflow: auto;
	margin-top: -10px;
	height: 280px;
}
section.info .wtd_info .contents {
	overflow: auto;
	margin-top: -10px;
	margin-bottom: 24px;
	height: 230px;
}
/*----------------------------
こんな時はどうする？のお知らせ枠
.wtd_info
----------------------------------------------------------*/
section.info .wtd_info .info_head {
	background: url(../images/wtd_head.png) 0 0 no-repeat;
}
section.info .wtd_info .info_head span {
	display: block;
	visibility: hidden;
}
section.info .wtd_info .contents {
	border: 3px solid #ffd1d1;
}
.situation_block {
	padding: 12px;
	width: 100%;
	height: auto;
}
.situation_block ul {
	display: flex;
		flex-flow: wrap;
}
.situation_block ul li {
	background: #fae4e4;
	border: 2px solid #fff;
	border-radius: 4px;
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	margin: 1px;
	width: calc(20% - 2px);
	height: auto;
}
.situation_block ul li a {
	color: #000;
	display: flex;
		align-items: center;
		flex-flow: wrap;
		justify-content: center;
	width: 100%;
	height: 94px;
}
.situation_block ul li a:hover {
	background: #fff;
	text-decoration: none;
}
.situation_block ul li div {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
	text-align: center;
}
.situation_block ul li span {
	font-size: 14px;
	font-size: 1.4rem;
}
/*----------------------------
健保からのお知らせ枠
.kenpo_info
----------------------------------------------------------*/
section.info .kenpo_info .info_head {
	background: url(../images/kenpo_info_head.png) 0 0 no-repeat;
}
section.info .kenpo_info .info_head span {
	display: block;
	visibility: hidden;
}
section.info .kenpo_info .contents {
	border: 3px solid #d1e8ff;
}
section.info .kenpo_info .contents .infotext {
	overflow: auto;
}
section.info .kenpo_info .contents .infotext dl {
	border-top: none;
	margin-top: 1em;
	overflow: hidden;
	padding: 0 4px;/*スクロールバー表示時にborder-bottomが消えるバグの回避としてpaddingに余白設定*/
}
section.info .kenpo_info .contents .infotext dt {
	border-top: 1px solid #efefef;
	color: #333;
	float: left;
	margin: 0;
	padding: .7em 0 .7em .5em;
	width: 6em;
}
section.info .kenpo_info .contents .infotext dd {
	border-top: 1px solid #efefef;
	margin: 0 0 0 6em;
	padding: .7em .5em .7em 1em;
}
section.info .kenpo_info .contents .infotext dt:first-child {
	border-top: 0;
}
section.info .kenpo_info .contents .infotext dt:first-child + dd {
	border-top: 0;
}
section.info .kenpo_info .info_head .info_list {
	position: absolute;
		top: 15px;
		right: 5px;
}
section.info .kenpo_info .info_head .info_list span {
	background: #eee;
	border: 1px solid #ddd;
	border-radius: 20px;
	color: #111;
	display: block;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 20px; /* 固定 */
	padding: 0 16px;
	text-align: center;
	visibility: visible;
}
section.info .kenpo_info .info_head .info_list span:hover {
	background: #ddd;
}
section.info .kenpo_info .info_head .info_list a:hover {
	text-decoration: none;
}
/*----------------------------
会社（安全衛生チーム）からのお知らせ枠
.sh_info
----------------------------------------------------------*/
section.info .sh_info .info_head {
	background: url(../images/sh_head.png) 0 0 no-repeat;
}
section.info .sh_info .info_head span {
	display: block;
	visibility: hidden;
}
section.info .sh_info .contents {
	border: 3px solid #d3f1b5;
}
section.info .sh_info .contents .infotext {
	overflow: auto;
}
section.info .sh_info .contents .infotext dl {
	border-top: none;
	margin-top: 1em;
	overflow: hidden;
	padding: 0 4px;/*スクロールバー表示時にborder-bottomが消えるバグの回避としてpaddingに余白設定*/
}
section.info .sh_info .contents .infotext dt {
	border-top: 1px solid #efefef;
	color: #333;
	float: left;
	margin: 0;
	padding: .7em 0 .7em .5em;
	width: 6em;
}
section.info .sh_info .contents .infotext dd {
	border-top: 1px solid #efefef;
	margin: 0 0 0 6em;
	padding: .7em .5em .7em 1em;
}
section.info .sh_info .contents .infotext dt:first-child {
	border-top: 0;
}
section.info .sh_info .contents .infotext dt:first-child + dd {
	border-top: 0;
}

/*########################################################################################

セカンダリページ

########################################################################################*/
/*-----------------------------------------------------------------------------
■┓メインコンテンツ
┗┛
-----------------------------------------------------------------------------*/
#main {
	margin: 0 auto;
	padding: 0 40px 0 64px;
}
#main h1 {
	font-size: 26px;
	font-size: 2.6rem;
	margin: 1em 0 1em -16px;
}
#main h1 span {
	border-left: 5px solid #303;
	display: block;
	padding: 4px 8px;
}
#main h2 {
	background: #ffd1d1;
	border-radius: 4px;
	color: #333;
	font-size: 24px;
	font-size: 2.4rem;
	margin: 3em 0 .5em -16px;
	padding: 8px 16px;
}
#main h1 + h2 {
	margin-top: 0;
}
#main h2:nth-of-type(1) {
	margin-top: 0;
}
#main h3 {
	background: #fff4f4;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #000;
	font-size: 22px;
	font-size: 2.2rem;
	margin: 40px 0 .5em -12px;
	padding: 8px;
}
#main h3 span {
	border-left: 4px solid #ff7f7f;
	display: block;
	padding: 0 10px;
}
#main h4 {
	background: #ebebeb;
	border-radius: 4px;
	color: #000;
	font-size: 20px;
	font-size: 2.0rem;
	margin: 1em 0 .5em -8px;
	padding: 8px 12px;
}
#main .title_brackets {
	color: #004098;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 .25em -8px;
}
#main .title_brackets::before {
	content: "【";
}
#main .title_brackets::after {
	content: "】";
}
.color_g177 {
	color: #ffd1d1;
}
#main h2 + h3 {
	margin-top: 0;
}
#main h3:first-child {
	margin-top: 0;
}
#main p {
	margin-bottom: 1em;
}
#main ol {
	margin-left: 16px;
	margin-bottom: 1em;
}
#main ol.paren {
	counter-reset: item;
	list-style: none;
	margin-top: .75em !important;
	margin-left: .5em !important;
}
#main ol.paren li::before {
	content: "(" counters(item, "-") ")";
	counter-increment: item;
	margin-right: 0.5em;
}
#main ol.paren li {
	margin-bottom: 0 !important;
	padding-left: 2em;
	text-indent: -2em;
}
/*----------------------------
パンくずリスト
----------------------------------------------------------*/
nav#breadcrumbs {
	font-size: 11px; /* 固定 */
	margin: 8px 40px;
	overflow: hidden;
}
nav#breadcrumbs ul {
	display: flex;
}
nav#breadcrumbs li {
	margin: 0 .3em 0 1em;
	white-space: nowrap;
}
nav#breadcrumbs a {
	background: #ddd;
	color: #000;
	display: block;
	padding: .5em .7em;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
nav#breadcrumbs a:hover{
	background: #ff0;
}
nav#breadcrumbs a::before {
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: #ddd #ddd #ddd transparent;
	content: "";
	margin-top: -1.5em;
	position: absolute;
		top: 50%; 
		left: -1em;
}
nav#breadcrumbs a:hover::before {
	border-color: #ff0 #ff0 #ff0 transparent;
}
nav#breadcrumbs a::after {
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #ddd;
	content: "";
	margin-top: -1.5em;
	position: absolute;
		top: 50%; 
		right: -1em;
}
nav#breadcrumbs a:hover::after {
	border-left-color: #ff0;
}
nav#breadcrumbs .current,
nav#breadcrumbs .current:hover {
	background: none;
}
nav#breadcrumbs .current::after,
nav#breadcrumbs .current::before {
	content: normal;
}
/*----------------------------
個人情報保護について
----------------------------------------------------------*/
#privacy h3 {
	margin-top: 40px;
	padding: 12px 0;
	text-align:center;
}
#privacy ol {
	margin-left: 24px;
}
#privacy ol li {
	margin-bottom: 1em;
}
/*----------------------------
健保からのお知らせ
----------------------------------------------------------*/
.select_year {
	background: #fffff0;
	border: 1px solid #ccc;
	border-radius: 8px;
	display: inline-block;
	padding: 8px 16px;
	width: auto !important;
}
.select_year div {
	display: block;
	font-weight: normal;
	padding-left: 16px;
	position: relative;
	text-align: left;
}
.select_year div::after {
	border: 5px solid transparent;
	border-top: 8px solid #000;
	content: "";
	display: block;
	position: absolute;
		top: calc(50% - 5px);
		left: 0;
}
.select_year ul {
	display: flex;
		flex-wrap: wrap;
	margin-top: .5em;
	width: auto !important;
}
.select_year ul li {
	padding: 0 16px;
}
.select_year ul li:first-child {
	border-left: none;
}
#info_kenpo {
	position: relative;
}
#info_kenpo h1 {
	font-size: 26px;
	font-size: 2.6rem;
	margin: 1em 0 0;
	padding: .5em;
}
#info_kenpo .icon_list {
	position: absolute;
		top: 0;
		right: 0;
}
#info_kenpo .icon_list span {
	background: #eee;
	border: 1px solid #ddd;
	border-radius: 20px;
	color: #111;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 4px 16px;
	text-align: center;
	visibility: visible;
}
#info_kenpo .icon_list span:hover {
	background: #ddd;
}
#info_kenpo .icon_list a:hover {
	text-decoration: none;
}
#info_kenpo .news_title {
	border-bottom: 1px solid #333;
	color: #333;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 .5em;
	padding: 0 0 .25em;
}
#info_kenpo .info_date {
	margin: .25em 0;
}
#info_kenpo .info_date span {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0 6px 0 2px;
}
#info_kenpo table {
	border: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin: 0 0 1em;
}
#info_kenpo table th {
	background-color: #efefef;
	border: 1px solid #999;
	color: #333;
	font-weight: bold;
	padding: .3em 1em;
}
#info_kenpo table td {
	border: 1px solid #999;
	padding: .3em .5em;
}
/*----------------------------
健保のしくみ
----------------------------------------------------------*/
.shikumi_index li {
	width: 320px;
}
.shikumi_index li span {
	background: url(../images/note_icon.png) 0 2px no-repeat;
	display: block;
	height: 50px;
	line-height: 50px; /* 固定 */
	padding: 0 0 0 52px;
}
.shikumi_index li span.prof_icon {
	background: url(../images/prof_icon.png) 0 2px no-repeat !important;
}
.shikumi_index li span:hover {
	opacity: .6;
}
.shikumi ul li {
	padding: .5em .75em;
	position: relative;
}
.shikumi ul li:nth-child(odd) {
	background-color: #fff;
}
.shikumi ul li:nth-child(even) {
	background-color: #fff9f9;
}
.shikumi ul li::before {
	border: 3px solid transparent;
	border-left: 3px solid #000;
	content: "";
	display: block;
	position: absolute;
		top: 1em;
		left: 0;
}
.shikumi ul li a {
	display: block;
}
.shikumi ul li span {
	background: #a2a2a2;
	border-top: 1px solid #efefef;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 .5em 1px 0;
	padding: .2em .5em .1em;
}
.shikumi ul li a span:hover {
	text-decoration: none;
}
.shikumi::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
/*----------------------------
健保のしくみ
> 特定健診・特定保健指導とは(guide_05.jsp)
----------------------------------------------------------*/
.step_box {
	border: 1px solid #ccc;
	margin: 0 auto;
	width: 95%;
}
.step_title {
	background-color: #808080;
	border-bottom: 1px solid #ccc;
	color:#fff;
	padding: 8px;
}
.step_text {
	padding: 16px;
}
.step_arrow {
	background: url("../images/step_arrow.png") 50% 0 no-repeat;
	margin-bottom: 5px;
	width: 100%;
	height: 40px;
}
.step_arrow span {
	display: none;
}
.step_box .border_right_0 {
	border-right: 0 !important;
}
.step_box .border_left_0 {
	border-left: 0 !important;
}
.step_box .border_rl_0 {
	border-right: 0 !important;
	border-left: 0 !important;
}
/*----------------------------
健保のしくみ
> 特定健診・特定保健指導とは(guide_05.jsp)
> 保険証の紛失(situation7.jsp)
----------------------------------------------------------*/
.link_box {
	background-color: #fff8dc;
	margin: 2em 0;
	padding: 15px;
	word-wrap:break-word;
}
.link_box_title {
	color: #4d4d4d;
	font-weight: bold;
	margin-bottom:1em;
}
.link_box ul li {
	padding-left: 3em;
	text-indent: -3em;
}
/*----------------------------
健保のしくみ
> 保険証としてのマイナンバーカード利用(guide_13.jsp)
----------------------------------------------------------*/
.mynumber .gray {
	color: #4d4d4d;
}
.mynumber .fs12 {
	font-size: 12px !important;
	font-size: 1.2rem !important;
}
.mynumber .side_photo {
	display: flex;
		align-items: center;
}
.mynumber .point_photo {
	text-align: center;
}
.mynumber .mynum_contact_tit_h5 {
	background: #ffaf58;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	padding: 8px;
	text-align: center;
}
.mynumber .mynum_contact_free,
.mynumber .mynum_contact_free2 {
	padding: 0 18px 16px 18px;
}
.mynumber .side_photo.mynum_contact_free {
		justify-content: space-between;
}
.mynumber .mynum_contact_free .mynum_contact_tit {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 18px;
}
.mynumber .mynum_contact_free .mynum_contact_tel {
	margin-bottom: 16px;
}
.mynumber .mynum_contact_free .mynum_contact_tel i {
	font-size: 24px;
	font-size: 2.4rem;
	margin-right: 12px;
}
.mynumber .mynum_contact_free .mynum_contact_tel a {
	font-size: 28px;
	font-size: 2.8rem;
	letter-spacing: .1em;
	position: relative;
}
.mynumber .link_box p.other_tel {
	border-top: 1px dashed #999;
	font-weight: bold;
	padding: 16px 0 0;
}
.mynumber .mynum_contact_free2 .mynum_contact_tel a {
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: .1em;
	padding-left: 8px;
	position: relative;
}
.mynumber .mynum_contact_free .mynum_contact_tel a.tel_tap,
.mynumber .mynum_contact_free2 .mynum_contact_tel a.tel_tap {
	color: #4d4d4d!important;
	font-weight: bold;
	pointer-events: none;
	text-decoration: none;
}
.mynumber .mynum_contact_free .mynum_contact_tel a .tel_memo {
	font-size: 8px;
	letter-spacing: .6em;
	position: absolute;
		top: -11px;
		right: 0;
}
.mynumber .mynum_contact_free .hour_tit {
	background: #ff7f50;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: 8px;
	padding: 2px 6px;
	text-align: center;
	width: 50px;
}
.mynumber .mynum_contact_free .hour_tit:not(:first-of-type),
.mynumber .mynum_contact_free2 > div:not(:first-of-type) {
	margin-left: 2em;
}

/*----------------------------
こんな時はどうする？
----------------------------------------------------------*/
.wtd_menu section {
	border: 1px solid #ccc;
	display: flex;
		flex-wrap: wrap;
	height: 150px;
	margin-bottom: 16px;
	position: relative;
}
.wtd_menu section h1 {
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	width: 65%;
}
.wtd_menu section h1 a {
	border-bottom: 16px solid transparent;
	display: flex;
		align-items: center;
		justify-content: center;
	padding: 16px;
	width: 100%;
	height: 100%;
}
.wtd_menu section h1 a::before {
	border: 6px solid transparent;
	content: "";
	display: block;
	position: absolute;
		bottom: 4px;
		left: 50%;
}
.wtd_menu section h1 a:hover {
	opacity: .6;
	text-decoration: none;
}
.wtd_menu section div {
	background: #fff;
	position: relative;
	width: 35%;
	height: 100%;
}
.wtd_menu section ul {
	display: flex;
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
	height: 100%;
	padding: 16px 0 16px 40px;
}

.wtd_menu section ul::before {
	border-color: transparent;
	border-style: solid;
	border-width: 40px 0 40px 20px;
	content: "";
	display: block;
	position: absolute;
		top: calc(50% - 40px);
		left: 0;
	z-index: 2;
}
.wtd_menu section ul li {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 4px;
	padding: 0 10px;
	position: relative;
}
.wtd_menu section ul li:last-child {
	margin-bottom: 0;
}
.wtd_menu section ul li::before {
	border: 4px solid transparent;
	content: "";
	display: block;
	position: absolute;
		top: 7px;
		left: 0;
	z-index: 2;
}
.wtd_menu section ul li a {
	color: #000;
}
/* classごとのカラー設定 */
/* 扶養家族が増ふえたとき（減ったとき） */
.wtd_menu section.wtd_menu_1 h1 {
	background: #fff2e5;
}
.wtd_menu section.wtd_menu_1 h1 a {
	border-bottom-color: #ffd3a8;
	color: #d7720d;
}
.wtd_menu section.wtd_menu_1 h1 a::before {
	border-bottom-color: #fa9f44;
}
.wtd_menu section.wtd_menu_1 ul::before {
	border-left-color: #fff2e5;
}
.wtd_menu section.wtd_menu_1 div ul li::before {
	border-left: 4px solid #fa9f44;
}
.ml{
	margin-left: 0.5em;
}
/* 保険証をなくしたとき */
.wtd_menu section.wtd_menu_2 h1 {
	background: #ffffd1;
}
.wtd_menu section.wtd_menu_2 h1 a {
	border-bottom-color: #ffff7f;
	color: #97972b;
}
.wtd_menu section.wtd_menu_2 h1 a::before {
	border-bottom-color: #cc3;
}
.wtd_menu section.wtd_menu_2 ul::before {
	border-left-color: #ffffd1;
}
.wtd_menu section.wtd_menu_2 div ul li::before {
	border-left: 4px solid #cc3;
}

/* 出産したとき */
.wtd_menu section.wtd_menu_3 h1 {
	background: #e8ffd1;
}
.wtd_menu section.wtd_menu_3 h1 a {
	border-bottom-color: #bfff7f;
	color: #517f23;
}
.wtd_menu section.wtd_menu_3 h1 a::before {
	border-bottom-color: #9c6;
}
.wtd_menu section.wtd_menu_3 ul::before {
	border-left-color: #e8ffd1;
}
.wtd_menu section.wtd_menu_3 div ul li::before {
	border-left: 4px solid #9c6;
}

/* 病気やケガをしたとき */
.wtd_menu section.wtd_menu_4 h1 {
	background: #d1ffe8;
}
.wtd_menu section.wtd_menu_4 h1 a {
	border-bottom-color: #7fffbf;
	color: #218252;
}
.wtd_menu section.wtd_menu_4 h1 a::before {
	border-bottom-color: #3bd387;
}
.wtd_menu section.wtd_menu_4 ul::before {
	border-left-color: #d1ffe8;
}
.wtd_menu section.wtd_menu_4 div ul li::before {
	border-left: 4px solid #3bd387;
}

/* 医療費が高額になったとき */
.wtd_menu section.wtd_menu_5 h1 {
	background: #d1ffff;
}
.wtd_menu section.wtd_menu_5 h1 a {
	border-bottom-color: #a3ffff;
	color: #248080;
}
.wtd_menu section.wtd_menu_5 h1 a::before {
	border-bottom-color: #3da9a9;
}
.wtd_menu section.wtd_menu_5 ul::before {
	border-left-color: #d1ffff;
}
.wtd_menu section.wtd_menu_5 div ul li::before {
	border-left: 4px solid #3da9a9;
}

/* 病院で立て替え払いをしたとき */
.wtd_menu section.wtd_menu_6 h1 {
	background: #dbedff;
}
.wtd_menu section.wtd_menu_6 h1 a {
	border-bottom-color: #9cf;
	color: #3e76ae;
}
.wtd_menu section.wtd_menu_6 h1 a::before {
	border-bottom-color: #3e76ae;
}
.wtd_menu section.wtd_menu_6 ul::before {
	border-left-color: #dbedff;
}
.wtd_menu section.wtd_menu_6 div ul li::before {
	border-left: 4px solid #3e76ae;
}

/* 退職後も当組合に加入したい */
.wtd_menu section.wtd_menu_7 h1 {
	background: #e0e0ff;
}
.wtd_menu section.wtd_menu_7 h1 a {
	border-bottom-color: #adadff;
	color: #4747a3;
}
.wtd_menu section.wtd_menu_7 h1 a::before {
	border-bottom-color: #7f7fff;
}
.wtd_menu section.wtd_menu_7 ul::before {
	border-left-color: #e0e0ff;
}
.wtd_menu section.wtd_menu_7 div ul li::before {
	border-left: 4px solid #7f7fff;
}

/* 交通事故等にあったとき（第三者行為） */
.wtd_menu section.wtd_menu_8 h1 {
	background: #efe0ff;
}
.wtd_menu section.wtd_menu_8 h1 a {
	border-bottom-color: #d3a8ff;
	color: #6b4592;
}
.wtd_menu section.wtd_menu_8 h1 a::before {
	border-bottom-color: #bf7fff;
}
.wtd_menu section.wtd_menu_8 ul::before {
	border-left-color: #efe0ff;
}
.wtd_menu section.wtd_menu_8 div ul li::before {
	border-left: 4px solid #bf7fff;
}

/* 雇用形態が変わったとき */
.wtd_menu section.wtd_menu_9 h1 {
	background: #ffe5f2;
}
.wtd_menu section.wtd_menu_9 h1 a {
	border-bottom-color: #ffa8d3;
	color: #c5588f;
}
.wtd_menu section.wtd_menu_9 h1 a::before {
	border-bottom-color: #ff7fbf;
}
.wtd_menu section.wtd_menu_9 ul::before {
	border-left-color: #ffe5f2;
}
.wtd_menu section.wtd_menu_9 div ul li::before {
	border-left: 4px solid #ff7fbf;
}

/* 健康診断のご案内 */
.wtd_menu section.wtd_menu_10 h1 {
	background: #ffe0e0;
}
.wtd_menu section.wtd_menu_10 h1 a {
	border-bottom-color: #ffadad;
	color: #b34747;
}
.wtd_menu section.wtd_menu_10 h1 a::before {
	border-bottom-color: #ff7f7f;
}
.wtd_menu section.wtd_menu_10 ul::before {
	border-left-color: #ffe0e0;
}
.wtd_menu section.wtd_menu_10 div ul li::before {
	border-left: 4px solid #ff7f7f;
}

/*----------------------------
各種申請書
----------------------------------------------------------*/
.application_menu ul {
	background: #eff7ff;
	border: 1px solid #c6e2ff;
	border-radius: 8px;
	margin-bottom: 1em;
	padding: 8px 0;
	width: 100%;
}
.application_menu ul li {
	margin: 8px 0;
	padding: 0 10px 0 20px;
	position: relative;
}
.application_menu ul li::before {
	border: 3px solid transparent;
	border-left: 3px solid #333;
	content: "";
	display: block;
	position: absolute;
		top: .5em;
		left: 10px;
}
.application_menu ul li a {
	display:block;
	color:#006;
}
/*--- 申請書提出先テーブル ---*/
.appllication_submit {
	margin-bottom: 2em;
}
.submit_tbl {
	border-collapse: collapse;
	border-spacing: 0;
}
.submit_tbl th {
	background: #efefef;
	border: 1px solid #ccc;
	font-weight: bold;
	padding: 7px ;
	white-space: nowrap;
}
.submit_tbl td {
	border: 1px solid #ccc;
	padding: 8px;
}
/*--- 申請書一覧 ---*/
.application_pdf_wrap {
	display: flex;
}
.application_pdf {
	margin-bottom: 25px;
	width: 49%;
}
.application_pdf.w100per {
	width: 100%;
}
.application_pdf h5 {
	background: #fff9f9;
	border: 1px solid #ccc;
	color: #000;
	margin: 16px 0 .5em;
	padding: 4px;
}
.application_pdf h5 span {
	border-left: 4px solid #ffd1d1;
	display: block;
	padding: 4px 0 4px 8px;
}
.application_pdf:first-child {
	margin-right: 16px;
}
.application_pdf table {
	border-collapse: collapse; /* trのborder-bottomを表示させるため */
	margin: 0 0 16px 8px;
}
.application_pdf th {
	font-weight: normal;
	min-width: 330px;
	padding: 16px 8px 8px;
	text-align: left;
	vertical-align: top;
}
.application_pdf th span {
	font-size: 12px;
	font-size: 1.2rem;
}
.application_pdf th div {
	font-size: 12px;
	font-size: 1.2rem;
	padding-left: 1em;
	text-indent: -1em;
}
.application_pdf td {
	padding: 8px;
	text-align: center;
	width: 49px;
}
.application_pdf td div {
	font-size: 11px;
	font-size: 1.1rem;
	white-space: nowrap;
}
.application_pdf tr {
	border-bottom: 1px solid #ccc;
}
.application_pdf tr:last-child {
	border-bottom: none;
}
/*----------------------------
お問い合わせフォーム
----------------------------------------------------------*/
#inquiry table.arrow td.name_width_flex {
	display: flex;
		flex-wrap: wrap;
}
.name_width {
	display: flex;
		align-items: center;
}
.name_width input {
	margin-right: 1em;
	width: 200px;
}
.tel_width input[type="text"],
.email_width input[type="text"] {
	width: 400px;
}
.email_area {
	width: 100%;
}
.email_conf {
	display: flex;
		flex-wrap: wrap;
}
.email_conf1_width {
	width: auto;
}
.email_conf1_width input[type="text"] {
	width: 185px;
}
.email_conf2_width input[type="text"] {
	width: 185px;
}
.email_conf2_width {
	display: flex; /* @マーク横並び用 */
	width: auto;
}
.email_conf2_width_contents {
	display: flex;
	width: 100%;
}
.email_conf2_width .mark{
	display: flex;
		align-items: center;
		justify-content: center;
	width: 30px;
	height: 40px; /* input[type="text"]の高さ */
}
.email_conf1_width input {
	width: 185px;
}
.email_conf2_width input {
	width: 185px;
}
.inquiry_textarea {
	width: 100%;
	height: 100px;
}
#inquiry .disabled {
	background: #ddd;
}

/*########################################################################################

フッター

########################################################################################*/
#footer {
	background: linear-gradient(to bottom, #fff 0%, #ffd1d1 100%);
	border-top: 1px solid #efefef;
	margin-top: 40px;
	width: 100%;
}
footer {
	margin: 0 auto;
	position: relative;
	width: 1024px;
}
footer small {
	font-size: 12px;
	font-size: 1.2rem;
	position: absolute;
		bottom: 8px;
		right: 0;
}
footer .footer_menu {
	display: flex;
		justify-content: center;
	font-size: 12px;
	font-size: 1.2rem;
	padding-top: 30px;
}
footer ul.parent, 
footer ul.inside_parent { /* PC用レイアウト調整 */
	margin-left: 80px;
}
footer ul.parent:first-of-type {
	display: flex;
	margin-left: 0;
}
footer ul.parent:nth-child(4) {
	display: none;
}
footer ul.parent li.bg_none {
	background: transparent;
}
footer ul.inside_parent {
	display: list-item ;
}
footer ul.parent li {
	list-style-type: none;
}
footer ul.parent li a {
	color: #000;
	display: block;
	padding-left: 18px;
	position: relative;
	text-align: left;
}
footer ul.parent li a:nth-child(1) {
	font-size: 16px;
	font-size: 1.6rem;
}
footer ul.child li a:nth-child(1) {
	font-size: 14px;
	font-size: 1.4rem;
}
footer ul.parent li a::before {
	background: #fff;
	border-radius: 50%;
	content: "";
	display: block;
	position: absolute;
		top: 3px;
		left: 0;
	width: 14px;
	height: 14px;
}
footer ul.parent li a::after {
	border: 3px solid transparent;
	border-left: 5px solid #ff7f7f;
	content: "";
	display: block;
	position: absolute;
		top: 7px;
		left: 5px;
	z-index: 2;
}
footer ul.child {
	margin-top: .5em;
	margin-bottom: 1em;
}
footer ul.child li {
	margin-left: 18px;
	padding: .25em 0;
}
footer ul.child li a {
	display: block;
	font-weight: normal;
	padding-left: 7px;
	position: relative;
	text-align: left;
}
footer ul.child li a::before {
	display: none;
}
footer ul.child li a::after {
	border: 3px solid transparent;
	border-left: 3px solid #ffa8a8;
	content: "";
	display: block;
	position: absolute;
		top: .5em;
		left: 0;
}
/*----------------------------
健保詳細　推奨ブラウザ
----------------------------------------------------------*/
footer .footer_bottom {
	display: flex;
		justify-content: space-between;
	margin: 2em auto 0;
	padding: 5px 0 20px;
	width: 1024px;
}
footer .inquiry_details,
footer .recommended_browser {
	margin: 0 auto 2em;
	width: calc(50% - 40px);
}
footer .inquiry_details .inquiry_name {
	background: #ccc;
	color: #000;
	font-weight: 600;
	padding: 8px 16px;
}
footer .inquiry_details .inquiry_contents {
	background: #fff;
	border: 1px solid #ccc;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 8px 16px;
}
footer .inquiry_details .inquiry_contents .title {
	background: #efefef;
	border: 1px solid #ccc;
	border-radius: 24px;
	margin-bottom: .5em;
	padding: .3em .5em;
	text-align: center;
}
footer .inquiry_details .inquiry_contents table {
	margin: 0 auto .5em;
}
footer .inquiry_details .inquiry_contents table th {
	text-align: right;
	white-space: nowrap;
}
footer .inquiry_details .inquiry_contents table td {
	padding-bottom: .5em;
}
footer .inquiry_details .inquiry_contents table td span {
	font-size: 18px;
	font-size: 1.8rem;
}
footer .recommended_browser div {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: .5em;
}
footer .recommended_browser ul li {
	font-size: 12px;
	font-size: 1.2rem;
	list-style-type: none;
	padding: 0 0 8px 10px;
	position: relative;
}
footer .recommended_browser ul li::before {
	border: 3px solid transparent;
	border-left: 3px solid #333;
	content: "";
	display: block;
	position: absolute;
		top: 6px;
		left: 0;
}
/*----------------------------
ページのトップへ（#totop）
----------------------------------------------------------*/
.page_top {
	position: fixed;
		bottom: 16px;
		right: 16px;
}
.page_top a {
	background: #fff;
	border-radius: 50%;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	color: #000;
	display: inline-block;
	font-size: 12px; /* 固定 */
	font-size: 1.2rem; /* 固定 */
	line-height: 50px; /* 固定 */
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 50px;
	height: 50px;
}
.page_top a:hover {
	background: #ccc;
	opacity: .9;
	text-decoration: none;
}

/*########################################################################################

汎用クラス

########################################################################################*/
/*--------------
PC版用２カラム（こんな時はどうする？レイアウト）
----------------------------------------------------------*/
#two_column {
	display: flex;
}
#two_column .menu {
	padding-right: 16px;
	width: 28%; /* menuは28% contentsは72% */
}
#two_column .contents {
	padding: 0 0 0 16px;
	width: 72%; /* menuは28% contentsは72% */
}
#two_column .menu ul {
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 8px 0;
	width: 100%;
}
#two_column .menu ul li {
	padding: .5em 1.25em;
	position: relative;
}
#two_column .menu ul li::before {
	border: 3px solid transparent;
	border-left: 3px solid #333;
	content: "";
	display: block;
	position: absolute;
		top: 1em;
		left: 12px;
}
#two_column .menu ul li a {
	color: #006;
	display: block;
}

/*########################################################################################

手続き枠　カラー上書き用
（基本設定は/vc/kenpo/css/common.css）

########################################################################################*/
#procedure h1 {/*タブ*/
	background: #d1d1ff;
	color: #333;
}
#procedure .procedure_contents {
	background: #efefff;
}
#procedure .procedure_contents h2 {
	background: #ffd1ff;
	border-left: solid 4px #ffa8ff;
}