@charset "UTF-8";
/* CSS Document */
/*spver*/
#bg_cover{display:none;}

.page-head {
display: table;
width: 100%;
text-align: center;
background-position: 50% 50%;
background-size: cover;}

.onlinelive-head3 {
 overflow: hidden!important;
max-width: 100%;
height: 37vh;
position: relative;}

.line-wrap {
/*background-image: url(../img/recruit/line-bg2.png);*/
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 3;
background-repeat: repeat;
opacity: 0.25;}

#bg-video {
left: 50%;
transform: translate(-50%,0%);
min-height: 100%;
min-height: 100vh;
min-width: 100%;
min-width: 100vw;
position: absolute;
top: 0;}

.onlinelive-head3 .inner {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%,-45%);
z-index: 10;
width: 100%;}


/*付け足し*/
/* section.onlinelive-back{
  padding: 3em 0 0 0;
} */
.movie{margin:1em;}

iframe{width: 333px;height: 183px;margin:auto;display:block;}

/**/

.page-head-ttl {
color: #fff;
font-size: 3.0rem;
font-weight: 700;
padding: 0;}

.studiolive-ttl {
margin-top: 4em;
font-size: 3.4rem;
line-height: 1.1;
font-family: 'Barlow', sans-serif;
margin-bottom: .5em;
letter-spacing: 0.1rem;}

.onlinelive-head3 .studiolive-ttl {margin-top: 0;}


.onlinelive-h1 h1 {
/*border: 3px solid #fff;*/
color: #fff;
/*background-color: rgba(0, 0, 0, 0.4);*/
padding: .6em 0;
font-size: .9rem;
text-align: center;
margin:-0.5em auto 0em;
width: 75%;
display: block;}

.onlinelive-head3 iframe {
margin-top: 2em;
width: 80%;
height: 190px;
border: 1px solid #fff;}


.onlinelive-lead-wrap {
background-image: url(../images/onlinelive-lead-back_sp.jpg);
background-size: cover;
background-position: 50% 0%;
height: fit-content;
padding: 5.5em 0;
}

.livestream-wrap {padding: 0 0 8vw;}

.onlinelive-lead-wrap h2 {
margin: 1em 0 1em;
font-size: 7vw;
text-align: center;
/*font-family: 'Lato', sans-serif;
font-weight: 900;*/
text-shadow: 0 0 0 black;
color: #fff;
line-height: 1.4;}	
	
.onlinelive-lead-wrap h2 span {
/*font-family: "メイリオ","ms pgothic", sans-serif;*/
margin: .5em 0 0 0;
font-size: 7vw;
display: block;
/*font-weight: normal;*/
line-height: 1.4;
color: #fff;}

.onlinelive-lead-wrap p{
/*font-family: "メイリオ","ms pgothic", sans-serif;*/
margin: 1.3em 0 0 0;
display: block;
/*font-weight: normal;*/
line-height: 1.5;
color: #fff;
text-align:center;}

/*feature*/
h2.online_title{
margin: 0.5em .1em .5em;
font-size: 14vw;
text-align: left;
font-family: 'barlow', sans-serif;
font-weight: 900;
text-shadow: 0 0 0 black;
color: #000;}

h2.online_title2{
margin: 0.5em .1em .5em;
font-size: 14vw;
text-align: left;
font-family: 'barlow', sans-serif;
font-weight: 900;
text-shadow: 0 0 0 black;
color: #fff;}

h2.online_title3{
margin: 0.5em .1em -.5em;
font-size: 14vw;
text-align: left;
font-family: 'barlow', sans-serif;
font-weight: 900;
text-shadow: 0 0 0 black;
color: #f9ab3b;}

span.ttl_sub {
/*font-family: "メイリオ","ms pgothic", sans-serif;*/
margin: .5em 0 0 0;
font-size: 3vw;
display: contents; 
/*font-weight: normal;*/
line-height: 1.4;
color: #000;}


.online_feature{margin: 2.5em 1em 2.5em;}
.livestream-wrap h2 span {font-size: 3.2vw;}
.online_feature li{display:flex;}

p.feature_list{font-size:1rem;margin: 1.3em .5em 0;}

.online_feature .livestream-logo ul{
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: auto;
align-items: flex-start;}

.livestream-logo li img {width: 100%!important;margin: 0 auto 1em;height: auto;}
.online_feature .livestream-logo li{margin: .5em 0 -0.8em 0;padding:0;}

/*.livestream-logo li img {max-width: 100%;margin: .1em 0 1em;width:100%;}	


/*usecases*/
.online_usecases{background-color:#f9ab3b;padding: .5em 0;}
.usecase_inner{margin:0.5em 1em .5em;}
.online_usecases ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: .5em 0 .5em;}
.online_usecases li{width:48%;}
.online_usecases li p{font-family: 'barlow', sans-serif;
color:#fff;
font-weight: 900;
font-size: 2rem;
text-align: center;
margin: .7em;
letter-spacing: .1rem;}

.online_usecases p{font-size:1rem;}

/*howtouse*/
.online_howtouse{margin:3em 1em 3em;}
.online_howtouse ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: .5em 0 .5em;}
.online_howtouse li{/*width:48%;*/width:29%;position:relative;}
.online_howtouse li p{font-size: 1.8rem;text-align: center;margin: 0.5em 0 .5em 0;color: #f9ab3b;font-family: 'barlow', sans-serif;font-weight: 900;}	

.online_howtouse li:not(:last-child)::after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
bottom: 39.8%;
left: 106%;
transform: translate(0%,50%);
font-size: 14px;
background: no-repeat top center;}


/*price*/
.online_pricelist {margin: 4em 1em .5em;}
.online_pricelist p{font-size:1rem;margin: 1em 0 1em 0;}
.online_pricelist ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: .3em;}
.online_pricelist li{/*width:48%;*/width:100%;margin-top:.5em;}

.online_pricelist h3.tell_about{text-align: center;font-size: 1.3em;line-height: 1.5em;margin: 2em 0 3em;}
.price_plan{display:none;}
.price_plan_sp{display:block;}
.price_plan_sp li{margin-top:1em;}
.price_plan_sp li:last-child{margin-top:2em;margin-bottom:1em;}

.price_plan_sp table{border-left: 1px solid #999;border-top: 1px solid #999;}
.price_plan_sp th{background-color: #efefef;font-weight: bold;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.price_plan_sp td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding:1em;text-align: left;word-break: break-all;}

.price_plan table{border-left: 1px solid #999;border-top: 1px solid #999;}
.price_plan th{background-color: #efefef;font-weight: bold;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.price_plan td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding:1em;text-align: left;word-break: break-all;}


/*report_archive*/
.link_banner{display: flex;flex-wrap: wrap;justify-content: space-between;}
.link_banner li{position: relative;margin: 1em auto 2em;}

.youtube_account{}



/*service*/
.online_service{margin: 4em 1em .5em;}
.online_service p{font-size:0.9rem;margin: 1em 0 1em 0;}
.online_service ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2.5em;}
.online_service li{width:48%;}
.online_service p.service_ttl{text-align:center;font-family: 'barlow', sans-serif;font-weight: 900;}

/*service_chromakey*/
.chromakey-wrap {margin: 3em 0 0 0;padding: 0;background-color:#fff;}
.chromakey-wrap p.chromakey-ttl{text-align:center;font-family: 'barlow', sans-serif;font-weight: 900;}
.chromakey-about {padding:0;margin-bottom: .5em;}
.chromakey-about h3 {
font-size: 4.5vw;
font-weight: bold;
text-align: center;
margin: 2.5em 0 .5em 0px;}

.chromakey-wrap .chromakey_image li {
position: relative;
margin-bottom: 2.5em;
padding: 0;
width: 100%;}

.chromakey-wrap .chromakey_image li:last-child{margin-bottom: .2em;}

.chromakey-wrap .chromakey_image li p {
position: absolute;
bottom: -5px;
left: 50%;
transform: translate(-50%,0%);
font-size: 6vw;
line-height: 1.1;
font-family: 'barlow', sans-serif;
font-weight: 900;
color: #fff;
margin-bottom: 1em;}

.chromakey-wrap .chromakey_image li:first-child:after {
content: "\f078";
font-family: FontAwesome;
position: absolute;
bottom: -2em;
left: 50%;
transform: translate(-50%,0%);
color: #000;
font-size: 4vw;}

.chromakey_studiolist li {
/*width: 33%;*/
width: 100%;
margin: 0.2em 1.8em .2em;
text-align: center;}

.chromakey_studiolist li p{/*font-family: "メイリオ","ms pgothic", sans-serif;font-weight:normal;*/font-family: 'barlow', sans-serif;font-weight: 900;letter-spacing: .1rem;}

.chromakey_studiolist span{font-family: 'barlow', sans-serif;font-weight: 900;color:#f9ab3b;font-size: 5.5vw;line-height: 2em;letter-spacing: .1rem;}

.chromakey_tel p{text-align:center;font-family: 'barlow', sans-serif;font-weight: 900;}
.chromakey_tel .number{text-align:center;font-family: 'barlow', sans-serif;font-weight: 900;color:#f9ab3b;font-size: 5.5vw;}

/*gears*/
.online_gear{margin: 3em 0 0 0;}
.online_gear li{width: 100%;}
.online_gear h2{font-family: 'barlow', sans-serif;font-weight: 900;font-size: 2em;}
.online_gear p{font-size: 1rem;margin: 1em 0 1em 0;/*font-family: 'barlow', sans-serif;font-weight: 900;*/}
.online_gear ul p {text-align:center;font-size: 1rem;margin: 1em 0 1em 0;font-family: 'barlow', sans-serif;font-weight: 900;}
.online_gear h2 span{font-size: 3vw;margin-top: 1.5em;}
.online_gear span{font-size: 3vw!important;}

/*qanda*/
.online_qanda{margin: 5em 1em .5em;}
.online_qanda p.q_list{font-size:1rem;}
.online_qanda p.a_list{font-size:1rem;margin: .3em 0 .9em;}
.online_qanda p.q_list span{display: flex;position: absolute;}
.online_qanda p.a_list span{display: flex;position: absolute;}

.qa_list{margin: 0 1em 0 0em;}
.qa_list li{display:flex;}
.q_title{margin-left:.8em;font-family: 'barlow', sans-serif;font-weight: 900;margin: 0 .8em 1em;}
.a_title{margin-left:.8em;color:#f9ab3b;font-family: 'barlow', sans-serif;font-weight: 900;margin: 0 0.8em 1em;}
p.a_list{color:#f9ab3b;}


@media screen and (max-width: 320px){
.studiolive-ttl {
font-size: 2.5rem;
margin-bottom: .3em;
letter-spacing: 0.1rem;}
	
.onlinelive-h1 h1 {
 /* border: 3px solid #fff; */
color: #fff;
/* background-color: rgba(0, 0, 0, 0.4); */
padding: .6em 0;
font-size: .8rem;
text-align: center;
margin: -0.5em auto 0em;
width: 75%;
display: block;}

.onlinelive-head3 iframe {
margin-top: 1em;
width: 80%;
height: 160px;
border: 1px solid #fff;}
	
.onlinelive-head3 {height: 32vh;}	
		
	
}


@media screen and (min-width: 768px){
	
.onlinelive-lead-wrap {height: 650px;background-position: 50% 60%;}	
	
.onlinelive-head3 .studiolive-ttl {margin-top: 0;line-height: .7em;}	
	
.onlinelive-h1{margin-top: -2em;}	
	
.onlinelive-head3 iframe {
margin-top: 4em;
width: 75%;
height: 324px;
border: 1px solid #fff;}	
	
h2.online_title {
margin: 0.5em .1em .5em;
font-size: 9vw;
text-align: left;
font-family: 'barlow', sans-serif;
font-weight: 900;
text-shadow: 0 0 0 black;
color: #000;
line-height: .5em;}	
	
h2.online_title2 {
margin: 0.5em .1em .5em;
font-size: 9vw;
text-align: left;
font-family: 'barlow', sans-serif;
font-weight: 900;
text-shadow: 0 0 0 black;
color: #fff;
line-height: .5em;}	
	
h2.online_title3 {
margin: 0.5em .1em .5em;
font-size: 9vw;
text-align: left;
font-family: 'barlow', sans-serif;
font-weight: 900;
text-shadow: 0 0 0 black;
color: #f9ab3b;
line-height: 0.5;}	
	
p.feature_list {font-size: 1.2em;margin: 3em .5em 0px;}

.livestream-logo li img {width: 80%;margin: 0 auto 2em;}
	

h2.online_title span {font-size: 2vw;padding-top: .5em;}	
	
h2.online_title2 span {font-size: 2vw;padding-top: .5em;}		
	
.online_service h2.online_title3 span {font-size: 2vw;padding-top: .5em;}	
	
	
.onlinelive-head3 .inner {
position: absolute;
top: 49%;
left: 50%;
transform: translate(-50%,-46%);
z-index: 10;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;}

.onlinelive-h1 h1 {
/*border: 3px solid #fff;*/
color: #fff;
/*background-color: rgba(0, 0, 0, 0.4);*/
padding: .6em 0;
font-size: 1.7rem;
text-align: center;
margin: 2.5em auto 0;
width: 75%;
display: block;}	

	
.onlinelive-lead-wrap {
width: 100%!important;
margin: auto;
box-sizing: border-box;}	
	

.onlinelive-lead-wrap h2 {margin: 0px 0 0em;font-size: 5vw;}

.onlinelive-lead-wrap h2 span {
/*font-family: "メイリオ","ms pgothic", sans-serif;*/
margin: 0em 0 0 0;
font-size: 5vw;
display: block;
/*font-weight: normal;*/
line-height: 1.4;
color: #fff;}	
	
.onlinelive-lead-wrap p {
/* font-family: "メイリオ","ms pgothic", sans-serif; */
margin: 2em 0 0 0;
display: block;
/*font-weight: normal;*/
line-height: 1.9;
color: #fff;
text-align: center;}
	
	
	
/*use cases*/
.online_usecases {background-color: #f9ab3b;padding: .5em 0 2.5em;}
.online_usecases li {width: 25%;}
.online_usecases p {
font-size: 1.2rem;
text-align: center;
margin-top: 2em;}

/*howtouse*/
.online_howtouse li {width: 28%;text-align: center;}
.online_howtouse li p{font-size: 2em;text-align: center;margin: 0.8em 0 .5em 0;}	
.online_howtouse ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: .5em 1em .5em;}
	
.online_howtouse li:not(:last-child)::after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
bottom: 57.8%;
left: 110%;
transform: translate(0%,50%);
font-size: 20px;
background: no-repeat top center;}
	
/*price*/
	
/*.online_pricelist {margin: 4em 1em .5em;}
.online_pricelist p{font-size:1rem;margin: 1em 0 1em 0;}
.online_pricelist ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: .3em;}
.online_pricelist li{/*width:48%;width:48%;}*/

/*.online_pricelist h3.tell_about{text-align: center;font-size: 1.3em;line-height: 1.5em;margin: 2em 0 3em;}
.online_pricelist {margin: 6em 1em .5em;}	*/
	
.online_pricelist p {
font-size: 1.1em;
margin: 1em 0 3em 0;
line-height: 1.5em;}

.online_pricelist ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 1em;}	
	
.online_pricelist h3.tell_about {
text-align: center;
font-size: 2em;
line-height: 1.5em;
margin: 2em 0 3em;}
	
.price_plan_sp{display:none;}
.price_plan{display:block;}
.price_plan li:last-child{margin-top:3em;margin-bottom:3em;}	

	
/*report_archive*/
.link_banner{display: flex;flex-wrap: wrap;justify-content: space-between;}
.link_banner li{width: 42%;position: relative;margin: auto auto 5em;}
	
.youtube_account {margin: 0 8em 3em;}

	
	
/*service*/
.online_service ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: .3em .8em;}
	
.online_service p.service_ttl {text-align: center;font-size:1.3em;line-height: 1.3em;}	
.online_service li {width: 45%;}
	
/*chromakey*/
.chromakey-wrap p.chromakey-ttl {text-align: center;font-size: 1.3em;}
.chromakey-wrap .chromakey_image li {
position: relative;
margin-bottom: .2em;
padding: 0;
width: 46%;}
	
.chromakey-wrap .chromakey_image li p {
position: absolute;
bottom: -21px;
left: 50%;
transform: translate(-50%,0%);
font-size: 4vw;
line-height: 1.1;
font-family: 'barlow', sans-serif;
font-weight: 900;
color: #fff;
margin-bottom: 1em;}	
	
.chromakey-wrap .chromakey_image li:first-child:after{
content: "\f054";
font-family: FontAwesome;
position: absolute;
bottom: 50%;
left: 107%;
transform: translate(0%,50%);
font-size: 20px;}
	
.chromakey-about h3 {
font-size: 3.5vw;
font-weight: bold;
text-align: center;
margin: 2em 0 1em 0px;
line-height: 1.5em;}
	
.chromakey_studiolist p{font-size: 1.2rem;margin: 1em 0 1em 0;}	

.online_service ul {margin: .3em .8em;}
	
ul.chromakey_studiolist{margin: .3em 5.5em;}
	
.chromakey_studiolist li {
margin: 0 .5em .2em;
text-align: center;
width:100%;}	
	
.chromakey_tel p{font-size: 1.2rem;text-align:center;font-family: 'barlow', sans-serif;font-weight: 900;}
	
	
	
/*gear*/		
.online_gear ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 1.5em;
/*margin: .3em 4em;*/}
	
.online_gear li {width: 30%;text-align: left;}	
.online_gear {margin: 6em 0 0 0;}		
	
.online_gear p {
font-size: 1.5em;
margin: 1em 0 1em 0;
font-family: 'barlow', sans-serif;
font-weight: 900;
text-align: center;}	

.online_service p {font-size: 1.1rem;margin: 1em 0 1em 0;}	
.online_gear span {font-size: 2vw!important;}	
	
.online_gear h2 {
font-family: 'barlow', sans-serif;
font-weight: 900;
font-size: 3.5em;
line-height: 1.8rem;}	

/*qand*/
.q_title {
margin-left: .8em;
font-family: 'barlow', sans-serif;
font-weight: 900;
margin: -.3em .8em 1em;}	
.qa_list {margin: 4.5em 2em 0;}
	
.online_qanda p.q_list {font-size: 1.1rem;}
.online_qanda p.a_list {font-size: 1.1rem;margin: .3em 0 .9em;}	
	
}

/*@media print, screen and (min-width: 769px){
.inner {width: 1200px;margin: auto;box-sizing: border-box;}
}*/

@media screen and (min-width: 769px){
	
h2.online_title {
margin: 0.5em .1em .5em;
font-size: 8vw;
text-align: left;
font-family: 'barlow', sans-serif;
font-weight: 900;
text-shadow: 0 0 0 black;
color: #000;}	
	
.onlinelive-lead-wrap h2 {
  margin: 0 0 1em;
  font-size: clamp(38px,4.2vw,46px);
}
	
.livestream-wrap h2 span {
/*font-size: 1.8vw;*/
line-height: .8em;}	
	
.onlinelive-head3 .studiolive-ttl {font-size:4.5rem;}
	
.onlinelive-h1 h1 {
/*border: 3px solid #fff;*/
color: #fff;
/*background-color: rgba(0, 0, 0, 0.4);*/
padding: .6em 0;
font-size: 1.7rem;
text-align: center;
margin: 2.5em auto 0;
width: 56%;
display: block;}	
	
.onlinelive-head3 iframe {
margin-top: .5em;
width: 48%;
height: 330px;
border: 1px solid #fff;}	
	
.onlinelive-lead-wrap {
background-image: url(../images/onlinelive-lead-back_pc.jpg);
background-size: 100% auto;
background-position: 50% 40%;
height: fit-content;
padding: 11em 0 8em;
}	
	
.onlinelive-lead-wrap p {
/*font-family: "メイリオ","ms pgothic", sans-serif;*/
margin: 1.5em 0 0 0;
display: block;
/*font-weight: normal;*/
line-height: 1.5;
color: #fff;
text-align: center;
font-size: 1.3em;}
	
/*feature*/
p.feature_list {font-size: 1.8em;margin: 1.5em .5em 0px;line-height: 1.3em;}	

.online_feature ul {margin: 0 5em;}
	
.online_feature .livestream-logo ul {
display: flex;
flex-wrap: wrap;
justify-content: left;
margin: 0px 13em 0 0em;
padding:0 3em;}	
	
.livestream-logo li {width: 25%;padding: 0;}		
	
/*usecases*/
.online_usecases ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: .5em 4.5em .5em;}
	
/*houtouse*/
.online_howtouse ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 4em 2.5em .5em;}
	
.online_howtouse span {font-size: 1.1em;line-height: 1.5;}
.online_howtouse li p {font-size: 3em;}
	
/*price*/	
.online_pricelist {margin: 6em 1em .5em;}	
	
.online_pricelist li {/* width: 48%; */margin-top: 2em;}
	
.online_pricelist p {
font-size: 1.5em;
margin: 1em 0 1em 2em;
line-height: 1.5em;
text-align: left;}		
	
.online_pricelist h3.tell_about {
text-align: center;
font-size: 2.5em;
line-height: 1.5em;
margin: 2em 0 3em;}

.online_pricelist ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2.5em;}	
	
.price_plan{margin: 0 2.5em 0;}	

	
/*service*/
.online_service {margin: 5em 1em .5em;}	
	
.online_service ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: .3em 2.5em;}
	
.online_service p.service_ttl {
text-align: center;
font-size: 1.6em;
line-height: 1.3em;}
	

.online_service ul span{font-size: 1.3em;line-height: 1.6;}
	
.online_service p.service-img{font-size: 1.5rem;margin: 1em 3.5em 1em;}	

p.service-img span{font-size: 1.4em;line-height: 1.5em;}
	
/*chromakey*/
.chromakey-wrap p.chromakey-ttl {
text-align: center;
font-size: 1.8em;
margin-top: 3em;}
	
	
.online_service p {
font-size: 1.5rem;
margin: 1em 0 1em 0;
text-align:center;}	
	
.chromakey_image ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: .3em 2.5em;}
	
ul.chromakey_studiolist{margin: .3em 11.5em;}
.chromakey_studiolist span {
font-family: 'barlow', sans-serif;
font-weight: 900;
color: #f9ab3b;
font-size: 3vw!important;
line-height: 2em;
letter-spacing: .1rem;}	
		
.chromakey-about {padding: 0;margin-bottom: 4em;}		
	
.chromakey-about h3 {
font-size: 3vw;
font-weight: bold;
text-align: center;
margin: 2em 0 1em 0px;
line-height: 1.5em;}
	
.online_service li {width: 48%;text-align: center;}	

.chromakey_studiolist li{width:100%;}
	
.online_gear ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 1.5em;
/*margin: .3em 4em;*/}
	
.online_gear li {width: 30%;text-align: left;}
	
/*qanda*/
.online_qanda p.q_list {font-size: 1.3rem;}
.online_qanda p.a_list {font-size: 1.3rem;margin: .3em 0 .9em;}

	
	
}
@media screen and (min-width: 1440px){
h2.online_title {font-size: 6vw;}

.livestream-wrap h2 span {font-size: 1.5vw;}
	
.onlinelive-head3 iframe {
width: 40%;
height: 330px;}	
	
h2.online_title2 {font-size: 6vw;}
h2.online_title3 {font-size: 6vw;}
	
/* .onlinelive-lead-wrap h2 {margin: -72px 0 -50px;font-size: 3.5vw;}	 */

.onlinelive-lead-wrap p {
/* font-family: "メイリオ","ms pgothic", sans-serif; */
margin: 2.5em 0 0 0;
display: block;
/* font-weight: normal; */
line-height: 1.4;
color: #fff;
text-align: center;
font-size: 1.4em;}	
	
p.feature_list {font-size: 1.8em;margin: 1.2em .5em 0px;line-height: 1.3em;}	
	
/*usecase*/
.online_usecases p {font-size: 1.5rem;text-align: center;margin-top: 2em;}	
.online_howtouse span{font-size: 1.3em;line-height: 1.5;}	
.online_howtouse li p {font-size: 3em;}
	
/*service*/
.online_service h2.online_title3 span {font-size: 1.5vw;/* padding-top: .5em; */}	
	
/*chromakey*/
.chromakey-wrap .chromakey_image li p {bottom: -34px;font-size: 3vw;}
.chromakey-about h3 {font-size: 2.3vw;}
.chromakey_studiolist span {font-size: 2.5vw!important;line-height: 2em;}
	
.chromakey_tel .number {font-size: 2.5vw;}	


/*gear*/
.online_gear li span{font-size: 1.2vw!important;}
.online_gear span {font-size: 1.2vw!important;}	
.online_gear li {width: 30%;text-align: center;}
	
}
@media screen and (min-width: 1024px){
/*付け足し*/
section.onlinelive-back{padding: 0 0 0 0;}
.movie{margin:3em;}

iframe {
width: 769px;
height: 432px;
display: block;
margin: auto;}
	
/**/
	
	
}
/*h2.online_title {
margin: 0.5em .1em .5em;
font-size: 8vw;
text-align: left;
font-family: 'barlow', sans-serif;
font-weight: 900;
text-shadow: 0 0 0 black;
color: #000;}	
	
	
	
.onlinelive-lead-wrap h2 {
margin: -72px 0 -50px;
font-size: 5vw;}
	
.livestream-wrap h2 span {
font-size: 3vw;
line-height: .8em;}	
	
	
.onlinelive-lead-wrap {
background-image: url(../images/onlinelive-lead-back_pc.jpg);
background-size: 100% auto;
background-position: 50% 50%;
height: 650px;
padding: 10em 0;}	
	
.onlinelive-lead-wrap p {
font-family: "メイリオ","ms pgothic", sans-serif;
margin: 3em 0 0 0;
display: block;
font-weight: normal;
line-height: 2;
color: #fff;
text-align: center;
font-size: 1.2em;}
	
	
	
	
}