@charset "utf-8";
/* CSS Document */
body {
	font-size: 16px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	line-height: 1.5;
}
@font-face {
	font-family: "851";
	src: url("../font/851MkPOP_100 (1).ttf");
}
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
.fade {
  -webkit-transition: all 3000ms;
  -o-transition: all 3000ms;
  transition: all 3000ms;
  opacity: 0;
  visibility: hidden;
}

.fadein {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
} 
header h1{
	position: relative;
	z-index: 999;
	top: 15px;
	left: 1.33%;
	width: 250px;
	
}

svg {
	width: 100%;
}



.top_main_backimg {
	width: 100%;
	background: url("../img/topbacksp.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 1300px;
}
.topcontentarea {
	max-width: 414px;
	margin: 0 auto;
}
.sakura{
	position: absolute;
	z-index: 2;
}
.top_mainimg1 {
	position: absolute;
	top: 161px;
}
.top_maintext {
	position: absolute;
	top: 550px;
	z-index: 3;
	font-family : "851";
  font-size : 38px;
  color : #C1272D;
  color : rgb(193, 39, 45);
  text-outline : #BA9BC9;
  text-outline : rgb(186, 155, 201)
}
.top_mainimg2 {
	display: none;
}
.concept {
	position:relative;
	top: 628px;
}
.conceptimg2 {
	position: absolute;
	right: 0;
	top: 200px;
}
.concepttext {
	text-align: center;
	margin-top: 215px;
}


.contentarea,.contentarea2,.contentarea3,.contentarea4{
	position: relative;
	max-width: 414px;
	margin: 0 auto;
	
}

.eyemake {
  background : -o-linear-gradient(0deg, rgba(221, 166, 166, 1) 0%, rgba(230, 189, 188, 1) 6.11%, rgba(237, 208, 208, 1) 13.5%, rgba(242, 222, 222, 1) 22.01%, rgba(245, 231, 230, 1) 32.5%, rgba(246, 233, 232, 1) 50.91%, rgba(245, 231, 230, 1) 74.63%, rgba(242, 224, 223, 1) 83.17%, rgba(237, 213, 212, 1) 89.26%, rgba(230, 196, 195, 1) 94.18%, rgba(221, 174, 174, 1) 98.35%, rgba(216, 163, 163, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(221, 166, 166, 1) 0%, rgba(230, 189, 188, 1) 6.11%, rgba(237, 208, 208, 1) 13.5%, rgba(242, 222, 222, 1) 22.01%, rgba(245, 231, 230, 1) 32.5%, rgba(246, 233, 232, 1) 50.91%, rgba(245, 231, 230, 1) 74.63%, rgba(242, 224, 223, 1) 83.17%, rgba(237, 213, 212, 1) 89.26%, rgba(230, 196, 195, 1) 94.18%, rgba(221, 174, 174, 1) 98.35%, rgba(216, 163, 163, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDA6A6', endColorstr='#D8A3A3' ,GradientType=0)";
  background : -webkit-gradient(linear, left top, right top, from(rgba(221, 166, 166, 1)), color-stop(6.11%, rgba(230, 189, 188, 1)), color-stop(13.5%, rgba(237, 208, 208, 1)), color-stop(22.01%, rgba(242, 222, 222, 1)), color-stop(32.5%, rgba(245, 231, 230, 1)), color-stop(50.91%, rgba(246, 233, 232, 1)), color-stop(74.63%, rgba(245, 231, 230, 1)), color-stop(83.17%, rgba(242, 224, 223, 1)), color-stop(89.26%, rgba(237, 213, 212, 1)), color-stop(94.18%, rgba(230, 196, 195, 1)), color-stop(98.35%, rgba(221, 174, 174, 1)), to(rgba(216, 163, 163, 1)));
  background : -o-linear-gradient(left, rgba(221, 166, 166, 1) 0%, rgba(230, 189, 188, 1) 6.11%, rgba(237, 208, 208, 1) 13.5%, rgba(242, 222, 222, 1) 22.01%, rgba(245, 231, 230, 1) 32.5%, rgba(246, 233, 232, 1) 50.91%, rgba(245, 231, 230, 1) 74.63%, rgba(242, 224, 223, 1) 83.17%, rgba(237, 213, 212, 1) 89.26%, rgba(230, 196, 195, 1) 94.18%, rgba(221, 174, 174, 1) 98.35%, rgba(216, 163, 163, 1) 100%);
  background : linear-gradient(90deg, rgba(221, 166, 166, 1) 0%, rgba(230, 189, 188, 1) 6.11%, rgba(237, 208, 208, 1) 13.5%, rgba(242, 222, 222, 1) 22.01%, rgba(245, 231, 230, 1) 32.5%, rgba(246, 233, 232, 1) 50.91%, rgba(245, 231, 230, 1) 74.63%, rgba(242, 224, 223, 1) 83.17%, rgba(237, 213, 212, 1) 89.26%, rgba(230, 196, 195, 1) 94.18%, rgba(221, 174, 174, 1) 98.35%, rgba(216, 163, 163, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDA6A6',endColorstr='#D8A3A3' , GradientType=1);

}
.sakuraimg {
	width: 100%;
	height: 550px;
	position: relative;
	z-index: 3;
}
.contentarea h1,.contentarea3 h1 {
	font-family : Ink Free;
  font-size : 30px;
  color : #231815;
  color : rgb(35, 24, 21);
font-weight: bold;
	position: absolute;
	top: 10px;
	left: 1.33%;
}
.eyemake_text1 {
	font-family:"851";
  font-size : 25px;
  line-height : 40px;
  color : #E65E3E;
  color : rgb(230, 94, 62);
position: absolute;
	top: 70px;
	right: 1.33%;
	z-index: 2;
}
.eyemake_img1 {
	position: absolute;
	top: 122px;
	right: 0;
}
.eyemake_img2 {
	position: absolute;
	top: 83px;
	left: 1.33%;
	z-index: 1;
}
.eyemake_img3 {
	display: none;
}
.eyemake_text2 {
	position: absolute;
	top: 430px;
	z-index: 2;
}
.eyemake_text2 h2 {
	font-family: "851";
	padding: 0 1.33%;
	text-align: center;
  font-size : 18px;
  line-height : 44.83px;
  color : #E84D33;
  color : rgb(232, 77, 51);
}




.faithmake{
  background : -o-linear-gradient(0deg, rgba(253, 189, 230, 1) 0.07%, rgba(253, 201, 234, 1) 4.24%, rgba(254, 224, 243, 1) 14.88%, rgba(255, 242, 250, 1) 26.15%, rgba(255, 252, 254, 1) 38.39%, rgba(255, 255, 255, 1) 53.35%, rgba(255, 251, 253, 1) 64.77%, rgba(255, 239, 249, 1) 76.32%, rgba(255, 219, 241, 1) 87.92%, rgba(255, 190, 231, 1) 99.5%, rgba(255, 189, 230, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(253, 189, 230, 1) 0.07%, rgba(253, 201, 234, 1) 4.24%, rgba(254, 224, 243, 1) 14.88%, rgba(255, 242, 250, 1) 26.15%, rgba(255, 252, 254, 1) 38.39%, rgba(255, 255, 255, 1) 53.35%, rgba(255, 251, 253, 1) 64.77%, rgba(255, 239, 249, 1) 76.32%, rgba(255, 219, 241, 1) 87.92%, rgba(255, 190, 231, 1) 99.5%, rgba(255, 189, 230, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDBDE6', endColorstr='#FFBDE6' ,GradientType=0)";
  background : -webkit-gradient(linear, left top, right top, color-stop(0.07%, rgba(253, 189, 230, 1)), color-stop(4.24%, rgba(253, 201, 234, 1)), color-stop(14.88%, rgba(254, 224, 243, 1)), color-stop(26.15%, rgba(255, 242, 250, 1)), color-stop(38.39%, rgba(255, 252, 254, 1)), color-stop(53.35%, rgba(255, 255, 255, 1)), color-stop(64.77%, rgba(255, 251, 253, 1)), color-stop(76.32%, rgba(255, 239, 249, 1)), color-stop(87.92%, rgba(255, 219, 241, 1)), color-stop(99.5%, rgba(255, 190, 231, 1)), to(rgba(255, 189, 230, 1)));
  background : -o-linear-gradient(left, rgba(253, 189, 230, 1) 0.07%, rgba(253, 201, 234, 1) 4.24%, rgba(254, 224, 243, 1) 14.88%, rgba(255, 242, 250, 1) 26.15%, rgba(255, 252, 254, 1) 38.39%, rgba(255, 255, 255, 1) 53.35%, rgba(255, 251, 253, 1) 64.77%, rgba(255, 239, 249, 1) 76.32%, rgba(255, 219, 241, 1) 87.92%, rgba(255, 190, 231, 1) 99.5%, rgba(255, 189, 230, 1) 100%);
  background : linear-gradient(90deg, rgba(253, 189, 230, 1) 0.07%, rgba(253, 201, 234, 1) 4.24%, rgba(254, 224, 243, 1) 14.88%, rgba(255, 242, 250, 1) 26.15%, rgba(255, 252, 254, 1) 38.39%, rgba(255, 255, 255, 1) 53.35%, rgba(255, 251, 253, 1) 64.77%, rgba(255, 239, 249, 1) 76.32%, rgba(255, 219, 241, 1) 87.92%, rgba(255, 190, 231, 1) 99.5%, rgba(255, 189, 230, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDBDE6',endColorstr='#FFBDE6' , GradientType=1);
}
 .contentarea2 h1 {
	font-family : Ink Free;
  font-size : 30px;
  color : #231815;
  color : rgb(35, 24, 21);
font-weight: bold;
	position: absolute;
	top: 10px;
	right: 1.33%;
	 z-index: 3;
}
.faithmake_text1 {
	font-family : "851";
  font-size : 25px;
  color : #FF99CC;
  color : rgb(255, 153, 204);
position: absolute;
	top: 70px;
	left: 1.33%;
	z-index: 2;
}
.faithmake_img1 {
	position: absolute;
	top: 149px;
	left: 0;
}
.faithmake_img2 {
	position: absolute;
	top: 104px;
	right: 1.33%;
	z-index: 1;
}
.faithmake_img3 {
	display: none;
}
.faithmake_text2 {
	position: absolute;
	top: 420px;
	z-index: 2;
}
.faithmake_text2 h2 {
	font-family: "851";
	padding: 0 1.33%;
	text-align: center;
  font-size : 18px;
  line-height : 44.83px;
 color : #FF99CC;
  color : rgb(255, 153, 204);
}



.lippmake{
  background : -o-linear-gradient(0deg, rgba(238, 135, 180, 1) 0%, rgba(242, 164, 198, 1) 5.86%, rgba(247, 197, 219, 1) 13.89%, rgba(250, 222, 235, 1) 22.17%, rgba(253, 241, 246, 1) 30.71%, rgba(254, 251, 253, 1) 39.66%, rgba(255, 255, 255, 1) 49.68%, rgba(255, 252, 253, 1) 60.17%, rgba(253, 241, 246, 1) 69.09%, rgba(251, 224, 235, 1) 77.43%, rgba(247, 199, 220, 1) 85.42%, rgba(243, 167, 200, 1) 93.09%, rgba(238, 135, 180, 1) 99.44%);
  background : -ms-linear-gradient(0deg, rgba(238, 135, 180, 1) 0%, rgba(242, 164, 198, 1) 5.86%, rgba(247, 197, 219, 1) 13.89%, rgba(250, 222, 235, 1) 22.17%, rgba(253, 241, 246, 1) 30.71%, rgba(254, 251, 253, 1) 39.66%, rgba(255, 255, 255, 1) 49.68%, rgba(255, 252, 253, 1) 60.17%, rgba(253, 241, 246, 1) 69.09%, rgba(251, 224, 235, 1) 77.43%, rgba(247, 199, 220, 1) 85.42%, rgba(243, 167, 200, 1) 93.09%, rgba(238, 135, 180, 1) 99.44%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE87B4', endColorstr='#EE87B4' ,GradientType=0)";
  background : -webkit-gradient(linear, left top, right top, from(rgba(238, 135, 180, 1)), color-stop(5.86%, rgba(242, 164, 198, 1)), color-stop(13.89%, rgba(247, 197, 219, 1)), color-stop(22.17%, rgba(250, 222, 235, 1)), color-stop(30.71%, rgba(253, 241, 246, 1)), color-stop(39.66%, rgba(254, 251, 253, 1)), color-stop(49.68%, rgba(255, 255, 255, 1)), color-stop(60.17%, rgba(255, 252, 253, 1)), color-stop(69.09%, rgba(253, 241, 246, 1)), color-stop(77.43%, rgba(251, 224, 235, 1)), color-stop(85.42%, rgba(247, 199, 220, 1)), color-stop(93.09%, rgba(243, 167, 200, 1)), color-stop(99.44%, rgba(238, 135, 180, 1)));
  background : -o-linear-gradient(left, rgba(238, 135, 180, 1) 0%, rgba(242, 164, 198, 1) 5.86%, rgba(247, 197, 219, 1) 13.89%, rgba(250, 222, 235, 1) 22.17%, rgba(253, 241, 246, 1) 30.71%, rgba(254, 251, 253, 1) 39.66%, rgba(255, 255, 255, 1) 49.68%, rgba(255, 252, 253, 1) 60.17%, rgba(253, 241, 246, 1) 69.09%, rgba(251, 224, 235, 1) 77.43%, rgba(247, 199, 220, 1) 85.42%, rgba(243, 167, 200, 1) 93.09%, rgba(238, 135, 180, 1) 99.44%);
  background : linear-gradient(90deg, rgba(238, 135, 180, 1) 0%, rgba(242, 164, 198, 1) 5.86%, rgba(247, 197, 219, 1) 13.89%, rgba(250, 222, 235, 1) 22.17%, rgba(253, 241, 246, 1) 30.71%, rgba(254, 251, 253, 1) 39.66%, rgba(255, 255, 255, 1) 49.68%, rgba(255, 252, 253, 1) 60.17%, rgba(253, 241, 246, 1) 69.09%, rgba(251, 224, 235, 1) 77.43%, rgba(247, 199, 220, 1) 85.42%, rgba(243, 167, 200, 1) 93.09%, rgba(238, 135, 180, 1) 99.44%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE87B4',endColorstr='#EE87B4' , GradientType=1);
}
.lippmake_text1 {
	font-family:"851";
  font-size : 24px;
  line-height : 40px;
 color : #996699;
  color : rgb(153, 102, 153);
position: absolute;
	top: 70px;
    left: 1.33%;
	z-index: 3;
}
.lippmake_img1 {
	position: absolute;
	top: 120px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.lippmake_img2 {
	position: absolute;
	top:202px;
	right: 0px;
}
.lippmake_img3 {
	position: absolute;
	top: 128px;
	left: 1.33%;
}
.lippmake_text2 {
	position: absolute;
	top: 420px;
	z-index: 3;
}
.lippmake_text2 h2 {
	font-family: "851";
	padding: 0 1.33%;
	text-align: center;
  font-size : 18px;
  ine-height : 44px;
  color : #996699;
  color : rgb(153, 102, 153);
}


.basemake{
  background : -o-linear-gradient(0deg, rgba(248, 199, 176, 1) 0%, rgba(250, 214, 197, 1) 6.52%, rgba(252, 232, 222, 1) 16.64%, rgba(254, 245, 241, 1) 27.12%, rgba(255, 252, 251, 1) 38.08%, rgba(255, 255, 255, 1) 50.31%, rgba(255, 253, 251, 1) 62.1%, rgba(254, 245, 241, 1) 72.69%, rgba(252, 232, 222, 1) 82.83%, rgba(250, 214, 197, 1) 92.63%, rgba(248, 197, 172, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(248, 199, 176, 1) 0%, rgba(250, 214, 197, 1) 6.52%, rgba(252, 232, 222, 1) 16.64%, rgba(254, 245, 241, 1) 27.12%, rgba(255, 252, 251, 1) 38.08%, rgba(255, 255, 255, 1) 50.31%, rgba(255, 253, 251, 1) 62.1%, rgba(254, 245, 241, 1) 72.69%, rgba(252, 232, 222, 1) 82.83%, rgba(250, 214, 197, 1) 92.63%, rgba(248, 197, 172, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8C7B0', endColorstr='#F8C5AC' ,GradientType=0)";
  background : -webkit-gradient(linear, left top, right top, from(rgba(248, 199, 176, 1)), color-stop(6.52%, rgba(250, 214, 197, 1)), color-stop(16.64%, rgba(252, 232, 222, 1)), color-stop(27.12%, rgba(254, 245, 241, 1)), color-stop(38.08%, rgba(255, 252, 251, 1)), color-stop(50.31%, rgba(255, 255, 255, 1)), color-stop(62.1%, rgba(255, 253, 251, 1)), color-stop(72.69%, rgba(254, 245, 241, 1)), color-stop(82.83%, rgba(252, 232, 222, 1)), color-stop(92.63%, rgba(250, 214, 197, 1)), to(rgba(248, 197, 172, 1)));
  background : -o-linear-gradient(left, rgba(248, 199, 176, 1) 0%, rgba(250, 214, 197, 1) 6.52%, rgba(252, 232, 222, 1) 16.64%, rgba(254, 245, 241, 1) 27.12%, rgba(255, 252, 251, 1) 38.08%, rgba(255, 255, 255, 1) 50.31%, rgba(255, 253, 251, 1) 62.1%, rgba(254, 245, 241, 1) 72.69%, rgba(252, 232, 222, 1) 82.83%, rgba(250, 214, 197, 1) 92.63%, rgba(248, 197, 172, 1) 100%);
  background : linear-gradient(90deg, rgba(248, 199, 176, 1) 0%, rgba(250, 214, 197, 1) 6.52%, rgba(252, 232, 222, 1) 16.64%, rgba(254, 245, 241, 1) 27.12%, rgba(255, 252, 251, 1) 38.08%, rgba(255, 255, 255, 1) 50.31%, rgba(255, 253, 251, 1) 62.1%, rgba(254, 245, 241, 1) 72.69%, rgba(252, 232, 222, 1) 82.83%, rgba(250, 214, 197, 1) 92.63%, rgba(248, 197, 172, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8C7B0',endColorstr='#F8C5AC' , GradientType=1);
}
.contentarea4 h1{
	font-family : Ink Free;
  font-size : 30px;
  color : #231815;
  color : rgb(35, 24, 21);
font-weight: bold;
	position: absolute;
	top: 10px;
	left: 50%;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: 3;
}
.basemake_img1{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.basemake_text1 {
	position: absolute;
	top: 70px;
	left: 1.33%;
	 font-family : "851";
  font-size : 25px;
  color : #FFC7AF;
  color : rgb(255, 199, 175);
}
.basemake_img2 {
	position: absolute;
	right: 1.33%;
	top: 49px;
}
.basemake_img3 {
	position: absolute;
	left: 5.33%;
	top: 446px;
}
.basemake_text2 {
	position: absolute;
	top: 480px;
	right: 5.33%;
	 font-family : "851";
  font-size : 25px;
  color : #FFC7AF;
  color : rgb(255, 199, 175);
}


.shop{
  background : -o-linear-gradient(0deg, rgba(224, 255, 228, 1) 0.56%, rgba(240, 255, 242, 1) 14.84%, rgba(251, 255, 252, 1) 32.08%, rgba(255, 255, 255, 1) 50.12%, rgba(251, 255, 252, 1) 68.08%, rgba(239, 255, 241, 1) 85.89%, rgba(224, 255, 228, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(224, 255, 228, 1) 0.56%, rgba(240, 255, 242, 1) 14.84%, rgba(251, 255, 252, 1) 32.08%, rgba(255, 255, 255, 1) 50.12%, rgba(251, 255, 252, 1) 68.08%, rgba(239, 255, 241, 1) 85.89%, rgba(224, 255, 228, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0FFE4', endColorstr='#E0FFE4' ,GradientType=0)";
  background : -webkit-gradient(linear, left top, right top, color-stop(0.56%, rgba(224, 255, 228, 1)), color-stop(14.84%, rgba(240, 255, 242, 1)), color-stop(32.08%, rgba(251, 255, 252, 1)), color-stop(50.12%, rgba(255, 255, 255, 1)), color-stop(68.08%, rgba(251, 255, 252, 1)), color-stop(85.89%, rgba(239, 255, 241, 1)), to(rgba(224, 255, 228, 1)));
  background : -o-linear-gradient(left, rgba(224, 255, 228, 1) 0.56%, rgba(240, 255, 242, 1) 14.84%, rgba(251, 255, 252, 1) 32.08%, rgba(255, 255, 255, 1) 50.12%, rgba(251, 255, 252, 1) 68.08%, rgba(239, 255, 241, 1) 85.89%, rgba(224, 255, 228, 1) 100%);
  background : linear-gradient(90deg, rgba(224, 255, 228, 1) 0.56%, rgba(240, 255, 242, 1) 14.84%, rgba(251, 255, 252, 1) 32.08%, rgba(255, 255, 255, 1) 50.12%, rgba(251, 255, 252, 1) 68.08%, rgba(239, 255, 241, 1) 85.89%, rgba(224, 255, 228, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0FFE4',endColorstr='#E0FFE4' , GradientType=1);
	padding-bottom: 20px;
	text-align: center;
}
.shop h1 {
	font-family : 'Ink Free';
	padding: 10px 0;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}
.slick-slide img {
	text-align: center;
	display: inline-block;
}


.type,.product,.price {
	padding-top: 10px;
	font-size: 16px;
	text-align: center;
}


.official {
	width: 100%;
	height: 400px;
	background: #F5ECEB;
	position: relative;
	
	
}

.official_img {
position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
 
}
.eyemake,.faithmake,.lippmake,.basemake {
		position: relative;
		overflow: hidden;
	}

.footer_logo {
	width: 300px;
	padding: 50px 0;
	margin: 0 auto;
}

footer h2 {
	font-size: 16px;
	margin-bottom: 15px;
	padding-left: 1.33%;
}
footer p{
	font-size: 12px;
	padding-left: 1.33%;
}
.contact {
	margin-bottom: 50px;
}
footer h3 {
	display: none;
}
.link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	margin-bottom: 50px;
}
.link_cont {
	
	margin: 0 auto;
}
footer small {
	font-size: 8px;
	display: block;
	text-align: center;
	margin-bottom: 50px;
}

@media screen and (min-width:415px){ 
	body {
		min-width: 768px;
	}
	header h1 {
		width: 400px;
	}
	.top_main_backimg {
		background: url("../img/topbacktab.jpg");
		height: 1485px;
		background-repeat: no-repeat;
	}
	.topcontentarea {
		max-width: none;
	}
	.top_mainimg1{
		top: 212px;
		left: 75px;
	}
	.top_maintext {
		top: 876px;
		left: 105px;
		font-family : Ink Free;
  font-size : 55px;
  color : #C1272D;
  color : rgb(193, 39, 45);
  text-outline : #BA9BC9;
  text-outline : rgb(186, 155, 201);
		font-weight: bold;
	}
	.concept {
	top: 1001px;
}
.conceptimg1 img{
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}	
	.conceptimg2 {
		left: 5px;
		top:120px;
		z-index: 3;
	}
	.concepttext {
		margin: 0;
		position: absolute;
		right: 5px;
		top: 120px;
		border: 1px solid #FFCCFF;
		background: rgba(255,204,255,0.62);
		width: 300px;
		height: 240px;
		z-index: 4;
	}
	.contentarea,.contentarea2,.contentarea3,.contentarea4 {
		max-width: none;
	}	
	.contentarea h1,.contentarea2 h1,.contentarea3 h1,.contentarea4 h1{
		font-size: 50px;
	}
	.sakuraimg {
	height: 800px;
}
	.eyemake_text1 {
		font-size: 40px;
		left: 1.33%;
		top: 95px;
	}
	.eyemake_img1 {
		top:160px;
	}
	.eyemake_text2 {
		right: 1.33%;
		width: 490px;
		top: 665px;
	}
	.eyemake_text2 h2{
		font-size: 30px;
		
	}
	.eyemake_img2 {
		left: 60px;
		top: 117px;
	}
	.faithmake_text1 {
		font-size: 40px;
		left: 337px;
		top: 95px;
	}
	.faithmake_img1 {
		top: 175px;
		left: 0;
	}
	.faithmake_img2 {
		top: 125px;
		left: 376px;
	}
	.faithmake_text2 {
		width: 507px;
		left: 1.33%;
		top: 645px;
		z-index: 5;
	}
	.faithmake_text2 h2 {
		font-size: 30px;
	}
	.contentarea3 h1 {
		top: 10px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: 3;
	}
	.lippmake_text1 {
		font-size: 40px;
		top: 95px;
		left: 102px;
	}
	.lippmake_img1 {
		top: 158px;
	}
	.lippmake_text2 {
		width: 530px;
		top: 692px;
		left: 121px;
	}
	.lippmake_text2 h2 {
		font-size: 30px;
	}
	.lippmake_img2 {
		top: 318px;
		left: 605px;
	}
	.lippmake_img3 {
		top: 185px;
		left: 1.33%;
	}
	
	.basemake_text1 {
		font-size: 35px;
		left: 367px;
		top: 95px;
	}
	.basemake_text2 {
		font-size: 35px;
		left: 1.33%;
		top: 718px;
	}
	.basemake_img2 {
		top: 260px;
		left: 561px;
	}
	.basemake_img3 {
		top: 113px;
		left: 41px;
	}
	.shop h1{
		font-size: 50px;
		padding-bottom: 50px;
	}
	.pickup {
		padding-bottom: 40px;
	}
	.exclusive {
		padding-bottom: 50px;
	}
	.official {
		height: 500px;
	}

.footer_logo {
	padding: 150px 0;
	width: 480px;
	margin: 0 auto;
}
.contact {
	text-align: center;
	margin-bottom: 50px;
}
footer h2 {
	font-size: 33px;
	margin-bottom: 25px;
}
footer p {
	font-size: 16px;
}
footer h3 {
	display: block;
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
}
.link {
	margin-bottom: 85px;
}
footer small {
	font-size: 10px;
}
}
@media screen and (min-width:769px){ 
	
	body {
		min-width: 1900px;
	}
	header h1 {
		width: 500px;
	}
	.top_main_backimg {
		background: url("../img/topback.jpg");
		height: 1800px;
		background-repeat: no-repeat;
	}
	.topcontentarea{
		min-width:    1400px;
		max-width: 1400px;
	}
	.top_main {
		position: relative;
	}
	.top_mainimg1 {
		top: 122px;
		width: 100%;
	}
	.top_mainimg2{
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	
	.top_maintext{
		position: absolute;
		font-family : "Ink Free";
  font-size :65px;
  color : #C1272D;
  color : rgb(193, 39, 45);
  text-outline : #BA9BC9;
  text-outline : rgb(186, 155, 201);
top:592px;
		left: 720px;
	}
	.top_mainimg2 {
		display: block;
	}
	.concept {
		top:996px;
		min-width:    1400px;
		max-width: 1400px;
	}
	.conceptimg1 img{
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}
	.conceptimg2 {
		left: 0;
		top: 300px;
		z-index: 3;
	}
	.concepttext {
		margin: 0;
		position: absolute;
		right: 0;
		top: 300px;
		border: 1px solid #FFCCFF;
		width: 500px;
		height: 400px;
		z-index: 1;
	}
	.sakuraimg {
		height: 1000px;
	}
	.contentarea,.contentarea2,.contentarea3,.contentarea4 {
		max-width: none;
	}	
	.eyemake_img1 {
	top: 196px;
	left:763px;
}
	.eyemake_img2 {
		top: 130px;
		left:304px;
	}
	.eyemake_img3 {
		display: block;
		position: absolute;
		top: 598px;
		left: 1397px;
	}
	.eyemake h1 {
		font-size: 60px;
		top:0px;
		left: 290px;
	} 
	.eyemake_text1 {
		font-size: 45px;
		top: 85px;
		left: 1057px;
	}
	.eyemake_text2 {
		width: 570px;
		top: 825px;
		left: 290px;
	}
	.eyemake_text2 h2{
		font-size : 34px;
		ine-height : 44px;
	}
	.faithmake_img1 {
		top: 200px;
		left: 302px;
	}
	.faithmake_img2 {
		top: 135px;
		left: 991px;
	}
	.faithmake_img3 {
		display: block;
		position: absolute;
		left: 230px;
		top:450px;
	}
	.faithmake h1 {
		font-size: 60px;
		left: 1202px;
	}
	.faithmake_text1 {
		font-size: 45px;
		top: 85px;
		left: 290px;
	}
	.faithmake_text2 {
		width: 592px;
		top: 780px;
		left: 1065px;
	}
	.faithmake_text2 h2 {
		font-size : 35px;
  line-height : 45px;
	}
	.lippmake_img1 {
	top: 196px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
	.lippmake h1 {
		top:30px;
		position: absolute;
		left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
		font-size : 60px;
  color : #000000;
  color : rgb(0, 0, 0);
	}
	.lippmake_img3 {
	top: 164px;
	left: 394px;
}
	.lippmake_img2 {
	top:400px;
	left: 1312px;
}
	.lippmake_text1 {
	font-family:"851";
  font-size : 45px;
 color : #996699;
  color : rgb(153, 102, 153);
top: 127px;
left: 985px;	
}
	.lippmake_text2 {
		width: 420px;
		position: absolute;
		top: 785px;
		left: 276px;
	}
	.lippmake_text2 h2 {
	font-family: "851";
  font-size : 35px;
  ine-height : 44px;
  color : #996699;
  color : rgb(153, 102, 153);
		
}
.basemake_img1{
	top: 599px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
	.basemake h1 {
		top:30px;
		position: absolute;
		left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
		font-size : 60px;
  color : #000000;
  color : rgb(0, 0, 0);
	}
	.basemake_text1 {
		 font-size : 45px;
		top: 151px;
		left: 1137px;
	}
	.basemake_text2 {
		top: 852px;
		left: 275px;
	}
	.basemake_text2 h2{
		 font-size : 45px;
	}
	.basemake_img3 {
		top:179px;
		left: 302px;
	}
	.basemake_img2 {
		top: 226px;
		left: 1248px;
	}
	.pickup,.exclusive {
		min-width: 1400px;
		max-width: 1400px;
		margin: 0 auto;
	}
	.shop {
		padding-bottom: 100px;
	}
	.shop h1 {
	padding: 100px 0 76px;
	text-align: center;
	font-size: 60px;
	font-weight: bold;
}
	.official {
		height: 600px;
	}
	
	.maincont2{
  position: relative;
  z-index: 2;
 
  margin-bottom: 1079px;
}
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 1079;  
	z-index: -1;
}
	.footer_logo {
		width: 800px;
		padding: 200px 0;
	}
	.contact {
		margin-bottom: 30px;
	}
	footer h3 {
		font-size: 30px;
	}
	footer p {
		font-size: 22px;
	}
	.link {
		width: 1400px;
		margin: 0 auto;
	}
	footer small {
		font-size: 12px;
	}
	
	
	
	
	
	.eyemake,.faithmake,.lippmake,.basemake {
		position: relative;
		overflow: hidden;
	}
	.animate::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
 background :#dda6a6;
		content: "";
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
		z-index: 999;
		-webkit-filter: blur(95px);
		        filter: blur(95px)
}
	.animate.show::before {
  -webkit-transform: translateX(101%);
      -ms-transform: translateX(101%);
          transform: translateX(101%);
}
	.animate:nth-of-type(2)::before	{
	background: #fdbde6;
	}
	.animate:nth-of-type(3)::before	{
	background: #ee87b4;
	}
	.animate:nth-of-type(4)::before{
		background: #f8c7b0;
	}
	.animate.show:nth-of-type(2)::before,.animate.show:nth-of-type(4)::before {
  -webkit-transform: translateX(-101%);
      -ms-transform: translateX(-101%);
          transform: translateX(-101%);
}
}

@media only screen and (max-width:414px) { 
.pc { display:none  !important; } 
.tab { display: none !important; } 
.sp { display: block !important; } 
}
@media only screen and (min-width: 415px) { 
.pc { display: none !important; } 
.tab { display: block !important; } 
.sp { display:none  !important; } 
}

@media only screen and (min-width: 769px) { 
.pc { display: block !important; } 
.tab { display: none !important; } 
.sp { display: none !important; } 
}


@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 6.600006103515625px;
    stroke-dasharray: 6.600006103515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 6.600006103515625px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 6.600006103515625px;
    stroke-dasharray: 6.600006103515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 6.600006103515625px;
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s ease 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s ease 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 399.4200134277344px;
    stroke-dasharray: 399.4200134277344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 399.4200134277344px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 399.4200134277344px;
    stroke-dasharray: 399.4200134277344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 399.4200134277344px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s ease 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s ease 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 186.7730255126953px;
    stroke-dasharray: 186.7730255126953px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 186.7730255126953px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 186.7730255126953px;
    stroke-dasharray: 186.7730255126953px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 186.7730255126953px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s ease 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s ease 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 305.29998779296875px;
    stroke-dasharray: 305.29998779296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 305.29998779296875px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 305.29998779296875px;
    stroke-dasharray: 305.29998779296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 305.29998779296875px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s ease 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s ease 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 293.5691833496094px;
    stroke-dasharray: 293.5691833496094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 293.5691833496094px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 293.5691833496094px;
    stroke-dasharray: 293.5691833496094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 293.5691833496094px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s ease 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s ease 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 293.56927490234375px;
    stroke-dasharray: 293.56927490234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 293.56927490234375px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 293.56927490234375px;
    stroke-dasharray: 293.56927490234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 293.56927490234375px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s ease 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s ease 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 132.03909301757812px;
    stroke-dasharray: 132.03909301757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 132.03909301757812px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 132.03909301757812px;
    stroke-dasharray: 132.03909301757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 132.03909301757812px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s ease 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s ease 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 224.14268493652344px;
    stroke-dasharray: 224.14268493652344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 224.14268493652344px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 224.14268493652344px;
    stroke-dasharray: 224.14268493652344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 224.14268493652344px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s ease 0.84s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 1s ease 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 131.95205688476562px;
    stroke-dasharray: 131.95205688476562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 131.95205688476562px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 131.95205688476562px;
    stroke-dasharray: 131.95205688476562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 131.95205688476562px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s ease 0.96s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 1s ease 0.96s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 289.69854736328125px;
    stroke-dasharray: 289.69854736328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 289.69854736328125px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 289.69854736328125px;
    stroke-dasharray: 289.69854736328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 289.69854736328125px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s ease 1.08s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 1s ease 1.08s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 238.93218994140625px;
    stroke-dasharray: 238.93218994140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 238.93218994140625px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 238.93218994140625px;
    stroke-dasharray: 238.93218994140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 238.93218994140625px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 1s ease 1.2s both,
                       animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 1s ease 1.2s both,
               animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 237.3121337890625px;
    stroke-dasharray: 237.3121337890625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 237.3121337890625px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 237.3121337890625px;
    stroke-dasharray: 237.3121337890625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 237.3121337890625px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 1s ease 1.3199999999999998s both,
                       animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 1s ease 1.3199999999999998s both,
               animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 286.3810119628906px;
    stroke-dasharray: 286.3810119628906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 286.3810119628906px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 286.3810119628906px;
    stroke-dasharray: 286.3810119628906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 286.3810119628906px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 1s ease 1.44s both,
                       animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13 1s ease 1.44s both,
               animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 2px;
    stroke-dasharray: 2px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 2px;
    stroke-dasharray: 2px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 1s ease 1.56s both,
                       animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14 1s ease 1.56s both,
               animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 13.02209186553955px;
    stroke-dasharray: 13.02209186553955px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 13.02209186553955px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 13.02209186553955px;
    stroke-dasharray: 13.02209186553955px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 13.02209186553955px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 1s ease 1.68s both,
                       animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15 1s ease 1.68s both,
               animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 2px;
    stroke-dasharray: 2px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 2px;
    stroke-dasharray: 2px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 1s ease 1.7999999999999998s both,
                       animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-16 1s ease 1.7999999999999998s both,
               animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 13.043671607971191px;
    stroke-dasharray: 13.043671607971191px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 13.043671607971191px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 13.043671607971191px;
    stroke-dasharray: 13.043671607971191px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 13.043671607971191px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 1s ease 1.92s both,
                       animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-stroke-17 1s ease 1.92s both,
               animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 16.520334243774414px;
    stroke-dasharray: 16.520334243774414px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 16.520334243774414px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 16.520334243774414px;
    stroke-dasharray: 16.520334243774414px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 16.520334243774414px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 1s ease 2.04s both,
                       animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-18 1s ease 2.04s both,
               animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 33.17555046081543px;
    stroke-dasharray: 33.17555046081543px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 33.17555046081543px;
  }
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 33.17555046081543px;
    stroke-dasharray: 33.17555046081543px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 33.17555046081543px;
  }
}

@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 1s ease 2.16s both,
                       animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
          animation: animate-svg-stroke-19 1s ease 2.16s both,
               animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}

@-webkit-keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 866.1765747070312px;
    stroke-dasharray: 866.1765747070312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 866.1765747070312px;
  }
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 866.1765747070312px;
    stroke-dasharray: 866.1765747070312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 866.1765747070312px;
  }
}

.svg-elem-20 {
  -webkit-animation: animate-svg-stroke-20 1s ease 2.28s both,
                       animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
          animation: animate-svg-stroke-20 1s ease 2.28s both,
               animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}

.shutter{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff;
  z-index:9999;
}
.shutter svg {
	position: absolute;
	top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.shutter {
  -webkit-animation: byeShutter 5s forwards;
          animation: byeShutter 5s forwards;
}


@-webkit-keyframes byeShutter {
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
}


@keyframes byeShutter {
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
}
.container {
	 -webkit-animation: fadein 5.5s;
          animation: fadein 5.5s;
}
@-webkit-keyframes fadein {
	0% {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadein {
	0% {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}