@charset "utf-8";

/* PC：category-index-sp.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: 60px;
}

/*  Content (Section)
------------------------------------------------------------------ */
/* Media Queries 切替 */
#subPage .main > section {
}

/* Category Index Navigation
------------------------------------------------------------------ */
#subPage .categoryIndex{
	border:1px solid #fe8566;
		-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:2em 2em 0 2em;
}
#subPage .categoryIndex:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#subPage .categoryIndex ul{
	width:100%;
	}

#subPage .categoryIndex ul li{
}

#subPage .categoryIndex li + li {
	margin-bottom: 6%;
}
#subPage .categoryIndex li:first-child {
	margin-bottom: 6%;
}
#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:2em;
}
#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:100%;
	margin:0 auto;
}
#subPage .categoryIndex2:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#subPage .categoryIndex2 ul {
	border:1px solid #fe8566;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#subPage .categoryIndex2 ul{
	margin-bottom:20px;
}



#subPage .categoryIndex2 ul:nth-child(2) {
}

#subPage .categoryIndex2 ul ul{
	border:0px;
	width:85%;
	float:none;
	padding:20px 0px 0px 40px;
}

#subPage .categoryIndex2 ul ul.m-examination_c{
}

#subPage .categoryIndex2 ul ul.one_list{
}


#subPage .categoryIndex2 ul ul.two_list{
}

#subPage .categoryIndex2 ul ul.four_list{
}


#subPage .categoryIndex2 li + li {
	margin-bottom: 20px;
}
#subPage .categoryIndex2 li:first-child {
	margin-bottom: 20px;
}
#subPage .categoryIndex2 a {
	position: relative;
	display: table-cell;
	font-size: 1.0em;
	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: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;
}

#subPage .categoryIndex2 li li a{
	font-size:1.5em;
}


/* 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.5em;
}

#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");}

/*病気やけがのとき*/
#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")}

	
/* 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: 41.5%;
}
#subPage .categoryIndex3 li + li {
	margin-left: 10%;
}
#subPage .categoryIndex3 li:nth-of-type(2n + 1){
	margin-left: 0;
}
#subPage .categoryIndex3 li:nth-of-type(n + 3) {
	margin-top: 3%;
}
#subPage .categoryIndex3 li:first-child {
}
#subPage .categoryIndex3 a {
	display: block;
	padding: 110px 10px 10px;
	height: 60px;
	width: 100%;
  background: #ffffff no-repeat center 35px/auto 64px;
	border-radius: 20px;
	font-size: 1.55em;
	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 a:hover {
	background: #feece7 no-repeat center 35px/auto 64px;
}


#subPage .categoryIndex3 a span {
	display:block;
}

#subPage .categoryIndex3 a span br{
	display:none;
}

/*家族が増えたとき・減ったとき*/
#subPage .categoryIndex3 .join-leave a{
 background-image: url("../images/common/cat_consultation_img01@2x.png");
}

/*保険証を紛失・破損したとき*/
#subPage .categoryIndex3 .lose a{
 background-image: url("../images/common/cat_consultation_img02@2x.png");
}

/*氏名・住所等に変更があったとき*/
#subPage .categoryIndex3 .n-a-change a{
 background-image: url("../images/common/cat_consultation_img03@2x.png");
}

/*氏名・住所等に変更があったとき*/
#subPage .categoryIndex3 .m-e-subsidy a{
 background-image: url("../images/common/cat_consultation_img04@2x.png");
}

/*出産するとき*/
#subPage .categoryIndex3 .n_birth a{
 background-image: url("../images/common/cat_consultation_img05@2x.png");
}

/*出産で仕事を休むとき*/
#subPage .categoryIndex3 .m-leave a{
 background-image: url("../images/common/cat_consultation_img06@2x.png");
}

/*出産で仕事を休むとき*/
#subPage .categoryIndex3 .baby-subsidy a{
 background-image: url("../images/common/cat_consultation_img07@2x.png");
}

/*医療費が高額になるとき*/
#subPage .categoryIndex3 .high-burden a{
 background-image: url("../images/common/cat_consultation_img08@2x.png");
}

/*立て替え払いをしたとき*/
#subPage .categoryIndex3 .advance a{
 background-image: url("../images/common/cat_consultation_img09@2x.png");
}

/*はり・きゅう、あんま・マッサージにかかるとき*/
#subPage .categoryIndex3 .acupuncture a{
 background-image: url("../images/common/cat_consultation_img10@2x.png");
}

/*病気・けがで仕事を休んだとき*/
#subPage .categoryIndex3 .work-off a{
 background-image: url("../images/common/cat_consultation_img11@2x.png");
}

/*交通事故にあったとき*/
#subPage .categoryIndex3 .car-crash a{
 background-image: url("../images/common/cat_consultation_img12@2x.png");
}

/*入院や転院で移送が必要なとき*/
#subPage .categoryIndex3 .transport a{
 background-image: url("../images/common/cat_consultation_img13@2x.png");
}

/*海外で受診したとき*/
#subPage .categoryIndex3 .overseas a{
 background-image: url("../images/common/cat_consultation_img14@2x.png");
}

/*在宅医療を受けるとき*/
#subPage .categoryIndex3 .home-m-care a{
 background-image: url("../images/common/cat_consultation_img15@2x.png");
}

/*入院したときの食事*/
#subPage .categoryIndex3 .m-hospitalization a{
 background-image: url("../images/common/cat_consultation_img16@2x.png");
}

/*保険外の療養を受けるとき*/
#subPage .categoryIndex3 .o-medical a{
 background-image: url("../images/common/cat_consultation_img17@2x.png");
}

/*自然災害で被災したとき*/
#subPage .categoryIndex3 .n-disasters a{
 background-image: url("../images/common/cat_consultation_img18@2x.png");
}

/*退職したとき*/
#subPage .categoryIndex3 .n-retire a{
 background-image: url("../images/common/cat_consultation_img19@2x.png");



}

/*任意継続保険に加入するとき*/
#subPage .categoryIndex3 .continuation a{
 background-image: url("../images/common/cat_consultation_img20@2x.png");
}

/*特例退職保険に加入するとき*/
#subPage .categoryIndex3 .exception a{
 background-image: url("../images/common/cat_consultation_img21@2x.png");
}

/*医療保険制度の比較*/
#subPage .categoryIndex3 .comparison a{
 background-image: url("../images/common/cat_consultation_img22@2x.png");
}

/*任意継続被保険者の資格を喪失するとき*/
#subPage .categoryIndex3 .continuation_lose a{
 background-image: url("../images/common/cat_consultation_img23@2x.png");
}

/*特例退職被保険者の資格を喪失するとき*/
#subPage .categoryIndex3 .exception_lose a{
 background-image: url("../images/common/cat_consultation_img24@2x.png");
}

/*オムロン退職者保険料*/
#subPage .categoryIndex3 .omron_retire a{
 background-image: url("../images/common/cat_consultation_img25@2x.png");
}

/*亡くなったとき*/
#subPage .categoryIndex3 .death a{
 background-image: url("../images/common/cat_consultation_img26@2x.png");
}

/*70歳以上になったとき*/
#subPage .categoryIndex3 .over-70years a{
 background-image: url("../images/common/cat_consultation_img27@2x.png");
}

/*70歳になったとき（特例退職被保険者）*/
#subPage .categoryIndex3 .over-70years-e a{
 background-image: url("../images/common/cat_consultation_img28@2x.png");
}

/*75歳以上になったとき*/
#subPage .categoryIndex3 .over-75years a{
 background-image: url("../images/common/cat_consultation_img29@2x.png");
}


/*健康診断（被保険者）*/
#subPage .categoryIndex3 .medical-examination01 a{
 background-image: url("../images/common/cat_support_img01@2x.png");
}

/*健康診断（被扶養者）*/
#subPage .categoryIndex3 .medical-examination02 a{
 background-image: url("../images/common/cat_support_img02@2x.png");
}

/*健康診断（任意継続者）*/
#subPage .categoryIndex3 .medical-examination03 a{
 background-image: url("../images/common/cat_support_img03@2x.png");
}

/*健康診断（特例退職者）*/
#subPage .categoryIndex3 .medical-examination04 a{
 background-image: url("../images/common/cat_support_img04@2x.png");
}

/*生活習慣病健診・人間ドック補助*/
#subPage .categoryIndex3 .doc a{
 background-image: url("../images/common/cat_support_img05@2x.png");
}

/*生活習慣病健診・人間ドック補助*/
#subPage .categoryIndex3 .doc a{
 background-image: url("../images/common/cat_support_img05@2x.png");
}

/*家族健診（個別契約）*/
#subPage .categoryIndex3 .family_individual a{
 background-image: url("../images/common/cat_support_img06@2x.png");
}

/*家族健診（集合契約）*/
#subPage .categoryIndex3 .family_set a{
 background-image: url("../images/common/cat_support_img07@2x.png");
}

/*郵送によるがん検診*/
#subPage .categoryIndex3 .by-mail a{
 background-image: url("../images/common/cat_support_img08@2x.png");
}

/*乳がん検診補助*/
#subPage .categoryIndex3 .breast-cancer a{
 background-image: url("../images/common/cat_support_img09@2x.png");
}

/*特定保健指導*/
#subPage .categoryIndex3 .specific-medical a{
 background-image: url("../images/common/cat_support_img10@2x.png");
}

/*歯科検診*/
#subPage .categoryIndex3 .dentistry a{
 background-image: url("../images/common/cat_support_img11@2x.png");
}


/*インフルエンザ予防接種費用補助*/
#subPage .categoryIndex3 .influenza a{
 background-image: url("../images/common/cat_support_img12@2x.png");
}

/*卒煙サポート*/
#subPage .categoryIndex3 .no-smoking a{
 background-image: url("../images/common/cat_support_img13@2x.png");
}

/*風疹の抗体検査およびワクチン接種補助*/
#subPage .categoryIndex3 .vaccine a{
 background-image: url("../images/common/cat_support_img14@2x.png");
}

/*常備薬の斡旋*/
#subPage .categoryIndex3 .regular-medicine a{
 background-image: url("../images/common/cat_support_img15@2x.png");
}

/*医療・健康相談サービス*/
#subPage .categoryIndex3 .health-service a{
 background-image: url("../images/common/cat_support_img16@2x.png");
}

/*健康ポイントプログラム（社員）*/
#subPage .categoryIndex3 .health-point01 a{
 background-image: url("../images/common/cat_support_img17@2x.png");
}

/*健康ポイントプログラム（特例退職者）*/
#subPage .categoryIndex3 .health-point02 a{
 background-image: url("../images/common/cat_support_img18@2x.png");
}



/*育児雑誌「赤ちゃんとママ」*/
#subPage .categoryIndex3 .childcare a{
 background-image: url("../images/common/cat_support_img19@2x.png");
}


/*健康保険のしくみと概要*/
#subPage .categoryIndex3 .overview a{
 background-image: url("../images/common/cat_support_img20@2x.png");
}

/*広報誌「Healthyオムロンニュース」*/
#subPage .categoryIndex3 .magazine a{
 background-image: url("../images/common/cat_support_img21@2x.png");
}

/*健康マイポータル*/
#subPage .categoryIndex3 .portal a{
 background-image: url("../images/common/cat_support_myportal@2x.png");
}

/*メールマガジン*/
#subPage .categoryIndex3 .mail-m a{
 background-image: url("../images/common/cat_support_mailmagazine@2x.png");
}


/* Common Elements
------------------------------------------------------------------ */
#subPage .main h2 {
	margin-right: 10px;
	margin-left: 10px;
	padding: 5px 15px 5px 15px;
	background-color: #f5f5f5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 2.4em;
	font-weight: bold;
	color: #7bb7db;	
}


/*健康診断　INDEX*/

#subPage .examination_list {
	width:100%;
	display:flex;
}

#subPage .examination_list li img{
	width:100%;
}

#subPage .examination_list li {
	margin-right: 2.5%;
}


#subPage .examination_list li:last-child{
	margin-right:0;
}

#subPage .examination_list a:hover {
	opacity:0.8;
}
