@charset "UTF-8";

/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{

#container img{
	width:100%;
}

/*メインビジュアル
==================================================================================*/
body{
	line-height:1.7;
	font-size:95%;
}

#header {
	background:url(../img/mainvisual_01.jpg) no-repeat scroll center top / cover;
}
#header header {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fff;
    padding: 10px 15px;
	font-weight:bold;
}
#header .hd_wapper{
	color: #fff;
	padding:0 20px 20px 20px;
}
#header .text{
    text-shadow: 1px 1px 2px #000;
}

#contents{
	padding:20px 0;
}
.text_box{
	padding:20px;
}


/*form_box
--------------------------------------------------------*/
.form_box {
	padding:20px;
}
.form_box .btn {
	padding:20px 0;
}

/*footer
--------------------------------------------------------*/
footer{
	text-align:center;
}


/*pagetop
==================================================================================*/
#page-top {
	position: fixed;
    right: -20px;
	z-index: 1;
}
#page-top a {
	text-align: center;
	display: block;
}

#page-top a img{
	height: auto;
    width: 70%;
}






}
















/* ウィンドウ幅が480px以上の場合に適用するCSS */
@media screen and ( min-width:480px )
{


/* sec_01
------------------------------------------------------------------------------------*/

.form_box {
	padding: 40px 80px 110px;
}
.form_box .btn{
	display: block;
    margin: 50px 0 0;
    text-align: center;
}


/* sec_03
------------------------------------------------------------------------------------*/
#sec_03 {
	margin:-80px 0 0 0;
}


/*メインビジュアル
==================================================================================*/
#header {
	background:url(../img/mainvisual_01.jpg) no-repeat scroll center top / cover;
}
#header .hd_wapper{
	width:1000px;
	margin:0 auto;
}
#header .img{
	margin: -65px 0 0;
}
#header header{
	color:#fff;
	background:rgba(0,0,0,0.50);
	padding:10px 0;
}
#header header h1{
	font-weight:bold;
	font-size:2em;
	width:1000px;
	margin:0 auto;
}
#header .text{
	color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    margin: -120px 0 0;
    padding: 0 0 20px;
    text-shadow: 0 0 3px #000;
	width: 770px;
}


/* common
------------------------------------------------------------------------------------*/
body{
	background:#fff5db;
	line-height:2;
}
#contents {
	background:#fff;
	margin: 0 auto;
	width:1000px;
	box-shadow: 0 0 10px #000;
	padding: 50px 0 0;
}

.hover:hover{
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
}

/*text
--------------------------------------------------------*/
.text_box {
	padding:50px 80px;
}
.bold{
	font-weight:bold;
}

/*list
--------------------------------------------------------*/
.list_01 {
}
.list_01 li{
	background:url(../img/list_icon_01.png) no-repeat scroll 20px center;
	border-bottom: 2px dashed #ccc;
    font-size: 1.3em;
    font-weight: bold;
    padding: 10px 0 10px 65px;
}
.list_01 {
}
.list_01 {
}


/*footer
==================================================================================*/
footer{
	margin: 30px 0 0;
    text-align: center;
}

/*pagetop
==================================================================================*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1;
}
#page-top a {
	text-align: center;
	display: block;
}


}