@charset "utf-8";

/*------------------------------------------------------------------------------
Css name: common.css
Css info: 共通スタイル
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
 基本
--------------------------------------------------------------------------*/
@-ms-viewport　/*IE でスクロールバーがコンテンツに重なるのを避ける*/
	{
	width: auto !important;
	initial-scale: 1 !important;
	}

html{
	height:100%;
	overflow-y:scroll; 
	overflow-x:hidden;
	scroll-margin-top:100px;
	scroll-behavior:smooth; /* スムーススクロール */
	}
html.open{overflow:hidden;}

body{
	height:100%;
	margin:0px;
	padding:0px;
	font-family: 'Zen Maru Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
	font-weight:normal;
	font-style:normal;
	font-display:swap;
	font-size:16px;
	color:#534741;
	background:#f4f7f7;
	position: relative;
	}

article, aside, dialog, figure, footer,header,hgroup, nav, section { display: block; }

body *,
body p{
	line-height:1.6;
	margin:0px;
	padding:0px;
	}

#main {
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:999px){/*スマホ・タブレット用指定*/

	#main {
		width: 90%;
	}
}
@media print, screen and (min-width:1000px){/*PC用指定*/

	#main {
		width: 40%;
	}
}

#main .txt-s1{
		font-size: clamp(20px, 2.0vw, 20px);
		margin-bottom: 120px;
}
#main .txt-s2{
		text-align: right;
		font-size: clamp(20px, 2.0vw, 20px);
}