@charset "UTF-8";
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2em;
  background-color: rgba(244, 244, 244, 0); }

/*
---------------------------------------------------------------------------------------------------------------------
共通
---------------------------------------------------------------------------------------------------------------------
*/
.YokoScroll {
  display: flex;
  align-items: center;
  overflow: hidden; }
  .YokoScroll .slideshow {
    display: flex; }
    .YokoScroll .slideshow figure img {
      width: auto;
      height: 50px; }
      @media (min-width: 768px) {
        .YokoScroll .slideshow figure img {
          height: 60px; } }
      @media (min-width: 1024px) {
        .YokoScroll .slideshow figure img {
          height: 80px; } }
      @media (min-width: 1450px) {
        .YokoScroll .slideshow figure img {
          height: 100px; } }
    .YokoScroll .slideshow.show1 {
      animation: loop-slide 300s infinite linear 1s both; }
@keyframes loop-slide {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
.common-title {
  position: relative; }
  .common-title .scroll-area {
    text-align: center;
    position: relative; }
    .common-title .scroll-area h3 {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.9em;
      font-weight: 500; }
      @media (min-width: 768px) {
        .common-title .scroll-area h3 {
          font-size: 1.0em; } }
      @media (min-width: 1200px) {
        .common-title .scroll-area h3 {
          font-size: 1.125em; } }
  .common-title h2 {
    position: relative;
    font-size: 1.125em;
    line-height: 1.3em;
    text-align: center;
    margin-top: -16px; }
    @media (min-width: 768px) {
      .common-title h2 {
        font-size: 1.5em; } }
    @media (min-width: 1200px) {
      .common-title h2 {
        font-size: 2.25em; } }
  .common-title.noir h3 {
    color: #8B837F; }
  .common-title.noir h2 {
    color: #222324; }
  .common-title.blanc h3, .common-title.blanc h2 {
    color: #fff; }

.sab-common-title {
  position: relative; }
  .sab-common-title.gray {
    color: #8B837F; }
  .sab-common-title img {
    width: auto;
    height: 60px; }
    @media (min-width: 1024px) {
      .sab-common-title img {
        height: 100px; } }
  .sab-common-title h3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
    font-weight: 500; }
    @media (min-width: 768px) {
      .sab-common-title h3 {
        font-size: 1.0em; } }
    @media (min-width: 1200px) {
      .sab-common-title h3 {
        font-size: 1.125em; } }

.common-subheading.color-wh h4 {
  color: #fff; }
.common-subheading .tag {
  position: relative; }
  .common-subheading .tag h3 {
    font-size: 0.9em;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid #7D7775;
    color: #7D7775;
    padding: 5px 15px; }
    @media (min-width: 1024px) {
      .common-subheading .tag h3 {
        font-size: 1.0em;
        padding: 8px 18px; } }
  .common-subheading .tag img {
    width: 15px;
    position: absolute;
    bottom: -12px;
    left: 50px; }
.common-subheading h4 {
  position: relative;
  font-family: "Outfit", sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  padding-left: 16px;
  margin-top: 18px; }
  @media (min-width: 1024px) {
    .common-subheading h4 {
      font-size: 1.125em;
      margin-top: 18px; } }
  .common-subheading h4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 0;
    display: flex;
    margin: auto;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%; }

/*
---------------------------------------------------------------------------------------------------------------------
オエオエとまなぼ
---------------------------------------------------------------------------------------------------------------------
*/
#oeoe-manabo {
  background: linear-gradient(to bottom, #F5AAB0, #EF7698);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 40px 0 80px; }
  @media (min-width: 1024px) {
    #oeoe-manabo {
      border-top-left-radius: 40px;
      border-top-right-radius: 40px;
      padding: 80px 0 120px; } }
  #oeoe-manabo .movie {
    position: relative; }
  #oeoe-manabo .title-newMovie {
    max-width: 1600px;
    margin: auto;
    width: 90%; }
    @media (min-width: 768px) {
      #oeoe-manabo .title-newMovie .manabo-movie {
        display: flex; } }
    #oeoe-manabo .title-newMovie .manabo-movie .title {
      text-align: center; }
      @media (min-width: 768px) {
        #oeoe-manabo .title-newMovie .manabo-movie .title {
          width: 260px;
          margin-top: 20px; } }
      @media (min-width: 1024px) {
        #oeoe-manabo .title-newMovie .manabo-movie .title {
          margin-top: auto; } }
      @media (min-width: 1200px) {
        #oeoe-manabo .title-newMovie .manabo-movie .title {
          width: 320px; } }
      @media (min-width: 1400px) {
        #oeoe-manabo .title-newMovie .manabo-movie .title {
          width: 360px; } }
      #oeoe-manabo .title-newMovie .manabo-movie .title .title-in {
        width: 90%;
        margin: 20px auto 0; }
        @media (min-width: 768px) {
          #oeoe-manabo .title-newMovie .manabo-movie .title .title-in {
            margin: 0 auto 0 0; } }
        #oeoe-manabo .title-newMovie .manabo-movie .title .title-in p {
          font-size: 1em;
          line-height: 1.4em;
          color: #fff;
          margin-top: 10px; }
          @media (min-width: 1200px) {
            #oeoe-manabo .title-newMovie .manabo-movie .title .title-in p {
              font-size: 1.125em;
              margin-top: 20px; } }
    #oeoe-manabo .title-newMovie .manabo-movie .movie-area {
      margin-top: 20px; }
      @media (min-width: 768px) {
        #oeoe-manabo .title-newMovie .manabo-movie .movie-area {
          width: calc(100% - 260px);
          margin-top: 0; } }
      @media (min-width: 1200px) {
        #oeoe-manabo .title-newMovie .manabo-movie .movie-area {
          width: calc(100% - 320px); } }
      @media (min-width: 1400px) {
        #oeoe-manabo .title-newMovie .manabo-movie .movie-area {
          width: calc(100% - 360px); } }
      @media (min-width: 1024px) {
        #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new {
          display: flex; } }
      @media (min-width: 1024px) {
        #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .movie {
          width: 60%; } }
      #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .movie .thumbnail img {
        border-radius: 15px; }
        @media (min-width: 1024px) {
          #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .movie .thumbnail img {
            border-radius: 30px; } }
      #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .txt {
        margin-top: 6px; }
        @media (min-width: 1024px) {
          #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .txt {
            width: 40%;
            display: flex;
            align-items: center;
            padding-left: 5%;
            margin-top: 0; } }
        #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .txt .txt-in {
          color: #fff; }
          #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .txt .txt-in h3 {
            font-size: 1.125em;
            font-weight: 700;
            font-feature-settings: "palt";
            letter-spacing: 0.04em;
            line-height: 1.6em;
            text-align: justify; }
            @media (min-width: 768px) {
              #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .txt .txt-in h3 {
                font-size: 1.25em; } }
            @media (min-width: 1200px) {
              #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .txt .txt-in h3 {
                font-size: 1.5em; } }
          #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .txt .txt-in ul {
            display: flex;
            margin-top: 10px; }
            @media (min-width: 1024px) {
              #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .txt .txt-in ul {
                margin-top: 20px; } }
            #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .txt .txt-in ul li {
              font-size: 0.9em;
              margin-right: 20px; }
              @media (min-width: 1200px) {
                #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .txt .txt-in ul li {
                  font-size: 1.0em; } }
              #oeoe-manabo .title-newMovie .manabo-movie .movie-area .manabo-new .txt .txt-in ul li:last-child {
                margin-right: 0; }
  #oeoe-manabo .past-movie {
    padding-left: 5%; }
    @media (min-width: 768px) {
      #oeoe-manabo .past-movie {
        margin-top: -40px; } }
    @media (min-width: 1024px) {
      #oeoe-manabo .past-movie {
        display: flex;
        margin-top: 40px; } }
    @media (min-width: 768px) {
      #oeoe-manabo .past-movie.box {
        display: block; } }
    @media (min-width: 1024px) {
      #oeoe-manabo .past-movie.box {
        display: flex; } }
    #oeoe-manabo .past-movie .btn-area {
      margin: 20px 0 0 auto;
      padding: 0 5% 0 0; }
      @media (min-width: 768px) {
        #oeoe-manabo .past-movie .btn-area {
          margin: 0;
          padding: 0; } }
      @media (min-width: 1024px) {
        #oeoe-manabo .past-movie .btn-area {
          width: 260px;
          margin-top: 0; } }
      @media (min-width: 1200px) {
        #oeoe-manabo .past-movie .btn-area {
          width: 320px; } }
      @media (min-width: 1400px) {
        #oeoe-manabo .past-movie .btn-area {
          width: 360px; } }
      #oeoe-manabo .past-movie .btn-area a {
        display: inline-block; }
  #oeoe-manabo .manabo-card {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: -20px;
    padding-top: 50px; }
    @media (min-width: 1024px) {
      #oeoe-manabo .manabo-card {
        width: calc(100% - 260px);
        margin-top: -60px;
        padding-top: 60px; } }
    @media (min-width: 1200px) {
      #oeoe-manabo .manabo-card {
        width: calc(100% - 320px); } }
    @media (min-width: 1400px) {
      #oeoe-manabo .manabo-card {
        width: calc(100% - 360px); } }
    #oeoe-manabo .manabo-card .swiper-slide {
      width: 180px;
      margin: 0 15px 0 0; }
      @media (min-width: 768px) {
        #oeoe-manabo .manabo-card .swiper-slide {
          width: 200px;
          margin: 0 20px 0 0; } }
      #oeoe-manabo .manabo-card .swiper-slide:last-child {
        margin-right: 3%; }
    #oeoe-manabo .manabo-card .thumbnail img {
      border-radius: 10px; }
      @media (min-width: 1024px) {
        #oeoe-manabo .manabo-card .thumbnail img {
          border-radius: 15px; } }
    #oeoe-manabo .manabo-card .swiper-button-prev, #oeoe-manabo .manabo-card .swiper-button-next {
      top: 30px;
      right: 20px; }
    #oeoe-manabo .manabo-card .swiper-button-prev {
      right: 56px;
      left: inherit; }
      @media (min-width: 1024px) {
        #oeoe-manabo .manabo-card .swiper-button-prev {
          right: 70px; } }

/*
---------------------------------------------------------------------------------------------------------------------
ポッドキャスト
---------------------------------------------------------------------------------------------------------------------
*/
#podcast {
  background: linear-gradient(to bottom, #A9CAEB, #A99AEB);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin: -0.5px 0 0 0;
  padding: 40px 0 80px; }
  @media (min-width: 1024px) {
    #podcast {
      border-top-left-radius: 40px;
      border-top-right-radius: 40px;
      padding: 80px 0 120px; } }
  #podcast .podcast-in {
    max-width: 1400px;
    width: 90%;
    margin: auto; }
    #podcast .podcast-in .ungaii-radio {
      margin-top: 20px; }
      @media (min-width: 768px) {
        #podcast .podcast-in .ungaii-radio {
          display: flex; } }
      @media (min-width: 768px) {
        #podcast .podcast-in .ungaii-radio .info {
          width: 280px; } }
      @media (min-width: 1024px) {
        #podcast .podcast-in .ungaii-radio .info {
          width: 300px; } }
      @media (min-width: 1200px) {
        #podcast .podcast-in .ungaii-radio .info {
          width: 340px;
          margin-top: 40px; } }
      #podcast .podcast-in .ungaii-radio .info .photo {
        width: 80%;
        margin: auto; }
        @media (min-width: 768px) {
          #podcast .podcast-in .ungaii-radio .info .photo {
            width: 100%; } }
        #podcast .podcast-in .ungaii-radio .info .photo img {
          border-radius: 10px; }
          @media (min-width: 1024px) {
            #podcast .podcast-in .ungaii-radio .info .photo img {
              border-radius: 20px; } }
      #podcast .podcast-in .ungaii-radio .info p {
        font-size: 0.9em;
        line-height: 1.6em;
        text-align: justify;
        color: #fff;
        margin-top: 10px; }
        @media (min-width: 1024px) {
          #podcast .podcast-in .ungaii-radio .info p {
            font-size: 1.125em;
            margin-top: 20px; } }
      #podcast .podcast-in .ungaii-radio .info .btn-area {
        margin-top: 20px; }
      #podcast .podcast-in .ungaii-radio .info .podcast-link ul {
        margin-top: 10px;
        display: flex;
        padding-bottom: 5px; }
        #podcast .podcast-in .ungaii-radio .info .podcast-link ul li {
          margin-right: 4px;
          color: #fff; }
          #podcast .podcast-in .ungaii-radio .info .podcast-link ul li:last-child {
            margin-right: 0; }
          #podcast .podcast-in .ungaii-radio .info .podcast-link ul li a {
            font-size: 0.8em;
            font-weight: 500;
            margin-right: 4px;
            position: relative;
            color: #fff; }
            @media (min-width: 1024px) {
              #podcast .podcast-in .ungaii-radio .info .podcast-link ul li a {
                font-size: 0.9em; } }
            #podcast .podcast-in .ungaii-radio .info .podcast-link ul li a::after {
              position: absolute;
              bottom: -2px;
              left: 0;
              content: '';
              width: 100%;
              height: 1px;
              background: #fff;
              transform: scale(0, 1);
              transform-origin: right top;
              transition: transform .3s; }
            #podcast .podcast-in .ungaii-radio .info .podcast-link ul li a:hover::after {
              transform-origin: left top;
              transform: scale(1, 1); }
      #podcast .podcast-in .ungaii-radio .radio-post {
        margin-top: 20px; }
        @media (min-width: 768px) {
          #podcast .podcast-in .ungaii-radio .radio-post {
            width: calc(100% - 280px);
            padding-left: 5%;
            margin-top: 0; } }
        @media (min-width: 1024px) {
          #podcast .podcast-in .ungaii-radio .radio-post {
            width: calc(100% - 300px); } }
        @media (min-width: 1200px) {
          #podcast .podcast-in .ungaii-radio .radio-post {
            width: calc(100% - 340px); } }
        #podcast .podcast-in .ungaii-radio .radio-post ul li {
          margin-bottom: 15px; }
          @media (min-width: 768px) {
            #podcast .podcast-in .ungaii-radio .radio-post ul li {
              margin-bottom: 20px; } }
          @media (min-width: 1200px) {
            #podcast .podcast-in .ungaii-radio .radio-post ul li {
              margin-bottom: 30px; } }
          #podcast .podcast-in .ungaii-radio .radio-post ul li:last-child {
            margin-bottom: 0; }
          #podcast .podcast-in .ungaii-radio .radio-post ul li a:hover .radio-box > .txt > .txt-in > h3 {
            color: #433583; }
          #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box {
            display: flex; }
            #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box .imgWrap {
              width: 35%;
              border-radius: 5px; }
              @media (min-width: 1024px) {
                #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box .imgWrap {
                  width: 30%;
                  border-radius: 10px; } }
              #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box .imgWrap img {
                border-radius: 5px; }
                @media (min-width: 1024px) {
                  #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box .imgWrap img {
                    border-radius: 10px; } }
            #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box .txt {
              width: 65%;
              display: flex;
              align-items: center;
              padding-left: 10px; }
              @media (min-width: 1024px) {
                #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box .txt {
                  padding-left: 20px;
                  width: 70%; } }
              #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box .txt .txt-in {
                color: #fff; }
                #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box .txt .txt-in h3 {
                  font-size: 1.0em;
                  font-weight: bold;
                  line-height: 1.4em;
                  font-feature-settings: "palt";
                  letter-spacing: 0.04em;
                  transition: .5s;
                  word-break: break-all;
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
                  overflow: hidden; }
                  @media (min-width: 768px) {
                    #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box .txt .txt-in h3 {
                      font-size: 1.15em; } }
                  @media (min-width: 1200px) {
                    #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box .txt .txt-in h3 {
                      font-size: 1.5em; } }
                #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box .txt .txt-in h5 {
                  font-size: 0.80em;
                  font-weight: 500;
                  margin-top: 3px; }
                  @media (min-width: 1024px) {
                    #podcast .podcast-in .ungaii-radio .radio-post ul li a .radio-box .txt .txt-in h5 {
                      font-size: 0.9em;
                      margin-top: 5px; } }