@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP");
@import url("https://fonts.googleapis.com/css?family=Julius+Sans+One");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:800");
@import url("https://fonts.googleapis.com/css?family=Great+Vibes");
@import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css");

/* ------------------------------
   Universal Reset
   Default Style
   Contents
   For Mobile
   ClearFix
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
main{display:block;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,tr,td,fieldset,form,legend,small{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,cite,abbr,caption,th,address{font-style:normal;font-weight:normal;}
img{max-width:100%;border:0 none;vertical-align:bottom;_vertical-align:text-bottom;}
input,select,textarea{background:#fff;margin:0;padding:0;border:none;border-radius:0;vertical-align:middle;
-moz-appearance:none;-webkit-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
input[type="submit"]:hover{cursor:pointer;}
input[type="radio"]{-moz-appearance:radio;-webkit-appearance:radio;appearance:radio;}
input[type="checkbox"]{-moz-appearance:checkbox;-webkit-appearance:checkbox;appearance:checkbox;}
input[type="image"]{max-width:100%;}
option{padding-right:5px;}
button{background:none;padding:0;border:0;text-align:left;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*==================================================================
   Default Style
==================================================================*/
html{font-size:62.5%;}
body{color:#232323;font-family:'Noto Sans JP', sans-serif;-webkit-text-size-adjust:100%;font-size:1.4rem;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px rgba(0, 0, 0, .1);}
::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, .5);border-radius:10px;box-shadow:0 0 0 1px rgba(255, 255, 255, .3);}

/*========== form ==========*/
input,select,textarea,button{font-size:100%;font-family:'Noto Sans JP', sans-serif;}


/*==================================================================
   Contents
==================================================================*/
/*========== Common ==========*/
/* header ==========*/
header{background:#171717;display:flex;flex-wrap:wrap;align-itSTAR MOON:center;padding:10px 80px;}
header #sitelogo{flex:0 1 60px;}
header #sitelogo a{display:block;}
header nav{flex:0 1 calc(100% - 60px);color:#FFF;z-index:9999;}
header nav ul{float:right;}
header nav ul li{float:left;margin-left:15px;}
header nav ul li > a,
header nav dl#lang dt.btn a{color:#FFF;font-size:1.2rem;font-weight:bold;font-family:'Julius Sans One', sans-serif;}
header nav ul li > a:hover,
header nav ul li dl#lang a:hover{
-webkit-mask-image:linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
-webkit-mask-size:200%;
animation:shine 2s infinite;
}
@-webkit-keyframes shine{
	from{-webkit-mask-position:150%;}
	to{-webkit-mask-position:-50%;}
}

/* language */
header nav dl#lang{position:relative;}
header nav dl#lang dd.menu{display:none;position:absolute;top:1.5em;left:0;
background:rgba(255, 255, 255, .5);padding:5px;width:50px;}
header nav dl#lang dd.menu p{margin-top:5px;color:#FFF;font-size:1.2rem;}
header nav dl#lang dd.menu p:first-child{margin-top:0;}
header nav dl#lang dd.menu p a{color:#FFF;transition:all .3s;}
header nav dl#lang dd.menu p a:hover{color:#000;}


/* footer ==========*/
footer{background:#EBEBEB;padding:50px 0 100px;width:100%;height:192px;font-family:'Julius Sans One', sans-serif;}
footer ul{margin-bottom:1em;text-align:center;}
footer ul > li{display:inline-block;border-left:solid 1px #999;}
footer ul > li:first-child{border-left:0;}
footer ul > li a{display:block;padding:0 10px;color:#000;font-size:1.1rem;transition:color .3s;}
footer ul > li a:hover{color:#A3A3A3;}
footer p{color:#A3A3A3;font-size:1.1rem;text-align:center;}

/* pagetop */
#pagetop{position:fixed;right:0;bottom:0;z-index:80;}
#pagetop a{display:block;padding:0 25px 25px 0;color:#C8C8C8;font-size:5.0rem;}


/* main ==========*/
main{padding-bottom:300px;min-height:calc(100vh - 80px - 192px);/* フッター最下部固定 */;}

main .ttl_page{color:#EBEBEB;font-size:16.0rem;font-weight:bold;text-align:center;line-height:0.9em;letter-spacing:0;
font-family:'Poppins', 'Hiragino Kaku Gothic ProN', 'ProN W3', Meiryo, sans-serif;}
main .ttl_page span{display:block;margin:-1.18em auto 15px;width:700px;color:#232323;font-size:3.0rem;font-weight:bold;text-align:left;line-height:1.2em;
font-family:'Noto Sans JP', sans-serif;}
main .ttl_line{margin:50px 0 15px;padding:0 10px 5px;font-size:2.0rem;font-weight:bold;border-left:solid 5px #000;border-bottom:solid 1px #000;}
main .ttl_01{font-size:3.0rem;font-weight:bold;padding:30px 0;}

main .area_main{margin:0 auto;width:700px;line-height:2.6em;}
main .area_main p{text-align:justify;}

body:not(#index) main section{width:700px;margin:0 auto;line-height:2.6em;}

ul.list_num > li{list-style:outside decimal;margin-left:1.5em;}
ul.list_brkt > li{position:relative;padding-left:2em;}
ul.list_numcircle > li{position:relative;padding-left:1.5em;}
ul.list_disc > li{list-style:outside disc;margin-left:1.5em;}
dl.list_item_01 > dt{float:left;}
dl.list_brkt > dt{position:relative;padding-left:2em;}
dl.list_brkt > dd{padding-left:2em;}
ul.list_brkt > li .marker,
ul.list_numcircle > li .marker,
dl.list_brkt > dt .marker{position:absolute;left:0;}


/*========== Only Index ==========*/
/* side navi ==========*/
#nav_index{display:none;position:absolute;top:20px;left:20px;z-index:90;
background:rgba(255,255,255,0.6);padding:10px;width:260px;border:1px solid #999;
font-size:1.6rem;font-family:'Julius Sans One', sans-serif;}
#nav_index > ul li{margin-bottom:15px;}
#nav_index > ul li:last-child{margin-bottom:0;}
#nav_index > ul li a{position:relative;display:inline-block;color:#000;line-height:1;outline:none;text-decoration:none;text-transform:uppercase;overflow:hidden;}
#nav_index > ul li a:hover{color:#000;}
#nav_index > ul li a::after{
content:'';position:absolute;top:50%;right:0;
background:#F9F9F9;margin-top:-2px;width:100%;height:4px;
-webkit-transform:translate3d(-100%,0,0);
-moz-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0);
-webkit-transition:
-webkit-transform 0.4s;
-moz-transition:-moz-transform 0.4s;
transition:transform 0.4s;
-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);
-moz-transition-timing-function:cubic-bezier(0.7,0,0.3,1);
transition-timing-function:cubic-bezier(0.7,0,0.3,1);
}
#nav_index > ul li a:hover::after{
-webkit-transform:translate3d(100%,0,0);
-moz-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
}
#nav_index > ul li a::before{
content:attr(data-letters);position:absolute;z-index:2;overflow:hidden;
color:#333;width:0;white-space:nowrap;
-webkit-transition:width 0.4s 0.3s;
-moz-transition:width 0.4s 0.3s;
transition:width 0.4s 0.3s;
}
#nav_index > ul li a:hover::before{width:100%;}


/* main visual ==========*/
#index #mv_bg{position:fixed;top:0;left:0;z-index:100;background:#000;width:100%;height:100%;}
#index #mv_bg #mv{position:absolute;width:100%;top:50%;
-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
#index #mv_bg #mv .image{display:block;margin:auto;width:30%;max-width:400px;}
#index #mv_bg #mv .text{color:#FFF;font-size:1.7rem;text-align:center;}

/* animation */
#index .has-animation{position:relative;}
#index #mv_bg #mv .has-animation .image,
#index #mv_bg #mv .has-animation .text,
#index header.has-animation #sitelogo,
#index header.has-animation nav{opacity:0;}
#index #mv_bg #mv .has-animation.animate-in .image,
#index #mv_bg #mv .has-animation.animate-in .text{
animation:textHidden 0.1s 1.1s forwards;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
#index header.has-animation.animate-in #sitelogo{
animation:textHidden 0.1s 1.1s forwards;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
#index header.has-animation.animate-in nav{
animation:textHidden 0.1s 1.5s forwards;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
#index .has-animation.animate-in:before,
#index .has-animation.animate-in:after{content:"";position:absolute;top:0;right:0;height:100%;z-index:10;}
#index .has-animation.animate-in:before{background:#E9A225;}
#index .has-animation.animate-in:after{
background:#000;animation-delay:0.5s;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
#index .has-animation.animation-ltr.animate-in:before{
animation:revealLTR 1.8s ease;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
#index .has-animation.animation-ltr.animate-in:after{
animation:revealLTR 1s 0.6s ease;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
#index .has-animation.animation-rtl.animate-in:before{
animation:revealRTL 1.8s ease;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
#index .has-animation.animation-rtl.animate-in:after{
animation:revealRTL 1s 0.6s ease;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
@keyframes textHidden{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes revealRTL{
	0%{width:0;right:0;}
	65%{width:100%;right:0;}
	100%{width:0;right:100%;}
}
@keyframes revealLTR{
	0%{width:0;left:0;}
	65%{width:100%;left:0;}
	100%{width:0;left:100%;}
}

/* content ==========*/
#index main > section:not(:last-of-type){margin-bottom:300px;}
#index main > section div{position:relative;}
#index section > div > .ttl_img{position:absolute;left:80px;bottom:20px;z-index:10;}
#index section > div > .ttl_img img{width:40%;}
#index section > h2{color:#EBEBEB;font-size:16.0rem;font-weight:bold;line-height:0.9em;text-align:center;letter-spacing:0;
font-family:'Poppins', 'Hiragino Kaku Gothic ProN', 'ProN W3', Meiryo, sans-serif;}
#index section > h2 span{display:block;margin:-1.18em auto 15px;width:700px;color:#232323;font-size:3.0rem;font-weight:bold;text-align:left;line-height:1.2em;
font-family:'Noto Sans JP', sans-serif;}

@media screen and (min-width:769px) and (max-width:1212px){
#index section > h2{font-size:13vw;}
}

#index .commitment ul.list_disc{margin-top:2.6em;}

#index div.corporate{margin:0 auto 2.6em;width:600px;}
#index div.corporate section{display:table;width:600px;}
#index div.corporate section h3{display:table-cell;vertical-align:top;width:14%;font-weight:bold;
-moz-text-align-last:justify;text-align-last:justify;text-justify:inter-ideograph;}
#index div.corporate section p{display:table-cell;padding-left:30px;vertical-align:top;}

/*　売上グラフ　*/
#index ul.graph{margin:15px 0 50px;width:600px;}
#index ul.graph li{float:left;padding:10px;color:#FFF;line-height:1.2em;text-align:center;}
#index .bar1{background:#0091EA;width:50%;}
#index .bar2{background:#FF5252;width:10%;}
#index .bar3{background:#00E676;width:40%;}

/* オフィス */
#index section.office h3{margin-bottom:10px;font-weight:bold;font-size:1.7rem;}
#index section.office .map{padding:3px;width:80%;border:3px solid #222;}
#index section.office .map iframe{width:100%;height:400px;}
#index div.access p span:after{content:":";padding:0 10px;}
#index div.access p br{display:none;}

/* business */
#index section.business > section{margin:auto;width:700px;}
#index section.business > section > h3{display:inline-block;margin:-2% 0 15px;font-family:'Open Sans', sans-serif;font-size:5.6rem !important;font-weight:bold;border-bottom:2px solid #000;line-height:0.8;}
#index section.business > section .area_main > img:first-of-type{display:block;}
#index dl.business{margin-top:30px;}
#index dl.business dt{font-size:1.8rem;font-weight:bold;}
#index dl.business dt span:before{content:"│";display:inline-block;padding:0 10px}
#index dl.business dd{margin-bottom:50px;}
/* アプリリスト */
#index dl.business dd .box_app{display:flex;align-itSTAR MOON: center;margin:15px 0;}
#index dl.business dd .box_app > .icon{width:15%;margin-bottom: auto;}
#index dl.business dd .box_app > .icon > img{max-width:100%;}
#index dl.business dd .box_app > .app_tx{width:85%;padding-left:2%;}
#index dl.business dd .box_app > .app_tx a{color:#0083bf;font-weight:bold;font-size: 1.2em;}
#index dl.business dd .box_app > .app_tx span{display: block;line-height: 1.8 !important;}

/* LP紹介 */
#index ul.lp{display:flex;flex-wrap:wrap;margin-bottom:80px;width:100%;}
#index ul.lp li{margin-right:2%;margin-bottom:0;padding:5px;width:32%;border:1px dashed #000;line-height:1.1em;}
#index ul.lp li h5{margin-top:10px;padding:5px;text-align:center;font-weight:bold;}
#index ul.lp li h5:before,ul.lp li h5:after{content:"-----";padding:0 5px}
#index ul.lp li p{background:#CACACA;margin-top:5px;padding:5px 0;color:#FFF;font-size:0.85em;text-align:center;}
#index ul.lp li:nth-child(3n){margin-right:0;}

#index ul.totalsupport{position:relative;margin-top:30px;height:70px;border:1px dashed #000;}
#index ul.totalsupport li{position:absolute;top:-18px;background:#000;padding:24px 0;width:100px;height:100px;color:#FFF;
font-size:1.2rem;font-weight:bold;text-align:center;border-radius:100px;line-height:1.2em;}
#index ul.totalsupport li:nth-child(1){left:15%;}
#index ul.totalsupport li:nth-child(2){left:42%;padding-top:34px;}
#index ul.totalsupport li:nth-child(3){left:69%;}
#index ul.totalsupport li span{display:block;padding-top:3px;font-family:'Great Vibes', cursive;letter-spacing:1px;}
#index ul.totalsupport + p{margin-top:-8px;text-align:right!important;font-weight:bold;letter-spacing:3px;}

/* salon */
#index dl.salon_data{display:table;margin-top:50px;width:100%;}
#index dl.salon_data dt,dl.salon_data dd{display:table-cell;vertical-align:top;}
#index dl.salon_data dt{padding-right:30px;width:42%;line-height:1.2em;}
#index dl.salon_data dt img{margin-bottom:10px;width:70%;}
#index dl.salon_data dt p{font-size:1.2rem;}
#index dl.salon_data dt p:nth-child(3){padding:10px 0;font-size:1.6rem;font-weight:bold;letter-spacing:1px;}
#index dl.salon_data dt p a{position:relative;display:inline-block;padding-left:8px;color:#000;}
#index dl.salon_data dt p a::before,
#index dl.salon_data dt p a::after {
	position:absolute;
	top:50%;
	left:50%;
	width:70px;
	height:70px;
	border:2px solid rgba(192,173,207,0.3);
	border-radius:50%;
	content:'';
	opacity:0;
	-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
	-moz-transition:-moz-transform 0.3s, opacity 0.3s;
	transition:transform 0.3s, opacity 0.3s;
	-webkit-transform:translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform:translateX(-50%) translateY(-50%) scale(0.2);
	transform:translateX(-50%) translateY(-50%) scale(0.2);
}
#index dl.salon_data dt p a::after {
	width:60px;
	height:60px;
	border-width:6px;
	-webkit-transform:translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform:translateX(-50%) translateY(-50%) scale(0.8);
	transform:translateX(-50%) translateY(-50%) scale(0.8);
}
#index dl.salon_data dt p a:hover::before,
#index dl.salon_data dt p a:hover::after,
#index dl.salon_data dt p a:focus::before,
#index dl.salon_data dt p a:focus::after {
	opacity:1;
	-webkit-transform:translateX(-50%) translateY(-50%) scale(1);
	-moz-transform:translateX(-50%) translateY(-50%) scale(1);
	transform:translateX(-50%) translateY(-50%) scale(1);
}
#index dl.salon_data dd{padding:3px;border:3px solid #C0ADCF;}
#index dl.salon_data dd iframe{width:100%;height:180px;}


/*========== Recruit, Contact ==========*/
ul.recruit{display:table;margin:10px 0 50px;width:100%;}
ul.recruit li{display:table-cell;width:50%;}
ul.recruit li:first-child{padding-right:5px;}
ul.recruit li:last-child{padding-left:5px;}
ul.recruit li a{position:relative;display:block;background:#000;border:3px solid #FFF;transition:border-color .3s;}
ul.recruit li a:hover{border-color:#E9A225;}
ul.recruit li a img{width:100%;transition:all .3s;}
ul.recruit li a img:hover{opacity:0.8;}
ul.recruit li p{position:absolute;bottom:0;background:rgba(0, 0, 0, .6);width:100%;color:#FFF;text-align:center;}

dl.recruit{background:#F4F4F4;padding:10px;border:1px dotted #A3A3A3;}
dl.recruit dt , dl.contact dt{padding:0 10px 5px 10px;font-size:2.0rem;font-weight:bold;border-left:5px solid #000;border-bottom:1px solid #000;}
dl.recruit dd , dl.contact dd{padding:15px 0 50px;}
dl.recruit dd a{padding-bottom:3px;color:#000;border-bottom:1px solid #000;transition:color .3s;}
dl.recruit dd a:hover{border:none;color:#A3A3A3;}
dl.recruit dd p:not(:last-of-type){margin-bottom:2.6em;}
dl.contact{margin-top:50px;}
dl.contact dt span{display:inline-block;padding-left:5px;color:#c62828;font-size:1.2rem;}
dl.contact input,
dl.contact textarea,
dl.contact select{padding:1em;width:100%;font-size:1.6rem;border:1px solid #aaa;outline:none;}
dl.contact label.select_type{position:relative;}
dl.contact label.select_type:after{
display:block;
content:" ";
position:absolute;
top:45%;
right:0.5em;
width:0;
height:0;
border-style:solid;
border-width:0.5em 0.3em 0 0.3em;
border-color:#000 transparent transparent transparent;
}
.btn_blk input[type="submit"]{display:block;background:#000;padding:1em;width:100%;color:#FFF;font-size:1.8rem;border:solid 1px #aaa;outline:none;}


/*========== Other ==========*/
/* font ==========*/
.bold{font-weight:bold;}
.fontS{font-size:1.2rem;}
.fontM{font-size:1.6rem;}
.fontL{font-size:1.8rem;}
.fontLL{font-size:2.2rem;}

.red{color:#c62828;}
.eng{font-family:'Julius Sans One', sans-serif;}


/* animation ==========*/
.animated{
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
animation-fill-mode:both;
}
.animated.infinite{
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-iteration-count:infinite;
}
.animated.hinge{
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
animation-duration:2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut{
-webkit-animation-duration:.75s;
-moz-animation-duration:.75s;
animation-duration:.75s;
}

/* fadeInLeft */
.fadeInLeft{
-webkit-animation-name:fadeInLeft;
-moz-animation-name:fadeInLeft;
animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInLeft{
	from{opacity:0;
		-webkit-transform:translate3d(-100%, 0, 0);
		-moz-transform:translate3d(-100%, 0, 0);
		transform:translate3d(-100%, 0, 0);
	}
	to{opacity:1;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@keyframes fadeInLeft{
	from{opacity:0;
		-webkit-transform:translate3d(-100%, 0, 0);
		-moz-transform:translate3d(-100%, 0, 0);
		transform:translate3d(-100%, 0, 0);
	}
	to{opacity:1;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}

/* fadeInRight */
.fadeInRight{
-webkit-animation-name:fadeInRight;
-moz-animation-name:fadeInRight;
animation-name:fadeInRight;
}
@-webkit-keyframes fadeInRight{
	from{opacity:0;
		-webkit-transform:translate3d(100%, 0, 0);
		-moz-transform:translate3d(100%, 0, 0);
		transform:translate3d(100%, 0, 0);
	}
	to{opacity:1;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@keyframes fadeInRight{
	from{
		opacity:0;
		-webkit-transform:translate3d(100%, 0, 0);
		-moz-transform:translate3d(100%, 0, 0);
		transform:translate3d(100%, 0, 0);
	}
	to {opacity:1;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}

/* slideInUp */
.slideInUp{
-webkit-animation-name:slideInUp;
-moz-animation-name:slideInUp;
animation-name:slideInUp;
}
@-webkit-keyframes slideInUp{
	from{
		-webkit-transform:translate3d(0, 100%, 0);
		-moz-transform:translate3d(0, 100%, 0);
		transform:translate3d(0, 100%, 0);
		visibility:visible;
	}
	to{
		-webkit-transform:translate3d(0, 0, 0);
		-moz-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
	}
}
@keyframes slideInUp{
	from{
		-webkit-transform:translate3d(0, 100%, 0);
		-moz-transform:translate3d(0, 100%, 0);
		transform:translate3d(0, 100%, 0);
		visibility:visible;
	}
	to{
		-webkit-transform:translate3d(0, 0, 0);
		-moz-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
	}
}

/* delay */
.d1{animation-delay:0.1s;}
.d2{animation-delay:0.2s;}
.d3{animation-delay:0.3s;}
.d4{animation-delay:0.4s;}
.d5{animation-delay:0.5s;}
.d6{animation-delay:0.6s;}
.d7{animation-delay:0.7s;}
.d8{animation-delay:0.8s;}


/*==================================================================
   For Mobile
==================================================================*/
@media screen and (max-width:768px){
/*========== common ==========*/
#nav_index{display:none;}

/* header ==========*/
header{display:block;padding:5px;}
header #sitelogo{flex:0 1 auto;width:60px;}
header nav#sp_nav{position:fixed;top:0;left:0;z-index:90;
background:rgba(255,255,255,0.9);padding:5vh 10px;width:100%;height:100%;font-family:'Julius Sans One', sans-serif;text-align:center;}
header nav#sp_nav ul{float:none;}
header nav#sp_nav ul li{float:none;margin:0 0 1em;}
header nav#sp_nav ul li > a{color:#000;font-weight:bold;font-size:2.0rem;}
header nav#sp_nav ul li dl#lang dt.btn{display:none;}
header nav#sp_nav ul li dl#lang dd.menu{display:flex;flex-wrap:wrap;align-itSTAR MOON:center;
position:inherit;top:inherit;left:inherit;
background:none;margin:0 30px;padding:1em 0 0;width:auto;font-size:1.8rem;border-top:solid 1px #000;}
header nav#sp_nav ul li dl#lang dd.menu p,
header nav#sp_nav ul li dl#lang dd.menu p a{flex:0 1 50%;color:#000;font-size:1.8rem;}

/* #sp_nav Btn */
#nav_toggle{position:fixed;top:1%;right:0;z-index:99;
display:block;background:#171717;padding:12px;width:50px;height:46px;cursor:pointer;}
#nav_toggle div{position:relative;}
#nav_toggle span{position:absolute;left:0;
display:block;background:#fff;width:100%;height:3px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}
#nav_toggle span:nth-child(1){top:0px;}
#nav_toggle span:nth-child(2){top:8px;}
#nav_toggle span:nth-child(3){top:16px;}

/* #sp_nav Btn(open) */
#nav_toggle.open span:nth-child(1){top:10px;
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
transform:rotate(135deg);
}
#nav_toggle.open span:nth-child(2){opacity:0;}
#nav_toggle.open span:nth-child(3){top:10px;
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
transform:rotate(-135deg);
}


/* footer ==========*/
footer{padding:24px 5px 56px;height:93px;}
footer ul{display:none;}


/* main ==========*/
main{padding-bottom:80px;min-height:calc(100vh - 70px - 93px); /* フッター最下部固定 */;}

main .ttl_page{font-size:12vmin;}
main .ttl_page span{margin-top:-5%;padding:0 5px;width:100%;font-size:3.0rem;}
main .ttl_01{font-size:2.2rem;font-weight:bold;padding:30px 0 15px;}

main .area_main{width:100%;padding:0 5px;}
body:not(#index) main section{width:100%;padding:0 5px;}


/*========== Only Index ==========*/
/* main visual ==========*/
#index #mv_bg #mv .text{font-size:3.5vw;}

/* animation */
#index header.has-animation #sitelogo,
#index header.has-animation nav{opacity:inherit;}
#index header.has-animation.animate-in nav{animation:inherit;}

/* content ==========*/
#index main > section:not(:last-of-type){margin-bottom:80px;}
#index section > div > .ttl_img{left:5px;bottom:0;}
#index section > div > .ttl_img img{width:54%;}
#index section > h2{font-size:12vmin;}
#index section > h2 span{margin-top:-5%;padding:0 5px;width:100%;font-size:3.0rem;}

#index div.corporate{width:100%;}
#index div.corporate section{width:100%;}
#index div.corporate section h3{width:20%;}
#index div.corporate section p{padding-left:15px;}

/*　売上グラフ　*/
#index ul.graph{width:100%;font-size:1.1rem;}
#index ul.graph li{padding:10px 3px;}

/* オフィス */
#index section.office .map{width:100%;}
#index section.office .map iframe{width:100%;height:200px;}
#index div.access{padding-top:10px;}
#index div.access p{position:relative;margin-bottom:10px;padding-left:60px;line-height:1.4em;}
#index div.access p span{position:absolute;left:0;}
#index div.access p span:after{content:":";padding:0 10px;}
#index div.access p br{display:block;}

/* business */
#index section.business > section{width:100%;}
#index section.business > section > h3{font-size:3.6rem !important;}
#index dl.business{margin-top:30px;}
#index dl.business dt{font-size:1.7rem;}
#index dl.business dt span{display:block;margin-top:-15px;color:#EBEBEB;text-align:right;}
#index dl.business dt span:before{content:"";padding:0;}
/* アプリリスト */
#index dl.business dd .box_app{display:block;}
#index dl.business dd  .box_app > .icon{width:auto;max-width:50%;margin: 0 auto 1.5em;text-align:center;}
#index dl.business dd  .box_app > .app_tx{width:100%;}

/* LP紹介 */
#index ul.lp li p span{display:none;}

#index ul.totalsupport li:nth-child(1){left:4%;}
#index ul.totalsupport li:nth-child(2){left:37%;padding-top:34px;}
#index ul.totalsupport li:nth-child(3){left:70%;}
#index ul.totalsupport + p{margin-top:0;}

/* salon */
#index dl.salon_data{display:block;}
#index dl.salon_data dt{display:table;margin-bottom:10px;padding-right:0;width:100%;}
#index dl.salon_data dt div{display:table-cell;width:50%;vertical-align:top;}
#index dl.salon_data dt div.salonlogo{width:28% !important;}
#index dl.salon_data dd{display:block;}
#index dl.salon_data dt img{width:92%;}
#index dl.salon_data dt p:nth-child(3){padding:0;font-size:1.1rem;font-weight:bold;letter-spacing:1px;}
#index dl.salon_data dt p a{position:relative;display:inline-block;padding-left:5px;color:#000;}


/*========== Recruit, Contact ==========*/
ul.recruit li p{font-size:1.2rem;}

}/* End For Mobile */



/*==================================================================
   ClearFix
==================================================================*/
header nav:after,
header nav ul:after,
ul.graph:after,
dl.app dd ul:after,
dl.app dd ul li:after,
dl.app dd ul li:after,
dl.app dd ul li div:after,
dl.list_item_01:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
overflow:hidden;
}