/*====================================================================================================
  TOPPAGE 
====================================================================================================*/
#toppage {}
#toppage h3 { text-align:center; }
#toppage h3 b { font-family:"Noto Sans JP"; font-size:180%; letter-spacing:0.1em; }
#toppage h3 small {
	display:block;
	font-family:"Barlow";
	font-size:82%;
	color:#E29C00;
	letter-spacing:0.05em;
}
#toppage .box_main { width:100%; max-width:1000px; margin:auto; clear:both; }
#toppage .box_main::after { clear:both; content:""; display:block; }


/* MAINIMG */
#toppage .mainimg { background:#F9F5EF; width:100%;}
#toppage .mainimg .swiper-container{ margin:0 auto; max-width:1350px; }
#toppage .mainimg .swiper-container { border-radius:30px; border:5px solid #231815; overflow:hidden; }
#toppage .mainimg .swiper-container .swiper-slide img { width:100%; height:550px; object-fit:cover; }
#toppage .mainimg .swiper-container .swiper-slide img:hover { opacity:unset; }



/* ABOUT */
#toppage .about { background:#F9F5EF; }
#toppage .about .box_main { padding:128px 0; position:relative; }
#toppage .about .box_main::before {
	content:"";
	position:absolute;
	top:0;
	right:-50px;
	width:163px;
	height:163px;
	background:url(https://www.tees-furniture.com/image/top/about_icon.png) no-repeat;
}
#toppage .about .box_main .come {
	text-align:center;
	margin:50px 0;
	font-family:"Noto Sans JP";
	font-size:100%;
	font-weight:500;
}
#toppage .about .box_main .photo { text-align:center; }


/* PRODUCT */
#toppage .product { max-width:1000px; margin:0 auto; padding:100px 0; position:relative; }
#toppage .product::before {
	content:"";
	position:absolute;
	left:-50px;
	top:-20px;
	width:229px;
	height:208px;
	background:url(https://www.tees-furniture.com/image/top/product_icon.png) no-repeat;
}
#toppage .product::after { display:block; clear:both; content:""; }
#toppage .product h3 { clear:both; margin-bottom:75px; }
#toppage .product .box {
	float:left;
	width:220px;
	font-family:"Yu Gothic";
	font-weight:normal;
	line-height:120%;
	margin:0 40px 45px 0;
}
#toppage .product .box.box4 { margin-right:0; }
#toppage .product .box .photo { width:100%; }
#toppage .product .box .photo img { width:100%; border: 1px solid #666; }
#toppage .product .box .name { font-size:113%; margin:10px 0; }
#toppage .product .box .size,
#toppage .product .box .price { font-size:88%; line-height:130%; }


/* FLOW */
#toppage .flow { background:#f9f5ef; padding:105px 0 130px; }
#toppage .flow::after { display:block; clear:both; content:""; }
#toppage .flow h3 { margin-bottom:55px; }
#toppage .flow .box { width:100%; max-width:700px; margin:auto; position:relative; }
#toppage .flow .box::after { 
	position:absolute;
	content:"";
	background:url(https://www.tees-furniture.com/image/top/flow_bg.png) no-repeat;
	background-size:100%;
	width:87px;
	height:146px;
	right:-165px;
	top:-333px;
}
#toppage .flow .box .box1 { clear:both; font-family:Noto Sans JP; }
#toppage .flow .box .box1::after { clear:both; content:""; display:block; }
#toppage .flow .box .box1 .come { width:430px; text-align:justify; line-height:200%; }
#toppage .flow .box .box1 .photo-r { float:right; }
#toppage .flow .box .box1 .photo-l { float:left; }
#toppage .flow .box .box1 .photo-c { text-align:center; }
#toppage .flow .box .box1 h4 {
	background:#fac000; 
	width:303px; 
	height:52px;
	font-size:138%; 
	padding:10px 10px 10px 90px; 
	position:relative;
	margin-bottom:15px;
}
#toppage .flow .box .box1 h4::before {
	font-family:Yu Mincho; 
	font-size:175%;
	position:absolute;
	text-align:center;
	width:60px;
	height:52px;
	left:0;
	top:0;
	border-right:2px dotted #f9f5ef;
	line-height:145%;
}
#toppage .flow .box .box1 h4::after {
	content:"";
	position:absolute;
	left:-5px;
	top:0;
	bottom:0;
	margin:auto;
	background:#f9f5ef;
	width:14px;
	height:14px;
	border-radius:50%;
}
#toppage .flow .box .flow1 h4::before { content:"1"; }
#toppage .flow .box .flow2 h4::before { content:""; }
#toppage .flow .box .flow3 h4::before { content:"2"; }
#toppage .flow .box .flow4 h4::before { content:"3"; }
/*#toppage .flow .box .flow5 h4::before { content:"4"; }*/
#toppage .flow .box .flow6 h4::before { content:"4"; }
#toppage .flow .box .flow7 h4::before { content:"5"; }
#toppage .flow .box .flow8 h4::before { content:"6"; }

#toppage .flow .box .flow1 { margin-bottom:105px; }
#toppage .flow .box .flow2 { margin-bottom:115px; }
#toppage .flow .box .flow3 { margin-bottom:90px; }
#toppage .flow .box .flow4 { margin-bottom:85px; }
#toppage .flow .box .flow5 { margin-bottom:115px; }
#toppage .flow .box .flow6 { margin-bottom:80px; }
#toppage .flow .box .flow7 { margin-bottom:80px; }

#toppage .flow .box .flow2 .photo-l { margin:-15px auto auto 28px; }
#toppage .flow .box .flow4 .photo-l { margin-left:50px; }

#toppage .flow .box .flow1 .photo-r { margin-top:-75px; }
#toppage .flow .box .flow5 .photo-r { margin-top:-80px; }

#toppage .flow .box .flow2 h4,
#toppage .flow .box .flow4 h4 { margin-right:122px; }
#toppage .flow .box .flow7 h4 { width:506px; }

#toppage .flow .box .flow2 h4,
#toppage .flow .box .flow2 .come { float:right; }

#toppage .flow .box .flow3 .come,
#toppage .flow .box .flow4 .come,
#toppage .flow .box .flow6 .come,
#toppage .flow .box .flow7 .come,
#toppage .flow .box .flow8 .come { width:100%; margin-bottom:10px; }


/* COMPANY */
#toppage .company { padding:90px 0; position:relative; }
#toppage .company::before {
	content:"";
	position:absolute;
	background:url(https://www.tees-furniture.com/image/top/company_bg.png) no-repeat;
	background-size:100%;
	width:217px;
	height:153px;
	top:-70px;
	left:-10px;
}
#toppage .company::after { display:block; clear:both; content:""; }
#toppage .company table { 
	clear:both; 
	width:96%;
	margin:95px auto auto;
	border-collapse:collapse; 
	border-top:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
}
#toppage .company table::after { clear:both; content:""; display:block; }
#toppage .company table th { 
	background:#eee; 
    width:30%;
    text-align:center;
    font-weight:bold;
    font-size:113%;
}
#toppage .company table td { width:70%; }
#toppage .company table th,
#toppage .company table td { border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:10px; }


/* ACCESS */
#toppage .access { }
#toppage .access::after { display:block; clear:both; content:""; }
#toppage .access h3 { margin-bottom:80px; }
#toppage .access iframe { width:100%; margin-bottom:-9px; }


/* CONTACT */
#toppage .contact { background:#F9F5EF; padding:100px 0; }
#toppage .contact::after { display:block; clear:both; content:""; }