@charset "utf-8";

.home_youtube {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.home_youtube .youtube {
  width: 32%;
  position: relative;
  padding-top: 23.25%;
}
.home_youtube .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.btn a{
	transition: 1s;
	max-width: 520px;
	display: block;
	border: 1px solid #222;
	padding: 15px 10px;
	color: #222 !important;
	opacity: 1 !important;
	margin: 0 auto;
}
.btn a:hover {
	background: #222;
	color: #fff !important;
}
/*================== ○○○○.html =================*/
@media screen and (min-width: 469px) and (max-width: 768px) {
}
@media only screen and (max-width: 640px) {
  .home_youtube .youtube {
    width: 100%;
    position: relative;
    padding-top: 65.25%;
    margin-bottom: 20px;
  }
}


@media screen and (max-width: 834px){

}

@media screen and (max-width: 640px){
.home_01 > div {
    padding: 65px 3%!important;
}
}