@charset "utf-8";

html{margin:0;padding:0;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;padding:0;font-size:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline; text-decoration:underline;}a:hover{text-decoration:none;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{margin:0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0; vertical-align:bottom;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{ margin:3em 0;-moz-box-sizing:content-box;box-sizing:content-box;height:1px;border:none;background-color:#d9d4d2;color:#d9d4d2;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0; padding:0 0.5em;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}ul,ol,li{margin:0; padding:0;}li{list-style:none;}dd{margin:0;}p{margin:0 0 2em;}

h2{margin:0 0 1.5em;}
h3{margin:0 0 1em;}
h4{margin:0 0 0.7em;}
h3,h4{font-weight:normal;}
h3,h4,h5{color:#454140;}

body{font-size:14px; background:#b3dd00; color:#2c2c2c; min-width:1040px;}

#news,#dmp,#sns,#history{
	background:#fff;
}

.txt-c{text-align:center;}
.txt-r{text-align:right;}

.content,
#header #nav,
#topics ul {*zoom: 1;}
.content:after,
#header #nav:after,
#topics ul:after {content: "."; display: block; clear: both;height: 0; visibility: hidden;}

.content{ margin:0 auto; width:960px;}

.pagetop{ margin-bottom:30px; text-align:right;}
.pagetop a{color:#333;}

/* ===============================================
# header
=============================================== */
#header,#header .logo a,#header #nav a{
	 -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}

#header{padding:15px 0; background:#fff; z-index:1000;}
#header.fixed{position:fixed; padding:10px 0 0; width:100%; background:rgba(255,255,255,0.9); height:50px; border-bottom:1px solid #eee;
-webkit-box-shadow:0 5px 10px 3px rgba(196, 196, 196,0.3);
-moz-box-shadow:0 5px 10px 3px rgba(196, 196, 196,0.3);
box-shadow:0 5px 10px 3px rgba(196, 196, 196,0.3);
}
#header.fixed .content{position:relative; z-index:100;}

#header .logo{ float:left;}
#header .logo a{background:url(../img/logo.png) no-repeat 0 0; display:block; width:226px; height:67px; text-indent:-9999px;}
#header.fixed .logo a{height:40px; background-size:auto 40px;}


#header a{text-decoration:none; color:#333;}
#header #nav{float:right; width:570px; margin-left:-1%; font-size:107.1%;}
#header #nav li{float:left; margin-left:1%; width:auto; text-align:center;}

#header #nav a {
		padding:15px 10px 10px;
  display:block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
#header.fixed #nav a {
		padding:5px 5px 10px;
}

#header #nav a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #b2db03;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#header #nav a:after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  bottom: 0;
  background: #eaeaea;
  height: 4px;
		width:100%;
}
#header #nav a:hover:before, #header #nav a:focus:before, #header #nav a:active:before {
  left: 0;
  right: 0;
}



/* ===============================================
# keyvisual
=============================================== */
#keyvisual,
#keyvisual .loop{ width:100%; height:400px; background:url(../img/keyvisual-loop.jpg) repeat-x 0 50%; background-size: cover; text-align:center; overflow:hidden;}
#keyvisual .loop{ position:relative;}
#keyvisual h2{
	margin:0 0 0 -341px;
	position:absolute;
	top:300px;
	left:50%;
	opacity:0;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
-ms-transition-duration:1s;

	-moz-transition-timing-function:ease-out;
	-webkit-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	z-index:100;
}
#keyvisual h2.anime{
	top:186px;
	opacity:1;
}
/* ===============================================
# .ticker 
=============================================== */
#news,#dmp,#sns{
-webkit-box-shadow:0 10px 20px 3px rgba(156, 188, 0,0.7);
-moz-box-shadow:0 10px 20px 3px rgba(156, 188, 0,0.7);
box-shadow:0 10px 20px 3px rgba(156, 188, 0,0.7);
}
#news{
	position:relative;
	z-index:100;
}
.ticker {
  margin: 0 auto;
  padding:10px 1em;
  text-align: left;
  position: relative;
  overflow: hidden;
  background-color:#fff;
		height:1.5em;
}
.ticker ul {
  width: 100%;
  position: relative;
}
.ticker ul li {
  width: 100%;
  display: none;
		line-height:1.5em;
}
.ticker ul li a{
		color:#3f93c2;
		padding-left:1em;
}

#main-content .content.pb0{padding-bottom:0;}

/* ===============================================
# main
=============================================== */
#main-content .content{padding:45px 0;}
#main-content .hgroup{
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
	color:#fff;
-moz-transition-duration:1.5s;
-webkit-transition-duration:1.5s;
-o-transition-duration:1.5s;
-ms-transition-duration:1.5s;
}
#main-content .hgroup.anime{
	background-position:0 50%;
	}
#main-content .hgroup .content{padding:0; height:170px; line-height:170px;}
#main-content .hgroup .content img{vertical-align:middle;}
#main-content p{line-height:1.9;}

#main-content h3{font-size:271.4%;}

#intro{background:#b3dd00;}
/*
#intro .content{width:700px;}
*/
#main-content #intro p,
#main-content #history p{ font-size:128.6%; line-height:1.7;}

#dmp,#sns{
	margin-bottom:85px;
}

#dmp .hgroup{	background-image: url(../img/bg-dmp.jpg);}
#dmp h3{padding-top:90px;}

#sns .hgroup{	background-image: url(../img/bg-sns.jpg);}

#history .hgroup{	background-image: url(../img/bg-history.jpg);}

.fixHeight {*zoom: 1;}
.fixHeight:after {content: "."; display: block; clear: both;height: 0; visibility: hidden;}

.col02,.col03,.col03_2{float:left;}
.col02{ width:50%;}
.col03{ width:33.3%;}
.col03_2{ width:66.6%;}

h3.col02 {text-align:center;}

h3{ margin:0 0 10px; line-height:1.2;}
.target h4{ margin-bottom:20px; font-size:285.8%; line-height:1; color:#454140;}
.target h4 + p{margin-bottom:40px;}

.target h5{
	margin-bottom:0.5em;
	font-size:114.3%;
	text-align:center;
}
.target h5 +p{text-align:left;}

.target.selected .target .col02,
.target.selected .target .col03{
	margin-left:0;	
	opacity:1;
}

.btn{
	margin-bottom:5px;
	text-align:center;
	position:relative;
	float: right;
	}
	
	#top .btn:after{
		content:url(../img/btn-shade-s.gif);
		position:absolute;
		bottom:-55px;
		right:-45px;
		z-index:1;
	}
	
.btn a,
.tab li,
#contact .btn{
	display:block;
	background: url(../img/icn-link.png) no-repeat 95% 50% #b3dd00;
	padding:14px 2em;
	border:2px solid #b3dd00;
	text-decoration:none;
	color:#231815;
	font-weight:bold;
	z-index:10;
	cursor:pointer;
	-moz-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;
	height:59px;
	position:relative;
	z-index:10;
}

.btn a:hover,
#contact .btn:hover{background-color:#fff;}

#top .btn a,
#top .btn span{
	width:436px;
	box-sizing:border-box;
	right: 45px;
}

.icn{ margin:0 auto 20px; background-image:url(../img/icon-img.gif); background-repeat:no-repeat;}
.icn.ic-rule{ background-position:-9px 0; width:116px; height:85px; }
.ic-create{ background-position:-151px 0; width:90px; height:85px; }
.ic-create{ background-position:-151px 0; width:90px; height:85px; }
.ic-traning{ background-position:-264px 7px; width:136px; height:85px; }
.ic-manager{background-position:-12px -120px; width:109px; height:86px;}
.ic-report{background-position:-262px -126px; width:137px; height:86px;}
.ic-meeting{background-position:-1px -270px; width:135px; height:88px;}
.ic-support01{background-position:-159px -270px; width:74px; height:88px;}
.ic-support02{background-position:-267px -268px; width:132px; height:94px;}

/* tab */
.tab{width:100%; *zoom: 1; clear:both;}
.tab:after {content: "."; display: block; clear: both;height: 0; visibility: hidden;}
.tab li{ background-image:url(../img/icn-tab.png); float:left; margin:0 5% -2px; font-size:171.4%; line-height:1; width:40%; box-sizing:border-box;}

.tab li:hover{ background-color:#dfeda3;}
.tab li.select{ background-color:#fff; border-bottom-color:#fff;}

.target{border-top:2px solid #b3dc00; text-align:center;}
.target .col02{padding:0 20px; box-sizing:border-box;}
.target .col03,
.target .col03_2{padding:0 15px; box-sizing:border-box;}
.target .tab_content{
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
-ms-transition-duration:0.6s;

	-moz-transition-timing-function:ease-out;
	-webkit-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
}

.target.selected .tab_content{
	opacity:1;
}
.hide{display:none;}


/* ===============================================
#contact
=============================================== */
#contact h2,#contact.thanks{text-align:center;}
#contact.thanks h3{ font-size:125.0%;}
#contact.thanks #mail_form{padding:20px;}

/* ===============================================
#sub
=============================================== */
body#sub{background:#fff;}

body#sub #main-content{color:#454140;}

body#sub h1{font-size:285.8%; font-weight:normal; padding-bottom:30px; border-bottom:1px solid #d9d4d2; line-height:1; margin-bottom:.7em}
body#sub h1 span{ color:#ccc; float: right;}
body#sub h2{font-size:142.9%}
body#sub h3,body#sub h4{font-size:128.6%; font-weight:bold;}
body#sub  p,body#sub dl,body#sub ol,body#sub table{font-size:128.6%; line-height:1.5;}

body#sub ol,body#sub dl{margin-bottom:2em;}
body#sub ol li{list-style:decimal; margin-left:20px; margin-bottom:.5em;}

dd.notice,p.notice{text-indent:-1em; margin-left:1em; font-size:85.7%!important;}
ul.notice{margin-bottom:2em;}
ul.notice li{text-indent:-1em; margin-left:1em; margin-bottom:0.3em; font-size:85.7%!important;}
ul.notice02 li{text-indent:-1.5em; margin-left:1.5em;}

body#sub .btn{margin-bottom:30px; text-align:center;}
body#sub .btn a{height:auto; background-size:10px auto; padding:10px 3em; text-align:center;display: inline-block; *display: inline; *zoom: 1;}


body#sub table tr{ border-bottom:1px solid #d9d4d2;}
body#sub table th,body#sub table td{padding:20px 0; box-sizing:border-box;}
body#sub table th{text-align:left; width:15%;}
body#sub table td{width:85%;}

body#sub table tr:first-child th,
body#sub table tr:first-child td{padding-top:0;}
body#sub table .btn{margin-bottom:0;}

body#sub .content a{color:#7dc31f; text-decoration:none; font-weight:bold;}
body#sub .content a:hover{text-decoration:underline;}

body#sub ul.list li{list-style:disc; margin-left:20px;}

.flR{float:right;}

.sns{padding:0;list-style-type:none;display:inline-table;}
.sns li,.sns iframe{display:inline-block;}
.sns li{ margin-right:10px;vertical-align:top;line-height:1;}
.sns li:last-child{margin-right:0;}
.sns li.tw{width:80px;}

body#sub dl dt {
    width: 150px;
	display: block;
    float: left;
}
body#sub dl dd {
    display: table-cell;
}

/* ===============================================
# footer
=============================================== */
#footer{ background:#b3dd00;}
#footer .content{padding:40px 0; background-image:none; text-align:center;}
#footer .content ul{ margin:0 0 20px; text-align:center;}
#footer .content ul li{ margin-left:20px; display: inline-block; *display: inline; *zoom: 1;}
#footer .content ul a{text-decoration:none; color:#333;}
#footer .content ul a:hover{text-decoration:underline;}
#footer .content a:hover img{opacity:0.3; transition: all 1s;}