@charset "UTF-8";
/* --------------------
   MV
-------------------- */
#mv {
  background: url("../images/works/hd-img.jpg") no-repeat center center;
  background-size: cover;}

/* --------------------
   WORKS
-------------------- */
/* point */
@media screen and (min-width: 1080px){
  #point .contents { padding: 140px 0 160px;}
  #point h2 { margin: 20px 0 30px;}}
@media screen and (max-width: 1080px){
  #point { padding: 10vw 0;}
  #point h1,#point h2,#point p { max-width: 500px; width: 100%;margin: 10px auto;}
  #point h2 { margin: 2vw auto 20px;}}
@media screen and (max-width: 480px){ #point { padding: 15vw 0;}}

/* works */
#works .photo img { border-radius: 10px;}
#works h1 { color: #13673F;margin: 0 0 30px;}
@media screen and (min-width: 1080px){
  #works .contents { padding: 140px 0 160px;}
  #works .list_box {
    align-items: center;
    display: flex;}
  #works .list_box + .list_box {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #eee;}
  #works .list_box .photo {
    width: 340px;}
  #works .list_box .text {
    margin-left: 80px;
    width: 580px;}}
@media screen and (max-width: 1080px){
  #works { padding: 10vw 0;}
  #works h1,#point p { max-width: 500px; width: 100%;margin: 10px auto;}
  #works h1 { margin: 40px auto 20px;}
  #works .list_box { max-width: 500px; width: 100%;margin: 10px auto;}
  #works .list_box + .list_box { margin-top: 10vw;}
  #works .list_box img { width: 100%;}}
@media screen and (max-width: 480px){
  #works { padding: 15vw 0;}
  #works .list_box + .list_box { margin-top: 15vw;}}