/*---------------------------------------------------------------
# Package - Joomla Template based on Sboost Framework   
# ---------------------------------------------------------------
# Author - mixwebtemplates http://www.mixwebtemplates.com
# Copyright (C) 2008 - 2013 mixwebtemplates.com. All Rights Reserved.
# Websites: http://www.mixwebtemplates.com
-----------------------------------------------------------------*/
h3 {
    background: url(../images/h3_mod.png) repeat-x 0 100%;
    font-size: 18px;
    line-height: normal;
    margin: 0 0 10px;
    padding: 0 0 13px;
  font-weight: normal;
}

.resplc-loadmore {
display: none!important;
}

.blog{
     margin-top: 32px; 
}

.fcp_wrapper {
background-color: #fff!important;
border: 0!important;
padding: 0!important;
font-family: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Osaka,Helvetica,Arial,ＭＳ Ｐゴシック;
font-size: 13px;
color: #222222!important;
width: 100%!important;
margin: 0!important;
}

#mx-banner, #mx-bookmarks, #mx-search, #members-area {
float: right;
}
@media only screen and (max-width: 767px){
#hormenu, #mx-search, #powered-by, #mx-footer-nav {
/*display: block!important;*/
width: 70%;
}
}
@media only screen and (max-width: 767px){
#hormenu, #mx-search, #powered-by, #mx-footer-nav {
display: none!important;
}
}

div.fcp_line textarea#field010{
width: 60%!important;
}

div.fcp_line textarea#field001{
width: 60%!important;
}

.fcp_sendrow {
margin: 0 auto!important;
width: 30%!important;
border-top: none!important;
margin-left: 40%!important;
background: none!important;
margin-top: 40px!important;
padding: 0!important;
float: left!important;
}




/*スマホ（AQ）*/
  @media (min-width: 300px) and (max-width: 400px) { 
 
.recruitment_main_img{
width: 100%!important;
margin-top: 30px!important;
}
  .recruitment_main{
    padding-top: 30px!important;
  }
.recruitment_main{
width: 100%!important;
}
  
  table.company_t td{
    padding-left: 5px!important;
  }
  
  table.recruitment_t td{
    padding-left: 5px!important;
}
  
  .recruitment_img {
float: left!important;
width: 40%!important;
padding-bottom: 10px!important;
}
  
table th{
    font-size:11px!important;  
}
  
table td  {
  font-size:11px!important;  
  }
.fcp_sendrow {
    margin:0!important;
margin-left: 0%!important;
  }

}
/*スマホ（AQ）おわり*/

table.company_t td{
padding-left: 50px;
  }

/*ipad（横）*/


@media (min-width: 1000px) and (max-width: 1300px) {
  
  .item-pagenews{
    width:90%!important;
    margin:0 auto!important;
  }
  
  .item-pagenews time{
width: 100%;
margin: 0 auto;
float: left;
padding-left: 0;
position: inherit;
}

.item-pagenews header{
float: left;
padding-left: 0;
width: 100%;
padding-top: 10px;
margin: 0;
}
}
  

/*
.item-pagenews a{
float: right;
padding: 0;
width: 100%;
margin-bottom: 30px;
}
  
.item-pagenews p a img{
float: right;
padding: 0!important;
width: 100%!important;
}
}
*/
/*ipad（横）おわり*/


/*ipad（縦）*/
  @media (max-width: 800px) { 
  
  .item-pagenews time{
width: 100%;
margin: 0 auto;
float: left;
padding-left: 0;
position: inherit;
}

.item-pagenews header{
float: left;
padding-left: 0;
width: 100%;
padding-top: 10px;
margin: 0;
}

.item-pagenews a{
float: right;
padding: 0;
width: 100%;
margin-bottom: 30px;
}
  
.item-pagenews p a img{
float: right;
padding: 0!important;
width: 100%!important;
}
  
div.fcp_line input#field007{
width: 50%!important;
}
  
div.fcp_line textarea#field010{
width: 50%!important;
}
 
.fcp_wrapper{
margin: 0 auto!important;
padding: 5px 0px!important;
width: 100%!important;
}
  
.fcp_sendrow{
width: 50%!important;
margin-left: 42%!important;
}

div.fcp_sendrow{
width: 0!important;
float: left!important;
display: block!important;
}
  
div.fcp_line{
 background-size: 28%!important; 
}
  
.fcp_radio_h_inner.fcp_radio_h{
display: inline-block;
width: 100%!important;
float: left;
padding-left: 10%!important;
}

.fcp_radio_h label[for="field0021"]{
width: 10%!important;
padding-top: 3px;
}

.fcp_radio_h label[for="field0022"]{
width: 10%!important;
padding-top: 3px;
}

th{
width: 28%!important;
}

div.fcp_line textarea#field001{
width: 50%!important;
}
  
div.fcp_line textarea#field008{
width: 50%!important;
}
  
div.fcp_line textarea#field011{
width: 50%!important;
}  
  
  div.fcp_line label {
padding-left: 10px!important;
  
  }
}
/*ipad（縦）おわり*/


.fcp_radio_h input#field0020{
width: 0!important;
height: 0;
visibility: collapse;
}

label[for="field0020"] {
width: 0!important;
height: 0;
visibility: collapse;
}

span.fcp_radio_h {
display: inline-block;
width: 100%!important;
float: left;
padding-left: 10%!important;
}
.recruitment_main_img {
margin: 0 auto;
width: 80%;
margin-top: 30px;
}
  
.recruit_text{
float: right;
font-size: 11px;
line-height: 15px;
}

.recruit_1{
float: left;
}

.recruit_2{
float: left;
padding-left: 1em;
}

.contact_1{
padding-right: 1em;
float: left;
}

.contact_text{
width: 90%;
margin: 0 auto;
}

.contact_main{
width: 100%;
padding-top: 30px;
float: left;
padding-bottom: 30px;
}


input, button, select, textarea {
font-family: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Osaka,Helvetica,Arial,ＭＳ Ｐゴシック;
}

article header li {
list-style: none;
}

.navigation {
background-image: url(../../../images/img_top.jpg)!important;
background-size: cover;
height: 100%!important;
}

.container p{
    padding-top: 45px!important;
  }

#mx-basebody {
min-height: 753px!important;
}

/*新採用情報*/
  
.recruitment_main_img {
margin: 0 auto;
width: 80%;
margin-top: 70px;
}

.recruitment_main{
width: 80%;
margin: 0 auto;
padding-top: 70px;
}

.recruitment_img{
float: left;
width: 100%;
padding-bottom: 30px;
}


.recruitment_t{
width: 100%;
margin: 0 auto;
font-size: 12px;
}

table.company_t th{
padding-left: 10px;
}

table.recruitment_t th{
line-height: 2;
padding-left: 10px;
}

table.recruitment_t td{
line-height: 2;
padding-left: 50px;

}

.bottomspace{
padding-bottom: 20px;
}

/*ここまで*/

/*ニュースページここから*/

.blognews{
width: 100%;
}


.blognews .item-inner{
width: 80%;
margin: 0 auto!important;
padding: 30px;
padding-left: 0;
padding-right: 0;
}

.blognews .item-pagenews{
float: left;
width: 100%;
height: 50px;
}

.blognews header{
width: 50%;
float: left;
background: #eaeaea;
height: 40px;
border-bottom: dotted 1px#999;
border-top: dotted 1px#999;
}

.blognews h1{
width: 50%;
float: left;
line-height: 17px;
font-size: 13px;
padding-left: 20px;
border: none;
}

.blognews ul{
width: 0%;
height: 0;
/*float: right;
margin: 0;
font-size: 10px;
width: 45%;*/
}

.blognews li{
float: none;
height: auto;
padding: 0;
font-size: 12px;
line-height: 37px;
}

.blognews p{
float: left;
clear: none;
line-height: 38px;
height: auto;
border-bottom: dotted 1px#999;
border-top: dotted 1px#999;
padding-left: 30px;
width: 30%;
}

.blognews a{
float: left;
background: none;
border: none;
height: auto;
border-top: dotted 1px#999;
color: black;
line-height: 38px;
border-bottom: dotted 1px#999;
-webkit-border-radius: 0;
-moz-border-radius: 8px;
border-radius: 0;
padding: 0;
padding-left: 2%;
font-size: 12px;
width: 14%;
}


.blognews article time{
display: block;
position: fixed;
margin-left: 0;
width: 94px;
height: 40px;
line-height: 38px;
background: none;
text-transform: uppercase;
text-align: center;
color: black;
}


/*ニュースページここまで*/
.fcp_form input.button{
margin-top: 30px;
margin-bottom: 40px;
}
/*採用情報および問い合わせスマホ対応*/
@media (max-width: 640px){
  
  label[for="field0021"] {
width: 52%!important;
}

label[for="field0022"] {
width: 52%!important;
}
  
.fcp_wrapper{
margin: 0 auto!important;
padding: 5px 0px!important;
width: 100%!important;
}

.fcp_form{
width: 100%!important;
}

div.fcp_line{
background-size: 100%!important;
width: 100%!important;
padding: 0!important;
margin: 0!important;
}

div.fcp_line label{
width: 90%;
padding: 0!important;
margin: 0!important;
padding-left: 1em!important;
float: left!important;
}

div.fcp_line input{
width: 97.5%;
}

div.fcp_line textarea{
width: 97.5%!important;
}

.fcp_form input.button{
margin-left: 30%!important;
}

.fco_sendrow{
margin-top: 20px!important;
}
  
  div.fcp_sendrow {
margin: 0 auto!important;
width: 30%!important;
border-top: none!important;
margin-left: 40%!important;
background: none!important;
margin-top: 40px!important;
padding:0!important;
float:left!important;
}
}

/*採用情報および問い合わせスマホ対応ここまで*/

/*
div.fcp_sendrow {
margin: 0 auto!important;
width: 30%!important;
border-top: none!important;
margin-left: 40%!important;
background: none!important;
margin-top: 40px!important;
padding:0!important;
float:left!important;
}*/

.fcp_mandatory:after {
color: red;
}


#mx-header00{
  background-image: url(../images/img_top.jpg);
    background-size: cover;
    height: 100%;
    background-position: center center;   background-repeat: no-repeat;  background-attachment: fixed;
}

/*MENU*/

#hormenu{
/*position: relative!important;
overflow: hidden!important;
  width:100%!important;
  */
}

/*#hormenu ul{
float: left!important;
position: relative!important;
left: 50%!important;
}
*/

/*#hormenu li{
float: left!important;
padding: 0px 10px!important;
color:#fff;
left: -50%!important;
position: relative!important;
}
*/



/*MENU-END*/


/*
.mx-base {
width: 100%!important;
}
*/

.mx-inner{
  padding:0!important;
}

.title02{
margin-left:10px;
padding-bottom: 6px;
}
.menufooter_menu01 li{
  float:left;
    padding:10px 10px;
 /* color:#ccc;*/
}
.menufooter_menu01 li a{
color:#fff;
}
.menufooter_menu01 li a:hover{
  color:#bbb;
  background-color: transparent;
}

table {
border: none;
border-top: dotted 1px #808080;
margin: 0 0 20px 10px;
padding: 0;
border-spacing: 0;
font-size: inherit;
}

tbody {
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}

tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
margin: 0;
font-weight: normal;
font-style: normal;
  font-size:12px;
}


table th, table td {

line-height: 1.6;
}

th {
background: url(/img/bg_dot_a.gif) repeat;
border-bottom: dotted 1px #808080;
padding: 10px;
width: 22%;
vertical-align: top;
background-color: #eaeaea;
font-size: 12px;
}
th {
text-align: left;
font-style: normal;
margin: 0;
font-weight: normal;
display: table-cell;
  font-size:14px;
padding-left: 40px;
}

table td {
font-size:14px;
line-height: 1.6;
}

td {
/* background: #f2f2f2; */
padding: 10px;
border-bottom: dotted 1px #808080;
vertical-align: middle;
margin: 0;
font-weight: normal;
font-style: normal;
}

h2{
  width:100%;
  float: left;
  clear: both;
  line-height: 32px;
  font-size: 22px;
border-bottom: 1px solid #ddd;
}
.detail{
width: 90%;
margin: 0 auto;
}
/*.item-page h1{
font-family:'Hiragino Mincho ProN',serif;
 ;
}
*/
@media (max-width: 640px) {
.enterprise_01 {
padding: 10px 10px 10px 10px;
}

.enterprise_00{
padding-top:0px;
}

}

.enterprise_00{
padding: 20px 0px; float: left; width: 100%;
}

.enterprise_title{
padding:0px 0px 0px 0px;
  border-bottom:solid 1px #111;
  font-size:15px;
  margin-bottom: 5px;
  font-weight: bold;
}

.enterprise_color{
color:#00a4e3;
font-size:14px;
line-height:1.6em;
padding-bottom:10px;
    
}

.enterprise_01{
padding:10px 10px 60px 10px;
}
.enterprise_21 {
padding: 10px 10px 40px 10px;
}
.enterprise_02{
font-size:13px;
}
.enterprise_pin{
background: url(../images/pin.png) left center no-repeat;
  padding-left:20px;
  font-size: 20px;
  margin-bottom: 10px;
}
.enterprise_11{
    padding-left:20px;
    font-size: 14px;
}
.enterprise_p{
  padding:10px 0px;

}
.enterprise_12{
float:right;
}

.content_submain{
  min-height: 700px;
}

.content_main00{
  width: 100%; margin: 40px auto;
}
.content_main001{
  width: 80%; margin: 40px auto;
}

.content_main{
width: 90%;
margin: 40px auto;
overflow: hidden;
}
.content_main02{
  width: 90%; margin: 40px auto;
  overflow:hidden; 
}

.content_main03{
  width: 94%; 
  padding: 20px 0px;
  float: left;
}

.content_main04{
float: left; margin-right: 70px;
}

.content_img01{
padding: 20px 0px 0px 0px;
float: left;
border-top: 1px solid #808080;
}

  @media (max-width: 800px){
.content_main001 {
width: 90%;
margin: 40px auto;
}
}

@media (max-width: 480px) {
.content_submain{
  min-height: 0px;
}	
.content_main{
  width: 100%; margin: 20px auto;
min-height: 0px;    
}
.content_main001{
margin: 20px auto;
}
.content_main00{
  width: 100%; margin: 20px auto;
}
.content_img01{
  width: 100%; margin: 20px auto;
}
.enterprise_12{
float:center!important;
margin-right: 0px;
}
.content_main_text{
  width: 100%; margin: 0px auto; font-size: 110%;
}
.company_t{margin: 0 auto; font-size: 12px;width: 100%!important;"
}  
.company_02{padding:0px 0px 20px 0;float: left;width: 100%;"
}
.content_main_text_adoption {
  width: 100%!important;
}  
  

}

.company_1{padding: 0px 0px!important; float: left;
}
.company_t{margin: 0 auto; font-size: 12px;width: 90%;"
}

.company02{
padding-bottom:40px;
padding-top: 30px;
}

/*.enterprise_00{
padding-top:50px;
}*/

.content_main_text{
  width: 77%; margin: 0px auto; font-size: 120%;float: left;
}


.title{
  width: 100%; 
  margin: 0 auto;
  border-bottom: 1px solid #808080;
}


.content_main_text_f{
  width: 65%; margin: 0px auto; font-size: 120%;
}


@media (max-width: 640px) {
.content_main_text_f{
  width: 100%; margin: 0px auto; font-size: 120%;
}
.content_main_text {
width: 60%;
margin: 0px auto;
font-size: 120%;
float: left;
}

.content_main_text_adoption {
width: 60%; margin: 0px auto; font-size: 120%;
}


.content_main02 {
width: 100%;
margin: 40px auto;
margin-left: 30px;
overflow: hidden;
}

.content_main001 {
width: 90%;
margin: 0px auto;
}
}
}

.fcp_wrapper{
 margin:20px 0px; 
  
}

.fcp_page{
width: 100%;
margin: 32px 0px 0px 0px;
/*
width: 1170px;
margin: 20px auto;
background:  url(../../../images/contact/contact01.jpg) right center no-repeat;
*/
}

.fcp_sendrow {
margin: 0 auto;
width: 100px;
}

    @media (max-width: 800px) { 
  .fcp_sendrow{
width: 50%!important;
margin-left: 42%!important;
}
}


div.fcp_line {
clear: left;
border-top: 1px dotted #999;
padding: 15px 0px 5px 0px;
float: left;
width: 100%;
background-image: url(../images/mail_bg.gif); ; background-repeat: repeat-y;
background-size: 22%;
}


div.fcp_line label {
float: left;
text-align: left;
width: 200px;
margin-right: 1em;
font-weight: bold;
  padding-left:20px;
font-weight: normal;
font-size: 14px;
padding-left: 40px;
}


.fcp_wrapper {
background-color: #fff;
border: 0;
padding: 5px;
font-family: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Osaka,Helvetica,Arial,ＭＳ Ｐゴシック;
font-size: 13px;
font-weight: bold;
color: #222222;
width: 80%;
margin: 0px 112px;
}
/*
.fcp_sendrow {
margin: 0 auto;
width: 100px;
clear: left;!important
float: left;!important
width: 80%;!important
margin-left: 40%;!important
border-bottom: none;!important
padding: 0px;!important
background: none;!important
padding-top: 40px;!important
}
*/
/*.fcp_form input.button{
  min-width: 110px;
background: url(../../../images/bottommenu/send_button.gif) no-repeat!important;
background-size: 100%!important;
font-size: 0!important;
height: 40px!important;
border: none!important;
}*/

.asset_013{
  float: left;  
padding-left: 70px;
}

.asset_box001{
width: 100%;
  float: left;
}

.asset_box002{
float: left;
padding: 3em 0em;
}

.asset_001{
float: left;
padding-top: 2em;
padding-left: 85px;
width: 57%;
font-size: 15px;
line-height: 30px;
}

.asset_002{
float: right;
width: 57%;
font-size: 15px;
padding-right: 50px;
line-height: 30px;
}

.asset_box003{
padding: 13em 0em 20em 0em;
}

.asset_003{
padding-top: 1.5em;
float: left;
width: 57%;
font-size: 15px;
line-height: 30px;
padding-left: 85px;
}

.subtitle{
padding-bottom: 3em;
padding-left: 6.5em;
font-size: 15px;
color: #45BEF7;
font-weight: 700;
}

.policy-box{
float: left;
padding-left: 5em;
  width: 40%;
  float: left;
}

.policy-box02{
float: left;
padding-left: 5em;
  width: 40%;
  float: left;
}

.subtitle{
padding-bottom: 3em;
}

.content_title01{
font-size: 19px;
background: url(/images/pin.png) no-repeat 0 2px;
padding-left: 20px;
letter-spacing: 3px;
}

.content_title02{
font-size: 19px;
background: url(/images/pin.png) no-repeat 0 2px;
padding-left: 20px;
letter-spacing: 3px;
}

.content_inside01{
padding: 25px 40px;
font-size: 14px;
}

.border-bottom{
  width: 83%;
margin: 0 auto;
border-bottom: 1px solid #808080;
  padding: 3em;
}

.asset_012{
float: right;
padding-right: 50px;
}

.policy_img{
padding-left: 50px;
max-width: 250px;
}

.policy_img02{
padding-left: 50px;
max-width: 250px;
padding-bottom: 5px;
}

.border-line01{
border-top: dashed 1px #7A7A7A;
border-bottom: dashed 1px #7A7A7A;
padding-top: 20px;
padding-bottom: 20px;
}

.asset_000{
float: left;
width: 57%;
font-size: 15px;
padding-left: 30px;
line-height: 30px;
}

.content_subtitle{
padding-bottom: 3em;
padding-left: 6.5em;
font-size: 15px;
color: #45BEF7;
font-weight: 700;
}

.logo_title01{
width: 100%!important;
background-position: 50% 50%!important;
}

.menufooter_menu01 li{
float:left;
padding:10px 10px;
/*color:#ccc;*/
}

.menufooter_menu01 li a{
/*color:#fff;*/
}

.menufooter_menu01 li a:hover{
color:#bbb;
background-color: transparent;
}

@media (max-width:480px) {
.content_main02 {
width: 90%;
overflow: hidden;
}
.content_main04 {
float: left;
margin-right: 70px;
margin-left: 35px;
}
  .content_main_text {
margin-top: 20px;
}
.content_main02 {
margin-left: 20px;
}
  
.enterprise_00{  
margin: 20px auto;
}
}


  .content_main_text_adoption {
width: 70%;
margin: 0px auto;
font-size: 120%;
float: left;
}

  @media (max-width: 800px){
.content_main_text_adoption {
width: 100%;!important;
margin: 0px auto;
font-size: 120%;
float: left;
}
  .content_main03 {
width: 100%;
padding: 20px 0px;
float: left;
}
}

body.bg{color: #222;background-color:#ffffff}
body{font-family:メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Osaka,Helvetica,Arial,ＭＳ Ｐゴシック!important;font-size:12px;line-height:150%}

a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
.mx-base{margin-left:auto;margin-right:auto}
.mx-block{float:left;display:inline}
.mod-block {padding:0px}
.mx-inner{padding-left:10px;padding-right:10px;}
.mx-block .first {margin-left:-10px}
.mx-block .last {margin-right:-10px}
/*.mx-block .single {margin-left:-10px;margin-right:-10px}*/
.gap{clear:both;margin-bottom:10px}
.top-bg{padding-top:10px}
#page1, #page2, #page3, #page4, #page5, #page6, #page7 {padding: 45px 0px;}

/*top bar*/
#mx-top-header {margin-top:3px;}
#mx-banner,
#mx-bookmarks,
#mx-search,
#members-area{float:right}
/*#mx-search {margin-top:10px;}*/
#mx-top-menu{margin-top:10px;}
#mx-top-menu ul.menu {margin:0;padding:0;}
#mx-top-menu li{display:inline-block;list-style:none;border-left:1px solid #ccc;padding:0 5px;line-height:12px}
#mx-top-menu li a{color:#6f6f6f}


/*Header*/
#welcome .mx-inner {padding:0}
#header {position:relative}
.slider .mx-inner {padding:0}
a#logo,#logo-text,a#logom{float:left}
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}
#logo-text h1 a{}
#logo-text p.site-slogan{margin:0;padding:0;}

/*Module positions bottom*/
#mx-bottom .mx-inner{}

/*search*/
#mx-search .mod-search input#mod-search-searchword, 
#mx-search .mod-search input#mod-finder-searchword{background:#fff url(../images/search.png) no-repeat 3% 50%;padding: 4px 3px 4px 30px; margin:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 0 6px rgba(0,0,0,0.3);
}

/* Layout */
#mx-leftcol, #mx-rightcol, #mx-maincol ,#mx-sideleft, #mx-sideright, #inner_content {float:left}
#mx-leftcol, #mx-rightcol, #mx-maincol {padding:10px 0}
#sj-br{position: absolute; top: 0px; left: -5500px;}

/*Font Resizer*/
div.font-sizer{width:62px;height:16px;line-height:16px;float: right;}
div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small
{background-image:url(../images/font-resizer.png);background-repeat:no-repeat;height:16px;width:18px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0;}
div.font-sizer a.btn_fs_big{background-position:0 0}
div.font-sizer a.btn_fs_reset{background-position:-19px 0}
div.font-sizer a.btn_fs_small{background-position:-37px 0}
div.font-sizer a.btn_fs_big:hover{background-position:0 -16px}
div.font-sizer a.btn_fs_reset:hover{background-position:-19px -16px}
div.font-sizer a.btn_fs_small:hover{background-position:-37px -16px}

/* Breadcrumbs */
#mx-breadcrumbs .mx-inner {padding:0}
#mx-breadcrumbs .breadcrumb {
	margin:0;
	background:transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7	
}


.adoption_text{
margin-top: 10px;
}

@media (max-width: 640px)
.adoption_text{
magrgin-top: 0px;
}



/* Footer */
#mx-footer {color: #222; background: #fff;}
#mx-bft { padding:10px}
#mx-footer .cp {float:left; line-height:26px; width: 100%;text-align: center;}

/*Footer Navigation*/
#mx-footer-nav{float:right}
#mx-footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0}
#mx-footer-nav li{background:none;padding:0;display:inline} 
#mx-footer-nav .nav > li > a:hover {background:none;}
#mx-footer-nav a{font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px;color:#838181}
a#pagetop{float:right;color:#111; }
span.designed_by {display:block;}
/*logo*/
/*a#logo{background:url(../images/logo/logo.png) no-repeat;width:100%!important;background-position:50% 50%!important}
*/

@media only screen and (max-width: 767px){
a#logo {
width: 100%!important;
height: 40px!important;
background-size: 60%;
background-image: url(../../../images/common/logo.png)!important;
background-position: 100% 50%!important;
float: right!important;
background-repeat: no-repeat;
}
}

@media only screen and (max-width: 480px){
a#logo {
width: 100%!important;
height: 40px!important;
background-position: 90% 50%!important;
float: right!important;
background-size: 60%;
background-image: url(../../../images/common/logo.png)!important;
background-repeat: no-repeat;
}
}


/*
@media (max-width: 640px) {	
a#logo{background:url(../../../../images/top/logo_fi_logo01.png) no-repeat;background-position:50% 50%!important;background-size:90%;}
  
@media (max-width: 480px) {	
a#logo{background:url(../../../../images/top/logo_fi_logo01.png) no-repeat;background-position:50% 50%!important;background-size:100%;}

}
*/

/* clr */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
/* template colors */
div.color-site{height:16px;line-height:16px; margin-top:6px; text-align: right;}
div.color-site a {padding: 1px 6px; height: 16px; 
box-shadow:0 0 3px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);}
div.color-site a.btn_fs_blue{ background: #399cdd; color: #399cdd;}
div.color-site a.btn_fs_red{ background: #c30; color: #c30;}
div.color-site a.btn_fs_orange{ background: #f99d26; color: #f99d26;}
div.color-site a.btn_fs_green{ background: #99cc33; color: #99cc33;}
div.color-site a.btn_fs_brown{ background: #cc9966; color: #cc9966;}
div.color-site a.btn_fs_lilac{ background: #ad77bb; color: #ad77bb;}




/* Button, Input */

input, select, textarea, .inputbox, button, .button, input[type="button"], input[type="submit"] {
	padding: 3px;
}

input[type="button"], input[type="text"] {}

input[type="button"] { }

select, input[type="text"], input[type="password"], input[type="email"], textarea, .inputbox, .validate-username, .validate-password { 
	border: 0; background: #4892c2; color:#666;
	-webkit-box-shadow: 0 0 0 1px #ccc inset; box-shadow: 0 0 0 1px #ccc inset;
	/*border-radius: 3px; -webkit-border-radius: 3px;*/
}

#ol-topsl .inputbox, #ol-botsl .inputbox, #ol-user-panel .inputbox {}

input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover,
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,
.inputbox:hover, .inputbox:focus, select:hover, select:focus,
 textarea:hover, textarea:focus { background: #b0cee1; color:#666; }


select.inputbox:focus {outline:none;}

.browserChrome input[type="text"]:focus, .browserChrome input[type="password"]:focus, .browserChrome input[type="email"]:focus,
.browserSafari input[type="text"]:focus, .browserSafari input[type="password"]:focus, .browserSafari input[type="email"]:focus,
.browserChrome .inputbox:focus, .browserChrome  textarea:focus,
.browserSafari .inputbox:focus, .browserSafari textarea:focus {outline: none;}

/* buttons */
.button, button, input[type="button"], input[type="submit"] {
	line-height:24px;
	color: #888;
	text-transform: uppercase; 
	border:0; 
	font-size: 11px !important;
	cursor:pointer;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	outline: none;
	text-align: center;
	text-decoration: none;
	padding: 4px 15px !important;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.1);
	-webkit-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: 0 0 0 1px #BBBBBB inset;	
	-ms-box-shadow: 0 0 0 1px #bbbbbb inset;	
	box-shadow: 0 0 0 1px #BBBBBB inset;
	background: #f6f6f6;
	background-image: -webkit-linear-gradient(top,  #fff, #eee);
	background-image: -moz-linear-gradient(top, #fff, #eee);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #fff, #eee);
}


.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	color:#666 !important;
	cursor: pointer; text-decoration: none !important;
	background: #eee;
	background-image: -webkit-linear-gradient(top,  #fff,  #ddd);
	background-image: -moz-linear-gradient(top,  #fff,  #ddd);
	background-image: -ms-linear-gradient(top,  #fff,  #ddd);
	background-image: -o-linear-gradient(top,  #fff,  #ddd);
}
/* TipTip CSS  */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 19;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #222;
	padding: 4px 8px;
	/*border: 1px solid rgba(255,255,255,0.25);*/
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.92);
	background-image: -o-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f1f1f1));
	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f1f1f1));
	background-image: -moz-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f1f1f1));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f1f1f1));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: rgb(225,225,225);
	border-top-color: rgba(225,225,225,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: rgb(225,225,225);
	border-bottom-color: rgba(225,225,225,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: rgb(255,255,255);
	border-right-color: rgba(255,255,255,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: rgb(255,255,255);
	border-left-color: rgba(255,255,255,0.92);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(255,255,255);
	border-top-color: rgba(255,255,255,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(255,255,255);
	border-bottom-color: rgba(255,255,255,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(255,255,255);
	border-right-color: rgba(255,255,255,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(255,255,255);
	border-left-color: rgba(255,255,255,0.92);
}


.title02{
margin-left:10px;
padding-bottom: 6px;
}




@media (max-width: 640px) {

    .content_main_text_adoption {
width: 55%; margin: 0px auto; font-size: 110%;
}
.adoption_text{
margin-top: 0px;
}

.title {
width: 100%;
      margin: 0;
border-bottom: 1px solid #808080;
}
.title02 {
margin-left: 0px;
padding-bottom: 6px;
    }
}

@media (max-width: 480px) {	
.content_main_text_adoption {
   margin: 0px； auto; font-size: 110%;
}
.adoption_text {
margin-top: 10px;
}
    
.title {
width: 100%;
margin: 0;
border-bottom: 1px solid #808080;
}
.title02 {
margin-left: 0px;
padding-bottom: 6px;
    }
    
    #mx-footer .cp {
float: left;
line-height: 26px;
width: 100%;
text-align: center;
font-size: 9px;
}
}
  
  
  
.fcp_form{
margin: 0 auto;
width: 90%;
}
  
  
#inner_content, .mx-block {
width: 100%!important;
margin: 0!important;
}


div.fcp_line textarea{
width: 70%!important;
}  
  
table.company_t td{
padding-left: 50px;
  }

/*採用情報および問い合わせスマホ対応*/
  
@media (max-width: 640px){
    
    label[for="field0021"] {
width: 52%!important;
}

label[for="field0022"] {
width: 52%!important;
}
  
.fcp_radio_v input{
    width: auto !important;
  }
  
.fcp_warpper{
margin: 0 auto!important;
padding: 5px 0px!important;
width: 100%!important;
}

.fcp_form{
width: 100%!important;
}

div.fcp_line{
background-size: 100%!important;
width: 100%!important;
padding-top: 0!important;
padding-bottom: 0!important;
margin: 0!important;
}

div.fcp_line label{
width: 90%;
padding: 0!important;
margin: 0!important;
padding-left: 1em!important;
float: left!important;
font-size: 12px;
}

div.fcp_line input{
width: 97.5%;
}

div.fcp_line textarea{
width: 97.5%!important;
}

.fcp_form input.button{
margin-left: 30%!important;
width: 0%!important;
margin-top: 30px;
margin-bottom: 30px;
}

.fco_sendrow{
margin-top: 20px!important;
}

.contact_text{
width: 100%;
padding-left: 0!important;
font-size: 11px;
line-height: 15px;
}

.contact_2{
width: 80%!important;
float: left!important;
min-height: 0!important;
margin-left: 0!important;
}
    
.fcp_page{
width: 100%;
margin: 0;
padding-top: 30px;
}

.recruitment_main {
width: 100%;
margin: 0 auto;
padding-top: 30px;
}

.recruit_2 {
float: left;
padding-left: 0em;
}

.contact_main{
float: left;
padding-bottom: 10px;
width: 80%;
margin: 0 auto;
padding-top: 10px;
}

table th{
font-size: 11px;
line-height: 2;
padding-left: 10px;
}

table td{
font-size: 11px;
}

.recruitment_main_img {
margin: 0 auto;
width: 100%;
margin-top: 30px;
}
    
table.recruitment_t th{
line-height: 2;
padding-left: 10px;
}

table.recruitment_t td {
line-height: 2;
padding: 10px!important;
}

    .recruitment_img {
float: left;
width: 40%;
padding-bottom: 10px;
}

.fcp_radio_v input{
float: left;
width: 20px!important;
}



.fcp_radio_v label{
float: left!important;
width: 20px!important;
}


.fcp_radio_v_inner{
width: 100%;
float: left;
padding-left: 20px;
}

    div.fcp_line input {
width: 50%;
/* padding-left: 10px; */
}
label[for="field0021"] {
width: 52%!important;
}

label[for="field0022"] {
width: 52%!important;
}
    .company_t {
margin: 0 auto;
font-size: 12px;
width: 100%;
}
    
.fcp_form input.button {
margin-left: 40%!important;
width: 0%!important;
margin-top: 30px;
margin-bottom: 30px;
}
    
div.fcp_line input#field007{
width: 97.5%!important;
}
  
div.fcp_line input#field010{
width: 97.5%!important;
}

div.fcp_line textarea#field010{
width: 97.5%!important;
}

div.fcp_line textarea#field001{
width: 97.5%!important;
}
    
div.fcp_line{
background-size: 100%!important;   
  }
    
table.company_t td { 
  padding-left: 10px;
}
    
  }
    
    
    
@media (max-width: 480px){
div.fcp_line input{
width: 97.5%;
    }
    
    .fcp_form input.button {
margin-left: 40%!important;
width: 0%!important;
margin-top: 30px;
margin-bottom: 30px;
}
      
.fcp_sendrow {
margin-left: 0px!important;
display: none!important;
}
      
}

/*採用情報および問い合わせスマホ対応ここまで*/


  
  
  
    @media (max-width: 800px) { 
  .fcp_sendrow{
width: 50%!important;
margin-left: 42%!important;
}
}

.blog_recruit{
  width: 100%;
  margin: 32px 0px 0px 0px;
}

.blog_recruit h1{
  width: 80%;
  margin: 0 auto;
  
}
.recruitment_main {
  padding:0px 0px 30px 0px;
}

.item-page_recruit header {
  margin: 0 0 10px;
}

.recruitment_main_img {
margin: 70px auto 30px auto;
}

.recruitment_btn {

  margin: 20px auto;
  padding: 0px 10px;
  border: 1px solid #aaaaaa;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  background-size: 100%;
  color: #fff;
  line-height: 40px;
  font-size: 18px;
  font-weight: normal;
    width: 200px;
  text-align: center;
    background: #eaeaea;
  
}
.recruitment_btn a{
  color:#333;
}
.recruitment_btn a:hover{
  color:#399cdd;
}

.blog_recruit h1 {
  font-size: 18px;
    border: none;
}

/*.mx-base {
  width: 100%!important;
  max-width:1190px;
}
*/
.footer_menu02{
  margin:0 20px;
}
.menufooter_menu01 {
  background: #131d3d;
  overflow: hidden;
}

#mx-bottom{
  background: #131d3d;
}

.nav {
 margin-bottom: 0px;

}

.company_box{
    width: 90%;
    margin: 0px auto;
    overflow: hidden;
    padding-top: 60px;
    font-size: 19px;
}

.co_text{
  margin-bottom: 40px;
  text-align: center;
}

.co_img{
    width: 100%;
    margin: 0 auto;
}
#mx-search {
    float: left;
}