@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@700&display=swap);.p-approach_links{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:2rem 0 2rem}@media (width <= 980px){.p-approach_links{gap:1rem}}@media (width <= 630px){.p-approach_links{gap:2rem 1rem;grid-template-columns:1fr}}.p-approach_links .approach_link{box-shadow:0 0 20px rgba(153,153,153,.3)}.p-approach_links .approach_link:hover .link_pict img{transform:scale(1.05)}.p-approach_links .approach_link:hover .link_btn .btn{background-color:#78b844;color:#fff}.p-approach_links .approach_link:hover .link_btn .btn::after{background-color:#fff;speak:none}.p-approach_links .link_pict picture{display:block;overflow:hidden}.p-approach_links .link_pict picture img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in}.p-approach_links .link_title{background-color:color-mix(in srgb,#78b844 30%,#fff);color:color-mix(in srgb,#78b844 60%,#000);padding:1rem 1rem .6rem;line-height:1;font-size:clamp(1.25rem,.6900684932rem + .9132420091vw,1.375rem)}@media (width <= 980px){.p-approach_links .link_title{font-size:clamp(1rem,.8787878788rem + .6060606061vw,1.25rem)}}.p-approach_links .link_desc{padding:1rem}.p-approach_links .link_btn{padding:0 1rem;margin-bottom:1rem}.p-approach_links .link_btn .btn{display:grid;grid-template-columns:max-content 1fr max-content;align-items:center;gap:0 2rem;padding:.6rem .6rem .6rem 1rem;border:1px solid #78b844;color:#78b844;border-radius:5px;font-weight:700;width:60%;margin-inline:auto;text-align:center;transition:background-color .5s,color .3s}@media (width <= 630px){.p-approach_links .link_btn .btn{width:100%}}.p-approach_links .link_btn .btn::before{content:"";display:inline-block;width:.25rem;height:.25rem;speak:none}.p-approach_links .link_btn .btn::after{display:inline-block;content:"";width:.6rem;height:.6rem;-webkit-mask-image:url(../img/common/icon-arrowS.svg);mask-image:url(../img/common/icon-arrowS.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:.6rem .6rem;mask-size:.6rem .6rem;background-color:#78b844;transition:background-color .3s;speak:none}.p-approach_promises{display:grid;gap:4rem;margin:2rem 0}.p-approach_promises .promise_items{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem}@media (width <= 630px){.p-approach_promises .promise_items{grid-template-columns:1fr;gap:1.6rem}}.p-approach_promises .promise_items:nth-child(even) .item_txt{order:2}@media (width <= 630px){.p-approach_promises .promise_items:nth-child(even) .item_txt{order:1}}.p-approach_promises .promise_items:nth-child(even) .item_pict{order:1}.p-approach_promises .item_pict .pict{display:block;border-radius:8px;overflow:hidden}.p-approach_promises .item_pict .pict img{width:100%;aspect-ratio:493/327;-o-object-fit:cover;object-fit:cover}.p-approach_promises .item_txt{position:relative;padding-right:2rem}.p-approach_promises .item_txt .desc{letter-spacing:.2rem}.p-approach_promises .item_num{position:absolute;right:0;top:0;font-size:8cqw;font-family:Tajawal,sans-serif;font-weight:700;color:#ebf2e7;letter-spacing:.4rem;z-index:-1;line-height:.4}@media (width <= 630px){.p-approach_promises .item_num{font-size:20cqw}}.p-approach_safety{padding:2rem 4rem;border-radius:20px;box-shadow:0 0 30px 0 rgba(32,136,196,.15);display:grid;gap:1rem}@media (width <= 630px){.p-approach_safety{padding:2rem 2rem}}.p-approach_safety .safety_lead{font-size:clamp(1rem,.4400684932rem + .9132420091vw,1.125rem);text-align:center;font-weight:700;color:#328ab9}@media (width <= 980px){.p-approach_safety .safety_lead{font-size:clamp(.875rem,.8143939394rem + .303030303vw,1rem)}}.p-supply_flow{display:grid;justify-content:center;grid-template-columns:repeat(4,1fr);gap:3cqw;padding:0 4cqw;margin:2rem 2rem;background-image:url(../img/contents/approach/bg-supply_frow.svg);background-position:center;background-repeat:no-repeat;background-size:contain}@media (width <= 980px){.p-supply_flow{gap:1rem;margin:0}}@media (width <= 980px){.p-supply_flow{gap:.4rem;padding:0 3cqw}}.p-supply_flow .flow_item{border:1px solid #328ab9;width:100%;aspect-ratio:1/1;border-radius:50%;background-color:#fff;display:grid;gap:.4rem;padding:2rem 2rem;transition:border-color .3s,background-color .3s}@media (width <= 980px){.p-supply_flow .flow_item{padding:1rem 1rem}}@media (width <= 630px){.p-supply_flow .flow_item{padding:0}}.p-supply_flow .flow_item:hover{background-color:color-mix(in srgb,#328ab9 15%,#fff)}.p-supply_flow .flow_item:hover .pict{transform:scale(1.1) rotate(10deg)}.p-supply_flow .flow_item .pict{width:50%;aspect-ratio:1/1;justify-self:center;align-self:flex-end;text-align:center;transition:transform .3s}@media (width <= 630px){.p-supply_flow .flow_item .pict{width:30%}}.p-supply_flow .flow_item .text{justify-self:center;font-weight:700;color:#328ab9;display:grid;grid-template-columns:1fr max-content;justify-content:center;align-items:center;gap:1rem;padding-left:1rem}@media (width <= 980px){.p-supply_flow .flow_item .text{align-self:flex-start}}@media (width <= 630px){.p-supply_flow .flow_item .text{font-size:2cqw;gap:.2rem;padding-left:.4rem}}.p-supply_flow .flow_item .icon{background-color:rgba(50,138,185,.15);display:grid;place-content:center;width:1.2rem;aspect-ratio:1/1;border-radius:50%}@media (width <= 630px){.p-supply_flow .flow_item .icon{width:.8rem;zoom:.75}}.p-supply_flow .flow_item .icon::after{display:inline-block;content:"";width:.6rem;height:.6rem;-webkit-mask-image:url(../img/common/icon-arrowS.svg);mask-image:url(../img/common/icon-arrowS.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;background-color:#328ab9;transform:rotate(90deg);speak:none}@media (width <= 630px){.p-supply_flow .flow_item .icon::after{width:.4rem;height:.4rem}}.p-supply_title{display:grid;grid-template-columns:8cqw 1fr;align-items:center;gap:1.2rem;font-weight:700;line-height:1;padding:0 0 .6rem;border-bottom:4px solid rgba(180,210,231,.6);margin-bottom:2.4rem}@media (width <= 980px){.p-supply_title{grid-template-columns:20vw 1fr}}.p-supply_title .title_tag{background-color:#328ab9;color:#fff;text-align:center;padding:.6rem 0;letter-spacing:.2rem}@media (width <= 630px){.p-supply_title .title_tag{font-size:smaller}}.p-supply_title .title_text{color:#328ab9;font-size:clamp(1.5rem,.9400684932rem + .9132420091vw,1.625rem);letter-spacing:.1rem}@media (width <= 980px){.p-supply_title .title_text{font-size:clamp(1.125rem,.9431818182rem + .9090909091vw,1.5rem)}}.p-supply_detail{display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media (width <= 630px){.p-supply_detail{grid-template-columns:1fr;gap:2rem}}@media (width <= 630px){.p-supply_detail .detail_pict{order:1}}.p-supply_detail .detail_pict img{width:100%;aspect-ratio:100/67;-o-object-fit:cover;object-fit:cover;border-radius:8px}@media (width <= 630px){.p-supply_detail .detail_text{order:2}}.p-generic_head{margin-top:3rem;background-image:url(../img/contents/generic/bg-generic_head.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.p-generic_head .head_wrap{background-color:rgba(255,255,255,.9);padding:2rem 2rem 3rem}.p-generic_head .head_title{font-weight:700;font-size:clamp(1.5rem,.9400684932rem + .9132420091vw,1.625rem);text-align:center;margin-bottom:1.6rem}@media (width <= 980px){.p-generic_head .head_title{font-size:clamp(1.125rem,.9431818182rem + .9090909091vw,1.5rem)}}.p-generic_head .head_title::after{display:block;content:"";width:4rem;height:3px;margin-top:.6rem;margin-inline:auto;background:linear-gradient(90deg,#e6902a 0,#e6902a 50%,#78b844 50%,#78b844 100%);speak:none}.p-generic_head .head_lead{letter-spacing:.2rem;line-height:2}.p-generic_merit{display:grid;container-type:inline-size;grid-template-columns:max-content max-content 1fr}@media (width <= 980px){.p-generic_merit{grid-template-columns:max-content 1fr}}.p-generic_merit .merit_item{padding:1rem 0;border-bottom:1px dashed rgba(153,153,153,.3);display:grid;grid-template-columns:subgrid;grid-column:span 3;gap:1rem}.p-generic_merit .merit_item:nth-last-child{border-bottom:none}.p-generic_merit .item_icon .icon{display:block;place-content:center;width:10cqw;background-color:rgba(32,136,196,.15);border-radius:50%;aspect-ratio:1/1;text-align:center}.p-generic_merit .item_title{color:#2088c4}.p-generic_merit .item_title .tag{display:inline-block;width:8cqw;text-align:center;font-size:60%;padding:.4rem;border:1px solid #2088c4;border-radius:20px;line-height:1}@media (width <= 980px){.p-generic_merit .item_title .tag{width:50%}}@media (width <= 980px){.p-generic_merit .item_title .tag{width:30%}}.p-generic_merit .item_title .title{display:block;font-weight:700;line-height:1.4;margin-top:.6rem}@media (width <= 980px){.p-generic_merit p{grid-column:span 2}}.p-generic_faq{border-left:4px solid rgba(180,210,231,.3);padding-left:1.2rem}.p-generic_faq .faq_item{border-bottom:1px dotted rgba(153,153,153,.6);transition:background-color .3s ease}.p-generic_faq .faq_item:hover{background-color:rgba(120,184,68,.15)}.p-generic_faq .faq_item:hover .icon{background-color:#78b844}.p-generic_faq .faq_item a{display:block;padding:1rem 0}.p-generic_faq .faq_item .icon{display:inline-block;content:"";width:1rem;height:1rem;-webkit-mask-image:url(../img/common/icon-arrowT.svg);mask-image:url(../img/common/icon-arrowT.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;margin-left:.4rem;background-color:#5a6491;transition:background-color .3s ease}.p-generic_split{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 3rem;margin:1.6rem 0}@media (width <= 980px){.p-generic_split{gap:1.6rem 2rem}}@media (width <= 980px){.p-generic_split{grid-template-columns:1fr;gap:2rem}}.p-generic_split .split_text{display:grid;grid-template-rows:subgrid;grid-row:span 3}@media (width <= 980px){.p-generic_split .split_text{grid-template-columns:1fr;grid-row:span 2}}.p-generic_split .text_heading{margin-bottom:0}
/*# sourceMappingURL=approach.css.map */