/* /css/base.css：基本スタイルと初期化 */

/* ----------------------------
	基本スタイル
---------------------------- */

/* ボックスモデル・基礎設計 */
html {
	box-sizing: border-box;
	font-size: 62.5%; /* = 10px → 1rem = 10px */
	line-height: 1.6;
	scroll-behavior: smooth;
	scroll-snap-type: y proximity;
	scroll-padding-top: 180px;
}

*, *::before, *::after {
	box-sizing: inherit;
}

/* タブレット（1024px以下） */
@media screen and (max-width: 1024px) {
	html {
		font-size: 60%;
	}
}

/* スマートフォン（480px以下） */
@media screen and (max-width: 480px) {
	html {
		font-size: 56.25%;
	}
}

/* タイポグラフィ・背景など */
body {
	font-family: var(--font-family-main);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-normal);
	font-style: normal;
	color: var(--color-txt);
	background-color: var(--color-bg);
	-webkit-font-smoothing: antialiased;	/* フォントレンダリング調整（Mac向け） */
	-moz-osx-font-smoothing: grayscale;		/* フォントレンダリング調整（Mac向け） */
	font-optical-sizing: auto;				/* 可変フォント最適化 */
	font-feature-settings: "palt";			/* 可変フォント最適化 */
}

/* ----------------------------
	ブラウザの差異をなくす初期化設定
	（normalize.css の思想に基づく共通リセット）
---------------------------- */
main{
	overflow: hidden;
}

img, video {
	max-width: 100%;
	height: auto;
	display: block;
}

h1{
	margin: 0;
	line-height: 0;
}

h2{
	margin: 0;
	line-height: 1.7;
}

h3{
	margin: 0;
}

p{
	margin: 0;
}

ul, ol {
    padding: 0px;
	margin: 0;
	list-style: none;
}

li{
	list-style: none;
}

dd{
	margin: 0;
}

input,textarea {
  -webkit-appearance: none;
  appearance: none;
}

summary {
  cursor: pointer;
}

a {
	color: inherit;
	text-decoration: none;
    cursor: pointer;
}

button {
	background: none;
	border: none;
	font: inherit;
	cursor: pointer;
}

*{
    min-height: 0vw; /* Safari clamp関数対策 */
}

/* ----------------------------
	a:visited
    訪問済みリンクの色などを変える
---------------------------- */
a:visited{
    color: #bcbbbb;
}

a.header_rogo:visited {
	color: #000016; /* このクラスだけは黒に固定 */
  }

.footer_container a:visited {
  color:#fff;/* このクラスだけは白に固定 */
}

a.column_summary:visited {
  color: #fff;/* このクラスだけは白に固定 */
}
a.column_summary:visited .column_tag,
a.column_summary:visited .column_intro {
  color: #fff;/* このクラスだけは白に固定 */
}