@charset "utf-8";

/* PC：style-protection-pc.css
 * おまかせプラン ver.6
 * 個人情報保護に関する基本方針
 * **************************************************
 * Global Navigation (Nav) ★
 * Content (Section)
 * Elements
 * **************************************************
 */

/* Global Navigation (Nav) ★
------------------------------------------------------------------ */
/* 2階層：非表示 */
#globalNav nav li:hover > .sec {
	display: none;
}


/*  Content (Section)
------------------------------------------------------------------ */
/* Media Queries 切替 */
#subPage #content .main > section {
}

/* Elements
------------------------------------------------------------------ */
#subPage .main .btn-m {
	margin-bottom: -2.5%;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
	width:80%;
	margin:0 auto;
}
#subPage .main .btn-m::after {
  content: "";
  width: 31.666666%;
  height: 0;
}
#subPage .main .btn-m li {
	width: 31.666666%;
  min-height: 100px;
	margin-bottom: 2.5%;
}
#subPage .main .btn-m li a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	padding: 10px 90px 10px 15px;
	height: 100%;
	width: 100%;
	background: no-repeat right 10px center/ auto 70px;
	border-radius:10px;
	border:1px solid #cecece;
	box-shadow: 3px 3px 5px 0px rgba(134, 134, 134, 0.15);
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4","ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic ProN","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", Meiryo, Arial, sans-serif;
	font-weight:bold;
	font-size:2.2em;
	color:#5d5d5d;
	text-decoration: none; 
	line-height: 1.23;
	font-size:2em;
}
#subPage .main .btn-m li a span {
	width:100%;
}

#subPage .main .btn-m li a span.small-t{
	font-size:70%;
    width: 100%;
}

#subPage .main .btn-m li._a a{
	background-image:url(../images/_a.png) ;
}
#subPage .main .btn-m li._b a{
	background-image:url(../images/_b.png) ;
}
#subPage .main .btn-m li._c a{
	background-image:url(../images/_c.png) ;
}
#subPage .main .btn-m li._d a{
	background-image:url(../images/_d.png) ;
}
#subPage .main .btn-m li._e a{
	background-image:url(../images/_e.png)
}
#subPage .main .btn-m li._f a{
	background-image:url(../images/_f.png) ;
}
#subPage .main .btn-m li._g a{
	background-image:url(../images/_g.png);
}
#subPage .main .btn-m li a:hover{
	opacity:.7;
}


#subPage .main h3.green-t{
	padding: 5px 0 5px 30px;
	background-color: rgba(47, 174, 170, .85);
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4","ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic ProN","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", Meiryo, Arial, sans-serif;
  font-size: 3.0em;
	color:#fff;
	margin-bottom:1em;
	font-weight:normal;
}


#subPage .main .moreContent h3 {
	color:#00B050;
}



#subPage .main h4.t-01.mt_05{
	margin-top:0.5em;
}

#subPage .main h4.t-01{
	font-size:2.8em;  font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4","ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic ProN","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", Meiryo, Arial, sans-serif;
	color:#336666;
	border-bottom:1px solid #336666;
	margin-bottom:20px;
}

/*家族検診 chart*/
#subPage .main .chart{
	margin-top:10px;
	
}


#subPage .main .chart > ul{
	display:flex;
	flex-wrap:wrap;
}
#subPage .main .chart > ul > li{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin-left:2%;
	padding:5px;
	border-radius:15px;
	position:relative;
}

#subPage .main .chart li.bgw{
	background:#fff;
	border:none;
}

#subPage .main .chart .circle-box{
	display:flex;

	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	font-size:1.5em;
	min-width:100%;
	height:100px;
	font-weight:bold;
	background:#48a478!important;
	color:#fff;
	border-radius:50vw;
	text-align:center;
	border:none!important;
	line-height:1.2;
	margin-left:0!important;
}

#subPage .main .chart .area{
	display:inline-block;
	text-align:center;
	font-weight:bold;
}

#subPage .main .chart .brackets{
	text-align:center;
	font-size:80%;
	display:block;
	font-weight:normal;
}

/*1列目*/
#subPage .main .chart > .first{
	margin-bottom:65px;}
#subPage .main .chart > .first > li:nth-child(1){width:11%;padding:0;}
#subPage .main .chart > .first > li:nth-child(2){
	width:85%;
	font-size:1.6em;
	font-weight:bold;
	background:#ddf7fa;
	border:1px solid #76baca;
	padding:10px;
	border-radius:15px;}





/*2列目*/

#subPage .main .chart > .second > li:nth-child(1){width:11%;padding:0;background:#fff;border:none;}
#subPage .main .chart > .second > li:nth-child(2){
	position:relative;
	width:85%;
	font-size:1.6em;
	font-weight:bold;
	background:#f7d3dc;
	border:1px solid #e78099;
	padding:10px;
	border-radius:15px;}


#subPage .main .chart .second .second-01{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

#subPage .main .chart .second .second-01 li img{
	width:40px;
}
#subPage .main .chart .second .second-01 li.or img{
	width:98px;
}

#subPage .main .chart > .first li:nth-child(2):after{
	position:absolute;
	content:'　';
	bottom:-60px;
	left:0;
	right:0;
	margin:auto;
	width:20px;
	height:50px;
	background:url(../../health-promotion/images/c-arrow.svg) no-repeat top center/100%;
}

.btn-p a{
	display:block;
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	background:#ff6b6b;
	border:2px solid#ae2828;
	padding:10px 20px 12px;
	border-radius:15px;
	color:#fff;
	font-size:2em;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4","ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic ProN","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", Meiryo, Arial, sans-serif;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	box-shadow: 5px 5px 6px #e6e6e6;
}

.btn-p a:hover{
  background: #fff;
  color: #ff6b6b;
}



.btn-wrap{
 margin-top:30px;	
}

.btn-wrap .btn,
.btn-wrap a.btn,
.btn-wrap button.btn {
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-wrap a.btn-c {
	width:100%;
  font-size: 2.0em;
  position: relative;
  padding: 1.5rem 1rem 1.5rem 3rem;
  color: #fff;
  background: #e94919;
  -webkit-box-shadow: 0 5px 0 #d44114;
  box-shadow: 0 5px 0 #d44114;
}

.btn-wrap a.btn-c span {
  font-size:80%;
  display: inline-block;
  width: 70%;
  margin-bottom: 0.5em;
  padding: 0.2rem 0.5rem;
  color: #d44114;
  border-radius: 4px;
  background: #fff;
}

.btn-wrap a.btn-c:before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.3em;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.7rem);
  left: 1.5rem;
  margin: 0;
  padding: 0;
  content: "→";
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-wrap a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #fff;
  background: #e94919;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
}

.btn-wrap a.btn-c:hover:before {
  left: 2rem;
}


/*2列　レフト*/
#subPage .main .w2 thead th{
    width:calc( 100% / 2 );
}
#subPage .main .w2 td,
#subPage .main .w2 th{
    text-align:left;
}