@charset "UTF-8";
/*
Theme Name: sessyuu-gama
Description: CUBIC Template
Author: kashimura co.ltd..
*/
body {
  font-size: 14px;
  line-height: 2;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #191919;
}

.in {
  width: 90%;
  margin: auto;
}

ul,
li {
  list-style: none;
}

a {
  display: inline-block;
  transition: 0.5s;
}

img {
  display: inline-block;
  clear: both;
  max-width: 100%;
  height: auto;
}

body:not(.home) main {
  margin-top: 120px;
}

.top_heading,
.karla {
  font-family: "Karla", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.zen_old_mincho {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.page_title,
h2 {
  font-size: 1.8571428571em;
  line-height: 2.1315384615;
}

h3 {
  font-size: 1.2857142857em;
  line-height: 1.5555555556;
}

.pottery-experience_container h2,
.about_container h2,
.product_title,
.products_copy {
  font-size: 2em;
  letter-spacing: 0.05em;
}

.news_date {
  letter-spacing: 0.1em;
}

.site_footer,
.banner,
.artist_experience,
.about_sessyu {
  margin-top: 8.5714285714em;
}

.products,
.news {
  margin-top: 7.5em;
}

/* =======================================
   COLOR VARIABLES
   ======================================= */
:root {
  --color-light-gray: #F5F5F5;
  --color-gray: #969696;
  /* Accent */
  --color-accent: #f6f4eb;
}

.product_swiper .swiper-slide .img_wrap,
.link_block,
.thumbnail,
.ppi_swiper .swiper-slide {
  position: relative;
}
.product_swiper .swiper-slide .img_wrap::after,
.link_block::after,
.thumbnail::after,
.ppi_swiper .swiper-slide::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* 不透明度15% */
  background-color: rgba(0, 0, 0, 0.15);
  /* 乗算ブレンド */
  mix-blend-mode: multiply;
  z-index: 1;
}

.link_block::after {
  background-color: rgba(0, 0, 0, 0.2);
}

.product_swiper .swiper-slide:hover .img_wrap::after,
a.link_block:hover::after,
.thumbnail.active::after {
  background-color: rgba(0, 0, 0, 0.4);
}

.transform {
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
  transform-origin: center center;
  will-change: transform;
}

.product_swiper .swiper-slide .img_wrap,
.link_block {
  overflow: hidden;
}

.product_swiper .swiper-slide:hover .transform,
.link_block:hover .transform {
  transform: scale(1.1);
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2%;
  line-height: 1;
  margin-top: 8.1428571429em;
}
.pagination span,
.pagination .inactive {
  width: 2.8571428571em;
  height: 2.8571428571em;
  color: #4d4d4d;
  border: 1px solid var(--color-gray);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.pagination span {
  background: #4d4d4d;
  border: 1px solid #4d4d4d;
  color: #fff;
}
.pagination a:not(.inactive) {
  font-size: 2em;
  padding-bottom: 0.3em;
}

.hamburger {
  width: 12.5vw;
  height: 12.5vw;
  border-radius: 50%;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}

/*=============================
.btn-trigger
=============================*/
.btn-trigger {
  position: relative;
  width: 6.25vw;
  height: 4vw;
  cursor: pointer;
}

.btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
}

.btn-trigger,
.btn-trigger span {
  display: inline-block;
  transition: transform 0.5s;
  box-sizing: border-box;
}

.btn-trigger span:nth-of-type(1) {
  top: 0;
}

.btn-trigger span:nth-of-type(2) {
  top: 1.875vw;
}

.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}

/*=============================
#btn07
=============================*/
#btn07 span:nth-of-type(1) {
  animation: btn07-bar01 0.75s forwards;
}
@keyframes btn07-bar01 {
  0% {
    transform: translateY(1.875vw) rotate(45deg);
  }
  50% {
    transform: translateY(1.875vw) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
#btn07 span:nth-of-type(2) {
  transition: opacity 0.25s 0.25s;
  opacity: 1;
}

#btn07 span:nth-of-type(3) {
  animation: btn07-bar03 0.75s forwards;
}
@keyframes btn07-bar03 {
  0% {
    transform: translateY(-1.875vw) rotate(-45deg);
  }
  50% {
    transform: translateY(-1.875vw) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
#btn07.active span:nth-of-type(1) {
  animation: active-btn07-bar01 0.75s forwards;
}
@keyframes active-btn07-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(1.875vw) rotate(0);
  }
  100% {
    transform: translateY(1.875vw) rotate(45deg);
  }
}
#btn07.active span:nth-of-type(2) {
  opacity: 0;
}

#btn07.active span:nth-of-type(3) {
  animation: active-btn07-bar03 0.75s forwards;
}
@keyframes active-btn07-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-1.875vw) rotate(0);
  }
  100% {
    transform: translateY(-1.875vw) rotate(-45deg);
  }
}
/* ==========
header
========== */
.header_logo {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 80px;
}

.logo_icon {
  width: 26px;
  width: auto;
  height: 30%;
}

.logo_text {
  width: 107px;
  width: auto;
  height: 60%;
}

.home .site_header {
  position: absolute;
}
.home .site_header .logo_fixed {
  display: none;
}

.site_header {
  width: 100%;
  padding: 20px 4.1666666667%;
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  transition: padding 0.5s, box-shadow 0.3s ease, background-color 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
  opacity: 1;
  transform: translateY(0);
}
.site_header .header_list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #fff;
  font-size: 1.0714285714em;
  line-height: 1;
  gap: 2.9166666667vw;
}
.site_header .header_list .sns_logo {
  width: 20px;
}
.site_header .header_list a {
  position: relative;
}
.site_header .header_list a::before {
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translate(-50%, 0%);
  content: "";
  display: block;
  width: 0px;
  height: 1px;
  opacity: 0;
  transition: all 0.3s;
  background: currentColor;
}
.site_header .header_list a:hover::before {
  width: 20px;
  opacity: 1;
}
.site_header.shrink {
  padding: 0 4.1666666667%;
}
.site_header.fixed {
  position: fixed;
}

.site_header.fixed,
body:not(.home) .site_header {
  background-color: #fff;
  animation: add-shadow linear both;
  animation-timeline: scroll();
  animation-range: 0 150px;
}
.site_header.fixed .header_list,
body:not(.home) .site_header .header_list {
  color: inherit;
}
.site_header.fixed .filter_black img,
body:not(.home) .site_header .filter_black img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(97%) saturate(7488%) hue-rotate(127deg) brightness(96%) contrast(98%);
}
.site_header.fixed .hamburger,
body:not(.home) .site_header .hamburger {
  border: 2px solid #191919;
}
.site_header.fixed .btn-trigger span,
body:not(.home) .site_header .btn-trigger span {
  background-color: #191919;
}
.site_header.fixed .logo_first,
body:not(.home) .site_header .logo_first {
  display: none;
}
.site_header.fixed .logo_fixed,
body:not(.home) .site_header .logo_fixed {
  display: inline-block;
}

@keyframes add-shadow {
  to {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.26);
  }
}
/* ==========
footer
========== */
.site_footer {
  background: var(--color-accent);
  text-align: center;
  padding: 1.8em 0 0.5em;
}

.footer_logo {
  width: 130px;
  margin: auto;
}

address {
  line-height: 1.5;
  margin-top: 1em;
}

.footer_sns {
  margin-top: 1em;
  margin-bottom: 2em;
}
.footer_sns a {
  width: 2.5em;
}

#menu-footer_menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.3571428571em;
}

/* ==========
index.php
========== */
.page_heading_container {
  margin-bottom: 5.9285714286em;
}

.top_heading {
  text-align: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.top_heading::after {
  content: "";
  width: 1.9230769231em;
  height: 0.1153846154em;
  background: linear-gradient(90deg, rgb(20, 98, 128) 0%, rgb(72, 158, 181) 40%, rgb(73, 197, 181) 90%);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.top_heading.border_white::after {
  background: #fff;
}

.page_title {
  width: 80%;
}

.p_box + .p_box {
  margin-top: 8.5714285714em;
}

.news .btn_wrap {
  margin-top: 4.875em;
}

.products .btn_wrap {
  margin-top: 4em;
}

.btn_wrap {
  text-align: center;
}

.btn {
  display: inline-block;
  --arrow-color: #fff;
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
  color: var(--arrow-color);
  width: 60%;
  line-height: 1.5;
  padding: 1.2142857143em 0.5em;
  text-align: center;
  position: relative;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.btn:not(._notArrow)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) skewX(45deg);
  width: 15px;
  height: 3px;
  border-bottom: 1px solid var(--arrow-color);
  border-right: 1px solid var(--arrow-color);
  transition: right 0.3s ease, border-color 0.3s ease;
}

.overlay .btn {
  background-color: transparent;
  border: 1px solid #fff;
}

a.btn:hover,
a:has(.btn):hover .btn {
  --arrow-color: #4d4d4d;
  background-color: #fff;
}
a.btn:hover::after,
a:has(.btn):hover .btn::after {
  right: 15px;
}

/* フェードモード時 共通調整 */
.swiper-fade .swiper-slide {
  transition-property: opacity !important;
}

.first_view {
  position: relative;
}
.first_view .swiper {
  width: 100%;
  height: auto;
  aspect-ratio: 1440/700;
  max-height: 100svh;
}
.first_view .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.first_view::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  opacity: 0.2;
  z-index: 1;
}

.pe_swiper .swiper-slide img.animate,
.first_view .swiper-slide img.animate {
  animation: kenburns 8s ease-out forwards;
}

@keyframes kenburns {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.fv_copy {
  position: absolute;
  bottom: 5.7142857143%;
  z-index: 2;
  color: #FFFFFF;
  width: 100%;
}
.fv_copy h2 {
  font-size: 2.2857142857em;
  line-height: 1.40625;
  letter-spacing: 0.05em;
}
.fv_copy p {
  line-height: 3.1135714286;
  letter-spacing: 0.075em;
  margin-bottom: 3.5em;
}

.swiper-pagination {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2.1428571429em;
       column-gap: 2.1428571429em;
  justify-content: flex-start;
  margin: 0 auto 0 0;
  text-align: center;
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  cursor: pointer;
  vertical-align: top;
  background-color: #fff;
  opacity: 0.5;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}

.herosScroll,
.herosScroll a {
  position: absolute;
  display: block;
  font-size: 12px;
  width: 12px;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
}

.herosScroll {
  right: 3.8%;
  bottom: 0;
  z-index: 2;
  height: 150px;
  transition: all 1s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
  opacity: 1;
}

.herosScroll a {
  top: 0;
  left: 70%;
  white-space: nowrap;
  letter-spacing: 0.15em;
  cursor: pointer;
  transition: letter-spacing 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transform: translateX(-50%);
  writing-mode: vertical-rl;
}

.herosScroll:after,
.herosScroll:before {
  left: 50%;
  display: block;
  content: "";
  width: 1px;
  position: absolute;
}

.herosScroll:before {
  bottom: 0;
  background: rgba(255, 255, 255, 0.3);
  z-index: 0;
  height: 100px;
}

.herosScroll:after {
  bottom: 100px;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1;
  height: 0;
  animation-name: scrollBar;
  animation-duration: 2.5s;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-iteration-count: infinite;
}

@keyframes scrollBar {
  0% {
    bottom: 100px;
    height: 0;
  }
  5% {
    bottom: 45px;
    height: 55px;
  }
  100% {
    bottom: -55px;
    height: 55px;
  }
}
.news_list {
  margin-top: 2.8571428571em;
}
.news_list li a {
  width: 100%;
  padding: 0.7142857143em 2.2857142857em;
}
.news_list li a:hover {
  background-color: #faf9f4;
}

.about_sessyu .overlay {
  padding-top: 4.3673469388em;
  padding-bottom: 5.0204081633em;
}

.overlay {
  color: #fff;
  width: 100%;
  position: relative;
  z-index: 2;
}
.overlay .lead {
  text-align: center;
  margin-top: 0.8571428571em;
}
.overlay .btn_wrap {
  margin-top: 2.612244898em;
}

.product_swiper {
  position: relative;
  margin-top: 2.8571428571em;
}
.product_swiper .swiper-slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 300/240;
  -o-object-fit: cover;
     object-fit: cover;
}
.product_swiper .product_title {
  font-size: 1em;
}

.swiper_button_wrap {
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 720/245;
  top: 0;
  left: 0;
}

.nav_next > a,
.nav_previous > a,
.swiper-button-next,
.swiper-button-prev {
  display: inline-block;
  width: 26.25px;
  height: 26.25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  cursor: pointer;
}

.nav_previous > a,
.swiper-button-prev {
  border-left: 1.75px solid #191919;
  border-bottom: 1.75px solid #191919;
  left: -15px;
}

.nav_next > a,
.swiper-button-next {
  border-top: 1.75px solid #191919;
  border-right: 1.75px solid #191919;
  right: -15px;
}

.product_title {
  text-align: center;
  line-height: 1.5;
  margin-top: 1.1020408163em;
}

.link_block_bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.link_block {
  color: #fff;
  width: 100%;
  height: auto;
  aspect-ratio: 700/462;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.about_sessyu .link_block {
  aspect-ratio: 1440/500;
}

.banner {
  text-align: center;
}

.page_heading_container .link_block {
  aspect-ratio: 1440/500;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.page_hed_default {
  background-image: url("images/page_hed_default.jpg");
  background-image: -webkit-image-set(url("images/page_hed_default.webp") type("image/webp"));
  background-image: image-set(url("images/page_hed_default.webp") type("image/webp"));
}

/* ==========
商品一覧
========== */
.products_copy_lead {
  margin: 0 0 6.7142857143em;
}

.products_copy {
  text-align: center;
}

.products_lead {
  line-height: 2.2857142857;
  text-align: center;
  margin-top: 1.5em;
}

.products_list {
  display: grid;
  -moz-column-gap: 3.3333333333%;
       column-gap: 3.3333333333%;
  row-gap: 6.8em;
  grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
}
.products_list img {
  width: 100%;
  height: auto;
  aspect-ratio: 225/180;
  -o-object-fit: cover;
     object-fit: cover;
}
.products_list .product_title {
  font-size: 1em;
}

/* ==========
商品詳細
========== */
.ppi_swiper {
  position: relative;
}
.ppi_swiper .swiper {
  width: 100%;
  height: auto;
  aspect-ratio: 1000/600;
  max-height: 100svh;
}
.ppi_swiper .swiper-slide {
  position: relative;
}
.ppi_swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.product_post_detail {
  margin-top: 5em;
}
.product_post_detail .product_title {
  text-align: left;
  margin-top: 0;
}
.product_post_detail h3 {
  margin-top: 1.7222222222em;
}
.product_post_detail .product_summary {
  margin-top: 1.3571428571em;
}

.furusato_nozei {
  border: 1.75px solid var(--color-gray);
  margin-top: 3.7857142857em;
  padding: 2.2857142857em 0 2.6428571429em;
}
.furusato_nozei .btn_wrap {
  margin-top: 1.8571428571em;
}

.product_text_wrap {
  background-color: var(--color-light-gray);
}
.product_text_wrap .in {
  padding: 2.2857142857em 0;
}

.post_navigation {
  margin-top: 7.1428571429em;
}
.post_navigation .in {
  display: flex;
  justify-content: center;
  align-items: center;
}
.post_navigation .nav_previous,
.post_navigation .nav_next {
  position: relative;
  width: 48px;
}
.post_navigation .nav_previous a,
.post_navigation .nav_next a {
  width: 16px;
  height: 16px;
}
.post_navigation .nav_previous a {
  left: 0;
}
.post_navigation .nav_next a {
  right: 0;
}

/* ==========
お問合せ
========== */
.contact_hed {
  text-align: center;
}

.contact_tel {
  margin: 4.2857142857em auto 0;
}
.contact_tel h4 {
  font-size: 1.5714285714em;
}
.contact_tel p {
  font-size: 3.2142857143em;
  color: #b2660a;
}

.contact_btnlist_wrap a {
  border-radius: 10px;
  overflow: auto;
  border: 1px solid #b4b9be;
  padding-bottom: 10px;
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  row-gap: 0;
}
.contact_btnlist_wrap a:hover {
  opacity: 0.7;
}
.contact_btnlist_wrap a h6,
.contact_btnlist_wrap a p,
.contact_btnlist_wrap a .contact_btnlistaa {
  padding: 0 15px;
}
.contact_btnlist_wrap a h6 {
  font-size: 1.3571428571em;
  padding-top: 10px;
}
.contact_btnlist_wrap a .contact_btnlistaa {
  color: #b4b9be;
  border-top: 1px solid #b4b9be;
  padding-top: 10px;
  margin-top: 10px;
  font-size: 1.1428571429em;
}

.contact_btnlistimg {
  text-align: center;
  padding: 0.5em 0;
  line-height: 1;
  font-size: 10.7142857143em;
}
.contact_btnlistimg.satuei {
  background-color: #426588;
  color: #2a343e;
}
.contact_btnlistimg.otoiawase {
  background-color: #60883d;
  color: #354f1f;
}

/*お問合せフォーム*/
.contact_hedstext {
  margin-bottom: 1.4285714286em;
}
.contact_hedstext span {
  color: #ca750d;
  display: inline-block;
}

.contact_table {
  margin-bottom: 3.5714285714em;
}
.contact_table table {
  width: 100%;
}
.contact_table th,
.contact_table td {
  padding: 10px 0;
}
.contact_table th span {
  display: inline-block;
  color: #ca750d;
  margin-left: 0.5em;
}
.contact_table td .your-name {
  width: 49%;
}
.contact_table [data-name=your-name02] {
  margin-left: 2%;
}
.contact_table input,
.contact_table textarea {
  padding: 10px 5px;
  border: none;
  border-radius: 0;
  background: #f1f1f1;
  color: #6c6c6c;
  letter-spacing: 0.1em;
}
.contact_table td .email {
  margin-bottom: 5px;
  width: 100%;
}
.contact_table td textarea {
  width: 100%;
  resize: none;
}

.post_pub_yeartable td input {
  width: 70%;
  margin-right: 10px;
}

.contactsubmit {
  text-align: center;
  padding-left: 72px;
}
.contactsubmit input {
  border: none;
  padding: 0.7142857143em 2.8571428571em;
  background-color: #808080;
  color: #fff;
}

.contact_tablefoot {
  margin-bottom: 2.8571428571em;
}
.contact_tablefoot li::before {
  content: "※";
  display: inline-block;
}
.contact_tablefoot p {
  display: inline;
}

/* ==========
雪舟焼とは
========== */
.mt-100 {
  margin-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.padding-tb50 {
  padding: 3.5714285714em 0;
}

.padding-tb100 {
  padding: 100px 0;
}

.text-center {
  text-align: center;
}

.box {
  width: 100%;
  padding: 1.8em 3em;
  background-color: var(--color-light-gray);
}

.box_border {
  background-color: unset;
  border: 2px solid var(--color-gray);
}

.pottery-experience_container h2,
.about_container h2 {
  line-height: inherit;
}
.pottery-experience_container h3,
.about_container h3 {
  font-size: 1.4285714286em;
}
.pottery-experience_container h3.artist_name,
.about_container h3.artist_name {
  font-size: 2em;
  margin-bottom: 0.4em;
}
.pottery-experience_container p,
.about_container p {
  line-height: 2.2857142857;
}

#about h2 {
  margin-bottom: 0.7em;
}

#features {
  background: var(--color-accent);
}
#features h2 {
  margin-bottom: 1em;
}
#features h3 {
  margin-top: 1.2em;
}
#features p {
  margin-top: 0.5em;
}

#artist-detail p {
  margin-top: 1.2em;
}

#artist-info {
  background: var(--color-accent);
}

.artist_name span {
  font-size: 0.5em;
  display: inline-block;
}
.artist_name span.artist_name_eng {
  color: var(--color-gray);
}
.artist_name span.font-size18 {
  font-size: 0.6428571429em;
}

.info_text_wrap p:first-child {
  padding-bottom: 0.7em;
  border-bottom: 1px solid var(--color-gray);
}
.info_text_wrap p:last-child {
  padding-top: 0.7em;
}

/* ==========
陶芸体験
========== */
#pottery-experience.in {
  max-width: 660px;
}
#pottery-experience .btn_wrap {
  margin-top: 3.5714285714em;
  margin-bottom: 7.1428571429em;
}

.pe_text {
  margin-top: 1.8571428571em;
  margin-bottom: 2.8571428571em;
}

.pe_swiper {
  position: relative;
}
.pe_swiper .swiper {
  width: 100%;
  height: auto;
  aspect-ratio: 1440/500;
}
.pe_swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pe_swiper::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  opacity: 0.2;
  z-index: 1;
}

/* ==========
お知らせ詳細
========== */
.news_itemtaim {
  margin: 2em 0 1em;
}

.news_content_wrap .basebox h1,
.news_content_wrap .basebox h2,
.news_content_wrap .basebox h3,
.news_content_wrap .basebox h4,
.news_content_wrap .basebox h5,
.news_content_wrap .basebox h6 {
  font-size: revert;
}
.news_content_wrap .basebox ol li,
.news_content_wrap .basebox ul li {
  display: flex;
  align-items: center;
  gap: 0 10px;
  padding: 0.3em;
}
.news_content_wrap .basebox ul li::before {
  content: "";
  color: inherit;
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 50%;
  line-height: 0;
}
.news_content_wrap .basebox ol {
  counter-reset: li;
}
.news_content_wrap .basebox ol li::before {
  content: counter(li) ".";
  counter-increment: li;
}/*# sourceMappingURL=style.css.map */