main{
	position: relative;
	z-index: 5;
	font-size: 1rem;
}
main ul, main p{
	line-height: 1.75;
}
main ul, main p, main td, footer{
/*	font-family: "Shuei MaruGo L";*/
}
header{
	position: absolute;/*ホーム設定*/
	position: relative;
	left: 0%;
	right:0%;
/*	padding-bottom: 1em;*/
/*	background-color: rgba(255,255,255,0.9);*/
	z-index: 10;
/*	margin-bottom: 10em;*/
}
header.home{
	position: absolute;/*ホーム設定*/
/*
	height: 88.7vh;
	height: 90vh;
*/
	min-height: 500px;
	max-height: 700px;
	z-index: 12;
}
.bgArea{
	width:100%; 
	min-height:300px; 
	background:url(../img/mv01.png) no-repeat;
	background-size: cover;
	background-position: bottom;
	position:absolute; 
	z-index:1;
	opacity: 0.3;
}
header > div{
	position: relative;
	z-index:10;
}
.wrap{
	margin-left: auto;
	margin-right: auto;
}
.wrap1000{
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

.menu-container {
	background-color: rgba(255,255,255,0.9);/* #e9e9e9; */
	width: 100%;
	position: relative;
	box-shadow: 0px 5px 10px rgba(180, 180, 180, 0.5);
}
/*
header.home .menu-container {
	position: absolute;
	bottom:0;
}
*/
.mv .menu-container {
	position: absolute;
	bottom:0;
}
.menu-dropdown-icon.active::before {
	content: "\f2c7";/* ion-android-add */
	color: rgb(123, 57, 178);
/*	background: transparent;*/
	transform: rotate(0deg);
	transition: all .4s ease;
/*	border-radius: 100%;*/
}
.menu-dropdown-icon::before {
	content: "\f2c7";/* ion-android-add */
	color: rgba(102,45,143,0.8);
	color: rgb(123, 57, 178);
/*	background: transparent;*/
	transform: rotate(0deg);
	transition: all .4s ease;
/*	border-radius: 100%;*/
	padding: 1.25em 2em;
}

.menu > ul{
	margin-right: 0;
	display: flex;
	justify-content: flex-end;
/*
	border: solid 2px;
	border-width: 0 0 2px 0;
*/
	border-color: transparent;
	box-sizing: border-box;
	border-collapse: collapse;
	font-size: 1rem;
	letter-spacing: -0.03em;
	width: 100%;
/*	background: red;*/
}
.menu > ul > li{ /* 下揃え */
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 150px;
	background-color: rgba(255,255,255,0.98);/* #e9e9e9; */
	background-color: rgba(255,255,255,0);/* #e9e9e9; */
	font-family: "Shuei MaruGo L";
/*	transition: all .4s ease;*/
	transform:skewX(-20deg);
}
header.home .menu > ul{
	width: 50%;
	min-width: 600px;
}
header.home .menu > ul > li{ /* 幅揃え */
	flex: 1;
}
header .menu > ul > li::before{
	content: "";
	border: solid 1px green;
	border-width: 0 0 0 2px;
	height: 1.5em;
	position: absolute;
	bottom: 0;
}
.mv .menu > ul > li::before{
	content: "";
	border: solid 1px green;
	border-width: 0 0 0 2px;
	height: 1.5em;
	position: absolute;
	bottom: 0;
}
.menu > ul > li > a{ /* 下揃え */
	margin-top: auto;
	box-sizing: border-box;
	transform:skewX(20deg);
}
.menu > ul > li:hover{
	transition: all .4s ease;
	background-color: #BCFFBC;
}
.menu > ul > li a {
	padding: 1.5em 1.0em 1em;
	color: black;
}
.menu > ul > li > ul { /* 下揃え */
	top:100%;
}
/*
.menu > ul > li.navInfo{
	border: solid rgb(213,203,193);
	border-width: 0 0 2px 0;
}
.menu > ul > li.navBusiness{
	border: solid rgb(0,151,255);
	border-width: 0 0 2px 0;
}
.menu > ul > li.navList{
	border: solid rgb(215,222,33);
	border-width: 0 0 2px 0;
}
*/
.menu > ul > li.navInquiry{
	margin-right: 2em;
}
/*.menu > ul > li.navMj{
	border: solid rgb(255,202,255);
	border-width: 0 0 2px 0;
}
*/
.menu > ul > li.navInfo > a, .menu > ul > li.navBusiness > a, .menu > ul > li.navInquiry > a, .menu > ul > li.navMj > a{
	text-align: center;
}
.menu > ul > li > ul > li a{
	width: 85%;
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom: dotted 1px #ccc;
}
h1.daiyuTechInc{
	
	background: url(../img/logo.png) no-repeat center;
	background-size: contain;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	width: 320px;
	height:105px;
	margin: 1rem 0 1rem 3rem;
	padding: 0;
}
	header.home h1.daiyuTechInc{
		height:200px;
	}
a.logo{
	margin: 0;
	padding: 0;
	display: inline-block;
}
	header.home a.logo{
	display: inherit;
}
.menu-mobile{
	padding-bottom: 2rem;
}
.menu-mobile:after {
	color: rgb(51,153, 102);
}
#inqWrap{
	min-width: 300px;
	float: right;
	margin: 1rem 0 1rem 1rem;
	padding: 1.75rem 2rem 1.75rem 2rem;
	background: rgba(255,255,255,0.85);
	border-radius: 0.5em 0 0 0.5em;
	font-size: 1.5rem;
	text-align: center;
}
header.home #inqWrap{
/*	margin-top: 12rem;*/
}
#inqWrapS{
	float: right;
	margin: 1rem 0 1rem 1rem;
	padding: 1.75rem 2rem 1.75rem 1rem;
	background: rgba(255,255,255,0.85);
	border-radius: 0.5em 0 0 0.5em;
	font-size: 1rem;
	text-align: center;
}
#inqWrapS > .name, #inqWrapS > .inquiry{
	float: left;
	margin-left: 1em;
	
}
#inqWrap a{
	font-size: 1rem;
	display: inline-block;
	line-height: 1;
	padding: 1em;
	text-decoration: none;
	margin: 10px auto;
}
#inqWrapS a{
	font-size: 1rem;
	display: inline-block;
	line-height: 1;
	padding: 1em 1em;
	text-decoration: none;
}
#inqWrap a .mailBox{
	font-size: 1.5rem;
	border-radius: 0.25em;
	padding: 10px 20px;
}
#inqWrapS a .mailBox{
	font-size: 1rem;
	border-radius: 0.25em;
}
#inqWrap .telNo, #inqWrap .bizTime{
	font-size: 1rem;
	margin-left: 1em;
}
#inqWrapS .telNo, #inqWrapS .bizTime{
	font-size: 0.8rem;
	margin-left: 1em;
}
#inqWrap .telNo > i, #inqWrap .bizTime > i,
#inqWrapS .telNo > i, #inqWrapS .bizTime > i{
color: rgb(255,125,77);
	margin-right: 4px;
}
.inquiry a{
	box-sizing: border-box;
	width: 75px;
	width: 100%;
/*	min-height: 100px;*/
	padding: 0.25rem 0 0 0;
	color: white;
	background: rgb(195,155,100);
	border-radius: 1em;
	white-space: nowrap;
	transition: all .4s ease;
}
.inquiry a:hover{
	background: rgb(255,125,77);
}
.catchBase{
	position: absolute;
	top: 40%;
	display: inline-block;
	margin: 0 0 0 1em;
	padding: 0 0.25em 0 0;
	font-size: 5.2rem;
	font-style: oblique;
	color: white;
	text-shadow: 2px 2px 7px rgba(0,0,0,.3);
}
	.catchGrade{
		position: absolute;
		top: 40%;
		display: inline-block;
		margin: 0 0 0 1em;
		padding: 0 0.25em 0 0;
		font-size: 5.2rem;
		font-style: oblique;
/*		background: linear-gradient(30deg, rgba(191,217,63,1) 0%, rgba(224,240,25,1) 5%, rgba(255,255,255,1) 20%);*/
/*		background: linear-gradient(30deg, rgba(191,217,63,0.5) 0%, rgba(224,240,25,.5) 5%, rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%, rgba(224,240,25,.5) 95%, rgba(191,217,63,0.5)100%);*/
		
		
		
		
		
		background: linear-gradient(30deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1)40%,rgba(229,239,205,1) 45%, rgba(250,250,236,1) 55%,rgba(255,255,255,1)60%,rgba(255,255,255,1)100%);
		background-size:230%;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		animation: catchAnime 20s infinite;
	}
	@keyframes catchAnime{
		0%{background-position:0% 0%}
		50%{background-position:150% 50%}
		100%{background-position:0% 0%}
	}
.mv{
	position: relative;
	z-index: 2;
/*	height: 90vh;*/
	min-height: 500px;
	max-height: 700px;
/*	overflow: hidden;*/
	background: rgba(255,200,200,0.2);
	background: url("../img/mv01.png") no-repeat center;
}
.mv > .mvTitle{
	position: absolute;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	background: url("../img/mv00.png") no-repeat center;
	background-size: contain;
	transform: translateX(-50%) translateY(-25%);
	width: 500px;
	height: 250px;
	width: 700px;
	height: 350px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	backface-visibility: hidden;
}
.slick-box figure.slick-slide{
	margin: 0;
	padding: 0;
	text-align: center;
}
.slick-box figure.slick-slide img{
	margin: auto auto;
	width: 100%;
}


#menu_bar01:checked ~ #links01 li{
    height: 54px;
    opacity: 1;
}

footer{
	width: 100%;
/*	background-color: rgb(102,45,143);*/
}
.comInfo{
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 1rem;
	background: rgb(192,159,83);
	background: linear-gradient(225deg, rgba(192,159,83,1) 0%, rgba(145,124,77,1) 69%, rgba(182,168,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c09f53",endColorstr="#b6a84a",GradientType=1);
}
.comInfo dl{
	display: inline-block;
	width: 30%;
}
.comInfo dl.address{
	float: left;
	width: 40%;
}
.comInfo dl dt, .comInfo dl dd{
	float: left;
}
.comInfo dl.address dt, .comInfo dl.address dd{
	float: none;
}
.comInfo dl dt{
	display: inline-block;
	min-width: 4rem;
	text-align: center;
}
.comInfo dl dt{
	margin-right: 1rem;
	background: white;
	padding: 0.25em 0.5em;
	border-radius: 0.5em;
	box-shadow: 3px 3px 7px rgba(0,0,0,.3)
}
.comInfo dl dd{
	margin-top: 0.25rem;
	margin-left: auto;
	color: white;
}
.comInfo .slogo{
	display: inline-block;
	float: right;
	margin-top: 1.5rem;
	width: 25%;
	height: 100px;
	background: url("../img/logo_bottom.png") no-repeat;
	background-size: contain;
}
footer .wrap1000{
	padding-top: 1em;
	padding-bottom: 1em;
}
footer .groupBox{
	float: left;
	width: 15%;
}
footer .groupBox ul{
	list-style-type: none;
	margin: 0 ;
	padding: 0;
	width: 100%;
}
footer ul li, footer ul li a, footer .address a{
	margin-top: 0.25em;
	color: white;
	text-decoration: none;
}
footer ul li.arrow{
	display: block;
	padding-right: 0.5em;
}
footer ul li:not(.arrow){
	margin-left: 1.25em;
	font-weight: normal;
}
	footer ul.address {
		min-width: 85%;
	}
footer ul.address li{
	display: inherit;
	margin-top: auto;
}
.copy{
	padding-bottom: 1rem;
	text-align: right;
	background: white;
}

@media only screen and (max-width: 959px) {
	header.home, header{
		position: relative;
	}
	.mv{
		position: relative;
		min-height: auto;
	}
section > article{
	max-width: 100%;
	overflow: hidden;
}
section > article > img{
	width: 140%;
	margin-left: -20%;
}
	.menu-mobile{
		padding-bottom: 3rem;
	}
	#inqWrap, #inqWrapS{
		display: none;
	}
	h1.daiyuTechInc, header.home h1.daiyuTechInc{
	margin: 0 0.5rem;
	padding-top: 1em;
	width: 250px;
	height: 70px;
	}
	.menu .show-on-mobile {
		position: absolute;
	}
	body > div.menu-container > div > div{
		display: block;
		position: absolute;
		wide:100%;
		height: 100%;
/*		background: red;*/
	}
	.menu-mobile{
		padding-bottom: 0;
		padding-bottom: 3.75rem;
	}
	.menu > ul > li {
		width: 100%; 
		transform: skewX(0deg); 
	}
	.mv .menu > ul > li::before {
		border-width: 0 0 0 1px;
		height: 2em;
		right: 13px;
		transform: skewX(40deg);
	}
	header .menu > ul > li::before {
		height: 2em;
		right: 13px;
		transform: skewX(40deg);
			content: "";
			border: solid 1px green;
			border-width: 0 0 0 1px;
			height: 2em;
			position: absolute;
			bottom: 0;
	}
	.menu > ul > li > a {
		padding-left: 3em;
		transform: skewX(0deg);
		border-bottom: solid 2px rgba(0,128,0,.3);
	}
	.menu > ul{
		display: none;
	}
		.menu > ul{ /* アニメ用 */
			display: block;
			position: absolute;
			opacity: 0;
			visibility: hidden;
			transition: 300ms;
		}
		.menu > ul.show-on-mobile{
/*			top: 84px;*/
			opacity: 1;
			visibility: visible;
		}

	.menu > ul > li{
		display: block;
		background-color: rgba(250,255,255,0.98);/* #e9e9e9; */
		box-sizing: border-box;
	}
	.menu > ul > li:hover{
		background-color: rgba(255,255,255,0.98);/*タップ対策*/
	}
	.menu > ul > li.navInfo, .menu > ul > li.navBusiness, .menu > ul > li.navList, .menu > ul > li.navInquiry, .menu > ul > li.navMj, .menu > ul > li.navLaw, .menu > ul > li.navLink{
	border-width: 0 0 0 4px;
	}
	.menu > ul > li.navLink{
		box-shadow: 0 10px 10px rgba(0,0,0,.5);
	}
	.menu > ul > li.navInfo > a, .menu > ul > li.navBusiness > a, .menu > ul > li.navList > a, .menu > ul > li.navInquiry > a, .menu > ul > li.navMj > a, .menu > ul > li.navLaw > a, .menu > ul > li.navLink > a{
	text-align: left;
	}
	.menu > ul > li > ul{
		background-color: rgba(233,233,233,0.98);/* #e9e9e9; */
		background-color: transparent;/*タップ対策*/
	}
	.menu > ul > li > ul > li a{
		width: 100%;
	}
	footer .groupBox{
		width: 50%;
	}
	.comInfo dl{
		margin: 0.5em;
		padding-top: 0;
		padding-bottom: 0;
	}
	footer .groupBox ul{
		margin-left: 2em !important;
		list-style-type: none;
		margin: 0 ;
		padding: 0;
		width: 80%;
		float: left;
	}
	footer ul{
		margin-left: 2em;
		width:40%;
		width:100%;
	}
	footer ul li{
		min-width: 45%;
		padding-bottom: 0.5em;
	}
	footer ul li.arrow{
		background-position: top left;
		padding-left: 1.25em;
		padding-right: 0.5em;
	}
	footer ul li:not(.arrow){
		display: none;
	}
	footer ul.address {
		padding: 2em 0 1em;
	}
	footer ul.address li{
		display: inherit;
		margin: 0;
		padding: 0;
	}
}

@media only screen and (max-width: 768px) {
	.wrap{
		max-width: 95%;
	}
	.wrap, .wrap1000{
		max-width: auto
	}
	.mv{
		min-height: auto;
	}
	.mv > .mvTitle{
	top: 30%;
	width: 400px;
	}
}
@media only screen and (max-width: 480px) {
main{
	z-index: 1;
}
	.mv .menu-container {
	/*	background-color: transparent;*/
		top: 0;
		bottom: auto;
		transform: translateY(-100%);
	}
	.menu-container {
		position: absolute;
		top: 0;
		bottom: 0;
	}
	header.home {
/*    position: absolute;*/
		height: auto;
		min-height: auto;
/*    z-index: 12;*/
		width: 200px;
}
	h1.daiyuTechInc, header.home h1.daiyuTechInc{
		margin: 0 0.5rem;
		width: 150px;
		height: 50px;
		}
	header a.logo {
		position: relative;
		z-index: 1;
	}
	header.home a.logo {
		display: inline-block;
		position: relative;
		z-index: 1;
	}
	.catchBase,.catchGrade{
		display: inline;
		margin: 0;
		width: auto;
		height:auto;
		font-size: 2rem;
		position: absolute;
		z-index: 0;
/*		top: 50%;*/
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.menu-mobile{
		padding-bottom: 0;
		padding-bottom: 3.75rem;
	}
	.menu > ul > li {
		width: 100%; 
		transform: skewX(0deg); 
	}
	.mv .menu > ul > li::before {
		border-width: 0 0 0 1px;
		height: 2em;
		right: 13px;
		transform: skewX(40deg);
	}
	header .menu > ul > li::before {
		height: 2em;
		right: 13px;
		transform: skewX(40deg);
			content: "";
			border: solid 1px green;
			border-width: 0 0 0 1px;
			height: 2em;
			position: absolute;
			bottom: 0;
	}
	.menu > ul > li > a {
		padding-left: 3em;
		transform: skewX(0deg);
		border-bottom: solid 2px rgba(0,128,0,.3);
	}
	.mv > .mvTitle{
		width: 200px;
		height: 150px;
	}
	.comInfo dl{
		width: 60%;
		margin-left: 2em;
	}
	.comInfo dl.address{
		float: none;
		width: auto;
	}
	.comInfo .slogo {
		margin: 0;
		position: absolute;
		right: 23px;
	}
	.comInfo dl dt, .comInfo dl dd {
		float: none;
	}
}



.parallax {
	position: relative;
/*	height: 100%;*/
	padding-top: 70px;
	padding-bottom: 70px;
}

.parallax.bizBelt {
	min-width: 1000px;
	background: url("../img/bg0103.png") no-repeat rgb(255,255,255);
	background-position: center top;
}
 .parallax.bizBelt #profBox, .parallax.bizBelt #bizBox{
	position: relative;
/*	margin-top: 100px;*/
}
.parallax.bizBelt #bizBox{
	margin-top: 300px;
}
.parallax.bizBelt .wrap1000{
/*	display: flex;*/
}
.bizRBox{
	position: absolute;
	right: 0;
	width:100%;
	height: 100%;
	background: url("../img/bg_topbiz.png") no-repeat right;
	background-size: contain;
	background-size: 60% auto;
}
.bizLBox{
	position: relative;
	top: 100px;
	display: inline-block;
	box-sizing: border-box;
	width:55%; 
	min-width: 300px;
	height:350px; 
	padding: 3em;
	border-radius: 3em;
	opacity: .95;
	overflow: hidden;
	border: solid 2px white;
}
.profBox .wrap1000{
	min-height: 550px;
}
#profBox .wrap1000 a{
	position: relative; 
	left: 30vw;
}
.profLBox{
	position: absolute;
	left: 0;
	width:100%;
	height: 100%;
	background: url("../img/bg_topprof.png") no-repeat left;
	background-size: contain;
	background-size:60% auto;
}
.profRBox{
	position: relative;
	top: 100px;
	display: inline-block;
	box-sizing: border-box;
	width:55%; 
	min-width: 300px;
	height:350px; 
	padding: 3em;
	border-radius: 3em;
	opacity: .95;
	overflow: hidden;
	border: solid 2px white;
}
.bizLBox:hover, .profRBox:hover{
	filter: brightness(1.1);
}
.bizLBox, .profRBox{
	transition: all .4s ease;
}
.bizLBox div, .profRBox div{
	transition: all .2s ease;
}
.enMida{
	margin-left: -0.25rem;
	font-size: 3rem;
	color: black;
}
.jpMida{
	margin-bottom: -0.75rem;
	font-size: 1.5rem;
	color: white;
	letter-spacing: 3px;
}
.bizLBox .arrow, .profRBox .arrow{
	width: 35%;
	height: 1.25em;
	margin-left: -1em;
	border: solid 2px rgb(255,255,255);
	border-width: 0 8px 4.5px 0;
	transform:skewX(60deg);
	transition: all 0.4s ease;
}
.bizLBox:hover .arrow, .profRBox:hover .arrow{
	width: 50%;
}

@media only screen and (max-width: 1300px) {
/*
	.parallax.mojBelt, .parallax.zenBelt{
		background-size:min(130vw,200%);
	}
	.parallax.bizBelt{
		background-size:min(180vw,200%);
	}
*/
}
@media only screen and (max-width: 768px) {
	.parallax.mojBelt, .parallax.zenBelt{
		background-size:min(290vw,200%);
		background-position: 80% 0; 
	}
.parallax.zenBelt .zenLBox{
	width:43%; 
	min-width: 250px;
}
	.parallax.zenBelt .wrap1000{
		width: 100%;
	}
	.parallax.zenBelt .zenRBox {
		transform: translateX(-70px);
	}
	.parallax.bizBelt{
/*		background-size:min(270vh,270%);*/
/*		background-size:max(150vw,280%);*/
	}
}
@media only screen and (max-width: 480px) {
	.wrap.mid{
		max-width:100%;
	}
	.parallax.bizBelt {
		min-width: auto;
	}
	#profBox .wrap1000, #bizBox .wrap1000{
		min-height: inherit;
	}
.bizLBox div, .profRBox div {
    transition: all .2s ease;
}
	.parallax.mojBelt{
		background-size:300%;
	}
.profLBox {
    background-size: 80% auto;
}
.bizRBox{
	background-size: 80% auto;
}
	.profRBox, .bizLBox{
		top: 30px;
		min-width: auto;
		padding: 1.5em;
		height:200px; 
		background-size: 80%;
	}
	.bizLBox {
			top: 70px;
			width: 60%;
	}
	#profBox .wrap1000 a{
		left: 45vw;
	}
	.enMida {
			font-size: 1.75rem;
	}
	.jpMida {
		font-size: 1rem;
		letter-spacing: normal;
	}
	.bizLBox .arrow, .profRBox .arrow {
		width: 100%;
		margin-left: -1.5em;
	}
	.bizLBox:visited .arrow, .profRBox:visited .arrow, 
	.bizLBox:hover .arrow, .profRBox:hover .arrow{
		width: 110%;
	}
		.parallax.mojBelt > .wrap1000{
		display: inherit;
	}
	.hMojBox, .hLawBox{
		width:auto;
		}
	.hMojBox+.hLawBox{
		margin-top: -2rem;
		}
	.parallax.zenBelt {
		background-size:min(350vw,530%);
		background-position-x:60% !important;
	}
	.parallax.zenBelt .wrap1000{
		display: inherit;
	}
	.parallax.zenBelt .zenLBox{
		display: none;
	}
		.parallax.zenBelt .zenRBox {
		transform: translateX(0);
		overflow: hidden;
	}
	.parallax.zenBelt .zenRBox > div{
		min-width:auto; 
		width:80%; 
		right: 0;
	}
	.parallax.zenBelt .zenRBox > div+div{
		height: 280px;
		position: inherit; 
	}
	.parallax.zenBelt .zenRBox > div+div > div {
		top: 15%;
	}
	.parallax.bizBelt{
		min-width: auto;
/*		height: 100%;*/
		background: url("../img/bg0103s.png") no-repeat rgb(255,255,255);
		background-position: center bottom -4px;
		background-size: contain;
}
	.parallax.bizBelt .wrap1000{
		display: inherit;
	}
	.parallax.bizBelt {
		padding-top: 0;
/*		padding-bottom: 10vh;*/
		background-position: 80% 55%;
	}
	 .parallax.bizBelt #profBox{
		margin-top: 0px;
/*		padding-top: 50px;*/
	}
	.parallax.bizBelt #bizBox{
		margin-top: 150px;
	}
	.parallax.zenBelt .sqBox, .parallax.bizBelt .sqBox{
		min-height:7%;
		min-width:70%; 
		position: absolute; 
		bottom: 1px;
		left: 1rem;
		transform:translateY(100%) skewX(-20deg);
		background:rgb(102, 45, 143); 
		background: rgb(73,32,102);
		background: -moz-linear-gradient(0deg, rgba(73,32,102,1) 0%, rgba(102,45,143,1) 50%);
		background: -webkit-linear-gradient(0deg, rgba(73,32,102,1) 0%, rgba(102,45,143,1) 50%);
		background: linear-gradient(0deg, rgba(73,32,102,1) 0%, rgba(102,45,143,1) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#492066",endColorstr="#662d8f",GradientType=1);
		z-index: 2
	}
}

.bNav{
/*
background: rgb(19,167,103);
background: linear-gradient(180deg, rgba(19,167,103,1) 0%, rgba(136,213,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#13a767",endColorstr="#88d51f",GradientType=1);
*/
}
.toolBox{
padding-top: 4rem;
}
.toolBox > .wrap1000{
	display: flex;
	justify-content:space-between;
}
.toolBox .recBox, .toolBox .inqBox{
	display: block;
	position: relative;
	width: 48.25%;
	height: 300px;
	margin-bottom: 2rem;
	background-color: rgba(255,255,255,.2);
	vertical-align: middle;
	text-decoration: none;
	transition: all .4s ease;
}
.toolBox .recBox:hover, .toolBox .inqBox:hover{
	filter: brightness(1.1)
}
.toolBox .recBox{
		background: url("../img/bg_toprecruit.jpg") no-repeat;
		background-size: cover;
}
.toolBox .inqBox{
		background: url("../img/bg_topinq.jpg") no-repeat;
		background-size: cover;
}
.toolBox .recBox .titleEn, .toolBox .inqBox .titleEn{
	margin-top: -1em;
	margin-left: 3.75rem;
	font-size: 2rem;
	color: #036eb1;
	line-height: 1;
}
.toolBox .recBox .titleJp, .toolBox .inqBox .titleJp{
	display: inline-block;
	padding:0.25em 2em;
	margin-top:10px;
	margin-left: 3rem;
	font-size: 1.25rem;
	font-weight:bold;
	background: rgb(192,159,83);
	background: linear-gradient(225deg, rgba(192,159,83,1) 0%, rgba(145,124,77,1) 69%, rgba(182,168,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c09f53",endColorstr="#b6a84a",GradientType=1);
	transform: skewX(-25deg);
	letter-spacing: 3px;
	box-shadow: 3px 3px 3px rgb(0,0,0,.3);
	color: white;
}
	.toolBox .recBox .titleJp span, .toolBox .inqBox .titleJp span{
		display: block;
		transform: skewX(25deg);
	}
.toolBox .recBox .expBox, .toolBox .inqBox .expBox{
	position: absolute;
	box-sizing: border-box;
	right: 1em;
	bottom: 1em;
	width: 40%;
	padding: 1.25em;
	border-radius: 1rem;
	background: rgba(255,255,255,.8);
	font-size: 90%;
	color: black;
	word-break: break-all;
}
.toolBox .recBox .badge{
	height: 2rem;
	position: absolute;
	top: -1em;
	right: 0.25em;
	transform: skewX(-25deg);
	background: white;
	font-size: 0.9rem;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
	color: black;
}
	.toolBox .recBox .badge span{
		display: inline-block;
		padding-top: 0.5rem;
		padding-left: 1rem;
		padding-right: 2rem;
		transform: skewX(25deg);
	}
	.toolBox .recBox .badge span i{
		position: absolute;
		top: -1.5rem;
		right: 5px;
		font-size: 4rem;
		font-weight: bold;
		color: red;
	}
.toolBox .jmotto > div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	font-size: 1.5rem;
}
.toolBox .jmotto > div span{
	display: block;
	margin-top: 10px;
	padding-top: 10px;
	border: solid white;
	border-width: 1px 0 0 0;
	font-size: 0.5em;
}
section+section{
	margin-top: 6em;
}





/**/
/*各コンテンツ*/
/**/
.titleObj{
	position: absolute;
	top: 0;
	left: -100px;
	display: inline-block;
	width: 50%;
	height: 180px;
	transform: skewX(-20deg);
	box-shadow: 3px 3px 10px rgba(0,255,0,.3);
}
h2.mainTitle{
	position: relative;
	display: inline-block;
	margin-top: 2.25em;
	margin-bottom: 3em;
	font-size: 2.25rem;
	color: white;
	letter-spacing: 7px;
	width: 600px;
}
h2.mainTitle > .mainTitleEn{
	position: absolute;
	right: -50%;
	top: 5px;
/*	bottom: -0.75em;*/
	display: inline-block;
	font-size:4rem;
	color: #efefef;
	font-style: italic;
}
@media only screen and (max-width: 768px) {
h2.mainTitle > .mainTitleEn{
	top: 1.5em;
	right: -20%;
	font-size: 2rem;
}
}
@media only screen and (max-width: 480px) {
	.bgArea {
			width: 100%;
			min-height: 225px;
			background: url(../img/mv01.png) no-repeat;
			background-size: 150%;
	}
	.toolBox > .wrap1000 {
		margin-top: 3rem;
		display: inherit;
	}
	.toolBox .wrap1000 .recBox,	.toolBox .wrap1000 .inqBox {
		width: 95%;
		margin-top: 3em;
		margin-left: auto;
		margin-right: auto;
		background-position: center;
	}
	.toolBox .wrap1000 .titleEn,	
	.toolBox .wrap1000 .titleJp {
		margin-left: 0;
		font-size: 1.5rem;
	}
	.toolBox .wrap1000 .titleJp {
		font-size: 1rem;
	}
	section+section{
		margin-top: 0em;
	}
	.titleObj{
		width: 85%;
	}
	h2.mainTitle {
		font-size: 1.75rem;
	}
	h2.mainTitle > .mainTitleEn{
		position: absolute;
		right: -53vw;
		top: 90px;
	/*	bottom: -0.75em;*/
		display: inline-block;
		font-size:1rem;
		color: #efefef;
		font-style: italic;
	}
		h2.mainTitle > .mainTitleEn.inq{
			right: -9em;
		}
}
h3.subTitle{
	position: relative;
	display: inline-block;
	margin-top: 2em;
	margin-bottom: 0;
	font-size: 1.75rem;
}
	h3.subTitle span{
		font-size: 0.8em;
	}
h3.subTitle::before{
	display: inline-block;
	position: relative;
	content: " ";
	width: 7px;
	height:1.25rem;
	margin-right:0.5em;
	background: rgb(19,167,103);
	background: linear-gradient(180deg, rgba(19,167,103,1) 0%, rgba(136,213,31,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#13a767",endColorstr="#88d51f",GradientType=1);
	transform: skewX(20deg) translateX(-10px) translateY(2px);
}
ul.bizCon{
	padding: 0;
}
ul.bizCon li{
	max-width: 93%;
	clear: left;
	margin-top: 2em;
	margin-bottom: 5em;
	padding: 1em;
	list-style: none;
	border: 1px solid rgba(100,100,100,.1);
	border-radius: 7px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
ul.bizCon img{
width: 300px;
	float: left;
	margin-right:2em;
	border-radius: 7px;
}
ul.bizCon li img + b{
	display: block;
	font-size: 1.5rem;
	line-height: 1.25;
	color: green;
}
ul.bizCon div, ul.bizCon p.point{
	overflow: auto;
}
ul.bizCon p.point b{
	display: block;
}
ul.bizCon p.point b{
	margin-top: 1em;
}
	ul.bizCon p.point b:first-child{
		margin-top: 0;
	}
ul.bizCon div p{
	margin-top: auto;
	padding: 0.25em 1em;
	display: inline-block;
	margin-right: 0.25em;
	border: solid 1px #3399ff;
	background: #99ccff;
	border-radius: 2em;
	font-size: 0.85em;
}
dl.company{
	padding-bottom: 40px;
}
dl.history{
	border-left: 1px solid green;
	margin: 0 0 0 2em;
}
dl.company{
	border-bottom: dotted 1px rgba(0,0,0,.5);
}
dl.company:first-child{
	border-top: dotted 1px rgba(0,0,0,.5);
	padding-top: 1em;
}
dl.company dt, dl.company dd, 
dl.history dt, dl.history dd{
	float: left;
	font-size: 120%;
	padding-bottom: 1em;
}
dl.history dt, dl.history dd{
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}
dl.history dt:first-child, dl.history dd{
	padding-top: 0;
}
dl.company dt{
	clear: left;
	min-width:10em;
	padding-left: 5em;
	color: green;
}
dl.history dt{
	clear: left;
	color: #333
}
dl.history dt > span{
	display: inline-block;
	margin-left: -.5em;
	margin-right: 1em;
/*
	margin-top: -.25em;
	margin-bottom: -.25em;
*/
	width: 1em;
	height: 1em;
/*	font-size: 1.5em;*/
	line-height: 1;
	color: green;
}
dl.company ol{
	margin: 0;
	padding-left:1em;
}
.action{
	display: flex
}
.greet, .action ol{
	line-height: 1.75;
	margin-bottom: 6em;
	font-size: 120%;
}
.greet > p{
	margin-left: 2em
}
.action ol{
	margin-left: 1em;
	min-width: 40%;
}

.hr-text {
	line-height: 0;
	margin: 0;
	padding: 0;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 0.1px;
	opacity: .5;
}
	.hr-text:before {
		content: '';
		background: -webkit-linear-gradient(left, transparent, #818078, transparent);
		background: linear-gradient(to right, transparent, #818078, transparent);
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		height: 1px;
	}
	.hr-text:after {
		content: attr(data-content);
		position: relative;
		display: inline-block;
		color: black;
		padding: 0 .5em;
		line-height: 1.5em;
		color: #818078;
		background-color: #fcfcfa;
	}
h2.catTit .langEn{
	line-height: 1;
	display: inline-block;
	padding: 0.3em 2em;
	background: rgb(145,39,141);
background: rgb(102,45,143);
background: -moz-linear-gradient(0deg, rgba(102,45,143,1) 0%, rgba(145,39,141,1) 50%);
background: -webkit-linear-gradient(0deg, rgba(102,45,143,1) 0%, rgba(145,39,141,1) 50%);
background: linear-gradient(0deg, rgba(102,45,143,1) 0%, rgba(145,39,141,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#662d8f",endColorstr="#91278d",GradientType=1);
	text-align: center;
	color: white;
	border-radius: 50px;
	font-size: 0.25em;
/*	transform: translateY(-75%) skewX(15deg);*/
	transform: translateY(-1.5em);
}
h2.catTit .langEn span{
	display: block;
/*	transform: skewX(-15deg);*/
}
h2.catSecTit{
	position: relative;
/*	padding-left: 0.5em;*/
	font-size: 2.25rem;
	font-weight: normal;
	font-family: "Hiragino UD Sans Rd W3 JIS2004" !important;
	color: rgb(102,45,143);
	color: rgba(145,39,141, 1.0);
}
/*
h2.catSecTit::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 0.28rem;
	height: 80%;
	background: rgba(145,39,141, 1.0);
	background: rgba(102,45,143, 1.0);
	transform:skewY(30deg) translateY(10%);
}
*/
h2.catSecTit > span{
	font-size: 0.8em;
}
h3.catSubTit{
	padding: 0.5em 1.5em;
	border: solid 1px rgba(145,39,141, 0.5);
	border-radius: 14px;
/*	transform: skewX(15deg);*/
	font-family: "Hiragino UD Sans Rd W5 JIS2004" !important;
	box-shadow: inset 0 0 3px 3px rgb(145 39 141 / 30%);
}
h3.catSubTit > div{
	color: rgb(145,39,141);
	color: rgb(140,140,140);
/*	transform: skewX(-15deg);*/
}
.guideWrap, .inqWrap, .explaWrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.guideWrap .box{
	position: relative;
	box-sizing: border-box;
	width: 480px;
	height: 150px;
/*
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
*/
	border: solid 1px rgb(0 0 0  / .2);
	border-radius: 10px;
	margin: 10px;
	transition: all .4s ease;
	filter: brightness(1);
}
.guideWrap .box a u{
	position: absolute;
	top: 45%;
	bottom: 55%;
	left: 53%;
	font-family: "Ryumin Light KL"!important;
	font-size: 1.5rem;
	color: #666;
	text-decoration: none;
}
.guideWrap .box.history a u{
	top: 35%;
}
.inqWrap .box, .explaWrap .box{
	box-sizing: border-box;
	width: 480px;
	height: 250px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	border: solid 1px rgb(0 0 0  / .2);
	border-radius: 10px;
	margin: 10px;
	transition: all .4s ease;
	filter: brightness(1);
}
.guideWrap .box:hover, .inqWrap .box:hover, .explaWrap .box:hover{
	filter: brightness(1.1);
}
.inqBelt > div{
	box-sizing: border-box;
	display:inline-block;
	width: 31%;
/*	height: 100px;*/
	border: solid 1px rgb(0 0 0  / .2);
	border-radius: 10px;
	margin: 10px
}
.inqBelt > div > a{
	display: block;
	width: auto;
	height: auto;
	margin: 0.5em;
	padding: 0.5em 0.5em 0.5em 4em;
	border-radius: 10px;
	background: white;
	text-decoration: none;
	transition: all .4s ease;
}
.inqBelt > div:hover a{
	background: yellow;
}
.perple{
	background: rgb(145,39,141);
}
	.perple_stripe_bg{
	 background-image: linear-gradient(
	-45deg,
	rgb(255,255,255) 6.25%, rgb(145,39,141)  6.25%,
	rgb(145,39,141)  12.5%, rgb(145,39,141)  12.5%,
	rgb(145,39,141)  18.75%, rgb(145,39,141)  18.75%,
	rgb(145,39,141)  25%, rgb(255,255,255) 25%,
	rgb(255,255,255) 31.25%, rgb(145,39,141)  31.25%,
	rgb(145,39,141)  37.5%, rgb(145,39,141)  37.5%,
	rgb(145,39,141)  43.75%, rgb(145,39,141)  43.75%,
	rgb(145,39,141)  50%, rgb(255,255,255) 50%,
	rgb(255,255,255) 56.25%, rgb(145,39,141)  56.25%,
	rgb(145,39,141)  62.5%, rgb(145,39,141)  62.5%,
	rgb(145,39,141)  68.75%, rgb(145,39,141)  68.75%,
	rgb(145,39,141)  75%, rgb(255,255,255) 75%,
	rgb(255,255,255) 81.25%, rgb(145,39,141)  81.25%,
	rgb(145,39,141)  87.5%, rgb(145,39,141)  87.5%,
	rgb(145,39,141)  93.75%, rgb(145,39,141)  93.75%,
	rgb(145,39,141) 
	 );
	background-size: 18px 18px;
}
	.guideWrap .box.history{
		background: url("../img/02.png")no-repeat;
	background-size: cover;
	}
	.guideWrap .box.officer{
		background: url("../img/03.png")no-repeat;
	background-size: cover;
	}
	.guideWrap .box.magazine{
		background: url("../img/04.png")no-repeat;
	background-size: cover;
	}
	.guideWrap .box.disaster{
		background: url("../img/05.png")no-repeat;
	background-size: cover;
	}
	.guideWrap .box.infomation{
		background: url("../img/06.png")no-repeat;
	background-size: cover;
	}
	.inqWrap .box.public{
		background: url("../img/btn_public.png")no-repeat;
	background-size: cover;
	}
	.inqWrap .box.personal{
		background: url("../img/btn_personal.png")no-repeat;
	background-size: cover;
	}
	.explaWrap .box.system{
		background: url("../img/btn_system.png")no-repeat;
	background-size: cover;
	}
	.explaWrap .box.flow{
		background: url("../img/btn_flow.png")no-repeat;
	background-size: cover;
	}
.guideWrap .box a, .inqWrap .box a, .explaWrap .box a{
	display: block;
	width: 100%;
	height: 100%;
}
.lawWrap, .linkWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.lawWrap .lawBox, .linkWrap .linkBox {
	width: 48%;
}
.lawWrap .lawBox:last-child, .linkWrap .linkBox:last-child {
	height: 0;
}
ul.topics, ul.law, ul.link {
	list-style-type: none;
	padding-left: 0;
}
ul.topics li, ul.law li, ul.link li{
	list-style-type: none;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	padding-left: 2rem;
	border: dotted 1px #ccc;
	border-width: 0 0 2px 0;
}
ul.topics li dt{
	color: #333;
}
ul.topics li a, ul.law li a, ul.link li a{
	text-decoration: none;
}
ul.topics li a:hover dd, ul.law li a:hover, ul.link li a:hover{
	text-decoration: underline;
}
table.officerTbl , table.officerTbl tr, table.officerTbl th, table.officerTbl td{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-collapse: collapse;
}
table.officerTbl {
/*	width: 100%;*/
/*	max-width:860px;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	color: #333333;
	font-size:1rem;
	border: solid 1px #ccc;
	border-left-width: 0;
	border-right-width: 0;
}
table.officerTbl caption{
	margin-bottom: 1em;
	text-align: right;
}
table.officerTbl tr, table.officerTbl th, table.officerTbl td{
	padding: 1.25rem;
}
table.officerTbl th, table.officerTbl td{
	border: dotted 1px #ccc;
	border-width: 0 1px 0 0;
	border-collapse: collapse;
}
table.officerTbl th:last-child, table.officerTbl td:last-child{
	border: dotted 1px #ccc;
	border-right-width: 0;
}
table.officerTbl tr th{
/*	background-color: rgba(255, 255, 0, 0.5);*/
	color: black;
}
table.officerTbl tr th, table.officerTbl tr td{
	white-space: nowrap;
}
table.officerTbl tr{
	border-bottom: solid 2px white;
}
	table.officerTbl tr:last-child{
		border-bottom: none;
	}
	table.officerTbl tr td:first-child{
		position: relative;
		background-color: rgb(102,45,143);
		color: white;
		text-align: center;
		padding: 10px 0;
	}
	table.officerTbl tr td:nth-child(2){
		font-size: 1.5em;
		padding-left: 2rem;
	}
	table.officerTbl tr td:nth-child(3){
		min-width: 130px;
	}

	table.officerTbl tr td:first-child:after{
		display: block;
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		top:calc(50% - 10px);
		right:-10px;
		border-left: 10px solid rgb(102,45,143);
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
	}
table.officerTbl tr td:first-child{
/*	vertical-align: top;*/
}
table.officerTbl tr td a{
	display: inline-block;
	text-decoration: none;
	padding-left: 2em !important;
}
table.officerTbl tr:nth-child(odd){
	background: #efefef;
	transition: all .4s ease;
}
table.officerTbl tr:nth-child(even){
	background: white;
	transition: all .4s ease;
}
/*
table.officerTbl tr:hover{
	background-color:rgba(255,240,240,1.00);
}
*/
table.officerTbl tr td .zip::before{
	font-size: 1rem;
	float: left;
	margin-right: 0.25rem;
	position: relative;
	top: 50%;
	content: "〒";
	color: darkred;
}
.newMagaBox{
	line-height: 1.25;
	display: flex;
	text-align: center;
}
.newMagaBox > img{
	width:40%;
	height: 40%;
	margin-top: 2em;
	margin-right: 4em;
	box-shadow: 7px 7px 20px rgba(0,0,0,0.3);
}
.newMagaBox dl dt{
	font-weight: bold;
	font-size: 1.25rem;
	margin-bottom: 1rem;
	text-align: left;
}
.newMagaBox dl dd{
	margin-bottom: .75rem;
	margin-left: 0;
	padding-bottom: .75rem;
	padding-left: 1.25em;
	text-align: left;
	border-bottom: dotted 2px #cccccc;
}
.newMagaBox dl dd span{
	font-size: 0.8em;
}
.magaBox, .pamphBox{
	display: flex;
	flex-wrap: wrap;
	margin-top: 1em;
}

.magaBox > div, .pamphBox > div{
	width: 230px;
	height: 230px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 2em 1em;
	background: #efefef;
	background: #ffffff;
	border-radius: 14px;
	box-shadow: 3px 3px 15px rgba(0,0,0,.2);
	vertical-align: middle;
}
.magaBox > div > a > div, .pamphBox > div > a > div{
	width: 120px;
	margin: auto auto 20px;
	text-align: center;
}
.magaBox > div > a > div > img, .pamphBox > div > a > div > img{
	width: 100%;
	box-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
/*
.magaBox > div > a > p::before {
	font-family: "Font Awesome 5 Free";
	content: '\f019';
	font-weight: 600;
	font-size: 2em;
	margin-left: -1.25rem;
	margin-right: 0.25rem;
	color: rgb(0,204,153);
}
*/
.magaBox > div > a > p::before, .pamphBox > div > a > p::before {
	font-family: 'Material Icons Outlined';
	content: '\e2c4';
	float: left;
	margin-left: 1rem;
	margin-right: 0.25rem;
	font-weight: normal;
	font-style: normal;
	font-size: 2.5em;
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
/*	transform: translateY(25%);*/
}
.magaBox > div > a > p, .pamphBox > div > a > p{
	margin: 0 auto;
	display: inline-block;
	line-height: 1.2;
}
.agrFile{
	float: right;
	margin-left: 4em;
	margin-bottom: 4em;
}
img+.caption{
	margin-top: 1em;
	font-size: 0.8em;
	text-align: center;
}
.coTbl th{
	background: #2575b7;
	color: white;
}
.normal.coTbl tr th{
	border: solid 1px black;
}

/*　　　　　　　　　　　　　　*/
/*　　　　　業務内容　　　　　*/
/*　　　　　　　　　　　　　　*/
#processBox{
	position: relative;
	width: 95%;
	margin: auto;
	box-shadow: 3px 3px 15px rgba(0,0,0,.2); 
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
	text-align: center;
}
	#processBox > .bgGradation{
		position: absolute;
		top: 0;
		width: 120%;
		height: 110%;
		transform: translateX(-10%);
		background: rgb(255,255,255);
		background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
		background: linear-gradient(0deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
		z-index: 1;
	}
#processBox h3{
	padding: 0.25em; 
	color: white; 
	background: #2575b7; 
	text-align: center; 
	font-size: 1.5rem; 
	border-top-left-radius: 10px;border-top-right-radius: 10px;
	z-index: 2;
}
#processBox #innerBox{
	position: relative;
	z-index: 2;
}
#processBox #innerBox img{
	margin: auto auto;
	width: 85%;
}
#processBox > p{
	position: relative;
	z-index: 3;
}
#processBox > p{
	text-align: right;
	font-size: 0.8em;
}
.titCoNet, .titBiz/*, .titLink*/{
	margin: 6rem auto 2rem;
	padding: 0.5rem 2rem;
	background: #2575b7;
	color: white;
	border-radius: 14px;
	box-shadow: inset 0 0 5px 5px rgba(0,0,0,.3);
}
.titLink{
	box-sizing: content-box;
	width: 95%;
	transform: skewX(20deg);
	background: rgb(145,39,141);
	background: rgb(102,45,143);
background: rgb(73,32,102);
background: -moz-linear-gradient(0deg, rgba(73,32,102,1) 0%, rgba(102,45,143,1) 50%);
background: -webkit-linear-gradient(0deg, rgba(73,32,102,1) 0%, rgba(102,45,143,1) 50%);
background: linear-gradient(0deg, rgba(73,32,102,1) 0%, rgba(102,45,143,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#492066",endColorstr="#662d8f",GradientType=1);
	position: relative;
	z-index: 2;
}
.titLink > div{
	min-height:100%;
	min-width:100%; 
	position: absolute; 
	top: -7px;
	left: 2px;
	transform: skewX(-40deg);
	background:rgba(102,45,143,.32); 
/*	background:rgb(37, 117, 183,.32); */
	z-index: 1;
}
.titLink > span{
	position: relative;
	display: block;
	padding: 0.35em 1em 0.35em 2em;
	color: white;
	transform: skewX(-20deg);
	z-index: 10;
}
.japanMap{
	position: relative;
	max-width:725px;
	margin-top: 1em;
	padding: 25px 100px 5px;
	background: rgb(187,224,251);
	border-radius: 1.5em;
}
.listWrap{
	position: relative;
	max-width:725px;
	max-width:925px;
/*	padding: 25px 100px 5px;*/
}

.japanMap img{
	width: 100%;
}
.japanMap .title, .listWrap .title{
	position: absolute;
	display: inline-block;
	padding: 0.25em 1em;
	font-size: 2.5rem;
	background: rgb(102,45,143);
	color: white;
	border-radius: 2em;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	font-family: "Koburina Gothic W3 JIS2004";
}
.japanMap .title{
	top: 8rem;
	left: 2rem;
}
.listWrap .title{
	position: relative;
	top: 0rem;
	left: 2rem;
}
.japanMap .title span, .listWrap .title span{
	font-size: 0.8em;
	letter-spacing: -0.1em;
}
.japanMap map + p{
	text-align: right;
	font-size: 0.7em;
}
.listWrap .subNav{
	margin-top: 1.5em;
	margin-left: 2em;
}
.listWrap .subNav a{
	margin-top: 1em;
	margin-right: 0.75em;
	padding-left: 1em;
	background: url("../img/arrow01.png") no-repeat left;
	background-size: 25%;
	text-decoration: none;
}
.listWrap .listBox{
/*	max-width:860px;*/
	margin: 8rem auto auto;
}
.listWrap > .listBox.hokkaido{
	margin: 3rem auto auto;
}
.listBox table, .listBox table tr, .listBox table th, .listBox table td{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-collapse: collapse;
}
.listBox table{
/*	width: 100%;*/
	max-width:860px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	color: #333333;
	font-size:1rem;
	border: solid 1px #ccc;
}
.listBox.hokkaido{
	background: url("../img/list_table01.png") no-repeat right bottom;
	background-size: 13%;
}
.listBox.hokkaido table{
	border-color: rgba(0,123,163,0.35);
}
.listBox.tohoku {
	padding-bottom: 1rem;
	background: url("../img/list_table02.png") no-repeat right bottom;
	background-size: 13%;
}
	.listBox.tohoku table{
		border-color: rgba(239,90,36,0.35);
	}
.listBox.kanto {
	padding-bottom: 1rem;
	background: url("../img/list_table03.png") no-repeat right bottom;
	background-size: 13%;
}
	.listBox.kanto table{
		border-color: rgba(122,199,67,0.35);
	}
.listBox.chubu {
	padding-bottom: 1rem;
	background: url("../img/list_table04.png") no-repeat right bottom;
	background-size: 13%;
}
	.listBox.chubu table{
		border-color: rgba(102,57,27,0.35);
	}
.listBox.kinki {
	padding-bottom: 1rem;
	background: url("../img/list_table05.png") no-repeat right bottom;
	background-size: 13%;
}
	.listBox.kinki table{
		border-color: rgba(255,153,0,0.35);
	}
.listBox.chugoku {
	padding-bottom: 1rem;
	background: url("../img/list_table06.png") no-repeat right bottom;
	background-size: 13%;
}
	.listBox.chugoku table{
		border-color: rgba(178,136,80,0.35);
	}
.listBox.shikoku{
	padding-bottom: 1rem;
	background: url("../img/list_table07.png") no-repeat right bottom;
	background-size: 13%;
}
	.listBox.shikoku table{
		border-color: rgba(255,51,102,0.35);
	}
.listBox.kyusyu{
	background: url("../img/list_table08.png") no-repeat right bottom;
	background-size: 13%;
}
	.listBox.kyusyu table{
		border-color: rgba(255,153,153,0.35);
	}

.listBox .blockName{
	width:100%;
	margin: 3rem auto 0.5rem;
	padding-left: 1.75em;
	padding-left: 1.25em;
	font-size: 1.5em;
	color: rgb(128,128,128);
}
/*
.listBox .blockName::before{
	font-family: "Ionicons";
	content: "\f363";
	font-size: 5rem;
	position: absolute;
	left: -0.125em;
	transform: translateY(-45%) rotate(-135deg);
	color: rgb(0,123,163);
}
*/
.listBox .blockName span{
	letter-spacing: -0.1em;
}
.listBox .blockName span span{
	letter-spacing: -0.2em;
}
.listBox table tr, .listBox table th, .listBox table td{
	padding: 1rem;
}
.listBox table td:first-child{
	padding: 1rem 1rem 1rem 0.25rem;
}
.listBox table th, .listBox table td{
	border: dotted 1px #ccc;
	border-width: 0 1px 0 0;
	border-collapse: collapse;
}
.listBox table tr th:nth-child(5), .listBox table tr td:nth-child(5){
	border-width: 0 0 0 0 ;
	text-align: right;
}
.listBox table tr th{
	background-color: rgba(102,45,143,0.5);
	color: white;
}
.listBox table tr th, .listBox table tr td:first-child, .listBox table tr td:nth-child(3), .listBox table tr td:nth-child(4){
	white-space: nowrap;
}
.listBox table tr td:first-child{
	vertical-align: top;
}
.listBox table tr td a{
	display: inline-block;
	text-decoration: none;
	padding-left: 2em !important;
}
.listBox table tr td:first-child a::before{
	font-family: "Font Awesome 5 Free";
	content: '\f35d';
	font-weight: 600;
	font-size: 0.8em;
	margin-left: -1.25rem;
	margin-right: 0.25rem;
	color: rgb(0,204,153);/*アイコン色*/
}
.listBox table tr td:first-child a.ippan::before{
	font-family: "Font Awesome 5 Free";
	content: '\f07b';
	font-size: 0.9em;
	color: mediumvioletred;/*アイコン色*/
}
.listBox table tr td:nth-child(2) a{
	float: right;
	width: 0;
	height: 0;
}
.listBox table tr:nth-child(odd){
	background: #efefef;
	transition: all .4s ease;
}
.listBox table tr:nth-child(even){
	background: white;
	transition: all .4s ease;
}
/*
.listBox > table tr:hover{
	background-color:rgba(255,240,240,1.00);
}
*/
.listBox table tr td .zip::before{
	font-size: 1rem;
	float: left;
	margin-right: 0.25rem;
	position: relative;
	top: 50%;
	content: "〒";
	color: darkred;
}
form > dl, form > dl > dt, form > dl > dd
{
	list-style:none;
	margin:0;
	padding:0;
}
form > dl{
		margin-top:15px;
}
form > dl > dt, form > dl dd
{
	float:left;
	margin-bottom:1em;
	text-align: left;
}
form > dl > dt
{
	padding-top:15px;
	clear:left;
	width:150px;
	font-weight:bold;
	white-space: nowrap;
}
form > dl > dd > #message
{
	width:89%;
}
select, textarea, input[type="text"]{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	min-width:280px;
	min-height: 40px;
	padding: 0 15px;
	border: 3px solid #ededed;
}
.btn{
	width: 210px;
	margin: 0.25em;
	padding: 1em 3em;
	border-radius: 7px;
	border: 3px solid rgba(153,204,255,.3);
	transition: all .4s ease;
}
.btn:hover{
	background: rgba(153,204,255,.3);
/*	box-shadow: 0 0 10px rgba(102,204,204,.6);*/
	cursor: pointer;
}


@media only screen and (max-width: 1024px) {
	#processBox > .bgGradation{
		position: absolute;
		top: 0;
		width: 110%;
		height: 110%;
		transform: translateX(-5%);
	}
}
@media only screen and (max-width: 768px) {
	.guideWrap .box{
		width: 46%;
		height: 110px;
	}
	.inqWrap .box, .explaWrap .box{
		width: 46%;
		height: 190px;
	}
	#processBox > .bgGradation{
		position: absolute;
		top: 0;
		width: 110%;
		height: 110%;
		transform: translateX(-5%);
	}
	dl.company dt{
		padding-left: 2em;
	}
}
@media only screen and (max-width: 480px) {
	h2.mainTitle{
		width: auto;
	}
	h2.mainTitle > .mainTitleEn{
	}
	h3.subTitle {
		padding-left: 0.25em;
		font-size: 1.75rem;
	}
	dl.company {
		padding-bottom: inherit;
	}
	dl.company dt, dl.company dd, dl.history dt, dl.history dd {
		float: none;
	}
	dl.company dt, dl.history dt{
		padding-bottom: 0.25em;
	}
	dl.company dt{
		padding-left: 1em;
		float: none;
	}
	.action{
		display: inherit;
	}
	.greet, .action ol:first-child {
		margin-bottom: 0em;
	}
	.greet, .action ol+ol {
		margin-top: 0em;
	}
	ul.bizCon img{
		width: 100%;
		float: none;
		margin-bottom:0.25em;
	}
	ul.bizCon b + p{
		clear: both;
		padding-top: 1em;
	}
	h2.catTit{
	width: auto;
	font-size: 2rem;
	}
	.guideWrap .box{
		width: 100%;
		height: 110px;
	}
	.inqWrap .box, .explaWrap .box{
		width: 100%;
	}
	.guideWrap .box.history, 
	.guideWrap .box.officer, 
	.guideWrap .box.magazine, 
	.guideWrap .box.disaster, 
	.guideWrap .box.infomation,
	.inqWrap .box.infomation,
	.inqWrap .box.infomation{
		background-size: cover;
		background-position: left center;
	}
	.guideWrap .box.history a u{
		top: 25%;
	}
	.inqBelt > div{
		width: 43%;
	}
	.inqBelt > div > a{
		padding: 0.5em;
	}
	.lawWrap, .linkWrap {
		display: block;
	}
	.lawWrap .lawBox, .linkWrap .linkBox{
		width: 100%;
	}
	.newMagaBox{
		display: inherit;
		text-align: center;
	}
	.newMagaBox > img{
	margin-left: auto;
	margin-right: auto;
}
	.magaBox, .pamphBox{
		display: inherit;
		text-align: center;
	}
	.magaBox > div, .pamphBox > div{
		margin-left: auto;
		margin-right: auto;
	}
	.magaBox > div > a > p::before {
		margin-left:auto;
	}

	.newMagaBox dl{
		margin-left: 1em;
		margin-right: 1em;
	}
	.agrFile{
		float: none;
		margin-left: auto;
		margin-bottom: 4em;
		text-align: center;
	}
	.agrFile img{
		width: 90%;
	}
	.normal.coTbl td{
		white-space:normal;
		padding: 0.5em;
	}
	#processBox img{
		margin: auto auto;
		width: 130%;
	}
	#processBox #innerBox img{
		margin: auto 1em;
		width: 180%;
	}
	#processBox > p{
		text-align: left;
	}
	.japanMap{
		max-width: auto;
		padding: 5px;
		border-radius: 7px;
	}
	.japanMap .title, .listWrap .title {
		left: 0.25em;
		font-size: 1.5rem;
		background: rgb(102,45,143);
		border-radius: 2em;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	}
	.japanMap .title{
		position: absolute;
		top: 1em;
	}
	ul.topics li{
		padding-left: 0;
	}
	ul.topics li dd{
		margin-left: 1em;
	}
	select, textarea, input[type="text"]{
		min-width:260px;
	}
}


/* ----------------------------------------------------- 
/* 共通 */
/* ----------------------------------------------------- */
table.aidingTable caption,
table.pastTbl01 caption, table.pastTbl02 caption, table.pastTbl03 caption,
table.sevenForestTbl01 caption, table.sevenForestTbl02 caption,
table.joseiTotalTbl caption,
table.jDebTbl caption, table.jDantaiTbl caption, table.jDecisionTbl caption, table.jDecisionEtcTbl caption,
table.jExpenseTbl caption,
table.aidingTable + figcaption,
table.pastTbl01 + figcaption, table.pastTbl02 + figcaption, table.pastTbl03 + figcaption,
table.sevenForestTbl01 + figcaption, table.sevenForestTbl02 + figcaption,
table.joseiTotalTbl + figcaption,
table.jDebTbl + figcaption, table.jDantaiTbl + figcaption, table.jDecisionTbl + figcaption, table.jDecisionEtcTbl + figcaption,
table.jExpenseTbl + figcaption{
	color: rgb(118,76,45);
}

/*属性変更*/
.iBlock{
	display: inline-block;
	vertical-align: top;
}
.iLine{
	display:inline;
	vertical-align: top;
}

.vAlign{
	vertical-align: top;
}
.vAligTB{
	vertical-align: text-bottom;
}
.exLinkIcon::after{
	font-family: "Font Awesome 5 Free";
	content: '\f35d';
	font-weight: 600;
	font-size: 0.8em;
	margin-left: -1.25rem;
	margin-right: 0.25rem;
}
.pdfIcon::after{ /* for Font Awesome */
	margin-left: 0.25em;
	font-family: "Font Awesome 5 Free";
	content: '\f1c1';
	font-weight: 900;
	color: rgba(200,0,0,1.0);
}
.material-icons { /* for Google Material Icons */
	vertical-align: middle;
	color: orange;
}
	a:hover .material-icons {
		color: rgb(0,154,153);
	}
.releaseIcon {
	background:rgb(65, 117, 5);
	display: inline-block;
	margin-right: 0.25em;
	padding: 3px 6px;
	font-size: 70%;
	font-style: italic;
	color: #2e4d14;
	color: #ffffff;
	line-height: 1;
	border: solid 1px rgb(213, 219, 208);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
	behavior: url(/common/css/PIE.htc);
	vertical-align: middle;
}
.greenBox{
	margin-bottom:0.5em; 
	background:#f1fae8; 
	padding:2px 5px; 
	border:solid 1px #8ec359;
background: #43C6AC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #FAFFD1, #f1fae8);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(60deg, #f1fae8 60%, #FAFFD1); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.stripe01 {
	background: url(../img/bk_stripe01.png);
}
.box01 {
	padding: 2rem;
}
.whiteBox{
	margin-bottom:0.5em; 
	background:#ffffff; 
	padding:1rem; 
	border:solid 1px #cccccc;
	background: white;
}
.lBrownBox{
	margin-bottom:0.5em; 
	padding:1rem; 
	background: #fbf2e8;
}
.redBox01{
	margin-bottom:0.5em; 
	padding:1rem; 
	background:#ffffff; 
	border: solid 1px rgb(255, 166, 166);
}
.redBox02{
	margin-bottom:0.5em; 
	padding:1rem; 
	background: #f1fae8;  /* fallback for old browsers */
	background: linear-gradient(60deg, rgb(250, 240, 240) 60%, rgb(250, 225, 225)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bokashi200{
	backdrop-filter: blur(200px);
}
.dropKage{
		border: 1px solid rgb(230,230,230);
		padding: 4px;
		-webkit-box-shadow: 1px 1px 4px rgb(0 60 10 / 15%);
		box-shadow: 1px 1px 4px rgb(0 60 10 / 15%);
}
.phoFlame{
		box-sizing: border-box;
		border: 1px solid rgb(230,230,230);
		padding: 4px;
		-webkit-box-shadow: 1px 1px 4px rgb(0 60 10 / 15%);
		box-shadow: 1px 1px 4px rgb(0 60 10 / 15%);
		background: rgba(255,255,255,.95);
}
.brightImg:hover{
	filter: brightness(1.1);
}

.bokeFuchi{
	position: relative;
}
	.bokeFuchi>img{
		margin: 0;
		padding: 0;
	}
	.bokeFuchi::after{
		position: absolute;
		content: '';
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		box-shadow: inset 0 0 15px 15px white;
	}
.lineBox{
	margin:2em 0;
	position: relative;
	padding: 1.0em 4.0em;
	border-top: solid 2px #d8d8d8;
	border-bottom: solid 2px #d8d8d8;
}
.lineBox:before, .lineBox:after{
	content: '';
	position: absolute;
	top: -10px;
	width: 2px;
	height: -webkit-calc(100% + 20px);
	height: calc(100% + 20px);
	background-color: #d8d8d8;
}
.lineBox:before {left: 10px;}
.lineBox:after {right: 10px;}
.lineBox p {
	margin: 0; 
	padding: 0;
}
/*フォント周り*/
/*TypeSquare*/

.fRyuMin{/**/
	font-family: "Ryumin Regular KL" !important;
}
.fNowGM{
	font-family: "NOW-GM" !important;
}
.fKobuG{/**/
		font-family: "Koburina Gothic W3 JIS2004" !important;
}
.fJun{/**/
	font-family: "Jun 34" !important;
}
.fShuMGoR{
	font-family: "Shuei MaruGo R" !important;
}
.fShinGoR{/**/
	font-family: "Shin Go Regular" !important;
}
.fShinGoDB{/**/
	font-family: "Shin Go DeBold" !important;
}
.fShinGoB{
	font-family: "Shin Go Bold" !important;
}
.fShinGoH{
	font-family: "Shin Go Heavy" !important;
}
.fUDShinGoR{/**/
	font-family: "UD Shin Go R JIS2004 AP" !important;
}
.fUDShinGoM{/**/
	font-family: "UD Shin Go Medium" !important;
}
.fUDShinMGoR{
	font-family: "UD Shin Maru Go Regular" !important;
}
.fUDShinMGoM, .fUDShinMGoR strong, .fUDShinMGoR .text_bold{
	font-family: "UD Shin Maru Go Medium"!important;
}
.fHagoM{/**/
	font-family:  "羽衣-M", "Hagoromo-M"!important;
}
.fHiraKgw6 {
	font-family: "ヒラギノ角ゴ W6 JIS2004" !important;
}
.fKokinYu {
	font-family: "小琴 遊かな", "KokinYukana"!important;
}
.fBentonB{
	font-family: "FB Benton Sans Bold";
}
.fGothic{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
/*
.fMForkB{
.fUDTypos{
	font-family: "UDTypos515" !important;
}
	font-family: "Maru Folk Bold" !important;
}
.fHiraUDMw3 {
	font-family: "Hiragino UD Sans Rd W3 JIS2004" !important;
}
.fHiraUDMw3 b, .fHiraUDMw3 strong, .fHiraUDMw3 .text_bold, .fHiraUDMw5 {
	font-family: "Hiragino UD Sans Rd W5 JIS2004"!important;
}
.fHiraUDMw5 b, .fHiraUDMw5 strong, .fHiraUDMw5 .text_bold, .fHiraUDMw6 {
	font-family: "Hiragino UD Sans Rd W6 JIS2004"!important;
}
.fShuMGL {
	font-family: "Shuei MaruGo L"!important;
}
.fYuMidaM {
	font-family: "Yutuki Midashi Mincho"!important;
}
.fDsFlam {
	font-family: "DS-flaming"!important;
}
.fDsT7 {
	font-family: "DS-type7"!important;
}
.fPokB {
	font-family: "Pokkru-B"!important;
}
.fDinCon{
	font-family: "din-condensed", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"!important;
}

.fDsStage1{
	font-family: "DS-stage1"!important;
}
.fDsIkiko{
	font-family: "DS一支國", "DS-ikikoku"!important;
}
.fDsShowwa{
	font-family: "DS照和70" , "DS-showwa70"!important;
}
.fDsDada{
	font-family:  "DSダダ", "DS-dada"!important;
}
*/
.txtBrown, .txt_Brown{
	color:rgb(118,76,45);/* #764c2d */
}
.txt_36c{
	color:rgb(51, 102, 204);/* #3366cc */
}
.txt_Colffb400{/* 山吹オレンジ */
	color: rgb(255, 182, 0);
}
.txt_Col0084ff{/* 青 */
	color: rgb(0,132,255);
}
.txt_Col187f62{/* 青緑 */
	color: rgb(24,127,98);
}
.txt_Col1A8970{
	color: #1A8970;
	color: rgb(26,137,112);
}
.txt_Col00797f{
	color: #00797f;
	color: rgb(0, 121, 127);
}
.txt_Col21b28d{
	color: #21b28d;
	color: rgb(33, 178, 141)!important;
}
.txt_Col009900{/* 緑 */
	color: #009900;
	color: rgb(0, 153, 0);
}
.txt_Col006600{
	color: #006600;
	color: rgb(0, 102, 0);
}
.txt_Col336600, .txt_336600, .text_336600{
	color: #336600;
	color: rgb(51, 102, 0);
}

.txt_Col666666{/* グレー */
	color: #666666;
}
.txt_Col736357{/* ブラウン茶セピア */
	color: rgb(115, 99, 87);
}
.txt_Colc8000{/* 赤 */
	color: rgb(200,0,0);
}
.text_red, .txt_red, .txt_Colff0000{
	color: rgb(255,0,0);
}
.txt_Cola36666{
	color: rgb(163,102,102);
}
.txt_Col333333{
	color: rgb(51,51,51);
}
.text_whi,.txt_white, .txt_Colffffff{
	color: #ffffff;
	color: rgb(255,255,255);
}
.text_36c, .txt_Col3366cc{
	color: #3366cc;
}
.txt_S90per{
	font-size: 0.9em;
}
.txt_S80per{
	font-size: 0.8em;
}
.txt_S50per, .txt_SHalfper{
	font-size: 50%;
	font-size: 0.5em;
}
.txt_S120per{
	font-size: 1.2em;
}
.txt_S150per{
	font-size: 1.5em;
}
.txt_S200per{
	font-size: 2em;
}
.txt_S250per{
	font-size: 2.5em;
}
.txt_normal, .text_normal{
	font-weight: normal;
}
.txt_bold, .text_bold{
	font-weight: bold;
}
/*コーナー　角丸*/
.round01{
	border-radius: 1em;
}
.round100{
	border-radius: 100em;
}
.round04{
	border-radius: 4px;
}

/*蛍光アンダーライン*/
.pinUline {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffdfef 0%) repeat scroll 0 0;
}
.yelUline {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;
}
/*
.lineUY::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 50%;
	background: #FFFF00;
	z-index: -1;
}
*/
.lineUY {
	background:linear-gradient(transparent 70%, #FFFF00 70%);
}
.lineUOra {
	background: linear-gradient(transparent 75%,#fad09e 60%);
}

.mainGrade{
background: rgb(19,167,103);
background: linear-gradient(180deg, rgba(19,167,103,1) 0%, rgba(136,213,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#13a767",endColorstr="#88d51f",GradientType=1);
}


.marginZero {
	margin:0;
	}
.marginTHalf {
	margin-top:0.5rem;
	}
.marginUHalf {
	margin-bottom:0.5rem;
	}
.marginT01 {
	margin-top:1rem;
	}
.marginT02 {
	margin-top:2rem;
	}
.marginT03 {
	margin-top:3rem;
	}
.marginT04 {
	margin-top:4rem;
	}
.marginT08 {
	margin-top:8rem;
	}
.marginU01 {
	margin-bottom:1rem;
	}
.marginU02 {
	margin-bottom:2rem;
	}
.marginU03 {
	margin-bottom:3rem;
	}
.marginU04 {
	margin-bottom:4rem;
	}
.marginU08 {
	margin-bottom:8rem;
	}
.marginLHalf {
	margin-left:0.5rem;
	}
.marginL01 {
	margin-left:1rem;
	}
.marginL02 {
	margin-left:2rem;
	}
.marginL03 {
	margin-left:3rem;
	}
.marginL04 {
	margin-left:4rem;
	}
.marginL05 {
	margin-left:5rem;
	}
.marginRHalf {
	margin-right:0.5rem;
	}
.marginR01 {
	margin-right:1rem;
	}
.marginR03 {
	margin-right:3rem;
	}

.txt_left{
	text-align:left;
}
.txt_right{
	text-align:right;
}
.txt_center{
	text-align:center;
}
.hideText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.lBox, .Lbox{
	float: left ;		/* 左に寄せる */
	display:inline-block;
}

.rBox, .Rbox{
	float: right;		/* 右に寄せる */
	display:inline-block;
}
.lImgBox, .Limage{
/*	margin-left: 2rem;*/
	float: left ;		/* 右に寄せる */
	display:inline-block;
	min-width: 198px;
/*	margin-right: 1em;*/
}
.rImgBox, .Rimage{
/*	margin-right: 2rem;*/
	float: right;		/* 右に寄せる */
	display:inline-block;
	min-width: 198px;
/*	margin-left: 1em;*/
}
.Cbox, .cBox, .cImage{
/*	display: inline-block;*/
	margin-left: auto;
	margin-right: auto;
}
	.lBox > img, .rBox > img, .cBox > img
	{
	vertical-align: top;
	font-size: 0;
	}
@media screen and (max-width:480px)
{
	.lImgRelease, .lBox.lImgRelease, .lImgBox.lImgRelease, 
	.rImgRelease, .rBox.rImgRelease, .rImgBox.rImgRelease{
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 100% !important;
	}
	.cImgRelease, .rImgRelease, .lImgRelease{
		width: 100% !important;
	}
	.cImgRelease > img, .rImgRelease > img, .lImgRelease > img{
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.rImgBox.rImgRelease > figure, 
	.lImgBox.lImgRelease > figure{
		margin-bottom: 0;
	}
	.rImgBox.rImgRelease > figure.alignright, 
	.rImgRelease > figure.alignright, 
	.lImgBox.lImgRelease > figure.alignleft, 
	.lImgRelease > figure.alignleft{
		float: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.rImgBox.rImgRelease > figure > figcaption, 
	.lImgBox.lImgRelease > figure > figcaption, 
	.cImgRelease .lBox .addCap{
		text-align: center;
	}
	.rImgBox.rImgRelease .wp-caption-text, 
	.lImgBox.lImgRelease .wp-caption-text, 
	.cImgRelease .wp-caption-text{
		width: 100%;
	}
}
.site-main > figure {
/*		margin: 1em 0;*/
		margin-top: 0;
		margin-left: 2rem;
		min-width: 198px;
	}
.addCap{
/*	display: inline-block;*/
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8125rem;
/*
	line-height: 140%;
	line-height: 1;
*/
	max-width: 90%;
	word-break: break-all;
}
.cBox > .addCap{
	display: inline-block;
}
.addCap.txt_left, .addCap.txt_center{
	width: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0; 
	margin: 0.5em auto; 
}
.wp-caption-text{
	margin-top: 0;
	font-style: normal;
	width: 90%;
	color: #336600;
}
.noWrap{
	white-space: nowrap
}

/*桁揃え*/
.num{
	font-family:monospace;
/*	text-align:right;*/
	font-size: 1rem;
	font-weight: normal;
}
.keta02{
	display:inline-block;
	width: 1.25rem;
	min-width: 2ex;
	min-width: calc(2rem / 2)+1px;
	white-space:nowrap;
	text-align:right;
}
	/* Firefox */
	/*
	@-moz-document url-prefix(){
		.keta02 {
			width:1.2em;
		}
	}
	*/
.keta03{
	display:inline-block;
	min-width: 3ex;
	min-width: calc(3rem / 2)+1px;
	white-space:nowrap;
	text-align:right;
}
	/* Firefox */
	/*
	@-moz-document url-prefix(){
		.keta03 {
			width:1.85em;
		}
	}
	*/
.keta04{
	display:inline-block;
	min-width: 4ex;
	min-width: calc(4rem / 2+1px);
	min-width: calc(8ex/1.83);
	white-space:nowrap;
	text-align:right;
}
	/* Firefox */
	/*
	@-moz-document url-prefix(){
		.keta04 {
			width:3em;
		}
	}
	*/
.keta05{
	display:inline-block;
	min-width: 5ex;
	min-width: calc(5rem / 2)+1px;
	white-space:nowrap;
	text-align:right;
}
	/* Firefox */
	/*
	@-moz-document url-prefix(){
		.keta05 {
			width:5em;
		}
	}
	*/

.listup01, .listUp01 {
	margin-left:1em;
	text-indent:-1em;
	overflow:visible;
	}
.listup02, .listUp02 {
	margin-left:2em;
	text-indent:-2em;
	}
.listup15, .listUp15 {
	margin-left:1.5em;
	text-indent:-1.5em;
	}
.text_center, .txt_center{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
.text_left, .txt_left{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	}
.text_right, .txt_right{
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	}
.txt_PcLMobC, .text_PcLMobC{
	text-align: left;
}
@media screen and (max-width:480px)
{
	.txt_PcLMobC, .text_PcLMobC{
		text-align: center;
	}
}

ul.hyouji_none > li, ol.hyouji_none > li{
	list-style:none !important;
	list-item:none !important;
}
dl.hyouji_disc > dt{
	display:list-item;
	list-style-type: disc;
	list-style:disc;
	list-style-position:outside;
/*	margin-left:2.75em;*/
}
dl.hyouji_decimal > dt{
	display:list-item;
	list-style:decimal outside;
/*	margin-left:2.75em;*/
}
dl.yokoNarabi{
	clear: both;
}
dl.yokoNarabi dt{
	clear: both;
	float: left;
}
dl.yokoNarabi dt > .bunKatsu{
	display: inline-block;
	clear: both;
	float: right;
}
/*
dl.yokoNarabi dt.reset{
	clear: both;
}
*/
dl.yokoNarabi dd{
	float: left;
	overflow: auto;
}
dl.yokoNarabi dt, 
dl.yokoNarabi dd{
	margin: 0;
}
dl.yokoNarabi dd figure, 
dl.yokoNarabi dd table{
	margin: 0;
}
@media screen and (max-width:480px)
{
	dl.yokoNarabi dt, 
	dl.yokoNarabi dt > .bunKatsu, 
	dl.yokoNarabi dd{
		float: none;
	}
}
a.decoNone{
	text-decoration: none;
	box-shadow: inset 0 -1px 0 transparent;
}
a.decoNoneHover:hover{
	text-decoration: none;
	box-shadow: inset 0 -1px 0 transparent;
}




/* ----------------------------------------------------- */
/* ノーマルテーブル */
/* ----------------------------------------------------- */

table.normal{
	border-collapse: collapse;
}
table.normal tr, table.normal th, table.normal td{
	padding: 1em;
	border:auto;
	border: solid 1px;
}
/*
table.normal.round01 th, table.normal.round01 td{
	border:none;
}
*/
table.normal.round01 tr:first-child th, table.normal.round01 tr:first-child td{
	border:none;
}
table.normal.round01{
	border-collapse:separate;
	border: solid 1px;
}

/* ----------------------------------------------------- */
/* ▼空の見出しセル(th)には、右下がり(+45度)の斜線を引く */
/* ----------------------------------------------------- */
table.emptyLine th:empty { 
   background-image: linear-gradient(to top right, transparent 49%, black 49%, black 51%, transparent 51%, transparent); /* 右下がりの斜線 */
}
table td.emptyLine { 
	background-image: linear-gradient(to top left,
						transparent, transparent 49.8%,
						#666666 49.9%, #666666 50%,
						transparent 50.1%, transparent);
}

/* --------------------------------------------------------------------- */
/* ▼空の中身セル(td)には、右上がり(-45度)の斜線を引いて灰色背景色も付加 */
/* --------------------------------------------------------------------- */
table td.emptyLine:empty { 
   /*background-color: #f0f0f0;  背景色 */
   background-image: linear-gradient(to top left, transparent 49%, black 49%, black 51%, transparent 51%, transparent); /* 右上がりの斜線 */
}


@media screen and (max-width:768px)
{
.imgAdjMob{
	white-space:nowrap;
	overflow:scroll;
}
	.imgAdjMob > img{
		max-width:200%;
	}
	.imgAdjMob > img:after {
	content: "※ このテーブルは横にスクロールできます。";
	}
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
.clearfix:before,
.clearfix:after {
	content: ".";    
	display: block;    
	height: 0;    
	overflow: hidden; 
}
/* フロート解除 */
.clear{
	clear:both;
/*	height: 0;*/
/*	overflow: hidden; */
}



/* PC用Mobile用 */
#forPc, .forPc{/* =.pc_visi */}
#forTablet, .forTablet, #forMobile, .forMobile{
	visibility: hidden;
	display: none;
}
@media screen and (max-width:768px)
{
	#forPc, .forPc{
		display: none;
	}
	#forTablet, .forTablet, #forMobile, .forMobile{
		visibility: visible;
		display: inherit;
	}
	.outerScroll {
		width: 100%;
		overflow-x:scroll;
	}
}
@media screen and (max-width:480px)
{
	#forPc, .forPc{
		display: none;
	}
	#forMobile, .forMobile{
		visibility: visible;
		display: inherit;
	}
	.outerScroll {
		width: 100%;
		overflow-x:scroll;
	}
}