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

/*
Theme Name: ヒグマート2026
Theme URI:http://www.suda.co.jp
Description:
Version: 1.0
Author: SUDA WEB TEAM and WEB PROJECT
Author URI:http://www.suda.co.jp
Tags:
*/


.home .company_name_wrap { display: block; width: 100%; }
.home .company_name { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; }
.home .company_name li { width: 46%; padding: 1rem 2rem; color: #333; font-weight: 500; }
.home .company_name li a { font-weight: 500; text-decoration: underline; color: #333; }
.home .company_name li a:hover { opacity: 0.8; text-decoration: none; }
.home .company_name2 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; }
.home .company_name2 li { width:calc(90% / 3); padding: 1rem; color: #333; font-weight: 500; text-align: center; }
.home .company_name2 li a { font-weight: 500; text-decoration: underline; color: #333; }
.home .company_name2 li a:hover { opacity: 0.8; text-decoration: none; }
@media screen and (max-width: 768px) {
    .home .company_name li { width: 90%; }
    .home .company_name2 li { width:90%; }
}

.home #project p:has(a) { display: block; text-align: center; }
.home #project p a { font-weight: 600; text-decoration: underline; text-align: center; }

.home .design { display: flex; justify-content: space-between; align-items: center; margin: 2rem auto; padding: 2rem; border: solid 2px #ccc; border-radius: 10px; width: 65%; }
.home .design img { position: relative; left: auto; top: auto; }
.home .design .aid { text-align: left; line-height: 1.6; font-size: 1.6rem; font-weight: 500; }
.home .design .aid::before { content: none; }
@media screen and (max-width: 768px) {
    .home .design { width: 88%; flex-wrap: wrap; }
    .home .design img { margin: 0 auto; }
    .home .design .aid { text-align: center; width: 100%; margin-top: 0.5rem; }
}

.home .qr_info { margin: 2rem auto; }
.home .qr_info .qr_link { flex-wrap: wrap; width: 45%; }
.home .qr_info a.btn { width: 100%; margin: 1rem auto; padding: 1rem; text-align: center; color: #fff; font-weight: 600; background: #e76107; border-radius: 10px; }
.home .qr_info a.btn:hover { opacity: 0.6; }
@media screen and (max-width: 768px) {
    .home .qr_info .qr_link { width: 100%; }

}

.home .itemWrap { display: flex; justify-content: space-between; }
.home .itemWrap figcaption { font-size: 1.6rem; text-align: center; }
@media screen and (max-width: 768px) {
    .home .itemWrap { flex-wrap: wrap; }
    .home .itemWrap figure { width: 95%; margin: 1rem auto; }
}

.home #project p { line-height: 1.6; font-size: 1.6rem; font-weight: 500; }

.home .inqWrap p { display: flex; justify-content: center; }
.home .inqWrap p label { width: 100%; display: flex; justify-content: center; align-items: stretch; font-size: 1.6rem; font-weight: 600; margin: 0 auto; padding: 0 0 1rem; }
.home .inqWrap p label .inputname { width: 20%; padding: 1rem; background: #f5f5f5; }
.home .inqWrap p .wpcf7-form-control-wrap { margin: 0 1rem; width: 40%; }
.home .inqWrap p .wpcf7-form-control-wrap input { padding: 1rem; border: solid 1px #ccc; width: 100%; }
.home .inqWrap p .wpcf7-form-control-wrap textarea { padding: 1rem; border: solid 1px #ccc; width: 100%; }
.home .inqWrap p .wpcf7-submit { padding: 1rem 3rem; font-size: 1.6rem; font-weight: 500; text-align: center; }
div.wpcf7cp-btns { display: flex; justify-content: center!important; }
.home .inqWrap button.wpcf7-form-control { padding: 1rem 3rem; font-size: 1.6rem; font-weight: 500; text-align: center; }
@media screen and (max-width: 768px) {
    .home .inqWrap p label { flex-wrap: wrap; }
    .home .inqWrap p label .inputname { width: 95%; }
    .home .inqWrap p .wpcf7-form-control-wrap { width: 95%; }
    .home .inqWrap p .wpcf7-form-control-wrap input { width: 90%; }
    .home .inqWrap p .wpcf7-form-control-wrap textarea { width: 90%; }
}

footer { width: 100%; min-height: 60px; background: #40220F; }


.single-post main { width: 100%; max-width: 100%; }
.single-post .mv { display: flex; justify-content: space-between; align-items: flex-start; width: 95%; padding: 0 2.5%; }
.single-post .mv img { width: 20%; }
.single-post .mv nav { width: 77%; }
@media screen and (max-width: 768px) {
    .single-post .mv { flex-wrap: wrap; }
    .single-post .mv img { width: 90%; margin: 0 auto; }
    .single-post .mv nav { width: 100%; }
}
.single-post .cont { max-width: 1027px; width: 100%; margin: 0 auto; }
.single-post .cont .single-header { margin: 1rem 2rem;  }
.single-post .cont .single-header .date { font-size: 1.6rem; margin: 0; font-weight: 500; }
.single-post .cont .single-header h3.single-title { font-size: 2.4rem; font-weight: 600; color: #40220F; }
.single-post .cont .single-content { padding: 2rem; }
.single-post .cont .single-content p { margin: 1.6rem auto; font-size: 1.6rem; font-weight: 500; color: #333; line-height: 1.6; }
.single-post .cont .single-content h1 { font-size: 2.0rem; font-weight: 600; color: #40220F; margin: 4rem auto 1rem; padding: 0 0 1rem 0; border-bottom: solid 2px #40220F; }
.single-post .cont .single-content h2 { font-size: 2.0rem; font-weight: 600; color: #40220F; margin: 4rem auto 1rem; padding: 0 0 1rem 0; border-bottom: solid 2px #40220F; }
.single-post .cont .single-content h3 { font-size: 2.0rem; font-weight: 600; color: #40220F; margin: 4rem auto 1rem; padding: 0 0 1rem 0; border-bottom: solid 2px #40220F; }
.single-post .cont .single-content h4 { font-size: 2.0rem; font-weight: 600; color: #40220F; margin: 4rem auto 1rem; padding: 0 0 1rem 0; border-bottom: solid 2px #40220F; }
.single-post .cont .single-content h5 { font-size: 2.0rem; font-weight: 600; color: #40220F; margin: 4rem auto 1rem; padding: 0 0 1rem 0; border-bottom: solid 2px #40220F; }
.single-post .cont .single-content h6 { font-size: 2.0rem; font-weight: 600; color: #40220F; margin: 4rem auto 1rem; padding: 0 0 1rem 0; border-bottom: solid 2px #40220F; }
.single-post .cont .single-back { width: 100%; margin: 4rem auto; padding: 2rem; display: flex; justify-content: center; }
.single-post .cont .single-back a { padding: 2rem; color: #fff; text-align: center; background: #40220F; }
.single-post .cont .single-back a:hover { opacity: 0.6; }