
	/* アイキャッチ*/
	.bg-blue {
		background-color: #008bd1;
	}

	.eyecatch {
		max-width: 1140px;
		width: 100%;
		margin: 0 auto;
	}
/*打消し用*/
	.guide_top {
		height: 100%  !important;
	}

	/* 全体指定*/
	.box01 {
		padding: 0 10px;
	}

	.h2,
	.h4 {
		display: block !important;
		background-color: #008bd1;
		font-size: 3.2rem !important;
		color: #FFF !important;
		padding: 40px  !important;
		font-weight: 600;
	}

	.h5 {
		display: block !important;
		background-color: #90aeba;
		font-size: 3rem !important;
		color: #FFF !important;
		padding: 30px !important;
		font-weight: 600  !important;
		margin: 40px auto !important;
	}

	.text {
		font-size: 2.0rem;
		font-weight: 400;
		margin-bottom: 10px;
		line-height: 160%;
	}

	.red-marker {
		color: #d84545;
		font-weight: 600;
	}

	.flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.max-width {
		max-width: 800px;
		margin: 0 auto;
	}

	.width {
		max-width: 1000px;
		margin: 0 auto;
	}

	.link-btn {
		display: block;
		font-size: 1.8rem;
		background-color: #4bc1ef;
		padding: 16px;
		max-width: 800px;
		color: #FFF;
		box-shadow: 3px 3px 5px #9c9c9c;
		border-radius: 6px;
		margin: 0 auto;
	}

	.sub-text {
		background-color: #FFF;
		padding: 30px;
		border: solid 2px #008bd1;
		border-radius: 10px;
		font-size: 2.0rem;
		line-height: 160%;
	}

	.flow-wrap {
		margin: 0 auto;
		max-width: 1080px;
	}

	.under-line {
		color: #878787;
		font-weight: 600;
		border-bottom: solid 1px;
	}

	.shop-btn-primary {
		background-color: #4bc1ef;
		border-style:none;
		color: #FFF;
	}

	.flow-img {
		max-width: 700px;
	}

	.pc-br {
		display: block;
	}

	.pc-margin {
		margin:10px 0 10px 0;
	}
	.pc-margin2 {
		margin: 50px 0 10px 0;
	}
	@media(max-width:600px) {
		.pc-br {
			display: none;
		}
		.pc-margin {
			margin:10px 0 !important;
		}
		.pc-margin2 {
			margin:30px 0 10px 0 !important;
		}
	}

	@media(max-width:600px) {

		.h2,
		.h4 {
			font-size: 2.2rem !important;
			padding: 22px 20px  !important;
			color: #FFF;
			margin: 0 -15px;
		}

		.h5 {
			display: block !important;
			font-size: 2.0rem !important;
			padding: 16px  !important;
			margin: 30px auto !important;
		}

		.h5-start {
			display: block !important;
			margin-top: 0px !important;
			margin-bottom: 20px !important;
		}

		.text {
			font-size: 1.4rem;
			margin-bottom: 20px;
		}

		.sub-text {
			padding: 20px;
			font-size: 1.4rem;
		}

		.link-btn {
			font-size: 1.4rem;
			padding: 12px;
		}

		.flow-img {
			max-width: 320px;
		}
	}

	/*買取の流れ*/
	.flow {
		.bg-light-blue {
			background-color: #D4EAFC;
			padding: 20px 40px 40px 40px;
		}

		.bg-white {
			background-color: #FFF;
			position: relative;
			padding: 30px 60px 60px;
		}

		.bg-white::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -50px;
			border: 50px solid rgba(0, 0, 0, 0);
			border-top: 30px solid #FFF;
			z-index: 2;
		}

		.bg-gray {
			background-color: #efefef;
			position: relative;
			padding: 30px 60px 40px;
		}

		.bg-gray-last {
			background-color: #efefef;
			position: relative;
			padding: 30px 60px 60px;
		}

		.bg-gray::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -50px;
			border: 50px solid rgba(0, 0, 0, 0);
			border-top: 30px solid #efefef;
			z-index: 2;
		}

		.sub-step {
			font-size: 2.6rem;
			display: block;
			margin: 0 auto;
			font-weight: 600;
			border-bottom: dashed 2px;
			padding-bottom: 8px;
		}

		.required {
			font-size: 2.2rem;
			color: #008bd1;
			font-weight: 600;
		}

		.required-text {
			font-size:1.5rem ;
		}

		.img {
			max-width: 350px;
			width: 100%;
			margin-top: 20px !important;
		}

		.btn-block {
			padding: 10px;
		}
	}

	@media(max-width:600px) {
		.flow {
			.bg-light-blue {
				padding: 0 0 20px 0;
			}

			.bg-white,
			.bg-gray,
			.bg-gray-last {
				padding: 20px 20px 30px;
			}

			.img {
				max-width: 240px;
			}

			.sub-step {
				font-size: 1.8rem;
				font-weight: 500;
			}

			.sub-step {
				font-size: 1.8rem;
			}

			.required {
				font-size: 1.7rem;
			}
			.required-text {
				font-size:1.4rem ;
			}
		}
	}

	/*キャンペーン*/
	.campaign {
		ul {
			gap: 20px
		}

		li {
			max-width: 390px;
			margin-bottom: 10px;
		}

		.campaign-list {
			font-size: 2.0rem;
			color: #008bd1;
			padding-bottom: 2px;
			margin-bottom: 14px;
			font-weight: 600;
			border-bottom: solid 2px #008bd1;
		}
	}