@charset "UTF-8";
/* CSS Document */
#environment .philosophy-Box{
 position: relative;
 overflow: visible;
}
#environment .philosophy-Box .anchor-link{
 position: sticky;
 right: 0;
 top: 210px;
 width: fit-content;
 margin: 150px 0 0 auto;
 float: right;
}
#environment .philosophy-Box{
 width: 100%;
 max-width: 1240px;
 margin: -150px auto 0;
 background-color: #fff;
 padding: 80px 80px 112px;
 border-radius: 30px;
}
#environment .philosophy-Box .wrapper{
 display: flex;
 gap: 50px;
 align-items: center;
 max-width: 830px;
}
#environment .philosophy-Box h2 span{
 font-size: 40px;
 margin: 10px 0 0;
}
#environment .philosophy-Box h3{
 font-size: 28px;
 font-weight: bold;
 line-height: 1.8;
 margin: 30px 0 0;
 color: #F51445;
}
#environment .philosophy-Box .text{
 font-size: 16px;
 font-weight: 500;
 line-height: 2;
 margin: 20px 0 0;
 color: #222;
}
#environment .philosophy-Box section{
 width: 100%;
 max-width: 830px;
}
#environment .about{
 margin: 60px 0 0;
 padding: 50px 0 0;
 border-top: solid 1px #eee;
}
#environment .about ul li{
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 30px;
}
#environment .about ul li:not(:first-child){
 padding: 30px 0 0;
 margin: 30px 0 0;
 border-top: solid 1px #eee;
}
#environment .about ul li > div > div{
 display: flex;
 align-items: center;
 gap: 12px;
}
#environment .about ul li > div > div p:first-child{
 font-size: 40px;
 font-weight: bold;
 letter-spacing: 0.05rem;
 line-height: 1.5;
 color: #F55723;
 font-family: "Montserrat", sans-serif;
}
#environment .about ul li > div > div p:last-child{
 font-size: 24px;
 font-weight: bold;
 line-height: 1.6;
 color: #F55723;
}
#environment .about ul li > div > p{
 font-size: 16px;
 font-weight: 500;
 line-height: 2;
 margin: 20px 0 ;
}
#environment .about ul li img{
 max-width: 300px;
}
#environment .path{
 margin: 80px 0 0;
}
#environment .path img{
 margin: 30px 0 0;
}
#environment .education{
 margin: 100px 0 0;
}
#environment .education ul li{
 display: flex;
 gap: 30px;
}
#environment .education ul li{
 padding: 30px 0 0;
 margin: 30px 0 0;
 border-top: solid 1px #eee;
}
#environment .education ul li img{
 max-width: 300px;
 border-radius: 10px;
}
#environment .education ul li div{
 margin: 10px 0 0;
}
#environment .education ul li div p:first-child{
 font-size: 24px;
 font-weight: bold;
 color: #F55723;
}
#environment .education ul li div p:last-child{
 font-size: 16px;
 font-weight: 500;
 line-height: 2;
 margin: 10px 0 0;
}
#environment .benefit{
 margin: 100px 0 0;
}
#environment .benefit ul{
 padding: 30px 0 0;
 margin: 30px 0 0;
 border-top: solid 1px #eee;
 display: flex;
 flex-wrap: wrap;
 gap: 25px;
}
#environment .benefit ul li{
 width: calc((100% - 50px) / 3);
 border: solid 1px #F55723;
 border-radius: 10px;
 padding: 30px 30px 23px;
 box-sizing: border-box;
}
#environment .benefit ul li p:first-child{
 font-size: 18px;
 font-weight: bold;
 color: #F55723;
 line-height: 1.4;
 position: relative;
 padding: 0 0 0 22px;
}
#environment .benefit ul li p:first-child:before{
 position: absolute;
 content: "";
 width: 12px;
 height: 12px;
 background-color: #F55723;
 border-radius: 100px;
 left: 0;
 top: 7px;
 bottom: 0;
}
#environment .benefit ul li p:last-child{
 margin: 10px 0 0;
 line-height: 1.8;
 font-size: 14px;
 font-weight: 500;
}
#environment .assistance{
 margin: 100px 0 0;
}
#environment .assistance .link-Btn2{
 margin: 30px 0 0;
}
@media screen and (max-width:1000px) {
 #environment .philosophy-Box{
  width: 90%;
  margin: 15px auto 0;
  padding: 0;
  background-color: unset;
 }
 #environment .philosophy-Box .anchor-link{
  width: 100%;
  box-sizing: border-box;
  position: unset;
  float: unset;
  margin: 0;
 }
 #environment .philosophy-Box .wrapper{
  margin: 25px 0 0;
  padding: 20px;
  border-radius: 15px;
  background-color: #fff;
 }
 #environment .philosophy-Box h2 span{
  font-size: 25px;
  margin: 5px 0 0;
 }
 #environment .philosophy-Box .text{
  margin: 10px 0 0;
  font-size: 14px;
 }
 #environment .philosophy-Box section{
  margin: 30px 0 0;
  padding: 30px 25px 25px;
  background-color: #fff;
  box-sizing: border-box;
  border-top: none;
  border-radius: 15px;
 }
 #environment .about ul li{
  display: block;
 }
 #environment .about ul li:not(:first-child){
  padding: 20px 0 0;
  margin: 20px 0 0;
 }
 #environment .about ul li > div > div p:first-child{
  font-size: 20px;
 }
 #environment .about ul li > div > div p:last-child{
  font-size: 18px;
 }
 #environment .about ul li > div > p{
  font-size: 14px;
  margin: 10px 0 20px;
 }
 #environment .about ul li img,
 #environment .education ul li img{
  max-width: unset;
  vertical-align: bottom;
 }
 #environment .education ul li{
  display: block;
  margin: 15px 0 0;
  padding: 20px 0 0;
 }
 #environment .education ul li div p:first-child{
  font-size: 16px;
 }
 #environment .education ul li div p:last-child{
  font-size: 14px;
  margin: 5px 0 0;
 }
 #environment .benefit ul{
  padding: 15px 0 0;
  margin: 15px 0 0;
  display: block;
 }
 #environment .benefit ul li{
  width: 100%;
  padding: 20px;
 }
 #environment .benefit ul li:not(:first-child){
  margin: 10px 0 0;
 }
 #environment .benefit ul li p:first-child{
  font-size: 16px;
 }
 #environment .benefit ul li p:last-child{
  margin: 5px 0 0;
 }
 #environment .assistance .link-Btn2{
  margin: 20px 0 0;
  padding: 15px 10px;
 }
 .link-Btn2:after{
  right: 15px;
 }
}