@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");body{font-family:"Noto Serif JP",serif;background-color:#09080a;color:#eaeaea;max-width:100%}.body-body{overflow:hidden}.header{background-image:url(//ikportfolio.site/wp-content/themes/ikportfolio/assets/css/../../img/bgc.png);background-attachment:fixed;background-position:center bottom;background-size:cover;height:900px;transition:all 1s ease-in-out}.header .header-links{position:relative}.header .logo{width:133px;height:75px;margin-top:21px;margin-left:210px;margin-bottom:80px}.header .top-img{position:absolute;top:0;left:200px;width:80%;max-width:100%;height:auto}@media screen and (max-width:938px){.header .top-img{top:100px;left:150px}}.header .top-img img{position:absolute;display:block;width:100%;max-width:100%;height:auto;max-width:1000px;height:auto}@media screen and (min-width:1080px){.header .top-img img{position:absolute;top:-160px;left:100px;max-width:1000px;height:auto}}@media screen and (max-width:1540px){.header .top-img img{width:800px;height:auto;top:-100px}}@media screen and (max-width:1350px){.header .top-img img{width:80%}}.header .header-list{margin-left:200px}@media screen and (max-width:768px){.header .header-list{margin-left:80px;margin-top:100px}}@media screen and (max-width:768px) and (max-width:590px){.header .header-list{margin-left:20px}}.header .title{position:relative;font-size:48px;z-index:2000;left:0}.header .sub-title{position:relative;font-size:24px;margin-bottom:48px;z-index:2000;left:0}.header .title-list{z-index:300;font-size:20px}.header .title-list li{margin-bottom:48px}.header .headersns-link{position:relative;display:none;position:fixed;top:80%;transform:translateX(-20%);left:20%;z-index:11000}.header .headersns-link img{width:50px;height:50px}.header .headersns-link img img{width:100%}.header .title-list.is-active~.headersns-link{display:flex}.header .slider-indicators{position:absolute;display:flex;gap:20px;top:600px;left:57%}@media screen and (max-width:1540px){.header .slider-indicators{top:550px}}@media screen and (max-width:938px){.header .slider-indicators{top:500px}}.header .new{margin-top:32px}@media screen and (max-width:768px){.header .new{margin-top:28px}}.header .new__inner{position:relative}.header .new__wrap{max-width:90%;margin:0 auto;background-color:rgba(255,255,255,.7);border-radius:2px;display:flex;padding:24px 40px}@media screen and (max-width:768px){.header .new__wrap{display:block;margin:0 auto;padding:10px 20px 10px 0;max-width:80%}}.header .new__heading{color:#7332ff;font-size:20px;letter-spacing:.2px;line-height:1.5;width:120px;white-space:nowrap}@media screen and (max-width:768px){.header .new__heading{margin-left:70px}.header .new__list{margin:10px 0 0}}.header .new__item{display:flex;align-items:center;margin-left:70px;margin-bottom:8px}@media screen and (max-width:768px){.header .new__item{margin-left:50px}}.header .new__item:last-child{margin-bottom:0}@media screen and (max-width:768px){.header .new__item{padding:6px 0}}.header .new__date{margin-right:12px;font-size:16px;color:#5d5d5d}@media screen and (max-width:768px){.header .new__date{margin-bottom:6px}}.header .new__title{color:#2c2c2c;font-size:16px;overflow:hidden;text-overflow:ellipsis;line-height:1.2;max-height:3.6em}@media screen and (max-width:768px){.header .new__title{max-width:80%}}.header .new__title a,.header .new__title p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.header .new__link{display:inline-block;padding-bottom:2px;border-bottom:1px solid #2c2c2c}.header .new__link:hover{color:#7332ff;border-bottom:1px solid #7332ff}@media screen and (max-width:768px){.header .new__link{padding-bottom:6px}}.header-scrolled{height:60px;display:flex;align-items:left;justify-content:flex-start;background-image:url(//ikportfolio.site/wp-content/themes/ikportfolio/assets/css/../../img/header-after.png);position:fixed;top:0;width:100%;z-index:1000;transition:all .5s ease-in-out}.header-scrolled .logo{display:none}.header-scrolled .top-img,.header-hidden{display:none}.header-scrolled .title-list,.header-scrolled .header-list{display:flex;flex-direction:row;align-items:center;padding:0;margin:0;list-style:none}.header-scrolled .title-list li,.header-scrolled .header-list li{margin-right:20px}.header-scrolled .title,.header-scrolled .sub-title{margin:0;padding:0 10px}.header-scrolled .title{left:8%}.header-scrolled .sub-title{margin-right:10px;display:none}.header-scrolled .title-list{margin-top:47px;margin-left:128px}.header-scrolled .mainVisual__btnArea{margin-top:-32px}.header-scrolled .slider-indicators{display:none}.header-reset{transition:none}.header-scrolled .new{display:none}.header-scrolled .mainVisual__btnArea{display:none}.mainVisual__btnArea{display:block;margin-left:24px;margin-top:0}@media screen and (max-width:768px){.mainVisual__btnArea{width:100%;margin-top:298px;overflow:hidden}}.mainVisual__btn{padding:16px 0;width:182px;display:inline-block;text-align:center;margin-top:-20px;border:1px solid rgba(234,234,234,.5);border-radius:2px;font-size:20px;line-height:20px;margin-right:24px;background-color:rgba(0,0,0,.7);color:#fff}.mainVisual__btn:last-child{margin-right:0}.mainVisual__btn:hover{color:#7332ff;background-color:#fff}@media screen and (max-width:768px){.mainVisual__btn{width:80%;margin-top:24px}}.theme{background-image:url(//ikportfolio.site/wp-content/themes/ikportfolio/assets/css/../../img/bgctex.png);background-attachment:fixed;background-position:center bottom;background-size:cover;position:relative;z-index:1;height:800px}.theme-overlay{position:absolute;top:10%;right:0;bottom:10%;left:144px;background:rgba(0,0,0,.7);z-index:3}.theme-inner{margin-top:48px;margin-left:68px;position:relative}@media screen and (max-width:688px){.theme-inner{margin-left:20px}}.category-title{display:inline-block;font-size:32px;padding-bottom:2px;white-space:nowrap}.category-title-wrapper{border-bottom:1px solid #eaeaea;display:inline-block;width:27%;text-align:left}.theme>.category-title-wrapper{width:80%}.iamweb{margin:24px 0;font-size:64px}.large-text{font-size:36px}.category-text{margin-top:28px;margin-bottom:20px;line-height:2.8;position:relative;z-index:3}.text-over-image{position:absolute;top:120px;left:0}.theme-img{position:absolute;max-width:592px;width:50%;aspect-ratio:592/310;height:auto;top:250px;left:50%;transform:translateX(-50%);z-index:2}.theme-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.introduction{position:relative;margin-left:200px;margin-bottom:auto;height:880px}.introduction>.category-title-wrapper{margin-top:100px}.introduction-title{position:absolute;top:308px;right:46%;transition:right .2s ease}@media (max-width:1148px){.introduction-title{right:60%}}@media (max-width:960px){.introduction-title{right:70%}}.introduction-img{width:269px;height:351px}.introduction-img img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.introduction-img:hover img{transform:scale(1.1)}.sns-link img{width:50px;height:50px}.sns-link img img{width:100%}.introdction-profile-inner{position:absolute;top:270px;right:5%;font-size:20px;width:43%;white-space:nowrap}@media screen and (max-width:862px){.introdction-profile-inner{right:13%}}.introdction-profile-inner dd{line-height:1.2}.introdction-profile-inner dd br{content:"";display:block;margin-bottom:10px}.introdction-profile-inner dt:first-child{display:inline-block;text-align:left;width:80%}@media screen and (max-width:438px){.introdction-profile-inner dt:first-child{white-space:nowrap}}.introdction-profile-inner dt:first-child span{display:inline-block;border-bottom:1px solid #eaeaea;width:40%;padding-bottom:12px}.introdction-profile-inner dt+dd{display:block;text-decoration:none;padding-bottom:20px;text-align:left;width:80%}.introdction-profile-inner dt{margin-bottom:8px}.sns-link{display:flex;position:absolute;top:100%;transform:translateX(-20%);left:30%;margin:10px 10px 0 0}.sns-link img{width:50px;height:50px}.sns-link img img{width:100%}.sns-link li{margin-right:10px}.page-top-button{position:fixed;bottom:20px;right:20px;transition:transform .5s ease-in-out;cursor:pointer;z-index:1000}.page-top-button img{width:50px;height:50px;transform-origin:center}.work{position:relative;background-image:url(//ikportfolio.site/wp-content/themes/ikportfolio/assets/css/../../img/work-bgc.png);background-size:cover;background-position:center;z-index:1;overflow:hidden;padding-bottom:240px;top:124px}.work>.category-title-wrapper{border-bottom:1px solid #eaeaea;display:inline-block;width:27%;text-align:left;position:relative;left:200px;top:100px}.background-effect{top:124px;padding-bottom:80px;position:relative;z-index:2;background:rgba(255,255,255,.05);margin:0 auto;width:76%;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ikportfolio{position:relative;z-index:3;padding:20px}.workfront-img{width:1040px;height:75%;margin-top:160px;margin-left:130px}.workfront-img img{width:80%;height:83%;position:absolute;top:160px;left:11%;z-index:-1;filter:brightness(.6)}.ikportfolio-imgbody{width:100%}.ikportfolio-sm{position:absolute;width:390px;top:270px;right:50%;z-index:7}.ikportfolio-sm img{width:100%}.ikportfolio-pc{position:absolute;width:604px;top:130px;right:23%;z-index:6}@media screen and (max-width:1180px){.ikportfolio-pc{right:13%}}@media screen and (max-width:1030px){.ikportfolio-pc{right:9%}}.ikportfolio-pc img{width:100%}.ikportfolio-icon{display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:700px;margin:590px auto 0}.ikportfolio-icon ul{display:flex;list-style:none;padding:0}@media screen and (max-width:768px){.ikportfolio-icon ul{display:block}}.ikportfolio-icon ul li{margin-right:20px;margin-bottom:20px}.ikportfolio-icon li{transition:opacity .3s ease-in-out}.ikportfolio-icon li:hover{opacity:.7}.ikportfolio-title{margin-left:12%;font-size:20px;margin-bottom:4px}.ikportfolio-text{margin:0 12%;font-size:16px;line-height:30px}.more-button{display:block;width:182px;margin:0 auto;text-align:center;transform:translateY(-50%);margin-top:100px;font-size:20px;border:1px solid rgba(234,234,234,.5);border-radius:2px;line-height:60px}.more-button:hover{color:#7332ff;background-color:#fff}.news{background-image:url(//ikportfolio.site/wp-content/themes/ikportfolio/assets/css/../../img/news.png);position:relative;background-size:cover;background-position:center;z-index:1;overflow:hidden;padding-bottom:140px}@media screen and (max-width:768px){.news{padding-bottom:100px}}.news>.category-title-wrapper{border-bottom:1px solid #eaeaea;display:inline-block;width:27%;text-align:left;position:relative;left:200px;top:100px}@media screen and (max-width:768px){.news>.category-title-wrapper{position:relative;top:60px;left:80px}}.news-text{margin-top:110px;margin-left:200px;line-height:50px}@media screen and (max-width:768px){.news-text{width:90%;margin-left:0;padding-left:10%;margin-bottom:10px}}.ik-inline{position:relative;text-align:center}.ikblogs{display:flex;justify-content:center;position:absolute;left:0;right:0;margin:0 auto;margin-top:120px;padding-left:146px}@media screen and (max-width:768px){.ikblogs{display:block;width:70%;padding-left:0;margin:0 auto}}.ikblog{flex:0 0 auto;margin-right:92px;line-height:20px}@media screen and (max-width:940px){.ikblog{margin-right:32px;width:260px}}.ikblog-img{width:300px;margin-bottom:10px}@media screen and (max-width:1220px){.ikblog-img{width:200px}}@media screen and (max-width:940px){.ikblog-img{width:160px}}@media screen and (max-width:768px){.ikblog-img{max-width:400px;width:300%}}@media screen and (max-width:524px){.ikblog-img{max-width:300px;width:300%}}@media screen and (max-width:400px){.ikblog-img{max-width:200px;width:300%}}.ikblog-img img{width:100%;max-height:155px}@media screen and (max-width:768px){.ikblog-img img{max-width:276px}}@media screen and (max-width:768px){.ikblog-date{text-align:left;margin-bottom:10px}}@media screen and (max-width:1220px){.archive__ttl{width:200px}}@media screen and (max-width:940px){.archive__ttl{width:160px}}@media screen and (max-width:768px){.archive__ttl{text-align:left;white-space:nowrap;margin-bottom:10px}}.news>.more-button{margin-top:480px;text-align:center}@media screen and (max-width:768px){.news>.more-button{margin-top:680px}}.pagination{position:relative;text-align:center;padding:10px;border-radius:8px;display:block;width:400px;box-sizing:border-box;margin:0 auto;max-width:100%;top:400px}@media screen and (max-width:768px){.pagination{top:560px}}.pagination a{color:#000;text-decoration:none;padding:5px 10px;margin:0 5px;background-color:#eaeaea;border-radius:50%;transition:background-color .3s ease}.pagination .active{background-color:#000;color:#fff}.pagination a:hover{background-color:#ddd;transition:background-color .3s ease}.pagination .prev{padding:8px 16px;background-color:rgba(255,255,255,.9);border-radius:8px;transition:background-color .3s ease;position:absolute;top:50%;left:20%;transform:translateY(-50%)}.pagination .next{padding:8px 16px;background-color:rgba(255,255,255,.9);border-radius:8px;transition:background-color .3s ease;position:absolute;top:50%;right:20%;transform:translateY(-50%)}.pagination .prev:hover,.pagination .next:hover{background-color:rgba(255,255,255,.9)}.contact{background-image:url(//ikportfolio.site/wp-content/themes/ikportfolio/assets/css/../../img/contact.png);position:relative;background-size:cover;background-position:center;z-index:1;overflow:hidden;padding-bottom:240px;padding-top:0}.contact>.category-title-wrapper{border-bottom:1px solid #eaeaea;display:inline-block;width:27%;text-align:left;position:relative;left:200px;top:100px}.form-group{margin-top:50px;margin-left:16%}.form-group label{font-size:16px;display:block;margin-bottom:20px;margin-top:50px;line-height:16px}.form-group label:first-child{padding-top:0}.form-group label{padding:0 10px;display:inline;background-color:#000;border:2px solid #000;border-radius:2px;text-align:center}.form-group input[type=text],.form-group input[type=tel],.form-group input[type=email],.form-group textarea{width:80%;padding:10px;border-radius:5px;display:block;margin-top:20px}.form-group .checkbox-label{display:block;margin-top:10px}.form-group.custom-style{padding-top:120px;margin-top:-4px}.form-group.lust-custom-style textarea{height:16em}.privacy{margin-left:14%}.no-button-style{background-color:#000}.wpcf7-submit{position:absolute;display:block;margin:0 auto;top:86%;left:50%;border:1px solid rgba(234,234,234,.5);background-color:rgba(0,0,0,.7);color:#fff;transform:translateX(-50%);width:182px;padding:20px;font-size:20px;cursor:pointer}.wpcf7-submit:hover{color:#7332ff;background-color:#fff;font-weight:700}.notes{margin-top:48px;margin-left:17%;margin-bottom:200px}.notes p{padding:0 20px}.privacy{position:relative;padding:10px}.privacy-label{position:absolute;bottom:0;left:12px;margin-bottom:11px}#your-privacy{margin-left:-30px}.required{margin-left:10px;background:#b91e23;color:#fff;font-size:.8em;padding:0 5px 2px;border-radius:2px}@media screen and (max-width:410px){.required{margin-left:0}}.bottom-title{background-image:url(//ikportfolio.site/wp-content/themes/ikportfolio/assets/css/../../img/bgc.png);background-attachment:fixed;background-position:center bottom;background-size:cover;height:860px;transition:all 1s ease-in-out}.bottom-title .footer-logo img{width:133px;height:75px;margin-top:21px;margin-bottom:180px;margin-left:auto;margin-right:160px}.bottom-title .footer-list{padding-top:160px;margin-left:204px}.bottom-title .title{font-size:48px}.bottom-title .sub-title{font-size:24px;margin-bottom:48px}.bottom-title .title-list{font-size:20px}.bottom-title .title-list li{margin-bottom:48px}.footersns-link{display:flex}.footersns-link img{width:50px;height:50px;margin-right:10px}.footersns-link img img{width:100%}.footer-text{margin-top:-160px;text-align:right;margin-left:auto;margin-right:160px}@media screen and (max-width:1000px){.header-scrolled .title{font-size:22px}}@media screen and (min-width:769px){.header .menu-trigger{display:none}.header .contact-icon{display:none}}@media screen and (max-width:666px){.iamweb{font-size:24px}}@media screen and (max-width:768px){body{max-width:100%}.header{height:1000px}.header .top-img{position:relative;top:-40px;left:100%;transform:translateX(-50%)}.header .top-img img{width:438px;position:absolute;top:-446px;left:-20%;transform:translateX(-50%);z-index:1}}@media screen and (max-width:768px) and (max-width:590px){.header .top-img img{width:310px}}@media screen and (max-width:768px){.header .slider-indicators{top:320px;left:54%}.header-scrolled{background-image:url(//ikportfolio.site/wp-content/themes/ikportfolio/assets/css/../../img/bgc.png);height:60px;display:flex;align-items:left;justify-content:flex-start;position:fixed;top:0;width:100%;z-index:1000;transition:all .5s ease-in-out}.header-inner{will-change:transform;transform:translateZ(0);position:fixed;left:0;right:0;top:0;height:60px;width:100%;justify-content:flex-start;background-color:rgba(255,255,255,.1);z-index:1000;overflow:hidden}.header-inner .logo{margin-top:0;margin-left:12%;width:90px}.header-inner .title{position:absolute;top:60px}.header-inner .sub-title{position:absolute;top:160px}.header-inner{z-index:20001;position:relative}.contact-icon{position:absolute;width:40px;top:7px;left:76%}}@media screen and (max-width:768px) and (max-width:520px){.contact-icon{left:70%}}@media screen and (max-width:768px) and (max-width:414px){.contact-icon{left:60%}}@media screen and (max-width:768px){.menu-trigger{position:absolute;left:84%;top:28px;transform:translateY(-50%);transition:all .4s;width:30px;height:20px;z-index:100;display:block}}@media screen and (max-width:768px) and (max-width:520px){.menu-trigger{left:80%}}@media screen and (max-width:768px) and (max-width:414px){.menu-trigger{left:74%}}@media screen and (max-width:768px){.menu-trigger span{display:inline-block;transition:all .4s;position:absolute;width:100%;height:2px;background:#eaeaea;transform-origin:center}.menu-trigger span:nth-of-type(1){top:0}.menu-trigger span:nth-of-type(2){top:50%;transform:translateY(-50%)}.menu-trigger span:nth-of-type(3){bottom:0}.menu-trigger.is-active span:nth-of-type(1){transform:translateY(9px) rotate(-315deg)}.menu-trigger.is-active span:nth-of-type(2){opacity:0}.menu-trigger.is-active span:nth-of-type(3){transform:translateY(-9px) rotate(315deg)}.menu-trigger.is-active+.title-list{left:0}.menu-trigger.is-active+.top-img{display:none}.no-scroll{overflow:hidden}.title-list{position:fixed;width:100%;top:60px;left:100%;background-image:url(//ikportfolio.site/wp-content/themes/ikportfolio/assets/css/../../img/bgc.png);background-repeat:no-repeat;background-size:cover;height:100vh;z-index:10;transition:left .4s ease-in-out;padding-top:80px;padding-left:20%}.title-list:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1;opacity:1}.title-list.is-active{left:0}.header .title{font-size:32px;z-index:2}.header.header-scrolled .title{display:none}.title{display:inline;top:300px;margin-left:10%}.header .sub-title{font-size:20px;z-index:2}.sub-title{top:300px;margin-left:10%}.title-list.is-active .header .title,.title-list.is-active .header .sub-title{display:none}.title-list li a{font-size:32px}.theme{height:976px}.theme-overlay{top:8%;right:10%;bottom:8%;left:10%;padding:0 10px 0 0}.category-title-wrapper{width:40%}.iamweb{font-size:32px}.theme-img{position:absolute;width:456px;overflow:hidden;height:auto;top:433px;left:70%;right:10%;z-index:2}.theme-img img{width:74%;height:240px;-o-object-fit:cover;object-fit:cover}}@media screen and (max-width:768px) and (max-width:352px){.iamweb{font-size:24px}}@media screen and (max-width:768px){.category-text{margin-top:-16px}}@media screen and (max-width:768px) and (max-width:612px){.category-text{font-size:14px;line-height:24px}}@media screen and (max-width:768px){.introduction{top:-60px;left:-60px;height:1100px}}@media screen and (max-width:768px) and (max-width:430px){.introduction{left:-160px}}@media screen and (max-width:768px){.introduction>.category-title-wrapper{position:relative;margin-top:0;width:40%;left:-60px}.introduction-title{top:20px;width:50%;right:0;left:-20px}.introduction-img{width:245px;height:350px;overflow:hidden}.introduction-img img{width:100%;-o-object-fit:contain;object-fit:contain}.introduction-title .sns-link{top:380px;left:30%}.introdction-profile-inner{top:500px;left:0;width:100%;font-size:16px}.introdction-profile-inner dt:first-child span{width:34%;padding-bottom:0}.work{margin-top:-100px;padding-bottom:200px}.work>.category-title-wrapper{position:relative;top:80px;left:80px}.workfront-img{position:absolute;top:-260px;left:7%;margin-left:0;width:108%}.workfront-img img{height:130%;left:0;margin:0 auto}.ikportfolio-sm{width:250px;top:136px}}@media screen and (max-width:768px) and (max-width:508px){.ikportfolio-sm{width:200px;top:234px;right:24%}}@media screen and (max-width:768px){.ikportfolio-pc{width:440px;top:0}}@media screen and (max-width:768px) and (max-width:508px){.ikportfolio-pc{width:316px;right:14%}}@media screen and (max-width:768px) and (max-width:386px){.ikportfolio-pc{right:0}}@media screen and (max-width:768px){.ikportfolio-icon{margin-top:390px;margin-left:12%;width:80%;margin-bottom:10px}.ikportfolio-title{margin-left:6%}.ikportfolio-text{margin-left:6%;font-size:16px}.contact>.category-title-wrapper{position:relative;top:60px;left:80px}.background-effect{margin:0 auto;width:89%}.form-groups{margin-left:13%}.form-group{margin-left:0}.form-group label{font-size:20px}}@media screen and (max-width:768px) and (max-width:522px){.form-group label{font-size:12px}}@media screen and (max-width:768px){.form-group input{font-size:20px}.form-group.custom-style{padding-top:28px}.form-group input[type=text],.form-group input[type=tel],.form-group input[type=email],.form-group textarea{width:86%;font-size:20px}.submit-button{margin-top:0}.wpcf7-form-control.wpcf7-submit{margin-top:0}.notes{margin-left:-12%;font-size:18px;line-height:24px}.bottom-title{height:80px}.bottom-title .footer-list{padding-top:80px}.footer-list .title,.footer-list .sub-title,.footer-list .footersns-link,.footer-list .footer-logo{display:none}.footer-text{text-align:center;margin-top:-50px}}.footer-sp{display:none}@media (max-width:768px){.footer-sp{display:block}.footer__copyRight{text-align:center;font-size:12px;line-height:40px;margin-top:-64px}}