/*
###############################################################################
Date: 2021/3/6
contributor: Saito Harutaka
Contact: saito.harutaka@mat.eng.osaka-u.ac.jp
How to Modify: ======= >> see /Newweb/README
###############################################################################
*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.proj_expl_pc { display: block !important; }
.proj_expl_sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .proj_expl_pc { display: none !important; }
    .proj_expl_sp { display: block !important; }
}

body {
  background-image: url("../img/ant_map.png");
  background-repeat: repeat;
  color: #330000;
  font-family: ヒラギノ丸ゴ ProN;
  overflow: scroll;
  width: 100vw;
  height: 100vh;
}

.proj_expl_pc{
  overflow: hidden;
}

.proj_expl_sp{
  overflow: hidden;
}

/* PC Version */
h1.expl_title_pc {
  font-size: 50px;
  position: relative;
  left: 5vw;
  top: 0;
  word-wrap: normal;
}

p.expl_text_pc {
  font-size: 30px;
  position: relative;
  left: 10vw;
  top: 0;
  width: 80vw;
  word-wrap: normal;
  line-height: 1.3em;
}

h1.list_workers_title_pc {
  font-size: 50px;
  position: relative;
  left: 5vw;
  top: 0;
  word-wrap: normal;
}

p.list_workers_pc {
  font-size: 30px;
  position: relative;
  left: 10vw;
  top: 0;
  width: 80vw;
  word-wrap: normal;
  line-height: 0.7em;
}

.proj_image_pc {
  position: relative;
  width: 100vw;
  height: auto;
}

.go_to_jorney_pc {
  position: relative;
  top: 0;
  width: 30vw;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Cell Phone Version */
h1.expl_title_sp {
  font-size: 40px;
  position: relative;
  left: 5vw;
  top: 0;
  word-wrap: normal;
}

p.expl_text_sp {
  font-size: 25px;
  position: relative;
  left: 10vw;
  top: 0;
  width: 80vw;
  word-wrap: normal;
  line-height: 1.3em;
}

h1.list_workers_title_sp {
  font-size: 40px;
  position: relative;
  left: 5vw;
  top: 0;
  word-wrap: normal;
}

p.list_workers_sp {
  font-size: 25px;
  position: relative;
  left: 10vw;
  top: 0;
  width: 80vw;
  word-wrap: normal;
  line-height: 0.7em;
}

.proj_image_sp {
  position: relative;
  width: 100vw;
  height: auto;
}

.go_to_jorney_sp {
  position: relative;
  top: 0;
  width: 50vw;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}