body {
  font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Segoe UI", sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #333;
  background-color: #fff;
}

section{
	padding-left:30px;
}

h1 {
  font-size: 2.2em;   /* 約39.6px */
  line-height: 1.3;
  font-weight: bold;
	padding:0;
	margin:0;
}

h2 {
  font-size: 1.8em;   /* 約32.4px */
  line-height: 1.4;
  font-weight: bold;
	padding:0;
	margin:0;
}

h3 {
  font-size: 1.5em;   /* 約27px */
  line-height: 1.5;
  font-weight: bold;
	padding:0;
	margin:0;
}

h4 {
  font-size: 1.3em;   /* 約23.4px */
  font-weight: bold;
	padding:0;
	margin:0;
}

h5 {
  font-size: 1.1em;   /* 約19.8px */
  font-weight: bold;
	padding:0;
	margin:0;
}

h6 {
  font-size: 1em;     /* 18px */
  font-weight: bold;
	padding:0;
	margin:0;
}

p {
  font-size: 1em;     /* 18px */
	padding:0 0 20px 10px;
	margin:0;
	white-space: normal; /* 折り返しを有効化 */
}

ul, ol {
  font-size: 1em;
  margin-bottom: 1.2em;
  padding-left: 1.5em;
}

li {
  margin-bottom: 0.5em;
}

a {
  font-size: 1em;
  color: #0066cc;
  text-decoration: underline;
}

small {
  font-size: 0.85em;
}

blockquote {
  font-size: 1.1em;
  line-height: 1.8;
  margin: 1.5em 0;
  padding: 1em;
  border-left: 5px solid #ccc;
  background-color: #f9f9f9;
}

button{
	padding:10px;
}
details{
	background-color: {$_($st_cl3)};
}

img{
	border-radius: 10px;
	border: solid 1px #d9d9d9; 
}

summary{
	background-color: {$_($st_cl4)};
    padding-top: 15px;
    padding-bottom: 15px;
}

table{
	width:100%;
}
td{
	padding: 5px 5px 5px 10px;
}

form{
	padding-left:30px;
}

input,
textarea {
  font-size: 16px;
}

.break-text {
    word-wrap: break-word; /* 非推奨の代替は overflow-wrap */
    overflow-wrap: break-word; /* 推奨される方法 */
    white-space: normal; /* テキストを通常の折り返しに戻す */
}