@charset "UTF-8";


main {
	padding-top: 0px;

	& > h1 {
		text-align: left;
		width: 100%;
/* 		height: 400px; */
		aspect-ratio: 10 / 4;
		min-height: 400px;
		max-height: 500px;
		margin: 0 auto;
		padding-top: 100px;
		/* background: url(../jobs_img/jobs_mv.webp) no-repeat; */
		background: url(/top_img/mv_back_pc.webp) no-repeat, 
					url(../jobs_img/jobs_mv.webp) no-repeat, 
					var(--color-sub4);
		background-size: 100% 100%,min(80%,1000px);
		background-position: center top,bottom center;
		display: flex;
		justify-content: center;
		align-content: center;
		flex-direction: column;
		flex-wrap: wrap;
		color: var(--color-base);


		& .tit {
			display: block;
			width: 60%;
			max-width: 800px;
			height: 2em;
			line-height: 1em;
			font-size: 4.0rem;
			font-family: var(--font-go);
			font-weight: bold;
			
		}
		& .subtitle {
			display: block;
			width: 60%;
			max-width: 800px;
			height: 2em;
			line-height: 2em;
			font-size: var(--font-sizeL);
			font-family: var(--font-go);
			font-weight: normal;

		}

	}



	
		& section.news {
				width: 80%;
				max-width: 1000px;
				margin: 0 auto;
			  
	
	
			& .secinner {
				& h3 {

				}
	
			  undefined {
	
			  }
	
				& article.post {
					border-bottom: 2px dotted var(--color-accent1);
					
					
					& a.newsitem {
							display:flex;
							justify-content: flex-start;
							align-items: center;
							flex-wrap: wrap;
							gap: 10px;
							padding: 1em 0;
							text-decoration: none;
							
						& .ditiday {
							font-family: var(--font-en);
							font-size: var(--font-sizeL);
							font-weight: bold;

						}
				
						& .dittxt {

							background: var(--color-accent2);
							color: var(--color-base);
							font-size: var(--font-sizeS);
							text-align: center;
							padding: .2em 1em;
							line-height: 1em;
							border-radius: 10px;
								
							& span {
				
							}
						}
				
						& h4 {
							width: 100%;
							text-align: left;
							font-weight: normal;
				
						}
					}
					& a.newsitem ,
					& a.newsitem:link ,
					& a.newsitem:visited {
						color: var(--color-main);
						transition: .3s;
						text-decoration: none;
					}
					& a.newsitem:hover ,
					& a.newsitem:active ,
					& a.newsitem:focus {
					}
			  }
			}
	
		  }
	
	
	
}