@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cinzel&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');

h1, h2, h3, h4, h5, h6, img,
p, div, ul, li, dl, dt, dd, figure {margin: 0; padding: 0; }

ul, li {list-style: none; display: block; }

img {
  border: none;
  vertical-align: top;
  max-width: 100%;
  height: auto;
  display: block;
  text-align: center;
    margin: 0 auto;
}

a {
  text-decoration: none;
  color: #000; 
}

/*----------------------------------------------------
to page TOP btn
----------------------------------------------------*/
a.toTop {
/*    display: none;
    position: fixed;
    bottom: 5px;
    right: 15px;
    z-index: 1000;*/
  font-size: 30px;
  padding-top: 20px;
  color: #fff;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  background-color: #666;
  position: fixed;
  bottom: 10px;
  right: 20px;
  display: none;
  z-index: 1000;
  opacity: 0.8;

}
a.toTop {
/*    background-color: #edc644;
    text-align: center;
    color: #fff;
    font-size: 22px;
    text-decoration: none;
    padding: 10px 20px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.6;
    opacity: 0.6;
    border-radius: 88% 65% 80% 95% / 78% 65% 65% 58%;
    -webkit-border-radius: 88% 65% 80% 95% / 78% 65% 65% 58%;
    -moz-border-radius: 88% 65% 80% 95% / 78% 65% 65% 58%;*/
}
a.toTop:hover {
/*    display: block;
    background-color: #d1a619;
    text-align: center;
    color: #fff;
    font-size: 22px;
    text-decoration: none;
    padding:12px 20px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.9;
    opacity: 0.9;
    border-radius: 88% 65% 80% 95% / 78% 65% 65% 58%;
    -webkit-border-radius: 88% 65% 80% 95% / 78% 65% 65% 58%;
    -moz-border-radius: 88% 65% 80% 95% / 78% 65% 65% 58%;*/
  opacity: 0.9;
  background-color: #222;
}


/*----------------------------------------------------
PageAll
----------------------------------------------------*/
body{
  line-height: 1.65;
  color: #222;
  font-size: 16px;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0 auto;
}
.serif{
  font-family: 'Noto Serif', serif;
}

p{
  display: block;
  width: 100%;
  max-width: 760px;
/*  margin: 0 auto;*/
  text-align: left;
  line-height: 1.6;
  font-size: 16px;
}



h2{
  width: 100%;
  background: url(../img/top/ttlBg.png) center center repeat-x;
  height: 80px;
  font-size: 30px;
  color: #fff;
  line-height: 80px;
}


/*----------------------------------------------------
Contents column Area
----------------------------------------------------*/

#ContArea{
  padding-left: 240px;
  display: block;
  text-align: center;
}

#ContArea > section .inner{
  width: 100%;
  padding: 50px 30px 70px 30px;
}







/*----------------------------------------------------
TOP PAGE
----------------------------------------------------*/

.topSec1{
  width: 94%;
  max-width: 980px;
  margin: 0 auto;
  margin-top: 3%;
/*
display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;*/
}

.topSec1 a{
  display: block;
  position: relative;
  text-align: center;
  margin-bottom: 5%;
  transition: 1.0s ;
}

.topSec1 a:before{
  position: absolute;
  width: 100%;
  padding: 10px;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
}
.topSec1 a.half{
  width: 48%;
  max-width: 480px;
  display: inline-block;
  vertical-align: top;
}
.topSec1 a.half:first-child{
  margin-right: 2%;
}
.topSec1 .topSec1_halfBtn{
display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}


.topSec1 a p{
  display: none;
  transition: 1.0s ;
}
.topSec1 a p b{
  display: block;
  margin-bottom: 5px;
}

.topSec1 a:hover p{
  display: block;
  position: absolute;
  content: "";
  color: #fff;
  top: 15%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  z-index: 2;
  line-height: 1.3;
  font-size: 14px;
}


.topSec1 a:hover::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 1;
}


.topSec1 a:hover{
/*  opacity: 0.8;*/
  background-color: rgba(0,0,0,0.6);
}
.topSec1 a.elect:before{
  content: "電気通信業（防災放送）";
}
.topSec1 a.electB:before{
  content: "電気工事業";
}
.topSec1 a.rental:before{
  content: "音響機材レンタル";
}
.topSec1 a.ethernet:before{
  content: "ネットワーク構築・保守";
}
.topSec1 a.aircondition:before{
  content: "空調設備業";
}
.topSec1 a.rental2:before{
  content: "機材レンタル";
}
.topSec1 a.hall:before{
  content: "ホール保守・管理・設計";
}
.topSec1 a.pa:before{
  content: "音響・PA・照明";
}
.topSec1 a.ivent:before{
  content: "地域イベント運営・参加";
}

.TopMaptxt{
  text-align: center;
  margin: 0 auto;
  margin-top: 10px;
}


/*----------------------------------------------------
TOP DetailBtn
----------------------------------------------------*/
.detailBtn{
  font-size: 15px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  background-color: #E67D4B;
  width: 80%;
  max-width: 300px;
  border-radius: 30px;
  padding: 10px 15px;
  display: block;
  margin: 0 auto;
  margin-top: 15px;
}
.detailBtn:hover{
  opacity: 0.8;
}


/*----------------------------------------------------
iFrame
----------------------------------------------------*/
iframe{
  width: 100%;
  height: 440px;
  margin: 0 auto;
}
iframe.companyMap{
  max-width: 760px;
  width: 100%;
  height: 440px;
  margin: 0 auto;
}
iframe.facebook{
  width: 96%;
  max-width: 200px;
  height: 450px;
  margin: 0 auto;
  margin-top: 15px;
}


/*----------------------------------------------------
to Form btn
----------------------------------------------------*/
.contactBtn{
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  background-color: #E67D4B;
  width: 90%;
  max-width: 520px;
  padding: 15px 20px;
  display: block;
  margin: 0 auto;
}
.contactBtn:hover{
  opacity: 0.8;
}
/*----------------------------------------------------
footer
----------------------------------------------------*/
footer{
  padding-left: 240px;
  display: block;
  text-align: center;
  background-color: #062944;
  margin:0 auto;
  width: 100%;
}

footer .inner{
  width: 100%;
  padding: 50px 20px 0px 20px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
footer .inner p{
  font-size: 13px;
  text-align: center;
  color: #fff;
  display: block;
  padding: 4em 0 1.5em 0;
  margin: 0 auto;
}

footer .inner > ul{
  width: 100%;
  max-width: 960px;
  text-align: center;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

footer .inner > ul > li{
  width: 21%;
  max-width: 214px;
  display: inline-block;
  border-top: 1px solid #fff;
  text-align: left;
  padding-top: 1.25em;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
footer .inner > ul > li{
  margin: 10px 15px;
}

footer .inner > ul > li > ul{
  display: block;
  margin-top: 1em;
}

footer .inner > ul > li > ul > li{
  font-size: 12px;
  font-weight: 300;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.1;
  margin-bottom: 1em;
}

footer a{
  color: #fff;
  text-decoration: none;
}


footer a:hover{
  text-decoration: underline;
}


/*----------------------------------------------------
Main Visual
----------------------------------------------------*/
#main-visual {
  width: 100%;
  display: table;
  background: url('../img/top/headerImg1.jpg') center center /cover no-repeat ;
  height: 100vh;
    position: relative;
}

#main-visual .ttlArea{
    position: absolute;
    content: "";
    background: url('../img/top/headerBg.png') center top /cover no-repeat ;
    left: -450px;
    top: 0;
    height: 100vh;
    width: 960px;
    padding: 100px 10px 30px 480px;
    text-align: left;
}

#main-visual .ttlArea p.cmpName{
    font-size: 20px;
    font-weight: bold;
}
#main-visual .ttlArea p.topTtl{
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    padding-top: 5px;
    color:darkorange;
}
#main-visual .ttlArea p.read {
    font-size: 17px;
    max-width: 305px;
    padding-top: 30px;
    line-height: 1.7;
    text-align: left;
}

#main-visual .NextBtn{
  font-size: 30px;
  padding-top: 15px;
  color: #fff;
  border-radius: 50%;
  height: 80px;
  width: 80px;
/*  background-color: #666;*/
    border: 3px solid #fff;
  position: absolute;
  bottom: 50px;
  left: 480px;
  display: block;
  z-index: 1;
  opacity: 0.8;
    display: block;
    text-align: center;
}
#main-visual .NextBtn:hover{
  opacity: 0.6;
  background-color: #bbb;
}


@media screen and (max-width: 900px) {
  #main-visual {
    overflow:hidden;
    background: url('../img/top/headerImg1_sp.jpg') top center /cover no-repeat ;
  }
}

/*----------------------------------------------------
bread
----------------------------------------------------*/
.bread{
  display: block;
  text-align: left;
  padding: 5px 0 8px 3px;
}
.bread li{
  font-size: 13px;
  display: inline-block;
  text-align: left;
  position: relative;
  margin-left: 13px;
  text-decoration: underline;
}
.bread li:first-child{
  margin-left: 0;
}
.bread li:after{
  position: absolute;
  content: ">";
  padding: 0 5px;
  top: -1px;
  right:  -17px;
}
.bread li:last-child{
  text-decoration: none;
}
.bread li:last-child::after{
  content: "";
}
.bread li:hover{
  opacity: 0.6;
}


/*----------------------------------------------------
second Main Visual
----------------------------------------------------*/
#Sec-visual {
  width: 100%;
  display: table;
  height: 400px;
  position: relative;
}
#Sec-visual.policy{
  background: url('../img/policy/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.sitemap{
  background: url('../img/sitemap/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.service{
  background: url('../img/service/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.company{
  background: url('../img/company/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.case{
  background: url('../img/case/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.activity{
  background: url('../img/activity/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.form{
  background: url('../img/form/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.serviceStudio{
  background: url('../img/service/studio/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.serviceElectric{
  background: url('../img/service/electric/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.serviceElectric h3{
  color: #1EA7A9;
}
#Sec-visual.serviceElectric2{
  background: url('../img/service/electric2/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.serviceElectric2 h3{
  color: #3fc9c5;
}

#Sec-visual.serviceRental{
  background: url('../img/service/rental/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.serviceRental h3{
  color: #31729A;
}
#Sec-visual.serviceRental2{
  background: url('../img/service/rental2/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.serviceRental2 h3{
  color: #31729A;
}

#Sec-visual.servicePa{
  background: url('../img/service/pa/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.servicePa h3{
  color: #946851;
}
#Sec-visual.serviceEthernet{
  background: url('../img/service/ethernet/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.serviceEthernet h3{
  color: #8ACB66;
}
#Sec-visual.serviceaircondition{
  background: url('../img/service/aircondition/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.serviceaircondition h3{
  color: #c264aa;
}

#Sec-visual.serviceMaintenance{
  background: url('../img/service/maintenance/mainVis.jpg') center center /cover no-repeat ;
}
#Sec-visual.serviceMaintenance h3{
  color: #7A8498;
}


#Sec-visual h3{
  font-size: 30px;
  text-align: center;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  content: "";
  background-color: #fff;
  display: inline-block;
  width: 60%;
  margin: 0 auto;
  padding: 0.75em 0.25em;
  max-width: 600px;
}

@media screen and (max-width: 900px) {
  #Sec-visual.policy{
    background: url('../img/policy/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.sitemap{
    background: url('../img/sitemap/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.service{
    background: url('../img/service/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.company{
    background: url('../img/company/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.case{
    background: url('../img/case/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.activity{
    background: url('../img/activity/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.form{
    background: url('../img/form/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.serviceStudio{
    background: url('../img/service/studio/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.serviceRental{
    background: url('../img/service/rental/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.serviceRental2{
    background: url('../img/service/rental2/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.serviceElectric{
    background: url('../img/service/electric/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.serviceElectric2{
    background: url('../img/service/electric2/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.servicePa{
    background: url('../img/service/pa/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.serviceEthernet{
    background: url('../img/service/ethernet/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.serviceaircondition{
    background: url('../img/service/aircondition/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual.serviceMaintenance{
    background: url('../img/service/maintenance/mainVis_sp.jpg') center center /cover no-repeat ;
  }
  #Sec-visual h3{
    width: 80%;
    font-size: 26px;
  }
}

/*----------------------------------------------------
third Main Visual
----------------------------------------------------*/

/* #Sec-visual.MainIco:before{
  position: absolute;
  content: "";
  top: 25%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 120px;
  height: 120px;
}
#Sec-visual.MainIco.serviceElectric:before{
  background: url(../img/service/electric/mainVis_ico.png);
  background-size: 100%;
}
#Sec-visual.MainIco.serviceRental:before{
  background: url(../img/service/rental/mainVis_ico.png);
  background-size: 100%;
}
#Sec-visual.MainIco.servicePa:before{
  background: url(../img/service/pa/mainVis_ico.png);
  background-size: 100%;
}
#Sec-visual.MainIco.serviceEthernet:before{
  background: url(../img/service/ethernet/mainVis_ico.png);
  background-size: 100%;
}
#Sec-visual.MainIco.serviceMaintenance:before{
  background: url(../img/service/maintenance/mainVis_ico.png);
  background-size: 100%;
} */
/*----------------------------------------------------
Service top
----------------------------------------------------*/
.ServiceThirdMenu,.CompanyMenu{
  display: block;
  width: 100%;
  margin: 0 auto;
display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
  align-items:stretch;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  justify-content: center;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  margin: 0 auto; 
}
.ServiceThirdMenu li,.CompanyMenu li{
  font-size: 13px;
/*  padding: 15px 10px 25px;*/
  color: #fff;
  position: relative;
/*  width: 10em;*/
  margin-right: 8px;
  margin-top: 12px;
}
.ServiceThirdMenu li:last-child,.CompanyMenu li:last-child{
  margin-right: 0;
}
.ServiceThirdMenu li a,.CompanyMenu li a{
  color: #fff;
  padding: 15px 10px 32px;
  width: 9em;
  display: block;
}
.ServiceThirdMenu li a:after,.CompanyMenu li a:after{
  content: "\02228";
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 15px;
}
.ServiceThirdMenu.PlusIco li a{
  padding: 15px 10px 120px;
  margin-top: 30px;
}
.ServiceThirdMenu.PlusIco li a:after{
  content: "";
}

.ServiceThirdMenu li:hover,.CompanyMenu li:hover{
  opacity: 0.7;
}
.CompanyMenu li{
  background-color: #828790;
}
.ServiceThirdMenu li.electric{
  background-color: #1ea7a9  ;
}
.ServiceThirdMenu li.electric2{
  background-color: #3fc9c5  ;
}
.ServiceThirdMenu li.rental{
  background-color: #31729a  ;
}
.ServiceThirdMenu li.rental2{
  background-color: #345e79  ;
}

.ServiceThirdMenu li.pa{
  background-color: #946851  ;
}
.ServiceThirdMenu li.ethernet{
  background-color: #8acb66  ;
}
.ServiceThirdMenu li.aircondition{
  background-color: #c264aa  ;
}
.ServiceThirdMenu li.maintenance{
  background-color: #7a8498  ;
}
.ServiceThirdMenu.PlusIco li.electric a{
  background: url(../img/service/ico_01.png) center 80% /cover no-repeat;
  background-size: 90%;
}
.ServiceThirdMenu.PlusIco li.electric2 a{
  background: url(../img/service/ico_06.png) center 80% /cover no-repeat;
  background-size: 90%;
}
.ServiceThirdMenu.PlusIco li.rental a{
  background: url(../img/service/ico_02.png) center 80% /cover no-repeat;
  background-size: 90%;
}
.ServiceThirdMenu.PlusIco li.rental2 a{
  background: url(../img/service/ico_08.png) center 80% /cover no-repeat;
  background-size: 90%;
}
.ServiceThirdMenu.PlusIco li.pa a{
  background: url(../img/service/ico_03.png) center 80% /cover no-repeat;
  background-size: 90%;
}
.ServiceThirdMenu.PlusIco li.ethernet a{
  background: url(../img/service/ico_04.png) center 80% /cover no-repeat;
  background-size: 90%;
}
.ServiceThirdMenu.PlusIco li.aircondition a{
  background: url(../img/service/ico_07.png) center 80% /cover no-repeat;
  background-size: 90%;
}
.ServiceThirdMenu.PlusIco li.maintenance a{
  background: url(../img/service/ico_05.png) center 80% /cover no-repeat;
  background-size: 90%;
}



.Service_detailWrap{
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  align-items:stretch;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  max-width: 880px;
  margin: 0 auto;
  margin-top: 40px;
  min-height: 230px;
}

.Service_detailWrap .lbox{
  padding: 10px 15px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  align-items:center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
}
.Service_detailWrap .rbox{
  padding-left: 4%;
  text-align: left;
  width: 92%;
}
.Service_detailWrap .rbox .ttl{
  color: #1ea7a9;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-top: 5px;
}
.Service_detailWrap .rbox .read{
  font-size: 16px;
  line-height: 1.7;
}
.Service_detailWrap .rbox a{
  display: inline-block;
  color: #fff;
  padding: 8px 15px;
  text-align: left;
  margin-top: 8px;
}
.Service_detailWrap .rbox a:hover{
  opacity: 0.7;
}


.Service_detailWrap.electric .lbox{
  background-color: #1ea7a9  ;
}
.Service_detailWrap.electric .rbox .ttl{
  color: #1ea7a9;
}
.Service_detailWrap.electric .rbox a{
  background-color: #1ea7a9 ;
}
.Service_detailWrap.electric2 .lbox{
  background-color: #3fc9c5  ;
}
.Service_detailWrap.electric2 .rbox .ttl{
  color: #3fc9c5;
}
.Service_detailWrap.electric2 .rbox a{
  background-color: #3fc9c5 ;
}

.Service_detailWrap.rental .lbox{
  background-color: #31729a  ;
}
.Service_detailWrap.rental .rbox .ttl{
  color: #31729a;
}
.Service_detailWrap.rental .rbox a{
  background-color: #31729a ;
}
.Service_detailWrap.rental2 .lbox{
  background-color: #345e79  ;
}
.Service_detailWrap.rental2 .rbox .ttl{
  color: #345e79;
}
.Service_detailWrap.rental2 .rbox a{
  background-color: #345e79 ;
}
.Service_detailWrap.pa .lbox{
  background-color: #946851  ;
}
.Service_detailWrap.pa .rbox .ttl{
  color: #946851;
}
.Service_detailWrap.pa .rbox a{
  background-color: #946851 ;
}

.Service_detailWrap.ethernet .lbox{
  background-color: #8acb66  ;
}
.Service_detailWrap.ethernet .rbox .ttl{
  color: #8acb66;
}
.Service_detailWrap.ethernet .rbox a{
  background-color: #8acb66 ;
}

.Service_detailWrap.aircondition .lbox{
  background-color: #c264aa  ;
}
.Service_detailWrap.aircondition .rbox .ttl{
  color: #c264aa;
}
.Service_detailWrap.aircondition .rbox a{
  background-color: #c264aa ;
}

.Service_detailWrap.maintenance .lbox{
  background-color: #7a8498  ;
}
.Service_detailWrap.maintenance .rbox .ttl{
  color: #7a8498;
}
.Service_detailWrap.maintenance .rbox a{
  background-color: #7a8498 ;
}
.overviewArea,.studioDetail{
  max-width: 760px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  display: table;
  border-top: 1px solid #333;
  padding: 0.5em ;
  position: relative;
  /* z-index: 100; */
  z-index: 1;
  font-size: 16px;
}
.studioDetail{
  max-width: 880px;
}
.overviewArea.last,.studioDetail.last {
  border-bottom: 1px solid #333;
  margin-bottom: 40px;
}
.overviewArea .txt1,.studioDetail .txt1{
  max-width: 140px;
  width: 18%;
  font-weight: 500;
  line-height: 1.5;
  display: table-cell;
  vertical-align: text-top;
  padding-right: 2%;
}
.overviewArea .txt2,.studioDetail .txt2{
  max-width: 660px;
  width: 72%;
  line-height: 1.5;
  display: table-cell;
  vertical-align: text-top;
}

.companyShikaku{
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.companyTtl1{
  font-size: 18px;
  font-weight: bold;
  margin-top: 5px;
}

/*----------------------------------------------------
common box
----------------------------------------------------*/
.boxPtn01{
  font-size: 16px;
  max-width: 880px;
  width: 100%;
  padding: 1.5em 0 1em 0;
  margin: 0 auto;
  line-height: 1.7;
  display: block;
}
.boxPtn01 span.caption{
  padding-top: 5px;
  display: inline-block;
  font-size: 13px;
  text-align: left;
}
.boxPtn01 div.lbox{
  max-width: 320px;
  width: 35%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.boxPtn01.rental {
  padding-top: 0;
}
.boxPtn01.rental .lbox img{
  border:1px solid #ccc;
}
.boxPtn01.rental .txt{
  font-weight: bold;
}
.boxPtn01.rental2 {
  padding-top: 0;
}
.boxPtn01.rental2 .lbox img{
  border:1px solid #ccc;
}
.boxPtn01.rental2 .txt{
  font-weight: bold;
}


/*.boxPtn01 img{
  max-width: 320px;
  width: 35%;
  display: inline-block;
}*/
.boxPtn01 .txtArea{
  margin-left: 4%;
  width:calc(100% - 40%);
  display: inline-block;
  vertical-align: top;
}

.boxPtn01 .txtArea ul{
  display: block;
}
.boxPtn01 .txtArea ul li{
  display: block;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}
.boxPtn01.rental .txtArea .PriceTableWrap{
  display: block;
  font-size: 14px;
  margin-top: 15px;
}
.boxPtn01.rental .txtArea .PriceTableWrap .ttl{
  background-color: #666;
  color: #fff;
  width: 100%;
  display: block;
  text-align: center;
  padding: 4px;
}
.boxPtn01.rental .txtArea .PriceTableWrap .ttl p{
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}
.boxPtn01.rental .txtArea .PriceTableWrap .PriceArea{
  display: table;
  border-bottom: 1px solid #aaa;
  display: block;
  width: 100%;
  display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
}
.boxPtn01.rental .txtArea .PriceTableWrap .PriceArea p{
  display: table-cell;
  vertical-align: top;
  padding: 5px 10px;
}
.boxPtn01.rental .txtArea .PriceTableWrap .PriceArea p.cat{
  text-align: left;
  font-size: 14px;
}
.boxPtn01.rental .txtArea .PriceTableWrap .PriceArea p.price{
  text-align: right;
  font-size: 14px;
}




.boxPtn01.rental .txtArea table{
  width: 100%;
  margin-top: 5px;
  font-size: 14px;
}
.boxPtn01.rental .txtArea table th{
  background-color: #666;
  color: #fff;
  width: 100%;
  display: block;
}
.boxPtn01.rental .txtArea table tr{
  border-bottom: 1px solid #aaa;
  padding-bottom: 3px;
  display: block;
  width: 100%;
}
.boxPtn01.rental .txtArea table tr:first-child{
  border: none;
}
.boxPtn01.rental .txtArea table td{
  text-align: left;
}
.boxPtn01.rental .txtArea table td.cat{
  width: 10%;
}
.boxPtn01.rental .txtArea table td.price{
  text-align: right;
  width: 90%;
}


.boxPtn02{
  font-size: 16px;
  max-width: 880px;
  width: 100%;
  padding: 0.5em 0;
  margin: 0 auto;
  line-height: 1.7;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
/* justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between; */
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.boxPtn02 .box{
  max-width: 420px;
  width: 31%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin: 1.15%;
  margin-bottom: 20px;
}
.boxPtn02 .box span.caption{
  padding-top: 5px;
  display: inline-block;
  font-size: 13px;
  text-align: left;
}

.boxPtn03{
  font-size: 16px;
  max-width: 880px;
  width: 100%;
  padding: 0.5em 0;
  margin: 0 auto;
  line-height: 1.7;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
/* justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between; */
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.boxPtn03 .box{
  max-width: 420px;
  width: 45%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin: 1.15%;
  margin-bottom: 20px;
  text-align: center;
}
.boxPtn03 .box a{
  max-width: 300px;
  display: inline-block;
  border: 1px solid #000;
}
.boxPtn03 .box a:hover {
  opacity: 0.8;
}
.boxPtn03 .box p{
  font-size: 13px;
}

/*----------------------------------------------------
h tag
----------------------------------------------------*/
h1#brand-logo {
  display: block;
  padding: 2em 1.5em;
  text-align: center;
  background-color: #fff;
 }

#main-visual h2{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 45px;
  font-weight: bold;
  color: #fff;
  padding: 20px;
  line-height: 1.3;
}

#main-visual h2 p{
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  padding-top: 10px;
}



h3 > p{
  font-size: 20px;
  font-weight: normal;
  line-height: 1.3;
  text-align: center;

}

h4{
  font-size: 20px;
  border-top: 1px solid #000;
  border-bottom:  1px solid #000;
  background-color: #eee;
  padding: 16px 0px;
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 20px;
  max-width: 760px;
  text-align: center;
}

h4.studioDetail_Ttl{
  max-width: 880px;
}

h5{
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0;
  margin-top: 50px;
  width: 100%;
  max-width: 760px;
  padding: 1.5em 0;
  z-index: 1;
}

h5:before,h5:after{ 
  position: absolute;
  top: 0;
  content:'';
  width: 12px;
  height: 100%;
  display: inline-block;
  z-index: 1;
}
h5:before{
  border-left: solid 1px #062944;
  border-top: solid 1px #062944;
  border-bottom: solid 1px #062944;
  left: 0;
}
h5:after{
  content: '';
  border-top: solid 1px #062944;
  border-right: solid 1px #062944;
  border-bottom: solid 1px #062944;
  right: 0;
}
h5 > p.ttl{
  font-size: 18px;
  color: #062944;
  text-align: center;
  font-weight: bold;
  padding: 0 1em 0.75em 1em; 
}
h5 > p.lead{
  font-size: 14px;
  font-weight: normal;
  line-height: 1.65;
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
h5 > p.subTtl{
  font-size: 14px;
  font-weight: normal;
  background-color: #062944;
  padding: 3px 8px;
  width: 90%;
  text-align: center;
  color: #fff;
  max-width: 760px;
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 1em;
}
h5 > .detailWrap > a.detail{
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 0.5em
}
h5 > .detailWrap > a.detail + a.detail{
  margin-left: 1em;
}
h5 > .detailWrap > a.detail:hover{
  text-decoration: none;
}

h5 > .detailWrap{
  width: 90%;
  margin: 0 auto; 
}



/*----------------------------------------------------
Common Contact
----------------------------------------------------*/
.contactArea{
  background-color: #dce2dc;
  width: 100%;
  padding: 5% 8%;
  margin: 0 auto;
  text-align: center;
  margin-top: 5%;
}

.contactArea p{
  text-align: center;
  margin: 0 auto;
  line-height: 1.6;
}
.contactArea a{
  background-color: #ff9f1e;
  color: #fff;
  padding: 15px 20px;
  font-size: 20px;
  border-radius: 30px;
  width: 30%;
  max-width: 400px;
  min-width: 300px;
  margin-top: 20px;
  line-height: 1.6;
  display: inline-block;
}
.contactArea a:hover{
  background-color: #ff8800;
}
/*----------------------------------------------------
rental list
----------------------------------------------------*/
.retalListArea{
  width: 100%;
  max-width: 880px;
  display: block;
  margin: 0 auto;
}
.retalListArea table{
  margin-bottom: 50px !important;
}

.retalListArea.elect{
  width: 98%;
  margin: 0 auto;
}
.retalListArea.elect table td{
  text-align: center;
  border:1px solid #fff;
}
.retalListArea.elect table th{
  text-align: center;
  border:1px solid #fff;
  padding: 8px 3px 8px 10px;
}
.retalListArea.elect table th:nth-child(1), .retalListArea.elect table td:nth-child(1) {
  width: 40%;
}
.retalListArea.elect table th:nth-child(2), .retalListArea.elect table td:nth-child(2) {
  width: 30%;
}
.retalListArea.elect table th:nth-child(3), .retalListArea.elect table td:nth-child(3) {
  width: 30%;
}

.retalListArea table{
  width: 100% ;
  border: 0px #bbb solid;
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
  margin: 15px 0px 15px 0px;
  border-collapse:collapse;
  background: #fff;
  color: #000;
  word-break:break-all;
}
.retalListArea table td {
padding: 3px 3px 5px 10px;
border-bottom: 2px solid #bbb;
text-align: left;
vertical-align: middle;
}

.retalListArea table th {
text-align: left;
vertical-align: middle;
font-weight: bold;
padding: 15px 3px 8px 10px;
border-top: none;
border-bottom: none;
font-size: 14px;
background-color: #999;
color: #fff;
}

.retalListArea table tr:nth-child(2n+1) {
    background: #e3e3dc;
}

.retalListArea table tr:nth-child(2n) {
    background: #f8f8f0;
}

.retalListArea table th:nth-child(1),.retalListArea table td:nth-child(1){
  width: 22%;
}
.retalListArea table th:nth-child(2),.retalListArea table td:nth-child(2){
  width: 18%;
}
.retalListArea table th:nth-child(3),.retalListArea table td:nth-child(3){
  width: 38%;
}
.retalListArea table th:nth-child(4),.retalListArea table td:nth-child(4){
  width: 8%;
  text-align: right;
}
.retalListArea table th:nth-child(5),.retalListArea table td:nth-child(5){
  width: 14%;
  text-align: right;
  padding-right: 1%;
}
.retalListArea table td.hinmoku{
  background: #faa;
  border-top: 3px solid #333;
}

.retalListArea .sFnt{
  font-size: 11px;
}

.sFnt2{
  max-width: 880px;
  margin: 0 auto;
  font-size: 14px;
}
.retalListArea .sFntdb{
  font-size: 11px;
  display: block;
}

.retalListArea2{
  max-width: 880px;
  margin: 0 auto;
  padding: 25px;
  background-color: #eef4f5;
  border-radius: 10px;
  margin-bottom: 50px;
  padding-bottom: 50px;
}


/*----------------------------------------------------
Global menu
----------------------------------------------------*/
#global-head {
  position: fixed;
  color: #fff;
  width: 240px;
  text-align: center;
  padding-top: 0px;
  z-index: 100;
  top: 0;
}

#sidebar {
  font-size: 15px;
  padding-top: 102px;
  width: 240px;
  height: 100%;
  position: fixed;
  color: #333;
  background: #dce2dc;
  text-align: center;
  z-index: 2;
  padding-bottom: 50px;
  overflow-y:scroll;
}
#sidebar .active{
  background-color: #bbcccc;
}
#sidebar::-webkit-scrollbar {
  display: none;
}
#global-nav ul {
  list-style: none;
  margin-left: 0;
}
#global-nav > ul > li {
  position: relative;
}

#global-nav a {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 18px 0;
  font-size: 15px;
  -moz-transition: background-color .3s linear;
  -webkit-transition: background-color .3s linear;
  transition: background-color .3s linear;
}
#global-nav a.ImgBtn {
  padding: 10px 0 0 0;
}
#global-nav .sub-menu.is-active > a,
#global-nav li:hover > a {
  color: #fff;
  background: #062944;
}
#global-nav li:hover a.ImgBtn {
  background:none;
  opacity: 0.7;
}

.subMenu_hov:hover > a{
  background: rgba(255,255,255,0) !important;
}

#global-nav > ul > li > a.current {
  background: #06273b !important;
  color: #fff;
}

#global-nav .sub-menu-nav a,
#global-nav .sub-menu:hover .sub-menu-nav {
  width: 230px;
}

/* sub-menu icon */
#global-nav .sub-menu-head {
  position: relative;
}
#global-nav .sub-menu-head:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 18px;
  margin: auto;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.subMenu_arrw:after{
  content: "";
  display: none;
}

/* sub-menu */
#global-nav .sub-menu-nav {
  position: fixed;
  background: #062944;
  color: #fff;
  top: 0;
  padding-top: 90px;
  left: 240px;
  width: 0;
  height: 100%;
  overflow: hidden;
  z-index: 100;
  -moz-transition: width .2s ease-out;
  -webkit-transition: width .2s ease-out;
  transition: width .2s ease-out;
}
#global-nav .sub-menu.is-active > a:after,
#global-nav .sub-menu-head:hover:after {
  border-color: #fff;
}
#global-nav .sub-menu-nav a {
  color: #fff;
}
#global-nav .sub-menu-nav a:hover {
  color: #1d3d53;
  background: #fff;
}
#global-nav .sub-menu-nav a:hover {
  color: #1d3d53;
  background: #fff;
}

/*----------------------------------------------------
nav-toggle Humberger menu
----------------------------------------------------*/
#nav-toggle {
  display: none;
  position: fixed;
  top: 15px;
  right: 15px;
  height: 32px;
}
#nav-toggle > div {
  position: relative;
  width: 32px;
}
#nav-toggle span {
  width: 100%;
  height: 3px;
  left: 0;
  display: block;
  background: #000;
  position: absolute;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 11px;
}
#nav-toggle span:nth-child(3) {
  top: 22px;
}

/*----------------------------------------------------
sitemap
----------------------------------------------------*/
.sitemap {
  display: block;
  margin-bottom: 20px;
}
.sitemap li{
  font-size: 15px;
  display: inline-block;
  margin: 0 8px;
  margin-top: 25px;
  text-decoration:underline;
}
.sitemap li:hover{
  opacity: 0.6;
}

/*----------------------------------------------------
policy
----------------------------------------------------*/
.sign{
  display: block;
  text-align: right;
  max-width: 880px;
  margin: 0 auto;
  text-align: right;
  padding-top: 10px;
}
.sign img{
  margin-left: auto;
}




#normal .txt{
  font-size: 16px;
  max-width: 880px;
  width: 100%;
  padding: 1.5em 0 1em 0;
  margin: 0 auto;
  line-height: 1.7;
  }

#normal .lead{
  font-size: 16px;
  font-weight: bold;
  padding: 1.25em 0 0 0;
  text-indent: -1em;
  padding-left: 1em;
  margin: 0 auto;
}

#normal .lead2{
  font-size: 16px;
  font-weight: normal;
  padding: 0.25em 0 0 0;
  padding-left: 1.25em;
  margin: 0 auto;
}
#normal .lead3{
  font-size: 16px;
  font-weight: normal;
  padding: 0.5em 0 0 0;
  text-indent: -1.25em;
  padding-left: 2em;
  margin: 0 auto;
}

.modal_area hr {
  display: block;
  width: 100px;
  height: 5px;
  background-color: #d32435;
  border: 0;
  text-align: left;
  margin-left:0px ;
  margin: 0 auto;
}


.modal_area .area1 .cls{
  position: absolute;
  width: 35px;
  height:35px;
  top: 0;
  right: 0;
}

.modal-content {
    z-index:150;
    margin:0;
    background:#fff;
/*    padding: 1.5em 2em 2em 2.5em;*/
    padding: 30px 20px 20px 20px;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:149;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.mfp-iframe-holder .mfp-close {
  top: 15px;
    right: 15px;
    border: 2px solid #000;
    padding: 9px;
    line-height: 20px;
    font-size: 30px;
    width: 50px;
}

.modal_area img.name{
  text-align: right;
  display: inline-block;
  margin-top: 1em;
}
.mfp-iframe-scaler {
  padding-top: 37.25%;
}
*:focus{
  outline: 0;
}


.mfp-close:hover {
    cursor:pointer;
  opacity: 1 !important;
}



/*----------------------------------------------------
COMMON STYLE
----------------------------------------------------*/

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb70{margin-bottom: 70px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt50{padding-top: 50px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}

.dib{display: inline-block;}
.db{display: block;}

.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}

.fl{ float: left; }
.fr{ float: right; }
.fs14{font-size: 14px;}
.fs10{
  font-size: 10px;
  display: inline-block;
  padding-bottom: 4px;
  vertical-align: middle;
}

.blueA{background-color: #587589;}
.gray{background-color: #c8c5c7;}
.gray2{background-color: #aaa !important;}
.orange{background-color: #E67D4B !important;}
.wht{background-color: #fff !important}


.pc {display: block;}
@media screen and (max-width: 900px) {
  .pc {display: none;}
}

.sp {display: none;}
@media screen and (max-width: 900px) {
  .sp {display: block;}
}

.sp_s {display: none;}
@media screen and (max-width: 640px) {
  .sp_s {display: block;}
}

.pc_s {display: block !important;}
@media screen and (max-width: 640px) {
  .pc_s {display: none !important;}
}
/*----------------------------------------------------
subMenu hidden
----------------------------------------------------*/

@media screen and (max-width: 1050px) {
  footer .inner > ul > li{
    max-width: 160px;
    width: 45%;
  }
}

@media screen and (max-width: 900px) {
  #main-in {
    padding-left: 0;
  }
  #global-head {
    width: 100%;
    padding: 10px 0 17px 0;
    background: rgba(255,255,255,0.9);
    display: -webkit-flex;
    display: flex;
    height: 56px;
  }
  #sidebar {
    position: fixed;
    overflow-y: auto;
    right: -400px;
    top: 0;
    height: 100%;
    width: 300px;
    color: #333;
    background: #fff;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    padding-top: 70px;
  }
  #global-nav .sub-menu-nav a,
  #global-nav .sub-menu:hover .sub-menu-nav {
    display: none;
  }
  #global-nav .sub-menu-head:after {
    display: none;
  }
  #global-nav a{
    color: #1d3d53;
  }
  #global-nav a:hover{
    color: #fff;
    background-color: #1d3d53;
  }

  #global-nav .sub-menu-nav {
    display: none;
  }
  #nav-toggle {
    display: block;
  }
  /* nav open */
  .open {
    overflow: hidden;
  }
  .open #sidebar  {
    -webkit-transform: translate3d(-400px,0,0);
    transform: translate3d(-400px,0,0);
  }
  /* #nav-toggle close */
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /* z-index */
  #sidebar {
    z-index: 3000;
  }
  #nav-toggle {
    z-index: 4000;
  }
  #global-nav .sub-menu.is-active > a,
  #global-nav li:hover > a {
    background: #fff;
    color: #1d3d53;
  }
  #main-visual h2 {
    font-size: 30px;
    padding-top: 60px;
    line-height: 1.4;
  }
  #main-visual h2 p{
    font-size: 18px;
    padding-top: 10px;
    line-height: 1.5 ;
  }
  h1#brand-logo{
    padding: 0;
    padding-left: 1em;
    background-color: transparent;
    padding-top: 4px;
  }
  h1#brand-logo a img{
    width: 160px;
/*    height: 24px;*/
  }
  h3{
    font-size: 25px;
  }
  h4{
    font-size: 18px;
    padding: 12px 0;
  }
  footer{
    padding-left: 0;
  }
  footer .inner > ul > li{
    max-width: 200px;
    width: 31%;
  }
  .sub-menu-nav{
    display: none;
  }
  .sub-menu-head:after {
    content: "";
    display: none;
  }
  .subMenu_hov:hover > a{
    background: rgba(255,255,255,0) !important;
  }
  #global-nav > ul > li > a.current {
    color: #fff !important;
  }
  #ContArea > section .inner{
    padding: 30px 20px 50px 20px;
  }
  #ContArea{
    padding-left: 0;
    padding-top: 56px;
  }
  .topSec1 a{
    max-width: 720px;
    margin: 0 auto;
    width: 96%;
    margin-bottom: 3%;
  }
  .topSec1 a p{
    display: block;
    line-height: 1.3;
    font-size: 14px;
  }
  .topSec1 a p b{
    display: block;
    padding:10px 0 0 0;
    background-color: #000;
    color: #fff;
    padding: 5px;
  }
  .topSec1 a:before{
    display: none;
  }
  .topSec1 a:hover::after{
    display: none;
  }
  .topSec1 a:hover{
    background-color: #fff;
  }
  .topSec1 a:hover p{
    display: block;
    position: initial;
    background-color: #fff;
    color: #333;
    text-align: left;
  }
  .topSec1 a.half{
    width: 100%;
    max-width: 720px;
    display: inline-block;
    vertical-align: top;
  }
  .topSec1 a.half:first-child{
    margin-right: 0%;
  }
  .topSec1 .topSec1_halfBtn{
    width: 96%;
    max-width: 720px;
    margin: 0 auto;
  }
  .topSec1 .detailBtn{
    margin-top: 5px;
    margin-bottom: 8%;
  }
  .Service_detailWrap .lbox{
    padding: 10px ;
  }
  .boxPtn01 div.lbox{
    max-width: 640px;
    width: 100%;
    display: inline-block;
  }
  .boxPtn01 p{
    margin-left: 0;
    width:100%;
    display: inline-block;
    margin-top: 10px;
  }
  .boxPtn01 .txtArea {
    margin-left: 0%;
    width: 100%;
  }
  .boxPtn02{
    display: block;
  }
  .boxPtn02 .box{
    max-width: 640px;
    /* width: 100%;
    display: block; */
    margin: 0 auto;
    margin-bottom: 3%;
    margin-left: 1%;
    margin-right: 1%;
    display: inline-block;
    width: 47%;
  }
  .boxPtn02 .box span.caption{
    padding-top: 5px;
    display: inline-block;
    font-size: 13px;
    text-align: left;
  }
  .boxPtn01.rental .txtArea .PriceTableWrap .ttl p{
    margin-top: 0;
  }

  .boxPtn01.rental .txtArea .PriceTableWrap .PriceArea p {
    margin-top: 0;
  }
  .retalListArea table{
    font-size:11px ;
  }
  .retalListArea table td{
    padding: 3px 2px 3px 3px;
  }
  .Service_detailWrap .rbox{
    width: 100%;
  }
  .Service_detailWrap .lbox img{
    max-width: 60px;
  }
}

@media screen and (max-width: 760px) {
  footer .inner > ul > li{
    max-width: 640px;
    width: 100%;
  }
  footer .inner > ul > li{
    margin: 7px 10px;
  }
  footer .inner > ul > li > ul{
    margin-top: 0.5em;
  }
  footer .inner > ul > li > ul > li{
    margin-bottom: 0.5em;
  }
}

@media screen and (max-width: 680px) {
  #section2 ul.guideLine {
    display: block;
    width: 100%;
  }
  #section2 ul.guideLine > li {
    width: 100%;
  }
  .retalListArea{
    overflow: auto;
    white-space: nowrap;
    border: solid 1px #ddd;
  }
  .retalListArea table{
    margin: 0;
    border: none;
    font-size: 12px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 640px) {
  #section0 dl.list{
    margin-top: 0;
  }
  #section0 dl.list > dd{
    padding-bottom: 1em;
  }
  #section0 dl.list > dt{
    width: 100%;
  }
  h2{
    height: 60px;
    line-height: 60px;
    font-size: 20px;
  }
  .overviewArea .txt1,.studioDetail .txt1{
    width: 100%;
    display: block;
    font-weight: bold;
  }
  .overviewArea .txt2,.studioDetail .txt2{
    width: 100%;
    display: block;
  }
  .retalListArea table th {
    font-size: 12px;
  }
  .retalListArea table{
    font-size: 12px;
  }

}
@media screen and (max-width: 560px) {
  .modal-content {
  padding: 2.5em 1.25em 1.5em 1.25em;
  }

  #main-visual .ttlArea p.read {
      font-size: 15px;
      max-width: 300px;
      padding-top: 30px;
      line-height: 1.5;
      text-align: left;
  }
  #main-visual .ttlArea{
      padding: 40px 10px 20px 15px;
      width: 100%;
      position: initial;
      background: none;
      height: calc(100% - 100px);
  }
  #main-visual .ttlArea p.cmpName{
    font-size: 17px;
    background-color: rgba(255,255,255,0.7);
    width: auto;
    display: inline-block;
    padding: 3px;
    margin-bottom: 5px;
  }
  #main-visual .ttlArea p.topTtl{
    font-size: 10vw;
    background-color: rgba(255,255,255,0.7);
    width: 100%;
    display: inline-block;
    padding: 3px;
    margin-bottom: 5px;
  }
  #main-visual .ttlArea p.read{
    font-size: 17px;
    line-height: 1.7;
    margin-top: 10px;
    background-color: rgba(255,255,255,0.7);
    width: 100%;
    max-width: 560px;
    display: inline-block;
    padding: 3px;
    margin-bottom: 5px;
  }
  #main-visual .NextBtn{
    left: 10px;
  }
  .contactArea a {
    font-size: 18px;
    min-width: 240px;
  }
  #sidebar {
    width: 300px;
  }
}

@media screen and (max-width: 520px) {
  .cnfm .checkbox > span + span{
    margin-left: 0;
  }
  .cnfm .checkbox > span {
    display: block;
  }
}

@media screen and (max-width: 400px) {
  #sidebar {
    right: -300px;
    width: 280px;
    padding-top: 55px;
  }
  .open #sidebar  {
    -webkit-transform: translate3d(-300px,0,0);
    transform: translate3d(-300px,0,0);
  }
  .retalListArea{
    overflow: auto;
    white-space: nowrap;
    border: solid 1px #ddd;
  }
  .retalListArea table{
    margin: 0;
    border: none;
    font-size: 12px;
    margin-bottom: 50px;
  }
  .retalListArea table th {
    font-size: 12px;
  }
  .retalListArea table td {
    padding: 3px 3px 3px 5px;
  }
  .retalListArea table th {
    padding: 8px 3px 8px 5px;
  }
  .retalListArea table th:nth-child(1),.retalListArea table td:nth-child(1){
    width: 20%;
  }
  .retalListArea table th:nth-child(2),.retalListArea table td:nth-child(2){
    width: 18%;
  }
  .retalListArea table th:nth-child(3),.retalListArea table td:nth-child(3){
    width: 36%;
  }
  .retalListArea table th:nth-child(4),.retalListArea table td:nth-child(4){
    width: 10%;
  }
  .retalListArea table th:nth-child(5),.retalListArea table td:nth-child(5){
    width: 16%;
  }
}


/*----------------------------------------------------
CLEAR FIX
----------------------------------------------------*/
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

/*----------------------------------------------------
boxsize
----------------------------------------------------*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

  .link {
    margin-bottom: 5px;
  }
  .link a{
    border-bottom: 1px solid #000;
  }
  .link a:hover{
    color: #888;
  }
  .tac{text-align: center !important;}

  .line{
    border-bottom: 1px solid #000;
  }
  .line:hover{
    color: #888;
  }
  .boxWrap5{
    padding: 20px;
    /* background-color: #eee; */
    border-radius: 10px;
    margin-bottom: 30px;
    padding-top: 30px;
    background-color: #dff0f3;
    /* background-color: rgb(235, 230, 230); */
  }
  .boxWrap5 .ttl{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0.5em;
  }
  .boxWrap5 p{
    text-align: left;
    width: 100%;
    max-width: 100%;
  }

.pickup{
  padding:2px 8px ;
  font-size: 13px;
  color: #fff;
  background-color: #44aabb;
  display: inline-block;
  border-radius: 5px;
}
h3.ttl{
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.linkBtn{
  display: block;
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 16px;
  background-color: #7da5a8;
  color: #fff;
  border-radius: 6px;
}
.linkBtn:hover{
  background-color: #549094;
}

.txtIndent{
  font-size: 90%;
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: .25em;
  padding-bottom:0;
  margin-top: 0 !important;
}