/* ==============================
//  リセット
============================== */
@media (min-width: 768px) {
	.main-area {
		min-width: initial;
		margin: 0 auto;
	}
	.main-area .main-inner {
		max-width: initial;
		width: initial;
		margin: 0 auto 0;
	}
}
/* ==============================
//  Guide First共通
============================== */
.guide_first {
	width: min(1000*100vw/1400, 1000px);
	margin: 0 auto;
}
.guide_first_container {}
.guide_first_container-introduction {}
.guide_first_container-process {
	margin-top: min(132*100vw/1400, 132px);
	padding-bottom: min(78*100vw/1400, 78px);
}
.guide_first_inner {}
.guide_first-title {
	font-size: min(22*100vw/1400, 22px);
  font-weight: normal;
  border-bottom: 1px #454545 solid;
	padding-bottom: min(10*100vw/1400, 10px);
}
.guide_first-subtitle {
	margin: 0 auto;
	padding-top: min(60*100vw/1400, 60px);
	padding-left: min(40*100vw/1400, 40px);
	font-size: min(28*100vw/1400, 28px);
  text-align: center;
  font-weight: normal;
}
.guide_first-lead {
	font-size: min(14*100vw/1400, 14px);
  text-align: center;
	margin-top: min(22*100vw/1400, 22px);
  line-height: 1.7;
	padding-left: min(40*100vw/1400, 40px);
}
.guide_first_description {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: min(820*100vw/1400, 820px);
	margin: min(58*100vw/1400, 58px) auto 0;
	column-gap: min(95*100vw/1400, 95px);
}
.guide_first_description-image {
	width: min(200*100vw/1400, 200px);
	margin: 0 auto;
}
.guide_first_description-title {
	font-size: min(15*100vw/1400, 15px);
  font-weight: bold;
  text-align: center;
}
.guide_first_description-lead {
	font-size: min(13*100vw/1400, 13px);
  text-align: justify;
	margin-top: min(18*100vw/1400, 18px);
	min-height: min(150*100vw/1400, 150px);
  line-height: 1.7;
}
.guide_first_description-btn a {
	font-size: min(14*100vw/1400, 14px);
	width: 80%;
	height: min(40*100vw/1400, 40px);
  background-color: #eee;
  margin: 0 auto;
  display: block;
  text-align: center;
  line-height: 3;
	background-color: #444;
  color: #fff;
	font-family: var(--font-ja);
}
.guide_first-image {
	display: flex;
	flex-direction: column;
	row-gap: min(78*100vw/1400, 78px);
	margin-top: min(78*100vw/1400, 78px);
}
@media (max-width: 767px) {
	.main-area {
		padding-top: 0;
	}
	.guide_first {
		width: calc(675*100vw/750);
	}
	.guide_first_container-process {
		margin-top: calc(160*100vw/750);
		padding-bottom: calc(60*100vw/750);
	}
	.guide_first-title {
		font-size: calc(44*100vw/750);
		padding-bottom: calc(20*100vw/750);
	}
	.guide_first-subtitle {
		padding-top: calc(60*100vw/750);
    padding-left: 0;
    font-size: calc(36*100vw/750);
		line-height: 1.4444444444;
	}
	.guide_first-lead {
		font-size: calc(26*100vw/750);
		margin-top: calc(44*100vw/750);
		padding-left: 0px;
	}
	.guide_first_description {
		grid-template-columns: repeat(2, 1fr);
		width: calc(675*100vw/750);
		margin-top: 0;
		column-gap: calc(60*100vw/750);
	}
	.guide_first_description-image {
		width: 100%;
	}
	.guide_first_description-title {
		font-size: calc(30*100vw/750);
	}
	.guide_first_description-lead {
		font-size: calc(26*100vw/750);
		margin-top: calc(36*100vw/750);
		min-height: calc(300*100vw/750);
	}
	.guide_first_description-btn a {
		font-size: 12px;
		width: 100%;
	}
	.guide_first-image {
		display: flex;
		flex-direction: column;
		row-gap: calc(40*100vw/750);
		margin-top: calc(40*100vw/750);
	}
}