@charset "UTF-8";

html{
    -webkit-text-size-adjust: none;
}

body {
	font-family: Helvetica, HiraKakuProN-W3, sans-serif;
    font-size: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	color: #888;
	line-height: 160%;
	background-color: #fff;
}
.left { text-align: left;}
.center { text-align: center; margin-left: auto; margin-right: auto;}
.right { text-align: right;}
.top { vertical-align: top;}
.middle { vertical-align: middle;}
.bottom { vertical-align: bottom;}

a {
	border:0;
	margin:0;
	padding:0;
	color: #ffeb74;
	text-decoration:none;
}
img {
	border: none;
	margin:0;
	padding:0;
}
ul{
	margin:0;
}
li {
	list-style:none;
}

/* index
---------------------------------------------*/

header {
    background-color: #00c2c2;
    text-align: left;
}

header img {
    margin: 0.7em 0 0.7em 0.7em;
    max-width: 60%;
}

article {
	padding: 2em 0;
}

.lead {
	color: #00c2c2;
    line-height: 130%;
    font-size: 1.7em;
	margin: 0.7em 0 1em 0;
}

.lead_text {
	font-size: 1.1em;
    margin: 0 auto;
    padding: 0 2em;
    text-align: left;
}

.lead_text span{
	font-weight: bold;
}

.attention {
    background: #ff6e6e;
    margin: 2em auto;
    padding: 1em;
    font-weight: bold;
    color: #fff;
    width: calc(100% - 6em);
    max-width: 800px;
}

.video_cont_01 {
	margin: 3em 0;
    background: #fff7cc;
}

.video_cont_02 {
}

.video_cont {
    padding: 3em 2em;
    line-height: 150%;
	text-align: left;
}

.video_cont video {
	
}

.video_cont p {
	margin: 0 0 1em 0;
    font-weight: bold;
    font-size: 1.5em;
    color: #00c2c2;
    text-align: center;
	line-height:120%;
}

.video_cont p span {
	font-size: 2em;
    display: block;
    line-height: 1.2em;
}


.video_cont dl {
    line-height: 180%;
    margin: 2em 0 0 0;
}

.video_cont dl dt {
	font-weight: bold;
    margin: 0 0 1em 0;
}

.video_cont dl dd {
	margin: 0;
    border-top: 1px solid #b8b8b8;
    padding: 1em 0 0 0;
}

.video_cont table {
	
}

.video_cont th {
	padding: 0 1em 0 0;
    color: #656565;
    vertical-align: top;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-justify:inter-ideograph;
	border:none;
}

.video_cont td {
    vertical-align: top;
}

footer {
    background-color: #00c2c2;
	color:#fff;
	padding: 2em 1em;
    max-width: calc(100% - 2em);
}

footer img {
    display: block;
    margin: 0 auto 1em auto;
}

@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	
	.video_cont video {
		max-width: 800px;
		margin: 0 auto;
		text-align: center;
		display: block;
	}
	
	.video_cont dl {
		max-width: 800px;
		margin: 2em auto 0 auto;
	}
	
	.lead_text {
		max-width: 1024px;
	}
	
}

@media screen and (min-width:690px) and ( max-width:1024px) {
    /*　画面サイズが690pxから1024pxまではここを読み込む　*/
	
	.video_cont {
		padding: 3em 3em;
	}
}