@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 %
---------------------------------------------------------------------*/


/* pc =============================================================================================*/
@media screen and (min-width: 801px), print {
	
body{
	min-width:1040px;
	}
	
	.bx-wrapper{
		overflow:hidden;
		}
	.bx-viewport{
		height: 550px!important;
		width: 1040px!important;
		position: relative;
		margin: 0 auto;
		overflow:visible!important;
		}
		.bx-viewport ul li img{
			padding: 0 5px;
			box-sizing: border-box;
			}
	div.bx-controls-direction{
		position: absolute;
		top: 50%;
		width: 1040px;
		left: 50%;
		margin-left: -520px;
		}
	
	
	.column2{
		margin-top:70px;
		}
		.right_box{
			float:right;
			width:770px;
			position:relative;
			}
		.right_box h2{
			position:relative;
			font-size:18px;
			padding-left:22px;
			letter-spacing:0.2em;
			margin-bottom:35px;
			}
		.right_box h2::before{
			position:absolute;
			width:14px;
			height:14px;
			border:4px solid #E94709;
			box-sizing:border-box;
			content:"";
			border-radius:100%;
			background-color:#fff;
			left:0;
			top:50%;
			margin-top:-7px;
			}
		.right_box ul{
			}
				
			.newslist li{
				float: left;
				width: 230px;
				padding: 0 20px;
				position: relative;
			}
			#top_contents .newslist li:nth-of-type(3n){
				padding-right: 0;
			}
				
			#top_contents .newslist li:nth-of-type(3n+1){
				padding-left: 0;
			}
			#top_contents .newslist li:nth-of-type(n+4){
				padding-top: 20px;
				margin-top: 20px;
			}
				
				.newslist li dl{
					position: relative;
					height: 100%;
				}
					.newslist li:before{
						content: '';
						display: block;
						position: absolute;
						width: 1px;
						height: 100%;
						left: 0px;
						top: 0;
						background-image: linear-gradient(to bottom, #AEAEAE, #AEAEAE 1px, transparent 1px, transparent 3px);
						background-size: 1px 4px;
						background-repeat: repeat-y;
					}
						#top_contents .newslist li:nth-of-type(3n+1):before{
							display: none;
						}
						#top_contents .newslist li:nth-of-type(n+4):after{
							content: '';
							display: block;
							position: absolute;
							width: 100%;
							height: 1px;
							left: 0;
							top: 0;
							background-image: linear-gradient(to right, #AEAEAE, #AEAEAE 1px, transparent 1px, transparent 3px);
							background-size: 4px 1px;
							background-repeat: repeat-x;
						}
					.newslist li dl:before{
						content: '';
						display: block;
						position: absolute;
						bottom: -40px;
						right: -40px;
						width: 40px;
						height: 40px;
						background-color: #fff;
						z-index: 2;
					}
						#top_contents .newslist li:nth-of-type(3n) dl:before{
							display: none;
							
						}
						#contents .newslist li:nth-of-type(4n) dl:before{
							display: none;
							
						}
					.newslist li dl span{
						display:block;
						font-size:14px;
					}
						.newslist li dl dt{
							font-weight: bold;
						}
							.newslist li dl dt .data{
								font-size: 12px;
								margin-bottom: 5px;
							}
							.newslist li dl dt .tit{
								margin-bottom: 10px;
							}
							.newslist li a{
								color: #E94709;
								text-decoration: underline;
							}
							.newslist li dl dd > div.wp-caption.alignleft{
								width: 100%!important;
								height: auto!important;
							}
							.newslist li dl dd > div.wp-caption.alignleft img{
								width: 100%!important;
								height: auto!important;
							}
					/* archive */
					#contents .newslist li{
					}
						#contents .newslist li:nth-of-type(4n){
							padding-right: 0;
						}

						#contents .newslist li:nth-of-type(4n+1){
							padding-left: 0;
						}
						#contents .newslist li:nth-of-type(n+5){
							padding-top: 20px;
							margin-top: 20px;
						}
						#contents .newslist li:nth-of-type(4n+1):before{
							display: none;
						}
						#contents .newslist li:nth-of-type(n+5):after{
							content: '';
							display: block;
							position: absolute;
							width: 100%;
							height: 1px;
							left: 0;
							top: 0;
							background-image: linear-gradient(to right, #AEAEAE, #AEAEAE 1px, transparent 1px, transparent 3px);
							background-size: 4px 1px;
							background-repeat: repeat-x;
						}
				
		
		.right_box .link_btn{
			position:absolute;
			top:0;
			right:0;
			background-color:#E94709;
			font-size:12px;
			padding:5px 14px;
			border-radius:5px;
			color:#fff;
			font-weight:bold;
			transition:500ms;
			}
		.right_box .link_btn:hover{
			opacity:0.8;
			transition:500ms;
			}
			
			
			
		.left_box{
			float:left;
			width:220px;
			}
			.hozen_hight_school{
				text-align:center;
				display:block;
				margin-top:10px;
				}
				.hozen_hight_school img{
					width:220px;
					}
			.member_box{
				padding:23px 17px;
				border:3px solid #E6E6E6;
				background-color:#fff;
				font-size:16px;
				font-weight:bold;
				}
				.member_box span{
					color:#E94709;
					margin-right:14px;
					}
				.member_box .cap{
					display: block;
					margin: 0;
					font-weight: normal;
					text-align: center;
					color: #212121;
				}
			.contribution{
				margin-top:10px;
				}
				.contribution dt{
					font-size:16px;
					width:220px;
					padding:11px 0 9px;
					text-align:center;
					background-color:#E94709;
					color:#fff;
					font-weight:bold;
					}
				.contribution dd{
					padding:10px;
					border:3px solid #E6E6E6;
					border-top:none;
					background-color:#fff;
					font-size:13px;
					letter-spacing:-0.05em;
					}
	

}



/* sp =============================================================================================*/
@media only screen and (max-width: 800px) {
	
	nav{
		background-color:#E94709;
		}
		nav > ul{
			width:100%;
			text-align:center;
			}
			nav > ul > li{
				float:left;
				box-sizing:border-box;
				font-size:14px;
				width:25%;
				font-weight:bold;
				position:relative;
				border-left:solid #fff 1px;
				}
			nav > ul > li:first-child{
				border-left:solid #E94709 1px;
				}
			nav > ul > li:first-child:hover{
				border-left:solid #fff 1px;
				}
			nav > ul > li:hover{
				background-color:#fff;
				}
				nav > ul > li > a,
				nav > ul > li > span{
					display:table;
					width:100%;
					color:#fff;
					box-sizing:border-box;
					border-collapse: collapse;
					}
					nav > ul > li > a span{
						padding: 10px;
						line-height: 1.3;
						}

				nav > ul > li:first-child > a{
					}
				nav > ul > li:hover > a,
				nav > ul > li:hover > span{
					color:#000;
					}
				nav > ul > li.off > span{
					background-color:#605E5E;
					border-right:1px solid #605E5E;
					color:#999;
					}
					nav > ul > li > a > span,
					nav > ul > li > span > span{
						display:table-cell;
						vertical-align:middle;
						}
	
	.wrap{
		padding:0 10px;
		}	
	
	.column2{
		margin-top:30px;
		}
		.right_box{
			position:relative;
			padding-bottom:50px;
			}
		.right_box h2{
			position:relative;
			font-size:18px;
			padding-left:22px;
			letter-spacing:0.2em;
			margin-bottom:20px;
			}
		#top_contents .right_box h2::before{
			position:absolute;
			width:14px;
			height:14px;
			border:4px solid #E94709;
			box-sizing:border-box;
			content:"";
			border-radius:100%;
			background-color:#fff;
			left:0;
			top:50%;
			margin-top:-7px;
			}
			.newslist li{
				padding-bottom: 20px;
				margin-bottom: 20px;
				position: relative;
			}
				
					.newslist li:after{
						content: '';
							display: block;
							position: absolute;
							width: 100%;
							height: 1px;
							left: 0;
							bottom: 0;
							background-image: linear-gradient(to right, #AEAEAE, #AEAEAE 1px, transparent 1px, transparent 3px);
							background-size: 4px 1px;
							background-repeat: repeat-x;
					}
					.newslist li:last-of-type{
						padding-bottom: 0;
					}
						.newslist li:last-of-type:after{
							display: none;
						}
					.newslist li dl span{
						display:block;
						font-size:14px;
					}
						.newslist li dl dt{
							font-weight: bold;
						}
							.newslist li dl dt .data{
								font-size: 12px;
								margin-bottom: 5px;
							}
							.newslist li dl dt .tit{
								margin-bottom: 10px;
							}
							.newslist li a{
								color: #E94709;
								text-decoration: underline;
							}
					/* archive */
					#contents .newslist li{
					}
				
		
		.right_box .link_btn{
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			background-color:#E94709;
			font-size:12px;
			padding:5px 14px;
			border-radius:5px;
			box-sizing:border-box;
			text-align:center;
			color:#fff;
			font-weight:bold;
			transition:500ms;
			}
		.right_box .link_btn:hover{
			opacity:0.8;
			transition:500ms;
			}
			
			
			
		.left_box{
			margin-top:40px;
			}
			.hozen_hight_school{
				margin-top:10px;
				}
				.hozen_hight_school img{
					width:100%;
					}
			.member_box{
				padding:23px 17px;
				border:3px solid #E6E6E6;
				background-color:#fff;
				font-size:16px;
				font-weight:bold;
				}
				.member_box span{
					color:#E94709;
					margin-right:14px;
					}
				.member_box .cap{
					display: block;
					margin: 0;
					font-weight: normal;
					color: #212121;
				}
			.contribution{
				margin-top:10px;
				}
				.contribution dt{
					font-size:16px;
					padding:11px 0 9px;
					text-align:center;
					background-color:#E94709;
					color:#fff;
					font-weight:bold;
					}
				.contribution dd{
					padding:10px;
					border:3px solid #E6E6E6;
					border-top:none;
					background-color:#fff;
					font-size:13px;
					letter-spacing:-0.05em;
					}
}