/*-------------------------------------------------------------------*/
/* foundation */
/*-------------------------------------------------------------------*/
body{
  background: #FBFBFB;
}

img{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/*-------------------------------------------------------------------*/
/* blog-UrlCopied */
/*-------------------------------------------------------------------*/
.blog-UrlCopied{
  width: 240px;
  height: 50px;
  margin: 0 auto;
  display: grid;
  place-content: center;
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: .04em;
  color: #fff;
  border-radius: 30px;
  background: #11221C;
  cursor: pointer;
  transform: translateY(-500%);
  z-index: 5;
}
@media screen and (max-width:1024px){
  .blog-UrlCopied{
    width: 52.0833vw;
    height: 9.6354vw;
    top: 20.8333vw;
    font-size: 2.4rem;
    border-radius: 4.8177vw;
  }
}


/*-------------------------------------------------------------------*/
/* blog-Bg */
/*-------------------------------------------------------------------*/
.blog-Bg{
  width: 100%;
  height: 560px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(135deg, rgba(244, 243, 240, 0.8) 0%,rgba(244, 243, 240, 0.8) 100%) 0 0 / cover no-repeat, url(../../images/pc/blog/bg_subpage_letters_top.png) 0% 0% / 1534px no-repeat, url(../../images/pc/blog/bg_subpage_letters_bottom.png) 100% 100% / 1552px no-repeat, url(../../images/pc/blog/bg_subpage.jpg) 50% 50% / cover no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Bg{
    height: 132.8125vw;
    background: linear-gradient(135deg, rgba(244, 243, 240, 0.8) 0%,rgba(244, 243, 240, 0.8) 100%) 0 0 / cover no-repeat, url(../../images/pc/blog/bg_subpage.jpg) 50% 50% / cover no-repeat;
  }
}
.blog-Bg::before,
.blog-Bg::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.blog-Bg::before{
  background: url(../../images/pc/blog/bg_subpage.jpg) 50% 50% / cover no-repeat;
  -webkit-mask: url(../../images/common/blog/mask_top.png) 0% 0% / 960px no-repeat, url(../../images/common/blog/mask_bottom.png) 100% 100% / 960px no-repeat;
          mask: url(../../images/common/blog/mask_top.png) 0% 0% / 960px no-repeat, url(../../images/common/blog/mask_bottom.png) 100% 100% / 960px no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Bg::before{
    background: url(../../images/sp/blog/bg_subpage.jpg) 50% 50% / cover no-repeat;
    -webkit-mask: url(../../images/common/blog/mask_top.png) 0% 0% / 125vw no-repeat, url(../../images/common/blog/mask_bottom.png) 100% 100% / 125vw no-repeat;
            mask: url(../../images/common/blog/mask_top.png) 0% 0% / 125vw no-repeat, url(../../images/common/blog/mask_bottom.png) 100% 100% / 125vw no-repeat;
  }
}
.blog-Bg::after{
  background: url(../../images/common/blog/bg_line_1.png) calc(50% - 460px) 0% / 160px no-repeat, url(../../images/common/blog/bg_line_2.png) calc(50% + 550px) 313px / 100px no-repeat, url(../../images/common/blog/bg_subpage_grunge.png) 0 100% / 280px no-repeat, url(../../images/common/blog/bg_subpage_grunge.png) 100% 0 / 280px no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Bg::after{
    background: url(../../images/common/blog/bg_line_2.png) right 7.8125vw bottom 0 / 13.0208vw no-repeat, url(../../images/common/blog/bg_subpage_grunge.png) 0 100% / 36.4583vw no-repeat, url(../../images/common/blog/bg_subpage_grunge.png) 100% 0 / 36.4583vw no-repeat;
  }
}


/*-------------------------------------------------------------------*/
/* blog-Header */
/*-------------------------------------------------------------------*/
.blog-Header .header-Bg{
  width: 100%;
  height: 66px;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(-101%);
  background: #fff;
  z-index: 9;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Bg{
    display: none;
  }
}
.blog-Header .header-Content{
  width: 100%;
  padding: 0 50px 0 30px;
  position: fixed;
  top: 30px;
  z-index: 10;
  display: flex;
  align-items: center;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Content{
    padding: 0 5.2083vw;
    position: static;
  }
}
.blog-Header .header-Content .logo{
  width: 293px;
  margin-right: auto;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Content .logo{
    width: 64.0625vw;
    position: absolute;
    top: 6.5104vw;
    left: 5.2083vw;
    z-index: 7;
  }
}
.blog-Header .header-Content .logo a{
  display: block;
}
@media (hover: hover) {
  .blog-Header .header-Content .logo a{
    transition: opacity .3s;
  }
  .blog-Header .header-Content .logo a:hover{
    opacity: .6;
  }
}
.blog-Header .header-Content .nav{
  margin-left: auto;
  margin-right: 50px;
  display: flex;
  align-items: center;
  gap: 0 40px;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Content .nav{
    display: none;
  }
}
.blog-Header .header-Content .nav a{
  font-family: "Jost", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 145%;
  letter-spacing: .06em;
}
.blog-Header .header-Content .nav .works{
  color: #0F0F0F;
  position: relative;
}
@media (hover: hover) {
  .blog-Header .header-Content .nav .works::after{
    content: "";
    width: 0%;
    max-width: 100%;
    height: 2px;
    background: #0F0F0F;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: width .3s;
  }
  .blog-Header .header-Content .nav .works:hover::after{
    width: 100%;
  }
}
.blog-Header .header-Content .nav .contact{
  padding: 10px 40px;
  color: #fff;
  background: #11221C;
}
@media (hover: hover) {
  .blog-Header .header-Content .nav .contact{
    transition: background-color .3s;
  }
  .blog-Header .header-Content .nav .contact:hover{
    background-color: #3CAB8F;
  }
}
.blog-Header .header-Content .hamburger{
  width: 60px;
  height: 32px;
  background: #F00;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2060%2014%22%3E%20%3Cpath%20fill%3D%22%23222%22%20d%3D%22M0%200h60v2H0zm0%2012h60v2H0z%22%2F%3E%3C%2Fsvg%3E') 50% 50% / contain no-repeat;
  cursor: pointer;
  transition: transform .3s;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Content .hamburger{
    width: 9.1146vw;
    height: 5.2083vw;
    position: fixed;
    top: 7.8125vw;
    right: 5.2083vw;
    z-index: 9;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2226%22%20fill%3D%22none%22%20viewBox%3D%220%200%2070%2026%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70%200H0v6h70V0Zm0%2020H0v6h70v-6Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 50% 50% / contain no-repeat;
  }
}
.blog-Header.opened .header-Content .hamburger{
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2253%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2053%2032%22%3E%20%3Cpath%20fill%3D%22%23222%22%20d%3D%22m1%200%2051.962%2030-1%201.732L0%201.732z%22%2F%3E%20%3Cpath%20fill%3D%22%23222%22%20d%3D%22M0%2030%2051.962%200l1%201.732L1%2031.732z%22%2F%3E%3C%2Fsvg%3E') 50% 50% / contain no-repeat;
  transform: rotate(180deg);
}
@media screen and (max-width:1024px){
  .blog-Header.opened .header-Content .hamburger{
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2241%22%20fill%3D%22none%22%20viewBox%3D%220%200%2064%2041%22%3E%20%3Cpath%20fill%3D%22%233CAB8F%22%20fill-rule%3D%22evenodd%22%20d%3D%22M26%2020.098.19%2035l3%205.196L32%2023.562l28.811%2016.634%203-5.196-25.81-14.902L63.81%205.196%2060.81%200%2032%2016.634%203.19%200l-3%205.196L26%2020.098Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 50% 50% / contain no-repeat;
  }
}
.blog-Header .header-Modal{
  width: 100%;
  height: 100%;
  padding-top: 66px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8;
  background: #11221C;
  overflow: hidden;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  pointer-events: none;
  transition: -webkit-clip-path .3s;
  transition: clip-path .3s;
  transition: clip-path .3s, -webkit-clip-path .3s;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Modal{
    padding-top: 0;
  }
}
.blog-Header.opened .header-Modal{
  -webkit-clip-path: inset(0 0 0% 0);
          clip-path: inset(0 0 0% 0);
  pointer-events: all;
}
.blog-Header .header-Modal .nav{
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
.blog-Header .header-Modal .nav::-webkit-scrollbar{
  display: none;
}
.blog-Header .header-Modal .nav .inner{
  width: clamp(1px, calc(100% - 80px), 1200px);
  margin: 0 auto;
  padding: 175px 0;
  transform: translateY(4rem);
  opacity: 0;
  transition: transform .3s, opacity .3s;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Modal .nav .inner{
    width: 79.1667vw;
    padding: 18.2292vw 0 13.6719vw;
  }
}
.blog-Header.opened .header-Modal .nav .inner{
  transform: translateY(0rem);
  opacity: 1;
}
.blog-Header .header-Modal .nav .global ul{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 68px 0;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Modal .nav .global ul{
    grid-template-columns: repeat(1, 1fr);
    gap: 8.3333vw 0;
  }
}
.blog-Header .header-Modal .nav .global a{
  display: inline-block;
  font-family: "Jost", sans-serif;
  font-weight: 700;
  font-size: 3.2rem;
  letter-spacing: .08em;
  color: #fff;
  position: relative;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Modal .nav .global a{
    font-size: 3.6rem;
    line-height: 145%;
  }
}
.blog-Header .header-Modal .nav .global a::after{
  content: "";
  width: 0;
  max-width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: -18px;
  display: block;
  background: #fff;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Modal .nav .global a::after{
    height: max(.5208vw, 1px);
    bottom: -1.8229vw;
  }
}
.blog-Header .header-Modal .nav .global a.current::after{
  width: 100%;
}
@media (hover: hover) {
  .blog-Header .header-Modal .nav .global a::after{
    transition: width .3s;
  }
  .blog-Header .header-Modal .nav .global a:hover::after{
    width: 100%;
  }
}
.blog-Header .header-Modal .nav .sub{
  margin-top: 90px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 28px;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Modal .nav .sub{
    margin-top: 23.4375vw;
    grid-template-columns: 1fr;
    gap: 2.6042vw 0;
  }
}
.blog-Header .header-Modal .nav .sub .btn{
  height: 116px;
  font-weight: 700;
  font-size: 3.0rem;
  letter-spacing: .06em;
  color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  gap: 0 28px;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Modal .nav .sub .btn{
    height: 15.625vw;
    font-size: 3.2rem;
    gap: 0 1.625rem;
  }
}
@media (hover: hover) {
  .blog-Header .header-Modal .nav .sub .btn{
    transition: opacity .3s;
  }
  .blog-Header .header-Modal .nav .sub .btn:hover{
    opacity: .6;
  }
}
.blog-Header .header-Modal .nav .sub .btn.contact{
  background: #3CAB8F;
}
.blog-Header .header-Modal .nav .sub .btn.document{
  background: #3F3F3F;
}
.blog-Header .header-Modal .nav .sub .btn .accent{
  width: 32px;
  height: 66px;
  fill: #fff;
  opacity: .2;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Modal .nav .sub .btn .accent{
    width: 4.4271vw;
    height: 9.1146vw;
  }
}
.blog-Header .header-Modal .nav .sub .btn .arrow{
  width: 77px;
  height: 76px;
  position: absolute;
  bottom: 0;
  right: 0;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  opacity: .3;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Modal .nav .sub .btn .arrow{
    width: 10.4167vw;
    height: 10.4167vw;
  }
}
.blog-Header .header-Modal .loopText{
  width: 311px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Modal .loopText{
    width: 42.0573vw;
  }
}
.blog-Header .header-Modal .loopText .text{
  width: 165px;
  display: flex;
  flex-direction: column;
  position: absolute;
  will-change: transform;
}
@media screen and (max-width:1024px){
  .blog-Header .header-Modal .loopText .text{
    width: 21.4844vw;
  }
}
.blog-Header .header-Modal .loopText .text img{
  width: 100%;
  height: auto;
}
.blog-Header .header-Modal .loopText .text.top{
  top: 0;
  left: 0;
}
.blog-Header .header-Modal .loopText .text.bottom{
  bottom: 0;
  right: 0;
}
.st-Header.opened .st-Header_LoopText{
  opacity: 1;
  visibility: visible;
  transition-delay: .15s, .15s;
}
@media screen and (min-width:1025px) {
  .blog-Header .header-Bg,
  .blog-Header .header-Content{
    transition: transform .3s;
  }
  .blog-Header.scrolled .header-Bg,
  .blog-Header.opened .header-Bg{
    transform: translateY(0);
  }
  .blog-Header.scrolled .header-Content,
  .blog-Header.opened .header-Content{
    transform: translateY(-19px);
  }
}


/*-------------------------------------------------------------------*/
/* blog-Footer */
/*-------------------------------------------------------------------*/
.blog-Footer{
  position: relative;
}
.blog-Footer .btn{
  padding: 25px 72px 27px 30px;
  display: inline-block;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: .04em;
  color: #fff;
  border-radius: 100px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2247%22%20fill%3D%22none%22%20viewBox%3D%220%200%2046%2047%22%3E%20%3Ccircle%20cx%3D%2223%22%20cy%3D%2223.537%22%20r%3D%2223%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20fill%3D%22%2311221C%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.269%2029.222a1.06%201.06%200%200%201%200-1.411l3.882-4.275-3.881-4.274a1.06%201.06%200%200%201-.002-1.41.939.939%200%200%201%201.402-.001l4.523%204.98a1.06%201.06%200%200%201%200%201.412l-4.523%204.98a.938.938%200%200%201-1.401%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') right 13px top 50% / 46px no-repeat #3CAB8F;
}
@media screen and (max-width:1024px){
  .blog-Footer .btn{
    padding: 5.2083vw 113px 5.599vw 6.25vw;
    font-size: 3.2rem;
    border-radius: 100px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2247%22%20fill%3D%22none%22%20viewBox%3D%220%200%2046%2047%22%3E%20%3Ccircle%20cx%3D%2223%22%20cy%3D%2223.537%22%20r%3D%2223%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20fill%3D%22%2311221C%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.269%2029.222a1.06%201.06%200%200%201%200-1.411l3.882-4.275-3.881-4.274a1.06%201.06%200%200%201-.002-1.41.939.939%200%200%201%201.402-.001l4.523%204.98a1.06%201.06%200%200%201%200%201.412l-4.523%204.98a.938.938%200%200%201-1.401%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') right 2.8646vw top 50% / 9.6354vw no-repeat #3CAB8F;
  }
}
.blog-Footer .footer-Download{
  margin-bottom: 33px;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Download{
    margin-bottom: 10.4167vw;
  }
}
.blog-Footer .footer-Download a{
  /* width: clamp(1px, calc(100% - 300px), 1620px); */
  width: clamp(1px, calc(100% - 160px), 1620px);
  margin: 0 auto;
  padding: 70px 70px 80px;
  background: linear-gradient(to right, rgba(255,89,89,0) 0%,rgba(255,89,89,1) 100%) 100% 100% / 100% 2px no-repeat, linear-gradient(to bottom, rgba(255,89,89,0) 0%,rgba(255,89,89,1) 100%) 100% 100% / 2px 100% no-repeat, url(../../images/pc/blog/bg_footer_download.png) 100% 50% / 1014px no-repeat, url(../../images/pc/blog/bg_footer_download_letters.svg) 50% 100% / 100% no-repeat #F4F4F4;
  display: block;
}
@media screen and (max-width:1400px){
  .blog-Footer .footer-Download a{
    background: linear-gradient(to right, rgba(255,89,89,0) 0%,rgba(255,89,89,1) 100%) 100% 100% / 100% 2px no-repeat, linear-gradient(to bottom, rgba(255,89,89,0) 0%,rgba(255,89,89,1) 100%) 100% 100% / 2px 100% no-repeat, url(../../images/pc/blog/bg_footer_download.png) 100% 50% / 82.7% no-repeat, url(../../images/pc/blog/bg_footer_download_letters.svg) 50% 100% / 100% no-repeat #F4F4F4;
  }
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Download a{
    width: 89.5833vw;
    padding: 6.5104vw 5.2083vw 7.8125vw;
    background: linear-gradient(to right, rgba(255,89,89,0) 0%,rgba(255,89,89,1) 100%) 100% 100% / 100% max(.2604vw, 1px) no-repeat, linear-gradient(to bottom, rgba(255,89,89,0) 0%,rgba(255,89,89,1) 100%) 100% 100% / max(.2604vw, 1px) 100% no-repeat, url(../../images/sp/blog/bg_footer_download.png) 100% 19.5313vw / 100% no-repeat, url(../../images/sp/blog/bg_footer_download_letters.svg) 50% 100% / 100% no-repeat #F4F4F4;
    display: block;
  }
}
@media (hover: hover) {
  .blog-Footer .footer-Download a{
    transition: opacity .3s;
  }
  .blog-Footer .footer-Download a:hover{
    opacity: .6;
  }
}
.blog-Footer .footer-Download .download-Body{
  margin-top: 30px;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Download .download-Body{
    margin-top: 55.9896vw;
  }
}
.blog-Footer .footer-Download .download-Body p{
  font-weight: 700;
  font-size: 2.0rem;
  line-height: 160%;
  letter-spacing: .04em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Download .download-Body p{
    font-size: 2.6rem;
    text-align: center;
  }
}
.blog-Footer .footer-Download .download-Body .btn{
  margin-top: 30px;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Download .download-Body .btn{
    margin-top: 5.2083vw;
  }
}
.blog-Footer .footer-Category{
  width: calc(100% - 80px);
  margin: 0 auto;
  padding: 0 110px;
  background: #323232;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Category{
    width: 100%;
    padding: 0 5.2083vw;
  }
}
.blog-Footer .footer-Category .category-Inner{
  width: 100%;
  max-width: 1620px;
  margin: 0 auto;
  padding: 50px 0 78px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2276%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%2076%22%3E%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%20%3Cpath%20fill%3D%22%233CAB8F%22%20d%3D%22M74.074-34H100L25.926%2076H0L74.074-34Z%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22a%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h100v76H0z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E') 290px 0 / 100px no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Category .category-Inner{
    padding: 7.8125vw 0 9.1146vw;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2276%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%2076%22%3E%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%20%3Cpath%20fill%3D%22%233CAB8F%22%20d%3D%22M74.074-34H100L25.926%2076H0L74.074-34Z%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22a%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h100v76H0z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E') 100% 0 / 13.0208vw no-repeat;
  }
}
.blog-Footer .footer-Category .category-Heading{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px 0;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Category .category-Heading{
    gap: 1.3021vw 0;
  }
}
.blog-Footer .footer-Category .category-Heading .en{
  font-family: "Jost", sans-serif;
  font-weight: 700;
  font-size: 3.0rem;
  letter-spacing: .06em;
  color: #fff;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Category .category-Heading .en{
    font-size: 5.0rem;
  }
}
.blog-Footer .footer-Category .category-Heading .jp{
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: .06em;
  color: #fff;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Category .category-Heading .jp{
    font-size: 2.0rem;
  }
}
.blog-Footer .footer-Category .category-Body ul{
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 6px;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Category .category-Body ul{
    margin-top: 5.2083vw;
    gap: 1.5625vw 1.5625vw;
  }
}
.blog-Footer .footer-Category .category-Body ul li a{
  padding: 4px 10px;
  display: inline-block;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 145%;
  letter-spacing: .04em;
  color: #fff;
  border: 2px solid #fff;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Category .category-Body ul li a{
    padding: 1.3021vw 1.8229vw;
    font-size: 2.4rem;
    line-height: 147%;
    border: 2px solid #fff;
  }
}
@media (hover: hover) {
  .blog-Footer .footer-Category .category-Body ul li a{
    transition: color .3s, background-color .3s;
  }
  .blog-Footer .footer-Category .category-Body ul li a:hover{
    color: #323232;
    background-color: #fff;
  }
}
.blog-Footer .footer-Content{
  width: calc(100% - 80px);
  margin: 0 auto;
  padding: 0 110px;
  background: url(../../images/pc/blog/bg_footer_content_letters.svg) 50% 100% / 100% no-repeat #3F3F3F;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content{
    width: 100%;
    padding: 0 5.2083vw;
    background: url(../../images/sp/blog/bg_footer_content_letters.svg) 50% 100% / 100% no-repeat #3F3F3F;
  }
}
.blog-Footer .footer-Content .content-Inner{
  width: 100%;
  max-width: 1620px;
  margin: 0 auto;
  padding: 56px 0 46px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0 87px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner{
    padding: 7.8125vw 0 7.4219vw;
    flex-direction: column;
  }
}
.blog-Footer .footer-Content .content-Inner .logo{
  display: flex;
  align-items: center;
  gap: 0 21.75px;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .logo{
    gap: 0 4.4922vw;
  }
}
.blog-Footer .footer-Content .content-Inner .logo .image svg{
  width: 164.25px;
  height: 35.75px;
  fill: #fff;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .logo .image svg{
    width: 34.0299vw;
    height: 7.3893vw;
  }
}
@media (hover: hover) {
  .blog-Footer .footer-Content .content-Inner .logo .image{
    transition: opacity .3s;
  }
  .blog-Footer .footer-Content .content-Inner .logo .image:hover{
    opacity: .6;
  }
}
.blog-Footer .footer-Content .content-Inner .nav ul{
  margin-top: 34px;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .nav ul{
    margin-top: 6.5299vw;
    margin-left: .9115vw;
    gap: 3.125vw;
  }
}
.blog-Footer .footer-Content .content-Inner .nav ul li + li{
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .nav ul li + li{
    gap: 3.125vw;
  }
}
.blog-Footer .footer-Content .content-Inner .nav ul li + li::before{
  content: "";
  width: 1px;
  height: 12px;
  background: #838383;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .nav ul li + li::before{
    height: 2.6042vw;
  }
}
.blog-Footer .footer-Content .content-Inner .nav ul li a{
  display: flex;
  align-items: center;
  gap: 0 14px;
  font-family: "Jost", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: .06em;
  color: #fff;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .nav ul li a{
    gap: 0 2.6042vw;
    font-size: 2.4rem;
  }
}
@media (hover: hover) {
  .blog-Footer .footer-Content .content-Inner .nav ul li a{
    transition: opacity .3s;
  }
  .blog-Footer .footer-Content .content-Inner .nav ul li a:hover{
    opacity: .6;
  }
}
.blog-Footer .footer-Content .content-Inner .nav ul li .icon-X{
  width: 16px;
  height: 16px;
  fill: #fff;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .nav ul li .icon-X{
    width: 3.5156vw;
    height: 3.5156vw;
  }
}
.blog-Footer .footer-Content .content-Inner .catch{
  font-size: 1.0rem;
  line-height: 142%;
  letter-spacing: .14em;
  color: #838383;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .catch{
    font-size: 1.6rem;
  }
}
.blog-Footer .footer-Content .content-Inner .catch .jp{
  font-weight: 700;
}
.blog-Footer .footer-Content .content-Inner .catch .en{
  font-weight: 500;
}
.blog-Footer .footer-Content .content-Inner .btn{
  min-width: 286px;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .btn{
    min-width: 59.5052vw;
    margin-top: 8.5938vw;
  }
}
@media (hover: hover) {
  .blog-Footer .footer-Content .content-Inner .btn{
    transition: opacity .3s;
  }
  .blog-Footer .footer-Content .content-Inner .btn:hover{
    opacity: .6;
  }
}
.blog-Footer .footer-Content .content-Inner .copyright{
  width: 100%;
  margin-top: 105px;
  font-family: "Jost", sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: .06em;
  color: #8D8D8D;
  text-align: center;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .copyright{
    margin-top: 15.625vw;
    font-size: 2.0rem;
  }
}
.blog-Footer .footer-Content .content-Inner .pagetop{
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  gap: 12px 0;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .pagetop{
    top: 15.8854vw;
    gap: 3.125vw 0;
  }
}
.blog-Footer .footer-Content .content-Inner .pagetop .line{
  width: 1px;
  height: 64px;
  margin: 0 auto;
  display: block;
  background: #fff;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .pagetop .line{
    height: 13.0208vw;
  }
}
.blog-Footer .footer-Content .content-Inner .pagetop .text{
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  font-family: "Jost", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: .12em;
  color: #fff;
}
@media screen and (max-width:1024px){
  .blog-Footer .footer-Content .content-Inner .pagetop .text{
    font-size: 2.2rem;
  }
}
@media (hover: hover) {
  .blog-Footer .footer-Content .content-Inner .pagetop{
    transition: transform .3s;
  }
  .blog-Footer .footer-Content .content-Inner .pagetop:hover{
    transform: translateY(-10px);
  }
}

/*-------------------------------------------------------------------*/
/* blog-Subheading */
/*-------------------------------------------------------------------*/
.blog-Subheading{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px 0;
}
@media screen and (max-width:1024px){
  .blog-Subheading{
    gap: 1.3vw 0;
  }
}
.blog-Subheading .en{
  padding-right: 17px;
  font-family: "Jost", sans-serif;
  font-weight: 700;
  font-size: 5.0rem;
  letter-spacing: .06em;
  color: #11221C;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2014%204%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20d%3D%22M0%200h14v4H0z%22%2F%3E%3C%2Fsvg%3E') left 100% bottom 7px / 14px no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Subheading .en{
    padding-right: 2.2135vw;
    font-size: 7.0rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2014%204%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20d%3D%22M0%200h14v4H0z%22%2F%3E%3C%2Fsvg%3E') left 100% bottom 1.4323vw / 1.8229vw no-repeat;
  }
}
.blog-Subheading .jp{
  padding-left: 13.75px;
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: .06em;
  color: #11221C;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%226%22%20fill%3D%22none%22%20viewBox%3D%220%200%209%206%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%205.598%203.75%203%200%20.402v5.196Zm5%200L8.75%203%205%20.402v5.196Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 2px 55% / 8.75px no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Subheading .jp{
    padding-left: 2.86vw;
    font-size: 2.0rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%226%22%20fill%3D%22none%22%20viewBox%3D%220%200%209%206%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%205.598%203.75%203%200%20.402v5.196Zm5%200L8.75%203%205%20.402v5.196Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 0.42vw 55% / 1.82vw no-repeat;
  }
}


/*-------------------------------------------------------------------*/
/* blog-Home */
/*-------------------------------------------------------------------*/
.blog-Home{
  padding-bottom: 60px;
  overflow: hidden;
}
@media screen and (max-width:1024px){
  .blog-Home{
    padding-bottom: 20.8333vw;
  }
}
.blog-Home .more{
  display: flex;
  justify-content: flex-end;
}
.blog-Home .more a{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 10px;
  font-family: "Jost", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Home .more a{
    gap: 0 2.6042vw;
    font-size: 2.8rem;
  }
}
.blog-Home .more a .arrows{
  display: flex;
  gap: 0 2px;
}
@media screen and (max-width:1024px){
  .blog-Home .more a .arrows{
    gap: 0 .5208vw;
  }
}
.blog-Home .more a .arrow{
  width: 6px;
  height: 12px;
  display: block;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%2012%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.227%2010.807a.897.897%200%200%201%200-1.193L3.51%206%20.228%202.386a.897.897%200%200%201-.001-1.193.794.794%200%200%201%201.185%200l3.824%204.21a.897.897%200%200%201%200%201.194l-3.824%204.21a.793.793%200%200%201-1.185%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 50% 50% / contain no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Home .more a .arrow{
    width: 1.4323vw;
    height: 2.6042vw;
  }
}
@media (hover: hover) {
  .blog-Home .more{
    transition: opacity .3s;
  }
  .blog-Home .more:hover{
    opacity: .6;
  }
}

.blog-Home .home-Hero{
  position: relative;
  /* background: url(../../images/pc/blog/bg_hero.jpg) 50% 50% / cover no-repeat; */
}
.blog-Home .home-Hero .hero-Bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(135deg, rgba(244, 243, 240, 0.8) 0%,rgba(244, 243, 240, 0.8) 100%) 0 0 / cover no-repeat, url(../../images/pc/blog/bg_hero_letters_top.png) 0 0 / 1534px no-repeat, url(../../images/pc/blog/bg_hero_letters_bottom.png) 100% 100% / 1552px no-repeat, url(../../images/pc/blog/bg_hero.jpg) 50% 50% / cover no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .hero-Bg{
    background: linear-gradient(135deg, rgba(244, 243, 240, 0.8) 0%,rgba(244, 243, 240, 0.8) 100%) 0 0 / cover no-repeat, url(../../images/sp/blog/bg_hero_letters_top.png) 0 0 / 100% no-repeat, url(../../images/sp/blog/bg_hero_letters_bottom.png) 100% 100% / 100% no-repeat, url(../../images/sp/blog/bg_hero.jpg) 50% 50% / cover no-repeat;
  }
}
.blog-Home .home-Hero .hero-Bg::before,
.blog-Home .home-Hero .hero-Bg::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.blog-Home .home-Hero .hero-Bg::before{
  background: url(../../images/pc/blog/bg_hero_letters_top.png) 0 0 / 1534px no-repeat, url(../../images/pc/blog/bg_hero_letters_bottom.png) 100% 100% / 1552px no-repeat, url(../../images/pc/blog/bg_hero.jpg) 50% 50% / cover no-repeat;
  -webkit-mask: url(../../images/common/blog/mask_top.png) 0% 0% / 960px no-repeat, url(../../images/common/blog/mask_bottom.png) 100% 100% / 960px no-repeat;
          mask: url(../../images/common/blog/mask_top.png) 0% 0% / 960px no-repeat, url(../../images/common/blog/mask_bottom.png) 100% 100% / 960px no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .hero-Bg::before{
    background: url(../../images/sp/blog/bg_hero_letters_top.png) 0 0 / 100% no-repeat, url(../../images/sp/blog/bg_hero_letters_bottom.png) 100% 100% / 100% no-repeat, url(../../images/sp/blog/bg_hero.jpg) 50% 50% / cover no-repeat;
    -webkit-mask: url(../../images/common/blog/mask_top.png) 0% 0% / 125vw no-repeat, url(../../images/common/blog/mask_bottom.png) 100% 100% / 125vw no-repeat;
            mask: url(../../images/common/blog/mask_top.png) 0% 0% / 125vw no-repeat, url(../../images/common/blog/mask_bottom.png) 100% 100% / 125vw no-repeat;
  }
}
.blog-Home .home-Hero .hero-Bg::after{
  background: url(../../images/common/blog/bg_line_1.png) calc(50% - 460px) 0% / 160px no-repeat, url(../../images/common/blog/bg_line_2.png) calc(50% + 360px) 100% / 100px no-repeat;
}
.blog-Home .home-Hero .swiper .swiper-container{
  padding: 107px 0 65px;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-container{
    padding: 20.8333vw 0 9.7656vw;
  }
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide{
  width: 820px;
  position: relative;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide{
    width: 89.5833vw;
  }
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .link{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .thumbnail{
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  pointer-events: none;
  box-shadow: 0 0 0 6px #fff inset;
  border-radius: 80px;
  overflow: hidden;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .thumbnail{
    box-shadow: 0 0 0 max(.7813vw, 1px) #fff inset;
    border-radius: 7.8125vw;
  }
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .thumbnail figure{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: -1;
  border-radius: 81px;
  overflow: hidden;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .thumbnail figure{
    border-radius: 10.5469vw;
  }
}
@media (hover: hover) {
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .thumbnail figure img{
    transition: transform .3s;
  }
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .link:hover + .thumbnail figure img{
    transform: scale(1.025);
  }
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .text{
  margin-top: 25px;
  display: grid;
  grid-template-columns: 102px 1fr;
  align-items: start;
  gap: 0 15px;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .text{
    margin-top: 3.9063vw;
    grid-template-columns: 13.2813vw 1fr;
    gap: 0 1.5625vw;
  }
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .date{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-align: center;
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .date .day{
  display: block;
  font-size: 8.0rem;
  letter-spacing: -.02em;
  color: #11221C;
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .date .day::after{
  content: "";
  width: 80px;
  height: 2px;
  margin: 0 auto;
  display: block;
  background: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .date .day::after{
    width: 10.4167vw;
    height: max(.2604vw, 1px);
  }
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .date .month{
  margin-top: 6px;
  font-size: 1.2rem;
  letter-spacing: .02em;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .date .month{
    margin-top: .7813vw;
  }
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .date .year{
  margin-top: 2px;
  font-size: 1.0rem;
  letter-spacing: .02em;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .date .year{
    margin-top: .2604vw;
  }
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .title p{
  font-weight: 700;
  font-size: 2.0rem;
  line-height: 150%;
  letter-spacing: .04em;
  color: #11221C;
  display: inline;
  background: linear-gradient(90deg, #11221C, #11221C) no-repeat left bottom 0;
  background-size: 0% 2px;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .title p{
    font-size: 3.2rem;
  }
}
@media (hover: hover) {
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .title p{
    transition: background-size .4s, opacity .3s;
  }
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .link:hover + .thumbnail + .text .title p{
    background-size: 100% 2px;
    will-change: background-size;
  }
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .category{
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 6px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .category{
    margin-top: 2.6042vw;
    gap: .7813vw .7813vw;
  }
}
.blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .category li a{
  padding: 8px 10px 10px;
  display: inline-block;
  border: 2px solid #11221C;
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: .04em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .category li a{
    padding: 1.0417vw 1.3021vw 1.3021vw;
    border: max(.2604vw, 1px) solid #11221C;
    font-size: 2.0rem;
  }
}
@media (hover: hover) {
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .category li a{
    transition: color .3s, background-color .3s;
  }
  .blog-Home .home-Hero .swiper .swiper-wrapper .swiper-slide .category li a:hover{
    color: #fff;
    background-color: #11221C;
  }
}
.blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-prev,
.blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-next{
  width: 40px;
  height: 460px;
  margin: 0;
  top: 107px;
  border-radius: 0;
  background: url(../../images/common/blog/bg_pickup_pattern.png) 0 0 / 6px repeat;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-prev,
  .blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-next{
    width: 5.2083vw;
    height: 50.2604vw;
    top: 20.8333vw;
    background: url(../../images/common/blog/bg_pickup_pattern.png) 0 0 / .7813vw repeat;
  }
}
.blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-prev{
  left: 0;
}
.blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-next{
  right: 0;
}
.blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-prev.swiper-button-disabled,
.blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-next.swiper-button-disabled{
  opacity: 0;
}
.blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-prev span,
.blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-next span{
  width: 50px;
  height: 50px;
  margin: auto 0;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  box-shadow: 0 0 10px #fff;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-prev span,
  .blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-next span{
    width: 10.4167vw;
    height: 10.4167vw;
    box-shadow: 0 0 2.0833vw #fff;
  }
}
@media (hover: hover) {
  .blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-prev span,
  .blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-next span{
    transition: transform .3s, background-color .3s;
  }
  .blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-prev:hover span,
  .blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-next:hover span{
    transform: scale(1.05);
    background-color: #11221C;
  }
}
.blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-prev span{
  left: 6px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%207%2014%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.709.484a1.15%201.15%200%200%201%200%201.529l-4.206%204.63%204.205%204.631a1.15%201.15%200%200%201%20.001%201.528%201.017%201.017%200%200%201-1.518%200L.29%207.409a1.149%201.149%200%200%201%200-1.53L5.19.485a1.017%201.017%200%200%201%201.518%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 47% 50% / 14% #606060 no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-prev span{
    left: 1.3021vw;
  }
}
.blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-next span{
  right: 6px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%207%2014%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.291%2012.802a1.15%201.15%200%200%201%200-1.528l4.206-4.631-4.205-4.63A1.15%201.15%200%200%201%20.291.484a1.017%201.017%200%200%201%201.518%200l4.9%205.395a1.149%201.149%200%200%201%200%201.529l-4.9%205.394a1.017%201.017%200%200%201-1.518%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 53% 50% / 14% #606060 no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-container .swiper-button .swiper-button-next span{
    right: 1.3021vw;
  }
}
.blog-Home .home-Hero .swiper .swiper-pagination{
  position: static;
  display: flex;
}
.blog-Home .home-Hero .swiper .swiper-pagination .swiper-pagination-bullet{
  width: 100%;
  height: 2px;
  margin: 0;
  border-radius: 0;
  background: #E9ECEB;
  opacity: 1;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Hero .swiper .swiper-pagination .swiper-pagination-bullet{
    height: .5208vw;
  }
}
@media (hover: hover) {
  .blog-Home .home-Hero .swiper .swiper-pagination .swiper-pagination-bullet{
    transition: background-color .3s;
  }
  .blog-Home .home-Hero .swiper .swiper-pagination .swiper-pagination-bullet:hover{
    background: #606060;
  }
}
.blog-Home .home-Hero .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #606060;
}
.blog-Home .home-Hero .swiper .swiper-pagination.swiper-pagination-lock{
  display: none;
}


.blog-Home .home-Trend{
  width: clamp(1px, calc(100% - 80px), 1620px);
  margin: 70px auto 0;
  display: grid;
  grid-template-columns: 330px 1fr;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Trend{
    width: 89.5833vw;
    margin-top: 10.4167vw;
    grid-template-columns: 1fr;
    gap: 5.2083vw 0;
  }
}
.blog-Home .home-Trend ul{
  display: flex;
  flex-wrap: wrap;
  gap: 6px 6px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Trend ul{
    gap: 1.5625vw 1.5625vw;
  }
}
.blog-Home .home-Trend ul li a{
  padding: 8px 12px 10px;
  display: inline-block;
  border: 2px solid #11221C;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: .04em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Trend ul li a{
    padding: 1.3021vw 1.8229vw;
    border: max(.4167vw, 1px) solid #11221C;
    font-size: 2.4rem;
  }
}
@media (hover: hover) {
  .blog-Home .home-Trend ul li a{
    transition: color .3s, background-color .3s;
  }
  .blog-Home .home-Trend ul li a:hover{
    color: #fff;
    background-color: #11221C;
  }
}


.blog-Home .home-New{
  width: clamp(1px, calc(100% - 80px), 1620px);
  margin: 90px auto 0;
}
@media screen and (max-width:1024px){
  .blog-Home .home-New{
    width: 89.5833vw;
    margin-top: 16.1458vw;
  }
}
.blog-Home .home-New .blog-List{
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width:1024px){
  .blog-Home .home-New .blog-List{
    grid-template-columns: 1fr;
  }
}
.blog-Home .home-New .blog-List .item .thumbnail{
  border-radius: 10.526315789473684% / 18.713450292397661%;
}
.blog-Home .home-New .more{
  margin-top: 50px;
}
@media screen and (max-width:1024px){
  .blog-Home .home-New .more{
    margin-top: 6.5104vw;
  }
}


.blog-Home .home-Grid{
  width: clamp(1px, calc(100% - 80px), 1620px);
  margin: 100px auto 0;
  display: grid;
  grid-template-columns: calc(100% - 460px) 380px;
  gap: 0 80px;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Grid{
    /* width: 89.5833vw; */
    width: 100%;
    margin-top: 19.5313vw;
    grid-template-columns: 100%;
    gap: 19.5313vw 0;
  }
}

@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .pickup-Heading{
    width: 89.5833vw;
    margin: 0 auto;
  }
}
.blog-Home .home-Pickup .pickup-Body{
  margin-top: 51px;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .pickup-Body{
    margin-top: 10.4167vw;
  }
}
.blog-Home .home-Pickup .section + .section{
  margin-top: 60px;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section + .section{
    margin-top: 3.9063vw;
  }
}
.blog-Home .home-Pickup .section .header{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .header{
    width: 89.5833vw;
    margin: 0 auto;
  }
}
.blog-Home .home-Pickup .section .header p{
  font-weight: 900;
  font-size: 3.0rem;
  letter-spacing: .04em;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .header p{
    font-size: 4.6rem;
  }
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .header .more{
    display: none;
  }
}
.blog-Home .home-Pickup .section .body{
  margin-top: 40px;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body{
    margin-top: 6.5104vw;
    padding-left: 5.2083vw;
  }
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper{
    width: 84.375vw;
  }
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container{
    overflow: visible;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide{
  width: 250px;
  position: relative;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide{
    width: 84.375vw;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .link{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .thumbnail{
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  pointer-events: none;
  border-radius: 20px;
  overflow: hidden;
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .thumbnail figure{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (hover: hover) {
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .thumbnail figure img{
    transition: transform .3s;
  }
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .link:hover + .thumbnail figure img{
    transform: scale(1.05);
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .date{
  margin-top: 16px;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  letter-spacing: .04em;
  color: #606060;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .date{
    margin-top: 3.9063vw;
    font-size: 2.8rem;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .title{
  margin-top: 4px;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .title{
    margin-top: 2.6042vw;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .title p{
  margin-top: 4px;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: .04em;
  color: #11221C;
  display: inline;
  background: linear-gradient(90deg, #11221C, #11221C) no-repeat left bottom 0;
  background-size: 0% 2px;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .title p{
    font-size: 3.2rem;
  }
}
@media (hover: hover) {
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .title p{
    transition: background-size .4s, opacity .3s;
  }
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .link:hover + .thumbnail + .date + .title p{
    background-size: 100% 2px;
    will-change: background-size;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .category{
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 6px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .category{
    margin-top: 2.6042vw;
    gap: .7813vw .7813vw;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .category li a{
  padding: 6px 8px 8px;
  display: inline-block;
  border: 2px solid #11221C;
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: .04em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .category li a{
    padding: 1.0417vw 1.3021vw 1.3021vw;
    border: max(.2604vw, 1px) solid #11221C;
    font-size: 2.0rem;
  }
}
@media (hover: hover) {
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .category li a{
    transition: color .3s, background-color .3s;
  }
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-wrapper .swiper-slide .category li a:hover{
    color: #fff;
    background-color: #11221C;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-prev,
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-next{
  width: 40px;
  height: calc(100% - 32px);
  margin: 0;
  top: 0;
  border-radius: 0;
  background: url(../../images/common/blog/bg_pickup_pattern.png) 0 0 / 6px repeat;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-prev,
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-next{
    width: 5.2083vw;
    height: calc(100% - 5.2083vw);
    background: url(../../images/common/blog/bg_pickup_pattern.png) 0 0 / .7813vw repeat;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-prev{
  left: 0;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-prev{
    left: -5.2083vw;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-next{
  right: 0;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-next{
    right: -10.4167vw;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-prev.swiper-button-disabled,
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-next.swiper-button-disabled{
  opacity: 0;
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-prev span,
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-next span{
  width: 50px;
  height: 50px;
  margin: auto 0;
  border-radius: 50%;
  position: absolute;
  top: -32px;
  bottom: 0;
  display: block;
  box-shadow: 0 0 10px #fff;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-prev span,
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-next span{
    width: 10.4167vw;
    height: 10.4167vw;
    top: -5.2083vw;
    box-shadow: 0 0 2.0833vw #fff;
  }
}
@media (hover: hover) {
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-prev span,
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-next span{
    transition: transform .3s, background-color .3s;
  }
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-prev:hover span,
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-next:hover span{
    transform: scale(1.05);
    background-color: #11221C;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-prev span{
  left: 6px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%207%2014%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.709.484a1.15%201.15%200%200%201%200%201.529l-4.206%204.63%204.205%204.631a1.15%201.15%200%200%201%20.001%201.528%201.017%201.017%200%200%201-1.518%200L.29%207.409a1.149%201.149%200%200%201%200-1.53L5.19.485a1.017%201.017%200%200%201%201.518%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 47% 50% / 14% #606060 no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-prev span{
    left: 1.3021vw;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-next span{
  right: 6px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%207%2014%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.291%2012.802a1.15%201.15%200%200%201%200-1.528l4.206-4.631-4.205-4.63A1.15%201.15%200%200%201%20.291.484a1.017%201.017%200%200%201%201.518%200l4.9%205.395a1.149%201.149%200%200%201%200%201.529l-4.9%205.394a1.017%201.017%200%200%201-1.518%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 53% 50% / 14% #606060 no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-button .swiper-button-next span{
    right: 1.3021vw;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-pagination{
  margin-top: 30px;
  position: static;
  display: flex;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-pagination{
    width: 89.5833vw;
    margin-top: 5.2083vw;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-pagination .swiper-pagination-bullet{
  width: 100%;
  height: 2px;
  margin: 0;
  border-radius: 0;
  background: #E9ECEB;
  opacity: 1;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-pagination .swiper-pagination-bullet{
    height: .5208vw;
  }
}
@media (hover: hover) {
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-pagination .swiper-pagination-bullet{
    transition: background-color .3s;
  }
  .blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-pagination .swiper-pagination-bullet:hover{
    background: #606060;
  }
}
.blog-Home .home-Pickup .section .body .swiper .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #606060;
}
.blog-Home .home-Pickup .section .body .swiper .swiper-pagination.swiper-pagination-lock{
  display: none;
}
.blog-Home .home-Pickup .section .body .more{
  display: none;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Pickup .section .body .more{
    margin: 6.5104vw 5.2083vw 0 auto;
    display: grid;
  }
}
@media screen and (max-width:1024px){
  .blog-Home .home-Ranking{
    width: 89.5833vw;
    margin: 0 auto;
  }
}
.blog-Home .home-Ranking .ranking-Body{
  margin-top: 72px;
}
@media screen and (max-width:1024px){
  .blog-Home .home-Ranking .ranking-Body{
    margin-top: 13.5417vw;
  }
}
.blog-Home .home-Ranking .wpp-shortcode-placeholder{
  background: #3CAB8F;
  background: linear-gradient(90deg, #3CAB8F 0%, #571313 10%, #3CAB8F 100%);
  background-size: 200% auto;
}


/*-------------------------------------------------------------------*/
/* blog-Single */
/*-------------------------------------------------------------------*/
.blog-Single{
  padding: 170px 0 100px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width:1024px){
  .blog-Single{
    padding: 23.4375vw 0 20.8333vw;
  }
}

.blog-Single .single-Article{
  width: clamp(1px, calc(100% - 80px), 960px);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article{
    width: 100%;
  }
}

.blog-Single .single-Article .share ul{
  display: flex;
  gap: 0 14px;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .share ul{
    gap: 0 2.9948vw;
  }
}
.blog-Single .single-Article .share.bottom ul{
  gap: 0 20px;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .share.bottom ul{
    gap: 0 5.2083vw;
  }
}
@media (hover: hover) {
  .blog-Single .single-Article .share ul li{
    transition: opacity .3s;
  }
  .blog-Single .single-Article .share ul li:hover{
    opacity: .6;
  }
}
.blog-Single .single-Article .share ul li.icon{
  width: 32px;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .share ul li.icon{
    width: 5.8594vw;
  }
}
.blog-Single .single-Article .share.bottom ul li.icon{
  width: 34px;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .share.bottom ul li.icon{
    width: 7.1615vw;
  }
}
.blog-Single .single-Article .share ul li.copy{
  width: 130px;
  height: 32px;
  padding-left: 17px;
  display: grid;
  grid-template-columns: 13px 1fr;
  align-items: center;
  gap: 0 6px;
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: .04em;
  color: #fff;
  text-align: left;
  border-radius: 30px;
  background: #11221C;
  cursor: pointer;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .share ul li.copy{
    width: 26.0417vw;
    height: 7.0313vw;
    padding-left: 3.5156vw;
    grid-template-columns: 2.8646vw 1fr;
    gap: 0 .7813vw;
    font-size: 1.9rem;
    border-radius: 3.9063vw;
  }
}
.blog-Single .single-Article .share.bottom ul li.copy{
  width: 140px;
  height: 38px;
  gap: 0 7.5px;
  font-size: 1.3rem;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .share.bottom ul li.copy{
    width: 29.6875vw;
    height: 8.0729vw;
    gap: 0 3.6458vw;
    font-size: 2.0rem;
  }
}

@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Heading{
    width: 89.5833vw;
    margin: 0 auto;
  }
}
.blog-Single .single-Article .single-Heading .date{
  display: flex;
  align-items: center;
  gap: 0 10px;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Heading .date{
    gap: 0 1.3021vw;
  }
}
.blog-Single .single-Article .single-Heading p.post,
.blog-Single .single-Article .single-Heading p.modify{
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 2.0rem;
  letter-spacing: .04em;
  color: #606060;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Heading p.post,
  .blog-Single .single-Article .single-Heading p.modify{
    font-size: 2.8rem;
  }
}
.blog-Single .single-Article .single-Heading p.modify{
  padding-left: 17px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cpath%20fill%3D%22%23606060%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.599%2010.876a4.668%204.668%200%200%201-2.985.774v.001a4.667%204.667%200%201%201%204.426-6.989l-.632-.026c-.709-.028-.933.944-.284%201.23l1.721.755a.64.64%200%200%200%20.888-.705%205.835%205.835%200%201%200-6.215%206.898%205.838%205.838%200%200%200%206.045-4.052.584.584%200%200%200-1.113-.352%204.668%204.668%200%200%201-1.851%202.466ZM7.583%203.5H6.417v4.033l2.504%202.504.825-.824L7.583%207.05V3.5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 0 50% / 14px no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Heading p.modify{
    padding-left: 3.6458vw;
    background-size: 2.9948vw;
  }
}
.blog-Single .single-Article .single-Heading .title{
  margin-top: 26px;
  font-weight: 700;
  font-size: 3.8rem;
  line-height: 140%;
  letter-spacing: .04em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Heading .title{
    margin-top: 3.9063vw;
    font-size: 4.0rem;
  }
}
.blog-Single .single-Article .single-Heading .category{
  margin-top: 26px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 6px;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Heading .category{
    margin-top: 5.2083vw;
    gap: .7813vw .7813vw;
  }
}
.blog-Single .single-Article .single-Heading .category li a{
  padding: 6px 8px 8px;
  display: inline-block;
  border: 2px solid #11221C;
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: .04em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Heading .category li a{
    padding: .7813vw 1.0417vw 1.0417vw;
    border: max(.2604vw, 1px) solid #11221C;
    font-size: 2.0rem;
  }
}
@media (hover: hover) {
  .blog-Single .single-Article .single-Heading .category li a{
    transition: color .3s, background-color .3s;
  }
  .blog-Single .single-Article .single-Heading .category li a:hover{
    color: #fff;
    background-color: #11221C;
  }
}
.blog-Single .single-Article .single-Heading .share{
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 14px;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Heading .share{
    margin-top: 6.5104vw;
    gap: 0 2.8646vw;
  }
}
.blog-Single .single-Article .single-Heading .share > p{
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 160%;
  letter-spacing: .08em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Heading .share > p{
    font-size: 2.2rem;
  }
}

.blog-Single .single-Article .single-Body{
  margin-top: 26px;
  position: relative;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body{
    margin-top: 6.5104vw;
  }
}
.blog-Single .single-Article .single-Body::before,
.blog-Single .single-Article .single-Body::after{
  content: "";
  width: 160px;
  height: 1874px;
  position: absolute;
  z-index: -1;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body::before,
  .blog-Single .single-Article .single-Body::after{
    display: none;
  }
}
.blog-Single .single-Article .single-Body::before{
  top: 0;
  right: -120px;
  background: url(../../images/pc/blog/bg_article_top.png) 0 0 / contain no-repeat;
}
.blog-Single .single-Article .single-Body::after{
  bottom: 0;
  left: -120px;
  background: url(../../images/pc/blog/bg_article_bottom.png) 0 0 / contain no-repeat;
}
.blog-Single .single-Article .single-Body .article{
  padding-bottom: 60px;
  background: #FFFFFF;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .article{
    padding-bottom: 7.8125vw;
  }
}
.blog-Single .single-Article .single-Body .eyecatch{
  text-align: center;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .eyecatch{
    width: 89.5833vw;
    margin: 0 auto;
  }
}
.blog-Single .single-Article .single-Body .eyecatch img{
  max-width: 100%;
  height: auto;
}
.blog-Single .single-Article .single-Body .content{
  padding: 40px 70px 0;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .content{
    padding: 7.8125vw 5.2083vw 0;
  }
}
.blog-Single .single-Article .single-Body .documents{
  max-width: 820px;
  margin: 89px auto 0;
  padding: 65px 34px 57px;
  border-radius: 10px;
  border: 1px solid #6CBEA9;
  background: #ECF7F4;
  position: relative;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .documents{
    max-width: 89.5833vw;
    margin-top: 11.7188vw;
    padding: 8.8542vw 5.2083vw 5.2083vw;
    border-radius: 1.3021vw;
  }
}
.blog-Single .single-Article .single-Body .documents h2{
  text-align: center;
  position: absolute;
  top: -29px;
  left: 0;
  right: 0;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .documents h2{
    top: -3.9063vw;
  }
}
.blog-Single .single-Article .single-Body .documents h2 span{
  padding: 13px 20px 16px;
  display: inline-block;
  font-weight: 700;
  font-size: 2.4rem;
  letter-spacing: .02em;
  color: #fff;
  background: #11221C;
  box-shadow: -1px -1px 0 0 #59FFEB, 1px 1px 0 0 #FF5959;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .documents h2 span{
    padding: 1.6927vw 2.6042vw 2.0833vw;
    font-size: 3.2rem;
    box-shadow: -1px -1px 0 0 #59FFEB, 1px 1px 0 0 #FF5959;
  }
}
.blog-Single .single-Article .single-Body .documents .document{
  display: grid;
  align-items: start;
  grid-template-columns: 138px 1fr;
  gap: 23px 34px;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .documents .document{
    grid-template-columns: 21.875vw 1fr;
    gap: 3.9063vw 3.9063vw;
  }
}
.blog-Single .single-Article .single-Body .documents .document + .document{
  margin-top: 40px;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .documents .document + .document{
    margin-top: 5.2083vw;
  }
}
.blog-Single .single-Article .single-Body .documents .document .image{
  grid-row: 1/3;
  grid-column: 1/2;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .documents .document .image{
    grid-row: 1/2;
  }
}
.blog-Single .single-Article .single-Body .documents .document .title{
  font-weight: 700;
  font-size: 2.0rem;
  line-height: 150%;
  letter-spacing: .02em;
  color: #000;
  grid-row: 1/2;
  grid-column: 2/3;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .documents .document .title{
    font-size: 2.6rem;
  }
}
.blog-Single .single-Article .single-Body .documents .document .btn{
  min-width: 236px;
  margin-left: auto;
  padding: 17.5px 42px 19.5px 24px;
  display: block;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: .04em;
  color: #3CAB8F;
  border-radius: 100px;
  border: 2px solid #3CAB8F;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%2012%22%3E%20%3Cpath%20fill%3D%22%233CAB8F%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1.233%2011.248a.963.963%200%200%201%200-1.293l3.605-3.919-3.604-3.918A.963.963%200%200%201%201.232.825a.88.88%200%200%201%201.302%200l4.2%204.565a.963.963%200%200%201%200%201.294l-4.2%204.564a.879.879%200%200%201-1.301%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20stroke%3D%22%233CAB8F%22%20stroke-width%3D%22.5%22%20d%3D%22m1.234%202.118%203.604%203.918-3.605%203.919a.963.963%200%200%200%200%201.293.879.879%200%200%200%201.302%200l4.199-4.564a.963.963%200%200%200%200-1.294m-5.5-3.272Zm0%200A.963.963%200%200%201%201.232.825a.88.88%200%200%201%201.302%200l4.2%204.565m0%200Z%22%2F%3E%3C%2Fsvg%3E') right 22px top 50% / 6px no-repeat #fff;
  grid-row: 2/3;
  grid-column: 2/3;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .documents .document .btn{
    min-width: 59.8958vw;
    margin: 0 auto;
    padding: 4.4922vw 9.1797vw 4.8828vw;
    font-size: 2.8rem;
    border-radius: 13.0208vw;
    border-width: max(.2604vw, 1px);
    background-position: right 5.4688vw top 50%;
    background-size: 1.3021vw;
    grid-row: 2/3;
    grid-column: 1/3;
  }
}
@media (hover: hover) {
  .blog-Single .single-Article .single-Body .documents .document .btn{
    transition: background-color .3s, background-image .3s, color .3s;
  }
  .blog-Single .single-Article .single-Body .documents .document .btn:hover{
    color: #fff;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%2012%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1.233%2011.248a.963.963%200%200%201%200-1.293l3.605-3.919-3.604-3.918A.963.963%200%200%201%201.232.825a.88.88%200%200%201%201.302%200l4.2%204.565a.963.963%200%200%201%200%201.294l-4.2%204.564a.879.879%200%200%201-1.301%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%22.5%22%20d%3D%22m1.234%202.118%203.604%203.918-3.605%203.919a.963.963%200%200%200%200%201.293.879.879%200%200%200%201.302%200l4.199-4.564a.963.963%200%200%200%200-1.294m-5.5-3.272Zm0%200A.963.963%200%200%201%201.232.825a.88.88%200%200%201%201.302%200l4.2%204.565m0%200Z%22%2F%3E%3C%2Fsvg%3E') right 22px top 50% / 6px no-repeat #3CAB8F;
  }
}
.blog-Single .single-Article .single-Body .supervisors{
  max-width: 820px;
  margin: 60px auto 0;
  padding: 30px;
  border-radius: 10px;
  background: #F6F7F7;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .supervisors{
    max-width: 89.5833vw;
    margin-top: 7.8125vw;
    padding: 3.9063vw;
    border-radius: 1.3021vw;
  }
}
.blog-Single .single-Article .single-Body .supervisors .supervisor{
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 0 20px;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .supervisors .supervisor{
    display: grid;
    grid-template-columns: 9.1146vw 1fr;
    gap: 0 2.6042vw;
  }
}
.blog-Single .single-Article .single-Body .supervisors .supervisor +  .supervisor{
  margin-top: 30px;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .supervisors .supervisor +  .supervisor{
    margin-top: 7.8125vw;
  }
}
.blog-Single .single-Article .single-Body .supervisors .supervisor .image{
  width: 70px;
  height: 70px;
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .supervisors .supervisor .image{
    width: 9.1146vw;
    height: 9.1146vw;
    border-radius: 1.5625vw;
  }
}
.blog-Single .single-Article .single-Body .supervisors .supervisor .text .name{
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 180%;
  letter-spacing: .06em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .supervisors .supervisor .text .name{
    font-size: 2.6rem;
    line-height: 160%;
  }
}
.blog-Single .single-Article .single-Body .supervisors .supervisor .text .description{
  margin-top: 10px;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 160%;
  letter-spacing: .06em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .supervisors .supervisor .text .description{
    margin-top: 1.3021vw;
    font-size: 2.0rem;
  }
}
.blog-Single .single-Article .single-Body .supervisors .supervisor .text .links{
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .supervisors .supervisor .text .links{
    margin-top: 3.9063vw;
    gap: 2.6042vw 5.2083vw;
  }
}
.blog-Single .single-Article .single-Body .supervisors .supervisor .text .links li a{
  display: inline-grid;
  grid-template-columns: 1fr 5px;
  align-items: center;
  gap: 0 10px;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 160%;
  letter-spacing: .06em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .supervisors .supervisor .text .links li a{
    grid-template-columns: 1fr 1.1719vw;
    gap: 0 2.0833vw;
    font-size: 2.2rem;
  }
}
.blog-Single .single-Article .single-Body .supervisors .supervisor .text .links li a::after{
  content: "";
  width: 5px;
  height: 10px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%2011%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.227%2010.344a.897.897%200%200%201%200-1.194L3.51%205.536.228%201.922A.897.897%200%200%201%20.227.73a.794.794%200%200%201%201.185%200l3.824%204.21a.897.897%200%200%201%200%201.193l-3.824%204.21a.793.793%200%200%201-1.185%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 0 0 / contain no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .supervisors .supervisor .text .links li a::after{
    width: 1.1719vw;
    height: 2.0833vw;
  }
}
@media (hover: hover) {
  .blog-Single .single-Article .single-Body .supervisors .supervisor .text .links li a{
    transition: opacity .3s;
  }
  .blog-Single .single-Article .single-Body .supervisors .supervisor .text .links li a:hover{
    opacity: .6;
  }
}
.blog-Single .single-Article .single-Body .share{
  margin-top: 60px;
  text-align: center;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .share{
    margin-top: 7.8125vw;
  }
}
.blog-Single .single-Article .single-Body .share > p{
  padding: 6px 43px 8px;
  display: inline-block;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 160%;
  letter-spacing: .08em;
  color: #fff;
  border-radius: 100px;
  background: #3CAB8F;
  position: relative;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .share > p{
    padding: 1.25vw 9.1797vw 1.6667vw;
    font-size: 2.2rem;
    line-height: 160%;
    border-radius: 13.0208vw;
  }
}
.blog-Single .single-Article .single-Body .share > p::after{
  content: "";
  width: 30px;
  height: 10px;
  margin: 0 auto;
  position: absolute;
  bottom: -9px;
  left: 0;
  right: 0;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%2031%2011%22%3E%20%3Cpath%20fill%3D%22%233CAB8F%22%20d%3D%22M15.844%2010.537a.018.018%200%200%201-.018-.017C15.436%205.389%208.803%201.306.678%201.306A.277.277%200%200%201%20.4%201.03V.92C.4.708.57.537.783.537h29.224c.217%200%20.393.176.393.393a.4.4%200%200%201-.384.396c-7.666.318-13.78%204.274-14.154%209.194%200%20.01-.008.017-.018.017Z%22%2F%3E%3C%2Fsvg%3E') 0 0 / contain no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .share > p::after{
    width: 6.25vw;
    height: 2.0833vw;
    bottom: -1.7708vw;
  }
}
.blog-Single .single-Article .single-Body .share ul{
  margin-top: 20px;
  justify-content: center;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Article .single-Body .share ul{
    margin-top: 4.1667vw;
  }
}
.blog-Single .single-Nav .list{
  width: 200px;
  margin: 40px auto 0;
  padding: 13px 0 15px;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-align: center;
  border-radius: 100px;
  display: block;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%207%2011%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.792.799a.936.936%200%200%201%200%201.176L2.788%205.537l3.003%203.562a.935.935%200%200%201%20.001%201.175.692.692%200%200%201-1.084%200l-3.5-4.15a.935.935%200%200%201%200-1.176l3.5-4.15a.692.692%200%200%201%201.084%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%22.5%22%20d%3D%22M5.791%209.099%202.788%205.537l3.004-3.562a.936.936%200%200%200%200-1.176.692.692%200%200%200-1.085%200l-3.499%204.15a.935.935%200%200%200%200%201.176m4.583%202.974Zm0%200a.935.935%200%200%201%20.001%201.175.692.692%200%200%201-1.084%200l-3.5-4.15m0%200Z%22%2F%3E%3C%2Fsvg%3E') left 24px top 50% / 5px no-repeat #8C9693;
}
@media screen and (max-width:1024px){
  .blog-Single .single-Nav .list{
    width: 52.0833vw;
    margin-top: 7.8125vw;
    padding: 3.125vw 0 3.3854vw;
    font-size: 2.4rem;
    border-radius: 13.0208vw;
    background-position: left 5.7292vw top 50%;
    background-size: 1.0417vw;
  }
}
@media (hover: hover) {
  .blog-Single .single-Nav .list{
    transition: background-color .3s;
  }
  .blog-Single .single-Nav .list:hover{
    background-color: #11221C;
  }
}


/*-------------------------------------------------------------------*/
/* blog-theContent */
/*-------------------------------------------------------------------*/
.blog-theContent{
  font-weight: 500;
  font-size: 16px;
  line-height: 180%;
}
@media screen and (max-width:1024px){
  .blog-theContent{
    font-size: 2.8rem;
  }
}

.blog-theContent > * {
  -webkit-margin-before: 1.5em;
          margin-block-start: 1.5em;
}

.blog-theContent > *:first-child{
  margin-top: 0 !important;
}

/* .blog-theContent .block-editor-rich-text__editable > p{
  margin-bottom: 1em !important;
} */


/* 見出し2 */
.blog-theContent h2{
  margin-bottom: .75em;
  padding: 0 0 18px;
  font-weight: 700;
  font-size: 26px;
  line-height: 160%;
  letter-spacing: .06em;
  color: #11221C;
  border-bottom: 2px solid #606060;
}
@media screen and (max-width:1024px){
  .blog-theContent h2{
    padding: 0 0 2.6042vw;
    font-size: 3.6rem;
    border-bottom: max(.2604vw, 1px) solid #606060;
  }
}

/* 見出し3 */
.blog-theContent h3{
  margin-bottom: .75em;
  padding-left: 26px;
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: .06em;
  color: #11221C;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2219%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2019%22%3E%20%3Cmask%20id%3D%22a%22%20width%3D%2218%22%20height%3D%2219%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20d%3D%22m0%209.537%209-9%209%209-9%209-9-9Z%22%2F%3E%20%3C%2Fmask%3E%20%3Cg%20mask%3D%22url(%23a)%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20d%3D%22m0%209.537%209-9%209%209-9%209-9-9Z%22%2F%3E%20%3Cpath%20fill%3D%22%233CAB8F%22%20d%3D%22m13.869%205.396%204.154%204.154-9.027%209.028-4.155-4.154z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') 0 8px / 18px no-repeat;
}
@media screen and (max-width:1024px){
  .blog-theContent h3{
    padding-left: 5.2083vw;
    font-size: 3.0rem;
    background-position: 0 1.3021vw;
    background-size: 3.9063vw;
  }
}

/* 見出し4 */
.blog-theContent h4{
  margin-bottom: .75em;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 18px;
  color: #11221C;
  background: #F5F5F5;
}
@media screen and (max-width:1024px){
  .blog-theContent h4{
    padding: 2.6042vw 5.2083vw;
    font-size: 2.8rem;
  }
}

/* パラグラフ */
.blog-theContent p{
  font-weight: 500;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: .06em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-theContent p{
    font-size: 2.8rem;
  }
}
.blog-theContent p.has-background{
  padding: 1em 1.5em;
}
.blog-theContent p + h2{
  margin-top: 2.5em;
}
.blog-theContent p + h3{
  margin-top: 2.5em;
}
.blog-theContent p + h4{
  margin-top: 2.5em;
}
.blog-theContent p + h5{
  margin-top: 2.5em;
}
.blog-theContent p + h6{
  margin-top: 2.5em;
}
.blog-theContent p + p{
  margin-top: 1em;
}
.blog-theContent p + ol,
.blog-theContent p + ul{
  margin-top: 1em;
}
.blog-theContent .wp-block-image + p{
  margin-top: 1em;
}


/* リンク */
.blog-theContent p a,
.blog-theContent figcaption a,
.blog-theContent table a{
  color: #335EB2;
  text-decoration: underline;
}
.blog-theContent p a:hover,
.blog-theContent figcaption a:hover,
.blog-theContent table a:hover{
  color: #0096dd;
}


/* リスト */
.blog-theContent ul,
.blog-theContent ol{
  /* padding: 0; */
  list-style-type: revert;
}
.blog-theContent ol.is-style-notes,
.blog-theContent ul.is-style-notes{
  /* padding: 0; */
  list-style-type: none;
}
.blog-theContent ol > li{
  margin-left: 1.5em;
}
.blog-theContent ol > li:nth-child(n + 10){
  margin-left: 2em;
}
.blog-theContent ol > li:nth-child(n + 100){
  margin-left: 2.5em;
}
.blog-theContent ul li{
  margin-left: 1.08em;
}
.blog-theContent ol.is-style-notes > li,
.blog-theContent ul.is-style-notes > li{
  margin-left: 0;
  padding-left: 1.25em;
  position: relative;
}
.blog-theContent ol.is-style-notes > li::before,
.blog-theContent ul.is-style-notes > li::before{
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
}
.blog-theContent ol + h2,
.blog-theContent ul + h2{
  margin-top: 2.5em;
}
.blog-theContent ol + h3,
.blog-theContent ul + h3{
  margin-top: 2.5em;
}
.blog-theContent ol + h4,
.blog-theContent ul + h4{
  margin-top: 2.5em;
}
.blog-theContent ol + h5,
.blog-theContent ul + h5{
  margin-top: 2.5em;
}
.blog-theContent ol + h6,
.blog-theContent ul + h6{
  margin-top: 2.5em;
}
.blog-theContent ol + p,
.blog-theContent ul + p{
  margin-top: 1em;
}


/* 画像 */
.blog-theContent img{
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.blog-theContent .wp-block-image{
  max-width: 820px !important;
  margin: 1.5em auto;
  float: none !important;
  display: table;
}
.blog-theContent .wp-block-image.alignleft{
  margin: 0 !important; 
}
.blog-theContent .wp-block-image.aligncenter{
  margin: 0 auto !important; 
}
.blog-theContent .wp-block-image.alignright{
  margin: 0 0 0 auto !important; 
}


/* ギャラリー */
.blog-theContent .wp-block-gallery{
  margin: 1.5em auto;
  padding-left: 0 !important;
}


/* 埋め込み */
.blog-theContent .wp-block-embed{
  max-width: 100% !important;
  margin: 1.5em auto;
  float: none !important;
}
.blog-theContent .wp-block-embed.twitter-tweet,
.blog-theContent .wp-block-embed.tiktok-embed{
  margin: 0 !important;
}
.blog-theContent .wp-block-embed blockquote.wp-embedded-content{
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}
.blog-theContent .wp-block-embed iframe.wp-embedded-content{
  position: relative  !important;
  clip: unset !important;
}
.blog-theContent .wp-block-embed__wrapper{
  display: flex;
  justify-content: center;
}
.blog-theContent .wp-block-embed iframe{
  width: 50%;
  min-width: 50%;
}
.blog-theContent .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before{
  content: "";
  padding-top: 56.25%;
  position: relative;
  display: block;
}
.blog-theContent .wp-embed-aspect-16-9 iframe{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}


/* キャプション */
.blog-theContent .wp-element-caption{
  padding: 0 !important;
  font-size: 1.4rem !important;
  text-align: center;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-element-caption{
    font-size: 2.2rem !important;
  }
}
.blog-theContent .wp-block-pullquote__citation, 
.blog-theContent .wp-block-pullquote cite,
.blog-theContent .wp-block-pullquote footer,
.blog-theContent .wp-block-quote__citation,
.blog-theContent .wp-block-quote cite,
.blog-theContent .wp-block-quote footer,
.blog-theContent .wp-block-image figcaption,
.blog-theContent .wp-block-embed figcaption{
  font-size: 1.4rem;
  margin-top: .5em;
  margin-bottom: 0em;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-pullquote__citation, 
  .blog-theContent .wp-block-pullquote cite,
  .blog-theContent .wp-block-pullquote footer,
  .blog-theContent .wp-block-quote__citation,
  .blog-theContent .wp-block-quote cite,
  .blog-theContent .wp-block-quote footer,
  .blog-theContent .wp-block-image figcaption,
  .blog-theContent .wp-block-embed figcaption{
    font-size: 2.2rem;
  }
}


/* テーブル */
.blog-theContent .wp-block-table{
  margin: 1.5em auto;
}
.blog-theContent table{
  background: #fff;
}
.blog-theContent table + .wp-element-caption{
  margin-top: 1em;
}
.blog-theContent .wp-block-table.is-style-stripes{
  border-bottom: none;
}
.blog-theContent .wp-block-table.is-style-stripes tr:nth-child(odd){
  /* background-color: #fff; */
}
.blog-theContent table th,
.blog-theContent table td{
  padding: .5em 1em;
  border: 1px solid rgba(15,15,15,.1) !important;
}


/* 詩 */
.blog-theContent .wp-block-verse{
  padding: 1em 1.5em;
}

/* ボタン */
.blog-theContent .wp-block-buttons{
  margin-top: 2em;
}
.blog-theContent .wp-block-button.is-style-arrow-right-1 .wp-block-button__link{
  padding: 23px 89px 25px 30px;
  line-height: 1.1;
  border-radius: 100px !important;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2247%22%20fill%3D%22none%22%20viewBox%3D%220%200%2046%2047%22%3E%20%3Ccircle%20cx%3D%2223%22%20cy%3D%2223.537%22%20r%3D%2223%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20fill%3D%22%2311221C%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.269%2029.222a1.06%201.06%200%200%201%200-1.411l3.882-4.275-3.881-4.274a1.06%201.06%200%200%201-.002-1.41.939.939%200%200%201%201.402-.001l4.523%204.98a1.06%201.06%200%200%201%200%201.412l-4.523%204.98a.938.938%200%200%201-1.401%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') right 13px top 50% / 46px no-repeat #3CAB8F;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-button.is-style-arrow-right-1 .wp-block-button__link{
    padding: 4.8177vw 15.625vw 5.0781vw 7.8125vw;
    border-radius: 13.0208vw !important;
    background-position: right 2.8646vw top 50%;
    background-size: 9.6354vw;
  }
}
.blog-theContent .wp-block-button.is-style-arrow-left-1 .wp-block-button__link{
  padding: 23px 30px 25px 89px;
  line-height: 1.1;
  border-radius: 100px !important;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2247%22%20fill%3D%22none%22%20viewBox%3D%220%200%2046%2047%22%3E%20%3Ccircle%20cx%3D%2223%22%20cy%3D%2223.537%22%20r%3D%2223%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(-180%2023%2023.537)%22%2F%3E%20%3Cpath%20fill%3D%22%2311221C%22%20fill-rule%3D%22evenodd%22%20d%3D%22M24.731%2017.851a1.06%201.06%200%200%201%200%201.411l-3.882%204.275%203.881%204.274a1.06%201.06%200%200%201%20.002%201.411.939.939%200%200%201-1.402%200l-4.523-4.98a1.06%201.06%200%200%201%200-1.411l4.523-4.98a.938.938%200%200%201%201.401%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') left 13px top 50% / 46px no-repeat #3CAB8F;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-button.is-style-arrow-left-1 .wp-block-button__link{
    padding: 4.8177vw 7.8125vw 5.0781vw 15.625vw;
    border-radius: 13.0208vw !important;
    background-position: left 2.8646vw top 50%;
    background-size: 9.6354vw;
  }
}
.blog-theContent .wp-block-button.is-style-arrow-right-2 .wp-block-button__link{
  padding: 13px 73px 15px;
  font-size: 15px;
  line-height: 1.1;
  border-radius: 100px !important;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%207%2011%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1.208%2010.275a.936.936%200%200%201%200-1.176l3.004-3.563-3.003-3.562A.935.935%200%200%201%201.208.8a.692.692%200%200%201%201.084%200l3.5%204.15a.935.935%200%200%201%200%201.176l-3.5%204.15a.692.692%200%200%201-1.084%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%22.5%22%20d%3D%22m1.209%201.974%203.003%203.562L1.208%209.1a.936.936%200%200%200%200%201.176.693.693%200%200%200%201.085%200l3.499-4.15a.935.935%200%200%200%200-1.176M1.209%201.974Zm0%200A.935.935%200%200%201%201.208.8a.692.692%200%200%201%201.084%200l3.5%204.15m0%200Z%22%2F%3E%3C%2Fsvg%3E') right 24px top 50% / 5px no-repeat #11221C;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-button.is-style-arrow-right-2 .wp-block-button__link{
    padding: 2.7344vw 14.3229vw 3.125vw;
    font-size: 2.4rem;
    border-radius: 13.0208vw !important;
    background-position: right 5.2083vw top 50%;
    background-size: 1.0417vw;
  }
}
.blog-theContent .wp-block-button.is-style-arrow-left-2 .wp-block-button__link{
  padding: 13px 73px 15px;
  font-size: 15px;
  line-height: 1.1;
  border-radius: 100px !important;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%207%2011%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.792.799a.936.936%200%200%201%200%201.176L2.788%205.537l3.003%203.562a.935.935%200%200%201%20.001%201.175.692.692%200%200%201-1.084%200l-3.5-4.15a.935.935%200%200%201%200-1.176l3.5-4.15a.692.692%200%200%201%201.084%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%22.5%22%20d%3D%22M5.791%209.099%202.788%205.537l3.004-3.562a.936.936%200%200%200%200-1.176.692.692%200%200%200-1.085%200l-3.499%204.15a.935.935%200%200%200%200%201.176m4.583%202.974Zm0%200a.935.935%200%200%201%20.001%201.175.692.692%200%200%201-1.084%200l-3.5-4.15m0%200Z%22%2F%3E%3C%2Fsvg%3E') left 24px top 50% / 5px no-repeat #11221C;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-button.is-style-arrow-left-2 .wp-block-button__link{
    padding: 2.7344vw 14.3229vw 3.125vw;
    font-size: 2.4rem;
    border-radius: 13.0208vw !important;
    background-position: left 5.2083vw top 50%;
    background-size: 1.0417vw;
  }
}
@media (hover: hover) {
  .blog-theContent .wp-block-button{
    transition: opacity .3s;
  }
  .blog-theContent .wp-block-button:hover{
    opacity: .6;
  }
}

/* 引用 */
.blog-theContent .wp-block-pullquote{
  padding: 0;
}
.blog-theContent .wp-block-pullquote.is-style-default{
  border-top: 4px solid;
  border-bottom: 4px solid;
  border-color: inherit;
}
.blog-theContent .wp-block-pullquote.is-style-solid-color{
  border-top: none;
  border-bottom: none;
}
.blog-theContent .wp-block-pullquote blockquote{
  max-width: none;
  margin: 0;
  padding: 1em 1.5em;
}
.blog-theContent .wp-block-quote{
  margin: 1.5em 0;
  padding: .75em 2.225em;
  border-left: 4px solid;
}


/* 区切り線 */
.blog-theContent .wp-block-separator{
  max-width: 100px !important;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border-bottom: 1px solid;
  opacity: .4;
}
.blog-theContent .is-style-wide{
  max-width: 100% !important;
}


/* ブログカード */
.blog-theContent .blogcard {
  max-width: 720px;
  margin: 40px auto;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  word-wrap: break-word;
  box-shadow: 0 0 10px 6px rgba(0,0,0,.025);
}
@media screen and (max-width:1024px){
  .blog-theContent .blogcard {
    max-width: 81.77vw;
    margin: 7.81vw auto;
  }
}
.blog-theContent .blogcard a {
  padding: 20px;
  display: flex;
  color: #0073aa;
  transition: opacity .3s;
}
@media screen and (max-width:1024px){
  .blog-theContent .blogcard a{
    padding: 2.6vw;
  }
}
.blog-theContent .blogcard a:hover {
  opacity: 0.6;
}
.blog-theContent .blogcard_thumbnail {
  width: 240px;
  flex-shrink: 0;
}
@media screen and (max-width:1024px){
  .blog-theContent .blogcard_thumbnail {
    width: 30%;
  }
  .blog-theContent .blogcard_thumbnail img{
    width: 100%;
  }
}
.blog-theContent .blogcard_content {
  margin-left: 20px;
}
@media screen and (max-width:1024px){
  .blog-theContent .blogcard_content {
    margin-left: 5%;
  }
}
.blog-theContent .blogcard_title {
  font-weight: 700;
  font-size: 1em;
  line-height: 1.4;
  text-decoration: underline;
}
.blog-theContent .blogcard_excerpt {
  margin-top: 10px;
  font-size: 0.85em;
  color: #0f0f0f;
  line-height: 1.6;
  text-decoration: none;
}


/*　吹き出し(オリジナルブロック) */
.blog-theContent .wp-block-my-plugin-balloon-block{
  margin: 1.5em auto;
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
  gap: 0 18px;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-my-plugin-balloon-block{
    grid-template-columns: 20.8333vw 1fr;
    gap: 0 4.6875vw;
  }
}
.blog-theContent .wp-block-my-plugin-balloon-block.is-style-left{
  grid-template-columns: 80px 1fr;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-my-plugin-balloon-block.is-style-left{
    grid-template-columns: 20.8333vw 1fr;
  }
}
.blog-theContent .wp-block-my-plugin-balloon-block.is-style-right{
  grid-template-columns: 1fr 80px;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-my-plugin-balloon-block.is-style-right{
    grid-template-columns: 1fr 20.8333vw;
  }
}
.blog-theContent .wp-block-my-plugin-balloon-block .image-column{
  height: 80px;
  margin: 0;
  border-radius: 50%;
  /* display: grid;
  place-content: center; */
  cursor: pointer;
  overflow: hidden;
  background: #F2F2F2;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-my-plugin-balloon-block .image-column{
    height: 20.8333vw;
  }
}
.blog-theContent .wp-block-my-plugin-balloon-block .image-column img{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.blog-theContent .wp-block-my-plugin-balloon-block.is-style-left .image-column{
  grid-row: 1/2;
  grid-column: 1/2;
}
.blog-theContent .wp-block-my-plugin-balloon-block.is-style-right .image-column{
  grid-row: 1/2;
  grid-column: 2/3;
}
.blog-theContent .wp-block-my-plugin-balloon-block.is-style-left .content-column{
  grid-row: 1/2;
  grid-column: 2/3;
}
.blog-theContent .wp-block-my-plugin-balloon-block.is-style-right .content-column{
  grid-row: 1/2;
  grid-column: 1/2;
}
.blog-theContent .wp-block-my-plugin-balloon-block.is-style-right .content-column .name{
  text-align: right;
}
.blog-theContent .wp-block-my-plugin-balloon-block .content-column .name{
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .08em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-my-plugin-balloon-block .content-column .name{
    margin-bottom: 2.0833vw;
    font-size: 2.2rem;
  }
}
.blog-theContent .wp-block-my-plugin-balloon-block .content-column .text{
  padding: 15px;
  border-radius: 5px;
  background: #ECF7F4;
  position: relative;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-my-plugin-balloon-block .content-column .text{
    padding: 3.9063vw;
    border-radius: 1.3021vw;
  }
}
.blog-theContent .wp-block-my-plugin-balloon-block .content-column .text::after{
  content: "";
  width: 0;
  height: 0;
  margin: auto 0;
  border-style: solid;
  border-width: 6px 10px 6px 0;
  border-color: transparent #ECF7F4 transparent transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-my-plugin-balloon-block .content-column .text::after{
    border-width: 1.6927vw 2.6042vw 1.6927vw 0;
    left: -2.474vw;
  }
}
.blog-theContent .wp-block-my-plugin-balloon-block.is-style-left .content-column .text::after{
  left: -10px;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-my-plugin-balloon-block.is-style-left .content-column .text::after{
    left: -2.474vw;
  }
}
.blog-theContent .wp-block-my-plugin-balloon-block.is-style-right .content-column .text::after{
  left: auto;
  right: -10px;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #ECF7F4;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-my-plugin-balloon-block.is-style-right .content-column .text::after{
    border-width: 1.6927vw 0 1.6927vw 2.6042vw;
    right: -2.474vw;
  }
}
.blog-theContent .wp-block-my-plugin-balloon-block .content-column .text p{
  font-weight: 400;
  font-size: 13px;
  line-height: 160%;
  letter-spacing: -.01em;
  color: #2E3334;
}
@media screen and (max-width:1024px){
  .blog-theContent .wp-block-my-plugin-balloon-block .content-column .text p{
    font-size: 2.4rem;
  }
}


/*-------------------------------------------------------------------*/
/* blog-List */
/*-------------------------------------------------------------------*/
.blog-List{
  display: grid;
  /* grid-template-columns: repeat(4, 1fr); */
  grid-template-columns: repeat(auto-fill, 380px);
  align-items: start;
  justify-content: center;
  gap: 62px 32px;
}
@media screen and (max-width:1024px){
  .blog-List{
    grid-template-columns: 1fr;
    gap: 10.9375vw 0;
  }
}
.wpp-list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px 0;
  counter-reset: ranking 0;
}
@media screen and (max-width:1024px){
  .wpp-list{
    gap: 14.0625vw 0;
  }
}
.blog-List .item,
.wpp-list .wpp-item{
  max-width: 381px;
  position: relative;
}
@media screen and (max-width:1024px){
  .blog-List .item,
  .wpp-list .wpp-item{
    max-width: 89.5833vw;
  }
}
.wpp-list .wpp-item{
  margin-bottom: 0;
  position: relative;
  overflow: visible;
  counter-increment: ranking 1;
}
.wpp-list .wpp-item::before{
  content: counter(ranking);
  padding: 0 30px 9px 0;
  position: absolute;
  top: -27px;
  left: 10px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 4.0rem;
  color: #11221C;
  z-index: 2;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2230%22%20fill%3D%22none%22%20viewBox%3D%220%200%2027%2030%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20d%3D%22M20%200h7L7%2030H0L20%200Z%22%2F%3E%3C%2Fsvg%3E') 100% 100% / 27px no-repeat;
}
@media screen and (max-width:1024px){
  .wpp-list .wpp-item::before{
    padding: 0 6.5104vw 1.875vw 0;
    top: -4.4271vw;
    left: 2.3438vw;
    font-size: 6.4rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2230%22%20fill%3D%22none%22%20viewBox%3D%220%200%2027%2030%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20d%3D%22M20%200h7L7%2030H0L20%200Z%22%2F%3E%3C%2Fsvg%3E') 100% 100% / 5.599vw no-repeat;
  }
}
.blog-List .item .link,
.wpp-list .wpp-item .link{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.blog-List .item .thumbnail,
.wpp-list .wpp-item .thumbnail{
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  pointer-events: none;
  border-radius: 40px;
  overflow: hidden;
}
@media screen and (max-width:1024px){
  .blog-List .item .thumbnail,
  .wpp-list .wpp-item .thumbnail{
    border-radius: 7.8125vw;
  }
}
.wpp-list .wpp-item .thumbnail:after{
  content: "";
  width: 100px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2240%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%2040%22%3E%20%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M0%200h100v40H0V0Z%22%2F%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22a%22%20x1%3D%220%22%20x2%3D%2214.131%22%20y1%3D%220%22%20y2%3D%2231.577%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E') 0 0 / contain no-repeat;
  z-index: 1;
}
@media screen and (max-width:1024px){
  .wpp-list .wpp-item .thumbnail:after{
    width: 22.1354vw;
    height: 8.8542vw;
  }
}
.blog-List .item .thumbnail figure,
.wpp-list .wpp-item .thumbnail figure{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (hover: hover) {
  .blog-List .item .thumbnail figure img,
  .wpp-list .wpp-item .thumbnail figure img{
    transition: transform .3s;
  }
  .blog-List .item .link:hover + .thumbnail figure img,
  .wpp-list .wpp-item .link:hover + .thumbnail figure img{
    transform: scale(1.05);
  }
}
.blog-List .item .date,
.wpp-list .wpp-item .date{
  margin-top: 20px;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: .04em;
  color: #606060;
}
@media screen and (max-width:1024px){
  .blog-List .item .date,
  .wpp-list .wpp-item .date{
    margin-top: 3.9063vw;
    font-size: 2.8rem;
  }
}
.blog-List .item .title,
.wpp-list .wpp-item .title{
  margin-top: 10px;
}
@media screen and (max-width:1024px){
  .blog-List .item .title,
  .wpp-list .wpp-item .title{
    margin-top: 2.6042vw;
  }
}
.blog-List .item .title p,
.wpp-list .wpp-item .title p{
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 160%;
  letter-spacing: .04em;
  color: #11221C;
  display: inline;
  background: linear-gradient(90deg, #11221C, #11221C) no-repeat left bottom 0;
  background-size: 0% 2px;
}
@media screen and (max-width:1024px){
  .blog-List .item .title p,
  .wpp-list .wpp-item .title p{
    font-size: 3.2rem;
  }
}
@media (hover: hover) {
  .blog-List .item .title p,
  .wpp-list .wpp-item .title p{
    transition: background-size .4s, opacity .3s;
  }
  .blog-List .item .link:hover + .thumbnail + .date + .title p,
  .wpp-list .wpp-item .link:hover + .thumbnail + .date + .title p{
    background-size: 100% 2px;
    will-change: background-size;
  }
}
.blog-List .item .category,
.wpp-list .wpp-item .category{
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 6px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width:1024px){
  .blog-List .item .category,
  .wpp-list .wpp-item .category{
    margin-top: 2.6042vw;
    gap: .7813vw .7813vw;
  }
}
.wpp-list .wpp-item .category li{
  margin-bottom: 0;
}
.blog-List .item .category li a,
.wpp-list .wpp-item .category li a{
  padding: 6px 8px 8px;
  display: inline-block;
  border: 2px solid #11221C;
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: .04em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-List .item .category li a,
  .wpp-list .wpp-item .category li a{
    padding: 1.0417vw 1.0417vw 1.3021vw;
    border: max(.2604vw, 1px) solid #11221C;
    font-size: 2.0rem;
  }
}
@media (hover: hover) {
  .blog-List .item .category li a,
  .wpp-list .wpp-item .category li a{
    transition: color .3s, background-color .3s;
  }
  .blog-List .item .category li a:hover,
  .wpp-list .wpp-item .category li a:hover{
    color: #fff;
    background-color: #11221C;
  }
}
.blog-List .item .new,
.wpp-list .wpp-item .new{
  padding: 7px 5px;
  background: #11221C;
  display: inline-block;
  font-family: 'Jost', sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  color: #FFF;
  position: absolute;
  top: -12px;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width:1024px){
  .blog-List .item .new,
  .wpp-list .wpp-item .new{
    padding: 1.5625vw 1.1719vw;
    font-size: 2.6rem;
    top: -3.125vw;
  }
}


/*-------------------------------------------------------------------*/
/* blog-RelatedPost */
/*-------------------------------------------------------------------*/
.blog-RelatedPost{
  width: clamp(1px, calc(100% - 80px), 1200px);
  margin: 20px auto 0;
  padding-top: 60px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22112%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%20112%22%3E%20%3Cmask%20id%3D%22a%22%20width%3D%22100%22%20height%3D%22112%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20d%3D%22M74.074%200H100L25.926%20111.111H0L74.074%200Z%22%2F%3E%20%3C%2Fmask%3E%20%3Cg%20mask%3D%22url(%23a)%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20d%3D%22M74.074%200H100L25.926%20111.111H0L74.074%200Z%22%2F%3E%20%3Cpath%20fill%3D%22%233CAB8F%22%20d%3D%22M0%2040h100v71H0z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') 100% 0 / 100px no-repeat;
}
@media screen and (max-width:1024px){
  .blog-RelatedPost{
    width: 89.5833vw;
    margin-top: 18.2292vw;
    padding-top: 0;
    background: none;
  }
}
.blog-RelatedPost .relatedPost_Body .list{
  margin-top: 62px;
  /* grid-template-columns: repeat(3, 1fr); */
  grid-template-columns: repeat(auto-fill, 380px);
  justify-content: center;
  gap: 40px 28px;
}
@media screen and (max-width:1024px){
  .blog-RelatedPost .relatedPost_Body .list{
    margin-top: 9.6354vw;
    grid-template-columns: 1fr;
    justify-content: center;
    gap: 14.0625vw 0;
  }
}


/*-------------------------------------------------------------------*/
/* blog-Supervisor */
/*-------------------------------------------------------------------*/
.blog-Supervisor .supervisor-List{
  width: clamp(1px, calc(100% - 80px), 1200px);
  margin: 0 auto;
  padding: 170px 0 100px;
  position: relative;
}
@media screen and (max-width:1024px){
  .blog-Supervisor .supervisor-List{
    width: 89.58vw;
    padding: 23.44vw 0 20.83vw;
  }
}
.blog-Supervisor .supervisor-List .list-Body{
  margin-top: 40px;
}
@media screen and (max-width:1024px){
  .blog-Supervisor .supervisor-List .list-Body{
    margin-top: 10.42vw;
  }
}
.blog-Supervisor .supervisor-List .list-Body .supervisor{
  padding: 30px;
  display: grid;
  grid-template-columns: 146px 1fr;
  gap: 0 30px;
  border: 1px solid #F0F0F0;
  background: #fff;
}
@media screen and (max-width:1024px){
  .blog-Supervisor .supervisor-List .list-Body .supervisor{
    padding: 3.9063vw 5.2083vw 6.5104vw 3.9063vw;
    grid-template-columns: 19.0104vw 1fr;
    gap: 0 3.9063vw;
  }
}
.blog-Supervisor .supervisor-List .list-Body .supervisor +  .supervisor{
  margin-top: 10px;
}
@media screen and (max-width:1024px){
  .blog-Supervisor .supervisor-List .list-Body .supervisor +  .supervisor{
    margin-top: 2.6042vw;
  }
}
.blog-Supervisor .supervisor-List .list-Body .supervisor .image{
  width: 146px;
  height: 146px;
  border-radius: 48px;
  overflow: hidden;
  background: #F4F3F0;
}
@media screen and (max-width:1024px){
  .blog-Supervisor .supervisor-List .list-Body .supervisor .image{
    width: 19.0104vw;
    height: 19.0104vw;
    border-radius: 4.1667vw;
  }
}
.blog-Supervisor .supervisor-List .list-Body .supervisor .text .name{
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 160%;
  letter-spacing: .06em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Supervisor .supervisor-List .list-Body .supervisor .text .name{
    font-size: 2.6rem;
  }
}
.blog-Supervisor .supervisor-List .list-Body .supervisor .text .description{
  margin-top: 10px;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 160%;
  letter-spacing: .06em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Supervisor .supervisor-List .list-Body .supervisor .text .description{
    margin-top: 1.3021vw;
    font-size: 2.0rem;
  }
}
.blog-Supervisor .supervisor-List .list-Body .supervisor .text .links{
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
}
@media screen and (max-width:1024px){
  .blog-Supervisor .supervisor-List .list-Body .supervisor .text .links{
    margin-top: 3.9063vw;
    gap: 2.6042vw 5.2083vw;
  }
}
.blog-Supervisor .supervisor-List .list-Body .supervisor .text .links li a{
  display: inline-grid;
  grid-template-columns: 1fr 5px;
  align-items: center;
  gap: 0 10px;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 160%;
  letter-spacing: .06em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Supervisor .supervisor-List .list-Body .supervisor .text .links li a{
    grid-template-columns: 1fr 1.1719vw;
    gap: 0 2.0833vw;
    font-size: 2.24rem;
  }
}
@media (hover: hover) {
  .blog-Supervisor .supervisor-List .list-Body .supervisor .text .links li a{
    transition: opacity .3s;
  }
  .blog-Supervisor .supervisor-List .list-Body .supervisor .text .links li a:hover{
    opacity: .6;
  }
}
.blog-Supervisor .supervisor-List .list-Body .supervisor .text .links li a::after{
  content: "";
  width: 5px;
  height: 10px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%2011%22%3E%20%3Cpath%20fill%3D%22%2311221C%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.227%2010.344a.897.897%200%200%201%200-1.194L3.51%205.536.228%201.922A.897.897%200%200%201%20.227.73a.794.794%200%200%201%201.185%200l3.824%204.21a.897.897%200%200%201%200%201.193l-3.824%204.21a.793.793%200%200%201-1.185%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 0 0 / contain no-repeat;
}
@media screen and (max-width:1024px){
  .blog-Supervisor .supervisor-List .list-Body .supervisor .text .links li a::after{
    width: 1.1719vw;
    height: 2.0833vw;
  }
}


/*-------------------------------------------------------------------*/
/* blog-Index */
/*-------------------------------------------------------------------*/
.blog-Index .index-List{
  width: clamp(1px, calc(100% - 80px), 1620px);
  margin: 0 auto;
  padding: 170px 0 100px;
  position: relative;
}
@media screen and (max-width:1024px){
  .blog-Index .index-List{
    width: 89.5833vw;
    padding: 23.4375vw 0 20.8333vw;
  }
}
.blog-Index .index-List .list-Heading{
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10px 5px;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 120%;
  letter-spacing: .04em;
  color: #11221C;
}
@media screen and (max-width:1024px){
  .blog-Index .index-List .list-Heading{
    gap: 1.3021vw .651vw;
    font-size: 2.8rem;
  }
}
.blog-Index .index-List .list-Heading .name{
  font-size: 4.0rem;
  line-height: 120%;
  color: #3CAB8F;
  transform: translateY(2px);
}
@media screen and (max-width:1024px){
  .blog-Index .index-List .list-Heading .name{
    font-size: 4.6rem;
    transform: translateY(.2604vw);
  }
}
.blog-Index .index-List .list-Body{
  margin-top: 72px;
}
@media screen and (max-width:1024px){
  .blog-Index .index-List .list-Body{
    margin-top: 10.9375vw;
  }
}
.blog-Index .index-List .list-Body .wp-pagenavi{
  margin-top: 80px;
}
@media screen and (max-width:1024px){
  .blog-Index .index-List .list-Body .wp-pagenavi{
    margin-top: 15.625vw;
  }
}