@charset "shift_jis";

/*==================================================
　基本の設定
===================================*/
html {
  font-size: 62.5%;
}
body {
  color: #444;
  font-size: 1.4rem;
  font-family: メイリオ;
  line-height: 140%;
  background-color: #fff;
  margin: 0px;
}
div,p,dl,dt,dd,ul,li {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
li {list-style-type: none;}
a {color: #fff;}
a:hover,
a:active {text-decoration: none;}

/*==================================================
スライダーのためのcss
===================================*/
#slider {
  width: 100%;
  height: 25vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  margin: 0px 0px 0px auto;
}
#slider-area {
  position: relative;
  width: 100%;
}
.lead {
  position: absolute;
  height: 18vh;
  top: 30px;
  left: 10px;
  font-family: sans-serif;
  color: #000;
  font-family: serif;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 5px 2px 0px 5px;
}
.lead dt {
  font-size: 1.4rem;
  line-height: 180%;
}
.lead dt font {
  color: #8b0000;
  font-size: 1.8rem;
}

.lead dd {
  font-size: 1.1rem;
  line-height: 150%;
}
.wrapper {position: relative;}
.container {background:#555;}

/*==================================================
　ヘッダーの設定
===================================*/
/*-------- wrapper --------*/
.wrapper{
  position: relative;
  margin-bottom: 30px;
}
header {
  width: 100%;
  display: flex;
  background-color: #fff;
}
nav { display: none;}
h1 {
  width: 100%;
  color: #111;
  font-family: serif;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 150%;
  text-align: left;
  margin-left: 5px;
}
h1 span {
  display: inline-block;
  width: 8%;
  padding-top: 5px;
}
h1 span img {
  max-width: 100%;
  height: auto;
  margin-bottom: 5px;
}
/*-------- gnavi --------*/
/*-------- service --------*/
section#service {
  width: 100%;
  background: #006633;
  margin-bottom: 10px;
}
#service h2,
#service p {
  width: 95%;
  color: #fff;
  font-family: serif;
  text-align: center;
  margin: 0px auto;
}
#service h2 {
  font-size: 1.6rem;
  letter-spacing: 1px;
  padding-top: 10px;
}
#service p {
  font-size: 1.4rem;
  line-height:140%;
  padding: 5px 0px;
}
.service-area {
  width: 97%;
  background-color: #fff;
  padding-top: 10px;
}
.service-area ul {
  width: 100%;
  text-align: center;
}
.service-area li {
  display: inline-block;
  color: #111;
  font-size: 1.2rem;
  margin: 6px;
}
.service-area li span { white-space: nowrap;}

.btnlinestretches{ padding: 5px 5px;}


/*========= ヘッダー　トップページ以外の設定 ===============*/
/*-------- page_title --------*/
.page_title {
  width: 100%;
  height: 10vh;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #eee;
  background-size: 100%;
}
.main1 {background-image: url(../info2/main_img/img/main1.jpg);}
.main2 {background-image: url(../info2/main_img/img/main2.jpg);}
.main3 {background-image: url(../info2/main_img/img/main3.jpg);}
.page_title h2 {
  color: #000;
  font-family: serif;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 30px 0px 0px 10px;
}
.page_title h2 span.sikaku {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  background-color: #006633;
  margin: 5px 5px 0px 0px;
}
.page_title h2 span {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0px 1px;
}

/*==================================================
　フッターの設定
===================================*/
#footer,
#footer2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #006633;
}
.footer_l { width:100%; order:2;}
.footer_r { width:100%; order:1;}

/*========= フッター　トップページの設定 ===============*/
.footer_l {
  text-align: center;
  background-color: #ccc;
  padding-top: 10px;
}
.footer_l dl {
  color: #000;
  font-family: serif;
  padding-bottom: 5px;
}
.footer_l dt {
  font-size: 1.8rem;
  letter-spacing: 1px;
  padding-bottom: 5px;
}
.footer_l dd {
  font-size: 1.8rem;
  padding-bottom: 5px;
}
.footer_l dd span {
  font-size: 1.6rem;
}
.footer_l .copyright {
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  background-color: #333;
  padding: 5px 0px 10px 0px;
}
.footer_r ul {
  width: 95%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0px auto;
  padding: 5px;
}
.footer_r li.li1 {
  color: #fff;
  font-family: serif;
  font-size: 2rem;
  letter-spacing: 5px;
  text-align: center;
  padding: 10px 0px 10px 0px;
}
.footer_r li.li2 {
  width: 100%;
  color: #fff;
  font-family: serif;
  font-size: 1.4rem;
  line-height: 160%;
  padding: 5px 5px 0px 20px;
}
.footer_r li.li2 div {
  text-align: center;
  margin-top : 6px;
}
.footer_r li.li3 {
  width: 95%;
  height: 300px;
  padding-top: 10px;
  overflow: hidden;
  margin: 0px auto 20px auto;
}
.footer_r p { display: none;}

/*========= フッター　トップページ以外の設定 ===============*/
#footer2 {
  padding: 5px 0px 2px 0px;
}
#footer2 .footer_l {
  padding-top:10px;
}
#footer2 .add1 {
  height: 110px;
  text-align: center;
  background-color: #ccc;
}
#footer2 .add1 dt,
#footer2 .add1 dd {
  font-size: 1.6rem;
  padding-bottom:5px;
}
#footer2 .add1 dd {letter-spacing: 2px}
#footer2 .add1 span {
  font-size: 80%;
  padding-right: 5px;
  letter-spacing: 1px;
}
#footer2 .link_b {display: none}
#footer2 .copyright {
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  background-color: #333;
  padding: 5px 0px 15px 0px;
}

/*==================================================
　コンテンツの設定
===================================*/
#contents,
#contents2,
#contents3 {
  width: 95%;
  margin: 0px auto;
  padding: 5px 0px 10px 0px;
}
#contents3 { padding: 0px;}
#contents {
  display: flex;
  flex-direction: column;
}
#ct_left { width: 100%;}
#ct_main { width: 100%;}
#ct_right { width: 100%;}
#ct_left ul,
#ct_left dl {
  width: 80%;
  margin: 10px auto;
}
#contents2 h3 {
  width: 100%;
  color: #ff3300;
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 1px;
  background-image: url(../images/base2/ico_maru.gif);
  background-repeat: no-repeat;
  background-position: 0px -3px;
  margin: 5px auto;
  padding: 1px 0px 8px 25px;
}
#contents2 h4 {
  width: 80%;
  color: #C7007A;
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  border-style:solid
  border-color: #C7007A;
  border-width: 1px 0px 1px 0px;
  margin: 15px auto 0px auto;
  padding: 8px 0px 4px 0px;
}
#contents2 a {color: #0000cd;}
#contents2 a:hover {color: #dc143c;}

/*==================================================
　コンテンツの共通設定
===================================*/
font.s {
  font-size: 70%;
  letter-spacing: 1px;
}
.or {color: #ff3300;}
.nodisp {display: none;}
.dd_nodisp {display: none;}

/*-------- comment　コメント --------*/
.comment {
  width: 97%;
  margin: 10px auto 20px auto;
}
.comment dt {
  color: #006633;
  font-family: serif;
  font-size: 1.65rem;
  line-height: 130%;
  padding-bottom: 8px;
}
/*-------- catch　キャッチコピー --------*/
.catch,
.catch2 {
  width: 100%;
  color: #8b0000;
  font-size: 1.6rem;
  font-family: serif;
  font-weight: bold;
  line-height: 140%;
}
.catch2 {padding: 5px 0px 15px 0px;}
/*-------- maru　●印見出し --------*/
.maru dt {
  color: #ff3300;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 140%;
  background-image: url(../images/base2/ico_maru.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
  padding: 1px 0px 2px 30px;
}
/*-------- check　チェックボックス --------*/
.check {
  font-size: 1.4rem;
  line-height: 140%;
  background: #fff9f5;
  margin-bottom: 20px;
  padding: 5px;
}
.check span {
  background-image: url(../images/base2/ico_check.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 4px 0px 15px 25px;
}
/*-------- tokucho　特徴 --------*/
.tokucho {
  background: #fff9f5;
  padding: 5px;
  margin: 5px 0px 15px 0px;
}
.tokucho p,
.tokucho li {
  font-size: 1.4rem;
  line-height: 140%;
  background-repeat: no-repeat;
  background-position: 0px -1px;
  background-size: 50px;
  margin: 0px 0px;
  padding: 2px 0px 10px 55px;
}
.tokucho p { display: inline-block;}
.tokucho .t1{ background-image: url(../images/base2/ico_t1.gif);}
.tokucho .t2{ background-image: url(../images/base2/ico_t2.gif);}
.tokucho .t3{ background-image: url(../images/base2/ico_t3.gif);}
.tokucho .t4{ background-image: url(../images/base2/ico_t4.gif);}
.tokucho .t5{ background-image: url(../images/base2/ico_t5.gif);}
.tokucho .t6{ background-image: url(../images/base2/ico_t6.gif);}
.tokucho .t7{ background-image: url(../images/base2/ico_t7.gif);}
/*-------- riyuu　理由 --------*/
.riyuu {
  font-size: 1.4rem;
  line-height: 180%;
  background: #fff9f5;
  margin: 10px 0px 20px 0px;
  padding: 5px;
}
.riyuu p {
  display: inline-block;
  font-size: 110%;
  line-height: 140%;
  background-repeat: no-repeat;
  background-position: 0px -1px;
  background-size: 50px;
  margin: 0px 0px;
  padding: 2px 0px 10px 55px;
}
.riyuu p.r1{ background-image: url(../images/base2/ico_r1.gif);}
.riyuu p.r2{ background-image: url(../images/base2/ico_r2.gif);}
.riyuu p.r3{ background-image: url(../images/base2/ico_r3.gif);}
.riyuu p.r4{ background-image: url(../images/base2/ico_r4.gif);}
.riyuu p.r5{ background-image: url(../images/base2/ico_r5.gif);}
.riyuu p span {
  color: #006633;
  font-weight: bold;
  letter-spacing: 2px;
  background-image: none;
}
/*--------q_a--------*/
#q_a dl{
  width: 97%;
  background: #eee;
  border: dotted #666 2px;
  margin: 0px auto;
  padding: 10px 5px 0px 5px;
}
#q_a dt{
  color: #081f84;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 1px;
  background-image: url(../images/base2/ico_q.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 0px 0px 5px 35px;
}
#q_a dd{
  line-height:140%;
  background-image: url(../images/base2/ico_a.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin: 0px 0px 10px 5px;
  padding: 0px 0px 0px 35px;
}
/*-------- flow　工事の流れ（基礎）　耐震リフォームの流れ　完成までの流れ（セフティールーム） --------*/
#flow dl {
  width: 97%;
  margin: 0px auto 30px auto;
  border: solid silver 1px;
  padding: 10px;
}
#flow dt {
  color: #fff;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 120%;
  text-align: center;
  letter-spacing: 1px;
  background: #006633;
  padding : 4px 0px 4px 0px;
  margin-top: 10px;
}
#flow dt span {
  display: inline-block;
  font-size: 90%;
  font-weight: normal;
  letter-spacing: 1px;
  padding-right: 20px;
}
#flow dd.dd1 {
  padding: 5px 0px;
}
.ya { display: none;}
#flow dd.dd2 { text-align: center;}
#flow .dd2 img {
  border: solid #666 1px;
  max-width: 100%;
  height:auto;
}
.reform #flow dt {
  font-size: 1.4rem;
  padding-top: 5px;
}
.reform #flow dt.dt1 {
  letter-spacing: 5px;
}
.reform #flow dt span {
  font-size: 90%;
  font-style: italic;
  font-family:serif;
  padding-bottom: 5px;
}
.safety #flow dl {
  width:95%;
  margin-bottom: 20px;
}
.safety #flow dt { width: 100%;}
.safety #flow dd { width: 100%;}
.safety #flow dt { line-height: 160%;}
.safety #flow dd.dd1 {
  padding: 10px 0px 0px 10px;
}
.safety #flow p {
  line-height: 130%;
  padding-left: 10px;
}
.safety #flow .dd2 img { margin: 4px;}

/*--------example--------*/
#example ul {
  width: 95%;
  margin: 0px auto;
}
#example li {
  text-align: center;
  overflow: hidden;
  border: solid #666 1px;
  margin: 10px auto;
}
#example li img {
  height: 30vh;
  width: auto;
  margin: 2px;
}
#example li span {
  display: block;
  width: 100%;
  border-top: solid #666 1px;
  background: #eee;
  padding: 5px 5px;
}

/*==================================================
　トップページの設定
===================================*/
/*--------point　monsin--------*/
#point,
#monsin {
  width:95%;
  background-color: #f9f9f9;
  border: 1px solid #CCC;
  margin: 10px auto 20px auto;
  padding: 10px 5px;
}
#point h2,
#monsin h2 {
  width: 80%;
  color: #C7007A;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  border-style:solid
  border-color: #C7007A;
  border-width: 1px 0px 1px 0px;
  margin: 8px auto 15px auto;
  padding: 8px 0px 4px 0px;
}
#monsin h2 {
  width: 90%;
  color: #F75200;
  border-color: #F75200;
}
#point dl {
  width: 95%;
  margin: 5px auto;
  padding-bottom: 5px;
}
#monsin dl {
  width: 95%;
  margin: 5px auto;
}
#point dt,
#monsin dt {
  color: #C7007A;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 10px;
}
#monsin dt { color: #F75200;}
#point dd,
#monsin dd {
  padding-top: 5px;
  line-height:150%
}
#monsin dd {display: flex;}
#monsin dd span { display: inline-block;}
#monsin dd span.sp1 { width: 20%;}
#monsin dd span.sp2 {
  width: 80%;
  padding-left: 10px;
}
#monsin .sp1 img{
  max-width: 100%;
  height:auto;
  border: 1px solid #CCC;
  margin: 0px 6px 5px 0px;
}
/*----------banner----------*/
.banner {
  width: 80%;
  margin: 0px auto;
}
.banner li { padding: 5px 0px;}
.banner li img {
  max-width: 100%;
  height: auto;
}
/*----------info area----------*/
#info,
#area{
  margin: 10px 0px 20px 0px;
}
#info dl,
#area dl{
  border-style: solid;
  border-color: #00552e;
  border-width: 1px;
  margin-right: 20px;
  padding: 10px 5px;
}
#info dt,
#area dt{ color: #000;}
#info dd,
#area dd{ margin-bottom: 5px;}
#area dd{
  font-size: 90%;
  line-height: 130%;
}
#area { display:none;}

/*==================================================
　耐震補強のポイントページの設定
===================================*/
#point2 dl {
  width: 97%;
  margin:20px auto;
}
#point2 dt{
  color: #ff3300;
  font-size: 1.7rem;
  font-weight: bold;
  background-image: url(../images/base2/ico_maru.gif);
  background-repeat: no-repeat;
  background-position: 0px -3px;
  margin-top: 20px;
  padding: 1px 0px 5px 20px;
}
#point2 dd.dd1 {
  padding: 0px 5px 0px 5px;
}
#point2 dd.dd2,
#point2 dd.dd3 {text-align: center;}
#point2 dd.dd4 {
  width: 90%;
  color: #fff;
  text-align: center;
  background: #006633;
  border-radius: 20px;
  margin: 15px auto;
  padding: 10px 0px 10px 5px;
}
#point2 dd.dd2 img{
  max-width: 90%;
  border: solid #666 1px;
  margin: 10px 0px;
  padding: 5px;
}
#point2 .dd1 span{
  display: inline-block;
  color: #081f84;
  font-size: 110%;
  font-weight: 800;
  padding: 5px 0px;
}
#point2 .dd3 span{
  width: 90%;
  display: inline-block;
  color: #752100;
  text-align: left;
  vertical-align: text-top;
  padding: 0px 5px 0px 15px;
}
#point2 .dd4 a { text-decoration: none;}
#point2 .dd4 a:visited,
#point2 .dd4 a:link { color: #fff;}
#point2 .dd4 a:hover,
#point2 .dd4 a:active { color: #000;}

/*==================================================
　よみがえる床基礎ページの設定
===================================*/
/*--------kiso--------*/
#kiso{
  width: 100%;
  margin: 0px 0px;
}
#kiso dt {
  margin: 10px 0px;
}
#kiso dd.dd_right{
  width: 100%;
  text-align: center;
}
#kiso dd.dd_right img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
#kiso dd.dd_center {text-align: center;}
#kiso dd.dd_center img {
  border-width: 0px;
  margin: 5px 0px 10px 0px;
}

/*==================================================
　耐震改修・リフォームページの設定
===================================*/
/*--------reform--------*/
#reform dl{
  margin: 15px 0px 5px 0px;
}
#reform dd{

  margin-bottom: 15px;
  padding-left: 5px;
}
#reform dd img{
  float: right;
  width: 50%;
  border-style: solid;
  border-color: #666;
  border-width: 1px;
  margin: 0px 0px 5px 10px;
}
#reform dd span{
  display: inline-block;
  width: 90%;
  text-align: right;
  padding-top: 5px;
}
#reform dd p{
  display: inline-block;
  color: #111;
  padding: 5px 0px 0px 20px;
}
/*--------point3--------*/
#point3 {
  width: 95%;
  background: #f9f9f9;
  border: 2px dotted #CCC;
  margin: 20px auto 30px auto;
  padding: 5px 10px;
}
#point3 dl{margin-top: 15px;}
#point3 dt{
  color: #C7007A;
  font-size: 1.7rem;
  font-weight: bold;
}
#point3 dd{
  padding: 5px 0px 20px 15px;
}

/*==================================================
　セフティルーム・緊急避難室ページの設定
===================================*/
/*--------safety--------*/
#safety dl{
  width: 97%;
  margin: 15px auto;
}
#safety dd { width: 100%;}
#safety dd img {
  max-width: 90%;
  height: auto;
  border-style: solid;
  border-color: #666;
  border-width: 1px;
  margin: 5px;
}
#safety dd.check img {margin:5px 0px 10px 5%;}
#safety dd.dd1 img {
  max-width: 100%;
  height: auto;
}
#safety dd.tokucho { padding-top: 15px;}
#safety dd.tokucho p { padding: 0px 0px 15px 50px;}
/*--------ryokin--------*/
#ryokin {
  width: 95%;
  margin: 15px 0px;
  overflow: scroll;
}
#ryokin h4{
  color: #752100;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-align: center;
  padding: 5px 0px;
  border: 0px;
}
#ryokin table{
  border-style: solid;
  border-color: #47885e;
  border-width: 1px 0px 0px 1px;
  margin: 5px auto 20px auto;
}
#ryokin th,
#ryokin td{
  white-space: nowrap;
  border-style: solid;
  border-color: #47885e;
  border-width: 0px 1px 1px 0px;
}
#ryokin th{
  color: #000;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center;
  background-color: #c1d8ac;
  padding: 5px 2px 2px 2px;
}
#ryokin td{
  width: 100px;
  color: #222;
  font-size: 1.2rem;
  text-align: right;
  padding: 5px 2px 2px 0px;
}

/*==================================================
　耐震問診表ページの設定
===================================*/
/*--------　monsin　hantei　--------*/
#monsin2 ul {
  width: 95%;
  margin: 0px auto 30px auto;
}
#monsin2 li {
  width: 100%;
  margin-bottom: 30px;
}
#monsin2 li dl {
  width: 100%;
  vertical-align: top;
}
#monsin2 li p,
#monsin2 li.hantei p {
  width: 60%;
  margin: 0px auto;
}
#monsin2 li  p img,
#monsin2 li.hantei p img {
  max-width: 100%;
  height: auto;
  border: solid silver 1px;
  padding: 2px;
  margin-top: 20px;
}
#monsin2 dt,
#monsin2 li.hantei dt {
  color: #ff3300;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 130%;
  background-image: url(../images/monsin/bg_monsin.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 400px;
  margin-bottom: 2px;
  padding-bottom: 28px;
}
#monsin2 li.hantei dt {
  background-image: url(../images/monsin/bg_hantei.jpg);
}
#monsin2 dd {
  font-size: 1.6rem;
  line-height: 150%;
  border-bottom: dotted silver 1px;
  padding: 15px 0px 0px 10px;
}
#monsin2 dt span {
  display: inline-block;
  font-weight: normal;
  padding-right: 16px;
}
#monsin2 dd span,
#monsin2 li.hantei dd span {
  display: inline-block;
  width: 83%;
  border-right: dotted silver 1px;
  margin-right: 20px;
}

/*==================================================
　基礎・建物全面改造ページの設定
===================================*/
/*--------plan--------*/
#plan { margin-top: 20px;}
#plan dl {
  width: 97%;
  margin: 0px auto;
}
#plan dt {
  color: #081f84;
  font-size: 1.65rem;
  font-weight: bold;
  padding: 5px 0px;
}
#plan dd {
  border-bottom: dotted #00552e 1px;
  margin-bottom: 10px;
}
#plan dd p.img {
  width: 85%;
  margin: 0px auto 5px auto;
}
#plan dd p.kingaku {
  overflow: scroll;
  width: 100%;
  white-space: nowrap;
  margin: 10px 0px 0px 0px;
  padding: 5px;
}
#plan dd span{
  color: #250d00;
  font-size: 1.5rem;
  padding: 5px 0px;
}
#plan dd p{
  font-size: 95%;
  background-color: #ebf6f7;
  margin: 5px 0px 0px 10px;
  padding: 10px 15px;
}
#plan dd p span { color: green;}
#plan dd p.img img{
  max-width: 100%;
  border-width: 0px;
}
/*--------reform2--------*/
#reform2 dl {
  width: 97%;
  margin: 15px auto;
}
#reform2 dd.dd1 {
  font-size: 1.4rem;
  line-height: 140%;
  margin: 5px 0px 2px 5px;
}
#reform2 .dd1 p { margin-top: 5px;}
#reform2 dd.dd1 span,
#reform2 .check h5 {
  color: #081f84;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 1px;
}
#reform2 dd.dd2 {
  width: 95%;
  display: flex;
  flex-direction: column;
  margin: 10px auto 10px auto;
}
#reform2 dd.dd2 img {
  max-width: 100%;
  height: auto;
  border: solid #333 1px;
  margin-bottom: 10px;
}
#reform2 .check { width: 100%;}
#reform2 .check span {
  color: #fc8b05;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0px;
  margin-bottom: 5px;
  padding: 0px 0px 5px 25px;
  background-position: 0px -2px;
}
#reform2 .check p {
  display: block;
  line-height:130%;
  padding: 0px 0px 0px 5px;
}

/*==================================================
　施工例ページの設定
===================================*/
/*--------search--------*/
#search dl{
  width: 95%;
  margin: 0px auto;
}
#search dt{
  width: 50%;
  text-align: center;
  background-color: #eee;
  margin-bottom: 10px;
  padding: 5px 0px 5px 5px;
}
#search dd{
  width: 100%;
  letter-spacing: 1px;
  line-height: 160%;
  margin-bottom: 10px;
  padding: 5px 0px 5px 0px;
}
#search dd a{
  padding: 0px 2px 0px 5px;
}

/*==================================================
　ハイブリッド工法ページの設定
===================================*/
/*--------system--------*/
#system { margin: 20px 0px 30px 0px;}
#system dl {
  width: 95%;
  margin: 5px auto 20px auto;
}
#system dt{
  width: 70%;
  color: #fff;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 130%;
  text-align: center;
  border: solid #00552e 1px;
  vertical-align: middle;
  background: #007f1f;
  padding: 8px 0px;
}
#system dt span {
  display: block;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: 10px;
  padding-bottom: 10px;
}
#system dd {
  font-size: 1.45rem;
  line-height: 140%;
  padding: 4px 0px 5px 5px;
}
/*--------　tokutyo　--------*/
.hybrid .tokucho {
  width: 95%;
  margin: 0px  auto;
}
.hybrid .tokucho b { color: navy;}
/*--------　other　--------*/
#other {
  width: 95%;
  margin: 30px auto;
}
#other .dd_ph {
  width: 90%;
  margin: 5px auto;
}
#other .dd_ph img {
  max-width: 100%;
  height: auto;
}
#other .dd_com {
  line-height: 140%;
}

/*==================================================
　建て替えそっくりさんページの設定
===================================*/
#t_tokucho dt {
  background-image: url(../images/base2/ico_check.gif);
  background-repeat: no-repeat;
  background-position: 30px 2px;
  padding: 0px 0px 10px 65px;
}
#t_tokucho dl {
  width: 97%;
  background: #fff9f5;
  margin: 5px auto 0px auto;
  padding:10px;
}
#t_tokucho dt {
  color: #fc8b05;
  font-size: 1.6rem;
  line-height: 100%;
  background-position: 0px 0px;
  padding: 2px 0px 5px 30px;
}
#t_tokucho dd {
  line-height: 140%;
  margin-bottom: 10px;
  padding-left: 30px;
}
/*--------　other2　--------*/
#other2 {
  width: 97%;
  margin: 30px auto;
}
#other2 dt { margin-top: 20px;}
#other2 dd img {
  max-width: 100%;
  height: auto;
  margin: 5px;
}
#other2 .dd_ph {text-align: center;}
#other2 .dd_flex p {
  font-size: 1.4rem;
  line-height:140%;
  margin-top: 5px;
}
#other2 .dd_flex p img {
  max-width: 90%;
  margin: 0px auto;
}
/*--------　t_flow　--------*/
#t_flow dl {
  width: 95%;
  display: flex;
  flex-direction: column;
  background: #f5fffa;
  border: dotted #666 2px;
  margin: 10px auto 0px auto;
  padding: 10px;
}
#t_flow dt{ width: 100%;}
#t_flow dd{ width: 100%;}
#t_flow dt{
  color: #fff;
  font-size: 1.6rem;
  line-height: 120%;
  letter-spacing: 4px;
  text-align: center;
  border: solid #00552e 1px;
  background: #007f1f;
  margin-top: 5px;
  padding: 4px 0px;
}
#t_flow dt span{ letter-spacing: normal;}
#t_flow dd{
  font-size: 1.45rem;
  line-height: 140%;
  padding-top: 4px;
}
#t_flow .ya { height:20px;}

/*==================================================
　会社概要・コンセプトページの設定
===================================*/
.company .comment p {
  width: 80%;
  margin: 10px auto 30px auto;
}
.company .comment p img {
  max-width:100%;
  height:auto;
  border: solid #666 1px;
}
/*--------gaiyo--------*/
#gaiyo dl {
  width: 90%;
  font-size: 1.45rem;
  line-height: 150%;
  background: #f0fff0;
  border-style: solid;
  border-color: #00552e;
  border-width: 1px 1px 0px 1px;
  margin: 10px auto 30px auto;
}
#gaiyo dt {
  color: #111;
  font-weight: normal;
  letter-spacing: 4px;
  text-align: left;
  border-bottom: solid #00552e 1px;
  padding: 5px 0px 5px 10px;
}
#gaiyo dd {
  letter-spacing: 1px;
  background-color: #fff;
  border-bottom: solid #00552e 1px;
  padding: 5px 0px 5px 10px;
}
/*--------concept--------*/
#concept {
  width: 90%;
  font-size: 1.45rem;
  line-height:160%;
  background: #fff9f5;
  border: dotted #666 2px;
  margin: 0px auto;
  padding: 15px;
}

/*==================================================
　お問い合わせ・資料請求・土地探し依頼ページの設定
===================================*/
/*----------　form　----------*/
#form ul {
  width: 90%;
  border-style: solid;
  border-color: #00552e;
  border-width: 1px 1px 0px 1px;
  margin: 10px auto 20px auto;
  overflow: auto;
}
#form li {
  list-style-type: none;
  color: #333;
  border-bottom: solid #00552e 1px;
  background: #f0fff0;
}
#form li span.sp1 {
  display: block;
  width: 50%;
  text-align: center;
  padding: 8px 0px 4px 0px;
  margin-right: 10px;
}
#form li span.sp2 {
  display: block;
  width: 100%;
  background: #fff;
  padding: 6px 0px 0px 15px;
}
input,
textarea {
  border: solid silver 1px;
  padding: 5px 10px;
  margin-bottom: 5px;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] { margin: 5px 5px 7px 0px;}
input[type="button"],
input[type="submit"],
input[type="reset"] {
  background-image: linear-gradient(0deg, #c9f4c9, #edfbed); /* グラデーション */
  border: 1px solid #00552e; /* 枠線 */
  border-radius: 0.3em;      /* 角丸 */
}
.rs{
  color: #FF0000;
  font-size: 12px;
  font-weight: normal;
  padding-left: 5px;
}
#form p,
#form2 p {
  width: 100%;
  text-align: center;
  margin: 0px auto 30px auto;
}
/*----------privacy----------*/
#privacy dl{
  width: 90%;
  border: dotted #00552e 2px;
  background: #f0fff0;
  padding: 15px;
  margin: 30px auto 30px auto;
}
#privacy dt{
  color: #222;
  font-size: 1.6rem;
  letter-spacing: 2px;
  margin-bottom: 7px;
}
#privacy dd{
  color: #333;
  line-height: 140%;
  padding: 0px 0px 10px 15px;
}

/*==================================================
　防災関連リンク集ページの設定
===================================*/
/*--------link--------*/
#link h3{
  width: 80%;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 5px;
  text-align: center;
  border: solid #00552e 1px;
  background: #47885e;
  margin: 0px auto;
  padding: 10px 0px 5px 0px;
  background-image: none;
}
#link dl{
  width: 90%;
  margin: 10px auto 30px auto;
}
#link dt{
  font-size: 1.8rem;
  line-height: 100%;
  font-weight: 600;
  letter-spacing: 1px;
  background-image: url(../images/base2/ico_yajirusi.png);
  background-repeat: no-repeat;
  background-position: 0px 10px;
  padding: 10px 0px 5px 30px;
}
#link dd{
  font-size: 1.45rem;
  line-height: 150%;
  margin-bottom: 10px;
  padding-left: 15px;
}
#link dt a:visited,
#link dt a:link{ color: #00552e;}
#link dt a:hover,
#link dt a:active{ color: #c9171e;}

/*==================================================
　サイトマップページの設定
===================================*/
/*--------　sitemap　--------*/
#sitemap {
  width: 90%;
  display: flex;
  flex-direction: column;
  margin: 20px auto;
}
#sitemap_l ul.ul1 {
  padding-bottom: 30px;
}
#sitemap_l ul.ul2,
#sitemap_r ul.ul2 {
  margin: 10px 0px 0px 10px;
}
#sitemap li {
  line-height: 140%;
  background-image: url(../images/base2/yajirusi.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 0px 0px 5px 25px;
}

/*==================================================
　施工例詳細ページの設定
===================================*/
/*--------　contents3　--------*/
#contents3 h2 {
  width: 100%;
}
#contents3 h2 img {
  width: 100%;
}
#link_t{
  text-align: right;
  margin: 0px;
  padding: 5px 10px 0px 0px;
}
#contents3 a {color: #0000cd;}
#contents3 a:hover {color: #dc143c;}

/*--------example_s--------*/
#example_s {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  margin: 15px auto;
}
#example_s p {
  width: 100%;
  text-align: center;
}
#example_s .photo,
#example_s .photo2,
#example_s .info,
#example_s .hiyou { width: 100%;}
#example_s p img {
  height: 38vh;
  border: solid #666 1px;
  margin-bottom: 10px;
}
#example_s ul.photo,
#example_s ul.photo2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #efefef;
  padding-top: 10px;
}
#example_s .photo li,
#example_s .photo2 li { width:45%;}
#example_s .photo li img,
#example_s .photo2 li img {
  width: 100%;
  height: 15vh;
  object-fit: cover;
  border: solid #666 1px;
  margin-bottom: 6px;
}
#example_s .photo li span,
#example_s .photo2 li span {
  display: block;
  font-size: 1.3rem;
  line-height:130%;
  padding-bottom: 6px;
}
#example_s .photo li span font,
#example_s .photo2 li span font {
  color: navy;
  font-weight:bold;
}
/*--------info--------*/
#example_s .info { margin-top: 40px;}
.info dt {
  color: #ff3300;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 140%;
}
.info dd.dd0 {
  text-align: right;
  padding-right: 10px;
}
.info .dd2 table {
  width: 100%;
  border: solid #666 1px;
  border-collapse: collapse;
  margin-top: 12px;
  overflow: auto;
}
.info .dd2 th {
  white-space: nowrap;
  color: #000;
  font-weight: normal;
  text-align: center;
  letter-spacing: 2px;
  vertical-align: middle;
  border: solid #666 1px;
  background: #f0fff0;
  padding: 5px 5px 2px 5px;
}
.info .dd2 td {
  border: solid #666 1px;
  padding: 5px 0px 2px 5px;
}
/*--------hiyou--------*/
#example_s .hiyou { width: 100%;}
.hiyou table {
  width:100%;
  border: solid #666 1px;
  border-collapse: collapse;
  margin-top: 30px;
  overflow: auto;
}
.hiyou th {
  color: #000;
  font-weight: normal;
  text-align: left;
  border: solid #666 1px;
  background: #f0fff0;
  padding: 5px 5px 2px 5px;
}
.hiyou td {
  text-align: right;
  border: solid #666 1px;
  padding: 5px 5px 2px 0px;
}
.hiyou th.th2 {
  text-align: right;
}