@charset "utf-8";

@font-face {
    font-family: 'Vitro_core';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Vitro_core.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'establishRetrosansOTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/establishRetrosansOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#sub_content{position: relative; padding-top: 80px;}
#sub_content::after{content: ''; background: url("/wp-content/uploads/sites/6/legacy/images/common/f_fran_deco1.png") repeat-x; width: 100%; height: 8px; display: block; position: absolute; bottom: -8px; z-index: 3;}

@media all and (max-width:999px){
	#sub_content{padding-top: 60px;}
}

/* menu_list */
.menu .inner{text-align: center;}
.menu .inner .title{}
.menu .inner .title h4{color: #333333; font-size: 2rem; font-weight: 500;}
.menu .inner .title h4 img{ vertical-align: inherit;position: relative; top: 2px;}
.menu .inner .title h3{font-size: 4.2rem; font-style: italic; font-family: 'Montserrat', sans-serif; color: #212121; letter-spacing: -0.06em; margin: 10px 0 20px;}
.menu .inner .title h3 span{ color: #950312;}
.menu .inner .title p{color: #333333; font-size: 1.6rem; word-break: keep-all;}

.menu .inner .list{display: flex;}
.menu .inner .list li{margin: 0 10px; width: 25%; max-width: 305px; border: 1px solid #e3e3e3;}
.menu .inner .list li a{}
.menu .inner .list li a .tit{padding: 12px 20px 0px; text-align: left; color: #212121; padding-bottom: 10px; border-bottom: 1px dashed #ccc;}
.menu.menu1 .inner .list li a .tit{/* background-color: #006847; color: #fff; */ font-size: 1.7rem; color:#999;}
.menu.menu2 .inner .list li a .tit{/* background-color: #FFB830; color: #fff; */ font-size: 1.7rem; color:#999;}
.menu.menu3 .inner .list li a .tit{/* background-color: #ce1126; color: #fff; */ font-size: 1.7rem; color:#999;}
.menu.menu4 .inner .list li a .tit{/* background-color: #272727; color: #fff; */ font-size: 1.7rem; color:#999;}
.menu.menu5 .inner .list li a .tit{/* background-color: #371a1a; color: #fff; */ font-size: 1.7rem; color:#999;}
.menu.menu6 .inner .list li a .tit{/* background-color: #371a1a; color: #fff; */ font-size: 1.7rem; color:#999;}
.menu.menu6 .inner .list{flex-wrap: wrap; justify-content: space-between;}
.menu.menu6 .inner .list li{margin-bottom: 4%;}
.menu .inner .list li a .tit span{font-weight: 500; font-size: 2rem; color: #212121; margin-bottom: 5px; display: inline-block;}
.menu .inner .list li a .img{}
.menu .inner .list li a .img img{max-width: 100%;}
.menu .inner .list li a p{color: #555; text-align: left; word-break: keep-all; margin-top: 10px; font-size: 1.6rem; line-height: 1.7em; letter-spacing: -0.05em; padding: 20px; padding-top: 0; font-weight: 300;}

@media all and (max-width:999px){
	.menu{/* margin-top: 75vh; */ padding: 12% 0 14%;}
	.menu .inner .list{margin-top: 9%; flex-wrap: wrap; justify-content: space-between;}
	.menu .inner .list li{width: calc(50% - 10px); margin-bottom: 4%; margin-left: 0; margin-right: 0;}
	.menu .inner .list li a .tit{padding: 12px 12px;}
	.menu .inner .list li a .tit span{font-size: 1.8rem; margin-bottom: 2px;}
	.menu .inner .list li a p{font-size: 1.4rem; word-break: break-all;}
	.menu .inner .list li a .img img{width: 100%;}
}
@media all and (max-width:480px){
	.menu .inner .list li{ margin-left: auto; margin-right: auto; margin-bottom: 8%;}
}

/*
@keyframes opa {
	0%{opacity: 1;}
	50%{opacity: .4;}
	100%{opacity: 1;}
}
*/

/* franchise */
.franchise .big_img{background: url("/wp-content/uploads/sites/6/legacy/images/sub/fran1_img1.png") no-repeat center center / cover; padding: 7em 0;}
.franchise .big_tit{text-align: center; font-weight: 600; font-size: 3.2rem; color: #ccc; line-height: 1.5em; letter-spacing: -0.05em; word-break: keep-all;}
.franchise .big_tit span{color: #fff;}
.franchise p.s_txt{text-align: center; font-size: 1.8rem; font-weight: 300; margin-top: 10px; color: #666; word-break: keep-all;}
.franchise p.s_txt b{font-weight: 500; color: #333;}
.franchise .tit{ text-align: center; letter-spacing: -0.05em; font-size: 3rem; font-weight: 600; margin-top: 1em; color: #333; padding-bottom: 15px; margin-top: 60px;}
.franchise .tit span{color: #229ad3}
.franchise .tit.line::before{content: ''; margin: 0 auto 60px; display: block; height: 120px; width: 1px; background-color: #ccc;}
.franchise .price{display: flex; justify-content: center; text-align: center; padding: 0 0 2em; margin-top: 2em; border-radius: 10px;}
.franchise .price li{width: 225px; height: 225px; margin: 0 1em; border:1px solid #eee; border-radius: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.franchise .price li h3{font-size: 2.2rem; color: #999;}
.franchise .price li p{margin-top: 20px; font-size: 8rem;font-family: 'establishRetrosansOTF'; color: #000; animation: opa .75s infinite; color: #1882ab; line-height: 1em;}
.franchise .price li p small{font-size: 2rem; display: inline-block; margin-left: 10px;}

.franchise .content{padding: 3em; border: 15px solid #fafafa; display: flex; justify-content: space-around; align-items: center; flex-direction: column; margin-top: 5em;}
.franchise .content .img{}
.franchise .content p{width:100%;line-height: 1.7em; word-break: keep-all; text-align: center; margin-top: 15px; font-size: 1.125em; font-weight: 300;}

.franchise .btn{margin-top: 3em;}
.franchise a.more{text-align: center; background-color: rgb(171, 25, 23); border: 1px solid rgb(171, 25, 23); color: #fff; padding: 15px 35px; font-size: 1.8rem; font-weight: 500;}
.franchise a.more:hover{background-color: #fff; color: rgb(171, 25, 23)}

@media all and (max-width:999px){
	.franchise .big_img{padding: 6em 1em;}
	.franchise .big_tit{font-size: 2.8rem;}
	.franchise .tit.line::before{height: 90px; margin-bottom: 40px;}
	.franchise .price li{width: 172px; height: 172px;}
	.franchise .price li h3{font-size: 2rem;}
	.franchise .price li p{font-size: 6.5rem;}
}
@media all and (max-width:640px){
	.franchise .big_img{padding: 5em 1em;}
	.franchise .big_tit{font-size: 2.4rem;}
	.franchise .big_tit br{display: none;}
	.franchise .tit{padding-bottom: 10px; margin-top: 60px;}
	.franchise .tit.line::before{display: none;}
	.franchise .price{}
	.franchise .price li{margin-bottom: 2em; width: 150px; height: auto; border: 0px; margin-bottom: 0;}
	.franchise .price li:last-child{margin-bottom: 0;}
	.franchise .content{padding: 3em 2em;}
	.franchise .price li p{font-size: 5.2rem;}
}


/* vfc */
.vfc .title{text-align: center;  padding: 3em 0;}
.vfc .title h3{font-family: 'Vitro_core'; font-size: 3.6rem; color: rgb(171, 25, 23)}
.vfc .title .eng{font-family: 'Montserrat', sans-serif; letter-spacing: .25em;  margin-bottom: 10px; color: #ccc;}
.vfc .title p{font-size: 1.125em; font-weight: 300; letter-spacing: -0.05em; margin-top: 15px; }


.vfc1 .ul{margin-top: 2em;}
.vfc1 .ul li{display: flex; align-items: center; margin: 3em 0;}
.vfc1 .ul li .img{width: 50%; height: 250px;}
.vfc1 .ul li:nth-child(1) .img{background: url("/wp-content/uploads/sites/6/legacy/images/sub/vfc1_img1.png") no-repeat center center / cover;}
.vfc1 .ul li:nth-child(2) .img{background: url("/wp-content/uploads/sites/6/legacy/images/sub/vfc1_img2.png") no-repeat center center / cover;}
.vfc1 .ul li:nth-child(3) .img{background: url("/wp-content/uploads/sites/6/legacy/images/sub/vfc1_img3.png") no-repeat center center / cover;}
/*.vfc1 .ul li .img img{max-width: 100%; display: block;}*/
.vfc1 .ul li .txt{ width: 50%; font-size: 2.4rem; color: #666; font-weight: 400; padding: 2em 3em; letter-spacing: -0.045em; background-color: #fafafa; height: 100vw; max-height: 250px;}
.vfc1 .ul li .txt .point{font-size: 1.5rem; font-weight: 600; letter-spacing: 0em; line-height: 1.4em; font-family: 'Montserrat', sans-serif; color: #04719b;}
.vfc1 .ul li .txt span{font-weight: 600; font-size: 2.8rem; color: #212121;}
.vfc1 .ul li .txt p{font-size: 1.7rem; font-weight: 300; color: #666; margin-top: 10px; word-break: keep-all; padding-top: 10px; border-top: 1px dotted #dedede;}

.vfc1 .content{padding: 3em; border: 15px solid #fafafa; display: flex; justify-content: space-around; align-items: center;}
.vfc1 .content .img{}
.vfc1 .content p{width: 70%;line-height: 1.7em; word-break: keep-all;}

@media all and (max-width:999px){
	.vfc .title{padding: 2em 0;}
	.vfc .title h3{font-size: 3.2rem;}
	.vfc .title p br{display: none;}
	.vfc1 .ul{margin-top: 1em;}
	.vfc1 .ul li .txt{padding: 2em; font-size: 2.2rem;}
	.vfc1 .ul li .txt span{font-size: 2.6rem; word-break: keep-all;}
	.vfc1 .ul li .txt p{font-size: 1.6rem;}
	.vfc1 .content{padding: 2em 1em; border-width: 10px;}
}
@media all and (max-width:640px){
	.vfc1 .ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.vfc1 .ul li{flex-direction: column; width: 100%; margin-top: 0; margin-bottom: 3em;}
	.vfc1 .ul li .img{width: 100%;}
	.vfc1 .ul li .txt{width: 100%; max-height: 100%; height: auto; padding: 2em 1.5em;}
	.vfc1 .ul li .txt .point{margin-bottom: 5px;}
	.vfc1 .ul li .img{order: -1;}
	.vfc1 .content{display: flex; flex-direction: column; align-items: center;}
	.vfc1 .content p{width: 100%; text-align: center; margin-top: 20px;}
}

.member { position: relative; width: 100%; margin: 0 auto;  border:10px solid #f5f5f3; border-radius: 10px; box-sizing: border-box; padding: 4%; }
.member .stit { margin-bottom: 0.7em; color:#0f0f0f; font-size: 1.25em; font-weight: 600; margin-top: 1em;}
.member .stit2 { color:#0f0f0f; font-size: 1.05em; font-weight: 500; margin-bottom: 0.5em;  }


.found1 .s_point{ color: #232323;}
.found1 .s_point .list{display: flex; margin-top: 2em;}
.found1 .s_point .list .img{width: 50%;} 
.found1 .s_point .list:nth-child(even) .img{order: 2;}
.found1 .s_point .list .txt{background-color: #f7f6f4; color: #232323;}
.found1 .s_point .list .img img{width: 100%; height: 100%; object-fit: cover; max-height: 340px;} 
.found1.intro3 .s_point .list .img img{max-height: 400px;}
.found1 .s_point .list .txt{padding: 3em; width: 50%; display: flex; flex-direction: column; justify-content: center;  height: 280px;} 
.found1.intro3 .s_point .list .txt{height: 400px;}
.found1 .s_point .list .txt h3{font-size: 2em; position: relative;} 
.found1 .s_point .list .txt h3 span{color: #229ad3;}
.found1 .s_point .list .txt h3{color: #232323}
.found1 .s_point .list .txt p{font-size: 1.125em; font-weight: 300; margin-top: 1em;} 
.found1 .s_point .list .txt p b{font-size: 1.125em;}
.found1.intro3 .s_point .list .txt p{font-size: 1.125em; line-height: 1.8em; letter-spacing: -0.05em;}

@media all and (max-width:999px){
    .found1 .s_point .list{display: block;}
    .found1 .s_point .list .img, .found1 .s_point .list .txt{width: 100%;}
    .found1 .s_point .list .txt{height: auto; padding: 2em 1.5em; text-align: center;}
    .found1.intro3 .s_point .list .txt{height: auto; padding: 3em;}
	.found1 .s_point .list .txt h3{font-size: 1.5em;}
}

.stxt1{text-align: center; font-size: 1.25em; font-weight: 400; word-break: keep-all;}
.stxt1 span{color: #212121; font-weight: 600; word-break: keep-all;}

.plus{text-align: center;display: flex;  align-items: center; justify-content: center; margin-bottom: 3rem; font-size: 4rem; font-weight: 500;}
.plus span{font-size: 5.6rem; font-weight: 600; color: #212121; margin: 0 2rem;}
.plus b{font-weight: 500;}
.plus img{}

@media all and (max-width:999px){
	.plus{flex-direction: column;}
	.plus b{transform: rotate(-90deg)}
}





.vfcsystemBG{padding: 5em 0; background-color: #f8f6f3;}
.vfcsystemBG.mg{margin: 5em 0 0;}

#fran4-1{text-align: center;}
#fran4-1 p{font-size: 22px; line-height:1.5em; color: #232323;}
@media all and (max-width:1024px){
    #fran4-1 p{font-size: 1.4em;}
}


#fran4-2{margin-top: 3em;}


.zzCont2 > li { overflow: hidden; text-align: center; position: relative;  }
.zzCont2 > li .zzImg { width:50%; height: 100%;  position: absolute; left:0; top:0;  background-size: cover; background-position: center; }
.zzCont2 > li .zzTxt { width:50%; height: 100%; float: right; padding:5% 3%; box-sizing: border-box;  text-align: left; background-color: #fff;}
.zzCont2 > li .zzTxt dl{margin-bottom: 30px;}
.zzCont2 > li .zzTxt dl dt{font-size: 40px;
    color: #232323; letter-spacing: -0.05em; font-weight: 700;}
.zzCont2 > li .zzTxt dl dd{    font-size: 30px;
    font-weight: 200;
    line-height: 1.2em;
    letter-spacing: -0.08em;}
.zzCont2 > li .zzTxt dl dd + dt{padding-top: 10px;}
.zzCont2 > li:nth-child(even) .zzImg { left: auto; right:0; }
.zzCont2 > li:nth-child(even) .zzTxt { float: left; }

.zzCont2 > li .zzImg.fran4-2-1{background-image: url("/wp-content/uploads/sites/6/legacy/images/sub/fran4-2-img1.jpg");}
.zzCont2 > li .zzImg.fran4-2-2{background-image: url("/wp-content/uploads/sites/6/legacy/images/sub/fran4-2-img2.jpg");}
.zzCont2 > li .zzImg.fran4-2-3{background-image: url("/wp-content/uploads/sites/6/legacy/images/sub/fran4-2-img3.jpg");}
.zzCont2 > li .zzImg.fran4-2-4{background-image: url("/wp-content/uploads/sites/6/legacy/images/sub/fran4-2-img4.jpg");}
.zzCont2 > li .zzImg.fran4-2-5{background-image: url("/wp-content/uploads/sites/6/legacy/images/sub/fran4-2-img5.jpg");}

@media screen and (max-width:1169px){
	.zzCont2 > li  { padding-top: 60vw; }
	.zzCont2 > li .zzImg { width: 100%; height: 60vw;  }
	.zzCont2 > li .zzTxt { width: 100%; }
	.zzCont2 > li .zzTxt dl dt { font-size: 3.3em; }
	.zzCont2 > li .zzTxt dl dd { font-size: 2.3em; }
}


.dotList{}
.dotList > li+li{margin-top: 0.3em;}
.dotList > li{position: relative; padding-left: 20px; font-size: 20px;}
.dotList > li:before{content: ''; position: absolute; left: 0; top: 7px; width: 12px; height: 12px; background-color: #000; border-radius: 50%;}
@media all and (max-width:1024px){
.dotList > li{font-size: 18px;}
}
.bartxt{margin-top: 30px; position: relative; padding-left: 20px;}
.bartxt p{font-size: 21px; font-weight: 700; color: #000;}
.bartxt:before{content: ''; width: 5px; height: 100%; position: absolute; left: 0; top: 0;}
.bartxt.m1:before{background-color: #e20009;}
.bartxt.m2:before{background-color: #950312;}
@media all and (max-width:1024px){
    .bartxt p{font-size: 19px;}
}


#fran4-3{display: flex;;}
#fran4-3 > div{width: 50%; padding:7% 5%; text-align: center;}
#fran4-3 .l_cont{background: url("/wp-content/uploads/sites/6/legacy/images/sub/fran4-2-img6.jpg")no-repeat center center/cover; }
#fran4-3 dl dt{font-size: 3.5em;  color: #000; margin-bottom: 60px; font-weight: 700;}
#fran4-3 .l_cont dl dt{color: #fff;}
#fran4-3 .l_cont dl dd{color: #fff;}
#fran4-3 .l_cont dl dd p.t1{font-size: 26px; font-weight: 500; line-height: 1.7em;}
#fran4-3 .l_cont dl dd p.t2{margin: 0.3em 0; font-size: 34px; font-weight: 800; line-height: 1.5em;}
@media all and (max-width:1280px){
    #fran4-3 dl dt{font-size: 2.8em;}
    #fran4-3 .l_cont dl dd p.t1{font-size: 1.2em;}
    #fran4-3 .l_cont dl dd p.t2{font-size: 1.4em;}
}
@media all and (max-width:1024px){
    #fran4-3{display: block;;}
    #fran4-3 > div{width: 100%}
}
@media all and (max-width:480px){
    #fran4-3 dl dt{margin-bottom: 8vw;}
}



#numList li {padding:1.5em 0.8em; border-radius:60px; background:#fbf3f3; counter-increment: number;
				position:relative; display:flex; flex-direction: column;  justify-content:center}
#numList li:before {content: counter(number, decimal-leading-zero); font-size:18px; font-weight:700; font-family:'Roboto'; 
						color:#fff; position:absolute; width: 30px; height: 30px; left:1.5em; top:50%; transform:translateY(-50%); line-height: 30px; background-color: #950312; border-radius: 50%;}
#numList li p {font-size:18px; padding-left:50px; color: #000;}

#numList.w50 {display:flex; flex-wrap:wrap; gap:10px}
#numList.w50 li {width:calc((100% - 10px *1)/2)}

#numList.w1280 {width:100%; max-width:1280px; margin:0 auto} 

@media all and (max-width:976px) {
	#numList.w50 {gap:10px 0}
	#numList.w50 li {width:100%}
}
@media all and (max-width:480px) {
	#numList li p {font-size:1.1em; }
}


#fran4-4{}
#fran4-4 dl{color: #000;}
#fran4-4 dl dd{font-size: 40px;}
#fran4-4 dl dt{font-size: 60px;}
@media all and (max-width:1024px){
    #fran4-4 dl dd{font-size: 2em;}
    #fran4-4 dl dt{font-size: 3em;}
}