@charset "UTF-8";
/************************

FORM LAYOUT SETTING

************************/

.txt_must {
    width: 100%;
    border: 1px solid #666;
    padding: 5px;
    text-align: center;
    margin-top: 3.0rem;
}
.form span {
    margin: 0;
    padding: 0;
    height: auto;
}
.form dl {
    width: 100%;
    margin: 3.0rem auto;
    text-align: left;
}
.form dt {
    width: 20%;
    float: left;
    margin:0 5% 1.0rem 0;
}
.form dd {
    width: 75%;
    float: left;
     margin:0 0 1.0rem 0;
}

.form input {
    height: 50px;
    width: 95%;
    border: none;
    background: rgba(213,236,240,1.00);
    padding: 0 2.5%;
}
.form textarea{
    height: 150px;
    width: 95%;
    border: none;
    background: rgba(213,236,240,1.00);
    padding: 2.5%;
}
.form select{
    height: 50px;
    width: 100%;
    border: none;
    background: rgba(213,236,240,1.00);
    padding: 0 2.5%;
}

.form .radio input,
.form .checkbox input{
    width: 15px!important;
    height: 30px!important;
    border: 1px solid #2fa6b5;
}

.form .triple input {
    width: 20%!important;
}

.form .half input,
.form .half select {
    width: 45%!important;
}



/************************

CONFIRM SETTING

************************/

#confirm .form dt {
    width: 25%;
    float: left;
    margin:auto;
    border-bottom: 1px solid #2fa6b5;
    padding: 10px 0;
}
#confirm .form dd {
    width: 75%;
    float: left;
     margin:auto;
    border-bottom: 1px solid #2fa6b5;
    padding: 10px 0;
}
#confirm .form dt p,
#confirm .form dd p {
    margin-bottom: 0;
}

#confirm .btn {
    max-width: 500px;
    margin: auto;
}

/************************

CF7 SETTING

************************/
.formbtn a {
	color: #FFF;
    height: 30px;
	text-align: center;
	background: #2fa6b5;
    font-size: 1.1rem;
	width: 500px;
    display: block;
    letter-spacing: 5px;
	margin: auto;
    border: none;
	padding: 10px 0!important;
	cursor: pointer;
    line-height: 1.8;
}

form .wpcf7-submit[type="submit"]{
	color: #FFF;
	text-align: center;
	background: #2fa6b5;
    font-size: 1.1rem;
	width: 500px;
    display: block;
    letter-spacing: 5px;
	margin: auto;
    border: none;
	padding: 12px 0;
	cursor: pointer;
}

.formbtn a:hover,
form .wpcf7-submit[type="submit"]:hover{
    color: #FFF;
    border: none;
    background:  linear-gradient(90deg,rgba(47, 166, 181, 1) 0%, rgba(151, 221, 245, 1) 100%);
    opacity: 1.0;
}
.wpcf7-list-item {
	margin: 0 1rem 0 0;
}

span.wpcf7-list-item {
    display: block;
}



.wpcf7-not-valid-tip {
    color: #2fa6b5!important;
    font-weight: bold;
    font-size: 0.8rem;
}
.wpcf7-response-output {
    border-color: #2fa6b5!important;
}

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

/************************

FORM LAYOUT SETTING

************************/

.form dt {
    width: 100%;
    float: none;
    margin:0;
}
.form dt p {
    margin-bottom: 0;
}
.form dd {
    width: 100%;
    float: none;
     margin:0 0 1.5rem 0;
}


.form .triple input {
    width: 18%!important;
}

.form .half input,
.form .half select {
    width: 42%!important;
}
  
    
/************************

CONFIRM SETTING

************************/

#confirm .form dt {
    width: 95%;
    float: none;
    margin:auto;
    border-bottom:none;
    padding: 5px 2.5%;
     background:#e0f6fb;
    font-weight: 500;
    color: #2fa6b5;
    
}
#confirm .form dd {
    width: 100%;
    float: none;
     margin:0 auto 1.5rem;
    border-bottom:none;
    padding: 10px 0;
}
#confirm .form dt p,
#confirm .form dd p {
    margin-bottom: 0;
}
    
/************************

CF7 SETTING

************************/
.formbtn a {
	width: 100%;
    height: 35px;
    line-height: 2.0;
    font-size: 1.0rem;
}

form .wpcf7-submit[type="submit"]{
	color: #FFF;
	text-align: center;
	background: #2fa6b5;
	width: 100%;
    letter-spacing: 5px;
	margin: auto;
    border: none;
	padding: 15px 0;
	cursor: pointer;
	display: block!important;
    font-size: 1.0rem;
}


}