﻿.__NAMESPACE_PREFIX__-box[data-animation='scale'][data-placement^='top'] {
  transform-origin: bottom
}

.__NAMESPACE_PREFIX__-box[data-animation='scale'][data-placement^='bottom'] {
  transform-origin: top
}

.__NAMESPACE_PREFIX__-box[data-animation='scale'][data-placement^='left'] {
  transform-origin: right
}

.__NAMESPACE_PREFIX__-box[data-animation='scale'][data-placement^='right'] {
  transform-origin: left
}

.__NAMESPACE_PREFIX__-box[data-animation='scale'][data-state='hidden'] {
  transform: scale(0.5);
  opacity: 0
}

.__NAMESPACE_PREFIX__-box[data-animation='scale-extreme'][data-placement^='top'] {
  transform-origin: bottom
}

.__NAMESPACE_PREFIX__-box[data-animation='scale-extreme'][data-placement^='bottom'] {
  transform-origin: top
}

.__NAMESPACE_PREFIX__-box[data-animation='scale-extreme'][data-placement^='left'] {
  transform-origin: right
}

.__NAMESPACE_PREFIX__-box[data-animation='scale-extreme'][data-placement^='right'] {
  transform-origin: left
}

.__NAMESPACE_PREFIX__-box[data-animation='scale-extreme'][data-state='hidden'] {
  transform: scale(0);
  opacity: 0.25
}

.__NAMESPACE_PREFIX__-box[data-animation='scale-subtle'][data-placement^='top'] {
  transform-origin: bottom
}

.__NAMESPACE_PREFIX__-box[data-animation='scale-subtle'][data-placement^='bottom'] {
  transform-origin: top
}

.__NAMESPACE_PREFIX__-box[data-animation='scale-subtle'][data-placement^='left'] {
  transform-origin: right
}

.__NAMESPACE_PREFIX__-box[data-animation='scale-subtle'][data-placement^='right'] {
  transform-origin: left
}

.__NAMESPACE_PREFIX__-box[data-animation='scale-subtle'][data-state='hidden'] {
  transform: scale(0.8);
  opacity: 0
}

.__NAMESPACE_PREFIX__-box[data-animation='fade'][data-state='hidden'] {
  opacity: 0
}

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

.clearfix {
  min-height: 1px
}

.clear {
  clear: both
}

@media screen and (max-width: 800px) {
  .pc-s {
    display: none !important
  }
}

@media screen and (min-width: 801px) {
  .sp-s {
    display: none !important
  }
}

.kenten2021 .mv-area {
  max-width: 960px;
  margin: 0 auto
}

@media screen and (max-width: 800px) {
  .kenten2021 .mv-area {
    margin-bottom: 10px
  }
}

.kenten2021 .mv-area img {
  width: 100%;
  height: auto
}

.kenten2021 .arrow {
  max-width: 960px;
  margin: 0 auto
}

.kenten2021 .arrow span {
  margin: 50px 0 0 90px;
  display: block;
  position: relative;
  transition: 1s
}

@media screen and (max-width: 800px) {
  .kenten2021 .arrow span {
    margin: 0 0 0 20px
  }
}

.kenten2021 .arrow span::before {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: #000;
  animation: arrowlAnm 2s ease infinite
}

@keyframes arrowlAnm {
  0% {
    height: 0;
    opacity: 0
  }
  20% {
    height: 0;
    opacity: 1
  }
  80% {
    height: 95%;
    opacity: 1
  }
  100% {
    height: 95%;
    opacity: 0
  }
}

.kenten2021 .sec-project {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  max-width: 960px;
  margin: 0px auto 100px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-project {
    padding: 0 10px;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px
  }
}

.kenten2021 .sec-project .fig {
  width: 47%;
  max-width: 443px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-project .fig {
    width: 100%;
    order: 1;
    max-width: inherit;
    margin: 50px 0 30px
  }
}

.kenten2021 .sec-project .fig img {
  width: 100%;
  height: auto
}

.kenten2021 .sec-project .txt-area {
  background: #000;
  padding: 40px 25px;
  box-sizing: border-box;
  width: 50%;
  max-width: 450px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-project .txt-area {
    width: 100%;
    padding: 30px 10px;
    order: 0;
    max-width: inherit
  }
}

.kenten2021 .sec-project .txt-area h3 {
  margin-bottom: 15px
}

.kenten2021 .sec-project .txt-area h3 img {
  max-width: 100%;
  height: auto
}

.kenten2021 .sec-project .txt-area p {
  color: white;
  line-height: 2;
  font-size: 14px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-project .txt-area p {
    font-size: 11px
  }
}

.kenten2021 .sec-activity {
  background: #000;
  /* padding: 100px 0 355px; */
  padding: 80px 0 180px;
  position: relative
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-activity {
    padding: 30px 25px 140px
  }
}

.kenten2021 .sec-activity .inner {
  max-width: 960px;
  margin: 0 auto
}

.kenten2021 .sec-activity .inner h2 {
  margin-bottom: 20px
}

.kenten2021 .sec-activity .inner h2+.small {
  font-size: 25px;
  font-weight: 800;
  color: white;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W8", YuGothic, "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  position: relative;
  display: inline-block
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-activity .inner h2+.small {
    font-size: 13px;
    letter-spacing: 2px
  }
}

.kenten2021 .sec-activity .inner h2+.small::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -2px;
  display: block
}

.kenten2021 .sec-activity .inner .movie {
  max-width: 600px;
  margin: 100px auto 0;
  position: relative;
  z-index: 1
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-activity .inner .movie {
    margin: 25px auto 0;
    padding-top: 52.5%
  }
  .kenten2021 .sec-activity .inner .movie iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
  }
}

.kenten2021 .sec-activity .inner .movie::after {
  content: "";
  width: 311px;
  height: 183px;
  display: block;
  background: #e83428;
  position: absolute;
  right: -16px;
  bottom: -10px;
  z-index: -1
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-activity .inner .movie::after {
    width: 168px;
    height: 99px;
    right: -8px;
    bottom: -8px
  }
}

.kenten2021 .sec-activity .inner .banner {
  position: absolute;
  bottom: -176px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%)
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-activity .inner .banner {
    width: calc(100% - 50px);
    bottom: -15%
  }
  .kenten2021 .sec-activity .inner .banner img {
    width: 100%;
    height: auto
  }
}

.kenten2021 .sec-theme {
  max-width: 960px;
  margin: 275px auto 100px;
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme {
    margin: 160px 0 80px;
    padding: 0 10px
  }
}

.kenten2021 .sec-theme h2 {
  background: #000;
  padding: 20px 25px;
  font-family: "ヒラギノ角ゴ Pro W8", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: white;
  font-weight: 800;
  font-size: 60px;
  line-height: 1;
  margin-bottom: 60px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme h2 {
    font-size: 30px;
    padding: 10px;
    margin-bottom: 30px
  }
}

.kenten2021 .sec-theme h3 {
  margin-bottom: 80px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme h3 {
    margin-bottom: 35px
  }
}

.kenten2021 .sec-theme .fig {
  margin-bottom: 110px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .fig {
    margin-bottom: 60px;
    padding: 0 10px
  }
}

.kenten2021 .sec-theme .fig img {
  width: 100%;
  height: auto
}

.kenten2021 .sec-theme .fig figcaption {
  margin-top: 75px;
  word-break: break-all
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .fig figcaption {
    margin-top: 25px
  }
}

.kenten2021 .sec-theme .cordinator-area {
  background: #000;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: flex-start;
  padding: 35px;
  margin-bottom: 80px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .cordinator-area {
    flex-wrap: wrap;
    padding: 30px 10px;
    margin-bottom: 35px;
    position: relative
  }
}

.kenten2021 .sec-theme .cordinator-area .txt-area {
  width: 550px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .cordinator-area .txt-area {
    order: 1;
    width: 100%
  }
}

.kenten2021 .sec-theme .cordinator-area .txt-area h3 {
  margin-bottom: 30px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .cordinator-area .txt-area h3 {
    position: absolute;
    left: 10px;
    top: 30px;
    padding-right: 10px
  }
  .kenten2021 .sec-theme .cordinator-area .txt-area h3 img {
    height: auto
  }
}

.kenten2021 .sec-theme .cordinator-area .txt-area p {
  color: white;
  line-height: 1.7
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .cordinator-area .txt-area p {
    font-size: 11px;
    line-height: 2
  }
}

.kenten2021 .sec-theme .cordinator-area .txt-area p+p {
  margin-top: 1em
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .cordinator-area .txt-area p+p {
    margin-top: 2em
  }
}

.kenten2021 .sec-theme .cordinator-area .thumb {
  width: 260px;
  flex-shrink: 0
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .cordinator-area .thumb {
    width: 180px;
    margin: 110px auto 40px
  }
}

.kenten2021 .sec-theme .cordinator-area .thumb img {
  width: 100%;
  height: auto
}

.kenten2021 .sec-theme .note {
  text-align: right;
  margin-bottom: 10px;
  font-weight: bold
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .note {
    font-size: 11px
  }
}

.kenten2021 .sec-theme .note img {
  margin-right: 5px;
  position: relative;
  top: -3px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .note img {
    width: 15px;
    height: auto;
    top: -1px
  }
}




.kenten2021 .sec-theme .map-area {
  background-image: url(../img/kenten2021/sec-theme/map-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 600px;
  position: relative
}


@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .map-area {
	background: none;
	display: none;
  }
}

.kenten2021 .sec-theme .map-area2 {
  background-image: url(../img/kenten2021/sec-theme/map-bg2.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 600px;
  position: relative;
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .map-area2 {
	background: none;
	display: none;
  }
}
.kenten2021 .sec-theme .map-area .target-btn,.kenten2021 .sec-theme .map-area2 .target-btn{
  position: absolute;
  pointer-events: all
}

.kenten2021 .sec-theme .map-area .target-btn span,.kenten2021 .sec-theme .map-area2 .target-btn span {
  width: 18px;
  height: 18px;
  background-color: #e83428;
  cursor: pointer;
  position: relative;
  display: block;
  border-radius: 100%
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .map-area .target-btn span {
    width: 13px;
    height: 13px
  }
}

.kenten2021 .sec-theme .map-area .target-btn span::before,.kenten2021 .sec-theme .map-area2 .target-btn span::before {
  content: "";
  border-radius: 9999px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 100%;
  height: 100%;
  --tw-border-opacity: 1;
  border: 2px solid #e83428;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity 1s linear;
  -webkit-animation-name: rippleAnm;
  animation-name: rippleAnm;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .map-area .target-btn span::before {
    border: 1px solid #e83428
  }
}

.kenten2021 .sec-theme .map-area .target-btn.num1 {
  left: 650px;
  top: 120px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-theme .map-area .target-btn.num1 {
	  right: 40px;
	  top: 40px
  }
}

.kenten2021 .sec-theme .map-area .target-btn.num2 {
  left: 330px;
  top: 230px
}

.kenten2021 .sec-theme .map-area .target-btn.num2-2 {
  left: 460px;
  top: 395px
}

.kenten2021 .sec-theme .map-area .target-btn.num2-3 {
  left: 258px;
  top: 350px
}


.kenten2021 .sec-theme .map-area .target-btn.num3 {
  left: 462px;
  top: 321px
}



.kenten2021 .sec-theme .map-area .target-btn.num4 {
  left: 400px;
  top: 295px
}



.kenten2021 .sec-theme .map-area .target-btn.num5 {
  left: 475px;
  top: 170px
}


.kenten2021 .sec-theme .map-area .target-btn.num6 {
  left: 474px;
  top: 125px
}



.kenten2021 .sec-theme .map-area .target-btn.num7 {
  left:257px;
  top: 271px
}


.kenten2021 .sec-theme .map-area .target-btn.num8 {
  left: 184px;
  top: 399px
}

.kenten2021 .sec-theme .map-area .target-btn.num9 {
  left: 185px;
  top: 443px
}

.kenten2021 .sec-theme .map-area .target-btn.num10 {
  left: 612px;
  top: 219px
}

.kenten2021 .sec-theme .map-area .target-btn.num11 {
  left: 580px;
  top: 420px
}

.kenten2021 .sec-theme .map-area .target-btn.num12 {
  left: 825px;
  top: 240px
}

.kenten2021 .sec-theme .map-area .target-btn.num13 {
  left: 740px;
  top: 280px
}

.kenten2021 .sec-theme .map-area .target-btn.num14 {
  left: 757px;
  top: 350px
}

.kenten2021 .sec-theme .map-area .target-btn.num15 {
  left: 680px;
  top: 523px
}

.kenten2021 .sec-theme .map-area2 .target-btn.num1{
  left: 247px;
  top: 289px
}
.kenten2021 .sec-theme .map-area2 .target-btn.num2{
  left: 138px;
  top: 272px
}
.kenten2021 .sec-theme .map-area2 .target-btn.num3{
  left:112px;
  top: 405px
}
.kenten2021 .sec-theme .map-area2 .target-btn.num4{
  left: 637px;
  top: 364px
}
.kenten2021 .sec-theme .item-list{
display: none;	
}
@media screen and (max-width: 800px) {
.kenten2021 .sec-theme .item-list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 15px;	
}

.kenten2021 .sec-theme .item-list .list-t{
margin: 0 0 15px;
width: 48%;	
display: flex;
align-items: flex-start;
font-size: 11px;
}
.kenten2021 .sec-theme .item-list .list-t span{
display: flex;
background: red;
color: white;
width: 18px;
height: 18px;
justify-content: center;
align-items: center;
font-size: 10px;
font-weight: bold;
border-radius:50%; 
line-height: 1;
margin-right: 5px;
padding-top: 1px;
	}
}





@keyframes rippleAnm {
  from {
    transform: translate(-50%, -50%) scale(1)
  }
  to {
    transform: translate(-50%, -50%) scale(1.8);
    opacity: 0
  }
}

.kenten2021 .tippy-box {
  background: none;
  border-radius: 0
}

.kenten2021 .tippy-box .tippy-content .tool-inner {
  background: #000;
  padding: 15px 15px 25px;
  margin-bottom: 10px
}

@media screen and (max-width: 800px) {
  .kenten2021 .tippy-box .tippy-content .tool-inner {
    max-width: 170px !important
  }
}

.kenten2021 .tippy-box .tippy-content .tool-inner .thumb {
  width: 100%;
  margin-bottom: 10px
}

.kenten2021 .tippy-box .tippy-content .tool-inner .thumb img {
  width: 100%;
  height: auto
}
.kenten2021 .tippy-box .tippy-content .tool-inner .name{
font-size: 12px;
}
.kenten2021 .tippy-box .tippy-content .tool-inner .item{
font-size: 14px;
margin: 5px 0 5px;	
}
.kenten2021 .tippy-box .tippy-content .tool-inner .txt {
  color: white;
  font-size: 12px;
  line-height: 1.7;
  word-break: break-all
}

.kenten2021 .tippy-box .tippy-content .tool-inner .ac-target-btn {
  color: white;
  position: relative;
  z-index: 2;
  display: block;
  cursor: pointer;
  pointer-events: all;
  margin-top: 10px
}



.kenten2021 .sec-product {
  max-width: 960px;
  margin: 0 auto 135px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product {
    padding: 0 10px;
    margin-bottom: 70px
  }
}

.kenten2021 .sec-product h2 {
  margin-bottom: 60px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product h2 {
    margin-bottom: 25px
  }
  .kenten2021 .sec-product h2 img {
    max-width: 100%;
    height: auto
  }
}

.kenten2021 .sec-product .ac-wrap {
  background: #cdcdcd;
  border-top: 1px solid black;
  border-right: 1px solid black;
  overflow: hidden
}

.kenten2021 .sec-product .ac-wrap#ac-content-8 {
  border-bottom: 1px solid black
}

.kenten2021 .sec-product .ac-head {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  transition: 1s
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-head {
    flex-wrap: wrap;
    padding: 10px 10px 85px
  }
}

.kenten2021 .sec-product .ac-head .thumb {
  flex-shrink: 0;
  width: 162px;
  border: 1px solid black;
  border-bottom: 0;
  border-top: 0;
  box-sizing: border-box
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-head .thumb {
    order: 1;
    width: 100%
  }
}

.kenten2021 .sec-product .ac-head .thumb img {
  width: 100%;
  height: auto
}

.kenten2021 .sec-product .ac-head .name {
  padding-left: 140px;
  width: calc(100% - 162px);
  box-sizing: border-box;
  font-weight: bold;
  font-size: 27px;
  line-height: 1.5
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-head .name {
    order: 0;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    font-size: 15px
  }
}

.kenten2021 .sec-product .ac-head .name small {
  font-size: 15px;
  display: block
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-head .name small {
    font-size: 11px;
    margin-bottom: 5px
  }
}

.kenten2021 .sec-product .ac-head::before {
  content: "";
  width: 50px;
  height: 6px;
  background: #e83428;
  position: absolute;
  right: 45px;
  top: 50%;
  margin-top: -3px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-head::before {
    width: 25px;
    height: 3px;
    right: 50%;
    top: inherit;
    bottom: 40px;
    margin: 0 -12px 0 0
  }
}

.kenten2021 .sec-product .ac-head::after {
  content: "";
  width: 6px;
  height: 50px;
  background: #e83428;
  position: absolute;
  right: 66px;
  top: 50%;
  margin-top: -25px;
  transition: .1s
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-head::after {
    width: 3px;
    height: 25px;
    right: 50%;
    top: inherit;
    bottom: 30px;
    margin: 0 -1.5px 0 0
  }
}

.kenten2021 .sec-product .ac-head.current .thumb {
  border-bottom: 1px solid black
}

.kenten2021 .sec-product .ac-head.current::before {
  content: "";
  width: 50px;
  height: 6px;
  background: #e83428;
  position: absolute;
  right: 45px;
  top: 50%;
  margin-top: -3px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-head.current::before {
    width: 25px;
    height: 3px;
    right: 50%;
    top: inherit;
    bottom: 40px;
    margin: 0 -12px 0 0
  }
}

.kenten2021 .sec-product .ac-head.current::after {
  transform: rotate(90deg)
}

.kenten2021 .sec-product .ac-cont {
  display: none;
  padding: 50px 150px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-cont {
    padding: 0 10px 20px
  }
}

.kenten2021 .sec-product .ac-cont .kv {
  max-width: 100%;
  margin: 0 auto 30px
}

.kenten2021 .sec-product .ac-cont .kv img {
  width: 100%;
  height: auto
}

.kenten2021 .sec-product .ac-cont .kv-txt {
  margin-bottom: 30px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-cont .kv-txt {
    margin-bottom: 20px
  }
}

.kenten2021 .sec-product .ac-cont table {
  line-height: 1.4
}

.kenten2021 .sec-product .ac-cont table th {
  width: 30%;
  padding-bottom: 10px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-cont table th {
    font-size: 12px;
  }
}

.kenten2021 .sec-product .ac-cont table td {
  padding-bottom: 10px;
  word-break: break-word;
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-cont table td {
    font-size: 11px
  }
}

.kenten2021 .sec-product .ac-cont .block {
  margin-top: 70px;
  display: flex;
  align-items: flex-start
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-cont .block {
    display: block;
    margin-top: 40px
  }
}

.kenten2021 .sec-product .ac-cont .block .image-wrapper {
  width: 282px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-cont .block .image-wrapper {
    width: 100%;
    margin-bottom: 30px
  }
}

.kenten2021 .sec-product .ac-cont .block .txt-area {
  padding-left: 35px;
  box-sizing: border-box;
  width: calc(100% - 282px)
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-cont .block .txt-area {
    padding-left: 0;
    width: 100%
  }
}

.kenten2021 .sec-product .ac-cont .block .txt-area dt {
  font-weight: bold;
  font-size: 13px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-cont .block .txt-area dt {
    font-size: 12px
  }
}

.kenten2021 .sec-product .ac-cont .block .txt-area dd {
  font-size: 13px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .ac-cont .block .txt-area dd {
    font-size: 12px
  }
}

.kenten2021 .sec-product .ac-cont .block .txt-area dd .link {
  margin-top: 1.5em;
  word-break: break-word;
}

.kenten2021 .sec-product .product2021-slide {
  width: 100%
}

.kenten2021 .sec-product .product2021-slide .swiper-slide {
  padding-bottom: 1px
}

.kenten2021 .sec-product .product2021-slide .swiper-slide img {
  height: auto;
  border: 1px solid black;
  box-sizing: border-box
}

.kenten2021 .sec-product .ac-slide-thumb {
  margin-top: 20px
}

.kenten2021 .sec-product .ac-slide-thumb .swiper-slide {
  cursor: pointer;
  width: 24%;
  opacity: .5;
  padding-bottom: 1px
}

.kenten2021 .sec-product .ac-slide-thumb .swiper-slide img {
  width: 100%;
  height: auto;
  border: 1px solid black;
  box-sizing: border-box
}

.kenten2021 .sec-product .ac-slide-thumb .swiper-slide.swiper-slide-active {
  opacity: 1
}

.kenten2021 .sec-product .p-box {
  margin-top: 80px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .p-box {
    margin-top: 40px
  }
}

.kenten2021 .sec-product .p-box h2 {
  margin-bottom: 40px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .p-box h2 {
    margin-bottom: 20px
  }
}

.kenten2021 .sec-product .p-box .block,.kenten2021 .sec-product .p-box .p-list {
  margin-top: 50px;
  display: flex;
  align-items: flex-start
}

.kenten2021 .sec-product .p-box .p-list-first {
  margin-top: 120px !important;
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .p-box .block,.kenten2021 .sec-product .p-box .p-list {
    display: block;
    margin-top: 40px
  }
  .kenten2021 .sec-product .p-box .p-list-first {
    margin-top: 80px !important;
  }
}

.kenten2021 .sec-product .p-box .block .image-wrapper,.kenten2021 .sec-product .p-box .image-wrapper{
	overflow: hidden;
}

.kenten2021 .sec-product .p-box .block .image-wrapper,.kenten2021 .sec-product .p-box .p-list .thumb{
  width: 282px
}

@media screen and (max-width: 800px) {
 .kenten2021 .sec-product .p-box .block .image-wrapper,.kenten2021 .sec-product .p-box .p-list .thumb {
    width: 100%;
    margin-bottom: 15px
  }
}

.kenten2021 .sec-product .p-box .block .txt-area,.kenten2021 .sec-product .p-box .p-list .txt-area {
  padding-left: 35px;
  box-sizing: border-box;
  width: calc(100% - 282px)
}

@media screen and (max-width: 800px) {
 .kenten2021 .sec-product .p-box .block .txt-area,.kenten2021 .sec-product .p-box .p-list .txt-area {
    padding-left: 0;
    width: 100%
  }
}

.kenten2021 .sec-product .p-box .block .txt-area dt,.kenten2021 .sec-product .p-box .p-list .txt-area dt {
  font-weight: bold;
  font-size: 13px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .p-box .block .txt-area dt,.kenten2021 .sec-product .p-box .p-list .txt-area dt {
    font-size: 12px
  }
}

.kenten2021 .sec-product .p-box .block .txt-area dd,.kenten2021 .sec-product .p-box .p-list .txt-area dd {
  font-size: 13px
}

@media screen and (max-width: 800px) {
.kenten2021 .sec-product .p-box .block .txt-area dd,.kenten2021 .sec-product .p-box .p-list .txt-area dd {
    font-size: 12px
  }
}

.kenten2021 .sec-product .p-box .block .txt-area dd .link,.kenten2021 .sec-product .p-box .p-list .txt-area .link {
}

.kenten2021 .sec-product .p-box .block .txt-area dd,.kenten2021 .sec-product .p-box .p-list .txt-area dd + dd{
	
}

.kenten2021 .sec-product .p-box .p-list li.thumb-non .txt-area{
	width: 100%;
	padding-left: 0;
}

.kenten2021 .sec-product .p-box .block .txt-area dd .item-name,.kenten2021 .sec-product .p-box .p-list .txt-area dd .item-name{
font-weight: bold;	
}

.kenten2021 .sec-product .p-box .p-list .txt-area dd .bodytxt{
padding: 0;
width: 100%;	
}

.kenten2021 .sec-product .p-box .product2021-slide {
  width: 100%
}

.kenten2021 .sec-product .p-box .product2021-slide .swiper-slide {
  padding-bottom: 1px
}

.kenten2021 .sec-product .p-box .product2021-slide .swiper-slide img {
  height: auto;
  width: 100%;
  border: 1px solid black;
  box-sizing: border-box
}

.kenten2021 .sec-product .p-box .ac-slide-thumb {
  margin-top: 20px;
  overflow: hidden;
}

.kenten2021 .sec-product .p-box .ac-slide-thumb .swiper-slide {
  cursor: pointer;
  width: 24%;
  opacity: .5;
  padding-bottom: 1px
}

.kenten2021 .sec-product .p-box .ac-slide-thumb .swiper-slide img {
  width: 100%;
  height: auto;
  border: 1px solid black;
  box-sizing: border-box
}

.kenten2021 .sec-product .p-box .ac-slide-thumb .swiper-slide.swiper-slide-active {
  opacity: 1
}










.kenten2021 .sec-product .p-box .p-inner {
  background: #CDCDCD;
  padding: 65px 150px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .p-box .p-inner {
    padding: 40px 10px
  }
}

.kenten2021 .sec-product .p-box .p-inner .top-txt {
  line-height: 1.5;
  margin-bottom: 70px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .p-box .p-inner .top-txt {
    margin-bottom: 30px;
    font-size: 13px
  }
}

.kenten2021 .sec-product .p-box .p-inner .p-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 50px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .p-box .p-inner .p-list li {
    display: block;
    margin-bottom: 30px
  }
}

.kenten2021 .sec-product .p-box .p-inner .p-list li:last-child {
  margin-bottom: 0
}

.kenten2021 .sec-product .p-box .p-inner .p-list li .thumb {
  width: 280px;
  flex-shrink: 0;
  border: 1px solid black
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .p-box .p-inner .p-list li .thumb {
    width: 100%
  }
}

.kenten2021 .sec-product .p-box .p-inner .p-list li .thumb img {
  width: 100%;
  height: auto
}

.kenten2021 .sec-product .p-box .p-inner .p-list li .txt {
  width: calc(100% - 280px);
  line-height: 1.5;
  padding-left: 30px;
  box-sizing: border-box
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-product .p-box .p-inner .p-list li .txt {
    width: 100%;
    padding: 25px 0 0
  }
}

.kenten2021 .sec-history {
  max-width: 960px;
  margin: 0 auto 200px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-history {
    padding: 0 10px;
    margin-bottom: 100px
  }
}

.kenten2021 .sec-history .ttl {
  background: #CDCDCD;
  padding: 20px 25px;
  line-height: 1;
  display: flex;
  align-items: center;
  color: white;
  font-size: 60px;
  font-weight: 800;
  font-family: "ヒラギノ角ゴ Pro W8", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  margin-bottom: 70px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-history .ttl {
    padding: 10px 15px;
    font-size: 30px;
    margin-bottom: 30px
  }
}

.kenten2021 .sec-history .ttl img {
  margin-right: 60px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-history .ttl img {
    margin-right: 20px;
    width: 26px;
    height: auto
  }
}

.kenten2021 .sec-history h3 {
  margin-bottom: 95px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-history h3 {
    margin-bottom: 30px
  }
}

.kenten2021 .sec-history .history-slide-wrapper {
  position: relative;
  padding-bottom: 40px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-history .history-slide-wrapper {
    padding-bottom: 20px
  }
}

.kenten2021 .sec-history .history-slide-wrapper .swiper-pagination {
  margin-top: 80px;
  right: -150px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 100%
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-history .history-slide-wrapper .swiper-pagination {
    right: inherit;
    margin-top: 30px;
    justify-content: center
  }
}

.kenten2021 .sec-history .history-slide-wrapper .swiper-pagination-bullet {
  width: 90px;
  height: 5px;
  background: #CDCDCD;
  border-radius: 0;
  margin-right: 12px;
  opacity: 1
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-history .history-slide-wrapper .swiper-pagination-bullet {
    width: 45px;
    height: 2px;
    margin: 0 4px
  }
}

.kenten2021 .sec-history .history-slide-wrapper .swiper-pagination-bullet-active {
  background: #e83428
}

.kenten2021 .sec-sponsors {
  background: #CDCDCD;
  padding: 0 0 80px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-sponsors {
    padding: 0 0 40px
  }
}

.kenten2021 .sec-sponsors .inner {
  max-width: 960px;
  margin: auto
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-sponsors .inner {
    padding: 0 20px
  }
}

.kenten2021 .sec-sponsors h2 {
  position: relative;
  top: -20px;
  margin-bottom: 35px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-sponsors h2 {
    margin-bottom: 25px;
    top: -14px
  }
}

.kenten2021 .sec-sponsors h3 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 60px
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-sponsors h3 {
    font-size: 12px;
    margin-bottom: 10px
  }
}

.kenten2021 .sec-sponsors table {
  width: 100%
}

.kenten2021 .sec-sponsors table th {
  font-weight: bold;
  font-size: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-sponsors table th {
    display: block;
    width: 100%;
    padding: 0 0 5px;
    border: 0;
    font-size: 11px
  }
}

.kenten2021 .sec-sponsors table td {
  font-size: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-sponsors table td {
    display: block;
    width: 100%;
    padding: 0 0 5px;
    border: 0;
    font-size: 11px
  }
}

@media screen and (max-width: 800px) {
  .kenten2021 .sec-sponsors table tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 15px;
    padding-top: 10px;
    display: block
  }
}

.kenten2021 .contact-banner {
  width: 600px;
  margin: 100px auto 125px
}

@media screen and (max-width: 800px) {
  .kenten2021 .contact-banner {
    width: auto;
    margin: 55px 20px 80px
  }
}

.kenten2021 .contact-banner h2 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #CDCDCD;
  height: 225px
}

@media screen and (max-width: 800px) {
  .kenten2021 .contact-banner h2 {
    height: 120px
  }
}

.kenten2021 .contact-banner a {
  background: black;
  font-size: 25px;
  font-weight: bold;
  height: 75px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  color: white;
  transition: .5s
}

@media screen and (max-width: 800px) {
  .kenten2021 .contact-banner a {
    font-size: 12px;
    height: 40px
  }
}

.kenten2021 .contact-banner a:hover {
  opacity: 1;
  background: #e83428
}