@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
#globalNavi {
}
#sub-navi ul li a {
}
#sub-navi ul li a:hover{
}
.fixed02 {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
  transition: all .4s;
  margin-top:79px;
}
.txt-small{
  font-size:75%;
}
.main-img{
  min-height:250px;
  color:#fff;
  text-align:center;
  display:none;
}
.main-img img{
  width:660px;
  margin:0 auto;
}
.main-img img.big-size{
  max-width:903px;
  margin:0 auto;
  width:100%;
}
.main-img img.middle-size{
  max-width:716px;
  margin:0 auto;
  width:100%;
}
.ootemachikita-page #container,.akasaka-page #container,.akasakasanno-page #container,.yurakucyou-page #container,.akihabara-page #container,.nihonbashi-page #container,.hachobori-page #container,.tenjinminami-page #container,.higashihie-page #container,.hakataekihigashi-page #container,.nahaomoromachi-page #container {
  padding-top:0px;
}
.nahaomoromachi-page .main-img {
  background: url(../images/series/head_nahaomoromachi.jpg) center center no-repeat;
  display: block;
}
.hakataekihigashi-page .main-img {
  background: url(../images/series/head_hakataekihigashi.jpg) center center no-repeat;
  display: block;
}
.higashihie-page .main-img {
  background: url(../images/series/head_higashihie.jpg) center center no-repeat;
  display: block;
}
.series-page .main-img{
  background:url(../images/series/head_series.jpg) center center no-repeat;
}
.akasaka-page .main-img{
  background:url(../images/series/head_akasaka.jpg) center center no-repeat;
  display:block;
}
.akasakasanno-page .main-img{
  background:url(../images/series/head_akasakasanno.jpg) center center no-repeat;
  display:block;
}
.akihabara-page .main-img{
  background:url(../images/series/head_akihabara.jpg) center center no-repeat;
  display:block;
}
.ootemachikita-page .main-img{
  background:url(../images/series/head_ootemachikita.jpg) center center no-repeat;
  display:block;
}
.yurakucyou-page .main-img{
  background:url(../images/series/head_yurakucyou.jpg) center center no-repeat;
  display:block;
}
.nihonbashi-page .main-img{
  background:url(../images/series/head_nihonbashi.jpg) center center no-repeat;
  display:block;
}
.hachobori-page .main-img{
  background:url(../images/series/head_hachobori.jpg) center center no-repeat;
  display:block;
}
.tenjinminami-page .main-img{
  background:url(../images/series/head_tenjinminami.jpg) center center no-repeat;
  display:block;
}
.concept-page .main-img{
  background:url(../images/head_concept.jpg) center center no-repeat;
}
.spec-page .main-img{
  background:url(../images/head_spec.jpg) center center no-repeat;
}
.design-page .main-img{
  background:url(../images/head_design.jpg) center center no-repeat;
}
.news-page .main-img{
  background:url(../images/head_news.jpg) center center no-repeat;
}
.bnews-page .main-img{
  background:url(../images/head_news.jpg) center center no-repeat;
}
.service-page .main-img{
  background:url(../images/head_service.jpg) center center no-repeat;
}
.main-img h1{
  font-size:40px;
  font-weight:bold;
  position:relative;
  padding-top:135px;
  line-height:1.3;
  font-family: "montserratb","Yu Gothic";
  font-family: 'arial',sans-serif;
}
.main-img h1 span{
  font-size:50%;
  display:block;
}
#sub-navi{
  z-index:3;
  background:#adadad;
  /*background: rgba(48,48,48,1);
  background: -moz-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(81,81,81,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,48,48,1)), color-stop(100%, rgba(81,81,81,1)));
  background: -webkit-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(81,81,81,1) 100%);
  background: -o-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(81,81,81,1) 100%);
  background: -ms-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(81,81,81,1) 100%);
  background: linear-gradient(to bottom, rgba(48,48,48,1) 0%, rgba(81,81,81,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#515151', GradientType=0 );*/
}
#sub-navi ul.navi-box{
  width:1100px;
  margin:0 auto;
  padding:0 22px;
  box-sizing:border-box;
  overflow:hidden;
}
#sub-navi ul.navi-box-inner{
  width:880px;
  float:left;

  display: flex;
  flex-wrap: wrap;
}
#sub-navi ul li{
  float:left;
  width:175px;
  text-align:center;
  font-family: "montserratb-Regular";
  font-size:15px;
  font-weight:bold;
  border-right:1px solid #fff;
  letter-spacing:1.3pt;
  font-family: 'arial',sans-serif;
}
#sub-navi ul li:last-child{
/*  font-family: "montserratb-Regular","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",;*/
}
#sub-navi ul li a{
  color:#000;
  text-decoration:none;
  padding:10px 0;
  display:block;
}
#sub-navi ul li a:hover{
  color:#fff;
  background:#acacac;
}
#sub-navi ul li.active{
  width:100%;
  border-right:none;
}
#sub-navi ul li.active > a{
  color:#303030;
  background: rgba(48,48,48,1);
  background: -moz-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(81,81,81,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,48,48,1)), color-stop(100%, rgba(81,81,81,1)));
  background: -webkit-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(81,81,81,1) 100%);
  background: -o-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(81,81,81,1) 100%);
  background: -ms-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(81,81,81,1) 100%);
  background: linear-gradient(to bottom, rgba(48,48,48,1) 0%, rgba(81,81,81,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#515151', GradientType=0 );
  float:left;
  width:176px;
  color:#fff;
  font-size:16px;
}
.yurakucyou-page #sub-navi ul li.active > a{
  padding:9px 0 8px;
  line-height:1.2;
}
.yurakucyou-page #sub-navi ul li.active > a span{
  display:block;
  font-size:12px;
  font-weight:normal;
  letter-spacing:1pt;
  line-height:1;
}
#sub-navi ul li.active02 > a{
  color:#fff;
  background:#818181;
  padding-bottom:11px;
}
#sub-navi ul li.active .click{
  display:none;
}
#container{
  min-width:1100px;
  max-width:1100px;
  padding: 85px 22px 50px;
  box-sizing:border-box;
  color:#000;
  line-height:1.4;
}
#container a{
  color:#303030;
}
#container h1{
  font-family: 'arial',sans-serif;
}
.concept-content {
  min-width:1100px;
  max-width:1100px;
  padding: 100px 22px 20px;
  box-sizing:border-box;
  /*color:#1d1d1d;*/
  color:#000;
  line-height:1.4;
  margin:-100px auto 0;
}
.concept-content a{
  color:#303030;
}
#bred{
  border-bottom:1px solid #303030;
  padding:12px 0;
  color:#3e3e3e;
  font-size:18px;
  margin-bottom:80px;
  font-family: 'arial',sans-serif;
}
#bred a{
  color:#3e3e3e;
}
section {
  overflow:hidden;
  margin-bottom:70px;
  position:relative;
}
section h1{
  background: url(../images/icon_title.png) left 2px no-repeat;
  border-bottom:2px solid #000;
  padding-left:40px;
  margin-bottom:30px;
  line-height:1.5;
  font-size:28px;
}
.akihabara-top img{
  width:528px;
}
.akasaka-top img{
  width:528px;
}
.series-topbox{
  float:right;
  width:430px;
}
.series-topbox dl{
  border-bottom:1px solid #c9c9c9;
  padding:0 0 10px 0;
  margin-bottom:20px;
}
.series-topbox dt{
  font-weight:bold;
  font-size:34px;
  font-family: 'arial',sans-serif;
}
.series-topbox dt span{
  font-weight: normal;
}
.series-topbox dd{
  font-size:18px;
}
.akihabara-plan02{
  /*height:1800px;*/
}
.akihabara-plan03{
  /*height: 1150px;*/
}
.akihabara-plan04{
  /*height: 1150px;*/
}
.akihabara-plan05{
  /*height:1750px;*/
}
.akihabara-plan06{
  /*height:1300px;*/
}
.akihabara-plan07{
  /*height:1300px;*/
}
.akihabara-plan04 p,.akihabara-plan05 p,.akihabara-plan06 p,.akihabara-plan07 p{
  margin:15px 0px;
}
.akihabana_box{
  float: left;
  width: 400px;
  height: auto;
  margin-right: 30px;
}
.akihabana_box dl dt{
  font-size:18px;
  font-weight:bold;
}
.akihabana_box dl dd{
  font-size:14px;
}
.akihabana_box img.akihabara_pic{
  width: 100%;
}
.akihabara_plan_img06{
  width: 100%;
}
.akasaka-plan{
  font-size:18px;
}
.akasaka-plan01 h2{
  font-size:28px;
}
.akasaka-plan01 p{
  margin:10px 0 30px;
}
.akasaka-plan02{
  height:1730px;
}
.akasaka-plan03{
}
.akasaka-plan04{
}
.akasaka-plan04 p{
  margin-bottom:15px;
}
.table-bordered{
  font-size:16px;
  z-index:2;
  position:relative;
  margin-top:30px;
}
.table-bordered td,.table-bordered th{
  border-bottom:1px solid #a5a5a5;
  padding:10px 0;
}
.table-bordered th{
  width:150px;
  font-weight:normal;
}
.table-bordered td{
  width:250px;
}
.akasaka-plan dl{
  line-height:1.8;
  margin-top:30px;
  z-index:2;
  position:relative;
}
.akasaka-plan dt{
  font-size:18px;
  font-weight:bold;
}
.akasaka-plan dd{
  font-size:18px;
}
.akasaka_plan_img02{
  position:absolute;
  top:580px;
  z-index:1;
}
.akihabara_plan_img01{
  max-width: 400px;
  margin:50px 35px 35px 0px ;
  float: left;
  height: auto;
}
.akihabara_plan_img02{
  /*position:absolute;*/
  display: block;
  width:auto;
  max-height:1000px;
  margin-top: 50px;
  z-index:1;
}
.akihabara_plan_img04{
  margin-top: 20px;
}
.akihabara_plan_img05{
  max-width: 400px;
  margin:15px 25px 0px 0px ;
  float: left;
  height: auto;
}
.akihabara_plan_img06{
  /*position:absolute;*/
  max-height:1000px;
  max-width: 600px;
  margin-top: 15px;
  z-index:1;
}
.akihabara_plan_img08{
  max-width: 400px;
  margin:15px 90px 0px 0px ;
  float: left;
  height: auto;
}
.akihabara_plan_img09{
  /*position:absolute;*/
  margin-top: 20px;
  z-index:1;
}
.akasaka_plan_txt{
  position:absolute;
  bottom:0px;
  right:0;
  font-size:14px;
}
.akasaka-access div{
  text-align:center;
  margin-bottom:40px;
}
.akasaka-access p{
  font-size:26px;
  font-weight:bold;
  margin-bottom:20px;
  margin-left:30px;
}
.gmap{
  display:none;
}
.akihabara_spec_img02 img{
  max-width: 200px;
  margin:0px 15px 15px 0px;
  float: left;
}
.akihabara_spec_img02_txt{
}
.akihabara_spec_img03 img{
  clear: both;
}
.akasaka-accessbox{
}
.akasaka-accessbox dl{
  border-bottom:1px solid #c9c9c9;
  padding:0 0 10px 0;
  margin:20px 10px;
  float:left;
  width:505px;
  text-align:left
}
.akasaka-accessbox dt{
  font-weight:bold;
  font-size:30px;
}
.akasaka-accessbox dt span{
  font-weight: normal;
}
.akasaka-accessbox dd{
  font-size:16px;
}
.akasaka-spec-block{
  overflow:hidden;
  margin-bottom:40px;
}
.akasaka-spec-block li{
  float:left;
  margin-right:18px;
  text-align:center;
  margin-bottom:18px;
  background:#f8f8f8;
}
.akasaka-spec-block li:nth-child(3n),.akasaka-spec-block li:nth-child(6n){
  margin-right:0;
}
.akasaka-spec-block02{
  overflow:hidden;
  clear:both;
  padding-top:50px;
}
.akasaka-spec-block02 li{
  float:left;
  margin-right:10px;
}
.akasaka-spec-block02 li:last-child{
  margin-right:0;
}
.akasaka-spec-block03{
  overflow:hidden;
  clear:both;
  padding-top:50px;
}
.akasaka-spec-block03 li{
  float:left;
  margin-right:7px;
  text-align:center;
  width:170px;
  font-size:13px;
}
.akasaka-spec-block03 li img{
  padding-bottom:5px;
}
.akasaka-spec-block03 li:last-child{
  margin-right:0;
}
.akasaka-spec{
}
.akasaka-spec dl{
  border-bottom:1px solid #c9c9c9;
  padding:0 0 20px 0;
  margin:20px 10px;
  float:left;
  width:505px;
  text-align:left;
  min-height:250px;
}
.akasaka-spec dt{
  font-weight:bold;
  font-size:26px;
  margin-bottom:10px;
}
.akasaka-spec dd{
  font-size:16px;
  margin-left:20px;
  line-height:1.8;
}
.block{
  overflow:hidden;
}
.block li{
  float:left;
  margin-right:18px;
  text-align:center;
  margin-bottom:40px;
  background:#f8f8f8;
  padding-bottom:20px;
}
.block li:nth-child(3n),.block li:nth-child(6n){
  margin-right:0;
}
.block li h2{
  font-size:24px;
  margin:10px 0 5px;
  padding:0 5px;
}
.block li h2 span{
  font-size:14px;
  display:block;
  margin-top:-5px;
}
.block li a{
  text-decoration:none;
  display:block;
}
.block li a.more{
  border:2px solid #3e3e3e;
  width:200px;
  margin:0 auto;
  padding:5px 0;
  font-weight:bold;
}
.akasaka-spec-block04{
  overflow:hidden;
  clear:both;
  padding-bottom:80px;
  padding-top:0;
}
.akasaka-spec-block04 li{
  float:left;
  margin-right:43px;
  width:323px;
}
.akasaka-spec-block04 li div{
  min-height:150px;
}
.akasaka-spec-block04 li:first-of-type h2{
  margin-bottom:1.5em;
}
akasaka-spec-block04 li p{
  margin:20px 0;
}
.akasaka-spec-block04 li:last-child{
  margin-right:0;
}
.akasaka-spec dl.layout-fix{
  border:1px solid #c9c9c9;
  padding:20px;
  box-sizing:border-box;
  margin:20px 40px 0 0;
  float:left;
  width:505px;
  text-align:left;
}
.akasaka-spec dl.layout-fix.right{
  margin:20px 0 0 0;
}
.akasaka-spec dl.layout-fix dt{
  font-weight:bold;
  font-size:24px;
  margin-bottom:10px;
  border-bottom:1px solid #c9c9c9;
}
.akasaka-spec dl.layout-fix dd{
  font-size:15px;
  margin-left:0;
  margin-bottom:10px;
  line-height:1.5;
}
.akasaka-spec dl.layout-fix dd img{
  width:100%;
}


/*information.html*/
.info-table{
  width:100%;
}
.info-table tr:nth-child(odd) {
  background:#f5f5f5;
}
.info-table td,.info-table th{
  padding:20px 20px 20px 40px;
  text-align:left;
  font-size:16px;
  line-height:1.5;
}
.info-table th{
  width:200px;
}
.info-box h2{
  font-size:18px;
  margin:40px 0 10px;
}


/*concept.html*/
.concept-box01{
  background-size:100%;
  font-size:28px;
  box-sizing:border-box;
  margin-bottom:25px;
  padding:100px 0 0 0;
  text-align:center;
}
.concept-box01 h1{
  background:#000;
  padding:12px 0 10px;
  color:#fff;
  text-align:center;
  font-weight:bold;
  font-size:24px;
  letter-spacing:3pt;
  margin-bottom:60px;
}
.concept-box01 h2{
  font-weight:bold;
  font-family:"游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.concept-box01 p{
  font-size:16px;
  line-height:1.8;
  margin-top:20px;
  padding:0 48px;
  /*font-weight:bold;*/
  letter-spacing:1.5pt;
  /*font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
}
.concept-box01 img{
  margin-top:50px;
}
.concept-box02{
  background:url(../images/concept_img02.jpg) left top no-repeat;
  background-size:100%;
  height:437px;
  font-size:22px;
  padding:90px 20px 0 0;
  overflow:hidden;
  font-family:"游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.concept-box02 div{
  width:520px;
  float:right;
}
.concept-box02 h2{
  font-weight:bold;
  font-size:30px;
  color:#fff;
}
.concept-box02 p{
  font-size:18px;
  font-weight:bold;
  line-height:1.5;
  margin-top:20px;
  letter-spacing:0.5pt;
  color:#fff;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.concept-box03{
  background:url(../images/concept_bg01.jpg) left bottom no-repeat;
  background-size:100%;
  height:500px;
  font-size:32px;
  box-sizing:border-box;
  margin-bottom: 185px;
  color:#000;
  padding:80px 0 0 0;
  text-align:center;
  position:relative;
  min-width:1000px;
}
.concept-box03 h2{
  font-weight:bold;
  font-family:"游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.concept-box03 p{
  font-size:16px;
  font-weight: normal;
  line-height:1.8;
  margin-top:20px;
  letter-spacing:1.5pt;
  margin-left:30px;
  /*font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
}
.concept-box03 img{
  margin-top:50px;
}
.html5-videos{
  margin-bottom:40px;
}
.concept-page section{
  clear:both;
  margin-bottom:0;
}
.concept_navi{
  overflow:hidden;
  margin-top:-50px;
}
.concept_navi li{
  display:block;
  float:left;
  margin:0 20px 30px 0;
  text-align:center;
  font-weight:bold;
  font-size:20px;
  text-decoration:none;
  color:#fff !important;
  letter-spacing:1.5pt;
  background: url(../images/minus.png) center 35px no-repeat #000;
  font-family: "montserratb","Yu Gothic";
}
.concept_navi li a{
  display:block;
  color:#fff !important;
  text-decoration:none;
  width:338px;
  padding:10px 0 20px;
}
.concept_navi li:last-child{
  margin-right:0;
}
.concept-page #movie{
  margin-bottom:70px;
  padding-top:92px;
  margin-top:-50px;
}
.concept-page #movie h5{
  margin-bottom:15px;
  font-size:18px;
}


/*spec.html*/
.spec {
  padding-top:85px;
  margin-top:-85px;
}
.s-title{
  /*background: url(../images/icon_sb.png) left 0 no-repeat;*/
  font-size:38px;
  display:block;
  /*padding-left:70px;*/
  line-height:1.5;
  margin:50px auto 0;
  padding-top:10px;
  width:1100px;
  text-align:center;
}
.spec h2{
  font-size:50px;
  margin-bottom:25px;
  letter-spacing:1.5pt;
  line-height:1.2;
  font-family: "Yu Gothic";
  text-align:center;
  position:relative;
  margin-top:30px;
}
.spec h2:after{
   content: " ";
   border-top:2px solid #000;
   position:absolute;
   left:0;
   right:0;
   bottom:-10px;
   width:100%;
   margin:0 auto;
}
.spec h2 span{
  font-size:18px;
  display:block;
}
.spec h2 span.icon-s{
  background: url(../images/icon_s.png) left 0 no-repeat;
  font-size:38px;
  display:table;
  padding-left:60px;
  line-height:1.5;
  margin:0 auto;
  padding-top:5px;
  margin-top:5px;
  font-weight: normal;
  letter-spacing:1pt;
}
.spec .spec-lead{
  font-size:18px;
  text-align:center;
  margin-bottom:30px;
}
.spec .spec-lead-img img{
  width:100%;
  min-width:1056px;
  max-width:1400px;
  margin:0 auto;
  left:0;
  right:0;
  display:table;
}
#satisfaction{
  margin-top:-100px;
}
.spec .block li{
  background: none;
  padding-bottom:0;
}
.spec .block li p{
  font-size:16px;
  margin-top:10px;
}
.spec .dis-no{
  display: none;
}
.spec .spec-box{
  margin-top:30px;
  padding-bottom:30px;
  box-sizing:border-box;
  border:2px solid #000;
}
.spec-caption{
  text-align:right;
  margin-top:1%;
}
.spec .spec-box .ovfh{
  padding:0 40px 0 40px;
}
.spec .spec-box .ovfh h5{
  font-size:18px;
  margin-top:60px;
}
.spec .spec-box .ovfh img{
  width:450px;
  margin-left:10px;
  float:right;

}
.spec .spec-box h3{
  font-size:24px;
  margin-bottom:25px;
  line-height:1.2;
  text-align:center;
  color:#fff;
  background:#000;
  padding:15px;
  font-family: "Yu Gothic";
}
.spec .spec-box h4{
  font-size:24px;
  margin:50px auto 25px;
  line-height:1.2;
  text-align:center;
  padding:15px;
  font-family: "Yu Gothic";
  border-bottom:2px solid #303030;;
  display:table;
}
.spec .spec-box .spec-caption{
  margin:20px 0 0 0 ;
}
.spec .block.block02{
  margin-left:15px;
}
.spec .block.block02 li{
  margin-bottom:0;
}
.spec .block.block02 li:nth-child(3n){
  margin-right:18px;
}
.spec .block.block02 li:last-child{
  margin-right:0;
}
.spec .block.block02 li p{
  font-size:16px;
  margin-top:10px;
}
#security dl{
  border:1px solid #c9c9c9;
  padding:10px;
  box-sizing:border-box;
  margin:20px 0;
  float:left;
  width:523px;
  text-align:left;
  min-height:480px;
}
#security dl.left{
  margin-right:10px;
}
#security dl.bottom{
  min-height:405px;
}
#security dt{
  font-weight:bold;
  font-size:19px;
  text-align:center;
  margin-bottom:20px;
  padding:10px 0;
  border-bottom:1px solid #c9c9c9;
}
#security dd{
  font-size:15px;
  margin-left:0;
  margin-bottom:20px;
  line-height:1.5;
}


/*design.html*/
.design-lead{
  position:relative;
  margin-top:-50px;
}
.design-lead img{
  width:100%;
  min-width:1056px;
  max-width:1400px;
  margin:0 auto;
  left:0;
  right:0;
  display:table;
}
.design-lead .series-topbox{
  width:590px;
  background:rgba(255,255,255,0.9);
  box-sizing:border-box;
  padding:20px 10px 20px 20px;
  position:absolute;
  left:4%;
  top:180px;
}
@media screen and (min-width:1500px){
  .design-lead .series-topbox{
    left:10%;
  }
}
@media screen and (min-width:1600px){
  .design-lead .series-topbox{
    left:14%;
  }
}
.design-lead h2{
  font-size:24px;
  margin-bottom:15px;
  font-family:"游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.design-lead p{
  font-size:18px;
  line-height:1.8;
}
.design-box{
  text-align:center;
}
.designer-box{
  width:270px;
  float:left;
}
.designer-box img{
  width:270px;
}
.designer-box02{
  width:760px;
  float:right;
}
.designer-box02 h2{
  font-family:"游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size:40px;
  margin-bottom:20px;
}
.designer-box02 h2 span{
  font-size:20px;
  margin-left:15px;
}
.designer-box02 p{
  margin-bottom:20px;
  font-size:16px;
  line-height:1.5;
}
.designer-box03{
  clear:both;
  padding-top:30px;
  background:#000;
  color:#fff;
  padding:35px 35px 5px;
  overflow:hidden;
}
.designer-box03-list{
  overflow:hidden;
  margin-top:25px;
}
.designer-box03-list li:first-child{
  float:left;
  width:391px;
  margin-left:0;
}
.designer-box03-list li:last-child{
  float:left;
  width:564px;
}
.designer-box03-list li{
  float:left;
  width:266px;
  margin-right:0;
  margin-left:30px;
}
.designer-box03-list p{
  font-size:16px;
  line-height:1.5;
  text-align:right;
  margin:5px 0 25px;
}
.designer-box05{
}
.designer-box05 p{
  font-size:18px;
  line-height:1.5;
}
.designer-box05-list{
  overflow:hidden;
  margin-top:30px;
}
.designer-box05-list li:first-child{
  float:left;
  margin-right:38px;
}
.designer-box05-list p{
  font-size:16px;
  line-height:1.5;
  text-align:right;
  font-weight:bold;
  margin:5px 0 8px;
}
.designer-box04 p{
  font-size:18px;
  line-height:1.5;
}
.designer-box04-list{
  overflow:hidden;
  margin-top:30px;
}
.designer-box04-list li:first-child{
  float:none;
  margin-bottom:10px;
}
.designer-box04-list li:last-child{
  margin-left:38px;
}
.designer-box04-list li{
  float:left;
  margin-bottom:10px;
}
.designer-box04-list p{
  font-size:16px;
  line-height:1.5;
  text-align:right;
  font-weight:bold;
  margin:5px 0 8px;
}
.designer-box06 p{
  font-size:18px;
  line-height:1.5;
}
.designer-box06-list{
  overflow:hidden;
  margin-top:30px;
}
.designer-box06-list li:last-child{
  margin-left:38px;
}
.designer-box06-list li{
  float:left;
  margin-bottom:10px;
}
.designer-box06-list p{
  font-size:16px;
  line-height:1.5;
  text-align:right;
  font-weight:bold;
  margin:5px 0 8px;
}


/*ootemachi*/
.ootemachikita-box{
  margin-top:40px;
  overflow:hidden;
}
.ootemachikita-box img{
  float:left;
  margin-right:30px;
}
.ootemachikita-box strong{
  display:block;
  margin-bottom:20px;
}
.ootemachikita-box p{
  font-size:18px;
}
.ootemachikita-page .akasaka-spec .akihabara-page .nihonbashi-page .hachobori-page dl{
  border:1px solid #c9c9c9;
  padding:20px;
  box-sizing:border-box;
  margin:20px 10px;
  float:left;
  width:505px;
  text-align:left;
  min-height:520px;
}
.ootemachikita-page .akasaka-spec .akihabara-page .nihonbashi-page .hachobori-page dt{
  font-weight:bold;
  font-size:24px;
  margin-bottom:10px;
  border-bottom:1px solid #c9c9c9;
}
.ootemachikita-page .akasaka-spec .akihabara-page .nihonbashi-page .hachobori-page dd{
  font-size:15px;
  margin-left:0;
  margin-bottom:10px;
  line-height:1.5;
}
.ootemachikita-page .akasaka-spec .akihabara-page .nihonbashi-page .hachobori-page dd img{
  width:100%;
}
.ootemachikita-page .akasaka-spec-block02 .akihabara-page.nihonbashi-page .hachobori-page {
  overflow:hidden;
  clear:both;
  padding-bottom:80px;
  padding-top:0;
}
.ootemachikita-page .akasaka-spec-block02 .akihabara-page .nihonbashi-page .hachobori-page li h2{
  font-size:17px;
}
.ootemachikita-page .akasaka-spec-block02 .akihabara-page .nihonbashi-page .hachobori-page li{
  float:left;
  margin-right:43px;
  width:323px;
}
.ootemachikita-page .akasaka-spec-block02 .akihabara-page .nihonbashi-page .hachobori-page li div{
  min-height:135px;
}
.ootemachikita-page .akasaka-spec-block02 .akihabara-page .nihonbashi-page .hachobori-page li p{
  margin:20px 0;
  line-height:1.5;
}
.ootemachikita-page .akasaka-spec-block02 .akihabara-page .nihonbashi-page .hachobori-page li:last-child{
  margin-right:0;
}
.yurakucyou-page .akasaka-spec .nihonbashi-page .hachobori-page dl{
  border:1px solid #c9c9c9;
  padding:20px;
  box-sizing:border-box;
  margin:20px 10px;
  float:left;
  width:505px;
  text-align:left;
  min-height:520px;
}
.yurakucyou-page .akasaka-spec dt{
  font-weight:bold;
  font-size:24px;
  margin-bottom:10px;
  border-bottom:1px solid #c9c9c9;
}
.yurakucyou-page .akasaka-spec dd{
  font-size:15px;
  margin-left:0;
  margin-bottom:10px;
  line-height:1.5;
}
.yurakucyou-page .akasaka-spec dd img{
  width:100%;

}
.yurakucyou-page .akasaka-spec-block02{
  overflow:hidden;
  clear:both;
  padding-bottom:80px;
  padding-top:0;
}
.yurakucyou-page .akasaka-spec-block02 li{
  float:left;
  margin-right:32px;
  width:323px;
}
.yurakucyou-page .akasaka-spec-block02 li div{
  min-height:125px;
}
.yurakucyou-page .akasaka-spec-block02 li p{
  margin:20px 0;
}
.yurakucyou-page .akasaka-spec-block02 li:last-child{
  margin-right:0;
}
.yurakucyou-page .yuraku-plan-block02 {
  overflow:hidden;
  margin-top:40px;
}
.yurakucyou-page .yuraku-plan-block02 li{
  float:left;
  margin-right:32px;
  width:512px;
}
.yurakucyou-page .yuraku-plan-block02 li h3{
  font-weight:normal;
}
.yurakucyou-page .yuraku-plan-block02 li p{
  margin:20px 0;
}
.yurakucyou-page .yuraku-plan-block02 li:last-child{
  margin-right:0;
}


/*service.html*/
.service {
  clear:both;
}
.service h2{
  font-size:18px;
  margin-bottom:40px;
  letter-spacing:1.5pt;
  font-weight:normal;
}
.service-page .block{
  margin:0 auto;
  width:903px;
}
.service-page .block li{
  float:left;
  margin-right:103px;
  text-align:center;
  margin-bottom:40px;
  background:none;
  padding-bottom:20px;
  width:400px;
}
.service-page .block li img{
  width:100%;
  border:1px solid #9B9B9B;
  box-sizing:border-box;
}
.service-page .block li:nth-child(even){
  margin-right:0;
}
.service-page .block li h2{
  font-size:24px;
  margin:10px 0 5px;
  padding:0 5px;
}
.service-page .block li h3{
  font-size:18px;
  margin:0 0 0;
  padding:10px 5px;
  background: rgba(0,0,0,1);
  background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(81,81,81,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(81,81,81,1)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(81,81,81,1) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(81,81,81,1) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(81,81,81,1) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(81,81,81,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#515151', GradientType=0 );
  color:#fff;
}
.service-page .block li h3 span{
  font-size:14px;
  display:block;
  margin-top:5px;
  font-weight:normal;
}
.service-page .block li h3 span.up{
  min-height:45px;
}
.service-page .block li p{
  font-size:15px;
  margin:10 0 5px;
  padding:0 5px;
  text-align:left;
  /*background:#E5E5E5;*/
  border-top:1px solid #565656;
  padding:10px;
  font-weight:normal;
}
.service-page #container .block li h3 a{
  border:1px solid #fff;
  padding:10px;
  color:#000;
  width:80%;
  margin:0 auto 10px;
  font-size:15px;
  background:rgba(255,255,255,0.8);
}
.service-page .block li a{
  text-decoration:none;
  display:block;
}
.bnr_esuport{
  display:block;
  text-align:right;
  background:#fff;
  margin-top:-180px;
  width:320px;
  float:right;
  clear:both;
  margin-right:60px;
}
.bnr_esuport:hover{
  opacity:1;
}
.bnr_esuport img:hover{
  opacity:0.8;
}
.bx-service{
  overflow:hidden;
  margin:0 auto 80px;
  border:2px solid #000;
  width:897px;
}
.bx-service h3{
  text-align:center;
  font-size:24px;
  margin:0 auto 40px;
  padding:0 50px;
  line-height:1.2;
  border-bottom:2px solid #000;
  line-height:2;
  background:#000;
  color:#fff;
}
.bx-service p{
  font-size:16px;
  line-height:1.5;
}
.bx-service img{
  float:left;
  margin-right:40px;
  width:350px;
}
.bx-service .bnr_esuport img {
  float:none;
  margin-right:0;
  width:300px;
}
.bx-service div{
  padding:0 40px 40px 40px;
  overflow:hidden;
}
.bx-service .bnr_esuport{
  background:none;
}

@media screen and (min-width:641px) {
  .navi-box-inner{
    display:flex !important;
    flex-wrap: nowrap !important;
  }
}

@media screen and (max-width:640px) {
  section h1{
    line-height:1.3;
    font-size:24px;
    background: url(../images/icon_title.png) left 0px no-repeat;
  }
  .akasaka-page .main-img{
    background:url(../images/series/head_akasaka.jpg) -600px center no-repeat;
  }
  .akasakasanno-page .main-img{
    background:url(../images/series/head_akasakasanno.jpg) -600px center no-repeat;
  }
  .ootemachikita-page .main-img{
    background:url(../images/series/head_ootemachikita.jpg) -500px center no-repeat;
  }
  .akihabara-page .main-img{
    background:url(../images/series/head_akihabara.jpg) -500px center no-repeat;
  }
  .tenjinminami-page .main-img{
    background:url(../images/series/head_tenjinminami.jpg) -600px center no-repeat;
  }
  .concept-page .main-img{
    background:url(../images/head_concept.jpg) center center no-repeat;
  }
  .spec-page .main-img{
    background:url(../images/head_spec.jpg) center center no-repeat;
  }
  .design-page .main-img{
    background:url(../images/head_design.jpg) -850px center no-repeat;
  }
  .service-page .main-img{
    background:url(../images/head_service.jpg) -850px center no-repeat;
  }
  .main-img h1{
    font-size:30px;
    padding-top:150px;
  }
  #container {
    min-width: 100%;
    margin: 0 auto;
  }
  .fixed02 {
    margin-top:92px;
  }
  #sub-navi ul.navi-box{
    width:100%;
    padding:0 0;
    box-sizing:border-box;
    overflow:hidden;
  }
  #sub-navi ul.navi-box-inner{
    width:100%;
    float:none;
  }
  #sub-navi ul li{
    float:left;
    width:50%;
    text-align:center;
    font-family: "montserratb-Regular";
    font-size:18px;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
    box-sizing:border-box;
  }
  #sub-navi ul li:nth-child(2n),#sub-navi ul li:nth-child(4n){
    border-right:none;
  }
  #sub-navi ul li:last-child{
    width:100%;
    border:none;
  }
  #sub-navi ul li a{
    color:#000;
    text-decoration:none;
    padding:15px 0 !important;
    display:block;
    font-size:15px;
    letter-spacing:0;
  }
  #sub-navi ul li a:hover{
    color:#303030;
    background:#acacac;
  }
  #sub-navi ul li.active{
    width:100%;
    position:relative;
  }
  #sub-navi ul li.active > a{
    /*color:#303030;
    background:#acacac;*/
    float:none;
    width:100%;
  }
  #sub-navi ul li.active .click{
    display:block;
    position:absolute;
    right:0;
    top:0;
    width:60px;
    height:58px;
    background: url(../images/minus.png) center center no-repeat #333333;
  }
  .navi-box-inner{
    /* display:none; */
    font-size:14px;
    line-height:140%;
    margin:0;
  }
  #sub-navi ul li.active .active{
    background: url(../images/plus.png) center center no-repeat #000;
  }
  .main-img{
    min-height:250px;
  }
  #bred{
    font-size:14px;
  }
  .design-page #content img{
    width:100%;
  }
  #container img{
    width:100%;
  }
  .series-topbox dl{
    padding:0 0 20px 0;
    margin-bottom:30px;
  }
  .series-topbox{
    float:none;
    width:100%;
    margin-top:40px;
  }
  .design-lead{
    margin-bottom:20px;
  }
  .design-lead .series-topbox{
    float:none;
    width:90%;
    margin-top:0;
    position:relative;
    padding:10px 10px 20px 0;
    top:0;
    box-sizing:border-box;
  }
  .design-lead .series-topbox h2{
    font-size:20px;
  }
  .design-lead .series-topbox p{
    font-size:16px;
  }
  .designer-box05-list li:first-child{
    float:none;
    margin-right:0;
    width:100%;
  }
  .designer-box04-list li:last-child{
    margin-left:0;
  }
  .designer-box06-list li:last-child{
    margin-left:0;
  }
  .series-topbox　dt{
    font-size:80%;
  }
  .akihabara-plan02{
    height: auto;
  }
  .akihabara-plan03{
    width:100%;
    float:none;
  }
  .akihabara-plan04{
    width:100%;
    float:none;
  }
  .akihabara_plan_img02{
    position: static;
  }
  .akihabara_plan_img06{
    position: static;
  }
  .akihabara_plan_img09{
    position: static;
  }
  .akasaka-plan02{
    height: auto;
  }
  .akasaka-plan03{
    width:100%;
    float:none;
  }
  .akasaka-plan04{
    width:100%;
    float:none;
  }
  .table-bordered{
    width:100%;
  }
  .akasaka_plan_img02{
    position: relative;
    top:0;
    margin:20px 0;
  }
  .akasaka_plan_txt{
    position: relative;
  }
  .akihabara_plan_img05{
    max-width: 600px;
  }
  .gmap{
    display:block;
    max-width:280px;
    border:2px solid #303030;
    margin:0 auto 40px;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    font-size:24px;
    padding:5px;
  }
  .akihabara-plan01 h2{
    font-size:20px;
  }
  .akasaka-plan01 h2{
    font-size:20px;
  }
  .akasaka-accessbox dl{
    width:100%;
  }
  .akasaka-spec-block li,.akasaka-spec-block li:nth-child(3n){
    margin-right:2%;
    width:49%;
  }
  .akasaka-spec-block li:nth-child(2n),.akasaka-spec-block li:nth-child(4n),.akasaka-spec-block li:nth-child(6n){
    margin-right:0;
  }
  .akasaka-spec-block02 li{
    margin-right:2%;
    width:49%;
  }
  .akasaka-spec-block02 li:nth-child(2n),.akasaka-spec-block02 li:nth-child(4n){
    margin-right:0;
  }
  .akasaka-spec-block03{
  }
  .akasaka-spec-block03 li{
    margin-right:2%;
    width:32%;
  }
  .akasaka-spec-block03 li:nth-child(3n),.akasaka-spec-block03 li:nth-child(6n){
    margin-right:0;
  }
  .akasaka-spec dl{
    float:none;
    width:100%;
    text-align:left;
    min-height: auto;
  }
  .akasaka-spec dt{
    font-weight:bold;
    font-size:26px;
    margin-bottom:10px;
  }
  .akasaka-spec dd{
    font-size:16px;
    margin-left:20px;
    line-height:1.8;
  }
  .akasaka-spec-block04{
    overflow:hidden;
    clear:both;
    padding-top:0;
    padding-bottom:30px;
  }
  .akasaka-spec-block04 li{
    float:none;
    margin-right:0;
    width:100%;
    margin-bottom:30px;
  }
  .akasaka-spec-block04 li div{
    min-height: auto;
  }
  .akasaka-spec-block04 li p{
    margin:10px 0;
  }
  .akasaka-spec-block04 li:last-child{
    margin-right:0;
  }
  .akasaka-spec-block04 li:first-of-type h2{
    margin-bottom:0;
  }
  .block li h2{
    font-size:18px;
  }
  .block li{
    float:left;
    margin-right:2%;
    text-align:center;
    margin-bottom:40px;
    width:49%;
  }
  .block li:nth-child(3n),.block li:nth-child(6n){
    margin-right:2%;
  }
  .block li:nth-child(2n),.block li:nth-child(4n),.block li:nth-child(6n){
    margin-right:0;
  }
  .block li a.more{
    width:70%;
    padding:0;
  }
  .akasaka-spec dl.layout-fix{
    float:none;
    width:100%;
    min-height:auto;
    margin:20px 0 20px 0 ;
  }
  .akasaka-spec dl.layout-fix dt{
    font-weight:bold;
    font-size:24px;
    margin-bottom:10px;
    border-bottom:1px solid #c9c9c9;
  }
  .akasaka-spec dl.layout-fix dd{
    font-size:15px;
    margin-left:0;
    margin-bottom:10px;
    line-height:1.5;
  }
  .akasaka-spec dl.layout-fix dd img{
    width:100%;
  }


  /*information.html*/
  .info-table th{
    display:block;
    padding:20px 20px 10px 40px;
  }
  .info-table td{
    display:block;
    padding:0 20px 20px 40px;
  }


  /*concept.html*/
  .concept-box01{
    /*background:url(../images/concept_img01-sp.jpg) left bottom no-repeat;*/
    font-size:16px;
    box-sizing:border-box;
    margin-bottom:50px;
    padding:1px 0 0 0;
  }
  .concept-box01 img{
    width:100%;
    margin-top:20px;
  }
  .concept-box01 h2{
    font-weight:bold;
  }
  .concept-box01 p{
    font-size:14px;
    /*font-weight:bold;*/
    line-height:1.8;
    margin-top:18px;
    width:100%;
    letter-spacing:2.5pt;
    text-align:left;
    padding:0 5%;
    box-sizing:border-box;
  }
  .concept-box02{
    background:url(../images/concept_img02-sp.jpg) left top no-repeat #000;
    background-size:100%;
    height:auto;
    padding:90% 0 0 0;
    overflow:hidden;
  }
  .concept-box02 div{
    width:100%;
    float:none;
    padding:16px;
    box-sizing:border-box;
  }
  .concept-box02 h2{
    font-weight:bold;
    font-size:24px;
  }
  .concept-box02 p{
    font-size:14px;
    font-weight:bold;
    line-height:1.5;
    margin-top:20px;
    letter-spacing:1.5pt;
  }
  .concept-box03{
    height: 673px;
    font-size:16px;
    box-sizing:border-box;
    margin-bottom:25px;
    color:#fff;
    padding:5%;
    background-position:center bottom;
    background-size: cover;
  }
  .concept-box03 h2{
    font-weight:bold;
  }
  .concept-box03 p{
    font-size:14px;
    margin-top:20px;
    width:100%;
    margin-left:0;
    text-align: left;
  }
  .btn_movie{
    display:block;
    width:100%;
    float:none;
    margin:0 auto 80px;
  }
  .concept_navi{
    margin-bottom:5%;
  }

  .concept_navi li{
    float:none;
    margin:0 0 0 0;
    border-bottom:1px solid #fff;
  }
  .concept_navi li a{
    width:100%;
  }


  /*spec.html*/
  #satisfaction img{
    width:100%;
    min-width:100%;
  }
  .spec {
    padding-top: 95px;
    margin-top: -95px;
  }
  .s-title{
    /*background: url(../images/icon_s.png) left center no-repeat;*/
    font-size:26px;
    padding:0 23px;
    width:85%;
  }
  .s-title img{
    width:100%;
  }
  .spec h2{
    font-size:36px;
    letter-spacing:1pt;
    margin-left:-2%;
  }
  .spec h2 img{
    min-width:auto !important;
  }
  #satisfaction.spec h2 img{
    width:65% !important;
  }
  #smart.spec h2 img{
    width:35% !important;
  }
  #security.spec h2 img{
    width:75% !important;
  }
  .spec .block li p{
    font-size:14px;
  }
  .spec h2 span{
    font-size:14px;
  }
  .spec .dis-no{
    display:block;
  }
  .spec .spec-lead{
    font-size:16px;
    text-align:left;
    line-height:1.5;
  }
  #security.spec dl img{
    width:100%;
  }
  .spec .spec-box h3{
    font-size:20px;
  }
  .spec .spec-box h4{
    font-size:18px;
  }
  .spec .spec-box .spec-caption {
    margin: 20px 0 0 0;
  }
  .spec .spec-box .ovfh img {
    width: 100%;
    margin:0;
    padding:20px;
    float:none;
  }
  .spec .spec-box .ovfh h5{
    margin-top:20px;
    font-size:16px;
  }
  #security dl{
    float:none;
    width:100%;
    text-align:left;
    min-height:auto;
  }
  #security dl.left{
    margin-right:0;
  }
  #security dl.bottom{
    min-height:auto;
  }
  #security dt{
  }
  #security dd{
  }
  .spec .block.block02 {
    margin:0 10px;
  }
  .spec .block.block02 li{
    margin:10% 0;
    padding-bottom:5%;
    border-bottom:1px solid #030303;
  }
  .spec .block.block02 li:last-child{
    margin:10% 0 0;
    padding-bottom:0;
    border-bottom:none;
  }
  .spec .block.block02 li:nth-child(3n) {
    margin-right: 2%;
  }
  .spec .block li {
    float:none;
    width:100%;
  }


  /*design.html*/
  .design-lead h2{
    font-size:22px;
  }
  .design-lead p{
    font-size:18px;
  }
  .designer-box{
    width:100%;
    float:none;
  }
  .designer-box02{
    width:100%;
    float:none;
  }
  .designer-box02 img{
    width:auto !important;
    margin-top:20px;
  }
  .designer-box05 img{
    float:none;
  }
  .designer-box05 p{
    float:none;
    width:auto;
    font-size:16px;
    padding-bottom:20px;
  }
  .designer-box04 img{
    float:none;
  }
  .designer-box04 p{
    float:none;
    width:auto;
    font-size:16px;
  }
  .designer-box03{
    clear:both;
    padding-top:30px;
    background:#000;
    color:#fff;
    padding:35px;
    overflow:hidden;
  }
  .designer-box03-list{
  }
  .designer-box03-list li:first-child{
    float:none;
    width:100%;
  }
  .designer-box03-list li:last-child{
    float:none;
    width:100%;
  }
  .designer-box03-list li{
    float:none;
    width:100%;
    margin-right:0;
    margin-left:0;
  }
  .designer-box03-list p{
    font-size:16px;
    line-height:1.5;
    text-align:right;
    margin:5px 0 25px;
  }


  /*ootemachi*/
  .ootemachikita-box img{
    float:none;
    margin-right:0;
    margin-bottom:20px;
  }
  .ootemachikita-box strong{
    margin-bottom:10px;
  }
    .ootemachikita-page .akasaka-spec .akihabara-page .nihonbashi-page .hachobori-page dl{
    float:none;
    width:100%;
    min-height:auto;
    margin:0 0 20px 0 ;
  }
  .ootemachikita-page .akasaka-spec .akihabara-page .nihonbashi-page .hachobori-page dt{
    font-weight:bold;
    font-size:24px;
    margin-bottom:10px;
    border-bottom:1px solid #c9c9c9;
  }
  .ootemachikita-page .akasaka-spec .akihabara-page .nihonbashi-page .hachobori-page dd{
    font-size:15px;
    margin-left:0;
    margin-bottom:10px;
    line-height:1.5;
  }
  .ootemachikita-page .akasaka-spec .akihabara-page .nihonbashi-page .hachobori-page dd img{
    width:100%;
  }
  .ootemachikita-page .akasaka-spec-block02 .akihabara-page .nihonbashi-page .hachobori-page {
    overflow:hidden;
    clear:both;
    padding-top:0;
    padding-bottom:30px;
  }
  .ootemachikita-page .akasaka-spec-block02 .akihabara-page .nihonbashi-page .hachobori-page li{
    float:none;
    margin-right:0;
    width:100%;
    margin-bottom:30px;
  }
  .ootemachikita-page .akasaka-spec-block02 .akihabara-page .nihonbashi-page .hachobori-page li div{
    min-height: auto;
  }
  .ootemachikita-page .akasaka-spec-block02 .akihabara-page .nihonbashi-page .hachobori-page li p{
    margin:10px 0;
  }
  .ootemachikita-page .akasaka-spec-block02 .akihabara-page .nihonbashi-page .hachobori-page li:last-child{
    margin-right:0;
  }
  .yurakucyou-page .akasaka-spec dl{
    float:none;
    width:100%;
    min-height:auto;
    margin:0 0 20px 0 ;
  }
  .yurakucyou-page .akasaka-spec dt{
    font-weight:bold;
    font-size:24px;
    margin-bottom:10px;
    border-bottom:1px solid #c9c9c9;
  }
  .yurakucyou-page .akasaka-spec dd{
    font-size:15px;
    margin-left:0;
    margin-bottom:10px;
    line-height:1.5;
  }
  .yurakucyou-page .akasaka-spec dd img{
    width:100%;
  }
  .yurakucyou-page .akasaka-spec-block02{
    overflow:hidden;
    clear:both;
    padding-top:0;
    padding-bottom:30px;
  }
  .yurakucyou-page .akasaka-spec-block02 li{
    float:none;
    margin-right:0;
    width:100%;
    margin-bottom:30px;
  }
  .yurakucyou-page .akasaka-spec-block02 li div{
    min-height: auto;
  }
  .yurakucyou-page .akasaka-spec-block02 li p{
    margin:10px 0;
  }
  .yurakucyou-page .akasaka-spec-block02 li:last-child{
    margin-right:0;
  }
  .yurakucyou-page .yuraku-plan-block02 li{
    float:none;
    margin-right:0;
    width:100%;
    margin-top:40px;
  }


  /*service.html*/
  .service-page .service h2{
    font-size:18px;
  }
  .service-page .block li h2{
    font-size:18px;
  }
  .service-page .block li h3 span.up{
    min-height:auto;
  }
  .service-page .block{
    width:100%;
  }
  .service-page .block li{
    float:none;
    margin-right:0;
    text-align:center;
    margin-bottom:40px;
    width:100%;
  }
  .bnr_esuport{
    margin-top:0;
    display:block;
    text-align:right;
    background:#fff;
    width:auto;
    max-width:300px;
    float:none;
    margin:0 auto 40px;
  }
  .bnr_esuport:hover{
    opacity:1;
  }
  .bnr_esuport img:hover{
    opacity:0.8;
  }
  .bx-service{
    width:100%;
    box-sizing:border-box;
  }
  .bx-service h3{
    font-size:18px;
    line-height:1.2;
    padding:10px 0;
  }
  .bx-service .bnr_esuport{
    margin-top:20px;
    margin-right:0;
    max-width:100%;
  }
  .bx-service div{
    padding:0 20px;
    overflow:hidden;
  }
  .akihabana_box{
    width: auto;
    margin-right: 0px;
    margin-bottom: 30px;
  }
}


/*サイトトップページへ
---------------------------------------------------------------------------*/
#pageTop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 50px;
  width: 80px;
  height: 80px;
  line-height: 100px;
  font-size: 13px;
  text-indent: -9999px;
  background: url(../images/btn_totop.png);
}
/*スマホで見た時*/
@media (min-width:1px) and (max-width:640px) {
  #pageTop {
    bottom: 50px;
    right: 5%;
    width: 50px;
    height: 50px;
    background: url(../images/btn_totop.png);
    background-size:contain;
  }
}


/*コンセプト
---------------------------------------------------------------------------*/
.pira-title{
  font-family:"游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size:46px;
  font-weight:bold;
  text-align:center;
  letter-spacing:-2pt;
}
.red{
  /*color:#fe0230;*/
}
.title-concept{
  max-width:1100px;
  margin:0 auto;
  padding:0 22px;
  box-sizing:border-box;
}
.pira{
  background:url(../images/bg_pira.jpg) center top no-repeat;
  background-size:100%;
  padding-top:20px;
  margin-top:-20px;
  padding-bottom:63px;
}
.pira-title02{
  font-size:24px;
  font-weight:bold;
  text-align:center;
  color:#fe0230;
  margin:10px 0 -5px;
  font-family: "montserratb","Yu Gothic";
}
.pira-title03{
  font-family:"游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size:36px;
  font-weight:bold;
  text-align:center;
  letter-spacing:-2pt;
}
.pira-txt{
  text-align:center;
  font-size:16px;
  font-weight:bold;
  line-height:2;
  margin-top:20px;
}
.pira a{
  text-decoration:none;
  display:block;
}
.pira a.readmore{
  /*border:2px solid #3e3e3e;*/
  width:150px;
  margin:5px auto 15px;
  padding:3px 0;
  font-weight:bold;
  font-size:14px;
  text-align:center;
  border-radius:30px;
  background:#E4E4E4;
  border:1px solid #AFAFAF;
}
.pira-circle{
  overflow:hidden;
}
.pira-circle li{
  float:left;
  position:relative;
}
.pira-circle .circle01{
  margin:5px 60px 0 80px;
  cursor:pointer;
}
.pira-circle .circle02{
  margin:5px 60px 0 0;
  cursor:pointer;
}
.pira-circle .circle03{
  margin:5px 0 0 0;
  cursor:pointer;
}
.circle01:after,.circle02:after,.circle03:after{
  content: url(../images/minus_bk.png);
  position:absolute;
  bottom:0;
  left:120px;
}
.circle01.select:after,.circle02.select:after,.circle03.select:after{
  content: "";
}
.circle01:hover,.circle02:hover,.circle03:hover{
  opacity:0.8;
}
.txt-hide {
  display: none;
}
.sankaku01{
  padding-top:0px;
  border:2px solid #030303;
  overflow:visible;
  padding:30px 20px 20px 20px;
  margin:40px 0 0 0;
  background:#fff;
}
.sankaku01:before {
  content: url(../images/sankaku.png);
  margin: 10px;
  position: absolute;
  top: -43px;
  left:174px;
}
.job-text .designer-box06-list li:last-child {
  margin-left: 12px;
}
.job-text .designer-box06-list li img{
  width:500px;
}
.job-text h2{
  font-size:40px;
}
.job-text .designer-box06 p{
  font-size:16px;
  line-height:1.8;
}
.sankaku02 {
  padding-top:0px;
  border:2px solid #030303;
  overflow:visible;
  padding:30px 20px 20px 20px;
  margin:40px 0 0 0;
  background:#fff;

}
.sankaku02:before {
  content: url(../images/sankaku.png);
  margin: 10px;
  position: absolute;
  top: -43px;
  left:500px;
}
.sankaku03 {
  padding-top:0px;
  border:2px solid #030303;
  overflow:visible;
  padding:30px 20px 20px 20px;
  margin:40px 0 0 0;
  background:#fff;
}
.sankaku03:before {
  content: url(../images/sankaku.png);
  margin: 10px;
  position: absolute;
  top: -43px;
  left:826px;
}
.concept_navi.fix li{
  display:block;
  float:left;
  margin:0 20px 30px 0;
  text-align:center;
  font-weight:bold;
  font-size:20px;
  text-decoration:none;
  color:#fff !important;
  letter-spacing:1.5pt;
  background: url(../images/minus.png) center 35px no-repeat #000;
  font-family: "montserratb","Yu Gothic";
}
.concept_navi.fix li a{
  display:block;
  color:#fff !important;
  text-decoration:none;
  width:518px;
  padding:10px 0 20px;
}
.concept_navi.fix li:last-child{
  margin-right:0;
}
#promise img,#vision img{
  max-width:1400px;
  min-width:1056px;
  width:100%;
}
.fix-width{
  max-width:1100px;
  min-width:1100px;
  padding:0 23px;
  margin:0 auto;
  box-sizing:border-box;
}
#content .print{
  overflow:hidden;
  margin-bottom:-35px;
  margin-top:35px;
  position:relative;
}
#content .print.print-top{
  margin-top:0;
}
.print img{
  padding-bottom:2px;
  padding-left:3px;
}
.print a{
  display:block;
  width:150px;
  padding:8px 10px 5px;
  font-size:16px;
  text-align:center;
  float:right;
  border-radius:40px;
  text-decoration:none;
  font-weight:bold;
  background:#fff;
  border:1px solid #000;
  color:#000 !important;
  margin-right:20px;
  letter-spacing:1.5pt;
}
#content .print a span{
  display:block;
  font-weight:normal;
  font-size:14px;
  line-height:1;
}
#content .print a span.xpress span{
  font-size:10px;
  margin-bottom:3px;
}

@media (min-width:1px) and (max-width:640px) {
  .concept-content {
    min-width:100%;
    max-width:100%;
    width:100%;
  }
  #promise img,#vision img{
    max-width:100%;
    min-width:100%;
    width:100%;
  }
  .fix-width {
    min-width:100%;
    max-width:100%;
    width:100%;
  }
  .spec-caption{
    text-align:left;
  }
  .concept_navi.fix li{
    width:100%;
    margin:0;
  }
  .concept_navi.fix li a{
    width:100%;
  }
  .concept-box03 img {
    width: 100%;
    margin-top:20px;
  }
  .concept-box03 h2{
    font-size:24px;
    letter-spacing:-2pt;
  }
  .concept-box03{
    background:url(../images/concept_bg01.jpg) center top no-repeat;
    background-size:190%;
    height:auto;
    font-size:32px;
    box-sizing:border-box;
    margin-bottom:50px;
    color:#000;
    padding:5% 20px 0 20px;
    text-align:center;
    position:relative;
    min-width:100%;
  }
  .concept-content img.max{
    width:69%;
  }
  .pira-title {
    font-size: 30px;
  }
  .pira-title02 {
    font-size: 20px;
  }
  .pira-title03 {
    font-size: 28px;
  }
  .pira-txt {
    font-size: 14px;
    text-align:left;
    /*font-weight: normal;*/
  }
  .pira-circle img {
    width:100%;
  }
  .pira-circle li {
    width:30%;
  }
  .pira-circle .circle01,.pira-circle .circle02,.pira-circle .circle03{
    margin:2% 1.6%;
  }
  .sankaku01:before {
    left: 6%;
  }
  .sankaku02:before {
    left: 40%;
  }
  .sankaku03:before {
    right: 7%;
    left:auto;
  }
  .job-text h2 {
    font-size: 26px;
    letter-spacing:-1pt;
  }
  .sankaku01,.sankaku02,.sankaku03 {
    padding:2% 5% 5%;
  }
  .concept-page section.pira{
    margin-bottom:50px;
    background:none;
  }
  #promise,#vision,#value {
    margin-top:-100px;
    padding-top:100px;
  }
  .concept-page #movie img{
    width:100%;
  }
  .concept-page #movie h5{
    font-size:16px;
  }
  .concept-box01 h1 {
    font-size: 20px;
    letter-spacing: 3pt;
    margin-bottom:10%;
  }
  .design-lead img {
    min-width:100%;
  }
  .designer-box06-list li,.designer-box04-list li{
    float:none;
  }

  .job-text .designer-box06-list li img {
    width: 100%;
  }
  .job-text .designer-box06-list li:last-child {
    margin-left: 0;
  }
  .job-text .designer-box06 p {
    font-size: 14px;
  }
  .circle01:after,.circle02:after,.circle03:after{
    bottom:0;
    left:37%;
  }
  #content .print{
    overflow:hidden;
    margin-bottom:20px;
    margin-top:10px;
    position:relative;
  }
  #content .print.print-top{
    margin-bottom:0;
  }
  .print img{
    padding-bottom:2px;
    padding-left:3px;
    width:auto !important;
  }
  .print a{
    display:block;
    width:150px;
    padding:10px;
    font-size:16px;
    text-align:center;
    float:right;
    border-radius:30px;
    text-decoration:none;
    font-weight:bold;
    background:#fff;
    border:1px solid #000;
    color:#000 !important;
    margin-right:0;
    letter-spacing:1.5pt;
  }
}

.pc {
  display: inline-block;
}

.sp {
  display: none;
}

.ctr {
  text-align: center !important;
}

.concept-box01 .flex01,
.concept-box01 .flex02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.concept-box01 .flex01 .txt-area01 {
  margin-bottom: -1.4rem;
}

.concept-box01 .flex01 .txt-area01 p {
  text-align: left;
}

.concept-box01 .flex01 .txt-area02 {
  margin-top: -7.0rem;
}

.concept-box01 .flex01 .txt-area02 img {
  max-width: 100px;
  width: 20%;
}

.concept-box01 .wb-title {
  font-family:"游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin: 40px 0 11px !important;
}

.concept-box01 .wb-title02 {
  color: #666666;
  font-family:"游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.01em;
}

ul.concept-wellbeing img {
  margin-top: 0;
}

@media screen and (max-width:640px) {
  .pc {
    display: none;
  }
  .sp {
    display: inline-block;
  }
  .concept-box01 .flex01 {
  flex-direction: column;
  }
  .concept-box01 .flex01 .txt-area01 {
  margin: -1.4rem -0.1rem 1.4rem;
  }
  .concept-box01 .flex01 .txt-area01 p {
  }
  .concept-box01 .flex01 .txt-area02 {
    margin: 0 0 2.4rem;
  }
  .concept-box01 .wb-title {
  font-size: 30px;
  margin: 30px 0 7px !important;
  }
.concept-box01 .wb-title02 {
  font-size: 20px;
  }
  .concept-wellbeing {
    margin-bottom: 4.2rem;
  }
  ul.concept-wellbeing img {
    width: 100%;
  }
}

.concept-wellbeing02 {
  padding: 0 0 1.4rem;
}

.concept-wellbeing02 .cct-wb00 {
  margin: -1.4rem 0 -2.4rem;
}

.concept-wellbeing02 .cct-wb01 img,
.concept-wellbeing02 .cct-wb02 img,
.concept-wellbeing02 .cct-wb03 img {
  width: 420px;
}

.concept-wellbeing-inner {
  max-width: 880px;
  width: 100%;
  margin: 0 auto 4.8rem;
}

.concept-box01 .wb-title03 {
  position: relative;
  padding-top: 1.8rem;
  font-family: 'arial',sans-serif;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.09em;
  text-align: center;
}

.concept-box01 .wb-title04 {
  margin-bottom: 2.4rem;
  padding: 1.2rem 0;
  font-family: "Helvetica", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 36px;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: center;
  border-bottom:2px solid #303030;
}

.concept-box01 ul.wb-ph-list01 li img {
  width: 97%;
}

@media screen and (max-width:640px) {
.concept-wellbeing-inner {
  margin-bottom: -3.6rem;
  }
  .concept-wellbeing02 .cct-wb00 {
  margin: -0.4rem 0 -1.0rem;
  }
  .concept-wellbeing02 .cct-wb00 img {
  width: 60%;
  }
  .concept-wellbeing02 .cct-wb01 img {
  max-width: 240px;
  width: 50%;
  }
  .concept-wellbeing02 .cct-wb02 img,
  .concept-wellbeing02 .cct-wb03 img {
  max-width: 240px;
  width: 99%;
  }
 .concept-box01 .flex02 {
  position: relative;
  z-index: 22;
  }
  #Mental-wellbeing,#Physical-wellbeing,#Social-wellbeing {
    margin-top:-100px;
    padding-top:100px;
  }
  .concept-box01 .wb-title03 {
  padding-top: 1.4rem;
  font-size: 22px;
  letter-spacing: 0.04em;
  }
  .concept-box01 .wb-title03 img {
  max-width: 97px;
  width: 18%;
  }
.concept-box01 .wb-title04 {
  margin-bottom: 2.0rem;
  padding: 1.0rem 0;
  font-size: 20px;
  letter-spacing: 0;
  }
  .concept-box01 ul.wb-ph-list01 {
  padding: 1rem 0 2.4rem;
  }
  .concept-box01 ul.wb-ph-list01 li img {
  width: 100%;
  }
}