/*=============================================

	ncos.top.css
		
=============================================*/
/* clearfix */
.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: "."; }

/* media-queries */
@media screen and (max-width: 767px) {
  .orientation_landscape .landscape {
    display: block; }
  .orientation_landscape .portrait {
    display: none; }

  .orientation_portrait .landscape {
    display: none; }
  .orientation_portrait .portrait {
    display: block; } }
.sp {
  display: none; }

.tb {
  display: none; }

.pc {
  display: none; }

.sp-tb {
  display: none; }

.tb-pc {
  display: none; }

.js-media-queries {
  display: none; }

@media screen and (max-width: 767px) {
  .sp {
    display: block; }

  .sp-tb {
    display: block; }

  .tb-pc {
    display: none; }

  .pc {
    display: none; }

  .js-media-queries {
    font-family: 'sp'; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .sp {
    display: none; }

  .tb {
    display: block; }

  .sp-tb {
    display: block; }

  .tb-pc {
    display: block; }

  .js-media-queries {
    font-family: 'tb'; } }
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .sp {
    display: none; }

  .tb-pc {
    display: block; }

  .pc {
    display: block; }

  .js-media-queries {
    font-family: 'pc'; } }
@media screen and (min-width: 1440px) {
  .sp {
    display: none; }

  .tb-pc {
    display: block; }

  .pc {
    display: block; }

  .js-media-queries {
    font-family: 'pc'; } }
@media print {
  .sp {
    display: none; }

  .tb {
    display: none; }

  .pc {
    display: block; } }
/* KV photo float */
.photoFloatTypographyContainer {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center; }
  .photoFloatTypographyContainer h1 {
    z-index: 1002;
    margin: 0;
    padding: 0; }
  .photoFloatTypographyContainer .bg-typo {
    z-index: 1001;
    position: absolute;
    mix-blend-mode: difference; }

.photoFloatContainer {
  background: url(../../img/topKeyvisual-2018-competition-expired.png);
  background-size: 100% 100%; }
  .photoFloatContainer.is-2020 {
    background: url(../../img/topKeyvisual-2020-competition-bg.png);
    background-size: 100% 100%; }
  .photoFloatContainer.is-2021 {
    background: url(../../img/topKeyvisual-2021-competition-bg.png);
    background-size: 100% 100%; }

a.photoFloatTypographyContainer-link {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1003; }

.photoFloatContainer {
  width: 100%;
  overflow: hidden;
  height: 100vh;
  position: relative; }
  .photoFloatContainer .photo {
    width: 500px;
    height: auto;
    position: absolute; }
    .photoFloatContainer .photo img {
      max-width: 100%;
      height: auto; }
  .photoFloatContainer .photo0 {
    width: 700px; }
  .photoFloatContainer .photo1 {
    width: 500px; }
  .photoFloatContainer .photo2 {
    width: 500px; }
  .photoFloatContainer .photo3 {
    width: 300px; }
  .photoFloatContainer .photo4 {
    width: 500px; }
  .photoFloatContainer .photo5 {
    width: 400px; }
  .photoFloatContainer .photo6 {
    width: 500px; }
  @media screen and (max-width: 1240px) {
    .photoFloatContainer .photo0 {
      width: 525px; }
    .photoFloatContainer .photo1 {
      width: 375px; }
    .photoFloatContainer .photo2 {
      width: 375px; }
    .photoFloatContainer .photo3 {
      width: 300px; }
    .photoFloatContainer .photo4 {
      width: 375px; }
    .photoFloatContainer .photo5 {
      width: 300px; }
    .photoFloatContainer .photo6 {
      width: 375px; } }
  @media screen and (max-width: 1024px) {
    .photoFloatContainer .photo0 {
      width: 525px; }
    .photoFloatContainer .photo1 {
      width: 375px; }
    .photoFloatContainer .photo2 {
      width: 375px; }
    .photoFloatContainer .photo3 {
      width: 300px; }
    .photoFloatContainer .photo4 {
      width: 375px; }
    .photoFloatContainer .photo5 {
      width: 300px; }
    .photoFloatContainer .photo6 {
      width: 375px; } }
  @media screen and (max-width: 767px) {
    .photoFloatContainer .photo0 {
      width: 350px; }
    .photoFloatContainer .photo1 {
      width: 250px; }
    .photoFloatContainer .photo2 {
      width: 250px; }
    .photoFloatContainer .photo3 {
      width: 150px; }
    .photoFloatContainer .photo4 {
      width: 250px; }
    .photoFloatContainer .photo5 {
      width: 200px; }
    .photoFloatContainer .photo6 {
      width: 250px; } }

.photoCover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 300; }

/* KV photo float */
.topkeyVisualSection {
  max-width: 100%;
  overflow-x: hidden; }

/*KeyVisual Winners*/
.topKeyVisual-winners-title {
  position: absolute;
  top: 50%;
  margin-top: -190px !important;
  left: 0; }

.svg-topKeyVisual-winners {
  width: 320px;
  height: 364px;
  margin: 0 auto;
  margin-left: 100px; }

.sp .topKeyVisual-winners-title {
  position: absolute;
  top: 50%;
  margin-top: -150px !important;
  left: 50%;
  margin-left: -140px !important; }

.sp .svg-topKeyVisual-winners {
  width: 280px;
  height: 320px;
  margin: 0 auto; }

.keyVisualFullScreenPhotoSlideContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0; }
  .keyVisualFullScreenPhotoSlideContainer .bg-item {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../img/topKeyVisual2018-exhibition-song-nian-ang.jpg); }

#keyVisualRightPhotoSlide {
  width: 100%; }

#keyVisualRightPhotoSlide img {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%; }

.keyVisualRightPhotoSlideContainer {
  position: absolute;
  width: 55%;
  height: 100%;
  top: 0;
  right: 0;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.sp .keyVisualRightPhotoSlideContainer {
  width: 100% !important; }

.keyVisualRightPhotoSlideContainer-inner {
  position: relative; }

.sp .keyVisualRightPhotoContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center; }

.sp .keyVisualRightPhotoContainer .exhibition2017-winners img {
  width: 90%; }

#keyVisualCenterPhotoSlide {
  width: 100%; }

#keyVisualCenterPhotoSlide img {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%; }

.keyVisualCenterPhotoSlideContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center; }

.sp .keyVisualCenterPhotoSlideContainer {
  width: 100% !important; }

.keyVisualCenterPhotoSlideContainer-inner {
  position: relative; }

.sp .keyVisualCenterPhotoContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center; }

.sp .keyVisualCenterPhotoContainer .exhibition2017-winners img {
  width: 90%; }

.topKeyVisual-exh2017-winners-title {
  position: absolute;
  top: 50%;
  margin-top: -250px !important;
  left: 0;
  z-index: 9999; }

.svg-topKeyVisual-exh2017-winners {
  width: 500px;
  height: 500px;
  margin: 0 auto;
  margin-left: 100px; }

@media screen and (max-width: 320px) {
  .svg-topKeyVisual-exh2017-winners {
    margin-left: 10px;
    width: 280px;
    height: 280px; }

  .topKeyVisual-exh2017-winners-title {
    position: absolute;
    bottom: 60px;
    top: auto;
    margin-top: auto !important;
    left: auto;
    z-index: 9999; } }
@media screen and (min-width: 321px) and (max-width: 480px) {
  .svg-topKeyVisual-exh2017-winners {
    margin-left: 10px;
    width: 300px;
    height: 300px; }

  .topKeyVisual-exh2017-winners-title {
    position: absolute;
    bottom: 60px;
    top: auto;
    margin-top: auto !important;
    left: auto;
    z-index: 9999; } }
@media screen and (min-width: 481px) and (max-width: 767px) {
  .svg-topKeyVisual-exh2017-winners {
    margin-left: 10px;
    width: 420px;
    height: 420px; }

  .topKeyVisual-exh2017-winners-title {
    position: absolute;
    bottom: 60px;
    top: auto;
    margin-top: auto !important;
    left: auto;
    z-index: 9999; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .svg-topKeyVisual-exh2017-winners {
    margin-left: 40px; } }
/* GALLERY2018 2020 */
.topKeyVisual-gallery2021-title,
.topKeyVisual-gallery2020-title,
.topKeyVisual-gallery2019-title,
.topKeyVisual-gallery2018-title {
  position: absolute;
  top: 50%;
  margin-top: -190px !important;
  left: 0;
  z-index: 9999; }
  @media screen and (max-width: 767px) {
    .topKeyVisual-gallery2021-title,
    .topKeyVisual-gallery2020-title,
    .topKeyVisual-gallery2019-title,
    .topKeyVisual-gallery2018-title {
      width: 100%;
      text-align: center; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .topKeyVisual-gallery2021-title,
    .topKeyVisual-gallery2020-title,
    .topKeyVisual-gallery2019-title,
    .topKeyVisual-gallery2018-title {
      margin-top: -152px !important; } }
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    .topKeyVisual-gallery2021-title,
    .topKeyVisual-gallery2020-title,
    .topKeyVisual-gallery2019-title,
    .topKeyVisual-gallery2018-title {
      margin-top: -171px !important; } }
  .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2018,
  .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2018,
  .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2018,
  .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2018 {
    width: 300px;
    height: 380px;
    margin: 0 auto;
    margin-left: 100px; }
    @media screen and (max-width: 767px) {
      .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2018,
      .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2018,
      .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2018,
      .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2018 {
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2018,
      .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2018,
      .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2018,
      .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2018 {
        width: calc(300px * 0.8);
        height: calc(380px * 0.8);
        margin-left: 60px; } }
    @media screen and (min-width: 1024px) and (max-width: 1279px) {
      .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2018,
      .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2018,
      .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2018,
      .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2018 {
        width: calc(300px * 0.9);
        height: calc(380px * 0.9);
        margin-left: 90px; } }
  .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2019,
  .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2019,
  .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2019,
  .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2019 {
    width: 300px;
    height: 380px;
    margin: 0 auto;
    margin-left: 100px; }
    @media screen and (max-width: 767px) {
      .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2019,
      .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2019,
      .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2019,
      .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2019 {
        width: 300px;
        height: 300px;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2019,
      .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2019,
      .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2019,
      .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2019 {
        width: calc(300px * 0.8);
        height: calc(380px * 0.8);
        margin-left: 60px; } }
    @media screen and (min-width: 1024px) and (max-width: 1279px) {
      .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2019,
      .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2019,
      .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2019,
      .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2019 {
        width: calc(300px * 0.9);
        height: calc(380px * 0.9);
        margin-left: 90px; } }
  .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2020,
  .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2021,
  .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2020,
  .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2021,
  .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2020,
  .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2021,
  .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2020,
  .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2021 {
    width: 400px;
    height: auto;
    margin: 0 auto;
    margin-left: 100px; }
    @media screen and (max-width: 767px) {
      .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2020,
      .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2021,
      .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2020,
      .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2021,
      .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2020,
      .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2021,
      .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2020,
      .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2021 {
        width: 400px;
        max-width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2020,
      .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2021,
      .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2020,
      .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2021,
      .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2020,
      .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2021,
      .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2020,
      .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2021 {
        width: calc(400px * 0.9);
        height: auto;
        margin-left: 60px; } }
    @media screen and (min-width: 1024px) and (max-width: 1279px) {
      .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2020,
      .topKeyVisual-gallery2021-title .svg-topKeyVisual-gallery2021,
      .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2020,
      .topKeyVisual-gallery2020-title .svg-topKeyVisual-gallery2021,
      .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2020,
      .topKeyVisual-gallery2019-title .svg-topKeyVisual-gallery2021,
      .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2020,
      .topKeyVisual-gallery2018-title .svg-topKeyVisual-gallery2021 {
        width: calc(400px * 0.9);
        height: auto;
        margin-left: 90px; } }

/* /GALLERY2018 2019 */
.keyvisual-exhibition {
  width: 100%;
  height: 100%; }
  .keyvisual-exhibition .inner {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse; }
    @media screen and (max-width: 767px) {
      .keyvisual-exhibition .inner {
        display: block;
        height: auto; } }
    .keyvisual-exhibition .inner .photo {
      width: 50%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      @media screen and (max-width: 767px) {
        .keyvisual-exhibition .inner .photo {
          width: 100%;
          display: block; } }
      .keyvisual-exhibition .inner .photo .photo-inner {
        width: 100%;
        position: relative; }
        .keyvisual-exhibition .inner .photo .photo-inner .photos {
          width: 33vw;
          height: 33vw;
          position: relative; }
          @media screen and (max-width: 767px) {
            .keyvisual-exhibition .inner .photo .photo-inner .photos {
              margin-top: 70px;
              width: 100vw;
              height: 100vw; } }
          .keyvisual-exhibition .inner .photo .photo-inner .photos img {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0; }
    .keyvisual-exhibition .inner .title {
      width: 50%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      @media screen and (max-width: 767px) {
        .keyvisual-exhibition .inner .title {
          width: 100%;
          display: block;
          height: auto; } }
      .keyvisual-exhibition .inner .title .title-inner {
        width: 400px;
        margin-left: 30px; }
        @media screen and (max-width: 767px) {
          .keyvisual-exhibition .inner .title .title-inner {
            width: 260px;
            margin-top: -30px; } }
        .keyvisual-exhibition .inner .title .title-inner img {
          width: 100%;
          height: auto; }

.topKeyVisual-exh2018-winners-title,
.topKeyVisual-exh2019-winners-title {
  position: absolute;
  top: 50%;
  margin-top: -190px !important;
  left: 0;
  z-index: 9999; }

.svg-topKeyVisual-exh2018-winners,
.svg-topKeyVisual-exh2019-winners {
  width: 440px;
  height: 380px;
  margin: 0 auto;
  margin-left: 100px; }

@media screen and (max-width: 320px) {
  .svg-topKeyVisual-exh2018-winners,
  .svg-topKeyVisual-exh2019-winners {
    margin-left: 20px;
    width: 100%;
    max-width: calc(100% - 40px); }

  .topKeyVisual-exh2018-winners-title,
  .topKeyVisual-exh2019-winners-title {
    position: absolute;
    width: 100%;
    bottom: 30px;
    top: auto;
    margin-top: auto !important;
    left: auto;
    z-index: 9999; } }
@media screen and (min-width: 321px) and (max-width: 767px) {
  .svg-topKeyVisual-exh2018-winners,
  .svg-topKeyVisual-exh2019-winners {
    margin-left: 20px;
    width: calc(100% - 80px);
    max-width: calc(440px * 0.8); }

  .topKeyVisual-exh2018-winners-title,
  .topKeyVisual-exh2019-winners-title {
    width: 100%;
    position: absolute;
    bottom: 30px;
    top: auto;
    margin-top: auto !important;
    left: auto;
    z-index: 9999; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .svg-topKeyVisual-exh2018-winners,
  .svg-topKeyVisual-exh2019-winners {
    width: calc(440px * 0.8);
    height: calc(380px * 0.8);
    margin-left: 60px; }

  .topKeyVisual-exh2018-winners-title,
  .topKeyVisual-exh2019-winners-title {
    margin-top: -152px !important; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .svg-topKeyVisual-exh2018-winners,
  .svg-topKeyVisual-exh2019-winners {
    width: calc(440px * 0.9);
    height: calc(380px * 0.9);
    margin-left: 90px; }

  .topKeyVisual-exh2018-winners-title,
  .topKeyVisual-exh2019-winners-title {
    margin-top: -171px !important; } }
.topKeyVisual-exh2018-event-title,
.topKeyVisual-exh2019-event-title {
  position: absolute;
  top: 50%;
  z-index: 9999;
  margin-top: -200px !important; }
  @media screen and (max-width: 320px) {
    .topKeyVisual-exh2018-event-title,
    .topKeyVisual-exh2019-event-title {
      margin-top: -170px !important; } }
  @media screen and (min-width: 321px) and (max-width: 375px) {
    .topKeyVisual-exh2018-event-title,
    .topKeyVisual-exh2019-event-title {
      margin-top: -200px !important; } }
  @media screen and (min-width: 376px) and (max-width: 767px) {
    .topKeyVisual-exh2018-event-title,
    .topKeyVisual-exh2019-event-title {
      margin-top: -240px !important; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .topKeyVisual-exh2018-event-title,
    .topKeyVisual-exh2019-event-title {
      margin-top: -240px !important; } }
  .topKeyVisual-exh2018-event-title.lecture,
  .topKeyVisual-exh2019-event-title.lecture {
    left: 0; }
  .topKeyVisual-exh2018-event-title.talkshow,
  .topKeyVisual-exh2019-event-title.talkshow {
    right: calc(100vw /20); }

.svg-topKeyVisual-exh2018-event-lecture {
  width: 440px;
  height: 480px;
  margin: 0 auto;
  margin-left: 100px; }

.svg-topKeyVisual-exh2018-event-talkshow {
  width: 440px;
  height: 480px;
  margin: 0 auto;
  margin-left: 100px; }

@media screen and (max-width: 1023px) {
  .svg-topKeyVisual-exh2018-event {
    margin-left: 20px;
    width: calc(100% - 80px);
    max-width: calc(440px * 0.8); }

  .topKeyVisual-exh2018-event-title {
    width: 100%;
    position: absolute;
    left: 20px;
    z-index: 9999; } }
.topKeyVisual-exh2018-2017gp-title {
  position: absolute;
  top: 50%;
  margin-top: -200px !important;
  left: 0; }

.svg-topKeyVisual-exh2018-2017gp {
  width: 440px;
  height: 400px;
  margin: 0 auto;
  margin-left: 100px; }

@media screen and (max-width: 320px) {
  .svg-topKeyVisual-exh2018-2017gp {
    margin-left: 20px;
    width: 100%;
    max-width: calc(100% - 40px); }

  .topKeyVisual-exh2018-2017gp-title {
    position: absolute;
    width: 100%;
    bottom: 30px;
    top: auto;
    margin-top: auto !important;
    left: 20px; } }
@media screen and (min-width: 321px) and (max-width: 767px) {
  .svg-topKeyVisual-exh2018-2017gp {
    margin-left: 20px;
    width: calc(100% - 80px);
    max-width: calc(440px * 0.8); }

  .topKeyVisual-exh2018-2017gp-title {
    width: 100%;
    position: absolute;
    bottom: 60px;
    top: auto;
    margin-top: auto !important;
    left: 20px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .svg-topKeyVisual-exh2018-2017gp {
    width: calc(440px * 0.8);
    height: calc(400px * 0.8);
    margin-left: 60px; }

  .topKeyVisual-exh2018-2017gp-title {
    margin-top: -162px !important; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .svg-topKeyVisual-exh2018-2017gp {
    width: calc(440px * 0.9);
    height: calc(400px * 0.9);
    margin-left: 90px; }

  .topKeyVisual-exh2018-2017gp-title {
    margin-top: -181px !important; } }
.topKeyVisual-exh2018-gpselection-title {
  position: absolute;
  top: 50%;
  margin-top: -190px !important;
  left: 0; }

.svg-topKeyVisual-exh2018-gpselection {
  width: 440px;
  height: 380px;
  margin: 0 auto;
  margin-left: 100px; }

@media screen and (max-width: 320px) {
  .svg-topKeyVisual-exh2018-gpselection {
    margin-left: 20px;
    width: 100%;
    max-width: calc(100% - 40px); }

  .topKeyVisual-exh2018-gpselection-title {
    position: absolute;
    width: 100%;
    bottom: 30px;
    top: auto;
    margin-top: auto !important;
    left: 20px; } }
@media screen and (min-width: 321px) and (max-width: 767px) {
  .svg-topKeyVisual-exh2018-gpselection {
    margin-left: 20px;
    width: calc(100% - 80px);
    max-width: calc(440px * 0.8); }

  .topKeyVisual-exh2018-gpselection-title {
    width: 100%;
    position: absolute;
    bottom: 30px;
    top: auto;
    margin-top: auto !important;
    left: 20px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .svg-topKeyVisual-exh2018-gpselection {
    width: calc(440px * 0.8);
    height: calc(380px * 0.8);
    margin-left: 60px; }

  .topKeyVisual-exh2018-gpselection-title {
    margin-top: -152px !important; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .svg-topKeyVisual-exh2018-gpselection {
    width: calc(440px * 0.9);
    height: calc(380px * 0.9);
    margin-left: 90px; }

  .topKeyVisual-exh2018-gpselection-title {
    margin-top: -171px !important; } }
.topKeyVisual-exh2018-event-title,
.topKeyVisual-exh2018-2017gp-title,
.topKeyVisual-exh2018-gpselection-title {
  z-index: 6000 !important; }

/**/
.keyVisualRightPhotoContainer {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.keyVisualRightPhotoContainer .exhibition2017-kimsajik img {
  width: 80%; }

.sp .keyVisualRightPhotoContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center; }

.sp .keyVisualRightPhotoContainer .exhibition2017-kimsajik img {
  width: 90%; }

.topKeyVisual-exh2017-kimsajik-title {
  position: absolute;
  top: 50%;
  margin-top: -250px !important;
  left: 0;
  z-index: 9999; }

.svg-topKeyVisual-exh2017-kimsajik {
  width: 500px;
  height: 500px;
  margin: 0 auto;
  margin-left: 100px; }

@media screen and (max-width: 320px) {
  .svg-topKeyVisual-exh2017-kimsajik {
    margin-left: 10px;
    width: 280px;
    height: 280px; }

  .topKeyVisual-exh2017-kimsajik-title {
    position: absolute;
    bottom: 60px;
    top: auto;
    margin-top: auto !important;
    left: auto;
    z-index: 9999; } }
@media screen and (min-width: 321px) and (max-width: 480px) {
  .svg-topKeyVisual-exh2017-kimsajik {
    margin-left: 10px;
    width: 300px;
    height: 300px; }

  .topKeyVisual-exh2017-kimsajik-title {
    position: absolute;
    bottom: 60px;
    top: auto;
    margin-top: auto !important;
    left: auto;
    z-index: 9999; } }
@media screen and (min-width: 481px) and (max-width: 767px) {
  .svg-topKeyVisual-exh2017-kimsajik {
    margin-left: 10px;
    width: 420px;
    height: 420px; }

  .topKeyVisual-exh2017-kimsajik-title {
    position: absolute;
    bottom: 60px;
    top: auto;
    margin-top: auto !important;
    left: auto;
    z-index: 9999; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .svg-topKeyVisual-exh2017-kimsajik {
    margin-left: 40px; } }
/* 2017 */
/*
img.topKeyVisual2017-lecture{
width: 100%;
}
*/
.lecture-bottom {
  width: 100%;
  background: #fff;
  position: absolute;
  padding-top: 30px;
  padding-bottom: 50px;
  bottom: 0; }

/*
.lecture-sawa-container{
background: url(../../img/topKeyVisual2017-lecture-sawa.jpg);
background-position: center center;
background-size: cover;
}

.lecture-ueda-container{
background: url(../../img/topKeyVisual2017-lecture-ueda.jpg);
background-position: center center;
background-size: cover;
}
*/
img.svg-lecture-sawa-t {
  position: absolute;
  left: 0;
  width: 150px;
  height: 492px;
  z-index: 9999; }

img.svg-lecture-ueda-t {
  position: absolute;
  right: 0;
  width: 270px;
  height: 492px;
  z-index: 9999; }

img.svg-lecture-sawa {
  margin-left: 40px;
  width: 400px;
  height: 150px; }

img.svg-lecture-ueda {
  margin-left: 40px;
  width: 400px;
  height: 150px; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  img.svg-lecture-sawa {
    margin-left: 30px;
    width: 320px;
    height: 120px; }

  img.svg-lecture-ueda {
    margin-left: 30px;
    width: 320px;
    height: 120px; } }
.sp .keyVisualLRSplit.topKeyVisual2017-lecture .left,
.sp .keyVisualLRSplit.topKeyVisual2017-lecture .right {
  width: 100%;
  float: none;
  height: 50%; }

.sp img.svg-lecture-sawa-t,
.sp img.svg-lecture-ueda-t {
  display: none; }

.sp .lecture-bottom {
  width: 100%;
  background: #fff;
  position: absolute;
  bottom: 0; }

.sp .lecture-bottom.sawa {
  padding-top: 20px;
  padding-bottom: 20px; }

.sp .lecture-bottom.ueda {
  padding-top: 20px;
  padding-bottom: 50px; }

@media screen and (max-width: 320px) {
  .sp img.svg-lecture-sawa-sp {
    margin-left: 20px !important;
    width: 240px !important;
    height: 54px !important; }

  .sp img.svg-lecture-ueda-sp {
    margin-left: 20px !important;
    width: 240px !important;
    height: 54px !important; } }
@media screen and (min-width: 321px) and (max-width: 767px) {
  img.svg-lecture-sawa-sp {
    margin-left: 30px;
    width: 280px;
    height: 63px; }

  img.svg-lecture-ueda-sp {
    margin-left: 30px;
    width: 280px;
    height: 63px; } }
/*
@media screen and (min-width: 1440px) {
 img.svg-lecture-sawa{
 position: absolute;
 bottom: 70px;
 }
 img.svg-lecture-ueda{
 position: absolute;
 bottom: 70px;
 }
}
*/
/*KeyVisual Judges*/
.topKeyVisual-judges {
  position: relative;
  /*
  background: #DBD1C5;
  */
  background: #E2EEFD;
  height: 100%;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  vertical-align: middle; }

.topKeyVisual-judges a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.topKeyVisual-judges-bg {
  width: 100%;
  height: 295px;
  background-repeat: repeat;
  background-size: auto 100%; }

.topKeyVisual-judges-title {
  position: absolute;
  top: 50%;
  margin-top: -240px;
  left: 0; }

.svg-topKeyVisual-judges {
  width: 720px;
  height: 490px;
  margin: 0 auto; }

.sp .svg-topKeyVisual-judges {
  width: 80%;
  max-width: 260px;
  margin: 0 auto 0 20px; }

/*KeyVisual Judges*/
/* portfolio review */
.topKeyVisual-portfolio {
  position: relative;
  background: #fff;
  margin-top: 7%;
  /*
  height: 100%;
  */
  /*
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  display: -webkit-flex;
  */
  /*
  -webkit-align-items:center;
  -ms-align-items: center;
  align-items: center;
  vertical-align: middle;
  */ }

.sp .topKeyVisual-portfolio {
  position: relative;
  background: #fff;
  margin-top: 60px; }

/*
.topKeyVisual-portfolio a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
*/
/*
.topKeyVisual-portfolio-bg{
width: 100%;
height: 320px;
background: url(../../img/topKeyvisual2017-portfolio-review.jpg);
background-repeat:repeat;
background-size: auto 100%;
}
*/
img.svg-portfolio-review,
img.svg-portfolio-name {
  margin-top: 40px; }

.sp img.svg-portfolio-name {
  display: none; }

img.svg-portfolio-review {
  position: absolute;
  margin-left: 60px;
  width: 400px;
  height: 150px; }

@media screen and (max-width: 320px) {
  img.svg-portfolio-review {
    margin-left: 20px;
    width: 240px;
    height: 80px; } }
@media screen and (min-width: 321px) and (max-width: 480px) {
  img.svg-portfolio-review {
    margin-left: 30px;
    width: 300px;
    height: 113px; } }
@media screen and (min-width: 481px) and (max-width: 767px) {
  img.svg-portfolio-review {
    margin-left: 30px;
    width: 400px;
    height: 150px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  img.svg-portfolio-review {
    margin-left: 40px;
    width: 400px;
    height: 150px; }

  img.svg-portfolio-name {
    display: none; } }
.sp img.svg-portfolio-review {
  position: relative !important;
  z-index: 9999; }

.topKeyVisual-portfolio-txt {
  position: relative;
  margin: 0 auto;
  max-width: 1200px; }

img.svg-portfolio-name {
  position: absolute;
  width: 360px;
  height: 189px;
  position: absolute;
  right: 120px;
  top: 0; }

/*KeyVisual portfolio*/
/*

.topKeyVisual-judges{
position: relative;
background: #DBD1C5;
height: 100%;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
-webkit-align-items:center;
-ms-align-items: center;
align-items: center;
vertical-align: middle;
}
.topKeyVisual-judges a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.topKeyVisual-judges-bg{
width: 100%;
height: 295px;
background: url(../../img/topKeyvisual-2017-judges.jpg);
background-repeat:repeat;
background-size: auto 100%;
}


.topKeyVisual-judges-title{
position: absolute;
top: 50%;
margin-top: -240px;
left: 0;
}

*/
/* gpannounced review */
.topKeyVisual-gpannounced-container {
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }

a.topKeyVisual-gpannounced-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute; }

.topKeyVisual-gpannounced {
  position: relative;
  background: #fff; }

.tb .topKeyVisual-gpannounced {
  position: relative;
  background: #fff;
  margin-top: 120px; }

.sp .topKeyVisual-gpannounced {
  position: relative;
  background: #fff;
  margin-top: 80px; }

.topKeyVisual-gpannounced-bg2018 {
  width: 100%;
  height: 360px;
  background: url(../../img/topKeyvisual2018-GP-announced.jpg);
  background-repeat: repeat;
  background-size: auto 100%; }

.sp .topKeyVisual-gpannounced-bg2018 {
  width: 100%;
  height: 280px;
  background: url(../../img/topKeyvisual2018-GP-announced.jpg);
  background-repeat: repeat;
  background-size: auto 100%; }

.topKeyVisual-gpannounced-bg {
  width: 100%;
  height: 360px;
  background: url(../../img/topKeyvisual2017-GP-announced.jpg);
  background-repeat: repeat;
  background-size: auto 100%; }

.sp .topKeyVisual-gpannounced-bg {
  width: 100%;
  height: 280px;
  background: url(../../img/topKeyvisual2017-GP-announced.jpg);
  background-repeat: repeat;
  background-size: auto 100%; }

img.svg-gpannounced,
img.svg-gpannounced-name {
  margin-top: 40px; }

img.svg-gpannounced {
  position: absolute;
  margin-left: 60px;
  width: 494px;
  height: 160px; }

img.svg-gpannounced2018 {
  position: absolute;
  margin-top: 40px;
  margin-left: 60px;
  width: 494px;
  height: 160px; }

.sp img.svg-gpannounced2018 {
  position: absolute;
  margin-top: 25px;
  margin-left: 20px !important;
  padding-left: 0;
  width: 460px;
  max-width: 80%; }

@media screen and (max-width: 320px) {
  img.svg-gpannounced {
    margin-left: 20px;
    width: 247px;
    height: 80px; } }
@media screen and (min-width: 321px) and (max-width: 480px) {
  img.svg-gpannounced {
    margin-left: 30px;
    width: 300px;
    height: 113px; } }
@media screen and (min-width: 481px) and (max-width: 767px) {
  img.svg-gpannounced {
    margin-left: 30px;
    width: 400px;
    height: 128px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  img.svg-gpannounced {
    margin-left: 40px;
    width: 494px;
    height: 160px; } }
.sp img.svg-gpannounced-review {
  position: relative !important;
  z-index: 9999; }

.topKeyVisual-gpannounced-txt {
  position: relative;
  margin: 0 auto;
  max-width: 1200px; }

/* /gpannounced review */
body.top header .header-top-ham {
  display: block;
  background: none; }

body.top header .header-top-nav {
  display: none; }

body.top header .header-contents-ham {
  display: none; }

body.top header .header-contents-nav {
  display: none; }

header .header-top-ham .logo-bk svg.logo-newcosmos path,
header .header-mobile-ham .logo-bk svg.logo-newcosmos path {
  fill: #000; }

header .header-top-ham .logo-wh svg.logo-newcosmos path,
header .header-mobile-ham .logo-wh svg.logo-newcosmos path {
  fill: #fff; }

body:not(top) header .header-mobile-ham .logo-wh {
  display: none; }

body:not(top) header .header-top-ham .logo-wh {
  display: none; }

.topkeyVisualSection {
  max-width: 100%;
  overflow-x: hidden; }

.keyVisualSlide .js-slideItem {
  width: 100%; }

.keyVisualSlide .slick-dotted {
  margin-bottom: 0 !important;
  height: 10px; }

.keyVisualSlide ul.slick-dots {
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  width: 50px;
  right: 0;
  top: calc(50% - 20px); }

.sp .keyVisualSlide ul.slick-dots {
  width: 40px; }

.keyVisualSlide ul.slick-dots li {
  margin: 10px;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.keyVisualSlide ul.slick-dots li button {
  width: 40px;
  height: 20px;
  line-height: 0;
  color: #fff;
  border: 0 !important;
  font-size: 0px !important;
  list-style: none;
  background-image: url(../img/cmn-btn-keyvisualSlide-bk.png);
  background-position: 0px 8px;
  background-repeat: no-repeat;
  opacity: 0.5; }

.keyVisualSlide .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.keyVisualSlide ul.slick-dots li button:hover {
  opacity: 1; }

.keyVisualSlide ul.slick-dots li.slick-active button {
  opacity: 1; }

.keyVisualSlide .slick-dots li button:hover,
.keyVisualSlide .slick-dots li button:focus {
  outline: none; }

.keyVisualSlide .slick-dots li button:hover:before,
.keyVisualSlide .slick-dots li button:focus:before {
  opacity: 1; }

/*YouTube*/
#keyvisualYouTubeContainer {
  background: #000;
  width: 100%;
  overflow: hidden; }

#keyvisualYouTube-player {
  position: relative;
  z-index: 0; }

#keyvisualYouTube-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: url(../img/cmn-bg-youtube-dot.png) 0 0 repeat; }

#keyvisualYouTube-loader {
  background: #000 url("../img/cmn-loader.gif") no-repeat center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.topAboutContainer {
  margin-bottom: 80px; }

.sp-tb .topAboutContainer {
  margin-bottom: 80px; }

.top-aboutConceptContainer {
  padding-top: 180px !important;
  padding-bottom: 80px !important;
  max-width: 780px;
  width: 680px;
  border: 0;
  padding: 0; }

.sp .top-aboutConceptContainer {
  padding-top: 80px !important;
  padding-bottom: 60px !important;
  max-width: 80%;
  border: 0;
  padding: 0; }

.tb .top-aboutConceptContainer {
  padding-top: 120px !important;
  padding-bottom: 80px !important;
  max-width: 70%;
  border: 0;
  padding: 0; }

.top-aboutConceptContainer h2 {
  border: 0;
  padding: 0; }

.top-aboutConceptContainer img {
  border: 0;
  padding: 0;
  width: 100%;
  margin-left: 30px; }

.sp-tb .top-aboutConceptContainer img {
  margin-left: 0px; }

.topGalleryContainer {
  padding-top: 80px;
  margin-bottom: 80px; }

.sp .topGalleryContainer {
  padding-top: 40px;
  margin-bottom: 50px; }

.tb .topGalleryContainer {
  padding-top: 80px;
  margin-bottom: 50px; }

/* for archives */
.top-gallery-archives-photo {
  width: 100%;
  background-color: #000;
  line-height: 0; }
  .top-gallery-archives-photo .photo {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    width: 100%; }
    .top-gallery-archives-photo .photo img {
      width: 100%; }
    @media screen and (min-width: 1024px) {
      .top-gallery-archives-photo .photo {
        transition: all 400ms 0s ease-out; }
        .top-gallery-archives-photo .photo:hover {
          opacity: 0.6; } }

.top-gallery-archives-content {
  background-color: #fff;
  color: #000;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .top-gallery-archives-content {
      padding-top: 30px;
      padding-bottom: 10px; } }
  .top-gallery-archives-content .title {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px; }
  .top-gallery-archives-content .copy {
    font-size: 13px;
    padding-bottom: 20px; }

.top-magazine-archives-photo {
  width: 100%;
  background-color: #000;
  line-height: 0; }
  .top-magazine-archives-photo .photo {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    width: 100%; }
    .top-magazine-archives-photo .photo img {
      width: 100%; }
    @media screen and (min-width: 1024px) {
      .top-magazine-archives-photo .photo {
        transition: all 400ms 0s ease-out; }
        .top-magazine-archives-photo .photo:hover {
          opacity: 0.6; } }

.top-magazine-archives-content {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding-bottom: 10px; }
  .top-magazine-archives-content .title {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px; }
  .top-magazine-archives-content .copy {
    font-size: 13px;
    padding-bottom: 20px; }
  .top-magazine-archives-content .btnMore-inner {
    color: #fff; }

.top-interview-archives-photo {
  width: 100%;
  background-color: #000;
  line-height: 0; }
  .top-interview-archives-photo .photo {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    width: 100%; }
    .top-interview-archives-photo .photo img {
      width: 100%; }
    @media screen and (min-width: 1024px) {
      .top-interview-archives-photo .photo {
        transition: all 400ms 0s ease-out; }
        .top-interview-archives-photo .photo:hover {
          opacity: 0.6; } }

.top-interview-archives-content {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding-bottom: 10px; }
  .top-interview-archives-content .title {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px; }
  .top-interview-archives-content .copy {
    font-size: 13px;
    padding-bottom: 20px; }
  .top-interview-archives-content .btnMore-inner {
    color: #fff; }

/* Slick Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  /*
  background: #fff url('../img/cmn-loader.gif) center center no-repeat;
  */ }

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev {
  transition: margin-left 0.25s ease-out; }

.slick-prev:not(:hover) {
  margin-left: 0; }

.slick-prev:hover {
  margin-left: -5px;
  opacity: 0.5; }

.slick-next {
  transition: margin-right 0.25s ease-out; }

.slick-next:not(:hover) {
  margin-right: 0; }

.slick-next:hover {
  margin-right: -5px;
  opacity: 0.5; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:hover,
.slick-next.slick-disabled:hover {
  cursor: default; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .1; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: url(../svg/svg-btn-slide-prev.svg); }

[dir='rtl'] .slick-prev:before {
  content: url(../svg/svg-btn-slide-prev.svg); }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: url(../svg/svg-btn-slide-next.svg); }

[dir='rtl'] .slick-next:before {
  content: url(../svg/svg-btn-slide-next.svg); }

.keyVisual2021ArtistTalkContainer {
  width: 100%;
  height: 100%; }
  .keyVisual2021ArtistTalkContainer .inner {
    width: 1300px;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 767px) {
      .keyVisual2021ArtistTalkContainer .inner {
        width: 100%;
        max-width: 100%; } }
    .keyVisual2021ArtistTalkContainer .inner .content {
      width: 36%;
      margin-left: 40px;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .keyVisual2021ArtistTalkContainer .inner .content {
          min-width: 400px;
          margin-left: 20px; } }
      @media screen and (max-width: 767px) {
        .keyVisual2021ArtistTalkContainer .inner .content {
          min-width: 80%;
          margin-left: 10px; } }
      @media screen and (max-width: 767px) {
        .keyVisual2021ArtistTalkContainer .inner .content {
          justify-content: flex-start; } }
      .keyVisual2021ArtistTalkContainer .inner .content .svg {
        width: 321px;
        max-width: 80%; }
        @media screen and (max-width: 767px) {
          .keyVisual2021ArtistTalkContainer .inner .content .svg {
            width: 240px;
            max-width: 360px;
            margin-left: 30px; } }

.keyVisual2020ArtistTalkContainer {
  width: 100%;
  height: 100%; }
  .keyVisual2020ArtistTalkContainer .inner {
    width: 1300px;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 767px) {
      .keyVisual2020ArtistTalkContainer .inner {
        width: 100%;
        max-width: 100%; } }
    .keyVisual2020ArtistTalkContainer .inner .content {
      width: 36%;
      margin-left: 40px;
      height: 100%;
      background: rgba(255, 255, 255, 0.8);
      display: flex;
      justify-content: center;
      align-items: center; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .keyVisual2020ArtistTalkContainer .inner .content {
          min-width: 400px;
          margin-left: 20px; } }
      @media screen and (max-width: 767px) {
        .keyVisual2020ArtistTalkContainer .inner .content {
          min-width: 80%;
          margin-left: 10px;
          background: rgba(255, 255, 255, 0.6); } }
      @media screen and (max-width: 767px) {
        .keyVisual2020ArtistTalkContainer .inner .content {
          justify-content: flex-start; } }
      .keyVisual2020ArtistTalkContainer .inner .content .svg {
        width: 321px;
        max-width: 80%; }
        @media screen and (max-width: 767px) {
          .keyVisual2020ArtistTalkContainer .inner .content .svg {
            width: 240px;
            max-width: 360px;
            margin-left: 30px; } }

.keyVisual2019ArtistTalkContainer {
  width: 100%;
  height: 100%; }
  .keyVisual2019ArtistTalkContainer .inner {
    width: 1300px;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto; }
    .keyVisual2019ArtistTalkContainer .inner .content {
      width: 36%;
      margin-left: 40px;
      height: 100%;
      background: rgba(255, 255, 255, 0.8);
      display: flex;
      justify-content: center;
      align-items: center; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .keyVisual2019ArtistTalkContainer .inner .content {
          min-width: 400px;
          margin-left: 20px; } }
      @media screen and (max-width: 767px) {
        .keyVisual2019ArtistTalkContainer .inner .content {
          min-width: 100%;
          margin-left: 0px;
          background: rgba(255, 255, 255, 0.75); } }
      .keyVisual2019ArtistTalkContainer .inner .content .svg {
        width: 321px;
        max-width: 80%; }
        @media screen and (max-width: 767px) {
          .keyVisual2019ArtistTalkContainer .inner .content .svg {
            width: 75%;
            max-width: 360px; } }

.keyVisual2020TalkshowContainer,
.keyVisual2021TalkshowContainer {
  width: 100%;
  height: 100%;
  background: #fff; }
  .keyVisual2020TalkshowContainer .inner,
  .keyVisual2021TalkshowContainer .inner {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse; }
    @media screen and (max-width: 767px) {
      .keyVisual2020TalkshowContainer .inner,
      .keyVisual2021TalkshowContainer .inner {
        max-width: 100%;
        display: block; } }
    .keyVisual2020TalkshowContainer .inner .content,
    .keyVisual2021TalkshowContainer .inner .content {
      width: 40%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      @media screen and (max-width: 767px) {
        .keyVisual2020TalkshowContainer .inner .content,
        .keyVisual2021TalkshowContainer .inner .content {
          width: 100%;
          display: block;
          margin-top: 40px; } }
      .keyVisual2020TalkshowContainer .inner .content .content-inner,
      .keyVisual2021TalkshowContainer .inner .content .content-inner {
        width: 300px;
        margin-left: 30px; }
        .keyVisual2020TalkshowContainer .inner .content .content-inner .talkshow-info,
        .keyVisual2021TalkshowContainer .inner .content .content-inner .talkshow-info {
          width: 100%; }
        @media screen and (max-width: 767px) {
          .keyVisual2020TalkshowContainer .inner .content .content-inner,
          .keyVisual2021TalkshowContainer .inner .content .content-inner {
            width: 240px;
            margin-bottom: 80px; } }
    .keyVisual2020TalkshowContainer .inner .photo,
    .keyVisual2021TalkshowContainer .inner .photo {
      width: 60%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      @media screen and (max-width: 767px) {
        .keyVisual2020TalkshowContainer .inner .photo,
        .keyVisual2021TalkshowContainer .inner .photo {
          width: 100%;
          height: auto;
          display: block; } }
      .keyVisual2020TalkshowContainer .inner .photo .photo-inner,
      .keyVisual2021TalkshowContainer .inner .photo .photo-inner {
        width: 90%; }
        .keyVisual2020TalkshowContainer .inner .photo .photo-inner img,
        .keyVisual2021TalkshowContainer .inner .photo .photo-inner img {
          width: 100%; }
        @media screen and (max-width: 767px) {
          .keyVisual2020TalkshowContainer .inner .photo .photo-inner,
          .keyVisual2021TalkshowContainer .inner .photo .photo-inner {
            width: 100%; } }

.keyVisual2019TalkshowContainer {
  width: 100%;
  height: 100%;
  background: #fff; }
  .keyVisual2019TalkshowContainer .content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }
    .keyVisual2019TalkshowContainer .content .inner {
      width: 100%;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 120px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .keyVisual2019TalkshowContainer .content .inner {
          padding-left: 30px; } }
      @media screen and (max-width: 767px) {
        .keyVisual2019TalkshowContainer .content .inner {
          padding-left: 30px; } }
      .keyVisual2019TalkshowContainer .content .inner .talkshow-info {
        width: 670px;
        max-width: 100%; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .keyVisual2019TalkshowContainer .content .inner .talkshow-info {
            width: 570px;
            max-width: 80%; } }
        @media screen and (max-width: 767px) {
          .keyVisual2019TalkshowContainer .content .inner .talkshow-info {
            width: 80%;
            max-width: 80%; } }
  .keyVisual2019TalkshowContainer .photo {
    position: absolute;
    top: 0;
    right: 0;
    width: 230px;
    height: 100%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .keyVisual2019TalkshowContainer .photo {
        width: 160px; } }
    @media screen and (max-width: 767px) {
      .keyVisual2019TalkshowContainer .photo {
        width: 100%;
        height: 120px;
        top: auto;
        right: 0;
        bottom: 0;
        display: flex; } }
    .keyVisual2019TalkshowContainer .photo .photo-bg {
      width: 100%;
      height: 33.3333%; }
      @media screen and (max-width: 767px) {
        .keyVisual2019TalkshowContainer .photo .photo-bg {
          width: 33.3333%;
          height: 120px; } }

.keyVisual2019PortFolioReviewContainer {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center; }
  .keyVisual2019PortFolioReviewContainer .inner-portfolio {
    width: 100%; }
    .keyVisual2019PortFolioReviewContainer .inner-portfolio .content-portfolio {
      width: 1200px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      height: auto;
      padding-left: 30px; }
      .keyVisual2019PortFolioReviewContainer .inner-portfolio .content-portfolio .svg-portfolio-review {
        width: 430px;
        height: auto;
        max-width: 90%;
        position: relative;
        margin: 0;
        padding: 0; }
        @media screen and (max-width: 767px) {
          .keyVisual2019PortFolioReviewContainer .inner-portfolio .content-portfolio .svg-portfolio-review {
            max-width: 80%; } }
    .keyVisual2019PortFolioReviewContainer .inner-portfolio .photo {
      margin-top: 30px;
      margin-bottom: 40px;
      width: 100%;
      height: 220px;
      background: url(../../img/topKeyvisual2019-portfolio-review.jpg);
      background-repeat: repeat;
      background-size: auto 100%; }
      @media screen and (max-width: 767px) {
        .keyVisual2019PortFolioReviewContainer .inner-portfolio .photo {
          margin-top: 15px;
          margin-bottom: 30px;
          height: 140px; } }

.keyVisual2020GPSOloExhibitionContainer,
.keyVisual2021GPSOloExhibitionContainer {
  width: 100%;
  height: 100%; }
  .keyVisual2020GPSOloExhibitionContainer .inner,
  .keyVisual2021GPSOloExhibitionContainer .inner {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    padding-left: 30px; }
    @media screen and (max-width: 767px) {
      .keyVisual2020GPSOloExhibitionContainer .inner,
      .keyVisual2021GPSOloExhibitionContainer .inner {
        padding-left: 0px;
        justify-content: center; } }
    .keyVisual2020GPSOloExhibitionContainer .inner .info,
    .keyVisual2021GPSOloExhibitionContainer .inner .info {
      width: 380px;
      height: auto; }
      @media screen and (max-width: 767px) {
        .keyVisual2020GPSOloExhibitionContainer .inner .info,
        .keyVisual2021GPSOloExhibitionContainer .inner .info {
          width: 260px;
          margin-left: 30px;
          margin-right: auto; } }
    .keyVisual2020GPSOloExhibitionContainer .inner img,
    .keyVisual2021GPSOloExhibitionContainer .inner img {
      width: 100%;
      height: auto; }

.keyVisual2019GPSOloExhibitionContainer {
  width: 100%;
  height: 100%; }
  .keyVisual2019GPSOloExhibitionContainer .inner {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    padding-left: 30px; }
    @media screen and (max-width: 767px) {
      .keyVisual2019GPSOloExhibitionContainer .inner {
        padding-left: 0px;
        justify-content: center; } }
    .keyVisual2019GPSOloExhibitionContainer .inner .info {
      width: 380px;
      height: auto; }
      @media screen and (max-width: 767px) {
        .keyVisual2019GPSOloExhibitionContainer .inner .info {
          width: 90%;
          margin-left: 5%;
          margin-right: auto; } }
    .keyVisual2019GPSOloExhibitionContainer .inner img.son-info {
      width: 100%;
      height: auto; }

.keyVisual2020GrandprizeContainer {
  width: 100%;
  height: 100%; }
  .keyVisual2020GrandprizeContainer .inner {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: start;
    align-items: flex-end;
    padding-left: 30px; }
    @media screen and (max-width: 767px) {
      .keyVisual2020GrandprizeContainer .inner {
        padding-left: 0px;
        justify-content: center; } }
    .keyVisual2020GrandprizeContainer .inner .info {
      width: 460px;
      height: auto;
      margin-bottom: 40px; }
      @media screen and (max-width: 767px) {
        .keyVisual2020GrandprizeContainer .inner .info {
          width: 90%;
          margin-left: 10px;
          margin-right: auto; } }
    .keyVisual2020GrandprizeContainer .inner img.info {
      width: 100%;
      height: auto; }

.keyVisual2019GrandprizeContainer {
  width: 100%;
  height: 100%; }
  .keyVisual2019GrandprizeContainer .inner {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: start;
    align-items: flex-end;
    padding-left: 30px; }
    @media screen and (max-width: 767px) {
      .keyVisual2019GrandprizeContainer .inner {
        padding-left: 0px;
        justify-content: center; } }
    .keyVisual2019GrandprizeContainer .inner .info {
      width: 460px;
      height: auto;
      margin-bottom: 40px; }
      @media screen and (max-width: 767px) {
        .keyVisual2019GrandprizeContainer .inner .info {
          width: 90%;
          margin-left: 10px;
          margin-right: auto; } }
    .keyVisual2019GrandprizeContainer .inner img.info {
      width: 100%;
      height: auto; }

.topKeyvisual2021Winners {
  background-image: url(../../img/topKeyvisual-2021-winners.jpg);
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .topKeyvisual2021Winners {
      background-image: url(../../img/topKeyvisual-2021-winners-sp.jpg); } }