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

:root {
    --inner-width:1200px;
	--color1:#444444; /*基本文字色*/
	--color2:#3861a8; /*基本色*/
	--color3:#AA0000;
	--section-bottom:5rem;
	--section-side:2.5rem;
}

@media screen and (width>=768px) {
	:root{
		--section-bottom:15rem;
		--section-side:2rem;
	}
}

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;}

ul:not(.editorArea),
ol:not(.editorArea),
ul:not(.editorArea)>li,
ol:not(.editorArea)>li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}



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

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

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

/*フォント調整*/


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



/*汎用設定*/

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

@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;
	font-size:20px;
	font-size:2rem;
	width:100%;
	color:var(--color1);
	line-height:1.8;
	font-feature-settings:"palt";
	overflow-x: hidden;
	/*font-family:"メイリオ",'Meiryo','Verdana',"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",'Osaka',sans-serif;*/
}

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