@charset "utf-8";
img {
 vertical-align: bottom;
}
.link-button.p3p5p {
 padding: 3% 0 5%;
}
section img {
 width: 100%;
}
h1 {
 max-width: 800px;
 margin: 0 auto;
 font-weight: bold;
 text-align: left;
}
h2 {
 margin-bottom: 2%;
}
h3 {
 margin-bottom: 1%;
}
p {
 margin: 0 auto 2%;
 line-height: 1.6;
}
.container {
 text-align: left;
}
header.h1 {
 margin: 2%;
}
.design {
 margin: 0 2% 5%;
}
article header {
 margin-bottom: 2%;
 padding: 0 1% 1%;
 border-bottom: 2px dotted #333;
}
article header h3 {
 font-weight: bold;
}
article h3 {
 margin-bottom: 0;
 font-weight: bold;
}
header p {
 margin: 0;
}
article p {
 line-height: 2;
 letter-spacing: 1px;
}
.flex-container {
 display: flex;
 justify-content: space-between;
 flex-direction: column;
}
.m {
 font-weight: bold;
 letter-spacing: 3px;
 text-indent: 1rem;
}
.pd12 {
 padding: 1% 2%;
}
.b1s {
 border: 1px solid #bbb;
 border-radius: 5px;
}
.indent {
 text-indent: 1rem;
 display: inline-block;
}
.indent0 {
 text-indent: 0;
}
.indent1m {
 margin-left: 1rem;
 text-indent: -1rem;
}
.indent2m {
 margin-left: 2rem;
 text-indent: -2rem;
}
.design {
 margin: 0 2% 4%;
}
.bhc-notice table {
 width: 100%;
}
.bhc-notice table th,
.bhc-notice table td {
 padding:  1% 2%;
 border: 1px solid #aaa;
}
@media screen and (min-width:800px) {
 .container {
  max-width: 800px;
 }
 header.h1 {
  margin: 2% auto;
 }
 .flex-container {
  flex-direction: row;
 }
 .w386 {
  max-width: 386px;
 }
 .design {
  margin: 0 auto 5%;
 }
}