@charset "UTF-8";


.mv {
    background-image: url(./../../images/concept/headervisual-kari.png);

    width: 100%;
    background-size: cover;
    height: 500px;
    position: relative;
    top: 0;
}


.mv-top {
    position: absolute;
    top: 400px;
    right: 70px;
    z-index: 10;
}


.title {
    width: 555px;
    position: absolute;
    top: 37%;
    left: 20%;
}



#contact{
  padding: 192px 0 192px;
  background-color: #F8FAFA;
}

.

.contact-form #text{
    width: 192px;
    font-weight: bold;
}

.contact-form {
    margin: 0 auto;
    
  }

#contact_form{
    padding-top: 120px;
    padding-bottom: 120px;
}


/*チェックボックス*/


input  {
    width: 100%;
    padding: 10px;
    height: 50px;
    box-sizing: border-box;
    font-size: 20px;
}

input[type="radio"] {
    width: 20px;
}

span .wpcf7-list-item {
    display: inline-flex;
    margin: 0 3em 0 0;
    align-items: center;
}

span .wpcf7-list-item span{

    margin: 0 1em 0 0;
    
}



.wpcf7-form-control-wrap .your-name{
    width: 100%;
}




textarea{
    width: 100%;
    max-width: 100%;
    height: 320px;
}



form p{
    padding: 25px 0;
}


.hissu{
    color: #717171;
}

input .wpcf7-list-item{
width: 30px;
}


input.acceptance-327{
    width: 30px;
}
input[type="checkbox"] {
    width: 30px;
}

input[type="checkbox"] {
    width: 30px;
}

.acceptance-327 label {
    display: flex;
    width: 124px;
    justify-content: space-between;
}


/* スクロールバーの幅 */
.scroll-box::-webkit-scrollbar { width: 10px; }

/* スクロールバー背景色 */
.scroll-box::-webkit-scrollbar-track { background: #F0F3F5; }

/* スクロールバーのつまみの色 */
.scroll-box::-webkit-scrollbar-thumb { border-radius: 6px; background: #717171; }

/* 本文調整 */
.bs {
  margin-bottom: 1.0em;
}
.scroll-box {
    padding: 30px;

}




/*SP*/
@media screen and (max-width: 769px) {


.mv {
    height: 60vh;
}


.mv-top {
    position: inherit;
    width: 80%;
    padding-bottom: 24px;
}

.title {
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.logo-concept {
    width: 70%;
    margin: auto 15%;
    padding: 24px 0;
}

#contact {
    padding: 46px 0 150px;
    }
#contact p{
    font-size: 9px;
    text-align: left;
    line-height: 2;
    margin: 10px auto;
}

label .doui{
    font-size: 4px;
}


form p {
    padding: 14px 0 0;
}

input {
    height: 16px;
}

textarea {
    height: 170px;
}

.scroll-box {
    padding: 25px;
}
.doui br{
    display: none;
}

.acceptance-327 label {
    justify-content: unset;
}

.wpcf7-submit {
    height: 46px;
    width: 50%;
    font-size: 16px;
    margin-left: 22%;
    margin-top: 10%;
}

#contact label.doui span.doui2 {
    font-size: 5px !important;
}

}