.bg-blue {
  background-color: #01496f !important; }

a.bg-blue:hover, a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus {
  background-color: #01496f !important; }



  .about-frame {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .about-bg-img {
    width: 800px;
    height: 450px;
    display: block;
  }

  .about-content {
    position: absolute;
    width: 100%;
    padding: 80px 20px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    color: #01496f;
    box-sizing: border-box;

  }

  .about-content div {
    max-width: 600px;
    margin: 0 auto;
    line-height: 2.3rem;
    font-weight: bold;
  }
  .about-text {
    font-size: 1.2rem;    
  }

@media (max-width: 768px) {
  .about-text {
    font-size: small;
  }
  .about-content div{
    line-height: 1.3rem;
  }
  .about-bg-img {
    height: 325px;
  }
  .ttl-img {
    width: 60vw;
  }
  .ttl-img2 {
    width: 40vw;
  }
  .podcast-section {
  background: #ECF0F8;
  padding: 0;
}
}

.podcast-section {
  background: #ECF0F8;
  padding: 3rem 0;
}
.podcast-inner {
  background: #01496f;
  color: white;
  border-radius: 2rem;
  letter-spacing: .1rem;
}


.pc-only {display: block;}
.sp-only {display: none;}

@media screen and (max-width: 769px) {
	.pc-only {display: none;}
	.sp-only {display: block;}
}