@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

#section4 .container{
  background:#fcd13e;
  position:relative;
  padding-top:60px;
  padding-bottom:60px;
}

#section4_top{
  position:absolute;
  left:0;
  right:0;
  top:-10px;
  width:100%;
}

#section4_bottom{
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  width:100%;
}

#possible{
  background:#fce9ce;
  padding-top:60px;
}

#schedule{
  background:#bcc82a;
  padding-top:60px;
}

#study{
  padding-top:60px;
}

.study_title{
  font-weight:bold;
  font-size:200%;
}


.videowaku{
  padding:30px;
  border:1px solid #f39700;
  background:#fffcd5;
  border-radius:20px;
}


.videoouter{
  width:80vw;
/*
  height:80vh;
*/
}

.videobox {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%; 
}

.videobox video{
  position: absolute;
  width: 100%;
  max-width:100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.waku{

  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height:1.4;
  font-size:110%;
  border:1px solid #231815;
  padding:20px;
}

.parkouter{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height:1.4;
  font-size:110%;
  padding:20px;
}

.parkouter a{
  color:#2096d5;
  text-decoration:underline;
}

.houselinks{
  position:relative;
}

.houselinks a{
  display:inline-block;
  width:80%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.houselinks .btn1{
  bottom:22%;
} 

.houselinks .btn2{
  bottom:14%;
} 

.houselinks .btn3{
  bottom:6%;
}