.maindesign .insert_container {
	margin: 50px 0;
	box-sizing: border-box;
}

/*.img_outerを付けるとPC2列、スマホ1列
付けないとPC1列、スマホ1列となる。*/

.maindesign .insert_container .img_outer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border: 1px solid #ccc;
	padding: 30px 15px;
}
.maindesign .insert_container .img_outer.labels {
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    border: none;
    padding: 0;
}
.maindesign .insert_container .img_outer.labels .img_container {
	border: 1px solid #ccc;
}
.maindesign .insert_container .img_container {
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
}
.maindesign .insert_container .img_outer .img_container {
	width: 48%;
	margin-bottom: 30px;
}
.maindesign .insert_container .img_container > img {
	width: auto;
	max-width: 100%;
} 
.maindesign .insert_container .img_outer .img_container > img {
	width: 100%;
}

@media screen and (max-width:767px) {
	.maindesign .insert_container {
		margin: 30px 0;
	}
	.maindesign .insert_container .img_outer {
		border: none;
		padding: 0;
	}
    .maindesign .insert_container .img_outer.labels .img_container {
	border: none;
}
	.maindesign .insert_container .img_container {
		width: 100%;
		margin-bottom: 15px;
	}
	.maindesign .insert_container .img_outer .img_container {
		width: 100%;
		margin-bottom: 15px;
	}
}

.insert_container {
	margin: 50px 0;
}

.insert_container #modalwindow {
	display:none;
	background:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 10000;
}
.insert_container #bamiri {
	width: 95%;
	position: absolute;
	top: calc( 50% + 40px);
	height: 90%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.insert_container #subwindow {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}
.insert_container .modal_close {
	position: absolute;
	top: -3rem;
	right: -5px;
	cursor:pointer;
}
.insert_container #subwindow .panzoom-parent {
	display:none;
} 

.insert_container .panzoom-parent{
	position: relative;
	overflow: hidden;
	/*background: #ccc;*/
	/*border: 1px solid #888;*/
	box-sizing: border-box;
	max-height: calc(100% - 40px);
}
.insert_container .blanker{
margin-bottom:30px;
}		
.insert_container .panzoom-parent .linkmarker{
	position:absolute;
}
.insert_container .panzoom-parent .linkmarker:hover{
	background-color:rgba(255,0,0,0.4);
	transition: 0.2s;
}
.insert_container .panzoom-parent .linkmarker:active{
	background-color:rgba(255,0,0,0.4);
}
.insert_container .panzoom-parent .linkblock{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
}
.insert_container .panzoom{
	width:100%;
	position:relative;
}
.insert_container .panzoom img{
	width: 100%;
	height: auto;
}
.insert_container .annotation {
	text-align: center;
}
.insert_container .icon_container {
	transform: rotate(90deg);
	width: 20px;
	height: auto;
	margin: 5px auto 10px;
}
.insert_container .icon_container img {
	width: 100%;
	height: auto;
}
.insert_container .pdf_container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.insert_container .pdf_container .img_container {
	width: 49%;
	margin-bottom: 30px;
}
.insert_container .img_conainer img{
	width: 100%;
	height: auto;
}

@media screen and (max-width:767px) {
	.insert_container {
		margin: 30px 0;
	}
	.insert_container .pdf_container .img_container {
		width: 100%;
		margin-bottom: 30px;
	}
}