@charset "utf-8";

/*----- header -----*/
#header {
  height: 8.8rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  width: 75rem;
  background: #FFF;
  display: flex;
  justify-content: center;
}

#header h1{
  display: inline-block;
}

#header p{
  color: #fff;
  background-color: #1EA5D9;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin-left: 2rem;
  border-radius: .4rem;
  font-weight: bold;
}
#h_logo {
  width: 18.3rem;
}

/*----- mi -----*/
#mi {
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
}

 #mi img:first-child{
  display: block;
 }

 #mi img:nth-child(2){
  width: 45rem;
  display: block;
  margin-right: -2rem;
 }

 #mi .fvNo1{
  display: inline-flex;
  padding-top: 2rem;
 }

 #mi .fvNo1 img{
  width: 19.8rem;
 }

 #mi .fvNo1 img:first-child{
  margin-right: .2rem;
 }

 #mi .fvNo1 img:last-child{
  margin-right: 4rem;
  margin-bottom: 2rem;
 }

 #mi .fvNote{
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.6;
  padding: 2rem 2rem 2rem 1rem;
 }

.fvAnnotation{
  font-size: 1.5rem;
  margin-right: 2rem;
 } 

.fvAnnotation2{
  font-size: 1.5rem;
  margin-right: 2rem;
 }

/*----- conversion -----*/
#conversion {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  padding: 2rem 0;
  background: rgb(255 255 255 / 75%);
  display: none;
}
#conversion .btn_box {
  width: 69rem;
  height: 13rem;
  padding-top: 1rem;
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
  border-radius: 7rem;
  background: url(../img/conversion/btn_bg.webp) no-repeat center top;
  background-size: cover;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 0.5rem 0 #00000026;
}
.btn_box {
  display: block;
  border-radius: 7rem;
  overflow: hidden;
  position: relative;
}

.btn_box::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: 0;
  left: 0;
  width: 18rem;
  height: 14rem;
  background: url(../img/common/shiny.webp) no-repeat center top;
  background-size: cover;
  animation: shiny 1.8s ease-in-out infinite;
  opacity: 0;
}

.animation_delay03::before {animation-delay: 0.6s;}

@-webkit-keyframes shiny {
  0% {
    transform: translateX(-18rem);
    opacity: 0
  }
  40% {
    opacity: 1
  }

  70% {
    transform: translateX(81rem);
    opacity: 0
  }
  100% {
    transform: translateX(81rem);
    opacity: 0
  }
}

/*----- award -----*/
#award {
  background: url(../img/award_bg.webp) no-repeat center top;
  background-size: cover;
  padding-top: -.2rem;
}

#award img:first-child {
  width: 56.9rem;
  display: block;
  margin: 0 auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#award img:nth-child(2) {
  width: 63rem;
  display: block;
  margin: 0 auto;
}

#award .awardBtn{
  padding-left: 2rem;
  padding-right: 2rem;
}

#award .awardBtn .lead_btn img{
  /* padding-top: unset; */
  padding-bottom: 4rem;
}


/*----- lead -----*/
.lead_btn li {width: 34rem;}

/*----- achievement -----*/
#achievement {
  background: url(../img/achievement/bg.webp) no-repeat center top;
  background-size: contain;
}
#achievement .box {
  padding-top: 33rem;
}
#achievement_ttl01 {width: 50.1rem;}
#achievement_ttl02 {width: 56.6rem;}
#achievement_txt {width: 24.8rem;}
#achievement_lead {width: 39.2rem;}
.repayment {width: 69rem;}

@media (hover:hover) {
}

@media screen and (max-width:599px) {
  #header p {
    padding-top: .2rem;
  }
}