@charset "utf-8";
/* CSS Document */
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}


/*
【360新潟レスポンシブ設計定義】
1200px～：PC
801px～1199px：タブレット（タブレット専用デザインは作成しない、基本的にスマホのデザインを適用するがPCのデザインで問題ない場合に限りPCのデザインも適用可能とする）
～800px：スマホ
*/

/* PC・タブレット・スマホ共通の設定（PC用の設定を記述） */


.fl_left{
	float:left;
}
.fl_right{
	float:right;
}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}


.column_bg{
	background-color:#FFFFF0;
}
.sub_color{
	color:#EC6A50;
	font-weight:bold;
}
.aligncenter{
	text-align:center;
}

.feature_content{
	line-height:1.8;
}
.feature_content .main_visual{
	position: relative;
	width:100%;
	text-align:center;
	color:#fff;
}
.feature_content .main_visual h1 img{
	width:100%;
}
.feature_content .column{
	width:1000px;
	margin:0 auto;
	border-top:1px solid #808080;
	padding:30px 0 20px;
}
.feature_content .column:last-child{
	border-bottom:1px solid #808080;
}
.feature_content .column h2{
	/*text-align:center;*/
	margin:0 0 40px;
}
.feature_content .column > p{
	margin:0 0 20px;
}
.feature_content .column > figure{
	margin:0 0 40px;
}
.feature_content .column > a{
	color:#EC6A50;
	font-weight:bold;
}
.feature_content .column h3{
	font-size:18px;
	font-weight:bold;
	color:#3E3A39;
	font-family:  "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	margin:0 0 10px;
}

.topics{
	display: flex;
	flex-flow:nowrap;
	justify-content:space-between;
	align-items:center;
	padding-bottom:20px;
	margin:0;
    cursor: pointer;
}
.news-category{
	width:70px;
	background-image:url(../images/news/category_pc.png);
	background-position: center center;
    background-size: 100% auto;
    color: #fff;
	font-size:11px;
	text-align:center;
	line-height: 30px;
	margin-right:10px;
}
.news-date{
	font-size:16px;
	margin-bottom:10px;
}
.news-ttl{
	display:flex;
}
.news-ttl-txt{
	font-size:16px;
	font-weight:bold;
}
.topics::after{
	content: '＞';
	transform:rotate(90deg);
	display: block;
	margin:0 10px 0 10px;
}
div.open .topics::after{
	content: '＞';
	transform:rotate(270deg);
	display: block;
	margin:0 10px 0 10px;
}
.news-inner{
	display:none;
}
div.open .news-inner{
	display:block;
	border-top:1px solid #cfcfcf;
	padding:30px 0 30px;
}

.news-inner p{
	margin-bottom:40px;
}
.news-inner a{
	color:#1a0dab;
}


/* タブレット・スマホ共通の設定（スマホ用の設定を記述、ただしタブレットに適用したくない場合はスマホ専用欄に記述） */
@media print, screen and (max-width: 1199px) { 
	.fl_left{
		float:inherit;
	}
	.fl_right{
		float:inherit;
	}


	.feature_content .main_visual img.sp_none{
		display: unset !important;
	}
	.feature_content .main_visual img.pc_none{
		display: none !important;
	}


	.feature_content{
		width:100%;
	}
	.feature_content .column{
		width:96%;
		margin:0 auto;
		padding:8.25vw 0 5.5vw;
	}
	.feature_content .column h2 img{
		width:100%;
	}

	.topics{
		padding-bottom:5.5vw;
	}
	.news-category{
		width:22vw;
		background-image:url(../images/news/category_sp.png);
		font-size:3.025vw;
		text-align:center;
		line-height: 8.25vw;
		margin-right:2.75vw;
		margin-bottom:2.75vw;
	}
	.news-date{
		font-size:4.4vw;
		margin-bottom:2.75vw;
	}
	.news-ttl-txt{
		font-size:4.4vw;
		font-weight:bold;
	}
	div.open .news-inner{
		padding:8.25vw 0 8.25vw;
	}
}


/* スマホ専用の設定（スマホ用の設定の内でタブレットに適用したくない設定） */
@media screen and (max-width: 800px) { 
	.feature_content .main_visual img.sp_none{
		display: none !important;
	}
	.feature_content .main_visual img.pc_none{
		display: unset !important;
	}
}