@charset "utf-8";
.head-ttl-wrap{
  background: url(../images/about-eo/director/header-bg.jpg) no-repeat center center/cover;
}
.sec-contact{
  background-color: #EAEAF0;
}
.sec-contact .container{
  position: relative;
  z-index: 10;
}
.sec-contact::after {
  background-color: #FFF;
  z-index: 0;
}
.bg-lightblue{
  background-color: #EAEAF0;
}
.director-item{
  height: 100%;
  background-color: #fff;
  position: relative;
}
.director-item::after{
  content: "";
  position: absolute;
  bottom: -9px;
  right: -39px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 60px solid transparent;
  border-left: 60px solid transparent;
  border-bottom: 60px solid #d6a920;
  border-top: 0;
  transform: rotate(135deg);
  z-index: 0;
}
.director-row{
  row-gap: 3.125rem;
}
.director-img img{
  width: 100%;
}
.director-desc{
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.director-position{
  font-weight: 700;
}
.director-name{
  margin-bottom: 1.75rem;
}
.director-name-en{
  font-size: 1.125rem;
}
.director-name-en span::first-letter{
  color: #D6A920;
}
.director-name-jp{
  font-size: 1.75rem;
  font-weight: 700;
}
.director-company, .director-company:hover{
  color: #40B8A2;
}
.director-company{
  position: relative;
  display: inline-block;
  z-index: 10;
}
.director-company::after{
  content: "";
  position: relative;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/about-eo/director/icon-link.svg) no-repeat center center/contain;
  margin-left: 6px;
}
/* コンポーネント１の記述 */

@media all and (min-width: 576px) {
}
@media all and (min-width: 768px) {
  .director-desc{
    padding: 1.25rem;
    min-height: 230px;
  }
}
@media all and (min-width: 992px) {
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {
}
/* //コンポーネント１の記述 */

/* コンポーネント２の記述 */

@media all and (min-width: 576px) {
}
@media all and (min-width: 768px) {
}
@media all and (min-width: 992px) {
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {
}
/* //コンポーネント２の記述 */


/* セクション１の記述 */

@media all and (min-width: 576px) {
}
@media all and (min-width: 768px) {
}
@media all and (min-width: 992px) {
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {
}
/* //セクション１の記述 */

/* セクション２の記述 */

@media all and (min-width: 576px) {
}
@media all and (min-width: 768px) {
}
@media all and (min-width: 992px) {
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {
}
/* //セクション２の記述 */

/* セクション３の記述 */

@media all and (min-width: 576px) {
}
@media all and (min-width: 768px) {
}
@media all and (min-width: 992px) {
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {
}
/* //セクション３の記述 */


/*デスクトップ*/
@media all and (min-width: 992px) and (max-width: 1199px) {
}
/*中デバイス*/
@media all and (min-width: 768px) and (max-width: 991px) {
  
}
/*小デバイス*/
@media all and (min-width: 576px) and (max-width: 767px) {
}

@media all and (max-width: 400px) {
}
/*iPhone5:SE*/
@media all and (max-width: 320px) {

}