@charset "utf-8";
/* CSS Document */
/* ===============================
	site utility
 =============================== */
/* body *{font-family: 'Noto Sans JP', serif;}
body {margin: 0;}
a {transition: 0.4s;}
a:hover {transition: 0.4s; opacity: 0.7;} */
/* ----------------------------------------
	intro
----------------------------------------- */
#intro {
	position: relative;
  z-index: 2;
}
#intro img {
  margin-top: -14%;
}

/* ----------------------------------------
	search
----------------------------------------- */
#search {
  background: #d0f2f0 url(../imgs/home/search_oj02.svg) no-repeat bottom left;
  background-size: contain;
  padding-bottom: 25.066%;
}
.search_wrap {
	padding: 0 8%;
	margin-bottom: 8%;
  position: relative;
}
.search_oj {
  position: absolute;
  z-index: 0;
}
.search_oj.--01 {
  top: -40%;
  right: 6%;
}
.search_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}
.search_title h3 {
  line-height: 1;
}
.search_btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 10px;
}
.search_btns::after{
  content:"";
  display: block;
  width:32%;
}
.search_btn {
  width: 201px;
  width: 32%;
	height: 75px;
	border: 3.2px solid var(--C-DDblue);
	border-radius: 6px;
	font-size: 28px;
	font-weight: 500;
	color: var(--C-Dblue);
	letter-spacing: 0.12em;
	line-height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: #fff;
}
.search_btn.none {
	border-color: var(--C-gray);
	color: var(--C-gray);
	pointer-events: none;
	cursor: not-allowed;
}
.search_btn:hover {
	background: var(--C-Dblue);
	color: #fff;
	border-color: var(--C-Dblue);
}
.search_btn::after {
  content: '';
  display: block;
  width: 10px;
  height: 16px;
  background: url('../imgs/home/icon_arrow_b.svg') no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8%;
  margin: auto;
}
.search_btn:hover::after {
  background: url('../imgs/home/icon_arrow_w.svg') no-repeat center;
}
@media screen and (max-width: 750px) {
	.search_wrap {
		padding: 0 8%;
		margin-bottom: 4%;
	}
  .search_oj.--01 {
    top: -33%;
  }
  .search_oj.--01 img {
    width: 21.866vw;
  }
	.search_wrap.--hokaido .search_title img  {
		width: 29.733vw;
	}
	.search_wrap.--kanto .search_title img,
  .search_wrap.--chubu .search_title img,
  .search_wrap.--kansai .search_title img {
		width: 9.6vw;
	}
  .search_wrap.--chushikoku .search_title img  {
		width: 23.6vw;
	}
	.search_wrap.--kyushu .search_title img {
		width: 24.133vw;
	}
	.search_title {
		margin-bottom: 1.6vw;
	}
	.search_title img  {
		vertical-align: baseline;
	}
	.search_btns {
		row-gap: 2vw;
	}
	.search_btn {
		height: 10vw;
		font-size: 3.733vw;
		border: 0.426vw solid var(--C-DDblue);
		border-radius: 0.8vw;
	}
	.search_btn::after {
		width: 1.333vw;
		height: 2.1333vw;
	}
}
/* ===============================
	present
 =============================== */
.present {
  top: 13.4%;
}

/* ----------------------------------------
	footer
----------------------------------------- */
footer.wrap {
  max-width: 100%;
}
footer .wrap {
    padding: 30px 4% 0;
}
@media screen and (max-width: 750px) {
	footer .wrap {
    padding: 4vw 4% 0;
	}
}