@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
#cHeader {
  position: relative;
  width: 100%;
  height: 300px;
  background: #6C0D56;
  margin-top: 80px; }
  @media (max-width: 768px) {
    #cHeader {
      height: 200px; } }
  @media (max-width: 480px) {
    #cHeader {
      margin-top: 64px;
      height: 120px; } }
  #cHeader .flower1, #cHeader .flower2 {
    position: absolute;
    display: block; }
  #cHeader .flower1 {
    top: 0;
    left: 0;
    max-width: 264px;
    width: 18%; }
  #cHeader .flower2 {
    bottom: 0;
    right: 0;
    max-width: 416px;
    width: 29%; }
  #cHeader h2 {
    color: #fff;
    font-size: clamp(28px, 4.167vw, 40px);
    font-weight: 500;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 480px) {
      #cHeader h2 {
        font-size: 2.4rem; } }

/*============================================================================
	privacy
=============================================================================*/
#privacyWrap {
  padding: min(80px,8.334vw) 0 min(140px,14.583vw); }
  #privacyWrap p.lead {
    margin-bottom: min(80px,8.334vw); }
  #privacyWrap section + section {
    margin-top: min(80px,8.334vw); }
  #privacyWrap section h3 {
    font-size: 2.4rem;
    margin-bottom: 20px;
    font-weight: 500; }
  #privacyWrap section h4 {
    font-size: 2.2rem;
    margin: 20px 0;
    font-weight: 500; }
  #privacyWrap section h5 {
    margin: 20px 0 10px;
    font-size: 2.0rem;
    font-weight: 500; }
  #privacyWrap section ul {
    padding-left: 2em;
    list-style: disc; }
    #privacyWrap section ul li {
      line-height: 1.8; }
  @media (max-width: 480px) {
    #privacyWrap section h3 {
      font-size: 2.0rem; }
    #privacyWrap section h4 {
      font-size: 1.8rem; }
    #privacyWrap section h5 {
      font-size: 1.6rem; }
    #privacyWrap section ul li {
      font-size: 1.4rem; } }

/*============================================================================
	contact
=============================================================================*/
/*================================================================
	MW WP FORM用 フォームパーツ
================================================================*/
input, button, textarea {
  margin: 0;
  padding: 0;
  line-height: 1;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="url"],
input[type="number"],
textarea {
  padding: 12px;
  width: 100%;
  background: #F2F2F2 !important;
  border: solid 1px transparent;
  -webkit-transition: all .3s;
  transition: all .3s;
  box-sizing: border-box; }
  input[type="text"]:focus,
  input[type="tel"]:focus,
  input[type="email"]:focus,
  input[type="date"]:focus,
  input[type="url"]:focus,
  input[type="number"]:focus,
  textarea:focus {
    border: solid 1px #c6c6c6;
    background: #ffffff !important; }
  @media (max-width: 480px) {
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="date"],
    input[type="url"],
    input[type="number"],
    textarea {
      font-size: 1.4rem; } }

textarea {
  line-height: 1.4; }

::-webkit-input-placeholder,
::-ms-input-placeholder,
::placeholder {
  color: #919191; }

/* ラジオボタン */
input[type="radio"] {
  display: none; }

label.radio {
  margin-right: 20px;
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 28px;
  cursor: pointer; }
  label.radio::before, label.radio::after {
    content: '';
    border-radius: 100%;
    -webkit-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: 50%; }
  label.radio::before {
    margin-top: -9px;
    width: 20px;
    height: 20px;
    background: #f3f3f3;
    border: 1px solid #ccc;
    left: 0; }
  label.radio:hover::before {
    background: #ffffff; }
  label.radio::after {
    opacity: 0;
    left: 4px;
    width: 12px;
    height: 12px;
    margin-top: -5px;
    background: #333333;
    -webkit-transform: scale(2);
    transform: scale(2); }

input[type="radio"]:checked + label.radio::before {
  background: #fff;
  border: 1px solid #000; }
input[type="radio"]:checked + label.radio::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

/* チェックボックス */
.privacyBox label {
  margin-right: 20px;
  padding: 3px 3px 3px 22px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s; }
  .privacyBox label input[type="checkbox"] {
    display: none; }
    .privacyBox label input[type="checkbox"] + .text::before, .privacyBox label input[type="checkbox"] + .text::after {
      content: '';
      position: absolute;
      -webkit-transition: all .2s;
      transition: all .2s; }
    .privacyBox label input[type="checkbox"] + .text::before {
      margin-top: -8px;
      width: 24px;
      height: 24px;
      background: transparent;
      border: solid 1px #919191;
      top: 50%;
      left: 0; }
    .privacyBox label input[type="checkbox"] + .text:hover::before {
      background: transparent; }
    .privacyBox label input[type="checkbox"] + .text::after {
      margin-top: -4px;
      width: 12px;
      height: 8px;
      border-left: 2px solid #B28540;
      border-bottom: 2px solid #B28540;
      -webkit-transform: rotate(-45deg) scale(0.5);
      transform: rotate(-45deg) scale(0.5);
      opacity: 0;
      top: 55%;
      left: 6px; }
    .privacyBox label input[type="checkbox"]:checked + .text::before {
      background: transparent; }
    .privacyBox label input[type="checkbox"]:checked + .text::after {
      opacity: 1;
      -webkit-transform: rotate(-45deg) scale(1);
      transform: rotate(-45deg) scale(1); }

#contactArea {
  padding: min(140px,14.583vw) 0; }
  #contactArea .infoNote {
    margin-top: 10px;
    font-size: 1.4rem; }
  @media (max-width: 480px) {
    #contactArea .info, #contactArea .infoNote {
      text-align: left; }
    #contactArea .infoNote {
      font-size: 1.2rem; } }
  #contactArea .telWrap {
    max-width: 500px;
    margin: min(60px,6.2505vw) auto 0;
    border: solid 1px #000000;
    padding: 30px;
    text-align: center; }
    #contactArea .telWrap h3 {
      font-weight: 500;
      color: #6C0D56; }
    #contactArea .telWrap .tel {
      font-size: clamp(22.4px, 3.333vw, 32px);
      font-weight: 700;
      margin: 5px 0; }
    @media (max-width: 480px) {
      #contactArea .telWrap {
        padding: 20px; } }
  #contactArea .formtop a {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 400px;
    height: 100px;
    margin: min(80px,8.334vw) auto 0;
    transition: 0.4s;
    font-size: clamp(16.8px, 2.5005vw, 24px);
    color: #fff;
    font-weight: 500;
    background: #B28540;
    position: relative; }
    #contactArea .formtop a:hover {
      opacity: 0.7; }
    @media (max-width: 480px) {
      #contactArea .formtop a {
        height: 80px; } }
  #contactArea .comp {
    margin-bottom: 40px; }

#formWrap {
  margin: min(100px,10.416vw) auto 0; }
  #formWrap form {
    width: 100%; }
    #formWrap form dl {
      display: flex;
      align-items: center; }
      #formWrap form dl + dl {
        margin-top: 30px; }
      #formWrap form dl dt {
        font-weight: 500;
        width: 30%;
        position: relative; }
        #formWrap form dl dt .required {
          display: inline-block;
          background: #B28540;
          color: #fff;
          font-size: 1.2rem;
          margin-left: 10px;
          padding: 0 0.8em 0.2rem; }
      #formWrap form dl dd {
        width: 70%; }
      #formWrap form dl.l_full input, #formWrap form dl.l_full textarea {
        width: 100%; }
      #formWrap form dl.l_harf input, #formWrap form dl.l_harf textarea {
        width: 50%; }
        @media (max-width: 480px) {
          #formWrap form dl.l_harf input, #formWrap form dl.l_harf textarea {
            width: 100%; } }
      @media (max-width: 480px) {
        #formWrap form dl {
          display: block; }
          #formWrap form dl dt {
            margin: 0 0 10px;
            width: 100%; }
          #formWrap form dl dd {
            width: 100%; } }
  #formWrap .privacy {
    margin: min(80px,8.334vw) auto 0; }
    #formWrap .privacy .privacyBox {
      width: 100%;
      box-sizing: border-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #formWrap .privacy .privacyBox a {
        color: #000000;
        border-bottom: solid 1px #000000; }

/* 送信エリア */
.sentArea {
  margin: min(80px,8.334vw) auto 0; }
  @media (max-width: 480px) {
    .sentArea {
      margin: 60px auto 0; } }
  .sentArea .sendBtn {
    margin: auto;
    max-width: 400px;
    width: 100%;
    display: block;
    position: relative;
    transition: .3s; }
  .sentArea .sendBtn, .sentArea .formBtn, .sentArea .btnBackBox {
    position: relative; }
  .sentArea .btnBackBox {
    margin-top: 30px; }
  .sentArea input[type="submit"], .sentArea button {
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100px;
    transition: 0.4s;
    cursor: pointer;
    font-size: clamp(16.8px, 2.5005vw, 24px);
    color: #fff;
    font-weight: 500;
    background: #B28540;
    position: relative; }
    .sentArea input[type="submit"]:hover, .sentArea button:hover {
      opacity: 0.7; }
    @media (max-width: 480px) {
      .sentArea input[type="submit"], .sentArea button {
        height: 80px; } }
  .sentArea input.backbtn {
    color: #000000;
    font-weight: 500;
    text-align: center;
    width: 100%;
    height: 100px;
    background: #dcdcdc;
    cursor: pointer;
    transition: 0.4s; }
    .sentArea input.backbtn:hover {
      opacity: 0.7; }