@charset "UTF-8";

/* ----------------------------------------------------
    single
---------------------------------------------------- */
.inner_wrp article {
  /*  font-family: Meiryo; 20180224追加*/
  /*font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif; 20180224追加*/
  font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif; /*20180224追加*/
    line-height: 1.7rem;
  }
.inner_wrp article h1 {
  padding: 0 0 15px 0;
  margin: 0 0 20px 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.36842;
}
.inner_wrp article h2 {
  border: none;
}
.inner_wrp article h3,
.inner_wrp article h4,
.inner_wrp article p,
.inner_wrp article ul {
  text-align: left;
}

.inner_wrp article h3,
.inner_wrp article h4,
.inner_wrp article ul {
  clear: both;
}

.inner_wrp article h3 {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 0.88889;
  line-height: 1.4;
  font-weight: bold;
}
.inner_wrp article h3:before {
  display: none;
}

.inner_wrp article h4 {
  padding-top: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.14286;
  line-height: 1.6;
  font-weight: bold;
}
.inner_wrp article h4.sub {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.23077;
}
.inner_wrp article h4.sub:after {
  display: none;
}
.inner_wrp article h4.sub:before {
  content: "■";
}

.inner_wrp article ul {
  margin-bottom: 10px;
}
.inner_wrp article ul li {
  margin-bottom: 10px;
  line-height: 1.6;
}
.inner_wrp article ul li:before {
  content: "●";
  margin-right: 5px;
  color: #db001c;
  font-size: 6px;
  font-size: 0.6rem;
  line-height: 2.66667;
}

.inner_wrp article hr {
  border: 0;
  height: 1px;
  background: #e4e4e4;
}

.inner_wrp article p {
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 20px;
}
.inner_wrp article p.date, .inner_wrp article p.img {
  padding-left: 0;
  text-indent: 0;
}
.inner_wrp article p.date {
  text-align: right;
}

.inner_wrp article .img {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  background: #e4e4e4;
  padding-bottom: 10px;
  font-size: 8px;
  font-size: 0.8rem;
  line-height: 2;
  line-height: 1.4;
}
.inner_wrp article .img img {
  margin: 20px 20px 0 20px;
}
.inner_wrp article .img.alignRight {
  float: right;
  margin: 0 0 10px 20px;
}
.inner_wrp article .img.alignLeft {
  float: left;
  margin: 0 20px 10px 0;
}
.inner_wrp article .alignCenter {
  text-align: center;
}

@media screen and (max-width: 768px) {
.inner_wrp article h1 {
  padding: 0 0 13px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375;
}
.inner_wrp article .img.alignRight,
.inner_wrp article .img.alignLeft {
  width: 50%;
}
.inner_wrp article .img.alignRight img,
.inner_wrp article .img.alignLeft img {
  width: 75%;
}
.inner_wrp article .img.alignCenter {
  width: 100%;
}
.inner_wrp article .img.alignCenter img {
  width: 90%;
}
}
/* inner_wrp */

/* ----------------------------------------------------
    web_policy
---------------------------------------------------- */
#web_policy article {
  margin-top: 70px;
}

@media screen and (max-width: 736px) {
#web_policy article {
  margin-top: 10px;
}
}

/* ----------------------------------------------------
    add
---------------------------------------------------- */


@media screen and (max-width: 768px) {
/* ------------------------------
タブレット版の記述は
このエリア（@media～）に入れます。
記述がない場合はPC版のものが表示されます。
------------------------------ */
}

@media screen and (max-width: 736px) {
/* ------------------------------
スマートフォン版の記述は
このエリア（@media～）に入れます。
記述がない場合はPC版またはタブレット版のものが
表示されます。
------------------------------ */
}

@media screen and (max-width: 320px) {
/* ------------------------------
スマートフォン版最小サイズ用
------------------------------ */
}