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

:root {
    --inner-width:1100px;
	--color1:#333333; /*基本文字色*/
	--color2:#1b3957; /*基本色*/
	--color3:#ad9c54;
	--bgcolor1:#eeeddd;
	--bgcolor2:#e5e3d8;
	--bgcolor3:#ced4db;
	--section-bottom:12rem;
	--block-bottom:8rem;
	--section-side:1.6rem;
}

@media screen and (width>=768px) {
	:root{
		--section-bottom:16rem;
		--block-bottom:10rem;
	}
}

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: all 0.5s;	
}

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

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

/*フォント調整*/


html {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
}



/*汎用設定*/

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

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

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