@charset "utf-8";
/* CSS Document */
/* ===============================
	base
 =============================== */
html {font-size: 62.5%; scroll-behavior: smooth;}
body *{color: #000; font-feature-settings: "palt" 1;
 -webkit-text-size-adjust: 100%;}
a,a:hover {text-decoration: none;}
input[type="tel"],input[type="text"],input[type="button"],input[type="submit"],input[type="image"],input[type="password"],input[type="email"],input[type="number"],textarea,select {outline: none;background: none; border: none; width: 100%;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
}
select::-ms-expand{display: none;}
*, *:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box;}
li { list-style: none;}
button { touch-action: manipulation; user-select: none;}
button:focus-visible { outline: 2px solid #000; outline-offset: 2px;}
@media screen and (min-width: 749px) {
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
}

/* ===============================
	utility
 =============================== */
html  {
  overflow: auto;
}
.wrap {margin: auto;}
.wrap_inner {padding: 0 30px;}
@media screen and (max-width: 750px) {
  .wrap {overflow: hidden;}
  .wrap_inner {padding: 0 4%;}
}

/* 表示・非表示切り替え */
.spNone {/* PCの際に表示 */ display: block;}
.pcNone {/* スマホの際に非表示 */ display: none;}
@media screen and (max-width: 750px) {
  .spNone {/* スマホの際に非表示 */ display: none;}
  .pcNone {/* PCの際に表示 */ display: block;}
}

/* ===============================
	style
 =============================== */
/* 揃え位置 */
.alignL {text-align: left;}
.alignC {text-align: center;}
.alignR {text-align: right;}
/* ポジション */
.posiR {position: relative;}
.posiA {position: absolute;}

.disFlex {display: flex; flex-wrap: wrap; justify-content: space-between;}

/* aアンダーライン */
a.underLine {
  text-decoration: underline;
}
/* ===============================
	clearfix
 =============================== */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* メディアクエリサンプル */
/* ===============================
	device setting
 =============================== */
@media screen and (min-width: 1281px) {
  /*画面幅が1281px以上（PC専用スタイル）*/
}
@media screen and (max-width: 1280px) {
  /*画面幅が1280px以下（タブレット・スマホ共通スタイル）*/
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  /*画面幅が768px～1280px（タブレット専用スタイル）*/
}
@media screen and (max-width: 750px) {
  /*画面幅が767px以下（スマートフォン専用スタイル）*/
}
@media screen and (max-width: 414px) {
  /*画面幅が414px以下（スマートフォン縦向き専用スタイル）*/
}

/* 印刷用スタイル */
/* ===============================
	print setting
 =============================== */
@media print {
	.printNl {
		page-break-before: always;
	}
}


/* ===============================
	pagenation
 =============================== */
#pagenation {
  background: rgba(255, 255, 255, .55);
  padding: 36px 0;
}
#pagenation a:hover {
  opacity: 1;
}
.pagenation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 13px;
}
.pagenation .pagination-no-num span,
.pagenation .pagination-no-num a {
  font-weight: 700;
  color: var(--C-white);
  background: var(--C-green);
  border-radius: 100px;
  padding: 4px 6px;
}
.pagenation .pagination-no-num span {
	opacity: .5;
}
.pagenation .pagination-no-num:hover a {
  color: var(--C-green);
  background: var(--C-white);
}
.pagenation .pagination-index span,
.pagenation a {
  font-size: 13px;
  font-weight: 500;
  display: block;
  padding: 0 10px 2px;
}
.pagenation .pagination-index span,
.pagenation a:hover {
  color: var(--C-white);
  background: var(--C-gray);
}
@media screen and (max-width: 750px) {
  #pagenation {
    padding: 2.93333333333333vw 0;
  }
  .pagenation {
    gap: 3.2vw;
  }
  .pagenation .pagination-sp a {
    font-size: 3.06666666666667vw;
    padding: .3vw 2.66666666666667vw 1.06666666666667vw;
  }
}


.postWysiwyg {
  background: var(--C-white);
  padding: 42px 66px 144px 80px;
}
.wrap:has(.postWysiwyg){
  margin-top: 50px;
  margin-bottom: 50px;
}
@media screen and (max-width: 750px) {
  .postWysiwyg {
    padding: 4.53333333333333vw 4.26666666666667vw 0;
  }
}
/* ===============================
	editor
 =============================== */
.editor * {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 2;
}
.editor p {
  margin: 0 0 20px;
}
.editor strong {
  font-weight: bold;
}
.editor em {
  font-style: italic;
}
.editor a {
  /* color: var(--C-blue); */
  text-decoration: underline;
}
.editor a:hover {
  /* color: var(--C-blue); */
  text-decoration: none;
}
.editor ul,
.editor ol {
  margin: 0 0 20px;
  padding-left: 2.066667rem;
}
.editor ul li,
.editor ol li {
  margin-bottom: .53333333333333rem;
}
.editor ul li:last-child,
.editor ol li:last-child {
  margin-bottom: 0;
}
.editor ul li {
  list-style-type: disc;
}
.editor ol li {
  list-style-type: decimal;
}