@charset "UTF-8";
/************************************************************************************************************************************
	@基本ブラウザ適用指定記述
	transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;
	//	クリック系統はjsにてクラス付与
************************************************************************************************************************************/
/************************************************************************************************************************************
	animate付与
************************************************************************************************************************************/
/* PC */
@media print, screen and (min-width: 768px) {
}
/* SP */
@media screen and (max-width: 767px) {
}
/* 両対応 */
a {
	transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;
}

.form_button_wrap .form_button button {
	transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;
}

#header {
	transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s;
}


/************************************************************************************************************************************
	hover
************************************************************************************************************************************/
/*
	common hover
*********************************************************************************/
@media print, screen and (min-width: 768px) {
	a:not(.no_opacity):hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
	}
}
@media screen and (max-width: 767px) {
	a:not(.no_opacity):active {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
	}
}




/*
	button hover
*********************************************************************************/
@media print, screen and (min-width: 768px) {
	.form_button_wrap .form_button button:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
	}
}
@media screen and (max-width: 767px) {
	.form_button_wrap .form_button button:active {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
	}
}






/************************************************************************************************************************************
	click @only
************************************************************************************************************************************/
/*

*********************************************************************************/






/************************************************************************************************************************************
	click or active
************************************************************************************************************************************/
/*

*********************************************************************************/






/************************************************************************************************************************************
	header
************************************************************************************************************************************/
#header.is_opacity_0 {
	opacity: 0.0;
}
#header {
/*	background-color: transparent;*/
}
.is_header_fixed #header {
	position: fixed;
	opacity: 1.0;
}
.is_header_fixed #header .header_bg {
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.851);
}
@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 1000px) {
}