
.test__content {
	text-align: center;
	padding: 300px;
}

.test__content p {
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 10px;
}

.test-card {
	max-width: 1080px;
	margin: auto;
}


/*================================================

　mainvisual

=================================================*/
.mainvisual {
	position: relative;
	height: 55.859375vw;
	width: 100%;
	padding: 0;
	background: url("../images/top/mainvisual_img_pc_01.jpg") center center / 100% auto no-repeat;
}
.mainvisual__content p {
	position: absolute;
	top: 35.546875vw;
	left: 50%;
	width: 17.5vw;
	transform: translateX(-50%);
}
.mainvisual__content p img {
	width: 100%;
}

@media screen and (max-width: 768px) {

	.mainvisual {
		position: relative;
		height: 149.333333vw;
		width: 100%;
		padding: 0;
		background: url("../images/top/mainvisual_img_sp_01.jpg") center center / 100% auto no-repeat;
	}
	.mainvisual__content p {
		top: auto;
		bottom: 6vw;
		width: 45.6vw;
	}
	.mainvisual__content p img {
		width: 100%;
	}

}

/*================================================

　offer

=================================================*/
.offer {
}
.offer__content {
	max-width: 1100px;
	margin: 60px auto;
}
.offer__content h2 {
	max-width: 1100px;
	margin-bottom: 60px;
	font-size: 6rem;
	font-weight: 800;
}
.offer__content ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.offer__content ul li {
}
.offer-card {
	display: flex;
	justify-content: space-between;
	margin-top: 90px;
}
.offer-card:nth-of-type(2) {
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.offer-card h3 {
	color: #0368B7;
	font-size: 3.7rem;
	font-weight: 800;
}
.offer-card ul {
	display: block;
	margin-top: 10px;
	margin-bottom: 30px;
}
.offer-card ul li {
	font-size: 2.3rem;
	line-height: 1.6;
}
.offer-card figure {
	width: 526px;
}
.offer-card:nth-of-type(2) .offer-card__text {
	margin-left: 60px;
}

@media screen and (max-width: 1279px) {

	.offer {
		padding: 0 7.03674746vw;
	}
	.offer__content {
		margin: 4.69116497vw auto;
	}
	.offer__content h2 {
		margin-bottom: 4.69116497vw;
		font-size: clamp(3.6rem, (100vw - 768px) * 24 / 511 + 36px, 6rem);
	}
	.offer__content ul li {
		margin-left: 2.34558249vw;
	}
	.offer__content ul li:first-child {
		margin-left: 0px;
	}
	.offer-card {
		margin-top: 7.03674746vw;
	}
	.offer-card h3 {
		font-size: clamp(2.2rem, (100vw - 768px) * 15 / 511 + 22px, 3.7rem);
	}
	.offer-card ul {
		margin-top: 0.781860829vw;
		margin-bottom: 2.34558249vw;
	}
	.offer-card ul li {
		margin-left: 0;
		font-size: clamp(1.4rem, (100vw - 768px) * 9 / 511 + 14px, 2.3rem);
	}
	.offer-card figure {
		width: 41.1258796vw;
	}
	.offer-card:nth-of-type(2) .offer-card__text {
		margin-left: 4.69116497vw;
	}

}

@media screen and (max-width: 768px) {

	.offer {
		padding: 0 7.03674746vw;
	}
	.offer__content {
		margin: 4.69116497vw auto;
	}
	.offer__content h2 {
		font-size: clamp(1.8rem, (100vw - 375px) * 18 / 393 + 18px, 3.6rem);
	}
	.offer-card {
		flex-direction: column-reverse;
		justify-content: space-between;
		margin-top: 5.33333333vw;
	}
	.offer-card:nth-of-type(2) {
		flex-direction: column-reverse;
		justify-content: space-between;
	}
	.offer-card .offer-card__text {
		display: flex;
		justify-content:space-around;
	}
	.offer-card h3 {
		font-size: clamp(1.8rem, (100vw - 375px) * 19 / 393 + 18px, 3.7rem);
	}
	.offer-card ul {
		display: block;
		margin-top: 1.33333333vw;
		margin-bottom: 4vw;
	}
	.offer-card ul li {
		font-size: clamp(1.2rem, (100vw - 375px) * 11 / 393 + 12px, 2.3rem);
	}
	.offer-card figure {
		width: 100%;
		margin-bottom: 2.66666666vw;
	}
	.offer-card:nth-of-type(2) .offer-card__text {
		margin-left: 0;
	}

}

/*================================================

　reason

=================================================*/
.reason {
	overflow: hidden;
	margin-bottom: 80px;
	padding-bottom: 95px;
}
.reason__content {
	max-width: 1280px;
	margin: 60px auto 0;
	padding: 0 0 0 90px;
}
.reason__content h2 {
	position: relative;
	margin-bottom: 60px;
	padding-left: 50px;
	font-size: 6rem;
	font-weight: 800;
}
.reason__content h2::before {
	position: absolute;
	content:'';
	width: 100vw;
	height: 18px;
	left: calc(50% - 45px);
	bottom: -25px;
	background-color: #000;
	transform: translateX(calc(-100vw - 40px));
	z-index: -1;
}
.reason-card {
	margin-top: 90px;
}
.reason-card__heading {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-content: center;
}
.reason-card__heading p {
	margin-left: 50px;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.85;
}
.reason-card__heading p span {
	color: #F00;
}
.reason-card__body {
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	margin-top: 80px;
	padding-left: 600px;
}
.reason-card__body::after {
	position: absolute;
	content: '';
	left: calc(50% - 45px);
	top: 170px;
	width: 100vw;
	height: calc(100% - 130px);
	background-color: #E9E9E9;
	transform: translateX(-50vw);
	z-index: -1;
}
.reason-card__body figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 526px;
}
.reason-card__body figure:nth-of-type(2) {
	top: auto;
	bottom: -90px;
}
.reason-card__body .body__text {
	width: 580px;
}
.reason-card__body .body__text > p {
	margin-bottom: 50px;
	font-size: 2.3rem;
}
.reason-card__body ol {
	margin-bottom: 15px;
	color: #0368B7;
}
.reason-card__body ol h3 {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 3.7rem;
	font-weight: 700;
	line-height: 1.3;
}
.reason-card__body ol li p {
	padding: 5px 0 10px 40px;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.45;
}
.reason-card__body ol li p span {
	color: #F00;
}
.body__text__inquiry {
	width: 580px;
	padding-left: 50px;
}
.body__text__inquiry:nth-of-type(2) {
	margin-top: 50px;
	background: url("../images/top/reason_icon_03.svg") left 405px top / 103px auto no-repeat;
}
.body__text__inquiry h4 {
	position: relative;
	margin-bottom: 40px;
	padding: 15px 0 10px 90px;
	color: #0368b7;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.3;
}
.body__text__inquiry h4 span {
	color: #F00;
	font-size: 3.1rem;
}
.body__text__inquiry h4::before {
	position: absolute;
	content:'';
	width: 100vw;
	height: 18px;
	left: -50px;
	bottom: -20px;
	background-color: #000;
}
.body__text__inquiry h4::after {
	position: absolute;
	content: '';
	left: -5px;
	bottom: -8px;
	width: 82px;
	height: 84px;
	background: url("../images/top/reason_icon_02.svg") center center / 100% auto no-repeat;
}
.body__text__inquiry p {
	font-size: 2rem;
	font-weight: 700;
}
.body__text__inquiry ul {
	margin-top: 10px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.3;
}
.body__text__inquiry ul li {
	padding-left: 1em;
	text-indent: -1em;
}

@media screen and (max-width: 1279px) {

	.reason {
		margin-bottom: 6.25488663vw;
		padding-bottom: 7.42767787vw;
	}
	.reason__content {
		margin: 4.69116497vw auto 0;
		padding: 0 0 0 7.03674746vw;
	}
	.reason__content h2 {
		position: relative;
		margin-bottom: 4.69116497vw;
		padding-left: 3.90930414vw;
		font-size: clamp(3.6rem, (100vw - 768px) * 24 / 511 + 36px, 6rem);
	}
	.reason__content h2::before {
		height: 1.40734949vw;
		left: calc(50% - 3.51837373vw);
		bottom: -1.95465207vw;
		transform: translateX(calc(-100vw - 3.12744332vw));
	}
	.reason-card {
		margin-top: 7.03674746vw;
	}
	.reason-card__heading p {
		margin-left: 3.90930414vw;
		font-size: clamp(1.7rem, (100vw - 768px) * 11 / 511 + 17px, 2.8rem);
	}
	.reason-card__heading figure {
		width: 19.6247068vw;
	}
	.reason-card__body {
		margin-top: 6.25488663vw;
		padding-left: 46.9116497vw;
	}
	.reason-card__body::after {
		left: calc(50% - 3.51837373vw);
		top: 13.2916341vw;
		height: calc(100% - 10.1641908vw);
	}
	.reason-card__body figure {
		width: 41.1258796vw;
	}
	.reason-card__body figure:nth-of-type(2) {
		bottom: -7.03674746vw;
	}
	.reason-card__body .body__text > p {
		margin-bottom: 3.90930414vw;
		font-size: clamp(1.4rem, (100vw - 768px) * 9 / 511 + 14px, 2.3rem);
	}
	.reason-card__body ol {
		margin-bottom: 1.17279124vw;
	}
	.reason-card__body ol h3 {
		font-size: clamp(2.2rem, (100vw - 768px) * 15 / 511 + 22px, 3.7rem);
	}
	.reason-card__body ol li p {
		padding: 0.390930414vw 0 0.781860829vw 3.12744332vw;
		font-size: clamp(1.5rem, (100vw - 768px) * 12 / 511 + 15px, 3.7rem);
	}
	.body__text__inquiry {
		width: 45.3479281vw;
		padding-left: 3.90930414vw;
	}
	.body__text__inquiry:nth-of-type(2) {
		margin-top: 3.90930414vw;
		background: url("../images/top/reason_icon_03.svg") left 31.6653636vw top / 8.05316654vw auto no-repeat;
	}
	.body__text__inquiry h4 {
		margin-bottom: 3.12744332vw;
		padding: 1.17279124vw 0 0.781860829vw 7.03674746vw;
		font-size: clamp(1.7rem, (100vw - 768px) * 11 / 511 + 17px, 2.8rem);
	}
	.body__text__inquiry h4 span {
		font-size: clamp(1.8rem, (100vw - 768px) * 13 / 511 + 18px, 3.1rem);
	}
	.body__text__inquiry h4::before {
		height: 1.40734949vw;
		left: -3.90930414vw;
		bottom: -1.56372166vw;
	}
	.body__text__inquiry h4::after {
		left: -0.390930414vw;
		bottom: -0.625488663vw;
		width: 6.4112588vw;
		height: 6.56763096vw;
	}
	.body__text__inquiry p {
		font-size: clamp(1.2rem, (100vw - 768px) * 8 / 511 + 12px, 2rem);
	}
	.body__text__inquiry ul {
		margin-top: 0.781860829vw;
		font-size: clamp(1rem, (100vw - 768px) * 6 / 511 + 10px, 1.6rem);
	}

}

@media screen and (max-width: 768px) {

	.reason__content {
		padding: 0 7.03674746vw;
	}
	.reason__content h2 {
		font-size: clamp(1.8rem, (100vw - 375px) * 18 / 393 + 18px, 3.6rem);
	}
	.reason-card__heading p {
		font-size: clamp(1rem, (100vw - 375px) * 7 / 393 + 10px, 1.7rem);
	}
	.reason-card__body {
		display: block;
		margin-top: 8vw;
		padding: 0;
	}
	.reason-card__body::after {
		left: -7.03674746vw;
		top: 22.6666666vw;
		height: calc(100% - 17.3333333);
		transform: translateX(0);
	}
	.reason-card__body figure {
		position: relative;
		width: 100%;
		margin-bottom: 2.66666666vw;
	}
	.reason-card__body figure:nth-of-type(2) {
		bottom: 0;
		margin: 5.33333333vw 0 2.66666666vw;
	}
	.reason-card__body .body__text {
		width: 100%;
	}
	.reason-card__body .body__text > p {
		margin-bottom: 6.66666666vw;
		font-size: clamp(1.2rem, (100vw - 375px) * 11 / 393 + 12px, 2.3rem);
	}
	.reason-card__body ol {
		margin-bottom: 2vw;
	}
	.reason-card__body ol h3 {
		font-size: clamp(1.9rem, (100vw - 375px) * 18 / 393 + 19px, 3.7rem);
	}
	.reason-card__body ol li p {
		padding: 0.666666666vw 0 1.33333333vw 5.33333333vw;
		font-size: clamp(1.3rem, (100vw - 375px) * 13 / 393 + 13px, 2.6rem);
	}
	.body__text__inquiry {
		width: 100%;
		padding-left: 6.66666666vw;
	}
	.body__text__inquiry:nth-of-type(2) {
		margin-top: 6.66666666vw;
		background: url("../images/top/reason_icon_03.svg") left 54vw top / 13.7333333vw auto no-repeat;
	}
	.body__text__inquiry h4 {
		margin-bottom: 5.33333333vw;
		padding: 2vw 0 1.33333333vw 12vw;
		font-size: clamp(1.4rem, (100vw - 375px) * 14 / 393 + 14px, 2.8rem);
	}
	.body__text__inquiry h4 span {
		font-size: clamp(1.6rem, (100vw - 375px) * 15 / 393 + 16px, 3.1rem);
	}
	.body__text__inquiry h4::before {
		height: 2.4vw;
		left: -6.66666666vw;
		bottom: -2.66666666vw;
	}
	.body__text__inquiry h4::after {
		left: -0.666666666vw;
		bottom: -1.06666666vw;
		width: 10.9333333vw;
		height: 11.2vw;
	}
	.body__text__inquiry p {
		font-size: clamp(1rem, (100vw - 375px) * 10 / 393 + 10px, 2rem);
	}
	.body__text__inquiry ul {
		margin-top: 1.33333333vw;
		font-size: clamp(1rem, (100vw - 375px) * 6 / 393 + 10px, 1.6rem);
	}

}

/*================================================

　service

=================================================*/
.service {
}
.service__content {
	max-width: 1280px;
	margin: auto;
}
.service__content h2 {
	max-width: 1054px;
	margin-left: auto;
	margin-right: auto;
}
.service-card {
	display: flex;
	align-items: center;
	margin-top: 40px;
}
.service-card:nth-of-type(1) {
	flex-direction: row-reverse;
	margin-top: 80px;
}
.service-card figure {
	width: 50%;
}
.service-card_text {
	width: 50%;
}
.service-card_text h5,
.service-card_text p {
	width: 548px;
	margin: auto;
}
.service-card_text h5 {
	margin-top: 40px;
	color: #0368D7;
	font-size: 3.7rem;
	font-weight: 800;
	line-height: 1.4;
}
.service-card_text p {
	margin-top: 35px;
	font-size: 1.7rem;
	line-height: 1.6;
}
.service-card_text ul {
	width: 548px;
	margin: auto;
}
.service-card_text ul li {
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 20px;
}
.service-card_text ul li p {
	margin-top: 15px;
	font-size: 1.7rem;
	line-height: 1.6;
}
.service-card_text ul li figure {
	width: 187px;
	margin: auto;
}
.service-card:nth-of-type(2) .service-card_text figure {
	width: 326px;
	margin: auto;
}

@media screen and (max-width: 1279px) {

	.service__content h2 {
		max-width: 82.4081314vw;
	}
	.service-card {
		margin-top: 3.12744332vw;
	}
	.service-card:nth-of-type(1) {
		margin-top: 6.25488663vw;
	}
	.service-card_text h5,
	.service-card_text p {
		width: 42.8459734vw;
	}
	.service-card_text h5 {
		margin-top: 3.12744332vw;
		font-size: clamp(2.2rem, (100vw - 768px) * 15 / 511 + 22px, 3.7rem);
	}
	.service-card_text p {
		margin-top: 2.7365129vw;
		font-size: clamp(1rem, (100vw - 768px) * 7 / 511 + 10px, 1.7rem);
	}
	.service-card_text ul {
		width: 42.8459734vw;
	}
	.service-card_text ul li {
		margin-bottom: 1.56372166vw;
	}
	.service-card_text ul li p {
		margin-top: 1.17279124vw;
		font-size: clamp(1rem, (100vw - 768px) * 7 / 511 + 10px, 1.7rem);
	}
	.service-card_text ul li figure {
		width: 14.6207975vw;
	}
	.service-card:nth-of-type(2) .service-card_text figure {
		width: 25.488663vw;
	}

}

@media screen and (max-width: 768px) {

	.service__content h2 {
		max-width: 100%;
		margin-left: 7.03674746vw;
		margin-right: 7.03674746vw;
	}
	.service-card {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		margin-top: 5.33333333vw;
	}
	.service-card:nth-of-type(1) {
		flex-direction: column-reverse;
		margin-top: 10.6666666vw;
	}
	.service-card figure {
		width: 100%;
	}
	.service-card_text {
		width: 100%;
		margin-top: 4vw;
	}
	.service-card_text h5,
	.service-card_text p {
		width: 73.0666666vw;
	}
	.service-card_text h5 {
		margin-top: 5.33333333vw;
		font-size: clamp(1.9rem, (100vw - 375px) * 18 / 393 + 19px, 3.7rem);
	}
	.service-card_text p {
		margin-top: 4.66666666vw;
		font-size: clamp(1rem, (100vw - 375px) * 7 / 393 + 10px, 1.7rem);
	}
	.service-card_text ul {
		width: 73.0666666vw;
	}
	.service-card_text ul li {
		margin-bottom: 2.66666666vw;
	}
	.service-card_text ul li p {
		margin-top: 2vw;
		font-size: clamp(1rem, (100vw - 375px) * 7 / 393 + 10px, 1.7rem);
	}
	.service-card_text ul li figure {
		width: 24.9333333vw;
	}
	.service-card:nth-of-type(2) .service-card_text figure {
		width: 43.4666666vw;
	}

}

/*================================================

　news

=================================================*/
.news {
}
.news__content {
	margin: 0 auto;
	padding: 50px 0;
	background-color: #F4F7F9;
}
.news-card {
	max-width: 870px;
	margin: 0 auto;
	padding: 0;
}
.news-card h2 {
	position: relative;
	text-align: center;
	font-size: 3rem;
	z-index: 10;
}
.news-card h2 span {
	display: inline-block;
	width: 430px;
	padding: 10px 0;
	background-color: #F4F7F9;
	border-bottom: 1px solid #000;
}
.news-card h2::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
	z-index: -1;
}
.news-card ul {
	overflow: hidden scroll;
	width: 512px;
	height: 286px;
	height: 136px;
	margin: 30px auto 0;
	text-align: left;
}
.news-card ul li {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	padding: 0;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
}
.news-card ul li p {
	width: 100%;
	text-align: left;
}
.news-card ul li a {
	color: #FF411F;
}

@media screen and (max-width: 1279px) {

	.news__content {
		padding: 3.90930414vw 0;
	}
	.news-card {
		max-width: 68.0218921vw;
	}
	.news-card h2 {
		font-size: clamp(1.8rem, (100vw - 768px) * 12 / 511 + 18px, 3rem);
	}
	.news-card h2 span {
		width: 33.6200156vw;
		padding: 0.781860829vw 0;
	}
	.news-card ul {
		width: 40.0312744;
		height: 22.2830336vw;
		margin: 2.34558249vw auto 0;
	}
	.news-card ul li {
		margin-bottom: 2.34558249vw;
		font-size: clamp(1rem, (100vw - 768px) * 6 / 511 + 10px, 1.6rem);
	}

}

@media screen and (max-width: 768px) {

	.news__content {
		padding: 5.33333333vw;
		background-color: #F4F7F9;
	}
	.news-card {
		max-width: 100%;
	}
	.news-card h2 {
		font-size: 3rem;
		font-size: clamp(1.5rem, (100vw - 375px) * 15 / 393 + 15px, 3rem);
	}
	.news-card h2 span {
		width: 57.3333333vw;
		padding: 10px 0;
	}
	.news-card ul {
		width: 68.2666666vw;
		height: 38.1333333vw;
		margin: 4vw auto 0;
	}
	.news-card ul li {
		margin-bottom: 4vw;
		font-size: clamp(1.2rem, (100vw - 375px) * 4 / 393 + 12px, 1.6rem);
	}

}
