@charset "UTF-8";

/* ////////// base ////////// */

html:focus-within {
	scroll-behavior: smooth;
}
html, body {
	margin: 0;
	padding: 0;
}
body {
	background-color: #ed5545;
	color: #303030;
}
div,
p {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
div {
	background-repeat: no-repeat;
}
a,
a:hover,
a:active {
	color: #1b1464;
}
a > img {
	filter: drop-shadow( 0 2px 3px rgba( 0, 0, 0, .5 ) );
}
a:hover > img {
	cursor: pointer;
	filter: drop-shadow( 0 2px 3px rgba( 0, 0, 0, .5 ) ) brightness( 125% );
}
.md-section5 a:hover > img,
.pc-section5 a:hover > img {
	filter: drop-shadow( 0 2px 3px rgba( 0, 0, 0, .5 ) ) brightness( 180% );
}

/* ////////// break point ////////// */

@media screen and (orientation: landscape) {
	#article-pc { display: block; }
	#article-tb { display: none; }
	#article-md { display: none; }
}

@media screen and (orientation: portrait) and (min-width: 540px) {
	#article-pc { display: none; }
	#article-tb { display: block; }
	#article-md { display: none; }
}

@media screen and (orientation: portrait) and (max-width: 539px) {
	#article-pc { display: none; }
	#article-tb { display: none; }
	#article-md { display: block; }
}

/* ////////// PC・MD common ////////// */

.md-section,
.pc-section {
	width: 100%;
	scroll-snap-align: start;
	background-size: cover;
	background-position: 50% 0;
	display: flex;
	align-items: center;
}
.md-section > div {
	width: min( 62.5dvh, 100vw );
	margin: 0 auto;
}
.md-section > div {
	position: relative;
}
.pc-section > div {
	width: 100vw;
}
.pc-section > div:first-child > div {
	margin: 0 auto;
	position: relative;
	max-width: 1000px;
	aspect-ratio: 1280 / 900;
}
.pc-section > div a img,
.md-section > div a img {
	position: absolute;
}

/* ////////// PC ////////// */

#article-pc {
	width: 100%;
	max-width: 2000px;
	margin: 0 auto;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
}
.pc-section0 {
	background-color: #ed5545;
	background-repeat: no-repeat;
}
.pc-section1 {
	background-color: #ed5545;
	background-image: url('/images/lp/client/1/bg_pc-sec1b.jpg?20260401');
}
.pc-section2 {
	background-color: #dfecfd;
}
.pc-section3 {
	background-color: #dfe7fe;
	background-image: url('/images/lp/client/1/bg_pc-sec3.jpg?20260401');
}
.pc-section4 {
	background-color: #ed5545;
	background-image: url('/images/lp/client/1/bg_pc-sec4.svg?20260401');
}
.pc-section5 {
	background-color: #ed5545;
	background-image: url('/images/lp/client/1/bg_pc-sec5.jpg?20260401');
}
.pc-section6 {
	background-color: #ed5545;
}

/* ////////// Mobile Device ////////// */

.md-section1 {
	background-color: #ed5545;
	background-image: url('/images/lp/client/1/bg_md-sec1.jpg?20260401');
}
.md-section2 {
	background-color: #dfecfd;
}
.md-section3 {
	background-color: #dfe7fe;
	background-image: url('/images/lp/client/1/bg_md-sec3.jpg?20260401');
}
.md-section4 {
	background-color: #ed5545;
	background-image: url('/images/lp/client/1/bg_md-sec4.svg?20260401');
}
.md-section5 {
	background-color: #ed5545;
	background-image: url('/images/lp/client/1/bg_md-sec5.jpg?20260401');
}
.md-section6 {
	background-color: #ed5545;
}
.md-footer {
	background-color: #ffffff;
	height: auto;
}
.md-footer table {
	border-collapse: collapse;
	margin: 0 auto;
	font-size: 3.2vw;
	line-height: 2;
	text-align: left;
	white-space: nowrap;
}
.md-footer div:last-child {
	text-align: center;
	margin-top: 4vw;
	margin-bottom: 2.5vw;
	font-size: 3.1vw;
	color: #666;
}