@charset "utf-8";

.sub-visual {width:100%; height:400px; padding-top:148px; background-position:center; background-repeat:no-repeat; text-align:center; position:relative;}
.sub-visual h2 {color:#fff; text-shadow:0 0 10px rgba(0,0,0,.3);}
.sub-visual.about {background-image:url("../image/common/bg_sub1.jpg");}
.sub-visual.food {background-image:url("../image/common/bg_sub2.jpg");}
.sub-visual.store {background-image:url("../image/common/bg_sub3.jpg");}
.sub-visual.franchise {background-image:url("../image/common/bg_sub4.jpg");}
.sub-visual.contact {background-image:url("../image/common/bg_sub5.jpg");}

.breadcrumb {width:100%; max-width:1700px; height:auto; background-color:#ea5405; position:absolute; bottom:0; left:50%; z-index:1; transform:translateX(-50%);}
.breadcrumb .inner {width:inherit; max-width:1240px; height:64px; margin:0 auto; text-align:left;}
.breadcrumb .inner > li {float:left; width:180px; height:inherit; border-left:1px solid rgba(255,255,255,.2); color:#fff; position:relative;}
.breadcrumb .inner > li:last-child {border-right:1px solid rgba(255,255,255,.2);}
.breadcrumb .inner > li > a {display:block; padding:24px;}
.breadcrumb .inner > li > a .i-arrow {position:absolute; top:50%; right:24px; transform:translateY(-50%);}
.breadcrumb .inner > li a:hover {color:#fff !important;}
.breadcrumb .inner .home {font-size:0; width:64px;}
.breadcrumb .inner .home a {padding:20px;}
.breadcrumb .inner .menu-layer {display:none; width:100%; height:auto; max-height:240px; position:absolute; top:64px; left:0; background-color:#b94304; overflow-y:auto;}
.breadcrumb .inner .menu-layer li {}
.breadcrumb .inner .menu-layer li a {display:block; padding:1em;}
.breadcrumb .inner .menu-layer li a:hover {background-color:rgba(255,255,255,.2);}
.breadcrumb .inner > li:hover .menu-layer {display:block;}

.contents {width:100%; height:auto; padding:0 6.25em;}
.contents .sub-tt {width:100%; height:auto; padding:8em 0; text-align:center; /* border-bottom:1px solid #d7d7d7; */ background:url("../image/common/bg_sub_tt.png") repeat-y; position:relative; overflow:hidden;}
.contents .page-wrap {width:100%; height:auto; border-top:1px solid #d7d7d7;}
.contents .bo-wrap {width:100%; height:auto; max-width:1280px; padding:0 20px; margin:0 auto; border-top:1px solid #d7d7d7;}

@media screen and (max-width: 900px) {
	.sub-visual {background-size:cover; height:200px; padding-top:68px;}
	.sub-visual .mi-tt {font-size:2.5em;}
	.breadcrumb .inner {height:48px;}
	.breadcrumb .inner > li {width:156px;}
	.breadcrumb .inner > li > a {padding:17px;}
	.breadcrumb .inner > li > a .i-arrow {right:17px;}
	.breadcrumb .inner .home {width:48px;}
	.breadcrumb .inner .home a {padding:12px;}
	.breadcrumb .inner .menu-layer {top:48px;}
	.contents {padding:0 1.25em;}
	.contents .sub-tt {padding:4em 0; background-image:url("../image/common/bg_sub_tt_m.png"); background-size:contain;}
	.contents .sub-tt h3 {font-size:2em; letter-spacing:-0.02em;}
	.contents .page-wrap {padding:3em 0;}
	.contents .bo-wrap {padding:0;}
}

/* about */
.contents .about {border-top:0;}
.about .col-1 {width:100%; height:auto; padding:9em 0; background:url("../image/page/img_about1.jpg") center / cover no-repeat; text-align:center; color:#fff;}
.about .col-1 p:after {content:''; display:block; width:1px; height:2em; margin:2em auto; background-color:#fff;}
.about .col-1 h3 {font-weight:500; font-size:2.75em; letter-spacing:-0.06em; line-height:1.2;}

.about .point {width:100%; height:auto; padding:0 3em; margin-top:9em;}
.about .point .col-2 {width:100%; max-width:1280px; height:auto; padding:5em 0 4em; margin:0 auto; position:relative;}
.about .point .col-2 img {max-width:100%;}
.about .point .col-2 .box {width:50%; padding:4em; background-color:#fff; position:absolute; top:22em; right:0;}
.about .point .col-2 .box .sb-tt {font-weight:900;}
.about .point .col-2 .box .sb-tt em {color:#ea5405;}
.about .point .col-2 .box .sb-tt .nb {display:block;}
.about .point .col-2 .box ul {width:100%; height:auto; padding-top:1.25em;}
.about .point .col-2 .box ul li {font-size:1.25em; padding-left:.75em; margin-top:.75em; line-height:1.2; position:relative;}
.about .point .col-2 .box ul li:before {content:''; display:block; width:6px; height:6px; border-radius:100%; background-color:#ea5405; position:absolute; top:.5em; left:0;}
.about .point .col-2:nth-child(6) {padding-top:12em; padding-bottom:6em;}

@media screen and (max-width: 900px) {
	.contents .about {padding-top:0;}
	.about .col-1 {padding:4em 0;}
	.about .col-1 p img {width:5.25em;}
	.about .col-1 p:after {margin:1em auto;}
	.about .col-1 h3 {font-size:1.5em;}
	
	.about .point {padding:0; margin-top:3em;}
	.about .point .col-2 {padding-top:3em; padding-bottom:0;}
	.about .point .col-2 .box {width:95%; padding:3em 2em; padding-bottom:0; position:relative; top:-3em;}
	.about .point .col-2 .box .sb-tt .nb {display:inline;}
	.about .point .col-2 .box ul {padding-top:1em;}
	.about .point .col-2 .box ul li {font-size:1em;}
	.about .point .col-2 .box ul li:before {top:.3em;}
	.about .point .col-2:nth-child(6) {padding-top:3em; padding-bottom:0;}
}

/* franchise */
.contents .franchise {border-top:0; padding-top:0;}
.franchise .fran-slider {width:100%; height:auto;}
.franchise .fran-slider li {padding:0 20px;}
.franchise .fran-slider li img {width:100%;}

.franchise .sc-pic {width:100%; height:auto; max-width:1280px; margin:3em auto 0;}
.franchise .sc-pic ol {width:100%; height:auto;}
.franchise .sc-pic ol:after {content:''; display:block; clear:both;}
.franchise .sc-pic ol li {float:left; width:48%; min-height:12.5em; margin-bottom:3em; border:1px solid #231916; display:table;}
.franchise .sc-pic ol li:nth-child(even) {float:right;}
.franchise .sc-pic ol li span {display:table-cell; vertical-align:middle; width:12.5em; background-color:#231916; color:#fff; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center;}
.franchise .sc-pic ol li span:before {content:''; display:block; width:4.5em; height:4.5em; margin:0 auto 1em; background-size:cover;}
.franchise .sc-pic ol li dl {display:table-cell; width:calc(100% - 12.5em); padding:2em;}
.franchise .sc-pic ol li dt {font:700 1.5em 'NSR'; color:#231916;}
.franchise .sc-pic ol li dt em {color:#ea5405;}
.franchise .sc-pic ol li dd {margin-top:1em; line-height:1.4;}

.franchise .sc-pic ol li:nth-child(1) span:before {background-image:url("../image/page/ico_fran1.png");}
.franchise .sc-pic ol li:nth-child(2) span:before {background-image:url("../image/page/ico_fran2.png");}
.franchise .sc-pic ol li:nth-child(3) span:before {background-image:url("../image/page/ico_fran3.png");}
.franchise .sc-pic ol li:nth-child(4) span:before {background-image:url("../image/page/ico_fran4.png");}
.franchise .sc-pic ol li:nth-child(5) span:before {background-image:url("../image/page/ico_fran5.png");}
.franchise .sc-pic ol li:nth-child(6) span:before {background-image:url("../image/page/ico_fran6.png");}
.franchise .sc-pic ol li:nth-child(7) span:before {background-image:url("../image/page/ico_fran7.png");}
.franchise .sc-pic ol li:nth-child(8) span:before {background-image:url("../image/page/ico_fran8.png");}
.franchise .sc-pic ol li:nth-child(9) span:before {background-image:url("../image/page/ico_fran9.png");}
.franchise .sc-pic ol li:nth-child(10) span:before {background-image:url("../image/page/ico_fran10.png");}

@media screen and (max-width: 900px) {
	.franchise .sc-pic ol li {float:none; width:100%; min-height:100%;}
	.franchise .sc-pic ol li:nth-child(even) {float:none;}
}
@media screen and (max-width: 568px) {
	.franchise .fran-slider li {padding:0 8px;}
	.franchise .sc-pic ol li {display:block;}
	.franchise .sc-pic ol li span {display:block; width:100%; padding:1.5em 0;}
	.franchise .sc-pic ol li span:before {display:none;}
}

/* startup */
.startup .inner {width:100%; height:auto; max-width:1280px; padding-top:3em; margin:0 auto;}
.startup .inner h4 {text-align:center; font-size:2em;}

.startup .process ul {width:100%; height:auto;}
.startup .process ul:after {content:''; display:block; clear:both;}
.startup .process ul li {float:left; width:21%; min-height:14em; padding:2em; margin:3em 2% 0; text-align:center; border:1px solid #231916;}
.startup .process ul li mark {display:block; font-weight:700; font-size:1.25em; padding-bottom:.75em; border-bottom:1px solid #d7d7d7;}
.startup .process ul li em {display:block; font:700 1.25em 'NSR'; color:#ea5405; padding:.75em 0;}
.startup .process ul li span {display:block; line-height:1.2;}
.startup .process ul li:nth-child(8) {border-width:4px;}

.startup .cost {padding:6em 2% 3em;}
.cost {}
.cost table {width:100%; height:auto; margin-top:2em;}
.cost table thead th {padding:1em 0; background-color:#ea5405; color:#fff; font-weight:500;}
.cost table tbody th, .cost table tbody td, .cost table tfoot th, .cost table tfoot td {border-bottom:1px solid #d7d7d7; padding:1em; font-weight:400;}
.cost table tbody th {background-color:#f5f5f5; font-weight:500;}
.cost table tbody td, .cost table tfoot td {text-align:right; border-left:1px solid #d7d7d7;}
.cost table tfoot th {background-color:#231916; font-weight:500; color:#fff;}
.cost table tfoot td {font-weight:500;}

@media screen and (max-width: 900px) {
	.startup .process ul li {width:46%;}
}
@media screen and (max-width: 568px) {
	.startup .inner {padding-top:0;}
	.startup .process ul li {width:100%; margin:2em 0 0;}
	.startup .cost {padding:3em 0;}
}