@charset "utf-8";
/* CSS Document */

.wrap_all {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	font-size: 16px;
	xmargin-bottom: -121px;
}

.mb_10 {
	margin-bottom: 10px;
}
.mb_20 {
	margin-bottom: 20px;
}
.mb_30 {
	margin-bottom: 30px;
}
.mb_40 {
	margin-bottom: 40px;
}

h3 {
	color: #0082ca;
	font-size: 28px;
	font-weight: bolder;
	margin-bottom: 30px;
	position: relative;
	border-left: 10px solid #0082ca;
	border-bottom: 1px solid #0082ca;
	padding-left: 15px;
	box-sizing: border-box;
}

h4 {
	color: #0082ca;
	font-size: 18px;
	font-weight: bolder;
	margin-bottom: 20px;
}

.wrap_all {
	width:100%;
	background-image: url("../img/bg_bottom.jpg"), url("../img/bg.jpg");
	background-position: bottom, top;
	background-repeat: repeat-x, repeat-x;
	padding-top: 60px;
	padding-bottom: 120px;
}
.content_box {
	width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.movie {
  margin-left: auto;
  margin-right: auto;
  width: 1100px;
  overflow: hidden;
  padding-bottom: 30px;
}
.movie .movie_box {
  position: relative;
  float: right;
  margin-left: 30px;
  width: 100%;
  padding-top: 56.25%;
}
.movie .movie_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.wrap_all hr {
	margin-bottom: 20px;
	height: 1px;
	border: none;
	border-top: 1px solid;
	background: none;
}
p a {
	text-decoration: none;
	color: #0082ca;
	transition: .3s;
}
p a:hover {
	text-decoration: none;
	color: #62CCE0;
}

/*-----------------------------------------------------	*/
/*	for - 1200px以下の記述　*/
/*-----------------------------------------------------	*/

@media screen and (max-width:1200px) {
.wrap_all {
	width: 100%;
}
.content_box {
	width: 94%;
}
.movie {
  width: 100%;
}
	
}


/*-----------------------------------------------------	*/
/*	for - 700px以下の記述　*/
/*-----------------------------------------------------	*/

@media screen and (max-width:700px) {
.wrap_all {
	width: 100%;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 16px;
}

}