@charset "utf-8";
/* CSS Document */

html {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:1.5;
}

body {
	margin:0 auto;
}

img {
	max-width:100%;
}
#contents {
	margin:0 auto;
}
ul li {
	list-style:none;
}
li{
	padding-left:50px;
}
p.syokai{
	border:2px solid #0816B7;
	margin:0 auto;
	padding:10px;
	font-size:18px;
	line-height:170%;
	width:90%;
}
p.syokai2{
	border:2px solid #0816B7;
	margin:0 auto;
	padding:10px;
	font-size:24px;
	line-height:170%;
	width:90%;
}
.txtdai{
	font-size:33px;
}
.txtmdl{
	font-size:25px;
}
p.situmon{
	color:#0000FF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:22px;
	margin-left:32px;
	line-height:150%;
	text-indent:-2em;
}
p.kaito{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:22px;
	margin-left:32px;
	line-height:150%;
	text-indent:-2em;
}
//マージンとパディングをリセット
*{ margin: 0;padding: 0}
//テキストデコレーションをなしにする
a { text-decoration : none}
//リストスタイルを初期化
ul, ol { list-style : none}
//ディセンダ―を削除
img { vertical-align : middle}

//イメージの表示
img { max-width : 100%}

h1 {
font-size : 3em; /* 48px */
line-height : 1; /* 48px */
margin-bottom : 0.5em;
} 

h2 {
font-size : 2.25em; /* 36px */
line-height : 1.3333; /* 48px */
margin-bottom : 0.6667em;
} 

h3 {
font-size : 1.5em; /* 24px */
line-height : 1; /* 24px */
margin-bottom : 1em;
} 

hgroup h2,h4,h5,h6 {
font-size : 1em; /* 16px */
line-height : 1.5; /* 24px */
margin-bottom : 1.5em;
}

/* @group Header */

header { 
text-align : center;
padding-top : 1.5em;
background : #211f1f}

header h1 { margin-bottom : 0.5em}
header h2 { color : #fff}

/* @end */

#youtube {
	width: 75%; 
	margin: 0 auto;
	padding-top:20px;
}

.movie {
    position: relative;
    height: 0;
    padding-top: 56.25%; /* 16:9 */
}

iframe {
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    width:100%;
}

/* PC用 */
@media only screen and (min-width: 960px){
	
	#contents{
	width:960px;
	margin:0 auto;
	padding:0;
}
}


/* タブレット */
@media only screen and (max-width:959px){
}



/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	li{
	padding-left:0px;
	font-size:1em;
}
.txtdai{
	font-size:1em;
}
.txtmdl{
	font-size:0.8em;
}
p.situmon{
	font-size:1em;
}
p.kaito{
	font-size:1em;
}
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
p.syokai{
	border:2px solid #0816B7;
	margin:0 auto;
	padding:10px;
	font-size:12px;
	line-height:170%;
	width:90%;
}
h1 {
	font-size:1.5em;
li{
	padding-left:5px;
}


}