/*以下チェックボックス*/
input[type="checkbox"] { display: none; }

input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding: 2px 0 0 28px;
  margin-bottom: 16px;
  color: #003477; font-size: 14px; font-weight: 400;
  font-family: 'BIZ UDGothic', sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type="checkbox"] + label:last-child { margin-bottom: 0; }

input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border: 1.5px solid #4D8ED1;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked + label:before {
  width: 8px;
  top: -3px;
  left: 4px;
  border-radius: 0;
  border: 1.5px solid #D41D00;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*以下ラジオボタン*/
input[type="radio"]{
  display: none;
}
.radio{
  color: #003477; font-size: 14px; font-weight: 400;
  font-family: 'BIZ UDGothic', sans-serif; white-space: nowrap;
  margin: 0 30px 0 0;
  padding: 4px 0 0 24px;
  position:relative;
}
.radio::before{
  background: white;
  border: 1px solid #4D8ED1;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
}
input[type="radio"]:checked + .radio::after{
  background-color: #D41D00;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 4px;
  width: 10px;
  height: 10px;
}
/* Safari */
_::-webkit-full-page-media, _:future, :root .radio::before{ top: 2px; }
_::-webkit-full-page-media, _:future, :root input[type="radio"]:checked + .radio::after{ top: 6px; }


/*以下セレクト*/
.cp_ipselect01 {
overflow: hidden; width: 130px; margin: 0; }
.cp_ipselect01 select {
width: 130px;
0-cursor: pointer;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.cp_ipselect01 select::-ms-expand { display: none; }
.cp_ipselect01.cp_sl { position: relative; border: 1px solid #4D8ED1; background-color: #fff; }
.cp_ipselect01.cp_sl::before {
position: absolute;
top: 0.8vw;
right: 0.8vw;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #4D8ED1;
pointer-events: none;
}
.cp_ipselect01.cp_sl select { padding: 0.6vw; color: #4D8ED1; font-family: 'BIZ UDGothic', sans-serif; font-size: 14px; font-weight: 400; }