@charset "UTF-8";

/* ****************************************************
Title: sp_outline.css
Created: 2011-01-31
Last Modified: 2011-03-09
***************************************************** */


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

# Smartphne Hide Content
# Main
----------------------------------------*/


/* # Smartphone Hide Content
---------------------------------------------------------------------------- */


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

#content #pageTitHealth {
	background: url(../img/all/bg_pagetit_health.gif) no-repeat left top;
	height: 29px;
	margin: 0 0 18px;
	width: 146px;
}

#content .mCatIndexArea #qualificationIndexAreaSec h2 {
	background: #0062CD;
	padding: 11px 15px 11px 15px;
}

#content .mCatIndexArea #benefitIndexAreaSec h2 {
	background: #0062CD;
	padding: 11px 15px 11px 15px;
}

#content .mCatIndexArea #healthIndexAreaSec h2 {
	background: #0062CD;
	padding: 11px 15px 11px 15px;
}

.bgGry{
	background-color:#DDD;
	font-weight:bold;
	padding:2px;
}
.bgRed{
	background-color:#FCC;
	font-weight:bold;
	color:#F00;	
	padding:2px;
}
/* mTable01_c カレンダー用 */
#content .mTable01C {
	margin: 25px 0;
}

#content .mTable01C table {
	border: 1px solid #ccc;
}

#content .mTable01C table caption {
	line-height: 1.2;
	padding-bottom: 10px;
}

#content .mTable01C .mNoteList {
	margin-bottom: 0;
}

#content .mTable01C table thead th {
	background: #edf9ff;
	border-right: 1px solid #ccc;
	color: #1b4d74;
	font-weight: bold;
	font-size: 70%;
	padding: 5px;
	text-align: center;
}

#content .mTable01C table tbody th,
#content .mTable01C table tbody td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
}

#content .mTable01C table tbody th .mIconBlt,
#content .mTable01C table tbody td .mIconBlt{
	background: url(../img/sp/page/ico_arrow04.gif) no-repeat 0.2em 0.2em;
	padding-left: 2em;
}
#content .mTable01C table tbody td.cellRed{
	background-color:#FCC;
}
#content .mTable01C table tbody td.cellGry{
	background-color:#DDD;
}

.pcWidth70 {
	font-size:100% !important;
}
.fontL {
	font-size:130%;
}
.bHealth23 #cat23Health08{
	position:relative;
}
img.character01{
	display:block;
	position:absolute;
	bottom:0px;
	right:-30%;
	width:30%;
}
img.character02{
	display:block;
	position:static;
	width:40%;
	margin:auto;
}
img.character03{
	display:none;
}
.declarationRead{
	margin-right:21%;
	position:relative;
}
#cat12Health05 .mTable02 tr th,#cat12Health05 .mTable02 tr td{
	font-size:90%;
}
#magazine .mCaseAreaContent ul{
	width:100%;
	display:table;
}
#magazine .mCaseAreaContent ul li{
	width:20%;
	display:table-cell;
	text-align:center;
}
#magazine .mCaseAreaContent ul li a img{
	width:90%;
	border:1px #CCC solid;
}

.movieWrap{
	display: flex;
	flex-wrap: wrap;
}
.movieArea{
	width:100%;
	height:250px;
	margin:auto;
}
.movieArea iframe{
	width:100%;
	height:100%;
}