@charset "utf-8";
#top .fff-link a:link{color:#FFF; text-decoration:none;}
#top .fff-link a:visited{color:#FFF; text-decoration:none;}
#top .fff-link a:hover{color:#CCC; text-decoration:none;}
#top .fff-link a:active{color:#FFF; text-decoration:none;}

#top .li a:link{color:#BFCDFF; text-decoration:none;}
#top .li a:visited{color:#BFCDFF; text-decoration:none;}
#top .li a:hover{color:#CCC; text-decoration:none;}
#top .li a:active{color:#BFCDFF; text-decoration:none;}


/* content */
.b1,.b2,.b3{
	background-color:#fff;
	border:solid 1px #ddd;
	padding:20px 20px 40px 20px;
	margin-bottom:30px;
	margin-top:-1px;
}
	
.h3{
	margin:0 0 28px 0;
}
.h4{
	color:#fff;
	font-size:108%;
	font-weight:bold;
	background:url("img/top/title-bg.jpg") no-repeat;
	padding:7px 0 7px 25px;
}
.h5{
	margin:0 0 20px 0;
}

.b1{
	background:url("img/top/hokkaido.jpg") no-repeat right top;
	background-color:#fff;
}
.b1-1{
	width:560px;
	background:url("img/top/to-consul.jpg") no-repeat;
	padding:50px 20px;
	margin:0 20px 12px 0;
	position:relative;
}
.b1-2{
	width:210px;
	background:url("img/top/to-pertner.jpg") no-repeat;
	padding:50px 15px;
	position:relative;
}
.b1-3 div{
	position:relative;
	margin-bottom:5px;
}
.b1-4{
	position:relative;
	margin-bottom:5px;
}


.b1-3 ul,.b1-4 ul{
	position:absolute;
	top:5px;
	left:240px;
}
.b1-3 div p{
	position:absolute;
	top:100px;
	right:15px;
}
.b1-4  div p{
	position:absolute;
	top:80px;
	right:15px;
}


.b1-5{
	background-image:url("img/top/b1-5-bg.jpg");
}

.b1-5 .sonpo{
	margin:0 0 20px 0;
}

.btn{
	position:absolute;
	top:100px;
	right:20px;
}

.b2{

}
.b2 img{
	float:left;
	width: 20%;
}
.b3{
	position:relative;
	height:95px;
}
.b3 dl{
	width:100%;
	border-bottom: 1px dotted #DDDDDD
}
.b3 dt{
	color:#f00;
	padding:5px 30px 5px 0;
	border-top:dotted 1px #B2CBEA;
	float:left;
}
.b3 .last-child{
	border-bottom:dotted 1px #B2CBEA;
}
.b3 dd{
	border-top:dotted 1px #B2CBEA;
	padding:5px 0;

}
.news{
	padding:8px 0 4px 20px;
	border-left:solid 1px #fff;
	position:absolute;
	top:-33px;
	right:20px;
}
.center{
	font-size:85%;
	text-align:center;
	clear:both;
	margin-bottom: 20px;
}

.sub-ttl-sonpo,
.sub-ttl-hoken{
	padding: 5px 0 5px 20px;
    font-size: 16px;
    font-weight: bold;
	background: rgb(219,219,219);
	background: linear-gradient(90deg, rgba(219,219,219,1) 1%, rgba(246,246,246,1) 50%, rgba(219,219,219,1) 100%);
}
.sub-ttl-sonpo{
	color: #00665c;
}
.sub-ttl-hoken{
	color: #015cb4;
}
.box-wrap{
	margin-bottom: 20px;
    display: flex;
}
.box-wrap p{
	display: inline-block;
    width: 66%;
    border-bottom: dotted 1px #18579D;
    border-top: dotted 1px #18579D;
    padding: 17px 0;
    margin: 0 2%;
    float: left;
}
.box-wrap dl{
    width: 30%;
}
.box-wrap dd{
    font-size:77%;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:4px 18px;
	margin:10px 0 0 0;
	background-color:#E4F1FA;
	border-right:solid 1px #1574DD;
}
.left-sp{
	display: none;
}


@media only screen and (max-width: 960px) {
	
.b1{
	background-image:none;
}
.box-wrap dl{
    display: none;
}
.box-wrap p{
    width: 100%;
}
.left-sp{
	display: block;
	text-align: center;
}
.left-sp img{
	width: auto!important;
}
.left-sp a{
	display: inline-block;
}
.link-about{
	width: 100%;
	margin: 7px 0;
}
.link-about_plan,
.link-about_policy{
	margin: 7px;
}
}
@media only screen and (max-width: 375px) {
.b3{
padding: 20px 10px 40px 10px;
}
.b3 dt{
padding: 5px 10px 5px 0;
}
}