@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);
html,img{
margin:0;
font-weight:400
position:relative;
}

html{
overflow-y:scroll
}

body{
line-height:1;
margin:0;
position:relative;
}

abbr,address,article,aside,audio,b,blockquote,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,ins,kbd,legend,li,menu,nav,object,ol,p,pre,q,samp,small,span,sub,summary,sup,tbody,tfoot,thead,time,tr,ul,var,video{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:400;
vertical-align:baseline;
background:0 0
}

img{
padding:0;
border:0
}

body,html,label,mark,section,strong{
padding:0;
border:0;
vertical-align:baseline
}

mark,strong{
margin:0
}

label,section{
font-weight:400
}

body,html,img,label,mark,section,strong,table,td,th{
outline:0;
background:0 0
}

table{
padding:0;
border:0;
vertical-align:baseline
}

td,th{
margin:0;
font-weight:400
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}

ul{
list-style:none
}

blockquote,q{
quotes:none
}

blockquote:after,blockquote:before,q:after,q:before{
content:none
}

a,hr{
padding:0
}

a{
vertical-align:baseline;
background:0 0;
margin:0
}

ins,mark{
background-color:#ff9;
color:#000
}

ins{
text-decoration:none
}

mark{
font-style:italic;
font-weight:700
}

del{
text-decoration:line-through
}

abbr[title],dfn[title]{
border-bottom:1px dotted;
cursor:help
}

table{
border-spacing:0;
font-size:inherit;
font:100%
}

hr{
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0
}

input,select{
vertical-align:middle
}

body{
font:13px/1.231 arial,helvetica,clean,sans-serif;
*font:x-small
}

button,input,select,textarea{
font:99% arial,helvetica,clean,sans-serif
}

code,kbd,pre,samp,tt{
font-family:monospace;
*font-size:108%;
line-height:100%
}

.mt0{
margin-top:0!important
}

.mb0{
margin-bottom:0!important
}

.pt0{
padding-top:0!important
}

.pb0{
padding-bottom:0!important
}

.mt5{
margin-top:5px!important
}

.mb5{
margin-bottom:5px!important
}

.pt5{
padding-top:5px!important
}

.pb5{
padding-bottom:5px!important
}

.mt10{
margin-top:10px!important
}

.mb10{
margin-bottom:10px!important
}

.pt10{
padding-top:10px!important
}

.pb10{
padding-bottom:10px!important
}

.mt15{
margin-top:15px!important
}

.mb15{
margin-bottom:15px!important
}

.pt15{
padding-top:15px!important
}

.pb15{
padding-bottom:15px!important
}

.mt20{
margin-top:20px!important
}

.mb20{
margin-bottom:20px!important
}

.pt20{
padding-top:20px!important
}

.pb20{
padding-bottom:20px!important
}

.mt25{
margin-top:25px!important
}

.mb25{
margin-bottom:25px!important
}

.pt25{
padding-top:25px!important
}

.pb25{
padding-bottom:25px!important
}

.mt30{
margin-top:30px!important
}

.mb30{
margin-bottom:30px!important
}

.pt30{
padding-top:30px!important
}

.pb30{
padding-bottom:30px!important
}

.mt35{
margin-top:35px!important
}

.mb35{
margin-bottom:35px!important
}

.pt35{
padding-top:35px!important
}

.pb35{
padding-bottom:35px!important
}

.mt40{
margin-top:40px!important
}

.mb40{
margin-bottom:40px!important
}

.pt40{
padding-top:40px!important
}

.pb40{
padding-bottom:40px!important
}

.mt45{
margin-top:45px!important
}

.mb45{
margin-bottom:45px!important
}

.pt45{
padding-top:45px!important
}

.pb45{
padding-bottom:45px!important
}

.mt50{
margin-top:50px!important
}

.mb50{
margin-bottom:50px!important
}

.pt50{
padding-top:50px!important
}

.pb50{
padding-bottom:50px!important
}

.mt55{
margin-top:55px!important
}

.mb55{
margin-bottom:55px!important
}

.pt55{
padding-top:55px!important
}

.pb55{
padding-bottom:55px!important
}

.mt60{
margin-top:60px!important
}

.mb60{
margin-bottom:60px!important
}

.pt60{
padding-top:60px!important
}

.pb60{
padding-bottom:60px!important
}

.mt65{
margin-top:65px!important
}

.mb65{
margin-bottom:65px!important
}

.pt65{
padding-top:65px!important
}

.pb65{
padding-bottom:65px!important
}

.mt70{
margin-top:70px!important
}

.mb70{
margin-bottom:70px!important
}

.pt70{
padding-top:70px!important
}

.pb70{
padding-bottom:70px!important
}

.mt75{
margin-top:75px!important
}

.mb75{
margin-bottom:75px!important
}

.pt75{
padding-top:75px!important
}

.pb75{
padding-bottom:75px!important
}

.mt80{
margin-top:80px!important
}

.mb80{
margin-bottom:80px!important
}

.pt80{
padding-top:80px!important
}

.pb80{
padding-bottom:80px!important
}

.mt85{
margin-top:85px!important
}

.mb85{
margin-bottom:85px!important
}

.pt85{
padding-top:85px!important
}

.pb85{
padding-bottom:85px!important
}

.mt90{
margin-top:90px!important
}

.mb90{
margin-bottom:90px!important
}

.pt90{
padding-top:90px!important
}

.pb90{
padding-bottom:90px!important
}

.mt95{
margin-top:95px!important
}

.mb95{
margin-bottom:95px!important
}

.pt95{
padding-top:95px!important
}

.pb95{
padding-bottom:95px!important
}

.mt100{
margin-top:100px!important
}

.mb100{
margin-bottom:100px!important
}

.pt100{
padding-top:100px!important
}

.pb100{
padding-bottom:100px!important
}

*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

.container-fluid{
margin-right:auto;
margin-left:auto;
padding-left:1.28205%;
padding-right:1.28205%
}

.container-fluid:after,.container-fluid:before{
content:" ";
display:table
}

.container-fluid:after{
clear:both
}

.container:after,.container:before{
content:" ";
display:table
}

.container:after{
clear:both
}

html{
font-size:62.5%
}

body{
background:#fff;
color:#000;
font-family: 'Noto Sans Japanese',sans-serif;
}

#page{
width:100%;
margin:0 auto;
font-size:14px;
overflow:hidden;
}

a:link,a:visited{
color:#00f
}

a:hover{
text-decoration:none
}

a:active,a:hover{
color:#00f
}

img,td,th{
vertical-align:top
}

img{
line-height:1;
font-size:0;
height:auto;
/max-width:100%
}

table{
width:100%;
margin:0 auto 20px;
border-collapse:collapse
}

td,th{
padding:10px;
border:1px solid #ccc
}

section{
margin:0 0 40px
}


.imgArea{
overflow:hidden
}

.inline_block,.wp-pagenavi .alignleft,.wp-pagenavi .alignright,.wp-pagenavi .center,.wp-pagenavi a,.wp-pagenavi span{
display:inline-block;
*display:inline;
*zoom:1
}

.table_cell{
display:table-cell;
*display:inline;
*zoom:1;
vertical-align:middle
}

.ovfl{
overflow:hidden
}

.alignright,.fr,.imgR{
float:right;
margin-left:10px
}

.alignleft,.fl,.imgL{
float:left;
margin-right:10px
}

.aligncenter,.btn,.imgC,.tC{
text-align:center
}

.aligncenter,.imgC{
display:block;
margin-left:auto;
margin-right:auto
}

.sign,.tR{
text-align:right
}

.clearfix,.l-contents{
*zoom:1
}

.clearfix:after,.l-contents:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden
}

ol{
list-style-type:none
}

#side{
padding-bottom:30px;
font-size:15px;
position:relative;
}
#side nav img{
width:200px;
}
#side h3{
	margin-bottom:20px;
	font-size:20px;
}
strong{
font-weight:700
}

.fadeInUp{
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name:fadeInUP;
animation-name:fadeInUp;
visibility:visible!important
}

@-webkit-keyframes fadeInUp{
0%{
opacity:0;
-webkit-transform:translateY(-20px)
}

to{
opacity:1;
-webkit-transform:translateY(0)
}


}

@keyframes fadeInUp{
0%{
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(-20px)
}

to{
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}


}

.fadeInRight{
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name:fadeInRight;
animation-name:fadeInRight;
visibility:visible!important
}

@-webkit-keyframes fadeInRight{
0%{
opacity:0;
-webkit-transform:translateX(-20px)
}

to{
opacity:1;
-webkit-transform:translateX(0)
}


}

@keyframes fadeInRight{
0%{
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}

to{
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}


}

.fadeInLeft{
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft;
visibility:visible!important
}

@-webkit-keyframes fadeInLeft{
0%{
opacity:0;
-webkit-transform:translateX(20px)
}

to{
opacity:1;
-webkit-transform:translateX(0)
}


}

@keyframes fadeInLeft{
0%{
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}

to{
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}


}

.home .main_visual{
padding-top:0
}

.main_visual{
padding-top:36px;
background:#000;
display:none
}

.main_visual #wrapper{
position:relative;
margin:0 auto;
padding:0
}

.main_visual #wrapper .c-navi{
background:#eee
}

.main_visual #wrapper .c-navi .container{
height:auto;
padding-top:15px;
padding-bottom:5px
}

.main_visual #wrapper .c-navi ul{
width:280px;
float:right
}

.main_visual #wrapper .c-navi ul li a{
float:left;
color:#888;
text-decoration:none;
font-size:1.4rem;
margin-right:40px
}

.main_visual #wrapper .c-navi ul li a.active{
color:#000;
border-bottom:2px solid #000;
padding-bottom:12px
}

.main_visual #wrapper .container{
color:#fff;
font-family:Oswald;
font-size:25px;
padding-top:20px;
position:relative;
height:98px
}

.main_visual #wrapper .container span{
position:absolute;
bottom:16px
}

.main_visual #news{
background:url(../../img/main/main_visual_news.jpg) no-repeat;
background-size:cover;
height:300px
}

.main_visual #company{
background:url(../../img/main/main_visual_company.jpg) no-repeat center center;
background-size:cover
}

.main_visual #business{
background:url(../../img/main/main_visual_business.jpg) no-repeat;
background-size:cover
}

.main_visual #recruit{
background:url(../../img/main/main_visual_recruit.jpg) no-repeat;
background-size:cover;
height:300px
}

.main_visual #contact,.main_visual #privacy{
background:url(../../img/main/main_visual_contact.jpg) no-repeat;
background-size:cover
}

.main_visual .content{
position:relative;
margin:0 auto;
padding:0;
height:380px
}

.gnavi ul.gnavi_menu>li>a:hover{
color:#028B4F
}

.gnavi li.ddl *,.gnavi ul.gnavi_menu>li>a{
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}

.gnavi ul{
margin:0 auto;
}

.gnavi ul li{
display:block;
word-wrap:normal;
float: left;
margin-left: 60px;
padding-top: 4px;
}

.gnavi ul li a{
font-family:'Noto Sans Japanese',sans-serif;
color:#333;
font-size:14px;
font-weight:500;
text-align:center;
text-decoration:none;
background-position:center 25px;
background-repeat:no-repeat;
padding: 15px 0 15px 0; 
}

.gnavi ul li.contact a{
background:#028B4F;
color:#fff
}

.gnavi .gnavi_menu,.gnavi li.ddl{
position:relative;
margin:0;
padding:0
}

.gnavi li.ddl{
list-style:none;
font-size:14px;
text-align:center;
font-weight:700
}

.gnavi li.ddl a{
display:block;
text-decoration:none
}

.gnavi li.ddl ul{
position:absolute;
top:60px;
width:170px;
z-index:100;
height:0
}

.gnavi li.ddl ul li{
visibility:hidden;
overflow:hidden;
height:0;
width:170px
}

.gnavi li.ddl ul li a{
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s;
padding-top:20px;
border-bottom:2px solid #fff;
line-height:2.6;
padding-left:25px;
text-align:left;
font-size:1.3rem;
color:#fff
}

.gnavi li.ddl ul li a i{
float:right;
line-height:2.6;
font-size:1.3rem;
padding-right:20px
}

.gnavi li.ddl:hover ul,.gnavi ul li a{
display:block
}

.gnavi li.ddl a:hover ul li,.gnavi li.ddl:hover li{
visibility:visible;
overflow:visible;
height:60px;
z-index:10
}

.gnavi li.ddl:hover li a{
padding-top:12px;
display:block;
background-color:rgba(42,170,171,.85)
}

.crumbs{
color:#000;
margin:10px 0
}

.crumbs li{
display:inline
}

.pagetop{
position:fixed;
right:10px;
bottom:10px;
z-index:10000
}

.bg1{
background:#333;
color:#fff
}

.bg2{
background:#acc
}

.bg3{
background:#efa
}

.bg4{
background:#f25
}

input{
border:1px solid #a7a6aa
}

input,textarea{
padding:5px 7px;
border-radius:2px;
margin:0;
background-color:#fff
}

input[type=text],textarea{
outline:none;
border:1px solid #aaa;
-webkit-transition:all .3s;
transition:all .3s
}

input[type=text]:focus,textarea:focus{
box-shadow:0 0 7px #52a8ec;
border:1px solid #52a8ec
}

input[type=checkbox],input[type=radio]{
margin-right:5px;
vertical-align:baseline;
border-style:none
}

label{
margin:0 15px 0 0
}

.wp-pagenavi{
padding:40px 0;
text-align:center;
overflow:hidden
}

.wp-pagenavi a{
color:#fff
}

.wp-pagenavi a,.wp-pagenavi span{
padding:3px 11px;
background:#028B4F;
border:1px solid #028B4F;
margin:0 5px 10px 0;
text-decoration:none
}

.wp-pagenavi a:hover,.wp-pagenavi span{
background:#fff;
color:#028B4F
}

.wp-pagenavi .pages{
margin-right:20px
}

.wp-pagenavi .alignleft{
vertical-align:top;
max-width:40%
}

.wp-pagenavi .alignleft a,.wp-pagenavi .alignright a{
border:none;
background:0 0;
color:#028B4F
}

.wp-pagenavi .alignleft,.wp-pagenavi .alignright,.wp-pagenavi .center{
margin-top:0;
margin-bottom:0;
float:none
}

.wp-pagenavi .alignright{
vertical-align:top;
max-width:40%
}

.btnArea{
text-align:center
}

.btnArea input{
margin:0 20px
}

input[name=submitBack],input[name=submitConfirm]{
padding:0;
height:45px;
width:185px;
border:none;
cursor:pointer
}

input[name=submitConfirm]{
background:#028B4F;
color:#fff;
display:block;
margin:20px auto
}

.returnTop:hover,input[name=submitBack]:hover,input[name=submitConfirm]:hover,input[name=submitSubmit]:hover{
opacity:.8;
filter:alpha(opacity=80)
}

input[name=submitBack]{
background:#ddd
}

a.returnTop,input[name=submitSubmit]{
	background:#028B4F;
	color:#fff;
	height:45px;
	width:185px;
	border:none;
    line-height: 2.8;
    text-align: center;
}

input[name=submitSubmit]{
cursor:pointer
}

.returnTop{
padding:0;
display:block;
margin:20px auto
}

.require{
background-color: #028B4F;
padding:3px 4px;
color:#fafafa;
font-size:9px;
letter-spacing:1px;
margin:0 0 0 10px;
line-height:9px;
border-radius:3px;
font-family:"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,sans-serif;
zoom:normal
}

.navi{
filter:alpha(opacity=0);
z-index:1000;
-o-transition:1s;
-webkit-transition:1s
}

.navi .in{
padding-top:25px;
margin:0 auto;
position:relative;
padding-bottom:20px;
}

.navi .menuBtn{
height:20px;
width:35px;
position:absolute;
display:block;
z-index:999999;
top:25%;
right:2%
}

.navi .menuBtn::before{
content:"";
position:absolute;
left:0;
top:0;
transition:all .3s ease
}

.navi .menuBtn{
cursor:pointer
}

.navi .menuBtn span{
position:absolute;
left:0;
top:9px;
text-indent:-9999px
}

.navi .menuBtn::after{
content:"";
position:absolute;
left:0;
bottom:0
}

.navi .menuBtn span,.navi .menuBtn::after,.navi .menuBtn::before{
height:2px;
width:35px;
background-color:#888
}

.navi .menuBtn span,.navi .menuBtn::after{
transition:all .3s ease;
-webkit-transition:all .3s ease
}

.navi .imgC{
position:relative;
z-index:1
}

.arrowBtn{
text-align:center;
font-size:12px;
display:block
}

.arrowBtn a{
font-size:16px;
line-height:50px;
border:2px solid #fff;
background:#transparent;
text-decoration:none;
color:#fff;
padding:12px 50px;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease
}

.box{
}

.container,.crumbs{
margin-right:auto;
margin-left:auto;
}

.mod-mv-text span{
position:absolute;
text-align:left;
top:55%;
font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","メイリオ",Meiryo,serif;
color:#fff;
line-height:1.65;
font-weight:800;
width:960px;
margin-left:-460px;
left:50%;
font-size:25px;
letter-spacing:.25em;
text-shadow:0 0 7px #000
}

.mod-mv-text span h2{
line-height:1.5;
font-size:40px
}

.mod-mv-text span h3{
margin-top:20px;
font-size:30px
}

.mod-mv-text span p{
margin-top:30px
}

.mod-mv-text span img{
display:inline-block;
margin-bottom:20px
}

.main_visual{
position:relative
}

.menuBtn span,.menuBtn:before{
-moz-transition:all .3s cubic-bezier(.165,.84,.44,1);
-o-transition:all .3s cubic-bezier(.165,.84,.44,1);
-webkit-transition:all .3s cubic-bezier(.165,.84,.44,1)
}

.menuBtn.is-act:after,.menuBtn.is-act:before{
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
top:9px;
background:#028B4F
}

.menuBtn.is-act:after{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg)
}

.menuBtn:hover{
filter:alpha(Opacity=80);
opacity:.8
}

.menuBtn span.hidden{
display:none
}

.menuBtn span{
top:9px;
text-indent:-9999px;
transition:all .3s cubic-bezier(.165,.84,.44,1)
}

.menuBtn span,.menuBtn::after,.menuBtn::before{
height:2px;
width:35px;
position:absolute;
left:0;
background-color:#575757
}

.menuBtn::after{
content:"";
transition:all .3s cubic-bezier(.165,.84,.44,1)
}

.drawer.is-act{
filter:alpha(enabled=false);
opacity:1;
left:0;
z-index:100000
}
.drawer_menu .fa{
  float:right;
}
.drawer{
position:fixed;
top:90px;
left:-100%;
right:0;
overflow-y:auto;
border-top:1px solid #ccc;
width:100%;
background:#fff;
z-index:-1;
filter:alpha(Opacity=0);
opacity:0;
transition:all .3s cubic-bezier(.165,.84,.44,1);
padding-bottom:30px
}

.drawer,.menu_btn::after{
-moz-transition:all .3s cubic-bezier(.165,.84,.44,1);
-o-transition:all .3s cubic-bezier(.165,.84,.44,1);
-webkit-transition:all .3s cubic-bezier(.165,.84,.44,1);
bottom:0
}

.drawer ul{
width:80%;
height:auto;
margin:12% auto
}

.drawer ul li{
line-height:1.8;
margin-bottom:30px;
border-bottom:1px solid #ccc;
position:relative
}

.drawer ul li a{
font-size:14px;
font-size:1.4rem;
display:block;
color:#111;
text-decoration:none
}

.fixedIn{
position:fixed;
top:101px
}

.scroll-nav a{
color:#333;
text-decoration:none
}

.scroll-nav li a::before{
font-family:FontAwesome;
content:"\f111";
color:#ccc;
padding-right:10px
}

.scroll-nav li.active a::before{
color:#028B4F
}

.l-contents{
_zoom:1;
word-break:normal;
word-wrap:break-word
}


#page .hone .main_visual_outer{
height:auto
}

.paren-pageid-6 #page .main_visual_outer{
height:510px
}

.parent-pageid-4 #page .main_visual_outer{
height:530px
}

.l-header{
font-family:YuGothic,'Yu Gothic',游ゴシック体,游ゴシック,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,'ＭＳ Ｐゴシック',Osaka,'MS PGothic',Arial,Helvetica,Verdana,sans-serif;
}

.l-header .logo a,.l-header.fix{
transition:all .5s cubic-bezier(.165,.84,.44,1)
}


.l-header.fix{
border-bottom:1px solid #ccc;
z-index:1000
}

.home #page{
z-index:-1
}


.l-main{
line-height:180%
}

.l-main blockquote,.l-main dl,.l-main ol,.l-main p,.l-main pre,.l-main table,.l-main ul,.m-business .child .asset .container h3{
margin-bottom:20px
}

.l-footer{
font-family:'Noto Sans Japanese',serif;
width:100%;
color:#028B4F
}

.l-footer .menu{
padding:0;
background:#028B4F
}

.l-footer h1{
padding:20px 0
}

.l-footer h1,.l-footer h1 img{
width:280px
}

.l-footer p{
color:#fff;
font-family:"noto-sans",sans-serif
}

.l-footer a{
color:#fff;
text-decoration:none
}

.l-footer .copyright{
padding:10px 0;
color:#028B4F
}

.l-footer ul.ftNav,.m-business .asset .flexslider .even .bg03 h2{
text-align:right
}

.l-footer ul.ftNav li{
display:inline-block
}

.l-footer ul.ftNav li a{
display:inline-block;
padding:0 15px 20px;
margin-top:40px;
font-size:15px
}

.mainImg{
position:absolute;
z-index:99;
opacity:0;
-moz-transition:1.8s;
-o-transition:1.8s;
-webkit-transition:1.8s;
transition:1.8s;
background-size:cover;
background-image:url(../../img/main/main_img00.jpg);
-webkit-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
overflow-x:hidden;
overflow-y:hidden
}

body #wrapper{
min-height:100%;
overflow:hidden;
position:absolute;
z-index:1
}

h2,h3{
font-family:'Noto Sans Japanese',sans-serif;
}

#page .sec05{
position:absolute;
top:0;
right:0;
left:0;
z-index:auto
}

#canvas,.mainImg,body #wrapper{
width:100%;
height:100%
}

#page{
font-size:1.6rem
}

#page .sec05 h2{
color:#000;
font-size:2.1rem;
margin-top:30px
}

#page .sec05 h3{
margin-top:0;
margin-bottom:15px
}

.m-index .sec01{
position:relative;
font-family:'Noto Sans Japanese',sans-serif;
color:#028B4F;
height:200px
}

.m-index .sec01 .container{
position:absolute;
top:50px;
right:0;
left:0;
opacity:0
}

.m-index .sec01 h1{
font-size:25px;
font-size:2.3rem;
margin-bottom:3.5rem;
line-height:1.4
}

.m-index .sec01 p{
font-size:2rem;
line-height:1.8;
color:#000;
margin-top:20px
}

.m-index .sec02{
background:url(../img/bg/bg_sec02.jpg);
background-attachment:fixed;
background-size:cover;
padding-top:380px;
color:#333
}

.m-index .sec02 .txtArea{
background:#fff;
margin:0
}

.m-index .sec02 .txtArea p{
margin-bottom:1.8rem;
font-size:1.6rem
}

.m-index .sec02 .txtArea h2{
margin-bottom:1.6rem;
font-size:2.1rem;
line-height:1.8
}

.m-index .sec02 .txtArea h3{
color:#028B4F;
margin-bottom:1.2rem
}

.m-index .sec02 .arrowBtn a{
border:1px solid #333;
color:#333
}

.m-index .sec02 .detail{
border:1px solid #ccc;
background:#fff;
padding:30px 35px;
margin-top:-180px
}

.m-index .sec02 .jump{
margin-top:18px;
border-bottom:1px solid #000;
padding-bottom:14px
}

.m-index .sec02 .box{
height:185px;
width:960px;
margin:0 auto
}

.m-index .sec03{
background:url(../img/bg/bg_sec03.jpg);
background-size:800px;
margin-bottom:0
}

.m-index .sec03 .txtArea{
float:right;
margin:100px 100px 50px 60px
}

.m-index .sec03 .txtArea p{
margin-bottom:2.4rem;
font-size:1.6rem
}

.m-index .sec03 .txtArea h2{
margin-bottom:2.2rem;
font-size:2.1rem
}

.m-index .sec03 .txtArea h3{
margin-bottom:2rem
}

.m-index .sec04{
padding:60px 0;
background:#000;
color:#fff;
margin-bottom:0
}

.m-index .sec04 .news_list{
padding:0 120px;
margin-bottom:40px
}

.m-index .sec04 .news_list li{
border-bottom:1px solid #ccc;
padding-bottom:15px;
margin-bottom:15px
}

.m-index .sec04 .news_list li time{
margin:0 50px
}

.m-index .sec04 .news_list li .cat{
text-align:center;
color:#fff;
background:#028B4F;
padding:5px 15px
}

.m-index .sec04 .news_list li a{
margin-left:35px;
text-decoration:none;
color:#fff
}

.m-index .sec04 .arrowBtn a{
color:#fff;
border:1px solid #fff
}

.m-index .sec04 .ttl01{
font-size:30px;
text-align:center;
padding-bottom:15px;
margin-bottom:20px;
letter-spacing:2px;
font-weight:700
}

.m-index .sec05_outer{
position:relative;
height:350px
}

.m-index .sec05{
background:url(../../img/index/sec05.jpg) no-repeat top -220px right;
background-size:cover;
padding:50px 0;
height:350px;
margin-bottom:0;
text-shadow:0 0 3px #fff
}

.m-index .sec05 h2{
margin-top:2.8rem;
margin-bottom:1.4rem;
text-align:center
}

.m-index .sec05 h3{
width:300px;
padding-bottom:0
}

.m-index .sec05 h4{
text-align:center;
font-size:2.5rem;
font-weight:700
}

.m-index .sec05 p{
margin-top:3.5rem;
text-align:center;
font-size:1.6rem
}

.m-privacy{
margin:80px 0
}

.m-company section h2,.m-company section.outline h2,.m-privacy h2{
font-size:3.5rem;
margin-bottom:50px
}

.m-privacy h3{
color:#028B4F;
margin-bottom:20px
}

.m-privacy table{
margin:30px 0
}

.m-privacy table th{
background:#028B4F;
color:#fff
}

.m-privacy ol{
padding-left:25px
}

.m-company .history{
position:relative
}

.m-company .history .pnl{
margin-left:0
}

.page-id-14 .outline .container{
background:url(../../common/img/bg/bg_company.png) no-repeat bottom 50px right;
background-size:820px
}

.m-business h2,.m-company section.outline02 strong{
color:#028B4F
}

.m-company section.outline02 .pnl{
margin-top:100px;
border-left:1px solid #000
}

.m-company .pnl{
padding-left:30px;
margin-left:30px
}

.m-company .pnl table td,.m-company .pnl table th{
border:none;
padding:15px 30px
}

.m-company .pnl table th{
width:160px;
border-left:1px solid #000!important
}

.m-company section.sec05 h3{
text-align:center
}

.m-company section{
position:relative;
z-index:1
}

.m-company section h3{
text-align:right;
padding-bottom:30px;
color:#028B4F
}

article.m-contact{
margin:50px 0 0
}

article.m-contact .contactNotice{
border:none
}

article.m-contact .subTtl03,article.m-contact h2{
font-size:3.5rem;
margin-bottom:50px
}

article.m-contact input[name=submitConfirm]{
background:#000
}

article.m-contact .contactForm table th{
text-align:left
}

.m-business .box{
padding:0 0 50px;
border-bottom:1px solid #333;
display:inline-block;
font-size:1.6rem;
max-width:470px
}

.m-business .bg .box{
border:none;
padding:0
}

.m-business .asset dl{
border-left:1px solid #000;
padding-left:20px;
margin:0
}

.m-business .asset .row .col-md-12 h2{
color:#000;
font-size:2.6rem;
margin-bottom:30px
}

.m-business .asset .flexslider p{
border-left:1px solid #333;
padding-left:30px
}

.m-business .asset .flexslider img{
float:right;
width:auto
}

.m-business .asset .flexslider .even p{
border:none;
border-right:1px solid #333;
padding-right:28px;
padding-left:29px
}

.m-business .child .asset{
padding-top:50px;
padding-bottom:0;
margin-bottom:0
}

.m-business .child .asset .container .col-md-6 img{
margin:80px 0 50px
}

.m-business section .container .col-md-12 h2.idx{
font-size:3rem
}

.m-business section .container h3{
margin-top:40px;
font-size:1.6rem;
line-height:1.5
}

.m-business .child,.m-contact .contactNotice p,.m-contact .contactTel p{
margin:0
}

.m-business .child .bg{
margin:50px 0
}

.m-business .child .bg .col-md-7 .cut{
overflow:hidden;
max-height:350px
}

.m-business .child .bg .col-md-5{
margin-top:50px
}

.m-business .child section{
padding:20px 0
}

.m-business .child .bg02{
background:#f9f9f9 url(../img/bg/bg_business02.png) no-repeat left center;
background-size:35%!important;
margin-bottom:0;
border-top:2px solid #333
}

.m-business .child .bg02 .container .col-md-12{
margin:50px 0;
padding-left:30%;
overflow:hidden;
font-size:1.8rem;
line-height:2.8rem
}

.m-business .child .bg03,.m-business .child .bg04{
background-size:35%!important;
margin-bottom:0;
border-top:3px solid #333
}

.m-business .child .bg03{
background:url(../img/bg/bg_business03.png) no-repeat right center
}

.m-business .child .bg03 .container .col-md-12{
margin:50px 0;
padding-right:30%;
text-align:right;
overflow:hidden;
font-size:1.8rem;
line-height:2.8rem
}

.m-business .child .bg04{
background:#f9f9f9 url(../img/bg/bg_business04.png) no-repeat left center;
border-bottom:3px solid #333
}

.m-business .child .bg04 .container .col-md-12{
margin:50px 0;
padding-left:30%;
overflow:hidden;
font-size:1.8rem;
line-height:2.8rem
}

.m-business .child .bg .container{
margin:0 auto
}

.m-business .child .bg .container .col-md-12{
padding-left:66%
}

.m-business .child h2{
font-weight:700;
color:#028B4F;
margin-top:2rem;
font-size:3rem;
margin-bottom:5rem
}

.m-business section.bg_business02{
padding:60px 0 300px;
background:url(../../img/business/business.jpg) no-repeat center 240px
}

.m-business .bg_business{
margin-top:30px;
position:relative;
background:url(../img/bg/bg_business01.jpg) no-repeat center center;
padding:80px 0;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
-ms-behavior:url(/common/css/backgroundsize.min.htc);
color:#fff
}

.m-business .pt02 h2{
text-align:right
}

.m-business section h2{
font-size:2rem;
margin-bottom:20px
}

.m-business section.start{
position:relative
}

.m-business section.start .container{
text-align:center;
padding-top:50px;
margin-bottom:50px
}

.m-business section.start .container h2{
color:#000;
margin-bottom:10px;
font-size:2.3rem
}

.m-business section.start .container h3{
font-size:2.6rem;
margin-top:0;
line-height:1.8;
font-weight:700;
color:#666
}

.m-business section.start .container h4{
font-size:2rem;
margin-bottom:20px;
line-height:2;
color:#028B4F
}

.m-business section.start .container p strong{
margin-bottom:10px;
display:block
}

.m-business section.intro{
text-align:center;
padding-bottom:50px;
background:#f3f8fb url(../img/bg/bg_intro.svg) no-repeat center center;
background-size:480px 300px
}

.m-business section.intro .container{
padding-top:50px;
margin-bottom:0
}

.m-business section.intro .box{
border:none;
text-align:left;
padding-left:110px;
padding-bottom:0;
max-width:none;
width:auto
}

.m-business section.intro h2{
font-size:3.2rem;
margin-bottom:30px;
font-weight:700
}

.m-business section.intro h3{
margin-top:0;
margin-bottom:20px;
line-height:1.8;
font-size:2rem;
font-weight:700;
color:#666
}

.m-business section.intro h4{
font-size:2.5rem;
font-weight:700;
line-height:2
}

.m-business section.intro p{
line-height:2.5rem;
margin:30px 0;
clear:both;
font-family:"游ゴシック体","Yu Gothic",YuGothic,"Helvetica Neue",Helvetica,Arial,sans-serif
}


.m-notfound h2{
margin:0 auto 30px;
padding:10px 20px;
background:#f0f0f0;
border-left:10px solid #666
}

.m-notfound .body{
padding:0 30px 30px
}

.m-contact .contactTel{
outline:solid 1px #ddd;
border:1px solid #028B4F;
margin:30px auto;
padding:20px;
text-align:center
}

.m-contact .contactTel a{
color:#000;
text-decoration:none
}

.m-contact .contactTel .number{
font-size:24px;
font-size:2.4rem;
font-weight:700;
margin:15px 0
}

.m-contact .mw_wp_form_confirm .contactTel{
display:none
}

.m-contact .contactConfirm,.m-contact .contactInput{
margin:20px auto
}

.m-contact .contactComplete{
max-width:960px;
margin:20px auto
}

.m-contact .contactComplete .returnTop{
color:#fff;
background:#999;
border-style:none;
padding:10px 30px;
font-size:16px;
cursor:pointer;
display:inline-block;
*display:inline;
*zoom:1
}

.m-contact .contactForm{
margin:0 auto
}

.m-contact .contactForm td,.m-contact .contactForm th,#contact th,#contact td{
padding:10px;
vertical-align:middle
}

.m-contact .contactForm th,#contact th{
padding-right:20px;
background-color: #EDEDEF;
}


.m-contact .contactNotice{
border-radius:2px;
padding:20px;
margin:20px auto
}

.m-contact .contactNotice a,.m-news .news_list a{
text-decoration:none;
color:#028B4F
}

.m-contact .contactNotice .ttl{
background:#eee;
color:#fff;
padding:5px 20px;
margin:-20px -20px 20px
}

.m-news .news_list a{
color:#000;
border-bottom:1px solid #333;
padding-bottom:15px;
display:block;
margin-bottom:30px
}

.m-news .news_list a time{
display:block;
color:#028B4F
}

.m-news a .piece{
text-decoration:none;
color:#333;
overflow:hidden;
display:block
}

.m-news .dropdown{
text-align:right;
margin:20px
}

.m-news .piece h2{
line-height:2
}
.menuBtn{
margin-right:15px;
margin-top:5px;
}
@media only screen and (max-width:767px){
div.flow{
	margin:0px 15px;
}
#page .l-header .in h2{
	font-size:12px;
}
.l-header .navi .in{
	padding:15px 0px;
}
.l-header .in img{
	width:200px !important;
}
div.l-news .box{
	padding:15px 15px;
}
.border-right.box{
	border:none;
}
.row {
    margin-right: -5px;
    margin-left: -5px;
}
p.copyright {
    padding: 30px 0px 0px 0px;
    text-align: center;
    line-height: 1.8rem;
    font-size: 12px;
}
#idea .container .col-md-12{
  padding-top:30px !important;
}
#idea .container .col-md-12 .subTtl01{
  margin-bottom:10px !important;
  display:block;
}
#idea .container .ttlArea h3{
  margin-bottom:20px !important;
}
input[type=text],textarea{
  width:100%;
}
body #news .piece h2{
  margin-top:0px;
  margin-left:0px;
}

.ul-menu li {
  padding:0px;
}
#page .products_list .table-responsive{
  border:none;
}
.products_list table tbody{
  white-space:normal;
}
#page .products_list table tbody td{
  white-space:normal;
  width:30%;
}
.imgArea .in {
	text-align:center;
	float:none !important;
	width:100% !important;
}
.lit {
 width:auto !important;
}
.l-idea .imgArea{
  float:none;
  width:100%;
}
#outline .col-md-4 div{
  float:none !important;
}
.imgArea .in img{
	width:auto !important;
}
#outline table {
    height:inherit !important;
}
#outline img {
    margin:0px !important;
	margin-bottom:15px !important;
}
#outline .container .col-sm-4 div{
	float:none !important;
	text-align:center;
}
#outline .container .col-sm-4 div img{
	float:none !imoprtant;
	display:inliene-block;
	margin:10px 0px !important;
	border:none !important;
}
#outline .container .col-sm-4 div img:nth-child(even) {
	padding-left:90px;
}

.imgArea .in img {
	margin:15px 0px !important;
	float:none !important;
	display:inline-block;
}
#idea h2.subTtl01 {
  font-size:2.0rem !important;
}
#page .container p {
   width:inherit !important;
}
#page #mainVisual h2 {
	position:inherit;
	margin-top:0px;
	margin-bottom:0px;
}
#page #mainVisual h2 span.en{
	margin-top:0px;
}
#page .ul-menu {
	margin:0px !important;
}
#page .l-advantage {
  margin:20px 0px;
}
#page .l-philosophy .box{
  padding:20px 0px;
}
#page .l-philosophy h4{
  font-size:1.6rem;
}
#page h2.subTtl01 {
  font-size:1.8rem;
}
#page section {
	margin-bottom:0px;
}
#page .l-advantage {
    margin-bottom:20px;
}
#page > div.content {
    margin: 30px 0px;
}
#page .content.test{
    padding:0px;
    padding-top:30px;
    margin-top:0px !important;
    margin-bottom:30px !important;
    background-size:contain;
    background-position-y:0px;
}
#page .content.test.imgArea{
	margin-top:0px !important;
}
#page .content.test .subTtl01{
	margin-top:0px !important;
    margin-bottom:0px !important;
}
.footer-navi{
	display:none;
}
.philosophy .subTtl01 span{
  font-size:2.2rem !important;
  display:block;
}

.logoArea img {
  display:inline-block;
  width:160px;
}
.logoArea {
  text-align:center;
}
#page #footer .logoArea p {
  float:inherit;
  margin-left:0px;
  padding-top:10px !important;
  font-size:1.2rem !important;
  text-align:center;
}
#page #footer .content {
  padding:0px;

}
.page #page .l-other{
  background-size:cover;
  background-position:center center;
}
#page .l-other .content .box .in{
	padding:10px;
}
#page .container p {
font-size:1.4rem;
}
.l-other .content .box a.jump{
	width:100%;
	text-align:center;
}
.row h1 {
	text-align:center;
}
.row h1 a img{
	display:inline-block;
}
.ef {
	font-size:4.5rem !important;
	width:100% !important;
	text-align:center;
	top:20% !important;
}
#page .m-literal {
	font-size:2.0rem;
	padding:0px 0px;
}
#page .m-literal span{
	font-size:1.4rem;
}
#page .flexslider {
	margin-bottom:10px;
}
#literal00{
    bottom:20% !important;
    width:100% !important;
}
#literal00 h2{
	font-size:2.6rem !important;
	margin-left:0px !important;
	width:100% !important;
	text-align:center;
}
#literal00 p{
	font-size:1.2rem !important;
	margin-left:0px !important;
	width:100% !important;
	text-align:center;
}
#literal00 h3{
	font-size:2.2rem !important;
	margin-left:0px !important;
	line-height:1.2 !important;
	width:100% !important;
	text-align:center;
}
#literal02 {
	top:26% !important;
}
#page ul.ul-menu li a{
padding: 50px 0px 40px 0px;
}
#page ul.ul-product li a{
	padding:5px;
	font-size:1.3rem;
}
.ul-product figure img {
    opacity: .65;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
}
.ul-product figure:after {
    opacity: 1;
    -webkit-transform: scale(0.92, 0.88);
    -moz-transform: scale(0.92, 0.88);
    transform: scale(0.92, 0.88);
}
.ul-product figure figcaption {
    letter-spacing: 1px;
    opacity: 1;
}
#page ul.ul-product li a figure{
	height:100px;
}
#page .l-logic br{
}
#page .l-logic {
	margin-top:0px;
	padding:15px 0px;
	background: url(../img/bg_logic02.jpg);
}
#page .l-logic br{
	display:none;
}
#page .l-logic .box{
	height:450px;
}
#page .l-logic h4{
	font-size:1.6rem;
	margin:15px 0px;
	padding:10px 0px;
}
#page .l-logic p{
	font-size:1.2rem;
}
.ul-product figure:after {
	opacity: 1;
}
#page .l-other {
	margin-top:0px;
	padding:15px 0px;
	background: url(../img/bg_other02.jpg);
}

#page .m-business .child.work .container .col-md-12 br,.m-business .flex-direction-nav,.m-business section.intro .box br,.page-id-14 .outline .container br,.scroll-nav,canvas{
display:none
}
#crumbs{
	margin-left:15px !important;
}
#page .hone .main_visual_outer,#page .main_visual .c-navi #wrapper .container,.parent-pageid-4 #page .main_visual_outer,.parent-pageid-6 #page .main_visual_outer{
height:auto
}
.l-advantage .txtArea,.l-advantage .imgArea{
	padding-right:5px !important;
	padding-left:5px !important;
}
#page .test #concept .container {
	padding-right:15px !important;
	padding-left:15px !important;
}
#page .container {
	padding-right:5px !important;
	padding-left:5px !important;
}
#page div#page_ttl .container {
    margin: 0 auto;
    overflow: hidden;
    background: url(../img/bg/ttl_bg.jpg) no-repeat center center;
    padding: 10px 0px;
    padding-left: 50px;
    background-size: cover;
}
#page div#page_ttl h2{
font-size:18px;
padding-right:15px;
padding-left:15px;
marging-bottom:5px;
}
#page div#page_ttl h1{
font-size:16px;
padding-right:15px;
padding-left:15px;
padding-top:0px;
paddin-bottom:10px;

}
#page h3{
font-size:16px;
}

.m-business section.intro{
background-size:280px 300px;
padding-bottom:0;
margin-bottom:0
}

.m-business .work .box{
padding-bottom:10px;
border:none
}

.m-business .asset .flexslider img{
margin-bottom:20px
}

.m-index .sec01{
height:125px
}

.m-company section.outline02 .pnl{
margin-top:40px
}

.m-company .pnl table td,.m-company .pnl table th{
text-align:left;
display:block
}

.m-index .sec05_outer{
height:250px
}

.m-index .sec05{
padding:30px 0;
height:250px
}

#page .main_visual .content{
height:150px
}

#page .main_visual #wrapper .container{
font-size:20px;
padding-top:20px;
height:68px
}

.m-company dl dd{
margin:8px 0 0
}

.m-company section.outline02{
margin:40px 0
}

.m-company .outline02 .pnl{
margin-top:0;
border-left:1px solid #000;
padding-left:10px;
margin-left:10px
}

.m-company .pnl{
margin-top:20px;
padding-left:10px;
margin-left:10px
}

.m-company,.m-news,.m-recruit{
margin:40px 0 0
}

.page-id-14 .outline .container{
background:url(../../common/img/bg/bg_company.png) no-repeat center center;
background-size:380px
}

.page-id-6 #page h2{
font-size:18px
}

.page-id-6 #page h4{
font-size:16px
}

.m-business section.intro .container{
padding-top:20px
}

#page .m-business .child .bg{
margin:0
}

#page .m-business .child section{
padding:0
}

#page .m-business .child section.fadeInRight{
background-position:top 90px right 15px;
background-size:55%!important
}

#page .m-business .child section.bg04,#page .m-business .child section.fadeInLeft{
background-position:top 90px left 15px;
background-size:55%!important
}

#page .m-business .child .bg .col-md-5{
margin-top:10px;
margin-left:10px;
margin-right:10px
}

.m-business section.intro .box{
padding-left:10px
}

#page .m-business .child.work .container .col-md-12{
margin:15px 0;
padding-left:10px;
padding-right:10px
}

#page .m-business .child.work .container .col-md-12 h2{
margin-bottom:150px
}

.m-recruit table{
margin:0;
width:100%
}

#page .main_visual{
padding-top:45px
}

.l-header .logo{
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-webkit-transform:scale(1,1);
transform:scale(1,1)
}

.l-header .logo a{
padding:45px 0 0;
width:120px
}

.l-header .navi,.m-index .sec02 .box{
height:auto
}

#page{
font-size:1.2rem
}

#page .main_visual .flexslider{
margin-bottom:20px
}

.m-index .sec01{
margin-bottom:10px
}

.m-index .sec01 h1{
font-size:1.7rem;
margin-bottom:2rem
}

.m-index .sec01 p{
font-size:1.1rem
}

.m-index .sec02{
margin-bottom:0;
background:url(../img/bg/bg_sec02.jpg) center top;
background-size:contain;
padding-top:360px;
color:#333
}

.m-index .sec02 .detail{
border:none
}

.m-index .sec02 .jump{
margin-top:0
}

.m-index .sec03{
background-size:contain
}

.m-index .sec03 .txtArea{
margin:180px 0 0
}

.m-index .sec03 .txtArea .box{
padding:20px 15px
}

.m-index .sec04 .news_list{
padding:0 2%
}

.m-index .sec04 .news_list li time{
margin-left:0;
margin-bottom:8px;
display:block
}

.m-index .sec04 .news_list li .cat{
margin-left:0;
margin-bottom:8px;
display:inline-block
}

.m-index .sec04 .news_list li a{
margin-left:0;
display:block
}

.m-index .sec05{
background:url(../../img/index/sec05.jpg) no-repeat bottom center
}

.m-index .sec05 h2{
font-size:1.6rem;
line-height:1
}

.m-index .sec05 h4{
font-size:1.4rem
}

.m-index .sec05 h3{
width:200px
}

.mod-mv-text span{
position:absolute;
text-align:left;
padding-left:20px;
top:48%;
font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","メイリオ",Meiryo,serif;
color:#fff;
line-height:1.65;
font-weight:800;
right:0;
left:0;
width:auto;
margin:auto;
font-size:10px;
letter-spacing:.25em;
text-shadow:0 0 7px #000
}

.mod-mv-text span h2{
font-size:15px
}

.mod-mv-text span h3{
margin-top:15px;
font-size:10px
}

.mod-mv-text span p{
margin-top:12px
}

.mod-mv-text span img{
display:inline-block;
margin-bottom:20px
}

.table-responsive{
width:100%;
margin-bottom:5px;
overflow-y:hidden;
overflow-x:scroll
}

.table-responsive tbody{
width:auto;
position:relative;
overflow-x:auto;
white-space:nowrap
}

.table-responsive tr{
vertical-align:top
}

.gnavi{
display:none
}

.m-index .sec02 .detail{
padding:2% 5%
}

.m-index .sec02 .box{
width:auto;
padding:0
}

.outline02 dl dt,.outline03 dl dt{
clear:both;
width:30%
}

.l-footer .copyright{
text-align:center
}


}
@media only screen and (min-width:992px){
#mainVisual{
	display:none;
}
#side{
	width:250px;
	padding:15px;
	float:right;
}
#outline .reset{
  width:auto !important;
  float:none !important;
}
.img_area{
	float:right;
}
.thumbnailList li {
    float: left;
    position: relative;
}
.worksList li {
    width: 300px;
    margin: 22px 26px 8px 0;
    padding: 8px 8px 15px;
    background: #fff;
}
.thumbnailList li {
    float: left;
    position: relative;
}
.worksList li {
    width: 300px;
    margin: 22px 26px 8px 0;
    padding: 8px 8px 15px;
    background: #fff;
}

.thumbnailList .thumbnail {
    display: block;
    overflow: hidden;
    margin: 0 0 10px;
    text-align: center;
}

.worksList .thumbnail {
    width: 300px;
    height: 200px;
    text-align: center;
}
.thumbnail > img{
	max-width:100%;
}
#top_retrofitting {
	padding-left:30px;
}
}
@media only screen and (max-width:991px){

.slide_all	{
	display:none;
}

#outline .col-sm-6 img{
  margin-top:10px !important;
}
.reset{
  margin:0px !important;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.in img:first-child {
  width:100%;
}
#idea .ttlArea h2.subTtl01 {
    margin: 0px auto 50px auto !important;
    display: block !important;
}
#page .l-philosophy h2.subTtl01 span{
  font-size:32px !important;
}
#page .m-advantage {
	margin-bottom:0px !important;
}
#page .philosophy h2.subTtl01:first-child  span{
  font-size:36px !important;
}
#page .l-advantage h2 {
  margin-top:0px;
}
#footer .content {
padding:0px;
text-align:center;
}
#footer .logoArea p {
padding-top:20px !important;
float:none !important;
margin:0px !important;
}
.ul-menu li {
  padding:0px;
  padding-bottom:15px;
}
.gnavi{
	display:none;
}
.scroll-nav,canvas{
display:none
}

#page .hone .main_visual_outer,.parent-pageid-4 #page .main_visual_outer,.parent-pageid-6 #page .main_visual_outer{
height:auto
}

.l-footer h1,.l-footer h1 img{
width:250px
}

.m-index .sec05{
background:url(../../img/index/sec05.jpg) no-repeat center center
}

.main_visual .content{
height:300px
}

.page-id-14 .outline .container{
background:url(../../common/img/bg/bg_company.png) no-repeat bottom center center;
background-size:580px
}

.l-footer ul.ftNav li{
margin-bottom:40px
}

.m-index .sec02{
background:url(../img/bg/bg_sec02.jpg) center 500px;
padding-top:500px;
color:#333
}

.m-index .sec04 .news_list{
padding:0
}

.m-index .sec03 .txtArea{
width:500px;
float:none;
margin:80px auto
}

.gnavi ul li a{
font-size:1.2rem
}

.container,.crumbs{
width:100%;
}
#side {
	padding:15px;
}
#side h3{
	font-size:17px;
	border-bottom:1px dotted #333;
	padding-bottom:10px;
}
#side h4{
	font-size:15px;
}
.container #side ul li{
	font-size:18px;
}

.mod-mv-text span{
position:absolute;
text-align:left;
top:58%;
font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","メイリオ",Meiryo,serif;
color:#fff;
line-height:1.65;
font-weight:800;
width:760px;
margin-left:-380px;
left:50%;
font-size:20px;
letter-spacing:.25em;
text-shadow:0 0 7px #000;
padding-left:1.54321%;
padding-right:1.54321%
}

.mod-mv-text span h2{
font-size:34px
}

.mod-mv-text span h3{
margin-top:30px;
font-size:15px
}

.mod-mv-text span p{
margin-top:30px
}

.mod-mv-text span img{
display:inline-block;
margin-bottom:20px
}

.m-index .sec02 .box{
width:760px
}

.m-index .sec03 .box{
width:auto
}


}
@media only screen and (max-width:1199px){
#mainVisual img {
}
header.l-header .row {
	text-align:center;
}
header.l-header .row h1{
	display:inline-block;
	float:none;
}
}
@media only screen and (min-width:992px) and (max-width:1199px){

#page .hone .main_visual_outer{
height:auto
}
.gnavi{
	display:none;
}

.parent-pageid-6 #page .main_visual_outer{
height:510px
}

.parent-pageid-4 #page .main_visual_outer{
height:530px
}

.m-contact table tr{
margin:15px 0
}

.m-contact table tr th,.m-recruit table tr th{
width:250px
}


.m-contact tr.company-content{
width:100%;
float:left
}

.m-contact tr.company-content td textarea{
height:100px
}

.main_visual #wrapper #company{
background:url(../../img/main/main_visual_company02.jpg) no-repeat center center;
background-size:cover
}


}

@media only screen and (min-width:1200px){
#main_visual .mod-mv-text span{
padding-left:1.54321%;
padding-right:1.54321%;
width:1200px;
margin-left:-600px
}
#page .hone .main_visual_outer{
height:auto
}

.parent-pageid-6 #page .main_visual_outer{
height:510px
}

.parent-pageid-4 #page .main_visual_outer{
height:530px
}

.m-contact table tr{
margin:15px 0
}

.m-contact table tr th{
width:250px
}

.m-contact input{
}

.m-contact tr.company-content{
width:100%;
float:left
}

.m-contact tr.company-content td textarea{
height:100px
}

.main_visual #wrapper #company{
background:url(../../img/main/main_visual_company02.jpg) no-repeat center center;
background-size:cover
}


}

@font-face{
font-family:'flexslider-icon';
src:url("fonts/flexslider-icon.eot");
src:url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"),url("fonts/flexslider-icon.woff") format("woff"),url("fonts/flexslider-icon.ttf") format("truetype"),url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
font-weight:400;
font-style:normal
}

.flex-container a:hover,.flex-slider a:hover{
outline:none
}

.flex-control-nav,.flex-direction-nav,.slides,.slides>li{
margin:0;
padding:0;
list-style:none
}

.flex-pauseplay span{
text-transform:capitalize
}

.flexslider{
padding:0
}

.flexslider .slides>li{
display:none;
-webkit-backface-visibility:hidden
}

.flexslider .slides img{
width:100%;
display:block
}

.flexslider .slides:after{
content:"\0020";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}

html[xmlns] .flexslider .slides{
display:block
}

* html .flexslider .slides{
height:1%
}

.no-js .flexslider .slides>li:first-child{
display:block
}

.flexslider{
margin:0 0 60px;
zoom:1;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:"" 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow:"" 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow:"" 0 1px 4px rgba(0,0,0,.2);
box-shadow:"" 0 1px 4px rgba(0,0,0,.2)
}

.flexslider .slides{
zoom:1
}

.flexslider,.flexslider .slides li{
position:relative
}

.flexslider .slides img{
height:auto;
-moz-user-select:none
}

.flex-viewport{
max-height:2000px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease
}

.loading .flex-viewport{
max-height:300px
}

.carousel li{
margin-right:5px
}

.flex-direction-nav{
*height:0
}

.flex-direction-nav a{
padding-top:10px;
text-decoration:none;
display:block;
width:40px;
height:40px;
margin:-20px 0 0;
position:absolute;
top:50%;
z-index:10;
overflow:hidden;
opacity:0;
cursor:pointer;
color:rgba(0,0,0,.8);
text-shadow:1px 1px 0 rgba(255,255,255,.3);
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}

.flex-direction-nav a:before{
font-family:"flexslider-icon";
font-size:34px;
display:inline-block;
content:'\f001';
color:rgba(0,0,0,.8);
text-shadow:1px 1px 0 rgba(255,255,255,.3)
}

.flex-direction-nav a.flex-next:before{
content:'\f002'
}

.flex-direction-nav .flex-prev{
left:-50px
}

.flex-direction-nav .flex-next{
right:-50px;
text-align:right
}

.flexslider:hover .flex-direction-nav .flex-prev{
opacity:.7;
left:-50px
}

.flexslider:hover .flex-direction-nav .flex-next:hover,.flexslider:hover .flex-direction-nav .flex-prev:hover{
opacity:1
}

.flexslider:hover .flex-direction-nav .flex-next{
opacity:.7;
right:-50px
}

.flex-direction-nav .flex-disabled{
opacity:0!important;
filter:alpha(opacity=0);
cursor:default;
z-index:-1
}

.flex-pauseplay a{
display:block;
width:20px;
height:20px;
position:absolute;
bottom:5px;
left:10px;
opacity:.8;
z-index:10;
overflow:hidden;
cursor:pointer;
color:#000
}

.flex-pauseplay a:before{
font-family:"flexslider-icon";
font-size:20px;
display:inline-block;
content:'\f004'
}

.flex-pauseplay a:hover{
opacity:1
}

.flex-pauseplay a.flex-play:before{
content:'\f003'
}

.flex-control-nav{
width:100%;
position:absolute;
bottom:-40px;
text-align:center
}

.flex-control-nav li{
margin:0 6px;
display:inline-block;
zoom:1;
*display:inline
}

.flex-control-paging li a{
width:11px;
height:11px;
display:block;
background:#666;
background:rgba(0,0,0,.5);
cursor:pointer;
text-indent:-9999px;
-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
box-shadow:inset 0 0 3px rgba(0,0,0,.3);
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px
}

.flex-control-paging li a:hover{
background:#333;
background:rgba(0,0,0,.7)
}

.flex-control-paging li a.flex-active{
background:#000;
background:rgba(0,0,0,.9);
cursor:default
}

.flex-control-thumbs{
margin:5px 0 0;
position:static;
overflow:hidden
}

.flex-control-thumbs li{
width:25%;
float:left;
margin:0
}

.flex-control-thumbs img{
width:100%;
height:auto;
display:block;
opacity:.7;
cursor:pointer;
-moz-user-select:none;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease
}

.flex-control-thumbs img:hover{
opacity:1
}

.flex-control-thumbs .flex-active{
opacity:1;
cursor:default
}

@media screen and (max-width:860px){

#footer .logoArea {
	float: none !important;
}
.flex-direction-nav .flex-prev{
opacity:1;
left:10px
}

.flex-direction-nav .flex-next{
opacity:1;
right:10px
}


}

.flexslider .slides li .front{
text-align:center;
max-width:100%;
position:absolute;
left:50%;
margin-left:-330px;
top:30%;
margin-top:-.5em;
line-height:1em;
font-size:36px;
color:#fff;
display:none
}
.vegas-wrapper h2 {
  font-size:58px;
}
.vegas-wrapper h3 {
  margin-top:10px;
}
#literal00 p {
  font-size:2.0rem;
}
/.border-right{
  border-right:1px dotted #333;
}
#footer .copyright {
    /background-image: url(../../img/footer/footer_bg.png);
    padding-top: 60px;
    background-position: center;
    background-repeat: no-repeat;
    overflow: auto;
}
div.section{
	overflow:hidden;
	margin-bottom:20px;
}
.l-news h3{
	margin-bottom:15px;
	font-size:15px;
}
em {
    color: #C00;
    font-weight: bold;
    font-style: normal;
    font-size:13px;
}
#top_retrofitting h3{
	background:none;
	font-size:20px;
	font-weight:bold;
	margin-bottom:0px;
}
#top_retrofitting h3:after{
	content:none;
}