@charset "utf-8";
/* CSS Document */





/*==============================
	aboutus

==============================*/
#aboutus h2{font-size:1.8em;margin:3rem 0 1rem}
#aboutus a { color:var(--link); border-bottom:1px solid; }
#aboutus p {text-align:left;}
#aboutus { width:calc(100% - 4em); margin:0 auto 1.6em; text-align:center; line-height: 1.6; }
#aboutus li { display:inline-block; margin-bottom:1em; }
#aboutus li:nth-of-type(n+2) { margin-left:1em; }
#aboutus li a { display:block; padding:.2em; }

#aboutus div { width:calc(100% - 2em); max-width:800px; margin:auto;text-align: left;}
#aboutus div:nth-of-type(n+2) { margin-top:1.6em; padding-top:1.6em; border-top:1px dashed; }
#aboutus div h3 { text-align: left; margin-bottom:.6em; font-size:1.2em; letter-spacing:.1em; color:var(--aromic); }
#aboutus div p, #aboutus div ul, #aboutus div ol, #aboutus div dl { line-height:1.4em; }
#aboutus div p:nth-of-type(n+2), #aboutus div li:nth-of-type(n+2), #aboutus div dd + dd { margin-top:.4em; }
#aboutus div dt:nth-of-type(n+2), #aboutus div *:not(h3) + dl { margin-top:.6em; }
#aboutus div ol li { margin-left:1em; }
#aboutus div dt { margin-bottom:.2em; font-weight:600; }
#aboutus dd{
  line-height: 1.4;
}
[class*=" cp-menu"]{
  
}

/*==============================
	message
==============================*/
#message { width:calc(100% - 4em); max-width:62em; margin:0 auto 4em; padding:3em 2em 2em; box-shadow:.4em .4em .8em rgba(0,0,0,.1); border:1px solid #eee; border-radius:2em; }
#message.ceo{max-width: 800px;padding:3em;} 
#message h2 { margin:0 auto 1.2em; text-align:center; font-size:1.6em;line-height:1.6; letter-spacing:.1em; color:var(--aromic);font-family: "EB Garamond", "Noto Serif JP", "Zen Old Mincho", 游明朝体, "Yu Mincho",
"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", "MS Mincho",
serif;  }
#message p { font-size:.92em; line-height:1.6em; text-align:left; }
#message p.ceo { max-width: 600px;margin: auto;}
#message p + p { margin-top:.6em; }
#message p span { font-family:var(--font-logo); }
#message .ceo { display:flex; justify-content:flex-end; align-items:flex-end; margin-top:1em; }
#message .ceo p { display:inline-block; text-align:right; color:var(--text); }
#message .ceo img { width:20vw; max-width:120px; margin-left:1em; }


@media screen and (max-width:768px) {
#message h2 { font-size:1.3em;}
#message { width:calc(100% - 2em); }
}

@media screen and (max-width:425px) {
#message { margin:auto; padding:2em 1em 1em; border-radius:1em; }
#message h2 { font-size:1.1em;margin-bottom:1em;}
}
#message h2::after{
  content: none;
}