/*---------------------------------------------------
environment
---------------------------------------------------*/
/*h3*/
.boxAbout h3 {
	font-weight:bold
}
@media(max-width: 767px) {
	.boxAbout h3 {
		font-weight:bold
	}
}
@media(min-width: 768px) {
	.boxAbout h3 {
		line-height:1.625
	}
}
@media(max-width: 767px) {
	.boxAbout h3 {
		line-height:1.538
	}
}
@media(min-width: 768px) {
 .boxAbout h3 {
	font-size:20px;
	letter-spacing:.15em;
	margin:46px 0
	}
}
@media(max-width: 767px) {
 .boxAbout h3 {
	font-size:18px;
	margin:20px 0
	}
}
.boxAbout h3:before,
.boxAbout h3:after {
	content:"";
	display:block;
	height:0
}
@media(min-width: 768px) {
	.boxAbout h3:before {
		margin-top:calc( ( 1em * 1.625 - 1em ) / -2 )
	}
}
@media(max-width: 767px) {
	.boxAbout h3:before {
		margin-top:calc( ( 1em * 1.538 - 1em ) / -2 )
	}
}
@media(min-width: 768px) {
	.boxAbout h3:after {
		margin-bottom:calc( ( 1em * 1.625 - 1em ) / -2 )
	}
}
@media(max-width: 767px) {
	.boxAbout h3:after {
		margin-bottom:calc( ( 1em * 1.538 - 1em ) / -2 )
	}
}

/*themebox*/
.themebox {
	border: 1px solid #ccc;
	border-radius: 10px;
	margin: 2em !important;
	padding: 1.5em 3em;
}
/*ul*/
.boxAbout ul:nth-of-type(n + 2) {
	margin-top: 1em;
}
/*---------------------------------------------------
policy
---------------------------------------------------*/
@media(min-width: 1280px) {
	.boxAbout ol li ul{
		margin: .5em .5em .5em 1.5em !important;
	}
}
@media(min-width: 768px)and (max-width: 1279px) {
	.boxAbout ol li ul{
		margin: .5em .5em .5em 1.5em !important;
	}
}
@media(max-width: 767px) {
	.boxAbout ol li ul{
		margin: .5em .5em .5em 1.5em !important;
	}
}

.signature::after {
	/*clearfix*/
	content:"";
	display:block;
	clear:both;
}
.signature p{
	display:inline-block;
	margin-top:1em;
	float:right;
}


/*---------------------------------------------------
outline
---------------------------------------------------*/
.boxAbout figure {
	text-align: center;
	margin: 2em auto;
}
.boxAbout figure img {
	max-width: 100%;
}

/*---------------------------------------------------
report
---------------------------------------------------*/
/*new window icon*/
@media (min-width: 768px) {
	.boxAbout .btn {
		margin-top:80px
	}
}
@media (max-width: 767px) {
	.boxAbout .btn {
		margin-top:20px
	}
}
.boxAbouta:not(.btn) {
	color:#007BC2
}
.boxAbout a:not(.btn):hover {
	text-decoration:underline
}
.boxAbout a:not(.btn) svg {
	width:15px;
	height:15px;
	margin-left:8px
}
/*report*/
.reportHeader {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items:flex-start;
	margin:32px 0 46px 0;
}
.reportHeader .title {
	width: calc(100% - 300px);
}
.reportHeader .fig {
	width:300px;
}
.reportHeader .title h3{
	font-size:20px;
	font-weight:bold;
	margin: 0 0 1em 0;
}
.reportHeader .fig,
.reportHeader .fig figure,
.reportHeader .fig img{
	margin: 0;
}
.reportHeader .fig img{
	border: 1px solid #ccc;
}

@media(max-width: 768px) {
	.reportHeader{
		margin:0;
	}
	.reportHeader .title,
	.reportHeader .fig {
		width:100%;
	}
	.reportHeader .fig img{
		width:40%;
		margin: 2em auto;
	}
}
.reportBorder{
	height: 3px;
	border: none;
	border-top: 3px double #ccc;
	}
.reportEach li{
	margin-bottom:1em;
}