@charset "utf-8";

.contents_policy h4 {
  padding: 0;
  margin: 0;
  font-size: 2.5rem;
  font-weight: 300;
}

/* 授業内容　ここから↓ */
.study_content {  
  padding: 11rem 0 7rem 0;
  text-align: center;
}
.study_content .about1 {
	height: 44.0rem;
	padding: 5.0rem 3.0rem 0 3.0rem;
}
.study_content .about1 img {
	float: left;
	margin-top: 1.0rem;
}
.study_content .about1_writing {
	width: 52.0rem;
	padding: 1.0rem 0;
	margin: auto 1.0rem;
	float: right;
	text-align: left;
}
.study_content .about1 h4, .study_content .about2 h4 {
	padding: 0 0 1.0rem 0;
	font-size: 3.6rem;
	color: #acbb0f;
	margin: 0;
	letter-spacing: 0.025rem;
	font-weight: 300;
}
.study_content .about1_text, .study_content .about2_text {
	font-size: 1.6rem;
	padding: 1.5rem 0 0 0;
	margin: 0;
	line-height: 2.8rem;
}
.study_content .about2 {
	height: 44.0rem;
	padding: 5.0rem 3.0rem 0 3.0rem;
}
.study_content .about2 img{
	float: right;
	margin-top: 1.0rem;
}
.study_content .about2_writing {
	width: 52.0rem;
	padding: 1.0rem 0;
	margin: auto 1.0rem;
	float: left;
	text-align: left;
}
/* 授業内容　ここまで↑ */

/* お申込み方法　ここから↓ */
.signing_up {
  display: none;
}
.signing_up {
  padding: 0 0 12rem 0;
  margin: 0;
  text-align: center;
}
.how_to_apply h3 {
  font-size: 2.5rem;
  letter-spacing: 0.01rem;
  margin: 1rem 0 0 0;
}
.how_to_apply p.contents_explanation .marker{
  background: linear-gradient(transparent 60%, #ff0);
  display: inline-block;
}
.about_study_support  {
  background-color: #f7f9d9;
  width: 40rem;
  margin: 2rem auto 0 auto;
  padding: 1rem 0 1rem 0;
  border-radius: 3rem;
  font-size: 1.6rem;
  letter-spacing: 0.016rem;
}
.about_study_support_writing {
    width: 28rem;
    text-align: left;
    margin: 0 auto;
}
.about_study_support .study_application_form a {
  text-decoration: none;
  color: #acbb0f;
  font-weight: 600;
  margin: 0 auto;
  background: 
  linear-gradient(currentColor 0 0) 
  100% 100% /var(--d, 0) 3px 
  no-repeat;
  transition:0.5s;
}
.about_study_support .study_application_form a:hover {
  --d: 100%;
  color: #626262;
}
/* お申込み方法　ここまで↑ */

/* レスポンシブ対応 */
@media screen and (max-width: 1200px) {
	.container {
	  width: 95vw;
	}
	.container_w {
	  width: 95vw;
	}
  .study_content .about1, .study_content .about2 {
    height: 40.0rem;
    padding: 4rem 1rem 0 1rem;
  }
  .study_content .about1 img, .study_content .about2 img {
    width: 48%;
  }
  .study_content .about1_writing, .study_content .about2_writing {
    width: 48%;
  }
}

@media screen and (max-width: 1085px) {
    .activity .about1, .activity .about2 {
      height: 45rem;
      padding: 4rem 1rem 0 1rem;
    }
    .study_content .about1, .study_content .about2 {
      height: 45rem;
      padding: 4rem 1rem 0 1rem;
    }
}

@media screen and (max-width: 898px) {
  .activity .about1, .activity .about2 {
    height: initial;
  }
  .study_content .about1, .study_content .about2 {
      height: initial;
  }
  .study_content {  
    padding: 8rem 0 8rem 0;
  }
  .study_content .about1 {
    height: initial;
    padding: 4rem 0 2rem 0;
  }
  .study_content .about1 img, .study_content .about2 img {
    width: 90%;
    float: none;
  }
  .study_content .about1_writing {
    width: 90%;
    padding: 2rem 0 0 3.5rem;
    float: none;
  }
  .study_content .about2 {
    height: initial;
    padding: 4rem 0 2rem 0;
  } 
  .study_content .about2_writing {
    width: 90%;
    padding: 2rem 0 0 3.5rem;
    float: none;
  }
}

@media screen and (max-width: 749px) {
  .activity .contents_policy h4 {
    font-size: 1.6rem;
  }
  .study_content {  
    padding: 4rem 0 5rem 0;
  }
  .study_content .contents_title h2 {
    font-size: 2.4rem;
  }
  .study_content .about1 {
    height: initial;
    padding: 4rem 0 2rem 0;
    margin: 0;
  }
  .study_content .about1 img, .study_content .about2 img {
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
  }
  .study_content .about1_writing {
    width: 100%;
    padding: 1.5rem 0;
    margin: 0;
    float: none;
  }
  .study_content .about1 h4, .study_content .about2 h4 {
    padding: 0;
    font-size: 1.8rem;
    margin: 0;
    letter-spacing: 0;
  }
  .study_content .about1_text, .study_content .about2_text {
    font-size: 1.4rem;
    padding: 1rem 0 0 0;
    line-height: 2.5rem;
  }
  .study_content .about2 {
    height: initial;
    padding: 1rem 0 1.5rem 0;
    margin: 0;
  } 
  .study_content .about2_writing {
    width: 100%;
    padding: 1.5rem 0 0 0;
    margin: 0;
    float: none;
  }
  .how_to_apply h3 {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
  .how_to_apply .activity_day, .how_to_apply .study_application_form {
    font-size: 1.4rem;
  }
  .how_to_apply .about_study_support {
    width: 100%;
    padding: 1rem auto 1rem auto;
  }
  .about_study_support_writing {
    width: 24.5rem;
}
}