@charset "UTF-8";


/*######################################################################

		Reset CSS

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

/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}

ol{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}



input, select {
	vertical-align:middle;
}



/*######################################################################

		General

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

body{
	font: 16px/1.61 "Myriad Pro", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, sans-serif;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}

* html body {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic","Myriad Pro", Helvetica, Arial, sans-serif;
	}

*:first-child+html body {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic","Myriad Pro", Helvetica, Arial, sans-serif;
	}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .4s margin ease-out;
	-moz-transition: .4s margin ease-out;
	-ms-transition: .4s margin ease-out;
	-o-transition: .4s margin ease-out;
	transition: .4s margin ease-out;
}

.clearfix:after {
	content: ' ';
	display: block;
    clear: both;
}

.clearfix {
	zoom: 1;
}


hr{
}

img{
	-ms-interpolation-mode: bicubic;
}

input[type="submit"] {
	-webkit-appearance: none;
	font-family:Noto Sans Japanese-Bold, Meiryo, メイリオ, sans-serif;
	font-size: 20px;
	letter-spacing:1px;
	border:none;
}

input[type="button"] {
	-webkit-appearance: none;
	font-family:Noto Sans Japanese-Bold, Meiryo, メイリオ, sans-serif;
	font-size: 20px;
	letter-spacing:1px;
	border:none;
}

input:hover,
textarea:hover,
input:hover,
input span:hover,
select:hover,
input:focus,
textarea:focus,
input:focus,
input span:focus,
select:focus{
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}





/*
 link
/////////////////////////////////////////////////////////*/

a{
	color:#000;
	text-decoration: none;
}

a:hover {
	color:#39F;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}





/*
 header
/////////////////////////////////////////////////////////*/



 
.youtube_bg{
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 0 0%;
    overflow: hidden;
}
 
.youtube_bg:hover{
    margin-bottom: 0px;
}
 
.youtube_bg iframe{
    position: absolute;
    width: 100%;
    height: 100%;
}



.video {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*
 text
/////////////////////////////////////////////////////////*/









/*######################################################################



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