/*
    video-service.css
*/
/*
    For reset.
*/

	*{
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	button, input, select, textarea {
		font-family : inherit;
		font-size   : 100%;
	}

/************************************** For PC. **************************************/
	div.V_SERVICE_WP{
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
	}

	div.V_SERVICE_WP_TH{
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
        overflow-x: scroll;
	}

	div.V_SERVICE_SCR_TH{
		width:1450px;
	}
  /* ---------------------------------
      For Top Section 
    --------------------------------- */
	div.V_SERVICE_MAIN{
		width:100%;
		height:500px;
		background:url(../imgs/v_service_top_bg.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		position:relative;
	}

	div.V_SERVICE_MAIN_BOX{
		width:320px;
		height:300px;
		padding:40px;
        background:#000;
        color:#fff;
		position:absolute;
        left:5%;
        top:100px;
	}

	div.V_SERVICE_MAIN_BOX h2{
		font-size:220%;
        font-weight:bold;
        margin-bottom:20px;
        text-align:center;
        line-height:1.4em;
	}

	div.V_SERVICE_MAIN_BOX p{
		font-size:90%;
		margin:0;
		padding:0;
        line-height:1.5em;
	}

	div.V_SERVICE_BOX01{
		width:86%;
        margin:0 auto;
        padding:80px 0 50px 0;
		position:relative;
	}

	div.V_SERVICE_BOX01 h3{
		font-size:240%;
        font-weight:bold;
        margin-bottom:60px;
        color:#000;
	}

	div.V_SERVICE_BOX01 p{
		margin:0;
		padding:0;
        margin-bottom:30px;
	}

	div.V_SERVICE_BOX02{
		width:100%;
        position:relative;
        padding-top:40px;
	}

	div.V_SERVICE_BOX02 h3{
		width:28%;
		font-size:200%;
        font-weight:bold;
        padding:30px 0;
        background:#9AC5F8;
        text-align:center;
        color:#000;
        position:absolute;
        top:0;
        left:0;
	}

	div.V_SERVICE_BOX02_WP_BG{
        background:#E6F1FF;
        padding:120px 0 80px 0;
	}

	div.V_SERVICE_BOX02_WP{
		width:66%;
        margin:0 auto;
        display:flex;
		justify-content: space-between;
	}

	div.V_SERVICE_BOX02_LEFT{
		width:45%;
        background:#fff;
        border-radius:20px;
        padding:30px 20px;
        text-align:center;
	}

	div.V_SERVICE_BOX02_RIGHT{
		width:45%;
        background:#fff;
        border-radius:20px;
        padding:30px 20px;
        text-align:center;
	}

	div.V_SERVICE_BOX02_WP h4{
		font-size:180%;
        font-weight:bold;
        color:#000;
	}

	div.V_SERVICE_BOX02_WP p.line01{
		font-size:120%;
        font-weight:bold;
        color:#000;
	}

	div.V_SERVICE_BOX02_WP p.line02{
		line-height:2.0em;
	}

	div.V_SERVICE_BOX02_WP p.line03{
		font-size:120%;
        font-weight:bold;
        color:#000;
		line-height:2.0em;
	}

	div.V_SERVICE_BOX02_WP p.line03 span{
		font-size:160%;
	}

	div.V_SERVICE_BOX02_WP p.line04{
		font-size:120%;
        font-weight:bold;
        color:#000;
		line-height:2.0em;
	}

	div.V_SERVICE_BOX02_WP p.line04 span{
		color:#D80019;
	}

	div.V_SERVICE_BOX02_WP p.line04 span.price{
		font-size:160%;
        text-decoration:underline;
	}

	div.V_SERVICE_BOX03{
		width:86%;
        margin:0 auto;
        padding:50px 0 50px 0;
	}

	div.V_SERVICE_BOX03 h4{
		font-size:160%;
        color:#000;
        margin-bottom:50px;
	}

	div.V_SERVICE_BOX03 ul{
        margin-left:60px;
	}

	div.V_SERVICE_BOX03 ul li{
        margin-bottom:60px;
	}

	div.V_SERVICE_BOX03 p.ttl{
		margin:0;
		padding:0;
        margin-bottom:30px;
        display:flex;
        align-items: center;
		font-size:120%;
        font-weight:bold;
        color:#000;
	}

	div.V_SERVICE_BOX03 p.ttl img{
		width:auto;
        height:1.3em;
        margin-left:20px;
	}

	div.V_SERVICE_BOX03 p.memo{
        margin-bottom:30px;
	}

	div.V_SERVICE_BOX04_WP{
        background:#E9F5F5;
        padding:60px 0 60px 0;
	}

	div.V_SERVICE_BOX04{
		width:86%;
        margin:0 auto;
	}

	div.V_SERVICE_BOX04 h3{
		font-size:200%;
        font-weight:bold;
        margin-bottom:60px;
        color:#000;
	}

	div.V_SERVICE_BOX04 ul{
		width:60%;
        margin:0 auto;
        display:flex;
		justify-content: space-between;
	}

	div.V_SERVICE_BOX04 ul li{
		width:70px;
	}

	div.V_SERVICE_BOX04 ul li img{
		width:100%;
        height:auto;
	}

	div.V_SERVICE_BOX04 p span{
		font-size:120%;
        font-weight:bold;
        color:#000;
	}

	div.V_SERVICE_BOX05{
		width:86%;
        margin:0 auto;
        padding:50px 0 50px 0;
	}

	div.V_SERVICE_BOX05 h3{
		font-size:200%;
        font-weight:bold;
        margin-bottom:60px;
        color:#000;
	}

	div.V_SERVICE_BOX05_01{
		width:76%;
        margin:0 auto;
        display:flex;
		justify-content: space-between;
        align-items: center;
	}

	div.V_SERVICE_BOX05_01 p{
		margin:0;
		padding:0;
        line-height:2.0em;
	}

	div.V_SERVICE_BOX05_01 p span{
		margin:0;
		padding:0;
		font-size:120%;
        font-weight:bold;
        color:#000;
	}

	div.V_SERVICE_BOX05_01 p img{
		width:180px;
        height;auto;
	}

	div.V_SERVICE_BOX05_01 p.qr{
        text-align:center;
		font-size:84%;
        line-height:1.0em;
	}

/************************************** For SP. **************************************/
@media screen and (max-width:767px){
	div.V_SERVICE_WP{
        border-bottom:0;
        line-height:2.0em;
	}

	div.V_SERVICE_WP_TH{
		width:100%;
        margin-bottom:10px;
        border-bottom:0;
        line-height:2.0em;
        overflow-x: hidden;
	}

	div.V_SERVICE_SCR_TH{
		width:100%;
	}

	div.V_SERVICE_MAIN{
		height:400px;
		background-size: 160% auto;
		background-position: 80% 44%;
	}

	div.V_SERVICE_MAIN_BOX{
		width:100%;
		padding:20px;
		height:160px;
        position:absolute;
        top:0;
       left: 0;
		background: rgba(0,0,0,0.4);
	}

	div.V_SERVICE_MAIN_BOX h2{
		font-size:160%;
		font-weight:bold;
		-webkit-text-stroke: 0;
		margin-bottom:20px;
        text-align:left;
	}

	div.V_SERVICE_BOX01{
		width:100%;
		padding: 40px 20px;
	}

	div.V_SERVICE_BOX01 h3{
		font-size:160%;
        margin-bottom:20px;
	}

	div.V_SERVICE_BOX01 p{
		font-size:100%;
        margin-bottom:10px;
	}

	div.V_SERVICE_BOX02 h3{
		width:50%;
		font-size:160%;
        padding:20px 0;
	}

	div.V_SERVICE_BOX02_WP{
		width:76%;
        display:block;
	}

	div.V_SERVICE_BOX02_LEFT{
		width:100%;
        margin-bottom:30px;
	}

	div.V_SERVICE_BOX02_RIGHT{
		width:100%;
        margin-bottom:30px;
	}

	div.V_SERVICE_BOX02_WP_BG{
        background:#E6F1FF;
        padding:80px 0 30px 0;
	}

	div.V_SERVICE_BOX03 h4{
        margin-bottom:20px;
	}

	div.V_SERVICE_BOX03 ul{
        margin-left:0;
	}

	div.V_SERVICE_BOX03 p.ttl{
        margin-bottom:20px;
		font-size:100%;
	}

	div.V_SERVICE_BOX04_WP{
		padding: 40px 20px;
	}

	div.V_SERVICE_BOX04{
		width:100%;
	}

	div.V_SERVICE_BOX04 h3{
		font-size:160%;
        margin-bottom:20px;
	}

	div.V_SERVICE_BOX04 ul{
		width:100%;
		margin-top:40px;
		margin-bottom:40px;
	}

	div.V_SERVICE_BOX04 ul li{
		width:50px;
	}

	div.V_SERVICE_BOX05 h3{
        margin-bottom:30px;
	}

	div.V_SERVICE_BOX05_01 p{
		font-size:90%;
	}

	div.V_SERVICE_BOX05_01 p span{
		font-size:100%;
	}

	div.V_SERVICE_BOX05_01{
		width:100%;
        align-items: flex-start;
    }

	div.V_SERVICE_BOX05_01 p.or{
        display:none;
	}

	div.V_SERVICE_BOX05_01 p img{
		width:140px;
        height;auto;
	}

	div.V_SERVICE_BOX05_01 p.qr{
        text-align:right;
        line-height:2.0em;
	}

}