@charset "shift_jis";

/*==================================================
　基本の設定
===================================*/
html {
  font-size: 62.5%;
}
body {
  color: #444;
  font-size: 1.5rem;
  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: 90%;
  height: 50vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  margin: 0px 0px 0px auto;
}
#slider-area {
  position: relative;
  width: 100%;
}
.lead {
  position: absolute;
  height: 40vh;
  top: 20%;
  left: 40px;
  font-family: sans-serif;
  color: #000;
  letter-spacing: 2px;
  background-color: rgba(255, 255, 255, .3);
  padding: 5px 20px 0px 0px;
}
.lead dt {
  font-family: serif;
  font-size: 3rem;
  line-height: 180%;
}
.lead dt font {
  color: #8b0000;
  font-size: 4.8rem;
}
.lead dd {
  font-family: serif;
  font-size: 2rem;
  line-height: 160%;
}
#slider h1{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size:4rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
}
.wrapper {position: relative;}
.container {background:#555;}

/*==================================================
　ヘッダーの設定
===================================*/
/*-------- wrapper --------*/
.wrapper{
  position: relative;
  margin-bottom: 60px;
}
header {
  width: 100%;
  display: flex;
  background-color: #fff;
}
nav { width: 70%;}
h1 {
  width: 30%;
  color: #111111;
  font-family: serif;
  font-size: 2.1rem;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 150%;
  text-align: center;
}
h1 span {
  display: inline-block;
  width: 10%;
  padding-top: 10px;
}
h1 span img {
  max-width: 100%;
  height: auto;
}
/*-------- gnavi --------*/
.gnavi {
  display: flex;
  flex-wrap: wrap;/*スマホ表示折り返し用なのでPCのみなら不要*/
  list-style: none;
  font-size: 1.6rem;
  margin: 15px 0px 10px 25px;
}
.gnavi li a {
  display: block;
  padding:5px 5px;
  text-decoration: none;
  color: #333;
}
/*-------- service --------*/
section#service {
  position: relative;
  width: 90%;
}
#service h2,
#service p {
  width: 100%;
  color: #fff;
  font-family: serif;
  text-align: center;
  background: #006633;
}
#service h2 {
  font-size: 2.4rem;
  letter-spacing: 3px;
  padding-top: 30px;
}
#service p {
  font-size: 2.0rem;
  letter-spacing: 1px;
  padding: 20px 0px 120px 0px;
}
.service-area {
  position: absolute;
  top: 120px;
  right: 120px;
  z-index: 12;
  width: 95%;
  background-color: #fff;
}
.service-area ul {
  width: 90%;
  height: 90px;
  text-align: center;
  margin: 10px auto 10px auto;
}
.service-area li {
  display: inline-block;
  color: #111;
  font-size: 1.7rem;
  letter-spacing: 1px;
  margin: 10px;
}
.service-area li span {
  line-height: 40px;
  white-space: nowrap;
}
/*========= ヘッダー　トップページ以外の設定 ===============*/
/*-------- page_title --------*/
.page_title {
  width: 100%;
  height: 100px;
  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: 3rem;
  font-weight: bold;
  letter-spacing: 5px;
  padding: 40px 0px 0px 100px;
}
.page_title h2 span.sikaku {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background-color: #006633;
  margin: 5px 5px 0px 0px;
}
.page_title h2 span {
  background-color: rgba(255, 255, 255, .5);
  padding: 0px 10px 0px 10px;
}

/*==================================================
　フッターの設定
===================================*/
#footer,
#footer2 {
  display: flex;
  width: 100%;
  background: #006633;
}
.footer_l {
  width:25%;
  order:1;
}
.footer_r {
  width:75%;
  order:2;
}
/*========= フッター　トップページの設定 ===============*/
.footer_l {
  text-align: center;
  background-color: #ccc;
  padding-top: 40px;
}
.footer_l dl {
  color: #000;
  font-family: serif;
  padding-bottom: 40px;
}
.footer_l dt {
  font-size: 2rem;
  letter-spacing: 1px;
  padding-bottom: 20px;
}
.footer_l dd {
  font-size: 2.2rem;
  padding-bottom: 20px;
}
.footer_l dd span {
  font-size: 1.6rem;
}
.footer_l .copyright {
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  background-color: #333;
  padding: 50px 0px 50px 0px;
}
.footer_r ul {
  width: 95%;
  display: flex;
  overflow: hidden;
  margin: 0px auto 0px auto;
}
.footer_r li {
  display: inline-block;
  list-style-type: none;
}
.footer_r li.li1 {
  writing-mode:vertical-rl;
  color: #fff;
  font-family: serif;
  font-size: 2.2rem;
  letter-spacing: 5px;
  padding-top: 60px;
}
.footer_r li.li2 {
  color: #fff;
  font-family: serif;
  font-size: 1.55rem;
  line-height: 220%;
  padding: 80px 10px 0px 30px;
}
.footer_r li.li2 div {
  text-align: center;
  margin: 20px 10px 0px 0px;
}
.footer_r li.li3 {
  height: 300px;
  padding-top: 10px;
  overflow: hidden;
}
.footer_r p {
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  padding: 10px 0px 20px 0px;
}
.footer_r p a {
  display: inline-block;
  padding: 0px 5px 0px 5px;
}
/*========= フッター　トップページ以外の設定 ===============*/
#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.8rem;
  letter-spacing: 1px;
  padding-bottom:5px;
}
#footer2 .add1 span {
  font-size: 80%;
  padding-right: 5px;
}
#footer2 .link_b {
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  padding: 7px 0px 10px 0px;
}
#footer2 .link_b a {
  display: inline-block;
  padding: 0px 10px 0px 10px;
}
#footer2 .copyright {
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  background-color: #333;
  padding: 15px 0px 45px 0px;
}

/*==================================================
　コンテンツの設定
===================================*/
#contents,
#contents2,
#contents3 {
  width: 95%;
  margin: 0px auto;
  padding: 20px 0px 40px 0px;
}
#contents3 {
  padding: 0px;
}
#contents {
  display: flex;
  justify-content: space-around;
}
#ct_left { width: 32%;}
#ct_main { width: 45%;}
#ct_right { width: 20%;}
#ct_left ul,
#ct_left dl {
  width: 80%;
  margin: 20px auto;
}
#contents2 h3 {
  width: 90%;
  color: #ff3300;
  font-size: 130%;
  font-weight: bold;
  letter-spacing: 2px;
  background-image: url(../images/base2/ico_maru.gif);
  background-repeat: no-repeat;
  background-position: 0px -3px;
  margin: 10px auto;
  padding: 1px 0px 8px 30px;
}
#contents2 h4 {
  width: 40%;
  color: #C7007A;
  font-size: 130%;
  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;}
/*-------- comment　コメント --------*/
.comment {
  width: 90%;
  margin: 20px auto 60px auto;
}
.comment dt {
  color: #006633;
  font-family: serif;
  font-size: 2.6rem;
  letter-spacing: 2px;
  line-height: 250%;
}
.comment dd {
  font-size: 1.7rem;
  letter-spacing: 1px;
  line-height: 160%;
}
/*-------- catch　キャッチコピー --------*/
.catch,
.catch2 {
  width: 100%;
  color: #8b0000;
  font-size: 2.0rem;
  font-family: serif;
  font-weight: bold;
  text-align:center;
}
.catch2 {padding: 10px 0px 30px 0px;}
/*-------- maru　●印見出し --------*/
.maru dt {
  color: #ff3300;
  font-size: 130%;
  font-weight: bold;
  line-height: 140%;
  letter-spacing: 2px;
  background-image: url(../images/base2/ico_maru.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
  margin-right: 10p;
  padding: 1px 0px 2px 30px;
}
/*-------- check　チェックボックス --------*/
.check {
  font-size: 1.8rem;
  letter-spacing: 2px;
  line-height: 200%;
  background: #fff9f5;
  margin-bottom: 50px;
  padding: 10px;
}
.check span {
  background-image: url(../images/base2/ico_check.gif);
  background-repeat: no-repeat;
  background-position: 18px 0px;
  margin-bottom: 5px;
  padding: 2px 0px 10px 48px;
}
.check img {
  float: right;
}
/*-------- tokucho　特徴 --------*/
.tokucho {
  background: #fff9f5;
  padding: 20px;
  margin: 10px 0px 60px 0px;
}
.tokucho p,
.tokucho li {
  font-size: 1.8rem;
  line-height: 160%;
  background-repeat: no-repeat;
  background-position: 0px -1px;
  margin: 0px 10px 0px 20px;
  padding: 15px 0px 15px 70px;
}
.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.6rem;
  line-height: 180%;
  background: #fff9f5;
  margin: 10px 0px 60px 0px;
  padding: 20px;
}
.riyuu p {
  display: inline-block;
  font-size: 110%;
  line-height: 140%;
  background-repeat: no-repeat;
  background-position: 0px -1px;
  margin: 0px 10px 5px 20px;
  padding: 2px 0px 10px 70px;
}
.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: 90%;
  background: #eee;
  border: dotted #666 2px;
  margin: 0px auto;
  padding: 50px;
}
#q_a dt{
  color: #081f84;
  font-size: 1.9rem;
  font-weight: 600;
  letter-spacing: 1px;
  background-image: url(../images/base2/ico_q.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 5px 0px 5px 40px;
}
#q_a dd{
  font-size: 1.7rem;
  line-height: 170%;
  background-image: url(../images/base2/ico_a.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin: 0px 0px 25px 20px;
  padding: 5px 0px 5px 40px;
}
/*-------- flow　工事の流れ（基礎）　耐震リフォームの流れ　完成までの流れ（セフティールーム） --------*/
#flow dl {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto 60px auto;
  border: solid silver 1px;
  padding: 40px 40px;
}
#flow dt { width: 20%;}
#flow dd.dd1 { width: 60%;}
#flow dd.dd2 { width: 20%;}
#flow dt,
#flow dd { height: 130px;}
#flow dt {
  color: #fff;
  font-size: 2.0rem;
  font-weight: normal;
  line-height: 130%;
  letter-spacing: 5px;
  text-align: center;
  border-radius: 50%;
  background: #006633;
  padding-top : 20px;
  margin-bottom: 30px;
}
#flow dt span {
  display: block;
  font-size: 80%;
  font-weight: normal;
  letter-spacing: 1px;
}
#flow dd.dd1 {
  font-size: 1.6rem;
  letter-spacing: 1px;
  padding: 10px 50px 0px 40px;
}
.ya {
  display: block;
  width: 50%;
  height: 50px;
  background-image: url(../images/base2/bg_yajirusi.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
}
#flow dd.dd2 { text-align: center;}
#flow .dd2 img {
  height: 130px;
  border: solid #666 1px;
}
.reform #flow dt {
  font-size: 1.8rem;
  letter-spacing: 1px;
  padding-top : 10px;
}
.reform #flow dt span {
  font-size: 90%;
  font-style: italic;
  font-family:serif;
  padding-bottom: 10px;
}
.safety #flow dl {
  width:80%;
  margin-bottom: 20px;
}
.safety #flow dt { width: 18%;}
.safety #flow dd.dd1 { width: 32%;}
.safety #flow dd.dd2 { width: 50%;}
.safety #flow dt { line-height: 160%;}
.safety #flow dd.dd1 {
  font-size: 1.7rem;
  padding: 20px 0px 0px 40px;
}
.safety #flow p {
  line-height: 150%;
  padding-left: 25%;
}
/*--------example--------*/
#example ul {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto;
}
#example li {
  width: 24%;
  text-align: center;
  overflow: hidden;
  border: solid #666 1px;
  margin: 5px;
}
#example li img {
  height: 240px;
  width: auto;
  margin: 2px;
}
#example li span {
  display: block;
  width: 100%;
  height: 50px;
  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 40px auto;
  padding-top: 10px;
}
#point h2,
#monsin h2 {
  width: 70%;
  color: #C7007A;
  font-size: 130%;
  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;
}
#monsin h2 {
  color: #F75200;
  border-color: #F75200;
}
#point dl {
  width: 90%;
  margin: 10px auto;
  padding-bottom: 100px;
}
#monsin dl {
  width: 90%;
  margin: 10px auto;
}
#point dt,
#monsin dt {
  color: #C7007A;
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 15px;
}
#monsin dt { color: #F75200;}
#point dd,
#monsin dd {
  padding-top: 5px;
  line-height:160%
}
#monsin dd {display: flex;}
#monsin dd span { display: inline-block;}
#monsin dd span.sp1 { width: 20%;}
#monsin dd span.sp2 {
  width: 80%;
  padding: 10px 0px 0px 20px;
}
#monsin .sp1 img{
  max-width: 100%;
  height:auto;
  border: 1px solid #CCC;
  margin: 0px 6px 5px 0px;
}
/*----------banner----------*/
.banner li {
  padding: 7px 0px 7px 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%;
}

/*==================================================
　耐震補強のポイントページの設定
===================================*/
#point2 {
  width: 90%;
  margin:40px auto;
}
#point2 dl { width: 100%;}
#point2 dt{
  color: #ff3300;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 2px;
  background-image: url(../images/base2/ico_maru.gif);
  background-repeat: no-repeat;
  background-position: 0px -3px;
  margin: 50px 10px 0px 0px;
  padding: 1px 0px 8px 30px;
}
#point2 dd.dd1 {
  font-size: 1.8rem;
  line-height: 160%;
  margin: 5px 0px 0px 0px;
  padding: 0px 10px 0px 25px;
}
#point2 dd.dd2,
#point2 dd.dd3 {text-align: center;}
#point2 dd.dd4 {
  width: 50%;
  color: #fff;
  text-align: center;
  background: #006633;
  border-radius: 20px;
  margin: 15px auto;
  padding: 10px 0px 10px 10px;
}
#point2 dd.dd2 img{
  border: solid #666 1px;
  margin: 20px 0px;
  padding: 5px;
}
#point2 .dd1 span{
  color: #081f84;
  font-size: 110%;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 0px 5px;
}
#point2 .dd3 span{
  display: inline-block;
  width: 350px;
  color: #752100;
  text-align: left;
  vertical-align: text-top;
  padding: 0px 10px 0px 30px;
}
#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: 90%;
  margin: 30px auto;
}
#kiso dd.dd_right{
  float: right;
  width: 25%;
  text-align: right;
}
#kiso dd.dd_right img {
  max-width: 100%;
  height: auto;
  border-width: 0px;
  margin: 20px 20px 0px 0px;
}
#kiso dd.dd_center {text-align: center;}
#kiso dd.dd_center img {
  border-width: 0px;
  margin: 5px 0px 10px 0px;
}

/*==================================================
　耐震改修・リフォームページの設定
===================================*/
/*--------reform--------*/
#reform dl{
  margin: 30px 0px 10px 35px;
}
#reform dd{
  font-size: 1.7rem;
  line-height: 180%;
  margin: 0px 20px 30px 0px;
  padding-left: 20px;
}
#reform dd img{
  float: right;
  width: 30%;
  border-style: solid;
  border-color: #666;
  border-width: 1px;
  margin: 0px 0px 5px 30px;
}
#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: 68%;
  background: #f9f9f9;
  border: 2px dotted #CCC;
  margin: 50px auto 60px auto;
  padding: 20px 40px 40px 40px;
}
#point3 dl{margin-top: 20px;}
#point3 dt{
  color: #C7007A;
  font-size: 2.0rem;
  font-weight: bold;
  letter-spacing: 2px;
}
#point3 dd{
  font-size: 1.7rem;
  line-height: 160%;
  padding: 5px 0px 30px 15px;
}

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

/*==================================================
　耐震問診表ページの設定
===================================*/
/*--------　monsin　hantei　--------*/
#monsin2 {
  width: 80%;
  margin: 0px auto 50px auto;
}
#monsin2 ul { width: 100%;}
#monsin2 li {
  display: table;
  width: 100%;
  margin-bottom: 30px;
}
#monsin2 li dl {
  display: table-cell;
  width: 65%;
  vertical-align: top;
}
#monsin2 li p {
  display: table-cell;
  width: 35%;
  vertical-align: top;
}
#monsin2 li  p img,
#monsin2 li.hantei p img {
  width: 150px;
  height: auto;
  border: solid silver 1px;
  padding: 2px;
  margin: 20px 0px 0px 50px;
}
#monsin2 dt,
#monsin2 li.hantei dt {
  color: #ff3300;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
  background-image: url(../images/monsin/bg_monsin.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  margin-bottom: 16px;
  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: 85%;
  border-right: dotted silver 1px;
  margin-right: 25px;
}

/*==================================================
　基礎・建物全面改造ページの設定
===================================*/
/*--------plan--------*/
#plan { margin-top: 30px;}
#plan dl {
  width: 90%;
  margin: 0px auto;
}
#plan dt {
  color: #081f84;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 20px 0px 10px 0px;
}
#plan dd {
  font-size: 1.8rem;
  line-height: 160%;
  border-bottom: dotted #00552e 1px;
  margin-bottom: 20px;
}
#plan dd p.img {
  float: right;
  width: 30%;
}
#plan dd span{
  color: #250d00;
  font-size: 105%;
}
#plan dd p{
  font-size: 95%;
  background-color: #ebf6f7;
  margin: 10px 0px 0px 30px;
  padding: 10px 15px;
}
#plan dd p span{ color: green;}
#plan dd p.img img{
  max-width: 100%;
  border-width: 0px;
}
/*--------reform2--------*/
#reform2 dl {
  width: 90%;
  margin: 60px auto;
}
#reform2 dd.dd1 {
  font-size: 1.8rem;
  line-height: 150%;
  margin: 20px 0px 10px 20px;
}
#reform2 .dd1 p {
  margin-top: 5px;
}
#reform2 dd.dd1 span,
#reform2 .check h5 {
  color: #081f84;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 2px;
}
#reform2 dd.dd2 {
  display: flex;
  text-align: center;
  margin: 20px 0px 30px 20px;
}
#reform2 dd.dd2 img {
  height: 270px;
  border: solid #333 1px;
  margin: 0px 10px 10px 0px;
}
#reform2 .check { width: 75%;}
#reform2 .check span {
  color: #fc8b05;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 5px 48px;
}
#reform2 .check p {
  display: block;
  line-height:140%;
  padding-left: 48px;
  margin: 0px 0px 0px 0px;
}

/*==================================================
　施工例ページの設定
===================================*/
/*--------search--------*/
#search dl{
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0px auto;
}
#search dt{
  width: 15%;
  font-size: 1.6rem;
  text-align: right;
  background-color: #eee;
  margin: 0px 10px 10px 0px;
  padding: 5px 0px 5px 5px;
}
#search dd{
  width: 84%;
  font-size: 1.6rem;
  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 60px 0px;
}
#system dl {
  display: table;
  width: 90%;
  margin: 10px auto 20px auto;
}
#system dt,
#system dd {display: table-cell;}
#system dt {width: 18%}
#system dd {width: 82%}
#system dt{
  color: #fff;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 130%;
  text-align: center;
  border: solid #00552e 1px;
  vertical-align: middle;
  background: #007f1f;
  margin: 0px 15px 10px 0px;
  padding: 15px 0px;
}
#system dt span {
  display: block;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: 10px;
  padding-bottom: 10px;
}
#system dd {
  font-size: 1.8rem;
  line-height: 140%;
  letter-spacing: 1px;
  padding: 10px 0px 5px 30px;
}
/*--------　tokutyo　--------*/
.hybrid .tokucho {
  width: 90%;
  margin: 0px  auto;
}
.hybrid .tokucho b { color: navy;}
/*--------　other　--------*/
#other {
  width: 90%;
  margin: 60px  auto;
}
#other dl {
  display: flex;
  flex-wrap: wrap;
}
#other dt {width: 100%;}
#other .dd_ph { width: 30%;}
#other .dd_com { width: 70%;}
#other .dd_ph img {
  max-width: 100%;
  height: auto;
  padding: 10px;
}
#other .dd_com {
  font-size: 2rem;
  line-height: 180%;
  padding-left: 30px;
}

/*==================================================
　建て替えそっくりさんページの設定
===================================*/
#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: 90%;
  background: #fff9f5;
  margin: 10px auto 0px auto;
  padding:30px;
}
#t_tokucho dt {
  color: #fc8b05;
  font-size: 1.9rem;
  line-height: 100%;
  background-position: 0px 0px;
  padding: 2px 0px 5px 30px;
}
#t_tokucho dd {
  font-size: 1.7rem;
  line-height: 140%;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 30px;
}
/*--------　other2　--------*/
#other2 {
  width: 90%;
  margin: 60px auto;
}
#other2 dt { margin-top: 50px;}
#other2 dd img {
  max-width: 100%;
  height: auto;
  margin: 10px;
}
#other2 .dd_ph {text-align: center;}
#other2 .dd_flex {
  display: flex;
  justify-content: center;
}
#other2 .dd_flex p { width: 46%;}
#other2 .dd_flex p {
  font-size: 1.7rem;
  line-height:170%;
  margin-top: 10px;
}
/*--------　t_flow　--------*/
#t_flow dl {
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #f5fffa;
  border: dotted #666 2px;
  margin: 10px auto 0px auto;
  padding: 20px;
}
#t_flow dt{ width: 22%;}
#t_flow dd{ width: 70%;}
#t_flow dt{
  height: 60px;
  color: #fff;
  font-size: 1.9rem;
  line-height: 120%;
  letter-spacing: 2px;
  text-align: center;
  border: solid #00552e 1px;
  background: #007f1f;
  margin-top: 15px;
  padding-top: 15px;
}
#t_flow dt span{ letter-spacing: normal;}
#t_flow dd{
  font-size: 1.8rem;
  line-height: 140%;
  padding-top: 6px;
  margin-top: 15px;
}
#t_flow .ya { height:35px;}

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

/*==================================================
　お問い合わせ・資料請求・土地探し依頼ページの設定
===================================*/
/*----------　form　----------*/
#form ul {
  width: 70%;
  border-style: solid;
  border-color: #00552e;
  border-width: 1px 1px 0px 1px;
  margin: 40px auto 20px auto;
}
#form li {
  list-style-type: none;
  color: #333;
  font-size: 1.6rem;
  border-bottom: solid #00552e 1px;
  background: #f0fff0;
}
#form li span.sp1 {
  display: inline-block;
  width: 22%;
  text-align: center;
  padding: 8px 0px 4px 0px;
  margin-right: 10px;
}
#form li span.sp2 {
  display: inline-block;
  width: 75%;
  background: #fff;
  border-left: solid #00552e 1px;
  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: 50%;
  text-align: center;
  margin: 0px auto 60px auto;
}
/*----------privacy----------*/
#privacy dl{
  width: 70%;
  border: dotted #00552e 2px;
  background: #f0fff0;
  padding: 20px;
  margin: 50px auto 40px auto;
}
#privacy dt{
  color: #222;
  font-size: 1.8rem;
  letter-spacing: 2px;
  margin-bottom: 7px;
}
#privacy dd{
  color: #333;
  font-size: 1.8rem;
  line-height: 140%;
  padding: 0px 0px 20px 20px;
}

/*==================================================
　防災関連リンク集ページの設定
===================================*/
/*--------link--------*/
#link h3{
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 5px;
  text-align: center;
  border: solid #00552e 1px;
  background: #47885e;
  margin: 10px 10px 0px 40px;
  padding: 10px 0px 5px 0px;
  background-image: none;
}
#link dl{
  width: 85%;
  margin: 40px auto 50px auto;
}
#link dt{
  clear: both;
  font-size: 2.2rem;
  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.8rem;
  line-height: 180%;
  margin-bottom: 20px;
  padding-left: 25px;
}
#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;
  margin: 40px auto;
}
#sitemap_l { width: 40%;}
#sitemap_r { width: 55%;}
#sitemap_l ul.ul1 {
  padding-bottom: 30px;
}
#sitemap_l ul.ul2,
#sitemap_r ul.ul2 {
  margin: 20px 0px 0px 20px;
}
#sitemap li {
  font-size: 1.6rem;
  line-height: 180%;
  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 0px 0px 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: 30px auto;
}
#example_s p { width: 55%;}
#example_s .photo { width: 45%;}
#example_s .photo2 { width: 100%;}
#example_s .info { width: 50%;}
#example_s .hiyou { width: 50%;}
#example_s p img {
 height: 70vh;
  border: solid #666 1px;
}
#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 { width:31%;}
#example_s .photo2 li { width:16%;}
#example_s .photo li img,
#example_s .photo2 li img {
  height: 140px;
  object-fit: contain;
  border: solid #666 1px;
  margin-bottom: 6px;
}
#example_s .photo li span,
#example_s .photo2 li span {
  display: block;
  font-size: 1.4rem;
  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: 140%;
  font-weight: bold;
  line-height: 140%;
  letter-spacing: 2px;
}
.info dd { letter-spacing: 2px;}
.info dd.dd0 {
  text-align: right;
  font-size: 80%;
  padding-right: 60px;
}
.info .dd2 table {
  width:90%;
  border: solid #666 1px;
  border-collapse: collapse;
  margin-top: 12px;
}
.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 10px 2px 10px;
}
.info .dd2 td {
  border: solid #666 1px;
  padding: 5px 0px 2px 10px;
}
/*--------hiyou--------*/
#example_s .hiyou { width: 50%;}
.hiyou table {
  width:100%;
  border: solid #666 1px;
  border-collapse: collapse;
  margin-top: 100px;
}
.hiyou th {
  color: #000;
  font-weight: normal;
  text-align: left;
  letter-spacing: 5px;
  border: solid #666 1px;
  background: #f0fff0;
  padding: 5px 10px 2px 10px;
}
.hiyou td {
  text-align: right;
  border: solid #666 1px;
  padding: 5px 10px 2px 0px;
}
.hiyou th.th2 {
  text-align: right;
}