@charset "utf-8";
/* CSS Document */

:root {
    --inner-width:1200px;
	--color1:#333333; /*基本文字色*/
	--color2:#0a50a1; /*基本色*/
	--color3:#02284d;
	--section-bottom:50px;
	--header-height:11.2rem;
	--inner-width:1100px;
	--font-m:"Noto Serif JP", serif;
	--font-g:"Noto Sans JP", sans-serif;
}

@media screen and (width>=768px) {
	:root{
		--section-bottom:100px;
		--header-height:14.8rem;
	}
}

div,p,table,td,th,dl,dt,dd,img,h1,h2,h3,h4,figure,figcaption {
	margin:0;
	padding:0;
	border:0;
}

img { vertical-align:bottom; max-width: 100%; -webkit-backface-visibility: hidden;}


/*リンク設定*/
a {
	color:var(--color1);
	text-decoration:underline;
	transition: all 0.5s;	
}

a:visited {
	color:var(--color1);
}

a:hover {
	color:var(--color1);
	opacity: 0.7;
}

/*フォント調整*/


html {
	font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
	font-style: normal;
	font-optical-sizing: auto;
}



/*汎用設定*/

html {
	/*
		スムーススクロール
		停止位置調整が必要な場合、ターゲットにscroll-margin-topを付けて調整
		複雑な場合はJS版に変更で対応
	*/
	scroll-behavior: smooth;
	font-size: 1.33vw;
}

#posTop,
#posMessage,
#posHistory,
#posComp,
#posNext,
#posFootMsg{
	scroll-margin-top:18vw;
}
@media (width >= 768px){
	#posTop,
	#posMessage,
	#posHistory,
	#posComp,
	#posNext,
	#posFootMsg{
		scroll-margin-top:10rem;
	}
}

@media (1200px >= width >= 768px){
	html{
		/*　10px÷content-width */
		font-size:max(0.83vw,43.75%);
	}
}

@media (1200px < width){
	html{
		font-size:62.5%;
	}
}

body {
	margin:0;
	padding:0;
	text-align:center;
	font-size:16px;
	font-size:2.75rem;
	width:100%;
	color:var(--color1);
	line-height:1.8;
	font-feature-settings:"palt";
	/*font-family:"メイリオ",'Meiryo','Verdana',"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",'Osaka',sans-serif;*/
}

@media (width >= 768px){
	body{
		font-size:17px;
		font-size:1.7rem;
	}
}

strong { font-weight:normal; }
em { font-style:normal; }