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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


.border {border-bottom:solid 1px #e6e6e6;}

.read_wrap{
	/*background-color:#f5fbff;*/
	background-color:#e3f3fc;
	}


/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width: 801px), print {


	#read {
		text-align:center;
		}
		#read img {
			margin:50px 0 25px;
			}
		#read p {
			line-height:3;
			font-size:25px;
			font-weight:bold;
			}



	.read_wrap{
		padding-bottom:40px;
		}
	.border {
		border-bottom:1px solid #ebebeb;
		margin:0px 0 70px;
		}

	

/* container */
	#container {
		}
		
		#container {
			margin-left:-2.333%;
			margin-top:-30px;
			}
				
						
		#container .sec:not(:nth-of-type(1)){
			margin-top:100px;
			}		
		#container .sec > div{
			float:left;
			width:31%;
			margin-left:2.333%;
			margin-top:30px;
			}
		#container .phtArea{
			float:left;
			margin-right:40px;
			position:relative;
			}
		#container .phtArea span{
			position:absolute;
			right:0;
			top:0;
			display:block;
			background:#00275f;
			color:#fff;
			padding:4px 6px 5px;
			letter-spacing:-0.2px;
			font-size:12px;
			font-weight:bold;
			}
			#container .txtArea {
				}
				#container dl.s_tit {
					}
					#container dl.s_con dt {
						margin-bottom:20px;
						}
					#container dl.s_con dd {
						font-size:12px;
						margin-bottom:10px
						}
				#container p.tit {
					font-weight:bold;
					font-size:20px;
					line-height:1.6;
					margin-bottom:25px;
					}
				#container dl.s_name {
					}
					#container dl.s_name dt {
						font-weight:bold;
						margin-bottom:10px;
						}
					#container dl.s_name dd {
						font-size:12px;
						margin-bottom:15px;
						line-height:1.4;
						}
						
		#container .sec > div {
			}
		#container .sec > div:nth-child(3n+1) {
			clear:both;
			}
			#container .sec h4{
				position: relative;
				margin-bottom: 40px;
				font-size: 20px;
				margin-left:2.333%;
				}
			#container .sec h4::after{
				content: "";
				position: absolute;
				width: 83px;
				height: 3px;
				background-color: #000;
				left: 0;
				bottom: -30px;
				}
			#container .sec > div .phtArea{
				float:none;
				margin-right:0;
				margin-bottom:15px;
				}
				#container .sec > div .phtArea img{
					width:100%;
					}
				#container .sec > div .txtArea {
					}
					#container .sec > div dl.s_tit {
						}
						#container .sec > div dl.s_con dt {
							display:none;
							}
						#container .sec > div dl.s_con dd {
							float:left;
							margin-right:10px;
							margin-bottom:0;
							margin-top:1px;
							}
					#container .sec > div p.tit {
						display:none;
						}
					#container .sec > div dl.s_name {
						}
						#container .sec > div dl.s_name dt {
							font-weight:bold;
							margin-bottom:5px;
							}
						#container .sec > div dl.s_name dd {
							margin-bottom:0px;
							}
						#container .sec > div .itiran {
							text-align:center;
							font-weight:bold;
							margin-bottom:5px;
						}
							.pagelink {
			text-align:center;
			margin:30px auto 0;
			}
			.pagelink ul {
				display:inline-block;
				}
				.pagelink ul li {
					float:left;
					margin:0 6px;
					}
				.pagelink ul li a {
					border:solid 1px #333333;
					border-radius:23px;
					height:23px;
					width:23px;
					display:block;					
					}
					.pagelink ul li a span {
						vertical-align:middle;
						line-height:25px;
						}
				.pagelink ul li a.on {
					background:#333333;
					color:#fff;
					}
				.pagelink ul li a:hover {
					background:#333333;
					color:#fff;
					}



}









/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {

	#read {
		margin:0 10px;
		text-align:center;
		}
		#read img {
			margin:25px 0 10px;
			max-width:100%;
			}
		#read p {
			line-height:2.5;
			font-size:18px;
			font-weight:bold;
			}


	.read_wrap{
		padding-bottom:20px;
		}
	.border {
		border-bottom:1px solid #ebebeb;
		margin:0px 0 35px;
		}


	.container_wrap{
		margin-top:50px;
		}
	#container {
		margin:10px;
		}
	#container .sec > div:first-child {
		margin-bottom:35px !important;
		}
		#container .phtArea{
			margin-bottom:15px;
			position:relative;
			}
		#container .phtArea span{
			position:absolute;
			right:0;
			top:0;
			display:block;
			background:#00275f;
			color:#fff;
			padding:4px 6px 5px;
			letter-spacing:-0.2px;
			font-size:12px;
			font-weight:bold;
			}
			#container .phtArea img{
				width:100%;
				}
			#container .txtArea {
				}
				#container dl.s_tit {
					}
					#container dl.s_con dt {
						margin-bottom:20px;
						}
					#container dl.s_con dd {
						font-size:12px;
						margin-bottom:10px
						}
				#container p.tit {
					font-weight:bold;
					font-size:20px;
					line-height:1.6;
					margin-bottom:25px;
					}
				#container dl.s_name {
					}
					#container dl.s_name dt {
						font-weight:bold;
						margin-bottom:10px;
						}
					#container dl.s_name dd {
						font-size:12px;
						margin-bottom:15px;
						line-height:1.4;
						}
						
		#container .sec > div {
			float:left;
			margin-bottom:20px;
			width:100%;
			}
								
		#container .sec:not(:nth-of-type(1)){
			margin-top:70px;
			}
			#container .sec h4{
					position: relative;
					margin-bottom: 60px;
					font-size: 20px;
					}
			#container .sec h4::after{
					content: "";
					position: absolute;
					width: 83px;
					height: 3px;
					background-color: #000;
					left: 0;
					bottom: -30px;
					}
					
					
			#container .sec > div .phtArea{
				float:none;
				margin-right:0;
				margin-bottom:15px;
				}
				#container .sec > div .txtArea {
					}
					#container .sec > div dl.s_tit {
						}
						#container .sec > div dl.s_con dt {
							display:none;
							}
						#container .sec > div dl.s_con dd {
							float:left;
							margin-right:10px;
							margin-bottom:0;
							margin-top:1px;
							}
					#container .sec > div p.tit {
						display:none;
						}
					#container .sec > div dl.s_name {
						}
						#container .sec > div dl.s_name dt {
							font-weight:bold;
							margin-bottom:5px;
							}
						#container .sec > div dl.s_name dd {
							margin-bottom:0px;
							}
						#container .sec > div .itiran {
							text-align:center;
							font-weight:bold;
							margin-bottom:5px;
							}

		.pagelink {
			text-align:center;
			margin:30px auto 0;
			}
			.pagelink ul {
				display:inline-block;
				}
				.pagelink ul li {
					float:left;
					margin:0 6px;
					}
				.pagelink ul li a {
					border:solid 1px #333333;
					border-radius:23px;
					height:23px;
					width:23px;
					display:block;					
					}
					.pagelink ul li a span {
						vertical-align:middle;
						line-height:25px;
						}
				.pagelink ul li a.on {
					background:#333333;
					color:#fff;
					}
				.pagelink ul li a:hover {
					background:#333333;
					color:#fff;
					}



}