@charset "utf-8";
/*デジタル版 日立ハイテクブース　2020
**********************/
body {
  min-width: 1150px;
  transition: all 1s;
  position: relative;
}
.content-wrap * {
  box-sizing: border-box;
}
#main.index {
  overflow-x: hidden;
  background: url("/image/jp/expo/science/jasis/jasis2020_01.jpg") #011943 repeat left top;
  min-height: 100vh;
  min-height: -webkit-calc(100vh - 40px);
  min-height: -moz-calc(100vh - 40px);
  min-height: calc(100vh - 40px);
  padding-bottom: 40px;
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#main.index .content-wrap {
  width: 90%;
  position: relative;
  max-width: 1200px;
}
#main.index.fadeout .content-wrap {
  animation: SlideIn .8s;
}
@keyframes SlideIn {
  0% {
    opacity: 0; /*初期状態では透明に*/
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.mainArea {
  padding-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.mainArea .imgArea {
  order: 2;
  width: 72%;
  position: relative;
}
.mainArea .mainImg {
  max-width: 100%;
  opacity: 0;
  /*animation: fadeIn 2s ease 0s 1 normal;*/
}
/*@keyframes fadeIn { 
  0% {opacity: 0}
  100% {opacity: 1}
}*/
.mainArea .imgArea .textBox {
  background: #FFF;
  position: absolute;
  padding: 1.2%;
}
.mainArea .imgArea .textBox .title {
  background: #142a9a;
  color: #FFF;
  font-weight: 700;
  margin: 0 0 10px 0;
  padding: 2% 3%;
  font-size: 16px;
}
.mainArea .imgArea .textBox ul {
  padding: 0 3%;
}
.mainArea .imgArea .textBox ul li {
  margin-bottom: 5px;
  font-size: 14px;
  background: url("/image/jp/expo/science/jasis/jasis2020_03.png") no-repeat left 7px / 6px auto;
  padding-left: 14px;
}
.mainArea .imgArea .textBox ul li:last-of-type {
  margin-bottom: 0;
}
.mainArea .mainNavi {
  width: 26%;
  order: 1;
  background: #000c22;
  padding: 5px;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.mainArea .mainNavi li {
  margin-bottom: 2px;
  font-weight: 700;
}
.mainArea .mainNavi li:last-of-type {
  margin-bottom: 0;
}
.mainArea .mainNavi li a {
  display: block;
  padding: 20px 35px 20px 15px;
  background: url("/image/jp/expo/science/jasis/jasis2020_04.png") #ffffff no-repeat right 15px top 50% / 12px auto; /* Old browsers */
  background: url("/image/jp/expo/science/jasis/jasis2020_04.png") no-repeat right 15px top 50% / 12px auto, linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  text-decoration: none;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  xbackground-image: url(/image/jp/expo/science/jasis/jasis2020_02.png);
}
.mainArea .mainNavi li a.nomalLink {
  background: url("/image/jp/expo/science/jasis/jasis2020_02.png") #FFF no-repeat right 17px top 50% / 6px auto;
  background: url("/image/jp/expo/science/jasis/jasis2020_02.png") no-repeat right 17px top 50% / 6px auto, linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
}
.mainArea .mainNavi li a:hover {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.mainArea .mainNavi li a.open {
  background: url("/image/jp/expo/science/jasis/jasis2020_05.png") #FFF no-repeat right 15px top 50% / 12px auto;
  background: url("/image/jp/expo/science/jasis/jasis2020_05.png") no-repeat right 15px top 50% / 12px auto, linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  color: #142a9a;
}
.mainArea .mainNavi li ul {
  font-size: 13px;
}
.mainArea .mainNavi li ul .title {
  color: #FFF;
  padding: 15px 35px 15px 30px;
  background: url("/image/jp/expo/science/jasis/jasis2020_08.png") no-repeat #102179 right 15px top 50% / 10px auto;
}
.mainArea .mainNavi li ul .title:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  cursor: pointer;
}
.mainArea .mainNavi li ul .title.open {
  background: url("/image/jp/expo/science/jasis/jasis2020_09.png") no-repeat #102179 right 15px top 50% / 10px auto;
}
.mainArea .mainNavi li ul li {
  display: block;
}
.mainArea .mainNavi li ul li a {
  padding: 12px 30px;
  border-bottom: #b9bfc9 solid 1px;
  background: url("/image/jp/expo/science/jasis/jasis2020_02.png") #FFF no-repeat right 15px top 50% / 5px auto;
  font-weight: 500;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.mainArea .mainNavi li ul li > a:first-of-type {
  border-top: #b9bfc9 solid 1px;
}
.mainArea .mainNavi li ul li a:last-of-type {
  border-bottom: 0;
}
.mainArea .backtop {
  margin: 30px auto 5%;
}
.mainArea .backtop p {
  width: 11em;
  margin: 0 0 0 auto;
}
.mainArea .backtop p a {
  display: block;
  padding: 20px 35px 20px 15px;
  border-radius: 3px;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  color: #000;
  transition: all 0.3s ease;
  position: relative;
  background-image: url('/image/jp/expo/science/jasis/jasis2020_02.png'), linear-gradient(to bottom, #eef2ff 0%, #a8bcff 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 17px top 50%;
  background-size: 6px auto, auto;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.mainArea .backtop p a.nomalLink {
  /*! background: url("/image/jp/expo/science/jasis/jasis2020_02.png") #FFF no-repeat right 17px top 50% / 6px auto; */
  /*! background: url("/image/jp/expo/science/jasis/jasis2020_02.png") no-repeat right 17px top 50% / 6px auto, linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%); */
}
.mainArea .backtop p a:hover {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.arrowArea {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}
.arrow {
  position: absolute;
  width: 2.8%;
}
.arrow img {
  max-width: 100%;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.arrow img:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.arrow.prev {
  left: -3.5%;
}
.arrow.next {
  right: -3.5%;
}
/*ctg00*/
.mainArea.ctg00 .imgArea .textBox {
  top: 5%;
  right: 5%;
  min-width: 24%;
}
/*ctg01*/
.mainArea.ctg01 .imgArea .textBox {
  top: 65%;
  right: 5%;
  width: 40%;
}
.mainArea.ctg01 .imgArea .textBox .title {
  background: #0054a7;
}
.mainArea.ctg01 .imgArea .textBox ul li {
  background: url("/image/jp/expo/science/jasis/ctg01_02.png") no-repeat left 7px / 6px auto;
}
/*ctg02*/
.mainArea.ctg02 .imgArea .textBox {
  top: 65%;
  right: 5%;
  width: 40%;
}
.mainArea.ctg02 .imgArea .textBox .title {
  background: #f29500;
}
.mainArea.ctg02 .imgArea .textBox ul li {
  background: url("/image/jp/expo/science/jasis/ctg02_02.png") no-repeat left 7px / 6px auto;
}
/*ctg03*/
.mainArea.ctg03 .imgArea .textBox {
  top: 65%;
  right: 5%;
  width: 40%;
}
.mainArea.ctg03 .imgArea .textBox .title {
  background: #70347e;
}
.mainArea.ctg03 .imgArea .textBox ul li {
  background: url("/image/jp/expo/science/jasis/ctg03_02.png") no-repeat left 7px / 6px auto;
}
/*ctg04*/
.mainArea.ctg04 .imgArea .textBox {
  top: 65%;
  right: 5%;
  width: 40%;
}
.mainArea.ctg04 .imgArea .textBox .title {
  background: #448fc7;
}
.mainArea.ctg04 .imgArea .textBox ul li {
  background: url("/image/jp/expo/science/jasis/ctg04_02.png") no-repeat left 7px / 6px auto;
}
/*ctg05*/
.mainArea.ctg05 .imgArea .textBox {
  top: 65%;
  right: 5%;
  width: 40%;
}
.mainArea.ctg05 .imgArea .textBox .title {
  background: #a26c39;
}
.mainArea.ctg05 .imgArea .textBox ul li {
  background: url("/image/jp/expo/science/jasis/ctg05_02.png") no-repeat left 7px / 6px auto;
}
/*ctg06*/
.mainArea.ctg06 .imgArea .textBox {
  top: 65%;
  right: 5%;
  width: 40%;
}
.mainArea.ctg06 .imgArea .textBox .title {
  background: #703c1b;
}
.mainArea.ctg06 .imgArea .textBox ul li {
  background: url("/image/jp/expo/science/jasis/ctg06_02.png") no-repeat left 7px / 6px auto;
}
/*ctg07*/
.mainArea.ctg07 .imgArea .textBox {
  top: 65%;
  right: 5%;
  width: 40%;
}
.mainArea.ctg07 .imgArea .textBox .title {
  background: #e24931;
}
.mainArea.ctg07 .imgArea .textBox ul li {
  background: url("/image/jp/expo/science/jasis/ctg07_02.png") no-repeat left 7px / 6px auto;
}
/*ctg08*/
.mainArea.ctg08 .imgArea .textBox {
  top: 65%;
  right: 5%;
  width: 40%;
}
.mainArea.ctg08 .imgArea .textBox .title {
  background: #51a938;
}
.mainArea.ctg08 .imgArea .textBox ul li {
  background: url("/image/jp/expo/science/jasis/ctg08_02.png") no-repeat left 7px / 6px auto;
}
/*ctg09*/
.mainArea.ctg09 .imgArea .textBox {
  top: 65%;
  right: 5%;
  width: 40%;
}
.mainArea.ctg09 .imgArea .textBox .title {
  background: #008b45;
}
.mainArea.ctg09 .imgArea .textBox ul li {
  background: url("/image/jp/expo/science/jasis/ctg09_02.png") no-repeat left 7px / 6px auto;
}
/*ctg11-15*/
.mainArea.ctg11-15 .imgArea .textBox {
    top: 65%;
    right: 5%;
    width: 40%;
  }

  .mainArea.ctg11-15 .imgArea .textBox .title {
    background: #152344;
  }
  .mainArea.ctg11-15 .imgArea .textBox ul li {
    background: url("/image/jp/expo/science/jasis/jasis2020_03.png") no-repeat left 7px / 5.5px auto;
  }
@media screen and (max-width: 1150px) {
  .arrowArea {
    top: 50%;
  }
  .mainArea .imgArea .textBox {
    font-size: 12px;
  }
}
@media screen and (max-width: 580px) {
  body {
    min-width: initial;
    min-width: auto;
    min-height: initial;
    min-height: auto;
  }
  #main.index {
    min-height: initial;
    min-height: auto;
    padding-bottom: 0;
  }
  #main.index .content-wrap {
    width: 95%;
    padding-bottom: 30px;
  }
  .mainArea {
    padding: 15px 0;
    display: block;
  }
  .mainArea .imgArea {
    width: 100%;
    margin-bottom: 10px;
  }
  .mainArea .imgArea .textBox {
    position: static;
    margin-top: 15px;
    padding: 10px 10px 15px 10px;
    text-align: left;
    width: 100%;
  }
  .mainArea .imgArea .textBox .title {
    font-size: 13px;
    padding: 8px 12px;
  }
  .mainArea .imgArea .textBox ul {
    padding: 0 12px;
  }
  .mainArea .imgArea .textBox ul li {
    font-size: 13px;
    background: url("/image/jp/expo/science/jasis/jasis2020_03.png") no-repeat left 7px / 5.5px auto;
    padding-left: 12px;
  }
/* 1205 */
  .mainArea.ctg01 .imgArea .textBox {
    width: 100%;
  }
  .mainArea.ctg02 .imgArea .textBox {
    width: 100%;
  }
  .mainArea.ctg03 .imgArea .textBox {
    width: 100%;
  }
  .mainArea.ctg04 .imgArea .textBox {
    width: 100%;
  }
  .mainArea.ctg05 .imgArea .textBox {
    width: 100%;
  }
  .mainArea.ctg06 .imgArea .textBox {
    width: 100%;
  }
  .mainArea.ctg07 .imgArea .textBox {
    width: 100%;
  }
  .mainArea.ctg08 .imgArea .textBox {
    width: 100%;
  }
  .mainArea.ctg09 .imgArea .textBox {
    width: 100%;
  }
  .mainArea.ctg10 .imgArea .textBox {
    width: 100%;
  }
  .mainArea.ctg11-15 .imgArea .textBox {
    width: 100%;
  }
/* 1205 */
  .mainArea .mainNavi {
    width: 100%;
  }
  .mainArea .mainNavi li ul .title {
    color: #FFF;
    padding: 20px 35px 20px 30px;
  }
  .mainArea .mainNavi li ul li a {
    padding: 18px 25px 18px 30px;
  }
  .arrowArea {
    position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    transform: none;
    -webkit-transform: none;
    margin: 10px 0;
  }
  .arrowArea.first {
    justify-content: flex-end;
  }
  .arrow {
    position: static;
    width: auto;
  }
  .arrow a {
    display: block;
  }
  .arrow a:hover {
    text-decoration: none;
  }
  .arrow img {
    width: 24px;
    vertical-align: middle;
  }
  .arrow.prev {
    left: 0;
  }
  .arrow.prev a::after {
    content: '前へ';
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    margin-left: 15px;
    vertical-align: middle;
  }
  .arrow.next {
    right: 0;
  }
  .arrow.next a::before {
    content: '次へ';
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    margin-right: 15px;
    vertical-align: middle;
  }
  /*ctg01*/
  .mainArea.ctg01 .imgArea .textBox ul li {
    background: url("/image/jp/expo/science/jasis/ctg01_02.png") no-repeat left 7px / 5.5px auto;
  }
  /*ctg02*/
  .mainArea.ctg02 .imgArea .textBox ul li {
    background: url("/image/jp/expo/science/jasis/ctg02_02.png") no-repeat left 7px / 5.5px auto;
  }
  /*ctg03*/
  .mainArea.ctg03 .imgArea .textBox ul li {
    background: url("/image/jp/expo/science/jasis/ctg03_02.png") no-repeat left 7px / 5.5px auto;
  }
  /*ctg04*/
  .mainArea.ctg04 .imgArea .textBox ul li {
    background: url("/image/jp/expo/science/jasis/ctg04_02.png") no-repeat left 7px / 5.5px auto;
  }
  /*ctg05*/
  .mainArea.ctg05 .imgArea .textBox ul li {
    background: url("/image/jp/expo/science/jasis/ctg05_02.png") no-repeat left 7px / 5.5px auto;
  }
  /*ctg06*/
  .mainArea.ctg06 .imgArea .textBox ul li {
    background: url("/image/jp/expo/science/jasis/ctg06_02.png") no-repeat left 7px / 5.5px auto;
  }
  /*ctg07*/
  .mainArea.ctg07 .imgArea .textBox ul li {
    background: url("/image/jp/expo/science/jasis/ctg07_02.png") no-repeat left 7px / 5.5px auto;
  }
  /*ctg08*/
  .mainArea.ctg08 .imgArea .textBox ul li {
    background: url("/image/jp/expo/science/jasis/ctg08_02.png") no-repeat left 7px / 5.5px auto;
  }
  /*ctg09*/
  .mainArea.ctg09 .imgArea .textBox ul li {
    background: url("/image/jp/expo/science/jasis/ctg09_02.png") no-repeat left 7px / 5.5px auto;
  }
}
/*indexのみ
**********************/
/*index*/
.top_head {
  background: rgba(255, 255, 255, .95);
  padding: 15px 30px 13px 30px;
  border-radius: 12px;
  width: 80%;
  max-width: 555px;
  margin: 15px auto 0 auto;
  -moz-box-shadow: 0px 2px 20px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 2px 20px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 2px 20px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 20px 5px rgba(0, 0, 0, 0.4);
}
.top_head .inner {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.top_head .logo {
  width: 100px;
}
.top_head .logo img {
  max-width: 100%;
}
.top_head .r_box h1 {
  font-weight: 900;
  margin-bottom: 8px;
  font-size: 24px;
}
.top_head .r_box p {
  font-size: 14px;
}
/* 1008-test */


/* /1008-test */
.mainArea.index {
  display: block;
}
.mainArea.index .i_imgArea {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.mainArea.index .i_imgArea img {
  max-width: 100%;
  max-height: 75vh;
}
.mainArea.index #accordion {
  display: none;
}
/*画像内のメニュー*/
.mainArea.index .menunav {
  position: absolute;
  z-index: 99;
  background: #FFF;
  text-decoration: none;
  display: block;
  border-radius: 12px;
  font-size: 1em;
  min-width: 10em;
  color: #FFF;
  -moz-box-shadow: 0px 2px 20px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 2px 20px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 2px 20px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 20px 5px rgba(0, 0, 0, 0.4);
  letter-spacing: .05em;
  text-indent: .05em;
  border: solid 3px rgba(255, 255, 255, .8);
  font-weight: bold;
}
.mainArea.index .menunav.f01 {
  -webkit-animation: fuwafuwa 3s infinite linear alternate;
  animation: fuwafuwa 3s infinite linear alternate;
}
.mainArea.index .menunav.f02 {
  -webkit-animation: fuwafuwa02 3.5s infinite linear alternate;
  animation: fuwafuwa02 3.5s infinite linear alternate;
}
@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes fuwafuwa {
  0% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes fuwafuwa02 {
  0% {
    -webkit-transform: translateY(-18px);
  }
  40% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-18px);
  }
}
@keyframes fuwafuwa02 {
  0% {
    transform: translateY(-18px);
  }
  60% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-18px);
  }
}
.mainArea.index .menunav li {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mainArea.index .menunav .d_btn {
  color: #FFF;
  display: block;
  padding: 1em;
  border-radius: 12px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mainArea.index .menunav .d_btn span {
  display: inline-block;
  padding: 0 1.2vw 0 0.5vw;
  background: url("/image/jp/expo/science/jasis/jasis2020_10.png") no-repeat 97% 55% / .4vw auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mainArea.index .menunav .d_btn:hover span {
  background: url("/image/jp/expo/science/jasis/jasis2020_10.png") no-repeat 100% 55% / .4vw auto;
}
.mainArea.index .menunav .dropdown {
  font-size: 1em;
  padding: .8vw;
}
.mainArea.index .menunav .dropdown li {
  display: block;
  font-weight: normal;
  padding: 0 0 0 .5vw;
  margin-bottom: .4vw;
  text-align: left;
  background: url("/image/jp/expo/science/jasis/jasis2020_11.png") no-repeat left 50% / .2vw auto;
}
.mainArea.index .menunav .dropdown li:last-of-type {
  margin-bottom: 0;
}
.mainArea.index .dropdown {
  display: none;
}
/*ブース内プレゼンテーション*/
.mainArea.index .menunav.ctg00 {
  left: 39%;
  top: 59%;
  background: #0d2346;
}
.mainArea.index .menunav.ctg00 .d_btn:hover {
  background: #091c3b;
}
/*分離分析*/
.mainArea.index .menunav.ctg01 {
  left: 12%;
  top: 24%;
  background: #0054a7;
  z-index: 100;
}
.mainArea.index .menunav.ctg01 .d_btn:hover {
  background: #004993;
}
/*分光分析*/
.mainArea.index .menunav.ctg02 {
  left: 30%;
  top: 18%;
  background: #f29500;
}
.mainArea.index .menunav.ctg02 .d_btn:hover {
  background: #e08400;
}
/*分光分析*/
.mainArea.index .menunav.ctg03 {
  left: 12%;
  top: 0%;
  background: #70347e;
  z-index: 101;
}
.mainArea.index .menunav.ctg03 .d_btn:hover {
  background: #5e286c;
}
/*RoHS・IoT*/
.mainArea.index .menunav.ctg04 {
  left: 64%;
  top: 52%;
  background: #448fc7;
}
.mainArea.index .menunav.ctg04 .d_btn:hover {
  background: #3476a8;
}
/*オンサイト分析*/
.mainArea.index .menunav.ctg05 {
  left: 50%;
  top: 18%;
  background: #a26c39;
}
.mainArea.index .menunav.ctg05 .d_btn:hover {
  background: #8a5c2e;
}
/*物性分析*/
.mainArea.index .menunav.ctg06 {
  left: 4%;
  top: 43%;
  background: #703c1b;
}
.mainArea.index .menunav.ctg06 .d_btn:hover {
  background: #653316;
}
/*表面分析・構造解析*/
.mainArea.index .menunav.ctg07 {
  left: 75%;
  top: 39%;
  background: #e24931;
}
.mainArea.index .menunav.ctg07 .d_btn:hover {
  background: #c1402a;
}
/*滴定・水分・水銀・TOC測定*/
.mainArea.index .menunav.ctg08 {
  left: 70%;
  top: 0%;
  background: #51a938;
}
.mainArea.index .menunav.ctg08 .d_btn:hover {
  background: #42942b;
}
/*バイオ分析*/
.mainArea.index .menunav.ctg09 {
  left: 22%;
  top: 53%;
  background: #008b45;
}
.mainArea.index .menunav.ctg09 .d_btn:hover {
  background: #006e3b;
}

/*課題解決型*/
/* ブース内プレゼンテーション */
.mainArea.index .menunav.ctg10 {
  left: 3%;
  top: 56%;
  background: #152344;
  z-index: 101;
}
.mainArea.index .menunav.ctg10 .d_btn:hover {
  background: #091c3b;
}
/* ヘルスケア */
.mainArea.index .menunav.ctg11 {
  left: 63%;
  top: 27%;
  background: #152344;
  z-index: 102;
}
.mainArea.index .menunav.ctg11 .d_btn:hover {
  background: #091c3b;
}
/* 環境 */
.mainArea.index .menunav.ctg12 {
  left: 58%;
  top: 0%;
  background: #152344;
  z-index: 103;
}
.mainArea.index .menunav.ctg12 .d_btn:hover {
  background: #091c3b;
}
/* 先端材料 */
.mainArea.index .menunav.ctg13{
  left: 27%;
  top: 0%;
  background: #152344;
  z-index: 104;
}
.mainArea.index .menunav.ctg13 .d_btn:hover {
  background: #091c3b;
}
/* エレクトロニクス */
.mainArea.index .menunav.ctg14{
  left: 18%;
  top: 15%;
  background: #152344;
  z-index: 103;
}
.mainArea.index .menunav.ctg14 .d_btn:hover {
  background: #091c3b;
}
/* 業務効率化 */
.mainArea.index .menunav.ctg15{
  left: 12%;
  top: 36%;
  background: #152344;
  z-index: 102;
}
.mainArea.index .menunav.ctg15 .d_btn:hover {
  background: #091c3b;
}

h2{
  background: none;
}

@media screen and (max-width: 580px) {
  .top_head {
    width: 95%;
    max-width: initial;
    max-width: auto;
    padding: 20px;
    margin: 15px auto 10px auto;
  }
  .top_head .inner {
    display: block;
  }
  .top_head .logo {
    margin: 0 auto 15px auto;
    text-align: center;
    width: 80px;
  }
  .top_head .r_box {
    width: 100%;
  }
  .top_head .r_box h1 {
    font-size: 16px;
  }
  .top_head .r_box p {
    font-size: 13px;
  }
  .mainArea.index .i_imgArea {
    width: 95%;
  }
  .mainArea.index .menunav {
    display: none;
  }
  .mainArea.index #accordion {
    display: block;
    margin-top: 3vw;
  }
}
/*動画のみ
**********************/
.mainArea.movie {
  display: block;
  box-sizing: border-box;
  min-height: 100vh;
  min-height: -webkit-calc(100vh - 88px);
  min-height: -moz-calc(100vh - 88px);
  min-height: calc(100vh - 88px);
}
.mainArea.movie .movieWrap {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 30px;
}
.mainArea.movie .detailArea {
  width: 90%;
  margin: 0 auto;
}
.mainArea.movie .movieType {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.mainArea.movie .movieType li {
  margin: 0 5px 5px 0;
  background: #FFF;
  color: #142a9a;
  padding: 6px 10px;
  font-size: 1em;
  border-radius: 3px;
  font-weight: bold;
}
.mainArea.movie h1 {
  font-weight: bold;
  font-size: 1.8em;
  color: #FFF;
  line-height: 1.3;
}
@media screen and (max-width: 580px) {
  #main.index.movie .content-wrap {
    padding-bottom: 0;
  }
  .mainArea.movie {
    padding: 8vw 0 2vw 0;
  }
  .mainArea.movie .movieWrap {
    width: 95%;
    margin-bottom: 4vw;
  }
  .mainArea.movie .detailArea {
    width: 95%;
    margin: 0 auto;
  }
  .mainArea.movie .movieType {
    margin-bottom: 2vw;
  }
  .mainArea.movie .movieType li {
    margin: 0 2vw 2vw 0;
    padding: 1.5vw 2.5vw;
    font-size: 1.5rem;
  }
  .mainArea.movie h1 {
    font-size: 2.8rem;
  }
}

#ren_2011 .unit_wrap#cont_01 {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 580px) {
  #ren_2011 .unit_wrap#cont_01::after {
      content: '';
      top: 0;
      left: 0;
      position: absolute;
      display: block;
      background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5)), url('/image/jp/expo/science/ren_2011/key_v_pc.jpg');
      background-repeat: no-repeat, no-repeat;
      background-size: 100% 100%, cover;
      background-position: left top, center center;
      width: 100%;
      height: 100%;
      border: 0;
      overflow: hidden;
      z-index: -1;
  }
}

#ren_2011 .unit_wrap#cont_01 .cont .list_wrap .box .photo a {
  line-height: 0;
  background-color: #ffffff;
}

#ren_2011 .unit_wrap#cont_01 .w1000 {
  padding-bottom: 180px;
}
@media screen and (max-width: 999px) {
  #ren_2011 .unit_wrap#cont_01 .w1000 {
    width: 100%;
    margin: auto 0px;
  }
}
@media screen and (max-width: 580px) {
  #ren_2011 .unit_wrap#cont_01 .w1000 {
    padding-bottom: 0px;
  }
}
#booth1-2{
  border: solid 150px #fff;
  margin: 50px 0px;
}
@media screen and (max-width: 580px) {
  #booth1-2{
    display: none;
  }
}