@charset "utf-8";
/* CSS Document */
main {
font-family: 'Ruge Boogie', cursive;
font-family: 'Neucha', cursive;
}
.nb_logo img {
margin: 5px;
}
.nb_logo:hover {
opacity: .7;
}
.video{
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
p, form
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 1.5em;
	padding-bottom: 20px;
}
.all_center{
	text-align: center;
}
.text_big {
	font-size: 20px;
  font-size: 1.25rem;
}
.section h1 {
	font-size: 64px;
  font-size: 4rem;
	text-align: center;
	line-height: 1.5em;
	text-shadow: 3px 3px 0px deeppink;
	color: #fff;
}
.section h2 {
	font-size: 32px;
  font-size: 2rem;
	text-align: center;
	line-height: 1.5em;
	text-shadow: 2px 2px 0px deeppink;
	color: #fff;
}
h3 {
	font-size: 30px;
  font-size: 1.875rem;
	margin-bottom: 40px;
	text-align: center;
	color: coral;
}
h4 {
	font-size: 30px;
  font-size: 1.875rem;
	border-bottom: double 4px #DDD;
	margin-bottom: 40px;
	text-align: center;
	color: greenyellow;
}
h5 {
	font-size: 24px;
  font-size: 1.5rem;
	color: deeppink;
	background: linear-gradient(transparent 50%, #EEE 50%);
}
h6 {
	font-size: 20px;
  font-size: 1.25rem;
	text-align: center;
	color: dodgerblue;
	padding: 20px 0px;
}
.section-title {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0px 0 25px;
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 36px;
  font-size: 2.25rem;
  letter-spacing: 1px;
	color: darkorchid;
}
.section-title span {
  display: inline-block;
  position: relative;
}
.section-title span:before,
.section-title span:after {
  content: "";
  position: absolute;
  height: 4px;
  top: .53em;
  width: 400%;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.section-title span:before {
  right: 100%;
  margin-right: 45px;
}
.section-title span:after {
  left: 100%;
  margin-left: 45px;
}
.section {
	text-align: center;
}
#main_title {
	padding: 100px 0px 50px;
}
.bg_box_w {
	background-color: rgba(255,255,255,0.9);
	padding: 10px;
	border-radius: 5px;        /* CSS3草案 */  
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;   /* Firefox用 */  
}
table td {
	text-align: center;
}
.bgA {
	background-image: url("../../../short_course/2019spring/images/bgA.png");
	background-repeat: no-repeat;
	background-position: center;
}
.bgB {
	background-image: url("../../../short_course/2019spring/images/bgB.png");
	background-repeat: no-repeat;
	background-position: center;
}
.form-group {
	border-top: solid 1px #ddd;
	padding: 10px 0px;
	margin: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
label span {
	font-size: 10px;
}
.custom-control label {
	line-height: normal;
	margin: auto;
}
.nb_menu a {
	margin: 20px 5px 0px;
}
	
@media only screen and (max-width: 767.98px) {
  .h3 {
    font-size: 50px;
    font-size: 3.125rem ;
		margin-bottom: 5px;
  }
	.section {
		background: center center scroll;
		background-size: cover;
	}
	.conts_bg {
		background: center center scroll;
		background-size: cover;
	}
	.topimg {
		padding-top: 60px;
	}
	.npnm {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
}

/*パララックス*/
@media only screen and (min-width: 768px) {
	.section {
		width: 100%;
		height: auto;
  	background: center center /cover no-repeat fixed;
  	background-size: cover;
	}
	.conts_bg {
		width: 100%;
		height: auto;
  	background: center center /cover no-repeat fixed;
  	background-size: cover;
	}
	 /*追加　https://www.terakoya.work/link-hover-line-css-animation/　より*/
	.nb_menu a::after {
  	border-bottom: solid 2px #FF00DB;
  	bottom: 0;
  	content: "";
  	display: block;
  	transition: all .3s ease;
  	-webkit-transition: all .3s ease;
  	width: 0;
	}
	.nb_menu a:hover::after {
  	width: 100%;
	}
	.topimg {
		padding-top: 60px;
		margin-bottom: -60px;
	}
}
.topimg {
	bottom: 0;
}
.bg_orengi {
	background-color: #eb6100;
}
.conts_bg01 {
  background-image: url("../../../halloween/2019/images/bg1.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.conts_bg02 {
  background-image: url("../../../halloween/2019/images/contsbg01.png");
	background-repeat: repeat-y;
	background-size: contain;
	background-position: top center;
}
.bat_bg {
  background-image: url("../../../halloween/2019/images/6bg2.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	padding: 20%;
}
.bat_bg p {
	color: ghostwhite;
	padding: 0 15%;
}
.pp_bg {
  background-image: url("../../../halloween/2019/images/6bg.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.pp_bg p {
	color: ghostwhite;
	padding: 0 15%;
}
.section01 {
  background-image: url("../../../halloween/2019/images/bg1.jpg");
}
.section02 {
  background-image: url("../../../halloween/2019/images/bg2.jpg");
}
.section03 {
  background-image: url("../../../halloween/2019/images/bg3.jpg");
}
.section04 {
  background-image: url("../../../halloween/2019/images/bg4.jpg");
}