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

#guideline {
	background-color: #ffffff;
	color: #000000;
}


#guideline .link_list {
	animation-delay: 1.5s;
	padding-bottom: 100px;
}


#guideline .link_list .card_item {
    background-color: transparent;
    padding: 50px 40px;
	border: solid 1px #ffffff;
	color: #ffffff;
}

#guideline .link_list .card_item .blue_tag:before {
    background-color: #ffffff;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

#guideline .link_list .card_item .more {
    margin-top:70px;
	text-align: center;
}

#guideline .link_list .card_item:hover {
    background-color:#ffffff;
    border: solid 1px #007db9;
	color: #000000;
}

#guideline .link_list .card_item:hover .more {
    color: #0E2041;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

#guideline .link_list .card_item:hover .blue_tag:before {
    background-color:#007db9;
}





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

#guideline .link_list {
    padding-bottom: 50px;
}

#guideline .link_list .card_item {
    padding: 30px 30px;
}

#guideline .link_list .card_item .more {
    margin-top: 50px;
}



}




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

#guideline .link_list {
	margin-top: 30px;
    padding-bottom: 30px;
}

#guideline .link_list .fl {
    align-items: center;
}


}