/*************************
メディアクエリ
*************************/
@media screen and (max-width: 1024px){

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






/**************************************************************************************************

共通マージン上書き

**************************************************************************************************/
.service-detail-block{
  padding: 50px 0;

}


.page-content{
padding:50px 0;
}


/**************************************************************************************************

キャッチ部分

**************************************************************************************************/
.service-top{
margin:100px auto 0 auto;
padding:0;
}

.service-top p{
margin:0 0 10px 0;
}



/**************************************************************************************************

メインイメージ

**************************************************************************************************/

div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
max-width:980px;
text-align: center;
margin:30px auto 50px auto;
}



/**************************************************************************************************

作成事例

**************************************************************************************************/

.caseBox ul{
width:100%;
min-width:100%;
margin:50px auto 0 auto;
padding:0 0;

}


.modalContent {
	max-height: 100%;
	max-width: 100%;
	position: relative;
	width: calc(56.25vh - 100px); /* 動画の比率にあわせて調整 */
}

/*******************************/
/*** 作成事例のもっと見る部分 ***/
/*******************************/
.cp_box .cp_container {
	overflow: hidden;
	height: 1100px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}

/**************************************************************************************************

カンタン動画作成ツール 3つの魅力

**************************************************************************************************/


/*******************************/
/*** 政治家ページでも利用 ***/
/*******************************/
.seijikariyouBox .hukidashi1{
display:none;
position:absolute;
top:-50px;
right:0px;
}

}