@charset "UTF-8";
/* CSS Document */
body {
  font-family: "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #333;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.8em;
  margin: 0;
  padding: 0;
}
/*基本設定*/
a {
  color: #FFF;
  text-decoration: none;
  transition-duration: 0.5s;
}
a:hover {
  color: #C7B299;
}
img {
  vertical-align: baseline;
  border: none;
  margin: 0;
}
a img {
  transition-duration: 0.5s;
}
a img:hover {
  opacity: 0.7;
}
table {
  width: 100%;
  border-collapse: collapse;
}
.smp {
  display: none;
}
.pc {
  display: block;
}
/*よく使うクラス*/
.clear {
  clear: both;
}
.left {
  float: left
}
.right {
  float: right;
}
.center {
  text-align: center;
}
.bold{
	font-weight: bold;
}
.large{
	font-size: 1.2em;
}
.text_right {
  text-align: right;
  padding-right: 1em;
}
.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.wrapper{
	max-width: 1100px;
	margin: 0 auto;
	/*border: 1px solid #0B18DC;*/
}
.img-responsive{
	max-width: 100%;
	height: auto;
}
.flex .col-2,
.flex .col-3,
.flex .col-4,
.flex .col-5,
.flex .col-6,
.flex .col-7,
.flex .col-8,
.flex .col-9,
.flex .col-10{
	box-sizing:border-box;
	padding:0 0.5em; 
}
.flex .col-12{
	box-sizing:border-box;
	padding:0 0.5em; 
	margin-bottom:2em;
}

.flex .col-2{/*5分割*/
	width:16.6%;
}
.flex .col-3{/*4分割*/
	width:25%;
}
.flex .col-4{/*3分割*/
	width:33.3%;
}
.flex .col-5{
	width:41%;
}
.flex .col-6{/*2分割*/
	width:49.9%;
}
.flex .col-7{
	width:59%;
}
.flex .col-8{
	width:66.6%;
}
.flex .col-9{
	width:75%;
	float:left;
}
.flex .col-10{
	width:83%;
}
.flex .col-12{
	margin-bottom:0;
	width:100%;
}

/*--------------------------------gnavここから*/
.slicknav_menu {
  display: none;
}
nav {

}
#gnav {
  padding: 0;
}
#gnav li {
  list-style-type: none;
  text-align: center;
  letter-spacing: 0.1em;
  float: left;
}
#gnav li a {
  color: #333;
  text-decoration: none;
  display: block;
  width: 237px;
  height: 40px;
  padding-top: 10px;
  position: relative;
}
#gnav li a.gnav_visit {
  color: #A9894A;
}
#gnav li a::after {
  content: "";
  position: absolute;
  background-color: #F8F5F0;
  width: 237px;
  height: 0px;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: -100;
  transition: 0.5s ease-in-out;
}
#gnav li a:hover::after {
  width: 237px;
  height: 50px;
  opacity: 1;
}
.gnav_logobox {
  background-color: #FFF;
  width: 100vw;
  text-align: center;
  top: -500px;
  left: 0;
  border-bottom: #C6C6C6 1px solid;
  position: fixed;
  z-index: 999;
  transition-duration: 0.5s;
}
.gnav_logobox.scrolled {
  top: 0;
}
.gnav_navbox {
  display: none;
  top: -50px;
  width: 950px;
  margin: 0 auto;
  transition-duration: 0.5s;
}
.gnav_logobox:hover .gnav_navbox {
  top: 70px;
  display: block;
}
.gnav_navbox li {
  float: left;
  margin-right: 20px;
  list-style-type: none;
}
.gnav_navbox li a {
  display: block;
  color: #555;
  width: 200px;
  transition-duration: 0.5s;
}
.gnav_navbox li a:hover {
  color: #A9894A;
}
/*--------------------------------ここまで*/


#about h1, #lineup h1, #business h1, #product h1 {
    color: #A9894A;
    font-size: 1.7em;
    text-align: center;
    margin-top: 30px;
}


#about .sub_tit, #lineup .sub_tit, #business .sub_tit, #product .sub_tit {
  color: #555;
  font-size: 0.8em;
  text-align: center;
  margin: 10px 0;
}
.box_left {
  float: left;
  width: 48%;
  padding-right: 10px;
}
.box_right {
  float: right;
  width: 50%;
}
.box_icon {
  text-align: center;
	    margin: 2.5em 0 0 0;

}
.box_title {
  color: #A9894A;
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
}

/*サイト個別の設定*/
/*top*/
.top {
  position: relative;
}
.top img {
  width: 100%;
  height: auto;
}
.top h1 {
  margin: 0;
  position: absolute;
  top: 0;
  left: 45%;
  z-index: 2;
}
.top ul {
  list-style-type: none;
  margin: 0;
}
main {
  /*border: 1px solid #f00;*/
}
#award{
	margin-bottom: 3em;
}
.award-icon{
	justify-content: center;
}
#news{
	margin-bottom: 6em;
}
.news_title {
  color: #A9894A;
  font-weight: bold;
  margin: 0;
  padding-left: 5px;
}
.news_text {
  font-size: 1em;
  margin: 5px 0;
  padding: 0 0 5px 5px;
  border-bottom: 1px dotted #999;
}
.news_text a {
  color: #A9894A;
}

#about{
	margin: 2em 0 0 0;
}
#about h2,#news h2{
  color: #A9894A;
  font-size: 1.7em;
  text-align: center;
	margin: 0 0 2em 0;
}
#business {
  margin: 150px 0 0 0;
}
#index #business h2,#index #product h2 {
  color: #A9894A;
  font-size: 1.7em;
  text-align: center;
  height: 85px;
  padding-top: 15px;
  background-image: url(../img/title_base.png);
  background-repeat: no-repeat;
  background-position: center 0px;
}
.bg_01 {
  background-color: #B9E8BC;
  background-image: url(../img/index_bg_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: 0;
  height: 900px;
}
.bg_02 {
  background-color: #B9E8BC;
  background-image: url(../img/index_bg_02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: 0;
  padding: 0 0 100px 0;
  height: 85vh;
}
#material,
#house{
  background-color: #FFF;
  padding: 2em 0 4em 0;
  margin: 0;
}


#material h3, #house h3{
  color: #A9894A;
  font-size: 1.5em;
  line-height: 1.3em;
	text-align: center;
}
#material img, #house img {
  border-radius: 50%;
  margin: 20px 7px;
}
.more {
  color: #FFF;
  display: block;
  width: 170px;
  margin: 0 auto;
  text-decoration: none;
  background-color: #8CC63F;
  padding: 0.5em 4em 0.5em 2em;
  position: relative;
  transition-duration: .5s;
	text-align: center;
}
.more::after {
  content: "";
  background-image: url(../img/more_arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    width: 36px;
    background-color: #5F801F;

}
.more:hover {
  opacity: .7;
  color: #FFF;
}
#product {
  margin-bottom: 3em;
}
.bg_03 {
  background-color: #B9E8BC;
  background-image: url(../img/index_bg_03.jpg);
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: 0;
  padding-bottom: 5em;
}

#product h3 {
  font-size: 1.7em;
  line-height: 1em;
  letter-spacing: 0em;
  margin: 20px 0 0 0;
  padding-bottom: 10px;
}
.products_wrap {
  width: 45%;
  padding: 25px;
	box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  margin: 0 0 3em 0;
  border-radius: 15px;
}
#product .title_01, #product .title_02, #product .title_03, #product .title_04, #product .title_05 ,#product .title_06,
#product .title_07{
  color: #FFF;
  font-size: 2.8em;
  font-weight: bold;
  width: 100px;
  height: 100px;
  text-align: center;
  margin: 0 auto;
}
#product .title_01,
#product .title_06{
  background-color: #E7888C;
}
#product .title_02,
#product .title_07{
  background-color: #8C76A3;
}
#product .title_03 {
  background-color: #F09741;
}
#product .title_04 {
  background-color: #6DB686;
}
#product .title_05 {
  background-color: rgba(95, 176, 173, 1.00);
}
.products_img {
  margin: 0;
}
.cap {
  color: #FFFFFF;
  font-size: 0.3em;
  line-height: 3.5em;
}
.cap_2 {
  font-size: 1.4em;
  margin: 0;
}
.award-cap{
  font-size: 0.8em;
  margin: 0;
	color: #CE1F22;
}

#banner {
  margin-bottom: 50px;
  background-color: #FFF;
}
.bnr_wrap {
  width: 950px;
  margin: 0 auto;
}
.bnr{
  background-color: #8CC63F;
  position: relative;
  width: 420px;
    padding: 0.5em 3em 0.5em 2em;  transition-duration: 0.5s;
}

.bnr:hover {
  opacity: 0.7;
}
.bnr_cap {
  color: #FFF;
  font-size: 1em;
  letter-spacing: 0.1em;
  margin: 10px 0;
}
.bnr_title {
  color: #FFF;
  font-size: 1.9em;
  margin: 16px 0 20px 0;
}
.bnr_title::after {
  content: "";
  background-image: url(../img/bnr_arrow.png);
  background-repeat: no-repeat;
  background-color: #5F801F;
  background-position: center;
  width: 60px;
  height: 35px;
  position: absolute;
    top: 53px;
    right: 25px;
}
.bnr_l a, .bnr_r a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
/*about*/
.about_bg {
  background-image: url(../img/index_bg_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 250px;
}
#about1 {
  margin-top: 200px;
}
#about2, #about3 {
  margin-top: 150px;
}
#about1, #about2, #about3 {
  padding: 20px 0 30px;
  background-color: #FFF;
}
.about1_inner, .about2_inner, .about3_inner {
  width: 950px;
  margin: 0 auto;
}
#about1 h2, #about2 h2, #about3 h2 {
  color: #A9894A;
  font-size: 1.5em;
  margin-bottom: 30px;
  text-align: center;
}
.about_box ul {
  font-size: 1.1em;
  width: 70%;
  padding-left: 20px;
  margin-bottom: 30px;
  text-indent: 2em;
  list-style-type: none;
}
.about_box li {
  padding: 10px 0;
  border-bottom: dotted 1px #333;
}
.about_box img {
  margin-left: 20px;
}
.service_wrap {
  background-color: #FBF8F0;
  padding: 40px;
  border-radius: 10px;
  margin-top: 80px;
}
.service_title {
  border-bottom: 1px solid rgba(129, 191, 65, 1.00);
  margin-bottom: 30px;
  font-size: 1.5em;
  font-weight: bold;
  color: #7DBF42;
  line-height: 1.3em;
  padding: 0px 0px 10px 0px;
}
.service_title p {
  margin: 0;
}
.service_box {
  margin: 20px 0px;
}
.service {
  border-left: 15px solid #7DBF42;
  padding: 2px 2px 2px 15px;
  font-size: 1.3em;
  color: #7DBF42;
  font-weight: bold;
  margin: 0;
}
.service_text {
  padding-left: 2em;
  margin: 0;
}
.about2_inner, .about3_inner {
  margin-top: 30px;
}
.about3_inner {
  margin-bottom: 40px;
}
#about2 table {
  width: 950px;
  margin: 0 auto;
}
#about2 td {
  border-bottom: #777 dotted 1px;
  padding: 1em;
}
#about2 th {
  width: 40%;
  font-weight: normal;
  border-bottom: #777 dotted 1px;
  padding-left: 8em;
  text-align: left;
}
#about2 img {
  float: left;
  border-radius: 50%;
  margin: 20px 7px;
}
/*lineup*/
#lineup1 {
  margin-top: 200px;
  padding: 50px 0 100px;
  background-color: #FFF;
}
.lineup1_inner {
  width: 950px;
  margin: 0 auto;
  text-align: center;
}
.lineup1_inner .box{
		display: flex;
	flex-wrap: wrap;
}
#lineup1 h1 {
  color: #A9894A;
  font-size: 1.5em;
  margin-bottom: 30px;
}
.lineup_box {
  margin: 20px 5px;
  width: 450px;
  height: 295px;
  position: relative;
}
.lineup_box .caption {
  text-align: center;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition-duration: .5s;
}
.lineup_box:hover .caption {
  opacity: 1;
}
.lineup_box .title_01, 
.lineup_box .title_02, 
.lineup_box .title_03, 
.lineup_box .title_04, 
.lineup_box .title_05,
.lineup_box .title_06,
.lineup_box .title_07{
  color: #FFF;
  font-size: 2em;
  font-weight: bold;
  width: 100px;
  height: 50px;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0 0 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: .5s;
}
.lineup_box .title_01,
.lineup_box .title_06{
  background-color: rgba(231, 136, 140, 0.8);
}
.lineup_box .title_02,
.lineup_box .title_07{
  background-color: rgba(140, 118, 163, 0.8);
}
.lineup_box .title_03 {
  background-color: rgba(239, 137, 38, 0.70);
}
.lineup_box .title_04 {
  background-color: rgba(109, 182, 134, 0.70);
}
.lineup_box .title_05 {
  background-color: rgba(95, 176, 173, 1.00);
}
.lineup_box:hover .title_01, 
.lineup_box:hover .title_02, 
.lineup_box:hover .title_03, 
.lineup_box:hover .title_04, 
.lineup_box:hover .title_05,
.lineup_box:hover .title_06,
.lineup_box:hover .title_07{
  opacity: 1;
}
/*事業紹介*/
.business_bg {
  background-image: url(../img/index_bg_03.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 200px;
}
#business1, #business2, #business3 {
  margin-top: 70px;
  padding-bottom: 60px;
  background-color: #FFF;
}
#business2 {
  margin-top: 200px;
}
.business1_inner, .business2_inner {
  width: 950px;
  margin: 0 auto;
}
.business_category_btn {
  width: 1040px;
  margin: 0 auto;
}
.business_category_btn a {
  color: #A9894A;
  background-color: #FFF;
  display: block;
  text-decoration: none;
  width: 300px;
  height: 100px;
  border: 3px solid #A9894A;
  float: left;
  margin: 10px 20px;
  padding-top: 30px;
  position: relative;
  transition-duration: 0.5s;
}
.business_category_btn a::after {
  content: "";
  background-color: #A9894A;
  height: 35px;
  width: 40px;
  position: absolute;
  right: 130px;
  top: 75px;
  background-image: url(../img/more_arrow_down.png);
  background-repeat: no-repeat;
  background-position: center;
}
.business_category_btn a:hover {
  background-color: #F6F3E4;
}
#business1 h1, #business2 h1 {
  color: #A9894A;
  font-size: 1.7em;
  margin-bottom: 30px;
  line-height: 1.3em;
}
#business1 h2, #business2 h2, #business3 h2 {
  text-align: center;
  background-color: #372A0E;
  color: #FFF;
  font-size: 1.5em;
  padding: 10px;
  margin: 0;
}
.business1_title {
  background-image: url(../img/business_-Material_01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
  margin-top: 0;
}
.business1_inner h3, .business2_inner h3 {
  text-align: center;
  color: #A9894A;
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
}
.business2_title {
  background-image: url(../img/business_-house_01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
  margin-top: 0;
}
.business3_title {
  background-image: url("../img/business_03.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
  margin-top: 0;
}
.material_img_wrap {
  margin-top: 50px;
}
.material_img, .house_img {
  float: left;
  margin-right: 25px;
}
.material_img img:hover, .house_img img:hover {
  border-radius: 30px;
}
.material_img:nth-child(5n), .house_img:nth-child(5n) {
  float: right;
  margin-right: 0;
}
.point_title_wrap {
  background-color: #FBF8F0;
  padding: 5px;
  margin-top: 60px;
  border-top: 2px dotted #81BF41;
  border-bottom: 2px dotted #81BF41;
}
.point_title {
  color: #81BF41;
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
  margin: 10px;
}
.point_wrap_left {
  width: 440px;
  padding: 0;
  float: left;
}
.point_wrap_right {
  width: 440px;
  padding: 0;
  float: right;
}
.point {
  color: #81BF41;
  font-size: 1.5em;
  font-weight: bold;
  padding: 20px 0px 20px 60px;
  margin-bottom: 5px;
  background-image: url(../img/icon_01_s.png);
  background-repeat: no-repeat;
  background-position: left 50%;
}
.point_wrap_img {
  margin: 0;
}
.point_wrap h3 {
  background-color: #81BF41;
  color: #FFF;
  font-size: 1.5em;
  font-weight: normal;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.house_img_wrap {
  margin-top: 70px;
}
#business2 .bnr_l, #business2 .bnr_r {
  margin: 50px 0;
  background-color: #8CC63F;
  position: relative;
  width: 910px;
  height: 105px;
  border: 5px solid #8CC63F;
  padding-left: 30px;
  background-image: url(../img/bnr_house_img.jpg);
  background-repeat: no-repeat;
  background-position: right;
  transition-duration: 0.5s;
}
.bnr_l:hover, .bnr_r:hover {
  opacity: 0.7;
}
#business2 .bnr_cap {
  color: #FFF;
  font-size: 1em;
  letter-spacing: 0.1em;
  margin: 15px 0;
}
#business2 .bnr_title {
  color: #FFF;
  font-size: 1.9em;
  margin: 10px 0 20px 0;
}
#business2 .bnr_title::after {
  content: "";
  background-image: url(../img/bnr_arrow.png);
  background-repeat: no-repeat;
  background-color: #5F801F;
  background-position: center;
  width: 60px;
  height: 35px;
  position: absolute;
  top: 50px;
  left: 370px;
}
.bnr_l a, .bnr_r a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
#business3 .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/*施工実績_個別ページ_共通*/
.product_inner {
  width: 950px;
  margin: 0 auto;
}
.vis {
  margin-bottom: 0;
}
.vis img {
  width: 100%;
  height: auto;
}
.product_title_img {
  position: relative;
}
.product_title {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.7em;
  margin: 0;
}
.product_title_number {
  font-size: 2em;
}
.product_inner p {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.6em;
}
.box_3{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#product_07 .box_3{
margin-top: 5em;
}
.box_3 p{
		width: 30%;
}
.img-thum-small{
	width: 100%;
	height: auto;
}
/*.box_3 p {
  float: left;
  margin-right: 23px;
}
.box_3 p:nth-child(3n) {
  float: right;
  margin-right: 0px;
}*/
#bnr {
  background-color: #502800;
}
#bnr .bnr_wrap {
  width: 950px;
  padding: 50px 0;
}
#bnr p {
  font-size: 0.9em;
  margin: 0;
  color: #fff;
  text-align: center;
}
/*施工実績_個別ページ_01_YOSHIDA*/
#product_01 h2 {
  background-color: #E7888C;
  color: #FFF;
  padding: 15px;
  margin: 0;
  margin-top: -7px;
  padding-left: 200px;
}
.product_title_01 {
  background-color: rgba(231, 136, 140, 0.7);
  color: #FFF;
  width: 350px;
  height: 180px;
  position: absolute;
  bottom: -80px;
  right: 30px;
  padding: 40px 0 0 30px;
}
#product_01 .box_1 {
  position: relative;
  padding: 0;
  margin: 75px 0 0;
  height: auto;
}
#product_01 .img1 {
  margin: 0;
}
#product_01 .text1 {
  position: absolute;
  left: 545px;
  top: 95px;
}
#product_01 .img2 {
  position: absolute;
  left: 600px;
  top: 330px;
}
#product_01 .text2 {
  position: absolute;
  left: 250px;
  top: 530px;
}
#product_01 .img3 {
  position: absolute;
  left: 0px;
  top: 790px;
}
#product_01 .text3 {
  position: absolute;
  left: 470px;
  top: 1020px;
}
#product_01 .img4 {
  position: absolute;
  left: 470px;
  top: 1130px;
}
#product_01 .box_2 {
  position: relative;
  padding: 0;
  margin-top: 1200px;
}
#product_01 .img5 {
  margin: 0;
}
#product_01 .text5 {
  position: absolute;
  left: 505px;
  top: 0px;
}
#product_01 .img6 {
  position: absolute;
  left: 583px;
  top: 270px;
}
#product_01 .text6 {
  position: absolute;
  left: 240px;
  top: 565px;
}
#product_01 .box_3 {
  margin-top: 565px;
}
/*施工実績_個別ページ_02_YAMADA*/
#product_02 h2 {
  background-color: #8C76A3;
  color: #FFF;
  padding: 15px;
  margin: 0;
  margin-top: -7px;
  padding-left: 200px;
}
.product_title_02 {
  background-color: rgba(140, 118, 163, 0.70);
  color: #FFF;
  width: 350px;
  height: 180px;
  position: absolute;
  bottom: -80px;
  right: 30px;
  padding: 40px 0 0 30px;
}
#product_02 .box_1 {
  position: relative;
  padding: 0;
  margin: 75px 0 0;
  height: auto;
}
#product_02 .img1 {
  margin: 0;
}
#product_02 .text1 {
  position: absolute;
  left: 450px;
  top: 80px;
}
#product_02 .img2 {
  position: absolute;
  left: 600px;
  top: 200px;
}
#product_02 .text2 {
  position: absolute;
  left: 330px;
  top: 400px;
}
#product_02 .img3 {
  position: absolute;
  left: 0px;
  top: 650px;
}
#product_02 .text3 {
  position: absolute;
  left: 419px;
  top: 850px;
}
#product_02 .img4 {
  position: absolute;
  left: 470px;
  top: 1050px;
}
#product_02 .text4 {
  position: absolute;
  left: 270px;
  top: 1250px;
}
#product_02 .box_3 {
  margin-top: 1350px;
}
/*施工実績_個別ページ_03_saito*/
#product_03 h2 {
  background-color: #F09741;
  color: #FFF;
  padding: 15px;
  margin: 0;
  margin-top: -7px;
  padding-left: 200px;
}
.product_title_03 {
  background-color: rgba(239, 137, 38, 0.70);
  color: #FFF;
  width: 350px;
  height: 180px;
  position: absolute;
  bottom: -80px;
  right: 30px;
  padding: 40px 0 0 30px;
}
#product_03 .text1 {
  margin-top: 120px;
}
#product_03 .box_3 {
  margin-top: 100px;
}
/*施工実績_個別ページ_04_0邸*/
#product_04 h2 {
  background-color: #6DB686;
  color: #FFF;
  padding: 15px;
  margin: 0;
  margin-top: -7px;
  padding-left: 200px;
}
.product_title_04 {
  background-color: rgba(109, 182, 134, 0.70);
  color: #FFF;
  width: 350px;
  height: 180px;
  position: absolute;
  bottom: -80px;
  right: 30px;
  padding: 40px 0 0 30px;
}
#product_04 .text1 {
  margin-top: 120px;
}
#product_04 .box_3 {
  margin-top: 100px;
}
/*施工実績_個別ページ_05_H邸*/
#product_05 h2 {
  background-color: rgba(95, 176, 173, 1.00);
  color: #FFF;
  padding: 15px;
  margin: 0 0 2em 0;
  margin-top: -10px;
  padding-left: 200px;
}
.product_title_05 {
  background-color: rgba(95, 176, 173, 0.7);
  color: #FFF;
  width: 350px;
  height: 180px;
  position: absolute;
  bottom: -80px;
  right: 30px;
  padding: 40px 0 0 30px;
}
#product_05 .box_1 {
  position: relative;
  padding: 0;
  margin: 75px 0 0;
  height: auto;
}
#product_05 .img1 {
  margin: 0;
}
#product_05 .text1 {
  position: absolute;
  left: 545px;
  top: 95px;
}
#product_05 .img2 {
  position: absolute;
  left: 650px;
  top: 300px;
}
#product_05 .text2 {
  position: absolute;
  left: 230px;
  top: 430px;
}
#product_05 .box_2 {
  position: relative;
  padding: 0;
  margin-top: 300px;
  height: auto;
}
#product_05 .img3 {}
#product_05 .text3 {
  position: absolute;
  left: 600px;
  top: 50px;
}
#product_05 .img4 {
  position: absolute;
  left: 580px;
  top: 300px;
}
#product_05 .img5 {
  position: absolute;
  top: 550px;
}
#product_05 .text4 {
  position: absolute;
  top: 700px;
  left: 580px;
}
#product_05 .img6 {
  position: absolute;
  top: 1050px;
}
#product_05 .img7 {
  position: absolute;
  top: 1000px;
  left: 540px;
}
#product_05 .text5 {
  position: absolute;
  top: 1450px;
  left: 30px;
}
#product_05 .box_2B {
  position: relative;
  padding: 0;
  margin-top: 1300px;
}
#product_05 .text6 {
  position: absolute;
  top: 100px;
  left: 610px;
}
#product_05 .img8 {
  position: absolute;
}
#product_05 .img9 {
  position: absolute;
  top: 200px;
  left: 540px;
}
#product_05 .img10 {
  position: absolute;
  top: 510px;
  left: 540px;
}
#product_05 .text7 {
  position: absolute;
  top: 510px;
  left: 30px;
}
#product_05 .img11 {
  position: absolute;
  top: 800px;
}
#product_05 .text8 {
  position: absolute;
  top: 900px;
  left: 610px;
}
#product_05 .box_3 {
  position: relative;
  margin-top: 2550px;
}
#award h2 {
  color: #3A5920;
  font-size: 1.2em;
  margin: 3em auto 1em;
}
#award h3 {
  background-color: #3A5920;
  text-align: center;
  border: 3px solid #3A5920;
  margin: 2em auto 6em;
  padding: 0.7em;
  font-weight: bold;
}
#award h3.award-25 {
  background-color: #694D8C;
	  border: 3px solid #694D8C;

}
#award h3 a {
  display: block;
}
/*施工実績_個別ページ_06_I邸*/
#product_06 h2 {
  background-color: #E7888C;
  color: #FFF;
  padding: 15px;
  margin: 0;
  margin-top: -7px;
  padding-left: 200px;
}
#product_06 .product_title_04 {
  background-color: rgba(231, 136, 140, 0.7);
  color: #FFF;
  width: 350px;
  height: 180px;
  position: absolute;
  bottom: -80px;
  right: 30px;
  padding: 40px 0 0 30px;
}
/*施工実績_個別ページ_07_T邸*/
#product_06 h2 {
  background-color: #8C76A3;
  color: #FFF;
  padding: 15px;
  margin: 0;
  margin-top: -7px;
  padding-left: 200px;
}
#product_06 .product_title_04 {
  background-color: rgba(140,118,163,0.70);
  color: #FFF;
  width: 350px;
  height: 180px;
  position: absolute;
  bottom: -80px;
  right: 30px;
  padding: 40px 0 0 30px;
}


/*アクセス*/
#access {
  background-color: #F1EBDF;
	    padding: 3em 0;
}

.detail {
  width: 30%;
  text-align: center;
  letter-spacing: 0.1em;
}
.tel {
  font-size: 1.9em;
  color: #5F801F;
  font-weight: bold;
  letter-spacing: normal;
}
.tel_icon {
  color: #5F801F;
  font-size: 1.3em;
}
.map {
  width: 60%;
}
/*footer固定*/
.footer{
  background-color: #93712D;
}
.footer ul li {
  color: #FFF;
  list-style-type: none;
  margin: 10px;
  text-align: center;
}
.footer ul li a {
  display: block;
  font-size: 0.8em;
  text-decoration: none;
  transition-duration: .5s;
}
.copy {
  font-size: 0.7em;
  text-align: center;
}
.pagetop a {
  text-align: center;
  background-color: #FFF;
  border: #A9894B 1px solid;
  font-size: 0.8em;
  line-height: 1.2em;
  color: #A9894B;
  display: block;
  background-image: url(../img/pagetop.png);
  background-repeat: no-repeat;
  background-position: center 15px;
  width: 70px;
  height: 40px;
  padding-top: 30px;
}
.pagetop a:hover {
  border-radius: 50%;
}
.pagetop.scrolled {
  position: fixed;
  right: 100px;
  bottom: 50px;
}