@charset "utf-8";
/* CSS Document */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
    margin: 0px auto;
    padding: 0px;
    font-size: 0.8em;
    width: 100%;
    height: auto;
    background: #fff;
    color: #252525;
    letter-spacing: 0.1rem;
}
p {
  line-height: 1.8rem;
}
.font-Pathway {
  font-family: 'Pathway Gothic One', sans-serif;
}
.font-Sawarabi {
  font-family: 'Sawarabi Gothic', sans-serif;
}
a {
    text-decoration: none;
    color: #fff;
}
video {
  width : 100%;
}
header {
  width: 80%;
  margin: 0 auto;
  padding: 20px 0;
}
header h1 {
  font-weight: bold;
  font-size: 32px;
}
.cont01 {
  width: 80%;
  margin: 0 auto;
  padding-top: 70px;
}
.cont01 h2 {
  font-size: 30px;
  margin-bottom: 30px;
}
.cont01 h3 {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}
.cont01 li a {
  color: #252525;
}
th {
  padding: 20px;
}
td {
  padding: 20px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-10 {
  margin-bottom: 10px;
}
.cont-prof1 img {
  width: 100%;
  height: auto;
}
.main {
  position: relative;
}
.menu {
  position: absolute;
  top: 10px;
  right: 0px;
}
.page-top{
  display: block;
  margin: 0 ;
  padding: 0 ;
}
.page-top a {
  display: block;
}
.page-top p{
  margin: 0 ;
  padding: 0 ;
  position: fixed ;
  right: 16px ;
  bottom: 16px ;
}
.move-page-top {
  cursor: pointer;
  display: block ;
  background: #ccc ;
  width: 30px ;
  height: 30px ;
  color: #fff ;
  line-height: 30px ;
  text-decoration: none ;
  text-align: center ;
  -webkit-transition:all 0.3s ;
  -moz-transition:all 0.3s ;
  transition:all 0.3s ;
}
.move-page-top:hover{
  opacity: 0.85 ;
}
@media screen and (min-width:300px) {
  /*　画面サイズが300pxからはここを読み込む　*/
  .pc_area {
    display: none;
  }
  .sp_area {
    display: block;
  }
  .pc_movie {
    display: none;
  }
  .sp_movie {
    display: block;
  }
  table {
    width: 100%;
  }
  table , td, th {
    border: 1px solid #595959;
  }
  th {
    width: 50%;
  }
  td {
    width: 50%;
  }
  .cont-prof1 {
    width: 60%;
    height: auto;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  /*　画面サイズが768pxから1024pxまではここを読み込む　*/
  .pc_area {
    display: block;
  }
  .sp_area {
    display: none;
  }
  .pc_movie {
    display: block;
  }
  .sp_movie {
    display: none;
  }
  .cont-prof1 {
    width: 40%;
    height: auto;
    margin-top: 40px;
  }
}