@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

img {
    vertical-align:top;
}

/*===============================================================
 スマホ向けのスタイルシート
===============================================================*/

@media screen and (max-width: 767px) {

    /* スマホではテーブルを拡大する */
    table {
        width: 100%;
        max-width: none;
    }

    /* スマホではメールフォームのボタンを大きくする */
    input[type="submit"] {
      padding: 15px 20px;
      font-size: 16px;
      width: 100%;
      box-sizing: border-box;
    }

    /* スマホではメールフォームの横幅を広げる */
    input[type="text"], textarea {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }

    /* スマホでも入力フォームの「生年月日」の箇所は広げない */
    input.no-expand {
      width: auto;
      max-width: 80px;
      box-sizing: border-box;
    }

    /* スマホではテーブルを縦に並べる */
    .responsive-table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }


}

/*===============================================================
 ここまでスマホ向けのスタイルシート
================================================================*/