@charset "utf-8";
/*
* ★★CSS for smartphone
*
* @date 
* @author   
*/

/* ------------------------------------------

------------------------------------------ */

@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 
* @author   
*/

/* ------------------------------------------

------------------------------------------ */
#keyVisual {margin: 10px;box-shadow: 0 0 8px #999;}
.kvbtn {

  margin: 10px;
}
.kvbtn a {
  color: #fff !important;
  font-size: 20px;
  border-radius: 6px;
  padding: 12px 0;
  display: block;
  text-align: center;
  background: #2eb8ff url(../images/arrow_down.svg) no-repeat right 20px center;
}
.kvbtn a:hover {
  text-decoration: none !important;
}

#keyVisual h1 {


  box-sizing: border-box;
}
.wBox {padding-bottom: 20px;}

#fstuse .mBox {border-radius: 10px;}
#fstuse .sttl span {display: block;font-size: 22px;}
#fstuse .sttl{ font-size: 22px;}
#fstuse .yBox {padding-bottom: 0;}
#fstuse .yBox .btn {width: 258px;margin: 10px auto 0;}
#fstuse .yBox .btn a {background: #BF0000 url(../images/mail.svg) no-repeat left 25px center;text-align: center;padding-left: 55px;}
#fstuse .yBox .btn a::before {
   display: none;

}
.stepboxs {display: flex;justify-content: space-between;}
#fstuse .yBox .stepBox {background: none;text-align: center;width: calc(50% - 8px);}
#fstuse .yBox .stepBox img {width: 100%;}
#fstuse .yBox .sttl {font-size: 18px;}
#fstuse .yBox .txt1 {line-height: 1.6;margin-bottom: 20px;}
#fstuse .yBox .txt1 a {text-decoration: underline;}
#fstuse .yBox .line {display: flex;justify-content: center;}
.notes {

  box-sizing: border-box;border: 2px solid #bf0000;
    border-radius: 6px;padding: 20px;margin: 10px;line-height: 1.8;margin-top: 20px;
}
.notes span{color: #bf0000;}
.notes a {color: #bf0000!important;}