@charset "utf-8";
html,input,textarea,select,button{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;font-weight:500;letter-spacing:0.1em}
html.ie10,.ie10 input,.ie10 textarea,.ie10 select,.ie10 button,html.ie11,.ie11 input,.ie11 textarea,.ie11 select,.ie11 button{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;font-weight:normal}
html{color:#333;background:#fff;font-size:14px;line-height:1.5;word-break:break-word;text-align:justify}
body{background:#fff;margin:0}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
img{border:0;margin:0;vertical-align:top;max-width:100%}
p{margin:0;padding:0}
a{color:#333;text-decoration:none}
input[type="submit"],input[type="text"],select,textarea,button{-moz-appearance:none;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;outline:none}
select::-ms-expand{display:none}
textarea{resize:vertical}
button{border:none;cursor:pointer}
label{cursor:pointer}
table{border-collapse:collapse}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:500;margin:0;padding:0}
.outer-block{min-width:1040px}
.inner-block{margin:0 auto;padding:0;position:relative;width:940px}
#wrapper{position:relative}
.pc{display:block!important}
.pc-ib{display:inline-block!important}
.sp{display:none!important}
.sp-ib{display:none!important}
@media screen and (min-width:641px){a,a::before,a::after,a img:hover,button,.pagenation .page-num-ul li:hover,.pagenation .prev:hover,.pagenation .next:hover,.back-feature:hover{-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}
a:hover,a img:hover,button:hover{opacity:0.7;filter:alpha(opacity=70)}
.pagetop a:hover{opacity:1;background-color:#343ac1}
.pagetop a img:hover{opacity:1}
.header .entry-btn a:hover{opacity:1;background-color:#eaff74}
}
.animation{-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}
.case-btn a{display:block;width:300px;border:1px solid #fff;color:#fff;font-size:0;padding:4.5px 0 4.5px 16px;position:relative;text-align:left;margin:auto;background:rgba(1,9,193,0.4) url(../img/arrows_square_right_white.svg) no-repeat right 10px center / 15px 15px}
.case-btn .case-img{display:inline-block;vertical-align:middle;padding-right:18px}
.case-btn p{text-align:left;display:inline-block;vertical-align:middle;letter-spacing:0}
.case-btn .txt{font-size:12px}
.case-btn .ttl{font-size:14px;font-weight:bold;display:block}
.case-btn.pattern01 a{color:#333;border:1px solid #999;background:transparent url(../img/arrows_square_right_black.svg) no-repeat right 10px center / 15px 15px}
.cont-ttl{font-size:0;text-align:center;margin-bottom:80px}
.cont-ttl span{display:block;font-size:16px;margin-top:12px}
.top-triangle{margin-bottom:-197px}
.bottom-triangle{margin-bottom:-197px}
.top-triangle img,.bottom-triangle img{width:100%;height:197px}
.header-outer-block .header-inner-block{padding:30px 20px 0;text-align:right;font-size:0;position:absolute;width:100%;z-index:1}
.header .nav-list{display:inline-block;font-size:0;vertical-align:middle}
.header .nav-list li{display:inline-block;text-align:center;margin-right:50px}
.header .nav-list li a{display:block}
.header .nav-list li:last-child{margin-right:40px}
.header .nav-list li a > span{display:block;color:#fff;font-size:10px;margin-top:7px}
.header .entry-btn{display:inline-block;text-align:center;vertical-align:middle}
.header .entry-btn a{display:block;width:200px;padding:13.5px 0;background-color:#d8ff00;border-radius:22.5px}
.mv{background:url(../img/mv_bg.webp) no-repeat center center / cover;position:relative;height:100vh}
.mv::before{z-index:0;content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(1,9,193,0.55)}
.mv .center-block{text-align:center;padding-bottom:45px}
.mv .mv-logo{padding-top:23.8vh;font-size:0}
.mv .mv-logo span{display:block;font-size:20px;color:#fff;margin-top:13px}
.mv .catchphrase{margin-top:46px;color:#fff;font-size:27.6px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-weight:bold}
.mv .catchphrase span{font-size:41.4px}
.mv .event-info{color:#fff;margin-top:42px}
.mv .event-info .ttl{padding:5px 0;margin:0 auto 13px;width:480px;border-top:1px solid #fff;border-bottom:1px solid #fff}
.mv .event-info .date{margin-bottom:20px;font-size:16px}
.mv .event-info .txt{font-size:12px;line-height:1.33;margin-bottom:40px}
.mv .page-scroll{margin-top:90px}
.mv .page-scroll a{display:block}
.business{background-color:#efefef}
.business .inner-block{padding-top:150px}
.business .parts-block:nth-of-type(n + 2){margin-top:50px}
.business .img-box{float:left;width:520px;margin-right:40px}
.business .txt-box{float:left;width:300px;margin-top:70px}
.business .txt-box .business-ttl{font-size:24px;font-weight:bold;margin-bottom:15px}
.business .toggle-box{margin-bottom:20px}
.business .toggle-btn .open-txt,.business .toggle-btn .close-txt{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.business .toggle-btn .open-txt{opacity:0}
.business .toggle-btn.toggle .open-txt{opacity:1}
.business .toggle-btn.toggle .close-txt{opacity:0}
.business .toggle-btn{width:100%;height:30px;font-size:12px;background:none;border:1px solid #999;position:relative}
.business .sub-btn{width:15px;height:15px;border:1px solid #999;position:absolute;right:5px;top:0;bottom:0;margin:auto;background:url(../img/open.svg) no-repeat center center / auto}
.business .toggle-btn.toggle .sub-btn{background:url(../img/close.svg) no-repeat center center / auto}
.business .fade-txt{margin-top:15px;display:none}
.business .parts-block.pattern01 .img-box{float:right;margin-right:0;margin-left:40px}
.business .parts-block.pattern01 .txt-box{float:right;width:300px}
.voice .inner-block{padding-top:197px}
.voice .staff-area li{width:227px;float:left}
.voice .staff-area li:nth-child(n + 2){margin-left:10px}
.voice .staff-area .txt-box{margin:20px 0 10px}
.voice .staff-area .ttl{font-size:20px;font-weight:bold;line-height:1.4;letter-spacing:0}
.voice .staff-area .department{display:block;margin:2px 0}
.voice .staff-area .name{display:block;font-size:18px;font-weight:bold}
.voice .staff-area .more-btn{display:block;border:1px solid #999;font-size:12px;padding:5px 0;text-align:center;position:relative;background:url(../img/arrows_square_right_black.svg) no-repeat right 10px center / 15px 15px}
.recruit{background-color:#E7F9FC}
.recruit .inner-block{padding-top:197px;padding-bottom:197px}
.recruit .list-area{width:50%;float:left}
.recruit .list-area li{width:390px}
.recruit .list-area .list-area-li.pattern01{margin-bottom:128px}
.recruit .list-area li:first-child{margin-bottom:65px}
.recruit .list-area .ttl{font-size:16px;font-weight:bold;margin-bottom:10px;padding-left:18px;position:relative}
.recruit .list-area .ttl::before{display:block;content:"";position:absolute;left:0;width:8px;height:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#0109C1;border-radius:50%}
.schedule .inner-block{padding-top:197px}
.schedule .top-triangle{margin-top:-197px}
.schedule .txt-box{background-color:#E7F9FC;font-size:16px;font-weight:bold;padding:11px 25px;margin:auto;width:632px;border-radius:5px}
.schedule .txt-box p{padding-left:18px;position:relative}
.schedule .txt-box p::before{display:block;content:"";position:absolute;left:0;width:8px;height:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#0109C1;border-radius:50%}
.schedule .txt-box p span{font-size:12px;margin-left:15px}
.schedule .arrow-bottom{text-align:center;padding:6px 0}
.schedule .arrow-bottom img{width:34px;height:17px}
.schedule .notes{font-size:12px;margin-top:20px;text-align:center}
.access{background-color:#EFEFEF}
.access .inner-block{padding-top:248px;padding-bottom:126px}
.access .company-info{display:table;margin-bottom:20px}
.access .company-info .name{display:table-cell;vertical-align:middle;font-size:16px;font-weight:bold;padding-right:50px;border-right:1px solid #707070}
.access .company-info .address{display:table-cell;vertical-align:middle;padding-left:50px}
.access .map{text-align:right;margin-bottom:10px}
.access .map iframe{width:100%}
.access .map a{font-size:12px}
.access .map a span{text-decoration:underline}
.access .access-list{line-height:1.42;margin-bottom:30px}
.access .access-list span{display:inline-block}
.access .access-list .txt01{width:17%}
.access .access-list .txt02{width:16%}
.access .access-list .txt03{width:25%}
.access .tel-area{padding:20px 0;border-top:1px solid #707070;border-bottom:1px solid #707070;text-align:center}
.access .tel-area .txt01,.access .tel-area .txt02,.access .tel-area .txt03{display:block;font-size:12px}
.access .tel-area .txt02 .big{font-size:18px;text-decoration:underline;pointer-events:none}
.footer{padding:50px 0}
.footer .logo{width:245px;margin:auto;margin-bottom:30px}
.footer .copyright{font-size:12px;text-align:center}
.pagetop{position:fixed;right:50px;bottom:20px}
.pagetop a{width:100px;height:100px;display:block;background:#0109C1;border-radius:50%;position:relative}
.pagetop a img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.overLay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1}
.container{display:table;width:100%;height:100%}
.overLay .modal-block-outer{display:table-cell;padding:2.7em 2em;vertical-align:middle}
.modal-block{margin:0 auto;max-width:600px;padding:25px 35px;background-color:#fff}
.overLay .case-txt{text-align:center;margin-bottom:10px}
.overLay .case-txt img{height:20px}
.overLay .sub-ttl{text-align:center;font-size:16px}
.overLay .ttl{text-align:center;font-size:24px;font-weight:bold;margin-bottom:20px}
.overLay .modal-img{margin-bottom:20px}
.overLay .description-txt{margin-bottom:40px}
.overLay .modalClose-block .modalClose{text-align:center}
.overLay .close-img img{width:40px;margin-bottom:10px}
.overLay .close-txt img{width:38px}
.overLay .voice-modal-img{margin-bottom:30px}
.overLay .voice-img-txt{margin-bottom:10px;margin-left:2px}
.overLay .voice-img-txt img{height:20px}
.overLay .voice-ttl{font-size:24px;font-weight:bold;margin-bottom:10px}
.overLay .voice-department{line-height:1;margin-bottom:5px}
.overLay .voice-name{line-height:1;font-size:18px;font-weight:bold;margin-bottom:25px}
.overLay .voice-description-txt{margin-bottom:50px}
.overLay .voice-description-txt p{text-indent:1em}
.overLay .voice-description-txt p:nth-child(n + 2){margin-top:1em}
@media screen and (min-width:641px){.header .nav-list{left:-200px;position:relative}
.header .btn-wrap{display:inline-block;position:relative;vertical-align:middle}
.header .entry-btn{position:fixed;right:20px;top:24px}
}
.clearfix::after,.inner-block::after{clear:both;content:"";display:block;height:0px;font-size:0;visibility:hidden}