@charset "utf-8";

/***************************************************
  philosophy.css
***************************************************/
ul.list-01{
  padding-bottom: 10px;
}
ul.list-01 li{
  margin-bottom: 1em;
}
ul.list-01 p{
  font-weight: bold;
}
.contents-philosophy img{
  display: block;
  margin: 30px auto;
}
.ttl-weight{
  margin-bottom: 0;
}
img.logo-brand{
  width: 50%;
  height: auto;
}
.contents-philosophy .list-02 li img{
  margin: inherit;
}
.list-02{
  margin: 30px 0;
}
.list-02 li{
  width: 100%;
  height: 270px;
  position: relative;
}
.list-02 li .txt-box{
  position: absolute;
  top: 20%;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 65%;
  display: table;
}
.list-02 li:nth-child(2) .txt-box,.list-02 li:nth-child(4) .txt-box{
  right: inherit;
  left: 0;
}
.list-02 li:first-child .txt-box,.list-02 li:nth-child(3) .txt-box,.list-02 li:nth-child(5) .txt-box{
  right: inherit;
  left: 35%;
}
.list-02 li .txt-box p:first-child{
  font-size: 22px;
  font-weight: bold;
  color: #e10000;
  margin-bottom: 20px;
  display: table-caption;
}
.list-02 li .txt-box p:nth-child(2),.list-02 li .txt-box p:nth-child(4){
  display: table-cell;
}
.list-02 li:first-child{
  background: url(/company/about/philosophy/img/philosophy_img_01.png)no-repeat left;
  background-size: 30%;
}
.list-02 li:nth-child(2n){
  background: url(/company/about/philosophy/img/philosophy_img_02.png)no-repeat right;
  background-size: 30%;
  padding-right: 35%;
}
.list-02 li:nth-child(3n){
  background: url(/company/about/philosophy/img/philosophy_img_04.png)no-repeat left;
  background-size: 30%;
}
.list-02 li:nth-child(4n){
  background: url(/company/about/philosophy/img/philosophy_img_03.png)no-repeat right;
  background-size: 30%;
  padding-right: 35%;
}
.list-02 li:nth-child(5n){
  background: url(/company/about/philosophy/img/philosophy_img_05.png)no-repeat left;
  background-size: 30%;
}
@media only screen and (max-width: 640px) {
  img.logo-brand{
    width: 80%;
    height: auto;
  }
  .list-02 li{
    height: auto;
    margin-bottom: 40px;
  }
  .list-02 li:last-child{
    margin-bottom: 10px;
  }
  .list-02 li .txt-box{
    position: static;
    display: block;
    width: 100%;
  }
  .list-02 li .txt-box p:first-child,.list-02 li .txt-box p:nth-child(2){
    display: inline-block;
  }
  .list-02 li:first-child,.list-02 li:nth-child(2),.list-02 li:nth-child(3),.list-02 li:nth-child(4),.list-02 li:nth-child(5){
    padding: 0;
    padding-top: 65%;
    background-size: 60%;
    background-position: top center;
  }
}