/* 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;}
div.header-container h1 {margin: 0; line-height: 30px;}
header > .global-navigation {background: #707070; 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 {margin-top:0; padding:0; float:left;}
#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) {
div.header-container {padding: 10px 0;}
}
@media screen and (max-width:1024px) {
#header {width: 100%; height:auto;}
#hd_tel {display:none;}
#hd_sp_icon {display:block; position: relative; top: 0; right: 0;}
#hd_es_sp {display:block;}
#hd_title {margin-top:0px; padding:5px 0 0 10px;}
#hd_title img{ width: auto; max-height:56px;}
.logo-area .header-container {padding: 0;}
}
@media screen and (max-width:480px) {
#hd_title {margin-top:0px; padding:5px 0 0 5px; width: auto; max-width:100%;}
.logo-area .header-container > div:first-of-type {max-width: 57%;}
}

.h1 { font-size: 0.8em; display: inline; font-weight: normal; float: left; margin: 10px 0px 5px 5px; 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;}
}
/* ヘッダーここまで */

/* フッターここから */
#footer_cnt01 { width: 100%; overflow: hidden; background:#707070;}
#footer_cnt01 ul { width: 100%; max-width:960px; margin: 0 auto; list-style:none; overflow: hidden;}
#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; /*font-size: 90%;*/ 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_cnt01 img { width: 100%;}
#footer_cnt01 li { width:33.3%; padding:10px; margin:0; box-sizing: border-box; float:left;}
#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) {
#footer_cnt01 { display:none;}
#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: 0px; right:10px; width: 99px; height: 430px; margin: 250px 0px 0px 985px !important; z-index: 9999;}
#sub_r img{margin-bottom:10px;}
#sub_r p { width: 108px; height: 179px; background: url('../images/banner.png') no-repeat scroll 0px 0px transparent; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#sub_r a:hover p {opacity: .6;}
#sub_ft table, #sub_r table, #sub_ft_sp table{border-collapse: collapse; border: none;}
#sub_ft_box {z-index: 9999; position: relative;}
#sub_ft {position: fixed; top: 100%; width: 100%; height:100px; margin: -100px 0px 0px; z-index: 99; line-height: 0; background:url(../images/fl_bnr_tel.jpg);}
#sub_ft a:hover img {opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}
#sub_ft_sp {position: fixed; bottom: 0px; width: 100%; height: auto; margin: 0px; z-index: 99; line-height: 0; display: none !important; left: 0; background:url(../images/fl_bnr_tel.jpg);}
#sub_ft_sp img {width: 100%;}
#sub_ft img { margin:0 auto;}
@media screen and (max-width:1024px) {
#sub_r {display: none !important;}
#sub_ft {display:none !important; width:100%;}
#sub_ft_sp {display:block !important;}
#sub_ft, #sub_ft_box { width:100%;}
#sub_ft { height: 10.1%;margin: -10.1% 0px 0px;}
}
/* フッター導線ここまで */

/* 事例・声共通ここから */
/* フレームここから */
.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%; width:100%; max-width: 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: url(../images/hd_bg.png) repeat-x scroll 0px 0px transparent;}
#layout01_box {width: 100%; height: auto;}
#layout01_box_sp {width: 100%; height: 70px;}
#layout02 {max-width: 100%; margin: 0 auto 1%; 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:66px; background:#fff;  position:fixed;}
#layout04 { padding: 0 0 10%;}
}
@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 .box h2 {width:100%;}
#main {width: 100%; margin:0 auto;}
#main_cnt01 {width: 100%;}
#main_cnt01 li {width: 100%;}
#main_cnt01 img {width: 100%;}
#main_cnt02 {width: 100%;}
#main_cnt02 img {width: 100%;}
#main_cnt03 {width: 100%;}
#main_cnt03 li {width: 100%;}
#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 {background:none;}
.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{padding:2%;}
.is_1per2 li{padding:2%;}
.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
-----------------------------------------*/
/*.fontS { font-size: 81.3%;}
.fontM { font-size: 87.5% !important;}
.fontL { font-size: 100% !important;}*/
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-768 {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 ul .works_block2 li {width: 100%; padding: 0px;}
.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: 0px;}
.works_box .list_box2 .works_block_top{ width:220px; margin-left:0px; 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% 3%; font-size:107%; 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: 0px 1%; padding: 0px; float:left;}
.works_block_top ul .works_block2 li {width: 100%; padding: 0px; float:right;}
.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;}
}
/* ＴＯＰ構造ここまで */
/*スライダー*/
@media screen and (min-width:1025px) {
#image-bloc { height: 400px;}
.bx-viewport { overflow: visible!important;  width: 2820px!important;}
.main-container { overflow: hidden; padding-bottom: 0px; position:relative; height:400px;}
.slider { list-style: none;  margin: 0;  padding: 0;}
.slider li { width: 980px!important; margin: 0; padding: 0;}
.bx-pager_wrapper{width:100%; height:125px; position:relative; background: #e4e4e4;}
.bx-pager{width:980px; margin:0px auto 0; height:115px; position:absolute;top:14%; right:0; left:0; bottom:0;}
.bx-pager li{float:left; padding:0 0; margin:0;width: 20%;text-align: center;}
.bx-pager a.active {  width:182px; height:111px; padding:45px 0px 0 ;background: url('../images/sld_thumb_bg.png') no-repeat scroll 50% 0px transparent;}
@-moz-document url-prefix() {.bx-pager a.active{padding: 45px 0px 0;}}
.bx-pager a.active img {
    border: solid 5px #000;
    padding: 0;
    margin-top: -5px;
}
.bx-pager img {padding:0px;}
.wrapper-inner{position:absolute;}
.bx-default-pager{display:none;}
}
/*#image-bloc .bx-wrapper .bx-controls-direction {text-align: center;height: 0px; max-width:1024px; margin:auto; width:100%; position:absolute; bottom:0; top:0; left:0; right:0;}*/
#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: #666; margin:0px 10px; border-radius: 0;}
#image-bloc .bx-wrapper .bx-pager-item a.active {background: #000; border-radius: 0;}
#image-bloc .bx-wrapper .bx-controls-direction a{text-decoration: none; color: #000; padding:0 5px; text-indent: initial; margin-top: 0;}
/*#image-bloc .bx-wrapper .bx-controls {position: absolute;bottom: 5px;z-index: 90;width: 100%; max-width:1024px; margin:0 auto; left:0; right:0; height:0px;}*/
#image-bloc .bx-wrapper{margin:0 auto;}
@media screen and (min-width: 1025px) {
.bx-wrapper .bx-controls-direction a {width: 50px !important; height: 50px !important; top: -webkit-calc(50% - 25px) !important; top: calc(50% - 25px) !important;}
.bx-wrapper .bx-prev {background: url('../images/controls_left.png') center / cover !important;}
.bx-wrapper .bx-next {background: url('../images/controls_right.png') center / cover !important;}
}
@media screen and (max-width:1024px) {
.tb-bloc{width:15%; float:left; margin:0 0.5%;}
#image-bloc { height: auto; width:100%; float:right;}
.main-container { overflow: hidden; padding-bottom: 0px; position:relative; height:auto;}
#image-bloc .bx-wrapper .bx-pager {height: auto; z-index:91; bottom:auto; padding:8px 0;}
#image-bloc .bx-wrapper .bx-controls-direction {/*z-index:92;*/ top:1px; bottom: auto;}
#image-bloc .bx-wrapper .bx-controls {position: relative; bottom: 0px; background: #e4e4e4; height: 30px;}
#image-bloc .bx-wrapper .bx-prev{position: absolute; left: 12%;background:none;}
#image-bloc .bx-wrapper .bx-next{position: absolute; right: 12%;background:none;}
}
@media screen and (max-width:1024px) {
#layout02{width: 98%;max-width: 940px;margin: 1% auto;box-sizing: border-box;}
}
@media screen and (max-width:640px) {
#image-bloc .bx-wrapper{max-width:99.9% !important;}
.Android #image-bloc .bx-wrapper{max-width:100% !important;}
#layout02{width: 100%;max-width: none;padding: 2% 2% 0 2%;}
#image-bloc { height: auto; }
}
.medal_box{position:relative;pointer-events:none;}
.medal{position:absolute; right:0; top:0; z-index:999;}
@media screen and (max-width:1024px) {
/*.medal_box{display:none;}*/
.medal{right:0; width:17%;top:0;}
.sld_belt_tb{background:#7D7C7C; height:30px; width:100%; position: absolute; bottom:0;}
}
@media screen and (max-width:640px) {
/*.medal_box{display:block;}*/

.sld_blet_tb{display:none;}
}
@media screen and (max-width:375px) {
.medal{right:0;margin-top: 0.5%;width: 28%;top:0;}
}
/*スライダーここまで*/
/* 会社案内ここから */
#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 {
font: 14px/24px;
margin-top:5px;
display: inline-block;
padding: 0.5% 1%;
margin-right: 4px;
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);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 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; /*font-size: 130%;*/}
#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 { float:right; width:320px; margin:3% 0 0;}
#main_cnt02 .ichiran_box li,
.ichiran_box li { margin:5px; padding:0; text-align: initial;}                    
@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;}