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

/*共通*/
img {
	vertical-align:top;
	border: 0;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

ul {
	font-size:0;
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}

.mb20 {
	margin-bottom:20px;
}

.mb30 {
	margin-bottom:30px;
}

.mb65 {
	margin-bottom:65px;
}

.mb70 {
	margin-bottom:70px;
}

.mb100 {
	margin-bottom:100px;
}

.mb150 {
	margin-bottom:150px;
}

.mt30 {
	margin-top:30px;
}

.fs_12 {
	font-size:12px;
}

.fs_14 {
	font-size:14px;
}

.fs_16 {
	font-size:16px;
}

.fs_18 {
	font-size:18px;
}

.ff_mincho {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/*ヘッダー*/
#wrapper {
	max-width:1100px;
	margin:0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header {
	margin-bottom:42px;
}

#h_top img {
	display:block;
}

#logo {
	width:295px;
	margin-top:55px;
	margin-left:4.545454545454545%;/*50/1100*/
	float:left;
}

#contact {
	width:103px;
	float:right;
}

/*メイン*/
#main {
	background:rgb(37,55,98);
	background:linear-gradient(45deg,rgba(37,55,98,1)0%, rgba(95,95,172,1)53%, rgba(154,203,208,1)95%);
	padding-top:52px;
}

.bk_img {
	width:100%;
	background-image:url(../../images/line_hyogo.png);
	background-repeat:no-repeat;
	background-size:contain;
}

.line_hyogo {
	width:60%;/*660/1100*/
	margin:0 auto;
	padding-bottom:65px;
	margin-left:9.727272727272727%;/*107/1100*/
}

.top_h1 {
	font-size:40px;
	color:#FFF;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:.2em;
}

.wo {
	font-size:32px;
}

.line_hyogo h2 {
	font-size:15px;
	color:#FFF;
}

.top_leadtxt {
	font-size:12px;
	color:#FFF;
	line-height:1.8;
}

/*TOPIX*/
.pst_r {
	position:relative;
}

.newsbox {
	background-color:#FFF;
	width:76.63636363636364%;/*993-75-75= 843/1100*/
	padding:45px 6.818181818181818%;
	margin-left:9.727272727272727%;/*107/1100*/
	border-bottom:#999 solid 3px;
}

.newsbox:before {
	content:"TOPIX";
	position:absolute;
	top:-25px;
	left:0;
	display:block;
	width:95px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	background-color:#D38C2E;
	padding:15px 15px 15px 120px;
	text-align:right;
	letter-spacing:.5em;
}

.scroll {
	overflow-y:scroll;
	display:block;
	height:140px;
}

.scroll2 {
	overflow-y:scroll;
	height:600px;
	display:block;
}

.scroll td {
	line-height:1.5;
	vertical-align:top;
	font-size:15px;
	color:#333;
}

.td_pl {
	padding-left:5%;
	width:100%;
}

.td_pl a {
	text-decoration:none;
	color:#333;
}

/*メニュー*/
#top_nav {
	margin-bottom:85px;
}

#top_nav ul {
	width:80%;
	margin:0 auto;
	text-align:center;
}

#top_nav ul li {
	display:inline-block;
	list-style:none;
	color:#FFF;
	border-bottom:#D0D0D0 solid 2px;
	padding-bottom:7px;
	font-size:14px;
	margin:15px 2.5%;
}

#top_nav ul li:hover {
	border-bottom:#D38C2E solid 2px;
}

#top_nav ul li a {
	color:#FFF;
	text-decoration:none;
}

#footer img {
	vertical-align:bottom;
}

@media screen and (max-width:768px) {
/*メイン*/
	.top_h1 {
		font-size:32px;
		color:#FFF;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		letter-spacing:.2em;
	}
	
	.wo {
		font-size:24px;
	}

/*メニュー*/
	#top_nav {
		margin-bottom:85px;
	}
	
	#top_nav ul {
		width:50%;
		margin:0 auto;
		text-align:center;
	}
	
	#top_nav ul li {
		display:inline-block;
		list-style:none;
		color:#FFF;
		border-bottom:#D38C2E solid 2px;
		padding-bottom:7px;
		font-size:14px;
		margin:15px 3%;
	}
	
	#top_nav ul li a {
		color:#FFF;
		text-decoration:none;
	}

}

@media screen and (max-width:480px) {
/*ヘッダー*/
	#logo {
		width:205px;
		margin-top:47px;
		margin-left:4.545454545454545%;/*50/1100*/
		float:left;
	}
	
	#contact {
		width:78px;
		float:right;
	}
	
/*メイン*/
	#main {
		background:rgb(37,55,98);
		background:linear-gradient(45deg,rgba(37,55,98,1)0%, rgba(95,95,172,1)53%, rgba(154,203,208,1)95%);
		padding-top:15px;
	}
	
	.line_hyogo {
		width:90%;/*660/1100*/
		margin:0 auto !important;
		padding-top:60px;
		padding-bottom:65px;
		margin-left:0;
	}
	
	.top_h1 {
		font-size:28px;
		color:#FFF;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		letter-spacing:.2em;
	}
	
	.wo {
		font-size:20px;
	}
	
	.line_hyogo h2 {
		font-size:15px;
		color:#FFF;
	}
	
	.top_leadtxt {
		font-size:12px;
		color:#FFF;
		line-height:1.8;
	}
	
/*TOPIX*/
	.scroll td {
		width:100%;
		line-height:1.5;
		vertical-align:top;
		font-size:14px;
		display:block;
	}
	
	.td_pl {
		padding-left:0;
	}

/*メニュー*/
	#top_nav {
		margin-bottom:85px;
	}
	
	#top_nav ul {
		width:160px;
		margin:0 auto;
		text-align:center;
	}
	
	#top_nav ul li {
		display:inline-block;
		list-style:none;
		color:#FFF;
		border-bottom:#D38C2E solid 2px;
		padding-bottom:7px;
		font-size:14px;
		margin:15px 3%;
	}
	
	#top_nav ul li a {
		color:#FFF;
		text-decoration:none;
	}


}