@media screen and (min-width: 768px) {
  main {
    margin-top: 0;
  }
}

.secMV {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .secMV::before {
    content: "";
    width: 100%;
    height: 130px;
    background: linear-gradient(180deg, #ECECEC 0%, transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
  }
}
@media screen and (min-width: 1024px) {
  .secMV::before {
    height: min(15%, 300px);
  }
}
.secMV__inner {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .secMV__inner {
    width: calc(100% - 40px);
    max-width: 1720px;
  }
}
@media screen and (min-width: 768px) {
  .secMV__slider {
    overflow: hidden;
  }
}
.secMV__slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: 0 !important;
}
.secMV__slide.swiper-slide-active {
  opacity: 1 !important;
}
@media screen and (min-width: 768px) {
  .secMV__slide {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .secMV__slide {
    padding-right: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .secMV__slide {
    padding-right: 40px;
  }
}
.secMV__slide_txtWrap {
  width: 100%;
  height: 204px;
}
@media screen and (min-width: 768px) {
  .secMV__slide_txtWrap {
    height: auto;
    padding-top: 130px;
  }
  .secMV__slide_txtWrap > .inner {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .secMV__slide_txtWrap {
    padding-top: 15%;
  }
}
@media screen and (min-width: 1200px) {
  .secMV__slide_txtWrap {
    padding-top: 4%;
  }
}
.secMV__slide_ttl {
  margin-bottom: 21px;
  grid-gap: 16px;
}
.secMV__slide_ttl .secTtl__en {
  font-size: 28px;
  line-height: 1.5;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .secMV__slide_ttl {
    margin-bottom: 28px;
    grid-gap: 20px;
  }
  .secMV__slide_ttl .secTtl__en {
    line-height: 1.8;
  }
}
@media screen and (min-width: 1024px) {
  .secMV__slide_ttl {
    margin-bottom: 42px;
  }
  .secMV__slide_ttl .secTtl__en {
    font-size: 35px;
  }
}
@media screen and (min-width: 1200px) {
  .secMV__slide_ttl {
    grid-gap: 35px;
  }
  .secMV__slide_ttl .secTtl__en {
    font-size: 40px;
  }
}
@media screen and (min-width: 1680px) {
  .secMV__slide_ttl .secTtl__en {
    padding-left: 3px;
    font-size: 46px;
  }
}
.secMV__slide_link {
  font-size: 14px;
  font-weight: 500;
}
.secMV__slide_link a {
  display: flex;
  align-items: center;
  grid-gap: 8px;
}
.secMV__slide_link a::after {
  content: "";
  width: 20px;
  height: 20px;
  background: #00B2FF url('data:image/svg+xml;charset=utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1716 6.46481L14.3536 9.64679C14.5488 9.84205 14.5488 10.1586 14.3536 10.3539L11.1716 13.5359C10.9763 13.7311 10.6597 13.7311 10.4645 13.5359C10.2692 13.3406 10.2692 13.024 10.4645 12.8288L12.7929 10.5003H6V9.50034H12.7929L10.4645 7.17191C10.2692 6.97665 10.2692 6.66007 10.4645 6.46481C10.6597 6.26954 10.9763 6.26954 11.1716 6.46481Z" fill="%23fff"/></svg>') center/contain no-repeat;
  border-radius: 50%;
  display: block;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .secMV__slide_link {
    font-size: 16px;
  }
  .secMV__slide_link a {
    grid-gap: 12px;
  }
  .secMV__slide_link a::after {
    width: 26px;
    height: 26px;
  }
}
.secMV__slide_img {
  width: 100%;
  padding-top: 93.3333%;
}
@media screen and (min-width: 768px) {
  .secMV__slide_img {
    width: 50%;
    padding-top: 46.729%;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1200px) {
  .secMV__slide_img {
    width: 55%;
    padding-top: 51.4019%;
  }
}
@media screen and (min-width: 1440px) {
  .secMV__slide_img {
    width: 63.6904%;
    padding-top: 59.5238%;
  }
}
.secMV__navSlider {
  width: 284px;
  margin: -17px 0 0 auto;
  display: flex;
  grid-gap: 4px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .secMV__navSlider {
    width: 76%;
    margin: -17px -20px 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .secMV__navSlider {
    width: 100%;
    max-width: 1076px;
    margin: -10px 0 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .secMV__navSlider {
    margin-top: -119px;
  }
}
.secMV__navSlider_btns {
  width: 30px;
  display: grid;
  grid-template-rows: repeat(2, 30px);
  grid-gap: 4px;
  flex-shrink: 0;
}
.secMV__navSlider_arrow {
  width: 100%;
  height: 100%;
  background: #fff url('data:image/svg+xml;charset=utf8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5859 15.0001L10.293 7.70718L11.7072 6.29297L20.4143 15.0001L11.7072 23.7072L10.293 22.293L17.5859 15.0001Z" fill="%23000"/></svg>') center/contain no-repeat;
}
.secMV__navSlider_arrow--prev {
  transform: scale(-1, 1);
}
.secMV__navSlider_arrow:focus {
  outline: 0;
}
.secMV__navSlider .swiper-container {
  background-color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .secMV__navSlider .swiper-container {
    width: 100%;
    padding-right: 0;
    box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.11);
    overflow: visible;
  }
}
.secMV__navSlideWrap {
  width: 865px;
}
@media screen and (min-width: 1024px) {
  .secMV__navSlideWrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
}
.secMV__navSlide {
  padding: 10px 10px 14px;
  background-color: #fff;
  border-right: 1px solid #ECECEC;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  grid-gap: 10px;
  position: relative;
}
.secMV__navSlide_img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .secMV__navSlide::before {
    content: "";
    width: 0;
    height: 4px;
    background-color: #00B2FF;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.3s;
    opacity: 0;
  }
  .secMV__navSlide.swiper-slide-active::before {
    width: calc(100% - 24px);
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  .secMV__navSlide {
    width: 100% !important;
    grid-gap: 15px;
    cursor: pointer;
  }
  .secMV__navSlide:hover {
    opacity: 0.8;
  }
  .secMV__navSlide::before {
    height: 5px;
  }
}
@media screen and (min-width: 1200px) {
  .secMV__navSlide {
    padding: 15px 15px 20px;
  }
}
@media screen and (min-width: 1440px) {
  .secMV__navSlide_img {
    width: 60px;
    height: 60px;
  }
}
.secMV__award {
  width: 90px;
  display: grid;
  grid-template-rows: repeat(3, 83px);
  position: absolute;
  top: 150px;
  right: 10px;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .secMV__award {
    width: auto;
    grid-template-columns: repeat(3, 90px);
    grid-template-rows: auto;
    grid-gap: 8px;
    top: 2px;
    left: 240px;
  }
}
@media screen and (min-width: 1024px) {
  .secMV__award {
    top: 62px;
  }
}
@media screen and (min-width: 1200px) {
  .secMV__award {
    grid-template-columns: repeat(3, 120px);
    left: 300px;
  }
}
@media screen and (min-width: 1680px) {
  .secMV__award {
    top: 12px;
    left: 326px;
  }
}
.secMV__scroll {
  margin: 30px 0 0;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.2em;
  display: flex;
  align-items: center;
  grid-gap: 20px;
  position: relative;
  z-index: 2;
}
.secMV__scroll_img {
  width: 30px;
  flex-shrink: 0;
  display: block;
  animation: scroll_rolling 5s linear infinite;
}
@keyframes scroll_rolling {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 1200px) {
  .secMV__scroll {
    font-size: 20px;
    grid-gap: 24px;
  }
  .secMV__scroll_img {
    width: 46px;
  }
}
@media screen and (min-width: 1680px) {
  .secMV__scroll {
    margin-top: -22px;
  }
}

.secAbout {
  padding: 96px 0 100px;
  background: url(../images/top/about_bg.png) center top 20px/101% no-repeat;
}
@media screen and (min-width: 768px) {
  .secAbout {
    padding: 120px 0 115px;
    background-position: left 3% top 20px;
    background-size: 70%;
  }
}
@media screen and (min-width: 1024px) {
  .secAbout {
    background-size: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .secAbout {
    padding: 160px 0 155px;
  }
}
.secAbout__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .secAbout__inner {
    flex-direction: row;
    align-items: center;
    grid-gap: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .secAbout__inner {
    grid-gap: 86px;
  }
}
@media screen and (min-width: 1440px) {
  .secAbout__inner {
    align-items: flex-end;
  }
}
.secAbout__txtBlk {
  display: contents;
}
@media screen and (min-width: 768px) {
  .secAbout__txtBlk {
    display: block;
    flex-shrink: 0;
  }
}
.secAbout__ttl {
  margin-bottom: 18px;
  grid-gap: 19px;
}
.secAbout__ttl .secTtl__en {
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .secAbout__ttl {
    grid-gap: 30px;
  }
  .secAbout__ttl .secTtl__en {
    font-size: 25px;
    line-height: 1.8;
  }
}
@media screen and (min-width: 1024px) {
  .secAbout__ttl {
    grid-gap: 52px;
  }
  .secAbout__ttl .secTtl__en {
    font-size: 30px;
  }
}
@media screen and (min-width: 1440px) {
  .secAbout__ttl .secTtl__en {
    font-size: 36px;
  }
}
.secAbout__txt {
  width: calc(100% + 10px);
  margin-right: -10px;
}
@media screen and (min-width: 768px) {
  .secAbout__txt {
    width: auto;
    margin-right: 0;
    line-height: 2;
  }
}
@media screen and (min-width: 1024px) {
  .secAbout__txt {
    font-size: 20px;
  }
}
.secAbout__slideBlk {
  width: calc(100% + 40px);
  margin: 25px -20px 37px;
  overflow: hidden;
}
.secAbout__slideBlk .swiper-wrapper {
  transition-timing-function: linear !important;
}
@media screen and (min-width: 768px) {
  .secAbout__slideBlk {
    width: 71.2142%;
    margin: 0 -20px 0 0;
  }
}
@media screen and (min-width: 1440px) {
  .secAbout__slideBlk {
    width: 100%;
    margin-bottom: 70px;
    margin-right: calc(-1 * (50vw - 700px));
  }
}
.secAbout__slideBlk_slide {
  border-radius: 10px;
  overflow: hidden;
}
.secAbout__btnWrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
}
@media screen and (min-width: 768px) {
  .secAbout__btnWrap {
    margin-top: 63px;
    justify-content: flex-start;
  }
}

.secWorks {
  padding: 0 0 100px;
}
@media screen and (min-width: 1024px) {
  .secWorks {
    padding: 0 0 170px;
  }
}
@media screen and (min-width: 768px) {
  .secWorks__txtBlk {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.secWorks__subTtl {
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .secWorks__subTtl {
    margin: 3px 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .secWorks__subTtl {
    font-size: 24px;
  }
}
.secWorks__txt {
  width: calc(100% + 10px);
  margin-right: -10px;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .secWorks__txt {
    width: auto;
    margin-bottom: 20px;
    line-height: 2;
  }
}
@media screen and (min-width: 1024px) {
  .secWorks__txt {
    font-size: 20px;
  }
}
.secWorks__slideBlk {
  width: calc(100% + 40px);
  margin: 38px -20px 40px;
}
@media screen and (min-width: 768px) {
  .secWorks__slideBlk {
    width: 100%;
    margin: 78px 0 58px;
  }
}
.secWorks__slideBlk_list {
  padding-left: 20px;
  margin-bottom: 30px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .secWorks__slideBlk_list .swiper-slide {
    height: auto;
    align-self: stretch;
  }
}
@media screen and (min-width: 768px) {
  .secWorks__slideBlk_list {
    width: auto;
    padding: 0;
    border-right: 1px solid #000;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.secWorks__slideBlk_dots {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
}
.secWorks__slideBlk_dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 !important;
  background-color: #fff;
  opacity: 1;
}
.secWorks__slideBlk_dots .swiper-pagination-bullet-active {
  background-color: #00B2FF;
}
.secWorks__slideBlk .worksItem {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 13px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .secWorks__slideBlk .worksItem {
    grid-gap: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .secWorks__slideBlk .worksItem {
    grid-gap: 22px;
  }
}
.secWorks__slideBlk .worksItem__cat {
  padding: 4px 16px 7px;
  background-color: #ECECEC;
  border-radius: 0 0 10px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .secWorks__slideBlk .worksItem__cat {
    font-size: 16px;
  }
}
.secWorks__slideBlk .worksItem__img {
  width: 100%;
  padding-top: 68.421%;
}
.secWorks__slideBlk .worksItem__txtWrap_ttl {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (min-width: 1024px) {
  .secWorks__slideBlk .worksItem__txtWrap_ttl {
    font-size: 20px;
  }
}
.secWorks__slideBlk .worksItem__txtWrap_area {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.8;
}
@media screen and (min-width: 1024px) {
  .secWorks__slideBlk .worksItem__txtWrap_area {
    margin-top: 14px;
    font-size: 16px;
  }
}
.secWorks__slideBlk .worksItem .newIcon {
  top: -10px;
  right: 10px;
}
@media screen and (min-width: 1200px) {
  .secWorks__slideBlk .worksItem .newIcon {
    top: -14px;
    right: 15px;
  }
}
.secWorks__slideBlk .worksItem {
  padding: 15px 20px 8px;
  border-left: 1px solid #000;
  grid-gap: 16px;
}
@media screen and (min-width: 1024px) {
  .secWorks__slideBlk .worksItem {
    padding: 15px 20px 16px;
    grid-gap: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .secWorks__slideBlk .worksItem {
    padding: 20px 45px 16px;
    grid-gap: 24px;
  }
}
.secWorks__slideBlk .worksItem__cat {
  top: 15px;
  left: 20px;
}
@media screen and (min-width: 1200px) {
  .secWorks__slideBlk .worksItem__cat {
    top: 20px;
    left: 45px;
  }
}
.secWorks__slideBlk .worksItem__txtWrap {
  width: calc(100% + 10px);
  margin-right: -10px;
}
.secWorks__slideBlk .worksItem__txtWrap_ttl {
  line-height: 1.6;
}
@media screen and (min-width: 1024px) {
  .secWorks__slideBlk .worksItem__txtWrap_ttl {
    line-height: 1.8;
  }
}
.secWorks__slideBlk .worksItem__txtWrap_area {
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .secWorks__slideBlk .worksItem__txtWrap_area {
    margin-top: 14px;
  }
}
.secWorks__slideBlk .worksItem .newIcon {
  top: 5px;
  right: 30px;
}
@media screen and (min-width: 1200px) {
  .secWorks__slideBlk .worksItem .newIcon {
    right: 56px;
  }
}
.secWorks__btnWrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pageNav {
  width: 100%;
  padding: 0 0 100px;
}
@media screen and (min-width: 1024px) {
  .pageNav {
    padding: 0 0 207px;
  }
}
.pageNav__list {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: grid;
  grid-gap: 10px;
}
@media screen and (min-width: 768px) {
  .pageNav__list {
    max-width: 100%;
    margin: 0;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .pageNav__list {
    grid-gap: 40px;
  }
}
.pageNav__listItem {
  width: 100%;
  padding-top: 83.5821%;
  position: relative;
}
.pageNav__listItem::before {
  content: "";
  width: 100%;
  height: 48.6567%;
  background: linear-gradient(180deg, transparent 0%, #E3E3E3 100%);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.pageNav__listItem_inner {
  padding: 20px 20px 18px;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: space-between;
  z-index: 2;
}
.pageNav__listItem_inner::after {
  content: "";
  width: 20px;
  height: 20px;
  background: #00B2FF url('data:image/svg+xml;charset=utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1716 6.46481L14.3536 9.64679C14.5488 9.84205 14.5488 10.1586 14.3536 10.3539L11.1716 13.5359C10.9763 13.7311 10.6597 13.7311 10.4645 13.5359C10.2692 13.3406 10.2692 13.024 10.4645 12.8288L12.7929 10.5003H6V9.50034H12.7929L10.4645 7.17191C10.2692 6.97665 10.2692 6.66007 10.4645 6.46481C10.6597 6.26954 10.9763 6.26954 11.1716 6.46481Z" fill="%23fff"/></svg>') center/contain no-repeat;
  border-radius: 50%;
  display: block;
  position: absolute;
  bottom: 26px;
  right: 35px;
}
.pageNav__listItem_inner:hover + img {
  opacity: 0.8;
}
.pageNav__listItem_inner + img {
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  .pageNav__listItem_inner {
    padding: 20px 40px 30px;
  }
  .pageNav__listItem_inner::after {
    width: 46px;
    height: 46px;
    bottom: 36px;
    right: 38px;
  }
}
@media screen and (min-width: 1440px) {
  .pageNav__listItem_inner {
    padding: 30px 50px 40px;
  }
  .pageNav__listItem_inner::after {
    bottom: 46px;
    right: 48px;
  }
}
.pageNav__listItem_ttl {
  line-height: 1.8;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
.pageNav__listItem_ttl .jp {
  font-size: 24px;
  font-weight: 700;
}
.pageNav__listItem_ttl .en {
  font-size: 14px;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .pageNav__listItem_ttl {
    grid-gap: 4px;
  }
  .pageNav__listItem_ttl .jp {
    font-size: 32px;
  }
  .pageNav__listItem_ttl .en {
    font-size: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .pageNav__listItem_ttl {
    grid-gap: 7px;
  }
  .pageNav__listItem_ttl .jp {
    font-size: 36px;
  }
  .pageNav__listItem_ttl .en {
    font-size: 24px;
  }
}
.pageNav__listItem_txt {
  font-size: 10px;
  letter-spacing: 0.25em;
  line-height: 1.8;
  writing-mode: vertical-rl;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .pageNav__listItem_txt {
    font-size: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .pageNav__listItem_txt {
    font-size: 15px;
    letter-spacing: 0.2em;
  }
}
@media screen and (min-width: 1440px) {
  .pageNav__listItem_txt {
    font-size: 16px;
  }
}
.pageNav__listItem_txt .js-letterWrap {
  background-color: #fff;
}
.pageNav__listItem_txt .js-letterWrap:nth-child(n+2) {
  padding-right: 1px;
  margin-right: -1px;
}
.pageNav__listItem_txt .js-letterWrap > span {
  padding: 0 0.1em;
  display: inline-block;
}
.pageNav__listItem_txt .js-letterWrap > span:first-child {
  padding-top: 0.5em;
}
.pageNav__listItem_txt .js-letterWrap > span:last-child {
  padding-bottom: 0.3em;
}
@media screen and (min-width: 768px) {
  .pageNav__listItem_txt .js-letterWrap > span {
    padding: 0 0.5em;
  }
  .pageNav__listItem_txt .js-letterWrap > span:first-child {
    padding-top: 0.95em;
  }
  .pageNav__listItem_txt .js-letterWrap > span:last-child {
    padding-bottom: 0.8em;
  }
}
@media screen and (min-width: 1200px) {
  .pageNav__listItem--02 .pageNav__listItem_txt .disp_pc {
    display: none;
  }
}

.secNews {
  padding: 100px 0;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .secNews {
    padding: 170px 0;
  }
}
.secNews__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .secNews__inner {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    grid-gap: 86px;
  }
}
@media screen and (min-width: 1024px) {
  .secNews__inner {
    grid-gap: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .secNews__inner {
    grid-gap: 86px;
  }
}
.secNews__txtBlk {
  display: contents;
}
@media screen and (min-width: 768px) {
  .secNews__txtBlk {
    display: block;
    flex-shrink: 0;
  }
}
.secNews__ttl {
  margin-bottom: 3px;
}
.secNews__subTtl {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .secNews__subTtl {
    margin: 3px 0 0;
    font-size: 24px;
  }
}
.secNews__newsBlk {
  width: 100%;
  max-width: 400px;
  margin: 46px auto 40px;
}
@media screen and (min-width: 768px) {
  .secNews__newsBlk {
    padding-top: 10px;
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .secNews__newsBlk {
    max-width: 852px;
  }
}
.secNews__newsBlk_list {
  display: grid;
  grid-gap: 30px;
}
.secNews__newsBlk_list .newsItem {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 13px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .secNews__newsBlk_list .newsItem {
    grid-gap: 24px;
  }
}
.secNews__newsBlk_list .newsItem__img {
  width: 100%;
  padding-top: 68.421%;
  border: 1px solid #E3E3E3;
}
.secNews__newsBlk_list .newsItem__txtWrap {
  width: 100%;
}
.secNews__newsBlk_list .newsItem__txtWrap_ttl {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (min-width: 1024px) {
  .secNews__newsBlk_list .newsItem__txtWrap_ttl {
    font-size: 20px;
  }
}
.secNews__newsBlk_list .newsItem__txtWrap_date {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.8;
}
@media screen and (min-width: 1024px) {
  .secNews__newsBlk_list .newsItem__txtWrap_date {
    margin-top: 14px;
    font-size: 16px;
  }
}
.secNews__newsBlk_list .newsItem .newIcon {
  top: -10px;
  right: 10px;
}
@media screen and (min-width: 768px) {
  .secNews__newsBlk_list .newsItem .newIcon {
    top: -15px;
    right: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .secNews__newsBlk_list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 38px 40px;
  }
}
@media screen and (min-width: 1200px) {
  .secNews__newsBlk_list {
    grid-gap: 38px 60px;
  }
}
@media screen and (min-width: 1440px) {
  .secNews__newsBlk_list {
    grid-gap: 38px 95px;
  }
}
.secNews__btnWrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
}
@media screen and (min-width: 768px) {
  .secNews__btnWrap {
    margin-top: 76px;
    justify-content: flex-start;
  }
  .secNews__btnWrap .btn {
    min-width: 335px;
  }
}