@charset "UTF-8";

/*	******************************
	PRESTIGE INTERNATIONAL
	Miho Ssasaki
	update: 2026.08.24
	version: 1.0
	******************************	*/

:root {
	--color-main: #E57A77;
	--color-base: #F8F6F4;
	--color-text: #2A343D;
	--color-accent: #2BA879;
	--color-accent-active: #228661;
	--color-white: #FFFFFF;
	--color-black: #333333; 
}


* {
	font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'Helvetica Neue', Arial, 'Meiryo', メイリオ, sans-serif;
	font-style: normal;
	font-size: 16px;
	color: var(--color-text);
}

body {
	margin: 0 auto;
	width: 100%;
	background-color: var(--color-base);
}

header {
	position: fixed;
	z-index: 99;
	width: 100%;
	background-color: var(--color-white);
	box-shadow: 0 4px 4px rgba(51, 51, 51, 0.4);
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1.2rem;
	font-weight: bold;
	color: var(--color-text);
}

p {
	line-height: 1.5rem;
}

a,
a:link,
a:visited,
a:active {
	color: var(--color-accent-active);
	text-decoration: none;
}

a:hover {
	color: var(--color-accent-active);
	text-decoration: underline;
}

button {
	display: block;
	padding: 0.5rem 1em;
	width: 100%;
	font-size: 1.1em;
	text-align: center;
	color: var(--color-white);
	background: var(--color-accent);
	border: 1px solid var(--color-accent);
	border-radius: 5px;
	transition: 0.4s;
}

@media screen and (min-width: 1000px) {
	button {
		width: 400px;
	}
}

button:hover {
	background: var(--color-accent-active);
	border-color: var(--color-accent-active);
}

button::after {
    content: "";
    display: inline-block;
    margin-left: 1em;
    vertical-align: 1px;
    width: 7px;
    height: 7px;
    border-right: 2px solid var(--color-white);
    border-bottom: 2px solid var(--color-white);
    transform: rotate(-45deg);
}

input[type="button"],input[type="submit"],button{
    cursor: pointer;
}

img {
	margin: 0.5em 0;
	width: 100%;
}

footer {
	padding: 1em 0;
	text-align: center;
	border-top: 1px solid var(--color-black);
}

small {
	font-size: 10px;
	color: var(--color-text);
}


