/****************************
１/main
２/table(一部各ページに設定)
３/aside
****************************/
/*****************************sitemap*****************************************/
.box-contents.sitemap{
	font-weight:bold;
}
.box-contents.sitemap ol{
	list-style-type:none;
	padding:0;
}
.box-contents.sitemap .box-text h2{
	color:#02205f;
	background:rgba(0,0,0,0);
	padding:8px 0;
}
.box-contents.sitemap .box-text h2 a{
	color:#02205f;
}
/*****************************index*****************************************/
.box-contents.index{
	font-weight:bold;
}
.box-contents.index h1{
	font-size:3.2rem;
	padding:30px 0 50px;
}
.box-contents.index .sub-headding{
	padding:20px 0;
}
.box-contents.index ol{
	list-style-type:none;
	padding:0;
}
/*****************************main*******************************************/
.box-contents{
	padding:10px;
	background-color:#f2f4f8;
}
.box-contents.know{
	background-color:#fcedf3;
}
.box-contents.prepare{
	background-color:#d3eefa;
}
.box-contents.manage{
	background-color:#fefad6;
}
.box-contents.release{
	background-color:#fde5d3;
}
.box-contents.protect{
	background-color:#e3efd4;
}
.box-contents.consult{
	background-color:#e6e5f1;
}
.box-text{
	padding:20px 0;
	margin-bottom:20px;
}
.box-text h1{
	margin-bottom:20px;
	line-height:1.5;
}
.box-text h1 span{
	padding:8px;
	margin-right:20px;
	border-radius:20px;
	font-size:1.92rem;
	vertical-align:2px;
	color:#fff;
}
.box-contents.know .box-text h1 span{
	background-color:#ee59a0;
}
.box-contents.prepare .box-text h1 span{
	background-color:#0784c8;
}
.box-contents.manage .box-text h1 span{
	background-color:#f8a422;
}
.box-contents.release .box-text h1 span{
	background-color:#f26323;
}
.box-contents.protect .box-text h1 span{
	background-color:#69bf68;
}
.box-contents.consult .box-text h1 span{
	background-color:#975ca5;
}
@media screen and (min-width:992px){
.box-text .top-img{
/*	float:right;*/
	text-align:center;
}
}
.box-text .top-img img{
	max-width:600px;
}
.box-text .top-text{
	font-size:1.92rem;
}
.box-text h2{
	margin-top:30px;
	padding:8px 30px;
	display:inline-block;
	border-radius:20px;
	color:#fff;
	font-size:1.92rem;
}
.box-contents .box-text h2{
	background:linear-gradient(#5876b5 15%,#02205f);
}
.box-contents.know .box-text h2{
	background:linear-gradient(#f4accd 15%,#ee59a0);
}
.box-contents.prepare .box-text h2{
	background:linear-gradient(#58a5da 15%,#0784c8);
}
.box-contents.manage .box-text h2{
	background:linear-gradient(#fcc371 15%,#f8a422);
}
.box-contents.release .box-text h2{
	background:linear-gradient(#f9b784 15%,#f26323);
}
.box-contents.protect .box-text h2{
	background:linear-gradient(#a8d5a2 15%,#69bf68);
}
.box-contents.consult .box-text h2{
	background:linear-gradient(#be9dc8 15%,#975ca5);
}
.box-text h3{
	margin-top:20px;
}
.box-text h3 + p{
	margin-left:20px;
}
.box-contents.know .box-text h3,
.box-contents.know .box-text .ref{
	color:#ec098a;
}
.box-contents.prepare .box-text h3{
	color:#077ec3;
}
.box-contents.manage .box-text h3,
.box-contents.manage .box-text .ref{
	color:#a36c0b;
}
.box-contents.release .box-text h3,
.box-contents.release .box-text .ref{
	color:#f55113;
}
.box-contents.protect .box-text h3,
.box-contents.protect .box-text .ref{
	color:#47b758;
}
.box-contents.consult .box-text h3,
.box-contents.consult .box-text .ref{
	color:#66438c;
}
.box-text h4{
	margin-top:10px;
	font-weight:bold;
}
.box-contents .box-text .arrow-deco{
	font-size:1.92rem;
}
.box-contents .box-text .danger{
	margin-top:40px;
	padding:10px 15px;
	border:dotted 2px #02205f;
	background-color:#fff;
}
.box-contents .box-text .danger h2{
	background:url(../icon/icon_danger.png) no-repeat;
	color:#02205f;
	border-radius:0;
	margin:0;
	padding-left:48px;
}
.box-contents .box-text .safety{
	margin-top:40px;
	padding:10px 15px;
	border:dotted 2px #22b157;
	background-color:#fff;
}
.box-contents .box-text .safety h2{
	background:url(../icon/icon_safety.png) no-repeat;
	color:#22b157;
	border-radius:0;
	margin:0;
	padding-left:48px;
}
.box-contents .box-text .danger ul,
.box-contents .box-text .safety ul{
	padding-left:20px;
}
.box-contents .pagination{
	margin:40px 0 0;
}
.box-contents .pagination .page-link{
	color:#212529;
	font-weight:bold;
	border:none;
	border-radius:10px;
	box-shadow:0 1px 5px rgba(0,0,0,0.1);
	background-color:#fff;
}
.box-contents .pagination .page-link:hover{
	color:#fff;
}
.box-contents.know .pagination .page-link:hover{
	background-color:#ee59a0;
}
.box-contents.prepare .pagination .page-link:hover{
	background-color:#0784c8;
}
.box-contents.manage .pagination .page-link:hover{
	background-color:#f8a422;
}
.box-contents.release .pagination .page-link:hover{
	background-color:#f26323;
}
.box-contents.protect .pagination .page-link:hover{
	background-color:#69bf68;
}
.box-contents.consult .pagination .page-link:hover{
	background-color:#975ca5;
}
@media screen and (min-width:576px){
.box-contents{
	padding:20px;
}
.box-text{
	padding:30px;
}
.box-contents .pagination .page-link{
	font-size:1.44rem;
}
.box-contents .box-text .danger{
	padding:10px 20px;
}
}
.box-contents .text-space2{
	padding:0 20px;
}
@media screen and (min-width:768px){
.box-text{
	padding:40px 50px;
}
.box-contents .text-space{
	padding:0 15px;
}
}
@media screen and (max-width:767px){
.box-contents .col-12{
	padding:0;
}
}
/*****************************table*******************************************/
/*詳細設定は各ページstyleに記載
knowSix knowEight
prepare
manageTwo manageThree
consult consultTwo
*/
table,th,td{
	border:1px solid #aaa;
	background-color:#fff;
}
table{
	width:100%;
	margin-top:30px;
}
th{
	text-align:center;
}
td{
	padding:10px;
}
.box-contents.consult table{
	margin-top:0;
}
.box-contents.consult table,
.box-contents.consult th,
.box-contents.consult td{
	border:none;
	background-color:inherit;
}
td .td-space{
	display:none;
}
@media screen and (max-width:767px){
	td .td-space{
	margin-left:17px;
	display:inline;
}
}
/*****************************aside*******************************************/
.box-contents aside .container{
	background-color:#fff;
	padding-bottom:5px;
	text-align:center;
	border-radius:10px;
}
@media screen and (min-width:576px){
.box-contents aside .container{
/*	padding:20px 50px;*/
}
}
aside a{
	padding:5px 20px;
}
@media screen and (max-width:575px){
	aside a{
	font-size:1.28rem;
}
}
.box-contents aside h3{
	font-family:HG創英角ｺﾞｼｯｸUB,sans-serif;
	color:#fff;
	background-color:#3c578f;
	padding:5px 0;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.box-contents aside a.active,
.box-contents aside a:hover{
	text-decoration:none;
	background: radial-gradient(ellipse farthest-side,#cbd4e6,rgba(0,0,0,0));
	color:#212529;
	font-weight:bold;
}
.box-contents aside .col-deco{
	border-bottom:1px dotted #ccc;
}
.box-contents.know aside h3{
	background-color:#ee59a0;
}
.box-contents.know aside a.active,
.box-contents.know aside a:hover{
	background: radial-gradient(ellipse farthest-side,#fad5d3,rgba(0,0,0,0));
	color:#8a3b47;
}
.box-contents.prepare aside h3{
	background-color:#0784c8;
}
.box-contents.prepare aside a.active,
.box-contents.prepare aside a:hover{
	background: radial-gradient(ellipse farthest-side,#d3eefa,rgba(0,0,0,0));
	color:#0b8fb7;
}
.box-contents.manage aside h3{
	background-color:#f8a422;
}
.box-contents.manage aside a.active,
.box-contents.manage aside a:hover{
	background: radial-gradient(ellipse farthest-side,#e9df86,rgba(0,0,0,0));
	color:#7d7728;
}
.box-contents.release aside h3{
	background-color:#f26323;
}
.box-contents.release aside a.active,
.box-contents.release aside a:hover{
	background: radial-gradient(ellipse farthest-side,#fbd1ba,rgba(0,0,0,0));
	color:#b35832;
}
.box-contents.protect aside h3{
	background-color:#69bf68;
}
.box-contents.protect aside a.active,
.box-contents.protect aside a:hover{
	background: radial-gradient(ellipse farthest-side,#c2e1c2,rgba(0,0,0,0));
	color:#4e9058;
}
.box-contents.consult aside h3{
	background-color:#975ca5;
}
.box-contents.consult aside a.active,
.box-contents.consult aside a:hover{
	background: radial-gradient(ellipse farthest-side,#bd97e7,rgba(0,0,0,0));
	color:#593169;
}