table{border-collapse:collapse;border-spacing:0;width:100%}caption,th,td{text-align:left;font-weight:400;vertical-align:middle}q,blockquote{quotes:none}input[type=button],input[type=submit]{-webkit-appearance:none;appearance:none}html{font-size:62.5%}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}:root{--color-white:#fff;--color-black:#4d4d4d;--color-DarkBlue:#172751;--color-Blue:#bccfe6;--color-LightBlue:#3876bf;--color-Brown:#cd7218;--color-LightBrown:#e1aa74;--color-Yellow:#c6be22;--color-LightYellow:#faf9e8;--font-regular400:400;--font-medium500:500;--font-bold700:700;--font-black800:800;--font-zenKakuAntique:"Zen Kaku Gothic New",sans-serif}body{background:#fff;color:var(--color-black);font-family:"Zen Kaku Gothic New",sans-serif;font-size:2rem;letter-spacing:.05em;line-height:1.8;position:relative}a{color:var(--color-black);text-decoration:none;transition:all .6s}a:hover{opacity:.9}li{list-style:none}img{width:100%;height:auto;vertical-align:bottom}.flex-box{display:flex;justify-content:space-between}.pc{display:block}.tb,.sp{display:none}.fade-in{opacity:0;transform:translate(0,10px);transition:ease .5s}.scroll-in{opacity:1;transform:translate(0,0)}.header-container{padding:min(48px, 7vw) 50px;align-items:center;justify-content:right}.header-menu ul{gap:30px;align-items:center}.header-menu ul li a{font-size:1.6rem;font-weight:var(--font-bold700)}.header-menu ul li a:hover{opacity:.6}.header-menu a.active{background:#172751;color:var(--color-white);padding:2.5px 10px 5px;border-radius:2em}.header-menu-recruit a.active{background:#cd7218}.globalMenuSp{display:none}.open-btn{display:none;position:fixed;z-index:9999;cursor:pointer;width:36px;height:30px}.hamburger{transition:all .6s;width:100%;height:100%}.open-btn span{display:inline-block;position:absolute;width:100%;height:2px;margin:0 auto;left:0;background:var(--color-DarkBlue);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.open-btn span:nth-child(1){top:10px}.open-btn span:nth-child(2){top:20px}.open-btn span:nth-child(3){top:30px}.open-btn.active span:nth-child(1){top:24px;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.open-btn.active span:nth-child(2),.open-btn.active span:nth-child(3){top:24px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.g-nav{display:none}.g-nav.panelactive{position:fixed;z-index:999;top:0;right:0;width:100%;height:100vh;background-color:#fff}.circle-bg{position:fixed;z-index:99;width:100px;height:100px;border-radius:50%;background:#f7f7f7;animation:bgchange 40s ease infinite;transform:scale(0);right:-10px;top:-10px;transition:all .7s}.circle-bg.circleactive{transform:scale(50)}.g-nav-list{display:none;position:fixed;left:0;right:0;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.g-nav.panelactive .g-nav-list{display:block}.g-nav ul{opacity:0;position:absolute;width:90%;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%)}.g-nav-list img{width:min(240px, 50vw)}.g-nav.panelactive ul{opacity:1}.g-nav.panelactive ul li{animation-name:gnaviAnime;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards;opacity:0;padding-bottom:24px;font-weight:600;font-size:min(2.24rem,5vw);text-align:center}.g-nav.panelactive ul li:nth-of-type(1){padding-bottom:40px}.g-nav.panelactive ul li span{display:block;font-size:2.24rem}@keyframes gnaviAnime{0%{opacity:0}100%{opacity:1}}@media screen and (max-width:1024px){body{font-size:1.4rem}.header-menu{display:none}.open-btn{display:block;right:12px}.g-nav{display:block}.g-nav.panelactive{display:block}}.scrolldown-area{position:relative}.scrolldown{position:absolute;bottom:0}.top-scrolldown{top:98vh;left:4vw}.page-scrolldown{left:2vw;top:44vw;position:absolute}.scrolldown span{display:inline-block;position:absolute;transform:rotate(90deg);font-size:min(2rem,4vw);left:-20px;top:-44px}@media screen and (max-width:768px){.scrolldown span{color:#fff}}.scrolldown:after{content:"";position:absolute;top:0;width:1px;height:100px;background:var(--color-black);animation:pathmove 2s ease-in-out infinite;opacity:0}@keyframes pathmove{0%{height:0;top:0;opacity:0}30%{height:50px;opacity:1}100%{height:0;top:100px;opacity:0}}.footer{width:100%}.footer #page-top{width:60px;position:fixed;right:20px;bottom:20px;z-index:4;opacity:0;transform:translateY(100px)}#page-top a:hover{opacity:.6}#page-top img{width:100%;filter:drop-shadow(1px -3px 2px #fff);transition:1s}#page-top.UpMove{animation:UpAnime .5s forwards}@keyframes UpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}#page-top.DownMove{animation:DownAnime .5s forwards}@keyframes DownAnime{from{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(100px)}}.footer .contents{background:url(//koike-el.com/wp-content/themes/koike-el/./img/common/contact-image.jpg) no-repeat center;background-position:center;background-size:cover;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-around;padding:min(150px,16vw) 8vw}.footer-shadow{font-weight:700;letter-spacing:.14em;line-height:1.5;color:var(--color-white);text-shadow:0px 0px 5px var(--color-LightBlue),0px 0px 8px var(--color-LightBlue),0px 0px 10px var(--color-LightBlue),0px 0px 12px var(--color-LightBlue)}.footer-info-l{width:calc(100% - 55%)}.footer h2{font-size:min(4.4rem,9.24vw);font-weight:700;line-height:1.5;letter-spacing:.05em;padding-bottom:min(32px, 6vw)}.footer-contact{font-weight:400;font-size:2.24rem;display:block}.footer-info-r{text-align:center;letter-spacing:.2rem;width:calc(100% - 60%)}.footer-tel{font-size:min(4.6rem,12vw)}.footer a.footer-contactLink{display:block;background-color:var(--color-white);margin-top:20px;border:solid 2px var(--color-LightBlue);border-radius:50px;font-weight:700;font-size:min(2.4rem,5vw);padding:min(20px, 4vw) 20px;color:var(--color-LightBlue)}.footer-logo-area{width:100%;padding:min(80px, 12vw) 8vw}.footer-logo{max-width:330px;width:75%}.footer-logo img{width:100%}.footer-logo-area p{margin-top:30px;font-weight:500}.footer small{text-align:center;display:block;padding:20px 0;font-size:1.2rem}@media screen and (max-width:768px){.footer .contents{gap:6vw}.footer-info-l,.footer-info-r{width:100%}}.kv-area{position:relative}.kv-text-area{position:absolute;left:4vw;top:40vh}.kv-logo{width:min(176px, 22vw);position:absolute;left:7vw;top:-4vw;z-index:2}.kv-text-area .scrolldown-area{position:absolute;top:30%}.kv-text-area p{font-size:2.24rem;line-height:2.5}.kv-image-area{width:75%;position:relative;margin:0 0 0 auto}.kv-copy{width:90%;position:absolute;top:10%;left:-.5%;z-index:1}.kv-image .bg01{background:url(//koike-el.com/wp-content/themes/koike-el/./img/top/kv-image01.jpg) center no-repeat}.kv-image .bg02{background:url(//koike-el.com/wp-content/themes/koike-el/./img/top/kv-image02.jpg) center no-repeat}.kv-image .bg01,.kv-image .bg02{height:130vh;background-size:cover}@media screen and (max-width:1024px){.kv-image-area{width:100%}.kv-text-area{z-index:2;top:58vw}.kv-text-area p{color:var(--color-white);font-size:min(2.24rem,4vw);font-weight:700;line-height:2.24}.kv-copy{left:3vw;top:34vw}.kv-image .bg01,.kv-image .bg02{height:100vh}}@media screen and (max-width:768px){.kv-logo{left:4vw;top:-10vw}}.topSec{margin:200px auto}@media screen and (max-width:1024px){.topSec{margin:min(100px, 22vw) auto 0}}.topAbout .title-box{margin-top:40px}.topSec-flex-end{align-items:end}.topAbout .topSec-flex-end{flex-direction:row-reverse;flex-wrap:wrap}.topSec-flex .flex-image{width:55%}.topSec-flex .flex-text{padding:50px;background-color:var(--color-white);position:relative;width:45%;z-index:2}.topSec-flex .flex-text-left{transform:translateX(-20%)}.topSec-flex .flex-text-right{transform:translateX(20%)}.topSec-flex .flex-text,.topSec-flex .flex-text-inner{gap:2em}.title-box{display:flex;position:relative;justify-content:center}.title-box .sub-text,.title-box h2{writing-mode:vertical-lr}.title-box{width:72px}p.sub-text{padding:0 0 0 8px}.title-box h2{font-size:min(2.83rem,6vw);font-weight:var(--font-medium500);line-height:1.2}.title-box:before{display:block;width:100%;height:36px;content:"";background-image:url(//koike-el.com/wp-content/themes/koike-el/./img/common/water-logo.png);background-repeat:no-repeat;background-size:100%;position:absolute;top:-40px;left:0}.more-button a{display:block;max-width:200px;width:90%;text-align:center;margin:8% 0 0 auto;border:2px solid var(--color-LightBlue);border-radius:9999px;padding:5px 1.5em 8px;position:relative;transition:ease .6s}.more-button a span{position:relative;padding-right:10px}.btnarrow a span:after{content:'';position:absolute;top:40%;right:0;width:10px;height:10px;border-top:1px solid #4d4d4d;border-right:1px solid #4d4d4d;transform:rotate(45deg);transition:all .3s}.more-button a span:hover:after{right:2%}.topNews{max-width:1140px;width:90%;margin:min(100px, 22vw) auto 0}.topNews .title-box{margin:0 auto min(56px, 4vw)}.topNews-inner .news-list{justify-content:flex-start;gap:3.5em;padding:1em min(2em, 4vw);border-bottom:1px dotted #ccc}.topNews-inner .news-list:first-of-type{border-top:1px dotted #ccc}.topNews-inner .news-past{padding-top:20px;text-align:right}.pageNews-inner{max-width:1020px;width:90%}.breadcrumbs{font-size:min(1.4rem,3vw)}@media screen and (max-width:1024px){.topNews .flex-box{display:block}.topNews .title-box{margin:40px auto}}@media screen and (max-width:768px){.topNews-inner .news-list{flex-wrap:wrap;gap:2vw}.topNews-inner .news-list dt,.topNews-inner .news-list dd{width:100%}}.topRecruit-text{justify-content:center;gap:50px;margin-bottom:min(50px, 6vw);padding:0 20px}.topRecruit-container{background-color:var(--color-LightYellow);padding:100px 0;flex-wrap:wrap}.topRecruit-inner{width:50%}.topRecruit-inner:first-of-type{border-right:1px solid var(--color-black)}.topRecruit-inner-item{width:65%;margin:0 auto}.topRecruit-inner-item h3{margin:24px 0 8px;font-weight:600;font-size:22.4px}.topRecruit-inner-item .more-button a{margin:8% auto 0 0;border:.75px solid var(--color-black)}.topRecruit-button{max-width:1440px;width:90%;margin:0 auto}.topRecruit-button a{display:block;width:100%;margin:min(92px, 6vw) auto 0;padding:min(24px, 2vw) 0;border-radius:9999px;background-color:var(--color-LightBrown);color:var(--color-white);font-size:min(2.8rem,5.24vw);font-weight:var(--font-bold700);text-align:center}.topRecruit-button a span{position:relative;padding-right:12px}.topRecruit-button a span:after{top:45%;right:0;width:12px;height:12px;border-top:2px solid #fff;border-right:2px solid #fff}.topRecruit-button a span:hover:after{right:-6px}@media screen and (max-width:768px){.topRecruit-container{flex-wrap:wrap;gap:12vw;padding:min(100px, 16vw) 8vw}.topRecruit-inner{width:100%}.topRecruit-inner:first-of-type{border-right:none}.topRecruit-inner-item{width:100%}.topSec-flex .flex-image{width:100%}}.topSec-flex .flex-text-inner{margin-bottom:min(40px, 4vw)}.topService-itemList .topService-item{width:31%}@media screen and (max-width:768px){.topSec-flex{flex-flow:column}.flex-order-1{order:1}.flex-order-2{order:2}.topSec-flex .flex-text{width:100%;padding:40px 8vw}.topSec-flex .flex-text-left,.topSec-flex .flex-text-right{transform:none}.topService-itemList{flex-wrap:wrap;justify-content:center;gap:.8em 1.4em}.topService-itemList .topService-item{width:46%}.topSec img{text-align:center}}@media screen and (max-width:768px){.pc,.sp{display:none}.tb{display:block}}@media screen and (max-width:521px){.pc,.tb{display:none}.sp{display:block}}.logo{width:min(240px, 38vw);position:absolute;top:min(40px, 2vw);left:3vw}.page-header-area{display:flex;padding-top:80px}.page-header-title-box{width:20%;padding-top:80px}.page-kv{position:relative;padding-bottom:31.25%;width:80%}.page-kv img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;object-position:center}@media screen and (max-width:1024px){.page-header-area{display:block}.page-header-title-box{width:100%;margin-bottom:min(40px, 6vw);padding-top:0}.page-kv{width:100%;padding-bottom:48.25%}}.section{margin:min(140px,22vw) auto}.page-section-inner{width:90%;margin:0 auto}.page-section-header{padding:40px 0}.page-title-box{margin:0 auto}.page-section-title{color:var(--color-black);font-size:min(3.6rem,7.42vw);font-weight:700;letter-spacing:.6rem;text-align:center;margin-bottom:min(48px, 5.4vw);line-height:1.5}.sub-header{color:#bccfe6;display:block;font-size:min(2rem,4vw);font-weight:400;letter-spacing:normal}.parts-position{position:relative}.left-alignment{text-align:left}.center-alignment{text-align:center}.sign{width:min(300px, 56vw);margin:min(80px, 12vw) 0 0;margin-left:auto}.page-concept{max-width:1020px}.main{position:relative}.entry-form{display:block;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(230px, 46vw);height:min(230px, 46vw);border-radius:50%;background-color:#e1aa74;color:var(--color-white);font-size:min(3.24rem,6vw);line-height:1.3;text-align:center}.entry-form:hover{transform:scale(1.05)}span.entry{color:#eccaa9;display:block}.title-box.recruit-title:before{background-image:url(//koike-el.com/wp-content/themes/koike-el/./img/common/recruit-water-logo.png)}.recruit-color{color:#f1d9c0}.recruit-header-section{padding:80px 0 0}.recruit-lead{width:40%;padding:min(32px, 8vw);background-color:#fff;opacity:.95;position:absolute;left:80px;z-index:1}.recruit-image{width:80%;margin:0 0 0 auto}.recruit-header-link{margin:min(92px, 12vw) auto 0;width:90%;max-width:1440px}.link-buttons{justify-content:space-around;flex-wrap:wrap;gap:6vw}.link-button{width:45%}.link-button a{background-color:#f1d9c0;border-radius:45px;position:relative;display:block;width:100%;margin:0 auto;font-size:min(2.4rem,5vw);text-align:center;letter-spacing:.5rem;padding:min(16px, 4vw)}.arrows{position:relative;width:20px;height:32px;margin:min(24px, 3vw) auto 0;display:block}.arrows path{stroke:#e1aa74;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}@keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}100%{opacity:0}}@-webkit-keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}100%{opacity:0}}.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}.arrows path.a2{animation-delay:-.5s;-webkit-animation-delay:-.5s}.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}.section-interview{background-color:#faf9e8;padding:min(92px, 12vw) 0px}.section-interview .article{padding:80px 0 0}.recruit-content-header{text-align:center}.interview-shadow,.person-name{color:#fff;text-shadow:0px 0px 5px #3876bf,0px 0px 8px #3876bf,0px 0px 10px #3876bf,0px 0px 12px #325586}.cover{position:relative;width:100%;padding-top:50.25%}.cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.interviewd-person{width:90%;position:absolute;bottom:10px;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.interviewd-person h3{font-size:min(6.24rem,5.7vw);font-weight:700;line-height:1.4}.person-name{font-size:min(2.83rem,5vw);font-weight:700;line-height:1.4;padding-bottom:min(12px,6vw)}.person-name span{display:block;font-size:min(2.24rem,4vw);font-weight:500}.accordion-area{width:90%;max-width:1440px;margin:0 auto;padding:min(20px, 4vw);background:var(--color-white);border-radius:20px 20px 0 0;position:relative;top:-40px}.accordion-area h4{font-weight:700;font-size:min(2.24rem,4.24vw)}.accordion-area p{margin-bottom:20px}.interview-header{position:relative;cursor:pointer;font-size:1rem;font-weight:400;padding:min(24px, 3vw);transition:all .5s ease}.interview-header:after{content:"";width:0;height:0;border-style:solid;border-width:0 min(12px, 3vw) min(12px, 3vw) min(12px, 3vw);border-color:transparent transparent #3876bf;transform:rotate(180deg);position:absolute;text-align:center;right:0;top:40%;display:block;margin:0 auto .5em;transition:.3s}.interview-header.close:after{transform:rotate(360deg)}.interview-text-box{display:none;padding:0 3%}.recruit-info{width:90%;margin:0 auto;text-align:center}.arrows-area{margin:min(30px, 5vw)}.recruit-info .entry-form{margin:0 auto}.recruit-table{width:70%;margin:0 auto;border:solid 1px #afafaf}.recruit-table th,.recruit-table td{border:solid 1px #afafaf;padding:min(24px, 4vw)}.recruit-table th{background-color:#faf9e8}@media screen and (max-width:768px){.cover{padding-top:86vw}.recruit-header-section{padding:0}.recruit-lead{width:100%;position:static}.recruit-image{width:100%}.recruit-table{width:90%}.recruit-table th,.recruit-table td{display:block;width:100%}.link-button{width:100%}.interviewd-person{bottom:6vw}.person-name{font-size:min(2.83rem,4.83vw);padding-bottom:2vw}}.service-main-view{width:60%}.service01{display:flex;justify-content:left}.service02{display:flex;align-items:center;width:80%;margin:0 auto 120px}.service01 .page-section-inner{position:relative;top:0;left:-40px;width:30%}.service02 .service-main-view,.service02 .page-section-inner{width:50%;margin:10px}.service-header{display:flex;position:relative;margin:0 0 0 -80px;justify-content:center}.service02 .service-header{margin:0 auto}.service-header .sub-header{letter-spacing:.3rem}.real-estate-color{color:#e8e298}.service-header img{width:min(80px, 12vw);height:min(80px, 12vw);display:block}.service-image{margin-top:20px}.service-image img{margin:10px}.service-main-view02{display:none}@media screen and (max-width:768px){.service-main-view{display:none}.service-main-view02 .service-main-view02{display:block}.service01 .page-section-inner{position:static;width:90%}.service-image img{margin:0 0 10px}.service-header{margin:0}.service02{flex-direction:column;width:90%}.service02 .service-main-view,.service02 .page-section-inner{width:100%}.service02 .page-section-inner{order:1}.service02 .service-main-view03{order:2}}.company-table{width:100%;border-collapse:separate;border-spacing:50px 0}.company-table th,.company-table td{margin:0 auto;padding:min(20px, 3vw)}.company-table th{width:20%;border-bottom:solid 1px var(--color-LightBlue);text-align:center}.company-table td{width:80%;border-bottom:solid 1px var(--color-LightBlue)}.stakeholders caption{margin:30px 30px 30px 0}.note-table{font-size:min(1.6rem,1.4rem);text-align:right;padding:0 0 min(32px, 4vw)}.history-table th{font-weight:700;font-size:min(4rem,7vw);line-height:1.4;color:#9f9f9f;text-align:center;border-bottom:none}.anime-fuwafuwa{animation:4s fuwafuwa infinite}@keyframes fuwafuwa{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}.single-wrapper{width:90%;max-width:1020px;margin:min(140px,22vw) auto}.single-title{border-bottom:solid 2px var(--color-DarkBlue);padding-bottom:8px}.single-title h3{font-size:min(3rem,6vw);font-weight:700;line-height:1.5}.single-text-area{margin:min(56px, 12vw) auto}.single-text-area p{padding-bottom:12px}.single-wrapper .more-button{margin-top:min(56px,10vw)}.single-wrapper .more-button a{margin:0 auto;max-width:390px}.contact-form-header{width:100%;padding:0}.section-contact{margin-top:70px}.contact-form{width:90%;max-width:920px;margin:0 auto}.wpcf7 input,.wpcf7 textarea,.wpcf7 select{width:100%;padding:10px;border:solid 1px #9f9f9f;border-radius:4px}.wpcf7 input::placeholder,.wpcf7 textarea::placeholder,.wpcf7 option{font-family:'Zen Kaku Gothic New',sans-serif;color:#ccc}.wpcf7 .wpcf7-form-control-wrap input{height:48px}ul.contact-wanted{padding:min(56px, 6vw) 0 0;font-size:min(1.6rem,4vw);max-width:920px;width:90%;margin:0 auto}ul.contact-wanted li{text-indent:-1.6rem;padding-left:16px;padding-bottom:4px}.contact-form th{background:#172751;border:solid 1px #ccc;color:#fff;padding:10px}.contact-form td{border:solid 1px #ccc;padding:10px}.wpcf7 input.wpcf7-submit{border:none;border-radius:2em;font-size:min(2.24rem,5vw);letter-spacing:.5rem;font-weight:700;text-align:center;background-color:var(--color-DarkBlue);color:var(--color-white);font-family:"Zen Kaku Gothic New",sans-serif;cursor:pointer;display:block;max-width:800px;margin:min(56px, 12vw) auto 0;padding:min(12px, 3vw)}.entry-submit input.wpcf7-submit{background-color:#cd7218}div.wpcf7 textarea{height:180px}.wpcf7 input:focus,.wpcf7 textarea:focus{border:1px solid #009de1}.wpcf7-captchac{border:1px solid #ccc}.wpcf7 .wpcf7-not-valid{background:#ffb6c1}.wpcf7 span.wpcf7-not-valid-tip{font-size:80%}.wpcf7 .wpcf7-response-output{margin:10px 0 0;padding:8px 35px 8px 14px;text-shadow:0 1px 0 rgba(255,255,255,.5);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.wpcf7 .wpcf7-validation-errors{color:#b94a48;background-color:#f2dede;border:1px solid #eed3d7}.wpcf7 .wpcf7-mail-sent-ok{color:#3a87ad;background-color:#d9edf7;border:1px solid #bce8f1}.wpcf7 .required{color:#e1aa74;font-size:1.4rem}@media screen and (max-width:768px){.last td:last-child{border-bottom:solid 1px #ccc;width:100%}.company-table{border-spacing:0}.company-table th{border-bottom:none;text-align:left;padding:min(20px, 3vw) min(20px, 3vw) 0}.company-table th,.company-table td{display:block;width:100%}.contact-form th,.contact-form td{border-bottom:none;display:block;width:100%}}