@charset "UTF-8";
/* CSS Document */

/* ALSI フィルタリング解説 一般向け css file */
/* ==[ page and base object ]== */
html,body{
	width: 100%;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック",verdana,sans-serif;
}

#container{
	width: 100%;
	background-color: #f0f0f0;
}

/* ==[ ヘッダ ]== */
#container #hLogo{
	display: block;
	position: relative;
	width: 1024px;
	height: 63px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#container #hLogo #logoSvg{
	position: absolute;
	display: block;
	top: 15px;
	left: 30px;
	width: 250px;
	height: 36px;
	background-image: url('../img/logo.svg');
	background-size: 250px 36px;
	text-indent: -8000px;
	font-size: 1px;
}

/* main image */
#container #mainImage{
	position: relative;
	display: block;
	width: 1024px;
	height: 480px;
	background-color: #fff;
	background-image: url('../img/topimage_base.jpg');
	background-position: top center;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}
#container #mainImage #mTxt{
	text-align: center;
	width: 93%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#container #mainImage #mTxt img{
	width: 100%;
	margin-top: 78px;
}


/* ページ内上部リンク */
#container #mainImage #mTxt a{
	/* margin-top: 0; */
	bottom: 1.2%;
	display: block;
	position: absolute;
	width: 29.3%;
	height: 25.5%;
	border-radius: 5px;
	line-height: 80px;
	text-indent: -8000px;
	/* background-color: rgba(255,255,255,0.5); */
	margin-left: -13.8%;
}
#container #mainImage #mTxt a:nth-child(2){
	left:14.3%;
}
#container #mainImage a:nth-child(3){
	left:49.2%;
}
#container #mainImage a:nth-child(4){
	left:84.0%;
}


/* 見出し */
.main h2#top{
	width: 1024px;
	text-align: center;
	padding: 10px 0;
	font-size: 48px;
	color: #000;
	margin-left: auto;
	margin-right: auto;
}
.main h2#top span{
	font-size: 28px;
	color: #000;
	font-weight: normal;
}

.main h2#bottom{
	text-align: center;
	color: rgba(200,0,0,1);
	font-size: 48px;
	line-height: 120%;
	padding: 10px 0;
	margin-left: auto;
	margin-right: auto;
}
.main h2#bottom span{
	font-size: 28px;
	color: #000;
	font-weight: normal;
}


/* content common */
#container .main{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	position: relative;
	/* background-color: rgba(0,71,149,0.1); */
}

.main .block{
	display: block;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
.main .block > h2{
	display: block;
	padding: 60px 30px 0 30px; 
	font-size: 30px;
	line-height: 120%;
	color: rgba(10,67,153,1);
}
.main .block > h3{
	display: block;
	padding: 10px 30px 10px 30px; 
	font-size: 24px;
	width: 580px;
	/* font-weight: normal; */
}
.main .block .chartBlock{
	display: block;
	width: 360px;
	float: left;
	margin-top: -35px;
	margin-left: 20px;
	margin-right: 20px;
}
.main .block .chartBlock p img,
.main .block .chartBlockC p img{
	width: 100%;
}
.main .block .chartBlockC{
	display: block;
	width: 390px;
	float: left;
	margin-top: -35px;
	margin-left: 20px;
	margin-right: 20px;
}
.main .block .chartBlock h4,
.main .block .chartBlockC h4{
	display: block;
	font-size: 16px;
	line-height: 120%;
	background-color: rgba(10,67,153,1);
	color: #fff;
	padding: 5px 20px;
	text-align: center;
	font-weight: normal;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.main .block div .chartCaption{
	font-size: 13px;
	color: #404040;
}
.main .block div .chartCaption span{
	display: block;
	font-size: 11px;
	color: #404040;
}
.main .block .docL{
	font-size: 14px;
	line-height: 160%;
	width: 580px;
	float :left;
	color: #404040;
}
.main .block .doc{
	font-size: 14px;
	line-height: 160%;
	color: #404040;
}
.main .block .doc span,
.main .block .docL span{
	color: #C20D23;
	font-size: 14px;
}



#container .main .block .voice{
	background-color: rgba(0,67,153,0.2);
	position: relative;
	padding-bottom: 20px;
	margin-left: 30px;
	margin-right: 30px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}
#container .main .block .voice h3{
	background-color: rgba(0,67,153,0.4);
	color: #fff;
	line-height: 24px;
	padding: 5px 15px;
	font-size: 16px;
	font-weight: normal;
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;	
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;	
}
#container .main .block .voice .vBlock{
	position: relative;
}
#container .main .block .voice .vBlock .columnL{
	float: left;
	position: relative;
}
#container .main .block .voice .vBlock .columnR{
	float: left;
	position: relative;
}

#container .main .block .voice .vBlock img.photo{
	margin: 20px 30px 0 20px;
}
#container .main .block .voice .vBlock .pCaption{
	width: 160px;
	text-align: center;
	font-size: 14px;
	line-height: 120%;
	margin: 5px 0 0 20px;
	color: #404040;
}
#container .main .block .voice .vBlock p.comment{
	width: 705px;
	background-color: #fff;
	-web-kit-border-radius: 10px;
	border-radius: 10px;
	margin-top: 20px;
	padding: 20px;
	font-size: 14px;
	color: #404040;
}
#container .main .block .voice .vBlock p.comment:before{
	content: "";
	display: block;
	position: absolute;
	top: 40px;
	left: -15px;
	width: 0;
	height: 0;
	border-right: 15px solid #fff;
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	margin-left: auto;
	margin-right: auto;
}


#container .main .blockBorder{
	display: block;
	width: 100%;
	height: 100px;
	background-color: #e0e0e0
}


/* 個別ブロック */
#container .main #b1,
#container .main #b4{
	background-color: #d7ecf5;
}

#container .main #b3{
	background-color: #fff;
}
#container .main #b3 .subBlock{
	display: block;
	width: 640px;
	background-color: rgba(0,67,153,0.2);
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#container .main #b3 .subBlock h4{
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	background-color: rgba(10,67,153,1);
	padding: 5px 0;
	font-weight: normal;
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;	
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;	
}
#container .main #b3 .subBlock ul{
	margin-top: 12px
}
#container .main #b3 .subBlock ul li{
	margin-bottom: 12px;
	font-size: 16px;
	border-bottom: solid 1px #fff;
	list-style-type: none;
	padding: 0 30px 12px 30px;
}
#container .main #b3 .subBlock ul li.sp{
	color: rgba(200,0,0,1);
	font-weight: bold;
}
#container .main #b3 .subBlock ul li p{
	font-size: 14px;
	color: #404040;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#container .main #b3 .caption{
	font-size: 12px;
	color: #404040;
	text-align: center;
	padding: 0 30px;
}

#container .main #end{
	background-color: #fff;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#container .main #end h3{
	text-align: left;
	display: inline-block;
	font-size: 20px;
	color: #00469a;
	padding: 0 70px;
}

#container .main #end .tblB{
	float: left;
	width: 380px;
	margin-left: 90px;
}
#container .main #end .tblB table{
	width: 380px;
}
#container .main #end .tblB table tr{
}
#container .main #end .tblB table tr td{
	background-color: #fff;
	font-size: 14px;
	line-height: 180%;
	color: #404040;
}
#container .main #end .tblB table tr td span{
	font-size: 14px;
}

a.btmLink{
	display: inline-block;
	font-size: 20px;
	line-height: 120%;
	background-color: rgba(10,67,153,1);
	color: #fff;
	padding: 10px 30px;
	font-weight: normal;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}
a.btmLink:hover{
	background-color: rgba(10,67,153,0.8);
	text-decoration: none;
}


#container .main #floatBtn{
	position: absolute;
	text-align: center;
	top:0;
	right:-30px;
	background-color: rgba(10,67,153,0.6);
	width: 20px;
	padding: 10px 5px;
	text-align: center;
	font-size: 12px;
	line-height: 120%;
	color: #fff;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right--radius: 4px;	
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right--radius: 4px;	
}
#container .main #floatBtn:hover{
	text-decoration: none;
}




/* for device*/
.dtop{
	display: inherit;
}
.smp{
	display: none;
}

/* ==[ フッタ ]== */
.footer{
	padding: 10px;
	text-align: center;
	color: #404040;
	font-size: 14px;
}



/*==== [ popup page object ] ====================================================================*/

/* for tablet */
@media only screen and (min-device-width: 481px) (max-device-width: 1024px) {
}

/* for smart phone */
@media only screen and (max-device-width: 640px) {
}