@charset "utf-8";



/*Font Awesomeの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");


/*CSSカスタムプロパティ（サイト全体を一括管理する為の設定）
---------------------------------------------------------------------------*/
:root {

	/*余白の一括管理用。主に左右の余白に使っています。2rem＝２文字分。*/
	--content-space: 0.5rem;

}

.fa-snowflake:before {
    opacity: 0.7;

}
/*animation11のキーフレーム設定（汎用的）
---------------------------------------------------------------------------*/
@keyframes animation1 {
	0% {left: -200px;}
	100% {left: 0px;}
}


/*opa1のキーフレーム設定（汎用的）
---------------------------------------------------------------------------*/
@keyframes opa1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}


/*全体の設定
---------------------------------------------------------------------------*/
body * {box-sizing: border-box;}
html,body {
	font-size: 13px;	/*基準となるフォントサイズ。*/
}

	/*画面幅900px以上の追加指定*/
	@media screen and (min-width:900px) {

	html, body {
		font-size: 15px;	/*基準となるフォントサイズ。*/
	}

	}/*追加指定ここまで*/


body {
	margin: 0;padding:0;
	font-family: "游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;	/*フォント種類（ゴシック）*/
	-webkit-text-size-adjust: none;
	background: #fff;	/*背景色*/
	color: #555;		/*文字色*/
	line-height: 2;		/*行間*/
	overflow-x: hidden;
}

/*リセット*/
figure {margin: 0;}
dd {margin: 0;}
nav,ul,li,ol {margin: 0;padding: 0;}
nav ul {list-style: none;}

/*table全般の設定*/
table {border-collapse:collapse;}

/*画像全般の設定*/
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}

/*videoタグ*/
video {max-width: 100%;}

/*iframeタグ*/
iframe {width: 100%;}

/*他*/
input {font-size: 1rem;}

/*section*/
section {
	padding: var(--content-space);	/*section内の余白。冒頭のcontent-spaceを読み込みます。*/
}


/*リンクテキスト全般の設定
---------------------------------------------------------------------------*/
a {
	color: inherit;
	transition: 0.3s;	/*hoverまでにかける時間。0.3秒。*/
}

/*マウスオン時*/
a:hover {
	filter: brightness(1.1);	/*少しだけ明るくする*/
}


/*コンテナー（サイト全体を囲むブロック）
---------------------------------------------------------------------------*/
#container {
	overflow-x: hidden;
	position: relative;
	animation: opa1 1s 0.4s both;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	max-width: 1200px;	/*サイトの最大幅。これ以上広がらない。*/
	margin: 0 auto;
}


/*header（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {z-index: 999;
	padding: 0 var(--content-space);		/*ヘッダー内の余白。上下に１文字分、左右にcss冒頭のcontent-spaceのサイズを読み込みます。*/
	background-image: linear-gradient(0deg, #1660a9, #17499d);	/*背景色*/
	color: #fff;		/*文字色*/
}
header a {color: inherit;}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:600px) {

	header {
		padding-right: 100px;	/*右側の余白だけ上書き*/
		display: flex;	/*中のコンテンツを横並びにする*/
		justify-content: center;
		align-items: center;
		text-align: center;
		margin:0 auto;
			/*中のコンテンツ同士に空けるマージン的な余白。*/
	}

header h1 {text-align: center;}

	}/*追加指定ここまで*/


/*ロゴ（※画像の場合）*/
#logo img {
	display: block;
	width: 1280px;	/*ロゴの幅*/
	padding:0 10px;
}


/*ロゴ（※テキストの場合）*/
#logo a {text-decoration: none;}
#logo {
	width: auto;
	font-size: 1.4rem;	/*文字サイズ。140%*/
}

/*ヘッダーの右側ブロック（電話番号など）*/
#header-box {
	font-size: 0.8rem;	/*文字サイズ80%*/
}


/*メニュー
---------------------------------------------------------------------------*/
/*メニューブロック共通*/
.small-screen #menubar {
	animation: animation1 0.2s both;
	position: fixed;overflow: auto;z-index: 100;
	right: 0px;top: 0px;
	width: 100%;
	height: 100%;
	padding: 100px var(--content-space) 50px;		/*ブロック内の余白。上に100px、左右についてはcss冒頭のcontent-spaceを読み込む、下に50px。*/
	background: rgba(0,0,0,0.9);	/*背景色。0,0,0は黒の事で0.9は色が90%出た状態。*/
	color: #fff;					/*文字色。白。*/
}

.small-screen #menubar {display: none;}

/*メニュー１個あたり*/
.small-screen #menubar a {
	display: block;text-decoration: none;
	color: inherit;
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
	margin-bottom: 1rem;	/*下に１文字分のスペースを空ける。メニュー同士の間隔です。*/
	padding: 1rem 2rem;		/*メニュー内の余白。上下に１文字分、左右に２文字分。*/
}

/*子メニュー（ドロップダウンメニュー）*/
.small-screen #menubar ul ul a {
	border: none;
	padding: 0;
    margin-left: 3.8rem;	/*左に空けるスペース*/
}

/*ドロップダウンのアイコン*/
a.ddmenu::before {
	font-family: "Font Awesome 6 Free";
	font-weight: bold;
	content: "\f078";	/*このアイコンを使う*/
	margin-right: 0.5em;	/*アイコンとメニューテキストとの間に空けるスペース。0.5文字分。*/
}
a.ddmenu {cursor: default;}


/*３本バー（ハンバーガー）アイコン設定
---------------------------------------------------------------------------*/
#menubar_hdr {
	display: none; /* デフォルトは非表示 */
	animation: opa1 0s 0.2s both;
	position: fixed;
	z-index: 101;
	cursor: pointer;
	right: 0px;	/*右からの配置場所*/
	top: 0px;	/*上からの配置場所*/
	width: 65px;	/*ボタンの幅*/
	height: 65px;	/*ボタンの高さ*/
	background: #000;	/*ボタン色*/
	border-radius: 0px 0px 0px 15px;	/*角を丸くする指定。左上、右上、右下、左下の順番。この場合は左下だけ角を丸くする。*/
	transform-origin: right top;
	transform: scale(0.8);	/*大きさを調整したい場合はここの「1」を変更します。1.2や0.7など。*/
}

/*バツ印が出ている時のボタン色*/
#menubar_hdr.ham {
	background: #ff0000;
}

/*ハンバーガーアイコンの線*/
#menubar_hdr span {
	display: block;
	position: absolute;
	left: 18px;
	width: 35px;
	height: 2px;		/*線の高さ*/
	background: #fff;	/*線の色*/
	transition: 0.3s;
}

#menubar_hdr span:nth-of-type(1) {
	top: 24px;
}
#menubar_hdr span:nth-of-type(2) {
	top: 34px;
}
#menubar_hdr span:nth-of-type(3) {
	top: 44px;
}

/* ハンバーガーメニュー展開時 */
#menubar_hdr.ham span:nth-of-type(1) {
	transform: translateY(10px) rotate(-45deg);
}
#menubar_hdr.ham span:nth-of-type(2) {
	opacity: 0;
}
#menubar_hdr.ham span:nth-of-type(3) {
	transform: translateY(-10px) rotate(45deg);
}

/*小さな画面での設定*/
.small-screen #menubar_hdr {
	display: flex;
}


/*コンテンツ
---------------------------------------------------------------------------*/
/*コンテンツブロック*/
#contents {
	flex: 1;
}

/*コンテンツ内で使用するul,ol要素（リストタグ）*/
#contents ul,#contents ol {
	margin-left: 2rem;
	margin-right: 2rem;
}


/*sectionの上書き（左右だけ0に）
---------------------------------------------------------------------------*/
section {
	padding-left: 0;
	padding-right: 0;
}

/*背景色
---------------------------------------------------------------------------*/
.background7-parts {
		/*背景画像(1.jpg)の読み込み*/
		background-image: linear-gradient(0deg, #32ADC8, 85%, #1875B3);
	color: #fff;		/*文字色*/
}

.background8-parts {
		/*背景画像(1.jpg)の読み込み*/
		background: url('../images/af_h.png') no-repeat center bottom / cover;
	color: #555;		/*文字色*/
	padding-top:1rem;
}

/*コンテンツ
---------------------------------------------------------------------------*/
/*コンテンツブロック*/
#contents {
	padding: var(--content-space);	/*css冒頭のcontent-spaceを読み込みます*/
}
.honbun{padding: 20px;	 margin:0 auto 20px; background: rgba(255,255,255,0.8); width:90%;}

.honbun_opa{padding: 20px;	 margin:0 auto 20px;  width:90%;}

.bigb{font-size: 1.2rem; font-weight: bold;}
/*メイン・サブブロック設定
---------------------------------------------------------------------------*/
/*main-contents-partsの設定*/
.top .main-contents-parts {
background: url('../images/apheresis_169h.png') no-repeat center bottom / cover;
	margin: 0 auto 0.5rem;		/*ボックスの下に空けるスペース。sub-contents-partsとの間の余白です。*/
}

/*メインコンテンツの中の最初の要素の上余白をなくす*/
.main-contents-parts > *:first-child,
.main-contents-parts > section:first-child > *:first-child {
	padding-top: 0;
	margin-top: 0;
}

.main-contents-parts h2.aisatu
{		font-weight: bold;		/*太字に*/
		padding: 0;	/*ボックス内の余白*/
		/*下に空けるスペース*/
		border-radius: 5px;		/*角を丸くする指定*/
		background: #6d9491;		/*背景色*/
		color: #fff;			/*文字色*/
		font-size: 1.4rem;
		text-align: center;
		letter-spacing: 0.4em;
		margin: 1rem auto 0;
		width:90%;

	}


	/*画面幅900px以上の追加指定*/
	@media screen and (min-width:900px) {

	/*カラムで使う為の指定*/
	main.column-parts {
		display: flex;	/*flexボックスを使う指定*/
		justify-content: space-between;	/*並びかたの種類の指定*/
		gap: 0;						/*main-contents-partsとsub-contents-partsの間のマージン的な隙間*/
	}

	/*main-contents-partsの設定*/
	.main-contents-parts {
		margin-bottom: 0;
		order: 2;			/*並び順。数字の小さい順番に表示されます。*/
		flex: 1;
	}

	.mainimg{margin:15px auto; padding:0 7%; text-align: center; animation: opa1 3s ease-in 1; max-width: 1200px;}


	/*.sub-contents-parts*/
	.sub-contents-parts {
		width: 280px;	/*幅*/
		flex-shrink: 0;
		margin:0;
	}

	/*1つ目のsub-contents*/
	.sub-contents-parts:nth-child(2) {
		order: 1;	/*並び順。数字の小さい順番に表示されます。*/
	}

	/*2つ目のsub-contents*/
	.sub-contents-parts:nth-child(3) {
		order: 3;	/*並び順。数字の小さい順番に表示されます。３番目という意味なので一番右側に表示されます。*/
	}

	}/*追加指定ここまで*/

/* @media screen and (min-width:1200px) {.main-contents-parts h2.aisatu{margin: 1rem auto 0; max-width: 1000px;}
} */

	/*sub-contents-parts設定
	---------------------------------------------------------------------------*/
	/*ブロック内のh4タグ*/
.box1-parts h4 {
		margin: 0;border: none;
		font-weight: bold;
		color: #1875B3;		/*文字色*/
		padding: 0.5rem;
		text-align: center;	/*タグ内の余白*/
		font-size: 1.2rem;
		letter-spacing: 0.4rem;
	}
	#contents .sub-contents-parts h4 a {color: inherit;}
.box1-parts h4:before{content: "◆";}
.box1-parts h4:after{content: "◆";}

	/*お知らせブロック
	---------------------------------------------------------------------------*/
	/*ブロック全体*/
	.new-parts2 {
		margin-left: 1.5rem;
		margin-right:1.5rem;
		padding:0.5rem 1.5rem;
		background: rgba(255,255,255,0.7);
		color:#555;
		border: 1px solid #6d9491;
	}

	.new-parts2 dl {
		padding: 0 30px;
			background: rgba(255,255,255,0.9);
		margin-bottom: 30px;
	}

	.new-parts2 dt {
		padding: 0.5rem;
			border-bottom: solid 1px #aaa;
	}

	/*記事の下に空ける余白*/
	.new-parts2 dd {
		padding: 0.5rem 2rem;
			border-bottom: solid 1px #aaa;
	}

	.new-parts2 dd:last-child
	{border-bottom:none;
	}
	.new-parts2 dt:last-of-type
	{border-bottom:none;
	}
	/*h2タグ
---------------------------------------------------------------------------*/
.main-contents-parts h2.news {
	font-size: 1.3rem;		/*文字サイズ。bodyで設定しているfont-sizeに対して1.3倍。*/
	padding: 0.4rem 1rem;	/*h2内の余白。上下、左右への順番。*/
	border-radius: 3px;		/*角を少しだけ丸くする指定。不要ならこの１行を削除します。*/
	background: #b04f22;		/*背景色*/
	color: #fff;			/*文字色*/
	margin:1rem;
}

/*左のアクセントラインの設定。不要ならブロックごと削除して下さい。*/
.main-contents-parts h2.news::before {
	content: "";
	border-left: 0.3rem solid #67489a;		/*テキスト左側のアクセントラインの幅、線種、色*/
	padding-right: 1rem;				/*アクセントラインと、テキストとの間の余白*/
}

.main-contents-parts h3.title {
	font-size: 1.2rem;		/*文字サイズ。bodyで設定しているfont-sizeに対して1.2倍。*/
margin:0 1.5rem;
	color:#555;
}

.main-contents-parts h3.title::before {
	content: "";
	border-left: 0.3rem solid #999;		/*テキスト左側のアクセントラインの幅、線種、色*/
	padding-right: 1rem;}


		/*画面幅700px以上の追加指定*/
		@media screen and (min-width:700px) {

		/*ブロック全体*/
		.new-parts2 {
			display: grid;	/*gridを使う指定*/
			grid-template-columns: auto 1fr;	/*横並びの指定。日付とアイコン部分の幅は自動で、内容が入るブロックは残り幅一杯とる。*/
		}


}



		/*テーブル
		---------------------------------------------------------------------------*/
		/*テーブル１行目に入った見出し部分（※caption）*/
		.ta2-parts caption {
			font-weight: bold;		/*太字に*/
			padding: 0.2rem 1rem;	/*ボックス内の余白*/
			margin-bottom: 15px;	/*下に空けるスペース*/
			border-radius: 5px;		/*角を丸くする指定*/
			background: #6d9491;		/*背景色*/
			color: #fff;			/*文字色*/
			font-size: 1.4rem;
			letter-spacing: 0.4em;
		}

		/*テーブルブロック設定*/
		.ta2-parts {
			table-layout: fixed;
			width: 90%;
			margin: 0.5rem auto 2rem;		/*テーブルの下に空けるスペース。２文字分。*/
			background: #fff;		/*テーブル全体の背景色*/
			color: #555;			/*テーブル全体の文字色*/
			font-size: 1.2rem;
		}

		/*th（左側）、td（右側）の共通設定*/
		.ta2-parts th, .ta2-parts td {
			padding: 1rem;		/*ボックス内の余白*/
			word-break: break-all;	/*英語などのテキストを改行で自動的に折り返す設定。これがないと、テーブルを突き抜けて表示される場合があります。*/
			border: 1px solid #999;	/*テーブルの枠線の幅、線種、色。*/
			line-height: 1.4;
		}

		/*th（左側）のみの設定*/
		.ta2-parts th {
			width: 20%;			/*幅*/
			text-align: center;	/*左よせにする*/
			background: #eee;	/*背景色*/
		}

		/*雪*/
		.snow {z-index: 1;
		  /*雪の色*/
		  color: snow;
		  /*雪の大きさ*/
		  font-size: 26px;
		  /*初期位置*/
		  position: fixed;
		  top: 20%;
		  opacity:0;
		  /*雪を適当な幅で降らせる*/
		  text-shadow:
		  5vw   -60px 2px,
		  10vw  -20px 9px,
		  20vw  -50px 4px,
		  30vw  -90px 10px,
		  39vw  -120px 2px,
		  42vw  -100px 5px,
		  56vw  -200px 8px,
		  63vw  -120px 0,
		  78vw  -100px 4px,
		  86vw  -80px 5px,
		  94vw  -70px 7px;
		  /*雪アニメーション1*/
		  animation: roll 12s linear 3;
		}
		  /*2つめの雪アニメーション*/
		.snow2nd{animation: anim 10s linear 2;  opacity:0;}

		@keyframes roll {
		    0% {transform:rotate(0deg);}
		   30% {opacity:2;}
		   100% {transform:rotate(20deg);top:100%;opacity:0.4;}
		}
		@keyframes anim {
			0% {transform:rotate(0deg); opacity:0;}
		 20% {opacity:0.5;}
		 100% {transform:rotate(-10deg);top:100%;opacity:0.1;}
		}


	/*サブメニュー設定
	---------------------------------------------------------------------------*/
	/*サブメニューブロック全体*/
	.submenu-parts {
		padding: 0;
		margin: 0 0 3rem !important;	/*上、左右、下へのマージン*/
	}

	/*メニュー１個あたり*/
	.submenu-parts li {
		color: #666;
		border-bottom: 1px solid rgba(109,148,145,0.8);	/*下線の幅、線種、色。0,0,0は

		黒の事で0.1は色が10%出た状態。*/
	}

	.submenu-parts 	li.current a {
		background: #8f2901;	/*背景色*/
		color:#fff;
	}

	.submenu-parts a {
		display: block;text-decoration: none;
		background:#fff;		/*背景色*/
		padding: 0.4rem 1rem;	/*上下、左右へのメニュー内の余白*/
	}

	/*アイコン（Font Awesome）*/
	.submenu-parts a::before {
		transition: 0.3s;
		font-family: "Font Awesome 5 Free";	/*Font Awesomeを使う指定*/
		content: "\f0da";		/*使いたいアイコン名をここで指定。Font Awesomeに記載されています。詳しくは当テンプレートのマニュアルを読んで下さい。*/
		color: #bab580;			/*アイコンの色*/
		padding-right: 0.8em;	/*アイコンとテキストの間の余白*/
		font-weight: bold;		/*この設定がないとアイコンが出ない場合があります*/
	}

	/*マウスオン時のアイコン設定*/
	.submenu-parts a:hover::before {
		color: #666;			/*アイコンの色*/
	}

	.box1-main {	background: rgba(255,255,255,0.7);
	padding:1rem;
margin: 1rem 1rem 2rem;}

	/*box1-parts
	---------------------------------------------------------------------------*/
	/*ボックス全体の設定*/
	.box1-parts {
		background: rgba(255,255,255,0.7);	/*背景色。0,0,0は黒の事で0.05は色が5%出た状態。*/
		padding: 10px 10px 30px;					/*ボックス内の余白*/
		border-radius: 5px;				/*角を丸くする指定*/
		margin-bottom: 1rem;			/*ボックスの下に空けるスペース*/
	}

	/*box1-parts内でsubmenu-partsを使った場合、下のマージンをなくす*/
	.sub-contents-parts .box1-parts .submenu-parts {
		margin-bottom: 0 !important;
	}
.mg_white{background-color: rgba(255, 255, 255, 0.7); color:#555; padding:5px; margin: 5px 0; }

.pd_tb{margin: 5px 3px; border: 1px solid #fff;}

/*p要素（段落タグ）
---------------------------------------------------------------------------*/
p {
	margin-left: 1rem;	/*左に１文字分のスペース*/
	margin-right: 1rem;	/*右に１文字分のスペース*/
}




/*３列タイプのボックス（grid）
---------------------------------------------------------------------------*/
/*ボックス１個あたり*/
.list-grid{margin: 0 1rem;}

.list-grid .list {
	position: relative;
    display: grid;	/*gridを使う指定*/
    grid-template-rows: auto 1fr auto;	/*list内の上から２番目のブロック(.text)だけ伸ばし、他は自動。*/
	margin-bottom: 1rem;	/*下に空けるスペース*/
  padding:10px 15px;
	border:1px solid #6d9491;
	background-color: rgba(255, 255, 255, 0.6);
}

/*ボックス内のh4タグ*/
.list-grid .list h4 {
	margin: 0;
	font-size: 1.1rem;
	color:#555;
}

/*ボックス内のpタグ*/
.list-grid .list .text p {
	margin: 0;
	color: #555;
	font-size: 0.9rem;	/*文字サイズを80%に*/
	line-height: 1.5;	/*行間を少し狭く*/

}

/*ボックス内のfigure画像*/
.list-grid .list figure {
	margin-bottom: 1rem;	/*下に空けるスペース*/
}

/*ボタン*/
.list-grid .btn a {
	display: block;text-decoration: none;
	text-align: center;		/*テキストをセンタリング*/
	background: var(--primary-color);		/*背景色。css冒頭で指定しているテーマカラーを読み込みます*/
	color: var(--primary-text-color);		/*文字色。css冒頭で指定しているテーマカラーを読み込みます*/
	padding: 5px 10px;		/*ボタン内の余白*/
	margin-top: 1rem;		/*ボタンの上に空けるスペース*/
}
/*画面幅900px以上の追加指定*/
@media screen and (min-width:900px) {

/*listブロック全体を囲むブロック*/
.list-grid {
	margin: 0 1.5rem;
	display: grid;	/*gridを使う指定*/
	grid-template-columns: repeat(2, 1fr);	/*３列にする指定。４列にしたければrepeat(4, 1fr)とする。*/
	gap: 2rem;	/*マージン的な指定。２文字分。*/

}

/*ボックス１個あたり*/
.list-grid .list {
	margin-bottom: 0;	/*ボックス同士の上下間に空けるスペースをリセット*/
}

}/

/*フッター設定
---------------------------------------------------------------------------*/
footer a {color: inherit;text-decoration: none;}
footer small {font-size: 100%;}
footer {
	margin-top: auto;
		/*文字サイズ。80%。*/
	background: #eee;		/*背景色*/
	color: #555;			/*文字色*/
	text-align: center;		/*内容をセンタリング*/
	padding: 1rem;	/*ボックス内の余白。１文字分。*/
	line-height: 1.3;
}
footer .bg{font-size: 1.2rem; font-weight: bold;}


/*著作部分（※意図的に見えなくしたりしないで下さい。規約違反になります。）
---------------------------------------------------------------------------*/
.pr a {
	text-decoration: none;display: block;
	background: #17499d;
	color: #fff;
	text-align: right;
	padding: 0.5rem 1rem;
	font-size: 0.8rem;
}
/* .pr a::before {
	font-family: "Font Awesome 6 Free";
	content: "\e2ca";
	font-weight: bold;
	margin-right: 0.5em;
} */



/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
.pagetop-show {display: block;}

/*ボタンの設定*/
.pagetop a {
	display: block;text-decoration: none;text-align: center;z-index: 99;
	animation: opa1 1s 0.4s both;
	position: fixed;	/*スクロールに追従しない(固定で表示)為の設定*/
	right: 20px;		/*右からの配置場所指定*/
	bottom: 20px;		/*下からの配置場所指定*/
	color: #fff;		/*文字色*/
	font-size: 1.5rem;	/*文字サイズ*/
	background: rgba(0,0,0,0.2);	/*背景色。0,0,0は黒の事で0.2は色が20%出た状態。*/
	width: 60px;		/*幅*/
	line-height: 60px;	/*高さ*/
	border-radius: 50%;	/*円形にする*/
}


/*余白調整用
---------------------------------------------------------------------------*/
section.padding0 {
	padding: 0;
}
div.padding0 {
	margin-left: calc(-1 * var(--content-space));
	margin-right: calc(-1 * var(--content-space));
}


/*その他
---------------------------------------------------------------------------*/
.clearfix::after {content: "";display: block;clear: both;}
.color-check, .color-check a {color: #ff0000 !important;}
.l {text-align: left !important;}
.c {text-align: center !important;}
.r {text-align: right !important;}
.ws {width: 95%;display: block;}
.wl {width: 95%;display: block;}
.mb0 {margin-bottom: 0px !important;}
.mb30 {margin-bottom: 30px !important;}
.mg10 {margin: 10px 0 !important;}
.look {display: inline-block;padding: 0px 10px;background: #eee;border: 1px solid #ccc; color: #888; border-radius: 3px;margin: 5px 0; word-break: break-all;}
.small {font-size: 0.75em;}
.large {font-size: 2em; letter-spacing: 0.1em;}
.pc {display: none;}
.dn {display: none !important;}
.block {display: block !important;}
.h100{height:100vh;}
.h20{height:20vh;}
@media screen and (max-width:599px)
 {
 header{padding:0; margin:0;}
 #logo{margin:0;}
 #logo img {width: 300px; text-align:center; padding:10px; }

 h1{margin:0; padding:0;}
 .main-contents-parts h2.aisatu{margin: 0 1rem;}

 .honbun{margin:1rem auto; width:90%;}

.ta2-parts th,
td {	width: 100%;
		display: block;}
 }

	/*画面幅900px以上の追加指定*/
	@media screen and (min-width:900px) {

	/*大きな画面の場合*/
	 .ws {width: 48%;display: inline;}
	 .sh {display: none;}
	 .pc {display: block;}

	}/*追加指定ここまで*/