@charset "UTF-8";
/*=====================================================
  box
=====================================================*/
.box {
  padding: 30px 15px;
}
@media print, screen and (min-width: 768px) {
  .box {
    padding: 40px;
  }
}
.box.box--radius {
  border-radius: 10px;
}
.box.box--lightBlue {
  background-color: var(--new-light-blue);
}

.block {
  margin: 0 0 80px 0;
}
@media print, screen and (min-width: 768px) {
  .block {
    margin-right: auto;
    margin-left: auto;
    min-width: 1180px;
    padding: 0 40px 0 40px;
  }
}

/*=====================================================
  borderBox
=====================================================*/
.borderBox {
  width: 100%;
  margin: 0;
  padding: 20px;
  border: 2px solid var(--border-dark-blue);
}
@media print, screen and (min-width: 768px) {
  .borderBox {
    padding: 40px;
  }
}
.borderBox.borderBox--gray {
  border-color: var(--border-light-gray);
}
.borderBox.borderBox--radius {
  border-radius: 5px;
}
@media print, screen and (min-width: 768px) {
  .borderBox.borderBox--radius {
    border-radius: 10px;
  }
}

.button {
  width: fit-content;
  margin: 0;
  padding: 13px 60px 13px 30px;
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--base-title-color) !important;
  line-height: 1.4;
  text-align: left;
  text-decoration: none !important;
  background-color: var(--white);
  border: 2px solid var(--border-dark-blue);
  background-image: url("/library/images/icon_arrow_circle_m_right_transparent-trust-blue.svg");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 44px 44px;
  border-radius: 100vmax;
  cursor: pointer;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .button {
    padding: 15px 60px 15px 30px;
    transition: border-color 0.2s, background-image 0.2s;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .button:before {
    width: 44px;
    height: 44px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    bottom: calc(50% - 22px);
    right: 6px;
    background-color: var(--trust-blue);
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.2s;
  }
  .button:after {
    width: 44px;
    height: 44px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    bottom: calc(50% - 22px);
    right: 6px;
    background-image: url("/library/images/icon_arrow_circle_m_right_transparent-white.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 44px 44px;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.2s;
  }
  .button:hover {
    border-color: var(--trust-blue);
  }
  .button:hover::before {
    transform: scale(1);
  }
  .button:hover::after {
    opacity: 1;
  }
}
.button.button--cancel {
  padding: 13px 30px;
  background-image: none;
  border-color: var(--border-light-gray);
}
.button.button--cancel.button--large {
  padding: 18px 30px 18px 30px;
}
.button.button--cancel::before, .button.button--cancel::after {
  display: none !important;
}
@media print, screen and (min-width: 768px) {
  .button.button--cancel:hover {
    border-color: var(--trust-blue);
  }
}

.button--small {
  padding: 10px 60px 10px 30px !important;
  background-position: right 4px center !important;
}
@media print, screen and (min-width: 768px) {
  .button--small {
    padding: 15px 60px 15px 30px !important;
    font-size: 16px;
    font-size: 1rem;
  }
}
.button--small::before, .button--small:after {
  top: calc(50% - 22px) !important;
  right: 5px !important;
}

.button--large {
  padding: 18px 64px 18px 30px !important;
  font-size: 17px !important;
  font-size: 1.0625rem !important;
  background-position: right 9px center !important;
}
@media print, screen and (min-width: 768px) {
  .button--large {
    font-size: 18px !important;
    font-size: 1.125rem !important;
  }
}
.button--large::before, .button--large:after {
  top: calc(50% - 22px) !important;
  bottom: calc(50% - 22px) !important;
  right: 9px !important;
}

.buttonWin {
  width: fit-content;
  margin: 0;
  padding: 13px 60px 13px 30px;
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--base-title-color) !important;
  line-height: 1.4;
  text-align: left;
  text-decoration: none !important;
  background-color: var(--white);
  border: 2px solid var(--border-dark-blue);
  background-image: url(/library/images/icon_win_circle_white.svg);
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 44px 44px;
  border-radius: 100vmax;
  cursor: pointer;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .buttonWin {
    padding: 15px 60px 15px 30px;
    transition: border-color 0.2s, background-image 0.2s;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .buttonWin:before {
    width: 44px;
    height: 44px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    bottom: calc(50% - 22px);
    right: 6px;
    background-color: var(--trust-blue);
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.2s;
  }
  .buttonWin:after {
    width: 44px;
    height: 44px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    bottom: calc(50% - 22px);
    right: 6px;
    background-image: url(/library/images/icon_win_circle_trust-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 44px 44px;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.2s;
  }
  .buttonWin:hover {
    border-color: var(--trust-blue);
  }
  .buttonWin:hover::before {
    transform: scale(1);
  }
  .buttonWin:hover::after {
    opacity: 1;
  }
}

.buttonPdf {
  width: fit-content;
  margin: 0;
  padding: 13px 60px 13px 30px;
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--base-title-color) !important;
  line-height: 1.4;
  text-align: left;
  text-decoration: none !important;
  background-color: var(--white);
  border: 2px solid var(--border-dark-blue);
  background-image: url(/library/images/icon_pdf_circle_white.svg);
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 44px 44px;
  border-radius: 100vmax;
  cursor: pointer;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .buttonPdf {
    padding: 15px 60px 15px 30px;
    transition: border-color 0.2s, background-image 0.2s;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .buttonPdf:before {
    width: 44px;
    height: 44px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    bottom: calc(50% - 22px);
    right: 6px;
    background-color: var(--trust-blue);
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.2s;
  }
  .buttonPdf:after {
    width: 44px;
    height: 44px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    bottom: calc(50% - 22px);
    right: 6px;
    background-image: url(/library/images/icon_pdf_circle_trust-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 44px 44px;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.2s;
  }
  .buttonPdf:hover {
    border-color: var(--trust-blue);
  }
  .buttonPdf:hover::before {
    transform: scale(1);
  }
  .buttonPdf:hover::after {
    opacity: 1;
  }
}

.buttonExcel {
  width: fit-content;
  margin: 0;
  padding: 13px 60px 13px 30px;
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--base-title-color) !important;
  line-height: 1.4;
  text-align: left;
  text-decoration: none !important;
  background-color: var(--white);
  border: 2px solid var(--border-dark-blue);
  background-image: url(/library/images/icon_excel_circle_white.svg);
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 44px 44px;
  border-radius: 100vmax;
  cursor: pointer;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .buttonExcel {
    padding: 15px 60px 15px 30px;
    transition: border-color 0.2s, background-image 0.2s;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .buttonExcel:before {
    width: 44px;
    height: 44px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    bottom: calc(50% - 22px);
    right: 6px;
    background-color: var(--trust-blue);
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.2s;
  }
  .buttonExcel:after {
    width: 44px;
    height: 44px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    bottom: calc(50% - 22px);
    right: 6px;
    background-image: url(/library/images/icon_excel_circle_trust-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 44px 44px;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.2s;
  }
  .buttonExcel:hover {
    border-color: var(--trust-blue);
  }
  .buttonExcel:hover::before {
    transform: scale(1);
  }
  .buttonExcel:hover::after {
    opacity: 1;
  }
}

.buttonWord {
  width: fit-content;
  margin: 0;
  padding: 13px 60px 13px 30px;
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--base-title-color) !important;
  line-height: 1.4;
  text-align: left;
  text-decoration: none !important;
  background-color: var(--white);
  border: 2px solid var(--border-dark-blue);
  background-image: url(/library/images/icon_word_circle_white.svg);
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 44px 44px;
  border-radius: 100vmax;
  cursor: pointer;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .buttonWord {
    padding: 15px 60px 15px 30px;
    transition: border-color 0.2s, background-image 0.2s;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .buttonWord:before {
    width: 44px;
    height: 44px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    bottom: calc(50% - 22px);
    right: 6px;
    background-color: var(--trust-blue);
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.2s;
  }
  .buttonWord:after {
    width: 44px;
    height: 44px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    bottom: calc(50% - 22px);
    right: 6px;
    background-image: url(/library/images/icon_word_circle_trust-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 44px 44px;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.2s;
  }
  .buttonWord:hover {
    border-color: var(--trust-blue);
  }
  .buttonWord:hover::before {
    transform: scale(1);
  }
  .buttonWord:hover::after {
    opacity: 1;
  }
}

.buttonPpt {
  width: fit-content;
  margin: 0;
  padding: 13px 60px 13px 30px;
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--base-title-color) !important;
  line-height: 1.4;
  text-align: left;
  text-decoration: none !important;
  background-color: var(--white);
  border: 2px solid var(--border-dark-blue);
  background-image: url(/library/images/icon_ppt_circle_white.svg);
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 44px 44px;
  border-radius: 100vmax;
  cursor: pointer;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .buttonPpt {
    padding: 15px 60px 15px 30px;
    transition: border-color 0.2s, background-image 0.2s;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .buttonPpt:before {
    width: 44px;
    height: 44px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    bottom: calc(50% - 22px);
    right: 6px;
    background-color: var(--trust-blue);
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.2s;
  }
  .buttonPpt:after {
    width: 44px;
    height: 44px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    bottom: calc(50% - 22px);
    right: 6px;
    background-image: url(/library/images/icon_ppt_circle_trust-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 44px 44px;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.2s;
  }
  .buttonPpt:hover {
    border-color: var(--trust-blue);
  }
  .buttonPpt:hover::before {
    transform: scale(1);
  }
  .buttonPpt:hover::after {
    opacity: 1;
  }
}

.red {
  color: var(--red);
}

.blue {
  color: var(--blue);
}

.trustBlue {
  color: var(--trust-blue);
}

.futureBlue {
  color: var(--future-blue);
}

.orange {
  color: var(--orange);
}

.yellow {
  color: var(--yellow);
}

.green {
  color: var(--green);
}

/*=====================================================
  contactBlock
=====================================================*/
.contactBlock {
  width: 100%;
  margin: 0;
  padding: 30px 15px 15px 15px;
  background-color: var(--new-light-blue);
  border-radius: 10px;
}
@media print, screen and (min-width: 768px) {
  .contactBlock {
    padding: 40px;
  }
}
.contactBlock .contactBlock__title {
  margin: 0;
  padding: 0 0 16px 0;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
}
.contactBlock .contactBlock__inner {
  width: 100%;
  margin: 0;
  padding: 0 15px 15px 15px;
  background-color: var(--white);
  border-radius: 10px;
}
@media print, screen and (min-width: 768px) {
  .contactBlock .contactBlock__inner {
    padding: 30px;
  }
}

/*=====================================================
  panel
=====================================================*/
.panel {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 5px;
  background-color: var(--trust-blue);
}
@media print, screen and (min-width: 768px) {
  .panel:hover a .panel__img img {
    filter: brightness(1.1);
  }
  .panel:hover a .panel__title .panel__icon {
    left: 6px !important;
  }
}
@media print, screen and (min-width: 1280px) {
  .panel {
    border-radius: 10px;
  }
  .panel .panel__img img {
    transition: filter 0.2s;
  }
}
.panel a {
  width: 100%;
  display: block;
  color: var(--white);
  text-decoration: none;
  background-color: var(--trust-blue);
}
.panel a .panel__img {
  width: 100%;
  margin: 0;
  padding: 0;
}
.panel a .panel__img img {
  width: 100%;
  max-width: initial;
}
.panel a .panel__box {
  width: 100%;
  margin: 0;
  padding: 20px;
}
@media print, screen and (min-width: 768px) {
  .panel a .panel__box {
    padding: 35px 30px 24px 30px;
  }
}
.panel a .panel__box .panel__title {
  width: fit-content;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 700;
}
@media print, screen and (min-width: 768px) {
  .panel a .panel__box .panel__title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.panel a .panel__box .panel__title .panel__icon {
  width: 16px;
  margin: 0 0 0 10px;
  padding: 0;
  display: inline;
  position: relative;
  top: -2px;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  .panel a .panel__box .panel__title .panel__icon {
    top: -5px;
    transition: all 0.2s;
  }
}
.panel a .panel__box .panel__lead {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .panel a .panel__box .panel__lead {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.panel.panel--spSide a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.panel.panel--spSide a .panel__img {
  width: 140px;
}
@media print, screen and (min-width: 768px) {
  .panel.panel--spSide a .panel__img {
    width: 100%;
  }
}
.panel.panel--spSide a .panel__box {
  width: calc(100% - 140px);
  padding: 10px 20px;
}
@media print, screen and (min-width: 768px) {
  .panel.panel--spSide a .panel__box {
    width: 100%;
    padding: 20px;
  }
}
.panel.panel--spSide a .panel__box .panel__title {
  margin: 0;
}
.panel.panel--side a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.panel.panel--side a .panel__img {
  width: 140px;
}
@media print, screen and (min-width: 768px) {
  .panel.panel--side a .panel__img {
    width: 300px;
  }
}
.panel.panel--side a .panel__box {
  width: calc(100% - 140px);
  padding: 10px 20px;
}
@media print, screen and (min-width: 768px) {
  .panel.panel--side a .panel__box {
    width: calc(100% - 300px);
    padding: 20px 40px;
  }
}
.panel.panel--side a .panel__box .panel__title {
  margin: 0;
}

/*=====================================================
  column
=====================================================*/
.column {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
}
@media print, screen and (min-width: 768px) {
  .column {
    gap: 40px 40px;
  }
}
.column .column_m310 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .column .column_m310 {
    width: calc(100% - 310px);
  }
}
.column .column_270 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .column .column_270 {
    width: 270px;
  }
}

/*=====================================================
  contentsLink
=====================================================*/
.contentsLink {
  width: 100%;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .contentsLink.contentsLink--1col ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (min-width: 768px) {
  .contentsLink.contentsLink--1col ul li {
    width: 590px;
    margin-right: auto;
    margin-left: auto;
  }
}
.contentsLink ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
}
@media print, screen and (min-width: 768px) {
  .contentsLink ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}
.contentsLink ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.contentsLink ul li a {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: var(--base-font-color);
  text-decoration: none;
  overflow: hidden;
  background-color: var(--white);
  border: 2px solid var(--border-dark-blue);
  border-radius: 5px;
}
@media print, screen and (min-width: 768px) {
  .contentsLink ul li a {
    transition: color 0.2s, border 0.2s;
    border-radius: 10px;
  }
  .contentsLink ul li a:hover {
    color: var(--trust-blue);
    border-color: var(--trust-blue);
  }
  .contentsLink ul li a:hover .contentsLink__icon {
    left: 6px !important;
  }
}
.contentsLink ul li a .contentsLink__img {
  width: 118px;
  margin: 0;
  padding: 0;
  display: block;
}
@media print, screen and (min-width: 768px) {
  .contentsLink ul li a .contentsLink__img {
    width: 200px;
  }
}
.contentsLink ul li a .contentsLink__text {
  width: calc(100% - 118px);
  margin: 0;
  padding: 10px 20px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.4;
  display: block;
}
.contentsLink ul li a .contentsLink__text .contentsLink__textLead {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-top: 5px;
  display: block;
  font-weight: normal;
}
@media print, screen and (min-width: 768px) {
  .contentsLink ul li a .contentsLink__text {
    width: calc(100% - 200px);
    font-size: 16px;
    font-size: 1rem;
  }
}
.contentsLink ul li a .contentsLink__text .contentsLink__icon {
  margin-left: 10px;
  display: inline;
  position: relative;
  top: -3px;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  .contentsLink ul li a .contentsLink__text .contentsLink__icon {
    transition: all 0.2s;
  }
}

.mt0 {
  margin-top: 0px !important;
}

@media print, screen and (max-width: 768px) {
  .mt0--sp {
    margin-top: 0px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt0--pc {
    margin-top: 0px !important;
  }
}

.mt5 {
  margin-top: 5px !important;
}

@media print, screen and (max-width: 768px) {
  .mt5--sp {
    margin-top: 5px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt5--pc {
    margin-top: 5px !important;
  }
}

.mt10 {
  margin-top: 10px !important;
}

@media print, screen and (max-width: 768px) {
  .mt10--sp {
    margin-top: 10px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt10--pc {
    margin-top: 10px !important;
  }
}

.mt15 {
  margin-top: 15px !important;
}

@media print, screen and (max-width: 768px) {
  .mt15--sp {
    margin-top: 15px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt15--pc {
    margin-top: 15px !important;
  }
}

.mt20 {
  margin-top: 20px !important;
}

@media print, screen and (max-width: 768px) {
  .mt20--sp {
    margin-top: 20px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt20--pc {
    margin-top: 20px !important;
  }
}

.mt25 {
  margin-top: 25px !important;
}

@media print, screen and (max-width: 768px) {
  .mt25--sp {
    margin-top: 25px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt25--pc {
    margin-top: 25px !important;
  }
}

.mt30 {
  margin-top: 30px !important;
}

@media print, screen and (max-width: 768px) {
  .mt30--sp {
    margin-top: 30px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt30--pc {
    margin-top: 30px !important;
  }
}

.mt35 {
  margin-top: 35px !important;
}

@media print, screen and (max-width: 768px) {
  .mt35--sp {
    margin-top: 35px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt35--pc {
    margin-top: 35px !important;
  }
}

.mt40 {
  margin-top: 40px !important;
}

@media print, screen and (max-width: 768px) {
  .mt40--sp {
    margin-top: 40px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt40--pc {
    margin-top: 40px !important;
  }
}

.mt45 {
  margin-top: 45px !important;
}

@media print, screen and (max-width: 768px) {
  .mt45--sp {
    margin-top: 45px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt45--pc {
    margin-top: 45px !important;
  }
}

.mt50 {
  margin-top: 50px !important;
}

@media print, screen and (max-width: 768px) {
  .mt50--sp {
    margin-top: 50px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt50--pc {
    margin-top: 50px !important;
  }
}

.mt55 {
  margin-top: 55px !important;
}

@media print, screen and (max-width: 768px) {
  .mt55--sp {
    margin-top: 55px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt55--pc {
    margin-top: 55px !important;
  }
}

.mt60 {
  margin-top: 60px !important;
}

@media print, screen and (max-width: 768px) {
  .mt60--sp {
    margin-top: 60px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt60--pc {
    margin-top: 60px !important;
  }
}

.mt65 {
  margin-top: 65px !important;
}

@media print, screen and (max-width: 768px) {
  .mt65--sp {
    margin-top: 65px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt65--pc {
    margin-top: 65px !important;
  }
}

.mt70 {
  margin-top: 70px !important;
}

@media print, screen and (max-width: 768px) {
  .mt70--sp {
    margin-top: 70px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt70--pc {
    margin-top: 70px !important;
  }
}

.mt75 {
  margin-top: 75px !important;
}

@media print, screen and (max-width: 768px) {
  .mt75--sp {
    margin-top: 75px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt75--pc {
    margin-top: 75px !important;
  }
}

.mt80 {
  margin-top: 80px !important;
}

@media print, screen and (max-width: 768px) {
  .mt80--sp {
    margin-top: 80px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt80--pc {
    margin-top: 80px !important;
  }
}

.mt85 {
  margin-top: 85px !important;
}

@media print, screen and (max-width: 768px) {
  .mt85--sp {
    margin-top: 85px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt85--pc {
    margin-top: 85px !important;
  }
}

.mt90 {
  margin-top: 90px !important;
}

@media print, screen and (max-width: 768px) {
  .mt90--sp {
    margin-top: 90px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt90--pc {
    margin-top: 90px !important;
  }
}

.mt95 {
  margin-top: 95px !important;
}

@media print, screen and (max-width: 768px) {
  .mt95--sp {
    margin-top: 95px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt95--pc {
    margin-top: 95px !important;
  }
}

.mt100 {
  margin-top: 100px !important;
}

@media print, screen and (max-width: 768px) {
  .mt100--sp {
    margin-top: 100px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt100--pc {
    margin-top: 100px !important;
  }
}

.mt105 {
  margin-top: 105px !important;
}

@media print, screen and (max-width: 768px) {
  .mt105--sp {
    margin-top: 105px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt105--pc {
    margin-top: 105px !important;
  }
}

.mt110 {
  margin-top: 110px !important;
}

@media print, screen and (max-width: 768px) {
  .mt110--sp {
    margin-top: 110px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt110--pc {
    margin-top: 110px !important;
  }
}

.mt115 {
  margin-top: 115px !important;
}

@media print, screen and (max-width: 768px) {
  .mt115--sp {
    margin-top: 115px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt115--pc {
    margin-top: 115px !important;
  }
}

.mt120 {
  margin-top: 120px !important;
}

@media print, screen and (max-width: 768px) {
  .mt120--sp {
    margin-top: 120px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt120--pc {
    margin-top: 120px !important;
  }
}

.mt125 {
  margin-top: 125px !important;
}

@media print, screen and (max-width: 768px) {
  .mt125--sp {
    margin-top: 125px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt125--pc {
    margin-top: 125px !important;
  }
}

.mt130 {
  margin-top: 130px !important;
}

@media print, screen and (max-width: 768px) {
  .mt130--sp {
    margin-top: 130px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt130--pc {
    margin-top: 130px !important;
  }
}

.mt135 {
  margin-top: 135px !important;
}

@media print, screen and (max-width: 768px) {
  .mt135--sp {
    margin-top: 135px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt135--pc {
    margin-top: 135px !important;
  }
}

.mt140 {
  margin-top: 140px !important;
}

@media print, screen and (max-width: 768px) {
  .mt140--sp {
    margin-top: 140px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt140--pc {
    margin-top: 140px !important;
  }
}

.mt145 {
  margin-top: 145px !important;
}

@media print, screen and (max-width: 768px) {
  .mt145--sp {
    margin-top: 145px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt145--pc {
    margin-top: 145px !important;
  }
}

.mt150 {
  margin-top: 150px !important;
}

@media print, screen and (max-width: 768px) {
  .mt150--sp {
    margin-top: 150px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt150--pc {
    margin-top: 150px !important;
  }
}

.mt155 {
  margin-top: 155px !important;
}

@media print, screen and (max-width: 768px) {
  .mt155--sp {
    margin-top: 155px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt155--pc {
    margin-top: 155px !important;
  }
}

.mt160 {
  margin-top: 160px !important;
}

@media print, screen and (max-width: 768px) {
  .mt160--sp {
    margin-top: 160px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt160--pc {
    margin-top: 160px !important;
  }
}

.mt165 {
  margin-top: 165px !important;
}

@media print, screen and (max-width: 768px) {
  .mt165--sp {
    margin-top: 165px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt165--pc {
    margin-top: 165px !important;
  }
}

.mt170 {
  margin-top: 170px !important;
}

@media print, screen and (max-width: 768px) {
  .mt170--sp {
    margin-top: 170px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt170--pc {
    margin-top: 170px !important;
  }
}

.mt175 {
  margin-top: 175px !important;
}

@media print, screen and (max-width: 768px) {
  .mt175--sp {
    margin-top: 175px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt175--pc {
    margin-top: 175px !important;
  }
}

.mt180 {
  margin-top: 180px !important;
}

@media print, screen and (max-width: 768px) {
  .mt180--sp {
    margin-top: 180px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt180--pc {
    margin-top: 180px !important;
  }
}

.mt185 {
  margin-top: 185px !important;
}

@media print, screen and (max-width: 768px) {
  .mt185--sp {
    margin-top: 185px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt185--pc {
    margin-top: 185px !important;
  }
}

.mt190 {
  margin-top: 190px !important;
}

@media print, screen and (max-width: 768px) {
  .mt190--sp {
    margin-top: 190px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt190--pc {
    margin-top: 190px !important;
  }
}

.mt195 {
  margin-top: 195px !important;
}

@media print, screen and (max-width: 768px) {
  .mt195--sp {
    margin-top: 195px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt195--pc {
    margin-top: 195px !important;
  }
}

.mt200 {
  margin-top: 200px !important;
}

@media print, screen and (max-width: 768px) {
  .mt200--sp {
    margin-top: 200px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt200--pc {
    margin-top: 200px !important;
  }
}

.mb0 {
  margin-bottom: 0px !important;
}

@media print, screen and (max-width: 768px) {
  .mb0--sp {
    margin-bottom: 0px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb0--pc {
    margin-bottom: 0px !important;
  }
}

.mb5 {
  margin-bottom: 5px !important;
}

@media print, screen and (max-width: 768px) {
  .mb5--sp {
    margin-bottom: 5px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb5--pc {
    margin-bottom: 5px !important;
  }
}

.mb10 {
  margin-bottom: 10px !important;
}

@media print, screen and (max-width: 768px) {
  .mb10--sp {
    margin-bottom: 10px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb10--pc {
    margin-bottom: 10px !important;
  }
}

.mb15 {
  margin-bottom: 15px !important;
}

@media print, screen and (max-width: 768px) {
  .mb15--sp {
    margin-bottom: 15px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb15--pc {
    margin-bottom: 15px !important;
  }
}

.mb20 {
  margin-bottom: 20px !important;
}

@media print, screen and (max-width: 768px) {
  .mb20--sp {
    margin-bottom: 20px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb20--pc {
    margin-bottom: 20px !important;
  }
}

.mb25 {
  margin-bottom: 25px !important;
}

@media print, screen and (max-width: 768px) {
  .mb25--sp {
    margin-bottom: 25px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb25--pc {
    margin-bottom: 25px !important;
  }
}

.mb30 {
  margin-bottom: 30px !important;
}

@media print, screen and (max-width: 768px) {
  .mb30--sp {
    margin-bottom: 30px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb30--pc {
    margin-bottom: 30px !important;
  }
}

.mb35 {
  margin-bottom: 35px !important;
}

@media print, screen and (max-width: 768px) {
  .mb35--sp {
    margin-bottom: 35px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb35--pc {
    margin-bottom: 35px !important;
  }
}

.mb40 {
  margin-bottom: 40px !important;
}

@media print, screen and (max-width: 768px) {
  .mb40--sp {
    margin-bottom: 40px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb40--pc {
    margin-bottom: 40px !important;
  }
}

.mb45 {
  margin-bottom: 45px !important;
}

@media print, screen and (max-width: 768px) {
  .mb45--sp {
    margin-bottom: 45px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb45--pc {
    margin-bottom: 45px !important;
  }
}

.mb50 {
  margin-bottom: 50px !important;
}

@media print, screen and (max-width: 768px) {
  .mb50--sp {
    margin-bottom: 50px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb50--pc {
    margin-bottom: 50px !important;
  }
}

.mb55 {
  margin-bottom: 55px !important;
}

@media print, screen and (max-width: 768px) {
  .mb55--sp {
    margin-bottom: 55px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb55--pc {
    margin-bottom: 55px !important;
  }
}

.mb60 {
  margin-bottom: 60px !important;
}

@media print, screen and (max-width: 768px) {
  .mb60--sp {
    margin-bottom: 60px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb60--pc {
    margin-bottom: 60px !important;
  }
}

.mb65 {
  margin-bottom: 65px !important;
}

@media print, screen and (max-width: 768px) {
  .mb65--sp {
    margin-bottom: 65px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb65--pc {
    margin-bottom: 65px !important;
  }
}

.mb70 {
  margin-bottom: 70px !important;
}

@media print, screen and (max-width: 768px) {
  .mb70--sp {
    margin-bottom: 70px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb70--pc {
    margin-bottom: 70px !important;
  }
}

.mb75 {
  margin-bottom: 75px !important;
}

@media print, screen and (max-width: 768px) {
  .mb75--sp {
    margin-bottom: 75px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb75--pc {
    margin-bottom: 75px !important;
  }
}

.mb80 {
  margin-bottom: 80px !important;
}

@media print, screen and (max-width: 768px) {
  .mb80--sp {
    margin-bottom: 80px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb80--pc {
    margin-bottom: 80px !important;
  }
}

.mb85 {
  margin-bottom: 85px !important;
}

@media print, screen and (max-width: 768px) {
  .mb85--sp {
    margin-bottom: 85px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb85--pc {
    margin-bottom: 85px !important;
  }
}

.mb90 {
  margin-bottom: 90px !important;
}

@media print, screen and (max-width: 768px) {
  .mb90--sp {
    margin-bottom: 90px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb90--pc {
    margin-bottom: 90px !important;
  }
}

.mb95 {
  margin-bottom: 95px !important;
}

@media print, screen and (max-width: 768px) {
  .mb95--sp {
    margin-bottom: 95px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb95--pc {
    margin-bottom: 95px !important;
  }
}

.mb100 {
  margin-bottom: 100px !important;
}

@media print, screen and (max-width: 768px) {
  .mb100--sp {
    margin-bottom: 100px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb100--pc {
    margin-bottom: 100px !important;
  }
}

.mb105 {
  margin-bottom: 105px !important;
}

@media print, screen and (max-width: 768px) {
  .mb105--sp {
    margin-bottom: 105px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb105--pc {
    margin-bottom: 105px !important;
  }
}

.mb110 {
  margin-bottom: 110px !important;
}

@media print, screen and (max-width: 768px) {
  .mb110--sp {
    margin-bottom: 110px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb110--pc {
    margin-bottom: 110px !important;
  }
}

.mb115 {
  margin-bottom: 115px !important;
}

@media print, screen and (max-width: 768px) {
  .mb115--sp {
    margin-bottom: 115px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb115--pc {
    margin-bottom: 115px !important;
  }
}

.mb120 {
  margin-bottom: 120px !important;
}

@media print, screen and (max-width: 768px) {
  .mb120--sp {
    margin-bottom: 120px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb120--pc {
    margin-bottom: 120px !important;
  }
}

.mb125 {
  margin-bottom: 125px !important;
}

@media print, screen and (max-width: 768px) {
  .mb125--sp {
    margin-bottom: 125px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb125--pc {
    margin-bottom: 125px !important;
  }
}

.mb130 {
  margin-bottom: 130px !important;
}

@media print, screen and (max-width: 768px) {
  .mb130--sp {
    margin-bottom: 130px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb130--pc {
    margin-bottom: 130px !important;
  }
}

.mb135 {
  margin-bottom: 135px !important;
}

@media print, screen and (max-width: 768px) {
  .mb135--sp {
    margin-bottom: 135px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb135--pc {
    margin-bottom: 135px !important;
  }
}

.mb140 {
  margin-bottom: 140px !important;
}

@media print, screen and (max-width: 768px) {
  .mb140--sp {
    margin-bottom: 140px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb140--pc {
    margin-bottom: 140px !important;
  }
}

.mb145 {
  margin-bottom: 145px !important;
}

@media print, screen and (max-width: 768px) {
  .mb145--sp {
    margin-bottom: 145px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb145--pc {
    margin-bottom: 145px !important;
  }
}

.mb150 {
  margin-bottom: 150px !important;
}

@media print, screen and (max-width: 768px) {
  .mb150--sp {
    margin-bottom: 150px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb150--pc {
    margin-bottom: 150px !important;
  }
}

.mb155 {
  margin-bottom: 155px !important;
}

@media print, screen and (max-width: 768px) {
  .mb155--sp {
    margin-bottom: 155px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb155--pc {
    margin-bottom: 155px !important;
  }
}

.mb160 {
  margin-bottom: 160px !important;
}

@media print, screen and (max-width: 768px) {
  .mb160--sp {
    margin-bottom: 160px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb160--pc {
    margin-bottom: 160px !important;
  }
}

.mb165 {
  margin-bottom: 165px !important;
}

@media print, screen and (max-width: 768px) {
  .mb165--sp {
    margin-bottom: 165px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb165--pc {
    margin-bottom: 165px !important;
  }
}

.mb170 {
  margin-bottom: 170px !important;
}

@media print, screen and (max-width: 768px) {
  .mb170--sp {
    margin-bottom: 170px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb170--pc {
    margin-bottom: 170px !important;
  }
}

.mb175 {
  margin-bottom: 175px !important;
}

@media print, screen and (max-width: 768px) {
  .mb175--sp {
    margin-bottom: 175px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb175--pc {
    margin-bottom: 175px !important;
  }
}

.mb180 {
  margin-bottom: 180px !important;
}

@media print, screen and (max-width: 768px) {
  .mb180--sp {
    margin-bottom: 180px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb180--pc {
    margin-bottom: 180px !important;
  }
}

.mb185 {
  margin-bottom: 185px !important;
}

@media print, screen and (max-width: 768px) {
  .mb185--sp {
    margin-bottom: 185px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb185--pc {
    margin-bottom: 185px !important;
  }
}

.mb190 {
  margin-bottom: 190px !important;
}

@media print, screen and (max-width: 768px) {
  .mb190--sp {
    margin-bottom: 190px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb190--pc {
    margin-bottom: 190px !important;
  }
}

.mb195 {
  margin-bottom: 195px !important;
}

@media print, screen and (max-width: 768px) {
  .mb195--sp {
    margin-bottom: 195px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb195--pc {
    margin-bottom: 195px !important;
  }
}

.mb200 {
  margin-bottom: 200px !important;
}

@media print, screen and (max-width: 768px) {
  .mb200--sp {
    margin-bottom: 200px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb200--pc {
    margin-bottom: 200px !important;
  }
}

.mr0 {
  margin-right: 0px !important;
}

@media print, screen and (max-width: 768px) {
  .mr0--sp {
    margin-right: 0px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr0--pc {
    margin-right: 0px !important;
  }
}

.mr5 {
  margin-right: 5px !important;
}

@media print, screen and (max-width: 768px) {
  .mr5--sp {
    margin-right: 5px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr5--pc {
    margin-right: 5px !important;
  }
}

.mr10 {
  margin-right: 10px !important;
}

@media print, screen and (max-width: 768px) {
  .mr10--sp {
    margin-right: 10px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr10--pc {
    margin-right: 10px !important;
  }
}

.mr15 {
  margin-right: 15px !important;
}

@media print, screen and (max-width: 768px) {
  .mr15--sp {
    margin-right: 15px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr15--pc {
    margin-right: 15px !important;
  }
}

.mr20 {
  margin-right: 20px !important;
}

@media print, screen and (max-width: 768px) {
  .mr20--sp {
    margin-right: 20px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr20--pc {
    margin-right: 20px !important;
  }
}

.mr25 {
  margin-right: 25px !important;
}

@media print, screen and (max-width: 768px) {
  .mr25--sp {
    margin-right: 25px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr25--pc {
    margin-right: 25px !important;
  }
}

.mr30 {
  margin-right: 30px !important;
}

@media print, screen and (max-width: 768px) {
  .mr30--sp {
    margin-right: 30px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr30--pc {
    margin-right: 30px !important;
  }
}

.mr35 {
  margin-right: 35px !important;
}

@media print, screen and (max-width: 768px) {
  .mr35--sp {
    margin-right: 35px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr35--pc {
    margin-right: 35px !important;
  }
}

.mr40 {
  margin-right: 40px !important;
}

@media print, screen and (max-width: 768px) {
  .mr40--sp {
    margin-right: 40px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr40--pc {
    margin-right: 40px !important;
  }
}

.mr45 {
  margin-right: 45px !important;
}

@media print, screen and (max-width: 768px) {
  .mr45--sp {
    margin-right: 45px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr45--pc {
    margin-right: 45px !important;
  }
}

.mr50 {
  margin-right: 50px !important;
}

@media print, screen and (max-width: 768px) {
  .mr50--sp {
    margin-right: 50px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr50--pc {
    margin-right: 50px !important;
  }
}

.mr55 {
  margin-right: 55px !important;
}

@media print, screen and (max-width: 768px) {
  .mr55--sp {
    margin-right: 55px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr55--pc {
    margin-right: 55px !important;
  }
}

.mr60 {
  margin-right: 60px !important;
}

@media print, screen and (max-width: 768px) {
  .mr60--sp {
    margin-right: 60px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr60--pc {
    margin-right: 60px !important;
  }
}

.mr65 {
  margin-right: 65px !important;
}

@media print, screen and (max-width: 768px) {
  .mr65--sp {
    margin-right: 65px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr65--pc {
    margin-right: 65px !important;
  }
}

.mr70 {
  margin-right: 70px !important;
}

@media print, screen and (max-width: 768px) {
  .mr70--sp {
    margin-right: 70px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr70--pc {
    margin-right: 70px !important;
  }
}

.mr75 {
  margin-right: 75px !important;
}

@media print, screen and (max-width: 768px) {
  .mr75--sp {
    margin-right: 75px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr75--pc {
    margin-right: 75px !important;
  }
}

.mr80 {
  margin-right: 80px !important;
}

@media print, screen and (max-width: 768px) {
  .mr80--sp {
    margin-right: 80px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr80--pc {
    margin-right: 80px !important;
  }
}

.mr85 {
  margin-right: 85px !important;
}

@media print, screen and (max-width: 768px) {
  .mr85--sp {
    margin-right: 85px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr85--pc {
    margin-right: 85px !important;
  }
}

.mr90 {
  margin-right: 90px !important;
}

@media print, screen and (max-width: 768px) {
  .mr90--sp {
    margin-right: 90px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr90--pc {
    margin-right: 90px !important;
  }
}

.mr95 {
  margin-right: 95px !important;
}

@media print, screen and (max-width: 768px) {
  .mr95--sp {
    margin-right: 95px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr95--pc {
    margin-right: 95px !important;
  }
}

.mr100 {
  margin-right: 100px !important;
}

@media print, screen and (max-width: 768px) {
  .mr100--sp {
    margin-right: 100px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr100--pc {
    margin-right: 100px !important;
  }
}

.mr105 {
  margin-right: 105px !important;
}

@media print, screen and (max-width: 768px) {
  .mr105--sp {
    margin-right: 105px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr105--pc {
    margin-right: 105px !important;
  }
}

.mr110 {
  margin-right: 110px !important;
}

@media print, screen and (max-width: 768px) {
  .mr110--sp {
    margin-right: 110px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr110--pc {
    margin-right: 110px !important;
  }
}

.mr115 {
  margin-right: 115px !important;
}

@media print, screen and (max-width: 768px) {
  .mr115--sp {
    margin-right: 115px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr115--pc {
    margin-right: 115px !important;
  }
}

.mr120 {
  margin-right: 120px !important;
}

@media print, screen and (max-width: 768px) {
  .mr120--sp {
    margin-right: 120px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr120--pc {
    margin-right: 120px !important;
  }
}

.mr125 {
  margin-right: 125px !important;
}

@media print, screen and (max-width: 768px) {
  .mr125--sp {
    margin-right: 125px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr125--pc {
    margin-right: 125px !important;
  }
}

.mr130 {
  margin-right: 130px !important;
}

@media print, screen and (max-width: 768px) {
  .mr130--sp {
    margin-right: 130px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr130--pc {
    margin-right: 130px !important;
  }
}

.mr135 {
  margin-right: 135px !important;
}

@media print, screen and (max-width: 768px) {
  .mr135--sp {
    margin-right: 135px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr135--pc {
    margin-right: 135px !important;
  }
}

.mr140 {
  margin-right: 140px !important;
}

@media print, screen and (max-width: 768px) {
  .mr140--sp {
    margin-right: 140px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr140--pc {
    margin-right: 140px !important;
  }
}

.mr145 {
  margin-right: 145px !important;
}

@media print, screen and (max-width: 768px) {
  .mr145--sp {
    margin-right: 145px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr145--pc {
    margin-right: 145px !important;
  }
}

.mr150 {
  margin-right: 150px !important;
}

@media print, screen and (max-width: 768px) {
  .mr150--sp {
    margin-right: 150px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr150--pc {
    margin-right: 150px !important;
  }
}

.mr155 {
  margin-right: 155px !important;
}

@media print, screen and (max-width: 768px) {
  .mr155--sp {
    margin-right: 155px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr155--pc {
    margin-right: 155px !important;
  }
}

.mr160 {
  margin-right: 160px !important;
}

@media print, screen and (max-width: 768px) {
  .mr160--sp {
    margin-right: 160px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr160--pc {
    margin-right: 160px !important;
  }
}

.mr165 {
  margin-right: 165px !important;
}

@media print, screen and (max-width: 768px) {
  .mr165--sp {
    margin-right: 165px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr165--pc {
    margin-right: 165px !important;
  }
}

.mr170 {
  margin-right: 170px !important;
}

@media print, screen and (max-width: 768px) {
  .mr170--sp {
    margin-right: 170px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr170--pc {
    margin-right: 170px !important;
  }
}

.mr175 {
  margin-right: 175px !important;
}

@media print, screen and (max-width: 768px) {
  .mr175--sp {
    margin-right: 175px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr175--pc {
    margin-right: 175px !important;
  }
}

.mr180 {
  margin-right: 180px !important;
}

@media print, screen and (max-width: 768px) {
  .mr180--sp {
    margin-right: 180px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr180--pc {
    margin-right: 180px !important;
  }
}

.mr185 {
  margin-right: 185px !important;
}

@media print, screen and (max-width: 768px) {
  .mr185--sp {
    margin-right: 185px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr185--pc {
    margin-right: 185px !important;
  }
}

.mr190 {
  margin-right: 190px !important;
}

@media print, screen and (max-width: 768px) {
  .mr190--sp {
    margin-right: 190px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr190--pc {
    margin-right: 190px !important;
  }
}

.mr195 {
  margin-right: 195px !important;
}

@media print, screen and (max-width: 768px) {
  .mr195--sp {
    margin-right: 195px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr195--pc {
    margin-right: 195px !important;
  }
}

.mr200 {
  margin-right: 200px !important;
}

@media print, screen and (max-width: 768px) {
  .mr200--sp {
    margin-right: 200px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mr200--pc {
    margin-right: 200px !important;
  }
}

.ml0 {
  margin-left: 0px !important;
}

@media print, screen and (max-width: 768px) {
  .ml0--sp {
    margin-left: 0px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml0--pc {
    margin-left: 0px !important;
  }
}

.ml5 {
  margin-left: 5px !important;
}

@media print, screen and (max-width: 768px) {
  .ml5--sp {
    margin-left: 5px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml5--pc {
    margin-left: 5px !important;
  }
}

.ml10 {
  margin-left: 10px !important;
}

@media print, screen and (max-width: 768px) {
  .ml10--sp {
    margin-left: 10px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml10--pc {
    margin-left: 10px !important;
  }
}

.ml15 {
  margin-left: 15px !important;
}

@media print, screen and (max-width: 768px) {
  .ml15--sp {
    margin-left: 15px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml15--pc {
    margin-left: 15px !important;
  }
}

.ml20 {
  margin-left: 20px !important;
}

@media print, screen and (max-width: 768px) {
  .ml20--sp {
    margin-left: 20px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml20--pc {
    margin-left: 20px !important;
  }
}

.ml25 {
  margin-left: 25px !important;
}

@media print, screen and (max-width: 768px) {
  .ml25--sp {
    margin-left: 25px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml25--pc {
    margin-left: 25px !important;
  }
}

.ml30 {
  margin-left: 30px !important;
}

@media print, screen and (max-width: 768px) {
  .ml30--sp {
    margin-left: 30px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml30--pc {
    margin-left: 30px !important;
  }
}

.ml35 {
  margin-left: 35px !important;
}

@media print, screen and (max-width: 768px) {
  .ml35--sp {
    margin-left: 35px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml35--pc {
    margin-left: 35px !important;
  }
}

.ml40 {
  margin-left: 40px !important;
}

@media print, screen and (max-width: 768px) {
  .ml40--sp {
    margin-left: 40px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml40--pc {
    margin-left: 40px !important;
  }
}

.ml45 {
  margin-left: 45px !important;
}

@media print, screen and (max-width: 768px) {
  .ml45--sp {
    margin-left: 45px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml45--pc {
    margin-left: 45px !important;
  }
}

.ml50 {
  margin-left: 50px !important;
}

@media print, screen and (max-width: 768px) {
  .ml50--sp {
    margin-left: 50px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml50--pc {
    margin-left: 50px !important;
  }
}

.ml55 {
  margin-left: 55px !important;
}

@media print, screen and (max-width: 768px) {
  .ml55--sp {
    margin-left: 55px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml55--pc {
    margin-left: 55px !important;
  }
}

.ml60 {
  margin-left: 60px !important;
}

@media print, screen and (max-width: 768px) {
  .ml60--sp {
    margin-left: 60px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml60--pc {
    margin-left: 60px !important;
  }
}

.ml65 {
  margin-left: 65px !important;
}

@media print, screen and (max-width: 768px) {
  .ml65--sp {
    margin-left: 65px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml65--pc {
    margin-left: 65px !important;
  }
}

.ml70 {
  margin-left: 70px !important;
}

@media print, screen and (max-width: 768px) {
  .ml70--sp {
    margin-left: 70px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml70--pc {
    margin-left: 70px !important;
  }
}

.ml75 {
  margin-left: 75px !important;
}

@media print, screen and (max-width: 768px) {
  .ml75--sp {
    margin-left: 75px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml75--pc {
    margin-left: 75px !important;
  }
}

.ml80 {
  margin-left: 80px !important;
}

@media print, screen and (max-width: 768px) {
  .ml80--sp {
    margin-left: 80px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml80--pc {
    margin-left: 80px !important;
  }
}

.ml85 {
  margin-left: 85px !important;
}

@media print, screen and (max-width: 768px) {
  .ml85--sp {
    margin-left: 85px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml85--pc {
    margin-left: 85px !important;
  }
}

.ml90 {
  margin-left: 90px !important;
}

@media print, screen and (max-width: 768px) {
  .ml90--sp {
    margin-left: 90px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml90--pc {
    margin-left: 90px !important;
  }
}

.ml95 {
  margin-left: 95px !important;
}

@media print, screen and (max-width: 768px) {
  .ml95--sp {
    margin-left: 95px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml95--pc {
    margin-left: 95px !important;
  }
}

.ml100 {
  margin-left: 100px !important;
}

@media print, screen and (max-width: 768px) {
  .ml100--sp {
    margin-left: 100px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml100--pc {
    margin-left: 100px !important;
  }
}

.ml105 {
  margin-left: 105px !important;
}

@media print, screen and (max-width: 768px) {
  .ml105--sp {
    margin-left: 105px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml105--pc {
    margin-left: 105px !important;
  }
}

.ml110 {
  margin-left: 110px !important;
}

@media print, screen and (max-width: 768px) {
  .ml110--sp {
    margin-left: 110px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml110--pc {
    margin-left: 110px !important;
  }
}

.ml115 {
  margin-left: 115px !important;
}

@media print, screen and (max-width: 768px) {
  .ml115--sp {
    margin-left: 115px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml115--pc {
    margin-left: 115px !important;
  }
}

.ml120 {
  margin-left: 120px !important;
}

@media print, screen and (max-width: 768px) {
  .ml120--sp {
    margin-left: 120px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml120--pc {
    margin-left: 120px !important;
  }
}

.ml125 {
  margin-left: 125px !important;
}

@media print, screen and (max-width: 768px) {
  .ml125--sp {
    margin-left: 125px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml125--pc {
    margin-left: 125px !important;
  }
}

.ml130 {
  margin-left: 130px !important;
}

@media print, screen and (max-width: 768px) {
  .ml130--sp {
    margin-left: 130px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml130--pc {
    margin-left: 130px !important;
  }
}

.ml135 {
  margin-left: 135px !important;
}

@media print, screen and (max-width: 768px) {
  .ml135--sp {
    margin-left: 135px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml135--pc {
    margin-left: 135px !important;
  }
}

.ml140 {
  margin-left: 140px !important;
}

@media print, screen and (max-width: 768px) {
  .ml140--sp {
    margin-left: 140px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml140--pc {
    margin-left: 140px !important;
  }
}

.ml145 {
  margin-left: 145px !important;
}

@media print, screen and (max-width: 768px) {
  .ml145--sp {
    margin-left: 145px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml145--pc {
    margin-left: 145px !important;
  }
}

.ml150 {
  margin-left: 150px !important;
}

@media print, screen and (max-width: 768px) {
  .ml150--sp {
    margin-left: 150px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml150--pc {
    margin-left: 150px !important;
  }
}

.ml155 {
  margin-left: 155px !important;
}

@media print, screen and (max-width: 768px) {
  .ml155--sp {
    margin-left: 155px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml155--pc {
    margin-left: 155px !important;
  }
}

.ml160 {
  margin-left: 160px !important;
}

@media print, screen and (max-width: 768px) {
  .ml160--sp {
    margin-left: 160px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml160--pc {
    margin-left: 160px !important;
  }
}

.ml165 {
  margin-left: 165px !important;
}

@media print, screen and (max-width: 768px) {
  .ml165--sp {
    margin-left: 165px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml165--pc {
    margin-left: 165px !important;
  }
}

.ml170 {
  margin-left: 170px !important;
}

@media print, screen and (max-width: 768px) {
  .ml170--sp {
    margin-left: 170px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml170--pc {
    margin-left: 170px !important;
  }
}

.ml175 {
  margin-left: 175px !important;
}

@media print, screen and (max-width: 768px) {
  .ml175--sp {
    margin-left: 175px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml175--pc {
    margin-left: 175px !important;
  }
}

.ml180 {
  margin-left: 180px !important;
}

@media print, screen and (max-width: 768px) {
  .ml180--sp {
    margin-left: 180px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml180--pc {
    margin-left: 180px !important;
  }
}

.ml185 {
  margin-left: 185px !important;
}

@media print, screen and (max-width: 768px) {
  .ml185--sp {
    margin-left: 185px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml185--pc {
    margin-left: 185px !important;
  }
}

.ml190 {
  margin-left: 190px !important;
}

@media print, screen and (max-width: 768px) {
  .ml190--sp {
    margin-left: 190px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml190--pc {
    margin-left: 190px !important;
  }
}

.ml195 {
  margin-left: 195px !important;
}

@media print, screen and (max-width: 768px) {
  .ml195--sp {
    margin-left: 195px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml195--pc {
    margin-left: 195px !important;
  }
}

.ml200 {
  margin-left: 200px !important;
}

@media print, screen and (max-width: 768px) {
  .ml200--sp {
    margin-left: 200px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ml200--pc {
    margin-left: 200px !important;
  }
}

.mAuto {
  margin-right: auto;
  margin-left: auto;
}

/*=====================================================
  menuList
=====================================================*/
.menuList {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .menuList {
    margin: 0;
    padding: 0;
  }
}
.menuList.menuList--1col .menuList__list ul {
  grid-template-columns: repeat(1, 1fr);
}
.menuList.menuList--2col .menuList__list ul {
  grid-template-columns: repeat(2, 1fr);
}
.menuList.menuList_3-6col .menuList__list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 10px;
}
@media print, screen and (min-width: 768px) {
  .menuList.menuList_3-6col .menuList__list ul {
    grid-template-columns: repeat(6, 1fr);
    gap: 0 20px;
  }
}
.menuList.menuList_3-6col .menuList__list ul li.on {
  border-bottom-color: var(--turst-blue);
}
.menuList.menuList_3-6col .menuList__list ul li.on a {
  color: var(--trust-blue);
  font-weight: 700;
  background-color: var(--light-blue);
}
.menuList.menuList_3-6col .menuList__list ul li a {
  padding: 10px;
}
.menuList.menuList_3-6col .menuList__list ul li a .menuList__icon {
  top: -3px;
}
.menuList .menuList__list {
  width: 100%;
  margin: 0;
  padding: 0;
}
.menuList .menuList__list ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .menuList .menuList__list ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 40px;
  }
}
.menuList .menuList__list ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid var(--border-dark-gray);
}
@media print, screen and (min-width: 768px) {
  .menuList .menuList__list ul li {
    margin-bottom: 10px;
    transition: color 0.2s, border-color 0.2s;
  }
  .menuList .menuList__list ul li:hover {
    border-bottom: 1px solid var(--trust-blue);
  }
  .menuList .menuList__list ul li:hover a {
    color: var(--trust-blue) !important;
  }
  .menuList .menuList__list ul li:hover a .menuList__icon {
    left: 6px;
  }
}
.menuList .menuList__list ul li a {
  width: 100%;
  margin: 0;
  padding: 20px 50px 20px 15px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--base-title-color);
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  .menuList .menuList__list ul li a {
    padding: 24px 15px;
    font-size: 16px;
    font-size: 1rem;
    background-image: none;
  }
}
.menuList .menuList__list ul li a.on {
  color: var(--trust-blue);
  font-weight: 700;
  background-color: var(--white);
}
.menuList .menuList__list ul li a .menuList__icon {
  width: 16px;
  margin-left: 10px;
  position: relative;
  top: -1px;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  .menuList .menuList__list ul li a .menuList__icon {
    top: -3px;
    transition: left 0.2s;
  }
}

.alignCenter {
  text-align: center !important;
}

@media print, screen and (max-width: 768px) {
  .alignCenter--sp {
    text-align: center !important;
  }
}

@media print, screen and (min-width: 768px) {
  .alignCenter--pc {
    text-align: center !important;
  }
}

.alignLeft {
  text-align: left !important;
}

@media print, screen and (max-width: 768px) {
  .alignLeft--sp {
    text-align: left !important;
  }
}

@media print, screen and (min-width: 768px) {
  .alignLeft--pc {
    text-align: left !important;
  }
}

.alignRight {
  text-align: right !important;
}

@media print, screen and (max-width: 768px) {
  .alignRight--sp {
    text-align: right !important;
  }
}

@media print, screen and (min-width: 768px) {
  .alignRight--pc {
    text-align: right !important;
  }
}

/*=====================================================
  tdHr
=====================================================*/
.hr {
  width: 100%;
  height: 1px;
  border: none;
  background-color: var(--border-light-gray);
}

.iconArrow {
  margin-left: 10px;
  position: relative;
  top: -6px;
  width: 14px;
  height: 14px;
}

.iconWin {
  margin-left: 10px;
  position: relative;
  top: -5px;
}

.iconWord {
  margin-left: 10px;
  position: relative;
  top: -4px;
}
.iconWord.iconWord--small {
  top: -7px;
}

.iconExcel {
  margin-left: 10px;
  position: relative;
  top: -4px;
}

.iconPdf {
  margin-left: 10px;
  position: relative;
  top: -4px;
}

/*=====================================================
  grid
=====================================================*/
.grid, :root ul.girdList {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
}
@media print, screen and (min-width: 768px) {
  .grid, :root ul.girdList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
.grid.grid--1col, :root ul.grid--1col.girdList {
  grid-template-columns: repeat(1, 1fr);
}
.grid.grid--3col, :root ul.grid--3col.girdList {
  grid-template-columns: repeat(3, 1fr);
}
.grid.grid--4col, :root ul.grid--4col.girdList {
  grid-template-columns: repeat(4, 1fr);
}
.grid.grid--borderList, :root ul.grid--borderList.girdList {
  gap: 0 40px;
}
.grid.grid--borderList .grid__col, :root ul.grid--borderList.girdList .grid__col {
  padding: 20px 0;
  border-bottom: 1px solid var(--border-dark-gray);
}
@media print, screen and (min-width: 768px) {
  .grid.grid--borderList .grid__col, :root ul.grid--borderList.girdList .grid__col {
    transition: all 0.2s;
  }
  .grid.grid--borderList .grid__col img, :root ul.grid--borderList.girdList .grid__col img {
    position: relative;
    transition: all 0.2s;
    left: 0;
  }
  .grid.grid--borderList .grid__col:has(a:hover), :root ul.grid--borderList.girdList .grid__col:has(a:hover) {
    color: var(--trust-blue) !important;
    border-bottom-color: var(--trust-blue);
  }
  .grid.grid--borderList .grid__col:has(a:hover) img, :root ul.grid--borderList.girdList .grid__col:has(a:hover) img {
    left: 6px;
  }
}
.grid.grid--borderList .grid__col p, :root ul.grid--borderList.girdList .grid__col p {
  margin: 0;
}
.grid.grid--borderList .grid__col a, :root ul.grid--borderList.girdList .grid__col a {
  text-decoration: none;
  display: block;
}
.grid.grid--borderList .grid__col a:visited, :root ul.grid--borderList.girdList .grid__col a:visited {
  color: var(--base-font-color);
}
.grid .grid__col, :root ul.girdList .grid__col {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media print, screen and (min-width: 768px) {
  .grid .grid__col, :root ul.girdList .grid__col {
    font-size: 16px;
    font-size: 1rem;
  }
}

/*=====================================================

=====================================================*/
:root ul.girdList {
  margin: 0;
  padding: 0;
}
:root ul.girdList li {
  line-height: 1.6;
}
:root ul.girdList .iconWin {
  top: -2px;
}

.pbMainArea .fontSize12 {
  font-size: 12px !important;
  font-size: 0.75rem !important;
}
.pbMainArea .fontSize12--sp {
  font-size: 12px;
  font-size: 0.75rem;
}
@media print, screen and (min-width: 768px) {
  .pbMainArea .fontSize12--sp {
    font-size: 16px;
    font-size: 1rem;
  }
}
.pbMainArea .fontSize13 {
  font-size: 13px !important;
  font-size: 0.8125rem !important;
}
.pbMainArea .fontSize13--sp {
  font-size: 13px;
  font-size: 0.8125rem;
}
@media print, screen and (min-width: 768px) {
  .pbMainArea .fontSize13--sp {
    font-size: 16px;
    font-size: 1rem;
  }
}
.pbMainArea .fontSize14 {
  font-size: 14px !important;
  font-size: 0.875rem !important;
}
@media print, screen and (min-width: 768px) {
  .pbMainArea .fontSize14--pc {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.pbMainArea .fontSize18 {
  font-size: 18px !important;
  font-size: 1.125rem !important;
}
.pbMainArea .fontSize24--sp {
  font-size: 24px;
  font-size: 1.5rem;
}
@media print, screen and (min-width: 768px) {
  .pbMainArea .fontSize36--pc {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
.pbMainArea .attention {
  font-size: 13px;
  font-size: 0.8125rem;
}
@media print, screen and (min-width: 768px) {
  .pbMainArea .attention {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/*=====================================================
  form
=====================================================*/
@media print, screen and (min-width: 768px) {
  .form {
    max-width: 800px;
    margin: 0 auto;
  }
}

/*=====================================================
  tblBlock--form
=====================================================*/
.f__errorMsg {
  padding: 5px;
  display: block;
  color: var(--red) !important;
  font-weight: 700;
  line-height: 1.8;
  background-color: var(--pink);
}

/*=====================================================
  f_text
=====================================================*/
input[type=checkbox],
input[type=radio] {
  margin-right: 6px;
  display: inline-block;
  transform: scale(1.5);
  cursor: pointer;
}

input[type=radio] {
  accent-color: var(--trust-blue);
}

input[type=submit],
button {
  border: none;
  cursor: pointer;
  font-size: 18px;
  font-size: 1.125rem;
}

input[type=text]:focus {
  background-color: var(--cream);
}

textarea {
  box-sizing: border-box;
}

label {
  margin-right: 0;
  display: inline-block;
  cursor: pointer;
}

.f_caseText {
  color: #999;
}

.f__text {
  padding: 14px !important;
  border: 1px solid var(--border-darker-gray) !important;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  border-radius: 5px;
}
@media print, screen and (min-width: 768px) {
  .f__text {
    font-size: 16px;
    font-size: 1rem;
  }
}

.f__select {
  padding: 14px !important;
  border: 1px solid var(--border-darker-gray) !important;
  font-size: 20px !important;
}
@media print, screen and (min-width: 768px) {
  .f__select {
    font-size: 24px !important;
  }
}

.f__textarea {
  padding: 10px !important;
  border: 1px solid var(--border-darker-gray) !important;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  border-radius: 5px;
}
@media print, screen and (min-width: 768px) {
  .f__textarea {
    font-size: 16px;
    font-size: 1rem;
  }
}

.f__name,
.f__kana {
  width: 80%;
}
@media print, screen and (min-width: 768px) {
  .f__name,
  .f__kana {
    width: 300px;
  }
}

.f__fullName {
  width: 80%;
}
@media print, screen and (min-width: 768px) {
  .f__fullName {
    width: 300px;
  }
}

.f__age {
  width: 10%;
}
@media print, screen and (min-width: 768px) {
  .f__age {
    width: 50px;
  }
}

.f__tel {
  width: 80%;
}
@media print, screen and (min-width: 768px) {
  .f__tel {
    width: 400px;
  }
}

.f__zip {
  width: 80%;
}
@media print, screen and (min-width: 768px) {
  .f__zip {
    width: 300px !important;
  }
}

.f__company,
.f__dep {
  width: 70%;
}
@media print, screen and (min-width: 768px) {
  .f__company,
  .f__dep {
    width: 300px;
  }
}

.f__mail {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .f__mail {
    width: 400px;
  }
}

.f__date {
  width: 100%;
}

.f__address {
  width: 100%;
}

.f__schoolName {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .f__schoolName {
    width: 50%;
  }
}

.f__comment {
  width: 100%;
  height: 200px;
}
@media print, screen and (min-width: 768px) {
  .f__comment {
    height: 300px;
  }
}

.f__submit {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 15px;
  font-size: 20px !important;
  background-color: var(--orange);
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
}
@media print, screen and (min-width: 768px) {
  .f__submit {
    max-width: 600px;
    padding: 25px;
    font-size: 24px !important;
    transition: all 0.2s;
  }
  .f__submit:hover {
    background-color: var(--orange);
  }
}

.f__require {
  background-color: #fefdc5;
}

.f_requireBox {
  display: inline-block;
  padding: 10px;
}

.iconRequire, .iconOptional {
  margin-left: 5px;
  padding: 4px 10px;
  position: relative;
  top: -2px;
  display: inline-block;
  color: var(--red);
  line-height: 1;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 3px;
  border: 1px solid var(--red);
}
.iconRequire.iconRequire--block, .iconRequire--block.iconOptional {
  width: fit-content;
  margin-left: 0;
  display: block;
}

.iconOptional {
  background-color: #74948a;
}

/*==================================================
  buttonSubmit
==================================================*/
.buttonSubmit {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 15px;
  display: inline-block;
  position: relative;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--white);
  background-color: var(--base-color);
  -webkit-appearance: none;
}
@media print, screen and (min-width: 768px) {
  .buttonSubmit {
    padding: 25px;
    font-size: 26px;
    font-size: 1.625rem;
    transition: all 0.2s;
  }
  .buttonSubmit:hover {
    background-color: var(--hover);
    box-shadow: 0px 0px 0px 0px rgb(228, 226, 226);
  }
}

/*---------------------------------------------------
  errBox
---------------------------------------------------*/
.errBdrBox {
  margin-bottom: 1rem;
  padding: 15px 20px;
  font-weight: 700;
  color: var(--red);
  border: 5px solid var(--red);
  background: var(--pink);
}
@media print, screen and (min-width: 768px) {
  .errBdrBox {
    padding: 20px;
  }
}
.errBdrBox p {
  font-size: 16px;
  font-size: 1rem;
}
@media print, screen and (min-width: 768px) {
  .errBdrBox p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/*---------------------------------------------------
  err
---------------------------------------------------*/
.f__errForm {
  border: 1px solid var(--red) !important;
  background: var(--pink) !important;
}

.f__errBox {
  background: var(--pink) !important;
}

.f__errMsg {
  margin: 0 0 10px 0;
  padding: 10px;
  color: var(--red);
  font-weight: 700;
  line-height: 1.4;
  background-color: var(--pink);
}

.f__errText {
  margin-bottom: 10px;
  padding: 8px;
  color: var(--red);
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 700;
  background-color: var(--pink);
}

.fBtnArea {
  margin: 2rem 0;
  overflow: hidden;
}
.fBtnArea .fBtnArea__rightBox {
  margin-bottom: 40px;
}
@media print, screen and (min-width: 576px) {
  .fBtnArea .fBtnArea__rightBox {
    width: 48%;
    float: right;
  }
}
.fBtnArea .fBtnArea__leftBox {
  margin-bottom: 40px;
}
@media print, screen and (min-width: 576px) {
  .fBtnArea .fBtnArea__leftBox {
    width: 48%;
    float: left;
  }
}

/*==================================================
  f_button
==================================================*/
.f_button {
  width: 100%;
  cursor: pointer;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}
@media print, screen and (min-width: 768px) {
  .f_button {
    width: auto;
    padding: 24px 84px 24px 34px;
    font-weight: 700;
    font-size: 22px;
    font-size: 1.375rem;
  }
}

/*=====================================================
  aform
=====================================================*/
.aform-required {
  margin: 0 0 0 10px !important;
  padding: 4px 10px 6px 10px !important;
  font-size: 14px !important;
  background-color: var(--red) !important;
  border-radius: 14px !important;
  position: relative;
  top: 1px;
}
@media print, screen and (min-width: 768px) {
  .aform-required {
    top: 7px;
  }
}

.aform-button-area {
  background-color: transparent;
}

input::placeholder {
  color: #CCC;
}

/*=====================================================
  faq
=====================================================*/
.faq {
  width: 100%;
  margin: 0 0 20px 0;
  padding: 15px;
  border: 2px solid var(--border-dark-blue);
  border-radius: 10px;
}
@media print, screen and (min-width: 768px) {
  .faq {
    padding: 20px 40px;
  }
}
.faq dt {
  width: 100%;
  margin: 0;
  padding: 0 40px 0 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  text-indent: -40px;
  padding-left: 44px;
  position: relative;
  cursor: pointer;
}
@media print, screen and (min-width: 768px) {
  .faq dt {
    font-size: 18px;
    font-size: 1.125rem;
    text-indent: -42px;
    padding-left: 42px;
  }
}
.faq dt .faq__q {
  margin-right: 10px;
  font-size: 20px;
  font-size: 1.25rem;
  color: var(--trust-blue);
}
.faq dt::before, .faq dt::after {
  display: block;
  content: "";
  position: absolute;
  background-color: var(--trust-blue);
}
.faq dt::before {
  width: 20px;
  height: 2px;
  top: 20px;
  right: 0;
}
@media print, screen and (min-width: 768px) {
  .faq dt::before {
    top: 16px;
  }
}
.faq dt::after {
  width: 2px;
  height: 20px;
  top: 11px;
  right: 9px;
  transition: all 0.2s;
}
@media print, screen and (min-width: 768px) {
  .faq dt::after {
    top: 7px;
  }
}
.faq dt.on::after {
  transform: rotate(90deg);
}
.faq dd {
  width: 100%;
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  display: none;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  border-top: 1px solid var(--border-dark-blue);
}
@media print, screen and (min-width: 768px) {
  .faq dd {
    margin-top: 22px;
    padding-top: 22px;
  }
}

/*=====================================================
  localNav
=====================================================*/
.localNav {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 40px 15px;
  background-color: var(--light-blue);
}
@media print, screen and (min-width: 768px) {
  .localNav {
    padding: 80px 40px;
    position: relative;
  }
}
@media print, screen and (min-width: 1280px) {
  .localNav {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    left: 0;
  }
}
.localNav .localNav__inner {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
@media print, screen and (min-width: 1280px) {
  .localNav .localNav__inner {
    width: 1180px;
    margin: 0 auto;
  }
}
.localNav .localNav__title {
  width: fit-content;
  margin: 0 0 20px 0;
  padding: 0 24px 0 0;
}
.localNav .localNav__title a {
  width: fit-content;
  margin: 0;
  padding: 0 24px 0 0;
  display: inline-block;
  font-size: 20px;
  font-size: 1.25rem;
  color: var(--base-title-color);
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  background-image: url("/library/images/icon_arrow_m_right_trust-blue.svg");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: right 0 top 5px;
}
@media print, screen and (min-width: 768px) {
  .localNav .localNav__title a {
    padding-right: 30px;
    font-size: 25px;
    font-size: 1.5625rem;
    background-position: right 6px top 7px;
    transition: background-position 0.2s;
  }
  .localNav .localNav__title a:hover {
    background-position: right 0 top 7px;
  }
}
.localNav .localNav__subTitle {
  width: 100%;
  margin: 0;
  padding: 0 0 14px 24px;
  font-size: 18px;
  font-size: 1.125rem;
  color: var(--base-title-color);
  line-height: 1.4;
  letter-spacing: 0.05;
  color: var(--base--title-color);
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .localNav .localNav__subTitle {
    padding-left: 30px;
  }
}
.localNav .localNav__subTitle:before {
  width: 16px;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  background-color: var(--trust-blue);
}
@media print, screen and (min-width: 768px) {
  .localNav .localNav__subTitle:before {
    width: 20px;
  }
}
.localNav .localNav__list {
  width: 100%;
  margin: 0;
  padding: 0;
}
.localNav .localNav__list ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .localNav .localNav__list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 40px;
  }
}
.localNav .localNav__list ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid var(--border-dark-blue);
}
@media print, screen and (min-width: 768px) {
  .localNav .localNav__list ul li {
    transition: all 0.2s;
  }
  .localNav .localNav__list ul li:hover {
    border-bottom: 1px solid var(--trust-blue);
  }
}
.localNav .localNav__list ul li.on {
  background-color: var(--white);
}
.localNav .localNav__list ul li.on a {
  color: var(--trust-blue);
  font-weight: 700;
}
.localNav .localNav__list ul li.win a {
  background-image: url("/library/images/icon_win.svg");
  background-size: 16px 16px;
}
@media print, screen and (min-width: 768px) {
  .localNav .localNav__list ul li.win a {
    background-image: none;
  }
}
.localNav .localNav__list ul li a {
  width: 100%;
  margin: 0;
  padding: 20px 50px 20px 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--base-title-color);
  text-decoration: none;
  background-image: url("/library/images/icon_arrow_m_right_trust-blue.svg");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: right 20px center;
}
@media print, screen and (min-width: 768px) {
  .localNav .localNav__list ul li a {
    padding: 20px 15px;
    font-size: 16px;
    font-size: 1rem;
    background-image: none;
    transition: color 0.2s, border-color 0.2s;
  }
  .localNav .localNav__list ul li a:hover {
    color: var(--trust-blue) !important;
  }
  .localNav .localNav__list ul li a:hover .localNav__icon {
    left: 6px;
  }
}
@media print, screen and (min-width: 768px) {
  .localNav .localNav__list ul li a .localNav__multiline .localNav__icon {
    top: -3px;
  }
}
.localNav .localNav__list ul li a .localNav__icon {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .localNav .localNav__list ul li a .localNav__icon {
    width: 16px;
    margin-left: 10px;
    position: relative;
    left: 0;
    top: 0;
    display: inline;
    transition: left 0.2s;
  }
}

.pbMainArea.pbMainArea__localNav {
  padding-bottom: 0;
}

/*=====================================================
  localLink
=====================================================*/
.localLink {
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px 0;
}
@media print, screen and (min-width: 768px) {
  .localLink {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
.localLink .localLink__block {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  border-radius: 10px;
  border: 2px solid var(--border-dark-blue);
  background-color: var(--white);
}
.localLink .localLink__block .localLink__img {
  width: 100%;
  min-height: 100px;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: var(--new-light-blue);
}
@media print, screen and (min-width: 768px) {
  .localLink .localLink__block .localLink__img {
    width: 190px;
    min-height: 170px;
  }
}
.localLink .localLink__block .localLink__box {
  width: 100%;
  margin: 0;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .localLink .localLink__block .localLink__box {
    width: calc(100% - 190px);
    padding: 20px 40px;
    align-items: center;
  }
}
.localLink .localLink__block .localLink__box .localLink__text {
  width: 100%;
  margin: 0 0 1rem 0;
  padding: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
}
.localLink .localLink__block .localLink__box .localLink__link {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
}
.localLink .localLink__block .localLink__box .localLink__link a {
  color: var(--base-title-color);
  font-weight: 700;
  text-decoration: none;
  position: relative;
}
.localLink .localLink__block .localLink__box .localLink__link a .localLink__icon {
  width: 14px;
  margin-left: 10px;
  position: relative;
  top: -6px;
}
.localLink .localLink__block .localLink__box .localLink__link a:hover {
  color: var(--trust-blue);
}

/*=====================================================
  table
=====================================================*/
.table th, .table td {
  font-size: 15px;
  font-size: 0.9375rem;
}
@media print, screen and (min-width: 768px) {
  .table th, .table td {
    font-size: 16px;
    font-size: 1rem;
  }
}
.table p {
  margin: 0;
  line-height: 1.8;
}

/*---------------------------------------------------
  table
---------------------------------------------------*/
.table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--border-dark-gray);
  border-radius: 5px;
  overflow: hidden;
}
.table thead th,
.table thead td {
  border-bottom: 1px solid var(--border-dark-gray);
}
.table th {
  padding: 15px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  font-weight: 700;
  vertical-align: middle;
  background-color: var(--light-blue);
  vertical-align: middle;
}
@media print, screen and (min-width: 768px) {
  .table th {
    padding: 20px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.table td {
  padding: 15px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  background-color: var(--white);
  vertical-align: middle;
}
@media print, screen and (min-width: 768px) {
  .table td {
    padding: 20px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.table.table--s th, .table.table--s td {
  padding: 10px;
}
.table tr:not(:last-child) th,
.table tr:not(:last-child) td {
  border-bottom: 1px solid var(--border-dark-gray);
}
.table tr th:not(:first-child),
.table tr td:not(:first-child) {
  border-left: 1px solid var(--border-dark-gray);
}
.table .table--borderLeft {
  border-left: 1px solid var(--border-dark-gray);
}
.table .table--bgLightGray {
  background-color: #F5F5F5;
}
.table .table__borderBottomNone {
  border-bottom-width: 0 !important;
}
@media print, screen and (max-width: 768px) {
  .table .table__borderBottom--sp {
    border-bottom: 1px solid var(--border-dark-gray);
  }
}
.table.table--block {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .table.table--block {
    display: table;
  }
}
.table.table--block tbody {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .table.table--block tbody {
    display: table-row-group;
  }
}
.table.table--block tr {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .table.table--block tr {
    display: table-row;
  }
}
.table.table--block th, .table.table--block td {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .table.table--block th, .table.table--block td {
    display: table-cell;
  }
}
.table.table--block th {
  text-align: left;
}
.table.table--block th:empty {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .table.table--block th {
    vertical-align: middle;
  }
  .table.table--block th:empty {
    display: table-cell;
  }
}
.table.table--block td {
  border-width: 1px;
}
@media print, screen and (min-width: 768px) {
  .table.table--block td {
    padding: 20px;
  }
}
.table.table--block tr th:not(:first-child),
.table.table--block tr td:not(:first-child) {
  border-left-width: 0;
}
@media print, screen and (min-width: 768px) {
  .table.table--block tr th:not(:first-child),
  .table.table--block tr td:not(:first-child) {
    border-left: 1px solid var(--border-dark-gray);
  }
}
.table.table--block th {
  border-bottom: 1px solid var(--border-dark-gray);
}
@media print, screen and (min-width: 768px) {
  .table.table--block tr:last-child th {
    border-bottom-width: 0;
  }
}

.tableBorder {
  margin: 0;
  padding: 0;
  display: block;
}
@media print, screen and (min-width: 768px) {
  .tableBorder {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
  }
}
.tableBorder tbody {
  width: 100%;
  display: block;
}
@media print, screen and (min-width: 768px) {
  .tableBorder tbody {
    display: table-row-group;
  }
}
.tableBorder tr {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}
@media print, screen and (min-width: 768px) {
  .tableBorder tr {
    display: table-row;
  }
  .tableBorder tr:first-child th,
  .tableBorder tr:first-child td {
    padding-top: 0;
  }
}
.tableBorder tr th, .tableBorder tr td {
  width: 100%;
  margin: 0;
  display: block;
  line-height: 1.6;
}
@media print, screen and (min-width: 768px) {
  .tableBorder tr th, .tableBorder tr td {
    width: initial;
    display: table-cell;
  }
}
.tableBorder tr th {
  padding: 15px 0 0 0;
}
@media print, screen and (min-width: 768px) {
  .tableBorder tr th {
    padding: 20px 0;
    border-bottom: 1px solid var(--border-dark-gray);
  }
}
.tableBorder tr td {
  padding: 10px 0 15px 0;
  border-bottom: 1px solid var(--border-dark-gray);
}
@media print, screen and (min-width: 768px) {
  .tableBorder tr td {
    padding: 20px 0;
  }
}

.tableLayout {
  margin: 0;
  padding: 0;
}
.tableLayout tr th, .tableLayout tr td {
  margin: 0 !important;
  padding: 5px 0 !important;
  border: none !important;
  line-height: 1.6;
  vertical-align: top;
}

/*=====================================================
  scroll
=====================================================*/
.scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media print, screen and (min-width: 768px) {
  .scroll {
    margin: 0;
    overflow: visible;
    white-space: normal;
  }
}
.scroll table {
  margin: 1rem 0 !important;
}
@media print, screen and (min-width: 768px) {
  .scroll table {
    width: initial;
  }
}
.scroll table th,
.scroll table td {
  vertical-align: middle;
}

/*=====================================================
  tabMenu
=====================================================*/
.tabMenu {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.tabMenu ul {
  width: fit-content;
  margin: 0;
  padding: 0 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .tabMenu ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
    justify-content: center;
  }
}
.tabMenu ul li {
  width: 50%;
  margin: 0;
  padding: 10px;
  list-style: none;
  text-align: center;
  line-height: 1.4;
  border-bottom: 1px solid var(--border-dark-gray);
}
.tabMenu ul li:nth-child(even) {
  position: relative;
}
.tabMenu ul li:nth-child(even) a::before {
  width: 1px;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: 0;
  color: var(--base-font-color) !important;
  background-color: var(--border-dark-gray);
}
@media print, screen and (min-width: 768px) {
  .tabMenu ul li:nth-child(even) a::before {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  .tabMenu ul li {
    width: 20%;
    padding: 0 20px;
    border-bottom-width: 0;
    border-left: 1px solid var(--border-dark-gray);
  }
  .tabMenu ul li:nth-child(5n), .tabMenu ul li:last-child {
    border-right: 1px solid var(--border-dark-gray);
  }
}
.tabMenu ul li .tabMenu__text {
  display: block;
}
.tabMenu ul li a,
.tabMenu ul li .tabMenu__link {
  width: 100%;
  height: 100%;
  min-height: 50px;
  margin: 0;
  padding: 2px 10px;
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .tabMenu ul li a,
  .tabMenu ul li .tabMenu__link {
    min-height: initial;
    padding: 15px 0;
    font-size: 16px;
    font-size: 1rem;
    transition: all 0.2s;
  }
  .tabMenu ul li a:hover,
  .tabMenu ul li .tabMenu__link:hover {
    color: var(--white) !important;
    background-color: var(--trust-blue);
    border-radius: 5px;
  }
}
.tabMenu ul li a:visited,
.tabMenu ul li .tabMenu__link:visited {
  color: var(--base-font-color);
}
.tabMenu ul li a.on,
.tabMenu ul li .tabMenu__link.on {
  color: var(--white);
  background-color: var(--trust-blue) !important;
  border-radius: 5px;
  position: relative;
}
.tabMenu ul li a.on::after,
.tabMenu ul li .tabMenu__link.on::after {
  width: 20px;
  height: 8px;
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -7px;
  clip-path: polygon(50% 8px, 0% 0%, 20px 0%);
  background-color: var(--trust-blue);
}
.tabMenu.tabMenu__spScroll.is-scroll::before {
  display: block;
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .tabMenu.tabMenu__spScroll.is-scroll::before {
    display: none;
  }
}
.tabMenu.tabMenu__spScroll::before {
  width: 40px;
  height: 50px;
  content: "";
  display: none;
  position: absolute;
  left: 0;
  top: 4px;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("/library/images/icon_arrow_l_left_trust-blue.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center center;
  z-index: 20;
  opacity: 0;
  transition: opacity 0.6s;
}
@media print, screen and (min-width: 768px) {
  .tabMenu.tabMenu__spScroll::before {
    display: none;
  }
}
.tabMenu.tabMenu__spScroll::after {
  width: 40px;
  height: 50px;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 4px;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("/library/images/icon_arrow_l_right_trust-blue.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center center;
  z-index: 20;
}
@media print, screen and (min-width: 768px) {
  .tabMenu.tabMenu__spScroll::after {
    display: none;
  }
}
.tabMenu.tabMenu__spScroll .tabMenu__wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .tabMenu.tabMenu__spScroll .tabMenu__wrap {
    overflow-x: visible;
  }
}
.tabMenu.tabMenu__spScroll ul li {
  width: fit-content;
  border-bottom-width: 0;
  position: relative;
}
.tabMenu.tabMenu__spScroll ul li:last-child::before {
  width: 1px;
  height: 40px;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
  color: var(--base-font-color) !important;
  background-color: var(--border-dark-gray);
}
@media print, screen and (min-width: 768px) {
  .tabMenu.tabMenu__spScroll ul li:last-child::before {
    display: none;
  }
}
.tabMenu.tabMenu__spScroll ul li a {
  min-height: 40px;
}
.tabMenu.tabMenu__spScroll ul li a::before {
  width: 1px;
  height: 40px;
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: 0;
  color: var(--base-font-color) !important;
  background-color: var(--border-dark-gray);
}
@media print, screen and (min-width: 768px) {
  .tabMenu.tabMenu__spScroll ul li a::before {
    display: none;
  }
}

@media print, screen and (min-width: 1280px) {
  .pbPage {
    width: 100%;
    overflow: visible;
  }
}

.pbAreaWrapper2 {
  position: relative;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 1280px) {
  .pbAreaWrapper2 {
    overflow: hidden;
  }
}

.pbNestedWrapper {
  overflow: visible;
}

.pbMainArea {
  width: 100%;
  margin: 0;
  padding: 50px 15px;
  overflow: visible;
}
@media print, screen and (min-width: 768px) {
  .pbMainArea {
    max-width: 1180px;
    margin: 0 auto;
    padding: 120px 0 0 0;
  }
}
@media print, screen and (min-width: 1280px) {
  .pbMainArea {
    padding-right: 0;
    padding-left: 0;
  }
}

.p0 {
  padding: 0px !important;
}

@media print, screen and (max-width: 768px) {
  .p0--sp {
    padding: 0px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p0--pc {
    padding: 0px !important;
  }
}

.p10 {
  padding: 10px !important;
}

@media print, screen and (max-width: 768px) {
  .p10--sp {
    padding: 10px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p10--pc {
    padding: 10px !important;
  }
}

.p20 {
  padding: 20px !important;
}

@media print, screen and (max-width: 768px) {
  .p20--sp {
    padding: 20px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p20--pc {
    padding: 20px !important;
  }
}

.p30 {
  padding: 30px !important;
}

@media print, screen and (max-width: 768px) {
  .p30--sp {
    padding: 30px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p30--pc {
    padding: 30px !important;
  }
}

.p40 {
  padding: 40px !important;
}

@media print, screen and (max-width: 768px) {
  .p40--sp {
    padding: 40px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p40--pc {
    padding: 40px !important;
  }
}

.p50 {
  padding: 50px !important;
}

@media print, screen and (max-width: 768px) {
  .p50--sp {
    padding: 50px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p50--pc {
    padding: 50px !important;
  }
}

.p60 {
  padding: 60px !important;
}

@media print, screen and (max-width: 768px) {
  .p60--sp {
    padding: 60px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p60--pc {
    padding: 60px !important;
  }
}

.p70 {
  padding: 70px !important;
}

@media print, screen and (max-width: 768px) {
  .p70--sp {
    padding: 70px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p70--pc {
    padding: 70px !important;
  }
}

.p80 {
  padding: 80px !important;
}

@media print, screen and (max-width: 768px) {
  .p80--sp {
    padding: 80px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p80--pc {
    padding: 80px !important;
  }
}

.p90 {
  padding: 90px !important;
}

@media print, screen and (max-width: 768px) {
  .p90--sp {
    padding: 90px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p90--pc {
    padding: 90px !important;
  }
}

.p100 {
  padding: 100px !important;
}

@media print, screen and (max-width: 768px) {
  .p100--sp {
    padding: 100px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p100--pc {
    padding: 100px !important;
  }
}

.p110 {
  padding: 110px !important;
}

@media print, screen and (max-width: 768px) {
  .p110--sp {
    padding: 110px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p110--pc {
    padding: 110px !important;
  }
}

.p120 {
  padding: 120px !important;
}

@media print, screen and (max-width: 768px) {
  .p120--sp {
    padding: 120px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p120--pc {
    padding: 120px !important;
  }
}

.p130 {
  padding: 130px !important;
}

@media print, screen and (max-width: 768px) {
  .p130--sp {
    padding: 130px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p130--pc {
    padding: 130px !important;
  }
}

.p140 {
  padding: 140px !important;
}

@media print, screen and (max-width: 768px) {
  .p140--sp {
    padding: 140px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p140--pc {
    padding: 140px !important;
  }
}

.p150 {
  padding: 150px !important;
}

@media print, screen and (max-width: 768px) {
  .p150--sp {
    padding: 150px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p150--pc {
    padding: 150px !important;
  }
}

.p160 {
  padding: 160px !important;
}

@media print, screen and (max-width: 768px) {
  .p160--sp {
    padding: 160px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p160--pc {
    padding: 160px !important;
  }
}

.p170 {
  padding: 170px !important;
}

@media print, screen and (max-width: 768px) {
  .p170--sp {
    padding: 170px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p170--pc {
    padding: 170px !important;
  }
}

.p180 {
  padding: 180px !important;
}

@media print, screen and (max-width: 768px) {
  .p180--sp {
    padding: 180px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p180--pc {
    padding: 180px !important;
  }
}

.p190 {
  padding: 190px !important;
}

@media print, screen and (max-width: 768px) {
  .p190--sp {
    padding: 190px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p190--pc {
    padding: 190px !important;
  }
}

.p200 {
  padding: 200px !important;
}

@media print, screen and (max-width: 768px) {
  .p200--sp {
    padding: 200px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p200--pc {
    padding: 200px !important;
  }
}

.p210 {
  padding: 210px !important;
}

@media print, screen and (max-width: 768px) {
  .p210--sp {
    padding: 210px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p210--pc {
    padding: 210px !important;
  }
}

.p220 {
  padding: 220px !important;
}

@media print, screen and (max-width: 768px) {
  .p220--sp {
    padding: 220px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p220--pc {
    padding: 220px !important;
  }
}

.p230 {
  padding: 230px !important;
}

@media print, screen and (max-width: 768px) {
  .p230--sp {
    padding: 230px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p230--pc {
    padding: 230px !important;
  }
}

.p240 {
  padding: 240px !important;
}

@media print, screen and (max-width: 768px) {
  .p240--sp {
    padding: 240px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p240--pc {
    padding: 240px !important;
  }
}

.p250 {
  padding: 250px !important;
}

@media print, screen and (max-width: 768px) {
  .p250--sp {
    padding: 250px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p250--pc {
    padding: 250px !important;
  }
}

.p260 {
  padding: 260px !important;
}

@media print, screen and (max-width: 768px) {
  .p260--sp {
    padding: 260px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p260--pc {
    padding: 260px !important;
  }
}

.p270 {
  padding: 270px !important;
}

@media print, screen and (max-width: 768px) {
  .p270--sp {
    padding: 270px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p270--pc {
    padding: 270px !important;
  }
}

.p280 {
  padding: 280px !important;
}

@media print, screen and (max-width: 768px) {
  .p280--sp {
    padding: 280px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p280--pc {
    padding: 280px !important;
  }
}

.p290 {
  padding: 290px !important;
}

@media print, screen and (max-width: 768px) {
  .p290--sp {
    padding: 290px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p290--pc {
    padding: 290px !important;
  }
}

.p300 {
  padding: 300px !important;
}

@media print, screen and (max-width: 768px) {
  .p300--sp {
    padding: 300px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p300--pc {
    padding: 300px !important;
  }
}

.p310 {
  padding: 310px !important;
}

@media print, screen and (max-width: 768px) {
  .p310--sp {
    padding: 310px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p310--pc {
    padding: 310px !important;
  }
}

.p320 {
  padding: 320px !important;
}

@media print, screen and (max-width: 768px) {
  .p320--sp {
    padding: 320px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p320--pc {
    padding: 320px !important;
  }
}

.p330 {
  padding: 330px !important;
}

@media print, screen and (max-width: 768px) {
  .p330--sp {
    padding: 330px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p330--pc {
    padding: 330px !important;
  }
}

.p340 {
  padding: 340px !important;
}

@media print, screen and (max-width: 768px) {
  .p340--sp {
    padding: 340px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p340--pc {
    padding: 340px !important;
  }
}

.p350 {
  padding: 350px !important;
}

@media print, screen and (max-width: 768px) {
  .p350--sp {
    padding: 350px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p350--pc {
    padding: 350px !important;
  }
}

.p360 {
  padding: 360px !important;
}

@media print, screen and (max-width: 768px) {
  .p360--sp {
    padding: 360px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p360--pc {
    padding: 360px !important;
  }
}

.p370 {
  padding: 370px !important;
}

@media print, screen and (max-width: 768px) {
  .p370--sp {
    padding: 370px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p370--pc {
    padding: 370px !important;
  }
}

.p380 {
  padding: 380px !important;
}

@media print, screen and (max-width: 768px) {
  .p380--sp {
    padding: 380px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p380--pc {
    padding: 380px !important;
  }
}

.p390 {
  padding: 390px !important;
}

@media print, screen and (max-width: 768px) {
  .p390--sp {
    padding: 390px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p390--pc {
    padding: 390px !important;
  }
}

.p400 {
  padding: 400px !important;
}

@media print, screen and (max-width: 768px) {
  .p400--sp {
    padding: 400px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p400--pc {
    padding: 400px !important;
  }
}

.p410 {
  padding: 410px !important;
}

@media print, screen and (max-width: 768px) {
  .p410--sp {
    padding: 410px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p410--pc {
    padding: 410px !important;
  }
}

.p420 {
  padding: 420px !important;
}

@media print, screen and (max-width: 768px) {
  .p420--sp {
    padding: 420px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p420--pc {
    padding: 420px !important;
  }
}

.p430 {
  padding: 430px !important;
}

@media print, screen and (max-width: 768px) {
  .p430--sp {
    padding: 430px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p430--pc {
    padding: 430px !important;
  }
}

.p440 {
  padding: 440px !important;
}

@media print, screen and (max-width: 768px) {
  .p440--sp {
    padding: 440px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p440--pc {
    padding: 440px !important;
  }
}

.p450 {
  padding: 450px !important;
}

@media print, screen and (max-width: 768px) {
  .p450--sp {
    padding: 450px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p450--pc {
    padding: 450px !important;
  }
}

.p460 {
  padding: 460px !important;
}

@media print, screen and (max-width: 768px) {
  .p460--sp {
    padding: 460px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p460--pc {
    padding: 460px !important;
  }
}

.p470 {
  padding: 470px !important;
}

@media print, screen and (max-width: 768px) {
  .p470--sp {
    padding: 470px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p470--pc {
    padding: 470px !important;
  }
}

.p480 {
  padding: 480px !important;
}

@media print, screen and (max-width: 768px) {
  .p480--sp {
    padding: 480px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p480--pc {
    padding: 480px !important;
  }
}

.p490 {
  padding: 490px !important;
}

@media print, screen and (max-width: 768px) {
  .p490--sp {
    padding: 490px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p490--pc {
    padding: 490px !important;
  }
}

.p500 {
  padding: 500px !important;
}

@media print, screen and (max-width: 768px) {
  .p500--sp {
    padding: 500px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .p500--pc {
    padding: 500px !important;
  }
}

.pt0 {
  padding-top: 0px !important;
}

@media print, screen and (max-width: 768px) {
  .pt0--sp {
    padding-top: 0px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt0--pc {
    padding-top: 0px !important;
  }
}

.pt10 {
  padding-top: 10px !important;
}

@media print, screen and (max-width: 768px) {
  .pt10--sp {
    padding-top: 10px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt10--pc {
    padding-top: 10px !important;
  }
}

.pt20 {
  padding-top: 20px !important;
}

@media print, screen and (max-width: 768px) {
  .pt20--sp {
    padding-top: 20px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt20--pc {
    padding-top: 20px !important;
  }
}

.pt30 {
  padding-top: 30px !important;
}

@media print, screen and (max-width: 768px) {
  .pt30--sp {
    padding-top: 30px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt30--pc {
    padding-top: 30px !important;
  }
}

.pt40 {
  padding-top: 40px !important;
}

@media print, screen and (max-width: 768px) {
  .pt40--sp {
    padding-top: 40px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt40--pc {
    padding-top: 40px !important;
  }
}

.pt50 {
  padding-top: 50px !important;
}

@media print, screen and (max-width: 768px) {
  .pt50--sp {
    padding-top: 50px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt50--pc {
    padding-top: 50px !important;
  }
}

.pt60 {
  padding-top: 60px !important;
}

@media print, screen and (max-width: 768px) {
  .pt60--sp {
    padding-top: 60px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt60--pc {
    padding-top: 60px !important;
  }
}

.pt70 {
  padding-top: 70px !important;
}

@media print, screen and (max-width: 768px) {
  .pt70--sp {
    padding-top: 70px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt70--pc {
    padding-top: 70px !important;
  }
}

.pt80 {
  padding-top: 80px !important;
}

@media print, screen and (max-width: 768px) {
  .pt80--sp {
    padding-top: 80px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt80--pc {
    padding-top: 80px !important;
  }
}

.pt90 {
  padding-top: 90px !important;
}

@media print, screen and (max-width: 768px) {
  .pt90--sp {
    padding-top: 90px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt90--pc {
    padding-top: 90px !important;
  }
}

.pt100 {
  padding-top: 100px !important;
}

@media print, screen and (max-width: 768px) {
  .pt100--sp {
    padding-top: 100px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt100--pc {
    padding-top: 100px !important;
  }
}

.pt110 {
  padding-top: 110px !important;
}

@media print, screen and (max-width: 768px) {
  .pt110--sp {
    padding-top: 110px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt110--pc {
    padding-top: 110px !important;
  }
}

.pt120 {
  padding-top: 120px !important;
}

@media print, screen and (max-width: 768px) {
  .pt120--sp {
    padding-top: 120px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt120--pc {
    padding-top: 120px !important;
  }
}

.pt130 {
  padding-top: 130px !important;
}

@media print, screen and (max-width: 768px) {
  .pt130--sp {
    padding-top: 130px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt130--pc {
    padding-top: 130px !important;
  }
}

.pt140 {
  padding-top: 140px !important;
}

@media print, screen and (max-width: 768px) {
  .pt140--sp {
    padding-top: 140px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt140--pc {
    padding-top: 140px !important;
  }
}

.pt150 {
  padding-top: 150px !important;
}

@media print, screen and (max-width: 768px) {
  .pt150--sp {
    padding-top: 150px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt150--pc {
    padding-top: 150px !important;
  }
}

.pt160 {
  padding-top: 160px !important;
}

@media print, screen and (max-width: 768px) {
  .pt160--sp {
    padding-top: 160px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt160--pc {
    padding-top: 160px !important;
  }
}

.pt170 {
  padding-top: 170px !important;
}

@media print, screen and (max-width: 768px) {
  .pt170--sp {
    padding-top: 170px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt170--pc {
    padding-top: 170px !important;
  }
}

.pt180 {
  padding-top: 180px !important;
}

@media print, screen and (max-width: 768px) {
  .pt180--sp {
    padding-top: 180px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt180--pc {
    padding-top: 180px !important;
  }
}

.pt190 {
  padding-top: 190px !important;
}

@media print, screen and (max-width: 768px) {
  .pt190--sp {
    padding-top: 190px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt190--pc {
    padding-top: 190px !important;
  }
}

.pt200 {
  padding-top: 200px !important;
}

@media print, screen and (max-width: 768px) {
  .pt200--sp {
    padding-top: 200px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt200--pc {
    padding-top: 200px !important;
  }
}

.pt210 {
  padding-top: 210px !important;
}

@media print, screen and (max-width: 768px) {
  .pt210--sp {
    padding-top: 210px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt210--pc {
    padding-top: 210px !important;
  }
}

.pt220 {
  padding-top: 220px !important;
}

@media print, screen and (max-width: 768px) {
  .pt220--sp {
    padding-top: 220px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt220--pc {
    padding-top: 220px !important;
  }
}

.pt230 {
  padding-top: 230px !important;
}

@media print, screen and (max-width: 768px) {
  .pt230--sp {
    padding-top: 230px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt230--pc {
    padding-top: 230px !important;
  }
}

.pt240 {
  padding-top: 240px !important;
}

@media print, screen and (max-width: 768px) {
  .pt240--sp {
    padding-top: 240px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt240--pc {
    padding-top: 240px !important;
  }
}

.pt250 {
  padding-top: 250px !important;
}

@media print, screen and (max-width: 768px) {
  .pt250--sp {
    padding-top: 250px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt250--pc {
    padding-top: 250px !important;
  }
}

.pt260 {
  padding-top: 260px !important;
}

@media print, screen and (max-width: 768px) {
  .pt260--sp {
    padding-top: 260px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt260--pc {
    padding-top: 260px !important;
  }
}

.pt270 {
  padding-top: 270px !important;
}

@media print, screen and (max-width: 768px) {
  .pt270--sp {
    padding-top: 270px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt270--pc {
    padding-top: 270px !important;
  }
}

.pt280 {
  padding-top: 280px !important;
}

@media print, screen and (max-width: 768px) {
  .pt280--sp {
    padding-top: 280px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt280--pc {
    padding-top: 280px !important;
  }
}

.pt290 {
  padding-top: 290px !important;
}

@media print, screen and (max-width: 768px) {
  .pt290--sp {
    padding-top: 290px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt290--pc {
    padding-top: 290px !important;
  }
}

.pt300 {
  padding-top: 300px !important;
}

@media print, screen and (max-width: 768px) {
  .pt300--sp {
    padding-top: 300px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt300--pc {
    padding-top: 300px !important;
  }
}

.pt310 {
  padding-top: 310px !important;
}

@media print, screen and (max-width: 768px) {
  .pt310--sp {
    padding-top: 310px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt310--pc {
    padding-top: 310px !important;
  }
}

.pt320 {
  padding-top: 320px !important;
}

@media print, screen and (max-width: 768px) {
  .pt320--sp {
    padding-top: 320px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt320--pc {
    padding-top: 320px !important;
  }
}

.pt330 {
  padding-top: 330px !important;
}

@media print, screen and (max-width: 768px) {
  .pt330--sp {
    padding-top: 330px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt330--pc {
    padding-top: 330px !important;
  }
}

.pt340 {
  padding-top: 340px !important;
}

@media print, screen and (max-width: 768px) {
  .pt340--sp {
    padding-top: 340px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt340--pc {
    padding-top: 340px !important;
  }
}

.pt350 {
  padding-top: 350px !important;
}

@media print, screen and (max-width: 768px) {
  .pt350--sp {
    padding-top: 350px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt350--pc {
    padding-top: 350px !important;
  }
}

.pt360 {
  padding-top: 360px !important;
}

@media print, screen and (max-width: 768px) {
  .pt360--sp {
    padding-top: 360px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt360--pc {
    padding-top: 360px !important;
  }
}

.pt370 {
  padding-top: 370px !important;
}

@media print, screen and (max-width: 768px) {
  .pt370--sp {
    padding-top: 370px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt370--pc {
    padding-top: 370px !important;
  }
}

.pt380 {
  padding-top: 380px !important;
}

@media print, screen and (max-width: 768px) {
  .pt380--sp {
    padding-top: 380px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt380--pc {
    padding-top: 380px !important;
  }
}

.pt390 {
  padding-top: 390px !important;
}

@media print, screen and (max-width: 768px) {
  .pt390--sp {
    padding-top: 390px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt390--pc {
    padding-top: 390px !important;
  }
}

.pt400 {
  padding-top: 400px !important;
}

@media print, screen and (max-width: 768px) {
  .pt400--sp {
    padding-top: 400px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt400--pc {
    padding-top: 400px !important;
  }
}

.pt410 {
  padding-top: 410px !important;
}

@media print, screen and (max-width: 768px) {
  .pt410--sp {
    padding-top: 410px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt410--pc {
    padding-top: 410px !important;
  }
}

.pt420 {
  padding-top: 420px !important;
}

@media print, screen and (max-width: 768px) {
  .pt420--sp {
    padding-top: 420px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt420--pc {
    padding-top: 420px !important;
  }
}

.pt430 {
  padding-top: 430px !important;
}

@media print, screen and (max-width: 768px) {
  .pt430--sp {
    padding-top: 430px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt430--pc {
    padding-top: 430px !important;
  }
}

.pt440 {
  padding-top: 440px !important;
}

@media print, screen and (max-width: 768px) {
  .pt440--sp {
    padding-top: 440px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt440--pc {
    padding-top: 440px !important;
  }
}

.pt450 {
  padding-top: 450px !important;
}

@media print, screen and (max-width: 768px) {
  .pt450--sp {
    padding-top: 450px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt450--pc {
    padding-top: 450px !important;
  }
}

.pt460 {
  padding-top: 460px !important;
}

@media print, screen and (max-width: 768px) {
  .pt460--sp {
    padding-top: 460px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt460--pc {
    padding-top: 460px !important;
  }
}

.pt470 {
  padding-top: 470px !important;
}

@media print, screen and (max-width: 768px) {
  .pt470--sp {
    padding-top: 470px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt470--pc {
    padding-top: 470px !important;
  }
}

.pt480 {
  padding-top: 480px !important;
}

@media print, screen and (max-width: 768px) {
  .pt480--sp {
    padding-top: 480px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt480--pc {
    padding-top: 480px !important;
  }
}

.pt490 {
  padding-top: 490px !important;
}

@media print, screen and (max-width: 768px) {
  .pt490--sp {
    padding-top: 490px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt490--pc {
    padding-top: 490px !important;
  }
}

.pt500 {
  padding-top: 500px !important;
}

@media print, screen and (max-width: 768px) {
  .pt500--sp {
    padding-top: 500px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pt500--pc {
    padding-top: 500px !important;
  }
}

.pb0 {
  padding-bottom: 0px !important;
}

@media print, screen and (max-width: 768px) {
  .pb0--sp {
    padding-bottom: 0px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb0--pc {
    padding-bottom: 0px !important;
  }
}

.pb10 {
  padding-bottom: 10px !important;
}

@media print, screen and (max-width: 768px) {
  .pb10--sp {
    padding-bottom: 10px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb10--pc {
    padding-bottom: 10px !important;
  }
}

.pb20 {
  padding-bottom: 20px !important;
}

@media print, screen and (max-width: 768px) {
  .pb20--sp {
    padding-bottom: 20px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb20--pc {
    padding-bottom: 20px !important;
  }
}

.pb30 {
  padding-bottom: 30px !important;
}

@media print, screen and (max-width: 768px) {
  .pb30--sp {
    padding-bottom: 30px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb30--pc {
    padding-bottom: 30px !important;
  }
}

.pb40 {
  padding-bottom: 40px !important;
}

@media print, screen and (max-width: 768px) {
  .pb40--sp {
    padding-bottom: 40px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb40--pc {
    padding-bottom: 40px !important;
  }
}

.pb50 {
  padding-bottom: 50px !important;
}

@media print, screen and (max-width: 768px) {
  .pb50--sp {
    padding-bottom: 50px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb50--pc {
    padding-bottom: 50px !important;
  }
}

.pb60 {
  padding-bottom: 60px !important;
}

@media print, screen and (max-width: 768px) {
  .pb60--sp {
    padding-bottom: 60px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb60--pc {
    padding-bottom: 60px !important;
  }
}

.pb70 {
  padding-bottom: 70px !important;
}

@media print, screen and (max-width: 768px) {
  .pb70--sp {
    padding-bottom: 70px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb70--pc {
    padding-bottom: 70px !important;
  }
}

.pb80 {
  padding-bottom: 80px !important;
}

@media print, screen and (max-width: 768px) {
  .pb80--sp {
    padding-bottom: 80px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb80--pc {
    padding-bottom: 80px !important;
  }
}

.pb90 {
  padding-bottom: 90px !important;
}

@media print, screen and (max-width: 768px) {
  .pb90--sp {
    padding-bottom: 90px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb90--pc {
    padding-bottom: 90px !important;
  }
}

.pb100 {
  padding-bottom: 100px !important;
}

@media print, screen and (max-width: 768px) {
  .pb100--sp {
    padding-bottom: 100px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb100--pc {
    padding-bottom: 100px !important;
  }
}

.pb110 {
  padding-bottom: 110px !important;
}

@media print, screen and (max-width: 768px) {
  .pb110--sp {
    padding-bottom: 110px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb110--pc {
    padding-bottom: 110px !important;
  }
}

.pb120 {
  padding-bottom: 120px !important;
}

@media print, screen and (max-width: 768px) {
  .pb120--sp {
    padding-bottom: 120px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb120--pc {
    padding-bottom: 120px !important;
  }
}

.pb130 {
  padding-bottom: 130px !important;
}

@media print, screen and (max-width: 768px) {
  .pb130--sp {
    padding-bottom: 130px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb130--pc {
    padding-bottom: 130px !important;
  }
}

.pb140 {
  padding-bottom: 140px !important;
}

@media print, screen and (max-width: 768px) {
  .pb140--sp {
    padding-bottom: 140px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb140--pc {
    padding-bottom: 140px !important;
  }
}

.pb150 {
  padding-bottom: 150px !important;
}

@media print, screen and (max-width: 768px) {
  .pb150--sp {
    padding-bottom: 150px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb150--pc {
    padding-bottom: 150px !important;
  }
}

.pb160 {
  padding-bottom: 160px !important;
}

@media print, screen and (max-width: 768px) {
  .pb160--sp {
    padding-bottom: 160px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb160--pc {
    padding-bottom: 160px !important;
  }
}

.pb170 {
  padding-bottom: 170px !important;
}

@media print, screen and (max-width: 768px) {
  .pb170--sp {
    padding-bottom: 170px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb170--pc {
    padding-bottom: 170px !important;
  }
}

.pb180 {
  padding-bottom: 180px !important;
}

@media print, screen and (max-width: 768px) {
  .pb180--sp {
    padding-bottom: 180px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb180--pc {
    padding-bottom: 180px !important;
  }
}

.pb190 {
  padding-bottom: 190px !important;
}

@media print, screen and (max-width: 768px) {
  .pb190--sp {
    padding-bottom: 190px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb190--pc {
    padding-bottom: 190px !important;
  }
}

.pb200 {
  padding-bottom: 200px !important;
}

@media print, screen and (max-width: 768px) {
  .pb200--sp {
    padding-bottom: 200px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb200--pc {
    padding-bottom: 200px !important;
  }
}

.pb210 {
  padding-bottom: 210px !important;
}

@media print, screen and (max-width: 768px) {
  .pb210--sp {
    padding-bottom: 210px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb210--pc {
    padding-bottom: 210px !important;
  }
}

.pb220 {
  padding-bottom: 220px !important;
}

@media print, screen and (max-width: 768px) {
  .pb220--sp {
    padding-bottom: 220px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb220--pc {
    padding-bottom: 220px !important;
  }
}

.pb230 {
  padding-bottom: 230px !important;
}

@media print, screen and (max-width: 768px) {
  .pb230--sp {
    padding-bottom: 230px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb230--pc {
    padding-bottom: 230px !important;
  }
}

.pb240 {
  padding-bottom: 240px !important;
}

@media print, screen and (max-width: 768px) {
  .pb240--sp {
    padding-bottom: 240px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb240--pc {
    padding-bottom: 240px !important;
  }
}

.pb250 {
  padding-bottom: 250px !important;
}

@media print, screen and (max-width: 768px) {
  .pb250--sp {
    padding-bottom: 250px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb250--pc {
    padding-bottom: 250px !important;
  }
}

.pb260 {
  padding-bottom: 260px !important;
}

@media print, screen and (max-width: 768px) {
  .pb260--sp {
    padding-bottom: 260px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb260--pc {
    padding-bottom: 260px !important;
  }
}

.pb270 {
  padding-bottom: 270px !important;
}

@media print, screen and (max-width: 768px) {
  .pb270--sp {
    padding-bottom: 270px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb270--pc {
    padding-bottom: 270px !important;
  }
}

.pb280 {
  padding-bottom: 280px !important;
}

@media print, screen and (max-width: 768px) {
  .pb280--sp {
    padding-bottom: 280px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb280--pc {
    padding-bottom: 280px !important;
  }
}

.pb290 {
  padding-bottom: 290px !important;
}

@media print, screen and (max-width: 768px) {
  .pb290--sp {
    padding-bottom: 290px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb290--pc {
    padding-bottom: 290px !important;
  }
}

.pb300 {
  padding-bottom: 300px !important;
}

@media print, screen and (max-width: 768px) {
  .pb300--sp {
    padding-bottom: 300px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb300--pc {
    padding-bottom: 300px !important;
  }
}

.pb310 {
  padding-bottom: 310px !important;
}

@media print, screen and (max-width: 768px) {
  .pb310--sp {
    padding-bottom: 310px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb310--pc {
    padding-bottom: 310px !important;
  }
}

.pb320 {
  padding-bottom: 320px !important;
}

@media print, screen and (max-width: 768px) {
  .pb320--sp {
    padding-bottom: 320px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb320--pc {
    padding-bottom: 320px !important;
  }
}

.pb330 {
  padding-bottom: 330px !important;
}

@media print, screen and (max-width: 768px) {
  .pb330--sp {
    padding-bottom: 330px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb330--pc {
    padding-bottom: 330px !important;
  }
}

.pb340 {
  padding-bottom: 340px !important;
}

@media print, screen and (max-width: 768px) {
  .pb340--sp {
    padding-bottom: 340px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb340--pc {
    padding-bottom: 340px !important;
  }
}

.pb350 {
  padding-bottom: 350px !important;
}

@media print, screen and (max-width: 768px) {
  .pb350--sp {
    padding-bottom: 350px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb350--pc {
    padding-bottom: 350px !important;
  }
}

.pb360 {
  padding-bottom: 360px !important;
}

@media print, screen and (max-width: 768px) {
  .pb360--sp {
    padding-bottom: 360px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb360--pc {
    padding-bottom: 360px !important;
  }
}

.pb370 {
  padding-bottom: 370px !important;
}

@media print, screen and (max-width: 768px) {
  .pb370--sp {
    padding-bottom: 370px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb370--pc {
    padding-bottom: 370px !important;
  }
}

.pb380 {
  padding-bottom: 380px !important;
}

@media print, screen and (max-width: 768px) {
  .pb380--sp {
    padding-bottom: 380px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb380--pc {
    padding-bottom: 380px !important;
  }
}

.pb390 {
  padding-bottom: 390px !important;
}

@media print, screen and (max-width: 768px) {
  .pb390--sp {
    padding-bottom: 390px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb390--pc {
    padding-bottom: 390px !important;
  }
}

.pb400 {
  padding-bottom: 400px !important;
}

@media print, screen and (max-width: 768px) {
  .pb400--sp {
    padding-bottom: 400px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb400--pc {
    padding-bottom: 400px !important;
  }
}

.pb410 {
  padding-bottom: 410px !important;
}

@media print, screen and (max-width: 768px) {
  .pb410--sp {
    padding-bottom: 410px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb410--pc {
    padding-bottom: 410px !important;
  }
}

.pb420 {
  padding-bottom: 420px !important;
}

@media print, screen and (max-width: 768px) {
  .pb420--sp {
    padding-bottom: 420px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb420--pc {
    padding-bottom: 420px !important;
  }
}

.pb430 {
  padding-bottom: 430px !important;
}

@media print, screen and (max-width: 768px) {
  .pb430--sp {
    padding-bottom: 430px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb430--pc {
    padding-bottom: 430px !important;
  }
}

.pb440 {
  padding-bottom: 440px !important;
}

@media print, screen and (max-width: 768px) {
  .pb440--sp {
    padding-bottom: 440px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb440--pc {
    padding-bottom: 440px !important;
  }
}

.pb450 {
  padding-bottom: 450px !important;
}

@media print, screen and (max-width: 768px) {
  .pb450--sp {
    padding-bottom: 450px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb450--pc {
    padding-bottom: 450px !important;
  }
}

.pb460 {
  padding-bottom: 460px !important;
}

@media print, screen and (max-width: 768px) {
  .pb460--sp {
    padding-bottom: 460px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb460--pc {
    padding-bottom: 460px !important;
  }
}

.pb470 {
  padding-bottom: 470px !important;
}

@media print, screen and (max-width: 768px) {
  .pb470--sp {
    padding-bottom: 470px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb470--pc {
    padding-bottom: 470px !important;
  }
}

.pb480 {
  padding-bottom: 480px !important;
}

@media print, screen and (max-width: 768px) {
  .pb480--sp {
    padding-bottom: 480px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb480--pc {
    padding-bottom: 480px !important;
  }
}

.pb490 {
  padding-bottom: 490px !important;
}

@media print, screen and (max-width: 768px) {
  .pb490--sp {
    padding-bottom: 490px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb490--pc {
    padding-bottom: 490px !important;
  }
}

.pb500 {
  padding-bottom: 500px !important;
}

@media print, screen and (max-width: 768px) {
  .pb500--sp {
    padding-bottom: 500px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pb500--pc {
    padding-bottom: 500px !important;
  }
}

.pr0 {
  padding-right: 0px !important;
}

@media print, screen and (max-width: 768px) {
  .pr0--sp {
    padding-right: 0px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr0--pc {
    padding-right: 0px !important;
  }
}

.pr10 {
  padding-right: 10px !important;
}

@media print, screen and (max-width: 768px) {
  .pr10--sp {
    padding-right: 10px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr10--pc {
    padding-right: 10px !important;
  }
}

.pr20 {
  padding-right: 20px !important;
}

@media print, screen and (max-width: 768px) {
  .pr20--sp {
    padding-right: 20px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr20--pc {
    padding-right: 20px !important;
  }
}

.pr30 {
  padding-right: 30px !important;
}

@media print, screen and (max-width: 768px) {
  .pr30--sp {
    padding-right: 30px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr30--pc {
    padding-right: 30px !important;
  }
}

.pr40 {
  padding-right: 40px !important;
}

@media print, screen and (max-width: 768px) {
  .pr40--sp {
    padding-right: 40px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr40--pc {
    padding-right: 40px !important;
  }
}

.pr50 {
  padding-right: 50px !important;
}

@media print, screen and (max-width: 768px) {
  .pr50--sp {
    padding-right: 50px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr50--pc {
    padding-right: 50px !important;
  }
}

.pr60 {
  padding-right: 60px !important;
}

@media print, screen and (max-width: 768px) {
  .pr60--sp {
    padding-right: 60px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr60--pc {
    padding-right: 60px !important;
  }
}

.pr70 {
  padding-right: 70px !important;
}

@media print, screen and (max-width: 768px) {
  .pr70--sp {
    padding-right: 70px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr70--pc {
    padding-right: 70px !important;
  }
}

.pr80 {
  padding-right: 80px !important;
}

@media print, screen and (max-width: 768px) {
  .pr80--sp {
    padding-right: 80px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr80--pc {
    padding-right: 80px !important;
  }
}

.pr90 {
  padding-right: 90px !important;
}

@media print, screen and (max-width: 768px) {
  .pr90--sp {
    padding-right: 90px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr90--pc {
    padding-right: 90px !important;
  }
}

.pr100 {
  padding-right: 100px !important;
}

@media print, screen and (max-width: 768px) {
  .pr100--sp {
    padding-right: 100px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr100--pc {
    padding-right: 100px !important;
  }
}

.pr110 {
  padding-right: 110px !important;
}

@media print, screen and (max-width: 768px) {
  .pr110--sp {
    padding-right: 110px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr110--pc {
    padding-right: 110px !important;
  }
}

.pr120 {
  padding-right: 120px !important;
}

@media print, screen and (max-width: 768px) {
  .pr120--sp {
    padding-right: 120px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr120--pc {
    padding-right: 120px !important;
  }
}

.pr130 {
  padding-right: 130px !important;
}

@media print, screen and (max-width: 768px) {
  .pr130--sp {
    padding-right: 130px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr130--pc {
    padding-right: 130px !important;
  }
}

.pr140 {
  padding-right: 140px !important;
}

@media print, screen and (max-width: 768px) {
  .pr140--sp {
    padding-right: 140px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr140--pc {
    padding-right: 140px !important;
  }
}

.pr150 {
  padding-right: 150px !important;
}

@media print, screen and (max-width: 768px) {
  .pr150--sp {
    padding-right: 150px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr150--pc {
    padding-right: 150px !important;
  }
}

.pr160 {
  padding-right: 160px !important;
}

@media print, screen and (max-width: 768px) {
  .pr160--sp {
    padding-right: 160px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr160--pc {
    padding-right: 160px !important;
  }
}

.pr170 {
  padding-right: 170px !important;
}

@media print, screen and (max-width: 768px) {
  .pr170--sp {
    padding-right: 170px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr170--pc {
    padding-right: 170px !important;
  }
}

.pr180 {
  padding-right: 180px !important;
}

@media print, screen and (max-width: 768px) {
  .pr180--sp {
    padding-right: 180px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr180--pc {
    padding-right: 180px !important;
  }
}

.pr190 {
  padding-right: 190px !important;
}

@media print, screen and (max-width: 768px) {
  .pr190--sp {
    padding-right: 190px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr190--pc {
    padding-right: 190px !important;
  }
}

.pr200 {
  padding-right: 200px !important;
}

@media print, screen and (max-width: 768px) {
  .pr200--sp {
    padding-right: 200px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr200--pc {
    padding-right: 200px !important;
  }
}

.pr210 {
  padding-right: 210px !important;
}

@media print, screen and (max-width: 768px) {
  .pr210--sp {
    padding-right: 210px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr210--pc {
    padding-right: 210px !important;
  }
}

.pr220 {
  padding-right: 220px !important;
}

@media print, screen and (max-width: 768px) {
  .pr220--sp {
    padding-right: 220px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr220--pc {
    padding-right: 220px !important;
  }
}

.pr230 {
  padding-right: 230px !important;
}

@media print, screen and (max-width: 768px) {
  .pr230--sp {
    padding-right: 230px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr230--pc {
    padding-right: 230px !important;
  }
}

.pr240 {
  padding-right: 240px !important;
}

@media print, screen and (max-width: 768px) {
  .pr240--sp {
    padding-right: 240px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr240--pc {
    padding-right: 240px !important;
  }
}

.pr250 {
  padding-right: 250px !important;
}

@media print, screen and (max-width: 768px) {
  .pr250--sp {
    padding-right: 250px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr250--pc {
    padding-right: 250px !important;
  }
}

.pr260 {
  padding-right: 260px !important;
}

@media print, screen and (max-width: 768px) {
  .pr260--sp {
    padding-right: 260px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr260--pc {
    padding-right: 260px !important;
  }
}

.pr270 {
  padding-right: 270px !important;
}

@media print, screen and (max-width: 768px) {
  .pr270--sp {
    padding-right: 270px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr270--pc {
    padding-right: 270px !important;
  }
}

.pr280 {
  padding-right: 280px !important;
}

@media print, screen and (max-width: 768px) {
  .pr280--sp {
    padding-right: 280px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr280--pc {
    padding-right: 280px !important;
  }
}

.pr290 {
  padding-right: 290px !important;
}

@media print, screen and (max-width: 768px) {
  .pr290--sp {
    padding-right: 290px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr290--pc {
    padding-right: 290px !important;
  }
}

.pr300 {
  padding-right: 300px !important;
}

@media print, screen and (max-width: 768px) {
  .pr300--sp {
    padding-right: 300px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr300--pc {
    padding-right: 300px !important;
  }
}

.pr310 {
  padding-right: 310px !important;
}

@media print, screen and (max-width: 768px) {
  .pr310--sp {
    padding-right: 310px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr310--pc {
    padding-right: 310px !important;
  }
}

.pr320 {
  padding-right: 320px !important;
}

@media print, screen and (max-width: 768px) {
  .pr320--sp {
    padding-right: 320px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr320--pc {
    padding-right: 320px !important;
  }
}

.pr330 {
  padding-right: 330px !important;
}

@media print, screen and (max-width: 768px) {
  .pr330--sp {
    padding-right: 330px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr330--pc {
    padding-right: 330px !important;
  }
}

.pr340 {
  padding-right: 340px !important;
}

@media print, screen and (max-width: 768px) {
  .pr340--sp {
    padding-right: 340px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr340--pc {
    padding-right: 340px !important;
  }
}

.pr350 {
  padding-right: 350px !important;
}

@media print, screen and (max-width: 768px) {
  .pr350--sp {
    padding-right: 350px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr350--pc {
    padding-right: 350px !important;
  }
}

.pr360 {
  padding-right: 360px !important;
}

@media print, screen and (max-width: 768px) {
  .pr360--sp {
    padding-right: 360px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr360--pc {
    padding-right: 360px !important;
  }
}

.pr370 {
  padding-right: 370px !important;
}

@media print, screen and (max-width: 768px) {
  .pr370--sp {
    padding-right: 370px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr370--pc {
    padding-right: 370px !important;
  }
}

.pr380 {
  padding-right: 380px !important;
}

@media print, screen and (max-width: 768px) {
  .pr380--sp {
    padding-right: 380px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr380--pc {
    padding-right: 380px !important;
  }
}

.pr390 {
  padding-right: 390px !important;
}

@media print, screen and (max-width: 768px) {
  .pr390--sp {
    padding-right: 390px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr390--pc {
    padding-right: 390px !important;
  }
}

.pr400 {
  padding-right: 400px !important;
}

@media print, screen and (max-width: 768px) {
  .pr400--sp {
    padding-right: 400px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr400--pc {
    padding-right: 400px !important;
  }
}

.pr410 {
  padding-right: 410px !important;
}

@media print, screen and (max-width: 768px) {
  .pr410--sp {
    padding-right: 410px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr410--pc {
    padding-right: 410px !important;
  }
}

.pr420 {
  padding-right: 420px !important;
}

@media print, screen and (max-width: 768px) {
  .pr420--sp {
    padding-right: 420px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr420--pc {
    padding-right: 420px !important;
  }
}

.pr430 {
  padding-right: 430px !important;
}

@media print, screen and (max-width: 768px) {
  .pr430--sp {
    padding-right: 430px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr430--pc {
    padding-right: 430px !important;
  }
}

.pr440 {
  padding-right: 440px !important;
}

@media print, screen and (max-width: 768px) {
  .pr440--sp {
    padding-right: 440px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr440--pc {
    padding-right: 440px !important;
  }
}

.pr450 {
  padding-right: 450px !important;
}

@media print, screen and (max-width: 768px) {
  .pr450--sp {
    padding-right: 450px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr450--pc {
    padding-right: 450px !important;
  }
}

.pr460 {
  padding-right: 460px !important;
}

@media print, screen and (max-width: 768px) {
  .pr460--sp {
    padding-right: 460px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr460--pc {
    padding-right: 460px !important;
  }
}

.pr470 {
  padding-right: 470px !important;
}

@media print, screen and (max-width: 768px) {
  .pr470--sp {
    padding-right: 470px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr470--pc {
    padding-right: 470px !important;
  }
}

.pr480 {
  padding-right: 480px !important;
}

@media print, screen and (max-width: 768px) {
  .pr480--sp {
    padding-right: 480px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr480--pc {
    padding-right: 480px !important;
  }
}

.pr490 {
  padding-right: 490px !important;
}

@media print, screen and (max-width: 768px) {
  .pr490--sp {
    padding-right: 490px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr490--pc {
    padding-right: 490px !important;
  }
}

.pr500 {
  padding-right: 500px !important;
}

@media print, screen and (max-width: 768px) {
  .pr500--sp {
    padding-right: 500px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pr500--pc {
    padding-right: 500px !important;
  }
}

.pl0 {
  padding-left: 0px !important;
}

@media print, screen and (max-width: 768px) {
  .pl0--sp {
    padding-left: 0px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl0--pc {
    padding-left: 0px !important;
  }
}

.pl10 {
  padding-left: 10px !important;
}

@media print, screen and (max-width: 768px) {
  .pl10--sp {
    padding-left: 10px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl10--pc {
    padding-left: 10px !important;
  }
}

.pl20 {
  padding-left: 20px !important;
}

@media print, screen and (max-width: 768px) {
  .pl20--sp {
    padding-left: 20px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl20--pc {
    padding-left: 20px !important;
  }
}

.pl30 {
  padding-left: 30px !important;
}

@media print, screen and (max-width: 768px) {
  .pl30--sp {
    padding-left: 30px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl30--pc {
    padding-left: 30px !important;
  }
}

.pl40 {
  padding-left: 40px !important;
}

@media print, screen and (max-width: 768px) {
  .pl40--sp {
    padding-left: 40px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl40--pc {
    padding-left: 40px !important;
  }
}

.pl50 {
  padding-left: 50px !important;
}

@media print, screen and (max-width: 768px) {
  .pl50--sp {
    padding-left: 50px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl50--pc {
    padding-left: 50px !important;
  }
}

.pl60 {
  padding-left: 60px !important;
}

@media print, screen and (max-width: 768px) {
  .pl60--sp {
    padding-left: 60px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl60--pc {
    padding-left: 60px !important;
  }
}

.pl70 {
  padding-left: 70px !important;
}

@media print, screen and (max-width: 768px) {
  .pl70--sp {
    padding-left: 70px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl70--pc {
    padding-left: 70px !important;
  }
}

.pl80 {
  padding-left: 80px !important;
}

@media print, screen and (max-width: 768px) {
  .pl80--sp {
    padding-left: 80px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl80--pc {
    padding-left: 80px !important;
  }
}

.pl90 {
  padding-left: 90px !important;
}

@media print, screen and (max-width: 768px) {
  .pl90--sp {
    padding-left: 90px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl90--pc {
    padding-left: 90px !important;
  }
}

.pl100 {
  padding-left: 100px !important;
}

@media print, screen and (max-width: 768px) {
  .pl100--sp {
    padding-left: 100px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl100--pc {
    padding-left: 100px !important;
  }
}

.pl110 {
  padding-left: 110px !important;
}

@media print, screen and (max-width: 768px) {
  .pl110--sp {
    padding-left: 110px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl110--pc {
    padding-left: 110px !important;
  }
}

.pl120 {
  padding-left: 120px !important;
}

@media print, screen and (max-width: 768px) {
  .pl120--sp {
    padding-left: 120px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl120--pc {
    padding-left: 120px !important;
  }
}

.pl130 {
  padding-left: 130px !important;
}

@media print, screen and (max-width: 768px) {
  .pl130--sp {
    padding-left: 130px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl130--pc {
    padding-left: 130px !important;
  }
}

.pl140 {
  padding-left: 140px !important;
}

@media print, screen and (max-width: 768px) {
  .pl140--sp {
    padding-left: 140px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl140--pc {
    padding-left: 140px !important;
  }
}

.pl150 {
  padding-left: 150px !important;
}

@media print, screen and (max-width: 768px) {
  .pl150--sp {
    padding-left: 150px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl150--pc {
    padding-left: 150px !important;
  }
}

.pl160 {
  padding-left: 160px !important;
}

@media print, screen and (max-width: 768px) {
  .pl160--sp {
    padding-left: 160px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl160--pc {
    padding-left: 160px !important;
  }
}

.pl170 {
  padding-left: 170px !important;
}

@media print, screen and (max-width: 768px) {
  .pl170--sp {
    padding-left: 170px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl170--pc {
    padding-left: 170px !important;
  }
}

.pl180 {
  padding-left: 180px !important;
}

@media print, screen and (max-width: 768px) {
  .pl180--sp {
    padding-left: 180px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl180--pc {
    padding-left: 180px !important;
  }
}

.pl190 {
  padding-left: 190px !important;
}

@media print, screen and (max-width: 768px) {
  .pl190--sp {
    padding-left: 190px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl190--pc {
    padding-left: 190px !important;
  }
}

.pl200 {
  padding-left: 200px !important;
}

@media print, screen and (max-width: 768px) {
  .pl200--sp {
    padding-left: 200px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl200--pc {
    padding-left: 200px !important;
  }
}

.pl210 {
  padding-left: 210px !important;
}

@media print, screen and (max-width: 768px) {
  .pl210--sp {
    padding-left: 210px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl210--pc {
    padding-left: 210px !important;
  }
}

.pl220 {
  padding-left: 220px !important;
}

@media print, screen and (max-width: 768px) {
  .pl220--sp {
    padding-left: 220px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl220--pc {
    padding-left: 220px !important;
  }
}

.pl230 {
  padding-left: 230px !important;
}

@media print, screen and (max-width: 768px) {
  .pl230--sp {
    padding-left: 230px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl230--pc {
    padding-left: 230px !important;
  }
}

.pl240 {
  padding-left: 240px !important;
}

@media print, screen and (max-width: 768px) {
  .pl240--sp {
    padding-left: 240px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl240--pc {
    padding-left: 240px !important;
  }
}

.pl250 {
  padding-left: 250px !important;
}

@media print, screen and (max-width: 768px) {
  .pl250--sp {
    padding-left: 250px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl250--pc {
    padding-left: 250px !important;
  }
}

.pl260 {
  padding-left: 260px !important;
}

@media print, screen and (max-width: 768px) {
  .pl260--sp {
    padding-left: 260px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl260--pc {
    padding-left: 260px !important;
  }
}

.pl270 {
  padding-left: 270px !important;
}

@media print, screen and (max-width: 768px) {
  .pl270--sp {
    padding-left: 270px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl270--pc {
    padding-left: 270px !important;
  }
}

.pl280 {
  padding-left: 280px !important;
}

@media print, screen and (max-width: 768px) {
  .pl280--sp {
    padding-left: 280px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl280--pc {
    padding-left: 280px !important;
  }
}

.pl290 {
  padding-left: 290px !important;
}

@media print, screen and (max-width: 768px) {
  .pl290--sp {
    padding-left: 290px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl290--pc {
    padding-left: 290px !important;
  }
}

.pl300 {
  padding-left: 300px !important;
}

@media print, screen and (max-width: 768px) {
  .pl300--sp {
    padding-left: 300px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl300--pc {
    padding-left: 300px !important;
  }
}

.pl310 {
  padding-left: 310px !important;
}

@media print, screen and (max-width: 768px) {
  .pl310--sp {
    padding-left: 310px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl310--pc {
    padding-left: 310px !important;
  }
}

.pl320 {
  padding-left: 320px !important;
}

@media print, screen and (max-width: 768px) {
  .pl320--sp {
    padding-left: 320px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl320--pc {
    padding-left: 320px !important;
  }
}

.pl330 {
  padding-left: 330px !important;
}

@media print, screen and (max-width: 768px) {
  .pl330--sp {
    padding-left: 330px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl330--pc {
    padding-left: 330px !important;
  }
}

.pl340 {
  padding-left: 340px !important;
}

@media print, screen and (max-width: 768px) {
  .pl340--sp {
    padding-left: 340px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl340--pc {
    padding-left: 340px !important;
  }
}

.pl350 {
  padding-left: 350px !important;
}

@media print, screen and (max-width: 768px) {
  .pl350--sp {
    padding-left: 350px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl350--pc {
    padding-left: 350px !important;
  }
}

.pl360 {
  padding-left: 360px !important;
}

@media print, screen and (max-width: 768px) {
  .pl360--sp {
    padding-left: 360px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl360--pc {
    padding-left: 360px !important;
  }
}

.pl370 {
  padding-left: 370px !important;
}

@media print, screen and (max-width: 768px) {
  .pl370--sp {
    padding-left: 370px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl370--pc {
    padding-left: 370px !important;
  }
}

.pl380 {
  padding-left: 380px !important;
}

@media print, screen and (max-width: 768px) {
  .pl380--sp {
    padding-left: 380px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl380--pc {
    padding-left: 380px !important;
  }
}

.pl390 {
  padding-left: 390px !important;
}

@media print, screen and (max-width: 768px) {
  .pl390--sp {
    padding-left: 390px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl390--pc {
    padding-left: 390px !important;
  }
}

.pl400 {
  padding-left: 400px !important;
}

@media print, screen and (max-width: 768px) {
  .pl400--sp {
    padding-left: 400px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl400--pc {
    padding-left: 400px !important;
  }
}

.pl410 {
  padding-left: 410px !important;
}

@media print, screen and (max-width: 768px) {
  .pl410--sp {
    padding-left: 410px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl410--pc {
    padding-left: 410px !important;
  }
}

.pl420 {
  padding-left: 420px !important;
}

@media print, screen and (max-width: 768px) {
  .pl420--sp {
    padding-left: 420px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl420--pc {
    padding-left: 420px !important;
  }
}

.pl430 {
  padding-left: 430px !important;
}

@media print, screen and (max-width: 768px) {
  .pl430--sp {
    padding-left: 430px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl430--pc {
    padding-left: 430px !important;
  }
}

.pl440 {
  padding-left: 440px !important;
}

@media print, screen and (max-width: 768px) {
  .pl440--sp {
    padding-left: 440px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl440--pc {
    padding-left: 440px !important;
  }
}

.pl450 {
  padding-left: 450px !important;
}

@media print, screen and (max-width: 768px) {
  .pl450--sp {
    padding-left: 450px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl450--pc {
    padding-left: 450px !important;
  }
}

.pl460 {
  padding-left: 460px !important;
}

@media print, screen and (max-width: 768px) {
  .pl460--sp {
    padding-left: 460px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl460--pc {
    padding-left: 460px !important;
  }
}

.pl470 {
  padding-left: 470px !important;
}

@media print, screen and (max-width: 768px) {
  .pl470--sp {
    padding-left: 470px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl470--pc {
    padding-left: 470px !important;
  }
}

.pl480 {
  padding-left: 480px !important;
}

@media print, screen and (max-width: 768px) {
  .pl480--sp {
    padding-left: 480px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl480--pc {
    padding-left: 480px !important;
  }
}

.pl490 {
  padding-left: 490px !important;
}

@media print, screen and (max-width: 768px) {
  .pl490--sp {
    padding-left: 490px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl490--pc {
    padding-left: 490px !important;
  }
}

.pl500 {
  padding-left: 500px !important;
}

@media print, screen and (max-width: 768px) {
  .pl500--sp {
    padding-left: 500px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .pl500--pc {
    padding-left: 500px !important;
  }
}

/*=====================================================
  anchorLink
=====================================================*/
.anchorLink {
  width: 100%;
  margin: 0 auto 60px auto;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .anchorLink {
    margin: 0 auto 80px auto;
    padding: 0;
  }
}
.anchorLink.anchorLink--6col ul {
  display: grid;
}
@media print, screen and (min-width: 768px) {
  .anchorLink.anchorLink--6col ul {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
  }
}
.anchorLink.anchorLink--2-4col ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 10px;
}
@media print, screen and (min-width: 768px) {
  .anchorLink.anchorLink--2-4col ul {
    grid-template-columns: repeat(4, 1fr);
    gap: 0 20px;
  }
}
.anchorLink.anchorLink--2-4col ul li {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .anchorLink.anchorLink--2-4col ul li a {
    padding: 20px 20px 20px 15px;
  }
}
.anchorLink.anchorLink--3-6col ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 10px;
}
@media print, screen and (min-width: 768px) {
  .anchorLink.anchorLink--3-6col ul {
    grid-template-columns: repeat(6, 1fr);
    gap: 0 20px;
  }
}
.anchorLink.anchorLink--3-6col ul li {
  margin-bottom: 0;
}
.anchorLink.anchorLink--3-6col ul li a {
  padding: 15px 10px 15px 10px;
}
.anchorLink.anchorLink--3-12col ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 8px;
}
@media print, screen and (min-width: 768px) {
  .anchorLink.anchorLink--3-12col ul {
    grid-template-columns: repeat(12, 1fr);
  }
}
.anchorLink.anchorLink--3-12col ul li {
  margin-bottom: 0;
}
.anchorLink.anchorLink--3-12col ul li a {
  padding: 15px 20px 15px 10px;
}
@media print, screen and (min-width: 768px) {
  .anchorLink.anchorLink--3-12col ul li a {
    padding-right: 10px;
  }
}
.anchorLink ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .anchorLink ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 40px;
  }
}
.anchorLink ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 15px;
  font-size: 0.9375rem;
  border-bottom: 1px solid var(--border-dark-gray);
}
@media print, screen and (min-width: 768px) {
  .anchorLink ul li {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1rem;
    transition: all 0.2s;
  }
  .anchorLink ul li:hover {
    border-bottom: 1px solid var(--trust-blue);
  }
  .anchorLink ul li:hover a {
    color: var(--trust-blue) !important;
  }
}
.anchorLink ul li a {
  width: 100%;
  margin: 0;
  padding: 15px 0;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--base-title-color);
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  .anchorLink ul li a {
    padding: 24px 15px;
    font-size: 16px;
    font-size: 1rem;
    transition: color 0.2s, border-color 0.2s;
    background-image: none;
  }
}
.anchorLink ul li a.on {
  color: var(--trust-blue);
  font-weight: 700;
  background-color: var(--white);
}
.anchorLink ul li a .anchorLink__icon {
  width: 14px;
  margin-left: 10px;
  position: relative;
  top: -2px;
  left: 0;
  display: inline;
}
@media print, screen and (min-width: 768px) {
  .anchorLink ul li a .anchorLink__icon {
    top: -4px;
  }
}

/*=====================================================
  qa
=====================================================*/
.qa {
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  border-bottom: 1px solid var(--border-light-gray);
}
@media print, screen and (min-width: 768px) {
  .qa {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
.qa dt {
  width: 100%;
  margin: 0 0 16px 0;
  padding: 4px 0 4px 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.6;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .qa dt {
    font-size: 16px;
    font-size: 1rem;
  }
}
.qa dt::before {
  width: 28px;
  height: 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  content: "Q";
  color: var(--white);
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--trust-blue);
  border-radius: 5px;
}
@media print, screen and (min-width: 768px) {
  .qa dt::before {
    width: 30px;
    height: 30px;
  }
}
.qa dd {
  width: 100%;
  margin: 0;
  padding: 4px 0 4px 40px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .qa dd {
    font-size: 16px;
    font-size: 1rem;
  }
}
.qa dd::before {
  width: 28px;
  height: 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  content: "A";
  color: var(--white);
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #505156;
  border-radius: 5px;
}
@media print, screen and (min-width: 768px) {
  .qa dd::before {
    width: 30px;
    height: 30px;
  }
}

/*=====================================================
  contentsFluid
=====================================================*/
.contentsFluid {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 60px 15px;
  background-color: var(--new-light-blue);
}
@media print, screen and (min-width: 768px) {
  .contentsFluid {
    min-width: 1180px;
    padding: 0 20px;
  }
}
@media print, screen and (min-width: 1280px) {
  .contentsFluid {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    padding: 0;
  }
}
.contentsFluid .contentsFluid__inner {
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px;
}
@media print, screen and (min-width: 768px) {
  .contentsFluid .contentsFluid__inner {
    width: 1140px;
    padding: 100px 0;
  }
}

:root ul.list {
  margin: 0;
  padding: 0;
}
:root ul.list li {
  margin: 0;
  padding: 20px;
  padding: 20px 0 20px 15px;
  position: relative;
  list-style: none;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  position: relative;
  border-bottom: 1px solid var(--border-dark-gray);
}
@media print, screen and (min-width: 768px) {
  :root ul.list li {
    padding: 22px 0 22px 25px;
    font-size: 16px;
    font-size: 1rem;
  }
}
:root ul.list li:before {
  width: 8px;
  height: 8px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 26px;
  background-color: var(--trust-blue);
  border-radius: 50%;
}
@media print, screen and (min-width: 768px) {
  :root ul.list li:before {
    top: 30px;
  }
}
:root ul.list li ul {
  margin: 20px 0 0 0;
  padding: 0;
  border-top: 1px dotted var(--border-light-gray);
}
@media print, screen and (min-width: 768px) {
  :root ul.list li ul {
    margin-top: 25px;
  }
}
:root ul.list li ul li {
  border-bottom-style: dotted;
}
:root ul.list li ul li:last-child {
  padding-bottom: 0;
  border-bottom-width: 0;
}
:root ul.list.list--small li {
  font-size: 14px;
  font-size: 0.875rem;
}
:root ul.list.list--small li:before {
  width: 5px;
  height: 5px;
  top: 26px;
}
@media print, screen and (min-width: 768px) {
  :root ul.list.list--small li:before {
    top: 25px;
  }
}
@media print, screen and (min-width: 768px) {
  :root ul.list.list--2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 40px;
  }
}
@media print, screen and (min-width: 768px) {
  :root ul.list.list--link li {
    transition: all 0.2s;
  }
}
:root ul.list.list--link li a {
  text-decoration: none;
}
:root ul.list.list--link li a:hover {
  text-decoration: underline;
}
:root ul.list.list--link li a:hover img {
  left: 6px;
}
:root ul.list.list--link li a img {
  transition: all 0.2s;
  position: relative;
  left: 0;
}
:root ul.list.list--styleSmall li:before {
  width: 5px;
  height: 5px;
  top: 29px;
}
@media print, screen and (min-width: 768px) {
  :root ul.list.list--styleSmall li:before {
    top: 31px;
  }
}
:root ul.list.list--borderNone {
  border-top-width: 0;
}
:root ul.list.list--borderNone li {
  padding: 5px 0 5px 15px;
  border-bottom-width: 0;
}
:root ul.list.list--borderNone li:before {
  top: 13px;
}
:root ul.list.list--borderBottomNone {
  border-bottom-width: 0;
}
:root ul.list.list--styleNone li {
  padding-left: 0;
}
:root ul.list.list--styleNone li:before {
  display: none;
}

:root ol.list {
  margin: 0;
  padding: 0;
}
:root ol.list.list--small li {
  font-size: 14px;
  font-size: 0.875rem;
}
:root ol.list > li {
  margin: 0 0 0 35px;
  padding: 20px 0 20px 10px;
  position: relative;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  position: relative;
}
:root ol.list > li::after {
  width: calc(100% + 25px);
  height: 1px;
  content: "";
  display: block;
  position: absolute;
  left: -35px;
  bottom: 0;
  background-color: var(--border-light-gray);
}
@media print, screen and (min-width: 768px) {
  :root ol.list > li {
    padding: 17px 0 17px 35px;
    font-size: 16px;
    font-size: 1rem;
  }
}
:root ol.list.list--borderNone li {
  padding: 5px 0 5px 15px;
  border-bottom-width: 0;
}
:root ol.list.list--borderNone li:before {
  top: 13px;
}

/*=====================================================
  youtube
=====================================================*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*=====================================================
  tdSwip
=====================================================*/
.swip {
  max-width: 1140px;
  overflow-x: scroll;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .swip {
    max-width: initial;
    overflow-x: visible;
  }
}
.swip img {
  max-width: initial;
}
@media print, screen and (min-width: 768px) {
  .swip img {
    max-width: 100%;
  }
}
.swip::before {
  width: 80px;
  height: 80px;
  display: block;
  content: "";
  position: absolute;
  z-index: 20;
  left: calc(50% - 40px);
  top: 50px;
  background-image: url(/library/images/swip.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 80px 80px;
}
@media print, screen and (min-width: 768px) {
  .swip::before {
    display: none;
  }
}
.swip.swip--hidden::before {
  opacity: 0;
  transition: opacity 1s;
}

/*=====================================================
  heading_h1
=====================================================*/
/*=====================================================
  heading_h2
=====================================================*/
.heading_h2 {
  margin: 0 0 34px 0;
  padding: 0 0 16px 0;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.4;
  color: var(--base-title-color);
  border-bottom: 2px solid var(--trust-blue);
}
@media print, screen and (min-width: 768px) {
  .heading_h2 {
    margin-bottom: 60px;
    padding: 0 0 24px 0;
    font-size: 36px;
    font-size: 2.25rem;
  }
}

/*=====================================================
  heading_h2Center
=====================================================*/
.heading_h2Center {
  width: 100%;
  margin: 0 auto 30px auto;
  padding: 0 0 12px 0;
  font-size: 32px;
  font-size: 2rem;
  color: var(--base-title-color);
  line-height: 1.4;
  text-align: center;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .heading_h2Center {
    margin-bottom: 40px;
    padding-bottom: 20px;
    font-size: 46px;
    font-size: 2.875rem;
  }
}
.heading_h2Center::after {
  width: 50px;
  height: 4px;
  margin: 0 auto;
  padding: 0;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--trust-blue);
}
@media print, screen and (min-width: 768px) {
  .heading_h2Center::after {
    width: 64px;
  }
}

/*=====================================================
  heading_h3
=====================================================*/
.heading_h3 {
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0 0 0 24px;
  font-size: 20px;
  font-size: 1.25rem;
  color: var(--base-title-color);
  line-height: 1.4;
  letter-spacing: 0.05;
  color: var(--base--title-color);
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .heading_h3 {
    margin-bottom: 40px;
    padding-left: 28px;
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.heading_h3:before {
  width: 16px;
  height: 3px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 14px;
  background-color: var(--trust-blue);
}
@media print, screen and (min-width: 768px) {
  .heading_h3:before {
    width: 20px;
    top: 16px;
  }
}

/*=====================================================
  heading_h4
=====================================================*/
.heading_h4 {
  margin: 0 0 1.6rem 0;
  padding: 0 0 0 15px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  color: var(--base-title-color);
  font-weight: 700;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .heading_h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.heading_h4::before {
  width: 3px;
  height: 16px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  background-color: var(--trust-blue);
}
@media print, screen and (min-width: 768px) {
  .heading_h4::before {
    top: 7px;
  }
}

/*=====================================================
  heading_h5
=====================================================*/
.heading_h5 {
  margin: 0 0 1.6rem 0;
  padding: 0;
  font-size: 17px;
  font-size: 1.0625rem;
  color: var(--base-title-color);
  font-weight: 700;
}
@media print, screen and (min-width: 768px) {
  .heading_h5 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

/*=====================================================
  heading_h6
=====================================================*/
.heading_h6 {
  margin: 0 0 1.6rem 0;
  padding: 0;
  font-size: 16px;
  font-size: 1rem;
  color: var(--base-title-color);
  font-weight: 700;
}

.pbMainArea p {
  margin: 0 0 1rem 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
}
@media print, screen and (min-width: 768px) {
  .pbMainArea p {
    font-size: 16px;
    font-size: 1rem;
  }
}

/*=====================================================
  width
=====================================================*/
.w0 {
  width: 0px !important;
}

@media print, screen and (max-width: 768px) {
  .w0--sp {
    width: 0px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w0--pc {
    width: 0px !important;
  }
}

.w10 {
  width: 10px !important;
}

@media print, screen and (max-width: 768px) {
  .w10--sp {
    width: 10px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w10--pc {
    width: 10px !important;
  }
}

.w20 {
  width: 20px !important;
}

@media print, screen and (max-width: 768px) {
  .w20--sp {
    width: 20px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w20--pc {
    width: 20px !important;
  }
}

.w30 {
  width: 30px !important;
}

@media print, screen and (max-width: 768px) {
  .w30--sp {
    width: 30px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w30--pc {
    width: 30px !important;
  }
}

.w40 {
  width: 40px !important;
}

@media print, screen and (max-width: 768px) {
  .w40--sp {
    width: 40px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w40--pc {
    width: 40px !important;
  }
}

.w50 {
  width: 50px !important;
}

@media print, screen and (max-width: 768px) {
  .w50--sp {
    width: 50px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w50--pc {
    width: 50px !important;
  }
}

.w60 {
  width: 60px !important;
}

@media print, screen and (max-width: 768px) {
  .w60--sp {
    width: 60px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w60--pc {
    width: 60px !important;
  }
}

.w70 {
  width: 70px !important;
}

@media print, screen and (max-width: 768px) {
  .w70--sp {
    width: 70px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w70--pc {
    width: 70px !important;
  }
}

.w80 {
  width: 80px !important;
}

@media print, screen and (max-width: 768px) {
  .w80--sp {
    width: 80px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w80--pc {
    width: 80px !important;
  }
}

.w90 {
  width: 90px !important;
}

@media print, screen and (max-width: 768px) {
  .w90--sp {
    width: 90px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w90--pc {
    width: 90px !important;
  }
}

.w100 {
  width: 100px !important;
}

@media print, screen and (max-width: 768px) {
  .w100--sp {
    width: 100px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w100--pc {
    width: 100px !important;
  }
}

.w110 {
  width: 110px !important;
}

@media print, screen and (max-width: 768px) {
  .w110--sp {
    width: 110px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w110--pc {
    width: 110px !important;
  }
}

.w120 {
  width: 120px !important;
}

@media print, screen and (max-width: 768px) {
  .w120--sp {
    width: 120px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w120--pc {
    width: 120px !important;
  }
}

.w130 {
  width: 130px !important;
}

@media print, screen and (max-width: 768px) {
  .w130--sp {
    width: 130px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w130--pc {
    width: 130px !important;
  }
}

.w140 {
  width: 140px !important;
}

@media print, screen and (max-width: 768px) {
  .w140--sp {
    width: 140px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w140--pc {
    width: 140px !important;
  }
}

.w150 {
  width: 150px !important;
}

@media print, screen and (max-width: 768px) {
  .w150--sp {
    width: 150px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w150--pc {
    width: 150px !important;
  }
}

.w160 {
  width: 160px !important;
}

@media print, screen and (max-width: 768px) {
  .w160--sp {
    width: 160px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w160--pc {
    width: 160px !important;
  }
}

.w170 {
  width: 170px !important;
}

@media print, screen and (max-width: 768px) {
  .w170--sp {
    width: 170px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w170--pc {
    width: 170px !important;
  }
}

.w180 {
  width: 180px !important;
}

@media print, screen and (max-width: 768px) {
  .w180--sp {
    width: 180px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w180--pc {
    width: 180px !important;
  }
}

.w190 {
  width: 190px !important;
}

@media print, screen and (max-width: 768px) {
  .w190--sp {
    width: 190px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w190--pc {
    width: 190px !important;
  }
}

.w200 {
  width: 200px !important;
}

@media print, screen and (max-width: 768px) {
  .w200--sp {
    width: 200px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w200--pc {
    width: 200px !important;
  }
}

.w210 {
  width: 210px !important;
}

@media print, screen and (max-width: 768px) {
  .w210--sp {
    width: 210px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w210--pc {
    width: 210px !important;
  }
}

.w220 {
  width: 220px !important;
}

@media print, screen and (max-width: 768px) {
  .w220--sp {
    width: 220px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w220--pc {
    width: 220px !important;
  }
}

.w230 {
  width: 230px !important;
}

@media print, screen and (max-width: 768px) {
  .w230--sp {
    width: 230px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w230--pc {
    width: 230px !important;
  }
}

.w240 {
  width: 240px !important;
}

@media print, screen and (max-width: 768px) {
  .w240--sp {
    width: 240px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w240--pc {
    width: 240px !important;
  }
}

.w250 {
  width: 250px !important;
}

@media print, screen and (max-width: 768px) {
  .w250--sp {
    width: 250px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w250--pc {
    width: 250px !important;
  }
}

.w260 {
  width: 260px !important;
}

@media print, screen and (max-width: 768px) {
  .w260--sp {
    width: 260px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w260--pc {
    width: 260px !important;
  }
}

.w270 {
  width: 270px !important;
}

@media print, screen and (max-width: 768px) {
  .w270--sp {
    width: 270px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w270--pc {
    width: 270px !important;
  }
}

.w280 {
  width: 280px !important;
}

@media print, screen and (max-width: 768px) {
  .w280--sp {
    width: 280px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w280--pc {
    width: 280px !important;
  }
}

.w290 {
  width: 290px !important;
}

@media print, screen and (max-width: 768px) {
  .w290--sp {
    width: 290px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w290--pc {
    width: 290px !important;
  }
}

.w300 {
  width: 300px !important;
}

@media print, screen and (max-width: 768px) {
  .w300--sp {
    width: 300px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w300--pc {
    width: 300px !important;
  }
}

.w310 {
  width: 310px !important;
}

@media print, screen and (max-width: 768px) {
  .w310--sp {
    width: 310px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w310--pc {
    width: 310px !important;
  }
}

.w320 {
  width: 320px !important;
}

@media print, screen and (max-width: 768px) {
  .w320--sp {
    width: 320px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w320--pc {
    width: 320px !important;
  }
}

.w330 {
  width: 330px !important;
}

@media print, screen and (max-width: 768px) {
  .w330--sp {
    width: 330px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w330--pc {
    width: 330px !important;
  }
}

.w340 {
  width: 340px !important;
}

@media print, screen and (max-width: 768px) {
  .w340--sp {
    width: 340px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w340--pc {
    width: 340px !important;
  }
}

.w350 {
  width: 350px !important;
}

@media print, screen and (max-width: 768px) {
  .w350--sp {
    width: 350px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w350--pc {
    width: 350px !important;
  }
}

.w360 {
  width: 360px !important;
}

@media print, screen and (max-width: 768px) {
  .w360--sp {
    width: 360px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w360--pc {
    width: 360px !important;
  }
}

.w370 {
  width: 370px !important;
}

@media print, screen and (max-width: 768px) {
  .w370--sp {
    width: 370px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w370--pc {
    width: 370px !important;
  }
}

.w380 {
  width: 380px !important;
}

@media print, screen and (max-width: 768px) {
  .w380--sp {
    width: 380px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w380--pc {
    width: 380px !important;
  }
}

.w390 {
  width: 390px !important;
}

@media print, screen and (max-width: 768px) {
  .w390--sp {
    width: 390px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w390--pc {
    width: 390px !important;
  }
}

.w400 {
  width: 400px !important;
}

@media print, screen and (max-width: 768px) {
  .w400--sp {
    width: 400px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w400--pc {
    width: 400px !important;
  }
}

.w410 {
  width: 410px !important;
}

@media print, screen and (max-width: 768px) {
  .w410--sp {
    width: 410px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w410--pc {
    width: 410px !important;
  }
}

.w420 {
  width: 420px !important;
}

@media print, screen and (max-width: 768px) {
  .w420--sp {
    width: 420px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w420--pc {
    width: 420px !important;
  }
}

.w430 {
  width: 430px !important;
}

@media print, screen and (max-width: 768px) {
  .w430--sp {
    width: 430px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w430--pc {
    width: 430px !important;
  }
}

.w440 {
  width: 440px !important;
}

@media print, screen and (max-width: 768px) {
  .w440--sp {
    width: 440px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w440--pc {
    width: 440px !important;
  }
}

.w450 {
  width: 450px !important;
}

@media print, screen and (max-width: 768px) {
  .w450--sp {
    width: 450px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w450--pc {
    width: 450px !important;
  }
}

.w460 {
  width: 460px !important;
}

@media print, screen and (max-width: 768px) {
  .w460--sp {
    width: 460px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w460--pc {
    width: 460px !important;
  }
}

.w470 {
  width: 470px !important;
}

@media print, screen and (max-width: 768px) {
  .w470--sp {
    width: 470px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w470--pc {
    width: 470px !important;
  }
}

.w480 {
  width: 480px !important;
}

@media print, screen and (max-width: 768px) {
  .w480--sp {
    width: 480px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w480--pc {
    width: 480px !important;
  }
}

.w490 {
  width: 490px !important;
}

@media print, screen and (max-width: 768px) {
  .w490--sp {
    width: 490px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w490--pc {
    width: 490px !important;
  }
}

.w500 {
  width: 500px !important;
}

@media print, screen and (max-width: 768px) {
  .w500--sp {
    width: 500px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w500--pc {
    width: 500px !important;
  }
}

.w510 {
  width: 510px !important;
}

@media print, screen and (max-width: 768px) {
  .w510--sp {
    width: 510px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w510--pc {
    width: 510px !important;
  }
}

.w520 {
  width: 520px !important;
}

@media print, screen and (max-width: 768px) {
  .w520--sp {
    width: 520px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w520--pc {
    width: 520px !important;
  }
}

.w530 {
  width: 530px !important;
}

@media print, screen and (max-width: 768px) {
  .w530--sp {
    width: 530px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w530--pc {
    width: 530px !important;
  }
}

.w540 {
  width: 540px !important;
}

@media print, screen and (max-width: 768px) {
  .w540--sp {
    width: 540px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w540--pc {
    width: 540px !important;
  }
}

.w550 {
  width: 550px !important;
}

@media print, screen and (max-width: 768px) {
  .w550--sp {
    width: 550px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w550--pc {
    width: 550px !important;
  }
}

.w560 {
  width: 560px !important;
}

@media print, screen and (max-width: 768px) {
  .w560--sp {
    width: 560px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w560--pc {
    width: 560px !important;
  }
}

.w570 {
  width: 570px !important;
}

@media print, screen and (max-width: 768px) {
  .w570--sp {
    width: 570px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w570--pc {
    width: 570px !important;
  }
}

.w580 {
  width: 580px !important;
}

@media print, screen and (max-width: 768px) {
  .w580--sp {
    width: 580px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w580--pc {
    width: 580px !important;
  }
}

.w590 {
  width: 590px !important;
}

@media print, screen and (max-width: 768px) {
  .w590--sp {
    width: 590px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w590--pc {
    width: 590px !important;
  }
}

.w600 {
  width: 600px !important;
}

@media print, screen and (max-width: 768px) {
  .w600--sp {
    width: 600px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w600--pc {
    width: 600px !important;
  }
}

.w610 {
  width: 610px !important;
}

@media print, screen and (max-width: 768px) {
  .w610--sp {
    width: 610px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w610--pc {
    width: 610px !important;
  }
}

.w620 {
  width: 620px !important;
}

@media print, screen and (max-width: 768px) {
  .w620--sp {
    width: 620px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w620--pc {
    width: 620px !important;
  }
}

.w630 {
  width: 630px !important;
}

@media print, screen and (max-width: 768px) {
  .w630--sp {
    width: 630px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w630--pc {
    width: 630px !important;
  }
}

.w640 {
  width: 640px !important;
}

@media print, screen and (max-width: 768px) {
  .w640--sp {
    width: 640px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w640--pc {
    width: 640px !important;
  }
}

.w650 {
  width: 650px !important;
}

@media print, screen and (max-width: 768px) {
  .w650--sp {
    width: 650px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w650--pc {
    width: 650px !important;
  }
}

.w660 {
  width: 660px !important;
}

@media print, screen and (max-width: 768px) {
  .w660--sp {
    width: 660px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w660--pc {
    width: 660px !important;
  }
}

.w670 {
  width: 670px !important;
}

@media print, screen and (max-width: 768px) {
  .w670--sp {
    width: 670px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w670--pc {
    width: 670px !important;
  }
}

.w680 {
  width: 680px !important;
}

@media print, screen and (max-width: 768px) {
  .w680--sp {
    width: 680px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w680--pc {
    width: 680px !important;
  }
}

.w690 {
  width: 690px !important;
}

@media print, screen and (max-width: 768px) {
  .w690--sp {
    width: 690px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w690--pc {
    width: 690px !important;
  }
}

.w700 {
  width: 700px !important;
}

@media print, screen and (max-width: 768px) {
  .w700--sp {
    width: 700px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w700--pc {
    width: 700px !important;
  }
}

.w710 {
  width: 710px !important;
}

@media print, screen and (max-width: 768px) {
  .w710--sp {
    width: 710px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w710--pc {
    width: 710px !important;
  }
}

.w720 {
  width: 720px !important;
}

@media print, screen and (max-width: 768px) {
  .w720--sp {
    width: 720px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w720--pc {
    width: 720px !important;
  }
}

.w730 {
  width: 730px !important;
}

@media print, screen and (max-width: 768px) {
  .w730--sp {
    width: 730px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w730--pc {
    width: 730px !important;
  }
}

.w740 {
  width: 740px !important;
}

@media print, screen and (max-width: 768px) {
  .w740--sp {
    width: 740px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w740--pc {
    width: 740px !important;
  }
}

.w750 {
  width: 750px !important;
}

@media print, screen and (max-width: 768px) {
  .w750--sp {
    width: 750px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w750--pc {
    width: 750px !important;
  }
}

.w760 {
  width: 760px !important;
}

@media print, screen and (max-width: 768px) {
  .w760--sp {
    width: 760px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w760--pc {
    width: 760px !important;
  }
}

.w770 {
  width: 770px !important;
}

@media print, screen and (max-width: 768px) {
  .w770--sp {
    width: 770px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w770--pc {
    width: 770px !important;
  }
}

.w780 {
  width: 780px !important;
}

@media print, screen and (max-width: 768px) {
  .w780--sp {
    width: 780px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w780--pc {
    width: 780px !important;
  }
}

.w790 {
  width: 790px !important;
}

@media print, screen and (max-width: 768px) {
  .w790--sp {
    width: 790px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w790--pc {
    width: 790px !important;
  }
}

.w800 {
  width: 800px !important;
}

@media print, screen and (max-width: 768px) {
  .w800--sp {
    width: 800px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w800--pc {
    width: 800px !important;
  }
}

.w810 {
  width: 810px !important;
}

@media print, screen and (max-width: 768px) {
  .w810--sp {
    width: 810px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w810--pc {
    width: 810px !important;
  }
}

.w820 {
  width: 820px !important;
}

@media print, screen and (max-width: 768px) {
  .w820--sp {
    width: 820px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w820--pc {
    width: 820px !important;
  }
}

.w830 {
  width: 830px !important;
}

@media print, screen and (max-width: 768px) {
  .w830--sp {
    width: 830px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w830--pc {
    width: 830px !important;
  }
}

.w840 {
  width: 840px !important;
}

@media print, screen and (max-width: 768px) {
  .w840--sp {
    width: 840px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w840--pc {
    width: 840px !important;
  }
}

.w850 {
  width: 850px !important;
}

@media print, screen and (max-width: 768px) {
  .w850--sp {
    width: 850px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w850--pc {
    width: 850px !important;
  }
}

.w860 {
  width: 860px !important;
}

@media print, screen and (max-width: 768px) {
  .w860--sp {
    width: 860px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w860--pc {
    width: 860px !important;
  }
}

.w870 {
  width: 870px !important;
}

@media print, screen and (max-width: 768px) {
  .w870--sp {
    width: 870px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w870--pc {
    width: 870px !important;
  }
}

.w880 {
  width: 880px !important;
}

@media print, screen and (max-width: 768px) {
  .w880--sp {
    width: 880px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w880--pc {
    width: 880px !important;
  }
}

.w890 {
  width: 890px !important;
}

@media print, screen and (max-width: 768px) {
  .w890--sp {
    width: 890px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w890--pc {
    width: 890px !important;
  }
}

.w900 {
  width: 900px !important;
}

@media print, screen and (max-width: 768px) {
  .w900--sp {
    width: 900px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w900--pc {
    width: 900px !important;
  }
}

.w910 {
  width: 910px !important;
}

@media print, screen and (max-width: 768px) {
  .w910--sp {
    width: 910px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w910--pc {
    width: 910px !important;
  }
}

.w920 {
  width: 920px !important;
}

@media print, screen and (max-width: 768px) {
  .w920--sp {
    width: 920px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w920--pc {
    width: 920px !important;
  }
}

.w930 {
  width: 930px !important;
}

@media print, screen and (max-width: 768px) {
  .w930--sp {
    width: 930px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w930--pc {
    width: 930px !important;
  }
}

.w940 {
  width: 940px !important;
}

@media print, screen and (max-width: 768px) {
  .w940--sp {
    width: 940px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w940--pc {
    width: 940px !important;
  }
}

.w950 {
  width: 950px !important;
}

@media print, screen and (max-width: 768px) {
  .w950--sp {
    width: 950px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w950--pc {
    width: 950px !important;
  }
}

.w960 {
  width: 960px !important;
}

@media print, screen and (max-width: 768px) {
  .w960--sp {
    width: 960px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w960--pc {
    width: 960px !important;
  }
}

.w970 {
  width: 970px !important;
}

@media print, screen and (max-width: 768px) {
  .w970--sp {
    width: 970px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w970--pc {
    width: 970px !important;
  }
}

.w980 {
  width: 980px !important;
}

@media print, screen and (max-width: 768px) {
  .w980--sp {
    width: 980px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w980--pc {
    width: 980px !important;
  }
}

.w990 {
  width: 990px !important;
}

@media print, screen and (max-width: 768px) {
  .w990--sp {
    width: 990px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w990--pc {
    width: 990px !important;
  }
}

.w1000 {
  width: 1000px !important;
}

@media print, screen and (max-width: 768px) {
  .w1000--sp {
    width: 1000px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1000--pc {
    width: 1000px !important;
  }
}

.w1010 {
  width: 1010px !important;
}

@media print, screen and (max-width: 768px) {
  .w1010--sp {
    width: 1010px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1010--pc {
    width: 1010px !important;
  }
}

.w1020 {
  width: 1020px !important;
}

@media print, screen and (max-width: 768px) {
  .w1020--sp {
    width: 1020px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1020--pc {
    width: 1020px !important;
  }
}

.w1030 {
  width: 1030px !important;
}

@media print, screen and (max-width: 768px) {
  .w1030--sp {
    width: 1030px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1030--pc {
    width: 1030px !important;
  }
}

.w1040 {
  width: 1040px !important;
}

@media print, screen and (max-width: 768px) {
  .w1040--sp {
    width: 1040px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1040--pc {
    width: 1040px !important;
  }
}

.w1050 {
  width: 1050px !important;
}

@media print, screen and (max-width: 768px) {
  .w1050--sp {
    width: 1050px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1050--pc {
    width: 1050px !important;
  }
}

.w1060 {
  width: 1060px !important;
}

@media print, screen and (max-width: 768px) {
  .w1060--sp {
    width: 1060px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1060--pc {
    width: 1060px !important;
  }
}

.w1070 {
  width: 1070px !important;
}

@media print, screen and (max-width: 768px) {
  .w1070--sp {
    width: 1070px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1070--pc {
    width: 1070px !important;
  }
}

.w1080 {
  width: 1080px !important;
}

@media print, screen and (max-width: 768px) {
  .w1080--sp {
    width: 1080px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1080--pc {
    width: 1080px !important;
  }
}

.w1090 {
  width: 1090px !important;
}

@media print, screen and (max-width: 768px) {
  .w1090--sp {
    width: 1090px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1090--pc {
    width: 1090px !important;
  }
}

.w1100 {
  width: 1100px !important;
}

@media print, screen and (max-width: 768px) {
  .w1100--sp {
    width: 1100px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1100--pc {
    width: 1100px !important;
  }
}

.w1110 {
  width: 1110px !important;
}

@media print, screen and (max-width: 768px) {
  .w1110--sp {
    width: 1110px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1110--pc {
    width: 1110px !important;
  }
}

.w1120 {
  width: 1120px !important;
}

@media print, screen and (max-width: 768px) {
  .w1120--sp {
    width: 1120px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1120--pc {
    width: 1120px !important;
  }
}

.w1130 {
  width: 1130px !important;
}

@media print, screen and (max-width: 768px) {
  .w1130--sp {
    width: 1130px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1130--pc {
    width: 1130px !important;
  }
}

.w1140 {
  width: 1140px !important;
}

@media print, screen and (max-width: 768px) {
  .w1140--sp {
    width: 1140px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1140--pc {
    width: 1140px !important;
  }
}

.w1150 {
  width: 1150px !important;
}

@media print, screen and (max-width: 768px) {
  .w1150--sp {
    width: 1150px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1150--pc {
    width: 1150px !important;
  }
}

.w1160 {
  width: 1160px !important;
}

@media print, screen and (max-width: 768px) {
  .w1160--sp {
    width: 1160px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1160--pc {
    width: 1160px !important;
  }
}

.w1170 {
  width: 1170px !important;
}

@media print, screen and (max-width: 768px) {
  .w1170--sp {
    width: 1170px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1170--pc {
    width: 1170px !important;
  }
}

.w1180 {
  width: 1180px !important;
}

@media print, screen and (max-width: 768px) {
  .w1180--sp {
    width: 1180px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1180--pc {
    width: 1180px !important;
  }
}

.w1190 {
  width: 1190px !important;
}

@media print, screen and (max-width: 768px) {
  .w1190--sp {
    width: 1190px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1190--pc {
    width: 1190px !important;
  }
}

.w1200 {
  width: 1200px !important;
}

@media print, screen and (max-width: 768px) {
  .w1200--sp {
    width: 1200px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1200--pc {
    width: 1200px !important;
  }
}

.w1210 {
  width: 1210px !important;
}

@media print, screen and (max-width: 768px) {
  .w1210--sp {
    width: 1210px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1210--pc {
    width: 1210px !important;
  }
}

.w1220 {
  width: 1220px !important;
}

@media print, screen and (max-width: 768px) {
  .w1220--sp {
    width: 1220px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1220--pc {
    width: 1220px !important;
  }
}

.w1230 {
  width: 1230px !important;
}

@media print, screen and (max-width: 768px) {
  .w1230--sp {
    width: 1230px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1230--pc {
    width: 1230px !important;
  }
}

.w1240 {
  width: 1240px !important;
}

@media print, screen and (max-width: 768px) {
  .w1240--sp {
    width: 1240px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1240--pc {
    width: 1240px !important;
  }
}

.w1250 {
  width: 1250px !important;
}

@media print, screen and (max-width: 768px) {
  .w1250--sp {
    width: 1250px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1250--pc {
    width: 1250px !important;
  }
}

.w1260 {
  width: 1260px !important;
}

@media print, screen and (max-width: 768px) {
  .w1260--sp {
    width: 1260px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1260--pc {
    width: 1260px !important;
  }
}

.w1270 {
  width: 1270px !important;
}

@media print, screen and (max-width: 768px) {
  .w1270--sp {
    width: 1270px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1270--pc {
    width: 1270px !important;
  }
}

.w1280 {
  width: 1280px !important;
}

@media print, screen and (max-width: 768px) {
  .w1280--sp {
    width: 1280px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1280--pc {
    width: 1280px !important;
  }
}

.w1290 {
  width: 1290px !important;
}

@media print, screen and (max-width: 768px) {
  .w1290--sp {
    width: 1290px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1290--pc {
    width: 1290px !important;
  }
}

.w1300 {
  width: 1300px !important;
}

@media print, screen and (max-width: 768px) {
  .w1300--sp {
    width: 1300px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1300--pc {
    width: 1300px !important;
  }
}

.w0p {
  width: 0% !important;
}

@media print, screen and (max-width: 768px) {
  .w0p--sp {
    width: 0% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w0p--pc {
    width: 0% !important;
  }
}

.w10p {
  width: 10% !important;
}

@media print, screen and (max-width: 768px) {
  .w10p--sp {
    width: 10% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w10p--pc {
    width: 10% !important;
  }
}

.w20p {
  width: 20% !important;
}

@media print, screen and (max-width: 768px) {
  .w20p--sp {
    width: 20% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w20p--pc {
    width: 20% !important;
  }
}

.w30p {
  width: 30% !important;
}

@media print, screen and (max-width: 768px) {
  .w30p--sp {
    width: 30% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w30p--pc {
    width: 30% !important;
  }
}

.w40p {
  width: 40% !important;
}

@media print, screen and (max-width: 768px) {
  .w40p--sp {
    width: 40% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w40p--pc {
    width: 40% !important;
  }
}

.w50p {
  width: 50% !important;
}

@media print, screen and (max-width: 768px) {
  .w50p--sp {
    width: 50% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w50p--pc {
    width: 50% !important;
  }
}

.w60p {
  width: 60% !important;
}

@media print, screen and (max-width: 768px) {
  .w60p--sp {
    width: 60% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w60p--pc {
    width: 60% !important;
  }
}

.w70p {
  width: 70% !important;
}

@media print, screen and (max-width: 768px) {
  .w70p--sp {
    width: 70% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w70p--pc {
    width: 70% !important;
  }
}

.w80p {
  width: 80% !important;
}

@media print, screen and (max-width: 768px) {
  .w80p--sp {
    width: 80% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w80p--pc {
    width: 80% !important;
  }
}

.w90p {
  width: 90% !important;
}

@media print, screen and (max-width: 768px) {
  .w90p--sp {
    width: 90% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w90p--pc {
    width: 90% !important;
  }
}

.w100p {
  width: 100% !important;
}

@media print, screen and (max-width: 768px) {
  .w100p--sp {
    width: 100% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w100p--pc {
    width: 100% !important;
  }
}

.w110p {
  width: 110% !important;
}

@media print, screen and (max-width: 768px) {
  .w110p--sp {
    width: 110% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w110p--pc {
    width: 110% !important;
  }
}

.w120p {
  width: 120% !important;
}

@media print, screen and (max-width: 768px) {
  .w120p--sp {
    width: 120% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w120p--pc {
    width: 120% !important;
  }
}

.w130p {
  width: 130% !important;
}

@media print, screen and (max-width: 768px) {
  .w130p--sp {
    width: 130% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w130p--pc {
    width: 130% !important;
  }
}

.w140p {
  width: 140% !important;
}

@media print, screen and (max-width: 768px) {
  .w140p--sp {
    width: 140% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w140p--pc {
    width: 140% !important;
  }
}

.w150p {
  width: 150% !important;
}

@media print, screen and (max-width: 768px) {
  .w150p--sp {
    width: 150% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w150p--pc {
    width: 150% !important;
  }
}

.w160p {
  width: 160% !important;
}

@media print, screen and (max-width: 768px) {
  .w160p--sp {
    width: 160% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w160p--pc {
    width: 160% !important;
  }
}

.w170p {
  width: 170% !important;
}

@media print, screen and (max-width: 768px) {
  .w170p--sp {
    width: 170% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w170p--pc {
    width: 170% !important;
  }
}

.w180p {
  width: 180% !important;
}

@media print, screen and (max-width: 768px) {
  .w180p--sp {
    width: 180% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w180p--pc {
    width: 180% !important;
  }
}

.w190p {
  width: 190% !important;
}

@media print, screen and (max-width: 768px) {
  .w190p--sp {
    width: 190% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w190p--pc {
    width: 190% !important;
  }
}

.w200p {
  width: 200% !important;
}

@media print, screen and (max-width: 768px) {
  .w200p--sp {
    width: 200% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w200p--pc {
    width: 200% !important;
  }
}

.w210p {
  width: 210% !important;
}

@media print, screen and (max-width: 768px) {
  .w210p--sp {
    width: 210% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w210p--pc {
    width: 210% !important;
  }
}

.w220p {
  width: 220% !important;
}

@media print, screen and (max-width: 768px) {
  .w220p--sp {
    width: 220% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w220p--pc {
    width: 220% !important;
  }
}

.w230p {
  width: 230% !important;
}

@media print, screen and (max-width: 768px) {
  .w230p--sp {
    width: 230% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w230p--pc {
    width: 230% !important;
  }
}

.w240p {
  width: 240% !important;
}

@media print, screen and (max-width: 768px) {
  .w240p--sp {
    width: 240% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w240p--pc {
    width: 240% !important;
  }
}

.w250p {
  width: 250% !important;
}

@media print, screen and (max-width: 768px) {
  .w250p--sp {
    width: 250% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w250p--pc {
    width: 250% !important;
  }
}

.w260p {
  width: 260% !important;
}

@media print, screen and (max-width: 768px) {
  .w260p--sp {
    width: 260% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w260p--pc {
    width: 260% !important;
  }
}

.w270p {
  width: 270% !important;
}

@media print, screen and (max-width: 768px) {
  .w270p--sp {
    width: 270% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w270p--pc {
    width: 270% !important;
  }
}

.w280p {
  width: 280% !important;
}

@media print, screen and (max-width: 768px) {
  .w280p--sp {
    width: 280% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w280p--pc {
    width: 280% !important;
  }
}

.w290p {
  width: 290% !important;
}

@media print, screen and (max-width: 768px) {
  .w290p--sp {
    width: 290% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w290p--pc {
    width: 290% !important;
  }
}

.w300p {
  width: 300% !important;
}

@media print, screen and (max-width: 768px) {
  .w300p--sp {
    width: 300% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w300p--pc {
    width: 300% !important;
  }
}

.w310p {
  width: 310% !important;
}

@media print, screen and (max-width: 768px) {
  .w310p--sp {
    width: 310% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w310p--pc {
    width: 310% !important;
  }
}

.w320p {
  width: 320% !important;
}

@media print, screen and (max-width: 768px) {
  .w320p--sp {
    width: 320% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w320p--pc {
    width: 320% !important;
  }
}

.w330p {
  width: 330% !important;
}

@media print, screen and (max-width: 768px) {
  .w330p--sp {
    width: 330% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w330p--pc {
    width: 330% !important;
  }
}

.w340p {
  width: 340% !important;
}

@media print, screen and (max-width: 768px) {
  .w340p--sp {
    width: 340% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w340p--pc {
    width: 340% !important;
  }
}

.w350p {
  width: 350% !important;
}

@media print, screen and (max-width: 768px) {
  .w350p--sp {
    width: 350% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w350p--pc {
    width: 350% !important;
  }
}

.w360p {
  width: 360% !important;
}

@media print, screen and (max-width: 768px) {
  .w360p--sp {
    width: 360% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w360p--pc {
    width: 360% !important;
  }
}

.w370p {
  width: 370% !important;
}

@media print, screen and (max-width: 768px) {
  .w370p--sp {
    width: 370% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w370p--pc {
    width: 370% !important;
  }
}

.w380p {
  width: 380% !important;
}

@media print, screen and (max-width: 768px) {
  .w380p--sp {
    width: 380% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w380p--pc {
    width: 380% !important;
  }
}

.w390p {
  width: 390% !important;
}

@media print, screen and (max-width: 768px) {
  .w390p--sp {
    width: 390% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w390p--pc {
    width: 390% !important;
  }
}

.w400p {
  width: 400% !important;
}

@media print, screen and (max-width: 768px) {
  .w400p--sp {
    width: 400% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w400p--pc {
    width: 400% !important;
  }
}

.w410p {
  width: 410% !important;
}

@media print, screen and (max-width: 768px) {
  .w410p--sp {
    width: 410% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w410p--pc {
    width: 410% !important;
  }
}

.w420p {
  width: 420% !important;
}

@media print, screen and (max-width: 768px) {
  .w420p--sp {
    width: 420% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w420p--pc {
    width: 420% !important;
  }
}

.w430p {
  width: 430% !important;
}

@media print, screen and (max-width: 768px) {
  .w430p--sp {
    width: 430% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w430p--pc {
    width: 430% !important;
  }
}

.w440p {
  width: 440% !important;
}

@media print, screen and (max-width: 768px) {
  .w440p--sp {
    width: 440% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w440p--pc {
    width: 440% !important;
  }
}

.w450p {
  width: 450% !important;
}

@media print, screen and (max-width: 768px) {
  .w450p--sp {
    width: 450% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w450p--pc {
    width: 450% !important;
  }
}

.w460p {
  width: 460% !important;
}

@media print, screen and (max-width: 768px) {
  .w460p--sp {
    width: 460% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w460p--pc {
    width: 460% !important;
  }
}

.w470p {
  width: 470% !important;
}

@media print, screen and (max-width: 768px) {
  .w470p--sp {
    width: 470% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w470p--pc {
    width: 470% !important;
  }
}

.w480p {
  width: 480% !important;
}

@media print, screen and (max-width: 768px) {
  .w480p--sp {
    width: 480% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w480p--pc {
    width: 480% !important;
  }
}

.w490p {
  width: 490% !important;
}

@media print, screen and (max-width: 768px) {
  .w490p--sp {
    width: 490% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w490p--pc {
    width: 490% !important;
  }
}

.w500p {
  width: 500% !important;
}

@media print, screen and (max-width: 768px) {
  .w500p--sp {
    width: 500% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w500p--pc {
    width: 500% !important;
  }
}

.w510p {
  width: 510% !important;
}

@media print, screen and (max-width: 768px) {
  .w510p--sp {
    width: 510% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w510p--pc {
    width: 510% !important;
  }
}

.w520p {
  width: 520% !important;
}

@media print, screen and (max-width: 768px) {
  .w520p--sp {
    width: 520% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w520p--pc {
    width: 520% !important;
  }
}

.w530p {
  width: 530% !important;
}

@media print, screen and (max-width: 768px) {
  .w530p--sp {
    width: 530% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w530p--pc {
    width: 530% !important;
  }
}

.w540p {
  width: 540% !important;
}

@media print, screen and (max-width: 768px) {
  .w540p--sp {
    width: 540% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w540p--pc {
    width: 540% !important;
  }
}

.w550p {
  width: 550% !important;
}

@media print, screen and (max-width: 768px) {
  .w550p--sp {
    width: 550% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w550p--pc {
    width: 550% !important;
  }
}

.w560p {
  width: 560% !important;
}

@media print, screen and (max-width: 768px) {
  .w560p--sp {
    width: 560% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w560p--pc {
    width: 560% !important;
  }
}

.w570p {
  width: 570% !important;
}

@media print, screen and (max-width: 768px) {
  .w570p--sp {
    width: 570% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w570p--pc {
    width: 570% !important;
  }
}

.w580p {
  width: 580% !important;
}

@media print, screen and (max-width: 768px) {
  .w580p--sp {
    width: 580% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w580p--pc {
    width: 580% !important;
  }
}

.w590p {
  width: 590% !important;
}

@media print, screen and (max-width: 768px) {
  .w590p--sp {
    width: 590% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w590p--pc {
    width: 590% !important;
  }
}

.w600p {
  width: 600% !important;
}

@media print, screen and (max-width: 768px) {
  .w600p--sp {
    width: 600% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w600p--pc {
    width: 600% !important;
  }
}

.w610p {
  width: 610% !important;
}

@media print, screen and (max-width: 768px) {
  .w610p--sp {
    width: 610% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w610p--pc {
    width: 610% !important;
  }
}

.w620p {
  width: 620% !important;
}

@media print, screen and (max-width: 768px) {
  .w620p--sp {
    width: 620% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w620p--pc {
    width: 620% !important;
  }
}

.w630p {
  width: 630% !important;
}

@media print, screen and (max-width: 768px) {
  .w630p--sp {
    width: 630% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w630p--pc {
    width: 630% !important;
  }
}

.w640p {
  width: 640% !important;
}

@media print, screen and (max-width: 768px) {
  .w640p--sp {
    width: 640% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w640p--pc {
    width: 640% !important;
  }
}

.w650p {
  width: 650% !important;
}

@media print, screen and (max-width: 768px) {
  .w650p--sp {
    width: 650% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w650p--pc {
    width: 650% !important;
  }
}

.w660p {
  width: 660% !important;
}

@media print, screen and (max-width: 768px) {
  .w660p--sp {
    width: 660% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w660p--pc {
    width: 660% !important;
  }
}

.w670p {
  width: 670% !important;
}

@media print, screen and (max-width: 768px) {
  .w670p--sp {
    width: 670% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w670p--pc {
    width: 670% !important;
  }
}

.w680p {
  width: 680% !important;
}

@media print, screen and (max-width: 768px) {
  .w680p--sp {
    width: 680% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w680p--pc {
    width: 680% !important;
  }
}

.w690p {
  width: 690% !important;
}

@media print, screen and (max-width: 768px) {
  .w690p--sp {
    width: 690% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w690p--pc {
    width: 690% !important;
  }
}

.w700p {
  width: 700% !important;
}

@media print, screen and (max-width: 768px) {
  .w700p--sp {
    width: 700% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w700p--pc {
    width: 700% !important;
  }
}

.w710p {
  width: 710% !important;
}

@media print, screen and (max-width: 768px) {
  .w710p--sp {
    width: 710% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w710p--pc {
    width: 710% !important;
  }
}

.w720p {
  width: 720% !important;
}

@media print, screen and (max-width: 768px) {
  .w720p--sp {
    width: 720% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w720p--pc {
    width: 720% !important;
  }
}

.w730p {
  width: 730% !important;
}

@media print, screen and (max-width: 768px) {
  .w730p--sp {
    width: 730% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w730p--pc {
    width: 730% !important;
  }
}

.w740p {
  width: 740% !important;
}

@media print, screen and (max-width: 768px) {
  .w740p--sp {
    width: 740% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w740p--pc {
    width: 740% !important;
  }
}

.w750p {
  width: 750% !important;
}

@media print, screen and (max-width: 768px) {
  .w750p--sp {
    width: 750% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w750p--pc {
    width: 750% !important;
  }
}

.w760p {
  width: 760% !important;
}

@media print, screen and (max-width: 768px) {
  .w760p--sp {
    width: 760% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w760p--pc {
    width: 760% !important;
  }
}

.w770p {
  width: 770% !important;
}

@media print, screen and (max-width: 768px) {
  .w770p--sp {
    width: 770% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w770p--pc {
    width: 770% !important;
  }
}

.w780p {
  width: 780% !important;
}

@media print, screen and (max-width: 768px) {
  .w780p--sp {
    width: 780% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w780p--pc {
    width: 780% !important;
  }
}

.w790p {
  width: 790% !important;
}

@media print, screen and (max-width: 768px) {
  .w790p--sp {
    width: 790% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w790p--pc {
    width: 790% !important;
  }
}

.w800p {
  width: 800% !important;
}

@media print, screen and (max-width: 768px) {
  .w800p--sp {
    width: 800% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w800p--pc {
    width: 800% !important;
  }
}

.w810p {
  width: 810% !important;
}

@media print, screen and (max-width: 768px) {
  .w810p--sp {
    width: 810% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w810p--pc {
    width: 810% !important;
  }
}

.w820p {
  width: 820% !important;
}

@media print, screen and (max-width: 768px) {
  .w820p--sp {
    width: 820% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w820p--pc {
    width: 820% !important;
  }
}

.w830p {
  width: 830% !important;
}

@media print, screen and (max-width: 768px) {
  .w830p--sp {
    width: 830% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w830p--pc {
    width: 830% !important;
  }
}

.w840p {
  width: 840% !important;
}

@media print, screen and (max-width: 768px) {
  .w840p--sp {
    width: 840% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w840p--pc {
    width: 840% !important;
  }
}

.w850p {
  width: 850% !important;
}

@media print, screen and (max-width: 768px) {
  .w850p--sp {
    width: 850% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w850p--pc {
    width: 850% !important;
  }
}

.w860p {
  width: 860% !important;
}

@media print, screen and (max-width: 768px) {
  .w860p--sp {
    width: 860% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w860p--pc {
    width: 860% !important;
  }
}

.w870p {
  width: 870% !important;
}

@media print, screen and (max-width: 768px) {
  .w870p--sp {
    width: 870% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w870p--pc {
    width: 870% !important;
  }
}

.w880p {
  width: 880% !important;
}

@media print, screen and (max-width: 768px) {
  .w880p--sp {
    width: 880% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w880p--pc {
    width: 880% !important;
  }
}

.w890p {
  width: 890% !important;
}

@media print, screen and (max-width: 768px) {
  .w890p--sp {
    width: 890% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w890p--pc {
    width: 890% !important;
  }
}

.w900p {
  width: 900% !important;
}

@media print, screen and (max-width: 768px) {
  .w900p--sp {
    width: 900% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w900p--pc {
    width: 900% !important;
  }
}

.w910p {
  width: 910% !important;
}

@media print, screen and (max-width: 768px) {
  .w910p--sp {
    width: 910% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w910p--pc {
    width: 910% !important;
  }
}

.w920p {
  width: 920% !important;
}

@media print, screen and (max-width: 768px) {
  .w920p--sp {
    width: 920% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w920p--pc {
    width: 920% !important;
  }
}

.w930p {
  width: 930% !important;
}

@media print, screen and (max-width: 768px) {
  .w930p--sp {
    width: 930% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w930p--pc {
    width: 930% !important;
  }
}

.w940p {
  width: 940% !important;
}

@media print, screen and (max-width: 768px) {
  .w940p--sp {
    width: 940% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w940p--pc {
    width: 940% !important;
  }
}

.w950p {
  width: 950% !important;
}

@media print, screen and (max-width: 768px) {
  .w950p--sp {
    width: 950% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w950p--pc {
    width: 950% !important;
  }
}

.w960p {
  width: 960% !important;
}

@media print, screen and (max-width: 768px) {
  .w960p--sp {
    width: 960% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w960p--pc {
    width: 960% !important;
  }
}

.w970p {
  width: 970% !important;
}

@media print, screen and (max-width: 768px) {
  .w970p--sp {
    width: 970% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w970p--pc {
    width: 970% !important;
  }
}

.w980p {
  width: 980% !important;
}

@media print, screen and (max-width: 768px) {
  .w980p--sp {
    width: 980% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w980p--pc {
    width: 980% !important;
  }
}

.w990p {
  width: 990% !important;
}

@media print, screen and (max-width: 768px) {
  .w990p--sp {
    width: 990% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w990p--pc {
    width: 990% !important;
  }
}

.w1000p {
  width: 1000% !important;
}

@media print, screen and (max-width: 768px) {
  .w1000p--sp {
    width: 1000% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .w1000p--pc {
    width: 1000% !important;
  }
}

/*=====================================================
  phone tel number
=====================================================*/
@media (min-width: 1060px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: var(--base-font-color) !important;
  }
}
sub,
sup {
  font-size: 0.7rem;
  position: relative;
}

sup {
  vertical-align: top;
}

sub {
  top: -4px;
}

.n_icon_text {
  width: calc(100% - 17px);
  padding-left: 10px;
  display: inline-block;
  position: relative;
  top: 9px;
}
@media print, screen and (min-width: 768px) {
  .n_icon_text {
    width: calc(100% - 21px);
    top: -2px;
  }
}

/*=====================================================
  note
=====================================================*/
/* note1 */
.note1 {
  display: block;
  padding-left: 1rem;
  text-indent: -1rem;
}

@media print, screen and (max-width: 768px) {
  .note1--sp {
    display: block;
    padding-left: 1rem;
    text-indent: -1rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note1--pc {
    display: block;
    padding-left: 1rem;
    text-indent: -1rem;
  }
}

/* note1-2 */
.note1-2 {
  display: block;
  padding-left: 1.2rem;
  text-indent: -1.2rem;
}

@media print, screen and (max-width: 768px) {
  .note1-2--sp {
    display: block;
    padding-left: 1.2rem;
    text-indent: -1.2rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note1-2--pc {
    display: block;
    padding-left: 1.2rem;
    text-indent: -1.2rem;
  }
}

/* note1-3 */
.note1-3 {
  display: block;
  padding-left: 1.3rem;
  text-indent: -1.3rem;
}

@media print, screen and (max-width: 768px) {
  .note1-3--sp {
    display: block;
    padding-left: 1.3rem;
    text-indent: -1.3rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note1-3--pc {
    display: block;
    padding-left: 1.3rem;
    text-indent: -1.3rem;
  }
}

/* note1-4 */
.note1-4 {
  display: block;
  padding-left: 1.4rem;
  text-indent: -1.4rem;
}

@media print, screen and (max-width: 768px) {
  .note1-4--sp {
    display: block;
    padding-left: 1.4rem;
    text-indent: -1.4rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note1-4--pc {
    display: block;
    padding-left: 1.4rem;
    text-indent: -1.4rem;
  }
}

/* note1-5 */
.note1-5 {
  display: block;
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}

@media print, screen and (max-width: 768px) {
  .note1-5--sp {
    display: block;
    padding-left: 1.5rem;
    text-indent: -1.5rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note1-5--pc {
    display: block;
    padding-left: 1.5rem;
    text-indent: -1.5rem;
  }
}

/* note1-6 */
.note1-6 {
  display: block;
  padding-left: 1.6rem;
  text-indent: -1.6rem;
}

@media print, screen and (max-width: 768px) {
  .note1-6--sp {
    display: block;
    padding-left: 1.6rem;
    text-indent: -1.6rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note1-6--pc {
    display: block;
    padding-left: 1.6rem;
    text-indent: -1.6rem;
  }
}

/* note1-7 */
.note1-7 {
  display: block;
  padding-left: 1.7rem;
  text-indent: -1.7rem;
}

@media print, screen and (max-width: 768px) {
  .note1-7--sp {
    display: block;
    padding-left: 1.7rem;
    text-indent: -1.7rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note1-7--pc {
    display: block;
    padding-left: 1.7rem;
    text-indent: -1.7rem;
  }
}

/* note1-8 */
.note1-8 {
  display: block;
  padding-left: 1.8rem;
  text-indent: -1.8rem;
}

@media print, screen and (max-width: 768px) {
  .note1-8--sp {
    display: block;
    padding-left: 1.8rem;
    text-indent: -1.8rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note1-8--pc {
    display: block;
    padding-left: 1.8rem;
    text-indent: -1.8rem;
  }
}

/* note1-9 */
.note1-9 {
  display: block;
  padding-left: 1.9rem;
  text-indent: -1.9rem;
}

@media print, screen and (max-width: 768px) {
  .note1-9--sp {
    display: block;
    padding-left: 1.9rem;
    text-indent: -1.9rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note1-9--pc {
    display: block;
    padding-left: 1.9rem;
    text-indent: -1.9rem;
  }
}

/* note2 */
.note2 {
  display: block;
  padding-left: 2rem;
  text-indent: -2rem;
}

@media print, screen and (max-width: 768px) {
  .note2--sp {
    display: block;
    padding-left: 2rem;
    text-indent: -2rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note2--pc {
    display: block;
    padding-left: 2rem;
    text-indent: -2rem;
  }
}

/* note2-2 */
.note2-2 {
  display: block;
  padding-left: 2.2rem;
  text-indent: -2.2rem;
}

@media print, screen and (max-width: 768px) {
  .note2-2--sp {
    display: block;
    padding-left: 2.2rem;
    text-indent: -2.2rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note2-2--pc {
    display: block;
    padding-left: 2.2rem;
    text-indent: -2.2rem;
  }
}

/* note2-3 */
.note2-3 {
  display: block;
  padding-left: 2.3rem;
  text-indent: -2.3rem;
}

@media print, screen and (max-width: 768px) {
  .note2-3--sp {
    display: block;
    padding-left: 2.3rem;
    text-indent: -2.3rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note2-3--pc {
    display: block;
    padding-left: 2.3rem;
    text-indent: -2.3rem;
  }
}

/* note2-4 */
.note2-4 {
  display: block;
  padding-left: 2.4rem;
  text-indent: -2.4rem;
}

@media print, screen and (max-width: 768px) {
  .note2-4--sp {
    display: block;
    padding-left: 2.4rem;
    text-indent: -2.4rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note2-4--pc {
    display: block;
    padding-left: 2.4rem;
    text-indent: -2.4rem;
  }
}

/* note2-5 */
.note2-5 {
  display: block;
  padding-left: 2.5rem;
  text-indent: -2.5rem;
}

@media print, screen and (max-width: 768px) {
  .note2-5--sp {
    display: block;
    padding-left: 2.5rem;
    text-indent: -2.5rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note2-5--pc {
    display: block;
    padding-left: 2.5rem;
    text-indent: -2.5rem;
  }
}

/* note2-6 */
.note2-6 {
  display: block;
  padding-left: 2.6rem;
  text-indent: -2.6rem;
}

@media print, screen and (max-width: 768px) {
  .note2-6--sp {
    display: block;
    padding-left: 2.6rem;
    text-indent: -2.6rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note2-6--pc {
    display: block;
    padding-left: 2.6rem;
    text-indent: -2.6rem;
  }
}

/* note2-7 */
.note2-7 {
  display: block;
  padding-left: 2.7rem;
  text-indent: -2.7rem;
}

@media print, screen and (max-width: 768px) {
  .note2-7--sp {
    display: block;
    padding-left: 2.7rem;
    text-indent: -2.7rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note2-7--pc {
    display: block;
    padding-left: 2.7rem;
    text-indent: -2.7rem;
  }
}

/* note2-8 */
.note2-8 {
  display: block;
  padding-left: 2.8rem;
  text-indent: -2.8rem;
}

@media print, screen and (max-width: 768px) {
  .note2-8--sp {
    display: block;
    padding-left: 2.8rem;
    text-indent: -2.8rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note2-8--pc {
    display: block;
    padding-left: 2.8rem;
    text-indent: -2.8rem;
  }
}

/* note2-9 */
.note2-9 {
  display: block;
  padding-left: 2.9rem;
  text-indent: -2.9rem;
}

@media print, screen and (max-width: 768px) {
  .note2-9--sp {
    display: block;
    padding-left: 2.9rem;
    text-indent: -2.9rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note2-9--pc {
    display: block;
    padding-left: 2.9rem;
    text-indent: -2.9rem;
  }
}

/* note3 */
.note3 {
  display: block;
  padding-left: 3rem;
  text-indent: -3rem;
}

@media print, screen and (max-width: 768px) {
  .note3--sp {
    display: block;
    padding-left: 3rem;
    text-indent: -3rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note3--pc {
    display: block;
    padding-left: 3rem;
    text-indent: -3rem;
  }
}

/* note3-2 */
.note3-2 {
  display: block;
  padding-left: 3.2rem;
  text-indent: -3.2rem;
}

@media print, screen and (max-width: 768px) {
  .note3-2--sp {
    display: block;
    padding-left: 3.2rem;
    text-indent: -3.2rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note3-2--pc {
    display: block;
    padding-left: 3.2rem;
    text-indent: -3.2rem;
  }
}

/* note3-3 */
.note3-3 {
  display: block;
  padding-left: 3.3rem;
  text-indent: -3.3rem;
}

@media print, screen and (max-width: 768px) {
  .note3-3--sp {
    display: block;
    padding-left: 3.3rem;
    text-indent: -3.3rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note3-3--pc {
    display: block;
    padding-left: 3.3rem;
    text-indent: -3.3rem;
  }
}

/* note3-4 */
.note3-4 {
  display: block;
  padding-left: 3.4rem;
  text-indent: -3.4rem;
}

@media print, screen and (max-width: 768px) {
  .note3-4--sp {
    display: block;
    padding-left: 3.4rem;
    text-indent: -3.4rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note3-4--pc {
    display: block;
    padding-left: 3.4rem;
    text-indent: -3.4rem;
  }
}

/* note3-5 */
.note3-5 {
  display: block;
  padding-left: 3.5rem;
  text-indent: -3.5rem;
}

@media print, screen and (max-width: 768px) {
  .note3-5--sp {
    display: block;
    padding-left: 3.5rem;
    text-indent: -3.5rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note3-5--pc {
    display: block;
    padding-left: 3.5rem;
    text-indent: -3.5rem;
  }
}

/* note3-6 */
.note3-6 {
  display: block;
  padding-left: 3.6rem;
  text-indent: -3.6rem;
}

@media print, screen and (max-width: 768px) {
  .note3-6--sp {
    display: block;
    padding-left: 3.6rem;
    text-indent: -3.6rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note3-6--pc {
    display: block;
    padding-left: 3.6rem;
    text-indent: -3.6rem;
  }
}

/* note3-7 */
.note3-7 {
  display: block;
  padding-left: 3.7rem;
  text-indent: -3.7rem;
}

@media print, screen and (max-width: 768px) {
  .note3-7--sp {
    display: block;
    padding-left: 3.7rem;
    text-indent: -3.7rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note3-7--pc {
    display: block;
    padding-left: 3.7rem;
    text-indent: -3.7rem;
  }
}

/* note3-8 */
.note3-8 {
  display: block;
  padding-left: 3.8rem;
  text-indent: -3.8rem;
}

@media print, screen and (max-width: 768px) {
  .note3-8--sp {
    display: block;
    padding-left: 3.8rem;
    text-indent: -3.8rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note3-8--pc {
    display: block;
    padding-left: 3.8rem;
    text-indent: -3.8rem;
  }
}

/* note3-9 */
.note3-9 {
  display: block;
  padding-left: 3.9rem;
  text-indent: -3.9rem;
}

@media print, screen and (max-width: 768px) {
  .note3-9--sp {
    display: block;
    padding-left: 3.9rem;
    text-indent: -3.9rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note3-9--pc {
    display: block;
    padding-left: 3.9rem;
    text-indent: -3.9rem;
  }
}

/* note4 */
.note4 {
  display: block;
  padding-left: 4rem;
  text-indent: -4rem;
}

@media print, screen and (max-width: 768px) {
  .note4--sp {
    display: block;
    padding-left: 4rem;
    text-indent: -4rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note4--pc {
    display: block;
    padding-left: 4rem;
    text-indent: -4rem;
  }
}

/* note4-2 */
.note4-2 {
  display: block;
  padding-left: 4.2rem;
  text-indent: -4.2rem;
}

@media print, screen and (max-width: 768px) {
  .note4-2--sp {
    display: block;
    padding-left: 4.2rem;
    text-indent: -4.2rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note4-2--pc {
    display: block;
    padding-left: 4.2rem;
    text-indent: -4.2rem;
  }
}

/* note4-3 */
.note4-3 {
  display: block;
  padding-left: 4.4rem;
  text-indent: -4.4rem;
}

@media print, screen and (max-width: 768px) {
  .note4-3--sp {
    display: block;
    padding-left: 4.4rem;
    text-indent: -4.4rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note4-3--pc {
    display: block;
    padding-left: 4.4rem;
    text-indent: -4.4rem;
  }
}

/* note4-4 */
.note4-4 {
  display: block;
  padding-left: 4.4rem;
  text-indent: -4.4rem;
}

@media print, screen and (max-width: 768px) {
  .note4-4--sp {
    display: block;
    padding-left: 4.4rem;
    text-indent: -4.4rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note4-4--pc {
    display: block;
    padding-left: 4.4rem;
    text-indent: -4.4rem;
  }
}

/* note4-5 */
.note4-5 {
  display: block;
  padding-left: 4.5rem;
  text-indent: -4.5rem;
}

@media print, screen and (max-width: 768px) {
  .note4-5--sp {
    display: block;
    padding-left: 4.5rem;
    text-indent: -4.5rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note4-5--pc {
    display: block;
    padding-left: 4.5rem;
    text-indent: -4.5rem;
  }
}

/* note4-6 */
.note4-6 {
  display: block;
  padding-left: 4.6rem;
  text-indent: -4.6rem;
}

@media print, screen and (max-width: 768px) {
  .note4-6--sp {
    display: block;
    padding-left: 4.6rem;
    text-indent: -4.6rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note4-6--pc {
    display: block;
    padding-left: 4.6rem;
    text-indent: -4.6rem;
  }
}

/* note4-7 */
.note4-7 {
  display: block;
  padding-left: 4.7rem;
  text-indent: -4.7rem;
}

@media print, screen and (max-width: 768px) {
  .note4-7--sp {
    display: block;
    padding-left: 4.7rem;
    text-indent: -4.7rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note4-7--pc {
    display: block;
    padding-left: 4.7rem;
    text-indent: -4.7rem;
  }
}

/* note4-8 */
.note4-8 {
  display: block;
  padding-left: 4.8rem;
  text-indent: -4.8rem;
}

@media print, screen and (max-width: 768px) {
  .note4-8--sp {
    display: block;
    padding-left: 4.8rem;
    text-indent: -4.8rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note4-8--pc {
    display: block;
    padding-left: 4.8rem;
    text-indent: -4.8rem;
  }
}

/* note4-9 */
.note4-9 {
  display: block;
  padding-left: 4.9rem;
  text-indent: -4.9rem;
}

@media print, screen and (max-width: 768px) {
  .note4-9--sp {
    display: block;
    padding-left: 4.9rem;
    text-indent: -4.9rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note4-9--pc {
    display: block;
    padding-left: 4.9rem;
    text-indent: -4.9rem;
  }
}

/* note5 */
.note5 {
  display: block;
  padding-left: 5rem;
  text-indent: -5rem;
}

@media print, screen and (max-width: 768px) {
  .note5--sp {
    display: block;
    padding-left: 5rem;
    text-indent: -5rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note5--pc {
    display: block;
    padding-left: 5rem;
    text-indent: -5rem;
  }
}

/* note5-2 */
.note5-2 {
  display: block;
  padding-left: 5.2rem;
  text-indent: -5.2rem;
}

@media print, screen and (max-width: 768px) {
  .note5-2--sp {
    display: block;
    padding-left: 5.2rem;
    text-indent: -5.2rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note5-2--pc {
    display: block;
    padding-left: 5.2rem;
    text-indent: -5.2rem;
  }
}

/* note5-3 */
.note5-3 {
  display: block;
  padding-left: 5.5rem;
  text-indent: -5.5rem;
}

@media print, screen and (max-width: 768px) {
  .note5-3--sp {
    display: block;
    padding-left: 5.5rem;
    text-indent: -5.5rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note5-3--pc {
    display: block;
    padding-left: 5.5rem;
    text-indent: -5.5rem;
  }
}

/* note5-4 */
.note5-4 {
  display: block;
  padding-left: 5.5rem;
  text-indent: -5.5rem;
}

@media print, screen and (max-width: 768px) {
  .note5-4--sp {
    display: block;
    padding-left: 5.5rem;
    text-indent: -5.5rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note5-4--pc {
    display: block;
    padding-left: 5.5rem;
    text-indent: -5.5rem;
  }
}

/* note5-5 */
.note5-5 {
  display: block;
  padding-left: 5.5rem;
  text-indent: -5.5rem;
}

@media print, screen and (max-width: 768px) {
  .note5-5--sp {
    display: block;
    padding-left: 5.5rem;
    text-indent: -5.5rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note5-5--pc {
    display: block;
    padding-left: 5.5rem;
    text-indent: -5.5rem;
  }
}

/* note5-6 */
.note5-6 {
  display: block;
  padding-left: 5.6rem;
  text-indent: -5.6rem;
}

@media print, screen and (max-width: 768px) {
  .note5-6--sp {
    display: block;
    padding-left: 5.6rem;
    text-indent: -5.6rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note5-6--pc {
    display: block;
    padding-left: 5.6rem;
    text-indent: -5.6rem;
  }
}

/* note5-7 */
.note5-7 {
  display: block;
  padding-left: 5.7rem;
  text-indent: -5.7rem;
}

@media print, screen and (max-width: 768px) {
  .note5-7--sp {
    display: block;
    padding-left: 5.7rem;
    text-indent: -5.7rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note5-7--pc {
    display: block;
    padding-left: 5.7rem;
    text-indent: -5.7rem;
  }
}

/* note5-8 */
.note5-8 {
  display: block;
  padding-left: 5.8rem;
  text-indent: -5.8rem;
}

@media print, screen and (max-width: 768px) {
  .note5-8--sp {
    display: block;
    padding-left: 5.8rem;
    text-indent: -5.8rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note5-8--pc {
    display: block;
    padding-left: 5.8rem;
    text-indent: -5.8rem;
  }
}

/* note5-9 */
.note5-9 {
  display: block;
  padding-left: 5.9rem;
  text-indent: -5.9rem;
}

@media print, screen and (max-width: 768px) {
  .note5-9--sp {
    display: block;
    padding-left: 5.9rem;
    text-indent: -5.9rem;
  }
}

@media print, screen and (min-width: 768px) {
  .note5-9--pc {
    display: block;
    padding-left: 5.9rem;
    text-indent: -5.9rem;
  }
}

/*=====================================================
  font
=====================================================*/
.roma {
  font-family: "メイリオ", sans-serif;
}

.en {
  font-family: Arial, Roboto, sans-serif;
}

/*=====================================================
  pcBlock / spBlock
=====================================================*/
@media print, screen and (max-width: 768px) {
  .spBlock {
    display: block;
  }
}

@media print, screen and (min-width: 768px) {
  .pcBlock {
    display: block;
  }
}

/*=====================================================
  none
=====================================================*/
.spNone {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .spNone {
    display: inline;
  }
}

.pcNone {
  display: inline;
}
@media print, screen and (min-width: 768px) {
  .pcNone {
    display: none;
  }
}

/*=====================================================
  dataVal
=====================================================*/
.dataVal {
  margin-left: 4px;
  font-size: 13px;
}
@media print, screen and (min-width: 768px) {
  .dataVal {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/*=====================================================
  visuallyhidden
=====================================================*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.borderBottomNone {
  border-bottom-width: 0 !important;
}