@charset "UTF-8";
.p-article {
  margin-top: var(--s3);
  font-size: 0.875rem;
}

.p-article__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-article__title {
  margin-top: var(--s0);
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.p-article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.p-article__infoTime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: .5em 0;
  padding: 0 .5em;
  border-right: 1px solid #212121;
  border-left: 1px solid #212121;
  line-height: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Montserrat';
}

.p-article__infoCat {
  margin-left: var(--s1);
  padding: .25em .5em;
  border-radius: 2px;
  font-size: var(--font-size-smallish);
}


.p-article p {
  line-height: 2;
}

.p-article figcaption {
  text-align: left;
  font-size: var(--font-size-small);
}

.p-article__body {
  padding-bottom: var(--s4);
}

.p-article__body > * {
  margin-top: var(--s2);
}

.p-article__body figure {
  margin: 0 auto;
  margin-top: var(--s2);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

@media screen and (max-width: 576px) {
  .p-article__body figure {
    max-width: 100%;
    width: 100%;
  }
}

.p-article__body figure img {
  max-width: 100%;
  height: auto;
}

.p-article__body a {
  color: #0079f2;
  //font-size: var(--font-size-small);
}

.p-article__body h2 {
  margin-top: var(--s4);
  font-size: var(--font-size-base);
}




.p-article__body2column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-top: var(--s3);
  max-width: 680px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 576px) {
  .p-article__body2column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: var(--s2);
    max-width: inherit;
  }
}

.p-article__body2column figure {
  margin: 0;
  max-width: 320px;
}

@media screen and (max-width: 576px) {
  .p-article__body2column figure {
    max-width: inherit;
  }
  .p-article__body2column figure + figure {
    margin-top: var(--s2);
  }
}

.p-article__body2column figcaption {
  line-height: 2;
}

.p-article__download a {
  display: block;
}

.p-article__download p {
  font-family: "MFW-PShinGoPr6N-DeBold";
}

.p-article__download span {
  font-size: var(--font-size-small);
}

.p-article__link a {
  display: block;
}

.p-article__link p {
  font-family: "MFW-PShinGoPr6N-DeBold";
  font-family: "MFW-PShinGoPr6N-DeBold";
}

.p-article__link span {
  font-size: var(--font-size-small);
}

.p-article__index {
  margin-top: var(--s4);
  padding-bottom: var(--s4);
}

@media screen and (max-width: 576px) {
  .p-article__index {
    margin-top: var(--s2);
  }
}

.p-article__indexList + .p-article__indexList {
  margin-top: var(--s3);
}

.p-article__indexTitle {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  font-size: var(--font-size-base);
  font-family: "MFW-PShinGoPr6N-DeBold",'Montserrat';
  line-height: 2;
}

.p-article__indexTitle::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 20%;
  height: 1px;
  background-color: #008a32;
  content: '';
}

.p-article__indexListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
  margin-top: var(--s1);
}

@media screen and (max-width: 576px) {
  .p-article__indexListItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.p-article__indexListItem + .p-article__indexListItem {
  margin-top: var(--s2);
}

.p-article__indexListItemTitle {
  margin-left: var(--s1);
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 2;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media screen and (max-width: 576px) {
  .p-article__indexListItemTitle {
    margin-left: 0;
  }
}

.p-article__footer {
  margin-top: var(--s3);
}

.p-article__button {
  width: 480px;
  height: 60px;
  border: 1px solid #008a32;
  color: #008a32;
  font-size: 0.875rem;
}

.bold {
  font-family: "MFW-PShinGoPr6N-DeBold";
}

.item_rich_text blockquote {
 border:0;
 padding:10px 10px 10px 50px;
 position:relative;
 background:#f5f5f5;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px
}
.item_rich_text blockquote:before {
 margin-top:-15px;
 font-family:"FontAwesome";
 content:"\f10d";
 font-size:30px;
 color:#ddd;
 position:absolute;
 left:10px;
 top:0;
 font-style:normal;
 text-shadow:#fff 2px 2px 0px, #fff -2px 2px 0px, #fff 2px -2px 0px, #fff -2px -2px 0px
}
.item_rich_text blockquote footer {
 padding-top:8px;
 margin-bottom:0
}

.article-item:not(.item_html) .cite {
 color:#aaa
}

.u-color__red {
    color: #D10000!important;
}
.u-color__white {
    color: #fff!important;
}
.u-color__green {
    color: #006A26!important;
}
.u-color__blue {
    color: #00189D!important;
}
.u-color__yellow {
    color: #F5FF00!important;
}
.u-color__purple {
    color: #3D1662!important;
}

/* paginateの件数非表示  */
.num-lines {
  display: none;
}


/*  リンク */
.default-link {
  color: #212121;
}

/* 赤文字  */
.red {
  color: #D10000;
}

/* 黄色文字 */
.yellow {
  color: #F5FF00;
}

/* 背景赤  */
.bg-red {
  background-color: #F8D4D4;
  color: #212121;
}

/* 青文字  */
.blue {
  color: #00189D;
}

.black {
  color: #000;
}

.white {
  color: #fff;
}

/*  背景青 */
.bg-blue {
  background-color: #A4DBE5;
  color: #212121;
}

/* 緑文字  */
.green {
  color: #006A26;
}

/*  背景緑 */
.bg-green {
  background-color: #C2F8D7;
  color: #212121;
}

/*  背景黄色 */
.bg-yellow {
 background-color: #F5FF00;
 color: #212121;
}

/* 背景黄緑 */
.bg-yellow-green {
  background-color: #DBFDBE;
  color: #212121;
}

/* 背景茶色 */
.bg-brown {
  background-color: #FFE5BC;
  color: #212121;
}

/* 背景桃色 */
.bg-pink {
  background-color: #FFD6F4;
  color: #212121;
}


/* 斜体  */
.italic{
  font-style: italic;
}

/* 下線  */
.border-single{
  text-decoration:underline;
}

/* 下線 二重線 */
.border-double {
  text-decoration:underline double;
}


.item_link::after {
content: "";
display: block;
clear: both;
}

.pull-left {
	margin-right: 20px;
	margin: 10px 20px 10px 0;
}

.small {
    font-size: var(--font-size-small);
}
.item_heading h3 {
    font-family: "MFW-PShinGoPr6N-DeBold";
    font-size: 1em;
    color: #008a32;
}

.item_quote {
    .item-body-hbr {
        font-family: "MFW-PShinGoPr6N-DeBold";
    }
    .cite {
        color: transparent;
        font-size: 0;
    }
    .item-source {
        display: block;
        font-style: normal;
        color: #0079f2;
        font-size: var(--font-size-small);
    }
}

.img_right .media {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:reverse;
 -ms-flex-direction:row-reverse;
 flex-direction:row-reverse
}
.img_right .media .pull-sm-left {
 margin-left:20px;
max-width: 360px;
}
.img_right .media .media-heading.item-body {
 margin-top:0
}
.img_right .media .item-comment {
 margin-top:36px;
    font-size: 14px;
 line-height:2;
}

.img_right .media .pull-sm-left img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 768px) {

 .img_right .media {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse
 }
 .img_right .media .pull-sm-left {
  margin:0 auto;
max-width: inherit;
 }
    
}

.item_heading h2.item-body {
	margin: 0;
	font-size: 1.1rem;
	border: none;
	color: #008a32;
	padding: 5px 0;
	font-family: "MFW-PShinGoPr6N-DeBold";
}

