@charset "UTF-8";

/* -----------------------------------------------
FileName: summer_campaign_2026.css
----------------------------------------------- */

/*
font-family: "yu-mincho-pr6n", sans-serif;
font-family: "din-2014", sans-serif;
font-family: "cormorant", sans-serif;
*/

#summer_campaign_2026 {
    font-size: 24px;
    color: #34363A;
    font-weight: 500;
}

#summer_campaign_2026 .mhg_container {
    padding: 120px 0;
    position: relative;
	background-color: rgba(240,246,250,1);
}


#summer_campaign_2026 .mhg_container.bg1 {
    background-image:url("../../../img/usr/lp/summer_campaign_2026/bg1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#summer_campaign_2026 .mhg_container.bg2 {
    background-image:url("../../../img/usr/lp/summer_campaign_2026/bg2.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#summer_campaign_2026 .mhg_container.bg3 {
    background-image:url("../../../img/usr/lp/summer_campaign_2026/bg3.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#summer_campaign_2026 .mhg_container.bg4 {
    background-image:url("../../../img/usr/lp/summer_campaign_2026/bg4.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


#summer_campaign_2026 .mhg_container.bg5 {
	background-image: linear-gradient(rgb(240, 246, 250), rgba(240, 246, 250, 0.8) 38%, rgb(189, 218, 234));
}

#summer_campaign_2026 .contents {
	width: 1200px;
    box-sizing: border-box;
    margin: 0 auto 0 auto;
}




#summer_campaign_2026 #keyImg figure {
    position: relative;
}

#summer_campaign_2026 #keyImg figure img {
    width: 100%;
    height: auto;
}


#summer_campaign_2026 #aboutArea {
	box-sizing: border-box;
	width: 974px;
	margin: auto;
	background-image: linear-gradient(rgba(254,254,254,.95), rgba(240,246,250,.95));
	border-radius: 24px;
	text-align: center;
	padding: 5% 0;
	border: 1px solid #C99C3E;
}

#summer_campaign_2026 #aboutArea h2 {
	background: none;
	padding: 0 0 0 0;
	margin: 0 0 .6em 0;
	font-size: 2.5em;
	font-weight: 600;
	color: #1F5368;
	line-height: 1em;
	font-family: "yu-mincho-pr6n", sans-serif;	
}

#summer_campaign_2026 #aboutArea p {
	font-weight: 500;
	font-size: 1.16667em;
	line-height: 2em;
	margin: 0 0 1.6em 0;
}

#summer_campaign_2026 #aboutArea dl {
	display: flex;
	align-items: baseline;
	line-height: 1em;
	gap:0 .5em;
	width: fit-content;
	margin: auto;
	padding: .6em 1.3em;
	border: 2px solid #E7CC9A;
	border-radius: 9999px;
	color: #1F5368;
}

#summer_campaign_2026 #aboutArea dl dt {
	font-size: 1.33333em;
	font-weight: 500;
}
#summer_campaign_2026 #aboutArea dl dd {
	font-weight: 500;
}
#summer_campaign_2026 #aboutArea dl dd strong {
	font-weight: 700;
	font-size: 1.5em;
	font-family: "din-2014", sans-serif;
	line-height: 1em;
	margin: 0 .1em 0 0;
}

#summer_campaign_2026 .setArea {
	display: flex;
	justify-content: space-between;
}

#summer_campaign_2026 .setArea.x2 {
	flex-direction: row-reverse;
}

#summer_campaign_2026 .setArea figure {
	width: 47.333%;
	position: relative;
}

#summer_campaign_2026 .setArea figure p {
	border-radius: 24px;
	overflow: hidden;
	padding-top: 133.451%;
	position: relative;
	background: #F3FAFB;
}

#summer_campaign_2026 .setArea.x2 figure p {
	background: #ECF6FC;
}

#summer_campaign_2026 .setArea.x3 figure p {
	background: #F0F5FB;
}

#summer_campaign_2026 .setArea figure p img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position:  center center;
}

#summer_campaign_2026 .setArea figure figcaption {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 140px;
	height: 140px;
	border-radius: 9999px;
	color: #fff;
	background: #EC4F6D;
	font-family: "din-2014", sans-serif;
	gap:.3em 0;
	position: absolute;
	top: -34px;
	left: -34px;
	filter: drop-shadow(0px 10px 20px rgba(0,0,0,0.2));
}

#summer_campaign_2026 .setArea.x2 figure figcaption {
	left: auto;
	right: -34px;
}

#summer_campaign_2026 .setArea figure figcaption dt {
	display: flex;
	align-items: baseline;
	font-size: 1.625em;
	font-weight: 700;
	line-height: 1em;
}

#summer_campaign_2026 .setArea figure figcaption dt strong {
	font-weight: 700;
	font-size: 1.53846em;
}

#summer_campaign_2026 .setArea figure figcaption dd {
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1em;
}

#summer_campaign_2026 .setArea article {
	width: 47.333%;
}

#summer_campaign_2026 .setArea article .set-name {
	margin: 0 0 1em 0;
}

#summer_campaign_2026 .setArea article .set-name dt {
	line-height: 1em;
	color: #1F5368;
	font-size: 2.5em;
	font-style: italic;
	font-family: "cormorant", sans-serif;
	font-weight: 500;
	background:linear-gradient(transparent 80%, #E7CC9A 80%);
	width: fit-content;
	margin: 0 0 .3em 0;
}

#summer_campaign_2026 .setArea article .set-name dd {
	line-height: 1.3em;
	font-family: "yu-mincho-pr6n", sans-serif;
	font-size: 1.66667em;
	font-weight: 600;
	letter-spacing: 0;
}

#summer_campaign_2026 .setArea article .set-note {
	box-sizing: border-box;
	padding: 4% 4%;
	border-radius: 24px;
	background-color: rgba(254,254,254,.6);
	border: 1px solid #E7CC9A;
	margin: 0 0 2em 0;
}

#summer_campaign_2026 .setArea article .set-note h4 {
	line-height: 1em;
	font-weight: 700;
	font-family: "yu-mincho-pr6n", sans-serif;
	padding: 0 0 0 0;
	background: none;
	margin: 0 0 .8em 0;
	color: #1F5368;
}

#summer_campaign_2026 .setArea article .set-note ul {
	display: flex;
	flex-direction: column;
	gap:.5em 0;
}

#summer_campaign_2026 .setArea article .set-note ul li {
	display: flex;
	gap:0 .3em;
	font-size: 0.83333em;
	line-height: 1.5em;
}

#summer_campaign_2026 .setArea article .set-note ul li::before {
	content: "";
	display: block;
	background:url("../../../img/usr/lp/summer_campaign_2026/set_icon.png") center center no-repeat;
	background-size: contain;
	width: 23px;
	height: 23px;
	margin: .1em 0 0 0;
}

#summer_campaign_2026 .setArea article .set-note ul li span {
	width: calc(100% - (23px + .5em));
}

#summer_campaign_2026 .setArea article .set-price {
	margin: 0 0 1.8em 0;
}


#summer_campaign_2026 .setArea article .set-price dt {
	line-height: 1em;
	font-weight: 400;
	color: #77797B;
	display: flex;
	gap:0 .2em ;
	margin: 0 0 .6em 0;
}

#summer_campaign_2026 .setArea article .set-price dt strong {
	font-family: "din-2014", sans-serif;
	font-weight: 600;
	font-size: 1.25em;
	position: relative;
	display: block;
}

#summer_campaign_2026 .setArea article .set-price dt strong::after {
    content: '';
    transform: rotate(-20deg);
    width: 100%;
    border-top: 1px solid #EC4F6D;
    position: absolute;
    top: 50%;
    left: 0;
}

#summer_campaign_2026 .setArea article .set-price dd {
	font-family: "din-2014", sans-serif;
	font-size: 3.33333em;
	font-weight: 700;
	color: #EC4F6D;
	line-height: 1em;
}

#summer_campaign_2026 .buyBtn {
	width: 100%;
}

#summer_campaign_2026 .buyBtn a {
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 0.91667em;
	border-radius: 9999px;
	background: #1F5368;
	padding: .85em 0;
	gap:0 .5em;
	filter: drop-shadow(0px 6px 20px rgba(0,0,0,0.3));
}

#summer_campaign_2026 .buyBtn a::after {
	content: "";
	display: block;
	background: url("../../../img/usr/lp/summer_campaign_2026/buy_arrow.png") center center no-repeat;
	background-size: contain;
	width: 17px;
	height: 11px;
}
#summer_campaign_2026 .buyBtn a:active {
	border: none;
	background: #1F5368;
}

#summer_campaign_2026 .buyBtn a:hover {
	opacity: .8;
}

#summer_campaign_2026 p.notice {
	font-size: 0.70833em;
	font-weight: 400;
	color: #FF0000;
	margin: .5em 0 0 0;
}

#summer_campaign_2026 .itemArea {
	margin: 0 auto -3em auto;
	position: relative;
	z-index: 50;
	width: 1140px;
}

#summer_campaign_2026 .itemArea h2 {
	background: none;
	padding: 0 0 0 0;
	margin: 0 0 1em 0;
	display: flex;
	align-items: center;
	color: #C99C3E;
	font-size: 4.16667em;
	font-style: italic;
	font-family: "cormorant", sans-serif;
	line-height: 0em;
	font-weight: 400;
	gap:0 .2em;
}

#summer_campaign_2026 .itemArea.x2 h2 {
	flex-direction: row-reverse;
}


#summer_campaign_2026 .itemArea h2::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #CDD8DD;
	margin-top: .5em;
}

#summer_campaign_2026 .itemArea article {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#summer_campaign_2026 .itemArea.x2 article {
	flex-direction: row-reverse;
}

#summer_campaign_2026 .itemArea article dl {
	width: fit-content;
	margin: 0 0 3em 0;
}

#summer_campaign_2026 .itemArea article dl dt {
	line-height: 1em;
	font-size: 2.83333em;
	font-family: "cormorant", sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #C99C3E;
	margin: 0 0 .3em 0;
}

#summer_campaign_2026 .itemArea article dl dd {
	font-size: 1.66667em;
	font-family: "yu-mincho-pr6n", sans-serif;
	font-weight: 600;
	line-height: 1.3em;
}

#summer_campaign_2026 .itemArea article figure {
	width: 47.018%;
	box-sizing: border-box;
	padding: 44px;
	background: #F3FAFB;
	border-radius: 24px;
	filter: drop-shadow(0px 6px 20px rgba(31,83,104,0.16));
}

#summer_campaign_2026 .itemArea article figure p {
	
	padding-top: 79.851%;
	position: relative;
	
	
}

#summer_campaign_2026 .itemArea article figure p img {
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position:  center center;
}

#summer_campaign_2026 .recomArea {
	box-sizing: border-box;
	padding: 10% 2%;
	border-radius: 24px;
	filter: drop-shadow(0px 6px 20px rgba(31,83,104,0.16));
	background-image:url("../../../img/usr/lp/summer_campaign_2026/recom_bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

#summer_campaign_2026 .recomArea h3 {
	background: none;
	padding: 0 0 0 0;
	text-align: center;
	margin: 0 0 .8em 0;
	color: #1F5368;
	font-weight: 600;
	font-size: 2.16667em;
	font-family: "yu-mincho-pr6n", sans-serif;
	line-height: 1em;
}

#summer_campaign_2026 .recomArea article {
	display: flex;
	justify-content:center;
	gap:0 1.333%;
}

#summer_campaign_2026 .recomArea article aside {
	box-sizing: border-box;
	width: 23%;
	border: 1px solid #E7CC9A;
	background-color: rgba(255,255,255,0.6);
	border-radius: 50%;
	text-align: center;
	padding: 3% 1%
}

#summer_campaign_2026 .recomArea article aside figure {
	width: 60px;
	margin: 0 auto .35em auto;
}

#summer_campaign_2026 .recomArea article aside p {
	font-size: 0.91667em;
	line-height: 1.6em;
	letter-spacing: 0;
}

#summer_campaign_2026 .recomArea article aside p small {
	font-size: 0.77273em;
	line-height: 1em;
}

#summer_campaign_2026 .pointArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#summer_campaign_2026 .pointArea figure {
	width: 47.333%;
	display: flex;
	flex-direction: column;
	border-radius: 32px;
	overflow: hidden;
	filter: drop-shadow(0px 4px 24px rgba(31,83,104,0.2));
}

#summer_campaign_2026 .pointArea article {
	width: 47.333%;
	display: flex;
	flex-direction: column;
	gap:24px 0;
}
#summer_campaign_2026 .pointArea.x2 article {
	width: 100%;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	gap:55px 0;
}

#summer_campaign_2026 .pointArea article aside {
	box-sizing: border-box;
	border-radius: 24px;
	border: 1px solid #E7CC9A;
	background-color: rgba(255,255,255,0.95);
	padding: 3% 8% 8% 8%;
	filter: drop-shadow(0px 4px 16px rgba(31,83,104,0.16));
	
}

#summer_campaign_2026 .pointArea.x2 article aside {
	width: 47.333%;
	padding: 2% 4% 3% 4%;
}

#summer_campaign_2026 .pointArea article aside dt {
	line-height: 1em;
	font-family: "cormorant", sans-serif;
	font-size: 2.16667em;
	color: #1F5368;
	font-style: italic;
	font-weight: 600;
	margin: 0 0 .5em 0;
	background:linear-gradient(transparent 85%, #E7CC9A 85%);
	width: fit-content;
}

#summer_campaign_2026 .pointArea article aside dt strong {
	font-size: 1.53846em;
	font-weight: 400;
}
#summer_campaign_2026 .pointArea article aside dd h5 {
	font-weight: 600;
	line-height: 1.4em;
	margin: 0 0 .2em;
	font-family: "yu-mincho-pr6n", sans-serif;
	font-size: 1.66667em;
}

#summer_campaign_2026 .elementArea {
	margin: 0 0 4em 0;
	box-sizing: border-box;
	padding: 7% 15%;
	border-radius: 24px;
	filter: drop-shadow(0px 6px 20px rgba(31,83,104,0.16));
	background-image:url("../../../img/usr/lp/summer_campaign_2026/element_bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow: hidden;
}

#summer_campaign_2026 .elementArea h3 {
	width: fit-content;
	margin: 0 auto 1.2em auto;
	line-height: 1em;
	font-weight: 600;
	font-family: "yu-mincho-pr6n", sans-serif;
	border: 1px solid #E7CC9A;
	background: #fff;
	padding: .4em 1.8em;
	font-size: 1em;
}


#summer_campaign_2026 .elementArea article {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap:20px 20px;
}

#summer_campaign_2026 .elementArea article figure {
	width: 130px;
	text-align: center;
}

#summer_campaign_2026 .elementArea article figure img {
	width: 130px;
	height: 130px;
	border-radius: 9999px;
	filter: drop-shadow(0px 4px 12px rgba(31,83,104,0.20));
}

#summer_campaign_2026 .elementArea article figure figcaption {
	line-height: 1.4em;
	font-size: 0.625em;
	color: #1F5368;
	margin: .6em 0 0 0;
}

#summer_campaign_2026 .staffArea h3 {
	background: none;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 5.5em 0;
	color: #C99C3E;
	gap:0 3em;
	font-family: "din-2014", sans-serif;
	font-size: .9em;
	font-weight: 700;
	letter-spacing: .15em;
	white-space: nowrap;
}

#summer_campaign_2026 .staffArea .note {
	text-align: center;
	margin: -4em 0 4.5em 0;
}

#summer_campaign_2026 .staffArea h3::before,
#summer_campaign_2026 .staffArea h3::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #CDD8DD;
}

#summer_campaign_2026 .staffArea article {
	box-sizing: border-box;
	position: relative;
	background: #fff;
	border-radius: 16px;
	filter: drop-shadow(0px 4px 24px rgba(31,83,104,0.16));
	padding: 3% 3%;
	text-align: center;
}

#summer_campaign_2026 .staffArea article figure {
	width: 160px;
	overflow: hidden;
	margin: -110px auto 1em auto;
	border-radius: 9999px;
	border: 10px solid #fff;
}


#summer_campaign_2026 .staffArea article h4 {
	background: none;
	padding: 0 0 0 0;
	margin: 0 0 .8em 0;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.5em;
}

#summer_campaign_2026 .staffArea article p {
	margin: 0 0 1.6em 0;
}

#summer_campaign_2026 .staffArea article dt {
	font-weight: 700;
	color: #1F5368;
	line-height: 1em;
	margin: 0 0 .5em 0;
}

#summer_campaign_2026 .staffArea article dd {
	font-size: 0.83333em;
	font-weight: 400;
}








@media screen and (max-width: 640px) {

    #summer_campaign_2026 {
        font-size: 14px;
    }
    
    #summer_campaign_2026 .mhg_container {
        padding: 50px 0 50px 0;
    }
    
    #summer_campaign_2026 .contents {
        width: 90%;
    }


	#summer_campaign_2026 #aboutArea {
		box-sizing: border-box;
		width: 100%;
		margin: auto;
		border-radius: 16px;
		padding: 7% 5%;
	}


	#summer_campaign_2026 #aboutArea h2 {
		margin: 0 0 .6em 0;
		font-size: 6vw;
	}

	#summer_campaign_2026 #aboutArea p {
		font-size: 3.4vw;
	}

	#summer_campaign_2026 #aboutArea p br {
		display: none;
	}
	
	#summer_campaign_2026 #aboutArea dl {
		font-size: 3vw;
		padding: .6em 1em;
		white-space: nowrap;
	}

	#summer_campaign_2026 .setArea {
		display: flex;
		flex-direction: column;
		gap:1.3em 0;
		justify-content: flex-start;
	}

	#summer_campaign_2026 .setArea.x2 {
		flex-direction: column;
	}

	#summer_campaign_2026 .setArea figure {
		width: 100%;
	}

	#summer_campaign_2026 .setArea figure p {
		border-radius: 16px;
		padding-top: 90%;
	}

	#summer_campaign_2026 .setArea figure figcaption {
		width: 20vw;
		height: 20vw;
		font-size: 3.5vw;
		top: -3vw;
		left: -3vw;
		filter: drop-shadow(0px 8px 16px rgba(0,0,0,0.2));
	}
	#summer_campaign_2026 .setArea.x2 figure figcaption {
		right: -3vw;
	}

	#summer_campaign_2026 .setArea article {
		width: 100%;
	}


	#summer_campaign_2026 .setArea article .set-name {
		font-size: 3.5vw;
		margin: 0 0 1.5em 0;
	}

	#summer_campaign_2026 .setArea article .set-note {
		padding: 6% 6%;
		border-radius: 16px;
		margin: 0 0 2em 0;
		font-size: 4vw;
	}

	#summer_campaign_2026 .setArea article .set-note ul li::before {
		width: 4vw;
		height: 4vw;
		margin: .25em 0 0 0;
	}

	#summer_campaign_2026 .setArea article .set-note ul li span {
		width: calc(100% - (4vw + .5em));
	}

	#summer_campaign_2026 .setArea article .set-price {
		margin: 0 0 1.8em 0;
		font-size: 4vw;
	}

	#summer_campaign_2026 .buyBtn a {
		font-size: 3.8vw;
		filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.3));
	}
	#summer_campaign_2026 p.notice {
		font-size: 2.5vw;
		margin: 1em 0 0 0;
	}

	#summer_campaign_2026 .itemArea {
		margin: 0 auto 2.5em auto;
		width: 100%;
	}

	#summer_campaign_2026 .itemArea h2 {
		font-size: 15vw;

	}


	#summer_campaign_2026 .itemArea article {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	#summer_campaign_2026 .itemArea.x2 article {
		flex-direction: column;
	}

	#summer_campaign_2026 .itemArea article dl {
		width: 100%;
		margin: 0 0 2em 0;
		font-size: 3.3vw;
	}


	#summer_campaign_2026 .itemArea article figure {
		width: 100%;
		padding: 20px;
		border-radius: 16px;
		filter: drop-shadow(0px 3px 10px rgba(31,83,104,0.16));
	}

	#summer_campaign_2026 .itemArea article figure p {
		padding-top: 75%;
	}

	#summer_campaign_2026 .recomArea {
		box-sizing: border-box;
		padding: 8% 0%;
		border-radius: 16px;
		filter: drop-shadow(0px 3px 10px rgba(31,83,104,0.16));
	}

	#summer_campaign_2026 .recomArea h3 {
		margin: 0 0 .8em 0;
		font-size: 5vw;
	}

	#summer_campaign_2026 .recomArea article {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		gap:.8em .8em ;
	}

	#summer_campaign_2026 .recomArea article aside {
		width: calc(50% - 1.5em);
		padding: 3% 2%
	}

	#summer_campaign_2026 .recomArea article aside figure {
		width: 40px;
	}

	#summer_campaign_2026 .recomArea article aside p {
		font-size: 3vw;
	}
	
	#summer_campaign_2026 .recomArea p.note {
		padding: 0 1.6em;
		text-align: left;
		line-height: 2em;
	}
	
	#summer_campaign_2026 .recomArea p.note br {
		display: none;
	}

	#summer_campaign_2026 .pointArea {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap:1.8em 0;
	}

	#summer_campaign_2026 .pointArea figure {
		width: 100%;
		display: flex;
		flex-direction: column;
		border-radius: 24px;
		overflow: hidden;
		filter: drop-shadow(0px 4px 24px rgba(31,83,104,0.2));
	}

	#summer_campaign_2026 .pointArea article {
		width: 100%;
		flex-direction: column;
		gap:24px 0;
	}
	#summer_campaign_2026 .pointArea.x2 article {
		width: 100%;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: flex-start;
		gap:24px 0;
	}

	#summer_campaign_2026 .pointArea article aside {
		box-sizing: border-box;
		border-radius: 16px;
		padding: 4% 6% 6% 6%;
		filter: drop-shadow(0px 2px 8px rgba(31,83,104,0.16));
		font-size: 3.4vw;

	}

	#summer_campaign_2026 .pointArea.x2 article aside {
		width: 100%;
		padding: 4% 6% 6% 6%;
	}


	#summer_campaign_2026 .elementArea {
		margin: 0 0 2em 0;
		box-sizing: border-box;
		padding: 8% 6%;
		border-radius: 16px;
		filter: drop-shadow(0px 6px 20px rgba(31,83,104,0.16));
	}

	#summer_campaign_2026 .elementArea h3 {
		margin: 0 auto 1.2em auto;
		font-size: 3.6vw;
	}


	#summer_campaign_2026 .elementArea article {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap:15px 10px;
	}

	#summer_campaign_2026 .elementArea article figure {
		width: calc(25vw - 10px);
	}

	#summer_campaign_2026 .elementArea article figure img {
		width: calc(25vw - 10px);
		height: calc(25vw - 10px);
		filter: drop-shadow(0px 2px 6px rgba(31,83,104,0.20));
	}

	#summer_campaign_2026 .elementArea article figure figcaption {
		line-height: 1.4em;
		font-size: 2vw;
		margin: 1em 0 0 0;
	}


#summer_campaign_2026 .staffArea h3 {
	margin: 0 0 3.5em 0;
	font-size: 4vw;
}



#summer_campaign_2026 .staffArea article {
	border-radius: 16px;
	filter: drop-shadow(0px 2px 12px rgba(31,83,104,0.16));
	padding: 3% 6% 6% 6%;
	font-size: 3.4vw;
}

#summer_campaign_2026 .staffArea article figure {
	width: 100px;
	margin: -60px auto 1em auto;
	border: 5px solid #fff;
}

#summer_campaign_2026 .staffArea article p br {
	display: none;
}




}


@media screen and (max-width: 320px) {

    #summer_campaign_2026 {
        font-size: 12px;
    }



	
}