@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=Noto+Serif+JP:wght@200..900&display=swap');
.jp_font {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

a {
  text-decoration: none !important;
}

/**
カラー
**/

body {
  color: #ffffff !important;
}
.head_bg .bg-light{
  background-color: #000000!important;
}
.bg-gray-100 {
  background-color: #000000 !important;
}main {
  background-color: #000000 !important;
}

.txt_white {
  color:#ffffff!important;
}
.txt_black {
  color: #000000 !important;
}
.nav_scrolled_txt * {
  color: #000000 !important;
}
.font_size12 {
  font-size:12px;
}

.nav-link {
  color: #ffffff;
}
.nav-link:hover {
  color: #777272;
}

.logo_size {
  width: 200px;

}

.jp_txt {
  font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}



.date {
  font-size:12px;
}
.topic_title {
  color:#df4665;
  font-size: 14px;}
.exp {
  font-size: 14px;
}


.inline-link {
  font-weight: bold;
  color: #1190cb;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.inline-link:hover {
  color: #b7ddef;
  text-decoration: none;
}

.on_cursor {
  cursor: pointer;
}

.blog-img img {
  height: 100% !important;
  width: 100% !important;
  margin: auto !important;
}



.link_txt {
  color:#1190cb;
}
.link_txt:hover {
  color: #88d6fa!important;
}


.lead {
  font-size:1rem!important;
}


/*=======================================================
			BLOG :
========================================================*/
#blog {
  background: #ffffff;
  padding: 120px 0;
  text-align: center;
}

#blog h2 {
  margin-bottom: 60px;
}

#blog .blog-wrapper {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 15px 40px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 40px -5px rgba(0, 0, 0, 0.1);
}

#blog .blog-wrapper .blog-img {
  position: relative;
  overflow: hidden;
}

#blog .blog-wrapper .blog-img .meta-tag {
  position: absolute;
  left: 0px;
  top: 0px;
}

#blog .blog-wrapper .blog-img .meta-tag .category {
  background: #1190cb;
  text-transform: uppercase;
  color: #fff;
  padding: 15px;
}

#blog .blog-wrapper .blog-content {
  padding: 20px 40px;
}

#blog .blog-wrapper .blog-content .date {
  text-transform: uppercase;
}

#blog .blog-wrapper .blog-content h5 {
  margin: 10px 0;
}


#poster {
  background: #f9f9f9;
  padding: 120px 0;
  text-align: center;
}

#poster h2 {
  margin-bottom: 60px;
}


.site-footer {
  background: #222;
  color: #aaa;
  padding: 12px 0;
}

.site-footer a {
  color: #777;
  position: relative;
  display: inline-block;
}

.site-footer a:hover {
  color: #ffffff;
}

.site-footer a:hover:before {
  background: #ff2e63;
}

.site-footer .btn:before {
  display: none;
}
address {
  margin-bottom: 0px !important;
  margin-right:1rem!important;
}
.site-footer address {
  color: #646262;
}



.video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

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




@media (min-width: 992px) {
  .footer_container {
    max-width: 100%!important;
  }
}