@charset "utf-8";

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align:bottom; }
.title--stamp-price img { vertical-align:bottom; }
img {vertical-align: bottom;
    width: 100%;}

#hdr-logo { display: none; }

/* 汎用定義
-------------------------------------------- */

.container, .section { width: 100%; }
.container { margin: 0 auto; }
/*.section { position: relative; }*/
.section, .bnr { margin: 100px auto 0; }
.bnr { display: block; }
.p-column--1000 {
  margin: 0 auto;
  position: relative;
  width: 100%; }
.u-align--rgt { text-align: right; }
.u-align--ctr { text-align: center; }
.spo{display: block;}
.pco{display: none;}
img{
	height: auto;
}
.f_xm{
	font-size:18px;
	margin:5px 0;
}
.f_xl{
	font-size:21px;
}
.slick-dots {
   bottom: 15px;
}
/*  追加css
-------------------------------------------- */
.image-items__box{
	width:100%;
}
/*  サイト全体
-------------------------------------------- */
body {
  background-color: #fff;
  color:#000;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 15px;
  line-height: 1.5; }

.reason-pc { display: none; }
.add-lanks{
	max-width:90%;
    margin: 15px auto;
}
/* リンク指定
----------------------------------- */
a,
#list--area a:hover,
.list--company a:hover,
.list--policy a:hover,
#list--sitemap a:hover,
#link--estimate--flow:hover,
.list--cat--blog__title:hover,
#list--cat--construct a:hover,
.figure__title:hover {
  color: #000;
  text-decoration: none; }

.sub a:hover, .sub--cat a:hover { color: #79654D; }
.hdr-nav__gnav__top > a:hover {
	color: #CDB78C; }

#list--area a,
.gnav--ftr__target:hover,
.list--company a,
.list--policy a,
#list--sitemap a,
#link--estimate--flow,
.list--cat--blog__title,
.figure__title { text-decoration: underline; }


#list--2products a:hover,
.opacity:hover,
#link-to-construct { background: #fff; }

.btn--top:hover,
.opacity:hover,
.wpcf7-submit:hover,
#link-to-construct:hover,
.cat__pnavi a:hover,
.page-navi a:hover,
.btn--cat--construct:hover { opacity: 0.8; }

#list--2products a:hover,
#logo--ftr:hover { opacity: 0.9; }

.cat-item a,
#list--counter a { display: block; }

.cat-item a { padding: 1em 0 1em .5em; }
.cat-item a:hover { color: #15B287; }

/*.list--cat--construct__frame:hover {
  background: #15B287;
  border: 10px solid #15B287; }*/

/* HEADER
-------------------------------------------- */
#bg-hdr--top { background: #24722B; color: #fff; font-size: 13px;}

#hdr--middle { border-bottom: 2px solid #24722B; }
#hdr--middle__inner { display: block; }
#hdr--middle__lft, #hdr--middle__rgt { display: block; }
#hdr--middle__lft img, #hdr--middle__rgt img { width: 100%; }
#hdr--middle__ctr { margin: 0 0 0 5px; }
#hdr--middle__lft,#hdr--middle__rgt { width: 100%; }

.header-mail-text a {
	color: blue;
   text-decoration: underline;
}

.header_construct_btn_sp {
  width: 34px;
  font-size: 10px;
  line-height: 1.1em;
  text-align: center;
  margin-right: 15px;
  font-weight: bold;
}
.header_construct_btn_sp a {
  color: #ffffff;
  background-color: #23722b;
  border-radius: 5px;
  display: block;
  padding: 5px;
}

#hdr--search {
  display: table;
  margin: 2% auto;
  width: 96%; }

.hdr--search__item { display: block; text-align: center; margin: 10px 0;}

.hdr--search__item__title {
  display: inline-block;
  margin: 0 9px 0 0; }

.hdr--search__item__body { display: inline-block; }

.hdr--search__inputbox {
  padding: 3px 0;
  width: 48%; }

#hdr-nav {
  background: #15B287;
  font-weight: bold;
  /*height: 60px;*/
  margin: 2px 0 0; }

#hdr-nav__gnav {
  display: table;
  white-space: nowrap; }

.hdr-nav__gnav__top {
  border-left: 2px dotted #50C5A5;
  display: table-cell;
  height: 32px;
  padding: 14px 8px 0;
  position: relative; }

.hdr-nav__gnav__top2{
  border-left: 2px dotted #50C5A5;
  display: table-cell;
  height: 25px;
  padding: 25px 8px 0;
  position: relative; }

.hdr-nav__gnav__top__construct {
  padding: 10px 15px 0;
  background-color: orange; }

.hdr-nav__gnav__top__reputation {
  padding: 10px 15px 0;
  background-color: #39579a; }

.hdr-nav__gnav__top__blog { background-color: red;}
.hdr-nav__gnav__top:last-of-type { border-right: 2px dotted #50C5A5; }
.hdr-nav__gnav__top__construct  > a {
  font-size: 15px; }

.hdr-nav__gnav__top > a,
.hdr-nav__gnav__top2 > a {
  color: #fff;
  display: block;
  height: 45px;
  line-height: 1.1;
  text-align: center; }

/*.hdr-nav__gnav__top:first-of-type > a,*/
.hdr-nav__gnav__top:nth-of-type(n+1) > a {
  position: relative;
  top: 8px; }

.sub, .sub--cat {
  background: #fff;
  display: none;
  padding: 10px 19px 25px;
  position: absolute;
  z-index: 100; }

#sub--construct li, #sub--company li { float: left; }
.sub--cat__list { margin: 0 0 0 1em; }

.sub--cat__list__number {
  color: #C92327;
  float: right; }

#sub--about,
#sub--construct,
#sub--wooddeck,
#sub--stamp {
  left: -2px; }

#sub--about { width: 260px; }
#sub--construct { width: 580px; }
#sub--wooddeck { width: 265px; }
#sub--stamp { width: 262px; }
#sub--blog { width: 200px; }

#sub--company {
  right: -3px;
  width: 550px; }

#sub--about::before,
#sub--construct::before,
#sub--wooddeck::before,
#sub--stamp::before,
#sub--company::before {
  content: "";
  border-top: 10px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 5px solid transparent;
  position: absolute;
  top: -20px;
  z-index: 100; }

#sub--about::before, #sub--stamp::before { left: 60px; }
#sub--construct::before { left: 56px; }
#sub--wooddeck::before { left: 45px; }
#sub--company::before { right: 45px; }

#sub--construct .sub--cat__list li {
  display: inline-block;
  width: 270px; }

#sub--construct .sub--cat__list li:nth-of-type(odd) {
  margin: 0 15px 0 0; }

.sub li, .sub--cat a { border-bottom: 1px dotted #15B287; }

.sub a, .sub--cat a {
  color: #13B285;
  display: block;
  letter-spacing: 2px;
  padding: 10px; }

.sub a::before, .sub--cat a::before {
  color: #13B285;
  content: "\f0da";
  font-family: "FontAwesome";
  padding: 0 5px 0 0; }

#sub--company li {
  display: inline-block;
  width: 240px; }

#sub--company li:nth-of-type(odd),
#sub--company li:last-of-type {
  margin: 0 30px 0 0; }

#sub--company__title {
  color: #BDBDBD;
  display: inline-block;
  padding: 10px; }

.accordion .add-tag p {
  color: #fff;
  display: inline-block;
  margin: 0 0 0 2%;
  background: #13B285;
  padding: 3px 7px;
  border-radius: 13px;
  text-align: center;
}



/* TOP
-------------------------------------------- */
.slick-slide{
  margin: 0 5px;
  width: 100vw;
}

.slick-slide img{
  margin: 0;
  width: 100%;
}

.slick-list{
  margin: 5px 0 15px;
}

.slick-dots li button:before,
.slick-dots li.slick-active button:before {
  color: #24722b;
}

#hero--frame {
 
  padding: 15px 0; }

#hero {
margin: 0 auto;
    width: 100%;
    background: #E5DECB;
    padding: 10px 10px 29px;
    box-sizing: border-box;
}

#hero a { display: block; }

#topimg {
  display: block;
  margin: 0 auto; }

.title--top {
  text-align: center;
  margin: 0 auto; }

.p-title--subReason {
  margin: 45px auto 10px;
  text-align: center; }
  .p-title--subReason--top {
    margin: 30px auto 10px; }

.p-List--topReason {
  display: flex;
  justify-content: space-between; }

  .p-List--topReason > li {
    display: inline-block;
    margin: 20px 0 0 0;
    position: relative; }

#list--reason__construct-number {
  color: #cc3300;
  font-size: 45px;
  font-weight: bold;
  position: absolute;
  top: 58px;
  right: 140px; }

#list--reason__establishment {
  color: #462D11;
  font-size: 35px;
  font-weight: bold;
  position: absolute;
  bottom: 42px;
  right: 5px;
  text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px; }

#list--reason__establishment__number {
  color: #DC1D24;
  font-size: 55px; }

#section--construct { margin: 45px 0 0; }
#section--construct__bg--top { background: #24722B; }
#section--construct__bg--title {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 6px;
  line-height: 1;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
  width: 98%; }

#section--construct__bg--btm {
  background: #F1EADE;
  padding: 10px 0; }

#section--construct__bg--btm__tbl {
  display: block;
  margin: 0 auto;
  width: 100%; }
p.section--construct_left{ width: 100%; vertical-align: top;}
p.section--construct_left img{width: 100%;}

#section--construct__rgt {
  text-align: center;
  vertical-align: middle;
  width: 50%; }

#section--construct__rgt__heading {
  color: #FFFF00;
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0 0 5px;
  text-shadow: 1px 1px #B8520E, 1px -1px #B8520E, -1px 1px #B8520E, -1px -1px #B8520E; }

#section--construct__rgt-frame-sp {
  background: #FFF;
  border: 4px solid #C92327;
  width: 100%;
  }

.section--construct__rgt__blk {
  font-size: 23px;
  font-weight: bold;
  text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px; }

#section--construct__rgt__red {
  color: #CC3300;
  font-size: 35px;
  font-weight: bold;
  line-height: 0.8;
  text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
  vertical-align: text-bottom; }

#section--construct__rgt__red__word { font-size: 30px; }
#section--voice__rgt-frame { display: none;}

#list--construct {
  margin: 20px auto 0;
  text-align: center; }
#list--construct  li{ width: 48%;}
#list--construct  li img{ width: 96%;}
section ul.main-flex{flex-wrap: wrap;}

.icon--new {
  position: absolute;
  top: -10px;
  left: 10px; }

.voice-text {
  width: 90%;
  margin: -4% auto 0;}

.list--construct__frame { margin: 0 0 35px; }
.list--construct__number { float: right; }

.btn--top, .wpcf7-submit {
  background: linear-gradient(to bottom, #4D3212 0%, #4D3212 65%, #32210C 100%);
  border: 2px solid #442C10;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  text-align: center;
  width: 50%; }

.btn--top::after {
  content: "\f0da";
  font-family: "FontAwesome";
  font-size: 32px;
  position: absolute;
  right: 100px;
  bottom: 0px; }

#section--2products { padding: 0; }
#section--2products h2 img{width: 100%;}
#section--2products .main-flex{ width: 100%; flex-wrap: wrap;}
#section--2products img, .p-List--topReason div, .p-List--topReason li, .p-List--topReason li img{width: 100%;}
.p-List--topReason div p br, .p-List--topReason li br{ display: none;}
#list--2products {
  padding: 180px 0 30px;
  position: relative;
  text-align: center; }

#list--2products li { display: inline-block; }

#section--voice {background: url(../../../../img/top/bg--voice.jpg) repeat-x;background-size: 100%; }
#section--voice img{width: 100%;}

.voice-construct{
	font-size: 20px;
	background-color: green;
	color: #fff;
	padding: 10px;
	text-align: center;
	width: 90%;
}

.voice-construct a {
	text-decoration: none;
	color: #fff;
}

.osusume { background-color: #E5DECB; }

.construction-category-title,
.popular-title
 {
	width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 5px 0;
  color: #fff;
  font-weight: bold;
  font-size: 25px; }

.construction-category-bg,
.popular-bg {
	border-bottom: 1px solid #000;
  background-color: #24722B;
  width: 100%;
  margin: 0 auto;}

.construction-category-title-margin,
.popular-title-margin {
  margin: 50px auto 0;}

.main--
{ margin: 50px 0 0 0; }
.main--top-padding { padding: 50px 0 0 0; }
.second--top-margin { display: block; margin: 20px auto 0;}

.top-list--area {
  list-style-type: none;
  overflow: hidden;
}

.top-list--area li {
  float: left;
  width: 19%;
  text-align: center;
  background-color: green;
  margin: 10px 1px 0 0;
  padding: 10px 0; }

.top-list--area li a {
   color: #fff;
   display: block; }

.area-opacity:hover {
  display: block;
  opacity: 0.8;
  color: #000; }

.hirae { background: #fff; width: 100%; padding: 50px 0; }
.hirae h2 img{width: 100%;}
.top_hiraebnr img{ width: 100%;}

/* FOOTER
---------------------------------- */
#title--ftr,
#ftr--btm__frame { width: 98%; }

#title--ftr {
  font-size: 18px;
  margin: 45px auto 0; }

#list--area { margin: 5px auto 15px; }
#list--area li { }

.hirae--ftr { flex: 0 0 126px; }
#ftr { background: #24722B;
  padding: 0 0 100px 0; }
#ftr--top { padding: 20px 0; }

.gnav--ftr__target,.gnav--ftr {  color: #000; }

.gnav--ftr {
  border-right: 1px dotted;
  display: table-cell;
  padding: 0 15px; }

.gnav--ftr:first-of-type { border-left: 1px dotted; }
.gnav--ftr__item {
  margin: 10px 0;
  font-size: 13px; }

.gnav--ftr__title {
  border-bottom: 1px solid #FFF;
  font-weight: bold;
  padding: 0 0 10px;
 }




/* フッター
---------------------------------- */
.heading2 {
  background-color: green ;
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  line-height: 90px;
  padding: 0 0 0 30px;
  width: 950px; }

.area-text {
  display: block;
  text-align: center;
  color: #fff;
  background-color: green;
  font-weight: bold; }

.area {
  width: 1000px;
  display: flex;
  justify-content: space-between; }

.area a { text-decoration: none; }
.area a:hover { opacity: 0.7; }
.area-top-margin { margin: 1rem auto; }

.ftr-text { display: block; text-align: left; font-size: 12px; width: 98%; }
.ftr-text br{display: none;}

.main-flex { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; }
.main-flex-20 { width: 100%; margin: 20px auto 0; display: flex; justify-content: space-between; }

.main-flex-20--sp { width: 100%; margin: 20px auto 0; display: flex; justify-content: space-between; }

.ftr a:hover { opacity: 0.7; }
.ftr-top-margin { margin: 30px auto; }

.ftr_bnr {width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ftr_bnr div{ width: 48%; margin: 0 1% 2% 0;}
.ftr_bnr div img{ width: 100%;}

/* PAGE (ALL-PAGES)
---------------------------------- */
#container--page { margin: 45px auto 0; width: 100%;}

#title--page {
  background: #F1EADE;
  padding: 15px 0;
	margin-top: 60px;
}

#title--page__frame {
  align-items: center;
  background: #fff;
  display: flex;
  font-size: 30px;
  font-weight: bold;
  justify-content: space-between;
  letter-spacing: 5px;
  margin: 0 auto;
  padding: 5px 20px 0;
  width: 94%; }
  #title--page__frame > span {
    border-left: 5px dotted #15B287;
    padding: 0 0 0 20px; }

.title--section {
  border-bottom: 5px solid #F1EADE;
  color: #4C3212;
  font-size: 26px;
  font-weight: bold;
  margin: 45px 0 0;
  padding: 0 0 5px; }

.dis-tbl {
  display: table;
  width: 100%; }

.lft, .rgt {
  display: table-cell;
  vertical-align: top; }

/* RISK-HEDGE */
.p-Heading--withBg {
  background: #ffffcc;
  color: #c91f26;
  font-size: 25px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center; }

.p-Table--riskHedge {
  margin: 4rem 0 12rem;
  width: 100%; }
  .p-Table--riskHedge__row > th,
  .p-Table--riskHedge__row > td {
    border: 1px solid #000;
    font-size: 18px;
    padding: .5em 1em; }
  .p-Table--riskHedge__row > th {
    font-size: 20px;
    font-weight: bold; }
    /*.p-Table--riskHedge__row > th:nth-of-type(2n-1),
    .p-Table--riskHedge__row > td:nth-of-type(2n-1) {
      background: #ffdbc9; }
    .p-Table--riskHedge__row > th:nth-of-type(2n),
    .p-Table--riskHedge__row > td:nth-of-type(2n) {
      background: #ddffff; }*/
  /*.p-Table--riskHedge__happy span::before { content: url(../../../../img/risk-hedge/hirae--happy.png); }
  .p-Table--riskHedge__unhappy span::before { content: url(../../../../img/risk-hedge/hirae--unhappy.png); }*/

.p-Heading {
  color: #c91f26;
  font-size: 25px;
  font-weight: bold; }
.p-Heading__small { font-size: 16px; }

.p-Heading--hirae {
  background: #FFFFCC;
  color: #C92126;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin: 50px 0 15px;
  padding: 5px 0;
  position: relative; }
  .p-Heading--hirae > img {
    position: absolute; top: -120px; right: 0; }

.p-List--disc {
  list-style-type: disc;
  padding: 0 0 0 2em; }
  .p-List--disc > li {
    margin: 2em 0; }

.risk--heading {
  border-bottom: 1px solid green;
  width: 80%; }


.risk--heading::before {
 content: url(/prg/wp-content/uploads/2017/09/heading-hirae.png);
 margin: 10px 20px 0 0; }

/* CAMPAIGN */
.frame--campaign {
  background: #F03250;
  color: #fff;
  line-height: 1;
  text-align: center; }

#title--campaign {
  font-size: 25px;
  letter-spacing: 2px;
  margin: 50px 0 0;
  padding: 10px 0; }

.title--campaign__yellow {
  color: #FAFA46;
  font-size: 40px;
  font-weight: bold; }

#frame--content--campaign {
  background-color: #F798A7;
  background-image: linear-gradient( transparent 90%, rgba(240, 50, 80, 1) 10% ), linear-gradient( 90deg, transparent 90%, rgba(240, 50, 80, 1) 10% );
  background-size: 5px 5px;
  background-repeat: repeat;
  padding: 50px 0; }

#content--campaign {
  margin: 0 auto;
  width: 98%; }

#campaign-btm {
  font-size: 35px;
  font-weight: bold;
  padding: 10px 0;
}

#campaign-btm__tel {
  background: #FFF;
  border-radius: 30px;
  color: #F03250;
  display: inline-block;
  font-size: 30px;
  margin: 0 0 0 10px;
  padding: 5px 15px;
  width: 50%;
}

/* ABOUT & REASON */
#list--about dt, #list--reason--page dt {
  color: #C92226;
  font-size: 25px;
  font-weight: bold;
}

/* ABOUT & DEMOLITION */
#frame--about, .frame--demolition {
  margin: 30px 25px 0;
  width: 100%;
}

/* ABOUT */
#list--about li {
  margin: 50px 0 20px 0;
  padding: 0 0 30px 80px;
  position: relative;
  width: 90%; }

#list--about li::before {
  position: absolute;
  top: -20px;
  left: 0; }

#list--about li:first-of-type::before { content: url(../../../../img/about/icon--number1.png); }
#list--about li:nth-of-type(2)::before { content: url(../../../../img/about/icon--number2.png); }
#list--about li:nth-of-type(3)::before { content: url(../../../../img/about/icon--number3.png); }
#list--about li:last-of-type::before { content: url(../../../../img/about/icon--number4.png); }
#list--about dt { padding: 0 0 0 110px; }
#list--about dd { margin: 30px 0 0 35px; }
#list--about .lft { width: 62.5%; }
#list--about .rgt { padding: 0 0 0 35px; }

.about-text {
 line-height: 2; }

/* CHOICE */
#bg--choice {
  background: #FFFFCC;
  padding: 0 0 40px;
}

.u-padding--40 { padding: 40px 0; }

.about-title {
  background-color: green;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  margin: 30px 0 0 0;
  padding: 10px;
  color: #fff; }

/* REASON */
.frame--reason {
  margin: 45px auto;
  width: 98%;
}

#title--reason {
  margin: 10% 0 0;
  font-family: sans-serif;
  border-top: 3px solid #F1EADE;
  border-bottom: 3px solid #F1EADE;
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
   }

.title--reason__small {
  font-size: 20px;
  font-weight: normal;
}

#list--reason--page dt {
  display: table;
  line-height: 1;
  margin: 45px 0 15px;
}

.list--reason--page__small { font-size: 16px; }

.list--reason--page__big {
  letter-spacing: 7px;
  line-height: 1.5;
}

#img--reason {
  display: block;
  margin: 45px auto;
}

#title--reason--conclusion {
  background: #FFFFCC;
  color: #C92126;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin: 50px 0 15px;
  padding: 5px 0;
  position: relative; }

/* SHOW-ROOM */
#list--show-room {
  display: flex;
  justify-content: space-between; }

#msg {
  border-top: 5px solid #F1EADE;
  margin: 45px 0 0;
  padding: 30px 0 0;
}

#msg .lft { padding: 0 30px 0 0; }

#msg__title {
  color: #C92226;
  font-size: 25px;
  font-weight: bold; }

.hirae--swowRoom { flex: 0 0 174px; }

#show-room__map {
  margin: 50px auto 0;
  width: 100%; }

#show-room__map .lft { padding: 0 10px 0 0; }

#show-room__map dt {
  font-size: 20px;
  font-weight: bold; }

#show-room__map dd { margin: 0 0 35px; }

#show-room__map .rgt {
  border: 1px solid #000;
  padding: 10px; }

#show-room__gmap { vertical-align: bottom; }

#show-room__title {
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0 0 0;
   }

/* FLOW & DEMOLITION */
#list--flow dt, #list--demolition--flow dt {
  border-bottom: 5px solid #F1EADE;
  color: #C92226;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 3px;
  margin: 0 0 15px;
  padding: 0 0 5px;
}

#list--flow .rgt, #list--demolition--flow .rgt {
  padding: 0 0 0 20px;
  width: 100%; }

/* FLOW */
#list--flow {
  background: url(/prg/wp-content/uploads/2017/09/bg-flow.png) no-repeat;
  padding: 0 0 0 8em; }

#list--flow dl { padding: 15px 0 30px; }


#list--flow__free {
  font-size: 20px;
  letter-spacing: 1px;
  margin: 15px 0 0;
  position: relative; }

#list--flow__free::before {
  content: url(/prg/wp-content/uploads/2017/09/icon-point.png);

/*  display: inline-block; margin: 0 5px 0 0; vertical-align: middle;*/
  position: absolute;
  top: 0; }

#list--flow__word {
  position: absolute;
  top: 90px;
  left: 145px; }

#list--flow__free__bold {
  font-size: 25px;
  font-weight: bold; }

#list--flow__free__red {
  color: #FF0000;
  font-size: 35px;
  font-weight: bold; }

#list--flow__step3__red {
  color: #DE1F26;
  font-weight: bold;
  margin: 1em 0;
  text-indent: -1em;
  padding: 0 1em; }

/* COMPANY & HIRAE */
#map--company, #hirae {
  display: block;
  margin: 45px auto;
  text-align: center; }

/* COMPANY & RECRUIT */
.list--company, .list--recruit {
  border-bottom: 2px dashed #F1EADE;
  padding: 20px 0; }

.list--company dt, .list--company dd,
.list--recruit dt, .list--recruit dd {
  display: table-cell;
  vertical-align: top; }

.list--company dt, .list--recruit dt {
  text-align: center;
  width: 255px; }

iframe{
  width: 100%;
  height: 440px;
}

/* COMPANY */
#company-msg {
  display: block;
  margin: 45px auto; }

#map--company {
  border: 1px solid #F1EADE;
  padding: 25px 0; }

.hirae--companyOutline {
  position: absolute; right: 0; bottom: 150px; }

/* RECRUIT */
#list--recruit__numbers {
  list-style-type: decimal;
  padding: 0.5em 0 0 1.5em; }

#list--recruit__numbers li {
  margin: 0.2em 0 0; }

#frame--recruit {
  box-sizing: border-box;
  background: #FEF9E3 url(../../../../img/recruit/icon--recruit.png) no-repeat right bottom;
  background-origin: padding-box;
  background-size: 90%;
  margin: 45px auto;
  padding: 25px;
  height: 550px;
  width: 90%;
}

#frame--recruit__inner {
  background: #fff;
  padding: 30px;
  width: 80%; }

#title--recruit {
  border-bottom: 3px solid #79654D;
  color: #CC3300;
  font-size: 24px;
  font-weight: bold;
  padding: 0 0 5px; }

#address--recruit { margin: 30px 20px; }

/* LAWYER */
#msg-lawyer {
  display: block;
  margin: 45px auto 0; }

#lawyer__sentence {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4.5px;
  margin: 5px 45px 0; }

#legal-advisor {
  background: url(../../../../img/lawyer/bg--lawyer.png) no-repeat center center;
  color: #C92026;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 22px;
  margin: 20px auto 0;
  padding: 43px 0;
  text-align: center;
  text-shadow:
    0 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff; }

#dis-tbl--lawyer { margin: 25px 30px 90px; width: 92%; }

#dis-tbl--lawyer .rgt {
  font-weight: bold;
  letter-spacing: 2px;
  padding: 0 0 0 20px; }
#dis-tbl--lawyer.dis-tbl {
  margin: 25px auto 90px;
}
#dis-tbl--lawyer.dis-tbl .rgt {
  padding: 10px 0 0;
}
#dis-tbl--lawyer.dis-tbl .lft {
  display: block;
}
#dis-tbl--lawyer__top-sentence { font-size: 20px; }

#dis-tbl--lawyer__btm-sentence {
align-items: center;
    background: #D60000;
    border-radius: 3px;
    color: #fff;
    display: flex;
    font-size: 18px;
    padding: 16px;
    box-sizing: border-box;
    justify-content: center;
    line-height: 1.2;
    margin: 20px 0 0;
    text-align: center;
}
  #dis-tbl--lawyer__btm-sentence > img {
    margin: 0 20px 0 -40px; }
.pd30 {
  width: 80%;
  padding: 30px;
}

/* COORPORATIVE-COMPANY */
#title--underline {
  background: url(../../../../img/cooperative-company/bg--title.png) bottom center no-repeat;
  font-size: 24px;
  letter-spacing: 5px;
  margin: 30px 0 0;
  text-align: center; }

.cooperative-company-text {
  font-size: 20px;
  letter-spacing: 5px; }

.red-strong {
  color: red;
  font-weight: bold; }

.red { color: red; }

.list-service-shop > li{
 font-size: 18px;
 float : left;
 margin: 0 30px 0 0; }

#title--coorporative-company, #list--coorporative-company {
  font-size: 20px;
  font-weight: bold; }

#title--coorporative-company {
  background: #A36300;
  color: #fff;
  padding: 5px 0;
  text-align: center; }

#list--coorporative-company li {
  margin: 30px 140px;
  letter-spacing: 2px; }

#list--coorporative-company li::before {
  content: url(../../../../img/cooperative-company/icon--check.png);
  padding: 0 10px 0 0;
  vertical-align: sub; }

#coorporative-company__contact {
  background: #FEF9E3;
  margin: 65px 0 0;
  padding: 25px; }

#coorporative-company__contact__inner {
  background: url(../../../../img/cooperative-company/bg--contact.png) no-repeat white;
  height: 280px;
  position: relative; }

#coorporative-company__contact__address {
  font-size: 18px;
  position: absolute;
  right: 70px;
  bottom: 55px; }

/* PARKING */
#img--parking {
  display: block;
  margin: 50px auto; }

#tbl--parking {
  margin: 45px auto 50px;
  text-align: center; }

#content--parking--bubble {
  margin: 50px auto;
  text-align: center; }

/* DEMOLITION*/
#list--demolition--type li {
  margin: 0 0 10px;
  width: 100%;
}

#list--demolition--type li:before {
  color: #FFF32A;
  content: "\f111";
  font-family: FontAwesome;
  margin: 0 5px 0 0; }

#demolition-type__img { margin: 10px 30px 0; }

#list--demolition--flow {
  background: url(../../../../img/demolition/bg--demolition.png) no-repeat top 30px left;
  padding: 1.5em 0 0 8em; }

#list--demolition--flow dl {
  padding: 15px 0 40px; }

/* POLICY */
.list--policy dt {
  color: #4C3212;
  font-size: 24px;
  font-weight: bold;
  margin: 30px 0 2px; }

/* SITEMAP */
#list--sitemap > li:before , .list--sitemap__low-level li:before {
  content: "\f111";
  font-family: FontAwesome;
  margin: 0 5px 0 0; }

#list--sitemap > li { margin: 30px 0 10px; }
#list--sitemap > li:before { color: #15B287; }
.list--sitemap__low-level { margin: 0 0 0 45px;}

.list--sitemap__low-level li {
  display: inline-block;
  margin: 20px 20px 0 0;
  min-width: 140px; }

.list--sitemap__low-level li:not(#list--sitemap__low-level__title):before {
  color: #FFBF00; }

#list--sitemap__low-level__title {
  color: #aaa;
  display: block; }

#list--sitemap__low-level__title + li {
  margin: 0 -2em 0 2em; }

/* ESTIMATE */
#list--estimate dd::before, #link--estimate--flow::before {
  font-family: FontAwesome;
  padding: 0 5px 0 0; }

#frame--estimate, #frame--estimate--form {
  background: #FFF7D2; }

#frame--estimate {
  margin: 45px 0 0;
  padding: 0 0 35px; }

#frame--estimate--form {
  padding: 35px; }

#quocard--estimate {
  display: block;
  margin: 0 auto;
  padding: 15px 0 0; }

#frame--estimate__inner {
  background: #fff;
  margin: 0 35px;
  padding: 20px 35px; }

#frame--estimate__inner__list {
  border: 5px solid #15B287;
  background: #E7FDFE;
  padding: 20px 30px;
  margin: 30px 0 0; }

#list--estimate dt {
  color: #0B4C9F;
  font-size: 24px;
  font-weight: bold; }

#list--estimate dd { margin: 10px 0 5px; }

#list--estimate dd::before {
  color: #0B4CA0;
  content: "\f0da"; }

#link--estimate--flow {
  display: inline-block;
  margin: 0.8em; }

#link--estimate--flow::before {
  content: "\f101";
  padding: 0 5px 0 0; }

#title--estimate {
  margin: 10px 0 5px;
  text-align: center; }

.estimate-form {
  display: table;
  width: 90%; }

.estimate-form dt {
  display: table-cell;
  vertical-align: top; }

.estimate-form dt {
  background: #15B287;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 15px 15px 30px;
  width: 210px; }

.estimate-form:not(:last-of-type) dt {
  border-bottom: 1px solid #fff; }

.estimate-form dd { background: #fff; }

.estimate-form .your-kind-wrap {
	display: flex;
	flex-wrap: wrap;
}

.estimate-form .your-kind-wrap span.wpcf7-list-item {
	width: 45%;
	padding: 5px 0;
}

.estimate-form__required {
  background: #F00000;
  color: #fff;
  float: right;
  text-align: center;
  width: 50px; }

.wpcf7-text,
.wpcf7-select,
.wpcf7-textarea {
  margin: 10px;
  padding: 10px; }

.wpcf7-textarea {
  min-height: 200px;
  width: 60%; }

.estimate-form:nth-of-type(-n+4) .wpcf7-text,
.estimate-form:nth-of-type(6) .wpcf7-text,
.estimate-form:nth-of-type(7) .wpcf7-text,
.estimate-form:nth-of-type(8) .wpcf7-text,
.estimate-form:nth-of-type(9) .wpcf7-text,
.estimate-form:nth-of-type(10) .wpcf7-text {
  width: 40%; }

.construct-margin-r { margin: 0 0 0 10px; }

#estimate-submit {
  text-align: center;
  margin: 600px 0 0; }

/* PAGE (WOODDECK & STAMP)
---------------------------------- */
#frame--topimg--page, #frame--topimg--stamp {
  padding: 15px 0; }

#link-to-construct {
  display: block;
  margin: 0 auto;
  /*padding: 10px;*/
  width: 96%; }

.title--wooddeck, .title--stamp {
  text-align: center; }

.title--wooddeck--border, .title--stamp--border {
  font-size: 70px;
  font-weight: bold;
  letter-spacing: 10px;
  padding: 20px 0;
  text-align: center;
  text-shadow: #fff 3px 3px 0px, #fff -3px 3px 0px, #fff 3px -3px 0px, #fff -3px -3px 0px; }

#section--wooddeck__construct, #section--stamp__construct {
  padding: 0 0 5px; }

#wooddeck__voice { padding: 15px 0 30px; }
#wooddeck__voice h2 > img { width: 100%;}

#list--wooddeck--characteristic {
  margin: 0 auto;
  width: 98%; }

#list--wooddeck--characteristic1,
#list--wooddeck--characteristic2,
#list--wooddeck--characteristic3,
#list--wooddeck--characteristic4 {
  margin: 30px 0;
  position: relative; }

#list--wooddeck--characteristic1__sentence,
#list--wooddeck--characteristic2__sentence,
#list--wooddeck--characteristic3__sentence,
#list--wooddeck--characteristic4__sentence {
  margin: 0 20px;
  position: absolute;
  top: 95px;
  line-height: 2; }

#list--wooddeck--characteristic1__sentence,
#list--wooddeck--characteristic3__sentence {
  width: 60%; }


#list--wooddeck--characteristic2__sentence,
#list--wooddeck--characteristic4__sentence {
  right: 0;
  width: 52%; }

/* PAGE (WOODDECK) */
#frame--topimg--page {
  background: #F1EADE; }

#list--6merit {
  margin: 0 auto 45px; }

#list--6merit li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 315px; }

#list--6merit li:nth-last-of-type(3n-1) {
  margin: 10px 11px; }

#list--6merit li:not(:nth-last-of-type(3n-1)) {
  margin: 10px 0; }

.title--wooddeck--border {
  background: #FCEB9F;
  background-image: linear-gradient(to right, transparent, #FAE272 50%, transparent);
  background-size: 8px 8px;
  color: #CC3300;
  margin: 45px 0 0; }

.p-List--wooddeck {
  margin: 20px auto 0;
  width: 98%; }

  .p-List--wooddeck__img--large {
    float: left;
    height: 430px;
    margin: 0 10px 10px 0;
    width: 55%; }
  .p-List--wooddeck__imgList__items {
    margin: 0 10px 10px 0;
    float: left; }
  .p-List--wooddeck__img--small {
    height: 100px;
    width: 130px; }

.p-List--wooddeck::after {
  content: "";
  clear: both;
  display: table; }

/* PAGE (STAMP) */
#frame--topimg--stamp {
  background: #E5DECB; }

.stamp-flex {
  width: 100%;
  /*display: flex;
  justify-content: space-between;*/
  margin: 20px 0 0 0; }

.stamp-list-flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0 0; }

.stamp-title-top-margin {
  width: 100%;
  margin: 50px auto; }

.stamp-pattern-text {
　font-size: 12px;
  text-align: center; }

.stamp-tiyle-text {
	text-align: center;
  font-size: 22px;
  font-weight: bold; }

.stamp-title-third {
  color: #fff;
	text-shadow: #ee7622 0px 0px 10px, #ee7622 0px 0px 10px, #ee7622 0px 0px 10px, #ee7622 0px 0px 10px;
  font-size: 20px;
  font-weight: bold;
  padding: 2% 0 0 4%;
  background: url(/prg/wp-content/uploads/2019/06/stamp-title-under_or.png) no-repeat;
  /*width: 100%;
  height: 65px;*/ }

.stamp-title-second {
 color: #fff;
 font-size: 23px;
 font-weight: bold;
 position: absolute;
 top: -10px;
 left: 50px;
 text-shadow: #bd6363 0px 0px 10px, #bd6363 0px 0px 10px, #bd6363 0px 0px 10px, #bd6363 0px 0px 10px; }

h2.stamp-title-second-merit { /*width: 100%;*/ margin: 0; padding: 0; /*text-align: center;*/ letter-spacing: -0.08em;}
.stamp-title-second-order { margin: 0; }
.stamp-title-second-construct { margin: 30px auto 0; }

.stamp-text {
  font-size: 24px;
  line-height: 2;
  width: 100%; }

.stamp-about-text {
  margin: 20px 0 0 10px;
  line-height: 1.5; 
	text-align: left;}

#stamp-recommend {
  background: #BCE1E7;
  /*margin: 30px 0 0;*/
  padding: 20px 0 0; }

.title--stamp--border {
  background: #FFF79D;
  background-image: linear-gradient(to right, transparent, #FFF25B 50%, transparent);
  background-size: 8px 8px; }

#title--stamp--border__number {
  color: #00BF8C;
  font-size: 70px;
  letter-spacing: 0;
  line-height: 1; }

#stamp-3merit {
  background: url(../../../../img/stamp/bg--3merit.jpg) no-repeat;
  height: 549px;
  margin: 5px auto 0; }

#stamp-3merit__sentence {
  padding: 90px 0 0 480px;
  width: 485px; }

#stamp-3merit__list {
  color: #333;
  font-size: 35px;
  text-align: right; }

#stamp-3merit__list li {
  margin: 40px 15px 73px 0; }

#stamp-3merit__list li:first-of-type { letter-spacing: 8px; }
#stamp-3merit__list li:nth-of-type(2) { letter-spacing: 12px; }
#stamp-3merit__list li:last-of-type { letter-spacing: 4px; }

#stamp-3merit__list span { color: #FF0000; }

#stamp-pattern {
  background: #F0E1CA;
  margin: 45px auto;
  padding: 20px 0; }

.stamp-pattern__frame {
  background: #fff;
  margin: 15px auto 0;
  padding: 30px 0 10px;
  width: 92%; }

#list--stamp-pattern li, #list--stamp-pattern-ex li {
  display: inline-block;
  vertical-align: top; }

#list--stamp-pattern li {
  margin: 0 25px 20px;
  width: 40%; }

#list--stamp-pattern h2 {
  font-size: 20px;
  font-weight: bold; }

#list--stamp-pattern figcaption {
  margin: 20px 0 5px 5px; }

#list--stamp-pattern-ex {
  font-size: 20px;
  font-weight: bold;
  text-align: center; }

#list--stamp-pattern-ex li {
  margin: 0 20px 15px;
  width: 260px; }

#title--stamp--border__construct {
  color: #B23F8C; }
a.btn--stamplink{ background-color: #7d0000; display: block; text-align: center; font-size: 18px; font-weight: bold; margin: 4% 0; padding: 6% 0; color: #fff;}

.container-stamp .stamp-faq {
  margin-top: 20px;
}

.container-stamp .stamp-faq li {
  margin-bottom: 40px;
}

.container-stamp .stamp-faq li:last-child {
  margin-bottom: 0;
}

.container-stamp .stamp-faq .q {
  margin-bottom: 10px;
  padding: 0 20px 5px;
}

.container-stamp .stamp-faq .a {
  background-color: #fff8f4;
  padding: 10px 20px;
}

.container-stamp .stamp-faq .txt-q,
.container-stamp .stamp-faq .txt-a { 
  font-size: 2em;
  font-weight: bold;
  margin-right: 10px;
}

.container-stamp .stamp-faq .txt-q {
  color: #bd6362;
}

.container-stamp .stamp-faq .txt-a {
  color: #ee732f;
}

/*PAGE(city)*/
.city_newlist .newlist{ margin-top: 2%;padding-left: 3%; display: block;}
.city_newlist .newlist ul li{ width: 30%; display: inline-block; margin: 0 2.5% 3% 0;}
.city_newlist .newlist ul li span{ font-size: 13px;}
.city_newlist .newlist ul li:last-child{ margin-right: 0;}
.city_newlist .newlist ul li img{ width:100%; }
.city_newlist .newlist p.city_pastwork_txt{ text-align: center; font-weight: bold;display: block; width: 100%; margin-bottom: 4%; font-size: 20px;}


/* PRICE( WOODDECK & STAMP ) */
#wooddeck-price, #stamp-price { padding: 15px 32px; }
#wooddeck-price__sentence, #stamp-price__sentence {
  display: block;
  margin: auto; }

.privilege, .list--stamp-price__hirai, .concrete-strong { font-weight: bold; }
.privilege__green, .privilege__green--other, .list--stamp-price__hirai {
  background: #93CA71;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  margin: 5px 5px 0;
  padding: 9px 23px; }

/* PRICE( WOODDECK ) */
#wooddeck-price { background: #FEEDCF; }

.title--wooddeck-price {
  color: #FF663F;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 7px;
  margin: 15px 0 0;
  text-align: center; }

.title--wooddeck-price__wood {
  margin: 25px auto 0;
  text-align: center; }

#wooddeck-price__sankyo__sentence {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 20px 40px 0;
  text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px; }

#list--wooddeck-price__sankyo { margin: 20px 0 0 40px; }

#list--wooddeck-price__sankyo li {
  background: #255B2B;
  background-image: linear-gradient(to bottom, transparent, #2F6335 50%, transparent);
  background-size: 5px 5px;
  box-shadow: 4px 3px 3px rgba(0,0,0,0.5);
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 10px;
  padding: 5px 0;
  text-align: center;
  width: 280px; }

#list--wooddeck-price__sankyo--product .dis-tbl {
  background: #fff;
  margin: 25px 0 0 40px;
  padding: 15px 25px;
  width: 866px; }

#list--wooddeck-price__sankyo--product .lft, #list--wooddeck-price__other .lft {
  width: 305px; }

#list--wooddeck-price__sankyo--product .lft {
   padding: 0 25px 0 0; }

#list--wooddeck-price__sankyo--product h2 {
  font-size: 18px;
  font-weight: bold; }

.privilege__green {
  font-size: 25px;
  vertical-align: sub; }

.list--wooddeck-price__sankyo__price, .list--wooddeck-price__other__price {
  color: #CC0000;
  font-weight: bold; }

.list--wooddeck-price__sankyo__price {
  font-size: 70px;
  margin: 20px 0 0; }

.list--wooddeck-price__sankyo__price::before {
  content: url(../../../../img/wooddeck__price/icon--price.png);
  margin: 0 15px 0 0;
  vertical-align: middle; }

.list--wooddeck-price__sankyo__price__small {
  font-size: 50px; }

#list--wooddeck-price__other {
  margin: 20px auto 0;
  width: 912px; }

#list--wooddeck-price__other li {
  background: #fff;
  margin: 0 0 30px; }

.list--wooddeck-price__other__frame {
  padding: 20px;
  width: 872px; }

#list--wooddeck-price__other .lft { padding: 0 15px 0 0; }

.list--wooddeck-price__other__characteristic::before {
  background: #FF663F;
  border-radius: 50%;
  color: #fff;
  content: "特徴";
  float: left;
  font-size: 28px;
  font-weight: bold;
  margin: 0 10px 0 0;
  padding: 17px 7px; }

.list--wooddeck-price__other__characteristic::after {
  content: "";
  clear: both;
  display: block; }

.list--wooddeck-price__other__title {
  font-weight: bold;
  margin: 10px; }

.privilege__green--other {
  font-weight: bold;
  vertical-align: text-bottom; }

.list--wooddeck-price__other__price {
  font-size: 45px; }

.list--wooddeck-price__other__price__small {
  font-size: 30px; }

#wooddeck-price__bnr {
  position: relative; }

#wooddeck-price__bnr__sentence {
  color: #25592B;
  font-size: 25px;
  font-weight: bold;
  position: absolute;
  top: 140px;
  left: 25px;
  text-shadow: 0 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
  width: 500px; }

/* PRICE( STAMP ) */
#stamp-price {
  align-content: #F0F0E1; }

#stamp-price {
  background: #F0F0E1; }

#list--stamp-price li {
  background: #fff;
  margin: 30px 0;
  padding: 10px 35px; }

.title--stamp-price {
  background: url(../../../../img/stamp__price/bg--title.png) no-repeat center center;
  color: #B23F8C;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 10px;
  margin: 0 0 5px;
  text-align: center; }

#list--stamp-price .lft {
  padding: 0 35px 0 0; }

.list--stanp-price__info {
  font-size: 20px;
  font-weight: bold; }

.list--stanp-price__info__money {
  color: #CC0000;
  font-size: 30px; }

.list--stamp-price__hirai {
  font-size: 20px;
  text-align: center;
  width: 420px; }

.list--stamp-price__money {
  color: #CC0000;
  font-size: 70px;
  font-weight: bold; }

.list--stamp-price__money::before {
  content: url(../../../../img/stamp__price/icon.png);
  display: inline-block;
  vertical-align: top; }

.list--stamp-price__money--sml {
  font-size: 50px; }

/* FLOW( WOODDECK & STAMP ) */
#wooddeck-flow, #stamp-flow {
  background: #FEEECF; }

#list--wooddeck-flow, #list--stamp-flow {
  padding: 40px 30px 5px; }

#list--wooddeck-flow li, #list--stamp-flow li {
  background: #fff;
  margin: 0 0 45px;
  padding: 20px 20px;
  position: relative; }

#list--wooddeck-flow li::before, #list--stamp-flow li::before {
  position: absolute; }

#list--wooddeck-flow li:not(:last-of-type)::before, #list--stamp-flow li:not(:last-of-type)::before {
  top: 0;
  left: 15px; }

#list--wooddeck-flow dl, #list--stamp-flow dl {
  margin: 0 0 0 130px; }
  #list--wooddeck-flow dt, #list--stamp-flow dt {
    color: #C92126;
    font-size: 20px;
    font-weight: bold; }

#list--wooddeck-flow li:last-of-type::before, #list--stamp-flow li:last-of-type::before {
  top: 5px;
  left: 30px; }

/* FLOW( WOODDECK ) */
#list--wooddeck-flow li {
  border: 5px solid #6B9C08; }

#list--wooddeck-flow li:first-of-type::before { content: url(../../../../img/wooddeck__flow/step1.png); }
#list--wooddeck-flow li:nth-of-type(2)::before { content: url(../../../../img/wooddeck__flow/step2.png); }
#list--wooddeck-flow li:nth-of-type(3)::before { content: url(../../../../img/wooddeck__flow/step3.png); }
#list--wooddeck-flow li:nth-of-type(4)::before { content: url(../../../../img/wooddeck__flow/step4.png); }
#list--wooddeck-flow li:nth-of-type(5)::before { content: url(../../../../img/wooddeck__flow/step5.png); }
#list--wooddeck-flow li:nth-of-type(6)::before { content: url(../../../../img/wooddeck__flow/step6.png); }

#list--wooddeck-flow li:last-of-type::before {
  content: url(../../../../img/wooddeck__flow/step7.png); }

/* FLOW( STAMP ) */
#list--stamp-flow li {
  border: 5px solid #FF7F00; }

#list--stamp-flow li:first-of-type::before { content: url(../../../../img/stamp__flow/step1.png); }
#list--stamp-flow li:nth-of-type(2)::before { content: url(../../../../img/stamp__flow/step2.png); }
#list--stamp-flow li:nth-of-type(3)::before { content: url(../../../../img/stamp__flow/step3.png); }
#list--stamp-flow li:nth-of-type(4)::before { content: url(../../../../img/stamp__flow/step4.png); }
#list--stamp-flow li:nth-of-type(5)::before { content: url(../../../../img/stamp__flow/step5.png); }
#list--stamp-flow li:nth-of-type(6)::before { content: url(../../../../img/stamp__flow/step6.png); }

#list--stamp-flow li:last-of-type::before {
  content: url(../../../../img/stamp__flow/step7.png); }

/* COLOR-AND-PATTERN ( STAMP ) */

#color-and-pattern__sentence {
  color: #25592B;
  font-size: 25px;
  font-weight: bold; }

#color-and-pattern__sentence__red {
  color: #E33E59;
  font-size: 40px; }

#list--color-and-pattern li {
  background: #fff;
  margin: 25px 0 35px;
  padding: 35px;
  width: 840px; }

.title--color-and-pattern {
  color: #B23F8C;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 10px;
  margin: 0 auto 25px;
  text-align: center; }

#title--pattern { background: url(../../../../img/stamp__color-and-pattern/title--pattern.png) no-repeat center center; }
#title--color { background: url(../../../../img/stamp__color-and-pattern/title--color.png) no-repeat center center; }

.figure--color-and-pattern {
  margin: 25px auto 45px;
  text-align: center; }

.figure--color-and-pattern__caption {
  background: #eee;
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto 10px; }

#figure--color-and-pattern__caption--2nd { width: 624px; }
.caution { color: #cc0000; }

/* IBARAKI */
.p-Nav--ibaraki,.p-Nav--tiba {
  background: url(../../../../img/ibaraki/bg--wood.jpg) repeat-x; }

.p-Nav--ibaraki__inner,.p-Nav--tiba__inner {
  display: flex;
  justify-content: space-around; }

.p-Nav--ibaraki__inner > li,.p-Nav--tiba__inner > li {
  align-items: center;
  display: flex;
  line-height: 1; }

.p-Nav--ibaraki__inner > li::before,.p-Nav--tiba__inner > li::before {
  content: url(../../../../img/ibaraki/nav--border.png); }

.p-Nav--ibaraki__inner > li:last-of-type::after,.p-Nav--tiba__inner > li:last-of-type::after{
  content: url(../../../../img/ibaraki/nav--border.png); }

.p-Nav--ibaraki__item,.p-Nav--tiba__item {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 1.4rem 7.2rem; }

.p-Nav--ibaraki__item:hover,.p-Nav--tiba__item:hover {
  text-decoration: underline; }

.p-Frame--ibarakiUSP,.p-Frame--tibaUSP {
  background: #65b200;
  margin: 100px 0 0; }

.p-Frame--ibarakiUSP__inner,.p-Frame--tibaUSP__inner {
  position: relative; top: -50px; }

.hirae--ibarakiOutline,.hirae--ibarakiOutline {
  position: absolute; top: 20px; right: 0; }

/* LOAN */
.p-List--loanDisc { padding: 0 0 0 2rem; }

.p-List--loanExplain {
  background: #f1eade;
  margin: 20px auto; }

.p-List--loanExplain__heading {
  color: #fff;
  font-size: 25px;
  padding: 10px 0; }

.p-List--loanExplain__heading--conclusion { padding: 10px 0; }

.p-List--loanExplain__main {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 20px 40px; }

.p-List--loanExplain__main::before {
  content: "";
  margin: 0 20px 0 0; }

.p-List--loanExplain__main__content { flex: 1; }

.p-List--loanExplain__main--introduction::before {
  content: url(../../../../img/loan/hirae--introduction.png); }

.p-List--loanExplain__main--body::before {
  content: url(../../../../img/loan/hirae--body.png); }

.p-List--loanExplain__main--conclusion::before {
  content: url(../../../../img/loan/hirae--conclusion.png); }

.p-List--loanExplain__detail {
  align-content: center;
  display: flex;
  justify-content: space-between; }

.p-List--loanExplain__detail--Loan > .p-List--loanExplain__detail__heading {
  flex: 0 0 460px;
  margin: 0 20px 0 0; }

.p-List--loanExplain__detail--Exterior {
  margin: 10px 0 0;
  width: 460px; }

.p-List--loanExplain__detail__heading {
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  overflow: hidden; }

.p-List--loanExplain__detail__heading--loan,
.p-List--loanExplain__detail__heading--exterior {
  display: inline-block;
  padding: 1rem; }

.p-List--loanExplain__detail__heading--loan { background: #e36171; }
.p-List--loanExplain__detail__heading--exterior {
  background: #007c33;
  color: #fff; }

.p-List--loanExplain__detail--LoanAndExterior > .p-List--loanExplain__detail__heading {
  display: flex;
  flex: 0 0 460px; }

.p-List--loanExplain__total {
  border-bottom: 1px solid #000;
  float: right;
  font-size: 20px;
  font-weight: bold; }

.p-List--loanExplain__emphasize {
  clear: both;
  padding: 20px 0 0; }

/* PRESENT */
#l-present {
  margin: 45px auto 0; }

.p-Heading--present {
  background: #f03250;
  width: 100%; }

.u-bg--zebra--present {
  background: linear-gradient(rgba(240,50,80,.8),transparent 50%,transparent);
  background-size: 5px 5px;
  padding: 35px 0 65px;
  text-align: center; }

/* CATEGORY (ALL-CATEGORY-PAGES)
---------------------------------- */
#container--cat {
  display: table;
  margin: 45px auto 0;
  width: 980px; }

#list--counter {
  margin: 45px auto 0; }

#list--counter li {
  border: 2px solid #24722B;
  display: inline-block;
  font-weight: bold;
  margin: 10px 4px;
  padding: 5px;
  vertical-align: top;
  width: 301px; }

#list--counter .lft {
  width: 120px; }

.list--counter__number {
  color: #cc0000;
  margin: 5px 5px 0;
  text-align: right; }

/* CATEGORY (BLOG) */
#container--cat__lft, #container--cat__rgt {
  display: table-cell;
  vertical-align: top; }

#container--cat__lft { width: 700px; }

#container--cat__rgt {
  width: 245px;
  padding: 0 0 0 35px; }

#title--cat, .title--side {
  border-bottom: 2px solid #CCB388;
  color: #C92327;
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 5px; }

#list--cat--blog li { margin: 15px 0; }
#list--cat--blog .dis-tbl { margin: 0 0 20px; }
#list--cat--blog .lft { padding: 0 20px 0 0; }

#list--cat--blog img {
  height: auto;
  width: 220px; }

.list--cat--blog__title {
  font-size: 20px;
  font-weight: bold; }

#list--cat--blog dd {
  margin: 20px 0 0; }

/* VOICE & CONSTRUCT (CATEGORY) */
#list--cat--construct,
.list--cat--voice {
  margin: 0 auto;
  width: 980px; }

#list--cat--construct li,
.list--cat--voice li {
  background: #fff; }

.list--cat--construct__frame,
.list--cat--voice li {
  border: 10px solid #24722B;
  display: block;
  margin: 30px auto; }

.list--cat--construct__title,
.list--cat--voice__title,
.list--popular__title,
.list--search__title {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  padding: 5px 15px 15px; }

/* VOICE (CATEGORY) */
.list--cat--voice__title {
  background: #24722B; }

.list--cat--voice__tbl {
  display: table;
  margin: 20px 30px;
  width: 900px; }

.list--cat--voice__tbl .lft {
  padding: 0 30px 0 0;
  width: 395px; }

.frame--list--cat--voice__lft   {
  background: #FEF9E3;
  padding: 20px 20px 40px;
  }

.frame--list--cat--voice__lft .list--cat--voice__lft__table{
  text-align: center;
}

.list--cat--voice__star {
  color: #FE9E1D;
  font-size: 60px;
  display: inline-block;
  text-align: center;
}

.list--cat--voice__star--frown::before,
.list--cat--voice__star--meh::before,
.list--cat--voice__star--smile::before {
  color: #00BF71;
  font-family: FontAwesome; }

.list--cat--voice__star--frown::before { content: "\f119"; }

.list--cat--voice__star--meh::before { content: "\f11a"; }

.list--cat--voice__star--smile::before { content: "\f118"; }

.list--cat--voice__fraction {
  font-size: 40px;
  font-weight: bold;
  line-height: 0.5; }

.list--cat--voice__numerator {
  color: #C92226;
  font-size: 80px; }

.list--cat--voice__lft__table {
  margin: 30px 0 0;
  width: 395px; }

#satisfaction--info--pc {
  display: inline-block;
  width: 50%;
}

.list--cat--voice__lft__table tr { border: 1px solid #C2A36D; }

.list--cat--voice__lft__table th,
.list--cat--voice__lft__table td {
  padding: 15px; }

.list--cat--voice__lft__table th {
  background: #F1EADE;
  font-weight: bold; }

.list--cat--voice__rgt__reason {
  color: #C92327;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 5px; }

.p-List--voice__comment {
  margin: 5px 0 20px; }

.p-List--voice__reason {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 0; }

.p-List--voice__reasonComment {
  flex: 1;
  margin: 0 0 0 20px; }

/* CONSTRUCT (CATEGORY) */
#frame--construct {
  position: relative; }
.frame--construct__hriae {
  position: absolute; top: -9px; }

#title--construct {
  color: #C92226;
  font-size: 35px;
  font-weight: bold;
  letter-spacing: 10px;
  margin: 45px auto 0;
  text-align: center; }

#page-counter {
  margin: 10px auto 0;
  text-align: center; }

#list--cat--construct .dis-tbl {
  padding: 0 0 15px;
  background: #fff; }

.list--cat--construct__frame {
  background: #24722B; }

.list--cat--construct__img {
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}

.list--cat--construct__img_search{
  width: 100%;
}

.list--cat--construct__img_search li,
.list--cat--construct__img li {
  display: inline-block;
  margin: 0px;
  padding: 0;
 }

 .list--cat--construct__img_search li img {
   width: 100%;
 }

.list--cat--construct__img_search {
   width: 100%;
 }

/*.list--cat--construct__img li:nth-of-type(2) {
  margin: 0 5px 0 10px; }*/

/*.list--cat--construct__img li:nth-of-type(3) {
  margin: 0 10px 0 5px; }*/

/*#list--cat--construct .lft {
  width: 795px; }*/

.list--cat--construct__contents {
  margin: 0 15px; }

#list--cat--construct .rgt {
  vertical-align: bottom; }

.btn--cat--construct {
  vertical-align: middle;
  background: #442C10;
  color: #fff;
  background-image: linear-gradient(to bottom, transparent, #4D3212 60%, #32210C 100%);
  text-align: center;
  padding: 6px 40px;
  font-weight: bold; }

#bnr--estimate--construct {
  margin: 0 0 50px; }

#bnr--estimate--construct input[type=image]{
  display: none; }

.list--cat--construct__img img {
  width: 220px;
  vertical-align: baseline; }

/* SEARCH */
#frame--search {
  position: relative; }

#title--search {
  color: #C92226;
  font-size: 18px;
  font-weight: bold;
  /*letter-spacing: 10px;*/
  margin: 0px auto;
  text-align: center; }

#search__white{
  display: block;
  background: #fff;
}

#search__white .list--cat--construct__img_search img{
  max-width: 100%;
  display: inline-block;
  height: auto;
}

#search__white .list--cat--construct__contents_search{
  display: block;
  width: 100%;
  font-size: 13px;
  font-family: sans-serif;
  margin: 0;
  border: none;
}

#search__white .dis-tbl__search {
  width: 70%;
  display: inline-block;
  text-align: left;
}
#search__white .list--cat--construct__img_search{
  padding: 1%;
  margin: 0;
  display: inline-block;
  width: 25%;
  vertical-align: top;

}
.list--cat--construct__img_search__isConstruct{
  display: block;
  padding: 2% 0.5% 0 2%;
}

.list--cat--construct__img_search__isConstruct li {
  display: inline-block;
  width: 23.5%;
  padding: 0.9%;
}

.list--cat--construct__img_search__isConstruct li img{
  width: 100%;
}

.list--cat--construct__img_search__isConstruct li:first-child {
  margin: 0 -1.4%;
}




/* SIDE-BAR
---------------------------------- */
.cat-item {
  border-bottom: 2px solid #F1EADE;
  font-weight: bold; }

#title--side--space-top {
  margin: 45px 0 0; }

.figure {
  margin: 10px 0; }

.figure .lft {
  padding: 0 10px 0 0;
  width: 80px; }

/* SINGLE (ALL-SINGLE-PAGES)
---------------------------------- */
#single {
  margin: 0 0 90px;
}

#title--single {
  color: #C92327;
  font-size: 25px;
  font-weight: bold;
}

#date--single {
  margin: 10px 0 20px;
  text-align: right;
}

/* SINGLE ( CONSTRUCT ) */
#single--construct {
  margin: 20px 0 45px;
}

#title--single--construct {
  background: #24722B;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  padding: 15px;
}

#mainimg {
  max-width: 980px;
}

#table--construct-compare {
  text-align: center;
}

/*#table--construct-compare th:first-of-type,
#table--construct-compare td:nth-of-type(2n-1) {
  border-right: 2px dotted #C2A36D;
}*/

#table--construct-compare th {
  display: inline-block;
  width: 90%;

  background: #F1EADE;
  color: #24722B;
  font-size: 20px;
  font-weight: bold;
  padding: 8px 0;
  text-align: center;
}

#table--construct-compare td {
  display: inline-block;
  width: 90%;

  padding: 45px 12px 0;
  vertical-align: top;
}

#table--construct-compare img {
  max-width: 100%;
}

#table--construct-info {
    border-collapse: collapse;

    margin: 10% auto;
    width: 90%;
}

#table--construct-info tr {
  border-top: 1px solid #C2A36D;
}

#table--construct-info tr:last-of-type {
  border-bottom: 1px solid #C2A36D;
}

#table--construct-info th, #table--construct-info td {
  padding: 10px 30px;
}

#table--construct-info th {
  background: #F1EADE;
}

#single--construct img {
	margin: 3% auto;
	border: 0;
	display: block;
	height: auto;
	max-width: 90%;
	vertical-align: bottom;
}
#single--construct p {
	margin: 5%;

}
#single--construct h2 {
	margin: 0px auto;
	font-weight: bold;
	font-size: 20px;

}

.before_box h1,
.after_box h1
{
  display: inline-block;
  width: 96%;
  background: #F1EADE;
  color: #24722B;
  font-size: 20px;
  font-weight: bold;
  padding: 8px 0;
  text-align: center;
  margin: 5px 2%;
}
/* PAGE-NAVI (CATEGORY)
---------------------------------- */
.cat__pnavi {
  margin: 50px auto 25px;
  text-align: center;
  font-weight: bold; }

.cat__pnavi a,
.cat__pnavi .current {
  background-image: linear-gradient(to bottom, transparent, #4D3212  60%, #32210C 100%);
  margin: 0 2px;
  padding: 5px; }

.cat__pnavi a {
  background: #442C10;
  color: #fff; }

.cat__pnavi .current {
  background: #F1EADE;
  color: #432B10; }

/* PAGE-NAVI (SINGLE)
---------------------------------- */
.page-navi { text-align: center; }

.page-navi li {
  display: inline-block;
 }

.page-navi a {
  background: #442C10;
  background-image: linear-gradient(to bottom, transparent, #4D3212 65%, #32210C 100%);
  color: #fff;
  font-weight: bold;
  padding: 10px 20px; }

.page-navi li:first-of-type a:before,
.page-navi li:last-of-type a:after {
  font-family: "FontAwesome"; }

.page-navi li:first-of-type a:before {
  content: "\f100";
  padding: 0 10px 0 0; }

.page-navi li:last-of-type a:after {
  content: "\f101";
  padding: 0 0 0 10px; }

.page-navi { text-align: center; }

.page-navi--construct li {
  display: inline-block;
  margin: 0 20px 90px;
  width: 180px; }

.page-navi--construct a {
  background: #442C10;
  background-image: linear-gradient(to bottom, transparent, #4D3212 65%, #32210C 100%);
  color: #fff;
  font-weight: bold;
  padding: 10px 20px; }

.page-navi--construct li:first-of-type a:before,
.page-navi--construct li:last-of-type a:after {
  font-family: "FontAwesome"; }

.page-navi--construct li:first-of-type a:before {
  content: "\f100";
  padding: 0 10px 0 0; }

.page-navi--construct li:last-of-type a:after {
  content: "\f101";
  padding: 0 0 0 10px; }
/* UTILITY */
.u-Align--ctr { text-align: center; }
.u-bg--26b185 { background: #26b185; }
.u-bg--808080 { background: #808080; }
.u-bg--f47f17 { background: #f47f17; }
.u-Display--block { display: block; }

.u-Flex--spaceBetween { /* フッター、SHOW-ROOM、IBARAKIページに対して使用 */
  display: flex;
  justify-content: space-between; }

.u-Flex--1 { flex: 1; }
/* FLOWページのSTEP2に対して使用 */
.u-Float--right { float: right; }
.u-List--disc {  list-style-type: disc; }
.u-Margin__20_0 {  margin: 20px 0; }
.u-Margin__20_auto {  margin: 20px auto; }
/* FLOWページのSTEP5に対して使用 */
.u-MarginTop--20 {  margin: 20px 0 0; }
/* IBARAKIページに対して使用 */
.u-MarginTop--30 { margin: 30px 0 0; }
.u-MarginRight--20 { margin: 0 20px 0 0; }
.u-MarginLeft--10 { margin: 0 0 0 10px; }
.u-MarginLeft--20 { margin: 0 0 0 20px; }
/* IBARAKIページに対して使用 */
.u-padding--50_0 {  padding: 50px 0; }
.u-Text--000099 { color: #000099; }
.u-Text--c91f26 { color: #c91f26; }
.u-Text--e60000 { color: #e60000; }
.u-Text--20 { font-size: 20px; }
.u-Text--25 { font-size: 25px; }
.u-Text--30 { font-size: 30px; }
.u-Text--bold { font-weight: bold; }


/* 川島用
---------------------------------- */

/* 共通用
---------------------------------- */
.media {
  margin: 10px 0 0 0;
  display: flex;
  justify-content: space-between; }

.area-center { width: 98%; margin: 0 auto; }

.top-margin10 { margin: 4% 0 0 0; }
.top-margin15 { margin: 6% 0 0 0; }
.top-margin20 { margin: 8% 0 0 0; }
.top-margin30 { margin: 10% auto 0; }
.top-margin50 { margin: 12% auto 0; }
.top-margin70 { margin: 16% 0 0 0; }
.top-margin80 { margin: 18% 0 0 0; }
.top-margin90 { margin: 20% 0 0 0; }
.top-margin100 { margin: 20% 0 0 0; }

.media-text-margin { margin: 0 0 0 30px; }
.text-height{ line-height: 1.5; }
.text-height2{ line-height: 2; }

.estimate--footer {
	margin: 0 auto;
  width: 100%;
  background-color: #15B287;
  position: fixed;
  bottom: 0;
  z-index: 999; }

footer img.ftr_mitumori { width: 100%; z-index: 999; }
.bnr-opacity-0 { opacity: 1; }
.strong {	font-weight: bold;}

/* TOP
---------------------------------- */
.hirae-text {
   display: block;
   text-align: center;
   width: 320px; }

.saitama-area {
  padding: 10px;
  width: 60%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: orange;
}

.construct-area {
  padding: 10px;
  width: 35%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: red;
}

.construct-area a { color: #fff; }

/*ブログ,施工実績 専用
---------------------------------------*/
.link-a {
  color: blue;
  text-decoration: underline;
  display: inline;
  line-height: 1.5; }

.construction-results {
  display: flex;
  margin: -12px 5%;
  /*line-height: 1;*/
}

.construction-results-margin {
  margin: 0;
  line-height: 1.5;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  padding: 5px;
  width: 70%; }

.construction-results-undermargin .construction-results-margin,
.construction-results-undermargin .construction-results-margin {
  border-bottom: 1px solid #000;
}

.blog-img-flex {
  display: block;
   }

.main-flex {
  display: block;
  width: 100%;
}
#sfs-yahoo-button {
  display: block;
  width: 100%;
  margin: 0 auto;
}
#sfs-facebook-button {
  display: block;
  width: 100%;
  margin: 0 auto;
}
#sfs-easyaddress-button {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.sfs-message-type1 {
  display: block;
  width: 90%;
  margin: 10px auto !important;
}
.sfs-button-type1 {
  display: block;
  width: 90% !important;
  margin: 10px auto !important;
}

.blog-img-table { display: table; }
.text-strong { font-weight: bold; }
.blog-paragram-margin { margin: 30px 0 0 0; }

.blog-heading2 {
  border-left: 7px solid green;
  border-bottom: 2px solid green;
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 0 10px; }

.blog-heading3 {
  font-size: 15px;
  font-weight: bold;
  color: red; }

.blog-btn {
  background-color: green;
  display: block;
  padding: 10px 30px;
  text-align: center;
  width: 100%;
   }

.blog-btn a {
  display: block;
  color: #fff;
  font-weight: bold; }

.results-item {
  width: 35%;
  line-height: 1;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding: 5px;
  margin: 0; }

.construction-results-undermargin .results-item,
.construction-results-undermargin .results-item {
  border-bottom: 1px solid #000;
}

.hirae--heading {
  border-bottom: 1px solid green;
  width: 100%;
  margin: 0 0 5px 0; }

.hirae--heading::before {
 content: url(/prg/wp-content/uploads/2017/09/heading-hirae.png);
 margin: 10px 15px 0 0; }

.wooddeck-diy-margin {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 5px;
  margin: -21px 0 0 0;
  width: 20%; }

.wooddeck-diy-item {
  width: 15%;
  line-height: 1.5;
  border: 1px solid #000;
  padding: 3px;
  margin: -21px 0 0 0; }

/*各支店のTOPページメリット
----------------------------------------*/
.index {
  color:  #fff;
  background-color: #6f5a3f;
  padding: 5px ;
  font-size: 28px;
  width: 480px;
  height: 180px;
  text-align: center; }

.relative {
  position: relative; }

.img-position {
  position: absolute;
  top: 55px;
  left: 5px; }

/*ウッドデッキ
--------------------------------------*/
.page_center {
  width: 960px;
  margin: 0 auto;
  text-align: center; }

.wooddeck_trouble {
  font-size: 50px;
  font-weight: bold;
  color: #FF663F; }

.resolution-text2 {
  font-size: 100px;
  font-weight: bold;
  color: #E33E59;
  text-shadow:
    #fff 1px 1px 15px,
    #fff -1px 1px 15px,
    #fff 1px -1px 15px,
    #fff -1px -1px 15px; }

.resolution-text {
  font-size: 40px;
  font-weight: bold;
  color: #25592B;
  text-shadow:
    #fff 1px 1px 15px,
    #fff -1px 1px 15px,
    #fff 1px -1px 15px,
    #fff -1px -1px 15px;  }


/*施工エリア
----------------------------------*/
.area_list-margin {
  margin: 10px 0 0 0; }


/*新着情報
----------------------------------*/
.infobox {
   background-color: #fff;
   border: 1px solid #666;
   max-height: 210px;
   overflow: scroll; /* スクロールバーを表示(※) */
   padding: 4%;
   width: 92%;
   margin: 0 0 0 0; }

.news { position: relative; width: 100%; padding: 8% 0; }
.news .media{display: block;}
.hiraeposition { /*height: 180px;*/ }
.news-title, .news-title img { width: 100%; }
.info-contens { border-bottom: 1px #ccc dashed; padding: 7px 0; }

.news-contents { width: 100%; margin: 0 auto; }
.news-img { width: 98%; margin: 0 auto 10%; }
.top_youtube, .top_youtube img { width: 100%;}
.top_youtube iframe{width:100%; height:230px;}

/*景専用
----------------------------------*/
.blog-title-fourse {
  color: green;
  font-size: 20px;
  font-weight: bold; }


.rate{
position: relative;
display: inline-block;
}
.rate:before{
content: "★★★★★";
color: #ccc;
}

.rate0-5:after,
.rate1:before,
.rate1:after,
.rate1-5:before,
.rate1-5:after,
.rate2:before,
.rate2:after,
.rate2-5:before,
.rate2-5:after,
.rate3:before,
.rate3:after,
.rate3-5:before,
.rate3-5:after,
.rate4:before,
.rate4:after,
.rate4-5:before,
.rate4-5:after,
.rate5:after{
position: absolute;
top:0;
left:0;
color: #FFA500;
overflow: hidden;
height: 24px;
}

.rate .rate0-5:after,
.rate .rate1-5:after,
.rate .rate2-5:after,
.rate .rate3-5:after,
.rate .rate4-5:after{
	width: 8px;
	content: "★";
}

.rate .rate1:after,
.rate .rate1-5:before{
	content: "★";
}
.rate .rate1-5:after{
	left: 1em;
}
.rate .rate2:after,
.rate .rate2-5:before{
	content: "★★";
}
.rate .rate2-5:after{
	left: 2em;
}
.rate .rate3:after,
.rate .rate3-5:before{
	content: "★★★";
}
.rate .rate3-5:after{
	left: 3em;
}
.rate .rate4:after,
.rate .rate4-5:before{
	content: "★★★★";
}
.rate .rate4-5:after{
	left: 4em;
}
.rate .rate5:after{
	content: "★★★★★";
}


.content-k {
	float:left;
}

.content-k-write {
	float:right;
	
}

.content-k-write p {
	padding-top:50px;
}

.img-center {
 text-align : center;
	margin : 0 auto;
}





/*ウッドデッキDIY
----------------------------------*/
.wooddeck-diy-title-second {
  color: orange;
  font-size: 25px;
  font-weight: bold; }

.wooddeck-title-third {
  font-size: 20px;
  font-weight: bold; }

.parts-width {
	width: 50%;
	margin: 10px; }

/*キャンペーン投稿
----------------------------------*/
h1.blog-title {
	font-size: 18px;
	font-weight: 700;
}

.blog-list-text-img {
	font-size: 16px;
	margin: 30px auto;
}

.blog-list-text-img li {
	margin: 30px 0;
	border: 1px solid #f5f5f5;
	padding: 20px;
	border-radius: 3px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

.blog-list-text-img li img {
	display: block;
	margin: 10px 0 0;
	object-fit: cover;
}

.blog-list-text {
	font-size: 13px;
}

.blog-list-text li {
	margin: 10px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #f5f5f5;
}



.blog-list-text li p:nth-of-type(3) {
	font-weight: 700;
}

/*お客様の声
----------------------------------*/
.voice-item{
	width: 20%;
	line-height: 1.5;
	border: 1px solid #000;
	padding: 5px;
	margin: -15px 0 0 0; }

/*ウッドデッキお問い合わせ
----------------------------------*/
.size-space { padding: 10px 0 0 20px; }

/*お問い合わせ
----------------------------------*/
.file-top-space { padding: 20px 0 0 0; }

/*茨城トップページ
----------------------------------*/
.price-reason li { margin: 50px 0 0 0; }

.price-reason-heading2 {
  font-size: 30px;
  font-weight: bold; }

.price-reason-heading3 {
	font-size: 20px;
	font-weight: bold; }

/*雑草対策
----------------------------------*/
.indent1{ margin-left: 1em; }
.indent2{ margin-left: 2em; }

.title-second {
  color: orange;
  font-size: 25px;
  font-weight: bold; }

.title-third {
	color: red;
	font-size: 20px;
	font-weight: bold; }

.title-forth {
	color: green;
	font-size: 16px;
	font-weight: bold; }

/*カーポート
----------------------------------*/
.carport-table {
	border: 1px #000 solid;
	padding: 3px 15px;
	}

/*インプラス
----------------------------------*/
.title-2 { font-size: 50px; text-align: center;}
.title-3 { font-size: 50px; margin: 0 0 0 7%; color: #ed740a;}
.center { text-align: center; }
.orange-color { color: #ed740a;}

.inplus-list {
	font-size: 30px;
	color: #a6353d;
	font-weight: bold;
}

@media screen and (max-width:599px) {/* smartphone navi*/

html,body,header,main,footer {
  box-sizing: border-box;
  width: 100%;
}

main > a > img {
  width: 100%;
}

#bg-hdr--top {
	display:none;
	}

.container {font-size: 0.7em; font-weight: bold; text-align: center; font-family: sans-serif;}

.container-stamp { position: relative; font: inherit; text-align: left; }

#menu--hdr--frame li, #menu--ftr--frame li { font-family: sans-serif; font-size: 13px; }
#hdr--middle__lft img, #hdr--middle__rgt img { display: none;}
#hdr-logo { display: block; margin: 2% 0 0; }
#hdr-logo img {
   border: 0;
   display: block;
   height: auto;
   max-width: 100%;
   vertical-align: bottom;
   width: 100%;}
#hdr--middle { border-bottom: none;}

#hdr--search {
  display: block;
  margin: 2%;
  text-align: center;
 }

.hdr--search__inputbox {
  padding:0;
  width: inherit;
}

.service--title__main_nav_sp {
  text-align: center;
  font-size: 13px;
  font-family: sans-serif;
  padding: 20px 0px 5px 0px;
  font-weight: bold;
  }

.main-flex-sp { width: 99%; margin: 2% auto; display: flex; justify-content: space-between; }

#index_ranking_post .list--cat--construct__img {
  padding: 0;
}


#menu--hdr--frame a:before,#menu--ftr--frame a:before,.accordion__switch::before, #list--coorporative-company li::before  { font-family: FontAwesome; }
#menu--hdr,#menu--ftr { font-family: sans-serif; background: #15B287;  color: #fff;  font-size: 1.45em;  font-weight: bold;  display: block;  text-align: center;  margin: 0;  padding: 2%; }
.accordion > li {  border-bottom: 1px solid #d9d9de;  padding: 5% 0; }
.accordion__sub li {  padding: 8% 0 5% 10%; }

#menu--hdr--frame a:before,#menu--ftr--frame a:before,.accordion__switch::before { color: #cc0000; padding: 0 5%; }
#menu--hdr--frame a:before,#menu--ftr--frame a:before { content: "\f0da"; }

.accordion__switch::before { content: "\f152"; }
.accordion__sub { display: none; }

.news { position: relative; background-color: #F1EADE; width: 100%; padding: 10px 0 0 0;}
.news-contents { width: 98%; margin: 0 auto; }
.infobox {background-color: #fff; border: 0px solid #666; overflow: scroll; padding: 10px 10px 10px 10px; height: 150px; width: 97%;}
.info-contens { border-bottom: 1px #ccc dashed; padding: 7px 0;}

.top_youtube { margin: 20px auto 0;}
.top_youtube .top_youtube img { border: 0; display: block; height: auto; max-width: 100%; vertical-align: bottom;}
.top_youtube iframe{     height: auto;
    margin: 0;
    width: 100%;}

#section--construct__rgt {  background: #fff; margin-top: 18.75px; margin-bottom: 3.75px;}
#section--construct__title { border-bottom: 2px solid #000; margin: 5% auto 1%; font-size: 24px; font-weight: bold; text-align: center; padding: 0 0 2%;}
#section--construct__rgt-frame-sp { border: none; width: 100%; }
#section--construct__bg--btm { background: #ffffff; padding: 0px; }
#section--construct__rgt__red { 
    font-size: 35px!important;
    margin: 0;
	
	}
#section--construct__rgt__red__word { font-size: 20px; margin: 0;}
.section--construct__rgt__blk { font-size: 13px; font-weight: normal;}
.construction-category-title {
	display: none;
}
.popular-title {
  display: block;
}
#section--construct__bg--top { display: none; }
p.section--construct_left img { display: none; }
#section--construct__rgt__heading { display: none; }

.construction-category-title-margin { margin: 0 auto 0; }

#service--title__main_nav span {display: none;}

#list--construct {
   text-align: center;
   margin: 5px auto;
   width: 98%;
   display: block;
   }

#list--construct li {
   display: inline-block;
   position: relative;
   width: 32%;
   font-size: 10px;
   line-height: 1; }

a, #list--area a:hover, .list--company a:hover, .list--policy a:hover, #list--sitemap a:hover, #link--estimate--flow:hover, .list--cat--blog__title:hover, #list--cat--construct a:hover, .figure__title:hover {
   color: #333;
   font-family: sans-serif;
   text-decoration: none;
   -webkit-tap-highlight-color: rgba(0,0,0,0.5);
   }

#list--construct li img {
   border: 0;
   display:block;
   height: auto;
   max-width: 100%;
   vertical-align: bottom;
   width: 100%;
   }



.list--construct__frame { margin: 2px 0 10px; text-align: center; }

.btn--top, .wpcf7-submit {
   background: #7B6948;
   background-image: linear-gradient(to bottom, transparent 0%, #4D3212 65%, #32210C 100%);
   border: none;
   color: #fff;
   display: block;
   font-size: 13px;
   font-weight: bold;
   text-align: center; }

.btn--top, .wpcf7-submit { padding: 5px 0; width: 90%; margin: 10px auto 0; }

.btn--top::after {
   content: "\f0da";
   font-family: "FontAwesome";
   font-size: 1.5em;
   padding: 0 0 0 4%;
   vertical-align: middle;
   right: 5%;
  }

.btn--top--pc { display: none; }

.construct-area { display: none; }

.saitama-area {
   display: none;
   }

.saitama-area-sp {
   padding: 0 0 2%;
   width: 100%;
   color: #000;
   font-weight: bold;
   text-align: center;
   background-color: #fff;
   border-bottom: 2px solid #000;
   font-size: 24px;
   font-family: sans-serif;
   }

.construct-area_smartphone {
   width: 90%;
   margin: 10px auto 0;
   background: #7B6948;
   background-image: linear-gradient(to bottom, transparent 0%, #4D3212 65%, #32210C 100%);
   border: none;
   color: #fff;
   display: block;
   font-size: 13px;
   font-family: sans-serif;
   font-weight: bold;
   text-align: center;
   }

.construct_btn_title {
   color: #fff;
   }

.construct_btn_title::after {
    content: "\f0da";
    font-family: "FontAwesome";
    font-size: 1.5em;
    padding: 0 0 0 4%;
    vertical-align: middle;
}

.u-width--main-top-margin20-sp { width: 97%; margin: 20px auto 0; }

#ftr-tel {
    position: fixed;
    left: 0;
    bottom: 0;
	z-index: 1000;
    box-sizing: border-box;
    width: 100%;
    height: auto;
}
#ftr-tel a {
    box-sizing: border-box;
    display: inline-block;
    /*flex: 1 0 0%;*/
    /*box-sizing: border-box;*/
    width: 50%;
}
#ftr-tel img {
    box-sizing: border-box;
   border: 0;
    display: block;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.site_block {
  display: none;
}

.top-list--area li a { color: #fff; font-size: 12px; font-weight: normal; display: block; }
.top-list--area li { float: left; width: 32%; text-align: center; background-color: #15B287; margin: 2% 0% 0% 1%; padding: 10px 0; }

#section--voice img {
   display: none;
   }

#title--top-section--sp {
  display: block;
    max-width: 100%;
    margin-top: 0;
    padding: 0;
   }

#section--voice {
   background: none;
   background-size: 100%;
   }
	.add-banner-sp{
	margin: 20px 0 0;
	}

.container.voice-text {
 font-size: 13px;
    font-weight: normal;
    text-align: left;
    font-family: sans serif;
    width: 98%;
    margin-top: 10px;
    margin-bottom: 30px;
   }

#section--2products h2 img { display: none;}
#section--2products img { width: 97% }

#top-margin--title {
   font-size: 20px;
   color: red;
   font-weight: bold;
   }

.third-title {
   color: red;
   font-size: 20px;
   font-weight: bold;
   padding: 0 0 0 2%;
   text-align: left;
   }

.top-margin10 {
   display: block;
   margin: 10px auto 0;
   border: 0;
   font-size: 13px;
   font-weight:normal;
   vertical-align: baseline;
   line-height: 1.5;
   color: #000;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   text-align: left;
   word-break: break-all;
   font-family: sans-serif;
   }

.u-Flex--spaceBetween { display: block; }

.top-margin--20 { display: none; }
#section--2products img, .p-List--topReason div {width: 100%;}
.p-List--topReason.main-flex .top-margin--10 { width: 100%; max-width: 97%; border: 0; padding: 0 0 0 1.5%; display: block; height: auto; vertical-align: bottom;}

.hirae--sp .top-margin--10 { width: 100%; max-width: 97%; border: 0; padding: 0 0 0 1.5%; display: block; height: auto; vertical-align: bottom;}

.top-margin--10--sp { width: 100%; max-width: 97%; border: 0; padding: 0 0 0 1.5%; display: block; height: auto; vertical-align: bottom;}

.mitsumori--sp {
   width: 100%; max-width: 97%; border: 0; padding: 0 0 0 1.5%; display: block; height: auto; vertical-align: bottom; margin: 30px 0 0 0;
}

.mitsumori-sp-text {
   display: block;
   background: #fff;
   box-sizing: border-box;
   color: #000;
   /*font-family: sans-serif;
   font-size: 13px;*/
   height: auto;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -moz-tap-highlight-color: rgba(0, 0, 0, 0);
   margin: 10px auto;
   text-align: left;
   max-width: 97%;
   word-break: break-all;
}
.hirae h2 img { display: none; }

section ul.main-flex { display: block; }
.hirae--sp { padding: 5% 0 0 0}
.hirae { display: none; }


.container.top_hiraebnr { display: none; }

.blog--text {
   display: block;
   margin: 10px auto 10px;
   padding: 0 0 0 1.5%;
   border: 0;
   font-size: 13px;
   font-weight:normal;
   vertical-align: baseline;
   line-height: 1.5;
   color: #000;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   text-align: left;
   word-break: break-all;
   max-width: 97%;

   }

/* FOOTER-sp
---------------------------------------------*/

#logo--ftr--sp {
   display: block;
   background-color: #24722B;
}


.logo--ftr-sp {
   border: 0;
   display: block;
   height: auto;
   max-width: 100%;
   vertical-align: bottom;
   background: #000;
}

#copyright--sp {
   display: block;
   background: #171717;
   color: #fff;
   margin: 0 0 23.5% 0;
   text-align: center;
   font-family: sans-serif;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   word-break: break-all;
   font-size: 10.833px;
}

.blank { display: none }
.frame--sp { padding: 0 0 1px 0;}

.footer-img--sp {
   border: 0;
   display: block;
   height: auto;
   max-width: 100%;
   vertical-align: bottom;
}



.estimate--footer { display: none;}

#ftr--btm {
  border-top: 1px solid #fff;
  color: #fff;
  padding: 5px 0; }

#ftr--btm__frame {
  margin: 0 auto;
  position: relative; }

#copyright {
  position: absolute; right: 0; bottom: 0; }

.second--top-margin.main--top-padding.ftr_mitumori { display: none; }
.container--mitsumori { display: none;}


#ftr {
   display: none;
}

#ftr--btm {
   display: none;
}

#ftr--btm__frame {
   display: none;
}

#copyright {
   display: none;
}
/* reason
-------------------------------------------- */

.reason_top_img--sp { width: 100%; height: auto; }

#title--page { padding: 15px 1.5%; }
#list--reason--page dd img { max-width: 100%; }
#title--reason img { display: none; }
#title--reason {
  font-family: sans-serif;
  border-top: 3px solid #F1EADE;
  border-bottom: 3px solid #F1EADE;
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  }
#title--page__frame img { display: none; }
#title--page__frame {
   color: #C92226;
   display: block;
   font-size: 25px;
   margin: 0;
   max-width: 100%;
   align-items: center;
   justify-content: center;
   letter-spacing: 0px;
   padding: 0% 1.5% 0% 3%;
   text-align: center;
}

#title--page__frame > span {
   border-left: none;
   padding: 0 0 0 0;
   }
#title--about {
   border-top: 3px solid #F1EADE;
   border-bottom: 3px solid #F1EADE;
   font-size: 20px;
   margin: 10% 0 0 ;
   text-align: center;
   font-weight: bold;
   font-family: sans-serif;
   color: #000;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   word-break:  break-all;
   }

#title--about__green {
   color : #24722B;
   text-align: center;
   font-size: 25px;
   }

#title--about__brown {
   color: #4C3212;
   font-size: 25px;
   text-align: center;
   }

#title--about__red {
   color : #C91F26;
   text-align: center;
   font-size: 25px;
   }

#list--reason--page {
   display: block;
   max-width: 91%;
   font-size: 13px;
   text-align: -webkit-match-parent;
   line-height: 1.5;
   word-break: break-all;
   font-family: sans-serif;
   padding: 1% 0% 0% 4%;
   }

#list--reason--page dt {
   color: #FF0000;
   display: block;
   margin: 0;
   font-size: 13px;
   font-weight: normal;
   word-break: break-all;
   font-family: sans-serif;
   line-height: 1.5;
   }
.bnr { margin: 20px auto 5px; max-width: 100%; }

.reason-lowprice {
   width: 98%;
   margin: 30px auto 10px;
   color: #fff;
   text-align:center;
   background-color: green;
   font-weight: bold;
   line-height: 1.5;
   font-size: 15.21px;
   font-family: sans-serif;
   }

.reason-img {
   width: 100%;
   margin: 0 auto;
   }

.reason-lowprice-text {
   font-size: 14px;
   width: 98%;
   margin: 30px auto;
   font-family: sans-serif;
   }

/* voice
-------------------------------------------- */
#frame--voice {
   width: 100%;
   padding: 0 0 0 0;
   }
.sub-title--img { display: none; }

#container--cat  { width: 100%; display: block; margin: 0 0 0 0; }
#frame--voice  { width: 100%; }
#title--voice  { width: 100%; }
.list--cat--voice { width: 100%; margin: 0; padding: 0; }
.list--cat--voice li  { border: 1px solid #6f5a3f; margin: 5% 2%; width: 96%; box-sizing: content-box; }
.list--cat--voice__title { background: #6f5a3f; color: #FFF; font-size: 15px; padding: 2%;}


.frame--list--cat--voice__lft { background: #FFFFFF; display: block; padding:5px 0px 20px;}
.frame--list--cat--voice__lft img { float: left; max-width: 50%; height: auto; margin: 20px; margin: 50px auto;}

.voice-construct { width: 94%;}
.voice-construct a { color: blue; text-decoration: underline; display: inline; font-size: 20px; text-align: center; }
.list--cat--construct__frame,
.list--cat--voice__tbl .lft  { display: block; width: 96%; padding: 0 0 0 0; display: inline-block; }
.list--cat--voice__numerator  { font-size: 13px; letter-spacing: 2px; font-family: sans-serif;}
.list--cat--voice__tbl { display: block; margin: 1%; width: 100%; }
.list--cat--voice__lft__table th { width : 96%; display: block; padding: 2%; /*font-size: 13px; font-family: sans-serif;*/}
.list--cat--voice__tbl .rgt { display: block; width:96%;}
.list--cat--voice__rgt__reason { display: block; width: 100%; font-family: sans-serif; font-size: 18px}
.p-List--voice__comment { display: block; width: 100%; /*font-size: 13px;font-family: sans-serif;*/}
/*.rgt { display: block; vertical-align: initial; margin: 15px 0 0 0; }*/
.p-List--voice__reason { width: 100%; display: block; /*font-size: 13px; font-family: sans-serif;*/}
.list--cat--voice__lft__table { width: 50%; margin: 0 0 0 0; border-collapse: initial; width: 100%;}
.list--cat--voice__lft__table td { display: block; width: 96%; height: auto; padding: 2%; background: #f9f9f9; /*font-size: 13px; font-family: sans-serif;*/}

.list--cart--voice__star.list--cat--voice__star--smile { font-size: 25px; display: block;}
.list--cat--voice__star { font-size: 25px; }
.hirae-greet { display: none; }
.list--cat--voice__star--smile::before { width: 20%; }
.list--cat--voice__fraction  { font-size: 10px; font-weight: bold; letter-spacing: 5px; line-height: 0.5; font-family: sans-serif; text-align: center;}
.p-List--voice__reasonComment { margin: 0; }
.p-List--voice__reasonComment p { display: block; }

.list--cat--voice__satisfaction {display: none;}
.voice-consturct_pc {display: block; }

.p-List--voice--impression_image {
  width: 40%;
  height: auto;
  display: inline-block;
  padding: 2%;
}

.button--voice--sample {
  display: inline-block;
    background: #24722b;
    padding: 9px;
    margin: 10.5% 1%;
	color: #fff;
}

.button--voice--sample a {
  color: #fff;
  font-family: sans-serif;
}

.list--cat--voice__rgt__reason {margin: 0 0 5px;}
.hirae--gratitude {
  width: 96%;
  margin: 0 0 10px 2%;
}

#list--counter { display: none; }

.cat__pnavi { display: none; }

.cat__pnavi_sp {
  margin: 10% auto;
  text-align: center;
  width: 100%; }
}
.cat__pnavi_sp li { display: inline-block; }
.cat__pnavi_sp li { vertical-align: middle; margin: 1em; }
.cat__pnavi_sp li a {
  border-radius: 10px;
  padding: 0.5em 1em; }
#cat-nav__hide { width: 22%; }
.cat__pnavi_sp li a{
  background: #7B6948;
  background-image: linear-gradient( to bottom, transparent 0%, #4D3212 65%, #32210C 100% );
  color: #fff;
  display: block;
  font-weight: bold;
  text-align: center;
}


.hirae--face__greeting {
  display: inline-block;
  width: 14%;
  height: auto;
  vertical-align: top;
}

.p-List--voice__reasonComment p {
  display: inline-block;
  width: 86%;
}

.wp-pagenavi { width: 100%; }
#title.page { width: 100%;}

/* cosntruct
-------------------------------------------- */
#title-pc {display: none; }
.frame--construct__hriae { display: none;}
#title--construct { display: none; }
#page-counter { display: none; }

/*#frame--search #page-counter {
  display: block;
  margin: -15px auto;
}*/

#list--cat--construct { width: 100%; }

.list--cat--construct__contents { display: block; width: 100%; /*font-size: 13px; font-family: sans-serif;*/ margin: 0; border: none;}
#index_ranking_post .list--cat--construct__contents { width: 98%; padding: 2%;}
.btn--cat--construct { display: none; }

.btn--cat--construct__sp {
  vertical-align: bottom;
  width: 20%;
  display: block;
  background: #442C10;
  color: #fff;
  background-image: linear-gradient(to bottom, transparent, #4D3212 60%, #32210C 100%);
  text-align: center;
  padding: 6px 40px;
  font-weight: bold;
  float: right;
  margin: 3px;}



#list--cat--construct { width: 100%; }
#list--cat--construct .dis-tbl { padding: 0; }
#list--cat--construct .dis-tbl .lft { display: block; width: 100%; }
#list--cat--construct .dis-tbl .rgh { display: none; }

.dis-tbl--construct .btn--continue__reading__sp {
  height: 40px;
}

.list--cat--construct__frame { border: none; width: 100%;  }

.list--cat--construct__title { font-size: 15px; padding: 0 0 0 2%; }

.list--cat--construct__frame .list--cat--construct__title { padding: 10px 0 0 0; line-height: initial; text-align: center;}
.list--cat--construct__img { display: block; padding: 2% 1.5% 10px 1.5%; border: none;}

.list--cat--construct__img li { width: 23.5%; height: 85px; }
.list--cat--construct__img img { width: 100%; height: 100%; }

#index_ranking_post .list--cat--construct__frame .lft .list--cat--construct__contents {
  display: none;
}

#construct--contents__text {
  display: block;
  width: 90%;
  padding: 0 0 0 5%;
  margin: 0 0 20px 0;

}

#construct--contents__text p {
  font-size: 15px;
  font-family: sans-serif;

}

#construct--contents__text img {
  width: 100%;
  height: auto;
}

#list--construct-sp {
   text-align: center;
   margin: 5px auto;
   width: 98%;
   display: block;
   }

#list--construct-sp li {
   display: inline-block;
   position: relative;
   width: 32%;
   font-size: 10px;
   line-height: 1; }

#list--construct-sp li img {
   border: 0;
   display:block;
   height: auto;
   max-width: 100%;
   vertical-align: bottom;
   width: 100%;
   }


.list--construct--sp__number { display: none; }

.list--construct--sp__frame { margin: 10px 0 5px; text-align: center; }

#list--construct--sp li {
  display: inline-block;
  position: relative;
  width: 32%;
  font-size: 10px;
  line-height: 1; 
}

#list--construct--sp {
  text-align: center;
  margin: 5px auto;
  width: 98%;
  display: block;
  }

#list--construct--sp li img {
  border: 0;
  display:block;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  width: 100%;
}

.construction-category-title-margin {
  display: none;
}

.list--popular__title { 
  padding: 0 0 4px 0;
  line-height: initial;
  text-align: center;
  font-size: 15px;
}

.list--search__title { 
  padding: 4px 0;
  line-height: initial;
  text-align: center;
  font-size: 15px;
}

.popular-title-margin {
  display: block;
  width: 100%;
}

#construct--info--tag {
  width: 96%;
  padding: 0 0 0 2%;
  font-family: sans-serif;
  font-size: 11px;
  margin: 5% 0 0 0;
}

.tbl--construct--info--tag {
  display: block;
  margin: 10px 0;
  
  table-layout: fixed;
  width: 100%;
}

.tbl--construct--info--tag th {
  width: 30%;
  text-align: left;
  padding-bottom: 20px;
}

.tbl--construct--info--tag__title,
.tbl--construct--info--keyword__title {
  display: inline-block;
  position: relative;

  border: #eeeeee solid 2px;
  border-radius: 4px;
  border-right: none;
  padding: 0 0 0 7px;
}

.tbl--construct--info--keyword__title {
  width: 80px;
}

.tbl--construct--info--tag__title {
  width: 30px;
}

/*.tbl--construct--info--keyword__title {
  width: 80px;
}

.tbl--construct--info--tag__title {
  width: 25px;
}*/

/*.tbl--construct--info--tag__title::before{
  position: absolute;
  display:block;
  top: -1px;

}*/

.tbl--construct--info--tag__title::after,
.tbl--construct--info--keyword__title::after{
  content:" ";
  position: absolute;
  display: block;
  top: 1px;
  right: -5px;

  width: 14px;
  height: 14px;
  transform: rotate(-45deg);
  border: solid 1px #eee;
  display: inline-block;
  /*vertical-align: bottom;*/
  border-top: none;
  border-left: none;
  border-radius: 2px;


}

.construct--info--tag__body {
  margin: 0px 0 11px 16px;
  width: 70%;
}

.construct--info--tag__body li{
  display: inline-block;
  margin: 5px 0 0 4px;
  background: #eeeeee;
  padding: 1px 3px;
  border-radius: 3px;

}
.img_after,
.img_before {
  display: block;
  width: 90%;
}

.before_box,
.after_box
{
  display: block;
  width: 100%;
}

.img_after img,
.img_before img{
  display: block;
  width: 90%;
  padding: 0 0 15px 5%;
}

#table--construct-compare th:first-of-type,
#table--construct-compare th:nth-of-type(2) {
  display: none;
}

#table--construct-compare th:first-of-type,
#table--construct-compare td:nth-of-type(2n-1) {
  border: none;
}

/* blog
-------------------------------------------- */
#title--cat { display: none; }

#container--cat__rgt { display: none; }

#list--cat--blog li {
   margin: 4%;
   color: #333;
   -webkit-tap-highlight-color: rgba(0,0,0,0.5);}

.list--cat--blog__title { font-size: 15.21px; text-decoration: none;}
#list--cat--blog img { height: auto; width: 100%; }
#list--cat--blog .lft { padding: 0 4% 0 0; width: 42%; }

#list--cat--blog dd { display: block; font-size: 13px; font-family: sans-serif; text-align: left; }
.time_pc { display: none; }
.date-sp {
   font-size: 13px;
   font-family: sans-serif;
   line-height: 1.5;
   color: #333;
   -webkit-tap-highlight-color: rgba(0,0,0,0.5); }

/* estimate
-------------------------------------------- */

.sfs-message-type1 .sfs-button-type1 img  {
   border: 0;
   display: border;
   display: block;
   vertical-align: bottom;
   max-width: 100%;
   }



.estimate-form dt {
   display: block;
   font-size: 13px;
   padding: 2% 0;
   margin: 0;
   font-weight: bold;
   text-align: center;
   width: 100%;
   font-family: sans-serif;

   }

wpcf7-form { width: 100%; }

.bnr { margin: 0; }

#container-- page { margin: 0; }

.estimate-form {
   width: 100%;
   display: block;
   }

.estimate-form__required {
   float: none;
   margin: 0 0 0 4%;
   padding: 1% 2%;
   width: 100%;
}

.estimate-form dd { background: #FFF7D2; width: 100%; padding: 2% 0; }


.wpcf7-select { margin: 0; padding: 0; }

.wpcf7-text { margin: 1% 4%; padding: 4% 2%; }
.estimate-form:nth-of-type(-n+4) .wpcf7-text, .wpcf7-text  { width: 88%; }
.estimate-form:nth-of-type(7) .wpcf7-text, .estimate-form:nth-of-type(6) .wpcf7-text { width: 88%; }

.wpcf7-list-item-label {
   font-size: 13px;
   font-family: sans-serif;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   text-align: left;
   word-break: break-all;
   color: #000;
   }

#estimate-submit { margin: 0; }

.wpcf7-textarea { width: 88%; margin: 1% 4%; padding: 4% 2%; min-height: min-content;}

.wpcf7-submit {
   margin: 5% auto;
   padding: 2% 4%;
   width: 70%;
	height: 50px;
	font-size: 16px;
   background: #7B6948;
   background-image: linear-gradient(to bottom, #ffb2b2 0%, #f00000 65%, #f00000 100%);
   color: #fff;
   display: block;
   font-weight: bold;
   text-align: center;
}

/* construct area
----------------------------------------------------- */
/*saitama
----------------------------------------------------- */

.sp-margin { padding: 2% }
/*tokyo*/

.text-strong.sp-title--ftr {
   font-size: 13px;
   font-weight: bold;
   margin: 10px 0 0 0;
   display: block;
   font-family: sans-serif;
   width: 100%;
   padding: 0;
   }

.area_list-margin {
   font-size: 13px;
   display: block;
   font-family: sans-serif;
   width: 100%;
   padding: 0;
   margin: 0;
   }
/* ibaraki */

.alignnone.size-full.wp-image-133560 {
   width: 96%;
   padding: 0 0 0 2%;
}

.area__list-margin {
   width: 96%;
   padding: 0 0 0 2%;
   }
.sp-title--ftr .link-a {
   font-size: 13px;
   text-align: left;
   word-break: break-all;
}
.sp-title--ftr .text-strong.top-margin30 { font-size: 13px; font-family: sans-serif; }

/* chiba */

.top-margin30 .link-a { font-size: 13px; }
/* tochigi */
/* gunma */

/* service-shop-ibaraki
--------------------------------------------- */

.ibaraki-img { width: 100%; }

.price-reason .top-margin--10 { width: 97%; margin: 20px auto 0; }

.p-Nav--ibaraki { display: none; }

.price-reason-heading2 {
  background-color: green;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
  width: 96%;
  }

.price-reason-heading3 {
   font-size: 16px;
   text-align: left;
   display: block;
   padding: 0 0 0 2%;
}

.price-reason li {
   width: 96%;
   padding: 0 0 0 2%;
   margin: 20px auto 0;
   line-height: 1.8;
   text-align: left;
   font-weight: normal;
   font-size: 13px;
}
.top-margin-none { display: none; }
.top-margin30-price-reason { display: none; }

.text50n {
   width: 96%;
   padding: 0 0 0 2%;
   margin: 20px auto 0;
   line-height: 1.8;
   text-align: left;
   font-weight: normal;
   font-size: 13px;
   }


.top-margin50.container img { display: none; }

.heading2 { width: 100%; font-size: 30px; padding: 10px 0; line-height: 1.5; text-align: center; font-family: sans-serif; }

#section--construct__bg--btm__tbl img { display: none; }

#section--construct-ibaraki {
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   border-bottom: 1px solid #000;
   margin: 10px 0 5px 0;
   }

#section--construct { margin: 0 0 0 0; }

.ibaraki-title-sp { display: none; }
.top-margin50.container { display: none; }

.title--section {
   border-left: 4px solid #CCB388;
   border-bottom: none;
   color: #4C3212;
   margin: 20px 0 20px 0 ;
   padding: 0 0 0 2%;
   font-size: 16px;
   line-height: 24px;
   font-family: sans-serif;
}

.dis-tbl { display: block; }
.list--company { border-bottom: none; border-bottom: none; padding: 0; }

.list--company dt {
   box-sizing: border-box;
   background: #f0f0f0;
   font-weight: bold;
   padding: 2% 0;
   padding-left: 4%;
   margin: 0;
   text-align: left;
   display: block;
   width: 100%;
   font-size: 13px;
   color: #000;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: sans-serif;
   }

.list--company dd {
   background: #f9f9f9;
   margin: 1% 0;
   padding: 2% 4%;
   display: block;
   font-size: 13px;
   color: #000;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: sans-serif;
   }

#ibaraki-branch { margin:  30px 0 0 0; }

/*saitama
-------------------------------------------- */
#hero--frame { width: 100%; }
.u-align--ctr img { width: 100%; }
.p-Frame--ibarakiUSP { margin : 10px 0 0 0; }
.p-Frame--ibarakiUSP__inner { width: 100%; top: 0px;}

#section--construct__bg--btm__tbl { display: none; }
section--construct__bg--btm { display: none; }

#section--construct__rgt-frame-sp {text-align: center;}


.top-margin-thermo { width: 97%; margin: 20px auto 0; padding: 0 0 0 2%; }

/* chiba
-------------------------------------------- */
#tiba-branch { margin:  30px 0 0 0; }

.p-Nav--ibaraki, .p-Nav--tiba { display: none; }
.p-Nav--tiba__item { display: none; }

/* company
-------------------------------------------- */

.section { margin: 0px 0 0 0 ;}
#map--company { border: none; }
.list--company dd iframe { height: auto; margin: 5% 4% 0; width: 92%; }

.list--company dd img {
   border: 0;
   display: block;
   height: auto;
   max-width: 100%;
   margin: 1% 0;
   }

/* about
-------------------------------------------- */
#frame--about {
   font-size: 13px;
   font-family: sans-serif;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }

#about-topimg--sp { width: 100%; height: auto; margin: 5% 0; }

#list--about dd {
  font-family: sans-serif;
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 0 5%;
  }

.inner-frame { width: 92%; padding: 0 4%; font-family: sans-serif; font-size: 13px;}

.inner-frame p {
  font-family: sans-serif;
  font-size: 13px;
  line-height: 1.5;
  }

#list--about dt {
   font-size: 13px;
   font-family: sans-serif;
   padding: 0 0 0 0;
   width: 100%;
   margin: 4% 0 0 4%;
   font-weight: normal;
   }

#list--about li { margin: 0 0 0 0; padding: 0 0 0 0; width: 94%;}
#lsit--about { margin: 0 4%; width: 92%; }

#list--about li:first-of-type::before, #list--about li:nth-of-type(2)::before, #list--about li:nth-of-type(3)::before, #list--about li:last-of-type::before { display: none; }
#container--page { margin: 20px auto 0; }

/* show room
-------------------------------------------- */

.title--page__section {
   margin: 0;
   color: #FF0000;
   font-weight: bold;
   font-size: 16px;
   line-height: 1.5;
   width: 100%;
   padding: 5% 0 0 0;
   font-family: sans-serif;
   }

#top-img--showroom--sp {
   width: 100%;
   height: auto;
   }

.u-marginTop--1em {
  margin: 1em 0 0;
  line-height: 1.5;
  font-family: sans-serif;
  font-size: 13px;
  width: 100%;
}

.u-width--main img { width: 100%; }

.list--show-room.u-marginTop--1em dt { font-weight: bold; }
#show-room__gmap { height: auto; margin: 5% 4% 0; width: 92%; }

.u-width--main h3 { font-size: 16px; font-weight: bold;}
.u-width--main ol {
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 40px;
   }

.u-width--main ol li { padding: 0 0 0 5%; font-family: sans-serif; font-size: 13px; }

/* lawyer
-------------------------------------------- */

#title--lawyer {
   border-top: 3px solid #F1EADE;
   border-bottom: 3px solid #F1EADE;
   font-size: 20px;
   font-weight: bold;
   margin: 10% 0 0;
   text-align: center;
   }

#title--lawyer__green { color: #24722B; font-size: 25px;}
#title--lawyer__red { color: #C91F26; font-size: 25px;}

.bnr { max-width: 100%; margin: 20% 0 0 0;}
.bnr--face { 
  position: absolute;
  left: 0px;
  top: -25px;

  width: 40px;
  height: auto;
}
.bnr--estimate { margin: 0; }

.lawyer--badge--img {width: 100%; padding: 2% auto;}
.lawyer-help-text { font-size: 25px;}

.inner-frame--lawyer { font-weight: bold; margin: 2% 4%; width: 90%; }

/* recruit
-------------------------------------------- */

.list--recruit { border-bottom: none; padding: 0 0 0 0; }

.list--recruit dd {
   background: #f9f9f9;
   margin: 1% 0;
   padding: 2% 4%;
   display: block;
   font-size: 13px;
   color: #000;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: sans-serif;
   }

.list--recruit dt {
   background: #f0f0f0;
   font-weight: bold;
   padding: 2% 4%;
   margin: 0;
   text-align: left;
   display: block;
   width: 100%;
   font-size: 13px;
   color: #000;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: sans-serif;
   }

#address--recruit { margin: 0 0 0 0; }

/* cooperative-company
-------------------------------------------- */

#top-img--cc--sp {
   width: 100%;
   height: auto;
   }
.cooperative-company-text {
   width: 95%;
   margin: 30px auto;
   font-size: 13px;
   line-height: 1.5;
   letter-spacing: initial;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: sans-serif;
   }

#title--coorporative-company {
   width: 100%;
   font-size: 14px;
   font-weight: bold;
   margin: 10% 0 0;
   padding: 2% 0;
   }

#list--coorporative-company {
   font-size: inherit;
   font-weight: normal;
   display: block;
   width: 100%;
   }

#list--coorporative-company li{
   margin: 0;
   letter-spacing: 0;
   margin: 5% 4%;;
   padding: 0 0 0 1.65em;
   text-indent: -1.65em;
   font-size: 13px;
   font-family: sans-serif;
   line-height: 1.5;
   }
#list--coorporative-company li::before {
   content: "\f046";
   font-size: 20px;
   color: #FF7F00;
   line-height: 1;
   padding: 0 2% 0 0;
   vertical-align: baseline;
   }

#list--coorporative-company-voice li {
  position: relative;
  margin: 5% 4%;
  padding-left: 12%;
  font-size: 13px;
  line-height: 1.6em;
  font-weight: normal;
}
    
#list--coorporative-company-voice li::before {
  content: "";
  background-image: url(../../../../img/cooperative-company/icon--people.png);
  width: 30px;
  height: 34px;
  background-size: cover;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#subtitle--coorporative-company {
   background: #16C192;
   border-radius: 20px;
   color: #fff;
   font-weight: bold;
   margin: 10% 4% 0;
   padding: 2% 0;
   text-align: center;
   font-family: sans-serif;
   font-size: 16px;
   }
.list-service-shop.top-margin30 li { float: none;}

#title--coorporative-company {
   width: 100%;
   font-size: 14px;
   font-weight: bold;
   margin: 10% 0 0;
   text-align: center;
   padding: 2% 0;
   }

.list--coorporative-company dt{
   background: #f0f0f0;
   font-weight: bold;
   padding: 2% 4%;
   margin: 0;
   margin: 1% 3%;
   text-align: left;
   display: block;
   width: 85%;
   font-size: 13px;
   color: #000;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }

.list--coorporative-company dd{
   background: #f9f9f9;
   margin: 1% 3%;
   padding: 2% 4%;
   display: block;
   font-size: 13px;
   width: 85%;
   color: #000;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

.list--coorporative-company dl{
   background: #f9f9f9;
   margin: 1% 3%;
   padding: 2% 4%;
   display: block;
   width: 85%;
   font-size: 13px;
   color: #000;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }

/* flow & demolition
-------------------------------------------- */

#list--flow, #list--demolition { background: none; padding: 0; width: 92%; margin: 0 4%; }

#list--flow img { width: 100%; }

#list--flow dt, #list--demolition--flow dt {
   padding: 0 0 0 2.4em;
   text-indent: -2.4em;
   border-bottom: none;
   color: #FF0000;
   letter-spacing: 0;
   margin: 0 ;
   font-weight: normal;
   font-size: 13px;
   }

#list--flow dt::before, #list--demolition--flow dt::before {
   content: "";
   background: #6B9C08;
   color: #fff;
   margin: 0 3% 0 0 ;
   padding: 2% 3.3%;
   }

#list--flow li:first-of-type dt::before, #list--demolition--flow li:first-of-type dt::before {
   content: "1";
   }

#list--flow li:nth-of-type(2) dt::before, #list--demolition--flow li:nth-of-type(2) dt::before {
   content: "2";
   }

#list--flow li:nth-of-type(3) dt::before, #list--demolition--flow li:nth-of-type(3) dt::before {
   content: "3";
   }

#list--flow li:nth-of-type(4) dt::before, #list--demolition--flow li:nth-of-type(4) dt::before {
   content: "4";
   }

#list--flow li:nth-of-type(5) dt::before, #list--demolition--flow li:nth-of-type(5) dt::before {
   content: "5";
   }

#list--flow dd, #list--demolition--flow dd { padding: 0 0 0 8%; width: 90%; }

#list--flow__free, #list--demolition--flow__free {
   font-size: 13px;
   letter-spacing: 0;
   margin: 5% 0 0 0 ;
   padding: 0px 0 0 5.6em;
   text-indent: -5.6em;
   }

#list--flow__free::before, #list--demolition--flow__free::before {
   background: #FFF32A;
   border-radius: 50%;
   color: #9F6000;
   content: "point";
   font-size: 22px;
   font-weight: bold;
   padding: 1% 5% 2%;
   text-align: center;
   line-height: 1;
   vertical-align: baseline;
   position: relative;
    }
.word--red { color: #FF0000; }
#list--flow li dd { padding: 0 0 0 8%; width: 90%; font-size: 13px; }
#list--flow dl, #list--demolition--flow dl { padding: 0;}

/* choice
------------------------------------------- */

#bg--choice { background: #fff; width: 100%; font-family: sans-serif;}

.u-align--ctr {
   font-family: sans-serif;
   font-size: 13px;
   line-height: 1.5;
   }
#top-img--choice--sp {
   max-width: 100%;
   height: auto;
   margin: 5% 0;
   }
.reason-lowprice-text.text-height2 {
   width: 98%;
   font-size: 14px;
   margin: 30px auto;
   }

.u-width--main img {
   width: 98%;
   margin: 0 auto;
   }

/* risk-hedge
-------------------------------------------- */

.l-column--top {
   margin: 4% 4% 0;
   width: 92%;
   line-height: 1.5;
   font-size: 13px;
   font-family: sans-serif;
    }

/*.text-height { display: none; }*/

.risk--heading { width: 100%; }

.u-Text--20 { font-size: 16px; }

.u-Text--20.u-Text--bold.risk--heading.top-margin30 { margin: 30px auto 0; }

/* sitemap
------------------------------------------- */

#list--sitemap > li { margin: 5% 4%; }

#list--sitemap > li:before, .list--sitemap__low-level li:before { content: "\f0da"; }

.list--sitemap__low-level li:not(#list--sitemap__low-level__title):before { color: #15B287; }

.list--sitemap__low-level { margin: 0; }

.list--sitemap__low-level li {
   display: block;
   margin: 3% 10%;
   padding: 0
}

#list--sitemap a { font-size: 13px; font-family: sans-serif; }

/* policy
------------------------------------------- */

#title--page__frame > span { font-family: sans-serif; }

.list--policy dt {
   margin: 10% 0 0 ;
   color: #000;
   font-size: 13px;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }

.list--policy dd {
   width: 95%;
   margin: 1% 0 0 ;
   font-family: sans-serif;
   font-size: 13px;
   }


.list--policy__desc { list-style-type: disc; padding: 0 0 0 1.5em; }

.list--policy__desc li { margin: 2% 0; }

.list--policy a { display: block; }

/* wooddeck
------------------------------------------- */

/*wooddeck--top
------------------------------------------- */

#frame--topimg--page { background: #fff; padding: 0; margin: 5% 0; }

#frame--topimg--page img { width: 100%; }

#wooddeck-price {
   background:#fff;
   width: 100%;
   padding: 0;
   margin: 0;
   }

#link-to-construct { width: 100%; margin: 0; }

.wooddeck_trouble { font-size: 17px; text-align: left; font-family: sans-serif;}
.page_center { width: 100%; text-align: center; }
.page_center img { width: 100%; }

.resolution-text { font-size: 14px;text-align: left; font-family: sans-serif; }
.resolution-text2 { font-size: 40px;text-align: center; font-family: sans-serif;}

.title--wooddeck-price__wood { margin: 0; }
.title--wooddeck-price__wood img { width: 100%; }

#wooddeck-price__sankyo__sentence { display: none; }
.price__sankyo { dislay: none; }

#list--wooddeck-price__sankyo li { display: none; }

#list--wooddeck-price__sankyo { width: 100%; margin: 0; }

#list--wooddeck-price__sankyo--product { display: none; }

#list--wooddeck-price__other { display: none; }

#wooddeck-price__bnr { display: none; }

#wooddeck-price__bnr img { display: none; }

.title--wooddeck-price { display: none; }

.title--wooddeck--border { display: none; }

#list--wooddeck--characteristic1__sentence, #list--wooddeck--characteristic1__sentence, #list--wooddeck--characteristic2__sentence, #list--wooddeck--characteristic3__sentence, #list--wooddeck--characteristic4__sentence  { position: initial; }

#list--wooddeck--characteristic1__sentence, #list--wooddeck--characteristic3__sentence { display: block; width: 92%; margin: 2%; /*font-size: 13px; font-family: sans-serif;*/ line-height: 1.5; }
#list--wooddeck--characteristic2__sentence, #list--wooddeck--characteristic4__sentence { display: block; width: 92%; margin: 2%; /*font-size: 13px; font-family: sans-serif;*/ line-height: 1.5; }

.img--wooddeck-price-sp { width: 100%; }

.wood-merit-title { display: none; font-size: 18px; font-family: sans-serif; margin: 0 0 3%; color: #CC3300; text-align: center; font-weight: bold;}

.wooddeck-pc { display: none;}
.p-List--wooddeck { display: none; }
.p-List--wooddeck a { display: none; }

.wood-merit-maintitle { display: none; color: #3F1000; font-weight: bold; font-size: 18px; margin: 5% 0; text-align: center; /*font-family: sans-serif;*/ }
.word--orange { color: #F15924; font-size: 25px; }
.merit--img--blank1 { display: none; }
.merit--img--blank { /*display: none;*/ width:100%; }
.media img { width: 100%; height: auto; }

.wooddeck-merit-sp-img { display: none; width: 96%; margin: 0 2%; }

.media-text-margin { display: none; }

#section--wooddeck__construct { display: block; }
#wooddeck__voice  { display: block; }

#list--wooddeck-flow { display: none; }
#wooddeck-flow { display: none; }

.blank-sp { display: none; }

#wooddeck--reason__2019{
  width: 100%;
}

#wooddeck--topbnr__2019 {
  background: #251e25;
  max-width: 100%;
  padding: 3% 0;
}

#background__wooddeck--image{
  width: 100%;
}

.image--wooddeck__thumbnail img {
  display: block;
}

.wooddeck--topbnr__top{
  width: 100%;
  padding: 0 0 0 1.5%;
  display: block;
}

.image--wooddeck__thumbnail{
  display: inline-block;
  max-width: 22%;
  padding: 0 0 0 1%;
}

.image--wooddeck__thumbnail img {
  max-width: 100%;
  padding: 0;
}

#wooddeck__slogan {
  color: #fff;
  font-size: 13px;
  text-align: center;
  font-family: sans-serif;
  font-weight: bold;
  display: block;
  padding: 2% 3%;
  }

#title--reason__wooddeck {
  display: block;
  font-size: 17px;
  font-family: EPSONPGOTHIC;
  width: 100%;
  color: #f7574b;
  padding: 4% 0;
  font-weight: bold;
  text-align: center;
}

#title--reason__wooddeck__merit {
  display: block;
  font-size: 17px;
  font-family: EPSONPGOTHIC;
  width: 100%;
  color: #f7574b;
  padding: 4% 0;
  font-weight: bold;
  text-align: center;
}

#title--reason__wooddeck__merit_sub {
  font-weight: bold;
}

.reason--title__wooddeck li {
  font-size: 17px;
  /*font-family: sans-serif;*/
  font-weight: bold;
  padding: 2% 1%;
  display: block;
}

.reason--wooddeck--Q_and_A {
  display: block;
  /*font-family: sans-serif;*/
  /*font-size: 12px;*/
  padding: 1% 1%;
}

.reason--wooddeck--Q {
  margin-bottom: 12px;
}

.reason--title__wooddeck ul li{
  display: inline-block;
  width: 47%;
}

.reason--title__wooddeck ul li img {
  display: block;
  width: 100%;
}

/*#wooddeck--application-button a {
  font-size: 14px;
  text-align: center;
  background: #7f2d00;
  font-family: sans-serif;
  padding: 2% 10%;
  color: #fff;
}*/

.reason--title__wooddect ul li img {
  padding: 0 0 0 3px;
}

#wooddeck--application-button {
  padding: 5% 5%;
  margin-bottom: 50px;
}

/*.reason--title__wooddeck li:last-of-type {
  display: none;
}*/

/* wooddeck--price
-------------------------------------------- */

#frame--wooddeck-price { background: #FEEDCF; margin: 5% 0; padding: 2% 4%;}
.title--wooddeck-price_title-sp {
   color: #FF663F;
   font-size: 15px;
   font-weight: bold;
   margin: 5% 0 0;
   text-align: center;
   font-family: sans-serif;
   }

#wooddeck-price__intro {
   color: #E33E59;
   margin: 0;
   display: block;
   font-family: sans-serif;
   font-size: 13px;
   line-height: 1.5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

.subtitle--wooddeck-price{
   width: 100%;
   padding: 0 ;
   margin: 10% 0 0 0;
   }

.subtitle--wooddeck-price img { width: 100%; }

.list--wooddeck__product dt img { width: 100%; }

#frame--wooddeck-price p {
   font-size: 13px;
   font-family: sans-serif;
   }

#list--wooddeck-price--recommend { color: #fff; font-size: 13px; font-family: sans-serif; font-weight: bold; text-align: center; }
#list--wooddeck-price--recommend li {
   background: #255B2B;
   background-image: linear-gradient( to bottom, transparent 50%, #2F6335 100% );
   background-size: 3px 3px;
   display: inline-block;
   margin: 2% 0;
   padding: 2% 0%;
   width: 49%;
   }

.list--wooddeck__product { background: #fff; margin: 5% 0; padding: 2%; }
.list--wooddeck__product dd { margin: 2% 0 0 ; display: block; font-size: 13px; font-family: sans-serif; }

.list--wooddeck__product__title { font-weight: bold; }
.list--wooddeck__product__detail { font-weight: bold; margin: 2% 0;}
.list--wooddeck__product__detail--green { color: #25592B; }

.list--wooddeck__product__total {
   background: #CC0000;
   color: #fff;
   font-weight: bold;
   font-size: 13px;
   font-family: sans-serif;
   text-align: center;
   padding: 2%; }

.list--wooddeck__product__total-number {
   color: #CC0000;
   font-size:  20px;
   vertical-align: sub;
   font-weight: bold;
   }
/* DIY
-------------------------------------------- */

.parts-width .text-height2 {
   font-size: 13px;
   font-family: sans-serif;
   width: 97%;
   }

.u-width--main {
   width: 97%;
   /*margin: 0 auto;*/
   }

u-Flex--spaceBetween .top-margin50.wooddeck-diy-title-second{
   font-size: initial;
   color: #000;
   margin: 50px auto 0;
   font-family: sans-serif;
   margin: 0 2%;
   }

.parts-width .top-margin30.wooddeck-title-third {
   margin: 30px auto 0;
   font-size: initial;
   font-family: sans-serif;
   padding: 0 2%;
   }

.parts-width {
   width: 100%;
   margin: 0;
   }

.red { color: #000; }

.u-Flex--spaceBetween .parts-width img { width: 98%;}

/* wood--pattern
------------------------------------------- */

#title--single {
   margin: 5% auto 0;
   text-align: center;
   font-size: initial;
   font-family: sans-serif;
   }

#date--single {
   margin: 0 4% 20px 0;
   text-align: right;
   font-size: 13px;
   font-family: sans-serif;
   line-height: 1.5;
   }

#single {
   margin: 0 auto;
   width: 92%;
   font-size: 13px;
   font-family: sans-serif;
   }

.alignnone.size-full.wp-image-13673.top-margin20, .alignnone.size-full.wp-image-24690.top-margin20, .alignnone.size-full.wp-image-27814.top-margin20, .alignnone.size-full.wp-image-27605.top-margin20, .alignnone.size-full.wp-image-26375.top-margin20, .alignnone.size-full.wp-image-28479.top-margin20, .alignnone.size-full.wp-image-2778.top-margin20, .alignnone.size-full.wp-image-23409.top-margin20, .alignnone.size-full.wp-image-26160.top-margin20{ margin: 8% 0 0 0; width: 100%;}

#single h2 { font-weight: bold; }

#single p {
   font-family: sans-serif;
   display: block;
   }

.page-navi {
  margin: 10% auto;
  width: 100%;
  text-align: center;
   }

.page-navi a {
   background: #7B6948;
   background-image: linear-gradient( to bottom, transparent 0%, #4D3212 65%, #32210C 100% );
   font-size: 13px;
   font-family: sans-serif;
   border-radius: 10px;
   padding: 0.5em 1em;
   }
.page-navi a:before { display: none; }
.page-navi a:after { display: none; }

.page-navi--construct li {
   margin: 0 9px;
   width: 91px;
   font-size: 13px;
   font-family: sans-serif;
   }

.page-navi--construct {
margin: 10% auto;
width: 100%;
text-align: center;
}
 
.page-navi--construct a {
  background: #7B6948;
  background-image: linear-gradient( to bottom, transparent 0%, #4D3212 65%, #32210C 100% );
  font-size: 13px;
  font-family: sans-serif;
  border-radius: 10px;
  padding: 0.5em 1em;
  }
.page-navi--construct a:before { display: none; }
.page-navi--construct a:after { display: none; }

.page-navi--construct li {
  margin: 0 9px;
  width: 91px;
  font-size: 13px;
  font-family: sans-serif;
  }
/* stamp
-------------------------------------------- */

#topimg--page { width: 100%; }
#topimg { display: none; }
img.w100{ width: 100%;}

.container.stamp-title-top-margin {
   width: 98%;
	 padding: 0;
   /*margin: 15px auto 25px;*/
   }

/*.container.stamp-title-top-margin img { display: none; }*/
/*.stamp-title-second-merit { display: none; }*/

.bnr-sp { width: 100%; }
.img-sp-stamp { width: 100%; }

section.container--pc--stamping, section.stamp-title-top-margin { /*display: none;*/ margin: 0 1%;}
section.container--pc--stamping { position: relative; }
section.container--pc--stamping h2{ margin-bottom: 2%; }
.container-stamping--sp { width: 100%; }
.container-stamping--sp img { width: 100%; }
.container-stamping--sp h2 { margin: 0; }
.container-stamping--sp h3 { width: 100%; }
.top-margin--sp--stamping {width: 100%; }
.container-stamping--sp  { width: 100%; }

.section.title--stamp iframe { height: auto; margin: 5% 4% 0; width: 92%; }
.section.title--stamp { margin: 0; }

#stamp__rely {
   font-size: 13px;
   font-family: sans-serif;
   text-align: center;
   color: #32210C;
   margin: 3% 0;
   font-weight: bold;
   }

/*.stamp-title-third {
   background: initial;
   position: absolute;
   left: 60px;
   font-size: initial;
   margin: 20px auto 0;
   height: initial;
   padding: 0;
   }*/

.container-stamping--sp p { margin: 10px auto 0; width: 97%; }

.u-Display--block { display: block; }

.stamp-text { display: none; }

#section--stamp__construct { display: block; position: relative; }

#stamp__pattern { width: 100%; }
#stamp__pattern { padding: 0; font-family: sans-serif; }
#stamp__pattern img { width: 100%; max-width: 100%; padding: 0 ; }
.title--stamp__pattern { width: 100%; }

.frame--stamp__pattern {
   background: #fff;
   margin: 0 0 5%;
   padding: 2%;
   }
.stamp_medhod_body img{ width: 100%; margin-bottom: 2%;}
/*div.stamp_medhod_body{ font-weight: bold;}*/
.stamp--sample { width: 100%;}
.variation { width: 100%; }

stamp-type { font-size: initial; font-weight: bold; }
.color-variation--stamping { font-size: 13px; }

.stamping--flow--sp { width: 100%; }
.stamping--flow--sp p { padding: 0; margin: 2% auto 2%; font-size: 12px; font-family: sans-serif; }

.container-stamping--sp { margin: 10px auto 0; }

.bnr--stamping--sp { display: none; }

.u-Display--block { display: none; }

.bnr-color-stamping { width: 100%; margin: 20px auto;}

/* stamping--merit&demerit
-------------------------------------------- */
.stamp-text--sp {
  /*font-size: 24px;*/
	font-size: 15px;
  line-height: 2;
  width: 100%; }

.title--stamp-color-and-pattern img{ width: 100%; height: auto; }

.blog-paragram-margin.blog-heading3 { font-family: sans-serif; }

.blog-img-flex p { }

.u-width--main.top-margin20 {
   display: block;
   margin: 10px auto 0;
   border: 0;
   font-size: 13px;
   font-weight:normal;
   vertical-align: baseline;
   line-height: 1.5;
   color: #000;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   text-align: left;
   word-break: break-all;
   font-family: sans-serif;
   }

.title--stamp-color-and-pattern { width: 100%; font-size: 12px; font-family: sans-serif; margin: 10% 0 0 0;}
.stamp-list-flex {
   display: flex;
   justify-content: space-between;
   margin: 20px 0 0 0;
   font-size: 10px;
   line-height: 1.5;
   }

.stamp-list-flex img { max-width: 100%; vertical-align: bottom; display: block; height: auto; }
.stamp-list-flex li {margin: 0 5px 0 0;}
.color-pattern-text {
   /*font-size: 12px;*/
   font-family: sans-serif;
   display: block;
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   }
.stamp-color-text, .stamp-color-text_oil { font-size: 12px; /*font-family: sans-serif;*/ font-weight: bold; text-align: center;}
.stamp-color-text10, .stamp-color-text10_oil { font-size: 12px; /*font-family: sans-serif;*/ letter-spacing: -0.2em;font-weight: bold; text-align: center;}
p.stamp-color-text_ud{font-size: 12px; /*font-family: sans-serif;*/ font-weight: bold;}

.stamp-tiyle-text {
   font-size: 15px;
   text-align: center;
   font-weight: bold;
   /*font-family: sans-serif;*/
   line-height:1.5;
}
.stamp-list-flex li:last-child { margin: 0; }
.color-pattern--intro-text {
   margin: 20px auto 0;
   width:97%;
   font-size: 12px;
   font-family: sans-serif;
   line-height: 1.5;
   }
#stamp-color-and-pattern__intro__red { color: #E33E59; }
ul.stamp-list-flex_top {
	width: 100%;
  display: flex;
  justify-content: flex-start;
	flex-wrap: wrap;
  margin: 20px 0 0 0; 
}

ul.stamp-list-flex_top li {
	margin: 0 0 2% 0;
	width: 23%;
	margin-right: 2%;
}

ul.stamp-list-flex02 {
	width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0 0; 
}

ul.stamp-list-flex02 li {
	margin: 0 0 2% 0;
}
ul.stamp-list-flex_top li img, ul.stamp-list-flex02 li img{ width: 96%;}






.blog-paragram-margin.blog-heading2 { font-family: sans-serif; }
.blog-btn.blog-paragram-margin { margin: 30px 0 0 0 ;
	    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.blog-btn a { font-weight: normal;
	font-size: 13px;

}

/* stamping--color--pattern
------------------------------------------- */

/* parking
------------------------------------------- */
#top-img--parking--sp {
   width: 100%;
   height: auto;
   }

/* concrete-knowledge
------------------------------------------- */

/* garage
------------------------------------------- */
#img-garage { width: 100%; margin: 0 auto;}

.u-width--main .top-margin30 { font-size: 13px; font-family: sans-serif; }

.u-width--main .top-margin30.wooddeck-diy-title-second {
    font-size: initial;
    color: #000;
    padding: 50px auto 0;
    font-family: sans-serif;
    margin: 0;
    }

.concrete-strong.top-margin20 { font-size: 13px; font-family: sans-serif;}
.u-width--main .top-margin50.wooddeck-diy-title-second {
    font-size: initial;
    color: #000;
    padding: 50px auto 0;
    font-family: sans-serif;
    display:block
}

.u-width--main .top-margin50 { font-size: 13px; font-family: sans-serif; }
.u-width--main .top-margin10 .top-margin10 { padding: 0 0 0 5%; }

/* lawn
-------------------------------------------- */

#single .text-strong { font-size: initial; }

/* zassou
-------------------------------------------- */

.title-second.top-margin50 { font-size: 25px;}
.u-width--main .top-margin20 { font-family: sans-serif; font-size: 13px; margin: 20px auto 0; }

.title-third.top-margin20 { font-size: 20px;}
.title-forth.top-margin20{ font-size: 16px; }

.top-margin10.indent1{
  margin-left: 1em;
  }



/* demolition
-------------------------------------------- */

#list--demolition li { list-style-type: disc; margin:5% 0; }
#list--demolition { font-size: 13px; font-family: sans-serif; padding: 0 0 0 1em;}

#list--demolition--flow { background: #fff; padding: 0; }

#list--demolition--flow li:nth-of-type(6) dt::before { content: "6"; }

#list--demolition--flow li:nth-of-type(7) dt::before { content: "7"; }

#list--demolition--flow li:nth-of-type(8) dt::before { content: "8"; }

#list--demolition--flow li:nth-of-type(9) dt::before { content: "9"; }

#list--demolition--flow li:nth-of-type(10) dt::before { content: "10"; }

#list--demolition--flow li:nth-of-type(11) dt::before { content: "11"; }

#list--demolition--flow li dd { padding: 0 0 0 2.4em; font-family: sans-serif; width: 89%; font-size: 13px; }

/* fencing
-------------------------------------------- */

#single .top-margin30.wooddeck-diy-title-second { color: #000; font-size: 16px; }
.top-margin20.red-strong { font-size: 16px; }


.for_pc{
  display: none;
}

@media screen and (min-width:1000px) {/* 1000px〜：PC*/

/* 汎用定義
-------------------------------------------- */
.container, .section { width: 1000px; }
.p-column--1000 {
  margin: 0 auto;
  position: relative;
  width: 1000px; }
body { min-width: 980px; }
.spo{display: none;}
.pco{display: block;}

/* HEADER
-------------------------------------------- */
#hdr--middle__lft { width: 408px; }
#hdr--middle__rgt { width: 300px; }
#hdr--search { margin: 10px auto; width: 980px; }
#hdr--middle__inner { display: table; }
.hdr--search__inputbox { padding: 3px 0; width: 320px; }
#hdr--middle__lft, #hdr--middle__ctr, #hdr--middle__rgt { display: table-cell; }
#hdr--middle__lft img, #hdr--middle__rgt img { width: auto; }




/* TOP
-------------------------------------------- */
#hero { margin: 0 auto; width: 1000px; }
#section--construct__bg--title { width: 980px; }
#section--construct__bg--btm__tbl { display: table; margin: 0 auto; width: 1000px; }
p.section--construct_left{width: auto; display: table-cell;}
p.section--construct_left img{width: auto;}
#section--construct__rgt { width: 310px; }
#section--voice__rgt-frame { position: absolute;display: block; width: 270px;margin: -170px 0 0 57%; border: 4px solid red; text-align: center; }

.voice-text { width: 800px; margin: -30px auto 0;}
.btn--top, .wpcf7-submit { width: 506px; }
.construction-category-title { width: 1000px; }
.construction-category-bg { width: 1000px; }
#list--construct  li{ width: auto;}
#list--construct  li img{ width: auto;}
#section--2products { padding: 50px 0; }
#section--2products img, .p-List--topReason div, .p-List--topReason li, .p-List--topReason li img{width: auto;}
.p-List--topReason div p br, .p-List--topReason li br{ display: inline;}

.hirae h2 {width: 1000px;}


/* FOOTER
---------------------------------- */
#ftr--btm__frame { width: 980px; }
.main-flex { width: 1000px; display: flex; justify-content: space-between; }
.main-flex-20 { width: 1000px; margin: 20px auto 0; display: flex; justify-content: space-between; }
.ftr-text { width: 320px;text-align: center;}
.ftr-text br{display: inline;}
footer img.ftr_mitumori { width: 1000px;}
.ftr_bnr {margin: 30px auto;width: 1000px;}
.ftr_bnr div{ width: auto; margin:0 0 20px 0;}




/* PAGE (ALL-PAGES)
---------------------------------- */
#container--page { margin: 45px auto 0; width: 1000px;}
#title--page__frame { width: 940px; }
/* CAMPAIGN */
#content--campaign {width: 980px; }
#campaign-btm__tel { margin: 0 0 0 10px; padding: 5px 15px; width: 470px;}
/* ABOUT */
#list--about li { margin: 50px 0 20px 0; padding: 0 0 30px 80px; width: 900px; }
#list--about .lft { width: 625px; }
/* REASON */
.frame--reason { margin: 45px auto; width: 980px;}
#show-room__map { margin: 50px auto 0; width: 1000px; }
/* RECRUIT */
#frame--recruit__inner { padding: 30px; width: 410px; }
/* LAWYER */
#dis-tbl--lawyer { margin: 25px 30px 90px; width: 920px; }
.estimate-form { width: 915px; }
.wpcf7-textarea { min-height: 200px; width: 600px; }
.estimate-form:nth-of-type(-n+4) .wpcf7-text,.estimate-form:nth-of-type(6) .wpcf7-text,
.estimate-form:nth-of-type(7) .wpcf7-text,.estimate-form:nth-of-type(8) .wpcf7-text,
.estimate-form:nth-of-type(9) .wpcf7-text,.estimate-form:nth-of-type(10) .wpcf7-text { width: 400px; }


/* PAGE (WOODDECK & STAMP)
---------------------------------- */
#link-to-construct { width: 960px; }
#list--wooddeck--characteristic { width: 98%; }
#list--wooddeck--characteristic { width: 980px; }
#list--wooddeck--characteristic1__sentence,#list--wooddeck--characteristic3__sentence { width: 600px; }
#list--wooddeck--characteristic2__sentence,#list--wooddeck--characteristic4__sentence { width: 520px; }
.p-List--wooddeck { margin: 20px auto 0; width: 980px; }
.p-List--wooddeck__img--large { height: 430px; margin: 0 10px 10px 0; width: 550px; }
.stamp-flex { width: 820px; margin: 20px 0 0 0; }
.stamp-list-flex { width: 1000px; margin: 20px 0 0 0; }
.stamp-title-top-margin {width: 1000px; margin: 50px auto; }
.stamp-title-third { padding: 20px 0 0 70px; width: 1000px; height: 65px; }
.stamp-text { width: 1000px; }
#stamp-3merit { height: 549px; margin: 5px auto 0; }
.stamp-pattern__frame { margin: 15px auto 0; padding: 30px 0 10px; width: 920px; }
#list--stamp-pattern li { margin: 0 25px 20px; width: 405px; }

/*新着情報
----------------------------------*/
.news-contents { width: 1000px; }
.news-img { width: 980px; margin: 0 auto 30px; }
.infobox { height: 210px; padding: 10px; width: 450px; margin: 0 20px 0 0; }
.news { position: relative; width: 100%; padding: 50px 0; }
.news .media{display: flex;}
.hiraeposition { height: 180px; }
.news-title { width: 440px; }
.news-title img{width: auto;}
.top_youtube, .top_youtube img { width: auto;}
.top_youtube iframe{width:508px; height:230px;}

/* 共通用
---------------------------------- */
.area-center { width: 980px; margin: 0 auto; }

.top-margin10 { margin: 10px 0 0 0; }
.top-margin15 { margin: 15px 0 0 0; }
.top-margin20 { margin: 20px 0 0 0; }
.top-margin30 { margin: 30px auto 0; }
.top-margin50 { margin: 50px auto 0; }
.top-margin70 { margin: 70px 0 0 0; }
.top-margin80 { margin: 80px 0 0 0; }
.top-margin90 { margin: 90px 0 0 0; }
.top-margin100 { margin: 100px 0 0 0; }

	



}

@media screen and (min-width:600px) and (max-width:960px) {/* タブレット*/}




@media screen and (max-width: 769px) {
.add-banner{
		display:none;
	}
	.sfs-message-type1 .sfs-button-type1 img {
   
     height: auto!important;
    width: 20px!important;
    padding-top: 10px;
}
#section--construct__ogt-frame {
    width: 100%!important;
	    margin: 30px auto 0!important;
}
	.spo  #menu--ftr--frame.selected{
		display: block;
		
	}


}
.add-txt{
	margin-top:15px;
}
.note-banner img{
	width:100%;
}
.note-banner{
    margin: 10px 0 0;
}
/*-------------------追加*/
.button09{
	margin-bottom: 40px;
}
.button09 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  background-color: #ccc;
  transition: 0.3s;
}

.button09 a::before {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #24722B;
  transition: 0.2s;
}

.button09 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.button09 a:hover::before {
  top: 0;
  left: 0;
}

.button09 a:hover {
  text-decoration: none;
  background-color: #b6d3a0;
}

.coomon-btn__wrap {
  text-align: center;
}
.coomon-btn__wrap a {
    color: #fff;
    background-color: #e91e63;
    border: solid 2px #e91e63;
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    border-radius: 50px;
    display: block;
    margin-bottom: 50px;
    font-size: 16px;
	 -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
	font-weight: bold;
}
.coomon-btn__wrap a:hover {
  background-color: #fff;
  color: #e91e63;
  opacity: 1;
}
.cainz-support_banner{
	max-width: 700px;
	width: calc(100% - 40px);

	margin: 50px auto 0;
}
.cainz-support_banner a img{
	width: 100%;
}
.btn-contact__wrap a {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  width: 100%;
}
.btn-contact__wrap a.btn-c {
  font-size: 30px;
  position: relative;
  color: #fff;
  background: #e96f19;
  -webkit-box-shadow: 0 5px 0 #d46414;
  box-shadow: 0 5px 0 #d46414;
}
.btn-contact__wrap a.btn-c span {
  font-size: 24px;
  position: absolute;
  top: -1.25rem;
  left: calc(50% - 180px);
  display: block;
  max-width: 350px;
  width: 100%;
  padding: 0.2rem 0;
  color: #d46414;
  border: 2px solid #d46414;
  border-radius: 50px;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
  box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
}
.btn-contact__wrap a.btn-c span:before, .btn-contact__wrap a.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);
  content: "";
}
.btn-contact__wrap a.btn-c span:before {
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #e96f19 transparent transparent transparent;
}
.btn-contact__wrap a.btn-c span:after {
  bottom: -7px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.btn-contact__wrap a.btn-c i {
  margin-right: 15px;
  font-size: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-contact__wrap a.btn-c:hover i {
  margin-right: 0;
}
.btn-contact__wrap a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #fff;
  background: #e57f00;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
  opacity: 1;
}
.btn-contact__wrap {
  text-align: center;
  max-width: 600px;
  width: 100%;
     margin: 50px auto;
}
  .btn-contact__wrap a.btn-c span {
    font-size: 18px;
    top: -1.25rem;
    left: calc(50% - 120px);
    max-width: 250px;
  }
  .btn-contact__wrap a.btn-c {
    font-size: 21px;
    padding-bottom: 10px;
  }
  .btn-contact__wrap a.btn-c i {
    margin-right: 5px;
    font-size: 30px;
  }
  .btn-contact__wrap {
    max-width: 350px;
  }
/*　ーーーーーーーーーーーカーポート*/


.carport-case__block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 30px 0;
}
.carport-case__box{
	width: 100%;
	margin-bottom: 30px;
}
.carport-case__box:nth-last-child(1){
		margin-bottom: 0;
}

.carport-case__box img{
	width: 100%;
}
.carport-case__box p{
	font-size: 18px;
	margin-top:5px;
}

.carport-btn__warp a{
	background: linear-gradient(to bottom, #4D3212 0%, #4D3212 65%, #32210C 100%);
    border: 2px solid #442C10;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    text-align: center;
	    max-width: 506px;
	width: 100%;
}

/* 物置
* --------------------------------------- */
.storage-main_group div, .storage-main_group h1, .storage-main_group h2, .storage-main_group h3, .storage-main_group h4, .storage-main_group p, .storage-main_group a, .storage-main_group li, .storage-main_group ul {
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  list-style: none;
  color: #000;
}
.storage-main_group a {
  display: block;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.common-1100-width {
  max-width: 1100px;
  margin: 0 auto;
  width: calc(100% - 30px);
}
.common-100-padding {
  padding: 100px 0;
}
.common-50-padding {
  padding: 50px 0;
}
.pc_none {
  display: none !important;
	width:100%;
}
.storage-area__block {
  display: flex;
  justify-content: space-between;
}
.storage-area__block ._main {
  width: 68%;
}
.storage-area__block ._side {
  width: 28%;
}
.count-items__block img {
  max-width: 100px;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 20px;
}
.storage-head__count {
  position: relative;
  border: solid 3px #C92327;
  padding: 4px 0;
  padding-right: 130px;
}
.count-items__block {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.count-items__box {
  margin: 0 20px;
}
.count-items__box ._number {
  font-size: 31px;
  font-weight: bold;
  color: #C92327;
  margin-right: 5px;
}
.count-items__box ._text {
  font-size: 21px;
  font-weight: bold;
}
.storage-headbanner__block {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  justify-content: space-between;
}
.storage-headbanner__box {
  width: 32%;
}
.storage-headbanner__box img {
  width: 100%;
}
.storage-headbanner__box a:hover {
  opacity: .8;
}
.storage-movie__area {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.storage-youtube__wrap {
  position: relative;
  margin-top: 50px;
}
.storage-movie__area img {
  position: absolute;
  max-width: 150px;
  left: 0;
  z-index: 1000;
  bottom: 0;
}
.storage-movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border: solid 4px #24722B;
}
.storage-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.storage-main_group ._title {
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #24722B;
  padding: 17px 0;
  position: relative;
}
.storage-main_group ._title img {
  position: absolute;
  max-width: 100px;
  width: 100%;
  bottom: 0;
  left: 20px;
}
.storage-voice-group {
  margin-top: 50px;
}
.storage-recommend__group {
  margin-top: 50px;
}
.storage-recommend__wrap {
  margin-top: 30px;
  border: solid 5px #24722B;
}
.storage-recommend__wrap h3 {
  color: #fff;
  font-weight: bold;
  background-color: #24722B;
  padding: 6px 10px;
}
.storage-recommend__block {
  display: flex;
  justify-content: space-between;
}
.storage-recommend__block ._image {
  width: 30%;
}
.storage-recommend__block {
  padding: 20px;
}
.storage-recommend__block ._text {
  width: 66%;
}
.storage-recommend__block ._text a {
  vertical-align: middle;
  background: #442C10;
  color: #fff;
  text-align: center;
  padding: 10px 5px;
  ;
  font-weight: bold;
  max-width: 174px;
  margin-left: auto;
  margin-top: 30px;
  border: solid 1.5px #442C10;
}
.storage-recommend__block ._text a:hover {
  background-color: #fff;
  color: #442C10;
}
.storage-recommend__block ._image img {
  width: 100%;
}
.storage-customer__group {
  margin-top: 50px;
}
.storage-customer__wrap {
  margin-top: 30px;
  border: solid 5px #24722B;
}
.storage-customer__wrap h3 {
  color: #fff;
  font-weight: bold;
  background-color: #24722B;
  padding: 6px 10px;
}
.storage-customer__block {
  display: flex;
  justify-content: space-between;
}
.storage-customer__block ._image {
  width: 32%;
}
.storage-customer__block ._image img {
  width: 100%;
}
.storage-customer__box {
  padding: 20px;
}
.storage-customer__box a {
  vertical-align: middle;
  background: #442C10;
  color: #fff;
  text-align: center;
  padding: 10px 5px;
  ;
  font-weight: bold;
  max-width: 174px;
  margin: 10px auto 0;
  border: solid 1.5px #442C10;
}
.storage-customer__box a:hover {
  background-color: #fff;
  color: #442C10;
}
.storage-ranking__group span {
  font-size: 14px;
  margin-top: 15px;
  display: block;
}
.storage-ranking__block a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ranking-imege__box img {
  width: 100%
}
.ranking-imege__box {
  width: 35%;
}
.ranking-text__box {
  width: 60%;
}
.ranking-text__box p {
  font-size: 15px;
}
.storage-ranking__block:nth-last-child(1) {
  border-bottom: solid 1px #DDDDDD;
  padding-bottom: 15px;
}
.storage-ranking__block {
  margin-top: 15px;
  padding-top: 15px;
  border-top: solid 1px #DDDDDD;
}
.storage-ranking__wrap {
  margin-top: 30px;
}
.storage-blog__group {
  margin-top: 50px;
}
.storage-blog__box {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #DDDDDD;
}
.storage-blog__box:nth-last-child(1) {
  border-bottom: solid 1px #DDDDDD;
  padding-bottom: 15px;
}
.storage-blog__box span {
  color: #707070;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}
.storage-blog__box a {
  text-decoration: underline;
}
.storage-blog__box a:hover {
  text-decoration: none;
}
.storage-blog__box {
  max-width: 290px;
  margin: 20px auto 0;
  padding-top: 20px;
  border-top: solid 1px #DDDDDD;
}
.storage-blog__wrap {
  margin-top: 30px;
}
.storage-blog__group img {
  width: 100%;
  margin-top: 30px;
}
.storage-reason__group {
  margin-top: 50px;
}
.storage-main_group ._side ._title {
  font-size: 17px;
}
.storage-reason__box p {
  font-size: 18px;
}
.storage-reason__box {
  margin-top: 30px;
}
.storage-reason__box img {
  width: 100%;
  margin-top: 20px;
}
.storage-reason__box a:hover {
  opacity: .8;
}
.storage-support__group img {
  width: 100%;
  margin-top: 20px;
}
.storage-support__group a:hover {
  opacity: .8;
}
.storage-maker__group {
  margin-top: 50px;
}
.storage-maker__img {
  margin-top: 30px
}
.storage-maker__img img {
  width: 100%;
}
.storage-recruit__group {
  margin-top: 50px;
}
.storage-recruit__group a img {
  width: 100%;
  margin-top: 30px;
}
.storage-recruit__group a a:hover {
  opacity: .8;
}
.storage-voice__wrap {
  margin-top: 30px;
  border: solid 5px #24722B;
}
.storage-voice__wrap a:hover {
  opacity: .8;
}
.storage-voice__wrap h3 {
  color: #fff;
  font-weight: bold;
  background-color: #24722B;
  padding: 6px 10px;
}
.storage-voice__wrap span {
  vertical-align: middle;
  background: #442C10;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  font-weight: bold;
  max-width: 174px;
  margin-left: auto;
  margin-top: 10px;
  border: solid 1.5px #442C10;
  display: block;
}
.storage-voice__wrap p {
  margin-top: 10px;
}
.storage-voice__box {
  padding: 20px;
}
.storage-voice-image__block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.storage-voice-image__box {
  width: 32%;
}
.storage-voice-image__box img {
  width: 100%;
}
.common-btn__storage a {
  background: linear-gradient(to bottom, #4D3212 0%, #4D3212 65%, #32210C 100%);
  border: 2px solid #442C10;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 506px;
  margin-top: 30px;
}
.common-btn__storage a:hover {
  opacity: .8;
}
.maker-image__block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.maker-image__block a {
  width: 49%;
  margin-top: 15px;
}
.maker-image__block a:hover {
  opacity: .8;
}
.maker-image__block img {
  width: 100%;
}
@media screen and (max-width: 1025px) {
  .storage-movie__area img {
    display: none;
  }
}
@media screen and (max-width: 769px) {
  .common-100-padding {
    padding: 80px 0;
  }
  .storage-area__block ._side {
    display: none;
  }
  .storage-area__block ._main {
    width: 100%;
  }
  .pc_none {
    display: block !important;
  }
  .sp_none {
    display: none !important;
  }
  .count-items__block img {
    display: none;
  }
  .storage-head__count {
    padding-right: 0;
  }
  .storage-headbanner__box {
    width: 48%;
    margin-top: 15px;
  }
  .storage-headbanner__box:nth-child(1) {
    margin-top: 30px;
  }
  .storage-headbanner__block {
    margin-top: 0;
  }
  .storage-recommend__block {
    flex-direction: column;
  }
  .storage-recommend__block ._text {
    width: 100%;
    margin-top: 15px;
  }
  .storage-recommend__block ._image {
    width: 100%;
  }
  .storage-customer__block {
    flex-wrap: wrap;
  }
  .storage-customer__block ._image {
    width: 48%;
  }
  .storage-customer__wrap h3 {
    font-size: 18px;
  }
  .storage-recommend__wrap h3 {
    font-size: 18px;
  }
  .storage-voice-image__box {
    width: 48%;
  }
}
@media screen and (max-width: 530px) {
  .storage-main_group ._title img {
    display: none;
  }
}
@media screen and (max-width: 426px) {
  .storage-headbanner__box {
    width: 100%;
  }
  .storage-customer__block ._image {
    width: 100%;
    margin-top: 15px;
  }
  .storage-customer__block ._image:nth-child(1) {
    margin-top: 0;
  }
  .storage-recommend__block {
    padding: 15px;
  }
  .storage-customer__box {
    padding: 15px;
  }
}

/*lineでお問い合わせ*/
.line-contact-wrap {
  margin: 50px auto
}

.line-contact-wrap span {
  color:#00B900 !important;
	border-color: #00B900 !important;
}

.line-contact-wrap span::before {
	border-color: #00B900 transparent transparent transparent !important;
}

.line-contact-wrap a {
  display: block;
  color: #fff !important;
  background: #00B900 !important;
	box-shadow: 0 3px 3px rgb(0 0 0 / 20%) !important;
}

.sp-hidden {
	display: none;
}

.banner-wrap {
	margin:  10px auto;
	width: 95%;
	max-width: 1000px;
}

/* 栃木県対応エリア */
.area_wrap {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  /* コンテナー */
  /* スライダーのwrapper */
  /* スライド */
  /* スライド内の画像 */
}

.area_wrap img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .area_wrap {
    width: 100%;
  }
}

.area_wrap p {
  color: #707070;
  font-weight: 200;
}

@media screen and (min-width: 768px) {
  .area_wrap p {
    font-size: 30px;
  }
}

.area_wrap .top_img img {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 50px auto;
}

@media screen and (min-width: 768px) {
  .area_wrap .top_img img {
    margin: 50px auto 100px;
  }
}

.area_wrap h2 {
  position: relative;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #707070;
}

@media screen and (min-width: 768px) {
  .area_wrap h2 {
    font-size: 50px;
    margin-bottom: 37px;
  }
}

.area_wrap h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background: url("https://hiraishoji.com/prg/wp-content/uploads/2022/07/border_img.png") no-repeat center center/cover;
}

@media screen and (min-width: 768px) {
  .area_wrap h2::after {
    height: 20px;
  }
}

@media screen and (min-width: 768px) {
  .area_wrap .flex_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
    max-width: 1123px;
    margin: 0 auto 100px;
  }
  .area_wrap .flex_wrap h2 {
    font-size: 35px;
    margin-bottom: 60px;
  }
}

.area_wrap .flex_wrap img {
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .area_wrap .flex_wrap img {
    width: 500px;
    margin-right: 20px;
  }
}

@media screen and (min-width: 768px) {
  .area_wrap .flex_wrap:nth-of-type(3) {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
  .area_wrap .flex_wrap:nth-of-type(3) img {
    margin-right: 0;
    margin-left: 50px;
  }
}

.area_wrap .construction_details {
  margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .area_wrap .construction_details {
    margin-bottom: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 20px;
  }
}

.construction_details h3 {
	padding: 10px;
	margin-bottom: 0 !important;
		border: 1px solid #707070;
	border-bottom: none;
}

.area_wrap .construction_details p {
	border: 1px solid #707070;
	padding: 10px;
}

@media screen and (min-width: 768px) {
  .area_wrap .construction_details p {
    width: calc(100% - 400px);
	  border: none;
    border-left: 1px solid #707070;
    padding: 60px 20px;
    font-weight: 400;
  }
}

@media screen and (min-width: 768px) {
  .area_wrap .tochigi_img_3 {
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 768px) {
  .area_wrap .tochigi_img_4 {
    width: 550px;
  }
  .area_wrap .tochigi_img_4 + .btn-contact__wrap.line-contact-wrap {
    margin-top: -100px;
  }
}

.area_wrap h3 {
  font-size: 16px;
  font-weight: 600;
  color: #707070;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .area_wrap h3 {
    font-size: 45px;
    width: 350px;
    padding: 120px 10px;
  }
}

.area_wrap .line-contact-wrap {
  display: block;
}

.area_wrap .line-contact-wrap a.btn-c {
  background: #00B900 !important;
  -webkit-box-shadow: 0 5px 0 #00B900;
          box-shadow: 0 5px 0 #00B900;
}

.area_wrap .line-contact-wrap a.btn-c span {
  color: #00B900;
  border-color: #00B900;
}

.area_wrap .line-contact-wrap a.btn-c span::before {
  border-color: #00B900 transparent transparent transparent !important;
}

.area_wrap .chosen_text {
  color: #4DA9F1;
  font-size: 18px;
  font-weight: 600;
  margin: 40px auto 20px;
}

@media screen and (min-width: 768px) {
  .area_wrap .chosen_text {
    text-align: center;
    margin: 100px auto 40px;
    font-size: 45px;
  }
}

.area_wrap .container {
  max-width: 1224px;
  margin: 20px auto;
}

@media screen and (min-width: 768px) {
  .area_wrap .container {
    margin: 70px auto;
  }
}

.area_wrap .infinite-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.area_wrap .infinite-slider .swiper-slide {
  height: 102px !important;
  width: 113px !important;
}

@media screen and (min-width: 768px) {
  .area_wrap .infinite-slider .swiper-slide {
    height: 332px !important;
    /* 高さを指定 */
    width: 443px !important;
  }
}

.area_wrap .infinite-slider .swiper-slide img {
  width: 98%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.area_wrap .questionnaire_wrap.infinite-slider .swiper-slide {
  height: 500px !important;
  /* 高さを指定 */
}

.area_wrap .check_box_wrap {
  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;
  margin-top: 50px;
}

@media screen and (min-width: 768px) {
  .area_wrap .check_box_wrap {
    margin: 100px auto 0;
  }
}

.area_wrap .check_box_wrap img {
  width: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 10px;
}

@media screen and (min-width: 768px) {
  .area_wrap .check_box_wrap img {
    width: 60px;
    margin-bottom: 30px;
    margin-right: 50px;
  }
}

.area_wrap .link_text {
  color: #2071D0;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .area_wrap .link_text {
    font-size: 30px;
  }
}

.area_wrap .contact_list {
  position: relative;
}

@media screen and (min-width: 768px) {
  .area_wrap .contact_list {
    margin-bottom: 100px;
  }
}

.area_wrap .contact_list::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 70px;
  height: 200px;
  background: url("https://hiraishoji.com/prg/wp-content/uploads/2022/07/contact_step_img.png") no-repeat center center/cover;
}

@media screen and (min-width: 768px) {
  .area_wrap .contact_list::before {
    height: 627px;
    width: 230px;
  }
}

.area_wrap .contact_list li {
  margin: 15px auto;
}

@media screen and (min-width: 768px) {
  .area_wrap .contact_list li {
    margin: 50px auto;
  }
}

.area_wrap .contact_list p {
  text-align: center;
  color: #000;
  padding-left: 50px;
  font-size: 13px;
}

@media screen and (min-width: 768px) {
  .area_wrap .contact_list p {
    font-size: 35px;
  }
}

.area_wrap .contact_list p.img_1, .area_wrap .contact_list p.img_2 {
  position: relative;
}

.area_wrap .contact_list p.img_1::after, .area_wrap .contact_list p.img_2::after {
  position: absolute;
  right: -20px;
  top: -10px;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("https://hiraishoji.com/prg/wp-content/uploads/2022/07/contact_img_01.png") no-repeat center center/cover;
}

@media screen and (min-width: 768px) {
  .area_wrap .contact_list p.img_1::after, .area_wrap .contact_list p.img_2::after {
    width: 197px;
    height: 184px;
    right: 0;
    top: -20px;
  }
}

.area_wrap .contact_list p.img_2::after {
  background: url("https://hiraishoji.com/prg/wp-content/uploads/2022/07/contact_img_02.png") no-repeat center center/cover;
}

.area_wrap .stripe {
  display: block;
  width: 60%;
  height: 5px;
  margin: auto auto auto 90px;
  background: repeating-linear-gradient(-45deg, #868686, #868686 2px, #fff 2px, #fff 6px);
}

@media screen and (min-width: 768px) {
  .area_wrap .stripe {
    height: 20px;
    margin: auto;
  }
}

.area_wrap .correspondence_area {
  border: 1px solid #707070;
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .area_wrap .correspondence_area {
    padding: 30px 110px 0;
  }
}

.area_wrap .correspondence_area li {
  width: calc(100% / 4);
  margin-bottom: 10px;
  position: relative;
  padding-left: 10px;
  text-align: center;
}

@media screen and (min-width: 500px) {
  .area_wrap .correspondence_area li {
    width: calc(100% / 6);
    margin-bottom: 50px;
    padding-left: 30px;
  }
}

@media screen and (min-width: 768px) {
  .area_wrap .correspondence_area li {
    font-size: 35px;
  }
}

.area_wrap .correspondence_area li::before {
  position: absolute;
  left: -10px;
  top: 0px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("https://hiraishoji.com/prg/wp-content/uploads/2022/07/location.png") no-repeat center center/cover;
}

@media screen and (min-width: 768px) {
  .area_wrap .correspondence_area li::before {
    width: 40px;
    height: 40px;
    left: 10px;
  }
}

@media screen and (min-width: 768px) {
  .area_wrap .genre_example {
    margin-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.area_wrap .genre_example p {
  border: 1px solid #707070;
  padding: 5px;
  border-radius: 30px;
  text-align: center;
  margin-bottom: 20px;
  color: #065AAF;
  font-size: 10px;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .area_wrap .genre_example p {
    font-size: 30px;
    padding: 20px 10px;
    border-radius: 50px;
    width: calc(100% / 3 - 50px);
  }
}

.area_wrap #title--ftr {
  margin: 100px auto 30px;
}

.area_wrap .area_strong_text {
  color: red;
  font-size: 18px;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .area_wrap .area_strong_text {
    font-size: 40px;
  }
}

.area_wrap h2 .area_strong_text {
  font-size: 20px;
}

@media screen and (min-width: 768px) {
  .area_wrap h2 .area_strong_text {
    font-size: 60px;
  }
}

.area_wrap .correspondence_area_saitama {
  border: 1px solid #707070;
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.area_wrap .correspondence_area_saitama::after,
.area_wrap .correspondence_area_saitama::before{
  display: block;
  content: '';
  width: calc(100% / 4 + 20px);
}
.area_wrap .correspondence_area_saitama::before {
	order: 1;
}

@media screen and (min-width: 768px) {
  .area_wrap .correspondence_area_saitama {
    padding: 30px 20px 0;
  }
}

.area_wrap .correspondence_area_saitama li {
  width: calc(100% / 4);
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
  font-size: 13px;
}

@media screen and (min-width: 500px) {
  .area_wrap .correspondence_area_saitama li {
    width: calc(100% / 6);
    margin-bottom: 50px;
    padding-left: 30px;
  }
}

@media screen and (min-width: 768px) {
  .area_wrap .correspondence_area_saitama li {
    font-size: 32px;
  }
}

.area_wrap .correspondence_area_saitama li::before {
  position: absolute;
  left: -10px;
  top: 0px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("https://hiraishoji.com/prg/wp-content/uploads/2022/07/location.png") no-repeat center center/cover;
}

@media screen and (min-width: 768px) {
  .area_wrap .correspondence_area_saitama li::before {
    width: 40px;
    height: 40px;
    left: -10px;
    top: 5px;
  }
}

.area_wrap .area_list-margin a {
  text-decoration: underline;
  color: blue;
  margin-right: 10px;
}
@media screen and (max-width: 700px) {
.example_construction_area_wrap{
	    margin: 40px auto;
}}
/* カテゴリー
* --------------------------------------- */
.main-flex.archive-category__wrap{
	    gap: 10px!important;
    justify-content: flex-start!important;
	    display: flex!important;
    flex-wrap: wrap!important;
}
#list--construct.main-flex.archive-category__wrap li{
	            width: auto;
}
.archive-category__wrap a{
        font-weight: 600;
        font-size: 14px;
        color: #15b287;
        border: 1px solid #15b287;
        background: #fff;
        border-radius: 5px;
        padding: 10px 15px;
        margin-bottom: 0;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07);
        box-sizing: border-box;
        display: block;
        margin-bottom: 0;
}
.archive-category__wrap .list--construct__frame{
	margin:0;
}

    .main-flex.archive-category__wrap .list--construct__number {
        float: none;
    }