@charset "UTF-8";
:root {
  --background-color: #FFF;
  --background-init-color: #EADFBD;
  --background-profile-color: #FFF;
  --loading-bgcolor: #FFF;
  
  --primary-color: #D93333;
  --secondary-color: #DF9900;
}
::selection{background:var(--primary-color);color:var(--background-color);}
html{font-size:14px;line-height:1.4em;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; width:100%;}

body{color:#111;background-color:var(--background-color);
	text-rendering: optimizeLegibility;
	font-feature-settings: 'palt';
	font-weight: normal;
	font-family: "Noto Sans", sans-serif;
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* font */
.is--tsuka{font-family: fot-tsukuaoldmin-pr6n;}
.is--han{font-family: source-han-serif-jp-subset;}
.wf-loading{opacity:0;}​
.wf-active{opacity:1;}​

/*　--------------------------------------------------
COMMON
-basic
-------------------------------------------------- */
.c-imageWrap{line-height:0;}
.c-imageContainer{position:relative;width:100%;height:auto;}
img{vertical-align:bottom;}
a{text-decoration:none;}
svg{position:relative;width:100%;height:auto;display:inline-block;overflow:unset;transform:translateZ(0);}
/* svg path{transform-origin:50% 50%;transform-box:fill-box;animation:rotateBox 3s linear infinite;} */

/* br */
br.is--sp{display:none;}
br.is--pc{display:inline-block;}
@media screen and (max-width:767px){
	br.is--sp{display:inline-block;}
	br.is--pc{display:none;}
	}
	
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.material-symbols-outlined{font-variation-settings:'FILL'0,'wght'100,'GRAD'0,'opsz'40;}

	
/*　--------------------------------------------------
Loading
-------------------------------------------------- */
.c-pageloadingWrap{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:transparent;text-align:center;display:flex;justify-content:center;align-items:center;z-index:-1;}
.c-pageloadingContainer{}
.ball-clip-rotate > div{border: 1px solid #999;border-top:1px solid #dadada;border-right:1px solid #FFF;border-bottom-color: transparent;}

.is--loaded.c-pageloadingWrap{animation: loadedlogo 1s ease-out 0s forwards;}

@keyframes loadedlogo {
  0%{opacity:1;}
  99%{width:100vw;height:100vh;height:100dvh;}
  100%{opacity:0; width:0;height:0;z-index:-1;}
}

/*　--------------------------------------------------
header
-------------------------------------------------- */
header{position:relative;}
header h1{position:absolute;top:50vh;left:100px;transform:translate(0%,-50%);z-index:9999;}
header h1 img{max-width:68px;height:auto;}

@media screen and (min-width:1440px){
	header h1{left:calc(100px + (100vw - 1440px) / 2);}
	}
	
@media screen and (max-width:767px){
	header h1{left:5vw;}
	header h1 img{width:10vw;}
	}

/*　--------------------------------------------------
nav
-------------------------------------------------- */
.c-nav{position:absolute;left:40px;bottom:5vh;}
.c-nav ul{}
.c-nav li{position:relative;margin-bottom:.8em;cursor:pointer;}
.c-nav li .p-title{font-size:18px;letter-spacing:0.1em;}
.c-nav li .p-title span{position:relative;top:.3em;font-weight:100;font-size:1.5em;}

.c-button{}
.c-button-floating{position:fixed;right:2vw;bottom:5vh;z-index:9999; background-color:#FFF;padding:10px;}
.c-button .p-title{font-size:14px;letter-spacing:0.1em; color:#000;}
.c-button .p-title span{position:relative;top:.14em;font-weight:100;font-size:1em;margin-right:.2em;}

@media screen and (max-width:767px){
	.c-nav{left:2vw;bottom:2vh;}
	.c-nav li{margin-bottom:.5em;}
	.c-nav li .p-title{font-size:14px;}
	.c-button .p-title{font-size:12px;}
	.c-button-floating{right:0;bottom:inherit;top:3vh;}
	}

/*　--------------------------------------------------
main
-------------------------------------------------- */
main{position:relative;max-width:1440px;width:100%;margin:0 auto; display:flex;flex-direction:column;align-items:center;}
.is--franchise main{max-width:100%;}

/*　--------------------------------------------------
MV
-------------------------------------------------- */
.c-mv{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;}
.c-mv .c-imageContainer{max-width:780px;width:60vw;}

.c-mv .c-copy{position:absolute;top:50vh;right:100px;transform:translate(0,-50%);z-index:9999;}
.c-mv .c-copy p{writing-mode:vertical-rl;text-align:center;color:#111;font-size:min(5vw,28px);line-height:1.6;letter-spacing:0.3em;white-space:nowrap;}

@media screen and (max-width:767px){
	.c-mv .c-imageContainer{width:80vw;}
	.c-mv .c-copy{right:65px;}
	.c-mv .c-copy p{font-size:4vw;line-height:1.4;}
	}

/*　--------------------------------------------------
about Goku
-------------------------------------------------- */
.c-goku{position:relative;width:100%;padding:0 4vw 10vh; display:flex;flex-direction:column;}

.c-goku .c-header{position:relative;width:100%;margin-bottom:2vw; display:flex;justify-content:flex-end;}
.c-goku .c-header .c-title{position:absolute;bottom:10%;left:2vw;z-index:999;}
.c-goku .c-header .c-title h2{position:relative;padding:.4em 2vw .4em 0; font-size:min(6vw,30px);font-weight:400;line-height:1.4; display:inline-block;z-index:2;}
.c-goku .c-header .c-title h2 span{position:relative;width:150px;height:60px; display:inline-block;}
.c-goku .c-header .c-title h2 img{position:absolute;top:0px;left:4px; width:150px;height:auto;z-index:-1;}
.c-goku .c-header .c-title .p-text{position:relative;padding:1.4em 2vw 1.4em 0; left:0;width:43vw;max-width:540px; font-size:13px;line-height:1.8;}
.c-goku .c-header .c-imageContainer{position:relative; width:50%;height:auto;border-radius:20px;}

.c-goku .c-imageWrap{position:relative;margin-bottom:2vw; display:flex;justify-content:space-between;}
.c-goku .c-imageWrap .c-imageContainer{width:49%;border-radius:20px;}

.c-goku .c-button{position:relative;align-self:flex-end;}
.c-goku .c-button .p-title{color:#000;}
.c-goku .c-button .p-title span{font-size:2em;top:.33em;color:var(--primary-color);}

@media screen and (max-width:900px){
	.c-goku{padding:10vh 4vw 10vh;}
	}
@media screen and (max-width:767px){
	.c-goku{padding:0 4vw 20vh;}
	
	.c-goku .c-header{margin-bottom:0;flex-direction:column;}
	.c-goku .c-header .c-title{position:relative; bottom:0;left:0;}
	.c-goku .c-header .c-title h2{padding:50px 0 30px;left:50%;transform:translateX(-56%);}
	.c-goku .c-header .c-title .p-text{padding:2em 0 50px 0;left:50%;transform:translate(-50%); width:85%;font-size:14px;}
	.c-goku .c-header .c-imageContainer{width:100%;margin-bottom:30px;}
	
	.c-goku .c-imageWrap{flex-direction:column;}
	.c-goku .c-imageWrap .c-imageContainer{width:100%;margin-bottom:30px;}
	
	.c-goku .c-button{align-self:center;}
	.c-goku .c-button .p-title{font-size:3.8vw;}
	}
	
/*　--------------------------------------------------
strengths
-------------------------------------------------- */
.p-strengths{position:relative;width:100vw;padding-bottom:0vh; display:flex;flex-direction:column;}

.p-strengths__sectionHeader{font-size:32px;font-weight:100;line-height:1.2;margin-left:2vw;}
.p-strengths__sectionHeader em{font-size:min(15vw,210px); margin-left:.2em;line-height:1;}
.p-strengths__sectionBackgroundimg{margin:2vh 0 0;z-index:-1;}

.p-strengths__points{position:relative; max-width:980px;width:100%;margin:0 auto 20vh;padding:0 4vw; display:flex;flex-direction:column;align-items:center;}
.p-strengths__pointsHeader{position:relative;margin-bottom:1em;}
.p-strengths__pointsHeader p{color:#FFF;font-size:21px;letter-spacing:0.2em; display:flex;flex-direction:column;align-items:center;}
.p-strengths__pointsHeader p span{display:inline-block;background-color:#999;}
.p-strengths__pointsHeader p .num--2nd{background-color:#555; margin-left:3.2em;}
.p-strengths__pointsHeader p em{display:inline-block; color:#000;font-size:120px;}

.p-strengths__pointsTitle{font-size:50px;text-align:center;font-weight:normal;line-height:1.2;letter-spacing:0.02em;}
.p-strengths__pointsImageWrap{position:relative;margin:40px 0; display:flex;justify-content:center;}
.p-strengths__pointsImageWrap .c-imageContainer{border-radius:20px;}
.p-strengths__pointsImageWrap .c-imageContainer--point1{max-width:780px;width:90%;}
.p-strengths__pointsImageWrap .c-imageContainer--point2{max-height:400px;height:30vw;}
.p-strengths__pointsImageWrap .c-imageContainer--point2:first-child{margin-right:40px;}
.p-strengths__points .c-description{font-size:18px;line-height:1.8;letter-spacing:0.02em;text-align:center;}

@media screen and (max-width:900px){
	.p-strengths__points .c-description br{display:none;}
	}
@media screen and (max-width:767px){
	.p-strengths__sectionHeader{font-size:24px;margin-left:4vw;}
	.p-strengths__sectionHeader em{font-size:22vw;}
	
	.p-strengths__pointsHeader p{font-size:18px;}
	.p-strengths__pointsHeader p em{font-size:90px;}
	
	.p-strengths__pointsTitle{font-size:30px;}
	.p-strengths__points .c-description{font-size:16px;text-align:justify;}
	
	.p-strengths__pointsImageWrap{flex-direction:column;align-items:center;}
	.p-strengths__pointsImageWrap .c-imageContainer--point2{max-height:inherit;height:auto;width:80%;}
	.p-strengths__pointsImageWrap .c-imageContainer--point2:first-child{margin-right:0px;margin-bottom:30px;}
	}



/*　--------------------------------------------------
features
-------------------------------------------------- */
.p-features{position:relative;width:100vw;padding:10vh 0 6vh; display:flex;justify-content:center;align-items:flex-start;background-color:#1E1E1E;}

.p-features__sectionHeader{position:sticky;top:120px;color:#FFF; font-size:min(2.5vw,32px);font-weight:100;line-height:1.2;padding-left:2vw; white-space:nowrap;}
.p-features__sectionHeader em{position:relative;left:6vw; writing-mode:vertical-rl; font-size:min(15vw,210px); padding-left:.2em;line-height:0;}

.p-features__infomation{position:relative; max-width:680px;width:100%;margin:0 4vw 5vh 10vw; display:flex;flex-wrap:wrap;justify-content:space-between;}
.p-features__points{position:relative;display:flex;flex-direction:column;align-items:center; width:48%;margin-bottom:60px;}
.p-features__points.is--100{width:100%;}
.p-features__pointsImageWrap{position:relative;margin-bottom:30px;width:100%;}
.p-features__pointsImageWrap .c-imageContainer{margin:0 auto;border-radius:20px;}

.p-features__pointsTitleWrap{position:relative;width:100%; border-top:1px solid #FFF;border-bottom:1px solid #FFF;padding:30px 0;}
.p-features__pointsTitle{color:#FFF;font-size:21px;line-height:1.5;letter-spacing:0.02em;text-align:center;}
.p-features__pointsTitle em{font-size:62px;line-height:1.2;font-weight:100;}

.p-features__points-2{flex-direction:row;margin-bottom:20px;}
.p-features__points-2 .p-features__pointsImageWrap{margin-bottom:0;width:100%;}
.p-features__points-2 .p-features__pointsTitleWrap{border:none;padding:0 0 0 4vw;}
.p-features__points-2 .p-features__pointsTitle{text-align:left;}
.p-features__points-2--last{margin-bottom:60px;}

@media screen and (max-width:767px){
	.p-features{flex-direction:column;}
	
	.p-features__sectionHeader{position:relative;font-size:5vw;margin:40px auto 80px;top:0px;}
	.p-features__sectionHeader em{left:0;writing-mode:inherit; font-size:22vw; padding-left:.2em;line-height:1;}
	
	.p-features__infomation{flex-direction:column;margin:0 0 5vh;padding:0 8vw;}
	.p-features__points{width:100%;margin-bottom:60px;}
	
	.p-features__pointsTitle{font-size:6vw;}
	.p-features__pointsTitle em{font-size:14vw;}
	}


/*　--------------------------------------------------
store
-------------------------------------------------- */
.p-store{position:relative;width:100%;padding:10vh 0 6vh; background-color:#dadada;}
.p-store__container{max-width:1200px;width:100%;padding:0 4vw;margin:0 auto;display:flex;justify-content:flex-start;}
.p-store__sectionHeader{position:relative;width:calc(100% / 5); font-size:32px;}
.p-store__infomation{position:relative; display:flex;flex-wrap:wrap;position:relative;width:calc(100% / 3 * 2);}
.p-store__item{position:relative;width:100%;margin-bottom:10vh; display:flex;flex-wrap:wrap;}
.p-store__item img{width:50%;height:auto;display:inline-block;margin-bottom:2vh;max-width:400px;}
.p-store__text{position:relative;padding:0;width:50%;padding-right:2vw;}
.p-store__item h3{font-size:24px; margin-bottom:1em;}
.p-store__item p{font-size:16px;line-height:1.5;}
.p-store__item .p-store__itemTel{font-size:18px; margin-top:.8em;}

.static-store-info__custom-html{position:relative;width:100%;aspect-ratio:3 / 2;margin-top:1vh;}
.static-store-info__custom-html iframe{width:100%;height:100%;border:0;}

@media screen and (max-width:767px){
	.p-store__sectionHeader{width:28%; font-size:4vw;line-height:1.8;}
	.p-store__infomation{width:72%;}
	.p-store__item{width:100%;margin-bottom:8vh;}
	.p-store__item img{width:100%;}
	.p-store__text{width:100%;padding-right:0vw;padding-bottom:3vh;}
			
	.static-store-info__custom-html{aspect-ratio:3 / 4;}
	}
	
	
/*　--------------------------------------------------
franchise
-------------------------------------------------- */
.is--franchise{background-color:#E5E5E5;}

.header--franchise{position:absolute;top:inherit;left:58%; display:flex;flex-direction:column;align-items:center;margin-top:12vw;}
.header--franchise h1{top:inherit;left:0;transform:none; position:relative;z-index:11; display:flex;flex-direction:column;align-items:center;}
.header--franchise h1 img{width:30vw;max-width:100%; height:auto;margin-bottom:10px;}
.header--franchise h1 em{font-size:min(5vw,80px);line-height:1.1;letter-spacing:0.02em;text-align:center;font-weight:100; margin-bottom:40px;}
.header--franchise .c-description{font-size:18px;line-height:1.8;letter-spacing:0.02em;text-align:center;margin-bottom:40px;}
.header--franchise .c-button{background-color:var(--primary-color);padding:2em 2.1em 2em 1.8em;}
.header--franchise .c-button .p-title{color:#FFF; font-size:21px;}

.c-mv--franchise{position:relative;width:100%;}
.c-mv--franchise .c-imageContainer{width:55vw;}

@media(max-width:767px){
	.header--franchise{position:relative;top:0;left:0;margin-top:0;padding-bottom:120px; z-index:999;}
	.header--franchise h1{position:relative;top:0;left:0;margin-top:50vh;}
	.header--franchise h1 img{width:60vw;}
	.header--franchise h1 em{font-size:10vw;}
	
	.c-mv--franchise{position:absolute;top:-125vh;z-index:-1;overflow:hidden;}
	.c-mv--franchise .c-imageContainer{top:0%;transform:translateY(-35%);width:120%;}
	}

.c-franchiseContents{position:relative;width:90%;margin-bottom:160px; display:flex;flex-direction:column;align-items:center;}
.c-franchiseContents__sectionHeader{position:relative;font-size:42px;line-height:1.5;letter-spacing:0.02em;text-align:center;font-weight:100;padding-bottom:.6em;margin-bottom:1.8em; display:inline-block;}
.c-franchiseContents__sectionHeader::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#000;display:inline-block;}
.c-franchiseContents .c-description{max-width:980px;width:90%; font-size:18px;line-height:1.8;letter-spacing:0.02em;}

@media(max-width:767px){
	.c-franchiseContents__sectionHeader{font-size:32px;}
	}
	
	
.c-table{position:relative;width:90%;max-width:880px;margin:0 auto}
.c-table__row{display:flex;flex-wrap:wrap;border-top:1px solid #ccc;box-sizing:border-box;width:100%}
.c-table__cell{padding:2em;box-sizing:border-box;font-size:18px;line-height:1.3;}
.c-table__cell.is--title{font-weight:bold;background:#EEE;width:30%}
.c-table__cell:not(.is--title){width:70%;background-color:#FFF;}
.c-table__row:first-child{border-top:none}

@media(max-width:767px){
	.c-table__cell{width:100%!important}
	}
	
	
.c-stepList{width:90%;max-width:980px;margin:0 auto}
.c-stepList__item{display:flex;align-items:flex-start;margin-bottom:60px;}
.c-stepList__label{min-width:100px;padding:0.8em 1em;background:#666;color:#fff;font-weight:100;text-align:center;font-size:30px;}
.c-stepList__content{flex:1;padding-left:30px;}
.c-stepList__title{margin:0 0 0.5em;font-size:42px;font-weight:100;line-height:1.2;}
.c-stepList__desc{font-size:18px;line-height:1.8;letter-spacing:0.02em;}

.c-stepList__item:nth-child(3) .c-stepList__label{background:#444}
.c-stepList__item:nth-child(4) .c-stepList__label{background:#222}
.c-stepList__item:nth-child(5) .c-stepList__label{background:#111}
.c-stepList__item:nth-child(6) .c-stepList__label{background:#000}

@media(max-width:767px){
	.c-stepList__item{flex-direction:column}
	.c-stepList__label{width:100%;text-align:left;margin-bottom:30px;}
	.c-stepList__content{padding-left:0;margin-top:0.5em}
	.c-stepList__title{font-size:24px;}
	.c-stepList__desc{font-size:15px;}
	}

/*　--------------------------------------------------
------------------------------------------------------

-footer


-------------------------------------------------- */
.c-footer{position:relative;width:100%;text-align:center;z-index:9999;}
.c-footer .c-cp{position:absolute;bottom:10px;left:50%;transform:translateX(-50%) scale(.75);transform-origin:center; font-size:10px; color:#222;letter-spacing:.03em; display:inline-block;}