.tabs {
   width: 80%;
   margin: 10px auto;
   position: relative;
 }
.tab-buttons{
   
}
 .tab-buttons h3 {
   cursor: pointer;
   width: 33.3%;
   float: left;
   height: 40px;
   line-height: 40px;
   display: inline;
 }
 .tab-content {
   display: inline-block;
   padding: 15px;
   width: 100%;
 }
 #lamp {
   width: 33.3%;
 
   height: 2px;
   background: #0d0d0d;
   display: block;
   position: absolute;
   top: 52px;
   
   transition: all .3s ease-in;
   transition-o-: all .3s ease-in;
   transition-webkit-: all .3s ease-in;
   transition-moz-: all .3s ease-in;
 }
 #lamp.content2 {
   left: 33.3%;
   transition: all .3s ease-in;
   transition-o-: all .3s ease-in;
   transition-webkit-: all .3s ease-in;
   transition-moz-: all .3s ease-in;
 }
 #lamp.content3 {
   left: 66.6%;
   transition: all .3s ease-in;
   transition-o-: all .3s ease-in;
   transition-webkit-: all .3s ease-in;
   transition-moz-: all .3s ease-in;
 }
 #lamp.content1 {
   left: 0;
   transition: all .3s ease-in;
   transition-o-: all .3s ease-in;
   transition-webkit-: all .3s ease-in;
   transition-moz-: all .3s ease-in;
 }
 .work-group {
   justify-content: center;
   display: flex;
   align-items: center;
   gap: 15%;
 }
 .logo-works {
   background-size: 150px 150px;
   width: 150px;
   height: 150px;
   margin: 100px auto 0 auto;
 }
 .doari-logo {
   background-image: url(../image/logo1.png);
 }
 .fire-logo {
   background-image: url(../image/logo2.png);
 }
 .work-content {
   height: 808px;
 }
 .banner-content {
   height: 1000px;
 }
 .work-content dl {
   text-align: center;
   margin: 40px 0 40px 0;
 }
 .work-content .sentence {
   display: flex;
   gap: 25px;
   justify-content: flex-start;
   align-items: flex-start;
   margin-top: 20px;
 }
 .work-content .logo-movie-sentence {
   width: 480px;
 }
 .work-content dt {
   width: 110px;
   font-weight: bold;
   padding-left: 5px;
 }
 .work-content dd {
   text-align: justify;
   width: 320px;
 }
 .banner-works {
   background-size: 400px 250px;
   width: 400px;
   height: 250px;
   margin: 150px auto 0 auto;
 }
 .shoes-banner {
   background-image: url("../image/banner1.jpg");
 }
 .hakata-banner {
   background-image: url("../image/banner2.jpg");
 }
 /*ここからWEBサイトエリア*/
 .site-pic {
   background-size: 700px 400px;
   width: 700px;
   height: 400px;
   margin: 100px auto 0 auto;  
 }
.web-heading{
    color: #0d0d0d;
}
.link{
    cursor: pointer;
}
.link:hover {
    opacity: 60%;
}
 .doari-pic {
   background-image: url("../image/website1.png");
 }
 .content2 .work-content {
   height: 1200px;
 }
 .content2 .sentence {
   display: flex;
   gap: 25px;
   justify-content: flex-start;
   align-items: flex-start;
   margin: 20px auto 0 auto;
 }
 .work-content .website-sentence {
   width: 960px;
 }
 .content2 dt {
   width: 110px;
   font-weight: bold;
   padding-left: 5px;
   font-size: 18px;
 }
 .content2 dd {
   text-align: justify;
   width: 760px;
   font-size: 18px;
 }
 .doari-point {
   background-size: 400px 225px;
   width: 400px;
   height: 225px;
   margin: 40px auto 30px auto;
 }
 .content2 .web-heading {
   text-align: center;
   font-weight: bold;
 }
 .doari-point1 {
   background-image: url("../image/website1-1.jpg");
 }
 .doari-point2 {
   background-image: url("../image/website1-2.jpg");
   background-size: 400px 330px;
   width: 400px;
   height: 330px;
   margin: 40px auto 30px auto;
 }
 .doari-point3 {
   background-image: url("../image/website1-3.jpg");
 }
 .doari-point4 {
   background-image: url("../image/website1-4.jpg");
 }
 .point-content {
   height: 460px;
 }
 .point-text {
   width: 470px;
   text-align: justify;
 }
 .second-group {
   margin-top: 120px;
 }
 /*ここからジムサイト*/
 .gym-pic {
   background-image: url("../image/website2.png");
 }
 .fire-point {
   background-size: 400px 250px;
   width: 400px;
   height: 250px;
   margin: 40px auto 30px auto;
 }
 .fire-point1 {
   background-image: url("../image/website2-1.jpg");
 }
 .fire-point2 {
   background-image: url("../image/website2-2.jpg");
 }
 .fire-point3 {
   background-image: url("../image/website2-3.jpg");
 }
 .fire-point4 {
   background-image: url("../image/website2-4.jpg");
 }
 .gym-content .site-pic {
   margin: 200px auto 0 auto;
 }
 /*ここからムービーエリア*/

.web-movie{
    margin-top: 60px;
}

.youtube-modal{
    padding-left: 47px;
}
.youtube-modal img:hover{
 opacity: 0.6;
}

.sp-movie{
    display: none;
}

 .content3 .work-group {
   margin-top: 50px;
 }
 .movie-group2,.movie-group3{
   margin-top: 150px !important;
 }
 /*下のクラスは４つ目が出来たら消す*/
 .mikan {
   visibility: hidden;
 }
 @media screen and (max-width: 800px) {
   .tabs {
     width: 90%;
     margin: 0 auto;
   }
   .tab-buttons h3 {
     cursor: pointer;
     height: 40px;
     line-height: 40px;
     font-size: 16px;
   }
   .tag-adjust {
     display: flex;
     flex-flow: column;
   }
   .tag-adjust span {
     height: 18px;
     line-height: 18px;
   }
   .sp-none {
     display: none;
   }
   #lamp {
     top: 44px;
   }
   .work-group {
    gap: 0%;
    row-gap:60px;
    flex-flow: column;
    margin-top:60px;
   }
     .sp-banner-ajust{
         margin-top: 110px;
     }
   .logo-works {
     background-size: 100px 100px;
     width: 100px;
     height: 100px;
     margin: 0px auto 0 auto;
   }
   .work-content {
     height: 620px;
   }
   .banner-content {
     height: 760px;
   }
   .work-content dl {
     margin: 24px 0 24px 0;
   }
   .work-content .sentence {
     gap: 18px;
     margin-top: 14px;
   }
   .work-content .logo-movie-sentence {
     width: 270px;
   }
   .work-content dt {
     width: 80px;
     padding-left: 5px;
   }
   .work-content dd {
     width: 160px;
   }
   .banner-works {
     background-size: 250px 156px;
     width: 250px;
     height: 156px;
     margin: 0px auto 0 auto;
   }
   /*ここからWEBサイトエリア*/
   .site-pic {
     background-size: 250px 146px;
     width: 250px;
     height: 146px;
     margin: 0px auto 0 auto;
   }
   .doari-pic {
     background-image: url("../image/website1.png");
   }
   .content2 .work-content {
     height: 950px;
    margin-top:60px;
    
   }
     .content2 .work-group{
         margin-top: 24px;
     }
   .content2 .sentence {
     display: flex;
     gap: 18px;
     justify-content: flex-start;
     align-items: flex-start;
     margin: 14px auto 0 auto;
   }
   .work-content .website-sentence {
     width: 258px;
   }
   .content2 dt {
     width: 80px;
     font-weight: bold;
     padding-left: 5px;
     font-size: 12px;
   }
   .content2 dd {
     text-align: justify;
     width: 160px;
     font-size: 12px;
   }
   .doari-point {
     background-size: 250px 141px;
     width: 250px;
     height: 141px;
     margin: 0px auto 24px auto;
   }
   .content2 .web-heading {
     text-align: center;
     font-weight: bold;
   }
     .point-heading{
         margin-top: 60px;
     }
    
   .doari-point2 {
     background-image: url("../image/website1-2.jpg");
     background-size: 250px 207px;
     width: 250px;
     height: 207px;
     margin: 0px auto 30px auto;
   }
   .point-content {
     height: 430px;
   }
    .second-group .point-content {
     height: 330px;
   }
   .point-text {
     width: 260px;
     text-align: justify;
   }
   .second-group {
     margin-top: 0px;
   }
   /*ここからジムサイト*/
   
   .fire-point {
     background-size: 250px 156px;
     width: 250px;
     height: 156px;
     margin: 0px auto 30px auto;
   }
    .point-heading2{
         margin-top: 90px;
     }
     .gym-point1{
         height: 370px;
     }
     .gym-point2{
         height: 450px;
     }
     .gym-point3{
         height: 400px!important;
     }
     .gym-point4{
          height: 400px;
     }
   .gym-content .site-pic {
     margin: 100px auto 0 auto;
   }
   /*ここからムービーエリア*/
   .work-movie-wrap {
     padding: 56.25% 0 0 0;
     position: relative;
   }
   .work-movie-wrap iframe {
     position: absolute;
     top: 60%;
     left: 50%;
     width: 80%;
     height: 80%;
     transform: translate(-50%, -50%);
     transform-webkit-: translate(-50%, -50%);
     transform-ms-: translate(-50%, -50%);
   }
   .content3 .work-group {
     margin-top: 50px;
       row-gap:150px;
   }
   .movie-group2,.movie-group3{
     margin-top: 150px !important;
   }
     .web-movie{
         display: none;
     }
     .sp-movie{
         display: block;
     }
   /*下のクラスは４つ目が出来たら消す*/
   .mikan {
     visibility: hidden;
       height: 0px;
        
   }
 }