/*ここからsp_css（〜750px）*/
.pc { display: none !important; }
.sp { display: block !important; }	
body{margin: 0;
padding: 0;
font-family : "游ゴシック","Yu Gothic" ,"游ゴシック体","ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic Pro',"Meiryo UI","メイリオ","Meiryo","MS Pゴシック","MS PGothic",sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: inherit;
font-feature-settings: "palt";}
h2{font-family: Montserrat,"Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
letter-spacing: 0.1em;
text-align: center;
font-size: 8vw;
margin-bottom:10vw;}
h2 span {
  display: block;
  font-size: 2vw;
	text-align: enter;}
h3{font-size: 5vw;
 line-height: 9vw;
font-weight:500;
letter-spacing: 0.11em;
text-align: left;}
/* 矢印ここから */
.b-text-scroll {
	position: absolute;
	top: 25vw;
    left: 4vw;
    width: 2%;
    margin: 0 auto;
    text-align: center;

	z-index: 101;
}
.b-text-scroll img {
    display: block;
    width: 100%;
    height: auto;
}
.b-text-scroll .arrow {
    position: absolute;
    width: 60%;
    /*bottom: -220%;*/
	bottom: calc(-500 / 1920 * 100vw);
    left: 2px;
    animation: sdb 1.5s infinite;
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 15px);
    opacity: 0;
  }
}
 /* 矢印ここまで */
#main{
width: 89vw;
margin:auto;
}
#news{margin-bottom: 10vw;}
#news p{font-size: 3vw;
font-weight:500;
line-height: 5vw;}
#news .time{padding:0 0 0 6vw; }
.bottom_space{margin-bottom: 10vw;}
.news_img{
width: 89vw;
margin:  5vw auto;
text-align: center;
display:inline-block;
}
.news_img img{width: 89vw;
margin:  0 auto;
text-align: center;
}
/*ここから右カラム*/
.side-menu{display: none;}
/*ここかまで右カラム*/
/*ここからtop*/
#top{margin:0vw;
	padding: 20vw 0vw 10vw 0vw;
}
#top img{
 margin-right: 0;
 margin-left: auto;
  display: block;
width: 90vw;}
/*ここまでtop*/
/****************************************ここからtopic_list*****************************************/
			#topic_list{
			padding: 0vw;}
			.topic_box {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			.topic_item{width: 42.2vw;
			margin-bottom: 12vw;
			border-bottom: 0.8vw solid #000000;}
			.topic_item::after{
				width: 42.2vw;
			  content:"";
			  display: block;
			}
			.topic_item.dummy{width: 42.2vw;
						margin-bottom: 12vw;
						border-bottom: none;}
			.topic_item.dummy:hover{
						border-bottom: none;}
			.topic_item img{width:42.2vw; }
			.topic_item:hover{
			border-bottom: 0.8vw solid #E8410B;}
			p.topic_t {
			   font-size:2.5vw;
				letter-spacing: 0.08em;
				margin-top: 3vw;
				width: 42.2vw;  
				white-space: nowrap;  
				overflow: hidden;  
				text-overflow: ellipsis;  
				-webkit-text-overflow: ellipsis;  
				-o-text-overflow: ellipsis; 
			}
			p.time{
				font-weight: normal;
				font-size: 2.4vw;}
			.time{
				padding: 0 0 0 5.4vw;
			  background-image: url(../images/top/time.svg);
			  background-repeat: no-repeat;
			  background-position: 0vw; }
/****************************************ここまでtopic_list****************************************/
/*ここからページ*/
#footer_content_top{
	display: flex;
  justify-content: space-between;
	padding-top: 3vw;
	padding-bottom:3vw;}
#footer_content_top img{
	width: 20vw;}
.prev{text-align: center;}
.past{
	margin:-10vw auto 20vw;
	width: 35vw;
	text-align: center;}
.next{text-align: center;}
/*ここまでページ*/
/*ここまでsp_css（〜750px）*/
/*ここから（751〜1300px）*/
@media screen and (min-width:751px){
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
h2{letter-spacing: 0.1em;
text-align: left;
font-size: 3.3vw;
margin-top: 0;
margin-bottom:2vw;
display: inline-block}
h2 span {
  display: block;
  font-size: 1.1vw;
	text-align: left;}
h3{font-size:2.5vw;
 line-height: 4.5vw;
letter-spacing: 0.15em;}
/* 矢印ここから */
.b-text-scroll {
	position: absolute;
	top: 15vw;
    left: 3vw;
    width: 1vw;
	z-index: 50;
}

.b-text-scroll .arrow {
    position: absolute;
    width: 60%;
    /*bottom: -220%;*/
	bottom: calc(-230 / 1920 * 100vw);
    left: 2px;
}
 /* 矢印ここまで */
#news .time{padding:0 0 0 3vw; }
#news{margin-bottom: 5vw;}
#news p{font-size: 1.5vw;
 line-height: 2.5vw;
font-weight:500;}
.bottom_space{margin-bottom: 3.4vw;}
.news_img{
width: 59vw;
margin:  3vw auto;
text-align: left;
}
.news_img img{width: 35vw;
text-align: left;
}
#main{
width: 84.6vw;
margin:auto;
 padding-bottom: 0vw;
}
/*ここからサイドメニュー*/
.side-menu{
display: block;
  float: right;
  width: 19.4vw;
}
.side-menu .topic_box {
    width: 19.4vw;
}
	.side_title{background-color: #000000;
	width: 19.4vw;
	padding: 0.5vw;
	margin-bottom: 2vw;}
	.side_title p{
		text-align: center;
		font-size: 1vw;
		letter-spacing: 0.1em;
	color: #ffffff;}
/*ここまでサイドメニュー*/
/*ここからコンテンツ*/
.contents{
  float: left;
  width: 59vw;
}
/*ここまでコンテンツ*/	
/*ここからtop*/
#top{margin:0vw;
	padding: 9vw 0vw;
}
#top img{
width: 92.3vw;}
/*ここまでtop*/
/****************************************ここからtopic_list*****************************************/
			#topic_list{
			position: relative;
			padding: 0vw;}
			.topic_box {
				width: 84.6vw;
			}
			.topic_item{width:19.4vw;
			margin-bottom: 5vw;
			border-bottom: 0.4vw solid #000000;}
	.topic_item.dummy{width: 19.4vw;
			margin-bottom: 5vw;
			border-bottom: none;}
	.topic_item::after{
				width:19.4vw;
			  content:"";
			  display: block;
			}
			.topic_item img{width:19.4vw; }
			.topic_item:hover{
			border-bottom: 0.4vw solid #E8410B;}
			p.topic_t {
			   font-size:1vw;
				margin-top: 1.5vw;
				width: 19.4vw;
			}
			p.time{
				font-size: 1vw;}
			.time{
				padding: 0 0 0 2.2vw;
			  background-repeat: no-repeat;
			  background-position: 0vw; }
/****************************************ここまでtopic_list*****************************************/
/*ここからページ*/
#footer_content_top{
	display: flex;
  justify-content: space-between;
	padding-top: 3vw;
	padding-bottom:3vw;}
#footer_content_top img{
	width: 8vw;}
.prev{margin-bottom: 0vw;}
.past{
	margin: -5.7vw auto 10vw;
	width: 15vw;
	text-align: center;}
.next{}
/*ここまでページ*/

}
/*ここまでpc_css（751〜1300px）*/

/*ここからpc_css（1301px以上）*/
@media screen and (min-width:1301px) {
h2{
font-size: 43px;
margin-bottom:26px;}
h2 span {
  font-size: 15px;}	
#main{
width: 1100px;
margin:auto;
	overflow : hidden;
}
h3{font-size:33px;
 line-height:59px;}
/* 矢印ここから */
.b-text-scroll {
	top: 195px;
    left: calc( (100% - 1220px) / 2 );
	width: 13px;
}
.b-text-scroll .arrow {
    width: 780;
	bottom: calc(-230 / 1920 * 1300px);
    left: 2px;
}
 /* 矢印ここまで */
#news{margin-bottom: 65px;}
#news p{font-size: 20px;
 line-height: 33px;}
#news .time{padding:0 0 0 39px; }
.bottom_space{margin-bottom: 45px}
.news_img{
width: 767px;
margin: 39px auto;
}
.news_img img{width: 455px;
}
#main{
width: 1100px;
margin:auto;
 padding-bottom: 0vw;
}
/*ここからサイドメニュー*/
.side-menu{
display: block;
  float: right;
  width: 252px;
}
.side-menu .topic_box {
    width: 252px;
}
	.side_title{background-color: #000000;
	width: 252px;
	padding: 5px;
	margin-bottom: 26px;}
	.side_title p{
		text-align: center;
		font-size: 13px;
		letter-spacing: 0.1em;
	color: #ffffff;}
/*ここまでサイドメニュー*/
/*ここからコンテンツ*/
.contents{
  float: left;
  width: 767px;
}
/*ここまでコンテンツ*/	
	
.bottom_space{margin-bottom: 44px;}
/*ここからtop*/
#top{padding: 117px 0px;
	 width: 100%;
	overflow: hidden;
}
#top img{
	margin-left: calc((100% - 1100px) / 2);
	max-width: 100%;
	height: 20vw;
	object-fit:cover; }
/*ここまでtop*/
/****************************************ここからtopic_list*****************************************/
			#topic_list{
			padding: 0px;}
			.topic_box {
				width: 1100px;
			}
			.topic_item{width:252px;
				margin-bottom: 65px;
			border-bottom: 5px solid #000000;}
	.topic_item.dummy{width:252px;
				margin-bottom: 65px;}
		.topic_item::after{
				width:252px;
			  content:"";
			  display: block;
			}
			.topic_item img{width:252px; }
			.topic_item:hover{
			border-bottom: 5px solid #E8410B;}
			p.topic_t {
			   font-size:13px;
				margin-top: 20px;
				width: 252px;
			}
			p.time{
				font-size: 13px;}
			.time{
				padding: 0 0 0 26px;
			  background-repeat: no-repeat;
			  background-position: 0vw; }
/****************************************ここまでtopic_list*****************************************/
/*ここからページ*/
#footer_content_top{
	display: flex;
  justify-content: space-between;
	padding-top: 39px;
	padding-bottom:39px;}
#footer_content_top img{
	width: 130px;}
.past{
	margin: -74px auto 30px;
	width: 195px;}
.next{}
}
/*ここまでpc_css（1301px以上）*/