@charset "utf-8";

/*---------------------------------------------
all
---------------------------------------------*/
a                 { overflow: hidden; }
a:link            { color: #000; text-decoration: none; }
a:visited         { color: #000; text-decoration: none; }
a:hover, a:active { color: #000; text-decoration: none; background-color: rgba(0,0,0,0.1);}

img { vertical-align: bottom;}

html { background-color: #000;}

body {
  background: -moz-linear-gradient(top, #a8fdde 20%, #ffcc5d 50%, #b27eff);
  background: -webkit-linear-gradient(top, #a8fdde 20%, #ffcc5d 50%, #b27eff);
  background: linear-gradient(to bottom, #a8fdde 20%, #ffcc5d 50%, #b27eff);
  font-family: "M PLUS 1p";
  color: #000;
}

#wrap { width: 85%; text-align: center; padding: 10% 0; margin: 0 auto; line-height: 2em;}

h1 { font-size: 3.6em; font-family: "Sawarabi Mincho"; letter-spacing: 0.4em; line-height: 1.3em; padding: 0 0 5% 3%;}
h1 span { letter-spacing: 0.16em; }

h2 { font-size: 1.2em; letter-spacing: 0.1em; line-height: 2em; margin-bottom: 3%;}

header {}

header a:link { text-decoration: underline;}

header p { margin-bottom: 3%;}

main {}

section {}

p { font-size: 0.8em; line-height: 2em; letter-spacing: 0.2em;}

p.btn { margin: 6% 0 2% 0;}

p.btn a { font-size: 1.5em; border: 2px solid #000; border-radius: 10px; padding: 5% 18%; display: inline-block; letter-spacing: 0.3em;}

p.limit { margin-bottom: 5%;}

p.text { text-align: left; max-width: 640px; margin: 0 auto;}

p.contact { margin: 5% 0 0 0; letter-spacing: 0.1em;}
p.contact a:link { text-decoration: underline;}

footer { margin: 5% 0 0 0; padding: 5% 0 0 0; border-top: 1px dotted #000; letter-spacing: 0.1em;}