.contents_top{width:100%;margin:auto;box-sizing:border-box;position:relative;z-index:0;overflow:hidden}
.sec{width:100%;margin:auto;box-sizing:border-box;position:relative}
.offer .inner,.sec .inner{max-width:1200px;margin:auto;box-sizing:border-box;padding:0 4rem}
.contents_top p{margin:3rem 0 3rem;font-size:1.8rem;line-height:2}
.txt{margin:3rem 0 3rem;font-size:1.8rem;text-align:justify;line-height:2}
.lead{margin:3rem 0 0!important;font-size:1.5rem;line-height:2}
p.caption{margin:1rem 0 0 0!important;padding:0 0 .5rem 0;font-size:1rem;line-height:1.3}
.sec p{margin:0 0 0}
.sub{font-size:1.4rem!important;line-height:1.5!important}
a.txtlink{color:#00f;text-decoration:underline}
header{background:#fff;width:100%;min-width:100%}
header .sitename{font-size:1rem;text-align:left}
header .inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}
header .inner .logo{width:24%}
.mv{background:url(../img/mv_bg.webp) center top no-repeat;background-size:cover;padding:4rem 0}
.mv_inner{padding:0 2rem}
.mv .mv_img{padding:3.5rem 0 1.5rem}
.offer{background:#fff;padding:5rem 0 6rem}
.offer a{display:block;width:100%}
.offer .btn_01{margin-bottom:2rem}
.offer .btntxt{text-align:center;margin-bottom:1rem;font-weight:700;font-size:4.2vw}
.sec01{background-image:linear-gradient(90deg,#01afea,#c0dd98);background-size:100% auto;padding:6rem 0}
.sec01 .logo{width:40%;margin:0 auto 4%}
.sec01 .sec_ttl{font-size:10vw;color:#fff;font-weight:700;display:table;margin:0 auto 4rem;border-bottom:4px dotted #fff}
.sec01 .txt_02{text-align:center;margin:3rem 0 1rem;font-weight:700}
.sec01 .txt_03{text-align:center;margin:3rem 0 2rem;font-weight:700;color:#b4261c;font-size:4vw;background:#fff;border-radius:6px;padding:1rem}
.sec01 .txt_03 span{font-weight:700;font-size:6.8vw}
.sec01 .txt_04{text-align:center;font-weight:700;margin-bottom:2rem}
.sec01 a{font-weight:700;display:block;color:#fff;background:#b4261c;border-radius:100px;text-align:center;font-size:2rem;padding:2rem 0;position:relative}
.sec01 a:after{display:block;content:'';position:absolute;background:url(../img/arrow_01.webp) center no-repeat;background-size:cover;width:20px;height:10px;right:20px;top:50%;transform:translate(0,-50%)}
.sec01 .sub{text-align:center;margin-bottom:3rem}
.sec02{padding:6rem 0 0;background:#ecf3f9}
.sec02 .sec_ttl{font-size:6.6vw;text-align:center;margin-bottom:3rem}
.sec02 .bg{background:#ecf3f9;padding-bottom:6rem;margin-top:4rem}
.sec02 .txt_01{color:#004098;font-size:6.2vw;font-weight:700;text-align:center;margin-bottom:3rem}
.sec02 ul li{background:#fff;padding:2rem;border-radius:10px;display:flex;align-items:center;margin-bottom:1.5rem;font-weight:700}
.sec02 ul li img{display:block;width:24px;margin-right:2rem}
.sec03 .upper{padding:6rem 0 4rem;background:#ecf3f9}
.sec03 .upper .sec_ttl{font-size:6.6vw;text-align:center;margin-bottom:2rem}
.sec03 .upper .txt{text-align:center}
.sec03 .middle{background-image:linear-gradient(90deg,#01afea,#c0dd98);padding:5rem 0 5rem}
.sec03 .middle .mp_logo{width:60%;margin:0 auto 2rem}
.sec03 .middle .sec_ttl{font-size:2.4rem;font-weight:700;text-align:center}
.sec03 .middle .sec_ttl span{font-size:12vw;color:#b4261c;font-weight:700}
.sec03 .middle .txt_01{text-align:center;font-weight:700}
.sec03 .middle .txt_01 span{font-size:20px;font-weight:700}
.sec03 .ac_upper{font-size:3.8vw;text-align:center;margin:3rem 0 2rem;font-weight:700}
.sec03 .ac_upper span{font-weight:700}
.sec03 .under{background:#ecf3f9;padding:5rem 0 5rem}
.sec03 .under .sec_ttl{font-size:6.2vw;text-align:center;margin-bottom:2rem}
.sec03 .under .sec_ttl span{font-weight:700;color:#004098}
.sliderArea{max-width:100%;margin:0 auto;padding:0 25px}
.slick-track{display:flex!important}
.slick-slide{margin:0 5px;background:#fff;height:auto!important;width:100%!important;border-radius:10px}
.slick-slide .wrap_01{padding:0 2rem 2rem}
.slick-slide img{width:100%;height:auto}
.slick-slide .name{font-size:3.4vw;font-weight:700;text-align:center}
.slick-slide .num{font-size:12px;text-align:center;color:#696969}
.slick-slide .btnbox{display:flex;margin:1rem 0}
.slick-slide .btnbox a{display:block;width:32%}
.slick-slide .btnbox a:not(:last-child){margin-right:2%}
.slick-next,.slick-prev{z-index:1}
.slick-next:before,.slick-prev:before{color:#000}
.slick-slide{transition:all ease-in-out .3s}
.thumb{margin:20px 0 0}
.thumb .slick-slide{cursor:pointer}
.thumb .slick-slide:hover{opacity:.7}
.full-screen .slick-list{overflow:visible}
.full-screen.slider{max-width:100%!important;margin:0 auto}
.slick-dots{bottom:-3rem!important}
.slick-dots li{position:relative;display:inline-block;width:auto;height:auto;margin:0 .7rem;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;padding:0;cursor:pointer;color:transparent;border:0;text-indent:-9999px;display:block;width:1rem;height:1rem;margin:0;outline:0;border-radius:100%;transition-duration:.3s;background:#fff;opacity:.5}
.slick-dots li button:before{content:none}
.slick-dots li button:hover,.slick-dots li.slick-active button{width:12px;height:12px;opacity:1}
.sliderArea2 .slick-dots li button:hover,.sliderArea2 .slick-dots li.slick-active button{background:#01aeeb!important}
.slide-arrow{bottom:0;cursor:pointer;margin:auto;position:absolute;top:0;width:40px;z-index:10!important}
.prev-arrow{left:-20px}
.next-arrow{right:-20px}
.sec04{padding:6rem 0 4rem;background:#ecf3f9}
.sec04 .sec_ttl{font-size:6.6vw;text-align:center;margin-bottom:2rem}
.sec04 ul li{background:#fff;padding:4rem 2rem;border-radius:10px;margin-bottom:2rem}
.sec04 ul li .txt_01{font-weight:700;text-align:center;color:#004098;font-size:2.2rem}
.sec04 ul li .img_01{width:70%;margin:2rem auto}
.sec04 ul li .wrap_01 .txt_02{font-weight:700;text-align:center;margin:3rem 0 2rem}
.sec04 ul li .wrap_01 .sub{display:table;margin:2rem 0 0 auto}
.sec05 .upper{padding:6rem 0 3rem;background:#d4eaf5;position:relative}
.sec05 .upper .benefit{margin-top:2.5rem}
.sec05 .under{padding:12rem 0 4rem;background-image:linear-gradient(90deg,#01afea,#c0dd98);position:relative}
.sec05 .under:after{content:'';position:absolute;top:-1px;display:block;width:100%;height:60px;background:#d4eaf5;clip-path:polygon(0 0,100% 0,50% 100%)}
.sec05 .under .sec_ttl{font-size:6vw;font-weight:700;text-align:center;margin-bottom:2rem}
.sec05 .under ul li{background:#fff;padding:4rem 2rem;border-radius:10px;margin-bottom:2rem}
.sec05 .under ul li .txt_01{font-weight:700;text-align:center;color:#b4261c;font-size:2.2rem;letter-spacing:-.05em}
.sec05 .under ul li .img_01{width:70%;margin:2rem auto}
.sec05 .under ul li:nth-child(2) .img_01{width:90%}
.sec05 .under ul li .sub{display:table;margin:1rem 0 0 auto}
.sec06{padding:6rem 0;background:#ecf3f9}
.sec06 .sec_ttl{font-size:6vw;font-weight:700;text-align:center;margin-bottom:3rem}
.accordion-content{display:none}
.sec06 .accordion-header{background-color:#fff;padding:20px 40px 20px 0;margin:10px 0 0;transition:background .3s ease;cursor:pointer;position:relative;color:#004098}
.sec06 .accordion-header span{font-weight:700}
.sec06 .accordion-header span:before{display:block;content:'';position:absolute;background:url(../img/q.webp) center no-repeat;background-size:cover;width:30px;height:30px;left:10px;top:-5px}
.sec06 .accordion-header::after,.sec06 .accordion-header::before{position:absolute;content:'';top:1px;right:20px;bottom:0;width:12px;height:2px;margin:auto;background:#004098}
.sec06 .accordion-header::after{transform:rotate(-90deg);transition:transform .3s}
.sec06 .accordion-header.active::after{transform:rotate(0)}
.sec06 .accordion-content{border-top:#ddd 1px solid;background-color:#fff;padding:2rem 2rem 2rem 0;position:relative}
.sec06 .accordion-content span,.sec06 .accordion-header span{position:relative;display:block;padding-left:45px}
.sec06 .accordion-content span:before{display:block;content:'';position:absolute;background:url(../img/a.webp) center no-repeat;background-size:cover;width:30px;height:30px;left:10px;top:-5px}
.sec06 .accordion-header:hover{opacity:.8}
.modal{display:none;position:fixed;top:0;left:0;height:100vh;width:100%;z-index:100}
.modal-bg{position:absolute;height:100vh;width:100%;background-color:rgba(0,0,0,.7);z-index:101}
.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;z-index:102}
.modal-inner{position:relative;background:#fff;width:100%;min-height:100px;max-height:500px;padding:30px;overflow-x:hidden;overflow-y:auto;border-radius:10px}
.btn_close{display:block;position:absolute;top:-10px;right:-10px;background-color:#e4e4e4;border-radius:50%;width:30px;height:30px;color:#000;text-align:center;font-size:20px;text-decoration:none;line-height:30px;z-index:105}
.modal_ttl{font-size:18px;font-weight:700;text-align:center;padding:6px;border-radius:4px;box-sizing:border-box}
#modal-01 .modal_ttl{color:#fff;background:#004098}
#modal-02 .modal_ttl{color:#fff;background:#008086}
#modal-03 .modal_ttl{color:#004098;border:2px solid #004098}
#modal-04 .modal_ttl{color:#008086;border:2px solid #008086}
.sec03 .top{background:#d4eaf5;padding:8rem 0;text-align:center}
.sec03 .top .ttlArea h3.sec_ttl{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.7}
.sec03 .top .ttlArea p.txt{font-size:1.4rem;font-weight:500;text-align:center;line-height:1.7}
.sec03 .top .mobilityPassportArea{margin-top:2rem}
.sec03 .top .mobilityPassportArea p.txt{text-align:center;font-size:1.5rem;font-weight:700;line-height:1.5}
.sec03 .top .mobilityPassportArea p.txt span{font-weight:700}
.sec03 .top .aboutArea{margin-top:3rem}
.sec03 .top .aboutArea h3{font-size:2.5rem;margin-bottom:3rem}
.sec03 .top .sliderArea{margin-top:5rem;max-width:100%;padding:0 25px}
.sec05 .btn{margin-top:3rem}
.sec05 p.notes{text-align:center;font-size:1.4rem;margin-top:1rem}
.m_btn_main a{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:6.4rem;margin:0 auto;font-size:1.7rem;font-weight:700;line-height:1.3;padding:0 2rem;border-radius:9rem;color:#fff;background:linear-gradient(90deg,#b4261c 0,#e2544a 100%)}
.m_btn_main a:after{content:'';position:absolute;top:0;bottom:0;right:2.5rem;width:2rem;height:1rem;margin:auto;background:url(../img/i_arr.webp) center no-repeat;background-size:100% auto}
@media screen and (min-width:768px){
header{width:100%}
header .sitename{padding:1rem 2rem;font-size:1.8rem}
header .inner{padding:1.5rem 2rem}
header .sitename a{font-weight:700}
.mv{background:url(../img/mv_bg_pc.webp) center top no-repeat;background-size:cover;padding:6.5rem 0}
.mv_inner{max-width:118rem;padding:0 4rem;margin:0 auto}
.mv .mv_img{padding:3.5rem 0 3rem}
.offer{padding:5rem 0}
.offer .inner{display:flex;justify-content:space-between}
.offer .btn_box{width:48%}
.offer a{display:block;width:100%}
.offer .btn_01{margin:0}
.offer .btntxt{margin-bottom:1rem;font-size:20px}
.sec01{padding:10rem 0}
.sec01 .sec_ttl{font-size:62px;margin:0 auto 6rem;border-bottom:8px dotted #fff}
.sec01 .img_01{max-width:90%;margin:auto}
.sec01 .txt_01{max-width:80%;margin:auto}
.sec01 .txt_02{text-align:center;margin:3rem 0 1rem}
.sec01 .txt_03{margin:6rem auto 4rem;font-size:28px;border-radius:12px;padding:2rem;max-width:740px}
.sec01 .txt_03 span{font-size:52px;line-height:1!important}
.sec01 .txt_04{margin-bottom:4rem}
.sec01 a{font-size:28px;padding:2.4rem 0;position:relative;margin:auto;width:60%}
.sec01 a:after{display:block;content:'';position:absolute;background:url(../img/arrow_01.webp) center no-repeat;background-size:cover;width:30px;height:15px;right:40px;top:50%;transform:translate(0,-50%)}
.sec01 .sub{margin-bottom:5rem}
.sec02{padding:10rem 0 0;background:0 0}
.sec02 .sec_ttl{font-size:42px;margin-bottom:6rem}
.sec02 .bg{padding-top:6rem;padding-bottom:6rem;margin-top:0}
.sec02 .img_01{max-width:1200px;margin:auto;padding:0 4rem}
.sec02 .txt_01{font-size:42px;margin-bottom:6rem}
.sec02 ul{max-width:1000px;margin:auto}
.sec02 ul li{padding:2rem 4rem;border-radius:10px;margin-bottom:1.5rem}
.sec02 ul li img{display:block;width:24px;margin-right:2rem}
.sec02 .sub{max-width:1000px;margin:auto;text-align:right}
.sec03 .upper{padding:6rem 0 4rem}
.sec03 .upper .sec_ttl{font-size:42px;margin-bottom:2rem}
.sec03 .upper .txt{text-align:center}
.sec03 .middle{padding:10rem 0 10rem}
.sec03 .middle .mp_logo{width:24%;margin:0 auto 3rem}
.sec03 .middle .sec_ttl{font-size:32px;font-weight:700;text-align:center;margin-bottom:2rem}
.sec03 .middle .sec_ttl span{font-size:84px;line-height:1.2}
.sec03 .middle .txt_01{text-align:center;font-size:24px}
.sec03 .middle .txt_01 span{font-size:32px;font-weight:700}
.sec03 .ac_upper{font-size:28px;margin:3rem 0 2rem;line-height:1.4}
.sec03 .under{padding:10rem 0 8rem}
.sec03 .under .sec_ttl{font-size:42px;margin-bottom:2rem}
.sec03 .under .sec_ttl span{font-weight:700;color:#004098}
.sliderArea{max-width:100%;margin:0 auto;padding:0 25px}
.slick-track{display:flex!important}
.slick-slide{margin:0 10px;border-radius:10px}
.slick-slide .wrap_01{padding:0 2rem 2rem}
.slick-slide .wrap_01 .txt{font-size:14px;line-height:1.5}
.slick-slide img{width:100%;height:auto}
.slick-slide .name{font-size:16px;font-weight:700;text-align:center}
.under .slick-slide .name{font-size:12px}
.slick-slide .num{font-size:12px;text-align:center;color:#696969}
.slick-slide .btnbox{display:flex;margin:1rem 0}
.slick-slide .btnbox a{display:block;width:32%}
.slick-slide .btnbox a:not(:last-child){margin-right:2%}
.slick-next,.slick-prev{z-index:1}
.slick-next:before,.slick-prev:before{color:#000}
.slick-slide{transition:all ease-in-out .3s}
.thumb{margin:20px 0 0}
.thumb .slick-slide{cursor:pointer}
.thumb .slick-slide:hover{opacity:.7}
.full-screen .slick-list{overflow:visible}
.full-screen.slider{max-width:100%!important;margin:0 auto}
.slick-dots{bottom:-40px!important}
.slick-dots li{position:relative;display:inline-block;width:auto;height:auto;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;padding:0;cursor:pointer;color:transparent;border:0;text-indent:-9999px;display:block;width:1.4rem!important;height:1.4rem!important;margin:0 0!important;outline:0;border-radius:100%;transition-duration:.3s;background:#fff!important;opacity:.5}
.slick-dots li button:before{content:none}
.slick-dots li button:hover,.slick-dots li.slick-active button{width:12px;height:12px;opacity:1}
.sliderArea2 .slick-dots li button:hover,.sliderArea2 .slick-dots li.slick-active button{background:#01aeeb!important}
.slide-arrow{width:40px}
.prev-arrow{left:35%}
.next-arrow{right:35%}
.sec04{padding:10rem 0 6rem}
.sec04 .sec_ttl{font-size:42px;margin-bottom:2rem}
.sec04 ul li{background:#fff;padding:4rem 6rem;border-radius:10px;margin-bottom:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.sec04 ul li .txtbox{width:55%}
.sec04 ul li .txt{font-size:16px}
.sec04 ul li .txt_01{font-weight:700;text-align:left;font-size:28px;line-height:1.6;margin-bottom:2rem}
.sec04 ul li .img_01{width:40%;margin:0}
.sec04 ul li .wrap_01{display:flex;justify-content:space-between;position:relative;align-items:center}
.sec04 ul li .wrap_01 .txt_02{font-weight:700;text-align:left;line-height:1.6;margin:3rem 0 2rem;font-size:22px}
.sec04 ul li .wrap_01 .jbatc_logo{width:50%}
.sec04 ul li .wrap_01 .sub{display:table;margin:2rem 0 0 auto;position:absolute;left:0;bottom:0;font-size:12px!important}
.sec05 .upper{padding:10rem 0 2rem}
.sec05 .upper .sec_ttl{margin:auto}
.sec05 .upper .benefit{margin-top:7rem}
.sec05 .under{padding:20rem 0 6rem;background-image:linear-gradient(90deg,#01afea,#c0dd98);position:relative}
.sec05 .under:after{content:'';position:absolute;top:-1px;display:block;width:100%;height:100px;background:#d4eaf5;clip-path:polygon(0 0,100% 0,50% 100%)}
.sec05 .under .sec_ttl{font-size:42px;margin-bottom:4rem}
.sec05 .under ul{display:flex;justify-content:space-between}
.sec05 .under ul li{width:48%;padding:6rem 4rem;border-radius:10px;margin-bottom:0}
.sec05 .under ul li .txt_01{font-size:30px;line-height:1.6}
.sec05 .under ul li .img_01{width:70%;margin:2rem auto}
.sec05 .under ul li:nth-child(2) .img_01{width:100%;margin:4rem auto 5.8rem}
.sec05 .under ul li .sub{display:table;margin:1rem 0 0 0;font-size:10px!important}
.sec06{padding:10rem 0}
.sec06 .sec_ttl{font-size:42px;margin-bottom:4rem}
.accordion{max-width:1000px;margin:auto}
.accordion-content{display:none}
.sec06 .accordion-header{padding:40px 60px 40px 0;margin:20px 0 0;transition:background .3s ease;cursor:pointer;position:relative;color:#004098}
.sec06 .accordion-header span{font-weight:700}
.sec06 .accordion-header span:before{display:block;content:'';position:absolute;background:url(../img/q.webp) center no-repeat;background-size:cover;width:50px;height:50px;left:40px;top:-5px}
.sec06 .accordion-header::after,.sec06 .accordion-header::before{position:absolute;content:'';top:1px;right:40px;bottom:0;width:24px;height:4px;margin:auto;background:#004098}
.sec06 .accordion-header::after{transform:rotate(-90deg);transition:transform .3s}
.sec06 .accordion-header.active::after{transform:rotate(0)}
.sec06 .accordion-content{border-top:#ddd 2px solid;padding:4rem 4rem 4rem 0;position:relative;font-size:18px}
.sec06 .accordion-content span,.sec06 .accordion-header span{position:relative;display:block;padding-left:110px}
.sec06 .accordion-content span:before{display:block;content:'';position:absolute;background:url(../img/a.webp) center no-repeat;background-size:cover;width:50px;height:50px;left:40px;top:-10px}
.sec06 .accordion-header:hover{opacity:.8}
.modal-content{width:500px}
.modal_ttl{font-size:24px;padding:10px;border-radius:4px}
#modal-03 .modal_ttl{border:4px solid #004098}
#modal-04 .modal_ttl{border:4px solid #008086}
.sec03 .top{padding:9rem 0}
.sec03 .top .ttlArea h3.sec_ttl{font-size:4.6rem;margin-bottom:2rem}
.sec03 .top .ttlArea p.txt{font-size:2.8rem}
.sec03 .top .mobilityPassportArea{margin-top:4.5rem}
.sec03 .top .mobilityPassportArea p.txt{font-size:3.3rem}
.sec03 .top .aboutArea{margin-top:5rem}
.sec03 .top .aboutArea h3{font-size:3.8rem;margin-bottom:5rem}
.sec03 .top .sliderArea{margin-top:10rem;max-width:100vw!important;width:100vw!important;padding:0 25px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.sec05 .btn{margin-top:5rem}
.sec05 p.notes{font-size:1.8rem;margin-top:2rem}
.m_btn_main a{width:54rem;height:10rem;font-size:2.8rem;padding:0 3rem}
.m_btn_main a:after{right:3rem;width:3.4rem;height:1.8rem}
}
@media screen and (max-width:1100px){
.under .slick-slide .name{line-height:1.4;height:40px}
}
@media screen and (max-width:768px){
.contents_top{width:100%}
.sec{min-width:100%}
.offer .inner,.sec .inner{max-width:100%;padding:0 2rem;box-sizing:border-box}
.contents_top p{margin:2rem 0 2rem;line-height:1.8;font-size:1.5rem}
.txt{margin:2rem 0 2rem;line-height:1.8;font-size:1.5rem}
.lead{margin:2rem 0 0!important;line-height:1.8}
p.caption{margin:1rem 0 0 0!important;padding:0 0 .5rem 0;font-size:1rem;line-height:1.3}
.sec p{margin:0 0 0}
.sub{font-size:1rem!important}
.under .slick-slide .name{height:auto!important}
}
/*# sourceMappingURL=index.css.map */