@charset "utf-8";
/*--京pages.css--*/
/* ##########SP########## */
.page_title_box{
	margin-bottom: 2em;
	position: relative;
	z-index: 1;
}

	.page_title_box .box_inner{
		position: relative;
	}

		.page_title_box .box_inner .page_title{
			padding: 4vw 6vw;
			background: url(../shared/title_bg.png);
		}

			.page_title_box .box_inner .page_title h1{
				height: 10vw;
			}

				.page_title_box .box_inner .page_title h1 img{
					height: 100%;
					width: auto;
				}

.contents h2{
	box-sizing: border-box;
	width: 90vw;
	margin: 0 auto 1.5em;
    position: relative;
	z-index: 1;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	padding: 2.4vw;
}

	.contents h2:before{
		content: "";
		display: block;
		background: rgba(0,0,0,0.7);
		width: calc(100% - 2vw);
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.contents h2:after{
		content: "";
		display: block;
		background-image: url(../shared/h2_bg.png);
		width: calc(100% - 2vw);
		height: 100%;
		position: absolute;
		top: 2vw;
		right: 0;
		z-index: -2;
	}


.page_content_box{
	margin-bottom: 4vw;
}

	.page_content_box > .box_inner{
		width: 90vw;
		margin: 0 auto;
	}

		.page_content_box .box_inner h3{
			font-size: 1.1em;
			line-height: 1.5;
			margin-bottom: 1.5em;
			padding-left: 0.8em;
			font-weight: bold;
			position: relative;
			z-index: 1;
		}

			.page_content_box .box_inner h3:before{
				content: "";
				display: block;
				width: 0;
				height: 100%;
				border-left: 3px solid #1947a7;
				position: absolute;
				bottom: 0;
				left: 0;
			}

			.page_content_box .box_inner h3[id^="anc"]:before{
				height: calc(100% - 20vw);
			}

		.page_content_box .box_inner hr{
			border: none;
			border-top: 1px dotted #aaa;
			margin: 2em 0;
		}

		.page_content_box .box_inner p{
			margin-bottom: 1em;
		}

		.page_content_box .box_inner strong{
			font-weight: bold;
		}

		.page_content_box .box_inner a{
			color:#003d84;
			transition: .3s all ease;
		}

		.page_content_box .box_inner a:hover{
			background: #edffdb;
		}

		.page_content_box .emp{
			font-weight: bold;
		}

		.page_content_box .box_inner ol,
		.page_content_box .box_inner ul{
			margin: 1.5em 0;
			line-height: 1.5;
		}

		.page_content_box .box_inner ol.emp{
			background: #fff7cc;
			padding: 1em;
		}

			.page_content_box .box_inner ol li,
			.page_content_box .box_inner ul li{
				margin-bottom: 0.5em;
				padding-left: 0.5em;
				margin-left: 1em;
			}

			.page_content_box .box_inner ol li:last-child,
			.page_content_box .box_inner ul li:last-child{
				margin-bottom: 0;
			}

		.page_content_box .box_inner ol{
			list-style: decimal;
		}

		.page_content_box .box_inner ul{
			list-style: disc;
		}


		.page_content_box .box_inner .content_box{
			margin-bottom: 2em;
			font-size: 0.95em;
			padding: 0 3vw;
			overflow: hidden;
		}

			.page_content_box .box_inner .content_box h4{
				font-weight: bold;
				color: #1947a7;
				font-size:1.15em;
				margin-bottom: 0.8em;
				line-height: 1.4;
			}

			.page_content_box .box_inner .content_box h5{
				font-weight: bold;
				font-size: 1.05em;
				margin: 1.5em 0 1em;
			}

	/*カラム割*/
	.column_wrapper{
		display: flex;
		flex-direction: column;
	}

	/*本文中画像処理*/
	.content_img{
		font-size: 0.9em;
		margin: 2em 1em;
		line-height: 1.4;
	}

		.page_content_box .box_inner .content_img ul{
			margin: 0;
			padding: 0;
			list-style: none;
		}

			.page_content_box .box_inner .content_img ul li{
				margin: 0 0 1em 0;
				padding: 0;
			}

			.page_content_box .box_inner .content_img ul li:last-child{
				margin: 0;
			}

		.content_img.tx_center{
			text-align: center;
		}

		.page_content_box .box_inner .content_img a{
			display: block;
			position: relative;
			border: 1px solid #ccc;
			padding: 0.6em;
			margin-bottom: 1em;
		}

		.page_content_box .box_inner .content_img a:hover{
			background: none;
		}

			.content_img a:before{
				content: "大きいサイズで表示";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,0);
				opacity: 0;
				transition: .3s all ease;
				color: #fff;;
				text-shadow: 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1);
			}

			.content_img a:hover:before{
				background: rgba(0,0,0,0.2);
				opacity: 1;
			}

			.content_img a:after{
				font-family: FontAwesome;
				content:"\f00e";
				position: absolute;
				z-index: 3;
				display: block;
				bottom: 0.5em;
				right: 0.5em;
				width: 1em;
				height: 1em;
				background: rgba(0,0,0,0.5);
				color: #fff;
				padding: 0.5em;
				line-height: 1;
				font-size: 1.1em;
			}

			.content_img img{
				display: block;
				position: relative;
				z-index: 0;
			}
	

	.page_title_box .box_inner .page_title_image_sp{
		display: none;
	}


/*ヘッダ固定によるアンカーずれ対応*/
*[id^="anc"]{
	padding-top: 20vw !important;
	margin-top:-20vw !important;
}

/*ipad*/
@media screen and (min-width:768px){
/*#####start#####*/
.page_title_box .box_inner .page_title{
	height: 135px;
	padding: 0 0 0 30px;
	display: flex;
	align-items: center;
}

	.page_title_box .box_inner .page_title h1{
		height: 54px;
	}

.contents h2{
	font-size: 1.5em;
}

.page_content_box{
	margin-bottom: 4em;
}
	
	.page_content_box .box_inner h3{
		font-size: 1.5em;
	}

	.page_content_box .box_inner h3[id^="anc"]:before{
		height: calc(100% - 100px);
	}
	
	.page_content_box .box_inner .content_box h4{
		font-size: 1.3em;
	}

	.page_content_box .box_inner hr{
		margin: 3em 0;
	}
	
	

		.page_content_box .box_inner .content_box{
			padding: 0 1.5em;
			margin-bottom: 3em;
		}

		.page_content_box .box_inner ol,
		.page_content_box .box_inner ul {
			margin: 2em 1em 1.5em;
			padding: 0;
		}
	
	/*カラム割*/
	.column_wrapper{
		flex-direction: row;
	}
	
		.column_wrapper .column_text{
			box-sizing: border-box;
			width: 70%;
			padding-right: 3em;
		}
	
		.column_wrapper .column_fig{
			width: 30%;
		}

	.page_title_box .box_inner .page_title_image_sp{
		display: none;
	}
	
	/*本文中画像処理*/
	.content_img{
		width: 560px;
		margin: 3em auto;
	}
	
		.column_wrapper .column_fig .content_img{
			width: auto;
			margin: 0;
		}
	
	.content_img.two_items{
		width: 100%;
		margin-bottom: 0;
	}
	
		.content_img.two_items ul{
			display: flex;
		}
	
			.page_content_box .box_inner .content_img.two_items ul li{
				width: calc((100% - 30px) / 2);
				margin-right: 30px;
				margin-bottom: 0;
			}
	
			.page_content_box .box_inner .content_img.two_items ul li:nth-child(even){
				margin-right: 0;
			}
	
			/*イレギュラー*/
			.page_content_box .box_inner .content_img.two_items.research07_1 ul li{
				width: calc((100% - 30px) * 0.415);
			}
	
			.page_content_box .box_inner .content_img.two_items.research07_1 ul li:nth-child(2){
				width: calc((100% - 30px) * 0.585);
			}
	
			.page_content_box .box_inner .content_img.two_items.research08_1 ul li{
				width: calc((100% - 30px) * 0.58);
			}
	
			.page_content_box .box_inner .content_img.two_items.research08_1 ul li:nth-child(2){
				width: calc((100% - 30px) * 0.42);
			}
	
			.page_content_box .box_inner .content_img.two_items.research11_1 ul li{
				width: calc((100% - 30px) * 0.625);
			}
	
			.page_content_box .box_inner .content_img.two_items.research11_1 ul li:nth-child(2){
				width: calc((100% - 30px) * 0.375);
			}

			.page_content_box .box_inner .content_img.two_items.research11_2 ul li{
				width: calc((100% - 30px) * 0.42);
			}
	
			.page_content_box .box_inner .content_img.two_items.research11_2 ul li:nth-child(2){
				width: calc((100% - 30px) * 0.58);
			}
	
			.page_content_box .box_inner .content_img.two_items.research12_1 ul li{
				width: calc((100% - 30px) * 0.57);
			}
	
			.page_content_box .box_inner .content_img.two_items.research12_1 ul li:nth-child(2){
				width: calc((100% - 30px) * 0.43);
			}
	
			.page_content_box .box_inner .content_img.two_items.research13_1{
				margin-bottom: 2em;
			}
	
			.page_content_box .box_inner .content_img.two_items.research13_1 ul li{
				width: calc((100% - 30px) * 0.575);
			}
	
			.page_content_box .box_inner .content_img.two_items.research13_1 ul li:nth-child(2){
				width: calc((100% - 30px) * 0.425);
			}
	
			.page_content_box .box_inner .content_img.two_items.research18_1 ul li{
				width: calc((100% - 30px) * 0.53);
			}
	
			.page_content_box .box_inner .content_img.two_items.research18_1 ul li:nth-child(2){
				width: calc((100% - 30px) * 0.47);
			}
	
			.page_content_box .box_inner .content_img.two_items.research19_1 ul li{
				width: calc((100% - 30px) * 0.595);
			}
	
			.page_content_box .box_inner .content_img.two_items.research19_1 ul li:nth-child(2){
				width: calc((100% - 30px) * 0.405);
			}
	
			.page_content_box .box_inner .content_img.two_items.research21_1 ul li{
				width: calc((100% - 30px) * 0.53);
			}
	
			.page_content_box .box_inner .content_img.two_items.research21_1 ul li:nth-child(2){
				width: calc((100% - 30px) * 0.47);
			}
	
			.page_content_box .box_inner .content_img.two_items.research24_1 ul li{
				width: calc((100% - 30px) * 0.405);
			}
	
			.page_content_box .box_inner .content_img.two_items.research24_1 ul li:nth-child(2){
				width: calc((100% - 30px) * 0.595);
			}
	
			.page_content_box .box_inner .content_img.two_items.research24_2 ul li{
				width: calc((100% - 30px) * 0.44);
			}
	
			.page_content_box .box_inner .content_img.two_items.research24_2 ul li:nth-child(2){
				width: calc((100% - 30px) * 0.56);
			}

/*ヘッダ固定によるアンカーずれ対応*/
*[id^="anc"]{
	padding-top: 100px !important;
	margin-top:-100px !important;
}
/*#####end#####*/
}



/*PC*/
@media screen and (min-width:1024px), print{
/*#####start#####*/
.page_title_box .box_inner .page_title .title_img{
	width: 940px;
	margin: 0 auto;
	position: relative;
}
	
	.contents h2{
		width: 940px;
		margin: 0 auto 3em;
		font-size: 1.6em;
		padding: 0.8em 1em;
	}

		.contents h2:before{
			width: calc(100% - 20px);
		}

		.contents h2:after{
			width: calc(100% - 20px);
			top: 20px;
		}
	
	.page_content_box > .box_inner{
		width: 940px;
	}
	
	.page_content_box .box_inner h3[id^="anc"]:before{
		height: calc(100% - 130px);
	}
	
	.content_img.two_items{
		box-sizing: border-box;
		padding: 0 2em;
		margin-bottom: 0;
	}
	
	
/*ヘッダ固定によるアンカーずれ対応*/
*[id^="anc"]{
	padding-top: 130px !important;
	margin-top:-130px !important;
}
	
	
/*#####end#####*/

}


/* ##########印刷用########## */
@media print{
	.page_title_box .box_inner .page_title{
		height: 135px;
		padding: 0 0 0 30px;
		display: flex;
		align-items: center;
	}
	
	.page_title_box .box_inner .page_title h1{
		height: 54px;
	}
}