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

/* ---------------------------------------------------------------------------------------------

　  スライダー

--------------------------------------------------------------------------------------------- */

.main_visual{
	max-width: 980px;
	margin: 0 auto;
	}

/*バナースライダー*/
ul.slider{
	width: 96%;
	max-width: 940px;
	margin: 0 auto;
	}
ul.slider li img{
	width: 100%;
	height: auto;
	border-radius: 5px;
	}

/*スライダー矢印ボタン*/
.slick-prev:before,
.slick-next:before {
    color: #fff!important;
	}

/*-- スライダー 矢印 位置調整 --*/
.slick-prev {
	left: 12px!important;
	z-index: 10;
	}
.slick-next {
	right: 12px!important;
	}


/* ---------------------------------------------------------------------------------------------

　  バナー3点

--------------------------------------------------------------------------------------------- */

/*-- 全体 --*/
.service{
	max-width: 980px;
	margin: 9px auto 10px auto;
	}

/*-- バナー囲い --*/
.service .s_block{
	width: 96%;
	max-width: 940px;
	margin: 0 auto 18px auto;
	display: flex;
	justify-content: center;
	}

/*-- バナー1こずつ --*/
.service .s_block .s_inner{
	width: 33%;
	margin-right: 1%;
	}
.service .s_block .s_inner:last-child{
	margin-right: 0;
	}

/*-- バナー 背景画像 個別設定 --*/
/* バナー */
.service .s_block .s_inner.kosodate a,
.service .s_block .s_inner.taiken a,
.service .s_block .s_inner.house a{
	display: flex;
	justify-content: space-between;
	position: relative;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 200%;
	border-radius: 3px;
	height: 55px;
	margin: 0 auto;
	padding: 24px 10px 11px 14px;
	transition: 0.3s;
	}
/* 南砺で子育て */
.service .s_block .s_inner.kosodate a{
	background-image: url("../img/s_bg_kosodate.jpg");
	}
/* 移住体験 */
.service .s_block .s_inner.taiken a{
	background-image: url("../img/s_bg_taiken.jpg");
	padding: 19px 10px 16px 14px;
	}
/* 空き家情報 */
.service .s_block .s_inner.house a{
	background-image: url("../img/s_bg_house.jpg");
	}
/* イラスト */
.service .s_block .s_inner.kosodate a img,
.service .s_block .s_inner.taiken a img,
.service .s_block .s_inner.house a img{
	position: absolute;
	right: -10px;
	top: -8px;
	width: 56%;
	height: auto;
	z-index: 1;
	}
.service .s_block .s_inner.kosodate a:hover,
.service .s_block .s_inner.taiken a:hover,
.service .s_block .s_inner.house a:hover{
	opacity: 0.8;
	}

/*-- タイトル&キャッチコピー --*/
.service .s_block .s_inner.house a .tex{
	display: block;
	text-align: left;
	}
.service .s_block .s_inner a{
	color: #fff;
	text-decoration: none;
	}
/* タイトル */
.service .s_block .s_inner a p.ttl{
	position: relative;
	font-size:21px;
	font-weight: bold;
	z-index: 3;
	}
/* キャッチコピー */
.service .s_block .s_inner a p.catch{
	position: relative;
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
	margin-top: 5px;
	z-index: 2;
	}
/* 体験ハウス */
.service .s_block .s_inner.taiken a p.catch{
	text-shadow: 0px 0px 5px rgba(164, 202, 81, 1),0px 0px 5px rgba(164, 202, 81, 1),0px 0px 5px rgba(164, 202, 81, 1),0px 0px 5px rgba(164, 202, 81, 1),0px 0px 5px rgba(164, 202, 81, 1),0px 0px 5px rgba(164, 202, 81, 1);
	}
	@media only screen and (max-width: 900px) {
		/* タイトル */
		.service .s_block .s_inner a p.ttl{
			font-size:19px;
			}
		/* キャッチコピー */
		.service .s_block .s_inner a p.catch{
			font-size: 11px;
			}
		}
	@media only screen and (max-width: 800px) {
		.service .s_block .s_inner{
			display:flex;
			}
		/* 空き家情報 */
		.service .s_block .s_inner.kosodate a,
		.service .s_block .s_inner.taiken a,
		.service .s_block .s_inner.house a{
			display: block;
			background-position: 70% 50%;
			background-size: cover;
			height:auto;
			padding: 0 10px 11px 14px;
			text-align: center;
			}

		/* イラスト */
		.service .s_block .s_inner.kosodate a img,
		.service .s_block .s_inner.taiken a img,
		.service .s_block .s_inner.house a img{
			position: inherit;
			right: inherit;
			top: -8px;
			transform:none;
			-webkit- transform: none;
			width: 80%;
			margin: 0 auto;
			}
		/*-- タイトル&キャッチコピー --*/
		.service .s_block .s_inner.house a .tex{
			display: block;
			text-align: center;
			z-index: 1;
			}
		/* タイトル */
		.service .s_block .s_inner a p.ttl{
			font-size:21px;
			}
		/* キャッチコピー */
		.service .s_block .s_inner a p.catch{
			margin-top: 3px;
			}
		/* 体験ハウス */
		.service .s_block .s_inner.taiken a p.catch{
			text-shadow: none;
			}
		}
	@media only screen and (max-width: 650px) {
		/* イラスト */
		.service .s_block .s_inner.kosodate a img,
		.service .s_block .s_inner.taiken a img,
		.service .s_block .s_inner.house a img{
			top: -10px;
			right: 10px;
			width: 110%;
			}
		/* タイトル */
		.service .s_block .s_inner a p.ttl{
			font-size:21px;
			margin-bottom: 10px;
			}
		/* キャッチコピー */
		.service .s_block .s_inner a p.catch{
			font-size: 10px;
			}
		}
	@media only screen and (max-width: 550px) {
		/* タイトル */
		.service .s_block .s_inner a p.ttl{
			font-size:16px;
			}
		}
	@media only screen and (max-width: 520px) {
		.service .s_block .s_inner a p.catch span{
			display: block;
			}
		}
	@media only screen and (max-width: 480px) {
		/* 空き家情報 */
		.service .s_block .s_inner.kosodate a,
		.service .s_block .s_inner.taiken a,
		.service .s_block .s_inner.house a{
			display: block;
			background-size: cover;
			height:auto;
			padding: 0 5px 11px 5px;
			text-align: center;
			}
		/*-- バナー囲い --*/
		.service .s_block{
			margin: 0 auto;
			}
		/* タイトル */
		.service .s_block .s_inner a p.ttl{
			font-size:15px;
			margin-bottom: 5px;
			}
		/* キャッチコピー */
		.service .s_block .s_inner a p.catch{
			font-size: 10px;
			}
		.service .s_block .s_inner a p.catch br{
			display: block;
			}
		}
	@media only screen and (max-width: 450px) {
		/* タイトル */
		.service .s_block .s_inner a p.ttl{
			font-size:14px;
			}
		/* キャッチコピー */
		.service .s_block .s_inner a p.catch{
			font-size: 10px;
			margin-top: 0;
			}
		}
	@media only screen and (max-width: 360px) {
		.service .s_block .s_inner a p.catch br{
			display: none;
			}
		/* タイトル */
		.service .s_block .s_inner a p.ttl{
			font-size:12px;
			}
		}


/* ---------------------------------------------------------------------------------------------

　  お知らせ・イベント情報

--------------------------------------------------------------------------------------------- */

/*-- 全体 --*/
.news{
	background: url("../img/bg_wt.jpg") repeat;
	}


/* ---------------------------------------------------------------------------------------------

　  外部リンクバナー

--------------------------------------------------------------------------------------------- */

/*-- 全体 --*/
.bnr{
	max-width: 980px;
	margin: 20px auto 10px auto;
	}
.bnr .b_block{
	width: 96%;
	max-width: 940px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	}
.bnr .b_block a{
	display: block;
	width: 31%;
	max-width: 290px;
	height: auto;
	max-height: 90px;
	margin-right: 2%;
	margin-bottom: 10px;
	border: solid 1px #ddd;
	}
.bnr .b_block a:nth-child(3n),
.bnr .b_block a:last-child{
	margin-right: 0;
	}
.bnr .b_block a img{
	width: 100%;
	height: auto;
	transition: .3s;
	}
.bnr .b_block a:hover img{
	opacity: .5;
	}

	@media only screen and (max-width: 800px) {
		.bnr{
			margin: 15px auto 5px auto;
			}
		.bnr .b_block a{
			margin-bottom: 10px;
			}
		}
	@media only screen and (max-width: 480px) {
		.bnr .b_block a{
			width: 48%;
			height: auto;
			margin-right: 2%;
			}
		.bnr .b_block a:nth-child(3n){
			margin-right: 2%;
			}
		.bnr .b_block a:nth-child(2n),
		.bnr .b_block a:last-child{
			margin-right: 0;
			}
		}