@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;900&family=Noto+Serif+JP:wght@500;900&display=swap');


/* ----------------------------------
      Clear CSS
---------------------------------- */
main {
	color:#000;
    font-family: "メイリオ", Meiryo, sans-serif;
}
main p {
	color:#000;
	line-height:1.3em;
}
h2 {
    font-family: 'Noto Serif JP', serif;
	font-weight:900;
}
h3, h4, .sec-mf-ttl{
    font-family: "メイリオ", Meiryo, sans-serif;
}
/* ----------------------------------
      MF-BDVR-001
---------------------------------- */
section {
	margin:0 auto;
}
.sectionInner{
	max-width:1920px;
	margin:0 auto;
	overflow:hidden;
}
.flex-inner{
	margin:3%;
}
.gif-inner{
	margin:0%;
}
@media screen and (max-width:480px){
	.gif-inner{
		margin:3%;
	}
}
.flex-youtube{
	background:#000;
}
.youtube {
    padding-top: 70%;
	margin:5% auto;
}
h2 {
	font-size:100px;
	font-weight:900;
	line-height:1.5em;
}
h3{
	font-size:80px;
	line-height:1.3em;
}
h4{
	font-size:60px;
	line-height:1.5em;
}
.sec-mf-ttl{
	font-size:60px;
	font-weight:bold;
	text-align:left;
}
.mf-link-Btn{
	font-size:60px;
	font-weight:bold;
	text-align:center;
	line-height:300px;
}
.mf-link-Btn a:link,
.mf-link-Btn a:visited{
	padding:40px 170px;
	color:#fff;
	background:rgba(32, 171, 218, 0.6);
	transition:all 0.5s;
}
.mf-link-Btn a:hover{
	background:#000;
	text-decoration:none;
}
.mf-link-Btn2{
	font-size:60px;
	font-weight:bold;
	text-align:center;
	line-height:200px;
}
.mf-link-Btn2 a:link,
.mf-link-Btn2 a:visited{
	padding:40px 170px;
	color:#fff;
	background:rgba(32, 171, 218, 0.6);
	transition:all 0.5s;
}
.mf-link-Btn2 a:hover{
	background:#000;
	text-decoration:none;
}
@media screen and (max-width:1920px){
	section {
		width:98%;
		margin:0 1%;;
	}
	h2 {
		font-size:8vw;
	}
	h3{
		font-size:5vw;
	}
	h4{
		font-size:3vw;
	}
	.sec-mf-ttl{
		font-size:3vw;
	}
	.mf-link-Btn{
		font-size:2.55vw;
	}
	.mf-link-Btn a:link,
	.mf-link-Btn a:visited{
		padding:30px 20%;
	}
	.mf-link-Btn2{
		font-size:2.55vw;
	}
	.mf-link-Btn2 a:link,
	.mf-link-Btn2 a:visited{
		padding:30px 20%;
	}
}
@media screen and (max-width:768px){
	.section-inner{
		width:98%;
		padding:0 1%;
	}
}
@media screen and (max-width:480px){
	h3{
		font-size:7vw;
	}
	h4{
		font-size:5vw;
	}
	h5{
		font-size:5vw;
	}
	.sec-mf-ttl{
		font-size:7vw;
	}
	.mf-link-Btn{
		font-size:6vw;
		line-height:150px;
	}
	.mf-link-Btn a:link,
	.mf-link-Btn a:visited{
		padding:10px 20%;
	}
	.mf-link-Btn2{
		font-size:6vw;
		line-height:50px;
	}
	.mf-link-Btn2 a:link,
	.mf-link-Btn2 a:visited{
		padding:10px 20%;
	}
	.flex-youtube{
		width:94%;
	}
	.youtube {
		padding-top: 55.5%;
		margin-top:0;
	}
	.youtube iframe {
		width:99%;
		margin:0 auto;
	}
}

/*-------------------------------------
	   Top Movie
-------------------------------------*/
#topImageMovie{
	margin:0 auto;
}
.topMovie{
	max-width:1920px;
}
/*-------------------------------------
	   Section-01
-------------------------------------*/
.sec-01 {
	padding:160px 0 ;
}
.sec-01 h2{
	font-size:160px;
	color:#2765b0;
}
.sec-01 h3{
	font-family: 'Noto Serif JP', serif;
	font-size:160px;
	color:#2765b0;
}
.sec-01 h3 span{
	font-size:100px;
}
.sec-01 h4{
	font-size:85px;
    font-family: 'Noto Sans JP', sons-serif, "メイリオ", Meiryo, sans-serif;
	line-height:1em;
}
@media screen and (max-width: 1920px){
	.sec-01 {
		padding: 8% 0px 8%;
	}
	.sec-01 h2 {
		font-size: 9vw;
	}
	.sec-01 h3{
		font-size:9vw;
	}
	.sec-01 h3 span{
		font-size:6vw;
	}
	.sec-01 h4{
		font-size:5vw;
	}
}
@media screen and (max-width: 480px){


}
/* ----------------------------------
        Section-02
---------------------------------- */
.sec-02::before{
	content: "";
	background-image:url(../image/mf-bdvr-001/sec-02-bg.png);
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:0;
}
.sec-02::after {
	content: "";
	background:rgba(207, 237, 248, 0.5);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:1;
}
.sec-02 .sectionInner{
	position:relative;
	z-index:2;
}
.sec-02 .sec-mf-ttl{
	color:#444;
	padding:120px 0 0;
	font-family:Meyrio;
}
.sec-02 h3{
	color:#444;
	text-align:left;
	font-size:110px;
}
.sec-02 .mf-link-Btn{
	margin-top:-20px;
}
@media screen and (max-width: 1920px){
	.sec-02 .flexCon .flex-50 h3{
		font-size:5.5vw;
	}
}
@media screen and (max-width: 480px){
	.sec-02 .flexCon .flex-50 h3{
		font-size:13vw;
	}
	.sec-02::before{
		display:block;
	}
	.sec-02 .sec-mf-ttl{
		padding:0;
	}
	.sec-02 h3{
		font-size:7vw;
	}
}
/* ----------------------------------
        Section-03
---------------------------------- */
.sec-03{
	background:#cfedf8;
	padding:20px 0;
	position: sticky;
    top: 0;
    z-index: 10;
}
.sec-03 .flexCon{
	justify-content:space-between;
}
.sec-03 .flex-20 {
	width:calc(20% - 14px);
	margin:3px 7px;
}
.sec-03 .flex-20 a:link,
.sec-03 .flex-20 a:visited{
	font-size:40px;
	line-height:1.5em;
	font-weight:bold;
	color:#fff;
	width:90%;
	display:inline-block;
	padding:10px 20px;
	background:#55bce7;
	transition:all 0.5s;
}
.sec-03 .flex-20 a:hover{
	background:#000;
	text-decoration:none;
}
@media screen and (max-width: 1920px){
	.sec-03 .flex-20 a:link, .sec-03 .flex-20 a:visited {
		font-size: 2vw;
	    padding: 10px 0.1%;
		width: 100%;
	}
}
@media screen and (max-width: 480px){
	.sec-03 {
		padding:5px 0;
	}
	.sec-03 .flex-20 {
		width:calc(33% - 6px);
		margin:3px 3px;
	}
	.sec-03 .flex-20:first-child {
		width:calc(100% - 6px);
		margin:3px 3px;
	}
	.sec-03 .flex-20 a:link, .sec-03 .flex-20 a:visited {
		font-size: 3.5vw;
		padding: 6px 0.1% 4px;
		display:block;
	}
}
/* ----------------------------------
        Section-04
---------------------------------- */
.panel{
  display:none;
}
.panel.is-show{
  display:block;
}
.sec-04 {
	padding:280px 0px 20px;
	margin:-180px auto 0;
}
.sec-04 h2{
	font-size:80px;
	color:#2765b0;
}
.sec-04 h3{
	font-size:60px;
	color:#444;
	padding:0px 0 40px;
}
.sec-04 img{
	max-width:350px;
	margin:0px auto 40px;
}
.sec-04 .youtube {
    padding-top: 56.2%;
	margin-top:0%;
}
.sec-04 .youtube iframe {
	width:100%;
	margin:0 auto;
}
@media screen and (max-width: 1920px){
	.sec-04 h2{
		font-size:4vw;
	}
	.sec-04 h3{
		font-size:3.5vw;
	}
	.sec-04 img{
		max-width:20vw;
	}
}
@media screen and (max-width:480px){
	.sec-04 h3{
		font-size:3.5vw;
		padding-bottom:40px;
	}
	.sec-04 {
		padding:230px 0px 20px;
	}
	.sec-04 h2{
		font-size:7vw;
	}
	.sec-04 img{
		max-width:40vw;
	}
}
/* ----------------------------------
        Section-05
---------------------------------- */
.sec-05{
	background:#566c76;
}
/* ----------------------------------
        Section-06
---------------------------------- */
.sec-06{
	padding:250px 0 110px;
	text-align:left;
	margin:-180px auto 0;
}
.sec-06 h2{
	font-size:52px;
	color:#2765b0;
}
.sec-06 h3{
	font-size:35px;
	padding-bottom:10px;
	color:#444;
}
@media screen and (max-width: 1920px){

	.sec-06 h2{
		font-size:2.5vw;
	}
	.sec-06 h3{
		font-size:2vw;
	}
}
@media screen and (max-width: 480px){
	.sec-06{
		padding-bottom:40px;
	}
	.flex-30 {
		width:30%;
	}
	.flex-70{
		width:70%;
	}
	.flexCon .flex-50 .flex-70 h2{
		font-size:4.7vw;
		margin-left:10px;
	}
	.flexCon .flex-50 h3{
		font-size:4.3vw;
		text-align:left;
		display:inline-block;
	}
}
/* ----------------------------------
        Section-07
---------------------------------- */
.sec-07{
	padding:250px 0 110px;
	text-align:left;
	margin:-180px auto 0;
}
.sec-07 h2{
	font-size:52px;
	color:#2765b0;
	text-align:left;
}
.sec-07 h3{
	font-size:35px;
	padding-bottom:10px;
	color:#444;
	text-align:left;
}
.sec-07 .sec07-img {
	max-width:400px;
	float:right;
}
@media screen and (max-width: 1920px){
	.sec-07 h2{
		font-size:2.5vw;
	}
	.sec-07 h3{
		font-size:1.9vw;
	}
	.sec-07 .sec07-img {
		width:20vw;
	}
}
@media screen and (max-width: 480px){
	.sec-07{
		padding-bottom:40px;
	}
	.sec-07 .sec07-img {
		width: 40vw;
	}
}
/* ----------------------------------
        Section-08
---------------------------------- */
.sec-08{
	padding:250px 0 110px;
	text-align:left;
	margin:-180px auto 0;
}
.sec-08 h2{
	font-size:52px;
	color:#2765b0;
}
.sec-08 h3{
	font-size:35px;
	padding-bottom:10px;
	color:#444;
}
.sec-08 .sec08-img {
	max-width:450px;
	float:right;
}
.sec-08 .flex-youtube .youtube{
	margin:8% auto;
}
@media screen and (max-width: 1920px){

	.sec-08 h2{
		font-size:2.5vw;
		text-align:left;
	}
	.sec-08 h3{
		font-size:2vw;
		text-align:left;
	}
	.sec-08 .sec07-img {
		width:20vw;
	}
}
@media screen and (max-width:480px){
	.sec-08{
		padding-bottom:40px;
	}
}
/* ----------------------------------
        Section-09
---------------------------------- */
.sec-09{
	padding:250px 0 110px;
	text-align:left;
	margin:-180px auto 0;
}
.sec-09 h2{
	font-size:52px;
	color:#2765b0;
}
.sec-09 h3{
	font-size:35px;
	padding-bottom:10px;
	color:#444;
}
.sec-09 .flex-youtube .youtube{
	margin:15% auto;
}
@media screen and (max-width: 1920px){

	.sec-09 h2{
		font-size:2.5vw;
		text-align:left;
	}
	.sec-09 h3{
		font-size:1.8vw;
		text-align:left;
	}
	.sec-09 video{
		margin-top:30px;
	}
}
@media screen and (max-width:480px){
	.sec-09{
		padding-bottom:40px;
	}
}
/* ----------------------------------
        Section-10
---------------------------------- */
.sec-10 {
	padding:250px 0 110px;
	text-align:left;
	margin:-180px auto 0;
}
.sec-10 h2{
	font-size:52px;
	color:#2765b0;
}
.sec-10 h3{
	font-size:35px;
	padding-bottom:10px;
	color:#444;
}
.sec-10 h4{
	line-height:1.5em;
	font-size:55px;
	padding-bottom:10px;
	color:#049cdd;
	margin:60px auto 0;
	width:70%;
}
@media screen and (max-width: 1920px){

	.sec-10 h2{
		font-size:2.5vw;
	}
	.sec-10 h3{
		font-size:1.9vw;
	}
	.sec-10 h4{
		font-size:2.7vw;
	}
}
@media screen and (max-width:480px){
	.sec-10{
		padding-bottom:40px;
	}
	.sec-10 h4 {
		font-size:5vw;
		margin:10px auto;
	}
}
/* ----------------------------------
        Section-11
---------------------------------- */
.sec-11 {
	padding:250px 0 110px;
	text-align:left;
	margin:-180px auto 0;
}
.sec-11 h2{
	font-size:52px;
	color:#2765b0;
}
.sec-11 h3{
	font-size:35px;
	padding-bottom:10px;
	color:#444;
}
.sec-11 img.left-gif{
	width:80%;
	margin:0 auto;
}

@media screen and (max-width: 1920px){
	.sec-11 h2{
		font-size:2.5vw;
	}
	.sec-11 h3{
		font-size:1.9vw;
	}
}
@media screen and (max-width:480px){
	.sec-11{
		padding-bottom:40px;
	}
	.sec-11 img.sec11-gif {
		margin:40px auto 0;
	}
}
/* ----------------------------------
        Section-12
---------------------------------- */
.sec-12 {
	padding:250px 0 110px;
	text-align:left;
	margin:-180px auto 0;
}
.sec-12 h2{
	font-size:52px;
	color:#2765b0;
	text-align:left;
}
.sec-12 h3{
	font-size:35px;
	padding-bottom:10px;
	color:#444;
}
.sec-12 h4{
	line-height:1.5em;
	font-size:55px;
	padding-bottom:10px;
	color:#049cdd;
	margin:60px auto 0;
	width:70%;
	text-align:left;
}
.sec-12-img{
	max-width:675px;
	margin:20px auto;
}
.sec-12 .flex-youtube .youtube{
	margin:20% auto;
}
@media screen and (max-width: 1920px){
	.sec-12 h2{
		font-size:2.5vw;
	}
	.sec-12 h3{
		font-size:1.8vw;
		text-align:left;
	}
	.sec-12 h4{
		font-size:2.5vw;
	}
	.sec-12 .sec07-img {
		width:20vw;
	}
}
@media screen and (max-width: 480px){
	.sec-12{
		padding-bottom:40px;
	}
	.sec-12 h4 {
		margin: 10px auto 0;
		font-size:4.3vw;
		text-align:left;
	}
}
/* ----------------------------------
        Section-13
---------------------------------- */
.sec-13 {
	padding:250px 0 110px;
	text-align:left;
	margin:-180px auto 0;
}
.sec-13 h2{
	font-size:52px;
	color:#2765b0;
}
.sec-13 .flex-youtube .youtube{
	margin:20% auto;
}
@media screen and (max-width: 1920px){
	.sec-13 h2{
		font-size:2.4vw;
	}
}
@media screen and (max-width:480px){
	.sec-13{
		padding-bottom:40px;
	}
}
/* ----------------------------------
        Section-14
---------------------------------- */
.sec-14 {
	padding:250px 0 110px;
	text-align:center;
	margin:-180px auto 0;
}
.sec-14 .sectionInner{
	max-width:1270px;
}
.sec-14 h2{
	font-size:90px;
	padding-bottom:80px;
	line-height:1.3em;
	color:#2765b0;
}
.sec-14 .flex-50 a:hover{
	position:relative;
	color:#333;
	text-decoration:none;
}
.sec-14 .flex-50 a:hover:after{
	content: "";
	background:rgba(85, 188, 231, 0.5);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -100%;
	z-index:1;
}
.sec-14 .flex-inner{
	border:1px #ccc solid;
	margin:6% 6%;
}
.sec-14 p{
	font-size:40px;
	font-weight:bold;
	padding:40px 0 0;
}
.sec-14 h4{
	font-size:50px;
	padding:0px 0 40px;
}
.sec-14 img {
	max-height:320px;
	width:auto;
	margin:20px auto;
}
@media screen and (max-width: 1920px){
	.sec-14 h2{
		font-size:4.5vw;
		padding-bottom:6%;
	}
	.sec-14 p{
		font-size:2vw;
	}
	.sec-14 h4{
		font-size:2.8vw;
	}
	.sec-14 img {
		width:20vw;
	}
}
@media screen and (max-width:480px){
	.sec-14{
		padding-bottom:40px;
	}
	.sec-14 h2 {
		font-size:7vw;
	}
	.sec-14 .flex-50{
		width:100%;
	}
	.sec-14 .flex-inner{
		margin:2% 2%;
	}
	.sec-14 img {
		height: 30vw;
		width:auto;
	}
	.sec-14 p {
		font-size: 4vw;
	}
	.sec-14 h4 {
		font-size: 4.5vw;
	}
}
/* ----------------------------------
        Section-15
---------------------------------- */
.sec-15{
	padding:0px 0 0 0;
	background:#cfedf8;
	text-align:left;
	margin:0px auto 0;
}
.sec-15 .sec-mf-ttl{
	font-size:40px;
	color:#444;
	padding:60px 0 0;
	font-family:Meyrio;
}
.sec-15 h3{
	font-size:60px;
	color:#444;
	text-align:left;
}
.sec-15 .mf-link-Btn{
	text-align: left;
	font-size:40px;
	line-height:1em;
	margin-top:80px;
}
.sec-15 .mf-link-Btn a:link, .mf-link-Btn a:visited {
    padding: 30px 15%;
}
.sec-15 img {
	max-width:550px;
	margin:0 auto;
}
@media screen and (max-width: 1920px){
	.sec-15 {
		padding: 0 0 4% 0;
	}
	.sec-15 .sec-mf-ttl{
		font-size:2vw;
	}
	.sec-15 h3{
		font-size:3vw;
	}
	.sec-15 .mf-link-Btn{
		text-align: left;
		font-size:2vw;
	}
	.sec-15 img {
		width:30vw;
	}
}
@media screen and (max-width: 480px){
	.sec-15{
		padding:4% 0;
	}
	.sec-14 h2 {
		font-size:7vw;
	}
	.sec-15 img {
		width: 50vw;
	}
	.sec-15 .sec-mf-ttl {
		font-size: 6.5vw;
		padding:0;
	}
	.sec-15 .flexCon .flex-50 h3{
		font-size:13vw;
		text-align:left;
		display:inline-block;
	}
	.sec-15 .mf-link-Btn{
		text-align:center;
		margin-top:40px;
		font-size: 6vw;
	}
	.sec-15 .mf-link-Btn a:link, .mf-link-Btn a:visited {
		padding: 10px 15%;
		width: 70%;
		display: inline-block;
		line-height: 1.5em;
	}
}
/* ----------------------------------
        Section-Spec
---------------------------------- */
.sec-spec{
	padding:160px 0 110px;
	text-align:left;
}
.sec-spec h2{
	font-size:90px;
	padding-bottom:40px;
	line-height:1.3em;
	color:#2765b0;
	text-align:center;
}
.sec-spec table{
	font-size:14px;
	font-family:Myrio;
	color:#000;
	width:100%;
	border: 2px #000 solid;
}
.sec-spec table th{
	background:#d9d9d9;
	text-align:left;
	color:#000;
	padding:5px;
	border-color:#ccc;
	line-height: 25px;
	font-weight:bold;
}
.sec-spec table td{
	text-align:left;
	color:#000;
	padding:5px;
	border-color:#ccc;
	line-height: 25px;
}
.sec-spec table td.d-lline{
	line-height:31px;
}

@media screen and (max-width: 768px){
	.sec-spec h2{
		font-size:4.5vw;
	}
	.sec-spec table{

	}
	.sec-spec table th{
		width:100px;
	}
	.sec-spec table td{

	}
}
@media screen and (max-width: 480px){
	.sec-spec{
			padding:40px 0 40px;
	}
	.sec-spec h2 {
		font-size: 7vw;
		padding-bottom:20px;
	}
	.sec-spec table{

	}
	sec-spec table th{

	}
	.sec-spec table td{
	}
}
/* ----------------------------------
        Section-16
---------------------------------- */
.sec-16{
	padding:160px 0 110px;
	text-align:center;
}
.sec-16 h2{
	font-size:90px;
	padding-bottom:40px;
	line-height:1.3em;
	color:#2765b0;
}
.sec-16 h3{
	font-size:40px;
	padding-bottom:80px;
}
.sec-16 img {
	height: 31.5vw;
}
@media screen and (max-width: 1920px){
	.sec-16 h2{
		font-size:4.5vw;
	}
	.sec-16 h3{
		font-size:2vw;
	}
}
@media screen and (max-width: 768px){
	.sec-16 img {
		height: 32.2vw;
	}
}

@media screen and (max-width:480px){
	.sec-16{
			padding:40px 0 40px;
	}
	.sec-16 h2 {
		font-size: 7vw;
		padding-bottom:20px;
	}
	.sec-16 h3 {
		font-size: 3.5vw;
		padding-bottom:20px;
	}
	.sec-16 img {
		height: 50vw;
	}
}



/* ----------------------------------
        Footer clear
---------------------------------- */
#footer h1, 
#footer h2, 
#footer h3, 
#footer h4, 
#footer h5, 
#footer h6, 
#footer div, 
#footer p {
    font-family: 'メイリオ','Meiryo',Arial,'YuGothic','Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Courier,sans-serif;
}
#footer div, 
#footer p {
	font-weight:normal;
}
#footer dl#footerOutline h4 {
	font-size:14px;
}
#siteBottom #siteBottomInner.innerBox {
	font-weight:normal;
}