.background-white {
  background : #fff;
}
.background-grey {
  background : #f1edeb;
}
.background-sand50 {
  background : #faf9f8;
}
.background-sand100 {
  background : #f3efed;
}
.background-sand200 {
  background : #e6dfda;
}

.border-round {
  border-radius : 5px;
}

.btn-orange {
  border-radius : 8px;
  background : #EA650D;
  color : #FFFFFF;
  padding : 5px;
  text-align : center;
}

.merit-and-demerit {
  display : inline-block;
  margin : 0;
  padding : 10px;
}
.merit-and-demerit .base-h2, .merit-and-demerit .base-h3 {
  margin : 0 !important;
}
.merit-and-demerit .pbHorizontalNested {
  overflow : visible !important;
}
.merit-and-demerit .heading {
  margin : 0 0 24px;
}
.merit-and-demerit .item {
  padding-left : 24px;
}
.merit-and-demerit .text {
  padding : 10px 10px 10px 15%;
}
@media screen and (max-width: 480px) {
  .merit-and-demerit .column {
    margin : 0 0 20px;
  }
  .merit-and-demerit .column:last-child {
    margin : 0;
  }
}

.row > .pbNested {
  display : flex !important;
  flex-wrap : wrap;
}
.row > .pbNested::after {
  display : none;
}
.justify-between > .pbNested {
  justify-content : space-between !important;
}
.align-center > .pbNested {
  align-items : center !important;
}
.column {
  float : none;
}
@media screen and (max-width: 480px) {
  .column {
    display : block;
    width : 100% !important;
  }
}

.button-with-icon img {
  width : 24px;
  height : auto;
  margin : 0 8px 0 0;
}

.product-introduction .base-line {
  margin : 20px 0 !important;
}
@media screen and (max-width: 480px) {
  .product-introduction .number-icon {
    width : 17% !important;
  }
  .product-introduction-header {
    width : 83% !important;
  }
  .product-introduction-wrapper .column {
    margin : 0 0 20px;
  }
  .product-introduction-wrapper .column:last-child {
    margin : 0;
  }
}

.bizd-content-layout {
  padding : 0;
}
.bizd-content-layout .text {
  padding : 10px;
}

.chip p > span {
  display : inline-block;
  padding : 8px;
  border-radius : 8px;
  overflow : hidden;
}

.footer-cta .icon-area {
  width : 64px !important;
}
.footer-cta .inner {
  width : calc(100% - 64px)  !important;
}

.number-icon {
  display : flex;
  flex-wrap : nowrap;
  position : relative;
}
.number-icon .pbBlock {
  text-align : center;
  position : relative;
  display : flex;
  justify-content : center;
  align-items : center;
  color : #FFFFFF;
  background : #ea650d;
  border-radius : 50%;
  font-size : 2rem;
  width : 42px;
  height : 42px;
}
.number-icon.blue .pbBlock {
  background : #5289c2;
}

.three-column {
  width : calc(33% - 20px);
  margin : 0 10px;
  z-index : auto!important;
}

media screen and (max-width: 767px)
.base-categorbuttons .box .no-flex > div {
  display : block;
  align-items : center;
  padding : 10px 15px;
}

.base-imagebuttons .box:after {
  background : none !important;
}

.bg-grey {
  background-color : #F1EDEB;
  background-repeat : repeat;
}

.cards {
  /* Type=Default, State=Initial */
  box-sizing : border-box;
  /* Auto layout */
  display : flex;
  flex-direction : column;
  align-items : flex-start;
  padding : 0px;
  width : 288px;
  height : 284px;
  /* Background Color/Content Container/Plain/Default */
  background : #FFFFFF;
  /* Border Color/Card/Default */
  border : 1px solid #E5DED9;
  border-radius : 4px;
  /* Inside auto layout */
  flex : none;
  order : 0;
  align-self : stretch;
  flex-grow : 0;
}

.button_primary {
  display : flex;
  flex-direction : row;
  justify-content : center;
  align-items : center;
  padding : 12px 16px;
  background : #EA650D;
  border-radius : 4px;
  color : #FFFFFF;
  text-align : center;
  font-family : 'Noto Sans JP';
  font-style : normal;
  font-weight : 700;
  font-size : 16px;
  line-height : 150%;
  flex : none;
  order : 0;
  flex-grow : 0;
}

.button-primary-initial a {
  /* Background Color/Button/Primary/Default */
  display : inline-block;
  box-sizing : border-box;
  border : #EA650D solid 1px;
  background : #ea650d;
  border-radius : 4px;
  padding : 12px 16px;
  /* Button/S */
  font-weight : 500;
  font-size : 16px;
  line-height : 150%;
  /* identical to box height, or 24px */
  text-align : center;
  /* Color/Button/Primary/Text */
  color : #FFFFFF;
  text-decoration : none;
}
.button-primary-initial a:hover {
  background : #E64415;
  text-decoration : none;
}
@media screen and (max-width: 767px) {
  .button-primary-initial a {
    display : inline-block;
    box-sizing : border-box;
    width : 100%;
    text-align : center;
  }
}

.button-secondary-initial a {
  /* Background Color/Button/Secondary/Default */
  display : inline-block;
  box-sizing : border-box;
  background : #FFFFFF;
  border : #EA650D solid 1px;
  border-radius : 4px;
  padding : 12px 16px;
  /* Button/S */
  font-weight : 500;
  font-size : 16px;
  line-height : 150%;
  /* identical to box height, or 24px */
  text-align : center;
  text-decoration : none;
  /* Color/Button/Primary/Text */
  color : #EA650D;
}
.button-secondary-initial a:hover {
  background : #FFF7EE;
  border-color : #E64415;
  color : #E64415;
  text-decoration : none;
}
@media screen and (max-width: 767px) {
  .button-secondary-initial a {
    display : inline-block;
    box-sizing : border-box;
    width : 100%;
    text-align : center;
  }
}

.action_show-iconL-initial img {
  position : absolute;
  left : 25%;
  right : 26.36%;
  top : 9.38%;
  bottom : 9.37%;
  height : 13px;
}

.card-initial {
  border : #E6DFDA solid 1px;
  border-radius : 4px;
  /* padding-top : 16px;  padding-bottom : 16px;  padding-left : 16px;  padding-right : 16px; */
  line-height : 150%;
  font-size : 16px;
}
.card-initial-box {
  padding : 16px;
}
.card-initual-8 {
  width : 80%;
  margin : 0 auto;
}
.card-initual-5 {
  width : 50%;
  margin : 0 auto;
}
.card-initial .card-image {
  display : inline-block;
  margin : -16px -16px 0px;
}
.card-initial .card-image img {
  border-radius : 4px 4px 0px 0px;
}
.card-initial .card-h2 {
  padding-top : 16px;
}
.card-initial .text {
  padding-top : 8px;
  font-weight : 400;
}
.card-initial-block {
  display : inline-block;
}
.card-imageLeft {
  /* border : #E5DED9 solid 1px; */
  /* border-radius : 4px; */
  padding : 16px;
  position : relative;
  /* line-height : 150%;    font-size : 16px; */
}
/* .card-imageLeft-box {    padding:16px;  } */
.card-imageLeft > div {
  display : flex;
  align-items : center;
}
.card-imageLeft a:hover {
  text-decoration-line : none;
}
.card-imageLeft a::before {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
  border : #E6DFDA solid 1px;
  border-radius : 4px;
}
.card-imageLeft a:hover::before {
  box-shadow : 0px 1px 2px rgba(102, 102, 102, 0.1), 0px 1px 6px rgba(128, 128, 128, 0.1), 0px 2px 16px rgba(114, 114, 114, 0.08);
  border-radius : 4px;
  border : #ffffff;
}
.card-imageLeft .card-image {
  display : inline-block;
  margin : -16px 16px -16px -16px;
}
.card-imageLeft .card-image img {
  border-radius : 4px 0px 0px 4px;
}
.card-imageLeft .card-h2 {
  padding-top : 16px;
}
.card-imageLeft .text {
  padding-top : 8px;
  font-weight : 400;
}
.card-imageLeft-block {
  display : inline-block;
}
.card-imageLeft .arrow {
  margin-left : auto;
}

.button-half .box {
  width : calc( 50% - 4px );
}
.button-half-LRspace16 .box:first-child {
  padding : 16px 0px 16px 16px;
}
.button-half-LRspace16 .box:last-child {
  padding : 16px 16px 16px 0px;
}
.button-half-LRspace8 .box:first-child {
  padding : 16px 0px 16px 8px;
}
.button-half-LRspace8 .box:last-child {
  padding : 16px 8px 16px 0px;
}
@media screen and (max-width: 767px) {
  .button-half .box {
    width : 100%;
    padding : 16px 16px 0px 0px;
  }
  .button-half .box;last-child {
    padding : 16px 16px 16px 0px;
  }
}

.link-secondary-standAlone a {
  color : #1A1A1A;
  line-height : 150%;
}
.link-secondary-standAlone a:hover {
  text-decoration-line : none;
  border-bottom : 1.5px solid #EA650D;
  border-bottom-color : #ea650d;
}
.link-secondary-default a {
  color : #404040;
  text-decoration-line : underline;
  line-height : 150%;
}
.link-secondary-default a:hover {
  color : #404040;
  text-decoration-line : none;
}

.noLine-3column .box {
  width : 33%;
  box-sizing : border-box;
  padding : 16px 16px 16px 0px;
}
.noLine-3column-Lspace16 .box {
  padding : 16px 16px 16px 16px;
}
@media screen and (max-width: 767px) {
  .noLine-3column .box {
    width : 100%;
    padding : 16px 16px 0px 0px;
  }
  .noLine-3column .box:last-child {
    padding : 16px 16px 16px 0px;
  }
  .noLine-3column-Lspace16 .box {
    padding : 16px 16px 0px 16px;
  }
  .noLine-3column-Lspace16 .box:last-child {
    padding : 16px 16px 16px 16px;
  }
}
/* grid ver */
.noLine-3col-grid-container:not(:first-child) {
  margin-top : 20px;
}
.noLine-3col-grid-container > div {
  display : grid;
  grid-template-columns : repeat(auto-fill, minmax(250px, 1fr));
  gap : 16px;
}
/* カードのスタイル */
.noLine-3col-grid2 {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 3つの行に分割*/
  grid-row : span 2;
  gap : 20px;
  position : relative;
}
.noLine-3col-grid2 > div {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 3つの行に分割*/
  grid-row : span 2;
  gap : 20px;
  /* border: 1px solid #E5DED9; */
  border-radius : 4px;
  padding : 0 8px 16px 0;
}
/* カードのスタイル */
.noLine-3col-grid3 {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 3つの行に分割*/
  grid-row : span 3;
  gap : 20px;
  position : relative;
}
.noLine-3col-grid3 > div {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 3つの行に分割*/
  grid-row : span 3;
  gap : 20px;
  /* border: 1px solid #E5DED9; */
  border-radius : 4px;
  padding : 0 8px 16px 0;
}
/* カードのスタイル */
.noLine-3col-grid4 {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 4つの行に分割*/
  grid-row : span 4;
  gap : 20px;
  position : relative;
}
.noLine-3col-grid4 > div {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 4つの行に分割*/
  grid-row : span 4;
  gap : 20px;
  /* border: 1px solid #E5DED9; */
  border-radius : 4px;
  padding : 0 8px 16px 0;
}
/* カードのスタイル：５アイテム */
.noLine-3col-grid5 {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 5つの行に分割*/
  grid-row : span 5;
  gap : 20px;
  position : relative;
}
.noLine-3col-grid5 > div {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 5つの行に分割*/
  grid-row : span 5;
  gap : 20px;
  /* border: 1px solid #E5DED9; */
  border-radius : 4px;
  padding : 0 8px 16px 0;
}

.spacingM-defaultBetweenItems p {
  margin-top : 32px;
}

.nnbtn-label {
  text-overflow : ellipsis;
  overflow : hidden;
  white-space : nowrap;
}

/*  button info */
.primary-large button {
  display : inline-flex;
  -webkit-box-align : center;
  align-items : center;
  -webkit-box-pack : center;
  justify-content : center;
  position : relative;
  box-sizing : border-box;
  -webkit-tap-highlight-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  cursor : pointer;
  -webkit-user-select : none;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  font-family : Roboto, Helvetica, Arial, sans-serif;
  font-weight : 500;
  letter-spacing : 0.02857em;
  min-width : 64px;
  border-radius : 4px;
  transition : background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow : none;
  text-transform : none;
  font-family : NNDagnyDisplayCompPro;
  padding : 0px 16px;
  transition : none 0s ease 0s;
  font-size : 1.25rem;
  color : rgb(255, 255, 255);
  background-color : rgb(234, 101, 13);
  height : 48px;
  min-height : 48px;
  line-height : 1.5;
}
/* Hover */
.primary-large button:hover {
  text-decoration : none;
  box-shadow : none;
  background-color : rgb(230, 68, 21);
}
@media (hover: none) {
  .css-xv8wy8:hover {
    background-color : transparent;
  }
}
/* Active */
.primary-large button:active {
  box-shadow : none;
  background-color : rgb(230, 68, 21);
}
/* Focus Visible */
.primary-large button:focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}
@media print {
  .css-xv8wy8 {
    -webkit-print-color-adjust : exact;
  }
}

.add button {
  display : inline-flex;
  -webkit-box-align : center;
  align-items : center;
  -webkit-box-pack : center;
  justify-content : center;
  position : relative;
  box-sizing : border-box;
  -webkit-tap-highlight-color : transparent;
  background-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  font-family : Roboto, Helvetica, Arial, sans-serif;
  font-weight : 500;
  font-size : 0.875rem;
  line-height : 1.75;
  letter-spacing : 0.02857em;
  text-transform : uppercase;
  min-width : 64px;
  padding : 6px 8px;
  border-radius : 4px;
  transition : background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color : rgb(25, 118, 210);
  box-shadow : none;
  text-transform : none;
  border-radius : 4px;
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  padding : 0px 16px;
  box-sizing : border-box;
  transition : none 0s ease 0s;
  font-size : 1rem;
  color : rgb(65, 65, 65);
  background-color : transparent;
  height : 48px;
  min-height : 48px;
  line-height : 1.5;
  padding : 0px 16px;
  border-color : rgb(148, 148, 148);
  border-style : dashed;
  border-width : 1px;
}
.add button:hover {
  border-color : rgb(102, 102, 102);
  background-color : rgb(255, 247, 238);
}

.add-active button {
  background-color : rgb(255, 247, 238);
  border-color : rgb(102, 102, 102);
  box-shadow : none;
}
.add-active button:hover {
  pointer-events : none;
}

.plain-medium button {
  display : inline-flex;
  -webkit-box-align : center;
  align-items : center;
  -webkit-box-pack : center;
  justify-content : center;
  position : relative;
  box-sizing : border-box;
  -webkit-tap-highlight-color : transparent;
  background-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  font-family : Roboto, Helvetica, Arial, sans-serif;
  font-weight : 500;
  font-size : 0.875rem;
  line-height : 1.75;
  letter-spacing : 0.02857em;
  text-transform : uppercase;
  min-width : 64px;
  padding : 6px 8px;
  border-radius : 4px;
  transition : background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color : rgb(25, 118, 210);
  box-shadow : none;
  text-transform : none;
  border-radius : 4px;
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  padding : 0px 16px;
  box-sizing : border-box;
  transition : none 0s ease 0s;
  font-size : 1rem;
  color : rgb(234, 101, 13);
  background-color : transparent;
  height : 48px;
  min-height : 48px;
  line-height : 1.5;
  padding : 0px 16px;
}
.plain-medium button:hover {
  background-color : rgb(255, 247, 238);
}

.plain-small button {
  display : inline-flex;
  -webkit-box-align : center;
  align-items : center;
  -webkit-box-pack : center;
  justify-content : center;
  position : relative;
  box-sizing : border-box;
  -webkit-tap-highlight-color : transparent;
  background-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  font-family : Roboto, Helvetica, Arial, sans-serif;
  font-weight : 500;
  font-size : 0.875rem;
  line-height : 1.75;
  letter-spacing : 0.02857em;
  text-transform : uppercase;
  min-width : 64px;
  padding : 6px 8px;
  border-radius : 4px;
  transition : background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color : rgb(25, 118, 210);
  box-shadow : none;
  text-transform : none;
  border-radius : 4px;
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  padding : 0px 16px;
  box-sizing : border-box;
  transition : none 0s ease 0s;
  font-size : 1rem;
  color : rgb(234, 101, 13);
  background-color : transparent;
  height : 32px;
  min-height : 32px;
  line-height : 1.5;
  padding : 0px 16px;
}
.plain-small button:hover {
  background-color : rgb(255, 247, 238);
  box-shadow : none;
}
@media (hover: none) {
  .plain-small button:hover {
    background-color : transparent;
  }
}

.primary-small button {
  display : inline-flex;
  -webkit-box-align : center;
  align-items : center;
  -webkit-box-pack : center;
  justify-content : center;
  position : relative;
  box-sizing : border-box;
  -webkit-tap-highlight-color : transparent;
  background-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  font-family : Roboto, Helvetica, Arial, sans-serif;
  font-weight : 500;
  font-size : 0.875rem;
  line-height : 1.75;
  letter-spacing : 0.02857em;
  text-transform : uppercase;
  min-width : 64px;
  padding : 6px 8px;
  border-radius : 4px;
  transition : background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color : rgb(25, 118, 210);
  box-shadow : none;
  text-transform : none;
  border-radius : 4px;
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  padding : 0px 16px;
  box-sizing : border-box;
  transition : none 0s ease 0s;
  font-size : 1rem;
  color : rgb(255, 255, 255);
  background-color : rgb(234, 101, 13);
  height : 32px;
  min-height : 32px;
  line-height : 1.5;
  padding : 0px 16px;
}
.primary-small button:hover {
  background-color : rgb(230, 68, 21);
  text-decoration : none;
  box-shadow : none;
}

.primary-medium button {
  display : inline-flex;
  -webkit-box-align : center;
  align-items : center;
  -webkit-box-pack : center;
  justify-content : center;
  position : relative;
  box-sizing : border-box;
  -webkit-tap-highlight-color : transparent;
  background-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  font-family : Roboto, Helvetica, Arial, sans-serif;
  font-weight : 500;
  font-size : 0.875rem;
  line-height : 1.75;
  letter-spacing : 0.02857em;
  text-transform : uppercase;
  min-width : 64px;
  padding : 6px 8px;
  border-radius : 4px;
  transition : background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color : rgb(25, 118, 210);
  box-shadow : none;
  text-transform : none;
  border-radius : 4px;
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  padding : 0px 16px;
  box-sizing : border-box;
  transition : none 0s ease 0s;
  font-size : 1rem;
  color : rgb(255, 255, 255);
  background-color : rgb(234, 101, 13);
  height : 48px;
  min-height : 48px;
  line-height : 1.5;
  padding : 0px 16px;
}
.primary-medium button:hover {
  background-color : rgb(230, 68, 21);
  box-shadow : none;
  text-decoration : none;
}

.secondary button {
  display : inline-flex;
  -webkit-box-align : center;
  align-items : center;
  -webkit-box-pack : center;
  justify-content : center;
  position : relative;
  box-sizing : border-box;
  -webkit-tap-highlight-color : transparent;
  background-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  font-family : Roboto, Helvetica, Arial, sans-serif;
  font-weight : 500;
  font-size : 0.875rem;
  line-height : 1.75;
  letter-spacing : 0.02857em;
  text-transform : uppercase;
  min-width : 64px;
  padding : 6px 8px;
  border-radius : 4px;
  transition : background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color : rgb(25, 118, 210);
  box-shadow : none;
  text-transform : none;
  border-radius : 4px;
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  padding : 0px 16px;
  box-sizing : border-box;
  transition : none 0s ease 0s;
  font-size : 1rem;
  color : rgb(234, 101, 13);
  background-color : rgb(255, 255, 255);
  height : 48px;
  min-height : 48px;
  line-height : 1.5;
  padding : 0px 16px;
  border-color : rgb(234, 101, 13);
  border-style : solid;
  border-width : 1px;
}
.secondary button:hover {
  border-color : rgb(230, 68, 21);
  background-color : rgb(255, 247, 238);
  box-shadow : none;
}
@media (hover: none) {
  .secondary button:hover {
    background-color : transparent;
  }
}

.secondary-large button {
  display : inline-flex;
  -webkit-box-align : center;
  align-items : center;
  -webkit-box-pack : center;
  justify-content : center;
  position : relative;
  box-sizing : border-box;
  -webkit-tap-highlight-color : transparent;
  background-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  font-family : Roboto, Helvetica, Arial, sans-serif;
  font-weight : 500;
  font-size : 0.875rem;
  line-height : 1.75;
  letter-spacing : 0.02857em;
  text-transform : uppercase;
  min-width : 64px;
  padding : 6px 8px;
  border-radius : 4px;
  transition : background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color : rgb(25, 118, 210);
  box-shadow : none;
  text-transform : none;
  border-radius : 4px;
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  padding : 0px 16px;
  box-sizing : border-box;
  transition : none 0s ease 0s;
  font-size : 1.25rem;
  color : rgb(234, 101, 13);
  background-color : rgb(255, 255, 255);
  height : 48px;
  min-height : 48px;
  line-height : 1.5;
  padding : 0px 16px;
  border-color : rgb(234, 101, 13);
  border-style : solid;
  border-width : 1px;
}
.secondary-large button:hover {
  border-color : rgb(230, 68, 21);
  background-color : rgb(255, 247, 238);
  text-decoration : none;
}
@media (hover: none) {
  .secondary-large button:hover {
    background-color : transparent;
  }
}

.secondary-medium button {
  display : inline-flex;
  -webkit-box-align : center;
  align-items : center;
  -webkit-box-pack : center;
  justify-content : center;
  position : relative;
  box-sizing : border-box;
  -webkit-tap-highlight-color : transparent;
  background-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  font-family : Roboto, Helvetica, Arial, sans-serif;
  font-weight : 500;
  font-size : 0.875rem;
  line-height : 1.75;
  letter-spacing : 0.02857em;
  text-transform : uppercase;
  min-width : 64px;
  padding : 6px 8px;
  border-radius : 4px;
  transition : background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color : rgb(25, 118, 210);
  box-shadow : none;
  text-transform : none;
  border-radius : 4px;
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  padding : 0px 16px;
  box-sizing : border-box;
  transition : none 0s ease 0s;
  font-size : 1rem;
  color : rgb(234, 101, 13);
  background-color : rgb(255, 255, 255);
  height : 48px;
  min-height : 48px;
  line-height : 1.5;
  padding : 0px 16px;
  border-color : rgb(234, 101, 13);
  border-style : solid;
  border-width : 1px;
}
.secondary-medium button:hover {
  border-color : rgb(230, 68, 21);
  background-color : rgb(255, 247, 238);
  text-decoration : none;
}

.secondary-small button {
  display : inline-flex;
  -webkit-box-align : center;
  align-items : center;
  -webkit-box-pack : center;
  justify-content : center;
  position : relative;
  box-sizing : border-box;
  -webkit-tap-highlight-color : transparent;
  background-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  font-family : Roboto, Helvetica, Arial, sans-serif;
  font-weight : 500;
  font-size : 0.875rem;
  line-height : 1.75;
  letter-spacing : 0.02857em;
  text-transform : uppercase;
  min-width : 64px;
  padding : 6px 8px;
  border-radius : 4px;
  transition : background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color : rgb(25, 118, 210);
  box-shadow : none;
  text-transform : none;
  border-radius : 4px;
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  padding : 0px 16px;
  box-sizing : border-box;
  transition : none 0s ease 0s;
  font-size : 1rem;
  color : rgb(234, 101, 13);
  background-color : rgb(255, 255, 255);
  height : 32px;
  min-height : 32px;
  line-height : 1.5;
  padding : 0px 16px;
  border-color : rgb(234, 101, 13);
  border-style : solid;
  border-width : 1px;
}
.secondary-small button:hover {
  border-color : rgb(230, 68, 21);
  background-color : rgb(255, 247, 238);
  text-decoration : none;
}

.add-hover button {
  border-color : rgb(102, 102, 102);
  background-color : rgb(255, 247, 238);
  box-shadow : none;
}
@media (hover: none) {
  .add button:hover {
    background-color : transparent;
  }
}

.add-focus-visible button {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
  box-shadow : none;
}

.add-full-width button {
  width : 100%;
}

.button button {
  color : rgb(255, 255, 255);
  background-color : rgb(234, 101, 13);
  font-size : 1rem;
}

.plain-large button {
  color : rgb(234, 101, 13);
  background-color : transparent;
}
.plain-large button:hover {
  background-color : rgb(255, 247, 238);
}

.plain-active button {
  background-color : rgb(255, 247, 238);
  box-shadow : none;
}

.plain-large-focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}

.plain-large-hover button {
  background-color : rgb(255, 247, 238);
  box-shadow : none;
  text-decoration : none;
}
@media (hover: none) {
  .plain-large button:hover {
    background-color : transparent;
  }
}

.primary-active button {
  background-color : rgb(230, 68, 21);
  box-shadow : none;
}

.primary-hover button {
  background-color : rgb(230, 68, 21);
  text-decoration : none;
  box-shadow : none;
}

.secondary-active button {
  background-color : rgb(255, 247, 238);
  border-color : rgb(230, 68, 21);
  box-shadow : none;
}

.secondary-hover button {
  border-color : rgb(230, 68, 21);
  background-color : rgb(255, 247, 238);
  box-shadow : none;
}

.add-icon button {
}

.hero-default h1 {
  font-family : NNDagnyDisplayCompPro;
  color : rgb(65, 65, 65);
  text-align : left;
  margin-top : 0px;
  margin-bottom : 24px;
  font-size : 2.25rem;
  line-height : 1.1;
}

.body-text text {
  color : rgb(65, 65, 65);
  font-family : NNDagnyTextComp;
  font-weight : normal;
  margin-top : 32px;
  margin-bottom : 0px;
  word-break : break-word;
  text-align : left;
  font-size : 1rem;
  line-height : 1.5;
}

.hero-large-video {
  width : 100%;
  height : 100%;
  position : absolute;
  top : 0px;
  left : 0px;
  z-index : 0;
  object-fit : cover;
}

.hero-small-image-outer-box {
  display : flex;
  flex-direction : column;
  width : 100%;
  min-height : 20rem;
  height : 80vh;
  position : relative;
}

.hero-small-image-image-box {
  width : 100%;
  height : 40vh;
  background-image : url("/testImage.jpg");
  background-position : center center;
  background-repeat : no-repeat;
  background-size : cover;
}

.hero-small-image-text-box {
  display : flex;
  flex-direction : column;
  width : 100%;
  height : auto;
  background-color : white;
  border-radius : 4px;
  padding : 24px 16px;
  box-sizing : border-box;
  -webkit-box-align : center;
  align-items : center;
}

.hero-small-h2 h2 {
  font-family : NNDagnyDisplayCompPro;
  color : rgb(65, 65, 65);
  text-align : left;
  margin-top : 0px;
  margin-bottom : 24px;
  font-size : 1.75rem;
  line-height : 1.1;
}

.hero-small-grid {
  display : grid;
  grid-template-columns : 1fr;
  row-gap : 8px;
  margin-top : 16px;
  width : 100%;
}

.hero-small-video-box {
  width : 100%;
  height : 100%;
  object-fit : cover;
}

.breadcrumbs-outer-box {
  margin : 0px;
  font-weight : 400;
  letter-spacing : 0.00938em;
  font-family : NNDagnyTextComp;
  font-size : 1rem;
  line-height : 1.5;
  color : rgb(65, 65, 65);
}

.breadcrumbs-ordered-list-box {
  display : flex;
  flex-wrap : wrap;
  -webkit-box-align : center;
  align-items : center;
  padding : 0px;
  margin : 0px;
  list-style : none;
}

.breadcrumbs-list-items {
  cursor : pointer;
  font-size : 1rem;
  line-height : 1.5;
  background : none;
  border : 0px;
  padding : 0px;
  color : rgb(65, 65, 65);
  font-family : NNDagnyTextComp;
  font-weight : 400;
  text-decoration : none;
}
.breadcrumbs-list-items:focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}
.breadcrumbs-list-items:hover {
  text-decoration : underline rgb(230, 68, 21);
  color : rgb(230, 68, 21);
}
.breadcrumbs-list-items:active {
  color : rgb(230, 68, 21);
}

.breadcrumbs-seperator {
  display : flex;
  user-select : none;
  margin-left : 8px;
  margin-right : 8px;
}

.breadcrumbs-current-page {
  color : rgb(102, 102, 102);
}

.collapsible-default-outer-box {
  margin : 0px;
  padding : 0px;
  width : 100%;
  min-height : 43px;
  height : auto;
  border-width : 1px 0px 0px;
  border-top-style : solid;
  border-top-color : rgb(229, 222, 217);
  border-bottom-style : initial;
  border-bottom-color : initial;
  border-right-style : initial;
  border-right-color : initial;
  border-left-style : initial;
  border-left-color : initial;
  border-radius : 0px;
  transition : border-color 0.05s ease-in 0s;
  background : transparent;
  color : transparent;
  box-shadow : none;
}

.collapsible-default-inner-box {
  -webkit-box-align : center;
  align-items : center;
  -webkit-box-pack : center;
  justify-content : center;
  position : relative;
  box-sizing : border-box;
  -webkit-tap-highlight-color : transparent;
  background-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  border-radius : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  color : inherit;
  display : flex;
  min-height : 48px;
  transition : min-height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  padding : 0px;
}
.collapsible-default-inner-box:hover {
  cursor : pointer;
}

.collapsible-vertical {
  height : 0px;
  overflow : hidden;
  transition : height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  visibility : hidden;
}

.divider-default {
  border-width : 1px 0px 0px;
  border-right-style : initial;
  border-bottom-style : initial;
  border-left-style : initial;
  border-image : initial;
  border-top-style : solid;
  /* border-color: rgb(229, 222, 217); */
  border-color : #E6DFDA;
  margin : 32px 0px;
}
.divider-strong {
  border-width : 2px 0px 0px;
  border-right-style : initial;
  border-bottom-style : initial;
  border-left-style : initial;
  border-image : initial;
  border-top-style : solid;
  /* border-color: rgb(229, 222, 217); */
  border-color : #E6DFDA;
  margin : 32px 0px;
}

.image-default {
  width : 100%;
  aspect-ratio : 16 / 9;
  object-fit : cover;
}

.image-square {
  width : 100%;
  aspect-ratio : 1 / 1;
  object-fit : cover;
}

.info-link button {
  cursor : pointer;
  font-size : 1rem;
  line-height : 1.5;
  background : none;
  border : 0px;
  padding : 0px;
  color : rgb(65, 65, 65);
  font-family : NNDagnyTextComp;
  font-weight : 400;
  text-decoration : underline 1px dashed;
  text-underline-offset : 2px;
}
.info-link button:focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}
.info-link button:hover {
  text-decoration : underline rgb(230, 68, 21);
  color : rgb(230, 68, 21);
}
.info-link button:active {
  color : rgb(230, 68, 21);
}

.info-link-active button {
  color : rgb(230, 68, 21);
}

.info-link-focus-visible button {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}

.interactive-link button {
  cursor : pointer;
  font-size : 1rem;
  line-height : 1.5;
  background : none;
  border : 0px;
  padding : 0px;
  color : rgb(234, 101, 13);
  text-decoration : underline;
  font-family : NNDagnyTextComp;
  font-weight : 400;
}
.interactive-link button:focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}
.interactive-link button:hover {
  text-decoration : none;
  color : rgb(230, 68, 21);
}
.interactive-link button:active {
  color : rgb(230, 68, 21);
}

.primary-stand-alone-link {
  cursor : pointer;
  font-size : 1rem;
  line-height : 1.5;
  background : none;
  border : 0px;
  padding : 0px;
  color : rgb(234, 101, 13);
  font-family : NNDagnyTextComp;
  font-weight : 400;
  text-decoration : none;
}
.primary-stand-alone-link:focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}
.primary-stand-alone-link:hover {
  text-decoration : underline rgb(230, 68, 21);
  color : rgb(230, 68, 21);
}
.primary-stand-alone-link:active {
  color : rgb(230, 68, 21);
}

.primary-stand-alone-link-strong {
  cursor : pointer;
  font-size : 1rem;
  line-height : 1.5;
  background : none;
  border : 0px;
  padding : 0px;
  color : rgb(234, 101, 13);
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  text-decoration : none;
}
.primary-stand-alone-link-strong:focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}
.primary-stand-alone-link-strong:hover {
  text-decoration : underline rgb(230, 68, 21);
  color : rgb(230, 68, 21);
}
.primary-stand-alone-link-strong:active {
  color : rgb(230, 68, 21);
}

.primary-strong-link {
  cursor : pointer;
  font-size : 1rem;
  line-height : 1.5;
  background : none;
  border : 0px;
  padding : 0px;
  color : rgb(234, 101, 13);
  text-decoration : underline;
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
}
.primary-strong-link:focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}
.primary-strong-link:hover {
  text-decoration : none;
  color : rgb(230, 68, 21);
}
.primary-strong-link:active {
  color : rgb(230, 68, 21);
}

.secondary-link {
  cursor : pointer;
  font-size : 1rem;
  line-height : 1.5;
  background : none;
  border : 0px;
  padding : 0px;
  color : rgb(65, 65, 65);
  font-family : NNDagnyTextComp;
  font-weight : 400;
  text-decoration : underline;
}
.secondary-link:focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}
.secondary-link:hover {
  text-decoration : none;
  color : rgb(230, 68, 21);
}
.secondary-link:active {
  color : rgb(230, 68, 21);
}

div.hero-large {
  overflow : hidden!important;
}
.hero-large > div.pbNested {
  /* position: relative;
	width: calc(100% - 20px);
	max-width: 980px;
	min-height: 368px;
	margin: 0 auto;
	padding: 24px 0; */
  position : relative;
  max-width : 1280px;
  min-height : 368px;
  margin : 0 auto;
  padding : 24px 0;
}
.hero-large .bg {
  overflow : hidden;
  position : absolute;
  top : 0;
  bottom : 0;
  left : 50%;
  transform : translateX(-50%);
  width : 1280px;
  /* height:474px; */
  text-align : center;
  /* border-radius: 4px; */
  z-index : auto!important;
}
.hero-large .bg div:not(.pb-handle) {
  position : static!important;
}
.hero-large .bg .mce-resizehandle {
  display : none;
}
.hero-large .bg img {
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  /* max-width: none; */
  /* min-width: 100%; */
  /* min-height: 100%; */
}
.hero-large .CTAblock {
  position : absolute;
  display : inline-block;
  left : 80px;
  top : 50%;
  transform : translateY(-50%);
  max-width : 448px;
  min-width : 200px;
  z-index : auto!important;
}
.hero-large .CTAblock > div {
  /* padding: 30px; */
  padding : 24px;
  background : #fff;
  border-radius : 4px;
}
.hero-large .text:not(:first-child) {
  /* margin-top: 20px; */
  margin-top : 8px;
}
.hero-large .text-nospace:not(:first-child) {
  margin-top : 0;
}
.hero-large .button-line-orn:not(:first-child) {
  /* margin-top: 20px; */
  margin-top : 16px;
}
.hero-large .list:not(:first-child) {
  margin-top : 20px;
}
.hero-large .list:not(.list-vertical) ul {
  display : flex;
  flex-wrap : wrap;
  margin : -4px -13px -4px 0;
}
.hero-large .list li {
  position : relative;
  padding-left : 13px;
}
.hero-large .list:not(.list-vertical) li {
  margin : 4px 14px 4px 0;
}
.hero-large .list li:before {
  content : '';
  position : absolute;
  top : .35em;
  left : 0;
  border : 4px solid transparent;
  border-left : 4px solid #ea650d;
}
.hero-large .link:not(:first-child) {
  margin-top : 20px;
}
.hero-large .link > div {
  position : relative;
  padding-left : 30px;
}
.hero-large .link > div:before {
  content : '';
  position : absolute;
  top : -1px;
  left : 0;
  width : 20px;
  height : 20px;
  background : #ea650d;
  border-radius : 50%;
}
.hero-large .link > div:after {
  content : '';
  position : absolute;
  top : 4px;
  left : 8px;
  border : 5px solid transparent;
  border-left : 5px solid #fff;
}
@media screen and (max-width: 960px) {
  .hero-large > div.pbNested {
    width : calc(100% - 20px);
    max-width : 767px;
  }
  .hero-large .CTAblock {
    left : 15px;
  }
}
@media screen and (max-width: 767px) {
  .hero-large > div.pbNested {
    width : calc(100% - 40px);
    max-width : 400px;
    min-height : auto;
    padding : 0;
  }
  .hero-large .bg {
    position : relative;
    /* height: 168px; */
    /* border-radius: 0; */
  }
  .hero-large .bg img {
    /* min-width: auto; */
    /* min-height: auto; */
    /* height: 168px; */
    width : 640px;
    max-width : none;
    transform : translateX(-80px);
    border-radius : 0;
  }
  .hero-large .CTAblock {
    position : static;
    left : 00px;
    top : 0%;
    transform : translateY(0%);
    min-width : 100%;
    margin-top : 20px;
  }
  .hero-large .CTAblock > div {
    padding : 0px 0px 24px 0px;
  }
  .hero-large .button-line-orn .secondary-btn a {
    margin : 8px 0px 0px 0px;
  }
   {
  }
}

.button-line-orn div {
  display : inline-block;
}
.button-line-orn .primary-btn a {
  /* Background Color/Button/Primary/Default */
  display : inline-block;
  margin : 0px 8px 0px 0px;
  box-sizing : border-box;
  border : #EA650D solid 1px;
  background : #ea650d;
  border-radius : 4px;
  padding : 12px 16px;
  /* Button/S */
  font-weight : 500;
  font-size : 16px;
  line-height : 150%;
  /* identical to box height, or 24px */
  text-align : center;
  /* Color/Button/Primary/Text */
  color : #FFFFFF;
  text-decoration : none;
}
.button-line-orn .primary-btn a:hover {
  background : #E64415;
  text-decoration : none;
}
@media screen and (max-width: 767px) {
  .button-line-orn div {
    display : block;
  }
  .button-line-orn .primary-btn a {
    box-sizing : border-box;
    width : 100%;
    text-align : center;
  }
}
.button-line-orn .secondary-btn a {
  /* Background Color/Button/Primary/Default */
  display : inline-block;
  margin : 0px 8px 0px 0px;
  box-sizing : border-box;
  color : #EA650D;
  background : #FFFFFF;
  border : #EA650D solid 1px;
  border-radius : 4px;
  padding : 12px 16px;
  /* Button/S */
  font-weight : 500;
  font-size : 16px;
  line-height : 150%;
  /* identical to box height, or 24px */
  text-align : center;
  /* Color/Button/Primary/Text */
  color : #EA650D;
  text-decoration : none;
}
.button-line-orn .secondary-btn a:hover {
  background : #FFF7EE;
  border-color : #E64415;
  color : #E64415;
  text-decoration : none;
}
@media screen and (max-width: 767px) {
  .button-line-orn div {
    display : block;
  }
  .button-line-orn .secondary-btn a {
    box-sizing : border-box;
    width : 100%;
    text-align : center;
  }
}

.secondary-stand-alone-link {
  cursor : pointer;
  font-size : 1rem;
  line-height : 1.5;
  background : none;
  border : 0px;
  padding : 0px;
  color : rgb(65, 65, 65);
  font-family : NNDagnyTextComp;
  font-weight : 400;
  text-decoration : none;
}
.secondary-stand-alone-link:focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}
.secondary-stand-alone-link:hover {
  text-decoration : underline rgb(230, 68, 21);
  color : rgb(230, 68, 21);
}
.secondary-stand-alone-link:active {
  color : rgb(230, 68, 21);
}

.attentionblock-default {
  background : #FFEDD9;
  border-radius : 4px;
  border-left : #EE7F00 solid 4px;
}
.attentionblock-default:not(:first-child) {
  margin-top : 20px;
  margin-top : 2.0rem;
}
.attentionblock-default > div {
  padding : 12px 16px 12px 44px;
  padding : 1.2rem 1.6rem 1.2rem 4.4rem;
  background : url("/../library/nnds/images/warning2.svg") no-repeat;
  background-position-x : 9.5px;
  background-position-x : 0.95rem;
  background-position-y : 12.5px;
  background-position-y : 1.25rem;
}
.attentionblock-default .text h5 {
  font-weight : 700;
  font-size : 16px;
  font-size : 1.6rem;
  line-height : 150%;
}
.attentionblock-default .text p:not(first-child) {
  padding-top : 4px;
  padding-top : 0.4rem;
  font-size : 16px;
  font-size : 1.6rem;
  font-weight : 400;
}
.attentionblock-default a:not(:only-child):first-child {
  margin-right : 20px;
  margin-right : 2.0rem;
}
.attentionblock-default .link-iconChevron > div {
  padding-left : 26px;
  padding-left : 2.6rem;
  background-image : url("/library/nnds/images/warning_link.svg");
  background-repeat : no-repeat;
  background-size : 2.2rem;
  background-position : left top 2px;
}
@media screen and (max-width : 767px) {
  .attentionblock-default anot(only-child)first-child {
    0 : display  block;
    margin : 0 0 10px;
    margin : 0 0 1.0rem;
  }
}
 {
}

.attentionblock-error {
  background : #FDEDE9;
  border-left : #E64415 solid 4px;
}
.attentionblock-error > div {
  background : url("/../library/nnds/images/error.svg") no-repeat;
  background-position-x : 9.5px;
  background-position-x : 0.95rem;
  background-position-y : 12.5px;
  background-position-y : 1.25rem;
}
.attentionblock-error .text h5 {
  font-weight : 700;
  font-size : 16px;
  line-height : 150%;
}

.attentionblock-success {
  background : #E9F2E7;
  border-left : #5D9C55 solid 4px;
}
.attentionblock-success > div {
  background : url("/../library/nnds/images/success.svg") no-repeat;
  background-position-x : 9.5px;
  background-position-x : 0.95rem;
  background-position-y : 12.5px;
  background-position-y : 1.25rem;
}

.attentionblock-informative {
  background : #EAF1F8;
  border-left : #4881BE solid 4px;
}
.attentionblock-informative > div {
  background : url("/../library/nnds/images/informative.svg") no-repeat;
  background-position-x : 9.5px;
  background-position-x : 0.95rem;
  background-position-y : 12.5px;
  background-position-y : 1.25rem;
}

.card-attention {
  box-shadow : 0px 1px 2px rgba(102, 102, 102, 0.1), 0px 1px 6px rgba(128, 128, 128, 0.1), 0px 2px 16px rgba(114, 114, 114, 0.08);
  border-radius : 4px;
  padding : 16px 16px;
  padding : 1.6rem 1.6rem;
  line-height : 150%;
  font-size : 16px;
  font-size : 1.6rem;
}
.card-attention-8 {
  width : 80%;
  margin : 0 auto;
}
.card-attention .card-image {
  display : inline-block;
  margin : -16px -16px 0px;
}
.card-attention .card-image img {
  border-radius : 4px 4px 0px 0px;
}
.card-attention .card-h2 {
  padding-top : 16px;
  padding-top : 1.6rem;
}
.card-attention .text {
  padding-top : 8px;
  font-weight : 400;
}
.card-attention-block {
  display : inline-block;
}

.strong-link {
  cursor : pointer;
  font-size : 1rem;
  line-height : 1.5;
  background : none;
  border : 0px;
  padding : 0px;
  color : rgb(65, 65, 65);
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  text-decoration : underline;
}
.strong-link:focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}
.strong-link:hover {
  color : rgb(230, 68, 21);
  text-decoration : none;
}

.list-default-body {
  margin : 0px;
}
.list-main-box {
  display : flex;
  -webkit-box-align : center;
  align-items : center;
  column-gap : 14px;
}
.list-main-box span:first-of-type {
  align-self : start;
}
.list-main-box+li {
  margin-top : 26px;
}
.list-numbers {
  flex-shrink : 0;
  display : flex;
  -webkit-box-align : center;
  align-items : center;
  -webkit-box-pack : center;
  justify-content : center;
  width : 1.5rem;
  height : 1.5rem;
  border-radius : 50%;
  background-color : rgb(234, 101, 13);
  color : rgb(255, 255, 255);
  font-weight : 500;
  font-family : NNDagnyDisplayCompPro;
}
.list-content-box {
  font-family : NNDagnyTextComp;
  font-size : 1rem;
  line-height : 1.5;
  color : rgb(65, 65, 65);
}

.list-dividers-between-body {
  margin : 0px;
}
.list-dividers-between-main-box {
  display : flex;
  -webkit-box-align : center;
  align-items : center;
  column-gap : 14px;
}
.list-dividers-between-main-box+li {
  margin-top : 8px;
}
.list-dividers-between-main-boxspan:first-of-type {
  align-self : start;
}
.list-dividers-between-text {
  font-family : NNDagnyTextComp;
  font-size : 1rem;
  line-height : 1.5;
  color : rgb(65, 65, 65);
}
.list-dividers-between-divider-box {
  margin : 8px 0px;
}
.list-dividers-between-divider-line {
  border-width : 1px 0px 0px;
  border-right-style : initial;
  border-bottom-style : initial;
  border-left-style : initial;
  border-image : initial;
  border-top-style : solid;
  border-color : rgb(229, 222, 217);
  margin : 0px;
}

.list-divider-between-and-end-body {
  margin : 0px;
}
.list-divider-between-and-end-main-box {
  display : flex;
  -webkit-box-align : center;
  align-items : center;
  column-gap : 14px;
}
.list-divider-between-and-end-main-box span:first-of-type {
  align-self : start;
}
.list-divider-between-and-end-main-box+li {
  margin-top : 26px;
}
.list-divider-between-and-end-text {
  font-family : NNDagnyTextComp;
  font-size : 1rem;
  line-height : 1.5;
  color : rgb(65, 65, 65);
}
.list-divider-between-and-end-divider-box {
  margin : 8px 0px;
}
.list-divider-between-and-end-divider-line {
  border-width : 1px 0px 0px;
  border-right-style : initial;
  border-bottom-style : initial;
  border-left-style : initial;
  border-image : initial;
  border-top-style : solid;
  border-color : rgb(229, 222, 217);
  margin : 0px;
}
.list-divider-between-and-end-divider-box-last {
  margin-top : 8px;
}

.list-dividers-between-and-start-body {
  margin : 0px;
}
.list-dividers-between-and-start-divider-box {
  margin-bottom : 8px;
}
.list-dividers-between-and-start-divider-line {
  border-width : 1px 0px 0px;
  border-right-style : initial;
  border-bottom-style : initial;
  border-left-style : initial;
  border-image : initial;
  border-top-style : solid;
  border-color : rgb(229, 222, 217);
  margin : 0px;
}
.list-dividers-between-and-start-main-box {
  display : flex;
  -webkit-box-align : center;
  align-items : center;
  column-gap : 14px;
}
.list-dividers-between-and-start-main-box+li {
  margin-top : 8px;
}
.list-dividers-between-and-start-main-box span:first-of-type {
  margin-top : 0.5625rem;
  align-self : start;
}
.list-dividers-between-and-start-bullets {
  display : inline-block;
  flex-shrink : 0;
  width : 0.375rem;
  height : 0.375rem;
  border-radius : 50%;
  background-color : rgb(102, 102, 102);
}
.list-dividers-between-and-start-text {
  font-family : NNDagnyTextComp;
  font-size : 1rem;
  line-height : 1.5;
  color : rgb(65, 65, 65);
}
.list-dividers-between-and-start-following-divider-box {
  margin : 8px 0px;
}

.list-dividers-between-star-and-end-body {
  margin : 0px;
}
.list-dividers-between-star-and-end-first-divider-box {
  margin-bottom : 8px;
}
.list-dividers-between-star-and-end-divider-line {
  border-width : 1px 0px 0px;
  border-right-style : initial;
  border-bottom-style : initial;
  border-left-style : initial;
  border-image : initial;
  border-top-style : solid;
  border-color : rgb(229, 222, 217);
  margin : 0px;
}
.list-dividers-between-star-and-end-main-box {
  display : flex;
  -webkit-box-align : center;
  align-items : center;
  column-gap : 14px;
}
.list-dividers-between-star-and-end-main-box+li {
  margin-top : 8px;
}
.list-dividers-between-star-and-end-main-box span:first-of-type {
  margin-top : 0.5625rem;
  align-self : start;
}
.list-dividers-between-star-and-end-bullet {
  display : inline-block;
  flex-shrink : 0;
  width : 0.375rem;
  height : 0.375rem;
  border-radius : 50%;
  background-color : rgb(234, 101, 13);
}
.list-dividers-between-star-and-end-text {
  font-family : NNDagnyTextComp;
  font-size : 1rem;
  line-height : 1.5;
  color : rgb(65, 65, 65);
}
.list-dividers-between-star-and-end-following-divider-box {
  margin : 8px 0px;
}

.list-no-list-type-body {
  margin : 0px;
}
.list-no-list-type-body li {
  list-style-type : none;
}
.list-no-list-type-main-box {
  display : flex;
  -webkit-box-align : center;
  align-items : center;
  column-gap : 14px;
}
.list-no-list-type-main-box+li {
  margin-top : 8px;
}
.list-no-list-type-main-box span:first-of-type {
  margin-top : 0.5625rem;
  align-self : start;
}
.list-no-list-type-bullet {
  display : inline-block;
  flex-shrink : 0;
  width : 0.375rem;
  height : 0.375rem;
  border-radius : 50%;
  background-color : rgb(234, 101, 13);
}
.list-no-list-type-text {
  font-family : NNDagnyTextComp;
  font-size : 1rem;
  line-height : 1.5;
  color : rgb(65, 65, 65);
}

.link-primary-default a {
  font-weight : 400;
  font-size : 16px;
  font-size : 1.6rem;
  line-height : 150%;
  text-decoration-line : underline;
  color : #1A1A1A;
}
.link-primary-default a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid #EA650D;
}
/* .link-primary-default a:focus {
  transition : unset;
  border : 2px solid #524E91;
} */
.link-primary-strong a {
  font-weight : 700;
  font-size : 16px;
  font-size : 1.6rem;
  line-height : 150%;
  color : #1A1A1A;
  text-decoration-line : underline;
}
.link-primary-strong a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid #EA650D;
}
/* .link-primary-strong a:focus {
  transition : unset;
  border : 2px solid #524E91;
} */

.link-primary-standAlone:not(:first-child) {
  margin-top : 24px;
}
.link-primary-standAlone a {
  line-height : 150%;
  font-size : 16px;
  font-size : 1.6rem;
  color : #1A1A1A;
  text-decoration-line : none;
}
.link-primary-standAlone a:hover {
  transition : unset;
  text-decoration-line : underline;
}
/*パンくず用*/
.bread-link-primary-standAlone a {
  line-height : 150%;
  font-size : 16px;
  font-size : 1.6rem;
  color : #6d6d6d;
  text-decoration-line : none;
}
.bread-link-primary-standAlone a:hover {
  transition : unset;
  text-decoration-line : underline;
}

.button-line > div {
  /* display : inline-block; */
  display : flex;
}
.el_btn a {
  /* Background Color/Button/Primary/Default */
  display : inline-block;
  margin : 0px 8px 0px 0px;
  margin : 0rem 0.8rem 0rem 0rem;
  box-sizing : border-box;
  border : #EA650D solid 1px;
  background : #ea650d;
  border-radius : 4px;
  padding : 12px 16px;
  padding : 1.2rem 1.6rem;
  /* Button/S */
  font-weight : 500;
  font-size : 16px;
  font-size : 1.6rem;
  line-height : 150%;
  /* identical to box height, or 24px */
  text-align : center;
  /* Color/Button/Primary/Text */
  color : #FFFFFF;
  text-decoration : none;
}
.el_btn a:hover {
  background : #E64415;
  text-decoration : none;
}
@media screen and (max-width: 767px) {
  .button-line div {
    display : block;
  }
  .el_btn a {
    box-sizing : border-box;
    width : 100%;
    text-align : center;
    margin-bottom : 8px;
  }
}
.el_secondary-btn a {
  /* Background Color/Button/Primary/Default */
  color : #EA650D;
  background : #FFFFFF;
  border : #EA650D solid 1px;
  text-decoration : none;
}
.el_secondary-btn a:hover {
  background : #FFF7EE;
  border-color : #E64415;
  color : #E64415;
  text-decoration : none;
}
@media screen and (max-width: 767px) {
  .el_secondary-btn:last-child a {
    margin-bottom : 0;
  }
}
.el_btn-dark a {
  background : #404040;
  border : #404040 solid 1px;
}
.el_btn-dark a:hover {
  border : #2B2B2B solid 1px;
  background : #2B2B2B;
  box-shadow : 0px 1px 2px rgba(102, 102, 102, 0.1), 0px 1px 6px rgba(128, 128, 128, 0.1), 0px 2px 16px rgba(114, 114, 114, 0.08);
}
/* .el_btn-dark a:focus {
  background: #404040;
  border: 3px solid #524E91;
} */
.el_secondary-btn-dark a {
  color : #404040;
  background : #FFFFFF;
  border : 1px solid #404040;
}
.el_secondary-btn-dark a:hover {
  border : 1px solid #EA650D;
  color : #1A1A1A;
  background : #FFFFFF;
  box-shadow : 0px 1px 2px rgba(102, 102, 102, 0.1), 0px 1px 6px rgba(128, 128, 128, 0.1), 0px 2px 16px rgba(114, 114, 114, 0.08);
}
/*.el_secondary-btn-dark a:focus {
  border: 1px solid #404040; 
  border:3px solid #524E91;
  outline-offset: 1px; 
} */
.btn-Ricon img {
  width : 32px;
  float : none;
  padding-left : 8px;
}
.btn-Ricon:not(:first-child) {
  margin-top : 20px;
}
.button-line-center {
  text-align : center;
}
.button-line-flexhalf {
  width : 50%;
}
@media screen and (max-width: 767px) {
  .button-line-flexhalf {
    width : 100%;
  }
}

.div-body {
  display : flex;
  border-radius : 4px;
  min-height : 48px;
  background-color : rgb(204, 219, 242);
  overflow : hidden;
}
.left-box {
  flex-shrink : 0;
  background-color : rgb(51, 111, 203);
  width : 4px;
}
.center-box {
  display : flex;
  flex-direction : row;
  flex : 1 1 0%;
  padding : 12px 0px;
}
.info-box {
  margin-left : 12px;
}
.info-svg-box {
  display : block;
  height : 1.5rem;
  width : 1.5rem;
}
.info-svg-box svg {
  display : block;
}
.label-box {
  margin : 0px 8px;
  flex : 1 1 0%;
  align-self : center;
}
.label-box p,
.label-box ul,
.label-box ol {
  margin : 0px;
}
.label-text {
  color : rgb(65, 65, 65);
  font-family : NNDagnyTextComp;
  font-weight : normal;
  margin-top : 32px;
  margin-bottom : 0px;
  word-break : break-word;
  text-align : left;
  font-size : 1rem;
  line-height : 1.5;
}
h1+.label-text,
h2+.label-text,
h3+.label-text,
h4+.label-text,
h5+.label-text,
h6+.label-text {
  margin-top : 0px;
}
.button-body {
  padding : 0px;
  background : transparent;
  border : 0px;
  width : 100%;
  text-align : left;
  border-radius : 4px;
}
.button-body:active,
.button-body.is-active {
  opacity : 0.5;
}
.button-body:focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}
.right-box {
  margin-right : 8px;
  align-self : center;
}
.arrow-icon {
  display : block;
  height : 1rem;
  width : 1rem;
}
.arrow-icon svg {
  display : block;
}

.link-iconLeft:not(:first-child) {
  margin-top : 20px;
  margin-top : 2.0rem;
}
.link-iconLeft > div {
  padding-left : 26px;
  padding-left : 2.4rem;
  background-image : url("/../library/nnds/images/iconLeft.svg");
  background-repeat : no-repeat;
  background-size : 1.1rem;
  background-position : left top 5px;
}
.link-iconLeft a {
  vertical-align : middle;
}
.link-iconLeft a:not(:only-child):first-child {
  margin-right : 20px;
  margin-right : 2.0rem;
}
@media screen and (max-width: 767px) {
  .link-iconLeft a:not(:only-child):first-child {
    display : block;
    margin : 0 0 10px;
    margin : 0 0 1.0rem;
  }
}
.stand-alone a {
  text-decoration-line : none;
}
.stand-alone a:hover {
  text-decoration-line : underline;
}
.link-iconRight:not(:first-child) {
  margin-top : 20px;
  margin-top : 2.0rem;
}
.link-iconRight  > div {
  padding-right : 26px;
  padding-right : 2.6rem;
  display : inline-block;
  background-image : url("/../library/nnds/images/iconRight.svg");
  background-repeat : no-repeat;
  background-size : 1.0rem;
  background-position : right;
}
.link-iconRight a:not(:only-child):first-child {
  margin-right : 20px;
  margin-right : 2.0rem;
}
@media screen and (max-width: 767px) {
  .link-iconRight a:not(:only-child):first-child {
    display : block;
    margin : 0 0 10px;
    margin : 0 0 1.0rem;
  }
}
.link-iconChevron:not(:first-child) {
  margin-top : 20px;
  margin-top : 2.0rem;
}
.link-iconChevron > div {
  padding-left : 26px;
  padding-left : 2rem;
  background-image : url("/../library/nnds/images/iconRight.svg");
  background-repeat : no-repeat;
  background-size : 1.1rem;
  background-position : left 2px top 2px;
}
.link-iconChevron a {
  vertical-align : middle;
}
.link-iconChevron a:not(:only-child):first-child {
  margin-right : 20px;
  margin-right : 2.0rem;
}
@media screen and (max-width: 767px) {
  .link-iconChevron a:not(:only-child):first-child {
    display : block;
    margin : 0 0 10px;
    margin : 0 0 1.0rem;
  }
}

.allavailableicons div {
  display : grid;
  min-height : 100vh;
  place-items : center;
  padding : 20px;
}
.body-grid {
  display : grid;
  grid-template-columns : 1fr 1fr 1fr;
  grid-template-rows : auto;
  gap : 2rem 1rem;
}
.icon-box {
  display : block;
  height : 3rem;
  width : 3rem;
}
.icon-box svg {
  display : block;
}
.label-box {
  font-weight : 400;
  letter-spacing : 0.00938em;
  padding : 0px;
  display : block;
  transform-origin : left top;
  text-overflow : ellipsis;
  transform : none;
  position : static;
  max-width : none;
  white-space : normal;
  margin-bottom : 0px;
  pointer-events : auto;
  overflow : revert;
  font-family : NNDagnyTextComp;
  font-size : 1rem;
  line-height : 1.5;
  color : rgb(65, 65, 65);
  text-align : left;
}
.label-box {
  color : rgb(25, 118, 210);
}
.label-box:disabled {
  color : rgba(0, 0, 0, 0.38);
}

.icon-box-selected {
  display : block;
  height : 1.5rem;
  width : 1.5rem;
}
.icon-box-selected svg {
  display : block;
}

.el_comTable div table {
  border-collapse : separate;
  border-radius : 8px;
  border-spacing : 0;
  /* border : none;  */
}
.el_comTable:not(:first-child) {
  margin-top : 32px;
}
.el_comTable th:first-child {
  padding-left : 10px;
}
.el_comTable thead tr th {
  border-top : 1px solid #E5DED9;
  border-right : 1px solid #E5DED9;
  font-size : 14px;
  font-size : 1.4rem;
  line-height : 110%;
  text-align : center;
  color : #404040;
  font-weight : 700;
}
.el_comTable tbody tr th,.el_comTable tbody tr td {
  border-bottom : 1px solid #E5DED9;
  border-left : 1px solid #E5DED9;
}
.el_comTable tbody tr td:last-child {
  border-right : 1px solid #E5DED9;
}
.el_comTable tbody tr:first-child th:nth-child(2) {
  border-top : 1px solid #E5DED9;
}
/* .el_comTable tbody tr:first-child>*:first-child { */
.el_comTable .leftTop {
  border-top : 1px solid #E5DED9;
  border-collapse : separate;
  border-radius : 8px 0px 0px 0px;
  border-spacing : 0;
  /* border : none;  */
}
/* .el_comTable tbody tr:last-child>*:first-child { */
.el_comTable .leftBtm {
  border-collapse : separate;
  border-radius : 0px 0px 0px 8px;
  border-spacing : 0;
  /* border : none;  */
}
.el_comTable .noLeftBtm {
  border-left : none;
  border-bottom : none;
}
.el_comTable .noLeftTop {
  border-top : none;
  border-right : none;
}
.el_comTable .leftTop2 {
  border-collapse : separate;
  border-left : 0.909513px solid #E5DED9;
  border-radius : 8px 0px 0px 0px;
  border-spacing : 0;
}
.el_comTable .rightTop {
  border-collapse : separate;
  border-radius : 0px 8px 0px 0px;
  border-spacing : 0;
}
.el_comTable .rightBtm {
  border-collapse : separate;
  border-radius : 0px 0px 8px 0px;
  border-spacing : 0;
}
.el_comTable tbody tr:first-child td {
  /* border-top : 1.81903px solid #ea650d; */
  box-shadow : 0px -2px 0px 0px #6D6D6D;
}
.el_comTable .el_btn p {
  text-align : center;
}
.el_comTable .el_btn a {
  margin : 0 0 0 0;
  font-size : 14px;
  font-size : 1.4rem;
  padding : 7.5px 16px;
  padding : 0.75rem 1.6rem;
}
.el_comTable .check {
  /* background :no-repeat center/17% url("/library/nnds/images/check.svg");  */
  text-align : center;
  vertical-align : middle;
  padding : 16px;
}
.el_comTable .none {
  /* background :no-repeat center/10% url("/library/nnds/images/none.svg");  */
  text-align : center;
  vertical-align : middle;
  padding : 16px;
}
.el_comTable tbody tr th,.el_comTable tbody tr td {
  font-size : 14px;
  font-size : 1.4rem;
  line-height : 150%;
  color : #404040;
}
.el_comTable ul {
  display : inline-block;
  text-align : left;
}
.el_comTable ul > li {
  position : relative;
  padding-left : 15px;
}
.el_comTable ul > li:not(:first-child) {
  margin-top : 5px;
}
.el_comTable ul > li:before {
  content : '';
  position : absolute;
  top : .5em;
  left : 3px;
  width : 5px;
  height : 5px;
  background : #ccc;
  border-radius : 50%;
}
.el_comTable ol {
  padding-left : 20px;
  list-style-type : decimal;
}
.el_comTable ol li {
  margin-top : 8px;
}
.el_comTable li a {
  color : #414141;
}
@media screen and (max-width: 767px) {
  .el_comTable > div {
    overflow : auto!important;
  }
  .el_comTable table {
    /* min-width: 550px;  */
    width : 100%;
    height : 600px;
    margin-bottom : 3px;
    white-space : nowrap;
  }
  .el_comTable thead tr th,.el_comTable .leftTop2 {
    border : none;
  }
  .el_comTable thead tr, .el_comTable tbody tr {
    display : block;
    width : 100%;
  }
  .el_comTable .noLeftTop, .el_comTable thead th:first-child {
    width : 0;
    padding : 0;
  }
  .el_comTable tbody tr td {
    width : 100px;
  }
  .el_comTable thead tr th {
    width : 100px;
  }
  .el_comTable tbody tr th {
    display : block;
    width : 100%;
    text-align : center;
    padding : 12px 8px 4px;
  }
  .el_comTable thead tr {
    /* box-shadow: 0px -2px 0px 0px #6D6D6D inset; */
    border-bottom : 2px solid #6D6D6D;
  }
  .el_comTable tbody tr th {
    border-bottom : none;
    border-left : none;
  }
  .el_comTable tbody tr td,.el_comTable .check {
    border-left : none;
    padding : 4px 8px 12px;
    text-align : center;
  }
  .el_comTable tbody tr:first-child td {
    box-shadow : none;
  }
  .el_comTable tbody tr:first-child th:nth-child(2) {
    border-top : none;
  }
  .el_comTable tbody tr td:last-child {
    border-right : none;
  }
  .el_comTable thead {
    height : 100%;
    width : fit-content;
    position : sticky;
    position : -webkit-sticky;
    top : 0;
    z-index : 2;
  }
  .el_comTable tbody {
    overflow-y : scroll;
    height : 100%;
  }
  .el_comTable .first-head {
    font-weight : bold;
  }
  .el_comTable a {
    text-decoration : underline;
  }
}

.icon-box-custom-size {
  display : block;
  height : 120px;
  width : 120px;
}
.icon-box-custom-size svg {
  display : block;
}

.icon-box-default-color {
  display : block;
  height : 1.5rem;
  width : 1.5rem;
}
.icon-box-default-color svg {
  display : block;
}

.icon-box-large {
  display : block;
  height : 2rem;
  width : 2rem;
}
.icon-box-large svg {
  display : block;
}

.icon-box-medium {
  display : block;
  height : 1.5rem;
  width : 1.5rem;
}
.icon-box-medium svg {
  display : block;
}

.icon-box-small {
  display : block;
  height : 1rem;
  width : 1rem;
}
.icon-box-small svg {
  display : block;
}

.icon-box-xl {
  display : block;
  height : 3rem;
  width : 3rem;
}
.icon-box-xl svg {
  display : block;
}

.icon-box-xxl {
  display : block;
  height : 4rem;
  width : 4rem;
}
.icon-box-xxl svg {
  display : block;
}

/* @font-face {
    font-family: NNDagnyDisplayCompPro;
    src: url("/library/nnds/fonts/NNDagnyDisplayCompPro.ttf'
}

@font-face {
    font-family: NNDagnyTextComp;
    src: url('/.library/nnds/fonts/NNDagnyTextComp.ttf'");
} */
.collapsible-root {
  overflow-anchor : none;
  margin : 0px;
  padding : 0px;
  width : 100%;
  min-height : 43px;
  height : auto;
  border-width : 1px 0px 0px;
  border-top-style : solid;
  /* border-top-color: rgb(229, 222, 217); */
  border-top-color : rgb(230, 223, 218);
  border-bottom-style : initial;
  border-bottom-color : initial;
  border-right-style : initial;
  border-right-color : initial;
  border-left-style : initial;
  border-left-color : initial;
  border-radius : 0px;
  -webkit-transition : border-color 0.05s ease-in;
  transition : border-color 0.05s ease-in;
  background : transparent;
  color : transparent;
  box-shadow : none;
}
.collapsible-root::before {
  position : absolute;
  left : 0px;
  top : -1px;
  right : 0px;
  height : 1px;
  content : '';
  opacity : 1;
  background-color : rgba(0, 0, 0, 0.12);
  transition : opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,        background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.collapsible-root:first-of-type::before {
  display : none;
}
.collapsible-root.collapsible-expanded::before {
  opacity : 0;
}
.collapsible-root.collapsible-expanded:first-of-type {
  margin-top : 0px;
}
.collapsible-root.collapsible-expanded:last-of-type {
  margin-bottom : 0px;
  border-width : 2px 0px 1px;
  border-bottom-style : solid;
  border-bottom-color : rgb(230, 223, 218);
}
.collapsible-root.collapsible-expanded+.collapsible-root.collapsible-expanded::before {
  display : none;
}
/* .collapsible-root.collapsible-disabled {
    background-color: rgba(0, 0, 0, 0.12);
} */
.collapsible-root:first-of-type {
  border-top-left-radius : 4px;
  border-top-right-radius : 4px;
}
.collapsible-root:last-of-type {
  border-bottom-left-radius : 4px;
  border-bottom-right-radius : 4px;
  border-width : 1px 0px 1px;
  border-bottom-style : solid;
  border-bottom-color : rgb(230, 223, 218);
}
@supports (-ms-ime-align: auto) {
  .collapsible-root : last-of-type {        border-bottom-left-radius 0px;
  border-bottom-right-radius : 0px;
}
}

.collapsible-root.collapsible-expanded {
  /* margin: 16px 0px; */
  margin : 0px 0px 0px 0px;
}
.collapsible-root .accordion-summary-root:hover {
  background-color : rgb(243, 239, 237);
}
/* .accordion-summary-root:focus-visible {
    outline: rgb(0, 75, 190) solid 2px;
    outline-offset: 0px;
    background-color: white;
} */
.collapsible-root.collapsible-expanded {
  height : fit-content;
  border-width : 2px 0px 0px;
  /* border-top-color: rgb(234, 101, 13); */
  border-top-color : rgb(230, 223, 218);
  border-top-style : solid;
  border-bottom-style : initial;
  border-bottom-color : initial;
  border-right-style : initial;
  border-right-color : initial;
  border-left-style : initial;
  border-left-color : initial;
  border-radius : 0px;
  box-shadow : none;
  -webkit-transition : border-color 0.05s ease-in;
  transition : border-color 0.05s ease-in;
  background : transparent;
  color : transparent;
}
.collapsible-root.accordion-detalis-root {
  margin-top : 0px;
  padding-top : 0px;
}
.collapsible-root .accordion-icon-wrapper {
  padding-right : 0px;
  padding-left : 0px;
  align-self : flex-start;
  margin-top : 16px;
  transform : scaleY(-1);
}
.collapsible-root .accordion-icon-wrapper.collapsible-expanded {
  transform : scaleX(-1);
  margin-top : 12px;
}
.accordion-summary-root {
  -webkit-box-align : center;
  -webkit-box-pack : center;
  -webkit-tap-highlight-color : transparent;
  position : relative;
  display : flex;
  justify-content : center;
  align-items : center;
  box-sizing : border-box;
  background-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  border-radius : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  color : inherit;
  min-height : 48px;
  transition : min-height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,        background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  padding : 0px;
}
/* .accordion-summary-root.collapsible-disabled {
    pointer-events: none;
    cursor: default;
} */
@media print {
  .accordion-summary-root {
    -webkit-print-color-adjust : exact;
  }
}
.accordion-summary-root:focus-visible {
  background-color : rgba(0, 0, 0, 0.12);
}
/* .accordion-summary-root.collapsible-disabled {
    opacity: 0.38;
} */
/* .accordion-summary-root:hover:not(.collapsible-disabled) {
    cursor: pointer;
} */
.accordion-summary-root.collapsible-expanded {
  /* min-height: 64px; */
}
.accordion-summary-root .accordion-summary-content {
  padding-right : 16px;
  display : flex;
  -webkit-box-pack : justify;
  justify-content : space-between;
}
.accordion-summary-content {
  display : flex;
  -webkit-box-flex : 1;
  flex-grow : 1;
  margin : 12px 0px;
  transition : margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.accordion-summary-content.collapsible-expanded {
  /* margin: 20px 0px; */
}
.accordion-summary-label-wrapper {
  display : flex;
  justify-content : center;
  align-items : center;
  -webkit-box-align : center;
  -webkit-box-pack : center;
  gap : 12px;
}
.accordion-summary-label {
  letter-spacing : 0.00938em;
  padding : 0px;
  display : block;
  transform-origin : left top;
  text-overflow : ellipsis;
  transform : none;
  position : static;
  max-width : none;
  white-space : normal;
  margin-bottom : 0px;
  pointer-events : auto;
  overflow : revert;
  /* font-size: 1rem;
    line-height: 1.5; */
  color : rgb(64, 64, 64);
  text-align : left;
  /* font-family: NNDagnyDisplayCompPro;
    font-weight: 500; */
}
/* .accordion-summary-label.collapsible-focused {
    color: rgb(25, 118, 210);
}

.accordion-summary-label.collapsible-disabled {
    color: rgba(0, 0, 0, 0.38);
}

.accordion-summary-label.collapsible-error {
    color: rgb(211, 47, 47);
} */
/* .accordion-summary-label.collapsible-focused,
.accordion-summary-label.collapsible-error,
.accordion-summary-label.collapsible-disabled {
    color: rgb(65, 65, 65);
} */
.accordion-summary-label-btm-wrapper {
  color : rgba(0, 0, 0, 0.6);
  font-family : Roboto, Helvetica, Arial, sans-serif;
  font-weight : 400;
  font-size : 0.75rem;
  line-height : 1.66;
  letter-spacing : 0.03333em;
  text-align : left;
  margin : 0px;
}
/* .accordion-summary-label-btm-wrapper.collapsible-disabled {
    color: rgba(0, 0, 0, 0.38);
}

.accordion-summary-label-btm-wrapper.collapsible-error {
    color: rgb(211, 47, 47);
} */
.accordion-summary-label-btm {
  color : rgb(65, 65, 65);
  font-family : NNDagnyTextComp;
  font-weight : normal;
  margin-top : 0px;
  margin-bottom : 0px;
  word-break : break-word;
  text-align : left;
  font-size : 1rem;
  line-height : 1.5;
}
h1+.accordion-summary-label-btm,
h2+.accordion-summary-label-btm,
h3+.accordion-summary-label-btm,
h4+.accordion-summary-label-btm,
h5+.accordion-summary-label-btm,
h6+.accordion-summary-label-btm {
  margin-top : 0px;
}
.accordion-summary-label-btm-txt {
  color : rgb(102, 102, 102);
}
/* .accordion-summary-label-btm-txt.collapsible-error {
    color: rgb(102, 102, 102);
} */
.accordion-icon-wrapper {
  display : flex;
  color : rgba(0, 0, 0, 0.54);
  transform : rotate(0deg);
  transition : transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.accordion-icon-wrapper.collapsible-expanded {
  transform : rotate(180deg);
}
.accordion-icon-content {
  display : block;
  height : 1rem;
  width : 1rem;
}
.accordion-icon-content svg {
  display : block;
  color : #414141;
  width : 100%;
  height : 100%;
}
.accordion-detail-wrapper {
  height : 0px;
  visibility : hidden;
  overflow : hidden;
  transition : height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition-duration : 217ms;
  padding-top : 0px;
  /* margin-bottom: 16px; */
  text-align : left;
}
.accordion-detail-wrapper.collapsible-expanded {
  height : auto;
  visibility : visible;
}
.accordion-detail-root {
  /* display: flex; */
  font-family : 'Noto Sans JP', sans-serif;
  color : #404040;
  font-size : 1.6rem;
  line-height : 150%;
  word-break : break-word;
  width : 100%;
  /* padding: 0px; */
  padding : 0px 0px 16px 0px;
}
.accordion-detail-button-content {
  display : inline-flex;
  position : relative;
  justify-content : center;
  align-items : center;
  -webkit-box-align : center;
  -webkit-box-pack : center;
  -webkit-tap-highlight-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  letter-spacing : 0.02857em;
  min-width : 64px;
  box-shadow : none;
  text-transform : none;
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  padding : 0px 16px;
  box-sizing : border-box;
  transition : none 0s ease 0s;
  font-size : 1rem;
  color : rgb(234, 101, 13);
  background-color : rgb(255, 255, 255);
  height : 48px;
  min-height : 48px;
  line-height : 1.5;
  border-radius : 4px;
  border-color : rgb(234, 101, 13);
  border-style : solid;
  border-width : 1px;
}
/* .accordion-detail-button-content.collapsible-disabled {
    pointer-events: none;
    cursor: default;
} */
@media print {
  .accordion-detail-button-content {
    -webkit-print-color-adjust : exact;
  }
}
.accordion-detail-button-content:hover {
  text-decoration : none;
  background-color : rgba(25, 118, 210, 0.04);
}
@media (hover: none) {
  .accordion-detail-button-content:hover {
    background-color : transparent;
  }
}
/* .accordion-detail-button-content.collapsible-disabled {
    color: rgba(0, 0, 0, 0.26);
} */
/* .accordion-detail-button-content:hover {
    box-shadow: none;
} */
/* .accordion-detail-button-content.collapsible-focusVisible {
    box-shadow: none;
} */
/* .accordion-detail-button-content:active {
    box-shadow: none;
}

.accordion-detail-button-content.collapsible-disabled {
    box-shadow: none;
} */
.accordion-detail-button-content {
  text-transform : none;
  border-radius : 4px;
  font-family : NNDagnyDisplayCompPro;
  font-weight : 500;
  padding : 0px 16px;
  box-sizing : border-box;
  transition : none 0s ease 0s;
  font-size : 1rem;
  color : rgb(234, 101, 13);
  background-color : rgb(255, 255, 255);
  height : 48px;
  min-height : 48px;
  line-height : 1.5;
  border-color : rgb(234, 101, 13);
  border-style : solid;
  border-width : 1px;
}
.accordion-detail-button-content:hover {
  border-color : rgb(230, 68, 21);
  background-color : rgb(255, 247, 238);
}
.accordion-detail-button-content:active {
  background-color : rgb(255, 247, 238);
  border-color : rgb(230, 68, 21);
}
.accordion-detail-button-content:focus-visible {
  outline : rgb(0, 75, 190) solid 2px;
  outline-offset : 0px;
}
.accordion-detail-button-txt {
  text-overflow : ellipsis;
  overflow : hidden;
  white-space : nowrap;
}
.accordion-summary-label-icon {
  display : block;
  height : 1.5rem;
  width : 1.5rem;
}
.accordion-summary-label-icon svg {
  display : block;
  color : #414141;
  width : 100%;
  height : 100%;
}
.accorodion-detail-paragraph-content {
  color : rgb(65, 65, 65);
  font-family : NNDagnyTextComp;
  font-weight : normal;
  margin-top : 32px;
  margin-bottom : 0px;
  word-break : break-word;
  text-align : left;
  font-size : 1rem;
  line-height : 1.5;
}
h1+.accorodion-detail-paragraph-content,
h2+.accorodion-detail-paragraph-content,
h3+.accorodion-detail-paragraph-content,
h4+.accorodion-detail-paragraph-content,
h5+.accorodion-detail-paragraph-content,
h6+.accorodion-detail-paragraph-content {
  margin-top : 0px;
}

.tabs-root-wrapper {
  width : 100%;
  border-bottom : 1px solid rgb(229, 222, 217);
  margin-bottom : 12px;
}
.tabs-root-wrapper .tabs-scrollers-indicator {
  background-color : rgb(234, 101, 13);
}
.tabs-root-container {
  margin : 0px -40px;
}
.tabs-root {
  overflow : hidden;
  min-height : 48px;
  display : flex;
}
@media (max-width: 767px) {
  .tabs-root .tabs-scrollbtn-left {
    visibility : hidden;
  }
}
.tabs-scrollbtn-left {
  display : inline-flex;
  position : relative;
  visibility : visible;
  justify-content : center;
  align-items : center;
  -webkit-box-align : center;
  -webkit-box-pack : center;
  box-sizing : border-box;
  -webkit-tap-highlight-color : transparent;
  background-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  border-radius : 0px;
  padding : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  color : inherit;
  width : 40px;
  flex-shrink : 0;
  opacity : 0.8;
}
.tabs-scrollbtn-left.tab-disabled {
  visibility : hidden;
  pointer-events : none;
  cursor : default;
  opacity : 0;
}
@media print {
  .tabs-scrollbtn-left {
    -webkit-print-color-adjust : exact;
  }
}
.tabs-scrollbtn-left-icon {
  user-select : none;
  width : 1em;
  height : 1em;
  display : inline-block;
  fill : currentcolor;
  flex-shrink : 0;
  transition : fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size : 1.25rem;
}
.tabs-scrollers-container {
  position : relative;
  display : inline-block;
  flex : 1 1 auto;
  white-space : nowrap;
  overflow : auto hidden;
}
.tabs-scrollers-container::-webkit-scrollbar {
  display : none;
}
.tabs-scrollers-indicator {
  position : absolute;
  height : 2px;
  bottom : 0px;
  width : 100%;
  transition : all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color : rgb(25, 118, 210);
}
.tabs-scrollers-tab {
  display : inline-flex;
  position : relative;
  justify-content : center;
  align-items : center;
  -webkit-box-align : center;
  -webkit-box-pack : center;
  -webkit-tap-highlight-color : transparent;
  outline : 0px;
  border : 0px;
  margin : 0px;
  border-radius : 0px;
  cursor : pointer;
  user-select : none;
  vertical-align : middle;
  appearance : none;
  text-decoration : none;
  font-size : 0.875rem;
  line-height : 1.25;
  letter-spacing : 0.02857em;
  max-width : 360px;
  min-height : 48px;
  flex-shrink : 0;
  padding : 12px 16px;
  white-space : normal;
  text-align : center;
  flex-direction : column;
  font-weight : bold;
  font-family : NNDagnyDisplayCompPro;
  color : black;
  text-transform : none;
  min-width : 3rem;
  overflow : hidden;
  transition : background 400ms;
  background-color : transparent;
}
.tabs-scrollers-tab.tab-disabled {
  pointer-events : none;
  cursor : default;
  color : rgba(0, 0, 0, 0.38);
}
@media print {
  .tabs-scrollers-tab {
    -webkit-print-color-adjust : exact;
  }
}
.tab-contents {
  color : rgb(65, 65, 65);
  /* font-family: NNDagnyTextComp; */
  font-weight : normal;
  margin-top : 32px;
  margin-bottom : 0px;
  word-break : break-word;
  text-align : left;
  /* font-size: 1rem; */
  line-height : 1.5;
}
h1 + .tab-contents,
h2 + .tab-contents,
h3 + .tab-contents,
h4 + .tab-contents,
h5 + .tab-contents,
h6 + .tab-contents {
  margin-top : 0px;
}
/* Ripple effect */
span.ripple {
  position : absolute;
  border-radius : 50%;
  transform : scale(0);
  animation : ripple 600ms linear;
  background-color : #e6e6e3;
  border-bottom : 1px solid rgb(234, 101, 13);
}
@keyframes ripple {
  to {        transform : scale(4);
  opacity : 0;
}
} {
}

.el_bodytext_L p {
  font-size : 20px;
  font-size : 2.0rem;
  line-height : 150%;
}
.el_bodytext_M_subtle p {
  color : color #6D6D6D;
}
.el_bodytext_S p {
  font-size : 14px;
  font-size : 1.4rem;
  line-height : 150%;
}
.el_bodytext_S li {
  font-size : 14px;
  font-size : 1.4rem;
  line-height : 150%;
}

.icon-imagebox:not(:first-child) {
  margin-top : 48px;
}
.icon-imagebox + .base-imagebox {
  margin-top : 50px;
}
.base-text + .icon-imagebox {
  margin-top : 20px;
}
.icon-imagebox h2:first-of-type {
  display : block;
  width : 100%;
  margin-bottom : 16px;
  margin-bottom : 1.6rem;
  color : #1A1A1A;
  margin-left : 8px;
  margin-left : 0.8rem;
}
.icon-imagebox .flexbox > div {
  display : flex;
  flex-wrap : wrap;
  margin-left : 0;
  　align-items : center;
}
/*.icon-imagebox .box {
	width: 100%;
	z-index: auto!important;
}
*/
.icon-imagebox .box {
  width : calc(100% - 166px);
  order : 2;
  margin-left : 24px;
  margin-left : 2.4rem;
}
.icon-imagebox .box .text {
  padding-top : 8px;
}
.icon-imagebox .iconbox {
  width : 140px;
  order : 1;
  /* margin-left: 0;  */
  margin-left : auto;
}
.icon-imagebox .h2:not(:first-child) {
  margin-top : 20px;
}
.icon-imagebox .h2-gray > div {
  padding : 10px;
  background : #f1edeb;
  border-radius : 4px;
}
.icon-imagebox .h2 {
  color : #1A1A1A;
}
.icon-imagebox .h3:not(:first-child) {
  margin-top : 15px;
}
.icon-imagebox .h4:not(:first-child) {
  margin-top : 15px;
}
.icon-imagebox .h4 h4 {
  color : #1A1A1A;
}
.icon-imagebox .text:not(:first-child) {
  margin-top : 15px;
}
.icon-imagebox .link:not(:first-child) {
  margin-top : 20px;
}
.icon-imagebox .link > div {
  position : relative;
  padding-left : 30px;
}
.icon-imagebox .link > div:before {
  content : '';
  position : absolute;
  top : -1px;
  left : 0;
  width : 20px;
  height : 20px;
  background : #ea650d;
  border-radius : 50%;
}
.icon-imagebox .link > div:after {
  content : '';
  position : absolute;
  top : 4px;
  left : 8px;
  border : 5px solid transparent;
  border-left : 5px solid #fff;
}
.icon-imagebox .link-right > div {
  display : table;
  min-width : 50px;
  margin-left : auto;
}
.icon-imagebox .image:not(:first-child) {
  margin-top : 5px;
}
.icon-imagebox .image > div {
  text-align : center;
}
.icon-imagebox .youtube:not(:first-child) {
  margin-top : 5px;
}
.icon-imagebox .youtube img {
  border-radius : 0;
  width : 100%;
}
.icon-imagebox .youtube a {
  position : relative;
  display : table;
  margin : 0 auto;
}
.icon-imagebox .youtube a:after {
  content : '';
  position : absolute;
  top : 0;
  bottom : 0;
  left : 0;
  right : 0;
  margin : auto;
  z-index : 2;
  width : 0;
  height : 0;
  border-top : 10px solid transparent;
  border-bottom : 10px solid transparent;
  border-left : 15px solid #fff;
  pointer-events : none;
}
.icon-imagebox .youtube a:before {
  content : '';
  position : absolute;
  top : 0;
  bottom : 0;
  left : 0;
  right : 0;
  margin : auto;
  z-index : 1;
  width : 68px;
  height : 48px;
  background : rgba(0,0,0,.6);
  border-radius : 15px;
  pointer-events : none;
  transition : all .3s;
}
.icon-imagebox .youtube a:hover:before {
  background : rgba(255,0,0,.7);
}
.icon-imagebox .caption:not(:first-child) {
  margin-top : 15px;
}
.icon-imagebox .caption > div {
  text-align : center;
}
.icon-imagebox .list:not(:first-child) {
  margin-top : 20px;
}
.icon-imagebox .list a {
  color : #ea650d;
}
.icon-imagebox .list li {
  position : relative;
  padding-left : 14px;
}
.icon-imagebox .list li:not(:first-child) {
  margin-top : 10px;
}
.icon-imagebox .list li:before {
  content : '';
  position : absolute;
  top : .5em;
  left : 2px;
  width : 5px;
  height : 5px;
  background : #ccc;
  border-radius : 50%;
}
.icon-imagebox .notes:not(:first-child) {
  margin-top : 20px;
}
.icon-imagebox .notes a {
  color : #ea650d;
}
.icon-imagebox .notes li {
  position : relative;
  padding-left : 15px;
  font-size : 88%;
}
.icon-imagebox .notes li:not(:first-child) {
  margin-top : 4px;
}
.icon-imagebox .notes li:before {
  content : '��';
  position : absolute;
  left : 0;
}
.icon-imagebox .gray:not(:first-child) {
  margin-top : 20px;
}
.icon-imagebox .gray > div {
  padding : 20px;
  background : #f1edeb;
  border-radius : 4px;
}
.icon-imagebox .table:not(:first-child) {
  margin-top : 20px;
}
.icon-imagebox .table th:first-child {
  padding-left : 0;
}
.icon-imagebox .table thead th {
  border-right : 1px solid #999;
}
.icon-imagebox .table tbody th,
.icon-imagebox .table tbody td {
  border-right : 1px solid #999;
  border-bottom : 1px solid #999;
}
.icon-imagebox .table tbody tr:first-child th,
.icon-imagebox .table tbody tr:first-child td {
  border-top : 2px solid #ea650d;
}
@media screen and (max-width: 767px) {
  .icon-imagebox .table tr,
	.icon-imagebox .table th,
	.icon-imagebox .table td {
    display : block;
    width : 100%!important;
    height : auto!important;
  }
  .icon-imagebox .table table th {
    font-size : 90%;
  }
  .icon-imagebox .table table th:first-child {
    padding-right : 0;
  }
  .icon-imagebox .table tbody th {
    padding-top : 7px;
    padding-bottom : 5px;
  }
  .icon-imagebox .table th:empty,
	.icon-imagebox .table td:empty {
    padding : 0;
    border : none;
  }
  .icon-imagebox .table thead th,
	.icon-imagebox .table tbody th,
	.icon-imagebox .table tbody td,
	.icon-imagebox .table tbody tr:first-child th,
	.icon-imagebox .table tbody tr:first-child td {
    border : none;
    border-bottom : 1px solid #999;
  }
  .icon-imagebox .table thead tr:first-child th:first-child {
    border-bottom : 2px solid #ea650d;
  }
  .icon-imagebox .table colgroup + tbody tr:first-child th:first-child {
    border-top : 2px solid #ea650d;
  }
  .icon-imagebox .box .text {
    padding-top : 0px;
  }
}
/*  imagebox-gray
------------------------------------------------*/
.icon-imagebox-gray > div {
  padding : 24px;
  padding : 2.4rem;
  background : #f1edeb;
  border-radius : 4px;
}
@media screen and (max-width: 767px) {
  .icon-imagebox .iconbox {
    width : 75px;
    width : 7.5rem;
    margin-left : 0;
  }
  .icon-imagebox-gray > div {
    padding : 20px 20px 20px 16px;
    padding : 2.0rem 2.0rem 2.0rem 1.6rem;
  }
  .icon-imagebox .box {
    width : calc(100% - 85px);
    order : 2;
    margin-left : 8px;
    margin-left : 0.8rem;
  }
/* margin-top: 20px; */
  /* padding-top: 20px; */
		/* border-top: 1px solid #e5ded9; */
       /* margin-top: 0;
		padding-top: 0;
		border-top: none;
	} */ {
  }
}

.square-imagebox:not(:first-child) {
  margin-top : 48px;
}
.square-imagebox + .base-imagebox {
  margin-top : 50px;
}
.base-text + .square-imagebox {
  margin-top : 20px;
}
.square-imagebox h2:first-of-type {
  display : block;
  width : 100%;
  margin-bottom : 24px;
  margin-bottom : 2.4rem;
  color : #1a1a1a;
  /* margin-left: 8px; */
  /* margin-left: 0.8rem;  */
}
.square-imagebox h3:first-of-type {
  display : block;
  width : 100%;
  margin-bottom : 24px;
  margin-bottom : 2.4rem;
  color : #1a1a1a;
}
.square-imagebox .flexbox1 > div {
  display : flex;
  flex-wrap : wrap;
  margin-left : 0;
  /* align-items: center; */
  align-items : flex-start;
  height : 220px;
}
.square-imagebox .flexbox2 > div {
  display : flex;
  flex-wrap : wrap;
  margin-left : 0;
  /* align-items: center; */
  align-content : space-between;
  height : 220px;
}
.square-imagebox .link-line {
  width : 100%;
  border-top : 1px solid #E6DFDA;
  border-bottom : 1px solid #E6DFDA;
}
.square-imagebox .link-line p {
  margin-top : 15px;
  margin-bottom : 15px;
}
/*.square-imagebox .box {
	width: 100%;
	z-index: auto!important;
}
*/
.square-imagebox .box {
  width : calc(100% - 246px);
  order : 2;
  margin-left : 24px;
  margin-left : 2.4rem;
}
.square-imagebox .box .text {
  /* padding-top:8px; */
}
.square-imagebox .squarebox {
  width : 220px;
  order : 1;
  /* margin-left: 0;  */
  margin-left : auto;
}
.square-imagebox .h2:not(:first-child) {
  margin-top : 20px;
}
.square-imagebox .h2-gray > div {
  padding : 10px;
  background : #f1edeb;
  border-radius : 4px;
}
.square-imagebox .h2 {
  color : #1a1a1a;
}
.square-imagebox .h3:not(:first-child) {
  margin-top : 15px;
}
.square-imagebox .h4:not(:first-child) {
  margin-top : 15px;
}
.square-imagebox .h4 h4 {
  color : #1a1a1a;
}
.square-imagebox .text:not(:first-child) {
  margin-top : 15px;
}
.square-imagebox .link:not(:first-child) {
  margin-top : 20px;
}
.square-imagebox .link > div {
  position : relative;
  padding-left : 30px;
}
.square-imagebox .link > div:before {
  content : '';
  position : absolute;
  top : -1px;
  left : 0;
  width : 20px;
  height : 20px;
  background : #ea650d;
  border-radius : 50%;
}
.square-imagebox .link > div:after {
  content : '';
  position : absolute;
  top : 4px;
  left : 8px;
  border : 5px solid transparent;
  border-left : 5px solid #fff;
}
.square-imagebox .link-right > div {
  display : table;
  min-width : 50px;
  margin-left : auto;
}
.square-imagebox .image:not(:first-child) {
  margin-top : 5px;
}
.square-imagebox .image > div {
  text-align : center;
}
.square-imagebox .youtube:not(:first-child) {
  margin-top : 5px;
}
.square-imagebox .youtube img {
  border-radius : 0;
  width : 100%;
}
.square-imagebox .youtube a {
  position : relative;
  display : table;
  margin : 0 auto;
}
.square-imagebox .youtube a:after {
  content : '';
  position : absolute;
  top : 0;
  bottom : 0;
  left : 0;
  right : 0;
  margin : auto;
  z-index : 2;
  width : 0;
  height : 0;
  border-top : 10px solid transparent;
  border-bottom : 10px solid transparent;
  border-left : 15px solid #fff;
  pointer-events : none;
}
.square-imagebox .youtube a:before {
  content : '';
  position : absolute;
  top : 0;
  bottom : 0;
  left : 0;
  right : 0;
  margin : auto;
  z-index : 1;
  width : 68px;
  height : 48px;
  background : rgba(0,0,0,.6);
  border-radius : 15px;
  pointer-events : none;
  transition : all .3s;
}
.square-imagebox .youtube a:hover:before {
  background : rgba(255,0,0,.7);
}
.square-imagebox .caption:not(:first-child) {
  margin-top : 15px;
}
.square-imagebox .caption > div {
  text-align : center;
}
.square-imagebox .list:not(:first-child) {
  margin-top : 20px;
}
.square-imagebox .list a {
  color : #ea650d;
}
.square-imagebox .list li {
  position : relative;
  padding-left : 14px;
}
.square-imagebox .list li:not(:first-child) {
  margin-top : 10px;
}
.square-imagebox .list li:before {
  content : '';
  position : absolute;
  top : .5em;
  left : 2px;
  width : 5px;
  height : 5px;
  background : #ccc;
  border-radius : 50%;
}
.square-imagebox .notes:not(:first-child) {
  margin-top : 20px;
}
.square-imagebox .notes a {
  color : #ea650d;
}
.square-imagebox .notes li {
  position : relative;
  padding-left : 15px;
  font-size : 88%;
}
.square-imagebox .notes li:not(:first-child) {
  margin-top : 4px;
}
.square-imagebox .notes li:before {
  content : '※';
  position : absolute;
  left : 0;
}
.square-imagebox .gray:not(:first-child) {
  margin-top : 20px;
}
.square-imagebox .gray > div {
  padding : 20px;
  background : #f1edeb;
  border-radius : 4px;
}
.square-imagebox .table:not(:first-child) {
  margin-top : 20px;
}
.square-imagebox .table th:first-child {
  padding-left : 0;
}
.square-imagebox .table thead th {
  border-right : 1px solid #999;
}
.square-imagebox .table tbody th,
.square-imagebox .table tbody td {
  border-right : 1px solid #999;
  border-bottom : 1px solid #999;
}
.square-imagebox .table tbody tr:first-child th,
.square-imagebox .table tbody tr:first-child td {
  border-top : 2px solid #ea650d;
}
/*  imagebox-gray
------------------------------------------------*/
.square-imagebox-gray > div {
  padding : 24px;
  padding : 2.4rem;
  background : #f1edeb;
  border-radius : 4px;
}
@media screen and (max-width: 767px) {
  .square-imagebox {
    display : block;
  }
  .square-imagebox > div {
    display : block;
  }
  .square-imagebox .flexbox1 > div {
    display : block!important;
    /* flex-wrap: wrap; */
    /* margin-left: 0; */
    /* align-items: center; */
    /* align-items: flex-start; */
    height : auto;
  }
  .square-imagebox .flexbox2 > div {
    display : block!important;
    /* flex-wrap: wrap; */
    /* margin-left: 0; */
    /* align-items: center; */
    /* align-content: space-between; */
    height : auto;
  }
  .square-imagebox h2:first-of-type {
    width : calc(100% - 20px);
    margin : auto;
    padding-bottom : 24px;
    padding-bottom : 2.4rem;
  }
  .square-imagebox .squarebox {
    /* width:75px;
	  	width:7.5rem; */
    display : block;
    margin-left : 0;
    width : 180px;
    width : 18rem;
    height : 18rem;
    margin : 0 auto;
  }
  .square-imagebox-gray > div {
    padding : 20px 20px 20px 16px;
    padding : 2.0rem 2.0rem 2.0rem 1.6rem;
  }
  .square-imagebox .box {
    display : block;
    width : calc(100% - 20px);
    /* order: 2; */
    margin-left : 0px;
    margin-left : 0rem;
    /* width: 100%; */
    /* margin-top: 24px; */
    margin : 0 auto;
    padding-top : 24px;
    height : auto;
  }
  .square-imagebox .box .text {
    display : block;
    padding-top : 0px;
  }
  .square-imagebox .link-line {
    display : block;
    width : 100%;
    border-top : 1px solid #E6DFDA;
    border-bottom : 1px solid #E6DFDA;
    margin-top : 16px;
  }
  .square-imagebox .link-line p {
    font-size : 14px;
    font-size : 1.4rem;
    margin-right : 0.8rem;
  }
  .square-imagebox .base-arrowlink > div {
    padding-left : 2.4rem;
  }
/* margin-top: 20px; */
  /* padding-top: 20px; */
		/* border-top: 1px solid #e5ded9; */
       /* margin-top: 0;
		padding-top: 0;
		border-top: none;
	} */ {
  }
}

.el_table:not(:first-child) {
  margin-top : 20px;
}
.el_table a {
  color : #ea650d;
}
.el_table td > a[href$='.pdf']:not(.no-icon),
.el_table td > p > a[href$='.pdf']:not(.no-icon) {
  color : #414141;
  padding-left : 25px;
  background : url("/../images/icon_download.png") no-repeat;
  display : inline-block;
}
.el_table .no-icon img {
  border-radius : 0;
}
.el_table .icon-orange,
.el_table .icon-gray,
.el_table .icon-red,
.el_table .icon-yellow {
  display : inline-block;
  padding : 5px 10px;
  color : #fff;
  border-radius : 4px;
}
.el_table .icon-orange {
  background : #ea650d;
}
.el_table .icon-gray {
  background : #666;
}
.el_table .icon-red {
  background : #e64415;
}
.el_table .icon-yellow {
  background : #f5deb3;
  color : #ea650d;
}
.el_table th:first-child {
  padding-left : 0;
}
.el_table thead tr {
  box-shadow : inset 0px -2px 0px #6D6D6D;
}
.el_table thead th {
  /* border-right: 1px solid #999; */
}
.el_table tbody th,
.el_table tbody td {
  /* border-right: 1px solid #999; */
  /* border-bottom: 1px solid #999; */
  box-shadow : inset 0px -1px 0px #E6DFDA;
}
.el_table tbody tr:first-child th,
.el_table tbody tr:first-child td {
  /* border-top: 2px solid #ea650d; */
}
.el_table ul {
  display : inline-block;
  text-align : left;
}
.el_table ul > li {
  position : relative;
  padding-left : 15px;
}
.el_table ul > li:not(:first-child) {
  margin-top : 5px;
}
.el_table ul > li:before {
  content : '';
  position : absolute;
  top : .5em;
  left : 3px;
  width : 5px;
  height : 5px;
  background : #ccc;
  border-radius : 50%;
}
.el_table ol {
  padding-left : 20px;
  list-style-type : decimal;
}
.el_table ol li {
  margin-top : 8px;
}
.el_table li a {
  color : #414141;
}
@media screen and (max-width: 767px) {
  .el_table colgroup {
    display : none;
  }
  .el_table tr,
	.el_table th,
	.el_table td {
    display : block;
    width : 100%;
    height : auto!important;
  }
  .el_table table th {
    font-size : 90%;
  }
  .el_table table th:first-child {
    padding-right : 0;
  }
  .el_table tbody th {
    padding-top : 7px;
    padding-bottom : 5px;
  }
  .el_table th:empty,
	.el_table td:empty {
    padding : 0;
    border : none;
  }
  .el_table thead th,
	.el_table tbody th,
	.el_table tbody td,
	.el_table tbody tr:first-child th,
	.el_table tbody tr:first-child td {
    border : none;
    /* border-bottom: 1px solid #999; */
  }
  .el_table thead tr:first-child th:first-child {
    /* border-bottom: 2px solid #ea650d; */
    box-shadow : inset 0px -1px 0px #E6DFDA;
  }
  .el_table thead tr:first-child th:nth-child(2) {
    box-shadow : inset 0px -1px 0px #E6DFDA;
  }
  .el_table colgroup + tbody tr:first-child th:first-child,
	.el_table tbody:only-child tr:first-child th:first-child {
    border-top : 2px solid #ea650d;
  }
}
/*  el_table-horizontal6
------------------------------------------------*/
.el_table-horizontal6 thead th,
.el_table-horizontal6 tbody td {
  vertical-align : middle;
}
.el_table-horizontal6 ul {
  display : flex;
  align-items : flex-end;
  margin : -10px;
}
.el_table-horizontal6 ul > li {
  width : 16.6%;
  padding : 10px 0;
  text-align : center;
  line-height : 1.2;
}
.el_table-horizontal6 ul > li:not(:first-child) {
  margin-top : 0;
}
.el_table-horizontal6 li:before {
  display : none;
}
.el_table-horizontal6 .left {
  padding : 10px 0;
  text-align : center;
  line-height : 110%;
}
.el_table-horizontal6 .left-f {
  padding : 10px 0;
  text-align : center;
  line-height : 110%;
  vertical-align : middle;
}
@media screen and (max-width: 767px) {
  .el_table-horizontal6 .left {
    float : left;
    width : 16.6%;
    padding : 10px 0;
    text-align : center;
    font-size : 85%;
    line-height : 110%;
  }
  .el_table-horizontal6 .left-f {
    float : left;
    width : 16.6%;
    padding : 20px 0;
    text-align : center;
    line-height : 110%;
  }
  .el_table-horizontal6 thead tr {
    overflow : hidden;
  }
  .el_table-horizontal6 .clear::after {
    content : '';
    display : block;
    clear : both;
  }
  .el_table-horizontal3 .left {
    width : 33%;
  }
}

.el_stickytable:not(:first-child) {
  margin-top : 20px;
}
.el_stickytable th:first-child {
  /* border-right: 1px solid #999; */
  border : none;
  padding-left : 0;
}
.el_stickytable th:last-child,
.el_stickytable td:last-child {
  /* border-right: 1px solid #999; */
  border : none;
}
.el_stickytable thead th {
  /* border-bottom: 2px solid #ea650d; */
  box-shadow : inset 0px -2px 0px #6D6D6D;
}
.el_stickytable tbody th,
.el_stickytable tbody td {
  /* border-bottom: 1px solid #999; */
  box-shadow : inset 0px -1px 0px #E6DFDA;
}
.el_stickytable td > a[href$='.pdf']:not(.no-icon),
.el_stickytable td > p > a[href$='.pdf']:not(.no-icon) {
  /* color: #414141; */
  padding-left : 28px;
  background : url("/../library/nnds/images/forms-24px.svg") no-repeat;
  background-size : 24px;
  display : inline-block;
  color : #1A1A1A;
  text-decoration-line : underline;
}
.el_stickytable td > a[href$='.pdf']:not(.no-icon):hover,
.el_stickytable td > p > a[href$='.pdf']:not(.no-icon):hover {
  transition : unset;
  text-decoration : underline 1.5px #EA650D;
  text-underline-offset : 3px;
  /* border-bottom: 1.5px solid #EA650D; */
}
@media screen and (max-width: 767px) {
  .el_stickytable > div {
    overflow : auto;
    -webkit-overflow-scrolling : touch;
  }
  .el_stickytable > div::-webkit-scrollbar {
    height : 10px;
  }
  .el_stickytable > div::-webkit-scrollbar-thumb {
    background : #C4C4C4;
    /* border-radius: 10px; */
    border-radius : 99px;
    transform : rotate(-90deg);
  }
  .el_stickytable > div::-webkit-scrollbar-track {
    background : #FFFFFF;
    border-radius : 10px;
  }
  .el_stickytable > div > div table {
    width : 450px;
    margin-bottom : 3px;
    /* table-layout: fixed; */
  }
  .el_stickytable th:first-child {
    width : 150px;
    position : sticky;
    top : 0;
    left : 0;
    background : #fff;
    border-right : none;
    word-break : break-word;
    /* box-shadow: 0px 4px 12px rgba(65, 65, 65, 0.15); */
  }
  .el_stickytable thead th {
    width : 150px;
    box-shadow : 0px -2px 0px 0px #6D6D6D inset;
  }
  .el_stickytable tbody th {
    width : 150px;
  }
  .el_stickytable th:last-child,
    .el_stickytable td:last-child {
    /* border-right: 1px solid #999; */
    border : none;
  }
  .el_stickytable th:first-child:after {
    content : '';
    position : absolute;
    top : 0;
    right : 0;
    width : 100%;
    height : 100%;
    /* background: #999; */
    box-shadow : 0px 4px 12px rgba(65, 65, 65, 0.15);
    pointer-events : none;
  }
  .el_stickytable thead th {
    white-space : nowrap;
  }
   {
  }
}
.el_stickytable_pc > div {
  overflow : auto;
}
.el_stickytable_pc th:first-child {
  width : 150px;
  position : sticky;
  top : 0;
  left : 0;
  background : #fff;
  opacity : 1;
  border-right : none;
  word-break : break-word;
}
.el_stickytable_pc thead th {
  width : 150px;
  box-shadow : 0px -2px 0px 0px #6D6D6D inset;
}
/* spでもstickyしないtable */
.el_no-stickytable:not(:first-child) {
  margin-top : 20px;
}
.el_no-stickytable th:first-child {
  border : none;
  padding-left : 0;
}
.el_no-stickytable th:last-child,
.el_no-stickytable td:last-child {
  border : none;
}
.el_no-stickytable thead th {
  box-shadow : inset 0px -2px 0px #6D6D6D;
}
.el_no-stickytable tbody th,
.el_no-stickytable tbody td {
  box-shadow : inset 0px -1px 0px #E6DFDA;
}
.el_no-stickytable td > a[href$='.pdf']:not(.no-icon),
.el_no-stickytable td > p > a[href$='.pdf']:not(.no-icon) {
  padding-left : 28px;
  background : url("/../library/nnds/images/forms-24px.svg") no-repeat;
  background-size : 24px;
  display : inline-block;
  color : #1A1A1A;
  text-decoration-line : underline;
}
.el_no-stickytable td > a[href$='.pdf']:not(.no-icon):hover,
.el_no-stickytable td > p > a[href$='.pdf']:not(.no-icon):hover {
  transition : unset;
  text-decoration : underline 1.5px #EA650D;
  text-underline-offset : 3px;
}

.tel-iconLeft:not(:first-child) {
  margin-top : 20px;
  margin-top : 2.0rem;
}
.tel-icon > div {
  padding : 10px 0 9px 32px;
  background : url("/library/nnds/images/phone-24px.svg") no-repeat 0 15px;
  background-size : 25px 25px;
  font-weight : bold;
  font-size : 140%;
}

.el_list:not(:first-child) {
  margin-top : 20px;
}
.el_line + .el_list {
  margin-top : 40px;
}
.el_list li {
  position : relative;
  /* padding-left: 15px; */
  font-weight : bold;
}
.el_list li a {
  color : var(--color-link-primary-text, #1A1A1A);
  font-weight : 700;
  line-height : 150%;
}
.el_list li a:hover {
  text-decoration-line : underline;
}
.el_list li:not(:first-child) {
  margin-top : 10px;
}
/* .el_list li:before {
    content: '';
    position: absolute;
    top: .3em;
    left: 1px;
    border: 4px solid transparent;
    border-left: 4px solid #ea650d;
} */
.el_list ul ul li {
  margin-top : 10px;
}
/*  list-horizon
------------------------------------------------*/
.el_list-horizon ul {
  display : flex;
  flex-wrap : wrap;
  margin : -5px -10px;
}
.el_list-horizon li:first-child {
  margin : 5px 10px 5px 2px;
}
.el_list-horizon li:not(:first-child) {
  margin : 5px 10px;
}

.list-unorderd-default:not(:first-child) {
  margin-top : 20px;
}
.list-unorderd-default div > ul > li {
  position : relative;
  padding-left : 24px;
  line-height : 1.5;
}
.list-unorderd-default div > ul > li:not(:first-child) {
  margin-top : 10px;
}
.list-unorderd-default div > ul > li:before {
  content : '';
  position : absolute;
  top : calc(1em * 1.5 / 2 - 0.05em);
  left : 2px;
  width : 6px;
  height : 6px;
  background : #6D6D6D;
  border-radius : 50%;
}
/*  attentional */
.list-unorderd-attentional:not(:first-child) {
  margin-top : 20px;
}
.list-unorderd-attentional div > ul > li:before {
  content : '';
  position : absolute;
  top : 0.9rem;
  left : 2px;
  width : 6px;
  height : 6px;
  background : #1a1a1a;
  border-radius : 50%;
}
/*  ordered */
.list-orderd-default:not(:first-child) {
  margin-top : 20px;
}
.list-orderd-default div > ol {
  position : relative;
  padding-left : 17px;
  list-style-type : decimal;
}
.list-orderd-default div > ol > li {
  padding-left : 7px;
}
.list-orderd-default div > ol > li:not(:first-child) {
  margin-top : 10px;
}
/*  ordered attentional */
.list-orderd-attentional:not(:first-child) {
  margin-top : 20px;
}
.list-orderd-attentional div > ol {
  position : relative;
  /* padding-left: 17px; */
  list-style-type : none;
  /* counter-reset: list-counter 1; */
}
.list-orderd-attentional div > ol > li {
  position : relative;
  counter-increment : list-counter;
  /* padding-left: 42px; */
  padding : 16px 16px 16px 42px;
}
.list-orderd-attentional div > ol > li:before {
  content : counter(list-counter);
  position : absolute;
  left : 0;
  /* top: 50%;
        transform: translateY(-50%); */
  background-color : white;
  color : #1a1a1a;
  border : 3px solid #ea650d;
  border-radius : 50%;
  width : 24px;
  height : 24px;
  display : flex;
  align-items : center;
  justify-content : center;
  font-weight : bold;
  font-weight : 700;
  /* content:"";
    position: absolute;
	top: 0.9rem;
	left: 2px;
	width: 6px;
	height: 6px;
	fill: var(--color-form-select-menu-item-text-data-states-selected, #FFF);
stroke-width: 2px;
stroke: var(--color-list-item-marker-attentional, #EA650D);;
	border-radius: 50%; */
}
.list-orderd-attentional div > ol > li:not(:first-child) {
  margin-top : 10px;
}

.visually-hidden {
  /* コンテンツの流れから切り離す */
  position : absolute;
  /* 誤ったコードに対処するための回避策 */
  white-space : nowrap;
  /* 可能な限り文字サイズを小さくするための処理
   * (スクリーンリーダー中には height と width が 0 のものを無視するため)
   */
  width : 1px;
  height : 1px;
  /* オーバーフローしているコンテンツを隠す */
  overflow : hidden;
  /* 要素サイズを変更しうるプロパティのリセット */
  border : 0;
  padding : 0;
  /* 要素のどの部分が表示されるかを定義するもの */
  /* 古いブラウザでは使用できない */
  clip : rect(0 0 0 0);
  /* 最近のブラウザ用
   * コンテンツを非表示にする設定  */
  clip-path : inset(50%);
  /* 今現在なぜ-1pxがここで設定されるかは分かっていないそうです。
   * それに加えていくつか問題もあるそうです 
   * (参考: https://github.com/h5bp/html5-boilerplate/issues/1985)
   */
  margin : -1px;
}

.text-subtle {
  color : #6d6d6d;
}

.card-mixpanel:not(:first-child) {
  margin-top : 20px;
}
.card-mixpanel > div {
  display : flex;
  flex-wrap : wrap;
  margin : 0 -5px;
}
.card-mixpanel .card {
  width : calc(33.3% - 16px);
  margin : 8px 8px;
  z-index : auto!important;
  position : relative;
}
.card-mixpanel .card:nth-child(n+4) {
  margin-top : 10px;
}
.card-mixpanel .card > div {
  display : flex;
  flex-direction : column;
  height : 100%;
  padding : 16px;
  /* border: 1px solid #E5DED9;
	border-radius: 4px; */
  /* transition: all .3s; */
}
.card-mixpanel .card > div:hover {
  /* border-color: #ea650d; */
}
.card-mixpanel .card-h2,
.card-mixpanel .card-text,
.card-mixpanel .card-link {
  width : 100%;
}
.card-mixpanel .card-text:not(:first-child) {
  margin-top : 15px;
}
.card-mixpanel .card-text {
  margin-bottom : 2.0rem;
}
.card-mixpanel .card-link {
  margin-top : auto;
}
.card-mixpanel .card-link > div {
  margin-top : 20px;
}
.card-mixpanel .h2 {
  color : #1A1A1A;
}
.card-mixpanel .subtitle:not(:first-child) {
  margin-top : 10px;
}
.card-mixpanel .subtitle > div {
  color : #6D6D6D;
}
.card-mixpanel .card-image {
  /* display : inline-block; */
  margin : -16px -16px 0px;
}
.card-mixpanel .card-image img {
  border-radius : 4px 4px 0px 0px;
}
.card-mixpanel .image img {
  width : 100%;
}
.card-mixpanel .card-h2,.card-mixpanel .card-h3 {
  padding-top : 16px;
}
.card-mixpanel .text {
  padding-top : 8px;
  font-weight : 400;
}
.card-mixpanel .text:not(:first-child) {
  margin-top : 15px;
}
.card-mixpanel .arrow:not(:first-child) {
  margin-top : 5px;
}
.card-mixpanel .arrow > div {
  position : relative;
  padding-left : 30px;
}
.card-mixpanel .arrow > div:before {
  /* content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #ea650d;
    border-radius: 50%; */
}
.card-mixpanel .arrow > div:after {
  /* content: '';
    position: absolute;
    top: 4px;
    left: 8px;
    border: 5px solid transparent;
    border-left: 5px solid #fff; */
}
.card-mixpanel .arrow > div {
  padding-left : 26px;
  padding-left : 2.6rem;
  background-image : url("/../../nnds/images/iconRight.svg");
  background-repeat : no-repeat;
  background-size : 1.1rem;
  background-position : left 4px top 2px;
}
.card-mixpanel .arrow a {
  color : #1A1A1A;
  vertical-align : text-top;
}
.card-arrowlink {
  margin-top : auto !important;
}
.card-arrowlink a:hover {
  transition : unset;
  /* text-decoration-line : none; */
  text-decoration-line : underline;
  /* border-bottom : 1.5px solid #EA650D; */
}
.card-arrowlink a::before {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
  border : 1px solid #E6DFDA;
  border-radius : 4px;
}
.card-arrowlink a:hover::before {
  box-shadow : 0px 1px 2px rgba(102, 102, 102, 0.1), 0px 1px 6px rgba(128, 128, 128, 0.1), 0px 2px 16px rgba(114, 114, 114, 0.08);
  border-radius : 4px;
  border : none;
}
.card-arrowlink a:focus-visible {
  transition : unset;
  border : 2px solid #524E91;
}
.card-arrowlink a:not(:only-child):first-child {
  margin-right : 20px;
  margin-right : 2.0rem;
}
@media screen and (max-width: 767px) {
  .card-arrowlink a:not(:only-child):first-child {
    display : block;
    margin : 0 0 10px;
    margin : 0 0 1.0rem;
  }
}
.card-mixpanel .question:not(:first-child) {
  margin-top : 5px;
}
.card-mixpanel .question > div {
  /* padding-left: 30px; */
  /* background: url("/../images/icon_question.png") no-repeat; */
  padding-left : 26px;
  padding-left : 2.6rem;
  background-image : url("/../../nnds/images/questionmark-24px_1.png");
  background-repeat : no-repeat;
  background-size : 2.1rem;
  background-position : left -1px top 0px;
}
.card-mixpanel .h4:not(:first-child) {
  margin-top : 10px;
}
@media screen and (max-width: 767px) {
  .card-mixpanel .card {
    width : 100%;
  }
  .card-mixpanel .card:not(:first-child) {
    margin-top : 10px;
  }
}
.card-mixpanel .flex-1 {
  flex : 1;
  height : 100%;
  min-height : 0%;
}
.card-mixpanel .flex-2 {
  flex : 2;
  height : 100%;
  min-height : 0%;
}
.card-mixpanel .flex-3 {
  flex : 3;
  height : 100%;
  min-height : 0%;
}
.card-mixpanel .flex-14 {
  flex : 14;
  height : 100%;
  min-height : 0%;
}
.card-mixpanel .flex-15 {
  flex : 15;
  height : 100%;
  min-height : 0%;
}
@media screen and (max-width: 767px) {
  .card-mixpanel .flex-1,.card-mixpanel .flex-2,
  .card-mixpanel .flex-3,.card-mixpanel .flex-14,
  .card-mixpanel .flex-15 {
    flex : unset;
    height : auto;
    min-height : auto;
  }
}
.card-alllink {
  /* margin-top: auto !important; */
}
.card-alllink .card >div {
  border : none;
}
.card-alllink a:hover {
  transition : unset;
  text-decoration-line : none;
  /* text-decoration-line: underline; */
  /* border-bottom : 1.5px solid #EA650D; */
}
.card-alllink a::before {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
  border : 1px solid #E6DFDA;
  border-radius : 4px;
}
.card-alllink a:hover::before {
  box-shadow : 0px 1px 2px rgba(102, 102, 102, 0.1), 0px 1px 6px rgba(128, 128, 128, 0.1), 0px 2px 16px rgba(114, 114, 114, 0.08);
  border-radius : 4px;
  border : none;
}
.card-alllink a:focus-visible {
  transition : unset;
  border : 2px solid #524E91;
}
/* .card-alllink a:not(:only-child):first-child {
      margin-right: 20px;
      margin-right: 2.0rem;
  } */

.circle-bg {
  position : relative;
  display : inline-block;
  /* margin : 1.5em 0; */
  padding : 0 5px;
  width : 170px;
  height : 170px;
  text-align : center;
  color : #404040;
  font-weight : bold;
  vertical-align : middle;
  background : #E6DFDA;
  border-radius : 50%;
  box-sizing : border-box;
}
.circle-bg > div > div {
  height : 170px;
}
.circle-bg p {
  position : absolute;
  top : 50%;
  width : 110px;
  left : 50%;
  -webkit-transform : translateX(-50%) translateY(-50%);
  transform : translateX(-50%) translateY(-50%);
}

.txt-center {
  text-align : center;
}

.el_tile:not(:first-child) {
  margin-top : 20px;
}
.el_tile > div {
  display : flex;
  flex-wrap : wrap;
  margin : 0 -3px;
}
.el_tile .box {
  width : calc(33.3% - 13px);
  margin : 0 13px 0 3px;
  z-index : auto!important;
}
.el_tile .box-4 {
  width : calc(25% - 13px);
  margin : 13px 0px 13px 13px;
  z-index : auto!important;
}
.el_tile .box:nth-child(3n) {
  margin-right : 3px;
}
.el_tile .box:nth-child(n+4) {
  margin-top : 16px;
}
.el_tile .box:last-child,.el_tile .box:nth-last-child(2),.el_tile .box:nth-last-child(3) {
  /* margin-bottom: 16px; */
}
.el_tile .box > div {
  position : relative;
  height : 100%;
  /* padding: 20px 24px 15px; */
  padding : 16px;
  text-align : center;
  /* border: 1px solid #cac7c7;    前の  */
  border : 1px solid var(--border-color-card-default, #E6DFDA);
  border-radius : 4px;
  display : flex;
  flex-direction : column;
  justify-content : space-around;
}
.el_tile .box-orange > div {
  border : 1px solid #ea650d;
  color : #ea650d;
}
.el_tile .box-orange a {
  color : #ea650d;
}
.el_tile .image:not(:first-child) {
  margin-top : 10px;
}
.el_tile .title:not(:first-child) {
  margin-top : 8px;
}
.el_tile .title {
  font-weight : 700;
  line-height : 150%;
}
.el_tile .title a:before {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
}
.el_tile .title a:hover::before {
  transition : unset;
  border-radius : 4px;
  border : 1px solid var(--border-color-tile-interaction-states-active, #6D6D6D);
  box-shadow : 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);
}
.el_tile .title a {
  color : var(--color-text-default, #404040);
}
.el_tile .title a:hover {
  color : var(--color-tile-interaction-states-active, #1A1A1A);
  text-decoration-line : none;
}
@media screen and (max-width: 767px) {
  .el_tile .box {
    /* width: 100%; */
    width : calc(50% - 11px);
  }
  .el_tile .box:nth-child(3n) {
    margin-right : 13px;
  }
  .el_tile .box:nth-child(2n) {
    margin-right : 3px;
  }
  .el_tile .box:not(:first-child) {
    /* margin-top: 8px; */
  }
  .el_tile .box:nth-child(n+1) {
    margin-top : 16px;
  }
  .el_tile .box > div {
    /* display: flex;
		align-items: center;
		padding: 10px 15px; */
  }
  .el_tile .image {
    /* min-width: 80px; */
  }
  .el_tile .title:not(:first-child) {
    /* margin-top: 0; */
  }
  .el_tile .title {
    /* width: 100%;
		margin-left: 10px; */
  }
}
/* Tile:横に４つ */
.el_tile-4:not(:first-child) {
  margin-top : 20px;
}
.el_tile-4 > div {
  display : flex;
  flex-wrap : wrap;
  margin : 0 -3px;
}
.el_tile-4 .box {
  width : calc(25% - 14px);
  margin : 0 13px 0 3px;
  z-index : auto!important;
}
.el_tile-4 .box:nth-child(4n) {
  margin-right : 3px;
}
.el_tile-4 .box:nth-child(n+5) {
  margin-top : 16px;
}
.el_tile-4 .box:last-child,.el_tile-4 .box:nth-last-child(2),.el_tile-4 .box:nth-last-child(3) {
  /* margin-bottom: 16px; */
}
.el_tile-4 .box > div {
  position : relative;
  height : 100%;
  /* padding: 20px 24px 15px; */
  padding : 16px;
  text-align : center;
  /* border: 1px solid #cac7c7;    前の  */
  border : 1px solid var(--border-color-card-default, #E6DFDA);
  border-radius : 4px;
  display : flex;
  flex-direction : column;
  justify-content : space-around;
}
.el_tile-4 .box-orange > div {
  border : 1px solid #ea650d;
  color : #ea650d;
}
.el_tile-4 .box-orange a {
  color : #ea650d;
}
.el_tile-4 .image:not(:first-child) {
  margin-top : 10px;
}
.el_tile-4 .title:not(:first-child) {
  margin-top : 8px;
}
.el_tile-4 .title {
  font-weight : 700;
  line-height : 150%;
}
.el_tile-4 .title a:before {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
}
.el_tile-4 .title a:hover::before {
  transition : unset;
  border-radius : 4px;
  border : 1px solid var(--border-color-tile-interaction-states-active, #6D6D6D);
  box-shadow : 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);
}
.el_tile-4 .title a {
  color : var(--color-text-default, #404040);
}
.el_tile-4 .title a:hover {
  color : var(--color-tile-interaction-states-active, #1A1A1A);
  text-decoration-line : none;
}
@media screen and (max-width: 767px) {
  .el_tile-4 .box {
    /* width: 100%; */
    width : calc(50% - 11px);
  }
  .el_tile-4 .box:nth-child(3n) {
    margin-right : 13px;
  }
  .el_tile-4 .box:nth-child(2n) {
    margin-right : 3px;
  }
  .el_tile-4 .box:not(:first-child) {
    /* margin-top: 8px; */
  }
  .el_tile-4 .box:nth-child(n+1) {
    margin-top : 16px;
  }
  .el_tile-4 .box > div {
    /* display: flex;
		align-items: center;
		padding: 10px 15px; */
  }
  .el_tile-4 .image {
    /* min-width: 80px; */
  }
  .el_tile-4 .title:not(:first-child) {
    /* margin-top: 0; */
  }
  .el_tile-4 .title {
    /* width: 100%;
		margin-left: 10px; */
  }
}

.el_loginbuttons:not(:first-child) {
  margin-top : 48px;
}
.el_loginbuttons > div {
  display : flex;
}
.el_loginbuttons .left {
  position : relative;
  width : 192px;
  margin : 0 24px;
  z-index : auto!important;
}
.el_loginbuttons .left:after {
  content : '';
  position : absolute;
  top : 0;
  right : -25px;
  width : 1px;
  height : 100%;
  /* background: #e5ded9; */
}
.el_loginbuttons .left > div {
  text-align : center;
}
.el_loginbuttons .left .image {
  margin-top : 18px;
}
.el_loginbuttons .button {
  margin-top : 20px;
}
.el_loginbuttons .button a {
  display : inline-block;
  padding : 10px 14px;
  /* オレンジボタン */
  /* background: #e64415;
	color: #fff; */
  /* ダークボタン */
  background : #404040;
  color : #FFFFFF;
  font-size : 88%;
  border-radius : 4px;
}
.el_loginbuttons .button a:hover {
  text-decoration : none;
  /* オレンジボタン */
  /* background: #ea650d; */
  /* ダークボタンhover */
  background : #2B2B2B;
  box-shadow : 0px 2px 16px 0px #72727214,  0px 1px 6px 0px #8080801A, 0px 1px 2px 0px #6666661A;
}
.el_loginbuttons .button a strong {
  display : table;
  margin : 3px auto 0;
  padding : 3px 0 0 30px;
  background : url("/../library/common/images/icon_lock.png") no-repeat;
  background-position : left;
  font-size : 150%;
}
.el_loginbuttons .right {
  width : calc(100% - 255px);
  margin-left : auto;
  z-index : auto!important;
}
.el_loginbuttons .right > div {
  display : flex;
  flex-wrap : wrap;
  /* margin: 0 -15px; */
  margin : 0 -3px;
}
/* .el_loginbuttons .box {
	position: relative;
	width: calc(33.33% - 30px);
	margin: 0 15px;
	z-index: auto!important;
} */
.el_tile:not(:first-child) {
  margin-top : 20px;
}
/* .el_tile > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -3px;
} */
.el_loginbuttons .el_tile .box {
  width : calc(33.3% - 13px);
  margin : 0 13px 0 3px;
  z-index : auto!important;
}
.el_tile .box:nth-child(3n) {
  margin-right : 3px;
}
.el_tile .box:nth-child(n+4) {
  margin-top : 16px;
}
@media screen and (max-width: 767px) {
  .el_loginbuttons > div {
    display : block;
  }
  .el_loginbuttons .left {
    width : 100%;
    margin : 0;
  }
  .el_loginbuttons .left:after {
    display : none;
  }
  .el_loginbuttons .right {
    width : 100%;
    margin-top : 20px;
    padding-top : 10px;
    /* border-top: 1px solid #e5ded9; */
  }
  /* .el_loginbuttons .box {
    width : 100%;
  }
  .el_loginbuttons .box:after {
    display : none;
  }
  .el_loginbuttons .box:not(:first-child) {
    margin-top : 10px;
    padding-top : 10px;
    border-top : 1px solid #e5ded9;
  }
  .el_loginbuttons .box > div {
    position : relative;
    padding : 10px;
  }
  */


	.el_loginbuttons .right .el_tile .box {
    /* width: 100%; */
    width : calc(50% - 11px);
    /* margin: 0 13px 0 3px; */
  }
  .el_tile .box:not(:first-child) {
    /* margin-top: 8px; */
  }
/* .el_tile .box:nth-child(2n-1) {
	  margin-left:6px;
  } */
  .el_tile .box:nth-child(3n) {
    margin-right : 13px;
  }
  .el_tile .box:nth-child(2n) {
    margin-right : 3px;
  }
  .el_loginbuttons .right .el_tile .box:nth-child(n+1) {
    margin-top : 16px;
  }
  .el_tile .box > div {
    /* display: flex;
		align-items: center;
		padding: 10px 15px; */
  }
  .el_tile .image {
    /* min-width: 80px; */
  }
  .el_tile .title:not(:first-child) {
    /* margin-top: 0; */
  }
  .el_tile .title {
    /* width: 100%;
		margin-left: 10px; */
  }
}

.el_buttons:not(:first-child) {
  margin-top : 20px;
}
.el_buttons > div {
  display : flex;
  flex-wrap : wrap;
  margin : 0 -4px;
}
.el_buttons .button {
  width : calc(33.3% - 8px);
  margin : 0 4px;
  z-index : auto!important;
}
.el_buttons .button:nth-child(n+4) {
  margin-top : 8px;
}
.el_buttons .button > div {
  position : relative;
  display : flex;
  align-items : center;
  justify-content : center;
  height : 100%;
  padding : 9px 14px 8px;
  text-align : center;
  color : #ea650d;
  /* border: 1px solid #ea650d;
	border-radius: 4px; */
  border-radius : 4px;
  border : 1px solid var(--border-color-button-secondary-default, #404040);
  background : var(--background-color-button-secondary-default, #FFF);
}
.el_buttons .button > div > div {
  width : 100%;
}
.el_buttons .button a {
  /* color: #ea650d; */
  color : #404040;
}
.el_buttons .button a:hover {
  color : var(--color-button-secondary-text-interaction-states-active, #1A1A1A);
  text-decoration : none;
}
.el_buttons .button a:after {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
}
.el_buttons .button > div:hover {
  border : 1px solid var(--border-color-button-secondary-interaction-states-active, #EA650D);
  background : var(--background-color-button-secondary-interaction-states-active, #FFF);
  /* Global/Box Shadow/Close */
  box-shadow : 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);
}
@media screen and (max-width: 767px) {
  .el_buttons .button {
    width : 100%;
  }
  .el_buttons .button:not(:first-child) {
    margin-top : 8px;
  }
}

.link-g > div {
  position : relative;
}
.link-g .g-link a:before {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
}

.pedia-special {
  margin-top : 40px;
}
.pedia-special .item {
  border-top : 1px solid #e5ded9;
  /* display: flex;
	flex-wrap: wrap; */
  padding : 20px 12px;
  border-radius : 4px;
  position : relative;
  z-index : 1;
}
.pedia-special .item > div {
  display : flex;
  flex-wrap : wrap;
}
/* .pedia-special .item a {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 12px;
	border-radius: 4px;
} */
.pedia-special .item a:hover {
  /* background: #f1edeb;
	text-decoration: none; */
}
.pedia-special .item .image:not(:only-child) {
  width : 180px;
  text-align : center;
}
.pedia-special .item .text:not(:only-child) {
  width : calc(100% - 200px);
  margin-left : auto;
}
.pedia-special .item .data > div {
  display : flex;
  flex-wrap : wrap;
  align-items : center;
}
.pedia-special .item .category {
  margin-left : 10px;
  padding : 2px 10px 1px;
  background : #f1edeb;
  font-size : 86%;
  border : 1px solid #a79696;
  border-radius : 4px;
}
.pedia-special .item h3 {
  margin-top : 17px;
  color : #1a1a1a;
  /* font-size: 100%; */
}
.pedia-special .item .link {
  margin-top : 16px;
}
.pedia-special .item a {
  text-decoration-line : none;
}
.pedia-special .item a::before {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
  border-radius : 4px;
  transition : all .3s;
  z-index : -1;
}
.pbPage:not(.pbPage--edit) .pedia-special .item a:hover::before {
  background : #f1edeb;
  text-decoration : none;
}
.pedia-special .item ul {
  display : flex;
  flex-wrap : wrap;
  margin : 17px -3px 0;
}
.pedia-special .item li {
  margin : 3px;
  padding : 2px 10px 1px;
  background : #fff;
  font-size : 86%;
  text-align : center;
  border : 1px solid #e5ded9;
  border-radius : 4px;
}
.pedia-special .item .active {
  background : #ea650d;
  color : #fff;
  border-color : #ea650d;
}
.pedia-special .button {
  width : 100%;
  max-width : 280px;
  margin : 20px auto 0;
  padding : 10px;
  background : #e5ded9;
  text-align : center;
  border-radius : 4px;
  cursor : pointer;
}
@media screen and (max-width: 767px) {
  .pedia-special .item {
    border-top : none;
  }
  .pedia-special .item + .item {
    margin-top : 20px;
    padding-top : 20px;
    border-top : 1px solid #e5ded9;
  }
  .pedia-special .item .image:not(:only-child) {
    width : 100%;
  }
  .pedia-special .item .text:not(:only-child) {
    width : 100%;
    margin-top : 20px;
  }
}

.dp-button {
  position : relative;
}
.dp-button img:nth-child(2) {
  cursor : pointer;
  position : absolute;
  transform : translate(-100%, 0%);
}
.dp-button:hover img:nth-child(2) {
  opacity : 0;
  transition : opacity 1s;
}

.el_imagebox:not(:first-child) {
  margin-top : 40px;
}
.el_imagebox + .el_imagebox {
  margin-top : 40px;
}
.base-text + .el_imagebox {
  margin-top : 32px;
}
.el_imagebox a {
  display : flex;
  flex-wrap : wrap;
  padding : 1.6rem;
  border-radius : 4px;
  flex-direction : row-reverse;
  justify-content : flex-end;
}
.el_imagebox a:hover {
  text-decoration : none;
  cursor : pointer;
}
.el_imagebox .box {
  width : 100%;
  padding-left : 20px;
  z-index : auto!important;
}
.el_imagebox .box:not(:only-child):first-child {
  width : calc(100% - 200px);
}
.el_imagebox .box:not(:only-child):last-child {
  /* width: 220px; */
  width : calc(100% - 200px);
  margin-left : auto;
}
.el_imagebox .h2:not(:first-child) {
  margin-top : 20px;
}
.el_imagebox .h2-gray > div {
  padding : 10px;
  background : #f1edeb;
  border-radius : 4px;
}
.el_imagebox .h2-gray h2 {
  color : #414141;
}
.el_imagebox .h3:not(:first-child) {
  margin-top : 15px;
}
.el_imagebox .h4:not(:first-child) {
  margin-top : 15px;
}
.el_imagebox .h4 h4 {
  color : #1A1A1A;
}
.el_imagebox .text:not(:first-child) {
  margin-top : 24px;
}
.el_imagebox .text a {
  color : var(--color-link-primary-text, #1A1A1A);
  text-decoration-line : underline;
}
.el_imagebox .text a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.el_imagebox .link:not(:first-child) {
  margin-top : 20px;
}
.el_imagebox .link > div {
  position : relative;
  /* padding-left: 30px; */
}
/* .el_imagebox .link > div:before { 
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #ea650d;
	border-radius: 50%;
}
.el_imagebox .link > div:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}　*/
.el_imagebox .link {
  padding-left : 26px;
  padding-left : 2.0rem;
  background-image : url(/library/nnds/images/iconRight.svg);
  background-repeat : no-repeat;
  background-size : 1.1rem;
  background-position : left;
}
.el_imagebox .link:hover {
  text-decoration : underline;
}
/* .el_imagebox .link a::after {
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
} */
.el_imagebox .link-right > div {
  display : table;
  min-width : 50px;
  margin-left : auto;
}
.el_imagebox .image:not(:first-child) {
  margin-top : 5px;
}
.el_imagebox .image > div {
  text-align : center;
}
.el_imagebox .youtube:not(:first-child) {
  margin-top : 5px;
}
.el_imagebox .youtube img {
  border-radius : 0;
  width : 100%;
}
.el_imagebox .youtube a {
  position : relative;
  display : table;
  margin : 0 auto;
}
.el_imagebox .youtube a:after {
  content : '';
  position : absolute;
  top : 0;
  bottom : 0;
  left : 0;
  right : 0;
  margin : auto;
  z-index : 2;
  width : 0;
  height : 0;
  border-top : 10px solid transparent;
  border-bottom : 10px solid transparent;
  border-left : 15px solid #fff;
  pointer-events : none;
}
.el_imagebox .youtube a:before {
  content : '';
  position : absolute;
  top : 0;
  bottom : 0;
  left : 0;
  right : 0;
  margin : auto;
  z-index : 1;
  width : 68px;
  height : 48px;
  background : rgba(0,0,0,.6);
  border-radius : 15px;
  pointer-events : none;
  transition : all .3s;
}
.el_imagebox .youtube a:hover:before {
  background : rgba(255,0,0,.7);
}
.el_imagebox .caption:not(:first-child) {
  margin-top : 15px;
}
.el_imagebox .caption > div {
  text-align : center;
}
.el_imagebox .list:not(:first-child) {
  margin-top : 20px;
}
.el_imagebox .list a {
  /* color: #ea650d; */
  color : var(--color-link-primary-text, #1A1A1A);
  text-decoration-line : underline;
}
.el_imagebox .list a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.el_imagebox .list li {
  position : relative;
  padding-left : 14px;
}
.el_imagebox .list li:not(:first-child) {
  margin-top : 10px;
}
.el_imagebox .list li:before {
  content : '';
  position : absolute;
  top : .5em;
  left : 2px;
  width : 5px;
  height : 5px;
  background : #ccc;
  border-radius : 50%;
}
.el_imagebox .notes:not(:first-child) {
  margin-top : 20px;
}
.el_imagebox .notes a {
  /* color: #ea650d; */
  color : var(--color-link-primary-text, #1A1A1A);
  text-decoration-line : underline;
}
.el_imagebox .notes a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.el_imagebox .notes li {
  position : relative;
  padding-left : 15px;
  font-size : 88%;
}
.el_imagebox .notes li:not(:first-child) {
  margin-top : 4px;
}
.el_imagebox .notes li:before {
  content : '※';
  position : absolute;
  left : 0;
}
.el_imagebox .gray:not(:first-child) {
  margin-top : 20px;
}
.el_imagebox .gray > div {
  padding : 20px;
  background : #f1edeb;
  border-radius : 4px;
}
.el_imagebox .table:not(:first-child) {
  margin-top : 20px;
}
.el_imagebox .table th:first-child {
  padding-left : 0;
}
.el_imagebox .table thead th {
  border-right : 1px solid #999;
}
.el_imagebox .table tbody th,
.el_imagebox .table tbody td {
  border-right : 1px solid #999;
  border-bottom : 1px solid #999;
}
.el_imagebox .table tbody tr:first-child th,
.el_imagebox .table tbody tr:first-child td {
  border-top : 2px solid #ea650d;
}
@media screen and (max-width: 767px) {
  .el_imagebox .table tr,
	.el_imagebox .table th,
	.el_imagebox .table td {
    display : block;
    width : 100%!important;
    height : auto!important;
  }
  .el_imagebox .table table th {
    font-size : 90%;
  }
  .el_imagebox .table table th:first-child {
    padding-right : 0;
  }
  .el_imagebox .table tbody th {
    padding-top : 7px;
    padding-bottom : 5px;
  }
  .el_imagebox .table th:empty,
	.el_imagebox .table td:empty {
    padding : 0;
    border : none;
  }
  .el_imagebox .table thead th,
	.el_imagebox .table tbody th,
	.el_imagebox .table tbody td,
	.el_imagebox .table tbody tr:first-child th,
	.el_imagebox .table tbody tr:first-child td {
    border : none;
    border-bottom : 1px solid #999;
  }
  .el_imagebox .table thead tr:first-child th:first-child {
    border-bottom : 2px solid #ea650d;
  }
  .el_imagebox .table colgroup + tbody tr:first-child th:first-child {
    border-top : 2px solid #ea650d;
  }
}
@media screen and (max-width: 767px) {
  .el_imagebox .box:not(:only-child):first-child,
	.el_imagebox .box:not(:only-child):last-child {
    width : 100%;
    order : 1;
    padding-left : 5px;
    padding-top : 20px;
  }
  .el_imagebox .box:not(:only-child):last-child {
    margin-top : 32px;
    /* padding-top: 20px; */
    /* border-top: 1px solid #e5ded9; */
  }
  .el_imagebox .l-image {
    margin : auto;
  }
  .el_imagebox .text:not(:first-child) {
    margin-top : 16px;
  }
}

.margin-m {
  margin-top : 32px!important;
}
.margin-l {
  margin-top : 48px!important;
}
.margin-s {
  margin-top : 24px!important;
}
.margin-20 {
  margin-top : 20px!important;
}
.margin-16 {
  margin-top : 16px!important;
}
.margin-8 {
  margin-top : 8px!important;
}
.margin-8-noSP {
  margin-top : 8px!important;
}
.margin-0 {
  margin-top : 0px!important;
}
.margin-right24 {
  margin-right : 24px!important;
}
.margin-right32 {
  margin-right : 32px!important;
}
.margin-right48 {
  margin-right : 48px!important;
}
.margin-m16 {
  margin-top : -16px!important;
}
.margin-left-m10 {
  margin-left : -1.0rem!important;
}
.margin-right-m16 {
  margin-right : -16px!important;
}
.padding-0 > div {
  padding-top : 0px!important;
}
.u-pt-0 {
  padding-top : 0 !important;
}
.margin-auto {
  margin-top : auto!important;
}
.margin-bs {
  margin-bottom : 24px!important;
}
.padding-b0 {
  padding-bottom : 0!important;
}
.padding-b0-d > div {
  padding-bottom : 0!important;
}
.padding-all0 > div {
  padding : 0!important;
}
.margin-b0 {
  margin-bottom : 0px!important;
}
@media screen and (max-width: 767px) {
  .hero-sp-space {
    padding : 10px 20px 8px 20px!important;
  }
  .margin-8-noSP {
    margin-top : 0!important;
  }
}

.el_plain_btn:not(:first-child) {
  /* margin-top: 20px; */
}
.el_plain_btn a {
  margin : 0rem 0.8rem 0rem 0rem;
  box-sizing : border-box;
  padding : 1.2rem 1.6rem;
  border : none;
  color : #404040;
  background : #fff;
  padding-top : 12px;
  padding-bottom : 12px;
}
.el_plain_btn img {
  width : 32px;
  float : none;
  padding-left : 8px;
}
.el_plain_btn a:hover {
  color : #6D6D6D;
  text-decoration : none;
}
@media screen and (max-width: 767px) {
  .el_plain_btn a {
    width : 100%;
    text-align : center;
    margin-bottom : 8px;
  }
}

.el_tel img:first-of-type {
  width : 33px;
  padding-right : 8px;
  vertical-align : -12%;
}
.el_tel {
  font-weight : bold;
  font-size : 140%;
}

.oneline-open p:not(:last-child) {
  padding-bottom : 24px;
}

.circled-num ol {
  /* 下記2つ効かない場合は、直接記述 */
  padding : 0;
  list-style : none;
}
.circled-num ol li {
  /* list-style: none; */
  padding-left : 1.3em;
  text-indent : -1.3em;
}

.pedia-popup-new a:before {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
}

.base-mixpanel .flex-0_6 {
  flex : 0.6;
  height : 100%;
  min-height : 0%;
}
.base-mixpanel .flex-0_7 {
  flex : 0.7;
  height : 100%;
  min-height : 0%;
}
.base-mixpanel .flex-1 {
  flex : 1;
  height : 100%;
  min-height : 0%;
}
.base-mixpanel .flex-1_3 {
  flex : 1.3;
  height : 100%;
  min-height : 0%;
}
.base-mixpanel .flex-2 {
  flex : 2;
  height : 100%;
  min-height : 0%;
}
.base-mixpanel .flex-3 {
  flex : 3;
  height : 100%;
  min-height : 0%;
}
.base-mixpanel .flex-14 {
  flex : 14;
  height : 100%;
  min-height : 0%;
}
.base-mixpanel .flex-15 {
  flex : 15;
  height : 100%;
  min-height : 0%;
}
@media screen and (max-width: 767px) {
  .base-mixpanel .flex-0_6,.base-mixpanel .flex-0_7 .base-mixpanel .flex-1,.base-mixpanel .flex-1_3,.base-mixpanel .flex-2,
  .base-mixpanel .flex-3,.base-mixpanel .flex-14,
  .base-mixpanel .flex-15 {
    flex : unset;
    height : auto;
    min-height : auto;
  }
}

.brackets:before {
  content : '＜';
}
.brackets:after {
  content : '＞';
}
.hyphen-minus:before {
  content : '― ';
}

.grid-lay .container {
  display : grid;
}
@media screen and (max-width: 767px) {
  .grid-lay .container {
    grid-template-columns : 1fr;
    grid-template-rows : auto;
  }
  .grid-lay .item {
    grid-column : 1;
    grid-row : auto;
  }
}

.left-imagebox {
  padding : 16px;
}
.left-imagebox:not(:first-child) {
  margin-top : 48px;
}
.left-imagebox + .left-imagebox {
  margin-top : 48px;
}
.left-text + .left-imagebox {
  margin-top : 32px;
}
.left-imagebox .f-box {
  display : flex;
  flex-wrap : wrap;
  flex-direction : row-reverse;
}
.left-imagebox .box {
  width : 100%;
  z-index : auto!important;
}
.left-imagebox .box:not(:only-child):first-child {
  width : calc(100% - 240px);
}
.left-imagebox .box:not(:only-child):last-child {
  width : 220px;
  margin-right : auto;
}
.left-imagebox .h2:not(:first-child) {
  margin-top : 20px;
}
.left-imagebox .h2-gray > div {
  padding : 10px;
  background : #f1edeb;
  border-radius : 4px;
}
.left-imagebox .h2-gray h2 {
  color : #414141;
}
.left-imagebox .h3:not(:first-child) {
  margin-top : 15px;
}
.left-imagebox .h4:not(:first-child) {
  margin-top : 15px;
}
.left-imagebox .h4 h4 {
  color : #1A1A1A;
}
.left-imagebox .text:not(:first-child) {
  margin-top : 24px;
}
.left-imagebox a:hover {
  text-decoration-line : none;
}
/* .incl-box a:hover .text {
	transition: unset;
	text-decoration-line: none;
} */
.left-imagebox .incl-box:hover .base-arrowlink p {
  text-decoration-line : underline;
}
}
.left-imagebox .link:not(:first-child) {
  margin-top : 20px;
}
.left-imagebox .link > div {
  position : relative;
  /* padding-left: 30px; */
}
/* .left-imagebox .link > div:before { 
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #ea650d;
	border-radius: 50%;
}
.left-imagebox .link > div:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}　*/
.left-imagebox .link a {
  padding-left : 26px;
  padding-left : 2.0rem;
  background-image : url("/../../nnds/images/iconRight.svg");
  background-repeat : no-repeat;
  background-size : 1.1rem;
  background-position : left;
}
.left-imagebox .link a::after {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
}
.left-imagebox .image:not(:first-child) {
  margin-top : 5px;
}
.left-imagebox .image > div {
  text-align : center;
}
@media screen and (max-width: 767px) {
  .left-imagebox .f-box {
    flex-direction : column-reverse;
  }
  .left-imagebox .box:not(:only-child):first-child {
    width : 100%;
    margin-top : 20px;
    margin-bottom : 8px;
  }
  .left-imagebox .box:not(:only-child):last-child {
    width : 100%;
  }
}

.el-voice:not(:first-child) {
  margin-top : 32px;
}
.el-voice .voice:not(:first-child) {
  margin-top : 30px;
}
.el-voice .voice > div {
  display : flex;
  flex-wrap : wrap;
  flex-direction : row-reverse;
}
.el-voice .box {
  width : 100%;
  z-index : auto!important;
}
.el-voice .box:not(:only-child):first-child {
  /* width: 140px; */
  width : calc(100% - 170px);
  margin-left : auto;
}
.el-voice .box:not(:only-child):last-child {
  /* width: calc(100% - 170px); */
  width : 140px;
  /* margin-left: auto; */
}
.el-voice .image > div {
  text-align : center;
}
.el-voice .text:not(:first-child) {
  margin-top : 24px;
}
.el-voice .text a {
  color : var(--color-link-primary-text, #1A1A1A);
  text-decoration-line : underline;
}
.el-voice .text a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.el-voice .bold:not(:first-child) {
  margin-top : 20px;
}
.el-voice .bold > div {
  font-weight : bold;
}
.el-voice .bold a {
  color : var(--color-link-primary-text, #1A1A1A);
  text-decoration-line : underline;
}
.el-voice .bold a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.el-voice .asterisk:not(:first-child) {
  margin-top : 20px;
}
.el-voice .asterisk > div {
  font-size : 70%;
}
.el-voice .asterisk li:not(:first-child) {
  margin-top : 4px;
}
.el-voice .asterisk li {
  position : relative;
  padding-left : 15px;
}
.el-voice .asterisk li:before {
  content : '*';
  position : absolute;
  left : 0;
}
.el-voice .asterisk a {
  /* color: #ea650d; */
  color : var(--color-link-primary-text, #1A1A1A);
  text-decoration-line : underline;
}
.el-voice .asterisk a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.el-voice .link:not(:first-child) {
  margin-top : 20px;
}
.el-voice .link > div {
  display : table;
  position : relative;
  min-width : 50px;
  margin-left : auto;
  padding-left : 30px;
}
.el-voice .link > div:before {
  content : '';
  position : absolute;
  top : -1px;
  left : 0;
  width : 20px;
  height : 20px;
  background : #ea650d;
  border-radius : 50%;
}
.el-voice .link > div:after {
  content : '';
  position : absolute;
  top : 4px;
  left : 8px;
  border : 5px solid transparent;
  border-left : 5px solid #fff;
}
@media screen and (max-width: 767px) {
  .el-voice .voice > div {
    flex-direction : column-reverse;
  }
  .el-voice .box:not(:only-child):first-child {
    width : 100%;
    padding-bottom : 20px;
    /* border-bottom: 1px solid #e5ded9; */
  }
  .el-voice .box:not(:only-child):last-child {
    width : 100%;
    /* margin-top: 20px; */
    padding-bottom : 20px;
    /* padding-top: 20px; */
    /* border-top: 1px solid #e5ded9; */
  }
  .el-voice .voice:not(:first-child) {
    margin-top : 20px;
  }
  .el-voice .voice:not(:first-child) > div {
    padding-top : 20px;
    padding-bottom : 16px;
    border-bottom : 1px solid #e5ded9;
  }
}
/* spのときそのまま */
.el-voice-2:not(:first-child) {
  margin-top : 32px;
}
.el-voice-2 .voice:not(:first-child) {
  margin-top : 30px;
}
.el-voice-2 .voice > div {
  display : flex;
  flex-wrap : wrap;
  flex-direction : row-reverse;
}
.el-voice-2 .box {
  width : 100%;
  z-index : auto!important;
}
.el-voice-2 .box:not(:only-child):first-child {
  /* width: 140px; */
  width : calc(100% - 170px);
  margin-left : auto;
}
.el-voice-2 .box:not(:only-child):last-child {
  /* width: calc(100% - 170px); */
  width : 140px;
  /* margin-left: auto; */
}
.el-voice-2 .image > div {
  text-align : center;
}
.el-voice-2 .text:not(:first-child) {
  margin-top : 24px;
}
.el-voice-2 .text a {
  color : var(--color-link-primary-text, #1A1A1A);
  text-decoration-line : underline;
}
.el-voice-2 .text a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.el-voice-2 .bold:not(:first-child) {
  margin-top : 20px;
}
.el-voice-2 .bold > div {
  font-weight : bold;
}
.el-voice-2 .bold a {
  color : var(--color-link-primary-text, #1A1A1A);
  text-decoration-line : underline;
}
.el-voice-2 .bold a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.el-voice-2 .asterisk:not(:first-child) {
  margin-top : 20px;
}
.el-voice-2 .asterisk > div {
  font-size : 70%;
}
.el-voice-2 .asterisk li:not(:first-child) {
  margin-top : 4px;
}
.el-voice-2 .asterisk li {
  position : relative;
  padding-left : 15px;
}
.el-voice-2 .asterisk li:before {
  content : '*';
  position : absolute;
  left : 0;
}
.el-voice-2 .asterisk a {
  /* color: #ea650d; */
  color : var(--color-link-primary-text, #1A1A1A);
  text-decoration-line : underline;
}
.el-voice-2 .asterisk a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.el-voice-2 .link:not(:first-child) {
  margin-top : 20px;
}
.el-voice-2 .link > div {
  display : table;
  position : relative;
  min-width : 50px;
  margin-left : auto;
  padding-left : 30px;
}
.el-voice-2 .link > div:before {
  content : '';
  position : absolute;
  top : -1px;
  left : 0;
  width : 20px;
  height : 20px;
  background : #ea650d;
  border-radius : 50%;
}
.el-voice-2 .link > div:after {
  content : '';
  position : absolute;
  top : 4px;
  left : 8px;
  border : 5px solid transparent;
  border-left : 5px solid #fff;
}
.el-voice-2 .base-arrowlist ul {
  display : flex;
  flex-direction : row;
  align-items : baseline;
  justify-content : flex-start;
}
.el-voice-2 .base-arrowlist ul > li {
  width : 30%;
}
@media screen and (max-width: 767px) {
  .el-voice-2 {
    /* width: 50%; */
  }
  .el-voice-2:not(:first-child) {
    margin-top : 20px;
  }
  .el-voice-2 .voice > div {
    /* flex-direction: column-reverse; */
  }
  .el-voice-2 .box:not(:only-child):first-child {
    /* width: 100%; */
    width : calc(100% - 116px);
    padding-bottom : 20px;
    border-bottom : 1px solid #e5ded9;
  }
  .el-voice-2 .box:not(:only-child):last-child {
    /* width: 100%; */
    /* margin-top: 20px; */
    width : 100px;
    padding-bottom : 20px;
    /* padding-top: 20px; */
    /* border-top: 1px solid #e5ded9; */
  }
  .el-voice-2 .voice:not(:first-child) {
    margin-top : 20px;
  }
  .el-voice-2 .voice:not(:first-child) > div {
    padding-top : 20px;
    padding-bottom : 16px;
    border-bottom : 1px solid #e5ded9;
  }
  .el-voice-2 .base-arrowlist ul {
    display : block;
  }
  .el-voice-2 .base-arrowlist ul > li {
    width : 100%;
  }
  .el-voice-2 .base-arrowlist li:not(:first-child) {
    margin-top : 5px;
  }
}

/* .el_quote .title p {
    font-size : 2.4rem;
    font-weight : bold;
    color : #ea650d;
    padding : 1.6rem 2.8rem;
  }
   */
.el_quote {
  position : relative;
  width : 544px;
}
.el_quote > div {
  padding : 1.6rem 3.2rem;
}
.el_quote > div:before {
  content : '';
  position : absolute;
  top : 0;
  bottom : 0;
  left : 0;
  width : .4rem;
  background-color : #EA650D;
  border-radius : .4rem;
}
.el_quote h2 {
  color : #EA650D;
}
.quote1 {
  width : 100%;
}
@media screen and (max-width: 767px) {
  .el_quote {
    width : 100%;
  }
  .el_quote > div {
    padding : 1.6rem 1.6rem 1.6rem 3.2rem;
  }
}

.flex-list:not(:first-child) {
  margin-top : 20px;
}
.flex-list li.title {
  display : flex;
}
.flex-list .link {
  padding-left : 20px;
  padding-left : 2.0rem;
  background-image : url("/library/nnds/images/iconRight.svg");
  background-repeat : no-repeat;
  background-size : 1.1rem;
  background-position : left top 2px;
  margin-left : 2rem;
}
.flex-list .title:not(:first-child) {
  margin-top : 10px;
}
.flex-list .link:not(:first-child) {
  margin-top : 1px;
}
@media screen and (max-width: 767px) {
  .flex-list li.title {
    display : block;
  }
  .flex-list .link {
    margin-left : 0rem;
  }
}

.s-table th, .s-table td {
  padding : 3px!important;
  font-size : 1.4rem;
}

.h-image-imagebox:not(:first-child) {
  margin-top : 40px;
}
.h-image-imagebox > div {
  display : flex;
  flex-wrap : wrap;
}
.h-image-imagebox .box {
  width : 100%;
  z-index : auto!important;
}
.h-image-imagebox .box:not(:only-child):first-child {
  width : 220px;
  margin-right : auto;
}
.h-image-imagebox .box:not(:only-child):last-child {
  width : calc(100% - 240px);
}
.h-image-imagebox .text:not(:first-child) {
  margin-top : 24px;
}
.h-image-imagebox .text a {
  color : var(--color-link-primary-text, #1A1A1A);
  text-decoration-line : underline;
}
.h-image-imagebox .text a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.h-image-imagebox .link:not(:first-child) {
  margin-top : 20px;
}
.h-image-imagebox .link > div {
  position : relative;
  /* padding-left: 30px; */
}
.h-image-imagebox .link a {
  padding-left : 26px;
  padding-left : 2.0rem;
  background-image : url(/library/nnds/images/iconRight.svg);
  background-repeat : no-repeat;
  background-size : 1.1rem;
  background-position : left;
}
.h-image-imagebox .link a::after {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
}
.h-image-imagebox .link-right > div {
  display : table;
  min-width : 50px;
  margin-left : auto;
}
.h-image-imagebox .image:not(:first-child) {
  margin-top : 5px;
}
.h-image-imagebox .image > div {
  text-align : center;
}
.h-image-imagebox .caption:not(:first-child) {
  margin-top : 15px;
}
.h-image-imagebox .caption > div {
  text-align : center;
}
.h-image-imagebox .list:not(:first-child) {
  margin-top : 20px;
}
.h-image-imagebox .list a {
  /* color: #ea650d; */
  color : var(--color-link-primary-text, #1A1A1A);
  text-decoration-line : underline;
}
.h-image-imagebox .list a:hover {
  transition : unset;
  text-decoration-line : none;
  border-bottom : 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
@media screen and (max-width: 767px) {
  .h-image-imagebox .box:not(:only-child):first-child,
	.h-image-imagebox .box:not(:only-child):last-child {
    width : 100%;
  }
  .h-image-imagebox .box:not(:only-child):last-child {
    margin-top : 20px;
    padding-bottom : 24px;
    border-bottom : 1px solid #e5ded9;
  }
}

.flex-st {
  align-self : flex-start;
}
/* SPでもflexboxを保ち、個々にflex数字の数字の比率の幅になる */
@media screen and (max-width: 767px) {
  .flex-layout-sp > div {
    flex-wrap : nowrap;
    gap : 10px;
  }
  .flex1 {
    flex : 1;
  }
  .flex2 {
    flex : 2;
  }
  .flex2-5 {
    flex : 2.5;
  }
  .flex3 {
    flex : 3;
  }
  .flex4 {
    flex : 4;
  }
}
/*  imagebox-halfの間隔を広げて32pxにする
------------------------------------------------*/
.imagebox-half-space32 .box:not(:only-child):first-child,
.imagebox-half-space32 .box:not(:only-child):last-child {
  width : calc(50% - 16px)!important;
}
@media screen and (max-width: 767px) {
  .imagebox-half-space32 .box:not(:only-child):first-child,
	.imagebox-half-space32 .box:not(:only-child):last-child {
    width : 100%!important;
  }
}
/* 縦方向のflexレイアウト＋親いっぱいに伸びる
margin-autoの親に使用するクラス　*/
.flex-col-full > div {
  display : flex;
  flex-direction : column;
  height : 100%;
}

.lay-mid {
  vertical-align : middle;
}

.card-grid-container:not(:first-child) {
  margin-top : 20px;
}
.card-grid-container > div {
  display : grid;
  grid-template-columns : repeat(auto-fill, minmax(250px, 1fr));
  gap : 16px;
}
/* カードのスタイル */
.card-grid1 {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 行に分割*/
  grid-row : span 1;
  gap : 20px;
  position : relative;
  /* border: 1px solid #E5DED9;
    border-radius: 4px;
    padding: 16px; */
}
.card-grid1 > div {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 3つの行に分割*/
  grid-row : span 1;
  gap : 20px;
  /* border: 1px solid #E5DED9; */
  border-radius : 4px;
  padding : 16px;
}
/* カードのスタイル */
.card-grid2 {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 3つの行に分割*/
  grid-row : span 2;
  gap : 20px;
  position : relative;
  /* border: 1px solid #E5DED9;
    border-radius: 4px;
    padding: 16px; */
}
.card-grid2 > div {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 3つの行に分割*/
  grid-row : span 2;
  gap : 20px;
  /* border: 1px solid #E5DED9; */
  border-radius : 4px;
  padding : 16px;
}
/* カードのスタイル */
.card-grid3 {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 3つの行に分割*/
  grid-row : span 3;
  gap : 20px;
  position : relative;
  /* border: 1px solid #E5DED9;
    border-radius: 4px;
    padding: 16px; */
}
.card-grid3 > div {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 3つの行に分割*/
  grid-row : span 3;
  gap : 20px;
  /* border: 1px solid #E5DED9; */
  border-radius : 4px;
  padding : 16px;
}
/* カードのスタイル */
.card-grid4 {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 4つの行に分割*/
  grid-row : span 4;
  gap : 20px;
  position : relative;
  /* border: 1px solid #E5DED9;
    border-radius: 4px;
    padding: 16px; */
}
.card-grid4 > div {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 4つの行に分割*/
  grid-row : span 4;
  gap : 20px;
  /* border: 1px solid #E5DED9; */
  border-radius : 4px;
  padding : 16px;
}
/* カードのスタイル：５アイテム */
.card-grid5 {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 5つの行に分割*/
  grid-row : span 5;
  gap : 20px;
  position : relative;
  /* border: 1px solid #E5DED9;
    border-radius: 4px;
    padding: 16px; */
}
.card-grid5 > div {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 5つの行に分割*/
  grid-row : span 5;
  gap : 20px;
  /* border: 1px solid #E5DED9; */
  border-radius : 4px;
  padding : 16px;
}
.card-grid-container .card-image {
  /* display : inline-block; */
  margin : -16px -16px 0px;
}
.card-grid-container .card-image img {
  border-radius : 4px 4px 0px 0px;
}
.card-grid-container .image img {
  width : 100%;
}
.card-grid-container .card-arrowlink a::before {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
  border : 1px solid #E6DFDA;
  border-radius : 4px;
  box-sizing : border-box;
}
.card-grid-container .card-arrowlink a:hover::before {
  box-shadow : 0px 1px 2px rgba(102, 102, 102, 0.1), 0px 1px 6px rgba(128, 128, 128, 0.1), 0px 2px 16px rgba(114, 114, 114, 0.08);
  border-radius : 4px;
  border : none;
}
.card-grid-container .arrow > div {
  padding-left : 26px;
  padding-left : 2.6rem;
  background-image : url(/library/nnds/images/iconRight.svg);
  background-repeat : no-repeat;
  background-size : 1.1rem;
  background-position : left 4px top 2px;
}
.card-grid-container .question > div {
  /* padding-left: 30px; */
  /* background: url("/../images/icon_question.png") no-repeat; */
  padding-left : 26px;
  padding-left : 2.6rem;
  background-image : url(/library/nnds/images/questionmark-24px_1.png);
  background-repeat : no-repeat;
  background-size : 2.1rem;
  background-position : left -1px top 0px;
}
/* ３つにするとき */
.card-grid-container3:not(:first-child) {
  margin-top : 20px;
}
.card-grid-container3 > div {
  display : grid;
  grid-template-columns : repeat(auto-fill, minmax(200px, 1fr));
  gap : 16px;
}
.el_card-arrowlink a::before {
  content : '';
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
  border : 1px solid #E6DFDA;
  border-radius : 4px;
  box-sizing : border-box;
}
.el_card-arrowlink a:hover::before {
  box-shadow : 0px 1px 2px rgba(102, 102, 102, 0.1), 0px 1px 6px rgba(128, 128, 128, 0.1), 0px 2px 16px rgba(114, 114, 114, 0.08);
  border-radius : 4px;
  border : none;
}
/* 4カラムのとき */
.card-grid-container4 > div {
  display : grid;
  grid-template-columns : repeat(auto-fill, minmax(184px, 1fr));
  row-gap : 16px;
  column-gap : 24px;
}
/* 2カラムのとき */
.card-grid-container2 > div {
  display : grid;
  grid-template-columns : repeat(2, 1fr);
  row-gap : 16px;
  column-gap : 24px;
}
/* スマホ：1カラム */
@media (max-width: 767px) {
  .card-grid-container2 > div {
    grid-template-columns : 1fr;
  }
}
/* 3カラムでgapが広め（PC〜タブレット共通） */
.card-grid-container3--wide > div {
  display : grid;
  grid-template-columns : repeat(3, 1fr);
  row-gap : 16px;
  column-gap : 24px;
}
/* スマホ：1カラムのみ切り替え */
@media (max-width: 767px) {
  .card-grid-container3--wide > div {
    grid-template-columns : 1fr;
  }
}

.youtube_aspect-ratio {
  position : relative;
  width : 100%;
  /* 横幅は100%で固定 */
  height : 0;
  /* 高さは0にしておく(padding-topで高さを指定するため) */
  padding-top : 56.25%;
}
.youtube_aspect-ratio iframe {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
}

.tintedCard {
  background-color : rgb(250, 249, 248);
  border-radius : 4px;
  border-width : 1px;
  border-style : solid;
  border-color : rgb(230, 223, 218);
}

.imagebox-third .twobox:not(:only-child):first-child,
.imagebox-third .twobox:not(:only-child):last-child {
  width : calc(100% / 3 * 2 - 8px);
}
.imagebox-third .onebox:not(:only-child):first-child,
.imagebox-third .onebox:not(:only-child):last-child {
  width : calc(100% / 3 - 8px);
}
.imagebox-third .right:not(:only-child):first-child,
.imagebox-third .right:not(:only-child):last-child {
  margin-left : auto;
}
@media screen and (max-width: 767px) {
  .imagebox-third .twobox:not(:only-child):first-child,
  .imagebox-third .twobox:not(:only-child):last-child {
    width : 100%;
  }
  .imagebox-third .onebox:not(:only-child):first-child,
   .imagebox-third .onebox:not(:only-child):last-child {
    width : 100%;
  }
  .base-imagebox .right:not(:only-child):last-child {
    /* margin-top: 20px; */
    padding-top : 20px;
    /* border-top: 1px solid #e5ded9; */
  }
}

.badge-gy {
  display : inline-flex;
  flex-direction : row;
  -webkit-box-pack : center;
  place-content : center;
  -webkit-box-align : center;
  align-items : center;
  padding-left : 8px;
  padding-right : 8px;
  /* padding-bottom: 3px; */
  margin-left : 8px;
  border-radius : 4px;
  background-color : rgb(225, 225, 225);
  color : #565656;
  font-size : 1.4rem;
  vertical-align : baseline;
}
.badge-sd {
  display : inline-flex;
  flex-direction : row;
  -webkit-box-pack : center;
  place-content : center;
  -webkit-box-align : center;
  align-items : center;
  padding-left : 8px;
  padding-right : 8px;
  /* padding-bottom: 3px; */
  margin-left : 8px;
  border-radius : 4px;
  background-color : #E6DFDA;
  color : #645245;
  font-size : 1.4rem;
  vertical-align : baseline;
}
.badge-pl {
  display : inline-flex;
  flex-direction : row;
  -webkit-box-pack : center;
  place-content : center;
  -webkit-box-align : center;
  align-items : center;
  padding-left : 8px;
  padding-right : 8px;
  /* padding-bottom: 3px; */
  margin-left : 8px;
  border-radius : 4px;
  background-color : #E1E0EE;
  color : #524E91;
  font-size : 1.4rem;
  vertical-align : baseline;
}
.badge-gr {
  display : inline-flex;
  flex-direction : row;
  -webkit-box-pack : center;
  place-content : center;
  -webkit-box-align : center;
  align-items : center;
  padding-left : 8px;
  padding-right : 8px;
  /* padding-bottom: 3px; */
  margin-left : 8px;
  border-radius : 4px;
  background-color : #D4E6D1;
  color : #395F34;
  font-size : 1.4rem;
  vertical-align : baseline;
}
.badge-bl {
  display : inline-flex;
  flex-direction : row;
  -webkit-box-pack : center;
  place-content : center;
  -webkit-box-align : center;
  align-items : center;
  padding-left : 8px;
  padding-right : 8px;
  /* padding-bottom: 3px; */
  margin-left : 8px;
  border-radius : 4px;
  background-color : #D5E2F0;
  color : #2E5783;
  font-size : 1.4rem;
  vertical-align : baseline;
}
.badge-dor {
  display : inline-flex;
  flex-direction : row;
  -webkit-box-pack : center;
  place-content : center;
  -webkit-box-align : center;
  align-items : center;
  padding-left : 8px;
  padding-right : 8px;
  /* padding-bottom: 3px; */
  margin-left : 8px;
  border-radius : 4px;
  background-color : #FBDAD1;
  color : #9E2D0E;
  font-size : 1.4rem;
  vertical-align : baseline;
}
.badge-lor {
  display : inline-flex;
  flex-direction : row;
  -webkit-box-pack : center;
  place-content : center;
  -webkit-box-align : center;
  align-items : center;
  padding-left : 8px;
  padding-right : 8px;
  /* padding-bottom: 3px; */
  margin-left : 8px;
  border-radius : 4px;
  background-color : #FFDBB2;
  color : #834600;
  font-size : 1.4rem;
  vertical-align : baseline;
}

.no_before:before {
  content : none !important;
}

.card-tinted {
  border : #E6DFDA solid 1px;
  border-radius : 4px;
}

.m-width720 {
  max-width : 720px;
}
.width530 {
  left : 50px;
}
.width530 > div {
  min-width : fit-content;
}
@media screen and (min-width: 961px) {
  .width530 > div {
    width : 530px;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .inner-f {
    left : 30px!important;
    max-width : fit-content!important;
  }
}
.width-170 {
  width : calc(100% - 170px) !important;
}
.width140 {
  width : 140px !important;
}

.align-s_cen {
  align-self : center;
}
.align-i_cen > div {
  align-items : center;
}

.bg-sand50 > div {
  padding : 20px;
  background : #faf9f8;
  border-radius : 4px;
}
.bg-sand100 > div {
  padding : 20px;
  background : #f3efed;
  border-radius : 4px;
}
.border-org >div {
  padding : 20px;
  border : solid 1px #ea650d;
  border-radius : 4px;
}
.borderb-org >div {
  padding : 20px;
  border : solid 2px #ea650d;
  border-radius : 4px;
}
.bg-f {
  　width : 100vw;
}
@media screen and (max-width: 767px) {
  .sp-no-border-bottom {
    border-bottom : none!important;
  }
}

.position-r {
  position : relative;
}

.list-navi-item a {
  display : flex;
  align-items : center;
  justify-content : space-between;
  padding : 8px 0;
}
.list-navi-item a:hover {
  text-decoration : none;
}
.list-navi-item:not(:last-child) {
  border-bottom : 1px solid #E6DFDA;
}
.list-navi-item:last-child {
  border-bottom : 1px solid #fff;
}
.list-navi-item:active {
  background-color : #F3EFED;
  border-bottom : 1px solid #E6DFDA;
}
.list-navi-item .subtext {
  font-size : 1.4rem;
  color : #6D6D6D;
  display : block;
}

@media screen and (max-width: 767px) {
  .flex-sp-r > div {
    flex-direction : column-reverse;
  }
  .flex-sp-r .box {
    margin-top : 0;
    padding-top : 0 !important;
    margin-bottom : 20px;
  }
}

.base-h1box .inner.hero-ctablock520 {
  left : -1px;
}
.base-h1box .inner.hero-ctablock520 > div {
  width : 521px;
  padding : 40px;
  border-radius : 0 4px 4px 0;
}
@media screen and (max-width: 767px) {
  .base-h1box .inner.hero-ctablock520 >div {
    width : 100%;
    padding : 0;
    margin : 4px -20px 0 -20px;
  }
}
@media (min-width: 768px) and (max-width: 961px) {
  .base-h1box .inner.hero-ctablock520 {
    left : -10px;
  }
  .base-h1box .inner.hero-ctablock520 >div {
    max-width : fit-content;
  }
}

/* ここでは適用されなかったため、commonのstyle.cssに同内容を記述　 */
@font-face {
  /* サイト内で使用するフォント名 (任意の名前) */
  font-family : 'NNNittiGrotesk-Heading';
  src : url("/library/common/fonts/NNNittiGrotesk-Heading.woff2'") format('woff2'),         url("/library/common/fonts/NNNittiGrotesk-Heading.woff'") format('woff');
  font-weight : bold;
  font-style : normal;
  /* (オプション) フォントがロードされるまでの表示方法の指定 */
  font-display : swap;
}
@font-face {
  /* サイト内で使用するフォント名 (任意の名前) */
  font-family : 'NNNittiGrotesk-TextBold';
  src : url("/library/common/fonts/NNNittiGrotesk-TextBold.woff2'") format('woff2'),         url("/library/common/fonts/NNNittiGrotesk-TextBold.woff'") format('woff');
  font-weight : bold;
  font-style : normal;
  /* (オプション) フォントがロードされるまでの表示方法の指定 */
  font-display : swap;
}
@font-face {
  /* サイト内で使用するフォント名 (任意の名前) */
  font-family : 'NNNittiGrotesk-TextMedium';
  src : url("/library/common/fonts/NNNittiGrotesk-TextMedium.woff2'") format('woff2'),         url("/library/common/fonts/NNNittiGrotesk-TextMedium.woff'") format('woff');
  font-weight : normal;
  font-style : normal;
  /* (オプション) フォントがロードされるまでの表示方法の指定 */
  font-display : swap;
}
@font-face {
  /* サイト内で使用するフォント名 (任意の名前) */
  font-family : 'NNNittiGrotesk-TextRegular';
  src : url("/library/common/fonts/NNNittiGrotesk-TextRegular.woff2'") format('woff2'),         url("/library/common/fonts/NNNittiGrotesk-TextRegular.woff'") format('woff');
  font-weight : normal;
  font-style : normal;
  /* (オプション) フォントがロードされるまでの表示方法の指定 */
  font-display : swap;
}

.no-pointer {
  cursor : default !important;
}

.text-1a {
  color : #1a1a1a;
}

.c-split > div {
  /* 左右比率（整数で保持） */
  --split-left-ratio : 322;
  --split-right-ratio : 548;
  --split-sum : calc(var(--split-left-ratio) + var(--split-right-ratio));
  /* ガター（可変）。上限の目安：90/960 = 9.375% */
  --split-gap : clamp(16px, 4vw, 48px);
  /* コンテナ幅と左右の余白 */
  --split-max-width : 960px;
  --split-container-padding : 20px;
  /* コンテンツ間の縦スペース（モバイル時） */
  --split-row-gap-mobile : 24px;
  /* 見た目上の中央寄せ＆左右余白 */
  max-width : var(--split-max-width);
  margin-inline : auto;
  padding-inline : var(--split-container-padding);
  display : grid;
  row-gap : var(--split-row-gap-mobile);
}
.c-split.c-split--wide > div {
  --split-max-width : 1020px;
}
.c-split__left,
.c-split__right {
  min-width : 0;
}
/* 右カラム内：画像等のはみ出し対策 */
.c-split__right > div :where(img, svg, video, canvas) {
  max-width : 100%;
  height : auto;
}
.c-split__right > div {
  overflow-wrap : anywhere;
}
/* タブレット以上で2カラムに */
@media (min-width: 768px) {
  .c-split > div {
    column-gap : var(--split-gap);
    row-gap : 0;
    align-items : start;
    padding-inline : 0;
  }
/* 右が6になる：左→右 = 4fr 6fr */
  .c-split--4-6 > div {
    grid-template-columns : 4fr 6fr;
  }
  .c-split--3-6 > div {
    grid-template-columns : 3fr 6fr;
  }
  .c-split--5-5 > div {
    grid-template-columns : 1fr 1fr;
  }
}

.c-grid > div {
  display : grid;
  gap : 3rem;
}
/* 3カラム */
.c-grid--3 > div {
  display : grid;
  grid-template-columns : repeat(3, minmax(0, 1fr));
}
@media (max-width: 1023px) {
  .c-grid--3 > div {
    grid-template-columns : repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .c-grid--3 > div {
    grid-template-columns : 1fr;
  }
}
.c-card--3 {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 3つの行に分割*/
  grid-row : span 3;
  gap : 1em;
  position : relative;
}
.c-card--3 > div {
  display : grid;
  /* 親要素のトラックを利用 */
  grid-template-rows : subgrid;
  /* 3つの行に分割*/
  grid-row : span 3;
  gap : 1em;
}

.l-container--1020 > div {
  max-width : 1020px;
  margin-inline : auto;
}
@media (max-width: 767px) {
  .l-container--1020 {
    padding-inline : 20px;
  }
}

/* ========== PC（デフォルト）：電話リンク無効 ========== */
.tel-link {
  pointer-events : none;
  /* クリック/タップを無効化 */
  color : inherit;
  /* リンク色を通常テキストに */
  text-decoration : none;
  /* 下線を消す */
  cursor : default;
  /* カーソルを通常に */
}
/* ========== SP：電話リンク有効 ========== */
@media screen and (max-width: 767px) {
  .tel-link {
    pointer-events : auto;
    /* タップできるように戻す */
    cursor : pointer;
    /* 必要なら見た目をリンクに戻す（任意） */
    /* color: #0067c0; */
    text-decoration : underline;
  }
}