@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'あずきフォント';
src: url(../font/azuki.ttf);
}
/* Firefox, Opera, Safari */
@font-face {
font-family: 'あずきフォント';
src: url(../font/azuki.ttf) format(”truetype”);
}

header{
   width:100%;
   margin: 0 auto;
   padding-bottom:25px;
 /*  background-image: url(../img/index/header_bg.jpg);
   background-repeat: no-repeat;
   background-position: top center;
   background-size:cover;
   padding:80px 0 0 0;
   position: relative;*/
}

header p{
   width:60%;
   margin: 0 auto 50px auto;
   display: none;
}

header p img{
   width:100%;
   height: auto;
}

header img.main_img{
    width:100%;
	height: auto;
	display: block;
}


h1{
    width:30%;
	margin: 0 auto;

}

h1 img{
    width:100%;
	height: auto;
	display: block;
}

/* ------------------------------------------------ */
/* wrapper  */
/* ------------------------------------------------ */
.sand{ /* 不使用　*/
	width:100%;
	margin:0 auto;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefdf0+0,ffffff+100 */
background: #fefdf0; /* Old browsers */
background: -moz-linear-gradient(top,  #fefdf0 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefdf0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefdf0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefdf0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	


}


#wrapper{
	width:80%;
	margin:0 auto;
}


/* ------------------------------------------------ */
/* section1  */
/* ------------------------------------------------ */
#info{
  width:100%;
  margin: 0 auto;
  background-image: url(../img/index/sand.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size:cover; 
  background-color:#fffdf0;
  padding:0 0 0px 0;
	
}


#info h2{
  width:30%;
  margin:0 auto 30px auto;
}


#info h2 img{
   display: block;
   width:100%;
   height: auto;
}
#info p{
    font-size:18px;
	margin: 0 auto 30px auto;

}

#info ul li dl dd h3{
   font-size:22px;

}

#info ul li dl dd h4{
   font-size:22px;
}
#info ul{
   width:70%;
   margin:0 auto;

}

#info ul li{
   width:35%;
   margin:0 40px 40px 10px;
   display: inline-block;

}

#info ul li dl{
   width:100%;
   margin: 0;
}

#info ul li dl dt{
   width:100%;
   margin: 0 auto 10px auto;
}

#info ul li dl dt img{
   width:100%;
   height: auto;
}

#info ul li dl dd{
   width:100%;
   margin: 0;
}

#info ul li dl dd h3{
   font-size:18px;
   color:#0661c4;
   background:linear-gradient(transparent 60%, #dde84d 0%);
   display:inline;
   margin:0 auto 10px auto;

}
#info ul li dl dd h3 br{
  display: none;
}


#info ul li dl dd h3 br.yw{
  display: block;
}


#info ul li dl dd h4{
   padding-top:10px;
   font-size:18px;
   margin:0 auto 15px auto;
}


#info ul li dl dd p.button{
   background:#84cbf7;
   width:80%;
   padding:5px 0;
}

#info ul li dl dd p.button a{
   color:#FFF;
   display: block;
   text-decoration: none;
}

#info ul li dl dd p.button:hover{
   background:#59aad3;  

}

.fujita{
   height: 2em;
}

/* ------------------------------------------------ */
/* recruit_title  */
/* ------------------------------------------------ */

#recruit{
    width:100%;
	margin: 0 auto;

}


#recruit h2{
  width:30%;
  margin:0 auto ;
}


#recruit h2 img{
   display: block;
   width:100%;
   height: auto;
}
 


/* ------------------------------------------------ */
/* section2  */
/* ------------------------------------------------ */
#support{
  width:100%;
  margin: 0 auto 0 auto;
 /* background: url(../img/index/sand_end.jpg)  repeat-x top center;*/
  padding:0;
   background-image: url(../img/index/image_bg.jpg);
   background-repeat:repeat-y;
   background-size:contain;
 
 }

 
 
 #support img.illust{
   width:100%;
   height:auto;
   display: block;
   margin:0 auto;
 
  }
  
#support article{
   width:85%;
   margin: 0 auto;


}  
#support article h3{
   color:#633e16;
   font-size:45px;
   text-align: left;
   margin:0;
   position: relative;
   top:-80px;   
}
#support article h3 img{
   vertical-align: bottom;
   margin-right:5px;
   width:150px;
   height: auto;

}
#support article ul{
   width:99%;   
   margin:0 auto;
   position: relative;
   top:-60px; 
}
#support article ul li{
   width:99%;   
   margin:0 auto;


}

#support article ul li .step{
   width:50%;
   float:left;
   margin:0 0 10px 0;
   text-align: left;



}




#support article ul li .step h4 img{
  margin-right:5px;
  vertical-align: middle;
}

#support article ul li .step h4{
  font-size:45px;
  color: #633e16;
  margin:0 auto 10px 0;

}

#support article ul li .step p{
  font-size:41px;
  color:#bf701b;
  margin-left:1em;
}
#support article ul li .license{
   width:40%;
   float:right;
   margin:0 20px 10px 0;
   text-align: left;

}


#support article ul li .license p{
  margin:0 auto 10px 0;
  font-size:39px;
  color:#bf1137;
}


#support article p.supp{
  color:#bc4a1d;
  font-size:41px;
  text-align: center;
  margin: 0 auto;
  padding:30px 10px;
  background-image:url(../img/index/blur.png);
  background-position: center center;
  background-size:cover;
  background-repeat: no-repeat;
  position: relative;
  top:-10px; 
}

#support article p.supp br{
  display: none;
}

#support article h5{
  font-size:38px;
  color: #2d47a5;
  text-align: left;
  margin:0 auto 25px 0;
  padding-top:10px;

}

#support article h5 img{
  margin-right:5px;
  vertical-align: middle;
}
#support article h5 br{
  display: none;
}


#support article dl{
  width:96%;
  margin: 0 auto 80px auto;


}
#support article dl dt{
  width:36%;
  float: left;
  margin: 0 30px 10px 0;


}

#support article dl dt img.photo{
  width:100%;
  height: auto;
  border-radius: 10px;
  margin-bottom:3px;
}

#support article dl dt span{
   display: block;
   color:#633e16;
   font-size:21px;
}

#support article dl dd{
  width:60%;
  float: left;
  margin: 0 0 10px 0;
  text-align: left;

}

#support article dl dd p{
  font-size:27px;
  margin:0 10px 10px 10px;
  line-height: 1.7em;
}
#support article ol{
   width:99%;   
   margin:0 auto;
   position: relative;
   top:-60px; 
}
#support article ol li{
   width:99%;   
   margin:0 auto;


}

#support article ol li .step{
   width:30%;
   float:left;
   margin:0 0 25px 0;
   text-align: left;



}




#support article ol li .step h4 img{
  margin-right:5px;
  vertical-align: middle;
}

#support article ol li .step h4{
  font-size:40px;
  color: #633e16;
  margin:0 auto 10px 0;

}


#support article ol li .content{
   width:58%;
   float:right;
   margin:0 20px 10px 0;
   text-align: left;

}


#support article ol li .content p{
  margin:0 auto 10px 0;
  font-size:39px;
  color:#633e16;
}



/* ------------------------------------------------ */
/* section3  */
/* ------------------------------------------------ */
#contact{
  width:100%;
  margin: 0 auto;
  font-family: 'あずきフォント';   
  padding-bottom:30px;
  position: relative;
  top:-10px;   
 }
#contact img.illust{
   width:100%;
   height:auto;
   display: block;
   margin:0 auto;
 
  }
  #contact img.welcome{
   width:60%;
   height:auto;
   display: block;
   margin:0 auto 10px auto;
 
  }
  
 #contact p.contact_button{
     width:30%;
	 margin: 0 auto 20px auto;
  }
  
#contact p.contact_button:hover{
     opacity:0.8;
}

#contact p.contact_button img{
     width:100%;
	 height: auto;
}

#contact article{
     width:100%;
	 margin: 0 auto 10px auto;
	 display: table;
	 display: none;

}
#contact article .mail_b{
     width:50%;
	 display: table-cell;
	 text-align: center;
	 padding-top:10px;
}

#contact article .tel_b{
     width:50%;
	 display: table-cell;
	 text-align: center;
	 padding-top:10px;
}

#contact article .mail_b img{
     width:95%;
	 height: auto;

}

#contact article .tel_b img{
     width:95%;
	 height: auto;

}