.body p{
font-size:3px;
font-family:Quicksand, sans-serif;
}

.box0{
position:-webkit-sticky; 
background-color:white; 
}

.box1{
width:100%;
overflow: hidden;
*zoom: 1;
background-color:#2D2D2D; 
padding-top:150px;
}

/*ヘッダー*/
.site-header{
left:0;
line-height:1;
position:fixed;
top:0;
width:100%;
z-index:24;  
text-decoration:none;
}

.gnav ul li{
display:inline;
color:#282828;
font-family:Quicksand, sans-serif;
}
.gnav{
text-align:right;
margin-right:40px;
}
.gnav_menu_item{
margin-right:50px;
}

.gnav_menu_item a{
text-decoration:none;
color:#282828;
}
.gnav_menu_item a:hover{
font-size:1.5em;
}


/*トップの画像*/
.top{
width:100%;
overflow: hidden;
*zoom: 1;
position:-webkit-sticky;
position:sticky;
top:0;
}
.section01 img{
height:auto;
max-width:100%;
}
.title{
position:relative;
top:40px;
}


/*ABOUTについて*/
.about{
padding-top:150px;
position:-webkit-sticky;
top:0;
padding-bottom:900px;
margin-top:150px;
background-color:white;
width:100%;
}
.tomato{
position:absolute;
right:0;
left:0;
margin:auto;
width:50%;
z-index:1;
}
.tomato p{
font-family:Quicksand, sans-serif; 
color:#636363;
width:100%;
white-space:nowrap;
text-align:center;
font-size:14px;
line-height:2;
}






/*コロコロ画像*/
.gazou{
background-color:white;
width:100%;
}

.gazou img{
width:60%;
padding-bottom:200px;
position:relative;
left:18%;
}


/*TYPEについて*/
.type{
width:100%;
height:auto;
padding-bottom:150px;
}

.type p{
font-family:Quicksand, sans-serif; 
color:#D3D3D3;
width:100%;
white-space:nowrap;
text-align:center;
font-size:14px;
line-height:2;
}



/*TYPEの画像*/
.long after{
content:"";
display:block;
clear:both;
width:100%;
}

.long{
width:100%;
overflow: hidden;
*zoom: 1;
text-align:center;
}

.tuna{
float:left;
width:55%;
}
.tuna img{
width:80%;
}

.tuna2{
float:left;
width:45%;
padding-top:40px;
}
.tuna2 p{
width:90%;
font-family:Quicksand, sans-serif; 
color:#D3D3D3;
font-size:12px;
line-height:2;
}

/*TYPEの画像2*/
.temoti after{
content:"";
display:block;
clear:both;
}

.temoti{
width:100%;
overflow: hidden;
*zoom: 1;
padding-top:100px;
text-align:center;
}

.green{
float:left;
width:45%;
padding-top:20px;
padding-top:40px;
}
.green p{
width:90%;
font-family:Quicksand, sans-serif; 
color:#D3D3D3;
text-align:center;
padding-left:40px;
font-size:12px;
line-height:2;
}

.green2{
float:left;
width:55%;
}
.green2 img{
width:80%;
text-align:center;
}


/*TYPEの画像3*/
.water after{
content:"";
display:block;
clear:both;
width:100%;
}

.water{
width:100%;
overflow: hidden;
*zoom: 1;
text-align:center;
padding-top:100px;
padding-bottom:100px;
}

.red{
float:left;
width:55%;
}
.red img{
width:80%;
}

.red2{
float:left;
width:45%;
padding-top:40px;

}
.red2 p{
width:90%;
font-family:Quicksand, sans-serif; 
color:#D3D3D3;
font-size:12px;
line-height:2;
}


/*PAPERについて*/

.qwerty{
padding-top:200px;
padding-bottom:100px;
clear:both;
width:100%;
overflow: hidden;
*zoom: 1;
}
.qwerty p{
font-family:Quicksand, sans-serif; 
color:#636363;
width:100%;
white-space:nowrap;
text-align:center;
font-size:14px;
line-height:2;
}


/*PAPERの画像*/



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

.paper{
width:100%;
overflow: hidden;
*zoom: 1;
}
.tree1{
text-align:center;
float:left;
width:33.3333%;
margin-bottom:30px;
}
.tree1 img{
width:40%;
}


.tree2{
float:left;
width:33.3333%;
text-align:center;
margin-bottom:30px;
}

.tree2 img{
width:40%;
}

.tree3{
float:left;
width:33.3333%;
text-align:center;
margin-bottom:30px;
}

.tree3 img{
width:40%;
}

/*PAPERの説明*/

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

.blue{
width:100%;
overflow: hidden;
*zoom: 1;
padding-bottom:40px;
}
.bone1{
text-align:center;
float:left;
width:33.3333%;
margin-bottom:100px;
}
.yellow p{
font-family:Quicksand, sans-serif; 
color:#636363;
font-size:13px;
width:80%;
}


.bone2{
float:left;
width:33.3333%;
text-align:center;
margin-bottom:100px;
}
.yellow p{
font-family:Quicksand, sans-serif; 
color:#636363;
font-size:13px;
width:80%;
}

.bone3{
float:left;
width:33.3333%;
text-align:center;
margin-bottom:100px;
}
.yellow p{
font-family:Quicksand, sans-serif; 
color:#636363;
font-size:13px;
width:80%;
padding-left:11%;
}


.yellow{
width:100%;
}



/*フッター*/
.min{
    position: relative;/*←相対位置*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/;
}

.purple{
    width: 100%;
    background-color: #393939;
    color:#EDEDED;
    text-align: center;
    padding: 20px 0;

    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}