@charset "utf-8";
/* CSS Document */
header nav {
	background:none !important;
}
.tophead{
	background:url(../images/mainimg.jpg) no-repeat top center #c5effd;
	height:560px;}
.main2{
	margin:40px auto 0;
	max-width:1250px;}
.main2 img{
	width:100%;}
/* 新着情報 */

.news-box{
	padding:0 10px;
	margin-bottom:30px;}
dl.botop {
border-top: 1px solid #ccc;
}
	
dl.news {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}

dl.news dt {
padding-bottom: 5px;
}
dl.news .news-cat1{
	text-align:center;
	display:inline-block;
	padding:0.5em 0;
	width:8em;
	margin-left:1.5em;
	color:#FFF;
	background:#e18c06;
	}
dl.news .news-cat2{
	text-align:center;
	display:inline-block;
	padding:0.5em 0;
	width:8em;
	margin-left:1.5em;
	color:#FFF;
	background:#22ac38;
	}

.sns-box{
	margin-bottom: 30px;
	padding:0 20px;
	display: flex;
	justify-content: space-between;
}
.fb-container {
width: 500px;

}
.tw-container{
	width:40%;
	border: 1px solid #ccc;
}
.bloghead{
	font-size:1.2em;
	background:url("../images/blog-bg.jpg");
	margin:0 10px 0;
	font-weight: bold;
	line-height: 1em;
	padding: 1.5em;
}
.bloghead span{
	font-size:0.7em;

}
#feed{
	padding: 1em;
	margin:0 10px 20px;

}

#feed dl dt{
  clear: left;
  float: left;
  width: 8em;
}
#feed dl dd{
  argin: 0 0 0 8em;
}
.topsnsall{
	display:flex;
}
.topsns2{
	margin:0 10px 30px 0;
}
.tw{
	border: 1px solid #ccc;
}
@media screen and (max-width: 480px) {
.topsnsall{
	display:block;
}
	.topsns2{
	margin:0 10px 30px 10px;
}
}

@media screen and (max-width: 767px) {

.sns-box {
display: block;
}
.fb-container {
width: 100%;
margin-bottom: 20px;

}
	.tw-container{
	width: 100%;
	max-width: 500px;

}
}


/* 事業概要 */

ul.topgaiyo-list{
	margin-top:15px;
	display:flex;
	justify-content: space-between;}
ul.topgaiyo-list li{
	width:32%;}	
ul.topgaiyo-list li img{
	width:100%;}




@media screen and (min-width: 768px) {
dl.news dt {
clear: left;
float: left;
width:16em;
}

dl.news dd {
margin-left:16em;
padding:0.5em 0;
}
}

.orverwidth{
	background:#d7f0f9;
	margin-bottom:40px;
}
.orverwidth .inner{
	background:#d7f0f9;
	padding:40px 0;
}

.topgaiyo-box{
	padding:0 10px;}


.topmenu-box{
	padding:0 10px;}
.topmenu{
	display:flex;
	flex-wrap: wrap;
	align-items: center;}
.topmenu li{
  width: calc(50% - 20px);
  margin: 10px;
}
.topmenu li img{
	width:100%;}
	

.topmenu-box{
	margin-bottom:30px;}
		
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
.tophead{
	height:20%;}
.main2{
	overflow:hidden;
	max-width:100%;}
.main2 img{
	margin:10px 0 0 -10%;
	text-align:center;
	width:120%;}


/* 新着情報 */
.topmenu li{
  width: calc(50% - 10px);
  margin: 5px;
}
.topfuriwake .furiwakebox{
  width: calc(50% - 20px);
  margin: 10px;
  text-align:center;
}

}