@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

File Name:
Note:


New Creation:	.
Last Change:	2018/12/06 16:12:24.


Created By		Yoshiaki Murakami

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

1.	共通使用変数定義
2.	Function
3.	Layout
4.	Object

------------------------------------------------------------------------
----------------------------------------------------------------------*/
.p-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  height: 300px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.p-title__text {
  text-align: center;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 3.4rem;
  color: #fff;
}

.p-title__text::after {
  content: attr(data-eng);
  display: block;
  margin-top: 15px;
  width: 100%;
  text-transform: capitalize;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.4rem;
  color: #7e7774;
}

.c-breadcrumb__list {
  margin: 0 30px;
  padding: 10px 0;
}
.c-breadcrumb__item {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 10px;
}
.c-breadcrumb__item a {
  color: #6d9dd0;
}
.c-breadcrumb__item a:hover {
  text-decoration: underline;
}
.c-breadcrumb__item a:hover > * {
  opacity: 1;
}
.c-breadcrumb__item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -3px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #7e7774;
  border-right: 1px solid #7e7774;
  transform: rotate(45deg);
}
.c-breadcrumb__item:last-child {
  padding-right: 0;
}
.c-breadcrumb__item:last-child a {
  color: #7e7774;
}
.c-breadcrumb__item:last-child::after {
  content: none;
}

.p-contents__lead {
  margin-bottom: 27.5px;
  text-align: center;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 2.5em;
  color: #6d6562;
}
.p-contents__text {
  margin-bottom: 25.5px;
  text-align: center;
  line-height: 1.6;
  font-size: 1.5em;
}

.webp .p-contents__item__title {
  background-image: url(../../../img/pc/arrow/arrow2.webp);
}

.p-category__list {
  display: flex;
  justify-content: space-between;
}
.p-category__item {
  width: 192px;
}
.p-category__item a {
  color: #7e7774;
}
.p-category__item a:hover {
  text-decoration: none;
}
.p-category__item a:hover > * {
  opacity: 0.5;
}
.p-category__item__title {
  display: block;
  margin-top: 15px;
  background: url(../../../img/pc/arrow/arrow2.png) right center no-repeat;
  text-align: center;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 2.1em;
}
.p-category__item__text {
  margin-top: 16px;
  line-height: 1.6153846154;
  font-size: 1.3em;
}

.p-title {
  margin-bottom: 80px;
  background-image: url(../../../img/pc/contents_index_title_bg.jpg);
}
.p-title__text {
  color: #584f4c;
}

.p-update-date {
  margin: 0 80px 10px;
  text-align: right;
  font-size: 1.2em;
}

.p-contents {
  margin-bottom: 100px;
  padding-right: 80px;
  padding-left: 80px;
}

.webp .p-title {
  background-image: url(../../../img/pc/contents_index_title_bg.webp);
}