@media print,screen and (min-width: 737px) { /* PCのみの設定 */

/* MT内メールフォーム用css */
#container.container{ border:none; padding:0; width:970px; max-width:970px; margin:0 auto; color: #333333; line-height:1.8; background:transparent;}
.form-column{ font-size:0; border-bottom:none; margin-bottom:0 !important; overflow:hidden;}
.form-column:first-child{ border-top:1px solid rgba(0,0,0,0.8);}
.form-column .label{ width:30%; background:#EDECE7; padding:15px 15px; margin-bottom:0 !important; position:relative; font-size:15px;
font-family: 'Noto Sans JP', sans-serif !important; font-weight:500 !important;}
.form-column .label:before{ content:""; position:absolute; top:-100px; left:0; width:100%; height:300px; background:#EDECE7; display:block; z-index:-1;}
.form-column .label span.badge.badge-required{ background:#de3030; font-size:14px; color:#fff; padding:3px 8px;}
.form-column .input-group{ padding:15px 15px; width:70%; margin-bottom:0 !important; font-size:15px;background:#fff;}
.form-column .input-group,.form-column .label + input,.form-column .label + select,.form-column .label + textarea{}
.form-column .label + input,.form-column .label + select,.form-column .label + textarea{ margin:15px 0 15px 15px; width:calc(50% - 15px);}
.form-column .input-group input,.form-column .input-group select,.form-column .label + input,.form-column .label + select,.form-column .label + textarea{  font-size:16px; padding:3px 10px; border:1px solid rgba(0,0,0,0.3);
-moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px;}
.form-column .label,.form-column .input-group,.form-column .label + input,.form-column .label + select,.form-column .label + textarea{
display:inline-block; /display:inline; /zoom:1; vertical-align:middle;float: left;}

.preview-block{ font-size:16px; margin:0px 0 0px 15px; width:calc(70% - 15px);
display:inline-block; /display:inline; /zoom:1; vertical-align:middle;}

.button-group{ margin:0px auto 0; text-align:center;        background: #ededed;        padding: 60px 0 0;}
.button-group button{ /* background:rgba(0,0,0,0.9);*/ background:#06C755; color:#fff; border:none; font-size:16px; padding:20px 80px; position:relative;
-moz-border-radius:0px; -webkit-border-radius:0px;border-radius:0px;
-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.button-group button:before{ content:""; position:absolute; right:15px; background: url(https://shoei-flex.com/img/arrow.png) no-repeat; width:32px; height:32px; background-size:cover;
top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.button-group button:hover{ opacity:0.7;}

.button-group button.button-back{ background:rgba(0,0,0,0.5);}
.button-group button.button-back:before{ right:auto; left:15px; background: url(https://shoei-flex.com/img/arrowLeft.png) no-repeat;}
/* MT内メールフォーム用css */



}


@media screen and (max-width: 736px) { /* スマホのみの設定 */

/* MT内メールフォーム用css */
#container.container{ border:none; padding:0; width:100%; margin:0 auto; color: #333333; line-height:1.8; background:transparent;}
.form-column{ font-size:0; /*border-bottom:1px solid rgba(0,0,0,0.8);*/ margin-bottom:0 !important; overflow:hidden;}
/*.form-column:first-child{ border-top:1px solid rgba(0,0,0,0.8);}*/
.form-column .label{ width:100%; background:#EDECE7; padding:6px 15px; background:#EDECE7; margin-bottom:0 !important; position:relative; font-size:14px;
font-family: 'Noto Sans JP', sans-serif !important; font-weight:500 !important;}
.form-column .label span.badge.badge-required{ background:#de3030; font-size:13px; color:#fff; padding:3px 8px;}

.form-column .input-group{ padding:15px 15px; width:100%; margin-bottom:0 !important; font-size:15px;}
.form-column .label + input,.form-column .label + select,.form-column .label + textarea{ margin:15px 15px; width:calc(100% - 30px); max-width:100% ; box-sizing:border-box !important;}
.form-column .input-group input,.form-column .input-group select,.form-column .label + input,.form-column .label + select,.form-column .label + textarea{  font-size:16px; padding:3px 10px; border:1px solid rgba(0,0,0,0.3);
-moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px;}
.form-column .label,.form-column .input-group,.form-column .label + input,.form-column .label + select,.form-column .label + textarea{ display:block; }

.preview-block{ font-size:15px; margin:0px 0 0px 15px; width:calc(100% - 30px); max-width:100% ; 
display:block;}

.button-group{ margin:0px auto 0; text-align:center;background: #ededed;padding: 60px 0 0;}
.button-group button{ background:rgba(0,0,0,0.9); color:#fff; border:none; font-size:16px; padding:12px 0px; position:relative; width:90%; margin:0 auto; display:block;
-moz-border-radius:0px; -webkit-border-radius:0px;border-radius:0px;
-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.button-group button:before{ content:""; position:absolute; right:15px; background: url(https://shoei-flex.com/img/arrow.png) no-repeat; width:24px; height:24px; background-size:cover;
top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.button-group button:hover{ opacity:0.7;}

.button-group button.button-back{ background:rgba(0,0,0,0.5); margin:0 auto 20px; width:60%;}
.button-group button.button-back:before{ right:auto; left:15px; background: url(https://shoei-flex.com/img/arrowLeft.png) no-repeat; background-size:cover;}
/* MT内メールフォーム用css */


 .form-column{
    background:#ededed;
}



}



.form-attention-lead{
    font-size: 15px;
    text-align: center;
}
.form-land-link{
    font-size: 17px;
    text-align: center;
    font-weight:bold;
}
.form-attention-lead{
    border-top: 1px solid #ccc;
    margin-top: 35px;
    margin-bottom:50px;
    padding: 15px 0;
}



fieldset{
	border-left:none;
    border-right:none;
	margin:0;
	background: #EDECE7;
}
