@charset "UTF-8";
/*!
  Template: swell
  Theme Name: esmy-home
  Theme URI: https://swell-theme.com/
  Description: esmy-home
  Version: 1.0.0
  Author: LOOS WEB STUDIO
  Author URI: https://loos-web-studio.com/
  License: GNU General Public License
  License URI: http://www.gnu.org/licenses/gpl.html
*/
/* =========================
   Variables & Mixins
   ========================= */
/* =========================
   Header
   ========================= */
@media (min-width: 960px) {
  .l-header {
    position: fixed !important;
  }
  .l-header .l-container {
    max-width: 94%;
  }
}
/* =========================
   ページタイトル・本文余白
   ========================= */
.c-pageTitle {
  display: none !important;
}

.post_content {
  margin-top: 0 !important;
}

/* =========================
   投稿の開催スケジュール
   ========================= */
.events-info {
  margin: 2vh auto;
  border-bottom: 1px solid #000;
  font-size: 1.1rem;
  font-weight: bold;
}

.eventsbtn {
  margin-top: 3vh;
  margin-bottom: 3vh;
}

/* =========================
   footer-sitemap
   ========================= */
.sitemap {
  width: 40vw;
  margin: 4vw 10vw;
  display: flex;
  justify-content: center;
}
.sitemap ul {
  list-style: none !important;
}
.sitemap ul li a:hover {
  color: #399a39 !important;
  font-weight: bold !important;
  font-size: 1.05rem !important;
}

/* =========================
   Contact Form (CF7含む)
   ========================= */
form {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  /* もし .checkbox ラッパがある場合のテキスト揃え */
}
form button,
form input,
form select,
form textarea {
  width: 100%;
}
form label {
  color: #000;
  font-weight: bold;
}
form input[type="checkbox i"] {
  width: fit-content;
  margin: 1% auto;
}
form .wpcf7-list-item {
  overflow: visible;
  width: 100%;
  margin: 1% auto;
}
form .checkbox span.checkbox .wpcf7-list-item {
  text-align: start;
}
form .agree_btn {
  text-align: center !important;
}

/* =========================
   代表挨拶
   ========================= */
.message-p {
  font-family: "Klee One", cursive !important;
  font-weight: 400;
  font-style: normal;
}

/* =========================
   Footer 余白調整
   ========================= */
.w-beforeFooter {
  margin: 0 !important;
}

.l-content {
  margin-bottom: 0 !important;
}

/* =========================
   家づくりの流れ：最初のステップの線を非表示
   ========================= */
.is-style-big > .swell-block-step__item:first-child {
  border-top: none !important;
}

/* =========================
   各記事の目次の上の余白
   ========================= */
#main_content .p-toc {
  margin-top: 2em !important;
}

/* =========================
   見出し影付き
   ========================= */
.h-shadow {
  text-shadow: 0 0 1px #ddd;
}

.conceptbg {
  width: 90vw;
  margin-left: 10vw;
}
.conceptbg .concept {
  width: fit-content;
  position: relative;
  left: -14vw;
  top: 50%;
}
.conceptbg .concept .h-box {
  position: relative;
  left: 15%;
  margin-bottom: 1rem !important;
}
.conceptbg .concept .h-box h2, .conceptbg .concept .h-box h3, .conceptbg .concept .h-box h4, .conceptbg .concept .h-box h5 {
  width: fit-content;
  padding: 0.5em 1em;
  background-color: white;
  color: #000 !important;
}
.conceptbg .concept .textbox {
  position: relative;
  left: 15%;
}
.conceptbg .concept .textbox p {
  width: fit-content;
  padding: 0.5em 1em;
  background-color: white;
  color: #000 !important;
}
.conceptbg .concept .btnbox {
  width: auto;
  display: block;
  position: relative;
  left: 15%;
}

.conceptbg-reverse {
  width: 90vw;
  margin-right: 10vw;
}
.conceptbg-reverse .concept {
  width: fit-content;
  position: relative;
  left: 50%;
  top: 50%;
}
.conceptbg-reverse .concept .h-box {
  position: relative;
  left: 15%;
  margin-bottom: 1rem !important;
}
.conceptbg-reverse .concept .h-box h2, .conceptbg-reverse .concept .h-box h3, .conceptbg-reverse .concept .h-box h4, .conceptbg-reverse .concept .h-box h5 {
  width: fit-content;
  padding: 0.5em 1em;
  background-color: white;
  color: #000 !important;
}
.conceptbg-reverse .concept .textbox {
  position: relative;
  left: 15%;
}
.conceptbg-reverse .concept .textbox p {
  width: fit-content;
  padding: 0.5em 1em;
  background-color: white;
  color: #000 !important;
}
.conceptbg-reverse .concept .btnbox {
  width: 50vw;
  display: block;
  position: relative;
  left: 15%;
}/*# sourceMappingURL=style.css.map */