@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------
section
----------------------------------------------------------*/
.section01{
padding: 60px 0;
}
.section01 .block_reserve01{
margin: 60px 0 0;
}
.section01 .block_reserve01 .title01{
color: #1E4290;
font-size: 1.8rem;
font-weight: 600;
margin: 60px 0 15px;
}
.section01 .block_reserve01 .block01{
margin: 0 0 30px;
display: flex;
}
.section01 .block_reserve01 .block01 .ttl01{
width: 300px;
font-size: 1.4rem;
font-weight: 600;
padding: 10px 0 0;
}
.section01 .block_reserve01 .block01 .ttl01 span{
color: #ff0000;
font-size: 1.2rem;
margin: 0 0 0 5px;
display: inline-block;
}
.section01 .block_reserve01 .block01 .box01{
width: calc(100% - 300px);
}
.section01 .block_reserve01 .block01 .box01 [data-class*="_group"]{
margin-top: 10px;
}
.section01 .block_reserve01 .block01 .box01 [class*="not-valid-tip"]{
color: #ff0000;
font-size: 1.2rem;
margin: 5px 0 0;
}
.section01 .block_reserve01 .block01 .box01 p.notes{
font-size: 1.2rem;
margin: 5px 0 0;
}
.section01 .block_reserve01 .block01 .box01 ul.notes{
margin: 5px 0 0;
}
.section01 .block_reserve01 .block01 .box01 ul.notes > li{
font-size: 1.2rem;
padding: 0 0 0 10px;
position: relative;
}
.section01 .block_reserve01 .block01 .box01 ul.notes > li::before{
content: "・";
position: absolute;
left: 0;
top: 0;
}
.section01 .block_reserve01 .block01 .box01 .selectBox01 select{
width: 100%;
background: #fff;
font-size: 1.4rem;
border-radius: 5px;
border: 1px solid #707070;
padding: 10px;
display: block;
}
.section01 .block_reserve01 .block01 .box01 .input01 input{
width: 100%;
font-size: 1.4rem;
border-radius: 5px;
border: 1px solid #707070;
padding: 10px;
display: block;
}
.section01 .block_reserve01 .block01 .box01 .input02{
display: flex;
}
.section01 .block_reserve01 .block01 .box01 .input02 .col01{
font-size: 1.4rem;
width: calc(100% / 3);
position: relative;
}
.section01 .block_reserve01 .block01 .box01 .input02 .col01:nth-of-type(1)::before{
content: "年";
}
.section01 .block_reserve01 .block01 .box01 .input02 .col01:nth-of-type(2)::before{
content: "月";
}
.section01 .block_reserve01 .block01 .box01 .input02 .col01:nth-of-type(3)::before{
content: "日";
}
.section01 .block_reserve01 .block01 .box01 .input02 .col01::before{
position: absolute;
right: 7px;
top: 7px;
}
.section01 .block_reserve01 .block01 .box01 .input02 .col01 input{
width: calc(100% - 30px);
font-size: 1.4rem;
text-align: center;
border-radius: 5px;
border: 1px solid #707070;
padding: 10px;
display: inline-block;
}
.section01 .block_reserve01 .block01 .box01 .radio01 input,
.section01 .block_reserve01 .block01 .box01 .checkBox01 input{
font-size: 1.4rem;
margin: 0;
}
.section01 .block_reserve01 .block01 .box01 .radio01 [class*="list-item"],
.section01 .block_reserve01 .block01 .box01 .checkBox01 [class*="list-item"]{
font-size: 1.4rem;
margin: 0 15px 0 0;
}
.section01 .block_reserve01 .block01 .box01 .radio01 [class*="list-item"][class*="last"],
.section01 .block_reserve01 .block01 .box01 .checkBox01 [class*="list-item"][class*="last"]{
margin-right: 0;
}
.section01 .block_reserve01 .block01 .box01 .radio01 [class*="list-item-label"],
.section01 .block_reserve01 .block01 .box01 .checkBox01 [class*="list-item-label"]{
margin: 0;
}
.section01 .block_reserve01 .block01 .box01 .date01 input{
width: 150px;
font-size: 1.4rem;
border-radius: 5px;
border: 1px solid #707070;
padding: 10px;
display: block;
}
.section01 .block_reserve01 .block01 .box01 .textarea01 textarea{
width: 100%;
height: 100px;
font-size: 1.4rem;
border-radius: 5px;
border: 1px solid #707070;
padding: 10px;
resize: none;
}
.section01 .block_reserve01 .submitBtn01{
text-align: center;
}
.section01 .block_reserve01 .submitBtn01 input{
background: url("/wp-content/themes/divehope/assets/images/common/common_ico_01_white.webp"), #15B583;
background-size: 10px 12px, 100% 100%;
background-position: right 15px center, top center;
background-repeat: no-repeat, repeat;
color: #fff;
font-size: 1.4rem;
font-weight: 600;
border: 1px solid #15B583;
border-radius: 100px;
padding: 13px 40px;
display: inline-block;
position: relative;
transition: 0.3s;
}
.section01 .block_reserve01 .submitBtn01 input:disabled{
opacity: 0.4;
}
.section01 .block_reserve01 [class*="response-output"]{
background: #ffb900;
color: #fff;
font-size: 1.4rem;
font-weight: 600;
text-align: center;
border: none;
border-radius: 5px;
padding: 10px 0;
}
.section01 .block_reserve01 .sent [class*="response-output"]{
background: #15B583;
}
@media (max-width: 768px){
.section01{
padding: 6.0rem 0;
}
.section01 .block_reserve01{
margin: 3.5rem 0 0;
}
.section01 .block_reserve01 .title01{
font-size: 1.6rem;
margin: 6.0rem 0 1.5rem;
}
.section01 .block_reserve01 .block01{
margin: 0 0 2.0rem;
display: block;
}
.section01 .block_reserve01 .block01 .ttl01{
width: 100%;
margin: 0 0 0.5rem;
padding: 0;
}
.section01 .block_reserve01 .block01 .ttl01 span{
font-size: 1.2rem;
margin: 0 0 0 0.5rem;
}
.section01 .block_reserve01 .block01 .box01{
width: 100%;
}
.section01 .block_reserve01 .block01 .box01 [data-class*="_group"]{
margin-top: 1.0rem;
}
.section01 .block_reserve01 .block01 .box01 [class*="not-valid-tip"]{
margin: 0.5rem 0 0;
}
.section01 .block_reserve01 .block01 .box01 p.notes{
margin: 0.5rem 0 0;
}
.section01 .block_reserve01 .block01 .box01 ul.notes{
margin: 0.5rem 0 0;
}
.section01 .block_reserve01 .block01 .box01 ul.notes > li{
padding: 0 0 0 1.0rem;
}
.section01 .block_reserve01 .block01 .box01 .selectBox01 select{
border-radius: 0.5rem;
padding: 1.0rem;
}
.section01 .block_reserve01 .block01 .box01 .input01 input{
border-radius: 0.5rem;
padding: 1.0rem;
}
.section01 .block_reserve01 .block01 .box01 .input02 .col01::before{
right: 0.7rem;
top: 0.7rem;
}
.section01 .block_reserve01 .block01 .box01 .input02 .col01 input{
width: calc(100% - 3.0rem);
border-radius: 0.5rem;
padding: 1.0rem;
}
.section01 .block_reserve01 .block01 .box01 .radio01 [class*="list-item"],
.section01 .block_reserve01 .block01 .box01 .checkBox01 [class*="list-item"]{
margin: 0 1.5rem 0 0;
}
.section01 .block_reserve01 .block01 .box01 .date01 input{
width: 50%;
border-radius: 0.5rem;
padding: 1.0rem;
}
.section01 .block_reserve01 .block01 .box01 .textarea01 textarea{
height: 10.0rem;
border-radius: 0.5rem;
padding: 1.0rem;
}
.section01 .block_reserve01 .submitBtn01 input{
background-size: 1.0rem 1.2rem, 100% 100%;
font-size: 1.6rem;
padding: 1.3rem 4.0rem;
}
.section01 .block_reserve01 [class*="response-output"]{
border-radius: 0.5rem;
padding: 1.0rem;
}
}

.wpcf7-spinner{
margin: 5px auto 0!important;
display: block!important;
}