html {
  font-size: 62.5%;
  line-height: 1.6;
}

body {
  color: #303030;
  font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ叔ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Arial, Verdana, sans-serif;
  font-size: 100%;
  line-height: 1.8;
  margin: 0 auto;
  padding: 0;
  page-break-after: auto;
  position: relative;
  -webkit-print-color-adjust: exact;
  text-align: center;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

dl,
dt,
dd,
form,
fieldset,
input,
textarea,
button {
  margin: 0;
  padding: 0;
}

p {
  margin: 1.4em 0;
}

img {
  border: none;
  vertical-align: middle;
}

img a {
  border: none;
}

.hidden {
  display: none;
}

h1 {
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.8;
  margin: 0;
  padding: 0;
  text-align: left;
}

h3 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  padding-left: 3rem;
  position: relative;
}

h3:before {
  border: none;
  border-bottom: solid 1.5rem #007bc1;
  border-left: solid 1.5rem transparent;
  bottom: -.3rem;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

h3:after {
  border-bottom: solid .3rem #007bc1;
  bottom: -.3rem;
  content: '';
  left: 1rem;
  position: absolute;
  width: 100%;
}

h4 {
  border-bottom: .2rem dotted #007bc1;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 1rem 0;
  padding: .5rem;
}

h5 {
  color: #007bc1;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
  margin: .8rem 0;
}

h6 {
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.4;
  margin: .6rem 0;
}

table {
  border: .1rem solid #bbb;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 2rem 0;
  width: 100%;
}

th,
thead {
  background: #e0ebf8;
  padding: .8rem 1rem;
  text-align: left;
  white-space: nowrap;
}

td {
  border: .1rem solid #bbb;
  margin: 0;
  padding: .8rem 1rem;
}

tr:nth-child(even) {
  background-color: #e9e9e9;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: flex;
  gap: 2rem;
}

* html .clearfix {
  height: .1rem;
  height: auto;
  overflow: hidden;
}

/*  **************************************************************************** */
/* Header */
/*  **************************************************************************** */

header {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.uoymenu-sp {
  display: none;
}

.inner {
  margin: 0 auto;
}

#top-head {
  background: #fff;
  line-height: 1;
  padding: 3rem 0 3.3rem;
  width: 100%;
  z-index: 999;
}

#top-head a,
#top-head {
  text-decoration: none;
}

#top-head .inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 164rem;
  position: relative;
}

#top-head .logo {
  align-items: center;
  display: flex;
  float: left;
  font-size: 2.4rem;
  font-weight: 900;
  margin: 0 2rem 0;
}

.logo-sp {
  display: none;
}

#top-head .logo a {
  color: #303030;
}

#top-head .logo .top_head__subtitle {
  background: #077ec3;
  border-radius: .5rem;
  color: #fff;
  display: inline-block;
  font-size: 1.2vw;
  font-weight: 300;
  letter-spacing: .061em;
  line-height: 1.2;
  margin: 0 0 0 1em;
  padding: .8rem 1rem;
  text-align: center;
}

#global-nav ul li a:hover {
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  opacity: .5;
}

#global-nav ul li a span.uoy {
  background-color: #fff;
  border: .1rem solid #007bc1;
  box-sizing: border-box;
  color: #007bc1;
  display: inline-block;
  font-size: 1.4rem;
  height: 4rem;
  padding: 1rem .8rem;
}

#top-head.fixed {
  backdrop-filter: blur(1.7rem);
  -webkit-backdrop-filter: blur(1.7rem);
  background-color: #f5f5f57d;
  border-radius: 3.5rem;
  margin-top: 0;
  max-width: 168rem;
  padding: 1rem 0;
  position: fixed;
  text-align: center;
  top: 2rem;
  -moz-transition: top .65s ease-in;
  transition: top .65s ease-in;
  -webkit-transition: top .65s ease-in;
  width: 100%;
}

#top-head.fixed .logo {
  font-size: 2.4rem;
  font-weight: 900;
}

#top-head.fixed #global-nav ul {
  font-size: 1.4rem;
  list-style: none;
}

#top-head.fixed #global-nav ul li a {
  color: #333;
  padding: .5rem;
}

.link {
  display: flex;
  justify-content: flex-end;
}

.link a {
  align-items: center;
  background: #5f2381;
  border-radius: .6rem;
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  gap: .9rem;
  padding: 1.2rem 2.5rem;
  position: relative;
}

#nav-toggle {
  background-color: #007bc1;
  cursor: pointer;
  display: none;
  height: 2.5rem;
  padding: 1rem;
  width: 2.5rem;
  z-index: 101;
}

#nav-toggle div {
  position: relative;
}

#nav-toggle span {
  background: #fff;
  display: block;
  height: .3rem;
  left: 0;
  position: absolute;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  -webkit-transition: .35s ease-in-out;
  width: 100%;
}

#nav-toggle span:nth-child(1) {
  top: 0;
}

#nav-toggle span:nth-child(2) {
  top: 1.1rem;
}

#nav-toggle span:nth-child(3) {
  top: 2.2rem;
}

#uoy-menu {
  align-items: center;
  display: flex;
  position: relative;
}

#uoy-menu ul.menulist {
  display: flex;
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-right: 4rem;
}

#uoy-menu ul.menulist li a {
  box-sizing: border-box;
  color: #333;
  display: inline-block;
  font-size: 1.8rem;
  padding: .5rem;
  text-decoration: none;
  width: 100%;
}

#uoy-menu ul.menulist li a:hover,
#uoy-menu ul.menulist li a.active {
  background: #007bc1;
  color: #fff !important;
}

nav#global-nav {
  display: flex;
}

/*  **************************************************************************** */
/* FOOTER */
/*  **************************************************************************** */

footer,
#footer {
  background-color: #f6f6f6;
  font-size: .8rem;
  margin: 7rem auto 0;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: 1;
}

#footer-inner {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  max-width: 148rem;
  padding: 2rem;
  text-align: left;
}

#footer-inner p {
  align-items: center;
  display: flex;
  gap: 4.7rem;
}

#footer-inner p span {
  font-size: 2.4rem;
  letter-spacing: .03em;
  line-height: 1.3;
}

.page-main a {
  align-items: center;
  color: #007bc1;
  display: flex;
  font-size: 1.6rem;
  justify-content: flex-end;
  text-decoration: none;
  width: 100%;
}

.logo-footer-sp {
  display: none;
}

.logo-footer-pc {
  display: inline-block;
  margin-left: 2.6rem;
}

.footer-inner__right {
  max-width: 50%;
  width: 100%;
}

#copyright {
  font-size: 1.4rem;
  text-align: left;
  width: 100%;
  word-break: keep-all;
}

.footer-inner__right ul.menulist {
  align-items: center;
  border-bottom: .1rem solid #e3e3e3;
  display: flex;
  gap: 4rem;
  justify-content: space-between;
  list-style: none;
  padding: 0 0 2rem;
}

.footer-inner__right .menulist li a {
  color: #000;
  font-size: 1.6rem;
  text-decoration: none;
}

#pagetop {
  bottom: 3rem;
  display: none;
  position: fixed;
  right: 2rem;
  z-index: 1000;
}

#pagetop a {
  align-items: center;
  background-color: #007bc1;
  border-radius: 100%;
  box-sizing: border-box;
  display: flex;
  font-size: 2.4rem;
  height: 9.4rem;
  justify-content: center;
  padding: .3rem 0;
  text-align: center;
  text-decoration: none;
  width: 9.4rem;
}

#pagetop i {
  color: #ece952;
  font-size: 3.5rem;
}

#pagetop a:hover {
  filter: alpha(opacity=50);
  -ms-filter: "alpha( opacity=50 )";
  opacity: .5;
}

/*  **************************************************************************** */
/* Text animation and partices animation */
/*  **************************************************************************** */

.swift-up-text {
  animation: 1s;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

.swift-up-text.glow span {
  animation: swiftUp .5s ease-out forwards;
  display: inline-block;
  opacity: 0;
  transform: translateY(100%);
}

@keyframes swiftUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#particles-js {
  height: auto;
  position: absolute;
  transform-origin: center 5rem;
  width: 100%;
  will-change: transform;
}

#particles {
  height: auto;
  position: absolute;
  transform-origin: center center;
  width: 100%;
  will-change: transform;
}

#particle-news {
  height: 100%;
  position: absolute;
  transform-origin: top right 18rem;
  width: 100%;
  will-change: transform;
}

.zoom-in {
  animation: zoomIn .8s ease-in-out;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

#particles {
  height: 100%;
  position: absolute;
  transform-origin: center center;
  width: 100%;
  will-change: transform;
}

/*  **************************************************************************** */
/* BANNER */
/*  **************************************************************************** */
#hero {
  margin: 0 auto 12rem auto;
  max-width: 128rem;
  position: relative;
  text-align: center;
  width: 100%;
}

.video {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  width: 100%;
}

iframe {
  border: unset;
}

.responsive-iframe {
  height: 100%;
  pointer-events: none;
  width: 100%;
}

.banner-content {
  color: #fff;
  font-size: 6rem;
  left: 3em;
  position: absolute;
  top: 3.66em;
}

.banner-content h2 {
  font-size: 1em;
  font-weight: bold;
  letter-spacing: .08em;
  line-height: 1.2;
  text-shadow: 0 .3rem .6rem #00000029;
}

.banner-content__des {
  filter: drop-shadow(0 .3rem .6rem #00000029);
}

.banner-content p {
  align-items: center;
  background-color: #fff;
  clip-path: polygon(0% 8%, 95% 11%, 100% 52%, 95% 92%, 0% 94%);
  color: #303030;
  display: flex;
  font-size: 2.3rem;
  justify-content: center;
  letter-spacing: .115rem;
  margin: 1.4rem 0 0;
  position: relative;
}

.overlay {
  align-items: center;
  background: transparent linear-gradient(62deg, #0f659640 0%, #d0e1ea32 40%, #ffffff00 100%) 0% 0% no-repeat padding-box;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
}

/*  **************************************************************************** */

/*  **************************************************************************** */

.main h2 {
  color: #000;
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: .2rem;
  line-height: 5.8rem;
  position: relative;
  text-align: center;
  top: -8rem;
}

.title-p {
  color: #007bc1;
  font-family: Arial Black, sans-serif;
  font-size: 11.6rem;
  line-height: 9.5rem;
  text-align: center;
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-color: #c9eaff;
  -webkit-text-stroke-width: .1rem;
  text-transform: uppercase;
  white-space: nowrap;
}

/*  **************************************************************************** */
/* SELECT */
/*  **************************************************************************** */
.select_form {
  position: relative;
}

.select-contents-list {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}

.select_form select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: .1rem solid #e3e3e3;
  border-radius: .6rem;
  cursor: pointer;
  font-size: 1.6rem;
  max-width: 14rem;
  padding: .6rem 1.2rem;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 5;
}

.select-contents-list select {
  -webkit-appearance: inherit;
  background-image: url(/wp-content/themes/ac-yamanashi-ja-pc/img/feature/icon-awesome-caret-down.png);
  background-position: right 1.5rem center;
  background-repeat: no-repeat;
  width: 100%;
}

.select_form select:focus-visible {
  outline: unset;
}

/*  **************************************************************************** */
/* Breadcrumb */
/*  **************************************************************************** */

.breadcrumb {
  align-items: center;
  background: #f6f6f6;
  border: .1rem solid #e3e3e3;
  display: flex;
}

.breadcrumb-content {
  display: flex;
  margin: 0 auto;
  max-width: 120rem;
  text-align: left;
  width: 100%;
}

.breadcrumb img {
  border: .1rem solid #e3e3e3;
  border-bottom: unset;
  border-right: unset;
  border-top: unset;
  padding: 1.5rem 1.5rem;
}

.breadcrumb span {
  background: #fff;
  border: .1rem solid #e3e3e3;
  border-bottom: unset;
  border-top: unset;
  color: #000;
  font-size: 1.6rem;
  margin: 0;
  padding: 1.5rem 1.5rem;
}

.breadcrumb span a {
  color: #000;
  text-decoration: none;
}

/*  **************************************************************************** */
/* Category */
/*  **************************************************************************** */

.term-life .list-cat__title span {
  background-color: #feeef0;
}

.term-event .list-cat__title span {
  background-color: #cab8d9;
}

.term-event .list-cat__title span {
  background-color: #cab8d9;
}

.term-study .list-cat__title span {
  background-color: #c9eaff;
}

.term-activity .list-cat__title span {
  background-color: #ec9e51;
}

.term-international .list-cat__title span {
  background-color: #00d084;
}

.term-career .list-cat__title span {
  background-color: #fffebc;
}

/*  **************************************************************************** */
/* NEW */
/*  **************************************************************************** */
.new {
  align-items: center;
  background: #ece952;
  border-radius: 100%;
  color: #007bc1;
  display: flex;
  font-size: 1.6rem;
  height: 5.6rem;
  justify-content: center;
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 5.6rem;
  z-index: 5;
}

/*  **************************************************************************** */
/* ABOUT */
/*  **************************************************************************** */

#about {
  box-sizing: border-box;
  margin: 12rem auto;
  max-width: 100%;
  position: relative;
  width: 100%;
}

.about-inner {
  box-sizing: border-box;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.about-content {
  align-items: center;
  display: flex;
  justify-content: space-around;
  position: relative;
  width: 100%;
}

.about-content::after {
  background-color: #ebf4ff;
  content: "";
  height: 32.7rem;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.about-detail {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 140rem;
  width: 100%;
}

.about-list-img {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  max-width: 69.5rem;
  padding-bottom: 1rem;
  position: relative;
}

.about-img-item {
  max-width: 21rem;
  position: relative;
  width: 100%;
}

.about-list-img img {
  border-radius: 2rem;
  box-shadow: 0 .3rem .6rem #00000048;
  max-width: 100%;
}

.about-list-img img:nth-child(1) {
  max-width: 22.9rem;
  position: relative;
  top: -2rem;
}

.about-list-img img:nth-child(2) {
  max-width: 15.3rem;
  position: relative;
  top: 4rem;
}

.about-list-img img:nth-child(3) {
  max-width: 22.9rem;
}

.about-list-img img:nth-child(4) {
  left: 3rem;
  margin-top: 1.5rem;
  max-width: 43.9rem;
  position: relative;
}

.about-list-img img:nth-child(5) {
  grid-column: span 5 / span 5;
  max-width: 15.3rem;
  position: absolute;
  right: 2.8rem;
  top: 17.5rem;
}

.about-content__text {
  margin: 0 auto;
  max-width: 40.6rem;
}

.about-content__text p {
  color: #000;
  font-feature-settings: "palt" on;
  font-size: 1.6rem;
  max-width: 34.5rem;
  padding-bottom: 2rem;
  text-align: left;
}

.about-content__text a {
  border: .1rem solid #007bc1;
  border-radius: .6rem;
  color: #007bc1;
  font-size: 2rem;
  padding: 1.45rem 5.4rem;
  position: relative;
  text-decoration: none;
  text-decoration: underline;
  text-decoration-color: #ece952;
  text-decoration-style: double;
  text-decoration-style: solid;
  text-underline-offset: -.1rem;
}

.about-content__text a::after {
  background: currentColor;
  background-color: #007bc1;
  box-sizing: border-box;
  content: "";
  display: block;
  height: .1rem;
  position: absolute;
  right: -3.5rem;
  top: 2.6rem;
  width: 6.5rem;
}

.about-content__text a::before {
  background-color: #007bc1;
  content: "";
  height: .1rem;
  position: absolute;
  right: -3.5rem;
  top: 2.2rem;
  transform: rotate(26deg);
  width: 1.5rem;
}

/*  **************************************************************************** */
/* NEWS SLIDER */
/*  **************************************************************************** */

.news-slider {
  box-sizing: border-box;
  margin: 12rem auto;
  max-width: 100%;
  position: relative;
  width: 100%;
}

.news-slider .title {
  margin: 0 auto;
  padding-left: 25rem;
  padding-right: 25rem;
  position: relative;
  text-align: left;
}

.news-slider .title-p {
  position: relative;
  text-align: left;
  text-transform: capitalize;
}

.news-slider h2 {
  left: 5rem;
  top: -7rem;
}

.news-inner {
  position: relative;
}

.wheel-slider::after {
  background-color: #ebF4ff;
  bottom: 0;
  content: "";
  height: 46%;
  left: 0;
  margin-bottom: 0;
  position: absolute;
  top: 46.5rem;
  width: 100%;
  z-index: -1;
}

.flex {
  display: flex;
}

.wheel-slider {
  overflow: hidden;
  padding-bottom: 5rem;
  position: relative;
}

.wheel-slider-wrap {
  padding-inline-end: 24rem;
  padding-inline-start: 12rem;
}

.wheel-slider .item {
  flex-grow: 0;
  flex-shrink: 0;
  list-style: none;
  padding: 0 1.5rem;
  width: calc(100% /2.5);
}

.wheel-slider-scroll {
  background: #007bc1;
  height: .1rem;
  left: 25.5rem;
  position: absolute;
  top: 65%;
  width: 74%;
}

.wheel-slider .swiper-scrollbar-drag {
  background-color: #ece952;
  height: .6rem;
  position: absolute;
  top: -.3rem;
  width: 10rem;
}

.item a {
  position: relative;
  text-decoration: none;
}

.item-photo img {
  border-radius: 2rem;
  height: 37.4rem;
  max-width: 74rem;
  object-fit: cover;
  width: 100%;
}

.item-title {
  color: #404040;
  display: flex;
  font-size: 1.7rem;
  gap: 1rem;
  letter-spacing: .085rem;
  padding: 1.5rem .5rem;
  text-align: left;
}

.item-tags {
  display: flex;
  flex-direction: column;
  max-width: 25%;
  width: 100%;
}

.item-title span,
.item-title time {
  color: #000;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: .08rem;
}

.item-title__desc {
  align-items: center;
  align-items: flex-start;
  display: flex;
}

.item-title__desc p {
  font-feature-settings: "palt" on;
  margin: 0;
}

.news-btn {
  background: #007bc1;
  border: unset;
  border-radius: 5rem;
  cursor: pointer;
  margin: 0 auto;
  max-width: 38.6rem;
  position: relative;
  width: 100%;
}

.news-btn a {
  color: #fff;
  display: block;
  font-size: 1.6rem;
  padding: 2rem 0;
  position: relative;
  text-decoration: none;
  transition: all .2s ease;
  width: 100%;
}

.news-btn a span {
  align-items: center;
  background-color: #fff;
  border-radius: 100%;
  color: #007bc1;
  display: flex;
  font-size: 1.4rem;
  height: 3.4rem;
  justify-content: center;
  position: absolute;
  right: 1.5rem;
  top: 1.6rem;
  transition: all .2s ease-in-out;
  width: 3.4rem;
}

.news-btn a span i {
  left: 42%;
  position: absolute;
}

.news-btn a:hover span {
  border-radius: 5rem;
  transform: scale(1.5);
  transition: all .2s ease;
}

/*  **************************************************************************** */
/* SNS */
/*  **************************************************************************** */
.sns {
  box-sizing: border-box;
  margin: 12rem auto;
  position: relative;
  width: 100%;
}

.sns-inner {
  padding: 0;
  position: relative;
  width: 100%;
}

.sns-inner .title-p {
  text-transform: capitalize;
}

.sns-inner h2 {
  left: 1rem;
  top: -6.5rem;
}

.sns-logo {
  display: flex;
  gap: 5rem;
  justify-content: center;
  position: relative;
  width: 100%;
}

.sns-logo a {
  align-items: center;
  background: #000;
  border-radius: 100%;
  color: #fff;
  display: flex;
  flex-direction: row;
  font-size: 5rem;
  height: 9rem;
  justify-content: center;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition: .2s ease-in;
  width: 9rem;
}

.sns-logo a:hover {
  background: transparent;
  box-shadow: 0 .3rem .6rem #00000029;
}

.sns-logo a.fb:hover {
  background: #4676ed;
  transition: .2s ease-in;
}

.sns-logo a.youtube:hover {
  background: #da0000;
  transition: .2s ease-in;
}

.sns-logo img {
  background: #000;
  max-width: 4.5rem;
  max-width: 100%;
  padding: 2rem 2.25rem;
}

.logo-black {
  background-color: #fff;
  display: none;
}

.sns-logo a {
  text-decoration: none;
}

.sns-logo a:hover .sns-logo .fb i {
  background: #4676ed;
}

.sns-logo a.spacex:hover img {
  background: #fff;
}

.sns-logo a.spacex:hover .logo-white {
  display: none;
}

.sns-logo a.spacex:hover .logo-black {
  display: block;
}

/*  **************************************************************************** */
/* SUBPAGE */
/*  **************************************************************************** */

.banner-subpage {
  align-items: center;
  display: flex;
  position: relative;
}

.banner-subpage img {
  opacity: 0;
  width: 100%;
}

.banner-subpage-img {
  background-image: url('/wp-content/themes/ac-yamanashi-ja-pc/img/feature/subpage.png');
  background-position: center center;
  background-size: cover;
  height: 100%;
  height: 14rem;
}

.banner-subpage-title {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  position: absolute;
  width: 100%;
}

.banner-subpage-title h1 {
  color: #fff;
  font-size: 4rem;
  font-weight: bold;
  line-height: 4rem;
  text-shadow: 0 .3rem .6rem #00000029;
}

/* _____________Head titel___________________ */

.head-title {
  align-items: center;
  display: flex;
  max-width: 120rem;
  position: relative;
  z-index: 2;
}

.head-title h2 {
  align-items: center;
  background-color: #f4e653;
  border: .1rem solid #007bc1;
  border-radius: .6rem;
  color: #007bc1;
  display: flex;
  font-size: 3rem;
  justify-content: center;
  line-height: 2.7rem;
  margin: 0 auto;
  padding: .8rem 3.5rem;
  position: relative;
  text-align: center;
}

.head-title h2::before {
  background-image: url(/wp-content/themes/ac-yamanashi-ja-pc/img/feature/h2-img.png);
  background-size: 3.2rem;
  content: "";
  height: 1.5rem;
  margin: 0 auto;
  max-width: 3.2rem;
  position: absolute;
  top: -1.7rem;
  width: 3.2rem;
  z-index: 222;
}

.head-title::before,
.head-title::after {
  content: "";
  height: .3rem;
  max-width: 57rem;
  width: 100%;
  z-index: -1;
}

.head-title::before {
  background-color: #007bc1;
  content: "";
  left: 0;
  position: absolute;
}

.head-title::after {
  background-color: #ece952;
  content: "";
  position: absolute;
  right: .1rem;
}

/* _______________________________________________ */
.main-content {
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 5.5rem;
  max-width: 120rem;
  position: relative;
  width: 100%;
}

/* _____________________Archive____________________________ */

.list-cat__title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 1.5rem .6rem;
}

.list-cat__title span {
  border-radius: .6rem;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.6rem;
  padding: .45rem 1.3rem;
}

.cards_item time {
  font-size: 1.6rem;
  line-height: 1.6rem;
  position: relative;
  text-decoration: underline;
  text-decoration-color: #000;
  text-decoration-style: solid;
  text-underline-offset: .2rem;
}

.cards {
  display: grid;
  gap: 3rem 3.8rem;
  grid-template-columns: repeat(auto-fit, minmax(36.5rem, 1fr));
  list-style: none;
  margin: 0;
  margin-top: 2.6rem;
  padding: 0;
}

.cards_item {
  display: flex;
  flex-direction: column;
  max-width: 36.5rem;
}

.card_image {
  height: calc(22.5*.97rem);
  position: relative;
}

.card_image img {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.card {
  border-radius: 2rem;
  box-shadow: 0 0 .8rem #00000016;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

.card_content {
  padding: 1.5rem 2rem;
  text-align: left;
}

.list-cat li a {
  text-decoration: none;
}

.list-cat li a p {
  color: #000;
  font-feature-settings: "palt" on;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0;
  text-align: left;
}

.main-section p.info {
  font-size: 2rem;
}

/* ____________________________________news subpage____________________________ */

.list-news {
  padding: 0;
}

.list-news li {
  align-items: start;
  border-bottom: .1rem solid #e3e3e3;
  display: grid;
  grid-template-columns: 26% 74%;
  justify-content: space-between;
  list-style: none;
  padding: 2.5rem 0 4.5rem;
}

.list-news li a {
  color: #000;
  text-decoration: none;
}

.list-news li a h2 {
  font-feature-settings: "palt" on;
  font-size: 2rem;
  font-weight: bold;
}

.list-news__time time {
  display: flex;
  flex-direction: column;
  font-size: 5rem;
  justify-content: center;
  line-height: 1;
  line-height: 4rem;
  padding-left: 13rem;
  position: relative;
  text-align: left;
}

.list-news__time time::after {
  background-color: #ece952;
  content: "";
  height: .2rem;
  left: 0;
  position: absolute;
  top: 2.5rem;
  width: 8.1rem;
}

.list-news__time time span {
  font-size: 1.6rem;
}

.list-news__content {
  text-align: left;
}

.list-news__content p {
  font-feature-settings: "palt" on;
  font-size: 1.6rem;
  font-weight: normal;
  margin: 0;
}

/*  **************************************************************************** */
/* Pagenavi */
/*  **************************************************************************** */

.wp-pagenavi {
  margin: 3.2rem 0 0;
  width: 100%;
}

.wp-pagenavi .current {
  border: unset;
  border-radius: .1rem;
  -moz-border-radius: .1rem;
  -webkit-border-radius: .1rem;
  color: #000;
  font-size: 1.6rem;
  margin: 0 .3rem;
  padding: .3rem 1rem;
}

.wp-pagenavi a,
.wp-pagenavi span {
  border: unset !important;
}

.wp-pagenavi a {
  background-color: #fff;
  border: unset;
  border-radius: .1rem;
  -moz-border-radius: .1rem;
  -webkit-border-radius: .1rem;
  color: #7e7e7e;
  font-size: 1.6rem;
  margin: 0 .3rem;
  padding: .3rem 1rem;
  text-decoration: none;
}

.wp-pagenavi a:hover {
  border-radius: .1rem;
  -moz-border-radius: .1rem;
  -webkit-border-radius: .1rem;
  color: #000;
  margin: 0 .3rem;
  text-decoration: none;
}

/* _______________________________________________ */
#main-inner {
  margin: 5.5rem auto;
  max-width: 120rem;
}

/*  **************************************************************************** */
/* POST */
/*  **************************************************************************** */

.post-info {
  margin: 5rem auto 1rem;
  max-width: 120rem;
  text-align: right;
  width: 100%;
}

.date {
  display: inline-block;
  margin-right: 1.5rem;
}

body.date {
  display: inherit;
  margin-right: 0;
}

.tags {
  display: inline-block;
}

.tags a {
  color: #303030;
  font-size: .9rem;
  text-decoration: none;
}

.tags a:hover {
  background-color: #007bc1;
  color: #fff;
}

.item-tag {
  display: inline-block;
  margin-right: .25rem;
}

.post {
  padding: 2rem 2rem 0;
  text-align: left;
}

.head-title h2.post-title {
  line-height: 1.2;
  max-width: 80rem;
}

/*　並スタイル */

#lightbox img {
  max-width: 100%;
  height: auto;
}

.contents {
  font-size: 1.6rem;
  overflow: hidden;

  h1 {
    width: fit-content;
    max-width: 30.666em;
    align-items: center;
    background-color: #f4e653;
    border: .1rem solid #007bc1;
    border-radius: .2em;
    color: #007bc1;
    display: flex;
    font-size: 1.875em;
    justify-content: center;
    line-height: .9em;
    margin: 2em auto 1em;
    padding: .2666em 1.1666em;
    position: relative;
    text-align: center;
    font-weight: normal;

    &::before {
      content: "";
      display: block;
      position: absolute;
      z-index: -1;
      width: 100vw;
      height: .1em;
      background: linear-gradient(to right, #007bc1 50%, #ece952 50%);
    }

    &::after {
      background-image: url(/wp-content/themes/ac-yamanashi-ja-pc/img/feature/h2-img.png);
      background-size: 1.0666em;
      content: "";
      height: .5em;
      margin: 0 auto;
      max-width: 1.0666em;
      position: absolute;
      top: -.5666em;
      width: 1.0666em;
      z-index: 222;
    }
  }

  h2 {
    background-color: #fff;
    font-size: 1.5625em;
    margin: 2em 0 1em;
    padding: .2em .5em;
    width: fit-content;
    border-radius: .24em;
    font-weight: bold;
    position: relative;
    line-height: 1.3;

    &::before {
      content: "";
      display: block;
      position: absolute;
      height: .12em;
      background: linear-gradient(to right, #007bc1 50%, #ece952 50%);
      bottom: 0;
      left: 0;
      right: 0;
    }

    &::after {
      content: "";
      display: block;
      background: #ECE952;
      height: calc(tan(60deg) * .44em / 2);
      width: .4em;
      clip-path: polygon(0 0, 100% 0, 50% 100%);
      position: absolute;
      left: 0;
      right: 0;
      bottom: -.24em;
      margin: auto;
    }
  }

  h3 {
    background-color: #fff;
    border: #ECE952 solid .2rem;
    font-size: 1.5625em;
    margin: 2em 0 1em;
    padding: .1em 1.4em;
    width: fit-content;
    color: #007BC1;
    box-shadow: .16em .2em .04em #ECE952;
    border-radius: .24em;
    font-weight: bold;

    &::before {
      display: none;
    }

    &::after {
      display: none;
    }
  }

  h4 {
    background-color: #fff;
    border: none;
    font-size: 1em;
    font-weight: bold;
    position: relative;
    margin: 2em 0 1em;
    margin-left: 1em;

    &::before {
      content: "";
      position: absolute;
      top: .6em;
      left: -1em;
      display: block;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDExIDEyIj4KICA8ZyBpZD0i44Kw44Or44O844OXXzE4NTUiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE4NTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTkgLTEzNDgpIj4KICAgIDxnIGlkPSLplbfmlrnlvaJfMTQ4OCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMTQ4OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzU5IDEzNDgpIiBmaWxsPSIjZWNlOTUyIiBzdHJva2U9IiNlY2U5NTIiIHN0cm9rZS13aWR0aD0iMSI+CiAgICAgIDxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHN0cm9rZT0ibm9uZSIvPgogICAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjciIGhlaWdodD0iNyIgZmlsbD0ibm9uZSIvPgogICAgPC9nPgogICAgPGcgaWQ9IumVt+aWueW9ol8xNDg5IiBkYXRhLW5hbWU9IumVt+aWueW9oiAxNDg5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjQgMTM1NCkiIGZpbGw9IiMwMDdiYzEiIHN0cm9rZT0iIzAwN2JjMSIgc3Ryb2tlLXdpZHRoPSIxIj4KICAgICAgPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iNiIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJub25lIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K");
      width: .6875em;
      height: .75em;
    }

    &::after {
      display: none;
    }
  }

  h5 {
    background-color: #F1EF85;
    border: #7E7E7E solid .1rem;
    font-size: 1em;
    margin: 2em 0 1em;
    padding: .3em 1.2em;
    width: fit-content;
    border-radius: .375em;
    font-weight: bold;
    color: unset;
    position: relative;

    &::before {
      content: "";
      display: block;
      background: #7E7E7E;
      height: calc(tan(60deg) * 1em / 2);
      width: 1em;
      clip-path: polygon(0 0, 100% 0, 50% 100%);
      position: absolute;
      left: .91em;
      bottom: -.63em;
      z-index: -1;
    }

    &::after {
      content: "";
      display: block;
      background: #F1EF85;
      height: calc(tan(60deg) * .625em / 2);
      width: .625em;
      clip-path: polygon(0 0, 100% 0, 50% 100%);
      position: absolute;
      left: 1.1em;
      bottom: -.52em;
    }
  }

  h6 {
    background-color: #C9EAFF;
    border: #7E7E7E solid .1rem;
    font-size: 1em;
    margin: 2em 0 1em;
    padding: .3em 1.2em;
    width: fit-content;
    border-radius: .6rem;
    font-weight: bold;
    color: unset;
    position: relative;

    &::before {
      content: "";
      display: block;
      background: #7E7E7E;
      height: calc(tan(60deg) * 1em / 2);
      width: 1em;
      clip-path: polygon(0 0, 100% 0, 50% 100%);
      position: absolute;
      left: .91em;
      bottom: -.63em;
      z-index: -1;
    }

    &::after {
      content: "";
      display: block;
      background: #C9EAFF;
      height: calc(tan(60deg) * .625em / 2);
      width: .625em;
      clip-path: polygon(0 0, 100% 0, 50% 100%);
      position: absolute;
      left: 1.1em;
      bottom: -.52em;
    }
  }

  p {
    font-size: 1em;
  }

  tr {
    &:nth-child(even) {
      background-color: #f6f6f6;
    }
  }

  th, td {
    border: .1rem solid #9f9f9f;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  pre {
    font-family: unset;
    margin: 1em 0;
    white-space: pre-wrap;
    color: #E6312E;
    font-size: .75em;
  }

  .alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
  }

  .alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
  }

  .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  img.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1em;
  }

  img.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1em;
  }

  .wp-caption,
  .gallery-caption {
    color: #666;
    margin-bottom: 1.5em;
    max-width: 100%;
  }

  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .wp-caption .wp-caption-text {
    margin: 0.8075em 0;
    line-height: 1.2;
    font-size: .875em;
  }

  .gallery {
    display: grid;
    gap: 3.5rem;
    grid-template-columns: repeat(2, minmax(26rem, 1fr));
    justify-content: space-around;
    margin: auto;
    width: 100%;
    max-width: 120rem;
    padding-bottom: 2rem;
  }

  .gallery .gallery-item {
    margin: 0;
    text-align: center;
    width: 100% !important;
  }

  .gallery img {
    border-radius: .6rem;
    max-width: 28rem;
    width: 100%;
  }

  .gallery .gallery-caption {
    font-size: 1.6rem;
    margin-left: 0;
  }

  .gallery br {
    display: none;
  }

}

.return-top {
  margin: 0 auto 4rem;
  max-width: 108rem;
  width: 100%;
}

.return-top a {
  background-color: #fff;
  border: .1rem solid #bbb;
  color: #007bc1;
  display: block;
  padding: .5rem;
  text-decoration: none;
}

.return-top a:hover {
  background-color: #007bc1;
  border: .1rem solid #007bc1;
  color: #fff;
}

/* タブレット */
@media screen and (max-width: 1280px) {
  header,
  #container,
  #footer,#top-head.fixed {
    min-width: auto;
  }

  #top-head .inner{
    max-width: none;
  }

  .item-photo img{
    height: 30rem;
  }

  #top-head .logo .top_head__subtitle{
    font-size: 1.4rem;
  }

  .item-title,#top-head .logo,.logo-footer-pc{
    display: block;
  }

  .item-tags, #footer-inner {
    max-width: none;
  }

  #uoy-menu ul.menulist li a{
    padding: 0;
  }

  #uoy-menu ul.menulist{
    padding: 0;
    margin: 0 1rem 0 auto;
  }

  .fixed #uoy-menu ul.menulist{
    gap: 1rem;
  }

  .wheel-slider .item{
    width: calc(100% / 1.5);
  }

  .about-detail{
    display: block;
    width: auto;
  }

  #footer-inner{
    padding: 2rem 1rem;
  }

  #footer-inner p{
    gap: 0;
    display: block;
  }

  .about-content__text p{
    text-align: center;
    max-width: 45.5rem;
  }

  #top-head .logo ,#top-head .logo .top_head__subtitle{
    margin: 0;
  }

  .main h2{
    font-size: 3.5rem;
  }

  .title-p{
    font-size: 10rem;
  }

  #footer-inner p span{
    font-size: 1.8rem;
  }

  .footer-inner__left{
    text-align: center;
  }

  .logo-footer-pc{
    margin: 0 auto;
    width: 80%;
  }

#top-head .inner{
    justify-content: space-around;
    margin: 0 1rem;
  }

  .logo-pc {
    max-width: 90%;
}

  #mobile-head{
    width: 30%;
  }

  #global-nav{
    width: 70%;
  }

  #top-head{
    padding: 2rem 0 2rem;
  }

  nav#global-nav {
    display: block;
  }

  .link{
    padding-top: 2rem;
  }

  .footer-inner__right {
    max-width: 60%;
  }

  .footer-inner__right ul.menulist{
    gap: 1rem;
  }

  #copyright{
    font-size: 1.2rem;
  }
}