@charset "utf-8";

/* Slider */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	    touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

#topMain {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

#topPic li {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	display: -webkit-flex;
	display: flex;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 10;
	opacity: 0;
	transition-property: opacity;
	transition-timing-function: linear;
	transition-duration: 0s;
	transition-delay: 1.0s;
}

#topPic li.set {
	z-index: 20;
	opacity: 1;
	transition-property: opacity;
	transition-timing-function: linear;
	transition-duration: 1.0s;
	transition-delay: 0s;
}

#topPic li p {
	color: #fff;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	line-height: 1.2;
	text-align: center;
	letter-spacing: 0.025em;
	text-shadow: 0px 1px 1px rgba(10, 2, 4, 0.49);
}

/* 所長コラムの文字位置と背景色の設定 */
#topPic li p.column {
	line-height: 1.5em; /* 行間高さ */
	padding:20px 40px; /* 背景色エリア */
	background: rgba(20, 30, 50, 0.3); /*透過背景色 */
}

/* 所長コラムのテキスト設定 */
#topPic li p.zen-kurenaido-regular {
	font-family: "Zen Kurenaido", sans-serif; /* 所長コラムのフォント */
	font-size:2.2rem; /*通常の文字サイズ*/
	font-style: normal; /* 文字の太さ太さ */
	text-shadow: 0 2px 4px rgba(0,0,0,0.6); /* 文字くっきりしたい時に入れる */
  }

/* 所長コラムのリンク設定 */
#topPic li p.column a{
	display: block;
	text-decoration: none;
	color: #fff; /*リンク色*/ 
	padding:20px 20px; /*リンクエリア*/ 
}

#topNavi {
	-webkit-justify-content: center;
	justify-content: center;
	display: -webkit-flex;
	display: flex;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	position: absolute;
	z-index: 30;
}

#topNavi li {
	font-size: 0px;
	line-height: 0;
}

#topNavi li a {
	border: 1px #fff solid;
	border-radius: 50%;
	font-size: 0px;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	transition-duration: 0.5s;
}

#topNavi li.set a {
	background-color: #fff;
	opacity: 1;
	transition-property: background-color;
}

/*ここから最小レスポンシブ設定（最大幅767px） */ 
@media screen and (max-width : 767px ){
	
	#topMain,
	#topPic li {
		height: 220px;
	}
	
	#topPic li p {
		padding: 0px 15px;
		font-size: 0.75rem;
		font-weight: normal;
		text-decoration: none;  
	}

	#topPic li p.column {
		padding: 0px 10px;
		 font-size: 0.75rem; /*通常サイズ*/
		font-weight: normal;

	}
	
	#topNavi {
		bottom: 15px;
	}
	
	#topNavi li {
		margin: 0px 12px;
	}
	
	#topNavi li a {
		width: 10px;
		height: 10px;
	}
	
	#topMenu {
		padding: 20px 15px 15px;
	}
	
	#topMenu ul {
		justify-content: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-flex;
		display: flex;
	}
	
	#topMenu ul li {
		margin: 0px 5px 10px;
		width: 123px;
		height: 130px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		font-size: 0.69rem;
		font-weight: bold;
		line-height: 15px;
		overflow: hidden;
	}
	
	#topMenu ul li span {
		font-size: 0.63rem;
	}
	
	#topMenu ul li a {
		padding: 8px 5px 47px;
		width: 113px;
		height: 75px;
		background: rgba(0,0,0,0.5) url(/common/img/bt_top_dt_w.png) no-repeat center bottom 25px;
		background-size: 72px auto;
		color: #fff;
		text-align: center;
		text-decoration: none;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		display: -webkit-flex;
		display: flex;
	}
	
	.topMsg {
		margin: 10px 15px 30px;
	}
	.topMsg .topMsgBox {
		background: #f6f6f6;
		border: 2px solid #e4e4e4;
		padding: 1em;
		text-align: left;
	}
	.topMsg .topMsgBox h2 {
		font-size: 0.88rem;
		font-weight: bold;
		border-bottom: 2px solid #e4e4e4;
		padding: 0 0 0.3em;
	}
	.topMsg p {
		font-size: 0.88rem;
		line-height: 1.8;
		margin: 1em 0 0;
	}
	
	
	#topNews {
		padding: 0px 15px;
	}
	
	#topNews > section {
		padding: 0px 0px 40px;
	}
	
	#topNews > section > .topNewsHd {
		padding: 0px 0px 2px;
		width: 100%;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-flex;
		display: flex;
		position: relative;
	}
	
	#topNews > section > .topNewsHd::before {
		content: "";
		width: 100%;
		height: 2px;
		background: #dde7ee url(/common/img/bg_bl.png) no-repeat left center;
		background-size: 95px 2px;
		font-size: 0px;
		line-height: 0;
		display: block;
		left: 0px;
		bottom: 0px;
		position: absolute;
	}
	
	#topNews > section > .topNewsFt {
		padding: 18px 0px 0px;
	}
	
	#topNews > section > .topNewsHd > h1 {
		font-size: 0.88rem;
		font-weight: bold;
		line-height: 30px;
	}
	
	#topNews > section > .topNewsHd > p,
	#topNews > section > .topNewsFt > p {
		font-size: 0.75rem;
		font-weight: normal;
		line-height: 1.5;
	}
	
	#topNews > section > .topNewsHd > p a,
	#topNews > section > .topNewsFt > p a {
		padding: 0px 18px 0px 0px;
		background: url(/common/img/arr_link_r.png) no-repeat right center;
		background-size: 8px auto;
		color: #000;
		text-decoration: none;
		display: inline-block;
	}
	
	#topNews > section > .topNewsFt > p {
		text-align: right;
	}
	
		#topNewsSel > p,
	#topNewsSel > #iframesrc,
	#topNewsSel_02 > p,
	#topNewsSel_02 > #iframesrc_02 {
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 50;
	}
	
	#topNewsSel > p,
	#topNewsSel > #iframesrc li,
	#topNewsSel_02 > p,
	#topNewsSel_02 > #iframesrc_02 li {
		font-size: 0.63rem;
		font-weight: normal;
		line-height: 1.5;
	}
	
	#topNewsSel > p,
	#topNewsSel > #iframesrc li a,
	#topNewsSel_02 > p,
	#topNewsSel_02 > #iframesrc_02 li a {
		padding: 4px 4px 4px 20px;
		width: 120px;
	}
	
	#topNewsSel > p,
	#topNewsSel_02 > p {
		background: #56a8e7 url(/common/img/point_ar_w.png) no-repeat 4px 6px;
		background-size: 10px auto;
		border: 1px #56a8e7 solid;
		cursor: pointer;
		color: #fff;
	}
	
	#topNewsSel > #iframesrc,
	#topNewsSel_02 > #iframesrc_02 {
		border-top: 1px #56a8e7 solid;
		border-left: 1px #56a8e7 solid;
		border-right: 1px #56a8e7 solid;
		display: none;
	}
	
	#topNewsSel.open > #iframesrc,
	#topNewsSel_02.open > #iframesrc_02 {
		display: block;
	}
	
	#topNewsSel > p,
	#topNewsSel_02 > p {
		display: block;
	}
	
	#topNewsSel.open > p,
	#topNewsSel_02.open > p {
		display: none;
	}
	
	#topNewsSel > #iframesrc li,
	#topNewsSel_02 > #iframesrc_02 li {
		border-bottom: 1px #56a8e7 solid;
	}
	
	#topNewsSel > #iframesrc li a,
	#topNewsSel_02 > #iframesrc_02 li a {
		background: #fff url(/common/img/point_ar_b.png) no-repeat 4px 6px;
		background-size: 10px auto;
		display: block;
		color: #000;
		text-decoration: none;
	}
	
	#topNewsSel > #iframesrc li.set a,
	#topNewsSel_02 > #iframesrc_02 li.set a {
		background: #56a8e7 url(/common/img/point_ar_w.png) no-repeat 4px 6px;
		background-size: 10px auto;
		color: #fff;
	}
	
	#topNews > section > .topNewsMain {

		padding: 0;
	}
	
	#topNews > section > #topNewsFrame{
		height: 460px;
	}
	
	#topNews > section > #topNewsFrame_02{
		height: 400px;

	}
	
	#topNews > section > #topNewsFrame iframe,
	#topNews > section > #topNewsFrame_02 iframe {
		width: 100%;
		height: 100%;
		border: none;
		display: block;
	}
	
	#topLink {
		padding: 18px 15px 10px;
		background: url(/common/img/bg_top_link.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#topLink h1 {
		padding: 0px 0px 25px;
		color: #fff;
		font-size: 1.38rem;
		font-weight: bold;
		line-height: 30px;
		text-align: center;
	}
	
	#topLink ul {
		padding: 0px 15px;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-flex;
		display: flex;
	}
	
	#topLink ul li {
		margin: 0px 0px 30px;
		padding: 0px 5px;
		width: 50%;
		font-size: 0.63rem;
		font-weight: normal;
		line-height: 16px;
		text-align: left;
		box-sizing: border-box;
	}
	
	#topLink ul li p {
		padding-top: 6px;
	}
	
	#topLink ul li a {
		color: #fff;
		text-decoration: none;
		display: block;
	}
	
	#topLink ul li img {
		width: 100%;
		height: auto;
	}
	
	#topPublish {
		padding: 24px 15px;
	}
	
	#topPublish #topPublishHd {
		margin: 0px 0px 15px;
		text-align: left;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		display: -webkit-flex;
		display: flex;
	}
	
	#topPublish #topPublishHd h1 {
		padding: 0px 0px 0px 14px;
		background: url(/common/img/bg_bl.png) repeat-y left 2px top;
		background-size: 2px 1px;
		border-left: 3px #56a8e7 solid;
		font-size: 1.38rem;
		font-weight: bold;
		line-height: 25px;
		letter-spacing: 0.025em;
	}
	
	#topPublish #topPublishHd p {
		font-size: 0.75rem;
		font-weight: normal;
		line-height: 1.5;
	}
	
	#topPublish #topPublishHd p a {
		padding: 0px 18px 0px 0px;
		background: url(/common/img/arr_link_r.png) no-repeat right center;
		background-size: 8px auto;
		color: #000;
		text-decoration: none;
		display: inline-block;
	}
	
	#topPublish #topPublishMain {
		position: relative;
	}
	
	#pubBox {
		margin: 0px 22px;
	}
	
	#pubBox li a {
		margin: 0px 10px;
		text-decoration: none;
		display: block;
	}
	
	#pubBox li figure {
		font-size: 0px;
		line-height: 0;
	}
	
	#pubBox li figure img {
		width: 100%;
		height: auto;
	}
	
	#pubBox li dl {
		color: #000;
		text-decoration: none;
	}
	
	#pubBox li dl dt {
		padding: 12px 0px 6px;
		font-size: 0.75rem;
		font-weight: bold;
		line-height: 20px;
		text-align: center;
	}
	
	#pubBox li dl dd {
		font-size: 0.63rem;
		font-weight: normal;
		line-height: 1.5;
		text-align: left;
	}
	
	.slick-prev,
	.slick-next {
		font-size: 0px;
		line-height: 0;
		position: absolute;
		top: 30%;
		display: block;
		width: 22px;
		height: 22px;
		padding: 0;
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
		text-decoration: none;
	}
	
	.slick-prev {
		background: url(/common/img/arr_lr_l.png) no-repeat left center;
		background-size: 14px auto;
		left: -22px;
	}
	
	.slick-next {
		background: url(/common/img/arr_lr_r.png) no-repeat right center;
		background-size: 14px auto;
		right: -22px;
	}
	
	#shaken {
		position: relative;
		display: block;
		height:auto;
		text-align:center;
	}

	#shaken img { width: 100vw; }
	
	#shaken a{ text-decoration:none; }

	#shaken p {
		position: absolute;
		bottom:15%;
		left:50%;
		color: #1b768d;
		font-size: 1rem;
		font-weight: bold;
		line-height: 30px;
		text-align: center;
	}
	
	#topInfo {
		padding: 14px 15px 14px;
		background-color: #f6f6f6;
		border-top: 1px #e4e4e4 solid;
	}
	
	#topInfo h1 {
		padding: 0px 0px 14px;
		font-size: 1.38rem;
		font-weight: bold;
		line-height: 30px;
		text-align: center;
	}
	
	#topInfo ul {
		margin: 0px auto;
		width: 166px;
	}
	
	#topInfo ul li {
		margin: 0px 0px 10px;
		width: 166px;
	}
	
	#topInfo ul li a {
		height: 104px;
		background: url(/common/img/bt_top_dt.png) no-repeat center bottom 11px;
		background-size: 72px auto;
		border: 2px #999 solid;
		border-radius: 4px;
		text-align: center;
		text-decoration: none;
		display: block;
	}
	
	#topInfo ul li a h2 {
		padding: 9px 0px 8px;
		color: #666;
		font-size: 0.63rem;
		font-weight: bold;
		line-height: 15px;
		text-align: center;
	}
	
	#topInfo ul li.longTxt {
	}
	
	#topInfo ul li.longTxt a h2 {
		padding: 9px 0px 3px;
		color: #666;
		font-size: 0.63rem;
		font-weight: bold;
		line-height: 11px;
		text-align: center;
		letter-spacing: -0.06em;
	}
	
	#topInfo ul li figure {
		margin: 0px auto;
		width: 47px;
	}
	
	#topInfo ul li img {
		width: 100%;
		height: auto;
	}

	#topLinkOut {
		padding: 18px 15px 10px;
		background-color: #FFF;
	}
	
	
	#topLinkOut ul {
		padding: 0px 15px;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-flex;
		display: flex;
	}
	
	#topLinkOut ul li {
		margin: 0px 0px 12px;
		padding: 0px 5px;
		width: 50%;
		font-size: 0.63rem;
		font-weight: normal;
		line-height: 16px;
		text-align: left;
		box-sizing: border-box;
	}
	
	#topLinkOut ul li p {
		padding-top: 6px;
	}
	
	#topLinkOut ul li a {
		color: #fff;
		text-decoration: none;
		display: block;
	}
	
	#topLinkOut ul li img {
		width: 100%;
		height: auto;
	}
	
}
/*ここまで最小レスポンシブ設定（最大幅767px） */ 

/*ここからレスポンシブ設定（最小幅768px～） */ 
@media print and (min-width: 0px), screen and (min-width: 768px) {
	
	#topMain,
	#topPic li {
		min-width: 1020px;
		height: 604px;
	}
	
	#topPic li p {
		font-size: 1.88rem;
		font-weight: bold;
	}
	
	#topNavi {
		bottom: 28px;
	}
	
	#topNavi li {
		margin: 0px 13px;
	}
	
	#topNavi li a {
		width: 14px;
		height: 14px;
	}
	
	#topNavi li a:hover {
		background-color: #fff;
		opacity: 1;
		transition-property: background-color;
	}
	
	#topMenu {
		padding: 48px 0px 40px;
		margin: 0 auto;
		max-width: 1032px; /*1020px*/
		/*min-width: 1020px;*/
		text-align: center;
	}
	
	#topMenu ul {
		margin: 0px auto;
		max-width: 1032px; /*1020*/
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	#topMenu ul li {
		margin: 0px 6px 12px 6px;
		flex: 1 0 246px;
		max-width: 332px;
		/*min-width: 246px;*/
		height: 260px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		font-size: 1.25rem;
		font-weight: bold;
		line-height: 30px;
		overflow: hidden;
		
	}
	
	#topMenu ul li span {
		font-size: 0.88rem;
	}
	
	#topMenu ul li a {
		padding: 15px 5px 95px;
		margin: 0 auto;
		/*width: 206px;*/
		/*max-width: 464px;*/
		width: calc(100% - 10px);
		height: 150px;
		background: rgba(0,0,0,0.5) url(/common/img/bt_top_dt_w.png) no-repeat center bottom 50px;
		color: #fff;
		text-decoration: none;
		text-align: center;
		align-items: center;
		justify-content: center;
		display: flex;
	}
	
	.topMsg {
		margin: 0px auto 50px;
		width: 1020px;
	}
	.topMsg .topMsgBox {
		margin: 0;
		background: #f6f6f6;
		border: 1px solid #e4e4e4;
		padding: 1em 2em;
	}
	.topMsg .topMsgBox h2 {
		font-size: 1rem;
		font-weight: bold;
		border-bottom: 2px solid #e4e4e4;
		padding: 0 0 0.3em;
	}
	.topMsg p {
		font-size: 0.9rem;
		line-height: 1.8;
		text-align: left;
		margin: 1em 0 0;
	}
	
	#topNews {
		margin: 0px auto;
		padding: 0px 0px 40px;
		width: 1020px;
	}
	
	#topNews #topNewsR_02 {
		margin-top: 36px;
	}
	
	#topNews > section > .topNewsHd {
		padding: 0px 0px 2px;
		width: 100%;
		justify-content: space-between;
		align-items: center;
		display: flex;
		position: relative;
	}
	
	#topNews > section > .topNewsHd::before {
		content: "";
		width: 100%;
		height: 2px;
		background: #dde7ee url(/common/img/bg_bl.png) no-repeat left center;
		background-size: 95px 2px;
		font-size: 0px;
		line-height: 0;
		display: block;
		left: 0px;
		bottom: 0px;
		position: absolute;
	}
	
	#topNews > section > .topNewsFt {
		padding: 18px 0px 0px;
	}
	
	#topNews > section > .topNewsHd > h1 {
		font-size: 1.25rem;
		font-weight: bold;
		line-height: 30px;
	}
	
	#topNews > section > .topNewsHd > p,
	#topNews > section > .topNewsFt > p {
		font-size: 0.75rem;
		font-weight: normal;
		line-height: 1.5;
	}
	
	#topNews > section > .topNewsHd > p a,
	#topNews > section > .topNewsFt > p a {
		padding: 0px 18px 0px 0px;
		background: url(/common/img/arr_link_r.png) no-repeat right center;
		background-size: 8px auto;
		color: #000;
		text-decoration: none;
		display: inline-block;
	}
	
	#topNews > section > .topNewsFt > p {
		text-align: right;
	}
		
	#topNewsSel > p,
	#topNewsSel > #iframesrc,
	#topNewsSel_02 > p,
	#topNewsSel_02 > #iframesrc_02 {
		position: absolute;
		right: 0px;
		top: 0px;
	}
	
	#topNewsSel > p,
	#topNewsSel > #iframesrc li,
	#topNewsSel_02 > p,
	#topNewsSel_02 > #iframesrc_02 li {
		font-size: 0.75rem;
		font-weight: normal;
		line-height: 1.5;
	}
	
	#topNewsSel > p,
	#topNewsSel > #iframesrc li a,
	#topNewsSel_02 > p,
	#topNewsSel_02 > #iframesrc_02 li a {
		padding: 4px 10px 4px 28px;
		width: 140px;
	}
	
	#topNewsSel > p,
	#topNewsSel_02 > p {
		background: #56a8e7 url(/common/img/point_ar_w.png) no-repeat 8px 8px;
		background-size: 14px auto;
		border: 1px #56a8e7 solid;
		cursor: pointer;
		color: #fff;
	}
	
	#topNewsSel > #iframesrc,
	#topNewsSel_02 > #iframesrc_02 {
		border-top: 1px #56a8e7 solid;
		border-left: 1px #56a8e7 solid;
		border-right: 1px #56a8e7 solid;
		display: none;
	}
	
	#topNewsSel.open > #iframesrc,
	#topNewsSel_02.open > #iframesrc_02 {
		display: block;
	}
	
	#topNewsSel > p,
	#topNewsSel_02 > p {
		display: block;
	}
	
	#topNewsSel.open > p,
	#topNewsSel_02.open > p {
		display: none;
	}
	
	#topNewsSel > #iframesrc li,
	#topNewsSel_02 > #iframesrc_02 li {
		border-bottom: 1px #56a8e7 solid;
	}
	
	#topNewsSel > #iframesrc li a,
	#topNewsSel_02 > #iframesrc_02 li a {
		background: #fff url(/common/img/point_ar_b.png) no-repeat 8px 8px;
		background-size: 14px auto;
		display: block;
		color: #000;
		text-decoration: none;
	}
	
	#topNewsSel > #iframesrc li.set a,
	#topNewsSel > #iframesrc li a:hover,
	#topNewsSel_02 > #iframesrc_02 li.set a,
	#topNewsSel_02 > #iframesrc_02 li a:hover {
		background: #56a8e7 url(/common/img/point_ar_w.png) no-repeat 8px 8px;
		background-size: 14px auto;
		color: #fff;
		opacity: 1;
	}
	
	#topNews > section > .topNewsMain {
		width: 100%;
	}
	
	#topNews > section > #topNewsFrame{
		height: 460px;
	}
	
	#topNews > section > #topNewsFrame_02{
		height: 400px;
	}
	
	#topNews > section > #topNewsFrame iframe,
	#topNews > section > #topNewsFrame_02 iframe {
		width: 100%;
		height: 100%;
		border: none;
		display: block;
	}
	
	#topLink {
		padding: 36px 0px 10px;
		min-width: 1020px;
		background: url(/common/img/bg_top_link.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#topLink h1 {
		padding: 0px 0px 40px;
		color: #fff;
		font-size: 1.38rem;
		font-weight: bold;
		line-height: 30px;
		text-align: center;
	}
	
	#topLink ul {
		margin: 0px auto;
		width: 1020px;
		flex-wrap: wrap;
		display: flex;
	}
	
	#topLink ul li {
		margin: 0px 0px 20px 100px;
		width: 240px;
		font-size: 0.82rem;
		font-weight: normal;
		line-height: 18px;
		text-align: left;
	}
	
	#topLink ul li:nth-of-type(3n+1) {
		margin-left: 0px;
	}
	
	#topLink ul li p {
		padding-top: 6px;
	}
	
	#topLink ul li a {
		color: #fff;
		text-decoration: none;
		display: block;
	}
	
	#shaken {
		position: relative;
		display: block;
		width:100%;
		height:auto;
        max-width:1400px;
		text-align:center;
	}

	#shaken img { width: 100vw; }

	#shaken a{
		text-decoration:none;
	}
	
	#shaken p {
		position: absolute;
		bottom:30px;
		left:50%;
		color: #1b768d;
		font-size: 1.38rem;
		font-weight: bold;
		line-height: 30px;
		text-align: center;
	}
	
	#topPublish {
		margin: 0px auto;
		padding: 60px 0px 40px;
		width: 1020px;
	}
	
	#topPublish #topPublishHd {
		margin: 0px 0px 32px;
		text-align: left;
		align-items: center;
		justify-content: space-between;
		display: flex;
	}
	
	#topPublish #topPublishHd h1 {
		padding: 0px 0px 0px 14px;
		background: url(/common/img/bg_bl.png) repeat-y left 2px top;
		background-size: 2px 1px;
		border-left: 3px #56a8e7 solid;
		font-size: 1.38rem;
		font-weight: bold;
		line-height: 25px;
		letter-spacing: 0.025em;
	}
	
	#topPublish #topPublishHd p {
		font-size: 0.75rem;
		font-weight: normal;
		line-height: 1.5;
	}
	
	#topPublish #topPublishHd p a {
		padding: 0px 18px 0px 0px;
		background: url(/common/img/arr_link_r.png) no-repeat right center;
		background-size: 8px auto;
		color: #000;
		text-decoration: none;
		display: inline-block;
	}
	
	#topPublish #topPublishMain {
		position: relative;
	}
	
	#pubBox {
		margin: 0px auto;
		width: 930px;
	}
	
	#pubBox li {
		width: 186px;
	}
	
	#pubBox li figure,
	#pubBox li dl,
	#pubBox li a {
		margin: 0px auto;
		width: 150px;
		display: block;
		text-decoration: none;
	}
	
	#pubBox li figure {
		font-size: 0px;
		line-height: 0;
		height: 210px;
		position: relative;
	}
	
	#pubBox li figure img {
		/*width: 100%;
		height: auto;*/
		max-width: 100%;
		max-height: 210px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	
	#pubBox li dl {
		color: #000;
		text-decoration: none;
	}
	
	#pubBox li dl dt {
		padding: 12px 0px 6px;
		font-size: 0.82rem;
		font-weight: bold;
		line-height: 20px;
		text-align: center;
	}
	
	#pubBox li dl dd {
		font-size: 0.75rem;
		font-weight: normal;
		line-height: 1.5;
		text-align: left;
	}
	
	.slick-prev,
	.slick-next {
		font-size: 0px;
		line-height: 0;
		position: absolute;
		top: 104px;
		display: block;
		width: 22px;
		height: 22px;
		padding: 0;
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
		text-decoration: none;
	}
	
	.slick-prev {
		background: url(/common/img/arr_lr_l.png) no-repeat left center;
		background-size: 14px auto;
		left: -45px;
	}
	
	.slick-next {
		background: url(/common/img/arr_lr_r.png) no-repeat right center;
		background-size: 14px auto;
		right: -45px;
	}
	
	#topInfo {
		padding: 40px 0px 50px;
		min-width: 1020px;
		background-color: #f6f6f6;
		border-top: 1px #e4e4e4 solid;
	}
	
	#topInfo h1 {
		padding: 0px 0px 40px;
		font-size: 1.38rem;
		font-weight: bold;
		line-height: 30px;
		text-align: center;
	}
	
	#topInfo ul {
		margin: 0px auto;
		width: 1020px;
		display: flex;
	}
	
	#topInfo ul li {
		margin: 0px 12px 0px 0px;
		width: 332px;
	}
	
	#topInfo ul li a {
		height: 208px;
		background: url(/common/img/bt_top_dt.png) no-repeat center bottom 22px;
		border: 3px #999 solid;
		border-radius: 8px;
		text-decoration: none;
		text-align: center;
		display: block;
	}
	
	#topInfo ul li a h2 {
		padding: 18px 0px 16px;
		color: #666;
		font-size: 1rem;
		font-weight: bold;
		line-height: 30px;
		text-align: center;
	}
	
	#topInfo ul li.longTxt {
	}
	
	#topInfo ul li.longTxt a h2 {
		padding: 18px 0px 6px;
		color: #666;
		font-size: 1.25rem;
		font-weight: bold;
		line-height: 24px;
		text-align: center;
		letter-spacing: -0.06em;
	}
	
	#topInfo ul li figure {
		margin: 0px auto;
		width: 94px;
	}
	
	#topInfo ul li img {
		width: 100%;
		height: auto;
	}

	#topLinkOut {
		padding: 100px 0px 100px;
		min-width: 1020px;
		background-color: #fff;
	}
	
	
	#topLinkOut ul {
		margin: 0px auto;
		width: 1020px;
		display: flex;
		justify-content: space-between;
	}
	
	#topLinkOut ul li {
		margin: 0 50px;
	}
	
	#topLinkOut ul li a {
		text-decoration: none;
		display: block;
	}
	
	
	#topLinkOut ul li figure {
		margin: 0px auto;
/*		width: 94px;
*/	}
	
	#topLinkOut ul li img {
		width: 240px;
		height: auto;
		border: 1px #999 solid;
	}
	
	
}
/*ここまでレスポンシブ設定（最小幅768px～） */