@font-face{font-family:"main-font";src:url("../font/NikkyouSans-B6aV.ttf")}body{background:#f5f5f5}header{background:#262626;color:#fff;padding:1rem}header h1{display:inline-block;font-size:1.3rem}header p{display:inline-block;float:right;color:#fff;margin-right:1rem}header p a{background:url("../images/ico_tel.png") no-repeat;background-position:left center;background-size:contain;padding-left:1.5rem;color:#fff;font-size:1.3rem}footer{background:#262626;color:#fff;text-align:center;padding:10px 0;margin-top:3rem}section .logo{background-color:#fff;padding:0 1rem}section h1{height:40px;width:100%;font-size:30px;font-weight:bold;color:#4c4c4c;text-align:center;transform:scaleX(1.1)}section strong{font-weight:bold}section .red{color:#ff0605}section .subSec{margin-top:5rem;padding:1rem 0;position:relative;padding-bottom:2rem}section .subSec h3{font-size:20px;font-weight:bold;text-align:center;color:#f5f5f5;background-color:#3f3f3f;width:100%;padding:.75rem}section .subSec h4{font-size:20px;text-align:center;margin-top:2rem;font-weight:bold}section .subSec h4 span{font-size:18px}section .subSec h5{font-size:20px;text-align:center;margin-top:1.5rem}section .subSec .textAria{width:100%;max-width:900px;margin:1rem auto}section .subSec .m-process{margin-top:1rem;margin-left:3px;margin-right:3px}section .subSec .m-process dl{display:table;width:100%;margin-bottom:2px}section .subSec .m-process dl dt{font-weight:bold;vertical-align:middle;display:table-cell;padding:3px 0;min-height:1.5em;text-align:center;width:150px;background-color:#a4c1d3;position:relative;color:#262626}section .subSec .m-process dl dt:before{content:"";position:absolute;top:50%;right:-25px;margin-top:-12px;border:12px solid #fff;border-left:12px solid #a4c1d3;z-index:2}section .subSec .m-process dl dt:after{content:"";position:absolute;top:50%;right:-28px;margin-top:-14px;border:14px solid #fff;border-left:14px solid #a4c1d3;z-index:1}section .subSec .m-process dl dd{display:table-cell;min-height:1.5em;padding:15px 1rem 20px 2rem;width:70%;background:#fff;line-height:1.5}section .subSec .chk-box{padding:1rem 2rem 1rem 2.5rem}section .subSec .chk-box ul{position:relative}section .subSec .chk-box ul li{line-height:1.5;padding:.5rem 0 .5rem 2.5rem;list-style-type:none !important;background:url("../images/ico_check.png") no-repeat;background-position:left center;background-size:1.5rem auto;font-size:1.3rem;font-weight:bold}section .subSec .recruit{background-color:#fff;border-radius:10px;margin:2rem 1rem;padding:1rem}section .subSec .recruit h5{font-size:17px;font-weight:bold;text-align:left;padding-left:1.5rem;color:#000;background:url("../images/ico_square.svg") no-repeat;background-size:contain;background-position:left top}section .subSec .recruit .rec-box{margin:1rem 2rem 2.5rem;border:solid 2px #3f3f3f;padding:1rem 2rem 1rem 2.5rem}section .subSec .recruit .rec-box ul{position:relative}section .subSec .recruit .rec-box ul li{line-height:1.5;padding:.5rem 0 .5rem 2.5rem;list-style-type:none !important;background:url("../images/ico_check.png") no-repeat;background-position:left center;background-size:1.5rem auto;font-size:1.5rem;font-weight:bold}section .subSec .recruit .rec-box p{line-height:1.7;font-size:1.3rem;font-weight:bold;padding-bottom:.3rem}section .subSec .recruit .salary{text-align:center}section .subSec .recruit .salary p{padding-top:5px;margin-bottom:1rem}section .subSec .recruit .salary p span{border-bottom:2px solid #003f65;font-size:2rem}section .subSec .recruit .salary-ex{text-align:center}section .subSec .recruit .salary-ex p:first-child{padding-top:5px;margin-bottom:5px;background-color:#a4c1d3}section .subSec .recruit .hour{margin:0 auto}section .subSec .recruit .hour dl{text-align:center;width:80%;margin:1rem auto}section .subSec .recruit .hour dl dt{clear:both;float:left;min-width:160px;background-color:#a4c1d3;padding:1rem;margin-bottom:2px;border:1px solid #a4c1d3}section .subSec .recruit .hour dl dd{padding:1rem;margin-bottom:5px;border:1px solid #a4c1d3}section .subSec .recruit .hour span{font-size:1.2rem}section .subSec .recruit .teate{border-collapse:separate;border-spacing:0 2px}section .subSec .recruit .teate tr th{background-color:#d5d5d5;vertical-align:middle;border:1px solid #d5d5d5;padding:1rem;white-space:nowrap}section .subSec .recruit .teate tr td{vertical-align:middle;border:1px solid #d5d5d5;padding:1rem;line-height:1.3}section .subSec .recruit .teate .box{font-weight:bold;border:1px solid #fff;padding:0;border:1px solid #a4c1d3}section .subSec .recruit .teate .box .h{background-color:#a4c1d3;text-align:center;padding:.5rem 1rem}section .subSec .recruit .teate .box .d{text-align:center;padding:.5rem 1rem}section .subSec .point{padding:2rem;padding-bottom:3rem}section .subSec .point .point-d{background:#fff7f6;margin:10px;padding:1rem;box-shadow:0 3px 4px rgba(0,0,0,.4)}section .subSec .point p{text-align:center;font-size:2rem}section .subSec .point p .emphasis1{font-size:3.5rem;font-weight:bold;color:#ff3536}section .subSec .point p .emphasis2{font-size:3rem;font-weight:bold;color:#ff3536}section .subSec .flex-box{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch}section .subSec .flex-box .flex-4{flex:0 0 calc(50% - 2rem)}section .subSec .apply-box{flex:1;padding:1rem}section .subSec .apply-box a{background-color:#262626;color:#fff;width:100%;padding:1rem;text-align:center;border:#4f6583 10px solid;border-radius:15px;position:relative}section .subSec .apply-box a::after{content:"";border:5px #fff solid;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px}section .subSec .apply-box a span{font-size:1.7rem}section .subSec .apply-box a:hover{background-color:#3f3f3f}section .subSec .apply-text-tmp{background-color:#fff;margin:3rem .5rem 0 .5rem;padding:1rem;text-align:center}section .subSec .apply-text-tmp img{margin-bottom:1rem;width:60%;max-width:350px}section .subSec .apply-text-tmp p{text-align:center;line-height:1.5}section .subSec .apply-text-tmp p:first-of-type{font-weight:bold;font-size:1.2rem;margin-bottom:10px}section .subSec .thanks-text{margin:1.5rem auto;line-height:1.3}section .topSec{height:60vh;max-height:500px;margin-bottom:4rem;margin-top:0;padding:0}section .topSec .top{background-image:url("/nissan-shatai-kyushu/images/elgrand.webp");background-repeat:no-repeat;padding:0;margin:0;width:100%;height:100%;background-size:cover;background-position:center center}section .topSec .top h2{position:absolute;background:rgba(0,63,101,.8);border-radius:100%;width:300px;height:300px;top:5%;left:35%;text-align:center;display:-ms-inline-grid;display:inline-grid;align-items:center}section .topSec .top h2 span{color:#fff;font-size:4.5vw;font-weight:bold;left:20vh}section .topSec .top h2 span.big{font-size:7vw}section .topSec .top img{position:absolute}section .topSec .top img#topcar{top:20%;right:calc(42vw - 5rem);width:60vw;max-width:700px;filter:drop-shadow(-7px 4px 10px #003F65)}section .apply-for{text-align:center;margin-top:1rem;font-size:26px}section .apply-for a{color:#003f65;font-size:20px;padding:.7rem 2rem;background-color:#d2edff;border:5px solid #003f65;position:relative;border-radius:5px}section .apply-for a:hover{background-color:#79b7e0}@keyframes awan-animasi{from{background-position:155% 0}to{background-position:0 0}}section #applyFor{padding:1rem;margin:0 .5rem}section #applyFor h3{background-color:#3f3f3f;padding:1rem;text-align:center;font-size:20px;color:#fff;border-radius:10px 10px 0 0}section #applyFor form{max-width:100%;margin:0 auto;padding:1rem;border:2px #3f3f3f solid;border-radius:0 0 10px 10px;background-color:#f3fbf8}section #applyFor form table{margin:1rem auto;width:100%}section #applyFor form table th{display:block;width:auto;padding:.75rem;padding-bottom:.1rem;border-top:none}section #applyFor form table td{display:block;width:auto;margin-bottom:.5rem;padding-top:.1rem;border-top:none;min-height:51px}section #applyFor form .entry{color:#fff;font-weight:bold;display:inline-block;width:100%;background-color:#3ea87d;height:5rem;margin:1rem auto}section #applyFor form .entry:hover{background-color:#4eba8e}section #applyFor form .revise button{color:#fff;display:inline-block;width:80%;background-color:#525a57;height:4rem}section .svg-img{background-repeat:no-repeat;background-position:center;background-size:contain}section .svg-bounty{background-image:url("/daihatsu-kyushu/images/img_bounty.svg");display:block;width:100%;height:100px;margin-top:1rem;margin-bottom:1rem}section .svg-congmoney{background-image:url("/daihatsu-kyushu/images/img_congmoney.svg");display:block;width:100%;height:100px;margin-top:1rem;margin-bottom:1rem}section .svg-d-exp{background-image:url("/daihatsu-kyushu/images/img_d-exp.svg");display:block;width:100%;height:100px;margin-top:1rem;margin-bottom:1rem}section .svg-reg-empl{background-image:url("/daihatsu-kyushu/images/img_reg-empl.svg");display:block;width:100%;height:100px;margin-top:1rem;margin-bottom:1rem}@media screen and (min-width: 992px){body{font-size:18px}section .logo{padding:1rem}section h1{background-size:635px auto}section .subSec h3{font-size:30px;padding:1.5rem auto}section .subSec h4{font-size:30px}section .subSec h4 span{font-size:26px}section .subSec .textAria{margin:2rem auto}section .subSec .recruit{padding:2rem}section .subSec .recruit h5{font-size:26px;padding-left:2.5rem}section .subSec .recruit h5::after{width:25%}section .subSec .recruit .teate tr th{padding:10px}section .subSec .recruit .teate tr td{padding:10px}section .subSec .recruit .teate .box{border:1px solid #fff}section .subSec .recruit .teate .box .h{border:1px solid #a4c1d3}section .subSec .recruit .teate .box .d{border:1px solid #a4c1d3}section .subSec .apply-box{padding:2rem}section .subSec .apply-box span{font-size:3rem}section .subSec .flex-box .flex-4{flex:0 0 calc(25% - 2rem)}section .topSec{height:70vh;max-height:500px}section .topSec .top h2 span{font-size:3rem}section .topSec .top h2 span.big{font-size:5rem}section .apply-for a{font-size:25px}section #applyFor{padding:1rem}section #applyFor h3{max-width:900px;margin:0 auto}section #applyFor form{max-width:900px}section #applyFor form table th{display:table-cell;text-align:left;vertical-align:baseline;white-space:nowrap}section #applyFor form table td{display:table-cell}}@media screen and (max-width: 750px){section .topSec{height:55vw;max-height:400px}section .topSec .top h2{font-size:45px;padding:.5rem;width:200px;height:200px}section .subSec .flex-box .flex-4{flex:0 0 calc(50% - 2rem)}}@media screen and (max-width: 575px){header{padding:1rem .5rem}header h1{display:block;font-size:1rem}header p{display:block;float:none;text-align:right;margin-right:0;margin-top:5px}header p a{font-size:1rem}footer{font-size:.8rem}section h1{font-size:25px}section .topSec .top h2{font-size:45px;width:150px;height:150px}section .topSec .top img#topcar{top:10vw;right:calc(40vw - 1rem);max-width:300px}section .subSec{padding-bottom:1rem}section .subSec .recruit .rec-box{margin:1rem 0;padding:.5rem 1rem .5rem 1rem}section .subSec .recruit .rec-box p{font-size:16px}section .subSec .recruit .rec-box ul li{font-size:1rem}section .subSec .recruit .hour dl dt{min-width:100%;padding:.5rem}section .subSec .recruit .hour span{font-size:1rem}section .subSec .recruit .teate tr th{white-space:normal;padding:10px}section .subSec .recruit .teate tr td{padding:10px}section .subSec .flex-box{display:block}section .subSec .apply-box{width:90% span;width-font-size:1.2rem}section #applyFor{margin:0}section #applyFor form{padding:1rem .5rem}section #applyFor form table th{padding:0;padding-bottom:10px}section #applyFor form table td{padding:0}}