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


 .video-container {
      position: relative;
      width: 100%;
      max-width: 880px;
      margin: 0 auto;
    }

    .video-content {
      width: 100%;
      height: auto;
      display: none;
    }

    .video-content.sp {
      display: block;
    }

    .video-banner {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      cursor: pointer;
      width: 100%;
      height: auto;
      z-index: 2;
    }

    @media (min-width: 750px) {
      .video-content.sp {
        display: none;
      }
      .video-content.pc {
        display: block;
      }
    }

/*スマホ*/
@media screen and (max-width:750px){
	
.font3{padding:20px 0% 10px 0%;margin: 0px auto 0px auto;font-size:100%; color:#000;line-height: 160%;font-weight: 400;color:#002b62}
.mapbtnmodel {
  margin: 0px auto 50px auto;
  display: inline-block;
  width: 400px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-size: 150%;
  background: #002b62;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #fff;
  border-radius: 5px; /* ボタンらしい見た目のため */
}

.mapbtnmodel:hover {
  color: #fff;
  background-color: #ccc;
}
	
.genteititle{background-color:#1b3663;text-align:center;padding:20px 0% 20px 0%;color:#fff;margin: 0px auto 0px auto ;height: auto;}
.topobivideo{max-width:880px;width:90%;text-align:center;padding:0px 0% 0px 0%;color:#000;margin: 0px auto 0px auto ;height: auto;}
.video3 {width:100%;margin:0% auto 30px auto; padding: 0% 0px 0px 0px;text-align:center;}
.topfontvideo{font-size:120%;color:#000;lfont-weight:700;text-align:center;;line-height: 140%;padding: 30px 0px 0px 0px;}
	
.model2 {width: 100%;margin: 20px auto 0px auto; padding: 0px 0px 0px 0px;text-align:center;}
	
.maintop{width:100%;text-align: center;padding: 40px 0px 0px 0px; margin:0px 0px 0px 0px;}

.maintopbg {width: 100%;margin: 60px auto 0px auto; padding: 0px 0px 0px 0px;background-image: url("../modelroom/img/model/topbg.jpg");
background-repeat: no-repeat;text-align:center;padding-top:20.6%;background-size:100%;position:relative}


.modelcap{width: 90%;margin:0px auto 30px auto; padding: 0px 0px 0px 0px;font-size:70%;color:#000;font-weight: 400;text-align:left}
	
.font1{width: 90%;padding:0px 0% 30px 0%;margin: 0px auto 0px auto;font-size:90%;line-height: 160%;font-weight: 400;color:#002b62;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;text-align:left}
	
.font2{width:80%;text-align:center;padding:0px 0% 0px 0%;margin: 0px auto 10px auto;line-height: 180%;font-size:120%;color:#002b62;font-weight: 700;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
}


@media print, screen and (min-width:751px){
	
.topobivideo{max-width:880px;width:90%;text-align:center;padding:40px 0% 20px 0%;color:#000;margin: 0px auto 40px auto ;height: auto;}
.video3 {max-width:100%;margin:0% auto 50px auto; padding: 0% 0px 0px 0px;text-align:center;}
.topfontvideo{font-size:180%;color:#002b62;lfont-weight:700;text-align:center;;line-height: 140%;padding: 30px 0px 20px 0px;}
	
.mapbtnmodel {
  margin: 0px auto 50px auto;
  display: inline-block;
  width: 400px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-size: 150%;
  background: #002b62;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #fff;
  border-radius: 5px; /* ボタンらしい見た目のため */
}

.mapbtnmodel:hover {
  color: #fff;
  background-color: #ccc;
}
	
.item-top {background-color: #002b62;}
.model{margin: 0px auto 0px auto; width:1170px;height: auto;}
.model ul{list-style: none; margin: 20px auto 0px auto; padding: 20px 0px 0px 0px; }
.model li{float:left; margin: 20px 15px 0px auto; padding: 0px 0px 0px 0px; }
.model2 {width: 100%;margin: 70px auto 0px auto; padding: 0px 0px 0px 0px;text-align:center;}
	
.maintopbg {width: 100%;margin: 120px auto 0px auto; padding: 0px 0px 0px 0px;background-image: url("../modelroom/img/model/topbg.jpg");background-repeat: no-repeat;text-align:center;padding-top:15.0%;background-size:100%;position:relative}
.maintop{width:100%;text-align: center;padding: 50px 0px 0px 0px; margin:0px 0px 0px 0px;}

.modelcap{max-width: 1200px;width: 90%;margin:0px auto 30px auto; padding: 0px 0px 0px 0px;font-size:80%;color:#000;font-weight: 400;text-align:left}
.font1{padding:0px 0% 30px 0%;margin: 0px auto 0px auto;font-size:140%; color:#000;line-height: 160%;font-weight: 400;color:#002b62}
.font2{max-width:1200px;width:80%;text-align:center;padding:30px 0% 0px 0%;margin: 0px auto 10px auto;line-height: 180%;font-size:220%;color:#002b62;font-weight: 700}
.font3{padding:30px 0% 10px 0%;margin: 0px auto 0px auto;font-size:140%; color:#000;line-height: 160%;font-weight: 400;color:#002b62}
}

@media only screen and (min-width:751px) and (max-width:1300px) {
.font1{padding:0px 0% 0px 0%;margin: 0px auto 0px auto;font-size:100%;line-height: 180%;font-weight: 400;color:#002b62;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
	
.font2{width:100%;text-align:center;padding:0px 0% 0px 0%;margin: 20px auto 0px auto;line-height: 200%;font-size:140%;color:#002b62;font-weight: 700;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
.modelcap{max-width: 1200px;width: 90%;margin:0px auto 30px auto; padding: 0px 0px 0px 0px;font-size:70%;color:#000;font-weight: 400;text-align:left}
}