@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
コンタクトページ
---------------------------------------------------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------------------------------------------------
フォーム&ボタン
---------------------------------------------------------------------------------------------------------------------
*/
.ContactForm {
  max-width: 900px;
  width: 90%;
  margin: auto;
  padding: 20px 0 200px; }
  .ContactForm .ContactText {
    margin-bottom: 100px; }
    .ContactForm .ContactText p {
      text-align: justify;
      font-size: 0.9em;
      margin: 50px 0 20px;
      font-feature-settings: "palt";
      letter-spacing: 0.04em;
      line-height: 2em; }
      @media (min-width: 768px) {
        .ContactForm .ContactText p {
          margin: 20px 0 40px;
          font-size: 1.0em; } }
      .ContactForm .ContactText p a {
        color: #036eb8;
        font-family: "Midashi Go MB31";
        transition: .5s;
        position: relative;
        display: inline-block; }
        .ContactForm .ContactText p a::after {
          position: absolute;
          bottom: 6px;
          left: 0;
          content: '';
          width: 100%;
          height: 1px;
          background: #036eb8;
          transform: scale(0, 1);
          transform-origin: right top;
          transition: transform .3s; }
        .ContactForm .ContactText p a:hover::after {
          transform-origin: left top;
          transform: scale(1, 1); }

.button {
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  padding: 15px 70px;
  background-color: #111111;
  border-radius: 50px;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  transition: .5s;
  transform: scale(1);
  border: 1px solid #111111; }
  .button:hover {
    background-color: #F7F7F7;
    color: #111111; }

#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.0em;
      display: flex;
      width: 200px;
      margin: 16px 0 10px 4px; }
      #mailformpro dl .InputItem dt .Mandatory {
        color: #BB0003;
        margin-left: 5px; }
    #mailformpro dl .InputItem dd {
      width: 100%;
      font-size: 1.0em; }
      #mailformpro dl .InputItem dd input {
        max-width: 700px;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        outline: none;
        box-sizing: border-box;
        transition: 0.3s;
        border: 1px solid #fff;
        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: 700px !important;
        width: 100% !important;
        border-radius: 5px;
        outline: none;
        box-sizing: border-box;
        transition: 0.3s;
        border: 1px solid #fff;
        background-color: #fff;
        height: 150px !important;
        padding: 10px; }
      #mailformpro dl .InputItem dd.Select {
        position: relative;
        width: 100%; }
        @media (min-width: 768px) {
          #mailformpro dl .InputItem dd.Select {
            margin-left: -35px;
            width: 350px; } }
        #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: 350px;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        outline: none;
        box-sizing: border-box;
        transition: 0.3s;
        padding-left: 20px;
        border: 1px solid #fff;
        background-color: #fff;
        -webkit-appearance: none;
        appearance: none; }
        #mailformpro dl .InputItem dd select::-ms-expand {
          display: none; }
    #mailformpro dl .InputItem .RadioBtn {
      padding-top: 15px;
      display: flex;
      margin-left: 5px; }
      @media (min-width: 768px) {
        #mailformpro dl .InputItem .RadioBtn {
          margin-left: -35px; } }
      #mailformpro dl .InputItem .RadioBtn p {
        font-size: 0.9em;
        margin-right: 40px;
        padding-left: 1.4em;
        text-indent: -1.4em; }
        @media (min-width: 768px) {
          #mailformpro dl .InputItem .RadioBtn p {
            font-size: 1.0em; } }
  #mailformpro .privacyBtn {
    width: 100%;
    font-size: 0.9em; }
    @media (min-width: 821px) {
      #mailformpro .privacyBtn {
        margin-left: 170px; } }
    #mailformpro .privacyBtn a {
      text-decoration: underline;
      transition: .5s; }
      #mailformpro .privacyBtn a:hover {
        color: #036eb8; }

/*
---------------------------------------------------------------------------------------------------------------------
プライバシーポリシー
---------------------------------------------------------------------------------------------------------------------
*/
.PrivacyPurpose {
  max-width: 900px;
  width: 90%;
  margin: auto;
  padding: 20px 0 200px;
  position: relative; }
  .PrivacyPurpose h2 {
    text-align: center;
    margin: 50px auto;
    line-height: 1.4em; }
  .PrivacyPurpose h3 {
    font-size: 1.25em;
    color: #111;
    margin-top: 50px; }
  .PrivacyPurpose h4 {
    font-size: 1.125em;
    margin-top: 30px;
    font-feature-settings: "palt";
    letter-spacing: 0.05em; }
  .PrivacyPurpose p {
    font-size: 0.9em;
    text-align: justify; }
  .PrivacyPurpose ul li {
    font-size: 0.9em; }
    .PrivacyPurpose ul li a {
      color: #000; }
  .PrivacyPurpose p.text2 {
    margin-top: 15px; }
  .PrivacyPurpose .inText1 {
    margin-top: 20px; }
    .PrivacyPurpose .inText1 ul li {
      margin-bottom: 10px;
      padding-left: 1.3em;
      text-indent: -1.3em;
      text-align: justify; }
  .PrivacyPurpose .inText2 {
    margin-left: 1em; }
    .PrivacyPurpose .inText2 ul {
      margin-top: 10px; }
      .PrivacyPurpose .inText2 ul p {
        font-size: 0.9em;
        font-feature-settings: "palt";
        letter-spacing: 0.05em;
        padding-left: 2.2em;
        text-indent: -2.2em;
        line-height: 1.6em;
        margin-top: 15px; }
      .PrivacyPurpose .inText2 ul li {
        margin-left: 2.2em;
        line-height: 1.6em;
        margin-top: 10px; }
  .PrivacyPurpose .Enactment {
    position: absolute;
    right: 0;
    margin-top: 30px; }
    .PrivacyPurpose .Enactment p {
      font-size: 1em; }
    .PrivacyPurpose .Enactment .CEO_text {
      margin-top: 16px;
      display: flex; }
      .PrivacyPurpose .Enactment .CEO_text h6 {
        font-size: 0.8em;
        margin-right: 10px; }
      .PrivacyPurpose .Enactment .CEO_text h5 {
        font-size: 1.125em;
        margin-top: -4px;
        letter-spacing: 0.1em; }
      .PrivacyPurpose .Enactment .CEO_text img {
        width: 100px;
        height: auto;
        margin-left: 10px; }