@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"],textarea,select {outline: none;background: none; border: none; width: 100%;}
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: 640px) {
	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: 640px) {
  .wrap {overflow: hidden;}
  .wrap_inner {padding: 0 10.9375vw;}
}

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

/* ===============================
	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: 640px) {
  /*画面幅が767px以下（スマートフォン専用スタイル）*/
}
@media screen and (max-width: 414px) {
  /*画面幅が414px以下（スマートフォン縦向き専用スタイル）*/
}

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