/* CSS Document */
body {
  margin: 0;
  font-family: 'Barlow', 'Noto Sans JP', sans-serif;
  color: #1A1A1A; }

p {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.05em; }

h1, h2, h3, h4, h5 {
  margin: 0;
  letter-spacing: .08em; }

img, video {
  display: block;
  width: 100%; }

.d-none {
  display: none; }

@media screen and (min-width: 769px) and (orientation: landscape) {
  .d-md-block {
    display: block; }

  .d-md-none {
    display: none; } }
.inner {
  max-width: 1366px;
  padding: 0 30px;
  margin: 0 auto; }

.row {
  display: flex; }
  @media not screen and (min-width: 769px) and (orientation: landscape) {
    .row .col-md-4 {
      width: 100%; }
      .row .col-md-4:not(:last-child) {
        margin-bottom: 1em; } }
  .row.flex-d-column {
    flex-direction: column; }
  @media screen and (min-width: 769px) and (orientation: landscape) {
    .row.flex-md-d-row {
      flex-direction: row; }
    .row .col-md-4 {
      width: calc(100% / 3);
      padding: 0 1em;
      margin-bottom: 0; } }

.page-header {
  background: #fff;
  position: fixed;
  width: 100%;
  z-index: +1;
  box-shadow: 0 1px 3px #0000001a;
  height: 57px; }
  .page-header .row {
    justify-content: space-between;
    height: 100%; }
  .page-header .logo {
    width: 120px;
    display: flex;
    padding: 0 0.5em; }
  .page-header .ct {
    display: flex; }
    .page-header .ct > a img {
      height: 57px; 
			width: auto;}

.fv {
  padding-top: 57px; }
  .fv .wrapper {
    position: relative; }
  .fv .copy {
    position: absolute;
    top: 1em;
    left: 1em;
    width: calc(100vw - 2em); }
  .fv .jisseki {
    position: absolute;
    left: .5em;
    bottom: .5em;
    width: calc(100vw - 1em); }
  @media screen and (min-width: 769px) and (orientation: landscape) {
    .fv .copy {
      width: 40%; } }

section {
  padding: 30px 0; }
  section .sec-header {
    text-align: center;
    margin-bottom: 1em; }
  @media screen and (min-width: 769px) and (orientation: landscape) {
    section {
      padding: 50px 0 70px; }
      section .sec-header {
        margin-bottom: 2em; }
        section .sec-header h2 {
          font-size: 36px; } }

.company {
  background-color: #D7383B;
  color: #fff; }
  .company .movie {
    max-width: 710px;
    margin: auto;
    overflow: hidden;
    border-radius: 1.5em;
    position: relative; }
    .company .movie .play-btn {
      display: block;
      width: 20%;
      max-width: 80px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      transition: .2s; }
      .company .movie .play-btn.playActive {
        display: none; }
      .company .movie .play-btn:hover {
        cursor: pointer;
        transform: translateY(-50%) translateX(-50%) scale(1.1); }

.ct_area {
  background: url("../img/lp_radio/bg_dot.svg") center repeat;
  padding: 30px 0; }
  .ct_area row {
    margin: 0 -1em; }
  .ct_area a > img {
    transition: .2s; }
    .ct_area a > img:hover {
      transform: scale(1.01); }

.manga {
  padding: 50px 0;
  background-color: #EFB621;
  color: #fff; }
  .manga .box {
    position: relative; }
    .manga .box .thumb {
      box-shadow: 0 4px 12px #00000052;
      margin: 2em auto 2.5em;
      width: 70%; }
    .manga .box .content {
      text-align: center; }
      .manga .box .content .btn {
        display: block;
        width: 210px;
        margin: auto; }
  @media screen and (min-width: 769px) and (orientation: landscape) {
    .manga {
      padding: 70px 0; }
      .manga .box {
        border: 4px solid #fff;
        padding: 50px 0px 50px 180px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 550px;
        margin: 90px auto; }
        .manga .box .thumb {
          position: absolute;
          left: -30px;
          top: 38%;
          transform: translateY(-50%);
          width: 240px; }
        .manga .box .content h3 {
          font-size: 24px;
          margin-bottom: 1em;
          line-height: 1.4; }
        .manga .box .content .btn {
          transition: .2s; }
          .manga .box .content .btn:hover {
            transform: scale(1.05); } }

.feature {
  background-color: #8CC5C5; }
  .feature .card {
    position: relative;
    padding: 2em 1.5em 1em;
    background: #fff;
    border-radius: 1.5em;
    text-align: center; }
    .feature .card .card-header {
      text-align: center;
      display: inline;
      background-image: linear-gradient(transparent 50%, #ffc800 0%);
      font-size: 1.42em;
      font-weight: 900; }
    .feature .card .media {
      margin-top: 1em;
      margin-bottom: 1em; }
    .feature .card .txt {
      text-align: left; }
    .feature .card::before {
      position: absolute;
      top: -20px;
      left: -20px;
      width: 50px;
      content: url("../img/lp_radio/bub_01.svg"); }
  .feature .col-md-3:nth-child(2) .card::before {
    content: url("../img/lp_radio/bub_02.svg"); }
  .feature .col-md-3:nth-child(3) .card::before {
    content: url("../img/lp_radio/bub_03.svg"); }
  .feature .col-md-3:nth-child(4) .card::before {
    content: url("../img/lp_radio/bub_04.svg"); }
  @media not screen and (min-width: 769px) and (orientation: landscape) {
    .feature .col-md-3:not(:last-child) {
      margin-bottom: 2em; } }
  @media screen and (min-width: 769px) and (orientation: landscape) {
    .feature {
      padding: 70px 0 90px; }
      .feature .sec-header {
        margin-bottom: 3.5em; }
      .feature .row {
        margin: 0 -1em; }
      .feature .col-md-3 {
        width: 25%;
        padding: 0 1em;
        display: flex;
        align-items: stretch; } }

footer {
  text-align: center; }
  footer .call_wrapper {
    padding: 30px 0; }
    footer .call_wrapper a {
      display: block;
      max-width: 380px;
      margin: auto; }
  footer .auth {
    background: #1a1a1a;
    color: #fff;
    font-size: 11px;
    padding: 0.5em; }

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