/* =========================================
   base.css
   Text structure and readability base
   DO NOT EDIT unless site-wide text behavior is intended
   ========================================= */

/* 1. Body base */
body {
	font-family: 
	"Hiragino Mincho ProN",
	"Hiragino Mincho Pro",
	"Yu Mincho",
	"YuMincho",
	"Noto Serif JP",
	serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.6;
	color: #000080;
	background-color: #fbfdff;
	background-image: url("../image/sealemb2.jpg");
	}

body.lang-en {
  font-family: Georgia, "Times New Roman", Times, "serif";
}

/* 2. Headings */
h1, h2, h3, h4 {
	margin-top: 1.2 rem;
}

h1 {
  font-size: 1.8rem;
  margin-bottom: 0.6rem;
}

h2 {
  font-size: 1.3rem;
  margin-bottom: 0.4rem;
}

h3, h4 {
  font-size: 1rem;
  margin-bottom: 0.2rem;
}

/* 3. Paragraph */
p {
  font-size: 1rem;
  margin-bottom: 0.8rem;
}

/* 4. list */
ul {
	padding-left: 1.2rem;
	margin-bottom: 1rem;
}

/* 5. Body text container (for non-p legacy text) */
.body-text {
  font-size: 1rem;
  line-height: 1.6;
}

/* 6. image */
img {
  max-width: 100%;
  height: auto;
}

/* 7. for long URLs */
a {
  overflow-wrap: anywhere;
}
p, li {
  overflow-wrap: anywhere;
}

/* responsive (for smaller devices) */
@media (max-width: 600px){
  body {
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0 1rem;
  }

  p {
	margin: 0.3em 0;
  }

  p + p {
	margin: 0.5rem 0;	
	}

h1 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

h2 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

h3, h4 {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
}