@charset "utf-8";
/*-- DMR --*/

/* 全体設定 */

.dmr {
  font-size: 14px;
}

.dmr p {
  margin: 0;
  line-height: 2;
}

.dmr img {
  width: 100%;
}

.dmr ul,
.dmr ol,
.dmr ol li {
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
}

.dmr .headText {
  margin: 40px 0 0;
}

#breadcrumb .here {
  width: 100%;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.dmr .lead_box .text_lead {
  line-height: 2;
  letter-spacing: -0.02rem;
}

.dmr .title,
.dmr .tit_content {
  padding: 0;
  font-size: 24px;
  font-weight: bold;
  color: #728ac5;
  position: relative;
}

/* リードエリア
/* ---------------------------------- */

.dmr .lead_box {
  margin: 10px 0 0;
}
.dmr .title {
  line-height: 1;
}
.dmr .lead_box .lead_text {
  margin: 60px 0 0;
}
.dmr .lead_box .text_lead {
  margin: 20px 0 0;
}


/* アンカーリンク
/* ---------------------------------- */

.dmr .anchor_box {
  margin: 40px 0 0;
}

.dmr .ul_anchor {
  margin: 20px 0 0;
}

.dmr .ul_anchor li {
  text-indent: -1.1em;
  padding-left: 1.1em;
}

.dmr .ul_anchor li:nth-child(n + 2) {
  margin: 7px 0 0;
}

.dmr .ul_anchor li::before {
  content: '≫ ';
}



/* 本文section
/* ---------------------------------- */

.dmr .content_box {
  margin: 57px 0 0;
}
.dmr .lead_box + .content_box {
  margin: 34px 0 0;
}

.dmr .tit_content {
  margin: 32px 0 10px;
  padding: 0 0 0 10px;
  color: #728ac5;
  position: relative;
  line-height: 1.5;
  font-size: 18px;
}

.dmr .tit_content::before {
  content: '';
  display: block;
  width: 4px;
  height: 18px;
  background: #728ac5;
  position: absolute;
  top: 4px;
  left: 0;
}
.dmr .tit_img + .box_text .tit_content {
  margin-top: 27px;
}
.dmr .box_img + .box_text .tit_content {
  margin-top: 36px;
}


.dmr .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dmr .flex.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.dmr .flex.right .box {
  margin-left: 20px;
}

/*-- 画像周り --*/
.dmr .box_img {
  margin: 30px 0 0;
}
.dmr .wrap_img .img,
.dmr .box_img .box {
  width: 255px;
}
.dmr .box_img .box p {
  margin: 12px 0 0;
  color: #555;
  font-size: 12px;
  line-height: 1.4;
}

.dmr .wrap_img .text {
  width: 535px;
}
.dmr .wrap_img .img {
  margin: 10px 0 0;
}


/*-- ディスカッション --*/
.dmr .box_talk {
  margin: 30px 0 0;
  padding: 25px;
  background: #dce1f1;
  border-radius: 15px;
}
.dmr .box_talk .tit_talk {
  margin-bottom: 16px;
  padding-left: 40px;
  color: #728ac5;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  letter-spacing: -.1em;
}
.dmr .box_talk .tit_talk::before {
  content: '';
  display: block;
  width: 31px;
  height: 25px;
  background: url(../img/no234/ico01.png) no-repeat center top;
  position: absolute;
  top: 0;
  left: 0;
}
.dmr .box_talk p + p {
  margin: 28px 0 0;
}
.dmr .box_talk .wrap_img {
  margin: 32px 0 0;
}
.dmr .box_talk p {
  line-height: 2;
  letter-spacing: 0;
}
.dmr .box_talk p span {
  padding-right: 1em;
  font-weight: bold;
  color: #728ac5;
}
.dmr .box_talk .wrap_img .text {
  width: 480px;
}
.dmr .box_talk .wrap_img .img {
  margin-top: 11px;
}
.dmr .box_talk .box_img {
  margin-top: 18px;
}


/*-- 動画はこちら --*/
.dmr .go_movie {
  margin: 18px 0 0;
  padding-left: 20px;
  color: #555;
  font-size: 22px;
  font-weight: bold;
  position: relative;
  letter-spacing: -.01em;
}
.dmr .go_movie::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #728ac5;
  position: absolute;
  top: 16px;
  left: -1px;
  border-radius: 10px;
}


/*-- 総括 --*/
#content05 p {
  margin: 22px 0 0;
}
#content05 .img {
  margin: 24px 0 0;
}


/*-- MDSC --*/
.dmr .area_mdsc {
  margin: 40px auto 20px;
  padding: 25px;
  background: #f3f4f4;
}
.dmr .area_mdsc .tit_mdsc {
  width: 244px;
}
.dmr .area_mdsc .box_title ul {
  width: 481px;
  margin: 11px 0 0 1em;
}
.dmr .area_mdsc .box_title ul li {
  margin-top: 2px;
  font-size: 12px;
  font-feature-settings: "palt";
  line-height: 1.3;
  text-indent: -1em;
}
.dmr .area_mdsc .box_wrap {
  margin: 30px auto 0;
}
.dmr .area_mdsc .box_wrap .box {
  width: 365px;
}
.dmr .area_mdsc dl {
  width: 314px;
  margin: 16px 0 0;
}
.dmr .area_mdsc dt {
  color: #728ac5;
  font-size: 14px;
  font-weight: bold;
}
.dmr .area_mdsc dd {
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 2;
}