/* ------------------------------------------------------------------------- */
/* ▼モバイルファースト (モバイル用のデザインと全環境に共通のデザインを記述) */
/* ------------------------------------------------------------------------- */
	.header {
		width: 100%;
		padding-bottom: 5px;
		margin-left: auto;
		margin-right: auto;
	}
	.header_std {
		width: 100%;
		padding-bottom: 5px;
		margin-left: auto;
		margin-right: auto;
	}
	.fl {
		padding-top: 8px;
	}
	.fr {
		/* padding-top: 8px; */
	}
	.fl img {
		float: left;
		width: 48%;
		height: auto;
	}
	.fr img {
		float: right;
		width: 48%;
		height: auto;
	}

	div.stdbox {
		padding: 0px 10px;
		margin-left: auto;
		margin-right: auto;
	}

	div.mainbox {
		padding: 10px;
	}
	div.mainbox2 {
		padding: 10px;
	}
	div.subbox {
		padding: 10px;
	}

	div.halfbox {
		width: 100%;
		align: center;
	}
	div.halfbox img {
		max-width: 50%;
	}

	body * {
		line-height: 1.5em;
	}

	body {
		margin: 5px;
	}

	a {
		text-decoration: none;
		color: #333;
	}

	.resizeimage img {
		width: 100%;
	}

	h1 {
		font-size: 130%;
	}
	h2 {
		font-size: 120%;
	}
	h3 {
		font-size: 100%;
	}

	.dec1 {
		padding: 0.15em 0.5em;		/*上下 左右の余白*/
		color: #494949;			/*文字色*/
		background: transparent;	/*背景透明に*/
		border-left: solid 5px #0A51A1;	/*左線*/
	}
	.dec2 {
		padding: 0.25em 0.5em;			/*文字周りの余白*/
		color: #494949;			/*文字色*/
		/*background: #fffaf4;*/		/*背景色*/
		background: #F4FFF4;
		/*border-left: solid 5px #ff8000;*/	/*左線（実線 太さ 色）*/
		border-left: solid 5px #00B050;
	}

	/*チェックアイコン*/
	h3.chk {
		position: relative;
		padding-left: 1.2em;		/*アイコン分のスペース*/
		line-height: 1.2;
	}
	h3.chk:before {
		font-family: "Font Awesome 5 Free";
		content: "\f00c";		/*アイコンのユニコード*/
		position: absolute;		/*絶対位置*/
		font-size: 1em;			/*サイズ*/
		left: 0;			/*アイコンの位置*/
		top: 0;				/*アイコンの位置*/
		color: #0A51A1; 		/*アイコン色*/
	}
	/*●→アイコン*/
	h3.arrowright {
		position: relative;
		padding-left: 1.2em;		/*アイコン分のスペース*/
		line-height: 1.2;
	}
	h3.arrowright:before {
		font-family: "Font Awesome 5 Free";
		content: "\f0a9";
		position: absolute;		/*絶対位置*/
		font-size: 1em;			/*サイズ*/
		left: 0;			/*アイコンの位置*/
		top: 0;				/*アイコンの位置*/
		color: #0A51A1; 		/*アイコン色*/
	}

	/*クリップアイコン*/
	h3.clip {
		color: #494949;	/*文字色*/
		position: relative;
		padding-left: 1.2em;		/*アイコン分のスペース*/
	}
	h3.clip:before {
		font-family: "Font Awesome 5 Free";
		content: "\f0c6";		/*アイコンのユニコード*/
		position: absolute;		/*絶対位置*/
		font-size: 1em;			/*サイズ*/
		left: 0;			/*アイコンの位置*/
		top: 0;				/*アイコンの位置*/
		color: #0A51A1; 		/*アイコン色*/
	}

	/* ふきだしアイコン */
	h1.fukidashi {
		position: relative;
		padding-left: 1.5em;		/*アイコン分のスペース*/
		color: #494949;
		line-height: 1.2;
	}
	h1.fukidashi:before {
		font-family: "Font Awesome 5 Free";
		content: "\f075";
		position: absolute;		/*絶対位置*/
		font-size: 1em;			/*サイズ*/
		left: 0;			/*アイコンの位置*/
		top: 0;				/*アイコンの位置*/
		color: #0A51A1; 		/*アイコン色*/
	}

	/*電話アイコン*/
	h3.tel {
		position: relative;
		padding-left: 1.2em;		/*アイコン分のスペース*/
		line-height: 1.2;
	}
	h3.tel:before {
		font-family: "Font Awesome 5 Free";
		content: "\f095";
		position: absolute;		/*絶対位置*/
		font-size: 1em;			/*サイズ*/
		left: 0;			/*アイコンの位置*/
		top: 0;				/*アイコンの位置*/
		color: #0A51A1; 		/*アイコン色*/
	}

	/*FAXアイコン*/
	h3.fax {
		position: relative;
		padding-left: 1.2em;		/*アイコン分のスペース*/
		line-height: 1.2;
	}
	h3.fax:before {
		font-family: "Font Awesome 5 Free";
		content: "\f1ac";
		position: absolute;		/*絶対位置*/
		font-size: 1em;			/*サイズ*/
		left: 0;			/*アイコンの位置*/
		top: 0;				/*アイコンの位置*/
		color: #0A51A1; 		/*アイコン色*/
	}

	/*フォーム送信アイコン*/
	h3.form {
		position: relative;
		padding-left: 1.2em;		/*アイコン分のスペース*/
		line-height: 1.2;
	}
	h3.form:before {
		font-family: "Font Awesome 5 Free";
		content: "\f0ac";
		position: absolute;		/*絶対位置*/
		font-size: 1em;			/*サイズ*/
		left: 0;			/*アイコンの位置*/
		top: 0;				/*アイコンの位置*/
		color: #0A51A1; 		/*アイコン色*/
	}

	.viewon {
		display: block;
	}

	.noview {
		display: none;
	}

	/* フッター */
	.footer {
		margin-top: 5px;
		padding: 10px;
		background: #808080;
		color: white;
		font-size: 0.75em;
		border-radius: 5px;
		background-image: url('/rsc/bgimg/menu.jpg');
	}

	/* サブメニュー用レイアウト */
	.submenu {
		list-style: none;
		overflow: hidden;
		padding-left: 0;
		text-align: center;
	}
	.submenu li {
		display: inline-block;
		width: 80%;
	}
	.submenu li a {
		display: block;
		margin-bottom: 5px;
		padding: 15px 25px;
		text-align: center;
		text-decoration: none;
		color: #333;
		border:1px solid #3e2a1f;
		border-radius: 5px;
	}
	.submenu li:last-child a {
		/* border: none; */
	}
	.submenu li a:hover {
		color: white;
		background-image: url('/rsc/bgimg/menu.jpg');
	}

	/* お知らせレイアウト */
	.infotable {
		list-style: none;
		display: block;
		padding-left: 0px;
	}
	.infotable li {
		display: block;
		margin-left: 1em;
	}
	/* .infotable li a {
		display: block;
		text-decoration: none;
		padding-left: 10px;
		color: #333;
	} */

	/* お知らせレイアウト2 */
	.infotable2 {
		list-style: none;
		display: block;
		padding-left: 0px;
	}
	.infotable2 li {
		display: block;
	}
	.infotable2 li a {
		display: block;
		text-decoration: none;
		padding-left: 10px;
		color: #333;
	}

	/* 30周年税理士名レイアウト */
	.info_30th {
		list-style: none;
		display: block;
		padding-left: 0px;
		overflow: hidden;
	}
	.info_30th_li1 {
		display: none;
	}
	.info_30th_li2 {
		vertical-align: middle;
		display: inline-block;
		width: 45%;
	}
	.info_30th_img {
		margin: 0 0 0 auto;
		text-align: right;
		padding-left: 10%;
		padding-right: 10%;
	}
	.info_30th_img img {
		width: 100%;
	}

	/* 概要等テーブルレイアウト */
	.outline_table {
		display: table;
		width: 98%;
		align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.outline_table ul {
		display: table-row;
	}
	.outline_table ul li {
		display: table-cell;
		width: auto;
		padding: 10px;
		border-top:1px dotted #3e2a1f;
	}
	.outline_table ul:last-child li {
		border-bottom:1px dotted #3e2a1f;
	}

	/* 税理士紹介等テーブルレイアウト */
	.outline_table2 {
		display: table;
		/*width: 50%;*/
		align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.outline_table2 ul {
		display: table-row;
	}
	.outline_table2 ul li {
		display: table-cell;
		width: auto;
		padding: 10px;
		border-top:1px dotted #3e2a1f;
	}
	.outline_table2 ul:last-child li {
		border-bottom:1px dotted #3e2a1f;
	}

	/* 税務情報等テーブルレイアウト */
	.outline_table3 {
		display: block;
		width: 95%;
		align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.outline_table3 ul {
		list-style: none;
		padding-left: 0;
	}
	.outline_table3 ul:hover {
		background: #ffffe0;
	}
	.outline_table3 ul li {
		display: inline-block;
		padding-left: 10px;
		padding-top: 10px;
		vertical-align: middle;
	}
	.outline_table3 ul li:last-child {
		display: block;
		padding-top: 0;
		padding-bottom: 10px;
		border-bottom: 1px dotted #3e2a1f;
	}
	.outline_table3 ul li img{
		width: 100%;
		min-width: 50px;
		border-radius: 5px;
	}	

	/* バナー用画像レイアウト */
	.banner {
		list-style: none;
		overflow: hidden;
		padding-left: 0px;
		text-align: center;
	}
	.banner li {
		display: inline-block;
		width: 40%;
		margin-left: 10px;
		margin-bottom: 10px;
		transition: all 0.5s ease;
		opacity: 0.9;
	}
	.banner li img {
		max-width: 300px;
		width: 100%;
		border-radius: 5px;
	}
	.banner li:hover {
		opacity: 1;
	}

	/* サムネイル用画像レイアウト */
	.thumbs {
		list-style: none;
		overflow: hidden;
		padding-left: 0px;
		text-align: center;
	}
	.thumbs li {
		display: inline-block;
		width: 40%;
		margin-left: 10px;
		margin-bottom: 10px;
		transition: all 0.5s ease;
		opacity: 0.9;
	}
	.thumbs li img {
		max-width: 300px;
		width: 100%;
		border-radius: 5px;
	}
	.thumbs li:hover {
		opacity: 1;
	}

	/* サムネイル用画像レイアウト2 */
	.thumbs2 {
		list-style: none;
		overflow: hidden;
		padding-left: 0px;
		text-align: center;
	}
	.thumbs2 li {
		display: inline-block;
		width: 20%;
		margin-left: 7px;
		margin-bottom: 7px;
		transition: all 0.5s ease;
		opacity: 0.9;
	}
	.thumbs2 li img {
		max-width: 100px;
		width: 100%;
		border-radius: 5px;
	}
	.thumbs2 li:hover {
		opacity: 1;
	}


	/* はたごまち履歴レイアウト */
	.hatagomachi_table {
		list-style: none;
		display: block;
		padding-left: 0px;
	}
	.hatagomachi_table li {
		display: block;
		border-bottom:1px dotted #3e2a1f;
	}
	.hatagomachi_table li a {
		text-decoration: none;
	}
	.hatagomachi_table li img {
		float: left;

		margin-right: 10px;
		width: 50px;
		border-radius: 5px;
	}

	/* TOPに戻るボタン */
	#scroll-to-top {
		position: fixed;
		z-index: 2147483647;
		bottom: 20px;
		right: 20px;
		/*background: rgba(56,14,0,0.75);
		color: #fff;
		font-size: 1.5em;
		font-family: sans-serif;
		text-decoration: none;
		padding: 10px 10px;*/
		border-radius: 5px;
		opacity: 0.6;
	}
	.scroll-to-top-not-display {
		display: none;
	}

	/* クレド */
	.credo {
		list-style: none;
		overflow: hidden;
		padding-left: 0px;
		text-align: center;
		width: 100%;
	}
	.credo li {
		display: inline-block;
		width: 40%;
		margin-bottom: 10px;
	}
	.credo li img {
		max-width: 200px;
		width: 100%;
	}

	/* エラーページレイアウト */
	.missingtable {
		list-style: none;
		display: block;
		padding-left: 0;
		text-align: center;
	}
	.missingtable li {
		padding-top: 5px;
		display: block;
	}

	/* 広告用画像レイアウト */
	.banner_m {
		list-style: none;
		overflow: hidden;
		padding-left: 0px;
		text-align: center;
	}
	.banner_m li {
		display: inline-block;
		width: 60%;
		margin-left: 10px;
		margin-bottom: 10px;
		transition: all 0.5s ease;
		opacity: 0.9;
	}
	.banner_m li img {
		max-width: 350px;
		width: 100%;
		border-radius: 5px;
	}
	.banner_m li:hover {
		opacity: 1;
	}

	/* 向日葵だよりレイアウト */
	.himawari_table {
		display: block;
		width: 95%;
		align: center;
		margin-left: auto;
		margin-right: auto;
		/* background : #e0e0e0; */
	}
	.himawari_table ul {
		list-style: none;
		/* background : #ffe0e0; */
		/*width: 95%;*/
	}
	.himawari_table ul li {
		display: block;
		vertical-align: top;
		margin-top: 5px;
		padding: 5px;
	}
	.himawari_table ul h3 {
		margin-top: 3px;
		margin-bottom: 3px;
	}
	.himawari_table ul li:hover {
		background: #e0ffe0;
	}

	/* フェードインする */
	.fadein {
		opacity : 0;
		transform : translate(0, 50px);
		transition : all 300ms;
	}
	.fadein.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}


/* -------------------------------------------------------------------- */
/* ▼タブレットや狭い画面のPC用デザインとして付け足すデザインだけを記述 */
/* -------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
	.header {
		align: center;
		max-width: 1450px;
	}
	.fl img, .fr img {
		height: 60px;
		width: auto;
	}
	.fl img {
		float: left;
	}
	.fr img {
		float: right;
	}
	div.maxcover {
		clear:both;
		align: center;
		max-width: 1450px;
		margin-left: auto;
		margin-right: auto;
	}
	div.cover {
		clear:both;
		width: 100%;
		align: center;
		margin-left: auto;
		margin-right: auto;
	}
	div.stdbox {
		margin: 0px;
	}

	div.mainbox {
		float: right;
		width: 70%;
		margin: 0px;
	}
	div.mainbox2 {
		float: left;
		width: 70%;
		margin: 0px;
	}
	div.subbox {
		margin: 0px;
	}

	div.halfbox {
		float: left;
		width: 40%;
	}
	div.halfbox img {
		max-width: 90%;
	}

	body {
		margin: 5px;
	}

	h1 {
		font-size: 175%;
	}
	h2 {
		font-size: 160%;
	}
	h3 {
		font-size: 120%;
	}

	.viewon {
		display: none;
	}

	.noview {
		display: block;
	}

	/* フッター */
	.footer {
		padding: 10px;
		font-size: 1em;
	}

	.antialias {
		-webkit-transform: rotate(0.028deg);
		-moz-transform: rotate(0.028deg);
		-ms-transform: rotate(0.028deg);
		-o-transform: rotate(0.028deg);
		transform: rotate(0.028deg);
	}

	/* サブメニュー用レイアウト */
	.submenu {
		list-style: none;
		overflow: hidden;
		padding-left: 0;
	}
	.submenu li {
		width: 90%;
	}
	.submenu li a {
		text-align: left;
	}


	/* お知らせレイアウト */
	.infotable {
		overflow: hidden;
	}
	.infotable li {
		vertical-align: top;
		display: inline-block;
		width: 45%;
	}
	
	/* お知らせレイアウト2 */
	.infotable2 {
		overflow: hidden;
	}
	.infotable2 li {
		vertical-align: top;
		display: inline-block;
		width: 95%;
	}

	/* 30周年税理士名レイアウト */
	.info_30th_li1 {
		display: inline-block;
		width: 30%;
	}
	.info_30th_li2 {
		display: inline-block;
		width: 30%;
	}
	.info_30th_img img {
		width: 70%;
	}

	/* 税務情報等テーブルレイアウト */
	.outline_table3 {
		display: table;
		width: 95%;
		align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.outline_table3 ul {
		display: table-row;
	}
	.outline_table3 ul:hover {
		background: #ffffe0;
	}
	.outline_table3 ul li {
		display: table-cell;
		padding: 10px;
		vertical-align: middle;
		border-top:1px dotted #3e2a1f;
		/*border-right:1px dotted #3e2a1f;*/
	}
	.outline_table3 ul li:last-child {
		border-bottom: none;
	}
	.outline_table3 ul li img{
		width: 100%;
		min-width: 50px;
		border-radius: 5px;
	}
	


	/* バナー用レイアウト */
	.banner li {
		width: 90%;
		margin-left: 0px;
	}

	/* サムネイル用レイアウト */
	.thumbs li {
		width: 24%;
		margin-left: 0px;
	}

	/* サムネイル用レイアウト2 */
	.thumbs2 li {
		width: 12%;
		margin-left: 0px;
	}

	/* クレド */
	.credo li {
		width: 19%;
		margin-left: 0px;
	}

	/* はたごまち履歴レイアウト */
	.hatagomachi_table li img {
		width: 100px;
	}

	/* エラーページレイアウト */
	.missingtable {
		overflow: hidden;
	}
	.missingtable>li {
		vertical-align: top;
		margin-bottom: 20px;
		display: inline-block;
		width: 30%;
	}

	/* 広告用レイアウト */
	.banner_m {
		text-align: right;
	}
	.banner_m li {
		width: 24%;
		margin-left: 0px;
	}

	/* 向日葵だよりレイアウト */
	.himawari_table ul li {
		/* width: 45%;
		display: inline-block;
		margin-top: 20px; */
	}

}

/* ---------------------------------------------- */
/* ▼PC用デザインとして付け足すデザインだけを記述 */
/* ---------------------------------------------- */
@media screen and (min-width: 960px) {
	.header_std {
		align: center;
		max-width: 960px;
	}
	div.cover {
		width: 960px;
	}

	h1 {
		font-size: 250%;
	}
	h2 {
		font-size: 190%;
	}
	h3 {
		font-size: 130%;
	}

}