@import url("common.css");

.top-header{
	background-color: #0014fe;
}
.recruit-image{
	width: 100%;
    height: 100vh;
    object-fit: cover;
    position: relative;
}
.recruit-image h2{
	position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 48px;
    z-index: 1;
    letter-spacing: 1px;
}
.recruit-image img{
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.youtube-wrapper {
  position: relative;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}

.youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.about{
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.about h2{
	font-size: 32px;
	text-align: center;
	margin: 60px 0 36px;
}
.about h3{
	font-size: 22px;
	margin: 0 0 20px;
	color: #808080;
	text-align: center;
}
.about-text{
	margin: 50px 0 ;
	text-align: justify;
}
.about-text p{
	line-height: 2;
	margin: 0 0 30px;
}
.summery{
	margin: 100px auto;
	max-width: 1000px;
    width: 100%;
    
}
.summery h3{
	margin: 28px 0;
    font-size: 24px;
}
.pricing-list {
  margin: 0 0 80px;
  border-bottom: solid 1px #d7d7d7;
    padding-bottom: 80px;
}
.pricing-list:last-child{
	border-bottom: none;
}
.pricing-list .row {
  display: flex;
  padding: 30px 30px;
  justify-content: space-between;
}

.pricing-list .row:nth-child(odd) {
  background-color: #f0f0f0; /* ← 奇数行に背景色 */
}

.pricing-list dt {
  width: 30%;
  margin: 0;
  line-height: 1.6;
  color: #8b8b8b;
  font-size: 15px;
}

.pricing-list dd {
  
    width: 70%;
    line-height: 1.6;
}
.pricing-list dd em{
	color: #808080;
}
@media screen and (max-width: 768px){
	.recruit-image {
    width: 100%;
    height: auto;
    /* object-fit: cover; */
}
	.recruit-image img {
    width: 100%;
    height: auto;
}
.about {
    padding: 0 30px;
}
.summery h3 {
    margin: 28px 30px;
}
.pricing-list dt{
	width: 20%;
}
.pricing-list dd{
	width: 80%;
}
}
@media screen and (max-width: 479px) {
.about h2{
	font-size: 22px;
}
.about h3{
	font-size: 18px;
	line-height: 1.4;
}
.about-text p {
    line-height: 2;
    margin: 30px 0;
    text-align: left;
    text-align: justify;
}
.pricing-list dt{
	font-size: 13px;
	width: 21%;
}
.pricing-list dd{
	font-size: 15px;
	width: 71%;
}
.pricing-list dd p{
	margin: 0;
}
}