@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;800&display=swap);/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  scroll-behavior: smooth;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

* {
    margin: 0;
    padding: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  /* transition: opacity 0.4s; */
  text-decoration: none;
}
a:hover {
  /* opacity: 0.6; */
}

body {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

html {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
}

_:lang(x)::-ms-backdrop,
body {
  font-family: "メイリオ", Meiryo, sans-serif;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

picture img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul li, ul ol {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 767.98px) {
    ruby[data-ruby] {
        position: relative;
    }
    ruby[data-ruby]::before {
        content: attr(data-ruby);
        position: absolute;
        left: -2em;
        top: -1.4em;
        right: -2em;
        font-size: 40%;
        text-align: center;
    }
    .Android ruby[data-ruby]::before {
        top: -.8em;
    }
    ruby[data-ruby] rt {
        display: none;
    }
}

.c-header {
  width: 100%;
  background: #ffffff;
}
.c-header__inner {
  padding: 2.6666666667vw;
}
.c-header__img {
  width: 35.2vw;
}

.c-footer {
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  text-align: center;
  box-sizing: border-box;
  background: #ffffff;
}
.c-footer__inner {
  padding: 5.3333333333vw 0;
}
.c-footer__link {
    display: flex;
    justify-content: center;
    font-size: 3vw;
    padding: 4vw 0 0;
}
.c-footer__link li {
    padding: .2rem 3vw;
    border-right: 1px #000 solid;
}
.c-footer__link li:first-child {
    border-left: 1px #000 solid;
}
.c-footer__link li a {
    color: #000;
    transition: opacity 0.4s;
}
.c-footer__link li a:hover {
  opacity: 0.6;
}
.c-footer__img {
  width: 40vw;
}
.c-footer__copyright {
  color: #000000;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2.6666666667vw;
  line-height: 1.2;
  margin: 4vw 0 0;
}

@media print, screen and (min-width: 768px) {
  .c-header {
    height: 100px;
    box-sizing: border-box;
  }
  .c-header__inner {
    padding: 20px;
  }
  .c-header__img {
    width: 198px;
    height: 60px;
  }

  .c-footer__inner {
    padding: 30px 0;
  }
  .c-footer__link {
    font-size: 14px;
    padding: 40px 0 0;
  }
  .c-footer__link li {
      padding: .2rem 1rem;
  }
  .c-footer__img {
    width: 40vw;
  }
  .c-footer__img {
    width: 207px;
    height: 73px;
  }
  .c-footer__copyright {
    font-size: 12px;
    margin: 30px 0 0;
  }
}

.head-copy {
    color: #FFF;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 1.4rem 1rem 1rem;
    background: #f08200;
}
.head-copy br {
    display: none;
}
@media screen and (max-width: 767.98px) {
    .head-copy {
        font-size: 4.4vw;
        padding: 3vw 2vw 2vw;
    }
    .head-copy ruby[data-ruby]::before {
        top: -.6em;
    }
    .head-copy br {
        display: inline;
    }
}

.anchor-btn {
    display: flex;
    justify-content: center;
    margin: 0 0 2vw;
}
.anchor-btn li {
    width: 391px;
    margin: 3vw 17px 0;
}
@media screen and (max-width: 767.98px) {
    .anchor-btn {
        display: block;
        margin: 6vw 10vw 10vw;
    }
    .anchor-btn li {
        width: inherit;
        margin: 6vw 0 0;
    }
}

.section02 {
    background: url("/music/instrument/lp/shinchan/assets/img/cp_bg_pc.png") no-repeat;
    background-size: 100%;
    padding: 9vw 0 6vw;
}
.section02-title {
    
}
.section02 .cp-column {
    width: 1304px;
    margin: 7vw auto 4vw;
    position: relative;
}
.section02 .cp-column-title {
    position: absolute; top: 41px; left: 111px;
    color: #FFF;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 58px;
    font-weight: 900;
}
.section02 .cp-column-title ruby rt {
    position: relative; top: -.2em;
    font-size: 30%;
    font-weight: normal;
}
.section02 .cp-column-title br {
    display: none;
}
.section02 .cp-column-text {
    position: absolute; top: 640px; left: 470px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
}
.section02 .cp-column-text dt {
    color: #e60012;
    font-size: 30px;
    font-weight: bold;
}
.section02 .cp-column-text dt br {
    display: none;
}
.section02 .cp-column-text dt span {
    border-bottom: 4px solid #e60012;
}
.section02 .cp-column-text dd {
    font-size: 28px;
    font-weight: normal;
    padding: .6rem 0 0 4rem;
}
.section02 .cp-column-text dd span {
    display: block;
    font-size: 20px;
    padding: .6rem 0 0 1rem;
}
.section02 .cp-btn {
    display: flex;
    justify-content: center;
    margin: 0 5vw;
}
.section02 .cp-btn li {
    width: 522px;
    margin: 0 2.2vw;
}
@media screen and (max-width: 1400px) {
    .section02 .cp-column {
        width: inherit;
        margin: 7vw 5vw 4vw;
    }
    .section02 .cp-column-title {
        top: 2.8vw; left: 8vw;
        font-size: 4vw;
    }
    .section02 .cp-column-text {
        top: 43.6vw; left: 31.8vw;
    }
    .section02 .cp-column-text dt {
        font-size: 2vw;
    }
    .section02 .cp-column-text dd {
        font-size: 2vw;
        padding: 1vw 0 0 5vw;
    }
    .section02 .cp-column-text dd span {
        font-size: 1.3vw;
        padding: .5vw 0 0 .5vw;
    }
    .section02 .cp-column-text dd span ruby[data-ruby]::before {
        font-size: 40%;
    }
}
@media screen and (max-width: 767.98px) {
    .section02 {
        background: url("/music/instrument/lp/shinchan/assets/img/cp_bg_sp.png") no-repeat;
        background-size: 100%;
        padding: 12vw 0 12vw;
    }
    .section02 .cp-column {
        margin: 1vw 0 0;
    }
    .section02 .cp-column-title {
        top: 9vw; left: 7vw;
        font-size: 8.5vw;
        text-align: center;
    }
    .section02 .cp-column-title ruby[data-ruby]::before {
        font-weight: normal;
    }
    .section02 .cp-column-title br {
        display: inline;
    }
    .section02 .cp-column-text {
        width: 100vw;
        top: inherit; bottom: 6vw; left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        text-align: center;
    }
    .section02 .cp-column-text dt {
        font-size: 4.6vw;
        line-height: 2;
    }
    .section02 .cp-column-text dt ruby[data-ruby]::before {
        top: -1.7em;
    }
    .Android .section02 .cp-column-text dt ruby[data-ruby]::before {
        top: -1em;
    }
    .section02 .cp-column-text dt br {
        display: inline;
    }
    .section02 .cp-column-text dt span {
        border-bottom: .6vw solid #e60012;
    }
    .section02 .cp-column-text dd {
        font-size: 3.7vw;
        padding: 2vw 0 0;
    }
    .section02 .cp-column-text dd span {
        font-size: 3vw;
        padding: 2vw 0 0;
    }
    .section02 .cp-btn {
        display: block;
        margin: 0 10vw;
    }
    .section02 .cp-btn li {
        width: inherit;
        margin: 6vw 0 0;
    }
}

.section03 {
    position: relative;
    background: url("/music/instrument/lp/shinchan/assets/img/course_bg_pc.png") no-repeat;
    background-size: 100%;
    padding: 5vw 0;
    overflow: hidden;
}
.section03:before {
    position: absolute; top: 530px; right: -17vw;
    width: 40vw;
    height: 100%;
    background: url("/music/instrument/lp/shinchan/assets/img/course_img01.png") no-repeat;
    background-size: 100%;
    content: "";
}
.section03 .course-title {
    width: 853px;
    margin: 0 auto;
}
.section03 .course-text {
    text-align: center;
    padding: 10px 0 20px;
}
.section03 .course-text picture img {
    width: 796px;
}
.section03 .course-column {
    width: 1395px;
    margin: 0 auto;
}
.section03 .course-column li {
    position: relative;
    z-index: 5;
}
.section03 .course-column li .course-column-text {
    position: absolute; top: 350px; left: 285px;
    width: 510px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 24px;
    font-weight: 400;
}
.section03 .course-column li .course-column-text span {
    display: block;
    font-size: 18px;
    line-height: 1.4;
    text-indent: -1em;
    margin: .2em 0 0;
    padding-left: 1em;
}
.section03 .course-column li .course-column-btn {
    position: absolute; top: 585px; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 300px;
}
.section03 .course-column li:nth-child(1) { z-index: 5; margin-top: -100px; }
.section03 .course-column li:nth-child(2) { z-index: 4; margin-top: -130px; }
.section03 .course-column li:nth-child(3) { z-index: 3; margin-top: -75px; }
.section03 .course-column li:nth-child(4) { z-index: 2; margin-top: -70px; }
.section03 .course-column li:nth-child(5) { z-index: 1; }
.section03 .course-column li:nth-child(2) .course-column-text { top: 270px; }
.section03 .course-column li:nth-child(2) .course-column-btn { top: 510px; }
.section03 .course-column li:nth-child(3) .course-column-text { top: 220px; }
.section03 .course-column li:nth-child(3) .course-column-btn { top: 460px; }
.section03 .course-column li:nth-child(4) .course-column-text { top: 225px; }
.section03 .course-column li:nth-child(4) .course-column-btn { top: 460px; }
.section03 .course-btn {
    display: flex;
    justify-content: center;
    margin: 0 5vw;
}
.section03 .course-btn li {
    width: 522px;
    margin: 0 2.2vw;
}
@media screen and (max-width: 1395px) {
    .section03 .course-title {
        width: 50vw;
    }
    .section03:before {
        top: 35vw;
    }
    .section03 .course-text {
        
    }
    .section03 .course-text picture img {
        width: 40vw;
    }
    .section03 .course-column {
        width: inherit;
    }
    .section03 .course-column li {
        
    }
    .section03 .course-column li .course-column-text {
        top: 24.5vw; left: 20.5vw;
        width: 37.5vw;
        font-size: 1.8vw;
    }
    .section03 .course-column li .course-column-text span {
        font-size: 1.2vw;
    }
    .section03 .course-column li .course-column-btn {
        top: 41.3vw;
        width: 21vw;
    }
    .section03 .course-column li:nth-child(1) { margin-top: -8vw; }
    .section03 .course-column li:nth-child(2) { margin-top: -9vw; }
    .section03 .course-column li:nth-child(3) { margin-top: -6vw; }
    .section03 .course-column li:nth-child(4) { margin-top: -6vw; }
    .section03 .course-column li:nth-child(5) {  }
    .section03 .course-column li:nth-child(2) .course-column-text { top: 19vw; }
    .section03 .course-column li:nth-child(2) .course-column-btn { top: 36.4vw; }
    .section03 .course-column li:nth-child(3) .course-column-text { top: 15.5vw; }
    .section03 .course-column li:nth-child(3) .course-column-btn { top: 32.6vw; }
    .section03 .course-column li:nth-child(4) .course-column-text { top: 15.6vw; }
    .section03 .course-column li:nth-child(4) .course-column-btn { top: 32.7vw; }
}
@media screen and (max-width: 767.98px) {
    .section03 {
        background: url("/music/instrument/lp/shinchan/assets/img/course_bg_sp.png") no-repeat;
        background-size: 100%;
        padding: 12vw 0;
    }
    .section03:before {
        top: 180vw; right: -34vw;
        width: 80vw;
        z-index: 1;
    }
    .section03 .course-title {
        width: 94vw;
    }
    .section03 .course-text {
        padding: 5vw 0 33vw;
    }
    .section03 .course-text picture img {
        width: 84vw;
    }
    .section03 .course-column li .course-column-text {
        top: 73.5vw; left: 12vw;
        width: 78vw;
        font-size: 4vw;
    }
    .section03 .course-column li .course-column-text span {
        font-size: 2.6vw;
    }
    .section03 .course-column li .course-column-btn {
        top: 128vw;
        width: 44vw;
    }
    .section03 .course-column li:nth-child(1) { margin: 0 0 8vw; }
    .section03 .course-column li:nth-child(2) { margin: 0 0 8vw; }
    .section03 .course-column li:nth-child(3) { margin: -26vw 0 0; }
    .section03 .course-column li:nth-child(4) { margin: -11vw 0 0; }
    .section03 .course-column li:nth-child(2) .course-column-text { top: 46vw; }
    .section03 .course-column li:nth-child(2) .course-column-btn { top: 115vw; }
    .section03 .course-column li:nth-child(3) .course-column-text { top: 40vw; }
    .section03 .course-column li:nth-child(3) .course-column-btn { top: 107vw; }
    .section03 .course-column li:nth-child(4) .course-column-text { top: 40vw; }
    .section03 .course-column li:nth-child(4) .course-column-btn { top: 101vw; }
    .section03 .course-btn {
        display: block;
        margin: 0 10vw;
    }
    .section03 .course-btn li {
        width: inherit;
        margin: 6vw 0 0;
    }
}

.section04 {
    background: #bc2fb4;
    overflow: hidden;
}
.section04 .movie-details {
    background: url("/music/instrument/lp/shinchan/assets/img/movie_bg_pc.png") no-repeat;
    background-size: 100%;
    padding: 10vw 0 0;
}
.section04 .movie-title {
    width: 769px;
    margin: 0 auto 6vw;
}
.section04 .movie-text {
    width: 1248px;
    margin: 0 auto 6vw;
}
.section04 .movie-img01 {
    width: 1362px;
    margin: 0 auto 6vw;
}
.section04 .movie-img02 {
    padding: 8vw 0 0;
}
.section04 .movie-column {
    position: relative;
    width: 1304px;
    margin: 7vw auto 4vw;
}
.section04 .movie-column-title {
    position: absolute; top: 41px; left: 111px;
    color: #FFF;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 58px;
    font-weight: 900;
}
.section04 .movie-column-title ruby rt {
    position: relative; top: -.2em;
    font-size: 30%;
    font-weight: normal;
}
.section04 .movie-column-title br {
    display: none;
}
.section04 .movie-column-text {
    position: absolute; top: 640px; left: 470px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
}
.section04 .movie-column-text dt {
    color: #e60012;
    font-size: 30px;
    font-weight: bold;
}
.section04 .movie-column-text dt br {
    display: none;
}
.section04 .movie-column-text dt span {
    border-bottom: 4px solid #e60012;
}
.section04 .movie-column-text dd {
    font-size: 28px;
    font-weight: normal;
    padding: .6rem 0 0 4rem;
}
.section04 .movie-column-text dd span {
    display: block;
    font-size: 20px;
    padding: .6rem 0 0 1rem;
}
.section04 .movie-btn01 {
    width: 771px;
    margin: 0 auto;
}
.section04 .movie-btn01 a {
    display: block;
    width: 771px;
    height: 204.5px;
    background: url("/music/instrument/lp/shinchan/assets/img/movie_btn01_on.png") no-repeat;
    background-size: 100%;
}
.section04 .movie-btn01 a:hover {
    background: url("/music/instrument/lp/shinchan/assets/img/movie_btn01_on.png") no-repeat;
    background-size: 100%;
}
.section04 .movie-btn01 a:hover img {
    display: none;
}
.section04 .movie-btn02 {
    display: flex;
    justify-content: center;
    margin: 0 5vw;
}
.section04 .movie-btn02 li {
    width: 522px;
    margin: 0 2.2vw;
}
@media screen and (max-width: 1362px) {
    .section04 .movie-details {
        background: url("/music/instrument/lp/shinchan/assets/img/movie_bg_pc.png") no-repeat;
        background-size: 100%;
        padding: 10vw 0 0;
    }
    .section04 .movie-title {
        width: 50vw;
        margin: 0 auto 6vw;
    }
    .section04 .movie-text {
        width: 84vw;
        margin: 0 auto 6vw;
    }
    .section04 .movie-img01 {
        width: 92vw;
    }
    .section04 .movie-column {
        width: inherit;
        margin: 7vw 5vw 4vw;
    }
    .section04 .movie-column-title {
        top: 2.8vw; left: 8vw;
        font-size: 4vw;
    }
    .section04 .movie-column-title ruby[data-ruby]::before {
        font-weight: normal;
    }
    .section04 .movie-column-text {
        top: 43.6vw; left: 31.8vw;
    }
    .section04 .movie-column-text dt {
        font-size: 2vw;
    }
    .section04 .movie-column-text dd {
        font-size: 2vw;
        padding: 1vw 0 0 5vw;
    }
    .section04 .movie-column-text dd span {
        font-size: 1.3vw;
        padding: .5vw 0 0 .5vw;
    }
}
@media screen and (max-width: 767.98px) {
    .section04 .movie-details {
        background: url("/music/instrument/lp/shinchan/assets/img/movie_bg_sp.png") no-repeat;
        background-size: 100%;
        padding: 12vw 0 0;
    }
    .section04 .movie-column {
        margin: 1vw 0 0;
    }
    .section04 .movie-column-title {
        top: 9vw; left: 7vw;
        font-size: 8.5vw;
        text-align: center;
    }
    .section04 .movie-column-title br {
        display: inline;
    }
    .section04 .movie-column-text {
        width: 100vw;
        top: inherit; bottom: 6vw; left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        text-align: center;
    }
    .section04 .movie-column-text dt {
        font-size: 4.6vw;
        line-height: 2;
    }
    .section04 .movie-column-text dt ruby[data-ruby]::before {
        top: -1.7em;
    }
    .Android .section04 .movie-column-text dt ruby[data-ruby]::before {
        top: -1em;
    }
    .section04 .movie-column-text dt br {
        display: inline;
    }
    .section04 .movie-column-text dt span {
        border-bottom: .6vw solid #e60012;
    }
    .section04 .movie-column-text dd {
        font-size: 3.7vw;
        padding: 2vw 0 0;
    }
    .section04 .movie-column-text dd span {
        font-size: 3vw;
        padding: 2vw 0 0;
    }
    .section04 .movie-column-text dd span ruby[data-ruby]::before {
        font-size: 40%;
    }
    .section04 .movie-btn01 {
        width: 90vw;
        margin: 0 auto;
        padding: 4vw 0 10vw;
    }
    .section04 .movie-btn01 a {
        width: 90vw;
        height: 26.96vw;
        background: url("/music/instrument/lp/shinchan/assets/img/movie_btn01_on_sp.png") no-repeat;
        background-size: 100%;
    }
    .section04 .movie-btn01 a:hover {
        background: url("/music/instrument/lp/shinchan/assets/img/movie_btn01_on_sp.png") no-repeat;
        background-size: 100%;
    }
    .section04 .movie-btn02 {
        display: block;
        margin: 0 10vw;
    }
    .section04 .movie-btn02 li {
        width: inherit;
        margin: 6vw 0 0;
    }
}

.lazy-load {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
.lazy-load.is-visible {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}



/*
max-width: 767.98px
min-width: 768px
*/
@media screen and (min-width: 768px) {
}


@media screen and (max-width: 1160px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}