@charset "utf-8";

#news{
	.wrap{
		.contents{
			.contents_inner{
				.news_inner{
					display: grid;
					grid-row-gap: 2em;
					dl{
						display: grid;
						grid-template-columns: 5em 7em 1fr;
						grid-column-gap: 2em;
						align-items:start;
						dt{
							line-height: 1.8;
						}
						.cat{
							color: #FFFFFF;
							display:grid;
							align-items:center;
							justify-content:center;
							height:1.8em;
							&.topics{
								background-color: #002D82;						
							}
							&.interview{
								background-color: #E51836;			
							}
							&.recruit{
								background-color: #ff6600;			
							}
						}
					}
				}
			}			
		}
	}
	&.single {
		.wrap {
			.contents {
				h2 {
					&:has(+ .info) {
						margin-bottom:1em;
					}
				}
				.info {
					display:grid;
					grid-template-columns:repeat(2,auto);
					justify-content:start;
					align-items:center;
					grid-column-gap:1em;
					margin-bottom:2em;
					.cat{
						color: #FFFFFF;
						display:grid;
						align-items:center;
						justify-content:center;
						height:1.8em;
						padding:0 1em;
						&.topics{
							background-color: #002D82;						
						}
						&.interview{
							background-color: #E51836;			
						}
						&.recruit{
							background-color: #ff6600;			
						}
					}
				}
				.backtolist {
					padding-top:2em;
					display:grid;
					justify-content:center;
					.btn {
						background-color: #002D82;
						display:grid;
						height:2.2em;
						padding:0 2em;
						align-items:center;
						justify-content:center;
					}
				}
			}
		}
	}
}

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

	#news{
		.wrap{
			.contents{
				.contents_inner{
					max-width: 1000px;
					margin: 0 auto;
					grid-column-gap: 50px;
					.news_inner{
						grid-row-gap: 2em;
						dl {
							grid-column-gap: 2em;
						}
					}					                
				}			
			}
		}
	}

}

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

	#news{
		.wrap{
			.contents{
				.contents_inner{
					max-width: 100%;
					grid-column-gap: 40px;
					.news_inner{
						grid-row-gap: 1.5em;
						dl {
							grid-column-gap: 1.5em;
							dt{
								font-size: 1.5rem;
							}
							dd{
								font-size: 1.5rem;
								&.cat{
									font-size: 1.4rem;
								}
							}
						}
					}					                
				}			
			}
		}
	}

}

@media screen and (max-width:768px){
    
	#news{
		.wrap{
			.contents{
				.contents_inner{
					grid-template-columns: 1fr;
					.news_inner{
						grid-row-gap:1em;
						dl {
							grid-template-columns:5em 1fr;
							grid-gap:.5em;
							align-items:center;
							border-bottom:1px dotted #cccccc;
							padding-bottom:.66em;
							dt{
								font-size: 1.4rem;
								grid-area:2/1/3/3;
							}
							dd{
								font-size: 1.4rem;
								&.cat{
									font-size: 1.3rem;
									width:7em;
								}
							}
						}
						.btn {
							margin-top:.5em;
						}
					}					                
				}			
			}
		}
	}
    
}