@charset 'utf-8'; /*文字コード指定*/

/* ----- css reset(各ブラウザで指定されているスタイルを初期化)と全体設定 ----- */

/*PC設定*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
    margin: 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
    padding: 0; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
    border: 0; /*境界線指定*/
}

html, body {
    height: 100%; /*領域の高さ指定*/
}

body {
    font-size: 75%; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    line-height: 2; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
    background: #F2F2F2; /*背景指定*/
    font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro'; /*フォントの種類指定(左から優先順位)*/
    color: #333; /*文字色指定*/
}

ol, ul {
    list-style: none; /*リストマーカーの種類指定(noneはなし)*/
}

a {
    color: #333; /*文字色指定*/
}

a:hover {
    text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

.color1 {
    color: #990000; /*文字色指定*/
}

/*header　ページ上の内容*/

header {
    position: fixed; /*ボックスの配置方法(fixedは固定)*/
    top: 0; /*上からの距離(positionで指定している場合に適用)*/
    left: 0; /*左からの距離(positionで指定している場合に適用)*/
    width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    height: 70px; /*領域の高さ指定*/
     background: #FFFF00; /*背景指定*/
    z-index: 1000; /*ボックス重なり順序指定*/
}
/*左上のロゴ*/

h1 {
    padding-left: 30px;
    font-family: 'Berkshire Swash', cursive; /*フォントの種類指定(googleのwebフォント)*/
    font-size: 3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    line-height: 70px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
    height: 70px; /*領域の高さ指定*/
}

h1 a {
    color: #333; /*文字色指定*/
    text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

h1 a:hover {
    /*時間的変化指定*/
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; /*ここまで時間的変化指定*/
    /*透明度設定*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6; /*ここまで透明度設定*/
}


/*右上の内容*/

.terms {
    position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
    top: 0; /*上からの距離(positionで指定している場合に適用)*/
    right: 0; /*右からの距離(positionで指定している場合に適用)*/
}

.contact {
    position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
    top: 0; /*上からの距離(positionで指定している場合に適用)*/
    right: 80px; /*右からの距離(positionで指定している場合に適用)*/
}


.info {
    font-size: 0.9em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    width: 90px; /*幅指定(100%は画面横幅いっぱいに表示)*/
    height: 70px; /*領域の高さ指定*/
    text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
}

.info ul {
    padding: 12px 0; /*ボックス内側の余白*/
}

.info li {
    padding: 0 0 7px 0; /*ボックス内側の余白*/
    line-height: 1; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}

.info a {
    color: #333; /*文字色指定*/
    text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

.info a:hover {
    /*時間的変化指定*/
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; /*ここまで時間的変化指定*/
    /*透明度設定*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6; /*ここまで透明度設定*/
}

.copyright {
    font-size: 0.9em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    line-height: 15px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
    position: fixed; /*ボックスの配置方法(fixedは固定)*/
    bottom: 20px; /*下からの距離(positionで指定している場合に適用)*/
    left: 0; /*左からの距離(positionで指定している場合に適用)*/
}

/*レイアウト設定*/

.wrapper {
    float: right; /*要素を左か右に寄せて配置(rightは右に寄せる)*/
    width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    margin-top: 70px; /*ボックス外側上の余白*/
    margin-left: -200px; /*ボックス外側左の余白*/
}

.content {
    margin-left: 200px; /*ボックス外側左の余白*/
}

/*メインの内容*/

article {
    width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    margin: 20px 0 50px 0; /*ボックス外側の余白*/
}

section {
    width: 80%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    margin: 0 auto; /*ボックス外側の余白*/
    padding: 20px; /*ボックス内側の余白*/
    background: #fff; /*背景指定*/
}

article h1{font-size:70px}

article h2 {
    font-size: 4em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    font-weight: normal; /*フォントの太さ指定(normalは標準)*/
    font-family: 'Lobster', cursive; /*フォントの種類指定(左から優先順位)*/
    text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
    line-height: 3; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
	color:#F00;
}

article h4 {
    font-size: 2.5em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    font-weight: normal; /*フォントの太さ指定(normalは標準)*/
    font-family: 'Lobster', cursive; /*フォントの種類指定(左から優先順位)*/
    text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/	
    line-height: 3; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}

article h5 {
    font-size: 2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    font-weight: normal; /*フォントの太さ指定(normalは標準)*/
    font-family: 'Lobster', cursive; /*フォントの種類指定(左から優先順位)*/
    text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/	
    line-height: 3; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}

article img {
	width:70%;
	padding-top:5%;
	margin-left:15%;
}


article li, p {
    font-size: 1.3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    margin-left: 20px; /*ボックス外側左の余白*/
}

article p{text-align:center}

article hr{border:0;
    border-bottom:1px dashed #999;
}

.terms_content li li {
    font-size: 100%; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

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


/*ページトップに戻るアイコン*/

.pagetop:hover {
    /*時間的変化指定*/
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; /*ここまで時間的変化指定*/
    color: #000; /*文字色指定*/
    /*透明度設定*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6; /*ここまで透明度設定*/
}



/*レスポンシブ設定*/

@media screen and (max-width:600px) {
h3, p, ol, li, th, td, dl,th {
	font-size: 0.8em !important; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}
header {
	height: 50px; /*領域の高さ指定*/
}
h1 {
	font-size: 2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	line-height: 50px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
	height: 50px; /*領域の高さ指定*/
}
article h2 {
	font-size: 2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

article h4 {
	font-size: 2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

article h5 {
	font-size: 1.2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}


.info {
	font-size: 0.7em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	width: 80px; /*幅指定(100%は画面横幅いっぱいに表示)*/
	height: 50px; /*領域の高さ指定*/
}
.info ul {
	padding: 5px 0; /*ボックス内側の余白*/
}
.wrapper {
	margin: 50px 0 0 0; /*ボックス外側の余白*/
}
.content {
	margin: 0; /*ボックス外側の余白*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}
section {
	width: 90%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}


.form dl {
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	padding: 0; /*ボックス内側の余白*/
	border: none; /*境界線の一括指定(noneはなし)*/
}
.form dl dt {
	float: none; /*要素を左か右に寄せて配置(noneはなし)*/
	position: static; /*ボックスの配置方法(staticは指定なし)*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}
.form dl dd {
	float: none; /*要素を左か右に寄せて配置(noneはなし)*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	margin-left: 10px; /*ボックス外側左の余白*/
}
.form dl dd .txt, .ctSelect {
	width: 90%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	height: 30px; /*領域の高さ指定*/
	line-height: 30px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}
.copyright {
    /*透明度設定*/
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5; /*ここまで透明度設定*/
}

}