.note {
  display: block;
}

.note__mark {
  position: relative;
  float: left;
}

.note__mark::before {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 0.52083vw;
  border-radius: 14px;
  content: "";
  background: #333;
}

@media (max-width: 768px) {
  .note__mark::before {
    top: 1.33333vw;
    width: 2.66667vw;
    height: 2.66667vw;
    border-radius: 5.33333vw;
  }
}

.note__mark__txt {
  display: inline-block;
  overflow: hidden;
  padding-left: 0.78125vw;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .note__mark__txt {
    margin-top: -0.10417vw;
    padding-left: 0.9375vw;
  }
}

@media (max-width: 768px) {
  .note__mark__txt {
    padding-left: 4.26667vw;
  }
}

.note__asrk {
  position: relative;
  float: left;
  margin-right: 3px;
  font-size: 1.15rem;
}

@media (max-width: 768px) {
  .note__asrk {
    font-size: 3.46667vw;
  }
}

.note__asrk__txt {
  display: block;
  overflow: hidden;
  font-size: 1.15rem;
}

@media (max-width: 768px) {
  .note__asrk__txt {
    font-size: 3.46667vw;
  }
}

@media (max-width: 768px) {
  .br-pc {
    display: none;
  }
}

.br-sp {
  display: none;
}

@media (max-width: 768px) {
  .br-sp {
    display: block;
  }
}

.clearfix::after, .note::after, .evetArea__set::after, .evetArea dl::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.aboutKeyVis {
  position: relative;
  z-index: 1;
  width: 1920px;
  height: 1014px;
  margin: 0 auto;
  background: #eee;
  background-image: url(../../about/image/pic_keyvis_about01.jpg);
  background-size: 100% auto;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .aboutKeyVis {
    width: 100%;
    height: 52.8125vw;
  }
}

@media (max-width: 768px) {
  .aboutKeyVis {
    width: 100%;
    height: auto;
    background-image: url(../../about/image/pic_sp_keyvis_about01.jpg);
    background-position: center;
    background-size: cover;
  }
}

.aboutKeyVis::before {
  z-index: 1;
  content: '';
  display: block;
  position: absolute;
  top: 620px;
  left: -100px;
  width: 2120px;
  height: 470px;
  background: #fff;
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: rotate(-4.6deg);
      -ms-transform: rotate(-4.6deg);
          transform: rotate(-4.6deg);
}

@media (max-width: 1935px) and (min-width: 769px) {
  .aboutKeyVis::before {
    top: 32.29167vw;
    left: -5.20833vw;
    width: 110.41667vw;
    height: 24.47917vw;
  }
}

@media (max-width: 768px) {
  .aboutKeyVis::before {
    top: 165.33333vw;
    left: -15vw;
    width: 130vw;
    height: 125.33333vw;
  }
}

@media (max-width: 768px) {
  .aboutKeyVis::before {
    top: 62.13333vw;
    height: 66.66667%;
    -webkit-transform: rotate(-5.5deg);
        -ms-transform: rotate(-5.5deg);
            transform: rotate(-5.5deg);
  }
}

.aboutKeyVis::after {
  z-index: 2;
  content: '';
  display: block;
  position: absolute;
  top: 958px;
  left: -100px;
  width: 2120px;
  height: 280px;
  /*background: #effaff;*/
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: rotate(3.5deg);
      -ms-transform: rotate(3.5deg);
          transform: rotate(3.5deg);
}

@media (max-width: 1935px) and (min-width: 769px) {
  .aboutKeyVis::after {
    top: 49.89583vw;
    left: -5.20833vw;
    width: 110.41667vw;
    height: 14.58333vw;
  }
}

@media (max-width: 768px) {
  .aboutKeyVis::after {
    top: 255.46667vw;
    left: -15vw;
    width: 130vw;
    height: 74.66667vw;
  }
}

@media (max-width: 768px) {
  .aboutKeyVis::after {
    top: auto;
    bottom: -44.53333vw;
    height: 37.33333%;
    -webkit-transform: rotate(6deg);
        -ms-transform: rotate(6deg);
            transform: rotate(6deg);
    background: #effaff;
  }
}

.aboutKeyVis__copy {
  position: absolute;
  z-index: 2;
  top: 363px;
  right: 37px;
  width: 1590px;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .aboutKeyVis__copy {
    top: 18.90625vw;
    right: 1.92708vw;
    width: 82.8125vw;
  }
}

@media (max-width: 768px) {
  .aboutKeyVis__copy {
    top: 41.6vw;
    right: 4vw;
    width: 92vw;
  }
}

.aboutKeyVis__copy img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.aboutKeyVis__copy img.sp-img {
  display: none;
}

@media (max-width: 768px) {
  .aboutKeyVis__copy img.pc-img {
    display: none;
  }
  .aboutKeyVis__copy img.sp-img {
    display: block;
  }
}

.aboutKeyVis__txt {
  position: relative;
  z-index: 100;
  width: 54.32292%;
  margin: 0 auto;
  padding-top: 38.80208%;
  text-align: center;
}

@media (max-width: 768px) {
  .aboutKeyVis__txt {
    box-sizing: border-box;
    width: 100%;
    padding: 69.33333% 15px 0;
  }
}

.evetArea {
  position: relative;
  margin-top: 13px;
  padding: 0 6.45833% 3.85417%;
  background: #effaff;
}

@media (max-width: 768px) {
  .evetArea {
    margin-top: 20%;
    padding: 0 3.33333%;
  }
}

.evetArea::before {
  z-index: 2;
  content: '';
  display: block;
  position: absolute;
  bottom: -76px;
  left: -100px;
  width: 2120px;
  height: 300px;
  background: #effaff;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: rotate(-4.6deg);
      -ms-transform: rotate(-4.6deg);
          transform: rotate(-4.6deg);
}

@media (max-width: 1935px) and (min-width: 769px) {
  .evetArea::before {
    bottom: -3.95833vw;
    left: -5.20833vw;
    width: 110.41667vw;
    height: 15.625vw;
  }
}

@media (max-width: 768px) {
  .evetArea::before {
    bottom: -20.26667vw;
    left: -15vw;
    width: 130vw;
    height: 80vw;
  }
}

@media (max-width: 768px) {
  .evetArea::before {
    bottom: -40px;
    height: 150px;
    -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
            transform: rotate(7deg);
  }
}

.evetArea .sectionTitle {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
  text-align: center;
}

@media (max-width: 768px) {
  .evetArea .sectionTitle {
    font-size: 1.07692rem;
  }
}

.evetArea .sectionTitle img {
  width: 55px;
  margin-bottom: 5px;
}

@media (max-width: 1935px) and (min-width: 769px) {
  .evetArea .sectionTitle img {
    width: 2.86458vw;
    margin-bottom: 1.30208vw;
  }
}

@media (max-width: 768px) {
  .evetArea .sectionTitle img {
    width: 6.93333vw;
    margin-bottom: 3.2vw;
  }
}

.evetArea__col {
  margin-bottom: 2.22717%;
}

.evetArea__set {
  position: relative;
  z-index: 3;
  margin: 11.13586% -3.45212% 0;
}

.evetArea__set:first-child {
  margin-top: 2.22717%;
}

@media (max-width: 768px) {
  .evetArea__set:first-child {
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .evetArea__set:first-child > div:first-child {
    margin-top: 9.33333%;
  }
}

@media (max-width: 768px) {
  .evetArea__set:first-child > div {
    margin-top: 20%;
  }
}

@media (max-width: 768px) {
  .evetArea__set {
    margin: 0;
  }
}

.evetArea__set > div {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding: 0 3.45212%;
}

@media (max-width: 768px) {
  .evetArea__set > div {
    float: none;
    width: auto;
    margin-top: 20%;
    padding: 0;
  }
}

.evetArea .evetAreaTitle {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 768px) {
  .evetArea .evetAreaTitle {
    font-size: 5.33333vw;
  }
}

@media (max-width: 768px) {
  .evetArea .evetAreaTitle > span {
    font-size: 7.46667vw;
  }
}

.evetArea .evetAreaLead {
  font-size: 1.30208vw;
  font-weight: 700;
  height: 94px;
  text-align: center;
  color: #004097;
}

@media (max-width: 768px) {
  .evetArea .evetAreaLead {
    font-size: 4vw;
    height: auto;
  }
}

.evetArea .evetAreaPic, .evetArea .evetAreaPic--1 {
  margin-bottom: 20px;
  padding-top: 142.24806%;
  background: url(../../about/image/pic_event01.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 768px) {
  .evetArea .evetAreaPic, .evetArea .evetAreaPic--1 {
    width: 78.57143%;
    margin: 3.57143% auto;
    padding-top: 111.85714%;
    background-size: contain;
  }
}

.evetArea .evetAreaPic--1 {
  background-image: url(../../about/image/pic_event02.jpg);
}

.evetArea dl dt {
  float: left;
  margin-right: 8px;
}

.evetArea dl dd {
  display: block;
  overflow: hidden;
}

.evetArea dl:last-child {
  margin-top: 10px;
}