@charset "utf-8";

/* PC：style-health-support-sp.css
 * おまかせプラン ver.6
 * 健康づくり
 * **************************************************
 * Elements
 * **************************************************
 */


/* Elements
------------------------------------------------------------------ */
.sp-none {display: none !important;}
#subPage .main .strong{
	font-weight:bold;
}


/*p img*/

#subPage .main .banner img{
	width:100%;
}

/*電話*/
#subPage .main .tel{
	margin-top:0;
	font-size:3.0em;
}

#subPage .main .tel-big{
	display:inline-block;
	font-size:1.7em;
}


/*囲い線*/
#subPage .main .square{
	padding:1em;
	border:1px solid #cecece;
}


.circle {
    border:1px solid #000;
  border-radius: 50%;
  height: 50px;
  color: #000;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
	padding:0px 8px;
}

/*青文字*/

#subPage .main .blue_text{
	color:#4472C4;
}


/*数字リスト*/
#subPage .main .number li{
	margin-left:2em;
	text-indent:-2em;
	font-size:1.6em;
}

#subPage .main .number3 li{
	margin-left:3em;
	text-indent:-3em;
	font-size:1.6em;
}

#subPage .main .number3 .notes2 li{
	font-size:1.0em;
}

#subPage .main .number3 ul.pageLink{
}

#subPage .main .number3 ul.pageLink li{
	margin-left:0em!important;
	text-indent:0em!important;
}


#subPage .main .number3 ul.pageLink span {
	font-size:0.625em;
}


#subPage .main .number3 ul.fileLink{

}

#subPage .main .number3 ul.fileLink li{
	margin-left:0em!important;
	text-indent:0em!important;
}


#subPage .main .number3 ul.fileLink span {
	font-size:0.625em;
}


#subPage .main .number3 li h5{
	font-weight:bold;
	margin-left:3em;
}


#subPage .main section .number3 ul.discList li {
	font-size:1.0em;
}


/* 特定健診　*/
#subPage .main .specificMedical dt {
	font-size: 1.8em;
	font-weight: bold;
	color: #000000;	
}
#subPage .main .specificMedical dt ~ dt {
	margin: 20px 0 0 0;
}
#subPage .main .specificMedical dd {
	font-size: 1.6em;
}
#subPage .main .specificMedical dd ul.parenList li {
	font-size: 100%; /* 1.6em */
}

/* 健診結果に基づきレベルごとに健康づくりを支援 */
#subPage .main .support {
	margin: 30px 0 30px 0;
}
#subPage .main .support h3 {
	margin: 0 0 10px 0;
	font-size: 2.0em;
	font-weight: bold;
}
#subPage .main .support th {
	text-align: left;
}
#subPage .main .support td {
	text-align: left;
}

#subPage .main .support td span {
	display: block;
	margin-left: 1.0em;
	text-indent: -1.0em;
}

#subPage .main .support .fat {
	border:none;
	border-top:1px solid #cecece;
}
#subPage .main .support .fat td {
	border:1px solid #cecece;
}
#subPage .main .support .fat:after {
	content:"＋";
	margin-bottom: -200px ;
	margin-left: 48% ;
	font-size: 3.0em;
}
#subPage .main .support .risk {
	margin: 0;
	border:none;
	border-top:1px solid #cecece;
}
#subPage .main .support .risk td {
	border:1px solid #cecece;
}
#subPage .main .support .risk td span {
	display: block;
	margin-left: 1.0em;
	text-indent: -1.0em;
}
#subPage .main .support .risk td span.bsg,
#subPage .main .support .risk td span.sg {
	margin-left: 4.0em;
	text-indent: -4.0em;
}
#subPage .main .support .risk:after {
	content:"↓";
	margin-left: 48% ;
	font-size: 3.5em;
}
#subPage .main .support .level {
	margin: 10px 0 0 0;
}



#subPage .main .pdca > img {
	display: block;
	margin: 10px 0 0 0;
}

/*人間ドック*/

#subPage .main .double_circle{
	font-size:1.3em;
}

#subPage .main .doc dt{
	font-weight:bold;
	font-size:1.8em;
}

#subPage .main .doc dd{
	font-size:1.6em;
	margin-bottom:1em;
}

#subPage .main .doc dd .notes2 li{
	font-size:1.0em;
}

#subPage .main .doc dd .pageLink li span{
	font-size:1.0em;
}

#subPage .main .c_examination th{
	font-size:1.0em;
	text-align:center;
}
#subPage .main .c_examination td{
	font-size:1.0em;
	text-align:left;
}


#subPage .main .c_examination th:first-child{
	width:22%;
}

#subPage .main .c_examination2 th{
	font-size:1.6em;
	text-align:center;
}
#subPage .main .c_examination2 td{
	font-size:1.6em;
	text-align:left;
}

#subPage .main .c_examination2 th:first-child{
	width:22%;
}


#subPage .main .web_square li{
	display:block;
	width:100%;
	border:2px solid #feaa95;
	font-size:1.6em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#subPage .main .web_square li a{
	display:block;
	color:#333333;
	text-decoration:none;
	padding:1em;
}

#subPage .main .web_square li a span:before {
	position: relative; top: 2px; left: -3px;
	content : url(../../images/common/link-arrow.png);
}


#subPage .main .web_square li:hover{
	background:#feece7;
}


#subPage .main .number3 .web_square{
	margin-left:0!important;
}

#subPage .main .number3 .web_square li{
	margin-left:0em!important;
	text-indent:0em!important;
	font-size:1.0em;}


#subPage .main .number3 .imtDoc{
	margin-left:0!important;
	text-indent:0em!important;
	font-size:1.0em;
}

#subPage .main .number3 .imtDoc th,
#subPage .main .number3 .imtDoc td{
	font-size:1.0em;}


#subPage .main .contents_medical caption span,
#subPage .main .contents_medical2 caption span{
	font-weight:normal;
}

#subPage .main .contents_medical th:first-child{
	width:20%;
}

#subPage .main .contents_medical td{
	text-align:left;
}

#subPage .main .contents_medical th:nth-child(3){
	width:25%;
}


#subPage .main .contents_medical th:last-child{
	width:20%;
}

#subPage .main .contents_medical .center{
	text-align:center;
}



#subPage .main .contents_medical2 th:first-child{
	width:20%;
}

#subPage .main .contents_medical2 td{
	text-align:left;
}


#subPage .main .contents_medical2 td:nth-child(3){
	text-align:right;
}

#subPage .main .contents_medical2 th:nth-child(3){
	width:25%;
}


#subPage .main .contents_medical2 th:last-child{
	width:20%;
}


#subPage .main .contents_medical2 td:last-child{
	text-align:right;
}

#subPage .main .inspection th:first-child{
	width:35%;
}

#subPage .main .inspection td{
	text-align:left;
}

#subPage .main .inspection td .fileLink li span{
	font-size:1.0em;
}


/*卒煙サポート*/


#subPage .main ul.nosmoking-list{
margin-top:10px;
}

#subPage .main .nosmoking-list li{

}

#subPage .main .nosmoking-list li:hover{
	opacity:0.8;
}


#subPage .main .no-smoke th,
#subPage .main .no-smoke td{
	text-align:left;
}

#subPage .main .no-smoke tbody td:first-child{
	width:20%;
	text-align:center;
}

#subPage .main span.qr_line{
	display:block;
	text-align:left;
	margin:10px 0;
}



/*インフルエンザQA*/

#subPage .main .i_faq dt {
	padding: 12px 15px 12px 0;
	font-size: 1.6em;
	margin-left:4em;
	text-indent:-1.5em;
}

#subPage .main .i_faq dt .qa {
	display:inline-block;
	font-size: 136%; /* 3.0em */
	color: #7bb7db;
	text-decoration: none;
	width:1em;
}

#subPage .main .i_faq dd {
	position:relative; top:-8px; left:5px;
	margin: 0 0 10px 0;
	padding: 15px 0 30px 0;
	border-bottom: 1px dotted #cccccc;}
#subPage .main .i_faq p {
	position: relative;
	padding: 10px 10px 15px 60px;
	background-color: #f5f5f5;
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	border-radius: 4px;
	text-indent: -1.0em;
	font-size: 1.6em;
}
#subPage .main .i_faq p:before {
	content: 'A';
	position:relative; left:-1em;
	font-size: 136%; /* 3.0em */
	color: #e50101;
	text-decoration: none;
}
#subPage .main .i_faq p:after {
	z-index: 0;
	position: absolute;
	top: -38px;
	left: 20px;
	content: "";
	border: 20px solid transparent;
	border-bottom-color: #f5f5f5;
}


/*卒煙サポート*/

#subPage .main .no-smoke th,
#subPage .main .no-smoke td{
	text-align:left;
}


#subPage .main .no-smoke td img{
	width:100%;
}

#subPage .main .no-smoke tbody td:first-child{
	width:20%;
	text-align:center;
}

#subPage .main span.qr_line{
	display:block;
	text-align:left;
	margin:10px 0;
}


#subPage .main .line2{
  display: flex;
  flex-wrap: wrap;
}

#subPage .main .column1 {
	padding-top:3em;
    width:100%;
  order: 2;
  }

#subPage .main .column2{
	text-align:center;
	margin:0 auto;
  order: 1;
}

#subPage .main .column2 .end{
	padding:10px 30px;
	font-size:1.6em;
	font-weight:bold;
	border:2px solid red;
	color:red;
}




/*赤ちゃんとママ*/

#subPage .main .babymama {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#subPage .main .babymama a:hover {
  opacity: .8;
}
#subPage .main .babymama dt {
  width: 30%;
  text-align: center;
}
#subPage .main .babymama dt a {
  display: block;
  color: inherit;
}
#subPage .main .babymama dt img {
  display: block;
  width: 100%;
  height: auto;
	border:1px solid #cecece;
}
#subPage .main .babymama dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-left: 2%;
  padding: 1em;
	font-size:1.6em;
}

#subPage .main .sample_list {
	margin-top:30px;
}

#subPage .main .sample_list .box {
  margin-right: 2%;
}


#subPage .main .sample_list .box span{
	font-size:1.6em;
	font-weight:bold;
	display:block;
}

#subPage .main .sample_list .box img{
	max-width:100%;
	border:1px solid #cecece;
}


#subPage .main .Contents_list {
	margin-bottom:30px;
}

#subPage .main .Contents_list .box {
　border:1px solid #000;
  margin-right: 2%;
  margin-top:40px;
}


#subPage .main .Contents_list_small{
	border:1px solid #cecece;
	margin:0 auto;
	text-align:center;
	padding:1em 1em 0 1em;
	height:100%;
}


#subPage .main .Contents_list_small h5{
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}




#subPage .main .Contents_list_small span{
	font-size:1.6em;
	display:block;
	text-align:left;
	margin-top:10px;
}


/*magazine*/
#subPage .main .magazine a {
  display: block;
}
#subPage .main .magazine a:hover {
  opacity: .8;
}
#subPage .main .magazine dt {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
#subPage .main .magazine dt a {
  color: inherit;
}
#subPage .main .magazine dt img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: .5em;
  border: 1px solid #cecece;
}
#subPage .main .magazine dd {
	margin-top:2em;
  padding: 1em;
  border: 1px solid #cecece;
  border-radius: .5em;
}
#subPage .main .contents {
  font-size: 1.5em;
}
#subPage .main .contents li + li {
  margin-top: .3em;
}


#subPage .main .contents li{
	margin-left:2.8em;
	text-indent:-2.8em;
}

#subPage .main .contents li a {
    display: block;
    background: url(../../images/common/link-arrow.png) no-repeat left .3em/1em;
    padding-left: 1.3em;
    color: inherit;
    text-decoration: none;
}
#subPage .main .contents li span {
  margin-right: .8em;
  text-align: right;
}
#subPage .main .bk-number {
  font-size: 1.4em;
  line-height: 1.3;
}
#subPage .main .bk-number li {
  padding: 1em 0;
}
#subPage .main .bk-number li + li {
  border-top: 1px solid #cecece;
}
#subPage .main .magazine.bk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#subPage .main .magazine.bk dt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
}
#subPage .main .magazine.bk dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 80%;
          flex: 1 1 80%;
  margin-left: 1em;
  padding: 0;
  border: none;
}


#subPage .main .magazine.bk .contents{
  font-size: 1.0em;
  padding: 1em;
  border: 1px solid #cecece;
  border-radius: .5em;
  margin-bottom:1em;}

  #subPage .main .magazine.bk .contents li{
  	border-top:none;
  	padding:0;
  }


#subPage .main .overview {
}
#subPage .main .overview a:hover {
  opacity: .8;
}
#subPage .main .overview dt{
  margin:0 auto;
  text-align: center;
}
#subPage .main .overview dt a {
  display: block;
  color: inherit;
}
#subPage .main .overview dt img {
  display: block;
  width: 50%;
  height: auto;
  border: 1px solid #cecece;
  margin:0 auto;
  text-align:center;
}
#subPage .main .overview dd {
  padding-top: 2em;
	font-size:1.6em;
}

#subPage .main .overview dd .notes2 li{
	margin-top:1em;
	font-size:1.0em;
}



/*健康診断*/

#subPage .main .checkup-list thead th{
	background-color:#fea088;
	color:#fff;
}


#subPage .main .checkup-list tbody td.txt-c{
	text-align:center;
	background-color:#fafafa;
}

#subPage .main .checkup-list tbody td{
	text-align:left;
}



/*あなたの健康を応援する「Pep Up」（社員）*/

#subPage .main .pep_1{
    display:block;
}

#subPage .main .pep_1 li + li{
    margin-top:10px;
}

#subPage .main .movie-wrap iframe{
  width: 100%;
}



#subPage .main .pep_login dt{
	font-weight:bold;
    margin-top:1em;
}

#subPage .main .pep_login dd{
	margin-left:1.0em;
	font-size:1.6em;
}

#subPage .main .pep_2{
	display:block;
	
}

#subPage .main .pep_2 div a img{
	border:1px solid #cecece;
	vertical-align:middle;
}

#subPage .main .pep_2 div:first-child{
	margin-right:30px;
}

#subPage .main .pep_3{
	display:flex;
margin-top:30px;
	border:10px solid #08a9d7;
	border-radius:20px;
	padding:5px;
}

#subPage .main .pep_3 div:first-child{
	margin-right:20px;
}


#subPage .main .pep_4 th{
	width:25%;
	padding:1em;
}


#subPage .main .pep_4 td{
	text-align:left;
}


/*家族健診（特定健診）*/

#subPage .main .course01{
	margin-top:50px;
	position:relative;
}

#subPage .main .course01.c_01,
#subPage .main .course01.c_02,
#subPage .main .course01.c_03{
	margin-top:10px;
	
}

#subPage .main .course01 .recommend {
	position:absolute;
    border:none;
	background:#c4c6c8;
	border-radius: 50%;
	color: #fff;
	line-height:50px;
	top:-45px!important;
	left:0;
}


#subPage .main .course01 th:nth-child(1){
	width:24%;
	text-align:left;
}

#subPage .main .course01.t_01 th:nth-child(1){
	width:6.6%;
}

#subPage .main .course01 tbody td:last-child,
#subPage .main .course01 thead th:last-child{
	width:21%;
}

#subPage .main .course01 .circle{
	color:#fff;
	border:#fff 2px solid;
	margin-right:.3em;
}

#subPage .main .course01.c_01 tbody th{
	background:#ee3b60;
	color:#fff;
	font-weight:bold;
}
#subPage .main .course01.c_01 td,
#subPage .main .course01.c_01 th{
	border:1px solid #ee3b60;
}

#subPage .main .course01 td:last-child a{
	text-decoration:none!important;}

#subPage .main .course01.c_01 td:last-child a span{
	border-radius:15px;
	padding:.2em;
	background:#ee3b60;
	color:#fff;
	font-weight:bold;
	display:block;}

#subPage .main .course01.c_02 tbody th{
	background:#00b486;
	color:#fff;
	font-weight:bold;
}
#subPage .main .course01.c_02 td,
#subPage .main .course01.c_02 th{
	border:1px solid #00b486;
}

#subPage .main .course01.c_02 td:last-child a span{
	border-radius:15px;
	padding:.2em;
	background:#00b486;
	color:#fff;
	font-weight:bold;
	display:block;}

#subPage .main .course01.c_03 tbody th{
	background:#71bf44;
	color:#fff;
	font-weight:bold;
}
#subPage .main .course01.c_03 td,
#subPage .main .course01.c_03 th{
	border:1px solid #71bf44;
}

#subPage .main .course01.c_03 td:last-child a span{
	border-radius:15px;
	padding:.2em;
	background:#71bf44;
	color:#fff;
	font-weight:bold;
	display:block;}

#subPage .main .course01 td:last-child a:hover{
	opacity:.8;
}


/*巡回型健診＜家族・OB専用＞*/


#subPage .main section > h1 span.circle{
	display:inline-block;
  border-radius: 50%;
  height: 32px;
  text-align: center;
	font-size:1.0em;
	line-height:30px;
	padding:5px 5px 0;
	margin:5px 10px 0 0;
	border:2px solid #ffffff;
	color:#fff;
}

#subPage .main section > h2 span.circle{
	display:inline-block;
  border-radius: 50%;
  height: 30px;
  text-align: center;
	font-size:1.0em;
	line-height:32px;
	padding:0px 5px;
	margin-right:10px;
	border:2px solid;
}

#subPage .main section > h2 span.circle:after,
#subPage .main section > h2 span.circle:before{
	display:none;
}



#subPage .main ul.pageLink.link_bold a {
	border:3px solid #fe7775;
	color:#ffffff!important;
	text-decoration: none;
	background:#fff6f6 url(../../images/common/link-arrow.png) no-repeat 15px 13px;
}