@charset "UTF-8";
/* CSS Document */

#under_eyecatch {
  background-image: url("/assets/image/philosophy/bg-eyecatch.jpg");
  background-position: center;
  background-size: cover;
  min-height: 300px;
}
#under_eyecatch h3 {
  line-height: 1.5;
}
#under_eyecatch .eyecatch-box {
  bottom: -10%;
  left: 0%;  
}
#message .left {
  background-image: url("/assets/image/philosophy/bg-message-left.png");
  background-position: top;
  background-size: cover;
}
#message .right {
  background-image: url("/assets/image/philosophy/bg-message-right.png");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}

#mission .left {
  background-image: url("/assets/image/philosophy/bg-mission-left.jpg");
  background-position: top;
  background-size: cover;
}
#vision .left {
  background-image: url("/assets/image/philosophy/bg-vision-left.jpg");
  background-position: top;
  background-size: cover;
}
#value .left {
  background-image: url("/assets/image/philosophy/bg-value-left.jpg");
  background-position: top;
  background-size: cover;
}

#mission .border-top,
#vision .border-top {
  border-top:solid 1rem white!important;
}
#value .border-top {
  border-top:solid 1rem #6A6436!important;
}
#mission .fs-12 {
  line-height:1.5;
}
#mission .text {
  line-height:1.4;
}
#mission .rounded {
  border-radius: 8px!important;
  border: solid #80AECD 1px;
}
#vision .rounded {
  border-radius: 8px!important;
  border: solid #67324F 1px;
}
#value .rounded {
  border-radius: 8px!important;
  border: solid #6A6436 1px;
}

#mission .message-title,
#vision .message-title,
#value .message-title {
  width: 250px;  
}





@media(min-width:768px) {
  #under_eyecatch .eyecatch-box {
    bottom: -10%;
    left: 5%;  
  } 

}