@charset "utf-8";

/*----- modal -----*/
.lock { overflow:hidden; }
.close { position:absolute; top:-24px; right:-24px; }
.modal-content { position:relative; display:none; width:100%; height:100%; }
.modal-overlay { z-index:10000; display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0.9; }
.modal-wrap { z-index:10001; display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; }
.modal-block { display:table; width:100%; height:100%; }
.modal-cell { display:table-cell; vertical-align:middle; text-align:center; }
.modal-close { box-sizing:border-box; display:block; width:72px; height:72px; background:url('/jp/img/businessmodel/safety/btn_close.png') no-repeat center; text-indent:-9999px; overflow:hidden; cursor:pointer; }



/*----- transform -----*/
.modalIn { transform:scale(0,0); -webkit-transform:scale(0,0); transition:0.8s 0.2s; }
.In { transform:scale(1,1); -webkit-transform:scale(1,1); }

.popslideUp { opacity:0; transform:translate(0,40px); -webkit-transform:translate(0,40px); transition:0.5s; }
.Up { opacity:1; transform:translate(0,0); -webkit-transform: translate(0,0); }

.popslideRight { opacity:0; transform:translate(-40px,0); -webkit-transform:translate(-40px,0); transition:0.5s; }
.Right { opacity:1; transform:translate(0,0); -webkit-transform: translate(0,0); }

.popzoomIn { opacity:0; transform:scale(0,0); -webkit-transform:scale(0,0); transition:0.8s 0.2s; }
.In { opacity:1; transform:scale(1,1); -webkit-transform:scale(1,1); }

.popfadeIn { opacity:0; transition:0.8s; }
.In { opacity:1; }

.swing { -webkit-transform-origin:center center; transform-origin:center center; animation:swing linear 1.8s infinite; }

.shakeV { -webkit-transform-origin:center center; transform-origin:center center; animation:shakeV linear 2.4s infinite; }

.move1 { -webkit-transform-origin:center center; transform-origin:center center; animation:move1 linear 7s 0.8s infinite both; }

.move2 { animation:move2 linear 2s 4s both; }



/*----- pageTop -----*/
.popup01 { position:relative; width:960px; height:660px; margin:35px auto; background:url('/jp/img/businessmodel/safety/popuptop_1_bg.png') no-repeat center #daeefe; border-radius:30px; }
.popup01 .illust01 { position:absolute; top:130px; left:90px; transition:0.5s 1.2s; }
.popup01 .illust02 { position:absolute; bottom:70px; right:70px; transition:0.5s 2.8s; }

.popup02 { position:relative; width:960px; height:660px; margin:35px auto; background:url('/jp/img/businessmodel/safety/popuptop_2_bg.png') no-repeat center #daeefe; border-radius:30px; }
.popup02 .illust01 { position:absolute; top:130px; left:90px; transition:0.5s 1.2s; }
.popup02 .illust02 { position:absolute; bottom:70px; right:70px; transition:0.5s 2.8s; }

.popup03 { position:relative; width:960px; height:660px; margin:35px auto; background:url('/jp/img/businessmodel/safety/popuptop_3_bg.png') no-repeat center #daeefe; border-radius:30px; }
.popup03 .illust01 { position:absolute; top:50px; left:70px; transition:0.5s 1.2s; }
.popup03 .illust02 { position:absolute; bottom:70px; right:70px; transition:0.5s 2.8s; }


/*----- page01 -----*/
.is-page01 .popup01 { position:relative; width:960px; height:660px; margin:35px auto; background:url('/jp/img/businessmodel/safety/popup01_1_bg.png') no-repeat center #daeefe; border-radius:30px; }
.is-page01 .popup01 .illust01 { position:absolute; top:140px; left:151px; transition:0.5s 1.2s; }
.is-page01 .popup01 .illust01 span { display:block; position:absolute; top:0px; left:59px; width:510px; height:190px; overflow:hidden; background:transparent url('/jp/img/businessmodel/safety/illust01_1_1s.png') no-repeat top left; }
.is-page01 .popup01 .illust02 { position:absolute; bottom:0px; left:0px; transition:0.5s 2.8s; }

.is-page01 .popup02 { position:relative; width:960px; height:660px; margin:35px auto; background:url('/jp/img/businessmodel/safety/popup01_2_bg.png') no-repeat top #f8f1de; border-radius:30px; }
.is-page01 .popup02 .illust01 { position:absolute; top:116px; left:40px; transition:0.5s 1.2s; }
.is-page01 .popup02 .illust02 { position:absolute; top:116px; right:40px; transition:0.5s 2.4s; }
.is-page01 .popup02 .illust03 { position:absolute; bottom:0px; left:0px; border-radius:0 0 30px 30px / 0 0 30px 30px; overflow:hidden; transition:0.5s 3.6s; }



/*----- page02 -----*/
.is-page02 .popup01 { position:relative; width:960px; height:660px; margin:35px auto; background:url('/jp/img/businessmodel/safety/popup02_1_bg.png') no-repeat center #eaf5f8; border-radius:30px; }
.is-page02 .popup01 .illust01 { position:absolute; top:118px; left:60px; transition:0.8s 1.2s; }
.is-page02 .popup01 .illust01 span { display:block; position:absolute; top:80px; left:224px; transition:0.8s 2.8s; }
.is-page02 .popup01 .illust02 { position:absolute; top:118px; left:60px; transition:0.8s 5.4s; }
.is-page02 .popup01 .illust02 span { display:block; position:absolute; top:214px; left:168px; }
.is-page02 .popup01 .illust03 { position:absolute; top:118px; left:60px; transition:0.8s 9.8s; }
.is-page02 .popup01 .illust03 span { display:block; position:absolute; top:306px; left:224px; width:394px; height:88px; overflow:hidden; background:transparent url('/jp/img/businessmodel/safety/illust02_1_3s.png') no-repeat top left; }
.is-page02 .popup01 .illust04 { position:absolute; top:118px; left:60px; transition:0.8s 14.2s; }
.is-page02 .popup01 .illust04 span { display:block; position:absolute; top:136px; left:134px; width:574px; height:100px; overflow:hidden; background:transparent url('/jp/img/businessmodel/safety/illust02_1_4s.png') no-repeat top left; }
.is-page02 .popup01 .illust05 { position:absolute; top:118px; left:60px; transition:0.8s 18.6s; }
.is-page02 .popup01 .illust05 span { display:block; position:absolute; top:68px; left:50px; width:742px; height:328px; overflow:hidden; background:transparent url('/jp/img/businessmodel/safety/illust02_1_5s.png') no-repeat top left; }
.is-page02 .popup01 .illust06 { position:absolute; top:118px; left:60px; transition:0.8s 23.0s; }
.is-page02 .popup01 .illust06 span { display:block; position:absolute; top:78px; left:116px; width:620px; height:128px; overflow:hidden; background:transparent url('/jp/img/businessmodel/safety/illust02_1_6s.png') no-repeat top left; }



.is-page02 .popup02 { position:relative; width:960px; height:660px; margin:35px auto; background:url('/jp/img/businessmodel/safety/popup02_2_bg.png') no-repeat center #eaf5f8; border-radius:30px; }
.is-page02 .popup02 .illust01 { position:absolute; top:120px; left:180px; transition:0.8s 1.2s; }
.is-page02 .popup02 .illust02 { position:absolute; top:150px; left:0px; transition:0.5s 2.4s; }
.is-page02 .popup02 .illust02 span { display:block; width:960px; height:288px; overflow:hidden; background:transparent url('/jp/img/businessmodel/safety/illust02_2_2.png') no-repeat top left; }
.is-page02 .popup02 .illust03 { position:absolute; bottom:0px; left:0px; border-radius:0 0 30px 30px / 0 0 30px 30px; overflow:hidden; transition:0.5s 3.6s; }



/*----- page03 -----*/
.is-page03 .popup01 { position:relative; width:960px; height:660px; margin:35px auto; background:url('/jp/img/businessmodel/safety/popup03_1_bg.png') no-repeat top #f6efdd; border-radius:30px; }
.is-page03 .popup01 .illust01 { position:absolute; top:112px; left:0px; transition:0.8s 1.2s; }
.is-page03 .popup01 .illust01-1 { position:absolute; top:114px; left:66px; transition:0.5s 2.4s; }
.is-page03 .popup01 .illust01-s { position:absolute; top:220px; left:414px; transition:0.8s 3.6s; }
.is-page03 .popup01 .illust01-s span { display:block; width:120px; height:340px; overflow:hidden; background:transparent url('/jp/img/businessmodel/safety/illust03_1_1s.png') no-repeat top left; }
.is-page03 .popup01 .illust01-2 { position:absolute; top:128px; left:580px; transition:0.5s 4.8s; }
.is-page03 .popup01 .illust02 { position:absolute; top:112px; left:0px; transition:0.8s 8.4s; }
.is-page03 .popup01 .illust02 { width: 100%; }/*----- 追加 -----*/
.is-page03 .popup01 .illust02-1 { position:absolute; top:116px; left:50px; transition:0.5s 9.6s; }
.is-page03 .popup01 .illust02-s { position:absolute; top:220px; left:414px; transition:0.8s 10.8s; }
.is-page03 .popup01 .illust02-s span { display:block; width:120px; height:340px; overflow:hidden; background:transparent url('/jp/img/businessmodel/safety/illust03_1_1s.png') no-repeat top left; }
.is-page03 .popup01 .illust02-2 { position:absolute; top:140px; left:580px; transition:0.5s 12.0s; }
.is-page03 .popup01 .illust03 { position:absolute; top:112px; left:0px; transition:0.8s 15.6s; }
.is-page03 .popup01 .illust03-1 { position:absolute; top:200px; left:152px; transition:0.5s 16.8s; }

.is-page03 .popup02 { position:relative; width:960px; height:660px; margin:35px auto; background:url('/jp/img/businessmodel/safety/popup03_2_bg.png') no-repeat top #f6efdd; border-radius:30px; }
.is-page03 .popup02 .illust01 { position:absolute; top:118px; left:190px; transition:0.8s 1.2s; }
.is-page03 .popup02 .illust02 { position:absolute; top:546px; left:0; width:960px; height:90px; overflow:hidden; }
.is-page03 .popup02 .illust02 span { display:block; width:960px; }
.is-page03 .popup02 .illust02 img { width: auto; height:90px; }
.is-page03 .popup02 .illust03 { position:absolute; top:186px; left:187px; transition:0.5s 2.8s; }
.is-page03 .popup02 .illust04 { position:absolute; top:364px; left:308px; overflow:hidden; }


/*----- page04 -----*/
.is-page04 .popup01 { position:relative; width:960px; height:660px; margin:35px auto; background:url('/jp/img/businessmodel/safety/popup04_1_bg.png') no-repeat center #f3e9d9; border-radius:30px; }
.is-page04 .popup01 .illust01 { position:absolute; top:120px; left:60px; transition:0.8s 1.2s; }
.is-page04 .popup01 .illust01 .s1 { display:block; position:absolute; top:132px; left:260px; transition:0.6s 2.2s; }
.is-page04 .popup01 .illust01 .s2 { display:block; position:absolute; top:182px; left:260px; transition:0.6s 2.8s; }
.is-page04 .popup01 .illust02 { position:absolute; top:120px; left:60px; transition:0.8s 6.4s; }
.is-page04 .popup01 .illust02 .s1 { display:block; position:absolute; top:132px; left:260px; transition:0.6s 7.4s; }
.is-page04 .popup01 .illust02 .s2 { display:block; position:absolute; top:182px; left:260px; transition:0.6s 8.0s; }
.is-page04 .popup01 .illust03 { position:absolute; top:120px; left:60px; transition:0.8s 12.4s; }
.is-page04 .popup01 .illust03 span { display:block; position:absolute; top:250px; left:210px; }
.is-page04 .popup01 .illust04 { position:absolute; top:120px; left:60px; transition:0.8s 16.8s; }
.is-page04 .popup01 .illust04 .s1 { display:block; position:absolute; top:194px; left:150px; transition:0.2s 17.6s; }
.is-page04 .popup01 .illust04 .s2 { display:block; position:absolute; top:218px; left:620px; transition:0.2s 18.2s; }

.is-page04 .popup02 { position:relative; width:960px; height:660px; margin:35px auto; background:url('/jp/img/businessmodel/safety/popup04_2_bg.png') no-repeat center #f3e9d9; border-radius:30px; }
.is-page04 .popup02 .illust01 { position:absolute; top:124px; left:0px; transition:0.8s 1.2s; }
.is-page04 .popup02 .illust01 span { display:block; width:150px; height:88px; overflow:hidden; background:transparent url('/jp/img/businessmodel/safety/illust04_2_1s.png') no-repeat top left; }
.is-page04 .popup02 .illust01 .left { position:absolute; top:280px; left:108px; }
.is-page04 .popup02 .illust01 .right { position:absolute; top:290px; right:104px; }
/*.is-page04 .popup02 .illust02 { position:absolute; top:124px; left:230px; transition:0.8s 1.2s; }*/
.is-page04 .popup02 .illust02 { position:absolute; top:124px; left:70px; transition:0.8s 1.2s; }/*----- 追加 -----*/
.is-page04 .popup02 .illust02 img { width: 100% !important; max-width: 500px !important; }/*----- 追加 -----*/
.is-page04 .popup02 .illust03 { position:absolute; top:124px; left:230px; transition:0.8s 4.4s; }
.is-page04 .popup02 .illust04 { position:absolute; top:124px; left:230px; transition:0.8s 7.6s; }
.is-page04 .popup02 .illust05 { position:absolute; top:124px; left:230px; transition:0.8s 10.8s; }
.is-page04 .popup02 .illust06 { position:absolute; top:124px; left:230px; transition:0.8s 14.0s; }
.is-page04 .popup02 .illust07 { position:absolute; top:124px; left:230px; transition:0.8s 17.2s; }
.is-page04 .popup02 .illust08 { position:absolute; top:124px; left:230px; transition:0.8s 20.4s; }
.is-page04 .popup02 .illust09 { position:absolute; top:124px; left:230px; transition:0.8s 23.6s; }
.is-page04 .popup02 .illust10 { position:absolute; top:124px; left:230px; transition:0.8s 26.8s; }
.is-page04 .popup02 .illust11 { position:absolute; top:124px; left:230px; transition:0.8s 30.0s; }
.is-page04 .popup02 .illust12 { position:absolute; top:124px; left:230px; transition:0.8s 33.2s; }
.is-page04 .popup02 .illust13 { position:absolute; top:124px; left:0px; transition:0.8s 36.4s; }
.is-page04 .popup02 .illust13 span { display:block; position:absolute; top:56px; left:150px; width:660px; height:160px; overflow:hidden; background:transparent url('/jp/img/businessmodel/safety/illust04_2_13s.png') no-repeat top left; }






@media screen and (max-width:800px) {

.close { position:relative; top:0; right:0; padding:10px 0 45px; }
.modal-close { margin:0 auto; width:272px; height:54px; background:url('/jp/img/businessmodel/safety/sp_btn_close.png') no-repeat center; background-size:contain; }

/*----- pageTop -----*/
.block01 .modal-block { background:#eaf5f8; }
.sp-popup01 .illust { max-width:400px; margin:0 auto; }
.sp-popup01 .illust img { width:100%; }

.block05 .modal-block { background:#eaf5f8; }
.sp-popup02 .illust { max-width:400px; margin:0 auto; }
.sp-popup02 .illust img { width:100%; }

.block05 .modal-block { background:#eaf5f8; }
.sp-popup03 .illust { max-width:400px; margin:0 auto; }
.sp-popup03 .illust img { width:100%; }

/*----- page01 -----*/
.is-page01 .block01 .modal-block { background:#eaf5f8; }
.is-page01 .sp-popup01 .illust { max-width:400px; margin:0 auto; }
.is-page01 .sp-popup01 .illust img { width:100%; }

.is-page01 .block05 .modal-block { background:#eaf5f8; }
.is-page01 .sp-popup02 .illust { max-width:400px; margin:0 auto; }
.is-page01 .sp-popup02 .illust img { width:100%; }

/*----- page02 -----*/
.is-page02 .block01 .modal-block { background:#eaf5f8; }
.is-page02 .sp-popup01 .illust { max-width:400px; margin:0 auto; }
.is-page02 .sp-popup01 .illust img { width:100%; }

.is-page02 .block05 .modal-block { background:#eaf5f8; }
.is-page02 .sp-popup02 .illust { max-width:400px; margin:0 auto; }
.is-page02 .sp-popup02 .illust img { width:100%; }

/*----- page03 -----*/
.is-page03 .block01 .modal-block { background:#f6efdd; }
.is-page03 .sp-popup01 .illust { max-width:400px; margin:0 auto; }
.is-page03 .sp-popup01 .illust img { width:100%; }

.is-page03 .block03 .modal-block { background:#f6efdd; }
.is-page03 .sp-popup02 .illust { max-width:400px; margin:0 auto; }
.is-page03 .sp-popup02 .illust img { width:100%; }

/*----- page04 -----*/
.is-page04 .block01 .modal-block { background:#f3e9d9; }
.is-page04 .sp-popup01 .illust { max-width:400px; margin:0 auto; }
.is-page04 .sp-popup01 .illust img { width:100%; }

.is-page04 .block02 .modal-block { background:#f3e9d9; }
.is-page04 .sp-popup02 .illust { max-width:400px; margin:0 auto; }
.is-page04 .sp-popup02 .illust img { width:100%; }

}