@charset "UTF-8";
/* CSS Document */
.philosophyArea .inner {
  max-width:1000px;
  padding: 90px 20px;
  font-family: a-otf-ryumin-pr6n,serif;
  font-weight:600;
}
.philosophyArea .inner h3 {
  font-size: 26px;
  font-family: a-otf-ryumin-pr6n,serif;
  text-align: center;
  margin-bottom: 50px;
  font-weight: 600;
  word-break: normal;
}
.philosophyArea .inner h3.h3_en {
  font-size: 20px;
}
.philosophyArea .inner h4 {
  font-size: 24px;
  font-family: a-otf-ryumin-pr6n,serif;
  text-align: center;
  margin-bottom: 40px;
  font-weight: 600;
  color:#000;
  position:relative;
}
.philosophyArea .inner h4:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background-color: #000;
}
.philosophyArea .inner p {
  word-break: normal;
}
.philosophyArea01 {
 display: flex;
 justify-content: center;
 margin-bottom: 50px;
}
.philosophyArea01 .imgArea{
 width:300px;
 display: flex;
 flex-direction: column;
 justify-content: space-around;
 margin-right: 70px;
}
.philosophyArea01 .fiveR{
 max-width:380px;
}
.philosophyArea01 .ttlR{
 font-size: 28px;
 color:#00B6EE;
}
.philosophyArea01 .txt{
 font-size: 18px;
 margin-bottom: 18px;
}
/*philosophyArea02*/
.philosophyArea02 ul{
 display: flex;
 justify-content: space-between;
}
.philosophyArea02 ul li{
  position: relative;
  width: 270px;
  height: 270px;
  background:rgba(0,182,238,0.8);
  border-radius: 50%;
  text-align: center;
}
.philosophyArea02 ul li div{
 position: absolute;
 width:248px;
 top: 45%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
.philosophyArea02 ul li p{
 color:#FFF;
 line-height:1.4rem;
letter-spacing: 0;
}
.philosophyArea02 ul li p.no{
 font-size: 32px;
}
.philosophyArea02 ul li p.for{
  font-size: 24px;
  margin:14px 0 20px;
}
/* // MARK : maxW 767px */
@media screen and (max-width: 767px) {
  .philosophyArea .inner {
   padding: 60px 5vw 30px;
 }
 .philosophyArea .inner h3{
  font-size: 18px;
  margin-bottom: 30px;
}
.philosophyArea .inner h4 {
  margin-bottom: 30px;
}
.philosophyArea01{
  display: block;
}
.philosophyArea01 .imgArea{
  display: block;
  margin:0 auto 10px;
}
.philosophyArea01 .imgArea img{
  margin-bottom: 20px;
}

.philosophyArea01 .ttlR{
  font-size: 20px;
}
.philosophyArea01 .txt{
  font-size: 14px;
}
.philosophyArea02 ul{
  display: block;
}
.philosophyArea02 ul li{
  margin:0 auto 40px;
}
.philosophyArea .inner h4 {
	font-size: 21px;
}	
	
}