@charset "UTF-8";

/* ****************************************************
Title: pc_outline.css
Created: 2011-02-09
Last Modified: 2011-02-09
***************************************************** */


/* Table Of Contents
----------------------------------------

# PC Hide Content
# Main
----------------------------------------*/



/* # PC Hide Content
---------------------------------------------------------------------------- */


/* # Main
---------------------------------------------------------------------------- */

#Chart{
	width:600px;
	border:#DDEEAE 1px solid;
	margin:10px auto 0 ;
}

#Chart section{
	margin:0;
	padding:5px 15px;
}

#Chart input,#Chart select{
	position:relative;
	top:-2px;
}

#cat03Contents02,
#under70,#over70,#cat03Contents03,
#cat03Contents04,#cat03Contents05,#cat03Contents06{
	display:none;
}

.smallText{
	font-size:70%;
}


/* 退職後の健康管理
--------------------------------------------------*/
sup {vertical-align: super; font-size: 80%;}
.Text85{font-size:85.7%;}
#content .mTable02.retirement table {border-top: 4px solid #c8e3ff; border-left: none; border-bottom: 4px solid #c8e3ff;}
#content .mTable02.retirement table tr th {text-align: center;}
#content .mTable02.retirement table tr th, #content .mTable02.retirement table tr td {background-color: #fff; border: none;} 
#content .mTable02.retirement table tr:nth-child(even) th, #content .mTable02.retirement table tr:nth-child(even) td {background-color: #eff7ff;}
#content .mTable02.retirement table th img {max-width: 100px; height: auto;}

.post_retirement_wrap {display: flex;margin: 2em 0;}
.post_retirement_wrap p img {max-width: 200px; height: auto; margin: 0 0 0 2em;}
.post_retirement_wrap.reverse {flex-direction: row-reverse;}
.post_retirement_wrap.reverse p img {max-width: 200px;height: auto;margin: 0 4em 0 0;}

.index-cards.retirement_wrap02 .row {display: flex;flex-wrap: wrap;}
.index-cards .row > div {
	margin: 20px 10px;
	flex-basis: calc((100% - 48px) / 2);
	max-width: calc((100% - 48px) / 2);
	flex-grow: 1;
	flex-shrink: 0;
	box-shadow: 0 1px 8px rgba(0,0,0,0.1);
}

.index-cards.retirement_wrap02 .card-title {
  display: block;
  padding: 8px;
  color: #fff;
  font-weight: 700;
  border: #4a97bb solid 1px;
  background-color: #4a97bb;
  margin-bottom: 1.5em;
}

.index-cards.retirement_wrap02 .row > div {
	border: #4a97bb solid 2px;
	border-radius: 6px;
}
.index-cards.retirement_wrap02 .card-body {position: relative;overflow: hidden;margin: 0 20px;}
.index-cards.retirement_wrap02 .card-body .list-group {margin-top: 1.5em;margin-bottom: 1em;}
.index-cards.retirement_wrap02 .card-body img {
   border-radius: 50%; width: 100%;
}

.fas.fa-external-link-alt {margin-left:.2em;}