@charset "utf-8";

#wrap {
   position: relative;
   background: url(/9640/202512/a/assets/img/top/img_back01.png) no-repeat center/cover;
   z-index: 0;
}
#wrap::before,
#wrap::after {
   content: "";
   position: absolute;
   top: 0;
   width: 320px;
   height: 100%;
   z-index: -1;
}
#wrap::before {
   right: 0;
   background: url(/9640/202512/a/assets/img/top/img_back02.png) no-repeat center/cover;
}
#wrap::after {
   left: 0;
   background: url(/9640/202512/a/assets/img/top/img_back03.png) no-repeat center/cover;
}

.top main{
   display: block;
   padding-bottom: 230px;
}

@media screen and (max-width:767px) {
   .top main{
      padding-bottom: 290px;
   }
}


/* -----------------------------------------------------------
	ヘッダー
------------------------------------------------------------ */
.top .header_head {
   background-color: #fff;
   color: #323232;
}

.top .header_gNavTrigger {
   display: none;
}

.top .header_ir_link {
   background-color: #5B98D2;
   color: #fff;
}

.top .header_corporate_link {
   color: #323232;
}

.top .header_corporate_link:hover {
   color: #5B98D2;
}

.top .header_corporate_link::after {
   background-color: #5B98D2;
}


/* -----------------------------------------------------------
	フッター
------------------------------------------------------------ */
.top .footer{
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin-top: 0;
}
.top .footer_cont {
   background-color: #fff;
}

.top .footer_tit,
.top .footer_nav_link,
.top .footer_copy {
   color: #323232;
}

.footer_nav_link:hover {
   color: #5B98D2;
}

.top .footer_nav_link::after {
   background: #5B98D2;
}


/* -----------------------------------------------------------
	メインビジュアル
------------------------------------------------------------ */
.sec_mvTop {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 20px 0 50px;
   gap: 20px;
}
.sec_mvTop .txt_wrap {
   flex: 1;
}

.sec_mvTop_tit {
   font-weight: bold;
}
.sec_mvTop_sub {
   margin-top: 15px;
}
.sec_mvTop_titJa,
.sec_mvTop_titEn {
   display: block;
}

.sec_mvTop_titJa {
   font-size: 3rem;
   margin-top: 5px;
}

.sec_mvTop_titEn {
   font-size: 4.8rem;
   font-family: 'Montserrat', sans-serif;
}

@media screen and (max-width:767px) {
   .sec_mvTop {
      flex-direction: column;
   }
   .sec_mvTop_tit {
      padding-right: 10px;
   }

   .sec_mvTop_titJa {
      font-size: 1.8rem;
      margin-top: 10px;
   }

   .sec_mvTop_titEn {
      font-size: 3rem;
      line-height: 1.2;
   }

}


/* -----------------------------------------------------------
	ボタン
------------------------------------------------------------ */
.sec_topBtn {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   justify-content: space-between;
   max-width: 800px;
   margin: 0 auto;
}

.sec_topBtn_item {
   width: 350px;
   min-height: 120px;
}

.sec_topBtn_link {
   position: relative;
   display: flex;
   align-items: center;
   height: 100%;
   width: 100%;
   background-color: #fff;
   font-size: 2.6rem;
   font-weight: bold;
   padding: 30px 20px 30px 70px;
   border-radius: 10px;
   box-shadow: 8px 10px 4px 1px rgb(0 0 0 / 10%);
}

.sec_topBtn_link:hover {
   background-color: #5B98D2;
   color: #fff;
   transform: translateX(10px);
}

.sec_topBtn_link::before {
   content: "";
   position: absolute;
   background-image: url(../img/icon_arrow.svg);
   width: 28px;
   height: 30px;
   top: 50%;
   left: 30px;
   transform: translate(0, -50%);
}

@media screen and (min-width:768px) {
   .sec_topBtn_item:nth-child(n+3) {
      margin-top: 35px;
   }
}

@media screen and (max-width:767px) {
   .sec_topBtn_item {
      width: 100%;
      min-height: 100px;
   }

   .sec_topBtn_item + .sec_topBtn_item {
      margin-top: 20px;
   }

   .sec_topBtn_link {
      font-size: 2.2rem;
      padding: 30px 20px 30px 70px;
   }
}


/* -----------------------------------------------------------
	コエキク
------------------------------------------------------------ */
.sec_topKoekiku {
   margin-top: 50px;
}
@media screen and (max-width:767px) {
   .sec_topKoekiku {
      margin-top: 25px;
   }
}