#number{color:#fff;background:url(//hosaka2525.com/wp/wp-content/themes/hosaka/css/../images/home/bg_number.png) no-repeat bottom left #284281;background-size:100vw auto}@media print,screen and (min-width:901px){ul.numberList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}ul.numberList li{position:relative;text-align:center;border:1px solid #fff}@media screen and (max-width:900px){ul.numberList li{margin:0 auto 20px;padding:30px 5%;max-width:400px;width:100%}}@media print,screen and (min-width:901px){ul.numberList li{padding:40px 20px 120px;width:31%}}ul.numberList li .title{position:relative;margin-bottom:1em;font-size:clamp(20px,2vw,24px);font-weight:500}ul.numberList li .number{font-weight:500;line-height:1;color:#a1d8e6}ul.numberList li .number span{font-family:"Lato",sans-serif;font-size:clamp(80px,9vw,110px);font-weight:500}ul.numberList li .number small{font-size:clamp(30px,4vw,50px)}ul.numberList li .number .memo{display:block;padding-top:1.5em;font-size:1.4rem;color:#fff}ul.numberList li img.icon.icon_number01{max-width:260px;width:80%}ul.numberList li img.icon.icon_number02{max-width:142px;width:55%}ul.numberList li img.icon.icon_number03{max-width:130px;width:40%}ul.numberList li img.icon.icon_number-logo{max-width:100px;width:30%}@media screen and (max-width:900px){ul.numberList li img.icon{padding-top:20px}}@media print,screen and (min-width:901px){ul.numberList li img.icon{position:absolute;bottom:30px;left:0;right:0;margin:0 auto}}.copy{font-size:clamp(18px,2vw,26px);font-weight:700}#personality ul.personalityList{margin:0 auto 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;max-width:500px;width:100%}@media print,screen and (min-width:768px){#personality ul.personalityList{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:800px}}#personality ul.personalityList li{text-align:center}@media screen and (max-width:767px){#personality ul.personalityList li{width:45%}#personality ul.personalityList li:first-child{width:100%}}#personality ul.personalityList li .number{font-family:"Lato",sans-serif;font-size:5rem;font-weight:700;color:#00a0e9;line-height:1.2}#personality ul.personalityList li .icon{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;width:150px;aspect-ratio:1/1;background-color:#fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}@media print,screen and (min-width:768px){#personality ul.personalityList li .icon{width:200px}}#personality ul.personalityList li .icon img{width:60%}#personality ul.personalityList li p{margin:0;padding:1em 0;font-weight:700;line-height:1.4}#strength .benefitsList li{position:relative;margin-bottom:1em;padding:5px 0 0 45px}#strength .benefitsList li span{position:absolute;top:0;left:0;width:34px;height:34px;font-style:"Lato",sans-serif;font-size:1.8rem;font-weight:700;line-height:1.7;color:#fff;text-align:center;background-color:#284281;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}#interview ul.interviewList li.interviewWrap{margin:0 auto;width:100%}@media print,screen and (min-width:901px){#interview ul.interviewList li.interviewWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}#interview ul.interviewList li.interviewWrap .photo{width:100%}@media print,screen and (min-width:901px){#interview ul.interviewList li.interviewWrap .photo{width:67%}}#interview ul.interviewList li.interviewWrap .textArea{position:relative;z-index:1;background-color:#a1d8e6}@media screen and (max-width:900px){#interview ul.interviewList li.interviewWrap .textArea{margin:-60px auto 0;padding:30px 5%;width:90%}}@media print,screen and (min-width:901px){#interview ul.interviewList li.interviewWrap .textArea{margin-right:-10%;padding:60px;width:47%}}#interview ul.interviewList li.interviewWrap .textArea .name{position:relative;margin-bottom:1.5em;padding-bottom:1.5em;font-size:1.8rem;font-weight:700;color:#284281}#interview ul.interviewList li.interviewWrap .textArea .name:after{position:absolute;bottom:0;left:0;content:" ";width:28px;height:1px;background-color:#284281}#interview ul.interviewList li.interviewWrap .textArea p{font-size:1.5rem}@media print,screen and (min-width:901px){#interview ul.interviewList li.interviewWrap.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#interview ul.interviewList li.interviewWrap.reverse .textArea{margin-right:0;margin-left:-10%}}ul.jobList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:900px){ul.jobList{margin:0 auto;max-width:400px;width:100%}}ul.jobList li{margin-bottom:15px;width:100%;border:1px solid #284281}@media print,screen and (min-width:901px){ul.jobList li{margin-bottom:30px;width:48%}}ul.jobList li a{position:relative;display:block;padding:20px 40px 20px 15px;font-size:clamp(17px,1.8vw,20px);font-weight:500;background-color:#fff}@media print,screen and (min-width:901px){ul.jobList li a{padding:30px 50px 30px 20px}ul.jobList li a:hover{background-color:#a1d8e6}}ul.jobList li a:after{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px;font-family:"Font Awesome 5 Free";font-weight:900;content:"";font-size:clamp(18px,2vw,24px);color:#284281;line-height:1;-webkit-transition:all .25s ease-out;transition:all .25s ease-out}@media print,screen and (min-width:768px){ul.jobList li a:after{right:20px}}