#headbar {
   /* ▼上端に固定するCSS */
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   z-index: 99;

   /* ▼バーの装飾 */
   background-color: green;  /* 背景色 */
   color: white;             /* 文字色 */
   box-shadow: 3px 3px 3px rgba(0,128,0,0.5); /* 影 */
}
.nav {
   /* ▼上端に固定するCSS */
   position: fixedi;
   top: 0px;
   left: 0px;
   width: 100%;
   z-index: 99;
}

.topm {
  width: 100%;
  height: 250px;
background-size:100%;
  background-image: url(/application/files/4217/1497/6091/topm.jpg);
  background-repeat: no-repeat;
background-color: #464646;
background-position: right;
}

.hed {
  width: 100%;
  height: 80px;
background-size:100%;
  background-image: url(/application/files/3217/1515/8384/header.gif);
  background-repeat: no-repeat;
background-color: rgb(39,78,159);
background-position: right;
}


/* fixed */
header {
position: fixed;
  width: 100%;
z-index: 99;
top: 0;
}

.topsp {
  padding-top: 200px;
}





.menul {
		width: 1100px;
		height: auto;
    margin-left: auto;
    margin-right: auto;
	}

.bac {
background-image:url("/application/files/8616/6812/3423/back.png");
background-repeat: repeat;
}
.bac2 {
background: linear-gradient(
  60deg,
  #4e4e4e 0%,
  #4e4e4e 50%,
  #5e5e5e 50%,
  #5e5e5e 100%
);
}


/* humbugermenu */

.navbar-center {
	background-color: ;
}

/* humbugermenu */
a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}




.agu td{
    vertical-align: top;
text-align: left;
font-family: 'Noto Serif JP', serif;
font-size: 18px;
color: #fff;
font-weight: 900;
line-height: 22px;
}

.youtube-player {
width: 100%;
    height: 400px;
}


a {text-decoration: none;}

.hrs {
	height: 1px;
	border-width: 0;
	background-color: #00bcd4;
	background-image: -webkit-linear-gradient(left,
	#00bcd4 0%,#283593 50%,#00bcd4 100%);
	background-image:         linear-gradient(90deg,
	#00bcd4 0%,#283593 50%,#00bcd4 100%);
text-align: center;
}

.fontop {font-family: 'Noto Serif JP', serif;
font-size: 20px;
color: #fff;
font-weight: 900;
line-height: 20px;
text-align: center;
margin-bottom: 20px;}


.fontopp {font-family: 'Noto Serif JP', serif;
font-size: 16px;
color: #fff;
font-weight: 900;
line-height: 20px;
text-align: center;}

.fona {font-family: 'Noto Serif JP', serif;
font-size: 22px;
color: #102e85;
font-weight: 900;
line-height: 30px;
}

.fonb {font-family: 'Noto Serif JP', serif;
font-size: 20px;
color: #000;
font-weight: 900;
line-height: 20px;
}

.fonc {font-family: 'Noto Serif JP', serif;
font-size: 16px;
color: #000;
font-weight: 900;
}

.fond {font-family: 'Noto Serif JP', serif;
font-size: 18px;
color: #fff;
font-weight: 900;
line-height: 25px;
}

.fone {font-family: 'Noto Serif JP', serif;
font-size: 16px;
color: #abb8de;
font-weight: 900;
text-align: center;}

.fonf {
font-size: 28px;
color: #fff;
font-weight: 900;
}

.backg {
display: inline-block;
width: calc(100%  - 8px);
    height: 340px;
background: url("/application/files/8016/5347/6985/exterior.jpg");
background-color: #1b1b1b;
background-size: cover;
vertical-align: bottom;
}



.sps {
  padding: 15px;
}
.spss {
  padding: 8px;
}

.spsss {
  margin-bottom: 15px;
}

* {
  margin: 0;
  padding: 0;
}

.mv-video{
  position:relative;
}

.mv-video-copy {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align:center;
  font-weight:bold;
  color: #FFF;
}

.mv-video video {
  width: 100%;
  height: 100%
}




.fonn {font-family: 'Noto Serif JP', serif;
font-size: 16px;
color: #e3c147;
font-weight: 900;}

.fon {font-family: 'Noto Serif JP', serif;
font-size: 20px;
color: #e3c147;
font-weight: 900;}

.tit {
margin-top: 5px;
}

.topg{
position:relative; top: 0px;
}
.topa{
height: 100px;
}

.svbg {
background: url("/download_file/88/0");
background-size: cover;
}
.svbgg {
background: url("/download_file/89/0");
background-size: cover;
}
.svbggg {
background: url("/download_file/90/0");
 background-size: cover;
}

.svrrrrr {
  background-color: rgba(255, 255, 255,.7);
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  padding: 1em 14px;
}

.svrr {
 margin: 1em auto;
  text-align: center;
  display: inline-block;
  width: 95%;
  text-align: center;
  background-color: #afd7fd;
  font-size: 16px;
  line-height: 38px;
  color: #black;
  text-decoration: none;
  font-weight: bold;
}


.svr {
display: inline-block;
vertical-align: top;
  width: 32%;
 margin: 0px;
  text-align: center;
  height: auto;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #033E93;
  position: relative;
  overflow: hidden;
padding: 0px;
}
.waku{
  width: 100%;
  text-align: center;
}
.sma{
    display: none;
}
.prof{
    display: none;
}

/* スマートフォン画像 */
@media only screen and (max-width: 750px) {
.pc{ display: none !important; }
.sp{ display: block !important; }
.youtube-player {
width: 100%;
    height: 60vh;
}

.mmv {
    height: 100vh;
}
.backg {
display: inline-block;
width: calc(100%  - 8px);
    height: 120px;
background: url("/application/files/8016/5347/6985/exterior.jpg");
background-size: cover;
vertical-align: bottom;
 margin-bottom: 0px;
}

.fontop {font-family: 'Noto Serif JP', serif;
font-size: 1.3em;
font-weight: 900;
line-height: 1.8em;
text-align: center;
margin-bottom: 1.8em;}

.fontopp {font-family: 'Noto Serif JP', serif;
font-size: 1.1em;
font-weight: 900;
line-height: 1.8em;
text-align: left;}

.fonn {
font-size: 16px;}

.fon {
font-size: 20px;
}

.fone {
text-align:  left;}


.bac2 {
background: linear-gradient(
  79deg,
  #4e4e4e 0%,
  #4e4e4e 50%,
  #5e5e5e 50%,
  #5e5e5e 100%
);
}
.sma{
        display: block;
    }

.prof{
    display: none;
}

.spsss {
  margin-bottom: 0px;
}


.hed {
  width: 100%;
  height: 50px;
background-size: 100% auto;
  background-image: url(/application/files/3217/1515/8384/header.gif);
  background-repeat: no-repeat;
background-color: rgb(39,78,159);
}

.topsp {
  padding-top: 150px;
}
}