@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: "ff_mb101_b";
	src: url("../font/A-OTF-GothicMB101Pro-Bold.otf");
}
@font-face {
	font-family: "ff_vd";
	src: url("../font/LOGOG_UG.TTF");
}

.ff_mb101_b{
	font-family: "ff_mb101_b", "Noto Sans JP", sans-serif;
}
.ff_vd{
	font-family: "ff_vd", "Noto Sans JP", sans-serif;
	transform: scale(0.8, 1);
	margin-left: -24px;
}
.ff_din{
	font-family:"din-2014", sans-serif ;
}
.bg_blue.border-0 {
	border: none!important;
}
.bg_gld_blue{
	background: linear-gradient(to right,  #0061b0 0%,#0076c2 35%,#008bd9 51%,#0076c2 68%,#0061b0 100%); 
}


#sitetop main{
	padding-top: 60px;
}

.sitetop_eyecatch h1{
	font-size: 26px;
	top: 5%;
	left: 8%;
	text-shadow: 1px 1px 6px rgb(112, 112, 112);
}
.sitetop_eyecatch h1 .office_name{
	font-size:32px ;
}
.sitetop_eyecatch h1 img{
	max-width: 420px;
}
.sitetop_eyecatch .eyecatch_crown{
	bottom: 4px;
	right: 4%;
	width: 45%;
}
.sitetop_bg_bl {
	background-color: #4ba9e8;
}
.nav_border {
	margin-bottom: 0rem;
}
#sitetop .jisseki{
	font-size: 1.25rem;
}
#sitetop .total_number{
	font-size: 2.5rem;
	line-height: 1.2;
}

#sitetop .total{
	background-color: #f67e00;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	margin-right:-5px;
	margin-bottom: 0;
	padding-top: 3px;
	padding-left: 1px;
}
#sitetop .y_m{
	font-weight: bold;
	top: 4px;
	right: 0;
}
#sitetop .torituke{
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}
#sitetop .torituke span{
	font-size: 2rem;
	margin-bottom: 0.5rem;
	line-height: 1.2
}


@media screen and (min-width:351px) {
	#sitetop .introduction img {
		max-width: 120px;
	}
}
@media screen and (min-width:461px){
	.sitetop_eyecatch h1{
		font-size: 32px;
	}
	.sitetop_eyecatch h1 .office_name{
		font-size: 40px;
	}
}
@media screen and (min-width:575px){
	.sitetop_eyecatch h1{
		top: 5%;
		font-size: 40px;
	}
	.sitetop_eyecatch h1 .office_name{
		font-size: 48px;
	}
}
@media screen and (min-width:768px){
	.ff_vd{
		margin-left: -40px;
	}
	
	.sitetop_eyecatch h1{
		top: auto;
		left: 4%;
		bottom: 40%;
	}
	.sitetop_eyecatch .eyecatch_crown{
		width: 28%;
		right: auto;
		left: 3%;
		bottom: 6%;
	}
	#sitetop .total{
		padding-top: 0px;
	}
}
@media screen and (min-width:992px){
	.sitetop_eyecatch h1{
		bottom: 50%;
	}
	.sitetop_eyecatch .eyecatch_crown{
		width: auto;
	}
}
@media screen and (min-width:1041px) {
	#sitetop main {
		padding-top: 116px;
	}
	.sitetop_eyecatch h1{
		left: 40%;
		transform: translateX(-80%);
	}
	.sitetop_eyecatch .eyecatch_crown{
		bottom: 8%;
		left: auto;
		right: 60%;
	}
	.sitetop_eyecatch .img_main_pc{
		background: linear-gradient(to right,  #daf3ff 0%,#eaf8ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.sitetop_eyecatch .img_main_pc img{
		max-width: 1200px;
	}
	#sitetop .jisseki{
		font-size: 1.25rem;
	}
	#sitetop .total_number{
		font-size: 2.5rem;
		line-height: 1.2;
	}
	#sitetop .jisseki{
	font-size: 1.8rem;
	}
	#sitetop .total_number{
		font-size: 3rem;
	}
	#sitetop .total{
		width: 40px;
		height: 40px;
	}
	#sitetop .torituke p{
		font-size: 20px;
	}
	#sitetop .torituke span{
		font-size: 2.8rem;
	}

	








	.sitetop_eyecatch_gradient {
		height: auto;
		max-height: 550px;
	}
	.sitetop_eyecatch_gradient:after {
		height: 100%;
		max-height: 550px;
	}
	.sitetop_eyecatch_gradient img {
		max-height: 550px;
	}
	#sitetop h2 + p {
		font-size: 0.875rem!important;
	}
}