


#container .top-main h1{
    max-width: 1200px;
	margin-bottom: 0.1rem;
	margin-left: auto;
	margin-right: auto;
	font-size: clamp(1.25rem, 0.726rem + 1.61vw, 1.5rem);
    color: #008cce;
    font-weight: bold;
}

#container .top-main h1 b{
	font-size:+1;
    color: #008cce;
}

#container .top-main #mainImage p{
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 2rem;
    font-size: 0.8rem;
}

#container #contents h2{
	text-align: center;
	margin-bottom: 2rem;
}

#container #contents > section {
    margin: 0 auto;
    margin-bottom: clamp(2rem, 0.061rem + 8.25vw, 6.25rem);
}
	
#container #contents > section.top-sns {
	margin-bottom: 0;
}

/* ニュース */

#container #contents section.top-news {
    max-width: 1000px;
}

.top-news .news_list{
	margin-bottom: 2rem;
}

.top-news .text_area{
    border-bottom: 1px solid #000;
    margin-bottom: 1.5rem;
	padding-bottom: 1.2rem;
	display: flex;
	flex-wrap: wrap;
}

.top-news .text_area div{
	width: 10%;
	margin-right: 8px;
}

.top-news .text_area p{
	margin-right: 0.5rem;
}

.top-news .text_area h3{
	
}

.top-news span.time.Qui {
	color: #008cce;
}

.top-news p.button.sec_bt {
    margin: 0 auto;
}

/* イベント */


.top-special .top-news__img{
	position: absolute;
	top: -181px;
    right: 2rem;
}

.top-special .top-news__img img{
	width: auto;
}

#container #contents section.top-special .wrapper{
	position: relative
}

#container #contents section.top-special ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#container #contents section.top-special li{
	width: 48%;
	box-sizing: border-box;
	margin-bottom: 2rem;
}

#container #contents section.top-special figure {
    margin-bottom: 1rem;
}

.top-special span.time.Qui {
	color: #008cce;
}

.top-special p.button.sec_bt.blue{
	margin: 0 auto;
}

/* SNS */

.top-sns img {
    width: auto;
    margin: 0 auto;
    display: block;
}

@media all and (max-width: 768px) {
	
	#container .top-main h1 {
		font-size: 1rem;
		margin-bottom: 1rem;
	}
	
	#container #contents > section {
        margin-bottom: 3rem;
	}
	
	.top-news .text_area div{
		width: 100%;
		margin-right: 0;
	}
	.top-news .text_area p {
		margin-right: 0;
    	width: 100%;
	}
	
	.top-news .text_area h3{
		width: 100%;
	}
	
	.top-special .top-news__img {
	    display: none;
	}
	
	#container #contents section.top-special li{
		width: 100%;
	}
	
}
@media all and (max-width: 520px) {

}/*# sourceMappingURL=form.css.map */