@charset "UTF-8";

 @media (min-width: 768px) {
html {
font-size: 100%;
}
body {
font-family: "Noto Sans JP", sans-serif;
margin: 0 auto;
min-width: 1200px;
width: 100%;
line-height: 1.4;
color: #1e1e1e;
}
body img {
height: auto;
}
body .inner {
width: 1140px;
margin: 0 auto;
}
body .inner.middle {
width: 1000px;
}
body .inner.narrow {
width: 900px;
}
body .main_title {
font-size: 1.3rem;
text-align: center;
margin-bottom: 80px;
position: relative;
}
body .main_title:before {
position: absolute;
content: "";
bottom: -20px;
left: 0;
right: 0;
margin: auto;
width: 200px;
height: 5px;
background: #e1e1e1;
}
body .main_title:after {
position: absolute;
content: "";
bottom: -20px;
left: -100px;
right: 0;
margin: auto;
width: 100px;
height: 5px;
background: #FF8017;
}
body .main_title span {
display: block;
font-size: 2.5rem;
font-weight: bold;
padding-bottom: 10px;
}
body .red_btn {
width: 260px;
display: block;
background: #FF8017;
text-align: center;
color: #fff;
font-weight: bold;
padding: 5px;
border-radius: 10px;
box-shadow: 0 3px 0 #D86B12;
}
body .red_btn span {
display: block;
color: #fff;
font-size: 1.4rem;
line-height: 1;
}
body .red_btn span img {
vertical-align: middle;
margin-right: 10px;
width: 24px;
}
body .red_btn em {
display: block;
font-size: 1rem;
}
body .red_btn:hover {
background: #0071BE;
box-shadow: 0 3px 0 #005A98;
}
body .org_btn {
width: 260px;
display: block;
background: #0071BE;
color: #fff;
text-align: center;
font-weight: bold;
padding: 20px;
border-radius: 10px;
box-shadow: 0 3px 0 #005A98;
}
body .org_btn img {
width: 20px;
vertical-align: middle;
margin-right: 10px;
}
body .org_btn:hover {
background: #FF8017;
box-shadow: 0 3px 0 #D86B12;
}
body .org_btn.arrow {
position: relative;
text-align: left;
}
body .org_btn.arrow:after {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 1.2rem;
}
body .l_gray {
padding: 100px 0;
background: #f7f7f7;
}
body .cta_btn {
display: flex;
align-items: center;
justify-content: flex-end;
}
body .cta_btn li:first-child {
margin-right: 30px;
}
body .grecaptcha-badge {
display: none;
}
header {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 20px 0 40px;
}
header .h_logo a {
display: flex;
align-items: center;
}
header .h_logo a span {
font-weight: bold;
font-size: 1.9rem;
margin-left: 10px;
}
header .cta_btn {
margin-bottom: 20px;
}
header .cta_btn li:first-child {
margin-right: 20px;
}
header nav ul {
display: flex;
justify-content: flex-end;
align-items: center;
}
header nav ul a {
display: block;
font-size: 1.3rem;
font-weight: bold;
margin-left: 30px;
}
header nav ul a:hover {
text-decoration: underline;
}
main {
overflow: hidden;
}
main .catch {
position: relative;
}
main .catch > img {
width: 100%;
}
main .list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
main .achievements_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
main .achievements_list .swiper {
border: 8px solid #e1e1e1;
background: #fff;
padding: 20px;
width: 100%;
}
main .achievements_list .swiper-wrapper {
margin-bottom: 40px;
height: auto;
}
main .achievements_list .thumb {
width: 100%;
position: relative;
}
main .achievements_list .thumb:before {
content: "";
display: block;
padding-top: 70%;
}
main .achievements_list .thumb img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
main .achievements_list .thumb p {
position: absolute;
z-index: 2;
width: 100%;
bottom: 0;
background: #1e1e1e;
color: #fff;
padding: 10px;
margin-bottom: 0;
text-align: center;
opacity: 0.8;
}
main .achievements_list .swiper-pagination {
top: 240px;
bottom: auto;
}
main .achievements_list .swiper-pagination .swiper-pagination-bullet {
background: #e1e1e1;
opacity: 1;
}
main .achievements_list .swiper-pagination .swiper-pagination-bullet-active {
background: #FF8017;
}
main .achievements_list .red_btn {
width: 50%;
padding: 10px;
font-weight: normal;
}
main .achievements_list .title {
font-size: 1.3rem;
font-weight: bold;
margin: 10px auto;
}
main .achievements_list .title:hover {
text-decoration: underline;
}
main .achievements_list p {
margin-bottom: 20px;
}
main .achievements_list dl {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
main .achievements_list dl dt {
width: 10%;
}
main .achievements_list dl dt:not(:last-of-type) {
margin-bottom: 10px;
}
main .achievements_list dl dd {
width: 88%;
}
main .achievements_list dl dd:not(:last-of-type) {
margin-bottom: 10px;
}
main .cta {
background: #FFFCE7;
padding: 40px 0 60px;
}
main .cta .inner {
position: relative;
z-index: 1;
}
main .cta .inner > img {
position: absolute;
bottom: -60px;
right: 0;
z-index: -1;
}
main .cta h2 {
color: #0071BE;
font-weight: bold;
font-size: 3.2rem;
line-height: 1;
margin-bottom: 20px;
}
main .cta p {
font-weight: bold;
font-size: 2rem;
margin-bottom: 40px;
}
main .cta .cta_btn {
width: 1010px;
justify-content: flex-start;
}
main .cta .cta_btn li {
width: 49%;
}
main .cta .cta_btn a {
width: 100%;
min-height: 145px;
}
main .cta .cta_btn a.red_btn {
font-size: 1.5rem;
padding: 10px;
}
main .cta .cta_btn a.red_btn span {
font-size: 3rem;
}
main .cta .cta_btn a.red_btn img {
width: 43px;
}
main .cta .cta_btn a.org_btn {
font-size: 2.2rem;
padding: 40px 35px;
}
main .cta .cta_btn a.org_btn img {
width: 40px;
}
main .qualification ul {
padding-top: 20px;
}
main .qualification li {
border: 5px solid #e1e1e1;
background: #fff;
padding: 35px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3rem;
font-weight: bold;
text-align: center;
}
main .pricelist li {
width: 100%;
}
main .pricelist li dl {
display: grid;
grid-template-columns: 1fr 15% 1fr 15%;
font-size: 1.3rem;
font-weight: 500;
align-items: stretch;
}
main .pricelist li dl dt {
padding: 20px;
background: #fff;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
main .pricelist li dl dt:first-of-type {
border-left: 1px solid #e1e1e1;
}
main .pricelist li dl dd {
padding: 20px;
background: #fff;
text-align: right;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
main .pricelist li:first-child dl dt,
main .pricelist li:first-child dl dd {
background: #FF8017;
color: #fff;
text-align: center;
font-weight: bold;
border-right: 1px solid #f7f7f7;
}
main .pricelist li:first-child dl dd:last-of-type {
border: none;
}
main.top .catch div {
position: absolute;
left: 14vw;
top: 50%;
transform: translateY(-50%);
}
main.top .catch strong {
display: block;
font-size: 5.2vw;
line-height: 1.1;
color: #0071BE;
text-align: left;
font-weight: 900;
margin-bottom: 20px;
}
main.top .catch strong span {
display: block;
color: #9C332E;
margin-bottom: 10px;
font-size: 2.4vw;
}
main.top .catch ul {
width: 100%;
}
main.top .catch ul li {
display: flex;
align-items: center;
font-size: 1.8vw;
font-weight: bold;
}
main.top .catch ul li:not(:last-child) {
margin-bottom: 10px;
}
main.top .catch ul li img {
vertical-align: baseline;
margin-right: 5px;
}
main.top section {
padding: 100px 0;
}
main.top section > .org_btn {
margin: 60px auto 0;
}
main.top .service a:hover h3 {
color: #0071BE;
}
main.top .service h3 {
color: #FF8017;
font-weight: bold;
font-size: 1.9rem;
margin: 10px auto;
text-align: center;
transition: .7s;
}
main.top .service p {
font-weight: 500;
}
main.top .reason ul {
display: flex;
justify-content: space-between;
}
main.top .reason ul li {
width: 48%;
border: 8px solid #e1e1e1;
background: #fff;
padding: 20px;
position: relative;
}
main.top .reason ul h3 {
color: #FF8017;
font-weight: bold;
font-size: 2rem;
margin-bottom: 20px;
}
main.top .reason ul h3 img {
vertical-align: middle;
margin-right: 30px;
}
main.top .reason ul p {
font-weight: 500;
}
main.top .reason ul span {
position: absolute;
content: "";
bottom: -40px;
right: -20px;
font-weight: bold;
font-size: 3.4rem;
}
main.top .price .org_btn {
font-size: 1.3rem;
padding: 15px 20px;
}
main.top .flow ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 60px 40px;
padding-top: 60px;
}
main.top .flow li {
border: 10px solid #e1e1e1;
background: #fff;
padding: 20px;
position: relative;
height: 230px;
display: flex;
flex-direction: column;
}
main.top .flow li:not(:nth-child(5n)):after {
position: absolute;
content: "";
top: 50%;
right: -50px;
transform: translateY(-50%);
border: 12px solid transparent;
border-left: 16px solid #FF8017;
}
main.top .flow li span {
position: absolute;
top: -20px;
left: 0;
right: 0;
margin: auto;
width: 100px;
background: #FF8017;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 1.3rem;
padding: 3px;
}
main.top .flow li img {
display: block;
margin: 30px auto 0;
}
main.top .flow li h3 {
font-weight: bold;
margin-top: auto;
text-align: center;
}
main.top .area li {
background: #fff;
padding: 40px 30px;
}
main.top .area li:not(:last-child) {
margin-bottom: 40px;
}
main.top .area h3 {
font-size: 1.9rem;
font-weight: bold;
margin-bottom: 10px;
}
main.top .area h3 img {
vertical-align: middle;
margin-right: 10px;
}
main.top .area p {
width: 870px;
font-weight: 500;
margin-left: auto;
}
main.top .voice ul {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 35px;
padding-top: 20px;
}
main.top .voice li {
border: 8px solid #e1e1e1;
background: #fff;
padding: 15px;
}
main.top .voice .thumb {
width: 100%;
position: relative;
}
main.top .voice .thumb:before {
content: "";
display: block;
padding-top: 71%;
}
main.top .voice .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
main.top .voice h3 {
font-size: 1.3rem;
font-weight: bold;
margin: 10px auto;
text-align: center;
}
main.top .faq dl {
padding-top: 20px;
}
main.top .faq dt {
position: relative;
background: #fff;
font-size: 1.5rem;
font-weight: bold;
padding: 35px 40px;
}
main.top .faq dt:not(:last-child) {
margin-bottom: 25px;
}
main.top .faq dt:after {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\2b";
font-weight: 900;
right: 40px;
top: 50%;
transform: translateY(-50%);
font-size: 2rem;
color: #FF8017;
}
main.top .faq dt.open::after {
content: "\f068";
}
main.top .faq dt:hover {
cursor: pointer;
}
main.top .faq dd {
background: #fff;
padding: 35px 40px;
font-weight: 500;
}
main.top .faq dd:not(:first-of-type) {
display: none;
}
main.top .faq dd:not(:last-child) {
margin-bottom: 30px;
}
main.sub .catch {
padding-bottom: 50px;
}
main.sub .catch .page_title {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
text-align: center;
color: #fff;
font-size: 1.3rem;
}
main.sub .catch .page_title span {
display: block;
font-weight: bold;
font-size: 2.5rem;
}
main.sub section {
padding: 50px 0;
}
main.sub .graf {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
font-size: 1.3rem;
font-weight: 500;
}
main.sub .graf dt {
background: #FF8017;
color: #fff;
text-align: center;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}
main.sub .graf dt:not(:last-of-type) {
border-bottom: 1px solid #fff;
}
main.sub .graf dd {
padding: 20px;
border: 1px solid #FF8017;
}
main.sub .greet p {
font-weight: 500;
}
main.sub .company .graf {
margin-bottom: 40px;
}
main.sub .company .graf dt {
width: 150px;
}
main.sub .company .graf dd {
width: 750px;
}
main.sub .privacy h3 {
color: #FF8017;
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 20px;
}
main.sub .privacy p {
margin-bottom: 20px;
}
main.sub .privacy p:last-child {
margin-bottom: 0;
}
main.sub .privacy ul li {
margin-bottom: 20px;
}
main.sub .contact p {
margin-bottom: 20px;
}
main.sub .contact dl {
margin-top: 50px;
}
main.sub .contact dl dt {
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 10px;
}
main.sub .contact dl dd {
font-size: 1.2rem;
margin-bottom: 50px;
}
main.sub .contact dl dd input,
main.sub .contact dl dd textarea {
width: 100%;
padding: 10px;
border-radius: 10px;
border: 1px solid #e1e1e1;
}
main.sub .contact dl dd textarea {
height: 200px;
}
main.sub .contact .submit input {
width: 260px;
display: block;
margin: 50px auto;
background: #0071BE;
color: #fff;
text-align: center;
font-weight: bold;
padding: 20px;
}
main.sub .contact .submit input:hover {
background: #FF8017;
}
main.sub .heavy {
padding: 50px 0 200px;
}
main.sub .heavy .graf {
width: 850px;
}
main.sub .heavy .graf dt {
width: 220px;
}
main.sub .heavy .graf dd {
width: 630px;
}
main.sub .demolition section {
padding: 80px 0;
}
main.sub .demolition section > .org_btn {
margin: 60px auto 0;
}
main.sub .demolition .about {
padding: 20px 0 80px;
}
main.sub .demolition .about p {
font-weight: 500;
}
main.sub .demolition .about p:not(:last-child) {
margin-bottom: 20px;
}
main.sub .demolition .reason {
padding: 80px 0 100px;
}
main.sub .demolition .reason ul {
display: flex;
justify-content: space-between;
}
main.sub .demolition .reason ul li {
width: 48%;
border: 8px solid #e1e1e1;
background: #fff;
padding: 20px;
position: relative;
}
main.sub .demolition .reason ul h3 {
color: #FF8017;
font-weight: bold;
font-size: 2rem;
margin-bottom: 20px;
}
main.sub .demolition .reason ul h3 img {
vertical-align: middle;
margin-right: 30px;
}
main.sub .demolition .reason ul p {
font-weight: 500;
}
main.sub .demolition .reason ul span {
position: absolute;
content: "";
bottom: -40px;
right: -20px;
font-weight: bold;
font-size: 3.4rem;
}
main.sub .demolition .flow ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 60px 40px;
padding-top: 60px;
}
main.sub .demolition .flow li {
border: 10px solid #e1e1e1;
background: #fff;
padding: 20px;
position: relative;
height: 230px;
display: flex;
flex-direction: column;
}
main.sub .demolition .flow li:not(:nth-child(5n)):after {
position: absolute;
content: "";
top: 50%;
right: -50px;
transform: translateY(-50%);
border: 12px solid transparent;
border-left: 16px solid #FF8017;
}
main.sub .demolition .flow li span {
position: absolute;
top: -20px;
left: 0;
right: 0;
margin: auto;
width: 100px;
background: #FF8017;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 1.3rem;
padding: 3px;
}
main.sub .demolition .flow li img {
display: block;
margin: 30px auto 0;
}
main.sub .demolition .flow li h3 {
font-weight: bold;
margin-top: auto;
text-align: center;
}
main.sub .demolition .area li {
background: #fff;
padding: 40px 30px;
}
main.sub .demolition .area li:not(:last-child) {
margin-bottom: 40px;
}
main.sub .demolition .area h3 {
font-size: 1.9rem;
font-weight: bold;
margin-bottom: 10px;
}
main.sub .demolition .area h3 img {
vertical-align: middle;
margin-right: 10px;
}
main.sub .demolition .area p {
width: 870px;
font-weight: 500;
margin-left: auto;
}
main.sub .demolition .service a:hover h3 {
color: #0071BE;
}
main.sub .demolition .service h3 {
color: #FF8017;
font-weight: bold;
font-size: 1.9rem;
margin: 10px auto;
text-align: center;
transition: .7s;
}
main.sub .demolition .service p {
font-weight: 500;
}
main.sub .archive_list li {
font-weight: 500;
}
main.sub .archive_list li:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px dashed #e1e1e1;
}
main.sub .single .detail {
position: relative;
}
main.sub .single .detail .swiper-wrapper {
padding-bottom: 10px;
}
main.sub .single .detail .thumb {
width: 100%;
position: relative;
}
main.sub .single .detail .thumb:before {
content: "";
display: block;
padding-top: 62.5%;
}
main.sub .single .detail .thumb img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
main.sub .single .detail .thumb p {
position: absolute;
z-index: 2;
width: 100%;
bottom: 0;
background: #1e1e1e;
color: #fff;
padding: 10px;
margin-bottom: 0;
text-align: center;
opacity: 0.8;
}
main.sub .single .detail .swiper-pagination {
bottom: auto;
}
main.sub .single .detail .swiper-pagination .swiper-pagination-bullet {
background: #e1e1e1;
opacity: 1;
}
main.sub .single .detail .swiper-pagination .swiper-pagination-bullet-active {
background: #FF8017;
}
main.sub .single .detail .red_btn {
max-width: 15%;
font-weight: normal;
}
main.sub .single .detail .title {
font-size: 1.8rem;
font-weight: bold;
margin: 20px auto;
}
main.sub .single .detail .box {
border: 3px solid #e1e1e1;
padding: 20px;
margin: 60px auto 40px;
font-weight: 500;
}
main.sub .single .detail .box p {
margin-bottom: 20px;
}
main.sub .single .detail .box dl {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
main.sub .single .detail .box dl dt {
width: 3%;
}
main.sub .single .detail .box dl dt:not(:last-of-type) {
margin-bottom: 10px;
}
main.sub .single .detail .box dl dd {
width: 96%;
}
main.sub .single .detail .box dl dd:not(:last-of-type) {
margin-bottom: 10px;
}
main.sub .single .content {
font-weight: 500;
line-height: 2;
}
main.sub .single .content > p {
margin-bottom: 20px;
}
main.sub .single .content > p a {
text-decoration: underline;
word-break: break-all;
color: #FF8017;
font-weight: bold;
}
main.sub .single .content > p strong {
font-weight: bold;
color: #FF8017;
}
main.sub .single .content > p em {
font-style: italic;
}
main.sub .single .content img,
main.sub .single .content .wp-video {
margin: 20px auto;
display: block;
}
main.sub .single .content iframe {
width: 100%;
display: block;
margin: 20px auto;
height: auto;
aspect-ratio: 16 / 9;
}
main.sub .single .content blockquote {
padding: 20px 40px;
position: relative;
margin: 20px 0;
background: #f7f7f7;
}
main.sub .single .content blockquote:before {
position: absolute;
content: "\f10d";
font-family: "FontAwesome";
font-weight: bold;
font-size: 20px;
color: #FF8017;
top: 10px;
left: 10px;
}
main.sub .single .content blockquote:after {
position: absolute;
font-family: "FontAwesome";
content: "\f10e";
font-size: 20px;
color: #FF8017;
right: 10px;
bottom: 10px;
}
main.sub .single .content blockquote p:last-child {
margin-bottom: 0;
}
main.sub .single .content ul {
padding: 20px 20px 20px 60px;
margin: 20px auto;
background: #f7f7f7;
}
main.sub .single .content ul li {
list-style: disc;
}
main.sub .single .content ul li:not(:last-child) {
margin-bottom: 10px;
}
main.sub .single .content h1 {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 20px;
}
main.sub .single .content h2 {
margin: 20px 0;
font-weight: bold;
font-size: 1.3rem;
background: #FF8017;
color: #fff;
padding: 5px 20px;
}
main.sub .single .content h3 {
margin: 20px 0;
font-weight: bold;
font-size: 1.2rem;
border-left: 10px solid #FF8017;
padding: 5px 10px;
}
main.sub .single .content h4 {
margin: 20px 0;
font-weight: bold;
font-size: 1.1rem;
border-bottom: 3px solid #FF8017;
}
main.sub .pagination ul {
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
font-size: 1.3rem;
font-weight: bold;
}
main.sub .pagination ul li a,
main.sub .pagination ul li .current {
margin: 0 5px;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
}
main.sub .pagination ul li a {
background: #fff;
border: 1px solid #FF8017;
color: #FF8017;
}
main.sub .pagination ul li a:hover {
background: #FF8017;
color: #fff;
}
main.sub .pagination ul li .current {
background: #FF8017;
color: #fff;
}
main.sub .pagenavi {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 60px;
}
main.sub .pagenavi a {
width: 150px;
}
footer {
background: #FF8017;
padding: 80px 0;
}
footer .f_blc {
background: #fff;
padding: 60px 60px 60px 40px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
footer h2 a {
display: flex;
align-items: center;
padding: 10px 0;
}
footer h2 a img {
width: 45px;
}
footer h2 a span {
font-weight: bold;
font-size: 1.8rem;
margin-left: 10px;
}
footer .f_nav li:not(:last-child) {
margin-bottom: 20px;
}
footer .f_nav a {
display: block;
font-weight: bold;
}
footer .f_nav a:hover {
text-decoration: underline;
}
footer .cta_btn {
margin-bottom: 30px;
}
footer .cta_btn .red_btn {
padding: 10px;
}
footer .cta_btn .org_btn {
padding: 25px;
}
footer p {
font-weight: 500;
}
footer p:not(:last-child) {
margin-bottom: 30px;
}
footer small {
display: block;
font-size: 1rem;
color: #fff;
font-weight: 500;
padding: 20px 0;
text-align: right;
}
footer .pagetop {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
}
footer .pagetop a {
display: block;
background: #0071BE;
text-align: center;
color: #fff;
font-size: 2.2rem;
width: 60px;
height: 60px;
}
.smonly {
display: none;
}
}
@media (max-width: 767px) {
html {
font-size: 87.5%;
}
body {
font-family: "M PLUS 1", sans-serif;
margin: 0 !important;
width: 100vw;
line-height: 1.8;
color: #1e1e1e;
overflow-x: hidden;
}
body img {
height: auto;
}
body .main_title {
font-size: 1rem;
text-align: center;
margin-bottom: 40px;
position: relative;
}
body .main_title:before {
position: absolute;
content: "";
bottom: -10px;
left: 0;
right: 0;
margin: auto;
width: 100px;
height: 3px;
background: #e1e1e1;
}
body .main_title:after {
position: absolute;
content: "";
bottom: -10px;
left: -50px;
right: 0;
margin: auto;
width: 50px;
height: 3px;
background: #FF8017;
}
body .main_title span {
display: block;
font-size: 1.4rem;
font-weight: bold;
}
body .red_btn {
display: block;
background: #FF8017;
text-align: center;
color: #fff;
font-weight: bold;
padding: 5px;
border-radius: 10px;
box-shadow: 0 3px 0 #D86B12;
}
body .red_btn span {
display: block;
color: #fff;
font-size: 1.3rem;
line-height: 1;
}
body .red_btn span img {
vertical-align: middle;
margin-right: 5px;
width: 20px;
}
body .red_btn em {
display: block;
}
body .org_btn {
display: block;
background: #0071BE;
color: #fff;
text-align: center;
font-weight: bold;
padding: 10px;
border-radius: 10px;
box-shadow: 0 3px 0 #005A98;
}
body .org_btn img {
width: 20px;
vertical-align: middle;
margin-right: 5px;
}
body .org_btn.arrow {
position: relative;
text-align: left;
}
body .org_btn.arrow:after {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 1.2rem;
}
body .l_gray {
padding: 40px 20px;
background: #f7f7f7;
}
body .cta_btn {
display: flex;
align-items: center;
justify-content: space-between;
}
body .cta_btn li {
width: 49%;
}
body .grecaptcha-badge {
display: none;
}
header {
padding: 10px;
}
header .h_logo a {
display: flex;
align-items: center;
margin-bottom: 10px;
}
header .h_logo a span {
font-weight: bold;
font-size: 1.4rem;
margin-left: 10px;
}
header .h_logo a img {
width: 40px;
}
header .cta_btn a {
font-size: 0.8rem;
min-height: 55px;
}
header .cta_btn .org_btn {
padding: 16px;
}
header .menu-btn {
position: fixed;
top: 5px;
right: 10px;
display: flex;
height: 40px;
width: 40px;
justify-content: center;
align-items: center;
z-index: 99;
}
header .menu-btn span,
header .menu-btn span:before,
header .menu-btn span:after {
content: "";
display: block;
height: 3px;
width: 30px;
background: #0071BE;
position: absolute;
top: 13px;
}
header .menu-btn span:before {
top: 10px;
}
header .menu-btn span:after {
top: 20px;
}
header #menu-btn-check:checked ~ .menu-btn span {
background: rgba(255, 255, 255, 0);
}
header #menu-btn-check:checked ~ .menu-btn span:before {
bottom: 0;
transform: rotate(45deg);
background: #fff;
}
header #menu-btn-check:checked ~ .menu-btn span:after {
top: 9px;
transform: rotate(-45deg);
background: #fff;
}
header #menu-btn-check {
display: none;
}
header #menu-btn-check:checked ~ .menu-content {
left: 0;
}
header .menu-content {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 100%;
z-index: 90;
transition: all 0.5s;
background: #0071BE;
padding: 80px 20px;
overflow: scroll;
}
header .menu-content ul a {
display: block;
color: #fff;
padding: 20px 0;
position: relative;
border-bottom: 1px solid #fff;
}
header .menu-content ul a:before {
content: "";
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
position: absolute;
right: 10px;
top: 40%;
}
main {
overflow: hidden;
}
main .catch {
position: relative;
}
main .catch > img {
width: 100%;
}
main .list li:not(:last-child) {
margin-bottom: 30px;
}
main .achievements_list .swiper {
border: 5px solid #e1e1e1;
background: #fff;
padding: 10px;
margin-bottom: 30px;
}
main .achievements_list .swiper-wrapper {
margin-bottom: 30px;
}
main .achievements_list .thumb {
width: 100%;
position: relative;
}
main .achievements_list .thumb:before {
content: "";
display: block;
padding-top: 70%;
}
main .achievements_list .thumb img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
main .achievements_list .thumb p {
position: absolute;
z-index: 2;
width: 100%;
bottom: 0;
background: #1e1e1e;
color: #fff;
padding: 10px;
margin-bottom: 0;
text-align: center;
opacity: 0.8;
}
main .achievements_list .swiper-pagination {
position: relative;
bottom: 20px;
}
main .achievements_list .swiper-pagination .swiper-pagination-bullet {
background: #e1e1e1;
opacity: 1;
}
main .achievements_list .swiper-pagination .swiper-pagination-bullet-active {
background: #FF8017;
}
main .achievements_list .red_btn {
width: 40%;
font-weight: normal;
}
main .achievements_list .title {
font-size: 1.2rem;
font-weight: bold;
margin: 10px auto;
}
main .achievements_list p {
margin-bottom: 10px;
}
main .achievements_list dl {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
main .achievements_list dl dt {
width: 25px;
}
main .achievements_list dl dt:not(:last-of-type) {
margin-bottom: 10px;
}
main .achievements_list dl dd {
width: calc(100% - 35px);
}
main .achievements_list dl dd:not(:last-of-type) {
margin-bottom: 10px;
}
main .cta {
background: #FFFCE7;
padding: 20px 20px 40px;
}
main .cta .inner {
position: relative;
z-index: 1;
}
main .cta .inner > img {
position: absolute;
bottom: -40px;
right: -20px;
width: 80px;
}
main .cta h2 {
color: #0071BE;
font-weight: bold;
font-size: 1.5rem;
text-align: center;
}
main .cta p {
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
main .cta .cta_btn {
display: block;
}
main .cta .cta_btn li {
width: 100%;
}
main .cta .cta_btn a {
width: 100%;
max-height: 85px;
}
main .cta .cta_btn a.red_btn {
font-size: 0.9rem;
margin-bottom: 10px;
}
main .cta .cta_btn a.red_btn span {
font-size: 1.6rem;
}
main .cta .cta_btn a.red_btn img {
width: 20px;
}
main .cta .cta_btn a.org_btn {
font-size: 1.2rem;
padding: 25px;
}
main .cta .cta_btn a.org_btn img {
width: 20px;
}
main .qualification li {
border: 3px solid #e1e1e1;
background: #fff;
padding: 10px;
font-size: 0.9rem;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-align: center;
}
main .qualification li:not(:last-child) {
margin-bottom: 10px;
}
main .pricelist li dl {
display: grid;
grid-template-columns: 1fr 34%;
font-size: 0.8rem;
font-weight: 500;
}
main .pricelist li dl dt {
padding: 10px;
background: #fff;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
display: flex;
flex-direction: column;
justify-content: center;
}
main .pricelist li dl dd {
padding: 10px;
background: #fff;
text-align: right;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
display: flex;
flex-direction: column;
justify-content: center;
}
main .pricelist li:first-child dl dt,
main .pricelist li:first-child dl dd {
background: #FF8017;
color: #fff;
text-align: center;
font-weight: bold;
}
main .pricelist li:first-child dl dt:last-of-type,
main .pricelist li:first-child dl dd:last-of-type {
display: none;
}
main .pricelist li:first-child dl dt {
border-right: 1px solid #f7f7f7;
}
main.top .catch div {
position: absolute;
left: 12vw;
top: 50%;
transform: translateY(-50%);
}
main.top .catch strong {
display: block;
font-size: 5.2vw;
line-height: 1.1;
color: #0071BE;
text-align: left;
font-weight: 900;
margin-bottom: 5px;
}
main.top .catch strong span {
display: block;
color: #9C332E;
margin-bottom: 5px;
font-size: 2.4vw;
}
main.top .catch ul {
width: 100%;
}
main.top .catch ul li {
display: flex;
align-items: center;
font-size: 1.8vw;
font-weight: bold;
line-height: 1.1;
}
main.top .catch ul li:not(:last-child) {
margin-bottom: 5px;
}
main.top .catch ul li img {
width: 3vw;
vertical-align: sub;
margin-right: 5px;
}
main.top section {
padding: 40px 20px;
}
main.top section > .org_btn {
margin: 40px auto 0;
}
main.top .service img {
width: 100%;
}
main.top .service h3 {
color: #FF8017;
font-weight: bold;
font-size: 1.2rem;
margin: 10px auto;
text-align: center;
}
main.top .service p {
font-weight: 500;
}
main.top .reason ul li {
border: 5px solid #e1e1e1;
background: #fff;
padding: 10px;
position: relative;
}
main.top .reason ul li:not(:last-child) {
margin-bottom: 30px;
}
main.top .reason ul h3 {
color: #FF8017;
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 20px;
}
main.top .reason ul h3 img {
vertical-align: middle;
margin-right: 10px;
width: 30px;
}
main.top .reason ul p {
font-weight: 500;
}
main.top .reason ul span {
position: absolute;
content: "";
bottom: -30px;
right: -10px;
font-weight: bold;
font-size: 2.4rem;
}
main.top .flow ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
padding-top: 20px;
}
main.top .flow li {
border: 5px solid #e1e1e1;
background: #fff;
padding: 10px;
position: relative;
height: 180px;
display: flex;
flex-direction: column;
}
main.top .flow li:not(:nth-child(2n)):after {
position: absolute;
content: "";
top: 50%;
right: -30px;
transform: translateY(-50%);
border: 8px solid transparent;
border-left: 10px solid #FF8017;
}
main.top .flow li span {
position: absolute;
top: -15px;
left: 0;
right: 0;
margin: auto;
width: 80px;
background: #FF8017;
color: #fff;
text-align: center;
font-weight: bold;
}
main.top .flow li img {
display: block;
margin: 20px auto 0;
}
main.top .flow li h3 {
font-weight: bold;
margin-top: auto;
text-align: center;
}
main.top .area li {
background: #fff;
padding: 20px;
}
main.top .area li:not(:last-child) {
margin-bottom: 30px;
}
main.top .area h3 {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 10px;
}
main.top .area h3 img {
vertical-align: middle;
margin-right: 10px;
width: 30px;
}
main.top .area p {
font-weight: 500;
}
main.top .voice ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
main.top .voice li {
border: 5px solid #e1e1e1;
background: #fff;
padding: 10px;
}
main.top .voice .thumb {
width: 100%;
position: relative;
}
main.top .voice .thumb:before {
content: "";
display: block;
padding-top: 71%;
}
main.top .voice .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
main.top .voice h3 {
font-size: 1.2rem;
font-weight: bold;
margin: 10px auto;
text-align: center;
}
main.top .faq dt {
position: relative;
background: #fff;
font-weight: bold;
padding: 10px 20px 10px 10px;
}
main.top .faq dt:not(:last-child) {
margin-bottom: 10px;
}
main.top .faq dt:after {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\2b";
font-weight: 900;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 1.2rem;
color: #FF8017;
}
main.top .faq dt.open::after {
content: "\f068";
}
main.top .faq dd {
background: #fff;
padding: 10px;
font-weight: 500;
font-size: 0.9rem;
}
main.top .faq dd:not(:first-of-type) {
display: none;
}
main.top .faq dd:not(:last-child) {
margin-bottom: 30px;
}
main.sub .catch {
padding-bottom: 20px;
}
main.sub .catch .page_title {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
text-align: center;
color: #fff;
}
main.sub .catch .page_title span {
display: block;
font-weight: bold;
font-size: 1.6rem;
line-height: 1;
}
main.sub section {
padding: 20px;
}
main.sub .graf {
font-weight: 500;
}
main.sub .graf dt {
background: #FF8017;
color: #fff;
text-align: center;
padding: 10px;
}
main.sub .graf dd {
padding: 10px;
border: 1px solid #FF8017;
}
main.sub .greet p {
font-weight: 500;
}
main.sub .company .graf {
margin-bottom: 30px;
}
main.sub .company iframe {
display: block;
width: 100%;
height: 200px;
}
main.sub .privacy h3 {
color: #FF8017;
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 20px;
}
main.sub .privacy p {
margin-bottom: 20px;
}
main.sub .privacy p:last-child {
margin-bottom: 0;
}
main.sub .privacy ul li {
margin-bottom: 20px;
}
main.sub .contact p {
margin-bottom: 20px;
}
main.sub .contact dl {
margin-top: 30px;
}
main.sub .contact dl dt {
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 10px;
}
main.sub .contact dl dd {
font-size: 1.2rem;
margin-bottom: 30px;
}
main.sub .contact dl dd input,
main.sub .contact dl dd textarea {
width: 100%;
padding: 10px;
border-radius: 10px;
border: 1px solid #e1e1e1;
}
main.sub .contact dl dd textarea {
height: 200px;
}
main.sub .contact .submit input {
width: 90vw;
display: block;
margin: 50px auto;
background: #0071BE;
color: #fff;
text-align: center;
font-weight: bold;
padding: 20px;
}
main.sub .contact .submit input:hover {
background: #FF8017;
}
main.sub .heavy {
padding: 20px 20px 40px;
}
main.sub .demolition section {
padding: 40px 20px;
}
main.sub .demolition section > .org_btn {
margin: 40px auto 0;
}
main.sub .demolition .about {
padding: 20px 20px 40px;
}
main.sub .demolition .about p {
font-weight: 500;
}
main.sub .demolition .about p:not(:last-child) {
margin-bottom: 20px;
}
main.sub .demolition .reason ul li {
border: 5px solid #e1e1e1;
background: #fff;
padding: 10px;
position: relative;
}
main.sub .demolition .reason ul li:not(:last-child) {
margin-bottom: 30px;
}
main.sub .demolition .reason ul h3 {
color: #FF8017;
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 20px;
}
main.sub .demolition .reason ul h3 img {
vertical-align: middle;
margin-right: 10px;
width: 30px;
}
main.sub .demolition .reason ul p {
font-weight: 500;
}
main.sub .demolition .reason ul span {
position: absolute;
content: "";
bottom: -30px;
right: -10px;
font-weight: bold;
font-size: 2.4rem;
}
main.sub .demolition .flow ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
padding-top: 20px;
}
main.sub .demolition .flow li {
border: 5px solid #e1e1e1;
background: #fff;
padding: 10px;
position: relative;
height: 180px;
display: flex;
flex-direction: column;
}
main.sub .demolition .flow li:not(:nth-child(2n)):after {
position: absolute;
content: "";
top: 50%;
right: -30px;
transform: translateY(-50%);
border: 8px solid transparent;
border-left: 10px solid #FF8017;
}
main.sub .demolition .flow li span {
position: absolute;
top: -15px;
left: 0;
right: 0;
margin: auto;
width: 80px;
background: #FF8017;
color: #fff;
text-align: center;
font-weight: bold;
}
main.sub .demolition .flow li img {
display: block;
margin: 20px auto 0;
}
main.sub .demolition .flow li h3 {
font-weight: bold;
margin-top: auto;
text-align: center;
}
main.sub .demolition .area li {
background: #fff;
padding: 20px;
}
main.sub .demolition .area li:not(:last-child) {
margin-bottom: 30px;
}
main.sub .demolition .area h3 {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 10px;
}
main.sub .demolition .area h3 img {
vertical-align: middle;
margin-right: 10px;
width: 30px;
}
main.sub .demolition .area p {
font-weight: 500;
}
main.sub .demolition .service img {
width: 100%;
}
main.sub .demolition .service h3 {
color: #FF8017;
font-weight: bold;
font-size: 1.2rem;
margin: 10px auto;
text-align: center;
}
main.sub .demolition .service p {
font-weight: 500;
}
main.sub .archive_list li {
font-weight: 500;
}
main.sub .archive_list li:not(:last-child) {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 2px dashed #e1e1e1;
}
main.sub .single .detail {
position: relative;
}
main.sub .single .detail .swiper-wrapper {
padding-bottom: 10px;
}
main.sub .single .detail .thumb {
width: 100%;
position: relative;
}
main.sub .single .detail .thumb:before {
content: "";
display: block;
padding-top: 62.5%;
}
main.sub .single .detail .thumb img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
main.sub .single .detail .thumb p {
position: absolute;
z-index: 2;
width: 100%;
bottom: 0;
background: #1e1e1e;
color: #fff;
padding: 10px;
margin-bottom: 0;
text-align: center;
opacity: 0.8;
}
main.sub .single .detail .swiper-pagination {
bottom: auto;
}
main.sub .single .detail .swiper-pagination .swiper-pagination-bullet {
background: #e1e1e1;
opacity: 1;
}
main.sub .single .detail .swiper-pagination .swiper-pagination-bullet-active {
background: #FF8017;
}
main.sub .single .detail .red_btn {
max-width: 40%;
font-weight: normal;
}
main.sub .single .detail .title {
font-size: 1.4rem;
font-weight: bold;
margin: 10px auto;
}
main.sub .single .detail .box {
border: 3px solid #e1e1e1;
padding: 20px;
margin: 60px auto 40px;
font-weight: 500;
}
main.sub .single .detail .box p {
margin-bottom: 20px;
}
main.sub .single .detail .box dl {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
main.sub .single .detail .box dl dt {
width: 25px;
}
main.sub .single .detail .box dl dt:not(:last-of-type) {
margin-bottom: 10px;
}
main.sub .single .detail .box dl dd {
width: calc(100% - 35px);
}
main.sub .single .detail .box dl dd:not(:last-of-type) {
margin-bottom: 10px;
}
main.sub .single .content {
font-weight: 500;
}
main.sub .single .content > p {
margin-bottom: 20px;
}
main.sub .single .content > p a {
text-decoration: underline;
word-break: break-all;
color: #FF8017;
font-weight: bold;
}
main.sub .single .content > p strong {
font-weight: bold;
color: #FF8017;
}
main.sub .single .content > p em {
font-style: italic;
}
main.sub .single .content img,
main.sub .single .content .wp-video {
margin: 20px auto;
display: block;
}
main.sub .single .content iframe {
width: 100%;
display: block;
margin: 20px auto;
height: auto;
aspect-ratio: 16 / 9;
}
main.sub .single .content blockquote {
padding: 20px 40px;
position: relative;
margin: 20px 0;
background: #f7f7f7;
}
main.sub .single .content blockquote:before {
position: absolute;
content: "\f10d";
font-family: "FontAwesome";
font-weight: bold;
font-size: 20px;
color: #FF8017;
top: 10px;
left: 10px;
}
main.sub .single .content blockquote:after {
position: absolute;
font-family: "FontAwesome";
content: "\f10e";
font-size: 20px;
color: #FF8017;
right: 10px;
bottom: 10px;
}
main.sub .single .content blockquote p:last-child {
margin-bottom: 0;
}
main.sub .single .content ul {
padding: 20px 20px 20px 40px;
margin: 20px auto;
background: #f7f7f7;
}
main.sub .single .content ul li {
list-style: disc;
}
main.sub .single .content ul li:not(:last-child) {
margin-bottom: 10px;
}
main.sub .single .content h1 {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 10px;
}
main.sub .single .content h2 {
margin: 20px 0;
font-weight: bold;
font-size: 1.2rem;
background: #FF8017;
color: #fff;
padding: 5px 10px;
}
main.sub .single .content h3 {
margin: 20px 0;
font-weight: bold;
border-left: 5px solid #FF8017;
padding: 5px 10px;
}
main.sub .single .content h4 {
margin: 20px 0;
font-weight: bold;
border-bottom: 2px solid #FF8017;
}
main.sub .pagination ul {
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
font-size: 1.3rem;
font-weight: bold;
}
main.sub .pagination ul li a,
main.sub .pagination ul li .current {
margin: 0 5px;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
}
main.sub .pagination ul li a {
background: #fff;
border: 1px solid #FF8017;
color: #FF8017;
}
main.sub .pagination ul li .current {
background: #FF8017;
color: #fff;
}
main.sub .pagenavi {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 40px;
}
main.sub .pagenavi a {
width: 100px;
}
footer {
background: #FF8017;
padding: 20px 10px 60px;
}
footer .f_blc {
background: #fff;
}
footer .f_blc > div {
margin: 0 10px;
padding-bottom: 20px;
}
footer h2 a {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
footer h2 a img {
width: 40px;
}
footer h2 a span {
font-weight: bold;
font-size: 1.4rem;
margin-left: 10px;
}
footer .f_nav a {
display: block;
font-weight: bold;
padding: 20px;
border-top: 1px solid #1e1e1e;
}
footer .cta_btn {
margin-bottom: 20px;
}
footer .cta_btn a {
font-size: 0.8rem;
min-height: 55px;
}
footer .cta_btn .red_btn span {
font-size: 1.2rem;
}
footer .cta_btn .org_btn {
padding: 16px 10px;
}
footer p {
font-weight: 500;
}
footer p:not(:last-child) {
margin-bottom: 10px;
}
footer small {
display: block;
color: #fff;
font-weight: 500;
padding: 10px 0;
text-align: right;
}
footer .pagetop {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 99;
}
footer .pagetop a {
display: block;
background: #0071BE;
text-align: center;
color: #fff;
font-size: 1.6rem;
width: 40px;
height: 40px;
}
.pconly {
display: none;
}
}.cat-box {
margin: 24px 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
}
.cat-box ul,
.cat-box li {
margin: 0 !important;
padding: 0 !important;
background: none !important;
list-style: none !important;
border: none !important;
}
.cat-box li::before {
content: none !important;
display: none !important;
}
.cat-list {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
}
.cat-pill {
display: inline-block !important;
padding: 6px 18px !important;
background: #b41d17 !important;
color: #fff !important;
font-size: 0.85rem !important;
border-radius: 9999px !important;
text-decoration: none !important;
transition: opacity 0.3s ease !important;
}
.cat-pill:hover {
opacity: 0.85 !important;
} .breadcrumb {
padding-left: 20px;
margin-bottom: 20px;
} .navigation {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
text-align: center;
} @media screen and (max-width: 768px) {
a.red_btn.tel_btn {
font-size: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 44px !important;
padding: 0 16px !important;
background-color: #ff7f00 !important;
color: #fff !important;
text-decoration: none !important;
width: 100% !important;
}
a.red_btn.tel_btn span {
font-size: 16px !important;
display: inline-flex !important;
align-items: center !important;
gap: 0.4em !important;
white-space: nowrap !important;
}
a.red_btn.tel_btn span img {
width: 1em !important;
height: auto !important;
vertical-align: middle !important;
}
a.red_btn.tel_btn::before,
a.red_btn.tel_btn strong,
a.red_btn.tel_btn em,
a.red_btn.tel_btn .label-text,
a.red_btn.tel_btn br {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
} @media screen and (orientation: landscape) and (max-width: 1024px) {
a.red_btn.tel_btn {
min-width: 200px !important;
}
} .city-pills {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 20px 0 30px;
padding: 0 0 20px;
list-style: none;
justify-content: center;
border-bottom: 1px solid #e0e0e0;
overflow-x: auto;
}
.city-pills::-webkit-scrollbar {
display: none;
}
.city-pills .pill {
display: inline-block;
padding: 6px 18px;
background-color: #f37021;
color: #fff;
font-size: 0.85rem;
text-decoration: none;
border-radius: 9999px;
transition: opacity 0.3s ease;
white-space: nowrap;
}
.city-pills .pill:hover {
opacity: 0.85;
}
.city-pills .pill.active {
background-color: #d64500;
font-weight: 700;
box-shadow: 0 0 0 2px #d64500 inset;
} .archive_list {
max-width: 720px;
margin: 0 auto 60px;
padding: 0 20px 40px;
display: flex;
flex-direction: column;
align-items: center;
}
.archive_list li {
width: 100%;
max-width: 680px;
padding: 12px 0;
border-bottom: 1px dashed #ccc;
text-align: left;
}
.archive_list time {
display: block;
font-size: 0.9rem;
color: #888;
margin-bottom: 4px;
}
.archive_list h2 {
font-size: 1rem;
margin: 0;
} .tax-city .city-term-description{
max-width: 920px;
margin: 0 auto 28px;
padding: 0 16px;
font-size: 16px;
line-height: 2.0;
color: #333;
}
.tax-city .city-term-description h2{
font-size: 22px;
line-height: 1.4;
margin: 12px 0 18px;
font-weight: 700;
padding-left: 12px;
border-left: 4px solid #f07c2b;
}
.tax-city .city-term-description p{
margin: 0 0 16px;
word-break: break-word;
}
.tax-city .city-term-description br{
display: block;
margin: 10px 0;
} @media (max-width: 768px){
.tax-city .city-term-description{
font-size: 15px;
line-height: 1.85;
padding: 0 14px;
}
.tax-city .city-term-description h2{
font-size: 18px;
}
} .content table,
.tax-city .city-term-description table {
width: 100%;
border-collapse: collapse;
margin: 1.5em 0;
font-size: 15px;
line-height: 1.6;
}
.content th,
.content td,
.tax-city .city-term-description th,
.tax-city .city-term-description td {
border: 1px solid #ddd;
padding: 10px 14px;
text-align: left;
vertical-align: top;
}
.content thead th,
.tax-city .city-term-description thead th {
background: #333;
color: #fff;
font-weight: bold;
}
.content tbody tr:nth-child(even),
.tax-city .city-term-description tbody tr:nth-child(even) {
background: #faf6f2;
} @media (max-width: 768px) {
.content table,
.tax-city .city-term-description table {
font-size: 13px;
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.content th,
.content td,
.tax-city .city-term-description th,
.tax-city .city-term-description td {
padding: 8px 10px;
white-space: nowrap;
}
} h1.h_logo a span {
font-size: 20px !important;
line-height: 1.4 !important;
}
h1.h_logo {
max-width: 320px;
}
.menu-content ul li a {
font-size: 15px !important;
white-space: nowrap !important;
padding: 5px 10px !important;
}
.menu-content ul {
gap: 5px;
} h1.h_logo a span,
p.h_logo a span {
font-size: 1.4rem !important;
font-weight: bold;
margin-left: 10px;
line-height: 1.4 !important;
}
h1.h_logo {
max-width: none !important;
} .content h3 {
font-size: 1.2em;
font-weight: bold;
color: #333;
border-left: 4px solid #ff8a00;
padding: 8px 0 8px 12px;
margin: 2em 0 0.8em;
background: #fff8f0;
} .wp-admin .switch-tmce {
display: none !important;
} .wp-editor-tabs .switch-tmce,
a.switch-tmce {
display: none !important;
} .page-id-1671 main.sub > *:not(section):not(.catch):not(nav):not(footer) {
max-width: 860px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
}
.page-id-1671 main.sub table {
width: 100%;
border-collapse: collapse;
margin: 1.2em 0;
font-size: 0.95em;
padding: 0 !important;
}
.page-id-1671 main.sub table th,
.page-id-1671 main.sub table td {
border: 1px solid #ddd;
padding: 10px 14px;
text-align: left;
vertical-align: top;
}
.page-id-1671 main.sub table thead th {
background: #f5a623;
color: #fff;
font-weight: bold;
}
.page-id-1671 main.sub table tbody tr:nth-child(even) { background: #fafafa; }
.page-id-1671 main.sub table tbody tr:hover { background: #fff8f0; }
.page-id-1671 main.sub h2 {
font-size: 1.4em;
font-weight: bold;
border-left: 4px solid #f5a623;
padding-left: 12px;
} .estimate_table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 15px;
}
.estimate_table th {
background: #e8690b;
color: #fff;
padding: 12px 16px;
text-align: center;
border: 1px solid #ddd;
}
.estimate_table td {
padding: 12px 16px;
text-align: center;
border: 1px solid #ddd;
background: #fff;
}
.estimate_table tr:nth-child(even) td {
background: #fff9f5;
}
.estimate_note {
font-size: 13px;
color: #666;
margin-top: 8px;
} main.top .reason ul {
display: flex !important;
flex-wrap: nowrap !important;
gap: 16px;
justify-content: space-between;
}
main.top .reason ul li {
flex: 1 1 0 !important;
width: auto !important;
min-width: 0;
}
@media screen and (max-width: 768px) {
main.top .reason ul {
flex-wrap: wrap !important;
}
main.top .reason ul li {
flex: 1 1 100% !important;
width: 100% !important;
}
} .area_tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 16px;
}
.area_tag {
display: inline-block;
padding: 6px 14px;
background: #fff;
border: 1px solid #e8690b;
border-radius: 20px;
font-size: 13px;
color: #333;
text-decoration: none;
}
a.area_tag:hover {
background: #e8690b;
color: #fff;
} .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}