@charset "utf-8";
body{font-size:12px;position:relative;-webkit-appearance:none;-webkit-text-size-adjust:100%;letter-spacing:0.05em}
.outer-block{min-width:320px}
.inner-block{padding:0;width:auto}
#wrapper{min-width:320px;position:relative;overflow:hidden}
input[type="submit"]{-webkit-text-size-adjust:100%}
input,select,textarea{font-size:16px!important}
.pc{display:none!important}
.pc-ib{display:none!important}
.sp{display:block!important}
.sp-ib{display:inline-block!important}
.cont-ttl{margin-bottom:40px}
.cont-ttl img{height:35px}
.cont-ttl span{font-size:14px;margin-top:8px}
.contens-block .inner-block{padding:0 40px}
.case-btn{padding:0 40px}
.case-btn.pattern01{padding:0}
.case-btn a{background-color:transparent;width:100%}
.top-triangle{margin-bottom:-50px}
.bottom-triangle{margin-bottom:-50px}
.top-triangle img,.bottom-triangle img{height:50px}
.menu-bg.show{background:rgba(0, 0, 0, 0.8);display:block;height:100%;position:absolute;width:100%;z-index:1}
.header{position:relative}
.header .menu-btn{width:32px;height:28px;margin-top:7px;float:left;text-align:left;background:url(../img/sp/menu.svg) no-repeat center center / auto 22px}
.header .nav-list{display:none;float:right}
.header .entry-btn a{width:150px;padding:11px 0}
.header .entry-btn a img{width:70px}
.header-outer-block .header-inner-block{padding:15px 20px 0;position:fixed}
.header.toggle .header-inner-block{background-color:#0109c1;-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out}
.header.toggle .menu-btn{background-image:url(../img/sp/menu_close.svg)!important;background-size:28px auto}
.header.toggle .nav-list{display:block;padding:95px 20px 0;width:100%}
.header.toggle .nav-list li{display:block;margin-right:0;text-align:left}
.header.toggle .nav-list li a{padding:13px 0;border-top:1px solid rgba(255, 255, 255, 0.4)}
.header.toggle .nav-list li:last-of-type a{border-bottom:1px solid rgba(255, 255, 255, 0.4)}
.header .nav-list li .menu-ttl{height:26px;display:inline-block;vertical-align:middle;padding-left:25px}
.header .nav-list li a > span{font-size:12px;margin-top:6px;display:block;padding-right:15px;display:inline-block;float:right}
.header .nav-list li .menu-arrow{margin-left:14px}
.header .nav-list li span .menu-arrow img{width:15px;height:15px}
.header.toggle .entry-btn{width:100%;padding-bottom:164px}
.header.toggle .entry-btn a{margin:50px auto 0;width:225px;padding:14.5px 0;border-radius:26.26px}
.header.toggle .entry-btn a img{width:52px}
.mv{height:auto}
.mv .center-block{text-align:center;padding-bottom:13px}
.mv .mv-logo{padding-top:150px;width:300px;margin:auto}
.mv .mv-logo span{font-size:14px;margin-top:7px}
.mv .catchphrase{margin-top:55px;font-size:26px;line-height:33px}
.mv .catchphrase span{font-size:30px}
.mv .event-info{padding:0 40px}
.mv .event-info .ttl{width:auto}
.mv .event-info .date{font-size:14px;margin-bottom:15px}
.mv .event-info .txt{text-align:left;margin-bottom:30px}
.mv .page-scroll{margin-top:42px}
.mv .page-scroll a{width:18px;margin:auto}
.business .inner-block{padding-top:84px;padding-bottom:65px}
.business .img-box{width:auto;float:none;margin:0 -40px}
.business .txt-box{width:auto;margin-top:27px;float:none}
.business .parts-block.pattern01 .txt-box{width:auto;float:none}
.business .toggle-btn{font-size:14px;height:34px}
.business .fade-txt{font-size:14px}
.business .toggle-box{margin-bottom:25px}
.business .parts-block.pattern01 .img-box{float:none;margin:0 -40px}
.business .parts-block:nth-of-type(n + 2){margin-top:60px}
.voice .inner-block{padding-top:119px;padding-bottom:50px}
.voice .staff-area li{width:auto;margin-bottom:20px;position:relative}
.voice .staff-area li:last-of-type{margin-bottom:0}
.voice .staff-area li:nth-child(n + 2){margin-left:0}
.voice .staff-area .left-box{width:50%;padding-right:5px;float:left}
.voice .staff-area .right-box{width:50%;padding-left:5px;float:left}
.voice .staff-area .ttl{font-size:16px;line-height:1.2}
.voice .staff-area .ttl.pattern01{letter-spacing:-0.11em}
.voice .staff-area .department{font-size:12px;margin:0}
.voice .staff-area .department.pattern01{letter-spacing:-0.07em}
.voice .staff-area .name{font-size:14px}
.voice .staff-area .more-btn-outer{position:absolute;bottom:0;width:50%}
.recruit .inner-block{padding-top:119px;padding-bottom:100px}
.recruit .list-area{width:100%}
.recruit .list-area .txt{font-size:14px}
.recruit .list-area li{width:auto;float:none;margin-bottom:45px}
.recruit .list-area .list-area-li.pattern01{margin-bottom:45px}
.recruit .list-area li:first-child{margin-bottom:45px}
.recruit .list-area:last-of-type li:last-of-type{margin-bottom:0}
.recruit .list-area .list-area .txt{font-size:14px}
.recruit .list-area .ttl:before{top:11px}
.schedule .top-triangle{margin-top:-50px}
.schedule .inner-block{padding-top:119px}
.schedule .txt-box{width:auto}
.schedule .notes{text-align:left}
.access .inner-block{padding-top:119px;padding-bottom:86px}
.access .company-info{display:block}
.access .company-info .name{display:block;border:0;margin-bottom:15px}
.access .company-info .address{display:block;padding-left:0;font-size:12px}
.access .company-info{margin-bottom:15px}
.access .map iframe{height:300px}
.access .access-list{margin-bottom:22px;font-size:12px}
#wrapper .access .access-list span{width:auto}
.access .access-list .txt03{text-indent:1em}
.access .tel-area{text-align:left;padding:22px 0}
.access .tel-area .txt02 .big{pointer-events:auto}
.footer{padding:39px 0 56px}
.footer .logo{width:150px;margin-bottom:10px}
.footer .copyright{font-size:10px}
.pagetop{right:12.5px}
.pagetop a{width:50px;height:50px}
.pagetop a img{width:18px}
.overLay{background-color:#fff}
.overLay .modal-block-outer{padding:0}
.modal-block{max-width:initial}
.overLay .case-txt{margin-bottom:5px}
.overLay .case-txt img{height:18px}
.overLay .sub-ttl{font-size:14px}
.overLay .ttl{font-size:18px;margin-bottom:5px}
.overLay .modal-img{margin-bottom:10px}
.overLay .description-txt{margin-bottom:25px}
.overLay .close-img img{width:26px;margin-bottom:5px}
.overLay .close-txt img{width:28px}
.overLay .voice-modal-img{margin-bottom:25px}
.overLay .voice-img-txt img{height:18px}
.overLay .voice-ttl{font-size:18px}
.overLay .voice-name{font-size:14px;margin-bottom:20px}
.overLay .voice-description-txt{margin-bottom:100px;font-size:14px}
.voice-modal .modal-block{padding:50px 30px}
@media screen and (max-width:375px){.case-btn.fix01 a{padding-left:10px}
.case-btn.fix01 .case-img{padding-right:10px}
.voice .staff-area .txt-box{margin-top:10px}
}
@media screen and (max-width:364px){.case-btn .txt{font-size:11px}
.case-btn .ttl{font-size:12px}
#wrapper .case-btn a{padding-left:5px;background-size:14px 14px;background-position:right 5px center}
.case-btn .case-img{padding-right:5px}
.case-btn .case-img img{height:12px}
.voice .staff-area .ttl{font-size:14px}
.voice .staff-area .department{font-size:11px}
.voice .staff-area .name{font-size:13px}
.voice .staff-area .more-btn{padding:3px 0;font-size:11px}
.voice .staff-area .more-btn span{width:12px;height:12px}
}
@media screen and (max-width:340px){.header .nav-list li .menu-ttl{padding-left:20px}
.header .nav-list li .menu-arrow{margin-left:10px}
}
.header .menu-btn.is-color{background:url(../img/sp/menu_blue.svg) no-repeat center center / auto 22px;animation:opacity 0.3s linear}
@keyframes opacity{0%{opacity:0}
100%{opacity:1}
}