@charset "UTF-8";
/*////////////////////////////////////////////////////

    .ÔO¶¨

////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////
    ¥Ú©`¥¸¹ÌÓФΥ¹¥¿¥¤¥ë
////////////////////////////////////////////////////*/
html, body, .main {
  overflow-x: visible !important;
}

.p-coCreationKv {
  position: relative;
  z-index: 1;
  background: url("/purposestory/img/bg_texture01.png") 0 0 repeat;
  background-size: 50%;
  padding: 4.8rem 0;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv {
    padding: 5.8rem 0;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv {
    padding: 3.6rem 0;
  }
}
.p-coCreationKv:before {
  content: "";
  display: block;
  background: url("/purposestory/img/bg_texture01.png") 0 0 repeat;
  background-size: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 260px;
  height: 452px;
  -webkit-clip-path: polygon(0% 0, 100% 0, 0% 100%);
          clip-path: polygon(0% 0, 100% 0, 0% 100%);
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv:before {
    width: 420px;
    height: 730px;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv:before {
    width: 600px;
    height: 1040px;
  }
}
.p-coCreationKv .container_m {
  position: relative;
  z-index: 2;
}
.p-coCreationKv_tit {
  width: 300px;
  margin: 0 auto 2.4rem;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv_tit {
    width: 456px;
    margin-bottom: 3.2rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_tit {
    width: 696px;
    margin-bottom: 3.5rem;
  }
}
.p-coCreationKv_tit img {
  width: 100%;
  height: auto;
  display: block;
}
.p-coCreationKv_lead {
  font-weight: bold;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
  display: block;
  margin: 0 auto;
  color: #0068AF;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv_lead {
    font-size: 1.8rem;
    text-align: left;
    width: calc((100% - 17.6rem) / 12 * 10 + 14.4rem);
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_lead {
    text-align: center;
  }
}
.p-coCreationKv_slide {
  position: relative;
  z-index: 2;
  padding: 0 1.2rem;
  margin-top: 4rem;
  overflow: hidden;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv_slide {
    padding: 0 3.2rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_slide {
    padding: 0 4.8rem;
  }
}
@media only screen and (min-width: 1312px) {
  .p-coCreationKv_slide {
    padding: 0 calc((100% - 1216px) / 2);
  }
}
.p-coCreationKv_slide_inner {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv_slide_inner {
    width: calc((100% - 17.6rem) / 12 * 10 + 14.4rem);
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_slide_inner {
    width: 100%;
  }
}
@media only screen and (min-width: 1312px) {
  .p-coCreationKv_slide_inner {
    overflow: visible;
  }
}
.p-coCreationKv_slide_arrow {
  display: none;
}
@media only screen and (min-width: 1312px) {
  .p-coCreationKv_slide_arrow {
    display: block;
    background-color: #000;
    width: 8rem;
    height: 8rem;
    border-radius: 100%;
    position: absolute;
    text-indent: -999999px;
    overflow: hidden;
    opacity: 0.7;
    top: calc((100% - 33px) / 2);
    transform: translateY(-50%);
    z-index: 2;
    transition: opacity 0.5s ease;
    cursor: pointer;
  }
}
@media (hover: hover) {
  .p-coCreationKv_slide_arrow:hover {
    opacity: 1;
  }
  .p-coCreationKv_slide_arrow:hover:after {
    opacity: 1;
  }
}
.p-coCreationKv_slide_arrow.__prev {
  left: -7.2rem;
}
.p-coCreationKv_slide_arrow.__prev:before {
  transform: scaleX(-1);
  margin-left: -8px;
}
.p-coCreationKv_slide_arrow.__next {
  right: -7.2rem;
}
@media only screen and (min-width: 1312px) {
  .p-coCreationKv_slide_arrow.swiper-button-disabled {
    opacity: 0;
    cursor: default;
  }
}
.p-coCreationKv_slide_arrow:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 14px;
  border-color: transparent transparent transparent #fff;
  margin-left: -3.5px;
  margin-top: -7px;
  z-index: 2;
}
.p-coCreationKv_slide_arrow:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: linear-gradient(to bottom, #0B134E 0%, #0068AF 100%);
  opacity: 0;
  transition: opacity 0.5s ease;
}
.p-coCreationKv_slide_pagination {
  margin-top: 3rem;
  display: flex;
  justify-content: center;
  gap: 6px;
}
.p-coCreationKv_slide_pagination .swiper-pagination-bullet {
  display: block;
  margin: 0 !important;
  width: 4rem;
  height: 3px;
  background-color: #fff;
  border-radius: 0;
  opacity: 1 !important;
}
.p-coCreationKv_slide_pagination .swiper-pagination-bullet-active {
  background-color: #0068AF !important;
}
.p-coCreationKv_slide .swiper-slide {
  transition: transform 0.5s ease;
}
.p-coCreationKv_slide .swiper-slide-prev {
  transform: translateX(-30px);
}
.p-coCreationKv_slide .swiper-slide-next {
  transform: translateX(30px);
}
.p-coCreationKv_article {
  background-color: #fff;
}
.p-coCreationKv_article > a {
  text-decoration: none;
  color: #333333;
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_article > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3.2rem;
  }
}
@media (hover: hover) {
  .p-coCreationKv_article > a:hover .p-coCreationKv_article_pic img {
    transform: scale(1.05);
  }
  .p-coCreationKv_article > a:hover .p-coCreationKv_article_txt_tit {
    color: #0068AF;
  }
}
.p-coCreationKv_article_pic {
  width: 100%;
  height: 220px;
  position: relative;
  overflow: hidden;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv_article_pic {
    height: 260px;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_article_pic {
    width: calc((100% - 3.2rem) / 2);
    height: 330px;
  }
}
.p-coCreationKv_article_pic picture {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.p-coCreationKv_article_pic picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
  display: block;
  transition: all 0.5s ease;
}
.p-coCreationKv_article_pic_new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 62px;
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_article_pic_new {
    width: clamp(62px, 6.4583333333vw, 75px);
  }
}
.p-coCreationKv_article_pic_new img {
  width: 100%;
  height: auto;
}
.p-coCreationKv_article_txt {
  box-sizing: border-box;
  padding: 1.6rem;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv_article_txt {
    padding: 3.2rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_article_txt {
    width: calc((100% - 3.2rem) / 2);
    padding-left: 0;
  }
}
.p-coCreationKv_article_txt_clm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_article_txt_clm {
    align-items: flex-end;
  }
}
.p-coCreationKv_article_txt_cat {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv_article_txt_cat {
    gap: 0.6rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_article_txt_cat {
    gap: 1.2rem;
  }
}
.p-coCreationKv_article_txt_cat img {
  width: 3.7rem;
  height: auto;
  display: block;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv_article_txt_cat img {
    width: 5rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_article_txt_cat img {
    width: 6.4rem;
  }
}
.p-coCreationKv_article_txt_cat span {
  font-size: 2.2rem;
  color: #D40003;
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: normal;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv_article_txt_cat span {
    font-size: 2.2rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_article_txt_cat span {
    font-size: 3rem;
  }
}
.p-coCreationKv_article_txt_date {
  color: #333333;
  font-size: 1.2rem;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv_article_txt_date {
    font-size: 1.4rem;
  }
}
.p-coCreationKv_article_txt_tit {
  font-weight: bold;
  line-height: 1.6;
  font-size: 1.8rem;
  transition: color 0.5s ease;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationKv_article_txt_tit {
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationKv_article_txt_tit {
    font-size: clamp(2.4rem, 2.5vw, 3rem);
  }
}
.p-coCreationKv_article_txt_tit .arrow {
  stroke: #0068AF;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 13px;
  height: 13px;
  transition: all 0.3s ease;
  display: inline;
  margin-left: 1.6rem;
}
.p-coCreationKv_article_txt_project {
  color: #D40003;
}

.p-coCreationIndex {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding-top: 5rem;
  padding-bottom: 8rem;
  gap: 5rem;
}
@media print, screen and (min-width: 960px) {
  .p-coCreationIndex {
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: auto;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationIndex_item1 {
    width: calc((100% - 35.2rem) / 12 * 4 + 9.6rem);
    box-sizing: border-box;
    padding-left: 1.6rem;
  }
}
.p-coCreationIndex_item2 {
  position: relative;
}
@media print, screen and (min-width: 960px) {
  .p-coCreationIndex_item2 {
    width: calc((100% - 35.2rem) / 12 * 8 + 22.4rem);
  }
}
.p-coCreationIndex_hl {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 1.6rem;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationIndex_hl {
    font-size: 2.5rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationIndex_hl {
    font-size: 3.2rem;
  }
}

.p-coCreationTags {
  background-color: #edf2f7;
  padding: 1.6rem;
}
.p-coCreationTags_item {
  display: inline;
  white-space: nowrap;
  line-height: 2;
  color: #333333;
  transition: color 0.5s ease;
}
@media (hover: hover) {
  .p-coCreationTags_item:hover {
    color: #0068AF;
  }
}
.p-coCreationTags_item:after {
  display: inline;
  content: "/";
  padding: 0 1em;
}
.p-coCreationTags input {
  width: 0;
}
.p-coCreationTags input:checked[type=radio] + .p-coCreationTags_item {
  font-weight: bold;
}

.p-coCreationList {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationList {
    gap: 5rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationList:before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #c8d2dc;
  }
}
.p-coCreationList_item {
  position: relative;
  z-index: 1;
  align-items: flex-start;
}
.p-coCreationList.__moreBtn .p-coCreationList_item:nth-child(n+7) {
  display: none;
}
.p-coCreationList_item > a {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}
@media (hover: hover) {
  .p-coCreationList_item > a:hover .p-coCreationList_item_pic picture img {
    transform: scale(1.05);
  }
  .p-coCreationList_item > a:hover .p-coCreationList_item_txt_tit {
    color: #0068AF;
  }
}
.p-coCreationList.__moreBtn .p-coCreationList_item.__shown {
  display: block;
}
.p-coCreationList_item.__last:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%);
  bottom: 0;
  left: 0;
  position: absolute;
}
.p-coCreationList_item_pic {
  position: relative;
  width: calc((100% - 8rem) / 6 * 2 + 1.6rem);
  overflow: hidden;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationList_item_pic {
    width: calc((100% - 17.6rem) / 12 * 4 + 4.8rem);
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationList_item_pic {
    width: calc((100% - 22.4rem) / 8 * 3 + 6.4rem);
  }
}
.p-coCreationList_item_pic picture {
  position: relative;
  z-index: 1;
}
.p-coCreationList_item_pic picture img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationList_item_pic picture img {
    aspect-ratio: 280/158;
  }
}
.p-coCreationList_item_pic_new {
  width: 3.5rem;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationList_item_pic_new {
    width: 5.8333333333vw;
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationList_item_pic_new {
    width: 6rem;
  }
}
.p-coCreationList_item_pic_new img {
  width: 100%;
  height: auto;
}
.p-coCreationList_item_txt {
  width: calc((100% - 8rem) / 6 * 4 + 4.8rem);
}
@media print, screen and (min-width: 600px) {
  .p-coCreationList_item_txt {
    width: calc((100% - 17.6rem) / 12 * 8 + 11.2rem);
  }
}
@media print, screen and (min-width: 960px) {
  .p-coCreationList_item_txt {
    width: calc((100% - 22.4rem) / 8 * 5 + 12.8rem);
  }
}
.p-coCreationList_item_txt_clm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.p-coCreationList_item_txt_cat {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.p-coCreationList_item_txt_cat img {
  display: block;
  width: 3rem;
  height: 3rem;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationList_item_txt_cat img {
    width: 5rem;
    height: 5rem;
  }
}
.p-coCreationList_item_txt_cat span {
  color: #D40003;
  font-size: 1.6rem;
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: normal;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationList_item_txt_cat span {
    font-size: 2rem;
  }
}
.p-coCreationList_item_txt_date {
  font-size: 1.2rem;
  color: #333333;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationList_item_txt_date {
    font-size: 1.4rem;
  }
}
.p-coCreationList_item_txt_tit {
  line-height: 1.6;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333333;
  transition: color 0.5s ease;
  margin-bottom: 1.2rem;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationList_item_txt_tit {
    font-size: 2.2rem;
    margin-bottom: 1.6rem;
  }
}
.p-coCreationList_item_txt_tit .arrow {
  stroke: #0068AF;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 13px;
  height: 13px;
  transition: all 0.3s ease;
  display: inline;
  margin-left: 1.6rem;
}
.p-coCreationList_item_txt_project {
  font-size: 1.5rem;
  color: #D40003;
}
@media print, screen and (min-width: 600px) {
  .p-coCreationList_item_txt_project {
    font-size: 1.7rem;
  }
}
.p-coCreationList_item_txt_category p {
  display: inline;
  white-space: nowrap;
  font-size: 1.1rem;
  padding: 0.3em 0.5em;
  border: 1px solid #0068AF;
  color: #0068AF;
  border-radius: 3px;
}
.p-coCreationList_item.is-hide {
  display: none;
}

.p-coCreationMore {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}
@media (hover: hover) {
  .p-coCreationMore:hover:before {
    opacity: 1;
  }
}
.p-coCreationMore:after {
  display: block;
  content: "";
  width: 100%;
  height: 200%;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%);
  bottom: 0;
  left: 0;
  position: absolute;
}
.p-coCreationMore_inner {
  position: relative;
  z-index: 2;
  background: linear-gradient(to bottom, #000 0%, #00073E 100%);
  width: 28rem;
  height: 8rem;
  border-radius: 4rem;
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 2.4rem;
}
.p-coCreationMore_inner:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: linear-gradient(to bottom, #0B134E 0%, #0068AF 100%);
  opacity: 0;
  transition: opacity 0.5s ease;
}
.p-coCreationMore_inner:after {
  position: relative;
  content: "";
  display: block;
  background-color: #fff;
  width: 14px;
  height: 12.5px;
  -webkit-clip-path: polygon(0% 0, 100% 0%, 50% 100%);
          clip-path: polygon(0% 0, 100% 0%, 50% 100%);
  z-index: 2;
}
.p-coCreationMore_inner span {
  position: relative;
  z-index: 2;
}
/*# sourceMappingURL=co-creation.css.map */