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

:root {
    --inner-width:1200px;
	--color1:#231815; /*基本文字色*/
	--color2:#00a6cb; /*基本色*/
	--color3:#AA0000;
	--font-jp:"Zen Kaku Gothic New", 'Noto Sans JP', sans-serif;
	--font-en:"Montserrat", sans-serif;
}

@media screen and (width>=768px) {
	:root{

	}
}

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

.enFont{
	font-family: var(--font-en);
	font-optical-sizing: auto;
}


/*リンク設定*/
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: var(--font-jp);
}



/*汎用設定*/

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

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

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

body {
	font-family: var(--font-jp);
	margin:0;
	padding:0;
	font-size:14px;
	font-size:1.4rem;
	width:100%;
	color:var(--color1);
	line-height:1.8;
	font-feature-settings: 'palt' on;
	font-optical-sizing: auto;
	font-kerning: auto;
	font-stretch:normal;
}

@media (768px < width){
	body{
		font-size:1.6rem;
	}
}


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