@charset "utf-8";

/* 健康づくり編：デザインスタイル
 * **************************************************
 * Element [ 健康づくり編 ]  
 * **************************************************
 */
	#subPage article.main {
		border-top:10px solid #2cb1e2;
	background-color:#FFF;
	padding-top:10px;
	}
 
#subPage #content .main ul.suuji {
	font-size:93%;
	padding:5px 0;
	margin-bottom:1em;
}
#subPage #content .main ul.suuji li {
	padding-left:2em;
	text-indent:-2em;
	line-height:1.5em;
}

 /* スペース：リセット */
#subPage #content .main h1 + h2{
  margin-top:0;
}

#subPage #content h5 {
	margin-top:20px;
}

#subPage #content .main dl.colList.font100 dd{
    font-size:100%;
}

#subPage #content .main dl.colList .notes3{
	margin-top:1em;
	margin-left:-2em;
}
#subPage #content .main dl.colList .notes3 li{
	list-style:none;
	margin-left:2em;
	text-indent:-2em;
}

#subPage #content .main .ind_t{
    display: block;
	margin-left:1em;
    text-indent:-1em;
}
#subPage #content .main .ind_t2{
    display: block;
	margin-left:2em;
    text-indent:-2em;
}

#subPage #content .main .ind_t3{
    display: block;
	margin-top:10px;
	margin-left:1em;
    text-indent:-1em;
}

@media all and (min-width: 481px) {
#subPage #content .main .ind_t3{
    display: block;
	margin-top:10px;
	margin-left:19em;
    text-indent:-1em;
}
}


#subPage #content .main .red_b{
    color:red;
    font-weight: bold;
}

#subPage #content .main .txt_c{
    text-align:center!important;
}

.green{
    color:#00B050!important;
}
.mt_00{
    margin-top:0!important;
}
._center{
	text-align:center!important;
}

._big{
	font-size:120%!important;
}


/* テーブル */
/* 幅指定なし */
#subPage #content .main table.table01 th {
	background-color: #e7f6bf;
	text-align:center;
	vertical-align: middle;	
}
#subPage #content .main table.table01 td {
	text-align:left;
	vertical-align: middle;
}
/*#subPage #content .main table.table01 td:first-child {
	background-color: #f6f6ee;
}*/

/* テーブル：ボーダー追加：上 */	
#subPage #content .main table.table01 th.borAddTp{
	border-top: 1px solid #7b7b7b;
}


	 /* テーブル01：ボーダー追加：上 */	
	#subPage #content .main table.table01 th.borAddTp,
	#subPage #content .main table.table01 td.borAddTp{
		border-top: 4px solid #7b7b7b;
	}
	 /* テーブル01：ボーダー追加：左 */	
	#subPage #content .main table.table01 th.borAddLe,
	#subPage #content .main table.table01 td.borAddLe{
		border-left: 4px solid #7b7b7b;
	}
	 /* テーブル01：ボーダー追加：右 */	
	#subPage #content .main table.table01 th.borAddRt,
	#subPage #content .main table.table01 td.borAddRt{
		border-right: 4px solid #7b7b7b;
	}
	 /* テーブル01：ボーダー追加：下 */	
	#subPage #content .main table.table01 th.borAddbt,
	#subPage #content .main table.table01 td.borAddbt{
		border-bottom: 4px solid #7b7b7b;
	}

#subPage #content .main table.table01 td .b-style{
	display:block;
}

/* th幅指定なし */

#subPage #content .main table.table02 th {
	background-color: #e7f6bf;
	text-align:center;
	vertical-align: middle;
	width:20%;
}
#subPage #content .main table.table02 td {
	text-align:left;
	vertical-align: middle;
}
#subPage #content .main table.table01 td.tCenter {
		vertical-align: middle;
		text-align:center;
	}

#subPage #content .main table.table01 td span.fn14{
	font-size:1.5em;
}

/*#subPage #content .main table.table02 td:first-child {
	background-color: #f6f6ee;
}*/

/* テーブル：ボーダー追加：上 */	
#subPage #content .main table.table02 th.borAddTp{
	border-top: 1px solid #7b7b7b;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* 幅指定なし */
	#subPage #content .main table.ningendocTb th {
		white-space:nowrap;
	}
	#subPage #content .main table.table01 {
	}
	#subPage #content .main table.table01 th {
		background-color: #e7f6bf;
		border-right: 1px solid #7b7b7b;
		border-bottom: 1px solid #7b7b7b;	
		vertical-align: middle;	
		text-align:center;
		padding:6px 5px;
	}
	#subPage #content .main table.table01 td {
		vertical-align: middle;		
		text-align:left;
	}
	#subPage #content .main table.table01 td.tCenter {
		vertical-align: middle;
		text-align:center;
	}
	#subPage #content .main table.table01 td.dotted_b {
		border-top: 1px dotted #7b7b7b;

	}

	#subPage #content .main table.table01 th span.link-c{
		color:#3caacf!important;
		font-size:90%;
		display:inline-block;
		margin-left:3em;
	}
}

	/*
	#subPage #content .main table.table01 td:first-child {
		background-color: #f6f6ee;
	}*/
	 /* テーブル：ボーダー追加：上 */	
	#subPage #content .main table.table01 th.borAddTp{
		border-top: 1px solid #7b7b7b;
	}
	
	/* th幅指定 */
	#subPage #content .main table.table02 {
	}
	#subPage #content .main table.table02 th {
		background-color: #e7f6bf;
		border-right: 1px solid #7b7b7b;
		border-bottom: 1px solid #7b7b7b;	
		vertical-align: middle;	
		text-align:center;
		padding:6px 10px;
		width:30%;
	}
	#subPage #content .main table.table02 td {
		vertical-align: middle;		
		text-align:left;
	}
	#subPage #content .main table.table02 td.tCenter {	
		text-align:center;
	}
	/*
	#subPage #content .main table.table02 td:first-child {
		background-color: #f6f6ee;
	}*/
	
	 /* テーブル：ボーダー追加：上 */	
	#subPage #content .main table.table02 th.borAddTp{
		border-top: 1px solid #7b7b7b;
	}
	
	 /* テーブル01：ボーダー追加：上 */	
	#subPage #content .main table.table01 th.borAddTp,
	#subPage #content .main table.table01 td.borAddTp{
		border-top: 4px solid #7b7b7b;
	}
	 /* テーブル01：ボーダー追加：左 */	
	#subPage #content .main table.table01 th.borAddLe,
	#subPage #content .main table.table01 td.borAddLe{
		border-left: 4px solid #7b7b7b;
	}
	 /* テーブル01：ボーダー追加：右 */	
	#subPage #content .main table.table01 th.borAddRt,
	#subPage #content .main table.table01 td.borAddRt{
		border-right: 4px solid #7b7b7b;
	}
	 /* テーブル01：ボーダー追加：下 */	
	#subPage #content .main table.table01 th.borAddbt,
	#subPage #content .main table.table01 td.borAddbt{
		border-bottom: 4px solid #7b7b7b;
	}
	

#subPage #content .main table.table01 td {
	text-align:left;
	vertical-align: middle;
}

#subPage #content .main table.table01 td .b-style{
margin-left:13em;text-indent:-13em;display: block;}


/* ======================================
　Element [ 健康づくり編 ]  
====================================== */
 /* カテゴリインデックス：見出し背景： */
 
#subPage.index #content .main h1 {
 	background: url(../images/headline/bg_sp_index_h1.jpg) repeat-x left top;
	border-bottom:1px solid #c1c1c1;
	font-size: 123.1%;
	color: #FFFFFF;
}
/* インデックス */
#subPage.index #content .main h1 span.index {
	padding: 5px 0 5px 40px;
 	background: url(../images/headline/h1_index.png) no-repeat 3px center;
 	line-height: 125%;
 }
  /* 共通：見出し背景 */
#subPage #content .main h1 {
	background: url(../../images/headline/bg_sp_h1.jpg) repeat-x left top;
		border-bottom:3px solid #2cb1e2;
}
/* 保養所を利用したいとき */
#subPage #content .main h1 span.facility {
	padding: 5px 0 5px 40px;
	background: url(../images/headline/h1_facility.png) no-repeat 0 center;
}
/* 健康診断を受けるとき */
#subPage #content .main h1 span.medical {
	padding: 5px 0 5px 40px;
	background: url(../images/headline/h1_medical.png) no-repeat 0 center;
}
/* 予防接種を受けるとき */
#subPage #content .main h1 span.vaccination {
	padding: 5px 0 5px 40px;
	background: url(../images/headline/h1_vaccination.png) no-repeat 0 center;
}
/* 家庭用常備薬等のご案内 */
#subPage #content .main h1 span.facility {
	padding: 5px 0 5px 40px;
	background: url(../images/headline/h1_medicinesTitel.png) no-repeat 0 center;
}
/* みんなの家庭の医学 */
#subPage #content .main h1 span.home_medicine {
	padding: 5px 0 5px 40px;
	background: url(../images/headline/h1_home_medicineTitel.png) no-repeat 0 center;
}

#subPage #content .main h2 {
	text-indent:-1.1em;
	padding-left:1.3em;
	background: url(../../images/headline/bg_dt_h2.jpg) repeat-x left bottom;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #c1c1c1;
}
#subPage #content .main h2 span {
	padding: 12px 0 10px 20px;
	background: url(../images/headline/mark_h2_health_promotion.gif) no-repeat 8px center;
	color:#2cb1e2;
}
#subPage #content .main h3 {
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	 /* カテゴリインデックス：見出し背景： */
	 #subPage.index #content .main h1 {
		background: none;
		border-bottom:1px solid #cccccc;		
		font-size: 189%;
		color: #000000;	 
		height: 48px;
	 }
	 /* インデックス */
	 #subPage.index #content .main h1 span.index {
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_index_pc.png) no-repeat 10px center;
	}
	 /* 共通：見出し背景 */
	#subPage #content .main h1 {
		background: url(../../images/headline/bg_dt_h1.jpg) repeat-x left top;
		border-bottom:3px solid #2cb1e2;		
	}
	/* 広報事業 */
	#subPage #content .main h1 span.public {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_public.png) no-repeat 10px center;
	}
	/* 予防接種 */
	#subPage #content .main h1 span.vaccination {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_vaccination.png) no-repeat 10px center;
	}
	/*　人間ドック・婦人科検診・その他健診 */
	#subPage #content .main h1 span.doc {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_health_checkup.png) no-repeat 10px center;
	}
	/* 体育奨励 */
	#subPage #content .main h1 span.motion {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_motion.png) no-repeat 10px center;
	}
	/* 保養所事業 */
	#subPage #content .main h1 span.facility {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_facility.png) no-repeat 10px center;
	}
	/* 健康相談 */
	#subPage #content .main h1 span.counseling {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_counseling.png) no-repeat 10px center;
	}
	/* 直営保養所 */
	#subPage #content .main h1 span.hoyou {
		padding: 5px 0 5px 60px;
		background: url(../images/hoyou/headline/h1_hoyou.png) no-repeat 10px center;
	}
	/* 一般宿泊施設 */
	#subPage #content .main h1 span.hotel {
		padding: 5px 0 5px 60px;
		background: url(../images/hoyou/headline/h1_hotel.png) no-repeat 10px center;
	}
	/* 家庭用常備薬等のご案内 */
	#subPage #content .main h1 span.medicinesTitel {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_medicinesTitel.png) no-repeat 10px center;
	}
	/* 健保だより */
	#subPage #content .main h1 span.magazineTitel {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_magazineTitel.png) no-repeat 10px center;
	}
	/* みんなの家庭の医学 */
	#subPage #content .main h1 span.home_medicineTitel {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_home_medicineTitel.png) no-repeat 10px center;
	}
	/*　特定健診・特定保健指導 */
	#subPage #content .main h1 span.specific {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_specific_health.png) no-repeat 10px center;
	}
	/*　データヘルス計画 */
	#subPage #content .main h1 span.data-health{
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_data_health.png) no-repeat 10px center;
	}
	/* 健康マイレージ */
	#subPage.h_pepup #content .main h1 small{
		font-size:65%;
	}
	#subPage #content .main h1 span.pepup {
		display:block;
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_pepup.png) no-repeat 10px center;
	}
	/* 健康マイレージ */
	#subPage.h_milage #content .main h1 small{
		font-size:65%;
	}
	#subPage #content .main h1 span.health_milage {
		display:block;
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_mileage.png) no-repeat 10px center;
	}

	
	#subPage #content .main h2 {
		text-indent:0;
		padding-left:0;	
		background: url(../../images/headline/bg_dt_h2.jpg) repeat-x left bottom;
		border-top:1px solid #e5e5e5;
		border-bottom:1px solid #c1c1c1;
		color:#2cb1e2;
		
	}
	#subPage #content .main h2 span {
		padding: 12px 0 10px 20px;
		background: url(../images/headline/mark_h2_health_promotion.gif) no-repeat 8px center;
	}
	#subPage #content .main h2 span small {
		 font-size: 85%;
	}	
	#subPage #content .main h3 {
	}
}


/*Pep Up*/
#subPage.h_pepup #content .main {
	width: 100%;
	} 


.h_pepup h1{
	display:block;
	background:none!important;
	position:relative;
	padding:0!important;
	height: auto!important;
	font-size:1em!important;
}




.pepup-logo{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	width:100%;
	justify-content:center;
	padding:0;
}
.pepup-logo li{
	font-size:1.2em;
}
.pepup-logo li:nth-child(1){
	width:60%;
}

.pepup-logo li:nth-child(2){
	width:25%;
}

.pepup-logo li img{
	max-width:100%;
}

.pepup-logo li:nth-child(2) img{
	width:100%;

}

.h_pepup h2 img{
	vertical-align:middle;
}

.box-blue{
	border: 2px solid #0066FF;
	padding:0 20px;
	margin:0 20px;
}
.box-blue h3{
	color:#0066FF;
	font-weight:bold;
}
@media all and (min-width: 481px) {
.box-blue{
	margin:0;
}
}

.riyo{
	margin-top:50px;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.riyo li{
	width:100%;
	background:#b2e7fa;
	border-radius:1vw;
	padding:10px;
	position:relative;
	box-sizing:border-box;
	margin:0 20px;
}

.riyo li + li{
	margin-top: 50px;
}

@media all and (min-width: 481px) {
.riyo li{
	width:45%;
	padding:20px 10px;
	margin:0 auto;
}	
.riyo li + li{
	margin-top: 0;
}
}

.riyo h4 {
	position:relative;
}

.riyo h4 {
	display:block;
	position:absolute;
	top:-20px;
  left: 50%;
  transform:translateX(-50%); 
	background:#fff;
	width:80%;
	text-align:center;
	padding:10px 20px;
	border:2px solid #0070c0;
	color:#0070c0;
	font-weight:bold;
	font-size:1.0em;
	text-decoration:none;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
	border-radius:0.5vw;
}

@media all and (min-width: 481px) {

.riyo h4 a{
	font-size:1.2em;
}
	
}

.riyo h4 a:hover{
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
  transform: scale(1.01);}


.riyo h4 a{
}

.riyo li{
	padding-top:45px;
}

.riyo li p img{
	width:80%;
}

.btn{
	margin:0 auto;
	width:95%;
	background:#00b0f0;
	border-radius:0.5vw;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
}
.btn a{
	display:block;
	padding:10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	font-size:1em;
  transition: 0.3s;
	border-radius:0.5vw;
}
.btn._round {
	border-radius:100vw!important;
	
}
.btn._round a{
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:40px;}



@media all and (min-width: 481px) {

.btn a{

	font-size:1.2em;
}
	
.riyo h4,
.btn._round a{

	font-size:1.2em;
}
.pc-top{
	margin-top:20px!important;
}
.pc-top02{
	margin-top:40px!important;
}
	
	
}

.riyo li a img:hover,
.btn:hover{
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
  transform: scale(1.01);}



.riyo li a img:hover{
	border-radius:10px;
}

.h_pepup h5{
	font-size:1em!important;
}

@media all and (min-width: 481px) {

.h_pepup h5{
	font-size:1.2em!important;
}
	
}

.app-dl{
	padding:0;
	display:block;
	margin:0 10px;

}
.app-dl li + li{
	margin-top:10px;
}

@media all and (min-width: 481px) {
.app-dl{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.app-dl li + li{
	margin-left:5%;
}
}

.contact-list{
	padding:0;
	display:block;
	margin:0 10px;
}


.contact-list li{
	width:100%;
}

.red-box{
	border:3px solid red;
	padding:10px 20px;
	margin:0 20px;
}

.pink{
	color:#ff339b;
}

@media all and (min-width: 481px) {
.contact-list{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 auto;
}

.contact-list li{
	width:49%;
}
}
	

.line3{
	padding:0;
	display:flex;
	justify-content:space-between;
	align-items:start;	
	flex-wrap:wrap;
	margin:0 10px;
}
.line3 li{
	width:calc((100% - 4%) /2);
}


@media all and (min-width: 481px) {

.line3{
	padding:0;
	display:flex;
	justify-content:space-between;
	align-items:start;	
	flex-wrap:wrap;
}
.line3 li{
	width:calc((100% - 8%) /3);
	text-align:center;
}
}

.line3 li img{
	max-width:100%;
	border:1px solid #00b0f0;
	border-radius:0.5vw;
}

.line3 li h6{
	font-weight:bold;
	color:#00b0f0;
	text-align:center;
	font-size:1.1em;
	margin-top:10px!important;
}
.pepup-s{
	border:none!important;
}
.pepup-s td{
	border:none!important;
	padding:0!important;
	font-size:1em!important;
}
.img-s{
	width:110px;
}

.security img{
	display:inline-block!important;
}


/*これだけスマホ用*/
@media all and (max-width: 481px) {
.pepup-s td{
	display:block;
	padding:5px!important;
	text-align:center;
}
}

.code{
  box-sizing:border-box;
	padding:0 2%!important;
}


.code p img{
	max-width:100%;
}

.h_pepup h3.blue-t{
	display:block;
	background:#00b0f0;	
	padding:10px 20px!important;
	color:#fff;
	font-weight:bold;
	font-size:1.2em!important;
	border-radius:0.5vw;
  -webkit-box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.2);
  box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.2);
	margin:10px 10px 20px!important;
}
.box-blue02{
	background:#e0f0ff;
	border-radius:0.5vw;
	padding:20px;
	margin:0 10px;
}

h6{font-weight:bold;
	color:#00b0f0;
	font-size:1.1em;
	margin-top:30px!important;
}

.url{
	display:flex;
	padding:0;
	align-items:center;
	word-break: break-all;
}

.url li:nth-child(2){
	margin-left:5%;
}

.h6-m{display:block;
	font-weight:bold;
	color:#00b0f0;
	margin-bottom:10px;
}

.urlb{
	display:inline-block;
	margin-right:10px;;
	border:1px solid #00b0f0;
	color:#00b0f0;
	font-weight:bold;
	padding:5px 10px;
	
}

.number_list2{
	margin-top:30px;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}

.number_list2 li{
	position:relative;
	display:block;
	margin-bottom:30px;
	padding-left:50px;
}

.number_list2 li .nm{
	position:absolute;
	top:5px;
	margin:auto;
	left:0px;
	background:#00b0f0;
	color:#fff;
	font-weight:bold;
	width:40px;
	text-align:center;
	height:20px;
	padding:5px 0 10px;
}


@media all and (min-width: 481px) {

.h_pepup h3.blue-t{
	display:inline-block;
	font-size:1.4em!important;
	margin:10px 0 20px!important;
}
.box-blue02{
	margin:0 auto;
}
h6{
	font-size:1.4em;
}
.number_list2 li .nm{
	top:0;
	bottom:0;
	padding:9px 0;
}

}