@charset "UTF-8";


main {
	padding-top: 100px;


	& div.job-post {
		width: calc(100% - 80px);
		max-width: 470px;
		margin: 0 auto;
		border-radius: var(--br-s);
		background: var(--color-base);
		overflow: hidden;

		& h1.job-title {
			font-size: var(--font-sizeL);
			font-weight: bold;
			padding: 1em 0;
			background: var(--color-sub1);
			color: var(--color-base);

		
		}
	  
		& div.job-details {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			flex-wrap: wrap;
			gap: 40px;
			padding: 40px 20px;
			text-align: left;
		  .job-title {

		  }
		  .job-detail-item {
			flex: 1 100%;

		  }
		  & h2 {
			font-size: var(--font-sizeM);
			margin-bottom: 10px;
		  }
		  & div.job-detail-item.job-position {
			
			& h2.job-detail-heading {

	  
			}
	  
			& p.job-detail-content {
	  
			}
		  }
	  
		  & div.job-detail-item.job-period {
			& h2.job-detail-heading {
	  
			}
	  
			& p.job-detail-content {
	  
			}
		  }
	  
		  & div.job-detail-item.job-hours {
			& h2.job-detail-heading {
	  
			}
	  
			& p.job-detail-content {
	  
			}
		  }
	  
		  & div.job-detail-item.job-holidays {
			& h2.job-detail-heading {
	  
			}
	  
			& p.job-detail-content {
	  
			}
		  }
	  
		  & div.job-detail-item.job-overtime {
			& h2.job-detail-heading {
	  
			}
	  
			& p.job-detail-content {
	  
			}
		  }
	  
		  & div.job-detail-item.job-comment {
			flex: 100%;
			border-top: 2px var(--color-accent1) dotted;
			padding-top: 40px;
			& h2.job-detail-heading {
	  
			}
	  
			& p.job-detail-content {
	  
			}
		  }
		}
	  }
}