@charset "UTF-8";
/*========== トップページ ==========*/
/*==========
メインビジュアル
==========*/
#mv {
  background: center/100% auto url("../img/index_mv.jpg") no-repeat;
  margin-top: 88px;
}

#mv .container {
  position: relative;
  width: 100%;
  padding-top: 50%;
}

#mv .mv_catch {
  position: absolute;
  color: #fff;
  top: 48%;
  left: 50%;
  width: 100%;
  padding: 0 30px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-shadow: 0px 0px 12.8px rgba(5, 24, 55, 0.69);
}

#mv .mv_catch img {
  z-index: 15;
  margin: 0 auto;
}

@media screen and (max-width: 961px) {
  #mv {
    background: top/100% auto url("../img/index_mv.jpg") no-repeat;
    margin-top: 0px;
  }
  #mv .container {
    overflow-x: hidden;
  }
  #mv .mv_catch {
    top: 50%;
    width: 100%;
    padding: 10px;
  }
}
/*==========
index_leed
==========*/
.index_leed{
  text-align: center;
  line-height: 1.6;
  padding: 52px 30px 79px;
}
   @media screen and (max-width: 961px) {
     .index_leed{
       padding: 26px 15px;
     }
}


/*==========
index_company
==========*/
#index_company {
  background: bottom/cover url("../img/index_company_bg.jpg") no-repeat;
  position: relative;
}

.company_area {
  width: 100%;
  max-width: 1180px;
  padding: 97px 30px 200px;
  align-items: center;
  margin: 0 auto;
  text-align: center;
}
.comapny_ttl{
  font-weight: bold;
  color: rgba(255,255,255,0.40)
}
.comapny_sub_ttl{
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 13px #000;
  position: relative;
  margin-top: -45px;
  letter-spacing: 0.05em;
  margin-bottom: 75px;
}
.company_box_wrap{
  justify-content: space-between;
}
.company_box {
  width: 28.9%;
  border: 2px solid #fff;
  padding-top: 28.5%;
backdrop-filter: blur(10px);
  -webkit-backdrop-filter:blur(10px);

  position: relative;
}
.company_box_cont{
  position: absolute;
  text-align: center;
  left: 0;
  width: 100%;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
.company_box_cont img{
  margin: 0 auto 19px;
}
.company_box p {
  color: #fff;
  font-size: 30px;
}

.company_box a {
  margin-left: auto;
}

@media screen and (max-width: 961px) {
  
  #index_company {
    padding-top: 0%;
  }
  .comapny_sub_ttl{
    margin-bottom: 30px;
  }
  .company_area {
    padding: 35px 30px
  }
  .company_box {
    width: 100%;
      margin-bottom: 40px;
    padding: 72px 15px;

  }
.company_box_cont{
  position: relative;
  text-align: center;
  left: 0;
  width: 100%;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
}



/*==========
index_business
==========*/
#index_business {
  background: bottom/cover url("../img/index_business_bg.png") no-repeat;

}


.business_area {
  width: 100%;
  max-width: 1180px;
  padding: 60px 30px 80px;
  align-items: center;
  margin: 0 auto;
  text-align: center;
}
.business_ttl_wrap{
  text-align: right;
}
.business_ttl{
  display: inline-block;
  text-align: right;
  font-weight: bold;
background: linear-gradient(35deg, #a3b9f5, #a3e1fd);
  background: -webkit-linear-gradient(35deg, #a3b9f5, #a3e1fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.1em;
}
.business_sub_ttl{
  font-weight: bold;
  color: #015eea;
  position: relative;
  margin-top: -45px;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
}
.business_content{
  display: flex;
  text-align: left;
  position: relative;
  margin-bottom: 60px;
}
.business_content dt{
  width: 16.1%;
  position: relative;
}
.business_content dd{
  max-width:940px; 
  width: 83.9%;
}

.business_content .business_content_dt{
  position: absolute;
  text-align: center;
  color: #fff;
  width: 343px;
  height: 292px;
  padding-top: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
background: linear-gradient(0deg, #4087ef, #40cffb);
  background: -webkit-linear-gradient(0deg, #4087ef, #40cffb);
}
.business_content .business_content_dt a.btn_01{
  background: none;
  border: 2px solid #fff;
  font-weight: normal;
}

.business_content.reverse .business_content_dt{
  position: absolute;
  width: 343px;
  height: 292px;
  top: 50%;
  left: auto;
    padding-top: 35%;

  right: 0;
  transform: translateY(-50%);

}

@media screen and (max-width: 961px) {
  #index_business {
    padding-top: 0%;
  }
  
  .business_area{
      padding: 35px 30px;
  }
  .business_ttl_wrap{
  text-align: center;
}
  .business_ttl{
  display: inline-block;
  text-align: center;
  font-weight: bold;
background: linear-gradient(35deg, #a3b9f5, #a3e1fd);
  background: -webkit-linear-gradient(35deg, #a3b9f5, #a3e1fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0em;
}
  .business_content{
  display: block;
  text-align: left;
  position: relative;
  margin-bottom: 30px;
}
  .business_content dt{
  width: 100%;
  position: relative;
}
.business_content dd{
  max-width:940px; 
  width: 100%;
}

.business_content .business_content_dt{
  position: relative;
  text-align: center;
  color: #fff;
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  top: 0%;
  left: 0;
  transform: none;
background: linear-gradient(0deg, #4087ef, #40cffb);
  background: -webkit-linear-gradient(0deg, #4087ef, #40cffb);
}
  .business_content.reverse .business_content_dt{
  position: relative;
  width: 100%;
  height: auto;
  top: 50%;
  left: auto;
  padding-top: 20px;
    padding-bottom: 20px;
  right: 0;
  transform: none;

}
}
/*==========
index_recruit
==========*/
#index_recruit {
  background: bottom/cover url("../img/index_recruit_bg.jpg") no-repeat;

}
.recruit_area {
  width: 100%;
  max-width: 1180px;
  padding: 55px 30px 55px;
  align-items: center;
  margin: 0 auto;
  text-align: center;
}
.recrit_box{
border: 2px solid #fff;
  padding: 32px 15px 62px;
  max-width: 450px;
  margin: 0 auto;
backdrop-filter: blur(10px);
-webkit-backdrop-filter:blur(10px);
position: relative;
}
.recruit_ttl{
  font-weight: bold;
  color: rgba(255,255,255,0.58)
}
.recruit_sub_ttl{
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 13px #000;
  position: relative;
  margin-top: -45px;
  letter-spacing: 0.05em;
  margin-bottom: 70px;
}
/*==========
index_info
==========*/
#index_info{
  background: linear-gradient(to right, #e7f8fd 0%, #e7f8fd 50%, #0069ec 50%, #00c0fa 100%);
}
.info_area{
    width: 100%;
  max-width: 1180px;
  padding: 55px 30px 55px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  

}




.index_news{
  width: 50%;
  padding-right: 40px;
  text-align: left;
}
.news_ttl{
  display: inline-block;
  text-align: left;
  font-weight: bold;
background: linear-gradient(35deg, #a3b9f5, #a3e1fd);
  background: -webkit-linear-gradient(35deg, #a3b9f5, #a3e1fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.news_sub_ttl{
  font-weight: bold;
  color: #333333;
  position: relative;
  margin-top: -45px;
  letter-spacing: 0.05em;
  margin-bottom: 55px;
}
.news_list{
  padding: 0px 15px 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  letter-spacing: 0.05em;
  line-height: 1.875;
}
.news_list dt{
  font-weight: normal;
}
.index_contact{
  width: 50%;
  text-align: left;
  padding-left: 60px;color: #fff;
}
.index_contact_ttl{
  display: inline-block;
  text-align: left;
  font-weight: bold;
color: rgba(255,255,255,0.25);
}
.index_contact_sub_ttl{
  font-weight: bold;
  color: #fff;
  position: relative;
  margin-top: -45px;
  letter-spacing: 0.05em;
  margin-bottom: 55px;
}
.phone{
  font-size: 3em;
    font-weight: bold;
vertical-align: middle;
  line-height: 1;
  margin: 30px 0 45px;
}
.phone img{
  display: inline-block;
  margin-right: 5px;

}

   @media screen and (max-width: 961px) {
     .info_area{
         display: block;
       padding: 0

     }
     #index_info{
  background: none;
}
     
.index_news{
  background: #e7f8fd;
  width: 100%;
padding: 35px 30px;
  text-align: left;
}
.news_ttl{
  display: inline-block;
  text-align: left;
  font-weight: bold;
background: linear-gradient(35deg, #a3b9f5, #a3e1fd);
  background: -webkit-linear-gradient(35deg, #a3b9f5, #a3e1fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.news_sub_ttl{
  font-weight: bold;
  color: #333333;
  position: relative;
  margin-top: -45px;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
}
.news_list{
  padding: 0px 15px 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  letter-spacing: 0.05em;
  line-height: 1.875;
}
.news_list dt{
  font-weight: normal;
}
     
.index_contact{
  width: 100%;
  text-align: left;
padding: 35px 30px;
  background: linear-gradient(0deg, #4087ef, #40cffb);
  background: -webkit-linear-gradient(0deg, #4087ef, #40cffb);
  color: #fff;
}
.index_contact_ttl{
  display: inline-block;
  text-align: left;
  font-weight: bold;
color: rgba(255,255,255,0.25);
}
.index_contact_sub_ttl{
  font-weight: bold;
  color: #fff;
  position: relative;
  margin-top: -45px;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
}
.phone{
  font-size: 3em;
    font-weight: bold;
vertical-align: middle;
  line-height: 1;
  margin: 30px 0 45px;
}
.phone img{
  display: inline-block;
  margin-right: 5px;

}

     
     
}

/*# sourceMappingURL=index.css.map */