body {
    margin: 0;
    width:100%;
    background-color: #fbeed2;
}

a img {
border:none; 
}

header {
    border-top: solid 5px #8C7030;
    background-color: #fbeed2;
    height: 150px;
    padding: 1px;
    width:100%;
}
header #header_contents{
    width:1000px;
    margin: 33px auto;
}

header .line{
  display: none;
}

.slide_btn{
  display: none;
}

#category_list{
  display: none;
}

#category_list img{
  display: none;
}

#header_contents{
  display: block;
}

 .introduction{
       padding-left:50px;
   }

h1 {
    float: left;
    margin: 0;
}

ul {
    list-style: none;
}

li {
    float: left;
}

.main img{
    margin-top:70px;
}

    .main #attention {
        text-align:right;
        margin:285px 50px 0 0;
    }

.main{
     background-image:url(image/main_img.png);
       background-repeat:no-repeat;
       background-size:100%;
}

footer {
    margin:0px;
    clear: both;
    height:50px;
    background-color:#fbeed2;
    width:100%;
    text-align:right;
}

footer img {
    margin:22px 50px 0px 0px;
}

.not {
	padding:20px;
	text-align:center;
	margin:0 auto;
	}
	
.not h2 {
	text-align:center;
	font-size:30px;
	color:#9F9371;
	}
	
.top_btn {
	text-align:center;
	margin:0 auto;
	}
	
.top_btn a {
	padding:10px 50px;;
	border-radius:4px;
	color:#fff;
	width:300px;
	background-color:#9F9371;
	text-decoration:none;
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
    transition: 0.3s;
	}
	
.top_btn a:hover {
	color:#fff;
	background-color:#BFA55E;
	text-decoration:none;

}
/* 以下メディアクエリ 最小幅1000px */
@media screen and (max-width: 1000px) {
  body {
      margin: 0;
      width:100%;
  }

header{
  height: 100px;
}

  header #header_contents{
        text-align: left;
        margin-top: 10px;
  }

header .slide_btn {
  display: inline-block;
  float: left;
}

header .slide_btn img{
  padding: 15px 25px 15px 25px;
}

header .line{
  display: block;
}

header .line img{
  float: left;
  padding-right: 25px
}

#pc_menu{
  display: none;
}

    ul li img{
      margin-left: 0px
    }

    ul li .info img{
      margin-left: -50px
    }

    ul li {
      float: none;
    }

    .main #purpose img {
      text-align: left;
      margin: 30px 0 0 -20px;
      width: 80%
    }

    .main{
           background-size:100%;
           background-image:url(image/responsible_back.png);
           background-repeat:no-repeat;
    }

    .main #attention {
        text-align:right;
        margin-top: 300px;
        margin-left: 50px;
        margin-bottom: 200px
        width: 50%;
        }

    footer {
        margin-top:px;
        text-align: left;
        height: 140px;
        text-align: right;
    }

    footer img{
      margin:60px 30px 0px 50px;
      text-align: right;
    }
	
/* 404ページ */

.not {
	padding:20px;
	text-align:center;
	margin:0 auto;
	}
	
.not h2 {
	text-align:center;
	font-size:30px;
	color:#9F9371;
	}

/* スマホアコーディオンCSS */
#category_list{
	display:none;
	width:100%;
 	position: fixed;
	z-index:999;
	top: 0px;
	left: 0px;
  border-top: solid 5px #8C7030;
  background-color: #fbeed2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#category_list img{
  display:inline-block;
}

#category_list ul li{
  border-bottom: solid 1px #8C7030;
  height:60px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: -50px
}

.list_close{
  float: none;
  text-align: center;
}
}

@media screen and (max-width: 750px) {
  body {
      margin: 0;
      width:100%;
      background-color:#fbeed2;
  }

  .main{
         background-size:100%;
         background-image:url(image/responsible_back2.png);
         background-repeat:no-repeat;
  }

  .main #attention {
      text-align:right;
      margin-top: 250px;
      margin-left: 50px;
      margin-bottom: 200px
      width: 50%;
      }
}