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

@media (min-width: 980px) {
		
.page_head{ padding-top:20px;}
.page_head div{ float:left; width:60px;}
.page_head h1{ float:left; width:835px; margin-top:25px; background:url(../img/bg_head.gif) 0 0 no-repeat; height:30px; color:#fff; line-height:32px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; box-sizing:border-box; padding-left:10px; font-size:20px;}
h2{ margin-top:0;}

.section{ margin-top:40px; width:62%; margin-left:auto; margin-right:auto;}
.section:last-child p{ margin:0;}
.section h2{ color:#333; font-weight:400; margin-left:60px; margin-top:20px;}
,section .section01{ margin-top:0px;}
.section .section01 p{ margin-left:60px;}
.section .section01 a{ float:right; margin-top:10px;}


h1{	line-height: 40px; font-size: 2.4rem; margin-bottom: 20px; width: 68%; text-align: center;  	color: #231815;	margin-right: auto;	margin-left: auto; margin-top: 40px;}
.top { margin-top: 20px;}
div.video{ text-align:center; margin:40px auto;}
div.video iframe{width: 560px;height: 315px;}
div.video p{ text-align: left; width: 560px; color: #2ea4dd; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.about{	text-align: center;	width: 80%;	margin-right: auto;	margin-left: auto; background-image: url(../img/about_back.gif); background-repeat: no-repeat; background-position: center 40px; 	margin-bottom: 40px;}
.about p{ text-align: left;	line-height: 30px;}
.about p span{ float: right; clear: both;}

	}
	
	
@media (max-width: 979px) {

.page_head{ padding-top:20px;}
.page_head div{text-align:center}
.page_head h1{ font-size:2.5rem; text-align:center; margin-bottom:20px; color:#036eb7;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}

.section{ margin-top:40px;}
.section p{ margin-top:20px;}
.section h2{ color:#333; font-weight:400;}

h2{ margin-top:0;}
h1{	text-align: center;	font-size: 2.0rem;}
div.video{ text-align:center; margin:20px auto; position: relative; width: 100%; padding-top: 56.25%;}
div.video iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

.about{	text-align: center;}
.about p{ text-align: left;}
.about p span{ float: right; clear: both;}

	}