@charset "utf-8";

/* 
name: style
designer: nobuo matsumoto
designer_url: http://ad-clip.net/ 
*/


.top-info{box-sizing:border-box;}
.top-news li{margin:5px 0; padding:5px 0 0 0; list-style:none; border-bottom:#aaa 1px dotted;}
.top-news li a{color:#333;}
.top-news li a:hover{color:#8F4131;}
.tbbg{background:#190A00;}
.top-banner{box-sizing:border-box;}
.top-banner img{width:100%;}
.newsall{text-align:right;}

.top-main{margin-bottom:40px;}
.top-main h2{font-size:280%; margin:5px 0 15px 0; color:#8F4131; font-weight:bold;}
.top-main h3{font-size:160%; margin:0 0 5px 0; color:#8F4131; font-weight:bold;}

.circle-wrap p{font-size:100%; font-weight:bold;}
.circle-1,
.circle-2,
.circle-3 {
	margin:0 auto 15px auto;	
	width: 220px;
	height:220px;
}


.circle-1 {
	background: url(../image/circle-1.png) center center;
	background-size:cover;
	border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
}
.circle-2 {
	background: url(../image/circle-2.png) center center;
	background-size:cover;
	border-radius: 80% 30% 50% 50%/50%;
}
.circle-3 {
	background: url(../image/circle-3.png) center center;
	background-size:cover;
	border-radius: 40% 40% 50% 40%/30% 50% 50% 50%;
}
.thtext { text-align:center;}


/*画像サイズ1024px以上*/

@media  print, screen and (min-width:1024px) {

.top-newsimg{float:left;}
.top-newsimg img{width:400px; height:auto;}
.top-news{padding-top:50px; margin-left:430px;}

.topimg01{height:560px;background:#190a00;  }
.topimg02{padding-top:30px; height:560px; text-align:center; background:url(../image/topimg-gyouza01.png) no-repeat top center;}

.top-banner{ padding:20px;}
.thtext {
  width:840px;
  margin:0 auto;
  display: flex;
  justify-content: space-around;
}
.circle-wrap{width:280px; }

.sfjin{display:flex; flex-wrap:wrap; justify-content:space-around;}
.sfjin div{margin-top:20px; width:24%;}
.sfjin img{width:100%;}


}
/*画像サイズ781px以上1023以下*/
@media only screen and (min-width:781px)and (max-width:1023px)  {

.top-newsimg{float:left; position:relative; height:450px;}
.top-newsimg img{width:300px; height:auto; position: absolute; bottom:0;}
.top-news{padding:30px 20px 0 20px; margin-left:310px;}

.topimg01{height:420px;background:#190a00;  }
.topimg02{padding-top:20px; height:420px; text-align:center; background:url(../image/topimg-gyouza03.png) no-repeat top center;}
.gyouza-title{height:360px;}

.top-banner{ padding:20px;}
.thtext {
  width:780px;
  margin:0 auto;
  display: flex;
  justify-content: space-around;
}
.circle-wrap{width:260px; }

.sfjin{display:flex; flex-wrap:wrap; justify-content:space-around;}
.sfjin div{margin-top:20px; width:24%;}
.sfjin img{width:100%;}

}
/*画像サイズ481px以上780以下*/
@media only screen and (min-width:481px)and (max-width:780px)   {

.top-newsimg img{display:none;}
.top-news{padding:20px 15px;}
.topimg01{height:400px;background:#190a00;  }
.topimg02{padding-top:30px; height:400px; background-size:200px; text-align:center; background:url(../image/topimg-gyouza03.png) no-repeat top center;}
.gyouza-title{height:360px;}

.top-banner{ padding:10px;}
.circle-wrap{width:300px; margin:0 auto 20px auto;}

.sfjin{display:flex; flex-wrap:wrap; justify-content:space-around;}
.sfjin div{margin-top:20px; width:49%;}
.sfjin img{width:100%;}


}
/*画像サイズ480px以下*/
@media only screen and (max-width:480px)  {

.top-newsimg img{display:none;}
.top-news{padding:20px 15px;}
.topimg01{height:300px;background:#190a00;  }
.topimg02{padding-top:15px; height:300px; background-size:contain; text-align:center; background:url(../image/topimg-gyouza03.png) no-repeat top center;}
.gyouza-title{height:260px;}

.top-banner{ padding:5px;}
.circle-wrap{width:300px; margin:0 auto 20px auto;}

.sfjin{}
.sfjin div{margin-top:20px; width:100%;}
.sfjin img{width:100%;}

}