@charset "UTF-8";
/* css contact [top] */

@import url("main.css");
@import url("../form.css");

/*---------------------------------------------------- */
/* Section */
/*---------------------------------------------------- */
#first {
	margin: 0;
}

#sct001 {
	margin: 0;
}
	
#sct002 {
	margin: 0;
}
	
#sct003 {
	margin: 0;
}
	
#sct004 {
	margin: 0;
}
	
#sct005 {
	margin: 0;
}

/*---------------------------------------------------- */
/* Area */
/*---------------------------------------------------- */
.areabox {
	margin: 0 auto;
	height: auto;
}

.areabox2 {
	margin: 0 auto;
	height: auto;
}

/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.waku_contact {
	margin: 0 auto;
	height: auto;
}

/* PC */
@media print, screen and (min-width: 960px) {
/*---------------------------------------------------- */
/* Section */
/*---------------------------------------------------- */
#first {
	padding-top: 10px;
	padding-bottom: 60px;
}
	
#sct001 {
	padding-top: 50px;
	padding-bottom: 50px;
}
	
#sct002 {
	padding-top: 0;
	padding-bottom: 40px;
}
	
#sct003 {
	padding-top: 0;
	padding-bottom: 40px;
}
	
#sct004 {
	padding-top: 0;
	padding-bottom: 40px;
}
	
#sct005 {
	padding-top: 0;
	padding-bottom: 40px;
}

/*---------------------------------------------------- */
/* Area */
/*---------------------------------------------------- */
.areabox {
	padding: 10px 0 20px 0;
	width: 96%;
}
	
.areabox2 {
	padding: 10px 0 0 0;
	width: 96%;
}

/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.waku_contact {
	padding: 10px 0 20px 0;
	width: 98%;
}


}

/* Minimum width 959px and Tablet */
@media all and (max-width: 959px) and (min-width: 600px) {
/*---------------------------------------------------- */
/* Section */
/*---------------------------------------------------- */
#first {
	padding-top: 5px;
	padding-bottom: 35px;
}

#sct001 {
	padding-top: 30px;
	padding-bottom: 35px;
}
	
#sct002 {
	padding-top: 15px;
	padding-bottom: 20px;
}
	
#sct003 {
	padding-top: 15px;
	padding-bottom: 20px;
}
	
#sct004 {
	padding-top: 15px;
	padding-bottom: 20px;
}
	
#sct005 {
	padding-top: 15px;
	padding-bottom: 20px;
}

/*---------------------------------------------------- */
/* Area */
/*---------------------------------------------------- */
.areabox {
	padding: 8px 0 16px 0;
	width: 96%;
}
	
.areabox2 {
	padding: 8px 0 0 0;
	width: 96%;
}

/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.waku_contact {
	padding: 10px 0 25px 0;
	width: 98%;
}


}


/* Phone */
/* Portrait mode */
@media only screen and (max-width: 599px) {
/*---------------------------------------------------- */
/* Section */
/*---------------------------------------------------- */
#first {
	padding-top: 0;
	padding-bottom: 30px;
}
	
#sct001 {
	padding-top: 30px;
	padding-bottom: 20px;
}
	
#sct002 {
	padding-top: 20px;
	padding-bottom: 10px;
}
	
#sct003 {
	padding-top: 20px;
	padding-bottom: 10px;
}
	
#sct004 {
	padding-top: 20px;
	padding-bottom: 10px;
}
	
#sct005 {
	padding-top: 20px;
	padding-bottom: 10px;
}

/*---------------------------------------------------- */
/* Area */
/*---------------------------------------------------- */
.areabox {
	padding: 5px 0 12px 0;
	width: 96%;
}

.areabox2 {
	padding: 5px 0 0 0;
	width: 96%;
}

/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.waku_contact {
	padding: 0 0 15px 0;
	width: 98%;
}



}