@charset "UTF-8";/*! *****************************************************************
回答フォームの編集について：
テキストや画像の変更は行っていただけますが、
構成を変更（中見出し/小見出しを追加・削除など）した場合、
デザインが崩れますので、編集が必要な場合はご連絡ください。
******************************************************************/
@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&family=Noto+Sans+JP:wght@100..900&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css);.form-group {
    margin-bottom: 0
}

body {
    overflow-x: hidden
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: none!important
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:none!important
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:none!important
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:none!important
    }
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: static
}

p {
    margin: 0
}

.description-image {
    width: 100%
}

.row {
    margin-left: 0;
    margin-right: 0
}

.container {
    padding-left: 0;
    padding-right: 0
}

.col-sm-12,.col-sm-4,.col-sm-8 {
    width: 100%
}

.col-sm-12 {
    padding-left: 0;
    padding-right: 0
}

.form-bottom {
    margin-top: 0;
    padding: 0;
    background: 0 0
}

.form-editor div:nth-child(2) .form-group .description-image {
    padding: 0
}

.form-top-right {
    display: none
}

.form-top-left {
    position: absolute!important;
    top: 0;
    left: 0
}

.form-top-left h3 {
    display: none
}

.form-top {
    padding: 0
}

.form-bottom {
    background: 0 0
}

.control-label,.description-title,p {
    margin: 0
}

html {
    font-size: 62.5%
}

body {
    font-family: "Noto Sans JP",sans-serif;
    color: #4b290f;
    line-height: 1.7;
    font-size: 1.6rem;
    font-weight: 400
}

.container .description-md-title {
    width: 100%;
    position: relative;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #83491c;
    padding: 20px 10px;
    margin: 20px 0 0 0;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: .03em;
    line-height: 1.7;
    font-family: "M PLUS Rounded 1c",sans-serif;
    text-align: center
}

.container .description-md-title::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    background-color: #83491c;
    position: absolute;
    bottom: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 70px
}

.description-title {
    border-radius: 8px;
    background: #624531!important;
    color: #fff;
    padding: 8px 0!important;
    text-align: center;
    letter-spacing: .2rem;
    margin-top: 30px
}

.row:nth-last-child(2) {
    position: relative
}

.row:nth-last-child(2) .col-xs-12 {
    margin: 0 auto
}

.btn-primary {
    padding: 0;
    border: none;
    background: 0 0;
    font-size: 0
}

.btn-primary:before {
    content: "";
    display: inline-block;
    width: 80%;
    background-repeat: no-repeat;
    background-image: url(https://d27rnpuamwvieu.cloudfront.net/007xBYXHilTXp5Prkc8qZ9QXX/1040);
    background-size: contain;
    vertical-align: middle;
    padding-top: 16.9230769231%
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: 0
}

.btn.active,.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover {
    background-color: transparent
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover {
    background-color: transparent;
    border-color: transparent
}

.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.btn-primary.dropdown-toggle {
    background-color: transparent;
    border-color: transparent
}

.form-editor>div:not(:nth-child(1)) .form-group {
    width: 95%;
    margin: auto;
    display: block
}

.control-label,.control-label+.col-sm-8,.description-image,.description-title,p {
    background-color: transparent;
    padding: 20px 10px;
    display: block
}

.form-editor>div:nth-child(3) .form-group {
    width: 90%;
    margin: 0 auto
}

.form-editor>div:nth-child(3) .col-sm-12 {
    background: #fff;
    margin-top: 30px;
    border-radius: 14px;
    border: 3px solid #83491c
}

.form-editor>div:nth-child(3) .description-md-title {
    font-size: 1.7rem;
    letter-spacing: .01rem;
    margin-top: 0
}

.form-editor>div:nth-child(3) p {
    background: 0 0;
    padding: 20px 15px
}

.form-editor>div:nth-child(3) .description-image {
    background: 0 0;
    padding: 0;
    margin-top: 20px
}

.form-editor>div:nth-child(7) .description-md-title {
    padding: 0
}

.form-editor>div:nth-child(7) .description-md-title::after {
    content: none
}

.form-editor>div:nth-child(8) .description-md-title {
    padding-top: 0;
    margin-top: 0
}

.form-editor>div:nth-child(9) .form-group {
    width: 90%;
    margin: 0 auto
}

.form-editor>div:nth-child(9) .description-md-title {
    margin-top: 0
}

.form-editor>div:nth-child(10) .form-group {
    width: 90%;
    margin: 0 auto
}

.form-editor>div:nth-child(10) .description-md-title {
    margin-top: 0
}

.form-editor>div:nth-child(11) .form-group {
    width: 90%
}

.form-editor>div:nth-child(11) .description-image {
    padding: 0;
    margin-top: 30px
}

.form-editor>div:nth-child(12) .form-group {
    padding-top: 25px
}

.form-editor>div:nth-child(20) .form-group {
    padding-bottom: 20px
}

@-webkit-keyframes fadeup {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeup {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.help-block {
    margin: 0;
    padding-bottom: 5px
}

.checkboxes,.radios {
    margin-top: -.7em;
    padding-top: .7em
}

.form-control {
    background-color: #fffaef
}

.control-label {
    padding-top: 0;
    padding-bottom: 10px
}

.label-danger {
    background-color: #d75138
}

.control-label+.col-sm-8 {
    padding-top: 0
}

.checkbox label {
    white-space: nowrap;
    display: block
}

.checkbox input[type=checkbox]:checked:after,.checkbox-inline input[type=checkbox]:checked:after,input[type=checkbox]:checked:after {
    background-color: transparent
}

.form-control:focus,.has-success .form-control,.has-success .form-control:focus {
    border-color: #aa8469;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0784313725),0 0 6px #a9907e;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0784313725),0 0 6px #a9907e
}

.radio input[type=radio]:before,.radio-inline input[type=radio]:before,input[type=radio]:before {
    background-color: #624531
}

.radio input[type=radio]:checked:after,.radio-inline input[type=radio]:checked:after,input[type=radio]:checked:after {
    border-color: transparent
}

.radio input[type=radio],.radio-inline input[type=radio],input[type=radio] {
    margin-top: 8px;
    margin-right: 12px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
    color: #624531
}

.radio input[type=radio]:checked:before,.radio-inline input[type=radio]:checked:before,input[type=radio]:checked:before {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
    content: "\f058";
    font-weight: 900;
    color: #624531;
    display: inline-block;
    font-size: 45px;
    font-weight: 700;
    position: absolute;
    top: -8px;
    left: -7px;
    background-color: transparent;
    z-index: 99999
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
    color: #d75138;
    padding-top: 10px
}

.vdp-datepicker__calendar {
    z-index: 999999;
    position: relative
}



/* ヘッダー メディアクエリ */
@media screen and ( max-width:768px) {
    /*　for mobile　*/
 .form-top {
    background-image: url(https://d27rnpuamwvieu.cloudfront.net/0pXsaJoviDXIe0dOp1VQ6rQXX/normal);
    background-size: cover;
    background-position: center;
    height: 600px;
    background-repeat: no-repeat;
    box-shadow: inset 0 1px 0 #fff, 2px 2px 10px #828282;
}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　for iPad 　*/
 .form-top {
    background-image: url(https://d27rnpuamwvieu.cloudfront.net/0pXsaJoviDXIe0dOp1VQ6rQXX/normal);
    background-size: cover;
    background-position: center;
    height: 2000px;
    background-repeat: no-repeat;
    margin-top: 10px;
    box-shadow: inset 0 1px 0 #fff, 2px 2px 10px #828282;
}
}
@media screen and (min-width:1024px) {
    /*　for PC　*/
 .form-top {
    background-image: url(https://d27rnpuamwvieu.cloudfront.net/0pXsaJoviDXIe0dOp1VQ6rQXX/normal);
    background-size: cover;
    background-position: center;
    height: 1100px;
    background-repeat: no-repeat;
    margin-top: 10px;
    box-shadow: inset 0 1px 0 #fff, 2px 2px 10px #828282;
}
}

/*ヘッダータイトルの表示を消す*/
.form-top .form-top-left {
display:none;
}

/*ヘッダー画像内のペンアイコンを消す*/
.glyphicon{
  display:none;
}

/*背景固定*/
.form-bottom {
    background: none;
}
body:before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url("https://d27rnpuamwvieu.cloudfront.net/0gXDevU4VF2PzlNp62ZY7RgXX/normal");
    background-size: contain;
}