@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 ,
#index #section_01 .ttl .more a:hover::before,
#business .guide .car_list .btn1 a::before,
#business .guide .car_list .btn1 a::after,
#business .guide .car_list .btn2 a::before,
#business .guide .car_list .btn2 a::after,
#business .banner ul li .text, #business .banner ul li .image::after {
	transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;
}
.fadein {
	transition : all 500ms;
}

#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 )";
	}
}




/*
	index #section_01 .ttl .more
*********************************************************************************/
@media print, screen and (min-width: 768px) {
	#index #section_01 .ttl .more a:hover {
		color: #eeb71c;
	}
	#index #section_01 .ttl .more a:hover::before {
		width: 100px;
	}
}
@media screen and (max-width: 767px) {
	#index #section_01 .ttl .more a:active {
		color: #eeb71c;
	}
	#index #section_01 .ttl .more a:active::before {
/*		width: 100px;*/
	}
}




/*
	business .guide .car_list .btn
*********************************************************************************/
@media print, screen and (min-width: 768px) {
	#business .guide .car_list .btn1 a:hover::before,
	#business .guide .car_list .btn2 a:hover::before {
		opacity: 0;
	}
	#business .guide .car_list .btn1 a:hover::after,
	#business .guide .car_list .btn2 a:hover::after {
		opacity: 1;
	}
}
@media screen and (max-width: 767px) {
	#business .guide .car_list .btn1 a:active::before,
	#business .guide .car_list .btn2 a:active::before {
		opacity: 0;
	}
	#business .guide .car_list .btn1 a:active::after,
	#business .guide .car_list .btn2 a:active::after {
		opacity: 1;
	}
}




/*
	business .banner
*********************************************************************************/
#business .banner ul li .text {
	display: none;
}
#business .banner ul li .image::after {
	display: none;
}
@media print, screen and (min-width: 768px) {
	#business .banner ul li:hover .text {
		display: table;
	}
	#business .banner ul li:hover .image::after {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	#business .banner ul li:active .text {
		display: table;
	}
	#business .banner ul li:active .image::after {
		display: block;
	}
}




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

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






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

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






/************************************************************************************************************************************
	header
************************************************************************************************************************************/
.is_header_fixed #header #sub_nav {
	display: none;
}
#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 {
}
@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 1000px) {
}


@-webkit-keyframes glitter { 0%,100% { opacity: 0; } 50% { opacity: 1; }  }
@keyframes glitter { 0%,100% { opacity: 0; } 50% { opacity: 1; }  }

.is_glitter{
	animation: glitter 4s infinite;
}
.glitter_02_01{animation-delay: .5s;}
.glitter_02_02{animation-delay: 1s;}
.glitter_02_03{animation-delay: .6s;}
.glitter_02_04{animation-delay: 1.5s;}
.glitter_02_05{animation-delay: 2.4s;}
.glitter_05{animation-delay: 2.4s;}
.glitter_05_01{animation-delay: 1.5s;}
.glitter_05{animation-delay: 3.2s;}
.glitter_05_02{animation-delay: 2.5s;}
.glitter_03{animation-delay: 1s;}
.glitter_03_01{animation-delay: 3.2s;}
.glitter_03{animation-delay: 2s;}
.glitter_03_02{animation-delay: 3.5s;}
.glitter_04{animation-delay: 3s;}
.glitter_04_01{animation-delay: 2s;}
.glitter_04{animation-delay: 1s;}
.glitter_04_02{animation-delay: .5;}

/************************************************************************************************************************************
	fadein
************************************************************************************************************************************/
.fadein {
	opacity : 0;
	transition : all 500ms;
}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
}