@charset "UTF-8";

/* ======================================================
/	移住されたご家族へ
/====================================================== */

.mainvisual {
	background-image: url("../img/common/mainvisual/relocate-guide.jpg");
}

.relocate-guide-btn  {
	color: #666666;
	text-align: center;
}

.relocate-guide-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 272px;
	max-width: 100%;
    height: 55px;
    margin: 0 auto;
    background-color: #169A44;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
}

.ib {
	display: inline-block;
}

/* ======================================================
/　intro
/====================================================== */
.relocate-guide-ttl {
	color: #007DC6;
	font-size: clamp(14px,4.5vw,22px);
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: 0;
	margin-bottom: 10px;
}

.relocate-guide-intro-img {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 3px;
}

@media screen and (min-width: 800px) {

}

/* ======================================================
/detail
/====================================================== */
.relocate-guide-detail .txt-wp p:not(:last-child) {
	margin-bottom: .65em
}

.relocate-guide-detail-point {
	border: 2px solid #007DC6;
	border-radius: 10px;
	padding: 1em 1.2em;
}

.relocate-guide-detail-point:not(:last-child) {
	margin-bottom: 2.3em;
}

.relocate-guide-detail-point-ttl {
	color: #007DC6;
	font-weight: 500;
	margin-bottom: 5px;
}

/* ======================================================
/school
/====================================================== */

.relocate-guide-school-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px 2%;
	margin-bottom: 30px;
}

.relocate-guide-school-content {
	flex: 1 0 51%;
	min-width: 240px;
}

.relocate-guide-school-box  dt {
  color: #007DC6;
  margin-bottom: 5px;
}
.relocate-guide-school-box  dd {
  margin-bottom: 5px;
  line-height: 1.8;
}

.relocate-guide-school-box  dd i {
	display: none;
}

.relocate-guide-school-img {
	flex: 1 0 47%;
}

.relocate-guide-school .table-layout-wp dt {
	background-color: #EFEFEF;
}

@media screen and (min-width: 800px) {
	.relocate-guide-school .table-layout-wp dt {
		width: 23%;
	}

	.relocate-guide-school .table-layout-wp dt, 
	.relocate-guide-school .table-layout-wp dd {
		padding: 19px 17px;
	}
}

/* ======================================================
/features
/====================================================== */
.relocate-guide-features-list .relocate-guide-ttl {
	margin-bottom: 0;
}

.relocate-guide-features-content {
	padding: 10px 0 10vw;
}

.relocate-guide-features .txt-wp ul {
	margin-bottom: 45px;
}

@media screen and (min-width: 800px) {
	.relocate-guide-features-list li {
		display: flex;
	}

	.relocate-guide-features-img {
		width: 50%;
	}

	.relocate-guide-features-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.relocate-guide-features-content {
		width: 50%;
		padding: 20px 0 20px 20px;
		box-sizing: border-box;
	}

	.relocate-guide-features-list li:nth-of-type(even) {
		flex-direction: row-reverse;
	}

	.relocate-guide-features-list li:nth-of-type(even) .relocate-guide-features-content {
		padding: 20px 20px 20px 0;
	}
}