/* デスクトップ・タブレット横の設定 */
/* bodyブロックの設定 */
.container {
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
}
.main {
  margin-top: -135px;
  padding: 30px;
}
.top-video {
  width : 35vw ;
  max-width: 50%;
}
.u-text {
  font-weight: 500;
  margin-top: 50px;
  margin-bottom: 10px;
}
.u-text2 {
  font-weight: 300;
  margin-bottom: 20px;
}
.cp_hr {
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #411E0C;
	width: 90%;
}



/* タブレット縦の設定 */
@media screen and (max-width: 1024px) {


}



/* スマホ横の設定 */
@media screen and (max-width: 896px) {
.cp_hr {
  width: 95%;
}
.main {
  padding: 0px 0px 25px;
}
.top-video {
  width : 65vw ;
  max-width: 70%;
}


}



/* スマホ縦の設定 */
@media screen and (max-width : 500px ){
.cp_hr {
  width: 100%;
}
.main {
  margin-top: -160px;
}
.top-video {
}


}