#index_person {
 position: relative;
 color: #665300 !important;
 padding: 3rem 0 !important;
}
#index_person::before {
 display: block;
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background-image: url('../images/pattern_tr_br.png');
 background-repeat: no-repeat;
 background-position: right top;
 background-size: 99% auto;
 pointer-events: none;
}
#index_person::after {
 display: block;
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background-image: url('../images/pattern_bl_br.png');
 background-repeat: no-repeat;
 background-position: left bottom -10%;
 background-size: 70% auto;
 pointer-events: none;
}


@media (min-width:992px) {
 #index_person {
  padding: 6rem 0 0 !important;
 }
 #index_person::before {
  background-position: right top 10%;
  background-size: 50% auto;
 }
 #index_person::after {
  background-position: left bottom -10%;
  background-size: 40% auto;
 }
}

@media (min-width:768px) {
 #index_person .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
 }
}


#index_person_content .content-header::before {
 display: block;
 content: '';
 width: 100%;
 height: 1px;
 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 );
}
@media (min-width:992px) {
 #index_person_content .content-header::before {
  height: 2px;
 }
}
#index_person_content .content-header {
 position: relative;
 font-size: 14px;
 text-align: center;
 color: #212529;
 padding: 1rem 1rem 0 1rem;
 background-color: rgba(0,0,0,0.3);
 background-image: url('../images/bg_white.png');
 background-position: center;
 background-repeat: repeat;
}
#index_person_content .content-header .inner {
 position: relative;
 padding-top: 0.5rem;
 padding-bottom: 1.5rem;
}
#index_person_content .content-header .inner::before,
#index_person_content .content-header .inner::after {
 display: block;
 content: '';
 width: 1px;
 height: 100%;
 position: absolute;
 top: 0;
 background: -moz-linear-gradient(top, rgba(153,123,0,1) 0%, rgba(153,123,0,0) 100%);
 background: -webkit-linear-gradient(top, rgba(153,123,0,1) 0%,rgba(153,123,0,0) 100%);
 background: linear-gradient(to bottom, rgba(153,123,0,1) 0%,rgba(153,123,0,0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#997b00', endColorstr='#00997b00',GradientType=0 );
}
@media (min-width:992px) {
 #index_person_content .content-header .inner::before,
 #index_person_content .content-header .inner::after {
  width: 2px;
 }
}
#index_person_content .content-header .inner::before {
 left: 0;
}
#index_person_content .content-header .inner::after {
 right: 0;
}
#index_person_content .content-header h2 {
 font-size: 20px !important;
 color: #600;
 margin-bottom: 0.25rem !important;
}
@media (min-width:992px) {
 #index_person_content .content-header h2 {
  font-size: 30px !important;
  margin-bottom: 0.25rem !important;
 }
}

#index_person_content .contents {
 position: relative;
 overflow: hidden;
}
#index_person_content .item-set {
 position: relative;
}
#index_person_content .item-group {
 position: relative;
}
#index_person_content .item {
 position: relative;
}


#index_person_content .select-arrow {
 margin-top: 5px;
}
#index_person_content .select-arrow-l,
#index_person_content .select-arrow-r {
 position: relative;
 width: 60px;
 margin: 0 10px;
 cursor: pointer;
 transition: width 0.3s ease-in-out;
}
#index_person_content .select-arrow-l .arrow {
 display: block;
 width: 16px;
 height: 16px;
 border-width: 1px;
 border-style: solid;
 border-color: transparent transparent #665300 transparent;
 transform: rotate(45deg);
 margin-left: 3px;
}
#index_person_content .select-arrow-r .arrow {
 display: block;
 width: 16px;
 height: 16px;
 border-width: 1px;
 border-style: solid;
 border-color: transparent transparent #665300 transparent;
 transform: rotate(-45deg);
 margin-right: 3px;
 margin-left: auto;
}
#index_person_content .select-arrow-l .line,
#index_person_content .select-arrow-r .line {
 width: 100%;
 height: 1px;
 background-color: #665300;
 position: absolute;
 left: 0;
 top: 50%;
}
#index_person_content .select-arrow-l:hover,
#index_person_content .select-arrow-r:hover {
 width: 90px;
}
#index_person_content .select-arrow-l:hover .arrow,
#index_person_content .select-arrow-r:hover .arrow {
 border-color: transparent transparent #990000 transparent;
}
#index_person_content .select-arrow-l:hover .line,
#index_person_content .select-arrow-r:hover .line {
 background-color: #CC0000;
}


#index_person_content .profile {
 display: block;
 background-color: rgba(0,0,0,0.7);
 color: #FFF;
 padding: 15px;
 position: absolute;
 width: 100%;
 left: 0;
 bottom: 0;
}
#index_person_content a.profile {
 transition: background-color 0.3s ease-in-out;
}
#index_person_content a.profile:hover {
 background-color: rgba(51,0,0,0.7);
}
#index_person_content .profile .department {
 font-size: 12px;
 line-height: 1.3em;
 border: 1px solid rgba(255,255,255,0.5);
 padding: 0.25em;
 position: absolute;
 right: 15px;
 top: 15px;
}
#index_person_content .profile .arrow {
 background-image: url('../images/arrow1.png');
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 width: 13px;
 margin-right: 10px;
}
#index_person_content .profile .section,
#index_person_content .profile .graduate {
 font-size: 12px;
 line-height: 1.3em;
 margin: 0 !important;
}
#index_person_content .profile .name {
 font-size: 20px;
 line-height: 1.3em;
 margin: 0 !important;
}
#index_person_content .profile .name > .en {
 display: inline-block;
 font-size: 12px;
 position: relative;
 top: -0.25em;
}
#index_person_content .profile .comingsoon {
 font-family: 'ff-RobotoCondensedR';
 font-size: 14px;
 display: block;
 margin-top: -0.5rem;
}



/* 社員紹介 個々のページの下部の場合 */
#page_contents #index_person {
 z-index: 8;
 padding: 2rem 0 !important;
}
@media (min-width:768px) {
 #page_contents #index_person {
  padding: 4rem 0 2rem 0 !important;
 }
}
#page_contents #index_person::before,
#page_contents #index_person::after {
 background: none;
}
#page_contents #index_person_content .content-header::before {
 display: none;
}
#page_contents #index_person_content .content-header .inner::before,
#page_contents #index_person_content .content-header .inner::after {
 display: none;
}
#page_contents #index_person_content .content-header {
 padding-top: 0;
 background: none;
}
#page_contents #index_person_content .content-header .inner {
 padding-top: 0;
}