/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

body{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','YuGothic', 'Yu Gothic','游ゴシック','メイリオ','Meiryo',sans-serif;color:#000;background-color:#fff;text-align:center;margin: 0px;padding: 0px;}
.fsvs body{overflow-x: hidden;}
a img{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}a{outline:0}img{vertical-align:bottom}.clear{clear:both}.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}.clearfix{display:inline-block}/*\*/* html .clearfix{height:1%}.clearfix{display:block}/**/
a {outline: none;}

.left{float:left}
.right{float:right}
.imgright{float:right;padding-bottom:20px;padding-left:20px}
.imgleft{float:left;padding-bottom:20px;padding-right:20px}
.center{text-align:center}.sma{display:none}
.textright{text-align: right;}
.alignleft{float: left;margin-right: 20px;margin-bottom: 20px;}
.alignright{float: right;margin-bottom: 20px;margin-left: 20px;}
.aligncenter,img.aligncenter{text-align: center;}

.txt_s{font-size: 12px!important;}
.txt_m{font-size: 18px!important;}
.txt_l{font-size: 24px!important;}
.txt_ll{font-size: 34px!important;}

.green{color: #6EB92B!important;}
.orange{color: #F18101!important;}
.blue{color: #0C2485!important;}
.lblue{color: #9AE5DF!important;}
.red{color:#E50011!important;}

.rrr{
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.rrrrr{
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


.nowrap{white-space: nowrap;}
.lineheightreset{line-height: 110%!important;padding-bottom:0px!important;}
.smaon{display: none;}

/****IE8以下表示******/
#iesupportend{background-color: #e50011;padding: 2%;text-align: left;color: #fff;position: fixed;z-index:8999;bottom: 0;left: 0;width: 96%;}
#iesupportend span{font-size: 20px;font-weight: bold;}
#iesupportend a{color: #fff;font-weight: bold;}
#iesupportend #closebtn{position: absolute;top: 0;right: 0;}
#iesupportend #closebtn img{cursor: pointer;}

/** ie8 **/
html.lt-ie9 .loadingclass{background: #000 url(../images/movloading.gif) no-repeat center 75%;}
html.lt-ie9 #navarea ul li a{background-image: url(../images/ie_ico_link.png);}
html.lt-ie9 #navifoot ul#navifoot_a li{background-image: url(../images/ie_pt_subnavi.png);}
html.lt-ie9 .btnbox a{background-image: url(../images/ie_ico_btnlink.png);}
html.lt-ie9 #nav{background-color:#000;}
html.lt-ie9 ul.subnavi li a{background-image: url(../images/ie_ico_link.png);}
html.lt-ie9 .blbox .blboxtit a{background-image: url(../images/ie_ico_side_link.png);}
html.lt-ie9 #subcontarea .entryarea .bloghead .date{background-image: url(../images/blog/ie_ico_call.png);}
html.lt-ie9 #subcontarea ul.blogdata li.bloguser,
html.lt-ie9 .commentbox .name{background-image: url(../images/blog/ie_ico_user.png);}
html.lt-ie9 #subcontarea ul.blogdata li.date,
html.lt-ie9 .commentbox .commentdate{background-image: url(../images/blog/ie_ico_call.png) ;}
html.lt-ie9 #subcontarea ul.blogdata li.comment{background-image: url(../images/blog/ie_ico_comment.png);}
html.lt-ie9 #subcont .commentbtn a{background-image: url(../images/blog/ie_ico_pen.png);}
html.lt-ie9 input#searchsubmit{background-image: url(../images/blog/ie_btn_search.png);}
html.lt-ie9 #commententry h1#reply-title{background-image: url(../images/blog/ie_ico_pen_gl.png);}
html.lt-ie9 #commententry input#submit{background-image: url(../images/blog/ie_ico_send.png);}
html.lt-ie9 #subcontarea .entryarea .bloghead h1 a{background: url(../images/ie_ico_link.png) no-repeat right center;}
html.lt-ie9 #navibanaarea ul li#ph_blog a{background-image: url(../images/ie_nav_bana_a.jpg);}
html.lt-ie9 #navibanaarea ul li#ph_gall a{background-image: url(../images/ie_nav_bana_b.jpg);}
html.lt-ie9 #navibanaarea ul li#ph_shan a{background-image: url(../images/ie_nav_bana_c.jpg);}
html.lt-ie9 #navibanaarea ul li#ph_semi a{background-image: url(../images/ie_nav_bana_d.jpg);}
html.lt-ie9 #navibanaarea ul li#ph_recr a{background-image: url(../images/ie_nav_bana_e.jpg);}
html.lt-ie9 #navibanaarea ul li#ph_rebl a{background-image: url(../images/ie_nav_bana_f.jpg);}

/* ベース *******************************************************************************************/
html.fsvs,#fsvs-body, .slide{width: 100%;height: 100%;}
html.fsvs {position: fixed;overflow: hidden;}
header h1{position: absolute;z-index: 10;top:14px;right:50px;margin: 0;padding: 0;font-size: 12px;font-weight: normal;}
html.fsvs header h1{color: #999;}
#logo{position: absolute;z-index:9999;top:15px;left:70px;margin: 0;padding: 0;}
.sub #logo{position: fixed;}
#logo img{width: 190px;;height: auto;}
#snslinks{position: absolute;z-index: 10;bottom:14px;right:50px;}
#snslinks ul{margin: 0;padding: 0;list-style: none;}
#snslinks ul li{float: left;margin: 0;padding: 0 0 0 10px;position: relative;}
#blogballoon{color: #000;display: none;font-size: 11px;padding: 5px 10px;background-color: #ededed;position: absolute;top:-2px;left:-130px;}
#blogballoon:after {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(237, 237, 237, 0);border-left-color: #ededed;border-width: 5px;margin-top: -5px;
}
.content_in{padding: 50px;}

/****MENU******/
#menu{position: absolute;z-index: 9999;top:17px;left:300px;background-color:#ebebeb;border-radius: 100%;padding: 15px 16px 0 16px;height: 47px;cursor: pointer;}
.sub #menu{position: fixed;}
#menupoint{position: absolute;top:12px;left:65px;width: 131px;height: 36px;background: url(../images/opennav.png) no-repeat top left;}
#menupoint.closeui{background: url(../images/closenav.png) no-repeat top left;}
#menu:hover{opacity: 0.8;}
#menutxt{position: absolute;top:37px;left:17px;font-size:11px;font-family: 'Hammersmith One', sans-serif!important;color: #000;}
.menu-trigger,
.menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger {position: relative;width: 30px;height: 20px;}
.menu-trigger span {position: absolute;left: 0;width: 100%;height: 4px;background-color: #000;border-radius: 4px;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 8px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
.menu-trigger.active {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(3) {opacity: 0;}
#nav{position: absolute;z-index: 9998;top:0;left: 0;width: 100%;background-color:rgba(0,0,0,0.8);height: 100%;display: none;}
.sub #nav{position: fixed;}
.noscroll{overflow: hidden;}
#navbox{width: 90%;margin: 0 auto;padding-top: 10%;}
#homeico{float: left;padding-right: 5%;width: 10%;text-align: left;}
#navarea{float: left;padding-right: 10%;width: 20%;}
#navibanaarea{float: left;width: 55%;}
#navarea ul{list-style: none;border-top: 1px solid #666;text-align: left;padding: 0;margin: 0;}
#navarea ul li{font-size: 20px;border-bottom:1px solid #666; }
#navarea ul li a{color: #ebebeb;text-decoration: none;padding: 15px 0 15px 2%;display: block;background-image: url(../images/ico_link.png);background-repeat: no-repeat;background-position: 98% center;background-size: 20px 20px;}
#navarea ul li a:hover{background-color: #1C1C1C;}
#navibanaarea ul{list-style: none;border-top: 1px solid #666;border-left: 1px solid #666;text-align: left;padding: 0;margin: 0;}
#navibanaarea ul li{float: left;width: 50%;border-right: 1px solid #666;border-bottom: 1px solid #666;box-sizing: border-box;}
#navibanaarea ul li a{color: #ebebeb;text-decoration: none;padding: 10% 0 10% 30%;display: block;background-repeat: no-repeat;background-position: 3% center;background-size: 23%;}
#navibanaarea ul li a:hover{background-color: #1C1C1C;}
#navibanaarea ul li#ph_blog a{background-image: url(../images/nav_bana_a.jpg);}
#navibanaarea ul li#ph_gall a{background-image: url(../images/nav_bana_b.jpg);}
#navibanaarea ul li#ph_shan a{background-image: url(../images/nav_bana_c.jpg);}
#navibanaarea ul li#ph_semi a{background-image: url(../images/nav_bana_d.jpg);}
#navibanaarea ul li#ph_recr a{background-image: url(../images/nav_bana_e.jpg);}
#navibanaarea ul li#ph_rebl a{background-image: url(../images/nav_bana_f.jpg);}
#navibanaarea ul li#ph_woman a{background-image: url(../images/nav_bana_g.jpg);}
#navifoot{position: absolute;left:0;bottom:0;}
#navifoot.navifoot ul{padding: 0 0 10px 50px;}
.navifoot ul{list-style: none;margin: 0;float: left;}
.navifoot ul li{float: left;margin-right: 20px;padding: 10px 0 10px 10px;font-size: 12px;}
.navifoot ul.navifoot_a li{background-image: url(../images/pt_subnavi.png);background-repeat: no-repeat;background-position: left center;background-size: 5px 6px;}
.navifoot ul li a{color: #fff;text-decoration: none;}
.navifoot ul li a:hover{text-decoration: underline;}
.navifoot ul.navifoot_b li{background-repeat: no-repeat;background-position: left center;padding-left: 28px;}
.navifoot ul.navifoot_b li.ico_ch{background-image: url(../images/ico_chai.gif);}
.navifoot ul.navifoot_b li.ico_en{background-image: url(../images/ico_usa.gif);}

/* TOP *******************************************************************************************/
/****TOP FSVS******/
#fsvs-body {top: 0;left: 0;position: absolute;}
.slide {position:relative;overflow: hidden;}
#main { background-color: #000;}
#biz { background-color: #222;}
#message { background-color: #F4F1F1;}
#recruit { background-color: #fff;}
#gallery { background-color: #000;}
#about { background-color: #333;}
#fsvs-pagination {top: 50%;right:17px;z-index: 999;position: fixed;margin: 0;padding: 0;background-image: url(../images/pagenation_bg.gif);background-position: top left;}
#fsvs-pagination li {list-style:none;cursor: pointer;margin:0 0 15px 0;padding: 0;}
#fsvs-pagination li:last-child{margin:0;}
#fsvs-pagination li > span {background-color:#fff;border-radius: 100%;width: 13px;height: 13px;display: block;border: 1px solid #029FC0;}
#fsvs-pagination li.active > span {background: #029FC0;}

/***TOP動画*******/
#videoarea{margin: 50px 50px 0 50px;}
.videofilter{background-image: url(../images/video_filter.png);position: absolute; z-index: 990;}
.loadingclass{background: #000 url(../images/movloading.svg) no-repeat center 75%;background-size: 50px;}
#maincopy3{position: absolute; z-index: 999;top:50%;left:50%;margin: -100px 0 0 -355px;}
#maincopy2{position: absolute; z-index: 999;top:50%;left:50%;margin: -180px 0 0 -316px;}
#maincopy{position: absolute; z-index: 999;top:50%;left:50%;margin: -72px 0 0 -400px;}
#mainnextbtn{position: absolute; z-index: 999;bottom:80px;left:50%;margin: 0 0 0 -29px;}
#video_wrapper {position: relative;overflow: hidden;width: 100%;height: 100%;}
#video_wrapper #video {z-index: 1;}
.ie876img{background-image: url(../images/poster.jpg);background-position: center center;}

/***TOP業務案内*******/
#bizarea {list-style: none;position: relative;margin: 0;padding: 0;overflow: hidden;width: 100%;}
.kwicks{display:block;list-style-type:none;list-style:none;position:relative;margin:0;padding:0}
.kwicks>*{display:block;overflow:hidden;padding:0;margin:0}
.kwicks.kwicks-processed>*{margin:0;position:absolute}
.kwicks-horizontal>li{float:left}
.kwicks-horizontal>:first-child{margin-left:0}
.kwicks-vertical>:first-child{margin-top:0}
.bizbox{width: 20%;height: 100%;position: relative;float: left;background-repeat: no-repeat;background-size: cover;}
#biz1{background-image: url(../images/biz001.jpg);background-position: center top;}
#biz2{background-image: url(../images/biz002.jpg);background-position: center top;}
#biz3{background-image: url(../images/biz003.jpg);background-position: left top;}
#biz4{background-image: url(../images/biz004.jpg);background-position: center top;}
#biz5{background-image: url(../images/biz005.jpg);background-position: center top;}
#bizarea .biztxtarea{text-align: left;padding: 15px;width:210px;position: absolute;left: 0;bottom: 5%;}
#bizarea .bl-hover .biztxtarea{background-color: rgba(0,0,0,0.5);left: 5%;}
.biztxtarea p.entit{font-size: 16px;color: #00A5CB;font-family:Helvetica, Arial,sans-serif;margin: 0;padding: 0 0 8px 0;}
.biztxtarea .blueline{border-bottom: 3px solid #00A5CB;width: 30px;display: block;}
.biztxtarea h2{font-size: 18px;color: #fff; margin: 0;padding: 8px 0 30px 0;letter-spacing:2px;}
.biztxtarea p.comment{font-size: 14px;line-height: 160%; color: #fff; margin: 0;padding: 0;}
.biztxtarea .bizlink{text-align: center;padding-top: 20px;}

/***TOP社長メッセージ*******/
#messarea{background-color: #F4F1F1;width: 49%;float: left;padding: 0 5.5%;text-align: left;overflow: hidden;}
#messph{background-color: #F4F1F1;width: 40%;float: right;background-image: url(../images/messph.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;}
#messarea p#messtxt{padding: 0 0 15px 0;margin: 0;line-height: 160%;font-size: 16px;}
.btnbox{clear: both;}
.btnbox a{display: block;color: #000;text-decoration: none;font-weight: bold;padding: 10px;border: 1px solid #000;background-image: url(../images/ico_btnlink.png);background-position: 95% center;background-repeat: no-repeat;background-size: 10px auto;width: 40%;float: right;}
.btnbox a:hover{background-color: #fff;}
.btnboxcenter a{display: block;color: #000;text-decoration: none;font-weight: bold;padding: 10px;border: 1px solid #000;background-image: url(../images/ico_btnlink.png);background-position: 95% center;background-repeat: no-repeat;background-size: 10px auto;width: 40%;margin: 30px 0;}
.btnboxcenter a:hover{background-color: #fff;}
#messarea h2{margin: 0;padding: 0 0 15px 0;clear: both;font-size: 18px;}
#bloglistarea{width: 104%;overflow: hidden;padding-bottom: 15px;}
.bloglistbox{width: 24.8%;float: left;}
.bloglistbox .bloglistimg{width: 90%;margin-bottom: 3px;}
.bloglistbox .bloglistimg img{width: 100%;height: auto;}
.bloglistbox p.date{margin: 0;padding-bottom: 3px;font-size: 12px;width: 90%;font-weight: bold;}
.bloglistbox p.blogtitle{font-size: 14px;margin: 0;width: 90%;}
.bloglistbox p.blogtitle a{color: #000;text-decoration: underline;}
.bloglistbox p.blogtitle a:hover{text-decoration: none;}

/***TOP リクルート*******/
#recruitarea{padding: 0;margin: 0;list-style: none;width: 100%;background-color: #ededed;position: relative;}
#recruitarea li a{color: #fff;text-decoration: none;}
#recruitarea li a:hover img{background-color: rgba(0,0,0,0.3);}
#recruitarea li a:hover div img{background-color: rgba(0,0,0,0);}
#recruitarea li#rectit{width: 33.333333%;background-color: #FDD000;float: left;}
#recruitarea li#rectit .rectitimg{position: absolute;left:50%;top:50%;margin: -85px 0 0 -172px;}
#recruitarea li .rectitimg img{width: auto;height: auto;}
#recruitarea li#rectit .rectitimg h2{color:#00A5CB;font-size: 22px;margin: 0;padding: 20px 0;}
#recruitarea li#reccopy{width: 33.333333%;background-color: #000;float: left;background-image: url(../images/re_ph_07.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;}
#reccopy img{position: absolute;left: 7%;top:50%;margin-top:-99px ;}
#recruitarea li{position: relative;}
#recruitarea .spimgfit img{width: 100%;height: 100%;}
#recruitarea .smph{width: 16.666666667%;float: left;background-position: center center;background-repeat: no-repeat;}
#hum_a{background-image: url(../images/re_ph_01.jpg);}
#hum_b{background-image: url(../images/re_ph_02.jpg);}
#hum_c{background-image: url(../images/re_ph_03.jpg);}
#hum_d{background-image: url(../images/re_ph_04.jpg);}
#hum_e{background-image: url(../images/re_ph_05.jpg);}
#vision{background-image: url(../images/re_ph_06.jpg);}
#hum_f{background-image: url(../images/re_ph_08.jpg);}
#hum_g{background-image: url(../images/re_ph_09.jpg);}
#blogbtn{background-color: #00A5CB;}
#hum_h{background-image: url(../images/re_ph_10.jpg);}
#woman_bg{background-image: url(../images/woman_bg.jpg);width: 33.333333%;float: left;background-position: center center;background-repeat: no-repeat;background-color: #000;background-size: cover;}
li#blogbtn #recblogtit{position: absolute;top:50%;left: 50%;margin: -80px 0 0 -91px;}
li#blogbtn #recblogtit .reclink{padding-top: 20px;}
li#vision #recvisionimg{position: absolute;top:50%;left: 50%;margin: -60px 0 0 -62px;}
.namearea{position: absolute;bottom: 5%;left:5%;text-align: left;}
.namearea h2{font-size: 26px;font-family: 'Nixie One', cursive;margin: 0;padding: 0;line-height: 100%;font-weight: 400;}
.namearea p{padding:5px 0 0 0;margin: 0;font-size: 10px;}

/***TOP PHOTO GALLERY*******/
#gallerys{padding: 0;margin: 0;list-style: none;width: 100%;background-color: #000;}
#gallerys li#galltit{width: 50%;float: left;background-color: #000;background-image: url(../images/gallerytitimg.jpg);background-position: center center;background-repeat: no-repeat;}
#gallerys li{position: relative;}
#gallerys li a .date{font-family: 'Hammersmith One', sans-serif;font-size: 12px; color: #fff;position: absolute;left:50%;margin-left: -26px;display: none;}
#gallerys li.bigph a .date{top:60%;}
#gallerys li.smph a .date{top:67%;}
#gallerys li a:hover .date{display: block;}
#gallerys li.bigph{width: 25%;float: left;background-color: #000;background-position: center center;background-repeat: no-repeat;background-size: cover;}
#gallerys li.smph{width: 12.5%;float: left;background-color: #000;background-position: center center;background-repeat: no-repeat;background-size: cover;}
#gallerys li img{width: 100%;height: 100%;}
#gallerys li a:hover img{background-color: rgba(0,0,0,0.3);}
#gallerys li.bigph a:hover img,
#gallerys li.smph a:hover img{background-image: url(../images/ico_megane.png);background-position: center center;background-repeat: no-repeat;}

/***TOP footer*******/
ul#banaarea {padding: 0;margin: 0 0 50px 0;list-style: none;}
ul#banaarea li{width: 20%;float: left;margin: 0 0 7px 0;padding: 0;}
ul#banaarea li img{width: 97%;height: auto;}
#footlink.navifoot ul{padding: 0 0 60px 0;}
#footlink.navifoot ul.navifoot_b{padding: 0 0 60px 5%;}
#footlink.navifoot ul.footsns{padding: 0 0 60px 5%;}
#telarea,#addarea{text-align: left;color: #fff;clear: both;}
#telarea h2{font-size: 16px;margin: 0;padding: 0 0 10px 0;}
#telarea h2 span{font-weight: normal;}
.telbox{width: 300px;margin-bottom:8px;}
.telbox img{width: 100%;height: auto;}
#telarea p,#addarea p{font-size: 14px;margin: 0;padding: 0;}
#addarea h2{font-size: 14px;margin: 0;padding: 30px 0 3px 0;}
.layoutfoot_a{width: 50%;float: left;}
.layoutfoot_b{width: 50%;float: right;}
.fb-page{float: right;}
@media screen and (max-width:1024px){
  ul#banaarea li{width: 33.333333%;float: left;padding: 0;}
}

/* SUB *******************************************************************************************/
/******* SUBベース *******/
#sub{background-color: #f8f8f8;margin: 50px;}
#subcontents{clear: both;max-width: 1120px;margin: 0 auto;padding: 40px 20px;text-align: left;}
.pan{font-size: 12px;padding: 0 0 40px 0;}
.pan a{color: #000;}
.pan a:hover{color: #000;text-decoration: none;}
#subsidebar{width: 280px;float: left;margin-right: -310px;}
#subcontarea{width: 100%; float: right;}
#subcont{margin-left: 310px;}
#btngotop{position: fixed; right:15px;bottom: 15px;z-index: 90;}

/******* SUBメインイメージ *******/
#sublongimgarea{position: relative;}
#sublongimgarea img{width: 100%;height: auto;}
.biztxtarea{text-align: left;padding: 0;width:auto;position: absolute;left: 50px;bottom: 50px;}
.biztxtarea p.entit{font-size: 16px;color: #00A5CB;font-family:Helvetica, Arial,sans-serif;margin: 0;padding: 0 0 16px 0;}
.biztxtarea .blueline{border-bottom: 3px solid #00A5CB;width: 40px;display: block;}
.biztxtarea h1,#subcont .biztxtarea h2{font-size: 40px;color: #fff; margin: 0;padding: 8px 0 0 0;letter-spacing:10px;font-weight: normal;text-decoration: none;border-bottom: none;}
#submaintitarea{background: #171614 url(../images/sub_baseimg.jpg) no-repeat right center;padding: 5%;}
#submaintitarea .biztxtarea{position: static;}

/******* SUBサイドナビ *******/
ul.subnavi{list-style: none;margin: 0;padding: 0 0 40px 0;}
ul.subnavi a{color: #000;text-decoration: none;}
ul.subnavi li{font-size: 18px;font-weight: bold;border-top: 2px solid #000;}
ul.subnavi li a{padding: 10px 36px 10px 5px;display: block;background-image: url(../images/ico_link.png);background-position:96% center;background-repeat: no-repeat;background-size: 20px 20px;}
ul.subnavi li.current_page_item a{background-color: #ccc;}
ul.subnavi li.current_page_item ul a{background-color: transparent;}
ul.subnavi li a:hover,
ul.subnavi li.current_page_item ul a:hover{background-color: #ececec;}
ul.subnavi li.current_page_item a:hover{background-color: #999;}
ul.subnavi li ul{list-style: none;padding: 0;margin: 0;border-top: 2px solid #000;}
ul.subnavi li ul li{font-size: 16px;font-weight: normal;border-top: none;border-bottom: 1px solid #000;}
ul.subnavi li ul li ul{border-top:none;}
ul.subnavi li ul li ul li{font-size: 14px;font-weight: normal;border-top: 1px solid #000;border-bottom: none;}
ul.subnavi li ul li ul li a{padding: 10px 10px 10px 20px;background-image: url(../images/ico_btnlink.png);background-position:94% center;background-repeat: no-repeat;background-size: auto 10px;}
.blbox{background-color: #000;color: #fff;padding: 20px;margin: 0 0 1px 0;}
.blbox.bl-hover{background-color: #333;}
.blbox .blboxtit{font-size: 20px;margin: 0;padding: 0;}
.blbox p{font-size: 14px;margin: 0;padding: 5px 0 0 0;}
.blbox p img{width: 100%;height: auto;}
.blbox .blboxtit a{padding-right: 20px; color: #fff;text-decoration: none;background-image: url(../images/ico_side_link.png);background-position:right center;background-repeat: no-repeat;background-size: auto 14px;}
#sidebanaarea{padding: 20px 0;}
#sidebanaarea p{margin: 0;padding: 11px;border: 1px solid #ccc;margin-bottom: 5px;background-color: #fff;}

/******* SUB（blog）サイドナビ *******/
ul.subnavi li.nolinktit{border-top: none;}
ul.subnavi li.nolinktit span{display: block;padding:5px;}
ul.subnavi li ul li form{padding: 10px 0;}
input.field{box-sizing: border-box;padding: 3px 5px;width: 240px;border: 1px solid #ccc;float: left;}
input#searchsubmit{background: url(../images/blog/btn_search.png) no-repeat center center;background-size: 27px 27px;width: 35px; height: 30px;border: none;display: block;float: right;}
.callarea{padding-bottom: 30px;position: relative;}
table#wp-calendar{width: 100%;border-top: 2px solid #000;border-bottom: 2px solid #000;background-color: #fff;text-align: center;}
table#wp-calendar caption{font-size: 18px;font-weight: bold;padding-bottom: 5px;font-family:Helvetica, Arial,sans-serif;}
table#wp-calendar caption span{font-size: 36px;}
table#wp-calendar thead th{padding: 9px 0;font-size: 12px;}
table#wp-calendar tbody td{padding: 10px 0;font-family:Helvetica, Arial,sans-serif;}
table#wp-calendar tbody tr{border-top: 1px solid #ccc;}
table#wp-calendar tbody tr:first-child{border-top: 1px solid #000;}
table#wp-calendar #today{background-color: #ededed;}
table#wp-calendar a{color: #029fc0;}
.callarea #prev{top:18px;left: 3px;position: absolute;font-size: 14px;}
.callarea #next{top:18px;right: 3px;position: absolute;font-size: 14px;}
.callarea #prev a,.callarea #next a{color: #000;}
.callarea #prev a:hover,.callarea #next a:hover{text-decoration: none;}
#commentlist ul li a .commentdata{display: inline;font-size: 12px;}
#archiveslist li ul li select{width: 100%;margin: 10px 0;}
#tagarea{margin-bottom: 40px;}
#tagarea h2{font-size: 18px;font-weight: bold;border-bottom: 2px solid #000;}
#tagarea a{color: #000;}
#tagarea a:hover{text-decoration: none;}

/******* SUBコンテンツ *******/
#subcont h2{font-size: 20px;margin: 0 0 15px 0;padding-bottom: 5px;border-bottom: 2px solid #ccc;}
#subcont h3{font-size: 16px;line-height: 160%;margin: 0;padding: 0 0 5px 0;}
#subcont p{font-size: 14px;line-height: 160%;margin: 0;padding: 0 0 10px 0;}
.contbox{clear: both;padding-bottom: 30px;}
.contbox_h{width: 47%;padding-bottom: 30px;}
#subcont ul,#subcont ol{margin: 0;padding: 0 0 0 20px;font-size: 14px;}
#subcont ul li,#subcont ol li{padding: 2px 0 ;}
#subcont img.imgmax{width: 100%;height: auto;}
#subcont a:link{color: #000;}
#subcont a:visited{color: #333;}
#subcont a:hover{color: #000;text-decoration: none;}
#subcont a:active{color: #000;}
#subcont dl{margin: 0;}
.maximg img,img.maximg{width: 100%;height: auto;}
a.btn{
	font-size: 16px;
	text-align: center;
	display: inline-block;
	background: #000;
	color: #fff!important;
	text-decoration: none;
	padding: 15px 60px;
	margin: 0 auto!important;
	font-weight: bold;
}
a.btn:hover{
	opacity: .8;
}

/******* blog（社長ブログ） *******/
.blogtit{position: absolute;top:50%;left: 50%;width: 500px;margin: -121px 0 0 -250px;}
#sublongimgarea .blogtit img{width: auto;height: auto;}
.blogtit h1{font-size: 22px;color: #fff; letter-spacing:10px;font-weight: normal;margin: 0;padding: 20px 0 0 0;}
#archivetitle{background: url(../images/blog/archivetitle_pt.png) no-repeat center bottom;padding-bottom: 14px;margin-bottom: 10px;}
.archivetitle{font-size: 24px;font-weight: bold;background-color: #fff;padding: 10px;margin: 0;text-align: center;}
.entryarea{padding: 0 0 80px 0;overflow: hidden;}
.entryarea .bloghead{}
#subcontarea .entryarea .bloghead .date{font-family:Helvetica, Arial,sans-serif;font-weight: bold;color: #00A6CB;background: url(../images/blog/ico_call.png) no-repeat left center; background-size: 15px 15px;margin: 0;padding: 3px 0 3px 20px;}
#subcontarea .entryarea .bloghead h1{position: static;font-size: 26px;padding: 3px 0 7px 0;border-bottom: 2px solid #ccc;margin: 0 0 15px 0;}
.entry{border-bottom: 2px solid #ccc;padding-bottom: 20px;font-size: 16px;line-height: 180%;}
#subcontarea .entryarea .bloghead h1 a{display: block; text-decoration: none;background: url(../images/ico_link_2.png) no-repeat right center;background-size: 36px 36px;padding-right: 40px;}
#subcontarea .entry p{font-size: 16px;line-height: 180%;padding-bottom: 15px;}
#subcontarea .entry img{max-width: 810px;height: auto;}
.blogbottom{border-bottom: 2px solid #ccc;padding: 15px 0 0 0;margin-bottom: 40px;}
.blogbottom .snsbtnarea{padding-bottom: 15px;}
.blogbottom .snsarea{width: 270px;float: left;}
.fb-like{float: left;}
.twbtn{padding: 2px 5px 0 5px;float: left;}
.blogbottom .blogranking{font-size: 12px;float: left;padding-top:3px;}
#subcontarea ul.blogdata{list-style: none;clear: both;margin: 0;padding:10px 0;border-top: 1px dotted #ccc;}
#subcontarea ul.blogdata li{font-size: 14px;float: left;margin: 0;padding: 3px 20px;}
#subcontarea ul.blogdata li.bloguser{background: url(../images/blog/ico_user.png) no-repeat left center;background-size: 15px 15px;}
#subcontarea ul.blogdata li.date{background: url(../images/blog/ico_call.png) no-repeat left center;background-size: 15px 15px;}
#subcontarea ul.blogdata li.comment{background: url(../images/blog/ico_comment.png) no-repeat left center;background-size: 15px 15px;}
.prarea{background: #ececec;padding: 15px 18px;font-size: 14px;clear: both;}
.prarea table{width: 100%;}
.prarea th{width: 25%;padding: 3px 0;}
.prarea td{width: 75%;padding: 3px 0;}
.bottomnav{padding: 0 0 50px 0;clear: both;}
.bottomnav img{vertical-align: middle;}
.bottomnav .back{float: left;}
.bottomnav .back img{padding-right: 8px;}
.bottomnav .next img{padding-left: 8px;}
.bottomnav .next{float: right;}
#comment{padding-bottom: 50px;clear: both;}
#comment ul,#comment ul li{list-style: none;padding: 0;margin: 0;}
.commenthead{position: relative;}
.commenthead h1{position: static;font-size: 26px;padding: 7px 0 7px 35px;border-bottom: 2px solid #ccc;margin: 0 0 15px 0;background: url(../images/blog/ico_comment.png) no-repeat left center;background-size: 26px 26px;}
.commentbtn{position: absolute;top: 5px;right: 0;font-size: 14px;}
#subcont .commentbtn a{display: block;background:#000 url(../images/blog/ico_pen.png) no-repeat 20px center;background-size: 17px 17px; color: #fff;text-decoration: none;padding: 10px 30px 10px 47px;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px; }
.commentbox{background-color: #fff;font-size: 14px;margin-bottom: 5px;}
.commentbox:hover{background-color: #ededed;}
.commentboxhead{border-bottom: 1px solid #ccc;padding: 15px}
.commentbox .name{float: left;padding: 0 0 0 20px;background: url(../images/blog/ico_user.png) no-repeat left center;background-size: 15px 15px;}
.commentbox .commentdate{float: right;padding: 0 0 0 20px;background: url(../images/blog/ico_call.png) no-repeat left center;background-size: 15px 15px;}
.commententryarea{padding: 15px 15px 0 15px;}
#commententry{padding-bottom: 40px;}
#commententry h3#reply-title{font-weight: normal;font-size: 26px;padding: 7px 0 7px 35px;border-bottom: 2px solid #ccc;margin: 0 0 15px 0;background: url(../images/blog/ico_pen_gl.png) no-repeat left center;background-size: 26px 26px;}
#commententry label{display: block;font-weight: bold;padding: 0 0 5px 0;}
#commententry input,#commententry textarea{font-size: 16px; width: 100%;padding: 5px;border: 1px solid #ccc; box-sizing: border-box;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
#commententry input#submit{color: #fff;font-size: 20px;display: block;background: #333 url(../images/blog/ico_send.png) no-repeat 20px center;background-size: 25px 19px;width: 60%;margin: 10px auto;padding: 10px 0;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;}
#commententry input#submit:hover{background-color: #000;}
/* ページネーション　タイプ：[1/5][1][2][3][4][5][>] */
.wp-pagenavi{margin: 0;padding: 20px 0 50px 0;font-size: 18px;text-align: center;line-height: 100%;clear: both;}
.wp-pagenavi .pages{
    margin-right: 2px;padding: 12px 14px;
	background: #fff;color: #000;
}
.wp-pagenavi a,
.wp-pagenavi span{
    padding:12px 14px;margin-right: 2px;color: #000;background: #fff;text-decoration: none;
    border: 1px solid #ccc;
}
.wp-pagenavi a:hover{background: #ccc;border: 1px solid #ccc;}
.wp-pagenavi span.current{background: #000;color: #fff;border: 1px solid #000!important;}
/******* blog（検索結果） *******/
#searchlist{padding-bottom: 40px;}
.searchdatabox{text-align: center;border-bottom: 1px dotted #999;border-top: 1px dotted #999;padding: 10px 0 0 0;margin-bottom: 15px;}
.post{border-bottom: 2px solid #ccc;padding: 15px 0;}
.post .searchimg {width: 210px; height: 154px;overflow: hidden;float: left;padding: 0 20px 0 0;}
.post .searchimg img{width: 100%;height: auto;}
#subcont .post h2{border: none;margin: 0;padding: 0 0 10px 0;}

/******* SUBコンテンツ 追加 *******/
.boxlistarea dt, .boxlistarea dd{
margin-left: 0;
}
.boxlistarea dt{font-weight: bold;padding-bottom: 10px;}
.boxlistarea dd{font-size: 14px;padding-bottom: 15px;}
.f_box{width: 145px;margin-right: 10px;float: left;margin-top: 15px;}
.f_box p{padding-bottom: 0 !important;line-height: 120% !important;margin-top: 15px;font-size: 13px !important;}
.f_box p img{padding: 5px 0;}
.boxlistarea ul li{font-size: 15px;font-weight: bold}

/*** テーブル ***/
.tabde_a{
    border-top:1px solid #000;}
.tabde_a th, .tabde_a td{padding: 13px 20px;border-bottom: 1px solid #000;font-size: 14px;}
.tabde_a th{background-color: #E0E0E0;}
.tabde_a .ttd{background-color:#EDEDED; }
.tabde_b{border-top:1px solid #333;border-collapse: collapse;}
.tabde_b th, .tabde_b td{font-size: 14px;}
.tabde_b th{background-color: #333;text-align: center;color:#FFF;border-right: 1px solid #FFF;padding: 5px 15px;}
.tabde_b td{padding: 12px 15px;}
.tabde_b tr{border-bottom: 1px solid #000;}
.tabde_b .ttd{background-color:#EDEDED;color:#00A5CB;text-align: center;border-bottom: 1px solid #333;}
/** tabde_cはtabde_aのスマホだるま式 **/
.tabde_c{
    border-top:1px solid #000;}
.tabde_c th, .tabde_c td{padding: 13px 20px;border-bottom: 1px solid #000;font-size: 14px;}
.tabde_c th{background-color: #E0E0E0;}
.tabde_c .ttd{background-color:#EDEDED; }
.tablebottomsp{margin-bottom: 15px;}

/*** 白箱 ***/
.whitebox{background-color: #FFF;padding: 15px 20px;border-bottom:solid 2px #f8f8f8;
}
.whitebox dd{padding-bottom: 0;}
.whitebox .tabde_b{margin: 10px 0;}
.whitebox p{padding: 0!important;}
/*** Q&A***/
.contbox.qa{padding-bottom: 70px;}
.accordion dt{font-size: 16px;padding: 10px 15px;width: 100%;font-weight: bold;background-color: #DDD;cursor: pointer;box-sizing:border-box;margin-top: 10px;background-image: url(../images/qa/ico_qa.png);background-position:right center;background-repeat: no-repeat;}
.accordion dt:hover{background-color: #EDEDED;}
.accordion .open{background-image: url(../images/qa/ico_qa_close.png);}
.accordion dd{font-size: 14px;clear: both;padding: 10px 15px;display:none;margin-left: 0;background-color:#FFF;}
.accordion dd ul{list-style-position: outside;padding-left: 40px;padding-top:5px;padding-bottom:5px;}
.accordion dd ul li{line-height: 140%;padding-bottom: 3px;}

/*** 2列並びBOX ***/
#sub .cont_twoclm .clm_l{width: 49.5%;float: left;padding-bottom: 1%;}
.cont_twoclm .clm_r{width: 49.5%;float: right;padding-bottom: 1%;}
.cont_twoclm .clm_l img, .cont_twoclm .clm_r img{width: 100%;height: auto;}

#sub .btn_twoclm .btnclm_l{width: 50%;float: left;text-align: center;}
#sub .btn_twoclm .btnclm_r{width: 50%;float: right;text-align: center;}
#sub .cont_twoclm p, #sub .cont_threeclm p{line-height: 130%;padding-bottom: 20px;}

/*** 3列並びBOX ***/
.cont_threeclm{width:100%;overflow: hidden;}
.cont_threeclm .clearfix{width: 102%;}
.cont_threeclm .clm {float: left;width: 32.333%;margin-right: 1%;}
.cont_threeclm .clm img{width: 100%;height: auto;}

/*** 理念リスト装飾 ***/
.sinjo_li li{font-size: 14px;font-weight: bold;}
.rinen_li{margin-left: 1.3em;}
.rinen_li p{
    font-size: 20px!important;
    font-weight: bold;
    list-style: none;
    text-indent:-1.3em;
    padding-left:1.3em;
}
.rinen_li p span{color:#00A5CB;}
/*** 会社案内 ***/
.complogo{padding:0 18px 0 10px;float: left;}
/*** アクセス ***/
.accmap iframe{width: 100%;height: 280px;}
#sub h3.access{font-size: 18px;margin-top: 0 !important;}
/*** 事業案内TOP ***/
#biztop_yousya{position: relative;}
#biztop_yousya img{width: 100%;height: auto;}
#subcont .boxlink a{display: block;padding: 20px;margin: 1px 0 15px 0;font-size: 20px;color: #fff;text-decoration: none;background: #000 url(../images/ico_link.png) no-repeat 97% center;background-size: 25px;}
#subcont .boxlink a:hover{background: #333 url(../images/ico_link.png) no-repeat 97% center;background-size: 25px;}
/*** 溶接用語集 ***/
#wordarea dt{font-size: 16px;padding: 10px 15px;width: 100%;font-weight: bold;background-color: #DDD;}
#wordarea dd{font-size: 14px;clear: both;padding: 10px 15px;margin: 0 0 15px 0;width: 100%;background-color:#FFF;}
#sub h3.sprayword{font-size: 19px;margin-bottom: 15px;margin-top: 5px;line-height: 120%;}
#sub h3.sprayword span{font-size: 14px;font-weight: normal;}
#sub h3.sprayword br{display: none;}
/*** 溶接材料 ***/
#spraymtrl dt {padding-bottom: 0;}
#spraymtrl dt a{text-decoration: none;display: block;background-color: #DDD;padding: 12px 15px 12px 24px;margin: 0; background-image: url(../images/biz/sprayed/mtrl_link.png);background-position: left 10px; background-repeat: no-repeat;}
#spraymtrl dt a:hover{background-color: #CCC;}
#spraymtrl dd{background-color: #FFF;padding: 10px 15px;margin-bottom: 15px;}
/*** 問い合わせフォーム ***/
#formbox{background-image: url(../images/form/form_bg.png);background-position: left top;background-repeat: no-repeat;}
#formbox{margin:0 30px;}
#formbox table{border-top: 1px solid #ccc;}
.formtbl{width: 100%;opacity: 0.8; }
#formbox th, #formbox td{font-size: 14px;padding: 10px 15px;border-bottom: 1px solid #ccc;}
#formbox th {text-align: right;width: 20%;}
#formbox input{box-shadow: none;border: 1px solid #999;padding: 1%;}
.inpde input,.inpde textarea{width: 98%;}
.inpde_m input{width: 50%;}
.inpde_s input{width: 15%;}
#formbox #submit_button{margin: 20px auto;}
#formbox #submit_button input{
    background-color: #000;font-size: 16px;width: 50%; padding: 15px 15px;color: #FFF;border: none;margin: 0 auto;display: block;background-image: url(../images/ie_ico_side_link.png);background-repeat: no-repeat;background-position: 95% center;}
#formbox #submit_button input:hover{opacity: 0.9;}

.backbtn{margin: 20px auto;text-align: center;}
.formtbl th{white-space: nowrap;}
/*** 社長メッセージ ***/
#topmass{text-align: left;}
#topmass a{color: #000;text-decoration: underline;}
#topmass a:hover{color: #000;text-decoration: none;}
#layout_a{float: left;width: 50%;padding: 5%}
#layout_a h1{font-size: 40px;color: #000; margin: 0;padding: 20px 0 20px 0;letter-spacing:10px;font-weight: normal;}
#layout_a h2{width: 100%;max-width: 479px;}
#layout_a h2 img,#blogbana img,.bloglistboximg img{width: 100%;height: auto;}
#sub #layout_a p{font-size: 16px;line-height: 180%;}
#layout_b{float: right;width: 40%;max-width: 650px;}
#layout_b #bossph{height: 1100px;background:  #000  url(../images/topmess/murata_ph.jpg) no-repeat top center;}
#layout_b #bloglist{background-color: #fff;padding: 4% 2%;}
#bloglist .boss_bloglistbox{width: 22%;float: left;padding: 0 1.5%;}
#bloglist .boss_bloglistbox .date{font-size: 12px;font-weight: bold;margin: 0;padding: 3px 0;}
#bloglist .boss_bloglistbox .bloglisttit{font-size: 14px;margin: 0;}
#kouken{padding: 2% 5% 5% 0;}
.koukenbana img{width: 100%;height: auto;max-width: 345px;}
.authority{font-size: 12px;font-style: italic;}
/*** ご注文の流れ ***/
#flow{border-top: solid 1px #CCC;}
.flowbox{background-position: left center;background-repeat: no-repeat;border-bottom: solid 1px #CCC;padding: 23px 0 23px 230px;vertical-align: middle;}
#flow_a{background-image: url(../images/flow/flow01.gif);}
#flow_b{background-image: url(../images/flow/flow02.gif);}
#flow_c{background-image: url(../images/flow/flow03.gif);}
#flow_d{background-image: url(../images/flow/flow04.gif);}
#flow_e{background-image: url(../images/flow/flow05.gif);}
#flow_f{background-image: url(../images/flow/flow06.gif);}
#flow_g{background-image: url(../images/flow/flow07.gif);}
#flow_h{background-image: url(../images/flow/flow08.gif);}
#flow h2{border: none;font-size: 18px;margin-bottom: 15px;padding: 0;}
.flowbox #tel {width: 250px; height: auto;padding-top: 6px;padding-right: 15px;}
.flowbox a#fm{background-color: #000;padding: 13px 12px;font-size: 14px;color: #FFF;text-decoration: none;}
.flowbox a#fm span{background-image: url(../images/flow/ico_mail.png);background-position: left center;background-repeat: no-repeat;background-size: 20px auto;padding-left: 25px;}
.flowbox a#fm:hover{opacity: 0.7;}
/*** リンク集 ***/
.cont_linkbox{width: 47%;}
.cont_linkbox ul li{margin-bottom: 5px;margin-left: 15px;}
#subcont h3.links{background-color: #DDD;padding: 5px 10px;margin-bottom: 15px;}
/*** サイトマップ ***/
#subcont #sitemap{width: 60%;margin: 0;padding: 0;float: left;}
#subcont #sitemap li a{font-weight: bold;text-decoration: none ;background-color: #ededed; background-image: url(../images/ico_link.png);background-position: 10px center;background-repeat: no-repeat;background-size: 20px 20px;padding: 15px 0 15px 40px;display: block;}
#subcont #sitemap li a:hover,
#subcont #sitemap li ul.children li a:hover,
#subcont #sitemap li ul.children li ul.children li a:hover{background-color: #ccc;}
#subcont #sitemap li{font-size: 18px;line-height: 100%; list-style-type: none;padding:0;border-top: solid 1px #000;}
#sitemap li ul.children{margin: 0;padding: 0;}
#subcont #sitemap li ul.children li{font-size: 16px;}
#subcont #sitemap li ul.children li a{font-weight: bold;padding: 15px 0 15px 55px;background-position: 28px center;background-color: #fff;}
#subcont #sitemap li ul.children li ul.children li{font-size: 14px;}
#subcont #sitemap li ul.children li ul.children li a{font-weight: normal;padding: 10px 0 10px 70px;background-image:url(/images/ico_btnlink.png);background-size: 5px auto;background-position: 58px center;background-color: #f8f8f8;}
#sitemapsidearea{float: right;width: 35%;}
#sitemapsidearea h2{background-color: #000;font-size: 16px;line-height: 100%;color: #fff;padding: 13px;margin: 0 0 10px 0;}
#sitemapsidearea p img{width: 100%;height: auto;}

/*** セミナー ***/
.layout_tablearea{width: 68%;float: left;}
.layout_imgarea{width: 27%;float: right;}
.layout_imgarea img{width: 100%;height: auto;}
/*** 採用情報 ***/
.imgmax img{width: 100%;height: auto;}
.interview{
	padding: 20px 0;
}
.interview .int{
	font-weight: bold;
	color: #00A6CB;
}
/*** CM ***/
.tvcm_b{width: 100%;max-width: 810px;margin-bottom: 20px;background-color: #FFF;padding-bottom: 16px;background-position: 95% 95%;background-repeat:no-repeat;}
.tvcm{width: 50%;max-width: 405px;float: left;margin-bottom: 20px;background-color: #FFF;padding-bottom: 16px;background-position: 95% 95%;background-repeat:no-repeat;}
.tvcm video,.tvcm_b video{padding-bottom: 15px;}
#media h2{padding-bottom: 15px; border: none;margin: 0;}
#media .tvcm p,#media .tvcm_b p{background-image: url(/images/tvcm/ico_mov.gif);background-repeat: no-repeat;background-position: 12px; center;padding: 0; padding-left: 38px;}
.cm_a{background-image: url(/images/tvcm/08.gif);}
.cm_b{background-image: url(/images/tvcm/06.gif);}
.cm_c{background-image: url(/images/tvcm/92.gif);}
.cm_d{background-image: url(/images/tvcm/2017-2018.gif);}
#media .radio p{font-size: 14px;padding-bottom: 3px;color: #FFF;line-height: 140%;padding-left: 15px;}
#media .radio p strong{color:#029FC0;}
.radio{background-color: #000;padding: 23px 15px 18px 15px;margin-bottom: 2px;}
.radio audio{margin-bottom: 7px;}

/*************************************/
/**************スマホ******************/
/*************************************/
@media screen and (max-width:750px){

.smaon{display: block;}
.smaoff{display: none;}
/* ベース *******************************************************************************************/
  header h1{display: none;}
  #logo{position: absolute;top:13px;left:3%;}
  .sub #logo{position: absolute;}
  #logo img{width: 190px;;height: auto;}
  .content_in{margin: 0;padding: 3%;}
  #sma-body  a:link{color: #000;}
  #sma-body  a:visited{color: #333;}
  #sma-body  a:hover{color: #000;text-decoration: none;}
  #sma-body  a:active{color: #000;}

/****MENU******/
  #menu{position: absolute;left:auto;right:3%;}
  .sub #menu{position: absolute;}
  #menupoint,#menupoint.closeui{display: none;}
  #nav{position: absolute;background-color:rgba(0,0,0,0.9);height: 100%;-webkit-overflow-scrolling: touch;overflow: scroll;}
  #navbox{width: 96%;margin: 0 auto;padding-top: 98px;padding-bottom: 10%;}
  #homeico{float: none;padding-right: 0;width: auto;position: absolute;left:auto;right:3%;}
  #navarea{float: none;padding-right: 0;width: 70%;}
  #navibanaarea{float: none;width: 100%;margin:15px 0 0 0; }
  #navibanaarea ul li{float: none;width: 100%;}
  #navibanaarea ul li a{padding: 5% 0 5% 20%;background-position: 0 0;background-size: 17%;}
  #navisnsarea{float: none;width: 100%;padding: 20px 0 0 0;}
  #navifoot{position: static;width: 96%;margin: 0 auto;}
  #navifoot.navifoot ul{padding: 0;}
  .navifoot ul li{font-size: 14px;}
/***TOP コンテンツ*******/
  #smatopmainimg{margin: 98px 0 0 0;position: relative;}
  #smatopmainimg img{width: 100%;height: auto;}
  #maincopy{top:37%;left:0;margin: 0;width: 100%;}
  #maincopy img{width: 80%;height: auto;}
  h2.smaindextit{margin: 0;padding: 20px 0;font-size: 18px;letter-spacing:3px;clear: both;background-color: #ededed;}
  h2.smaindextit a{text-decoration: none;}

/***TOP業務案内*******/
  ul#bizbtn{list-style: none;margin: 0;padding: 0;}
  li.smabizbox{position: relative;margin-bottom: 1px;}
  li.smabizbox img.bizimg{width: 100%;height: auto;}
  .biztxtarea{text-align: left;padding: 15px;width:74%;position: absolute;left: 0;bottom: 0;}
  .biztxtarea p.entit{
    -moz-text-shadow:1px 1px 2px rgba(0,0,0,0.6);
    -webkit-text-shadow:1px 1px 2px rgba(0,0,0,0.6);
    text-shadow:1px 1px 2px rgba(0,0,0,0.6);}
  .biztxtarea .blueline{
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
    box-shadow:1px 1px 2px rgba(0,0,0,0.6);}
  .biztxtarea h2{font-size: 22px;padding: 8px 0 0 0;
    -moz-text-shadow:2px 2px 5px rgba(0,0,0,0.6);
    -webkit-text-shadow:2px 2px 5px rgba(0,0,0,0.6);
    text-shadow:2px 2px 5px rgba(0,0,0,0.6);}
  img.smabizlink{position: absolute;top:50%;right:5%;margin-top: -20px;}

/***TOP社長メッセージ*******/
  #sma_messarea{padding: 0;text-align: left;}
  #bossimg{float: right;width: 50%;padding: 0 0 0 3%;}
  #bossimg img{width: 100%;height: auto;}
  #sma_messarea p{margin: 0;font-size: 16px;line-height: 170%;padding: 2.5%;}
  .bloglistbox{width: 95%;float: none;padding: 2.5%;border-bottom: 1px solid #ccc;}
  .bloglistbox .bloglistimg{width: auto;height: 80px; margin-bottom: 0;float: left;}
  .bloglistbox .bloglistimg img{width: auto;height: 80px;}
  .bloglisttxt{float: left;padding-left: 5%; width: 55%;text-align: left;height: 80px;}
  .bloglisttxt p{position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);}
  .bloglistbox .date{margin: 0;padding: 0 0 3px 0;font-size: 12px;width: auto;font-weight: bold;}
  .bloglistbox p{font-size: 16px;margin: 0;width: 100%;}

  #smabana p{margin: 0 0 1px 0;padding: 0;}
  #smabana p img{width: 100%;height: auto;}

/***footer*******/
  #about{margin: 0;padding: 0;}
  #sma-body #about a{color: #fff;}
  ul#banaarea {padding: 0;margin: 0 0 10px 0;}
  ul#banaarea li{width: 50%;padding: 0 0 2% 0;}
  #footlink{width: 98%;margin: 0 auto;}
  #footlink.navifoot ul{padding:2px 0;}
  #footlink ul.navifoot_a li{margin-right: 10px;}
  #footlink.navifoot ul.navifoot_b{padding: 2px 0;}
  #telarea{border: 1px solid #ccc;padding: 10px;margin-bottom: 10px;}
  #telarea h2{text-align: center;}
  .footsns{clear: both; padding: 10px 0 20px 0;}
  .footsns img{width: 51px;height: 51px; margin: 0 10px;}
  .telbox{width: 100%;margin-bottom:8px;}
  .telbox a{display: block;padding: 15px 0;border: 1px solid #000; color: #fff;text-decoration: none;text-align: center;
    background: #45484d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%);
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%);
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
}
  .telbox a span{padding-top: 10px;display: block;}
  .telbox img{width: 80%;height: auto;}
  #telarea p{text-align: center;}
  #addarea{padding-bottom: 20px;}
  #addarea h2{font-size: 14px;margin: 0;padding: 15px 0 3px 0;text-align: left;}
  #addarea p{font-size: 12px;}
  .fb-page{float: none;}

/* SUB *******************************************************************************************/
/******* SUBベース *******/
  #sub{margin: 98px 0 2% 0;}
  #subcontents{max-width: 750px;margin: 0 auto;padding: 2.5%;;width: 95%;}
  .pan{padding: 10px 0 15px 0;}
  #subsidebar{width: 100%;float: none;margin-right: 0px;border-top: 4px solid #000;}
  #subcontarea{width: 100%; float: none;padding-bottom: 40px;}
  #subcont{margin-left: 0;}
  #btngotop{right:5px;bottom: 5px;}

 .imgright{
     float:none;
     padding-bottom:20px;padding-left:0;margin: 0 auto;display: block;}
 .imgleft{float:none;padding-bottom:20px;padding-right:0;margin: 0 auto;display: block;}
 .contbox img{width: 100%;}

/******* SUBメインイメージ *******/
  #sub .biztxtarea{width: 100%; left: 0;bottom: auto;text-align: center;padding: 0;margin: 0;top:40%;}
  #sub .biztxtarea p.entit{display: none;}
  #sub .biztxtarea .blueline{display: none;}
  #sub .biztxtarea h1{font-size: 24px;line-height: 110%; color: #fff; margin: 0;padding:0;letter-spacing:0px;
    -moz-text-shadow:2px 2px 5px rgba(0,0,0,0.9);
    -webkit-text-shadow:2px 2px 5px rgba(0,0,0,0.9);
    text-shadow:2px 2px 5px rgba(0,0,0,0.9);}
  #submaintitarea{background: #171614 url(../images/sub_baseimg.jpg) no-repeat center center;background-size:cover;}

/******* SUBサイドナビ *******/
  #contentsmenu{background: #000 url(../images/btn_gonext.png) no-repeat 10px center;background-size: 22px auto;color: #fff;padding: 10px 10px 10px 40px;}
  ul.subnavi{margin: 0;padding: 0 0 10px 0;}
  ul.subnavi li ul li ul li a{padding: 10px 10px 10px 30px;}
  .blbox{display: none;}
  #sidebanaarea{display: none;}

/******* SUBコンテンツ *******/
  .sma_w_max{width: 100%;}

/******* SUB（blog）サイドナビ *******/
  input.field{width: 84%;}
input#searchsubmit{width: 16%;}
  .callarea{margin-top: 10px;}

/******* blog（社長ブログ） *******/
  .blogtit{position: absolute;top:12%;left: 0;width: 100%;margin:0;}
  #sublongimgarea .blogtit img{width: 30%;height: auto;}
  .blogtit h1{font-size: 14px;padding: 2% 0 0 0;}
  #subcontarea .entryarea .bloghead h1{display: block; font-size: 26px;}
  #subcontarea .entry img{max-width: 100%;height: auto;}
  .entryarea .entry table{width: 100%;}
  .commenthead h1{display: block;font-size: 22px;}
  #subcont .commentbtn a{font-size: 11px; background:#000 url(../images/blog/ico_pen.png) no-repeat 10px center;background-size: 15px 15px;padding: 6px 17px 6px 30px;}
  #commententry h1#reply-title{font-size: 22px;}
  #commententry input#submit{font-size: 18px;width: 90%;}
  .prarea{display: none;}
/* ページネーション　タイプ：[1/5][1][2][3][4][5][>] */
  .wp-pagenavi{font-size: 14px;margin-top: -60px;}
  .wp-pagenavi .pages{
      margin-right: 2px;padding: 10px 8px;
      background: #fff;color: #000;
  }
  .wp-pagenavi a,
  .wp-pagenavi span{
      padding:10px 10px;margin-right: 2px;color: #000;background: #fff;text-decoration: none;
      border: 1px solid #ccc;
  }
  .btnboxcenter a{width: 80%;margin: 20px auto 0 auto;}

/******* blog（検索結果） *******/
#searchlist{padding-bottom: 60px;}
.post{padding: 15px 0 0 0;}
.post .searchimg {width: 120px; height: 88px;padding: 0 10px 0 0;}
#subcont .post h2{font-size: 18px; padding: 0 0 5px 0;}

/******* SUBコンテンツ 追加 *******/
/*** 会社案内 ***/
img.complogo{width: 60%; height: auto;margin: 0 20%;padding: 0 0 15px 0;}
/*** アクセス ***/
.accmap iframe{width: 100%;height: 200px;}
/*** テーブル ***/
.tabde_a{width: 100%;}
.tabde_a th, .tabde_a td{padding: 10px;}
.tabde_b th, .tabde_b td{padding: 5px 10px;}
/** tabde_cはtabde_aのスマホだるま式 **/
.tabde_c th, .tabde_c td{display: block;width: 100%;box-sizing: border-box;padding: 10px;}

  #sub .btn_twoclm .btnclm_l img,#sub .btn_twoclm .btnclm_r img{width: 80%;height: auto;}
#sub .cont_twoclm p, #sub .cont_threeclm p{line-height: 130%;padding-bottom: 20px;}
    /* 1列にする場合 */
    #sub .cont_twoclm.spwide .clm_l, #sub .cont_twoclm.spwide .clm_r{width: 100%;margin: 0;}

/*** 溶接用語集 ***/
#wordarea dt{font-weight: bold;background-color: #DDD;box-sizing: border-box;}
#wordarea dd{font-size: 14px;clear: both;padding: 10px 15px;margin: 0 0 15px 0;width: 100%;background-color:#FFF;box-sizing: border-box;}
#sub h3.sprayword br{display: block;}
/*** 溶接材料 ***/
#spraymtrl dt a{padding: 12px 27px 12px 15px;background-position: right center;}
/*** 問い合わせフォーム ***/
  #formbox{margin:0 0;background-image: none;}
  .formtbl{width: 100%;opacity: 0.8; }
  #formbox th, #formbox td{padding: 2% 5px;width: 100%;box-sizing: border-box;display: block;}
  #formbox th {text-align: left;padding-bottom: 0;border: none;}
  #formbox input{box-shadow: none;box-sizing: border-box;}
  .inpde{width: 100%;}
  .inpde_m{width: 100%;}
  .inpde_s{width: 35%;}
#formbox #submit_button input{width: 80%; padding: 15px 0;}
#formbox #submit_button input:hover{opacity: 1;}
  .formtbl th{white-space: nowrap;}

/*** 社長メッセージ ***/
  #layout_a{float: none;width: 100%;padding:0;}
  #smapadding{padding: 2.5%;}
  #layout_a h1{font-size: 24px;line-height: 110%;color: #fff; margin: 0;padding: 20px 0;letter-spacing:0;background-color: #000;text-align: center;}
  #layout_b{float: none;width: 100%; max-width: 750px;}
  #layout_b #bossph{height: 500px;background:  #000  url(../images/topmess/murata_ph.jpg) no-repeat center -200px;}
  #layout_b #bloglist{background-color: #fff;padding: 4% 2% 0 2%;}
  #bloglist .boss_bloglistbox{width: 46%;float: left;padding: 0 2% 5% 2%;}
  #kouken{padding: 2% 2.5% 0 2.5%;}
  .koukenbana{text-align: center;}

  /*** ご注文の流れ ***/
  .flowbox{background-position: left 10px;background-size: auto 70px;padding: 90px 0 20px 0;}
  .flowbox #tel {width: 65%; height: auto;padding-bottom: 15px;padding-right: 0;}
  .flowbox a#fm{display: block;text-align: center; }

  /*** サイトマップ ***/
  #subcont #sitemap{width: 100%;margin: 0;padding: 0 0 20px 0;float: none;}
  #sitemapsidearea{float: none;width: 100%;}
  #sitemapsidearea p{width: 50%;float: left;text-align: center;padding: 0 0 1.5% 0;}
  #sitemapsidearea p img{width: 98%;}
  /*** セミナー ***/
  .layout_tablearea{width: 100%;float: none;}
  .layout_tablearea td.ttd{white-space: nowrap;}
  .layout_imgarea{width: 100%;float: none;text-align: center;}
  .layout_imgarea img{width: 70%;height: auto;}

/*** CM ***/
.tvcm{margin-bottom: 10px;padding-bottom: 35px;}
.tvcm video{padding-bottom: 5px;}
#media h2 img{height: 25px; width:auto;}
#media .tvcm p{background-position: 12px 2px;line-height: 130%;}
.radio{padding: 15px 2% 15px 2%;margin-bottom: 2px;}

}