@charset "utf-8";
/* CSS Document */

.popup_cont{
	width: 100%;
	border: 2px solid #eaebeb;
	box-sizing: border-box;
	background: #ebf1de;
	
}

.popup_cont .visual{
	text-align: center;
	margin-bottom: 1em;
	background: #ffffff;

}

.popup_cont .lead_tx{
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}

.popup_cont ul{
	width: 100%;
	margin-top: 2em;
	overflow: hidden;
}

	.popup_cont ul li{
		width: 32%;
		margin-right: 2%;
		float: left;
		overflow: hidden;
	}

	.popup_cont ul li:last-child{
		margin-right: 0;
	}

.popup_box{
	background: #ffffff;
}

.popup_box .stl{
	font-size: 1.5em;
	width: 100%;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background: #010506;
	margin-bottom: 1em;
	padding: 1em;
}

.popup_box dl{
	overflow: hidden;
}

.popup_box dl dt,
.popup_box dl dd{
	float: left;
	overflow: hidden;
}

.popup_box dl dt{
	font-size: 1.5em;
	width: 90%;
	padding: 1em 0;
}

.popup_box dl dd{
	width: 10%;
}

.popup_box dl dd img{
	width: 100%;
}

.ex_text{
	margin-top: 20px;
}
/*1カラムここから*/
	.popup_cont ul li.one_col{
		width:100%;
		float: left;
		overflow: hidden;
	}
/*1カラムここまで*/

/*2カラムここから*/
.popup_box.box2 .logo{
	width: 50%;
}
.popup_box.box2 ul{
	overflow: hidden;
}

.popup_box.box2 ul li.right_col{
	width: 36%;
	float: left;
	overflow: hidden;
}
.popup_box li.right_col img{
	width: 100%;
}
.popup_box.box2 li.left_col{
	width: 64%;
	padding: 1em 0;
	margin-right: 0;
}
.emphasis_tx{
	font-size: 1.5em;
	margin: 1em 0;
	display:block;
}
/*2カラムここまで*/

@media screen and (min-width: 769px) {
	.popup_cont,
	.popup_box{
		padding: 20px;
	}
	
	._sp{
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.popup_cont,
	.popup_box{
		width: 100%;
		padding: 1em;
	}
	
	.popup_cont .lead_tx{
		font-size: 1em;
	}
	
	.popup_cont img{
		width: 100%;
	}
	.popup_box dl dt{
		width: 80%;
		padding: 0.5em 0;
	}

	.popup_box dl dd{
		width: 20%;
	}
	
	.ex_text{
		margin-top: 1em;
	}
/*2カラムここから*/
.popup_box.box2 .logo{
	width: 90%;
	margin: 0 auto;
}
.popup_box.box2 ul{
	margin-top:1em; 
}
.popup_box.box2 ul li.right_col{
	width:100%;
	float:none;
}
.popup_box li.right_col img{
	width: 100%;
}
.popup_box.box2 li.left_col{
	width:100%;
	padding: 0 0 1em;
}
.emphasis_tx{
	margin: 0.5em 0;
}
/*2カラムここまで*/
	
	._sp{
		display: inline;
	}
	
}