@charset "UTF-8";


/* --------------------------------------------------------------------
	ガイドライン関連ページ　key_guide設置 　
--------------------------------------------------------------------- */




.key_guide-category-top {
  margin: 50px 0 30px; /* 0 0 80px */
}
.key_guide-category-title {
  margin: 30px 0 20px; /* 0 0 50px */
}
.key_guide-category-title h1 {
  color: #005BAC;
  font-size: 30px;
  font-weight: bold;
}
.key_guide-category-title--img {
  margin: 45px 0 0;
}
.key_guide-category-sub {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* 32px */
  margin: 0 0 30px; /* 0 0 50px */
}
.key_guide-category-sub li {
  width: 275px; /* 268px */
}
.key_guide-category-sub a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 30px; /* 66px */
  font-size: 15px; /* フォントサイズ追加 */
  font-weight: bold;
  border-bottom: 1px solid #D3D0C8;
  padding: 0 22px 10px 20px; /* 0 22px 16px 66px */
}
.key_guide-category-sub a:after {
  content: '';
  position: absolute;
  top: 10px; /* 22px */
  right: 10px;
  width: 5px;
  height: 5px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(-45deg);
}
.key_guide-category-sub a:hover {
  text-decoration: none;
  opacity: .7;
}
.key_guide-category-sub figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
}
.key_guide-category-tag {
  display: flex;
  gap: 24px;
}
.key_guide-category-tag--title {
  color: #005BAC;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 30px 20px; /* padding追加 */
}
.key_guide-category-tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex: 1;
}
.key_guide-category-tag a {
  display: key_guide;
  border: 1px solid #EBE9E2;
  background: #FCFBF9;
  border-radius: 30px;
  font-size: 13px;
  padding: 6px 16px;
}
.key_guide-category-tag a:before {
  content: '#';
  color: #005BAC;
}
.key_guide-category-tag a:hover {
  text-decoration: none;
  opacity: .7;
}
.goods_ + .key_guide-common-title {
  margin-top: 80px;
}
.key_guide-event-slider + .goods_ {
  position: relative;
}
.key_guide-event-slider + .goods_ .StyleP_Frame_.swiper-initialized {
  width: 1168px;
  margin: 0 auto;
  overflow: hidden;
}
.key_guide-event-slider + .goods_ .swiper-initialized .StyleP_Line_ {
  flex-wrap: nowrap;
  gap: 0;  
}
.key_guide-event-slider + .goods_ .StyleP_Item_ {
  flex-shrink: 0;
}
.key_guide-event-slider + .goods_ .swiper-button-prev {
  left: 0;
}
.key_guide-event-slider + .goods_ .swiper-button-next {
  right: 0;
}
.key_guide-category-bottom {
  margin: 80px 0 0;
}