.before-flex {
  width: 100%;
  height: 100%;
}
.display-flex {
  display: -webkit-flex;
  display: flex;
}
.font-normal {
  font-weight: normal;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: bold;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
/* * */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
}
/* end of * */
html,
body {
  /*line-height: 1.5;*/
  font-size: 16px;
  background-color: white;
  color: #333333;
}
/* p */
p {
  text-align: justify;
}
/* end of p */
/* a */
a {
  color: #333333;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}
a:focus,
a:hover {
  color: #ff8f33;
  text-decoration: none;
}
a img {
  opacity: 1;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
a:focus img,
a:hover img {
  opacity: 0.7;
}
p > a {
  color: #ff7300;
}
th a,
td a {
  color: #ff7300;
}
/* end of a */
/* blockquote */
blockquote {
  position: relative;
  background-color: #f2f2f2;
  border-left: 10px solid #cccccc;
  padding: 50px 20px 15px;
  font-size: 87.5%;
}
blockquote::before {
  position: absolute;
  top: -10px;
  left: 10px;
  color: #cccccc;
  font-size: 70px;
  quotes: "\201C" "\201D";
  content: open-quote;
}
/* end of blockquote */
/* .telas-raw-container */
.telas-raw-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  .telas-raw-container {
    max-width: 768px;
  }
}
/* end of .telas-raw-container */
/* .telas-container */
.telas-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .telas-container {
    max-width: 768px;
  }
}
/* end of .telas-container */
/* .telas-button */
.telas-button {
  display: inline-block;
  text-align: center;
  border-radius: 3rem;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: none;
  outline: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: bold;
  width: 100%;
  background-color: #00aaff;
  color: white;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.telas-button.sm {
  font-size: 87.5%;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.telas-button.lg {
  font-size: 125%;
  padding-left: 36px;
  padding-right: 36px;
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (min-width: 768px) {
  .telas-button {
    width: auto;
    min-width: 120px;
  }
}
.telas-button:focus,
.telas-button:hover {
  background-color: #33bbff;
  color: white;
}
/* end of .telas-button */
/* header */
header {
  position: fixed;
  width: 100%;
  z-index: 9999;
}
.telas-navbar {
  padding: 15px 0;
  box-shadow: 0 0 2px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.telas-navbar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.telas-navbar-list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.telas-navbar-list::before {
  width: 100%;
  height: 100%;
}
.telas-navbar-list > * {
  display: list-item;
  font-size: 0;
}
.telas-navbar-list .telas-navbar-menu {
  display: none;
}
.telas-navbar-toggle {
  border: none;
  float: none;
  background: none;
  padding: 8px 6px;
}
.telas-navbar-toggle .icon-bar {
  background-color: #333;
  width: 16px;
  display: block;
  height: 2px;
  border-radius: 1px;
}
.telas-navbar-toggle .icon-bar + .icon-bar {
  margin-top: 3px;
}
.telas-navbar-left {
  width: 56px;
}
.telas-navbar-logo > img {
  height: 28px;
}
.telas-navbar-menu {
  font-size: 87.5%;
  font-weight: 600;
}
.telas-navbar-right {
  width: 56px;
}
.telas-navbar-collapse {
  margin-top: 15px !important;
}
.telas-navbar-collapse.in {
  display: block;
  overflow-y: auto;
}
.telas-navbar-collapse .telas-navbar-menu {
  display: list-item;
  padding: 10px;
}
.telas-navbar-collapse .telas-navbar-menu:hover {
  background-color: #f0f0f0;
}
@media (min-width: 768px) {
  .telas-navbar-list .telas-navbar-menu {
    display: list-item;
    line-height: 20px;
    padding: 10px 0;
  }
  .telas-navbar-left {
    display: none;
  }
  .telas-navbar-logo > img {
    height: 40px;
    padding: 0 10px;
  }
  .telas-navbar-right {
    order: 1;
  }
  .telas-navbar-list > .telas-navbar-menu {
    order: 2;
  }
  .telas-navbar-collapse,
  .telas-navbar-collapse.in {
    display: none;
  }
  .telas-navbar-collapse .telas-navbar-menu {
    display: none;
  }
}
/* end of header */
/* main */
main {
  padding-top: 58px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  main {
    padding-top: 70px;
  }
}
/* end of main */
/* footer */
.telas-footer {
  background: #333333;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}
.telas-footer .telas-footer-logo {
  height: 25px;
}
.telas-footer .telas-footer-bar {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 0.25rem;
  border-top: 1px solid #4d4d4d;
  margin-top: 15px;
  color: #999999;
  font-size: 70%;
}
.telas-footer .telas-footer-bar::before {
  width: 100%;
  height: 100%;
}
.telas-footer .telas-footer-bar > ul {
  margin: 0;
}
.telas-footer .telas-footer-bar > ul > li {
  display: inline-block;
}
.telas-footer .telas-footer-bar > ul > li > a {
  color: #999999;
}
.telas-footer .telas-footer-bar > ul > li > a:focus,
.telas-footer .telas-footer-bar > ul > li > a:hover {
  color: #ff8f33;
}
.telas-footer .telas-footer-bar > ul > li + li::before {
  padding: 0 0.6rem;
  color: #4d4d4d;
  content: "|\00a0";
}
/* end of footer */
/* フッター下部固定 */
html {
  min-height: 100%;
  position: relative;
}
body {
  margin-bottom: 91px;
}
footer {
  position: absolute;
  bottom: 0;
  height: 91px;
  width: 100%;
}
/* end of フッター下部固定 */
/* .telas-main-header */
.telas-main-header {
  margin-top: 50px;
  margin-bottom: 70px;
}
.telas-main-header-title {
  font-size: 24px;
  line-height: 1.1;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
}
.telas-main-header-excerpt {
  font-size: 12px;
  line-height: 1.3;
  margin-top: 5px;
  color: #999;
}
/* end of .telas-main-header */
/* .telas-singular */
.telas-singular .eyecatch {
  margin-bottom: 30px;
}
.telas-singular .eyecatch img {
  width: 100%;
  height: auto;
}
/* end of .telas-singular */
/* .telas-carousel */
.telas-carousel {
  position: relative;
  overflow: hidden;
  background-color: #000;
  height: 30rem;
}
@media (min-width: 768px) {
  .telas-carousel {
    height: 25rem;
  }
}
.telas-carousel .item {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.telas-carousel .item.active {
  z-index: 1;
  opacity: 1;
}
.telas-carousel .item > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
}
.telas-carousel .item > .content-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  z-index: 10;
  left: 10%;
  right: 10%;
  top: 0;
  bottom: 38px;
}
.telas-carousel .item > .content-wrapper::before {
  width: 100%;
  height: 100%;
}
.telas-carousel .item > .content-wrapper .content {
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.telas-carousel .carousel-indicators {
  font-size: 0;
  bottom: 30px;
  margin-bottom: 0;
}
.telas-carousel .carousel-indicators li {
  margin: 0 1.5%;
  width: 17%;
  border-radius: 8px;
  border: none;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.5);
}
.telas-carousel .carousel-indicators li.active {
  height: 8px;
  background-color: #ffffff;
}
/* end of .telas-carousel */
/* .telas-feature */
.telas-feature-list::before {
  width: 100%;
  height: 100%;
}
.telas-feature-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1px;
  margin-bottom: -1px;
}
.telas-feature {
  padding-top: 1px;
  padding-bottom: 1px;
  width: -webkit-calc((100% - 2px) / 2);
  width: calc((100% - 2px) / 2);
}
@media (min-width: 768px) {
  .telas-feature {
    width: -webkit-calc((100% - 6px) / 4);
    width: calc((100% - 6px) / 4);
  }
}
/* end of .telas-feature */
/* .telas-topic */
.telas-topic-list-header {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 175%;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .telas-topic-list-header {
    max-width: 768px;
  }
}
.telas-topic-list-footer {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .telas-topic-list-footer {
    max-width: 768px;
  }
}
.telas-topic-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  width: 100%;
  margin-top: -25px;
  margin-bottom: -25px;
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.telas-topic-list::before {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .telas-topic-list {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .telas-topic-list {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.telas-topic-list > a {
  display: -webkit-flex;
  display: flex;
  background-color: #fafafa;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 2px;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  width: -webkit-calc(100% / 2 - 15px);
  width: calc(100% / 2 - 15px);
}
.telas-topic-list > a::before {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .telas-topic-list > a {
    margin-left: 15px;
    margin-right: 15px;
    width: -webkit-calc(100% / 3 - 30px);
    width: calc(100% / 3 - 30px);
  }
}
@media (min-width: 992px) {
  .telas-topic-list > a {
    margin-left: 15px;
    margin-right: 15px;
    width: -webkit-calc(100% / 4 - 30px);
    width: calc(100% / 4 - 30px);
  }
}
.telas-topic-list > a .content {
  position: relative;
  padding-bottom: 1rem;
  flex: 1;
}
.telas-topic-list > a .content .telas-banner {
  margin-bottom: 10px;
}
.telas-topic-list > a .content .telas-banner-image {
  background-color: white;
}
.telas-topic-list > a .content .title {
  font-weight: 500;
  text-align: justify;
  font-size: 87.5%;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.telas-topic-list > a .content .status {
  font-size: 75%;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 5px;
  padding-right: 5px;
}
.telas-topic-list > a .content .category {
  font-weight: 500;
  color: #999999;
}
.telas-topic-list > a .content .category.information {
  color: #33bbff;
}
.telas-topic-list > a .content .category.report {
  color: #00b377;
}
.telas-topic-list > a .content .date {
  color: #bfbfbf;
}
/* end of .telas-topic */
/* .telas-work */
.telas-work-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  width: 100%;
  margin-top: -25px;
  margin-bottom: -25px;
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.telas-work-list::before {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .telas-work-list {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .telas-work-list {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.telas-work-list > a {
  display: -webkit-flex;
  display: flex;
  background-color: #fafafa;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 2px;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  width: -webkit-calc(100% / 2 - 15px);
  width: calc(100% / 2 - 15px);
}
.telas-work-list > a::before {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .telas-work-list > a {
    margin-left: 15px;
    margin-right: 15px;
    width: -webkit-calc(100% / 3 - 30px);
    width: calc(100% / 3 - 30px);
  }
}
@media (min-width: 992px) {
  .telas-work-list > a {
    margin-left: 15px;
    margin-right: 15px;
    width: -webkit-calc(100% / 4 - 30px);
    width: calc(100% / 4 - 30px);
  }
}
.telas-work-list > a .content {
  position: relative;
  flex: 1;
}
.telas-work-list > a .content .telas-banner {
  margin-bottom: 10px;
}
.telas-work-list > a .content .telas-banner-image {
  background-color: white;
}
.telas-work-list > a .content .title {
  font-weight: 500;
  text-align: justify;
  font-size: 87.5%;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
/* end of .telas-work */
/* .telas-instructor-list */
.telas-instructor-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: -25px;
  margin-bottom: -25px;
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.telas-instructor-list::before {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .telas-instructor-list {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.telas-instructor-list .item {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  width: -webkit-calc(100% / 2 - 15px);
  width: calc(100% / 2 - 15px);
}
@media (min-width: 768px) {
  .telas-instructor-list .item {
    margin-left: 15px;
    margin-right: 15px;
    width: -webkit-calc(100% / 3 - 30px);
    width: calc(100% / 3 - 30px);
  }
}
.telas-instructor-list .item .face img {
  width: 80%;
  height: auto;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  padding: 2%;
  background-color: white;
}
.telas-instructor-list .item .name {
  font-weight: 600;
}
.telas-instructor-list .item .title {
  font-size: 75%;
}
/* end of .telas-instructor-list */
/* .telas-instructor */
.telas-instructor {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.telas-instructor::before {
  width: 100%;
  height: 100%;
}
.telas-instructor .face img {
  height: auto;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  padding: 2%;
}
.telas-instructor .name {
  font-size: 125%;
  font-weight: 600;
}
.telas-instructor .name-ruby {
  color: #b3b3b3;
  font-size: 87.5%;
}
.telas-instructor .description {
  text-align: justify;
}
.telas-instructor .face {
  margin-left: 7.5px;
  margin-right: 7.5px;
  width: -webkit-calc(100% - 15px);
  width: calc(100% - 15px);
}
.telas-instructor .face img {
  width: 80%;
}
.telas-instructor .profile {
  margin-left: 7.5px;
  margin-right: 7.5px;
  width: -webkit-calc(100% - 15px);
  width: calc(100% - 15px);
  margin-top: 15px;
}
@media (min-width: 768px) {
  .telas-instructor .face {
    width: -webkit-calc(100% / 3 - 15px);
    width: calc(100% / 3 - 15px);
  }
  .telas-instructor .face img {
    width: 100%;
  }
  .telas-instructor .profile {
    width: -webkit-calc(100% / 3 * 2 - 15px);
    width: calc(100% / 3 * 2 - 15px);
    margin-top: 0;
  }
}
/* end of .telas-instructor */
/* .telas-sitemap */
.telas-sitemap-heading {
  padding: 0 0 4px;
  margin: 0;
  border-bottom: 1px solid #cccccc;
}
.telas-sitemap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -5px;
  margin-right: -5px;
}
.telas-sitemap::before {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .telas-sitemap {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 992px) {
  .telas-sitemap {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.telas-sitemap > li {
  display: block;
  padding: 0;
  font-size: 87.5%;
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  width: -webkit-calc((100% / 1) - 10px);
  width: calc((100% / 1) - 10px);
}
@media (min-width: 768px) {
  .telas-sitemap > li {
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc((100% / 3) - 20px);
    width: calc((100% / 3) - 20px);
  }
}
@media (min-width: 992px) {
  .telas-sitemap > li {
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc((100% / 3) - 20px);
    width: calc((100% / 3) - 20px);
  }
}
.telas-sitemap > li > dl + dl {
  margin-top: 30px;
}
.telas-sitemap > li > dl > * + dd {
  padding: 0;
  margin-top: 10px;
}
/* end of .telas-sitemap */
.telas-gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item {
  max-width: -webkit-calc((100% / 3) - 1px);
  max-width: calc((100% / 3) - 1px);
  width: -webkit-calc((100% / 3) - 1px);
  width: calc((100% / 3) - 1px);
}