@charset "UTF-8";
/* company layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/*@mixin font-hdl {
  font-family: 'Zapfino', cursive;
  font-weight: 400;
}
@mixin font-en {
  font-family: 'athelas', serif;
  font-weight: 700;
  font-style: normal;
}*/
/* アイキャッチアイコンセット */
/* ボタン */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* ボタンの中のspan */
/* 両脇吹き出し線 */
/* キャプション */
/* ボタン */
/* 見出し */
/* 見出し２（背景ブルー） */
/* チェックボックス */
/* フォントサイズ */
/* 縦書き */
/* 文字グロー */
/* 背景パターン */
/* 角丸 */
/* cpitem
---------------------------------------------------------------------------*/
.conitem {
  color: #373A3C; }
  .conitem-intr {
    text-align: center;
    margin-bottom: 85px; }
    @media screen and (max-width: 1300px) {
      .conitem-intr {
        margin-bottom: 6.5384615385vw; } }
    @media screen and (max-width: 752px) {
      .conitem-intr {
        margin-bottom: 23.0769230769vw; } }
  .conitem-thanks {
    text-align: center;
    margin-bottom: 1em; }
    @media screen and (max-width: 480px) {
      .conitem-thanks {
        text-align: left; } }
  .conitem-form {
    width: 610px;
    margin: 0 auto; }
    @media screen and (max-width: 1300px) {
      .conitem-form {
        width: 46.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .conitem-form {
        width: 100%; } }
    .conitem-form input,
    .conitem-form textarea {
      width: 100% !important;
      border: 1px solid #DDDDDD;
      border-radius: 4px;
      padding: .2em .5em; }
      @media screen and (max-width: 1300px) {
        .conitem-form input,
        .conitem-form textarea {
          border-radius: 0.3076923077vw; } }
    .conitem-form textarea {
      height: 180px !important; }
      @media screen and (max-width: 1300px) {
        .conitem-form textarea {
          height: 13.8461538462vw; } }
    .conitem-form dt, .conitem-form dd {
      font-size: 16px; }
      @media screen and (max-width: 1300px) {
        .conitem-form dt, .conitem-form dd {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 752px) {
        .conitem-form dt, .conitem-form dd {
          font-size: 2.1276595745vw; } }
      @media screen and (max-width: 480px) {
        .conitem-form dt, .conitem-form dd {
          font-size: 4.1025641026vw; } }
    .conitem-form dt {
      margin-bottom: 5px; }
    .conitem-form dd + dt {
      margin-top: 40px; }
      @media screen and (max-width: 1300px) {
        .conitem-form dd + dt {
          margin-top: 3.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .conitem-form dd + dt {
          margin-top: 10.2564102564vw; } }
  .conitem-btn {
    text-align: center;
    margin-top: 40px; }
    @media screen and (max-width: 1300px) {
      .conitem-btn {
        margin-top: 3.0769230769vw; } }
    .conitem-btn button {
      background-color: #F19736;
      color: #ffffff;
      font-size: 16px;
      font-weight: bold;
      border-radius: 4px;
      border: none;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease; }
      @media screen and (max-width: 1300px) {
        .conitem-btn button {
          font-size: 2vw; } }
      @media screen and (max-width: 752px) {
        .conitem-btn button {
          font-size: 3vw; } }
      @media screen and (max-width: 480px) {
        .conitem-btn button {
          font-size: 4vw; } }
      @media screen and (max-width: 1300px) {
        .conitem-btn button {
          border-radius: 1vw; } }
      @media screen and (max-width: 480px) {
        .conitem-btn button {
         } }
      .conitem-btn button:hover {
        opacity: .6;
        cursor: pointer; }
  .conitem-button {
    padding: 4px 12px;
  }

.req {
  color: #CE1111;
  font-size: 16px; }
  @media screen and (max-width: 1300px) {
    .req {
      font-size: 1.2307692308vw; } }
  @media screen and (max-width: 752px) {
    .req {
      font-size: 2.1276595745vw; } }
  @media screen and (max-width: 480px) {
    .req {
      font-size: 4.1025641026vw; } }