main#service.frescoball h2{background:url(../img/common/mask_slant.png) 50% 50%/4px auto repeat,url(../img/page/frescoball/head_bg_pc.jpg) 50% 50%/cover no-repeat}

main#service[data-css-service=detail] #frescoball.contents-body h3::before{
		background:url(../img/page/frescoball/detail_h_02_img.jpg);
		background-repeat: no-repeat;
		background-size: contain;}

main#service[data-css-service=detail] #frescoball.contents-body h3::before{
		background:url(../img/page/frescoball/detail_h_02_img.jpg);
		background-repeat: no-repeat;
		background-size: contain;}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about{
	margin-bottom: 100px;
}

main#service[data-css-service=detail] section.contents-body section .section-wrap{
	margin-bottom: 0;
}


main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about .section-wrap .group{
	width: 61%;
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about .section-wrap .group h5{
	font-size: 203%;
	font-weight: 700;
	color: #fff;
	background-color: #0b6896;
	padding: 0.25em;
	display: inline;
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about .section-wrap .group p{
	padding-top: 2em;
	font-size: 116%;
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about .section-wrap .thumb{
	width: 37%;
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about .section-wrap .thumb img{
	margin-top: 20px;
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-movie{
	margin: 100px calc(50% - 50vw);
	width: 100vw;
	background:url(../img/common/mask_slant_black.png) 50% 50%/4px auto repeat,url(../img/page/frescoball/bg_01.jpg) 50% 50%/cover no-repeat;
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-movie .worklist-wrap{
	width: 70%;
	margin: 0 auto;
	padding: 5% 0;
}

main#service #frescoball .worklist-init a{
    display: block;
    width: 100%;
    height: 100%;
}

main#service #frescoball .worklist-init a .thumb{
	position: relative;
}

main#service #frescoball .worklist-init a .thumb div{
	padding-top: 55.33333%;
	width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #aaa;
}

main#service #frescoball .worklist-init a .thumb div::after{
	background:url(../img/common/icon_movie.svg);
	width: 120px;
    height: 120px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    content: "";
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player {
	max-width: 1060px;
    margin: 40px auto;
    width: 100%;
    padding: 0 40px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    }

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .thumb {
	width: 360px;
	min-width: 360px;
    }

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .thumb img{
	width: 100%;
    display: block;
    }

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .info{
	position: relative;
	margin-top: 150px;
	padding-left: 50px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
	color: #FFF;
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .info::before {
    margin-bottom: 380px;
    margin-left: -190px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    width: 100vw;
    height: 500px;
    z-index: -1;
    pointer-events: none;
    background-color: #0b6896;
    content: "";
	}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .info{
	vertical-align: middle;
	font-size: 116%;
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .info .prof span.name{
	font-size: 203%;
	font-weight: 700;
	margin-right: 15px;
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .info ul.career{
	border-bottom: 2px solid #4B90BA;
	border-top: 2px solid #4B90BA;
	padding: 20px 0;
	margin: 20px 0;
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .info ul.career li{
	text-indent: -1em;
	margin: 0 0 0 1em;
	line-height: 1.8;
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .info img.ico_insta{
	width: 55px;
	margin-top: -7px;
	margin-left: 15px;
}

main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .info img.ico_banner{
	width: 380px;
	margin-top: 10px;
}


@media screen and (max-width:834px){
	main#frescoball h2{background:url(../img/common/mask_slant.png) 50% 50%/4px auto repeat,url(../img/page/frescoball/head_bg_sp.jpg) 50% 50%/cover no-repeat}
	main#service[data-css-service=detail] #frescoball.contents-body h3{
		margin-bottom: 20px;
	}
	main#service[data-css-service=detail] #frescoball.contents-body h3 .img::before {
			background:url(../img/page/frescoball/detail_h_02_img.jpg);
	}
	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about {
    margin-bottom: 50px;
	}

	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about h4 div {
        font-size: 199%;
	}
	main#service[data-css-service=detail] #frescoball.contents-body section .section-wrap{
		margin-top: 20px;
	}
	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about .section-wrap .group h5{
		font-size: 143%;
	}
	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about .section-wrap .group{
        width: 100%;
	}
	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about .section-wrap .group p{
        width: 100%;
		font-size: 120%;
	}
	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about .section-wrap .thumb{
		width: 100%;
	}
	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.about .section-wrap .thumb img{
		width: 80%;
		margin: 10%;
	}
	main#service[data-css-service=detail] #frescoball.contents-body .contents-movie{
		margin: 40px calc(50% - 50vw) 80px;
	}
	main#service[data-css-service=detail] #frescoball.contents-body .contents-movie .worklist-wrap{
    	width: 95%;
	}
	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player{
	max-width: 100%;
    margin: 40px auto;
    width: 100%;
    padding: 0 8px 0 40px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    }
	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .thumb{
		margin-left: auto;
        margin-right: auto;
        width: 200px;
		min-width: 200px;
    }
	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .info{
		margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
		padding-left: 0;
		font-size: 120%;
	}
	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .info::before {
		margin-bottom: 570px;
		margin-left: -20px;
		position: absolute;
		left: 0;
		bottom: 0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		width: 100vw;
		height: 600px;
		z-index: -1;
		pointer-events: none;
		background-color: #0b6896;
		content: "";
	}
	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .info .prof span.name{
	font-size: 183%;
	}
	main#service[data-css-service=detail] #frescoball.contents-body .contents-main.player .info img.ico_insta{
	width: 44px;
	}
}