@charset "UTF-8";

@media (max-width: 1199px){
.w1200{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
}
@media (max-width: 999px){
.w1200{
	width:100%;
	margin:0 auto;
	min-width:100%;
}
}
@media (max-width: 639px){
.w1200{
	width:100%;
	margin:0 auto;
	min-width:100%;
}
}

@media (max-width: 999px){
	.topics p{
		padding:5px 10px;
	}
}

@media (max-width: 999px){
.content{
	width:96%;
	padding:0 2%;
}
}

@media (max-width: 999px){
.mid ul{
	max-width: 468px;
	margin:0 auto;
}
.mid ul li a{
	width:33.33%;
	max-width: 156px;
}
.mid ul li p.tit_nav{
	font-size:14px;
}
.mid ul li:nth-child(3) a{
	border-right:1px dashed #a3a3a3;
}
.mid ul li:nth-child(4) a{
	clear:both;
}
.mid ul li p.tit_nav.regist{
	background:url(../../images/top/icn_regist.png) no-repeat 10px center;
	background-size:30px auto;
	padding:10px 0 10px 35px;
}
.mid ul li p.tit_nav.mypage{
	background:url(../../images/top/icn_mypage.png) no-repeat 10px center;
	background-size:30px auto;
	padding:0 0 0 35px;
}
.mid ul li p.tit_nav.first{
	background:url(../../images/top/icn_first.png) no-repeat 10px center;
	background-size:30px auto;
	padding:0 0 0 35px;
}
.mid ul li p.tit_nav.coupon{
	background:url(../../images/top/icn_coupon.png) no-repeat 10px center;
	background-size:30px auto;
	background-size:26px auto;
	padding:0 0 0 35px;
	padding:2px 0 0 35px;
	font-size:13px;
}
.mid ul li p.tit_nav.fax{
	background:url(../../images/top/icn_fax.png) no-repeat 10px center;
	background-size:30px auto;
	padding:0 0 0 35px;
}
.mid ul li p.tit_nav.public{
	background:url(../../images/top/icn_public.png) no-repeat 10px center;
	background-size:30px auto;
	padding:0 0 0 35px;
}
}

@media (max-width: 999px){

select.category {
	width: 100%;
	float:none;
	height: 45px;
	font-size: 14px;
}
.select-wrap:before {
	line-height: 45px;
}
}

@media (max-width: 999px){
.newcontents{
	margin:0;
}
.newcontents .block_news img {
    width: 100%;
	height:auto;
}

}
@media (max-width: 999px){
.newcontents .block_news {
    width: 24%;
    float: auto;
    margin: 0 1% 0 0 !important;
	float:left;	
}
}
@media (max-width: 639px){
.newcontents .block_news {
    width: 32.33%;
    float: auto;
    margin: 0 1% 0 0 !important;
	float:left;	
}
}
@media (max-width: 399px){
.newcontents .block_news {
    width: 49%;
    float: auto;
    height: 290px;
    position: relative;
}
.newcontents div:nth-child(odd){
	float:left;	
}
.newcontents div:nth-child(even){
	float:right;	
}
}

@media (max-width: 999px){
.information {
	clear:both;
    width: 100%;
    float: none;
}
.information dl dt{
	clear:both;
	width:96%;
	float:none;
	position: relative;
	padding:5px 2% 0 2%;
}
.information dl dt.seminar{
	border-top:1px solid #dddddd ;
}
.information dl dt.info{
	border-top:1px solid #dddddd ;
}
.information dl dt.new{
	border-top:1px solid #dddddd ;
}
.information dl dt.update{
	border-top:1px solid #dddddd ;
}
.information dl dt::after {
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 3px;
}
.information dl dt.seminar::after {
	background-color: #dd9977;
}
.information dl dt.info::after{
	background-color: #dd9dbf;
}
.information dl dt.new::after{
	background-color: #786a5b;
}
.information dl dt.update::after{
	background-color: #99ccf2;
}
.information dl dt span{
	display:inline-block;
	width:25%;
}
.information dl dd{
	display:block;
	margin:0 0 0 0;
	border-top:none;
	float:none;
	width:96%;
	padding:0 2% 10px 2%;
}
}

@media (max-width: 999px){
	.related{
		clear:both;
		width: 100%;
		float: none;
	}
	.related ul{
		width: 100%;
	}
	.related ul li{
		margin:0;
		width: 25%;
		padding: 3px;
		box-sizing: border-box;
	}
	.related ul li.flR{
		float: left !important;
	}
	.related ul li.mr15{
		margin-right: 0 !important;
	}
	.related ul li a img{
		width: 100%;
	}
	.related ul.site{
		
	}
	.related ul.site li{
		width:32%;
		display:block;
		margin:0 1% 10px 0;
		float:left;
		text-align:center;
	}
	.related ul.site li img{
		max-width:100%;
		height:auto;
	}
	.related ul.site li:nth-child(3n){
		margin:0 0 10px 0
	}
	.related ul.site li:nth-child(3n+1){
		clear:both;
	}
	p.ng{
		font-size:11px;
		clear:both;
		margin:0 0 20px 0;
		float:left;
	}
}
@media (max-width: 639px){
	.related ul li{
		width: 33.33%;
	}
	.related ul.satellite li{
		width: 50%;
	}
}

@media (max-width: 1199px){
.pagetop a {
	position: fixed;
	right:30px;
	margin-left:0;
}
}
@media (max-width: 999px){
.pagetop a {
	right: 10px;
	bottom: 10px;
	opacity: 0.5;
	width: 70px;
	height: 40px;
	padding-top: 8px;
}
.pagetop_sp{
	float:right;
	margin:0 0 0 10px;
	width: 90px;
}
.pagetop_sp a{
	background:#00469b;
	text-align:center;
	width: 90px;
	display: block;
	height:46px;
	color:#fff;
	border-radius:4px;
	text-decoration:none;
	padding-top:14px;
}
.pagetop_sp a i{
	display: block;
}
}

@media (max-width: 999px){
	.footnav{
		padding: 25px 0 11px 14px;
	}
	.footnav ul{
		max-width:478px;
		width: 100%;
		margin:0 auto;
	}
	.footnav ul li{
		margin-bottom: 14px;
	}
}
@media (max-width: 639px){
	.footnav{
		padding: 25px 0 20px 5px;
	}
	.footnav ul{
		max-width:300px;
	}
	.footnav ul li{
		margin: 0 5px 5px 0;
	}
}

@media (max-width: 999px){

.textlink {
    width: 96%;
    padding: 30px 2% 0 2%;
    margin: 0 auto;
    color: #fff;
}
.textlink .block_textlink{
	width:45%;
	float:left;
	font-size:11px;
	margin:0 5% 0 0;
}
}
@media (max-width: 999px){
.sp_footnav{
	padding:0 10px;
	
}
.sp_footnav ul{
	padding:20px 0 10px 0;
	
}
.sp_footnav ul li{
	font-size:14px;
	
}
.sp_footnav ul li a{
	background:#ccdaeb;
	display:block;
	width:48%;
	padding:10px 0;
	text-align:center;
	color:#000;
	text-decoration:none;
	margin:0 0 10px 0;	
}
.sp_footnav ul li:nth-child(odd) a{
	float:left;	
}
.sp_footnav ul li:nth-child(even) a{
	float:right;	
}
.sp_footnav ul li:last-child a{
	clear:both;
	float:none;
	width:100%;	
}
}

@media screen and (max-width: 639px) {
.footer ul {
    padding: 10px 0;
}
.footer ul li{
	line-height:2.0;
}
}
