@charset "UTF-8";
/* メインコンテンツ */
section.main-container {
  padding: 2em 1%;
  overflow: hidden;
}

section#b-guide,
section#b-sponsorship,
section#b-ticket,
section#b-advertisement,
section#b-plan,
section#b-inquiry {
  position: relative;
  z-index: 0;
}

section#b-guide::before,
section#b-sponsorship::before,
section#b-ticket::before,
section#b-advertisement::before,
section#b-plan::before,
section#b-inquiry::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

section#b-guide {
  background: #f6af18;
}

section#b-guide::before {
  background: #e62176;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 91%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 91%, 0 100%);
}

section#b-sponsorship {
  background: #e62176;
}

section#b-sponsorship::before {
  background: #f6af18;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

section#b-ticket {
  background: #f6af18;
}

section#b-ticket::before {
  background: #5bb7e8;
  -webkit-clip-path: polygon(0 0%, 100% 12%, 100% 100%, 0 100%);
          clip-path: polygon(0 0%, 100% 12%, 100% 100%, 0 100%); /* 斜めの形状 */
}

section#b-advertisement {
  background: #5bb7e8;
}

section#b-advertisement::before {
  background: #2fb8b9;
  -webkit-clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%); /* 斜めの形状 */
}

section#b-plan {
  background-color: #2fb8b9;
}

section#b-plan::before {
  background: #f6af18;
  -webkit-clip-path: polygon(0 0%, 100% 2%, 100% 100%, 0 100%);
          clip-path: polygon(0 0%, 100% 2%, 100% 100%, 0 100%); /* 斜めの形状 */
}

section#b-inquiry {
  background: #f6af18;
}

section#b-inquiry::before {
  background: #FAFAFA;
  -webkit-clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0% 0%);
          clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0% 0%); /* 斜めの形状 */
}

section#b-guide.bg-ani::after {
  content: "";
  position: absolute;
  background-image: url(img/i01.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 29vw;
  width: 28.25vw;
  left: 200%;
  bottom: 0vw;
  z-index: -1;
  opacity: 0;
  transition: all 2s ease;
}

section#b-guide.bg-ani.is-animate::after {
  left: 69vw;
  bottom: 0vw;
  opacity: 1;
}

.wrap-sponsorship .wrap-thumb.bg-ani::after {
  content: "";
  position: absolute;
  background-image: url(img/i02.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 29vw;
  width: 26vw;
  left: 200%;
  bottom: 5vw;
  opacity: 0;
  transition: all 2s ease;
}

.wrap-sponsorship .wrap-thumb.bg-ani.is-animate::after {
  left: 68vw;
  bottom: 5vw;
  opacity: 1;
}

.wrap-sponsorship .wrap-txt.bg-ani::after {
  content: "";
  position: absolute;
  background-image: url(img/chu02.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 19vw;
  width: 14vw;
  left: 84vw;
  bottom: 4vw;
  scale: 0;
  opacity: 0;
  transition: all 2s ease;
}

.wrap-sponsorship .wrap-txt.bg-ani.is-animate::after {
  left: 84vw;
  bottom: 4vw;
  scale: 1;
  opacity: 1;
}

section#b-ticket.bg-ani::after {
  content: "";
  position: absolute;
  background-image: url(img/i03.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 29vw;
  width: 35.7vw;
  left: 200%;
  bottom: 1vw;
  opacity: 0;
  transition: all 4s ease;
}

section#b-ticket.bg-ani.is-animate::after {
  left: 62vw;
  bottom: 1vw;
  opacity: 1;
}

section#b-advertisement.bg-ani::after {
  content: "";
  position: absolute;
  background-image: url(img/i04.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 36vw;
  width: 14vw;
  left: 200%;
  bottom: 0;
  opacity: 0;
  transition: all 2s ease;
}

section#b-advertisement.bg-ani.is-animate::after {
  left: 84vw;
  bottom: 0;
  opacity: 1;
}

section#b-plan.bg-ani::after {
  content: "";
  position: absolute;
  background-image: url(img/i05.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 29vw;
  width: 29vw;
  left: 200%;
  bottom: 2px;
  opacity: 0;
  transition: all 4s ease;
}

section#b-plan.bg-ani.is-animate::after {
  left: 40vw;
  bottom: 2px;
  opacity: 1;
}

.ani-fi {
  transition: transform 1.5s ease, opacity 1.5s ease;
  opacity: 0;
}

.ani-fi.is-animate {
  opacity: 1;
}

.ani-zoom {
  transition: transform 1.5s ease, opacity 1s ease;
  transform: scale(0) rotate(var(--rotate));
  opacity: 0;
}

.ani-zoom.is-zoom {
  transform: scale(1) rotate(var(--rotate));
  opacity: 1;
}

/* ヘッダー画像 */
.wrap-carousel {
  overflow: hidden;
  width: 100%;
}

.wrap-img-thumb {
  display: flex;
  width: 200%;
  -webkit-animation: scroll-h 20s linear infinite;
          animation: scroll-h 20s linear infinite;
}
.wrap-img-thumb img {
  width: 25vw;
  flex-shrink: 0;
}

@-webkit-keyframes scroll-h {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

@keyframes scroll-h {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/* イントロ */
section#b-guide {
  color: #FFF;
  z-index: 10;
}
section#b-guide .wrapper {
  width: 96%;
  margin: 0 auto 19vw;
}
section#b-guide .wrapper h2 {
  font-size: clamp(2.4rem, 1.6rem + 1.6vw, 3.2rem);
  font-weight: bold;
}
section#b-guide .wrapper img {
  margin: 2em auto 0.5em;
  width: 40%;
  max-width: 320px;
  --rotate: 0deg;
}
section#b-guide .wrapper .wrap-txt {
  font-size: clamp(1.4rem, 1.2rem + 1vw, 2rem);
  text-align: left;
  line-height: 1.8;
  margin: 1em auto 1.6em;
}

/* 協賛イベント */
section#b-sponsorship {
  margin-top: -2px;
}
section#b-sponsorship .wrapper {
  width: 96%;
  margin: 0 auto;
}
section#b-sponsorship .wrapper h3 {
  color: #FFF;
  font-size: clamp(2rem, 1.4rem + 1.6vw, 2.8rem);
  font-weight: bold;
  display: inline-block;
  background: #DC9600;
  border-radius: 0.2em;
  padding: 2px 1.4em;
}
section#b-sponsorship .wrapper h4 {
  margin: 1em auto;
  text-align: left;
  font-size: clamp(1.4rem, 1rem + 1vw, 2rem);
}
section#b-sponsorship .wrapper h4 strong {
  color: #FFF;
  font-size: 120%;
}
section#b-sponsorship .wrapper .wrap-sponsorship .wrap-thumb {
  display: flex;
  flex-wrap: wrap;
  margin: 2em auto;
  position: relative;
}
section#b-sponsorship .wrapper .wrap-sponsorship .wrap-thumb .s-event {
  opacity: 0;
  width: 46%;
  margin: 0 2% 2em;
}
section#b-sponsorship .wrapper .wrap-sponsorship .wrap-thumb .s-event img {
  margin: 0 0 2px;
}
section#b-sponsorship .wrapper .wrap-sponsorship .wrap-thumb .s-event p {
  font-weight: bold;
}
section#b-sponsorship .wrapper .wrap-sponsorship .wrap-txt {
  margin: 2em auto 6vw;
  border: 1px solid #FFF;
  padding: 1em 2em;
  background: rgba(246, 175, 24, 0.6);
}
section#b-sponsorship .wrapper .wrap-sponsorship .wrap-txt p {
  color: #FFF;
  font-size: 110%;
}
section#b-sponsorship .wrapper .wrap-sponsorship .wrap-txt .wrap-list {
  margin: 1em auto 0;
}
section#b-sponsorship .wrapper .wrap-sponsorship .wrap-txt .wrap-list li {
  opacity: 0;
  background: #ec9300;
  color: #FFF;
  font-size: 116%;
  line-height: 1.6;
  padding: 0.4em 0.2em;
  margin: 0 0 1em;
}

/* イベントチケットの斡旋 */
section#b-ticket {
  overflow: hidden;
  margin-top: -2px;
}
section#b-ticket .wrap-img-head {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: -1;
  margin: -1em auto 0;
  width: 98%;
}
section#b-ticket .wrap-img-head img {
  width: 32%;
  margin: 0 0.8% 0;
  position: absolute;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
}
section#b-ticket .wrap-img-head .i01 {
  left: 0;
  --rotate: 0deg;
}
section#b-ticket .wrap-img-head .i01.is-zoom {
  --rotate: 6deg;
}
section#b-ticket .wrap-img-head .i02 {
  left: 33%;
  --rotate: 0deg;
  z-index: 1;
}
section#b-ticket .wrap-img-head .i02.is-zoom {
  --rotate: -5deg;
}
section#b-ticket .wrap-img-head .i03 {
  left: 66%;
  --rotate: 0deg;
}
section#b-ticket .wrap-img-head .i03.is-zoom {
  --rotate: 8deg;
}
section#b-ticket .wrapper {
  width: 98%;
  margin: 0 auto;
  margin: 50vw auto 20vw;
}
section#b-ticket .wrapper h3 {
  color: #FFF;
  font-size: clamp(2rem, 1.4rem + 1.6vw, 2.8rem);
  font-weight: bold;
  display: inline-block;
  background: #3793C5;
  border-radius: 0.2em;
  padding: 2px 1.4em;
}
section#b-ticket .wrapper h4 {
  margin: 1em auto;
  text-align: left;
  font-size: clamp(1.4rem, 1rem + 1vw, 2rem);
}
section#b-ticket .wrapper h4 strong {
  color: #FFF;
  font-size: 120%;
}
section#b-ticket .wrapper .wrap-thumb {
  margin: 2em auto;
  border: 1px solid #FFF;
  padding: 1em 0.5em;
}
section#b-ticket .wrapper .wrap-thumb h5 {
  border-bottom: 1px solid #FFF;
  color: #FFF;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.8;
}
section#b-ticket .wrapper .wrap-thumb .wrap-event {
  display: flex;
  flex-wrap: wrap;
  margin: 1em auto -0.5em;
}
section#b-ticket .wrapper .wrap-thumb .wrap-event .s-event {
  opacity: 0;
  margin: 0 1% 1em;
  width: 48%;
  display: block;
  background: #FFF;
  padding: 0 0 2px;
}
/* 広告代理業務 */
section#b-advertisement {
  margin-top: -2px;
}
section#b-advertisement .wrapper {
  width: 98%;
  margin: 10vw auto 0;
}
section#b-advertisement .wrapper h3 {
  color: #FFF;
  font-size: clamp(2rem, 1.4rem + 1.6vw, 2.8rem);
  font-weight: bold;
  display: inline-block;
  background: #189898;
  border-radius: 0.2em;
  padding: 2px 1.4em;
}
section#b-advertisement .wrapper h4 {
  margin: 1em auto;
  text-align: left;
  font-size: clamp(1.4rem, 1rem + 1vw, 2rem);
}
section#b-advertisement .wrapper h4 strong {
  color: #FFF;
  font-size: 120%;
}
section#b-advertisement .wrapper .wrap-thumb {
  width: 90%;
  margin: 1em auto;
  position: relative;
}
section#b-advertisement .wrapper .wrap-thumb .wrap-ad {
  margin: 4em auto 0;
  position: relative;
}
section#b-advertisement .wrapper .wrap-thumb .wrap-ad .wrap-mark {
  position: absolute;
  top: 0;
  display: block;
  background: #FFF;
  border-radius: 100px;
  width: 80px;
  height: 80px;
  vertical-align: bottom;
  z-index: 10;
  margin: -3em 0 0 -1em;
}
section#b-advertisement .wrapper .wrap-thumb .wrap-ad .wrap-mark h5 {
  color: #2fb8b9;
  font-weight: bold;
  margin: 30px 0 0;
}
section#b-advertisement .wrapper .wrap-thumb .wrap-ad .wrap-img {
  position: relative;
}
section#b-advertisement .wrapper .wrap-thumb .wrap-ad .wrap-img img {
  margin-bottom: 4px;
}
section#b-advertisement .wrapper .wrap-thumb .wrap-ad .wrap-img p {
  font-size: 120%;
}

/* イベントの企画・ご提案 */
section#b-plan {
  padding: 2em 1% 28vw;
  margin-top: -2px;
}
section#b-plan .wrapper {
  width: 96%;
  margin: 8vw auto 0;
}
section#b-plan .wrapper h3 {
  color: #FFF;
  font-size: clamp(2rem, 1.4rem + 1.6vw, 2.8rem);
  font-weight: bold;
  display: inline-block;
  background: #DC9600;
  border-radius: 0.2em;
  padding: 2px 1.4em;
}
section#b-plan .wrapper h4 {
  margin: 1em auto;
  text-align: left;
  font-size: clamp(1.4rem, 1rem + 1vw, 2rem);
}
section#b-plan .wrapper h4 strong {
  color: #FFF;
  font-size: 120%;
}
section#b-plan .wrapper .info-add {
  text-align: left;
  line-height: 1.64;
}
section#b-plan .wrapper .wrap-example {
  position: relative;
  margin: 2em auto 0;
  padding: 3em 0 0;
}
section#b-plan .wrapper .wrap-example .wrap-mark {
  position: absolute;
  top: 0;
  left: -2%;
  display: block;
  background: #FFF;
  border-radius: 100px;
  width: 80px;
  height: 80px;
  vertical-align: bottom;
  z-index: 10;
  margin: 0;
}
section#b-plan .wrapper .wrap-example .wrap-mark p {
  color: #f6af18;
  font-weight: bold;
  margin: 30px 0 0;
}
section#b-plan .wrapper .wrap-example .inner-example {
  margin: -2.4em auto 0;
}
section#b-plan .wrapper .wrap-example .inner-example .s-example {
  width: 48%;
  margin: 2em 1%;
  width: 98%;
  margin: 3em 1%;
  border: 1px solid #FFF;
  padding: 1.6em 0 0em;
}
section#b-plan .wrapper .wrap-example .inner-example .s-example .inner-box {
  width: 94%;
  margin: 0 auto;
}
section#b-plan .wrapper .wrap-example .inner-example .s-example .inner-box .ex-title {
  color: #FFF;
  font-size: 120%;
  font-weight: bold;
}
section#b-plan .wrapper .wrap-example .inner-example .s-example .inner-box .ex-title strong {
  border-bottom: 2px solid #FFF;
}
section#b-plan .wrapper .wrap-example .inner-example .s-example .inner-box .wrap-img {
  margin: 1em auto;
}
section#b-plan .wrapper .wrap-example .inner-example .s-example .inner-box .wrap-img p {
  text-align: left;
  margin-bottom: 8px;
}
section#b-plan .wrapper .wrap-example .inner-example .s-example .inner-box .wrap-img img {
  margin-bottom: 0.1em;
}
section#b-plan .wrapper .wrap-example .inner-example .s-example h5 {
  display: block;
  background: #FFF;
  font-size: 120%;
  font-weight: bold;
  padding: 4px;
}

/* お問い合わせ */
section#b-inquiry {
  margin-top: -2px;
}
section#b-inquiry .wrapper {
  width: 98%;
  margin: 20vw auto 2em;
}
section#b-inquiry .wrapper h3 {
  display: inline-block;
  font-size: 2rem;
  padding: 0.2em 1em;
  background: #FFF;
  border: 1px solid #BBB;
  margin-bottom: 1em;
}
section#b-inquiry .wrapper .wrap-inquiry .wrap-txt {
  font-size: 1.6rem;
}
section#b-inquiry .wrapper .wrap-inquiry .wrap-txt p.company {
  margin: 0 0 1em;
  line-height: 1.6;
}
section#b-inquiry .wrapper .wrap-inquiry .wrap-txt p.company strong {
  font-size: 120%;
}
section#b-inquiry .wrapper .wrap-inquiry .wrap-txt p.address {
  margin: 0 0 1em;
  line-height: 1.6;
}
section#b-inquiry .wrapper .wrap-inquiry .wrap-img {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
section#b-inquiry .wrapper .wrap-inquiry .wrap-img img.chu {
  width: 30%;
  height: 100%;
  margin: 0 5% 0;
}
section#b-inquiry .wrapper .wrap-inquiry .wrap-img img.ctv {
  width: 50%;
  height: auto;
  margin: 0 10% 0 0;
}

section#X {
  background: url(../img/a.jpg) no-repeat;
  background-size: 60vw;
  background-position: right 3vw bottom 30vw;
  padding-bottom: 0px;
}

/* PC
==================================================================================================== */
@media screen and (min-width: 1024px) {
  /* メインコンテンツ PC */
  section.main-container {
    padding: 4em 1% 6em;
  }
  section#b-guide.bg-ani::after {
    content: "";
    position: absolute;
    background-image: url(img/i01.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 205px;
    width: 200px;
    left: 200%;
    opacity: 0;
    bottom: 0px;
    transition: all 2s ease;
  }
  section#b-guide.bg-ani.is-animate::after {
    left: 50%;
    transform: translateX(360px);
    bottom: 0vw;
    opacity: 1;
  }
  .wrap-sponsorship .wrap-thumb.bg-ani::after {
    content: "";
    position: absolute;
    background-image: none;
  }
  #b-sponsorship .wrapper.bg-ani::after {
    content: "";
    position: absolute;
    background-image: url(img/i02.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 190px;
    width: 171px;
    z-index: -1;
    left: 200%;
    bottom: 0;
    opacity: 0;
    transition: all 2s ease;
  }
  #b-sponsorship .wrapper.bg-ani.is-animate::after {
    left: 50%;
    transform: translateX(220px);
    bottom: -60px;
    opacity: 1;
  }
  .wrap-sponsorship .wrap-txt.bg-ani::after {
    content: "";
    position: absolute;
    background-image: url(img/chu02.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 102px;
    width: 76px;
    left: 94%;
    top: calc(520px - 10vw);
    scale: 0;
    opacity: 0;
    transition: all 2s ease;
  }
  .wrap-sponsorship .wrap-txt.bg-ani.is-animate::after {
    left: 94%;
    top: calc(520px - 10vw);
    scale: 1;
    opacity: 1;
  }
  section#b-ticket.bg-ani::after {
    content: "";
    position: absolute;
    background-image: url(img/i03.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 247px;
    width: 304px;
    left: 200%;
    bottom: 10px;
    opacity: 0;
    transition: all 4s ease;
  }
  section#b-ticket.bg-ani.is-animate::after {
    left: 50%;
    transform: translateX(396px);
    bottom: 10px;
    opacity: 1;
  }
  section#b-advertisement.bg-ani::after {
    content: "";
    position: absolute;
    background-image: url(img/i04.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 295px;
    width: 115px;
    left: 200%;
    bottom: 16px;
    opacity: 0;
    transition: all 2s ease;
  }
  section#b-advertisement.bg-ani.is-animate::after {
    left: 50%;
    transform: translateX(38vw);
    transform: translateX(580px);
    bottom: 10px;
    opacity: 1;
  }
  section#b-plan.bg-ani::after {
    content: "";
    position: absolute;
    background-image: url(img/i05.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 191px;
    width: 191px;
    left: 200%;
    bottom: 2px;
    opacity: 0;
    transition: all 4s ease;
  }
  section#b-plan.bg-ani.is-animate::after {
    left: calc(50% - 95px);
    bottom: 2px;
    opacity: 1;
  }
  /* ヘッダー画像 PC */
  .wrap-img-thumb {
    display: flex;
    width: 1600px;
    -webkit-animation: scroll-h 30s linear infinite;
            animation: scroll-h 30s linear infinite;
  }
  .wrap-img-thumb img {
    width: 200px;
    flex-shrink: 0;
  }
  @-webkit-keyframes scroll-h {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-1600px);
    }
  }
  @keyframes scroll-h {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-1600px);
    }
  }
  /* イントロ PC */
  section#b-guide .wrapper {
    width: 96%;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
  }
  section#b-guide .wrapper h2 {
    font-size: 4rem;
  }
  section#b-guide .wrapper img {
    margin: 2.8em auto 0.8em;
    width: 360px;
  }
  section#b-guide .wrapper .wrap-txt {
    text-align: center;
    font-size: 2.4rem;
    line-height: 1.88;
    margin: 1em auto 1.6em;
  }
  /* 協賛イベント PC */
  section#b-sponsorship .wrapper {
    width: 96%;
    max-width: 1280px;
    margin: 0 auto 0;
    position: relative;
  }
  section#b-sponsorship .wrapper h3 {
    font-size: 3.6rem;
  }
  section#b-sponsorship .wrapper h4 {
    margin: 2em auto 1em;
    font-size: 2.4rem;
    text-align: center;
  }
  section#b-sponsorship .wrapper h4 strong {
    font-size: 120%;
  }
  section#b-sponsorship .wrapper .wrap-sponsorship {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 4em;
    position: relative;
  }
  section#b-sponsorship .wrapper .wrap-sponsorship .wrap-thumb {
    width: 68%;
    display: flex;
    flex-wrap: wrap;
    margin: 2em 2% 2em auto;
  }
  section#b-sponsorship .wrapper .wrap-sponsorship .wrap-thumb .s-event {
    opacity: 0;
    width: 46%;
    margin: 0 2% 2em;
  }
  section#b-sponsorship .wrapper .wrap-sponsorship .wrap-thumb .s-event img {
    margin: 0 0 2px;
  }
  section#b-sponsorship .wrapper .wrap-sponsorship .wrap-thumb .s-event p {
    font-size: 120%;
  }
  section#b-sponsorship .wrapper .wrap-sponsorship .wrap-thumb .s-event:nth-child(3),
section#b-sponsorship .wrapper .wrap-sponsorship .wrap-thumb .s-event:nth-child(4),
section#b-sponsorship .wrapper .wrap-sponsorship .wrap-thumb .s-event:nth-child(5) {
    opacity: 0;
    width: 30%;
    margin: 0 1.6% 2em;
  }
  section#b-sponsorship .wrapper .wrap-sponsorship .wrap-txt {
    width: 30%;
    margin: 2em auto;
    border: 1px solid #FFF;
    padding: 1em 2em;
  }
  section#b-sponsorship .wrapper .wrap-sponsorship .wrap-txt p {
    color: #FFF;
    font-size: 110%;
  }
  section#b-sponsorship .wrapper .wrap-sponsorship .wrap-txt .wrap-list {
    margin: 1em auto 0;
  }
  section#b-sponsorship .wrapper .wrap-sponsorship .wrap-txt .wrap-list li {
    opacity: 0;
    background: #ec9300;
    color: #FFF;
    font-size: 120%;
    line-height: 1.6;
    padding: 0.4em 0.2em;
    margin: 0 0 1em;
  }
  /* イベントチケットの斡旋 PC */
  section#b-ticket .wrap-img-head {
    width: 100%;
    max-width: 1024px;
  }
  section#b-ticket .wrap-img-head img {
    position: absolute;
  }
  section#b-ticket .wrap-img-head .i01 {
    left: 0;
  }
  section#b-ticket .wrap-img-head .i02 {
    left: 33%;
  }
  section#b-ticket .wrap-img-head .i03 {
    left: 66%;
  }
  section#b-ticket .wrapper {
    width: 98%;
    max-width: 1280px;
    margin: 520px auto 120px;
  }
  section#b-ticket .wrapper h3 {
    font-size: 3.6rem;
  }
  section#b-ticket .wrapper h4 {
    margin: 2em auto 1em;
    font-size: 2.4rem;
    text-align: center;
  }
  section#b-ticket .wrapper h4 strong {
    font-size: 120%;
  }
  section#b-ticket .wrapper .wrap-thumb {
    margin: 4em auto;
    border: 1px solid #FFF;
    padding: 1em 0.5em;
  }
  section#b-ticket .wrapper .wrap-thumb h5 {
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-size: 140%;
    line-height: 2;
  }
  section#b-ticket .wrapper .wrap-thumb .wrap-event {
    display: flex;
    flex-wrap: wrap;
    margin: 1.6em auto -0.8em;
  }
  section#b-ticket .wrapper .wrap-thumb .wrap-event .s-event {
    margin: 0 1% 1.6em;
    width: 23%;
    padding: 0 0 2px;
  }
  section#b-ticket .wrapper .wrap-thumb .wrap-event .s-event p {
    font-size: 120%;
  }
  /* 広告代理業務 PC */
  section#b-advertisement .wrapper {
    width: 98%;
    max-width: 1280px;
    margin: 4em auto 0;
  }
  section#b-advertisement .wrapper h3 {
    font-size: 3.6rem;
  }
  section#b-advertisement .wrapper h4 {
    margin: 2em auto 1em;
    font-size: 2.4rem;
    text-align: center;
  }
  section#b-advertisement .wrapper h4 strong {
    font-size: 120%;
  }
  section#b-advertisement .wrapper .wrap-thumb {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 1em auto;
    position: relative;
  }
  section#b-advertisement .wrapper .wrap-thumb .wrap-ad {
    width: 46%;
    margin: 4em 2% 0;
    position: relative;
  }
  section#b-advertisement .wrapper .wrap-thumb .wrap-ad .wrap-mark {
    position: absolute;
    top: 0;
    display: block;
    background: #FFF;
    border-radius: 100px;
    width: 80px;
    height: 80px;
    vertical-align: bottom;
    z-index: 10;
    margin: -3em 0 0 -1em;
  }
  section#b-advertisement .wrapper .wrap-thumb .wrap-ad .wrap-mark h5 {
    margin: 30px 0 0;
  }
  section#b-advertisement .wrapper .wrap-thumb .wrap-ad .wrap-img {
    position: relative;
  }
  section#b-advertisement .wrapper .wrap-thumb .wrap-ad .wrap-img img {
    margin-bottom: 4px;
  }
  section#b-advertisement .wrapper .wrap-thumb .wrap-ad .wrap-img p {
    font-size: 120%;
  }
  /* イベントの企画・ご提案 PC */
  section#b-plan {
    padding: 4em 1% 12.1em;
  }
  section#b-plan .wrapper {
    width: 96%;
    max-width: 1280px;
    margin: 4em auto 1em;
  }
  section#b-plan .wrapper h3 {
    font-size: 3.6rem;
  }
  section#b-plan .wrapper h4 {
    margin: 2em auto 1em;
    font-size: 2.4rem;
    text-align: center;
  }
  section#b-plan .wrapper h4 strong {
    font-size: 120%;
  }
  section#b-plan .wrapper .info-add {
    line-height: 1.64;
    text-align: center;
  }
  section#b-plan .wrapper .wrap-example {
    position: relative;
    margin: 2em auto 0;
    padding: 3em 0 0;
  }
  section#b-plan .wrapper .wrap-example .wrap-mark {
    position: absolute;
    top: 0;
    left: -2%;
    display: block;
    border-radius: 100px;
    width: 80px;
    height: 80px;
    vertical-align: bottom;
    z-index: 10;
    margin: 0;
  }
  section#b-plan .wrapper .wrap-example .wrap-mark p {
    font-weight: bold;
    margin: 30px 0 0;
  }
  section#b-plan .wrapper .wrap-example .inner-example {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: -2.4em auto 0;
  }
  section#b-plan .wrapper .wrap-example .inner-example .s-example {
    width: 48%;
    margin: 2em 1%;
    border: 1px solid #FFF;
    padding: 1.6em 0 0em;
  }
  section#b-plan .wrapper .wrap-example .inner-example .s-example .inner-box {
    width: 94%;
    margin: 0 auto;
  }
  section#b-plan .wrapper .wrap-example .inner-example .s-example .inner-box .ex-title {
    color: #FFF;
    font-size: 160%;
    font-weight: bold;
  }
  section#b-plan .wrapper .wrap-example .inner-example .s-example .inner-box .ex-title strong {
    border-bottom: 2px solid #FFF;
  }
  section#b-plan .wrapper .wrap-example .inner-example .s-example .inner-box .wrap-img {
    margin: 1em auto;
  }
  section#b-plan .wrapper .wrap-example .inner-example .s-example .inner-box .wrap-img p {
    font-size: 116%;
    margin-bottom: 8px;
  }
  section#b-plan .wrapper .wrap-example .inner-example .s-example .inner-box .wrap-img img {
    margin-bottom: 0.1em;
  }
  section#b-plan .wrapper .wrap-example .inner-example .s-example h5 {
    font-size: 140%;
    padding: 4px;
  }
  /* お問い合わせ PC */
  section#b-inquiry .wrapper {
    width: 98%;
    max-width: 1280px;
    margin: 12em auto 0;
  }
  section#b-inquiry .wrapper h3 {
    font-size: 3.2rem;
    padding: 0.2em 1em;
    margin-bottom: 2em;
  }
  section#b-inquiry .wrapper .wrap-inquiry {
    display: flex;
    flex-wrap: wrap;
  }
  section#b-inquiry .wrapper .wrap-inquiry .wrap-txt {
    width: 60%;
    margin: 0 10% 0 0;
    font-size: 2.4rem;
  }
  section#b-inquiry .wrapper .wrap-inquiry .wrap-txt p.company {
    margin: 0 0 2em;
    line-height: 1.72;
  }
  section#b-inquiry .wrapper .wrap-inquiry .wrap-txt p.company strong {
    font-size: 120%;
  }
  section#b-inquiry .wrapper .wrap-inquiry .wrap-txt p.address {
    margin: 0 0 1em;
    line-height: 1.64;
  }
  section#b-inquiry .wrapper .wrap-inquiry .wrap-txt img.chu {
    display: block;
    width: 20%;
    height: auto;
    margin: 3em auto 0;
  }
  section#b-inquiry .wrapper .wrap-inquiry .wrap-img {
    width: 30%;
  }
  section#b-inquiry .wrapper .wrap-inquiry .wrap-img img.ctv {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 1360px) {
  .wrap-sponsorship .wrap-txt.bg-ani::after {
    content: "";
    position: absolute;
    background-image: url(img/chu02.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 102px;
    width: 76px;
    left: 94%;
    top: 365px;
    scale: 0;
    opacity: 0;
    transition: all 2s ease;
  }
  .wrap-sponsorship .wrap-txt.bg-ani.is-animate::after {
    left: 94%;
    top: 365px;
    scale: 1;
    opacity: 1;
  }
}
.clear {
  clear: both;
}

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  line-height: 0;
}

.clearfix {
  display: inline-table;
  zoom: 1;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */
/*# sourceMappingURL=business.css.map */