@charset "utf-8";
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,img,small,strong,b,i,dl,dt,dd,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,footer,header,section,audio,video{margin:0;padding:0;vertical-align:baseline;background:transparent}
article,aside,footer,header,menu,nav,section{display:block}
ul,ol{list-style:none}
a{margin:0;padding:0;vertical-align:baseline;background:transparent}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea{vertical-align:middle;border-radius:0}
a{text-decoration:none;color:inherit}
a:visited{text-decoration:none}
li img{vertical-align:middle}
a:active{text-decoration:none}
em{font-style:normal}
.cf{zoom:1}
.cf:after{content:"";display:block;clear:both}
.animation_2s{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
.animation_3s{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}
.hide_text_image{white-space:nowrap;text-indent:-9999px;position:relative}
.hide_text_image:after{display:block;content:"";position:absolute;top:0;left:0}
input[type=text],textarea{-webkit-appearance:none}
fieldset{margin:0;padding:0;border:0}
.blind, legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.cp_blind, caption{visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;border:0;font-size:0;line-height:0}
address{font-style:normal}
body{width:100%;min-width:320px;font-size:100%;line-height:1.5;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"Yu Gothic", YuGothicM, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
img{vertical-align:top}
.wink, a .wink{-webkit-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;transition:opacity 0.1s linear}
.wink:hover, a:hover .wink{opacity:0.5;filter:alpha(opacity=50);-ms-filter:"alpha(opacity=50)"}
.magnify img {
	transition: transform .2s ease-out, opacity .2s linear;
	-moz-transition: -moz-transform .2s ease-out, opacity .2s linear;
	-webkit-transition: -webkit-transform .2s ease-out, opacity .2s linear;
	-o-transition: -o-transform .2s ease-out, opacity .2s linear;
	-ms-transition: -ms-transform .2s ease-out, opacity .2s linear;
}
.magnify:hover img,
.magnify:active img {
	opacity: .7;
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
}
::-moz-selection{background-color:#f5b537;color:#fff}
::selection{background-color:#f5b537;color:#fff}
.wrapper{position:relative;overflow:hidden;margin:0 auto;max-width:1920px;font-size:16px;color:#333}


/*=======================================================================
header css
=======================================================================*/
#header{position:relative;z-index:1000;background:#fff}
#header:after{content:"";display:block;clear:both}
.inner_static{position:relative;margin:0 auto;width:1170px}
#h_logo{float:left;margin:0 34px 0 10px}
#h_logo a{display:flex;height:82px;font-weight:900;font-size:2rem;color:#464646;line-height:32px;justify-content:left;align-items:center}
#h_moto{position:absolute;left:308px;top:8px;display:flex;height:26px;font-size:.75rem;color:#666;line-height:12px;justify-content:left;align-items:center}
#h_moto strong{font-weight:400}
#h_mnb{float:left;margin-top:40px}
#h_mnb li{float:left;margin-right:22px}
#h_mnb li:last-child{margin-right:0}
#h_mnb a{display:block;padding:0 2px;font-size:.875rem;color:#464646}
#h_mnb a:hover, #h_mnb a.aon{border-bottom:1px solid #f5b537}
#gnb{float:right}
#gnb .tel{float:left;margin:24px 38px 0 0}
#gnb .tel address{margin-bottom:3px;text-align:right;color:#666;font-size:.813rem;line-height:16px}
#gnb .tel .no{text-align:right;color:#f79d18;font-weight:700;font-size:1.5rem;vertical-align:bottom;line-height:24px}
#gnb .tel .ico{color:#999;font-weight:400;font-size:1.25rem}
.bn_gnb{float:right;margin-top:27px}
.bn_gnb .inquiry a, .bn_gnb .recruit a{display:block;width:152px;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;text-align:center;font-weight:700;font-size:.938rem;color:#fff}
.bn_gnb .inquiry{float:left;margin-right:10px}
.bn_gnb .inquiry a{background:#e06665}
.bn_gnb .recruit{float:right}
.bn_gnb .recruit a{background:#95b90d}
.bn_gnb .inquiry span, .bn_gnb .recruit span{display:inline-block;padding-left:22px;height:36px;line-height:36px;background:url(../imgs/ico_inquiry.png) no-repeat 0 center}
.bn_gnb .recruit span{background-image:url(../imgs/ico_recruit.png)}
#mnb{position:relative;z-index:1000;background:rgba(215, 197, 189, .8)}
#mnb.moving{position:fixed;width:100%;top:0}
#mnb > ul > li{position:relative;float:left;width:calc(16.66%);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#mnb > ul > li > a{display:flex;height:60px;border-right:1px solid #fff;justify-content:center;align-items:center;font-weight:700;font-size:1em;background:#f7f1ea;color:#730;text-align:center;line-height:1.2}
#mnb > ul > li:last-child > a{border-right:none}
#mnb > ul > li > a:hover, #mnb > ul > li > a.aon{border-right:none;background:#f4b537;color:#fff}
#mnb .m1{z-index:1600}
#mnb .m2{z-index:1500}
#mnb .m3{z-index:1400}
#mnb .m4{z-index:1300}
#mnb .m5{z-index:1200}
#mnb .m6{z-index:1100}
.snb{display:none;position:absolute;left:0;top:60px;padding:6px 0;width:100%;background:#fff;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
	}
.snb li a{display:block;padding:11px 4px 11px 34px;background:url(../imgs/arr2.png) no-repeat left 20px top 14px;color:#464646;font-size:.938rem;line-height:1.2;letter-spacing:-1px}
.snb li a:hover, .snb li a.aon{background-color:#f7f1ea}
.open .snb{display:block}

/*=======================================================================
spot css
=======================================================================*/
#top #spot{position:relative;z-index:900;margin-top:-60px;padding-bottom:45%}
#top #inner_spot{position:absolute;width:100%;height:100%;background-size:cover;-webkit-background-size:cover}
#top #spot .inner_static{height:100%}
.visual_main .inner_visual{position:absolute;width:100%;height:100%}
.visual_wrap{width:100%;overflow:hidden;left:0;margin:0;position:absolute;top:0}
.visual_main{position:relative;padding-bottom:45%}
.visual_main li{position:absolute;width:100%;padding-bottom:45%}
.visual1{background:url(https://yane-puro.com/wp-content/uploads/2018/09/top_spot_01-2.jpg) 50% center / cover no-repeat;left:0}.visual2{display:none;background:url(https://yane-puro.com/wp-content/uploads/2018/10/top_spot_02.jpg) 50% center / cover no-repeat;left:100%}.visual3{display:none;background:url(https://yane-puro.com/wp-content/uploads/2018/10/top_spot_03.jpg) 50% center / cover no-repeat;left:100%}.visual_main h3{position:absolute;left:19.8%;top:50%;background-repeat:no-repeat;background-position:center center;text-align:center}
.visual_main h3 strong{display:block;margin:90px 0 8px;font-size:45px;
	color:rgba(167, 169, 168, 1);
	text-shadow:-1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff, -2px -2px 1px #fff, 2px -2px 1px #fff, -2px 2px 1px #fff, 2px 2px 1px #fff;
	line-height:56px;
	}
.visual_main h3 span{display:block;font-size:20px;color:#fff}
.visual_main #top_tit_spot1{margin-top:-100px;width:328px;height:268px;background-image:url(../imgs/top_spot_tit_bg.png)}
.visual_main #top_tit_spot2{margin-top:-100px;width:328px;height:268px;background-image:url(../imgs/top_spot_tit_bg.png)}
.visual_main #top_tit_spot3{margin-top:-100px;width:328px;height:268px;background-image:url(../imgs/top_spot_tit_bg.png)}
#visual_pagenate{position:absolute;z-index:950;left:0;bottom:15px;width:100%;height:10px;text-align:center}
#visual_pagenate a{display:inline-block;margin:0 8px;width:10px;height:10px;background:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;vertical-align:top;line-height:10px;font-size:0;text-indent:-9999px}
#visual_pagenate a.on, #visual_pagenate a:hover{background:#e31921;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}

/*=======================================================================
top page content css
=======================================================================*/
#top_banner .lst_banner > li{float:left;display:flex;width:25%}
#top_banner .lst_banner a{display:block;width:100%;height:238px}
#top_banner .lst_banner .ls1 a{background:#fef1cd url(../imgs/top_bn_bg1.png) no-repeat right bottom 0}
#top_banner .lst_banner .ls2 a{background:#f8d387 url(../imgs/top_bn_bg2.jpg) no-repeat right top}
#top_banner .lst_banner .ls3 a{background:#fef1cd url(../imgs/top_bn_bg3.png) no-repeat right 42px bottom 12px}
#top_banner .lst_banner .ls4 a{background:#f8d387 url(../imgs/top_bn_bg4.jpg) no-repeat right top}
#top_banner .lst_banner .tit{position:relative;display:block;margin-top:32px;background:url(../imgs/arr1.png) no-repeat right 6.31% center}
#top_banner .lst_banner .tit strong{display:flex;padding-left:28.21%;height:70px;color:#222;font-size:1.625rem;justify-content:left;align-items:center}
#top_banner .lst_banner .tit strong:before{position:absolute;display:block;left:8.42%;top:0;width:70px;height:70px;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px;background-color:#fff;background-image:url(../imgs/top_bn_ico1.png);background-repeat:no-repeat;background-position:center center;content:""}
#top_banner .lst_banner .ls2 .tit strong:before{background-image:url(../imgs/top_bn_ico2.png)}
#top_banner .lst_banner .ls3 .tit strong:before{background-image:url(../imgs/top_bn_ico3.png)}
#top_banner .lst_banner .ls4 .tit strong:before{background-image:url(../imgs/top_bn_ico4.png)}
#top_banner .lst_banner .lead{margin-top:26px;text-align:center;line-height:1;font-weight:700;color:#222}
#top_banner .lst_banner .ls1 .lead{width:67.36%}
#top_banner .lst_banner .lead strong{display:block;margin-bottom:12px;font-size:1.625rem}
#top_banner .lst_banner .lead .f-s1{display:block;font-size:1.25rem}
#top_banner .lst_banner .lead .f-s2{display:block;font-weight:400;font-size:1rem;line-height:1.2}
#top_banner .lst_banner .ls4 .lead{margin-top:8px}
#top_banner .lead .point{display:inline-block;padding-top:18px;background:url(../imgs/dot1.png) no-repeat center 0}
#top_banner .ins_lst_area{overflow:hidden;margin:22px 0 0 8.42%}
#top_banner .ins_lst_area li{margin:0 0 3px 18px;list-style:disc;font-size:1.125rem}
#top_banner .ins_lst_area .cnt{margin-left:-6px;color:#222}
#top_banner .ins_lst_area .ar1{color:#95ba0d}
#top_banner .ins_lst_area .ar2{color:#f79d18}
#top_banner .ins_lst_area .ar3{color:#7bb7e1}
#top_voice{padding:60px 0;background:#f9f5e5}
.h_group{margin-bottom:36px;text-align:center}
.h_group .top_tit{display:inline-block;margin-bottom:18px;vertical-align:top}
.h_group .top_tit strong{float:right;display:block;margin-left:16px;height:65px;line-height:65px;color:#333;font-size:1.875rem}
.h_group .top_tit:before{float:left;display:block;width:65px;height:65px;background:#c67e13 url(../imgs/tit_ico1.png) no-repeat center center;content:"";border-radius:33px;-webkit-border-radius:33px;-moz-border-radius:33px}
.h_group .lead{text-align:center;color:#666;font-size:.813rem}
.lst_voice{display:flex}
.lst_voice li{float:left;margin-right:30px;width:calc((100% - 90px) / 4);background:#fff}
.lst_voice li:nth-child(4n + 4){margin-right:0}
.lst_voice a{position:relative;overflow:hidden;display:block;height:100%;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	}
.lst_voice .image{overflow:hidden;display:flex;margin-bottom:10px;height:181px;justify-content:center;align-items:center;text-align:center}
.lst_voice .image img{width:100%}
.lst_voice .ins_wrap{margin:0 16px 10px;padding-bottom:34px;width:calc(100% - 32px);font-family:'HannariMincho'}
.lst_voice .tit{overflow:hidden;margin-bottom:2px;color:#730;text-align:center;line-height:24px;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}
.lst_voice .cnt{overflow:hidden;min-height:64px;color:#333;text-align:justify;line-height:32px;background:url(../imgs/line1.png) repeat 0 0;font-size:.938rem}
.lst_voice .link, .lst_portfolio .link, .lst_compare .link, .lst_area .link{position:absolute;right:25px;bottom:12px;display:block;color:#ea590a;font-size:.75rem;line-height:22px}
.lst_voice .link span, .lst_portfolio .link span, .lst_compare .link span, .lst_area .link span{float:left;display:block;height:21px;line-height:22px;border-bottom:1px solid #f2b297;vertical-align:top}
.lst_voice .link:after, .lst_portfolio .link:after, .lst_compare .link:after, .lst_area .link:after{float:right;display:block;width:12px;height:22px;background:url(../imgs/arr2.png) no-repeat right center;content:"";vertical-align:top}
.lst_portfolio .link{bottom:14px}
.lst_area .link{right:42px;bottom:15px}
.btn_area{position:relative;text-align:center;vertical-align:top}
#top_voice .btn_area{margin-top:40px}
.btn1, .btn2, .btn3, .btn4{position:relative;display:inline-block;width:235px;height:45px;background:#404040;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;text-align:center}
.btn1, .btn2, .btn3, .btn4{display:inline-block;height:45px;line-height:40px;color:#fff;font-size:1rem;vertical-align:top;background:#404040 url(../imgs/btn_arr1.png);background-repeat:no-repeat;background-size:8px 12px;background-position:calc(100% - 26px) center;cursor:pointer;    border: none;}
.btn2{background:none;border:1px solid #fff}
.btn3{background:#888}
.btn4{background:#999}
.btn4 span:after, .view_footer .btn1 span:after{left:26px;right:auto;transform:rotateY(180deg)}
.btn1.home span:after{display:none}
.btn1.home span:before{display:inline-block;margin-right:8px;width:22px;height:20px;background:url(../imgs/ico_home.png) no-repeat 0 0;content:"";vertical-align:middle}
#top_work{padding:60px 0}
#top_work .h_group .top_tit:before{background-image:url(../imgs/tit_ico2.png)}
.lst_work{position:relative;display:flex;margin-bottom:40px}
.lst_work li{position:relative;width:calc(100% / 6)}
.lst_work li:after{position:absolute;right:0;top:50%;margin-top:-32px;width:1px;height:65px;background:#d7c5bd;content:""}
.lst_work li:nth-child(6):after{position:absolute;right:0;top:50%;margin-top:-32px;height:65px;background:#ffffff;content:""}
.lst_work li:first-child:before{right:auto;left:0}
.lst_work a{overflow:hidden;display:block;margin:0 auto;width:125px;height:125px;background-color:#f7f7f7;background-repeat:no-repeat;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}
.lst_work .ls1 a{background-image:url(../imgs/work_ico1.png);background-position:center 28px}
.lst_work .ls2 a{background-image:url(../imgs/work_ico2.png);background-position:center 27px}
.lst_work .ls3 a{background-image:url(../imgs/work_ico3.png);background-position:center 24px}
.lst_work .ls4 a{background-image:url(../imgs/work_ico4.png);background-position:center 27px}
.lst_work .ls5 a{background-image:url(../imgs/work_ico5.png);background-position:center 31px}
.lst_work .ls6 a{background-image:url(../imgs/work_ico6.png);background-position:center 26px}
.lst_work .tit{display:block;margin-top:90px;text-align:center;color:#464646;font-weight:700;font-size:1rem;line-height:1.2}
#top_estimate{padding:60px 0;background:url(../imgs/top_estimate_bg.jpg) no-repeat center 0;background-size:cover;-webkit-background-size:cover}
#top_estimate .h_group .top_tit strong, #top_estimate .h_group .lead{color:#fff}
#top_estimate .h_group .top_tit:before{background-image:url(../imgs/tit_ico3.png)}
.lst_estimate{margin:0 auto;width:1020px}
.lst_estimate li{float:left;display:flex;margin-bottom:40px;width:25%;margin-top:-80px;padding-top:80px}
.lst_estimate a{position:relative;display:block;margin:0 auto;width:225px}
.lst_estimate .image{position:relative;z-index:100;display:block;margin:0 auto;max-width:180px;width:100%}
.lst_estimate .image img{width:calc(100% - 12px);max-width:168px;border:6px solid #f5d546;border-radius:90px;-webkit-border-radius:90px;-moz-border-radius:90px}
.lst_estimate .tit{position:relative;z-index:110;display:flex;margin:-20px 0 10px;width:100%;height:40px;background:#f5d546;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;justify-content:center;align-items:center;text-align:center;font-weight:700;font-size:1rem;color:#730;line-height:1.1}
.lst_estimate .tit.small{font-size:.938rem}
.lst_estimate .price{display:block;text-align:center;color:#fff;font-weight:700;font-size:1.125rem;font-style:italic;line-height:1.2}
#top_portfolio{padding:60px 0}
#top_portfolio .h_group .top_tit:before{background-image:url(../imgs/tit_ico4.png);background-position:left 0 bottom 8px}
.lst_portfolio > li{float:left;margin:0 30px 30px 0;width:calc((100% - 90px) / 4)}
.lst_portfolio > li:nth-child(4n + 4){margin-right:0}
.lst_portfolio a{position:relative;overflow:hidden;display:block;padding-bottom:47px;background:#faf5eb}
.lst_portfolio .image{overflow:hidden;display:flex;height:181px;justify-content:center;align-items:center;text-align:center}
.lst_portfolio .image img{width:100%;height: 100%;object-fit: cover;}
.lst_portfolio .ins_lst{margin:15px 15px 0}
.lst_portfolio .ins_lst dt{margin-bottom:12px;text-align:center;color:#730;font-size:.938rem}
.lst_portfolio .lst_item li{overflow:hidden;margin-bottom:2px;line-height:21px}
.lst_portfolio .lst_item li:last-child{margin-bottom:0}
.lst_portfolio .lst_item .item{float:left;display:block;width:65px;height:21px;background:#f4b537;border-radius:11px;-webkit-border-radius:11px;-moz-border-radius:11px;text-align:center;color:#fff;font-weight:400;font-size:.75rem;vertical-align:top}
.lst_portfolio .lst_item .tx{overflow:hidden;float:left;display:block;margin-left:10px;width:calc(100% - 75px);height:21px;color:#464646;font-size:.875rem;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
.lst_portfolio .lst_item .ls2 .item{background:#c67e13}
.lst_portfolio .lst_item .ls3 .item{background:#81ba4f}
.lst_portfolio .lst_item .ls4 .item{background:#9f5900}
.lst_portfolio .lst_item .ls5 .item{background:#e06665}
#top_portfolio .btn_area{padding-top:10px}
#top_flow{padding:60px 0;background:#faf5eb}
#top_flow .h_group .top_tit:before{background-image:url(../imgs/tit_ico5.png)}
.lst_flow{margin-bottom:36px}
.lst_flow > li{position:relative;float:left;margin-left:-56px;padding-left:6px;width:calc(13.506% + 60px)}
.lst_flow li h5.flow{margin-bottom:10px;text-align:center;background-repeat:no-repeat;background-position:right 0}
.lst_flow .fl1{z-index:800;margin-left:0;padding-left:0;width:16.93%}
.lst_flow .fl1 h5.flow{background-color:#81ba4f;background-image:url(../imgs/top_flow_bg1.png)}
.lst_flow .fl2{z-index:790}
.lst_flow .fl2 h5{background-color:#f5d546;background-image:url(../imgs/top_flow_bg2.png)}
.lst_flow .fl3{z-index:780}
.lst_flow .fl3 h5{background-color:#f4b537;background-image:url(../imgs/top_flow_bg3.png)}
.lst_flow .fl4{z-index:760}
.lst_flow .fl4 h5{background-color:#f79d18;background-image:url(../imgs/top_flow_bg4.png)}
.lst_flow .fl5{z-index:750}
.lst_flow .fl5 h5{background-color:#c67e13;background-image:url(../imgs/top_flow_bg5.png)}
.lst_flow .fl6{z-index:740}
.lst_flow .fl6 h5{background-color:#9f5900;background-image:url(../imgs/top_flow_bg6.png)}
.lst_flow .fl7{z-index:730;width:15.54%}
.lst_flow .fl7 h5{background-color:#e06665}
.lst_flow h5 strong{display:flex;padding:0 12px 0 30px;height:102px;justify-content:center;align-items:center;color:#fff;font-size:1.125rem;line-height:1.1;text-align:center}
.lst_flow h5 strong br{display:none}
.lst_flow .fl1 h5 strong{padding-left:0}
.lst_flow .fl2 h5 strong{color:#730}
.lst_flow .fl7 h5 strong{padding-left:56px;font-size:1rem;letter-spacing:-3px}
.lst_flow .cnt{padding:0 56px 0 12px}
.lst_flow .fl1 .cnt{padding-left:0}
.lst_flow .fl7 .cnt{padding-right:0}
.lst_flow .cnt dt{font-size:1rem}
.lst_flow .cnt dd{color:#464646;font-size:.875rem;text-align:justify;line-height:1.4;letter-spacing:-1px}
.lst_flow .cnt dd strong{color:#fb4d53;font-weight:400}
.lst_flow .fl1 .cnt dt{color:#81ba4f}
.lst_flow .fl2 .cnt dt{color:#f5d546}
.lst_flow .fl3 .cnt dt{color:#f4b537}
.lst_flow .fl4 .cnt dt{color:#f79d18}
.lst_flow .fl5 .cnt dt{color:#c67e13}
.lst_flow .fl6 .cnt dt{color:#9f5900}
.lst_flow .fl7 .cnt dt{color:#e06665}
#top_compare{padding:60px 0}
#top_compare .h_group .top_tit:before{background-image:url(../imgs/tit_ico6.png);background-position:center bottom 4px}
.lst_compare{display:flex}
.lst_compare li{float:left;margin-right:30px;width:calc((100% - 90px) / 4)}
.lst_compare li:last-child{margin-right:0}
.lst_compare a{position:relative;z-index:100;display:block;height:100%;background:#faf5eb}
.lst_compare .image img{width:100%}
.lst_compare .ins_lst{position:relative;z-index:110;margin-top:-20px;padding-bottom:40px}
.lst_compare .ins_lst dt{display:flex;margin:0 auto 10px;width:74%;height:40px;background:#f5d546;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;color:#730;text-align:center;justify-content:center;align-items:center;font-weight:700;letter-spacing:-1px;line-height:1.1}
.lst_compare .ins_lst dd{position:relative;overflow:hidden;padding:0 20px;color:#464646;font-size:.875rem;text-align:justify}
#top_area{padding:60px 0;background:#faf5eb}
#top_area .h_group{margin:0 auto;padding-bottom:36px;width:1170px;background:url(../imgs/top_area_bg.png) no-repeat right 7.69% top 0}
#top_area .h_group .top_tit:before{background-image:url(../imgs/tit_ico7.png)}
.lst_area{display:flex}
.lst_area li{width:33.333%}
.lst_area a{position:relative;display:block;height:100%}
.lst_area .ls1{background:#e4eec2}
.lst_area .ls2{background:#fde6c5}
.lst_area .ls3{background:#d7eaf3}
.lst_area .ins_lst{overflow:hidden;padding:36px 42px 45px}
.lst_area .ins_lst:before{float:left;display:block;width:24px;content:"・";font-weight:700;font-size:1.5rem;line-height:1}
.lst_area .ins_lst dt{float:right;margin-bottom:10px;width:calc(100% - 24px);font-size:1.5rem;line-height:1}
.lst_area .ins_lst dd{float:right;width:calc(100% - 24px);font-size:.938rem;text-align:justify;line-height:1.75}
.lst_area .ls1 .ins_lst dt{color:#769601}
.lst_area .ls2 .ins_lst dt{color:#e76e24}
.lst_area .ls3 .ins_lst dt{color:#3d95d3}
#top_recruit{padding:60px 0}
#top_recruit .bn_recruit{height:238px;background:url(../imgs/top_recruit_bg.jpg) no-repeat 0 0;color:#fff}
#top_recruit .bn_recruit .inner_wrap{float:right;margin-top:22px;width:585px;text-align:center}
#top_recruit .top_tit{display:inline-block;margin-bottom:10px;padding-left:58px;height:45px;font-size:1.875rem;line-height:45px;vertical-align:top;background:url(../imgs/top_recruit_ico1.png) no-repeat 0 center}
#top_recruit .lead{margin-bottom:20px;font-size:.938rem}
#top_recruit .lead strong{display:block;font-size:1.625rem}
#top_recruit .lead .point{display:inline-block;padding-top:10px;background:url(../imgs/dot2.png) no-repeat center 0}
#top_recruit .btn{position:relative;display:inline-block;width:235px;height:45px;background:#95ba0d;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;text-align:center}
#top_recruit .btn span{display:inline-block;height:45px;line-height:45px;color:#fff;font-size:1rem}
#top_recruit .btn span:after{position:absolute;right:26px;top:50%;display:block;margin-top:-6px;width:8px;height:12px;background:url(../imgs/btn_arr1.png) no-repeat center center;content:""}
#top_sns{padding-bottom:60px}
#top_sns .inner_wrap{margin:0 auto;width:1070px}
#top_sns .facebook{float:left;width:46.72%;height:392px;background:#eee}
#top_sns .twitter{float:right;margin-bottom:20px;width:46.72%;height:288px;background:#eee}
#top_sns .ameba{float:right;width:46.72%}
#top_sns .ameba a{display:block;height:84px;background:#efefef url(../imgs/top_bn_ameba.png) no-repeat 6% center;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
#top_sns .ameba a strong{float:right;display:flex;width:58%;height:84px;color:#333;font-weight:400;font-size:1rem;justify-content:left;align-items:center;background:url(../imgs/arr2.png) no-repeat right 23px center}
#top_topics{padding:60px 0;background:#e7e0db}
.lst_topics{margin:0 auto 40px;width:850px;border-top:1px solid #fff}
.lst_topics li{border-bottom:1px solid #fff}
.lst_topics a{display:flex;padding:14px 0;font-size:.875rem}
.lst_topics .date{display:flex;width:130px;color:#666;text-align:center;justify-content:center;align-items:center}
.lst_topics .tit{display:flex;width:calc(100% - 160px);color:#464646;font-weight:400;justify-content:left;align-items:center}
.lst_topics a:hover .tit{color:#ea5504;text-decoration:underline}
.lst_topics .new{margin-left:10px;vertical-align:top}
#footer{position:relative}
#footer .contactus_wrap{position:relative;padding:60px 0;background:#666}
#f_inquiry{position:relative;float:left;margin:0 3.16% 0 5.72%;padding-bottom:95px;width:41.12%;min-height:197px}
#f_recruit{position:relative;float:right;margin:0 5.72% 0 3.16%;padding-bottom:95px;width:41.12%;min-height:197px}
#footer .contactus_wrap .tit{margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid #a3a3a3;text-align:center;color:#fff;font-size:2rem;line-height:1}
#f_inquiry .lead{margin-bottom:20px;color:#fff;text-align:center;font-size:.938rem}
#f_inquiry .link_tel{display:block;margin-bottom:18px;text-align:center;color:#fff;font-weight:700;font-size:1.75rem;letter-spacing:2px;line-height:1}
#f_inquiry .lst_business-hours{color:#fff;font-size:.813rem;text-align:center}
#f_inquiry .lst_business-hours li{display:inline-block}
#f_inquiry .lst_business-hours li:after{display:inline-block;content:"／"}
#f_inquiry .lst_business-hours li:last-child:after{display:none}
#footer .contactus_wrap .btn{position:absolute;left:6.25%;bottom:0;display:block;margin-right:6.25%;width:87.5%;height:68px;border-radius:34px;-webkit-border-radius:34px;-moz-border-radius:34px;background:#e06665 url(../imgs/arr3.png) no-repeat right 6.66% center;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(227,227,227,1);
	-moz-box-shadow: 3px 3px 0px 0px rgba(227,227,227,1);
	box-shadow: 3px 3px 0px 0px rgba(227,227,227,1);
	text-align:center
	}
#footer .contactus_wrap .btn span{display:inline-block;padding-left:42px;height:68px;justify-content:center;align-items:center;text-align:center;color:#fff;background:url(../imgs/ico_inquiry2.png) no-repeat 0 center;line-height:68px;font-weight:700;font-size:1.188rem}
#footer #f_recruit .btn{background-color:#95ba0d}
#footer #f_recruit .btn span{padding-left:36px;background-image:url(../imgs/ico_recruit2.png)}
#footer .contactus_wrap #f_recruit .tit{margin-bottom:34px}
#f_recruit .lead{margin-bottom:30px;color:#fff;text-align:center;font-size:.938rem}
#f_recruit .lead strong{display:block;margin-bottom:8px;font-size:1.313rem}
.btn_pagetop{position:absolute;right:0;bottom:0;display:block;width:60px;height:60px;background:#73401a url(../imgs/arr6.png) no-repeat center 9px;opacity:0}
.btn_pagetop span{display:block;margin-top:29px;color:#fff;font-size:12px;text-align:center;line-height:1.1;letter-spacing:-1px}
.btn_pagetop_bottom{position:fixed;display:block;bottom:0;top:auto}
#footer .footer_wrap{padding:35px 0 42px;background:#333;color:#fff}
#f_mnb{margin-bottom:38px;text-align:center}
#f_mnb li{display:inline-block;margin-right:30px;font-size:.875rem}
#f_mnb li:last-child{margin-right:0}
#f_sinfo{float:left;color:#fff;font-size:.75rem}
#f_logo{margin-bottom:22px;font-size:1.625rem;color:#ccc;line-height:1}
#f_sinfo .area{margin-bottom:18px}
#f_sinfo .lst_sinfo .item, #f_sinfo .lst_sinfo a{display:inline-block;font-weight:400}
#f_sinfo .lst_sinfo .item{width:42px}
#f_sinfo .lst_sinfo .email{border-bottom:1px solid #adadad}
#f_sinfo .lst_sinfo .email:hover{border-bottom:none}
#fnb{float:right}
#fnb > ul{min-width:900px}
#fnb .ls1{width:calc(20% - 30px)}
#fnb > ul > li{float:left;margin-right:15px}
#fnb > ul > li:last-child{margin-right:40px}
#fnb > ul > li > a, #fnb .d1 a{margin-bottom:4px;background:url(../imgs/arr4.png) no-repeat 0 center;font-size:1rem}
#fnb a{display:block;padding-left:13px}
#fnb > ul > li > a, #fnb .d1 > li > a{line-height:24px}
#fnb > ul > li > a:hover > span, #fnb .d1 > li > a:hover > span, #fnb > ul > li > a.aon > span, #fnb .d1 > li > a.aon > span{line-height:23px;border-bottom:1px solid #f5b537}
#fnb .d2 li{margin-bottom:4px}
#fnb .d2 li:last-child{margin-bottom:0}
#fnb .d2 a{background:url(../imgs/arr5.png) no-repeat 2px center;font-size:.75rem}
#fnb .d2 a > span{display:inline-block;line-height:19px;border-bottom:1px solid #333}
#fnb .d2 a:hover > span{border-bottom:1px solid #f5b537}
#footer .copyright{overflow:hidden;padding-top:40px;width:100%;text-align:center}
#footer .copyright strong{font-weight:normal;font-size:.75rem;color:#ccc}
#fixed_sinfo{position:fixed;z-index:2000;left:0;bottom:0;width:100%;height:50px;background:#fff}
#fixed_sinfo .inner_wrap{float:left;margin:9px 15px 0;width:calc(100% - 130px);font-size:.625rem;color:#666;line-height:1.2}
#fixed_sinfo .area dt, #fixed_sinfo .area dd{display:inline-block}
#fixed_sinfo .lst_btn{overflow:hidden;float:right;width:100px}
#fixed_sinfo .lst_btn li{overflow:hidden;float:left}
#fixed_sinfo .lst_btn .btn_tel{display:block;width:50px;height:50px;background:#f79d18;text-align:center;line-height:50px;font-size:18px;color:#fff}
#fixed_sinfo .lst_btn .sp_btn_pagetop{overflow:hidden;display:block;width:50px;height:50px;background:#73401a url(../imgs/arr6.png) no-repeat center 4px;background-size:7px auto;-webkit-background-size:7px auto}
#fixed_sinfo .lst_btn .sp_btn_pagetop span{display:block;margin-top:16px;color:#fff;font-size:10px;text-align:center;line-height:1;letter-spacing:-2px}

/*=======================================================================
popup menu css
=======================================================================*/
#sp_popupmenu{display:none;position:fixed;overflow-y:scroll;z-index:3000;left:0;top:0;width:100%;min-width:320px;height:100%;background:rgba(0, 0, 0, 0.75)}
#sp_popupmenu .btn_close{position:absolute;z-index:1210;right:6px;top:12px;display:block;width:30px;height:30px;background:url(../imgs/btn_close.png) no-repeat center center;background-size:15px auto;-webkit-background-size:15px auto;font-size:0;text-indent:-9999px}
#sp_popupmenu .inner_wrap{margin-top:50px;background:#fff}
#sp_mnb > ul > li{overflow:hidden;border-bottom:1px solid #ccc}
#sp_mnb > ul > li > a{display:flex;padding:0 14px 0 25px;height:45px;background:url(../imgs/arr7.png) no-repeat 12px center / 5px auto;color:#333;font-size:.75em;text-align:left;justify-content:left;align-items:center;line-height:1.1}
#sp_mnb .d2{overflow:hidden;display:none;margin-bottom:10px}
#sp_mnb .d2 a{display:flex;padding:0 25px 0 35px;height:30px;background:url(../imgs/arr2.png) no-repeat 25px center / 3px auto;color:#333;font-size:.75em;text-align:left;justify-content:left;align-items:center;line-height:1.1}
#sp_mnb span{display:flex;width:100%;height:30px;text-align:left;justify-content:left;align-items:center;line-height:1.1}
#sp_mnb .close span{background:url(../imgs/sp_ico_close.png) no-repeat right center;background-size:10px auto;-webkit-background-size:10px auto}
#sp_mnb .open span{background:url(../imgs/sp_ico_open.png) no-repeat right center;background-size:10px auto;-webkit-background-size:10px auto}
#sp_popupmenu.popupmenu_open{display:block}

/*=======================================================================
sub page common css
=======================================================================*/
/* spot & pagetit */
.sub #spot .inner_static{height:320px}
.sub #spot{position:relative;z-index:900;margin-top:-60px;background:url(../imgs/aboutus_spot_01.jpg) no-repeat center center / cover}
.sub #pagetit{overflow:hidden;padding-top:86px;width:100%;text-align:center}
.sub #pagetit strong{display:inline-block;height:90px;color:#fff;font-weight:700;font-size:2.25rem;line-height:90px;vertical-align:top}
.sub #pagetit strong:before{display:inline-block;margin-right:20px;height:86px;width:86px;background:url(../imgs/aboutus_pagetit_ico.png) no-repeat center center;border:2px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;content:"";vertical-align:top}

/* page position */
#pp{position:absolute;left:0;bottom:12px;line-height:1.2;color:#fff}
#pp a, #pp span, #pp strong{display:inline-block;font-weight:400;font-size:.875rem;vertical-align:top}
#pp a{border-bottom:1px solid #f4b537}
#pp a:hover{border-bottom:none}
#pp .gt{padding:0 6px}
#pp .current{overflow:hidden;max-width:180px;text-overflow:ellipsis;white-space:nowrap}

/* page title */
.tit1{overflow:hidden;margin-bottom:30px;text-align:center;color:#77b045;font-size:1.875rem;line-height:1}

/* page common */
#inner_content{margin:60px auto 100px}
#inner_content .inner_static{margin:0 auto;width:1040px}

/* page navigation */
.pnb{margin-bottom:50px}
.pnb li{float:left;margin-right:10px;width:calc((100% - 40px) / 5)}
.pnb li:last-child{margin-right:0}
.pnb a{overflow:hidden;display:flex;height:45px;background:#e6e6e6;font-weight:700;font-size:1em;color:#464646;text-align:center;justify-content:center;align-items:center;line-height:1}
.pnb a:hover, .pnb a.aon, .pnb li.current a{background:#77b045;color:#fff}
#inner_content .lst_area .ins_lst{padding-bottom:34px}

/*=======================================================================
ABOUTUS css
=======================================================================*/
.sec_common{margin:0 10px}
.para_common{text-align:justify;color:#464646;font-size:.938rem}
.para_common .image{float:right;margin:0 0 40px 40px}
.para_common .signature{display:block;margin-top:28px;text-align:right;font-size:1.125rem}
.para_common .signature span{padding-left:12px}
.ts1{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ts1 th, .ts1 td{padding:17px 20px;vertical-align:middle;border:1px #ccc solid;line-height:1.6;font-size:.938rem}
.ts1 th{background:#fff2e9}
.ts1 td{background:#fff;text-align:justify}
.ts1 tbody th{font-weight:400;text-align:left}
.ts1 .link{border-bottom:1px solid #b2b2b2}
.ts1 .link:hover{border-bottom:none}
.map{margin-bottom:30px;height:364px;border:1px solid #ccc}
.map iframe{margin:0;padding:0;width:100%;height:100%;background:#eee;border:none;vertical-align:top}
#inner_content #top_area{padding:0;background:none}
#inner_content #top_area .h_group{padding-bottom:302px;width:auto;background:url(../imgs/aboutus_area_bg.png) no-repeat center bottom 30px}
#inner_content .h_group .lead{color:#666;font-size:.938rem;line-height:2}
.arti_meritto{display:flex;margin-bottom:30px}
.arti_meritto .tit{display:flex;width:248px;background:#f8c869;border:solid #fff;border-width:0 6px;font-weight:400;font-size:2.25rem;color:#fff;text-align:center;justify-content:center;align-items:center}
.arti_meritto .cnt{display:flex;width:calc(100% - 360px);padding:32px 50px;background:#fef9ef;font-size:.938rem;color:#464646;text-align:justify;justify-content:left;align-items:center;line-height:2}
.arti_meritto:last-child{margin-bottom:0}
.arti_meritto.s2{flex-direction:row-reverse}
.arti_meritto.s2 .tit{background:#8b9dcc}
.arti_meritto.s2 .cnt{background:#f2f4f9}
.arti_meritto.s3 .tit{background:#c383bc}
.arti_meritto.s3 .cnt{background:#f8f1f7}

/*=======================================================================
WORK css
=======================================================================*/
#work #pagetit strong:before{background-image:url(../imgs/work_pagetit_ico.png)}
#work .pnb li{width:calc((100% - 50px) / 6)}
.arti_work{margin-bottom:50px;margin-top:-80px;padding-top:80px}
.arti_work:last-child{margin-bottom:0}
.arti_work .item{float:left;display:block;width:125px;height:125px;background-color:#f7f7f7;background-repeat:no-repeat;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}
.arti_work#a .item{background-image:url(../imgs/work_ico1.png);background-position:center 28px}
.arti_work#b .item{background-image:url(../imgs/work_ico2.png);background-position:center 27px}
.arti_work#c .item{background-image:url(../imgs/work_ico3.png);background-position:center 24px}
.arti_work#d .item{background-image:url(../imgs/work_ico4.png);background-position:center 27px}
.arti_work#e .item{background-image:url(../imgs/work_ico5.png);background-position:center 31px}
.arti_work#f .item{background-image:url(../imgs/work_ico6.png);background-position:center 26px}
.arti_work .item strong{display:block;margin-top:90px;text-align:center;color:#464646;font-weight:700;font-size:1rem;line-height:1.2}
.arti_work .cnt{float:right;width:calc(100% - 160px);text-align:justify;color:#464646;font-size:.938rem;line-height:2}

/*=======================================================================
ESTIMATE css
=======================================================================*/
#estimate #pagetit strong:before{background-image:url(../imgs/estimate_pagetit_ico.png)}
#estimate .lst_estimate .price{color:#e06665}
#estimate .lst_estimate{display:flex;flex-wrap:wrap;margin-bottom:-40px}
#estimate .lst_estimate .cnt{display:block;margin-top:10px;color:#666;text-align:justify;font-size:.875rem;line-height:1.6}

/*=======================================================================
COMPARE css
=======================================================================*/
#compare #pagetit strong:before{background-image:url(../imgs/compare_pagetit_ico.png);background-position:center bottom 5px}
.arti_compare{margin-bottom:50px;margin-top:-80px;padding-top:80px}
.arti_compare:last-child{margin-bottom:0}
.arti_compare .cnt{text-align:justify;color:#464646;font-size:.938rem;line-height:2}
.arti_compare .cnt .image{float:left;max-width:270px;width:100%;margin-right:35px}

/*=======================================================================
VOICE css
=======================================================================*/
#voice #pagetit strong:before{background-image:url(../imgs/voice_pagetit_ico.png)}
#voice #inner_content .inner_static, #portfolio #inner_content .inner_static{width:1170px}
.wrap_voice{margin-bottom:60px;padding:60px 85px;background:#faf5eb}
.arti_voice{overflow:hidden;margin-bottom:40px;background:#fff;font-family:'HannariMincho';
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
	}
.arti_voice:last-child{margin-bottom:0}
.arti_voice .image{float:left;padding:20px 50px 20px 20px;max-width:410px;width:48%;background:url(../imgs/voice_bg1.png) repeat-y right 0}
.arti_voice .image img{width:100%}
.arti_voice .tit{margin:36px 50px 21px;text-align:center;color:#730;font-weight:700;font-size:1.125rem;line-height:1}
.arti_voice .cnt{display:block;margin:0 50px 47px;padding:0 12px;background:url(../imgs/line1.png) repeat 0 0;font-size:.938rem;text-align:justify;line-height:32px}
.pagenate{overflow:hidden;text-align:center}
.pagenate a, .pagenate strong{display:inline-block;margin:0 3px;padding:0 17px;height:43px;color:#666;font-size:1rem;text-align:center;border:1px solid #dcdcdc;line-height:43px;vertical-align:top}
.pagenate strong{border:1px solid #666;background-color:#666;color:#fff;font-weight:normal}
.pagenate .btn_next, .pagenate .btn_prev, .pagenate .btn_last, .pagenate .btn_first{padding:0;width:43px;background:url(../imgs/btn_next.png) no-repeat center center;font-size:0;text-indent:-9999px}
.pagenate .btn_prev{background-image:url(../imgs/btn_prev.png)}
.pagenate .btn_last{background-color:#f3f3f3;background-image:url(../imgs/btn_last.png)}
.pagenate .btn_first{background-color:#f3f3f3;background-image:url(../imgs/btn_first.png)}

/*=======================================================================
PORTFOLIO css
=======================================================================*/
#portfolio #pagetit strong:before{background-image:url(../imgs/portfolio_pagetit_ico.png);background-position:left bottom 11px}
#portfolio .pnb li{width:calc((100% - 60px) / 7)}
#portfolio .lst_portfolio{margin-bottom:30px}
#portfolio .sec_common{margin:0}
.portfolio_info{margin-bottom:20px;text-align:center;vertical-align:top;line-height:21px}
.portfolio_info li{display:inline-block;margin:0 16px 20px;height:21px;vertical-align:top;line-height:21px}
.portfolio_info li:last-child{margin-right:0}
.portfolio_info .item{display:inline-block;margin-right:10px;width:65px;height:21px;background-color:#f4b537;border-radius:11px;-webkit-border-radius:11px;-moz-border-radius:11px;color:#fff;font-weight:400;font-size:12px;line-height:21px;vertical-align:top}
.portfolio_info .tx{display:inline-block;color:#464646;font-size:14px;line-height:21px;vertical-align:top}
.portfolio_info .ls2 .item{background-color:#c67e13}
.portfolio_info .ls3 .item{background-color:#81ba4f}
.portfolio_info .ls4 .item{background-color:#9f5900}
.portfolio_info .ls5 .item{background-color:#e06665}
.bx_compare{margin-bottom:125px;padding:60px 85px 52px;background-color:#faf5eb}
.bx_compare .lst_image{overflow:hidden;margin-bottom:32px}
.bx_compare .lst_image li{float:left}
.bx_compare .lst_image img{width:100%}
.bx_compare .lst_image .before{width:calc(((100% - 100px) / 2) + 100px);background:url(../imgs/arr9.png) no-repeat right 27px center}
.bx_compare .lst_image .after{width:calc((100% - 100px) / 2)}
.bx_compare .lst_image .before .inner_wrap{width:calc(100% - 100px)}
.bx_compare .lst_image h6{margin-top:1px;height:50px;background:#333;text-align:center;color:#fff;font-weight:400;font-size:1.313rem;line-height:50px}
.bx_compare .lst_image .after h6{background:#e06665}
.bx_compare .tx{color:#464646;font-size:1rem;text-align:justify;line-height:1.9}
.detail_portfolio{margin:0 auto 54px;width:76.92%}
.detail_portfolio img{margin-bottom:16px;width:100%}
.detail_portfolio .cnt{color:#464646;font-size:1rem}
.detail_portfolio .cnt li{margin-bottom:34px}
.detail_portfolio .cnt li:last-child{margin-bottom:0}
.btn_area.s2 .btn1{margin-left:20px}
.btn_area.s2 .btn4{margin-right:20px}

/*=======================================================================
TOPICS css
=======================================================================*/
#topics #pagetit strong:before{background-image:url(../imgs/topics_pagetit_ico.png)}
#topics .sec_common{margin:0 30px}
.input_txt{margin:2px 0;padding:0 6px;height:26px;background:#fff;border:1px solid #d7d7d7;line-height:26px}
.search{overflow:hidden;float:right;margin-bottom:22px}
.search .input_txt{float:left;margin:0;width:219px;height:28px;background:#f7f7f7}
.search .btn_search{float:right;display:block;width:50px;height:30px;background:#1c1916;text-align:center;line-height:30px;font-size:.875rem;color:#fff;border: none;}
.topics_header{overflow:hidden;clear:right;border-top:2px solid #ccc}
.tit_topics{overflow:hidden}
.tit_topics li{overflow:hidden;float:left;padding:13px 0 12px;text-align:center}
.tit_topics strong{font-weight:normal;color:#464646;font-size:1rem}
.tit_topics .ls1{width:6.5%}
.tit_topics .ls2{width:85px}
.tit_topics .ls3{margin-left:25px;width:calc(93.5% - 110px)}
.topics_body{margin-bottom:60px}
#topics .lst_topics{margin:0;width:auto;border-top-color:#e2e2e2}
#topics .lst_topics li{border-bottom:1px solid #e2e2e2}
#topics .lst_topics .no{display:flex;width:65px;text-align:center;justify-content:center;align-items:center;word-break:break-all}
#topics .lst_topics .date{width:85px;color:#999}
#topics .lst_topics .tit{margin-left:25px;width:calc(100% - 110px)}
.view_header{margin-bottom:40px}
.view_header .tit{margin-bottom:20px;text-align:left;color:#333;font-size:1.5rem;line-height:1}
.view_header .date{text-align:right;color:#999;font-size:.875rem;line-height:1}
.view_body{margin-bottom:54px}
.view_body{overflow:hidden;color:#464646;font-size:.938rem;line-height:1.7;text-align:justify}
.view_body .image{float:right;margin:0 0 20px 40px}
.view_body .lst_link{margin-top:22px}
.view_body .lst_link a{color:#e31921;border-bottom:1px #f1a7a8 solid }
.view_body .lst_link a:hover{border-bottom:none}

/*=======================================================================
INQUIRY css
=======================================================================*/
#inquiry #pagetit strong:before{background-image:url(../imgs/inquiry_pagetit_ico.png)}
#inquiry .sec_common{margin:0 30px}
.nav_regist{overflow:hidden;margin-bottom:30px}
.nav_regist ul{overflow:hidden;margin:0 auto;width:694px}
.nav_regist li{float:left;margin-left:-4px;width:234px;height:50px;background-repeat:no-repeat;background-position:center center}
.nav_regist li:first-child{margin-left:0}
.nav_regist span{display:flex;height:50px;font-size:1rem;color:#333;text-align:center;justify-content:center;align-items:center}
.nav_regist .on span{color:#fff}
.nav_regist .step1{background-image:url(../imgs/inquiry_nav_bg1.png)}
.nav_regist .step1.on{background-image:url(../imgs/inquiry_nav_bg2.png)}
.nav_regist .step2, .nav_regist .step3{background-image:url(../imgs/inquiry_nav_bg3.png)}
.nav_regist .step2.on, .nav_regist .step3.on{background-image:url(../imgs/inquiry_nav_bg4.png)}
.lst_inquiry{overflow:hidden;display:table;margin-bottom:60px;width:100%;border:1px #ccc;border-style:solid none none solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lst_inquiry > li{display:table-row}
.lst_inquiry div{position:relative;display:table-cell;padding:13px 15px;border:1px #ccc;border-style:none solid solid none;vertical-align:middle;line-height:1.2}
.lst_inquiry .item{padding-left:20px;width:208px;background:#fff2e9}
.lst_inquiry .cnt{word-break:break-all;background:#fff;font-size:.875rem}
.lst_inquiry .tit{font-weight:400;font-size:.938rem}
.lst_inquiry .ess{position:absolute;right:20px;top:50%;display:inline-block;margin-top:-10px;width:36px;height:20px;background:#f26522;text-align:center;color:#fff;font-size:.75rem;line-height:20px}
.input_txt{margin:2px 0;padding:0 6px;height:26px;background:#fff;border:1px solid #ccc;color:#464646;line-height:24px}
.input_rd{margin:0 8px 2px 0;padding:0}
.input_cb{margin-left:0}
.group_rd1{overflow:hidden;margin-right:20px}
.group_rd1 .input_txt{margin-left:10px}
.lst_inquiry .type1{width:145px}
.lst_inquiry .type2{width:245px}
.lst_inquiry .type3{width:calc(100% - 175px);max-width:438px}
.lst_inquiry .txa1{margin:2px 0;padding:0 4px;width:calc(100% - 10px);height:85px;border:1px solid #ccc;line-height:26px;resize:none}
.lst_inquiry .ins_lst{float:left;width:50%}
.lst_inquiry .ins_lst dt{float:left;margin:0 30px 8px 0;vertical-align:top}
.lst_inquiry .ins_lst dd{float:left;vertical-align:top}
.lst_inquiry .ins_lst .d2 li{margin-bottom:8px}
.lst_inquiry .ins_lst .d2 li:last-child{margin-bottom:0}
.lst_inquiry .exc{margin-top:8px;color:#999}
.bx_thankyou{margin:0 auto 40px;width:700px;height:270px;text-align:center;border:1px solid #ccc}
.bx_thankyou p{margin-top:94px;padding-top:58px;background:url(../imgs/inquiry_ico1.png) no-repeat center 0;line-height:1.7;font-size:.938rem;color:#464646}
.wpcf7-response-output {display:none !important;}

/*=======================================================================
FLOW css
=======================================================================*/
#flow #pagetit strong:before{background-image:url(../imgs/flow_pagetit_ico.png)}
#flow .sec_common{margin:0 10px}
.lst_detail_flow li{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;background:#81ba4f}
.lst_detail_flow li:after{display:block;width:100%;height:65px;background:#fff url(../imgs/arr10.png) no-repeat center center;content:""}
.lst_detail_flow li:last-child:after{display:none}
.lst_detail_flow .tit{float:left;width:102px;text-align:center;justify-content:center;align-items:center;color:#fff;font-size:1.125rem;writing-mode:vertical-rl;-ms-writing-mode:tb-rl;line-height:1.2}
.lst_detail_flow .tit strong{display:block;margin-right:40px}
.lst_detail_flow .cnt{float:left;padding:20px 35px 14px;width:calc(100% - 172px);background:#f5faf1}
.lst_detail_flow .cnt dt{margin-bottom:8px;color:#81ba4f;font-size:1.313rem;line-height:1}
.lst_detail_flow .cnt dd{color:#464646;font-size:.938rem;line-height:1.8;text-align:justify}
.lst_detail_flow .cnt dd strong{color:#fb4d53;font-weight:400}
.lst_detail_flow .fl2{background:#f5d546}
.lst_detail_flow .fl3{background:#f4b537}
.lst_detail_flow .fl4{background:#f79d18}
.lst_detail_flow .fl5{background:#c67e13}
.lst_detail_flow .fl6{background:#9f5900}
.lst_detail_flow .fl7{background:#e06665}
.lst_detail_flow .fl2 .cnt{background:#fefcf0}
.lst_detail_flow .fl3 .cnt{background:#fef9ef}
.lst_detail_flow .fl4 .cnt{background:#fef7ed}
.lst_detail_flow .fl5 .cnt{background:#fbf5ec}
.lst_detail_flow .fl6 .cnt{background:#f7f2eb}
.lst_detail_flow .fl7 .cnt{background:#fdf3f3}
.lst_detail_flow .fl2 .tit{color:#730}
.lst_detail_flow .fl6 .tit strong{margin-right:32px}
.lst_detail_flow .fl2 .cnt dt{color:#f5d546}
.lst_detail_flow .fl3 .cnt dt{color:#f4b537}
.lst_detail_flow .fl4 .cnt dt{color:#f79d18}
.lst_detail_flow .fl5 .cnt dt{color:#c67e13}
.lst_detail_flow .fl6 .cnt dt{color:#9f5900}
.lst_detail_flow .fl7 .cnt dt{color:#e06665}
.link_id{display:none}

/*=======================================================================
RECRUIT css
=======================================================================*/
#recruit #pagetit strong:before{background-image:url(../imgs/recruit_pagetit_ico.png)}
#recruit .pnb li{width:calc((100% - 50px) / 6)}
#recruit .pnb a:hover, #recruit .pnb a.aon{background-color:#10b56c}
#recruit .tit1{color:#10b56c}
.para_wrap{padding:0 30px 24px}
.para_recruit{margin-bottom:18px;color:#464646;font-size:1rem;line-height:1.8}
.para_recruit em{color:#e06665;font-size:1.188rem}
.para_recruit:last-child{margin-bottom:0}
#recruit .sec_common{margin:0 10px 50px}
#recruit .sec_common:last-child{margin-bottom:0}
#recruit .sec_common .inner_wrap{border:36px solid #e7f4e9;background:#fff}
#recruit .sec_common .inner_wrap.s2{padding:34px}
#recruit .sec_common .inner_wrap.s3{padding:34px}
.lst_recruit{padding:34px;color:#464646}
.lst_recruit > li{margin-bottom:22px}
.lst_recruit > li:last-child{margin-bottom:0}
.lst_recruit .tit{margin-bottom:10px;font-size:1.188rem;line-height:1}
.lst_recruit .cnt{font-size:1rem;line-height:1.8}
.lst_recruit .ins_lst li:before{content:"・"}
#recruit .sec_common .btn_area{margin-top:40px}
.btn5{position:relative;display:inline-block;width:490px;height:67px;background:#f66 url(../imgs/btn_arr2.png) no-repeat right 6.12% center;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;text-align:center}
.btn5 span{display:inline-block;padding-left:37px;height:67px;background:url(../imgs/ico_recruit3.png) no-repeat 0 center;line-height:67px;color:#fff;font-weight:700;font-size:1.5rem;vertical-align:top}
#recruit .tit_lead{margin:-16px 0 30px;text-align:center;color:#464646;font-size:1.125rem}
.lst_recruit2{margin:44px 34px 25px}
.lst_recruit2 > li{margin-bottom:30px;counter-increment:number;zoom:1}
.lst_recruit2 > li:last-child{margin-bottom:0}
.lst_recruit2 .tit{position:relative;display:flex;justify-content:left;align-items:center;margin-bottom:14px;padding:0 0 20px 80px;height:65px;border-bottom:1px solid #464646;color:#464646;font-size:1.188rem}
.lst_recruit2 .tit:before{position:absolute;left:0;top:0;display:block;width:65px;height:65px;background:#10b56c;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;color:#fff;font-weight:700;font-size:1.5rem;text-align:center;line-height:65px;content:counter(number, decimal)}
.lst_recruit2 .cnt{color:#464646;font-size:1rem;line-height:1.9;text-align:justify}
.lst_recruit2 .ls2 .ins_wrap{display:flex;flex-wrap:wrap}
.lst_recruit2 .ls2 .ins_tit_wrap{margin:0 30px 20px 0;width:calc(((100% - 20px) / 2) - 10px)}
.lst_recruit2 .ls2 .ins_image_wrap{margin-bottom:20px;width:calc((100% - 20px) / 2)}
.lst_recruit2 .ls2 .ins_image_wrap img{width:100%}
.lst_recruit2 .ls2 .ins_image_wrap.s2{margin-right:20px}
.lst_recruit2 > li:after{content:"";display:block;clear:both}
#recruit .sec_common .para_add{padding:0 34px 34px;color:#464646;font-size:1rem;text-align:justify;line-height:1.9}
.lst_recruit3 {padding-bottom:10px;margin-bottom: 30px;border-bottom:1px solid #ccc;}
.lst_recruit3 li{margin-bottom:40px}
.lst_recruit3 li:after{content:"";display:block;clear:both}
.lst_recruit3 .ins_wrap{float:left;width:430px}
.lst_recruit3 .image_wrap{float:right;width:calc(100% - 450px)}
.lst_recruit3 .image_wrap img{width:100%}
.lst_recruit3 .tit{position:relative;display:flex;justify-content:left;align-items:center;margin:10px 0 20px;padding-left:80px;height:65px;color:#464646;font-size:1.188rem;line-height:1.2}
.lst_recruit3 .tit .time{position:absolute;left:0;top:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:65px;height:65px;background:#10b56c;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;color:#fff;font-size:1.125rem;text-align:center;line-height:1.1}
.lst_recruit3 .ls2 .tit .time{background:#f89d18}
.lst_recruit3 .cnt{padding-top:12px;border-top:1px solid #464646;font-size:1rem;text-align:justify;line-height:1.8}
.para_recruit2{margin-bottom:30px;color:#464646;font-size:1rem;text-align:justify;line-height:1.8}
.para_recruit2 .ex{letter-spacing:-1px}
.sec_common .ins_arti{margin-bottom:40px}
.sec_common .ins_arti:last-child{margin-bottom:0}
.sec_common .ins_arti .ins_lst_image{overflow:hidden;margin-bottom:-20px}
.sec_common .ins_arti .ins_lst_image li{margin-bottom:20px}
.sec_common .ins_arti .ins_lst_image li:nth-child(odd){float:left;margin-right:10px;width:calc((100% - 20px) / 2)}
.sec_common .ins_arti .ins_lst_image li:nth-child(even){float:right;margin-left:10px;width:calc((100% - 20px) / 2)}
.sec_common .ins_arti .ins_lst_image img{width:100%}
#recruit .ts1 th, #recruit .ts1 td{font-size:1rem;line-height:1.3}
.tit2{margin:30px;text-align:center;color:#464646;font-size:1.5rem;line-height:1}


@media print ,screen and (min-width:768px){
	.sp{display:none !important}
	.tb{display:block !important}
	#f_mnb a:hover, #f_mnb a.aon{border-bottom:1px solid #f5b537}
}

@media print ,screen and (min-width:1400px){
	.inner_static{width:1170px}
	#top_banner .inner_static{width:auto}
	#header .inner_static, #mnb .inner_static{width:1400px}
}

@media print ,screen and (min-width:768px) and (max-width:1400px){
	
	/* TABLET basic css */
	.pc_tb{display:block}
	.tb{display:none}
	.sp{display:none}
	#header .inner_static, #mnb .inner_static, #top_banner .inner_static{width:auto}
	
	/* TABLET header css */
	#h_logo{margin:0 17px 0 5px}
	#h_logo a{font-size:1.625rem}
	#h_moto{left:239px;font-size:.688rem}
	#mnb > ul > li > a{font-size:.875rem}
	.snb li a{padding:8px 2px 8px 18px;background-position:left 8px top 10px;font-size:.875rem}
	#gnb{margin-right:5px}
	#gnb .tel{margin-right:19px}
	.bn_gnb .inquiry{margin-right:5px}
}

@media print ,screen and (min-width:768px) and (max-width:1170px){
	.inner_static{margin:0 20px;width:auto}
	#header .inner_static, #mnb .inner_static, #top_banner .inner_static{margin:0}
	.lst_voice li{margin-right:15px;width:calc((100% - 45px) / 4)}
	.lst_portfolio > li{margin:0 15px 15px 0;width:calc((100% - 45px) / 4)}
	.lst_portfolio .ins_lst{margin:10px 10px 0}
	.lst_compare li{margin-right:15px;width:calc((100% - 45px) / 4)}
	.lst_compare .ins_lst dt{width:94%;font-size:.875rem}
	.lst_compare .ins_lst dd{padding:0 10px 7px;font-size:.75rem}
	.lst_voice .link, .lst_portfolio .link, .lst_compare .link, .lst_area .link{right:20px}
	#top_area .h_group{width:auto}
	.lst_area .ins_lst{padding:26px 20px 45px}
	#top_sns .inner_wrap{width:auto}
	#top_sns .facebook{width:48.72%}
	#top_sns .twitter{width:48.72%}
	#top_sns .ameba{width:48.72%}
	#f_sinfo{float:none;margin:0 auto 38px;width:225px}
	#fnb{float:none}
	#fnb > ul{min-width:auto}
	#fnb > ul > li{margin-right:10px}
	#fnb > ul > li:last-child{margin-right:0}
	#fnb .ls1{width:calc(20% - 10px)}
	#fnb .ls2{width:calc(25% - 10px)}
	#fnb .ls3{width:calc(20% - 10px)}
	#fnb .ls4{width:calc(25% - 10px)}
	#fnb .ls5{width:15%}
	#inner_content .lst_area .ins_lst{padding-bottom:24px}
	#voice #inner_content .inner_static, #portfolio #inner_content .inner_static{margin:0 20px;width:auto}
	.lst_inquiry .type1{width:97px}
	.lst_inquiry .type2{width:164px}
}

@media print ,screen and (max-width:1540px){
	#top_banner .lst_banner .tit{background-position:right 4.31% center}
	#top_banner .lst_banner .tit strong{font-size:1.438rem}
	#top_banner .lst_banner .tit strong:before{left:5.42%}
	#top_banner .lst_banner .ls1 .lead{width:77.36%}
	#top_banner .lst_banner .lead strong{font-size:1.438rem}
	#top_banner .lst_banner .lead .f-s1{font-size:1rem}
	#top_banner .lst_banner .lead .f-s2{font-size:.875rem}
	#top_banner .ins_lst_area{margin-left:6.42%}
	#top_banner .ins_lst_area li{font-size:1rem}
}

@media print ,screen and (max-width:1400px){
	#top_banner .lst_banner .ls1 a{background-position:right bottom 0}
	#top_banner .lst_banner .ls2 a, #top_banner .lst_banner .ls4 a{background-size:cover;-webkit-background-size:cover}
	#top_banner .lst_banner .ls3 a{background-position:right 16px bottom 6px}
	#top_banner .lst_banner .tit{margin-top:42px;background-size:10px auto;-webkit-background-size:10px auto}
	#top_banner .lst_banner .tit strong{height:50px;font-size:1.25rem}
	#top_banner .lst_banner .tit strong:before{width:50px;height:50px;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;background-size:32px auto;-webkit-background-size:32px auto}
	#top_banner .lst_banner .lead{margin-top:36px}
	#top_banner .lst_banner .lead strong{font-size:1.25rem}
	#top_banner .lst_banner .lead .f-s1{font-size:.875rem}
	#top_banner .lst_banner .lead .f-s2{font-size:.813rem}
	#top_banner .ins_lst_area{margin-top:32px}
	#top_banner .ins_lst_area li{font-size:.875rem}
}

@media print ,screen and (max-width:1200px){
	#h_logo{margin-top:20px}
	#h_logo a{height:62px}
	#h_moto{left:7px;top:5px}
	#h_mnb{margin-top:42px}
	#h_mnb li{margin-right:14px}
	#mnb > ul > li > a{padding:0 10px}
	.visual_main h3{left:13.2%;background-size:230px auto;-webkit-background-size:230px auto}
	.visual_main h3 strong{margin:65px 0 6px;font-size:30px;line-height:38px}
	.visual_main h3 span{font-size:16px}
	.visual_main #top_tit_spot1{margin-top:-64px;width:230px;height:188px}
	.visual_main #top_tit_spot2{margin-top:-64px;width:230px;height:188px}
	.visual_main #top_tit_spot3{margin-top:-64px;width:230px;height:188px}
	#top_banner .lst_banner .ls3 a{background-position:right 16px bottom 20px;background-size:160px auto;-webkit-background-size:160px auto}
	.lst_flow h5 strong{font-size:1rem}
	.lst_flow h5 strong br{display:block}
	.lst_flow .fl7 h5 strong{font-size:.875rem}
}

@media print ,screen and (max-width:1120px){
	.lst_estimate{width:auto}
	.lst_estimate a{width:94%}
	.lst_flow h5 strong{font-size:.875rem}
	.lst_portfolio .image{height:173px}
	.lst_voice .image{height:173px}
}

@media print ,screen and (max-width:1100px){
	.lst_flow h5 strong{font-size:.813rem}
	.lst_flow .fl7 h5 strong{font-size:.75rem}
	.lst_portfolio .image{height:170px}
	.lst_voice .image{height:170px}
}

@media print ,screen and (max-width:1040px){
	#h_logo a{font-size:1.375rem}
	#h_mnb li{margin-right:8px}
	#h_mnb a{font-size:.813rem}
	#gnb .tel{margin:26px 16px 0 0}
	#gnb .tel address{margin-bottom:0;font-size:.688rem}
	#gnb .tel .no{font-size:1.25rem}
	#gnb .tel .ico{font-size:1rem}
	.bn_gnb{margin-top:27px}
	.bn_gnb .inquiry a, .bn_gnb .recruit a{width:122px;font-size:.75rem}
	.bn_gnb .inquiry{margin-right:4px}
	.bn_gnb .inquiry span, .bn_gnb .recruit span{padding-left:20px}
	.snb li a{padding:6px 4px 6px 16px;background-position:left 5px top 10px;background-size:4px auto;-webkit-background-size:4px auto;font-size:.813rem}
	#top_banner .lst_banner .ls1 a{background-size:200px auto;-webkit-background-size:200px auto}
	#inner_content .inner_static{width:auto}
	.arti_meritto .tit{width:208px;font-size:2rem}
	.arti_meritto .cnt{width:calc(100% - 300px);padding:28px 40px}
	.wrap_voice{padding:40px 55px}
	.lst_portfolio .image{height:160px}
	.lst_voice .image{height:160px}
}

@media print ,screen and (max-width:980px){
	#f_inquiry{margin:0 2.16% 0 0;width:47.84%;min-height:216px}
	#f_recruit{margin:0 0 0 2.16%;width:47.84%;min-height:216px}
	#fnb > ul > li > a, #fnb .d1 a{font-size:.875rem}
	#fnb .d2 a{font-size:.688rem}
	.lst_portfolio .image{height:149px}
	.lst_voice .image{height:149px}
}

@media print ,screen and (max-width:940px){
	#top_banner .lst_banner .ls1 a{background-position:right bottom 0;background-size:188px auto;-webkit-background-size:188px auto}
	#top_banner .lst_banner .ls3 a{background-position:right 16px bottom 6px;background-size:106px auto;-webkit-background-size:106px auto}
	#top_banner .lst_banner .tit strong{padding-left:30.21%}
	.lst_work a{width:90%}
	.lst_work .tit{font-size:.875rem}
	.lst_estimate .tit{font-size:.938rem}
	.lst_estimate .tit.small{font-size:.875rem}
	.lst_estimate .price{font-size:1rem}
	#top_area .h_group{background-position:right 2.69% top 0}
	#top_recruit .bn_recruit .inner_wrap{width:435px}
	#top_recruit .top_tit{font-size:1.5rem}
	#top_recruit .lead{font-size:.875rem}
	#top_recruit .lead strong{font-size:1.5rem}
	#top_topics .lst_topics{width:auto}
	.lst_portfolio .image{height:143px}
	.lst_voice .image{height:143px}
}

@media print ,screen and (max-width:890px){
	.bn_gnb{margin-top:8px}
	.bn_gnb .inquiry a, .bn_gnb .recruit a{width:122px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px}
	.bn_gnb .inquiry{float:none;margin-right:0;margin-bottom:6px}
	.bn_gnb .recruit{float:none}
	.bn_gnb .inquiry span, .bn_gnb .recruit span{height:30px;line-height:30px}
	#top_sns .ameba a{background-position:4% center;background-size:128px auto;-webkit-background-size:128px auto}
	#top_sns .ameba a strong{width:58%;font-size:.875rem;background-position:right 13px center}
	#f_inquiry .lead, #f_recruit .lead{font-size:.875rem}
	.lst_voice .image{height:134px}
}

@media print ,screen and (max-width:840px){
	#top_banner .lst_banner .tit strong{padding-left:34.21%}
	#top_area .h_group{background-position:right 1.69% top 0;background-size:160px auto;-webkit-background-size:160px auto}
	.lst_portfolio .image{height:126px}
	.lst_voice .image{height:126px}
}

@media print ,screen and (max-width:767px){
	
	/* SMART PHONE - basic css */
	.pc_tb{display:none}
	.sp{display:block}
	.inner_static{margin:0 10px;width:auto}
		
	/* SMART PHONE - header css */	
	#header{position:fixed;left:0;top:0;width:100%;border-bottom: 1px solid #ddd;}
	.wrapper{padding-top:50px}
	#h_mnb, #gnb .tel, #mnb{display:none}
	#h_logo{margin:5px 0 0 0;height: 44px;}
	#h_logo a{height:40px;font-size:1.2rem;line-height:16px}
	#h_moto{left:10px;top:0;width:calc(100% - 20px);height:18px;font-size:.625rem;justify-content:center;text-align:center;line-height:1}
	.bn_gnb{float:left;margin:10px 20px 0 0}
	.bn_gnb .inquiry a, .bn_gnb .recruit a{width:auto;height:28px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;font-weight:400;font-size:.75rem;color:#333}
	.bn_gnb .inquiry{float:left;margin:0 20px 0 0}
	.bn_gnb .inquiry a{background:none}
	.bn_gnb .recruit{float:right}
	.bn_gnb .recruit a{background:none}
	.bn_gnb .inquiry span, .bn_gnb .recruit span{display:block;padding:18px 0 0 0;height:auto;line-height:1;background:url(../imgs/sp_ico_inquiry.png) no-repeat center 3px;background-size:13px auto;-webkit-background-size:13px auto}
	.bn_gnb .recruit span{background:url(../imgs/sp_ico_recruit.png) no-repeat center 0 / 13px auto}
	.btn_menu{float:right;display:block;margin-top:18px;width:22px;height:16px;background:url(../imgs/btn_menu.png) no-repeat 0 0;background-size:auto 16px;-webkit-background-size:auto 16px;font-size:0;text-indent:-9999px}
	
	/* SMART PHONE - spot css */
	#top #spot{margin-top:0}
	.visual_main h3{left:9%;background-size:230px auto;-webkit-background-size:230px auto}
	.visual_main h3 strong{margin:68px 0 6px;font-size:34px;line-height:38px}
	.visual_main h3 span{font-size:16px}
	.visual_main #top_tit_spot1{margin-top:-94px;width:230px;height:188px}
	.visual_main #top_tit_spot2{margin-top:-94px;width:230px;height:188px}
	.visual_main #top_tit_spot3{margin-top:-94px;width:230px;height:188px}
	#visual_pagenate{bottom:8px;height:8px}
	#visual_pagenate a{margin:0 5px;width:8px;height:8px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;line-height:8px}
	
	/* SMART PHONE - top page content css */
	#top_banner .inner_static{margin:0}
	#top_banner .lst_banner > li{width:50%}
	#top_banner .lst_banner .ls3{float:right}
	#top_banner .lst_banner a{height:100px}
	#top_banner .lst_banner .ls1 a{background-position:right 0px bottom 0;background-size:120px auto;-webkit-background-size:120px auto}
	#top_banner .lst_banner .ls2 a{background-size:cover;-webkit-background-size:cover}
	#top_banner .lst_banner .ls3 a{background-position:right 15px bottom 4px;background-size:71px auto;-webkit-background-size:71px auto}
	#top_banner .lst_banner .ls4 a{background-size:cover;-webkit-background-size:cover}
	#top_banner .lst_banner .tit{margin-top:10px;background-position:right 10px center;background-size:5px auto;-webkit-background-size:5px auto}
	#top_banner .lst_banner .tit strong{padding-left:45px;height:24px;font-size:.75rem}
	#top_banner .lst_banner .tit strong:before{left:14px;width:24px;height:24px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;background-size:15px auto;-webkit-background-size:15px auto}
	#top_banner .lst_banner .lead{margin-top:20px}
	#top_banner .lst_banner .ls1 .lead{width:77.36%}
	#top_banner .lst_banner .lead strong{margin-bottom:4px;font-size:.75rem}
	#top_banner .lst_banner .lead .f-s1{font-size:.625rem;line-height:1}
	#top_banner .lst_banner .lead .f-s2{font-size:.625rem;line-height:1}
	#top_banner .lst_banner .ls2 .lead{margin-top:16px}
	#top_banner .lst_banner .ls4 .lead{margin-top:12px}
	#top_banner .lead .point{padding-top:8px;background-size:4px auto;-webkit-background-size:4px auto}
	#top_banner .ins_lst_area{margin:18px 0 0 4.21%}
	#top_banner .ins_lst_area li{margin-bottom:2px;font-size:.625rem;line-height:1}
	#top_banner .ins_lst_area .cnt{margin-left:-6px}
	#top_voice{padding:20px 0}
	.h_group{margin-bottom:18px}
	.h_group .top_tit{margin-bottom:8px}
	.h_group .top_tit strong{margin-left:8px;height:32px;line-height:32px;font-size:.983rem}
	.h_group .top_tit:before{width:32px;height:32px;background-size:20px auto;-webkit-background-size:20px auto;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px}
	.h_group .lead{font-size:.625rem}
	.lst_voice{margin-bottom:-15px;flex-wrap:wrap}
	.lst_voice li{margin:0 7.5px 15px;width:calc((100% - 30px) / 2)}
	.lst_voice a{
		-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15);
		box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15);
		}
	.lst_voice .image{margin-bottom:5px;height:240px}
	.lst_voice .ins_wrap{margin:0 8px 5px;padding-bottom:22px;width:calc(100% - 16px)}
	.lst_voice .tit{line-height:1;font-size:.75rem}
	.lst_voice .cnt{min-height:16px;line-height:16px;background-size:1px auto;-webkit-background-size:1px auto;font-size:.625rem}
	.lst_voice .link, .lst_portfolio .link, .lst_compare .link, .lst_area .link{right:12px;bottom:6px;font-size:.625rem;line-height:16px}
	.lst_voice .link span, .lst_portfolio .link span, .lst_compare .link span, .lst_area .link span{height:16px;line-height:17px}
	.lst_voice .link:after, .lst_portfolio .link:after, .lst_compare .link:after, .lst_area .link:after{width:6px;height:17px;background-size:3px auto;-webkit-background-size:3px auto}
	.lst_portfolio .link{bottom:7px}
	.lst_area .link{right:21px;bottom:7px}
	#top_voice .btn_area{margin-top:20px}
	.btn1, .btn2, .btn3, .btn4{width:130px;height:26px;line-height:23px;font-size:.9rem;background-size:4px auto;-webkit-background-size:4px auto;background-position:calc(100% - 13px) center}
	.btn3:after{display:inline-block;margin-left:6px;height:26px;line-height:26px;color:#fff;font-size:.625rem;vertical-align:top;content:"+"}
	.btn4:after, .view_footer .btn1 span:after{left:13px}
	.btn1.home span:before{margin-right:4px;width:11px;height:9px;background-size:11px auto;-webkit-background-size:11px auto}
	#top_work{padding:20px 0}
	.lst_work{margin-bottom:5px;flex-wrap:wrap}
	.lst_work li{margin-bottom:15px;width:calc(100% / 3)}
	.lst_work li:after, .lst_work li:first-child:before{margin-top:-16px;width:1px;height:32px}
	.lst_work li:first-child:before{display:none}
	.lst_work li:nth-child(3n + 3):after{display:none}
	.lst_work a{min-width:62px;width:80%;height:62px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
	.lst_work .ls1 a{background-size:33px auto;-webkit-background-size:33px auto;background-position:center 14px}
	.lst_work .ls2 a{background-size:31px auto;-webkit-background-size:31px auto;background-position:center 13px}
	.lst_work .ls3 a{background-size:32px auto;-webkit-background-size:32px auto;background-position:center 12px}
	.lst_work .ls4 a{background-size:35px auto;-webkit-background-size:35px auto;background-position:center 13px}
	.lst_work .ls5 a{background-size:27px auto;-webkit-background-size:27px auto;background-position:center 15px}
	.lst_work .ls6 a{background-size:27px auto;-webkit-background-size:27px auto;background-position:center 13px}
	.lst_work .tit{margin-top:45px;font-size:.625rem;line-height:1}
	#top_estimate{padding:20px 0;background-image:url(../imgs/sp_top_estimate_bg.jpg)}
	#top_estimate .h_group .top_tit:before{background-position:center bottom 5px;background-size:23px auto;-webkit-background-size:23px auto}
	.lst_estimate{margin:0 8px;width:auto}
	.lst_estimate li{margin-bottom:10px;width:50%;flex-wrap:wrap}
	.lst_estimate a{margin:0 auto;padding:0 20px;width:auto;min-width:100px}
	.lst_estimate .image img{width:calc(100% - 8px);border-width:4px}
	.lst_estimate .tit{margin:-18px 0 7px;height:30px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;font-size:.875rem}
	.lst_estimate .tit.small{font-size:.75rem}
	/*.lst_estimate .price{font-size:.625rem}*/
	#top_portfolio{padding:20px 0}
	#top_portfolio .h_group .top_tit:before{background-position:left 0 bottom 4px;background-size:23px auto;-webkit-background-size:23px auto}
	.lst_portfolio > li{margin:0 7.5px 15px;width:calc((100% - 30px) / 2);flex-wrap:wrap}
	.lst_portfolio > li:nth-child(4n + 4){margin-right:7.5px}
	.lst_portfolio a{padding-bottom:24px}
	.lst_portfolio .image{height:240px}
	.lst_portfolio .ins_lst{margin:7px 7px 0}
	.lst_portfolio .ins_lst dt{margin-bottom:6px;font-size:.875rem}
	.lst_portfolio .lst_item li{margin-bottom:2px;line-height:16px}
	.lst_portfolio .lst_item .item{width:55px;height:16px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;font-size:.625rem}
	.lst_portfolio .lst_item .tx{margin-left:5px;width:calc(100% - 60px);height:16px;font-size:.688rem}
	#top_portfolio .btn_area{padding-top:5px}
	#top_flow{padding:20px 0}
	#top_flow .h_group .top_tit:before{background-position:center bottom 6px;background-size:22px auto;-webkit-background-size:22px auto}
	.lst_flow{margin-bottom:18px}
	.lst_flow > li{margin-left:-28px;padding-left:3px;width:calc(33.333% + 31px)}
	.lst_flow li h5.flow{margin-bottom:5px;background-size:28px auto;-webkit-background-size:28px auto}
	.lst_flow .fl1, .lst_flow .fl4, .lst_flow .fl7{margin-left:0;padding-left:0;width:33.333%}
	.lst_flow .fl3, .lst_flow .fl6{width:calc(33.333% + 19px)}
	.lst_flow .fl7{width:calc(33.333% - 22px)}
	.lst_flow .fl4 h5.flow{background-image:url(../imgs/top_flow_bg3.png), url(../imgs/top_flow_bg4.png);background-repeat:no-repeat, no-repeat;background-position:0 0, right 0}
	.lst_flow .fl7 h5.flow{background-image:url(../imgs/top_flow_bg6.png);background-repeat:no-repeat;background-position:0 0}
	.lst_flow h5 strong{padding:0 8px 0 17px;height:51px;font-size:.875rem}
	.lst_flow h5 strong br{display:none}
	.lst_flow .fl7 h5 strong{padding-left:28px;font-size:.875rem}
	.lst_flow .cnt{display:none;/*padding:0 22px 10px 6px*/}
	.lst_flow .fl7 .cnt{padding-bottom:0}
	.lst_flow .cnt dt{font-size:.688rem}
	.lst_flow .cnt dd{font-size:.625rem;line-height:1.4}
	#top_compare{padding:20px 0}
	#top_compare .h_group .top_tit:before{background-position:center bottom 2px;background-size:23px auto;-webkit-background-size:23px auto}
	.lst_compare{flex-wrap:wrap}
	.lst_compare li{margin:0 7.5px 15px;width:calc((100% - 30px) / 2)}
	.lst_compare li:last-child{margin-right:7.5px}
	.lst_compare .ins_lst{margin-top:-15px;padding-bottom:20px}
	.lst_compare .ins_lst dt{margin:0 auto 5px;padding:0 8px;width:80%;height:30px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;font-size:.813rem}
	.lst_compare .ins_lst dd{padding:0 10px;font-size:.688rem}
	#top_area{padding:20px 0}
	#top_area .h_group{margin-bottom:12px;padding-bottom:85px;width:auto;background-position:center bottom;background-size:105px auto;-webkit-background-size:105px auto}
	#top_area .h_group .top_tit:before{background-position:center bottom 5px;background-size:23px auto;-webkit-background-size:23px auto}
	.lst_area{margin:0 10px;flex-wrap:wrap}
	.lst_area li{width:100%}
	.lst_area .ins_lst{padding:18px 21px 26px}
	.lst_area .ins_lst:before{width:14px;font-size:1rem}
	.lst_area .ins_lst dt{margin-bottom:5px;width:calc(100% - 14px);font-size:1rem}
	.lst_area .ins_lst dd{width:calc(100% - 14px);font-size:.75rem;line-height:1.5}
	#top_sns{padding:20px 0}
	#top_sns .inner_wrap{width:auto}
	.lst_sns{margin:0 4.5px}
	.lst_sns li{float:left;margin:0 7.5px;width:calc((100% - 45px) / 3)}
	.lst_sns li a{display:block;height:48px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:#efefef url(../imgs/sp_sns_ico1.png) no-repeat center center;background-size:13px auto;-webkit-background-size:13px auto}
	.lst_sns li a span{font-size:0;text-indent:-9999px}
	.lst_sns .ls2 a{background-image:url(../imgs/sp_sns_ico2.png);background-size:28px auto;-webkit-background-size:28px auto}
	.lst_sns .ls3 a{background-image:url(../imgs/sp_sns_ico3.png);background-size:25px auto;-webkit-background-size:25px auto}
	#top_topics{padding:20px 0}
	#top_topics .inner_static{margin:0}
	.lst_topics{margin:0 auto 20px;width:auto}
	.lst_topics a{padding:10px 26px 10px 0;background:url(../imgs/arr2.png) no-repeat right 15px center;background-size:3px auto;-webkit-background-size:3px auto;font-size:.625rem}
	.lst_topics .date{width:75px}
	.lst_topics .tit{width:calc(100% - 90px)}
	.lst_topics .new{margin-left:6px;width:20px}
	
	/* SMART PHONE - footer css */
	#footer .contactus_wrap{padding:30px 0}
	#f_inquiry{float:none;margin:0 17.1875% 30px;padding-bottom:50px;width:auto;min-height:auto}
	#f_recruit{float:none;margin:0 17.1875%;padding-bottom:50px;width:auto;min-height:auto}
	#footer .contactus_wrap .tit{margin-bottom:9px;padding-bottom:8px;font-size:1.125rem}
	#f_inquiry .lead{margin-bottom:10px;font-size:.75rem;line-height:1.2}
	#f_inquiry .link_tel{margin-bottom:9px;font-size:1rem}
	#f_inquiry .lst_business-hours{font-size:.75rem}
	#footer .contactus_wrap .btn{left:0;margin-right:0;width:100%;height:38px;border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;background-size:14px auto;-webkit-background-size:14px auto;
		-webkit-box-shadow: 2px 2px 0px 0px rgba(227,227,227,1);
		-moz-box-shadow: 2px 2px 0px 0px rgba(227,227,227,1);
		box-shadow: 2px 2px 0px 0px rgba(227,227,227,1)
		}
	#footer .contactus_wrap .btn span{padding-left:21px;height:38px;background-size:12px auto;-webkit-background-size:12px auto;line-height:38px;font-size:.875rem}
	#footer #f_recruit .btn span{padding-left:18px;background-size:10px auto;-webkit-background-size:10px auto}
	#footer .contactus_wrap #f_recruit .tit{margin-bottom:17px}
	#f_recruit .lead{margin-bottom:0;font-size:.75rem;line-height:1.2}
	#f_recruit .lead strong{margin-bottom:4px;font-size:1rem}
	.contactus_wrap .btn_pagetop{display:none}
	#footer .footer_wrap{padding:0 0 40px}
	#footer .footer_wrap .inner_static{margin:0}
	#f_mnb{margin-bottom:0;text-align:left}
	#f_mnb li{float:left;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-right:0;width:50%;border-bottom:1px solid #999;font-size:.688rem}
	#f_mnb li:nth-child(odd){border-right:1px solid #999}
	#f_mnb a{display:flex;padding-left:22px;height:39px;justify-content:left;align-items:center;text-decoration:underline}
	#f_mnb a:hover{border:none}
	#f_sinfo{float:none;margin:30px 0 0;font-size:.625rem;text-align:center}
	#f_logo{font-size:1rem}
	#f_sinfo .lst_sinfo .item{padding-right:10px;width:auto}
	#fnb{display:none}
	#footer .copyright{padding:20px 0 16px;line-height:1.3}
	#footer .copyright strong{display:inline-block;padding:0 10px;font-size:.625rem;vertical-align:top}
	
	/* SMART PHONE - sub page common css */
	.sub #spot .inner_static{height:120px}
	.sub #spot{margin-top:0}
	.sub #pagetit{padding-top:37px}
	.sub #pagetit strong{height:45px;font-size:1.25rem;line-height:45px}
	.sub #pagetit strong:before{margin-right:10px;height:43px;width:43px;background-size:29px auto;-webkit-background-size:29px auto;border:1px solid #fff}
	#pp{bottom:4px;line-height:1.2}
	#pp a, #pp span, #pp strong{font-size:.688rem}
	#pp .gt{padding:0 4px}
	#pp .current{overflow:hidden;max-width:180px;text-overflow:ellipsis;white-space:nowrap}
	.tit1{margin-bottom:15px;font-size:1.4rem}
	#inner_content{margin:30px auto 50px}
	#inner_content .inner_static{margin:0 17.5px;width:auto}
	.pnb{overflow:hidden;margin-bottom:25px}
	.pnb li{margin-right:0;width:calc(50% - 10px);margin:0 5px 10px}
	.pnb a{height:35px;font-weight:400;font-size:.875em;padding: 0 10px;}
	#inner_content .lst_area .ins_lst{padding-bottom:16px}
	nav.pnb.pnb_blind.cf {display: none;}
	
	/* SMART PHONE - ABOUTUS css */
	.sec_common{margin:0}
	.para_common{font-size:.625rem}
	.para_common .image{margin:0 0 20px 20px;width:140px}
	.para_common .signature{margin-top:14px;font-size:.75rem}
	.para_common .signature span{padding-left:6px}
	.ts1 th, .ts1 td{padding:8px 10px;line-height:1.5;font-size:.625rem}
	.map{margin-bottom:15px;height:182px}
	#inner_content #top_area{margin-bottom:-50px}
	#inner_content #top_area .h_group{padding-bottom:151px;background-size:174px auto;-webkit-background-size:174px auto;background-position:center bottom 15px}
	#inner_content .h_group .lead{font-size:.688rem;line-height:1.8}
	#inner_content .lst_area{margin:0}
	.arti_meritto{flex-wrap:wrap;margin-bottom:15px}
	.arti_meritto .tit{padding:4px 0;width:100%;border-width:0;font-size:1.25rem}
	.arti_meritto .tit br{display:none}
	.arti_meritto .cnt{width:calc(100% - 50px);padding:18px 25px;font-size:.813rem;line-height:1.8}
	.arti_meritto.s2{flex-direction:row}
	
	/* SMART PHONE - WORK css */
	#work .pnb li{width:auto}
	.arti_work{margin-bottom:25px}
	.arti_work .item{width:64px;height:64px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
	.arti_work#a .item{background-size:33px auto;-webkit-background-size:33px auto;background-position:center 14px}
	.arti_work#b .item{background-size:31px auto;-webkit-background-size:31px auto;background-position:center 13px}
	.arti_work#c .item{background-size:32px auto;-webkit-background-size:32px auto;background-position:center 12px}
	.arti_work#d .item{background-size:35px auto;-webkit-background-size:35px auto;background-position:center 13px}
	.arti_work#e .item{background-size:27px auto;-webkit-background-size:27px auto;background-position:center 15px}
	.arti_work#f .item{background-size:27px auto;-webkit-background-size:27px auto;background-position:center 13px}
	.arti_work .item strong{margin-top:45px;font-size:.625rem;line-height:1;letter-spacing:-1px}
	.arti_work .cnt{float:right;width:calc(100% - 82px);font-size:.625rem;line-height:1.6}
	
	/* SMART PHONE - ESTIMATE css */
	#estimate .lst_estimate{margin:0 0 -15px}
	#estimate .lst_estimate li{overflow:hidden;margin-bottom:15px;width:100%}
	#estimate .lst_estimate a{padding:0 0 20px 0;width:100%;border-bottom: 1px dotted #ccc;}
	#estimate .lst_estimate .inner_wrap_image{float:left;width:100px}
	#estimate .lst_estimate .image{width:84px}
	#estimate .lst_estimate .image img{width:76px}
	#estimate .lst_estimate .inner_wrap_cnt{float:right;width:calc(100% - 115px);margin-bottom:20px;}
	#estimate .lst_estimate .cnt{margin-top:5px;/*font-size:.625rem;*/line-height:1.6}
	#estimate .lst_estimate .tit{margin-bottom:0;height:25px;font-size:.625rem;line-height:1}
	
	/* SMART PHONE - COMPARE css */
	#compare #pagetit strong:before{background-position:center bottom 2px;background-size:31px auto;-webkit-background-size:31px auto}
	.arti_compare{margin-bottom:25px}
	.arti_compare .cnt{font-size:.9rem;line-height:1.6;text-align:left}
	.arti_compare .cnt .image{max-width:135px;margin-right:18px}
	
	/* SMART PHONE - VOICE css */
	#voice #pagetit strong:before{background-size:28px auto;-webkit-background-size:28px auto}
	#voice #inner_content .inner_static, #portfolio #inner_content .inner_static{margin:0;width:auto}
	.wrap_voice{margin-bottom:25px;padding:17.5px}
	.arti_voice{margin-bottom:40px;text-align:center}
	.arti_voice .image{float:none;padding:10px;max-width:410px;width:calc(100% - 20px);background:none}
	.arti_voice .tit{margin:12px 30px 10px;font-size:.813rem}
	.arti_voice .cnt{margin:0 30px 15px;padding:0 6px;background-size:1px 20px;-webkit-background-size:1px 20px;font-size:.625rem;line-height:20px}
	.pagenate a, .pagenate strong{margin:0 2px;padding:0 9px;height:27px;font-size:.75rem;line-height:27px}
	.pagenate .btn_next, .pagenate .btn_prev, .pagenate .btn_last, .pagenate .btn_first{width:27px;background-size:auto 6px}
	
	/* SMART PHONE - PORTFOLIO css */
	#portfolio #pagetit strong:before{background-size:31px auto;-webkit-background-size:31px auto;background-position:left bottom 5px}
	#portfolio .pnb{margin:0 7.5px 25px}
	#portfolio .pnb li{width:calc(50% - 10px)}
	#portfolio .lst_portfolio{margin-bottom:15px}
	#portfolio .pagenate{display:none}
	.portfolio_info{margin-bottom:10px;line-height:18px}
	.portfolio_info li{margin:0 8px 10px;height:18px;line-height:18px}
	.portfolio_info .item{margin-right:5px;width:60px;height:18px;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;font-size:10px;line-height:18px}
	.portfolio_info .tx{font-size:12px;line-height:18px}.bx_compare{margin-bottom:50px;padding:30px 17.5px 26px}
	.bx_compare .lst_image{margin:0 30px 16px;min-width:225px}
	.bx_compare .lst_image li{float:none}
	.bx_compare .lst_image img{width:100%}
	.bx_compare .lst_image .before{padding-bottom:52px;width:auto;background:url(../imgs/arr10.png) no-repeat bottom 15px center;background-size:28px auto;-webkit-background-size:28px auto}
	.bx_compare .lst_image .after{width:auto}
	.bx_compare .lst_image .before .inner_wrap{width:100%}
	.bx_compare .lst_image h6{height:25px;font-size:.875rem;line-height:25px}
	.bx_compare .tx{font-size:.625rem;line-height:1.5}
	.detail_portfolio{margin:0 auto 16px;width:100%}
	.detail_portfolio img{margin-bottom:8px}
	.detail_portfolio .cnt{font-size:.625rem}
	.detail_portfolio .cnt li{margin-bottom:16px}
	.detail_portfolio .cnt .tx{display:block;margin:0 17.5px}
	.btn_area.s2 .btn1{margin-left:10px}
	.btn_area.s2 .btn4{margin-right:10px}
	
	/* SMART PHONE - TOPICS css */
	#topics #pagetit strong:before{background-size:27px auto}
	#topics #inner_content .inner_static{margin:0}
	#topics .sec_common{margin:0}
	.input_txt{margin:1px 0;padding:0 3px;height:39px;line-height:39px}
	.search{float:none;margin:0 17.5px 20px}
	.search .input_txt{float:left;margin:0;width:calc(100% - 66px);height:34px}
	.search .btn_search{width:58px;height:36px;line-height:36px}
	.topics_header{clear:none}
	.tit_topics{padding:0 26px 0 12px}
	.tit_topics li{padding:8px 0 7px}
	.tit_topics strong{font-size:.813rem}
	.tit_topics .ls1{width:6.5%}
	.tit_topics .ls2{width:75px}
	.tit_topics .ls3{margin-left:10px;width:calc(93.5% - 85px)}
	.topics_body{margin-bottom:25px}
	#topics .lst_topics a{padding:10px 26px 10px 12px;font-size:.813rem}
	#topics .lst_topics .no{width:6.5%}
	#topics .lst_topics .date{width:75px}
	#topics .lst_topics .tit{margin-left:10px;width:calc(93.5% - 85px)}
	#topics .lst_topics .new{width:25px}
	#topics .puts{margin:0 17.5px}
	.view_header{margin-bottom:20px}
	.view_header .tit{margin-bottom:5px;text-align:justify;font-size:1rem;line-height:1.1}
	.view_header .date{font-size:.813rem}
	.view_body{margin-bottom:27px}
	.view_body{font-size:.75rem}
	.view_body .image{margin:0 0 10px 20px;width:140px;line-height:1.5}
	.view_body .lst_link{margin-top:12px}
	
	/* SMART PHONE - INQUIRY css */
	#inquiry #pagetit strong:before{background-size:30px auto;-webkit-background-size:30px auto}
	#inquiry #inner_content .inner_static{margin:0}
	#inquiry .sec_common{margin:0}
	.nav_regist{margin-bottom:15px}
	.nav_regist ul{width:302px}
	.nav_regist li{margin-left:-2px;width:102px;height:25px;background-size:auto 25px;-webkit-background-size:auto 25px}
	.nav_regist span{height:25px;font-size:.688em}
	.nav_regist .step1{background-image:url(../imgs/sp_inquiry_nav_bg1.png)}
	.nav_regist .step1.on{background-image:url(../imgs/sp_inquiry_nav_bg2.png)}
	.nav_regist .step2, .nav_regist .step3{background-image:url(../imgs/sp_inquiry_nav_bg3.png)}
	.nav_regist .step2.on, .nav_regist .step3.on{background-image:url(../imgs/sp_inquiry_nav_bg4.png)}
	.lst_inquiry{display:block;margin-bottom:0;width:auto;border:none}
	.lst_inquiry > li{display:block;border-top:1px #c2c2c2 solid}
	.lst_inquiry > li > div{display:block;padding:10px 17.5px;border:none}
	.lst_inquiry .cnt{overflow:hidden;padding-bottom:20px;font-size:.75rem}
	.lst_inquiry .item{overflow:hidden;padding-left:10px;width:auto}
	.lst_inquiry .tit{float:left;display:inline-block;margin-right:0;line-height:20px;font-size:.875rem}
	.lst_inquiry .ess{float:right;position:static;right:auto;top:auto;margin-top:0}
	.input_txt{height:38px}
	.group_rd1{display:block;margin-top:-10px;margin-right:0;height:42px;vertical-align:middle;line-height:42px}
	.group_rd1:last-child{height:44px;line-height:44px}
	.group_rd1 .input_txt.type2{width:calc(100% - 75px)}
	.sel_opt1{margin:0;padding-left:15px;width:100%;height:38px;font-size:.875em}
	.lst_inquiry .type1{width:calc(100% - 8px)}
	.lst_inquiry .type2{width:calc(100% - 8px)}
	.lst_inquiry .type3{width:calc(100% - 8px);max-width:calc(100% - 8px)}
	.lst_inquiry .txa1{margin:0;padding:0 4px;width:calc(100% - 10px);height:156px}
	.lst_inquiry .ins_lst{overflow:hidden;float:none;margin-bottom:10px;width:auto}
	.lst_inquiry .ins_lst:last-child{margin-bottom:0}
	.lst_inquiry .ins_lst dt{margin:0 15px 5px 0}
	.lst_inquiry .ins_lst .d2 li{margin-bottom:5px}
	.lst_inquiry .exc{margin-top:4px}
	.bx_thankyou{margin:20px auto;width:302px;height:auto}
	.bx_thankyou p{margin:24px 0;padding-top:40px;background-image:url(../imgs/sp_inquiry_ico1.png);background-size:auto 35px;-webkit-background-size:auto 35px;font-size:.688rem;line-height:1.5}
	
	/* SMART PHONE - FLOW css */
	#flow #pagetit strong:before{background-size:31px auto;-webkit-background-size:31px auto}
	#flow .sec_common{margin:0}
	.lst_detail_flow li:after{height:33px;background-size:28px auto;-webkit-background-size:28px auto}
	.lst_detail_flow .tit{float:none;width:100%;font-size:1.125rem;writing-mode:horizontal-tb}
	.lst_detail_flow .tit strong{height:50px;margin-right:0;line-height:50px}
	.lst_detail_flow .cnt{float:none;padding:10px 18px 8px;width:100%}
	.lst_detail_flow .cnt dt{margin-bottom:4px;/*font-size:.75rem*/}
	.lst_detail_flow .cnt dd{/*font-size:.625rem*/padding-top:10px}
	.lst_detail_flow .fl6 .tit strong{margin-right:0}
	.lst_detail_flow .fl6 .tit strong br{display:none}
	.link_id{display:block;margin-top:-50px;padding-top:50px}
	
	/* SMART PHONE - RECRUIT css */
	#recruit #inner_content .inner_static{margin:0}
	#recruit .pnb{margin:0 17.5px 25px}
	#recruit .pnb li{width:auto}
	#recruit .pnb a:hover, #recruit .pnb a.aon{background-color:#e6e6e6}
	.para_wrap{padding:0 15px 12px}
	.para_recruit{margin-bottom:15px;font-size:.9rem;line-height:1.5}
	.para_recruit em{font-size:.9rem}
	#recruit .sec_common{margin:0 0 25px}
	#recruit .sec_common .inner_wrap{border-width:18px}
	#recruit .sec_common .inner_wrap.s2{padding:17px}
	.lst_recruit{padding:17px}
	.lst_recruit > li{margin-bottom:11px}
	.lst_recruit .tit{margin-bottom:5px;font-size:1rem}
	.lst_recruit .cnt{font-size:.9rem;line-height:1.5}
	#recruit .sec_common .btn_area{margin-top:20px}
	.btn5{width:280px;height:37px;background-size:6px auto;-webkit-background-size:6px auto;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}
	.btn5 span{padding-left:22px;height:37px;background-size:16px auto;-webkit-background-size:16px auto;line-height:37px;font-size:.825rem}
	#recruit .tit_lead{margin:-12px 0 15px;font-size:.9rem}
	.lst_recruit2{margin:22px 17px}
	.lst_recruit2 > li{margin-bottom:25px}
	.lst_recruit2 .tit{margin-bottom:7px;padding:0 0 10px 45px;height:35px;/*font-size:.825rem*/}
	.lst_recruit2 .tit:before{width:35px;height:35px;font-size:.825rem;line-height:35px}
	.lst_recruit2 .cnt{font-size:.9rem;line-height:1.5}
	.lst_recruit2 .ls2 .ins_tit_wrap{margin:0 0 12px 0;width:100%}
	.lst_recruit2 .ls2 .ins_image_wrap{margin:0 18px 10px;width:auto}
	.lst_recruit2 .ls2 .ins_image_wrap:last-child{margin-bottom:0}
	.lst_recruit2 .ls2 .ins_image_wrap.s2{margin: 0 18px 10px 18px;}
	#recruit .sec_common .para_add{padding:0 17px 17px;font-size:.9rem;line-height:1.5}
	.lst_recruit3 li{margin-bottom:25px}
	.lst_recruit3 .ins_wrap{float:none;width:auto}
	.lst_recruit3 .image_wrap{float:none;margin:0 18px;width:auto}
	.lst_recruit3 .tit{margin:0 0 15px;padding-left:45px;height:35px;font-size:.9rem;line-height:1.2}
	.lst_recruit3 .tit .time{width:35px;height:35px;font-size:.625rem;line-height:1}
	.lst_recruit3 .cnt{margin-bottom:15px;padding-top:6px;font-size:.9rem;line-height:1.5}
	.para_recruit2{margin-bottom:15px;font-size:.9rem;line-height:1.5}
	.para_recruit2 .ex{letter-spacing:0}
	.sec_common .ins_arti{margin-bottom:20px}
	.sec_common .ins_arti .ins_lst_image{margin-bottom:-10px}
	.sec_common .ins_arti .ins_lst_image li{margin:0 18px 10px}
	.sec_common .ins_arti .ins_lst_image li:nth-child(odd){float:none;margin-right:18px;width:auto}
	.sec_common .ins_arti .ins_lst_image li:nth-child(even){float:none;margin-left:18px;width:auto}
	#recruit .ts1 th, #recruit .ts1 td{/*font-size:.75rem;*/line-height:1.2}
	.tit2{margin:30px 0 15px;/*font-size:.813rem;*/}
}

@media print ,screen and (max-width:580px){
	#h_moto strong{display:none}
	.visual_main h3{background-size:160px auto;-webkit-background-size:160px auto}
	.visual_main h3 strong{margin:45px 0 6px;font-size:22px;line-height:26px}
	.visual_main h3 span{font-size:11px}
	.visual_main #top_tit_spot1{margin-top:-65px;width:160px;height:131px}
	.visual_main #top_tit_spot2{margin-top:-65px;width:160px;height:131px}
	.visual_main #top_tit_spot3{margin-top:-65px;width:160px;height:131px}
	#visual_pagenate{bottom:5px;height:5px}
	#visual_pagenate a{margin:0 3px;width:5px;height:5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;line-height:5px}
	.lst_portfolio .image{height:178px}
	.lst_voice .image{height:178px}
}

@media print ,screen and (max-width:470px){
	#h_moto{top:2px}
	.lst_portfolio .image{height:140px}
	.lst_voice .image{height:140px}
	#f_inquiry{margin:0 10% 30px}
	#f_recruit{margin:0 10%}
}

@media print ,screen and (max-width:425px){
	.visual_main h3{left:9%;background-size:109px auto;-webkit-background-size:109px auto}
	.visual_main h3 strong{margin:30px 0 2px;font-size:16px;line-height:19px}
	.visual_main h3 span{font-size:10px;letter-spacing:-1px}
	.visual_main #top_tit_spot1{margin-top:-45px;width:109px;height:89px}
	.visual_main #top_tit_spot2{margin-top:-45px;width:109px;height:89px}
	.visual_main #top_tit_spot3{margin-top:-45px;width:109px;height:89px}
	.lst_estimate .tit{padding:0 2px;width:calc(100% - 4px);font-size:.688rem;line-height:1;letter-spacing:-1px}
	.lst_portfolio .image{height:125px}
	.lst_voice .image{height:125px}
	#voice .lst_voice{margin-bottom:5px}
	#voice .lst_voice li{margin:0 auto 20px;max-width:225px;width:100%}
	#portfolio .pnb{margin:0 17.5px 25px}
	#portfolio .lst_portfolio{margin-bottom:0;padding-bottom:5px}
	#portfolio .lst_portfolio > li{float:none;margin:0 auto 20px;max-width:225px;width:100%}
}

@media print ,screen and (max-width:375px){
	#h_logo a{font-size:1rem;}
	.bn_gnb, .bn_gnb .inquiry{margin-right:10px}
	#top_banner .lst_banner .lead{margin-top:22px}
	#top_banner .lst_banner .ls1 .lead{width:94.36%}
	#top_banner .lst_banner .lead strong{margin-bottom:3px;font-size:.688rem}
	#top_banner .lst_banner .ls2 .lead{margin-top:10px}
	#top_banner .lst_banner .ls4 .lead{margin-top:8px}
	#top_banner .lead .point{padding-top:6px}
	#top_banner .ins_lst_area{margin-top:16px}
	.lst_flow h5 strong{font-size:.813rem}
	.lst_flow .fl1 h5 strong, .lst_flow .fl4 h5 strong, .lst_flow .fl7 h5 strong{font-size:.813rem}
	.lst_flow h5 strong br{display:block}
	.lst_portfolio .image{height:108px}
	.lst_voice .image{height:108px}
}


/*Google reCHAPCHA*/
.grecaptcha-badge {bottom: 100px!important;}

[data-class="wpcf7cf_group"]{border:none !important}