@charset "UTF-8";

body {
font-family: "Inter", sans-serif;
}
:root { --color-main: #2cb3b3;
--color-text: #333;
--color-sub: rgba(249, 249, 249);
--color-border: #ccc;
--color-bg: rgba(217, 217, 217, 0.5);
}
.wpcf7-not-valid-tip {
font-size: 14px;
}
img{
object-fit: contain;
width: 100%;
}
.logo img {
width: auto;
}
large {
font-size: 28px;
font-weight: 600;
}
@media screen and (min-width: 768px) {
large {
font-size: 24px;
}
}
.pc {
display: none;
}
@media screen and (min-width: 768px) {
.pc {
display: inline-block;
}
}
.bro-color {
color: var(--color-main);
}
@media screen and (min-width: 768px) {
.sp {
display: none;
}
.scroll-bar {
display: none;
}
}
section {
max-width: 1200px;
margin: 0 auto;
}
.Brozero_firstview {
width: 100%;
height: auto;
margin-top: 40px;
}
.Brozero_firsttext {
font-size: 11px;
margin: 0 auto;
margin-top: 20px;
background: var(--color-bg);
width: 95%;
font-weight: 600;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.Brozero_firstview span.sp {
display: block;
margin-top: 50px;
}
@media screen and (min-width: 768px) {
.Brozero_firstview {
margin-top: 100px;
}
}
@media screen and (min-width: 768px) {
.Brozero_firsttext {
font-size: 18px;
}
}
@media screen and (min-width: 768px) {
.Brozero_firstview span.sp {
display: none;
}
}
.Brozero_title {
color: var(--color-main);
text-align: center;
font-weight: 600;
font-size: 24px;
margin: 10% 0 5% 0;
line-height: 1.5;
letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
.Brozero_title {
font-size: 32px;
margin: 5% 0 0 0;
letter-spacing: 0.05em;
line-height: 1.4;
}
}
.Brozero_title2 {
text-align: center;
font-size: 22px;
font-weight: 600;
}
@media screen and (min-width: 768px) {
.Brozero_title2 {
font-size: 32px;
}
}
.Brozero_line {
display: inline-block;
background: linear-gradient(transparent 55%, #ffeb3b 55%);
background-repeat: no-repeat;
background-size: 100% 0.8em;
background-position: 0 90%;
}
.Brozero-small {
display: block;
font-size: 20px;
font-weight: normal;
}
@media screen and (min-width: 768px) {
.Brozero-small {
width: auto;
margin: 0 0 0 auto;
text-align: right;
font-size: 12px;
}
}
.Brozero_big {
font-size: 300px;
line-height: 0.8;
width: 180px;
display: inline-block;
}
.Brozero_worry {
margin: 50px auto;
}
.Brozero_worry .title-img {
position: relative;
margin: 5% auto 0 auto;
width: 90%;
max-width: 950px;
}
.Brozero_worry-list {
margin: 0 0 10% 0;
}
@media screen and (min-width: 768px) {
.Brozero_worry-list {
margin: 1.5% auto;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
}
.Brozero_worry-list li {
background-color: var(--color-main);
margin: 0 auto 5% auto;
width: 95%;
max-width: 460px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #fff;
border-radius: 10px;
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 768px) {
.Brozero_worry-list li {
margin: 0 auto 15px auto;
height: 140px;
font-size: 22px;
font-weight: 600;
}
}
.Brozero_why-block {
background-color: var(--color-bg);
}
.Brozero_barriers {
padding: 30px 0 80px 0;
}
@media screen and (min-width: 768px) {
.Brozero_barriers {
padding: 20px 0 80px 0;
max-width: 715px;
}
}
.Brozero_barriers .Brozero_title2 {
text-align: center;
font-size: 22px;
font-weight: 600;
margin: 9% 0;
letter-spacing: 0.08em;
line-height: 1.5;
}
.Brozero_barriers .Brozero_title3 {
text-align: center;
font-size: 24px;
font-weight: 600;
margin: 9% 0 0 0;
letter-spacing: 0.08em;
line-height: 1.2;
}
@media screen and (min-width: 768px) {
.Brozero_barriers .Brozero_title3 {
font-size: 32px;
letter-spacing: 0.01em;
}
}
.Brozero_barriers-bg {
background-image: url(//renovation-r.co.jp/img/voice_bg.jpg);
}
.Brozero_barriers-text {
width: 92%;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.01em;
margin: 2% auto;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-text {
line-height: 1.3;
font-size: 12px;
margin: 2% auto 0 auto;
}
}
.Brozero_barriers-text2 {
color: var(--color-main);
font-size: 62px;
font-weight: 600;
text-align: center;
}
@media screen and (min-width: 768px) {
p.Brozero_barriers-text2 {
display: flex;
justify-content: flex-end;
align-items: flex-end;
flex-wrap: wrap;
font-size: 32px;
margin-top: 20px;
}
.Brozero_barriers-text2 .Brozero_title2 {
color: #333;
font-size: 32px;
letter-spacing: 0.01em;
margin: 0;
width: 80%;
}
span.Brozero_big {
width: 15%;
font-size: 160px;
}
}
.Brozero_barriers-image {
width: 95%;
max-width: 510px;
height: auto;
margin: 20px auto;
background: aliceblue;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-image {
margin: 8px auto 35px auto;
}
}
.Brozero_barriers-table {
width: 95%;
margin: 0 auto;
height: auto;
}
.Brozero_barriers-table tr {
width: 100%;
height: 50px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
border: 1px solid #ccc;
border-top: none;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-table {
margin-top: 30px;
}
.Brozero_barriers-table tr {
height: 40px;
}
}
.Brozero_barriers-table th {
text-align: center;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.Brozero_barriers-table th:first-child {
background: var(--color-main);
width: 46%;
font-size: 24px;
font-weight: 600;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-table th:first-child {
height: 40px;
width: 45.2%;
font-size: 20px;
}
}
.Brozero_barriers-table th:last-child {
width: 55%;
height: 49px;
border: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #fff;
font-size: 24px;
font-weight: 600;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-table th:last-child {
height: 38px;
font-size: 20px;
}
}
.Brozero_barriers-table td {
font-size: 16px;
height: 50px;
text-align: center;
display: flex;
}
.Brozero_barriers-table td:first-child {
border-right: 1px solid #ccc;
width: 45%;
justify-content: center;
align-items: center;
font-size: 17px;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-table td:first-child {
font-size: 14px;
height: 40px;
width: 45.2%;
}
}
.Brozero_barriers-table td:last-child {
background-color: #fff;
width: 50%;
height: 45px;
justify-content: flex-end;
padding: 5px 15px 0 0;
align-items: baseline;
letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-table td:last-child {
font-size: 14px;
height: 35px;
width: 53%;
}
}
.Brozero_barriers-table2 {
overflow: auto;
overflow-y: hidden;
display: flex;
position: relative;
scrollbar-width: none;
padding-bottom: 50px;
z-index: 10;
height: 400px;
margin-top: 50px;
}
table.Brozero_barriers-table2 {
border-right: 1px solid #ccc;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-table2 {
margin: 0 auto;
padding-bottom: 0px;
padding-top: 20px;
width: auto;
height: 300px;
border-bottom: 1px solid #ccc;
}
.Brozero_barriers-table2 .scroll-bar,
.Brozero_barriers-table2 .scroll-line {
display: none;
}
}
.Brozero_barriers-table2::-webkit-scrollbar {
display: none;
}
.Brozero_barriers-table2-inner tr {
display: flex;
justify-content: flex-start;
align-items: center;
}
.Brozero_barriers-table2-inner tr:last-child {
border-bottom: 1px solid #ccc;
}
tr.spacer {
border-top: 1px solid #ccc;
}
.Brozero_barriers-table2-inner td {
font-size: 18px;
width: 180px;
text-align: center;
background-color: #fff;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #ccc;
border-bottom: none;
border-right: none;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-table2-inner td {
width: 235px;
height: 45px;
font-size: 14px;
}
}
.Brozero_barriers-table2-inner .Brozero_text2 {
border-top: 1px solid #ccc;
background: var(--color-bg);
width: 180px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
font-size: 28px;
font-weight: 600;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-table2-inner .Brozero_text2 {
width: 235px;
height: 45px;
font-size: 20px;
}
}
.Brozero_barriers-table2-inner .Brozero_title {
border: 1px solid #ccc;
background: #fff;
width: 200px;
height: 60px;
padding: 0 7%;
display: flex;
justify-content: center;
align-items: center;
font-size: 28px;
font-weight: 600;
border-right: 1px solid #ccc;
margin: 0;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-table2-inner .Brozero_title {
width: 235px;
font-size: 20px;
height: 45px;
}
}
.Brozero_barriers-table2-inner td.none {
width: 181px;
background: none;
border: none!important;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-table2-inner td.none {
width: 235px;
}
}
.Brozero_barriers-table2-inner td:first-child {
margin-left: 1px;
border-left: 1px solid #ccc;
}
.Brozero_barriers-table2-inner td.Brozero_title-inner {
flex-wrap: wrap;
width: 200px;
height: 328px;
background: rgba(44, 179, 179, 0.4);
color: var(--color-main);
text-align: center;
font-weight: 600;
font-size: 43px;
padding: 0 7%;
line-height: 1.2;
border-right: 1px solid #ccc;
}
@media screen and (min-width: 768px) {
.Brozero_barriers-table2-inner td.Brozero_title-inner {
flex-wrap: wrap;
width: 237px;
height: 253px;
background: rgba(44, 179, 179, 0.4);
color: var(--color-main);
text-align: center;
font-weight: 600;
font-size: 33px;
padding: 0 7%;
line-height: 1.5;
}
}
.Brozero_barriers-table2-inner td.Brozero_title-inner img {
width: 80%;
display: block;
margin: auto;
height: auto;
}
.Brozero_caution {
font-size: 16px;
text-align: right;
width: 95%;
margin: 4% auto 30px auto;
display: block;
}
@media screen and (min-width: 768px) {
.Brozero_caution {
margin: 10px auto 30px auto;
font-size: 10px;
}
}
.Brozero-flow {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
 margin: 40px 0 45px 0;
}
.Brozero-flow-box {
width: 150px;
height: 220px;
border-radius: 10px;
background: #fff;
padding: 12px;
text-align: center;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
font-size: 16px;
}
.Brozero-flow-center {
width: 280px;
height: 220px;
border-radius: 10px;
background: #fff;
padding: 12px;
text-align: center;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
font-size: 14px;
}
.Brozero-flow-inner {
width: 180px;
}
.Brozero-flow-inner2 {
width: 300px;
}
.Brozero-flow-ttl {
font-weight: bold;
}
.Brozero-flow-ttl img {
background: violet;
width: 60px;
height: 80px;
}
.Brozero-flow-ttl span {
display: block;
}
.Brozero-flow-text {
text-align: center;
font-weight: 600;
letter-spacing: 0.1em;
line-height: 1.3;
font-size: 20px;
}
.Brozero-flow-text span {
letter-spacing: 0.01em;
font-weight: normal;
font-size: 16px;
}
tr.spacer td {
height: 24px;
padding: 0;
background: transparent;
border-left: none!important;
border-right: none;
}
tr.spacer td {
border-top: none;
border-bottom: none;
}
.Brozero_why {
padding-top: 5%;
}
@media screen and (min-width: 768px) {
.Brozero_why {
padding: 5px 0 30px 0;
max-width: 680px;
}
}
.Brozero_why-text2 {
width: 92%;
font-size: 20px;
line-height: 1.4;
letter-spacing: 0.01em;
margin: 7% auto 5% auto;
}
@media screen and (min-width: 768px) {
.Brozero_why-text2 {
width: 100%;
font-size: 12px;
line-height: 1.4;
letter-spacing: 0.01em;
margin: 3% auto 0% auto;
}
}
.Brozero_why-text2:first-child {
margin: 9% auto 5% auto;
}
.Brozero_why-block {
background-color: var(--color-bg);
text-align: center;
margin: 60px auto 20px auto;
width: 90%;
padding: 35px 0;
border-radius: 20px;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
max-width: 680px;
}
@media screen and (min-width: 768px) {
.Brozero_why-block {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 4% 0;
font-size: 18px;
margin: 1% auto 0% auto;
width: 100%;
}
.Brozero_why-block .Brozero_barriers-text {
width: auto;
margin: 0;
}
}
.Brozero_why-block span {
font-size: 28px;
font-weight: 600;
display: inline-block;
line-height: 1.5;
}
@media screen and (min-width: 768px) {
.Brozero_why-block span {
font-size: 18px;
}
}
.Brozero_why-text {
font-size: 16px;
font-weight: 600;
text-align: center;
}
.Brozero_why .Brozero_scroll {
overflow-x: auto;
position: relative;
scrollbar-width: none;
margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
.Brozero_why .Brozero_scroll {
overflow-x: unset;
}
.scroll-bar {
display: none;
}
.scroll-line {
display: none;
}
}
.Brozero_why .Brozero_scroll::-webkit-scrollbar {
display: none;
}
@media screen and (min-width: 768px) {
.Brozero_why .Brozero_scroll {
overflow-x: unset;
max-width: 680px;
margin: 5% auto 0 auto;
height: auto;
}
}
.Brozero_why-block2 {
background-color: var(--color-bg);
margin: 5% 0 50px 5%;
width: 600px;
border-radius: 20px;
box-sizing: border-box;
position: relative;
}
@media screen and (min-width: 768px) {
.Brozero_why-block2 {
width: auto;
margin: 5% 0 0 0;
}
}
@media screen and (min-width: 1024px) {
.Brozero_why-block2 {
margin: 5% auto;
}
}
.Brozero_why-block2 small {
font-size: 12px;
font-weight: 600;
padding-right: 50px;
}
.Brozero_why-block2 p.Brozero_text2 {
font-weight: 600;
font-size: 32px;
}
.Brozero_why-nglist {
display: flex;
justify-content: space-around;
margin-top: 40px;
}
.Brozero_why-nglist li {
position: relative;
background-color: var(--color-border);
width: 250px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
color: #444;
font-size: 42px;
font-weight: 600;
gap: 10px;
}
.Brozero_why-nglist li img {
width: 80px;
height: 80px;
background: lightpink;
}
.Brozero_why-nglist li::after {
content: "×";
color: skyblue;
font-size: 60px;
position: absolute;
opacity: 0.6;
}
.Brozero_why .Brozero_caution {
text-align: left;
}
.Brozero-osusume .Brozero_title2 {
background-color: var(--color-main);
color: #fff;
text-align: center;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
margin: 80px 0 0 0;
}
@media screen and (min-width: 768px) {
.Brozero-osusume .Brozero_title2 {
height: 120px;
margin-top: 5%;
}
}
.Brozero-osusume-inner {
width: 95%;
margin: 0 auto 5% auto;
}
@media screen and (min-width: 768px) {
.Brozero-osusume-inner {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 5%;
max-width: 550px;
margin-top: 2%;
margin-bottom: 2%;
}
.Brozero-osusume-inner-text {
width: 50%;
}
}
.Brozero-osusume-inner-item {
width: 100%;
margin: 0 auto;
height: auto;
}
@media screen and (min-width: 768px) {
.Brozero-osusume-inner-item {
width: 50%;
height: 200px;
}
}
.Brozero-osusume-inner2 {
width: 95%;
margin: 0 auto 5% auto;
}
@media screen and (min-width: 768px) {
.Brozero-osusume-inner2 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 5%;
flex-direction: row-reverse;
max-width: 550px;
margin-bottom: 2%;
}
}
.Brozero-osusume {
padding: 80px 0;
background-image: url(//renovation-r.co.jp/img/voice_bg.jpg);
}
@media screen and (min-width: 768px) {
.Brozero-osusume {
padding: 30px 0 80px 0;
}
}
.Brozero-osusume .jirei {
width: 65px;
height: 25px;
padding-right: 10px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 20px;
font-weight: 600;
}
.Brozero-osusume .jirei img {
width: 100%;
object-fit: contain;
}
.Brozero-osusume .jirei-inner {
margin-bottom: 5%;
}
.Brozero-osusume .jirei-ttl {
font-size: 20px;
font-weight: 600;
margin: 5% 0 2% 0 ;
}
.contact-sec {
display: none;
background-color: var(--color-border);
padding: 0 0 10% 0;
}
@media screen and (min-width: 768px) {
.contact-sec {
display: block;
padding: 2.5% 0;
margin: 0 0 60px 0;
}
}
.contact-sec-inner {
background-color: #fff;
width: 90%;
max-width: 800px;
margin: 0 auto;
text-align: center;
padding: 5% 0;
}
@media screen and (min-width: 768px) {
.contact-sec-inner {
background-color: #fff;
width: 90%;
max-width: 480px;
margin: 0 auto;
text-align: center;
padding: 10px 0;
}
}
@media screen and (min-width: 768px) {
.contact-sec-inner-content {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
}
.contact-sec-inner-ttl {
font-weight: 600;
font-size: 16px;
padding-bottom: 3%;
}
@media screen and (min-width: 768px) {
.contact-sec-inner-ttl {
font-size: 12px;
padding-bottom: 2%;
}
}
.contact-sec-inner-block {
margin: 0 auto 3% auto;
background-color: #888;
color: #fff;
font-size: 14px;
justify-content: center;
align-items: center;
width: auto;
height: 30px;
padding: 0 3%;
display: inline-flex;
}
@media screen and (min-width: 768px) {
.contact-sec-inner-block {
margin: 0;
font-size: 8px;
height: 20px;
}
}
.contact-sec-inner-tel {
font-size: 32px;
text-align: center;
font-weight: 600;
letter-spacing: 0.05em;
}
.contact-sec-inner-tel span {
display: block;
font-size: 12px;
letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
.contact-sec-inner-tel {
font-size: 16px;
text-align: center;
font-weight: 600;
letter-spacing: 0.05em;
}
.contact-sec-inner-tel span {
font-size: 8px;
}
}
.Brozero-contact-block {
border: 1px solid #ccc;
height: 120px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 30px auto;
}
@media screen and (min-width: 768px) {
.Brozero-contact-block {
display: none;
}
}
.Brozero-contact-block .contact-sec-inner-tel span {
font-weight: 500;
font-size: 16px;
}
.Brozero-contact-block .contact-sec-inner-tel {
letter-spacing: 0.01em;
}
p.arrow {
border: 2px solid;
position: relative;
margin: 0 0 30px 0;
}
p.arrow::after {
position: absolute;
display: block;
content: ">";
right: -4px;
bottom: -13px;
font-size: 24px;
}
p.arrow2 {
border: 0.5px solid;
position: relative;
margin-bottom: 20px;
}
p.arrow2::before {
position: absolute;
display: block;
content: "<";
left: -4px;
bottom: -13px;
font-size: 24px;
}
.scroll-bar {
position: absolute;
display: block;
bottom: 0;
width: 160px;
height: 10px;
background: var(--color-main);
border-radius: 10px;
z-index: 10;
margin-left: 20px;
}
@media screen and (min-width: 768px) {
.scroll-bar {
display: none;
}
}
.scroll-line {
position: absolute;
border: 1px solid #ccc;
transform: translate(0%, 50%);
bottom: 4px;
z-index: -1;
left: 5%;
}
.js-scroll {
overflow-x: auto;
position: relative;
}
.js-scroll-content {
position: relative;
white-space: nowrap; }
#js-scroll-bar {
position: absolute;
bottom: 0;
}
#js-scroll-line {
position: absolute;
left: 5%;
bottom: 4px;
}
.Brozero-contact {
width: 92%;
margin: 0 auto;
max-width: 800px;
} hr {
background: #ccc;
}
.form-caution {
font-size: 16px;
margin: 30px 0;
}
p.form-ttl {
margin: 30px 0 20px 0;
font-size: 14px;
font-weight: 600;
border-bottom: 2px solid #ccc;
border-top: 2px solid #ccc;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-sub);
}
span.must {
font-size: 12px;
margin-left: 20px;
background: var(--color-main);
width: 32px;
height: 16px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
padding-bottom: 1px;
}
p.note {
font-size: 14px;
}
.form_line {
display: inline-block;
background: rgba(255, 235, 59, 0.6);
background-repeat: no-repeat;
}
span.wpcf7-list-item {
display: block;
width: 100%;
padding: 1% 0;
}
.wpcf7-list-item-label {
position: relative;
padding-left: 32px;
cursor: pointer;
font-size: 16px;
}
.wpcf7-list-item-label::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
border: 2px solid #999;
border-radius: 50%;
background: #fff;
transition: .3s;
}
.wpcf7 input[type="checkbox"]:checked
+ .wpcf7-list-item-label::after {
content: "";
position: absolute;
left: 3px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 12px;
background: var(--color-main);
border-radius: 50%;
}
span.wpcf7-form-control-wrap input {
border: 1px solid #ccc;
width: 97%;
display: block;
height: 40px;
padding-left: 2%;
margin: 2% 0;
}
span.wpcf7-form-control-wrap input[type="checkbox"] {
display: none;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.adress {
width: 50%;
}
select.wpcf7-form-control.wpcf7-select {
width: 100%;
border: 1px solid #ccc;
height: 40px;
padding: 0 2%;
position: relative;
}
.select-wrap {
position: relative;
display: inline-block;
width: 100%;
}
.select-wrap select {
width: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 40px;
}
.select-wrap::after {
content: "▼";
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
transition: .3s;
}
textarea.wpcf7-form-control.wpcf7-textarea {
padding-left: 2%;
width: 97%;
height: 120px;
border: 1px solid #ccc;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
background-color: rgb(228, 121, 17, 0.8);
width: 300px;
height: 50px;
margin: 50px auto;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 15px;
}
span.sub-label {
font-size: 14px;
padding-right: 15px;
}
@media screen and (min-width: 768px) {
.form {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #ccc;
}
p.form-ttl {
width: 200px;
height: auto;
padding: 5% 0;
border: none;
margin: 0 2% 0 0;
justify-content: flex-start;
padding-left: 20px !important;
}
span.wpcf7-form-control.wpcf7-checkbox {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
}
.form-inner {
flex: 1;
}
.wpcf7-list-item-label {
font-size: 14px;
width: auto;
display: block;
}
.wpcf7-form-control-wrap {
position: relative;
height: 60px;
display: inline-block;
}
.form-text input {
width: 200px!important;	
}
.form-height {
height: 170px!important;
}
.address-item {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
gap: 10px;
}
.address-item p {
width: 60px;
}
.form-inner p {
width: 100%;
}
.address-block {
flex: 1;
}
.wpcf7-form-control-wrap {
width: 100%;
}
.select-wrap {
width: 35%;
}
.form-textarea {
height: 200px!important;
}
.select-wrap::after {
top: 34%;
}
textarea.wpcf7-form-control.wpcf7-textarea {
height: 180px;
}
}
.wpcf7 form .wpcf7-response-output {
font-size: 12px;
}