/*============================
function
============================*/
/*============================
keyframes
============================*/
@keyframes yoko_lineAnim {
  0% {
    left: -100%;
  }
  45% {
    left: 0;
  }
  70% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
/*============================
body
============================*/
body {
  background-color: #fff;
}

body #wrapper .page_title {
  background: center top/contain no-repeat url("../img/title_header_sp.jpg");
  padding-top: 38.66667vw;
  padding-bottom: 10.66667vw;
}
@media screen and (min-width: 750px) {
  body #wrapper .page_title {
    background: center top/cover no-repeat url("../img/title_header_pc.jpg");
    padding-top: 175px;
    padding-bottom: 102px;
  }
}

/*============================
c-blog-archive
============================*/
.c-blog-archive {
  display: grid;
  gap: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .c-blog-archive {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(40 / 1500 * 100vw);
  }
}
@media screen and (min-width: 1280px) {
  .c-blog-archive {
    grid-template-columns: repeat(3, 1fr);
  }
}
.c-blog-archive__link {
  transition: 0.3s;
}
.c-blog-archive__link:hover {
  opacity: 0.7;
}
.c-blog-archive__img {
  margin: 0 0 calc(24 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .c-blog-archive__img {
    margin: 0 0 calc(16 / 1500 * 100vw);
  }
}
.c-blog-archive__img img {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-blog-archive__nav {
  display: flex;
  align-items: center;
  gap: calc(24 / 750 * 100vw);
  margin: 0 0 calc(24 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .c-blog-archive__nav {
    gap: calc(24 / 1500 * 100vw);
    margin: 0 0 calc(16 / 1500 * 100vw);
  }
}
.c-blog-archive__category {
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.6;
  color: #fff;
  background: #000;
  padding: calc(8 / 750 * 100vw) calc(24 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .c-blog-archive__category {
    font-size: 12px;
    padding: calc(4 / 1500 * 100vw) calc(40 / 1500 * 100vw);
  }
}
.c-blog-archive__time {
  font-size: calc(20 / 750 * 100vw);
  color: #8C8C8C;
}
@media screen and (min-width: 750px) {
  .c-blog-archive__time {
    font-size: 14px;
  }
}
.c-blog-archive__title {
  font-size: calc(28 / 750 * 100vw);
  font-weight: bold;
  line-height: 1.6;
  color: #000;
}
@media screen and (min-width: 750px) {
  .c-blog-archive__title {
    font-size: 20px;
  }
}

/*============================
c-blog-job
============================*/
@media screen and (min-width: 750px) {
  .c-blog-job {
    display: flex;
    gap: 0 calc(40 / 1500 * 100vw);
  }
}
.c-blog-job__item {
  margin: 0 0 -1px;
}
@media screen and (min-width: 750px) {
  .c-blog-job__item {
    flex: 1;
    margin: 0;
  }
}
.c-blog-job__link {
  display: block;
  padding: calc(40 / 750 * 100vw) 0;
  border-top: 1px solid #D2D2D2;
  border-bottom: 1px solid #D2D2D2;
  transition: 0.3s;
}
@media screen and (min-width: 750px) {
  .c-blog-job__link {
    padding: calc(40 / 1500 * 100vw) 0;
  }
}
.c-blog-job__link:hover {
  opacity: 0.7;
}
.c-blog-job__type {
  display: flex;
  align-items: center;
  gap: calc(24 / 750 * 100vw);
  margin: 0 0 calc(24 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .c-blog-job__type {
    gap: calc(24 / 1500 * 100vw);
    margin: 0 0 calc(16 / 1500 * 100vw);
  }
}
.c-blog-job__type__heading {
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.6;
  color: #fff;
  background: #000;
  padding: calc(8 / 750 * 100vw) calc(32 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .c-blog-job__type__heading {
    font-size: 12px;
    padding: calc(4 / 1500 * 100vw) calc(40 / 1500 * 100vw);
  }
}
.c-blog-job__type__content {
  display: flex;
  flex-wrap: wrap;
  gap: calc(16 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .c-blog-job__type__content {
    gap: calc(16 / 1500 * 100vw);
  }
}
.c-blog-job__type__content li {
  font-size: calc(20 / 750 * 100vw);
  color: #8C8C8C;
}
@media screen and (min-width: 750px) {
  .c-blog-job__type__content li {
    font-size: 14px;
  }
}
.c-blog-job__title {
  font-size: calc(28 / 750 * 100vw);
  font-weight: bold;
  line-height: 1.6;
  color: #000;
  margin: 0 0 calc(16 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .c-blog-job__title {
    font-size: 20px;
    margin: 0 0 calc(16 / 1500 * 100vw);
  }
}
.c-blog-job__txt {
  font-size: calc(24 / 750 * 100vw);
  line-height: 1.6;
  color: #000;
}
@media screen and (min-width: 750px) {
  .c-blog-job__txt {
    font-size: 14px;
  }
}

/*============================
p-blog-underlayer
============================*/
.p-blog-underlayer {
  color: #000;
  padding: calc(150 / 750 * 100vw) 0 0;
  margin: 0 0 calc(170 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-underlayer {
    padding: calc(170 / 1500 * 100vw) 0 0;
    margin: 0 0 calc(150 / 1500 * 100vw);
  }
}
.p-blog-underlayer:last-child {
  margin: 0;
}
.p-blog-underlayer__container {
  width: calc(670 / 750 * 100vw);
  margin: auto;
}
@media screen and (min-width: 750px) {
  .p-blog-underlayer__container {
    display: grid;
    grid-template-columns: 1fr calc(340 / 1500 * 100vw);
    gap: 0 calc(100 / 1500 * 100vw);
    width: calc(1280 / 1500 * 100vw);
  }
}

/*============================
p-blog-message
============================*/
.p-blog-message {
  margin: 0 0 calc(48 / 750 * 100vw);
}
.p-blog-message p {
  font-size: calc(24 / 750 * 100vw);
  line-height: 1.8;
}
@media screen and (min-width: 750px) {
  .p-blog-message p {
    font-size: 18px;
  }
}

/*============================
p-blog-nav
============================*/
.p-blog-nav {
  margin: 0 0 calc(100 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-nav {
    grid-column: 2/3;
    grid-row: 1/3;
    margin: 0;
  }
}
.p-blog-nav:last-child {
  margin: 0;
}
@media screen and (min-width: 750px) {
  .p-blog-nav__list {
    position: sticky;
    top: 168px;
  }
}
.p-blog-nav__item {
  border-bottom: 1px solid #000;
}
.p-blog-nav__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(24 / 750 * 100vw);
  padding: calc(32 / 750 * 100vw) calc(16 / 750 * 100vw) calc(32 / 750 * 100vw) 0;
  transition: 0.3s;
}
@media screen and (min-width: 750px) {
  .p-blog-nav__link {
    gap: 24px;
    padding: 24px 24px 24px 0;
  }
}
.p-blog-nav__link:hover {
  opacity: 0.5;
}
.p-blog-nav__txt {
  font-size: calc(24 / 750 * 100vw);
  line-height: 1.6;
  color: #000;
}
@media screen and (min-width: 750px) {
  .p-blog-nav__txt {
    font-size: 14px;
  }
}
.p-blog-nav__arrow {
  width: calc(32 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-nav__arrow {
    width: 20px;
  }
}

/*============================
p-blog-pickup
============================*/
.p-blog-pickup__head {
  font-size: calc(36 / 750 * 100vw);
  line-height: 1.6;
  margin: 0 0 calc(80 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-pickup__head {
    font-size: 36px;
    margin: 0 0 calc(60 / 1500 * 100vw);
  }
}
.p-blog-pickup__link {
  display: block;
  transition: 0.3s;
}
.p-blog-pickup__link:hover {
  opacity: 0.7;
}
.p-blog-pickup__link:hover .p-blog-pickup__button span:before {
  animation: yoko_lineAnim 1.5s infinite;
}
.p-blog-pickup__nav {
  display: flex;
  align-items: center;
  gap: calc(24 / 750 * 100vw);
  margin: 0 0 calc(24 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-pickup__nav {
    gap: calc(24 / 1500 * 100vw);
    margin: 0 0 calc(24 / 1500 * 100vw);
  }
}
.p-blog-pickup__category {
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.6;
  color: #fff;
  background: #000;
  padding: calc(8 / 750 * 100vw) calc(16 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-pickup__category {
    font-size: 12px;
    padding: calc(4 / 1500 * 100vw) calc(40 / 1500 * 100vw);
  }
}
.p-blog-pickup__time {
  font-size: calc(24 / 750 * 100vw);
  color: #8C8C8C;
}
@media screen and (min-width: 750px) {
  .p-blog-pickup__time {
    font-size: 14px;
  }
}
.p-blog-pickup__title {
  font-size: calc(24 / 750 * 100vw);
  font-weight: bold;
  line-height: 1.6;
  color: #000;
  margin: 0 0 calc(40 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-pickup__title {
    font-size: 28px;
    margin: 0 0 calc(24 / 1500 * 100vw);
  }
}
.p-blog-pickup__img img {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}
.p-blog-pickup__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(140 / 750 * 100vw);
  font-size: calc(24 / 750 * 100vw);
  color: #fff;
  background: #000;
}
@media screen and (min-width: 750px) {
  .p-blog-pickup__button {
    gap: calc(24 / 1500 * 100vw);
    height: calc(80 / 1500 * 100vw);
    font-size: 14px;
  }
}
.p-blog-pickup__button span {
  position: absolute;
  top: 0;
  right: calc(48 / 750 * 100vw);
  bottom: 0;
  width: calc(80 / 750 * 100vw);
  height: calc(1 / 750 * 100vw);
  margin: auto;
  overflow: hidden;
}
@media screen and (min-width: 750px) {
  .p-blog-pickup__button span {
    position: relative;
    right: auto;
    width: calc(75 / 1500 * 100vw);
    height: calc(1 / 1500 * 100vw);
    margin: 0;
  }
}
.p-blog-pickup__button span:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: 0.3s ease-out;
}
/*============================
p-blog-archive
============================*/
.p-blog-archive {
  margin: 0 0 calc(170 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-archive {
    margin: 0 0 calc(150 / 1500 * 100vw);
  }
}
.p-blog-archive:last-child {
  margin: 0;
}
.p-blog-archive__container {
  width: calc(670 / 750 * 100vw);
  margin: auto;
}
@media screen and (min-width: 750px) {
  .p-blog-archive__container {
    width: calc(1280 / 1500 * 100vw);
  }
}
.p-blog-archive__head {
  margin: 0 0 calc(80 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-archive__head {
    margin: 0 0 calc(60 / 1500 * 100vw);
  }
}
.p-blog-archive__head__heading {
  font-size: calc(36 / 750 * 100vw);
  line-height: 1.6;
  margin: 0 0 calc(24 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-archive__head__heading {
    font-size: 36px;
    margin: 0 0 calc(40 / 1500 * 100vw);
  }
}
.p-blog-archive__head__heading:last-child {
  margin: 0;
}
.p-blog-archive__head__category {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(10 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-archive__head__category {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 calc(10 / 1500 * 100vw);
  }
}
.p-blog-archive__head__category li {
  flex: auto;
}
.p-blog-archive__head__category li a {
  position: relative;
  display: block;
  font-size: calc(24 / 750 * 100vw);
  line-height: 1.6;
  text-align: center;
  color: #000;
  padding: calc(24 / 750 * 100vw);
  transition: 0.3s;
}
@media screen and (min-width: 750px) {
  .p-blog-archive__head__category li a {
    font-size: 14px;
    padding: calc(32 / 1500 * 100vw) calc(8 / 1500 * 100vw) calc(8 / 1500 * 100vw);
  }
}
.p-blog-archive__head__category li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #CACACA;
}
.p-blog-archive__head__category li a:hover {
  opacity: 0.7;
}
.p-blog-archive__head__category li a.is-current:after {
  height: 2px;
  background: #000;
}
.p-blog-archive__main {
  margin: 0 0 calc(150 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-archive__main {
    margin: 0 0 calc(100 / 1500 * 100vw);
  }
}
.p-blog-archive__main:last-child {
  margin: 0;
}
.p-blog-archive__foot {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 750px) {
  .p-blog-archive__foot {
    justify-content: start;
  }
}

/*============================
p-blog-job
============================*/
.p-blog-job {
  margin: 0 0 calc(170 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-job {
    margin: 0 0 calc(150 / 1500 * 100vw);
  }
}
.p-blog-job:last-child {
  margin: 0;
}
.p-blog-job__container {
  width: calc(670 / 750 * 100vw);
  margin: auto;
}
@media screen and (min-width: 750px) {
  .p-blog-job__container {
    width: calc(1280 / 1500 * 100vw);
  }
}
.p-blog-job__head {
  margin: 0 0 calc(80 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-job__head {
    margin: 0 0 calc(60 / 1500 * 100vw);
  }
}
.p-blog-job__head__heading {
  font-size: calc(36 / 750 * 100vw);
  line-height: 1.6;
}
@media screen and (min-width: 750px) {
  .p-blog-job__head__heading {
    font-size: 36px;
  }
}

/*============================
p-blog-single
============================*/
.p-blog-single {
  margin: 0 0 calc(100 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-single {
    margin: 0 0 calc(160 / 1500 * 100vw);
  }
}
.p-blog-single__nav {
  display: flex;
  align-items: center;
  gap: calc(24 / 750 * 100vw);
  margin: 0 0 calc(24 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-single__nav {
    gap: calc(24 / 1500 * 100vw);
    margin: 0 0 calc(16 / 1500 * 100vw);
  }
}
.p-blog-single__category {
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.6;
  color: #fff;
  background: #000;
  padding: calc(8 / 750 * 100vw) calc(24 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-single__category {
    font-size: 12px;
    padding: calc(4 / 1500 * 100vw) calc(40 / 1500 * 100vw);
  }
}
.p-blog-single__time {
  font-size: calc(20 / 750 * 100vw);
  color: #8C8C8C;
}
@media screen and (min-width: 750px) {
  .p-blog-single__time {
    font-size: 14px;
  }
}
.p-blog-single__title {
  font-size: calc(34 / 750 * 100vw);
  font-weight: bold;
  line-height: 1.6;
  padding: 0 0 calc(24 / 750 * 100vw);
  margin: 0 0 calc(100 / 750 * 100vw);
  border-bottom: 2px solid #333;
}
@media screen and (min-width: 750px) {
  .p-blog-single__title {
    font-size: 28px;
    padding: 0 0 calc(24 / 1500 * 100vw);
    margin: 0 0 calc(40 / 1500 * 100vw);
  }
}
.p-blog-single__editor h1, .p-blog-single__editor h2, .p-blog-single__editor h3, .p-blog-single__editor h4, .p-blog-single__editor h5, .p-blog-single__editor h6 {
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin: 0 0 calc(16 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-single__editor h1, .p-blog-single__editor h2, .p-blog-single__editor h3, .p-blog-single__editor h4, .p-blog-single__editor h5, .p-blog-single__editor h6 {
    margin: 0 0 calc(16 / 1500 * 100vw);
  }
}
.p-blog-single__editor p, .p-blog-single__editor ul, .p-blog-single__editor ol, .p-blog-single__editor figure {
  line-height: 1.8;
  margin: 0 0 calc(32 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-single__editor p, .p-blog-single__editor ul, .p-blog-single__editor ol, .p-blog-single__editor figure {
    margin: 0 0 calc(40 / 1500 * 100vw);
  }
}
.p-blog-single__editor p:last-child, .p-blog-single__editor ul:last-child, .p-blog-single__editor ol:last-child, .p-blog-single__editor figure:last-child {
  margin: 0;
}
.p-blog-single__editor h2 {
  font-size: calc(34 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-single__editor h2 {
    font-size: 20px;
  }
}
.p-blog-single__editor p {
  font-size: calc(24 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-single__editor p {
    font-size: 14px;
  }
}
.p-blog-single__editor img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/*============================
p-blog-editor
============================*/
.p-blog-editor h1, .p-blog-editor h2, .p-blog-editor h3, .p-blog-editor h4, .p-blog-editor h5, .p-blog-editor h6 {
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin: calc(80 / 750 * 100vw) 0 calc(16 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-editor h1, .p-blog-editor h2, .p-blog-editor h3, .p-blog-editor h4, .p-blog-editor h5, .p-blog-editor h6 {
    margin: calc(80 / 1500 * 100vw) 0 calc(24 / 1500 * 100vw);
  }
}
.p-blog-editor h1:first-child, .p-blog-editor h2:first-child, .p-blog-editor h3:first-child, .p-blog-editor h4:first-child, .p-blog-editor h5:first-child, .p-blog-editor h6:first-child {
  margin: 0 0 calc(16 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-editor h1:first-child, .p-blog-editor h2:first-child, .p-blog-editor h3:first-child, .p-blog-editor h4:first-child, .p-blog-editor h5:first-child, .p-blog-editor h6:first-child {
    margin: 0 0 calc(24 / 1500 * 100vw);
  }
}
.p-blog-editor p, .p-blog-editor ul, .p-blog-editor ol, .p-blog-editor figure {
  line-height: 1.8;
  margin: 0 0 calc(32 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-editor p, .p-blog-editor ul, .p-blog-editor ol, .p-blog-editor figure {
    margin: 0 0 calc(24 / 1500 * 100vw);
  }
}
.p-blog-editor p:last-child, .p-blog-editor ul:last-child, .p-blog-editor ol:last-child, .p-blog-editor figure:last-child {
  margin: 0;
}
.p-blog-editor h2 {
  font-size: calc(34 / 750 * 100vw);
  font-weight: bold;
}
@media screen and (min-width: 750px) {
  .p-blog-editor h2 {
    font-size: 28px;
  }
}
.p-blog-editor p {
  font-size: calc(24 / 750 * 100vw);
}
@media screen and (min-width: 750px) {
  .p-blog-editor p {
    font-size: 14px;
  }
}
.p-blog-editor a {
  color: #000;
  text-decoration: underline;
}
.p-blog-editor a[target=_blank] {
  position: relative;
  margin: 0 16px 0 0;
}
.p-blog-editor a[target=_blank]:after {
  font-family: "icomoon" !important;
  content: "\e900";
  position: absolute;
  right: -16px;
  bottom: 0;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.p-blog-editor img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.p-blog-editor strong {
  font-weight: bold;
}/*# sourceMappingURL=screen.css.map */