.mainvisual {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
}
.mainvisual h1 {
	background: url(/wakaru/seminar/risk/img/2018/ind_bg_01.png) no-repeat center center;
	background-size: auto;
	height: 300px;
	margin-top: -30px;
}
.mainvisual h1 img {
	position: relative;
	top: 40px;
	left: 50%;
	width: 36%;
	max-width: 361px;
	transform: translateX(-175px);
}
.mainvisual p {
	position: absolute;
	top: 180px;
	left: 50%;
	min-width: 480px;
	transform: translateX(-130px);
}
.m_btnImgArea {
	text-align: center;
	margin-bottom: 110px;
}
.m_btnImgArea li {
	width: 32%;
}
@media screen and (min-width:1020px) {
	.mainvisual h1 img {
		margin-left: 1%;
	}
}
@media screen and (max-width:768px) {
	.mainvisual h1 {
		height: 50vw;
		background: url(/wakaru/seminar/risk/img/2018/ind_bg_01_sp.png) no-repeat top center;
		background-size: cover;
	}
	.mainvisual h1 img {
		position: relative;
		top: 16.53vw;
		left: 40.15vw;
		transform: none;
		width: 54.31vw;
	}
	.mainvisual p {
		position: relative;
		border: 0;
		left: 0;
		transform: none;
		padding: 12px 3%;
		top: 0;
		font-size: 3.2vw;
		background: #fffb96;
		background-size: 39.06vw;
		min-width: auto;
	}
	.mainvisual p:before {
		content: "";
		background: url(/wakaru/seminar/risk/img/2018/ind_ico_01_sp.png) no-repeat bottom right -2vw;
		position: absolute;
		width: 35.06vw;
		height: 31.56vw;
		bottom: 0;
		right: 0;
		background-size: contain;
	}
	.m_btnImgArea {
		margin-bottom: 70px;
	}
	.m_btnImgArea li {
		margin-right: 3.33%;
		width: 48.33%;
	}
}


/* ============== mordal_overlay ============== */

.mordal_overlay {
		width:100%;
		height:120%;
		position: fixed;
		background: rgba(0, 0, 0, 0.8);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 101;
		display: none;
		cursor: pointer;
}

.mordal_content {
	width: 60%;
	min-width: 330px;
    height: auto;
    margin: 4% auto;
    padding: 3.84% 3.67%;
    background: #fff;
    z-index: 102;
    position: fixed;
	display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 768px) {
		.mordal_window {
				padding: 10.84% 3.12%;
		}
}

/*.mordal_area {
		max-width: 800px;
		height: 600px;
		background: #fff;
		margin: auto;
		z-index: 102;
		overflow: hidden;
		padding: 60px;
		position: relative;
}*/

@media screen and (max-width: 768px) {
		.mordal_area {
				padding: 50px 30px;
				height: 87vh;
		}
}

@media screen and (max-height: 750px) {
		.mordal_window {
			padding-top: 5%;
			padding-bottom: 5%;;
		}
		.mordal_area {
				padding: 50px 30px;
				height: 87vh;
		}
}

.mordal_content {
		overflow: auto;
		display: none;
}

.mordal_content.s_active {
		display: block;
}

	.mordal_close {
		position: relative;
		bottom: -45px;
	}