@charset "UTF-8";
/*
Theme Name: エムズプランニング様実績用オリジナルテーマ
Theme URI:
Author: 家族葬のソウネ
Author URI: https://msp1998.com/
Description: エムズプランニング様実績用オリジナルテーマです。
Version: 1.0
License:
License URI:
*/

.boxres_achievements01 .yt {
  width: 50%;
  float: right;
  padding-left: 30px;
  aspect-ratio: 16 / 9;
}
.boxres_achievements01 .yt iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .boxres_achievements01 .yt {
    width: 100%;
    float: none;
    padding: 0;
  }
}

.p-navigation {
  margin-top: 40px;
}
.p-navigation .nav-links ul {
  display: flex;
  justify-content: center;
}
.p-navigation .nav-links ul li {
  margin: 0 5px;
}
.p-navigation .nav-links ul li .page-numbers {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-navigation .nav-links ul li a {
  border: 1px solid #000;
}
.p-navigation .nav-links ul li a.prev::after, .p-navigation .nav-links ul li a.next::after {
  content: '';
  width: 6px;
  aspect-ratio: 1;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
.p-navigation .nav-links ul li a.prev::after {
  transform: rotate(-135deg);
  margin-right: -2px;
}
.p-navigation .nav-links ul li a.next::after {
  transform: rotate(45deg);
  margin-left: -2px;
}
.p-navigation .nav-links ul li span {
  background: #000;
  color: #fff;
}

.p-topWorks__cats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px min(3.125vw, 40px);
  width: 90%;
  max-width: 1280px;
  margin: 0 auto 70px;
}
.p-topWorks__cats a {
  display: block;
  text-align: center;
  background: #fff;
  border: 1px solid #000;
  padding: 10px;
}

@media (max-width: 767px) {
  .p-topWorks__cats {
    grid-template-columns: repeat(1, 1fr);
  }
}