@charset "UTF-8";
/* -----------------------------
main visual
----------------------------- */
.l-content .c-mv .c-mv__title {
  width: 100%;
  height: 310px;
  overflow: hidden;
  background: url("/special/alumiframe/frames/pr/cp_safety_fence_function/img/mv.png") no-repeat;
  text-indent: 100%;
  white-space: nowrap;
}
.l-content .c-mv .c-mv__caption {
  padding: 7px 0 6px;
  background-color: #d00;
  color: #fff;
  font-size: 18px;
}

/* -----------------------------
contents
----------------------------- */
.l-content .c-section__outer .c-title {
  position: relative;
  font-size: 19px;
  line-height: 30px;
}
.l-content .c-section__outer .c-title::before,
.l-content .c-section__outer .c-title::after {
  display: block;
  position: absolute;
  bottom: 0;
  width: 39px;
  height: 51px;
  content: "";
}
.l-content .c-section__outer .c-title::before {
  left: 32px;
  background: url("/special/alumiframe/frames/pr/cp_safety_fence_function/img/bg_title_left.png") no-repeat;
}
.l-content .c-section__outer .c-title::after {
  right: 32px;
  background: url("/special/alumiframe/frames/pr/cp_safety_fence_function/img/bg_title_right.png") no-repeat;
}
.l-content .c-section__outer .c-title--heading {
  padding-left: 12px;
  border-left: 5px solid #fc0;
}
.l-content .c-section__outer .c-title--heading .c-title--heading__emphasis {
  font-size: 27px;
}
.l-content .c-section__outer .c-section .c-inner {
  padding: 0 35px;
}
.l-content .c-section__outer .c-float--left {
  float: left;
}
.l-content .c-section__outer .c-float--right {
  float: right;
}
.l-content .c-section__outer .c-clear {
  clear: both;
}
.l-content .c-section__outer .c-section .c-line {
  padding: 0 .5em;
  background: linear-gradient(to bottom, transparent, transparent 80%, #fc0 80%, #fc0);
}
.l-content .c-section__outer .c-section .m-btn--center .m-btn--strong {
  width: 400px;
  padding: 16px 12px 15px;
}
.l-content .c-section__outer .c-section .m-btn--center .m-btnWin--conversion {
  width: 320px;
  font-size: 14px;
}

/* リンクリスト */
.l-content .c-section__outer .c-list,
.l-content .c-section__outer .c-section .m-btnList--center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50px;
}
.l-content .c-section__outer .c-list .c-list__item,
.l-content .c-section__outer .c-section .m-btnList--center li {
  width: 320px;
}
.l-content .c-section__outer .c-list .c-list__item {
  height: 58px;
}
.l-content .c-section__outer .c-list .c-list__item:nth-child(2n),
.l-content .c-section__outer .c-section .m-btnList--center li:nth-child(2n) {
  margin-left: 20px;
}
.l-content .c-section__outer .c-list .c-list__item .m-btn--strong,
.l-content .c-section__outer .c-list .c-list__item .m-btnWin--conversion,
.l-content .c-section__outer .c-section .m-btnList--center li .m-btnWin--conversion,
.l-content .c-section__outer .c-section .m-btnList--center li .m-btn--strong {
  font-size: 14px;
}
.l-content .c-section__outer .c-list .c-list__item .m-btn--strong,
.l-content .c-section__outer .c-section .m-btnList--center li .m-btn--strong {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* キャンペーン内容 */
.l-content .c-section__outer .c-list--define {
  margin-bottom: 100px;
}
.l-content .c-section__outer .c-list--define .c-list--define__title {
  margin-bottom: 20px;
  padding: 8px 0;
  background-color: #3071b7;
  color: #fff;
}
.l-content .c-section__outer .c-list--define .c-list--define__content {
  margin-bottom: 30px;
  padding-left: 100px;
}

/* ご利用事例 */
.l-content .c-section__outer .c-section .c-section__title {
  position: relative;
  margin: 50px 0 40px;
  padding: 8px 0 7px;
  border-bottom: 4px solid #3071b7;
  background-color: #ecf2f9;
}
.l-content .c-section__outer .c-section .c-section__title::after {
  display: block;
  position: absolute;
  bottom: -16px;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 12px solid #3071b7;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: "";
}
.l-content .c-section__outer .c-section .c-section__title em {
  font-size: 25px;
}
.l-content .c-section__outer .c-section .c-section__image {
  width: 129px;
  padding: 10px 0 0 50px;
}
.l-content .c-section__outer .c-section .c-section__content {
  width: 700px;
  padding: 0 30px 0 40px;
}
.l-content .c-section .c-section__content .c-section__content__price {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.l-content .c-section .c-section__content .c-section__content__price .c-section__content__price__before {
  background: url("/special/alumiframe/frames/pr/cp_safety_fence_function/img/bg_crossmark.png") no-repeat center;
  font-size: 20px;
  line-height: 1.7;
}
.l-content .c-section .c-section__content .c-section__content__price .c-section__content__price__after {
  padding-left: 85px;
  background: url("/special/alumiframe/frames/pr/cp_safety_fence_function/img/bg_arrow.png") no-repeat left 20px top;
}
.l-content .c-section .c-section__content .c-section__content__price .c-section__content__price__after em {
  font-size: 28px;
  line-height: 1.125;
}
.l-content .c-section__outer .c-section .c-section__content th.c-bg--yellow {
  background-color: #ffe57f;
}
.l-content .c-section__outer .c-section .c-section__content td.c-bg--yellow {
  background-color: #fffaeb;
}
.l-content .c-section__outer .c-section .c-section__content .m-table + p {
  padding: 8px 0 0 425px;
}
.l-content .c-section__outer .c-section:first-of-type .c-section__content .m-table + p {
  padding-left: 500px;
}

/* ご利用の流れ */
.l-content .c-section__outer .c-section .c-title--small {
  position: relative;
  margin-bottom: 25px;
  font-size: 19px;
  line-height: 30px;
}
.l-content .c-section__outer .c-section .c-title--small::before,
.l-content .c-section__outer .c-section .c-title--small::after {
  display: block;
  position: absolute;
  bottom: 0;
  width: 21px;
  height: 26px;
  content: "";
}
.l-content .c-section__outer .c-section .c-title--small::before {
  left: 200px;
  background: url("/special/alumiframe/frames/pr/cp_safety_fence_function/img/bg_title_left_small.png") no-repeat;
}
.l-content .c-section__outer .c-section .c-title--small::after {
  right: 200px;
  background: url("/special/alumiframe/frames/pr/cp_safety_fence_function/img/bg_title_right_small.png") no-repeat;
}
.l-content .c-section__outer .c-section .c-title--small strong {
  font-size: 25px;
}
.l-content .c-section__outer .c-section .c-title--small em {
  font-size: 33px;
}
.l-content .c-section__outer .c-section .c-list--step {
  display: flex;
  justify-content: center;
  padding-top: 15px;
  counter-reset: steps;
}
.l-content .c-section__outer .c-section .c-list--step .c-list--step__item {
  position: relative;
  width: 200px;
  margin-right: 35px;
  padding: 20px 0;
  border: 3px solid #3071b7;
  box-sizing: border-box;
  counter-increment: steps;
}
.l-content .c-section__outer .c-section .c-list--step .c-list--step__item:last-child {
  margin-right: 0;
  padding: 0;
  border: 6px solid #ffe57f;
}
.l-content .c-section__outer .c-section .c-list--step .c-list--step__item:last-child p {
  margin-bottom: 40px;
  padding: 5px 0 4px;
  background-color: #ffe57f;
}
.l-content .c-section__outer .c-section .c-list--step .c-list--step__item:not(:last-child)::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -32px;
  width: 23px;
  height: 54px;
  margin: auto;
  background: url("/special/alumiframe/frames/pr/cp_safety_fence_function/img/bg_arrow_step.png") no-repeat;
  content: "";
}
.l-content .c-section__outer .c-section .c-list--step .c-list--step__item .c-list--step__item__title {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 0.5em 4px;
  background-color: #fff;
  font-size: 18px;
  line-height: 1;
}
.l-content .c-section__outer .c-section .c-list--step .c-list--step__item .c-list--step__item__title::after {
  padding-left: .25em;
  color: #3071b7;
  content: counter(steps);
}
.l-content .c-section__outer .c-section .c-list--notes {
  width: 800px;
  padding: 15px 40px;
  background-color: #e6e6e6;
}

/* このような場合はお問い合わせください */
.l-content .c-section__outer .c-section .c-caution {
  width: 620px;
  margin: 40px auto;
  padding: 20px 130px 15px;
  background-color: #f0f0f0;
}
.l-content .c-section__outer .c-section .c-caution .c-caution__title {
  position: relative;
  min-height: 25px;
  margin-bottom: 12px;
}
.l-content .c-section__outer .c-section .c-caution .c-caution__title::before {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  border: 2px solid #d00;
  border-radius: 50%;
  box-sizing: border-box;
  color: #d00;
  font-size: 19px;
  font-weight: bold;
  line-height: 22px;
  content: "!";
}
.l-content .c-section__outer .c-section .c-caution .m-btn--center .m-btnWin--conversion {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.l-content .c-section__outer .c-section .c-caution .c-list--check {
  margin-bottom: 20px;
  padding-left: 25px;
}
.l-content .c-section__outer .c-section .c-caution .c-list--check .c-list--check__item + .c-list--check__item {
  margin-top: 10px;
}
.l-content .c-section__outer .c-section .c-caution .c-list--check .c-list--check__item::before {
  display: inline-block;
  width: 22px;
  height: 19px;
  margin-right: 8px;
  background: url("/special/alumiframe/frames/pr/cp_safety_fence_function/img/icon_check.png") no-repeat;
  vertical-align: middle;
  content: "";
}

/* [ご注意事項] */
.l-content .c-section__outer .c-section .c-notes {
  width: 830px;
  margin-bottom: 25px;
  padding: 15px 25px 25px;
  background-color: #e6e6e6;
}
.l-content .c-section__outer .c-section .c-list--dots {
  margin-bottom: 25px;
  padding-left: 15px;
}
.l-content .c-section__outer .c-section .c-list--dots .c-list--dots__item + .c-list--dots__item {
  margin-top: 5px;
}
.l-content .c-section__outer .c-section .c-list--dots .c-list--dots__item::before {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 8px;
  border-radius: 50%;
  background-color: #000;
  vertical-align: middle;
  content: "";
}
.l-content .c-section__outer .c-section .c-notes__image {
  width: 455px;
  padding: 0 15px;
}
.l-content .c-section__outer .c-section .c-notes__text {
  width: 345px;
}
.l-content .c-section__outer .c-section .c-notes__text p + p {
  margin-top: 12px;
}

/* 現場にピッタリの台やカバーを設計してみませんか？ */
.l-content .c-section__outer .c-pr {
  width: 680px;
  margin: 60px auto 40px;
  padding: 30px 25px 15px;
  background-color: #ecf2f9;
}
.l-content .c-section__outer .c-pr .c-pr__image  {
  width: 316px;
}
.l-content .c-section__outer .c-pr .c-pr__content {
  width: 334px;
  padding-left: 30px;
}
.l-content .c-section__outer .c-pr .c-pr__content .c-pr__content__labels {
  margin-bottom: 5px;
}
.l-content .c-section__outer .c-pr .c-pr__content .c-pr__content__labels .m-lbl--sale {
  padding: 3px 15px 2px;
}
.l-content .c-section__outer .c-pr .c-pr__content a {
  text-decoration: none;
}

/* 導入企業一覧 */
.l-content .c-achieve .c-achieve__title {
  margin-bottom: 10px;
  font-size: 30px;
}
.l-content .c-achieve .c-achieve__title::before {
  display: inline-block;
  width: 133px;
  height: 66px;
  padding-right: 15px;
  background: url("/special/alumiframe/frames/pr/cp_safety_fence_function/img/bg_baloon_thanks.png") no-repeat;
  content: "";
}
.l-content .c-achieve .c-achieve__title em {
  font-size: 40px;
}
.l-content .c-achieve .c-achieve__caption {
  margin-bottom: 20px;
  font-size: 19px;
}
.l-content .c-achieve .c-bg--line {
  position: relative;
  margin-bottom: 10px;
}
.l-content .c-achieve .c-bg--line::before {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  border-top: #5db9eb 2px dotted;
  content: "";
}
.l-content .c-achieve .c-bg--line span {
  position: relative;
  z-index: 2;
  padding: 0 25px;
  background-color: #fff;
  font-size: 24px;
}
.l-content .c-achieve .c-list--flex {
  display: flex;
  flex-wrap: wrap;
}
.l-content .c-achieve .c-list--flex li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 65px;
}