﻿@charset 'UTF-8';
/* ==========================================================
  reset
========================================================== */
*,
*:after,
*:before
{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

main
{
	display: block;
}

blockquote,
body,
div,
figure,
form,
p,
pre
{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

fieldset,
form,
legend
{
	display: block;
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	font-size: 100%;
}

div,
form,
p
{
	-webkit-text-size-adjust: 100%;
}

/* table
..................................... */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th
{
	padding: 0;
}

/* head
..................................... */
h1,
h2,
h3,
h4,
h5,
h6
{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* list
..................................... */
dd,
dl,
dt,
li,
ol,
ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* image
..................................... */
a img
{
	border: 0 none;
}

img
{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

/* text
..................................... */
em
{
	font-style: normal;
}

/* form
..................................... */
button,
input,
textarea
{
	padding: 0;
	background: transparent;
	border: 0 none;
	border-radius: 0;
	-webkit-appearance: none;
	resize: none;
}

button:focus,
input:focus,
textarea:focus
{
	outline: 0;
}

input,
textarea
{
	font-size: 16px;
}

button,
input[type='button'],
input[type='submit']
{
	padding: 0;
	font-size: 1rem;
	font-family: inherit;
	background: transparent;
	border-radius: 0;
}

button:not(:disabled),
input[type='button']:not(:disabled),
input[type='submit']:not(:disabled)
{
	cursor: pointer;
}

label:not([disbled='disabled'])
{
	cursor: pointer;
}

/* smartphone
..................................... */
*::after,
*::before,
a,
label,
div
{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* html
..................................... */
body,
html
{
	margin: 0;
	padding: 0;
	font-family: 'Arial','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ ゴシック', 'Osaka－等幅', 'MingLiU', 'sans-serif';
	-webkit-font-smoothing: antialiased;
}

/* ==========================================================
  general
========================================================== */
body,
html
{
	position: relative;
	width: 100%;
	min-height: 100%;
	color: #5a5a5a;
}

body,
body *::-ms-backdrop,
html,
html *::-ms-backdrop
{
	overflow-x: inherit;
	overflow-y: inherit;
}

body,
body _:-ms-lang(x),
body _::-webkit-meter-bar,
html,
html _:-ms-lang(x),
html _::-webkit-meter-bar
{
	overflow-x: inherit;
	overflow-y: inherit;
}

html.no-scroll
{
	overflow: hidden;
}

a
{
	color: #5a5a5a;
}

a:active,
a:hover
{
	text-decoration: none;
}

label
{
	cursor: pointer;
}

body.fixed
{
	overflow: hidden;
	height: 100vh;
}

html.video,
body.video
{
	min-width: initial !important;
	min-height: initial !important;
}

.l-wrap
{
	position: relative;
	min-width: 920px;
}

.l-header
{
	position: relative;
	width: 100%;
	background-color: #fff;
	height: 6.3125rem;
	padding: 0 1.25rem 0 2.1875rem;
	border-bottom: .0625rem solid #d6d6d6;
}

.l-header__left
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.l-header__right
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.l-header__console
{
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.l-header__mufg
{
	margin-right: 2.625rem;
}

.l-header__mufg img
{
	height: 2rem;
}

.l-header__comsuite img
{
	height: 2rem;
}

.l-header__separate
{
	margin: 0 .75rem;
}

.l-footer
{
	width: 100%;
	background-color: #fff;
	border-top: .0625rem solid #d6d6d6;
	padding: 0 1.25rem 0 1.0625rem;
}

.l-footer__console
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 4rem;
}

.l-footer address
{
	font-style: normal;
	font-size: .625rem;
}

.l-main
{
	position: relative;
	margin: 0 auto;
	padding: 1.875rem;
}

.l-main__console
{
	position: relative;
	width: 100%;
}

.l-main__title
{
	padding-bottom: 1.25rem;
	border-bottom: .0625rem solid #d6d6d6;
}

.l-main__title h1
{
	position: relative;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.5;
}

.l-main__common
{
	margin-top: 1.875rem;
}

.l-main__common.all-accordion .openclose
{
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-right: .625rem;
}

.l-main__common.all-accordion .openclose img
{
	width: 2rem;
}

.l-main__common.all-accordion .openclose:hover:before
{
	content: '';
	display: block;
	position: absolute;
	width: 2rem;
	height: 2rem;
	border-radius: .25rem;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .2);
}

.l-main__common.all-accordion .js-all-accordion-label-open,
.l-main__common.all-accordion .js-all-accordion-label-close
{
	font-size: .875rem;
}

.l-main__common.all-accordion .c-circle-btn__menu-accordion
{
	display: none;
}

.l-main__contents
{
	padding: .625rem;
	border-left: .0625rem solid #d6d6d6;
	border-right: .0625rem solid #d6d6d6;
	border-bottom: .0625rem solid #d6d6d6;
}

.l-main__contents.only-contents
{
	border-top: .0625rem solid #d6d6d6;
}

.l-main__contents.js-accordion-target
{
	overflow: hidden;
}

.l-main__contents.js-accordion-target:not(.open)
{
	display: none;
}

.l-main__contents + .l-main__sub-section
{
	border-top: 0;
}

.l-main__section
{
	background-color: #d6d6d6;
	border-top: .25rem solid #e60000;
	border-bottom: .125rem solid #acacac;
	padding: .625rem .6875rem;
}

.l-main__section + .l-main__sub-section
{
	border-top: 0;
}

.l-main__section h2
{
	font-weight: bold;
	font-size: 1.125rem;
	line-height: 1.5;
}

.l-main__sub-section
{
	border-top: .0625rem solid #d6d6d6;
	border-left: .0625rem solid #d6d6d6;
	border-right: .0625rem solid #d6d6d6;
	border-bottom: .125rem solid #acacac;
	padding: 1.375rem .625rem .375rem;
}

.l-main__sub-section h3
{
	font-weight: bold;
	font-size: 1.125rem;
	line-height: 1.5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.l-main__sub-section h3 .js-accordion-responsive-trigger
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.l-main__sub-section h3 .openclose
{
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-right: .625rem;
}

.l-main__sub-section h3 .openclose img
{
	width: 2rem;
}

.l-main__sub-section h3 .openclose:hover:before
{
	content: '';
	display: block;
	position: absolute;
	width: 2rem;
	height: 2rem;
	border-radius: .25rem;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .2);
}

.l-main__sub-section h3 .c-circle-btn__menu-accordion
{
	display: none;
}

.l-main__videolist
{
	padding: 1.25rem;
	border-left: .0625rem solid #d6d6d6;
	border-right: .0625rem solid #d6d6d6;
	border-bottom: .0625rem solid #d6d6d6;
}

.l-main__videolist .videobox-separate
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-preferred-size: 8.375rem;
	flex-basis: 8.375rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.l-main__videolist .videobox-separate img
{
	width: 3rem;
	height: 3rem;
	max-width: none;
	max-height: none;
	min-width: 3rem;
	min-height: 3rem;
}

.l-main__videolist .videobox-separate + .c-videobox
{
	margin-right: 1.25rem;
}

.l-main__videolist__wrap
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.l-main__videolist__wrap + .l-main__videolist__wrap
{
	margin-top: .625rem;
}

.l-main__videolist__wrap.pc-center
{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.l-main__videolist + .l-main__sub-section
{
	border-top: 0;
}

.l-main__accordion .l-main__sub-section
{
	border-top: 0;
}

@media screen and (orientation: landscape)
{
	.l-video
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.l-video video
	{
		max-height: 100vh;
	}
}

@media screen and (orientation: portrait)
{
	.l-video
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.l-video video
	{
		max-width: 100vw;
	}
}

.c-btn--close
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	text-decoration: none;
	border-radius: .3125rem;
	white-space: normal;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
	background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
	font-size: .875rem;
	width: 4rem;
	height: 2rem;
	border: .0625rem solid #acacac;
	color: #5a5a5a;
}

.c-btn--close:not([disabled]):hover
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), to(#c0c0c0));
	background: linear-gradient(to bottom, #e5e5e5 0, #c0c0c0 100%);
}

.c-btn[disabled]
{
	opacity: .5;
	cursor: default;
}

.c-btn-ellipse,
.c-btn-ellipse--download
{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 2rem;
	border: .0625rem solid #acacac;
	border-radius: 2rem;
	font-size: .875rem;
	line-height: 1.5;
	text-decoration: none;
	padding: 0 .625rem 0 2.25rem;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
	background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
}

.c-btn-ellipse:hover,
.c-btn-ellipse--download:hover
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), to(#c0c0c0));
	background: linear-gradient(to bottom, #e5e5e5 0, #c0c0c0 100%);
}

.c-btn-ellipse--download:before
{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: .625rem;
	width: 1rem;
	height: 1rem;
	background: url(../images/icon_download.png) no-repeat center;
	background-size: contain;
}

.c-external-link
{
	display: inline-block;
	position: relative;
	line-height: 1.5;
	min-height: 1.5rem;
	font-size: .875rem;
	padding-left: 2.125rem;
}

.c-external-link:before
{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	margin: auto 0;
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	background: url(../images/icon_newwindow.png) no-repeat center;
	background-size: contain;
}

.c-internal-link
{
	display: inline-block;
	position: relative;
	line-height: 1.5;
	word-break: break-word;
	min-height: 1.5rem;
	font-size: .875rem;
	padding-left: 2.125rem;
}

.c-internal-link:before
{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	margin: auto 0;
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	background: url(../images/bicon_transition.png) no-repeat center;
	background-size: contain;
}

.c-back-link
{
	display: inline-block;
	position: relative;
	line-height: 1.5;
	word-break: break-word;
	min-height: 1.5rem;
	font-size: .875rem;
	padding-left: 2.125rem;
}

.c-back-link:before
{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	margin: auto 0;
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	background: url(../images/bicon_transition_back.png) no-repeat center;
	background-size: contain;
}

.c-linklist li label
{
	font-size: .875rem;
	font-weight: 700;
}

.c-linklist li + li
{
	margin-top: .625rem;
}

.c-linklist li.indent
{
	margin-left: 2.1875rem;
}

.c-linklist li.sub-indent
{
	margin-left: 4.3125rem;
	margin-top: .3125rem;
}

.c-linklist li.sub-indent p
{
	font-size: .875rem;
}

.c-linklist li .sub-message
{
	position: relative;
	margin-left: 1.875rem;
	font-size: .875rem;
}

.c-linklist li .sub-message:before
{
	content: '';
	position: absolute;
	display: inline-block;
	top: 0;
	bottom: 0;
	left: -1.25rem;
	margin: auto 0;
	width: .625rem;
	height: .0625rem;
	min-width: .625rem;
	background: url(../images/separate.png) no-repeat center;
	background-size: contain;
}

.c-linklist__wrap
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-linklist + .c-linklist
{
	margin-top: .625rem;
}

.c-linklist + .c-linklist.mt-20
{
	margin-top: 1.25rem;
}

.c-text p
{
	font-size: .875rem;
	line-height: 1.5;
}

.c-text p .important
{
	font-weight: bold;
}

.c-text p .important-red
{
	color: #e60000;
}

.c-text p + p
{
	margin-top: .625rem;
}

.c-text p + .indent-type1
{
	margin-top: 0;
}

.c-text p + .indent-type2
{
	margin-top: 0;
}

.c-text p.indent-type1
{
	padding-left: .875rem;
	text-indent: -.875rem;
}

.c-text p.indent-type2
{
	padding-left: 2.25rem;
	text-indent: -2.25rem;
}

.c-text p.indent-type2 + .indent-type1
{
	margin-top: .625rem;
}

.c-text .no-icon-link
{
	white-space: nowrap;
	font-weight: 700;
}

.c-text .window-link
{
	position: relative;
	white-space: nowrap;
	font-weight: 700;
	padding-left: 1.375rem;
}

.c-text .window-link:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1.375rem;
	height: 1rem;
	background: url(../images/icon_new_window_small.png) no-repeat center;
	background-size: 1rem 1rem;
}

.c-text .download-link
{
	position: relative;
	white-space: nowrap;
	padding-left: 1.375rem;
}

.c-text .download-link:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1.375rem;
	height: 1rem;
	background: url(../images/icon_download.png) no-repeat center;
	background-size: 1rem 1rem;
}

.c-text + .l-main__internal-link
{
	margin-top: .625rem;
}

.c-videobox
{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-preferred-size: 21.375rem;
	flex-basis: 21.375rem;
}

.c-videobox .video-title
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 6.875rem;
	height: 1.75rem;
	font-size: .875rem;
	line-height: 1.5;
	color: #fff;
}

.c-videobox .video-title span
{
	z-index: 2;
}

.c-videobox .video-title:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 8.125rem;
	height: 1.75rem;
	background: url(../images/img_video_head.png) no-repeat center;
	background-size: contain;
	z-index: 1;
}

.c-videobox__wrap
{
	position: relative;
	margin-bottom: 1.25rem;
}

.c-videobox__wrap .video-thumbnail .video-play
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto;
	width: 5rem;
	height: 5rem;
}

.c-videobox__wrap .video-qr
{
	position: absolute;
	right: -1.25rem;
	bottom: -1.25rem;
	width: 7rem;
	height: 7rem;
	z-index: 10;
}

.c-videobox__img-wrap
{
	width: 100%;
	position: relative;
}

.c-videobox__img-wrap:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background-color: rgba(0, 0, 0, .5);
}

.c-videobox__img-wrap:hover:after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background-color: rgba(0, 0, 0, .2);
}

.c-pagetop
{
	display: block;
	position: fixed;
	right: .625rem;
	bottom: -7.375rem;
	width: 2.5rem;
	height: 2.5rem;
	background-color: rgba(121, 121, 121, .7);
	background-image: url(../images/icon_pagetop.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1.875rem 1.875rem;
	border-radius: .3125rem;
	cursor: pointer;
	z-index: 50;
}

.c-pagetop:hover
{
	background-color: rgba(121, 121, 121, .9);
}

.c-pagetop.slide-in
{
	-webkit-animation: pagetopSlideIn .6s ease;
	animation: pagetopSlideIn .6s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.c-pagetop.slide-out
{
	-webkit-animation: pagetopSlideOut .6s ease;
	animation: pagetopSlideOut .6s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	pointer-events: none;
}

@-webkit-keyframes pagetopSlideIn
{
	0%
	{
		bottom: -7.375rem;
	}
	100%
	{
		bottom: .625rem;
	}
}

@keyframes pagetopSlideIn
{
	0%
	{
		bottom: -7.375rem;
	}
	100%
	{
		bottom: .625rem;
	}
}

@-webkit-keyframes pagetopSlideOut
{
	0%
	{
		bottom: .625rem;
	}
	100%
	{
		bottom: -7.375rem;
	}
}

@keyframes pagetopSlideOut
{
	0%
	{
		bottom: .625rem;
	}
	100%
	{
		bottom: -7.375rem;
	}
}

.c-videopage
{
	z-index: 999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: 1;
	visibility: visible;
}

.c-videopage.modal-opener
{
	-webkit-animation: modalFadeIn .4s ease;
	animation: modalFadeIn .4s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.c-videopage.modal-closer
{
	-webkit-animation: modalFadeOut .3s ease;
	animation: modalFadeOut .3s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes modalFadeIn
{
	0%
	{
		opacity: 0;
		visibility: hidden;
	}
	100%
	{
		opacity: 1;
		visibility: visible;
	}
}

@keyframes modalFadeIn
{
	0%
	{
		opacity: 0;
		visibility: hidden;
	}
	100%
	{
		opacity: 1;
		visibility: visible;
	}
}

@-webkit-keyframes modalFadeOut
{
	0%
	{
		opacity: 1;
		visibility: visible;
	}
	100%
	{
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes modalFadeOut
{
	0%
	{
		opacity: 1;
		visibility: visible;
	}
	100%
	{
		opacity: 0;
		visibility: hidden;
	}
}

.c-videopage__overlay
{
	z-index: 110;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	cursor: default;
}

.c-videopage__wrapper
{
	width: 100%;
	min-width: 58.75rem;
	padding: 0 1.875rem;
}

.c-videopage__window
{
	z-index: 120;
	position: relative;
	width: 100%;
	max-height: 95vh;
}

.c-videopage__close
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	display: flex;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: .0625rem solid #acacac;
	border-radius: 2rem;
	cursor: pointer;
	height: 2rem;
	font-size: .875rem;
	text-align: center;
	color: #5a5a5a;
	text-decoration: none;
	padding: 0 .625rem;
	line-height: 1.5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#d6d6d6));
	background: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
}

.c-videopage__close:not([disabled]):hover
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), to(#c0c0c0));
	background: linear-gradient(to bottom, #e5e5e5 0, #c0c0c0 100%);
}

.c-videopage__console
{
	position: relative;
	background-color: #fff;
	overflow-y: auto;
	max-height: 95vh;
}

.c-videopage__header
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .8125rem 1.25rem;
	border-bottom: .125rem solid #e60000;
}

.c-videopage__header .video-title
{
	font-weight: bold;
	line-height: 1.3;
	font-size: 1.25rem;
}

.c-videopage__body
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.875rem;
	max-height: calc(95vh - 3.75rem);
}

.c-videopage__body video
{
	border: 1px solid #d6d6d6;
	outline: none;
	width: 78%;
}