@charset "utf-8";

/*** 旧スタイルシート基本要素 ***/

body		{
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		}

a:link		{
		color:#393939;
		text-decoration:none;
		}

a:visited	{
		color:#393939;
		text-decoration:none;
		}

a:active	{
		color:#c0c0c0;
		text-decoration:underline;
		}

a:hover		{
		color:#cc0a18;
		text-decoration:underline;
		}

h1		{
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}

h2		{
		color:#111111;
		font-size:15pt;
		font-weight:normal;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing:0.2em;
		border-style:solid;
		border-color:#FF6600;
		border-width:1px 1px 1px 30px;
		padding:1px 5px 0px 10px;
		margin:10px 15px 0px 15px;
		}

h3		{
		color:#111111;
		font-size:13pt;
		font-weight:normal;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing:0.1em;
		border-style:solid;
		border-color:#FF6600;
		border-width:0px 0px 1px 5px;
		padding:0px 0px 0px 10px;
		margin:20px 15px 0px 30px;
		}

h4		{
		color:#111111;
		font-size:12pt;
		font-weight:normal;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border-style:dotted;
		border-color:#FF6600;
		border-width:0px 0px 1px 0px;
		padding:0px 0px 0px 10px;
		margin:10px 15px 0px 40px;
		}

p		{
		color:#494949;
		font-size:11pt;
		font-weight:normal;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align:left;
		line-height:150%;
		padding:5px 0px 5px 5px;
		margin:0px 10px 0px 40px;
		}

span		{
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}

ul		{
		font-size:11pt;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		list-style:none;
		}

table		{
		color:#494949;
		font-size:11pt;
		font-weight:normal;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		background-color:#ffffff;
		border-style:double;
		border-color:#999999;
		border-width:0px 0px 0px 0px;
		margin:10px 10px 10px 40px;
		padding:0px 0px 0px 0px;
		}

th		{
		color:#494949;
		font-size:11pt;
		font-weight:normal;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border-style:double;
		border-color:#ccbb99;
		border-width:0px 0px 0px 0px;
		margin:10px 10px 5px 10px;
		padding:0px 0px 0px 0px;
		}

td		{
		color:#494949;
		font-size:11pt;
		font-weight:normal;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		margin:0px 0px 0px 0px;
		padding:10px 0px 0px 0px;
		}

input		{
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}

input:focus,
textarea:focus	{
		outline:solid 3px #FF9900;
		background-color:#ffffcc;
		}

textarea	{
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}

pre		{
		white-space:pre-wrap;
		font-size:10pt;
		line-height:200%;
		vertical-align:top;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		background-color:#FFEECC;
		border-style:dotted;
		border-color:#FF9900;
		border-width:1px 1px 1px 1px;
		padding:0px 20px 0px 20px;
		margin:10px 50px 10px 50px;
		}

blockquote	{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}


strong		{
		color:#FF2200;
		font-size:11pt;
		font-weight:normal;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		margin:0px 0px 0px 0px;
		padding:10px 0px 0px 0px;
		}





/*** ここまで旧スタイルシート基本要素 ***/

/*ヘッダー位置固定*/

header		{
		margin:0px 0px 0px 0px;
		}

.site-header	{
		width:100%;
		background:linear-gradient(#FF2200,#FFAA00);
		box-shadow:0px 0px 30px 10px rgba(0,0,0,0.2);
		height:50px;
		display:flex;
		position:fixed;
		justify-content:space-between;
		padding:0px 0px 0px 0px;
		}

.site-title	{
		color:#FFFFFF;
		font-size:14pt;
		font-style:normal;
		font-weight:bold;
		font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing:0.1em;
		line-height:140%;
		text-align:center;
		margin:13px 0px 0px 10px;
		padding:0px 0px 0px 0px;
		}

/*検索フォーム*/

.search		{
		text-align:right;
		border-width:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		margin:12px 90px 0px 0px;
		}

/****メニュー全体****/

#menu		{
		position:fixed;
		top:10px;
		right:30px;
		width:100%;
		height:100%;
		pointer-events:none;
		z-index:100;
		}

/****メニュー開閉ボタン****/

#menu div	{
		width:30px;
		height:30px;
		overflow:hidden;
		position:absolute;
		top:0;
		right:0;
		}

#menu .menuopen	{
		color:#ffffff;
		font-size:30px;
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		pointer-events:auto;
		}

#menu .menuclose{
		color:#ffffff;
		font-size:30px;
		display:none;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		pointer-events:auto;
		}

/****メニュー一覧****/

#menu ul	{
		width:80%;
		overflow:hidden;
		position:absolute;
		top:50px;
		right:0;
		}

#menu li	{
		background:rgba(255,150,0,0.9);
		padding:10px;
		color:rgba(255,255,255,1);
		border-bottom:1px rgba(255,255,255,1) solid;
		pointer-events:auto;
		position:relative;
		right:-100%;
		}

/****#menu liの数だけずれたタイミングでアニメーション開始****/

#menu li:nth-child(1){
		-webkit-transition:all 0.3s ease 0s;
		transition:all 0.3s ease 0s;
		}

#menu li:nth-child(2){
		-webkit-transition:all 0.3s ease 0.05s;
		transition:all 0.3s ease 0.05s;
		}

#menu li:nth-child(3){
		-webkit-transition:all 0.3s ease 0.1s;
		transition:all 0.3s ease 0.1s;
		}

#menu li:nth-child(4){
		-webkit-transition:all 0.3s ease 0.15s;
		transition:all 0.3s ease 0.15s;
		}

#menu li:nth-child(5){
		-webkit-transition:all 0.3s ease 0.2s;
		transition:all 0.3s ease 0.2s;
		}

#menu li:nth-child(6){
		-webkit-transition:all 0.3s ease 0.25s;
		transition:all 0.3s ease 0.2s;
		}

#menu li:nth-child(7){
		-webkit-transition:all 0.3s ease 0.3s;
		transition:all 0.3s ease 0.2s;
		}

#menu li:nth-child(8){
		-webkit-transition:all 0.3s ease 0.35s;
		transition:all 0.3s ease 0.2s;
		}

#menu li:nth-child(9){
		-webkit-transition:all 0.3s ease 0.4s;
		transition:all 0.3s ease 0.2s;
		}

#menu li:nth-child(10){
		-webkit-transition:all 0.3s ease 0.45s;
		transition:all 0.3s ease 0.2s;
		}

/****メニューオープン時****/

#menu:target .menuopen{
		display:none;
		}

#menu:target .menuclose{
		display:block;
		}

#menu:target li{
		right:0;
		}

/*** メインエフェクト ***/

#main		{
		width:900px;
		margin:0 auto;
		max-width:900px;
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		padding:120px 0px 30px 0px;
		-webkit-transition:all 0.3s ease 0s;
		transition:all 0.3s ease 0s;
		}

#menu:target ~ #main{
		box-shadow:0px 0px 10px 0px rgba(0,0,0,0.8) inset;
		}

/*** リンク ***/

#menu a:link	{
		color:#ffffff;
		text-decoration:none;
		}

#menu a:visited	{
		color:#ffffff;
		text-decoration:none;
		}

#menu a:active	{
		color:#c0c0c0;
		text-decoration:underline;
		}

#menu a:hover	{
		color:#cc1111;
		text-decoration:underline;
		}




/* 横並び */

.flex		{
		display:flex;
		max-width:900px;
		height:100%;
		text-align:center;
		padding:0px 0px 0px 0px;
		margin:0px 50px 0px 50px;
		}

.flex .image	{
		width:320px;
		margin: 0;
		padding: 0;
		overflow:hidden;
		}

.flex .text	{
		width:320px;
		color:#333333;
		font-size:14pt;
		margin:0px 20px 0px 30px;
		padding: 0;
		}

#s1,#s2,#s3	{
		display:inline-block;
		overflow:hidden;
		white-space:nowrap;
		width:0%;
		}

#s1		{
animation:s1 9s infinite;
}
@keyframes s1 {
      from { width:0em; }
      33% { width: 4em; }
      to { width:4em; }
}
#s2		{
animation:s2 9s infinite;
}
@keyframes s2 {
      0% { width:0em; }
      33% { width:0em; }
      66% { width:8em; }
      to { width:8em; }
}
#s3		{
animation:s3 9s infinite;
}
@keyframes s3 {
      0% { width:0em; }
      66% { width:0em; }
      to { width:12em; }
}

.titlelog	{
		text-align:center;
		font-size:1.2em;
		letter-spacing:0.2em;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}


/*個別クラス要素*/
/*トップ写真名前*/

.photoblock	{
		text-align:center;
		}

.top_photo	{
		max-width:600px;
		text-align:center;
		border-width:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		}

.photo		{
		color:#494949;
		font-size:8pt;
		font-weight:normal;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align:right;
		line-height:140%;
		border-style:dotted;
		border-color:#999999;
		border-width:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		}

.example	{
		width:400px;
		border-width:0px 0px 0px 0px;
		padding:20px 20px 0px 0px;
		margin:0px 20px 0px 20px;
		}

/*リスト先頭WEB*/

.webfile	{
		padding-left:2.0em;
		background-image:url(../images/icon_B_0745.png);
		background-repeat:no-repeat;
		background-size:1.5em;
		background-position:left center;
		margin:0px 0px 15px 0px;
		}

/*リスト先頭PDF*/

.pdffile	{
		padding-left:2.0em;
		background-image:url(../images/pdffile.gif);
		background-repeat:no-repeat;
		background-size:1.5em;
		background-position:left center;
		margin:0px 0px 15px 0px;
		}

/*リスト先頭word*/

.wdfile	{
		padding-left:2.0em;
		background-image:url(../images/2kkrn_icon_word_5.png);
		background-repeat:no-repeat;
		background-size:1.5em;
		background-position:left center;
		margin:0px 0px 15px 0px;
		}

/*リスト先頭excel*/

.exfile	{
		padding-left:2.0em;
		background-image:url(../images/2kkrn_icon_excel_5.png);
		background-repeat:no-repeat;
		background-size:1.5em;
		background-position:left center;
		margin:0px 0px 15px 0px;
		}

/*リスト先頭zip*/

.zip	{
		padding-left:2.0em;
		background-image:url(../images/zip2.png);
		background-repeat:no-repeat;
		background-size:1.5em;
		background-position:left center;
		margin:0px 0px 15px 0px;
		}

/*リスト先頭ダウンロード*/

.downloadfile	{
		padding-left:2.0em;
		font-size:1.2em;
		background-image:url(../images/download_24.png);
		background-repeat:no-repeat;
		background-size:1.5em;
		background-position:left center;
		margin:30px 15px 15px 30px;
		}

/*リスト先頭UP*/

.new		{
		padding-left:2.0em;
		background-image:url(../images/new01.gif);
		background-repeat:no-repeat;
		background-size:1.5em;
		background-position:left center;
		margin:0px 0px 10px 0px;
		}

/*リスト先頭なし*/

.old		{
		padding-left:2.0em;
		background-image:url(../images/old01.png);
		background-repeat:no-repeat;
		background-size:1.5em;
		background-position:left center;
		margin:0px 0px 15px 0px;
		}

/*span　リストマーク*/
.mark		{
		color:#FFFFFF;
		font-size: 1.2em;
		letter-spacing:0.2em;
		padding:0px 10px 0px 10px;
		margin:0px 20px 0px 0px;
		}

/*span　ファイル容量*/
.capacity	{
		color:#ff0000;
		font-size: 0.8em;
		opacity:0.8;
		letter-spacing:0.2em;
		padding:0px 0px 0px 10px;
		}

/*span　更新日時*/
.renewal	{
		color:#CC0000;
		font-size:0.8em;
		opacity:0.8;
		letter-spacing:0.2em;
		padding:0px 10px 0px 10px;
		}

.heer		{
		color:#aa6600;
		font-weight:normal;
		font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align:right;
		line-height:140%;
		border-style:dotted;
		border-color:#999999;
		border-width:0px 0px 0px 0px;
		padding:0px 50px 8px 0px;
		margin:20px 30px 0px 30px;
		}

/*QRコード*/

.qr-code	{
		width:135px;
		height:135px;
		border-width:0px 0px 0px 0px;
		margin:10px 10px 10px 30px;
		}

/*外部リンク*/

.inner		{
		width:90%;
		margin:0 auto;
		padding:1em 0;
		}

.list_anchor	{
		display:-webkit-box;
		display:flex;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		-webkit-flex-wrap:wrap;
		flex-wrap:         wrap;
		}

.list_anchor::after{
		content: "";
		width:30%;
		}

.list_anchor li{
		width:30%;
		margin-bottom:1em;
		}

.list_anchor li a{
		display:block;
		line-height:1;
		position:relative;
		color:#ffffff;
		background:#ff9900;
		text-decoration:none;
		padding:10px 15px;
		font-weight:500;
		}

.list_anchor li a:hover{
		display:block;
		line-height:1;
		position:relative;
		color:#cc0000;
		background:#ffcc66;
		text-decoration:none;
		padding:10px 15px;
		font-weight:500;
		}


.list_anchor li a::after{
		content: "";
		width:0;
		height:0;
		border-top:4px solid #ffffff;
		border-right:3px solid transparent;
		border-bottom:4px solid transparent;
		border-left:3px solid transparent;
		position:absolute;
		right:10px;
		top:calc(50%);
		}

/*アクセス解析リンク*/

.analysis	{
		color:#494949;
		font-size:16pt;
		font-weight:normal;
		text-align:right;
		line-height:150%;
		padding:5px 5px 5px 5px;
		margin:10px 50px 10px 10px;
		}

/*引用*/

.quotation	{
		background-color:#FFEECC;
		border-style:dotted;
		border-color:#FF9900;
		border-width:1px 1px 1px 1px;
		padding:0px 0px 0px 0px;
		margin:10px 50px 10px 50px;
		}

.po		{
		font-size:11pt;
		line-height:200%;
		vertical-align:top;
		padding:20px 30px 20px 20px;
		margin:0px 0px 0px 0px;
		}

/*住所等テーブル*/


/*ダウンロードアイコン*/
.dlicon		{
		text-align:center;
		font-size:11pt;
		line-height:200%;
		vertical-align:top;
		padding:10px 10px 10px 10px;
		margin:0px 0px 0px 0px;
		}

/*ダウンロードアイコン*/
.dlicon2		{
		text-align:left;
		font-size:12pt;
		line-height:200%;
		vertical-align:middle;
		padding:10px 10px 10px 10px;
		margin:0px 0px 0px 0px;
		}


/*地図*/

.map-p		{
		text-align:center;
		}

.map		{
		max-width:90%;
		}


/*** メイン部分 ***/

.contents	{
		width:900px;
		margin:0 auto;
		max-width:900px;
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		padding:120px 0px 30px 0px;
		}

/*** フッター部分 ***/

footer		{
		color:#ffffff;
		}

.footer		{
		width:1000px;
		margin:0 auto;
		background:linear-gradient(#FFAA00,#FF5500);
		box-shadow:0px 0px 30px 10px rgba(0,0,0,0.2);
		width:calc(100% - 30px);
		height:90px;
		padding:0px 0;
		bottom:0;
		border-radius:50px;
		}

.footer a	{
		color:#ffffff;
		text-decoration:none;
		}

.footer a:hover	{
		text-decoration: underline;
		}

.footer .amenu	{
		color:#ffffff;
		font-size:0.8em;
		padding:8px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		list-style:none;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		}

.footer .amenu li{
		color:#ffffff;
		margin: 0;
		padding: 0 10px;
		border-right: 1px #ffffff solid;
		}

.footer .amenu li:last-child {
		border: none;
		}

address		{
		color:#ffffff;
		font-size:10pt;
		font-style:normal;
		font-weight:normal;
		font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
		line-height:140%;
		text-align:center;
		border-style:solid;
		border-color:#999999;
		border-width:0px 0px 0px 0px;
		padding:10px 0px 0px 0px;
		}

@media only screen and (max-width: 599px) {
.footer04 .menu {
		justify-content: flex-start;
		}
.footer04 .menu li {
		width: 50%;
		box-sizing: border-box;
		border: none;
		}
.footer04 .menu li:nth-child(odd) {
		border-right: 1px #808080 solid;
		}
		}