@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap&subset=japanese");

@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");

@import url("/freepage/maison-kose/esprique0912/campaign/css/var.css");



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article,

aside,

details,

figcaption,

figure,

picture,

footer,

header,

hgroup,

menu,

nav,

section,

main {

	display: block;

}

body {

	line-height: 1;

}

ol,

ul {

	list-style: none;

}

blockquote,

q {

	quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

img {

	vertical-align: bottom;

}

input[type="text"] {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	box-shadow: none;

	border: none;

}

button {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	box-shadow: none;

	border: none;

	cursor: pointer;

	background: none;

	padding: 0;

}



summary {

	display: block;

}

summary::-webkit-details-marker {

	display: none;

}

::-webkit-input-placeholder {

	color: #999;

}

::-moz-placeholder {

	color: #999;

}

:-ms-input-placeholder {

	color: #999;

}

::-ms-input-placeholder {

	color: #999;

}

::placeholder {

	color: #999;

}





/* -----------------------------------------------------------------------------*/



:root {

	--rs: 1px;

}

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

	:root {

		--rs: calc(100vw / 1280);

	}

}

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

	:root {

		--rs: calc(100vw / 750);

	}

}



body {

	font-size: calc(14 * var(--rs));

	font-family: var(--font-noto-sans);

	line-height: 1;

	color: var(--font-color-base);

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	-moz-text-size-adjust: 100%;

	text-size-adjust: 100%;

}





/*clearfix*/

.cf:before,

.cf:after {

	content: "";

	display: table;

}

.cf:after {

	clear: both;

}





a {

	color: inherit;

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}



a img {

	transition: opacity 0.3s ease-in-out;

}

a:hover img {

	opacity: 0.7;

}

img.nofade {

	opacity: 1 !important;

}





img {

	max-width: 100%;

	height: auto;

}

*,

::before,

::after {

	box-sizing: border-box;

	border-style: solid;

	border-width: 0;

}



sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sub {

	bottom: -0.25em;

}

sup {

	top: -0.5em;

}





#wrap {

	overflow: hidden;

}

/* SP

-------------------------------------*/

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

	#wrap {

		min-width: 0;

	}

}





#responseFlagTab {

	display: none !important;

}



/* PC

-------------------------------------*/

@media screen and (min-width: 769px) {

	#responseFlagPc {

		display: block !important;

	}

	#responseFlagSp {

		display: none !important;

	}

}



/* SP

-------------------------------------*/

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

	#responseFlagPc {

		display: none !important;

	}

	#responseFlagSp {

		display: block !important;

	}

}





/*===========================================================================

 #header

===========================================================================*/

#header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	background-color: #dbc7ca;

	z-index: 10000;

}

#header .hdInr {

	padding-top: calc(20 * var(--rs));

	padding-bottom: calc(22 * var(--rs));

}

#header .hdLogo {

	text-align: center;

}

#header .hdLogo a {

	display: inline-block;

}

/* SP

----------------------------------*/

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

	#header .hdInr {

		height: calc(94 * var(--rs));

		padding-top: calc(28 * var(--rs));

		padding-bottom: calc(29 * var(--rs));

	}

	#header .hdLogo {

		max-width: calc(271 * var(--rs));

		margin: auto;

	}

}







/*===========================================================================

 #footer

===========================================================================*/

#footer {

	background-color: #dbc7ca;

}

#footer .ftInr {

	position: relative;

	padding-top: calc(40 * var(--rs));

	padding-bottom: calc(40 * var(--rs));

}

#footer .pageTop {

	position: absolute;

	top: 0;

	right: 0;

	transform: translate(50%, -50%);

}

#footer .pageTop a {

	display: block;

	position: relative;

	width: calc(40 * var(--rs));

	height: calc(40 * var(--rs));

	border-radius: 50%;

	background-color: #f1f3f4;

}

#footer .pageTop a::before {

	content: "";

	display: block;

	position: absolute;

	top: calc(18 * var(--rs));

	left: calc(22 * var(--rs));

	width: calc(10 * var(--rs));

	height: calc(10 * var(--rs));

	border: 1px solid;

	border-color: #666 #666 transparent transparent;

	transform: rotate(-45deg) translate(-50%, -50%);

}

#footer .copyright {

	text-align: center;

	color: #fff;

	font-size: calc(12 * var(--rs));

}

/* SP

----------------------------------*/

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

	#footer .ftInr {

		padding-top: calc(80 * var(--rs));

		padding-bottom: calc(76 * var(--rs));

	}

	#footer .pageTop {

		position: absolute;

		top: 0;

		right: calc(32 * var(--rs));

		transform: translate(0, -50%);

	}

	#footer .pageTop a {

		width: calc(90 * var(--rs));

		height: calc(90 * var(--rs));

	}

	#footer .pageTop a::before {

		top: calc(44 * var(--rs));

		left: calc(50 * var(--rs));

		width: calc(20 * var(--rs));

		height: calc(20 * var(--rs));

		border-color: #d07184 #d07184 transparent transparent;

	}

	#footer .copyright {

		font-size: calc(24 * var(--rs));

	}

}



/*===========================================================================

 #main

===========================================================================*/

#main {

	padding-top: calc(70 * var(--rs));

}

/* SP

-------------------------------------*/

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

	#main {

		padding-top: calc(94 * var(--rs));

	}

}