@charset "Shift_JIS";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');


/* 携帯機用設定　横幅1023以下 */
@media only screen and (max-width: 1023px), handheld {
	#index {
		padding: 10% 10%;
	}
	section {
		padding: 3rem 2.5rem 1rem;
	}
	.pc {
		display:none;	/* パソコンのみ表示 */
	}
	/* フッターのリンク */
	footer:active {
		background:rgba(0,0,0,0.4);
	}
}



/* パソコン用設定　横幅1024以上 */
@media only screen and (min-width: 1024px) {
	#index {
		padding: 10% 22%;
	}
	section {
		padding: 4rem 22%;
	}
	.mobile {
		display:none;	/* 携帯機のみ表示 */
	}
	/* フッターのリンク */
	footer:hover {
		background:rgba(0,0,0,0.4);
	}
}



/* ********** 共通設定 ********** */
@media screen, handheld {
html {	
	font-size : 62.5%;	/* フォントサイズを10pxにリセット */
}
body { 
	margin:0;
	padding:0;
	overflow:auto;
	font-size : 1.4rem;
	font-family:"メイリオ","ヒラギノ角ゴシック体 W1","Noto Sans JP","Osaka", sans-serif;
	line-height : 2.5rem;
	-webkit-user-select: none;  /* Chrome or Safari */
	-moz-user-select: none;     /* FireFox */
	-ms-user-select: none;      /* IE */
	-o-user-select: none;       /* Opera */
	user-select: none;
	background-color: #fff;
	color : #333;
}

#index a:hover {
	text-decoration : none;
}



/* リンク */
a, a:link {
	text-decoration : none;
	color : #6fb9d2; 
	border-bottom: 1px solid;
}

a:hover { 
	text-decoration : none;
	opacity: 0.7;
}


/* メインセクション */
section {
	margin-bottom:8rem;
}



/* その他 */
a.title {
	font-size:3rem;
	cursor : default;
	color : #000; 
	border-bottom: none;
	font-family:"Noto Sans JP","メイリオ","ヒラギノ角ゴシック体 W1","Osaka", sans-serif;
}

a.slink { 
	cursor : default;
	background-color: #fff;
	color : #333;
	border-bottom: none;
}

a.title:hover, a.slink:hover { 
	opacity: 1;
}

ul { 
	margin: 0;
	padding: 0;
	margin-bottom:1em;
}

ul ul { 
	margin: 0;
	padding: 0;
	margin-left:-1em;
}

ol { 
	margin: 0;
	padding: 0;
	margin-bottom:1em;
	list-style-type: none;
	margin-left:-1em;
}

li { 
	margin-left: 2em; 
}

input, textarea {
	margin:0.3em;
	padding 0.5em;
	background:#fff;
	border:1px #ccc solid;
}


}


