@charset "utf-8";:root{--default-font:'YakuHanJPs','Zen Kaku Gothic New',sans-serif;--mincho:"游明朝","Yu Mincho","游明朝体",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝",serif;--eng-font:'Allison',cursive;--main-color:#1278af;--bg-color:#fff;--link-color:#1a73e8;--base-color:#1c1c1c;--base-color:#2c2c2c}body{font-weight:500}header{box-sizing:border-box;width:100%;height:60px;background:rgba(255,255,255,.9);position:fixed;top:0;left:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 0 0 20px}header #logo{width:auto;height:100%;box-sizing:border-box}header #logo h1{width:auto;height:100%}header #logo a{width:auto;height:100%;text-decoration:none;display:flex;align-items:center}header #logo a figure{width:260px;margin:0}header #logo a .title{font-size:1rem;line-height:1;color:var(--base-color);margin-left:.8em}nav#fixed-nav{position:fixed;top:10px;right:10px;z-index:10000}nav#fixed-nav #hamburger{box-sizing:border-box;width:60px;height:60px;border-radius:100%;background-color:rgba(255,255,255,.8);border:1px solid transparent}.drawer-open nav#fixed-nav #hamburger{background-color:transparent;//border:1px solid var(--main-color)}nav#global-nav ul{display:flex;justify-content:flex-end;align-items:center}nav#global-nav ul>li{font-size:.9em;line-height:60px}nav#global-nav ul>li:not(:first-child){margin-left:1.9em}nav#global-nav ul>li a{display:block;text-decoration:none;color:var(--base-color);position:relative}nav#global-nav ul>li a:hover{color:var(--main-color)}nav#global-nav>ul>li a:after{content:"";width:100%;height:2px;background:var(--main-color);position:absolute;bottom:1em;left:0;transform-origin:center top;transform:scale(0,1);transition:.1s}nav#global-nav>ul>li a:hover:after{transform:scale(1,1);transition:.1s}nav#global-nav ul>li.entry a{background:var(--main-color);color:#fff;padding:0 1.6em}#index-billboard{box-sizing:border-box;width:100%;height:calc(100vh - 60px);max-height:790px;background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/index/billboard/bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;margin-top:60px}#index-billboard:before,#index-billboard:after{content:"";width:58%;height:50%;background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;right:0}#index-billboard:before{top:0;background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/index/billboard/01.jpg)}#index-billboard:after{bottom:0;background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/index/billboard/02.jpg)}#index-billboard #title{box-sizing:border-box;width:42%;position:absolute;top:50%;left:0;z-index:5;padding-left:6%;transform:translateY(-40%);text-align:left}#index-billboard #title:before{content:'Recruitment     \AInformation';white-space:pre;font-family:var(--eng-font);font-size:11vw;line-height:.7;color:#fff;text-align:right;position:absolute;top:0;left:3%;transform:translateY(-60%) rotate(-8deg);opacity:.6}#index-billboard #title #main-copy{font-size:3.2vw;line-height:1.4;font-weight:500;letter-spacing:.1em;position:relative}#index-billboard #title #main-copy:after{content:"";display:block;width:12%;border-top:2px solid var(--base-color);margin:.75em 0}#index-billboard #title #sub-copy{font-size:1.5vw;line-height:1.8;font-weight:500;letter-spacing:.1em;margin-bottom:1em}#index-billboard #title p{margin:0}nav#index-nav{margin:50px 0}nav#index-nav ul{display:flex;justify-content:center}nav#index-nav ul li{font-size:.9em;line-height:2}nav#index-nav ul li:not(:last-child):after{content:"｜";margin:0 1.5em}nav#index-nav ul li a{text-decoration:none;color:var(--base-colo);position:relative}nav#index-nav ul li a:hover{color:var(--main-color)}nav#index-nav ul li a:hover:after{content:"";width:.5em;height:.5em;border-left:2px solid var(--main-color);border-bottom:2px solid var(--main-color);position:absolute;bottom:-.6em;left:50%;transform:translateX(-50%) rotate(-45deg)}.index-contents h2{font-family:var(--mincho);font-size:1.8rem;line-height:1.8;font-weight:500}.index-contents h2:after{content:"";display:block;width:60px;border-top:1px solid var(--base-color);margin:1em auto 1.5em}.index-contents h3{font-size:1.2em;line-height:1.8;font-weight:500;margin-bottom:.5em}.index-contents p{margin-bottom:1.5em}.index-contents .more{font-family:var(--eng-font);font-size:.9em;line-height:1.8;text-transform:uppercase;white-space:nowrap}.index-contents .more a{text-decoration:none;color:var(--main-color);position:relative;padding-left:1.25em}.index-contents .more a:hover{text-decoration:underline}.index-contents .more a:before{content:"";width:.9em;height:.9em;background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/clean_water/common/icon_link.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:50%;left:0;transform:translateY(-50%)}#index-about{box-sizing:border-box;width:100%;padding:40px 0 100px;overflow-x:hidden}#index-about h2{font-size:12vw;line-height:1;font-weight:500;color:var(--main-color);transform:scale(1.05,1) rotate(-5deg);margin-bottom:.1em}#index-about p{margin:0}#index-work{box-sizing:border-box;width:100%;background:#f6f6f6;padding:100px calc((100% - 1040px)/2)}.index-work-box{display:flex;flex-direction:row-reverse;margin:50px 0;position:relative}#index-work .index-work-box:last-of-type{flex-direction:row;margin-bottom:0}.index-work-box figure{width:480px;height:300px;overflow:hidden;position:absolute;top:0;left:0;z-index:2}#index-work .index-work-box:last-of-type figure{left:auto;right:0}.index-work-box figure img{position:absolute;top:50%;left:0;transform:translateY(-50%)}.index-work-box .text-box{box-sizing:border-box;width:calc(100% - 480px + 40px);background:#fff;text-align:left;padding:40px 50px 40px 90px;margin-top:40px;box-shadow:2px 2px 4px #999;position:relative}#index-work .index-work-box:last-of-type .text-box{padding:40px 90px 40px 50px}.index-work-box .text-box .eng{font-size:3.6em;line-height:1;color:var(--main-color);position:absolute;top:0;right:10px;z-index:10;transform:translateY(-50%)}#index-work .index-work-box:last-of-type .eng{right:90px}.index-work-box .text-box p{font-size:.95em;line-height:1.8;margin:0}#index-movie{box-sizing:border-box;width:100%;padding:100px calc((100% - 1280px)/2);background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/index/voice_bg.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto}#index-movie .movie-box{width:1040px;height:auto;aspect-ratio:16/9;overflow:hidden;margin:0 auto}#index-movie .movie-box iframe{width:100%;height:100%}#index-movie ul.movie-list{display:flex;justify-content:center;flex-wrap:wrap;margin-top:-2em}#index-movie ul.movie-list li{width:620px;overflow:hidden;margin-right:40px;margin-top:2em}#index-movie ul.movie-list li:nth-child(even),#index-movie ul.movie-list li:last-child{margin-right:0}#index-movie ul.movie-list li:last-child{margin-top:2em}#index-movie ul.movie-list li figure{width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;margin-bottom:0}#index-movie ul.movie-list li figcaption{font-size:.85em;line-height:1.6;margin-top:.3em}#index-movie ul.movie-list li iframe{width:100%;height:100%}#index-online{box-sizing:border-box;width:100%;padding:100px calc((100% - 1040px)/2)}.online-banner{display:flex;flex-direction:row-reverse;background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/index/online.jpg);background-repeat:no-repeat;background-position:center left;background-size:auto 100%;box-shadow:2px 2px 4px #999}.online-banner .text-box{box-sizing:border-box;width:55%;background:linear-gradient(to right,transparent,#f5f5f5 8%);padding:50px 80px}.online-banner h2{display:inline-block;font-family:var(--mincho);font-size:2rem;line-height:1.4;letter-spacing:.1em;margin-bottom:.8em;position:relative}.online-banner h2 .upper-line{display:block;letter-spacing:.28em}.online-banner h2:before{content:"";width:92px;height:92px;background-color:#fff;border-radius:100%;background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/common/icon_online_color.svg);background-repeat:no-repeat;background-position:center center;background-size:48px auto;position:absolute;top:0;right:0;transform:translate(110%,-25%)}.online-banner h2:after{content:"Online";font-family:var(--eng-font);font-size:1.5em;line-height:1;color:var(--main-color);position:absolute;bottom:0;right:0;z-index:10;transform:translateX(140%) rotate(-5deg)}.online-banner p{margin-bottom:1.5em}.online-banner .button{display:inline-block}.online-banner .button a{display:block;text-decoration:none;position:relative}.online-banner .button a:before{content:"";width:100%;height:100%;background:var(--main-color);position:absolute;top:0;left:0;transform:scaleX(0);transform-origin:left;transition:.1s ease-in}.online-banner .button a:hover:before{transform:scaleX(1);transition:.1s ease-in}.online-banner .button a span{display:block;text-decoration:none;font-size:.85em;line-height:2.4;color:#fff;padding:0 3.5em .2em;color:var(--main-color);border:1px solid var(--main-color);position:relative}.online-banner .button a span:before{content:"";width:16px;border-bottom:1px solid var(--main-color);position:absolute;top:50%;right:12px}.online-banner .button a span:after{content:"";width:8px;border-bottom:1px solid var(--main-color);position:absolute;top:50%;right:12px;transform-origin:bottom right;transform:rotate(45deg)}.online-banner .button a:hover span{color:#fff;transition:.1s ease-in}.online-banner .button a:hover span:before,.online-banner .button a:hover span:after{border-bottom-color:#fff;transition:.1s ease-in}#requirements ul{display:flex;justify-content:center}#requirements ul li{width:33.3333%}#requirements ul li a{display:block;text-decoration:none;color:#fff;padding:80px 0;position:relative}#requirements ul li.new-grad a{background:var(--main-color)}#requirements ul li.career a{background:#3c9291}#requirements ul li.entry a{background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/common/entry_bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}#requirements ul li.entry a:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:0}#requirements ul li a h2{font-family:var(--mincho);font-size:1.5em;line-height:1.8;margin-bottom:.75em}#requirements ul li a h2 span{display:inline-block;position:relative;padding-left:.5em}#requirements ul li a h2 span:before{content:"";width:1em;height:1em;background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;top:50%;left:0;transform:translate(-80%,-50%)}#requirements ul li.new-grad a h2 span:before{background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/common/icon01_white.svg)}#requirements ul li.career a h2 span:before{background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/common/icon02_white.svg)}#requirements ul li.entry a h2 span:before{background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/common/icon_entry_white.svg)}#requirements ul li a .button{display:inline-block;position:relative}#requirements ul li a .button:before{content:"";width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;transform:scaleX(0);transform-origin:left;transition:.1s ease-in}#requirements ul li a:hover .button:before{transform:scaleX(1);transition:.1s ease-in}#requirements ul li a .button span{display:block;text-decoration:none;font-size:.85em;line-height:2.4;color:#fff;padding:0 3.5em .2em;border:1px solid #fff;position:relative;z-index:1;transition:.1s ease-in}#requirements ul li a .button span:before{content:"";width:16px;border-bottom:1px solid #fff;position:absolute;top:50%;right:12px;transition:.1s ease-in}#requirements ul li a .button span:after{content:"";width:8px;border-bottom:1px solid #fff;position:absolute;top:50%;right:12px;transform-origin:bottom right;transform:rotate(45deg);transition:.1s ease-in}#requirements ul li.new-grad a:hover .button span{color:var(--main-color);transition:.1s ease-in}#requirements ul li.new-grad a:hover .button span:before,#requirements ul li.new-grad a:hover .button span:after{border-bottom-color:var(--main-color);transition:.1s ease-in}#requirements ul li.career a:hover .button span{color:#3c9291;transition:.1s ease-in}#requirements ul li.career a:hover .button span:before,#requirements ul li.career a:hover .button span:after{border-bottom-color:#3c9291;transition:.1s ease-in}#requirements ul li.entry a:hover .button span{color:var(--base-color);transition:.1s ease-in}#requirements ul li.entry a:hover .button span:before,#requirements ul li.entry a:hover .button span:after{border-bottom-color:var(--base-color);transition:.1s ease-in}footer{box-sizing:border-box;padding:40px calc((100% - 1040px)/2);display:flex;justify-content:space-between;text-align:left;position:relative}footer .credit{width:360px}footer .credit h2{width:280px}footer .credit p{font-size:.9em;line-height:1.8;margin-top:1em}footer .text-box{flex:1}nav.footer-nav ul{display:flex;margin-bottom:1em}nav.footer-nav ul li{font-size:.9em;line-height:1.4;margin-right:1.8em}nav.footer-nav ul li a{text-decoration:none;color:var(--base-color);position:relative}nav.footer-nav ul li a:hover{text-decoration:underline;color:var(--main-color)}nav.footer-sub-nav ul{display:flex}nav.footer-sub-nav ul li{font-size:.75em;line-height:1.8}nav.footer-sub-nav ul li:not(:first-child):before{content:"｜";margin:0 1em}nav.footer-sub-nav ul li a{display:inline-block;text-decoration:none;color:var(--base-color)}nav.footer-sub-nav ul li a:hover{text-decoration:underline}footer .text-box p{font-size:.7em;line-height:1.8;margin-top:3em}nav#floating-nav{position:fixed;top:50%;right:0;z-index:8;transform:translate(100%,-50%);transition:.2s ease-in}.scrolling nav#floating-nav{transform:translate(0,-50%);transition:.2s ease-in}nav#floating-nav ul{display:flex;flex-direction:column;overflow:hidden}nav#floating-nav ul li{margin:1px 0;position:relative}nav#floating-nav ul li a{display:block;text-decoration:none;box-sizing:border-box;width:80px;padding:16px 0;font-size:.8rem;line-height:1.8;color:#fff}nav#floating-nav ul li:nth-child(1) a{background:var(--main-color)}nav#floating-nav ul li:nth-child(2) a{background:#76a0ba}nav#floating-nav ul li a:before{content:"";display:block;margin:0 auto;width:1.8em;height:1.8em;background-repeat:no-repeat;background-position:center center;background-size:cover}nav#floating-nav ul li:nth-child(1) a:before{background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/common/icon_entry_white.svg);background-size:80% auto}nav#floating-nav ul li:nth-child(2) a:before{background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/common/icon_online_white.svg)}#page-title{width:100%;height:200px;margin-top:60px;background-image:url(//www.kitzmf.com/wp/wp-content/themes/kitzmf/css/pc/../../img/recruit/common/title_bg02.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% auto;transition:.2s ease-in;position:relative}#page-title h1{box-sizing:border-box;width:360px;font-family:var(--mincho);font-size:1.4rem;line-height:2;letter-spacing:.15em;color:#fff;background:var(--main-color);padding:2.5em 0;position:absolute;bottom:0;left:calc((100% - 1040px)/2);z-index:3;transform:translateY(50%);transition:.2s ease-in}#page-title h1:after{content:"Recruitment";font-family:var(--eng-font);font-size:8rem;line-height:1;font-weight:500;color:var(--base-color);opacity:.15;position:absolute;top:0;left:0;transform:translate(-15%,-60%) rotate(-10deg)}#container{box-sizing:border-box;width:100%;padding:0 calc((100% - 1040px)/2) 60px;background:#f6f6f6;position:relative}#crumb{margin-right:calc((100% - 1040px)/2)}#crumb ul{display:flex;justify-content:flex-end;flex-wrap:wrap;font-size:.75em;line-height:1.6;color:#555;padding:1em 0}#crumb ul li:not(:last-child):after{content:"＞";display:inline-block;margin:0 .25em;transform:scale(.5,.8)}#crumb ul li a{text-decoration:none;color:#555}#crumb ul li a:hover{text-decoration:underline}#crumb ul li:last-child a{color:#333;pointer-events:none}#main{box-sizing:border-box;padding:70px 70px 60px;margin-left:100px;background:#fff}#main section{margin-bottom:60px;text-align:left}#main section:last-of-type{margin-bottom:0}#main section h2{font-size:1.4em;line-height:1.8;font-weight:500;position:relative}#main section h2:after{content:"";width:2em;border-top:2px solid var(--main-color);display:block;margin:1.25em 0 1.8em}#main section h3{font-size:1.1em;line-height:1.6;font-weight:500;margin-bottom:1em}table.recruit-table{width:100%;border-collapse:collapse;font-size:.95em;line-height:1.8}table.recruit-table tr{border-top:1px solid #ccc;border-bottom:1px solid #ccc}table.recruit-table th{font-weight:500;padding:1.2em 2em 1.2em 1.5em;white-space:nowrap;text-align:left;vertical-align:top;background:#f9f9f9}table.recruit-table td{padding:1.2em .5em 1.2em 2em}table.recruit-table td ul.treatment-list{display:flex;flex-wrap:wrap}table.recruit-table td ul.treatment-list li{display:inline-block}table.recruit-table td>ul.treatment-list>li:not(:last-child):after{content:"/";margin:0 .5em}table.recruit-table td .requirements{position:relative;padding-left:7em}table.recruit-table td .requirements span.label{position:absolute;top:0;left:0}.career-entry-button{margin:2.5em auto;text-align:center}.career-entry-button a{display:block;text-decoration:none;width:75%;margin:0 auto;border:2px solid var(--main-color);font-size:1.2em;line-height:1.6;font-weight:700;color:var(--main-color);padding:1.2em 0;position:relative}.career-entry-button a:before{content:"";width:100%;height:100%;background:var(--main-color);position:absolute;top:0;left:0;transform:scale(0,1);transition:.15s ease-in}.career-entry-button a:hover:before{transform:scale(1);transition:.15s ease-in}.career-entry-button a span{position:relative;z-index:1}.career-entry-button a:hover span{color:#fff}ul.work-flow{width:80%;margin:1.5em auto 0}ul.work-flow li{text-align:center;background:rgba(18,120,175,1);padding:1.2em 0;border-radius:3px;position:relative}ul.work-flow li:nth-child(1){background:rgba(18,120,175,.1)}ul.work-flow li:nth-child(2){background:rgba(18,120,175,.2)}ul.work-flow li:nth-child(3){background:rgba(18,120,175,.3)}ul.work-flow li:nth-child(4){background:rgba(18,120,175,.4)}ul.work-flow li:nth-child(5){background:rgba(18,120,175,.5)}ul.work-flow li:nth-child(6){background:rgba(18,120,175,.6)}ul.work-flow li:nth-child(7){background:rgba(18,120,175,.7)}ul.work-flow li:not(:last-child){margin-bottom:30px}ul.work-flow li:not(:last-child):after{content:"";border-top:10px solid #ccc;border-left:15px solid transparent;border-right:15px solid transparent;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%)}ul.career-list{display:flex;justify-content:space-between;flex-wrap:wrap}ul.career-list li{box-sizing:border-box;width:48.5%;margin-bottom:1.5em;position:relative}ul.career-list li a{box-sizing:border-box;display:block;height:100%;text-decoration:none;color:var(--base-color);border:1px solid #ccc;border-radius:3px;overflow:hidden;padding:20px 30px}ul.career-list li a:after{content:"";border-bottom:15px solid var(--main-color);border-left:15px solid transparent;position:absolute;bottom:0;right:0}ul.career-list li a:hover{background:rgba(18,120,175,.02);border-color:var(--main-color)}ul.career-list li a h3{margin-bottom:.5em !important}ul.career-list li a:hover h3{color:var(--main-color)}ul.career-list li a p{font-size:.9em;line-height:1.8;color:#666;margin-bottom:1em}ul.career-list li a .more{font-size:.8em;line-height:1.8;text-align:right;display:none}.contact-form{margin-top:60px}.contact-box{display:flex;justify-content:space-between;margin-bottom:30px}.contact-box .form-label{width:160px;margin-right:40px;position:relative}.contact-box .form-label.hissu:after{content:"必須";font-size:.75em;line-height:1.6;color:#fff;background:#d00;border-radius:5px;padding:0 .6em;position:absolute;top:.4em;right:0}.contact-box .form-item{flex:1}.contact-box .form-item .birth-year,.contact-box .form-item .birth-month,.contact-box .form-item .birth-day,.contact-box .form-item .grad-year{width:33%;display:flex;align-items:center}.contact-box .form-item .birth-year .select-wrapper,.contact-box .form-item .birth-month .select-wrapper,.contact-box .form-item .birth-day .select-wrapper,.contact-box .form-item .grad-year .select-wrapper{display:inline-block;width:150px;margin-right:5px}.contact-box .form-item .final-education{width:46%;display:flex;align-items:center}.contact-box .form-item .final-education .select-wrapper{display:inline-block;width:250px;margin-right:5px}.contact-box .form-item .school{width:32%;margin-top:.5em}section .wpcf7-form-control .wpcf7-list-item{margin-left:0}section .wpcf7-form-control .wpcf7-list-item:not(:last-of-type){margin-right:2em}section .form-item span[data-name=zip]{display:inline-block;width:200px}.contact-form .contact-bikou{text-align:center}.contact-form .contact-bikou p{margin-bottom:1.5em}