/*franchise*/
.franchise_btn:link, .franchise_btn:visited {display:block;width: 44%;margin: 5% auto auto auto;padding: 2.5% 5%;text-align: right;color:#ffe800;font-size: 1.3vw;background: #009844 url(../img/nav_bg.png) 0 0 no-repeat;background-size:auto 100%;border-radius: 5px;transition: all 0.15s ease-in;font-style: italic;letter-spacing: 3px;box-shadow: -6px 8px 20px rgba(0,0,0,0.4);z-index: 3;position: relative;font-weight: 700;}

.franchise_btn:link span, .franchise_btn:visited span { font-weight:700;}
.green01 { color:#009844;}


.franchise_menu {position:absolute;left:50%;transform:translate(-50%,-50px);display:flex;gap: 10px;}
.franchise_menu_p1 {position:absolute;left:50%;transform:translate(-50%,-50px);display:flex;gap: 10px;}
.franchise_menu_p1 a:link, .franchise_menu_p1 a:visited {display:block;padding: 20px 10px;color:#333333;letter-spacing: 5px;border-radius:5px;width: 9vw;text-align: center;font-size: 1vw;transition: all 0.15s ease-in;}
.franchise_menu_p1 a:hover { background:#009844; color:#FFF; font-weight:700;}
.franchise_menu_p1 .on:link, .franchise_menu_p1 .on:visited {background:#009844;color:#FFF;font-weight:700;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}

.franchise_menu_p1 .fotm_btn:link, .franchise_menu_p1 .fotm_btn:visited { font-weight:800; color:#009844; border: none;}
.franchise_menu_p1 .fotm_btn:hover { color:#009844; background:none;}

.sections h1 {margin-bottom:3%;font-size: 2.4vw;color: #404041;}
.sections h3 { font-weight: 700;}

.section_franchise {position:relative;margin: 4% auto auto;width: 100%;/* min-height: 600px; */}
.section_franchise .franchise_bg1 {position:absolute;width: 72%;height:100%;background: url(/franchise/assets/img/b1.jpg) right 50% no-repeat;background-size: calc(100vw * 564 / 1920) auto;top: 0;left: 14%;z-index: 2;}
.section_franchise .franchise_bg1.bb2 {background-position-y: 38.3%;}
.section_franchise .franchise_bg1.bb3 { background-position-y: 25%;}
.section_franchise .franchise_bg1.bb4 {background-position-y: 70%;}
.section_franchise .franchise_bg2 {position:absolute;width: 100%;height:100%;background: url(/franchise/assets/img/b2_01.jpg) right bottom no-repeat;background-size: contain;top: 0;left: 0;z-index: 1;}

.franchise_item {margin:auto;width: 910px;display:none;position: relative;z-index: 2;}
.franchise_item.show01 {display:block;}

.franchise_item .item_copy {/* width: 94%; */margin: 1.4% auto;line-height: 1.8;letter-spacing: 3px;font-size: 1vw;}

.franchise01 .footer {background:url(/franchise/assets/img/b2_02.jpg) 0 0 no-repeat;padding: 20% 0 100px 0;background-size: 100% auto;}

.p0331a { padding:2vw 0 5vw 0; color:#666; font-size:0.729vw; text-align:center; line-height:1.6; border-bottom:2px solid #333; margin-bottom:5vw;}
.p0331b { position:relative; padding:2vw 0 5vw 0; color:#666; font-size:0.729vw; text-align:center; line-height:2; z-index:2;}

.p1a1 {display:flex;margin: 5% 0;flex-wrap: wrap;}
.p1a1 li {width: calc(33.33% - 2px);text-align: center; border-right:2px solid #333;}
.p1a1 li:last-child { border-right:none;}
.p1a1 li .a1 {font-size:4vw;color:#009844;font-weight: 700;white-space: nowrap;line-height: 1;}
.p1a1 li .a1 span {font-size:1.5vw; margin-left:5px;}
.p1a1 li .a2 { letter-spacing:1px;}

.p1a2 {display:flex;margin: 4% 2%;justify-content: space-around;}
.p1a2 li {float: left;width: 270px;height: 400px;/* padding:3%; */text-align: center;background: url(/franchise/assets/img/p1a.jpg) 0 bottom no-repeat;background-size: cover;border-radius: 12px;box-shadow: 3px 6px 16px rgba(0,0,0,0.3);}
.p1a2 li p {
	padding: 15% 2% 0;
	font-size: 1.3vw;
	font-weight: 700;
	line-height: 1.6;
	background: linear-gradient(340deg, #eac968 0%, #8b5d0a 60%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.p1a3 {display:flex;margin: 3% auto auto;padding-bottom: 8%;}
.p1a3 .left01 {width: 500px;}
.p1a3 .right01 {width: 385px;padding-left: 10px;font-size: 0.95vw;line-height: 1.8;letter-spacing: 1px;display: flex;flex-wrap: wrap;align-items: center;}
.p1a3 .right01 p {padding-bottom: 20px;font-size: 1vw;}
.p1a3 .right01 p strong { font-weight: 700;}

.item_pic {width:100%;border-radius: 10px;overflow: hidden;margin-top: 4%;}
.item_pic2 {width: 27.6%;margin: 10% auto auto auto; padding-bottom:3%;}

.p2a1 h3 {margin-bottom: 1%;margin-top: 5%;}
.p2a1 p {padding-top: 2%;font-size: 1vw;line-height: 1.8;letter-spacing: 1px;}
.franchise_item .p02 {padding-left: 8%;}
.franchise_item p strong {font-weight:700;letter-spacing: 2px;}

.p3a1 {width:100%;margin-top: 4%;}
.p3a1 .p3a1_t1 {padding: 0;background: #9ec664;color:#FFF;font-size: 1vw;line-height: 1.8;display: flex;font-weight: 700;}
.p3a1 .a1 {width: 20%;padding: 2.5% 10%;}
.p3a1 .a2 {width: 40%;padding: 2.5% 10%;}
.p3a1 .p3a1_c1 {color:#666;padding-bottom: 3%;border-bottom: 4px solid #78b82a;margin-bottom: 6%;}
.p3a1 .p3a1_c1 .c1_list {display:flex;padding: 0;font-size: 1vw;line-height: 1.8;}
.p3a1 .p3a1_c1 .c1_list .a2 { background:#f5f5f5;}
.p3a1 .p3a1_c1  .a1 {padding: 2% 10%;}
.p3a1 .p3a1_c1  .a2 {padding: 2% 10%;}

.join_btn { min-height:1px;}
.join_btn .franchise_btn:link, .join_btn .franchise_btn:visited { display:none;}
.sidefloating_franchise { display:none!important; margin-bottom:12px;}
.join_pc { display:none; width:910px; position:fixed; left:50%; bottom:2%; transform:translateX(-50%); z-index:8;}
@media only screen and (max-width: 768px){
	 .join_pc { display:none!important;}
	 .join_btn .franchise_btn:link, .join_btn .franchise_btn:visited { display:block;}
	.sidefloating_franchise { display:none!important;}
	.franchise_menu_p1 a:link, .franchise_menu_p1 a:visited {font-weight:100;width: 50px;height: 50px;margin-left: 0%;padding: 0.6rem;font-size: 18px;text-align: center;letter-spacing: 0;display: flex;align-items: center;justify-content: center;transition: all 0.35s ease-in;flex-wrap: wrap;line-height: 1;}
	.franchise_menu_p1 .on:link, .franchise_menu_p1 .on:visited { margin-left:10%;}
	.franchise_menu_p1 a:link span, .franchise_menu_p1 a:visited span {display:inline-block;width:50%;height: 20px;line-height: 20px;overflow: hidden;}

	.header { position:fixed;}
	.container {/*margin-top: calc(100vw * 206 / 1125); background:url(/franchise/assets/img/mobi/menu_bg.jpg) 0 0 repeat-y; */background-size:100% auto;}
	.franchise_menu {position:absolute;left: 0;transform: translate(0,0);display: flex;flex-direction: column;top: 0;width: calc(100vw * 200 / 1125);height: 100%;background: #f4f4f4;padding-top: calc(100vw * 754 / 1125);/* z-index: 1; */}	
	.franchise_menu_p1 {display: flex;flex-direction: column;gap: 10px;z-index: 9;position: absolute;/* top: 0; */left: 0;transform: translate(0, 0);}
	.section_franchise {margin-left: calc(100vw * 270 / 1125);width: 73%;margin-top: 2%;}

	.section1 {z-index: 2;}

	.franchise_item { width:100%;}
	.franchise_item li { padding-bottom:10%;}
	.franchise_item .item_head img { width:calc(100vw * 93 / 1125);}
	.franchise_item .item_head h1 {gap:10px;font-size: 26px;}
	.franchise_item .item_head .a1 {font-size: 18px;padding: 5% 0 3% 0;line-height: 1.6;}
	.franchise_item .item_pic {border-radius: 0;}

	.franchise_item .item_copy {margin-left:0;font-size: 14px;margin-top: 6%;line-height: 1.6;}
	.franchise_item .item_copy .p1 {width:100%;padding: 0;}
	.franchise_item .item_copy .p1 h3 { position:relative; margin-top: 8px;padding-right:30px;font-size: 18px;font-weight: 700; transition: all 0.35s ease-in;}
	.franchise_item .item_copy .p1 h3:after {position: absolute;right: 0px;top: -6px;width: 20px;height: 20px;border-right: 2px solid #666666;border-bottom: 2px solid #666666;transform: rotate(45deg);content: ''; transition: all 0.3s ease-in-out;}

	.franchise_item .item_copy .p1 .h3 {font-size: 18px;font-weight: 700;}

	.franchise_item .item_copy .p1 p {display:none;font-size: 14px;}
	.franchise_item .item_copy .p1.on p { display:block; text-align: justify;}
	.franchise_item .item_copy .p1.on h3:after {transform: rotate(-135deg);top: 6px;}
	.franchise_item .item_copy .p1 p .big01 {font-size: 18px;}

	.franchise_nav {position:fixed;bottom: 3px;left: 2%;width: 86%;padding:0 5%;height: 60px;line-height: 60px;background:#009844 url(../img/mobi/nav.png) 0 0 no-repeat; background-size:auto 100%;z-index: 8;border-radius: 5px;box-shadow: 0px 0px 14px rgba(0,0,0,0.5);}
	.franchise_nav:after {position: absolute;right: 5%;top: 26px;width: 6px;height: 6px;border-right: 2px solid #ffe800;border-bottom: 2px solid #ffe800;transform: rotate(-45deg);content:'';}
	.franchise_nav a:link, .franchise_nav a:visited {display:block;height:100%;width: 90%;color:#ffe800;font-style: italic;font-size: 16px;text-align: right;font-weight: 700;letter-spacing: 2px;padding: 0 5%;}

	.franchise01 .footer {background: #FFF url(../img/mobi/p_19.jpg) 0 bottom no-repeat;background-size:42% auto;padding: 30% 0 100px 0;}
	.franchise01 .footer:before {content:'';top:0;left:0;width:100%;height:100%;background: url(/franchise/assets/img/mobi/bg02.jpg) 0 0 no-repeat;background-size:100% auto;position: absolute;}


	.p1a1 {border-bottom: none;margin-top: 8%;}
	.p1a1 li {float: none;width: 100%;padding: 6% 0 6%;text-align: left;display: flex;border-bottom: 2px solid #333;align-items: center; border-right:none;}
	.p1a1 li .a1 {font-size: 36px;width: 50%;display: flex; align-items: baseline;}
	.p1a1 li .a2 {width: 45%;padding-left: 5%;font-size: 14px;}
	.p1a1 li .a1 span { font-size:20px;}
	
	.p1a2 {display:flex;margin: 8% 0;justify-content: space-around;flex-direction: column;}
	.p1a2 li {float: left;width: 100%;height: 20.1vw;padding: 0;text-align: left;background:url(/franchise/assets/img/mobi/p1a.jpg) 0 0 no-repeat;background-size: cover;border-radius: 4px;box-shadow: 3px 6px 16px rgba(0,0,0,0.3);margin-bottom: 6%;display: flex;align-items: center;}
	.p1a2 li p {
		padding: 0 5%;
		font-size: 15px;
		line-height: 1.4;
		background: linear-gradient(356deg, #eac968 0%, #8b5d0a 60%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		letter-spacing: 0px;
	}
	
	.p1a3 {display:flex;margin: 8% auto;align-items: flex-start;padding-bottom: 8%;flex-direction: column-reverse;}
	.p1a3 .left01 {width: 100%;margin-top: 6%;}
	.p1a3 .right01 {width: 100%;padding-left: 0;font-size: 16px;line-height: 1.6;}
	.p1a3 .right01 p {padding-bottom: 20px;font-size: 14px;}
	.p1a3 .right01 p strong { font-weight: 700;}
	
	.item_pic {width:100%;border-radius: 10px;overflow: hidden;margin-top: 4%;}
	.item_pic2 {width: 100%;margin: 14% auto auto auto; padding-bottom:0;}
	
	.p2a1 h3 {margin-bottom: 2%;margin-top: 8%;}
	.p2a1 p {padding-top: 3%;font-size: 16px;line-height: 1.6;}
	
	.p3a1 {width:100%;margin-top: 4%;}
	.p3a1 .p3a1_t1 {font-size: 14px;line-height: 1.6;}
	.p3a1 .a1 {width: 26%;padding: 4% 6%;}
	.p3a1 .a2 {width: 58%;padding: 4% 6%;}
	.p3a1 .p3a1_c1 {color:#666;padding-bottom: 3%;border-bottom: 4px solid #78b82a;margin-bottom: 6%;}
	.p3a1 .p3a1_c1 .c1_list {padding: 0;font-size: 14px;line-height: 1.6;}
	.p3a1 .p3a1_c1 .c1_list .a2 {/* background:#f5f5f5; */}
	.p3a1 .p3a1_c1  .a1 {padding: 4% 3%;letter-spacing: 0px;}
	.p3a1 .p3a1_c1  .a2 {padding: 4% 3%;}

	.section_franchise .join_btn { display:none;}

	.sections h1 {font-size: 28px;color: #404041;letter-spacing: 0px;}

	.franchise_item .p02 { padding-left:6%;}
	
	.p0331a { padding:2rem 0; font-size:13px; margin-bottom:2rem; border-bottom:none; text-align:left;}
	.p0331b { padding:3rem 0; font-size:13px; text-align:left;}

}
@media only screen and (max-width: 320px){
	.p3a1 .a1 {font-size:12px;}
}