<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />
@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
/* サイズ */
/* マージン */
/* カラー */
/* フォントサイズ */
/* 角丸 */
/* 文字間 */
/* レスポンシブテーブル */
/* カードレイアウト */
/* コンテンツカード */
/*
14px bold padding(10 20)
18px bold padding(15 30)
25px bold padding(20 40)
*/
/* ボタン */
/* Scss Document */
/* サイズ */
/* マージン */
/* カラー */
/* フォントサイズ */
/* 角丸 */
/* 文字間 */
.content-header-normal .main-visual {
  position: relative; }
  .content-header-normal .main-visual img {
    object-fit: cover;
    width: 100%;
    height: 200px; }
  .content-header-normal .main-visual h2 {
    position: absolute;
    display: block;
    width: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 1em;
    font-size: 34px;
    font-family: 'Noto Serif JP', serif;
    color: #333; }
    .content-header-normal .main-visual h2 span {
      display: inline-block;
      vertical-align: baseline; }
.content-header-normal .overview {
  width: 100%;
  max-width: 1366px;
  margin: 40px auto 0 auto;
  padding: 0 40px; }
@media screen and (max-width: 1024px) {
  .content-header-normal .overview {
    margin: 20px auto 0 auto;
    padding: 0 20px; } }
@media screen and (max-width: 428px) {
  .content-header-normal .main-visual img {
    height: 150px; }
  .content-header-normal .main-visual h2 {
    font-size: 25px; }
  .content-header-normal .overview {
    margin: 15px auto 0 auto;
    padding: 0 15px; } }

.form-wrap {
  margin: 0 auto;
  max-width: 800px;
  /* メッセージ */ }
  .form-wrap #msg2 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
    /*display: block;*/
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    /* ローディング */ }
    .form-wrap #msg2 > div {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: auto;
      transform: translateY(-50%);
      width: 90%;
      max-width: 700px;
      background: white;
      padding: 30px;
      text-align: center; }
    .form-wrap #msg2 h4 {
      color: black;
      background: none;
      font-size: 14pt; }
    .form-wrap #msg2 .button {
      margin-top: 20px; }
    .form-wrap #msg2 .loader,
    .form-wrap #msg2 .loader:after {
      border-radius: 50%;
      width: 10em;
      height: 10em; }
    .form-wrap #msg2 .loader {
      margin: 60px auto;
      font-size: 10px;
      position: relative;
      text-indent: -9999em;
      border-top: 1.1em solid #0075C2;
      border-right: 1.1em solid #0075C2;
      border-bottom: 1.1em solid #0075C2;
      border-left: 1.1em solid #EAF1FA;
      transform: translateZ(0);
      animation: load8 1.1s infinite linear; }
@keyframes load8 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .form-wrap #mail_form {
    margin: 0 auto;
    /* テーブル */
    /* フォーム */ }
    .form-wrap #mail_form h3 {
      background: none;
      border: none;
      font-size: 16pt;
      margin: 50px 0 10px 0;
      letter-spacing: 0; }
    .form-wrap #mail_form #division-wrap {
      max-width: 800px; }
      .form-wrap #mail_form #division-wrap p {
        margin: 0 0 10px 0; }
    .form-wrap #mail_form table {
      margin: 0;
      padding: 0;
      width: 100%;
      max-width: 800px; }
    .form-wrap #mail_form table th,
    .form-wrap #mail_form table td {
      padding: 15px;
      box-sizing: border-box;
      /*
      			border-top: 1px solid #CCC;
      			border-bottom: 1px solid #CCC;
      */
      border: 1px solid #CCC;
      border-collapse: collapse;
      vertical-align: middle;
      text-align: left;
      color: black; }
    .form-wrap #mail_form table th {
      background: #F5F5F5;
      width: 250px; }
    .form-wrap #mail_form table td .supplement {
      display: inline-block; }
    .form-wrap #mail_form #customer,
    .form-wrap #mail_form #inquiry,
    .form-wrap #mail_form #confirm-wrap,
    .form-wrap #mail_form .form-btn {
      display: none; }
    .form-wrap #mail_form input.e_only, .form-wrap #mail_form input.num_only, .form-wrap #mail_form input.telnum_only {
      ime-mode: disabled;
      /*ieのみ*/ }
    .form-wrap #mail_form input[type="text"],
    .form-wrap #mail_form input[type="email"],
    .form-wrap #mail_form input[type="tel"],
    .form-wrap #mail_form select,
    .form-wrap #mail_form textarea {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      box-sizing: border-box;
      width: 100%; }
    .form-wrap #mail_form .form-btn {
      margin: 20px 0 40px;
      text-align: center; }
      .form-wrap #mail_form .form-btn input {
        margin: 0 10px;
        padding: 5px 10px;
        width: 120px; }
    .form-wrap #mail_form #m_name,
    .form-wrap #mail_form #m_kana,
    .form-wrap #mail_form #m_mail {
      max-width: 380px; }
    .form-wrap #mail_form #m_branch {
      width: 100%; }
    .form-wrap #mail_form #m_tel,
    .form-wrap #mail_form #m_member_num,
    .form-wrap #mail_form #m_coupon_id {
      max-width: 250px; }
    .form-wrap #mail_form #division2 li {
      list-style: none;
      margin-bottom: 10px; }
    .form-wrap #mail_form li :last-child {
      margin-bottom: 0; }
    .form-wrap #mail_form li label {
      vertical-align: middle; }
    .form-wrap #mail_form span.required {
      color: red; }
    .form-wrap #mail_form .error {
      background: pink; }
    .form-wrap #mail_form .err-msg {
      color: red; }
    @media screen and (max-width: 834px) {
      .form-wrap #mail_form table th,
      .form-wrap #mail_form table td {
        display: block;
        width: 100%;
        border-bottom: 0px solid #CCC; }
      .form-wrap #mail_form table tr:last-child td {
        border-bottom: 1px solid #CCC; } }