/*
-----------------------------------------------------------
-----------------------------------------------------------
-----------------------------------------------------------

02----タブレット端末用　　768～991

-----------------------------------------------------------
-----------------------------------------------------------
-----------------------------------------------------------

*/


@media screen and (min-width : 768px) ,print{


body{
	padding-top: 0;

}

	
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------小さい画面でのハンバーガーメニュー-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


#ham-menu {
	display: none;
	}


	
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　ヘッダー-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#head02{		
	}
	
#head-rwap{		
	}	
	
#head-rwap-in{
/*	max-width: 1400px;
	margin: auto;	
*/	}
	
#head-logo{
/*	width: 100%;この辺？ロゴサイズ変更
	height: auto;*/
	}

#head-logo img{
	float: left;
	max-width: 180px;
	height: auto;/*この辺？ロゴサイズ変更*/
	margin-left: 2%;
	margin-right: 2%;
	}

	
#head-navi{
	display: block;/*表示*/
	/*display:flexでその中の要素をヨコ並び*/
/*	display: flex;
	justify-content: space-between;
*/	margin-top: 6.5rem;
	margin-right: 2%;
	float: right;
	}

nav{
	display: block;/*表示*/
	float: right;
	font-weight: bold;
}

nav ul{
	/*display:flexでその中の要素をヨコ並び*/
	display: flex;
	margin-bottom: 1rem;
/*	justify-content: space-between;	
*/}
nav li a{
	text-align: center;
	color: #282b64;
	display: block;
	margin-right: 1.5rem;
	display: block;
	font-size: 0.95rem;
	line-height: 1.5rem;
}		
nav li a:link {
	}
nav li a:visited {
	}
nav li a:hover {
	}
nav li a:active {
	}
	
#head-logo img{
	display: block;
}
	
	
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------topメインビジュアルー-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


#main_visual-01{
	display: none;
	clear: both;
	}
	
#main_visual-02{
	display: none;/*非表示*/
	margin-bottom: 1.5rem;/*12*/
	background-color: #E7E7E7;
	padding-top: 0.75rem;
	padding-bottom: 1rem;/*16*/
	box-shadow: 0px 0px 15px 0px #666;
	-webkit-box-shadow: 0px 0px 15px 0px #666;
	-moz-box-shadow: 0px 0px 15px 0px #666;
	}
#main_visual-03{
	display: block;/*表示*/
	text-align: center;
	}
#main_visual-03 img{
/*	max-width: 100%;
*/	height: 493px;
	width: auto;
	object-fit: cover;/*高さ固定で可変*/
	}
	

	
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------sectionの設定-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	
article{
	clear: both;
	width: 100%;
	}	
	

	
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------サイトー家具工芸について-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#top-info{
	margin: 2rem 0;
	}

#top-info h1{
	line-height: 4rem;
	margin-bottom: 1rem;
	color: #282b64;
	text-align: center;
	font-size: 1.75rem;
/*	writing-mode: vertical-rl;　/*縦書き*/
	}

#top-info p{
	color: #282b64;
	text-align: center;
	line-height: 2rem;
	font-size: 1rem;
	}
	
p#button-toi{
	background-color: #4f547c;
	text-align: center;
	line-height: 2.5rem;
	font-size: 1rem;
	width: 45%;
	margin: auto;
	}
p#button-toi a{	
	color: #ffffff;
	font-weight: 300;
	display: block;
	padding: 1rem;
	margin: 1.7rem auto;
	}
p#button-toi a:hover{
	background-color: #282b64;
	}

	
/*	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------施工事例　3つ-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.w100{
	width: 100%;
	background-color: #cacbd7;
	margin: 4rem 0;
	}
	
#sekoujirei{
	/* syouhin  display:flexでその中の要素をヨコ並び*/
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding: 1rem 1rem 0 1rem;
	max-width: 1400px;
	}
	
.section-jirei{
	width: 32.5%;
	}

.section-jirei img{
	display: block;
}

.section-jirei h3{
	font-size : 1.2rem;
	line-height: 2.5rem;
	color: #282b64;
	font-weight: 400;
}

.section-jirei h4{
	font-size : 0.9rem;
	line-height: 1.5rem;
	color: #282b64;
	font-weight: normal;
}
.section-jirei a:hover{
	background-color: #4f547c;
	color: #ffffff;	
	}
	
	
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------お知らせ-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


#whatnew{
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------下のお問い合わせエリア-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/	

/*お問合せボタン*/
section#toi{
	margin-bottom: 0;	
	}
.w100-toi{
	width: 100%;
	background-color: #4f547c/*#cacbd7*/;
	margin: 3rem 0 0 0;
	overflow: auto;
	}

#toi-box{
	width: 50%;
/*	padding-left: 3rem;
	padding-right: 3rem;
*/	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	margin-left: auto;
	margin-right: auto;
	border: solid;
	border-color: #fff;
	border-width: 2px;
	background-color: #4f547c;
			}
#toi-box a{	
	color: #ffffff;
	font-weight: bold;
	}
		
p.toi_bottom{
	text-align: center;
	line-height: 2rem;
	font-size: 1.2rem;
	padding: 1rem;
	letter-spacing: 0.07rem;
	}
p.toi_bottom#toi_s{
	font-size: 0.9rem;
	line-height: 1.5rem;
	font-weight: normal;
	border-top:solid 1px #fff; 
	}

	


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------フッター-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

footer{
	background-color: #E6E6E6;
	text-align: left;
	width: 100%;
	margin-top: 0/*5rem*/;
	clear: both;
	}
	
#footerare{
	display: flex;
	justify-content: flex-start;
	padding: 1% 2.5%;
	max-width: 1400px;
	margin: auto;
	clear: both;
	}
	
#footer-logo{
	max-width: 180px;
	height: auto;
	float: left;
	margin-right: 3rem;
	}

#footer-logo img{
	display: block;
	max-widht: 100%;
	height: auto;
	}
#footer-link{
	float: right;
	width: 40%;
	}	
#footer-link a{
	padding-right: 6rem;
	max-width: 180px;
	margin: auto;
	padding-left: 1rem;
	}

/*	
.footer-in:nth-of-type(1){
	flex-basis: 32%;
	}
.footer-in:last-of-type{
		margin-left: auto;
	}
*/




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------下層ページー-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*□□□□□□□□下層のメインビジュアル□□□□□□□□□□*/


h1#kasou-main-in{
	font-size: 2.5rem;
	letter-spacing: 0.5rem;
	text-align: center;
	font-weight: bold;
	color:#ffffff;
	}

	
/*□□□□□□□□パンくずリスト□□□□□□□□□□*/

.breadcrumbs{
/*	max-width: 1400px;
*/	margin: auto auto auto 2%;
	}

	
	
	
/*□□□□□□□□施工事例□□□□□□□□□□*/

h2#title{
	font-size: 1.6rem;
	letter-spacing: 0.12rem;
	color: #282b64;
	font-weight: bold;
	text-align:  center;
	line-height: 6rem;
	margin-top: 1rem;
	background-color: #fff;
}
h5{
	font-size: 1.3rem;/**/
	letter-spacing: 0.12rem;
	text-align: center;
	padding: 0.6rem 0;/**/
	line-height: 1.5rem;
	background-color: #ccc;
}	

.center{
	max-width: 1180px;
	margin: auto;
	clear: both;
/*	overflow: auto;
*/	margin-bottom: 1rem;
}
.center p{
	font-size: 1rem;
	line-height: 2rem;
}
.center p.cerec{
	font-size: 1.1rem;
	line-height: 2rem;
	text-align: center;
}
.center-com p{
	font-size: 1rem;
	line-height: 2rem;
}

#clear{
	clear: both;
}

.sekou{
	float: left;
	text-align: center;
	margin: 1%;
	width: 48%;
}
.sekou img{
	max-width: 100%;
	margin: 1rem;
}
.sekou p{
	text-align: center;
} 

.max-wrap{
	/*background-image: url("images/06_bg.jpg");*/
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:  center;
}

    
.sekou3{
    float: left;
	text-align: center;
	width: 33.33333%;
    margin-bottom: 1rem;
}
.sekou3 img{
	max-width: 90%;
}
.sekou3 p{
	text-align: center;
} 

/*
.max{
	max-width: 1180px;
	margin: 0 auto;
	height: auto;
	clear: both;
}
.max img{
	max-width: 100%;
}


.footer{
	max-width: 1180px;
	margin: 0 auto;
	height: 280px
		clear: both;
}
.footer img{
	max-width: 100%;
}
*/	


	
/*□□□□□□□□会社情報□□□□□□□□□□*/
	
img.flo-l{
	float: left;
	margin-right: 3rem;
	}
.center p{
	line-height: 1.5rem;
	line-height: 2rem;
	}
.center-com{
	text-align: center;
	max-width: 1180px;
	margin-top: 5rem;
	clear: both;
	margin: auto;
	overflow: auto;
	}
.center-com p{
	line-height: 2rem;
	text-align: center;
	font-size: 1rem;
	}
.center img#com{
		margin-top: 1rem;
	}
.center-com p br{
	display: block;
}
#map{
	float: left;
	margin-right: 3rem;
	}

#rinen1{
	line-height: 2rem;
	font-size: 1.0625rem;/*17*/
	}
#rinen2{
	font-size: 1.25rem;/*20*/
}
	
/*グーグルマップ*/
.maps {
  margin: 0 auto;
  position: relative;
  width: 47%;
  padding-top: 56.25%;
  margin-right: 3rem;
	float: left;
}
.maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


/*■■■■■■■■■■■■■■■■■■

-----------　基本のテーブル-----------

■■■■■■■■■■■■■■■■■■■*/
table{
	font-size: 1rem;/*15*/
	line-height: 1.125rem;/*18*/
}	

	

#link{
	width: 75%;
	border: solid 2px #ccc;
	padding: 5%;
	text-align: center;
	margin: 0 auto;
	}
	

	
	
/*□□□□□□□□お問い合わせフォーム□□□□□□□□□□*/
	
#privacy{
	}
	
	
#toi_form{
	padding-top: 4rem;
	margin-bottom: 5rem;
	width: 100%;
	background-color: #cacbd7;
}

#form-setsumei{
	width: 90%;
	margin-top: 0;
	margin-bottom: 0;	
/*
	padding: 1.5rem 5%;
*/
}
p#form-setsumei{
	font-size: 1rem;
	line-height: 1.5rem;
}
.form01,.form02{
	width: 80%;
}
.form01 p,.form02 p{
	}
textarea,.form01 input,.form02 input{
	margin-bottom: 1.875rem;/*30*/
	
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------ページトップに戻る-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.page-top a{
	display: block;
    position: fixed;
    bottom: 60px;
    right: 40px;
    padding: 1.2rem 2rem;
	font-size: 0.9375rem;/*15*/
	line-height: 1.066666rem;
    background: #7e7a7a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}		

	
.page-top a:link {
	color: #ffffff;
	}
.page-top a:visited {
	color: #ffffff;
	}
.page-top a:hover {
	color: #ffffff;
	background: #333333;
	}
.page-top a:active {
	color: #ffffff;
	}
	
	
}