@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}
ul,ol{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1pxdotted#000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1pxsolid#cccccc;margin:1em0;padding:0}
input,select{vertical-align:middle}

/*========================================

BASIC

=======================================*/
html,
body{-webkit-text-size-adjust:100%}
body{color:#5f5f5f;font-size:10px;font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;background:#fbfaf6;}

/* common style */
section{margin:0;}
h1,h2,h3,h4,h5,h6{margin:10px 0;line-height:1.2;}
h1{font-size:180%;font-weight:600;}
h2{font-size:160%;font-weight:400;}
h3{font-size:140%;font-weight:400;}
h4{font-size:120%;font-weight:100;}

p{margin:0 0 6px;font-size:120%;line-height:1.6;}

a{color:#0581d5;}
a:hover{color:#195067;}



/* clearfix */
.clearfix:after{content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display:block;}

.R{float:right;}
.L{float:left;}

.pcview{display:none;}
.spview{display:block;}


/* COMMON
=======================================*/
/* #wrapper */
#fullpage{width:100%;padding:0;margin:0;background:#fff;}


/* #nav */
#nav{display:none;opacity:1;width:100%;height:77px;position:fixed;z-index:999;top:-4px;left:0;background:url(../img/sec0/nav-bg.png)}
#nav .nav-cont{width:960px;margin:0 auto;}
#nav ul.nav-left{float:left;padding-top:28px;max-width:360px;}
#nav ul.nav-right{float:right;padding-top:24px;max-width:600px;}
#nav ul li{float:left}
#nav ul.nav-right li{margin-left:16px;}
#nav ul.nav-right li a:hover{opacity:0.6;-webkit-transition:all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
#nav ul li.logo{margin-top:-14px;}
#nav ul li.logo h1{margin:0;line-height:1.2;font-weight:normal;}
#nav ul li.text{margin-left:12px;}
#nav ul li.text h2{margin:0;color:#9d764c;font-size:12px;font-weight:bold;}
#nav2{opacity:1;top:-12px}
#spnav{display:none!important;}

/* #section common */
/*section{min-height:800px;}
.fp-tableCell{min-height:800px;}*/


/* #section0 */
#section0{width:100%;background:url(../img/sec0/bg-0.jpg) repeat top center;background-size:cover;min-height:initial;min-height:auto;}
#section0 #center{position:absolute;top:0;left:0;right:0;bottom:0;margin:20px auto 0;width:270px;height:268px;opacity:0;-webkit-transition:all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out; text-align: center;}
#section0 #center ul{width:182px;height:auto;overflow:hidden;margin:0 auto;}
#section0 #center ul li{float:left;width:60px;height:60px;}
#section0 #center ul li a:hover{opacity:0.7;-webkit-transition:all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
#section0 #center img{margin:0 auto;}
#section0 #arrow{position:absolute;top:240px;left:0;right:0;bottom:-240px;margin:auto;width:137px;height:137px;opacity:0;-webkit-transition:all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
#section0 #arrow img{margin:0 auto;}

#section0.active #center{opacity:1;-moz-transition-delay:0.7s;-webkit-transition-delay:0.7s;-o-transition-delay:0.7s;-ms-transition-delay:0.7s;}
#section0.active #arrow{opacity:1;-moz-transition-delay:2.0s;-webkit-transition-delay:2.0s;-o-transition-delay:2.0s;-ms-transition-delay:2.0s;}


/* #main*/
#main{width:100%;padding:0;overflow:hidden;}
#main h1{color:#AA00A2;}