@charset "UTF-8";
.main { position: relative;
}


.mainshop{ color: #e60012; border: 1px solid #e60012; border-radius: 5px; background: #fff; width: 236px; text-align: center; padding: 10px 0; font-weight: bold; letter-spacing: 0.365em; font-size: 20px;}

.maintxtCon{ width: 293px;}
.maintxtCon p{ margin-bottom: 15px;}


.cvbtn{ width: 443px;}

.maintxtWrapp{ display: inline-block; vertical-align: middle; text-align: center;}
.maintxtCon{ margin-left: 55px; position: relative;}

.fukidashi{ position: absolute; width: 119px; height: 96px; right: -80px; top: 10px;}

.meintxtimgArea{ position: absolute; width: 100%; top: 75px;}

.imgmainp{ width: 280px; display: inline-block; vertical-align: middle;}
.meintxtimgArea{ width: 100%; margin: 0 auto;}
.maintiInner{ max-width: 900px; margin: 0 auto;}
.maintiInner .maintxtWrapp{ float: left; padding-top: 45px;}
.maintiInner .imgmainp{ float: right;}

.url{ position: absolute; left: -74px; top: 50%; transform:  rotate(90deg); font-size: 10px; font-weight: 700; letter-spacing: 0.085em; }
.shopside{position: absolute; right: -55px; top: 50%; transform:  rotate(90deg); font-size: 10px; font-weight: 700; letter-spacing: 0.085em;}

.crt{ position: absolute; left: -74px; bottom: 0; transform:  rotate(90deg); font-size: 10px; font-weight: 700; letter-spacing: 0.085em; }


.aboutCon {  position: relative; margin-right: 20px;}
.aboutCon .inner{ max-width: 1110px; margin: 0 auto; font-size: 0; letter-spacing: 0;}
.abouttxts{ width: 53.6%; display: inline-block; vertical-align: middle;}
.aboutImg{ width: 46.4%; display: inline-block; vertical-align: middle;}
.aboutImg img{ width: 100%; height: auto;}
.abouttxts dt{ font-size: 30px; font-weight: bold; line-height: 47px; letter-spacing: 0.0105em; margin-bottom: 40px;}
.abouttxts dd{ font-size: 14px; line-height: 37px; letter-spacing: 0.085em;}




.sideAbout{ position: absolute; left: -70px; top: 50%; transform:  rotate(90deg); font-size: 10px; font-weight: 700; letter-spacing: 0.085em; color: #c9c9c9; font-size: 18px; }



.shopCon{ padding-top: 143px; position: relative; margin-bottom: 80px;}
.shopTit{ width: 100%; position: absolute; top: 34px;}
.shopnames{ text-align: center; position: relative; z-index: 10}
.shopnames dt{ font-size: 30px; font-weight: 700; letter-spacing: 0.365em;}
.shopnames dd{ font-size: 70px; font-weight: bold; letter-spacing: 0.365em; color: #000;}
.shopimg img{ width: 100%; height: auto;}

.shopcopy{ width: 33%; margin-left: auto; padding-top: 50px;}
.shopcopy dl{ letter-spacing: 0.085em;}
.shopcopy dt{ font-size: 18px; line-height: 37px; margin-bottom: 27px; font-weight: bold;}
.shopcopy dd{ font-size: 14px; line-height: 37px;}



.sidearea{position: absolute;
    left: -62px;
    top: 50%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 18px;
}


.btn_Property{ width: 260px; height: 88px; text-align: center; line-height: 88px; border: 2px solid #000; font-size: 30px; letter-spacing: 0.085em; margin: 0 auto; position: relative; margin-top: 155px; font-weight: bold;}
.btn_Property:before{ content: ""; display: block; height: 120px; width: 1px; background: #000; position: absolute; left: 50%; top: -200px;}

.galleryCon{ margin-bottom: 85px; position: relative;}
.galleryCon img{ width: 100%; height: auto;}
.galleryCon li{ padding: 0 15px; box-sizing: border-box;}
.slick-slide img{ opacity: 0.5; margin-bottom: 25px;}
.skideimg{ background: #000;}
.slick-active img{ opacity: 1;}

.galleryCon li p{ font-size: 14px; color: #434343; letter-spacing: 0.085em; line-height: 27px;}

.sideroom{position: absolute;
    left: -62px;
    top: 50%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 18px;
}


.slick-prev, .slick-next{ background: url(../imgs/arrowbtn.png) left top no-repeat; background-size: cover;}

.slick-next {
    right: 100px;
    width: 60px;
	height: 60px;
    left: auto;
	transform: rotate(180deg);
}

.slick-prev {
    left: 100px;
	    width: 60px;
	height: 60px;
    right: auto;
    }
.galleryimgCon ul{ font-size: 0; letter-spacing: 0;}
.galleryimgCon li{ display: inline-block; box-sizing: border-box; padding: 0 38px; margin-bottom: 70px; width: 25%;}
.galleryimgCon li img{ width: 100%; height: auto;}


.btnArea{ background: #e60012; padding-top: 127px; padding-bottom: 120px; position: relative; margin-bottom: 120px;}

.btnArea .btn{ margin:0 auto; max-width: 420px; }
.btnArea .btn:before{ content: ""; display: block; position: absolute; width: 48px; height: 33px; background: url(../imgs/uarrow.png) left center no-repeat; top: 0; left: 50%; margin-left: -24px;}

.movieCon { margin-bottom: 250px; position: relative;}
.movieCon h2{ font-size: 34px; font-weight: bold; letter-spacing: 0.085em; text-align: center; margin-bottom: 90px;}

.moveWp{ width: 800px; margin: 0 auto;}


.movei {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movei iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.sidemovie{    position: absolute;
    left: -62px;
    top: 50%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 18px;
	}

.stepCon h2{ font-size: 26px; line-height: 56px; letter-spacing: 0.125em; text-align: center;}

.stepInner{ max-width: 900px; margin: 0 auto; padding: 160px 0 110px;}


.stepomh{ width: 28%; float: left;}
.stepomh img{ width: 100%; height: auto;}

.stepList{ width: 53%; float: right;}


.stepCon{ position: relative;}
.sidestep{    position: absolute;
    left: -62px;
    top: 50%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 18px;}

.stepBg{ background: url(../imgs/bg_step.png) center center no-repeat; background-size: cover; margin-top: -83px; margin-bottom: 154px;}
.stepBg:afte{content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 36px;
    background: url(../imgs/uarrow2.png) left center no-repeat;
    bottom: -30px;
    left: 50%;
    margin-left: -24px;
}
.nambCon{ width: 38px; float: left; margin-right: 20px;}
 dl.namTxt{ float: left; padding-top: 10px; }
.nambCon dt{ font-size: 12px; color: #e60012; font-weight: 400; text-align: center; letter-spacing: 0.085em; text-align: center; margin-bottom: 5px; width: 38px;}
.nambCon dd{ font-size: 22px; background:#e60012;  color: #fff; font-weight: 700; width: 38px; height: 38px; border-radius: 50%;text-align:  center; line-height: 38px;}

.namTxt dt{ font-size: 18px; letter-spacing: 0.185em; font-weight: bold;}
dd{color: #595959; font-size: 12px; letter-spacing: 0.185em;}


.stepList li{ padding: 20px 10px 15px; box-sizing: border-box; border-top: 1px solid #bfbfbf; position: relative; box-sizing: border-box;}
.stepList li:before{ content: ""; display: block; background: url(../imgs/ugarroe.png) left top no-repeat; width: 11px; height: 7px; position: absolute; top: 0; left: 50%; margin-left: -5px;}


.voiceArea{ position: relative;}
.sidevoice{    position: absolute;
    left: -62px;
    top: 50%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 18px;}
.voiceArea{ margin-bottom: 130px; padding-top: 50px;}
.voicebg{background: #f6f6f6; max-width: 1280px; margin: 0 auto; position: relative; padding-top: 130px; padding-bottom: 100px;}
.bdrTit{ font-size: 30px; letter-spacing: 0.085em; text-align: center; border: 2px solid #000; width: 260px; margin: 0 auto; background: #fff; height: 88px; line-height: 88px;}
.voiceList{  margin: 0 auto;}
.titWrapp{ position: absolute; width: 100%;  top: -44px;}
.voiceList { box-sizing: border-box; padding: 0 10px; font-size: 0; letter-spacing: 0;}
.voiceList li{ width: 25%; display: inline-block; box-sizing: border-box; padding: 0 27px; color: #484848; font-weight: bold; vertical-align: top;}

.voiceList li dt{ font-size: 18px; line-height: 30px; letter-spacing: 0.105em; padding-bottom: 20px; margin-bottom: 20px;}
.voiceList li dt{ border-bottom: 1px solid #d2d2d2; position: relative;}
.voiceList li dd{ font-size: 12px; line-height: 23px; letter-spacing: 0.125em;}
.voiceList li dt:after{ content: ""; display: block; width: 20px; height: 1px; background: #000; position: absolute; right: 0; bottom: 0;}

.voiceList li:nth-child(1):before{ content: ""; display: block; width: 52px; height: 50px; background: url(../imgs/01.png) left top no-repeat; background-size: cover; margin-bottom: 20px;}.voiceList li:nth-child(1):before{ content: ""; display: block; width: 52px; height: 50px; background: url(../imgs/01.png) left top no-repeat; background-size: cover; margin-bottom: 20px;}


.voiceList li:nth-child(2):before{ content: ""; display: block; width: 52px; height: 50px; background: url(../imgs/02.png) left top no-repeat; background-size: cover; margin-bottom: 20px;}


.voiceList li:nth-child(3):before{ content: ""; display: block; width: 52px; height: 50px; background: url(../imgs/03.png) left top no-repeat; background-size: cover; margin-bottom: 20px;}


.voiceList li:nth-child(4):before{ content: ""; display: block; width: 52px; height: 50px; background: url(../imgs/04.png) left top no-repeat; background-size: cover; margin-bottom: 20px;}

.storeComn{ margin-bottom: 170px; position: relative;}
.storeCon{ position: relative;}
.sidestore{   position: absolute;
    left: -62px;
    top: 50%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 18px;}
.storeInner{ font-size: 0; letter-spacing: 0; margin-top: 86px;}
.sotoreImg{ width: 50%; display: inline-block; vertical-align: top;}
.sotoreImg img{ width: 100%; height: auto;}
.sotoreTxt{ width: 50%; display: inline-block; vertical-align: top; box-sizing: border-box; padding-left: 50px;}
.sotoreTxt h2{ font-weight: bold; font-size: 18px; line-height: 30px; letter-spacing: 0.105em; margin-bottom: 40px}
.sotoreTxt p{  font-size: 14px; line-height: 30px; letter-spacing: 0.045em; margin-bottom: 40px;}

.sotoreTxt li{ font-size: 0; letter-spacing: 0;}
.sotoreTxt li dt{ font-size: 12px; font-weight: bold; letter-spacing: 0.045em; display: inline-block; vertical-align: top; width: 20%;}
.sotoreTxt li dd{ font-size: 12px;letter-spacing: 0.045em; line-height: 25px; display: inline-block; vertical-align: top; width: 80%; box-sizing: border-box; padding-left: 5px;}

.grycon{ background: #e9e9e9;}



.adress{ color: #e60012; text-decoration: underline;}






.main01 img {
	width: 100%;
	height: auto;
}
.main01 {
	opacity: 0;
	transition: all 0.5s ease;
}
.intno .main01 {
	opacity: 1;
}
.af {
	display: block
}
.af h2 {
	margin-bottom: 10px;
}
.af h2, .af p {
	line-height: 0;
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.af h2 img {
	width: 473px;
}
.af p img {
	width: 605px;
}
.af h2:before, .af p:before {
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	-webkit-transform: translateX(101%);
	-moz-transform: translateX(101%);
	-o-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}
.af h2:before, .af p:before {
	-webkit-animation: loadTriggerAnime1 1.25s cubic-bezier(1, 0, 0, 1);
	animation: loadTriggerAnime1 1.25s cubic-bezier(1, 0, 0, 1);
}
@-webkit-keyframes loadTriggerAnime1 {
0% {
-webkit-transform: translateX(-101%);
}
47% {
-webkit-transform: translateX(0%);
}
53% {
-webkit-transform: translateX(0%);
}
100% {
-webkit-transform: translateX(101%);
}
}
@keyframes loadTriggerAnime1 {
0% {
-webkit-transform: translateX(-101%);
-moz-transform: translateX(-101%);
-o-transform: translateX(-101%);
-ms-transform: translateX(-101%);
transform: translateX(-101%);
}
47% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
53% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(101%);
-moz-transform: translateX(101%);
-o-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
}
.af span {
	display: inline-block;
	padding: 10px 25px 10px 0;
	overflow: hidden;
}
.af span {
	opacity: 1;
	visibility: visible;
	background: #fff;
	-webkit-animation: loadTriggerAnime2 1.25s cubic-bezier(1, 0, 0, 1);
	animation: loadTriggerAnime2 1.25s cubic-bezier(1, 0, 0, 1);
}
@-webkit-keyframes loadTriggerAnime2 {
0% {
opacity: 0;
}
47% {
opacity: 0;
}
53% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes loadTriggerAnime2 {
0% {
opacity: 0;
}
47% {
opacity: 0;
}
53% {
opacity: 1;
}
100% {
opacity: 1;
}
}
/*censept*/
.contents {
	margin-bottom: 6%;
}

@media screen and (max-width:900px) {
	.contents{ padding: 0;}
	#header .headerWrap .logo {
    width: 41%;
    margin: 0 auto;
    position: absolute;
    display: block;
    top: 0;
    height: auto;
    padding-top: 0;
    left: 0;
}
	#header{ height: auto;}
	.contents{ margin-top: 0;}
	.main{ padding: 8%; box-sizing: border-box; min-height: 830px;}
	
	
	.maintiInner .maintxtWrapp{ width: 52%; float: none; margin: 0 auto; display: block;}
	.maintxtCon{ width: 100%; margin-left: 0;}
	.fukidashi {
    position: absolute;
    width: 70px;
    height: 76px;
    right: -39px;
    top: 33px;
	}
.maintxtCon p {
    margin-bottom: 10px;
}
	.maintiInner .maintxtWrapp{padding-top: 100px;}
	.mainshop{ width: 100%;}
	.meintxtimgArea {
position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}		


	.imgmainp{display: block;}
	
	.maintiInner .imgmainp{ float: none; width: 67%; margin: 0 auto;    height: 300px;
    overflow: hidden;}
	.cvbtn {
    width: 90%; margin: 0 auto;}

.shopside {
    position: absolute;
    right: -3px;
    top: 23%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
}
	
	
	
	
	.aboutCon{ margin-right: 0; padding: 0 8%; }
	.abouttxts dt{ font-size: 21px; line-height: 31px;}
	.abouttxts {
    width: 69%;
    display: block;
    vertical-align: middle;
}
.aboutImg {
    width: 58.4%;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 80px;
    right: -10%;
}
	.abouttxts dd {
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0.085em;
    width: 70%;
}
.crt {
    position: absolute;
    left: -24px;
    bottom: 28%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
}
	.shopnames dt{ font-size: 10px;}
	.shopnames dd {
    font-size: 35px;}
.shopCon {
	padding-top: 81px; margin-top: 70px;}
	
.shopcopy {
    width: 100%;
    margin-left: auto;
    padding-top: 50px;
    padding: 0 8%;
    box-sizing: border-box;
	margin-top: 23px;
}
	
	.shopimg{ margin-bottom: 20px;}
.shopcopy dt {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 15px;
    font-weight: bold;
}
.shopcopy dd {
    font-size: 11px;
    line-height: 23px;
}
	.btn_Property:before{ display: none;}
	.btn_Property {
    width: 150px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border: 2px solid #000;
    font-size: 11px;
    letter-spacing: 0.085em;
    margin: 0 auto;
    position: relative;
    margin-top: 62px;
    font-weight: bold;
}
	
.slick-next {
    right: 100px;
    width: 30px;
    height: 30px;
    left: auto;
    transform: rotate(180deg);
}
.slick-prev, .slick-next {
    top: 36%;	
	display: none !important;
}
.galleryCon li p {
    font-size: 11px;
    line-height: 23px;
}
	.galleryimgCon{ width: 65%; margin: 0 auto;}
	.galleryimgCon li{ padding: 0; margin-bottom: 60px; width: 100%; display: block}
	.galleryCon {
		margin-bottom: 60px;}
	.btnArea{ padding: 50px 8%}
	.btnArea .btn{ width: 100%;}
	.btnArea .btn img{ width: 100%;}
	
	
	
.btnArea .btn:before {
    content: "";
    display: block;
    position: absolute;
    width: 31px;
    height: 20px;
    background: url(../imgs/uarrow.png) left center no-repeat;
    top: 0;
    left: 50%;
    margin-left: -14px;
    background-size: contain;
}
	.btnArea{ margin-bottom: 60px;}
	
	
.movieCon h2 {
    font-size: 16px;
    margin-bottom: 35px;
}
.movieCon {
    margin-bottom: 250px;
    position: relative;
    padding: 0 8%;
}
	.moveWp{ width: 100%;}
	.movieCon {
		margin-bottom: 70px;}
	
	.stepCon h2 {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.125em;
    text-align: center;
}
.stepBg {
    background: url(../imgs/bg_step_sp.jpg) center center no-repeat;
    background-size: cover;
    margin-top: -59px;
    margin-bottom: 154px;
}
.stepomh {
    width: 28%;
    float: none;
	display: none;
}
	.stepList{ width: 100%; float: none;}
	.namTxt dt {
    font-size: 14px;
}
dd {
    font-size: 11px;
}
.nambCon {
    width: 38px;
    float: left;
    margin-right: 20px;
    position: absolute;
}
dl.namTxt {
    float: none;
    padding-top: 10px;
    padding-left: 51px;
}
	.stepCon{ box-sizing: border-box; padding: 0 8%;}
	.stepBg {box-sizing: border-box; padding: 0 8%;}
.stepInner {
    padding: 90px 0 60px;
}
.stepBg {
    margin-bottom: 75px;
}
.bdrTit {
    font-size: 15px;
    border: 2px solid #000;
    width: 165px;
    height: 48px;
    line-height: 48px;
}
.titWrapp {
    top: -22px;
}
	.voiceArea{ box-sizing: border-box; padding: 0 8%;}
	
.voiceList li {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 27px;
    color: #484848;
    font-weight: bold;
    vertical-align: top;
	margin-bottom: 20px;
}
.voiceList li dt {
    font-size: 14px;
    line-height: 23px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.voiceList li dd {
    font-size: 11px;
    line-height: 19px;
    letter-spacing: 0.125em;
}
.voicebg {
    padding-bottom: 20px;
	    padding-top: 65px;
}
	.storeInner{ box-sizing: border-box; padding: 0 8%;}
	.sotoreImg {
		width: 100%; margin-bottom: 20px;}
.sotoreTxt {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0;
}
.sotoreTxt h2 {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
}
.sotoreTxt p {
    font-size: 10px;
    line-height: 20px;
    margin-bottom: 20px;
}
.sotoreTxt li dt {
    font-size: 10px;
}
.sotoreTxt li dd {
    font-size: 10px;
    line-height: 21px;
}
.storeInner {
    margin-bottom: 80px;
}
	.footer {text-align: center;
}
	
.footer h2 {
    width: 80%;
    float: none;
    margin: 0 auto;
}
	.footer .txtCons{ width: 100%;}
.footer .txtCons {
    width: 100%;
    float: none;
    font-weight: bold;
    font-size: 10px;
    line-height: 25px;
    letter-spacing: 0.085em;
    color: #fff;
    margin-top: 20px;
}
	.footer .txtCons p{ margin-top: 20px;}
	
	.fastpc{ display: none;}
	.morteListBtn{ color: #969696; font-size: 15px; border: 1px solid #969696; border-radius: 10px; text-align: center; width: 140px; height: 44px; line-height: 44px; margin: 0 auto;}
	.gfastpc{ display: none;}
	
.sideAbout {
    position: absolute;
    left: -8px;
    top: 50%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 10px;
}
.sidearea {
    position: absolute;
    left: -5px;
    top: 50%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 10px;
	display: none;
}
	
.sideroom {
    position: absolute;
    left: -6px;
    top: 110%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 10px;
}
.sidemovie {
    position: absolute;
    left: -7px;
    top: 50%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 10px;
	display: none;
}
.sidestep {
    position: absolute;
    left: -2px;
    top: 50%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 10px;
}
	
.sidevoice {
    position: absolute;
    left: -5px;
    top: 50%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 10px;
}
.sidestore {
    position: absolute;
    left: -8px;
    top: 50%;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.085em;
    color: #c9c9c9;
    font-size: 10px;
}
.galleryCon {
    margin-top: -107px;
}
.btn_Property {
    z-index: 10;
    background: #fff;
}
	.mainshop{ font-size: 12px;}
}
@media screen and (min-width:901px) {

.intno .main01 {
	padding-bottom: 80px;
}
}
.leftin{ opacity: 0; transform:translateX(-15px);transition: all 0.6s 0.2s ease-in;}
.leftin.active{ opacity: 1; transform:translateX(0);}

.bottomin{ opacity: 0; transform:translateY(15px); transition: all 0.4s 0.2s ease-out;}
.bottomin.active{ opacity: 1; transform:translateY(0); }

.bottomindly{ opacity: 0; transform:translateY(15px);transition: all 0.4s 0.4s ease-out;}
.bottomindly.active{ opacity: 1; transform:translateY(0); }



.bottomindly1{ opacity: 0; transform:translateY(15px);transition: all 0.6s 0.6s ease-out;}
.bottomindly1.active{ opacity: 1; transform:translateY(0); }


.bottomindly2{ opacity: 0; transform:translateY(15px);transition: all 0.8s 0.8s ease-out;}
.bottomindly2.active{ opacity: 1; transform:translateY(0); }


.bottomindly3{ opacity: 0; transform:translateY(15px);transition: all 1.0s 1.0s ease-out;}
.bottomindly3.active{ opacity: 1; transform:translateY(0); }


.bottomindly4{ opacity: 0; transform:translateY(15px);transition: all 1.2s 1.2s ease-out;}
.bottomindly4.active{ opacity: 1; transform:translateY(0); }


.galleryimgCon li{ opacity: 0; transform:translateY(15px);transition: all 0.4s 0.4s ease-out;}
.galleryimgCon li.active{ opacity: 1; transform:translateY(0); }