@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;
      width: 183px;
      height: 35px;
      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: 1.2307692308vw; } }
      @media screen and (max-width: 752px) {
        .conitem-btn button {
          font-size: 2.1276595745vw; } }
      @media screen and (max-width: 480px) {
        .conitem-btn button {
          font-size: 4.1025641026vw; } }
      @media screen and (max-width: 1300px) {
        .conitem-btn button {
          width: 14.0769230769vw;
          height: 2.6923076923vw;
          border-radius: 0.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .conitem-btn button {
          width: 42.8205128205vw;
          height: 8.9743589744vw; } }
      .conitem-btn button:hover {
        opacity: .6;
        cursor: pointer; }

.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; } }
