.p-5th{background-color:#59a71e}.p-5th .c-button{opacity:0}.p-lead__content{text-align:center}.p-lead__content .c-title{padding-bottom:40px}@media screen and (max-width: 820px){.p-lead__content .c-title{padding-bottom:0}}@media screen and (max-width: 820px){.p-lead__content .p-textWrap{margin-top:40px}}@media screen and (max-width: 650px){.p-lead__content .p-textWrap{margin-top:24px}}.p-skills{padding-top:130px}@media screen and (max-width: 1080px){.p-skills{padding-top:100px}}@media screen and (max-width: 820px){.p-skills{padding-top:80px}}@media screen and (max-width: 650px){.p-skills{padding-top:60px}}.p-heading__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px 24px}@media screen and (max-width: 820px){.p-heading__list{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 650px){.p-heading__list{gap:16px}}.p-heading__item{overflow:hidden;position:relative;padding:25px 25px 40px;border-radius:10px}@media screen and (max-width: 650px){.p-heading__item{padding:30px 10px}}.p-heading__item:nth-child(1){background-color:#3db8ff}@media screen and (max-width: 650px){.p-heading__item:nth-child(1) .text{min-height:78px}}.p-heading__item:nth-child(2){background-color:#f7d749}@media screen and (max-width: 650px){.p-heading__item:nth-child(2) .text{min-height:78px}}.p-heading__item:nth-child(3){background-color:#59a71e}@media screen and (max-width: 650px){.p-heading__item:nth-child(3) .text{min-height:97px}}.p-heading__item:nth-child(4){background-color:#ff3432}@media screen and (max-width: 650px){.p-heading__item:nth-child(4) .text{min-height:97px}}.p-heading__item:nth-child(5){background-color:#ffa915}@media screen and (max-width: 650px){.p-heading__item:nth-child(5) .title{height:auto}}@media screen and (max-width: 650px){.p-heading__item:nth-child(5) .text{min-height:98px}}.p-heading__item:nth-child(6){background-color:#3788de}@media screen and (max-width: 650px){.p-heading__item:nth-child(6) .title{height:auto}}.p-heading__item .icon{width:16px;margin:0 auto}.p-heading__item p{text-align:center;color:#fff;line-height:1.4;margin-top:20px}@media screen and (max-width: 650px){.p-heading__item p{text-align:left}}@media screen and (max-width: 650px){.p-heading__item .title{height:44px}}.p-heading__item .text{margin-top:10px;text-align:left}@media screen and (max-width: 650px){.p-heading__item .text{min-height:97px}}.p-heading__item .number{font-size:15.6rem;letter-spacing:-0.02em;position:absolute;right:0;bottom:0;line-height:.5;color:rgba(255,255,255,.4);z-index:0}@media screen and (max-width: 650px){.p-heading__item .number{font-size:10rem}}.p-heading__item input:checked+label::after{opacity:1}.p-heading__item label{position:relative;display:block;margin-left:auto;margin-right:auto;width:50px;height:50px;background-color:#fff;border-radius:10px;cursor:pointer;z-index:1}@media screen and (max-width: 650px){.p-heading__item label{width:40px;height:40px}}.p-heading__item label::after{position:absolute;content:"";top:30%;left:26%;width:20px;height:10px;border-left:4px solid #000;border-bottom:4px solid #000;transform:rotate(-52deg) skewX(-15deg);opacity:.2}@media screen and (max-width: 650px){.p-heading__item label::after{width:16px;height:8px}}.p-skills__title{display:flex;margin-top:60px}@media screen and (max-width: 650px){.p-skills__title{display:block}}.p-skills__tags{display:flex;flex-wrap:wrap;width:60%;gap:10px;margin-top:40px;margin-left:auto}@media screen and (max-width: 650px){.p-skills__tags{width:100%}}.p-skills__tag input{display:none}.p-skills__tag input:checked+label{background-color:#000;color:#fff}.p-skills__tag label{display:block;padding:8px;border:1px solid #000;border-radius:5px;font-family:"Shuei KakuGo Kin B","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic ProN","Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;font-weight:700;line-height:1;cursor:pointer;transition:background-color .3s cubic-bezier(0.445, 0.05, 0.55, 0.95),color .3s cubic-bezier(0.445, 0.05, 0.55, 0.95)}@media screen and (max-width: 650px){.p-skills__tag label{font-size:1.4rem}}.p-skills__tag label::before{content:"#"}.p-skills__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}@media screen and (max-width: 820px){.p-skills__list{grid-template-columns:repeat(2, 1fr);gap:20px}}@media screen and (max-width: 650px){.p-skills__list{gap:16px}}.p-skills__item{cursor:pointer;transition:opacity .3s cubic-bezier(0.445, 0.05, 0.55, 0.95)}.p-skills__item:hover{opacity:.8}.p-skills__item:hover .desc .button{background-color:#fff;color:#000}.p-skills__item:hover .desc .button .mark::before,.p-skills__item:hover .desc .button .mark::after{background-color:#000}.p-skills__item .image{position:relative}.p-skills__item .image .label{position:absolute;top:0;left:0;padding:8px;color:#fff;font-family:"Shuei KakuGo Kin B","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic ProN","Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;font-weight:700;line-height:1.2}@media screen and (max-width: 650px){.p-skills__item .image .label{font-size:1.1rem;padding:6px 5px}}@media screen and (max-width: 350px){.p-skills__item .image .label{font-size:1rem}}.p-skills__item .image .label.is-lightblue{background-color:#3db8ff}.p-skills__item .image .label.is-yellow{background-color:#f7d749}.p-skills__item .image .label.is-green{background-color:#59a71e}.p-skills__item .image .label.is-red{background-color:#ff3432}.p-skills__item .image .label.is-orange{background-color:#ffa915}.p-skills__item .image .label.is-blue{background-color:#3788de}.p-skills__item .image img{height:auto;aspect-ratio:1/.71}.p-skills__item .desc{position:relative;padding:20px 20px 60px;background-color:#fff}@media screen and (max-width: 650px){.p-skills__item .desc{padding:18px 12px 55px}}.p-skills__item .desc .job{font-size:2rem;line-height:1.2}@media screen and (max-width: 650px){.p-skills__item .desc .job{font-size:1.6rem}}.p-skills__item .desc .tags{display:none}.p-skills__item .desc .text{margin-top:10px;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width: 650px){.p-skills__item .desc .text{font-size:12px}}.p-skills__item .desc .button{padding:5px 15px;background-color:#000;color:#fff;margin:10px 0 0 auto;border:1px solid #000;transition:color .4s,background-color .4s;position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:10px}@media screen and (max-width: 650px){.p-skills__item .desc .button{font-size:1.2rem;padding:5px 10px}}.p-skills__item .desc .button .mark{width:20px;height:20px;border-radius:50%;position:relative}@media screen and (max-width: 650px){.p-skills__item .desc .button .mark{width:15px;height:15px}}.p-skills__item .desc .button .mark::before,.p-skills__item .desc .button .mark::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;transition:background-color .4s}.p-skills__item .desc .button .mark::before{width:10px;height:1px}.p-skills__item .desc .button .mark::after{width:1px;height:10px}.p-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.p-modal.is-open{display:block;pointer-events:auto;animation:fadeIn .3s cubic-bezier(0.445, 0.05, 0.55, 0.95)}.p-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.24);z-index:100}.p-modal__content{position:absolute;display:flex;top:50%;left:50%;width:80%;max-width:768px;max-height:85%;border-top:10px solid #000;border-top-left-radius:10px;border-top-right-radius:10px;padding:40px 60px;transform:translate(-50%, -50%);background-color:#fff;overflow-y:scroll;z-index:200}@media screen and (max-width: 820px){.p-modal__content{display:block}}@media screen and (max-width: 650px){.p-modal__content{padding:40px 20px}}.p-modal__content::-webkit-scrollbar{width:6px}.p-modal__content::-webkit-scrollbar-thumb{background-color:#000}.p-modal__content::-webkit-scrollbar-track{background-color:#efefef}.p-modal__content.is-lightblue{border-top-color:#3db8ff}.p-modal__content.is-lightblue .job{background-color:#3db8ff}.p-modal__content.is-yellow{border-top-color:#f7d749}.p-modal__content.is-yellow .job{background-color:#f7d749}.p-modal__content.is-green{border-top-color:#59a71e}.p-modal__content.is-green .job{background-color:#59a71e}.p-modal__content.is-red{border-top-color:#ff3432}.p-modal__content.is-red .job{background-color:#ff3432}.p-modal__content.is-orange{border-top-color:#ffa915}.p-modal__content.is-orange .job{background-color:#ffa915}.p-modal__content.is-blue{border-top-color:#3788de}.p-modal__content.is-blue .job{background-color:#3788de}.p-modal__content .close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,.3);cursor:pointer}@media screen and (max-width: 650px){.p-modal__content .close{top:10px;right:10px}}.p-modal__content .close::before{position:absolute;content:"";top:50%;left:50%;width:20px;height:2px;background-color:#fff;transform:translate(-50%, -50%) rotate(45deg)}.p-modal__content .close::after{position:absolute;content:"";top:50%;left:50%;width:20px;height:2px;background-color:#fff;transform:translate(-50%, -50%) rotate(-45deg)}.p-modal__content .image{width:45%}@media screen and (max-width: 820px){.p-modal__content .image{width:100%}}.p-modal__content .desc{width:48%;margin-left:auto}@media screen and (max-width: 820px){.p-modal__content .desc{margin-top:20px;width:100%}}.p-modal__content .job{display:inline-block;padding:8px;font-size:1.8rem;color:#fff;line-height:1}.p-modal__content .text{margin-top:16px}