@charset "utf-8";

/* PC：category-index-pc.css
 * おまかせプラン ver.6（カテゴリインデックス）
 * **************************************************
 * Global Navigation (Nav) ★
 * Space (Margin)
 * Content (Section)
 * Category Index Navigation (Nav)
 * Common Elements
 * **************************************************
 */

/* Global Navigation (Nav) ★
------------------------------------------------------------------ */
/* 2階層：非表示 */
#globalNav nav li:hover > .sec {
	display: none;
}


/*  Space
------------------------------------------------------------------- */
#subPage .main ul + h2 {
	margin-top: 70px;
}

/*  Content (Section)
------------------------------------------------------------------ */
#subPage .main > section {
	max-width: 1050px;
}

/* Category Index Navigation
------------------------------------------------------------------ */
#subPage .categoryIndex{
	border:1px solid #fe8566;
		-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:50px 50px 40px;
}
#subPage .categoryIndex:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#subPage .categoryIndex .cat_all{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
#subPage .categoryIndex .box{
 width: 46%;
 margin-right: 4%;
}



#subPage .categoryIndex li + li {
	margin-bottom: 4%;
}
#subPage .categoryIndex li:first-child {
	margin-bottom: 4%;
}
#subPage .categoryIndex a {
	position: relative;
	display: table-cell;
	font-size: 1.6em;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	padding-left:25px;
	color:#333333;
	text-decoration: none; 
	vertical-align: middle;
	line-height: 1.3;
}

#subPage .categoryIndex a:before{
	content: url("../images/common/link-arrow.png");
	position: absolute;
	left: 0px;
	top: 2px;}

#subPage .categoryIndex a:hover {
   -webkit-opacity:0.7;
   -moz-opacity:0.7;
   opacity:0.7;
}


#subPage .categoryIndex_c{
	border:1px solid #fe8566;
		-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:50px;
}
#subPage .categoryIndex_c:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#subPage .categoryIndex_c ul_c{
	width:100%;
	}

#subPage .categoryIndex_c ul li{
}

#subPage .categoryIndex_c li + li {
	margin-bottom: 0%;
}
#subPage .categoryIndex_c li:first-child {
	margin-bottom: 3%;
}
#subPage .categoryIndex_c a {
	position: relative;
	display: table-cell;
	font-size: 1.6em;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	padding-left:25px;
	color:#333333;
	text-decoration: none; 
	vertical-align: middle;
	line-height: 1.3;
}

#subPage .categoryIndex_c a:before{
	content: url("../images/common/link-arrow.png");
	position: absolute;
	left: 0px;
	top: 2px;}

#subPage .categoryIndex_c a:hover {
   -webkit-opacity:0.7;
   -moz-opacity:0.7;
   opacity:0.7;
}

/* Category Index Navigation2
------------------------------------------------------------------ */
#subPage .categoryIndex2 {
	width:1000px;
	margin:0 auto;
}
#subPage .categoryIndex2:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#subPage .categoryIndex2 ul {
}

#subPage .categoryIndex2 .cat_all{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
#subPage .categoryIndex2 .box{
 width: 46.3%;
 margin-right: 4%;
	border:1px solid #fe8566;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:30px;
}


#subPage .categoryIndex2 .box_all ul{
	width: 100%;
	margin-right: 0%;
	border:1px solid #fe8566;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:30px;}


#subPage .categoryIndex2 .box:nth-child(even){
	margin-right:0;
}


#subPage .categoryIndex2 .box ul ul,
#subPage .categoryIndex2 .box_all ul ul{
	border:0px;
	width:85%;
	float:none;
	padding:20px 0px 0px 40px;
}


#subPage .categoryIndex2 .box li + li,
#subPage .categoryIndex2 .box_all li + li {
	margin-bottom: 20px;
}
#subPage .categoryIndex2 .box li:first-child,
#subPage .categoryIndex2 .box_all li:first-child {
	margin-bottom: 20px;
}

#subPage .categoryIndex2 .box_all{
	 width: 46.3%;
}



#subPage .categoryIndex2 a {
	position: relative;
	display: table-cell;
	font-size: 1.6em;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	padding-left:10px;
	color:#333333;
	text-decoration: none;
	vertical-align: middle;
	line-height: 1.3;
}

#subPage .categoryIndex2 li li a:hover{
   -webkit-opacity:0.7;
   -moz-opacity:0.7;
   opacity:0.7;}

#subPage .categoryIndex2 li li a:before{
	content: url("../images/common/link-arrow.png");
	position: absolute;
	left: -20px;
	top: 2px;}

#subPage .categoryIndex2 a:hover {
   -webkit-opacity:0.7;
   -moz-opacity:0.7;
   opacity:0.7;
}



/* Category Index Navigation3
------------------------------------------------------------------ */
#subPage .categoryIndex3 {
	margin-bottom: 20px;
}
#subPage .categoryIndex3 ul {
	overflow: hidden;
	width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
#subPage .categoryIndex3 ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#subPage .categoryIndex3 li {
	display: block;
	width: 20.6%;
}
#subPage .categoryIndex3 li + li {
	margin-left: 5%;
}
#subPage .categoryIndex3 li:nth-of-type(4n + 1){
	margin-left: 0;
}
#subPage .categoryIndex3 li:nth-of-type(n + 5) {
	margin-top: 3%;
}
#subPage .categoryIndex3 li:first-child {
}
#subPage .categoryIndex3 a {
	display: block;
	padding: 130px 10px 0;
	height: 70px;
	width: 100%;
  background: #ffffff no-repeat center 42px/auto 64px;
	border-radius: 20px;
	font-size: 1.8em;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-weight: bold;
	color: #202020;
  text-align: center;
  line-height: 1.3;
	text-decoration: none; 
	border:2px solid #fea088;
}

#subPage .categoryIndex3 .menu-line3 a{
		padding: 115px 10px 15px;
}

#subPage .categoryIndex3 a:hover {
	background: #feece7 no-repeat center 42px/auto 64px;
}

#subPage .categoryIndex3 a span {
	display:block;
}

/*家族が増えたとき・減ったとき*/
#subPage .categoryIndex3 .join-leave a{
 background-image: url("../images/common/cat_consultation_img01.png");
}

/*保険証を紛失・破損したとき*/
#subPage .categoryIndex3 .lose a{
 background-image: url("../images/common/cat_consultation_img02.png");
}

/*氏名・住所等に変更があったとき*/
#subPage .categoryIndex3 .n-a-change a{
 background-image: url("../images/common/cat_consultation_img03.png");
}

/*氏名・住所等に変更があったとき*/
#subPage .categoryIndex3 .m-e-subsidy a{
 background-image: url("../images/common/cat_consultation_img04.png");
}

/*出産するとき*/
#subPage .categoryIndex3 .n_birth a{
 background-image: url("../images/common/cat_consultation_img05.png");
}

/*出産で仕事を休むとき*/
#subPage .categoryIndex3 .m-leave a{
 background-image: url("../images/common/cat_consultation_img06.png");
}

/*出産で仕事を休むとき*/
#subPage .categoryIndex3 .baby-subsidy a{
 background-image: url("../images/common/cat_consultation_img07.png");
}

/*医療費が高額になるとき*/
#subPage .categoryIndex3 .high-burden a{
 background-image: url("../images/common/cat_consultation_img08.png");
}

/*立て替え払いをしたとき*/
#subPage .categoryIndex3 .advance a{
 background-image: url("../images/common/cat_consultation_img09.png");
}

/*はり・きゅう、あんま・マッサージにかかるとき*/
#subPage .categoryIndex3 .acupuncture a{
 background-image: url("../images/common/cat_consultation_img10.png");
}

/*病気・けがで仕事を休んだとき*/
#subPage .categoryIndex3 .work-off a{
 background-image: url("../images/common/cat_consultation_img11.png");

}

/*交通事故にあったとき*/
#subPage .categoryIndex3 .car-crash a{
 background-image: url("../images/common/cat_consultation_img12.png");
}

/*入院や転院で移送が必要なとき*/
#subPage .categoryIndex3 .transport a{
 background-image: url("../images/common/cat_consultation_img13.png");
}

/*海外で受診したとき*/
#subPage .categoryIndex3 .overseas a{
 background-image: url("../images/common/cat_consultation_img14.png");
}

/*在宅医療を受けるとき*/
#subPage .categoryIndex3 .home-m-care a{
 background-image: url("../images/common/cat_consultation_img15.png");
}

/*入院したときの食事*/
#subPage .categoryIndex3 .m-hospitalization a{
 background-image: url("../images/common/cat_consultation_img16.png");
}

/*保険外の療養を受けるとき*/
#subPage .categoryIndex3 .o-medical a{
 background-image: url("../images/common/cat_consultation_img17.png");
}

/*自然災害で被災したとき*/
#subPage .categoryIndex3 .n-disasters a{
 background-image: url("../images/common/cat_consultation_img18.png");
}

/*退職したとき*/
#subPage .categoryIndex3 .n-retire a{
 background-image: url("../images/common/cat_consultation_img19.png");



}

/*任意継続保険に加入するとき*/
#subPage .categoryIndex3 .continuation a{
 background-image: url("../images/common/cat_consultation_img20.png");
}

/*特例退職保険に加入するとき*/
#subPage .categoryIndex3 .exception a{
 background-image: url("../images/common/cat_consultation_img21.png");
}

/*医療保険制度の比較*/
#subPage .categoryIndex3 .comparison a{
 background-image: url("../images/common/cat_consultation_img22.png");
}

/*任意継続被保険者の資格を喪失するとき*/
#subPage .categoryIndex3 .continuation_lose a{
 background-image: url("../images/common/cat_consultation_img23.png");
}

/*特例退職被保険者の資格を喪失するとき*/
#subPage .categoryIndex3 .exception_lose a{
 background-image: url("../images/common/cat_consultation_img24.png");
}

/*オムロン退職者保険料*/
#subPage .categoryIndex3 .omron_retire a{
 background-image: url("../images/common/cat_consultation_img25.png");
}

/*亡くなったとき*/
#subPage .categoryIndex3 .death a{
 background-image: url("../images/common/cat_consultation_img26.png");
}

/*70歳以上になったとき*/
#subPage .categoryIndex3 .over-70years a{
 background-image: url("../images/common/cat_consultation_img27.png");
}

/*70歳になったとき（特例退職被保険者）*/
#subPage .categoryIndex3 .over-70years-e a{
 background-image: url("../images/common/cat_consultation_img28.png");
}

/*75歳以上になったとき*/
#subPage .categoryIndex3 .over-75years a{
 background-image: url("../images/common/cat_consultation_img29.png");
}


/*健康診断（被保険者）*/
#subPage .categoryIndex3 .medical-examination01 a{
 background-image: url("../images/common/cat_support_img01.png");
}

/*健康診断（被扶養者）*/
#subPage .categoryIndex3 .medical-examination02 a{
 background-image: url("../images/common/cat_support_img02.png");
}

/*健康診断（任意継続者）*/
#subPage .categoryIndex3 .medical-examination03 a{
 background-image: url("../images/common/cat_support_img03.png");
}

/*健康診断（特例退職者）*/
#subPage .categoryIndex3 .medical-examination04 a{
 background-image: url("../images/common/cat_support_img04.png");
}

/*生活習慣病健診・人間ドック補助*/
#subPage .categoryIndex3 .doc a{
 background-image: url("../images/common/cat_support_img05.png");
}

/*生活習慣病健診・人間ドック補助*/
#subPage .categoryIndex3 .doc a{
 background-image: url("../images/common/cat_support_img05.png");
}

/*家族健診（個別契約）*/
#subPage .categoryIndex3 .family_individual a{
 background-image: url("../images/common/cat_support_img06.png");
}

/*家族健診（集合契約）*/
#subPage .categoryIndex3 .family_set a{
 background-image: url("../images/common/cat_support_img07.png");
}

/*郵送によるがん検診*/
#subPage .categoryIndex3 .by-mail a{
 background-image: url("../images/common/cat_support_img08.png");
}

/*乳がん検診補助*/
#subPage .categoryIndex3 .breast-cancer a{

 background-image: url("../images/common/cat_support_img09.png");
}

/*特定保健指導*/
#subPage .categoryIndex3 .specific-medical a{
 background-image: url("../images/common/cat_support_img10.png");
}

/*歯科検診*/
#subPage .categoryIndex3 .dentistry a{
 background-image: url("../images/common/cat_support_img11.png");
}


/*インフルエンザ予防接種費用補助*/
#subPage .categoryIndex3 .influenza a{
 background-image: url("../images/common/cat_support_img12.png");
}

/*卒煙サポート*/
#subPage .categoryIndex3 .no-smoking a{
 background-image: url("../images/common/cat_support_img13.png");
}

/*風疹の抗体検査およびワクチン接種補助*/
#subPage .categoryIndex3 .vaccine a{
 background-image: url("../images/common/cat_support_img14.png");
}

/*常備薬の斡旋*/
#subPage .categoryIndex3 .regular-medicine a{
 background-image: url("../images/common/cat_support_img15.png");
}

/*医療・健康相談サービス*/
#subPage .categoryIndex3 .health-service a{
 background-image: url("../images/common/cat_support_img16.png");
}

/*健康ポイントプログラム（社員）*/
#subPage .categoryIndex3 .health-point01 a{
 background-image: url("../images/common/cat_support_img17.png");
}

/*健康ポイントプログラム（特例退職者）*/
#subPage .categoryIndex3 .health-point02 a{
 background-image: url("../images/common/cat_support_img18.png");
}



/*育児雑誌「赤ちゃんとママ」*/
#subPage .categoryIndex3 .childcare a{
 background-image: url("../images/common/cat_support_img19.png");
}


/*健康保険のしくみと概要*/
#subPage .categoryIndex3 .overview a{
 background-image: url("../images/common/cat_support_img20.png");
}

/*広報誌「Healthyオムロンニュース」*/
#subPage .categoryIndex3 .magazine a{
 background-image: url("../images/common/cat_support_img21.png");
}

/*健康マイポータル*/
#subPage .categoryIndex3 .portal a{
 background-image: url("../images/common/cat_support_portal.png");
}

/*メールマガジン*/
#subPage .categoryIndex3 .mail-m a{
 background-image: url("../images/common/cat_support_mailmagazine.png");
}



/* Common Elements
------------------------------------------------------------------ */
#subPage .main h2 {
	margin-right: 20px;
	margin-left: 20px;
	padding: 5px 20px 5px 20px;
	background-color: #f5f5f5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 2.4em;
	font-weight: bold;
	color: #7bb7db;
}


#subPage .main .categoryIndex2 h2{
	margin:0!important;
	padding:0!important;
}

#subPage .main .categoryIndex2 h2 a{
	display:block;
	position:relative;
	padding:20px 0;
	background-color: #fe8566;
	width:100%;
	margin:0 auto;
	color: #ffffff;
	font-size: 0.5em;
	font-weight: bold;
	text-align:center;
}


#subPage .main .categoryIndex2 h2 a{
	display:block;
}

#subPage .main .categoryIndex2 h2 a span{
	font-size:1.6em;
}

#subPage .main h2:after{
	display:none;
}

#subPage .main .categoryIndex2 h2 a:after{
	position: absolute;
	right: 10px;
	bottom:-8px;
}

#subPage .main .categoryIndex2 h2 a:hover{
	   -webkit-opacity:0.7;
   -moz-opacity:0.7;
   opacity:0.7;
}

/*保険証にかかわること*/
#subPage .main .categoryIndex2 h2.card a:after{
	content: url("../images/common/index_icon01.png");}

/*出産のとき*/
#subPage .main .categoryIndex2 h2.a_birth a:after{
	content: url("../images/common/index_icon02.png");
	bottom:-8px;}

/*病気やけがのとき*/
#subPage .main .categoryIndex2 h2.sick-injury a:after{
	content: url("../images/common/index_icon03.png");}

/*退職するとき*/
#subPage .main .categoryIndex2 h2.retire a:after{
	content: url("../images/common/index_icon04.png");}

/*亡くなったとき*/
#subPage .main .categoryIndex2 h2.death a:after{
	content: url("../images/common/index_icon05.png");}

/*高齢者の医療*/
#subPage .main .categoryIndex2 h2.senior a:after{
	content: url("../images/common/index_icon06.png");
	bottom:-11px;}

/*健康診断*/
#subPage .main .categoryIndex2 h2.m-examination a:after{
	content: url("../images/common/index_icon07.png");}

/*費用補助・斡旋*/
#subPage .main .categoryIndex2 h2.e-subsidy a:after{
	content: url("../images/common/index_icon08.png");}

/*健康相談*/
#subPage .main .categoryIndex2 h2.h-service a:after{
	content: url("../images/common/index_icon09.png");}
/*健保ポイント制度*/
#subPage .main .categoryIndex2 h2.h-point a:after{
	content: url("../images/common/index_icon10.png");
	bottom:-10px;}

/*広報誌*/
#subPage .main .categoryIndex2 h2.magazine a:after{
	content: url("../images/common/index_icon11.png")}
	
/*加入者専用*/
#subPage .main .categoryIndex2 h2.portal a:after{
	content: url("../images/common/index_icon-portal.png")}
	
/*育児*/
#subPage .main .categoryIndex2 h2.childcare a:after{
	content: url("../images/common/index_icon12.png")}


/*健康診断　INDEX*/

#subPage .examination_list {
	display:flex;
}

#subPage .examination_list li {
	margin-right: 2.5%;
}

#subPage .examination_list a:hover {
	opacity:0.8;
}
