@charset "utf-8";

main {
    background: #f4f4f4;
    width: 100%;
    height: 100%;
}

.main_visual {
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	height: 35vw;
	background-image: url(/consulting/img/counsel1.png);
	background-position: center;
}

.wrapper h2 {
    font-family: "�������", "Yu Mincho", "�q���M�m���� ProN W3", "HiraMinProN-W3", "HG����E", "�l�r �o����", "MS PMincho", "MS ����", serif;
    text-align: center;
    font-size: 6vw;
    margin-top: 4vw;
    margin-bottom: 2vw;
}

.consulting_category {
    max-width: 780px;
    margin: 0 auto;
}
.con{
    margin-bottom: 20px;
    position: relative;
    float: left;
    width: 50%;
}

.con img {
    width: 100%;
    height: 100%;
}

.photo {
    z-index: 1;

}

.txt_up {
    position: absolute;
    top: 70%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.house_img{
    float: left;
    position: relative;
    background-image: url(/consulting/img/counsel8.png);
    width: 100%;
    height: 360px;
    background-repeat: no-repeat;
}

.house_title{
    color: #fff;
    position: relative;
    width: 90%;
    border: 1px solid white;
    margin: 0 auto;
    top: 10%;
    display: block;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
    padding: 0 5px;
}

.house_title h3{
    color:#fff;
}

.house_h2{
    color: #fff;
    display: inline-block;
    padding-bottom: 10px;
    margin-left: 4%;
    margin-right: 4%;
}

.tac {
    margin: 0 4%;
}

.white{
	color: #fff;
}

.house_h2 .redline{
	border-bottom: solid 1px red;
}

.contact{
	text-align: center;
	font-size: 2rem;
	border-bottom: 2px solid #b3b3b3;
    border-bottom-style: dotted;
    font-weight: bold;
    margin-bottom: 1.5rem;
    padding: 30px 0px 15px;
    
}

.tel2{
	font-size: 1.7rem;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 10px;
}

.consal_btn {
    transition: 0.3s;
    margin-top: 30px;
    height: 50px;
    background: url(/consulting/img/entry.png) center top no-repeat;
    text-align: center;
}

.consal_btn img {
    margin: 30px 0 0 260px;
}

.consal_btn:hover img{
  -webkit-transform: translate(20px,0);
  -moz-transform: translate(20px,0);
  -ms-transform: translate(20px,0);
  -o-transform: translate(20px,0);
  transform: translate(20px,0);
  transform: translate(20px,0);
}

.pl-80 {
    padding-left: 0;
}

.button{
    margin-bottom: 15px;
}