@charset "UTF-8";

/*==============================================
各ページ設定
==============================================*/

/*---------------------------------------------------------------
ホーム
---------------------------------------------------------------*/
/*--メインイメージ--*/
.home_image{
	height:800px;
	background-image:url(../images/home_img.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
.home_image_inner{
	width:1000px;
	margin:0 auto;
}
#home_image_logo{
	width:280px;
	height:50px;
	padding:24px 0 0;
	margin:0 0 64px;
}
#img_container{
}
#home_image_main{
	width:615px;
	height:360px;
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-image: url(../images/top_img_01-01.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	margin:0 auto 40px;
}
#home_image_bnr{
}


/*--イントロ--*/
.intro{
	text-align:center;
}
#itr_header{
	line-height:1.7;
}
#itr_header span{
	width:576px;
	font-size:18px;
	font-size:1.8rem;
	border-bottom:dotted 1px #b29685;
	padding:0 0 16px;
	margin:0 auto 20px;
	display:block;
}
.intro .btn{
	margin:30px auto 75px;
}


/*--施工事例--*/
.works_container{
	max-width:1000px;
	height:auto !important;
	margin:0 auto 60px;
	position:relative;
	/*background-color:#EDEDED;*/
	overflow:hidden;
}
.works{
	width:100%;
	height:auto !important;
}
.works-item {
}
.works-item img{
}

.works_ttl_container{
	width: auto;
    height: auto;
	text-align:center;
	background-color:rgba(105, 45, 145, .6);
	background-image: url(../images/home_work_ttl_back.png);
	box-sizing:border-box;
	padding:54px 32px 46px;
	margin:auto;
	/* position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0; */
}
.works_ttl{
	color:#ffffff;
	line-height:1;
	margin:0 auto 50px;
}
.works_ttl span{
	width:4em;
	font-size:26px;
	font-size:2.6rem;
	font-family:"UD新丸ゴ B","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow:none;
	border-bottom:solid 1px #ffffff;
	display:block;
	margin:0 auto;
	padding:0 0 10px;
}
.works_ttl span.en{
	font-size:14px;
	font-size:1.4rem;
	font-family: 'Noto Serif', serif;
	border-bottom: none;
	padding:0;

}
.works_txt p{
	margin:0 0 25px;
}
.works_btn{
	position:relative;
	width: fit-content;
    margin: 0 auto;
}
.works_btn a{
	width:180px;
	height:44px;
	color:#ffffff;
	line-height:44px;
	border:solid 1px #ffffff;
	box-sizing:border-box;
	display:block;
	margin:0 auto;
}
.works_btn a:after{
	content:"";
	width:7px;
	height:44px;
	background-image:url(../images/icon_arw03.svg);
	background-position:right center;
	background-repeat:no-repeat;
	position:absolute;
	right:20px;
}
.works_btn a:hover{
	background-color:#662d91;
	border:solid 1px #662d91;
	transition:all .2s;
}


/*---------------------------------------------------------------
きづくりやのこだわり
---------------------------------------------------------------*/
#concept .contents{
	width:100%;
	margin:0 auto 80px;
}
.container01{
	height:280px;
	background-position:left center;
	margin:0 auto 40px;
	padding:0 0 0 449px;
}
.container01 .inner{
	 position: relative;
	 top: 50%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
 }

 #content_choices{
	text-align:center;
	background-color:#603813;
	padding:60px 0;
 }

 .container02{
	background-position:left top;
 	padding:8px 0 0 280px;
	margin:0 auto 60px;
}
#concept_end{
	 text-align:center;
	 margin:0 auto;
 }
.inner_contact{
	 width:728px;
	 text-align:center;
	 background-color:#e7dfd5;
	 background-color:rgba(196, 175, 150, .2);
	 padding:32px;
	 margin:40px auto 0;
 }
.inner_contact .f_info_btn,
.inner_contact .f_info_btn{
	 width:665px;
	 margin:auto;
 }

 /*--背景画像--*/
 #sct01_ctn01{
 	background-image:url(../concept/images/concept_sct01_img01.jpg);
}
  #sct01_ctn02{
 	background-image:url(../concept/images/concept_sct01_img02.jpg);
}
 #sct01_ctn03{
 	background-image:url(../concept/images/concept_sct01_img03.jpg);
}
 #sct01_ctn04{
 	background-image:url(../concept/images/concept_sct01_img04.jpg);
}

 #sct02_ctn01{
 	background-image:url(../concept/images/concept_sct02_img01.jpg);
}
 #sct02_ctn02{
 	background-image:url(../concept/images/concept_sct02_img02.jpg);
}


 /*--タイトル--*/
 .sct_ttl{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
 	background-position:center top;
	background-repeat:no-repeat;
}
#sct01_ttl{
	width:100%;
	height:388px;
	background-image:url(../concept/images/concept_sct01_bk.jpg);
	background-position:center center;
	background-size: cover;
	margin:0 0 50px;
	position:relative;
}
#sct01_ttl span{
	width:352px;
	height:142px;
	background-image:url(../concept/images/sct01_ttl.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin:auto;
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
#sct02_ttl{
	width:405px;
	height:90px;
	background-image:url(../concept/images/sct02_ttl.png);
	margin:0 auto 25px;
}
.sct02_lead{
	text-align:center;
	margin:0 0 80px;
}


 /*---------------------------------------------------------------
施工事例
---------------------------------------------------------------*/
.works_list{
 }
 .works_list li{
	 width:306px;
	 height:320px;
	 font-size:18px;
	 font-size:1.8rem;
	 font-weight:bold;
	 line-height:1.5;
	 border-bottom:solid 1px #662e0b;
	 padding:0 0 20px;
	 margin:0 41px 40px 0;
	 box-sizing:border-box;
	 float:left;
 }
 .works_list li:nth-child(3n){
 	 margin:0 0 40px 0;
}
 .works_list li a{
 	 width:306px;
	 height:320px;
	 display:block;
}
.works_li_ttl{
	background-image:url(../images/icon_arw04.png);
	background-position:left 6px;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	margin:15px 0 0;
	display:block;
}

 /*--施工事例詳細ページ--*/
 .work_ttl{
 }
 .work_lct{
	 font-size:14px;
	 font-size:1.4rem;
	 font-weight:bold;
	 text-align:center;
	 margin:0 0 50px;
 }

 /*--ギャラリー部分--*/
 .gallery{
	 background-color:#e7dfd5;
	 background-color:rgba(196, 175, 150, .2);
	 padding:17px 7px 17px 17px;
	 margin:0 0 40px;
 }
 .bx-wrapper {
	width:744px !important;
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
	float:left;
}
.bx-pager{
	width:216px;
	float:right;
}
.bx-pager a{
	width:98px;
	height:98px;
	margin:0 5px 10px;
	display:block;
	float:left;
	position: relative;
}

 /*--一覧へ戻るボタン--*/
 .btn_works_list{
	 font-size:16px;
	 font-size:1.6rem;
	 font-weight:bold;
 }
  .btn_works_list a{
	  width:235px;
	  height:50px;
	  line-height:50px;
	  background-color:#ffdd1e;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
	  margin:0 auto;
	  display:block;
	  transition:all .2s;
}
   .btn_works_list a:hover{
	   color:#ffffff;
	   background-color:#FF7700;
 }
 /*---------------------------------------------------------------
トップヒートバリアー　#thb
---------------------------------------------------------------*/
#page_header_thb{
	width:1000px;
	height:500px;
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-image:url(../thb/images/thb_page_header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	margin:0 auto 64px;
}
#thb_about a,
#thb_menu a{
	height:64px;
	line-height:64px;
	font-family:"UD新丸ゴ B","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow: 0 1px 0 #ffffff;
	background-repeat:no-repeat;
	background-position:center center;
	border:solid 2px #ffffff;
	-moz-box-shadow:0 0 2px #CDBEB3;
	-webkit-box-shadow:0 0 2px #CDBEB3;
	box-shadow:0 0 2px #CDBEB3;
	margin:0 0 16px;
	padding:0 0 0 24px;
	box-sizing:border-box;
	display:block;
	transition:all .2s;
}
#thb_about a{
	height:160px;
	font-size:28px;
	font-size:2.8rem;
	line-height:160px;
	background-image:url(../thb/images/thb_btn_01.jpg);
}
#thb_menu a{
	width:238px;
	font-size:20px;
	font-size:2rem;
	background-color:#ffffff;
	background-image:url(../thb/images/thb_btn_back.png);
	margin:0 0 16px 16px;
	float:left;
}
#thb_menu li:first-child a{
	margin:0 0 16px;
}

#thb_movie{
	margin:0 0 16px;
}

/*---------------------------------------------------------------
会社案内
---------------------------------------------------------------*/
#company .contents{
	width:728px;
	margin:0 auto 60px;
}

/*--会社概要--*/
.company_list{
	border-top:solid 1px #662e0b;
	border-bottom:solid 1px #662e0b;
}
.company_list tr{
	border-top:dotted 1px #b29685;
}
.company_list tr:first-child{
	border-top: none;
}

.company_list th{
	padding:20px 8px;
}
.company_list td{
	padding:20px 8px;
}


/*--マップ--*/
.access-map{
	height:388px;
	background-color:#ffffff;
	box-sizing:border-box;
	padding:1px;
	overflow:hidden;
}

/*---------------------------------------------------------------
プライバシーポリシー
---------------------------------------------------------------*/
#privacy .lead05,
#contact .lead05{
	border-bottom:solid 1px #603813;
	padding:0 0 10px;
}


/*---------------------------------------------------------------
お問い合わせ
---------------------------------------------------------------*/
#contact .contents{
	box-sizing:border-box;
}
#contact .contents .inner{
	padding:30px;
	border:solid 1px #b29685;
	margin:30px 0 0;
}
.form_container{
	background-color:#ffffff;
	padding:16px;
}

/*---------------------------------------------------------------
サイトマップ
---------------------------------------------------------------*/
.border_list{
}
.border_list li{
	margin:0 0 20px 30px;
}
.border_list li:first-child{
	margin:0 0 20px 0;
}

.border_list a{
	padding:15px 10px;
	border:solid 1px #e0d5ce;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display:block;
}



.works-before, .works-after, .works-working {
    bottom: 0;
    display: block;
    width: 98px;
    color: #fff;
    text-align: center;
    left: 0;
    position: absolute;
    font-size: 14px;
    font-size: 1.4rem;
    z-index: 1;
}
.works-before {
    background-color: rgba(100, 100, 100, 0.8);
}

.works-after {
    background-color: rgba(51, 22, 2, 0.7);
}

.works-after360 {
    background-color: rgba(255, 157, 59, 0.7);
}



#thb_photo-ul li{
	float: left;
	margin-right: 20px;
	width: 235px;
}

#thb_photo-ul li:last-child{
	margin-right: 0px;
}

#thb_photo-ul {
	overflow: hidden;
}

#thb_photo-ul {
    border-top: solid 1px #662e0b;
    border-bottom: solid 1px #662e0b;
    padding-top: 40px;
    padding-bottom: 30px;
}

#thb_photo-ul li{
    text-align: center;
    line-height: 22px;
}

#thb_photo-ul img{
    padding-bottom: 10px;
}

#thb_photo{
	margin-top: 50px;
	margin-bottom: 80px;
}

#top-360{
	margin:0 auto;
	text-align: center;
}

.ricoh-theta-spherical-image{
	margin:0 auto;
}