@charset "UTF-8";


.bold{
	font-weight:bold;
}


/*　ライブ配信関係ココから　*/
.page-caption {
	padding:135px 0;
}
@media only screen and (max-width:768px){
.page-caption {
	padding:120px 0;
}
}
h1{
	margin-bottom:10px;
	font-size:46px;
}
h2{
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
}
h3{
text-transform:none;
}
.livestream-header{ background: linear-gradient(rgba(36, 39, 38, 0.7), rgba(36, 39, 38, 0.7)), rgba(36, 39, 38, 0.7) url(/byun-graphics/img/works/work_12-04.jpg) no-repeat center; backgroundedding-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; width:100%;}
@media only screen and (max-width:768px){
.livestream-header{ background: linear-gradient(rgba(36, 39, 38, 0.7), rgba(36, 39, 38, 0.7)), rgba(36, 39, 38, 0.7) url(/byun-graphics/img/works/work_12-05.jpg) no-repeat center;
background-size: 100%;
margin: 0;
border-bottom: none; padding-bottom: 0px; width:100%;}
}
.livestream-header p{
	font-size:30px;
	font-weight:bold;
	color:#fff462;
	font-family:Noto;
}
@media only screen and (max-width:768px){
.livestream-header p{
	font-size:24px;
}
}
.header-img{
	width:100%;
	height:auto;
	margin:50px 0 20px 0;
	display: inline-block;
}
.header-img img{
	width:33.3%;
	float:left;
}
@media only screen and (max-width:768px){
.header-img img{
	width:100%;
	height:auto;
	margin:5px 0;
}
}

.single_feature{
	background:#eee;
	padding:20px 20px 50px 20px;
	position: relative;
	z-index: 0;
	margin-bottom:30px;
}
.works-list-img{
	width:100%;
	margin-bottom:20px;
}
.works-list-img img{
	width:100%;
}
.work-list-text{
	text-align:left;
	margin-bottom:20px;
}
.list-text-b{
	font-size:1.2em;
	font-weight:bold;
}
.btn--orange,
a.btn--orange {
  color: #fff !important;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn--radius {
   border-radius: 100vh;
}
a.btn .btn--orange .btn--radius a::before{
	background:none !important;
}
{
	background:none !important;
}
a::before.btn--radius{
	background:none !important;
}

.livestream-price{
	font-size:1.8em;
	font-weight:bold;
}
.livestream-list{
	margin:20px 0 30px 0;
} 
.livestream-list p{
	margin:30px 0 0 0;
	font-size:1.2em;
}
.livestream-list ul li{
	padding:10px 0;
	list-style:none;
	font-size:1.2em;
	font-weight:bold;
}
.livestream-price-text{
}



/*　ライブ配信関係ココまで　*/


/* /////////////////お問合せcontactボタン//////////////////*/
.button-group-area{
	width:100%;
	margin:100px auto;	
}
.button-group-area p{
	margin:20px 0;
	text-align:center;
}
.button-group-area a{
	width:100%;
}
@media (max-width: 767px) {
.button-group-area a{
	width:90%;
	padding:50px 0;
}
}
.button-group-area .genric-btn {
  margin-right: 10px;
  margin-top: 10px;
}

/* line 149, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_elements.scss */
.button-group-area .genric-btn:last-child {
  margin-right: 0;
  padding:20px;
}
.genric-btn {
  display: inline-block;
  outline: none;
  line-height: 40px;
  padding: 0 30px;
  font-size: .8em;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.genric-btn.danger {
	font-size:1.3em;
  color: #fff;
  background: #f44a40;
  border: 1px solid transparent;
}

/* line 301, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_elements.scss */
.genric-btn.danger:hover {
  color: #f44a40;
  border: 1px solid #f44a40;
  background: #fff;
}
.genric-btn.radius {
  border-radius: 3px;
}




.reflesh{
	float:none;
	clear:both;
	width:100%;
}

/*　なんでもセンターにしちゃうぞ！ */
.contents-center{
	text-align:center;
	width:100%;
	margin:0 auto;
}