@charset "utf-8";
/* CSS Document */


	*{
 		margin: 0;
		padding: 0;
	}

	.wrap{
		overflow: hidden;
	}

	body{
		font-family: 'Noto Sans JP', sans-serif,'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシッ	ク','MS PGothic';
		color: #333333;
	}

	a{
		text-decoration: none;
	}

	img {
		vertical-align:bottom;
 		pointer-events: none; 
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-moz-touch-callout:none;
		-moz-user-select:none;
		touch-callout:none;
		user-select:none;
	}




@media screen and (min-width:990px) {

/*PC向け記述*/
	
	a[href^="tel:"] {
   	 	pointer-events: none;
	}
	
	
/*メインコンテンツ*/	
		
	.full_wrapper{
		width: 100%;
	}	
	
	.half_wrapper{
		max-width: 1160px;
		margin-left: auto;
		margin-right: auto;
	}
	
	/*keyvisual*/
	
	.keyvisual{
		background-image: url(../../image/keyvisual_new.jpg);
		background-size: cover;
		background-position: center center;
	}
	
	.main-image{
		position: relative;
		max-width: 1160px;
		margin: 0 auto;
		height: 150px;
	}
	
	.main-image:before{
		content: '';
		display: block;
		height: 150px;
		width: 285px;
		background-color: #000;
		opacity: 0.8;
		position: absolute;left:0;
	}
	
	.main-image h1{
		position: absolute;top:50%; left: 50px;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		color: #fff;
		font-weight: 300;
		text-shadow: 0 0 3px #b0c4de;
	}
	
	/*パンクズ*/
	
	.breadcage{
		max-width: 1160px;
		margin: 10px auto 30px auto;
	}
	
	.breadcrumb {
		margin: 0 0 0 10px;
		padding: 0;
		list-style: none;
	}
	
	.breadcrumb li {
		display: inline;
		list-style: none;
		font-weight: 400;
		font-size: 0.8em;
	}
	
	.breadcrumb li:after {
		content: '>';
		padding: 0 0.2em;
		color: #333333;
	}
	
	.breadcrumb li:last-child:after {
		content: '';
	}
	
	.breadcrumb li a {
		text-decoration: none;
		color: #333333;
		transition: 0.3s;
	}
	
	.breadcrumb li a:hover {
		color: #a9a9a9;
	}
	
	/*メイン*/
	
	.news_cage{
		width: 95%;
		margin: 0 auto 50px;
	}
	
	.news_box{
		display: flex;
		align-items: flex-start;
		margin-bottom: 50px;
	}
	
	.news_img{
		width: 250px;
		margin-right: 30px;
	}
	
	.news_img img{
		width: 100%;
	}
	
	.news_inner{
		width: 100%;
		flex: 1;
	}
	
	.title_box{
		padding: 20px 0;
		border-top: 1px dotted #888;
		border-bottom: 1px dotted #888;
	}
	
	br.spbr{
		display: none;
	}
	
	p.title_cage{
		text-indent: -90px;
		padding-left: 90px;
	}
	
	.news_inner time{
		margin-right: 10px;
		color: #888;
	}
	
	a.title_link:hover{
		opacity: 0.6;
	}
	
	span.title{
		color: #333;
		font-weight: 500;
	}
	
	p.explan{
		margin: 20px 0 20px;
		font-weight: 300;
	}
	
	/*タグ*/
	
	p.tag{
		margin-bottom: 60px;
	}
	
	a.tag_topics{
		background-color: #d78114;
	}
	
	a.tag_event{
		background-color: #cd5393;
	}
	
	a.tag_recruit{
		background-color: #00a5e7;
	}
	
	a.tag_topics,a.tag_event,a.tag_recruit{
		display: inline-block;
		width: 80px;
		text-align: center;
		color: #fff;
		font-size: 0.8em;
		transition: 0.3s;
	}
	
	a.tag_topics:hover{
		opacity: 0.6;
	}
	
	/*詳しく見る*/
	
	p.detail{
		width: 200px;
		height: 35px;
		margin-left: auto;
	}
	
	a.det_link{
		color: #fff;
		background-color: #e4aa01;
		display: flex;
		height: 100%;
		justify-content: center;
		align-items: center;
		transition: 0.3s;
		position: relative;
	}
	
	a.det_link:after{
		content: "";
		display: block;
		height: 7px;
		width: 7px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		margin-left: 10px;
	}
	
	a.det_link:hover{
		background-color: #ebcc00;
	}
	
	p.news_back{
		width: 200px;
		height: 35px;
		margin-top: 100px;
		margin-left: auto;
		margin-right: auto;
	}

	
}

	

@media only screen and (max-width: 989px)  {
 
/*タブレット向記述*/
 
	
	
	/*メインコンテンツ*/	
		
	.full_wrapper{
		width: 100%;
		background-color: #f2f2f2;
	}	
	
	.half_wrapper{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	
	/*コンテンツ*/
	
	.keyvisual{
		background-image: url(../../image/keyvisual_new.jpg);
		background-size: cover;
		background-position: center center;
	}
	
	.main-image{
		position: relative;
		max-width: 100%;
		margin: 0 auto;
		height: 110px;
	}
	
	.main-image:before{
		content: '';
		display: block;
		height: 110px;
		width: 245px;
		background-color: #000;
		opacity: 0.8;
		position: absolute;left:0;
	}
	
	.main-image h1{
		position: relative;top:50%; left: 50px;
		-webkit-transform:translateY(-50%);
		    -ms-transform:translateY(-50%);
		        transform:translateY(-50%);
		line-height: 1.2em;
		margin-right: 100px;
		color: #fff;
		font-size: 1.5em;
		font-weight: 300;
		text-shadow: 0 0 3px #b0c4de;
	}
	
	/*パンクズ*/
	
	.breadcage{
		width: 95%;
		margin: 10px auto 30px auto;
	}
	
	.breadcrumb {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.breadcrumb li {
		display: inline;
		list-style: none;
		font-weight: 400;
		font-size: 0.8em;
	}
	
	.breadcrumb li:after {
		content: '>';
		padding: 0 0.2em;
		color: #333333;
	}
	
	.breadcrumb li:last-child:after {
		content: '';
	}
	
	.breadcrumb li a {
		text-decoration: none;
		color: #333333;
		transition: 0.3s;
	}
	
	.breadcrumb li a:hover {
		color: #a9a9a9;
	}
	
	/*メイン*/
	
	.news_cage{
		margin-bottom: 50px;
	}
	
	.news_box{
		display: flex;
		align-items: flex-start;
		margin-bottom: 50px;
	}
	
	.news_img{
		flex: 1;
	}
	
	.news_box img{
		width:100%;
	}
	
	.news_inner{
		width: 70%;
		margin-left: 30px;
	}

	.news_inner time{
		margin-right: 10px;
		color: #888;
	}
	
	span.title{
		color: #333;
		font-weight: 500;
		text-decoration: underline;
	}
	
	p.explan{
		margin: 20px 0 20px;
		font-weight: 300;
	}
	
	.link_cage{
		width: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	.link_cage p{
		margin-bottom: 20px;
	}
	
	/*タグ*/
	
	p.tag{
		margin-bottom: 60px;
	}
	
	a.tag_topics{
		background-color: #d78114;
	}
	
	a.tag_event{
		background-color: #cd5393;
	}
	
	a.tag_recruit{
		background-color: #00a5e7;
	}
	
	a.tag_topics,a.tag_event,a.tag_recruit{
		display: inline-block;
		width: 80px;
		text-align: center;
		margin: 0 10px 0 0;
		color: #fff;
		font-size: 0.8em;
	}
	
	/*詳しく見る*/
	
	p.detail{
		width: 200px;
		height: 35px;
		margin-left: auto;
	}
	
	a.det_link{
		color: #fff;
		background-color: #e4aa01;
		display: flex;
		height: 100%;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	
	a.det_link:after{
		content: "";
		display: block;
		height: 7px;
		width: 7px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		margin-left: 10px;
	}
	
	p.news_back{
		width: 200px;
		height: 35px;
		margin-top: 100px;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	
	
	
	
}


@media only screen and (max-width: 599px) {
 
	/*スマートホン向記述*/
	
	/*メイン*/
	
	.news_img{
		display: none;
	}
	
	.news_cage{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.news_inner{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	span.title{
		color: #0000de;
	}
	
	p.explan{
		margin: 10px 0 10px;
		font-size: 0.9em;
	}
	
	a.tag_topics,a.tag_event,a.tag_recruit{
		margin: 0 10px 0 0;
	}
	
			
	
 
}