@charset "utf-8";

@media screen and (max-width:767px){
html{
	margin: 0;
	padding: 0;
	height:100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body{
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	margin: 0px;
	color: #313131;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	height:100%;
	width: 100%;	
}

body > .container {
	height: auto;
}

img{
	max-width: 100%;
	height: auto;
	width: 100%;
	border:none;
}


/* display none
-------------------*/
#header, #header_sub{ display: none !important;}


#container{
	width: 100%;
	margin: 0 auto;
	position: relative;
	height:auto !important; 
    height: 100%; 
    min-height: 100%;
}

.font_16{	font-size: 1.1em;}
.font_24{	font-size: 1.6em;}

#main{
	background: -webkit-linear-gradient(top, rgba(59, 107, 177, 0.99) 0%, rgba(105, 141, 197, 0.99) 60%, rgba(150, 174, 214, 0.76) 88%, rgba(127, 170, 212, 0) 97%, rgba(0, 0, 0, 0) 100%);
	background: -o-linear-gradient(top, rgba(59, 107, 177, 0.99) 0%, rgba(105, 141, 197, 0.99) 60%, rgba(150, 174, 214, 0.76) 88%, rgba(127, 170, 212, 0) 97%, rgba(0, 0, 0, 0) 100%);
	background: -ms-linear-gradient(top, rgba(59, 107, 177, 0.99) 0%, rgba(105, 141, 197, 0.99) 60%, rgba(150, 174, 214, 0.76) 88%, rgba(127, 170, 212, 0) 97%, rgba(0, 0, 0, 0) 100%);
	background: -moz-linear-gradient(top, rgba(59, 107, 177, 0.99) 0%, rgba(105, 141, 197, 0.99) 60%, rgba(150, 174, 214, 0.76) 88%, rgba(127, 170, 212, 0) 97%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(59, 107, 177, 0.99) 0%, rgba(105, 141, 197, 0.99) 60%, rgba(150, 174, 214, 0.76) 88%, rgba(127, 170, 212, 0) 97%, rgba(0, 0, 0, 0) 100%);
	min-height: 640px;
	background-size:contain;
	padding-bottom: 60%;
    padding-top: 60%;
	position:relative;
}

#main_logo{
	margin: -22% auto 10%;
    width: 80%;
}

#main .text_area{ 
	margin: 0 auto 10%;
	text-align: left;
	color: #fff;
	line-height: 170%;
}

#main .text_area02{ 
	margin: 0 7% 10% 7%;
	text-align: center;
	color: #fff;
	line-height: 170%;
	font-size:18px;
}

#main_tb {
    display: none;
}

#contents{
	display:none;
}

#contents_sp{
	display: block;
    margin: -85% auto -5px;
    min-height: 60%;
    padding: 0;
}

#contents_sp .inner{
	margin: 0 auto;
}

.backtotop a{
	color: #666666;
}

.backtotop .arrow{

}

/*toggle*/

#header_sp{
	display:block;
	positi: absolute;
	top: 0;
}

}

@media screen and (min-width: 600px) and (max-width: 767px){
#main .text_area{ 
	width:60%;
}
}

@media screen and (min-width: 400px) and (max-width: 600px){
#main .text_area{ 
	width:70%;
}
}

@media screen and (min-width: 0px) and (max-width: 400px){
#main .text_area{ 
	width:80%;
	
}
}