@charset "UTF-8";

/*
Theme Name: geo-wp
Theme URI:  https://www.geo-power.co.jp/
Description: GEO POWER SYSTEM WP THEME
Author: Takashi Kawaguchi
Author URI: https://www.geo-power.co.jp/
Version: 1.01
*/


  a.costsbox {
  	/*float:left;*/
  	border:1px solid #EEEEEE;
  	display: inline-block;
  	/**display: inline;*/
  	}
  a.costsbox:visited,a.voibox:link{color:#333}
  a.costsbox:hover{
  	border:1px solid #DDD;
  	text-decoration:none;
  	background-color: #EEE;
  }
p.coststitle {
  font-weight: bold;
  line-height: 130%;
  font-size: 16px;
}


/*アスベストレベル*/
.levelbox {
  background-color: #10a9a3;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  padding: 0.1em 0.2em;
}

h3.level {
	font-weight: bold;
	font-size:1.2rem;
	border-left:none;
	padding-left:none;
	margin:5px 0 10px 0;
  padding:0;
}

/*テキスト中央揃え・改行対策*/

.text-centering span{
  display:inline-block;
  white-space:nowrap;
}

  a.underbar {
  color:#19734c;
	text-decoration:underline;
  }

/*追記202206　entry content内の長いURL改行対応*/
.entry-content
{
	overflow-wrap: break-word;
	word-wrap: break-word;
}

a:hover img.opac{ /*画像リンクで明るくさせたいものすべてに*/
 	filter: Alpha(opacity=70);
	opacity: 0.7;
}

.wrapgeo {
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex
}

/*----------------------------------
    BST SUCCESSボタン上書き
-----------------------------------*/

.btn-outline-success {
  color: #2f4f35;
  background-color: #9cc813;
  border-color: #2f4f35;
  font-weight: bold;
}

.btn-outline-success:hover {
  color:#109413;
  background-color: #beea35;
  border-color: #109413;
  font-weight: bold;
}

/*----------------------------------
    共通 EM　テキスト
-----------------------------------*/
.emtext {
 font-size: 1.0em;
 margin-top: 15px;
}
@media screen and (width < 768px) {
  .emtext {
    font-size: 1em;
     margin-top: 10px;
  }
}
/*----------------------------------
    トップページ写真の下空白
-----------------------------------*/
.topimg {
  margin-bottom:20px;
}
@media screen and (width < 768px) {
    .topimg {
    margin-bottom:15px;
    }
}


/*----------------------------------
    ＦＡＱアコーディオン
-----------------------------------*/

  .pageSubTitle {
    font-size: 40px;
    line-height: 1.75;
    font-weight: 900;
    font-style: normal;
    position: relative;
  }
  .pageSubTitle::after {
    content: "";
    display: block;
    width: 74.6px;
    height: 2px;
    margin: 0 auto;
    margin-top: 35.2px;
  }
  .pageSubTitle > span {
    display: block;
    font-size: 13px;
    line-height: 1.75;
    font-weight: 400;
    font-style: normal;
    margin-top: 5px;
  }
  .pageSubTitle--center {
    text-align: center;
  }

.faq {
  max-width: 100%;/*DEF 600px*/
  width: 100%;
  margin-top: 20px;
}

.faq__question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  background: #9cc813;
  color: #2f4f35;
  font-weight: bold;
  padding: 10px 20px;
}

.faq__toggleIcon {
  transition: transform .3s ease-in-out;
}

.faq__question.is-open .faq__toggleIcon {
  transform: rotate(180deg);
}

.faq__toggleIcon {
  display: block;
  width: 15px;
  height: 15px;
  position: relative;
}

.faq__toggleIcon::before {
  content: "";
  display: inline-block;
  height: 2px;
  width: 9px;
  background: #fff;
  transform: translateY(50%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
}

.faq__toggleIcon::after {
  content: "";
  display: inline-block;
  height: 2px;
  width: 9px;
  background: #fff;
  transform: translateY(50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 0;
}

.faq__answer {
  display: none;
  padding: 10px 20px;
  background: #ddd;
}


@media screen and (width < 768px) {
          .pageSubTitle {
        font-size: 40px;
        line-height: 1.75;
        font-weight: 900;
        font-style: normal;
        position: relative;
      }
      .pageSubTitle::after {
        content: "";
        display: block;
        width: 74.6px;
        height: 2px;
        margin: 0 auto;
        margin-top: 35.2px;
      }
      .pageSubTitle > span {
        display: block;
        font-size: 10px;
        line-height: 1.6;
        font-weight: 400;
        font-style: normal;
        margin-top: 5px;
      }
      .pageSubTitle--center {
        text-align: center;
      }

    .faq {
      max-width: 100%;/*DEF 600px*/
      width: 100%;
        margin-top: 10px;
        font-size:13px;/*DEF11px here*/
    }
    

    .faq__question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      background: #9cc813;
      color: #2f4f35;
      font-weight: bold;
      padding: 10px 20px;
    }

    .faq__toggleIcon {
      transition: transform .3s ease-in-out;
    }

    .faq__question.is-open .faq__toggleIcon {
      transform: rotate(180deg);
    }

    .faq__toggleIcon {
      display: block;
      width: 15px;
      height: 15px;
      position: relative;
    }

    .faq__toggleIcon::before {
      content: "";
      display: inline-block;
      height: 2px;
      width: 9px;
      background: #fff;
      transform: translateY(50%) rotate(45deg);
      position: absolute;
      top: 50%;
      left: 0;
    }

    .faq__toggleIcon::after {
      content: "";
      display: inline-block;
      height: 2px;
      width: 9px;
      background: #fff;
      transform: translateY(50%) rotate(-45deg);
      position: absolute;
      top: 50%;
      right: 0;
    }

    .faq__answer {
      display: none;
      padding: 10px 20px;
      background: #ddd;
    }
}

/*----------------------------------
    トップページブログタイトル
-----------------------------------*/


h3.block_title {
  font-weight: bold;
  font-size: 1rem;
  border-left: 0px;
  border-left-style: none;
  padding-left: 0px;
  margin: 10px 0 0 0;
}
@media screen and (width < 768px) {
  h3.block_title {
          font-weight: bold;
          font-size: 0.8rem;
          border-left: 0px;
          border-left-style: none;
          padding-left: 0px;
          margin: 10px 0 0 0;
  }
}

/*----------------------------------
    薄グレーの二重線タイトル（汎用）
-----------------------------------*/
/*薄グレーの２重線に挟まれるタイトル*/
.TitleDT {
  color: #2F4F35;
  font-size: 2.0rem;
  text-align: center;
  font-weight: bold;
  padding-top:15px;
  padding-bottom: 15px;
  border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (width < 768px) {
  .TitleDT {
      color: #2F4F35;
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
  padding-top:20px;
  padding-bottom: 20px;
  border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;
    margin-top: 15px;
  margin-bottom: 15px;
  }
}
/*=================================

/*----------------------------------
    太いRWカラーの二重線タイトル（汎用）
-----------------------------------*/
/*薄グレーの２重線に挟まれるタイトル*/
.TitleDTB {
  color: #117870;
  font-size: 2.0rem;
  text-align: center;
  font-weight: bold;
  padding-top:15px;
  padding-bottom: 15px;
  border-top: solid 3px #117870;
  border-bottom: solid 3px #117870;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (width < 768px) {
  .TitleDTB {
      color: #117870;
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
  padding-top:20px;
  padding-bottom: 20px;
  border-top: solid 3px #117870;
  border-bottom: solid 3px #117870;
    margin-top: 15px;
  margin-bottom: 15px;
  }
}
/*=================================

====================================*/

/*----------------------------------
    実績詳細ＴＯＰページの飾りつけＳ  jsks(実績詳細)
-----------------------------------*/


.jsks-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1vw;
}
@media screen and (width < 768px) {
    .jsks-item {
      gap: 0.725vw;
    }
}


.jsks-title {
  /*font-size: 1.25vw;*/
  font-size: min(17px, 1.25vw);
  font-weight: bold;
}
@media screen and (width < 768px) {
    .jsks-title {
      font-size: 0.9rem;
    }
}


.jsks-square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 1.6875;
  width: 8.375vw;
  height: 2.4375vw;
  background: #a0a0a0;
  margin:0 0 0 0; /*  margin:0 0 1.2rem 0; */
}


@media screen and (width < 768px) {
      .jsks-square {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      font-size: 0.8rem;
      font-weight: 700;
      line-height: 1.6875;
      width: 5rem;
      height: 1.3rem;
      background: #a0a0a0;
    }
}

/*----------------------------------
    実績詳細ページの飾りつけ　jsksp （文字サイズの最大を指定バージョン）
-----------------------------------*/
.jsksp-title {
  /*font-size: 1.25vw;*/
  font-size: min(17px, 1.25vw);
  font-weight: bold;
}
@media screen and (width < 768px) {
    .jsksp-title {
      font-size: 0.9rem;
    }
}

.jsksp-square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  /*font-size: 1.2vw;*/
  font-size: min(13px, 1.2vw);
  font-weight: 700;
  line-height: 1.6875;
  width: 5.375vw;/*8.375*/
  height: 2.4375vw;
  background: #a0a0a0;
  margin:0 0 0 0; /*  margin:0 0 1.2rem 0; */
}


@media screen and (width < 768px) {
      .jsksp-square {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      font-size: 0.8rem;
      font-weight: 700;
      line-height: 1.6875;
      width: 5rem;
      height: 1.3rem;
      background: #a0a0a0;
    }
}


.pack_midashi .smallpp {
  /*font-size: 0.9vw;*/
  font-size: min(13px, 0.9vw);
  color:#edf10a;
}
@media screen and (width < 768px) {
  .pack_midashi .smallpp {
  font-size: 2.5vw;
  }
}

.pack_midashi .largepp {
  /*font-size: 1.4vw;*/
  font-size: min(17px, 1.4vw);
  line-height: 0.9vw;
}
@media screen and (width < 768px) {
  .pack_midashi .largepp {
  font-size: 4.9vw;
  line-height: 4.6vw;
  }
}


.bunruip-total {/*施工前施工後スクエアのメイン*/
  position: absolute;
	/*font-size:1.19vw;*/
  font-size: min(15px, 1.19vw);
  font-weight: bold;
	color: #FFF;
  top:  23px;/*23px*/
  left: 4px;
  z-index: 5;
}
@media screen and (width < 768px) {
        .bunruip-total {
          position: absolute;
          font-size:1.2rem;
          font-weight: bold;
          color: #FFF;
          top: 17px;
          left: 4px;
          z-index: 5;
      }
}

span.bunp-before {/*施工例ビフォーカテゴリ*/
  background:#2f4f35;
	padding:0.4vw 0.4vw 0.4vw 0.4vw;

}

span.bunp-after {/*施工例アフターカテゴリ*/
    background:#9cc813;
	padding:0.5vw 0.5vw 0.5vw 0.5vw;

}
/*----------------------------------
    FLOW
-----------------------------------*/


.top-flow-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media screen and (width < 768px) {
  .top-flow-item {
    gap: 0.8rem;/*0.625*/
  }
}


.top-flow-title {
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (width < 768px) {
  .top-flow-title {
    font-size: 1.3rem;
  }
}


.top-flow-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6875;
  width: 8.375rem;
  height: 2.4375rem;
  background: #9cc813;
  margin:0 0 0 0; /*  margin:0 0 1.2rem 0; */
}


@media screen and (width < 768px) {
 .top-flow-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.6875;
  width: 5rem;
  height: 1.3rem;
  background: #9cc813;
    margin:0 15px 0 0;/*前はこれなかった*/
}
}


/*----------------------------------
    select Item
-----------------------------------*/

h3.sele {
  clear: both;
  font-weight: bold;
	font-size:1.7rem;/*1.5*/
      color: #2F4F35;
  ont-feature-settings: "palt";
	border-left:0px;
	padding-left:5px;
	margin:15px 0 15px 0;
}

 li.select__item{
  list-style-type:none;
}


img.sele {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.select-item__reason {
  width: 14.1875rem;
  height: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: 6.25rem;
  background: #2f4f35
}
@media screen and (width < 768px) {
  .select-item__reason {
    width: 9.375rem;
    height: 1.875rem;
    gap: 0.25rem;
  }
}
.select-item__reason img {
  width: 1.4375rem;
}
@media screen and (width < 768px) {
  .select-item__reason img {
    width: 0.9375rem;
  }
}
.select-item__reason span {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (width < 768px) {
  .select-item__reason span {
    font-size: 0.875rem;
  }
}



.select {
  padding-block: 5rem 3.125rem;
  background: #FFFDEC;
}
@media screen and (width < 768px) {
  .select {
    padding-block: 1.875rem;
  }
}

.select.head {
  padding-block: 0;
}
@media screen and (width < 768px) {
  .select.head {
    padding-block: 0;
  }
}

.select__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.125rem;
}
@media screen and (width < 768px) {
  .select__items {
    gap: 1.25rem;
  }
}

.select-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.75rem;
}
@media screen and (width < 768px) {
  .select-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25rem;
  }
}
.select-item--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (width < 768px) {
  .select-item--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.select-item__image {
  width: 25rem;
}
@media screen and (width < 768px) {
  .select-item__image {
    width: 100%;
  }
}

.select-item__content {
  width: calc(100% - 25rem - 1.75rem);
}
@media screen and (width < 768px) {
  .select-item__content {
    width: 100%;
  }
}


.select-item__title {
  margin-top: 1.375rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (width < 768px) {
  .select-item__title {
    margin-top: 0.625rem;
    font-size: 1.25rem;
  }
}

.select-item__text {
  margin-top: 0.4375rem;
  font-size: 1rem;
  line-height: 1.6875;
  text-align: justify;
}
@media screen and (width < 768px) {
  .select-item__text {
    margin-top: 0.625rem;
    font-size: 1rem;
    line-height: 1.5;
  }
}

.select__button {
  margin-top: 3.125rem;
  text-align: center;
}
@media screen and (width < 768px) {
  .select__button {
    margin-top: 1.25rem;
  }
}

/**************************************************
infomation　お知らせ関連
**************************************************/
ul.info{
  width: 100%;
  margin:0;
  padding:0;
}
li.info{
  margin:0;
  display: flex;
  padding:15px;
  border-bottom:1px solid #cccccc;
}

.day{
  color:#bbb;
}
.textinfo{
  margin:0 0 0 20px;
}

/**************************************************
h5タグ　パック見出し
**************************************************/
h5 {
  margin:0;
  padding:5px;
}

.pack_midashi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5vw;
  height: 4vw;
  background: #5f8e12;
  color: #fff;
}
@media screen and (width < 768px) {
  .pack_midashi {
  height: 12vw;
  }
}






.pack_midashi .smallp {
  font-size: 0.9vw;
  color:#edf10a;
}
@media screen and (width < 768px) {
  .pack_midashi .smallp {
  font-size: 2.5vw;
  }
}



.pack_midashi .largep {
  font-size: 1.4vw;
  line-height: 0.9vw;
}
@media screen and (width < 768px) {
  .pack_midashi .largep {
  font-size: 4.9vw;
  line-height: 4.6vw;
  }
}

.pack__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625vw;
  height: 5.5vw;
  padding: 0.9vw 0.4vw 0.9vw 0.4vw;
  /* padding: 0.9375rem 2.1875rem 0.9375rem 0.4375rem; */
  background: #FFFFFF;
}

.pack__price--padding {
  padding-left: 1.875vw;
}
.pack__price {
  font-family: "Impact", sans-serif;
    color:#2F4F35;
  font-size: 4.5vw;/*3rem*/
  font-weight: 400;
  line-height: 0.8285714286;
}

.manen {
  font-size: 0.9vw;
  font-weight: 700;
}

.pack__terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pack__term {         /* 坪数 */
  margin-top: 0.3125vw;
  width: 6.625vw;
  height: 2.1875vw;
  text-align: center;
  color: #fff;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 2.1875vw;
  border-radius: 6.25vw;
  background: #2f4f35;
}

.pack__taxprice {
  font-size: 0.8vw;
  font-weight: 700;
  line-height: 1.4;
}

/**************************************************
プチパック
**************************************************/
h5.puchi {
  margin:0;
  padding:5px;
}

.ppack_midashi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5vw;
  height: 4vw;
  background: #117870;/*2f4f35*/
  color: #fff;
}
@media screen and (width < 768px) {
      .ppack_midashi  {
      height: 12vw;
      }
}



.ppack_midashi .smallp {
  font-size: 0.9vw;
  color:#9cc813;
}
.ppack_midashi .largep {
  font-size: 1.4vw;
  line-height: 0.9vw;
}
@media screen and (width < 768px) {
        .ppack_midashi .largep {
          font-size: 50px;
        }
}




.ppack__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625vw;
  height: 5.5vw;
  padding: 0.9vw 0.4vw 0.9vw 0.4vw;
  /* padding: 0.9375rem 2.1875rem 0.9375rem 0.4375rem; */
  background: #FFFFFF;
}

.ppack__price--padding {
  padding-left: 1.7vw;
}
.ppack__price {
  font-family: "Impact", sans-serif;
    color:#2F4F35;
  font-size: 2.9vw;/*3rem*/
  font-weight: 400;
  margin:5px 0px 0px 0px;
  line-height: 0.2;/*0.8*/
}

.pmanen {
  font-size: 0.7vw;
  font-weight: 700;
}

.ppack__terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ppack__term {         /* 坪数 */
  margin-top: 0.3125vw;
  width: 6.625vw;
  height: 2.1875vw;
  text-align: center;
  color: #fff;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 2.1875vw;
  border-radius: 6.25vw;
  background: #2f4f35;
}

.ppack__taxprice {
  font-size: 0.8vw;
  font-weight: 700;
  line-height: 1.4;
}

.ppack-menu__price-including-tax {
  padding-right: 0.75rem;
  text-align: right;
  font-size: 0.8vw;
  line-height: 1.2;
}


@media screen and (width < 768px) {
                    h5.puchi {
          margin:0;
          padding:5px;
        }

        .ppack_midashi {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 0.5vw;
          height: 10vw; /*here*/
          background: #117870;
          color: #fff;
        }
        .ppack_midashi .smallp {
          font-size: 0.9vw;
          color:#9cc813;
        }
        .ppack_midashi .largep {
          font-size: 4.4vw; /*here*/
          line-height: 0.9vw;
        }

        .ppack__body {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          gap: 0.625vw;
          height: 5.5vw;
          padding: 0.9vw 0.4vw 0.9vw 0.4vw;
          /* padding: 0.9375rem 2.1875rem 0.9375rem 0.4375rem; */
          background: #FFFFFF;
        }

        .ppack__price--padding {
          padding-left: 1.7vw;
        }
        .ppack__price {
          font-family: "Impact", sans-serif;
            color:#2F4F35;
          font-size: 2.9vw;/*3rem*/
          font-weight: 400;
          margin:5px 0px 0px 0px;
          line-height: 0.2;/*0.8*/
        }

        .pmanen {
          font-size: 0.7vw;
          font-weight: 700;
        }

        .ppack__terms {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }

        .ppack__term {         /* 坪数 */
          margin-top: 0.3125vw;
          width: 6.625vw;
          height: 2.1875vw;
          text-align: center;
          color: #fff;
          font-size: 1.25vw;
          font-weight: 700;
          line-height: 2.1875vw;
          border-radius: 6.25vw;
          background: #2f4f35;
        }

        .ppack__taxprice {
          font-size: 0.8vw;
          font-weight: 700;
          line-height: 1.4;
        }

        .ppack-menu__price-including-tax {
          padding-right: 0.75rem;
          text-align: right;
          font-size: 0.8vw;
          line-height: 1.2;
        }
}





/***=================== 

コミコミパックプラン

=======================**/



.top-costs__pack-plan {
  margin-top: 5.625rem;/*5.625rem*/
}
@media screen and (width < 768px) {
  .top-costs__pack-plan {
    margin-top: 3rem;
  }
}

.pack-plan__box {
  width: 100%;
  height: 15vw;
  padding: 5vw 3vw 2.5vw;/*5.1875rem 3.125rem 2.75rem*/
  border-radius: 0.625rem;
  border: 0.0625rem solid #519539;
  background: #FFFDEC;
  position: relative;
}
@media screen and (width < 768px) {
  .pack-plan__box {
    height: auto;
    padding: 2.5rem 0.625rem 1.25rem;
    border-radius: 0.3125rem;
  }
}

.pack-plan__title {
  position: absolute;
  top: -3vw;/*-3*/
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: 1.3vw;/*1.2rem*/
  font-weight: 700;
  line-height: 1.6666666667;/*  line-height: 1.6666666667*/
  padding: 0.875rem 5.1875rem;/*  padding: 0.875vw 5.1875vw*/
  border-radius: 6.25rem;
  background: #519539;
}
@media screen and (width < 768px) {
  .pack-plan__title {
    width: 80%;
    top: -2.3rem;/*-1.5625rem*/
    padding: 0.625rem;
    font-size: 1em;
    line-height: 1.6875;
  }
}

.pack-plan__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.625rem;
}
@media screen and (width < 768px) {
  .pack-plan__list {
    gap: 0.3125rem;
  }
}

.pack-plan__item {
  display: inline-block;
  padding: 0.5vw 3vw;
  color: #519539;
  text-align: center;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 1.8;
  border-radius: 0.625rem;
  border: 0.0625rem solid #519539;
  background: #fff;
}
@media screen and (width < 768px) {
  .pack-plan__item {
    padding: 0.3125rem 1.25rem;
    font-size: 0.8em;
  }
}

/**************************************************
h2タグ　みりょく１～３
**************************************************/
h2.mi1 {
	color: #333;
	font-weight: bold;
	font-size:2.2rem;
  position:relative;
	padding-left: 50px;
	margin-top: 50px;
}
h2.mi1::before {
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://rhouse-nisshin.jp/gwp/wp-content/themes/gpre-rhouse-ns/images/m/m1.png) no-repeat;
	background-size:contain;
}

h2.mi2 {
	color: #333;
	font-weight: bold;
	font-size:2.2rem;
    position:relative;
	padding-left: 50px;
	margin-top: 50px;
}
h2.mi2::before {
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://rhouse-nisshin.jp/gwp/wp-content/themes/gpre-rhouse-ns/images/m/m2.png) no-repeat;
	background-size:contain;
}

h2.mi3 {
	color: #333;
	font-size:2.2rem;
    position:relative;
	padding-left: 50px;
	margin-top: 50px;
}
h2.mi3::before {
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://rhouse-nisshin.jp/gwp/wp-content/themes/gpre-rhouse-ns/images/m/m3.png) no-repeat;
	background-size:contain;
}
/**************************************************
KAITAI gray背景
**************************************************/
.kaitai-gray {
 background-color: #F6F6F6;
  border-radius: 10px;
}

.kaitai-gray-center {
 background-color: #F6F6F6;
  border-radius: 10px;
text-align: center;
}

h5.kaitai {
	color: #2F4F35;
	font-weight: bold;
	font-size:1.1rem;
	font-feature-settings: "palt";
	margin:0 0 10px 0;
	
}

h5.kaitai::before {
  font-family: FontAwesome;
  content: "\f058";
	font-size:1.3rem;
  padding-right: 6px;
}

h5.kaitai {
	color: #2F4F35;
	font-weight: bold;
	font-size:1.0rem;
	font-feature-settings: "palt";
	margin:0 0 10px 0;
	
}

h5.kaitaig::before {
		color: #9cc715;
  font-family: FontAwesome;
  content: "\f058";
	font-size:1.2rem;
  padding-right: 6px;
}



h2.saiyo {
    clear: both;
    font-weight: bold;
    font-size: 1.9em;
    color: #109413;
    margin: 2em 0 0.3em 0;
}

h5.saiyo {
    font-weight: bold;
    font-size: 1.4em;
    color: #109413;
    margin: 0em 0 0em 0;
}

h6.point1 {
  position: relative;
  border-top: solid 2px #2f4f35;
  border-bottom: solid 2px #2f4f35;
  background: #f6f6f6;
  font-size: 1.3em;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
}

h6.point1:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free", "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto;
  content: '\f0a7\ POINT1';
  background: #2f4f35;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 0.8;
  letter-spacing: 0.05em;
}

h6.point2 {
  position: relative;
  border-top: solid 2px #2f4f35;
  border-bottom: solid 2px #2f4f35;
  background: #f6f6f6;
  font-size: 1.3em;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
}

h6.point2:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f0a7\ POINT2';
  background: #2f4f35;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 0.8;
  letter-spacing: 0.05em;
}

/**************************************************
ここから一般
**************************************************/
.p11px {
	font-size: 11px;
}

/*薄グレーの２重線に挟まれるタイトル*/
.TitleDD {
  color: #2F4F35;
  font-size: 2.0rem;
  text-align: center;
  font-weight: bold;
  margin-top:15px;
  padding-top:15px;
  padding-bottom: 15px;
  border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;
}

.Ow-box {
	background-color: #EEE;
	padding:20px 50px 20px 50px;
	margin:30px 0 30px 0;
	text-align: right;
}

/*お客様の声の見出しＱ*/
h4{ 
  position: relative;
  padding: 0.3em;
  color:#9cc715;
  margin-top:60px;
  margin-bottom:20px;
}

h4:before {
content: "Q. ";
}

h4:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: repeating-linear-gradient(-45deg, #9cc715, #9cc715 2px, white 2px, white 4px);
}





/*TOP INFO*/


 .ListINFO{
  	width: 100%;
	list-style:none;
	margin: 0;
	padding:0;
}

.ListINFO li{
  	border-bottom:#DDD 1px solid;
	margin: 0 0 15px 0px;
	padding:0 0 15px 0px;
	font-size:0.9rem;
}
.ListINFO ul{
	margin: 0;
	padding:0;

}



/**************************************************
H1 タイトル
**************************************************/
h1.h1center {
	font-weight: bold;
	font-size: 2.5rem;
	border-left:none;
  padding 0;
	margin:15px 0 30px 0;
  text-align: center;
}




h1.BKtitle {
	font-weight: bold;
	font-size:1.7rem;
  　font-feature-settings: "palt";
	border-left:5px solid #252;
	padding-left:15px;
	margin:15px 0 30px 0;
}


h2.saitan {
  color: #2F4F35;
  font-size: 1.9vw;
  text-align: center;
  font-weight: bold;
  padding-top:15px;
  padding-bottom: 15px;
  border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color:transparent;
}
@media screen and (width < 768px) {
  h2.saitan {
      color: #2F4F35;
  font-size: 1.1rem;
  text-align: center;
  font-weight: bold;
  padding-top:20px;
  padding-bottom: 20px;
  border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;
    margin-top: 15px;
  margin-bottom: 15px;
  background-color:transparent;
  }
}

h2.GPS{
	font-weight: bold;
	font-size:1.5rem;
  　font-feature-settings: "palt";
	border-left:4px solid #333;
	padding-left:15px;
	margin:40px 0 15px 0;
  background-color:transparent;
}

h3 {
	font-weight: bold;
	font-size:1.3rem;
  　font-feature-settings: "palt";
	border-left:4px solid #9cc715;
	padding-left:15px;
	margin:20px 0 15px 0;
}

h3.green {
	font-weight: bold;
	font-size:1.5rem;
	color:#2f4f35;
	margin:15px 0 30px 0;
		border-left:0px solid #333;
}

h3.Midashi {
	font-weight: bold;
	font-size:1.5rem;
  　font-feature-settings: "palt";
	border-left:5px solid #122E0A;
	padding-left:15px;
	margin:15px 0 30px 0;
}

  /* 不動産singleページ内のステータス表示　*/

.status-on {
  display: inline-block;
  text-align: left;
  background-color: #9ec34b;
  font-size: 14px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
	margin: auto auto auto 10px ;
  padding: 6px 8px 6px 8px;
  border-radius: 16px;
  position: relative;
}
  /* お客様の声一覧ページ　*/




.voibox{
	position:  relative;
	z-index: 1;
}


h1.common {
	text-align: center;
background: linear-gradient(transparent 70%, #9cc715 70%);
	margin: 0.8em 0 0.8em 0;
}
/*==================================
H2
====================================*/
h2{
    clear: both;
    font-weight: bold;
    font-size: 1.6em;
    color: #333;
    margin: 2em 0 0.8em 0;
    background-color:#DEDEDE;
    padding:15px;
}

h2.cmn {
    clear: both;
    font-weight: bold;
    font-size: 1.9em;
    color:#2f4f35;
    margin: 2em 0 0.8em 0;
    background-color:transparent;
}

h2.rw {
    clear: both;
    font-weight: bold;
    font-size: 1.8em;
    color:#117870;
    margin: 2em 0 0.8em 0;
    padding: 0 0 0 0.8em;
    border-left:7px solid #117870;
    background-color:transparent;
}

h2.rw2 {
    clear: both;
    font-weight: bold;
    font-size: 1.8em;
    color:#117870;
    margin: 2em 0 0.8em 0;
    padding: 0.3em 0 0.3em 0.8em;
    border-left:7px solid #117870;
    border-top:1px solid #117870;
    border-bottom:1px solid #117870;
    width:100%;
    background-color:transparent;
}

h2.midashi {
    clear: both;
    font-weight: bold;
    font-size: 1.5em;
    color:
    #242;
    margin: 2em 0 0.8em 0;
    background-color:transparent;
}

h2.green {
    clear: both;
    font-weight: bold;
    font-size: 1.9em;
    color:
    #2f4f35;
    margin: 2em 0 0.8em 0;
    background-color:transparent;
}




.bunrui-arrow {/*施工例の矢印メイン*/
  position: absolute;
	font-size:4vw;
	color: #9cc813;
  top: 9rem;
  left: -2vw;
  z-index: 6;
}


.bunrui-total {/*施工前施工後スクエアのメイン*/
  position: absolute;
	font-size:1.19vw;
  font-weight: bold;
	color: #FFF;
  top:  23px;
  left: 4px;
  z-index: 5;
}
@media screen and (width < 768px) {
        .bunrui-total {
          position: absolute;
          font-size:1.2rem;
          font-weight: bold;
          color: #FFF;
          top: 17px;
          left: 4px;
          z-index: 5;
      }
}


span.bun-before {/*施工例ビフォーカテゴリ*/
    background:#2f4f35;
	padding:0.7vw 0.7vw 0.7vw 0.7vw;

}


span.bun-after {/*施工例アフターカテゴリ*/
    background:#9cc813;
	padding:0.7vw 0.7vw 0.7vw 0.7vw;

}

.bunrui-before {
	position: absolute;
	z-index: 2;
	font-size:1.19vw;
	background-color:#2f4f35;
	color: #FFFFFF;
  font-weight: bold;
	top:1rem;
	left:0.25rem;
	padding:0.7vw 0.7vw 0.7vw 0.7vw;
}
@media screen and (width < 768px) {
        .bunrui-before {
            position: absolute;
            z-index: 2;
            font-size:1.1rem;
            background-color:#2f4f35;
            color: #FFFFFF;
            font-weight: bold;
            top:1rem;
            left:0.25rem;
            padding:0.3em 0.3em 0.3em 0.3em;
      }
}


.bunrui-after {
	position: absolute;
	z-index: 2;
	font-size:1.19vw;
	background-color:#0a9bb2;
	color: #FFFFFF;
  font-weight: bold;
	top:1rem;
	left:0.25rem;
	padding:0.7vw 0.7vw 0.7vw 0.7vw;
}
@media screen and (width < 768px) {
        .bunrui-after {
            position: absolute;
            z-index: 2;
            font-size:1.1rem;
	          background-color:#0a9bb2;
            color: #FFFFFF;
            font-weight: bold;
            top:1rem;
            left:0.25rem;
            padding:0.3em 0.3em 0.3em 0.3em;
      }
}



span.bun-area { /*分類エリア*/
    background:#333;
	padding:3px 5px 3px 5px;
}


/* 分類で色分け*/
p.bunrui-real {
	position: absolute;
	z-index: 2;
	font-size:11px;
	background-color:#0F9762;
	color: #FFFFFF;
	top:0px;
	left:0px;
	padding:2px 5px 2px 5px;
}

p.bunrui-area {
	position: absolute;
	z-index: 4;
	font-size:11px;
	background-color:#333;
	color: #FFFFFF;
		top:0px;
	left:0px;
	padding:2px 5px 2px 5px;
}

p.bunrui-post {
	position: absolute;
	z-index: 2;
	font-size:11px;
	background-color:#05687C;
	color: #FFFFFF;
	top:0px;
	left:0px;
	padding:2px 5px 2px 5px;
}

p.bunrui-page {
	position: absolute;
	z-index: 2;
	font-size:11px;
	background-color:#6C3738;
	color: #FFFFFF;
	top:0px;
	left:0px;
	padding:2px 5px 2px 5px;
}

p.bunrui-sonota {
	position: absolute;
	z-index: 2;
	font-size:11px;
	background-color:#5C0068;
	color: #FFFFFF;
	top:0px;
	left:0px;
	padding:2px 5px 2px 5px;
}




.Ichiran-Price {
	font-size: 16px;
	font-weight:bold;
	color:#D1090C;

}

  a.voibox {
  	float:left;
  /*border:1px solid #EEEEEE; */
	text-decoration:none;

  	display: inline-block;
  	*display: inline;
  	}
  a.voibox:visited,a.voibox:link{
	  color:#333;
	  text-decoration:none;
	}

a.voibox:hover{
	color:#000;
  	text-decoration:underline;
  	/* background-color: #FFF6CC; */
	filter: Alpha(opacity=80);
	opacity: 0.8;
  }
/*
.voibox {
  border-bottom: 4px dotted #D3CAC7;
  border-left: 4px dotted #D3CAC7;
  margin: 0 auto;
  overflow: hidden;
  width: 300px;
}
*/
/*
.voibox img {
  display: block;
  height: auto;
  max-width: 100%;
  transition: 0.5s;
}
*/
/*
.voibox img:hover {
 -webkit-transform: scale(3);
 	filter: Alpha(opacity=60);
	opacity: 0.6;
}
*/


/*お客様の声index.phpの、記事数紹介*/

.voice-total{
	font-size:1.3em;
	padding:5px 0 10px 0;
	border-top:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
	margin-bottom:20px;
	text-align:center;
}

.voice-total-num{
	font-weight: bold;
	font-size:1.8em;
	color: #305C08;
}


p.block_title{
	margin: 0;
	padding: 5px 0px 0px 0px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2em;
}

.block_price{
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bolder;
	color:#05A78B;
}

.block_etc{
	margin: 0;
	padding: 0;
	font-size: 12px;
}


/* 会話風　*/

.TALK-PRE
{
	position: relative;
	padding:10px 0 10px 0;
	background-color:#7FAA72;
	text-align:center;
	font-size:15px;
	margin:10px 0 10px 0;
	color:#FFF;
  font-weight: bold;
	}

.TALK-PRE:after {
content: '';
position: absolute;
border-top: 20px solid #7FAA72;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
bottom: -12px;
left: 44%;
}



.TALK-L
{
	padding:10px 0 10px 0;
	border:solid 5px #EEE;
	text-align:center;
	font-size:15px;
	margin:10px 0 10px 0;

	}

/*SIDE MENU*/
.SideM ul{
margin: 0;
padding: 0;
list-style: none;
}
.SideM li{
display: inline;
padding: 0;
margin: 0;
}
.SideM li a{
display: block;
border: 2px solid #EEEEEE;
background-color: #FFF;
padding: 8px 8px;
text-decoration: none;
color: #333;
width: 100%;
margin: 5px 0px;
text-align: left;
font-size: 14px;
font-weight:bold;
}

.SideM li a:hover{
border: 2px solid #EEEEEE;
background-color: #EEEEEE;
}

.SideM .SideMMenu{
display: block;
border: 2px solid #228981;
background-color: #228981;
padding: 8px 8px;
text-decoration: none;
color: #FFF;
width: 100%;
margin: 5px 0px;
text-align: left;
font-size: 14px;
	font-weight:bold;
}





/*TOP H2*/
.top-bar {
  font-family: "游明朝", YuMincho;
	font-size:1.6rem;
	text-align: center;
	font-style: italic;
		    margin: 0;
		
}

.tel {
	font-size:1.5rem;
	font-weight:bolder;
	    color:#2F4F35;
}


/*
pagenavi
*/

.wp-pagenavi {
	clear: both;
	margin-top: 80px; /*ナビ上のマージン*/
	font-size: 1.2rem;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}



/**************************************************
レスポンシブテーブル
**************************************************/
.table-rwd table   { width: 100%; }
.table-rwd th, .table-rwd td  { padding: 10px; border: 1px solid #ddd; }
.table-rwd th  { background: #f4f4f4; }

.table-rwd th{
	line-height:170%;
	font-size:1rem;
	color:#333;
	}

.table-rwd td{
	line-height:170%;
	font-size:1rem;
	color:#333;
}


.table-rwd th  { width: 20%; text-align: left; }

@media only screen and (max-width:480px){
    .table-rwd { margin: 0; }
    .table-rwd th,
    .table-rwd td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .table-rwd tr:first-child th   { border-top: 1px solid #ddd; }
}


/**************************************************
WP　ギャラリー
**************************************************/
.gallery { /** ギャラリーを囲むボックス **/
	width: 100%;
	margin-bottom: 20px !important;
    overflow: hidden;
}

.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/

.gallery-item { /** 画像共通のスタイル **/
    float: left;
	margin-bottom: 0 !important;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
    text-align: center;
}

.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 10px !important;
}

.gallery-caption { /** キャプション **/
    color: #222;
    font-size: 12px;
    margin: 0 0 10px;
    text-align: center;
}

.gallery-columns-1 .gallery-item { /** カラムなし **/
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
	width: 48%;
	margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
    width: 31.33333%;
	margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
    width: 23%;
    margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
    width: 18%;
    margin: 0 1%;
}

@media screen and (max-width: 640px) {
	/* 640px以下用の記述 */
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
		width: 48%;
		margin: 0 1%;
	}
	.gallery-columns-5 .gallery-item {
		width: 31.33333%;
		margin: 0 1%;
	}
}

/**************************************************
画像レスポンシブ対応(img)
**************************************************/

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/*
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	margin: 10px 0px;
	max-width: 100%;
	height: auto; }/* Make sure images with WordPress-added height and width attributes are scaled correctly */


  /**************************************************
  ＷＰウィジェット（sidebar）上書き
  **************************************************/


  /*SIDE MENU*/



li .cat-item{
  display: inline;
  padding: 0;
  margin: 0;
  }

li .cat-item a{
  display: block;
  border: 2px solid #EEEEEE;
  background-color: #FFF;
  padding: 8px 8px;
  text-decoration: none;
  color: #333;
  width: 100%;
  margin: 5px 0px;
  text-align: left;
  font-size: 14px;
  font-weight:bold;
  }

li .cat-item a:hover{
  border: 2px solid #EEEEEE;
  background-color: #EEEEEE;
  }

  .cat-item .widget{
  display: block;
  border: 2px solid #7FAA72;
  background-color: #7FAA72;
  padding: 8px 8px;
  text-decoration: none;
  color: #FFF;
  width: 100%;
  margin: 5px 0px;
  text-align: left;
  font-size: 14px;
  	font-weight:bold;
  }



h2.widgettitle{
  text-align: left;
  display: block;
  border: 2px solid #7FAA72;
  background-color: #7FAA72;
  padding: 8px 8px;
  text-decoration: none;
  color: #FFF;
  width: 100%;
  margin: 5px 0px;
  text-align: left;
  font-size: 14px;
  font-weight:bold;
}

/* widget タグクラウド */
.tagcloud a {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  color: #555;
  display: inline-block;
  margin-bottom: 5px;
  padding: 4px 8px;
  text-decoration: none;
  font-size: 12px;
}
.tagcloud a::before {
  font-family: FontAwesome;
  content: "\f02b";
  padding-right: 3px;
}
.tagcloud a:hover {
  background-color: #f3f3f3;
  transition: all 0.3s ease 0s;
}
.tagcloud a .tag-link-count {
  margin-left: 10px;
}

/**************************************************
img （レスポンシブしないFIX画像用）
**************************************************/
img.imgfix {
	max-width: min-content;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/**************************************************
Google MAP　レスポンシブ対応
**************************************************/

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/**************************************************
社長メッセージ　RW用
**************************************************/

.messages {
    margin:0 5% 0 5%;
    padding:0 5% 0 5%;
}

@media screen and (width < 768px) {
  .messages {
    margin:0 10px 0 10px;
    padding:0;
  }
}
/*社長写真*/
.sLL-M {
    float: left;
    margin: 0 1.5em 1em 0;
    width: 35%;
}

.bold-big {
  font-size:1.3rem;
  /*font-weight: 700;*/
  font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

@media screen and (width < 768px) {
    .sLL-M {
    float: left;
    margin: 0 0.6em 0.6em 0;
    width: 40%;
    }
}

h3.messeges-title1{
  text-align: center;
  	font-weight: bold;
	font-size:1.5rem;
	color:#2f4f35;
	margin:15px 0 30px 0;
		border-left:0px solid #333;
}

@media screen and (width < 768px) {
        h3.messeges-title1{
          text-align: center;
            font-weight: bold;
          font-size:1rem;
          color:#2f4f35;
          margin:15px 0 30px 0;
            border-left:0px solid #333;
        }
}

h3.messeges-title2{
    text-align: center;
  	font-weight: bold;
	font-size:2.5rem;
	color:#2f4f35;
	margin:15px 0 30px 0;
		border-left:0px solid #333;
}

@media screen and (width < 768px) {
          h3.messeges-title2{
              text-align: center;
              font-weight: bold;
            font-size:1.5rem;
            color:#2f4f35;
            margin:15px 0 30px 0;
            border-left:0px solid #333;
          }   
}


.messeges-title2y{
    background: linear-gradient(transparent 70%, #fff06c 70%);
}
.messeges-title2g{
    background: linear-gradient(transparent 70%, #9cc813 70%);
}


/**************************************************
メッセージ2　会社概要や理念などの読ませる文章用
**************************************************/

.messagesx {
  font-size: 1.8vw;
    margin:0 20% 0 20%;
}

@media screen and (width < 768px) {
  .messagesx {
    font-size: 1.2rem;
    margin:0 10px 0 10px;
    padding:0;
  }
}

/**************************************************
文章中画像流し込み用 LL-Lのような
**************************************************/
.alignleft{
    float: left;
    margin: 0 1.5em 1em 0;
}
.alignright{
    float: right;
    margin: 0 0 1em 1.5em;
}


.LL-L {
    float: left;
    margin: 0 1.5em 1em 0;
    width: 50%;
}

.RR-M {
    float: right;
    margin: 0 0 1em 1.5em;
    width: 50%;
}

.LL-M {
    float: left;
    margin: 0 1.5em 1em 0;
    width: 35%;
}

.RR-M {
    float: right;
    margin: 0 0 1em 1.5em;
    width: 35%;
}

.ownerR {
    text-align: right;
    font-size: 1.2em;
    font-weight: bold;
}

@media only screen and (max-width:480px){
.LL-L {
    margin: 0;
    width: 100%;
}
.alignleft{
    float: left;
    margin: 0 1.5em 1em 0;
	width: 50%;
}
.alignright{
    float: right;
    width: 50%;
}
}

/**************************************************
contact form 7用
**************************************************/

/*　ContactForm7のテーブル化レスポンシブ調整　*/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
  width: 100%;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
  border-top: 1px #DDD solid;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
  border-top: none;
}
/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
  background: #efefef;
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
  padding: 1.3em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
  width: 30%;
  text-align: right;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
  font-size: 0.7rem;
  color: #FFF;
  display: inline-block;
  padding: 0.3em 0.3em 0.2em;
  background: #f60;
  border-radius: 4px;
}

/*ここから768px以下の指定*/

@media only screen and (max-width: 768px) {
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
  .table-res-form th, .table-res-form td {
      width: 100%;
      display: block;
  }
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
  .table-res-form th {
      padding-bottom: 0;
      text-align: left;
  }
　　　　　/*不要な最終行の左のthを非表示にする*/
  .table-res-form .empty {
      display: none;
  }
}

/*ここまで768px以下の指定---終わり*/

/*ここから入力欄のスタイル指定*/

/*各入力フォームスタイリング*/
/*（※inputだけにしちゃうと、個人情報のチェックボックス等に影響するのでここは個別にやる）*/
.table-res-form input[type="text"], input[type="tel"] , input[type="email"],textarea {
  border: 1px #83AC89 solid;
  padding: 0.5em;
  border-radius: 5px;
  margin-bottom: 0.5em;
  width: 100%;
}

/*各入力フォームスタイリング（widthを100％にしたくないやつ）*/
/*（※inputだけにしちゃうと、個人情報のチェックボックス等に影響するのでここは個別にやる）*/
.table-res-form input[type="date"] {
  border: 1px #83AC89 solid;
  padding: 0.5em;
  border-radius: 5px;
  margin-bottom: 0.5em;
}
/*入力欄にフォーカスしたら変化*/
/*個別にやる場合→ input[type="text"]:focus, */
.table-res-form input:focus, textarea:focus {
  background: #EEFFEE;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
  border: 1px #89BDDE solid;
  padding: 0.5em 4em;
  border-radius: 5px;
  background: #123908;
  color: #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
  font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
  background: #225200;
  box-shadow: none;
}


/*ＴＯＰのＳＮＳアイコン・モバイルファースト　メディアクエリ*/
.navbar-togglerEX {display:none}
.sns-topl {display:none}
/*
.sns-topl {
  display:inline;
  text-align:left;
}
*/
@media screen and (min-width:767.98px) {/*680より大きくなった場合*/
  .sns-topl {display:none}
  .navbar-togglerEX {display:inline}
｝



/*----------------------------------
    works-list
-----------------------------------*/
.works {
  padding-bottom: 2.5rem;
  background: #FFFDEC;
}

.works-content {
  padding-block: 3.125rem;
}
@media screen and (width < 768px) {
  .works-content {
    padding-block: 1.875rem;
  }
}

.works__items {
  margin-top: 1.875rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.125rem 1.875rem;
}
@media screen and (width < 768px) {
  .works__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
  }
}

.works__item {
  border-radius: 0.625rem;
  border: 0.0625rem solid #519539;
  background: #fff;
  -webkit-box-shadow: 0.125rem 0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.125rem 0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.1);
}

.works__item-title {
  height: 4.375rem;
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 4.375rem;
  border-radius: 0.625rem 0.625rem 0px 0px;
  background: #519539;
}
@media screen and (width < 768px) {
  .works__item-title {
    height: 2.5rem;
    font-size: 1rem;
    line-height: 2.5rem;
    border-radius: 0.3125rem 0.3125rem 0px 0px;
  }
}

.works__item-body {
  padding: 2.125rem 1.375rem 1.6875rem;
}
@media screen and (width < 768px) {
  .works__item-body {
    padding: 0.9375rem 0.625rem 0.625rem;
  }
}

.works__item-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  position: relative;
}
.works__item-image::before {
  content: "";
  position: absolute;
  top: 6.0625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 5.5rem;
  height: 3.25rem;
  background: url(../img/works-arrow.png) no-repeat center center/contain;
}
@media screen and (width < 768px) {
  .works__item-image::before {
    top: 3.75rem;
    width: 3.125rem;
    height: 1.875rem;
  }
}
.works__item-image img {
  width: 15.9375rem;
}
@media screen and (width < 768px) {
  .works__item-image img {
    width: 47%;
  }
}

.works__item-time {
  display: inline-block;
  margin-top: 1.375rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6875;
}
@media screen and (width < 768px) {
  .works__item-time {
    margin-top: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

.works__item-details {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (width < 768px) {
  .works__item-details {
    margin-top: 0.625rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.625rem;
  }
}

.works__item-detail {
  width: 16.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}
@media screen and (width < 768px) {
  .works__item-detail {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.3125rem;
  }
}
.works__item-detail span {
  width: 7.4375rem;
  height: 2.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6875;
  border-radius: 6.25rem;
  background: #519539;
}

.works__item-button {
  margin-top: 1.6875rem;
  text-align: center;
}
@media screen and (width < 768px) {
  .works__item-button {
    margin-top: 0.625rem;
  }
}

.works__button {
  margin-top: 3.125rem;
  text-align: center;
}
@media screen and (width < 768px) {
  .works__button {
    margin-top: 1.875rem;
  }
}

/*----------------------------------－－－－－－－－－－－－－－
    works-detail　スタート
-----------------------------------*/
/* works-detail */
.works-detail {
  padding-block: 3.125rem;
}

@media screen and (max-width: 768px) {
  .works-detail {
    padding-block: 1.875rem;
  }
}
.works-detail-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 1.875rem;
}

.works-detail-meta time {
  font-size: 0.875rem;
  color: #707070;
  font-weight: bold;
}

.category-list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
}

.works-detail-meta .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
}

.works-detail-meta .category-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.625rem 1.25rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  background: #519539;
}
@media screen and (width < 768px) {
  .works-detail-meta .category-item {
    padding: 0.3125rem 0.625rem;
    font-size: 0.75rem;
  }
}

.works-detail-content {
  margin-top: 1.875rem;
}

/* h1 */
.works-detail-summary h1 {
  width: 100%;
  line-height: 1.4;
  font-size: 1.875rem;
  font-weight: bold;
  padding-bottom: 1rem;
  border-bottom: 0.125rem solid #519539;
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 768px) {
  .works-detail-summary h1 {
    font-size: 1.5625rem;
  }
}
/* h2 */
.works-detail-content h2 {
  color: #fff;
  font-weight: bold;
  background: #F39200;
  font-size: 1.25rem;
  border-radius: 0.25rem;
  padding: 1rem 1.5rem 1rem 1.5rem;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

@media screen and (max-width: 768px) {
  .works-detail-content h2 {
    font-size: 1.125rem;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
/* h3 */
.works-detail-content h3 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  padding: 0.625rem 1.5625rem 0.625rem 1.5625rem;
  background: #f6f6f6;
  position: relative;
}

.works-detail-content h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.5rem;
  height: 100%;
  background: #F39200;
}

@media screen and (max-width: 768px) {
  .works-detail-content h3 {
    font-size: 1rem;
    padding: 0.625rem 1.25rem 0.625rem 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
/* h4 */
.works-detail-content h4 {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding-inline: 0.625rem;
}

@media screen and (max-width: 768px) {
  .works-detail-content h4 {
    font-size: 0.875rem;
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
/* p */
.works-detail-content p {
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 1.25rem;
  padding-inline: 0.625rem;
}

@media screen and (max-width: 768px) {
  .works-detail-content p {
    font-size: 0.875rem;
    margin-bottom: 0.9375rem;
  }
}
.works-detail-content p:last-child {
  margin-bottom: 0;
}

.works-detail-button {
  margin-top: 3.75rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .works-detail-button {
    margin-top: 2.5rem;
  }
}

/*----------------------------------－－－－－－－－－－－－－－
    works-detail　ＥＮＤ
-----------------------------------*/
.works-info{
    /*border: 0.0625rem solid #519539;*/
    background: #FFF;
}

.info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* PCでは2列 */
  gap: 1rem;
  max-width: 600px;
  margin: 1em auto;
  font-size: 16px;
}

.info-item {
  background-color: #FFF;
  padding: 0.75vx 1vx;
  /*border: 1px solid #ccc;*/
  /*border-radius: 8px;*/
}

/* スマホ画面では1列にする */
@media (max-width: 600px) {
  .info-grid {
    grid-template-columns: 1fr;
  }
}

.radiuson {
		border-radius: 16px;
    font-size:0.9em;
    font-weight:bold;
    padding:5px 10px 5px 10px;
	  margin:4px 3px 10px 4px;
    color: #fff;
    border:1px solid #539539;
    background-color: #539539;
}


/* Contact Form 7のチェックボックスに表示される余分なabbrタグを非表示にする */
.wpcf7-list-item label abbr[title]::after,
.wpcf7-list-item label abbr {
  content: none !important;
  display: none !important;
}



/*
.works-img-before {
  content: "";
  position: absolute;
  top: 6.0625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 5.5rem;
  height: 3.25rem;
  background: url(../images/works-arrow.png) no-repeat center center/contain;
}
@media screen and (width < 768px) {
  .works-img-before {
    top: 3.75rem;
    width: 3.125rem;
    height: 1.875rem;
  }
}
*/


/*土地活用の注意マークアイコン関連*/

.land-use__attention {
  margin-top: 1.875rem;
  padding: 1rem 1.875rem 1rem 6.625rem;
  background: #117870;
  position: relative;
}/*
@media screen and (width < 768px) {
  .land-use__attention {
    margin-top: 1.25rem;
      background: #117870;
    padding: 0.625rem 0.625rem 0.625rem 3.125rem;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}*/

.land-use__attention::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../images/attention-icon.png) no-repeat center center/contain;
}
/*
@media screen and (width < 768px) {
  .land-use__attention::before {
    left: 0.625rem;
    width: 1.875rem;
    height: 1.875rem;
  }
}
*/
.land-use__attention-text {
  color: #fff;
  font-weight: 700;
  line-height: 1.6875;
}