@charset "UTF-8";.ttl-top{font-size:3.5rem;font-weight:bold;margin:1em 0;text-align:center;position:relative}.ttl-top:after{content:"";display:block;width:8rem;height:0.6rem;margin:2rem auto 0;background:#FDF49C}@media only screen and (max-width:768px){.ttl-top{font-size:3rem}}.main-area-top{margin-top:95px;position:relative;line-height:0;margin-bottom:6.4rem}@media only screen and (max-width:1380px){.main-area-top{margin-bottom:5em}}@media only screen and (max-width:1100px){.main-area-top{margin:50px 0 10%}}.main-area-top-bg{width:94%;position:relative;left:6%;aspect-ratio:2.33/1;background:url(../img/top/pht_main.jpg) no-repeat center center/cover;display:flex;align-items:center;justify-content:center;border-radius:0 0 0 20px}@media only screen and (max-width:1100px){.main-area-top-bg{width:100%;left:0;background:url(../img/top/pht_main_sp.jpg) no-repeat center center/cover;aspect-ratio:1.3/1;border-radius:0}}.main-area-top h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:23vw;max-width:330px}@media only screen and (max-width:768px){.main-area-top h2{width:48vw;top:37%}}.main-area-top h2 img{width:100%}.main-area-top .scroll-down{position:relative;left:4%;bottom:18rem;transform:rotate(90deg);transform-origin:top left;display:inline-block}@media only screen and (max-width:768px){.main-area-top .scroll-down{bottom:30vw}}.main-area-top .scroll-down .scroll-down-inner{position:relative;display:flex;align-items:center;gap:1em}.main-area-top .scroll-down .scroll-down-inner span{color:#FDF49C;font-weight:500;letter-spacing:0.15em;letter-spacing:0.1em;text-shadow:1px 1px 0px #3972B7,-1px 1px 0px #3972B7,1px -1px 0px #3972B7,-1px -1px 0px #3972B7,1px 0px 0px #3972B7,0px 1px 0px #3972B7,-1px 0px 0px #3972B7,0px -1px 0px #3972B7}@media only screen and (max-width:768px){.main-area-top .scroll-down .scroll-down-inner span{font-size:0.8rem}}.main-area-top .scroll-down .scroll-down-inner:after{content:"";display:inline-block;width:11rem;height:1px;background:#3972B7;position:relative}@media only screen and (max-width:768px){.main-area-top .scroll-down .scroll-down-inner:after{width:15vw}}.bnr-area-top01{margin-bottom:12.8rem}@media only screen and (max-width:1380px){.bnr-area-top01{margin-bottom:4em}}.heading-area-top{margin-bottom:12rem}@media only screen and (max-width:1380px){.heading-area-top{margin-bottom:5em}}@media only screen and (max-width:768px){.heading-area-top{margin-bottom:15%}}.heading-area-top .inner .text-part{display:flex;justify-content:space-between;flex-direction:row-reverse;width:100%}@media only screen and (max-width:768px){.heading-area-top .inner .text-part{justify-content:center}}.heading-area-top .inner .text-part h2{writing-mode:vertical-rl;font-size:4.5rem;font-weight:500;letter-spacing:0.2em;color:#9CDFFC}@media only screen and (max-width:768px){.heading-area-top .inner .text-part h2{font-size:3.1rem}}.heading-area-top .inner .text-part h3{writing-mode:vertical-rl;font-size:4.5rem;font-weight:500;letter-spacing:0.2em;color:#9CDFFC}@media only screen and (max-width:768px){.heading-area-top .inner .text-part h3{font-size:3.1rem}}.heading-area-top .inner .text-part-content{writing-mode:vertical-rl}.heading-area-top .inner .text-part-content p{margin-block:1em}@media only screen and (max-width:768px){.heading-area-top .inner .text-part-content p{margin-block:0;padding-right:1em}}.heading-area-top .inner .pct-part{position:absolute;top:0;left:50%;transform:translateX(-50%)}@media only screen and (max-width:1100px){.heading-area-top .inner .pct-part{padding-inline:4%}}@media only screen and (max-width:768px){.heading-area-top .inner .pct-part{display:block;position:relative;padding-inline:0}}.step-area-top{padding:10rem 0 0;position:relative;z-index:1;margin-bottom:16rem}@media only screen and (max-width:1380px){.step-area-top{padding:7% 0 0;margin-bottom:5em}}@media only screen and (max-width:768px){.step-area-top{padding:12% 0 0;margin-bottom:15%}}.step-area-top:after{position:absolute;top:0;left:0;z-index:-1;width:94%;height:100%;display:block;content:"";background:#9CDFFC;border-radius:0 1rem 1rem 0}@media only screen and (max-width:1380px){.step-area-top:after{width:98%}}.step-area-top .inner{position:relative;padding-bottom:10rem}@media only screen and (max-width:1380px){.step-area-top .inner{padding-bottom:4%}}@media only screen and (max-width:768px){.step-area-top .inner{padding-bottom:22%}}.step-area-top .inner header{text-align:center}.step-area-top .inner header p{position:relative;font-size:3rem;font-weight:700;color:#fff;letter-spacing:0.1em}@media only screen and (max-width:768px){.step-area-top .inner header p{font-size:2rem}}.step-area-top .inner header p span{position:relative;display:inline-block}.step-area-top .inner header p span:first-child{top:0;transform:rotate(-10deg)}.step-area-top .inner header p span:nth-child(2){top:-0.2em;transform:rotate(-10deg)}.step-area-top .inner header p span:nth-child(3){top:-0.33em;transform:rotate(-3deg)}.step-area-top .inner header p span:nth-child(4){top:-0.4em;transform:rotate(-1deg)}.step-area-top .inner header p span:nth-child(5){top:-0.4em;transform:rotate(0deg)}.step-area-top .inner header p span:nth-child(6){top:-0.25em;transform:rotate(3deg)}.step-area-top .inner header p span:nth-child(7){top:-0.17em;transform:rotate(5deg)}.step-area-top .inner header p span:nth-child(8){top:0.1em;left:-0.1em;transform:rotate(14deg)}.step-area-top .inner header h2{font-size:3rem;font-weight:700;letter-spacing:0.1em;color:#FDF49C;position:relative;margin-top:-2rem}@media only screen and (max-width:768px){.step-area-top .inner header h2{font-size:2rem;margin-top:-1rem}}.step-area-top .inner header h2 .balloon{position:absolute;top:18%;left:50%;transform:translateX(-105%) rotate(-15deg)}@media only screen and (max-width:768px){.step-area-top .inner header h2 .balloon{top:18%}}.step-area-top .inner header h2 .balloon .balloon-inner{font-size:1.8rem;font-weight:500;color:#FDF49C;background:#fff;border-radius:100px;padding:0.2em 0.5em;border:2px solid #333;position:relative}@media only screen and (max-width:768px){.step-area-top .inner header h2 .balloon .balloon-inner{font-size:1.5rem}}.step-area-top .inner header h2 .balloon .balloon-inner:after{content:"";display:block;position:absolute;top:100%;left:60%;background:#ffffff;width:10px;height:10px;border-left:2px solid #333;border-bottom:2px solid #333;transform:translateY(-5px) rotate(-45deg)}.step-area-top .inner header h2 .num{font-size:10rem}@media only screen and (max-width:768px){.step-area-top .inner header h2 .num{font-size:7rem}}.step-area-top .inner header h2 .step{font-size:5rem}@media only screen and (max-width:768px){.step-area-top .inner header h2 .step{font-size:3.5rem}}.step-area-top-block+.step-area-top-block{margin-top:9rem}@media only screen and (max-width:768px){.step-area-top-block+.step-area-top-block{margin-top:13%}}.step-area-top-block h3{font-size:4rem;font-weight:500;color:#fff;text-align:center;position:relative;margin-top:4rem;z-index:1}@media only screen and (max-width:768px){.step-area-top-block h3{font-size:2.5rem;margin-top:5%}}.step-area-top-block h3:after{content:"";display:inline-block;width:26%;height:2.2rem;background:#FDF49C;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:-1}@media only screen and (max-width:768px){.step-area-top-block h3:after{width:40vw;height:1.5rem}}.step-area-top-block h4{font-size:2rem;font-weight:700}@media only screen and (max-width:768px){.step-area-top-block h4{font-size:1.7rem}}.step-area-top-block ul{display:flex;justify-content:space-between;margin-block:0.8em 2.4em}@media only screen and (max-width:768px){.step-area-top-block ul{flex-wrap:wrap;margin-block:0.8em 8%}}.step-area-top-block ul li{background:#fff;width:25%;padding:0.5em 1em 3em;text-align:center;border-right:1px solid #dadada;position:relative}@media only screen and (max-width:768px){.step-area-top-block ul li{width:50%;aspect-ratio:1;padding:0.5em}}.step-area-top-block ul li:after{content:"";display:block;position:absolute;top:50%;right:0;background:#fff;width:10px;height:10px;border-right:1px solid #dadada;border-top:1px solid #dadada;transform:translate(5px,-50%) rotate(45deg);z-index:2}@media only screen and (max-width:1380px){.step-area-top-block ul li:after{right:-1px}}@media only screen and (max-width:768px){.step-area-top-block ul li:first-child{border-bottom:1px solid #dadada}}@media only screen and (max-width:768px){.step-area-top-block ul li:nth-child(2){border-bottom:1px solid #dadada}}@media only screen and (max-width:768px){.step-area-top-block ul li:nth-child(2):after{display:none}}@media only screen and (max-width:768px){.step-area-top-block ul li:nth-child(3):after{left:0;background:transparent;transform:translate(-5px,-50%) rotate(45deg)}}.step-area-top-block ul li:nth-child(4):after{display:none}@media only screen and (max-width:768px){.step-area-top-block ul li:nth-child(4):after{display:block;left:0;transform:translate(-5px,-50%) rotate(45deg)}}.step-area-top-block ul li div{font-size:3rem;font-weight:700;letter-spacing:0.1em;color:#9CDFFC;text-align:left}@media only screen and (max-width:768px){.step-area-top-block ul li div{font-size:2.5rem;padding-left:0.3em}}.step-area-top-block ul li dl dt{background:#DDF1FF;width:26%;margin-inline:auto;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.step-area-top-block ul li dl dt img[src="img/common/ico_note_plus.svg"]{margin-left:4px}@media only screen and (max-width:1100px){.step-area-top-block ul li dl dt img[src="img/common/ico_note_plus.svg"]{width:55%}}.step-area-top-block ul li dl dt img[src="img/common/ico_note_search.svg"]{width:62%}@media only screen and (max-width:1100px){.step-area-top-block ul li dl dt img[src="img/common/ico_note_search.svg"]{width:65%}}@media only screen and (max-width:1100px){.step-area-top-block ul li dl dt img[src="img/common/ico_envelope.svg"]{width:60%}}.step-area-top-block ul li dl dt img[src="img/common/ico_handshake.svg"]{width:70%}@media only screen and (max-width:1100px){.step-area-top-block ul li dl dt img[src="img/common/ico_handshake.svg"]{width:62%}}.step-area-top-block ul li dl dt img[src="img/common/ico_interview.svg"]{width:70%}@media only screen and (max-width:1100px){.step-area-top-block ul li dl dt img[src="img/common/ico_interview.svg"]{width:80%}}.step-area-top-block ul li dl dt img[src="img/common/ico_human_plus.svg"]{width:62%}@media only screen and (max-width:1100px){.step-area-top-block ul li dl dt img[src="img/common/ico_human_plus.svg"]{width:65%}}.step-area-top-block ul li dl dd{margin-top:1em;font-size:1.5rem;font-weight:700}@media only screen and (max-width:768px){.step-area-top-block ul li dl dd{font-size:1.4rem;line-height:1.1}}.step-area-top-block ul li dl dd>p .fs-s{font-size:1.2rem}.step-area-top-eyecatch{width:21rem;height:21rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;margin:2em auto 0;overflow:hidden}@media only screen and (max-width:768px){.step-area-top-eyecatch{width:28vw;height:28vw;margin:5% auto 8%}}@media only screen and (max-width:768px){.step-area-top-eyecatch img{width:66%}}.step-area-top .pct-part{position:absolute;bottom:-5rem;right:-18rem;width:27rem}@media only screen and (max-width:1380px){.step-area-top .pct-part{width:17vw;right:-5vw;bottom:-2vw}}@media only screen and (max-width:768px){.step-area-top .pct-part{width:40vw;right:-2vw;bottom:-7vw}}.step-area-top .pct-part img{width:100%}.news-area-top{padding:6rem 0;position:relative;z-index:1;margin-bottom:16rem}@media only screen and (max-width:1380px){.news-area-top{margin-bottom:5em;padding:5% 0}}@media only screen and (max-width:768px){.news-area-top{margin-bottom:5em;padding:8% 0 5%}}.news-area-top:after{position:absolute;top:0;left:6%;z-index:-1;width:94%;height:100%;display:block;content:"";background:#FDF49C;border-radius:1rem 0 0 1rem}@media only screen and (max-width:1380px){.news-area-top:after{width:98%;left:2%}}.news-area-top .inner{position:relative;display:flex}@media only screen and (max-width:768px){.news-area-top .inner{display:block}}.news-area-top .inner header{width:30%;margin-top:2.4rem}@media only screen and (max-width:768px){.news-area-top .inner header{width:100%;margin-top:0}}.news-area-top .inner header h2{color:#9CDFFC;display:flex;justify-content:center;position:relative;font-size:3.5rem}@media only screen and (max-width:1380px){.news-area-top .inner header h2{font-size:3rem}}.news-area-top .inner header h2:after,.news-area-top .inner header h2:before{position:relative;top:0.2em;content:"";display:inline-block;width:5rem;height:4.5rem}.news-area-top .inner header h2:before{background:url(../img/common/ico_ttl_left.svg) no-repeat center center/contain;margin-right:0.3em}.news-area-top .inner header h2:after{background:url(../img/common/ico_ttl_right.svg) no-repeat center center/contain;margin-left:0.3em}.news-area-top .inner header .btn-block{margin-top:5rem}@media only screen and (max-width:1100px){.news-area-top .inner header .btn-block{margin-top:7%}}.news-area-top .inner header .btn-block p a{min-width:initial}.news-area-top .inner .list-article{flex:1;padding-left:3%}@media only screen and (max-width:1100px){.news-area-top .inner .list-article{margin-top:8%}}.news-area-top .inner .list-article li a .date-part .icon-new{background:#CD4949;border:none;text-shadow:none}.news-area-top .inner .list-article li a .list-icon .category{border:1px solid #333}.faq-area-top{margin-bottom:14.4rem}@media only screen and (max-width:1380px){.faq-area-top{margin-bottom:8em}}@media only screen and (max-width:768px){.faq-area-top{margin-bottom:15%}}.faq-area-top .inner header h2{color:#FDF49C;display:flex;justify-content:center;position:relative;font-size:3.5rem}@media only screen and (max-width:768px){.faq-area-top .inner header h2{font-size:2.1rem}}.faq-area-top .inner header h2:after,.faq-area-top .inner header h2:before{position:relative;top:-0.3em;content:"";display:inline-block;width:5.4rem;height:6.9rem}@media only screen and (max-width:768px){.faq-area-top .inner header h2:after,.faq-area-top .inner header h2:before{width:4rem;height:5.5rem}}.faq-area-top .inner header h2:before{background:url(../img/top/ico_faq01.svg) no-repeat center center/contain;margin-right:0.9em}.faq-area-top .inner header h2:after{background:url(../img/top/ico_faq02.svg) no-repeat center center/contain;margin-left:0.9em}.faq-area-top .inner .list-qa{margin-top:2em}.bnr-area-top02{margin-bottom:11.2rem}@media only screen and (max-width:1380px){.bnr-area-top02{margin-bottom:6em}}@media only screen and (max-width:768px){.bnr-area-top02{margin-bottom:15%}}
/*# sourceMappingURL=top.css.map */