@charset "UTF-8";
/*

common.css

*/
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&family=Noto+Serif+JP&display=swap");

body { text-align: center; padding: 50px 15px 100px; font-family: 'EB Garamond', 'Noto Serif JP', serif; position: relative; letter-spacing: .05em; min-height: 100vh; box-sizing: border-box;}

h1 { max-width: 120px; margin: 0 auto 60px;}
h1 img { width: 100%;}

h2 { font-size: 18px; margin-bottom: 30px;}
h2 small { display: block; font-size: 12px; margin-bottom: 15px;}
h2 .jp { display: block; font-size: 36px; margin-bottom: 10px; font-weight: 100;}
h2 .en { display: block; font-size: 16px; font-weight: 100;}

/*
--------------------------------------------------*/
#info { margin-bottom: 60px;}
#info li+li { margin-top: 30px;}
#info li strong { display: block; margin-bottom: 10px;}
#info li a { display: block; max-width: 120px; margin: 10px auto 0; height: 30px; line-height: 30px; border-radius: 50px; background: #000; color: #fff; text-decoration: none; font-size: 12px;}


/*
--------------------------------------------------*/
#link { margin-bottom: 60px;}
#link li+li { margin-top: 20px;}
#link li a { display: block; max-width: 240px; margin: 0 auto; height: 40px; line-height: 40px; border-radius: 50px; background: #eae5d7; color: #000; text-decoration: none; font-size: 14px;}


/*
--------------------------------------------------*/
footer { position: absolute; bottom: 0; left: 0; right: 0;}
footer small { display: block; background: #000; color: #fff; height: 40px; line-height: 38px; font-size: 11px;}