@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;
  }
}
//ブレイクポイントを指定------ここまで

article {
	padding-top: 19rem;
}

//works-child
#works-child {
	.ul-top {
		height: 635px;
		overflow: hidden;
		@include lg {
			height: 550px;
		}
		@include md {
			height: 440px;
		}
		@include sm {
			height: 500px;
		}
		@include xs {
			height: 400px;
		}
		img {
			width: 100%;
			height: 100%;
			object-fit:cover; 
		}
	}
	.container {
		padding-bottom: 10rem;
		@include sm {
			padding-bottom: 6rem;
		}
		@include xs {
			padding-bottom: 4rem;
		}
		.number {
			font-family: 'Cormorant Garamond', serif;
			color: #fff;
			font-size: 170px;
			font-size: 17rem;
			font-style: italic;
			margin-top: -3rem;
			letter-spacing: 0.1em;
			@include md {
				font-size: 140px;
				font-size: 14rem;
			}
			@include sm {
				font-size: 120px;
				font-size: 12rem;
				margin-top: -2.5rem;
			}
			@include xs {
				font-size: 100px;
				font-size: 10rem;
				margin-top: -2rem;
			}
		}
		h1 {
			font-family: 'NotoSerifJP', serif;
			font-size: 31px;
			font-size: 3.1rem;
			font-weight: 400;
			color: #fff;
			letter-spacing: 0.15em;
			margin-top: 11rem;
			line-height: 1.6;
			margin-bottom: 4rem;
			@include md {
				font-size: 29px;
				font-size: 2.9rem;
				margin-top: 8rem;
			}
			@include xs {
				font-size: 24px;
				font-size: 2.4rem;
				letter-spacing: 0.07em;
				margin-top: 6rem;
			}
		}
		.text-box {
			height: 300px;
			@include md {
				height: 200px;
			}
			p {
				font-weight: 300;
				color: #cdcdcd;
				margin-bottom: 2rem;
			}
		}
		img {
			width: 100%;
			margin-bottom: 3rem;
		}
	}
}