@media only screen and (min-width: 769px) {

section, header{
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

body{
background-color: #ffffff;
}

section.contents{
	width: 100%!important;
	max-width: 100%!important;
	box-sizing: border-box;
	background-color: #ffffff;
}

.mov_contents_box{
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	box-sizing: border-box;
	width: 80%!important;
	height: 80%!important;
}

.mov_sec {
	margin-right: 20px;
	width: calc(100% - 350px);
	box-sizing: border-box;
}
.cap_sec {
	width: 350px;
 /* チャットの幅を変えるときはここをいじるよ &.mov_secのwidth: calc(100% - 350px）のpxの値も同じにする */
}

.mov{margin-bottom: 0;}

.mov_cap ul li a{
	padding: 0 5px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.mov_cap h4{
	font-size: 13px;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
}

.chat_area {
height: 100%;
overflow: hidden;
padding-bottom: 0;
position: relative;
}
.chat_area iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


}


@media only screen and (max-width: 769px) {

body{
	background-color: #ffffff!important;
}

.mov_contents_box{
	display: block;
	box-sizing: border-box;
}

.mov_sec {
	margin-right: 0;
	width: 100%;
	box-sizing: border-box;
}

.cap_sec {
	width: 100%;
}

.chat_area {
width: 100%;
height: 0;
min-height: 350px;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.chat_area iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

}