@charset "utf-8";

.content .main_v{
	margin: 0 0 40px 0;
	position: relative;
}

@media screen and (max-width:750px) {

	.content .main_v{
		margin: 0;
		z-index: 0;
		padding-bottom: 9%;
	}
}

.content .main_v div{
    position: absolute;
    width: 10%;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -6%;
}

@media screen and (max-width:750px) {

	.content .main_v div{
		width: 15%;
    	top: 1%;
	}
}

.content .main_v div img{
	width: 100%;
}

.content .main_v img{
	width: 100%;
}

@media screen and (max-width:750px) {

	.content .main_v img{
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
}

.content .marblelink {
    text-align: center;
    margin-bottom: 10%;
    height: 2vh;
    min-height: 30px;
}

.content .marblelink a {
    margin-bottom: 10%;
    padding: 0;
    font-size: 200%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #1a0dab;

 }


.content .movie {

	width: 50%;
	margin-left: 25%;
	margin-bottom: 10%;
}

@media screen and (max-width:750px) {

	.content .movie {
		float: left;
	}
}


.content .news {

	text-align: center;
	padding-bottom: 5%;
}

@media screen and (max-width:750px) {

	.content .news {
	text-align: center;

	}
}

.content .newsttl{

	    width: 100%;
}

.content .newsttl .clear_fix p{

 	float: left;
    width: 70%;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2vw;
	font-style: normal;
}

@media screen and (max-width:750px) {

	.content .newsttl .clear_fix p{
		float: none;
		width: 100%;
		 margin-left: 0;
		 margin-top: 5%;
		font-size: 4vw;
	}
}

.content .cont01 .clear_fix div{
	float: left;
}

@media screen and (max-width:750px) {

	.content .cont01 .clear_fix div{
		float: none;
		width: 100%;
	}
}

@media screen and (max-width:750px) {

	.cont01{
		width: 87%;
		margin: 0 auto;
	}
}

.content .cont01 .clear_fix p{
	float: left;
    width: 40%;
    margin-left: 3%;
	font-family: vdl-admin, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2vw;
	font-style: normal;
}

@media screen and (max-width:750px) {

	.content .cont01 .clear_fix p{
		float: none;
		width: 100%;
		 margin-left: 0;
		 margin-top: 5%;
		font-size: 5vw;
	}
}

.content .cont01 .clear_fix p span{
	margin-right: 100px;
}
.content .cont01 div div{
	width: 49%;
}
.content .cont01 div div img{
	width: 100%;
}
.content .cont01 div p{
	/*margin-left: 50px;*/
	line-height: 1.8;
}
.content .cont02{
	background: url(../img/top/top_cont02_bg.png) no-repeat;
	padding: 47px 0 57px 0;
	margin-bottom: 70px;
	background-size: 100%;
}

@media screen and (max-width:750px) {

	.content .cont02{
		background-size: cover;
		margin-bottom: 30px;
		padding: 47px 0 20px 0
	}
}

.cont02 ul{
	width: 90%;
	margin: 0 auto;
}

@media screen and (max-width:750px) {

	.cont02 ul{
		width: 80%;
	}
}

/*.cont02 .cont_ttl{
	margin-bottom: 25px;
}*/
.cont02 li{
	float: left;
	width: calc(100% / 3);
	text-align: center;
	padding: 0 1%;
    box-sizing: border-box;
}

@media screen and (max-width:750px) {

	.cont02 li{
		float: none;
		width: 100%;
		margin-bottom: 8%;
	}

	.cont02 li:last-child{
		margin-bottom: 0;
	}
}
.content .cont03{
	background: url(../img/top/top_cont03_bg.png) no-repeat;
	padding: 47px 0 57px 0;
	margin-bottom: 70px;
	background-size: 100%;
}

@media screen and (max-width:750px) {

	.content .cont03{
		background-size: cover;
		margin-bottom: 25px;
		padding: 47px 0 0 0;
	}
}

.cont03 li{
	float: left;
    width: calc(100% / 4);
    text-align: center;
    padding: 0 1%;
    box-sizing: border-box;
}

@media screen and (max-width:750px) {

	.cont03 li{
		width: 50%;
		margin-bottom: 4%;
		 padding: 0 2%;
	}

	.cont03 li:last-child{
		margin-bottom: 0;
	}
}

.cont03 li img,
.cont02 li img{
	width: 100%;

}

.cont03 ul{
	width: 95%;
	margin: 0 auto;
}

@media screen and (max-width:750px) {

	.cont03 ul{
		width: 87%;
	}
}

.cont03 .link_border{
	text-align: center;
}

@media screen and (max-width:750px) {

	.cont03 .link_border{
		width: 50%;
		margin: 0 auto;
	}
}

.cont03 .link_border a{
	float: none;
}

@media screen and (max-width:750px) {

	.link_border{
		width: 50%;
		margin-bottom: 8%;
	}
}


/* フレックスボックスの影響を修正 */
footer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}