@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");.header_new{z-index:4}#philosophy{padding-top:0}#philosophy p{font-size:clamp(15px, 1.4vw, 18px);line-height:2;margin-bottom:2em}#philosophy section{display:block;margin-bottom:clamp(40px, 8%, 80px)}#philosophy section.mb-0{margin-bottom:0}#philosophy .subt{display:block;text-align:center;font-size:clamp(24px, 4vw, 45px);line-height:1.6;margin-bottom:1em}#philosophy .subt span{display:block;font-size:clamp(18px, 2vw, 22px);line-height:2}#philosophy .subt._x-smaller{font-size:clamp(18px, 2.8vw, 32px)}#philosophy .subt1{display:block;text-align:center;font-size:clamp(23px, 2vw, 33px);font-weight:400;margin-bottom:1em}#philosophy .subt1._line{position:relative;padding-top:80px}#philosophy .subt1._line:before{display:block;width:1px;height:60px;content:"";background:#000;position:absolute;top:0;left:50%}#philosophy .fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease, transform 0.8s ease}#philosophy .fade-in.show{opacity:1;transform:translateY(0)}#philosophy .area01{position:relative;width:100%;height:700px;overflow:hidden}@media (max-width: 1024px){#philosophy .area01{height:600px}}@media (max-width: 480px){#philosophy .area01{height:550px}}#philosophy .area01 video{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover;z-index:1}@keyframes fadeUp{to{opacity:1;transform:translateY(80px)}}#philosophy .area01 .area01_content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center}#philosophy .area01 .area01_content .catch{opacity:0;transform:translateY(120px);animation:fadeUp 1s ease-out forwards;transition:all ease-out 0.8s}#philosophy .area01 .area01_content p{opacity:0;transform:translateY(80px);margin-bottom:0;transition:all ease-out 0.8s}#philosophy .area01 .area01_content.show .catch{margin-top:-120px}#philosophy .area01 .area01_content.show p{opacity:1;transform:translateY(80px)}#philosophy .area02{text-align:center;background:url("../images/philosophy/img01.png") no-repeat;background-size:100%;background-position:bottom center;padding-bottom:36vw;opacity:0;transform:translateY(50px);transition:opacity 1.0s ease, transform 1.0s ease}#philosophy .area02.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 480px){#philosophy .area02{background-size:480px;background-position:bottom right;padding-bottom:180px}}#philosophy .area03 ul{display:flex;max-width:1080px;margin:7% auto 0;padding:0}#philosophy .area03 ul li{width:25%;text-align:center;list-style-type:none}#philosophy .area03 ul li b{display:block;width:fit-content;font-weight:400;letter-spacing:0.2em;border-top:#0869af 1px solid;margin:0  auto 20px;padding-top:10px;font-size:clamp(25px, 4vw, 45px)}@media (max-width: 820px){#philosophy .area03 ul{flex-wrap:wrap;max-width:400px;margin-top:50px;padding:0 10px}#philosophy .area03 ul li{width:50%}#philosophy .area03 ul li:nth-last-of-type(-n+2){margin-bottom:20px}#philosophy .area03 ul li p{font-size:14px;line-height:1.6}}#philosophy .area04{background:linear-gradient(rgba(0,0,0,0.08), #fff 120px);padding:120px 15px 0;position:relative}#philosophy .area04:before{display:block;background:url("../images/philosophy/arrow1.png") no-repeat;background-position:center top;content:"";background-size:120px;width:120px;height:120px;position:absolute;top:0;left:calc(50% - 60px)}#philosophy .area04 .circle{display:block;max-width:960px;margin:0 auto}#philosophy .area04 .circle video{width:100%;height:auto}#philosophy .area04 .scroll-video._sp{display:none}@media (max-width: 480px){#philosophy .area04 .scroll-video._pc{display:none}#philosophy .area04 .scroll-video._sp{display:block}}@media (max-width: 1024px){#philosophy .area04{background:linear-gradient(rgba(0,0,0,0.08), #fff 80px);padding-top:80px}#philosophy .area04:before{background-size:80px;width:80px;height:80px;left:calc(50% - 40px)}#philosophy .area04 .circle{max-width:800px}}@media (max-width: 480px){#philosophy .area04{background:linear-gradient(rgba(0,0,0,0.08), #fff 50px);padding:50px 0 0}#philosophy .area04:before{background-size:50px;width:50px;height:50px;left:calc(50% - 25px)}}#footer b{display:block;font-weight:400;font-size:20px;margin-bottom:1em}@media (max-width: 480px){#footer b{font-size:16px}}
