body {
font-size: 16px;
font-family: "Hiragino Kaku Gothic Std","ヒラギノ角ゴ Std W5","游ゴシック",sans-serif;
color: #000;
line-height: 1.2;
background-color: #fff;
} .uservoice-mainvisual-sp {
width: 100%; 
}
@media screen and (min-width:600px) and ( max-width:1079px) { .uservoice-mainvisual-sp {
width: 100%;
}}
@media screen and (min-width:1080px) { .uservoice-mainvisual-sp {
display: none;
}}
.uservoice-mainvisual-pc {
width: 100%; 
}
@media screen and (max-width: 1079px) { .uservoice-mainvisual-pc {
display: none;
}}
@media screen and (max-width: 599px) { .uservoice-mainvisual-pc {
display: none;
}} .uservoice-wrapper {
padding: 0 1% 0 1%;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .uservoice-wrapper {
width: 100%;
max-width: 732px;
display: block;
margin: 0 auto;
padding: 0 1% 0 1%;
}}
@media screen and (min-width:1080px) { .uservoice-wrapper {
width: 100%;
max-width: 920px;
display: block;
margin: 0 auto;
padding: 0 1% 0 1%;
}} .uservoice-text-img-sp {
width: 100%;
max-width: 790px;
display: block;
margin: 46px auto;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .uservoice-text-img-sp {
width: 100%;
max-width: 790px;
display: block;
margin: 46px auto;
}}
@media screen and (min-width:1080px) { .uservoice-text-img-sp {
display: none;
}}
.uservoice-text-img-pc {
width: 100%;
max-width: 570px;
display: block;
margin: 45px auto;
}
@media screen and (max-width: 1079px) { .uservoice-text-img-pc {
display: none;
}}
@media screen and (max-width: 599px) { .uservoice-text-img-pc {
display: none;
}} .uservoice-hr {
width: 100%;
max-width: 629px;
display: block;
margin: 35px auto;
} .contact-mainvisual-sp {
width: 100%; 
}
@media screen and (min-width:600px) and ( max-width:1079px) { .contact-mainvisual-sp {
width: 100%;
}}
@media screen and (min-width:1080px) { .contact-mainvisual-sp {
display: none;
}}
.contact-mainvisual-pc {
width: 100%; 
}
@media screen and (max-width: 1079px) { .contact-mainvisual-pc {
display: none;
}}
@media screen and (max-width: 599px) { .contact-mainvisual-pc {
display: none;
}} .contact-wrapper {
padding: 0 1% 0 1%;
width: 373px;
display: block;
margin: 0 auto;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .contact-wrapper {
width: 100%;
max-width: 656px;
display: block;
margin: 0 auto;
padding: 0 1% 0 1%;
}}
@media screen and (min-width:1080px) { .contact-wrapper {
width: 100%;
max-width: 926px;
display: block;
margin: 0 auto;
padding: 0 1% 0 1%;
}}
.contactfoam-img {
width: 100%;
max-width: 435px;
display: block;
margin: 78px auto 54px;
} .cf7 {
max-width: 100%;
box-sizing: border-box;
}
.cf7 dt i {
margin-right: .5em;
}
.cf7 dd {
margin: 0 0 2vh 0;
}
.cf7 .rqd {
color: #ff6666;
font-size: .8em;
margin-left: .5em;
}
.btn_cf7 {
text-align: center;
}
.btn_cf7 input {
width: 100%;
}
@media screen and (min-width: 600px) {
.cf7 dt {
float: left;
clear: left;
width: 35%;
padding: .5em 1em .5em 0;
}
.cf7 dd {
margin-left: 35%;
}
.cf7 .rqd {
float: right;
margin-left: 0;
margin-top: .2em;
}
.btn_cf7 input {
width: 70%;
}
}
.wpcf7-text {
background-color: #e1e1e1;
height: 51px;
}
.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
background-color: #e1e1e1;
}
.wpcf7-form-control.has-spinner.wpcf7-submit {
background-image: url(https://www.yume-saki.com/wp/wp-content/themes/yumesaki/images/submit-img.jpg);
width: 100%;
max-width: 312px;
height: 59px;
color: #FFF;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .wpcf7-form-control.has-spinner.wpcf7-submit {
background-image: url(https://www.yume-saki.com/wp/wp-content/themes/yumesaki/images/submit-img.jpg);
width: 100%;
max-width: 600px;
height: 59px;
color: #FFF;
}}
@media screen and (min-width:1080px) { .wpcf7-form-control.has-spinner.wpcf7-submit {
background-image: url(https://www.yume-saki.com/wp/wp-content/themes/yumesaki/images/submit-img.jpg);
width: 100%;
max-width: 600px;
height: 59px;
color: #FFF;
}}
.btn_cf7 {
font-size: 36px;
}
.contact-text {
font-size: 16px;
line-height: 1.7;
text-align: center;
margin-top: 40px;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .contact-text {
font-size: 18px;
line-height: 1.7;
text-align: center;
margin-top: 40px;
}}
@media screen and (min-width:1080px) { .contact-text {
font-size: 20px;
line-height: 1.7;
text-align: center;
margin-top: 40px;
}}
.contact-text-red {
font-weight: 600;
color: red;
}