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

    .camera {
        width:100vw;
    }

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

    .camera {
        width:80vw;
    }
    .camera-block {
        top:35vw;
    }
}
@media screen and (max-width:1600px) {

    .camera {
        width:80vw;
    }
    .camera-block {
        top:38vw;
    }
}
@media screen and (max-width:1500px) {

    .camera-block {
        top:40vw;
    }  
}
@media screen and (max-width:1400px) {

    .camera-block {
        top:43vw;
    }  
}
@media screen and (max-width:1300px) {

    .camera-block {
        top:50vw;
    }  
    .about-copy {
    left:20vw
    }

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

    .camera-block {
        top:53vw;
    }  
}


@media screen and (max-width:1150px) {
   header {
    padding:10px 10px;
    position: fixed; 
    opacity: 1;
   }
    header img {
        width:170px;
    }
    header a{
        font-size:14px;
    }
     header a:hover {
        font-size:16px;
     }
     header ul {
        padding-left:0;
     }
     .navi {
        padding:10px 20px;
     }
     .header-button {
        margin-right:10px;
        margin-left:20px;
        width:100px;
        font-size:12px;
     }
     .header-button:hover {
        font-size:14px
     }
     .top-img {
        width: 350px;
     }
     .top-left ul {
        padding-right:5px;
        padding-left:5px;
     }
     .top-a {
        font-size:20px;
     }
     .top-a:hover {
        top:2px;
        left:2px;
        font-size:22px;
    }
    .top-left span{
        font-size:14px;
    }
    .scroll_down {
        margin-top:130px;
    }
    .block {
        display: block;
        float: right;
    }

    .about {
        height:1300px;;
    }
    .about-img {
        height:60vh;
        object-fit:fill;
    }
    .about-copy {
        top:40%;
        left: 19vw;
    }
  

    .color-white {
        font-size:75px;
    }
    .color-white-small {
        font-size:35px;
    }
    .color-yellow {
        font-size:50px;
    }
    .color-white-font {
        font-family:"バナナスリップ","oswald",sans-serif;
        font-size:105px;
    }
    .color-yellow-big {
        font-size:70px;
    }
 
    .about-text {
        font-size:18px;
        margin:10vh 5vw 10vw 0;
    }

    .main {
        height:auto;
    }
  .work-copy {
    font-size:40px;
    padding-top:5vw;
  }
  .left-tv {
    width:55%;
    font-size:25px;
    padding-left:2vw;
  }
  .right-tv {
    width:45%;
    font-size:25px;
    padding-left:5px;
  }

  .work li {
    margin:0 5px;
    font-size:16px;
  }
  .work p {
    padding-right:80px;
    font-size:18px;
  }
  .camera-block {
    display:none;
  }
  .camera {
    display:none;
  }
  .work-img {
    padding-top:40px;
    margin-bottom:0;
  }
  .right-tv p {
    padding-bottom:70px;
}
  .work h3 {
    padding-top:0;
    margin-bottom:3vw;
    text-align: center;
}

  .img-left2 {
    padding-left:20px;
    float:left;
    padding-top:0;
    padding-left:0;
}
.img-right {
    padding-right:0;
}
.img-right2 {
    float:left;
    padding-top:0;
}
#none-img{
    display: none;
}
.detail-img {
    display:flex;
    width:45vw;
    height:300px;
}
.detail-img2{
    display:flex;
    width:45vw;
    height:300px;
}
.work {
    height:100%;
    margin-top:40px;
}
.price {
    height:70%;
    margin-top:30px;
}
.price h3{
    padding-top:3vw;
    padding-left:0px;
    font-size:16px;
}

.main-upper {
    height: 45%;
    margin-bottom:0;
}
.main-bottom {
    padding-top:5vh;
    height: 55%;
}
.price-copy {
    font-size:40px;
    padding-top:5vw;
}

.cameraman  {
    font-size:20px;
    padding-top:1vw;
    padding-bottom:1vw;
}
.cameraman span{
    display:block;
}
.attention {
    padding:0 5px;
}
.attention p {
    font-size:18px;
}
.attention ul {
    padding-left:5px;
    margin:0 auto;
}
.attention li {
    font-size:14px;
}
.ate {
    font-size:16px;
    padding-top:0;
}
.contact a{
    width:100%;
}
.contact p {
    font-size:14px;
}
footer img {
    height:50px;
    width:180px;
    float:left;
    margin:40px;
}
.footer-left {
    width:30%;
}
.footer-right {
    width:60%;

}
.adress {
    padding-left:10px;
}

.content-block {
    opacity: 1;
}
.content-block2 {
    opacity: 1;
}
.content-block h1 {
    margin:0 auto;
    text-align: center;
   
}
.content-block2 h1 {
    margin:0 auto;
    text-align: center;
}
.work-block {
    padding:0 3%;
    opacity: 1;
}
.list {
    width:90vw;
    margin:0 5vw;
}
.list th {
    padding-right:10vw
}
.img-top img {
    height:450px;
    width:100vw;
    object-fit: cover;
    position: absolute;
    position: fixed;
    z-index: -1;
}
.content-block h4 {
   padding:0;
  }
dl {
    padding:5% ;
}
dd{
    float:left;
    padding-top:0;
}
dd input {
    width:85vw;

}
textarea {
    width:85vw;
    height:30vh;
}
select {
    width:85vw;

}
dt {
    padding:0 5%;
    padding-top:0;
}
.change {
    display: inline-block;
   
   }
#left {
    padding:0;
}
#right {
    padding-left:2vw;
}
.form-go {
    padding-top:40px;
    width:100%;
}
.form-go label  {
    font-size:10px;
}
.form-go2 {
    width:100%;
    margin:0 auto;
    padding-top:30px;
}
.form-go4 {
    text-align: center;
}
.tv {
    padding-right:22vw;
}
.footer-right {
    width:70%;
}
.footer-left {
    width:30%;
}
footer img {
    margin:5px;
}
.site-map {
    float:left;
}
.site-map a {
    text-decoration: none;
    color:black;
    line-height:2;
}
.site-map-copy {
    padding: top 10px;
    float:left;
    font-size:12px;
}
.adress {
    padding-top:15px;
    float:left;
    padding-left:50px;
    font-size:12px;
}
}

@media screen and (max-width:650px) {
    header ul {
        display: none;
    }
    header li {
        float: none;
    }
    #header-menu{
       
    }
    #hamburger{
        display: block;
    }
    .work li {
        font-size:12px;
    }
    .top-b {
        font-size:22px;
        width:100%;
        clear: both;
        font-family:"ヒラギノ角ゴシック" "Noto Sans JP", sans-serif;

    }
    .top-img {
        width:300px;
        top:8%;
        left: 5vw;
        padding:10px;
    }
    .top-left {
        width:none;
        background-color: none;
        width:0;
    }
    .top-right {
        width:100vw;
    }
    .top-navi {
        position: absolute;
        background-color: transparent;
        width:40vw;
    }
    .left-tv {
        padding-left:4vw;
    }
    .right-tv p {
        padding-bottom:7vw;
    }
    .top-a {
        color: white;
        position:flex;
        font-family: "ヒラギノ角ゴシック" "Noto Sans JP", sans-serif;
    }
    .fade-img {
        display: none;
      }
      .fade-img2 {
        position:absolute;
        opacity: 0.8;
        width: 100%;
        display: block;
      }
    .scro{
        color: white;
        
    }

    .about{
        height:1000px;
    }
    .on {
        display: none;
    }
    .off {
        display:block;
    }
    .about-copy {
        left:10vw;
    }
    .color-white {
        font-size:55px;
    }
    .color-white-small {
        font-size:30px;
    }
    #yellow {
        color:white;
        -webkit-text-stroke: 1px #865800;
        text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
    }
    .color-yellow {
        color: #CC910A;
        font-size:30px;
    }
    .color-white-font {
       
        font-size:90px;
        -webkit-text-stroke:  1px #865800;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
        color:white;
    }
    .color-yellow-big {
        font-size: 60px;
        color: #CC910A;
    }
    .about-text span {
        display:inline-block;
    }
   
    .main {

    }
    .main-upper {
        display: inline-block;
        align-items: center;
    }
    .main-bottom {
        display: inline-block;
        align-items: flex-end;
        padding-top:10px;
    }
    .work {
        width:95%;
        margin-bottom:10px;
        margin-left:3%;
    }
    .work h3 {
        padding-top:0;
        margin-bottom:3vw;
        font-size:20px;
    }
    .work-img {
        float:left;
        width:100%;
        padding:0;
    }
    .img-right {
        width:100%;
    }
    .img-left2 {
        width:100%;
    }
    .detail-img {
        
        float:left;
        width:50vw;
        height:200px;
        padding:10px;
        margin:0 auto;
    }
    .detail-img2 {
        float:left;
        width:50vw;
        height:200px;
        padding:10px;
        margin:0 auto;
    }
    .price {
        width:95%;
        margin-right:2vw;
    }
    .contact {}

    .contact p {
        font-size:8px;

    }
    .contact span {
        font-size:18px;
        
    }
    .content-block h1 {
        font-size:30px;
    }
    .content-block2 h1 {
        font-size:30px;
    }
    .content-block h4 {
        font-size:20px;
        display: block;
    }
    .mai {
        display: block;
    }
    footer {
        height:250px;
    }
    footer img{
        height:40px;
        width:150px;
        margin:10px;
    }
    .footer-left {
        width:100%;
    }
    .footer-right {
        width:100%;
        padding-top:10px;
    }
    .end {
        padding-top:0;
    }
    .site-map-copy {
        padding-top :10px;
        font-size:12px;  
        clear:both;
        padding-left:10px;
    }
    .site-map {
        clear:both;
        font-size:12px;
        padding-right:3vh;
    }
    .left-tv {
        width:55%;
    }
    .right-tv {
        width:45%;
    }
    .right-tv p {
        padding-bottom:10vw;
    }
    .work li {
        font-size:13px;
    }
    .cameraman {
        font-size:20px;
    }
    .ate {
        font-size:14px;
    }
    .price h3 {
        margin-top:20px;
        font-size:16px;
    }
    .price span {
        display: block;
    }
    .tv4 {
        float: none;
    }

}