@charset "UTF-8";
/* CSS Document */
#about-us .philosophy-Box{
 width: 100%;
 max-width: 1240px;
 margin: -100px auto 0;
 background-color: #fff;
 padding: 80px 80px 112px;
 border-radius: 30px;
 position: relative;
 box-sizing: border-box;
 z-index: 1;
}
#about-us .philosophy-Box .wrapper{
 display: flex;
 gap: 50px;
 align-items: center;
}
#about-us .philosophy-Box h2 span{
 font-size: 40px;
 margin: 10px 0 0;
}
#about-us .philosophy-Box h3{
 font-size: 28px;
 font-weight: bold;
 line-height: 1.8;
 margin: 30px 0 0;
 color: #F55723;
}
#about-us .philosophy-Box .text{
 font-size: 16px;
 font-weight: 500;
 line-height: 2;
 margin: 30px 0 0;
 color: #222;
}
#about-us .history .wrapper{
 max-width: 1140px;
 margin: 105px auto 0;
}
#about-us .history .wrapper h3{
 font-family: "Montserrat", sans-serif;
 font-size: 18px;
 font-weight: bold;
 color: #F55723;
 line-height: 1.75;
}
#about-us .history .wrapper h3 span{
 font-size: 60px;
 font-weight: bold;
 letter-spacing: 0.05rem;
 line-height: 1.22;
 display: block;
}
#about-us .history .wrapper ul{
 max-width: 1050px;
 margin: 88px auto 0;
}
#about-us .history .wrapper ul li{
 display: flex;
 align-items: end;
}
#about-us .history .wrapper ul li:not(:first-child){
 margin: 188px 0 0;
}
#about-us .history .wrapper ul li img{
 width: 614px;
}
#about-us .history .wrapper ul li > div{
 width: 595px;
 background-color: #fff;
 margin: 0 0 0 -160px;
 padding: 28px 68px 38px;
 border-radius: 30px;
 position: relative;
 top: 70px;
}
#about-us .history .wrapper ul li > div > div{
 display: flex;
 gap: 19px;
 align-items: center;
}
#about-us .history .wrapper ul li > div > div p:first-child{
 font-size: 51px;
 font-weight: bold;
 line-height: 1;
 letter-spacing: 0.05rem;
 color: #F55723;
 font-family: "Montserrat", sans-serif;
}
#about-us .history .wrapper ul li > div > div p:last-child{
 padding: 0 0 0 18px;
 font-size: 10px;
 font-weight: bold;
 letter-spacing: 0.05rem;
 line-height: 1.4;
 color: #F55723;
 position: relative;
}
#about-us .history .wrapper ul li > div > div p:last-child:before{
 position: absolute;
 content: "";
 width: 10px;
 height: 10px;
 background-color: #F55723;
 border-radius: 100px;
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto;
}
#about-us .history .wrapper ul li > div > p{
 color: #F55723;
 font-size: 20px;
 font-weight: bold;
 line-height: 2;
 margin: 24px 0 0;
}
#about-us .history .wrapper ul li:nth-child(even){
 align-items: center;
}
#about-us .history .wrapper ul li:nth-child(even) img{
 order: 2;
}
#about-us .history .wrapper ul li:nth-child(even) > div{
 margin: 0 -150px 0 0;
 top: 0;
}
#about-us .history + section{
 margin: 178px auto 0;
}
#about-us .history + section div{
 width: fit-content;
 margin: 0 auto;
 background-color: #fff;
 padding: 38px 35px;
 border-radius: 30px;
}
#about-us .history + section div p{
 font-size: 30px;
 font-weight: 600;
 line-height: 2;
 text-align: center;
 color: #F55723;
}
@media screen and (max-width:1000px) {
 #about-us .philosophy-Box{
  width: 90%;
  margin: 15px auto 0;
  background-color: unset;
  padding: 0;
 }
 #about-us .philosophy-Box .wrapper{
  display: grid;
  gap: 25px;
 }
 #about-us .philosophy-Box h2 span{
  font-size: 25px;
  margin: 5px 0 0;
 }
 #about-us .philosophy-Box .wrapper div:first-child{
  order: 2;
  background-color: #fff;
  padding: 30px 20px 20px;
  border-radius: 15px;
 }
 #about-us .philosophy-Box h3{
  font-size: 16px;
  margin: 10px 0 0;
 }
 #about-us .philosophy-Box .text{
  font-size: 14px;
  margin: 15px 0 0;
 }
 #about-us .history .wrapper{
  margin: 50px auto 0;
  padding: 0 20px;
 }
 #about-us .history .wrapper h3{
  font-size: 14px;
 }
 #about-us .history .wrapper h3 span{
  font-size: 25px;
  margin: 5px 0 0;
 }
 #about-us .history .wrapper ul{
  margin: 20px 0 0;
 }
 #about-us .history .wrapper ul li{
  display: block;
  background-color: #fff;
  border-radius: 15px;
 }
 #about-us .history .wrapper ul li img{
  width: 100%;
  vertical-align: bottom;
 }
 #about-us .history .wrapper ul li > div{
  width: 100%;
  position: unset;
  margin: 0;
  padding: 20px;
  box-sizing: border-box;
 }
 #about-us .history .wrapper ul li:nth-child(even) > div{
  margin: 10px 0 0;
 }
 #about-us .history .wrapper ul li > div > div{
  display: block;
 }
 #about-us .history .wrapper ul li > div > div p:first-child{
  font-size: 25px;
 }
 #about-us .history .wrapper ul li > div > div p:last-child{
  font-size: 14px;
  margin: 5px 0 0;
 }
 #about-us .history .wrapper ul li > div > p{
  font-size: 15px;
  margin: 10px 0 0;
  line-height: 1.7;
 }
 #about-us .history .wrapper ul li:not(:first-child){
  margin: 30px 0 0;
 }
 #about-us .history + section{
  width: 90%;
  margin: 30px auto 0;
 }
 #about-us .history + section div{
  padding: 20px;
  border-radius: 15px;
 }
 #about-us .history + section div p{
  font-size: 16px;
  text-align: left;
 }
}