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

File Name:attention-exo
Note:

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

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

------------------------------------------------------------------------
----------------------------------------------------------------------*/
.p-faq__item {
  border-bottom: 1px solid #d4d0ce;
}
.p-faq__item__question {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 76px;
  padding-left: 77px;
  min-height: 100px;
  background: url(../../../img/qa_question_title_bg.png) 20px center no-repeat;
  box-sizing: border-box;
}
.p-faq__item__question .question__title {
  line-height: 1.4;
  font-size: 16px;
  font-weight: bold;
  color: #7f7875;
}
.p-faq__item__question .question__text {
  position: relative;
  padding: 0 40px 30px 77px;
  line-height: 1.625;
  font-size: 16px;
  color: #7f7875;
}
.p-faq__item__answer {
  overflow: hidden;
  padding-top: 25px;
  padding-right: 40px;
  padding-bottom: 30px;
  padding-left: 77px;
  background: url(../../../img/qa_answer_title_bg.png) 23px 30px no-repeat, linear-gradient(280deg, #fdeeeb, #fef6f4);
}
.p-faq__item__answer .answer__text {
  line-height: 1.625;
  font-size: 16px;
}
.p-faq__item__answer .answer__pic {
  margin-top: 15px;
}

.p-reference {
  padding: 0 0 0 24px;
  border: 0;
  background: url(../../../img/reference_title_bg.png) 0 0 no-repeat;
  color: #7f7875;
}
.p-reference__title {
  margin-bottom: 18px;
  padding: 0 0 6px 6px;
  border-bottom: 1px solid #c7bcb5;
  font-size: 1.5em;
  font-weight: bold;
}
.p-reference__item {
  display: flex;
  align-items: flex-start;
  line-height: 1.5;
  font-size: 1.2em;
}
.p-reference__item > a {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 3em;
  font-weight: bold;
  color: #6d9dd0;
}
.p-reference__item > a::before {
  content: "";
  display: block;
  margin-right: 5px;
  width: 10px;
  height: 10px;
  background: url(../../../img/arrow/arrow3.png) 0 0 no-repeat;
}
.p-reference__item > a:hover::before {
  background-image: url(../../../img/arrow/arrow3_h.png);
}
.p-reference__item .p-reference__text {
  flex: 1;
}
.p-reference__item .p-reference__text a {
  color: #7e7774;
}
.p-reference__item + .p-reference__item {
  margin-top: 0.5em;
}
.p-reference__item:target .p-reference__text {
  background: #f1ea4d;
  font-weight: bold;
  color: #221814;
}
.p-reference__item:target .p-reference__text a {
  font-weight: bold;
  color: #221814;
}

sup[id^=cite] {
  padding: 2px;
  line-height: 0;
}
sup[id^=cite]:target {
  background: #f1ea4d;
}
sup[id^=cite]:target a {
  font-weight: bold;
  color: #221814;
}

.p-main {
  position: relative;
}

.p-box {
  margin: 0 auto 70px;
  width: 828px;
}
.p-box__inner {
  margin: 0 17px;
}
.p-box__title {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 30px;
  padding: 0 17px;
  height: 62px;
  background: url(../../../img/feature_attention-exo_box_title_bg.png) left top repeat-x;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 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: 16px;
  font-weight: bold;
  color: #574f4b;
}
.p-box__text {
  line-height: 2;
  font-size: 14px;
  color: #7f7875;
}
.p-box__text sup {
  padding: 2px;
  font-size: 11px;
}
.p-box__pic {
  margin-top: 20px;
}
.p-box a {
  color: #6d9dd0;
}
.p-box mark {
  padding: 2px;
  background: #faf8a3;
  color: #7f7875;
}

.p-subbox__title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #7f7875;
}
.p-subbox + .p-subbox {
  margin-top: 50px;
}

.p-title {
  margin: 90px 0 60px;
  text-align: center;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 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: 24px;
  color: #574f4b;
}

.p-lead {
  width: 794px;
}
.p-lead__name {
  margin-bottom: 10px;
  text-align: right;
  font-size: 16px;
}
.p-lead__pic {
  float: right;
  margin-left: 17px;
}

.p-about__foot {
  margin-top: 20px;
  padding: 10px 22px;
  border: 1px solid #7f7875;
  line-height: 1.6923076923;
  font-size: 13px;
  font-weight: bold;
  color: #7f7875;
}
.p-about .pic3 {
  position: relative;
  margin-left: -8px;
}
.p-about .pic3 span {
  display: block;
  position: absolute;
  top: 40px;
  right: 0;
}

.p-faq .answer__pic {
  display: flex;
  justify-content: space-between;
}
.p-faq .answer__pic span {
  display: block;
  cursor: pointer;
  transition: all 0.25s;
}
.p-faq .answer__pic span:hover {
  opacity: 0.8;
}

.modal-video-close-btn {
  right: 0 !important;
}

.p-reference {
  width: 794px;
  box-sizing: border-box;
}
/*# sourceMappingURL=attention-exo.css.map */