@charset "UTF-8";


/*  基本設定   */
* {
	margin : 0
}
img {
	width:100% ;
	height:auto;
}



/*ページ全体の設定*/
body {
	display:grid;
	grid-template-columns: 2% 1fr 2%;	/*列の枠幅*/
	grid-template-rows:
			[head] auto 	
			[title] auto 
			[sub] auto 
			[menu] 54px 
			[recent] auto 
			[foot] auto;	
/*			[foot] 100px;	/*行の高さ*/
/*	grid-row-gap: 20px;	/*各行間に20pxの間隔を空ける*/
/*	row-gap: 20px;	/*各行間に20pxの間隔を空ける*/
	font-family:serif;	/*serif明朝体系、sans-serifゴシック系*/
/*	background-color:#eeeeee;  /*treemarkに伴い削除20200715*/
}



body > * {	/*　「>」(1階層下)、「*」(全ての要素)、「+」(隣接する要素)、「　」(中の要素)　　*/
	grid-column : 2 / -2;
}


/*ヘッダーhp説明*/
header {
	grid-row : head;	/*配置*/
	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
	align-self : start; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
	margin-top:10px;
}


.hpname01 a {
	font-size : 16px ; /*標準16ピクセル→16ピクセルにする*/
	text-decoration:none ;
	color :  #555d6b;	
}

/*ヘッダーhp説明	事務所の印*/
/*treemarkに伴い追加20200715*/
div.hpname {
/*	display:inline-block;	/**/
	display:flex;	/**/
    justify-content:center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
/*	align-self : center; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
/*	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
}
figure.hpmark02 {
	background-image:url(img/tree.png);	
	height:60px; 
    width: 60px;
	margin-top:20px; 	/*外への斥力*/
	margin-bottom:20px; 	/*外への斥力*/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
/*	object-fit : contain ;/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小*/
}

/*ヘッダーhp説明	事務所名*/
div.hpname02  {
	font-size : 40px ; /*標準16ピクセル→40ピクセルにする*/
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin-top:20px; 	/*外への斥力*/
	margin-bottom:20px; 	/*外への斥力*/
}

div.hpname02 a {
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	text-decoration:none ;
	color :  #555d6b;	
}

.hpname02 a:hover {
	color: #ef9504 ;	
}


/*絵イメージ画像*/
figure.hero00 {
	grid-column : 1 / -1;	/*右端から左端まで*/
	grid-row : title  / span 2;/*配置*/
/*	background-image:url(img/shakehand01.jpg);
/*	background-position:center; 	/*画像の中心から切り出す(左上からではなく)*/
}

figure.hero00 img {
	height: 547px ;
	object-fit : cover ;/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小*/
	vertical-align: bottom;/*絵の位置を、空間内上下の、top最上へ、text-top上へ、middle中央へ、baseline、text-bottom、bottom最下へ、*/
	filter : brightness(70%);	
	z-index : -1 ;  /*背後に劣後する*/
	position: relative; /*背後に劣後する（Edge用の設定）*/
}	

@media (min-width: 750px) {
figure.hero00 img {
	height: 250px ;
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
figure.hero00:not(:target) {
	position:relative;
	width:100vw;	/*vw:ブラウザ幅に対する比率*/
	height:0;
	padding-bottom:30%;	/**/
	overflow:hidden;
	background-color:rgba(0, 0, 0, 0.3);
}
figure.hero00 img:not(:target) {
	position:absolute;
	top:50%;	/**/
	left:50%;	/**/
	transform:translate(-50%, -50%);	/**/
	width:100vw;	/**/
	height:auto;	/**/
	opacity:1.0;	
}
}


/*訴求文言*/
section.hero01 {	
	grid-row : title ;/*配置*/
	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
	align-self : center; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
}	

section.hero01 h1 {
	text-align:center;	/*ボックスの内容を左右の、左left、中央center、右right*/
	font-size:48px; 	/*標準16ピクセル→48ピクセルにする*/
	color: #FFFFFF ;	/*白色*/
	text-shadow:0.5px 0.5px 1px #444444; 	/*右ズレ・下ズレ・ぼかし幅・影色*/
}	
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
section.hero01 {	
	position:absolute;
	top:40%;	/**/
	left:50%;	/**/
	transform:translate(-50%, 0%);	/*横縦*/
}	
}	



/*副訴求文言*/
section.hero02 {	
	grid-row : sub ;/*配置*/
}

section.hero02 p {	
/*	padding-bottom:100px; 		/*内への斥力*/
/*	width:60%;
/*	padding-left:20%; 	/*内への斥力*/
/*	padding-right:20%; 	/*内への斥力*/
/*	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
/*	align-self : center; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
	text-align:center;	/*ボックスの内容を左右の、左left、中央center、右right*/
	font-size:20px; 	/*標準16ピクセル→20ピクセルにする*/
/*	color :  #000000;		/*文字色*/
/*	color:#ffffff;	/*文字白色*/
/*	text-decoration:none;	/*none underline overline line-through*/
/*	border:solid 1px #ffffff;	/*ボックス囲み*/
/*	padding:10px 40px;	/*内容からグリッド境界まで、縦上下10px、横左右40px、空間を空ける*/
/*	display: inline-block;
/*	margin-top: 20px;	/*グリッド境界から他グリッドまで、縦上下10px、横左右40px、空間を空ける*/
/*	border-radius: 10px;	/*ボックス囲みの角を丸くする*/
/*	background-color: rgba(85,93,107,0.5);
/*	text-align : left;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
/*	width:100px ;	*/
}

section.hero02 p a {	
/*	padding-bottom:100px; 		/*内への斥力*/
/*	width:60%;
/*	padding-left:20%; 	/*内への斥力*/
/*	padding-right:20%; 	/*内への斥力*/
/*	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
/*	align-self : start; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
/*	text-align:center;	/*ボックスの内容を左右の、左left、中央center、右right*/
/*	font-size:20px; 	/*標準16ピクセル→20ピクセルにする*/
	color:#ffffff;	/*文字白色*/
	text-decoration:none;	/*none underline overline line-through*/
	border:solid 1px #ffffff;	/*ボックス囲み*/
	padding:10px 40px;	/*内容からグリッド境界まで、縦上下10px、横左右40px、空間を空ける*/
	display: inline-block;	/*文章タイプ　→　ブロックタイプ*/
/*	margin-top: 20px;	/*グリッド境界から他グリッドまで、縦上下10px、横左右40px、空間を空ける*/
	border-radius: 10px;	/*ボックス囲みの角を丸くする*/
	background-color: rgba(85,93,107,0.5);	/*4つ目の引数は透明度*/
/*	text-align : left;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
/*	width:100px ;	*/
}


section.hero02 p a:hover{
	background-color:#ef9504;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
section.hero02 {	
	display:none;
}
}




/********　遷移ボタン　*********/
nav.topnav01 {
	grid-row : menu;/*配置*/
/*	grid-column : 2 / -1;	/*右端から左端まで*/
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr ;	/*列の枠幅*/
/*	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
/*	align-self : center; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
    position:relative;/**/
    z-index: 10;/**/
}


nav.topnav01 div.menu01 div.menu01main {
	grid-column : 1 ;
	background-image:url(img/botan010.PNG);	
	background-size:100% 100%; 
}

nav.topnav01 div.menu02 div.menu02main {
	grid-column : 2 ;
	background-image:url(img/botan020.PNG);	
	background-size:100% 100%; 
}
nav.topnav01 div.menu02 div.menu02sub {
    height: 0;
    overflow:hidden;/**/
}
nav.topnav01 div.menu02:hover div.menu02sub {
    height: 140px;/*35pxが4行あるため*/
    overflow:visible;
}
nav.topnav01 div.menu02:hover div.menu02sub div {
    height: 35px;
    background-color:rgba(240, 247, 245,0.95);
    border-radius: 3px;/**/
    border: solid 1px #34b4ae;/**/
}
nav.topnav01 div.menu02:hover div.menu02sub div a {
	text-decoration:none;	/*none underline overline line-through*/
}
nav.topnav01 div.menu02:hover div.menu02sub div a h2{
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
/*	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
/*	align-self : center; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
	font-size : 21px ;/**/
    letter-spacing: 0;
    color: #010112 ;
	text-shadow:0.2px 0.2px 0.2px rgba(255, 255, 255,0.5); 	/*右ズレ・下ズレ・ぼかし幅・影色*/
	text-decoration:none;	/*none underline overline line-through*/
}
nav.topnav01 div.menu02:hover div.menu02sub div a h2:hover{
	color: #ef9504 ;	
	text-shadow:0.4px 0.4px 0.4px #ef9504; 	/*右ズレ・下ズレ・ぼかし幅・影色*/
}

nav.topnav01 div.menu03 div.menu03main {
	grid-column : 3 ;
	background-image:url(img/botan030.PNG);	
	background-size:100% 100%; 
}

nav.topnav01 div.menu04 div.menu04main {
	grid-column : 4 ;
	background-image:url(img/botan040.PNG);	
	background-size:100% 100%; 
}

nav.topnav01 div:hover {
	filter : brightness(83%);	
}


nav.topnav01 div a h1 {
/*	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
/*	align-self : center; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
/*	text-align : justify;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
/*	visibility:hidden ;	/*visibility:hidden(空間を維持しつつ見えなくする)、display:none(空間自体を消す)*/
/*	display:none ;	/*visibility:hidden(空間を維持しつつ見えなくする)、display:none(空間自体を消す)*/
/*	text-decoration:none;	/**/
/*	color : rgba(0 0 0 0);	/**/
/*	outline:none;	/**/
/*	position: relative; /*relative背後に劣後する（Edge用の設定）、absolute、fixed、*/
/*	z-index : -1 ;  /*背後に劣後する*/
	white-space:nowrap;	/*改行しない*/
	overflow:hidden;	/*はみ出し部分を非表示*/
	text-indent:-500px;	/**/
	height:54px;	/**/
}

@media (min-width: 1026px) {
nav.topnav01 {
	height: 70px ;
}	/**/
nav.topnav01 div   {
	height:70px;	/**/
}	/**/
nav.topnav01 div a  {
	height:70px;	/**/
}	/**/
nav.topnav01 div a h1 {
	height:70px;	/**/
}	/**/
}	/**/


@media (max-width: 750px) {
nav.topnav01 {
	height: 30px ;
}	/**/
nav.topnav01 div a h1 {
	height:30px;	/**/
}	/**/
nav.topnav01 div.menu02:hover div.menu02sub {
    height: 72px;/*18pxが4行あるため*/
}	/**/
nav.topnav01 div.menu02:hover div.menu02sub div {
    height: 18px;
}	/**/
nav.topnav01 div.menu02:hover div.menu02sub div a h2{
	font-size : 10px ;/**/
}	/**/
}	/**/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
nav.topnav01 {
	display:flex;	/**/
/*	text-indent:0px;	/**/
/*	justify-content:center;	/**/
/*	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
	align-self : center; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
}	/**/
nav.topnav01 div {
	width:25vw;	/**/
}	/**/
nav.topnav01 div:hover {
	opacity:0.6;	/**/
}	/**/
nav.topnav01 div a h1 {
/*	z-index : -1 ;  /*背後に劣後する*/
/*	position: relative; /*背後に劣後する（Edge用の設定）*/
	text-indent:-1000px;	/**/
}	/**/
nav.topnav01 div.menu02:hover div.menu02sub div {
	background-color:#264f93;	
}
nav.topnav01 div.menu02:hover div.menu02sub div a h2{
    color: #ffffff ;
	text-shadow:0.2px 0.2px 0.2px rgba(255, 255, 255,1); 	/*右ズレ・下ズレ・ぼかし幅・影色*/
}
nav.topnav01 div.menu02:hover div.menu02sub div:hover{
	background-color:rgba(0, 0, 0,1);	/**/
}




}	/**/


/*********　home 中央記事　題名*************/
section.main00 {
	grid-row : recent ;/*配置*/
	display: grid;
	grid-template-columns: 1fr 1fr ;	/*グリッドを２行生成*/
	grid-gap: 20px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	gap: 20px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
    position:relative;/**/
    z-index: 1;/**/
}

section.main00 div.main00 {
	grid-column: 1 / -1 ;	/*右端から左端まで*/
	text-align : left;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin:0px;
	padding:0px;
}

section.main00 div.main00 a {
	color: #000000 ;
	text-decoration:none ;
}

section.main00 div.main00 a:hover {
	color: #ef9504 ;	
}

@media (min-width: 1026px) {
section.main00 div.main00 {
	margin-top:16px;
}
}
@media (max-width: 750px) {
section.main00 div.main00 {
	margin-top:-24px;
}
}

section.main00 h1 {
	grid-column: 1 / -1 ;	/*右端から左端まで*/
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin-top:-20px;	/*外への斥力*/
	font-size : 35px ;/*標準16ピクセル→35ピクセルにする*/
	font-weight: bold;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
section.main00 {
	margin:0 5vw 0 5vw;
}
section.main00 h1 {
	margin-top:0px;	/*外への斥力*/
}
}



/*********　home 中央記事　01つ目　*************/
article.main01 {
	background-image:url(img/note.jpg);	
	background-position:20% 45%;	/*画像の中の表示箇所：左から、上から*/	
	height:120px;
	filter : brightness(70%);	
	border:solid 1px #3e4145;
} 

article.main01:hover {
	filter : brightness(40%);	
}

article.main01 h2 {
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin:2px;	/*外への斥力*/
	padding:18px;	/*内への斥力*/
	font-size : 24px ;/*標準16ピクセル→24ピクセルにする*/
	font-weight: bold;
	color: #010112 ;
	text-shadow:0.5px 0.5px 1px #2424f2; 	/*右ズレ・下ズレ・ぼかし幅・影色*/
	text-decoration:none;	/*none underline overline line-through*/
/*	border:solid 1px #ffffff;	/*ボックス囲み*/
/*	border-radius: 10px;	/*ボックス囲みの角を丸くする*/
/*	background-color: rgba(85,93,107,0.2);	/*4つ目の引数は透明度*/
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
article.main01:not(:target) {
	width:40vw;	/*vw:ブラウザ幅に対する比率*/
	height:0;	/**/
	padding-bottom:10%;	/**/
	float:left;
	margin:1% 2% 1% 2%;	/*上右下左*/
/*	position:relative;	/**/
/*	left:5%;	/**/
}	/**/
article.main01:hover {
	background-color:rgba(0,0,0,0.5);
	opacity:0.5;	
}	/**/
}


/*********　home 中央記事　02つ目　*************/
article.main02 {
	background-image:url(img/souzoku.jpg);	
	background-position:40% 70%;	/*画像の中の表示箇所：左から、上から*/	
	height:120px;
	filter : brightness(70%);	
	border:solid 1px #3e4145;
} 

article.main02:hover {
	filter : brightness(40%);	
}

article.main02 h2 {
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin:2px;	/*外への斥力*/
	padding:18px;	/*内への斥力*/
	font-size : 24px ;/*標準16ピクセル→24ピクセルにする*/
	font-weight: bold;
	color: #010112 ;
	text-shadow:0.5px 0.5px 1px #2424f2; 	/*右ズレ・下ズレ・ぼかし幅・影色*/
	text-decoration:none;	/*none underline overline line-through*/
/*	border:solid 1px #ffffff;	/*ボックス囲み*/
/*	border-radius: 10px;	/*ボックス囲みの角を丸くする*/
/*	background-color: rgba(85,93,107,0.2);	/*4つ目の引数は透明度*/
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
article.main02:not(:target) {
	width:40vw;	/*vw:ブラウザ幅に対する比率*/
	height:0;	/**/
	padding-bottom:10%;	/**/
	float:left;
	margin:1% 2% 1% 2%;	/*上右下左*/
/*	margin:2%;	/**/
/*	position:relative;	/**/
/*	left:10%;	/**/
}	/**/
article.main02:hover {
	background-color:rgba(0,0,0,0.5);
	opacity:0.5;	
}	/**/
}


/*********　home 中央記事　03つ目　*************/
article.main03 {
	background-image:url(img/dentaku.jpg);	
	background-position:20% 45%;	/*画像の中の表示箇所：左から、上から*/	
	height:120px;
	filter : brightness(70%);	
	border:solid 1px #3e4145;
} 

article.main03:hover {
	filter : brightness(40%);	
}

article.main03 h2 {
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin:2px;	/*外への斥力*/
	padding:18px;	/*内への斥力*/
	font-size : 24px ;/*標準16ピクセル→24ピクセルにする*/
	font-weight: bold;
	color: #010112 ;
	text-shadow:0.5px 0.5px 1px #2424f2; 	/*右ズレ・下ズレ・ぼかし幅・影色*/
	text-decoration:none;	/*none underline overline line-through*/
/*	border:solid 1px #ffffff;	/*ボックス囲み*/
/*	border-radius: 10px;	/*ボックス囲みの角を丸くする*/
/*	background-color: rgba(85,93,107,0.2);	/*4つ目の引数は透明度*/
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
article.main03:not(:target) {
	width:40vw;	/*vw:ブラウザ幅に対する比率*/
	height:0;	/**/
	padding-bottom:10%;	/**/
	float:left;
	margin:1% 2% 1% 2%;	/*上右下左*/
/*	position:relative;	/**/
/*	left:5%;	/**/
}	/**/
article.main03:hover {
	background-color:rgba(0,0,0,0.5);
	opacity:0.5;	
}	/**/
}


/*********　home 中央記事　04つ目　*************/
article.main04 {
	background-image:url(img/houjin.jpg);	
	background-position:0% 40%;	/*画像の中の表示箇所：左から、上から*/	
	height:120px;
	filter : brightness(70%);	
	border:solid 1px #3e4145;
} 

article.main04:hover {
	filter : brightness(40%);	
}

article.main04 h2 {
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin:2px;	/*外への斥力*/
	padding:18px;	/*内への斥力*/
	font-size : 24px ;/*標準16ピクセル→24ピクセルにする*/
	font-weight: bold;
	color: #010112 ;	
	text-shadow:0.5px 0.5px 1px #2424f2; 	/*右ズレ・下ズレ・ぼかし幅・影色*/
	text-decoration:none;	/*none underline overline line-through*/
/*	border:solid 1px #ffffff;	/*ボックス囲み*/
/*	border-radius: 10px;	/*ボックス囲みの角を丸くする*/
/*	background-color: rgba(85,93,107,0.2);	/*4つ目の引数は透明度*/
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
article.main04:not(:target) {
	width:40vw;	/*vw:ブラウザ幅に対する比率*/
	height:0;	/**/
	padding-bottom:10%;	/**/
	float:left;
	margin:1% 2% 1% 2%;	/*上右下左*/
/*	position:relative;	/**/
/*	left:10%;	/**/
}	/**/
article.main04:hover {
	background-color:rgba(0,0,0,0.5);
	opacity:0.5;	
}	/**/
}


/*********　home 中央記事　05つ目　*************/
article.main05 {
	background-image:url(img/3449416_s.jpg);	
	background-position:0% 75%;	/*画像の中の表示箇所：左から、上から*/	
	height:120px;
	filter : brightness(70%);	
	border:solid 1px #3e4145;
} 

article.main05:hover {
	filter : brightness(40%);	
}

article.main05 h2 {
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin:2px;	/*外への斥力*/
	padding:18px;	/*内への斥力*/
	font-size : 24px ;/*標準16ピクセル→24ピクセルにする*/
	font-weight: bold;
	color: #010112 ;
	text-shadow:0.5px 0.5px 1px #2424f2; 	/*右ズレ・下ズレ・ぼかし幅・影色*/
	text-decoration:none;	/*none underline overline line-through*/
/*	border:solid 1px #ffffff;	/*ボックス囲み*/
/*	border-radius: 10px;	/*ボックス囲みの角を丸くする*/
/*	background-color: rgba(85,93,107,0.2);	/*4つ目の引数は透明度*/
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
article.main05:not(:target) {
	width:40vw;	/*vw:ブラウザ幅に対する比率*/
	height:0;	/**/
	padding-bottom:10%;	/**/
	float:left;
	margin:1% 2% 1% 2%;	/*上右下左*/
/*	position:relative;	/**/
/*	left:5%;	/**/
}	/**/
article.main05:hover {
	background-color:rgba(0,0,0,0.5);
	opacity:0.5;	
}	/**/
}


/********　遷移ボタン（下部）　*********/
footer {
	margin-top:30px;
	grid-column : 2 / -2;	/*右端から左端まで*/
	background-color:#e1ecf2;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
footer {
	clear:left;
}
}


nav.bottomnav01 {
	grid-row : foot;	/*配置*/
	padding-top:10px;
	margin-left:50px;
}


nav.bottomnav01 ul {
	list-style-type : none ;/*各リストの頭に、黒丸等を入れない*/
	padding: 0 ;	/*各リストの頭について、スペースを与えない*/
}

nav.bottomnav01 ul li {
	margin-top:10px;
}

nav.bottomnav01 ul li a {
	color: #000000 ;
	text-decoration:none ;
}


nav.bottomnav01 ul li a:hover {
	color: #ef9504 ;	
}



/********　著者名（下部）　*********/
address {
	margin-top:30px;
	margin-bottom:30px;
/*	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
/*	align-self : center; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
}



@media (max-width: 400px) {
address {
	font-size : 12px ;/*標準16ピクセル→12ピクセルにする*/
}	
}





/********　Safari非対応注意画面　＆　未完成画面*********/
figure.notice00 {
	grid-row : title  / span 2;/*配置*/
	background-image:url(img/bokasiimage.PNG);	
/*	background-position:20% 45%;	/*画像の中の表示箇所：左から、上から*/	
	height:500px;	/*高さ*/
	filter : brightness(70%);	/*輝度*/
	filter : blur(10px);	/*ぼかし*/
}



h1.notice01 {
	grid-row : title  ;	/*配置*/
	filter : blur(0px);	/*ぼかし*/
	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
	align-self : center; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
	text-align:center;	/*ボックスの内容を左右の、左left、中央center、右right*/
	font-size:50px; 	/*標準16ピクセル→50ピクセルにする*/
	color: #FFFFFF ;	/*白色*/
	text-shadow:0.5px 0.5px 2px #444444; 	/*右ズレ・下ズレ・ぼかし幅・影色*/
}


@media (max-width: 600px) {
h1.notice01 {
	font-size : 35px ;/*標準16ピクセル→35ピクセルにする*/
}	
}


h1.notice02 {
	grid-row : sub  ;/*配置*/
	filter : blur(0px);	/*ぼかし*/
	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
	align-self : start; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
/*	text-align:center;	/*ボックスの内容を左右の、左left、中央center、右right*/
	font-size:50px; 	/*標準16ピクセル→50ピクセルにする*/
/*	color: #000000 ;	/*黒色*/
	text-shadow:0.5px 0.5px 2px #444444; 	/*右ズレ・下ズレ・ぼかし幅・影色*/
/*	text-decoration:none;	/*none underline overline line-through*/
	border:solid 1px #000000;	/*ボックス囲み*/
/*	padding:10px 70px;	/*内容からグリッド境界まで、縦上下10px、横左右70px、空間を空ける*/
	border-radius: 10px;	/*ボックス囲みの角を丸くする*/
	background-color: rgba(85,93,107,0.5);	/*4つ目の引数は透明度*/
}

h1.notice02:hover{
	background-color:#ef9504;
}


h1.notice02 a{
/*	grid-row : sub  ;/*配置*/
/*	filter : blur(0px);	/*ぼかし*/
/*	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
/*	align-self : start; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
	text-align:center;	/*ボックスの内容を左右の、左left、中央center、右right*/
/*	font-size:50px; 	/*標準16ピクセル→50ピクセルにする*/
	color: #000000 ;	/*黒色*/
/*	text-shadow:0.5px 0.5px 2px #444444; 	/*右ズレ・下ズレ・ぼかし幅・影色*/
	text-decoration:none;	/*none underline overline line-through*/
/*	border:solid 1px #ffffff;	/*ボックス囲み*/
	padding:10px 70px;	/*内容からグリッド境界まで、縦上下10px、横左右70px、空間を空ける*/
/*	border-radius: 10px;	/*ボックス囲みの角を丸くする*/
/*	background-color: rgba(85,93,107,0.5);	/*4つ目の引数は透明度*/
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
figure.notice00 {	/**/
	float:left;
	margin-top:20px;
	padding:0 100vw 2vw 0;
	position:relative;	/**/
	background-image:url(img/bokasi.PNG);	/**/	
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
/*	width:100vw;	/*vw:ブラウザ幅に対する比率*/
/*	height:0;	/**/
/*	padding-bottom:30%;	/**/
	overflow:hidden;	/**/
/*	background-color:rgba(0, 0, 0, 1);	/**/
	opacity:0.9;	/**/
	box-shadow: inset 0px 15px 20px 20px #eeeeee;	/*境界輪郭をぼかす、左右・上下・ぼかし・広がり*/
}

h1.notice01 {
	position:absolute;
	top:35%;	/**/
	left:50%;	/**/
	transform:translate(-50%, 0%);	/*横縦*/
}

h1.notice02 {
	position:absolute;
	top:70%;	/**/
	left:50%;	/**/
	transform:translate(-50%, 0%);	/*横縦*/
	padding:10px 70px;	/*内容からグリッド境界まで、縦上下10px、横左右70px、空間を空ける*/
}
h1.notice02 a{
	padding:0;	/**/
}
}




/********　業務案内　画面　題名 *********/
section.main010 {
	grid-row : recent ;/*配置*/
	display: grid;
	grid-template-columns: 15% 35% 35% 15% ;	/*グリッドを4行生成*/
	grid-gap: 20px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	gap: 20px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
/*	grid-column : 2 / -2;	/**/
}
@media (max-width: 1250px) {
section.main010 {
	grid-template-columns: 5% 40% 40% 5% ;	/*グリッドを4行生成*/
}
}
@media (max-width: 1000px) {
section.main010 {
	grid-template-columns: 1fr 1fr ;	/*グリッドを2行生成*/
}
}
@media (max-width: 750px) {
section.main010 {
	grid-template-columns: 1fr ;	/*グリッドを1行生成*/
}
}

section.main010 div {
	grid-column: 1 / -1 ;	/*右端から左端まで*/
	text-align : left;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin:0px;
	padding:0px;
}

section.main010 div a {
	color: #000000 ;
	text-decoration:none ;
}

section.main010 div a:hover {
	color: #ef9504 ;	
}



@media (min-width: 1026px) {
section.main010 div {
	margin-top:16px;
}
}
@media (max-width: 750px) {
section.main010 div {
	margin-top:-24px;
}
}

section.main010 h1 {
	grid-column: 1 / -1 ;	/*右端から左端まで*/
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin-top:-20px;	/*外への斥力*/
	font-size : 35px ;/*標準16ピクセル→35ピクセルにする*/
	font-weight: bold;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
section.main010 {
	margin:0 0 0 10vw;	/*上右下左*/
}
}


/********　業務案内　画面　記事　01つ目 *********/
article.main0101 {
	display: grid;
	grid-template-columns: 40% 60% ;	/*グリッドを2行生成*/
	grid-gap: 0px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	gap: 0px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	border:solid 1px #3e4145;
	padding:30px;
	background:radial-gradient(#ffffff,rgba(206, 245, 236, 0.5));
/*	background:linear-gradient(#F2B9A1,rgba(206, 245, 236, 0.3));	/**/
/*	background-color:rgba(206, 245, 236, 0.3);	/**/
}
@media (min-width: 1000px) {
article.main0101 {
	grid-column: 2 ;	/**/
}
}

article.main0101 span.main0101pic {
	background-image:url(img/392871_s.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
/*	background-position:center; 	/*画像の中心から切り出す(左上からではなく)*/
/*	object-fit : cover ;/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小*/
	background-position:35% 0%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:160px;
}

article.main0101 ul  {
	align-self : start; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
}

article.main0101 ul li {
	list-style:none;	/**/
/*	color:white;	/**/
/*	height:38px;	/**/
}

article.main0101 ul li.main0101sent {
	text-indent:-30px;	/**/
}

article.main0101 ul li a {
	color: #000000 ;
	text-decoration:none;
	height:38px;	/**/
}

article.main0101 ul li a:hover {
	color: #ef9504 ;	
}
	
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
article.main0101 {
	float:left;	/**/
	width:33vw;	/*vw:ブラウザ幅に対する比率*/
	height:160px;	/**/
	margin:20px 20px 20px 0;	/*上右下左*/
	display:flex;	/**/
}	
article.main0101 span.main0101pic {
	padding:0 11vw 0 0;	/*上右下左、つまり画像の幅*/
}
article.main0101 ul  {
	margin:1vw;
}
article.main0101 ul li {
	margin-bottom:0.5em;
}
}



/********　業務案内　画面　記事　02つ目 *********/
article.main0102 {
	display: grid;
	grid-template-columns: 40% 60% ;	/*グリッドを2行生成*/
	grid-gap: 0px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	gap: 0px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	border:solid 1px #3e4145;
	padding:30px;
	background:radial-gradient(#ffffff,rgba(206, 245, 236, 0.5));
}
@media (min-width: 1000px) {
article.main0102 {
	grid-column: 3 ;	/**/
}
}

article.main0102 span.main0102pic {
	background-image:url(img/note.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	border:solid 1px #3e4145;
	height:160px;
}

article.main0102 ul  {
	align-self : start; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
}

article.main0102 ul li {
	list-style:none;	/**/
/*	color:white;	/**/
/*	height:38px;	/**/
}

article.main0102 ul li.main0102sent {
	text-indent:-30px;	/**/
}

article.main0102 ul li a {
	color: #000000 ;
	text-decoration:none;
	height:38px;	/**/
}

article.main0102 ul li a:hover {
	color: #ef9504 ;	
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
article.main0102 {
	float:left;
	width:33vw;	/*vw:ブラウザ幅に対する比率*/
	height:160px;	/**/
	margin:20px 20px 20px 0;	/*上右下左*/
	display:flex;	/**/
}	
article.main0102 span.main0102pic {
	padding:0 11vw 0 0;	/*上右下左、つまり画像の幅*/
}
article.main0102 ul  {
	margin:1vw;
}
article.main0102 ul li {
	margin-bottom:0.5em;
}
}


/********　業務案内　画面　記事　03つ目 *********/
article.main0103 {
	display: grid;
	grid-template-columns: 40% 60% ;	/*グリッドを2行生成*/
	grid-gap: 0px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	gap: 0px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	border:solid 1px #3e4145;
	padding:30px;
	background:radial-gradient(#ffffff,rgba(206, 245, 236, 0.5));
}
@media (min-width: 1000px) {
article.main0103 {
	grid-column: 2 ;	/**/
}
}

article.main0103 span.main0103pic {
	background-image:url(img/3449416_s.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	border:solid 1px #3e4145;
	height:160px;
}

article.main0103 ul  {
	align-self : start; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
}

article.main0103 ul li {
	list-style:none;	/**/
/*	color:white;	/**/
/*	height:38px;	/**/
}

article.main0103 ul li.main0103sent {
	text-indent:-30px;	/**/
}

article.main0103 ul li a {
	color: #000000 ;
	text-decoration:none;
	height:38px;	/**/
}

article.main0103 ul li a:hover {
	color: #ef9504 ;	
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
article.main0103 {
	float:left;
	width:33vw;	/*vw:ブラウザ幅に対する比率*/
	height:160px;	/**/
	margin:20px 20px 20px 0;	/*上右下左*/
	display:flex;	/**/
}	
article.main0103 span.main0103pic {
	padding:0 11vw 0 0;	/*上右下左、つまり画像の幅*/
}
article.main0103 ul  {
	margin:1vw;
}
article.main0103 ul li {
	margin-bottom:0.5em;
}
}


/********　業務案内　画面　記事　04つ目 *********/
article.main0104 {
	display: grid;
	grid-template-columns: 40% 60% ;	/*グリッドを2行生成*/
	grid-gap: 0px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	gap: 0px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	border:solid 1px #3e4145;
	padding:30px;
	background:radial-gradient(#ffffff,rgba(206, 245, 236, 0.5));
}
@media (min-width: 1000px) {
article.main0104 {
	grid-column: 3 ;	/**/
}
}

article.main0104 span.main0104pic {
	background-image:url(img/tintai.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	border:solid 1px #3e4145;
	height:160px;
}

article.main0104 ul  {
	align-self : start; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
}

article.main0104 ul li {
	list-style:none;	/**/
/*	color:white;	/**/
/*	height:38px;	/**/
}

article.main0104 ul li.main0104sent {
	text-indent:-30px;	/**/
}

article.main0104 ul li a {
	color: #000000 ;
	text-decoration:none;
	height:38px;	/**/
}

article.main0104 ul li a:hover {
	color: #ef9504 ;	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
article.main0104 {
	float:left;
	width:33vw;	/*vw:ブラウザ幅に対する比率*/
	height:160px;	/**/
	margin:20px 20px 20px 0;	/*上右下左*/
	display:flex;	/**/
}	
article.main0104 span.main0104pic {
	padding:0 11vw 0 0;	/*上右下左、つまり画像の幅*/
}
article.main0104 ul  {
	margin:1vw;
}
article.main0104 ul li {
	margin-bottom:0.5em;
}
}



/********　＜共通＞(個人の方)(法人の方)(医療関係の方)(賃貸業の方)　画面　題名 *********/
section.main011 {
	grid-row : recent ;/*配置*/
	display: grid;
	grid-template-columns: 25% 50% 25% ;	/*グリッドを3行生成*/
	grid-gap: 20px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	gap: 20px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
}
@media (max-width: 750px) {
section.main011 {
	grid-template-columns: 1fr ;	/*グリッドを1行生成*/
}
}

section.main011 div {
	grid-column: 1 / -1 ;	/*右端から左端まで*/
	text-align : left;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin:0px;
	padding:0px;
}

section.main011 div a {
	color: #000000 ;
	text-decoration:none ;
}

section.main011 div a:hover {
	color: #ef9504 ;	
}


@media (min-width: 1026px) {
section.main011 div {
	margin-top:16px;
}
}
@media (max-width: 750px) {
section.main011 div {
	margin-top:-24px;
}
}

section.main011 h1 {
	grid-column: 1 / -1 ;	/*右端から左端まで*/
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin-top:-20px;	/*外への斥力*/
	font-size : 35px ;/*標準16ピクセル→35ピクセルにする*/
	font-weight: bold;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
section.main011 {
	margin:0 10vw 0 10vw;	/*上右下左*/
}
}




/********　＜共通＞(個人の方)(法人の方)(医療関係の方)(賃貸業の方)　画面　記事　01つ目 *********/
article.main011 {
	grid-column: 2 ;	/*右から2列目に配置*/
	display: grid;
	grid-template-columns: 40% 60% ;	/*グリッドを2行生成*/
	grid-gap: 0px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	gap: 0px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	border:solid 1px #3e4145;
	padding:30px;
	background:radial-gradient(#ffffff,rgba(206, 245, 236, 0.5));
}
@media (max-width: 750px) {
article.main011 {
	grid-column: 1 ;	/*右から1列目に配置*/
}
}


article.main011 ul  {
	align-self : start; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
}

article.main011 ul li {
	list-style:none;	/**/
/*	color:white;	/**/
}

article.main011 ul li.main011sent {
	text-indent:-30px;	/**/
}

article.main011 ul li a {
	color: #000000 ;
	text-decoration:none;
}

article.main011 ul li a:hover {
	color: #ef9504 ;	
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
article.main011 {
/*	float:left;	/**/
	width:33vw;	/*vw:ブラウザ幅に対する比率*/
	height:160px;	/**/
	margin:20px 20vw 20px 20vw;	/*上右下左*/
	display:flex;	/**/
}	
article.main011 span {
	padding:0 11vw 0 0;	/*上右下左、つまり画像の幅*/
}
article.main011 ul  {
	margin:1vw;
}
article.main011 ul li {
	margin-bottom:0.5em;
}
}


/********　個人の方　画面　記事　01つ目 *********/
article.main011 span.main0110pic {
	background-image:url(img/392871_s.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:35% 0%;	/*画像の中の表示箇所：左から、上から*/	
/*	background-position:center; 	/*画像の中心から切り出す(左上からではなく)*/
/*	object-fit : cover ;/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小*/
	border:solid 1px #3e4145;
	height:160px;
}




/********　法人の方　画面　記事　01つ目 *********/
article.main011 span.main0111pic {
	background-image:url(img/note.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
/*	background-position:center; 	/*画像の中心から切り出す(左上からではなく)*/
/*	object-fit : cover ;/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小*/
	border:solid 1px #3e4145;
	height:160px;
}


/********　医療関係の方　画面　記事　01つ目 *********/
article.main011 span.main0112pic {
	background-image:url(img/3449416_s.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
/*	background-position:center; 	/*画像の中心から切り出す(左上からではなく)*/
/*	object-fit : cover ;/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小*/
	border:solid 1px #3e4145;
	height:160px;
}


/********　賃貸業の方　画面　記事　01つ目 *********/
article.main011 span.main0113pic {
	background-image:url(img/tintai.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
/*	background-position:center; 	/*画像の中心から切り出す(左上からではなく)*/
/*	object-fit : cover ;/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小*/
	border:solid 1px #3e4145;
	height:160px;
}




/********　＜共通＞(個別)各業務内容　画面　題名 *********/
section.main012 {
	grid-row : recent ;/*配置*/
	display: grid;
	grid-template-columns: 1fr ;	/*グリッドを1行生成*/
	grid-gap: 20px 0px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	gap: 20px 0px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
}

section.main012 div {
	text-align : left;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin:0px;
	padding:0px;
}

section.main012 div a {
	color: #000000 ;
	text-decoration:none ;
}

section.main012 div a:hover {
	color: #ef9504 ;	
}

@media (min-width: 1026px) {
section.main012 div {
	margin-top:16px;
}
}
@media (max-width: 750px) {
section.main012 div {
	margin-top:-24px;
}
}

section.main012 h1 {
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin-top:-20px;	/*外への斥力*/
	font-size : 35px ;/*標準16ピクセル→35ピクセルにする*/
	font-weight: bold;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
section.main012 {
	margin:0 10vw 0 10vw;	/*上右下左*/
}
}



/********　＜共通＞(個別)各業務内容　画面　記事　01つ目 *********/
article.main012 {
	display: grid;
	grid-template-columns: 40% 60% ;	/*グリッドを2行生成*/
	grid-gap: 0px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	gap: 0px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
}
@media (max-width: 750px) {
article.main012 {
	grid-template-columns: 1fr ;	/*グリッドを1行生成*/
}
}

article.main012 aside h2 {
	line-height:1.75em;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
article.main012 {
/*	float:left;	/**/
/*	width:33vw;	/*vw:ブラウザ幅に対する比率*/
/*	height:160px;	/**/
	margin:20px 0 20px 0;	/*上右下左*/
	display:flex;	/**/
}	
article.main012 span {
	padding:0 20vw 0 0;	/*上右下左、つまり画像の幅*/
}
article.main012 aside  {
	margin:1vw;	/**/
	margin-left:5vw;	/**/
}
article.main012 aside h2 {
/*	margin-bottom:0.5em;	/**/
}
}


/********　個人開業　画面　記事　01つ目 *********/
article.main012 span.main01200pic {
	background-image:url(img/392871_s.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:35% 0%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:300px;
} 

@media (max-width: 750px) {
article.main012 span.main01200pic {
	background-image:url();	/**/
	height:0px;
}
}


/********　法人化　画面　記事　01つ目 *********/
article.main012 span.main01201pic {
	background-image:url(img/houjin.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:35% 0%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:300px;
} 

@media (max-width: 750px) {
article.main012 span.main01201pic {
	background-image:url();	/**/
	height:0px;
}
}


/********　相続対策　画面　記事　01つ目 *********/
article.main012 span.main01202pic {
	background-image:url(img/souzoku.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:0% 40%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:300px;
} 

@media (max-width: 750px) {
article.main012 span.main01202pic {
	background-image:url();	/**/
	height:0px;
}
}


/********　税務調査　画面　記事　01つ目 *********/
article.main012 span.main01203pic {
	background-image:url(img/chosa.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:0% 40%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:300px;
} 

@media (max-width: 750px) {
article.main012 span.main01203pic {
	background-image:url();	/**/
	height:0px;
}
}

/********　経営力向上計画　画面　記事　01つ目 *********/
article.main012 span.main01210pic {
	background-image:url(img/note.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:0% 40%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:300px;
} 

@media (max-width: 750px) {
article.main012 span.main01210pic {
	background-image:url();	/**/
	height:0px;
}
}


/********　事業承継対策　画面　記事　01つ目 *********/
article.main012 span.main01211pic {
	background-image:url(img/baton.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:0% 40%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:300px;
} 

@media (max-width: 750px) {
article.main012 span.main01211pic {
	background-image:url();	/**/
	height:0px;
}
}


/********　補助金　画面　記事　01つ目 *********/
article.main012 span.main01212pic {
	background-image:url(img/dentaku.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:0% 40%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:300px;
} 

@media (max-width: 750px) {
article.main012 span.main01212pic {
	background-image:url();	/**/
	height:0px;
}
}


/********　医院開業　画面　記事　01つ目 *********/
article.main012 span.main01220pic {
	background-image:url(img/3449416_s.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:0% 40%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:300px;
} 

@media (max-width: 750px) {
article.main012 span.main01220pic {
	background-image:url();	/**/
	height:0px;
}
}


/********　医院法人化　画面　記事　01つ目 *********/
article.main012 span.main01221pic {
	background-image:url(img/doctor.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:0% 40%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:300px;
} 

@media (max-width: 750px) {
article.main012 span.main01221pic {
	background-image:url();	/**/
	height:0px;
}
}


/********　診療所移転　画面　記事　01つ目 *********/
article.main012 span.main01222pic {
	background-image:url(img/note.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:0% 40%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:300px;
} 

@media (max-width: 750px) {
article.main012 span.main01222pic {
	background-image:url();	/**/
	height:0px;
}
}


/********　親族承継・親族以外への承継　画面　記事　01つ目 *********/
article.main012 span.main01223pic {
	background-image:url(img/baton.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:0% 40%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:300px;
} 

@media (max-width: 750px) {
article.main012 span.main01223pic {
	background-image:url();	/**/
	height:0px;
}
}


/********　賃貸経営　画面　記事　01つ目 *********/
article.main012 span.main01230pic {
	background-image:url(img/tintai.jpg);	/**/
	background-size:cover ; 	/*cover:画像を拡縮切出し、none:単純切出し、contain:単純縮小、100%、100px*/
	background-position:0% 40%;	/*画像の中の表示箇所：左から、上から*/	
	border:solid 1px #3e4145;
	height:300px;
} 

@media (max-width: 750px) {
article.main012 span.main01230pic {
	background-image:url();	/**/
	height:0px;
}
}








/********　事務所案内　画面　*********/
section.main03 {
	grid-row : recent ;/*配置*/
	display: grid;
	grid-template-columns: 20% 20% 60% ;	/*グリッドを3行生成*/
	grid-gap: 0px 0px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
	gap: 0px 0px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
/*	background:radial-gradient(rgba(230, 254, 255, 0.8),#ffffff);	/**/
/*	background-color:rgba(230, 254, 255, 0.1);	/**/
/*	background:linear-gradient(rgba(230, 254, 255, 0.8),#ffffff);	/**/
/*	z-index : -2 ;  /*背後に劣後する*/
/*	position: relative; /*背後に劣後する（Edge用の設定）*/
}

section.main03 div {
	grid-column: 1 / -1 ;	/*右端から左端まで*/
	text-align : left;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin:0px;
	padding:0px;
}

section.main03 div a {
	color: #000000 ;
	text-decoration:none ;
}

section.main03 div a:hover {
	color: #ef9504 ;	
}

@media (min-width: 1026px) {
section.main03 div {
	margin-top:16px;	/**/
}
}
@media (max-width: 750px) {
section.main03 div {
	margin-top:-24px;
}
}

section.main03 h1 {
	grid-column: 1 / -1 ;	/*右端から左端まで*/
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	margin-top:-20px;	/*外への斥力*/
	font-size : 35px ;/*標準16ピクセル→35ピクセルにする*/
	font-weight: bold;
}




section.main03 h2 {
	grid-column: 2  ;	/*配置*/
/*	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
/*	align-self : start; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
	font-size:30px;
	font-weight:normal;
	padding-top:20px;	/*内への斥力*/
	padding-bottom:20px;	/*内への斥力*/
	color:#ffffff;
	background-color:#264f93;	
/*	background-color:rgba(136, 229, 252, 0.8);	/**/
/*	background-color:rgba(136, 229, 252)#88e5fc;	/**/
	border:solid 1px #ffffff;
	border-width:1px 0 1px 0;	/*上右下左*/
}

section.main03 h2 span {
	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
}



section.main03 h3 {
	grid-column: 3  ;	/*配置*/
	font-size:30px;
/*	margin-top:20px;	/*外への斥力*/
	padding-top:20px;
	padding-bottom:20px;	/*内への斥力*/
	padding-left:1vw;	/*内への斥力*/
	padding-right:1em;	/**/
/*	word-wrap: break-word;	/**/
/*	word-break:break-all;	/**/
	background-color:#ffffff;
	border:solid 1px #cccccc;
}

div.map03 {
	justify-self : center; /*ボックス全体を左右の　start:右端　center:中央　end:左端*/
/*	align-self : start; /*ボックス全体を上下の　　start:上端　center:中央　end:下端*/
/*	text-align : center;	/*ボックスの内容を、center:中央揃えにする。justify:両端揃えにする。*/
}




@media (max-width: 1000px) {
section.main03 {
	grid-template-columns: 10% 30% 60% ;	/*グリッドを3行生成*/
}
}

@media (max-width: 750px) {
section.main03 {
	grid-template-columns: 0% 40% 60% ;	/*グリッドを3行生成*/
/*	grid-gap: 5px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
/*	gap: 5px 20px ;	/*各グリッド間に、行間、列間の間隔を空ける*/
}

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE用*/
section.main03 {
	margin:0 10vw 0 10vw;	/*上右下左*/
}
section.main03 h1 {
	margin-top:10px;	/**/
	margin-bottom:10px;	/**/
}
section.main03 h2 {
	float:left;
	width:20vw;
	height:30px;
}
section.main03 h2.line2{
	height:60px;
}
section.main03 h2.line3{
	height:90px;
}

}