body.frame{
    background-color: #fff;
}
@media screen and (max-width: 960px){

.in-layout .in-layout_header,
.in-layout .in-layout_footer {
    display: none;
}

.in-layout .in-layout_form {
    border: none;
    padding-bottom: 0;
}

p.error {
    font-size: 12px;
}

}

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

html{
    overflow-x: hidden;
}

body,
.form-control {
    font-size: 12px;
    padding: 2px 4px;
    width: 100%;
}

button,
input,
optgroup,
label,
select,
textarea {
    font-weight: 700;
    resize: none;
}

.in-layout .in-layout_header,
.in-layout .in-layout_footer {
    display: none;
}
.in-layout .in-layout_form {
    border: none;
    padding: 0;
}
.formHeading {
    margin-bottom: 0;
}
.form-group {
    margin-bottom: 10px;
}
.in-layout .in-layout_form .formHeading {
    position: relative;
    text-align: left;
    font-size: 12px;
    width: 100%;
    padding-left: 0;
    margin-bottom: 6px;
}

.col-sm-9,
.col-lg-12 {
    line-height: 1;
    padding-right: 0;
    padding-left: 0;
}
.col-lg-12 {
    padding-bottom: 16px;
}

.col-form-label{
    line-height: 1.4;
}

.in-layout {
    padding: 15px 15px 0;
}
.in-layout .in-layout_form .row {
    display: block;
    max-width: 100%;
    margin: 0 0 10px;
}
.in-layout .in-layout_content .in-layout_inner {
    padding: 0;
}

.in-layout .in-layout_half:last-of-type {
    margin-top: 0;
}

.in-layout .in-layout_form .form-group:after {
    display: none;
}

.in-layout .in-layout_form .description {
    font-size: 10px;
    transform: scale(1);
    width: 100%;
    margin: 4px 0 0;
}

.in-layout .in-layout_form .btn-primary {
    font-weight: 700;
    margin: 0;
}
/* 項目の表示調整 ______________________________ */

/* 必須アイコン */
.required .formHeading:after {
    position: absolute;
    top: 3px;
    right: 5px;
}

/* ご希望の日程 */
.MP_RtoasterCourseDate,
.MP_RtoasterCourseDate .col-sm-3,
.MP_RtoasterCourseDate .col-sm-9{
    display: none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
}

/* 貴社名 */
.company .col-sm-9 .formInputOuter .formInputInner input {
    width: 100%;
}

/* 役職 */
.job_title .col-sm-9 .formInputOuter .formInputInner input {
    width: 100%;
}

/* 姓名 */
.last_name input,
.first_name input{
    width: 100%;
}

.MP_expect_seminar textarea{
    width: 100%;
    height: 55px;
}

/* 個人情報保護方針 */
.CO_PermissionPersonalData .formHeading label{
    width: 100%;
}

.CO_PermissionPersonalData .col-sm-9 .formInputOuter .formInputInner .description {
    width: 100%;
    margin: 0;
}

/* 同意する（チェックボックス） */
input[type=radio], input[type=checkbox] {
    margin: 0;
    margin-top: 0;
}

.formInputOuter span.value span {
    display: flex;
    margin-top: 1px;
    margin-right: 1em;
}

/* 申込む */
.in-layout .in-layout_form .submit {
    max-width: 100%;
    width: 100%;
}

/* エラーメッセージ */
.alert{
    max-width: 100%;
}

.error input,
.error textarea,
.error select,
.error span.value label {
    max-width: 100%;
}

}

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

html{
    overflow-x: hidden;
}

body,
.form-control {
    font-size: 12px;
    padding: 2px 4px;
    width: 289px;
}

button,
input,
optgroup,
label,
select,
textarea {
    font-weight: 700;
}

.in-layout .in-layout_header,
.in-layout .in-layout_footer {
    display: none;
}
.in-layout .in-layout_form {
    border: none;
    padding: 0;
}
.formHeading {
    margin-bottom: 0;
}
.form-group {
    margin-bottom: 10px;
}
.in-layout .in-layout_form .formHeading {
    position: relative;
    font-size: 12px;
    width: 146px;
    padding-left: 0;
}
.col-sm-9,
.col-lg-12 {
    line-height: 1;
    padding-right: 0;
    padding-left: 0;
}
.col-lg-12 {
    padding-bottom: 16px;
}

.col-form-label{
    line-height: 1.4;
}

p.error {
    line-height: 1.4;
    max-width: 289px;
}

.in-layout {
    padding: 15px 15px 0;
}
.in-layout .in-layout_form .row {
    display: flex;
    max-width: 460px;
    margin: 0 0 10px;
}
.in-layout .in-layout_content .in-layout_inner {
    padding: 0;
}

.in-layout .in-layout_half:last-of-type {
    margin-top: 0;
}

.in-layout .in-layout_form .form-group:after {
    display: none;
}

.in-layout .in-layout_form .description {
    font-size: 10px;
    transform: scale(0.9);
    width: 100%;
    margin-top: 0;
    margin: 0 0 0 -10px;
}

.in-layout .in-layout_form .btn-primary {
    font-weight: 700;
    margin: 0;
}
/* 項目の表示調整 ______________________________ */

/* 必須アイコン */
.required .formHeading:after {
    position: absolute;
    top: 3px;
    right: 5px;
}

/* ご希望の日程 */
.MP_RtoasterCourseDate,
.MP_RtoasterCourseDate .col-sm-3,
.MP_RtoasterCourseDate .col-sm-9{
    display: none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
}

/* 貴社名 */
.company .col-sm-9 .formInputOuter .formInputInner input {
    width: 289px;
}

/* 役職 */
.job_title .col-sm-9 .formInputOuter .formInputInner input {
    width: 289px;
}

/* 姓名 */
.last_name input,
.first_name input{
    width: 140px;
}

.MP_expect_seminar textarea{
    width: 289px;
    height: 55px;
}

/* 個人情報保護方針 */
.CO_PermissionPersonalData .formHeading label{
    width: 140px;
}

.CO_PermissionPersonalData .col-sm-9 .formInputOuter .formInputInner .description {
    width: 482px;
    margin: 8px 0 4px -170px;
}

@media all and (-ms-high-contrast:none){
    .CO_PermissionPersonalData .col-sm-9 .formInputOuter .formInputInner .description {
        margin: 3px 0 0 0;
    }
}

/* 同意する（チェックボックス） */
input[type=radio], input[type=checkbox] {
    margin: 0;
    margin-top: 0;
}

.formInputOuter span.value span {
    display: flex;
    margin-top: 1px;
    margin-right: 1em;
}

/* 申込む */
.in-layout .in-layout_form .submit {
    max-width: 100%;
    width: 434px;
}

/* エラーメッセージ */
.alert{
    max-width: 428px;
}

.error input,
.error textarea,
.error select,
.error span.value label {
    max-width: 300px;
}

}

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

html{
    overflow-x: hidden;
}

body,
.form-control {
    font-size: 12px;
    padding: 2px 4px;
    width: 100%;
}

button,
input,
optgroup,
label,
select,
textarea {
    font-weight: 700;
}

.in-layout .in-layout_header,
.in-layout .in-layout_footer {
    display: none;
}
.in-layout .in-layout_form {
    border: none;
    padding: 0;
}
.formHeading {
    margin-bottom: 0;
}
.form-group {
    margin-bottom: 10px;
}
.in-layout .in-layout_form .formHeading {
    position: relative;
    font-size: 12px;
    width: 100%;
    padding-left: 0;
    margin-bottom: 8px;
}
.col-sm-9,
.col-lg-12 {
    line-height: 1;
    padding-right: 0;
    padding-left: 0;
}
.col-lg-12 {
    padding-bottom: 16px;
}

p.error {
    max-width: 100%;
}

.col-form-label{
    line-height: 1.4;
}

.in-layout {
    padding: 15px 15px 0;
}
.in-layout .in-layout_form .row {
    display: block;
    max-width: 100%;
    margin: 0 0 10px;
}
.in-layout .in-layout_content .in-layout_inner {
    padding: 0;
}

.in-layout .in-layout_half:last-of-type {
    margin-top: 0;
}

.in-layout .in-layout_form .form-group:after {
    display: none;
}

.in-layout .in-layout_form .description {
    font-size: 10px;
    transform: scale(1);
    width: 100%;
    margin: 4px 0 0;
}

.in-layout .in-layout_form .btn-primary {
    font-weight: 700;
    margin: 0;
}
/* 項目の表示調整 ______________________________ */

/* 必須アイコン */
.required .formHeading:after {
    position: absolute;
    top: 3px;
    right: 5px;
}

/* ご希望の日程 */
.MP_RtoasterCourseDate,
.MP_RtoasterCourseDate .col-sm-3,
.MP_RtoasterCourseDate .col-sm-9{
    display: none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
}

/* 貴社名 */
.company .col-sm-9 .formInputOuter .formInputInner input {
    /*width: 100%;*/
    width: 290px;
}

/* 役職 */
.job_title .col-sm-9 .formInputOuter .formInputInner input {
    width: 290px;
}

/* 姓名 */
.last_name input,
.first_name input{
    width: 140px;
}

.MP_expect_seminar textarea{
    width: 290px;
    height: 55px;
}

/* 個人情報保護方針 */
.CO_PermissionPersonalData .formHeading label{
    width: 100%;
}

.CO_PermissionPersonalData .col-sm-9 .formInputOuter .formInputInner .description {
    width: 100%;
    margin: 0;
}

/* 同意する（チェックボックス） */
input[type=radio], input[type=checkbox] {
    margin: 0;
    margin-top: 0;
}

.formInputOuter span.value span {
    display: flex;
    margin-top: 1px;
    margin-right: 1em;
}

/* 申込む */
.in-layout .in-layout_form .submit {
    max-width: 100%;
    width: 420px;
}

/* エラーメッセージ */
.alert{
    max-width: 428px;
}

.error input,
.error textarea,
.error select,
.error span.value label {
    max-width: 300px;
}

}

/* 送信完了 ___________________________________________________ */
body.frame{
    width: 100%;
}
body.frame p{
    line-height: 1.6;
}
body.frame div a span{
    border-radius: 0;
    font-size: 14px;
    padding: 12px 24px;
}