@charset "UTF-8";
/* CSS Document */
//ブレイクポイントを指定------ここから
$xl: 1399px;
$lg: 1199px;
$md: 991px;
$sm: 767px;
$xs: 575px;

@mixin xl {
  @media screen and (max-width: ($xl)) {
    @content;
  }
}
@mixin lg {
  @media screen and (max-width: ($lg)) {
    @content;
  }
}
@mixin md {
  @media screen and (max-width: ($md)) {
    @content;
  }
}
@mixin sm {
  @media screen and (max-width: ($sm)) {
    @content;
  }
}
@mixin xs {
  @media screen and (max-width: ($xs)) {
    @content;
  }
}
//ブレイクポイントを指定------ここまで

.img-fluid {
	max-width: 100%;
    height: auto;
}
.row {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}


.form-header {
	margin-bottom: 50px;
	h2 {
		margin-bottom: 20px;
		span {
			font-size: 16px;
			font-weight: 500;
			color: #666;
		}
	}
	h3 {
		font-size: 30px;
		font-weight: 600;
		color: #d78977;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	img {
    width: 500px;
    margin-left: -120px;
}
}
.rakusapo-feature {
	margin-bottom: 30px;
	h2 {
		text-align: center;
		margin-bottom: 50px;
	}
	.row {
		width: 95%;
		margin: 0 auto;
	}
	.feature-box {
		display: flex;
		align-items: center;
		width: 50%;
		margin-bottom: 50px;
		img {
			width: 110px;
			margin-right: 20px;
		}
		p {
			font-size: 17px;
			color: #666;
			line-height: 1.5;
			span {
				font-size: 32px;
				font-weight: 600;
				color: #d78977;
				line-height: 1.3;
			}
		}
	}
}
.point {
	text-align: center;
    margin-left: -100%;
    margin-right: -100%;
    min-width: 100%;
	background: #f3f0ef;
	padding: 50px 100%;
}
.pattern1 {
	.movie {
		margin-top: 0;
	}
}
.patternin2 {
	margin-bottom: 20px;
}