@charset "utf-8";
/* CSS Document */


/*======================================
css
========================================*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: bottom;
    background: transparent;
}

*{
	margin: 0;
	padding: 0;
}

/*===========================
body
===========================*/
body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family: 'YuGothic', 'Yu Gothic medium', 'Hiragino Sans', 'Meiryo', 'sans-serif';
	color:#666;
}


.clearfix::after{
		content: "";
		display: block;
		clear: both;
	}

a{
	color:#666;
	text-decoration: none;
}
a:hover{
	color:#2e6449;
	opacity: 0.7;
	transition: 0.3s all ease-out 0.1s;
	-webkit-transition: 0.3s all ease-out 0.1s;
	-moz-transition: 0.3s all ease-out 0.1s;
}
img{
	vertical-align: bottom;
}


/*===========================
rakuten_wrap
===========================*/
.rakuten_wrap{
	width:950px;
	margin:0 auto;
	padding:0;
}


/*===========================
.header
===========================*/
.rheader{
	display: block;
	width: 950px;
	height: 170px;
	background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/headbg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

#toplogo{
	display: block;
	width: 150px;
	position: absolute;
	top: 40px;
	left: 409px;
}
/*==============================
.nav 
==============================*/

.nav_list{
	display: flex;
	flex-direction: row;
	width: 336px;
	position: absolute;
	top: 40px;
	left: 78px;
}

/*==============================
.footer nav 
==============================*/

.rakuten_footer{
	display: block;
	width: 950px;
	height: 740px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/footerbg.jpg);
    background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

#footerlogo{
	display: block;
	width: 150px;
	position: absolute;
	top: 140px;
	left: 416px;
}
.fnav_list{
	display: flex;
	flex-direction: row;
	width: 336px;
	position: absolute;
	top: 311px;
	left: 304px;
}



/*===========================
.slide
===========================*/
.slideshow{
	display: block;
	width: 950px;
	height: 300px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.slider-wrapper {
  width: 950px;
  height: 300px;
  overflow: hidden;
  position: relative;
}

.slider {
  display: inline-flex; /* ← flexより安定 */
  animation: scroll 90s linear infinite;
width: calc((460px + 35px) * 40);
}

.slider img {
  width: 460px;
  height: 300px;
  margin-right: 35px;
  object-fit: cover;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-10000px); } /* 仮で大きく動かす */
}
/*===========================
.plan
===========================*/

.plan{
  	display: block;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/planbg.jpg);
    background-repeat: no-repeat;
	background-size: contain;
    width: 950px;
    height: 461px;
	position: relative;
}

.plan_list{
	display: flex;
	justify-content: space-between;
	width: 890px;
	height: 295px;
    position: absolute;
    top: 119px;
	left: 30px;
}

#plan_btn{
	display: block;
	width: 200px;
	height: 23px;
	position: absolute;
	bottom: 3px;
	left: 375px;
}

/*===========================
.Top
===========================*/
#t01{
	display: block;
	width: 950px;
	height: 1240px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/t01.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}

#t02{
	display: block;
	width: 950px;
	height: 1284px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/t02.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
}

#t03{
	display: block;
	width: 950px;
	height: 380px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/t03.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
}

#t04{
	display: block;
	width: 950px;
	height: 580px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/t04.jpg);
    background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

.tbtn{
	display: block;
	width: 140px;
	position: absolute;
	right: 30px;
	bottom: 44px;
	
}
#t05{
	display: block;
	width: 950px;
	height: 580px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/t05.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}

#t06{
	display: block;
	width: 950px;
	height: 580px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/t06.jpg);
    background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}



#t07{
	display: block;
	width: 950px;
	height: 256px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/t07.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
}


.list2{
	display: flex;
	justify-content: space-between;
	width: 574px;
	height: 208px;
	position: absolute;
	top: 144px;
	left: 188px;
}
.list3{
	display: flex;
	justify-content: space-between;
	width: 790px;
	height: 208px;
	position: absolute;
	top: 144px;
	left: 80px;
}

#r1{
	display: block;
	width: 950px;
	height: 950px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/r1.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}
#r2{
	display: block;
	width: 950px;
	height: 400px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/r2.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}

#r3{
	display: block;
	width: 950px;
	height: 1296px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/r3.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}

#r4{
	display: block;
	width: 950px;
	height: 1036px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/r4.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}

#r5{
	display: block;
	width: 950px;
	height: 638px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/r5.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}



#r6{
	display: block;
	width: 950px;
	height: 1496px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/r6.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}

#r7{
	display: block;
	width: 950px;
	height: 1036px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/r7.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}

#r8{
	display: block;
	width: 950px;
	height: 630px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/r8.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}
#rbtn{
	display: block;
	width: 140px;
	position: absolute;
	right: 80px;
	bottom: 0px;
}


#h1{
	display: block;
	width: 950px;
	height: 950px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/h1.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}

#h2{
	display: block;
	width: 950px;
	height: 400px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/h2.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}
#h3{
	display: block;
	width: 950px;
	height: 1880px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/h3.jpg);
    background-repeat: no-repeat;
	background-size: contain;
}
#h4{
	display: block;
	width: 950px;
	height: 1400px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/h4.jpg);
    background-repeat: no-repeat;
	background-size: contain;	

}
#h5{
	display: block;
	width: 950px;
	height: 1270px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/h5.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
}
#h6{
	display: block;
	width: 950px;
	height: 1530px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/h6.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}
#h7{
	display: block;
	width: 950px;
	height: 490px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/h7.jpg);
    background-repeat: no-repeat;
	background-size: contain;	

}


.hbtn{
	display: block;
	width: 140px;
	position: absolute;
	bottom: 410px;
	left: 405px;
}
#f1{
	display: block;
	width: 950px;
	height: 950px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/f1.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}

#f2{
	display: block;
	width: 950px;
	height: 400px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/f2.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}
#f3{
	display: block;
	width: 950px;
	height:1630px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/f3.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
}
#f4{
	display: block;
	width: 950px;
	height: 2210px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/f4.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
}
#a1{
	display: block;
	width: 950px;
	height: 950px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/a1.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}

#a2{
	display: block;
	width: 950px;
	height: 400px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/a2.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
	position: relative;
}
#a3{
	display: block;
	width: 950px;
	height: 1053px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/a3.jpg);
    background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}
#a_map{
	display: block;
	width: 790px;
	height: 460px;
	position: absolute;
	top: 480px;
	left: 80px;
}
#a4{
	display: block;
	width: 950px;
	height: 1331px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/a4.jpg);
    background-repeat: no-repeat;
	background-size: contain;	

}
#a5{
	display: block;
	width: 950px;
	height: 898px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/kurokawasou/img/a5.jpg);
    background-repeat: no-repeat;
	background-size: contain;	
}