@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; }
#hdr-logo { display: none; }

/* 汎用定義
-------------------------------------------- */
#section--construct__bg--btm__tbl a img{
	width:100%;
	height:100%;
	
}
.add-kainzu{
	display:none
}
.container, .section { width: 1000px; margin: 0 auto; }
.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: none;}
.pco{display: block;}

.for_sp { display: none;}
.add-lanks{
	max-width: 768px;
    margin: 25px auto;
}
.f_xm{
	font-size:18px;
	margin:5px 0;
}
.f_xl{
	font-size:21px;
}
/* 追加css
-------------------------------------------- */
.image-items__block{
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.image-items__box{
	width:45%;
}
.image-items__box img{
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; }

/* リンク指定
----------------------------------- */
.kainzu-banner{
	    background: #369876;
    text-align: center;
}
.kainzu-banner:hover{
	background: #369876!important;

}
.kainzu-banner img{
	width: 100%;
    height: 100%;
  
}
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%; }


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

.hdr--search__item { display: table-cell; }

.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__gnav2 {
  background: #24722b;
}

header nav#hdr-nav:nth-of-type(3) {
  background: #24722b;
}

#service--title__main_nav span {
  display: block;
  font-size: 15px;
  color: #0b0b0b;
  font-family: sans-serif;
  text-align: center;
  font-weight: bold;
  margin: 10px 0 0 0;
}

.hdr-nav__gnav__top {
    border-left: 2px dotted #50C5A5;
    height: 32px;
    padding: 11.4px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

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

  #hdr-nav__gnav2 li.hdr-nav__gnav__top{
    border-left: 2px dotted #e5decb;
  }

  #hdr-nav__gnav2 li.hdr-nav__gnav__top:last-of-type{
    border-right: 2px dotted #e5decb;
  }

.hdr-nav__gnav__top__construct {
  background-color: orange; }

.hdr-nav__gnav__top__reputation {
  
  background-color: #39579a; }

.hdr-nav__gnav__top__reputation p  {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #afd6dd;
  text-align: center;
}

.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__construct p {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ce1222;
  text-align: center;
 }

 .hdr-nav__gnav__top.hdr-nav__gnav__top__blog p {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffe71d;
  text-align: center;
 }

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

.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;
  margin: 0; }

.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; }

.hdr-nav__gnav__top #sub--company .sub--cat {
  padding: 0;
}

#sub--company .sub--cat li:first-of-type,
#sub--company .sub--cat li:nth-of-type(2),
#sub--company .sub--cat li:last-of-type {
  border-bottom: initial;
}

#hdr-nav li:nth-of-type(6) #sub--company li:nth-of-type(2n+1){
  padding: 0 35px 0 0 ;
}

.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--company .sub--cat a {
  border-bottom: initial;
}

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

.service__title__hdr__gnav{
  margin: 0 0 0 -3px ;
}

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

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

.sub--service {
  display: block;
  width: 255px;
  padding: 2.5px 0 0 15px;
}
.sub--service li {
  display: block;
  width: 255px;
  padding: 1px;
}

.sub---company__block{
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0;
  width: 255px;
}

#sub--company li li {
  border-bottom: initial;
}

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

#sub--company li:nth-of-type(2n+1) {
  padding: 0 10px 0 0 ;
}

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

.header-mail-text {
	max-width: 980px;
	margin: auto;
}

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

/* TOP
-------------------------------------------- */
.slick-slide{
 padding: 30px 15px;
    width: 1000px;
    background: #F1EADE;
}

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

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

.slick-dots {
background: #ffffff;
    padding: 20px 0 20px;
    position: static;
}

.main-flex-sp { display: none; }

#hero {
  margin: 0 auto;
  width: 100%; }

#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;
  flex-wrap: wrap; }

  .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%; }


.top-margin--10--sp { display: none;}


#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 {
  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, #ffb2b2 0%, #f00000 65%, #f00000 100%);
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  text-align: center;
	border: none;
  width: 50%; }

.u-width--main-top-margin20-sp { display: none; }

#ftr-tel { display: none; }

.sp-ftr-contact-flex { display: none; }

.saitama-area-sp { display: none; }

.btn--top::after {
  content: "\f0da";
  font-family: "FontAwesome";
  font-size: 32px;
  position: absolute;
  right: 30px;
  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; margin: 50px 0 0 0; padding: 5px;}
#section--voice img{width: 100%;}

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

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

.title--top-section--sp { display: none; }

.top-margin--10 { display: none; }

.osusume { background-color: #E5DECB; }

.third-title { display: none; }


.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
 {
  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: #15B287;
  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; }

.construct-area_smartphone {
   display:none;
   }

.mitsumori-sp { display: none; }

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

.top-margin--10 { display: none; }
.blog--text {
   display: none;
}

.ftr--sp--block, .logo--ftr--sp, #copyright--sp, .footer-img--sp { display: none; }
.container.top_hiraebnr {
   width: 1000px;
   margin: 0 auto;
   }

#frame--sp


/* 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: #FFF; }

.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;
 }

#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; }

.container--mitsumori {
   width: 1000px;
   margin: 15px auto;
}
#frame--sp { display: none; }
#copyright--sp { display: none; }

/* フッター
---------------------------------- */
.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; }

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

.ftr_bnr {width: 100%; margin: 4% 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:10px auto 40px;
}

#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%;
}

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

#section--construct-ibaraki { display: none; }
/* ABOUT & DEMOLITION */
#frame--about, .frame--demolition {
  margin: 30px 25px 0;
}

/* 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: 50px 0 0; }

.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; }

/* 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 {
  background: #FEF9E3 url(../../../../img/recruit/icon--recruit.png) no-repeat right 30px center;
  margin: 45px 0;
  padding: 25px; }

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

#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 .lft {
  width: 50%;
}
#dis-tbl--lawyer__top-sentence { font-size: 20px; }

#dis-tbl--lawyer__btm-sentence {
  align-items: center;
  background: #D60000;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 30px;
  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; }

/* 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; }

#list--coorporative-company-voice li {
  position: relative;
  margin: 30px 140px 50px;
  padding-left: 60px;
  font-size: 1.2em;
  line-height: 1.6em;
  font-weight: bold;
}
  
#list--coorporative-company-voice li::before {
  content: "";
  background-image: url(../../../../img/cooperative-company/icon--people.png);
  width: 42px;
  height: 46px;
  background-size: cover;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#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; }

#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: 25%;
  }

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

.estimate-form dd { 
	background: #fff; 
	border-bottom: 1px solid #FFF7D2;
	width: 75%;
}

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

.estimate-form .your-kind-wrap span.wpcf7-list-item {
	width: 40%;
	padding: 10px 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: 45px 0 25px; }

/* 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 {
  background: #fff;
  padding: 0 0 5px; }

#wooddeck__voice { padding: 15px 0 30px; }

#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 {
  display:none;
  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: 82%;
  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-list-flex02 {
  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-list-flex02 li {
  width: 90%;
  height: auto;
  margin: 0 5px 0 0; 
}

.stamp-list-flex02 li img {
  width: 100%;
}

.stamp-tiyle-text {
	text-align: center;
  font-size: 22px;
  font-weight: bold; }
.stamp-tiyle-text br{ display: none;}
.stamp-title-third {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  padding: 20px 0 0 70px;
  background: url(/prg/wp-content/uploads/2019/06/stamp-title-under_or.png) no-repeat;
  width: 100%;
  height: 65px;
	text-shadow: #ee7622 0px 0px 10px, #ee7622 0px 0px 10px, #ee7622 0px 0px 10px, #ee7622 0px 0px 10px;}

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

.stamp-title-second-merit { margin: 35px 0 0 220px; }
.stamp-title-second.stamp-title-second-merit_top { margin: 35px 0 0 220px;}
.stamp-title-second-order { margin: 35px 0 0 220px; }
.stamp-title-second-construct { margin: 35px 0 0 33%; }

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

.stamp-about-text {
  margin: 2% 2% 0 2%;
  line-height: 2; 
  /*font-size: 15px;
  font-family: sans-serif;
  font-weight: bold;*/
}
.container--pc--stamping img:nth-child(3){
  display: none;
}

.title--stamp-color-and-pattern img{
  display: none;
}

.stamp-title-second.stamp-title-second-merit_top.stamp-list-flex li {
  display: inline-block;
}

.stamp-list-flex_top {
	width: 100%;
  display: flex;
  justify-content: flex-start;
	flex-wrap: wrap;
  margin: 20px 0 0 0; 
}

.stamp-list-flex_top li {
  /*display: inline-block;*/
	margin: 0 0 2% 0;
	width: 26%;
}
.stamp-list-flex_top li:nth-child(4){width: 21%;}
.stamp-flex li {
  width: 190px;
  height: auto;
}
.stamp-list-flex.top-margin50 div {
  width: 130px;
  height: auto;
}

#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; }
div.stamp_medhod_body{ padding: 4% 8%; /*font-weight: bold;*/}
div.stamp_merit_body{ padding: 0 8.6%; /*font-weight: bold;*/}
/*a.btn--stamplink{ background-color: #7d0000; display: block; text-align: center; font-size: 30px; font-weight: bold; margin: 4% 8%; padding: 6% 0; color: #fff;}*/
/*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; }

.top-margin-thermo { display: none; }

/* 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)
---------------------------------- */
#frame--voice {
  display: inline-block;
}

#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; }

.site_block .blog_category_block .cat-item .children {
  display: none;
}

.site_block .blog_category_block02 .cat-item,
.site_block .blog_category_block .cat-item {
  border: initial;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  margin: 10px 1px 0 2px;
  padding: 0px 6px 0 0;
  line-height:3px;
}

.site-area__blog {
  display: block;
  font-size: 18px;
  margin: 20px 0 0 0;
  border-bottom: 1px solid #000;
  font-weight: bold;
}

.site_block {
  margin: 45px auto 0;
  width: 980px;
}
.site_block #title--single {
  border-bottom: solid 1px #000;
  margin-top: 30px;
}

.blog_category_block .lft,
.blog_category_block .rgt {
  display: block;
  width: 200px
}

.site_block .blog_category_block .figure__title {
  font-size: 13px;
}

.site_block .blog_category_block .popular li{
  display: inline-block;
  vertical-align: top;
  margin: 10px 0 0 35px;
}
#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; width: 240px; }

#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 {
  margin: 0 auto;
  width: 980px; }

.hirae--face__greeting {
  display: inline-block;
  width: 14%;
  height: auto;
  vertical-align: top;
}
.blog_category_block ul li.cat-item,
.blog_category_block02 ul li.cat-item {
  display: inline-block;
  margin: 0 0 10px 10px;
  background: #eeeeee;
  padding: 1px 3px;
  border-radius: 3px;
}


#index_ranking_post #frame--construct #list--cat--construct {
  display: block;
  width: 1000px;
}

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

 
.list--cat--voice {
  display: table;
  border-collapse: separate;
  border-spacing: 5px 10px;
}

.list--cat--voice li{
  background: #fff;
  border: 10px solid #24722B;
  display:table-cell;
  width: 467px;
  margin: 12px auto;
  vertical-align: top;

}

.list--cat--voice li article {
  width: 467px;
}

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

.list--cat--construct__frame{
  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: 17px;
  font-weight: bold;
  line-height: 1;
  /*width: 300px;*/
  padding: 0px 0px 5px; 
  font-family: sans-serif;
}

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



.list--cat--voice__tbl {
  display: block;
  margin: 20px 0 0 15px;
  }

.list--cat--voice__tbl .lft {
  padding: 0;
 }

 .list--cat--voice__tbl .rgt {
  padding: 0;
  display: block;
  margin: 12px 0 0 0;
 }


.list--cat--voice__star {
  color: #FE9E1D;
  font-size: 20px; }

.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 {
  display: block;
  width: 50%;
  text-align: center;
  padding: 0 0 0 50px;
}

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

.frame--list--cat--voice__lft .list--cat--voice__star {
  display: block;
  text-align: center;
}

.frame--list--cat--voice__lft {
  display: inline-flex;
}

.list--cat--voice__lft__table {
  display: block;
  border-collapse: initial;
 }

 .hirae--gratitude {
  display: block;
  width: 450px;
 }

 .hirae--gratitude .list--cat--voice__rgt__reason{
   margin: 0 0 0 15px;
 }

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

.list--cat--voice__lft__table td {
  display: table;
  width: 200px;
  text-align: center;
  font-size: 11px;
  padding: 3px 0;
  height: 3px;
}

.list--cat--voice__lft__table th {
  background: #F1EADE;
  font-weight: bold;
  display: table;
  width: 200px;
  padding: 3px 0;
  text-align: center;
  font-size: 11px;
}

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

  .p-List--voice__comment {
    margin: 5px 15px 20px 0;
    font-size: 13px; }

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

.hirae-greet{
  display: none;
}

.list--cat--voice__satisfaction {
  display: none;
}
.p-List--voice__reasonComment {
  flex: 1;
  margin: 0 0 0 15px;
  width: 250px;
  font-size: 13px; }

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

  .p-List--voice__reasonComment .voice-construct {
    display:none;
  }

  .p-List--voice--impression_image{
    width: 200px;
    height: auto;
    display: inline-block;
  }

  .p-List--voice--impression :hover {
    opacity: 0.5;
  }

  .button--voice--sample {
    display: inline-block;
    font-size: 16px;
    background: #24722b;
    padding: 20px;
    margin: 15px;
  }

  .link-a_pc :hover{
    opacity: 0.5;
  }

  .voice-construct {
    width: 50px;
  }

  .voice-consturct_pc {
    display: table;
    padding: 0 0 0 20px;
    margin: 9px 0;
  }

  .link-a_pc {
    color: #ffffff;
  }



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

#title--construct, #title--search {
  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; }

#index_ranking_post .dis-tbl {
    display: none;
  }

#list--cat--construct .dis-tbl__search {
  display: inline-block;
  width: 73%;
  background: #fff; }

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

.list--cat--construct__img {
  background: #fff;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}
.list--cat--construct__img_search__isConstruct,
.list--cat--construct__img_search {
  box-sizing: border-box;
  
  background: #fff;
  vertical-align: top;
  text-align: left;
  display: inline-block;
  padding: 15px;
  margin: 0;
}

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

 .list--cat--construct__img_search__isConstruct li {
   margin: 1px;
 }

.list--cat--construct__img_search img{
  width:220px;
}

.search__image_isConstruct img {
  padding: 0 3px 0 6px;
  width: 220px;
}


#list--cat--construct .dis-tbl__search__isConstruct .rgt__search {
  padding: 55px 15px 20px 0;
}

#list--cat--construct .dis-tbl__search__isConstruct .list--cat--construct__contents_search {
  margin: 0;
  padding: 0 13px;
}

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

#index_ranking_post .list--cat--construct__img{
  padding: 0;
  width: 307px;
  height: 307px;
}

#index_ranking_post .list--cat--construct__img img{
  width: 100%;
  padding: 0;
  height: auto;
}

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

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

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

#list--cat--construct .lft__search {
  width: initial;
}


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

.list--cat--construct__contents_search {
  margin: 15px 0 71px;
  padding: 5px; }

.lft__search.list--cat--construct__contents {
  width: 80%;
  padding: 15px 0 88px 0;
  /*margin: 0 15px;*/ }
  

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

  #list--cat--construct .rgt__search {
    text-align: right;
    vertical-align: bottom;
    padding: 55px 15px 0 0 ; }


  #search__white {
    background: #fff;
  }


#index_ranking_post #list--cat--construct li{
  display: inline-block;
  background: initial;
  width: 327px;
  margin: 0px 0.5px;
  vertical-align: top;
  padding: 0 0 0 1px;
}

#index_ranking_post .list--popular__title {
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0px 0px; 
}


.btn--continue__reading__sp {
  display: none;
}


.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 {
  display: none; }

/* 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;
}

#construct--contents__text {
  margin: 10px auto;
  padding: 10px;
}

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

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

#table--construct-compare tr:first-of-type {
  display: none;
}

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

#table--construct-compare td {
  padding: 45px 12px 0;
  vertical-align: top;
}

#table--construct-compare img {
  max-width: 465px;
}

#table--construct-info {
  margin: 45px 0 90px;
  text-align: left;
  width: 100%;
}

#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;
  width: 195px;
}

#single--construct img {
  display: block;
  margin: 10px auto;
  max-width: 1000px;
}

.tbl--construct--info--tag {
  font-family: meiryo;
  font-size: 13px;
  color: #333;
  margin: 60px 0 60px 0;
}

.tbl--construct--info--tag th {
  width: 125px;
  padding-bottom: 20px;
  text-align: left;
}
.tbl--construct--info--tag__title,
.tbl--construct--info--keyword__title {
  border: #eeeeee solid 2px;
  border-radius: 4px;
  border-right: none;
  padding: 0 0 0 7px;
}

/*.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: relative;
  display: block;
  top: 4px;
  right: -7px;

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

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

}

#list--construct-sp {
  display: none;
}

.container--width {
  width: 980px;
  margin: 0 auto;
}

#saitama-area-pc.single__construct {
  padding: 0 0 0 3px;
  font-size: 16px;
  font-weight: bold;
  margin: 3px;
}

.container-top-list--area-u-Flex--spaceBetween__pc {
  width: 1000px;
  display: block;
  margin: 0 auto;
}

.container-top-list--area-u-Flex--spaceBetween__pc li{
  display: inline-block;
  margin: 0 50px 0 0;
  padding: 5px;

}

.container-top-list--area-u-Flex--spaceBetween__pc li.blank {
  display: none;
}

.border-line {
  width: 980px;
  border-bottom: #000 solid 1px;
}

.before_box
{
  display: inline-block;
  width: 49%;
  vertical-align: top;
  padding: 0 10px 0 0;
}
.after_box
{
  display: inline-block;
  width: 49%;
  vertical-align: top;
  padding: 0 0 0 10px;
}

.before_box h1,
.after_box h1
{
  color: #C92327;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}

.img_after,
.img_before {
  display: inline-block;
  padding: 2px 0px 0 2px;
}

.blank_img {
  display: block;
  width: 200px;
  height: 150px;
}

.img_after img,
.img_before img {
  display: block;
  width: 235px;
}

/* 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; }

.cat__pnavi_sp {
  display: none;
}



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

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

.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--construct { display: block; 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, .top-margin--20 { 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: 10; }

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: 80%;
max-width: 700px;
	margin: auto;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: red;
}

.construct-area a {
	color: #fff;
	display: block;
	width: 100%;
}

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

.link-b {
  color: red;
  text-decoration: underline;
  display: inline;
  line-height: 1.5; }


.construction-results {
  display: flex;
  line-height: 1; }

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

.blog-img-flex {
  display: flex;
  justify-content: space-between; }

.blog-img-detail {
	display: flex;
	justify-content: space-between;
	text-align: center; }

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

.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; }

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

.results-item {
  width: 12%;
  line-height: 1;
  border: 1px solid #000;
  padding: 5px;
  margin: -15px 0 0 0; }

.hirae--heading {
  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; }

ol.kei_label_custom{
  counter-reset:list;
  list-style-type:none;
  position:relative;
  font: 14px/1.6 'Mv Boli', 'arial narrow', sans-serif;
  padding: 1.2em;
  background:#F2EFE7;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  width:340px;
}

/*サンプル
----------------------------------*/
.yokonarabi{
    display:flex;
}
.yokonarabi>div{
    width:50%;
}








/*ウッドデッキ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; }

.wood-merit-title { display: none; }
.merit--img--blank {vertical-align: bottom; }

.wooddeck-pc { width: 100%; height: auto; vertical-align: bottom;}

.img--wooddeck-price-sp { display: block; margin: 100px auto 0; }

.reason--title__wooddeck .img--wooddeck-price-sp {
  display: block;
  margin: 25px auto 0;
}

.wooddeck-merit-sp-img { display: none; }

.merit--img--blank1 { display: none; }

#list--wooddeck--characteristic4__sentence { display: block; margin: 30px 0;}


.wood-merit-maintitle { display: none; }



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

.blog-list-text-img {
	font-size: 20px;
	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: 20px;
}

.blog-list-text li {
	margin: 30px 140px;
	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(1) {
	width: 30%;
}

.blog-list-text li p:nth-of-type(3) {
	width: 40%;
	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; }

.ibaraki-title-sp {
  padding: 10px;
  width: 60%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: orange;
}
.text50n { display: none; }
#section--construct__title { display: none; }
/*雑草対策
----------------------------------*/
.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;
}



/* 汎用定義
-------------------------------------------- */
.container, .section { width: 1150px; }
.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: 100%;
background: #fff;}
#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, .popular-title { width:1150px; }
.popular-content-margin-bg {width: 1150px; margin: 10px auto 0;}
.construction-category-bg, .popular-bg
 { width: 1150px; margin: 50px auto 0}
#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;}

.media.news-contents{ width: 1000px; margin: 0 auto; }
#section--construct__rgt-frame-sp { display: none; }

.main-flex { width: 1150px; display: flex; justify-content: space-between; flex-wrap: wrap;}


/* FOOTER
---------------------------------- */
#ftr--btm__frame { width: 980px; }
footer .main-flex { width: 1150px; display: flex; justify-content: space-between; flex-wrap: nowrap; }
.main-flex-20 { width: 1150px; 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: 1150px;}
.ftr_bnr {margin: 50px auto;width: 1150px;}
.ftr_bnr div{ width: auto; margin:0 0 20px 0;}

#list--construct--sp.main-flex { display: none; }

.main-flex-20--sp { display: none; }

/* PAGE (ALL-PAGES)
---------------------------------- */
#container--page { margin: 45px auto 0; width: 1150px;}
#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: 1150px; }
/* RECRUIT */
#frame--recruit__inner { padding: 30px; width: 410px; }
/* LAWYER */
#dis-tbl--lawyer { margin: 25px 30px 90px; width: 920px; }
.estimate-form { 
	width: 915px; 
	display: flex;
}
.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: 650px; /*font-family: meiryo*/}
#list--wooddeck--characteristic2__sentence,#list--wooddeck--characteristic4__sentence { width: 520px; margin: 30px 0; /*font-family: meiryo*/}
.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: 100%; margin: 20px 0 0 0; }
.stamp-list-flex {width: 1000px; margin: 20px 0 0 0; }
.stamp-list-flex li{margin: 0 0 2% 0;}
.stamp-title-top-margin {width: 1000px; margin: 50px auto; }
.stamp-title-third { padding: 10px 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; }
#topimg--page { display: none; }
.stamp__first__img {
  display: none;
}
p.stamp-color-text, p.stamp-color-text10{ padding: 2%;font-weight: bold; text-align: center;}
p.stamp-color-text_oil, p.stamp-color-text10_oil{ padding: 2% 0; font-weight: bold; text-align: center; width:230px; }

p.stamp-color-text_ud{padding: 2%; font-weight: bold;}
#wooddeck--reason__2019 {
  width: 980px;
  margin: 40px auto;
}


#wooddeck--topbnr__2019 {
  background: #251e25;
  padding: 10px 0;
}

#wooddeck__slogan {
  display: block;
  font-size: 33px;
  color: #fff;
  text-align: center;
  /*font-family: sans-serif*/;
}

.wooddeck--topbnr__top {
  display: block;
}
.image--wooddeck__thumbnail {
  display: inline-block;
}
.image--wooddeck__thumbnail img{
  width: 229px;
  height: auto;
  display: block;
  padding: 11px 0 7px 10px;
}

#title--reason__wooddeck {
  display: block;
  font-size: 40px;
  font-family: EPSONPGOTHIC;
  color: #f7574b;
  padding: 50px 0 0 0;
  font-weight: bold;
  text-align: center;
}

#title--reason__wooddeck__merit {
  display: block;
  font-size: 30px;
  font-family: EPSONPGOTHIC;
  color: #f7574b;
  margin: 150px 0 0 0;
  font-weight: bold;
  text-align: center;
}

#title--reason__wooddeck__merit_sub {
  font-size: 33px;
  font-weight: bold;
  margin: 40px 0 30px 0;
}

.reason--title__wooddeck li {
  /*font-family: sans-serif;*/
  font-size: 33px;
  font-weight: bold;
  margin: 70px 0 30px 0;
}
.reason--wooddeck--Q_and_A {
  /*font-family: sans-serif;*/
  font-size: 15px;
  padding: 5px 0 0 0;
}

.reason--wooddeck--Q {
  margin-bottom: 15px;
}

.reason--wooddeck--comment {
  margin-top: 15px;
}

.reason--title__wooddeck ul li {
  display: inline-block;
  margin: initial;
}

.reason--title__wooddeck ul li img{
  width: 483px;
  display: block;
  height: auto;
  padding: 10px 2px;
}

#wooddeck--application-button {
  text-align: center;
  margin: 25px 0 0 0;
}

/*#wooddeck--application-button a {
  font-size: 28px;
  text-align: center;
  background: #7f2d00;
  padding: 5px 60px;
  color: #fff;
}*/

#wooddeck__voice #list--cat--voice li{
  height: 450px;
}

.bnr-sp { display: none; }
.top-margin10.u-width--main { display: none; }
.container--pc--stamping{ width: 1000px; margin: 0 auto; }
.container-stamping--sp { display: none; }
.img-sp-stamp { display: none; }
.stamp_merit_body p{ margin: 0 8%;}
#stamp__pattern { display: none; }

.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: 3em;
  font-weight: bold;
  margin-right: 10px;
}

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

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

/*新着情報
----------------------------------*/
.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: 100%;}
.news-title img{width: 96%;}
.top_youtube img { width: 80%;}
.top_youtube{ 
    width: auto;
    margin: 30px auto;
    text-align: center;
}
.top_youtube iframe{
    width: 800px;
    height: 400px;
}

/* 共通用
---------------------------------- */
.area-center { width: 980px; margin: 0 auto; }

.top-margin10 { margin: 10px 0 0 0; }
.top-margin15 { margin: 15px 0 0 0; }
.top-margin20, .top-margin--20 { 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; }

.add-banner img{
	width:100%;
	height: auto;
}
.add-banner-sp img{
	display: none;
}

.add-txt{
	margin-top: 70px;
    width: 85%;
    margin: 70px auto 0;
}

.note-banner img{
	width:100%;
}
.note-banner{
	margin:20px 0;
}
.bgc-fff{
position:relative;

}


/* 田中用
---------------------------------- */
.button11 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;
}

.button11 a::before {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px dashed #24722B;
  transition: 0.2s;
}

.button11 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.button11 a:hover::before {
  top: 0;
  left: 0;
}

.button11 a:hover {
  text-decoration: none;
  background-color: #a0c4d3;
}
/*-------------------追加*/
.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;
}


.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%;
	padding-bottom:20px;
}
.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 50px;
}



/*田中ブログ背景*/

.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;
}


/*　ーーーーーーーーーーーカーポート*/
.carport-case__block{
	display: flex;
	justify-content: space-between;
		flex-wrap: wrap;
	margin: 30px 0;
}
.carport-case__box{
	width: 31%;
}

.carport-case__box img{
	width: 100%;
}
.carport-case__box p{
	font-size: 18px;
}
.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;
}
.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;
  }
}
.margin-bottom {
	margin-bottom: 50px;
}

.line-contact-wrap {
	display: none;
}

.banner-wrap {
	margin:  10px auto;
	width: 95%;
	max-width: 1000px;
}
/*友田自作*/
.rgt_side_text {
	display: inline-block;
	vertical-align: middle;
}

.lft_side_image {
	display: inline-block;
}

/* 栃木県対応エリア */
.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;
	  	border: 1px solid #707070;
  }
}

.construction_details h3 {
	padding: 10px;
	margin-bottom: 0 !important;
		border: 1px solid #707070;
	border-bottom: none;
}

@media screen and (min-width: 768px) {
	.construction_details h3 {
			border:none;
			border-right: 1px solid #707070;
	}
}

.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: none;
    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: 40px; /* 2024/1/26変更前 45px */
/*    width: 350px; 2024/1/26非表示 */
    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;
}

/* カテゴリー
* --------------------------------------- */
.main-flex.archive-category__wrap{
	    gap: 10px;
    justify-content: flex-start;
}
.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;
}