@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

.morning h1,
.morning h2,
.morning h3,
.morning h4,
.morning p {
	font-family: 'Shippori Mincho', serif;
	font-weight: bold;
}

body {
	overflow: hidden;
}

h1,
h2,
h3,
h4 {
	color: #fff;
}

p {
	color: #333;
}

.ani {
	opacity: 0;
}

.def.in {
	animation-name: def;
	animation-duration: .7s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.pos_relative {
	position: relative;
}

@keyframes def {
	0% {
		transform: translateY(50px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.inc_common_footer .footer-sns-a img,
.inc_dcs_footer .footer-sns-a img,
.inc_exc_footer .footer-sns-a img {
	margin: 0;
}

.morning {
	overflow: hidden;
	position: relative;
}

.morning img {
	width: 100%;
	height: auto;
}

.morning .bg01 {
	background-color: #C6000B;
}

.morning .bg02 {
	background-color: #ea5504;
}

.morning .bg03 {
	background-color: #fabe00;
}

.morning .lead .inner {
	padding: 80px 70px 50px;
}

.morning .inner._01 {
	padding: 80px 70px;
}

.morning .inner._02 {
	padding: 0 15%;
}

.morning .lead  {
	background-color: #C6000B;
}

.morning .lead .inner .textImg {
	padding-bottom: 50px;
	margin-right: -80px;
}

.morning .lead .inner .text {
	text-align: center;
	font-size: min(5rem, 5.2vw);
	line-height: 1.5;
	color: #fff;
	white-space: nowrap;
}

/* .morning .lead .inner .text .narrow {
	margin-left: -6px;
	letter-spacing: -.2vw;
} */

.morning .product .__img {
    margin: -2px;
}

.morning .product .__caption {
	position: absolute;
	font-family: "Noto Sans JP", sans-serif;
	font-size: min(2.6rem, 2.8vw);
	bottom: 14px;
	right: 14px;
}

.morning .product .__text {
	/* text-align: left; */
	font-size: min(4.8rem, 5.2vw);
	line-height: 1.5;
	color: #fff;
	margin-bottom: 60px;
}

.morning .product .__text .small {
	font-size: min(3.6rem, 4vw);
}

.morning .product .__text.__ls_small {
	letter-spacing: -.1rem;
}

.morning .head {
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom: solid 2px #fff;
}
.morning .head.borderBrown {
	border-bottom: solid 2px #D8B262;
}

.morning .head .productName {
	font-size: min(6rem, 7vw);
	text-align: center;
	letter-spacing: -.2rem;
	line-height: 1.2;
	color: #fff;
}

.morning .head .productName .large {
	display: block;
	font-size: min(9rem, 10vw);
	letter-spacing: -.5rem;
	line-height: 1.2;
}

.morning .head .productName .small {
	display: block;
	font-size: min(5rem, 5.5vw);
	letter-spacing: 0;
}

/* .morning .head .productName.narrow {
	font-size: min(5.5rem, 6.5vw);
	text-align: center;
	letter-spacing: -.4rem;
	line-height: 1.2;
} */

/* .morning .head .productName.narrow .large {
	font-size: min(8.5rem, 9.2vw);
	letter-spacing: -.8rem;
} */

/* .morning .head .productName.narrow .small {
	display: block;
	font-size: min(5rem, 5.5vw);
} */


.morning .btn {
	display: block;
	max-width: 60%;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	/* padding: 2% 6% 2% 8%; */
	padding: 14px;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-size: min(3.4rem, 4vw);
	font-weight: bold;
	color: #fff;
	letter-spacing: .1rem;
	border-radius: 9999px;
	border: 1px solid #fff;
}

.morning .btn._02 {
	width: 100%;
	max-width: 100%;
	background-color: #FABE00;
	border: none;
}
.morning .fc_black {
	color: #333;
}

.morning .btn.shadow {
	box-shadow: 4px 4px 8px rgba( 0, 0, 0, 0.5);
}

.morning .info .links {
	display: flex;
	justify-content: space-between;
	gap: 5%;
}

.morning .info .links .link {
	width: 50%;
	font-weight: bold;
	font-size: min(3.4rem, 3.6vw);
	white-space: nowrap
}

.morning .caption {
    text-align: right;
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(2.6rem, 3vw);
}
.morning .spacer {
	margin-top: 20px;
}


@media only screen and (max-width: 751px) {
	.morning .product .__text {
		margin-bottom: 32px;
	}
	.morning .inner._01 {
		padding: 40px 30px;
	}
	.morning .lead .inner {
		padding: 30px;
	}
	.morning .head {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.morning .btn {
		/* padding: 2% 6% 2% 8%; */
		padding: 8px;
	}
	.morning .lead .inner .textImg {
		padding-bottom: 20px;
    	margin-right: -30px;
	}
	.morning .btn.shadow {
		box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.5);
	}
	.morning .spacer {
		margin-top: 14px;
	}
}