/*---pg.css追加ここから---*/
.pg_table {margin-bottom: 2%;}
.pg_table table {width: 100%; margin: 0 auto; table-layout: fixed; border: 1px solid #a0a0a0;}
.pg_table td:first-child {width: 30%; background: #dddddd; text-align: center; border-right: 1px solid #a0a0a0;}
.pg_table tr td {border-bottom: 1px solid #a0a0a0;}
.pg_table td:nth-child(2) {padding: 5px;}
.pg_table tr:last-child td {border-bottom: 0px;}
/*---pg.css追加ここまで---*/

/* ヘッダーここから */
#hd_font{margin: 6px 0px 7px 0px;}
#hd_title{margin-top:10px;}
#hd_title2 {margin:10px 0 0 17px; padding:0; float:left;}
#hd_tel{margin-top:-41px; margin-right:-6px; z-index: 2; position: relative;}
@media screen and (max-width:1024px) {
#hd_title2 {display:none;}
#layout01_bg{/*border: 2px solid #f23064;*/ height:56px;}
#layout01_box_sp{height: 54px;}
}
@media screen and (max-width:640px) {
#layout01_box_sp {padding: 0 0 17%;}
#header_inner {height:56px;}
.sp_hd_bottom { background-color:#fff;}
.sp_hd_bottom ul { overflow:hidden;}
.sp_hd_bottom li { width:20%; float:left; box-sizing:border-box; padding:0; margin:0; text-align:center;}
}
/* LP用ヘッダーここから */
#root.lp_top #layout01_bg {height:155px;}
#root.lp_top #layout01_box {height: 155px;}
.lp_top #footer_cnt04,.form_root #footer_cnt04{text-align: center;}
#root.lp_top .anchor {padding-top: 0px; margin-top: 0px;}
.lp_top #hd_tel{margin-top:-45px; margin-right:-6px; z-index: 2; position: relative;}

@media screen and (max-width:1024px) {
#root.lp_top #layout01_bg {background:#ffffff; height: 56px; border-bottom: 2px solid #f23064;}
#root.lp_top .anchor {padding-top: 60px; margin-top: -60px;}
}
@media screen and (max-width:640px) {
#root.lp_top #layout01_box_sp,
#root.form_root #layout01_box_sp {padding: 0;}
}
/* LP用ヘッダーここまで */
/* ヘッダーここまで */

/* スタッフここから */
.h2_staff_box { width: 100%; text-align:center; background-color:#b7d100;}
.top_staff_img { width:100%; max-width:940px; margin:20px auto 0;}
.top_staff_img ul { overflow:hidden;}
.top_staff_img li { width:16.6%; float:left; box-sizing:border-box; padding:0 0.3%; margin:0 0 20px; text-align:center;}
@media screen and (max-width:1024px) {
.top_staff_img { margin:2% auto 0;}
.top_staff_img li { margin:3% 0;}
}
@media screen and (max-width:640px) {
.top_staff_img li { width:33%; padding:0 1%;}
}
/* スタッフここまで */

/*スライダー*/

@media screen and (min-width:1025px) {
#image-bloc { height: 513px;}
.bx-wrapper .bx-pager {bottom: 0px !important; width: 120px !important;}
.bx-viewport { overflow: visible!important; width: 2820px!important;}
.main-container { overflow: hidden; padding-bottom: 0px; position:relative; height:513px;}
.slider { list-style: none;  margin: 0;  padding: 0;}
.slider li { width: 980px!important; margin: 0; padding: 0;}
.wrapper-inner{position:absolute;}
.bx-wrapper .bx-controls-direction a{width:50px !important; height:50px !important;}
.bx-wrapper .bx-prev {
	left: -20px !important;
	background: url(images/controls.png) no-repeat 0 -50px !important;
}

.bx-wrapper .bx-next {
	right: -20px !important;
	background: url(images/controls.png) no-repeat -50px -50px !important;
}


}
.bx-viewport { border: 0 !important; left: 0 !important;}
#image-bloc .bx-wrapper .bx-controls-direction {text-align: center;height: 0px; max-width:1024px; margin:auto; width:100%; position:absolute; bottom:0; top:-50px; left:0; right:0; pointer-events: auto;}
#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: #fff; margin:0px 10px; border-radius: 0; pointer-events: auto;}
.bx-wrapper .bx-pager{pointer-ivent:pointer-events: initial;}
#image-bloc .bx-wrapper .bx-pager-item a.active {background: #ffe400; border-radius: 0;}
#image-bloc .bx-wrapper .bx-controls-direction a{text-decoration: none; color: #fff; padding:0; text-indent: initial; margin-top: 0; pointer-events: auto;}
#image-bloc .bx-wrapper .bx-controls {position: absolute;bottom: 0;z-index: 90;width: 100%; max-width:1024px; margin:0 auto; left:0; right:0; top:0px; pointer-events: none;}
#image-bloc .bx-wrapper{margin:0 auto;}
@media screen and (min-width:1025px) {
#image-bloc .bx-wrapper .bx-pager-item a.active {background: #fc596a; border-radius: 5px;}
#image-bloc .bx-wrapper .bx-pager-item a { margin: 0px 0px 0px 10px; border-radius: 5px;}
}
@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: url(../images/sld_bg.jpg) repeat left top; 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:640px) {
#image-bloc { height: auto; width:100%;}
}
@media screen and (max-width:1024px) {
.sld_belt_tb{background:#7D7C7C; height:30px; width:100%; position: absolute; bottom:0;}
}
@media screen and (max-width:640px) {
.sld_blet_tb{display:none;}
}
/*スライダーここまで*/

/*コンテンツフッター*/
#layout04 { background: #fff;}
#layout04 .cnt_inquiry_box {background: transparent url("../images/top_inquiry_bg.jpg") repeat scroll 0px 0px;}
#footer_cnt01 { background:#f23064;}
#footer_cnt01 div { width:96%; max-width:940px; margin:0 auto; text-align: center; color: #fff;}
#footer_cnt04 { color:#333;}
#RFtNav1 a{color:#333;}
#RFtNav1 li{border-left: 1px solid #707070;}
.footer_info_inner { border: none; background:#b7d100;}
.footer_info_text { color: #fff;}
.footer_info_text a{ color:#fff;}
#footer_area_description { color: #333;}

@media screen and (max-width:640px) {
#layout04 { color:#fff; background: #f23064;}
#footer { background:none;}
#footer_cnt01 {background: transparent url("../images/bg_01.jpg") repeat scroll 0px 0px;}
#footer_cnt04 { color: #fff;}
#RFtNav1 li{border-color:#fff;}
#RFtNav1 a{color:#fff;}
}
/*コンテンツフッター ここまで*/

/* 背景ここから */
.bg_01 {background: transparent url("../images/bg_01.jpg") repeat scroll 0px 0px;}
.bg_02 {background: transparent url("../images/bg_02.jpg") repeat scroll 0px 0px;}

@media screen and (max-width:640px) {
.bg_01 {background: none;}

}
/* 背景ここまで */

/* 新着情報ここから */
#news_box { margin-top: 1%; border: 3px solid #E9C6CA; border-radius:5px; width: 460px; margin-left: 20px; float: left; box-sizing: border-box;}
#news_box h4 {border:none; color: #707070;}
#news_box li {border-bottom: 1px solid #ddd;}
#news_box li:first-child { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#news_box li .news_point { padding-left: 0; color:#f23064;}
@media screen and (max-width:1024px) {
#news_box { width: 48%; margin-left: 1%;}
}
@media screen and (max-width:640px) {
#news_box {border: none; width: 100%; margin-left: 0; float: none;}
#news_box h4 {border-bottom: none;color: #707070;width: 100%;background:transparent url("../images/bg_02.jpg") repeat scroll 0px 0px;box-sizing: border-box;}
#news_box li {border: none;}
#news_box li:first-child { border:none;}
#news_box li br { display: none;}
#news_box li .news_point.d640-320 {display:inline;}
#news_box li .cnt_media_arr { width: 6%; margin-left: 2%; float: right;}
}
@media screen and (max-width:480px) {
#news_box li br { display: block;}
}
/* 新着情報ここまで */
/* ブログ新着情報ここから */
#news_box_02 { margin-top: 1%; border: 3px solid #E9C6CA; border-radius:5px; width: 460px; margin-right: 20px; float: right; box-sizing: border-box;}
#news_box_02 h4 {border:none; color: #707070;}
#news_box_02 li {border-bottom: 1px solid #ddd;}
#news_box_02 li:first-child { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#news_box_02 li .news_point { padding-left: 0; color:#f23064;}
@media screen and (max-width:1024px) {
#news_box_02 { width: 48%; margin-right: 1%;}
}
@media screen and (max-width:640px) {
#news_box_02 {border: none;width: 100%; margin-right: 0; float: none;}
#news_box_02 h4 {border-bottom: none;color: #707070;width: 100%;background:transparent url("../images/bg_02.jpg") repeat scroll 0px 0px;box-sizing: border-box;}
#news_box_02 li {border: none;}
#news_box_02 li:first-child { border:none;}
#news_box_02 li br { display: none;}
#news_box_02 li .news_point.d640-320 {display:inline;}
#news_box_02 li .cnt_media_arr { width: 6%; margin-left: 2%; float: right;}
}
@media screen and (max-width:480px) {
#news_box_02 li br { display: block;}
}
/* ブログ新着情報ここまで */
/* はじめに・情報導線 ここから*/
.cnt_info_box02 .cnt_box_inner { padding-top: 0 !important;margin-top: 0 !important;}
.cnt_info_box02 .cnt_box_inner li { padding-top: 0 !important;margin-top: 0 !important;}
.cnt_info_box02 .cnt_box_inner2 li { width: 50% ! important; padding-top: 0 !important;margin-top: 0 !important;}
@media screen and (max-width:640px) {
.cnt_info_box02 .cnt_box_inner li { padding-top: 1% !important;}
}
/* はじめに・情報導線 ここまで*/
/* 事例・声 導線ここから */
.cnt_blog_box .cnt_box_inner {padding:2% 0 0 0;}
.cnt_blog_box .cnt_box_inner li{padding:1px 10px;}
.works_ob_btn{position: absolute; top:0; left:0; max-width:100%; width:auto;width: 23%;}

@media screen and (max-width:1024px) {
.works_ob_btn{max-width:25%;}
}
@media screen and (max-width:640px) {
.cnt_blog_box .cnt_box_inner li{padding:0.1% 2%;}
}
.cnt_works_box01 .cnt_box_inner {padding:10px 0 0 0;}
.cnt_works_box02 .cnt_box_inner {padding: 0;}
@media screen and (max-width:640px) {
.cnt_works_box02 .cnt_box_inner li{padding: 2% 2% 0.2% 2%;}
}
.h2_voice_box{margin-top: 1%;margin-bottom: 1%;}
@media screen and (max-width:640px) {
.h2_voice_box{margin-top: 4%;}
}

.h2_works_segment_box {max-width: 980px;margin: 10px auto;text-align: center;padding: 7.5px 0;background: #e8e8e8;}/*カテゴリ別事例・エリア別事例 見出し*/
.h2_works_segment_box h2{background: #e8e8e8 !important; border:none !important;}
@media screen and (max-width:640px) {
.h2_works_segment_box {padding: 0;margin-bottom:10px;}/*カテゴリ別事例・エリア別事例 見出し*/
}
.top_list_dousen{width: 247px;margin: 0 auto;}/*一覧導線*/
@media screen and (max-width:640px) {
.top_list_dousen{width: 100%;}/*一覧導線*/
}

.cnt_works_category_box .cnt_box_inner{padding-bottom:0;}
.cnt_works_category_box .cnt_box_inner:last-child{padding-bottom:10px;}

/* 事例・声 導線ここまで */

/* 会社案内ここから */
#cnt_about_box { background: transparent url("../images/about_bg_pc.jpg") no-repeat scroll 50% 0px; padding-top: 430px;}
.cnt_about_btn { top:200px; width:960px;}
.cnt_about_btn li { width:25%; padding:0 10px;} 
.cnt_about_box2{width:960px; margin:0 auto;}
#cnt_about_box .cnt_about_box2 p{width:50%; float:left; box-sizing:border-box; padding:0 10px;}

@media screen and (max-width:1024px) {
#cnt_about_box { background: transparent url("../images/about_bg_tb.jpg") no-repeat scroll 50% 0px; padding-top: 44%; background-size: 100% auto;}
.cnt_about_btn { top: 0px; margin-top: 20%; width:100%;}
.cnt_about_btn li { width: 25%; margin: 0; text-align: center;}
.cnt_about_box2{width:100%;}
#cnt_about_box .cnt_about_box2 .about_iframe-wrapper {
    position: relative;
    width: 47%;
    padding: 28% 0 0;
    margin: 1% 1.5%;
}
#cnt_about_box .cnt_about_box2 .about_iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

}
@media screen and (max-width:640px) {
.cnt_about_box_bg {background: none;}/*transparent url(../images/bg_03.jpg) repeat scroll 0px 0px;}*/
#cnt_about_box .cnt_about_box_bg_02 {background:#fff;}
#cnt_about_box { background: transparent url("../images/about_bg_sp.jpg") no-repeat scroll 50% 0px; padding-top: 44%; background-size: 100% auto;}
.cnt_about_btn { margin-top: 0;}
.cnt_about_btn li { width: 50%; margin:0%; padding:1%;}
#cnt_about_box.stg3{padding: 0;margin-top:3%;}
.stg3 .cnt_about_btn{margin:0;padding-top: 57%;height: auto;}
.cnt_about_box2{width:100%;}
#cnt_about_box .cnt_about_box2 p{width:100%;}
#cnt_about_box .cnt_about_box2 .about_iframe-wrapper {width:96%; margin:0 2%; padding: calc(259 / 460 * 100%) 0 0;}
}

}
/* 会社案内ここまで */
/* ニーズここから */
.cnt_needs_box01 h2 { width: 96%; margin: 0% auto; text-align:center;}
.cnt_needs_box01 ul { overflow:hidden;}
.cnt_needs_box01 li { box-sizing: border-box; width:33%; width:-webkit-calc(100% / 3) ; width : calc(100% / 3) ;padding:5px; float:left; text-align:center;}
.cnt_needs_box02 ul {overflow:hidden;}
.cnt_needs_box02 li { box-sizing: border-box; width:50%; padding:5px; float:left; text-align:center;}
                                            
@media screen and (max-width:640px) {
.cnt_needs_box01 h2 { width: 100%; background: transparent url("../images/bg_02.jpg") repeat scroll 0px 0px;}
.cnt_needs_box01 li { padding: 2%; width:50%; width:-webkit-calc(100% / 2) ; width : calc(100% / 2) ;}
.cnt_needs_box01 li:nth-of-type(1){ padding-bottom: 0; width:100%; width:-webkit-calc(100% / 1) ; width : calc(100% / 1) ;}
}
/* ニーズここまで */
/* 事例・声追加ここから */
.works_box .works_block2 .works_box_data { overflow: hidden; margin: 0;}
.works_box .works_block2 .works_box_cost,
.works_box .works_block2 .works_box_cat { margin: 5px 0px; width: 100%; float: left;text-align:left;}
.works_box .works_block2 .works_box_cost img,
.works_box .works_block2 .works_box_cat img { margin: 0px 5px 0px 0px; max-width: 46%; width: auto;}

@media screen and (max-width:640px) {
#main_top_cnt02 .works_block_top.grid_end,
#main_top_cnt03 .works_block_top2.grid_end {/* display:none;*/margin-right:1%;}
.works_box .works_block2 .works_box_cost,
.works_box .works_block2 .works_box_cat { width: 100%;}
.works_box .works_block2 .works_box_cost img,
.works_box .works_block2 .works_box_cat img { max-width: 24%;}
}
                                            
/* 事例声追加 */
#main_cnt02 .works_block2 .works_box_data { overflow: hidden; margin: 0;}
#main_cnt02 .works_block2 .works_box_cost,
#main_cnt02 .works_block2 .works_box_cat { margin: 5px 0px; width: 50%; float: left; text-align: left;}
#main_cnt02 .works_block2 .works_box_cost img,
#main_cnt02 .works_block2 .works_box_cat img { margin: 0px 5px 0px 0px; max-width: 46%; width: auto;}
.works_box_cost>span,.works_box_cat>span {background: #2d2d2d;color: #fff;padding: 1% 0.5em;font-size: 100%;font-weight: bold;margin-right: 3%;display: block;width: 4em;text-align: center;float:left;}
.works_box_comment{margin:2% 0 4% 0 !important;}
.works_box_comment p{padding:0;}

.all_list_voice_title{font-weight:bold;}
.all_list_voice_title a {color: #333;}

/*PC 5カラム-SP 2カラム*/
.works_box .works_block_top{width:19.2%;margin: 1% 1% 1% 0;box-sizing: border-box;}
.works_box .works_block_top:nth-child(5n-4){clear:both;}

@media screen and (max-width:800px) {
/*PC 5カラム-SP 2カラム*/
.works_box .works_block_top{width:24%;margin: 1% 1% 1% 0;box-sizing: border-box;}
.works_box .works_block_top:nth-child(5n-4){clear:none;}
.works_box .works_block_top:nth-child(4n-3){clear:both;}
.works_box .works_block_top:nth-child(n + 9){display:none;}
}
@media screen and (max-width:640px) {
#main_cnt02 .works_block_top.grid_end,
#main_cnt02 .works_block_top2.grid_end { display:none;}
#main_cnt02 .works_block2 .works_box_cost,
#main_cnt02 .works_block2 .works_box_cat { width: 100%;}
#main_cnt02 .works_block2 .works_box_cost img,
#main_cnt02 .works_block2 .works_box_cat img { max-width: 24%;}
.works_box_cost>span,.works_box_cat>span {padding: 0.5% 0.5em;font-size: 11px;}

/*PC 5カラム-SP 2カラム*/
.works_box .works_block_top{width:31.2%;margin: 1%;box-sizing: border-box;}
.works_box .works_block_top:nth-child(4n-3){clear:none;}
.works_box .works_block_top:nth-child(3n-2){clear:both;}
.works_box .works_block_top:nth-child(n + 7){display:none;}

}

@media screen and (max-width:450px) {
/*PC 5カラム-SP 2カラム*/
.works_box .works_block_top{width:48%;margin: 1%;}
.works_box .works_block_top:nth-child(3n-2){clear:none;}
.works_box .works_block_top:nth-child(2n-1){clear:both;}
}

#main_top .works_box .pic_frame, .pic_frame{overflow-y: hidden;}

/* 事例・声追加ここまで */
/* マップ導線ここから */
.top_map { width:53%; margin:0 0 0 1%; border: solid 3px #b6b6b6; float:left;}
.top_map iframe { width:100%;}
.top_map_img { width:42%; margin:0 1% 0 0; float:right; text-align: center;}
.top_map_img>img { margin:0 auto 5%;}
#map-pin {min-height: 290px;}

@media screen and (max-width:1024px) {
.cnt_map_box .cnt_box_inner {margin: 2% auto; width:98%;}
.top_map_img { margin:1% 1% 0 0;}
}
@media screen and (max-width:640px) {
.map_sp{padding: 5% 2%; box-sizing: border-box;}
.cnt_map_box .cnt_box_inner { width:100%;}
.cnt_map_box .top_map,
.cnt_map_box .top_map_img { width:96%; margin:2% auto; float:none;}
.top_map_img p { margin:4% auto;}
#map-pin {min-height: 255px;}
}
/* 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%;}
/* マップ導線ここまで */


.sp_only {display:none;}
                    
                    
/* 未確定 */
#main_cnt02 .ichiran_box,.ichiran_box{float:right; width:320px; margin: 2% auto;}
#main_cnt02 .ichiran_box li,.ichiran_box li{margin:0; padding:1%; text-align: initial; box-sizing: border-box;}                    
#works_index_banner .ichiran_button {box-sizing: border-box;}
#works_index_banner .ichiran_button_02 {box-sizing: border-box;}
.ichiran_button {
  background-color:#fff;
text-indent:0;
  border:2px solid #f23064;
  display:inline-block;
  /*color:#ff9000;*/
height:40px;
  line-height:40px;
width:96%;
  text-decoration:none;
  text-align:center;
padding: 5px;
text-decoration: none;
border-radius:5px 5px 5px 5px ;
-moz-border-radius:5px 5px 5px 5px ;
-webkit-border-radius:5px 5px 5px 5px ;
}

.ichiran_button_02 {
  background-color:#f23064;
text-indent:0;
  display:inline-block;
  /*color:#ff9000;*/
border: 2px solid #f23064;
height:40px;
  line-height:40px;
width:96%;
  text-decoration:none;
  text-align:center;
padding: 5px;
text-decoration: none;
border-radius:5px 5px 5px 5px ;
-moz-border-radius:5px 5px 5px 5px ;
-webkit-border-radius:5px 5px 5px 5px ;
}


.ichiran_box div{position:relative;}
.ichiran_box div:after {
    content: "?";
    margin: 0px;
    position: absolute;
    top: 20px;
    width: 18px;
    right: 18px;
    color: #ff9000;
}
.ichiran_box div:last-child:after {
    color: #fff;
}
.ichiran_button:hover {
  color:#666;
  opacity: 0.6;
text-decoration: none;
}
.ichiran_button_02:hover {
  color:#fff;
  opacity: 0.6;
text-decoration: none;
}
.ichiran_button:active {
  position:relative;
  top:1px;
}
.ichiran_button_02:active {
  position:relative;
  top:1px;
}
.ichiran_button:visited,.ichiran_button:link { color:#f23064; font-weight:bold; background-image: url(../images/cursor_01.jpg); background-position: 96% 50%; background-repeat: no-repeat;}
.ichiran_button_02:visited,.ichiran_button_02:link { color:#fff; font-weight:bold; background-image: url(../images/cursor_02.jpg); background-position: 96% 50%; background-repeat: no-repeat;}

.flee_area table{width:100%; height:auto;}
.flee_area img{width:100%; height:auto; max-width:100%;}

#main_cnt02 .index_box{width:100%; margin-bottom: 5px;}
#main_cnt02 .index_box li{width:50%; float:left; box-sizing:border-box; padding:5px;}
.index_box .ichiran_button{width:100%; height:auto; padding:0;}
.index_box .ichiran_button_02{width:100%; height:auto; padding:0;}
#main_cnt02 .ichiran_box:last-child a , .ichiran_box div:last-child a {background: #f23064;color: #fff;}


@media screen and (max-width:640px) {
#main_cnt02 .ichiran_box,.ichiran_box{width:100%;}
#main_cnt02 .index_box li{width:100%;}
.ichiran_button{font-size:12px; width:96%;}
.ichiran_button_02{font-size:12px; width:96%;}
}


/*お客様の声一覧の施工事例リンク*/
.works_block .ichiran_button {padding: 0; color: #ff9000;height: 25px;line-height: 27px;}
.works_block .relation_works{ position: relative;}
.works_block .relation_works div:after {
    content: "?";
    position: absolute;
    top: 5px;
    width: 18px;
    right: 10px;
    color: rgb(255, 144, 0);
    margin: 0px;
}
@media screen and (max-width:640px) {
.works_block .ichiran_button {font-size:8px;}
.works_block .relation_works div:after {content:"";}
}

/* フォーム追加変更 */
.form_root #layout01_bg{height:150px; position: absolute;}
.form_root #layout01_box{height:150px;}
.form_root #hd_font{display:none;}
.form_root #hd_title{margin-top:10px;}
.form_root #hd_tel{margin-top:-45px; margin-right:-6px; z-index: 2; position: relative;}
.form_catch{width:100%; max-width: 970px;}
.form_catch li{float: left; box-sizing: border-box; width:50%;}

.formPrivacy {
    border: 1px solid #CCCCCC;
    background: #fff none repeat scroll 0%;
    height: 150px;
    overflow: scroll;
    width: 86%;
    max-width:980px;
    padding: 10px 2%;
    margin: 0 auto 30px;
    font-size: 95%;
}

@media screen and (max-width:1024px) {
.form_root #hd_title{margin-top:0px;}
.form_root #layout01_bg,.form_root #layout01_box{height:56px;}
}
@media screen and (max-width:640px) {
.form_catch li{float: left; box-sizing: border-box; width:100%;}
}


/* 下層施工事例ここから */
#main #jirei_entry .h2_02{font-size: 1.077em; margin-bottom: 0; color: #333; font-weight: bold;
background: #d2d2d2;
background: -webkit-linear-gradient(top,  #d2d2d2 0%,#d2d2d2 50%,#dcdcdc 50%,#dcdcdc 100%);
background: linear-gradient(to bottom,  #d2d2d2 0%,#d2d2d2 50%,#dcdcdc 50%,#dcdcdc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#dcdcdc',GradientType=0 );
}
#main #jirei_entry .h2_02:before{content: none;}
.works_catch{font-size: 1.538em; font-size: bold; text-align: center; padding-bottom: 1em;}
.works_info{text-align: center;}
.works_gaiyo{background: #f0f0f0; padding: 1%;}
.works_gaiyo_l{vertical-align: top; min-width: 300px;}
.works_gaiyo_r{vertical-align: top; width: 28%; padding: 2% 0 2% 2%;}
#main #jirei_entry .h3_01{border-left:7px solid #b7d100; border-bottom: 2px solid #b7d100; font-size:1.077em; padding:5px 5px 5px 10px; margin:0 0 10px;}
.works_gaiyo .h3_01+p{font-weight: bold;}
#main #jirei_entry .h3_02{color: #098daf; font-size: 1.385em; padding: 10px 0; margin:0;}
.works_voice{background: #f3e9d2; padding: 1%;}
#main #jirei_entry .h2_works_voice{padding: 0; margin: 0 0 1%; font-size:100%; font-weight: normal; background: none; text-align: center;}
#main #jirei_entry .h2_works_voice:before{content: none;}
#jirei_entry .h2_works_voice img{width:auto; max-width: 100%;}

@media screen and (max-width:640px) {
	.works_gaiyo{position: relative; display: block;}
	.works_gaiyo tr{display: inline;}
	.works_gaiyo_l:before{content: " "; width:30%; float: right; padding-top: 22.5%; margin: 1%;}
	.works_gaiyo_r{width: 30%; position: absolute; top:3%; right: 3%;}
	#main .works_gaiyo .h3_01{width: 60%; display:inline-block;}
}
/* 下層施工事例ここまで */


             
/* 追加メニュー */
.mean-container .mean-bar{background: transparent; float:right; width:100%; pointer-events: none; padding-top:34%; padding-top:calc(48px + 1%); position: fixed; z-index:9500;}
.mean-container a.meanmenu-reveal{text-indent: initial; width:56px; height:56px; padding:0; pointer-events: all;}
.mean-container .mean-nav ul li{ pointer-events: all;}
.nav_fix{overflow:hidden; height:100%;} 
.mean-container .mean-nav > ul{overflow: scroll; height:455px; height: 80vh; display: none;}
.mean-container .mean-nav{background: rgba(255,255,255,0.9); margin-top:0; pointer-events: all;}
.mean-container .mean-nav ul li a{color:#303030;}
.mean-container .mean-nav ul li a.mean-expand,.mean-container .mean-nav ul li a.mean-expand:hover{background: rgba(182,182,182,0.7);}
.mean-container .mean-nav ul li a.mean-expand{background: rgba(182,182,182,0.5);}

@media screen and (max-width:640px) {
.mean-container .mean-bar{padding-top:34%; padding-top:calc(55px + 16%);}
}

/*IE*/
.mean-container a.meanmenu-reveal>img{display:block\0;}
.mean-container a.meanmenu-reveal>img{display:block\9;}

/* 子メニュー - .sub-menu */
#navi .sub-menu {
  position: absolute;
  width: 195px;
  background: #fff;
  top: 60px;
  display: none;
  font-size:81.3%;
  border: solid 1px #b8d201;
}
#navi .sub-menu a {
  color: #b8d201;
  padding: 20px 15px;
  display: block;
}
#navi .sub-menu a:hover {
  color: #fff;
  background: #a8bc1b;
}
/* ホバーで子メニュー表示 */
#navi .menu-item-has-children:hover ul {
  display: block;
}
/*メニュー iOS調整*/
.mean-container .mean-nav ul li.mean-last {padding-bottom:65px;}


/* 会社案内googlemap */
.target{
border: 3px solid #b6b6b6;
font-size: 81.3%;
	margin:0;
	padding-top:290px;
	overflow:hidden;
	height:0;
	position:relative;
	display:block;
width:55%;
float:left;
}
.target::before{
	content:"地図の詳細をご覧になる場合は、\A地図上にマウスポインタをしばらく置いてください";
	/*「長押しすると地図が操作できます」と生成*/
	display:block;
	z-index:100;
	color:#666;
	width:20%;
	position:absolute;
	bottom:1%;
	left:1%;
	margin:-0.5em 0 0 0;
	line-height:1;
	text-align:left;
	font-weight:bold;
	white-space: pre;
}
.target::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.3);
}
.target.release::before,
.target.release::after{
	display:none !important;
}
.target > iframe,
.target > div{
	/* レスポンシブデザイン想定 */
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media screen and (max-width:640px) {
.target{padding-top:70%;}
.target::before{
	content:"地図の詳細をご覧になる場合は、\A地図をしばらく長押ししてください";
}
}
/* フッター追加 */
.cnt_ft_box{background-color: #b7d100; color:#fff; padding: 0.5% 0; margin-bottom: 15px;}
.cnt_ft_box_inner{max-width:940px;}
.cnt_ft_box,.cnt_ft_box a:link,.cnt_ft_box a:visited{color:#fff;}
.ft_menu_box_inner{max-width:940px;}
.ft_menu_box_inner>ul li:nth-of-type(2n+1) {width:20%; float:left;}
.ft_menu_box_inner>ul li:nth-of-type(2n+0) {width:80%; float:left;}
#layout04 .cnt_ft_menu_box ul .ft_menu1{width:100%;}
#layout04 .cnt_ft_menu_box ul .ft_menu1:first-child{border-top: solid 1px;padding-top: 1%;}
#layout04 .cnt_ft_menu_box .ft_menu_box_inner>ul{margin-top: 6%;}
.cnt_ft_menu_box{font-size:13px;}
.ft_menu2_inner{width:100%; float:left;}
.ft_menu2_inner .ft_menu2_inner{width:73%; float:right; margin-left:2%; padding:0.5% 0;}
.ft_menu2_title{width:78%; float:left; background:#e3e3e3; padding: 0.5% 1%;}
#layout04 .cnt_ft_menu_box ul.ft_menu2_inner li{width:25%; margin: 0.5% 0;}
#layout04 .cnt_ft_menu_box ul.ft_menu2_inner .ft_menu2_inner li{width:auto; margin:0 1%; padding:0;}
#layout04 .cnt_ft_menu_box ul.ft_menu2_inner2 li{width:auto; margin:0 1%; padding:0;}
.ft_menu_box_inner hr{float:left; border-bottom:1px solid #666; margin: 10px 0;}
.cnt_ft_menu_box,.cnt_ft_menu_box a:link,.cnt_ft_menu_box a:visited{color:#666;}
/*声インデックス追加*/
.voice_index #main_cnt02 .works_block{width: 33.3%; margin:3% 0 0 0;}
.voice_index #main_cnt02 .works_block:nth-child(3n-2) {clear: both;}
.kensu_ichiran_midashi{float:right;}
            
#main .voice_ichiran_midashi{
    position: relative;
    margin: 1em 0;
    padding: 0.55em 1.5em 0.55em 1.5em;
    background: #fff;
    font-size: 2.308em;
    font-weight: bold;
            color:#666;
            border:solid 1px #666;
}
 
#main .voice_ichiran_midashi:before{
    content: "";
    position: absolute;
    background: #b8d201;
    top: 15%;
    left: 0.75em;
    height: 70%;
    width: 5px;
}
.index_box li{position:relative;}          
.index_box li:before {
    content: "　";
    margin: 0px;
    position: absolute;
    top: 18px;
    width: 18px;
    background-size: contain;
    left: 18px;
}
@media screen and (max-width:640px) {
#main .voice_ichiran_midashi{font-size: 6vw;}
}

/* 事例インデックス */
#main_cnt02 .index_box.works_list li{width: 50%;}
#main_cnt02 .index_box.works_list li:nth-child(n + 5) {width: 33.3%;}
 @media screen and (max-width:640px) {
 #main_cnt02 .index_box.works_list li{width:98%;}
 #main_cnt02 .index_box.works_list li:nth-child(n + 5) {width:98%;}
 }
#main_cnt02 .works_index_title{width:23%; float:left; background:#e3e3e3; padding: 0.5% 1%;}
#main_cnt02 .works_index_inner{width:100%; float:left;}
#main_cnt02 .works_index_inner .works_index_inner{width:73%; float:right; margin-left:2%; padding:0.5% 0;}
#main_cnt02 .works_index_inner .works_index_inner li{width:auto; margin: 0 1%; padding:0;}
#main_cnt02 ul.works_index_inner li{margin: 0.5% 0;}
.works_index_inner,.works_index_inner a:link,.works_index_inner a:visited{color:#666;}
#main .works_ichiran_midashi{
    position: relative;
    margin: 1em 0;
    padding: 0.55em 1.5em 0.55em 1.5em;
    background: #fff;
    font-size: 2.308em;
    font-weight: bold;
            color:#666;
            border:solid 1px #666;
            text-align:left;
}
 
#main .works_ichiran_midashi:before{
    content: "";
    position: absolute;
    background: #b8d201;
    top: 15%;
    left: 0.75em;
    height: 70%;
    width: 5px;
}

@media screen and (max-width:640px) {
#main .works_ichiran_midashi{font-size: 6vw;}
#main_cnt02 .works_index_title{width:100%;}
#main_cnt02 .works_index_inner .works_index_inner{width:100%;}
}


/*ACCORDION ここから*/
div.accordion {width: 100%;margin: 3% auto;}
@media screen and (max-width:640px) {
div.accordion {width: 98%;}
}

/*メインカテゴリ*/
div.accordion > ul > li > a {
  display: block;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  background-color: #ff9000;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 10px 12px;
  position: relative;
}
div.accordion > ul > li > a:hover{
  background-color: #e06600;
}
div.accordion > ul > li > a:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #fff;
}

div.accordion > ul > li > a:after{
  content: "▼";
}
div.accordion > ul > li > a.active:after{
  content: "▲";
}
                                        
a.toggle:after {
    content: "▼";
    font-size: 12px;
    position: absolute;
    right: 12px;
    color: #333333;
}
a.toggle.active:after {
    content: "▲";
}
/*サブカテゴリ*/                                                 
div.accordion > ul > li > ul,div.accordion > ul > li > ul > li  ul{
  display: none;
}
div.accordion > ul > li > ul > li > a,div.accordion > ul > li > ul > li  ul > li > a{
  display: block;
  color: #333;
  font-size: 14px;
  background-color: #e2e2e2;
  border-bottom: 1px solid #fff;
  padding: 6px 12px;
  position: relative;
}
div.accordion > ul > li > ul > li > a:hover,div.accordion > ul > li > ul > li > ul > li > a:hover{
  background-color: #cacaca;
}
#main_cnt02 div.accordion li{padding:0;text-align: left;}

div.accordion > ul > li > ul > li ul > li > a:before {
    content: "- ";
}

/*2カラム仕様*/
#main_cnt02 div.accordion li {width: 50%;}
#main_cnt02 div.accordion li:nth-child(2n-1) {clear: both;}
div.accordion > ul > li > ul > li {width: 100% !important;}

/*カテゴリ別一覧ページ*/
#main_cnt02 div.accordion.ac_category_archive li{width: 100%;}

@media screen and (max-width:640px){
div.accordion > ul > li > a {font-size: 12px;}
div.accordion > ul > li > a {border-right: 1px solid #fff;padding: 10px 8px;}
div.accordion > ul > li > ul > li > a, div.accordion > ul > li > ul > li  ul > li > a{font-size: 12px;padding: 9px 8px;letter-spacing: -0.1em;}
div.accordion > ul > li > a:after {top: 11px;}
}
@media screen and (max-width:400px){
div.accordion > ul > li > a {font-size: 10.5px;}
div.accordion > ul > li > ul > li > a, div.accordion > ul > li > ul > li  ul > li > a{font-size: 10.5px;}
div.accordion > ul > li > a:after {top: 9px;}
}


/*2カラム仕様*/

/*ACCORDION ここまで*/


/* 下層声 */
.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%;}
}


/*店舗案内ここから*/
.ggmap.store_info_map{width: 40%;float: left;height: 250px;padding: 0;}
.ggmap.store_info_map_w{width: 100%;height: 250px;padding: 0;margin-bottom:2%;}
.ggmap.store_info_map_w iframe{ position: absolute; top: 10px; left: 0; right:0; margin:0 auto; width: 96%; height: 90%;}
table.store_info {width: 60%;float: left;height: 250px;border-left: 1px solid #fff;}
.store_info_map .{display:none;}
@media screen and (max-width:640px) {
 .ggmap.store_info_map{width: 100%;}
 table.store_info {width: 100%;border-left:none;}
}

ul[class^="tab-"]{overflow:hidden;}
ul[class^="tab-"] li{background:#ccc; padding:5px 25px; float:left; margin-right:1px;}
ul[class^="tab-"] li.select{background:#eee;}
ul[class^="tab_content"] li{background:#eee; padding:20px 0;width:100%;box-sizin:border-box;}
.hide {display:none;}
ul[class^="tab_content"]{margin-bottom: 2%;}
ul[class^="tab_content"] small{position: absolute;bottom:0;left:20px;}

ul[class^="tab_content"] .map{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
ul[class^="tab_content"] iframe{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 96%;
    height: 90%;
}
@media screen and (max-width:640px) {
ul[class^="tab-"] li{width:24%;padding: 5px;height: 50px;box-sizing: border-box;font-size:12px;}
}

/*店舗案内ここまで*/

/*最新・イベント情報ここから*/
/* 最新チラシ・イベント情報 */
.cnt_event_box{max-width: 950px; margin:0.5% auto 2%; padding:0.5% 0; background:#e3e3e3;}
.cnt_event_box h3{border-bottom: 2px solid #ff7800; margin: 0 0 2%; padding:0 0.5% 0.5%; text-align:left;}
.img_chirashi{}
.cnt_event_list{background:#fff; width:94%; margin:0 auto; padding: 2%;}
.edge_r{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/}
.cnt_event_list li{margin:1% 0 1% 0.5%; text-align: left;}
.cnt_event_list_date{ min-width:180px; padding: 5px 10px; color: #fff !important; background: #666 none repeat scroll 0% 0%; text-decoration: none; display: inline-block;}
.cnt_event_list li span{margin-left: 2%;}
.cnt_event_list li a{text-decoration: none; color:000;}
@media screen and (max-width:640px) {
.cnt_event_list li{font-size:81.3%;}
.cnt_event_list li a:nth-of-type(2n-1){display:block;}
.cnt_event_box h3{border-bottom: 2px solid #ff7800; margin: 0 0 2%; padding: 0 0 0.5%; font-size:100%;}
}
/*イベント情報*/
.event_kaisai1{margin:0 0.5%;}
.event_kaisai1 li{float:left; width:49%; margin:0%;}
.event_kaisai1 dt{float:left; margin:0 1% 0 0;}
.event_kaisai1 dl{border: solid 2px #afafaf; border-bottom:none;}
.event_kaisai1 dt{background:#afafaf; padding: 2% 6%; color: #fff;}
.event_kaisai1 dd{padding: 2% 0;}

.event_kaisai2 li{float:left; width:98.6%; margin:0 0.5%;}
.event_kaisai2 dt{float:left; margin:0 1% 0 0;}
.event_kaisai2 dl{border: solid 2px #afafaf;}
.event_kaisai2 dt{background:#afafaf; padding: 1% 3%; color: #fff;}
.event_kaisai2 dd{padding: 1% 0;}

.event_gaiyo{width:98%; margin:2% 1%; display: block;}

.event_chirashi1{max-width:730px; margin:0 auto;}
.event_chirashi1 li{float:left; width:37%; padding:4%; margin:2%; text-align: center; border:solid 2px #ccc;}
.event_chirashi1 dt{float:left; margin:0 1% 0 0;}
.event_chirashi1 dl{border: solid 2px #afafaf;}
.event_chirashi1 dt{background:#afafaf; padding: 1% 3%; color: #fff;}
.event_chirashi1 dd{padding: 1% 0;}

@media screen and (max-width:640px) {
.event_kaisai1{margin:0%;}
.event_kaisai1 li{float:left; width:99.5%; margin:0 0.5%;}
.event_kaisai2 li{float:left; width:99.5%; margin:0 0.5%;}
.event_kaisai2 dt{background:#afafaf; padding: 2% 6%; color: #fff;}
.event_kaisai2 dd{padding: 2% 0;}
                  
.event_chirashi1 li{float:left; width:40%; margin:5%; text-align: center;}
}



.news_box{background:none;}/* url("../images/news_bg.jpg") repeat-x scroll 0px 100% transparent;}*/
.news_box_catch{margin:-50px 0 -10px;}
.news_box_inner{ position:relative;}
.news_block_top{position: absolute; bottom: 0px; right: 0px; width: 65%;}
.news_block_top li{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.news_title{position: absolute; top: 15%; right: 0px; width: 65%;}
.news_title img{width:auto;}           
.news_btn{float:right; margin:3% 0; width:auto; }
.news_pic{position:relative; left:-5.5%; vertical-align:bottom; width:auto;}
.news_block {width: 99%; float: left; margin: 0px 0 4% 1px; text-align: left; border-bottom: dotted 2px #969696;}
.news_block li{text-align:left;}
.event_block {width: 25%; float: left; margin: 0px 0% 4%; box-sizing: border-box; padding:0 0.5%;}
.event_block ul{width:100%; margin:0; padding:5%; border: solid 2px #afafaf; box-sizing: border-box;}
.event_block .event_kaisaibi{width:100%; margin:0; padding:0; border: solid 2px #afafaf; border-top:none; box-sizing: border-box; word-wrap: break-word;}
.event_block .event_kaisaibi li{padding:0;}
.kaisaibi_inner span{background:#afafaf; padding:5%; display:inline-block; vertical-align:top; color:#fff;}
.kaisaibi_inner .kaisaibi_txt{background:none; padding:5%; display:inline-block; max-width:69%; color:#333; box-sizing:border-box;}
.event_block li{text-align:left; position:relative;}
.event_block ul .event_block2 ul{width:100%; margin:0%; padding:0; border:none;}
.event_after_pic{position:absolute;}
.event_after_icon{position: absolute;right: -5%; z-index: 10; top: -7%; max-width:30%;}
.event_nav img{vertical-align:bottom;}
.event_h2{background: #c8c8c8;}
.news_h2{background: #fc7628;}

.cnt_event_box{max-width: 980px; margin:0 auto; padding:2% 0;}
.cnt_event_list{background:#fff; width:94%; margin:0 auto; padding: 1%;}


.event_block_saishin {width: 100%; float: left; margin: 0px 0% 4%;}
.event_block_saishin ul{width:100%; margin:0; padding:2% 2%; border: solid 2px #afafaf; box-sizing:border-box; overflow: hidden;}
.event_block_saishin .event_kaisaibi{width:99%; margin:0; padding:0; border: solid 2px #e3e3e3; box-sizing: border-box;}
.event_block_saishin .event_kaisaibi li{padding:0;}
.event_block_saishin li{text-align:left; position:relative; width:30%; margin:0; float: left;}
.event_block_saishin ul .event_block2 ul{width:100%; margin:0%; padding:0; border:none;}
.event_block2_saishin .kaisaibi_inner span{background:#e3e3e3; padding:1% 3%; display:inline-block; vertical-align:top; color:#323232; font-size:100%; font-weight:bold;}
#entry_textbox .event_block2_saishin img{width:auto;}
.event_block2_saishin .kaisaibi_inner .kaisaibi_txt{background:none; padding:1%; display:inline-block; max-width:60%; color:#333; font-weight:normal;}
.event_block2_saishin p{font-size:230%; font-weight:bold; color:#323232;}
.event_block2_saishin ul{border: none; padding:0; width:100%;}
.event_block_saishin .event_gaiyou_saishin{width:68%; margin:0; padding-left: 2%;}
.event_block_saishin .event_gaiyou_saishin li{width:100%;}
#entry_textbox .event_new_icon{position: absolute;left: -7%; z-index: 10; top: -8%; width: auto;}
.all_listbox_saishin{padding: 2% 0px;}

@media screen and (max-width:1024px) {
.event_block_saishin .event_kaisaibi{width:99%; margin:0 0 0; padding:0;}
.event_block .event_kaisaibi{ margin:0px; padding:0; border: solid 2px #afafaf; border-top:none;}
.news_block li{text-align:left; width:98%; margin:0 1%;}
.event_block ul{margin:0; padding:5% 4%; border: solid 2px #afafaf;}
.event_block li{text-align:left; width:100%; margin:0;}
.event_block ul .event_block2 ul{width:100%; margin:0%; padding:0; border:none;}
.event_after_icon{position: absolute;right: -5%; z-index: 10; top: -7%; max-width:35%;}
.event_nav{width:100%; height:auto;}
#entry_textbox .event_new_icon{max-width:35%;}       
.kaisaibi_inner .kaisaibi_txt{display: block; max-width:100%;}
         }
@media screen and (max-width:640px) {
.event_block2_saishin p{font-size: 130%; padding: 2% 0;}
.event_block {width: 49%; float: left; margin: 0px 0.5% 4%;}
.event_block_saishin li{text-align:left; position:relative; width:100%; margin: 0;}
.event_block_saishin .event_gaiyou_saishin{width:100%; margin:0; box-sizing: border-box; padding:0;}
#entry_textbox .event_new_icon{position: absolute;left:0%; z-index: 10; top: 0%; max-width:20%;}
.event_block2_saishin .kaisaibi_inner .kaisaibi_txt{display:block;}
.all_listbox_saishin{box-sizing: border-box; padding: 2% 1%;}
}

/*汎用ボタン*/
button.btn_01{padding: 5px 2%;background: #fff;border: solid 2px #f1305e;color: #f1305e;background-image: url(../images/cursor_01.jpg);}
button.btn_02{padding: 8px 2%;background: #f1305e;border: solid 2px #f1305e;color: #fff;background-image: url(../images/cursor_02.jpg);}

button[class^="btn_"]{width: 100%;border-radius: 5px;font-weight: bold;font-size: 16px;background-position: 94% 50%;background-repeat: no-repeat;}

/*イベントのボタン 事例ページ用調整*/
#layout03 .event_index_btn button[class^="btn_"]{width:37%; font-size: 12px;background-position: 96% 50%;padding: 5px 2% 5px 1%;}


@media screen and (max-width: 980px) {
.event_index_btn button[class^="btn_"]{font-size:14px;}
}
@media screen and (max-width: 860px) {
.event_index_btn button[class^="btn_"]{font-size:12px;}
}
@media screen and (max-width: 760px) {
.event_index_btn button[class^="btn_"]{background-image: url(../images/cursor_01.jpg);}
}
@media screen and (max-width: 480px) {
.event_index_btn button[class^="btn_"]{width:100% !important; font-size:12px;/*font-size: 2vw;*/}
.event_index_btn button.btn_02{font-size: 3.3vw;}
}


/*最新・イベント情報ここまで*/


/* 事例記事 */
/*汎用部分*/
    
    .jirei-top + p {
        text-align: center;
    }
    
    #jirei_entry p {
        margin: 1% 2% 5% 2%;
    }
    #jirei_entry .event_entry_data_title p {
        color:#fff;
    }
    /*事例コンセプト*/
    
    table.pg_works_concept {
        position: relative;
        padding: 2%;
        margin-bottom: 2%;
        color: #14070E;
        font-size: 1.7em;
        text-align: center;
    }
    
    table.pg_works_concept::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        margin: 0 auto;
        text-align: center;
        background-image: -webkit-linear-gradient(left, transparent, #14070E 25%, #14070E 75%, transparent);
        background-image: linear-gradient(to right, transparent, #14070E 25%, #14070E 75%, transparent);
        background-position: center;
        background-repeat: no-repeat;
    }
    /*事例受賞歴*/
    
    table.pg_works_award {
        font-size: 1.4em;
        padding: 2%;
        text-align: center;
        letter-spacing: 1px;
    }
    /*事例ビフォーアフター*/
    
    table.pg_works_detail td {
        width: 50%;
    }
    
    table.pg_works_detail td:nth-child(odd):before,
    table.pg_works_detail td:nth-child(even):before {
        font-weight: bold;
        display: block;
        font-size: 1.2em;
        color: #14070E;
                text-align: center;
    }
    
    table.pg_works_detail td:nth-child(odd):before {
        content: "Before";
    }
    
    table.pg_works_detail td:nth-child(even):before {
        content: "After";
    }
    /*きっかけとご提案*/
    
    table.pg_works_trigger,
    table.pg_works_proposal {
        background-color: #dbdbdb;
        padding: 2%;
        margin: 2% 0;
    }
    
    table.pg_works_trigger:before,
    table.pg_works_proposal:before {
        font-weight: bold;
        display: block;
        font-size: 1.5em;
        color: #14070E;
        margin: 2%;
    }
    
    table.pg_works_proposal:before {
        content: "中村工務店からのご提案";
    }
    
    table.pg_works_trigger:before {
        content: "お客様のお悩み、ご要望";
    }
    
    /*お客様の声と担当者部分*/
    
    .pg_works_voice,
    .pg_works_staff {
        background-color: #dbdbdb;
        padding: 2%;
        margin: 2% 0; 
    }

    .pg_works_voice:after,
    .pg_works_staff:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
   }

.pg_works_voice > div > div:first-child, .pg_works_staff div {
        font-weight: bold;
        display: block;
        font-size: 1.5em;
        color: #14070E;
        margin: 2%;
    }
.pg_works_voice img {max-width:350px;}

.pg_works_staff .pg_works_staff_pic{box-sizing: border-box; font-size: 100%; float:left; width:25%; text-align: center; margin:0; padding:1%;}   
.pg_works_staff .pg_works_staff_pic img{margin-bottom:3%;}
.pg_works_staff .pg_works_staff_pic p{margin: 3% 2% 0 2% !important;line-height: 1em;}

@media screen and (max-width: 640px) {
        table.pg_works_concept,
        table.pg_works_award {
            text-align: left;
            font-size: 1.1em;
        }
}




/*既存事例・声 ここから*/
.desktop_layout #jirei_entry table,.desktop_layout .entry_voice_box table {table-layout: fixed;max-width:100% !important;width: 100% !important;}
.desktop_layout #jirei_entry table td,.desktop_layout .entry_voice_box table td {/*width: auto !important;*/vertical-align: top;}
@media screen and (max-width: 640px) {
.desktop_layout #jirei_entry table td,.desktop_layout .entry_voice_box table td {width: auto !important;}
}
.desktop_layout .ichiran_box {display: none;}

.desktop_layout img{height: auto !important;width: auto !important;max-width:100%;}
.desktop_layout .entry_voice_box table td {width: 50%;padding: 0 1%;}/*声 レイアウト調整*/
.desktop_layout .entry_voice_box table:last-of-type td {width: auto !important;}/*声 3点バナー調整*/

.old_layout .entry_voice_box_pic{display:none;}/*声 サムネイル非表示*/

/*既存事例・声 ここまで*/


/*汎用ボタン*/
button.btn_01{padding: 5px 2%;background: #fff;border: solid 2px #f1305e;color: #f1305e;background-image: url(../images/cursor_01.jpg);}
button.btn_02{padding: 8px 2%;background: #f1305e;border: solid 2px #f1305e;color: #fff;background-image: url(../images/cursor_02.jpg);}

button[class^="btn_"]{width: 100%;border-radius: 5px;font-weight: bold;font-size: 16px;background-position: 94% 50%;background-repeat: no-repeat; cursor: auto;text-indent:-1.5em;}
button[class^="btn_"]:hover{opacity:0.6;cursor: pointer;}
button[class^="btn_"]:focus{outline:none;}
/*ボタン 事例ページ用調整*/
#layout03 button[class^="btn_"]{font-size: 12px;background-position: 96% 50%;padding: 5px 2% 5px 1%;}


@media screen and (max-width: 980px) {
button[class^="btn_"]{font-size:14px;}
}
@media screen and (max-width: 860px) {
button[class^="btn_"]{font-size:12px;}
}
@media screen and (max-width: 760px) {
button[class^="btn_"]{background-image:none;text-align:center;text-indent:0em;}
}
@media screen and (max-width: 480px) {
button.btn_02{font-size: 3.3vw;}
}
@media screen and (max-width: 400px) {
button[class^="btn_"]{padding: 5px 1%;font-size: 11px;}
#layout03 button[class^="btn_"]{padding: 5px 1%;font-size: 11px;}
}
@media screen and (max-width: 370px) {
.is_1per3 button[class^="btn_"]{letter-spacing:-0.14em;padding: 5px 0.6%;}
#layout03 button[class^="btn_"]{padding: 5px 0.6%;}
.cnt_works_category_box .is_1per3 li,#main_cnt02 .is_1per3 li{padding: 2% 0.7%;}
.cnt_works_category_box .is_1per3 li:nth-child(3n-2),#main_cnt02  .is_1per3 li:nth-child(3n-2){padding-left: 2%;}
.cnt_works_category_box .is_1per3 li:nth-child(3n),#main_cnt02  .is_1per3 li:nth-child(3n){padding-right: 2%;}

.pg .is_1per3 button[class^="btn_"]{letter-spacing:0em;}/*下層ページは元に戻す*/
}

/*表示切替 インライン*/
.i640-320{display:none;}
@media screen and (max-width: 640px) {
.i640-320{display:inline;}
}


/* イベント、メディア情報ブログここから */
/* インデックスここから */
.event_index_inner { width: 96%; margin: 2% auto; overflow:hidden;}
.event_index_inner p{font-size: 16px;line-height: 1.8em;}
.event_index_inner>div { float: left;}
.event_index_inner .event_index_img { width: 13%; margin: 0 4% 0 0;}
.event_index_inner .event_index_txt { width: 83%; margin: 0;}
.event_index_inner .event_index_situation01 { padding: 5% 0; margin-bottom: 10%; background-color: #f23064; text-align: center; font-weight: bold;color:#fff;}
.event_index_inner .event_index_situation02 { padding: 5% 0; margin-bottom: 10%; background-color: #333; text-align: center; font-weight: bold;color:#fff;}
.event_index_inner .event_index_title {padding: 0 1%;font-size: 16px;}
.event_index_data {width: 100%; margin: 2% auto;}
.event_index_data ul {overflow: hidden;}
#main_cnt02 .event_index_data li {width: 100%; padding: 1%; float: left; box-sizing: border-box;}
#main_cnt02 .event_index_data li:nth-child(odd){ clear: both; }
.event_index_data li .event_index_data_title { width: 10%; padding: 1% 1%; margin: 0 2% 0 0; text-align: center; float: left; background-color: #333;color:#fff;}
.event_index_data li .event_index_data_txt { width: 74%; padding: 0 1% 2% 1%; text-align: left; float: left;}
.event_index_inner .event_index_btn { text-align: right;}
.event_index_inner .event_index_btn img { width: auto !important; max-width:100%;}
.event_index_box hr {border-bottom: 1px solid #f23064; background: none;}
@media screen and (max-width: 640px) {
.event_index_inner p{font-size: 14px;}
.event_index_inner .event_index_title {font-size: 14px;}
}

/* インデックスここまで */
/* 記事ここから */
#main h2.h2_event_entry { position: static; margin: 20px 0; padding: 10px 0px 10px 15px;background:#fff; background-size:auto 100%; font-size: 14px; border-top: 1px solid #333; border-bottom: 1px solid #333; font-weight: bold; color: #333;}
#main h2.h2_event_entry::before { content:none;}
.event_entry_data {width: 96%; margin: 2% auto;}
.event_entry_data ul {overflow: hidden;}
.event_entry_data li {width: 100%; padding: 1%; float: left; box-sizing: border-box;}
.event_entry_data li:nth-child(odd){ clear: both; }
.event_entry_data li .event_entry_data_title { width: 5em; padding: 1% 1%; margin: 0px 2% 0px 0px; text-align: center; float: left; background-color: #333; color:#fff;}
.event_entry_data li .event_entry_data_txt { width: 74%; padding: 0 1%; float: left;}
.event_entry_box p {font-size: 16px;line-height:1.8em;margin: 0 2% 5% 2% !important;}
.event_entry_box hr {border-bottom: 1px solid #f23064; background: none;}
.event_entry_top_img {width:96%; max-width:980px; margin:0 auto; text-align:center;}
.event_entry_top_img p {text-align:left;}
.event_entry_box>p {margin:2% 0;}

  /*カスタム見出し仕様*/
#main .event_entry_body h2{position: static;margin: 20px 0;padding: 10px 0px 10px 15px;background: #fff;background-size: auto 100%;font-size: 14px;border-top: 1px solid #333;border-bottom: 1px solid #333;font-weight: bold;color: #333;}
#main h4.h4_event_entry_map{border: 0 solid #333333;border-left-width: 3px;}

/* 記事ここまで */

@media screen and (max-width:640px) {
.event_entry_box p {font-size: 14px;}

/* 記事ここから */
.event_entry_data li .event_entry_data_title { width: 20%;}
.event_entry_data li .event_entry_data_txt { width: 74%;}
/* 記事ここまで */
/* インデックスここから */
.event_index_inner {font-size: 80%; font-size: 3vw;}
.event_index_inner .event_index_img { width: 20%;}
.event_index_inner .event_index_txt { width: 76%;}
#main_cnt02 .event_index_data li {width: 100%; box-sizing: border-box;}
.event_index_data li .event_index_data_title { width: 17%; padding: 1.5% 0;margin-top:0.4em;}
.event_index_data li .event_index_data_txt { width: 74%; padding: 1% 0;}
/* インデックスここまで */
}

/*チラシ 2カラム対応 ここから*/
.event_chirashi1 li{float: left;width: 46%;padding: 0% 0.5% 2% 0.5%;box-sizing: border-box;text-align: center;}
@media screen and (max-width:1024px) {
.event_chirashi1{max-width:980px;}
.event_chirashi1 li:nth-child(2n-1){padding: 0% 1% 2% 1%;}
.event_chirashi1 li:nth-child(2n){padding: 0% 1% 2% 1%;}
}
@media screen and (max-width:640px) {
.event_chirashi1 li{margin:2%;}
}

/*チラシ 2カラム対応 ここまで*/

/* イベント、メディア情報ブログここまで */


/* キャッチコンテンツカウント部分ここから */
.c_works { font-family:Impact,'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-size:40px; margin: -1px 0 0 145px; float:left;  color:#4E3727;}



@media screen and (max-width:1024px) {
.c_works {font-size: 28px;margin: 0 0 0 118px;font-family: Meiryo,'Lucida Grande','Hiragino Kaku Gothic ProN', sans-serif;font-weight: bold;line-height: 1.35em;}
.c_works.Android {margin-top:1.5%;margin-left: 128px;}
}

.h2_works_box h2 {max-width: 980px;margin: 0 auto;}
@media screen and (max-width: 1024px){
.h2_works_box{margin-top: 2%;}
}

.cnt_count_box {box-sizing: border-box; width: 100%;    padding: 0 0 0 2%;}
.cnt_count_box .cnt_box_inner{background: url("../images/cnt_count01_pc.png") no-repeat scroll 0px 0px transparent;background-size: 100%;height: 77px;width: 295px;float: left;padding:0;}
.sp_count {width: 100%; height:auto; margin: 0 0 0 auto; }
.cnt_count_box .c_day {width: 56%;margin: 0 0 0 auto;font-size: 3.5vw;}
.cnt_count_box .c_works {font-family: Meiryo, sans-serif;font-weight: bold;font-size: 33px;margin:7.1% 20% 0 auto;line-height: 1.3em;width: 26.5%;float: right;color: #f23064;}
.cnt_count_box .c_works.Android {margin-top:1.5%;width: 25.5%;}
.cnt_count_box img {float: left;}

@media screen and (max-width:1024px) {
.cnt_count_box{padding:2% 0;}
.cnt_count_box .cnt_box_inner{float:none;margin-top: -1.5%;}
.cnt_count_box img {float: none;}
}

@media screen and (max-width: 640px){
.cnt_count_box .cnt_box_inner {margin-top: 0;max-width: 54%;height: 0;padding-bottom: 14%;}
.cnt_count_box .c_works {font-size: 6.5vw;margin: 6% 22% 0 auto;}
}
/* キャッチコンテンツカウント部分ここまで */


/* ******************************** リフォームページ追加 ******************************** */
/*水まわりメニュー*/

#lineup .lineup_cnt_box {border: solid 10px #d6f1f9;padding: 2%;box-sizing: border-box;margin-top:2%;}
#lineup .lineup_cnt_title h3 {float: left;width: 82%;margin: 1% 0;border: none;clear:none;padding:0;}
@media screen and (max-width:640px) {
#lineup .lineup_cnt_title h3 {font-size:17px;}
}

#lineup .lineup_cnt_title .lineup_cnt_period {float: left;width: 120px;background: #f13863;color: #fff;padding: 1%;font-size: 15px;text-align: center;border-radius: 5px;box-sizing: border-box;}
#lineup .lineup_cnt_title {border-bottom: solid 2px #000;}
#lineup .lineup_cnt_data h4,#lineup .lineup_cnt_price_box1 h4{background: #2d2d2d;color: #fff;padding: 0.5% 1em;font-size: 14px;font-weight: bold;margin: 0 3% 0 0;display: block;width: auto;text-align: center;float: left;border: none;clear: none;}

@media screen and (max-width:723px) {
 #lineup .lineup_cnt_title{padding-bottom:2%;}
}

@media screen and (max-width:640px) {
 #lineup .lineup_cnt_title h3 {width:100%;}
 #lineup .lineup_cnt_title .lineup_cnt_period{width: auto;}
 #lineup .lineup_cnt_data h4,#lineup  .lineup_cnt_price_box1 h4{padding: 1% 0.5em;}
}

#lineup .lineup_thumb_img {float: left;margin: 0 2% 2% 0;position: relative;max-width: 50%;}
#lineup .lineup_thumb_img img{max-width:100%;}
#lineup .lineup_cnt_data hr {border-top: solid 1px #ddd;border-bottom: none;background: none;margin-top: 1.5%;}
@media screen and (max-width:640px) {
#lineup .lineup_cnt_data hr {margin-top:3%;}
}

#lineup .lineup_cnt_price_box1 {width: 60%;margin: 0 auto;background: #e3e3e3;padding: 2% 3% 2% 5%;border-radius: 5px;}
#lineup .lineup_cnt_price_box1 h4{margin-top:0.8%;}

@media screen and (max-width:640px) {
#lineup .lineup_cnt_price_box1 h4{margin-top:0.2%;}
#lineup .lineup_cnt_price_box1 {padding: 3% 4%;}
}
@media screen and (max-width:400px) {
#lineup .lineup_cnt_price_box1 h4{margin:0.8% 60% 1% 0;}
}
#lineup .lineup_cnt_img01 {display: block;margin: 1% auto;width:auto;}
#lineup .lineup_cnt_price_box2 {background: #f1fbfd;padding: 2%;box-sizing:border-box;}
#lineup .lineup_cnt_final_price {font-size: 60px;color: #e60012;text-align: center;font-weight:bold}
#lineup .lineup_cnt_final_price span{font-size: 25px}
#lineup .lineup_cnt_img02 {margin: 2% auto;display: block;}

@media screen and (max-width:640px) {
#lineup .lineup_cnt_price_box1 {width: 100%;box-sizing:border-box;margin: 2% auto;text-align: center;}
#lineup .lineup_cnt_final_price {font-size: 25px;font-size:9vw;}
#lineup .lineup_cnt_final_price span{font-size: 14px}
#lineup .lineup_cnt_img02 {max-width: 100%;margin:4% auto;}
#lineup .lineup_cnt_price_box2{padding:4% 2% 2% 2%;}
}

#lineup .lineup_cnt_price_items{margin-left:5%;}
#lineup .lineup_cnt_price_items>div {width: 20%;float: left;}
#lineup .lineup_cnt_price_items>div>div {background: #f13863;padding: 10%;color: #fff;border-radius: 5px;text-align: center;width: 70%;box-sizing: border-box;float: left;height: 56px;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */}
    
    
#lineup .lineup_cnt_data {margin:2% 0;font-size:16px;}
#lineup img.lineup_cnt_img03 {width:auto;}
@media screen and (max-width:640px) {
#lineup .lineup_cnt_data {font-size:14px;}
#lineup .lineup_cnt_price_items>div {width: 33.3%; margin-bottom: 2%;}
#lineup .lineup_cnt_price_items>div>div{height: 43px; font-size: 14px;line-height: 1.2em;}
#lineup img.lineup_cnt_img03 {width: 25%;margin-top: -12%;}
}

@media screen and (max-width:480px) {
#lineup img.lineup_cnt_img03 {margin-top: -8%;}
}
@media screen and (max-width:410px) {
#lineup img.lineup_cnt_img03 {margin-top: -5%;}
}
    
#lineup .lineup_cnt_box .lineup_discount{position: absolute;top: 2%;left: 2%;
    background: url(../images/discount.png) no-repeat scroll 0px 0px transparent;
    padding: 18px 2% 6% 2%;line-height: 1.5em;color: #fff;font-weight: bold;
    font-size: 14px;width: 95px;text-align: center;box-sizing: border-box;}
    
@media screen and (max-width:400px) {
#lineup .lineup_cnt_box .lineup_discount {padding: 8.5% 2% 13% 2%;font-size: 10px;width: 50%;background-size: contain;box-sizing: border-box;}
}

#lineup .lineup_discount1{margin:1% 0;font-size: 25px;font-weight: bold;color:#fff;}
#lineup .lineup_discount2{margin: 0;font-size: 14px;color:#fff;}
@media screen and (max-width:640px) {
#lineup .lineup_discount1{margin: 2% 0;font-size: 20px;}
}

#lineup .lineup_model {margin: 0 0 0 1em;}
#lineup .lineup_cnt_price1,#lineup .lineup_cnt_price2 ,#lineup .lineup_cnt_price3{font-size: 23px;font-weight: bold;}
#lineup .lineup_cnt_price2{margin:0 0.3em;}
@media screen and (max-width:1024px) {
#lineup .lineup_cnt_price1,#lineup .lineup_cnt_price2 ,#lineup .lineup_cnt_price3{font-size: 22px;font-size: 2.9vw;line-height:1.8em;}
#lineup .lineup_cnt_price2{margin:0 0.5em;}
}

@media screen and (max-width:640px) {
#lineup .lineup_cnt_price1,#lineup .lineup_cnt_price2 ,#lineup .lineup_cnt_price3{font-size: 22px;font-size: 4.3vw;line-height: 1.5em;}
}
@media screen and (max-width:400px) {
#lineup .lineup_cnt_price1,#lineup .lineup_cnt_price2 ,#lineup .lineup_cnt_price3{font-size: 20px;font-size: 5.5vw;line-height: 2.2em;}
#lineup .lineup_cnt_price2{margin:0 0.2em;}
}

#lineup .lineup_cnt_price3{color:#e60012;}
#lineup .lineup_cnt_data_hr{padding-bottom:2em;}
@media screen and (max-width:640px) {
#lineup .lineup_cnt_data_hr{padding-bottom:2.7em;}
}

/*水まわりメニュー インデックスボタン*/
#main_cnt02 .lineup_list{padding-bottom:4%;}
#main_cnt02 .lineup_list li {width: 50%;padding: 2% 1% 0 1%;box-sizing: border-box;}
#main_cnt02 .lineup_list a:nth-child(2n-1) li {padding-left: 0;}
#main_cnt02 .lineup_list a:nth-child(2n) li {padding-right: 0;}

@media screen and (max-width:760px) {
#main_cnt02 .lineup_list li {width: 100%;padding: 2% 0.5% 0 0.5%;}
#main_cnt02 .lineup_list a:nth-child(2n-1) li {padding-left: 0.5%;}
#main_cnt02 .lineup_list a:nth-child(2n) li {padding-right: 0.5%;}
}

#lineup .lineup_list .lineup_cnt_box{padding:0;    background: #d6f1f9;border:4px solid #aedeec;}
.lineup_list .lineup_cnt_box{position:relative;}
.lineup_list .lineup_list_info{position:absolute;}
.lineup_list .lineup_list_info {position: absolute;right: 3%;bottom: 8%; background: rgba(255,255,255,0.8);width: 65%;z-index: 2;padding: 1% 1% 0 1%;}
#lineup .lineup_list .lineup_thumb_img{margin:0;max-width: 60%;height: 140px;overflow: hidden;}
#lineup .lineup_list .lineup_cnt_box .lineup_discount {width: 80px;font-size:12px;background-size: contain;padding: 13px 2% 6% 2%;}
#lineup .lineup_list .lineup_discount1{font-size:23px;}
.lineup_list_title {font-size: 18px;font-weight: bold;text-align: left;line-height: 1.2em;}
.lineup_list_size {font-size: 14px;font-weight: bold;text-align: left;}
.lineup_list_price {font-size: 28px;font-weight: bold;text-align: left;color:#e60012;}
.lineup_list_price .lineup_list_price2 {font-size: 14px;}

@media screen and (max-width:640px) {
.lineup_list_title {font-size: 16px;}
.lineup_list_price {font-size: 23px;}
}

/*水まわりメニュー メインページカテゴリ一覧インデックスボタン*/
#main_cnt02 #lineup .is_1per2 li {padding: 1%;}
#lineup .cnt_menu_box{margin-top:1%;}
#main_cnt02 #lineup .is_1per2 li:nth-child(2n-1) {padding-left: 0;clear:both;}
#main_cnt02 #lineup .is_1per2 li:nth-child(2n) {padding-right: 0;}

@media screen and (max-width:640px) {
#main_cnt02 #lineup .is_1per2 li:nth-child(2n-1) {padding-left: 0.5%;clear:both;}
#main_cnt02 #lineup .is_1per2 li:nth-child(2n) {padding-right: 0.5%;}
}

/* 診断導線 ここから*/
.cnt_shindan_box .cnt_box_inner { padding-top: 0 !important;margin-top: 0 !important;}
.cnt_shindan_box .cnt_box_inner li { padding-top: 0 !important;margin-top: 0 !important;}
@media screen and (max-width:640px) {
.cnt_shindan_box .cnt_box_inner li {
 padding-top: 1% !important;}
}
/* 診断導線 ここまで*/

/*水まわりメニュー お問い合わせバナー*/
.lineup_btn_toiawase{margin: 2% 0 4% 0;}

/* 今月のチラシ */
.pg_chirashi_box,#main_cnt02 .pg_chirashi_box{box-sizing: border-box;}
.pg_chirashi_box li,#main_cnt02  .pg_chirashi_box li{width: 50%; float: left; box-sizing: border-box; padding:2%;}
#main_cnt02 .pg_arc_month{margin:1% 0;}
#main_cnt02 .pg_arc_month li{width:50%; padding:0; margin:0.5% 0;}
#main_cnt02 .pg_arc_month li a{box-sizing:border-box; padding:0; margin:1% 0;}
@media screen and (max-width: 640px) {
#main_cnt02 .pg_arc_month li{width:100%;}
}

/*旧事例*/
td[background="../images/p1.gif"] {line-height: 0.5em;font-size: 5px;padding: 0 !important;}
.sekou td{padding:0.5%;}
.sekou table[background$="stit_bk.gif"] td{padding:0 0.5%;}

.cnt_recruit_box.cnt_box_inner,
.cnt_recruit_box.is_1per1 div { padding-top: 0;}

/* 施工事例絞り込み検索 */
/*iconfont*/
@font-face {
  font-family: 'icomoon';
  src:  url('https://www.smile-reform.com/works/js/flexibleSearch/css/fonts/icomoon.eot?zb1eju');
  src:  url('https://www.smile-reform.com/works/js/flexibleSearch/css/fonts/icomoon.eot?zb1eju#iefix') format('embedded-opentype'),
    url('https://www.smile-reform.com/works/js/flexibleSearch/css/fonts/icomoon.ttf?zb1eju') format('truetype'),
    url('https://www.smile-reform.com/works/js/flexibleSearch/css/fonts/icomoon.woff?zb1eju') format('woff'),
    url('https://www.smile-reform.com/works/js/flexibleSearch/css/fonts/icomoon.svg?zb1eju#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/*検索フォーム*/
.search_box{max-width:730px; padding:10px; margin:2% auto; border:1px solid #ccc; overflow:hidden;}
.search_box>div{overflow:hidden; width:49%; float:left; text-align:center;}
.search_box>div:nth-of-type(2n){margin-left:2%;}
.search_box>div:nth-of-type(n+3){margin-top:5px;}
.search_box > div:nth-of-type(2n+1){clear:left;}

.search_label{background:#29bb9b; border:1px solid #29bb9b; color:#fff; padding:10px; width:100px; box-sizing: border-box; float:left;}
.search_select{border:1px solid #29bb9b; color:#333; margin-left:5px; width:80px; box-sizing: border-box; float: left;}
.search_select a{display:block; padding:10px 23px 10px 10px; position: relative; cursor:pointer;}
.search_select a:after{
  content: "\e900";
  display:block;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top:13px;
  right:10px;
}
.label_list{font-size:12px; margin-left:5px; width:calc(100% - 190px); text-align: left; float: left;}

@media screen and (max-width:640px) {
.search_label{width:100%;}
.search_select{width:100%; margin-left:0;}
.label_list{width:100%; margin-left: 0;}
}


.search_box dl{overflow:hidden; margin:0 0 2%;}
.search_box dl dt{width:100px; float:left; background:#ccc; box-sizing:border-box; padding:10px; text-align:center;}
.search_box dl dd{width:calc(100% - 120px); float:left; margin:0 0 0 20px;}
.search_box ul{padding:0;}
.search_box ul li{list-style:none;float:left; margin-right:5px; line-height:1.6em;}

.search_box dl{overflow:hidden; margin:0 0 2%;}
.search_box dl dt{width:100px; float:left; background:#ccc; box-sizing:border-box; padding:10px; text-align:center;}
.search_box dl dd{width:calc(100% - 120px); float:left; margin:0 0 0 20px;}
.search_box ul{padding:0;}
.search_box ul li{list-style:none;float:left; margin-right:5px; line-height:1.6em;}
.search_box .filter_result{}
.search_box .filter_result span{font-size:2em; font-weight: bold; color:#f23064; margin:0 5px;}
.search_box .search_btn{color:#fff; background:#333333; font-size:18px; font-weight:bold; width:100%; border:none; padding:10px 20px; text-align: center; cursor: pointer; transition: 0.4s;}
.search_box .search_btn:hover{ background:#f23064; transition: 0.4s;}

/*検索結果事例調整*/
#main_cnt02 #fs-result .works_block:nth-of-type(2n-1){
clear:left;
}
                        /*
#main_cnt02 #fs-result .works_block{
width:48%;  
}
#main_cnt02 #fs-result .works_block:nth-of-type(2n){
margin-right:0;  
}*/
/*ページネーション*/
.fs-paginate {
    padding: 0px;
    margin-bottom: 10px;
}

#main_cnt02 .fs-paginate ul li {
    float:none;
    width:auto;
    font: 14px/24px;
    margin-top:5px;
    display: inline-block;
    padding: 0.5% 1%;
    margin-right: 8px;
    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);
}

#main_cnt02 .fs-paginate ul li:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

#main_cnt02 .fs-paginate ul li.fs-current {
    pointer-events:none;
    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);
}
#main_cnt02 .fs-paginate ul li.fs-current a{
    color:#fff;
}

#main_cnt02 .fs-paginate ul li {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

/*remodal*/
.remodal .search_box{
  border:none;
  padding:0;
  clear:left;
}
@media screen and (max-width:640px) {
  .remodal .search_box>div{
    margin-left:0;
    width:100%;
  }
}

.remodal .remodal-close{
  z-index: 999;
  width: 48px;
  height: 48px;
  background: #333;
  color:#fff;
  top: -24px;
  right: -24px;
  left: auto;
  border-radius: 24px;
  transition:0.4s;
}
@media screen and (max-width:640px) {
  .remodal .remodal-close{
    right: -10px;
  }
}
.remodal .remodal-close:hover{
  background:#fff;
  transition:0.4s;
}
.remodal .remodal-close:before{
  font-size:48px;
  line-height:48px;
  width:48px;
}

.remodal-wrapper .remodal{
  padding-top:5em;
}
                                 
.remodal_catch{
  background:#29bb9b;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  position:absolute;
  top:0;
  right:0;
  left:0;
  margin:auto;
  padding:1em 0;
}

.remodal_checkbox label,
.remodal_radio label {
  transition-duration: .5s;
  position:relative;
  display:flex;
  width: 50%;
  float:left;
  text-align: left;
  margin-bottom:2%;
}
.remodal_checkbox label:hover,
.remodal_radio label:hover,
.form input:checked,
.form input:checked + span {
  color: #f23064;
}
.remodal_checkbox input,
.remodal_radio input {
  visibility: hidden;
  margin: 0 -13px 0 0 !important;
}
.remodal_checkbox span,
.remodal_radio span {
  display: inline-block;
  position: relative;
  padding-left: 1.2em;
  font-size:18px;
}


.remodal_checkbox label:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 5px;
  bottom: 8px;
  left: 0;
  margin: auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
.remodal_radio input + span:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 5px;
  bottom: 8px;
  left: 0;
  margin: auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 100%;
}

.remodal_checkbox input + span:before,
.remodal_checkbox input + span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 2px;
  bottom: 6px;
  margin: auto;
  display: block;
  width: 0;
  height: 0;
  background: #f23064;
  transform: rotate(140deg);
  transition: height .2s;
}
.remodal_checkbox input + span:after {
  content: '';
  transform: rotate(230deg);
  transition: height .2s .3s;
  left: 9px;
  bottom: 9px;
}
.remodal_checkbox input:checked + span:before,
.remodal_checkbox input:checked + input + span:before {
  content: '';
  width: 4px;
  height: 11px;
}
.remodal_checkbox input:checked + span:after,
.remodal_checkbox input:checked + input + span:after {
  content: '';
  width: 4px;
  height: 15px;
}
.remodal_radio input + span:after {
  content: '';
  position: absolute;
  top:0 ;
  left: 3px;
  bottom: 3px;
  margin: auto;
  width: 9px;
  height: 9px;
  background: #f23064;
  transition-duration: .5s;
  transform: scale(0, 0);
  border-radius: 100%;
}
.remodal_radio input:checked + span:after,
.remodal_radio input:checked + input + span:after {
  content: '';
  transform: scale(1,1);
}
/*
form.failed .remodal_checkbox label:hover,
form.failed .remodal_radio label:hover {color: #333;}
*/