/* Heading_h1
=============================================================================*/
.h1-area {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .h1-area {
    margin-bottom: 20px;
  }
}

.h1-area-in {
  padding: 18px 20px 16px 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .h1-area-in {
    padding: 18px 14px 16px 15px;
  }
}

.h1-area-in::before {
  content: "";
  width: 100%;
  height: 2px;
  background: #DEDBD7;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.h1-area-in::after {
  content: "";
  width: 25%;
  height: 2px;
  background: #7D0007;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.h1-area-in h1 {
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0.05em;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .h1-area-in h1 {
    font-size: 22px;
  }
}

/* Heading_h2
=============================================================================*/
.h2-area {
  margin-bottom: 10px;
  padding-top: 20px;
  /*コンテンツブロックと見出しの間に余白をつける*/
}

@media screen and (max-width: 767px) {
  .h2-area {
    margin-bottom: 10px;
    padding-top: 15px;
  }
}

.h2-area-in {
  padding: 22px 29px 18px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .h2-area-in {
    padding: 11px 15px 10px;
  }
}

.h2-area-in::before {
  content: "";
  width: 100%;
  height: 2px;
  background: #92793E;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.h2-area-in::after {
  content: "";
  width: 51%;
  height: 2px;
  background: #640106;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.h2-area-in h2 {
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
  font-size: 26px;
  letter-spacing: 0.05em;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .h2-area-in h2 {
    font-size: 20px;
  }
}

/* Heading_h3
=============================================================================*/
.h3-area {
  margin-bottom: 0px;
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .h3-area {
    margin-bottom: 5px;
    padding-top: 10px;
  }
}

.h3-area-in {
  padding: 16px 15px 15px 35px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .h3-area-in {
    padding: 8px 15px 8px 15px;
  }
}

.h3-area-in::before {
  content: "";
  width: 3px;
  height: 24px;
  background: #92793e;
  position: absolute;
  top: 21px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .h3-area-in::before {
    width: 2px;
    height: 20px;
    top: 13px;
  }
}

.h3-area-in h3 {
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .h3-area-in h3 {
    font-size: 18px;
  }
}

/* Column（カラムレイアウト設定）
=============================================================================*/
/*カラムサイズ変更*/
/*2カラム（1:1）*/
.column2-11 .column-left {
  float: left;
}

.column2-11 .column-right {
  float: right;
}

.column2-11 .column-left,
.column2-11 .column-right {
  width: calc((100% - 30px) / 2);
}

@media screen and (max-width: 989px) {
  .column2-11 .column-left,
  .column2-11 .column-right {
    width: calc((100% - 22px) / 2);
  }
}

@media screen and (max-width: 767px) {
  .column2-11 .column-left,
  .column2-11 .column-right {
    width: auto;
    float: none;
  }
}

/*2カラム（2:1）*/
.column2-21 .column-left {
  float: left;
  width: calc(((100% - (30px * 2)) / 3) * 2 + 30px);
}

@media screen and (max-width: 989px) {
  .column2-21 .column-left {
    float: left;
    width: calc(((100% - (22px * 2)) / 3) * 2 + 22px);
  }
}

@media screen and (max-width: 767px) {
  .column2-21 .column-left {
    float: none;
    width: auto;
  }
}

.column2-21 .column-right {
  float: right;
  width: calc((100% - (30px * 2)) / 3);
}

@media screen and (max-width: 989px) {
  .column2-21 .column-right {
    float: right;
    width: calc((100% - (22px * 2)) / 3);
  }
}

@media screen and (max-width: 767px) {
  .column2-21 .column-right {
    float: none;
    width: auto;
  }
}

/*2カラム（1:2）*/
.column2-12 .column-left {
  float: left;
  width: calc((100% - (30px * 2)) / 3);
}

@media screen and (max-width: 989px) {
  .column2-12 .column-left {
    float: left;
    width: calc((100% - (22px * 2)) / 3);
  }
}

@media screen and (max-width: 767px) {
  .column2-12 .column-left {
    float: none;
    width: auto;
  }
}

.column2-12 .column-right {
  float: right;
  width: calc(((100% - (30px * 2)) / 3) * 2 + 30px);
}

@media screen and (max-width: 989px) {
  .column2-12 .column-right {
    float: right;
    width: calc(((100% - (22px * 2)) / 3) * 2 + 22px);
  }
}

@media screen and (max-width: 767px) {
  .column2-12 .column-right {
    float: none;
    width: auto;
  }
}

/*3カラム（1:1:1）*/
.column3 .column-left {
  float: left;
  margin-right: 30px;
}

@media screen and (max-width: 989px) {
  .column3 .column-left {
    float: left;
    margin-right: 22px;
  }
}

@media screen and (max-width: 767px) {
  .column3 .column-left {
    float: none;
    margin-right: 0;
  }
}

.column3 .column-center {
  float: left;
}

@media screen and (max-width: 989px) {
  .column3 .column-center {
    float: left;
  }
}

@media screen and (max-width: 767px) {
  .column3 .column-center {
    float: none;
  }
}

.column3 .column-right {
  float: right;
}

@media screen and (max-width: 989px) {
  .column3 .column-right {
    float: right;
  }
}

@media screen and (max-width: 767px) {
  .column3 .column-right {
    float: none;
  }
}

.column3 .column-box {
  width: calc((100% - (30px * 2)) / 3);
}

@media screen and (max-width: 989px) {
  .column3 .column-box {
    width: calc((100% - (22px * 2)) / 3);
  }
}

@media screen and (max-width: 767px) {
  .column3 .column-box {
    width: auto;
  }
}

/*3カラム用詰め防止*/
.cms-artis .cms-artis-page .cms-border-none .column-area .column3 .column-box {
  padding: 0 0 1px 0 !important;
}

.column3 .column-box {
  padding-bottom: 1px;
}

/* Anchor
=============================================================================*/
div.anchor-area {
  padding-top: 30px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  div.anchor-area {
    padding-top: 15px;
    margin-bottom: 10px;
  }
}

div.anchor-area .pageindex {
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
}

div.anchor-area ul {
  padding: 26px 40px;
  border: solid 2px #DEDBD7;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 0px;
  margin-top: 9px;
}

@media screen and (max-width: 767px) {
  div.anchor-area ul {
    padding: 26px 26px;
  }
}

div.anchor-area ul.clearfix::after {
  display: none;
}

div.anchor-area ul li {
  width: 100%;
}

div.anchor-area ul li a {
  padding-left: 25px;
  display: block;
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #222;
  text-decoration: none;
  position: relative;
}

@media screen and (max-width: 767px) {
  div.anchor-area ul li a {
    font-size: 14px;
  }
}

div.anchor-area ul li a::before {
  content: "";
  width: 5px;
  height: 24px;
  background: url(../images/contents-ar009.svg) no-repeat 0 0/contain;
  position: absolute;
  top: 0;
  left: 0;
}

@media (hover: hover) and (pointer: fine) {
  div.anchor-area ul li a:hover {
    opacity: 1 !important;
    color: #7D0007;
  }
  div.anchor-area ul li a:hover::before {
    background: url(../images/contents-ar010.svg) no-repeat 0 0/contain;
  }
}

div.anchor-area ul li.clearfix {
  padding: 0;
  background: none;
}

div.anchor-area ul.str02 {
  letter-spacing: -0.4em;
}

div.anchor-area ul.str02 li {
  width: calc((100% - (34px * 2)) / 3);
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  /*box-sizing*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 989px) {
  div.anchor-area ul.str02 li {
    width: 100%;
    display: block;
  }
}



/* Text
=============================================================================*/
.txt-area {
  margin-bottom: 10px;
}

/* HTML
=============================================================================*/
.html-area {
  margin-bottom: 0;
}

/* List
=============================================================================*/
ul.contents-list-ul,
ol.contents-list-ol {
  padding: 10px 0;
  display: table;
  width: auto;
}

ul.contents-list-ul li {
  list-style-type: disc;
  margin: 0 0 0 20px;
}

ol.contents-list-ol li {
  list-style-type: decimal;
  margin: 0 0 0 32px;
}

/* Image Setup
=============================================================================*/
.img-area .img {
  margin-bottom: 5px;
}

/* Table
=============================================================================*/
div.table-area {
  clear: both;
  margin: 0 0 10px 0;
}

div.table-area table {
  width: 100%;
  border-top: #E5DECB 1px solid;
  border-right: #E5DECB 1px solid;
  /*ボックスモデル*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

div.table-area table th,
div.table-area table td {
  border-left: #E5DECB 1px solid;
  border-bottom: #E5DECB 1px solid;
  padding: 13px 19px 12px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  div.table-area table th,
  div.table-area table td {
    font-size: 14px;
    padding: 6px 7px;
    line-height: 1.6;
  }
}

div.table-area table th {
  background-color: #F1ECDF;
  vertical-align: middle;
}

div.table-area table td {
  vertical-align: middle;
  background: #fff;
}

div.table-area table th.title {
  text-align: right;
}

div.table-area table td.align-right {
  text-align: right;
}

div.table-area table td.nowrap {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  div.table-area table td.nowrap {
    white-space: normal;
  }
}

div.table-area table td div.txt-wrapper {
  padding: 0 0 5px 0;
}

div.table-area table td span.note-txt {
  display: block;
  padding: 0 0 3px 0;
}

/*枠無*/
div.table-area table.border-none,
div.table-area table.border-none th,
div.table-area table.border-none td {
  border-collapse: collapse;
  border: solid #FFFFFF 1px;
}


/*リサイズなし（各カラムの幅に合わせる）*/
.photo-noresize img {
  height: auto;
}

.photo-noresize p {
  text-align: center;
}

/*リンク画像ロールオーバー設定*/
.img-area .img a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}

/*通常*/
.photo-noresize,
.photo-noresize img {
  max-width: 1100px;
}

@media screen and (max-width: 989px) {
  .photo-noresize,
  .photo-noresize img {
    max-width: 710px;
  }
}

@media screen and (max-width: 767px) {
  .photo-noresize,
  .photo-noresize img {
    max-width: 100% !important;
  }
}

/*1カラム*/
.column2-11 .photo-noresize,
.column2-11 .photo-noresize img {
  max-width: calc((1100px - 30px) / 2);
}

@media screen and (max-width: 1150px) {
  .column2-11 .photo-noresize,
  .column2-11 .photo-noresize img {
    max-width: calc((950px - 22px) / 2);
  }
}

@media screen and (max-width: 989px) {
  .column2-11 .photo-noresize,
  .column2-11 .photo-noresize img {
    max-width: calc((710px - 22px) / 2);
  }
}

/*2カラム（1:1）*/
.column2-21 .column-left .photo-noresize,
.column2-21 .column-left .photo-noresize img,
.column2-12 .column-right .photo-noresize,
.column2-12 .column-right .photo-noresize img {
  max-width: calc((((1100px - (30px * 2)) / 3) * 2) + 30px);
}

@media screen and (max-width: 989px) {
  .column2-21 .column-left .photo-noresize,
  .column2-21 .column-left .photo-noresize img,
  .column2-12 .column-right .photo-noresize,
  .column2-12 .column-right .photo-noresize img {
    max-width: calc((((710px - (22px * 2)) / 3) * 2) + 22px);
  }
}

/*2カラム（大）*/
.column2-21 .column-right .photo-noresize,
.column2-21 .column-right .photo-noresize img,
.column2-12 .column-left .photo-noresize,
.column2-12 .column-left .photo-noresize img {
  max-width: calc((1100px - (30px * 2)) / 3);
}

@media screen and (max-width: 989px) {
  .column2-21 .column-right .photo-noresize,
  .column2-21 .column-right .photo-noresize img,
  .column2-12 .column-left .photo-noresize,
  .column2-12 .column-left .photo-noresize img {
    max-width: calc((710px - (22px * 2)) / 3);
  }
}

/*2カラム（小）*/
.column3 .photo-noresize,
.column3 .photo-noresize img {
  max-width: calc((1100px - (30px * 2)) / 3);
}

@media screen and (max-width: 989px) {
  .column3 .photo-noresize,
  .column3 .photo-noresize img {
    max-width: calc((710px - (22px * 2)) / 3);
  }
}

/*3カラム*/
/*特設サイト*/
.special-area .photo-noresize,
.special-area .photo-noresize img {
  max-width: calc(1100px - (50px * 2));
}

@media screen and (max-width: 989px) {
  .special-area .photo-noresize,
  .special-area .photo-noresize img {
    max-width: calc(710px - (50px * 2));
  }
}

@media screen and (max-width: 767px) {
  .special-area .photo-noresize,
  .special-area .photo-noresize img {
    max-width: 100% !important;
  }
}

/*1カラム*/
.column2-11 .special-area .photo-noresize,
.column2-11 .special-area .photo-noresize img {
  max-width: calc(((1100px - 30px) / 2) - (50px * 2));
}

@media screen and (max-width: 989px) {
  .column2-11 .special-area .photo-noresize,
  .column2-11 .special-area .photo-noresize img {
    max-width: calc(((710px - 22px) / 2) - (50px * 2));
  }
}

/*2カラム（1:1）*/
.column2-21 .column-left .special-area .photo-noresize,
.column2-21 .column-left .special-area .photo-noresize img,
.column2-12 .column-right .special-area .photo-noresize,
.column2-12 .column-right .special-area .photo-noresize img {
  max-width: calc(((((1100px - (30px * 2)) / 3) * 2) + 30px) - (50px * 2));
}

@media screen and (max-width: 989px) {
  .column2-21 .column-left .special-area .photo-noresize,
  .column2-21 .column-left .special-area .photo-noresize img,
  .column2-12 .column-right .special-area .photo-noresize,
  .column2-12 .column-right .special-area .photo-noresize img {
    max-width: calc(((((710px - (22px * 2)) / 3) * 2) + 22px) - (50px * 2));
  }
}

/*2カラム（大）*/
.column2-21 .column-right .special-area .photo-noresize,
.column2-21 .column-right .special-area .photo-noresize img,
.column2-12 .column-left .special-area .photo-noresize,
.column2-12 .column-left .special-area .photo-noresize img {
  max-width: calc(((1100px - (30px * 2)) / 3) - (50px * 2));
}

@media screen and (max-width: 989px) {
  .column2-21 .column-right .special-area .photo-noresize,
  .column2-21 .column-right .special-area .photo-noresize img,
  .column2-12 .column-left .special-area .photo-noresize,
  .column2-12 .column-left .special-area .photo-noresize img {
    max-width: calc(((710px - (22px * 2)) / 3) - (50px * 2));
  }
}

/*2カラム（小）*/
.column3 .special-area .photo-noresize,
.column3 .special-area .photo-noresize img {
  max-width: calc(((1100px - (30px * 2)) / 3) - (50px * 2));
}

@media screen and (max-width: 989px) {
  .column3 .special-area .photo-noresize,
  .column3 .special-area .photo-noresize img {
    max-width: calc(((710px - (22px * 2)) / 3) - (50px * 2));
  }
}

/*3カラム*/
/*リサイズされる画像に対しての設定*/
.photo-small img,
.photo-normal img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .photo-small img,
  .photo-normal img {
    width: auto;
    max-width: 100%;
  }
}

.photo-small {
  width: calc((100% - (30px * 2)) / 3);
}

/*画像小の指定（サイトに合わせて調節）*/
.photo-normal {
  width: calc((100% - 30px) / 2);
}

/*画像標準の指定（サイトに合わせて調節）*/
@media screen and (max-width: 989px) {
  .photo-small {
    width: calc((100% - (22px * 2)) / 3);
  }
  /*画像小の指定（サイトに合わせて調節）*/
  .photo-normal {
    width: calc((100% - 22px) / 2);
  }
  /*画像標準の指定（サイトに合わせて調節）*/
}

/*キャプション*/
.img-area .cap {
  font-size: 92%;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .img-area .cap {
    margin-bottom: 0;
  }
}

.img-area .cap-c {
  text-align: center;
}

.img-area .cap-l {
  text-align: left;
}

.img-area .cap-r {
  text-align: right;
}

/*3カラム用設定*/
.column3 .img-area .cap {
  font-size: 85%;
}

/* Text + Photo
=============================================================================*/
.txt-img-area {
  margin-bottom: 10px;
}

/*写真右位置*/
.txt-img-area .photo-right {
  float: right;
  margin-left: 30px;
}

@media screen and (max-width: 989px) {
  .txt-img-area .photo-right {
    margin-left: 22px;
  }
}

@media screen and (max-width: 767px) {
  .txt-img-area .photo-right {
    float: none;
    margin: 0 0 5px;
    text-align: center;
    width: 100%;
  }
}

/*写真左位置*/
.txt-img-area .photo-left {
  float: left;
  margin-right: 30px;
}

@media screen and (max-width: 989px) {
  .txt-img-area .photo-left {
    margin-right: 22px;
  }
}

@media screen and (max-width: 767px) {
  .txt-img-area .photo-left {
    float: none;
    margin: 0 0 5px;
    text-align: center;
    width: 100%;
  }
}

/*3カラム用設定*/
.column3 .txt-img-area .photo-right {
  margin-left: 7px;
}

@media screen and (max-width: 767px) {
  .column3 .txt-img-area .photo-right {
    margin-left: 0;
  }
}

.column3 .txt-img-area .photo-left {
  margin-right: 7px;
}

@media screen and (max-width: 767px) {
  .column3 .txt-img-area .photo-left {
    margin-right: 0;
  }
}

/* Photo
=============================================================================*/
.pat-img-area02,
.pat-img-area {
  margin-bottom: 10px;
}

/* Photo+Photo
=============================================================================*/
.pat-img-area02 {
  text-align: center;
}

.pat-img-area02 .photo-left {
  float: left;
}

.pat-img-area02 .photo-right {
  float: right;
}

.pat-img-area02 .photo-right img,
.pat-img-area02 .photo-left img {
  max-width: 100% !important;
  /*max-width:380px !important; キャプションに装飾をつけたい場合*/
}

.pat-img-area02 .img-area-in {
  /*display:inline-block; キャプションに装飾をつけたい場合*/
}

.pat-img-area02 .img-area,
.column1 .pat-img-area02 .photo-left,
.column1 .pat-img-area02 .photo-right {
  width: calc((100% - 30px) / 2);
}

@media screen and (max-width: 989px) {
  .pat-img-area02 .img-area,
  .column1 .pat-img-area02 .photo-left,
  .column1 .pat-img-area02 .photo-right {
    width: calc((100% - 22px) / 2);
  }
}

@media screen and (max-width: 767px) {
  .pat-img-area02 .img-area,
  .column1 .pat-img-area02 .photo-left,
  .column1 .pat-img-area02 .photo-right {
    width: 48%;
  }
}

/* Float Clear
=============================================================================*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}

.clearfix {
  display: inline-block;
}

/*\*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/**/
.clear {
  clear: both;
}

/*Color*/
span.color-01 {
  color: #000000;
}

span.color-02 {
  color: #ffffff;
}

span.color-03 {
  color: #800000;
}

span.color-04 {
  color: #000080;
}

span.color-05 {
  color: #ff3366;
}

span.color-06 {
  color: #ff0000;
}

span.color-07 {
  color: #ff9900;
}

span.color-08 {
  color: #33cc00;
}

span.color-09 {
  color: #008000;
}

span.color-10 {
  color: #00ccff;
}


span.strong {
    font-weight: bold;
}
span.right-adjust {
  display: block;
  text-align: right;
}
span.center-justification {
    display: block;
    text-align: center;
}

/* デフォルトボタン要素
=============================================================================*/
.html-area .button {
  display: block;
  padding: 13px 60px 13px 20px;
  text-decoration: none;
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.1em;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .html-area .button {
    font-size: 16px;
  }
}

.html-area .button.button-inline {
  display: inline-block;
}

.html-area .button::after {
  content: '';
  width: 30px;
  height: 5px;
  background: url(../images/contents-ar006.svg) no-repeat 0 0/contain;
  position: absolute;
  right: 20px;
  top: calc(50% - 2px);
  display: block;
  transition: all .3s;
}

.html-area .button--type1 {
  color: #222;
  background: #fff;
  border: 1px solid #888;
}

.html-area .button--type1:hover {
  color: #fff;
  background: #7D0007;
  border: solid 1px #7D0007;
  opacity: 1;
}

.html-area .button--type1:hover::after {
  background: url(../images/contents-ar007.svg) no-repeat 0 0/contain;
}

.html-area .button--type2 {
  color: #7D0007;
  background: #fff;
  border: 1px solid #7D0007;
}

.html-area .button--type2::after {
  background: url(../images/contents-ar008.svg) no-repeat 0 0/contain;
}

.html-area .button--type2:hover {
  color: #fff;
  background: #7D0007;
  opacity: 1;
}

.html-area .button--type2:hover::after {
  background: url(../images/image/contents-ar007.svg) no-repeat 0 0/contain;
}

.html-area .button.inactive {
  color: #aaa;
  border: 1px solid #aaa;
  pointer-events: none;
}

.html-area .button.inactive::after {
  background: url(../images/contents-ar011.svg) no-repeat 0 0/contain;
}

/*blank*/
.html-area .button[target="_blank"]::after {
  position: absolute;
  right: 30px;
  top: calc(50% - 8px);
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/blank-ic002.svg") no-repeat 0 0/contain;
}

.html-area .button--type1[target="_blank"]:hover::after {
  background: url("../images/blank-ic001.svg") no-repeat 0 0/contain;
}

.html-area .button--type2[target="_blank"]::after {
  background: url("../images/blank-ic003.svg") no-repeat 0 0/contain;
}

.html-area .button--type2[target="_blank"]:hover::after {
  background: url("../images/blank-ic001.svg") no-repeat 0 0/contain;
}

.html-area .button.inactive[target="_blank"]::after {
  background: url("../images/blank-ic004.svg") no-repeat 0 0/contain;
}

/*振り分けデザイン*/
.html-area .junction-h2-area {
  margin: 0 0 20px 0;
}

.html-area .junction-h2-area h2.junction-h2 a {
  display: block;
  text-decoration: none;
  padding: 17px 55px 17px 25px;
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #fff;
  background: #ea5504;
  position: relative;
}

.html-area .junction-h2-area h2.junction-h2 a::before {
  content: "";
  width: 23px;
  height: 5px;
  background: url(../images/contents-ar007.svg) no-repeat 0 0/contain;
  position: absolute;
  right: 22px;
  top: calc(50% - 2px);
}

@media (hover: hover) and (pointer: fine) {
  .html-area .junction-h2-area h2.junction-h2 a:hover {
    opacity: 1 !important;
    background: #7D0007;
  }
}

.html-area .junction-h2-area h2.junction-h2_completion {
  display:flex;	
  text-decoration: none;
  padding: 17px 55px 17px 25px;
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #fff;
  background: #1d2088;
  justify-content: space-between;	
}


/*h4要素*/
.html-area h4 {
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.05em;
  padding: 3px 12px 3px;
}

.html-area h4.h4--type1 {
  background: #7d0007;
  color: #fff;
}

.html-area h4.h4--type2 {
  background: #92793E;
  color: #fff;
}

.html-area h4.h4--type3 {
  background: #ea5504;
  color: #fff;
}




/* 余白（HTML要素用）
=============================================================================*/
hr.mgb-sp010,
hr.mgb-sp020,
hr.mgb-sp030,
hr.mgb-sp040,
hr.mgb-sp050,
hr.mgb-sp060,
hr.mgb-sp070,
hr.mgb-sp080,
hr.mgb-sp090,
hr.mgb-sp100 {
  display: block;
  height: 1px;
  border: none;
}

hr.mgb-sp010 {
  margin: 0 0 10px 0;
}

hr.mgb-sp020 {
  margin: 0 0 20px 0;
}

hr.mgb-sp030 {
  margin: 0 0 30px 0;
}

hr.mgb-sp040 {
  margin: 0 0 40px 0;
}

hr.mgb-sp050 {
  margin: 0 0 50px 0;
}

hr.mgb-sp060 {
  margin: 0 0 60px 0;
}

hr.mgb-sp070 {
  margin: 0 0 70px 0;
}

hr.mgb-sp080 {
  margin: 0 0 80px 0;
}

hr.mgb-sp090 {
  margin: 0 0 90px 0;
}

hr.mgb-sp100 {
  margin: 0 0 100px 0;
}

@media screen and (max-width: 767px) {
  hr.mgb-sp010,
  hr.mgb-sp020,
  hr.mgb-sp030,
  hr.mgb-sp040,
  hr.mgb-sp050,
  hr.mgb-sp060,
  hr.mgb-sp070,
  hr.mgb-sp080,
  hr.mgb-sp090,
  hr.mgb-sp100 {
    display: none;
  }
}





/* 
=============================================================================*/





.l-contents_win_premium {
	background: #F9F9F9;
}
@media screen and (max-width: 767px) {
  .l-contents_win_premium {
    width: auto;
    padding: 0 10px 0;
  }
}

.main-contents {
	width: 1100px;
    margin: 0 auto 10px;
    padding: 20px 0 40px;
	color: #222;
	font-family: 'Noto Sans Japanese', 'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: normal;
	line-height: 1.8;
}
@media screen and (max-width: 1199px) {
  .main-contents {
    width: auto;
    padding: 20px 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .main-contents {
    width: auto;
    padding: 20px 0 0;
  }
}


.breadcrumb-area {
    padding: 15px 0;
    margin: 0 auto;
    background-color: #DCDDDD;
}
.breadcrumb-area_inner {
	width: 1100px;
    margin: 0 auto;
}
.breadcrumb {
	font-size: 15px;
    padding: 0;
}
.breadcrumb a {
	color: #003686;
	text-decoration: underline !important;
}
.breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.breadcrumb li:not(:last-child)::after {
    display: inline-block;
    margin: 0 .25rem;
    content: ">";
}
@media (max-width: 1199px) {
  .breadcrumb-area {
    padding: 5px 0;
  }
.breadcrumb-area_inner {
	width: 100%;
	max-width: 1100px;
    margin: 0 auto;
}	
  .breadcrumb {
    font-size: 12px;
	padding: 5px 10px;  
  }
}