@charset "utf-8";


/* on off
----------------------------------*/
.sp-hide, .pcNone, .is-sp {
  display: none;
}
.pc-hide, .spNone, .is-pc {
  display: block;
}
@media (max-width:767px) {
  .sp-hide, .pcNone, .is-sp {
    display: block;
  }
  .pc-hide, .spNone, .is-pc {
    display: none;
  }
}
@media (max-width:767px) {
  /*p label checkbox 調整*/
  div.form2_contents ul li.checkbox_wrap div label {
    margin: 0;
    padding: 0;
    height: 28px;
    display: inline-block;
    width: auto;
  }
}

/**
 * label.error 
-------------------------------------------------- */
.form2_contents ul li label.error::before {
  content: "\f06a";
  font-family:"Font Awesome 5 Free";
  font-weight:bold;
  color:red;
  font-size: clamp(11,3vw,12px);
  display:inline-block;
  margin-right:3px;
}


/*必須アイコン
--------------------------------------------------*/
i.required {
margin: 0 5px 0 0;
}
i.required:before {
padding: 0 3px;
content: '必須';
font-size: 10px;
line-height: 3;
font-style: normal;
letter-spacing: 0.1em;
color: #ffffff;
vertical-align: middle;
background-color: #FF3065;
border-radius: 2px;
}

/*任意アイコン
----------------------------*/
i.any {
margin: 0 1px 0 0;
position:relative;
top:-1px;
}
i.any:before {
padding: 0 3px;
content: '任意';
font-size: 10px;
line-height: 3;
font-style: normal;
letter-spacing: 0.1em;
color: #ffffff;
vertical-align: middle;
background-color: #3688ff;
border-radius: 2px;
}
@media (max-width:767px) {
  /*必須アイコン sp
  ----------------------------*/
  section.f_moushikomi-2 i.required:before {
  padding: 1px 3px;
  }
  /*任意アイコン
  ----------------------------*/
  section.f_moushikomi-2 i.any:before {
  padding: 1px 3px;
  }  
  section.f_mitsumori-2 i.required:before {
  padding: 1px 3px;
  }
  /*任意アイコン
  ----------------------------*/
  section.f_mitsumori-2 i.any:before {
  padding: 1px 3px;
  }
}



/*************************************************
 * privacy_link [1][2]
 *************************************************/

/* privacy_link  [1]
------------------------------*/
p.privacy_link {
  font-size: clamp(10px, 3vw, 12px);
  line-height: 1.5;
  margin: 0 auto;
  padding: 1.2em .3em 0;
  width: 15.6em;
  height: auto;
}
@media (max-width:767px) {
  p.privacy_link {
    font-size: clamp(10px, 3vw, 12px);
    line-height: 1.5;
    margin: 0 auto;
    padding: 1.2em .3em 1em;
    width: 100%;
    height: auto;
    text-align: center;
  }
}
p.privacy_link a:hover {
  text-decoration: underline;
  color: #f20544;
}

/* privacy_link-area  [2]
-------------------------------*/
p.privacy_link-area {
  font-size: clamp(10px, 3vw, 12px);
  line-height: 1.5;
  margin: 0 auto;
  padding: 0 .3em;
  width: 15.6em;
  height: auto;
}
@media (max-width:767px) {
  p.privacy_link-area {
    font-size: clamp(10px, 3vw, 12px);
    line-height: 1.5;
    margin: 0 auto;
    padding: 1em .3em;
    width: 100%;
    height: auto;
    text-align: center;
  }
}
p.privacy_link-area a:hover {
  text-decoration: underline;
  color: #f20544;
}