@charset "UTF-8";


/* ============================
		reset
 ============================ */

.cfx:before, .cfx:after {
  content:"";
  display: table;
}
.cfx:after { clear:both; }
.cfx { *zoom:1; }


/* coloer */

.mainColoer { color: #5fb6ad !important; }
.secondColor { color: #89cdc2 !important; }
.thiredColor { color: #c4e6e0 !important; }
.fourthColor { color: #cee3f0 !important; }
.fifthColor { color: #2c8579 !important; }


/*	---------------------------
   		display control
	--------------------------- */

/* basic : all hits media class */
.spDisplayNone {}
.tbDisplayNone {}
.pcDisplayNone {}
.spDisplayOn,
.tbDisplayOn,
.pcDisplayOn {
display: none;
}


/* for SP */
@media screen and (max-width: 767px) {
	.spDisplayNone {display:none}
	.spDisplayOn {display: inline}
}

/* for TB */
@media screen and (max-width: 1199.98px) and (min-width: 768px){
	.tbDisplayNone {display:none;}
	.tbDisplayOn {display: inline}
}

/* for PC */
@media screen and (min-width: 1200px) {
	.pcDisplayNone {display:none;}
	.pcDisplayOn {display: inline}
}




/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1199.98px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1200px) {
}