@charset "utf-8";



/* 基本色 */

:root {

  --main-color:#5D9AB2;

  --accent-color:#BF6A7A;

  --dark-main-color:#ffffff;

  --text-bright-color:#fff;

  --icon-color:#fff;

  --icon-bk-color:#ddd;

  --gray-color:#ddd;

  --large-width:1000px;

  --middle-width:800px;

}



/*　基本設定　フォントサイズ　*/

@media(max-width:599px)  {

	:root {

		font-size:12px;

	}

}



@media(min-width:600px) and (max-width:799px) {

	:root {

		font-size:14px;

	}

}



@media(min-width:800px)  {

	:root {

		font-size:16px;

	}

}



body {font-size:16px;}



/* 基本設定：ページ全体　*/

body {

	margin: 0;

	font-family:'ＭＳ　ゴシック','Batang',sans-serif; 

}





/* コンテンツＡ：　ヒーローイメージ　*/

.conA {

	display:flex;

	align-items:center;

	justify-content:center;

	margin-top:45px;

/*	height:100vh;

	min-height:120px;

	background-position:center;

	background-size:cover;

	color:#fff;

	color:var(--text-bright-color);

*/	text-align:center;

}



.conA img {

	width:100%;

}



/*　コンテンツＢ　概要（アイコン＋テキスト）　*/

.conB .container {

	padding-top:10px;

	padding-bottom:10px;

}



.conB .text {

	padding-left:20px;

	padding-right:20px;

	padding-bottom:0;

	text-align:center;

}
.conB .text2 {

    margin-left:20px;

	margin-right:20px;

	padding-bottom:0;

	text-align:center;

}



.conB h2 {

	margin-top:0;

	margin-bottom:10px;

	font-size:20px;

}



.conB p {

	margin-top:0;

	margin-bottom:0;

	font-size:14px;

	line-height:1.8;

	opacity:1.0;

}



.conB a {

	color:#5D9AB2;

	color:var(--main-color);

	tect-decoration:none;

}



.conB a:hover {

	text-decoration:underline;

}



/*　コンテンツＣ　：概要（画像＋テキスト）　*/

.conC {

	background-color:var(--main-color);

	background-color:#000;

	color:#fff;

	color:var(--text-bright-color);

}



.conC .text {

	padding :20px;

}



.conC h2 {

	margin-top:0;

	margin-bottom:10px;

	font-size:20px;

}



.conC p {

	margin-top:0;

	margin-bottom:10px;

	font-size:14px;

	line-height:1.8;

	opacity:0.8;

}



.conC a {

	display:inline-block;

	margin-top:20px;

	padding:10px 30px;

	border:solid 3px currentColor;

	border-radius:6px;

	background-color:#BF6A7A;

	background-color:var(--accent-color);

	color:#fff;

	color:var(--text-bright-color);

	font-size:14px;

	text-decoration:none;

}



.conC a:hover {

	background-image:linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2));

}



.conC .photo {

	background-position:center;

	background-size:cover;

}



/* コンテンツＤ：　概要（画像＋テキスト：逆位置）*/

.conD .container {

	padding-top:2px;

}



.conD .text {

	padding:10px;

}



.conD h2 {

	margin-top:0;

	margin-bottom:10px;

	font-size:20px;

}



.conD p {

	margin-top:0;

	margin-bottom:10px;

	font-size:14px;

	line-height:1.8;

	opacity:0.8;

}



.conD a{

	display:inline-block;

	margin-top:20px;

	padding:10px 30px;

	box-shadow:0 0 0 1px #888;

	border:solid 2px currentColor;

	border-radius:6px;

	background-color:#BF6A7A;

	background-color:var(--accent-color);

	color:#fff;

	color:var(--text-bright-color);

	font-size:14px;

	text-decoration:none;

}



.conD a:hover {

	background-image:linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2));

}



.conD .photo {

	background-position:center;

	background-size:cover;

}







@media (min-width:768px) {

	.conA h1 {

		font-size:115px;

	}

	.conA p {

		font-size:24px;

	}



	.conB .container {

		display:flex;

		max-width:1000px;

		max-width:var(--large-width);

		margin-left:auto;

		margin-right:auto;

	}

	.conB .text {

		flex:1;

	}

	.conB table {

		max-width:600px;

	}

	.conC .container {

		display:flex;

		align-items: flex-start;

		max-width:1000px;

		max-width:var(--large-width);

		margin-left:auto;

		margin-right:auto;

	}



	.conC .photo {

		flex:2;

	}

	.conC .text {

		flex:3;

		padding:10px 20px;

	}



	.conD .container {

		display:flex;

		align-items: flex-start;

		flex-direction:row-reverse;

		max-width:1000px;

		max-width:var(--large-width);

		margin-left:auto;

		margin-right:auto;

	}



	.conD .photo {

		flex:2;

	}

	.conD .text {

		flex:3;

		padding:10px 20px;

	}



	.footA div {

		margin-right:30px;

	}





	.footB {

		display: flex;

	}

	.footB div {

		flex: 1;

	}

	.footB div:not(:first-child) {

		margin-left:40px;

	}



	footer .container {

		display:flex;

		flex-wrap:wrap;

		max-width:1000px;

		max-width:var(--large-width);

		margin-left:auto;

		margin-right:auto;

	}

	.footA {

		flex:0 0 40%;

	}

	.footB {

		flex:0 0 60%;

	}

	.footC {

		flex:0 0 100%;

	}





	header .container {

		display:flex;

		align-items:center;

		justify-content:space-between;

		max-width:1000px;

		max-width:var(--large-width);

		margin-left:auto;

		margin-right:auto;

	}

	.headB ul {

		display:flex;

	}



}



/* 記事一覧Ａ */

.listA h1 {

	text-align:center;

}

.listA .container {

	display:flex;

	flex-wrap :wrap;

	max-width:1000px;

	max-width:var(--large-width);

	margin:30px auto;

}

.listA article {

	flex:1 1 300px;

	display:flex;

}

.listA a {

	flex:1;

	margin:10px;

	display:block;

	border:solid 1px #ddd;

	border:solid 1px var(--gray-color);

	color:inherit;

	text-decoration:none;

}

.listA a:hover {

	opacity:0.8;

}

.listA .photo {

	min-height:150px;

	background-position:center;

	background-size:cover;

}

.listA .text {

	margin:10px;

}

.listA h2{

	font-size:18px;

}

.listA p{

	font-size:14px;

	opacity:0.8;

}



/* 記事一覧C */

.listC h1 {

	text-align:center;

}

.listC .container {

	display:flex;

	flex-wrap :wrap;

	max-width:none;

	margin:2px auto;

}

.listC article {

	flex:1 1 250px;

	display:flex;

}

.listC a {

	position:relative;

	flex:1;

	margin:2px;

	display:block;

	border:solid 1px #ddd;

	border:solid 1px var(--gray-color);

	backgound-color:currentColor;

	color:inherit;

	text-decoration:none;

}

.listC a:hover {

	opacity:0.8;

}

.listC .photo {

	min-height:250px;

	background-position:center;

	background-size:cover;

	opacity:0.6;

}

.listC .text {

	position:absolute;

	bottom: 0;

	left: 0;

	margin:10px;

	color:#fff;

	color:var(--text-bright-color);

}

.listC h2{

	margin:0;

	font-size:18px;

}

.listC p{

	margin:0;

	font-size:14px;

	opacity:0.8;

}



@media(min-width:1000px) {

	.listC article {

		flex:1 1 25%;

	}

} 





/*　フッター */

footer {

	color:var(--text-bright-color);

	color:#000;

	background-color:#ffffff;

	background-color:var(--dark-main-color);

}



footer .container {

	padding :40px 20px;

}



/*　フッターＡ　サイト情報 */



.footA h2 {

	margin-top:0;

	margin-bottom:5px;

	color:#000;

	font-family:'Montserrat',sans-serif;

	font-size:20px;

	letter-spacing:0.2em;

	border-bottom:solid 1px currentColor;

}

.footA p {

	font-size:14px;

}

.footA div {

	margin-bottom:50px;

}

.footA a {

	display:block;

	color:inherit;

	text-decoration:none;

}	

.footA a:hover{

	background-color:rgba(0,0,0,0.3);

}



/* フッターＢ　フッターメニュー */

.footB div {

	margin-bottom:20px;

}



.footB h3 {

	margin-top:0;

	margin-bottom:10px;

	color:#000;

	border-bottom:solid 1px currentColor;

	font-size:14px;

}



.footB ul {

	margin:0;

	padding:0;

	list-style:none;

}



.footB a {

	display:block;

	padding:5px;

	color:inherit;

	font-size:12px;

	text-decoration:none;

}



.footB a:hover{

	background-color:rgba(0,0,0,0.3);

}



/*　フッターＣ　コピーライト　*/

.footC {

	font-size:12px;

	text-align:center;

	color:#000;

	font-family:'montserrat',sans-serif;

}



/* ヘッダー　*/

header {

	position:absolute;

	top:0;

	left:0;

	z-index:100;

	width:100%;

	background-color:rgba(255,255,255,0.9);

}



.nohero header {

	position:static;

/*	border-bottom:solid 1px #ddd;

	border-bottom:solid 1px var(--gray-color);*/

}



/*　ヘッダーＡ　サイト名 */

.headA {

	display:inline-block;

	line-height:40px;

	padding-left:20px;

	padding-right:20px;

	background-color:var(--main-color);

	background-color:#000;

	color:#fff;

	color:var(--text-bright-color);

font-family :"游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;

	font-size:20px;

	text-decoration:none;

}





/*　ヘッダーＢ：ナビメニュー　*/

.headB ul {

	margin:0;

	padding:0;

	list-style:none;

}

.headB a {

	display:block;

	padding:15px;

	color:inherit;

	font-size:12px;

	text-decoration:none;

}

.headB a:hover {

	background-color:rgba(0,0,0,0.3);

}



/* ヘッダーＣ　トグルボタン　*/

@media (max-width:767px) {

	/* 小さい画面用の設定 */

	header .container-small {

		display:flex;

		align-items:center;

		justify-content:space-between;

	}

	.headC {

		margin-right:10px;

		padding:0;

		border:none;

		outline:none;

		background:none;

		font-size:28px;

		opacity:0.5;

		cursor:pointer;

	}

	.headC :hover {

		opacity:0.3;

	}

	.headB {

		display:none;

		text-align:right;

	}

}



@media (min-width:768px) {

	/* 大きい画面用の設定 */

	.headC {

		display:none; 

	}

	.headB {

		display:block!important;

	}

}



/*　コンテンツページ　記事*/

.post .container {

	max-width:800px;

	max-width:var(--middle-width);

	margin-left:auto;

	margin-right:auto;

	padding:30px 10px;

}



.post h1 {

	padding-left:0.5rem;

	border-left:solid 0.75rem #BF6A7A;

	border-left:solid 0.75rem var(--accent-color);

	font-size:2rem;

}

.post p {

	font-size:1rem;

	line-height:2;

}

.post img {

	max-width:100%;

	text-align:center;

}

.post li {

	margin-bottom:10px;

}





/* コンテンツページ　パンくずリスト */

.bread ol  {

	display:flex;

	margin-top:0;

	padding:0;

	list-style:none;

}

.bread a {

	display:block;

	padding:5px;

	color:inherit;

	font-size:0.875rem;

	text-decoration:none;

}

.bread a::after {

	margin-left:10px;

	content:'\f054';

	font-family:'FontAwesome',sans-serif;

	opacity:0.3;

}

.bread a:hover {

	background-color:rgba(0,0,0,0.3);

}



/* アバウトパージ：　沿革と画像 */

.history {

	background-color:#5D9AB2;

	background-color:var(--main-color);

	color:#fff;

	color:var(--text-bright-color);

}



.history .text {

	padding:20px;

}



.history h2{

	margin-top:0;

	margin-bottom:20px;

	font-size:1.5rem;

}



.history .photo {

	min-height:300px;

	background-image:url(image/logo3.gif);

	background-position:center;

	background-size:auto;

	background-repeat:no-repeat;

}



.history table {

	border-collapse:collapse;

	border-top:solid 1px #ddd;

	border-top:solid 1px var(--gray-color);

	font-size:0.875rem;

}



.history th, .history td {

	padding-top:1.8rem;

	padding-bottom:1.8rem;

	border-bottom:solid 1px #ddd;

	border-bottom:solid 1px var(--gray-color);

}



.history th {

	padding-right:1rem;

	text-align:left;

	word-break:keep-all;

}



@media (min-width:768px) {

	.history .container {

		display:flex;

		max-width:1000px;

		max-width:var(--large-width);

		margin-left:auto;

		margin-right:auto;

	}

	.history .photo {

		flex:3;

	}

	.history .text {

		flex:2;

		padding:50px;

	}

}





/* お問い合わせページ　；問い合わせ先 */

.contact {

	margin-top:20px;

	margin-bottom:20px;

	padding:20px;

	border:solid 1px #ddd;

	border:solid 1px var(--gray-color);

	text-align:center;

}



.contact span {

	display:inline-block;

	margin-bottom:20px;

	font-size:2.2rem;

	width:2em;

	line-height:2em;

	border-radius:50%;

	text-align:center;

	background-color:#5D9AB2;

	background-color:var(--main-color);

	color:#fff;

	color:var(--icon-color);

}



.contact h2{

	margin-top:0;

	font-size:1.2rem;

}



.contact a {

	font-size:1.4rem;

	color:inherit;

	text-decoration:none;

}



@media (min-width:768px) {

	.contact-wrap {

		display:flex;

	}

	.contact {

		flex :1;

	}

	.contact:first-child {

		margin-right:20px;

	}

}



/* お問い合わせページ　：地図：　*/

.location iframe {

	width:100%;

	height:400px;

	vetical-align:bottom;

}

.location h2 {

	margin:0;

	padding-top:20px;

	padding-bottom:20px;

	background-color:#5D9AB2;

	background-color:var(--main-color);

	color:#fff;

	color:var(--text-bright-color);

	font-size;1.5rem;

	text-align:center;

}



#list {

	solid #0080ff;

	background-color:#ffffff;

	text-align:left;

	width:590px;

	height:250px;

	overflow:auto;

	scrollbar-3dlight-color:#000000;

	scrollbar-arrow-color:#000000;

	scrollbar-darkshadow-color:#ffffff;

	scrollbar-face-color:#ffffff;

	scrollbar-highlight-color:#ffffff;

	scrollbar-shadow-color:#000000;

	scrollbar-track-color:#ffffff;

}

#list ul{

	font-size:70%;

	color:#000000;

	text-align:left;

	margin-top:1px;

}

#list li{

	margin-top:2px;

	margin-bottom:2px;

	margin:4px;0px;

}



@media(min-width:600px) and (max-width:799px) {

	#list {

		font-size:14px;

	}

	.twitter-timeline {

		data-width:600px;

	} 

}



@media (max-width:599px) {

	/* 小さい画面用の設定 */

	#list {

		width:310px;

		font-size:14px;

	}

}







p.a1{	font-size:12px;

	line-hight:12px;



	padding:10px;

	font-size:0.8em;

	

	font-weight:bold;



	font-family:"Comic sans MS",sans-serif;



}





div.b1{	margin-bottom:4px;



	line-height:220%;	margin-left:40px;



	font-size:80%;	text-indent:10.5pt;



	mso-char-indent-count:1.0;



	mso-char-indent-size:9pt;



	font-family:"Comic Sans MS",sans-serif;

	mso-ascii-font-family:Century;

	mso-hansi-font-family:Century;



}