/* ===================================
設問エリアのレイアウト
=================================== */
/* 設問エリア全体の設定 */
#form-inquiry div.wrapper {
    width:940px;  /* 画面の横幅 */
    margin:0 auto;  /* 中央に表示 */
    background:white;
}

/*設問名のセルのデザイン */
#form-inquiry td.label {
    width:150px;  /* 実際の設問名の文字の長さに合わせて調整してください */
    padding:4px 0 4px 5px;
    color:#224;
    font-size:13px;
    font-weight:bold;
    vertical-align:middle;  /* ラベルの配置 セルの上部に表示したい場合は top */
    background:GhostWhite;
}
/* 設問の入力セルおよび表示セルのデザイン */
#form-inquiry td.value {
    width:400px;  /* 入力コントロールの幅に合わせて調整してください */
    padding:3px 3px 0 3px;
    border-bottom:GhostWhite 1px solid;  /* 設問と設問の間の下線 */
    background:White;
}
/* 設問の入力例/説明セルのデザイン */
#form-inquiry td.comment {
    font-size:12px;
    padding-left:10px;
    color:DarkSlateGray;
    border-bottom:GhostWhite 1px solid;
    background:White;
}

/* 入力セルの「氏」「名」の文字のデザイン */
#form-inquiry span.label_name {
    padding-right:5px;
    font-size:85%;
    font-weight:bold;
    color:DarkSlateGray;
}

/* 入力確認画面、完了画面の入力された文字のデザイン */
#form-inquiry p.value {
    font-size:110%;
}

/* ボタンの表示エリアの設定 */
#form-inquiry div.button_area {
    width:940px;
    margin:10px auto 10px auto;  /* 中央に表示、上下に10pxの余白 */
    background:GhostWhite;
    padding:10px 0 10px 0;  /* ボタンとの上下の隙間のサイズ */
    text-align:center;  /* 中央にボタンを表示 */
}

/* 入力エラーメッセージのデザイン */
#form-inquiry div.message {
    padding:5px 10px 5px 10px;  /* メッセージテキストと背景色の隙間のサイズ */
    margin:10px 13px 10px 13px; /* 上 右 下 左 の隙間のサイズ */
    font-size:14px;
    font-weight:bold;
    color:OrangeRed;
    background:LightYellow;
}

/* 公開終了メッセージのデザイン */
#form-inquiry div.finished-message {
    padding:5px 10px 5px 10px;  /* メッセージテキストと背景色の隙間のサイズ */
    margin:10px 13px 10px 13px; /* 上 右 下 左 の隙間のサイズ */
    font-size:14px;
    font-weight:bold;
    color:Crimson;
    background:MistyRose;
}

/* ===================================
入力コントロールのデザイン
=================================== */
/* 確認／送信／戻る／登録ボタン */
#form-inquiry input[type=button] {
    font-size:18px;
    background:SteelBlue;  /* ボタンの色 */
    padding:5px 10px 2px 10px;  /* ボタンの文字の 上 右 下 左 の隙間のサイズ */
    margin:0px 10px 0px 10px;  /* 確認画面に表示される2つのボタンの左右の余白サイズ */
    border:none;  /* ボタンに枠線をつけたい場合は、ここを設定してください */
    color:white;  /* 文字の色 */
    font-weight:bold;
}
#form-inquiry input[type=button]:hover { cursor: pointer; }

/* 入力中のフィールドの背景色 */
/* それぞれの入力フィールドにカーソルが移動したときに背景の色が変わります。不要な場合は削除してください。 */
#form-inquiry input[type="text"]:focus {  background-color:LightYellow; }  /* テキストボックス */
#form-inquiry select:focus {  background-color:LightYellow; }  /* プルダウン */
#form-inquiry textarea:focus {  background-color:LightYellow; }  /* テキストエリア */

/* ===================================
必須項目のマークおよびメッセージなど
=================================== */
/* 必須項目のマーク */
#form-inquiry span.required {
    float:right;
    margin-right:4px;
    font-size:60%;
    font-weight:bold;
    color:OrangeRed;
}
#form-inquiry span.required:after {
    /* ここを編集することで表示されるマークを変更できます */
    content:"※必須";
}
/* 必須項目についての説明文 */
#form-inquiry p.required_msg {
    text-align:right;
    margin-right:4px;
    font-size:80%;
    font-weight:bold;
    color:OrangeRed;
}
#form-inquiry p.required_msg:after {
    /* ここを編集することで表示されるマークを変更できます */
    content:"「※必須」となっている項目は必ず入力してください。";
}

/* メールアドレスの再入力メッセージ */
#form-inquiry p.label_mail {
    margin:5px 0 1px 0;
    font-size:85%;
    font-weight:bold;
    color:DarkSlateGray;
}
#form-inquiry p.label_mail:after {
    /* ここを編集することで表示されるメッセージを変更できます */
    content:"確認のため、もう一度メールアドレスを入力してください";
}


/*---------------------------*/
#form.myBlockContact #form-inquiry,
#contact.myBlockContact #form-inquiry{
    padding-top: 50px !important;
}
#form-inquiry {
    margin-top: 150px;
    margin-bottom: 100px;}

#form-inquiry a {
    color: #FF1D0D;
    text-decoration: underline;
}
#form-inquiry {
    /*max-width: 780px;*/
    margin: auto;
    padding-top: 150px !important;
    padding-bottom: 100px !important;
}
#form-inquiry .inquiry-title {
    color: #FF1D0D;
    font-size: 42px;
    line-height: 30px;
    font-weight: 500;
    padding: 20px 0;
}
#form-inquiry .introduce-text {
    padding: 10px;
    margin: auto;
    font-size: 170%;
    max-width: 820px;
    padding-bottom: 80px;
}
#form-inquiry div.container {
    /*width: 100% !important;*/
    padding-right: 15px;
    padding-left: 15px;
    background: unset !important;
    border: unset !important;
    font-size: unset !important;
    color: unset !important;
    margin: 0 auto !important;
    text-align: left;
}
#form-inquiry .container{
    font-family: "Poppins", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    letter-spacing: 0.05em;
    font-weight: normal;
    font-size: 1.6rem;
    max-width: 780px !important;
    background: white;
    border: none !important;
    /*border-top: none;*/
    color: #333;
    margin: 0 auto;
    text-align: left;
    box-sizing: border-box;
}

#form-inquiry div.wrapper{
    width: unset;
    margin: 0 auto;
    background: white;
}

#form-inquiry table.items {
    border: none !important;
    width: 100%;
}

#form-inquiry tr.item {
    width: 100%;
    /*padding: 10px;*/
}

#form-inquiry td.label {
    /* width: 150px; */
    padding: 10px;
    padding-bottom: 5px;
    color: #224;
    font-size: 16px;
    font-weight: unset !important;
    vertical-align: middle;
    background: unset !important;
    width: 100% !important;
    display: flex;
    align-items: center;
}

#form-inquiry span.required {
    float: unset !important;
    font-size: 70%;
    font-weight: unset !important;
    padding: 4px 3px;
    margin: .1em .5em;
    border-radius: 2px;
    background: #FF1D0D !important;
    color: #f7f7f7 !important;
    display: inline-block;
    font-style: normal !important;
    line-height: .64em !important;
}

#form-inquiry td.value {
    border: none !important;
    background: White;
    display: block;
    width: 100% !important;
    padding: 0 10px;

}

#form-inquiry td.comment {
    font-size: 14px;
    padding: 10px;
    color: #333 !important;
    border: none !important;
    background: White;
    display: block;
    width: 100%;
    padding-top : 0;
}
#form-inquiry td.value input[type="text"],
#form-inquiry td.value textarea
{
    width: 100%;
    height: auto;
    padding: 13px;
    color: #333;
    border-radius: 2px;
    outline: none;
    box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .3);
    background-color: hsla(0, 0%, 39%, .1);
}
#form-inquiry td.value  input[type=radio]
{
    margin-right: 5px;
}
#form-inquiry td.value  input[type=radio]:nth-of-type(2),
#form-inquiry td.value  input[type=radio]:last-child
{
    /*margin-left: 12px;*/
}

#form-inquiry td.value input[type="text"]:focus,
#form-inquiry td.value textarea:focus
{
    color: #333;
    background-color: #fff;
    border-color: #FF1D0D;
}
#form-inquiry #item_0 .label{
    padding-top: 0;
}
#form-inquiry #item_1 .value{
    display: flex;
    justify-content: left;
    align-items: center;
}
#form-inquiry #item_0 .value label{
    cursor: pointer;
}
#form-inquiry #item_1 span.label_name:nth-of-type(2) {
    padding-left: 10px;
    padding-right: 5px;
}
/*#form-inquiry #item_5 .comment,*/
/*#form-inquiry #item_6 .comment*/
/*{*/
/*    margin-top: -5px;*/
/*}*/

#form-inquiry input[type=button] {
    font-size: 18px;
    margin: unset !important;
    border: none;
    font-weight: unset !important;
    background-color: #FF1D0D !important;
    color: #fff !important;
    padding: 15px 80px !important;
    border-radius: 10px !important;
    transition: 0.3s;
}
#form-inquiry input[type=button]:hover{
    opacity: 0.5;
}
#form-inquiry div.button_area
{
    width :unset !important;
    background: #ffffff !important;
}

footer .container
{
    width: 100% !important;
}


@media screen and (max-width: 767px) {
    #form-inquiry .container{
        font-size: 1.2rem;
        width: 100%;
    }
    #form-inquiry .inquiry-title {
        padding: 20px 15px;
    }
    #form-inquiry td.label,
    #form-inquiry td.value,
    #form-inquiry td.comment{
        font-size: 14px;
    }
    #form-inquiry td.value input[type="text"] {
        width: 100% !important;
        padding: 10px;
    }
    /*#form-inquiry #item_5 .comment, #form-inquiry #item_6 .comment {*/
    /*     margin-top: -5px;*/
    /*}*/
    #form-inquiry > .container{
        padding: 0 !important;
    }
    #form #form-inquiry  .container,
    #contact #form-inquiry  .container
    {
        padding: 0 !important;
    }

    /*--------*/
    #form-inquiry div.container{
        width: 100%;
    }
    #form-inquiry table.items{
        width: 100%;
    }
    #form-inquiry td.label{
        float: left;
        padding-top: 10px
    }
    #form-inquiry span.required{
        float: initial;
    }
    #form-inquiry td.value {
        float: left;
        padding-bottom: 0px;
    }
    #form-inquiry td.comment{
        float: left;
    }
    #form-inquiry td.value{
        padding: 0;
    }
}
@media only screen and (min-width: 768px) {
    #form-inquiry > .container {
        max-width: 1280px !important;

    }
    #form #form-inquiry .container{
        max-width: 1280px !important;
    }
    #form-inquiry div.container{
        width: unset;
    }
}

/*#form-inquiry {*/
/*    margin-top: 150px;*/
/*    margin-bottom: 100px;}*/

/*#form-inquiry a {*/
/*    color: #FF1D0D;*/
/*    text-decoration: underline;*/
/*}*/

/*#satori__creative_container {*/
/*    max-width: 780px;*/
/*    margin: auto;*/
/*    padding-top:80px;*/
/*}*/
/*.inquiry-title {*/
/*    color: #FF1D0D;*/
/*    font-size: 42px;*/
/*    line-height: 30px;*/
/*    font-weight: 500;*/
/*    padding: 20px 0;*/
/*}*/
/*.introduce-text {*/
/*    padding: 10px;*/
/*    font-size : 170%;*/
/*    max-width: 820px;*/
/*    margin: auto;}*/

/*.satori__input_group label:first-child {*/
/*    color: #000 !important;*/
/*}*/

/*.satori__require {*/
/*    background: #FF1D0D !important;*/
/*    color: #f7f7f7 !important;*/
/*    font-size: 12px !important;*/
/*}*/

/*.satori__not_require {*/
/*    background: none !important;*/
/*    color: #666 !important;*/
/*    font-size: 12px !important;*/
/*}*/

/*.satori__input_group input[type=email]:focus,*/
/*.satori__input_group input[type=number]:focus,*/
/*.satori__input_group input[type=password]:focus,*/
/*.satori__input_group input[type=tel]:focus,*/
/*.satori__input_group input[type=text]:focus,*/
/*.satori__input_group input[type=url]:focus,*/
/*.satori__input_group textarea:focus {*/
/*    color: #333 !important;*/
/*    background-color: #fff !important;*/
/*    border-color: #FF1D0D !important;*/
/*}*/

/*.satori__custom_form_e502d70a685d688a_css input[type=radio]+label {*/
/*    color : #000 !important;*/
/*}*/

/*input[type=radio]+label*/
/*input[type=checkbox]:checked+label,*/
/*input[type=radio]:checked+label {*/
/*    color: #000 !important;*/
/*}*/

/*.satori__notes {*/
/*    font-size: 14px !important;*/
/*    background: none !important;*/
/*    border: none !important;*/
/*}*/

/*.satori__btn {*/
/*    background-color: #FF1D0D !important;*/
/*    color: #fff !important;*/
/*    padding: 15px 80px !important;*/
/*    border-radius: 10px !important;*/
/*}*/

/*.satori__input_group .satori__error_messages {*/
/*    font-size: 14px !important;*/
/*}*/