@charset "utf-8";

#page-title-img{
	background: url(/img/corp/service/title_service.png) no-repeat;
	background-position: center;
	background-size: cover;
}
.vr #page-title-img{background: url(/img/corp/service/vr/title_vr.png) no-repeat; background-position: center;background-size: cover;}
.event #page-title-img{background: url(/img/corp/service/event/title_event.png) no-repeat; background-position: center;background-size: cover;}
.battely #page-title-img{background: url(/img/corp/service/battely/title_battely.png) no-repeat; background-position: center;background-size: cover;}
.advertisement #page-title-img{background: url(/img/corp/service/ad/title_ad.png) no-repeat; background-position: center;background-size: cover;}
.condistro #page-title-img{background: url(/img/corp/service/condistro/title_condistro.png) no-repeat; background-position: center;background-size: cover;}
.netcafe_solution #page-title-img{background: url(/img/corp/service/netcafe_solution/title_netcafe_solution.png) no-repeat; background-position: center;background-size: cover;}
.gamesecurity #page-title-img{background: url(/img/corp/service/gamesecurity/title_gamesecurity.png) no-repeat; background-position: center;background-size: cover;}
.gamepub #page-title-img{background: url(/img/corp/service/game_publishing/title_gamepub.png) no-repeat; background-position: center;background-size: cover;}
.streaming #page-title-img{background: url(/img/corp/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; text-align:center; font-size:110%;}
#service .box-3column-forte span{ display:block; margin-bottom:15px; color: #c90c15; font-family: 'Montserrat'; font-weight: 700;}
.box-3column li .txt_3column{ margin:10px 0 0 0; font-size:90%;}
.box-3column li .list_3column p{ width:100%; display:table; border-bottom: 1px solid #dedfe2; padding:10px 0;}
.box-3column li .list_3column p span{display:table-cell; vertical-align:middle; padding:0 3px; text-align:center; 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;}
#vr2 .box-1column-btn-area a{width:300px;}
#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;}
#condistro3 .box-2column-btn-area{position:absolute; left:0; right:0; bottom:20px; margin:auto;}
.battely .box-thumb p{margin-left:0;}

@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: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/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;}

	.battely #page-title-img{background-position: 75% 50%;}
	#condistro3 .box-2column-btn-area{position:relative; margin-top:20px;}
	#gamesecurity2 .box-1column-btn-area a.white-icon{width:100%;}
}