@charset "UTF-8";
/*
 * about > philosophy
 * custom css 
 */

#philosophy-content .cmp-title--border-left-red .cmp-title__text {
  padding-left: 20px;
  border-left: 10px solid #cc0001;
  line-height: 1.1;
  font-size: 30px;
  font-weight: 800;
}

#philosophy-content .cmp-title--border-left-red .cmp-title__text small {
  font-size: 25px;
}

#philosophy-content {
  padding-top: 74px;
  background-image: url(/global/common/img/about/philosophy/bg01-pc.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top right;
}


/* content01 */
#philosophy-content01 .text {
  margin-left: 30px;
}

#philosophy-content01-text.cmp-text p {
  margin-top: 30px;
  font-size: 38px;
  line-height: 1.3;
}

#philosophy-content01-text.cmp-text p b {
  font-weight: 800;
}

#philosophy-content01-text-small.cmp-text p {
  font-size: 23px;
  line-height: 1.3;
}

/* content02 */
#philosophy-content02 {
  margin-top: 80px;
}

#philosophy-content02-tagline {
  max-width: 430px;
  width: 100%;
  margin-left: 30px;
}

/* content03 */
#philosophy-content03 {
  margin-top: 80px;
}

#philosophy-content03 .cmp-container--2col>.cmp-container {
  flex-wrap: nowrap;
  align-items: center;
}

#philosophy-content03 .container:has(#philosophy-content03-item01-cont),
#philosophy-content03 .container:has(#philosophy-content03-item02-cont),
#philosophy-content03 .container:has(#philosophy-content03-item03-cont) {
  width: 100%;
  margin-top: 38px;
}

#philosophy-content03-item01-cont,
#philosophy-content03-item02-cont,
#philosophy-content03-item03-cont {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

#philosophy-content03-item01 .cmp-container .title,
#philosophy-content03-item02 .cmp-container .title,
#philosophy-content03-item03 .cmp-container .title {
  white-space: nowrap;
}

#philosophy-content03-item01 {
  margin-top: 30px;
}

#philosophy-content03-item01,
#philosophy-content03-item02,
#philosophy-content03-item03 {
  padding: 0 10px 0 30px;
}

#philosophy-content03-item01-title .cmp-title__text,
#philosophy-content03-item02-title .cmp-title__text,
#philosophy-content03-item03-title .cmp-title__text {
  font-size: 30px;
  line-height: 1.2;
  white-space: nowrap;
}

#philosophy-content03-item01-text.cmp-text,
#philosophy-content03-item02-text.cmp-text,
#philosophy-content03-item03-text.cmp-text {
  display: flex;
  align-items: center;
}

#philosophy-content03-item01-text p,
#philosophy-content03-item02-text p,
#philosophy-content03-item03-text p {
  margin: 0;
}

#philosophy-content03-item01-subtitle .cmp-title__text,
#philosophy-content03-item02-subtitle .cmp-title__text,
#philosophy-content03-item03-subtitle .cmp-title__text {
  margin-bottom: 2px;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.4;
  white-space: nowrap;
}

#philosophy-content03-item01-text.cmp-text p b,
#philosophy-content03-item02-text.cmp-text p b,
#philosophy-content03-item03-text.cmp-text p b {
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 7px;
}

#philosophy-content03-item01-text.cmp-text::before,
#philosophy-content03-item02-text.cmp-text::before,
#philosophy-content03-item03-text.cmp-text::before {
  content: "ー";
  margin-right: 10px;
}

/* ---------------------
 Ja
----------------------*/
#philosophy-ja #philosophy-content03 .container:has(#philosophy-content03-item01-cont),
#philosophy-ja #philosophy-content03 .container:has(#philosophy-content03-item02-cont),
#philosophy-ja #philosophy-content03 .container:has(#philosophy-content03-item03-cont) {
  margin-top: 0;
}

#philosophy-ja #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-ja #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-ja #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 380px;
}

#philosophy-ja #philosophy-content03-item02,
#philosophy-ja #philosophy-content03-item03 {
  margin-top: 15px;
}

#philosophy-ja #philosophy-content03-item01-text.cmp-text p b,
#philosophy-ja #philosophy-content03-item02-text.cmp-text p b,
#philosophy-ja #philosophy-content03-item03-text.cmp-text p b {
  font-size: 21px;
  line-height: 1.4;
}

/* ---------------------
 Ch
----------------------*/
#philosophy-ch #philosophy-content03 .container:has(#philosophy-content03-item01-cont),
#philosophy-ch #philosophy-content03 .container:has(#philosophy-content03-item02-cont),
#philosophy-ch #philosophy-content03 .container:has(#philosophy-content03-item03-cont) {
  margin-top: 0;
}

#philosophy-ch #philosophy-content03-item02,
#philosophy-ch #philosophy-content03-item03 {
  margin-top: 15px;
}

#philosophy-ch #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-ch #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-ch #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 360px;
}


/* ---------------------
 KR
----------------------*/
#philosophy-kr #philosophy-content03 .container:has(#philosophy-content03-item01-cont),
#philosophy-kr #philosophy-content03 .container:has(#philosophy-content03-item02-cont),
#philosophy-kr #philosophy-content03 .container:has(#philosophy-content03-item03-cont) {
  margin-top: 0;
}

#philosophy-kr #philosophy-content03-item02,
#philosophy-kr #philosophy-content03-item03 {
  margin-top: 15px;
}

#philosophy-kr #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-kr #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-kr #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 360px;
}

#philosophy-kr #philosophy-content03-item01-title .cmp-title__text,
#philosophy-kr #philosophy-content03-item02-title .cmp-title__text,
#philosophy-kr #philosophy-content03-item03-title .cmp-title__text {
  width: 250px;
}

#philosophy-kr #philosophy-content03-item01-cont .title,
#philosophy-kr #philosophy-content03-item02-cont .title,
#philosophy-kr #philosophy-content03-item03-cont .title {
  width: 120px;
  flex-shrink: 0;
} 

/* ---------------------
 En
----------------------*/
#philosophy-en #philosophy-content03 .container:has(#philosophy-content03-item01-cont),
#philosophy-en #philosophy-content03 .container:has(#philosophy-content03-item02-cont),
#philosophy-en #philosophy-content03 .container:has(#philosophy-content03-item03-cont) {
  margin-top: 0;
}

#philosophy-en #philosophy-content03-item02,
#philosophy-en #philosophy-content03-item03 {
  margin-top: 15px;
}

#philosophy-en #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-en #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-en #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 335px;
}

/* ---------------------
 Th
----------------------*/
#philosophy-th #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-th #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-th #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 390px;
}

/* ---------------------
 AR
----------------------*/

#philosophy-ar #philosophy-content {
  background-image: url(/global/common/img/about/philosophy/bg01-pc_left.png);
  background-position: top left;
}

#philosophy-ar #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-ar #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-ar #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 380px;
}

#philosophy-ar #philosophy-content .cmp-title--border-left-red .cmp-title__text {
  border-right: 10px solid #cc0001;
  border-left: none;
}

#philosophy-ar #philosophy-content #philosophy-content01-text-small p {
  direction: ltr;
  unicode-bidi: bidi-override;
  text-align: right;
}

/* ---------------------
 CS
----------------------*/
#philosophy-cs #philosophy-content03-item01-title .cmp-title__text,
#philosophy-cs #philosophy-content03-item02-title .cmp-title__text,
#philosophy-cs #philosophy-content03-item03-title .cmp-title__text {
  width: 330px;
}

/* ---------------------
 TR
----------------------*/
#philosophy-tr #philosophy-content03-item01-title .cmp-title__text,
#philosophy-tr #philosophy-content03-item02-title .cmp-title__text,
#philosophy-tr #philosophy-content03-item03-title .cmp-title__text {
  width: 360px;
}

/* ---------------------
 DE
----------------------*/
#philosophy-de #philosophy-content03-item01-title .cmp-title__text,
#philosophy-de #philosophy-content03-item02-title .cmp-title__text,
#philosophy-de #philosophy-content03-item03-title .cmp-title__text {
  width: 360px;
}

/* ---------------------
 RU
----------------------*/
#philosophy-ru #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-ru #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-ru #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 450px;
}

/* ---------------------
 ES
----------------------*/
#philosophy-es #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-es #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-es #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 350px;
}

/* ---------------------
 IT
----------------------*/
#philosophy-it #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-it #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-it #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 340px;
}

/* ---------------------
 NL
----------------------*/
#philosophy-nl #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-nl #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-nl #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 360px;
}

/* ---------------------
 FR
----------------------*/
#philosophy-fr #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-fr #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-fr #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 400px;
}

/* ---------------------
 SV
----------------------*/
#philosophy-sv #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-sv #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-sv #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 520px;
}

/* ---------------------
 ID
----------------------*/
#philosophy-id #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-id #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-id #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 500px;
}

/* ---------------------
 NO
----------------------*/
#philosophy-no #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-no #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-no #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 340px;
}

/* ---------------------
 VI
----------------------*/
#philosophy-vi #philosophy-content03-item01 .container:has(#philosophy-content03-item01-title),
#philosophy-vi #philosophy-content03-item02 .container:has(#philosophy-content03-item02-title),
#philosophy-vi #philosophy-content03-item03 .container:has(#philosophy-content03-item03-title) {
  width: 340px;
}


@media screen and (max-width: 767px) {

  #philosophy-content {
    background-image: url(/global/common/img/about/philosophy/bg01-sp.png);
  }

  #philosophy-content01-text.cmp-text p {
    font-size: 27px;
  }

  #philosophy-content01-text-small.cmp-text p {
    font-size: 20px;
  }

  #philosophy-content03 .container:has(#philosophy-content03-item01-cont),
  #philosophy-content03 .container:has(#philosophy-content03-item02-cont),
  #philosophy-content03 .container:has(#philosophy-content03-item03-cont) {
    margin-top: 0;
  }

  #philosophy-content03 .cmp-container--2col>.cmp-container {
    flex-wrap: wrap;
    gap: 6px;
    align-items: flex-start;
  }

  #philosophy-content03-item02 {
    margin-top: 25px;
  }

  #philosophy-content03-item03 {
    margin-top: 25px;
  }

  #philosophy-content03-item01-title .cmp-title__text,
  #philosophy-content03-item02-title .cmp-title__text,
  #philosophy-content03-item03-title .cmp-title__text {
    font-size: 28px;
  }

  #philosophy-content03-item01-text.cmp-text,
  #philosophy-content03-item02-text.cmp-text,
  #philosophy-content03-item03-text.cmp-text {
    margin-top: 0;
  }

  #philosophy-content03-item01-text.cmp-text p b,
  #philosophy-content03-item02-text.cmp-text p b,
  #philosophy-content03-item03-text.cmp-text p b {
    flex-wrap: wrap;
    font-size: 19px;
  }

  /* ---------------------
 MEA-ar -767px
----------------------*/

  #philosophy-ar #philosophy-content {
    background-image: url(/global/common/img/about/philosophy/bg01-sp_left.png);
  }

  #philosophy-ar #philosophy-content03-item01-text.cmp-text,
  #philosophy-ar #philosophy-content03-item02-text.cmp-text,
  #philosophy-ar #philosophy-content03-item03-text.cmp-text {
    margin-top: 10px;
  }

}

@media screen and (max-width: 480px) {
  #philosophy-content {
    padding-top: 40px;
    background-size: 110%;
  }

  #philosophy-content01 .text {
    margin-left: 0;
  }

  #philosophy-content .cmp-title--border-left-red .cmp-title__text {
    padding-left: 12px;
    font-size: 26px;
  }

  #philosophy-content .cmp-title--border-left-red .cmp-title__text small {
    font-size: 22px;
  }

  #philosophy-content01-text.cmp-text p {
    font-size: 24px;
    line-height: 1.4;
  }

  #philosophy-content01-text-small.cmp-text p {
    font-size: 18px;
  }

  #philosophy-content02-tagline {
    margin-left: 0;
  }

  #philosophy-content03-item01-cont,
  #philosophy-content03-item02-cont,
  #philosophy-content03-item03-cont {
    display: block;
  }

  #philosophy-content03-item01-text.cmp-text p b,
  #philosophy-content03-item02-text.cmp-text p b,
  #philosophy-content03-item03-text.cmp-text p b {
    font-size: 18px;
  }

  /* ---------------------
 Ja -480px
----------------------*/
  #philosophy-ja #philosophy-content03-item01-text.cmp-text p b,
  #philosophy-ja #philosophy-content03-item02-text.cmp-text p b,
  #philosophy-ja #philosophy-content03-item03-text.cmp-text p b {
    font-size: 18px;
    line-height: 1.2;
  }

}