@charset "UTF-8";
.contents {
  /* **********************************************************
  フォームリセット */
  /*
  select::-ms-expand {
  display: none;
  }
  */
  /* **********************************************************
  ラジオボタンの装飾  */
  /* **********************************************************
  チェックボックスの装飾  */
  /* **********************************************************
  チェックボックスの装飾  
  input[name="contact"] + span {
      box-sizing: border-box;
      cursor: pointer;
      display: inline-block;
      padding: 5px 25px 0 30px;
      position: relative;
      width: auto;
  }
  input[name="contact"] + span:before {
      background: #fefefe;
      border: 1px solid #ddd;
      content: "";
      display: block;
      width: 16px;
      height: 16px;
      left: 5px;
      margin-top: -8px;
      position: absolute;
      top: 50%;
  }
  input[name="contact"] + span:after {
      border-right: 3px solid #fff;
      border-bottom: 3px solid #fff;
      content: "";
      display: block;
      width: 6px;
      height: 11px;
      left: 10px;
      margin-top: -7px;
      opacity: 0;
      position: absolute;
      top: 50%;
      transform: rotate(45deg);
  }
  input[name="contact"]:checked + span:before {
      border-color:#000;
      background-color:#000;
  }
  input[name="contact"]:checked + span:after {
      opacity: 1;
  }


  /* **********************************************************
  セレクトボックスの装飾  */
  /*
  .selectbox::after {
      content:"";
      display:block;
      width:9px;
      height:9px;
      position:absolute;
      right:10px;
      top:35%;
      border-bottom:#da5c66 2px solid;
      border-right:#da5c66 2px solid;
      transform:rotate(45deg)translateY(-30%);
  }
  */
  /* フォーム リセット
  ********************************************************** */
  /*
  共通 end 
  material start ******************************************* */
}
.contents html,
.contents body,
.contents *,
.contents *:after,
.contents *:before {
  font: 16px/1.7 'hiragino_kaku', 'hiragino_mincho', 'freepen';
  color: #343434;
  letter-spacing: 0;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.contents div,
.contents span,
.contents object,
.contents iframe,
.contents h1,
.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6,
.contents p,
.contents blockquote,
.contents pre,
.contents abbr,
.contents address,
.contents cite,
.contents code,
.contents del,
.contents dfn,
.contents em,
.contents img,
.contents ins,
.contents kbd,
.contents q,
.contents samp,
.contents small,
.contents strong,
.contents sub,
.contents sup,
.contents var,
.contents i,
.contents dl,
.contents dt,
.contents dd,
.contents ol,
.contents ul,
.contents li,
.contents input,
.contents textarea,
.contents fieldset,
.contents form,
.contents label,
.contents legend,
.contents table,
.contents caption,
.contents tbody,
.contents tfoot,
.contents thead,
.contents tr,
.contents th,
.contents td,
.contents article,
.contents aside,
.contents canvas,
.contents details,
.contents figcaption,
.contents figure,
.contents hgroup,
.contents menu,
.contents nav,
.contents section,
.contents summary,
.contents time,
.contents mark,
.contents audio {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
.contents * {
  padding: 0;
  margin: 0;
  font-size: 62.5%;
  font-family: 'hiragino_kaku', 'hiragino_mincho', 'freepen';
  box-sizing: border-box;
}
.contents article,
.contents side,
.contents details,
.contents figcaption,
.contents figure,
.contents header,
.contents menu,
.contents nav,
.contents section {
  display: block;
}
.contents table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.contents ul {
  list-style: none;
}
.contents img {
  max-width: 100%;
  vertical-align: top;
}
.contents .clear:after {
  content: '.';
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.contents input,
.contents button,
.contents select,
.contents textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
.contents textarea {
  resize: vertical;
  width: 100%;
  height: 200px;
  font-size: clamp(14px, 0.9vw, 18px);
  font-weight: 500;
  padding: 10px 3%;
  border: 1px solid #9a9a9a;
}
.contents input[type='checkbox'],
.contents input[type='radio'] {
  display: none;
}
.contents input[type='submit'],
.contents input[type='reset'],
.contents input[type='button'],
.contents label,
.contents button,
.contents select {
  cursor: pointer;
}
.contents input[type='radio'] + label {
  display: block;
  position: relative;
  padding-left: 2em;
  margin-right: 1em;
}
.contents input[type='radio'] + label::before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: #fefefe;
}
.contents input[type='radio']:checked + label::after {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #000000;
  border-radius: 50%;
}
.contents input[type='checkbox'] + label {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px 25px 0 30px;
  position: relative;
  font-size: clamp(14px, 0.9vw, 18px);
}
.contents input[type='checkbox'] + label:before {
  background: #fefefe;
  border: 1px solid #ddd;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.contents input[type='checkbox'] + label:after {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  content: '';
  display: block;
  width: 6px;
  height: 11px;
  left: 10px;
  margin-top: -7px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
}
.contents input[type='checkbox']:checked + label:before {
  border-color: #000;
  background-color: #000;
}
.contents input[type='checkbox']:checked + label:after {
  opacity: 1;
}
.contents .selectbox {
  position: relative;
  display: inline-block;
}
.contents .selectbox select {
  padding-right: 30px;
} /*# sourceMappingURL=reset.css.map */