@charset "utf-8";
html {
  font-size: 62.5%;
}

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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,figure,input,textarea,p,blockquote,th,td,button {
	margin:0;
	padding:0;
	font-size: 1.0rem;
	font-weight: normal;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var,small {
	font-size: 1.0rem;
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/*clearfix-------------------------------*/

.clearfix:after {
	content:"";
	display:block;
	clear:both;
}


/*スクリーンリーダーへ読ませるけど、デザイン的には隠したい時-------------------------------*/

.visually-hidden {
  position: absolute !important; /* 要素を通常の文書の流れから切り離す */
  width: 1px !important; /* 要素を可能な限り小さく。0pxだと存在扱いされない可能性があるので */
  height: 1px !important; 
	border: 0 !important;
  padding: 0 !important; /* 内側の余白や線を消して、サイズを最小限に */
  margin: -1px !important; /* 1px持たせたサイズをネガティブマージンで相殺し、完全に領域をゼロ化する */
  overflow: hidden !important; /* 1pxの枠からはみ出したコンテンツを表示させない */
	white-space: nowrap !important; /* テキストは強制的に横一列に表示、改行されない */
  clip: rect(0, 0, 0, 0) !important; /* 要素を「上から0、右から0、下から0、左から0」の位置で切り取る。中身を全く表示させない指定 */
}