@charset "UTF-8";

/* home
================================*/
#body_inner article {
	padding: 0 10px;
}

.info_area .text_area {
	position:relative;
}


.contents h3 {
	margin:25px 0 0 0;
	padding:0;
	color:#44b4da;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	line-height:1em;
}

.contents h4 {
	margin:30px 0 5px 0;
	padding:0 10px;
	color:#44b4da;
	font-size: 18px;
	text-align: left;
	line-height:1em;
}
.contents h5 {
	margin:20px 0 10px 0;
	padding:0 5px;
	color:#000;
	font-size: 16px;
	text-align: left;
	line-height:1em;
}



.contents p {
	margin:0;
	padding:0 10px;
}

.contents .note {
	margin:10px 0 0 0;
	width:auto;
	text-align:left;
	font-weight:bold;
	padding:0 10px;
}

.contents p.img01,
.contents p.img02,
.contents p.img03,
.contents p.img04 {
	margin-top:20px;
 }

.note ul.note2 li {
	text-indent:-1em;
	padding-left: 20px;
}

.contents p.note3 {
	margin:10px 0 0 0;
	padding:0 10px;
	font-size:21px;
	font-weight:normal;
	line-height:24px;
	text-align: left;
}

.menu_area {
	max-width:1024px;
	width: auto;
	margin: 20px auto 0 auto;
	padding:0 10px;
}

.menu_area ul {
	width:auto;
	margin:0;
	padding:0;
}

.menu_area ul li {
	position:relative;
	text-align: center;
	display:table;
	margin:0;
	padding:0;

}

.menu_area ul li.first,
.menu_area ul li.second,
.menu_area ul li.third {						
	overflow: hidden;
	border: none;
	width: 32.3%;;
	margin:0 0 0 1%;
	padding: 0;

}
*:first-child+html .menu_area ul li.first {width:300px;height:100px;margin:5px;}
*:first-child+html .menu_area ul li.second {width:300px;height:100px;margin:5px;}
*:first-child+html .menu_area ul li.third {width:300px;height:100px;margin:5px;}

/*--------------------------------*/

	@media screen and (max-width: 1028px) {
		.menu_area ul li a br{
			display: none;
		}
	}

/*--------------------------------*/

.menu_area ul li a {
	display: table-cell;
	width: 100%;
	height: 3em;
	vertical-align: top;
	color: #333333;
	text-align: center;
	padding:5%;
	font-size: 16px;
	border: 1px solid #bebebe;
}
*:first-child+html .menu_area ul li a {height:auto;min-height:5em;border:none;display: block;}

.menu_area ul.box2 {
	margin:0 auto;
	width:668px;
}

.menu_area ul.box2 li {
	width:320px;
}

.menu_area ul.box2 li.first {
	margin-right:28px;
}

.menu_area ul.box2 li.second{
	margin-right:0;
}

.menu_area ul li a .adjust_2{
	position:absolute;
	width:100%;
	top:70%;
	left:0;
	font-size:11px;
	line-height:0.5;
	font-weight:normal;
	text-align:center;
}
*:first-child+html .menu_area ul li .adjust_2 {top:5em;font-size:12px;line-height:1.5em;}


article .contents .box {
	margin:30px 10px;
	border:#44b4da solid 1px;
	padding:0 20px 30px 20px;
}

.outlink:after {
	content:url(../images/text_icon.png);
}

.outlink2:after {
	margin-left:5px;
	content:url(../images/text_icon.png);
}

.detail_btn {
	margin: 0 auto;
	border: 1px solid #c3cace;
	font-size: 14px;
	line-height: 19px;
	text-align: right;
	background: rgb(241,248,252);
	background: -moz-linear-gradient(-45deg, rgba(188,220,236,1) 0%, rgba(241,248,252,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(188,220,236,1)), color-stop(100%,rgba(241,248,252,1)));
	background: -webkit-linear-gradient(-45deg, rgba(188,220,236,1) 0%,rgba(241,248,252,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(188,220,236,1) 0%,rgba(241,248,252,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(188,220,236,1) 0%,rgba(241,248,252,1) 100%);
	background: linear-gradient(135deg,rgba(188,220,236,1) 0%,rgba(241,248,252,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcdcec', endColorstr='#f1f8fc',GradientType=1 );
}
	.detail_btn a {
		display: block;
		padding: 7px 15px;
		color: #333333;
		font-weight: bold;
	}
		.detail_btn .arrow_icon{
			display:inline-block;
			/display:inline;
			/zoom:1;
			width:16px;
			margin:0 0 0 20px;
			vertical-align: middle;
		}
			.detail_btn .arrow_icon img{
				vertical-align: top;
			}

.underline{
	text-decoration:underline;
}	


.text_area .detail_btn {
	margin: 5px auto 0;
}



#main_area article{
	margin:55px auto 0;
	padding:0 30px 0 40px;
	text-align:left;
}	


#footer {
	margin-top: 60px;
	text-align:left;
}

@media screen and (max-width: 1280px) {
	#main_area article{
		max-width: 1010px;
		padding: 0 10px;
	}
		#main_area article .contents{
		}
		#main_area article .contents h1{
			padding:0 0 0 40px;
		}

.menu_area ul li a .adjust_3{
	position:absolute;
	width:100%;
	top:14px;
	left:0;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}

.menu_area ul li a .adjust_4 {
	position:static;
	display:inline;
}

}

@media screen and (max-width: 768px){

.info_area .text_area {
	width:100%;
}

.contents {
	padding:0 10px;
}

.contents h3 {
	color: #ffffff;
	margin-bottom:10px;
	background-color: #4db2c9;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 5px 0 5px 10px;
	text-indent: -1em;
	padding-left: 20px;
}

.contents h4 {
	font-size:12px;
}

.contents p.img01,
.contents p.img02,
.contents p.img03,
.contents p.img04 {
	position:relative;
	padding:0;
 }

.contents p .zoom1 {
	position:absolute;
	width:100px;
	height:100px;
	bottom:5px;
	right:6px;
}


.note {
	width: auto;
	padding: 0 20px 50px 0;
}

.contents p.note3 {
	font-size:12px;
	line-height:15px;
}
	.menu_area {
		width: auto;
		padding:0;
		/*padding:0 10px;*/
	}
		.menu_area ul {
			/*width: 97%;*/
			width:auto;
		}
			.menu_area ul li {
				float: none;
				display:block;
				background-size: 18px auto;
				position: relative;
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				-o-box-shadow: none;
				-ms-box-shadow: none;
			}	
				.menu_area ul li.first,
				.menu_area ul li.second,
				.menu_area ul li.third,
				.menu_area ul.box2 li.first,
				.menu_area ul.box2 li.second {
					margin-right: 0;
					width: auto;
					background-size: auto;
				}
				
					.menu_area ul li a {
						display: block;
						width: auto;
						height: 31px;
						text-align: left;
						padding-top: 17px;
						font-size: 11px;
					}
					.menu_area ul li.sixth a span.break_line_pc { display: inline; margin:0 !important; }
						.pt20_pc {
							padding-top: 0px;
						}
						.arrow_icon {
							display: block;
							position: absolute;
							right: 2px;
							bottom: 15px;
						}						
						.note_guide_2 {
							display:inline;
						}
						.note_guide_4 {
							display:inline;
						}
						
							.arrow_icon img {
								width: 60%;
								height: auto;
							}



.menu_area ul.box2 {
	/*width: 97%;*/
	width:auto;
}

.menu_area ul.box2 li {
	width:auto;
}

.menu_area ul.box2 li a {
	display: block;
	width: auto;
	height: 31px;
	text-align: left;
	padding-top: 12px;
	padding-bottom: 17px;
	font-size: 11px;
}

.menu_area ul.box2 li a .arrow_icon {
	display: block;
	position: absolute;
	right: 2px;
	top: 23px;
}						


.menu_area ul li a .adjust_1{
	position:static;
	display:inline;
}

.menu_area ul.box2 li a .adjust_2 {
	display:block;
	position:static;
	float:none;
	top:0;
	left:0;
	text-align:left;
}

.menu_area ul li a .adjust_2 {
	position:static;
	float:right;
	margin-right:30px;
	width:auto;
}

#main_area article .contents > div.box {
	margin:30px 0;
	border:#44b4da solid 1px;
	padding:0 10px 30px 10px;
}


	.detail_btn,
	.info_area .text_area .detail_btn{
		position: relative;
		font-size:12px;
	}

	.detail_btn a ,
	.info_area .text_area .detail_btn a {
		padding-right: 35px;
		padding-left: 7px;
	}
		.detail_btn .arrow_icon {
			display: block;
			position: absolute;
			right: 10px;
			bottom:24px;
			width: auto;
			margin:0;
		}
		.detail_btn .break_line_sp {
			display: block;
		}

	.text_area .title_spOnly{
		float:none;
		margin-top: 20px;
	}
		.text_area .title_spOnly img{
		}

	#main_area article {
		padding: 0px 10px;
	}
		#main_area article .contents{
			word-break:break-all;
		}
			#main_area article .contents h1{
				padding-left:0;
			}
				#main_area article .contents h1 img{
					display:none;
				}
				#main_area article .contents h1 span{
					display:block;
					font-size: 15px;
					font-weight:bold;
					border-bottom:2px solid #a2cde3;
				}

		#main_area article .contents > div {
			padding: 0;
		}
			#main_area article .contents .sign{
				font-size:13px;
			}
			#main_area article .contents section:first-of-type ul li{
				text-indent: -2em;
				padding-left: 30px;				
			}
				#main_area article .contents section .symbolic_list{
				}
					#main_area article .contents section .symbolic_list li{
						text-indent: -13px;
						padding-left: 15px;	
					}
						#main_area article .contents section .symbolic_list li span{
							width:auto;
							margin:0;
							display: inline;
						}

				#main_area .contents .col {
					clear:both;
					/zoom:1;
				}
					#main_area .contents .col .col1{
						width:auto;
					}
					#main_area .contents .col .col2{
						width:auto;
					}
					#main_area .contents .col table{
						width:auto;
					}
					#main_area .contents .col table td{
						padding: 0 5px 25px 5px;
						font-size:12px;
					}
		#main_area article .btn {
			padding: 0;
		}
}