@font-face{font-family:'Utsukushi';src:url(../js/UtsukushiFONT.otf)}.min{font-family:'Utsukushi'}.fade-in{opacity:0;transition:all 1s}.fade-in.active{opacity:1;transform:translate(0, 0)}body{font-family:'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;background-color:#FDFFF8}p,a{color:#333;letter-spacing:0.5px;line-height:1.7em;font-size:.9em}@media screen and (max-width: 768px){p,a{font-size:.8em}}h2,h3{color:#333;letter-spacing:0.5px}main{padding-bottom:80px}article{padding-bottom:50px}@media screen and (max-width: 768px){article{padding-top:0px}}article p{padding:0 10px}img{max-width:100%;height:auto}header{padding:20px;display:flex;justify-content:space-between}header .main-nav ul{display:flex;padding:10px;justify-content:space-around}header .main-nav ul li{padding:10px}header .main-nav ul a{display:block;font-size:16px;font-weight:bold}header .main-nav ul li.current a{color:#0048B5}.logo{width:200px}@media screen and (max-width: 768px){.logo{width:40%;margin:0 auto;padding-top:10px}}.linkbtn{width:350px;margin:0 auto}@media screen and (max-width: 768px){.linkbtn{width:80%}}.linkbtn a{display:block;font-family:"Utsukushi";padding:10px;font-size:18px;text-align:center;border:2px solid #ccc}h2.h2{height:60px;background-image:url(../img/midashi.svg);background-repeat:no-repeat;background-size:contain;font-family:"Utsukushi";background-position:left;color:#0048B5;padding-left:30px;font-size:30px;margin-top:30px;margin-bottom:30px}@media screen and (max-width: 768px){h2.h2{font-size:24px}}h2.h2 span{display:block;font-size:14px}.topmain{background-image:url(../img/back.svg);background-position:bottom;background-size:cover;border-bottom:5px dotted #0048B5;padding-bottom:60px;padding-top:60px}.topmain .topmainimage{display:flex;justify-content:center;align-items:center}.topmain .topmainimage img:first-child{width:40%}@media screen and (max-width: 768px){.topmain .topmainimage img:first-child{width:37%}}.topmain .topmainimage img:nth-child(2){width:10%;padding:0 40px}@media screen and (max-width: 768px){.topmain .topmainimage img:nth-child(2){width:15%;padding:0 20px}}.topmain .topmainimage img:nth-child(3){width:40%}@media screen and (max-width: 768px){.topmain .topmainimage img:nth-child(3){width:37%}}section{padding:40px 0}section.usugrey{background-color:#F8F8F8}.lead{font-size:24px;text-align:center;font-family:"Utsukushi";color:#0048B5}.lead span{display:block;font-size:14px;margin-bottom:10px}.topservice{margin-top:40px;margin-bottom:60px;align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.topservice li{text-align:center;background-color:#F1FAFF;border:1px solid #0048B5;border-radius:360px;padding:80px 20px;width:25%;margin:20px}@media screen and (max-width: 768px){.topservice li{width:75%;margin:10px;padding:80px 40px}}.topservice li .title{font-size:20px;color:#0048B5;padding-bottom:20px}#staff1{background-image:url(../img/staff.png);background-repeat:no-repeat;background-position:right;background-size:150px}@media screen and (min-width: 769px){#staff1{padding-top:50px}}@media screen and (max-width: 768px){#staff1{background-position:bottom;padding-bottom:250px}}.toprecruit{display:flex;flex-wrap:wrap;margin-top:40px;justify-content:space-around}.toprecruit li{width:30%;color:#0048B5;font-size:13px;text-align:center}@media screen and (max-width: 768px){.toprecruit li{width:100%;margin-bottom:20px}}.toprecruit li a{font-family:"Utsukushi";display:block;color:#0048B5;padding:10px;font-size:18px;text-align:center;border:2px solid #0048B5}.flex2{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between}.flex2 div{width:48%}@media screen and (max-width: 768px){.flex2 div{width:100%}}.company-table{border:1px solid #333;color:#333;border-collapse:collapse}.company-table th,.company-table td{border:1px solid #333;padding:10px 14px}@media screen and (max-width: 768px){.company-table th,.company-table td{font-size:14px}}@media screen and (max-width: 768px){.company-table{margin-bottom:30px}.company-table th{width:25%}}@media screen and (max-width: 768px){.aisatsu img{width:40%}}.bottomimage{margin-top:120px;display:flex;flex-wrap:wrap;justify-content:center}.bottomimage img{width:25%}@media screen and (max-width: 768px){.bottomimage img{width:50%}}footer{background-color:#0048B5;padding:30px 0 6px 0}footer nav{display:flex;flex-wrap:wrap;justify-content:space-between}footer nav img{width:240px}@media screen and (max-width: 768px){footer nav img{width:200px;margin:0 auto}}footer nav ul{display:flex;flex-wrap:wrap;justify-content:space-around;width:70%}@media screen and (max-width: 768px){footer nav ul{width:100%;margin-top:60px}}footer nav ul li{padding:6px}@media screen and (max-width: 768px){footer nav ul li{width:100%}}footer nav ul li a{font-size:14px;display:block;font-weight:bold;color:#fff}@media screen and (max-width: 768px){footer nav ul li a{line-height:2em;border-bottom:1px solid #fff}}footer .copy{color:#fff;padding-top:50px;text-align:center;font-size:12px}.drawer-nav{padding-top:60px}.drawer-nav li a{text-align:center;display:block;border-bottom:1px dotted #ccc}.pagetop{background:url("../img/pagetopback.svg") no-repeat bottom;background-size:cover}.pagetop h1.page-h1{font-family:"Utsukushi";color:#666;margin-top:20px;text-align:center;font-size:28px}@media screen and (min-width: 769px){.pagetop h1.page-h1{margin-bottom:-70px}}@media screen and (max-width: 768px){.pagetop h1.page-h1{font-size:22px}}.pagetop div{text-align:right}@media screen and (max-width: 768px){.pagetop img{width:100px}}.h3{background-color:#0048B5;display:inline-block;padding:4px 20px;border-radius:14px;color:#fff;font-weight:bold;font-size:18px;margin:40px 0 10px 0}.lead2{font-weight:bold;font-size:18px;margin:20px 0}.kasou p{padding-bottom:12px}.kasou .contents{padding-top:20px}.kasou .contents ul{font-size:0.9em;padding-left:20px}.kasou .contents ul li{padding-bottom:10px;color:#0048B5}.back1,.back2{position:relative}.back1 img,.back2 img{width:140px;height:auto}@media screen and (max-width: 768px){.back1 img,.back2 img{width:100px}}.back1 img:first-child,.back2 img:first-child{position:absolute;right:0;top:5%}@media screen and (max-width: 768px){.back1 img:first-child,.back2 img:first-child{right:10px}}.back1 img:nth-child(2),.back2 img:nth-child(2){position:absolute;right:0;bottom:5%}@media screen and (max-width: 768px){.back1 img:nth-child(2),.back2 img:nth-child(2){right:10px;bottom:-15%}}.waku{margin:20px 0;background-color:#fff;padding:20px;border:1px solid #666}@media screen and (min-width: 769px){.waku{width:80%}}table.rectuite{margin-top:30px;background-color:#fff;border-collapse:collapse;width:100%;font-size:0.8em;border:2px solid #333}table.rectuite th{border:2px solid #333;padding:6px 20px;background-color:#FFFCA7;width:25%}table.rectuite td{border:2px solid #333;padding:6px 20px}form{margin-top:40px;margin-bottom:120px}.formTable{margin-bottom:40px;width:100%;border:1px solid #333;border-collapse:collapse;font-size:0.8em}.formTable th,.formTable td{padding:10px;border:1px solid #333}@media screen and (max-width: 768px){.formTable th,.formTable td{padding-bottom:10px}}.formTable th{text-align:left;background-color:#F1FAFF;font-weight:bold;width:20%}@media screen and (max-width: 768px){.formTable th{display:block;width:100%}}.formTable td{padding-left:20px}@media screen and (max-width: 768px){.formTable td{display:block;width:100%}}.formTable span.hissu{color:#0048B5;font-size:12px}.formTable input,.formTable textarea{width:85%;line-height:1.8em;font-size:1em}.formTable input[type="checkbox"],.formTable input[type="radio"]{width:10%}.submit input{background-color:#F1FAFF;padding:10px;font-size:18px;font-weight:bold}