body#top_page main {
  position: relative
}

body#top_page .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 557px;
  overflow: hidden
}

body#top_page .video+.detail_wrap:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 0;
  left: 0;
  width: 100%;
  height: 560px;
  padding-bottom: 0;
  background: url(../images/toppage/bg_video.png) repeat-x center top;
  z-index: 3
}

@media only screen and (max-width: 1000px) {
  body#top_page .video+.detail_wrap:after {
    height: 0px;
    height: 0vw
  }
}

@media only screen and (max-width: 1000px) {
  body#top_page .video+.detail_wrap:after {
    padding-bottom: 130%
  }
}

body#top_page .video .video_inner {
  position: relative;
  background-color: #75a9d6;
  height: 0;
  padding-bottom: 56.3%
}

@media only screen and (max-width: 1000px) {
  body#top_page .video .video_inner {
    padding-bottom: 123%
  }
}

body#top_page .video .video_inner .bgmovie {
  position: absolute;
  top: -23%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

@media only screen and (max-width: 1000px) {
  body#top_page .video .video_inner .bgmovie {
    top: -20%
  }
}

@media only screen and (max-width: 1000px) {
  body#top_page .video .video_inner .bgmovie {
    left: -59%
  }
}

@media only screen and (max-width: 1000px) {
  body#top_page .video .video_inner .bgmovie {
    width: 218.7%
  }
}

main .section_slider {
  min-height: 557px;
  text-align: center
}

@media only screen and (max-width: 1000px) {
  main .section_slider {
    min-height: 100px;
    min-height: 13.33333vw
  }
}

main .section_slider .slider_toppage {
  position: relative;
  min-height: 557px;
  z-index: 50
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slider_toppage {
    min-height: 100px;
    min-height: 13.33333vw
  }
}

main .section_slider .slider_toppage li {
  position: relative
}

main .section_slider .slider_toppage .detail_wrap {
  position: relative;
  width: 100%
}

main .section_slider .slider_toppage .detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 1140px;
  min-height: 386px;
  margin: 0 auto;
  padding: 0 60px 0 40px;
  z-index: 5
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slider_toppage .detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slider_toppage .detail {
    width: 100%
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slider_toppage .detail {
    min-height: 100px;
    min-height: 13.33333vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slider_toppage .detail {
    padding: 0 0 14px;
    padding: 0 0 1.86667vw
  }
}

main .section_slider .slider_toppage .detail img {
  width: 100%
}

main .section_slider .slick-list .slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

main .section_slider .slick-arrow {
  display: inline-block;
  white-space: nowrap;
  text-indent: 300%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  top: 50%;
  width: 53px;
  height: 53px;
  margin-top: -40px;
  background-image: url(../images/common/icon_arr.png);
  z-index: 5;
  cursor: pointer;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slick-arrow {
    top: 52.51%
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slick-arrow {
    width: 85px;
    width: 11.33333vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slick-arrow {
    height: 85px;
    height: 11.33333vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slick-arrow {
    margin-top: 0px;
    margin-top: 0vw
  }
}

main .section_slider .slick-arrow:hover {
  opacity: .7
}

main .section_slider .slick-arrow.slick-next {
  right: 15px
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slick-arrow.slick-next {
    right: 20px;
    right: 2.66667vw
  }
}

main .section_slider .slick-arrow.slick-prev {
  left: 15px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slick-arrow.slick-prev {
    left: 20px;
    left: 2.66667vw
  }
}

main .section_slider .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

main .section_slider .slick-dots li {
  position: relative;
  padding: 8px 0 7px;
  line-height: 1
}

main .section_slider .slick-dots li~li {
  margin-left: 17px
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slick-dots li~li {
    margin-left: 17px;
    margin-left: 2.26667vw
  }
}

main .section_slider .slick-dots li:only-child {
  display: none
}

main .section_slider .slick-dots li button {
  display: inline-block;
  white-space: nowrap;
  text-indent: 300%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #000;
  cursor: pointer;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slick-dots li button {
    width: 12px;
    width: 1.6vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slick-dots li button {
    height: 12px;
    height: 1.6vw
  }
}

main .section_slider .slick-dots li button:hover {
  opacity: .7
}

main .section_slider .slick-dots li.slick-active button {
  background-color: #ec5ea4;
  cursor: default;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease
}

main .section_slider .slick-dots li.slick-active button:hover {
  opacity: 1
}

main .section_slider .slick-dots li.slick-active:after {
  cursor: default;
  opacity: 0
}

main .section_slider .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 567px;
  overflow: hidden;
  z-index: 1
}

@media only screen and (max-width: 1000px) {
  main .section_slider .bg {
    max-height: none
  }
}

main .section_slider .bg img {
  width: 100%
}

main .section_slider .contents {
  position: absolute;
  margin-top: 11px;
  margin-left: 27px
}

@media only screen and (max-width: 1000px) {
  main .section_slider .contents {
    margin-top: 0px;
    margin-top: 0vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .contents {
    margin-left: 0px;
    margin-left: 0vw
  }
}

main .section_slider .contents a.play {
  display: block;
  position: relative
}

main .section_slider .contents a.play:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 50%;
  left: 50%;
  width: 71px;
  height: 71px;
  margin-top: -47px;
  margin-left: -35px;
  background-image: url(../images/common/icon_play.png)
}

@media only screen and (max-width: 1000px) {
  main .section_slider .contents a.play:after {
    width: 116px;
    width: 15.46667vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .contents a.play:after {
    height: 116px;
    height: 15.46667vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .contents a.play:after {
    margin-top: -80px;
    margin-top: -10.66667vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .contents a.play:after {
    margin-left: -57px;
    margin-left: -7.6vw
  }
}

main .section_slider .linkbtn {
  position: absolute;
  bottom: 88px;
  left: 0;
  width: 100%;
  text-align: center
}

@media only screen and (max-width: 1000px) {
  main .section_slider .linkbtn {
    position: relative
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .linkbtn {
    bottom: auto
  }
}

main .section_slider .linkbtn .btn {
  margin-top: 0
}

main .section_headline {
  margin-bottom: 30px;
  padding: 24px 0 9px;
  border-top: 6px solid #eca2c6;
  border-width: 6px;
  background: url(../images/toppage/bg_headline.png) repeat center top /*ピンク背景*/
}

@media only screen and (max-width: 1000px) {
  main .section_headline {
    margin-bottom: 33px;
    margin-bottom: 4.4vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_headline {
    padding: 30px 0 20px;
    padding: 4vw 0 2.66667vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_headline {
    border-width: 6px;
    border-width: .8vw
  }
}

main .section_headline .list_headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline {
    padding: 0 13px;
    padding: 0 1.73333vw
  }
}

main .section_headline .list_headline li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 387px;
  margin-bottom: 18px
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline li {
    width: 100%
  }
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline li {
    margin-bottom: 25px;
    margin-bottom: 3.33333vw
  }
}

main .section_headline .list_headline li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 387px;
  background-color: rgba(189, 47, 120, 0.6);
  color: #fff
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline li a {
    width: 100%
  }
}

main .section_headline .list_headline li .image {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 112px;
  min-height: 112px;
  overflow: hidden
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline li .image {
    width: 112px;
    width: 14.93333vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline li .image {
    min-height: 112px;
    min-height: 14.93333vw
  }
}

main .section_headline .list_headline li .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: none;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

main .section_headline .list_headline li .detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 9px 15px 9px 10px
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline li .detail {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline li .detail {
    padding: 15px 5px 15px 20px;
    padding: 2vw .66667vw 2vw 2.66667vw
  }
}

main .section_headline .list_headline li .detail .title {
  line-height: 1.4;
  letter-spacing: .8px;
  font-size: 21px;
  font-weight: bold
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline li .detail .title {
    line-height: 1.35
  }
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline li .detail .title {
    letter-spacing: .6px;
    letter-spacing: .08vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline li .detail .title {
    font-size: 30px;
    font-size: 4vw
  }
}

main .section_headline .list_headline li .detail .exp {
  margin-top: 13px;
  line-height: 1.5;
  font-size: 16px
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline li .detail .exp {
    margin-top: 13px;
    margin-top: 1.73333vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_headline .list_headline li .detail .exp {
    font-size: 20px;
    font-size: 2.66667vw
  }
}

main .section_news {
  padding: 37px 0 43px;
  background-color: #efefef
}

@media only screen and (max-width: 1000px) {
  main .section_news {
    padding: 30px 0 20px;
    padding: 4vw 0 2.66667vw
  }
}

main .section_news .m_section_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

main .section_news .m_section_inner .detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 22px;
  padding-left: 23px;
  border-left: 1px solid #000
}

main .section_news .m_section_inner .detail dt {
  clear: left;
  float: left;
  letter-spacing: 1.1px;
  font-weight: bold
}

@media only screen and (max-width: 1000px) {
  main .section_news .m_section_inner .detail dt {
    letter-spacing: 1.8px;
    letter-spacing: .24vw
  }
}

main .section_news .m_section_inner .detail dd {
  padding-left: 10.1em;
  letter-spacing: -.7px;
  font-weight: bold
}

@media only screen and (max-width: 1000px) {
  main .section_news .m_section_inner .detail dd {
    padding-left: 8.9em
  }
}

@media only screen and (max-width: 1000px) {
  main .section_news .m_section_inner .detail dd {
    letter-spacing: -.7px;
    letter-spacing: -.09333vw
  }
}

main .section_news .m_section_inner .detail dd~dt,
main .section_news .m_section_inner .detail dd~dd {
  padding-top: 10px
}

@media only screen and (max-width: 1000px) {

  main .section_news .m_section_inner .detail dd~dt,
  main .section_news .m_section_inner .detail dd~dd {
    padding-top: 11px;
    padding-top: 1.46667vw
  }
}

main .section_news .m_section_inner h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px
}

@media only screen and (max-width: 1000px) {
  main .section_news .m_section_inner h2 {
    min-height: 40px;
    min-height: 5.33333vw
  }
}

main .section_news .m_section_inner h2 img {
  width: 100%
}

aside {
  padding-top: 27px;
  padding-bottom: 88px
}

@media only screen and (max-width: 1000px) {
  aside {
    padding-top: 70px;
    padding-top: 9.33333vw
  }
}

@media only screen and (max-width: 1000px) {
  aside {
    padding-bottom: 105px;
    padding-bottom: 14vw
  }
}

aside .m_section_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 1000px) {
  aside .m_section_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
  }
}

aside .list_banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px
}

@media only screen and (max-width: 1000px) {
  aside .list_banner {
    padding: 0 5px;
    padding: 0 .66667vw
  }
}

aside .list_banner li {
  width: 340px;
  margin-bottom: 10px;
  text-align: center
}

@media only screen and (max-width: 1000px) {
  aside .list_banner li {
    width: 49%
  }
}

@media only screen and (max-width: 1000px) {
  aside .list_banner li {
    margin-bottom: 17px;
    margin-bottom: 2.26667vw
  }
}

aside .list_banner li:nth-child(even) {
  margin-left: 11px
}

@media only screen and (max-width: 1000px) {
  aside .list_banner li:nth-child(even) {
    margin-left: 2%
  }
}

aside .twitter_pane {
  width: 447px;
  height: 510px;
  margin: 32px 4px 0 auto;
  border: 1px solid #d4d4d4;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch
}

@media only screen and (max-width: 1000px) {
  aside .twitter_pane {
    width: 100%
  }
}

@media only screen and (max-width: 1000px) {
  aside .twitter_pane {
    height: 800px;
    height: 106.66667vw
  }
}

aside h3 {
  margin-bottom: 23px;
  padding-right: 5px;
  text-align: center
}

@media only screen and (max-width: 1000px) {
  aside h3 {
    margin-bottom: 40px;
    margin-bottom: 5.33333vw
  }
}

@media only screen and (max-width: 1000px) {
  aside h3 {
    padding-right: 5px;
    padding-right: .66667vw
  }
}

aside .pickup {
  position: relative;
  width: 721px;
  margin-top: 0px;
  border-width: 0 1px 0 0
}

@media only screen and (max-width: 1000px) {
  aside .pickup {
    width: 100%
  }
}

@media only screen and (max-width: 1000px) {
  aside .pickup {
    margin-top: 83px;
    margin-top: 11.06667vw
  }
}

@media only screen and (max-width: 1000px) {
  aside .pickup {
    border-width: 0
  }
}

aside .pickup:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  display: inline-block;
  right: 0;
  bottom: 0;
  width: 1px;
  height: calc(100% - 130px);
  background-color: #727272
}

@media only screen and (max-width: 1000px) {
  aside .pickup:after {
    display: none
  }
}

aside .pickup h3 {
  margin-bottom: 32px;
  padding-right: 55px
}

@media only screen and (max-width: 1000px) {
  aside .pickup h3 {
    margin-bottom: 43px;
    margin-bottom: 5.73333vw
  }
}

@media only screen and (max-width: 1000px) {
  aside .pickup h3 {
    padding-right: 23px;
    padding-right: 3.06667vw
  }
}

_:lang(x)::-ms-backdrop,
main .section_spec .spec_inner .detail dl dt {
  padding-top: 5px;
  padding-bottom: 0px
}

@media only screen and (max-width: 1000px) {

  _:lang(x)::-ms-backdrop,
  main .section_spec .spec_inner .detail dl dt {
    padding-top: 6px;
    padding-top: .8vw
  }
}

@media only screen and (max-width: 1000px) {

  _:lang(x)::-ms-backdrop,
  main .section_spec .spec_inner .detail dl dt {
    padding-bottom: 2px;
    padding-bottom: .26667vw
  }
}

_:lang(x)::-ms-backdrop,
main .section_spec .spec_inner .detail dl dd {
  padding-top: 5px;
  padding-bottom: 0px
}

@media only screen and (max-width: 1000px) {

  _:lang(x)::-ms-backdrop,
  main .section_spec .spec_inner .detail dl dd {
    padding-top: 6px;
    padding-top: .8vw
  }
}

@media only screen and (max-width: 1000px) {

  _:lang(x)::-ms-backdrop,
  main .section_spec .spec_inner .detail dl dd {
    padding-bottom: 2px;
    padding-bottom: .26667vw
  }
}

_:lang(x)::-ms-backdrop,
.l_wrapper .section_info .list_info li .image:after {
  padding: 5px 5px 1px
}

@media only screen and (max-width: 1000px) {

  _:lang(x)::-ms-backdrop,
  .l_wrapper .section_info .list_info li .image:after {
    padding: 7px 5px 3px;
    padding: .93333vw .66667vw .4vw
  }
}

_:lang(x)::-ms-backdrop,
body#info.detail .l_wrapper .section_info .info_detail .label_date .label {
  padding: 3px 5px 0;
  line-height: 1.5
}

@media only screen and (max-width: 1000px) {

  _:lang(x)::-ms-backdrop,
  body#info.detail .l_wrapper .section_info .info_detail .label_date .label {
    padding: 3px 5px 0;
    padding: .4vw .66667vw 0
  }
}

@media only screen and (max-width: 1000px) {

  _:lang(x)::-ms-backdrop,
  body#info.detail .l_wrapper .section_info .info_detail .label_date .label {
    line-height: 1.37
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slider_toppage .detail .title {
    padding-right: 57px;
    padding-right: 7.6vw;
    padding-left: 25px;
    padding-left: 3.33333vw
  }

  main .section_slider .slider_toppage .detail .image {
    width: 100%
  }

  main .section_slider .slider_toppage .detail .image a {
    width: 100%
  }

  main .section_slider .slider_toppage .detail .image a img {
    width: 100%
  }

  main .section_news .m_section_inner h2 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }

  main .section_news .m_section_inner .detail dl dt {
    display: inline;
    clear: none;
    float: none
  }

  main .section_news .m_section_inner .detail dl dd {
    display: inline-block;
    padding-left: 0
  }

  .section_info .list_info li:nth-child(2n+1) {
    margin-left: 0
  }

  .video .video_inner:after {
    background-size: contain
  }

  main .section_news .ontwitter .banner_twitter {
    width: 580px;
    width: 77.33333vw;
    margin-right: auto;
    margin-left: auto
  }

  main .section_staff h2 img {
    width: 230px;
    width: 30.66667vw
  }

  main .section_about h2 img {
    width: 261px;
    width: 34.8vw
  }

  main .section_chara h2 img {
    width: 447px;
    width: 59.6vw
  }

  main .section_spec h2 img {
    width: 261px;
    width: 34.8vw
  }

  header .video .video_inner {
    height: 0;
    padding-bottom: 100%
  }

  header .video .video_inner video {
    left: -35%;
    width: auto;
    max-width: none;
    height: 100%
  }

  aside .list_banner li img {
    width: 560px;
    width: 74.66667vw
  }

  .section_info .list_info .image img {
    width: 100%
  }

  .section_info h2 img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 98.02817%
  }

  aside .twitter h3 img {
    width: 402px;
    width: 53.6vw
  }

  aside .pickup h3 img {
    width: 275px;
    width: 36.66667vw
  }

  .m_section_inner .section_slider .image a img {
    width: 100%
  }

  .m_section_inner .section_slider .image a:after {
    background-image: url(../images/icon_play3x.png)
  }

  main .section_news .m_section_inner h2 {
    width: 87px;
    width: 11.6vw
  }

  main .section_headline .list_headline li .detail .title {
    font-weight: bold
  }
}

body#info .section_info {
  padding-bottom: 100px
}

@media only screen and (max-width: 1000px) {
  body#info .section_info {
    padding-bottom: 100px;
    padding-bottom: 13.33333vw
  }
}

body#info .section_info .tab_info {
  position: relative
}

body#info .section_info .tab_info li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

body#info .section_info .tab_info li.sort_year {
  display: list-item;
  position: relative;
  top: 0;
  right: 0;
  width: 180px;
  padding: 0 10px;
  border-width: 0;
  text-align: right
}

@media only screen and (max-width: 1000px) {
  body#info .section_info .tab_info li.sort_year {
    position: relative
  }
}

@media only screen and (max-width: 1000px) {
  body#info .section_info .tab_info li.sort_year {
    top: auto
  }
}

@media only screen and (max-width: 1000px) {
  body#info .section_info .tab_info li.sort_year {
    right: auto
  }
}

@media only screen and (max-width: 1000px) {
  body#info .section_info .tab_info li.sort_year {
    width: 32%
  }
}

@media only screen and (max-width: 1000px) {
  body#info .section_info .tab_info li.sort_year {
    padding: 0 10px;
    padding: 0 1.33333vw
  }
}

body#info .section_info .tab_info li.sort_year a {
  display: inline-block;
  width: 100%;
  padding: 2px;
  background-color: #000;
  text-align: center;
  color: #fff;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease
}

@media only screen and (max-width: 1000px) {
  body#info .section_info .tab_info li.sort_year a {
    width: 90%
  }
}

body#info .section_info .tab_info li.sort_year a:hover {
  opacity: .7
}

body#info .section_info .tab_info li.sort_year a span {
  display: inline-block;
  position: relative;
  width: 100%;
  font-weight: 500
}

body#info .section_info .tab_info li.sort_year a span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 50%;
  left: 7px;
  width: 16px;
  height: 10px;
  margin-top: -5px;
  background-image: url(../images/common/icon_arr_bpk.png)
}

@media only screen and (max-width: 1000px) {
  body#info .section_info .tab_info li.sort_year a span:before {
    left: 7px;
    left: .93333vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info .section_info .tab_info li.sort_year a span:before {
    width: 16px;
    width: 2.13333vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info .section_info .tab_info li.sort_year a span:before {
    height: 10px;
    height: 1.33333vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info .section_info .tab_info li.sort_year a span:before {
    margin-top: -5px;
    margin-top: -.66667vw
  }
}

body#info .pagenation_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

body#info .pagenation_info li {
  padding: 0 8px 0 7px
}

@media only screen and (max-width: 1000px) {
  body#info .pagenation_info li {
    padding: 0 8px 0 7px;
    padding: 0 1.06667vw 0 .93333vw
  }
}

body#info .pagenation_info li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 3px;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease
}

@media only screen and (max-width: 1000px) {
  body#info .pagenation_info li a {
    width: 80px;
    width: 10.66667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info .pagenation_info li a {
    height: 80px;
    height: 10.66667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info .pagenation_info li a {
    padding: 5px;
    padding: .66667vw
  }
}

body#info .pagenation_info li a:hover {
  opacity: .7
}

body#info .pagenation_info li a span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  font-size: 20px
}

@media only screen and (max-width: 1000px) {
  body#info .pagenation_info li a span {
    font-size: 28px;
    font-size: 3.73333vw
  }
}

body#info .pagenation_info li.current a {
  color: #8c8c8c;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  cursor: default
}

body#info .pagenation_info li.current a:hover {
  opacity: 1
}

body#info .pagenation_info li.current a span {
  border-color: #8c8c8c
}

body#info.detail .section_info_detail .tab_info li.sort_year {
  display: none
}

body#info.detail .section_info_detail .info_detail {
  margin-top: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .info_detail {
    margin-top: 50px;
    margin-top: 6.66667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .info_detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .info_detail {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

body#info.detail .section_info_detail .info_detail .info_article {
  width: 840px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .info_detail .info_article {
    width: 100%
  }
}

body#info.detail .section_info_detail .info_detail .info_article .info_article_body {
  padding-bottom: 50px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .info_detail .info_article .info_article_body {
    padding-bottom: 50px;
    padding-bottom: 6.66667vw
  }
}

body#info.detail .section_info_detail .info_detail .info_article .info_article_body p {
  line-height: 1.7;
  letter-spacing: -.5px;
  font-size: 18px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .info_detail .info_article .info_article_body p {
    letter-spacing: -.5px;
    letter-spacing: -.06667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .info_detail .info_article .info_article_body p {
    font-size: 24px;
    font-size: 3.2vw
  }
}

body#info.detail .section_info_detail .info_detail .info_article .info_article_body p~p {
  margin-top: 40px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .info_detail .info_article .info_article_body p~p {
    margin-top: 30px;
    margin-top: 4vw
  }
}

body#info.detail .section_info_detail .info_detail .info_article .info_article_body p.info_img {
  text-align: center
}

body#info.detail .section_info_detail .info_detail .info_article .info_article_body .btn_pane {
  margin-top: 30px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .info_detail .info_article .info_article_body .btn_pane {
    margin-top: 30px;
    margin-top: 4vw
  }
}

body#info.detail .section_info_detail .info_detail .info_lastest {
  width: 315px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .info_detail .info_lastest {
    width: 100%
  }
}

body#info.detail .section_info_detail .m_section_inner {
  padding: 0px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .m_section_inner {
    padding: 0px;
    padding: 0vw
  }
}

body#info.detail .section_info_detail .m_section_inner .tab_info {
  padding: 0 40px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .m_section_inner .tab_info {
    padding: 0 40px;
    padding: 0 5.33333vw
  }
}

body#info.detail .section_info_detail .m_section_inner .info_article {
  padding: 0px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .m_section_inner .info_article {
    padding: 0 20px;
    padding: 0 2.66667vw
  }
}

body#info.detail .section_info_detail .m_section_inner .info_lastest {
  margin-bottom: 70px;
  padding: 0 0 20px;
  border-top: 6px solid #eca2c6;
  border-top-width: 6px;
  background: url(../images/info/bg_info_lastest.png) repeat-x center top;
  background-image: url(../images/info/bg_info_lastest.png);
  background-size: cover
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .m_section_inner .info_lastest {
    margin-bottom: 0px;
    margin-bottom: 0vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .m_section_inner .info_lastest {
    padding: 0 20px 30px;
    padding: 0 2.66667vw 4vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .m_section_inner .info_lastest {
    border-top-width: 6px;
    border-top-width: .8vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .m_section_inner .info_lastest {
    background-image: url(../images/info/bg_info_lastest_sp.png)/*ピンク背景*/
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .m_section_inner .info_lastest {
    background-size: contain
  }
}

body#info.detail .section_info_detail .m_section_inner .info_lastest .list_info_pane:before {
  display: none
}

body#info.detail .section_info_detail .m_section_inner .info_lastest h3 {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 15px;
  padding: 23px 0 18px;
  border-bottom: 8px solid #ec9bc3;
  border-bottom-width: 4px;
  text-align: center
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .m_section_inner .info_lastest h3 {
    margin-bottom: 20px;
    margin-bottom: 2.66667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .m_section_inner .info_lastest h3 {
    padding: 30px 0 30px;
    padding: 4vw 0 4vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .m_section_inner .info_lastest h3 {
    border-bottom-width: 8px;
    border-bottom-width: 1.06667vw
  }
}

body#info.detail .section_info_detail .m_section_inner .info_lastest h3 img {
  width: 181px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .m_section_inner .info_lastest h3 img {
    width: 351px;
    width: 46.8vw
  }
}

body#info.detail .section_info {
  padding: 20px 0
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info {
    padding: 30px 0 90px;
    padding: 4vw 0 12vw
  }
}

body#info.detail .section_info .list_info {
  display: block;
  margin-top: 15px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .list_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .list_info {
    margin-top: 15px;
    margin-top: 2vw
  }
}

body#info.detail .section_info .list_info li {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 18px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .list_info li {
    margin-bottom: 18px;
    margin-bottom: 2.4vw
  }
}

body#info.detail .section_info .btn_pane {
  margin-top: -11px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .btn_pane {
    margin-top: 0
  }
}

body#info.detail .section_info .btn_pane .btn {
  min-width: 280px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .btn_pane .btn {
    min-width: 330px;
    min-width: 44vw
  }
}

body#info.detail .section_info .info_detail .label_date {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

body#info.detail .section_info .info_detail .label_date .label {
  display: inline-block;
  min-width: 92px;
  padding: 0 5px;
  background-color: #ec5ea4;
  text-align: center;
  font-size: 15px;
  color: #fff
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .info_detail .label_date .label {
    min-width: 92px;
    min-width: 12.26667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .info_detail .label_date .label {
    padding: 0 5px;
    padding: 0 .66667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .info_detail .label_date .label {
    font-size: 18px;
    font-size: 2.4vw
  }
}

body#info.detail .section_info .info_detail .label_date .date {
  display: inline-block;
  margin-left: 1em;
  text-decoration: underline;
  font-size: 15px;
  color: #ec5ea4
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .info_detail .label_date .date {
    font-size: 20px;
    font-size: 2.66667vw
  }
}

body#info.detail .section_info .info_article h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 14px 0 35px;
  padding-bottom: 14px;
  border-bottom: 4px solid #ec5ea4;
  border-bottom-width: 4px;
  font-size: 26px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .info_article h3 {
    margin: 14px 0 16px;
    margin: 1.86667vw 0 2.13333vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .info_article h3 {
    padding-bottom: 14px;
    padding-bottom: 1.86667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .info_article h3 {
    border-bottom-width: 4px;
    border-bottom-width: .53333vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .info_article h3 {
    font-size: 26px;
    font-size: 3.46667vw
  }
}

body#info.detail .section_info .info_article h3:before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  content: "";
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  width: 66px;
  height: 42px;
  margin-right: 15px;
  background-image: url(../images/info/icon_sakura.png)
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .info_article h3:before {
    width: 44px;
    width: 5.86667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .info_article h3:before {
    height: 42px;
    height: 5.6vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info .info_article h3:before {
    margin-right: 15px;
    margin-right: 2vw
  }
}

body#info.detail .info_article table {
  border: 2px solid #f9b7c2
}

body#info.detail .info_article table th {
  background-color: #FDE3E8
}

body#info.detail .info_article table td {
  border-top-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #FDE3E8;
  border-right-color: #FDE3E8;
  text-align: left
}

body#info.detail .info_article table table.blue {
  border: 1px solid #DFEDF7
}

body#info.detail .info_article table table.blue th {
  background-color: #DFEDF7
}

body#info.detail .info_article table table.blue td {
  border-top-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #DFEDF7;
  border-right-color: #DFEDF7;
  text-align: left
}

body#info.detail .info_article table td.pink {
  background-color: #FDE3E8
}

body#info.detail .info_article table td.blue {
  background-color: #E9F8F7
}

body#info.detail .info_article table a {
  text-decoration: underline;
  color: #ff00a2
}

body#info.detail .info_article table .red {
  color: #F03
}

body#info.detail .info_article table.info_article_detail {
  border-spacing: 1px;
  width: 100%;
  margin: 0 auto;
  padding: 0
}

body#info.detail .info_article table.info_article_detail th,
body#info.detail .info_article table.info_article_detail td {
  padding: 4px
}

@media only screen and (max-width: 1000px) {

  body#info.detail .info_article table.info_article_detail th,
  body#info.detail .info_article table.info_article_detail td {
    padding: 7px;
    padding: .93333vw
  }
}

body#info.detail .info_article table.info_article_detail td table {
  border-spacing: 1px;
  width: 100%
}

body#info.detail .info_article table.info_article_detail td table th,
body#info.detail .info_article table.info_article_detail td table td {
  width: auto;
  padding: 5px
}

@media only screen and (max-width: 1000px) {

  body#info.detail .info_article table.info_article_detail td table th,
  body#info.detail .info_article table.info_article_detail td table td {
    padding: 5px;
    padding: .66667vw
  }
}

body#info.detail .info_article table.info_article_detail td table th {
  text-align: center
}

body#info.detail .section_info_detail .info_detail .info_article .info_article_body .title {
  margin: 50px 0 25px;
  text-align: center;
  font-size: 23px;
  font-weight: bold
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .info_detail .info_article .info_article_body .title {
    margin: 50px 0 25px;
    margin: 6.66667vw 0 3.33333vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .section_info_detail .info_detail .info_article .info_article_body .title {
    font-size: 28px;
    font-size: 3.73333vw
  }
}

body#info.detail .enclosure {
  padding: 15px 18px;
  border: 2px solid #f9b7c2;
  border-width: 2px
}

@media only screen and (max-width: 1000px) {
  body#info.detail .enclosure {
    padding: 15px 18px;
    padding: 2vw 2.4vw
  }
}

@media only screen and (max-width: 1000px) {
  body#info.detail .enclosure {
    border-width: 2px;
    border-width: .26667vw
  }
}

@media only screen and (max-width: 1000px) {
  .info_article_body>table {
    width: auto
  }

  .info_article_body>table th,
  .info_article_body>table td {
    width: auto !important
  }

  .info_article_body>table>tbody>tr>th {
    width: 23% !important
  }

  .info_article_body>table>tbody>tr>td {
    width: 77% !important;
    word-break: break-all
  }
}

body#about .l_wrapper {
  overflow: hidden
}

body#about .section_about .title {
  padding: 11px 0 19px;/*11px 0 19px*/
  text-align: center !important;
}

body#about .section_about .detail {
  position: relative;
  padding: 26px 0 105px;
  border-top: 6px solid #eca2c6;
  border-top-width: 6px;
  background: url(../images/about/bg_about.png) repeat-x center top;/*ピンク背景*/
  color: #fff
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail {
    border-top-width: 6px;
    border-top-width: .8vw
  }
}

body#about .section_about .detail p {
  position: relative;
  padding-right: 500px;
  line-height: 1.8;
  letter-spacing: -1.1px;
  font-size: 18px;
  z-index: 5
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail p {
    padding-right: 0
  }
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail p {
    letter-spacing: 0
  }
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail p {
    font-size: 24px;
    font-size: 3.2vw
  }
}

body#about .section_about .detail p:nth-of-type(2) {
  margin-top: 30px;
  padding-right: 390px
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail p:nth-of-type(2) {
    margin-top: 30px;
    margin-top: 4vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail p:nth-of-type(2) {
    padding-right: 0
  }
}

body#about .section_about .detail p:nth-of-type(3) {
  margin-top: 0;
  padding-right: 250px
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail p:nth-of-type(3) {
    padding-right: 0 
  }
}

body#about .section_about .detail .m_section_inner:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: -199px;
  right: -129px;
  width: 686px;
  height: 888px;
  background-image: url(../images/about/obj_sakura.png)
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail .m_section_inner:after {
    top: auto
  }
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail .m_section_inner:after {
    right: 231px;
    right: 30.8vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail .m_section_inner:after {
    width: 686px;
    width: 91.46667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail .m_section_inner:after {
    height: 888px;
    height: 118.4vw
  }
}

body#about .section_about .detail .m_section_inner:before {
  content: '\30A4\30E9\30B9\30C8\FF0F\677E\539F\79C0\5178';
  position: absolute;
  bottom: -70px;
  right: 38px;
  font-size: 11px;
  color: #000
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail .m_section_inner:before {
    bottom: -267px;
    bottom: -35.6vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail .m_section_inner:before {
    right: 193px;
    right: 25.73333vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .section_about .detail .m_section_inner:before {
    font-size: 14px;
    font-size: 1.86667vw
  }
}

body#about .section_about h2 {
  width: 500px
}

@media only screen and (max-width: 1000px) {
  body#about .section_about h2 {
    width: 100%
  }
}

body#about h2,
body#about h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

body#about h2 span,
body#about h3 span {
  display: inline-block;
  margin-top: -30px;
  letter-spacing: 1.8px;
  font-size: 20px;
  font-weight: bold;
  color: #ef4c9b
}

@media only screen and (max-width: 1000px) {

  body#about h2 span,
  body#about h3 span {
    margin-top: -30px;
    margin-top: -4vw
  }
}

@media only screen and (max-width: 1000px) {

  body#about h2 span,
  body#about h3 span {
    letter-spacing: 1.8px;
    letter-spacing: .24vw
  }
}

@media only screen and (max-width: 1000px) {

  body#about h2 span,
  body#about h3 span {
    font-size: 22px;
    font-size: 2.93333vw
  }
}

body#about h3 span {
  font-size: 17px
}

@media only screen and (max-width: 1000px) {
  body#about h3 span {
    font-size: 20px;
    font-size: 2.66667vw
  }
}

body#about .section_history h2 {
  width: 321px
}

body#about .section_history h2 span {
  margin-top: -13px;
  margin-left: 29px;
  letter-spacing: -2.3px;
  font-size: 17px
}

@media only screen and (max-width: 1000px) {
  body#about .section_history h2 span {
    margin-top: -13px;
    margin-top: -1.73333vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .section_history h2 span {
    margin-left: 29px;
    margin-left: 3.86667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .section_history h2 span {
    letter-spacing: -2.3px;
    letter-spacing: -.30667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .section_history h2 span {
    font-size: 20px;
    font-size: 2.66667vw
  }
}

body#about .section_history .list_history {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 25px;
  margin-bottom: 86px
}

body#about .section_history .list_history li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 567px;
  margin-bottom: 111px
}

@media only screen and (max-width: 1000px) {
	body#about .section_history .list_history{
		margin-top: -140px !important;/*追加*/
	}
  body#about .section_history .list_history li {
    margin-bottom: 87px;
    margin-bottom: 11.6vw
  }
}

body#about .section_history .list_history li:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  position: relative;
  top: 183px;/*183px*/
}

@media only screen and (max-width: 1000px) {
  body#about .section_history .list_history li:nth-child(2n) {
    top: auto
  }
}

body#about .section_history .list_history li:nth-child(2n) .detail:before {
  right: auto;
  left: 100%
}

body#about .section_history .list_history li .title h3 {
  margin-bottom: 50px
}

body#about .section_history .list_history li .title h3 img {
  height: 71px
}

body#about .section_history .list_history li .detail {
  position: relative;
  width: 220px
}

@media only screen and (max-width: 1000px) {
  body#about .section_history .list_history li .detail {
    width: 220px;
    width: 29.33333vw
  }
}

body#about .section_history .list_history li .detail:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 140px;
  right: 100%;
  width: 76px;
  height: 1px;
  background-color: #bfbfbf
}

@media only screen and (max-width: 1000px) {
  body#about .section_history .list_history li .detail:before {
    top: 140px;
    top: 18.66667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .section_history .list_history li .detail:before {
    width: 147px;
    width: 19.6vw
  }
}

body#about .section_history .list_history li .detail.author_fujishima:after {
  content: '\30A4\30E9\30B9\30C8\FF0F\85E4\5CF6\5EB7\4ECB';
  position: absolute;
  bottom: -2em;
  left: 0;
  font-size: 11px
}

@media only screen and (max-width: 1000px) {
  body#about .section_history .list_history li .detail.author_fujishima:after {
    font-size: 14px;
    font-size: 1.86667vw
  }
}

body#about .section_history .list_history li .btn span {
  padding: 13px 10px
}

body#about .section_history .list_history li .btn span b {
  padding: 0 0 0 15px;
  letter-spacing: 0;
  font-size: 15px
}

@media only screen and (max-width: 1000px) {
  body#about .section_history .list_history li .btn span b {
    font-size: 18px;
    font-size: 2.4vw
  }
}

body#about .section_others h2 {
  width: 321px
}

body#about .section_others h2 span {
  margin-top: -13px;
  margin-left: -20px;
  letter-spacing: -0.7px;
  font-size: 17px
}

@media only screen and (max-width: 1000px) {
  body#about .section_others h2 span {
    font-size: 20px;
    font-size: 2.66667vw
  }
}

body#about .list_others {
  margin-top: 40px;
  margin-bottom: 100px
}

@media only screen and (max-width: 1000px) {
  body#about .list_others {
    margin-top: 92px;
    margin-top: 12.26667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .list_others {
    margin-bottom: 100px;
    margin-bottom: 13.33333vw
  }
}

body#about .list_others>li .title h3 {
  display: block;
  position: relative;
  text-align: left
}

body#about .list_others>li .title h3 span {
  display: inline-block;
  position: relative;
  width: 110px;
  margin-top: 0;
  background-color: #fff;
  z-index: 5
}

@media only screen and (max-width: 1000px) {
  body#about .list_others>li .title h3 span {
    width: 110px;
    width: 14.66667vw
  }
}

body#about .list_others>li .title h3 span img {
  height: 37px
}

@media only screen and (max-width: 1000px) {
  body#about .list_others>li .title h3 span img {
    height: 37px;
    height: 4.93333vw
  }
}

body#about .list_others>li .title h3:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #bfbfbf
}

body#about .list_others>li .detail ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 15px
}

body#about .list_others>li .detail ul li {
  width: 50%;
  margin-bottom: 10px;
  padding: 0;
  padding-right: 1em;
  padding-left: 27px;
  background: url(../images/about/icon_list.png) no-repeat;
  background-position: 2px 5px;
  background-size: 17px 17px;
  letter-spacing: -.7px;
  font-size: 18px
}

@media only screen and (max-width: 1000px) {
  body#about .list_others>li .detail ul li {
    width: 100%
  }
}

@media only screen and (max-width: 1000px) {
  body#about .list_others>li .detail ul li {
    margin-bottom: 10px;
    margin-bottom: 1.33333vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .list_others>li .detail ul li {
    padding-right: 0
  }
}

@media only screen and (max-width: 1000px) {
  body#about .list_others>li .detail ul li {
    padding-left: 30px;
    padding-left: 4vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .list_others>li .detail ul li {
    background-position: 2px 10px;
    background-position: .26667vw 1.33333vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .list_others>li .detail ul li {
    background-size: 17px 17px;
    background-size: 2.26667vw 2.26667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .list_others>li .detail ul li {
    letter-spacing: 0px;
    letter-spacing: 0vw
  }
}

@media only screen and (max-width: 1000px) {
  body#about .list_others>li .detail ul li {
    font-size: 24px;
    font-size: 3.2vw
  }
}

body#about .list_others>li .detail ul li:nth-child(2n) {
  padding-right: 0
}

body#about .list_others>li~li {
  margin-top: 40px
}

@media only screen and (max-width: 1000px) {
  body#about .list_others>li~li {
    margin-top: 40px;
    margin-top: 5.33333vw
  }
}

body#about #colorbox .cboxPhoto {
  width: 640px !important;
  height: auto !important
}

@media only screen and (max-width: 1000px) {
  body#about #colorbox .cboxPhoto {
    width: 64vw !important
  }

  body#about .section_about .title {
    padding-top: 30px;
    padding-top: 4vw;
    padding-bottom: 43px;
    padding-bottom: 5.73333vw
  }

  body#about .section_about .detail {
    padding-top: 15px;
    padding-top: 2vw;
    padding-bottom: 1px;
    padding-bottom: .13333vw;
    background-image: url(../images/about/bg_about_sp.png);
    background-size: cover
  }

  body#about .section_about .detail .m_section_inner {
    padding-bottom: 600px;
    padding-bottom: 80vw
  }

  body#about .section_about .detail p {
    display: inline;
    line-height: 1.7;
    letter-spacing: -1.2px;
    letter-spacing: -.16vw
  }

  body#about .section_about .detail p:first-child {
    display: block;
    margin-bottom: 40px;
    margin-bottom: 5.33333vw
  }

  body#about .section_about .detail .m_section_inner:after {
    right: 50%;
    bottom: -309px;
    bottom: -41.2vw;
    margin-right: -347px;
    margin-right: -46.26667vw
  }

  body#about .section_history {
    margin-top: 286px;
    margin-top: 38.13333vw
  }

  body#about .section_history h2 img,
  body#about .section_history h2 {
    width: 385px;
    width: 51.33333vw
  }

  body#about .section_history .list_history {
    margin-top: -20px;
    margin-top: -2.66667vw;
    margin-bottom: -22px;
    margin-bottom: -2.93333vw;
    padding-right: 15px;
    padding-right: 2vw;
    padding-left: 15px;
    padding-left: 2vw
  }

  body#about .section_history .list_history li {
    width: 100%
  }

  body#about .section_history .list_history li .title h3 {
    margin-bottom: 40px;
    margin-bottom: 5.33333vw
  }

  body#about .section_history .list_history li .title h3 img {
    height: 88px;
    height: 11.73333vw
  }

  body#about .section_history .list_history li .btn {
    min-width: 385px;
    min-width: 51.33333vw
  }

  body#about .section_others h2 img,
  body#about .section_others h2 {
    width: 385px;
    width: 51.33333vw
  }

  body#about .section_about h2 img {
    width: 497px;
    width: 66.26667vw
  }

  body#about .section_history .list_history li .detail img {
    width: 100%
  }

  body#info.detail .info_article table.info_article_detail {
    width: 100%;
    max-width: none !important
  }
}

.table_none table {
  border-spacing: 5px
}

@media only screen and (max-width: 1000px) {
  .table_none table {
    border-spacing: 8px;
    border-spacing: 1.06667vw
  }
}

main .section_slider .slick-list .slick-slide {
  padding: 0px
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slick-list .slick-slide {
    padding: 0px;
    padding: 0vw
  }
}

main .section_slider .slick-list .slick-slide .obj_award {
  position: absolute;
  right: 74px;
  bottom: 0;
  width: 125px
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slick-list .slick-slide .obj_award {
    right: 11px;
    right: 1.46667vw
  }
}

@media only screen and (max-width: 1000px) {
  main .section_slider .slick-list .slick-slide .obj_award {
    width: 125px;
    width: 16.66667vw
  }
}

main .section_slider .m_section_inner {
  padding: 0 20px
}

@media only screen and (max-width: 1000px) {
  main .section_slider .m_section_inner {
    padding: 0px;
    padding: 0vw
  }
}

.slider_toppage .slide01 .contents {
  top: 80px;
  right: 50px;
  width: 436px
}

@media only screen and (max-width: 1000px) {
  .slider_toppage .slide01 .contents {
    top: 420px;
    top: 56vw
  }
}

@media only screen and (max-width: 1000px) {
  .slider_toppage .slide01 .contents {
    right: 147px;
    right: 19.6vw
  }
}

@media only screen and (max-width: 1000px) {
  .slider_toppage .slide01 .contents {
    width: 460px;
    width: 61.33333vw
  }
}

body#newletter .section_newletter {
  padding: 0 0 100px
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter {
    padding: 0 0 100px;
    padding: 0 0 13.33333vw
  }
}

body#newletter .section_newletter .title {
  background: url(../images/newsletter/bg_title.jpg) repeat-x center center;
  background-size: auto;
  text-align: center
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .title {
    background-size: cover
  }
}

body#newletter .section_newletter .title .m_section_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 240px
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .title .m_section_inner {
    height: 222px;
    height: 29.6vw
  }
}

body#newletter .section_newletter .title .m_section_inner h2 {
  width: 639px
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .title .m_section_inner h2 {
    width: 600px;
    width: 80vw
  }
}

body#newletter .section_newletter .title .m_section_inner h2 img {
  width: 100%
}

body#newletter .section_newletter .detail {
  width: 1183px;
  margin: 50px auto 0;
  line-height: 1.8;
  font-size: 20px
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail {
    width: 100%
  }
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail {
    margin: 50px auto 0;
    margin: 6.66667vw auto 0
  }
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail {
    line-height: 1.7
  }
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail {
    font-size: 27px;
    font-size: 3.6vw
  }
}

body#newletter .section_newletter .detail .lead {
  padding: 10px 6px 58px 0;
  text-align: center
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail .lead {
    padding: 8px 3px 60px 0;
    padding: 1.06667vw .4vw 8vw 0
  }
}

body#newletter .section_newletter .detail .lead img {
  width: 675px
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail .lead img {
    width: 603px;
    width: 80.4vw
  }
}

body#newletter .section_newletter .detail h3 {
  margin-bottom: 35px;
  font-size: 20px;
  letter-spacing: .9px;
  font-weight: bold;
  color: #e4007f
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail h3 {
    margin-bottom: 35px;
    margin-bottom: 4.66667vw
  }
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail h3 {
    font-size: 27px;
    font-size: 3.6vw
  }
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail h3 {
    letter-spacing: .9px;
    letter-spacing: .12vw
  }
}

body#newletter .section_newletter .detail p {
  line-height: 1.75;
  letter-spacing: 1px
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail p {
    line-height: 1.75
  }
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail p {
    letter-spacing: 1px;
    letter-spacing: .13333vw
  }
}

body#newletter .section_newletter .detail .btn_join {
  display: block;
  width: 710px;
  margin: 0 auto 92px
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail .btn_join {
    width: 100%
  }
}

@media only screen and (max-width: 1000px) {
  body#newletter .section_newletter .detail .btn_join {
    margin: 0 auto 50px;
    margin: 0 auto 6.66667vw
  }
}