/*下から出現*/
.effect_box_up {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    -webkit-transform: translateY(20px) rotate(0deg);
    -ms-transform: translateY(20px) rotate(0deg);
    transform: translateY(20px) rotate(0deg);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.effect_box_up.leff {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -webkit-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
}
/*その場で出現*/
.effect_box_spot div {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.effect_box_spot.leff div {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
}
.effect_box_spot div:nth-child(2){
	-webkit-transition-delay: .6s;
	     -o-transition-delay: .6s;
	        transition-delay: .6s;
}
.effect_box_spot div:nth-child(3){
	-webkit-transition-delay: 1.2s;
	     -o-transition-delay: 1.2s;
	        transition-delay: 1.2s;
}
.effect_box_spot div:nth-child(4){
	-webkit-transition-delay: 1.8s;
	     -o-transition-delay: 1.8s;
	        transition-delay: 1.8s;
}
.effect_box_spot div:nth-child(5){
	-webkit-transition-delay: 2.4s;
	     -o-transition-delay: 2.4s;
	        transition-delay: 2.4s;
}
.effect_box_spot div:nth-child(6){
	-webkit-transition-delay: 3s;
	     -o-transition-delay: 3s;
	        transition-delay: 3s;
}
/*左から出現*/
.effect_box_left {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    -webkit-transform: translateX(-20px) rotate(0deg);
    -ms-transform: translateX(-20px) rotate(0deg);
    transform: translateX(-20px) rotate(0deg);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.effect_box_left.leff {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -webkit-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
}
/*右から出現*/
.effect_box_right {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    -webkit-transform: translateX(20px) rotate(0deg);
    -ms-transform: translateX(20px) rotate(0deg);
    transform: translateX(20px) rotate(0deg);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.effect_box_right.leff {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -webkit-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
}

/* トップお家の窓口 */
.ie-cont::before{
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 15px;
	background-color: #000;
	width: 1px;
	height: 0;
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
}
.ie-cont.leff::before{
	height: 100%;
}
.ie-cont>div{
    -webkit-transition: 0.8s 0.8s ease-in-out;
    -moz-transition: 0.8s 0.8s ease-in-out;
    -o-transition: 0.8s 0.8s ease-in-out;
    transition: 0.8s 0.8s ease-in-out;
    -webkit-transform: translateX(-20px) rotate(0deg);
    -ms-transform: translateX(-20px) rotate(0deg);
    transform: translateX(-20px) rotate(0deg);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.ie-cont.leff>div {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -webkit-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
}
@media screen and (max-width: 479px){
.ie-cont.leff::before{
	height: calc(100% + 40px);
}
}

/* トップお家の窓口bt */
.bt_mado_top{
	display: block;
	position: relative;
	text-align: center;
}
/*.bt_mado_top::before{
	content: " ";
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 16px;
	display: block;
	height: 3px;
	width: 0;
    -webkit-transition: 0.8s 0.8s ease-in-out;
    -moz-transition: 0.8s 0.8s ease-in-out;
    -o-transition: 0.8s 0.8s ease-in-out;
    transition: 0.8s 0.8s ease-in-out;
}
.bt_mado_top.leff::before{
	width: 100px;
}*/
.bt_mado_top a{
	display: block;
	background-color: #eb6f17;
	color: #FFF;
	padding: 15px 0;
	-webkit-transition: .3s;
	transition: .3s;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: bold;
}
.bt_mado_top a:hover{
	background-color: #565656;
}
/*.bt_mado_top a span{
    -webkit-transition: 0.8s 0.8s ease-in-out;
    -moz-transition: 0.8s 0.8s ease-in-out;
    -o-transition: 0.8s 0.8s ease-in-out;
    transition: 0.8s 0.8s ease-in-out;
	display: block;
}
.bt_mado_top.leff a span{
	transform: translateX(100px);
}*/