.c-online-online {
  margin: -75px auto 50px;
  padding-top: 101px;
}

.c-online-online.lazyloaded {
  background: url("/art-college/music/assets/img/pages/pc/online/online/bg.png") no-repeat;
  background-size:1218px 592px;
  background-position: 60px -150px;
}
.c-online-online__header {
  position: relative;
}
.c-online-online__header-image02 {
  display: block;
  width: 637px;
  margin: 0 auto;
  margin-top: 23px;
  position: relative;
  left: 7px;
}

.c-online-online__header-desc {
  width: 580px;
  margin: 0 auto;
  margin-top: 35px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-stretch: normal;
  font-style: normal;
  line-height: 32px;
  letter-spacing: 0.8px;
  color: #000;
}


.c-online-online__body-message01 {
  position: relative;
  width: 640px;
  height: 52px;
  margin: 0 auto;
  margin-top: 62px;
  border: solid 1px #BB88EE;
  color: #BB88EE;

}
.c-online-online__body-message01 a p {
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 52px;
  letter-spacing: 0.8px;
  text-align: center;
  color: #b8e;
  margin-left: -39px;
}
.c-online-online__body-message01 img {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 58px;
  height: 58px;
}

.c-online-online__body-message02 {
  margin: 114px auto 20px;
  width: 100%;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  font-family: "Hiragino Kaku Gothic ProN W7", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;;
  font-stretch: normal;
  font-style: normal;
  line-height: 37px;
  letter-spacing: 0.75px;
  color: #000;
}
.c-online-online__content  {
  background: url("/art-college/music/assets/img/pages/pc/online/online/background.png") no-repeat;
  background-size: 1893px 757px;
  background-position: center 286px;
}
.c-online-online__body-message02 img{
  width: 685px;
  margin-left: 40px;
  margin-top: 9px;
}

.c-online-online__body-message03 {
  margin-top: -9px;
  margin-bottom: 40px;
  width: 100%;
  font-family: "Hiragino Sans W4", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}

.c-online-online__body-message04.lazyloaded  {
  max-width: 1280px;
  background: url("/art-college/music/assets/img/pages/pc/online/online/bg2.png") no-repeat;
  background-size:578px 546px;
  background-position: right 0px top -100px;
}

.c-online-online__body-message04 .arrow {
  display: block;
  width: 35px;
  height: 50px;
  margin: 62px auto 20px;
}
.c-online-online__body-message04 .title {
  display: block;
  width: 428px;
  height: 166px;
  margin: 0 auto;
  margin-top: 37px;
  padding-left: 9px;
}

.c-online-online__body-message04 p {
  margin-top: 42px;
  margin-bottom: 40px;
  width: 100%;
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 32px;
  letter-spacing: 2px;
  text-align: center;
  color: #000;
}

.c-online-online__body-message04 .main {
  display: block;
  width: 880px;
  margin: 57px auto 0;
}