@charset "UTF-8"; /*  文字コードの指定（Shift_JIS, EUC-JP,UTF-8） */
/************************************************/
/*  問い合わせ基本設定                          */
/*    画面サイズ                                */
/*      1260px以上 : width 1220px               */
/************************************************/
/*------------------ ブロック ------------------*/
div.group1{
    /* 背景 */
    background-color           : #599fff;      /* 背景色 */
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
div.group2{
}
div.group3{
}
/************************************************/
/*  問い合わせ設定                              */
/************************************************/
.group1 form div.mailf_message{
    /* 背景 */
    background-color           : #f0f000;      /* 背景色 */
    /* 幅・高さ */
    min-height                 : 2.0rem;       /* 内容領域の高さ（最小） */
    /* 表示・配置 */
    float                      : left;         /* フロート */
    clear                      : both;         /* フロート解除 */
    /* テキスト・フォント */
    font-size                  : 1.2em;        /* 文字サイズ */
}
.group1 form div.mailf_group{
    /* マージン・パディング */
    margin-top                 : calc(0.8rem + 1px); /* 外側の余白（上） */
    /* 表示・配置 */
    float                      : left;         /* フロート */
    clear                      : both;         /* フロート解除 */
}
.group1 form div.mailf_title{
    /* 背景 */
    background-color           : #808080;      /* 背景色 */
    /* 幅・高さ */
    width                      : 11.0em;       /* 内容領域の幅 */
    height                     : 1.2rem;       /* 内容領域の高さ */
    /* マージン・パディング */
    margin-top                 : calc(0.8rem + 1px); /* 外側の余白（上） */
    padding-top                : 8px;          /* 内側の余白（上） */
    /* 表示・配置 */
    float                      : left;         /* フロート */
    clear                      : both;         /* フロート解除 */
    /* テキスト・フォント */
    font-size                  : 1.0em;        /* 文字サイズ */
    line-height                : 1.4em;        /* 行の高さ */
    text-decoration            : underline;    /* 文字の装飾 */
}
.group1 form div.mailf_title > span{
    /* マージン・パディング */
    margin-left                : 0.4em;        /* 外側の余白（左） */
    /* 表示・配置 */
    display                    : inline-block; /* 表示形式 */
    /* テキスト・フォント */
    color                      : #808080;      /* 文字色 */
    font-size                  : 0.6em;        /* 文字サイズ */
    text-decoration            : none;         /* 文字の装飾 */
}
.group1 form div.mailf_title > span.mailf_require_all{
    /* テキスト・フォント */
    color                      : #f06060;      /* 文字色 */
    font-size                  : 0.8em;        /* 文字サイズ */
    font-weight                : bold;         /* 文字の太さ */
}
.group1 form div.mailf_title + div{
    /* 表示・配置 */
    float                      : left;         /* フロート */
}
.group1 form div.mailf_conf{
    /* 幅・高さ */
    min-height                 : 1.2rem;       /* 内容領域の高さ（最小） */
    /* マージン・パディング */
    margin-top                 : 0.8rem;       /* 外側の余白（上） */
    padding                    : 4px;          /* 内側の余白 */
    /* テキスト・フォント */
    color                      : #707070;      /* 文字色 */
}
.group1 form input[type="radio"] + input[type="radio"]{
    /* マージン・パディング */
    margin-left                : 1.0em;        /* 外側の余白（左） */
}
.group1 form input[type="text"]{
    /* 背景 */
    background-color           : #c0c0c0;      /* 背景色 */
    /* 幅・高さ */
    height                     : 1.2rem;       /* 内容領域の高さ */
    /* マージン・パディング */
    margin-top                 : 0.8rem;       /* 外側の余白（上） */
    padding                    : 4px;          /* 内側の余白 */
    /* 境界線 */
    border-width               : 0px;          /* 境界線の太さ */
    border-bottom-width        : 1px;          /* 境界線の太さ（下） */
    border-color               : #505050;      /* 境界線の色 */
    border-style               : none;         /* 境界線のスタイル */
    border-bottom-style        : solid;        /* 境界線のスタイル（下） */
    /* 表示・配置 */
    display                    : block;        /* 表示形式 */
    float                      : left;         /* フロート */
    /* テキスト・フォント */
    font-size                  : 1.1em;        /* 文字サイズ */
}
.group1 form input.mailf_subject{
    /* 幅・高さ */
    width                      : 30.0em;       /* 内容領域の幅 */
    /* マージン・パディング */
    margin-left                : 1.0em;        /* 外側の余白（左） */
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
.group1 form div.mailf_subject + div.mailf_conf{
    /* マージン・パディング */
    margin-left                : 1.0em;        /* 外側の余白（左） */
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
.group1 form input.mailf_zipcode,
.group1 form input.mailf_tel,
.group1 form input.mailf_mail,
.group1 form input.mailf_mailconf{
    /* テキスト・フォント */
    ime-mode                   : disabled;     /* 日本語入力モード（独自拡張） */
}
.group1 form textarea[name="task"]{
    /* 幅・高さ */
    width                      : calc(100% - 1.0em); /* 内容領域の幅 */
    height                     : 15.0em;       /* 内容領域の高さ */
    /* マージン・パディング */
    margin-top                 : 0.8rem;       /* 外側の余白（上） */
    margin-left                : 1.0em;        /* 外側の余白（左） */
    /* 境界線 */
    border-width               : 1px;          /* 境界線の太さ */
    border-color               : #d0d0d0;      /* 境界線の色 */
    border-style               : solid;        /* 境界線のスタイル */
    /* 表示・配置 */
    float                      : left;         /* フロート */
    /* テキスト・フォント */
    font-size                  : 1.0em;        /* 文字サイズ */
}
.group1 form div.mailf_task + div.mailf_conf{
    /* 幅・高さ */
    width                      : calc(100% - 1.0em); /* 内容領域の幅 */
    height                     : auto;         /* 内容領域の高さ */
    /* マージン・パディング */
    margin-left                : 1.0em;        /* 外側の余白（左） */
    /* 境界線 */
    border-width               : 1px;          /* 境界線の太さ */
    border-color               : #d0d0d0;      /* 境界線の色 */
    border-style               : dashed;       /* 境界線のスタイル */
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
.group1 form div.mailf_add_massage{
    /* 背景 */
    background-color           : #f0f000;      /* 背景色 */
    /* マージン・パディング */
    margin-top                 : 1.2rem;       /* 外側の余白（上） */
    margin-left                : 1.0em;        /* 外側の余白（左） */
    /* 表示・配置 */
    float                      : left;         /* フロート */
}
.group1 form div.mailf_submit{
    /* 背景 */
    background-color           : #f0f000;      /* 背景色 */
    /* 幅・高さ */
    width                      : 100%;         /* 内容領域の幅 */
    /* マージン・パディング */
    margin-top                 : 1.0rem;       /* 外側の余白（上） */
    /* 表示・配置 */
    float                      : left;         /* フロート */
    /* テキスト・フォント */
    font-size                  : 1.2em;        /* 文字サイズ */
    text-align                 : center;       /* 水平方向の表示位置 */
}
.group1 form div.mailf_submit input{
    /* 背景 */
    background-color           : #9ed2db !important; /* 背景色 */
    /* 幅・高さ */
    height                     : calc(1.8em - 2px); /* 内容領域の高さ */
    /* マージン・パディング */
    margin-top                 : 0.8rem;       /* 外側の余白（上） */
    padding                    : 0px 0.6em;    /* 内側の余白 */
    /* 境界線 */
    border-width               : 1px;          /* 境界線の太さ */
    border-color               : #d0d0d0;      /* 境界線の色 */
    border-style               : solid;        /* 境界線のスタイル */
    /* テキスト・フォント */
    font-size                  : 1.2em;        /* 文字サイズ */
    line-height                : 1.8em;        /* 行の高さ */
}
.group1 form div.mailf_submit input[name="submit"] + input[name="submit"]{
    /* マージン・パディング */
    margin-left                : 1.8em;        /* 外側の余白（左） */
}
/* ++++++++         1260px以上         ++++++++ */
@media screen and (min-width:1260px) {
/*------------------ ブロック ------------------*/
div.group1{
    /* マージン・パディング */
    margin-top                 : 3.2rem;       /* 外側の余白（上） */
}
/*---------------- デザイン設定 ----------------*/
.group1 form div.mailf_message{
    /* 幅・高さ */
    width                      : calc(100% - 11.0rem); /* 内容領域の幅 */
    /* マージン・パディング */
    margin-left                : 11.0rem;      /* 外側の余白（左） */
}
.group1 form div.mailf_group{
    /* 幅・高さ */
    width                      : calc(100% - 11.0rem); /* 内容領域の幅 */
    /* マージン・パディング */
    margin-left                : 11.0rem;      /* 外側の余白（左） */
}
.group1 form div.left{
    /* 背景 */
    background-color           : #99ff99;      /* 背景色 */
    /* 幅・高さ */
    width                      : calc(11.0em + 320px + 8px); /* 内容領域の幅 */
    /* 表示・配置 */
    float                      : left;         /* フロート */
}
.group1 form div.right{
    /* 背景 */
    background-color           : #9999ff;      /* 背景色 */
    /* 幅・高さ */
    width                      : calc(1220px - 11.0em - 320px - 8px - 40px); /* 内容領域の幅 */
    /* マージン・パディング */
    margin-left                : 40px;         /* 外側の余白（左） */
    /* 表示・配置 */
    float                      : left;         /* フロート */
}
.group1 form input[type="text"]{
    /* 幅・高さ */
    width                      : 320px;        /* 内容領域の幅 */
}
.group1 form div.mailf_conf{
    /* 幅・高さ */
    width                      : 320px;        /* 内容領域の幅 */
}
/*                                              */
}
/* ++++++++----------------------------++++++++ */
/* ++++++++         1259px以下         ++++++++ */
@media screen and (max-width:1259px) {
/*------------------ ブロック ------------------*/
div.group1{
    /* マージン・パディング */
    margin-top                 : 1.2rem;       /* 外側の余白（上） */
}
/*---------------- デザイン設定 ----------------*/
.group1 form div.mailf_group{
    /* 幅・高さ */
    width                      : 100%;         /* 内容領域の幅 */
    /* テキスト・フォント */
    text-align                 : center;       /* 水平方向の表示位置 */
}
.group1 form div.mailf_title + div.mailf_title{
    /* マージン・パディング */
    margin-top                 : 1.8rem;       /* 外側の余白（上） */
}
.group1 form div.mailf_mailconf,
.group1 form div.mailf_mailconftext{
    /* 表示・配置 */
    display                    : none;         /* 表示形式 */
}
.group1 form div.mailf_mailconftext + div{
    /* マージン・パディング */
    margin-left                : 1.2em;        /* 外側の余白（左） */
}
.group1 form input[type="text"]{
    /* 背景 */
    background-color           : #f5f5f5 !important; /* 背景色 */
    /* 幅・高さ */
    width                      : calc(100% - 1.0em - 4px - 0.5em); /* 内容領域の幅 */
    height                     : 1.6em;        /* 内容領域の高さ */
    /* マージン・パディング */
    margin-top                 : 0.4em;        /* 外側の余白（上） */
    margin-left                : 1.0em;        /* 外側の余白（左） */
    /* テキスト・フォント */
    font-size                  : 1.2em;        /* 文字サイズ */
}
.group1 form div.mailf_conf{
    /* 幅・高さ */
/*    width                      : calc(100% - 11.0em - 2em);        /* 内容領域の幅 */
    /* マージン・パディング */
    margin-top                 : 0.2rem;       /* 外側の余白（上） */
    margin-left                : 1.0em;        /* 外側の余白（左） */
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
    /* テキスト・フォント */
    font-size                  : 1.2em;        /* 文字サイズ */
}
.group1 form textarea[name="task"]{
    /* 幅・高さ */
    width                      : calc(100% - 1.0em - 0.5em); /* 内容領域の幅 */
}
.group1 form div.mailf_task + div.mailf_conf{
    /* 幅・高さ */
    width                      : calc(100% - 1.0em - 0.5em); /* 内容領域の幅 */
}
/*                                              */
}
/* ++++++++----------------------------++++++++ */
/*++++++++++++++++++++++++++++++++++++++++++++++*/
/*  デバッグ用                                  */
/*++++++++++++++++++++++++++++++++++++++++++++++*/
*{
    /* 背景 */
    background-color           : transparent !important; /* 背景色 */
}