@charset "UTF-8";#top #search input[type=search],#top #searchBox input[type=search]{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}#top .searchQuick div.selectBox div.selectBoxInner span button,#top .searchQuick div.selectBox div.selectBoxInner span select,#top .searchQuick div.selectBox div.selectBoxInner span input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:none;outline:none}html,body{width:100%;font-family:Noto Sans JP,futura-pt,Century Gothic,\30d2\30e9\30ae\30ce\89d2\30b4  ProN W3,Hiragino Kaku Gothic ProN,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,Yu Gothic Medium,\6e38\30b4\30b7\30c3\30af,Yu Gothic,\30e1\30a4\30ea\30aa,Meiryo,sans-serif;font-weight:500;font-style:normal;-webkit-text-size-adjust:none;background:#ffffff;line-height:1.5;color:#000}body{min-width:1200px}@media (max-width: 767px){body{min-width:initial}}a{text-decoration:none;color:#000;outline:none}a:hover{cursor:pointer}*{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%;height:auto;vertical-align:middle;pointer-events:none;user-select:none}.text{margin-bottom:1em}.text:last-of-type{margin-bottom:0}.notes{display:inline-block;position:relative;margin-left:1em}.notes:before{content:"\203b";display:block;position:absolute;top:0;left:-1em}.js-fadein{opacity:0;transform:translateY(20px);transition-property:opacity,transform;transition-duration:1s}.scroll-in{opacity:1;transform:translate(0)}.PCdisp{display:block}@media (max-width: 767px){.PCdisp{display:none}}.SPdisp{display:none}@media (max-width: 767px){.SPdisp{display:block}}.SPbr{display:none}@media (max-width: 767px){.SPbr{display:inline}}.PCbr{display:inline}@media (max-width: 767px){.PCbr{display:none}}.js-clickitemBlank,.js-clickitem{cursor:pointer;transition:opacity .3s}.js-clickitemBlank:hover,.js-clickitem:hover{opacity:.5}@media (max-width: 767px){.js-clickitemBlank:hover,.js-clickitem:hover{opacity:1}}.js-clickitemBlankIcon{cursor:pointer;transition:opacity .3s}.js-clickitemBlankIcon:hover{opacity:.5}@media (max-width: 767px){.js-clickitemBlankIcon:hover{opacity:1}}.js-clickitemBlankIcon:after{display:inline-block;position:absolute;height:13px;width:15px;background-position:center center;background-size:contain;background-repeat:no-repeat;top:-10px;right:-5px;margin:0 0 0 5px;font-family:"Font Awesome 5 Free";content:"\f35d";font-weight:600;font-size:.81rem}@media (max-width: 767px){.js-clickitemBlankIcon:after{top:8px}}.blankIconImg{display:flex;color:#005fb4;font-size:1rem;font-weight:700;padding:0 0 0 5px}.blankIconImg:after{content:"";height:13px;width:15px;font-family:"Font Awesome 5 Free";content:"\f35d";font-weight:600;font-size:.81rem}.lity{z-index:10000!important}.lity .lity-container{width:calc(100% - 24px);max-width:960px}@media screen and (min-width: 768px){.PClayout,.pcLayout{display:block}.SPlayout,.spLayout{display:none!important}}@media (max-width: 767px){.PClayout,.pcLayout{display:none!important}.SPlayout,.spLayout{display:block}br.SPlayout{display:inline}}@font-face{font-family:Athelas Regular;font-style:normal;font-weight:400;src:local("Athelas Regular"),url(../fonts/fonts_smart//Athelas-Regular.woff) format("woff")}@font-face{font-family:Futura Medium;font-style:normal;font-weight:400;src:local("Futura Medium"),url(../fonts/fonts_smart/Futura-Medium.woff) format("woff"),url(../fonts/fonts_smart/Futura-Medium.ttf) format("truetype")}.en-font__fm{font-family:Futura Medium;font-weight:700;letter-spacing:2px}body.modalOn{overflow:hidden}#headerMenu.headerMenu{position:relative;width:100%;height:auto;margin:0}#headerMenu .PCbr{display:none}@media screen and (min-width: 768px){#headerMenu .PCbr{display:inline}}@media screen and (min-width: 768px){#headerMenu .SPbr{display:none}}#headerMenu .headerNav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:100%;height:70px;margin:0 auto;z-index:9999}@media screen and (min-width: 768px){#headerMenu .headerNav{height:126px}}#headerMenu .headerNav.modalOn{top:0!important}#headerMenu .headerLogo{display:flex;flex-direction:column;margin-left:10px;transition:all .3s ease;width:220px;height:auto}@media screen and (min-width: 768px){#headerMenu .headerLogo{flex-direction:row;align-items:center;width:100%}}#headerMenu .headerLogo img{max-width:100%;height:auto;transition:opacity .3s;text-align:center;vertical-align:middle}@media screen and (min-width: 768px){#headerMenu .headerLogo a:hover img{opacity:.5}}#headerMenu .headerLogo .noLogoText{display:flex;align-items:center;justify-content:flex-start}#headerMenu .headerLogo .noLogoText a{color:#000;font-size:.9375rem;transition:opacity .3s}@media screen and (min-width: 768px){#headerMenu .headerLogo .noLogoText a:hover{opacity:.5}}#headerMenu .headerLogo .noLogoText .corpUrl{display:inline-block;margin-right:.5em}@media screen and (min-width: 768px){#headerMenu .headerLogo:hover{opacity:.7}}#headerMenu .navItems{display:block;flex:0 1 auto;padding-left:1em}#headerMenu .navItemList{display:none;position:absolute;width:100%;left:0;background:#ffffff;overflow-y:auto;z-index:1}@media print,screen and (max-width: 1399px){#headerMenu .navItemList{display:block;position:fixed;top:70px;right:0;width:100%;height:calc(100vh - 70px);background:#ffffff;overflow-y:auto;transform:translate(100%);transition:transform .5s ease;z-index:9998}}@media print and (min-width: 768px) and (max-width: 1399px),screen and (max-width: 1399px) and (min-width: 768px) and (max-width: 1399px){#headerMenu .navItemList{width:350px;height:calc(100vh - 126px);top:126px;left:auto;right:0}}@media print,screen and (max-width: 1399px){#headerMenu .navItemList.is-open{transform:translate(0)}}#headerMenu .navItemListInner{display:flex;flex-wrap:wrap;flex-direction:row;padding-top:0}@media (min-width: 768px) and (max-width: 1399px){#headerMenu .navItemListInner{padding-top:24px;padding-left:70px;padding-right:70px}}@media (max-width: 767px){#headerMenu .navItemListInner{padding-top:24px;padding-left:35px;padding-right:35px}}#headerMenu .navItemFlex{display:flex;align-items:center;justify-content:center;height:100%}#headerMenu .navItem{width:100%;line-height:1.2;font-size:clamp(14px,13px + (100vw - 1400px) / 400,15px)}@media (min-width: 768px) and (max-width: 1399px){#headerMenu .navItem{font-size:16px;font-weight:400}}@media (max-width: 767px){#headerMenu .navItem{font-size:17px;font-weight:400}}#headerMenu .navItem.comingsoon{opacity:.7;pointer-events:none}#headerMenu .navItem.menuBr br{display:none}@media (min-width: 1400px) and (max-width: 1600px){#headerMenu .navItem.menuBr br{display:inline}}#headerMenu .navItem a{transition:opacity .3s;cursor:pointer}@media screen and (min-width: 768px){#headerMenu .navItem a:hover{opacity:.5}}#headerMenu .navItem [class*=letter]{display:block;min-height:0;color:#fff;line-height:1.4;text-align:center}#headerMenu .navItemBg.navItemSearch .js-clickitem{background-color:#005fb4}#headerMenu .navItemBg.navItemContact .js-clickitem{display:inline-block;color:#fff;background-color:#005fb4;padding:12px 24px;border-radius:99px}#headerMenu .navItemBg.navItemFavorite .js-clickitem{background-color:#5a81bf}#headerMenu .navItemFavorite{border:none}#headerMenu .navItemFavorite .heartBox{background-image:url(https://johnan-seisakusho.co.jp/build/assets/favo_ico.0a378017.svg);background-size:contain;background-position:center;width:28px;height:28px;position:relative}#headerMenu .navItemFavorite .heartBox .heartIcon{overflow:inherit}#headerMenu .navItemFavorite .heartBox .heartIcon .cls-1{fill:transparent;stroke:#004889;stroke-width:30px}#headerMenu .navItemFavorite .badge{display:flex;align-items:center;justify-content:center;position:absolute;right:-5px;bottom:-5px;width:16px;height:16px;color:#004889;font-size:.75rem;font-weight:700;line-height:1;text-align:center;z-index:1}#headerMenu .navItemFavorite [class*=letter]{min-height:0;color:#000;font-size:.625rem;line-height:1}#headerMenu .navItemFavorite .letterBottom{display:block;font-size:1rem}#headerMenu .blankIconImg{display:inline-block;padding:5px 0 0 10px;color:#fff;font-size:.75rem;line-height:1;vertical-align:top}#headerMenu .blankIcon{display:flex}#headerMenu .blankIcon:after{font-family:"Font Awesome 5 Free";content:"\f35d";font-weight:600;font-size:.75rem}#headerMenu .navItemListSp{display:none}@media print,screen and (max-width: 1399px){#headerMenu .headerNav.is-scrolled,#headerMenu .headerNav.modalOn{background:#ffffff}#headerMenu .headerNav.is-scrolled .navItem,#headerMenu .headerNav.modalOn .navItem{color:#000}#headerMenu .navItem{flex:auto}#headerMenu .navItem .navItemFlex{height:60px}#headerMenu .navItem .navItemFlex .js-clickitem{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}}@media print and (min-width: 768px) and (max-width: 1399px),screen and (max-width: 1399px) and (min-width: 768px) and (max-width: 1399px){#headerMenu .navItem a{transition:opacity .3s;cursor:pointer}}@media screen and (max-width: 1399px) and (min-width: 768px) and (max-width: 1399px) and (min-width: 768px){#headerMenu .navItem a:hover{opacity:.5}}@media print,screen and (max-width: 1399px){#headerMenu .navItem.comingsoon .navItemFlex{height:60px;display:flex;align-items:center;justify-content:flex-start;width:100%}}@media print,screen and (max-width: 1399px){#headerMenu .navItemBg{margin-top:15px;margin-bottom:10px}#headerMenu .navItemBg .navItemFlex .js-clickitem{display:flex;justify-content:center;align-items:center;width:100%;height:50px}#headerMenu .navItemBg .navItemFlex .js-clickitem .letterTop{margin:0 10px 0 0;line-height:1}#headerMenu .navItemBg .navItemFlex .js-clickitem .letterBottom{margin:0;line-height:1}}@media print,screen and (max-width: 1399px){#headerMenu .navItemListSp{display:flex}#headerMenu .navItemListSp .navItemBg{margin:0}#headerMenu .navItemListSp .navItemBg .navItemFlex{width:70px;height:100%}}@media screen and (max-width: 1399px) and (min-width: 768px){#headerMenu .navItemListSp .navItemBg .navItemFlex{width:126px}}@media print,screen and (max-width: 1399px){#headerMenu .navItemListSp .navItemBg .navItemFlex .js-clickitem{height:100%;flex-direction:column}}@media print,screen and (max-width: 1399px){#headerMenu .navItemListSp .navItemBg.navItemFavorite .js-clickitem{padding-top:8px;gap:6px}#headerMenu .navItemListSp .navItemBg.navItemFavorite .letterBottom{font-size:.75rem}}.PConly .modalOn{overflow:auto}.PConly #headerMenu .headerNav{background:transparent;transition:all .3s ease;min-width:1200px;width:100%;height:126px;margin:0 auto;padding-right:16px}.PConly #headerMenu .headerNav.is-scrolled{background:#ffffff}.PConly #headerMenu .headerNav.is-scrolled .navItem{color:#000}.PConly #headerMenu .navItems{flex:1 1 auto}.PConly #headerMenu .navItemList{display:block;position:static;background:transparent;visibility:visible;overflow:auto}.PConly #headerMenu .navItemListInner{flex-wrap:nowrap;align-content:stretch;justify-content:flex-end}.PConly #headerMenu .navItem{flex:0 1 auto;width:auto;height:126px;margin-right:clamp(18px,16px + (100vw - 1400px) / 50,24px);color:#fff}.PConly #headerMenu .navItemBg{display:flex;justify-content:center;align-items:center;margin-right:0}.PConly #headerMenu .navItemBg .navItemFlex{width:100%;height:100%;transition:all .3s ease}.PConly #headerMenu .navItemBg .navItemFlex span{transition:all .3s ease}.PConly #headerMenu .navItemBg .js-clickitem{display:flex;justify-content:center;align-items:center}.PConly #headerMenu .navItemBg .js-clickitem:hover{opacity:.8}.PConly #headerMenu .navItemBg.navItemSearch{flex:0 1 140px}.PConly #headerMenu .navItemBg.navItemSearch .js-clickitem:hover{background:#ddd}.PConly #headerMenu .navItemBg.navItemFavorite .js-clickitem{flex-direction:column}.PConly #headerMenu .navItemBg.navItemFavorite .js-clickitem:hover,.PConly #headerMenu .navItemBg.navItemEntry .js-clickitem:hover{background:#ddd}.PConly #headerMenu .navItemSp{display:none}.hamburger{transition:opacity .15s;font:inherit;color:inherit;text-transform:none;border:0;outline:none;margin:0;overflow:visible;border-radius:0;cursor:pointer;align-items:flex-start;justify-content:center;position:relative;width:70px;height:70px;background:#005FB4;text-align:center;z-index:1}@media screen and (min-width: 768px){.hamburger{width:126px;height:126px}}.hamburger-box{display:block;position:absolute;top:18%;width:36%;height:36%;transform-origin:center top}.hamburger-box:after{font-family:lato,sans-serif;font-weight:700;font-style:normal;content:"MENU";color:#fff;position:absolute;bottom:0;left:50%;transform:translate(-50%,150%);font-size:14px}@media screen and (min-width: 768px){.hamburger-box:after{font-size:24px}}.hamburger-inner{display:block;top:auto;margin-top:-2px;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{position:absolute;width:100%;height:2px;background:#ffffff;border-radius:4px;transition:transform .15s ease}@media screen and (min-width: 768px){.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{height:3px}}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-9px;transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}@media screen and (min-width: 768px){.hamburger-inner:before{top:-14px}}.hamburger-inner:after{top:-18px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}@media screen and (min-width: 768px){.hamburger-inner:after{top:-28px}}.hamburger--collapse.js-hb-active .hamburger-inner{transform:translate3d(0,-14px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.js-hb-active .hamburger-inner:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse.js-hb-active .hamburger-inner:before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}#footer.footer{position:relative;width:100%;margin:0;padding:110px 0 20px;background:#005FB4;color:#fff;z-index:0}@media screen and (min-width: 768px){#footer.footer{padding:125px 0 22px}}#footer *{box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}#footer #searchJobsBtn{display:none;position:fixed;right:0;bottom:0;z-index:9997;background-color:#8c8c8c99;width:100%}#footer #searchJobsBtn .searchJobsBtn-bnr{padding:12px;text-align:center}#footer #searchJobsBtn .searchJobsBtn-bnr a{display:block;width:100%;margin:0 auto;padding:5px 10px;background:#005FB4}#footer #searchJobsBtn .searchJobsBtn-bnr a .en,#footer #searchJobsBtn .searchJobsBtn-bnr a .ja{display:block;color:#fff;font-weight:500;line-height:1}#footer #searchJobsBtn .searchJobsBtn-bnr a .en{margin-bottom:5px;font-size:1.5rem}#footer #searchJobsBtn .searchJobsBtn-bnr a .ja{font-size:.8125rem}#footer #searchJobsBtn .searchJobsBtn-bnr a img{max-width:100%;height:auto;vertical-align:middle}#footer .footerLayout{display:flex;position:relative;flex-direction:column;width:calc(100% - 24px);max-width:960px;margin:0 auto}@media screen and (min-width: 768px){#footer .footerLayout{flex-direction:row;align-items:baseline;justify-content:space-between;padding-bottom:204px}}#footer .footerCorpInfo{display:flex;flex-direction:column;width:250px}@media screen and (min-width: 768px){#footer .footerCorpInfo{width:360px}}#footer .footerCorpInfo img{max-width:100%;height:auto;vertical-align:middle;line-height:1;object-fit:contain}#footer .footerTitle{margin-bottom:25px;position:relative}@media screen and (min-width: 768px){#footer .footerTitle{margin-bottom:21px}}#footer .footerAddress{font-size:.875rem;font-weight:400;line-height:1.78}@media screen and (min-width: 768px){#footer .footerAddress{font-size:1.125rem;font-weight:400;line-height:1.8}}#footer .blankIconImg{display:inline-block;padding:5px 0 0 10px;color:#fff;font-size:.75rem;line-height:1;vertical-align:top}#footer .pdf .blankIcon{display:flex}#footer .pdf .blankIcon:after{content:"";display:inline-block;width:20px;height:20px;margin-left:4px;background:url(https://johnan-seisakusho.co.jp/build/assets/pdf_icon_white.a61c602b.svg) no-repeat center center;background-size:contain}#footer .blankIcon{display:flex}#footer .blankIcon:after{height:13px;width:15px;font-family:"Font Awesome 5 Free";content:"\f35d";font-weight:600;position:static;font-size:.875rem;margin-left:4px}#footer .footerRemoteNav,#footer .copyright{min-height:0}#footer .footerRemoteNav{padding-bottom:50px}@media screen and (min-width: 768px){#footer .footerRemoteNav{padding-bottom:0}}#footer .footerRemoteNav .letter{font-size:1.125rem;line-height:1.5;font-weight:500}#footer .footerRemoteNav .letter-s{font-size:.875rem;line-height:1.5;font-weight:400}@media screen and (min-width: 768px){#footer .footerRemoteNav .letter-s{font-size:1rem}}#footer .footerRemoteNavList{display:grid;grid-auto-flow:column}@media screen and (min-width: 768px){#footer .footerRemoteNavList{margin-top:30px;grid-template-columns:max-content max-content max-content;grid-template-rows:repeat(5,1fr);column-gap:48px}}@media (max-width: 767px){#footer .footerRemoteNavList{display:none}}@media screen and (min-width: 768px){#footer .footerRemoteNavList .footerRemoteNavItem{width:100%;padding-bottom:24px}#footer .footerRemoteNavList .footerRemoteNavItem.end{margin-bottom:10px;padding-bottom:0}#footer .footerRemoteNavList .footerRemoteNavItem.one.end{grid-row:4/6}#footer .footerRemoteNavList .footerRemoteNavItem.two{padding-left:20px}#footer .footerRemoteNavList .footerRemoteNavItem.three{padding-left:40px;border:none}#footer .footerRemoteNavList .footerRemoteNavItem.comingsoon{opacity:.7;pointer-events:none}}@media screen and (min-width: 768px){#footer .footerBlankRemoteNavList{display:flex;align-items:flex-end;position:absolute;bottom:0;right:0;gap:40px;z-index:1}}@media (max-width: 767px){#footer .footerBlankRemoteNavList{margin:30px 0 0;position:relative;z-index:1}#footer .footerBlankRemoteNavList .remoteNav{display:flex;justify-content:center}#footer .footerBlankRemoteNavList .remoteNav:not(:last-of-type){margin-bottom:10px}}@media screen and (min-width: 768px){#footer .copyright{text-align:left;width:100%;position:absolute;bottom:0;z-index:1}}@media (max-width: 767px){#footer .copyright{text-align:center;width:100%;position:absolute;bottom:0;z-index:1}}#footer .copyright small{font-style:normal;font-size:.75rem;line-height:1.5;font-weight:400}@media screen and (min-width: 768px){#footer .copyright small{font-size:.875rem}}.pageTop{display:none;position:fixed;right:10px;bottom:60px;width:56px;height:56px;z-index:9998;border-radius:99px;border:1px solid #005FB4}@media screen and (min-width: 768px){.pageTop{width:74px;height:74px;right:20px;bottom:40px}}.pageTop .pageTopAnchor{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.pageTop .pageTopAnchor:before{position:absolute;content:"";width:50px;height:50px;border-radius:99px;top:50%;left:50%;transform:translate(-50%,-50%);background:#005FB4;border:1px solid #E9E7E7;transition:all .3s ease}@media screen and (min-width: 768px){.pageTop .pageTopAnchor:before{width:62px;height:62px}}.pageTop .pageTopAnchor .pageTopIcon{position:relative;z-index:1;width:12px;height:8px;background:url(https://johnan-seisakusho.co.jp/build/assets/up_arrow_white.a0cac90b.svg) no-repeat center center/contain}@media screen and (min-width: 768px){.pageTop .pageTopAnchor .pageTopIcon{width:16px;height:10px}}.pageTop .pageTopAnchor .en{position:relative;z-index:1;font-size:14px;font-style:normal;line-height:1.4;color:#fff}@media screen and (min-width: 768px){.pageTop .pageTopAnchor .en{font-size:16px}}@media print,screen and (min-width: 1201px){.pageTop .pageTopAnchor:hover:before{background:#E9E7E7}.pageTop .pageTopAnchor:hover .pageTopIcon{background:url(https://johnan-seisakusho.co.jp/build/assets/up_arrow_blue.329fbc0f.svg) no-repeat center center/contain}.pageTop .pageTopAnchor:hover span{color:#005fb4}}#maintenanceNotice{width:100%;display:flex;align-items:center}#maintenanceNotice .inner{width:calc(100% - 24px);max-width:960px;margin:0 auto}#maintenanceNotice .inner .alert{text-align:center}#maintenanceNotice .inner .alert li{font-size:1.5rem;font-weight:700;letter-spacing:.01em;color:#666}#maintenanceNotice .inner .alert li:not(:last-of-type){padding-bottom:.5em}@media (max-width: 767px){#maintenanceNotice .inner .alert li{font-size:.9375rem}}#favLinkBtn.favLinkBtn{display:none!important;padding:0!important;width:260px;text-align:center;background:transparent;margin:30px 10px 0}@media (max-width: 767px){#favLinkBtn.favLinkBtn{width:100%;max-width:300px;margin:0 auto;padding:5px 0!important}}@media (max-width: 767px){#favLinkBtn.favLinkBtn:hover{opacity:1}}@media (max-width: 767px){#favLinkBtn.favLinkBtn .favLink{margin:0!important}}#favLinkBtn.favLinkBtn a{display:block;position:relative;width:100%;height:100%;padding:10px;border:solid 1px #004889;border-radius:0;cursor:pointer;transition:background .3s;text-align:center}@media (max-width: 767px){#favLinkBtn.favLinkBtn a{border-radius:0}}#favLinkBtn.favLinkBtn a:after{position:relative;padding-left:1em;font-size:1rem;letter-spacing:.1rem}@media (max-width: 767px){#favLinkBtn.favLinkBtn a:after{display:block;height:20px;vertical-align:middle;font-size:.875rem}}#favLinkBtn.favLinkBtn a .favLabel{padding-left:1em;font-size:1.15rem}@media (max-width: 767px){#favLinkBtn.favLinkBtn a .favLabel{font-size:.875rem}}#favLinkBtn.favLinkBtn .heartIcon{position:absolute;top:50%;left:50px;width:20px;height:20px;margin:0;overflow:inherit;vertical-align:middle;transform:translateY(-55%);z-index:1}@media (max-width: 767px){#favLinkBtn.favLinkBtn .heartIcon{left:80px}}#favLinkBtn.favLinkBtn .heartIcon .cls-1{transition:fill .3s}#favLinkBtn.favLinkBtn .add{background:#ffffff;color:#004889!important}#favLinkBtn.favLinkBtn .add:after{content:"\304a\6c17\306b\5165\308a"}#favLinkBtn.favLinkBtn .add .cls-1{fill:#004889}#favLinkBtn.favLinkBtn .favo{background:#004889;color:#fff!important}#favLinkBtn.favLinkBtn .favo:after{content:"\304a\6c17\306b\5165\308a\6e08"}#favLinkBtn.favLinkBtn .favo .cls-1{fill:#fff}@media (max-width: 767px){.goJob+#favLinkBtn.favLinkBtn{margin-top:5px}}#top #topLayout{min-width:1200px}@media (max-width: 767px){#top #topLayout{min-width:320px}}#top #topLayout .container{display:grid;height:100vh;grid-template:"topNav" 126px "topMvSlider" auto "topMovie" auto "topLatestJob" auto "template01" auto "topLinkBoxAbout" auto "topSearchBox" auto "topRecommendJob" auto "maintenanceNotice" 1fr "topFooter" auto/minmax(1200px,100%)}@media (max-width: 767px){#top #topLayout .container{grid-template:"topNav" 70px "topMvSlider" auto "topMovie" auto "topLatestJob" auto "template01" auto "topLinkBoxAbout" auto "topSearchBox" auto "topRecommendJob" auto "maintenanceNotice" 1fr "topFooter" auto/100%}}#top #topLayout #topNav{grid-area:topNav}#top #topLayout #topMvSlider{grid-area:topMvSlider;background-color:#fff;width:100%;margin:0}#top #topLayout #topLatestJob{grid-area:topLatestJob;min-width:825px}@media (max-width: 767px){#top #topLayout #topLatestJob{min-width:100%}}#top #topLayout #topMovie{grid-area:topMovie;background-color:#fff;width:100%}#top #topLayout #topLinkBoxAbout{grid-area:topLinkBoxAbout;min-width:825px}@media (max-width: 767px){#top #topLayout #topLinkBoxAbout{min-width:100%}}#top #topLayout #template01{grid-area:template01;min-width:825px}@media (max-width: 767px){#top #topLayout #template01{min-width:100%}}#top #topLayout #topRecommendJob{grid-area:topRecommendJob;min-width:825px}@media (max-width: 767px){#top #topLayout #topRecommendJob{min-width:100%}}#top #topLayout #topSearchBox{grid-area:topSearchBox;min-width:825px}@media (max-width: 767px){#top #topLayout #topSearchBox{min-width:100%}}#top #topLayout #maintenanceNotice{grid-area:maintenanceNotice}#top #topLayout #cmnFooter{grid-area:topFooter}#top #mvSlider{overflow:hidden;width:100%;margin-top:-126px}@media (max-width: 767px){#top #mvSlider{margin-top:0}}#top #mvSlider .mvWrapper{position:relative;z-index:0;width:100%;max-height:1300px;aspect-ratio:750/1300;background-image:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 80%,#fff 100%),url(https://johnan-seisakusho.co.jp/build/assets/top_mainimg_bg_sp.a94e19d3.webp);background-size:cover}@media screen and (min-width: 768px){#top #mvSlider .mvWrapper{aspect-ratio:1920/1300;background-image:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 10%,rgba(246,246,246,0) 68%,#F6F6F6 100%),url(https://johnan-seisakusho.co.jp/build/assets/top_mainimg_bg_pc.3e94b18b.webp)}}#top #mvSlider .mvWrapper:before{position:absolute;content:"";display:block;top:0;left:0;width:31.4%;max-width:600px;aspect-ratio:3/5;background-color:#fff;border-bottom-right-radius:4px;box-shadow:0 0 45px #093b6780;z-index:1}@media (max-width: 767px){#top #mvSlider .mvWrapper:before{display:none}}#top #mvSlider .mvWrapper .mvTextContent{position:absolute;top:36.2%;left:8%;display:flex;align-items:flex-end;justify-content:space-between;gap:6.1vw;opacity:0;transition:opacity .3s;z-index:10}@media screen and (min-width: 768px){#top #mvSlider .mvWrapper .mvTextContent{flex-direction:column;align-items:flex-start;gap:2.8vw;top:35.7%;left:min(123px,6.4%)}}#top #mvSlider .mvWrapper .mvText{color:#fff;font-size:max(60px,16vw);font-weight:900;line-height:1.3}@media screen and (min-width: 768px){#top #mvSlider .mvWrapper .mvText{color:#000;font-size:clamp(96px,8vw,155px)}}#top #mvSlider .mvWrapper .mvText.fixTxt{text-indent:2em}#top #mvSlider .mvWrapper .mvText-sub{padding-bottom:2vw;color:#fff;font-size:max(14px,3.7vw);font-weight:700;line-height:1.78}@media screen and (min-width: 768px){#top #mvSlider .mvWrapper .mvText-sub{padding-bottom:0;color:#000;font-size:clamp(20px,1.5vw,24px);line-height:1.75}}#top #mvSlider .mvWrapper .mvText-white{color:#fff}@media screen and (min-width: 768px){#top #mvSlider .mvWrapper .mvText-white{padding-left:1.5vw}}#top #mvSlider .mvWrapper .mvTextContent,#top #mvSlider .mvWrapper .slideImg{opacity:0;transition:opacity .3s}#top #mvSlider .mvWrapper .mvTextContent.is-show,#top #mvSlider .mvWrapper .slideImg.is-show{opacity:1}#top #mvSlider .mvWrapper .swiper-slide{opacity:0}#top #mvSlider .mvWrapper .swiper-slide.swiper-slide-active{opacity:1}#top #mvSlider .mvWrapper .mvTextSwiper{position:relative;width:100%;height:100%}#top #mvSlider .mvWrapper .slideImg{position:absolute;box-shadow:0 0 18px #093b6780;z-index:10}@media screen and (min-width: 768px){#top #mvSlider .mvWrapper .slideImg{box-shadow:0 0 45px #093b6780}}#top #mvSlider .mvWrapper .slideImg.mvLargeSwiper{width:53.3vw;top:65.3%;left:14.5%}@media screen and (min-width: 768px){#top #mvSlider .mvWrapper .slideImg.mvLargeSwiper{width:min(543px,28.8vw);top:42.7%;left:auto;right:13.9%}}#top #mvSlider .mvWrapper .slideImg.mvMiddleSwiper{width:44vw;top:6.6%;left:3.4%}@media screen and (min-width: 768px){#top #mvSlider .mvWrapper .slideImg.mvMiddleSwiper{width:min(403px,20.9vw);top:9.6%;left:auto;right:10.2%}}#top #mvSlider .mvWrapper .slideImg.mvSmallSwiper{width:36vw;top:25%;right:0}@media screen and (min-width: 768px){#top #mvSlider .mvWrapper .slideImg.mvSmallSwiper{width:min(303px,15.7vw);top:17.9%;right:auto;left:42.2%}}#top #mvSlider .mvWrapper .slideImg img{border-radius:4px}#top #mvSlider .mvWrapper .scroll-indicator{position:absolute;right:6%;bottom:20%;writing-mode:vertical-rl;color:#fff;font-family:lato,sans-serif;font-weight:700;font-size:10px;letter-spacing:.1rem;line-height:2.625;z-index:4}#top #mvSlider .mvWrapper .scroll-indicator:after{content:"";display:block;position:absolute;left:0;top:0;width:1px;height:170px;background:#ffffff;animation:scrollLine 3s infinite}@media screen and (min-width: 768px){#top #mvSlider .mvWrapper .scroll-indicator{bottom:auto;top:57%;font-size:16px}#top #mvSlider .mvWrapper .scroll-indicator:after{left:0;top:0;transform:translate(-50%);width:1px;height:17.7vw}}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}#top .searchQuick{overflow:hidden;box-sizing:border-box;margin:0;padding:0 0 50px;width:100%}@media (max-width: 767px){#top .searchQuick{width:100%;letter-spacing:normal;margin:0 auto;padding:0 0 25px}}#top .searchQuick .searchQuickWrapper{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 24px);max-width:960px;margin:0 auto}@media (max-width: 767px){#top .searchQuick .searchQuickWrapper{display:block;width:100%}}#top .searchQuick h3{width:190px;vertical-align:middle;letter-spacing:normal;font-weight:500;font-size:1.25rem;color:#000;line-height:1.4}@media (max-width: 767px){#top .searchQuick h3{display:none;background:transparent;padding:10px;font-size:1.125rem;width:100%}}#top .searchQuick div.selectBox{width:calc(100% - 203px);letter-spacing:normal}@media (max-width: 767px){#top .searchQuick div.selectBox{width:100%}}#top .searchQuick div.selectBox div.selectBoxInner{display:flex;align-items:center;justify-content:space-between;width:100%}@media (max-width: 767px){#top .searchQuick div.selectBox div.selectBoxInner{display:block;width:calc(100% - 24px);max-width:960px;margin:0 auto}}#top .searchQuick div.selectBox div.selectBoxInner span{flex-grow:0;flex-shrink:1;flex-basis:calc((100% - 190px)/2);color:#005fb4;text-align:center;font-size:2.1875rem}#top .searchQuick div.selectBox div.selectBoxInner span:last-of-type{margin-left:20px;flex-basis:110px}#top .searchQuick div.selectBox div.selectBoxInner span:nth-last-of-type(2).crossSelect{display:none}@media (max-width: 767px){#top .searchQuick div.selectBox div.selectBoxInner span{display:block;width:100%;padding:0}#top .searchQuick div.selectBox div.selectBoxInner span:not(:first-child){margin-top:10px}#top .searchQuick div.selectBox div.selectBoxInner span:last-of-type{margin-left:0;width:100%}}#top .searchQuick div.selectBox div.selectBoxInner span.pcLayout{color:#005fb4}#top .searchQuick div.selectBox div.selectBoxInner span select,#top .searchQuick div.selectBox div.selectBoxInner span input{background-color:#fff;padding:10px 35px 10px 10px;font-size:.875rem;display:block;width:100%;height:50px;cursor:pointer;border:1px solid #e9e9e9;-webkit-transition:all .3s;transition:all .3s;color:#3f3f3f;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMBAMAAACU11D1AAAAMFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABaPxwLAAAAD3RSTlMAA5aoiYSfnI2jkX99amemayxkAAAAXElEQVQI12N4xAADugz6BVAm0ycGru8CELa+AgNDfyKYyf4LSHB8A0kw1i8AifhPBBJiP8CyLD8FGBjzGyC6/A0ZJL9ATWP9LGjvALMl3vgr3Ebu/wEMcHAUTAIAeIESyGes6PUAAAAASUVORK5CYII=);background-position:right 10px center;background-size:12px auto;border-radius:0}#top .searchQuick div.selectBox div.selectBoxInner span select::-ms-expand,#top .searchQuick div.selectBox div.selectBoxInner span input::-ms-expand{display:none}@media (max-width: 767px){#top .searchQuick div.selectBox div.selectBoxInner span select,#top .searchQuick div.selectBox div.selectBoxInner span input{width:100%;border-radius:0}}#top .searchQuick div.selectBox div.selectBoxInner span input{background-image:none}#top .searchQuick div.selectBox div.selectBoxInner span button{padding:10px 20px;background:#37B1AD;display:block;color:#fff;font-size:1rem;-webkit-transition:all .3s;transition:all .3s;width:100%;height:50px;border:solid 2px transparent;border-radius:0}#top .searchQuick div.selectBox div.selectBoxInner span button:hover{opacity:.7}@media (max-width: 767px){#top .searchQuick div.selectBox div.selectBoxInner span button{margin:0 auto;border-radius:0}}#top .searchQuick div.selectBox div.selectBoxInner span.crossSelect{color:#000;flex-basis:60px;padding:0}@media (max-width: 767px){#top .searchQuick div.selectBox div.selectBoxInner span.crossSelect{line-height:.5em}}#top #search,#top #searchBox{color:#000;padding:0}#top #search input[type=radio],#top #search input[type=checkbox],#top #searchBox input[type=radio],#top #searchBox input[type=checkbox]{display:none}#top #search .searchBoxBg,#top #searchBox .searchBoxBg{background:#E7F5FE}#top #search .searchBoxWrapper,#top #searchBox .searchBoxWrapper{margin:auto;overflow:visible}#top #search .searchBoxTitle,#top #searchBox .searchBoxTitle{width:calc(100% - 24px);max-width:960px;margin:0 auto;padding:50px 0;text-align:center}@media (max-width: 767px){#top #search .searchBoxTitle,#top #searchBox .searchBoxTitle{padding:25px 0}}#top #search .searchBoxTitle .en,#top #search .searchBoxTitle .ja,#top #searchBox .searchBoxTitle .en,#top #searchBox .searchBoxTitle .ja{display:block;color:#005fb4}#top #search .searchBoxTitle .en,#top #searchBox .searchBoxTitle .en{display:inline-block;font-family:omnes-pro,sans-serif;font-weight:500;font-size:15px;font-style:normal;line-height:1;margin-bottom:6px;color:#fff;background-color:#005fb4;padding:4px 3px}@media screen and (min-width: 768px){#top #search .searchBoxTitle .en,#top #searchBox .searchBoxTitle .en{font-size:22px;padding:8px 6px;margin-bottom:12px}}#top #search .searchBoxTitle .ja,#top #searchBox .searchBoxTitle .ja{position:relative;font-family:zen-maru-gothic,sans-serif;font-weight:700;font-style:normal;font-size:24px;line-height:1.4}@media screen and (min-width: 768px){#top #search .searchBoxTitle .ja,#top #searchBox .searchBoxTitle .ja{font-size:42px;font-weight:700}}#top #search .searchBoxBody .searchBoxBodyWrapper .searchSelect,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .searchSelect{background:#ffffff}#top #search .searchBoxBody .searchBoxBodyWrapper .searchSelect .searchSelectWrapper,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .searchSelect .searchSelectWrapper{width:calc(100% - 24px);max-width:960px;margin:0 auto;padding:50px 0 180px}@media (max-width: 767px){#top #search .searchBoxBody .searchBoxBodyWrapper .searchSelect .searchSelectWrapper,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .searchSelect .searchSelectWrapper{padding:50px 0}}@media (max-width: 767px){#top #search .searchBoxBody .searchBoxBodyWrapper .search-container,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container{padding-bottom:20px}}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function{margin:0 auto}@media (max-width: 767px){#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function{width:100%}}@media (max-width: 767px){#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab{overflow:hidden}}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn{letter-spacing:-.4em;margin:0 auto;display:flex}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li{display:inline-block;letter-spacing:normal;width:33.3333333333%;text-align:center;font-size:1.125rem;color:#000;cursor:pointer;flex:1 1 auto;height:100%;border-top:2px solid #005FB4;border-right:2px solid #005FB4;border-bottom:2px solid #005FB4;background:#ffffff}@media screen and (min-width: 768px){#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li{transition:all .3s}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li:hover,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li:hover{color:#fff!important;background-color:#005fb4!important}}@media (max-width: 767px){#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li{font-size:.8125rem}}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li:first-child,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li:first-child{border-left:2px solid #005FB4;border-radius:0}@media (max-width: 767px){#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li:first-child,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li:first-child{border-radius:0}}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li:last-child,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li:last-child{border-right:2px solid #005FB4;border-radius:0}@media (max-width: 767px){#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li:last-child,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li:last-child{border-radius:0}}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li .tabIconWrapper,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li .tabIconWrapper{display:none}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li p,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li p{width:100%;text-align:center;padding:15px 10px;line-height:1.4}@media (max-width: 767px){#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li p,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-tab .search-tab__btn li p{width:100%;font-size:.88rem;text-align:center}}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box{margin:0 auto;padding:32px 0 80px}@media (max-width: 767px){#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box{padding:0 0 20px}}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list{display:inline-block;letter-spacing:normal;margin-right:20px;color:#555;font-weight:600;font-size:1rem}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dt,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dt{margin-top:20px;margin-bottom:5px;padding:0;color:#000}@media (max-width: 767px){#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dt,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dt{margin-top:10px;margin-bottom:0}}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dd,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dd{text-align:left;display:inline-block}@media (max-width: 767px){#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dd,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dd{padding:5px 4px}}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dd:nth-child(n+2),#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dd:nth-child(n+2){margin-right:0}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dd .area__btn,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dd .area__btn{font-size:1rem;font-weight:600;color:#555;padding:10px 20px;border:1px solid transparent;background-color:#fff;margin:0 0 2px 2px}#top #search .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dd .area__btn:hover,#top #searchBox .searchBoxBody .searchBoxBodyWrapper .search-container .search-function .search-form__form .search-box .info-area__list .area__list dd .area__btn:hover{cursor:pointer;opacity:.7}#top #search .hgroup-other h4,#top #searchBox .hgroup-other h4{padding:10px 20px;font-weight:500}#top #search .js-clicked__grey,#top #searchBox .js-clicked__grey,#top #search .js-clicked__blue,#top #searchBox .js-clicked__blue{color:#fff!important;background:#005FB4!important}#top #search .search-box,#top #search .search-all,#top #searchBox .search-box,#top #searchBox .search-all{display:none}#top #search .search-all,#top #searchBox .search-all{margin:0 auto;text-align:center;padding:0 20px}@media (max-width: 767px){#top #search .search-all,#top #searchBox .search-all{padding:0 10px}}#top #search .search-all .search-all__btn,#top #searchBox .search-all .search-all__btn{width:500px;font-size:1rem;margin-bottom:100px;padding:15px 0;font-weight:600;color:#fff;background-color:#37b1ad}@media (max-width: 767px){#top #search .search-all .search-all__btn,#top #searchBox .search-all .search-all__btn{width:100%;margin-bottom:30px}}#top #search .search-all .search-all__btn:hover,#top #searchBox .search-all .search-all__btn:hover{cursor:pointer;opacity:.7}#top #search .search-box .hgroup-other h4,#top #searchBox .search-box .hgroup-other h4{padding:16px 0;font-weight:500;color:#000}#top #search .search-box .areaWrapper,#top #searchBox .search-box .areaWrapper{display:flex;width:100%;flex-direction:column}#top #search .search-box .areaWrapper .areaMap,#top #searchBox .search-box .areaWrapper .areaMap{display:none!important;padding:0;margin:-15px auto 0;flex:0 0 auto;width:100%;max-width:980px;position:relative;overflow:hidden}@media (max-width: 767px){#top #search .search-box .areaWrapper .areaMap,#top #searchBox .search-box .areaWrapper .areaMap{display:none!important}}#top #search .search-box .areaWrapper .areaMap .areaMapBg,#top #searchBox .search-box .areaWrapper .areaMap .areaMapBg{position:relative;width:100%;height:0;padding-top:63.7755102041%;transform:rotate(15deg)}#top #search .search-box .areaWrapper .areaMap .areaMapIllust,#top #searchBox .search-box .areaWrapper .areaMap .areaMapIllust{display:block;position:absolute;top:50%;left:52%;width:125%;height:125%;vertical-align:middle;transform:translate(-50%) translateY(-50%);z-index:0}#top #search .search-box .areaWrapper .areaMap img,#top #searchBox .search-box .areaWrapper .areaMap img{width:100%}#top #search .search-box .areaWrapper .areaMap .areaMapInner,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner{position:absolute;height:auto;width:100%;padding-bottom:63.7755102041%;top:0;left:0}#top #search .search-box .areaWrapper .areaMap .areaMapInner a,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a{display:block;position:relative;background-size:cover;background:#ffffff;border:1px solid #A4A4A4;width:90px;height:30px;box-sizing:border-box;float:left}#top #search .search-box .areaWrapper .areaMap .areaMapInner a:nth-child(2n),#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a:nth-child(2n){border-left:none}#top #search .search-box .areaWrapper .areaMap .areaMapInner a:nth-child(n+3),#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a:nth-child(n+3){border-top:none}#top #search .search-box .areaWrapper .areaMap .areaMapInner a:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a:before{color:#000;font-size:16px;position:absolute;top:3px;left:0;right:0;text-align:center;font-weight:400}#top #search .search-box .areaWrapper .areaMap .areaMapInner a.hasHref,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a.hasHref{background:#005FB4;transition:background,.3s}#top #search .search-box .areaWrapper .areaMap .areaMapInner a.hasHref[href]:hover,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a.hasHref[href]:hover{background:#80afda}#top #search .search-box .areaWrapper .areaMap .areaMapInner a.hasHref:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a.hasHref:before{color:#fff}#top #search .search-box .areaWrapper .areaMap .areaMapInner a:after,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a:after{display:none;position:absolute;right:7px;top:2px;content:"\f138";font-family:"Font Awesome 5 Free";color:#ddd;font-weight:700;font-size:.8rem}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area1:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area1:before{content:"\5317\6d77\9053"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area2:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area2:before{content:"\9752\68ee\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area3:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area3:before{content:"\5ca9\624b\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area4:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area4:before{content:"\5bae\57ce\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area5:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area5:before{content:"\79cb\7530\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area6:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area6:before{content:"\5c71\5f62\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area7:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area7:before{content:"\798f\5cf6\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area8:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area8:before{content:"\8328\57ce\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area9:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area9:before{content:"\6803\6728\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area10:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area10:before{content:"\7fa4\99ac\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area11:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area11:before{content:"\57fc\7389\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area12:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area12:before{content:"\5343\8449\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area13:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area13:before{content:"\6771\4eac\90fd"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area14:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area14:before{content:"\795e\5948\5ddd\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area15:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area15:before{content:"\65b0\6f5f\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area16:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area16:before{content:"\5bcc\5c71\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area17:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area17:before{content:"\77f3\5ddd\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area18:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area18:before{content:"\798f\4e95\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area19:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area19:before{content:"\5c71\68a8\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area20:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area20:before{content:"\9577\91ce\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area21:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area21:before{content:"\5c90\961c\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area22:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area22:before{content:"\9759\5ca1\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area23:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area23:before{content:"\611b\77e5\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area24:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area24:before{content:"\4e09\91cd\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area25:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area25:before{content:"\6ecb\8cc0\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area26:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area26:before{content:"\4eac\90fd\5e9c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area27:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area27:before{content:"\5927\962a\5e9c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area28:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area28:before{content:"\5175\5eab\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area29:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area29:before{content:"\5948\826f\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area30:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area30:before{content:"\548c\6b4c\5c71\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area31:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area31:before{content:"\9ce5\53d6\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area32:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area32:before{content:"\5cf6\6839\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area33:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area33:before{content:"\5ca1\5c71\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area34:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area34:before{content:"\5e83\5cf6\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area35:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area35:before{content:"\5c71\53e3\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area36:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area36:before{content:"\5fb3\5cf6\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area37:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area37:before{content:"\9999\5ddd\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area38:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area38:before{content:"\611b\5a9b\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area39:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area39:before{content:"\9ad8\77e5\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area40:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area40:before{content:"\798f\5ca1\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area41:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area41:before{content:"\4f50\8cc0\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area42:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area42:before{content:"\9577\5d0e\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area43:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area43:before{content:"\718a\672c\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area44:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area44:before{content:"\5927\5206\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area45:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area45:before{content:"\5bae\5d0e\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area46:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area46:before{content:"\9e7f\5150\5cf6\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area47:before,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner a#mapImg_area47:before{content:"\6c96\7e04\770c"}#top #search .search-box .areaWrapper .areaMap .areaMapInner div,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner div{display:block;position:absolute;width:185px;height:auto}#top #search .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_1,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_1{top:39%;left:73.5%}#top #search .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_2,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_2{top:70%;left:64.2%}#top #search .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_3,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_3{top:40%;left:45.8%}#top #search .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_4,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_4{top:84%;left:41.5%}#top #search .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_5,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_5{top:63.5%;left:31.3%}#top #search .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_6,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_6{top:39.2%;left:23.8%}#top #search .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_7,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_7{top:83%;left:18%}#top #search .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_8,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_8{top:58.8%;left:1%}#top #search .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_9,#top #searchBox .search-box .areaWrapper .areaMap .areaMapInner div#mapGroup_9{left:0;top:95%;width:72px}#top #search .search-box div>.topmod1-bc,#top #search .search-box div>.topmod1-area,#top #search .search-box div>.topmod2-jobbc,#top #searchBox .search-box div>.topmod1-bc,#top #searchBox .search-box div>.topmod1-area,#top #searchBox .search-box div>.topmod2-jobbc{color:#000;font-size:1.125rem;font-weight:700;width:auto;display:inline-block;margin:12px 0 8px;padding:0;transition:all .3s}@media (max-width: 767px){#top #search .search-box div>.topmod1-bc,#top #search .search-box div>.topmod1-area,#top #search .search-box div>.topmod2-jobbc,#top #searchBox .search-box div>.topmod1-bc,#top #searchBox .search-box div>.topmod1-area,#top #searchBox .search-box div>.topmod2-jobbc{margin-bottom:0;font-size:1rem}}#top #search .search-box div>.topmod1-bc:hover,#top #search .search-box div>.topmod1-area:hover,#top #search .search-box div>.topmod2-jobbc:hover,#top #searchBox .search-box div>.topmod1-bc:hover,#top #searchBox .search-box div>.topmod1-area:hover,#top #searchBox .search-box div>.topmod2-jobbc:hover{opacity:.5}@media (max-width: 767px){#top #search .search-box div>.topmod1-bc:hover,#top #search .search-box div>.topmod1-area:hover,#top #search .search-box div>.topmod2-jobbc:hover,#top #searchBox .search-box div>.topmod1-bc:hover,#top #searchBox .search-box div>.topmod1-area:hover,#top #searchBox .search-box div>.topmod2-jobbc:hover{opacity:1}}#top #search .search-box .sub-search-list,#top #searchBox .search-box .sub-search-list{display:flex;flex-flow:wrap;flex-direction:row}#top #search .search-box .sub-search-list li,#top #searchBox .search-box .sub-search-list li{display:flex;align-items:center;padding:0 6px 6px 0}#top #search .search-box .sub-search-list li .topmod1-area,#top #search .search-box .sub-search-list li .topmod1-city,#top #search .search-box .sub-search-list li .topmod2-job,#top #search .search-box .sub-search-list li .topmod3-koyo,#top #searchBox .search-box .sub-search-list li .topmod1-area,#top #searchBox .search-box .sub-search-list li .topmod1-city,#top #searchBox .search-box .sub-search-list li .topmod2-job,#top #searchBox .search-box .sub-search-list li .topmod3-koyo{display:flex;width:auto;margin:0;padding:8px 32px;background:#DDDDDD;border-radius:0;color:#000;font-size:1rem;font-weight:700;line-height:2}@media (max-width: 767px){#top #search .search-box .sub-search-list li .topmod1-area,#top #search .search-box .sub-search-list li .topmod1-city,#top #search .search-box .sub-search-list li .topmod2-job,#top #search .search-box .sub-search-list li .topmod3-koyo,#top #searchBox .search-box .sub-search-list li .topmod1-area,#top #searchBox .search-box .sub-search-list li .topmod1-city,#top #searchBox .search-box .sub-search-list li .topmod2-job,#top #searchBox .search-box .sub-search-list li .topmod3-koyo{font-size:.875rem;padding:8px 24px;border-radius:0}}#top #search .search-box .sub-search-list li a,#top #searchBox .search-box .sub-search-list li a{transition:all .3s}#top #search .search-box .sub-search-list li a:hover,#top #searchBox .search-box .sub-search-list li a:hover{opacity:.5}#top #search .search-box.search-area,#top #searchBox .search-box.search-area{display:block}#top #search .search-box-form,#top #searchBox .search-box-form{margin:0 auto}@media (max-width: 767px){#top #search .search-box-form,#top #searchBox .search-box-form{margin-top:30px;margin-bottom:30px}}#top #search .search-box-form .hgroup-other,#top #searchBox .search-box-form .hgroup-other{line-height:1.4}#top #search .search-box-form .hgroup-other .headerIconWrapper,#top #searchBox .search-box-form .hgroup-other .headerIconWrapper{display:none}#top #search .search-box-form .hgroup-other h4,#top #searchBox .search-box-form .hgroup-other h4{margin-bottom:10px;padding:0;color:#000;font-weight:500}@media (max-width: 767px){#top #search .search-box-form .hgroup-other h4,#top #searchBox .search-box-form .hgroup-other h4{text-align:center}}#top #search .search-box-form .search-form__form,#top #searchBox .search-box-form .search-form__form{margin-top:20px}#top #search .is-vishidden,#top #searchBox .is-vishidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}#top #search .search-box-form__inner,#top #searchBox .search-box-form__inner{display:flex;justify-content:space-between}@media (max-width: 767px){#top #search .search-box-form__inner,#top #searchBox .search-box-form__inner{display:block}}#top #search .search-form__form,#top #searchBox .search-form__form{position:relative}#top #search input,#top #searchBox input{display:block}#top #search input[type=search],#top #searchBox input[type=search]{position:relative;top:0;background:white;border:1px solid #000000;flex-grow:0;flex-shrink:1;flex-basis:calc(100% - 110px);height:50px;padding:10px 20px;color:#221815;display:inline-block;margin:0 20px 0 0;border-radius:0}@media (max-width: 767px){#top #search input[type=search],#top #searchBox input[type=search]{width:100%;margin:0;padding:5px 10px;border-radius:0}}#top #search .search-form__search,#top #searchBox .search-form__search{font-size:1rem;height:52px;background-color:#fff}#top #search input[type=submit],#top #searchBox input[type=submit]{position:relative;right:0;top:0;bottom:.5em;z-index:1;width:6em;padding:0;cursor:pointer}#top #search input[type=submit]:hover,#top #searchBox input[type=submit]:hover{opacity:.7}#top #search .search-form__submit,#top #searchBox .search-form__submit{font-size:inherit;background:#37B1AD;height:50px;position:relative;right:0;top:0;bottom:.5em;z-index:1;padding:0;cursor:pointer;-webkit-appearance:button;color:#fff;display:inline-block;flex:0 1 110px;border:solid 2px transparent;outline:none;transition:all .3s;border-radius:0}#top #search .search-form__submit:hover,#top #searchBox .search-form__submit:hover{opacity:.5}#top #search .search-form__submit>img,#top #searchBox .search-form__submit>img{display:none}@media (max-width: 767px){#top #search .search-form__submit,#top #searchBox .search-form__submit{width:100%;margin:10px 0 0;border-radius:0}}#top #areaMapIllust .d{fill:#005fb4bf}#top .latestJob{display:none}#top .latestJobInner{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:calc(100% - 24px);max-width:960px;margin:0 auto;padding:30px 20px;background:#ffffff}#top .latestJobTitle{width:100%;margin-bottom:15px}@media screen and (min-width: 768px){#top .latestJobTitle{width:160px;margin-bottom:0}}#top .latestJobTitle .en,#top .latestJobTitle .ja{display:block;color:#000;line-height:1}#top .latestJobTitle .en{font-style:normal;font-size:1rem}@media screen and (min-width: 768px){#top .latestJobTitle .en{font-size:1.5rem}}#top .latestJobTitle .ja{font-size:.75rem;font-weight:500}@media screen and (min-width: 768px){#top .latestJobTitle .ja{font-size:.875rem}}#top .latestJobBox{width:100%;overflow:hidden}@media screen and (min-width: 768px){#top .latestJobBox{width:calc(100% - 350px)}}#top .latestJobItem,#top .notJob{font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 768px){#top .latestJobItem,#top .notJob{font-size:.875rem}}#top .latestJobItem a,#top .notJob a{color:#000;transition:opacity .3s}@media screen and (min-width: 768px){#top .latestJobItem a:hover,#top .notJob a:hover{opacity:.5}}#top .latestJobDate{display:block;width:100%}@media screen and (min-width: 768px){#top .latestJobDate{display:inline;width:auto;margin-right:1em}}#top .latestJobMoreButton{display:block;width:70px;padding:0 4px;color:#000;font-style:normal;letter-spacing:.05em;line-height:1.5;text-align:center;transition:all .3s ease}#top .latestJobMoreButton:hover{cursor:pointer}#top .latestJobMoreButton:hover .buttonText{opacity:.6}@media screen and (min-width: 768px){#top .latestJobMoreButton{width:90px;border-width:2px}}@media (max-width: 767px){#top .latestJobMoreButton{position:absolute;top:30px;right:20px}}#top .latestJobMoreButton .buttonText{font-size:.8125rem}#top .latestJobMoreButton .buttonText:after{content:"\f061";display:inline-block;position:relative;top:-2px;transform:translate(20px);font-family:"Font Awesome 5 Free";font-size:.6875rem;font-weight:600;transition:all .3s ease}@media screen and (min-width: 768px){#top .latestJobMoreButton .buttonText{font-size:1rem;transition:all .3s ease}}#top #latestJobBox{max-width:960px;margin:0 auto 20px;padding:12px 0 10px}@media (max-width: 767px){#top #latestJobBox{padding:10px 10px 20px}}#top #latestJobBox .latestJobTitle{width:100%;margin:50px auto 10px;height:auto;overflow:hidden}#top #latestJobBox .latestJobTitle:before{content:"\65b0\7740\306e\304a\4ed5\4e8b\60c5\5831";float:left;font-size:1.5rem;line-height:1.5;overflow:hidden;height:auto;font-weight:600;color:#005fb4}@media (max-width: 767px){#top #latestJobBox .latestJobTitle:before{font-size:1.3rem}}#top #latestJobBox .latestJobTitle:after{content:"";float:left;font-size:1.1rem;line-height:2;overflow:hidden;height:auto;margin:12px 0 0 20px;font-weight:100}@media (max-width: 767px){#top #latestJobBox .latestJobTitle{margin:0;padding:20px 0 10px}}#top #latestJobBox ul{margin-bottom:30px}@media (max-width: 767px){#top #latestJobBox ul{height:inherit;margin-bottom:20px}}#top #latestJobBox ul li{border-bottom:1px solid #005FB4}@media (max-width: 767px){#top #latestJobBox ul li{border-bottom:1px solid #005FB4;padding:20px 0}}#top #latestJobBox ul li a{display:block;padding:10px 0}#top #latestJobBox ul li a:hover{opacity:.7}@media (max-width: 767px){#top #latestJobBox ul li a{padding:0 20px 0 5px;letter-spacing:normal;background-size:6px 12px;background:none}}#top #latestJobBox ul li a div{display:inline-block;letter-spacing:normal;vertical-align:middle}@media (max-width: 767px){#top #latestJobBox ul li a div{margin-right:0}}#top #latestJobBox ul li a .newInfoDate{font-size:.8125rem;color:#221815;padding:0;width:90px;line-height:2}@media (max-width: 767px){#top #latestJobBox ul li a .newInfoDate{width:100%}}#top #latestJobBox ul li a .newInfoTag{color:#221815;width:75%;text-align:left;font-size:.875rem;padding:0 15px}@media (max-width: 767px){#top #latestJobBox ul li a .newInfoTag{font-size:.8125rem;padding:0;width:100%;text-align:left}}#top #latestJobBox ul li a .newInfoDetail{color:#221815;font-size:.875rem;padding:0 15px 0 93px;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 767px){#top #latestJobBox ul li a .newInfoDetail{padding:0;font-size:.8125rem;white-space:normal}}#top #latestJobBox ul li a .newInfoDetail span{display:block;padding:0 15px}@media (max-width: 767px){#top #latestJobBox ul li a .newInfoDetail span{padding:0}}#top .recommendJob{display:none;padding:30px 0 34px;position:relative;z-index:0;background:#ccc}@media screen and (min-width: 768px){#top .recommendJob{padding:60px 0 96px}}#top .recommendJobInner{width:calc(100% - 24px);margin:0 auto}@media screen and (min-width: 768px){#top .recommendJobInner{width:calc(100% - 48px)}}#top .recommendJobTitle{max-width:960px;margin:0 auto 25px;text-align:center}@media screen and (min-width: 768px){#top .recommendJobTitle{margin-bottom:50px}}#top .recommendJobTitle .en,#top .recommendJobTitle .ja{display:block;color:#000;font-weight:500;line-height:1}#top .recommendJobTitle .en{font-family:futura-pt,sans-serif;font-weight:600;font-style:normal;letter-spacing:.02em;margin-bottom:5px;font-size:2.375rem}@media screen and (min-width: 768px){#top .recommendJobTitle .en{font-size:3.375rem;margin-bottom:24px}}#top .recommendJobTitle .ja{font-size:.9375rem;font-weight:700;letter-spacing:.02em}@media screen and (min-width: 768px){#top .recommendJobTitle .ja{font-size:1.375rem}}#top .recommendJobBox{position:relative;width:90%;max-width:300px;margin:0 auto}@media screen and (min-width: 768px){#top .recommendJobBox{width:calc(100% - 24px);max-width:980px}}#top .recommendJobSlide{overflow:hidden;padding:10px}#top .recommendJobList .swiper-slide{height:auto}@media screen and (min-width: 768px){#top .recommendJobList .swiper-slide{width:300px}#top .recommendJobList .swiper-slide:hover .recommendJobImg img{transform:scale(1.05) rotate(.1deg)}#top .recommendJobList .swiper-slide:hover .recommendJobInfoAdd{background:#004889}}#top .recommendJobList .swiper-slide>a{display:block;height:100%}#top .recommendJobCols{display:flex;flex-direction:column;height:100%;background:#ffffff;font-size:.8125rem;box-shadow:5px 5px 5px #ff00ff29;border-radius:10px}#top .recommendJobCols:hover{opacity:1!important}@media screen and (min-width: 768px){#top .recommendJobCols{font-size:.8125rem}}#top .recommendJobImg{position:relative;min-height:178px;overflow:hidden;padding-bottom:30px}@media screen and (min-width: 768px){#top .recommendJobImg{min-height:200px}}#top .recommendJobImg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:auto;margin:auto;vertical-align:middle;transform:scale(1) rotate(.1deg);transform-origin:center center;transition:transform .3s;will-change:contents;z-index:0}#top .recommendJobInfo{min-height:calc(100% - 240px);padding:10px 16px 20px;position:relative}@media screen and (min-width: 768px){#top .recommendJobInfo{padding:10px 20px 25px}}#top .recommendJobInfo .koyktyName{position:absolute;left:0;top:0;padding:6px 10px 5px;background-color:#de1014;border-radius:0;color:#fff;font-size:.75rem;z-index:1;height:30px}@media screen and (min-width: 768px){#top .recommendJobInfo .koyktyName{font-size:.8125rem}}#top .recommendJobInfo .koyktyName.indicator1,#top .recommendJobInfo .koyktyName.indicator2,#top .recommendJobInfo .koyktyName.indicator3,#top .recommendJobInfo .koyktyName.indicator4,#top .recommendJobInfo .koyktyName.indicator5,#top .recommendJobInfo .koyktyName.indicator6,#top .recommendJobInfo .koyktyName.indicator7,#top .recommendJobInfo .koyktyName.indicator8,#top .recommendJobInfo .koyktyName.indicator9,#top .recommendJobInfo .koyktyName.indicator99{background-color:#de1014}#top .recommendJobInfo .jobTitle{margin-bottom:14px;padding-top:30px;padding-bottom:10px;border-bottom:1px solid #E1DEDA;font-size:.875rem;font-weight:700}@media screen and (min-width: 768px){#top .recommendJobInfo .jobTitle{font-size:1rem}}#top .recommendJobInfo p:last-of-type{padding-right:20px}#top .recommendJobInfo .jobSyksy,#top .recommendJobInfo .jobMoney,#top .recommendJobInfo .jobTime{margin-top:8px}#top .recommendJobInfo .jobArea,#top .recommendJobInfo .jobSyksy,#top .recommendJobInfo .jobMoney,#top .recommendJobInfo .jobTime{padding-left:32px;line-height:1.6;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (min-width: 768px){#top .recommendJobInfo .jobArea,#top .recommendJobInfo .jobSyksy,#top .recommendJobInfo .jobMoney,#top .recommendJobInfo .jobTime{line-height:2}}#top .recommendJobInfo .jobArea:before,#top .recommendJobInfo .jobSyksy:before,#top .recommendJobInfo .jobMoney:before,#top .recommendJobInfo .jobTime:before{content:"";display:inline-block;position:relative;top:5px;width:20px;height:20px;background-size:contain;margin-right:-20px;left:-32px}#top .recommendJobInfo .jobArea:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAPFBMVEUAAABkWL9oWL9lWb9lWb9gUL9lWr9lWr9mWb9mWb9mWr9mWb5mWb9lWr9mWb9lWb9lWr5lWr9mWb9mWr9R14F5AAAAE3RSTlMAQCDwwBBgMKBwgNBQz9+Q4LCvkuwzEgAAATZJREFUOMudVEuWhDAIhHzbxCTa3P+u4xsnjAjtomuhj1hSFCSBG/IIjaiFkeEJqVMtC+JSKvX0kZa7L24GrvieP6Tze7zGcffJ5NFyX1rIYKK1mEipR/+yZF4+gkTZwMRWZOwuwg7RXcSdLHtjWqADwXFKabGNyfMVAbD6yRxNEAnhRKjnuwbuxuSIyM0/1llbJLSISErjWyJLryxtETPFaabdzDjKpmvn23rkazy6leCKMHjoZ8MjT3uXk+lgjxA6T4YrUWBTQlvtMlaWSOz7poR645kJg3G0op1QYRt67R0sf9o4ckKBoH7vdivc/WAXVTZ/EM3NcydpVCHeOFLI/iI+WNjA8u8cWdjE3uO8YgY8Idb3X4EVnpF9+Z2xaICJROl4qJGY3cxZ36n2nWjclTbT4v0A43QKRCzAMHMAAAAASUVORK5CYII=)}#top .recommendJobInfo .jobSyksy:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAARVBMVEUAAABlWb9kWL9mWL9mWr9lWr9lWb9gUL9mWb9mWb5lWb9kWL9jWL9iVb5lWr9mWb5lWL5lV75mWb9lWr9lWr9oWL9mWr/1lFDbAAAAFnRSTlMAwEAvgN2QEHDQsKSpVGDwtolQ788g0/ZpbAAAANpJREFUOMvNk9lqwzAQRWfT6thZ2s7/f2pFkKlHQkWBGHLe7vigMRcJToepwv9qog4rTmXs5Rz+Qsh55D2SzekxEH2zTPxARLKZ8GSRM+7cnOGGO/mniC5SZVnZsC5Uid+lLp1ZrSXNiXRMGMkQD5+MKNggjTjmXDE29WOFrbi1V4QSPUm2qkVApO+u71ReES945LLUXc24iHc6su4nrmZ8l+7+pw0KW+peBUY74qsn8le204jPvzYEj+gDWKiKPR8l6pz4BRpmxKCgMIXOn+gdTuA8ANMEDO/nFzNyBo+UhdjuAAAAAElFTkSuQmCC)}#top .recommendJobInfo .jobMoney:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAOVBMVEUAAABlWb9kWL9lWb5gUL9lWr5lWr9mWr9mWb9oWL9mWb9lWr9mWb5lWr9mWb9mWb9mWb9lWb9mWr9zGNI6AAAAEnRSTlMAwEA/EOBggPAgoDDQsHDfUJBmRNl5AAAAtElEQVQ4y+2TSxKDIAxAgeYnKLbc/7BVaRuxtRM3rnwLZsi8SSAEd3Ey3ogrzkR5iex3uTeihD2yX4s0aBGYsjPoXtJH7Bg79XpOiXs1gxBUMWJcJfC0lPAaSYMMi+iDU0I1tsG1WLNGcgsUNdiIhMhz7H3arp/XBwptxALVKdrhyUYHshHFKpKMP0ozCh2/jL09cfxueG4bHusTQv77hEhgGgpMzZjd9sj++OCaKPbPdXEuT5KgCFZIXGP3AAAAAElFTkSuQmCC)}#top .recommendJobInfo .jobTime:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAQlBMVEUAAABmWr9lWb9gUL9lWr9mWb9lWb9mWb9lWb9lWb9kWL9lWb9oWL9mWr9mWb5lWr9kWb9mWb9lWr9lWb9mWb9mWr9fT6eSAAAAFXRSTlMAgOAQMFDwcLCgQJAgf9Bgb4/PwF8Md1v6AAABcUlEQVQ4y42UCa6DMAxEvYTsCXTx/a/6GxehhrD8kaqa5oWhwR7oZYp/ykdPXwycKj9IKKGL0WH6lI98iHEQclkr1ps7ksAjN1ma1zLhWsxkpz0XBLcat5JRQm/r29a6bjdmNanNyP/ae2prSL0LYdtl/Y+v1Xuw60HHoOTmPkn/yDHq17DMFqET7q8tf40JrkEmNc8yAxU+A7lYmCW34yWAidwZ6GgCoPSpVmYEOxrASL4HjZjhlAcwzl9bny5As7xEfDsZD088AfPbW6lpYv3pCeIOQJ5aD4c5b/9GQCKXEjswkFjvzPaQpXBU0L96cAnddXx5BR3cSq0r/gfEqsdzr+T1wO9FTl/hrYwYhW/laGwz1dBmuDZuRT4DGevauMMojCylbbguhZaHcR2ly/sAWI4D4OeVeHsRKeE+pGz7BN7FXuGD2CuSDoL0vQffZKfjaF7MTzQvJImPw14TviwxLqXNDOaLNkFf5aPaZqbTH9fNDP2DqaJOAAAAAElFTkSuQmCC)}#top .recommendJobInfoAdd{min-height:0;margin-top:auto;background:#000000;color:#fff;text-align:right;transition:background .3s;display:flex;justify-content:center;align-items:center;width:25px;height:25px;position:absolute;bottom:0;right:0}@media screen and (min-width: 768px){#top .recommendJobInfoAdd{width:30px;height:30px}}#top .recommendJobInfoAdd .letter{display:none;font-size:.875rem;line-height:1}#top .recommendJobInfoAdd .letter:after{position:relative;top:-.1em;padding-left:1em;font-family:"Font Awesome 5 Free";font-size:.6875rem;font-weight:600}@media screen and (min-width: 768px){#top .recommendJobInfoAdd .letter{font-size:1rem}#top .recommendJobInfoAdd .letter:after{font-size:.8125rem}}#top [class*=recommendJobButton]{position:absolute;top:50%;border:none;outline:none;background:none;transform:translateY(-50%);transition:opacity .3s;z-index:1}@media screen and (min-width: 768px){#top [class*=recommendJobButton]:hover{cursor:pointer}}#top [class*=recommendJobButton] .fas{color:#fff;font-size:2rem;line-height:1}@media screen and (min-width: 768px){#top [class*=recommendJobButton] .fas{font-size:4.375rem}}#top .recommendJobButtonPrev{left:-8vw}#top .recommendJobButtonPrev.tablet{left:-30px}@media screen and (min-width: 768px){#top .recommendJobButtonPrev{left:-100px}}#top .recommendJobButtonNext{right:-8vw}#top .recommendJobButtonNext.tablet{right:-30px}@media screen and (min-width: 768px){#top .recommendJobButtonNext{right:-100px}}#top .topContentBox{display:block;position:relative;width:100%}#top .topContentBox .en{font-family:lato,sans-serif;font-weight:600;font-style:normal}#top .topContentBox img{max-width:100%;height:auto;vertical-align:middle;pointer-events:none;user-select:none}@media screen and (min-width: 768px){#top .topContentBox .js-clickitem:hover{opacity:.5}}#top .topContentBox .contentHeading{width:calc(100% - 24px);max-width:1200px;margin-right:auto;margin-left:0;margin-bottom:20px;text-align:left}@media screen and (min-width: 768px){#top .topContentBox .contentHeading{width:100%;margin-bottom:32px}}#top .topContentBox .contentHeading .en{display:block;font-family:lato,sans-serif;font-weight:600;font-size:14px;font-style:normal;line-height:1.4;color:#005fb4;margin-bottom:4px}#top .topContentBox .contentHeading .en.txt-white{color:#fff}@media screen and (min-width: 768px){#top .topContentBox .contentHeading .en{font-size:22px;margin-bottom:8px}}#top .topContentBox .contentHeading .ja{display:block;position:relative;font-size:28px;font-weight:800;line-height:1.4}@media screen and (min-width: 768px){#top .topContentBox .contentHeading .ja{font-size:50px;font-weight:900;letter-spacing:-.08rem}}#top .topContentBox .contentHeading.txt-white{color:#fff}#top .topContentBox .commonInner{width:calc(100% - 35px);max-width:1200px;margin:0 auto}#top .topContentBox .normal-txt{font-size:14px;font-weight:400;line-height:1.96}@media screen and (min-width: 768px){#top .topContentBox .normal-txt{font-size:16px;line-height:2.18}}#top .topContentBox .normal-txt.txt-white,#top .topContentBox .txt-white{color:#fff}#top .topContentBox .commonLink{position:relative;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;line-height:1;background-color:#fff;border:1px solid #005FB4;border-radius:99px;padding:22px 58px 22px 25px;transition:background-color .3s ease}@media screen and (min-width: 768px){#top .topContentBox .commonLink{padding:34px 96px 34px 46px;border:2px solid #ffffff;background-color:transparent;margin-left:0;margin-right:auto}#top .topContentBox .commonLink.hover-white{color:#fff;border:2px solid #136BB9}}@media print,screen and (min-width: 1201px){#top .topContentBox .commonLink.hover-blue:hover{background-color:#005fb4;color:#e9e7e7}#top .topContentBox .commonLink.hover-white:hover{background-color:#f5f7ff;color:#005fb4}}#top .topContentBox .commonLink:before{position:absolute;content:"";width:40px;height:40px;top:50%;right:10px;background-color:#e9e7e7;border-radius:50%;transform:translateY(-50%)}@media screen and (min-width: 768px){#top .topContentBox .commonLink:before{right:8px;width:71px;height:71px;background-color:#fff}}#top .topContentBox .commonLink:after{position:absolute;content:"";width:12px;height:12px;right:24px;background:url(https://johnan-seisakusho.co.jp/build/assets/right_arrow_blue.90590d77.svg) no-repeat center center/contain}@media screen and (min-width: 768px){#top .topContentBox .commonLink:after{right:36px;width:14px;height:14px}}#top .topContentBox .commonLinkList .linkItem{position:relative;display:block;width:100%;padding:24px 20px 24px 38px;text-align:left;border-bottom:1px solid rgba(204,204,204,.3);margin-bottom:8px}@media screen and (min-width: 768px){#top .topContentBox .commonLinkList .linkItem{padding:26px 24px 26px 52px;margin-bottom:4px}}#top .topContentBox .commonLinkList .linkItem:last-child{margin-bottom:0}#top .topContentBox .commonLinkList .linkItem a{position:absolute;inset:0}#top .topContentBox .commonLinkList .linkItem:before{position:absolute;content:"";width:22px;height:22px;top:50%;left:0;background-color:#005fb4;border-radius:50%;transform:translateY(-50%)}@media screen and (min-width: 768px){#top .topContentBox .commonLinkList .linkItem:before{width:34px;height:34px}}#top .topContentBox .commonLinkList .linkItem:after{position:absolute;content:"";width:10px;height:10px;top:50%;transform:translateY(-50%);left:7px;background:url(https://johnan-seisakusho.co.jp/build/assets/right_arrow_white.77930430.svg) no-repeat center center/contain}@media screen and (min-width: 768px){#top .topContentBox .commonLinkList .linkItem:after{left:12px;width:12px;height:12px}}#top .topContentBox .commonLinkList .linkItem .linkItem-txt{font-size:14px;font-weight:400;line-height:1}@media screen and (min-width: 768px){#top .topContentBox .commonLinkList .linkItem .linkItem-txt{font-size:20px}}@media print,screen and (min-width: 1201px){#top .topContentBox .commonLinkList .linkItem .linkItem-txt,#top .topContentBox .commonLinkList .linkItem:before,#top .topContentBox .commonLinkList .linkItem:after{transition:opacity .3s}#top .topContentBox .commonLinkList .linkItem:hover .linkItem-txt,#top .topContentBox .commonLinkList .linkItem:hover:before,#top .topContentBox .commonLinkList .linkItem:hover:after{opacity:.7}}#top .topContentBox .bg-title{position:absolute;top:60px;writing-mode:vertical-rl;text-orientation:mixed;color:#fff;font-size:190px;line-height:1;white-space:nowrap;pointer-events:none;user-select:none;display:none;z-index:0}#top .topContentBox .bg-title.right{right:0}#top .topContentBox .bg-title.left{left:0}#top .topContentBox .bg-title.top-0{top:0}@media screen and (min-width: 768px){#top .topContentBox .bg-title{display:block}}#top #news{background-color:#fff;position:relative;z-index:99}@media screen and (min-width: 768px){#top #news{background-color:#f6f6f6}}#top #news .contentNewsInner{position:relative;display:flex;flex-direction:column;gap:0;padding:40px 0 85px}@media screen and (min-width: 768px){#top #news .contentNewsInner{transform:translateY(-80px);display:grid;grid-template-columns:300px 1fr;gap:10px;background-color:#fff;padding:48px 42px;border-radius:4px;z-index:10}}#top #news .contentNewsInner .newsTitle{width:100%;height:auto}@media screen and (min-width: 768px){#top #news .contentNewsInner .newsTitle{min-height:170px}}#top #news .newsItem{width:100%;margin-bottom:15px}@media screen and (min-width: 768px){#top #news .newsItem{margin-bottom:36px}}#top #news .newsItem:last-child{margin-bottom:0}#top #news .newsItem .innerInside{display:flex;flex-direction:column;gap:2px}@media screen and (min-width: 768px){#top #news .newsItem .innerInside{flex-direction:row;gap:8px}}#top #news .newsItem .innerInside .dateBlock{width:100%}@media screen and (min-width: 768px){#top #news .newsItem .innerInside .dateBlock{width:100px}}#top #news .newsItem .innerInside .dateBlock .date{color:#99b5ce;font-size:.75rem;font-weight:400;line-height:1.8}@media screen and (min-width: 768px){#top #news .newsItem .innerInside .dateBlock .date{font-size:16px}}#top #news .newsItem .innerInside .postTtl{width:100%;font-size:14px;font-weight:400;line-height:1.8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (min-width: 768px){#top #news .newsItem .innerInside .postTtl{font-size:16px;-webkit-line-clamp:1}}#top #news .LinkArea{position:absolute;bottom:40px;left:auto;right:12px}@media screen and (min-width: 768px){#top #news .LinkArea{bottom:48px;left:42px;right:auto}}#top #news .LinkArea .LinkItem{position:relative;display:block;width:100%;padding:0 0 0 24px;text-align:left;margin-top:8px;font-size:14px;font-weight:400}@media screen and (min-width: 768px){#top #news .LinkArea .LinkItem{padding:0 0 0 42px;margin-top:16px;font-size:20px}}#top #news .LinkArea .LinkItem:before{position:absolute;content:"";width:18px;height:18px;top:50%;left:0;background-color:#005fb4;border-radius:50%;transform:translateY(-50%)}@media screen and (min-width: 768px){#top #news .LinkArea .LinkItem:before{width:30px;height:30px}}#top #news .LinkArea .LinkItem:after{position:absolute;content:"";width:8px;height:8px;top:50%;transform:translateY(-50%);left:6px;background:url(https://johnan-seisakusho.co.jp/build/assets/right_arrow_white.77930430.svg) no-repeat center center/contain}@media screen and (min-width: 768px){#top #news .LinkArea .LinkItem:after{left:11px;width:12px;height:12px}}#top #vision{position:relative;z-index:1;overflow:hidden;background-color:#f6f6f6;width:100%;height:auto}#top #vision .contentVisionWrapper{position:relative;padding:80px 0 160px}#top #vision .contentVisionInner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;z-index:1}@media screen and (min-width: 768px){#top #vision .contentVisionInner{flex-direction:row-reverse;justify-content:space-between;gap:26px}}#top #vision .contentVisionInner .visisonTxt-box{text-align:left;width:100%}@media screen and (min-width: 768px){#top #vision .contentVisionInner .visisonTxt-box{width:504px}}#top #vision .contentVisionInner .visisonTxt-box .normal-txt{width:100%;margin-bottom:20px}@media screen and (min-width: 768px){#top #vision .contentVisionInner .visisonTxt-box .normal-txt{margin-bottom:32px}}#top #vision .contentVisionInner .visisonImg-box{width:100%;height:auto}@media screen and (min-width: 768px){#top #vision .contentVisionInner .visisonImg-box{flex:1;min-width:0}#top #vision .contentVisionInner .visisonImg-box .img{width:100%;aspect-ratio:670/710}#top #vision .contentVisionInner .visisonImg-box .img img{display:block;width:100%;height:100%;object-fit:cover}}#top #pride{position:relative;overflow:hidden;padding:80px 0 200px}@media screen and (min-width: 768px){#top #pride{padding:156px 0}}#top #pride:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:url(https://johnan-seisakusho.co.jp/build/assets/top_pride_bk-img_sp.32e2a196.webp) center bottom/cover no-repeat;opacity:0;visibility:hidden;transition:opacity .3s}@media screen and (min-width: 768px){#top #pride:after{background:url(https://johnan-seisakusho.co.jp/build/assets/top_pride_bk-img_pc.4dbbfc40.webp) center bottom/cover no-repeat}}#top #pride.is-active:after{opacity:1;visibility:visible}#top #pride .contentPrideWrapper{position:relative;z-index:1}#top #pride .contentPrideInner{position:relative;padding:50px 0 39px;background-color:#fff;border-radius:4px;overflow:hidden;z-index:2}@media screen and (min-width: 768px){#top #pride .contentPrideInner{padding:100px 0;background-color:transparent}#top #pride .contentPrideInner:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:calc(100% - 35px);max-width:960px;height:100%;background:#ffffff;border-radius:4px;z-index:-1}}#top #pride .contentPrideInner .contentHeading-pride{position:relative;z-index:1;margin-bottom:12px}@media screen and (min-width: 768px){#top #pride .contentPrideInner .contentHeading-pride{margin-bottom:26px}}#top #pride .contentPrideInner .contentHeading-pride .en{position:relative;display:block;font-family:lato,sans-serif;font-weight:600;font-size:14px;font-style:normal;line-height:1.4;color:#005fb4;margin-bottom:12px;text-align:center}@media screen and (min-width: 768px){#top #pride .contentPrideInner .contentHeading-pride .en{font-size:22px;margin-bottom:24px}}#top #pride .contentPrideInner .contentHeading-pride .ja{display:block;position:relative;font-size:35px;font-weight:900;line-height:1.4;text-align:center}@media screen and (min-width: 768px){#top #pride .contentPrideInner .contentHeading-pride .ja{font-size:70px}}#top #pride .contentPrideInner .contentHeading-pride .ja-s{display:block;font-size:23px;font-weight:900;line-height:1.6}@media screen and (min-width: 768px){#top #pride .contentPrideInner .contentHeading-pride .ja-s{font-size:46px}}#top #pride .contentPrideInner .contentHeading-pride .ja-m{display:block;font-size:30px;font-weight:900;line-height:1.2}@media screen and (min-width: 768px){#top #pride .contentPrideInner .contentHeading-pride .ja-m{display:inline;font-size:60px}}#top #pride .contentPrideInner .contentHeading-pride .txt-main{color:#005fb4}#top #pride .contentPrideInner .txt-wrapper{width:calc(100% - 40px);margin:0 auto;text-align:center}@media screen and (min-width: 768px){#top #pride .contentPrideInner .txt-wrapper{margin:0 auto;max-width:800px}}#top #pride .contentPrideInner .txt-wrapper .normal-txt{position:relative;z-index:1;display:inline-block;width:fit-content;max-width:100%;font-size:14px;font-weight:400;line-height:1.9;padding-bottom:18px;text-align:left}@media screen and (min-width: 768px){#top #pride .contentPrideInner .txt-wrapper .normal-txt{width:fit-content;font-size:16px;line-height:2.18;padding-bottom:56px;text-align:center}}#top #pride .gridImgList{position:relative;z-index:1;width:calc(100% - 150px);max-width:1200px;display:grid;grid-template-columns:1fr;row-gap:24px;margin:0 auto}@media screen and (min-width: 768px){#top #pride .gridImgList{width:100%;grid-template-columns:repeat(3,1fr);row-gap:0;column-gap:30px}}#top #pride .gridImgList .prideImg-box{aspect-ratio:380/268;border-radius:4px;overflow:hidden}#top #pride .gridImgList .prideImg-box img{width:100%;height:100%;object-fit:cover}#top #quality{position:relative;z-index:1;overflow:hidden;background-color:#f6f6f6;width:100%;height:auto}#top #quality .contentQualityWrapper{position:relative;z-index:2;padding:60px 0}@media screen and (min-width: 768px){#top #quality .contentQualityWrapper{padding:120px 0 200px}}#top #quality .contentQualityInner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}@media screen and (min-width: 768px){#top #quality .contentQualityInner{flex-direction:row-reverse;justify-content:space-between;gap:10px}}#top #quality .contentQualityInner .qualityTxt-box{text-align:left;width:100%}@media screen and (min-width: 768px){#top #quality .contentQualityInner .qualityTxt-box{width:550px}}#top #quality .contentQualityInner .qualityTxt-box .normal-txt{width:auto;flex:1;margin-bottom:20px}@media screen and (min-width: 768px){#top #quality .contentQualityInner .qualityTxt-box .normal-txt{width:450px;margin-bottom:32px}}#top #quality .contentQualityInner .qualityTxt-box .normal-txt .nowrap{white-space:nowrap}#top #quality .contentQualityInner .qualityImg-box{width:calc(100% - 31px);height:auto}@media screen and (min-width: 768px){#top #quality .contentQualityInner .qualityImg-box{flex:1;min-width:0}#top #quality .contentQualityInner .qualityImg-box .img{width:100%;aspect-ratio:1/1}#top #quality .contentQualityInner .qualityImg-box .img img{display:block;width:100%;height:100%;object-fit:cover}}#top #quality .marquee-container{overflow:hidden;position:absolute;width:100%;height:220px;bottom:0;line-height:1;z-index:1;display:none}@media screen and (min-width: 768px){#top #quality .marquee-container{display:block}}#top #quality .marquee-container .marquee-track{display:flex;width:max-content;animation:marquee 20s linear infinite;align-items:center}#top #quality .marquee-container .marquee-copy{font-size:200px;color:#fff;display:flex;align-items:center}#top #quality .marquee-container .marquee-copy .light{font-weight:400;margin-right:40px}#top #quality .marquee-container .marquee-copy .bold{font-weight:700;margin-right:80px}#top #business{position:relative;z-index:1;overflow:hidden;background-color:#f6f6f6;width:100%;height:auto}#top #business .contentBusinessWrapper{position:relative;padding:60px 0}@media screen and (min-width: 768px){#top #business .contentBusinessWrapper{padding:120px 0}}#top #business .contentBusinessInner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;z-index:1}@media screen and (min-width: 768px){#top #business .contentBusinessInner{flex-direction:row;justify-content:space-between;gap:100px}}#top #business .businessTxt-box{text-align:left;width:100%}#top #business .businessTxt-box .normal-txt{width:auto;flex:1;margin-bottom:20px}@media screen and (min-width: 768px){#top #business .businessTxt-box .normal-txt{width:450px;margin-bottom:32px}}#top #business .grid-img-box{width:calc(100% - 43px);max-width:616px;display:grid;grid-template-columns:repeat(2,1fr);border-radius:4px;overflow:hidden;margin-bottom:28px}@media screen and (min-width: 768px){#top #business .grid-img-box{width:616px;flex-shrink:0;margin-bottom:0}}#top #business .grid-img-box .grid-card{position:relative;overflow:hidden;aspect-ratio:308/344}#top #business .grid-img-box .grid-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.4) 100%);z-index:1;pointer-events:none}#top #business .grid-img-box .sizes{display:block;width:100%;height:100%;object-fit:cover}#top #business .grid-img-box .card-caption{position:absolute;color:#fff;font-size:13px;font-weight:700;text-align:left;left:8px;bottom:8px;z-index:2}@media screen and (min-width: 768px){#top #business .grid-img-box .card-caption{font-size:18px;left:16px;bottom:16px}}#top #company{position:relative;z-index:1;overflow:hidden;background-color:#f6f6f6;width:100%;height:auto}#top #company .contentCompanyWrapper{padding:0 0 48px}@media screen and (min-width: 768px){#top #company .contentCompanyWrapper{padding:120px 0}}#top #company .contentCompany-top{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;overflow:visible;z-index:1}@media screen and (min-width: 768px){#top #company .contentCompany-top{flex-direction:row-reverse;gap:60px;justify-content:flex-start}}#top #company .contentCompany-top .companyTxt-box{width:100%;text-align:left}@media screen and (min-width: 768px){#top #company .contentCompany-top .companyTxt-box{width:450px;flex:0 1 450px;margin-top:98px}}#top #company .contentCompany-top .companyTxt-box .normal-txt{margin-bottom:28px}#top #company .contentCompany-top .companyImg-bg{width:100vw;aspect-ratio:750/460}@media screen and (min-width: 768px){#top #company .contentCompany-top .companyImg-bg{width:calc(100vw - ((100vw - 1200px)/2) - 510px);height:644px;flex-shrink:0;margin-right:calc((100vw - 1200px)/-2);overflow:hidden}}#top #company .contentCompany-top .companyImg-bg img{width:100%;height:auto;display:block;object-fit:cover}@media screen and (min-width: 768px){#top #company .contentCompany-top .companyImg-bg img{width:1054px;height:644px;object-fit:cover;object-position:top right}}@media (min-width: 1920px){#top #company .contentCompany-top .companyImg-bg .companyImg-bg{width:calc(-866px + 100vw)}#top #company .contentCompany-top .companyImg-bg img{width:100%;height:100%}}#top #company .contentCompany-mid{margin-bottom:25px}@media screen and (min-width: 768px){#top #company .contentCompany-mid{margin-bottom:100px}}#top #company .contentCompany-mid .linkArea{position:relative;margin-top:28px;z-index:10;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);row-gap:24px;column-gap:12px}@media screen and (min-width: 768px){#top #company .contentCompany-mid .linkArea{grid-template-columns:repeat(4,1fr);column-gap:20px;margin-top:-100px}}#top #company .contentCompany-mid .linkArea .linkAreaBox{position:relative}#top #company .contentCompany-mid .linkArea .linkAreaBox a{position:absolute;inset:0}@media print,screen and (min-width: 1201px){#top #company .contentCompany-mid .linkArea .linkAreaBox:hover .linkItem{opacity:.7}#top #company .contentCompany-mid .linkArea .linkAreaBox:hover .link-img-box img{transform:scale(1.1);opacity:.7}#top #company .contentCompany-mid .linkArea .linkAreaBox .link-img-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;background:#ffffff;pointer-events:none;z-index:-1}}#top #company .contentCompany-mid .linkArea .link-img-box{position:relative;width:100%;height:auto;border-radius:4px;overflow:hidden}#top #company .contentCompany-mid .linkArea .link-img-box img{transition:transform .4s ease,opacity .3s}#top #company .contentCompany-mid .linkArea .linkItem{position:relative;display:block;width:100%;padding:0 0 0 24px;text-align:left;margin-top:8px;font-size:14px;font-weight:400}@media screen and (min-width: 768px){#top #company .contentCompany-mid .linkArea .linkItem{padding:0 0 0 42px;margin-top:16px;font-size:20px;transition:opacity .3s}}#top #company .contentCompany-mid .linkArea .linkItem:before{position:absolute;content:"";width:18px;height:18px;top:50%;left:0;background-color:#005fb4;border-radius:50%;transform:translateY(-50%)}@media screen and (min-width: 768px){#top #company .contentCompany-mid .linkArea .linkItem:before{width:30px;height:30px}}#top #company .contentCompany-mid .linkArea .linkItem:after{position:absolute;content:"";width:8px;height:8px;top:50%;transform:translateY(-50%);left:6px;background:url(https://johnan-seisakusho.co.jp/build/assets/right_arrow_white.77930430.svg) no-repeat center center/contain}@media screen and (min-width: 768px){#top #company .contentCompany-mid .linkArea .linkItem:after{left:11px;width:12px;height:12px}}#top #company .contentCompany-bottom{width:100%;max-width:856px;margin:0 auto}#top #company .contentCompany-bottom .badgeList{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}#top #company .contentCompany-bottom .badgeList .companyImg-box{aspect-ratio:1/1}#top #company .contentCompany-bottom .badgeList .companyImg-box img{width:100%;height:100%;object-fit:cover}#top #recruit{position:relative;z-index:1;overflow:hidden;background-color:#005fb4;width:100%;height:auto}#top #recruit .contentRecruitWrapper{position:relative;padding:60px 0 88px}@media screen and (min-width: 768px){#top #recruit .contentRecruitWrapper{padding:120px 0}}#top #recruit .contentRecruitInner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;z-index:1}@media screen and (min-width: 768px){#top #recruit .contentRecruitInner{flex-direction:row-reverse;justify-content:space-between;gap:68px}}#top #recruit .recruitImg-box{width:100%;height:auto;margin-bottom:28px}@media screen and (min-width: 768px){#top #recruit .recruitImg-box{width:764px;height:auto;flex-shrink:0;margin-bottom:0}}#top #recruit .recruitImg-box .img-box-row{display:flex;flex-direction:row;gap:7px}#top #recruit .recruitImg-box .img-box-row.top{padding-left:25px;margin-bottom:7px}#top #recruit .recruitImg-box .img-box-row.bottom{padding-right:25px}@media screen and (min-width: 768px){#top #recruit .recruitImg-box .img-box-row{gap:14px}#top #recruit .recruitImg-box .img-box-row.top{padding-left:50px;margin-bottom:14px}#top #recruit .recruitImg-box .img-box-row.bottom{padding-right:50px}}#top #recruit .recruitImg-box .img-box-row .img-card{aspect-ratio:350/250;border-radius:4px;overflow:hidden}#top #recruit .recruitImg-box .img-box-row .img-card img{width:100%;height:100%;object-fit:cover;display:block}#top #recruit .recruitTxt-box{text-align:left;width:100%}@media screen and (min-width: 768px){#top #recruit .recruitTxt-box{width:auto;flex:1}}#top #recruit .recruitTxt-box .normal-txt{margin-bottom:20px}@media screen and (min-width: 768px){#top #recruit .recruitTxt-box .normal-txt{width:auto;margin-bottom:32px}}#top #linkBoxAbout{position:relative;overflow:visible;background-color:#f6f6f6;padding:60px 0 120px;z-index:1}@media screen and (min-width: 768px){#top #linkBoxAbout{padding:80px 0 240px}}#top #linkBoxAbout en{font-family:lato,sans-serif;font-weight:600;font-style:normal}@media screen and (min-width: 768px){#top #linkBoxAbout .js-clickitem:hover{opacity:1}}#top #linkBoxAbout .contentHeading{width:calc(100% - 24px);max-width:1200px;margin-right:auto;margin-left:0;margin-bottom:20px;text-align:left}#top #linkBoxAbout .contentHeading .en{display:block;font-family:lato,sans-serif;font-weight:600;font-size:14px;font-style:normal;line-height:1.4;color:#005fb4;margin-bottom:4px}#top #linkBoxAbout .contentHeading .en.txt-white{color:#fff}@media screen and (min-width: 768px){#top #linkBoxAbout .contentHeading .en{font-size:22px;margin-bottom:8px}}#top #linkBoxAbout .contentHeading .ja{display:block;position:relative;font-size:28px;font-weight:800;line-height:1.4}@media screen and (min-width: 768px){#top #linkBoxAbout .contentHeading .ja{font-size:48px;font-weight:900;letter-spacing:-.04rem}}#top #linkBoxAbout .contentHeading.txt-white{color:#fff}#top #linkBoxAbout .commonInner{width:calc(100% - 24px);max-width:1200px;margin:0 auto}#top #linkBoxAbout .normal-txt{font-size:14px;font-weight:400;line-height:1.96}@media screen and (min-width: 768px){#top #linkBoxAbout .normal-txt{font-size:16px;line-height:2.18}}#top #linkBoxAbout .normal-txt.txt-white,#top #linkBoxAbout .txt-white{color:#fff}#top #linkBoxAbout .link-area-top{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:24px}@media screen and (min-width: 768px){#top #linkBoxAbout .link-area-top{flex-direction:row;gap:120px}}#top #linkBoxAbout .link-area-top .linkTxt-box{width:100%}@media screen and (min-width: 768px){#top #linkBoxAbout .link-area-top .linkTxt-box{flex:1;min-width:0}}#top #linkBoxAbout .link-area-top .check-box-area{width:100%}@media screen and (min-width: 768px){#top #linkBoxAbout .link-area-top .check-box-area{width:570px;flex-shrink:0}}#top #linkBoxAbout .link-area-top .check-box-area .ListItem{position:relative;font-size:14px;font-weight:400;line-height:1.6;padding-left:24px;margin-bottom:12px}@media screen and (min-width: 768px){#top #linkBoxAbout .link-area-top .check-box-area .ListItem{font-size:14px;padding-left:30px;margin-bottom:20px}}#top #linkBoxAbout .link-area-top .check-box-area .ListItem:last-child{margin-bottom:0}#top #linkBoxAbout .link-area-top .check-box-area .ListItem:after{position:absolute;content:"";width:16px;height:16px;top:4px;left:0;background:url(https://johnan-seisakusho.co.jp/build/assets/check_icon_blue.c97bc5fa.svg) no-repeat center center/contain}@media screen and (min-width: 768px){#top #linkBoxAbout .link-area-top .check-box-area .ListItem:after{width:16px;height:16px}}#top #linkBoxAbout .link-area-bottom{position:absolute;left:50%;transform:translate(-50%);bottom:-80px;display:flex;gap:14px;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 24px);max-width:1200px;height:auto;background-color:#fff;padding:23px 16px 25px;border-radius:4px;overflow:hidden;z-index:1}@media screen and (min-width: 768px){#top #linkBoxAbout .link-area-bottom{gap:24px;padding:44px 0 64px}}#top #linkBoxAbout .link-area-bottom .normal-txt{text-align:left}#top #linkBoxAbout .link-area-bottom .commonLink-contact{position:relative;width:fit-content;color:#005fb4;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;line-height:1;background-color:#fff;border:1px solid #005FB4;border-radius:99px;padding:22px 58px 22px 28px;transition:background-color .3s ease}@media screen and (min-width: 768px){#top #linkBoxAbout .link-area-bottom .commonLink-contact{font-size:20px;font-weight:500;padding:32px 156px 32px 126px;margin:0 auto;border:2px solid #005FB4}}@media print,screen and (min-width: 1201px){#top #linkBoxAbout .link-area-bottom .commonLink-contact:hover{background-color:#f5f7ff;color:#005fb4}}#top #linkBoxAbout .link-area-bottom .commonLink-contact:before{position:absolute;content:"";width:40px;height:40px;top:50%;right:10px;background-color:#005fb4;border-radius:50%;transform:translateY(-50%)}@media screen and (min-width: 768px){#top #linkBoxAbout .link-area-bottom .commonLink-contact:before{right:8px;width:71px;height:71px}}#top #linkBoxAbout .link-area-bottom .commonLink-contact:after{position:absolute;content:"";width:12px;height:12px;right:24px;background:url(https://johnan-seisakusho.co.jp/build/assets/right_arrow_white.77930430.svg) no-repeat center center/contain}@media screen and (min-width: 768px){#top #linkBoxAbout .link-area-bottom .commonLink-contact:after{right:36px;width:14px;height:14px;background:url(https://johnan-seisakusho.co.jp/build/assets/right_arrow_white.77930430.svg) no-repeat center center/contain}}