﻿@charset "UTF-8";

body{
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	min-width: 980px;
 	 background:#ffffff;	
	background-image: url(../images/.jpg);
	background-position: center;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-size:cover;
}


#container{
	width:100%;
	min-width:980px;
	overflow:hidden;
	margin:0 auto;
}

img{
	display: block;
	margin: 0 auto;
}

/*---------------------------------

  セクション背景

---------------------------------*/

#section1 {
  background-color: #ffffa9;
  background-image:
    radial-gradient(#ffffff 20%, transparent 20%),
    radial-gradient(#ffffff 20%, transparent 20%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
}

#section2 {
  background: #f0fcff;
}

#section3 {
  background-color: #fff;
  background-image:
    radial-gradient(#fce300 30%, transparent 30%),
    radial-gradient(#fce300 30%, transparent 30%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}

#section4 {
  background: #bce5fb;
}

#section5{
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #d5eefc 50%, #d5eefc 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1860px;
}
/*---------------------------------

ヘッダーエリア

---------------------------------*/
.header_bg01{
 background:#0096dc;
}

.head {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #d5eefc 50%, #d5eefc 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1860px;
}

.header01 {
	width:100%;
	min-width:980px;
	height: 80px;	
	background: url(../images/header_01.png) no-repeat scroll center 0;
}

.header02 {
	width:100%;
	min-width:980px;
	height: 776px;	
	background: url(../images/header_02.png) no-repeat scroll center 0;

}

.header03 {
	width:100%;
	min-width:980px;
	height: 794px;	
	background: url(../images/header_03.png) no-repeat scroll center 0;
}

/*---------------------------------

申し込みボタン

---------------------------------*/

.btn-apply{
	display:block;
	margin:-50px auto 0;
	padding-bottom:60px;
}
	
.btn-apply02{
	display:block;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:60px;	
}

/*---------------------------------

画像

---------------------------------*/

.img09{
	width:100%;
	min-width:980px;
	height: 1225px;	
	background: url(../images/header.jpg) no-repeat scroll center 0;
}

	
/*---------------------------------

フッター

---------------------------------*/
footer{
	margin: 0 auto;
	min-width:980px;
	background: #0096dc;
	color: #fff;
}

small{
	display:block;
	width: 100%;
	text-align:center;
	padding: 0;
}

.copy2{
	display:block;

	font-size:14px;
	line-height: 1.3;
	padding:15px 0 15px 0;
}


.foot_center{
	text-align: center;
	padding-top: 10px;
}

/*---------------------------------

SP

---------------------------------*/

@media screen and (max-width:480px){

	body{
 	 background:#ffffff;	
	}
	
	body::before {
	    background:url(../images/) repeat center top;
	    -webkit-background-size: 100%;
	    background-size: 100%;
	    display: block;
	    position: fixed;  
	    top: 0;
	    left: 0;
	    width: 100%;  
	    height: 100%;       
	    padding-bottom: 0;
	    content: "";
	    z-index: -1;
	}
    
.header01 {
		max-width:100%;
		height:80px;
		background: url(../images/header_sp_01.png) no-repeat scroll center 0;
	}

.header02 {
		max-width:100%;
		height:776px;
		background: url(../images/header_sp_02.png) no-repeat scroll center 0;
	}
	
.header03 {
		max-width:100%;
		height:794px;
		background: url(../images/header_sp_03.png) no-repeat scroll center 0;
	}
	
	
	

}