/* Contents */
.swiper-button-next,
.swiper-button-prev {
  display: none;
}

.swiper-pagination {
  position: relative !important;
  margin-top: 30px;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 10px !important;
  background: #d2d1c3;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: #000;
}

#wrapper .txtLink,
#modal .txtLink {
  text-indent: 0;
  padding: 0;
  word-wrap: break-word;
  white-space: normal;
  margin-right: 5px;
  text-decoration: underline !important;
  color: #666;
  line-height: 0;
}
@media (any-hover: hover) {
  #wrapper .txtLink:hover,
  #modal .txtLink:hover {
    text-decoration: none !important;
  }
}
#wrapper .txtLink.-blank,
#modal .txtLink.-blank {
  background: url(/article/cmn/img/ico_blank_g.svg) no-repeat right center;
  background-size: 12px;
  padding-right: 15px;
}
#wrapper .txtLink.-file,
#modal .txtLink.-file {
  background: url(/article/cmn/img/ico_file_g.svg) no-repeat right center;
  background-size: 12px;
  padding-right: 15px;
}
#wrapper .txtLink.-anchor,
#modal .txtLink.-anchor {
  background: url(/article/cmn/img/ico_pnav.svg) no-repeat right 70%;
  background-size: 12px;
  padding-right: 18px;
}
#wrapper .txtLink.-anchor.-up,
#modal .txtLink.-anchor.-up {
  background: url(/article/cmn/img/ico_pnav-up.svg) no-repeat right 70%;
  background-size: 12px;
}
#wrapper .txtLink.-ar,
#modal .txtLink.-ar {
  position: relative;
  padding-left: 18px;
}
#wrapper .txtLink.-ar:before,
#modal .txtLink.-ar:before {
  content: "";
  width: 6px;
  height: 12px;
  background: url(/article/cmn/img/ico_ar_r_g.svg) no-repeat center/contain;
  position: absolute;
  left: 4px;
  top: 0.4em;
}
#wrapper .txtLink.-w.-blank,
#modal .txtLink.-w.-blank {
  color: #fff;
  background: url(/article/cmn/img/ico_blank_w.svg) no-repeat right center;
  background-size: 12px;
}
#wrapper .txtLink.-w.-file,
#modal .txtLink.-w.-file {
  color: #fff;
  background: url(/article/cmn/img/ico_file_w.svg) no-repeat right center;
  background-size: 12px;
}

#wrap:before {
  content: "";
  width: 100%;
  height: 550px;
  background: url(/article/cmn/img/cmn_ptn.svg) no-repeat center bottom;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}
#wrap:has(.wrapperRead):before {
  height: 650px;
}

#wrapper {
  margin: 0 auto;
  max-width: 1200px;
  width: 94%;
  position: relative;
  padding-bottom: 120px;
}

.bread {
  position: relative;
  width: 100%;
  height: auto;
  background: #f0f0f0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 0;
}

.bread_list {
  width: 1200px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  gap: 10px 0;
}
.bread_list > li {
  font-size: var(--fsize14);
  line-height: 1.4;
  position: relative;
}
.bread_list > li > a {
  color: #666;
}
.bread_list > li:not(:first-child) {
  padding-left: 40px;
}
.bread_list > li:not(:first-child):before {
  content: "";
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  width: 4px;
  height: 8px;
  background: #000;
  position: absolute;
  left: 20px;
  top: calc(50% - 4px);
}

.wrapperHead {
  font-size: var(--fsize52);
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  padding: 80px 0;
}
.wrapperHead.-read {
  padding-bottom: 60px;
}
.wrapperHead:has(.s) {
  line-height: 1.2;
}
.wrapperHead .s {
  font-size: var(--fsize18);
  display: block;
  margin-bottom: 0.4em;
}
.wrapperHead .mt {
  margin-top: 0.4em;
  margin-bottom: 0;
}
.wrapperHead .m {
  font-size: var(--fsize40);
}

.wrapperRead {
  font-size: var(--fsize20);
  text-align: center;
}
.wrapperRead.-mb {
  margin-bottom: 80px;
}

.wrapperNotes {
  margin: 10px auto 80px;
  display: inline-block;
}
.wrapperNotes.-l > li {
  font-size: var(--fsize14);
}
.wrapperNotes > li {
  font-size: var(--fsize12);
}

.pnav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  gap: 12px;
  margin: 50px auto 0;
}
.pnav.-row4 > a {
  width: 285px;
  font-size: var(--fsize18);
}
.pnav > a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  text-align: center;
  gap: 0;
  width: 272px;
  height: 70px;
  border-radius: var(--radius2);
  border: 2px solid #cccccc;
  background: #fff;
  color: #000;
  font-size: var(--fsize18);
  line-height: 1.4;
  position: relative;
}
.pnav > a span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
}
.pnav > a .m {
  font-size: var(--fsize16);
  width: 100%;
}
.pnav > a .s {
  font-size: var(--fsize14);
  width: 100%;
}
.pnav > a:before {
  content: "";
  width: 12px;
  height: 12px;
  background: url(/article/cmn/img/ico_pnav.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  right: 15px;
  top: calc(50% - 6px);
}
.pnav > a:hover {
  text-decoration: none;
}

.btn_close {
  font-size: var(--fsize18);
  margin-top: 60px;
}

.contents {
  background: #fff;
  border-radius: 40px;
  vertical-align: top;
  box-sizing: border-box;
  border: 4px solid var(--color-orange);
  padding: 0 0 100px;
  width: 100%;
  position: relative;
}
.contents * {
  position: relative;
  box-sizing: border-box;
  line-height: 2;
  font-feature-settings: "palt" 1;
}

.contentsIn {
  max-width: 940px;
  width: 90%;
  margin: 0 auto;
}

.contentsSection {
  width: 100%;
  position: relative;
  text-align: center;
  padding-top: 100px;
}
.contentsSection.-in {
  padding-top: 60px;
}
.contentsSection.-w840 {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.contentsTtl {
  font-size: var(--fsize40);
  line-height: 1.4;
  text-align: center;
  position: relative;
  font-weight: 400;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.contentsTtl .small {
  font-size: var(--fsize20);
  line-height: 1.4;
  display: block;
  margin-bottom: 5px;
}
.contentsTtl .small.-mt {
  margin-bottom: 0;
  margin-top: 5px;
}
.contentsTtl .small.-inline {
  display: inline;
}
.contentsTtl .small.-lt0 {
  letter-spacing: 0;
}
.contentsTtl .small.-tag {
  display: table;
  background: var(--color-denki-key);
  border-radius: 40px;
  margin: 10px auto;
  color: #fff;
  padding: 5px 15px 7px;
}
.contentsTtl:before {
  content: "";
  width: 40px;
  height: 8px;
  border-radius: 4px;
  background: var(--color-orange);
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
}

.contentsRead {
  font-size: var(--fsize20);
  text-align: center;
}
.contentsRead .small {
  font-size: var(--fsize12);
}

.contentsReadNotes {
  text-align: center;
}
.contentsReadNotes > li {
  display: block !important;
  font-size: var(--fsize12);
}
.contentsReadNotes > li:before {
  display: none;
}

.contentsReadS {
  font-size: var(--fsize14);
  text-align: center;
  margin-top: 5px;
}

.contentsReadAnchor {
  margin-top: 5px;
}

.contentsHead02 {
  font-size: var(--fsize28);
  text-align: center;
  font-weight: 400;
  line-height: 1.4;
  border: 2px solid #666;
  display: table;
  margin: 0 auto;
  padding: 6px 40px;
  border-radius: 80px;
  position: relative;
}

.contentsHead03 {
  display: block;
  font-size: var(--fsize20);
  font-weight: 500;
  text-align: left;
  line-height: 1.4;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.contentsHead03 .small {
  font-size: var(--fsize14);
  font-weight: normal;
}
.contentsHead03.-noBorder {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.contentsHead03.-alert {
  position: relative;
  padding-left: 30px;
}
.contentsHead03.-alert:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../img/ico_alert.svg) no-repeat left center;
  background-size: contain;
  left: 5px;
  top: calc(50% - 15px);
}

.contentsHead04 {
  font-size: var(--fsize18);
  font-weight: 500;
  line-height: 1.2;
  position: relative;
  padding-left: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.contentsHead04.-col2:before {
  top: 0.4em;
  margin-top: 0;
}
.contentsHead04:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  background: #000;
  left: 5px;
  top: 0.3em;
}

.contactTel {
  display: table;
  letter-spacing: normal;
  vertical-align: middle;
  font-size: var(--fsize45);
  line-height: 1;
  position: relative;
  padding-left: 40px;
  margin: 10px auto 0;
}
.contactTel span,
.contactTel a {
  line-height: 1;
  color: #000;
}
.contactTel.-left {
  margin-left: 0;
}
.contactTel:before {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  top: calc(50% - 16px);
  background: url(/article/cmn/img/ico_tel.svg) no-repeat left top;
  background-size: contain;
  margin-top: 0;
}

.contactNotes {
  margin-top: 10px;
  display: inline-block;
}
.contactNotes > li {
  font-size: var(--fsize12);
}

.fam {
  max-width: 840px;
  border: 3px solid var(--color-denki-key);
  background: #f0f0f0;
  border-radius: var(--radius2);
  margin: 40px auto 0;
  padding: 20px;
}

.fam_ttl {
  font-size: var(--fsize20);
  font-weight: 500;
  background: #fff;
  display: flex inline;
  margin: 0 auto;
  padding: 0 20px;
  border-radius: 100px;
}

.fam_col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 30px;
  margin: 20px auto 0;
}

.fam_img {
  width: 184px;
}
.fam_img.-p5 {
  width: 185px;
}
.fam_img.-ev {
  width: 234px;
  margin-bottom: 10px;
}
.fam_img.-teiatsu {
  width: 213px;
}

.fam_cost_head {
  font-size: var(--fsize20);
  line-height: 1.2;
}
.fam_cost_head .s {
  font-size: var(--fsize12);
}

.fam_cost_txt {
  font-size: var(--fsize32);
  font-weight: 500;
  line-height: 1;
}
.fam_cost_txt .urbanist {
  font-size: var(--fsize52);
}

.fam_notes {
  font-size: var(--fsize10);
  line-height: 1.4;
}

.fam_btm_notes {
  display: inline-block;
  margin-top: 10px;
  text-align: left;
  max-width: 840px;
}
.fam_btm_notes > li {
  font-size: var(--fsize10);
}

.fam_details {
  margin-top: 10px;
}

.fam_details_btn {
  background: #f0f0f0;
  display: flex inline;
  padding: 8px 80px;
  font-size: var(--fsize14);
  line-height: 1.4;
  border-radius: var(--radius1);
  position: relative;
}
.fam_details_btn .ico {
  position: absolute;
  width: 10px;
  height: 10px;
  right: 10px;
  top: calc(50% - 5px);
}
.fam_details_btn .ico:before {
  content: "";
  width: 10px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: 4px;
}
.fam_details_btn .ico:after {
  content: "";
  width: 2px;
  height: 10px;
  background: #000;
  position: absolute;
  left: 4px;
  top: 0;
  transition: transform 0.2s;
}
.fam_details_btn.open .ico:after {
  transform: rotate(90deg);
}

.fam_details_body {
  max-width: 840px;
  margin: 0 auto;
}

.fam_details_txt {
  margin-top: 10px;
  text-align: center;
  font-size: var(--fsize12);
}

.contentsAlert {
  border-radius: var(--radius2);
  box-sizing: border-box;
  border: 2px solid #cb0000;
  padding: 30px;
  text-align: left;
  background: #ffefef;
  margin-top: 30px;
}
.contentsAlert.-mt60 {
  margin-top: 60px;
}
.contentsAlert.-ico {
  position: relative;
  padding-left: 80px;
}
.contentsAlert.-ico:before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  left: 20px;
  top: calc(50% - 20px);
  background: url(/article/cmn/img/ico_alert_r.svg) no-repeat left top;
  background-size: cover;
}
.contentsAlert.-s {
  padding: 10px 15px;
}
.contentsAlert.-noBg {
  background: none;
}
.contentsAlert.-noBorder {
  border: none;
  padding: 0;
}

.contentsAlertTxt {
  font-size: var(--fsize18);
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #cb0000;
}
.contentsAlertTxt > a {
  color: #cb0000;
  text-decoration: underline;
}
.contentsAlertTxt.-s {
  font-size: var(--fsize16);
}

.contentsAlertNotes {
  margin-top: 5px;
}
.contentsAlertNotes > li {
  font-size: var(--fsize12);
}

.area {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 40px;
}

.area_col {
  text-align: left;
  -ms-flex: 1;
      flex: 1;
}

.area_txt {
  font-size: var(--fsize18);
  font-weight: 500;
}

.area_notes {
  margin-top: 10px;
}
.area_notes > li {
  font-size: var(--fsize12);
}

.area_img {
  width: 228px;
}
.area_img > img {
  border-radius: var(--radius2);
}

.contentsTxt {
  font-size: var(--fsize16);
  text-align: left;
}
.contentsTxt.-centerPC {
  text-align: center;
}
.contentsTxt .small {
  font-size: var(--fsize12);
}

.tabNavRead {
  font-size: var(--fsize18);
  text-align: center;
  margin-bottom: 40px;
}

.tabNavOuter {
  width: 100%;
  position: relative;
  text-align: center;
}

.tabNav {
  display: flex inline;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  background: #f0f0f0;
  width: auto;
  padding: 4px;
  border-radius: 100px;
}
.tabNav.-max {
  margin: 0 auto;
}
.tabNav.-max > button,
.tabNav.-max > a,
.tabNav.-max > span {
  width: 140px;
}
.tabNav.-sizeL > button,
.tabNav.-sizeL > a,
.tabNav.-sizeL > span {
  width: 300px;
  height: 100px;
}
.tabNav > button,
.tabNav > a,
.tabNav > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #000;
  height: 72px;
  background: none;
  border-radius: 100px;
  font-size: var(--fsize20);
  font-weight: 500;
  line-height: 1.2;
  width: 200px;
  text-align: center;
}
.tabNav > button.col2,
.tabNav > a.col2,
.tabNav > span.col2 {
  font-size: var(--fsize18);
}
.tabNav > button.active,
.tabNav > a.active,
.tabNav > span.active {
  background: var(--color-orange);
}
.tabNav > button a:hover,
.tabNav > a a:hover,
.tabNav > span a:hover {
  opacity: 1;
  cursor: default;
}

.tabNav_hosoku {
  margin-top: 10px;
  font-size: var(--fsize12);
}

.tabNavLink {
  text-align: center;
  margin-top: 40px;
}

.tabContents {
  margin-top: 30px;
}
.tabContents > li {
  display: none;
}
.tabContents > li.active {
  display: block;
}

.arDown {
  position: relative;
  margin-bottom: 100px;
}
.arDown:before {
  content: "";
  width: 56px;
  height: 27px;
  background: url(../img/ar_d_g_renew.svg) no-repeat left top;
  background-size: contain;
  position: absolute;
  left: calc(50% - 28px);
  bottom: -65px;
}

.indexList {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  gap: 60px 2%;
  width: 100%;
}
.indexList > li {
  width: 49%;
}
.indexList > li.two {
  width: 100%;
}
.indexList.-notitle {
  gap: 30px 2%;
}
.indexList.-notitle > li > .indexListBtn {
  margin-top: 0;
}

.indexListIn {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2%;
  width: 100%;
}
.indexListIn > li {
  width: 49%;
}
.indexListIn > li.two {
  width: 100%;
}

.indexListBtn {
  width: 100%;
  padding: 20px;
  color: #000;
  background: var(--btn-color);
  box-shadow: 0 6px 0 #000;
  border-radius: var(--radius2);
  text-align: left;
  margin-top: 30px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2%;
}
.indexListBtn:hover {
  text-decoration: none;
}

.indexListBtnImg {
  width: 120px;
  border-radius: var(--radius1);
  overflow: hidden;
}

.indexListBtnTxtOuter {
  -ms-flex: 1;
      flex: 1;
  padding-left: 20px;
  text-decoration: none;
  color: var(--color-txt);
}

.indexListBtnTtl {
  font-size: var(--fsize20);
  font-weight: 500;
  line-height: 1.4;
}
.indexListBtnTtl.-kakko {
  text-indent: -0.5em;
}
.indexListBtnTtl.-lt01 {
  letter-spacing: -0.1em;
}

.indexListBtnTxt {
  font-size: var(--fsize16);
  line-height: 1.4;
  margin-top: 5px;
}

.contentsTableScroller .nextBtn,
.contentsTableScroller .prevBtn {
  display: none;
}

.contentsTableScroller.-pc {
  width: 100%;
}
.contentsTableScroller.-pc.leftMax:after,
.contentsTableScroller.-pc.leftMax .prevBtn {
  display: none;
}
.contentsTableScroller.-pc.rightMax:before,
.contentsTableScroller.-pc.rightMax .nextBtn {
  display: none;
}
.contentsTableScroller.-pc:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 10%;
  height: 100%;
  background: linear-gradient(to left, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.contentsTableScroller.-pc:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10%;
  height: 100%;
  background: linear-gradient(to right, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.contentsTableScroller.-pc .nextBtn {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  right: -20px;
  top: calc(50% - 20px);
  z-index: 2;
  background: url(/article/cmn/img/ico_slider_ar_w.svg) rgba(0, 0, 0, 0.5) no-repeat 54% center/10px 23px;
}
.contentsTableScroller.-pc .prevBtn {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  top: calc(50% - 20px);
  z-index: 2;
  background: url(/article/cmn/img/ico_slider_ar_w.svg) rgba(0, 0, 0, 0.5) no-repeat 54% center/10px 23px;
  transform: scale(-1, 1);
}
.contentsTableScroller.-pc .scroll {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.contentsTableScroller.-pc .scroll::-webkit-scrollbar {
  display: none;
}
.contentsTableScroller.-pc .contentsTable {
  width: 140%;
  max-width: inherit;
}

.contentsTable {
  border: 2px solid #b3b3b3;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--radius2);
  overflow: hidden;
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
}
.contentsTable tr {
  vertical-align: top;
}
.contentsTable th {
  background: #f0f0f0;
}
.contentsTable th, .contentsTable td {
  border-right: 2px solid #b3b3b3;
  border-bottom: 2px solid #b3b3b3;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  vertical-align: middle;
  text-align: center;
  padding: 20px;
}
.contentsTable th:last-child, .contentsTable td:last-child {
  border-right: none !important;
}
.contentsTable th.br, .contentsTable td.br {
  border-right: 2px solid #b3b3b3 !important;
}
.contentsTable th.bb, .contentsTable td.bb {
  border-bottom: 2px solid #b3b3b3 !important;
}
.contentsTable th.brNone, .contentsTable td.brNone {
  border-right: none !important;
}
.contentsTable th.bbNone, .contentsTable td.bbNone {
  border-bottom: none !important;
}
.contentsTable th.highlight, .contentsTable td.highlight {
  background-color: #fff7c2;
}

.table_txt {
  line-height: 1.4;
}

.table_cost {
  font-size: var(--fsize20);
  font-weight: 500;
  line-height: 1.4;
}

.table_notes {
  margin-top: 10px;
}
.table_notes > li {
  display: block !important;
  font-size: var(--fsize12);
}

.contentsTable_notes {
  display: inline-block;
  max-width: 840px;
  margin: 10px auto 0;
}
.contentsTable_notes > li {
  text-align: left;
  font-size: var(--fsize12);
}

.toggleBtn {
  cursor: pointer;
}
.toggleBtn:not(.-toggleSp).-sizeS {
  background: #f0f0f0;
  display: flex inline;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 8px 80px;
  font-size: var(--fsize14);
  line-height: 1.4;
  border-radius: var(--radius1);
  position: relative;
}
.toggleBtn:not(.-toggleSp).-sizeS .ico {
  position: absolute;
  width: 10px;
  height: 10px;
  right: 10px;
  top: calc(50% - 5px);
}
.toggleBtn:not(.-toggleSp).-sizeS .ico:before {
  content: "";
  width: 10px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: 4px;
}
.toggleBtn:not(.-toggleSp).-sizeS .ico:after {
  content: "";
  width: 2px;
  height: 10px;
  background: #000;
  position: absolute;
  left: 4px;
  top: 0;
  transition: transform 0.2s;
}
.toggleBtn:not(.-toggleSp).-sizeS.open .ico:after {
  transform: rotate(90deg);
}
.toggleBtn:not(.-toggleSp).-sizeL .ico {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 20px;
  top: calc(50% - 10px);
}
.toggleBtn:not(.-toggleSp).-sizeL .ico:before {
  content: "";
  width: 20px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: 9px;
}
.toggleBtn:not(.-toggleSp).-sizeL .ico:after {
  content: "";
  width: 2px;
  height: 20px;
  background: #000;
  position: absolute;
  left: 9px;
  top: 0;
  transition: transform 0.2s;
}
.toggleBtn:not(.-toggleSp).-sizeL.open .ico:after {
  transform: rotate(90deg);
}

.toggleBody {
  opacity: 0;
  transition: opacity linear 0.2s;
}
.toggleBody.open {
  opacity: 1;
}

.cpBnr {
  width: 100%;
  max-width: 560px;
  height: auto;
  text-align: center;
  position: relative;
  display: block;
  box-sizing: border-box;
  box-shadow: 0 6px 0 #000;
  border-radius: 20px;
  overflow: hidden;
  margin: 40px auto 0;
}

.notesBlock {
  background: #f0f0f0;
  border-radius: var(--radius2);
  padding: 30px;
  text-align: center;
  max-width: 840px;
  margin: 0 auto;
}
.notesBlock > .list {
  display: inline-block;
  margin-top: 10px;
}
.notesBlock > .list > li {
  text-align: left;
  font-size: var(--fsize12);
}

.notesBlockRead {
  margin: 0 auto;
}

@keyframes rotate {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes stroke {
  0% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: 240px;
  }
  100% {
    stroke-dashoffset: 480px;
  }
}
.areaMapLoader {
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: var(--radius3);
  z-index: 3;
}
.areaMapLoader .ico {
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  animation: rotate 1.6s var(--easeOutCubic) infinite;
}
.areaMapLoader .ico .circ {
  fill: none;
  stroke: #999;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 8px;
  stroke-dasharray: 240px;
  animation: stroke 1.6s var(--easeOutCubic) infinite;
}
.areaMapLoader:before {
  content: "";
  width: 78px;
  height: 78px;
  border-radius: 50%;
  border: 4px solid #fff;
  box-sizing: border-box;
  position: absolute;
  left: calc(50% - 39px);
  top: calc(50% - 39px);
}

.areaMap {
  max-width: 840px;
  margin: 100px auto 0;
  background: #f0f0f0;
  border-radius: var(--radius3);
  width: 100%;
  height: 426px;
  position: relative;
  padding: 80px 0 0 60px;
}

.areaMap_head {
  position: absolute;
  left: calc(50% - 272px);
  top: -28px;
  width: 550px;
  box-sizing: border-box;
  background: #fff;
  padding-left: 0;
  padding-right: 0;
  z-index: 4;
}

.areaMap_map {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 650px;
  height: 320px;
  z-index: 1;
}
.areaMap_map svg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  filter: drop-shadow(8px 8px 8px rgba(179, 179, 179, 0.1));
  fill: #ffffff;
  backface-visibility: hidden;
  transform-box: fill-box;
}
.areaMap_map svg use {
  transition: fill 0.2s;
}
.areaMap_map svg .areaChoiceActive {
  pointer-events: fill;
  cursor: pointer;
  fill-opacity: 0;
}
@media (any-hover: hover) {
  .areaMap_map svg .kansaiPref.hover:not(.active),
  .areaMap_map svg .chubuPref.hover:not(.active),
  .areaMap_map svg .kantoPref.hover:not(.active),
  .areaMap_map svg .tohokuPref.hover:not(.active),
  .areaMap_map svg .shikokuPref.hover:not(.active),
  .areaMap_map svg .kyusyuPref.hover:not(.active),
  .areaMap_map svg .hokurikuPref.hover:not(.active),
  .areaMap_map svg .chugokuPref.hover:not(.active),
  .areaMap_map svg .hokkaidoPref.hover:not(.active) {
    fill: rgba(0, 0, 0, 0.1);
  }
}

.areaMap_btns {
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  gap: 10px;
  width: 410px;
}

.areaMap_btn {
  width: 130px;
  height: 45px;
  border-radius: var(--radius1);
  background: #fff;
  font-size: var(--fsize18);
  pointer-events: all;
  transition: background 0.2s;
  cursor: pointer;
  color: #000;
}
@media (any-hover: hover) {
  .areaMap_btn:hover:not(.active), .areaMap_btn.hover:not(.active) {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.1);
  }
}

.areaMap_link {
  display: block;
  text-align: right;
  max-width: 840px;
  margin: 10px auto 0;
}

.fancybox-slide--iframe {
  padding: 6px !important;
}
.fancybox-slide--iframe .fancybox-content {
  box-sizing: border-box;
  width: 92% !important;
  max-width: 1025px !important;
  border-radius: 20px;
  line-height: 1.8;
}
.fancybox-slide--iframe .fancybox-content .fancybox-iframe {
  border-radius: var(--radius2);
}

@keyframes fi {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.areaContents > li {
  display: none;
  opacity: 0;
}

body.hokkaido .areaMap_map svg .hokkaidoPref {
  fill: var(--color-orange);
}
body.hokkaido .areaMap_btn.hokkaido {
  background: var(--color-orange);
}
body.hokkaido .areaContents li.hokkaido {
  display: block;
  animation: fi 0.5s var(--easeOutCubic) forwards;
}
body.hokkaido .areachoiceNav.hokkaido {
  background: var(--color-orange);
}

body.tohoku .areaMap_map svg .tohokuPref {
  fill: var(--color-orange);
}
body.tohoku .areaMap_btn.tohoku {
  background: var(--color-orange);
}
body.tohoku .areaContents li.tohoku {
  display: block;
  animation: fi 0.5s var(--easeOutCubic) forwards;
}
body.tohoku .areachoiceNav.tohoku {
  background: var(--color-orange);
}

body.kanto .areaMap_map svg .kantoPref {
  fill: var(--color-orange);
}
body.kanto .areaMap_btn.kanto {
  background: var(--color-orange);
}
body.kanto .areaContents li.kanto {
  display: block;
  animation: fi 0.5s var(--easeOutCubic) forwards;
}
body.kanto .areachoiceNav.kanto {
  background: var(--color-orange);
}

body.chubu .areaMap_map svg .chubuPref {
  fill: var(--color-orange);
}
body.chubu .areaMap_btn.chubu {
  background: var(--color-orange);
}
body.chubu .areaContents li.chubu {
  display: block;
  animation: fi 0.5s var(--easeOutCubic) forwards;
}
body.chubu .areachoiceNav.chubu {
  background: var(--color-orange);
}

body.hokuriku .areaMap_map svg .hokurikuPref {
  fill: var(--color-orange);
}
body.hokuriku .areaMap_btn.hokuriku {
  background: var(--color-orange);
}
body.hokuriku .areaContents li.hokuriku {
  display: block;
  animation: fi 0.5s var(--easeOutCubic) forwards;
}
body.hokuriku .areachoiceNav.hokuriku {
  background: var(--color-orange);
}

body.kansai .areaMap_map svg .kansaiPref {
  fill: var(--color-orange);
}
body.kansai .areaMap_btn.kansai {
  background: var(--color-orange);
}
body.kansai .areaContents li.kansai {
  display: block;
  animation: fi 0.5s var(--easeOutCubic) forwards;
}
body.kansai .areachoiceNav.kansai {
  background: var(--color-orange);
}

body.chugoku .areaMap_map svg .chugokuPref {
  fill: var(--color-orange);
}
body.chugoku .areaMap_btn.chugoku {
  background: var(--color-orange);
}
body.chugoku .areaContents li.chugoku {
  display: block;
  animation: fi 0.5s var(--easeOutCubic) forwards;
}
body.chugoku .areachoiceNav.chugoku {
  background: var(--color-orange);
}

body.shikoku .areaMap_map svg .shikokuPref {
  fill: var(--color-orange);
}
body.shikoku .areaMap_btn.shikoku {
  background: var(--color-orange);
}
body.shikoku .areaContents li.shikoku {
  display: block;
  animation: fi 0.5s var(--easeOutCubic) forwards;
}
body.shikoku .areachoiceNav.shikoku {
  background: var(--color-orange);
}

body.kyusyu .areaMap_map svg .kyusyuPref {
  fill: var(--color-orange);
}
body.kyusyu .areaMap_btn.kyusyu {
  background: var(--color-orange);
}
body.kyusyu .areaContents li.kyusyu {
  display: block;
  animation: fi 0.5s var(--easeOutCubic) forwards;
}
body.kyusyu .areachoiceNav.kyusyu {
  background: var(--color-orange);
}

.cpInfoTerm {
  margin-top: 10px;
  text-align: center;
}

.cpInfoTermTable.contentsTable {
  margin-top: 10px;
}
.cpInfoTermTable.contentsTable th {
  min-width: 95px;
}
.cpInfoTermTable.contentsTable td {
  text-align: left;
}

.related {
  text-align: left;
}

.related_lists {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}
.related_lists > li {
  display: table;
  width: 32%;
  margin-left: 2%;
  min-height: 70px;
}
.related_lists > li:first-child, .related_lists > li:nth-child(4n) {
  margin-left: 0;
}
.related_lists > li:nth-child(n+4) {
  margin-top: 20px;
}
.related_lists > li > a {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 2px solid #f0f0f0;
  font-size: var(--fsize14);
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: var(--color-txt);
  padding: 0 25px 0 10px;
}
.related_lists > li > a.l,
.related_lists > li > a .l {
  font-size: var(--fsize16);
}
.related_lists > li > a.s,
.related_lists > li > a .s {
  font-size: var(--fsize12);
}
.related_lists > li > a.lt0 {
  letter-spacing: 0;
}
.related_lists > li > a:hover {
  text-decoration: none;
}
.related_lists > li > a:before {
  content: "";
  width: 8px;
  height: 8px;
  background: url(../img/ico_ar_r.svg) no-repeat center/contain;
  position: absolute;
  right: 8px;
  top: calc(50% - 4px);
}
.related_lists > li.blank > a:before {
  content: "";
  width: 10px;
  height: 10px;
  background: url(../img/ico_blank_bl.svg) no-repeat center/contain;
  position: absolute;
  right: 8px;
  top: calc(50% - 5px);
}

.plan {
  width: 90%;
  margin: 0 auto;
}
.plan .swiper {
  margin-left: 0;
  margin-right: 0;
  overflow: visible;
}
.plan .swiper-pagination {
  display: none;
}

.plan_list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  max-width: 940px;
  width: 100%;
  gap: 20px;
  margin: 0 auto;
}

.plan_panel_head {
  font-size: var(--fsize32);
  line-height: 1.5;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.plan_panel {
  width: 300px;
  background: #fff;
  border: 2px solid #f0f0f0;
  border-radius: var(--radius2);
  text-align: center;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: auto;
}

.plan_panel_img1 {
  width: 184px;
  margin: 0 auto;
}

.plan_panel_img2 {
  width: 151px;
  margin: 0 auto;
}

.plan_panel_img3 {
  width: 202px;
  margin: 0 auto;
}

.plan_panel_img4 {
  width: 142px;
  margin: 0 auto;
}

.plan_panel_img5 {
  width: 133px;
  margin: 0 auto;
}

.plan_panel_target {
  font-size: var(--fsize12);
  line-height: 1.5;
  border: 1px solid #000;
  display: flex inline;
  min-height: 50px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 20px;
  border-radius: 40px;
  margin: 20px auto 0;
}

.plan_panel_name {
  font-size: var(--fsize24);
  line-height: 1.4;
  margin-top: 15px;
}
.plan_panel_name .s {
  font-size: var(--fsize14);
}
.plan_panel_name.-long {
  letter-spacing: -0.05em;
}

.plan_panel_txt {
  font-size: var(--fsize14);
  margin-top: 10px;
}
.plan_panel_txt.-s {
  line-height: 1.5714;
}

.plan_panel_btn, .benefit_panel_btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 210px;
  height: 50px;
  background: #ffd000;
  color: #000;
  border-radius: var(--radius1);
  margin: 20px auto 0;
  position: relative;
}
.plan_panel_btn:hover, .benefit_panel_btn:hover {
  text-decoration: none;
}

.benefit .swiper-pagination {
  display: none;
}

.benefit_list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  gap: 30px;
  max-width: 840px;
  margin: 0 auto;
}

.benefit_panel {
  width: 320px;
  border: 2px solid #f0f0f0;
  background: #fff;
  border-radius: var(--radius2);
  text-align: center;
  padding: 30px 20px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
}

.benefit_panel_txt {
  font-size: var(--fsize14);
  line-height: 1.7;
  margin-bottom: 30px;
}
.benefit_panel_txt .l {
  font-size: var(--fsize18);
  font-weight: 500;
}

.benefit_panel_img1,
.benefit_panel_img2 {
  width: 133px;
  margin: 0 auto;
}

.benefit_panel_img3 {
  width: 145px;
  margin: 0 auto;
}

.benefit_panel_img4 {
  width: 77px;
  margin: 0 auto;
}

.benefit_panel_name {
  font-size: var(--fsize26);
  font-weight: 500;
  margin-top: 30px;
}

.benefit_btn {
  font-size: var(--fsize20);
  font-weight: 500;
  margin-top: 60px;
}

.benefit_notes {
  display: inline-block;
  max-width: 840px;
  margin: 10px auto 0;
}
.benefit_notes > li {
  font-size: var(--fsize12);
}

@media screen and (max-width: 1600px) {
  .benefit_list {
    width: 670px;
    margin: 0 auto;
    gap: 30px;
  }
}
.checkList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  gap: 15px 30px;
  padding: 20px 30px;
  border-radius: var(--radius2);
  background: #f0f0f0;
  margin-top: 20px;
}
.checkList.-nobg {
  background: none;
  padding: 0;
}
.checkList > li {
  font-size: var(--fsize16);
  font-weight: 500;
  line-height: 1.6;
  position: relative;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 6px;
}
.checkList > li .txt {
  -ms-flex: 1;
      flex: 1;
}
.checkList > li:before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/article/cmn/img/ico_check_denki.png) no-repeat center;
  background-size: contain;
  margin-top: 0;
}

.cpinfo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: stretch;
      align-items: stretch;
  border-top: 2px solid #f0f0f0;
  padding: 5px 0;
  gap: 30px;
  max-width: 840px;
  margin: 0 auto;
}
.cpinfo:last-of-type {
  border-bottom: 2px solid #f0f0f0;
}
.cpinfo > dt {
  width: 200px;
  min-height: 70px;
  background: #f0f0f0;
  border-radius: var(--radius1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.cpinfo > dd {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  text-align: left;
  padding: 20px 0;
}

.cpinfo_ttl {
  line-height: 1.4;
}

.cpinfo_txt:not(:first-child) {
  margin-top: 10px;
}

.cpinfo_list > li {
  font-size: var(--fsize16);
}
.cpinfo_list:not(:first-child) {
  margin-top: 10px;
}

.cpinfo_notes > li {
  font-size: var(--fsize12);
}
.cpinfo_notes:not(:first-child) {
  margin-top: 10px;
}

.faq {
  border-top: 2px solid #f0f0f0;
  text-align: left;
  max-width: 840px;
  margin-top: 0 auto;
}
.faq:first-of-type {
  margin-top: 40px;
}
.faq:last-of-type {
  border-bottom: 2px solid #f0f0f0;
}

.faq_q {
  font-size: var(--fsize20);
  line-height: 1.5;
  font-weight: 400;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 60px 20px 0;
  text-align: left;
  width: 100%;
}
.faq_q > .tag {
  padding: 0 30px;
  font-size: var(--fsize36);
  color: #cbcbcb;
}
.faq_q .ico {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 20px;
  top: calc(50% - 10px);
}
.faq_q .ico:before {
  content: "";
  width: 20px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: 9px;
}
.faq_q .ico:after {
  content: "";
  width: 2px;
  height: 20px;
  background: #000;
  position: absolute;
  left: 9px;
  top: 0;
  transition: transform 0.2s;
}
.faq_q.open .ico:after {
  transform: rotate(90deg);
}

.faq_a_in {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 0 0 20px;
  text-align: left;
}
.faq_a_in > .tag {
  padding: 0 30px;
  font-size: var(--fsize36);
  color: #cbcbcb;
}

.faq_txt {
  font-family: var(--fontset_noto);
  font-size: var(--fsize20);
  line-height: 1.5;
  font-weight: 400;
}
.faq_txt:not(:first-of-type) {
  margin-top: 10px;
}

.faq_notes {
  margin-top: 10px;
}
.faq_notes > li {
  font-size: var(--fsize12);
}

.kirikae_ttl {
  font-size: var(--fsize20);
  font-weight: 400;
  text-align: left;
  line-height: 1.6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  min-height: 111px;
  margin: 0 auto;
  position: relative;
}
.kirikae_ttl:before {
  content: "";
  width: 107px;
  height: 111px;
  background: url(/denki/plan/img/kirikae_ico.png) no-repeat center/contain;
  margin-top: -10px;
}

.kirikae_btn {
  font-size: var(--fsize20);
  margin-top: 10px;
}

@media screen and (max-width: 1240px) {
  #wrapper {
    padding: 0 20px 120px;
  }
  .bread_list {
    width: 100%;
    padding: 0 20px;
  }
}
@media screen and (max-width: 1024px) {
  .swiper {
    position: relativel;
  }
  .swiper-button-next {
    display: block;
    position: absolute;
    right: 20px;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(/article/cmn/img/ico_slider_ar_w.svg) rgba(0, 0, 0, 0.5) no-repeat 54% center/10px 23px;
  }
  .swiper-button-next:after {
    display: none;
  }
  .swiper-button-prev {
    display: block;
    position: absolute;
    left: 20px;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(/article/cmn/img/ico_slider_ar_w.svg) rgba(0, 0, 0, 0.5) no-repeat 54% center/10px 23px;
    transform: scale(-1, 1);
  }
  .swiper-button-prev:after {
    display: none;
  }
  #wrapper .txtLink,
  #modal .txtLink {
    margin-right: 5px;
  }
  #wrapper .txtLink.-blank,
  #modal .txtLink.-blank {
    background-size: 24px;
    padding-right: 30px;
  }
  #wrapper .txtLink.-file,
  #modal .txtLink.-file {
    background-size: 20px;
    padding-right: 26px;
  }
  #wrapper .txtLink.-anchor,
  #modal .txtLink.-anchor {
    background-size: 24px;
    padding-right: 32px;
  }
  #wrapper .txtLink.-anchor.-up,
  #modal .txtLink.-anchor.-up {
    background-size: 24px;
  }
  #wrapper .txtLink.-ar,
  #modal .txtLink.-ar {
    position: relative;
    padding-left: 32px;
  }
  #wrapper .txtLink.-ar:before,
  #modal .txtLink.-ar:before {
    width: 10px;
    height: 20px;
    left: 8px;
  }
  #wrapper .txtLink.-w.-blank,
  #modal .txtLink.-w.-blank {
    background-size: 24px;
  }
  #wrapper .txtLink.-w.-file,
  #modal .txtLink.-w.-file {
    background-size: 24px;
  }
  #wrap:before {
    height: 400px;
  }
  #wrap:has(.wrapperRead):before {
    height: 550px;
  }
  #wrap:has(.wrapperNotes):before {
    height: 500px;
  }
  .globalNav {
    display: none;
  }
  #wrapper {
    margin: 0 auto;
    max-width: 767px;
    width: 92%;
  }
  .wrapperHead {
    font-size: var(--fsize44);
    padding: 60px 0;
  }
  .wrapperHead.-read {
    padding-bottom: 40px;
  }
  .wrapperHead .s {
    font-size: var(--fsize20);
  }
  .wrapperHead .m {
    font-size: var(--fsize32);
  }
  .wrapperRead {
    font-size: var(--fsize24);
    text-align: left;
  }
  .wrapperRead.-mb {
    margin-bottom: 40px;
  }
  .wrapperNotes {
    margin: 5px auto 40px;
  }
  .wrapperNotes.-l > li {
    font-size: var(--fsize20);
  }
  .wrapperNotes > li {
    font-size: var(--fsize20);
  }
  .pnav {
    gap: 10px 2%;
    margin: 60px 0 0;
  }
  .pnav.-row4 > a {
    width: 49%;
    font-size: var(--fsize24);
  }
  .pnav > a {
    width: 49%;
    height: 80px;
    font-size: var(--fsize24);
  }
  .pnav > a .m {
    font-size: var(--fsize22);
    width: 100%;
  }
  .pnav > a .s {
    font-size: var(--fsize20);
  }
  .pnav > a:before {
    width: 20px;
    height: 20px;
    right: 15px;
    top: calc(50% - 10px);
  }
  .pnav > a:hover {
    text-decoration: none;
  }
  .btn_close {
    font-size: var(--fsize32);
    margin-top: 60px;
  }
  .contents {
    padding: 0 0 60px;
  }
  .contentsIn {
    margin: 0 auto;
  }
  .contentsSection {
    padding-top: 80px;
  }
  .contentsSection.-in {
    padding-top: 50px;
  }
  .contentsTtl {
    font-size: var(--fsize36);
  }
  .contentsRead {
    font-size: var(--fsize28);
    text-align: left;
  }
  .contentsReadNotes {
    text-align: left;
  }
  .contentsReadNotes > li {
    font-size: var(--fsize20);
  }
  .contentsReadS {
    text-align: left;
    font-size: var(--fsize20);
    margin-top: 5px;
  }
  .contentsAlertTxt.-s {
    font-size: var(--fsize14);
  }
  .contentsHead02 {
    font-size: var(--fsize32);
    padding: 6px 40px;
  }
  .contentsHead03 {
    font-size: var(--fsize28);
    padding-bottom: 8px;
    margin-bottom: 20px;
  }
  .contentsHead03 .small {
    font-size: var(--fsize20);
  }
  .contentsHead03.-alert {
    padding-left: 36px;
  }
  .contentsHead03.-alert:before {
    width: 26px;
    height: 26px;
    left: 5px;
    top: calc(50% - 18px);
  }
  .contentsHead04 {
    font-size: var(--fsize28);
    padding-left: 40px;
  }
  .contentsHead04:before {
    width: 20px;
    height: 20px;
    left: 5px;
  }
  .contactTel {
    font-size: var(--fsize62);
    padding-left: 50px;
    margin: 20px auto 0;
  }
  .contactTel:before {
    width: 42px;
    height: 42px;
    top: calc(50% - 21px);
  }
  .contactNotes {
    margin-top: 20px;
  }
  .contactNotes > li {
    text-align: left;
    font-size: var(--fsize20);
  }
  .fam {
    margin: 30px auto 0;
    padding: 30px;
  }
  .fam_ttl {
    font-size: var(--fsize28);
    line-height: 1.4;
    padding: 10px 40px;
  }
  .fam_col {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    gap: 10px;
    margin: 0 auto;
  }
  .fam_img {
    width: 368px;
  }
  .fam_img.-p5 {
    width: 370px;
  }
  .fam_img.-ev {
    width: 468px;
    margin: 20px auto 10px;
  }
  .fam_img.-teiatsu {
    width: 426px;
    margin: 20px auto 10px;
  }
  .fam_cost_head {
    font-size: var(--fsize24);
    line-height: 1.2;
  }
  .fam_cost_head .s {
    font-size: var(--fsize20);
  }
  .fam_cost_txt {
    font-size: var(--fsize38);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
  }
  .fam_cost_txt .urbanist {
    font-size: var(--fsize70);
  }
  .fam_notes {
    text-align: left;
    font-size: var(--fsize20);
    margin-top: 10px;
  }
  .fam_btm_notes {
    margin-top: 20px;
    text-align: left;
  }
  .fam_btm_notes > li {
    font-size: var(--fsize20);
  }
  .fam_details {
    margin-top: 10px;
  }
  .fam_details_btn {
    font-size: var(--fsize24);
    padding: 8px 80px;
  }
  .fam_details_btn .ico {
    width: 20px;
    height: 20px;
    right: 10px;
    top: calc(50% - 10px);
  }
  .fam_details_btn .ico:before {
    width: 20px;
    top: 9px;
  }
  .fam_details_btn .ico:after {
    height: 20px;
    left: 9px;
  }
  .fam_details_txt {
    margin-top: 10px;
    text-align: left;
    line-height: 1.4;
    font-size: var(--fsize20);
  }
  .contentsAlert {
    padding: 30px;
    margin-top: 30px;
  }
  .contentsAlert.-mt60 {
    margin-top: 60px;
  }
  .contentsAlert.-ico {
    padding-left: 30px;
    padding-top: 90px;
  }
  .contentsAlert.-ico:before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    left: calc(50% - 30px);
    top: 20px;
  }
  .contentsAlert.-s {
    padding: 10px 15px;
  }
  .contentsAlertTxt {
    font-size: var(--fsize28);
  }
  .contentsAlertTxt.-s {
    font-size: var(--fsize24);
  }
  .contentsAlertNotes {
    margin-top: 10px;
  }
  .contentsAlertNotes > li {
    font-size: var(--fsize20);
  }
  .contentsNav li {
    font-size: var(--fsize16);
  }
  .contentsNav li .fas {
    font-size: var(--fsize16);
    margin-top: -8px;
  }
  .area {
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    gap: 40px;
  }
  .area_col {
    text-align: left;
    -ms-flex: 1;
        flex: 1;
  }
  .area_txt {
    font-size: var(--fsize28);
  }
  .area_notes {
    margin-top: 10px;
  }
  .area_notes > li {
    font-size: var(--fsize20);
  }
  .area_img {
    max-width: 456px;
    width: 100%;
  }
  .contentsTxt {
    font-size: var(--fsize28);
  }
  .contentsTxt.-centerPC {
    text-align: left;
  }
  .tabNavRead {
    font-size: var(--fsize28);
    margin-bottom: 30px;
  }
  .tabNav.-fam button {
    width: 260px;
  }
  .tabNav.-max > button,
  .tabNav.-max > a,
  .tabNav.-max > span {
    width: 140px;
  }
  .tabNav.-sizeL > button,
  .tabNav.-sizeL > a,
  .tabNav.-sizeL > span {
    width: 300px;
    height: 100px;
  }
  .tabNav > button,
  .tabNav > a,
  .tabNav > span {
    font-size: var(--fsize28);
    width: 190px;
  }
  .tabNav > button.col2,
  .tabNav > a.col2,
  .tabNav > span.col2 {
    font-size: var(--fsize24);
  }
  .tabNav_hosoku {
    margin-top: 10px;
    font-size: var(--fsize20);
  }
  .tabNavLink {
    text-align: center;
    margin-top: 30px;
  }
  .tabContents {
    margin-top: 20px;
  }
  .indexList {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    gap: 60px 2%;
  }
  .indexList > li {
    width: 100%;
  }
  .indexList > li.two {
    width: 100%;
  }
  .indexList.-notitle {
    gap: 30px 2%;
  }
  .indexListIn {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
  }
  .indexListIn > li {
    width: 100%;
  }
  .indexListIn > li.two {
    width: 100%;
  }
  .indexListBtn {
    width: 100%;
    padding: 20px;
    margin-top: 30px;
  }
  .indexListBtnImg {
    width: 200px;
  }
  .indexListBtnTxtOuter {
    width: 60%;
    padding-left: 4%;
  }
  .indexListBtnTtl {
    font-size: var(--fsize28);
  }
  .indexListBtnTxt {
    font-size: var(--fsize24);
  }
  .btnTwo li:first-child {
    margin-right: 15px;
  }
  .cpBnr {
    margin: 30px auto 0;
  }
  .notesBtm {
    padding: 20px;
  }
  .notesBtmRead {
    margin: 20px 0;
  }
  .areaMapLoader .ico {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
    top: calc(50% - 30px);
  }
  .areaMapLoader:before {
    width: 58px;
    height: 58px;
    left: calc(50% - 29px);
    top: calc(50% - 29px);
  }
  .areaMap {
    margin: 35px auto 0;
    height: auto;
    padding: 40px 20px 20px;
  }
  .areaMap_head {
    left: 40px;
    top: 40px;
    width: auto;
    padding: 10px 40px 14px;
  }
  .areaMap_map {
    position: relative;
    right: auto;
    bottom: auto;
    width: 540px;
    height: 266px;
    margin: 30px auto 0;
  }
  .areaMap_btns {
    gap: 12px 2%;
    width: 100%;
    margin-top: 30px;
  }
  .areaMap_btn {
    width: 32%;
    height: 70px;
    border-radius: var(--radius1);
    background: #fff;
    font-size: var(--fsize28);
    pointer-events: all;
    transition: background 0.2s;
    cursor: pointer;
  }
  .areaMap_btn.active {
    background: var(--color-orange);
  }
  /*
    .areachoiceNavOuter.tabNav{
      li{
        width: auto;
        font-size: var(--fsize16);
      }
    }
  */
}
@media screen and (max-width: 1024px) and (any-hover: hover) {
  .areaMap_btn:hover:not(.active), .areaMap_btn.hover:not(.active) {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 1024px) {
  .areaMap_link {
    -ms-flex-pack: center;
        justify-content: center;
    font-size: var(--fsize24);
  }
  .related_lists > li {
    width: 49%;
    margin-left: 2%;
  }
  .related_lists > li:nth-child(4n) {
    margin-left: 2%;
  }
  .related_lists > li:first-child, .related_lists > li:nth-child(odd) {
    margin-left: 0;
  }
  .related_lists > li:nth-child(n+3) {
    margin-top: 15px;
  }
  .related_lists > li > a.lt0 {
    letter-spacing: 0.05em;
  }
  .contentsTableScroller {
    width: 100%;
  }
  .contentsTableScroller .nextBtn,
  .contentsTableScroller .prevBtn {
    display: block;
  }
  .contentsTableScroller.leftMax:after,
  .contentsTableScroller.leftMax .prevBtn {
    display: none;
  }
  .contentsTableScroller.rightMax:before,
  .contentsTableScroller.rightMax .nextBtn {
    display: none;
  }
  .contentsTableScroller:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 10%;
    height: 100%;
    background: linear-gradient(to left, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
  }
  .contentsTableScroller:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10%;
    height: 100%;
    background: linear-gradient(to right, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
  }
  .contentsTableScroller .nextBtn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: -20px;
    top: calc(50% - 20px);
    z-index: 2;
    background: url(/article/cmn/img/ico_slider_ar_w.svg) rgba(0, 0, 0, 0.5) no-repeat 54% center/10px 23px;
  }
  .contentsTableScroller .prevBtn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: calc(50% - 20px);
    z-index: 2;
    background: url(/article/cmn/img/ico_slider_ar_w.svg) rgba(0, 0, 0, 0.5) no-repeat 54% center/10px 23px;
    transform: scale(-1, 1);
  }
  .contentsTableScroller .scroll {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .contentsTableScroller .scroll::-webkit-scrollbar {
    display: none;
  }
  .contentsTableScroller .contentsTable {
    width: 140%;
    max-width: inherit;
  }
  .contentsTable th, .contentsTable td {
    padding: 20px;
  }
  .table_txt {
    font-size: var(--fsize24);
  }
  .table_cost {
    font-size: var(--fsize28);
  }
  .table_notes {
    margin-top: 10px;
  }
  .table_notes > li {
    font-size: var(--fsize20);
  }
  .contentsTable_notes {
    margin-top: 10px;
  }
  .contentsTable_notes > li {
    font-size: var(--fsize20);
  }
  .notesBlock {
    background: #f0f0f0;
    border-radius: var(--radius2);
    padding: 30px;
  }
  .notesBlock > .list {
    margin-top: 20px;
  }
  .notesBlock > .list > li {
    font-size: var(--fsize20);
  }
  .notesBlockRead {
    line-height: 1.4;
    text-align: center;
  }
  .toggleBtn:not(.-toggleSp).-sizeS {
    font-size: var(--fsize24);
    padding: 8px 80px;
  }
  .toggleBtn:not(.-toggleSp).-sizeS .ico {
    width: 20px;
    height: 20px;
    right: 10px;
    top: calc(50% - 10px);
  }
  .toggleBtn:not(.-toggleSp).-sizeS .ico:before {
    width: 20px;
    top: 9px;
  }
  .toggleBtn:not(.-toggleSp).-sizeS .ico:after {
    height: 20px;
    left: 9px;
  }
  .plan {
    width: 100%;
    margin: 0 auto;
  }
  .plan .swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0 6%;
  }
  .plan .swiper-pagination {
    display: block;
  }
  .plan_list {
    max-width: 100%;
    -ms-flex-pack: inherit;
        justify-content: inherit;
    -ms-flex-align: inherit;
        align-items: inherit;
    -ms-flex-flow: inherit;
        flex-flow: inherit;
    gap: inherit;
  }
  .plan_panel_head {
    font-size: var(--fsize32);
    padding-top: 30px;
    margin-bottom: 30px;
  }
  .plan_panel {
    min-height: 660px;
    width: 504px;
    padding: 40px;
  }
  .plan_panel_img1 {
    width: 60.32786%;
    margin: 0 auto;
  }
  .plan_panel_img2 {
    width: 49.50819%;
    margin: 0 auto;
  }
  .plan_panel_img3 {
    width: 66.2295%;
    margin: 0 auto;
  }
  .plan_panel_img4 {
    width: 46.55737%;
    margin: 0 auto;
  }
  .plan_panel_img5 {
    width: 43.60655%;
    margin: 0 auto;
  }
  .plan_panel_target {
    font-size: var(--fsize20);
    padding: 0 30px;
    min-height: 80px;
    margin: 20px auto 0;
  }
  .plan_panel_name {
    font-size: var(--fsize40);
  }
  .plan_panel_txt {
    font-size: var(--fsize24);
    margin-top: 20px;
  }
  .plan_panel_btn, .benefit_panel_btn {
    width: 294px;
    height: 70px;
    font-size: var(--fsize28);
    border-radius: var(--radius2);
    margin: 30px auto 0;
  }
  .checkList {
    gap: 15px 40px;
    padding: 30px 40px;
    margin-top: 20px;
  }
  .checkList > li {
    font-size: var(--fsize28);
    letter-spacing: 0;
    font-weight: 500;
    gap: 8px;
  }
  .checkList > li:before {
    width: 28px;
    height: 28px;
    margin-top: 8px;
  }
  .cpinfo {
    border-top: none;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    padding: 5px 0;
    gap: 0;
    margin: 0 auto;
  }
  .cpinfo:last-of-type {
    border-bottom: none;
  }
  .cpinfo > dt {
    width: 100%;
    padding: 10px 20px;
    -ms-flex-pack: start;
        justify-content: flex-start;
    text-align: left;
    min-height: 0;
  }
  .cpinfo > dd {
    padding: 20px 0;
  }
  .cpinfo_ttl {
    font-size: var(--fsize28);
    line-height: 1.4;
  }
  .cpinfo_txt {
    font-size: var(--fsize24);
  }
  .cpinfo_txt:not(:first-child) {
    margin-top: 0;
  }
  .cpinfo_list > li {
    font-size: var(--fsize24);
  }
  .cpinfo_list:not(:first-child) {
    margin-top: 10px;
  }
  .cpinfo_notes > li {
    font-size: var(--fsize20);
  }
  .cpinfo_notes:not(:first-child) {
    margin-top: 10px;
  }
  .faq {
    margin-top: 0 auto;
  }
  .faq:first-of-type {
    margin-top: 40px;
  }
  .faq_q {
    font-size: var(--fsize28);
    padding: 20px 70px 20px 0;
    width: 100%;
  }
  .faq_q > .tag {
    padding: 0 20px;
    font-size: var(--fsize52);
  }
  .faq_q .ico {
    width: 30px;
    height: 30px;
    right: 10px;
    top: calc(50% - 15px);
  }
  .faq_q .ico:before {
    width: 30px;
    top: 14px;
  }
  .faq_q .ico:after {
    height: 30px;
    left: 14px;
  }
  .faq_a_in {
    padding: 0 0 20px;
    text-align: left;
  }
  .faq_a_in > .tag {
    padding: 0 20px;
    font-size: var(--fsize52);
  }
  .faq_txt {
    font-size: var(--fsize28);
  }
  .faq_txt:not(:first-of-type) {
    margin-top: 10px;
  }
  .faq_notes {
    margin-top: 10px;
  }
  .faq_notes > li {
    font-size: var(--fsize20);
  }
  .kirikae_ttl {
    font-size: var(--fsize32);
    min-height: 222px;
  }
  .kirikae_ttl:before {
    width: 214px;
    height: 222px;
    margin-top: -20px;
  }
  .kirikae_btn {
    font-size: var(--fsize28);
    margin-top: 20px;
  }
  .benefit .swiper-pagination {
    display: block;
  }
  .benefit_list {
    -ms-flex-pack: inherit;
        justify-content: inherit;
    -ms-flex-align: inherit;
        align-items: inherit;
    -ms-flex-flow: inherit;
        flex-flow: inherit;
    gap: inherit;
    width: auto;
  }
  .benefit_panel {
    width: 448px;
    border-radius: var(--radius2);
    padding: 40px 20px;
    position: relative;
  }
  .benefit_panel_txt {
    font-size: var(--fsize20);
    margin-bottom: 30px;
  }
  .benefit_panel_txt .l {
    font-size: var(--fsize28);
    letter-spacing: 0;
  }
  .benefit_panel_tag {
    font-size: var(--fsize24);
    left: calc(50% - 100px);
    top: -25px;
    width: 200px;
    height: 50px;
  }
  .benefit_panel_img1,
  .benefit_panel_img2 {
    width: 266px;
  }
  .benefit_panel_img3 {
    width: 290px;
  }
  .benefit_panel_img4 {
    width: 154px;
  }
  .benefit_panel_name {
    font-size: var(--fsize36);
    font-weight: 500;
  }
  .benefit_btn {
    font-size: var(--fsize32);
  }
  .benefit_notes {
    width: 90%;
    margin: 10px auto 0;
  }
  .benefit_notes > li {
    font-size: var(--fsize20);
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .swiper-button-next {
    right: 2.61vw;
    top: calc(50% - 2.61vw);
    width: 5.22vw;
    height: 5.22vw;
    background-size: 1.3vw 3vw;
  }
  .swiper-button-prev {
    left: 2.61vw;
    top: calc(50% - 2.61vw);
    width: 5.22vw;
    height: 5.22vw;
    background-size: 1.3vw 3vw;
  }
  .swiper-pagination {
    margin-top: 5.22vw;
  }
  #wrapper .txtLink,
  #modal .txtLink {
    margin-right: 0.65vw;
  }
  #wrapper .txtLink.-blank,
  #modal .txtLink.-blank {
    background-size: 3.13vw;
    padding-right: 3.91vw;
  }
  #wrapper .txtLink.-file,
  #modal .txtLink.-file {
    background-size: 2.61vw;
    padding-right: 3.39vw;
  }
  #wrapper .txtLink.-anchor,
  #modal .txtLink.-anchor {
    background-size: 3.13vw;
    padding-right: 4.17vw;
  }
  #wrapper .txtLink.-anchor.-up,
  #modal .txtLink.-anchor.-up {
    background-size: 3.13vw;
  }
  #wrapper .txtLink.-ar,
  #modal .txtLink.-ar {
    padding-left: 4.17vw;
  }
  #wrapper .txtLink.-ar:before,
  #modal .txtLink.-ar:before {
    width: 1.3vw;
    height: 2.61vw;
    left: 1.04vw;
  }
  #wrapper .txtLink.-w.-blank,
  #modal .txtLink.-w.-blank {
    background-size: 3.13vw;
  }
  #wrapper .txtLink.-w.-file,
  #modal .txtLink.-w.-file {
    background-size: 3.13vw;
  }
  #wrap:before {
    height: 65.19vw;
  }
  #wrap:has(.wrapperRead):before {
    height: 71.71vw;
  }
  #wrap:has(.wrapperNotes):before {
    height: 71.71vw;
  }
  #wrapper {
    width: 88%;
    padding: 0 0 7.82vw;
  }
  .wrapperHead {
    font-size: 5.74vw;
    padding: 5.22vw 0;
  }
  .wrapperHead.-read {
    padding-bottom: 3.91vw;
  }
  .wrapperHead .s {
    font-size: 2.61vw;
  }
  .wrapperHead .m {
    font-size: 4.17vw;
  }
  .wrapperRead {
    font-size: 3.13vw;
  }
  .wrapperRead.-mb {
    margin-bottom: 5.22vw;
  }
  .wrapperNotes {
    margin: 0.65vw auto 5.22vw;
  }
  .wrapperNotes.-l > li {
    font-size: 2.61vw;
  }
  .wrapperNotes > li {
    font-size: 2.61vw;
  }
  .bread {
    width: 100%;
    padding: 10px 0;
  }
  .bread_list {
    gap: 5px 0;
  }
  .bread_list > li {
    font-size: var(--fsize10);
    line-height: 1.4;
    position: relative;
  }
  .bread_list > li:not(:first-child) {
    padding-left: 20px;
  }
  .bread_list > li:not(:first-child):before {
    width: 3px;
    height: 6px;
    left: 10px;
    top: calc(50% - 3x);
  }
  .pnav {
    gap: 1.3vw 2%;
    margin: 7.82vw 0 0;
  }
  .pnav.-row4 > a {
    font-size: 3.13vw;
  }
  .pnav > a {
    height: 10.43vw;
    font-size: 3.13vw;
  }
  .pnav > a .m {
    font-size: 2.87vw;
    width: 100%;
  }
  .pnav > a .s {
    font-size: 2.61vw;
  }
  .pnav > a:before {
    width: 2.61vw;
    height: 2.61vw;
    right: 1.96vw;
    top: calc(50% - 1.3vw);
  }
  .btn_close {
    font-size: 4.17vw;
    margin-top: 7.82vw;
  }
  .contents {
    border-radius: 5.22vw;
    padding: 0 0 5.22vw;
  }
  .contentsIn {
    margin: 0 auto;
  }
  .contentsSection {
    width: 100%;
    padding-top: 10.43vw;
  }
  .contentsSection.-in {
    padding-top: 6.52vw;
  }
  .contentsTtl {
    font-size: 4.69vw;
    padding-bottom: 3.91vw;
    margin-bottom: 3.91vw;
  }
  .contentsTtl .small {
    font-size: 2.61vw;
  }
  .contentsTtl .small.-tag {
    margin: 5px auto;
    padding: 5px 20px 5px;
  }
  .contentsTtl:before {
    width: 5.22vw;
    height: 6px;
    margin-left: -2.61vw;
  }
  .contentsRead {
    font-size: 3.65vw;
  }
  .contentsRead .small {
    font-size: 2.61vw;
  }
  .contentsReadNotes > li {
    font-size: 2.61vw;
  }
  .contentsReadS {
    font-size: 2.61vw;
    margin-top: 0.65vw;
  }
  .contentsHead02 {
    font-size: 4.17vw;
    padding: 0.78vw 5.22vw;
  }
  .contentsHead03 {
    font-size: 3.65vw;
    padding-bottom: 1.04vw;
    margin-bottom: 2.61vw;
  }
  .contentsHead03 .small {
    font-size: 2.61vw;
  }
  .contentsHead03.-alert {
    padding-left: 4.69vw;
  }
  .contentsHead03.-alert:before {
    width: 3.39vw;
    height: 3.39vw;
    left: 0.65vw;
    top: calc(50% - 2.35vw);
  }
  .contentsHead04 {
    font-size: 3.65vw;
    padding-left: 5.22vw;
    margin-bottom: 2.61vw;
  }
  .contentsHead04:before {
    width: 2.61vw;
    height: 2.61vw;
    left: 0.65vw;
  }
  .contactTel {
    font-size: 8.08vw;
    padding-left: 6.52vw;
    margin: 2.61vw auto 0;
  }
  .contactTel:before {
    width: 5.48vw;
    height: 5.48vw;
    top: calc(50% - 2.74vw);
  }
  .contactNotes {
    margin-top: 2.61vw;
  }
  .contactNotes > li {
    font-size: 2.61vw;
  }
  .fam {
    margin: 3.91vw auto 0;
    padding: 3.91vw;
  }
  .fam_ttl {
    font-size: 3.65vw;
    padding: 1.3vw 5.22vw;
  }
  .fam_col {
    gap: 1.3vw;
  }
  .fam_img {
    width: 47.98vw;
  }
  .fam_img.-p5 {
    width: 48.24vw;
  }
  .fam_img.-ev {
    width: 61.02vw;
    margin: 2.61vw auto 1.3vw;
  }
  .fam_img.-teiatsu {
    width: 55.54vw;
    margin: 2.61vw auto 1.3vw;
  }
  .fam_cost_head {
    font-size: 3.13vw;
  }
  .fam_cost_head .s {
    font-size: 2.61vw;
  }
  .fam_cost_txt {
    font-size: 4.95vw;
  }
  .fam_cost_txt .urbanist {
    font-size: 9.13vw;
  }
  .fam_notes {
    font-size: 2.61vw;
    margin-top: 1.3vw;
  }
  .fam_btm_notes {
    margin-top: 2.61vw;
  }
  .fam_btm_notes > li {
    font-size: 2.61vw;
  }
  .fam_details {
    margin-top: 1.3vw;
  }
  .fam_details_btn {
    font-size: 3.13vw;
    padding: 1.56vw 10.43vw;
  }
  .fam_details_btn .ico {
    width: 10px;
    height: 10px;
    right: 10px;
    top: calc(50% - 5px);
  }
  .fam_details_btn .ico:before {
    width: 10px;
    top: 4px;
  }
  .fam_details_btn .ico:after {
    height: 10px;
    left: 4px;
  }
  .fam_details_txt {
    margin-top: 1.3vw;
    font-size: 2.61vw;
  }
  .contentsAlert {
    padding: 3.91vw;
    margin-top: 3.91vw;
  }
  .contentsAlert.-mt60 {
    margin-top: 7.82vw;
  }
  .contentsAlert.-ico {
    padding-left: 3.91vw;
    padding-top: 11.73vw;
  }
  .contentsAlert.-ico:before {
    width: 7.82vw;
    height: 7.82vw;
    left: calc(50% - 3.91vw);
    top: 2.61vw;
  }
  .contentsAlert.-s {
    padding: 2.61vw;
  }
  .contentsAlertTxt {
    font-size: 3.65vw;
  }
  .contentsAlertTxt.-s {
    font-size: 3.13vw;
  }
  .contentsAlertNotes {
    margin-top: 1.3vw;
  }
  .contentsAlertNotes > li {
    font-size: 2.61vw;
  }
  .area {
    gap: 5.22vw;
  }
  .area_txt {
    font-size: 3.65vw;
  }
  .area_notes {
    margin-top: 1.3vw;
  }
  .area_notes > li {
    font-size: 2.61vw;
  }
  .col {
    margin-top: 30px;
  }
  .contentsTxt {
    font-size: 3.65vw;
  }
  .contentsTxt .small {
    font-size: 1.3vw;
  }
  .tabNavRead {
    font-size: 3.65vw;
    margin-bottom: 3.91vw;
  }
  .tabNav.-max > button,
  .tabNav.-max > a,
  .tabNav.-max > span {
    width: 18.25vw;
  }
  .tabNav.-sizeL > button,
  .tabNav.-sizeL > a,
  .tabNav.-sizeL > span {
    width: 36.51vw;
    height: 13.04vw;
  }
  .tabNav.-fam button {
    width: 33.9vw;
  }
  .tabNav > button,
  .tabNav > a,
  .tabNav > span {
    font-size: 3.65vw;
    height: 9.39vw;
    width: 24.77vw;
  }
  .tabNav > button.col2,
  .tabNav > a.col2,
  .tabNav > span.col2 {
    font-size: 3.13vw;
  }
  .tabNav_hosoku {
    margin-top: 1.3vw;
    font-size: 2.61vw;
  }
  .tabNavLink {
    margin-top: 3.91vw;
  }
  .tabContents {
    margin-top: 2.61vw;
  }
  .arDown {
    margin-bottom: 13.04vw;
  }
  .arDown:before {
    width: 7.3vw;
    height: 3.52vw;
    left: calc(50% - 3.65vw);
    bottom: -8.47vw;
  }
  .indexList {
    gap: 7.82vw 2%;
  }
  .indexList.-notitle {
    gap: 3.91vw 2%;
  }
  .indexListBtn {
    padding: 2.61vw;
    margin-top: 3.91vw;
  }
  .indexListBtnImg {
    width: 26.08vw;
  }
  .indexListBtnTtl {
    font-size: 3.65vw;
  }
  .indexListBtnTxt {
    font-size: 3.13vw;
  }
  .toggleBtn:not(.-toggleSp).-sizeS, .toggleBtn:not(.-toggleSp).-sizeL {
    font-size: 3.13vw;
    padding: 1.56vw 10.43vw;
  }
  .toggleBtn:not(.-toggleSp).-sizeS .ico, .toggleBtn:not(.-toggleSp).-sizeL .ico {
    width: 10px;
    height: 10px;
    right: 10px;
    top: calc(50% - 5px);
  }
  .toggleBtn:not(.-toggleSp).-sizeS .ico:before, .toggleBtn:not(.-toggleSp).-sizeL .ico:before {
    width: 10px;
    top: 4px;
  }
  .toggleBtn:not(.-toggleSp).-sizeS .ico:after, .toggleBtn:not(.-toggleSp).-sizeL .ico:after {
    height: 10px;
    left: 4px;
  }
  .cpBnr {
    border-radius: 10px;
    margin: 20px auto 0;
  }
  .contentsTable th, .contentsTable td {
    padding: 2.61vw;
  }
  .table_txt {
    font-size: 3.13vw;
  }
  .table_cost {
    font-size: 3.65vw;
  }
  .table_notes {
    margin-top: 1.3vw;
  }
  .table_notes > li {
    font-size: 2.61vw;
  }
  .contentsTable_notes {
    margin-top: 1.3vw;
  }
  .contentsTable_notes > li {
    font-size: 2.61vw;
  }
  .notesBlock {
    padding: 3.91vw;
  }
  .notesBlock > .list {
    margin-top: 2.61vw;
  }
  .notesBlock > .list > li {
    font-size: 2.61vw;
  }
  .notesBlockRead {
    line-height: 1.4;
    text-align: center;
  }
  /*
    .fancybox-slide--iframe{
      .fancybox-content {
        width: 96% !important;
        max-width: 100% !important;
        border-radius: 10px !important;

        .fancybox-iframe{
          border-radius: 10px !important;
        }
      }
    }
  */
  .colAreachoiceBtn {
    height: auto;
    font-size: var(--fsize16);
    line-height: 1.4;
    padding: 10px 0;
    margin-top: 20px;
  }
  .colAreachoiceBtn .fas {
    font-size: var(--fsize16);
    right: 10px;
    top: calc(50% - 8px);
  }
  .cpInfoTermTable.contentsTable th {
    min-width: 0;
  }
  .cpInfoTermTable.contentsTable td {
    width: 85%;
  }
  .areaMap {
    margin: 4.56vw auto 0;
    padding: 5.22vw 2.61vw 2.61vw;
  }
  .areaMap_head {
    left: 5.22vw;
    top: 5.22vw;
    width: auto;
    padding: 1.3vw 5.22vw 1.83vw;
  }
  .areaMap_map {
    width: 70.4vw;
    height: 34.68vw;
    margin: 3.91vw auto 0;
  }
  .areaMap_btns {
    gap: 1.56vw 2%;
    margin-top: 3.91vw;
  }
  .areaMap_btn {
    width: 32%;
    height: 9.13vw;
    font-size: 3.65vw;
  }
  .areaMap_link {
    font-size: 3.13vw;
    margin: 1.3vw auto 0;
  }
  .related_lists > li {
    width: 100%;
    margin-left: 0;
  }
  .related_lists > li:nth-child(4n) {
    margin-left: 0;
  }
  .related_lists > li:first-child, .related_lists > li:nth-child(odd) {
    margin-left: 0;
  }
  .related_lists > li:not(:first-child) {
    margin-top: 10px;
  }
  .related_lists > li > a {
    padding: 5px 25px 5px 10px;
  }
  .contentsTableScroller .nextBtn,
  .contentsTableScroller.-pc .nextBtn {
    width: 5.22vw;
    height: 5.22vw;
    right: -2.61vw;
    top: calc(50% - 2.61vw);
    background-size: 1.3vw 3vw;
  }
  .contentsTableScroller .prevBtn,
  .contentsTableScroller.-pc .prevBtn {
    width: 5.22vw;
    height: 5.22vw;
    left: -2.61vw;
    top: calc(50% - 2.61vw);
    background-size: 1.3vw 3vw;
  }
  .plan_panel {
    min-height: 88.66vw;
    width: 65.71vw;
    padding: 5.22vw 2.61vw;
  }
  .plan_panel_target {
    font-size: 2.61vw;
    padding: 0 3.91vw;
    min-height: 10.43vw;
    margin: 2.61vw auto 0;
  }
  .plan_panel_name {
    font-size: 5.22vw;
  }
  .plan_panel_txt {
    font-size: 3.13vw;
    margin-top: 2.61vw;
  }
  .plan_panel_btn, .benefit_panel_btn {
    width: 38.33vw;
    height: 9.13vw;
    font-size: 3.65vw;
    margin: 3.91vw auto 0;
  }
  .checkList {
    gap: 1.96vw 5.22vw;
    padding: 3.91vw 5.22vw;
    margin-top: 2.61vw;
  }
  .checkList > li {
    font-size: 3.65vw;
  }
  .checkList > li:before {
    width: 3.65vw;
    height: 3.65vw;
    margin-top: 1.04vw;
  }
  .cpinfo {
    padding: 0.65vw 0;
  }
  .cpinfo > dt {
    padding: 1.3vw 2.61vw;
  }
  .cpinfo > dd {
    padding: 2.61vw 0;
  }
  .cpinfo_ttl {
    font-size: 3.65vw;
  }
  .cpinfo_txt {
    font-size: 3.13vw;
  }
  .cpinfo_list > li {
    font-size: 3.13vw;
  }
  .cpinfo_list:not(:first-child) {
    margin-top: 1.3vw;
  }
  .cpinfo_notes > li {
    font-size: 2.61vw;
  }
  .cpinfo_notes:not(:first-child) {
    margin-top: 1.3vw;
  }
  .faq:first-of-type {
    margin-top: 5.22vw;
  }
  .faq_q {
    font-size: 3.65vw;
    padding: 2.61vw 30px 2.61vw 0;
  }
  .faq_q > .tag {
    padding: 0 2.61vw;
    font-size: 6.78vw;
  }
  .faq_q .ico {
    width: 10px;
    height: 10px;
    right: 10px;
    top: calc(50% - 5px);
  }
  .faq_q .ico:before {
    width: 10px;
    top: 4px;
  }
  .faq_q .ico:after {
    height: 10px;
    left: 4px;
  }
  .faq_a_in {
    padding: 0 0 2.61vw;
  }
  .faq_a_in > .tag {
    padding: 0 2.61vw;
    font-size: 6.78vw;
  }
  .faq_txt {
    font-size: 3.65vw;
  }
  .faq_txt:not(:first-of-type) {
    margin-top: 1.3vw;
  }
  .faq_notes {
    margin-top: 1.3vw;
  }
  .faq_notes > li {
    font-size: 2.61vw;
  }
  .kirikae_ttl {
    font-size: 4.17vw;
    min-height: 28.94vw;
    gap: 1.3vw;
    text-indent: 0;
  }
  .kirikae_ttl:before {
    width: 27.9vw;
    height: 28.94vw;
    margin-top: -2.61vw;
  }
  .kirikae_btn {
    font-size: 3.65vw;
    margin: 2.61vw auto 0;
  }
  .benefit_panel {
    width: 58.41vw;
    padding: 6.52vw 2.61vw 5.22vw;
  }
  .benefit_panel_txt {
    font-size: 2.61vw;
    margin-bottom: 3.91vw;
  }
  .benefit_panel_txt .l {
    font-size: 3.65vw;
  }
  .benefit_panel_tag {
    font-size: 3.13vw;
    left: calc(50% - 13.04vw);
    top: -3.26vw;
    width: 26.08vw;
    height: 6.52vw;
  }
  .benefit_panel_img1,
  .benefit_panel_img2 {
    width: 34.68vw;
  }
  .benefit_panel_img3 {
    width: 37.81vw;
  }
  .benefit_panel_img4 {
    width: 20.08vw;
  }
  .benefit_panel_name {
    font-size: 4.69vw;
    margin-top: 3.91vw;
  }
  .benefit_btn {
    font-size: 4.17vw;
    margin-top: 7.82vw;
  }
  .benefit_notes {
    margin: 1.3vw auto 0;
  }
  .benefit_notes > li {
    font-size: 2.61vw;
  }
}