@charset "utf-8";

/* =======================================

	CommonElements

======================================= */

a{
	text-decoration: none;
	color:  #000;
}

html{
	font-family: "Noto Sans Japanese",sans-serif;
    margin: 0;
    -webkit-font-smoothing: subpixel-antialiased;
   	font-size:  16px;
}

.wrapper{
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
	margin-top: 2%;
	margin-bottom: 2%;

	box-shadow: 0 0 0 1px #000;
}

header{
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
    text-align: right;
   	    padding: 3%;;
}

header img{
	min-width: 300px;
	width: 25vw;
	max-width: 350px;
    padding-top: 20px;
    margin-bottom: -30px;
}



.wrapper .logo img{
	min-width: 400px;
	width: 25vw;
        padding: 3%;;
    margin: 0 auto;
}

.wrapper .title p{
	font-size: 1.2em;
	line-height: 2em;
}

.wrapper .movie{
	    padding: 3%;;
	width: 94%;
	max-width: 980px;
	display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

#video{
	width: 100%;
}

.video-js .vjs-tech{
	height:auto !important;
	position:relative !important
}


div.videocontent{
	width:100%;
	height: auto;
	margin-bottom: 2%;
	margin-top: 2%;
}

.videocontent span{
	display: none !important;
}

.wrapper .title p{
	    padding: 3%;;
}


.wrapper .title p.subtxt{
	text-align: right;
	line-height: 1.4em;
	    padding: 3%;;
}

footer{
	font-size: 1em;
	background: #eeeeee;
    border-top: 1px solid #d4cfcd;
    padding-top: 10px;
    padding-bottom:  10px;
	font-weight: 400;
    line-height: 1.5;
	color: #000;
}

footer .ft_content{
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
	padding-top:  2%;
	padding-bottom: 2%;
	display: flex;
    justify-content: space-between;
}

footer .ft_content a{
	text-decoration: underline;
}

@media screen and (max-width: 980px) {
header{
	text-align: center;
}

header img{
	padding-top: 0;
	width: 50vw;
	min-width: 0;
	margin-bottom: 10px;
	text-align: right;
}

.wrapper .logo img{
	width: 70vw;
	min-width: 0px;
}

.wrapper .title p {
	margin-top: 10px;
	font-size: .9em;
}



div.videocontent{
	width:100%;
	margin:0 auto 1em
}


footer p{
	font-size: .8em;
}
}