@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
フォーム&ボタン
---------------------------------------------------------------------------------------------------------------------
*/
.ContactForm {
  max-width: 900px;
  width: 90%;
  margin: auto;
  padding: 20px 0 60px; }
  @media (min-width: 768px) {
    .ContactForm {
      padding: 40px 0 120px; } }
  @media (min-width: 1024px) {
    .ContactForm {
      padding: 60px 0 120px; } }
  .ContactForm .ContactText {
    margin-bottom: 60px; }
    @media (min-width: 1024px) {
      .ContactForm .ContactText {
        margin-bottom: 80px; } }
    .ContactForm .ContactText p {
      font-size: 0.9em;
      text-align: center;
      margin: 50px 0 20px;
      font-feature-settings: "palt";
      letter-spacing: 0.04em;
      line-height: 1.8em; }
      @media (min-width: 768px) {
        .ContactForm .ContactText p {
          margin: 20px 0 40px;
          font-size: 1.0em; } }

.button {
  width: 350px;
  height: 60px;
  line-height: 60px;
  font-size: 1.0em;
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  background-color: #17ADAA;
  transition: .5s;
  box-shadow: 0 6px 0 0 #298583;
  position: relative;
  border: none; }
  @media (min-width: 768px) {
    .button {
      font-size: 1.125em; } }
  .button img {
    width: 13px;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    right: 15px;
    height: 100%;
    transition: 0.5s; }
  .button:hover img {
    right: 8px; }

#mailformpro {
  margin: 0px 0; }
  #mailformpro dl .InputItem {
    margin-bottom: 30px; }
    @media (min-width: 1024px) {
      #mailformpro dl .InputItem {
        display: flex; } }
    #mailformpro dl .InputItem dt {
      font-size: 1.25em;
      font-weight: bold;
      display: flex;
      width: 300px;
      margin: 16px 0 10px 4px;
      color: #17ADAA; }
      @media (min-width: 1024px) {
        #mailformpro dl .InputItem dt {
          font-size: 1.25em; } }
      #mailformpro dl .InputItem dt .Mandatory {
        font-size: 0.50em;
        color: #000;
        margin: 1.5px 0 0 8px; }
    #mailformpro dl .InputItem dd {
      width: 100%;
      font-size: 1.0em; }
      #mailformpro dl .InputItem dd input {
        max-width: 1000px;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        outline: none;
        box-sizing: border-box;
        transition: 0.3s;
        border: 1px solid #999;
        background-color: #fff; }
      #mailformpro dl .InputItem dd input:focus, #mailformpro dl .InputItem dd textarea:focus {
        border-color: dodgerBlue;
        box-shadow: 0 0 8px 0 dodgerBlue; }
      #mailformpro dl .InputItem dd textarea {
        max-width: 1000px !important;
        width: 100% !important;
        border-radius: 5px;
        outline: none;
        box-sizing: border-box;
        transition: 0.3s;
        border: 1px solid #999;
        background-color: #fff;
        height: 150px !important;
        padding: 10px; }
      #mailformpro dl .InputItem dd.Select {
        position: relative;
        width: 100%; }
        #mailformpro dl .InputItem dd.Select::before {
          position: absolute;
          top: 20px;
          right: 20px;
          width: 10px;
          height: 10px;
          content: '';
          border-bottom: solid 1px #7E7E7E;
          border-right: solid 1px #7E7E7E;
          transform: rotate(45deg);
          pointer-events: none;
          z-index: 1; }
      #mailformpro dl .InputItem dd select {
        position: relative;
        max-width: 700px;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        outline: none;
        box-sizing: border-box;
        transition: 0.3s;
        padding-left: 20px;
        border: 1px solid #999;
        background-color: #fff;
        -webkit-appearance: none;
        appearance: none; }
        #mailformpro dl .InputItem dd select::-ms-expand {
          display: none; }
    #mailformpro dl .InputItem .RadioBtn {
      margin-left: 10px; }
      @media (min-width: 768px) {
        #mailformpro dl .InputItem .RadioBtn {
          padding-top: 15px;
          margin-left: 15px; } }
      #mailformpro dl .InputItem .RadioBtn ul li {
        display: inline-block; }
        #mailformpro dl .InputItem .RadioBtn ul li label {
          font-size: 0.9em;
          margin: 0 30px 0 -10px;
          display: flex;
          align-items: center; }
          @media (min-width: 768px) {
            #mailformpro dl .InputItem .RadioBtn ul li label {
              font-size: 1.0em; } }
          #mailformpro dl .InputItem .RadioBtn ul li label p {
            font-size: 0.9em;
            margin: -3px 0 0 5px; }
            @media (min-width: 768px) {
              #mailformpro dl .InputItem .RadioBtn ul li label p {
                font-size: 1.0em;
                margin: -5px 0 0 5px; } }
          #mailformpro dl .InputItem .RadioBtn ul li label input {
            width: 15px;
            height: 15px; }
  #mailformpro .privacyBtn {
    width: 210px;
    font-size: 0.9em;
    margin: auto; }
    #mailformpro .privacyBtn a {
      position: relative;
      display: inline-block; }
      #mailformpro .privacyBtn a::after {
        position: absolute;
        bottom: -0px;
        left: 0;
        content: '';
        width: 100%;
        height: 1px;
        background: #333;
        transform: scale(0, 1);
        transform-origin: right top;
        transition: transform .3s; }
      #mailformpro .privacyBtn a:hover::after {
        transform-origin: left top;
        transform: scale(1, 1); }

/*
---------------------------------------------------------------------------------------------------------------------
プライバシーポリシー
---------------------------------------------------------------------------------------------------------------------
*/
.PrivacyPurpose {
  max-width: 800px;
  width: 90%;
  margin: auto;
  padding: 60px 0 60px 0;
  position: relative; }
  @media (min-width: 768px) {
    .PrivacyPurpose {
      padding: 100px 0 100px; } }
  .PrivacyPurpose h2 {
    font-size: 1.30em;
    text-align: center;
    margin: 80px auto;
    line-height: 1.4em; }
    @media (min-width: 768px) {
      .PrivacyPurpose h2 {
        font-size: 1.45em; } }
  .PrivacyPurpose h3 {
    font-size: 1.25em;
    color: #000;
    margin-top: 50px; }
    @media (min-width: 768px) {
      .PrivacyPurpose h3 {
        font-size: 1.3em; } }
  .PrivacyPurpose h4 {
    font-size: 1.1em;
    margin-top: 40px;
    font-feature-settings: "palt";
    letter-spacing: 0.05em; }
    @media (min-width: 768px) {
      .PrivacyPurpose h4 {
        font-size: 1.125em; } }
  .PrivacyPurpose p {
    font-size: 0.9em;
    font-weight: lighter;
    line-height: 1.6em;
    text-align: justify;
    margin-top: 10px; }
    @media (min-width: 768px) {
      .PrivacyPurpose p {
        font-size: 1.0em; } }
  .PrivacyPurpose ul {
    margin-top: 10px; }
    .PrivacyPurpose ul li {
      font-size: 0.9em;
      margin: 5px 0 0 0; }
      @media (min-width: 768px) {
        .PrivacyPurpose ul li {
          font-size: 1.0em; } }
      .PrivacyPurpose ul li .tume {
        font-feature-settings: "palt"; }
      .PrivacyPurpose ul li a {
        color: #000; }
  .PrivacyPurpose p.text2 {
    margin-top: 5px; }
  .PrivacyPurpose .inText1 {
    margin-top: 10px; }
    .PrivacyPurpose .inText1 ul {
      margin: 0; }
      .PrivacyPurpose .inText1 ul li {
        font-size: 0.9em;
        font-weight: lighter;
        margin-bottom: 10px;
        padding-left: 1.8em;
        text-indent: -1.8em; }
        @media (min-width: 768px) {
          .PrivacyPurpose .inText1 ul li {
            font-size: 1.0em; } }