.intro-sec-01{}
.intro-sec-01 li{float:left; border:1px solid #dcdcdc; background-repeat:no-repeat;}
.intro-sec-01 li h5{color:#3960e5; font-weight:900}
.intro-sec-01 li span{display:block; color:#1b1b1e; font-weight:300}
.intro-sec-01 li.icon1{background-image:url(/images/franchise/sub1/sub1_icon1.png)}
.intro-sec-01 li.icon2{background-image:url(/images/franchise/sub1/sub1_icon2.png)}
.intro-sec-01 li.icon3{background-image:url(/images/franchise/sub1/sub1_icon3.png)}

.int02_box{position:relative;}
 
.int02_box::after{position:absolute; content:''; background:url(/images/franchise/sub1/next.png) no-repeat 50%; background-size:100% auto;}

.int02_box li.fir{margin-left:0;}
.int02_box li{float:left; border:1px solid #dbdbde; border-radius:50%; display:table}
.int02_box li div{display:table-cell; text-align:center; vertical-align:middle;color:#3960e5; font-weight:900}
.int02_box li span{display:block;}
.int02_box li span em{position:relative; font-style:normal; color:#3960e5; font-weight:300;}
.int02_box li span em:after{position:absolute; left:0; bottom:0; width:100%; height:1px; content:''; background-color:#3960e5}

.res_circle{display:table; background-color:#3960e5; border-radius:50%;}
 
.res_circle div{display:table-cell; color:#fff; vertical-align:middle; text-align:center;}
.res_circle div img{display:block;}


 
.int02_box2 li{position:relative; background-color:#fff;}
.int02_box2 li div{position:absolute; bottom:0; left:0; width:100%; background-color:#3960e5; color:#fff; font-weight:bold;}


.intro-sec-03 li{float:left; display:table; border:1px solid #dcdcdc}
.intro-sec-03 li span{font-size:0}
.intro-sec-03 li:hover{background-color:#3960e5;box-shadow:7px 7px 10px rgb(0 0 0 / 20%); border:0;}
.intro-sec-03 li:hover p,.intro-sec-03 li:hover em{color:#fff;}



.intro-sec-04 .in_area>div{float:left; width:33.33%;}
.slogan_wrap{font-size:0; text-align:center;}
.slogan_wrap>div{display:inline-block; border-radius:50%; border:1px solid #d5d6d8; text-align:center; color:#3960e5; font-weight:900;}


.vision_wrap{position: relative;font-size:0;text-align:center;z-index: 1;}
.vision_wrap>div{position:relative;display:table;border-radius:50%;text-align:center;color:#fff;background-color:#3960e5;float:left;}
.vision_wrap>div::after{position:absolute;width:1px;height:100%;background-color:#d5d6d8;content:'';/* left:50%; */z-index: -2;}
.vision_wrap>div span{position: relative;display:table-cell;vertical-align:middle;color:#fff;font-weight: bold;z-index: 1;background-color: #3960e5;border-radius: 50%;line-height: 1.3em;}

.v1{display:block; float:unset !important; margin:0 auto;}

.mission{}
.mission .miss_box{display:table; position:relative;  z-index:1; text-align:center; margin:0 auto; }
.mission .miss_box::after{ }
.mission .miss_box>span{position:relative;display:table-cell;vertical-align:middle;color:#fff;line-height:1.3em;font-weight:900;border-radius:50%;background-color:#3960e5;z-index:1;word-break: keep-all;}

 
 .miss_bg{position:absolute;top: -2.5%;left: -2.5%;z-index:-1;content:'';background-color:#e0e5f5;border-radius:50%;width: 105%;height:105%;}
 .miss_bg span{/* z-index: 1; */position:absolute;/* top: -5%; *//* left: -5%; */display:block;border-radius:50%;transform: scale(1);width: 100%;height: 100%;}
.miss_bg span.circle1{width: 108%;height: 108%;background-color:#e0e5f5;margin-top: -4%;margin-left: -4%;}
 .miss_bg span.circle2{width:120%; height:120%;background-color:rgba(224,229,245,0.5);opacity:0; margin-top:-10%; margin-left:-10%;}
.miss_bg span.circle3{width: 125%;height: 125%;background-color:rgba(224,229,245,0.2);opacity:0;margin-top: -13%;margin-left: -13%;}
 .miss_bg span.circle4{width:115%; height:115%;background-color:rgba(224,229,245,0.2);opacity:0; margin-top:-7%; margin-left:-7%;}

 
 .miss_bg .circle1{  }
  .miss_bg .circle2{opacity:1;  animation: circle 0.7s infinite ease-out 0.6s; }
 .miss_bg .circle3{opacity:1; animation: circle 0.7s infinite ease-out 0.8s;  }
 .miss_bg .circle4{opacity:1;animation: circle 0.7s infinite ease-out 1s;} 



.jh_circle{text-align:center;}
.jh_circle>div{position:relative; display:inline-block; vertical-align:middle; border-radius:50%;}
.jh_circle>div>div{display:table;  text-align:center}
.jh_circle>div>div>span{display:table-cell;color:#1b1b1e;line-height: 1.3em;font-weight:500;vertical-align:middle;}
.cir1{border:1px solid #d1d2d4; z-index:1;}
.cir2{background-color:#e0e5f5;}
.cir3{background-color:#3960e5; z-index:3}


.johab_list{}
.johab_list li{float:left; background-color:#fff;}
.johab_list h6{color:#3960e5; font-weight:bold}
.johab_list p{color:#7c7c84; font-weight:300}
.johab_list p strong{display:block; color:#1b1b1e; font-weight:400}


.johab-sec-03{}
.johab-sec-03 li{float:left; border:1px solid #dcdcdc; overflow:hidden;}
.johab-sec-03 li img{width:100%;transform-origin: 50% 50%;}
.johab-sec-03 li:hover img{transform:scale(1.1);}


.map-sec-01 li{float:left; border:1px solid #dcdcdc; background-repeat:no-repeat;}
.map-sec-01 li div{background-repeat:no-repeat;}
.map-sec-01 li strong{display:block; color:#3960e5; font-weight:900}
.map-sec-01 li.icon1 div{background-image:url(/images/franchise/sub1/sub3_icon1.png)}
.map-sec-01 li.icon2 div{background-image:url(/images/franchise/sub1/sub3_icon2.png)}


.comp-sec-01{}
.comp-sec-01 li{float:left; border:1px solid #dcdcdc;}
.comp-sec-01 li div{background-repeat:no-repeat;}

.comp-sec-01 li.icon1 div{background-image:url(/images/franchise/sub2/sub1_icon1.png)}
.comp-sec-01 li.icon2 div{background-image:url(/images/franchise/sub2/sub1_icon2.png)}
.comp-sec-01 li.icon3 div{background-image:url(/images/franchise/sub2/sub1_icon3.png)}
.comp-sec-01 li.icon4 div{background-image:url(/images/franchise/sub2/sub1_icon4.png)}
.comp-sec-01 li.icon5 div{background-image:url(/images/franchise/sub2/sub1_icon5.png)}
.comp-sec-01 li.icon6 div{background-image:url(/images/franchise/sub2/sub1_icon6.png)}
 





.comp-sec-02{}
.comp-sec-02 .plan{position:relative;}
.comp-sec-02 .pl_tab{font-size:0;}
.comp-sec-02 .pl_tab span{display:inline-block;border:1px solid #dcdcdc;font-weight:500;color:#7c7c84;text-align:center;cursor:pointer;background-color: #fff;}
.comp-sec-02 .pl_tab span.swiper-pagination-bullet-active{font-weight:bold; color:#fff; border:0; box-shadow:5px 5px 10px rgba(0,0,0,0.2); background-color:#3960e5;}




.plan_slide{position:relative;}
.plan_slide li{position:relative; background-color:#fff; }
.plan_slide .pl_img{position:relative;overflow: hidden;}
.plan_slide .pl_img iframe{position:absolute;}

.plan1 .pl_img{background:url(/images/franchise/sub2/sub1_img1.png) no-repeat 50%;}

.plan3 .pl_img{background:url(/images/franchise/sub2/sub1_img2.png) no-repeat 50%;}
.plan4 .pl_img{background:url(/images/franchise/sub2/sub1_img3.png) no-repeat 50%;}




.pl_con{display:table;}
.pl_con dl{display:table-cell; vertical-align:middle;}
.pl_con dt{color:#3960e5; font-weight:800}
.pl_con dd{position:relative;color:#1b1b1e;font-weight:400;word-break: keep-all;}
.pl_con dd span{display:block; position:absolute; left:0; border-radius:50%; border:1px solid #cfcfcf}
.pl_con dd i{position:absolute; color:#3960e5;}

.pl_btn{position:absolute;top:50%;cursor:pointer;z-index: 10;}
.pl_btn.l_btn{left:0; background:url(/images/franchise/sub2/sub1_left.png) no-repeat 50%;}
.pl_btn.r_btn{right:0; background:url(/images/franchise/sub2/sub1_right.png) no-repeat 50%;}




.comp_circle{text-align:center;}
.comp_circle>div{display:inline-block; vertical-align:middle; text-align:center}
.comp_circle .cir1{border:1px solid #ccc;}
.comp_circle .cir1 strong{display:block; color:#1b1b1e; font-weight:bold;}
.comp_circle .cir1 p{color:#7c7c84; font-weight:300;}

.comp_circle .cir2{background-color:#3960e5}
.comp_circle .cir2 strong{color:#fff; font-weight:bold;}




.step-sec-01{}
.step-sec-01 li{position: relative;float:left;background-color:#fff;}
.step-sec-01 li::after{position:absolute;top:50%;content:'';background:url(/images/franchise/sub2/sub2_next.png) no-repeat 50%;background-size: 100% auto !important;z-index: 1;}
.step-sec-01 li.last::after{display:none}
.step-sec-01 li span{display:block; border:1px solid #dcdcdc; color:#1b1b1e; font-weight:500; text-align:center}
.step-sec-01 li:hover span{color:#fff; border:1px solid #fff}
.step-sec-01 li h5{color:#1b1b1e; font-weight:800}
.step-sec-01 li p{color:#1b1b1e; font-weight:300; line-height:1.4em}


.cost_table{}
.cost_table table{width:100%;}
.cost_table p{color:#1b1b1e; font-weight:300;}



.cost_table th,.cost_table td{color:#1b1b1e;font-weight:400;text-align:center;word-break: keep-all;}
.cost_table th{ background-color:#e0e5f5}

.cost_table tr.total td{background-color:#3960e5; color:#fff; font-weight:bold;}
.cost_table tr:nth-child(even) td{background-color:#fff}
.cost_table tr:nth-child(even) td{background-color:#fff}


@media (min-width: 1300px) {
  
 .sub_slide .sub1{background:url(/images/franchise/pc_viausl1.png) no-repeat 50%}
 .sub_slide .sub2{background:url(/images/franchise/pc_viausl2.png) no-repeat 50%}
 .sub_slide .sub3{background:url(/images/franchise/pc_viausl3.png) no-repeat 50%}
 .fr1040 .sub_visual{background:url(/images/franchise/pc_viausl1.png) no-repeat 50%}
 
.intro-sec-01 ul{margin: 50px  -1vw 40px;}
.intro-sec-01 li{width:25vw;padding:2.5vw 3.75vw;margin: 0 1vw; background-position:90% 50%}
.intro-sec-01 li h5{font-size:45px;}
.intro-sec-01 li span{margin-top:20px; font-size:22px}

.int02_box{margin:50px 0;}
.int02_box::after{width:10.1vw; height:60px; top:50%; margin-top:-30px; right:19.25vw}
.int02_box li{width:17.5vw; height:17.5vw; margin-left:-2vw;}
.int02_box li div{font-size:30px;}
.int02_box li span{font-size:20px; margin-bottom:30px}
.int02_box li span em{padding-bottom:5px; font-size:20px;}

.res_circle {width:17.5vw; height:17.5vw;}
.res_circle div img{margin:0 auto 20px; max-width:80%}
.res_circle div{font-size:22px}


.int02_box2 ul{margin: 0 -1%;}
.int02_box2 li{width: 31.3%;margin: 0 1%;padding: 2.5vw 0 3.5vw;min-height: 18vw;}
.int02_box2 li .ind2{line-height:1.4em; margin-bottom:10px}
.int02_box2 li h5,.int02_box2 li p{padding:0 2.5vw;}
.int02_box2 li h5{font-size: 1.4vw;}
.int02_box2 li p{font-size: 1vw;}
.int02_box2 li div{font-size: 1vw;padding:0 2.5vw;height: 3.5vw;line-height: 3.5vw;}



.intro-sec-03 ul{margin: 0 -1%;}
.intro-sec-03 li{width: 48%;margin: 0 1% 2vw;padding:0 2.5vw;height: 7.5vw;}

.intro-sec-03 li div{display:table-cell; vertical-align:middle;}
.intro-sec-03 li p{margin-top: 1vw;font-size: 1.1vw;}


.intro-sec-04 .in_area>div{padding:0 5vw}
.slogan_wrap>div{width:7.5vw;height:7.5vw;line-height:7.5vw;font-size: 23px;}
.slogan_wrap .mleft{margin-left:-3%;}
.slogan_wrap .mtop{margin-top:-3%;}


.mission h3{margin-bottom:80px;}
.mission .miss_box{width:13vw; height:13vw;}
.mission .miss_box>span{font-size: 23px;} 
.mission .miss_box::after{width:130%; height:130%; margin-left:-65%; margin-top:-65%;}



.vision_wrap>div{width:7.5vw; height:7.5vw;}
.vision_wrap>div span{font-size: 23px;}
.v1::after{transform: rotate(28deg);top: 25%;left: 8%;}
.v2{margin-right:1.3vw;}
.v2::after{transform: rotate(-90deg);top: 25%;left: 104%;}
.v3::after{transform: rotate(153deg);top: -51%;left: 46%;}


.johab-sec-01{padding:150px 0 585px !important; background:url(/images/franchise/sub1/sub2_pc.png) no-repeat 10vw 100%}
.johab-sec-01 .tit_txt{margin-bottom:20px}
.johab-sec-01 .txt{padding-right:430px}

.jh_circle{margin-bottom:45px;}
.jh_circle>div{margin: 0 -0.75vw;}
.jh_circle>div>div{width: 12.25vw;height: 12.25vw;}
.jh_circle span{font-size:22px;}

.cir3>div{width: 19.5vw !important;height: 19.5vw!important;}

.johab_list ul{margin:0 -0.65vw;}
.johab_list li{width: 18.7vw;margin:0 0.65vw 26px;}
.johab_list li div{padding:55px 50px 0; height:250px;}
.johab_list h6{font-size:28px; margin:18px 0 20px}
.johab_list p strong{font-size:20px; margin-bottom:10px}
.johab_list p{font-size:18px;}

.johab-sec-03 ul{margin:0 -0.65vw;}
.johab-sec-03 li{padding:20px;width: 18.8vw;margin:0 0.65vw 1.3vw;}


.map-sec-01 .tit_txt{margin-bottom:40px}
.map-sec-01 ul{margin: 0 -1vw;}
.map-sec-01 li{width: 47.5%;margin: 0 1vw;}
.map-sec-01 li div{padding: 52px 0 0 9vw;height: 200px;background-position: 2vw 50%;}
.map-sec-01 li strong{font-size:40px; margin-top:25px}
.map-sec-01 li p{margin-top:15px;}

.map-sec-01 .map_box{margin-top:50px; height:700px}





.comp-sec-01 ul{margin:0 -1.25vw;}
.comp-sec-01 li{width:30.25%;margin:0 1.25vw;margin-top: 50px;}
.comp-sec-01 li div{padding: 50px 26px 0 142px;height:200px;background-position: 21px 50%;}
.comp-sec-01 li p{margin-top:15px}


.comp-sec-02 .pl_tab span{width:170px; height:60px; line-height:60px; border-radius:30px; font-size:20px; margin:0 5px;}
.comp-sec-02 .pl_tab{top:-110px;}


.comp-sec-02 .sb_tit{margin-bottom:60px}

.plan{padding:0 20px;}

.plan_slide .pl_img{
    width: 50%;
}
.plan_slide .pl_img iframe{width: 100%;height: 121%;top: -11%;left: 0;}

.pl_con {padding:0 50px; height:500px;}
.pl_con dt{font-size:35px; margin-bottom:30px;}
.pl_con dd{padding-left:35px; font-size:20px; margin-bottom:25px;}
.pl_con dd span{width:15px; height:15px; top:0;}
.pl_con dd i{top: -6px;left: -1px;font-size:20px;}

.pl_btn{width:70px; height:70px; margin-top:-35px}


.comp_circle>div{width:35%; height:200px; margin:0 -1.25%; border-radius:100px;}
.comp_circle>div strong{font-size:30px;}
.comp_circle .cir1{padding:60px 0;}
.comp_circle .cir1 p{margin-top:25px; font-size:20px;}
.comp_circle .cir2{padding:85px 0;}



.step-sec-01{margin-top:200px}
.step-sec-01 ul{margin:0 -2.5vw}
.step-sec-01 li{width: 27.3%;height:330px;margin:5vw 2.5vw 0;padding:70px 30px 70px 50px;}
.step-sec-01 li span{width:80px; height:40px; line-height:40px; font-size:18px; height:40px; border-radius:20px;}
.step-sec-01 li h5{margin:20px 0 30px; font-size:28px;}
.step-sec-01 li p{font-size:20px;}
.step-sec-01 li::after{width: 3vw;height: 3vw;right: -4vw;margin-top: -1.5vw;}



.cost_table{margin-top:30px}
.cost_table table{margin:10px 0 25px}
.cost_table th,.cost_table td{width:25%; font-size:18px; height:70px;}
.cost_table p{font-size:18px;}


.cost_table .go{ margin: 48px auto 0;}
 
}
 
@media (min-width:640px){
.int02_box2 {position:relative;}
.int02_box2 li{float:left;}

.res_circle{position:absolute; top:0; right:0;}


.comp-sec-02 .pl_tab{position:absolute;  right:0;}

.plan_slide li{padding-left:50%;}
.plan_slide li .pl_img{position:absolute;top:0;left:0;height:100%;overflow: hidden;width: 50%;background-size: cover !important;}
.plan_slide .pl_img iframe{width: 100%;height: 121%;top: -11%;left: 0;}


}
@media (min-width: 640px) and (max-width: 1299px){
  

.intro-sec-01 ul{margin: 4vw  -1vw 3vw;}
.intro-sec-01 li{width: 28.7vw;padding: 4vw 2.5vw;margin: 0 1vw;background-position:90% 50%;background-size: 9vw auto;}
.intro-sec-01 li h5{font-size: 3.7vw;}
.intro-sec-01 li span{margin-top: 1vw;font-size: 1.8vw;}

.int02_box{margin: 4vw 0;}
.int02_box::after{width: 8.3vw;height: 2.5vw;top:50%;margin-top: -1.3vw;right: 22vw;}
.int02_box li{width: 21vw;height: 21vw;margin-left:-2vw;}
.int02_box li div{font-size: 2.5vw;}
.int02_box li span{font-size: 1.6vw;margin-bottom: 2.5vw;}
.int02_box li span em{padding-bottom: 0.3vw;font-size: 1.6vw;}

.res_circle {width: 21vw;height: 21vw;}
.res_circle div img{margin: 0 auto 2vw;width: 14.8vw;}
.res_circle div{font-size: 1.8vw;}


.int02_box2 ul{margin: 0 -0.7vw;}
.int02_box2 li{width: 29vw;margin: 0 0.7vw;padding: 2vw 0 8.7vw;height: 30vw;}
.int02_box2 li .ind2{line-height:1.4em;margin-bottom: 0vw;}
.int02_box2 li h5,.int02_box2 li p{padding: 0 2vw;}
.int02_box2 li h5{font-size:1.6vw;}
.int02_box2 li h5 strong{font-size:2.3vw;}
.int02_box2 li p{font-size: 1.6vw;}
.int02_box2 li div{font-size: 1.6vw;padding: 2.5vw;height: 8.7vw;line-height: 1.3em;}



.intro-sec-03 ul{margin:0 -0.5vw;}
.intro-sec-03 li{width: 48%;margin: 0 1% 2vw;padding:0 2.5vw;height:150px}
.intro-sec-03 li div{display:table-cell; vertical-align:middle;}
.intro-sec-03 li p{margin-top:20px;}


.intro-sec-04 .in_area>div{padding:0 5vw}
.slogan_wrap>div{width: 8.5vw;height: 8.5vw;line-height: 8.5vw;font-size: 2vw;}
.slogan_wrap .mleft{margin-left:-3%;}
.slogan_wrap .mtop{margin-top:-3%;}


.mission h3{margin-bottom: 5vw;}
.mission .miss_box{width: 14vw;height: 14vw;}
.mission .miss_box>span{font-size: 2vw;} 
.mission .miss_box::after{width:130%; height:130%; margin-left:-65%; margin-top:-65%;}



.vision_wrap>div{width: 8.5vw;height: 8.5vw;}
.vision_wrap>div span{font-size: 2vw;}
.v1::after{transform: rotate(28deg);top: 25%;left: 8%;}
.v2{margin-right:1.3vw;margin-left: 2vw;}
.v2::after{transform: rotate(-90deg);top: 25%;left: 104%;}
.v3::after{transform: rotate(153deg);top: -51%;left: 46%;}


.johab-sec-01{padding: 12.6vw 0 42.5vw !important;background: url(/images/franchise/sub1/sub2_tab.png) no-repeat 4.2vw 100%;background-size: 100% auto;}
.johab-sec-01 .tit_txt{margin-bottom:20px}
.johab-sec-01 .txt{}

.jh_circle{margin-bottom:45px;}
.jh_circle>div{margin: 0 -1.4vw;}
.jh_circle>div>div{width: 18vw;height: 18vw;}
.jh_circle span{font-size: 1.8vw;}


.cir3>div{width: 28vw !important;height: 28vw!important;}
.cir3>div span img{width:21vw;}

.johab_list ul{margin: 0 -1.5vw;}
.johab_list li{width: 27.8vw;margin: 0 1.5vw 3vw;}
.johab_list li div{padding: 4.5vw 4vw 0;height: 21vw;}
.johab_list h6{font-size: 2.3vw;margin: 1vw 0 1.5vw;}
.johab_list p strong{font-size: 1.6vw;margin-bottom: 1vw;}
.johab_list p{font-size: 1.5vw;}



.johab-sec-03 ul{margin: 0 -1vw;}
.johab-sec-03 li{padding: 1.5vw;width: 28.5vw;margin: 0 1vw 2vw;}

.map-sec-01 .tit_txt{margin-bottom:40px}
.map-sec-01 ul{margin: 0 -1vw;}
.map-sec-01 li{width: 47.5%;margin: 0 1vw;}
.map-sec-01 li div{padding: 5vw 0 0  11vw;height: 17vw;background-position: 2vw 50%;background-size: 8vw auto;}
.map-sec-01 li strong{font-size: 3vw;margin-top: 2vw;}
.map-sec-01 li p{margin-top: 1vw;padding-right: 0vw;}

.map-sec-01 .map_box{margin-top:4vw; height:65vw}





.comp-sec-01 ul{margin: 0 -1.6vw;}
.comp-sec-01 li{width: 44vw;margin: 0 1.6vw;margin-top: 3.5vw;}
.comp-sec-01 li div{padding: 4vw 26px 0 13vw;height: 16vw;background-position: 3vw 50%;background-size: 7.5vw auto;}
.comp-sec-01 li p{margin-top:15px}


.comp-sec-02 .pl_tab span{width: 14vw;height: 5vw;line-height: 5vw;border-radius: 2.5vw;font-size: 1.6vw;margin: 0 0.4vw;}
.comp-sec-02 .pl_tab{top: -11vw;}


.comp-sec-02 .sb_tit{margin-bottom: 7vw;}

.plan{padding:0 20px;}
.pl_con {padding:0 50px;height: 50vw;}
.pl_con dt{font-size: 2.9vw;margin-bottom: 3vw;}
.pl_con dd{padding-left: 2.8vw;font-size: 1.6vw;margin-bottom: 2vw;}
.pl_con dd span{width: 1.3vw;height: 1.3vw;top: 0.2vw;}
.pl_con dd i{top: -0.7vw;left: -0.2vw;font-size: 1.9vw;}

.pl_btn{width: 5vw;height: 5vw;margin-top: -4.5vw;background-size: 100% auto !important;}


.comp_circle>div{width: 33vw;height: 18vw;margin: 0 -1.7vw;border-radius: 9vw;}
.comp_circle>div strong{font-size: 2.5vw;}
.comp_circle .cir1{padding: 6vw 0;}
.comp_circle .cir1 p{margin-top: 2vw;font-size: 1.6vw;line-height: 1.3em;padding: 0 5vw;}
.comp_circle .cir2{padding: 8.2vw 0;}




.step-sec-01{margin-top:12.6vw}
.step-sec-01 ul{margin: 0 -5.25vw;}
.step-sec-01 li{width: 36.8vw;height: 27.4vw;margin: 5vw 5.25vw 0;padding: 5vw 4vw;}
.step-sec-01 li span{width: 6.7vw;height: 3.5vw;line-height: 3.5vw;font-size: 1.5vw;height: 3.5vw;border-radius: 1.8vw;}
.step-sec-01 li h5{margin: 1.5vw 0 3vw;font-size: 2.3vw;}
.step-sec-01 li p{font-size: 1.5vw;}
.step-sec-01 li::after{width: 5vw;height: 5vw;right: -8vw;margin-top: -2.5vw;}



.cost_table{margin-top:5vw}
.cost_table table{margin:1vw 0 2vw}
.cost_table th,.cost_table td{width:25%; font-size:1.5vw; height:5.5vw;}
.cost_table p{font-size:1.5vw;}


.cost_table .go{margin: 4vw auto 0;}

}
@media (max-width:1299px){
 .sub_slide .sub1{background:url(/images/franchise/sub_viausl1.png) no-repeat 50%}
 .sub_slide .sub2{background:url(/images/franchise/sub_viausl2.png) no-repeat 50%}
 .sub_slide .sub3{background:url(/images/franchise/sub_viausl3.png) no-repeat 50%}
 .fr1040 .sub_visual{background:url(/images/franchise/subviausl1.png) no-repeat 50%}
}
@media (max-width:640px){
  
.intro-sec-01 ul{margin: 4vw  -1vw 3vw;}
.intro-sec-01 li{width: 100%;padding: 5vw 7vw;margin-bottom: 3vw;background-position:90% 50%;background-size: 10vw auto;}
.intro-sec-01 li h5{font-size: 8vw;}
.intro-sec-01 li span{margin-top: 1vw;font-size: 3.5vw;}

.int02_box{margin: 8.5vw 0;}
.int02_box::after{width: 9.2vw;margin-left: -4.6vw;height: 6vw;bottom: 18vw;left: 50%;background-size: 20vw auto !important;background-position: 100% 50%;transform: rotate(90deg);}
.int02_box li{width: 32vw;height: 32vw;margin-left: -3.5vw;}
.int02_box li div{font-size: 5vw;}
.int02_box li span{font-size: 3.5vw;margin-bottom: 3vw;}
.int02_box li span em{padding-bottom: 0.3vw;font-size: 3.5vw;}

.res_circle {width: 100%;height: 15vw;border-radius: 7.5vw;margin-top: 13vw;}
.res_circle div img{width: 21vw;display: inline-block;vertical-align: middle;}
.res_circle div{font-size: 3.5vw;}


.int02_box2 ul{}
.int02_box2 li{width: 100%;margin-bottom: 6vw;padding: 4vw 0 14vw;height: 42vw;}
.int02_box2 li .ind2{line-height: 1.4em;margin-bottom: 1vw;}
.int02_box2 li h5,.int02_box2 li p{padding: 0 5vw;}
.int02_box2 li h5{font-size: 4.5vw;}
.int02_box2 li h5 strong{}
.int02_box2 li p{font-size: 3.5vw;}
.int02_box2 li div{font-size: 3.5vw;padding: 0 5vw;height: 10vw;line-height: 10vw;}



.intro-sec-03 ul{margin:0 -0.5vw;}
.intro-sec-03 li{width: 100%;margin-bottom: 3vw;padding: 0 5vw;height: 24vw;}
.intro-sec-03 li div{display:table-cell; vertical-align:middle;}
.intro-sec-03 li p{margin-top: 2vw;}


.intro-sec-04 .in_area>div{width: 100%;}
.slogan_wrap{margin-right:-3vw}
.slogan_wrap>div{width: 25vw;height: 25vw;line-height: 25vw;font-size: 4.5vw;margin-left: -3vw;}
.slogan_wrap .mleft{}
.slogan_wrap .mtop{}

.vision{margin:15vw 0}
 
.mission h3{margin-bottom: 10vw;}
.mission .miss_box{width: 37vw;height: 37vw;}
.mission .miss_box>span{font-size: 4.5vw;padding: 0 7vw;} 
.mission .miss_box::after{width:130%; height:130%; margin-left:-65%; margin-top:-65%;}



.vision_wrap>div{width: 25vw;height: 25vw;}
.vision_wrap>div span{font-size: 4.5vw;}
.v1::after{transform: rotate(28deg);top: 25%;left: 8%;}
.v2{margin-right: 14vw;margin-left: 13vw;}
.v2::after{transform: rotate(-90deg);top: 25%;left: 121%;}
.v3::after{transform: rotate(153deg);top: -40%;left: 34%;}



.johab-sec-01{padding: 15vw 0 46vw !important;background: url(/images/franchise/sub1/sub2_mb.png) no-repeat 5vw 100%;background-size: 100% auto;}
.johab-sec-01 .tit_txt{margin-bottom:20px}
.johab-sec-01 .txt{}

.jh_circle{position:relative;padding-top: 27vw;margin-bottom: 9vw;z-index: 1;}
.jh_circle>div{margin: 0 -1.5vw;}
.jh_circle>div>div{width: 24vw;height: 24vw;}
.jh_circle span{font-size: 3.5vw;}

 
.cir3{position: absolute !important;top:0;left:50%;margin-left: -18.5vw !important;z-index: -1;}
.cir3>div{width: 34vw !important;height: 34vw!important;}
.cir3>div span img{width:21vw;}

.johab_list ul{margin: 0 -3vw;}
.johab_list li{width: 40vw;margin: 0 3vw 6vw;}
.johab_list li div{padding: 5vw 5vw 0;height: 32vw;}
.johab_list h6{font-size: 4vw;margin: 2.5vw 0 3vw;}
.johab_list p strong{font-size: 3.5vw;margin-bottom: 2vw;}
.johab_list p{font-size: 3.5vw;}

.johab-sec-03 ul{margin: 0 -3vw;}
.johab-sec-03 li{padding: 3vw;width: 40.1vw;margin: 0 3vw 6vw;}

 

.map-sec-01 .tit_txt{margin-bottom:5vw}
.map-sec-01 li{width:100%; margin-bottom:3vw}
.map-sec-01 li div{padding: 5vw 0 0 17vw;height: 25vw;background-position: 3vw 50%;background-size: 11vw auto;}
.map-sec-01 li.icon2 div{padding: 7vw 0 0 17vw;}
.map-sec-01 li strong{font-size: 7vw;margin-top: 2vw;}
.map-sec-01 li p{margin-top: 1vw;padding-right: 0vw;}

.map-sec-01 .map_box{margin-top: 5vw;height: 81vw;}




.comp-sec-01 ul{}
.comp-sec-01 li{margin-top: 4vw;height: 25vw;display: table;width: 100%;}
.comp-sec-01 li div{display: table-cell;padding: 0 3vw 0 16vw;background-position: 3vw 50%;background-size: 9vw;vertical-align: middle;}
.comp-sec-01 li p{margin-top: 1vw;}


.comp-sec-02 .pl_tab span{width: 21vw;height: 10vw;line-height: 10vw;border-radius: 5vw;font-size: 4vw;margin: 0 1vw;}
.comp-sec-02 .pl_tab{margin: 0 -1vw 5vw;}


.comp-sec-02 .sb_tit{}



.pl_btn.l_btn{left: -3.5vw;}    
.pl_btn.r_btn{right: -3.5vw;}    
.pl_img{height:57vw;margin-bottom: 6vw;background-size: cover !important;}
.plan_slide .pl_img iframe{width: 100%;height: 146%;top: -23%;left: 0;}

.pl_con {padding: 0 5vw;height: 65vw;}
.pl_con dt{font-size: 4.5vw;margin-bottom: 4.5vw;}
.pl_con dd{padding-left: 5vw;font-size: 3.5vw;margin-bottom: 3vw;line-height: 1.3em;}
.pl_con dd span{width: 2vw;height: 2vw;top: 1.2vw;}
.pl_con dd i{top: -1vw;left: -0.3vw;font-size: 2.8vw;}

.pl_btn{width: 7vw;height: 7vw;margin-top: -3.5vw;background-size: 100% auto !important;}


.comp_circle>div{width: 100%;height: 20vw;border-radius: 10vw;}
.comp_circle>div strong{font-size: 4.5vw;}
.comp_circle .cir1{padding: 5vw 0;}
.comp_circle .cir1 p{margin-top: 2vw;font-size: 3.5vw;line-height: 1.3em;padding: 0 5vw;}
.comp_circle .cir2{padding: 8vw 0;}


.step-sec-01{margin-top:12.6vw}
.step-sec-01 ul{margin:0 -2.5vw}
.step-sec-01 li{width: 42vw;height: 46vw;margin: 5vw 2vw 0;padding: 3vw;}
.step-sec-01 li span{width: 12vw;height: 5vw;line-height: 5vw;font-size: 2.5vw;border-radius: 2.5vw;}
.step-sec-01 li h5{margin: 3vw 0 5vw;font-size: 5vw;line-height: 1.1em;}
.step-sec-01 li p{font-size: 3.5vw;}
.step-sec-01 li::after{width: 6vw;height: 6vw;right: -5vw;margin-top: -3vw;}


.col1{width:17.5vw;}
.col3{width:18.5vw;}
.col4{width:18.5vw;}

.cost_table{margin-top:4vw}
.cost_table table{margin:5vw 0}
.cost_table th,.cost_table td{font-size:3vw; height:10vw;}
.cost_table p{font-size:3vw;}


.cost_table .go{margin:15vw auto 0;}

}