@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap);
body {
  margin: 0;
}
.cp2606 div, .cp2606 dl, .cp2606 dt, .cp2606 dd, .cp2606 ul, .cp2606 ol, .cp2606 li, .cp2606 h1, .cp2606 h2, .cp2606 h3, .cp2606 h4, .cp2606 h5, .cp2606 h6, .cp2606 p, .cp2606 table, .cp2606 th, .cp2606 td, .cp2606 caption, .cp2606 tbody, .cp2606 article, .cp2606 aside, .cp2606 figure {
  margin: 0;
  padding: 0;
  font-size: 100%;
  background-color: transparent;
}
.cp2606 img {
  border: 0;
  vertical-align: bottom;
}
.cp2606 ul, .cp2606 ol {
  list-style: none;
}
.cp2606 table {
  border-collapse: collapse;
  border-spacing: 0;
}
.cp2606 figure, .cp2606 figcaption {
  display: block;
}
.cp2606 *, .cp2606 *:before, .cp2606 *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:root {
  --font-size14: clamp(12px, 1.02vw, 14px);
  --font-size15: clamp(12px, 1.09vw, 15px);
  --font-size16: clamp(12px, 1.17vw, 16px);
  --font-size18: clamp(12px, 1.31vw, 18px);
  --font-size20: clamp(12px, 1.46vw, 20px);
  --font-size22: clamp(12px, 1.61vw, 22px);
  --font-size26: clamp(12px, 1.90vw, 26px);
  --font-size28: clamp(12px, 2.04vw, 28px);
  --font-size29: clamp(12px, 2.12vw, 29px);
  --font-size30: clamp(12px, 2.19vw, 30px);
  --font-size32: clamp(12px, 2.34vw, 32px);
  --font-size34: clamp(12px, 2.48vw, 34px);
  --font-size36: clamp(12px, 2.63vw, 36px);
  --font-size38: clamp(12px, 2.78vw, 38px);
  --font-size48: clamp(12px, 3.51vw, 48px);
  --font-fontfamily: "Zen Old Mincho", serif;
  --color-accent: #c5000b;
  --color-main: #ffef00;
}
/* =========================================================
　◆LINK
========================================================= */
.cp2606 a:link {
  color: #06c;
  text-decoration: underline;
}
.cp2606 a:visited {
  color: #06c;
  text-decoration: underline;
}
.cp2606 a:hover {
  color: #06c;
  text-decoration: none;
}
.cp2606 a:active {
  color: #06c;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .cp2606 a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.cp2606 .contact a {
  text-decoration: none;
  color: #000000;
}
/* =========================================================
　◆レイアウト
========================================================= */
.cp2606 {
  box-sizing: border-box;
  line-height: 1;
  font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", Meiryo, serif;
  font-weight: 400;
  color: #000000;
  position: relative;
  background-image: url("../img/bg.webp");
  background-repeat: repeat;
  background-position: top center;
  -webkit-text-size-adjust: none;
  word-wrap: break-word;
  word-break: break-word;
  line-break: strict;
  padding-bottom: 100px;
}
.cp2606 .structure {
  max-width: 1200px;
  margin: 0 auto;
}
.cp2606 .kv {
  padding-top: 15px;
}
.cp2606 .navi {
  background-color: var(--color-main);
  padding: 5px 0;
}
.cp2606 .navi ul {
  display: flex;
  height: 50px;
}
.cp2606 .navi li {
  width: 100%;
  text-align: center;
  border-right: solid 1px #000000;
  font-size: 24px;
  font-family: var(--font-fontfamily);
  text-decoration: none;
  font-weight: 900;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp2606 .navi li:last-child {
  border-right: none;
}
.cp2606 .navi li a {
  text-decoration: none;
  color: #000000;
  position: relative;
  display: inline-block;
}
.cp2606 .navi li a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 110%;
  height: 8px;
  background-color: #ffffff;
  clip-path: polygon(0 0, 0 100%, 100% 0);
  translate: -0.5em 0;
  opacity: 0;
  -webkit-transition: opacity, translate .3s;
  transition: opacity, translate .3s
}
.cp2606 .navi li a:hover::after {
  translate: 0 0;
  opacity: 1
}
.cp2606 .present, .cp2606 .products, .cp2606 .howto, .cp2606 .contact {
  padding-top: 80px;
}
.cp2606 h2 {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
.cp2606 .present .box {
  margin: 30px 52px 0 70px;
  display: flex;
  position: relative;
}
.cp2606 .present .box .box01 {
  position: relative;
  background-image: url("../img/bg_pre_01_btm.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-right: 1.8552875%;
  padding-bottom: 40px;
}
.cp2606 .present .box .box01 .icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 22.2549019%;
}
.cp2606 .present .box .box01 .box_inner {
  background-image: url("../img/bg_pre_01_top.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.cp2606 .present .box figcaption {
  border-top: solid 1px #b1b1b1;
  padding-top: 20px;
  font-size: var(--font-size15);
  line-height: 1.33;
  letter-spacing: -0.06em;
}
.cp2606 .present .box .box01 figcaption {
  margin-left: 9.4117647%;
  width: 86.2745098%;
}
.cp2606 .present .box .box02 {
  position: relative;
  background-image: url("../img/bg_pre_02_btm.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-left: 1.8552875%;
}
.cp2606 .present .box .box02 .icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 21.4962121%;
}
.cp2606 .present .box .box02 .box_inner {
  background-image: url("../img/bg_pre_02_top.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.cp2606 .present .box .box02 figcaption {
  margin-left: 3.7878787%;
  width: 83.3333333%;
}
.cp2606 .products .lead {
  margin-top: 36px;
  font-size: var(--font-size32);
  color: var(--color-accent);
  font-weight: 700;
  letter-spacing: -0.06em;
  text-align: center;
}
.cp2606 .products .lead span {
  font-size: var(--font-size48);
  font-family: var(--font-fontfamily);
}
.cp2606 .products .box {
  margin: 60px 105px 0 95px;
  display: flex;
  position: relative;
}
.cp2606 .products .box .box01 {
  width: 57.5%;
		padding-top: 3px;
}
.cp2606 .products .box .box02 {
  width: 37.2%;
  margin-left: 5.3%;
}
.cp2606 .products .note {
  margin-top: 36px;
}
.cp2606 .products .note ul {
  display: flex;
  justify-content: center;
  line-height: 1.5;
  font-size: var(--font-size16);
  letter-spacing: -0.06em;
}
.cp2606 .products .note02 ul {
  display: flex;
  justify-content: center;
  line-height: 1.5;
  font-size: var(--font-size16);
  letter-spacing: -0.06em;
}
.cp2606 .howto .step {
  margin: 50px 100px 0;
}
.cp2606 .howto .step ul {
  display: flex;
  justify-content: center;
}
.cp2606 .howto .step ul li {
  width: calc(100% / 4);
  margin-right: 2%;
  background-image: url("../img/bg_step_btm.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  padding-bottom: 3.1%;
}
.cp2606 .howto .step ul li:last-child {
  margin-right: 0;
}
.cp2606 .howto .step .ttl {
  background-image: url("../img/bg_step_top.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}
.cp2606 .howto .step .inner {
  background-image: url("../img/bg_step_mid.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
}
.cp2606 .howto .step .inner figcaption {
  width: 86.8085106%;
  margin: 0 auto;
  font-size: var(--font-size16);
  letter-spacing: -0.06em;
  line-height: 1.375;
  text-align: justify;
}
.cp2606 .howto .receipt_attention {
  margin: 50px 100px 0;
  background-image: url("../img/bg_receipt_btm.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  padding-bottom: 4%;
}
.cp2606 .howto .receipt_attention h3 {
  background-image: url("../img/bg_receipt_top.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  font-size: var(--font-size29);
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.3% 0;
  font-weight: 600;
}
.cp2606 .howto .receipt_attention .box {
  background-image: url("../img/bg_receipt_mid.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
  display: flex;
  padding-top: 26px;
}
.cp2606 .howto .receipt_attention .text {
  margin-left: 10.4%;
  width: 58%;
  padding-top: 15px;
  font-size: var(--font-size26);
  line-height: 1.30;
  letter-spacing: -0.06em;
  font-weight: 500;
}
.cp2606 .howto .receipt_attention .text .list {
  margin-top: 37px;
}
.cp2606 .howto .receipt_attention .text .list li {
  margin-bottom: 15px;
}
.cp2606 .howto .receipt_attention .text .note {
  font-size: var(--font-size16);
  font-weight: normal;
  line-height: 1.5;
  margin-top: 60px;
}
.cp2606 .howto .receipt_attention .image {
  width: 23.45%;
}
.cp2606 .howto .outline {
  margin: 50px 100px 0;
}
.cp2606 .howto .outline .acc_ttl {
  position: relative;
  background-image: url("../img/bg_acc_title_off.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  cursor: pointer;
  transition: filter 0.3s ease-in-out;
}
.cp2606 .howto .outline .acc_ttl:hover {
  filter: brightness(110%);
}
.cp2606 .howto .outline .acc_ttl.is-active {
  background-image: url("../img/bg_acc_title_on.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.cp2606 .howto .outline .acc_ttl .bg {
  position: relative;
  display: block;
}
.cp2606 .howto .outline .acc_ttl .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: var(--font-size29);
  font-weight: 600;
}
.cp2606 .howto .outline .acc_detail {
  background-color: #ffffff;
  border: solid 1px #4d4d4d;
  border-top: none;
  padding: 50px 10.4%;
  display: none;
}
.cp2606 .howto .outline .acc_detail h3 {
  font-size: var(--font-size32);
  font-weight: 500;
  text-align: center;
  margin-bottom: 2.5773195%;
}
.cp2606 .howto .outline .acc_detail dl {
  font-size: var(--font-size16);
  line-height: 1.5;
}
.cp2606 .howto .outline .acc_detail dt {
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: var(--font-size22);
  font-weight: 600;
}
.cp2606 .howto .outline .acc_detail dt:before {
  content: "■";
  color: var(--color-main);
  margin-right: 0.3em;
  font-size: var(--font-size22);
}
.cp2606 .howto .outline .acc_detail dd {}
.cp2606 .howto .outline .acc_detail dd .note {
  font-size: 0.85em;
}
.cp2606 .howto .outline .acc_detail dd .mt01 {
  margin-top: 1em;
}
.cp2606 .howto .outline .acc_detail dd .mt02 {
  margin-top: 2em;
}
.cp2606 .howto .qr {
  background-image: url("../img/bg_qr_top.png"), url("../img/bg_qr_btm.png");
  background-position: top, bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, 100% auto;
  max-width: 600px;
  margin: 50px 25% 0;
  padding: 30px 0 50px;
}
.cp2606 .howto .qr .inner {
  background-image: url("../img/bg_qr_mid.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cp2606 .howto .qr .inner p:nth-child(1) {
  color: var(--color-accent);
  font-weight: 900;
  font-family: var(--font-fontfamily);
  text-align: center;
  font-size: var(--font-size30);
  line-height: 1.2;
  letter-spacing: -0.08em;
}
.cp2606 .howto .qr .inner p:nth-child(2) {
  font-weight: 700;
  text-align: center;
  font-size: var(--font-size16);
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin-top: 10px;
}
.cp2606 .howto .qr .inner p:last-child {
  text-align: center;
  font-size: var(--font-size14);
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin-top: 0;
}
.cp2606 .howto .qr .inner p:nth-child(2) span {
  background-color: var(--color-main);
}
.cp2606 .howto .qr figure {
  width: 200px;
  margin: 26px auto 0;
  text-align: center;
}
.cp2606 .contact .inner {
  text-align: center;
}
.cp2606 .contact dl {
  font-weight: 600;
  font-family: var(--font-fontfamily);
  text-align: center;
  font-size: var(--font-size20);
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin-top: 26px;
  display: inline-block;
}
.cp2606 .contact dt {
  font-size: var(--font-size28);
}
.cp2606 .contact .tel {
  margin: 6px 0;
}
.cp2606 .contact .tel span {
  font-size: var(--font-size28);
}
.cp2606 .contact .note {
  text-align: left;
  margin-top: 20px;
  font-size: var(--font-size18);
}
.cp2606 .entry {
  display: none;
}
@media screen and (max-width: 767px) {
  .cp2606 {
    background-image: url("../img/sp/bg.webp");
    background-repeat: repeat-y;
    background-size: 100% auto;
    padding-bottom: 60px;
  }
  .cp2606 .kv {
    padding-top: 0;
    background-color: #ffffff;
  }
  .cp2606 .navi {
    padding: 0;
  }
  .cp2606 .navi ul {
    height: auto;
    border-bottom: solid 1px #000000;
    border-top: solid 1px #000000;
  }
  .cp2606 .navi li {
    font-size: 4.26vw;
    height: auto;
    padding: 2.66vw 0;
  }
  .cp2606 .navi li a:hover::after {
    opacity: 0;
  }
  .cp2606 .present, .cp2606 .products, .cp2606 .howto, .cp2606 .contact {
    padding-top: 8vw;
  }
  .cp2606 h2 {
    max-width: auto;
    max-width: initial;
    margin: 0 10vw;
  }
  .cp2606 .present .box {
    margin: 3.46vw 0 0 0;
    display: block;
  }
  .cp2606 .present .box .box01 {
    background-image: url("../img/sp/bg_pre_01_btm.png");
    margin-right: 0;
    padding-bottom: 8vw;
    margin-bottom: 2.66vw;
  }
  .cp2606 .present .box .box01 .icon {
    width: 18%;
    left: 0.93vw;
  }
  .cp2606 .present .box .box01 .box_inner {
    background-image: url("../img/sp/bg_pre_01_top.png");
  }
  .cp2606 .present .box figcaption {
    padding-top: 2.26vw;
    font-size: 3.2vw;
    line-height: 1.41;
    letter-spacing: -0.06em;
  }
  .cp2606 .present .box .box01 figcaption {
    margin: 0 auto;
    width: 81.3333333%;
  }
  .cp2606 .present .box .box02 {
    background-image: url("../img/sp/bg_pre_01_btm.png");
    margin-left: 0;
    padding-bottom: 8vw;
  }
  .cp2606 .present .box .box02 .icon {
    width: 18%;
    left: 0.93vw;
  }
  .cp2606 .present .box .box02 .box_inner {
    background-image: url("../img/sp/bg_pre_01_top.png");
  }
  .cp2606 .present .box .box02 figcaption {
    margin: 0 auto;
    width: 81.3333333%;
  }
  .cp2606 .products .lead {
    margin-top: 4vw;
    font-size: 4.26vw;
    line-height: 1.1;
  }
  .cp2606 .products .lead span {
    font-size: 6.4vw;
  }
  .cp2606 .products .box {
    margin: 0;
    display: block;
  }
  .cp2606 .products .box .box01 {
    width: 88.8%;
    margin: 8vw auto 0;
				padding-top: 0;
  }
  .cp2606 .products .box .box02 {
    width: 70.53%;
    margin: 4vw auto 0;
  }
  .cp2606 .products .note {
    margin-top: 6.13vw;
  }
  .cp2606 .products .note ul {
    display: block;
    line-height: 1.45;
    font-size: 2.93vw;
    text-align: center;
  }
  .cp2606 .products .note02 ul {
    display: block;
    line-height: 1.45;
    font-size: 2.93vw;
    text-align: center;
  }
  .cp2606 .howto .step {
    margin: 5.8vw 5.333vw 0;
  }
  .cp2606 .howto .step ul {
    display: block;
  }
  .cp2606 .howto .step ul li {
    width: 100%;
    margin-right: 0;
    background-image: url("../img/sp/bg_step.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    padding-bottom: 0;
    position: relative;
    margin-bottom: 2.66vw;
  }
  .cp2606 .howto .step .ttl {
    background-image: none;
  }
  .cp2606 .howto .step .inner {
    background-image: none;
    display: flex;
  }
  .cp2606 .howto .step .inner:before {
    content: "";
    display: block;
    padding-top: 35.67%;
  }
  .cp2606 .howto .step .inner figure {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
  }
  .cp2606 .howto .step .inner figcaption {
    width: 44.02%;
    position: absolute;
    top: 12.4vw;
    left: 2.66vw;
    font-size: 3.2vw;
  }
  .cp2606 .howto .receipt_attention {
    margin: 4vw 5.333vw 0;
    background-image: url("../img/sp/bg_receipt_btm.png");
    padding-bottom: 8.20%;
  }
  .cp2606 .howto .receipt_attention h3 {
    background-image: url("../img/sp/bg_receipt_top.png");
    font-size: 4.266vw;
    padding: 5.33vw 0 2vw;
  }
  .cp2606 .howto .receipt_attention .box {
    background-image: url("../img/sp/bg_receipt_mid.png");
    padding-top: 4.933vw;
    display: block;
    position: relative;
  }
  .cp2606 .howto .receipt_attention .box:before {
    content: "";
    display: block;
    padding-top: 80%;
  }
  .cp2606 .howto .receipt_attention .text {
    margin-left: 5.066vw;
    width: 48%;
    padding-top: 0;
    font-size: 3.46vw;
    position: absolute;
    top: 4.933vw;
  }
  .cp2606 .howto .receipt_attention .text .list {
    margin-top: 3.666vw;
  }
  .cp2606 .howto .receipt_attention .text .list li {
    margin-bottom: 2.666vw;
  }
  .cp2606 .howto .receipt_attention .text .note {
    font-size: 2.66vw;
    margin-top: 3.666vw;
    line-height: 1.3;
  }
  .cp2606 .howto .receipt_attention .image {
    width: 40.298%;
    margin-right: 5.066vw;
    position: absolute;
    top: 4.933vw;
    right: 0;
  }
  .cp2606 .howto .outline {
    margin: 10.6vw 5.333vw 0;
  }
  .cp2606 .howto .outline .acc_ttl {
    background-image: url("../img/sp/bg_acc_title_off.png");
  }
  .cp2606 .howto .outline .acc_ttl:hover {
    filter: brightness(100%);
  }
  .cp2606 .howto .outline .acc_ttl.is-active {
    background-image: url("../img/sp/bg_acc_title_on.png");
  }
  .cp2606 .howto .outline .acc_ttl .text {
    font-size: 3.86vw;
    color: #ffffff;
  }
  .cp2606 .howto .outline .acc_detail {
    padding: 4.666vw 4.666vw;
  }
  .cp2606 .howto .outline .acc_detail h3 {
    font-size: 4.2666666vw;
    margin-bottom: 2.577vw;
  }
  .cp2606 .howto .outline .acc_detail dl {
    font-size: 3.2vw;
  }
  .cp2606 .howto .outline .acc_detail dt {
    margin-top: 5.3333333%;
    margin-bottom: 1.3333333%;
    font-size: 3.73vw;
  }
  .cp2606 .howto .outline .acc_detail dt:before {
    font-size: 3.73vw;
  }
  .cp2606 .howto .qr {
    display: none;
  }
  .cp2606 .contact .inner {
    text-align: center;
  }
  .cp2606 .contact dl {
    font-size: 3.733vw;
    margin-top: 26px;
  }
  .cp2606 .contact dt {
    font-size: 5.066vw;
  }
  .cp2606 .contact .tel {
    margin: 6px 0;
  }
  .cp2606 .contact .tel span {
    font-size: 5.866vw;
  }
  .cp2606 .contact .note {
    margin-top: 2.666vw;
    font-size: 3.733vw;
  }
  .cp2606 .entry {
    margin: 6vw auto;
    display: block;
  }
  .cp2606 .btn_entry {
    width: 88.6666666%;
    margin: 0 auto;
    border: solid 1px #000000;
    border-radius: 14px;
    font-size: 8vw;
    font-weight: 700;
    text-align: center;
    background-color: var(--color-main);
    box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 1);
    position: relative;
  }
  .cp2606 .btn_entry a {
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 4vw 0;
  }
  .cp2606 .btn_entry::after {
    content: '';
    width: 14px;
    height: 14px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
  }
  .cp2606 .entry .text {
    text-align: center;
    font-size: 2.666vw;
    margin-top: 2em;
  }
}
/* =========================================================
　◆フロートバナー
========================================================= */
.float_bnr {
  display: none;
}
@media screen and (max-width: 767px) {
  .float_bnr {
    display: block;
  }
  .float_bnr {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
  }
  .float_bnr p {
    width: 60px;
  }
  .active {
    opacity: 1;
    visibility: visible;
  }
  .absolute {
    opacity: 0;
    visibility: hidden;
  }
}
/* =========================================================
　◆ティザー
========================================================= */
.cp2606 .bf-block {
  padding: 70px 0 0;
}
.cp2606 .bf-block .text-box {
  font-size: var(--font-size26);
  text-align: center;
  margin: 0 auto;
  line-height: 1.6;
}
.cp2606 .bf-block .text-box p:nth-child(1) {
  color: var(--color-accent);
  font-weight: 700;
}
.cp2606 .bf-block .text-box p:nth-child(2) {
  font-size: var(--font-size20);
}
.cp2606 .bf-block .text-box span {
  font-size: var(--font-size38);
}
@media screen and (max-width: 767px) {
  .cp2606 .bf-block {
    padding: 8vw 5.333vw 0;
  }
  .cp2606 .bf-block .text-box {
    font-size: 3.73vw;
  }
  .cp2606 .bf-block .text-box p:nth-child(1) {
    line-height: 1.1;
  }
  .cp2606 .bf-block .text-box p:nth-child(2) {
    font-size: 3.2vw;
    margin-top: 1em;
  }
  .cp2606 .bf-block .text-box span {
    font-size: 5.33vw;
  }
}
/* =========================================================
　◆事後
========================================================= */
.cp2606 .af-block {
  padding: 70px 0 0;
}
.cp2606 .af-block .text-box {
  font-size: var(--font-size26);
  text-align: center;
  margin: 0 auto;
  line-height: 1.6;
  color: var(--color-accent);
  font-weight: 700;
}
.cp2606 .af-block .text-box p:nth-child(2) {
  font-size: var(--font-size22);
}
@media screen and (max-width: 767px) {
  .cp2606 .af-block {
    padding: 8vw 5.333vw 1.34vw;
  }
  .cp2606 .af-block .text-box {
    font-size: 4.26vw;
  }
  .cp2606 .af-block .text-box p:nth-child(2) {
    font-size: 3.73vw;
  }
}
/* =========================================================
　◆共通
========================================================= */
.cp2606 img {
  width: 100%;
}
.cp2606 .indent {
  text-indent: -1em;
  padding-left: 1em;
}
.cp2606 .indent_num {
  text-indent: -3em;
  padding-left: 3em;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.cp2606 .colorR {
  color: var(--color-accent);
}
/* =========================================================
　◆アニメーション
========================================================= */
.fadein01, .fadein02, .fadein03, .fadein04, .fadein05 {
  opacity: 0;
}
.fadein01.scrollin {
  opacity: 0;
  animation: fadeIn 0.5s 0s forwards;
}
.fadein02.scrollin {
  opacity: 0;
  animation: fadeIn 0.5s 0.4s forwards;
}
.fadein03.scrollin {
  opacity: 0;
  animation: fadeIn 0.5s 0.8s forwards;
}
.fadein04.scrollin {
  opacity: 0;
  animation: fadeIn 0.5s 1.2s forwards;
}
.fadein05.scrollin {
  opacity: 0;
  animation: fadeIn2 0.7s 0s forwards;
}
@keyframes fadeIn {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeIn2 {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .fadein01.scrollin {
    opacity: 0;
    animation: fadeIn 0.5s 0s forwards;
  }
  .fadein02.scrollin {
    opacity: 0;
    animation: fadeIn 0.5s 0s forwards;
  }
  .fadein03.scrollin {
    opacity: 0;
    animation: fadeIn 0.5s 0s forwards;
  }
  .fadein04.scrollin {
    opacity: 0;
    animation: fadeIn 0.5s 0s forwards;
  }
}
/* =========================================================
　◆表示切替
========================================================= */
.pcn {
  display: none;
}
@media screen and (max-width: 767px) {
  .spn {
    display: none;
  }
  .pcn {
    display: block;
  }
}