@charset "utf-8";

#page-title-img{
	background: url(/img/corp/en/service/title_service.png) no-repeat;
	background-position: center;
	background-size: cover;
}

.vr #page-title-img{background: url(/img/corp/en/service/vr/title_vr.png) no-repeat; background-position: center;background-size: cover;}
.event #page-title-img{background: url(/img/corp/en/service/event/title_event.png) no-repeat; background-position: center;background-size: cover;}
.advertisement #page-title-img{background: url(/img/corp/en/service/ad/title_ad.png) no-repeat; background-position: center;background-size: cover;}
.condistro #page-title-img{background: url(/img/corp/en/service/condistro/title_condistro.png) no-repeat; background-position: center;background-size: cover;}
.netcafe_solution #page-title-img{background: url(/img/corp/en/service/netcafe_solution/title_netcafe_solution.png) no-repeat; background-position: center;background-size: cover;}
.gamesecurity #page-title-img{background: url(/img/corp/en/service/gamesecurity/title_gamesecurity.png) no-repeat; background-position: center;background-size: cover;}
.streaming #page-title-img{background: url(/img/corp/en/service/streaming/title_streaming.png) no-repeat; background-position: center;background-size: cover;}

.box-1column p.txt_gray{ position:relative; font-size: 85%; color:#282930; width:90%; margin:10px auto 0;}
.box-1column p.txt_gray:before{content: "▲"; display: block; position:absolute; left:-20px;}

#service .box-3column-forte{margin-bottom:15px; font-size:110%; overflow-wrap: break-word;}
#service .box-3column-forte span{ display: block; margin-bottom:15px; color: #c90c15; font-family: 'Montserrat'; font-weight: 700; text-align:center;}
.box-3column li .txt_3column{ margin:10px 0 0 0; font-size:90%;}
.box-3column li .list_3column p{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:.8em; width:100%; border-bottom:1px solid #dedfe2; padding:10px 0;}
.box-3column li .list_3column p span{font-weight:bold;}
.box-3column li.heightLine-group2 .list_3column, .box-3column li.heightLine-group2 .txt_3column {padding-bottom:18px;}

.suppliers,.transaction{margin:10px 0 0 0;}
.transaction:after{content: ""; display: block; clear:both;}
.suppliers {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.suppliers li{width:24%; margin:0.35%; padding-bottom:18px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#FFF; letter-spacing:normal; border:1px solid #dbdbdb; text-align:center;}
.suppliers li figure.center{margin:18px 5px 10px;}
.suppliers li p{font-size:82%; padding:0 10px;}
.transaction li{float:left; display:table; width:24%; margin:0.35%; height:65px; background:#FFF; border-collapse: collapse;letter-spacing: normal; border:1px solid #dbdbdb; text-align:center;}
.transaction li p{display:table-cell; vertical-align:middle; font-size:82%; padding:0 10px;}

.subtxt{margin: 15px 0 0 0; font-size: 88%;}
.gray_line{ margin:40px 0; border-bottom:1px solid #dbdbdb;}
h4.genre{ font-weight:bold; border-left:6px solid #d6d6d6; padding-left:10px; margin:20px 0 15px;}
.btn-area_double{margin: 40px 0 0 0;}
.btn-area_double p{display:inline-block; width:45%; padding:0 2%; text-align:center;}

.box-two-btn-area{display:table; width:100%; table-layout:fixed;}
.box-two-btn-area .box-1column-btn-area{display:table-cell; margin:0; padding-top:45px;}
#event2 .box-1column-btn-area a{width:280px;}
#gamesecurity2 .box-1column-btn-area a{width:340px;}
#gamepub2 .box-1column-btn-area a{width:300px;}
#ad2 ul + .box-2column-btn-area{margin-bottom:45px;}
#ad2 .box-2column-btn-area a{border-radius:50px; width: 360px; margin-top: 30px; border: 1px solid #42444d; background: #33343d; color: #ffffff; font-weight: bold; font-size: 120%; line-height:1.5em;}
#condistro3 .box-2column-btn-area{position:absolute; left:0; right:0; bottom:20px; margin:auto;}
.case .box-2column-title{margin: 12px 0 0 0; padding-bottom: 5px; border-bottom: 1px solid #dbdbdb; font-weight: bold; font-size: 100%;}

.streaming #page-nav {font-size:85%;}
.streaming #page-nav li{padding-left:30px;}

@media only screen and ( min-width: 1060px ) {
	.strengths .box-3column li{padding-bottom:110px !important;}
	#service .vr-box .box-thumb-figure{min-height: 240px;}
}

@media screen and (min-width:769px) {
	#service .box-3column-forte{min-height:120px;}
	.box-3column li.heightLine-group2 {padding-bottom:35px;}
}

@media screen and (min-width:480px) {
	.box-2column li.heightLine-condistro2{padding-bottom:100px;}
}

@media screen and (min-width:769px) and ( max-width:1060px) {
	.service-fantastick-txt{padding-bottom:120px;}
}

@media only screen and ( max-width: 768px ) {
	.box-two-btn-area .box-1column-btn-area{display:block;}
	.box-two-btn-area .box-1column-btn-area:last-child{padding-top:30px;}
}

@media only screen and ( max-width: 480px ) {
	#page-title-img{
		background:url(/img/corp/en/service/title_service_sp.png) no-repeat;
		background-position:center;
		background-size:cover;
	}

	.box-1column p.txt_gray{width:auto; margin:10px 0 0 15px;}
	.box-1column p.txt_gray:before{left:-10px;}

	.suppliers li{width:48.5%;}
	.transaction li{width:48.5%;}
	.suppliers li p {font-size: 70%;}
	.btn-area_double p{display:block; width:100%; padding:0; text-align:center;}

	#condistro3 .box-2column-btn-area{position:relative; margin-top:20px;}
	#gamesecurity2 .box-1column-btn-area a.white-icon{width:100%;}

}