/*   @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);  */

body *{
/*   font-family: 'Noto Sans Japanese', sans-serif; */
}

/* 会社情報など　リスト */
ul {
	list-style:none;
	line-height:20px; /*行間指定。値は調整してください。*/ ;
	letter-spacing: 3px; /*文字と文字の間隔をあける*/ ;
}


span.dan {
	float:left;
    font-size:small;
}

span.dan2 {
	display: block;
	margin-left: 120px;
    font-size:small;
}



/* タイトル */
.teruo{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#182482+0,ffffff+63 */
	background: rgb(24,36,130); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(24,36,130,1) 0%, rgba(0,0,255,0) 63%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(24,36,130,1)), color-stop(63%,rgba(0,0,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(24,36,130,1) 0%,rgba(0,0,255,0) 63%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(24,36,130,1) 0%,rgba(0,0,255,0) 63%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(24,36,130,1) 0%,rgba(0,0,255,0) 63%); /* IE10+ */
	background: linear-gradient(to right, rgba(24,36,130,1) 0%,rgba(0,0,255,0) 63%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182482', endColorstr='#transparent',GradientType=1 ); /* IE6-9 */
}

h1 {
    font-size:32px;
    color:#41c9fb;
/*	text-shadow: 3px 3px 5px black; */
    background-color:#ffc7db;
    border-radius: 20px;
/* 	padding-top:10px; */
letter-spacing: 10px; /*文字と文字の間隔をあける*/
line-height: 50px; /*行間の指定（ブランディングの高さを決める）*/
}

h2 {
    font-size:100%;
/*  	width:600px; */
	padding-top:10px;
	padding-left:10px;
  	padding-right:10px;
}

/* ヘッダとフッタ */
body{  
    margin: 0;  
/*     font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  */
    background-color:mediumturquoise;
}  

/* ヘッダ */
div#headerArea {  
/*     position: fixed !important;   */
/*     position: absolute;   */
    top: 0;  
    left: 0;  
    width: 100%;  
    /* height: 500px;   */
	
	background-color:mediumturquoise;
    
}  

/* 本文 */

div#contentsArea{  
 	width:80%;
/*     height: 100%; */
    overflow: auto;  
    margin: 0 auto;  
    background-color:ivory;
    border-radius: 20px;
} 



/* フッタ */
div#footerArea {  
/*     position: fixed !important;  
    position: absolute;   */
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 50px;  
	text-align:center;

	background-color:mediumturquoise;
letter-spacing: 2px; /*文字と文字の間隔をあける*/
}  



/* リンクアンダーバー消す */
a#header {
	text-decoration: none;
} 


/* メニューバー */
.menubar {
	position: relative;
	overflow: hidden;
}
.menubar ul{
	margin:0;
	padding:0;
	position: relative;
	left: 50%;
}
.menubar ul li {
	left: -50%;
	position: relative;
	float:left;
	list-style: none;
	margin:0;
	padding:0;
	font-size:14px;
	position: relative;
	width: 150px;/*親メニューの幅*/
	height: 40px;/*親メニューの高さ*/
	line-height: 40px;
/*   background:#FF818D;/*親メニューの背景色*/
	background:mediumturquoise;/*親メニューの背景色*/
/*   color: #4D4D4D;/*親メニューの文字色*/
	color: #ffffff;/*親メニューの文字色*/
	text-align:center;
	font-weight:bold;
    
/* 動きをつける */
	-moz-transition-property: background-color, width, height;
	-webkit-transition-property: background-color, width, height;
	-o-transition-property: background-color, width, height;
	-ms-transition-property: background-color, width, height;

	-moz-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;

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

}
.menubar ul li a {
	color: #373737; 
	display: block;
	text-decoration: none;
}
.menubar ul li a:hover {
/*   background:#EA2839;/*ホバー時の親メニューの背景色*/
	background:#67f6c0;/*ホバー時の親メニューの背景色*/
	color:#ff3b83;/*ホバー時の親メニューの文字色*/

/* ホバー時のメニュー大きさ */
/* width:300px; height:50px; 
font-size:25px; */

}
.menubar ul li ul {
	position: relative;
	top: 40px;/*親メニューの高さと同じにする*/
	width: 150px;
	z-index: 100;
}
.menubar ul li ul li {
	visibility: hidden;
	overflow: hidden;
	width: 500px;/*サブメニューの幅*/
	height: 0;
/*   background:#FFDAD7;/*サブメニューの背景色*/ 
	background:#80e2b1;/*サブメニューの背景色*/
}
.menubar ul li ul li:hover, .menu ul li ul li a:hover {
/*   background:#FFAFA9;/*ホバー時のサブメニューの背景色*/
	background:#28b870;/*ホバー時のサブメニューの背景色*/
}
.menubar ul li:hover ul li, .menu ul li a:hover ul li{
	visibility: visible;
	overflow: visible;
	height:40px;/*サブメニューの高さ*/
	z-index: 10;
}
.menubar * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
/* メニューバーここまで */

/* 下トップ移動ボタン 
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
 */

/* 事業内容写真 */
.flex-caption {
	width: 96%;
	padding: 2%;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 14px;
    line-height: 18px;
}
li.css a {
　   border-radius: 0;
}


.nav {
/*     padding: 0 20px; */
/*     margin: 0 auto 60px; */
    width: 100%;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}


section{
    margin-left:20px;
    margin-right:20px;
}


div#jigyonaiyo{
    background-color:#ffc7db;
    border-radius: 20px;
letter-spacing: 3px; /*文字と文字の間隔をあける*/

}
div#jigyo{
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
}



/* 略 */
 
/* :::::: timer mechanism :::::: */
 
.slideContents section {
  -webkit-animation: autoplay 10s infinite;
  animation: autoplay 10s infinite;
}
 
.slideContents section {
  -webkit-transform: none;
  transform: none;
  transition: none;
}
 
.slideContents #slide1 {
  position: relative;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
 
.slideContents #slide2 {
  -webkit-animation-delay: -5s;
  animation-delay: -5s;
}
 
/* .slideContents #slide3 {
  -webkit-animation-delay: -18s;
  animation-delay: -18s;
}
 
.slideContents #slide4 {
  -webkit-animation-delay: -12s;
  animation-delay: -12s;
}
 
.slideContents #slide5 {
  -webkit-animation-delay: -6s;
  animation-delay: -6s;
} */
 
@-webkit-keyframes autoplay {
  0% { -webkit-transform: translateX(0); }
  16% { -webkit-transform: translateX(0); }
  20% { -webkit-transform: translateX(-100%); }
  20.001% { -webkit-transform: translateX(100%); }
  96% { -webkit-transform: translateX(100%); }
  100% { -webkit-transform: translateX(0); }
}
@keyframes autoplay {
  0% { transform: translateX(0); }
  16% { transform: translateX(0); }
  20% { transform: translateX(-100%); }
  20.001% { transform: translateX(100%); }
  96% { transform: translateX(100%); }
  100% { transform: translateX(0); }
}


        #container{
            text-align:center;
        }
        #container p{
            font-size: 18px;
            margin: 20px 0;
            font-weight: bold;
        }
        #pagetop{
            position:fixed;
            right: 20px;
            bottom:-60px;
            cursor:pointer;
        }