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

:root {
    --inner-width:1200px;
	--color1:#333333; /*基本文字色*/
	--color2:#003c82; /*基本色*/
	--color3:#AA0000;
	--color-blue1:#1773cf;
	--color-blue2:#00a0e9;
	--color-blue3:rgba(71,163,255,0.7);
	--color-job1:#517bb8;
	--color-job1-l:#e6e9f3;
	--color-job2:#4ebdd7;
	--color-job2-l:#e6f6f9;
	--color-job3:#4eb9b2;
	--color-job3-l:#e6f6ed;
	--section-side:2.5rem;
	--section-side-m:5rem;
	--section-side-l:7.5rem;
	--section-bottom-l:18rem;
	--section-bottom-m:12rem;
	--section-bottom-s:5.6rem;
	--font36:3.8rem;
	--font28:3.2rem;
	--font22:2.8rem;
}

@media screen and (width>=768px) {
	:root{
		--section-bottom-l:24rem;
		--section-bottom-m:20rem;
		--section-bottom-s:7.5rem;
		--section-side:4rem;
		--section-side-m:4rem;
		--section-side-l:4rem;
		--inner-l:1400px;
		--inner-m:1200px;
		--inner-s:1100px;
		--font36:3.4rem;
		--font28:2.6rem;
		--font22: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: all 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.33vw;
}

@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:16px;
	font-size:2.75rem;
	width:100%;
	color:var(--color1);
	line-height:2;
	font-weight: 500;
	font-feature-settings:"palt";
	text-autospace: normal;
	letter-spacing: 0.05em;
	/*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; }