@charset "UTF-8";

body{ background-color: #D6F3F8; font-size: 2.8rem!important;/*font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;フォントのウェイトを指定するとFirefoxで認識できない*/
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;}
.inner{ max-width: 90rem; margin: 0 auto; padding: 0 2rem;}

.content { text-align: center; margin-top: 3rem;}
.content p {text-align: center;}
.content .mb { margin-bottom: 2rem}
.content .title,
.content .image,
.content .logo { margin-bottom: 1rem }
.content .main_text { position: relative; }
.content .main_text h1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.8rem; font-weight: bold; color: #310304; line-height: 35px; width: 100%;}

.ehon { text-align: center; background-color: #fff; border: solid 4px #F1CA58; padding: 3rem; margin-bottom: 2rem}
.ehon h2 { margin: 3rem 0; font-size: 4rem; font-weight: bold; }
.ehon .sub_title { margin-bottom: 3rem; font-size: 2rem; font-weight: bold;}
.ehon .author { line-height: 45px; margin-bottom: 5rem; }
.ehon .info { font-weight: bold; font-size: 3.4rem; text-align: justify; line-height: 50px;}
.ehon { }