@charset "utf-8";

#work #main {
   width:100%;
   padding-top:100px;
   color:#fff;
}
#work .sec01 {
   width:1020px;
   margin-left:auto;
   margin-right:auto;
   padding-bottom:70px;
}




#work .sec01 .wrap {
   width:1020px;
   margin-left:auto;
   margin-right:auto;
   display: flex;
   flex-wrap: wrap;
}


#work .sec01 .wrap h2 {
   text-align: left;
   line-height:1.7em;
   margin-top:80px;
   margin-bottom:20px;
   font-size:2.4rem;
   padding-left:0px;
   font-family: 'Cormorant Garamond';
}
#work .sec01 .wrap h2 span {
   font-family: 'YuKyo-Medium',游明朝,"Yu Mincho",YuMincho;
}
#work .sec01 .wrap .list {
   margin-bottom:50px;

}
#work .sec01 .wrap .product_photo {
   width: calc(50% - 2%);
   margin-right: 15px;
   margin-bottom: 20px;
}
#work .sec01 .wrap .product_photo img {
   width:100%;
}

#work .sec01 .wrap .backbt {
	text-align:center;
}
#work .sec01 .wrap .backbt a {
	width:200px;
	padding:.5em 0;
	margin:60px auto 0 auto;
	border:1px solid #555;
	display:block;
	font-size:15px;
	font-size:1.5rem;
	-webkit-transition: background-color .3s linear, color .3s linear;
	font-family: 'Cormorant Garamond';
}
#work .sec01 .wrap .backbt a:hover {
	color:#fff;
	background:#555;
}






@media screen and (max-width: 640px) {

#work #main {
   width:100%;
   padding-top:40%;
   color:#fff;
}
#work .sec01 {
   width:98%;
   margin-left:2%;

   padding-bottom:25%;
}
#work .sec01 .wrap {
   font-size:1.3rem;
   width:100%;
}
#work .sec01 .wrap p {
   padding-bottom:10%;
}
#work .sec01 .wrap h2 {
   text-align: left;
   line-height:1.7em;
   margin-top:5%;
   margin-bottom:27%;
   padding-left:4%;
   font-size:2.0rem;
}
#work .sec01 .wrap .list {
      padding-left:4%;
}
#work .sec01 .wrap .product_photo {
   width: calc(96% - 2%);
   margin-bottom:2%;
}
#work .sec01 .wrap .backbt a {
	margin:100px auto 30px auto;
	font-size:16px;
	font-size:1.6rem;
}
#work .sec01 .wrap .photographer {
	margin-left:4%;
}



}