/***** CSS for Hitotshubashi-Sogo-Foundation. since2014 *****/
/* 全体：中央配置，フォント指定 */
BODY {
/*　　背景色  ＜＃FFFFF0＝ク，#d8d4c2＝灰，#64963c=#693緑，#c95045=#C54赤茶，#3ca483＝#3A8青緑＞*/
 background-color:#FFFFF0;
 color:#000000;
 font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
 font-size:14px;
 /*  text-align:center;  */
 }
.ideaBody{
 margin:0 auto 0 auto;
 /*  text-align:justify;  */
 width:700px;
}
hr.bsTop{
  margin:0 0 20px 0;
  height: 4px;
  border: 0;
  box-shadow: 0 10px 10px -4px #3A8 inset;
 }
hr.bsBottom{
  margin: 20px 0 0 0;
  height: 15px;
  border: 0;
  box-shadow: 0 -10px 20px 2px #3A8 inset;
 }
/* 右寄せ （トップに戻る等） */
.pl_r{
 text-align:right;
 font-size:85%;
 margin-top:-1.5em;
 /* background-color:greenyellow; */
}
/*---------------- ロゴ文字の書体 ----------------*/
/* 公益財団法人 */
.bLogo{
 display:inline;
 font-size:160%;
 font-family:HGS明朝E;
 padding-left:5px;
 padding-top:50px;
}
/* 一ツ橋綜合財団 */
.jLogo{
 display:inline;
 font-size:210%;
 font-family:HGS明朝E;
 padding-left:5px;
}
/* Hitotsubashi Sogo Foundation */
.eLogo{
 font-size:100%;
 padding-left:5px;
}
/*=========== since 2022 背景カラー横並びメニュー ===========*/
#navimenu{
 margin: 0;
 padding: 0;
 width: 100%;
 }
#navimenu ul{
 display: table;
margin: 0 auto;
padding: 0;
width: 100%;
text-align: center;
 }
#navimenu li{
/*     メニューボタン：色指定  ＜#64963c=黄緑，#3ca483＝青緑3A8，#c95045=赤茶C54＞*/
 background-color: #3A8;
/*          メニュー枠線：色指定          ＜背景と合せる＞*/
 border: 2px solid #FFFFF0;
 font-weight: bold;
display: table-cell;
min-width: 90px;
 }
#navimenu a{
/*          メニュー文字：色指定          ＜FFF=白＞*/
color: #FFF;
font-weight: bold;
display: block;
width: 100%;
padding: 10px 0 ;
text-decoration: none;
 }
#navimenu  li:hover{
/*          メニューボタン：ホバー色指定          ＜888=灰＞*/
background-color: #888;
}
/*================ since 2021 リード(標準配置) ================*/
.ri-do-r {
 font-size: 16px;
 line-height: 180%;
 margin-left: 1em;
 }
/*================ since 2016 リード（中央配置） ================*/
.ri-do {
 font-size: 16px;
 line-height: 180%;
 text-align: center;
 }
/*----------------------------------------------------------------------------*/
/* H1 各ページTOPタイトル */
H1{
 font-size:160%;
 margin:25px auto 15px auto; /* [注]: 上、右、下、左 */
 text-align:center;
}
/* H2 定款の｢章｣タイトル */
H2{
 color:#330066;
 font-size:150%;
 margin:50px auto 15px auto; /* [注]: 上、右、下、左 */
 text-align:center;
}
/* H3 評議員名簿－｢公表｣ */
H3 {font-size:110%;
 padding-left:3em;
}
/* H4　本文の協調(太字) */
H4 {font-size:104%;
 margin-bottom: -.5em;
}
/* 事業報告の｢公｣ */
H5 {font-size:130%;
 margin-top:3em;
 padding-bottom: -1em;
}
/* 事業報告の｢公－Ｎ｣＜padding-bottomでは無効＞ */
H6 {font-size:110%;
 margin-bottom: -.5em;
}
/*----------------------------------------------------------------------------*/
/*-- ################「ホーム」内のstyle指定 ############### --*/
/* 表紙画像 */
.ideaImg{
 margin:50px auto 20px auto; /* [注]: 上、右、下、左 */
 width:600px;
}
/* リンク */
.ideaLink{
 font-size:8px;
}
/* リンクのキャプション ａ リンク文字色の指定 */
.ideaLink a, a:link, a:visited, a:hover, a:active {
   color: inherit;
   text-decoration: none;
}
/*-- ################「定款」内のstyle指定 ############### --*/
/*（カッコ）の余白設定 */
#teikan p{
 margin:25px 0 0 0; /* [注]: 上、右、下、左 */
}
/* 条文 dtとddの並列 float:left  文字幅４em */
.note dt {
 float: left;
 width: 4em; /*-- 等間隔に揃える為,幅固定≠margin-right: 10px; --*/
}
/* 条文 並列＋ぶら下げインデント(定款用：dt５字) */
.note dd {
 padding-left: 2em; /*1em（1文字）分、右に動かす*/
 text-indent: -2em; /*最初の行だけ1em（1文字）分、左に動かす*/
 overflow: auto;
}
/*-- ★★ -- ここから note内の並列に必要なので消さないこと --*/
/* Clearfix 並列の解除(float:left崩れ防止に必要) */
.note dl:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.note dl {
 display: inline-block;
}
/* Hides from IE-mac \*/
* html .note dl {
 height: 1%;
}
.note dl {
 display: block;
}
/* End hide from IE-mac */
/*-- ★★ -- ここまで note内の並列に必要なので消さないこと --*/
/* 条文内の、(1)，ｲﾛﾊ，① ぶら下げインデント */
.note ul {
 list-style-image:none;
 list-style-type:none;
}
.note li {
 margin:0.5em 0 0 0;
 padding-left: 2em;
 text-indent: -2em;
}
/*-- ################「名簿」内のstyle指定 ############### --*/
#meibo {
 padding-left:30px;
 width:610px;
}
/* 名簿リスト 並列＋罫線あり */
#meibo li{
 border-bottom: 1px dotted #CCC; /* 太さ、線種、色 */
 display: inline-block;
 margin:10px 2px auto auto; /* [注]: 上、右、下、左 */
 padding-left:15px;
}
/* 名簿リストの並列の幅指定 */
li.yaku{
 width: 6em;
}
li.mei{
 width: 6em;
}
li.kata{
 width: 25em;
}
/* 右半分寄せ（「名簿」の「定数・・名」） */
.pl_rhf{
 font-size: 85%;
 margin-left: 50%;
}
/* 右1/4寄せ（「公表」の「連絡先」） */
.pl_rqt{
 font-size: 90%;
 margin-left: 70%;
}
/*-- ################「公表」内のstyle指定 ############### --*/
#kohyo {
 width:600px;
 margin:70px auto 70px auto; /* [注]: 上、右、下、左 */
}
/* 強制改ページする（名簿と公表の間，ほか） */
div.break {
 page-break-before: always;
}
/*-- ################「事業報告・事業計画」用のstyle指定 ############### --*/
/*-- ●● -- ここから 前出と相関。note↑の記述より下に書くこと --*/
/* 「事業報告」公益目的事業＃ dtとddの並列 ：dt８字 */
.note-wide dt {
 font-weight: bold;
 padding-left:1em;
 width: 9em;
 /* background-color:khaki; */
}
/* 「事業報告」公益目的事業＃ 並列＋ぶら下げインデント★×報告用：インデントなし */
.note-wide dd {
 padding-left: 0; /*1em（1文字）分、右に動かす*/
 text-indent: 0; /*最初の行だけ1em（1文字）分、左に動かす*/
}
/*-- ●● -- ここまで 前出noteと相関。note↑の記述より下に書くこと --*/
/* ★　カード型：キャプション付き画像の横並び　★ */
#cards {
  display: flex;
  justify-content: center;
}
.card {
  margin-left: 8px;
  margin-right: 8px;
  width: 330px;
  /* border: 1px solid lightgray; */
}
.card img {
   margin-left: 8px; 
  /* width: 100%; */
  max-width: 100%;
  /*height: 200px;*/
}
.card p {
  font-size: 68%;
  margin-top: -2px;
  text-align: left;
  /* background-color:peachpuff; */
}
/* ★　カード型　以上　★ */
/* センタリング写真-ORG-写真も文字もcenter-center */
.center-photo {
 text-align: center;
 /* background-color:peachpuff; */
}
/* センタリング写真のサムネイル */
.center-photo p {
   font-size:68%;
  margin: -2px -10px 2px 0; /* [注]: 上、右、下、左 */
 /* background-color:darksalmon; */
}
/* Clearfix 並列の解除(float:left崩れ防止に必要) */
.f-clr {
 clear: both;
}
/* 右配置（報告･計画：変更禁止）float:left; ※解除はclear:both;※ */
.f-migi50 {
 float: right;
 padding-left: 1em;
 padding-top: 0.5em;
 width: 50%;
 /* background-color:powderblue; */
}
/* 右配置（報告･計画：変更禁止）float:left; ※解除はclear:both;※ */
.f-migi {
 float: right;
 padding-left: 1em;
 padding-top: 0.5em;
 width: 43%;
 /* background-color:powderblue; */
}
/* 右縦配置（講演会写真.横狭め）float:left; ※解除はclear:both;※ */
.f-migi33 {
 float: right;
 padding-top: 0.5em;
 width: 33%;
 /* background-color:lightsteelblue; */
}
/* 中間配置（講演会写真並列）float:left; ※解除はclear:both;※ */
.f-naka33 {
 float: right;
 padding-right: 3em;
 padding-top: 0.5em;
 /* display: inline; */
 width: 24%;
 /* background-color:lavender; */
}
/* 左縦配置（講演会写真並列）float:left; ※解除はclear:both;※ */
.f-hidari {
 float: left;
 padding-left: 3em;
 padding-top: 0.5em;
 /* display: inline; */
 width: 48%;
 /* background-color:lavenderblush; */
}
/* 左縦配置（講演会写真並列）float:left; ※解除はclear:both;※ */
.f-hidari50 {
 float: left;
 padding-left: 3em;
 padding-top: 0.5em;
 /* display: inline; */
 width: 50%;
 /* background-color:lavenderblush; */
}
/* 左配置（鬼面の写真）float:left; ※解除はclear:both;※　widthはお面と解説の合計幅 */
.f-oni {
 float: left;
 display: inline;
 padding: 1em;
 padding-left: 5em;
 width: 80%;
 /* background-color:forestgreen; */
}
 /* ルビの行間調整。おにけんばい の読み仮名 */
[data-ruby] {
 position: relative;
}
[data-ruby]::before {
     content: attr(data-ruby);
     position: absolute;
     top: -1em;
     left: 0;
     right: -5em;
     margin: 0;
     font-size: 0.5em;
 /*    background-color:salmon; */
}
/* 右中配置（鬼剣舞の解説）float:left; ※解除はclear:both;※ */
.f-kenbai {
 float: right;
 font-size:93%;
 padding-top:2em;
 padding-left: -0.6em;
 width: 70%;
  /* background-color:#F66; */
}
/* 事業(計画＆報告)の 公＃内の全体を字下げ */
div.mgn-kou {
 margin-left: 1em;
}
/* 事業(計画＆報告)の 公＃内の平文の字下げ */
.mgn-kou p {
 margin-left: 1em;
}
/* サムネイル右配置(報告･計画：変更禁止) */
.f-migi p {
  font-size:65%;
  margin: 3px 5px 2px 0; /* [注]: 上、右、下、左 */
 /* background-color:violet; */
}
/* サムネイル右配置(報告･計画：変更禁止) */
.f-migi50 p {
  font-size:65%;
  margin: 3px 5px 2px 0; /* [注]: 上、右、下、左 */
 /* background-color:violet; */
}
/* サムネイル左配置（講演会写真並列） */
.f-hidari p {
  font-size:65%;
  margin: 3px -50px 2px 0; /* [注]: 上、右、下、左 */
 /* background-color:violet; */
}
/* サムネイル左配置（講演会写真並列） */
.f-hidari50 p {
  font-size:65%;
  margin: 3px -50px 2px 0; /* [注]: 上、右、下、左 */
 /* background-color:violet; */
}
/* サムネイル中間配置(講演会写真.横狭め) */
.f-naka33 p {
  font-size:65%;
  margin: 3px -1px 2px 0; /* [注]: 上、右、下、左 */
 /* background-color:mediumpurple; */
}
/* サムネイル右縦配置(講演会写真.横狭め) */
.f-migi33 p {
  font-size:65%;
  margin: 3px -1px 2px 0; /* [注]: 上、右、下、左 */
 /* background-color:mediumseagreen; */
}
/* 事業(計画＆報告)の 公＃内のリスト */
.mgn-kou li {
 margin-top: .3em;
}
/* 事業報告(写真アリ)の 公１受賞リストのインデント（書名の折返し用） */
ul.nn-Siika {
 list-style-image:none;
 list-style-type:none;
 padding-left: 16.5em; /*1em（1文字）分、右に動かす 　※書名をぶら下げる※ */
 text-indent: -15.5em; /*最初の行だけ左に動かす*/
 /* background-color:salmon; */
}
/* 事業(計画＆報告)の 公１受賞リスト用のインデント（書名の折返し用） */
ul.nn-Lng {
 list-style-image:none;
 list-style-type:none;
 padding-left: 15em; /*1em（1文字）分、右に動かす 　※書名をぶら下げる※ */
 text-indent: -13em; /*最初の行だけ1em（1文字）分、左に動かす*/
 /* background-color:tomato; */
}
/* 事業(計画＆報告)の 公１第Ｎ期選考委員３種のルビありインデントなし */
ul.nn-Nom {
 list-style-image:none;
 list-style-type:none;
}
/* 事業(計画＆報告)の 公１第Ｎ期選考委員３種のインデント */
ul.nn-Sht {
 list-style-image:none;
 list-style-type:none;
 padding-left: 7em; /*上下のバランスに合わせる*/
 /* background-color:tomato; */
}
/* 事業(計画＆報告)の 公３開催日時と場所のインデント
ul.nn {
 list-style-image:none;
 list-style-type:none;
 padding-left: 10em;
  text-indent: -9em;
}  */
/*-- ################「財務諸表」用のstyle指定 ############### --*/
/* 財務諸表のＰＤＦリンク文字 */
p.aPrindPdf{
 color:#609;
 font-weight: bold;
 font-size: 110%;
  padding-left: 19.6em;
}
/* AcrobatReaderはこちらのリンク文字 */
p.acrobat{
 font-size:80%;
 text-align:center;
}
/*-- ################「資料（歴代各一覧）」用のstyle指定 ############### --*/
/* 受賞者一覧 */
table.JusyosyaList{
 border: 2px #996 solid;
 border-collapse: collapse;
 width: 700px;
}
table.JusyosyaList thead th{
 border-bottom: 3px double #996;
}
table.JusyosyaList th,
table.JusyosyaList td {
 border: 1px #996 solid;
 font-size:75%;
}
col.colNen{
 text-align: center;
 width:3em;
}
col.colKai{
 text-align: light;
 width: 1em;
}
col.colHito{
 border-right: 2px dotted #BB7;
 width:5em;
}
col.colTitle{
  width:7em;
}
/* 歴代選考委員の年度 */
table.Senko{
 width: 600px;
}
table.Senko th{
 font-size:75%;
 line-height:150%;
 text-align: left;
 width: 120px;
}
/* 歴代選考委員の内訳 */
table.SenkoSub{
 border: 2px #999966 solid;
 border-collapse: collapse;
 width: 480px;
}
table.SenkoSub th{
 border-right: 3px #999966 double;
 border-bottom: 1px #999966 solid;
 width: 4em;
}
table.SenkoSub td{
 border-bottom: 1px #999966 solid;
 width: 150px;
}
/*┏━━━　オールインワンスライダー　ここから━━━━━━━━━━━━━━━━━━━━━━━┓ */
/*        使用する画像について
        サイズ：600px×330px
        ボタン：画像の外枠下部に並べる
*/
/* 画面上部の帯 */
#top_belt { max-width:660px;height:15px;margin:0 auto; }
/*スライダー全体のコンテナー*/
#stage {
    position: relative;
    max-width: 660px;
    margin: 0 auto;
   /* background:#FFFFE0; */
    overflow: hidden;
}
/*全ラジオボタンを非表示に*/
input {    display: none; }
/* 表示切換えボタンと表示位置 */
.circ img {
    position: absolute;
    bottom:1.5%; /* スライドボタン下から少し離すbottom: 2.5%⇒1.5% */
    cursor: pointer;
}
#lb1 img { left: 40%;width:3%; }
#lb2 img { left: 43%;width:3%; }
#lb3 img { left: 46%;width:3%; }
#lb4 img { left: 49%;width:3%; }
#lb5 img { left: 52%;width:3%; }
/* 左右送りボタン */
.pb, .nb { color: lightgray;font-weight:bold; font-size:26px;display:block;position:absolute;top:45%;z-index:200;pointer-events:auto;}
.pb { left:0%; }
.nb { left:96%; }
/*.pb:hover, .nb:hover { color:orange; cursor:pointer; }    左右送りボタンのホバー色：orange⇒lightblue*/
.pb:hover, .nb:hover { color: lightblue; cursor:pointer; }
/* stageが初期サイズ以下のなったときのサイズ */
@media screen and (max-width: 660px) { .pb, .nb { font-size:18px; } }
/*全表示スライドのコンテナー*/
#photos {
    position: absolute;
    width:100%;
    height:100%;
    left: -4%;
    opacity:0;
    pointer-events: none;
    animation:flowSlides 40s infinite;
}
/* 個々のスライド・現スライド標示ボタン */
.pic {
    position: absolute;
    width:100%;
    height:100%;
}
.pic img:nth-child(1) { width:90.9%; margin-left:4.55%; }
.pic img:nth-child(2) { width:3%; bottom:1.5%; } /* スライドボタン下から少し離すbottom: 2.5%⇒1.5% */
/*表示スライドをphotosの中に横並びで一列に並べる*/
#photo1 { left: 0; }
#photo2 { left: 660px; }
#photo3 { left: 1320px; }
#photo4 { left: 1980px; }
#photo5 { left: 2640px; }
/* 写真の下に現スライド標示ボタンを配置 */
#photo1 img:nth-child(2) { position:absolute;left:40%;width:3%; }
#photo2 img:nth-child(2) { position:absolute;left:43%;width:3%; }
#photo3 img:nth-child(2) { position:absolute;left:46%;width:3%; }
#photo4 img:nth-child(2) { position:absolute;left:49%;width:3%; }
#photo5 img:nth-child(2) { position:absolute;left:52%;width:3%; }
/*チェックされたドットに相当するスライドが画面中央になるようにphotosを移動*/
#r1:checked ~ #photos { animation:flowSlides1 40s infinite; animation-delay: 0s; }
#r2:checked ~ #photos { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#r3:checked ~ #photos { animation:flowSlides3 40s infinite; animation-delay:-16s; }
#r4:checked ~ #photos { animation:flowSlides4 40s infinite; animation-delay:-24s; }
#r5:checked ~ #photos { animation:flowSlides5 40s infinite; animation-delay:-32s; }
/* 左右送りボタン */
#back1:checked ~ #photos { animation:flowSlides5 40s infinite; animation-delay:-32s; }
#back2:checked ~ #photos { animation:flowSlides1 40s infinite; animation-delay: 0s; }
#back3:checked ~ #photos { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#back4:checked ~ #photos { animation:flowSlides3 40s infinite; animation-delay:-16s; }
#back5:checked ~ #photos { animation:flowSlides4 40s infinite; animation-delay:-24s; }
#next1:checked ~ #photos { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#next2:checked ~ #photos { animation:flowSlides3 40s infinite; animation-delay:-16s; }
#next3:checked ~ #photos { animation:flowSlides4 40s infinite; animation-delay:-24s; }
#next4:checked ~ #photos { animation:flowSlides5 40s infinite; animation-delay:-32s; }
#next5:checked ~ #photos { animation:flowSlides1 40s infinite; animation-delay: 0s; }
/* 初期スライドショー */
@keyframes flowSlides {
    0% { left:0px; opacity:0; }
    2% { left:0px; opacity:1; }
    18% { left:0px; opacity:1; }
    20% { left:0px; opacity:0; }
    20.01% { left:-660px; opacity:0; }
    22% { left:-660px; opacity:1; }
    38% { left:-660px; opacity:1; }
    40% { left:-660px; opacity:0; }
    40.01% { left:-1320px; opacity:0; }
    42% { left:-1320px; opacity:1; }
    58% { left:-1320px; opacity:1; }
    60% { left:-1320px; opacity:0; }
    60.01% { left:-1980px; opacity:0; }
    62% { left:-1980px; opacity:1; }
    78% { left:-1980px; opacity:1; }
    80% { left:-1980px; opacity:0; }
    80.01% { left:-2640px; opacity:0; }
    82% { left:-2640px; opacity:1; }
    98% { left:-2640px; opacity:1; }
    100% { left:-2640px; opacity:0; }
}
/* 各スライド向けスライドショー */
@keyframes flowSlides1 {
    0% { left:0px; opacity:0; }
    2% { left:0px; opacity:1; }
    18% { left:0px; opacity:1; }
    20% { left:0px; opacity:0; }
    20.01% { left:-660px; opacity:0; }
    22% { left:-660px; opacity:1; }
    38% { left:-660px; opacity:1; }
    40% { left:-660px; opacity:0; }
    40.01% { left:-1320px; opacity:0; }
    42% { left:-1320px; opacity:1; }
    58% { left:-1320px; opacity:1; }
    60% { left:-1320px; opacity:0; }
    60.01% { left:-1980px; opacity:0; }
    62% { left:-1980px; opacity:1; }
    78% { left:-1980px; opacity:1; }
    80% { left:-1980px; opacity:0; }
    80.01% { left:-2640px; opacity:0; }
    82% { left:-2640px; opacity:1; }
    98% { left:-2640px; opacity:1; }
    100% { left:-2640px; opacity:0; }
}
@keyframes flowSlides2 {
    0% { left:0px; opacity:0; }
    2% { left:0px; opacity:1; }
    18% { left:0px; opacity:1; }
    20% { left:0px; opacity:0; }
    20.01% { left:-660px; opacity:0; }
    22% { left:-660px; opacity:1; }
    38% { left:-660px; opacity:1; }
    40% { left:-660px; opacity:0; }
    40.01% { left:-1320px; opacity:0; }
    42% { left:-1320px; opacity:1; }
    58% { left:-1320px; opacity:1; }
    60% { left:-1320px; opacity:0; }
    60.01% { left:-1980px; opacity:0; }
    62% { left:-1980px; opacity:1; }
    78% { left:-1980px; opacity:1; }
    80% { left:-1980px; opacity:0; }
    80.01% { left:-2640px; opacity:0; }
    82% { left:-2640px; opacity:1; }
    98% { left:-2640px; opacity:1; }
    100% { left:-2640px; opacity:0; }
}
@keyframes flowSlides3 {
    0% { left:0px; opacity:0; }
    2% { left:0px; opacity:1; }
    18% { left:0px; opacity:1; }
    20% { left:0px; opacity:0; }
    20.01% { left:-660px; opacity:0; }
    22% { left:-660px; opacity:1; }
    38% { left:-660px; opacity:1; }
    40% { left:-660px; opacity:0; }
    40.01% { left:-1320px; opacity:0; }
    42% { left:-1320px; opacity:1; }
    58% { left:-1320px; opacity:1; }
    60% { left:-1320px; opacity:0; }
    60.01% { left:-1980px; opacity:0; }
    62% { left:-1980px; opacity:1; }
    78% { left:-1980px; opacity:1; }
    80% { left:-1980px; opacity:0; }
    80.01% { left:-2640px; opacity:0; }
    82% { left:-2640px; opacity:1; }
    98% { left:-2640px; opacity:1; }
    100% { left:-2640px; opacity:0; }
}
@keyframes flowSlides4 {
    0% { left:0px; opacity:0; }
    2% { left:0px; opacity:1; }
    18% { left:0px; opacity:1; }
    20% { left:0px; opacity:0; }
    20.01% { left:-660px; opacity:0; }
    22% { left:-660px; opacity:1; }
    38% { left:-660px; opacity:1; }
    40% { left:-660px; opacity:0; }
    40.01% { left:-1320px; opacity:0; }
    42% { left:-1320px; opacity:1; }
    58% { left:-1320px; opacity:1; }
    60% { left:-1320px; opacity:0; }
    60.01% { left:-1980px; opacity:0; }
    62% { left:-1980px; opacity:1; }
    78% { left:-1980px; opacity:1; }
    80% { left:-1980px; opacity:0; }
    80.01% { left:-2640px; opacity:0; }
    82% { left:-2640px; opacity:1; }
    98% { left:-2640px; opacity:1; }
    100% { left:-2640px; opacity:0; }
}
@keyframes flowSlides5 {
    0% { left:0px; opacity:0; }
    2% { left:0px; opacity:1; }
    18% { left:0px; opacity:1; }
    20% { left:0px; opacity:0; }
    20.01% { left:-660px; opacity:0; }
    22% { left:-660px; opacity:1; }
    38% { left:-660px; opacity:1; }
    40% { left:-660px; opacity:0; }
    40.01% { left:-1320px; opacity:0; }
    42% { left:-1320px; opacity:1; }
    58% { left:-1320px; opacity:1; }
    60% { left:-1320px; opacity:0; }
    60.01% { left:-1980px; opacity:0; }
    62% { left:-1980px; opacity:1; }
    78% { left:-1980px; opacity:1; }
    80% { left:-1980px; opacity:0; }
    80.01% { left:-2640px; opacity:0; }
    82% { left:-2640px; opacity:1; }
    98% { left:-2640px; opacity:1; }
    100% { left:-2640px; opacity:0; }
}