/*COMMON
====================================================================================*/
a {
  color: #000;
}
a:hover {
  text-decoration: none;
}
/*英語のフォント*/
.font-arial {
  font-family: Arial;
}

/*カラムの余白*/
.main section {
  padding: 56px 0;
}

/*ボタン*/
.btn {
  display: block;
  width: 280px;
  height: 50px;
  line-height: 50px;
  background-color: #b18247;
  background: linear-gradient(to bottom right, #e5b273, #b18247);
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-family: Arial;
}
.btn:hover {
  opacity: 0.7;
}

/*タイトル*/
.main h1 {
  text-align: center;
  font-size: 30px;
  color: #b18247;
  margin-bottom: 28px;
}
.main h1 span {
  display: block;
  font-size: 18px;
  color: #7c6951;
  margin-top: 3px;
  font-family: Arial;
}


/*ヘッダー
====================================================================================*/
/*共通帯*/
.header_inner {
  height: 80px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  opacity: 0.9;
  min-width: 980px;
}
.header_inner2 {
  border-bottom: 1px solid #ccc;
}
nav {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}
nav .sticky_logo {
  display: none;
}

/*グローバルナビ*/
nav .g_nav {
  margin-top: 30px;
  margin-left: 175px;
  float: left;
  font-family: Arial;
}
nav .g_nav li {
  float: left;
}
nav .g_nav li a {
  font-size: 14px;
  color: #000;
  text-decoration: none;
  margin-right: 35px;
}
nav .g_nav li a:hover {
  color: #b18247;
}

/*翻訳*/
nav .lang {
  margin-top: 25px;
  float: right;
  display: none;
}
nav .lang li {
  float: left;
  border: 1px solid #b2b2b2;
  border-right: none;
  color: #b2b2b2;
  padding: 5px 10px;
  font-size: 12px;
}
nav .lang li:hover {
  color: #b18247;
}
nav .lang li.active {
  color: #b18247;
  border-color: #b18247;
  border-right: 1px solid #b18247;
}
nav .lang li.active + li {
  border-left: none;
  border-right: none;
}
header nav .lang li:last-child {
  border-right: 1px solid #b2b2b2;
}
header nav .lang li:last-child.active {
  border-right: 1px solid #b18247;
}
.g_nav .header_logo {
  margin-top: -17px;
}


/*スティッキーヘッダー*/
.clone-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  transition: .3s;
  transform: translateY(-100%);
}
.is-show {
  transform: translateY(0);
}
.clone-nav {
  opacity: 1;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
  height: 40px;
}
.clone-nav .g_nav {
  margin: 0;
  float: right;
  line-height: 40px;
}
.clone-nav .g_nav li a {
  margin: 0 0 0 28px;
}
.clone-nav .lang,
.clone-nav .header_logo {
  display: none;
}
.clone-nav .sticky_logo {
  display: block;
  float: left;
  margin-top: 14px;
}


/*メイン
====================================================================================*/

/*KV
====================================================================================*/
.kv {
  height: 470px;
  background: url(../img/kv.jpg) no-repeat 50% 0;
  min-width: 980px;
}
.kv h1 {
  text-align: center;
  padding-top: 250px;
}

/*ニュース
====================================================================================*/
.news {
  background-color: #f7f7f7;
  min-width: 980px;
}
.news_inner {
  width: 980px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.news_inner dl {
  padding: 0 0 0 224px;
  margin-bottom: 28px;
}
.news_inner dl dt,
.news_inner dl dd {
  margin-bottom: 28px;
}
.news_inner dl dt {
  float: left;
  margin-right: 56px;
}


/*事業内容
====================================================================================*/
.service {
  background-color: #fff;
}
.service_inner {
  width: 980px;
  margin: 0 auto;
}
.service_inner ul {
  overflow: hidden;
}
.service_inner li {
  width: 980px;
  height: 343px;
  background-color: #f7f7f7;
  text-align: center;
}
.service-img {
  float: left;
  width: 490px;
  height: 343px;
  background-image: url(../img/service-img.jpg);
}
.service-txt {
  width: 490px;
  height: 303px;
  float: right;
  background-color: #f7f7f7;
  padding: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.service-txt h2 {
  font-size: 24px;
  margin-bottom: 20px;
  font-family: Arial;
}
.service-txt p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
  text-align: left;
}


/*事業内容
====================================================================================*/
.company {
  background: url(../img/company-img.jpg) no-repeat 50% 0;
  background-position: 0 -33px;
  min-width: 980px;
  height: 615px;
}
.company_inner {
  width: 980px;
  margin: 0 auto;
  background-color: #fff;
  opacity: 0.9;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 56px;
  overflow: hidden;
}
.company_inner dl {
  width: 434px;
  float: left;
  font-size: 14px;
}
.company_inner dl dt {
  width: 112px;
  float: left;
  font-weight: bold;
  line-height: 1.5
}
.company_inner dl dd {
  width: 322px;
  float: left;
  margin-bottom: 20px;
  line-height: 1.5
}
.company_inner dl dd:last-child {
  margin-bottom: 0;
}
.company_inner .company_map {
  width: 434px;
  float: right;
}
.company_map iframe {
  margin-bottom: 28px;
}


/*会社概要
====================================================================================*/
.recrute {
  background: #fff;
}
.recrute_inner {
  width: 980px;
  margin: 0 auto;
}
.recrute_inner p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 28px;
  text-align: center;
}


/* バー式ステップ表示 */
#step_bar_box {
  text-align: center;
  overflow: hidden;
  margin-bottom: 30px;
}
.step_bar {
  list-style: none;
}
.step_bar li {
  line-height: 49px;
  color: #000;
  text-decoration: none;
  padding: 0 15px 0 35px;
  background: linear-gradient(to right, #ffe0ba, #fff4e5);
  display: inline-block;
  width: 192px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}
.step_bar li small {
  font-size: 80%;
}
.step_bar li::after {
  position: relative;
  display: block;
  margin-top: -25px;
  margin-left: auto;
  margin-right: -25px;
  height: 24px;
  width: 20px;
  content: " ";
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);
  background: #fff4e5;
  border-right: 1px solid white;
}
.step_bar li::before {
  float: right;
  display: block;
  margin-bottom: -25px;
  margin-left: auto;
  margin-right: -25px;
  height: 24px;
  width: 20px;
  content: " ";
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -o-transform: skew(30deg);
  transform: skew(30deg);
  background: #fff4e5;
  border-right: 1px solid white;
}
.step_bar li:first-child {
  padding-left: 20px;
}
.step_bar li:last-child {
  padding-left: 35px;
  padding-right: 40px;
}
.step_bar li:last-child::before {
  border: 0;
  background: transparent !important;
}
.step_bar li:last-child::after {
  border: 0;
  background: transparent !important;
}
.step_bar li.current {
  background: #b18247;
  background: linear-gradient(to right, #ffe0ba, #fff4e5);
  color: #333;
}
.step_bar li.current::before {
  background: #fff4e5;
}
.step_bar li.current::after {
  background: #fff4e5;
}
.step_bar li.current:last-child {
  margin-right: -35px;
}
.step_bar li.current:last-child::before {
  border: 0;
  background: transparent !important;
}
.step_bar li.current:last-child::after {
  border: 0;
  background: transparent !important;
}

/*table*/
table.recrute_table{
  width: 980px;
  border-collapse: separate;
}
table.recrute_table tr {
  font-weight: normal;
}
table.recrute_table tr:last-of-type{
  border-bottom: none;
}
table.recrute_table tr th{
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f5f5f5;
  text-align: left;
  vertical-align: middle;
  padding-left:28px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
table.recrute_table tr td{
  text-align: left;
  vertical-align: middle;
  position: relative;
  padding: 20px;
  line-height: 1.8;
  -webkit--webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz--webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 0 2px #f5f5f5 inset;
  border-bottom: 3px solid #fff;
}
table.recrute_table tr:last-of-type th,
table.recrute_table tr:last-of-type td{
  border-bottom: none;
}
.company .btn {
  border: 1px solid #b18247;
  color: #b18247;
  background: none;
}


/*お問い合わせ
====================================================================================*/
.contact {
  background-color: #b18247;
  background: linear-gradient(to bottom left, #b18247, #c49d74);
  min-width: 980px;
}
.contact_inner {
  width: 980px;
  margin: 0 auto;
  color: #fff;
}
.contact_inner h1 {
  color: #fff;
}
.contact_inner h1 span {
  color: #e5e5e5;
}
.contact_inner .contact-radio {
  overflow: hidden;
  margin: 0 auto;
  width: 300px;
  font-size: 14px;
  margin-bottom: 28px;
}
.contact_inner .contact-radio li {
  float: left;
}
.contact_inner .contact-radio li:last-child {
  margin-left: 28px;
}
.contact_inner .contact-radio input {
  margin: 0 3px 0 0;
}
.contact_inner p {
  text-align: center;
  margin-bottom: 28px;
  position: relative;
}
.contact_inner dl {
  overflow: hidden;
  margin-bottom: 28px;
}
.contact_inner dl dt {
  float: left;
  text-align: right;
  width: 280px;
  color: #fff;
  padding-right: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 33px;
  font-size: 14px;
  position: relative;
}
.contact_inner span.asterisk {
  font-size: 16px;
  color: #cc0000;
  margin-right: 10px;
  position: absolute;
  top: 2px;
  margin-left: -16px;
}
.contact_inner dl dd {
  width: 700px;
  float: right;
  line-height: 30px;
}
.contact_inner dl dd input[type="text"],
.contact_inner dl dd textarea {
  width: 533px;
  border-radius: 10px;
  border: none;
  height: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
.contact_inner dl dd textarea {
  height: 100px;
}
.contact_inner dl dd select {
  border-radius: 10px;
  border: none;
  height: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  margin-bottom: 10px;
}
.confirmation p {
  margin: 0 0 14px 0;
}
.confirmation p a {
  color: #fff;
}
.confirmation #confirm2,
.confirmation #back,
.confirmation #send {
  display: block;
  width: 280px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
  text-decoration: none;
  border: none;
  background-color: #fff;
  color: #b18247;
  background: linear-gradient(to bottom right, #fff, #fff);
  cursor: pointer;
}
.confirmation #confirm2:hover,
.confirmation #back:hover,
.confirmation #send:hover {
  opacity: 0.7;
}
.confirmation #back,
.confirmation #send {
  float: left;
}
.confirmation #back {
  margin-right: 28px;
  background: #ccc;
  color: #000;
}
.buttonWrap_inner {
  width: 588px;
  margin: 0 auto;
}


/*フッター
====================================================================================*/
.pagetop {
  background-color: #333;
  text-align: center;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  font-family: Arial;
}
.pagetop:hover {
  opacity: 0.9;
}
.pagetop li,
.pagetop li a, {
  color: #fff;
}
.pagetop a {
  color: #fff;
  text-decoration: none;
}
.pagetop i {
  font-size: 20px;
  margin-left: 14px;
}
.copyright {
  color: #fff;
  background-color: #151515;
  padding: 30px 0;
  min-width: 980px;
}
.copyright ul {
  text-align: center;
  display: block;
  overflow: hidden;
  width: 205px;
  margin: 0 auto;
  margin-bottom: 14px;
}
.copyright li,
.copyright li a {
  color: #808080;
}
.copyright li {
  float: left;
  margin: 0 3px;
}
.copyright p {
  text-align: center;
}
.copyright .footer_privacypolicy {
  text-align: center;
  display: block;
  color: #808080;
  margin-bottom: 14px;
}


/*下層ページ
====================================================================================*/

/*センキュー画面*/
.cmplete .header_inner {
  border-bottom: 1px solid #ccc;
}
.thanks_txt {
  text-align: center;
  font-size: 16px;
  margin-top: 192px;
  margin-bottom: 112px;
  line-height: 1.9;
  min-width: 980px;
}
.thanks_txt p {
  margin-bottom: 28px;
}

/*ニュース*/
.kv_news {
  height: 285px;
  background: url(../img/kv_news.jpg) no-repeat 50% 0;
  min-width: 980px;
}
.news_list {
  padding: 0 0 56px 0;
  width: 800px;
  margin: 0 auto;
}
.news_list dt {
  font-size: 14px;
  color: #808080;
  padding-top: 56px;
}
.news_list dt span {
  font-size: 24px;
  color: #b18247;
  margin: 8px 0 20px;
  display: block;
}
.news_list dd {
  font-size: 14px;
  line-height: 2.5;
  border-bottom: 1px solid #ccc;
  padding-bottom: 56px;
}
.news_list dd:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}
.news_main {
  padding-top: 56px;
  margin-top: 80px;
  min-width: 980px;
}
.news_main h1 {
  margin-bottom: 0;
}


/*エントリーフォーム*/
.entry_form {
  margin-top: 80px;
}


/*プライバシーポリシー*/
.main_privacypolicy .main {
  margin-top:136px;
  min-width: 980px;
}
.privacypolicy_inner {
  width: 980px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 2;
  margin-bottom: 56px;
}
.privacypolicy_inner p {
  margin-bottom: 56px;
}


/*JSスタイル
====================================================================================*/

/*ページトップボタン*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}
#page-top a {
  background: #333;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 30px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
  font-family: arial;
  font-size: 14px;
}
#page-top a:hover {
  text-decoration: none;
  background: #999;
}