/* include file scss */
@font-face {
  font-family: 'Noto Sans JP';
  src: url("../fonts/Noto_Sans_JP/NotoSansJP-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans JP';
  src: url("../fonts/Noto_Sans_JP/NotoSansJP-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans JP';
  src: url("../fonts/Noto_Sans_JP/NotoSansJP-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans JP';
  src: url("../fonts/Noto_Sans_JP/NotoSansJP-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans JP';
  src: url("../fonts/Noto_Sans_JP/NotoSansJP-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans JP';
  src: url("../fonts/Noto_Sans_JP/NotoSansJP-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans JP';
  src: url("../fonts/Noto_Sans_JP/NotoSansJP-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans JP';
  src: url("../../fonts/Noto_Sans_JP/NotoSansJP-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans JP';
  src: url("../../fonts/Noto_Sans_JP/NotoSansJP-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #081838;
  line-height: normal;
  font-style: normal; }
  body.no-scroll {
    overflow: hidden; }

.single-post .type-post a, .single-post .type-post a:visited {
  color: #0070ba;
  text-decoration: none; }

.single-post .type-post a:hover {
  text-decoration: underline; }

.single-post .type-post ol {
  list-style-type: numbee; }

/* Track */
/*-- Common code for theme --*/
/** Common code **/
.ul-menu-class li {
  padding-bottom: 5px;
  border-bottom: 3px solid transparent; }
  .ul-menu-class li.current_page_item {
    border-bottom: 3px solid #2CA3DD; }
  .ul-menu-class li:hover {
    border-bottom: 3px solid #2CA3DD;
    transition: 0.5s; }

@media not all and (min-width: 768px) {
  .ul-menu-class li.current_page_item {
    border-width: thin; }
  .body-content-wrapper {
    margin-top: 60px; } }

.video-introduce iframe {
  width: 100%; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000; }

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

@media screen and (min-width: 1024px) {
  .video-container {
    width: 880px;
    height: 460px;
    padding-bottom: 0; }
  .video-container iframe {
    width: 880px;
    height: 460px; } }

.bg-custom-gradient {
  background: linear-gradient(90deg, #2CA3DD 0%, #036EB4 100%); }

.cloud {
  position: relative;
  max-width: 100%;
  background: url("../images/cloud.svg") no-repeat;
  background-size: contain;
  color: white;
  display: flex;
  justify-content: center; }
  .cloud div {
    position: absolute;
    text-align: left;
    width: 76%; }
    .cloud div p span {
      position: relative; }
      .cloud div p span::before {
        content: url("../images/cloud-arrow.svg");
        position: absolute;
        left: -25px; }

/*# sourceMappingURL=main.css.map */