.type2{margin:30px 0}.intro{max-width:1100px;width:100%;display:flex;margin:0 auto;justify-content:space-between;align-items:center}.intro img{max-width:500px;border-radius:10px}.intro h2{color:var(--green);text-align:center}.intro p{text-align:center;max-width:500px;margin:1rem}a.button{background:var(--green);border:1px solid #009fa8;width:250px;max-width:95%;box-sizing:border-box}a.button:hover span,a.button:hover:after{color:var(--green)}.application-details{max-width:1100px;width:100%;margin:0 auto}.details{display:flex;justify-content:space-around}.employee-comments{max-width:1100px;width:100%;margin:0 auto}.comments-group{text-align:center;display:grid;grid-template-columns:repeat(4,1fr)}.comments-group img{width:250px;height:356px;margin:0 auto}.blue img{display:block;border-radius:1rem;border-top:5px solid var(--blue);border-left:5px solid var(--blue)}.blue{display:inline-block;position:relative;overflow:hidden;width:250px;height:356px;border-radius:1rem}.blue:before,.blue:after{content:"";display:block;position:absolute;margin:auto;top:0;left:0;width:100%;height:100%;transition:.3s cubic-bezier(.45,0,.55,1);opacity:0}.blue:before{background:rgba(23,140,220,.7);width:100%;height:100%;opacity:0}.blue:after{content:"詳しく見る";display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;color:#fff;opacity:0}.blue:hover:before,.blue:hover:after{opacity:1}.pink{display:inline-block;position:relative;overflow:hidden;width:250px;height:356px;border-radius:1rem}.pink:before,.pink:after{content:"";display:block;position:absolute;margin:auto;top:0;left:0;width:100%;height:100%;transition:.3s cubic-bezier(.45,0,.55,1);opacity:0}.pink:before{background:rgba(228,0,110,.7);width:100%;height:100%;opacity:0}.pink:after{content:"詳しく見る";display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;color:#fff;opacity:0}.pink:hover:before,.pink:hover:after{opacity:1}.orange{display:inline-block;position:relative;overflow:hidden;width:250px;height:356px;border-radius:1rem}.orange:before,.orange:after{content:"";display:block;position:absolute;margin:auto;top:0;left:0;width:100%;height:100%;transition:.3s cubic-bezier(.45,0,.55,1);opacity:0}.orange:before{background:rgba(225,136,17,.7);width:100%;height:100%;opacity:0}.orange:after{content:"詳しく見る";display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;color:#fff;opacity:0}.orange:hover:before,.orange:hover:after{opacity:1}.purple{display:inline-block;position:relative;overflow:hidden;width:250px;height:356px;border-radius:1rem}.purple:before,.purple:after{content:"";display:block;position:absolute;margin:auto;top:0;left:0;width:100%;height:100%;transition:.3s cubic-bezier(.45,0,.55,1);opacity:0}.purple:before{background:rgba(106,60,174,.7);width:100%;height:100%;opacity:0}.purple:after{content:"詳しく見る";display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;color:#fff;opacity:0}.purple:hover:before,.purple:hover:after{opacity:1}.blue{margin:0 auto}.pink{margin:0 auto}.orange{margin:0 auto}.purple{margin:0 auto}.pink img{border-radius:1rem;border-top:5px solid var(--pink);border-left:5px solid var(--pink)}.orange img{border-radius:1rem;border-top:5px solid var(--orange);border-left:5px solid var(--orange)}.purple img{border-radius:1rem;border-top:5px solid var(--purple);border-left:5px solid var(--purple)}.ecn{color:var(--blue)}.tec{color:var(--pink)}.its{color:var(--orange)}.kikaku{color:var(--purple)}.person1{display:grid;grid-template-rows:10fr 1fr .5fr 1fr}.person2{display:grid;grid-template-rows:10fr 1fr .5fr 1fr}.person3{display:grid;grid-template-rows:10fr 1fr .5fr 1fr}.person4{display:grid;grid-template-rows:10fr 1fr .5fr 1fr}.in-numbers{max-width:1100px;width:100%;margin:0 auto}.table{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,410px);gap:20px}.cell{border-radius:20px;box-shadow:0 0 10px #707070;display:grid;grid-template-rows:5fr 3fr}.cell img{max-height:200px;width:auto;margin:auto}.cell h3{color:var(--green);text-align:center}.cell p{color:var(--green);font-size:2rem;text-align:center;position:relative;bottom:.8rem}.cell span{font-size:75px;font-weight:600}.text{text-align:center;margin:30px 0}.employee-benefits{max-width:1100px;width:100%;margin:0 auto}.table2{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,410px);gap:20px}.cell2{border-radius:20px;box-shadow:0 0 10px #707070;display:grid;grid-template-rows:5fr 3fr;padding:10px 0}.cell2 img{max-height:200px;width:auto;margin:auto}.cell2 h3{color:var(--green);text-align:center}.cell2 p{color:var(--green);font-size:16px;text-align:center;margin:auto}.main-contents{display:flex;flex-direction:column;gap:50px}.back-white{max-width:900px;height:100vh;background-color:#fff;overflow-y:scroll;padding:20px 0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.close-btn{position:absolute;top:2%;right:2%;font-size:50px;background:0 0;border:none}.close-btn:hover{color:#4c4c4c}.overlay.active{opacity:1;pointer-events:auto}.popup-nav{position:absolute;bottom:5%;width:100%;padding:10px 20px;left:1rem;z-index:200}.popup-nav ul{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.popup-nav li a{color:#333;text-decoration:none;font-weight:700}.popup-nav li a:hover{text-decoration:underline}#first{background:rgba(23,140,220,.8);width:100%}#first .phrase{background-color:var(--blue)}#second{background:rgba(228,0,110,.7);width:100%}#second .phrase{background-color:var(--pink)}#third{background:rgba(225,136,17,.7);width:100%}#third .phrase{background-color:var(--orange)}#fourth{background:rgba(106,60,174,.7);width:100%}#fourth .phrase{background-color:var(--purple)}.phrase h2{color:#fff;padding:.5rem 1rem}.profile{display:flex;flex-direction:column}#first .type6{border-bottom:4px solid var(--blue)}#first .type6_circle{background-color:var(--blue)}#first .type6_title{color:var(--blue)}#second .type6{border-bottom:4px solid var(--pink)}#second .type6_circle{background-color:var(--pink)}#second .type6_title{color:var(--pink)}#third .type6{border-bottom:4px solid var(--orange)}#third .type6_circle{background-color:var(--orange)}#third .type6_title{color:var(--orange)}#fourth .type6{border-bottom:4px solid var(--purple)}#fourth .type6_circle{background-color:var(--purple)}#fourth .type6_title{color:var(--purple)}.profile-group{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px}.text-group{text-align:center;display:flex;flex-direction:column;justify-content:space-around;gap:10px}.profile-img{width:40%}.profile-img img{border-radius:10px}.type6{width:90%;margin:0 auto}.set p{width:40%}.set{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px}.set img{width:40%;border-radius:10px}@media (max-width:1280px){.intro{flex-direction:column;gap:30px}.intro img{width:90%}.application-details{width:90%}.popup-nav{display:none}.details{flex-direction:column;gap:30px}.employee-comments{width:90%}.comments-group{grid-template-columns:1fr 1fr;margin:0 auto;row-gap:50px}.comments-group img{aspect-ratio:250/356;width:100%;height:auto}.back-white{width:100%}.in-numbers{width:90%}.table{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,410px);padding:0 10px}.employee-benefits{width:90%}.table2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,410px);padding:0 10px}.person1{display:grid;grid-template-rows:1fr 2rem 1.5rem 2rem}.person2{display:grid;grid-template-rows:1fr 2rem 1.5rem 2rem}.person3{display:grid;grid-template-rows:1fr 2rem 1.5rem 2rem}.person4{display:grid;grid-template-rows:1fr 2rem 1.5rem 2rem}}@media (max-width:765px){.comments-group{grid-template-columns:1fr}.comments-group img{width:100%}.profile-group{flex-direction:column}.phrase h2{font-size:24px}.profile h3{font-size:18px}.profile-img{width:80%}.set{flex-direction:column}.set p{width:80%}.set img{width:60%}.close-btn{font-size:40px}.table{grid-template-columns:1fr;grid-template-rows:1fr;width:95%}.cell{grid-template-columns:40% 60%;grid-template-rows:1fr;padding:10px 5px}.cell img{height:80px;width:auto;margin:auto}.text-group{margin:auto;padding:10px 0}.cell span{font-size:40px}.cell p{position:static}.cell h3{font-size:20px}.table2{grid-template-columns:1fr;grid-template-rows:1fr;width:95%}.cell2{grid-template-columns:40% 60%;grid-template-rows:1fr;padding:10px 5px}.cell2 img{height:80px;width:auto;margin:auto}.text-group{margin:auto;padding:10px 5px}.cell2 p{position:static;font-size:14px}.nonebr br{display:none}.cell2 h3{font-size:20px}}