@charset "utf-8";


/****** ●●●●●●●● setting start ******/

body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
a{
	text-decoration: none;
	color: #333333;
}

li{
}
.width{
	width: 90%;
	right: 0;
	left: 0;
	margin: auto;
}

/****** チェックボックスデザイン　setting start ******/
/*リセット */
input[type="checkbox"]  {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

/* チェックボックスデザイン */
input[type="checkbox"] {
    cursor: pointer;
    padding-left: 30px;/*label手前にチェックボックス用の余白を開ける*/
    vertical-align: middle;
    position: relative;
  }
  input[type="checkbox"]::before,
  input[type="checkbox"]::after {
    content: "";
    display: block; 
    position: absolute;
  }
  input[type="checkbox"]::before {
    background-color: #fff;
    border-radius: 0%;
    border: 1px solid #666464;
    width:18px;/*チェックボックスの横幅*/
    height: 18px;/*チェックボックスの縦幅*/
    transform: translateY(-50%);
    top: 1px;
    left: 5px;
  }
  input[type="checkbox"]::after {
    border-bottom: 3px solid #D70613;/*チェックの太さ*/
    border-left: 3px solid #D70613;/*チェックの太さ*/
    opacity: 0;/*チェック前は非表示*/
    height: 6px;/*チェックの高さ*/
    width: 11px;/*チェックの横幅*/
    transform: rotate(-45deg);
    top: -6px;/*チェック時の位置調整*/
    left: 8px;/*チェック時の位置調整*/
  }

  input[type="checkbox"]:checked::after {
    opacity: 1;/*チェック後表示*/
  }

/****** チェックボックスデザイン　setting end ******/
select{
	color: #333;
}
select option:first-child{
  color:gray;
}
/****** ●●●●●●●● setting end   ******/