body{  
    margin: 0;  
    padding: 0px 0 80px 0; 
    overflow-y: scroll; 
}  
* html body{  
    overflow: hidden;  
}

header {
    position: fixed;
    width: 100%;
    height: 150px;
    background-color: rgba(255,255,255,0.97);
}

.footer_main {
text-align: center;
}  
div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 80px;  
    background-color: #FFFFFF;  
    color: #333333;
    Font-family:Franklin Gothic Medium   
}  




.items {
  display: flex;
  justify-content: space-between;
}
.items .item_01 {
  width: 10%;
}

.items .item_02 {
  width: 74%;
}

.items .item_03 {
  width: 16%;
}

.item-title {
  padding: 25 40 0px;
}

.item-img {
  padding: 0;
}
.item-body {
  padding: 0;
}


nav{
text-align: right;
}
nav ul{
margin: 0 ;
padding: 35 0 0px;
}
nav ul li{
list-style: none;
display: inline-block;
width: 16%;
min-width: 150px;
font-size: 22px;
font-family:Franklin Gothic Medium

}
nav ul li a{
text-decoration: none;
color: #808080;
}
nav a.current{
color: #000;
}
nav ul li a:hover{
color: #cccccc;
}



nav_icon{
text-align: right;
}
nav_icon ul{
margin: 0 ;
padding: 32 40 0px;
}
nav_icon ul li{
list-style: none;
display: inline-block;
width: 8%;
min-width: 30px;
}



nav_sub{
text-align: right;
}
nav_sub ul{
margin: 0 ;
padding: 30 40 0px;
}
nav_sub ul li{
list-style: none;
display: inline-block;
width: 7.5%;
min-width: 110px;
font-size: 16px;
font-family:Franklin Gothic Medium
}
nav_sub ul li a{
text-decoration: none;
color: #808080;
}
nav_sub a.current{
color: #808080;
}
nav_sub ul li a:hover{
color: #808080;
}






* {
margin : 0;
padding : 0;
}
#wrapper { 
}
#content_wrapper {
max-width : auto;
margin : 0 auto;
}
img {
border: none;
vertical-align:bottom;
}

#main_image img {
width : 100%; 
height : auto;
}

#demo_image {
width : 100%; /* グロナビの横幅を ウィンドウの100%にする。*/
}

#demo_image .page {
width : 100%; /* 各ボタンを横幅の25% にする。 */
float :left; /* 指定要素を左に寄せる */
}

#demo_image .page img {
width : 100%; 
height : auto;
}

#works_image {
width : 100%; /* グロナビの横幅を ウィンドウの100%にする。*/
}

#works_image .page {
width : 33.333333%; /* 各ボタンを横幅の25% にする。 */
float :left; /* 指定要素を左に寄せる */
}

#works_image .page img {
width : 100%; 
height : auto;
}

.clear {
clear: both;
}