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

@media screen and (max-width: 800px) {
	section.works div.works-line{
		width: 100%;
	}}

@media screen and (max-width: 800px) {
	section.works  div.works-line .box{
		width: 30%;
	}}



/* スマホのメニューを消す */
@media (min-width: 0px) and (max-width: 479px) {
   div.logo{
     display: none;
	   padding-bottom: 10px;
   }
}

@media (min-width: 0px) and (max-width: 479px) {
section.work_detail .work_detail_bg .work-d-inner{

  width: 100%;
  margin: 0 auto;
  max-width: 343px;
}
	}


@media (min-width: 0px) and (max-width: 479px){
	section.work_detail .box_image{
	width: 343px;
	float: left;
	margin-right:0px;
	text-align: center;
	}

}


@media (min-width: 0px) and (max-width: 479px){
	section.work_detail .box_image img{
  width: 100%;
	}}


@media (min-width: 0px) and (max-width: 479px){
	section.work_detail .box_illustrate{
	width: 343px;
	float: left;
	padding: 0px 20px 10px 0px;
	background-color: #FFF;
	font-size: 10pt;
	}}



@media (min-width: 0px) and (max-width: 479px){
	section.work_detail .box_illustrate ul{
	clear: both;
	padding: 0px 0px 0px 5px;
}}

@media (min-width: 0px) and (max-width: 479px){
	section.work_detail .box_illustrate ul li{
	list-style: none;
	float: left;
	}}