/* 共通CSS。基本的にいじらない */

@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');




/* よく使う色 */

:root {

	--color--main: ;
	--color--sub: ;

	/* 各媒媒体の公式カラー */
	--color--fb: #1877f2;
	--color--line: #06c775;
	--color--tw: #1d9bf0;
	--color--japan: #bc002d;

	--color--white: #fff;
	--color--black: #222;
	--color--gray: #f0eeeb;
	--color--red: #e12d86;
}


/* デフォルトcss */

body {
	line-height: 1.5;
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
	background: #F8FAFB;
}

.body-div {
	overflow-x: hidden;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

.i-b {
	display: inline-block;
}

.m-0-a {
	margin: 0 auto;
}

/* 画像の引き伸ばし防止 */

img {
	object-fit: cover;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	font-style: italic;
	background-repeat: no-repeat;
	background-size: cover;
	shape-margin: 0.75rem;
}

/* 見出しの文節自動折り返し*/

h1,
h2,
h3,
h4,
h5,
h6 {
	word-break: auto-phrase;
	text-wrap: balance;
}



/* font-size */

.f-small {
	font-size: .75em;
}

.f-big {
	font-size: 1.25em;
}

/* 以上、デフォルト */

/* X-Large devices (large desktops, less than 1400px) */
@media screen and (max-width: 1399.98px) {}

/* メディアクエリ閉じ1400 */

/* Large devices (large desktops, less than 1200px) */
@media screen and (max-width: 1199.98px) {}

/* メディアクエリ閉じ1200 */

/* Medium devices (large desktops, less than 992px) */
@media screen and (max-width: 991.98px) {}

/* メディアクエリ閉じ992 */

/* Small devices (large desktops, less than 768px) */
@media screen and (max-width: 767.98px) {}

.pc {
	display: none;
}

.sp {
	display: block;
}


/* X-Small devices (large desktops, less than 577px) */
@media screen and (max-width: 576.98px) {}

/* メディアクエリ閉じ576 */

/* PCなど大きい画面で電話がかからないようにする */
@media (min-width: 751px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}