@charset "utf-8";
/* CSS Document */

/* ----------------------------
ベース
-------------------------------*/
#header {
    height: 85px;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/
	color:#000;
	padding:0;
	margin:0;
	text-align: left;
	width:100%;
	background-color:#FFF;
	overflow-x:hidden;
	
}

h1,h2,h3,h4,h5,h6,p,div,ul,li,table,dl,dt,dd,ol {
	margin:0;
	padding:0;
}

/*
.navi {
left:-3000px;
position:absolute;
top:-3000px;
}
*/


a, img, area {
	border:none;
	}

a {
	cursor:pointer;
	outline:none;
}

p{
	line-height: 1.2;
}

img{
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
	zoom: 1;
}

ul {
	list-style: none;
}

ol {
	list-style: none;
}
.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	overflow:hidden;
	_zoom:1;
}

.red {
	color:#F00;
}
/* ---------------------------- 以下キャンペーンコンテンツ -------------------------------*/

/*------------------
基本スタイル
------------------*/

.about_ie{
	display:none;
}

.effect_ie{
	display:none;
}

.introduction_ie{
	display:none;
}

.info_ie{
	display:none;
}

a:hover img.alpha{
    -moz-opacity:0.5;
    opacity:0.5;
    filter: alpha(opacity=50);
}

#wrap{
	width: 1200px;
	height: 6450px;
	margin: 0 auto;
	position: relative;
	z-index: 110;
}

.textSplitLoada {
    display: inline-block;
	opacity: 0;
}
.splita {
    visibility: hidden;
}

.textSplitLoadb {
    display: inline-block;
	opacity: 0;
}
.splitb {
    visibility: hidden;
}

.textSplitLoadc {
    display: inline-block;
	opacity: 0;
}
.splitc {
    visibility: hidden;
}

.textSplitLoadd {
    display: inline-block;
	opacity: 0;
}
.splitd {
    visibility: hidden;
}

/*------------------
TOP_MAIN
------------------*/
.main{
	position: relative;
	top:0;
	left:0;
}

.main .pop{
	left: -110px;
    position: absolute;
    top: 100px;
    width: 128px;
	opacity:0;
}

.main .txtMotion{
	position: absolute;
	top:80px;
	left:0;
	width: 688px;
}

.main #graviMain{
	position: absolute;
	top:600px;
	right:0;
	width: 999px;
	opacity:0;
}

.main #graviMainLogo{
	opacity:0;
}


.main #leadMotion{
	left: 8px;
    position: absolute;
    top: 316px;
}

.leadMotionTxt{
	opacity:0;
	width: 27px;
	
	/*scale: 2;*/
}

.main #leadMotion .txt01{
	left: 0px;
    position: absolute;
    top: 0px;
}
.main #leadMotion .txt02{
	left: 4px;
    position: absolute;
    top: 18px;
}
.main #leadMotion .txt03{
	left: 16px;
    position: absolute;
    top: 40px;
}
.main #leadMotion .txt04{
	left: 21px;
    position: absolute;
    top: 59px;
}
.main #leadMotion .txt05{
	left: 27px;
    position: absolute;
    top: 77px;
}
.main #leadMotion .txt06{
	left: 30px;
    position: absolute;
    top: 100px;
}
.main #leadMotion .txt07{
	left: 36px;
    position: absolute;
    top: 118px;
}
.main #leadMotion .txt08{
	left: 48px;
    position: absolute;
    top: 143px;
}
.main #leadMotion .txt09{
	left: 54px;
    position: absolute;
    top: 165px;
}
.main #leadMotion .txt10{
	left: 57px;
    position: absolute;
    top: 184px;
}
.main #leadMotion .txt11{
	left: 65px;
    position: absolute;
    top: 206px;
}
.main #leadMotion .txt12{
	left: 73px;
    position: absolute;
    top: 228px;
}
.main #leadMotion .txt13{
	left: 80px;
    position: absolute;
    top: 247px;
}
.main #leadMotion .txt14{
	left: 87px;
    position: absolute;
    top: 264px;
}
.main #leadMotion .txt15{
	left: 93px;
    position: absolute;
    top: 285px;
}



/*------------------
TOP_MAIN
------------------*/

/*------------------
ABOUT
------------------*/

.about{
	position: relative;
	top:950px;
	left:0;
}



.about #aboutLead{
	position: absolute;
	top:0;
	left:0;
	text-align: left;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size: 80px;
	font-style: italic;
	color: #151515;
	letter-spacing: 10px;
}

.about #aboutLead .markR{
	font-size: 20px;
	vertical-align: 200%;
}

.about .aboutLead_a{
	position: absolute;
	top:155px;
	left:320px;
	color: #f49d16;
	letter-spacing: 4px;
	font-weight: bold;
}

.svg{
	height: 500px;
    position: absolute;
    right: 100px;
    top: -100px;
    width: 500px;
    z-index: -10;
	opacity:0;
}

path{fill:none; stroke:#f7cd8a;transition:all 3s;}
.effect .svg path{fill:none; stroke:#dee0df;transition:all 3s;}
.introduction .svg path{fill:none; stroke:#ffffff;transition:all 3s;}
.info .svg path{fill:none; stroke:#dee0df;transition:all 3s;}

.hover path{
		stroke-dashoffset:0 !important;
	}
	
.effect .svg{
	height: 500px;
    position: absolute;
    left: 200px;
    top: -100px;
    width: 500px;
    z-index: -10;
	opacity:0;
	transform:rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

.introduction .svg{
	height: 500px;
    position: absolute;
    left: 200px;
    top: -100px;
    width: 500px;
    z-index: -10;
	opacity:0;
}

.info .svg{
	height: 500px;
    position: absolute;
    left: 200px;
    top: -100px;
    width: 500px;
    z-index: -10;
	opacity:0;
	transform:rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}


.about .aboutLead_b{
	position: absolute;
	top:250px;
	left:0px;
	opacity: 1;
}

.about .abouTxt{
	position: absolute;
	top:250px;
	left:180px;
	letter-spacing: 3px;
	font-size: 17px;
	line-height: 33px;
	opacity: 1;
}

.about .abouTxt .markR{
	font-size: 15px;
	vertical-align: top;
}

.about .aboutLead_b02{
	position: absolute;
	top:650px;
	right:0px;
	width: 684px;
	opacity: 1;
}

.about .abouTxt02{
	position: absolute;
	top:720px;
	right:0px;
	letter-spacing: 3px;
	font-size: 17px;
	line-height: 33px;
	opacity: 1;
}

.about .abouMovie{
	position: absolute;
	right: 450px;
    top: 730px;
	height: 457px;
	background: url(../images/movie_sh.png) center bottom;
	opacity: 1;
}

/*------------------
ABOUT
------------------*/

/*------------------
EFFECT
------------------*/

.effect{
	position: relative;
	top:2220px;
	left:0;
}

.effect #effectLead{
	position: absolute;
	top:0;
	right:0;
	text-align: right;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size: 80px;
	font-style: italic;
	color: #151515;
	letter-spacing: 10px;
}

.effect #effectLead .markR{
	font-size: 20px;
	vertical-align: 200%;
}

.effect #effectLead .effectLeadF{
	padding: 0 25px 0 0;
}

.effect .effectLead_a{
	position: absolute;
	top:160px;
	right:360px;
	color: #f49d15;
	letter-spacing: 4px;
	font-weight: bold;
}

.effect .effectList{
	background: url(../images/anti_logo_bk.png) left 80% no-repeat;
	position: absolute;
	top:250px;
	left:0;
	width: 1200px;
	height: 1100px;
}

.effect .effectList .beauty{
	position: absolute;
	top:0;
	left:0;
}

.effect .effectList .beauty dt .beautyIcon{
	opacity: 1;
}

.effect .effectList .beauty dt .beautyTtl{
	left: 65px;
    position: absolute;
    top: 8px;
	color: #c973ab;
	letter-spacing: 4px;
	font-size: 36px;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	opacity: 1;
}

.effect .effectList .beauty dd.beautyTxt{
	opacity: 1;
}


.effect .effectList dd{
	line-height: 38px;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1.8px;
}

.effect .effectList dd.small{
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	padding: 0px 0px 0px 10px
}

.effect .effectList .health{
	position: absolute;
	top:270px;
	left:130px;
}

.effect .effectList .health dt .healthIcon{
	opacity: 1;
}

.effect .effectList .health dt .healthTtl{
	left: 100px;
    position: absolute;
    top: 8px;
	color: #7eaf5d;
	letter-spacing: 4px;
	font-size: 36px;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	opacity: 1;
}

.effect .effectList .health dd.healthTxt{
	opacity: 1;
}

.effect .effectList .relax{
	left: 270px;
    position: absolute;
    top: 550px;
}

.effect .effectList .relax dt .relaxIcon{
	opacity: 1;
}


.effect .effectList .relax dt .relaxTtl{
	left: 100px;
    position: absolute;
    top: 8px;
	color: #87c9c9;
	letter-spacing: 4px;
	font-size: 36px;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	opacity: 1;
}

.effect .effectList .relax dd.relaxTxt{
	opacity: 1;
}

.effect .effectList .fun{
	position: absolute;
	top:840px;
	right:0px;
}

.effect .effectList .fun dt .funIcon{
	opacity: 1;
}

.effect .effectList .fun dt .funTtl{
	left: 90px;
    position: absolute;
    top: 8px;
	color: #ce9635;
	letter-spacing: 4px;
	font-size: 36px;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	opacity: 1;
}

.effect .effectList .fun dd.funTxt{
	opacity: 1;
}


/*------------------
EFFECT
------------------*/

/*------------------
INTRODUCTION
------------------*/

.introduction{
	position: relative;
	top:3800px;
	left:0;
}

.introduction #introductionLead{
	position: absolute;
	top:0;
	left:0;
	text-align: left;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size: 80px;
	font-style: italic;
	color: #151515;
	letter-spacing: 10px;
}

.introduction .introductionLead_a{
	position: absolute;
	top:160px;
	left:600px;
	color: #f49d15;
	letter-spacing: 4px;
	font-weight: bold;
}

.introduction .introductionList{
	position: absolute;
	top: 250px;
	left:0;
	width: 1200px;
}

.introduction .introductionList .sch .small{
	padding: 10px 0 0 0;
	font-size: 12px;
}

.introduction .introductionList .box01{
	position: absolute;
	top: 0px;
	left:0;
	width: 940px;
}

.introduction .introductionList .box01 dt.ttl{
	background: url(../images/introduction_arrow01.png) left center no-repeat;
	padding: 0 0 0 15px;
	color:#d3bb19;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 10px;
	position: absolute;
	top: 0px;
	left:0;
}

.introduction .introductionList .box01 dd.lead{
	color:#454545;
	font-size: 16px;
	letter-spacing: 5px;
	font-weight: bold;
	line-height: 32px;
	position: absolute;
	top: -30px;
	left:0px;
}

.introduction .introductionList .box01 dd.sch{
	position: absolute;
	top: 150px;
	left:0px;
}

.introduction .introductionList .box01 dd.sch .scha{
	position: absolute;
	top: 0px;
	left:0px;
}

.introduction .introductionList .box01 dd.sch dl{
	position: absolute;
	top: -5px;
	left:530px;
}

.introduction .introductionList .box01 dd.sch dl dt{
	font-weight: bold;
	border-bottom: 1px solid #000000;
	color: #040000;
	width: 227px;
	letter-spacing: 5px;
	margin: 0 0 25px;
	font-size: 16px;
}

.introduction .introductionList .box01 dd.sch dl dt span{
	color: #d3d9e1;
	font-size: 10px;
	vertical-align: 10%;
}

.introduction .introductionList .box01 dd.sch dl dd{
	margin: 0 0 25px;
}

.introduction .introductionList .box01 .kisoTtl{
	opacity:1;
}

.introduction .introductionList .box01 .kisoLead{
	opacity:1;
}

.introduction .introductionList .box01 .kisoPh{
	opacity:1;
}

.kisoLe{
	opacity:1;
}

.introduction .introductionList .box02{
	position: absolute;
	top: 550px;
	right:0;
	width: 950px;
}

.introduction .introductionList .box02 dt.ttl{
	background: url(../images/introduction_arrow02.png) left center no-repeat;
	padding: 0 0 0 15px;
	color:#f5a517;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 10px;
	position: absolute;
	top: 0px;
	left:0;
}

.introduction .introductionList .box02 dd.lead{
	color:#454545;
	font-size: 16px;
	letter-spacing: 5px;
	font-weight: bold;
	line-height: 32px;
	position: absolute;
	top: 50px;
	left:0px;
}

.introduction .introductionList .box02 dd.sch{
	position: absolute;
	top: 180px;
	left:0px;
	width: 950px;
}

.introduction .introductionList .box02 dd.sch  .schb{
	position: absolute;
	top: -5px;
	right:0px;
}
	

.introduction .introductionList .box02 dd.sch dl{
	position: absolute;
	top: -5px;
	left:0px;
}

.introduction .introductionList .box02 dd.sch dl dt{
	font-weight: bold;
	border-bottom: 1px solid #000000;
	color: #040000;
	width: 227px;
	letter-spacing: 5px;
	margin: 0 0 25px;
	font-size: 16px;
}

.introduction .introductionList .box02 dd.sch dl dt span{
	color: #d3d9e1;
	font-size: 10px;
	vertical-align: 10%;
}

.introduction .introductionList .box02 .tyouseiTtl{
	opacity:1;
}

.introduction .introductionList .box02 .tyouseiLead{
	opacity:1;
}

.introduction .introductionList .box02 .tyouseiPh{
	opacity:1;
}

.tyouseiLe{
	opacity:1;
}


.introduction .introductionList .box03{
	position: absolute;
	top: 1120px;
	right:0;
	width: 950px;
}

.introduction .introductionList .box03 dt.ttl{
	color:#030000;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 10px;
	position: absolute;
	top: 0px;
	left:190px;
	text-align: center;
}

.introduction .introductionList .box03 dd.lead{
	color:#454545;
	font-size: 16px;
	letter-spacing: 5px;
	font-weight: bold;
	line-height: 32px;
	position: absolute;
	top: 50px;
	left:0px;
	text-align: center;
}



.introduction .introductionList .box03 .chart{
	position: absolute;
	top: 150px;
	left: -80px;
	background: url(../images/class_chart.png) top center no-repeat;
	width: 756px;
	height: 657px;
}

.introduction .introductionList .box03 .chart img {
	-webkit-transition: 0.6s ;
	transition: 0.6s ;
}

.introduction .introductionList .box03 .chart .lesson04 img:hover,
.introduction .introductionList .box03 .chart .lesson05 img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}

.introduction .introductionList .box03 .chart .lesson01{
	position: absolute;
	top: 60px;
	left: 140px;
	width: 127px;
}

.introduction .introductionList .box03 .chart .lesson02{
	position: absolute;
	top: 160px;
	left: 240px;
	width: 127px;
}

.introduction .introductionList .box03 .chart .lesson03{
	position: absolute;
	top: 140px;
	right: 200px;
	width: 129px;
}

.introduction .introductionList .box03 .chart .lesson04{
	position: absolute;
	top: 340px;
	left: 150px;
	width: 312px;
}

.introduction .introductionList .box03 .chart .lesson05{
	position: absolute;
	top: 250px;
	right: 180px;
	width: 163px;
}

.box03Ttl{
	opacity:1;
}

.box03Lead{
	opacity:1;
}

.box03Chart{
	opacity:1;
}

/*------------------
INTRODUCTION
------------------*/
/*------------------
INFO
------------------*/

.info{
	position: relative;
	top:4800px;
	left:0;
}

.info #infoLead{
	position: absolute;
	top:0;
	left:300px;
	text-align: left;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size: 80px;
	font-style: italic;
	color: #151515;
	letter-spacing: 10px;
}

.info .infoLead_a{
	position: absolute;
	top:110px;
	left:505px;
	color: #ff9c00;
	letter-spacing: 8px;
	font-weight: bold;
}


.info .info_ttl {
    color: #f5a517;
    font-size: 28px;
    font-weight: bold;
    left: 310px;
    position: absolute;
    top: 175px;
}

.info .infoDetails{
	position: absolute;
	top:230px;
	left:200px;
	width: 810px;
	opacity: 1;
}

.info .infoDetails .infoMap{
	position: absolute;
	top:0px;
	left:0px;
}

.info .infoDetails .infoList{
	position: absolute;
	top:0px;
	left:340px;
	font-size: 16px;
	line-height: 1.6;
}

.info .infoDetails .infoList dl dt{
	width: 118px;
	border-bottom: 1px solid #a5a5a5;
}

.info .infoDetails .infoList dl{
	width: 460px;
	overflow: hidden;
	margin-bottom: 10px;
	
}


.info .infoDetails .infoList dl dt{
	width: 118px;
	border-bottom: 1px solid #a5a5a5;
	float: left;
	height: 35px;
	font-weight: bold;
	letter-spacing: 8px;
	
}

.info .infoDetails .infoList dl dt.column03,
.info .infoDetails .infoList dl dd.column03{
	height: 85px;
}

.info .infoDetails .infoList dl dt.column02,
.info .infoDetails .infoList dl dd.column02{
	height: 140px;
}

.info .infoDetails .infoList dl dt.column04,
.info .infoDetails .infoList dl dd.column04{
	height: 70px;
}



.info .infoDetails .infoList dl dd{
	width: 342px;
	border-bottom: 1px solid #d7d7d7;
	float: right;
	height: 35px;
	letter-spacing: 4px;
}

.info .info_ttl02 {
    color: #f5a517;
    font-size: 28px;
    font-weight: bold;
    left: 310px;
    position: absolute;
    top: 615px;
}

.info .infoDetails02{
	position: absolute;
	top:680px;
	left:200px;
	width: 810px;
	opacity: 1;
}

.info .infoDetails02 .infoMap{
	position: absolute;
	top:0px;
	left:0px;
}

.info .infoDetails02 .infoList{
	position: absolute;
	top:0px;
	left:340px;
	font-size: 16px;
	line-height: 1.6;
}

.info .infoDetails02 .infoList dl dt{
	width: 118px;
	border-bottom: 1px solid #a5a5a5;
}

.info .infoDetails02 .infoList dl{
	width: 460px;
	overflow: hidden;
	margin-bottom: 10px;
	
}


.info .infoDetails02 .infoList dl dt{
	width: 118px;
	border-bottom: 1px solid #a5a5a5;
	float: left;
	height: 35px;
	font-weight: bold;
	letter-spacing: 8px;
	
}

.info .infoDetails02 .infoList dl dt.column03,
.info .infoDetails02 .infoList dl dd.column03{
	height: 85px;
}

.info .infoDetails02 .infoList dl dt.column02,
.info .infoDetails02 .infoList dl dd.column02{
	height: 140px;
}

.info .infoDetails02 .infoList dl dt.column04,
.info .infoDetails02 .infoList dl dd.column04{
	height: 70px;
}

.info .infoDetails02 .infoList dl dt.column05,
.info .infoDetails02 .infoList dl dd.column05{
	height: 90px;
}

.info .infoDetails02 .infoList dl dd{
	width: 342px;
	border-bottom: 1px solid #d7d7d7;
	float: right;
	height: 35px;
	letter-spacing: 4px;
}


.info .info_ttl03 {
    color: #f5a517;
    font-size: 28px;
    font-weight: bold;
    left: 310px;
    position: absolute;
    top: 1005px;
}

.info .infoDetails03{
	position: absolute;
	top:1070px;
	left:200px;
	width: 810px;
	opacity: 1;
}

.info .infoDetails03 .infoMap{
	position: absolute;
	top:0px;
	left:0px;
}

.info .infoDetails03 .infoList{
	position: absolute;
	top:0px;
	left:340px;
	font-size: 16px;
	line-height: 1.6;
}

.info .infoDetails03 .infoList dl dt{
	width: 118px;
	border-bottom: 1px solid #a5a5a5;
}

.info .infoDetails03 .infoList dl{
	width: 460px;
	overflow: hidden;
	margin-bottom: 10px;
	
}


.info .infoDetails03 .infoList dl dt{
	width: 118px;
	border-bottom: 1px solid #a5a5a5;
	float: left;
	height: 35px;
	font-weight: bold;
	letter-spacing: 8px;
	
}

.info .infoDetails03 .infoList dl dt.column03,
.info .infoDetails03 .infoList dl dd.column03{
	height: 85px;
}

.info .infoDetails03 .infoList dl dt.column02,
.info .infoDetails03 .infoList dl dd.column02{
	height: 140px;
}

.info .infoDetails03 .infoList dl dt.column04,
.info .infoDetails03 .infoList dl dd.column04{
	height: 70px;
}

.info .infoDetails03 .infoList dl dt.column05,
.info .infoDetails03 .infoList dl dd.column05{
	height: 90px;
}

.info .infoDetails03 .infoList dl dd{
	width: 342px;
	border-bottom: 1px solid #d7d7d7;
	float: right;
	height: 35px;
	letter-spacing: 4px;
}


.info .infoPdf{
	left: 545px;
    position: absolute;
    top: 540px;
    width: 459px;
}


.info #infoBtn {
    left: 300px;
    position: absolute;
    top: 1400px;
    width: 555px;
	font-size: 24px;
	color: #45a1bd;
	font-weight: bold;
	text-align: center;
	opacity:1;
}

.info #infoBtn p{
	font-size: 24px;
	color: #ff9c00;
	font-weight: bold;
	height: 50px;
	background: url(../images/info_arrow.png) bottom center no-repeat;
	margin: 0 auto 30px;
}

/*------------------
INFO
------------------*/







/*------------------
背景
------------------*/

.bigBk{
	margin: 0 auto;
	max-width: 2000px;
	min-width: 1000px;
	overflow: hidden;
	position: relative;
}

.bigBk .wBk{
	left: 50%;
	margin-left: -1000px;
	position: absolute;
	width: 2000px;
	z-index: 100;
}

.bigBk .wBk .back01{
	width: 100%;
	background: url(../images/bk_01_01.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 990px;
}

.bigBk .wBk .back02{
	width: 100%;
	background: url(../images/bk_01_02.png) no-repeat;
	position: absolute;
	top: 1050px;
	left: 0;
	height: 1506px;
}

.bigBk .wBk .back03{
	width: 100%;
	background: url(../images/bk_01_03.png) no-repeat;
	position: absolute;
	top: 2460px;
	left: 0;
	height: 1637px;
}

.bigBk .wBk .back04{
	width: 100%;
	background: url(../images/bk_01_04.png) no-repeat;
	position: absolute;
	top: 4050px;
	left: 0;
	height: 1911px;
}

.bigBk .wBk .back05{
	width: 100%;
	background: url(../images/bk_01_05.png) no-repeat;
	position: absolute;
	top: 5850px;
	left: 0;
	height: 1427px;
}
.bigBk .cBk{
	left: 50%;
	margin-left: -1000px;
	position: absolute;
	width: 2000px;
	height: 5500px;
	background: #FFF;
}

.bigBk .cBk .back01{
	width: 100%;
	background: url(../images/bk_02_01.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 501px;
	z-index: 2;
}

.bigBk .cBk .back02{
	width: 100%;
	background: url(../images/bk_02_02.jpg) no-repeat;
	position: absolute;
	top: 180px;
	left: 0;
	height: 1680px;
}

.bigBk .cBk .back03{
	width: 100%;
	background: url(../images/bk_02_03.jpg) no-repeat;
	position: absolute;
	top: 1860px;
	left: 0;
	height: 1300px;
}

.bigBk .cBk .back04{
	width: 100%;
	background: url(../images/bk_02_04.jpg) no-repeat;
	position: absolute;
	top: 3150px;
	left: 0;
	height: 1850px;
}

.bigBk .cBk .back05{
	width: 100%;
	background: url(../images/bk_02_05.jpg) no-repeat;
	position: absolute;
	top: 5000px;
	left: 0;
	height: 2000px;
}

/*------------------
背景
------------------*/

@media screen and (max-width: 1000px) {
	.main .pop {
    left: 0px;
    position: absolute;
    top: 80px;
	}

	.main #graviMain{
		opacity: 0;
    	position: absolute;
    	right: 260px;
    	top: 600px;
    	width: 800px;
	}
	
	
	.about .abouTxt {
		font-size: 17px;
		left: 160px;
		letter-spacing: 3px;
		line-height: 33px;
		position: absolute;
		top: 250px;
	}
	
.about .aboutLead_b02 {
    position: absolute;
    right: 240px;
    top: 650px;
    width: 684px;
}

.about .abouMovie {
    background: rgba(0, 0, 0, 0) url("../images/movie_sh.png") repeat scroll center bottom;
    height: 457px;
    position: absolute;
    right: 650px;
    top: 730px;
}

.about .abouTxt02 {
    font-size: 17px;
    letter-spacing: 3px;
    line-height: 33px;
    position: absolute;
    right: 230px;
    top: 720px;
}
	
.effect #effectLead {
    color: #151515;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    font-size: 80px;
    font-style: italic;
    letter-spacing: 10px;
    position: absolute;
    right: 210px;
    text-align: right;
}
.effect .effectLead_a {
    color: #4bc0e7;
    font-weight: bold;
    letter-spacing: 4px;
    position: absolute;
    right: 570px;
    top: 160px;
}

.effect .effectList dd {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1.8px;
    line-height: 38px;
	width: 100%;
}

.effect .effectList .beauty{
	width: 100%;
}
.effect .effectList .health {
    left: 100px;
    position: absolute;
    top: 270px;
	width: 100%;
}

.effect .effectList .relax {
    left: 140px;
    position: absolute;
    top: 550px;
	width: 100%;
}
.effect .effectList .fun {
    position: absolute;
    left: 230px;
    top: 840px;
	width: 100%;
}

.introduction .introductionList .box02 {
    position: absolute;
    left: 0px;
    top: 550px;
    width: 950px;
}


.introduction .introductionList .box03 {
    position: absolute;
    right: 60px;
    top: 1120px;
    width: 950px;
}

.introduction .introductionList .box01 dd.sch dl dt {
    border-bottom: 1px solid #000000;
    color: #040000;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 5px;
    margin: 0 0 25px;
    width: 230px;
}


.introduction .introductionList .box02 dd.sch dl dt {
    border-bottom: 1px solid #000000;
    color: #040000;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 5px;
    margin: 0 0 25px;
    width: 230px;
}

.info {
    position: relative;
    top: 4800px;
    left: -100px;
}
}