@charset "UTF-8";
/* CSS Document */
.header_bg{
  height: 70px;
  background-color: #fff;
}
.section-title{
  height: 450px;
/*  background-color: #000;*/
  background-image: url("../img/title_requruit.png");
  background-size: cover;
  background-position: center;
  color: #FFF;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
   .section-title p{
     margin-left: 0px;
}
.section-title h1{
  margin-top: 10px;
  font-size: 7.0rem;
  line-height: 7.5rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
}
@media (max-width:970px){
  .header_bg{
    height: 50px;
  }
  .section-title{
    height: 300px;
  }
  
    .section-title p{
  font-size: 1.4rem;
}
  .section-title h1{
    margin-top: 5px;
  font-size: 4.0rem;
  line-height: 4.5rem;
}
}

.section-message{
  padding: 100px 100px 120px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  column-gap: 130px;
  align-items: center;
}
.message-container_p{
  width: 635px;
}
.message-container_p h4{
  margin-top: 55px;
  margin-bottom: 35px;
  font-size: 2.4rem;
}
.p-container{
  position: relative; 
}
.section-message h4,p{
  margin-left: 30px;
}
.line{
  height: 100%;
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  width: 3.5px;
  animation: line 1s ease;
/*  animation-delay: 1s;遅れて表示ができない*/
}

@keyframes line{
  0%{
    height: 0%;
  }
  100%{
    height: 100%;
  }
}
.message_img{
  width: 500px;
}
  
  @media (max-width:970px){
.section-message{
  padding: 50px 20px 80px;
  flex-wrap: wrap;
}       
.message-container_p{
  width: 635px;
  margin-bottom: 40px;
}
.message-container_p h4{
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 1.8rem;
}
.section-message h4,p{
  margin-left: 15px;
}  
.message_img{
  width: 400px;
}
    
    
  }
  
  
  
.section-requirements{
  padding: 70px 100px 170px;
  background-color: #F7F7F7;
}
.section-requirements h4{
  font-size: 3.2rem;
  line-height: 4.8rem;
  letter-spacing: 0.2rem;
  border-bottom: solid 1px;
  margin-top: 30px;
  padding-top:50px;
  padding-bottom: 20px;
}
.requirements_description p{
  padding-top: 28px;
  margin-left: 0px;
}

.requirements-box{
  padding:0px 50px 110px 50px;
  margin: 0 auto;
  background-color: #FFF;
  border-radius: 10px;
}
.requirements-box h5{
  margin-top: 70px;
  margin-bottom: 20px;
  font-size: 2.8rem;
}
@media (max-width:970px){
.section-requirements{
   padding: 50px 20px 80px;
}
.section-requirements h4{
  font-size: 2.4rem;
  line-height: 3.6rem;;
  padding-top:50px;
  padding-bottom: 15px;
  letter-spacing: 0.1rem;
}
.requirements_description p{
  padding-top: 23px;
}

.requirements-box{
  padding:0 10px 45px;
  
}
.requirements-box h5{
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: 2.4rem;
}    
  }

.section-flow{
  padding: 50px 100px 180px;
  max-width: 1240px;
  margin: 0 auto;
}
.section-flow ol{
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.section-flow ol li{
  padding: 0px 10px 50px;
  border: solid 1px;
  width: 28%;
  text-align: center;
  box-sizing: border-box;
}
.section-flow p{
  margin-left: 0px;
}
.section-flow a{
  color: #000;
}
.arrow{
  color: #D9D9D9;
  line-height: 330px;
}
.arrow_down{
  display: none;
}

.flow_number{
  margin-top: 30px;
  color: #A5A5A5;
  font-family: 'Oswald', sans-serif;
  font-size: 2.4rem;
  line-height: 6.0rem;
}
.flow_title{
  margin-top: 5px;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 7.0rem;
}
.flow_p{
  margin-top: 15px;
  line-height: 3.0rem;
}
.flow_day1{
  margin-top: 40px;
}
.flow_day2{
  margin-top: 10px;
}
.flow_caution{
  margin-top: 40px;
}
/*
.flow_button{
  width: 500px;
  margin: 0 auto;
  margin-top: 115px;
}
*/
.submit{
  margin-top: 115px;
  text-align: center; 
}
.inquiry-form__submit{
  display       : inline-block;
  border-radius : 100px;          /* 角丸       */
  font-size     : 2.8rem;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 25px 100px;   /* 余白       */
  background    : #ffffff;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 0px 4px #D9D9D9;  /* 影の設定 */
} 
  
  @media (max-width:970px){
.section-flow{
  padding: 50px 20px 85px;
}
.section-flow ol{
  display: block;
  margin: 40px auto 0;
  width: 330px;
}
.section-flow ol li{
  border: solid 1px;
  width: 330px;
  height: 330px;
 
}
.section-flow p{
  margin-left: 0px;
}
.section-flow a{
  color: #000;
}
.arrow{
      display: none;
}
.arrow_down{
  display: block;
  color: #D9D9D9;
  line-height: 120px;
  text-align: center;
  margin: 0 auto;
}
.flow_caution{
  text-align: center;
}
/*.submit{*/
/*  margin-top: 115px;*/
/*  text-align: center; */
/*}*/
.inquiry-form__submit{
  display       : inline-block;
  border-radius : 100px;          /* 角丸       */
  font-size     : 1.6rem;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 25px 90px;   /* 余白       */
  background    : #ffffff;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 0px 4px #D9D9D9;  /* 影の設定 */
} 

    
  }