/* ------------------------- pop up 共通 --------------------------- */

#popup_column
 {
  margin: 65px 3% 20px 4%;
  border:solid 1px #000;
  box-shadow: 5px 5px 1px #b3b3b3;
}
/*

#vp2 #popup_column
 {
  margin: 65px 3% 20px 4%;
  border:none;
  box-shadow: none;
}
*/


.column {
  flex-direction: column;  
}

.close_wrap {
    display: block;
    width: 50px;
    height: 50px;
    float: right;
}


.close {
  float:right;
  margin:-75px 15px;
}

img.close {
  width:35px !important;
}




/* ------------------------- popup_column  --------------------------- */

#popup_column img.close {
    margin-top: 10px;
}

#popup_column a.close_bt {
    height:15px;
}

/* ------------------------- vp --------------------------- */

#popup_column ul.vp,
#popup_column ul.sphere,
#popup_column ul.ichioshi,
#popup_column ul.lab,
#popup_column ul.case,
#popup_column ul.company_top,
#popup_column ul.philosophy,
#popup_column ul.company,
#popup_column ul.history,
#popup_column ul.works,
#popup_column ul.recruit,
#popup_column ul.access,
#popup_column ul.contact,
#popup_column ul.rental_led,
#popup_column ul.rental_display,
#popup_column ul.rental_projector,
#popup_column ul.rental_video,
#popup_column ul.rental_acoustic
 {
  clear:both;
  list-style: none;
  /*margin-top: 15px;
  margin-left: 45px;*/
  display:flex;
  position: relative;
}


#popup_column ul.vp:before{
    content: url(../images/vp/vp2_logo.png);
    width:220px;
    position: absolute;
    top: -120px;
    left: -50px;
}

#popup_column ul.sphere:before{
    content: url(../images/sphere/sphere_header_logo.png);
    width:220px;
    position: absolute;
    top: -120px;
    left: -50px;
}

#popup_column ul.rental_led,
#popup_column ul.rental_display,
#popup_column ul.rental_projector,
#popup_column ul.rental_video,
#popup_column ul.rental_acoustic
 {
  flex-wrap: wrap;
  justify-content: flex-start;
}

#popup_column ul.rental_led li,
#popup_column ul.rental_display li,
#popup_column ul.rental_projector li,
#popup_column ul.rental_video li,
#popup_column ul.rental_acoustic li
 {
  margin:15px 25px 10px;
}


.last_column .nav li




#popup_column ul.contact li:first-child {
  padding-left:85px;
  margin-top: 40px;
  margin-right: 5px;
}

/*
#popup_column ul.vp li:first-child {
  margin-top: 8px;
}
*/


#popup_column ul.company_top li:first-child {
  padding-left:180px;
}


#popup_column ul.philosophy li:first-child {
  padding-left:88px;
  margin-top: 25px;  
}

#popup_column ul.works li:first-child,
#popup_column ul.history li:first-child{
  padding-left:88px;
  margin-top: 25px;  
}

#popup_column ul.company li:first-child{
  padding-left:80px;
  margin-top: 25px;  
}


#popup_column ul.access li:first-child {
  padding-left:80px;
  margin-top: 25px;
}

#popup_column ul.company li:first-child {
  padding-left:80px;
  margin-top: 25px;
}


.icon_pp #popup_column li.header,
.icon_pp #popup_column h2.header {
  height:150px;
  display: flex;
  align-items: center;
}

#popup_column ul.case li dl,
#popup_column ul.ichioshi li dl,
#popup_column ul.vp li dl,
#popup_column ul.sphere li dl,
#popup_column ul.lab li dl,
{
  display:flex;
  flex-wrap: wrap;
  margin-left: 140px;
  width: calc(100% - 140px);
}

#popup_column ul.works li dl,
#popup_column ul.history li dl {
  margin-left: 0;
}


#popup_column ul.recruit li dl {
  margin-left: 0px;
  width: calc(100% - 140px);  
}

#popup_column ul.case li dl {
  display: flex;
}


#popup_column ul.vp li dl dt,
#popup_column ul.sphere li dl dt,
#popup_column ul.ichioshi li dl dt,
#popup_column ul.lab li dl dt,
#popup_column ul.case li dl dt,
#popup_column ul.company li dl dt,
#popup_column ul.recruit li dl dt,
#popup_column ul.history li dl dt {
  width: 47%;
  display:flex;
  flex-wrap: wrap;
  align-items: flex-start;

}

#popup_column ul.sphere li dl dt img,
#popup_column ul.vp li dl dt img{
  width: 100%;
}



#popup_column ul.ichioshi li dl dd,
#popup_column ul.vp li dl dd,
#popup_column ul.sphere li dl dd,
#popup_column ul.lab li dl dd,
#popup_column ul.case li dl dd {
  width: 50%;
  margin-left: 25px;
  font-size: 2.4rem;

}

#popup_column ul.sphere li:last-child,
#popup_column ul.vp li:last-child {
  text-align: right;
  margin-right: 45%;
}



/*
#popup_column ul.vp li:last-child span {
  padding:7px 15px;
  border:1px solid #000;
  border-radius: 20px;
}
*/

#popup_column ul.sphere li:last-child span,
#popup_column ul.vp li:last-child span {
    padding: 7px 15px;
    border-radius: 28px;
    background: #0081cc;
    color: #fff;
    font-weight: 900;
    font-size: 3rem;
    border: solid 1px #0081cc 0;
    outline: solid 2px #0081cc;
    outline-offset: 6px;
    min-width: 7em;
}



/* ------------------------- イチオシ機材 ---------------------------

#popup_column ul.ichioshi {
  list-style: none;
  margin-top: 10px;
  display:flex;
  position: relative;
}

#vp #popup_column h2.header,
#ichioshi #popup_column h2.header {
  font-weight:400;
  margin:40px 0px 40px 180px;
  font-size:4.2rem;
}
 */

@media screen and  (min-width:768px) and (max-width:1500px) {

#sphere #popup_column h2.header,
#vp #popup_column h2.header {
  margin-right: 10px;
  margin-left: 180px;
  }

}


#popup_column ul.ichioshi:before {
    content: url(../images/recommend/recommend_wp/ichioshi_logo.png);
    width:220px;
    position: absolute;
    top: -120px;
    left: -50px;
}


/*
#popup_column ul.ichioshi li {
  width:100%;
  padding: 10px;
  font-size: 2rem;
}

#popup_column ul.ichioshi li dt h2,
#popup_column ul.ichioshi li dt h3,
#popup_column ul.ichioshi li dt h4{
 font-weight:900;
}
*/

#popup_column ul.case li dl,
#popup_column ul.vp li dl,
#popup_column ul.sphere li dl,
#popup_column ul.ichioshi li dl,
#popup_column ul.lab li dl {
  display: flex;

}

#popup_column ul.case li dl dt.photo,
#popup_column ul.vp li dl dt.photo,
#popup_column ul.sphere li dl dt.photo,
#popup_column ul.lab li dl dt.photo,
#popup_column ul.ichioshi li dl dt.photo {
  margin-left: 180px;
  display: flex;
  flex-direction: column;
}

/*
#popup_column ul.vp li dl {
  flex-direction: row;  
}
*/

@media screen and  (min-width:1281px) and (max-width:1580px) {

#popup_column ul.ichioshi li.photo {
    margin-top: 140px;
}

}

@media screen and  (min-width:768px) and (max-width:1280px) {

.close_wrap {

    position: relative;
   /*left:95%;*/
}


#popup_column ul.case li dl dt.photo, #popup_column ul.vp li dl dt.photo, #popup_column ul.sphere li dl dt.photo, #popup_column ul.lab li dl dt.photo, #popup_column ul.ichioshi li dl dt.photo {
    margin-left: 10px;

}



}

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

#lab #popup_column,
#case #popup_column,
#vp #popup_column,
#sphere #popup_column,
#ichioshi #popup_column {
    margin: 30px 3% 20px 70px;

}

#popup_column ul.ichioshi li.photo {

    /*margin-top: 180px;*/
    margin-left: 0;
}



}







#popup_column ul.ichioshi li.photo img{
  width: 100%;
}

/*
#popup_column ul.ichioshi li:nth-child(2) {
  margin-top:5px;
}


#popup_column ul.ichioshi li:last-child dl dt {
  margin-left: 10px;
  padding-right: 20px;
}

#popup_column ul.ichioshi li:last-child dl dd ul {
  display: flex;
  list-style: none;
  flex-direction: row;
  padding-right: 20px;
  margin: 0;

}

#popup_column ul.ichioshi li:last-child dl dt dd ul li {
  width:50%;
}


#popup_column ul.ichioshi li span.more {
  padding:7px 15px;
  border:1px solid #000;
  border-radius: 20px;
}
*/

/* ------------------------- lab --------------------------- */


#popup_column ul.case li dl dt.photo,
#popup_column ul.sphere li dl dt.photo,
#popup_column ul.vp li dl dt.photo,
#popup_column ul.ichioshi li dl dt.photo,
#popup_column ul.lab li dl dt.photo {
  flex-direction: column;
}

#popup_column ul.case li dl dd.text, 
#popup_column ul.sphere li dl dd.text, 
#popup_column ul.vp li dl dd.text, 
#popup_column ul.ichioshi li dl dd.text, 
#popup_column ul.lab li dl dd.text {
  margin-right: 30px;
}

#popup_column ul.works li.header,
#popup_column ul.case li.header,
#popup_column ul.sphere li.header,
#popup_column ul.vp li.header,
#popup_column ul.ichioshi li.header,
#popup_column ul.lab li.header {
  margin: 40px 0px 40px 180px;
}
/*
#popup_column ul.lab li.header img {
  width:40%;
}
*/


#popup_column ul.vp li:nth-child(2),
#popup_column ul.sphere li:nth-child(2),
#popup_column ul.ichioshi li:nth-child(2),
#popup_column ul.lab li:nth-child(2) {
  margin-left: 0px;
  margin-top: 10px;
}


#popup_column ul.lab:before {
    content: url(../images/recommend/recommend_wp/lab_logo.png);
    width:220px;
    position: absolute;
    top: -120px;
    left: -50px;
}


#popup_column ul.lab:after{
    content: url(../images/recommend/recommend_wp/lab_logo_r.png);
    width: 220px;
    position: absolute;
    top: -75px;
    right: 160px
}

@media screen and  (min-width:768px) and (max-width:1280px) {


#popup_column ul.lab:after {
    display: none;
}

#popup_column ul.works li.header,
#popup_column ul.case li.header,
#popup_column ul.vp li.header,
#popup_column ul.sphere li.header,
#popup_column ul.ichioshi li.header,
#popup_column ul.lab li.header {
    padding-left: 165px;
    margin-top: 115px;
}


#popup_column ul.case li dl,
#popup_column ul.vp li dl,
#popup_column ul.sphere li dl,
#popup_column ul.ichioshi li dl,
#popup_column ul.lab li dl {
    margin-left: 0px;
}

#popup_column ul.case li dl dd.text,
#popup_column ul.vp li dl dd.text,
#popup_column ul.sphere li dl dd.text,
#popup_column ul.ichioshi li dl dd.text,
#popup_column ul.lab li dl dd.text {
    width: 100%;
}



}


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

#popup_column ul.case li dl, 
#popup_column ul.vp li dl, 
#popup_column ul.sphere li dl, 
#popup_column ul.ichioshi li dl, 
#popup_column ul.lab li dl {
    margin-left: 0px;
}


#popup_column ul.case li dl dd.text, 
#popup_column ul.vp li dl dd.text, 
#popup_column ul.sphere li dl dd.text, 
#popup_column ul.ichioshi li dl dd.text, 
#popup_column ul.lab li dl dd.text {
    width: 100%;
}




}



#popup_column .works ul.footer,
#popup_column ul.case li ul.footer,
#popup_column ul.lab li dl dd ul.footer {
  width:100%;  
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}


#popup_column .works ul.footer li,
#popup_column ul.case li ul.footer li,
#popup_column ul.lab li dl dd ul.footer li{
  display: flex;
  justify-content: center;
  align-items: center;
  width:240px;
}

#popup_column ul.lab li dl dd ul.footer li:nth-child(1),
#popup_column ul.lab li dl dd ul.footer li:nth-child(2) {
  width: 50%;
  margin: 0;
}

#popup_column ul.lab li dl dd ul.footer li:nth-child(3) {
  width: 40%;
}
#popup_column ul.lab li dl dd ul.footer li:nth-child(3) img {
  width:60%;
}




#popup_column ul.case li dl dd ul.footer li span,
#popup_column ul.lab li dl dd ul.footer li span {
    padding: 7px 15px;
    border-radius: 28px;
    background: #e40065;
    color: #fff;
    font-weight: 900;
    font-size: 3rem;
    border: solid 1px #e40065 0;
    outline: solid 2px #e40065;
    outline-offset: 6px;
    min-width:7em;
}

#popup_column ul.lab li dl dd ul.footer li span a {
  color:#fff;
}


/* ------------------------- case --------------------------- */


/*
#popup_column ul.case li:nth-child(2) {
    margin-left: 115px;
    margin-top: 50px;
}
*/

#popup_column ul.case li dl dd {
    padding-right:10px;  
}

#popup_column ul.case li dl dt {
    padding-right:15px;
}



#popup_column ul.case:before{
    content: url(../images/recommend/recommend_wp/case_logo.png);
    width:220px;
    position: absolute;
    top: -120px;
    left: -50px;
}


#popup_column ul.case:after{
    content: url(../images/recommend/recommend_wp/case_logo_r.png);
    width: 150px;
    position: absolute;
    top: -120px;
    right: 270px;
}

@media screen and  (min-width:1280px) and (max-width:1680px) {


#popup_column ul.case:after{
    content: url(../images/recommend/recommend_wp/case_logo_r.png);
    width: 150px;
    position: absolute;
    top: -110px;
    right: 270px;
    transform: scale(0.75);
}


}

#popup_column .works ul,
#popup_column ul.case li:last-child ul{
  display:flex;
  list-style: none;
}

#popup_column .works ul li a,
#popup_column ul.case li:last-child ul li a{
  display:flex;
  list-style: none;
  padding:7px 15px;
  border-radius: 20px;
  margin:0 35px 10px;
    border-radius: 28px;
    background: #fff;
    font-weight: 900;
    font-size: 1.8rem;
    border: solid 1px #0081cc 0;
    outline: solid 2px #0081cc;
    outline-offset: 6px;
    min-width: 7em;
    justify-content: center;
}

#popup_column ul.case li:last-child ul li.works_bt a{
    outline: solid 2px #81cc00;
}



#popup_column ul.case li:last-child ul li  {
    padding: 7px 15px;


}





#showroom #popup_column ul.case li:last-child ul li:nth-child(3){
  background: #ffff00;
}

/* ------------------------- company_top --------------------------- */


#popup_column ul.company_top:before{
    content: url(../images/company/company_top_logo.png);
    width:160px;
    position: absolute;
    top: -120px;
    left: -50px;
}


#popup_column ul.company_top:after{
    content: url(../images/company/company_top_logo_r.png);
    width: 325px;
    position: absolute;
    top: -80px;
    right: 70px;
}






#popup_column ul.company_top li:last-child{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin:0px 0px 0 160px;
  align-items: center;
 
}


#popup_column ul.company_top li:last-child a{
  margin:5px 15px;
  width:30%;
}


#popup_column ul.company_top li:last-child a:last-child{
  margin-right:0px;
}



/* ------------------------- philosophy --------------------------- */

#popup_column ul.philosophy {


}

#popup_column ul.philosophy li:last-child{

 padding: 0 20px;
 font-size: 2rem;

}


.column-main__detail {
    column-count: 2;
    margin-top: 12px;
    text-align: justify;
    line-height: 1.5;
    margin-right: 10px;
    column-gap:3em;
  }

/* ------------------------- philosophy --------------------------- */

#popup_column ul.philosophy li:last-child{
margin-top:15px;
 padding: 0 40px 0 180px;
 font-size: 2rem;

}

#popup_column ul.philosophy li:last-child dl{
 width:100%;
   display: flex;
  flex-wrap: wrap;

}

#popup_column ul.philosophy li:last-child dt{

 width:20%;
 padding:10px 5px;
 border-top:1px solid #000;

}

#popup_column ul.philosophy li:last-child dd{
 display: inline-block;
  width:80%;
  padding:10px 5px;
  border-top:1px solid #000;
}


#popup_column ul.philosophy li:last-child dt:last-of-type,
#popup_column ul.philosophy li:last-child dd:last-child {
  border-bottom:1px solid #000;
  height:auto;  
}

/* ------------------------- company --------------------------- */

#popup_column ul.company li:last-child{
margin-top:15px;
margin-left: 130px;
 font-size: 2.4rem;
}

#popup_column ul.company li:last-child dl{
  display: flex;
  flex-wrap: wrap;
  margin: 0 40px 0 50px;

}

#popup_column ul.company li:last-child dt{

 width:9em;
 padding:10px 5px;
 border-top:1px solid #000;

}

#popup_column ul.company li:last-child dd{
 display: inline-block;
  width: calc(100% - 9em);
  padding:10px 5px;
  border-top:1px solid #000;
}


#popup_column ul.company li:last-child dt:last-of-type,
#popup_column ul.company li:last-child dd:last-child {
  border-bottom:1px solid #000;
  height:auto;  
}

ul.content {
  list-style:none;
  margin: 0;
}

ul.content li{
  margin: 0 !important;
  text-indent: -1em;
  padding-left: 1em !important;
}


ul.content li:first-line {
  margin-left:-1em;
}

ul.content li:last-child{
  font-size:100% !important;
}



/* ------------------------- history --------------------------- */

#popup_column ul.works li:last-child,
#popup_column ul.history li:last-child{
margin-top:0px;
margin-left: 90px;
 padding: 0px;
 font-size: 2.4rem;
}

#popup_column ul.works li:last-child dl,
#popup_column ul.history li:last-child dl{
    margin: 0 40px 0 50px;

}

#popup_column ul.history li:last-child dt{
display: inline-block;
 width:9em;
 padding:3px 5px;
 color:#000;
}

#popup_column ul.works li:last-child dt{
 margin:2em 0 1em;
 display: inline-block;
 padding:3px 5px;
 color:#000;
}

#popup_column ul.works li:last-child dt:first-child{
 margin-top:0;
}




#popup_column ul.history li:last-child dd{
 display: inline-block;
  width: calc(100% - 10em);
  padding:3px 5px;
 color:#000;
}


#popup_column ul.works li:last-child dd{
 display: inline-block;
  width: calc(100%);
  padding:3px 5px;
 color:#000;
}



/* ------------------------- recruit --------------------------- */

#popup_column ul.recruit li:first-child {

  text-align: center;
}


#popup_column ul.recruit li:last-child{
margin-top:15px;
margin-left: 30px;
 padding: 0 20px;
 font-size: 2.4rem;
}

#popup_column ul.recruit li:last-child dd span {
  display: block;
  margin-top:70px;
  text-align: center;
}


#popup_column ul.recruit li:last-child dl{
    width:100%;


}

#popup_column ul.recruit li:last-child dt{
 /*display: inline-block;*/
 width:30%;
 padding:10px 15px 3px 0;
 color:#000;
 margin: 30px auto 40px;
}



#popup_column ul.recruit li dl dt {
  flex-flow: column;
  display: flex;
  justify-content:space-between;

}



#popup_column ul.recruit li:last-child dd{
 display: inline-block;
  width:100%;
  padding:3px 5px 3px 35px;
 color:#000;
}



/* ------------------------- access --------------------------- */


#popup_column ul.access {
  display: flex;
  flex-wrap: wrap;
}

/*
#popup_column ul.access li:last-child{
  margin-left: 125px;
  margin-right:30px;
  margin-bottom: 20px;
  padding: 0 20px;
  font-size: 1.9rem;
}
*/

#popup_column ul.access li:last-child p{
  margin-bottom: 2.5rem;
}


#popup_column ul.access li.column-main__detail {
    margin:20px auto 10px;
    display: flex;
    flex-direction: column;
    width:60%;
  }


/* ------------------------- contact --------------------------- */

#popup_column ul.contact{
    margin-bottom: 120px
}

#popup_column ul.contact li.form h2.dela-gothic-one-regular {
    font-size: 4rem;
} 

#popup_column ul.contact li:last-child{
  margin-left: 170px;
 padding: 0 20px;
 font-size: 2.4rem;
 margin-bottom: 30px;

}

#popup_column ul.contact li:last-child p{
  margin:25px 0 15px;
}

#popup_column ul.contact li:last-child a{
  display: inline-block;
}


/* ------------------------- thanks --------------------------- */

#popup_column.thanks ul.contact li h2{
  text-align: center;
  margin-bottom:15px;
}



#popup_column.thanks ul.contact li p{
  width:100%;
  padding-right: 12%;
}


/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and  (min-width:768px) and (max-width:1280px) {

#popup_column {
  margin-left:90px;
}

#popup_column ul.vp li dl dt, 
#popup_column ul.sphere li dl dt, 
#popup_column ul.lab li dl dt,
#popup_column ul.case li dl dt
/*

#popup_column ul.company li dl dt, 
#popup_column ul.history li dl dt
*/

 {
    width: 100%;
    justify-content: center;
}

#popup_column ul.sphere li:first-child,
#popup_column ul.vp li:first-child {
  justify-content: center;
}


#popup_column ul.vp li dl dt img,
#popup_column ul.sphere li dl dt img,
#popup_column ul.lab li dl dt img,
#popup_column ul.case li dl dt img
/*
, 
#popup_column ul.case li dl dt, 
#popup_column ul.company li dl dt, 
#popup_column ul.history li dl dt
*/

 {
    padding: 10px;
}

#popup_column ul.lab li dl dd,
#popup_column ul.vp li dl dd,
#popup_column ul.sphere li dl dd,
#popup_column ul.case li dl dd
/*
, #popup_column ul.lab li dl dd, 
#popup_column ul.case li dl dd
*/
 {
    width: 100%;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 2.4rem;
}


#popup_column ul.ichioshi:before {
    top: -260px;
    left: -65px;
}

#popup_column ul.ichioshi li:last-child dl dd ul {
    flex-direction: column;

}


#vp2 #popup_column,
#ichioshi #popup_column {
  display: flex;
  flex-direction: column;
  margin-left: 90px;
}

#ichioshi #popup_column ul.ichioshi{
  display: flex;
  flex-direction: column;
}



#vp2 #popup_column ul li dl dt.photo img,
#ichioshi #popup_column ul li dl dt.photo img {
  padding:5px;
  width:100% !important;
}



#popup_column ul.ichioshi li.photo {
  margin:150px 5px 0;
}



#popup_column ul.lab li:nth-child(2) {
    margin-left: 10px;
    margin-top: 40px;
    flex-direction: column;
    display: flex;
}


#popup_column ul.lab:before {

    top: -120px;
    left: -65px;
}

#lab #popup_column {
    margin-top: 12px;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: 90px;
    margin-top: 90px;
}


#popup_column ul.case:before {
    top: -80px;
    left: -105px;
}

#popup_column ul.works:after,
#popup_column ul.case:after {
    display: none;
}


#popup_column ul.case li dl {
  display: flex;
  flex-direction: column;
}

#company_top #popup_column .close_wrap,
#philosophy #popup_column .close_wrap,
#company #popup_column .close_wrap,
#history #popup_column .close_wrap,
#works #popup_column .close_wrap,
#contact #popup_column .close_wrap,
#access #popup_column .close_wrap,
#case #popup_column .close_wrap {
  position: sticky;
}

#popup_column ul.case li:nth-child(2) {
    margin-left: 0;
    margin-top: 100px;
    margin-right: 25px;
}

#popup_column ul.case li.header img {
    width: 90%;
}

#popup_column ul.case li:last-child ul {
    flex-wrap: wrap;
}

#popup_column ul.case li:last-child ul li {
    margin:15px 10px;
}


#company_top #popup_column {
  margin:120px 10px 20px 90px;
}

#popup_column ul.philosophy li:last-child,
#popup_column ul.access li:last-child {
  padding: 5px;
}

#popup_column ul.works,
#popup_column ul.history {
  margin-left: 0;
}

#popup_column ul.works li:last-child,
#popup_column ul.contact li:last-child,
#popup_column ul.history li:last-child {
    margin-left: 0px;

}

#popup_column ul.company_top li:last-child a{
  width:40%;
}



#popup_column ul.company_top:before {
    top: -80px;
    left: -94px;
}


#popup_column ul.company_top:after {
    display: none;
}


#company_top #popup_column .close_wrap:before{
    display: none;
}

/*
#popup_column ul.access li:last-child {
    margin-left: 25px;
}
*/

#vp2 h2.header,
#ichioshi h2.header {
    top: 150px;
    position: relative;
}



}


/*レスポンシブ スマホ
-----------------------------------*/

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


/* before 円アイコン */

#popup_column ul.sphere:before,
#popup_column ul.vp:before {
  width: auto;
  transform: scale(0.4);
  margin-top: -10px;
  top:-150px;
}


#popup_column ul.ichioshi:before {
  width: auto;
  transform: scale(0.4);
  margin-top: -10px;
  top:-150px;
}


#popup_column ul.lab:before{
  width: auto;
  transform: scale(0.4);
  margin-top: -10px;
  top:-150px;
}


#popup_column ul.case:before {
        margin-top: -10px;         
        width: auto;
        transform: scale(0.4);
        top:-150px;
}


#popup_column ul.company_top:before {
        margin-top: -10px;    
        width: auto;
        transform: scale(0.4);
        top:-150px;
}

/* 機材レンタル */

#popup_column .last_column {
  margin-top:50px;
}

#popup_column ul.rental_led,
#popup_column ul.rental_display,
#popup_column ul.rental_projector,
#popup_column ul.rental_video,
#popup_column ul.rental_acoustic
 {
    justify-content: center;
}


/* vp */

#sphere #popup_column,
#vp #popup_column {
    margin-top: 70px;
    margin-left: 10px;
}


#popup_column ul.sphere li dl dt.photo,
#popup_column ul.vp li dl dt.photo {
  margin-top:0 !important;
}


#popup_column ul.sphere li:last-child ,
#popup_column ul.vp li:last-child {
     text-align: center;
     margin-right: 0;
}



/*------------------------------- #popup_column ul 
--------------*/

#popup_column ul.vp, 
#popup_column ul.sphere, 
#popup_column ul.lab, 
#popup_column ul.case,
#popup_column ul.works,
#popup_column ul.company_top, 
#popup_column ul.philosophy, 
#popup_column ul.company, 
#popup_column ul.history, 
#popup_column ul.recruit, 
#popup_column ul.access, 
#popup_column ul.contact,
#popup_column ul.rental_led,
#popup_column ul.rental_display,
#popup_column ul.rental_projector,
#popup_column ul.rental_video,
#popup_column ul.rental_acoustic
 {
  margin-left: 0;
  /*margin-top:50px;*/
}



.close_wrap {
    display: block;
    width: auto;
    height: auto;
    float: right;
    height:50px;
}

/*
#popup_column ul.company_top {
  margin: 25px 5px 0;
}
*/

#popup_column ul.access {
  flex-direction: column;
}

#popup_column ul.history {
  margin-left: 0;
}


/* company_top */

#company_top #popup_column {
    margin-top: 70px;
    margin-left: 10px;

}




#popup_column ul.company_top:after {
    display: none;
}


#popup_column ul.company_top li:last-child {
  flex-direction: column;
}

#popup_column ul.company_top li:last-child a {
  width:100%;
  text-align: center;
  margin: auto;
}



#popup_column ul.company_top li:first-child {
  margin-top: 0px;
}

#popup_column ul.company_top li:last-child {
  margin: 0px;
}


#popup_column ul.company_top li:last-child img{
  max-width:90%;
}


#popup_column ul.ichioshi li dl dd, 
#popup_column ul.vp li dl dd, 
#popup_column ul.sphere li dl dd, 
#popup_column ul.lab li dl dd, 
#popup_column ul.case li dl dd {
  font-size: 1em;
}




/* ichioshi */

#popup_column ul.ichioshi {
    flex-direction: column;
}

#popup_column ul.ichioshi li:last-child dl dd ul {
    flex-direction: column;
}


/* lab */

#lab #popup_column {
  display: flex;
  flex-direction: column;
  margin-left: 70px;
  margin-top:150px;
}






#popup_column ul.lab:after {
  display: none;
}


/*
#popup_column ul.lab li.header {
    padding-left: 10px;
    margin-top: 180px;
}
*/





#popup_column ul.lab li dl dd ul.footer li span {
  font-size:2.4rem;

  }

  #popup_column ul.lab li dl dt.photo {
    margin: auto;
  }

/* vp2 */

#vp2 #popup_column,
#ichioshi #popup_column,
#lab #popup_column {
  margin-top: 70px;
  margin-left: 10px;
}
/*
#popup_column ul.vp li:first-child {
  justify-content: center;
}

#popup_column ul.vp li:first-child img:first-child{
  width:50% !important;
}
*/

#popup_column ul.vp li,
#popup_column ul.sphere li,
#popup_column ul.ichioshi li {
  padding: 0;
}


#popup_column ul.ichioshi li:last-child img{
  width:100%;
}

/*
#vp #popup_column li.header,
#vp #popup_column h2.header,
#ichioshi #popup_column h2.header {
    position: relative;
    display: inline-table;
    text-align: left;
    font-size: 3rem;
    padding: 10px;
}
*/


#popup_column h2.header,
#popup_column ul li.header {
    margin: 40px auto 10px !important;
    padding: 10px;
    justify-content: center;
    align-items: center;
    display: inline-table !important;
}




/* case */

#case #popup_column {
    margin-top: 70px;
    margin-left: 10px;
}



#popup_column ul.works:after,
#popup_column ul.case:after {
    display: none;
}

/*
#popup_column ul.case li.header {
    display: inline-table;
    margin-top: 10px;  
    padding-left: 10px;
}
*/

#popup_column ul.case li dl {
  margin-right: 0;
  justify-content: center;
  width:100%;
}

#popup_column ul.case li dl dt.photo {
  margin-left: auto;
}


#popup_column ul.lab li.photo img {
    width: 80%;
}

#popup_column ul.ichioshi li.photo img {
    margin: auto;
    padding: 5px;
}

#popup_column ul.lab li:nth-child(2),
#popup_column ul.case li:nth-child(2) {
    margin: 0;
}

#popup_column ul.case li dl {
  display: block;
}

#popup_column ul.vp li dl, 
#popup_column ul.sphere li dl, 
#popup_column ul.company li dl, 
#popup_column ul.history li dl {
    justify-content: center;
    padding: 5px;
    margin: 0 !important;
    width: 100%;
}

#popup_column ul.sphere li dl,
#popup_column ul.vp li dl {
  flex-direction: column;
}


#popup_column ul.ichioshi li dl,
#popup_column ul.lab li dl {
  flex-direction: column;
  width:100%;
}


#popup_column ul.vp li dl dt.photo, 
#popup_column ul.sphere li dl dt.photo, 
#popup_column ul.lab li dl dt, 
#popup_column ul.case li dl dt, 
#popup_column ul.company li dl dt,
#popup_column ul.history li dl dt {
    width: 95%;
}

#popup_column ul.sphere li dl dt.photo, 
#popup_column ul.vp li dl dt.photo, 
#popup_column ul.lab li dl dt, 
#popup_column ul.company li dl dt {
    margin: 0 auto 0;

}

#popup_column ul.ichioshi li dl dt.photo {
    width: 95%;  
  margin: auto;
}

#popup_column ul.ichioshi li dl dd.text {
  margin: 20px auto;
  padding: 5px;
}

#popup_column ul.history li dl dt {
    margin-top: 20px;  
}


#popup_column ul.ichioshi li, 
#popup_column ul.company li dl, 
#popup_column ul.cntact li p, 

#popup_column ul.vp li dl dd, 
#popup_column ul.sphere li dl dd, 
#popup_column ul.lab li dl dd, 
#popup_column ul.case li dl dd {
    width: 100%; 
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
}



#popup_column ul.lab li:last-child ul,
#popup_column ul.case li:last-child ul {

    flex-wrap: wrap;
}

#popup_column ul.lab li:last-child ul li,
#popup_column ul.case li:last-child ul li {

    margin: 10px auto;
}


#popup_column ul.lab li dl dd ul.footer {
    flex-direction: column;
    padding-right: 25px;
}


#popup_column ul.lab li dl dd ul.footer li:nth-child(1), 
#popup_column ul.lab li dl dd ul.footer li:nth-child(2) {
    width: 100%;
    margin: 10px;
}

.column-main__detail {
    column-count: 1;
}

#popup_column ul.vp li:first-child, 
#popup_column ul.sphere li:first-child, 
#popup_column ul.company_top li:first-child, 
#popup_column ul.philosophy li:first-child, 
#popup_column ul.company li:first-child, 
#popup_column ul.history li:first-child, 
#popup_column ul.access li:first-child, 
#popup_column ul.contact li:first-child {
    padding: 10px;
}


#popup_column ul.vp li.header:first-child img, 
#popup_column ul.sphere li.header:first-child img, 
/*#popup_column ul.company_top li.header:first-child img, */
#popup_column ul.philosophy li.header:first-child img, 
#popup_column ul.company li.header:first-child img, 
#popup_column ul.history li.header:first-child img, 
#popup_column ul.access li.header:first-child img, 
#popup_column ul.contact li.header:first-child img {
    /*width:90%;*/
    padding: 5px;    
}


#popup_column ul.works li:last-child dd {
  width:100%;
}


/* contact */


#popup_column ul.contact li:last-child {
    margin-left: 0px;
    padding: 0 10px;
    font-size: 1em !important;
}
/*
#popup_column ul.contact li:last-child a {
  text-align: center;
}
*/
#popup_column ul.contact li:last-child img {
  width: 50%;
}


/* 問い合わせフォーム */

#mailform table,
#mailform table tr th,
#mailform table tr td {
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
}

#mailform table tr th,
#mailform table tr td{
    display: block;
    margin: 10px 5px;
}

#mailform table tr td.radio{

display: flex;
flex-direction: column;

}


#mailform table tr td.radio span{
float:left;

}

#mailform table tr td input,
#mailform table tr td textarea {
    width: 85% !important;
}

#mailform table tr td.radio input {
  width:auto !important;
}

/* thaks */

#popup_column.thanks ul.contact li p {
    padding: 0 10px;
}

#popup_column.thanks ul.contact li h2{
  text-align: left;
  padding-left:10px;
}


/* company */

 #popup_column ul.company {
  margin-left: 0;
}

#popup_column ul.company li:last-child {
  margin: 0;
  font-size: 1em;
}

#popup_column ul.company li:last-child dl{
 flex-direction: column;

}

#popup_column ul.company li:last-child dt{
 width:100%;

}

#popup_column ul.company li:last-child dd{
  width:100%;

}

#company_top #popup_column .close_wrap:before {
  display: none;
}

#popup_column ul.company li:last-child dd {
    border-top: none;
  }

/* history */

#popup_column ul.works li:first-child {
        display: inline-table !important;
        font-size: 3rem;
        padding: 10px;
        margin: 20px auto;
}


#popup_column ul.works li:last-child dl {
    margin: 0;
    height: auto;
}


#popup_column ul.history li:last-child dl {
    height: auto;
}

#popup_column ul.recruit li:first-child {
    padding: 10px;
    margin-top: 40px;
}


#popup_column ul.history li:last-child {
    font-weight: normal;
    margin: 0;
}

#popup_column ul.works li:last-child {
    margin: 0;
    font-size:1.0em; 
}


#popup_column ul.history li:last-child dl {
    flex-direction: column;
    display: flex;
    margin: auto;
}

#popup_column ul.history li:last-child dl dt,
#popup_column ul.history li:last-child dl dd {
  width:100% !important;
}

#popup_column ul.history li:last-child {
  padding:0;
  font-size: 1.0em !important;
}


/* philosophy */

#popup_column ul.philosophy {
    /*margin-top: 50px;*/
    margin-left: 0px;
}


.column-main__detail {
    column-count: 1;
    width: 90% !important;
    margin: auto;
    font-size: 1.0em !important;
  }

#popup_column ul.philosophy li:last-child {
  padding:0;
  font-size: 1.0em !important;
}

/* recruit */

#recruit_column h2 {
    padding: 0 15px;
}


#popup_column ul.recruit li:last-child {
  margin-left: 0;
  padding:5px;
  font-size: 1em;
}

#popup_column ul.recruit li:last-child dt {
    display: inline-block;
    width: 100%;
    padding: 0 30px;
}

#popup_column ul.recruit li:last-child dd {
    display: inline-block;
    width: 100%;
    padding: 0 5px;
    color: #000;
}

#popup_column ul.recruit li dl, 
#popup_column ul.history li dl {
  margin-left: 0;
}

#popup_column ul.recruit li:last-child dd span {
    display: block;
    margin: 70px auto 0;
    text-align: center;
    width: 50%;
}

/* ------------------------- popup_column  --------------------------- */

#popup_column {
  font-size:1.0em;
}

#popup_column ul.vp li dl dd, 
#popup_column ul.sphere li dl dd, 
#popup_column ul.lab li dl dd, 
#popup_column ul.case li dl dd {
    font-size:1.0em;
}



#popup_column a.close_bt {
    height:50px;
}

#popup_column a.close_bt a{
    height:50px;
}



}