@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 780px) { 

	
	



.hedMv {
    background-color: #004AAD;
    color: #fff;
    padding: 128px 0 40px;
}
	
	.hedMv h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 16px;
    position: relative;
}
	
	.hedMv h2::before {
    position: absolute;
    content: "Service";
    font-size: 18px;
    top: -6px;
    left: 0;
    transform: translate(0%, -100%);
}
	
	
	.hedMv h3 {
    font-size: 13px;
    font-weight: bold;
}.subBtn {
    margin-top: 32px;
}
	
	.cBtn02 {
    width: 200px;
	font-size: 14px;
}
	
	
	.cBtn02::before {
    position: absolute;
    content: "→";
    left: 16px;
    top: 50%;
    transform: translate(0%, -50%);
    font-size: 18px;
}
	
	.house {
    background-color: #EBF6FF;
    padding: 32px 0 32px;
}
	
	
		
}



/*線と矢印を縦方向に繰り返しアニメーション*/
@keyframes arrowlong01 {
    0% { height: 0; opacity: 0; }
    20% { height: 0; opacity: 1; }
    80% { height: 120%; opacity: 1; }
    100% { height: 120%; opacity: 0; }
}

@keyframes arrowlong02 {
    0% { top: 0; opacity: 0; }
    20% { top: 0; opacity: 1; }
    80% { top: 120%; opacity: 1; }
    100% { top: 120%; opacity: 0; }
}