@charset "UTF-8";
/*=================================
+-----+// column
===================================*/
main #pagetop {
  padding-top: 25px;
}
main #pagetop::before {
  top: 10px;
}
@media screen and (min-width: 769px) {
  main #pagetop {
    padding-top: 0;
  }
}

#pankuz_foot {
  background: transparent;
}
#pankuz_foot ul li,
#pankuz_foot ul li a {
  color: #6f6f6f;
  font-size: 1.2rem;
}
#pankuz_foot ul li::after {
  display: inline-block;
  content: "";
  width: 6px;
  height: 10px;
  background: url(/denki/assets/img/common/arrow_b01.svg) right 3px no-repeat;
  background-size: 4px auto;
  padding-left: 5px;
}
#pankuz_foot ul li:last-of-type::after {
  display: none;
  content: "";
  padding: 0;
}

@media screen and (max-width: 768px) {
  #pankuz_foot {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  #pankuz_foot {
    display: block;
    width: 100%;
    margin-top: 40px;
    padding: 22px 15px 22px;
    box-sizing: border-box;
    background: #fff;
  }
  #pankuz_foot ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 1700px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 5px;
    padding-left: 5px;
  }
  #pankuz_foot ul li {
    font-size: 1rem;
    font-weight: 500;
    margin-right: 5px;
    line-height: 1;
    margin-bottom: 5px;
  }
  #pankuz_foot ul li a {
    font-size: 1rem;
    font-weight: 500;
  }
}
.secInner-min {
  max-width: 779px;
}
@media screen and (min-width: 769px) {
  .secInner-min {
    min-width: 779px;
  }
}

.columnHeader {
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-height: 263px;
  margin-bottom: 25px;
  padding: 20px 20px 30px;
  background: #f2fbfd;
}
@media screen and (min-width: 769px) {
  .columnHeader {
    min-height: 313px;
    margin-top: -20px;
  }
}
.columnHeader_grid {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr auto;
  gap: 30px 10px;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .columnHeader_grid {
    gap: 45px 20px;
  }
}
.mainContents .columnHeader h1 {
  grid-column: 1/3;
  align-self: end;
  color: #070707;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 769px) {
  .mainContents .columnHeader h1 {
    font-size: 3rem;
    line-height: 1.3333333333;
  }
}
.columnHeader small {
  color: #eb5402;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .columnHeader small {
    font-size: 1.4rem;
    line-height: 1.0714285714;
  }
}
.columnHeader time {
  color: #6f6f6f;
  font-size: 1.2rem;
  line-height: 1.3636363636;
  letter-spacing: 0.06em;
  opacity: 0.8;
}
@media screen and (min-width: 769px) {
  .columnHeader time {
    font-size: 1.4rem;
    line-height: 1.0714285714;
  }
}

#pankuz {
  display: block;
}
@media screen and (min-width: 769px) {
  #pankuz {
    margin-bottom: 0;
    padding: 0;
  }
}
#pankuz ul li a {
  color: #3b72a8;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.2142857143;
  letter-spacing: 0.06em;
}

.pageFooter {
  margin-top: 100px;
}
@media screen and (min-width: 769px) {
  .pageFooter {
    margin-top: 150px;
  }
}
.pageFooter p {
  line-height: 1.8;
}
.pageFooter p small {
  color: #3c3c3c;
  font-size: 1rem;
  opacity: 0.7;
}
@media screen and (min-width: 769px) {
  .pageFooter p small {
    font-size: 1.2rem;
  }
}
.pageFooter_tag {
  overflow-x: auto;
  margin: 25px -12px 0;
  padding: 0 12px;
}
@media screen and (min-width: 769px) {
  .pageFooter_tag {
    overflow: hidden;
    margin: 35px 0 0;
    padding: 0;
  }
}
.pageFooter_tag ul {
  display: flex;
}
@media screen and (min-width: 769px) {
  .pageFooter_tag ul {
    flex-wrap: wrap;
    margin-bottom: -8px;
  }
}
.pageFooter_tag ul > li {
  display: grid;
  place-content: center;
  min-height: 27px;
  padding: 5px 8px;
  border-radius: 4px;
  border: 1px solid #a2c0e0;
  background: #fff;
  font-weight: 500;
  white-space: nowrap;
}
.mainContents .pageFooter_tag ul > li {
  color: #3c3c3c;
  font-size: 1.2rem;
}
@media screen and (min-width: 769px) {
  .pageFooter_tag ul > li {
    margin-bottom: 8px;
  }
}
.pageFooter_tag ul > li:not(:last-child) {
  margin-right: 8px;
}
.pageFooter_sns {
  margin-top: 25px;
}
@media screen and (min-width: 769px) {
  .pageFooter_sns {
    margin-top: 45px;
  }
}
.pageFooter_sns dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .pageFooter_sns dl {
    justify-content: center;
  }
}
.pageFooter_sns dt {
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.2857142857;
}
.mainContents .pageFooter_sns dt {
  color: #3b72a8;
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .mainContents .pageFooter_sns dt {
    padding-right: 52px;
    font-size: 1.9rem;
  }
}
.pageFooter_sns dd ul {
  display: grid;
  grid-template-columns: repeat(3, 36.725px);
  -moz-column-gap: 19px;
       column-gap: 19px;
}
@media screen and (min-width: 769px) {
  .pageFooter_sns dd ul {
    grid-template-columns: repeat(3, 47.63px);
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
.pageFooter_sns dd a {
  display: block;
}
.pageFooter_sns dd img {
  width: 100%;
  height: auto;
}
.pageFooter_pager {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #bccae0;
}
@media screen and (min-width: 769px) {
  .pageFooter_pager {
    margin-top: 50px;
    padding-top: 25px;
  }
}
.pageFooter_pager ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pageFooter_pager ul > li {
  font-weight: 500;
  line-height: 1.3846153846;
  letter-spacing: 0.03em;
}
.mainContents .pageFooter_pager ul > li {
  color: #e5e5e5;
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .mainContents .pageFooter_pager ul > li {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) {
  .pageFooter_pager ul > li {
    line-height: 1.5;
  }
}
.pageFooter_pager ul > li a {
  color: #070707;
}
.pageFooter_pager ul > li a.is-prev, .pageFooter_pager ul > li a.is-next {
  position: relative;
}
.pageFooter_pager ul > li a.is-prev::before, .pageFooter_pager ul > li a.is-next::before {
  display: block;
  position: absolute;
  top: 50%;
  width: 9px;
  height: 5px;
  background: url(/denki/assets/img/denkigasnosusume/arrow_anchor.svg) no-repeat center center;
  background-size: contain;
  content: "";
}
.pageFooter_pager ul > li a.is-prev {
  padding-left: 14px;
}
@media screen and (min-width: 769px) {
  .pageFooter_pager ul > li a.is-prev {
    padding-left: 18px;
  }
}
.pageFooter_pager ul > li a.is-prev::before {
  left: 0;
  transform: translateY(-50%) rotate(-270deg);
}
.pageFooter_pager ul > li a.is-next {
  padding-right: 14px;
}
@media screen and (min-width: 769px) {
  .pageFooter_pager ul > li a.is-next {
    padding-right: 18px;
  }
}
.pageFooter_pager ul > li a.is-next::before {
  right: 0;
  transform: translateY(-50%) rotate(-90deg);
}

.columnIndex {
  padding: 20px 0 20px 20px;
  border-radius: 16px;
  background: #f2fbfd;
}
@media screen and (min-width: 769px) {
  .columnIndex {
    margin-top: 65px;
    padding: 30px 0 30px 30px;
  }
}
.columnIndex dt {
  font-weight: 700;
  line-height: 1.6923076923;
}
.mainContents .columnIndex dt {
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .mainContents .columnIndex dt {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 769px) {
  .columnIndex dt {
    line-height: 1.4666666667;
  }
}
.columnIndex ol > li {
  position: relative;
  margin-left: 26px;
  line-height: 1.3333333333;
}
.mainContents .columnIndex ol > li {
  font-size: 1.4rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .columnIndex ol > li {
    margin-left: 34px;
    line-height: 1.1428571429;
  }
}
.columnIndex ol > li:not(:last-child) {
  border-bottom: 1px solid rgba(180, 205, 211, 0.3);
}
.columnIndex ol > li::before {
  position: absolute;
  top: 12px;
  left: -26px;
  color: #eb5402;
  font-weight: 700;
  content: attr(data-num);
}
@media screen and (min-width: 769px) {
  .columnIndex ol > li::before {
    top: 14px;
  }
}
.columnIndex a {
  display: block;
  position: relative;
  padding: 14px 32px 14px 0;
  color: #3c3c3c;
}
.columnIndex a::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 21px;
  width: 6px;
  height: 4px;
  background: url(/denki/assets/img/denkigasnosusume/arrow_anchor.svg) no-repeat center center;
  background-size: contain;
  content: "";
}

section:not(:nth-child(1 of .columnSection)) {
  margin-top: 75px;
}
@media screen and (min-width: 769px) {
  section:not(:nth-child(1 of .columnSection)) {
    margin-top: 95px;
  }
}

.columnSection {
  color: #3c3c3c;
}
.columnSection a {
  color: #0073ba;
  text-decoration: underline;
}
.columnSection mark {
  background-image: linear-gradient(transparent 30%, #fff24d 30%);
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 0% 100%;
  transition: background-size 1.25s 0.25s;
}
.mainContents .columnSection mark {
  color: inherit;
}
.columnSection mark.is-active {
  background-size: 100% 100%;
}
.columnSection strong {
  font-weight: 700;
}
.mainContents .columnSection p:not([class]),
.mainContents .columnSection li:not([class]),
.mainContents .columnSection dt:not([class]),
.mainContents .columnSection dd:not([class]),
.mainContents .columnSection form:not([class]),
.mainContents .columnSection pre:not([class]),
.mainContents .columnSection td:not([class]),
.mainContents .columnSection th:not([class]),
.mainContents .columnSection label:not([class]),
.mainContents .columnSection div:not([class]),
.mainContents .columnSection figure:not([class]),
.mainContents .columnSection figcaption:not([class]) {
  color: #3c3c3c;
}
.mainContents .columnSection h1:not([class]),
.mainContents .columnSection h2:not([class]),
.mainContents .columnSection h3:not([class]) {
  color: #070707;
}
.columnSection h4,
.columnSection h5,
.columnSection h6 {
  font-weight: 700;
}
.mainContents .columnSection h4:not([class]),
.mainContents .columnSection h5:not([class]),
.mainContents .columnSection h6:not([class]) {
  color: #3c3c3c;
}
.columnSection h2 {
  position: relative;
  margin-bottom: 34px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(162, 192, 224, 0.3);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
.mainContents .columnSection h2 {
  font-size: 2rem;
}
@media screen and (min-width: 769px) {
  .mainContents .columnSection h2 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 769px) {
  .columnSection h2 {
    margin-bottom: 25px;
    padding-bottom: 29px;
  }
}
.columnSection h2::before {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin-bottom: 2px;
  color: #eb5402;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5625;
  content: attr(data-num);
}
@media screen and (min-width: 769px) {
  .columnSection h2::before {
    margin-bottom: 3px;
    font-size: 2rem;
    line-height: 1;
  }
}
.columnSection h3 {
  margin-top: 55px;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 1.125;
  letter-spacing: 0.01em;
}
.mainContents .columnSection h3 {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .mainContents .columnSection h3 {
    font-size: 2.6rem;
  }
}
.mainContents .columnSection h3:not([class]) {
  color: #668cb2;
}
.columnSection h4 {
  margin-bottom: 25px;
  line-height: 1.2857142857;
}
.mainContents .columnSection h4 {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .mainContents .columnSection h4 {
    font-size: 2.4rem;
  }
}
.mainContents .columnSection h4:not([class]) {
  color: #3c3c3c;
}
@media screen and (min-width: 769px) {
  .columnSection h4 {
    margin-bottom: 37px;
  }
}
.columnSection h5 {
  margin-bottom: 14px;
  line-height: 1.3846153846;
}
.mainContents .columnSection h5 {
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .mainContents .columnSection h5 {
    font-size: 1.8rem;
  }
}
.columnSection h6 {
  margin-bottom: 13px;
  line-height: 1.5;
}
.mainContents .columnSection h6 {
  font-size: 1.2rem;
}
@media screen and (min-width: 769px) {
  .mainContents .columnSection h6 {
    font-size: 1.6rem;
  }
}
.mainContents .columnSection h6:not([class]) {
  color: #3c3c3c;
}
.columnSection p {
  margin-bottom: 1.5em;
  line-height: 1.8571428571;
}
.mainContents .columnSection p {
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  .columnSection p {
    margin-bottom: 2em;
    line-height: 1.625;
  }
}
.columnSection_img {
  margin-top: 30px;
  margin-bottom: 25px;
}
@media screen and (min-width: 769px) {
  .columnHeader + .columnSection .columnSection_img {
    margin-top: 45px;
    margin-bottom: 50px;
  }
}

.columnSection_img img {
  border-radius: 16px;
}
.columnSection_img-border img {
  border: 1px solid #a2c0e0;
}
.columnSection_img p {
  margin-top: 10px;
  line-height: 1.8;
  text-align: center;
  opacity: 0.7;
}
.mainContents .columnSection_img p {
  font-size: 1rem;
}
.columnSection_dotList, .columnSection_orderList {
  margin-bottom: 1.5em;
}
td .columnSection_dotList, td .columnSection_orderList {
  margin-bottom: 0;
}
.columnSection_dotList > li, .columnSection_orderList > li {
  position: relative;
  margin-bottom: 1em;
  padding-left: calc(1em + 5px);
  line-height: 1.3846153846;
}
.mainContents .columnSection_dotList > li, .mainContents .columnSection_orderList > li {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .mainContents .columnSection_dotList > li, .mainContents .columnSection_orderList > li {
    font-size: 1.5rem;
  }
}
.columnSection_dotList > li:last-of-type, .columnSection_orderList > li:last-of-type {
  margin-bottom: 0;
}
.columnSection_dotList > li::before, .columnSection_orderList > li::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  font-weight: 700;
}
.columnSection_dotList > li::before {
  content: "・";
}
.columnSection_orderList {
  counter-reset: order_decimal;
}
.columnSection_orderList > li {
  counter-increment: order_decimal;
}
.columnSection_orderList > li::before {
  content: counter(order_decimal) ".";
}
.columnSection_notesList {
  margin-bottom: 1.5em;
}
.columnSection_notesList > li {
  position: relative;
  margin-bottom: 1em;
  padding-left: calc(1em + 5px);
  line-height: 1.3846153846;
}
.mainContents .columnSection_notesList > li {
  font-size: 1.3rem;
}
.columnSection_notesList > li::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  font-weight: 700;
}
.columnSection_lv2List {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.columnSection_lv2List > li {
  margin-bottom: 0.5em;
}
.mainContents .columnSection_lv2List > li {
  font-size: 1.2rem;
}
@media screen and (min-width: 769px) {
  .mainContents .columnSection_lv2List > li {
    font-size: 1.4rem;
  }
}
.columnSection_notes {
  display: flex;
  margin-top: 10px;
  line-height: 1.8;
  opacity: 0.7;
}
.mainContents .columnSection_notes {
  font-size: 1.2rem !important;
}
@media screen and (min-width: 769px) {
  .mainContents .columnSection_notes {
    font-size: 1.2rem !important;
  }
}
.columnSection_notes > span:first-of-type {
  white-space: nowrap;
  flex-shrink: 0;
}
.columnSection_notes > span:first-of-type + * {
  flex: 1;
}
.columnSection_notes + .columnSection_notes {
  margin-top: -1em;
}
.columnSection_dotList + .columnSection_notes, .columnSection_orderList + .columnSection_notes {
  margin-top: -0.5em;
}
.columnSection_box {
  margin-top: 30px;
  margin-bottom: 25px;
  padding: 15px 0;
  border-radius: 16px;
  border: 1px solid #a2c0e0;
  background: #fff;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .columnSection_box {
    padding: 20px 0;
  }
}
.columnSection_box-colored {
  border-color: #f2fbfd;
  background-color: #f2fbfd;
}
@media screen and (min-width: 769px) {
  .columnSection_box-colored {
    padding: 29px 9px;
  }
}
.columnSection_box-alert, .columnSection_box-check, .columnSection_box-ng {
  padding-top: 48px;
  background-position: 20px 19px;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .columnSection_box-alert, .columnSection_box-check, .columnSection_box-ng {
    padding: 40px 10px 40px 58px;
    background-position: 35px center;
  }
}
.columnSection_box-alert {
  border-color: #fffbce;
  background-image: url(/denki/assets/img/denkigasnosusume/icon_alert.svg);
  background-color: #fffbce;
}
.columnSection_box-check {
  border-color: #e0ffd0;
  background-image: url(/denki/assets/img/denkigasnosusume/icon_check.svg);
  background-color: #e0ffd0;
}
.columnSection_box-ng {
  border-color: #ffdde6;
  background-image: url(/denki/assets/img/denkigasnosusume/icon_ng.svg);
  background-color: #ffdde6;
}
.columnSection_box > div {
  padding-right: 20px;
  padding-left: 20px;
}
.columnSection_box > div:not([class]):not(:first-of-type) {
  margin-top: 15px;
  padding-top: 15px;
  background-image: linear-gradient(to right, rgba(162, 192, 224, 0.5) 3px, transparent 3px);
  background-position: left top;
  background-size: 6px 1px;
  background-repeat: repeat-x;
}
.columnSection_box h5 {
  margin-bottom: 5px;
}
.columnSection_box p {
  margin-bottom: 0;
  line-height: 1.3846153846;
}
.mainContents .columnSection_box p {
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .mainContents .columnSection_box p {
    font-size: 1.5rem;
  }
}
.columnSection_box .columnSection_img {
  margin: 0;
}
.columnSection_box .columnSection_img img {
  width: 100%;
  height: auto;
}
.columnSection_box div + .columnSection_img {
  margin-top: 20px;
}
.columnSection_box + .columnSection_notes {
  margin-top: -10px;
}
.columnSection_division {
  margin-top: 35px;
}
.columnSection_scrollTable {
  overflow-x: auto;
  margin-bottom: 25px;
  padding-bottom: 7px;
}
@media screen and (min-width: 769px) {
  .columnSection_scrollTable {
    overflow-x: hidden;
    padding-bottom: 0;
  }
}
.columnSection_scrollTable .columnSection_table {
  min-width: 640px;
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .columnSection_scrollTable .columnSection_table {
    min-width: auto;
  }
}
.columnSection_table {
  margin-top: 30px;
  margin-bottom: 25px;
  border-radius: 16px;
  border: 1px solid #a2c0e0;
  background: #fff;
  overflow: hidden;
}
.columnSection_table + .columnSection_notes {
  margin-top: -15px;
}
h5 + .columnSection_table {
  margin-top: 13px;
}
.columnSection table {
  width: calc(100% + 2px);
  margin: -1px;
}
.columnSection table th,
.columnSection table td {
  padding: 12px 11px;
  border: 1px solid #a2c0e0;
}
@media screen and (min-width: 769px) {
  .columnSection table th,
  .columnSection table td {
    padding: 17.5px 18px;
  }
}
.columnSection table th {
  background: #f2fbfd;
  font-weight: 700;
}
.columnSection table td small {
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .columnSection table td small {
    font-size: 1.2rem;
  }
}
.columnSection table thead th {
  text-align: center;
}
.columnSection_linkBox {
  margin-top: 30px;
  margin-bottom: 25px;
  border-radius: 16px;
  border: 1px solid #a2c0e0;
  background: #fff;
  overflow: hidden;
}
.columnSection_linkBox a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  min-height: 60px;
  padding: 10px 21px 10px 10px;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .columnSection_linkBox a {
    padding: 20px 36.87px 20px 20px;
  }
}
.columnSection_linkBox a::before {
  display: block;
  position: absolute;
  right: 11px;
  top: 50%;
  width: 6px;
  height: 4px;
  margin-top: -2px;
  background: url(/denki/assets/img/denkigasnosusume/arrow_anchor.svg) no-repeat center center;
  background-size: contain;
  transform: rotate(-90deg);
  content: "";
}
@media screen and (min-width: 769px) {
  .columnSection_linkBox a::before {
    right: 27.2px;
    width: 10px;
    height: 5px;
    margin-top: -3px;
  }
}
.columnSection_linkBox a + a::after {
  display: block;
  position: absolute;
  left: 20px;
  top: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, rgba(162, 192, 224, 0.5) 3px, transparent 3px);
  background-position: left top;
  background-size: 6px 1px;
  background-repeat: repeat-x;
  content: "";
}
.columnSection_linkBox div {
  flex-basis: 80px;
  border-radius: 9px;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .columnSection_linkBox div {
    flex-basis: 108px;
  }
}
.columnSection_linkBox div img {
  width: 100%;
  height: 73px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 769px) {
  .columnSection_linkBox div img {
    height: 98px;
  }
}
.columnSection_linkBox p {
  flex: 1;
  margin-bottom: 0;
  padding-left: 10px;
  font-weight: 500;
  line-height: 1.3846153846;
  letter-spacing: 0.03em;
}
.mainContents .columnSection_linkBox p:not([class]) {
  color: #070707;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .mainContents .columnSection_linkBox p:not([class]) {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 769px) {
  .columnSection_linkBox p {
    padding-left: 0;
    font-weight: 700;
  }
}
.columnSection_linkBox p b {
  display: block;
  margin-bottom: 6px;
  color: rgba(57, 57, 57, 0.67);
  font-size: 1rem;
  line-height: 1.7;
}
@media screen and (min-width: 769px) {
  .columnSection_linkBox p b {
    font-size: 1.2rem;
    font-weight: 500;
  }
}
.columnSection_linkBox div + p {
  padding-left: 13px;
}
@media screen and (min-width: 769px) {
  .columnSection_linkBox div + p {
    padding-left: 20px;
  }
}
.columnSection_notesText {
  margin: 25px 0;
}
.mainContents .columnSection_notesText *:not([class]) {
  color: rgba(60, 60, 60, 0.7) !important;
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
@media screen and (min-width: 769px) {
  .mainContents .columnSection_notesText *:not([class]) {
    font-size: 1.3rem;
    line-height: 1.3846153846;
  }
}
.columnSection_notesText ul,
.columnSection_notesText ol {
  margin-bottom: 1.5em;
}
.columnSection_notesText ul > li,
.columnSection_notesText ol > li {
  position: relative;
  margin-bottom: 1em;
}
.columnSection_notesText ul > li::before,
.columnSection_notesText ol > li::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
}
.columnSection_notesText ul > li {
  padding-left: 18px;
}
.columnSection_notesText ul > li::before {
  content: "※";
}
.columnSection_notesText ol {
  counter-reset: order_decimal;
}
.columnSection_notesText ol > li {
  counter-increment: order_decimal;
  padding-left: 23px;
}
@media screen and (min-width: 769px) {
  .columnSection_notesText ol > li {
    padding-left: 28px;
  }
}
.columnSection_notesText ol > li::before {
  content: "※" counter(order_decimal);
}
.columnSection_modal {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 15px;
  margin-top: 30px;
  margin-bottom: 25px;
}
@media screen and (min-width: 769px) {
  .columnSection_modal {
    gap: 30px;
  }
}
.columnSection_modal > div {
  position: relative;
  cursor: pointer;
}
.columnSection_modal > div::after {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 22px;
  height: 22px;
  background: url(/denki/assets/img/denkigasnosusume/icon_zoom.svg) no-repeat center center;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 769px) {
  .columnSection_modal > div::after {
    right: 15px;
    bottom: 15px;
  }
}
.columnSection_modal > div img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.columnSection_modalContent {
  display: none;
}
.columnSection .area {
  color: #0095e2;
}
.columnSection .important {
  color: #d92323;
}
.columnSection .u-center {
  text-align: center;
}
.columnSection .u-left {
  text-align: left;
}
.columnSection .u-right {
  text-align: right;
}
.columnSection .u-wauto {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.columnSection .u-w5 {
  width: 5%;
}
.columnSection .u-w10 {
  width: 10%;
}
.columnSection .u-w15 {
  width: 15%;
}
.columnSection .u-w20 {
  width: 20%;
}
.columnSection .u-w25 {
  width: 25%;
}
.columnSection .u-w30 {
  width: 30%;
}
.columnSection .u-w35 {
  width: 35%;
}
.columnSection .u-w40 {
  width: 40%;
}
.columnSection .u-w45 {
  width: 45%;
}
.columnSection .u-w50 {
  width: 50%;
}
.columnSection .u-w55 {
  width: 55%;
}
.columnSection .u-w60 {
  width: 60%;
}
.columnSection .u-w65 {
  width: 65%;
}
.columnSection .u-w70 {
  width: 70%;
}
.columnSection .u-w75 {
  width: 75%;
}
.columnSection .u-w80 {
  width: 80%;
}
.columnSection .u-w85 {
  width: 85%;
}
.columnSection .u-w90 {
  width: 90%;
}
.columnSection .u-w95 {
  width: 95%;
}
.columnSection .u-w100 {
  width: 100%;
}
.columnSection .u-mb0 {
  margin-bottom: 0px;
}
.columnSection .u-mb5 {
  margin-bottom: 5px;
}
.columnSection .u-mb10 {
  margin-bottom: 10px;
}
.columnSection .u-mb15 {
  margin-bottom: 15px;
}
.columnSection .u-mb20 {
  margin-bottom: 20px;
}
.columnSection .u-mb25 {
  margin-bottom: 25px;
}
.columnSection .u-mb30 {
  margin-bottom: 30px;
}
.columnSection .u-mb35 {
  margin-bottom: 35px;
}
.columnSection .u-mb40 {
  margin-bottom: 40px;
}
.columnSection .u-mb45 {
  margin-bottom: 45px;
}
.columnSection .u-mb50 {
  margin-bottom: 50px;
}
.columnSection .u-mt0 {
  margin-top: 0px;
}
.columnSection .u-mt5 {
  margin-top: 5px;
}
.columnSection .u-mt10 {
  margin-top: 10px;
}
.columnSection .u-mt15 {
  margin-top: 15px;
}
.columnSection .u-mt20 {
  margin-top: 20px;
}
.columnSection .u-mt25 {
  margin-top: 25px;
}
.columnSection .u-mt30 {
  margin-top: 30px;
}
.columnSection .u-mt35 {
  margin-top: 35px;
}
.columnSection .u-mt40 {
  margin-top: 40px;
}
.columnSection .u-mt45 {
  margin-top: 45px;
}
.columnSection .u-mt50 {
  margin-top: 50px;
}

.columnPickup {
  margin-top: 17px;
  padding: 40px 0 47px;
  background: #f2fbfd;
}
@media screen and (min-width: 769px) {
  .columnPickup {
    margin-top: 24px;
    padding-top: 80px;
    padding-bottom: 86px;
  }
}
.columnPickup_heading {
  margin-bottom: 25px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .columnPickup_heading {
    margin-bottom: 70px;
    font-size: 2.6rem;
  }
}

.modaal-container {
  background: rgba(45, 62, 85, 0.9);
}

.modaal-content-container {
  max-width: 774px;
  margin-inline: auto;
  padding: 33px 12px;
}
.modaal-content-container .modal_caption {
  margin-bottom: 14px;
  padding-right: 22px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.3846153846;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .modaal-content-container .modal_caption {
    padding-right: 0;
    font-size: 1.8rem;
  }
}
.modaal-content-container .modal_img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  border-radius: 16px;
  overflow: hidden;
}
.modaal-content-container .modal_close {
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 25px auto 0;
  padding: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.4166666667;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .modaal-content-container .modal_close {
    font-size: 1.4rem;
  }
}

.modaal-fullscreen .modaal-close {
  right: 12px;
  top: 33px;
  width: 22px;
  height: 22px;
  background: #fff;
}
@media screen and (min-width: 769px) {
  .modaal-fullscreen .modaal-close {
    right: 20px;
    top: 12px;
    width: 44px;
    height: 44px;
  }
}
.modaal-close::before, .modaal-close::after {
  left: 11px;
  top: 4px;
  width: 1px;
  height: 15px;
  border-radius: 0;
  background: #484848;
}
@media screen and (min-width: 769px) {
  .modaal-close::before, .modaal-close::after {
    left: 22px;
    top: 8px;
    height: 30px;
  }
}
.modaal-close:focus::before, .modaal-close:focus::after, .modaal-close:hover::before, .modaal-close:hover::after {
  background: #484848;
  opacity: 0.7;
}