@charset "utf-8";


/*mainph
************************************************************************************/
#MainPhoto{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 56vw;
	font-size: 0;
	text-align: center;
	overflow: hidden;
}
#MainPhoto img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#MainPhoto .swiper-container {
	display: block;
	width: 100%;
	height: 100%;
}
.swiper-slide,
.swiper-slide a{
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.swiper-slide img{
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 979px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 620px){
}
@media screen and (max-width: 480px){
}



#linkNavi_news{
	margin: 40px 0 60px 0;
	width:100%;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}
#linkNavi_news li{
	width: 24%;
	text-align: center;
}
#linkNavi_news li a{
	padding: 130px 10px 10px 10px;
	width: 100%;
	height: 180px;
	display: block;
	text-decoration: none;
	background: #899ed4;
	color: #FFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#linkNavi_news li:nth-child(1) a{
	background: #899ed4 url("../../img/toppage/icon_menu01.svg") no-repeat center top 26px;
}
#linkNavi_news li:nth-child(2) a{
	background:#85bfe6  url("../../img/toppage/icon_menu02.svg") no-repeat center top 26px;
}
#linkNavi_news li:nth-child(3) a{
	background: #99d578 url("../../img/toppage/icon_menu03.svg") no-repeat center top 26px;
}
#linkNavi_news li:nth-child(4) a{
	background: #ebb6b6 url("../../img/toppage/icon_menu04.svg") no-repeat center top 26px;
}

@media screen and (max-width: 979px){
}
@media screen and (max-width: 768px){
	#linkNavi_news li a{
		padding-top: 120px;
	}
}
@media screen and (max-width: 620px){
}
@media screen and (max-width: 480px){
	#linkNavi_news li{
		margin-bottom: 10px;
		width: 48%;
	}
	#linkNavi_news li a{
		padding-top: 105px;
		height: 140px;
	}
	#linkNavi_news li:nth-child(1) a,
	#linkNavi_news li:nth-child(2) a,
	#linkNavi_news li:nth-child(3) a,
	#linkNavi_news li:nth-child(4) a{
		background-position: center top 15px;
	}
}


#news_category{
	margin: 15px 0;
	width:100%;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	font-size: 0.9375rem;
}
#news_category li{
	margin: 0 0.5% 0 0;
    width: 19.5%;
}
#news_category li span{
	padding: 15px 20px 10px 20px;
	max-width: 100%;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #eee;
	cursor: pointer;
}
#news_category li span:hover{
	background: #ccc;
}
#news_category li.select span{
	margin-bottom: 1.5em;
	position: relative;
	color: #fff;
	background: #949494;
}

#news_category li.select span:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 8px solid transparent;
  border-top: 10px solid #949494;
}


.tab-box .content_wrap{
}


@media screen and (max-width: 979px){
	#news_category li a{
		padding: 10px 10px 8px 10px;
	}
}
@media screen and (max-width: 768px){
    #news_category li{
        margin: 0 0.5% 3px 0;
        width: 99.5%;
    }
    #news_category li.selected_now a{
        margin-bottom: 0;
    }

    #news_category li.selected_now a:before {
        display: none;
    }
}
@media screen and (max-width: 620px){
}
@media screen and (max-width: 480px){
}
#news{
	padding: 40px;
	border: 1px solid #ccc;
}
#news_list{
	height: 300px;
	overflow-y: scroll;
}

#news_list li{
	padding: 5px 0;
	display: table;
}
#news_list li p{
	padding: 7px 0 5px 0;
	display: table-cell;
}
#news_list li .date{
	width: 6em;
	color: #a3a3a3;
}
#news_list li .category{
	padding: 0;
	width: 10em;
}
#news_list li .ttl{
	padding-left: 2em;
	width: calc( 100% - 6em - 10em );
}
#news_list li .category span{
	padding: 7px 0 5px 0;
	width: 100%;
	text-align: center;
	background: #d2f1f7;
	line-height: 1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: inline-block;
}
#news_list li .category span.half{
	padding: 10px 0;
	width: 49.5%;
    margin: 0 0.25%;
    font-size: 10px;
}

#news_list li .category span.ct01{
	background: #d2f1f7;
}
#news_list li .category span.ct02{
	background: #eaf5c9;
}
#news_list li .category span.ct03{
	background: #ffd8fc;
}
#news_list li .category span.ct04{
	background: #e4deff;
}
#news_list li .category span.ct-all{
	background: #f7f6ca;
}

@media screen and (max-width: 979px){
}
@media screen and (max-width: 768px){
	#news_list li{
		padding: 15px 10px;
		display: block;
		border-top: 2px dotted #CCC;
	}
	#news_list li:last-child{
		border-bottom: 2px dotted #CCC;
	}
	#news_list li p{
		padding: 0;
		display: block;
	}
	#news_list li .ttl{
		padding: 0;
		width: 100%;
	}
	#news_list li .category{
		margin: 5px 0 10px 0;
	}
}
@media screen and (max-width: 620px){
}
@media screen and (max-width: 480px){
}


#top_msg{
	margin: 80px 0;
	padding: 48px 0;
	background: #f5f5f5;
	position: relative;
}
#top_msg .image_pos{
	position: absolute;
	top: -30px;
	right: 0;
	width: 48%;
}
#top_msg .image_pos img{
	max-width: 100%;
}
#top_msg .frame_text{
	width: 50%;
}
#top_msg .frame_text p{
	margin-top: 1em;
}
#top_msg h2{
	color: #0f88ab;
	font-size: 1.875em;
	font-weight: normal;
}
@media screen and (max-width: 979px){
	#top_msg .image_pos{
		width: 34%;
	}
	#top_msg .frame_text{
		width: 65%;
	}
}
@media screen and (max-width: 768px){
	#top_msg .image_pos{
		position: static;
		margin-top: -80px;
		width: 100%;
	}
	#top_msg .frame_text{
		padding: 0 10px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 620px){
}
@media screen and (max-width: 480px){
}


#linkNavi_page{
	margin-top: 30px;
	padding-bottom: 30px;
	width:100%;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}
#linkNavi_page li{
	padding: 0 0 30px 0;
	width: 19.5%;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	background: #FFF;
	filter: drop-shadow(10px 10px 10px rgba(170,170,170,0.6));
	font-size: 0.75em;
}
#linkNavi_page li a{
	text-decoration: none;
}
#linkNavi_page li img{
	width: 100%;
	display: block;
}
#linkNavi_page li h3{
	margin: 20px 0;
	font-size: 1.125em;
}
@media screen and (max-width: 979px){
	#linkNavi_page{
		-webkit-justify-content: flex-start;
		-ms-flex-pack: flex-start;
		justify-content: flex-start;
	}
	#linkNavi_page li{
		width: 32%;
		margin: 10px .5%;
		font-size: 0.875em;
	}
}
@media screen and (max-width: 768px){
	#linkNavi_page{
		-webkit-justify-content: space-around;
		-ms-flex-pack: space-around;
		justify-content: space-around;
	}
	#linkNavi_page li{
		width: 48%;
	}
}
@media screen and (max-width: 620px){
	#linkNavi_page li{
		width: 98%;
	}
}
@media screen and (max-width: 480px){
}