#indexFirstView {
 height: 100% !important;
}

#jthfirstview_hype_container {
 margin:auto;
 position:relative;
 width:100%;
 height:100%;
 overflow:hidden;
}

#jthfv_hype_container {
 margin:auto;
 position:relative;
 width:100%;
 height:100%;
 overflow:hidden;
}

#index_read {
 color: #665300;
 padding: 3rem 0;
}
@media (min-width:992px) {
 #index_read {
  padding: 6rem 0;
 }
}


#index_management {
 position: relative;
 background: #393000;
 background: -moz-linear-gradient(top, #393000 0%, #554801 100%);
 background: -webkit-linear-gradient(top, #393000 0%,#554801 100%);
 background: linear-gradient(to bottom, #393000 0%,#554801 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393000', endColorstr='#554801',GradientType=0 );
 color: #FFF !important;
 padding: 3rem 0 !important;
}
#index_management::before {
 display: block;
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background-image: url('../images/pattern_tr_pc.png');
 background-repeat: no-repeat;
 background-position: right top;
 background-size: 99% auto;
}
#index_management::after {
 display: block;
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background-image: url('../images/pattern_bl_pc.png');
 background-repeat: no-repeat;
 background-position: left bottom;
 background-size: 60% auto;
}
@media (min-width:768px) {
 #index_management::before {
  background-size: 50% auto;
 }
 #index_management::after {
  background-size: 40% auto;
 }
}
#index_management .contents {
 position: relative;
 z-index: 11;
}

#index_management_content {
 padding-left: 15px !important;
 padding-right: 15px !important;
}
#index_management_content .item {
 background-color: #999;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 text-align: center;
 font-size: 20px;
}
#index_management_content a {
 display: block !important;
 padding: 1.75rem 1rem !important;
 color: #FFF;
}
#index_management_content a > .inner {
 background-color: rgba(0,0,0,0.5);
 background-image: url('../images/bg_black.png');
 background-repeat: repeat;
 background-position: center;
 padding: 2rem;
 animation: index-management-content-out 0.25s both;
}
#index_management_content a.link:hover > .inner {
 animation: index-management-content-hover 0.25s both;
}
@keyframes index-management-content-out {
 0%   { background-color: rgba(40,0,0,0.6); }
 100% { background-color: rgba(0,0,0,0.5); }
}
@keyframes index-management-content-hover {
 0%   { background-color: rgba(0,0,0,0.5); }
 100% { background-color: rgba(40,0,0,0.6); }
}

@media (min-width:768px) {
 #index_management_content .item {
  font-size: 18px;
 }
 #index_management_content a > .inner {
  padding: 2rem 0.5rem;
 }
}

@media (min-width:992px) {
 #index_management {
  padding: 3rem 0 6rem 0 !important;
 }
 #index_management_content {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
 }
 #index_management_content .item {
  font-size: 26px;
 }
}

@media (min-width:1200px) {
 #index_management_content a {
  padding: 3rem 2.5rem !important;
 }
 #index_management_content a > .inner {
  padding: 5rem 0.5rem;
 }
}


#index_company {
 background-image: url('../images/index_corp01.jpg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}
#index_recruit {
 background-image: url('../images/index_corp02.jpg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.index-corp {
 padding: 15px;
 color: #FFF !important;
}
@media (min-width:992px) {
 .index-corp {
  padding: 50px;
 }
}
.index-corp .inner {
 position: relative;
 background-color: rgba(0,0,0,0.6);
 padding: 40px 50px 50px 50px;
}
.index-corp .inner::before,
.index-corp .inner::after {
 display: block;
 content: '';
 width: calc(100% - 20px);
 height: 1px;
 position: absolute;
 left: 10px;
 background: -moz-linear-gradient(left, rgba(153,123,0,1) 0%, rgba(153,123,0,0) 30%, rgba(153,123,0,0) 70%, rgba(153,123,0,1) 100%);
 background: -webkit-linear-gradient(left, rgba(153,123,0,1) 0%,rgba(153,123,0,0) 30%,rgba(153,123,0,0) 70%,rgba(153,123,0,1) 100%);
 background: linear-gradient(to right, rgba(153,123,0,1) 0%,rgba(153,123,0,0) 30%,rgba(153,123,0,0) 70%,rgba(153,123,0,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#997b00', endColorstr='#997b00',GradientType=1 );
}
.index-corp .inner::before {
 top: 10px;
}
.index-corp .inner::after {
 bottom: 10px;
}
.index-corp .inner .index-item-header::before,
.index-corp .inner .index-item-header::after {
 display: block;
 content: '';
 width: calc(100% - 20px);
 width: 1px;
 height: calc(100% - 20px);
 position: absolute;
 top: 10px;
 background: -moz-linear-gradient(top, rgba(153,123,0,1) 0%, rgba(153,123,0,0) 30%, rgba(153,123,0,0) 70%, rgba(153,123,0,1) 100%);
 background: -webkit-linear-gradient(top, rgba(153,123,0,1) 0%,rgba(153,123,0,0) 30%,rgba(153,123,0,0) 70%,rgba(153,123,0,1) 100%);
 background: linear-gradient(to bottom, rgba(153,123,0,1) 0%,rgba(153,123,0,0) 30%,rgba(153,123,0,0) 70%,rgba(153,123,0,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#997b00', endColorstr='#997b00',GradientType=0 );
}
.index-corp .inner .index-item-header::before {
 left: 10px;
}
.index-corp .inner .index-item-header::after {
 right: 10px;
}
.index-corp .link-group {
 list-style: none;
 padding: 0;
}
.index-corp .link-group a {
 display: block;
 background-color: rgba(255,255,255,0.6);
 background-image: url('../images/bg_white.png');
 background-repeat: repeat;
 background-position: center;
 color: #3A2410 !important;
 width: 100%;
 padding: 0.25em;
 text-align: center;
 margin-bottom: 2px;
}
@media (min-width:992px) {
 .index-corp .link-group {
  display: table !important;
  width: 100% !important
 }
 .index-corp .link-group > li {
  display: table-cell !important;
 }
 .index-corp .link-group a {
  background-color: transparent;
  background-image: none;
  color: #FFF !important;
  width: 100%;
  padding: 1rem 0 !important;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  transition: background-color 0.3s ease-in-out;
 }
 .index-corp .link-group a::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
 }
 .index-corp .link-group li:last-of-type a::after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
 }
 .index-corp .link-group a:hover {
  background-color: rgba(80,0,0,0.6);
 }
}