@charset "utf-8";

.top{width:100%;margin:0;background:url("/wp-content/themes/careernavi/images/common/common_bg_fv.jpg") no-repeat;background-position:center right;background-size:cover;position:relative}.header{display:flex;justify-content:space-between;align-items:center}.header .site-title{display:inline;font-family:serif;color:#2f4f4f;font-size:1.5em;font-weight:bold;letter-spacing:.2em}.header .phone{display:inline;padding:0 7px;border:2px solid #333;border-radius:5px;font-size:1.2rem;text-align:center}.header .phone::before{content:"";display:inline-block;vertical-align:middle;width:10px;height:10px;background:url("/wp-content/themes/careernavi/images/common/common_bg_phone.png") no-repeat;background-position:3px -1px;background-size:contain}.top-box{display:flex;justify-content:flex-end;align-items:flex-end}.top-box div:first-of-type{width:calc(100% - 104px)}.top-box div:last-of-type{width:104px}.top-box div img{height:auto}.top-box .title{display:block;padding:20px 10px;font-family:serif;color:#717828;font-size:1.8em;letter-spacing:.2em;text-align:center}.top-box .icon{display:inline-block;padding:15px;margin:0 10px 5px 10px;background:#717828;border-radius:50%;font-family:serif;color:#fff;font-size:1.3em;text-align:center}.top-box .text{display:inline-block;vertical-align:bottom;padding-bottom:12px;font-family:serif;color:#717828;font-size:1.2em;line-height:1.5em;letter-spacing:.2em;text-align:left}.lp-button{display:inline-block;width:100%;height:60px;padding:0;margin:0 0 .8rem;background:#cc9156;border-radius:10px;box-shadow:rgba(0,0,0,.5) 0 3px 0 0;cursor:pointer;font-family:メイリオ,Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#fff;font-size:1.8rem;font-weight:bold;line-height:60px;text-align:center;text-decoration:none;position:relative;transition:all .3s ease-out 0s}@media(min-width: 768px){.top{width:100%;background-position:center -1px;background-size:cover}.header{padding:10px}.header .site-title{font-size:2em}.header .phone{padding-right:10px;margin:0 7px 0 0;font-size:1.8rem}.header .phone::before{width:18px;height:18px}.top-box{width:600px;margin:auto}.top-box div:first-of-type{width:calc(100% - 144px)}.top-box div:last-of-type{width:144px}.top-box .title{padding:10px 20px;font-size:3em}.top-box .icon{margin:5px 10px 5px 50px;font-size:1.8em}.top-box .text{font-size:1.8em}.top-box .img{height:180px}}@media(max-width: 370px){.top-box .title{padding:20px 5px;font-size:1.6em}.top-box .icon{padding:10px;font-size:1.2em}.top-box .text{font-size:1.2em}}