@charset "utf-8";

/* OA:base page */
.base-page .header {
	background: #f3e727;
}
.base-page .header-inner {
}
@media screen and (max-width: 640px) {
	.base-page .header {
	}
	.base-page .header h1 {
		background: url(../images/header-sp.png) no-repeat center top;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		padding: 58.666667% 0 0;
		background-size: contain;
	}
}
@media screen and (min-width: 641px) {
	.base-page .header {
		height: 360px;
	}
	.base-page .header h1 {
		background: url(../images/header-pc.png) no-repeat center top;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 360px;
	}
}


/* OA:20220326 */
.oa202203 .header {
	background: #f3e727;
}
.oa202203 .header-inner {
}
@media screen and (max-width: 640px) {
	.oa202203 .header {
		padding: 0 0 12.4%;
	}
	.oa202203 .header h1 {
		background: url(../images/20220326/header-sp.png) no-repeat center top;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		padding: 123.33333% 0 0;
		background-size: contain;
		margin: 0 auto 13.2%;
	}

	.oa202203 .header #cast-group {
		width: 70.66667%;
		margin: 0 auto;
	}
	.oa202203 .header #cast-group h3 {
		background: url(../images/20220326/hanawa-sp.png) no-repeat center top;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		padding: 131.88679% 0 0;
		background-size: contain;
	}
}
@media screen and (min-width: 641px) {
	.oa202203 .header {
		height: 750px;
	}
	.oa202203 .header h1 {
		background: url(../images/20220326/header-pc.png) no-repeat center top;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		height: 750px;
	}

	.oa202203 .header #cast-group h3 {
		display: none;
		overflow: hidden;
		height: 0px;
	}
}

/* OA:20220820 */
.oa202208 .header {
}
.oa202208 .header-inner {
}
@media screen and (max-width: 640px) {
	.oa202208 .header {
		background: #f3e727 url(../images/20220820/header-sp.png) no-repeat center top;
		background-size: contain;
		min-height: 104.5333333vw;
		padding: 0 0 14.666667vw;
	}
	.oa202208 .header-inner {
		width: 92%;
		padding: 9.0vw 0 0;
		margin: 0 auto;
	}

	.oa202208 .header #header-logo {
		margin: 0 0 6.4vw;
	}
	.oa202208 .header #header-logo h1 {
	}
	.oa202208 .header h3 {
		width: 65.066667vw;
		margin: 0 auto 6.8vw;
	}
	.oa202208 .header #header-catch {
		font-size: 4.533333vw; /* 34px */
		line-height: 2.0;
		font-weight: 600;
		text-align: center;
		margin: 0 0 8.4vw;
	}
	.oa202208 .header #header-catch img {
		width: 25.866667vw;
		margin: -10px 8px 0;
	}
	.oa202208 .header h2 {
		width: 70.666667vw;
		margin: 0 auto;
	}
}
@media screen and (min-width: 641px) {
	.oa202208 .header {
		background: #f3e727 url(../images/20220820/header-pc.png) no-repeat center top;
		min-height: 639px;
		padding: 0 0 78px;
	}
	.oa202208 .header-inner {
		width: 890px;
		padding: 106px 0 0;
		margin: 0 auto;
		position: relative;
	}

	.oa202208 .header #header-logo {
		height: 264px;
		margin: 0 0 70px;
	}
	.oa202208 .header #header-logo h1 {
		width: 570px;
		height: 256px;
		position: absolute;
		top: 106px;
		right: 12px;
	}
	.oa202208 .header h3 {
		width: 651px;
		margin: 0 auto 40px;
	}
	.oa202208 .header #header-catch {
		font-size: 2.6rem;
		line-height: 2.0;
		font-weight: 600;
		text-align: center;
	}
	.oa202208 .header #header-catch img {
		width: 154px;
		margin: -12px 8px 0;
	}
	.oa202208 .header h2 {
		width: 268px;
		position: absolute;
		top: 102px;
		left: 0;
	}
}

/* OA:20221230 */
.oa202212 .header {
}
.oa202212 .header-inner {
}
@media screen and (max-width: 640px) {
	.oa202212 .header {
		background: #f3e727 url(../images/20221230/header-sp.png) no-repeat center top;
		background-size: contain;
		min-height: 104.5333333vw;
		padding: 0 0 8.4vw;
	}
	.oa202212 .header-inner {
		width: 92%;
		padding: 9.0vw 0 0;
		margin: 0 auto;
	}

	.oa202212 .header #header-logo {
		margin: 0 0 6.4vw;
	}
	.oa202212 .header #header-logo h1 {
	}
	.oa202212 .header h3 {
		width: 65.066667vw;
		margin: 0 auto 6.8vw;
	}
	.oa202212 .header #header-catch {
		font-size: 5.333333vw; /* 40px */
		line-height: 1.58;
		font-weight: 800;
		text-align: center;
		letter-spacing: -0.02em;
	}
	.oa202212 .header #header-catch span {
		font-size: 8.0vw; /* 60px */
	}
	.oa202212 .header #header-catch span.head-small {
		font-size: 4.8vw; /* 36px */
	}
	.oa202212 .header #header-catch img {
		width: 30vw;
		margin: -2.2vw 0.4vw 0;
	}
}
@media screen and (min-width: 641px) {
	.oa202212 .header {
		background: #f3e727 url(../images/20221230/header-pc.png) no-repeat center top;
		height: 741px;
	}
	.oa202212 .header-inner {
		width: 890px;
		padding: 82px 0 0;
		margin: 0 auto;
		position: relative;
	}

	.oa202212 .header #header-logo {
		width: 709px;
		height: 318px;
		margin: 0 auto 38px;
	}
	.oa202212 .header h3 {
		width: 651px;
		margin: 0 auto 40px;
	}
	.oa202212 .header #header-catch {
		font-size: 2.6rem;
		line-height: 1.6;
		font-weight: 900;
		text-align: center;
	}
	.oa202212 .header #header-catch span {
		font-size: 4.6rem;
	}
	.oa202212 .header #header-catch span.head-small {
		font-size: 2.6rem;
	}
	.oa202212 .header #header-catch img {
		width: 154px;
		margin: -14px 7px 0;
	}
}

/* OA:20230422 */
.oa202304 .header {
}
.oa202304 .header-inner {
}
@media screen and (max-width: 640px) {
	.oa202304 .header {
		background: #f3e727 url(../images/20230422/header-sp.png) no-repeat center top;
		background-size: contain;
		min-height: 104.5333333vw;
		padding: 0 0 14.666667vw;
	}
	.oa202304 .header-inner {
		width: 92%;
		padding: 9.0vw 0 0;
		margin: 0 auto;
	}

	.oa202304 .header #header-logo {
		margin: 0 0 6.4vw;
	}
	.oa202304 .header #header-logo h1 {
	}
	.oa202304 .header h3 {
		width: 65.066667vw;
		margin: 0 auto 6.8vw;
	}
	.oa202304 .header #header-catch {
		font-size: 5.066667vw; /* 38px */
		line-height: 1.6;
		font-weight: 900;
		text-align: center;
		margin: 0 0 2.8vw;
	}
	.oa202304 .header #header-catch2 {
		font-size: 5.066667vw; /* 38px */
		line-height: 1.4;
		font-weight: 900;
		text-align: center;
		margin: 0 0 5.6vw;
	}
	.oa202304 .header #header-catch2 .header-head01 {
		font-size: 8.0vw; /* 60px */
	}
	.oa202304 .header #header-catch img {
		width: 25.866667vw;
		margin: -10px 8px 0;
	}
	.oa202304 .header h2 {
		width: 70.666667vw;
		margin: 0 auto;
	}
}
@media screen and (min-width: 641px) {
	.oa202304 .header {
		background: #f3e727 url(../images/20230422/header-pc.png) no-repeat center top;
		min-height: 639px;
		padding: 0 0 80px;
	}
	.oa202304 .header-inner {
		width: 890px;
		padding: 92px 0 0;
		margin: 0 auto;
		position: relative;
	}

	.oa202304 .header #header-logo {
		height: 260px;
		margin: 0 0 36px;
	}
	.oa202304 .header #header-logo h1 {
		width: 568px;
		height: 254px;
		position: absolute;
		top: 98px;
		right: 12px;
	}
	.oa202304 .header h3 {
		width: 651px;
		margin: 0 auto 42px;
	}
	.oa202304 .header #header-catch {
		font-size: 2.6rem;
		line-height: 1.0;
		font-weight: 900;
		text-align: center;
		margin: 0 0 20px;
	}
	.oa202304 .header #header-catch2 {
		font-size: 3.8rem;
		line-height: 1.6;
		font-weight: 900;
		text-align: center;
	}
	.oa202304 .header #header-catch2 .header-head01 {
		font-size: 5.4rem;
	}
	.oa202304 .header #header-catch img {
		width: 154px;
		margin: -12px 8px 0;
	}
	.oa202304 .header h2 {
		width: 268px;
		position: absolute;
		top: 92px;
		left: 0;
	}
}

/* OA:20230819 */
.oa202308 .header {
}
.oa202308 .header-inner {
}
@media screen and (max-width: 640px) {
	.oa202308 .header {
		background: #f3e727 url(../images/20230819/header-sp.png) no-repeat center top;
		background-size: contain;
		min-height: 104.5333333vw;
		padding: 0 0 10.6vw;
	}
	.oa202308 .header-inner {
		width: 92%;
		padding: 9.0vw 0 0;
		margin: 0 auto;
	}

	.oa202308 .header #header-logo {
		margin: 0 0 6.4vw;
	}
	.oa202308 .header #header-logo h1 {
	}
	.oa202308 .header h3 {
		width: 65.066667vw;
		margin: 0 auto 6.8vw;
	}
	.oa202308 .header #header-catch {
		font-size: 5.066667vw; /* 38px */
		line-height: 1.6;
		font-weight: 900;
		text-align: center;
		margin: 0 0 1.6vw;
	}
	.oa202308 .header #header-catch2 {
		font-size: 5.066667vw; /* 38px */
		line-height: 1.6;
		font-weight: 900;
		text-align: center;
		margin: 0 0 0.8vw;
	}
	.oa202308 .header #header-catch3 {
		font-size: 5.066667vw; /* 38px */
		line-height: 1.4;
		font-weight: 900;
		text-align: center;
		margin: 0 0 8.4vw;
	}
	.oa202308 .header #header-catch3 .header-head01 {
		font-size: 8.0vw; /* 60px */
	}
	.oa202308 .header #header-catch img {
		width: 25.866667vw;
		margin: -10px 8px 0;
	}
	.oa202308 .header h2 {
		width: 68vw;
		margin: 0 auto;
	}
}
@media screen and (min-width: 641px) {
	.oa202308 .header {
		background: #f3e727 url(../images/20230819/header-pc.png) no-repeat center top;
		min-height: 639px;
		padding: 0 0 80px;
	}
	.oa202308 .header-inner {
		width: 890px;
		padding: 82px 0 0;
		margin: 0 auto;
		position: relative;
	}

	.oa202308 .header #header-logo {
		height: 260px;
		margin: 0 0 54px;
	}
	.oa202308 .header #header-logo h1 {
		width: 568px;
		height: 254px;
		position: absolute;
		top: 98px;
		right: 12px;
	}
	.oa202308 .header h3 {
		width: 631px;
		margin: 0 auto 42px;
	}
	.oa202308 .header #header-catch {
		font-size: 2.6rem;
		line-height: 1.0;
		font-weight: 900;
		text-align: center;
		margin: 0 0 20px;
	}
	.oa202308 .header #header-catch2 {
		font-size: 2.6rem;
		line-height: 1.0;
		font-weight: 900;
		text-align: center;
		margin: 0 0 10px;
	}
	.oa202308 .header #header-catch3 {
		font-size: 3.8rem;
		line-height: 1.6;
		font-weight: 900;
		text-align: center;
	}
	.oa202308 .header #header-catch3 .header-head01 {
		font-size: 5.4rem;
	}
	.oa202308 .header #header-catch img {
		width: 154px;
		margin: -12px 0 0 8px;
	}
	.oa202308 .header h2 {
		width: 268px;
		position: absolute;
		top: 92px;
		left: 0;
	}
}

/* OA:20231231 */
.oa202312 .header {
}
.oa202312 .header-inner {
}
@media screen and (max-width: 640px) {
	.oa202312 .header {
		background: #f3e727 url(../images/20231231/header-sp.png) no-repeat center top;
		background-size: contain;
		min-height: 104.5333333vw;
		padding: 0 0 10.6vw;
	}
	.oa202312 .header-inner {
		width: 92%;
		padding: 4.2vw 0 0;
		margin: 0 auto;
	}

	.oa202312 .header #header-logo {
		margin: 0 0 4.6vw;
	}
	.oa202312 .header #header-logo h1 {
	}
	.oa202312 .header h3 {
		width: 65.066667vw;
		margin: 0 auto 7.2vw;
	}
	.oa202312 .header #header-catch {
		font-size: 4.8vw; /* 36px */
		line-height: 1.7;
		font-weight: 900;
		text-align: center;
		margin: 0 0 2.8vw;
	}
	.oa202312 .header #header-catch2 {
		font-size: 4.8vw; /* 36px */
		line-height: 1.8;
		font-weight: 900;
		text-align: center;
		margin: 0 0 0.4vw;
	}
	.oa202312 .header #header-catch3 {
		font-size: 7.2vw; /* 54px */
		line-height: 1.4;
		font-weight: 900;
		text-align: center;
		margin: 0 0 4.6vw;
	}
	.oa202312 .header #header-catch img {
		width: 25.866667vw;
		margin: -10px 8px 0;
	}
	.oa202312 .header h2 {
		width: 68vw;
		margin: 0 auto;
	}
}
@media screen and (min-width: 641px) {
	.oa202312 .header {
		background: #f3e727 url(../images/20231231/header-pc.png) no-repeat center top;
		min-height: 639px;
		padding: 0 0 80px;
	}
	.oa202312 .header-inner {
		width: 890px;
		padding: 52px 0 0;
		margin: 0 auto;
		position: relative;
	}

	.oa202312 .header #header-logo {
		height: 304px;
		margin: 0 0 40px;
	}
	.oa202312 .header #header-logo h1 {
		width: 595px;
		height: 304px;
		position: absolute;
		top: 52px;
		right: 0;
	}
	.oa202312 .header h3 {
		width: 631px;
		margin: 0 auto 36px;
	}
	.oa202312 .header #header-catch {
		font-size: 2.6rem;
		line-height: 1.8;
		font-weight: 900;
		text-align: center;
		margin: 0 0 14px;
	}
	.oa202312 .header #header-catch2 {
		font-size: 2.6rem;
		line-height: 1.0;
		font-weight: 900;
		text-align: center;
		margin: 0 0 10px;
	}
	.oa202312 .header #header-catch3 {
		font-size: 4.6rem;
		line-height: 1.6;
		font-weight: 900;
		text-align: center;
	}
	.oa202312 .header #header-catch img {
		width: 154px;
		margin: -12px 0 0 8px;
	}
	.oa202312 .header h2 {
		width: 268px;
		position: absolute;
		top: 92px;
		left: 0;
	}
}

/* OA:20240203 */
.oa202402 .header {
}
.oa202402 .header-inner {
}
@media screen and (max-width: 640px) {
	.oa202402 .header {
		background: #f3e727 url(../images/20240203/header-sp.png) no-repeat center top;
		background-size: contain;
		min-height: 104.5333333vw;
		padding: 0 0 10.6vw;
	}
	.oa202402 .header-inner {
		width: 92%;
		padding: 8.2vw 0 0;
		margin: 0 auto;
	}

	.oa202402 .header #header-logo {
		margin: 0 0 6.4vw;
	}
	.oa202402 .header #header-logo h1 {
	}
	.oa202402 .header h3 {
		width: 65.066667vw;
		margin: 0 auto 6.4vw;
	}
	.oa202402 .header #header-catch {
		font-size: 4.8vw; /* 36px */
		line-height: 1.6;
		font-weight: 900;
		text-align: center;
	}
	.oa202402 .header #header-catch2 {
		font-size: 6.933333vw; /* 52px */
		font-weight: 900;
		text-align: center;
		letter-spacing: -0.032em;
		margin: 0 0 5.0vw;
	}
	.oa202402 .header #header-catch2 span {
		letter-spacing: -0.12em;
	}
	.oa202402 .header #header-catch img {
		width: 25.866667vw;
		margin: -10px 8px 0;
	}
	.oa202402 .header h2 {
		width: 68vw;
		margin: 0 auto;
	}
}
@media screen and (min-width: 641px) {
	.oa202402 .header {
		background: #f3e727 url(../images/20240203/header-pc.png) no-repeat center top;
		min-height: 639px;
		padding: 0 0 80px;
	}
	.oa202402 .header-inner {
		width: 890px;
		padding: 82px 0 0;
		margin: 0 auto;
		position: relative;
	}

	.oa202402 .header #header-logo {
		height: 260px;
		margin: 0 0 54px;
	}
	.oa202402 .header #header-logo h1 {
		width: 569px;
		height: 256px;
		position: absolute;
		top: 98px;
		right: 12px;
	}
	.oa202402 .header h3 {
		width: 631px;
		margin: 0 auto 36px;
	}
	.oa202402 .header #header-catch {
		font-size: 2.6rem;
		line-height: 1.8;
		font-weight: 900;
		text-align: center;
		margin: 0 0 14px;
	}
	.oa202402 .header #header-catch2 {
		font-size: 4.6rem;
		line-height: 1.0;
		font-weight: 900;
		text-align: center;
		margin: 0 0 10px;
	}
	.oa202402 .header #header-catch img {
		width: 154px;
		margin: -12px 0 0 8px;
	}
	.oa202402 .header h2 {
		width: 268px;
		position: absolute;
		top: 92px;
		left: 0;
	}
}

/* OA:20250308 */
.oa202503 .header {
}
.oa202503 .header-inner {
}
@media screen and (max-width: 640px) {
	.oa202503 .header {
		background: #f3e727 url(../images/20250308/header-sp.png) no-repeat center top;
		background-size: contain;
		min-height: 104.5333333vw;
		padding: 0 0 10.6vw;
	}
	.oa202503 .header-inner {
		width: 92%;
		padding: 8.4vw 0 0;
		margin: 0 auto;
	}

	.oa202503 .header #header-logo {
		margin: 0 0 3.6vw;
	}
	.oa202503 .header .header-catch {
		font-size: 4.0vw; /* 30px */
		line-height: 1.5;
		font-weight: 900;
		text-align: center;
		letter-spacing: -0.02em;
	}
	.oa202503 .header #header-catch01 {
		margin: 0 0 0.6vw;
	}
	.oa202503 .header #header-catch02 {
		font-size: 5.6vw; /* 42px */
		color: #e72119;
		margin: 0 0 1.8vw;
	}
	.oa202503 .header #header-catch03 {
		margin: 0 0 3.2vw;
	}
	.oa202503 .header #header-catch03 img {
		width: 22.933333vw;
		line-height: 1.7;
		margin: -1.0vw 0.8vw 0 0;
	}
	.oa202503 .header #header-catch04 {
		font-size: 3.466667vw; /* 26px */
		margin: 0 0 2.4vw;
	}
	.oa202503 .header #header-catch04 span {
		letter-spacing: -0.08em;
	}
}
@media screen and (min-width: 641px) {
	.oa202503 .header {
		background: #f3e727 url(../images/20250308/header-pc.png) no-repeat center top;
		min-height: 996px;
		padding: 0 0 40px;
	}
	.oa202503 .header-inner {
		width: 890px;
		padding: 76px 0 0;
		margin: 0 auto;
		position: relative;
	}

	.oa202503 .header #header-logo {
		width: 680px;
		margin: 0 auto 20px;
	}
	.oa202503 .header .header-catch {
		font-size: 2.6rem;
		font-weight: 900;
		line-height: 1.5;
		text-align: center;
	}
	.oa202503 .header #header-catch01 {
		margin: 0 0 10px;
	}
	.oa202503 .header #header-catch02 {
		font-size: 4.0rem;
		color: #e72119;
		margin: 0 0 10px;
	}
	.oa202503 .header #header-catch03 {
		margin: 0 0 14px;
	}
	.oa202503 .header #header-catch03 img {
		width: 130px;
		margin: -12px 0 0 8px;
	}
	.oa202503 .header #header-catch04 {
		font-size: 1.8rem;
		margin: 0 0 10px;
	}
}

/* OA:20260307 */
.oa202603 .header {
}
.oa202603 .header-inner {
}
@media screen and (max-width: 640px) {
	.oa202603 .header {
		background: #f3e727 url(../images/20260307/header-sp.png) no-repeat center top;
		background-size: contain;
		min-height: 96.857143vw;
		padding: 0 0 9.2vw;
	}
	.oa202603 .header-inner {
		width: 98%;
		padding: 3.8vw 0 0;
		margin: 0 auto;
	}

	.oa202603 .header #header-logo {
		padding: 0 3.0%;
		margin: 0 0 4.4vw;
	}
	.oa202603 .header .header-catch {
		font-size: 4.0vw; /* 30px */
		line-height: 1.5;
		font-weight: 900;
		text-align: center;
		letter-spacing: -0.02em;
	}
	.oa202603 .header #header-catch01 {
		margin: 0 0 0.6vw;
	}
	.oa202603 .header #header-catch02 {
		font-size: 5.6vw; /* 42px */
		color: #e72119;
		margin: 0 0 1.8vw;
	}
	.oa202603 .header #header-catch03 {
		margin: 0 0 3.2vw;
	}
	.oa202603 .header #header-catch03 img {
		width: 22.933333vw;
		line-height: 1.7;
		margin: -1.0vw 0.8vw 0 0;
	}
	.oa202603 .header #header-catch04 {
		font-size: 3.466667vw; /* 26px */
		margin: 0 0 2.4vw;
	}
	.oa202603 .header #header-catch04 span {
		letter-spacing: -0.08em;
	}
}
@media screen and (min-width: 641px) {
	.oa202603 .header {
		background: #f3e727 url(../images/20260307/header-pc.png) no-repeat center top;
		min-height: 996px;
		padding: 0 0 60px;
	}
	.oa202603 .header-inner {
		width: 890px;
		padding: 28px 0 0;
		margin: 0 auto;
		position: relative;
	}

	.oa202603 .header #header-logo {
		width: 676px;
		margin: 0 auto 20px;
	}
	.oa202603 .header .header-catch {
		font-size: 2.6rem;
		font-weight: 900;
		line-height: 1.5;
		text-align: center;
	}
	.oa202603 .header #header-catch01 {
		margin: 0 0 10px;
	}
	.oa202603 .header #header-catch02 {
		font-size: 4.0rem;
		color: #e72119;
		margin: 0 0 10px;
	}
	.oa202603 .header #header-catch03 {
		margin: 0 0 10px;
	}
	.oa202603 .header #header-catch03 img {
		width: 130px;
		margin: -12px 0 0 8px;
	}
	.oa202603 .header #header-catch04 {
		font-size: 1.8rem;
		line-height: 2.0;
	}
}