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

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

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

#ham-menu {
    background-color: #666; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 10px 5px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -260px; /*メニュー横幅①と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 260px; /*メニュー横幅①*/
    z-index: 2000;
	/*----↓追加---------*/
	-webkit-transition: all 1s ease;
	transition: all 1s ease;	
	/*----↑追加---------*/
}

#ham-menu li{
	font-size: 0.75rem;/*12*/
	line-height: 1rem;
	color: #FFFF26;
	padding-top: 1rem;
}
#ham-menu li a{
	font-size: 1rem;
	display: block;
	color: #ffffff;
	border-bottom: solid 1px #cccccc;
	padding-bottom: 1rem;
}

#ham-menu li a:link{/*未訪問*/
	}
#ham-menu li a:visited{/*訪問済み*/
	}
#ham-menu li a:hover{/*マウスが載っているとき*/
    color: #cacbd7;
	}

#ham-menu li a:active{/*アクティブの時*/
}
.ham-memu-tel{
	font-size: 1.125rem;/*18*/
	line-height: 2rem;
	font-weight: bold;
}
/*透過背景部分*/
#menu-background {
    background-color: #333; /*黒背景部分背景色*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0rem;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 100%;
    z-index: -1;
}


/*メニューアイコン部分は疑似要素で*/

/*-----↓修正-------*/
/*#ham-menu:before {*/
.js-Toggle_Button {
/*-----↑修正-------*/
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	background-color: #666666; /*ボタン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #fff; /*アイコン（フォント）色*/
    content: "≡"; /*メニューアイコン*/
    display: block;
    font-size: 3rem; /*アイコン（フォント）サイズ*/
    height: 3rem;
    line-height: 3rem; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: left;
    top: 0px;
    /*----↓修正---------*/
	width: 40px;
	width: 60px;
	/*----↑修正---------*/
}

/*----↓追加---------*/
	.js-Open {
	right: 0 !important;
	}
/*----↑追加---------*/





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

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

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
header{
}
	

nav{
	display:none;/*非表示*/
}

#head02{
}

#head-logo img{
	width: 25%;
}


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

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

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

#main_visual-01{
	display: block;
}

#main_visual-01 img{
	margin-bottom: 0.75rem;
	width: 100%;
}
#main_visual-02{
	display: none;/*非表示*/
}
#main_visual-03{
	display: none;/*非表示*/
}


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

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

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	
article{
	clear: both;
	width: 97%;
	margin: auto;
	}	
	

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

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

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

#top-info{
	margin-bottom: 3rem;
	}

#top-info h1{
	line-height: 3rem;
	color: #282b64;
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 0.05rem;
	}
	
#top-info p{
	color: #282b64;
	text-align: center;
	line-height: 1.7rem;
	font-size: 0.95rem;
	}
	
p#button-toi{
	background-color: #4f547c;
	text-align: center;
	line-height: 3rem;
	font-size: 0.9rem;
	margin: auto 0.5rem;
	}
p#button-toi a{	
	color: #ffffff;
	font-weight: 400;
	line-height: 3.5rem;
	display: block;
	margin: 1rem 0;
	}
p#button-toi a:hover{
	background-color: #282b64;
	}



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

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

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


.section-jirei img{
	display: none;
}

.section-jirei a{
	background: #cacbd7;
	margin: 0.5rem;
	display: block;
}
.section-jirei a:hover{
	background-color: #4f547c;
	color: #ffffff;
}

.section-jirei h3{
	color: #282b64;
	padding-top: 0.5rem;
}
.section-jirei a h3{
	font-size : 1.05rem;
	line-height: 2rem;
	font-weight: 500;
	letter-spacing: 0.05rem;
}
.section-jirei a:hover h3{
	color:#ffffff;
	background-color: #282b64;
	display: block;
}

.section-jirei h4{
	color: #282b64;
	margin: auto;
	padding: 0 1rem 0.5rem 1rem;
}
.section-jirei a h4{
	font-weight: normal;
	color: #282b64;
	font-weight: 300;
	font-size : 0.9rem;
	line-height: 1.3rem;
}
.section-jirei a:hover h4{
	color:#ffffff;
	background-color: #282b64;
	display: block;
}

#sekoujirei{
	margin-bottom: 1.5rem;
}




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

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

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

h1#top-info{
	color: #282b64;
	font-size: 1.2rem;
	margin-bottom: 0rem;
	}

#whatnew{
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1.5rem;
	position: relative;
}
	
#whatnew p{
	font-size: 1rem;
	line-height: 1.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border-bottom: 1px solid #cccccc;
	font-size: 0.9rem;
	line-height: 1.5rem;
}
#whatnew p a{
	color: #4f547c;
}
#whatnew p a:hover{
	color: #282b64;
}

#whatnew p#whattop{
	border-top: 1px solid #cccccc;
}



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

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

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

.w100-toi{
	width: 100%;
	margin: 3rem 0 0 0;
	}

#toi-box{
	margin: auto 0.5rem 2rem 0.5rem;
	background-color: #4f547c;
	display: block;
			}
#toi-box a{	
	color: #ffffff;
	display: block;
	}
#toi-box a:hover{
	background-color: #282b64;
}		
p.toi_bottom{
	text-align: center;
	line-height: 1.5rem;
	font-size: 1.2rem;
	padding: 1rem;
	letter-spacing: 0.01rem;
	font-weight: bold;
	}
p.toi_bottom#toi_s{
	font-size: 0.9rem;
	font-weight: normal;
	border-top: solid 1px #fff; 
	}


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

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

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

footer{
	background-color: #E6E6E6;
	text-align: left;
	width: 100%;
	clear: both;
	}
	
#footerare{
	padding: 1% 2.5%;
	margin: auto;
	clear: both;
	}

#footer-logo img{
	display: none;
	}
	
#footer-link{
	padding-bottom: 1%;
	width: 100%;
	}

#footer-link p{
	font-size: 0.9rem;
	line-height: 1.3rem;
	color: #333;
	padding-left; 2rem;	
	}
#footer-link a{
	color: #666666;
	display: block;
	border-bottom: 1px solid #cccccc;
	line-height: 2.5rem;
	padding-left: 1rem;
	}
#footer-link a:hover{
	color: #ffffff;
	background: #4f547c;
	}


address{
	font-size: 0.6875rem;/*11*/
	color: #fff;
	line-height: 2.1818rem;/*24*/
	text-align: center;
	font-style: normal;
	background: #4f547c;
}





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

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

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
section{	
	clear: both;
}


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


#kasou-main-iryo{
	position: relative;
    background: url(../images/back-iryo-2.jpg) no-repeat;	
	-webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;	
	display: flex;
	justify-content: center;
	align-items: center;
	}
#kasou-main-iryo:before {
  content:"";
  display: block;
  padding-top: 28%;/*背景画像の高さ*/
}

#kasou-main-jutaku{
	position: relative;
    background: url(../images/back-jutaku.jpg) no-repeat;	
	-webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;	
	display: flex;
	justify-content: center;
	align-items: center;
	}
#kasou-main-jutaku:before {
  content:"";
  display: block;
  padding-top: 28%;/*背景画像の高さ*/
}

#kasou-main-cerec{
	position: relative;
    background: url(../images/back-ba.jpg) no-repeat;	
	-webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;	
	display: flex;
	justify-content: center;
	align-items: center;
	}
#kasou-main-cerec:before {
  content:"";
  display: block;
  padding-top: 28%;/*背景画像の高さ*/
}

#kasou-main-ba{
	position: relative;
    background: url(../images/back-new2.jpg) no-repeat;	
	-webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;	
	display: flex;
	justify-content: center;
	align-items: center;
	}
#kasou-main-ba:before {
  content:"";
  display: block;
  padding-top: 28%;/*背景画像の高さ*/
}

#kasou-main-company{
	position: relative;
    background: url(../images/back-com.jpg) no-repeat;	
	-webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;	
	display: flex;
	justify-content: center;
	align-items: center;
	}
#kasou-main-company:before {
  content:"";
  display: block;
  padding-top: 28%;/*背景画像の高さ*/
}


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



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

.breadcrumbs {
/*width: 1400px;
*/margin: 10px;
}
.breadcrumbs ul {
display: table;
font-size: 13px;
}
.breadcrumbs ul li {
margin: 0 1px;
font-size: 13px;
display: inline-block;　/*横並びにします*/

}
.breadcrumbs ul li:after {
padding: 0 10px;
content:" ＞ ";　/*後ろに記号( ＞ )を追加します*/
font-family: FontAwesome;
font-size: 14px;
}
.breadcrumbs ul li:last-child:after {
padding: 0;
content: ""; /*記号( ＞ )なし*/
font-family: FontAwesome;
font-size: 14px;
}
.breadcrumbs ul li a{
	color: #666;
}
.breadcrumbs ul li a:hover{
	color: #282b64;
}


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

h2#title{
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0.12rem;
	color: #282b64;
	text-align: center;
	line-height: 4rem;
	margin: 1rem 0;
	background-color:#cacbd7;
}
h5{
	font-size: 0.9rem;/**/
	letter-spacing: 0.12rem;
	text-align: center;
	padding: 0.6rem 0;/**/
	line-height: 1.5rem;
	background-color: #ccc;
}	
.center{
	max-width: 767px;
	margin: auto;
	clear: both;
/*	overflow-x:hidden;
*/	margin-bottom: 0;
}
.center p{
	font-size: 1rem;
	line-height: 1.75rem;
}
.center p.cerec{
	font-size: 0.9rem;
	line-height: 1.5rem;
	text-align: left;
	margin: 0 1rem;
}
.center-com p{
	font-size: 1rem;
	line-height: 1.75rem;
}


.sekou, .sekou3{
	margin: auto;
	text-align: center;
}
.sekou img, .sekou3 img{
	max-width: 100%;
	margin: 1rem;
}
.sekou p, .sekou3 p{
	text-align: center;
}


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



/*□□□□□□□□会社情報□□□□□□□□□□*/
#rinen1{
	color: #0085B2;
	font-weight: bold;
	line-height: 2.5rem;
	font-size: 1rem;/*16*/
	}
#rinen2{
	color: #0085B2;
	font-size: 1.125rem;/*18*/
}

p.text-center{
	text-align: center;
}

.center-com p br{
	display: none;
}
/*■■■■■■■■■■■■■■■■■■

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

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

table{
	font-size: 0.9375rem;/*15*/
	line-height: 1.2rem;/*18*/
	text-align: left;
	border-bottom: 1px solid #444444;
	border-top: 1px solid #444444;
	width: 100%;
}

table th{
	width: 27%;
	background-color: #F5F5F5;
	padding:0.8rem 0 0.8rem 0.5rem;
	border-bottom: 1px dotted #cccccc;
	font-weight: normal;
}
table td{
	background-color: #ffffff;
	border-bottom: 1px dotted #cccccc;
	padding-left: 0.5rem;
	padding:0.8rem 0 0.8rem 0.5rem;
}

table td a:link {
	color: #0085B2;
}

table td a:visited {
	color: #0085B2;
	}
table td a:hover {
	color: #0085B2;
	font-weight: bold;
	}
table td a:active {
	color: #0085B2;
	}



table.map{
	border-top: 1px dotted #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top: 0.75rem;
	}
	

/*□□□□□□□□お問い合わせフォーム□□□□□□□□□□*/
#toi_form{
	padding-top: 0.75rem;/*12*/
	padding-bottom: 0.75rem;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
	background-color: #cacbd7;
}

#form-setsumei{
	background-color: #fff;
	width: 90%;
	margin-top: 0.75rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5rem;
	padding: 4%;
	border-radius: 10px;  /* CSS3草案 */  
    -webkit-border-radius: 10px;   /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
p#form-setsumei{
	font-size: 0.75rem;/*12*/
	line-height: 1.333rem;
}
p#form-setsumei a{
	color:#250EC4;
}

.form01,.form02,.form03{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}
.form01 p,.form02 p,.form03 p{
	padding-bottom: 0.75rem;
	}


.p_smoll{
	font-size: 0.75rem;
	line-height: 1rem;/**/
}
.bule{
	color: #000066;
	margin-bottom: 2rem;
}
.hissu,.hissu_nini{
	background-color: #ff0000;
	font-size: 0.75rem;
	line-height: 1.3333rem;
	margin-right: 0.75rem;
	padding: 0.15rem 0.75rem;
	color: #ffffff;
	-webkit-border-radius: 5px;   /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	line-height: 1.333rem;
}
.hissu_nini{
	background-color: #666666;
	}

textarea,.form01 input,.form02 input,.form03 input{
	display: block;
	margin-bottom: 0rem;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	border: solid 2px #666;
	border-radius: 5px;  /* CSS3草案 */
	-webkit-border-radius: 5px;   /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	line-height: 1.5rem;
	text-align: left;
}

.form03 input{
text-align: center;
	width: 80%;
	margin-bottom: 1rem;
}
#form04 input{
text-align: center;
}

.form02 input{
 text-align: left;
	display: inline;
	width: 10%;
}

/*
.form02 input{
 text-align: center;
	display: inline;
	width: 90%;
}
*/





#privacy{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.75rem;
	line-height: 1.5rem;
	font-weight: bold;
	margin-bottom: 3rem;
	}
#privacy p{
	padding-bottom: 0.23076rem;
	margin-bottom: 0.23076rem;
	border-bottom: 1px solid #cccccc;
	font-size: 1rem;
	}
#privacy dl{
	text-align: left;
}
#privacy dt{
	font-weight: bold;
}
#privacy dd{
	margin-left: 1rem;
	font-weight: normal;
}
#privacy li{
	list-style-type: disc;
	margin-left: 1rem;
}

/*----------↑↑お問い合わせフォーム↑↑----------*/











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

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

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*
.page-top a{
	display: none;/*非表示*/
/*}
*/

.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;
	}
	
	
}