@charset "UTF-8";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}}#linkBoxAbout{position:relative;overflow:visible;background-color:#f6f6f6;padding:60px 0 120px;z-index:1}@media screen and (min-width: 768px){#linkBoxAbout{padding:80px 0 240px}}#linkBoxAbout en{font-family:lato,sans-serif;font-weight:600;font-style:normal}@media screen and (min-width: 768px){#linkBoxAbout .js-clickitem:hover{opacity:1}}#linkBoxAbout .contentHeading{width:calc(100% - 24px);max-width:1200px;margin-right:auto;margin-left:0;margin-bottom:20px;text-align:left}#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}#linkBoxAbout .contentHeading .en.txt-white{color:#fff}@media screen and (min-width: 768px){#linkBoxAbout .contentHeading .en{font-size:22px;margin-bottom:8px}}#linkBoxAbout .contentHeading .ja{display:block;position:relative;font-size:28px;font-weight:800;line-height:1.4}@media screen and (min-width: 768px){#linkBoxAbout .contentHeading .ja{font-size:48px;font-weight:900;letter-spacing:-.04rem}}#linkBoxAbout .contentHeading.txt-white{color:#fff}#linkBoxAbout .commonInner{width:calc(100% - 24px);max-width:1200px;margin:0 auto}#linkBoxAbout .normal-txt{font-size:14px;font-weight:400;line-height:1.96}@media screen and (min-width: 768px){#linkBoxAbout .normal-txt{font-size:16px;line-height:2.18}}#linkBoxAbout .normal-txt.txt-white,#linkBoxAbout .txt-white{color:#fff}#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){#linkBoxAbout .link-area-top{flex-direction:row;gap:120px}}#linkBoxAbout .link-area-top .linkTxt-box{width:100%}@media screen and (min-width: 768px){#linkBoxAbout .link-area-top .linkTxt-box{flex:1;min-width:0}}#linkBoxAbout .link-area-top .check-box-area{width:100%}@media screen and (min-width: 768px){#linkBoxAbout .link-area-top .check-box-area{width:570px;flex-shrink:0}}#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){#linkBoxAbout .link-area-top .check-box-area .ListItem{font-size:14px;padding-left:30px;margin-bottom:20px}}#linkBoxAbout .link-area-top .check-box-area .ListItem:last-child{margin-bottom:0}#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){#linkBoxAbout .link-area-top .check-box-area .ListItem:after{width:16px;height:16px}}#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){#linkBoxAbout .link-area-bottom{gap:24px;padding:44px 0 64px}}#linkBoxAbout .link-area-bottom .normal-txt{text-align:left}#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){#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){#linkBoxAbout .link-area-bottom .commonLink-contact:hover{background-color:#f5f7ff;color:#005fb4}}#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){#linkBoxAbout .link-area-bottom .commonLink-contact:before{right:8px;width:71px;height:71px}}#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){#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}}#content #contentLayout{min-width:1200px}@media (max-width: 767px){#content #contentLayout{min-width:320px}}#content #contentLayout .container{display:grid;height:100vh;grid-template:"contentNav" 126px "contentArea" auto "contentLinkBoxAbout" auto "contentSearchBox" auto "maintenanceNotice" 1fr "contentfooter" auto/minmax(1200px,100%)}@media (max-width: 767px){#content #contentLayout .container{grid-template:"contentNav" 70px "contentArea" auto "contentLinkBoxAbout" auto "contentSearchBox" auto "maintenanceNotice" 1fr "contentfooter" auto/100%}}#content #contentLayout #contentNav{grid-area:contentNav}#content #contentLayout #contentArea{grid-area:contentArea;min-width:825px}@media (max-width: 767px){#content #contentLayout #contentArea{min-width:100%}}#content #contentLayout #contentLinkBoxAbout{grid-area:contentLinkBoxAbout;min-width:825px}@media (max-width: 767px){#content #contentLayout #contentLinkBoxAbout{min-width:100%}}#content #contentLayout #searchBox{grid-area:contentSearchBox;min-width:825px}@media (max-width: 767px){#content #contentLayout #searchBox{min-width:100%}}#content #contentLayout #maintenanceNotice{grid-area:maintenanceNotice}#content #contentLayout #cmnFooter{grid-area:contentfooter}#content #contentLayout #searchJobsBtn{display:none!important}