/* cssリセット */
* { margin:0; padding:0; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
div,ul,li,body {display: block; margin: 0; padding: 0;}
img { border-style:none; max-width:100%; width:auto; height:auto; vertical-align: middle; display:block;}

/*--------------------------------------
トップ・下層ページ共用ここから
--------------------------------------*/
/* ヘッダーここから */
div.header-container {max-width: 980px; margin: 0 auto;height:52px;}
div.header-container h1 {margin: 0; line-height: 30px;}
header > .global-navigation {background: #e86e2d; box-shadow: 0 5px 5px -5px rgba(0,0,0,.5);}
#site-navigation {margin-top: 0; max-width: 980px;}
.h1_li{overflow:hidden;}
#header {width: 100%; position: relative;}
#hd_title {width:auto; max-width:100%; margin-top:0; padding:0; float:left;}
#hd_title img{max-height: 51px;}
#hd_tel {margin-top:0; padding: 0; float:right;}
#hd_sp_icon {width: 128px; float: right; display:none;}
#hd_menu_sp {margin-top: 0;}
#hd_es_sp {float:right; display:none; margin: 0 5px; max-width:56px;}

@media screen and (min-width: 1025px) {
.logo-area {padding: 10px 0;}
}
@media screen and (max-width:1024px) {
#header {width: 100%; height:auto; position: static;}
#hd_tel {float: none; position: absolute; top: 5px; right: 112px; height: 40px;}
#hd_tel img {max-height: 100%;}
#hd_sp_icon {display:block; position: relative; top: 0; right: 0;}
#hd_es_sp {display:block;}
#hd_title {margin-top:0; padding: 0;}
#hd_title img{ width: auto; max-width: -webkit-calc(90% - 111px); max-width: calc(100% - 111px); max-height: 27px; position: absolute; top: 0; bottom: 0; left: 5px; margin: auto; margin-left:1%;}
}
@media screen and (max-width: 767px) {
#hd_tel {display: none;}
}
@media screen and (max-width:480px) {
#hd_title {width: auto; max-width:100%;}
.logo-area .header-container > div:first-of-type {max-width: 57%;}
}

.h1 { font-size: 16px; display: inline; font-weight: normal; float: left; margin: 0; color: #000;}
#main h2 {clear: both; background: none repeat scroll 0% 0% #666; padding: 2%; margin-bottom: 5px; color: #FFF; font-size: 24px;}
#main h3 {clear: both; padding: 2%; margin: 2% 0; color:#000; border: 1px solid #666; border-width: 1px 0; font-size: 18px;}
#main h4 {clear: both; background:#ffffff; padding: 0 2%; margin: 2%; color:#000; border: 0 solid #666; border-left-width: 3px; font-size: 14px; text-align: left;}
@media screen and (max-width: 1024px) {
.h1 {display: none;}
}
@media screen and (max-width:640px) {
#main h2{font-size:21px;}
#main h3{font-size:15px;}
}
/* mod_headerbox_size
-----------------------------------------*/
#hd_font {min-height: 30px; float: right; margin: 0;}
#hd_font p {font-size: 15px; font-weight: bold; height: 30px; line-height: 30px; float: left;}
.mod_headerbox_size {width: 190px; margin-top: 0px; position: relative; overflow: hidden;}
.mod_headerbox_size ul li {width:auto; height: auto; margin-left:3px; margin-right:2px; float: left;}
.mod_headerbox_size ul li span {display: block; cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #fff; color: #000; font-size: 15px; font-weight: bold;}
.mod_headerbox_size ul li.active span,
.mod_headerbox_size ul li span:hover {background: #000; color: #fff;}
@media screen and (max-width:1024px) {
#hd_font {display:none;}
}
/* ヘッダーここまで */

/* フッターここから */
#layout04 { background: #fff;}
#footer { width:100%; max-width:940px; margin: 10px auto 0; padding-top:1.5%; overflow: hidden;}
#footer_cnt04 { width: 100%; text-align: left; margin: 10px 0; color:#333;}
#footer_left { width: 64%; float:left;}
#footer_info {width: 36%;text-align: center;}
.footer_info_inner { width: 89%;float: right; border: solid 1px #000; padding: 6% 5% 15px 5%;box-sizing: border-box; background:#707070;}
.footer_info_text { text-align: left;margin-bottom: 40px; padding:6% 0 0 0; line-height: 1.3em; letter-spacing: -1px; color: #333;}
.footer_info_text a { color:#333;}
#footer_area_description { margin: 5% 0 3%; color: #333;}
#RFtNav1 li { color:#333; display: inline-block; border-left: 1px solid #333; padding: 0px 0px 0px 12px; margin: 0px 10px 2px 0px; font-size: 93%;}
#RFtNav1 a { color:#333;}
@media screen and (max-width:1024px) {
#footer { width:96%; padding: 0 2%; box-sizing: border-box;}
#footer_cnt04 { margin-bottom: 4%; text-align: center;}
#footer_cnt04 ul { margin: 0 10px;}
.footer_info_inner { padding: 5% 9% 15px 9%;}
#RFtNav1 li { margin:6px;}
}
@media only screen and (max-width: 670px) {
#footer_cnt04 { margin-bottom: 9%;}
#footer_info { width: 100%; margin-top: 5%; padding: 0 1%; box-sizing: border-box;}
.footer_info_inner,
#footer_left { width: 100%;}
#footer_area_description,
#footer_info { display:none;}
}
@media only screen and (max-width: 640px) {
#layout04 { color:#fff; background: #707070;}
#footer_cnt04 { color: #fff;}
ul#RFtNav1{padding: 5% 1%;}
#RFtNav1 li { border-color:#fff;}
#RFtNav1 a { color:#fff;}
}
/* フッターここまで */

/* フッター導線ここから */
#sub_r { position: absolute; top: 0; right: 0; width: 50px; height: 0; margin: 20px 0 0 auto; z-index: 9999;}
#sub_r a {display: none; margin-bottom: 20px; background-color: #e86e2d;}
#sub_r.active a {display: block;}
#sub_r a p { width: 50px; height: 120px; background: transparent no-repeat scroll 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#sub_r a.sub_r_inquiry p {background-image: url('../images/banner01.png') !important;}
#sub_r a.sub_r_quotation p {background-image: url('../images/banner02.png') !important;}
#sub_r a.sub_r_events p {background-image: url('../images/banner03.png') !important;}
#sub_r a:hover p {opacity: .6;}
@media screen and (max-width:1024px) {
#sub_r {display: none !important;}
}


/*@media screen and (min-width: 768px) {
  #sub_ft_box {display: none !important;}
}
@media screen and (max-width: 767px) {*/
  #sub_ft_box {
    width: 100%;
    margin: 0 auto;
    z-index: 9999; position: relative;
  }
  #sub_ft > ul li a {
    display: block;
    width: 100%; height: 100%;
    font-size: 10px; line-height: 1; text-align: center; color: #fff;
    padding: 35px 0 5px;
  }
  #sub_ft > ul li a:hover {text-decoration: none;}
  #sub_ft > ul li a:after {
    content: ''; display: block;
    width: 30px; height: 30px;
    position: absolute; top: 10px; left: 0; right: 0;
    margin: auto;
    background: url('/images/common/banner_icon_sp.png') top left / auto 30px no-repeat;
  }
  #sub_ft > ul li.dft_online a:after {background-position: 100% 0;}
  #sub_ft > ul li.dft_chat a:after {background-position: 80% 0;}
  #sub_ft > ul li.dft_quotation a:after {background-position: 40% 0;}
  #sub_ft > ul li.dft_line a:after {background-position: 60% 0;}
  #sub_ft > ul li.dft_request a:after {background-position: 20% 0;}

  /* 2個以下 */
  #sub_ft.col-1 > ul li, #sub_ft.col-2 > ul li {
    width: 70px; height: 70px;
    box-sizing: border-box; border-radius: 35px;
    overflow: hidden;
    position: fixed; bottom: 1%; right: 1%;
    background: rgba(0,0,0,.6);
  }
  #sub_ft.col-2 > ul li:first-child {
    bottom: -webkit-calc(100px + 2%); bottom: calc(100px + 2%);
  }
  #sub_ft.col-1 > ul li a, #sub_ft.col-2 > ul li a {padding: 45px 0 5px;}

  @media screen and (max-width: 767px) {
    #sub_ft.col-2 > ul li:first-child {
      bottom: -webkit-calc(70px + 2%); bottom: calc(70px + 2%);
   }
   #sub_ft.col-1 > ul li a, #sub_ft.col-2 > ul li a {padding: 42px 0 5px;}
  }

@media screen and (min-width: 768px) {
  #sub_ft.col-1 > ul li, #sub_ft.col-2 > ul li{
    width: 100px;
    height: 100px;
    border-radius: 50px;
  }
  #sub_ft > ul li a {
    font-size: 13px;
  }
#sub_ft > ul li a:after {
    width: 40px;
    height: 40px;
     top: 15px;
    background: url(/images/common/banner_icon_sp.png) top left / auto 40px no-repeat;
}
  #sub_ft.col-1 > ul li a, #sub_ft.col-2 > ul li a {
      padding: 59px 0 5px;
  }
}
  /* 3個以上 */
  @media screen and (max-width: 767px) {
    #sub_ft.col-3, #sub_ft.col-4, #sub_ft.col-5 {
      position: fixed; top: 100%; z-index: 99;
      width: 100%; height: 50px;
      margin: -50px 0 0;
      line-height: 1;
      background: #bd1016;
    }
    #sub_ft.col-3 > ul, #sub_ft.col-4 > ul, #sub_ft.col-5 > ul {
      position: relative; top: auto; left: auto; right: auto;
      width: 100%;
      margin: auto;
    }
    #sub_ft.col-3 > ul li, #sub_ft.col-4 > ul li, #sub_ft.col-5 > ul li {
      height: 50px;
      border-right: 1px solid #fff; box-sizing: border-box;
      float: left; position: relative;
    }
    #sub_ft.col-3 > ul li {width: 33.3333%;}
    #sub_ft.col-4 > ul li {width: 25%;}
    #sub_ft.col-5 > ul li {width: 20%;}
    #sub_ft.col-3 > ul li:last-child, #sub_ft.col-4 > ul li:last-child, #sub_ft.col-5 > ul li:last-child {border-right: none;}
    #sub_ft.col-3 > ul li a:after, #sub_ft.col-4 > ul li a:after, #sub_ft.col-5 > ul li a:after {
      width: 25px; height: 25px;
      top: 5px;
      background-size: auto 25px;
    }
    #sub_ft.col-3 > ul li a, #sub_ft.col-4 > ul li a, #sub_ft.col-5 > ul li a {
      padding: 35px 0 5px;
      font-size: 10px; line-height: 10px;
    }
    #sub_ft > ul li a br{display:none;}
    #sub_ft.col-2 > ul li a br,
    #sub_ft.col-1 > ul li a br{display:inline-block;}
  }

@media screen and (min-width: 768px) {
    #sub_ft.col-3 > ul li, #sub_ft.col-4 > ul li {
    width: 100px; height: 100px;
    box-sizing: border-box; border-radius: 35px;
    overflow: hidden;
    position: fixed; bottom: 1%; right: 1%;
    background: rgba(0,0,0,.6);
  }
  #sub_ft.col-3 > ul li:first-child,#sub_ft.col-4 > ul li:first-child {
    bottom: -webkit-calc(200px + 3%); bottom: calc(200px + 3%);
  }
  #sub_ft.col-3 > ul li:nth-child(2),#sub_ft.col-4 > ul li:first-child:nth-child(2) {
    bottom: -webkit-calc(100px + 2%); bottom: calc(100px + 2%);
  }
  #sub_ft.col-3 > ul li a, #sub_ft.col-4 > ul li a {padding: 45px 0 5px;}


  #sub_ft.col-3 > ul li, #sub_ft.col-4 > ul li{
    width: 100px;
    height: 100px;
    border-radius: 50px;
  }
  #sub_ft > ul li a {
    font-size: 13px;
  }
#sub_ft > ul li a:after {
    width: 40px;
    height: 40px;
     top: 16px;
    background: url(/images/common/banner_icon_sp.png) top left / auto 40px no-repeat;
}
  #sub_ft.col-3 > ul li a, #sub_ft.col-4 > ul li a {
      padding: 61px 0 5px;
  }
}
/*}*/
/* フッター導線ここまで */

/* 事例・声共通ここから */
/* フレームここから */
.works_box .pic_frame,
.pic_frame { box-shadow: 0 0 0 1px #29241e inset; margin-bottom: 3%; border: none; position:relative; height: 0; padding-bottom: 75%; overflow: hidden;}
.entry_voice_box_pic .pic_frame { height: auto;padding-bottom: 0;}
.entry_voice_box_pic { float: left; margin: 0 2% 0 0;max-width: 50%;}
.works_box .pic_frame2,
.pic_frame2 { padding-top:1px; box-shadow: 0 0 0 4px #fff inset; margin-bottom: 3%; border: none;}
.pic_frame_img {z-index: -1; position: relative; vertical-align: bottom; -webkit-transform: translate3d(0,0,0);}
/* フレームここまで */
/* grid */
#root .grid_end{margin-right:0;}
.all_listbox {width:100%; overflow: hidden;}
.all_listbox:after {content: ""; display: block; clear: both;}
.works_block { width: 48%; float: left; margin: 1%; text-align:center;}
.works_block ul {list-style:none; line-height:1.5;}
.works_block ul .works_block2 li {width: 98%; padding: 0px;}
.works_box {margin:3% auto 2%; wiidth: 100%940px;}
.works_box .h2_works_box{float: left; width: 220px; box-sizing: border-box;}
.works_box .list_box{float: right; width: 720px; box-sizing: border-box;}
.works_box .list_box2{float: right; width: 100%;}
.works_box .works_block2 p{color:#666;}
.works_box .works_block2 .works_box_client,
.works_box .works_block2 .works_box_category {margin: 2% 3%; width:94%;}
.works_box .works_box_category span {font-size:107%;}
.works_box .works_box_date {margin:0 5px;}
.works_box .works_box_ccomment a {color: #666;}
@media screen and (max-width:1024px) {
.all_listbox { height:auto; margin:0;}
.works_block2 p {padding: 0px 15px;}
.works_box {width:96%; margin:2% auto;}
.works_box .list_box {float: right; width: 75%; box-sizing: border-box;}
}
@media screen and (max-width:768px) {
.works_dousen {display:none;}
.works_block ul {list-style:none;}
.works_block ul li {width:48%; float:left;}
.works_block ul .works_block2 {width: 100%; float:right; margin:0; text-align:center;}
.works_block ul .works_block2 li {float:right; padding:0 1%;}
}
@media screen and (max-width:640px) {
.works_box { width:100%;}
.works_box .list_box { float: right; width: 100%;}
.works_dousen{margin:0 2px 5%;}
.works_box_ccomment{display:block;}
}
@media screen and (max-width:480px) {
.works_block2 p {padding: 0px 5px;}
.works_block ul .works_block2 {width: 100%; float:right; margin:0; text-align:center;}
}
@media only screen and (max-width: 360px) {
.all_listbox {width:99%; height:auto; margin:0 0.5%; overflow: hidden;}
.works_block ul .works_block2 li {float:right; padding:0 1%;}
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
.works_block ul .works_block2 {width: 50%;}
}
/* 事例・声共通ここまで */

/* 構造ここから */
#root {max-width: 100%; margin: 0 auto;}
#wrapper {width: 100%;}
#layout01 {width: 100%; height: auto; margin: 0 auto;}
#layout01_bg {width: 100%; height: auto; position:relative; z-index:9999; top: 0px; left: 0px; background: #fff;position:fixed !important;}
.customize-support #layout01_bg{top:32px;}
#layout01_box {width: 100%; height: 70px;}
#layout01_box_sp {width: 100%; height: 52px;}
#layout02 {max-width: 100%; margin: 0 auto; min-height:20px;}
#layout03 {max-width: 980px; margin:1% auto 0; width: 98%;}
#layout04 {max-width: 100%; margin: 0px auto; padding: 0 0 110px;}
@media screen and (max-width:1024px) {
#layout01_bg {top: 0; left: 0; height: 52px; background: #fff; position: fixed;}
.customize-support #layout01_bg{top:32px !important;}
#layout02{width: 100%; margin: 0 auto;box-sizing: border-box;}
#layout04 { padding: 0 0 10%;}
}
@media screen and (max-width:767px) {
.customize-support #layout01_bg{top:46px !important;}

}
@media only screen and (max-width: 670px) {
#layout04 { padding: 0 0 6%;}
}
@media screen and (max-width:640px) {
#layout04 { color:#fff; margin-top: 2%;}
}
#main {width: 730px; float:right; overflow:hidden; margin-right:5px;}
#main_cnt01 {width: 100%; margin:0 0 0 0;}
#main_cnt01 ul {margin:0 ; padding:0; list-style:none; overflow: hidden; line-height:1.5;}
#main_cnt01 li {margin:0 5px 2px 0; padding:0; float:left;}
#main_cnt02 {width: 100%; margin:0 0 5px 0;}
#main_cnt02 ul {margin:0; padding:0; list-style:none; overflow: hidden; line-height: 1.5;}
#main_cnt02 li {margin:0; padding: 0px 0px 4px; float:left; text-align: center; width:100%;}
#main_cnt03 {width: 100%;}
#main_cnt03 ul {margin:0; padding:0; list-style:none; overflow: hidden; line-height: 0;}
#main_cnt03 li {margin:0 5px 5px 0; padding:0; float:left;}
@media screen and (max-width:1024px) {
#main {width: 100%; margin:0 auto;}
#main .box h2,
#main_cnt01,
#main_cnt01 li,
#main_cnt01 img,
#main_cnt02,
#main_cnt02 img,
#main_cnt03,
#main_cnt03 li,
#main_cnt03 img {width: 100%;}
}
/* 構造ここまで */

/* 背景ここから */
.bg_01 {background: transparent url("../images/bg_01.jpg") repeat scroll 0px 0px;}
.bg_01_d640 {background: transparent url("../images/bg_01.jpg") repeat scroll 0px 0px;}
.bg_02 {background: transparent url("../images/bg_02.jpg") repeat scroll 0px 0px;}
.bg_02_d640 {background: transparent url("../images/bg_02.jpg") repeat scroll 0px 0px;}
@media screen and (max-width:640px) {
.bg_01_d640,
.bg_02_d640 {background:none;}
}
/* 背景ここまで */

/* 導線共通部分ここから */
.cnt_box_inner{max-width: 960px; width: 100%; height: auto; overflow: hidden; margin:0px auto; padding: 10px 0;}
.is_1per1 div{box-sizing: border-box; width: 100%; padding:10px;}
.is_1per2 li{box-sizing: border-box; width: 50%; float: left; padding:10px;}
.is_1per3 li{box-sizing: border-box; width: 33.3%; float: left; padding:10px;}
.is_1per4 li{box-sizing: border-box; width: 25%; float: left; padding:10px;}
@media screen and (max-width: 1024px){
.cnt_box_inner{padding:0;}
}
@media screen and (max-width: 640px){
.is_1per1 div,
.is_1per2 li,
.is_1per3 li{padding:2%;}
.is_1per4 li{width: 50%; padding:2%;}
}
/* 導線共通部分ここまで */

/* その他 */
.top_width {width:100%; max-width:980px; margin:0 auto;}
hr { margin: 5px; border: 0; border-bottom: 1px dashed #ccc; background: #999;}
.box {float: left;}
.sp_only {display:none;}

/*-----------------------------------------
fontsize
-----------------------------------------*/
a:link {color:#2355A5; text-decoration:none;}
a:visited{color:#660099; text-decoration:none;}
a:hover{color:#2355A5; text-decoration: underline; }
/*マウスオーバー*/
a:hover img {opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}
/*テキストとばし*/
.hide-text {text-indent: 100%; white-space: nowrap; overflow: hidden;}

/*Google コンバージョンタグ レスポンシブ*/
iframe[name='google_conversion_frame'] { height: 0 !important;width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left;}

/*GoogleMAP レスポンシブ*/
.ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.ggmap iframe,
.ggmapr object,
.ggmap embed {position: absolute; top: 0; left: 0; right:0; margin:0 auto; width: 96%; height: 90%;}

/*clearfix*/
.clearfix {width:100%;}
.clearfix:after {content: ""; display: block; clear: both;}

/*表示非表示*/
.d-1024 {display:block;}
.d-640 {display:block;}
.d-480 {display:block;}
.d-360 {display:block;}
.d1024-768 {display:none;}
.d1024-640 {display:none;}
.d1024-480 {display:none;}
.d1024-360 {display:none;}
.d1024-320 {display:none;}
.d640-480 {display:none;}
.d640-360 {display:none;}
.d640-320 {display:none;}
.d480-320 {display:none;}
.d360-320 {display:none;}

@media screen and (max-width:1024px) {
.d-1024 {display:none;}
.d1024-768 {display:block;}
.d1024-640 {display:block;}
.d1024-480 {display:block;}
.d1024-360 {display:block;}
.d1024-320 {display:block;}
}

@media screen and (max-width:768px) {
.d1024-768 {display:none;}
}

@media screen and (max-width:640px) {
.d-640 {display:none;}
.d1024-640 {display:none;}
.d640-480 {display:block;}
.d640-360 {display:block;}
.d640-320 {display:block;}
}

@media screen and (max-width:480px) {
.d-480 {display:none;}
.d1024-480 {display:none;}
.d640-480 {display:none;}
.d480-320 {display:block;}
}

@media only screen and (max-width: 360px) {
.d-360 {display:none;}
.d1024-360 {display:none;}
.d640-360 {display:none;}
.d360-320 {display:block;}
}
/*--------------------------------------
トップ・下層ページ共用ここまで
--------------------------------------*/


/*--------------------------------------
トップページ用ここから
--------------------------------------*/
/* ＴＯＰ事例・声ここから */
.works_block_top {float: left; margin:0; text-align:center; width:33.3%;}
.works_block_top a {display: block; transition: all .4s;}
.works_block_top a:hover {text-decoration: none; opacity: .6;}
.works_block_top a:hover * {opacity: 1 !important;}
.works_block_top ul .works_block2 li {width: 100%; padding: 0;}
.works_block_top2 {float: left; margin:0 0 2%; text-align:center; width:33.3%;}
.works_block_top2 ul li {padding: 0 1%;}
.works_block_top2 ul .works_block2 li {width: 100%; padding: 0;}
.works_box .list_box2 .works_block_top{ width: 220px; margin-left: 0; margin-right: 20px;}
.works_box .works_block_top{ width: 220px; margin-left: 20px;}
.works_box .h2_voice_box {float: left; width: 220px; box-sizing: border-box;}
.works_box .works_block_top2 { width: 220px; margin-left: 20px;}
.works_block_top2 ul .works_block2 .works_box_client{margin: 3%; width: 94%;}
@media screen and (max-width:1024px) {
.works_block_top {width: 33.3%;}
.works_block_top img {width: 100%;}
.works_block_top2 {width: 33.3%;}
.works_block_top2 img {width: 100%;}
.works_block_top ul li {width: 98%; margin: 0 1%; padding: 0px;}
.works_block_top ul .works_block2 li {width: 100%; padding: 0px;}
.works_block_top2 ul li {width: 98%; margin: 0px 1%; padding: 0px; float:left;}
.works_block_top2 ul .works_block2 li {width: 100%; padding: 0px; float:right;}
.works_box .h2_voice_box {float: left; width: 25%; box-sizing: border-box; padding: 0;}
.works_box .works_block_top2 {width:33.3%; margin-left:auto; padding:0 0 0 2%; box-sizing: border-box;}
.works_box .h2_works_box {float: left; width: 25%; box-sizing: border-box; padding:0;}
.works_box .works_block_top {width:33.3%; margin-left:auto; padding:0 0 0 2%; box-sizing:border-box;}
.works_box .list_box2 .works_block_top {width:24%; margin-right:1%;}
}
@media screen and (max-width:768px) {
.works_block_top {width:100%; margin:0;}
.works_block_top2 {width:100%; margin:0 0 4%;}
.works_block_top ul li {width: 48%;}
.works_block_top2 ul li {width: 48%;}
.works_box .works_block_top2 ul li{width:98%;}
.works_box .works_block_top ul li{width:98%;}
}
@media screen and (max-width:640px) {
.works_box .h2_works_box{float: left; width: 100%; margin: 10px 0 2%;}
.works_box .list_box2 .works_block_top{ width:98%; margin: 1%;}
.works_box .works_block_top{width:98%; margin:0 1% 2%; padding:0;}
.works_box .works_block_top ul li{width:48%;}
.works_box .works_block_top ul li .works_block2 li{width:100%; margin: 2% auto;}
.works_block_top ul .works_block2 .works_box_client{margin: 3% 0%;font-size:107%;}
.works_box .h2_voice_box {float: left; width: 100%; margin: 0% 0 2%;}
.works_box .works_block_top2 {width:98%; margin:0 1% 2%; padding:0;}
.works_box .works_block_top2 ul li {width:48%;}
.works_box .works_block_top2 ul li .works_block2 li {width:100%;}
.works_block_top2 ul .works_block2 .works_box_client {margin: 3% 0%;font-size:107%;}
}
@media screen and (max-width:480px) {
.works_box .works_block_top ul li{width:98%;}
.works_box .works_block_top2 ul li{width:98%;}
}
@media only screen and (max-width: 360px) {
.works_block_top ul li {width: 98%; margin:0 1%;}
.works_block_top2 ul li {width: 98%; margin:0 1%;}
}
/* ＴＯＰ事例・声ここまで */
/* ＴＯＰ構造ここから */
#main_top {width: 100%;}
#main_top_cnt02 {width: 940px; margin:0 auto;}
#main_top_cnt03 {width: 940px; margin:0 auto;}
@media screen and (max-width:1024px) {
#layout04 { padding: 0 0 10%;}
#main_top_cnt02 {width: 100%; margin:0 auto; padding: 0;}
#main_top_cnt03 {width: 100%; margin:0 auto; padding: 0px;}
}
/* ＴＯＰ構造ここまで */
/*--------------------------------------------------------------------------
スライダー
--------------------------------------------------------------------------*/
.slider li {position: relative; background: transparent center center / cover no-repeat;}
.slider li a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block;}
@media screen and (min-width:1025px) {
  #image-bloc {width: 1920px; margin: 0 auto; overflow: hidden; position: relative; left: -webkit-calc(50% - 960px); left: calc(50% - 960px);}
  .main-container { overflow: hidden; padding-bottom: 30px; position: relative;}
  .slider { list-style: none;  margin: 0;  padding: 0;}
  .slider li { width: 1920px !important; margin: 0; padding: 0;}
  .wrapper-inner{position: absolute;}
}
#image-bloc .bx-wrapper{margin:0 auto;}
@media screen and (max-width:1024px) {
  #image-bloc {width:100%; overflow: hidden;}
  .slider li {width: 100% !important;}
  .main-container { overflow: hidden; padding-bottom: 0; position:relative;}
}
@media screen and (max-width:640px) {
  #image-bloc .bx-wrapper{max-width:99.9% !important;}
  .Android #image-bloc .bx-wrapper{max-width:100% !important;}
}

/*ページャー、コントローラ*/
#image-bloc .bx-wrapper .bx-controls-direction a, .bx-pager-item {display: inline-block;}
#image-bloc .bx-wrapper .bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #b6b6b6; margin:0px 10px; border-radius: 5px;}
#image-bloc .bx-wrapper .bx-pager-item a.active {background: #e86e2d; border-radius: 5px;}
#image-bloc .bx-wrapper .bx-controls {
  position: relative; bottom: 0;
  background: transparent;
  height: 26px;
}
#image-bloc .bx-wrapper .bx-pager {
  bottom: 8px;
}
#image-bloc .bx-wrapper .bx-controls-direction {
  width: 100%; max-width: 980px;
  position: absolute; top: 0; bottom: auto; left: 0; right: 0;
  margin: auto;
}
#image-bloc .bx-wrapper .bx-controls-direction a {
  text-decoration: none; color: #000; text-indent: initial;
  padding: 0; margin-top: 0;
  background: none !important;
  display: flex !important; align-items: center; justify-content: center;
  top: 0 !important; bottom: 0 !important; z-index: 94 !important;
  height: 26px !important; width: auto !important;
}
#image-bloc .bx-wrapper .bx-controls-direction a.bx-prev {position: absolute; left: 12%;background:none;}
#image-bloc .bx-wrapper .bx-controls-direction a.bx-next {position: absolute; right: 12%;background:none;}
@media screen and (max-width: 1024px) {
  #image-bloc .bx-wrapper .bx-pager {
    height: auto; padding:8px 0 !important;
    bottom: auto; z-index: 93;
    display: frex; align-items: center; justify-content: center;
  }
  #image-bloc .bx-wrapper .bx-controls-direction {
    width: 100%; height: 26px;
    position: absolute; top: 0; bottom: 0;
  }
}

/*スライド高さ*/
@media screen and (min-width: 1025px) {
  .main-container, #image-bloc, .slider li {height: 650px;}
}
@media screen and (max-width: 1024px) {
  .main-container {height: -webkit-calc(66vw + 26px) !important; height: calc(66vw + 26px) !important;}
  #image-bloc, #image-bloc .bx-viewport, .slider li {height: 66vw !important;}
}
@media screen and (max-width: 640px) {
  .main-container {-webkit-calc(124vw + 26px) !important; height: calc(124vw + 26px) !important;}
  #image-bloc, #image-bloc .bx-viewport, .slider li {height: 124vw !important;}
}

/*スライダーテキスト*/
.slide_text {
  position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
  height: 5.1em; line-height: 1.7em;
  font-size: 46px; text-align: center; font-weight: 900; color: #333;
  text-shadow: #fff 2px 2px 10px, #fff -2px 2px 10px, #fff 2px -2px 10px, #fff -2px -2px 10px;
}
.slide_text span {font-size: 72px; font-weight: 900; transition: all 0s !important;}
@media screen and (max-width:1024px){
.slide_text span {font-size: 8vw;}
}
@media screen and (max-width: 640px) {
  .slide_text {font-size: 30px;}
  .slide_text span {font-size: 8vw;}
}
@media screen and (max-width: 480px) {
  .slide_text {font-size:22px;}
  /*.slide_text span {font-size: 40px;}*/
}

/*--------------------------------------------------------------------------
スライダーここまで
--------------------------------------------------------------------------*/
/* 会社案内ここから */
#cnt_about_box {width: 96%; max-width: 940px; margin: 0 auto; overflow: hidden; position: relative; z-index: 1;}
.cnt_about_btn {margin:20px auto; width: 100%; overflow:hidden;}
#cnt_about_box p { width:100%; margin: 0 auto 20px;}
.cnt_about_btn ul { width: 100%;}
.cnt_about_btn li { width: -webkit-calc(25% - 15px); width: calc(25% - 15px); float: left; margin: 0; padding:0; box-sizing: border-box;}
.cnt_about_btn li + li {margin-left: 20px;}
.cnt_about_btn li a {padding: 0 10px; display: block;}
.cnt_about_btn li a span {padding: 15px 0; display: block; text-align: center;}
@media screen and (max-width:1024px) {
#cnt_about_box p {margin:0 auto 2%;}
.cnt_about_btn {margin: 2% auto;}
.cnt_about_btn li {text-align: center; width: 23.5%;}
.cnt_about_btn li + li {margin-left: 2%;}
}
@media screen and (max-width:640px) {
.cnt_about_btn li { width: 49%; margin: 0 !important; padding:0;}
.cnt_about_btn li:nth-child(2n) {margin-left: 2% !important;}
.cnt_about_btn li:nth-child(n + 3) {margin-top: 2% !important;}
}
/* 会社案内ここまで */
/* TOP事例導線共通部分ここから */
.is_eq li{float: left; box-sizing: border-box; padding: 10px;}
@media screen and (max-width: 1024px){
.is_eq li{ padding: 10px 2%;}
}
@media screen and (max-width: 640px){
.is_eq li{ padding: 2%;}
}
/* one item */
.is_eq li:first-child:nth-last-child(1) { width: 100%;}
/* two items */
.is_eq li:first-child:nth-last-child(2),
.is_eq li:first-child:nth-last-child(2) ~ li { width: 480px;}
/* three items */
.is_eq li:first-child:nth-last-child(3),
.is_eq li:first-child:nth-last-child(3) ~ li { width: 320px;}
/* four items */
.is_eq li:first-child:nth-last-child(4),
.is_eq li:first-child:nth-last-child(4) ~ li { width: 240px;}
/* five items */
.is_eq li:first-child:nth-last-child(5),
.is_eq li:first-child:nth-last-child(5) ~ li { width: 192px;}
/* six items */
.is_eq li:first-child:nth-last-child(6),
.is_eq li:first-child:nth-last-child(6) ~ li { width: 160px;}
@media screen and (max-width: 1024px){
/* one item */
.is_eq li:first-child:nth-last-child(1) { width: 100%;}
/* two items */
.is_eq li:first-child:nth-last-child(2),
.is_eq li:first-child:nth-last-child(2) ~ li { width: 50%;}
/* three items */
.is_eq li:first-child:nth-last-child(3),
.is_eq li:first-child:nth-last-child(3) ~ li { width: 33.3%;}
/* four items */
.is_eq li:first-child:nth-last-child(4),
.is_eq li:first-child:nth-last-child(4) ~ li { width: 25%;}
/* five items */
.is_eq li:first-child:nth-last-child(5),
.is_eq li:first-child:nth-last-child(5) ~ li { width: 20%;}
/* six items */
.is_eq li:first-child:nth-last-child(6),
.is_eq li:first-child:nth-last-child(6) ~ li { width: 16.6%;}
}
/*--------------------------------------
トップページ用ここまで
--------------------------------------*/


/*--------------------------------------
下層ページ用ここから
--------------------------------------*/
/* サイドＡここから */
#sub {width:230px;}
#sub_cnt01,#sub_cnt02,#sub_cnt03 {width: 100%;}
#sub_cnt01 img,#sub_cnt02 img,#sub_cnt03 img,#sub img{margin:0 0 10px;}
@media screen and (max-width:1024px) {
#sub {display:none;}
}
/* left contentsB [ navigation ] */
.RSbNav1 {font-size:13px; vertical-align:baseline; list-style:none;}
.RSbNav1 li {zoom:1; vertical-align:baseline; list-style:none;}
.RSbNav1 li a.CA1 {margin-bottom:5px; display:block; padding:0px 0; color:#3e3d3d; text-decoration:none; border-bottom:1px solid #999;}
.RSbNav1 li a.CA1 .CS1 {display:block; padding:4px 15px 4px 15px; letter-spacing: -1px;}
.RSbNav1 li a.CA1:hover {color:#333;}
.RSbNav1 li a.CA1:before{
left: 4px;
box-sizing: border-box;
width: 4px; height: 4px;
border: 4px solid transparent; border-left: 4px solid #7a0;
}
.CA1 { position: relative;}
.CA1::after, .cat-item a::after  {
  position: absolute; top: 50%; left: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent; border-top-width: 5px; border-bottom-width: 5px; border-left-color: #333;
  transition: all .2s;
}
.CA1:hover::after { left: .3em;}
.RSbNav2{padding-left:15px;}
/* サイドＡここまで */
/* ぱんくずここから */
/*.top_infoarea{margin-top:10px; overflow: hidden;}*/
#RCrumb1 {margin-top: 5px;margin-bottom:5px;}
#RCrumb1 li {display:inline; margin-right:6px; padding-left:12px; background:url(../img/base/BgRCrumb1.gif) 0 50% no-repeat;}
#RCrumb1 .RFirst {background:none; padding-left:0px;}
@media screen and (max-width:1024px) {
#RCrumb1 {margin-left: 5px;}
}
@media screen and (max-width:640px) {
.top_infoarea{margin-top:0;}
}
/* ぱんくずここまで */
/*SNSボタン ここから*/
.Socialbtn { text-align:right; margin:0px 0px 0px 0px; float:right;}
.Socialbtn iframe,.Socialbtn a,.Socialbtn img,.Socialbtn div {vertical-align:bottom !important;}
.Socialbtn .Line { position:relative; float:left; width:82px;}
.Socialbtn .Gree { position:relative; float:left; width:60px;}
.Socialbtn .HatenaBookmark { position:relative; float:left;}
.Socialbtn .Evernote { position:relative; float:left; width:51px;}
.Socialbtn .GooglePlus { position:relative; float:left; width:55px;}
.Socialbtn .Tweet { position:relative; float:left; width:85px;}
/*.Socialbtn .Facebook { position:relative; top:0px; float:left; width:100px;}*/
.Socialbtn span {margin:5px;}
/*.Socialbtn .Facebook iframe{width:100px;}*/
.Socialbtn .social_line01{display:inline;}
.Socialbtn .social_line02{display:inline;}
@media screen and (max-width:640px) {
.Socialbtn { float:none;}
.Socialbtn .social_line01{display:block;}
.Socialbtn:after {content: ""; display: block; clear: both;}
}
.fb-like iframe {max-width: none;}
.fb_iframe_widget_lift {right:0;}
.Socialbtn span {margin:0;}
.Socialbtn .Facebook {position: relative;float: left;width: 100px;margin: 5px !important;}
.Socialbtn .Tweet,.Socialbtn .Line{margin: 5px !important;}
#main .Socialbtn .Facebook {margin:0 5px;}
/*.Socialbtn .Tweet{padding-top:1px;}*/
/*SNSボタン ここまで*/
/* 事例ページネーションここから */
.btn { display: inline-block; padding: 10px; border-radius: 5px; color: #aaa; font-size: .875em;}
.pg_list { padding: 0px; margin-bottom: 10px;}
.link_page,
.link_next,
.current_page,
.link_before {
display: inline-block;
font: 14px/24px; font-size: .875em; font-weight: bold; text-decoration: none; color: #717171; text-shadow: 0px 1px 0px rgba(255,255,255, 1);
margin-top:5px; margin-right: 4px; padding: 0.5% 1%;
border-radius: 3px; border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
}
.link_page:hover,.link_next:hover,current_page:hover,link_before:hover {
background: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.current_page { margin-top:5px; padding: 0.5% 1%; border: none; background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0; text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
.link_page,.link_next,.link_before {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
/* 事例ページネーションここまで */
/* 下層事例・声ここから */
/* 事例下層インデックスここから */
#main_cnt02 .works_block {width: 49%; float: left; margin: 0 2% 4% 0; text-align: center;}
#main_cnt02 .works_block:nth-child(2n) {margin-right:0;}
@media screen and (max-width:1024px) {
#main_cnt02 .works_block {width: 49%; margin: 0px 2% 4% 0;}
}
@media screen and (max-width:640px) {
#main_cnt02 .works_block {width: 96%; margin:0 2% 4%;}
#main_cnt02 .works_block .works_block2 li {width: 100%;}
}
@media screen and (max-width:480px) {
#main_cnt02 .works_block ul .works_block2 li {width: 100%; float: right; margin: 0px;}
}
@media only screen and (max-width: 320px) {
#main_cnt02 .works_block .works_block2 li {width: 100%;}
#main_cnt02 .works_block ul .works_block2 {width: 100%; float:right; margin:0; text-align:center;}
}
/* 事例下層インデックスここまで */
/*事例一覧バナーここから*/
#works_index_banner li{
margin: 0; padding: 0;
float:left;
border-radius: 0px;
background: #cccccc;
box-shadow:0 0 0 2px #cccccc inset, 0 0 0 4px #fff inset;
text-align: center; font-weight: bolder;
box-sizing: border-box;
}
#works_index_banner li span{
display: table-cell;
vertical-align: middle;
width: 980px; max-width: 100%;
padding: 15px; padding: 15px 15px 10px\9;
}
#works_index_banner.works_3col li{ width:32%; margin:1% 2% 0% 0;}
#works_index_banner.works_2col li{ width:49%; margin:1% 2% 0% 0;}
#works_index_banner.works_3col li:nth-child(3n),
#works_index_banner.works_2col li:nth-child(2n) { margin-right:0;}
#works_index_banner li:last-child { margin-bottom: 2%;}
/*事例一覧バナーここまで*/
.works_block2 p {text-align: left; padding: 0px 5px;}
#entry_textbox {width:100%; margin:0 auto; max-width:980px;}
#entry_textbox img {width:100%; height: auto; vertical-align : middle; font-size: 0%;}
#entry_textbox table {width:100%; height: auto; vertical-align : middle; font-size: 0%;}
#entry_textbox .table-style01 {margin: 0;}
#entry_textbox .table-style01 th,#entry_textbox .table-style01 td {padding:0px;}
#jirei_entry .table-style01 img{max-width:150px;}
#main #jirei_entry .table-style01 th { width: 150px;}
#jirei_entry .table-style02 img{max-width:140px;}
#jirei_entry table{width:100%; height:auto;}
#jirei_entry table img{width:100%; height:auto;}
#jirei_entry .jirei-top{width:98%; margin:0 auto;}
.jirei-top{text-align:center;}
#jirei_entry .jirei-top img{border: 1px solid #cccccc; padding: 4px; width:100%; height:auto;  max-width:710px; margin-left: -4px;}
.uc td img{width:100% !important; height:auto !important;}
.after img{width:100% !important; height:auto !important;}
.after td{width:49%; margin:0 0.5%;}
.jirei-top{width:100% }
.jirei-top img{width:100% !important; height:auto !important;}
@media screen and (max-width:768px) {
#main #jirei_entry table img {width: 100% !important;}
#main #jirei_entry .table-style02 th img {width: auto !important;}
#main #jirei_entry .table-style01 th img {width: auto !important;}
}
@media screen and (max-width:480px) {
#main #jirei_entry .table-style02 th img {width: auto !important;}
#main #jirei_entry .table-style01 th img {width: auto !important;}
}
/* Phone Portrait (360px) */
@media only screen and (max-width: 360px) {
}
/* 下層声 */
.entry_voice_box_pic{float:left; margin:0 2% 0 0; max-width:50%;}
#main .entry_voice_box h2,#main .entry_voice_box h3,#main .entry_voice_box h4{overflow:hidden; clear: none;}
@media screen and (max-width:640px) {
.entry_voice_box{width:96%; margin:2%;}
}
/* 下層事例・声 */
.blog_title_img { margin-bottom: 2%;}
/* 下層事例・声 下部導線 */
#main_cnt02 .ichiran_box,
.ichiran_box {width: 96%; max-width: 940px; margin: 2% auto 0;}
#main_cnt02 .ichiran_box li,
.ichiran_box li { margin: 5px 0 0 auto; padding: 0; text-align: initial; box-sizing: border-box; width: 300px;}
@media screen amd (max-width:1024px){
#main_cnt02 .ichiran_box li,
.ichiran_box li {padding-right: 2%; }
}
@media screen and (max-width:640px) {
#main_cnt02 .ichiran_box,
.ichiran_box { width:100%;}
}
/* 下層事例・声ここまで */
/* 下層共通部分ここから */
.table-style01 {margin:5px 0;}
.table-style01 th, .table-style01 td {padding:5px;}
.table-style02 {margin:5px 0;}
.table-style02 th, .table-style02 td {padding:5px;}
.table-style02 th {width:20%;  max-width:220px;}
@media screen and (max-width:640px) {
.table-style01 th, .table-style01 td {display:block;}
.table-style01 th {text-align:left;}
.table-style02 th, .table-style02 td {display:block;}
.table-style02 tr {float:left; width:49%;}
.table-style02 th {width:100%; text-align:left;}
.table-style02 th img, .table-style02 td img {width:100%;}
.table-style02 td {width:100%; max-width:310px; padding:0 10px;}
}
/* 下層共通部分ここまで*/
#main_cnt02 .index_box { width:100%; margin-bottom: 5px;}
#main_cnt02 .index_box li { width:33.3%; float:left; box-sizing:border-box; padding:5px;}
@media screen and (max-width:640px) {
#main_cnt02 .index_box li {width:50%;}
}
/*--------------------------------------
下層ページ用ここまで
--------------------------------------*/



/* LP用ヘッダーここから */
.lp_top #layout01_bg { overflow: hidden;}
.lp_top header > div:last-of-type {display:none;}
@media screen and (max-width:1024px) {
.lp_top #layout01_bg {overflow: visible; position:fixed;}
}
/* LP用フッターここから */
.lp_top #footer_cnt04,
.form_root #footer_cnt04{text-align: center;}

/*---フォーム用フッター導線ここから---*/
.form_root:not(.lp_top) #sub_ft_box #sub_ft ,
.form_root:not(.lp_top) #sub_ft_box #sub_ft_sp .d1024-360 { display:none;}
/*---フォーム用フッター導線ここまで---*/

/*
Wysiwygエディタ テーブル内画像 caption 170606
------------------------------------------------------------*/
td .wp-caption { width: 100% !important;}

/*ギャラリー tinymce と 実際の表示調整 170615
------------------------------------------------------------*/
.wp-caption-text{text-align:left;}


/*------------------------------------------------------------
headerのお問い合わせ情報
------------------------------------------------------------*/
header>div { position: relative; max-width: 980px; margin: 0 auto;}
header .logo { top: 50%; position: absolute; left: 0%; transform: translate(0,-50%);width: 70%;}
header .hd_contact{ width:30%; float: right; padding: 3px;}
header .hd_contact .description{ text-align: right; font-size: 13px; line-height: 1.4em;}
header .hd_contact .tel{ text-align: right; font-size: 27px; font-weight: bold;line-height: 1em; }
header .hd_contact .tel .ico_tel{fill :#d02f2f;width: 21px;height: 21px; margin-right: 5px;}
header .hd_contact .tel span { font-weight: bold;}

.hd_contact .btn_tel_sp{
    width: 46px;
    height: 46px;
    background: #f66721;
    padding: 8px;
    border-radius: 5px;
    margin: 0 0 0 auto;
    }
@media screen and (max-width: 1024px){
    header { padding: 7px;}
  header .logo {position: relative; float: left; height: 48px;transform: none;}
  header .logo img{max-height: 100%; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
  header .hd_contact .description{ font-size: 12px; }
  header .hd_contact .tel{ font-size: 25px; }
  header .hd_contact .tel .ico_tel{width: 19px;height: 19px;}
  div#layout01_box_sp {height: 52px !important;}
}


/*------------------------------------------------------------
Add 20200610 コロナ対策ページアンカーズレ対応
------------------------------------------------------------*/
@media screen and (min-width: 1025px) {
    .stop_corona_box > li {
        padding: 80px 40px 50px !important;
        margin: -30px auto 0 !important;
    }

    .stop_corona_box > li:first-of-type {
        padding-top: 80px !important;
        margin-top: -50px !important;
    }

    .stop_corona_box > div {
        padding: 80px 40px 40px !important;
        margin: -30px auto 0 !important;
    }

    .stop_corona_box > div:first-of-type {
        padding-top: 80px !important;
        margin-top: -50px !important;
    }
}