@charset "UTF-8";
/* CSS Document */
/* ************************************************************
ヘッダー
************************************************************ */
#header{
	width: 100%;
	margin: 0 auto;
	padding: 2%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

#header .headerlogo{
	width: 45%;
}
#header .headercontact{
	width: 45%;
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
 /* *************** */
}
/* ************************************************************
block01
************************************************************ */
#block01{
	width: 100%;
	margin: 0 auto;
	padding: 10% 10% 15%;
}
#block01 img{
	padding-top: 5%;
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


 /* *************** */
}
/* ************************************************************
block02
************************************************************ */
#block02{
	width: 100%;
	margin: 0 auto;
	padding: 5% 10%;
	background-color: rgba(255,245,197,1.00);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(255,249,221,1.00) 10px, rgba(255,249,221,1.00) 20px );
}
#block02 img{
	margin: 0 auto;
	display: block;
}
#block02 img{
	padding-top: 10%;
}
#block02 img:nth-child(1){
	padding-top: 15%;
}
#block02 img:nth-child(4){
	padding-bottom: 15%;
}
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

/* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#block02 img:nth-child(2){
	width: 50%;
}
 /* *************** */
}
/* ************************************************************
contact
************************************************************ */
#contact{
	width: 100%;
	margin: 0 auto;
	padding: 15% 10%;
}
#contact p:not(last){
	padding-bottom: 5%;
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

 /* *************** */
}
/* ************************************************************
block03
************************************************************ */
#block03{
	width: 100%;
	margin: 0 auto;
	padding: 0 10% 10%;
	background-color: #fffcd6;
}
#block03 img{
	padding-top: 10%;
}
#block03 img:nth-child(1){
	padding-top:0;
	margin-top: -40px;
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#block03 img:nth-child(1){
	padding-top:0;
	margin-top: -20px;
}
 /* *************** */
}

/* ************************************************************
block04
************************************************************ */
#block04{
	width: 100%;
	margin: 0 auto;
	padding: 15% 10%;
	background-color: #fdeff8;
}


/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

 /* *************** */
}
/* ************************************************************
block05
************************************************************ */
#block05{
	width: 100%;
	margin: 0 auto ;
	padding: 15% 10% 10%;
}


/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

 /* *************** */
}
/* ************************************************************
block06
************************************************************ */
#block06{
	width: 100%;
	margin: 0 auto ;
	padding: 0 10% 15%;
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

 /* *************** */
}
/* ************************************************************
フォーム
************************************************************ */
#form{
	width: 100%;
	margin: 20px auto 0;
	padding: 0 10% 15%;
	background-color: #eaf6fd;
}
#form img{
	margin-top: -30px;
}


/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

 /* *************** */
}
/* ************************************************************
フッター
************************************************************ */
#footer{
	width: 100%;
	margin: 0 auto ;
	padding: 10% 10% 0;
	background-color: #f39800;
}
#footer p{
	padding: 10% 10% 1%;
	 color: #FFF;
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

 /* *************** */
}