@font-face {
  font-family: 'js';
  font-weight: 300;
  font-style: normal;
  src: url("/spcontent/tomobataraki/font/JosefinSans-Regular.ttf") format("opentype");
}

@font-face {
  font-family: 'js';
  font-weight: 500;
  font-style: normal;
  src: url("/spcontent/tomobataraki/font/JosefinSans-SemiBold.ttf") format("opentype");
}

@font-face {
  font-family: 'js';
  font-weight: 700;
  font-style: normal;
  src: url("/spcontent/tomobataraki/font/JosefinSans-Bold.ttf") format("opentype");
}

@font-face {
  font-family: 'fm';
  font-weight: 100;
  font-style: normal;
  src: url("/spcontent/tomobataraki/font/Futura-Boo.ttf") format("opentype");
}

@font-face {
  font-family: 'fm';
  font-weight: 300;
  font-style: normal;
  src: url("/spcontent/tomobataraki/font/Futura-Med.ttf") format("opentype");
}

@font-face {
  font-family: 'fm';
  font-weight: 500;
  font-style: normal;
  src: url("/spcontent/tomobataraki/font/Futura-Bol.ttf") format("opentype");
}

@font-face {
  font-family: 'ns';
  font-weight: 300;
  font-style: normal;
  src: url("/spcontent/tomobataraki/font/NotoSansCJKjp-Medium.otf") format("opentype");
}

@font-face {
  font-family: 'ns';
  font-weight: 500;
  font-style: normal;
  src: url("/spcontent/tomobataraki/font/NotoSansCJKjp-Bold.otf") format("opentype");
}

.clearfix::after, .moneyConform::after, .moneyMind::after, .moneyType__title::after, .moneyTypeTable__note::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.moneyConform > div {
  float: left;
}

@media (max-width: 767px) {
  .moneyConform > div {
    float: none;
  }
}

.moneyConform > div:first-child {
  width: 50.10395%;
  padding-right: 8.31601%;
}

@media (max-width: 1260px) {
  .moneyConform > div:first-child {
    width: 421.75px;
    padding-right: 70px;
  }
}

@media (max-width: 767px) {
  .moneyConform > div:first-child {
    width: auto;
    margin-bottom: 11.76471%;
    padding-right: 0;
  }
}

.moneyConform > div:last-child {
  width: 41.58004%;
}

@media (max-width: 767px) {
  .moneyConform > div:last-child {
    width: auto;
  }
}

.moneyConform__title {
  margin-bottom: 2.59875%;
  font-size: 1.66667vw;
  font-weight: bold;
}

@media (max-width: 1260px) {
  .moneyConform__title {
    margin-bottom: 21.875px;
    font-size: 21px;
  }
}

@media (max-width: 767px) {
  .moneyConform__title {
    margin-bottom: 3.92157%;
    font-size: 4.8vw;
  }
}

.moneyConform__txt {
  font-size: 1.11111vw;
  line-height: 1.9;
}

@media (max-width: 1260px) {
  .moneyConform__txt {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .moneyConform__txt {
    font-size: 3.2vw;
  }
}

.moneyConform__pic {
  padding-top: 66.75%;
  background: url(/spcontent/tomobataraki/images/money2/pic_money02.jpg) no-repeat;
  background-size: contain;
}

.moneyMind > div {
  float: left;
}

@media (max-width: 767px) {
  .moneyMind > div {
    float: none;
  }
}

.moneyMind > div:first-child {
  width: 46.4657%;
  padding-right: 11.95426%;
}

@media (max-width: 1260px) {
  .moneyMind > div:first-child {
    width: 391.125px;
    padding-right: 100.625px;
  }
}

@media (max-width: 767px) {
  .moneyMind > div:first-child {
    width: auto;
    padding-right: 0;
    margin-bottom: 9.80392%;
  }
}

.moneyMind > div:last-child {
  width: 41.58004%;
}

@media (max-width: 1260px) {
  .moneyMind > div:last-child {
    width: 350px;
  }
}

@media (max-width: 767px) {
  .moneyMind > div:last-child {
    width: auto;
  }
}

.moneyMind__title {
  margin-bottom: 2.59875%;
  font-size: 1.66667vw;
  font-weight: bold;
}

@media (max-width: 1260px) {
  .moneyMind__title {
    font-size: 21px;
  }
}

@media (max-width: 767px) {
  .moneyMind__title {
    font-size: 4.8vw;
  }
}

.moneyMind__txt {
  font-size: 1.11111vw;
  line-height: 1.9;
}

@media (max-width: 1260px) {
  .moneyMind__txt {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .moneyMind__txt {
    font-size: 3.2vw;
  }
}

.moneyMind__pic {
  padding-top: 66.75%;
  background: url(/spcontent/tomobataraki/images/money2/pic_money01.jpg) no-repeat;
  background-size: contain;
}

.moneyType > div {
  margin-bottom: 4.67775%;
}

@media (max-width: 1260px) {
  .moneyType > div {
    margin-bottom: 39.375px;
  }
}

@media (max-width: 767px) {
  .moneyType > div {
    margin-bottom: 9.80392%;
  }
}

@media (max-width: 767px) {
  .moneyType > div:last-child {
    margin-bottom: 0;
  }
}

.moneyType__title {
  margin-bottom: 2.59875%;
  font-size: 1.66667vw;
  font-weight: bold;
}

@media (max-width: 1260px) {
  .moneyType__title {
    margin-bottom: 21.875px;
    font-size: 21px;
  }
}

@media (max-width: 767px) {
  .moneyType__title {
    margin-bottom: 3.92157%;
    margin-left: -0.78431%;
    font-size: 4.8vw;
  }
}

.moneyType__title__num {
  float: left;
  letter-spacing: -1px;
}

.moneyType__title__txt {
  display: block;
  overflow: hidden;
  letter-spacing: 0.1px;
}

.moneyType__txt {
  font-size: 1.11111vw;
  line-height: 1.9;
}

@media (max-width: 1260px) {
  .moneyType__txt {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .moneyType__txt {
    font-size: 3.2vw;
  }
}

.moneyTypeTable__txt {
  margin-bottom: 2.08333vw;
  font-size: 1.25vw;
  font-weight: bold;
}

@media (max-width: 1260px) {
  .moneyTypeTable__txt {
    margin-top: 26.25px;
    font-size: 15.75px;
  }
}

@media (max-width: 767px) {
  .moneyTypeTable__txt {
    margin-top: 5.33333vw;
    font-size: 3.6vw;
  }
}

.moneyTypeTable__pc {
  width: 100%;
  border-collapse: separate;
}

@media (max-width: 767px) {
  .moneyTypeTable__pc {
    display: none;
  }
}

.moneyTypeTable__pc__cell--1 {
  width: 18.6722%;
}

.moneyTypeTable__pc__cell--2 {
  width: 20.33195%;
}

.moneyTypeTable__pc__cell--3 {
  width: 20.33195%;
}

.moneyTypeTable__pc__cell--4 {
  width: 20.33195%;
}

.moneyTypeTable__pc__cell--5 {
  width: 20.33195%;
}

.moneyTypeTable__pc__balloon {
  position: relative;
  min-height: 9.02778vw;
  box-sizing: border-box;
  padding-top: 1.04167vw;
  background: #fbe3cb;
}

@media (max-width: 1260px) {
  .moneyTypeTable__pc__balloon {
    min-height: 113.75px;
    padding-top: 13.125px;
  }
}

.moneyTypeTable__pc__balloon::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -1.45833vw;
  width: 0;
  height: 0;
  margin-left: -0.76389vw;
  border: 0.76389vw solid transparent;
  border-top: 0.76389vw solid #fbe3cb;
}

@media (max-width: 1260px) {
  .moneyTypeTable__pc__balloon::before {
    bottom: -18.375px;
    margin-left: -9.625px;
    border: 9.625px solid transparent;
    border-top: 9.625px solid #fbe3cb;
  }
}

.moneyTypeTable__pc__balloon__title {
  margin-bottom: 0.34722vw;
  font-size: 1.25vw;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 1260px) {
  .moneyTypeTable__pc__balloon__title {
    margin-bottom: 4.375px;
    font-size: 15.75px;
  }
}

.moneyTypeTable__pc__balloon__lead {
  font-size: 0.97222vw;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 1260px) {
  .moneyTypeTable__pc__balloon__lead {
    font-size: 12.25px;
  }
}

.moneyTypeTable__pc__balloon__note {
  margin-top: 0.34722vw;
  font-size: 0.83333vw;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 1260px) {
  .moneyTypeTable__pc__balloon__note {
    margin-top: 4.375px;
    font-size: 10.5px;
  }
}

.moneyTypeTable__pc__note {
  margin-top: 0.34722vw;
  font-size: 0.83333vw;
  line-height: 1.5;
}

@media (max-width: 1260px) {
  .moneyTypeTable__pc__note {
    margin-top: 4.375px;
    font-size: 10.5px;
  }
}

.moneyTypeTable__pc > thead > tr > td {
  padding: 0 0.55556vw 1.38889vw;
  vertical-align: top;
}

@media (max-width: 1260px) {
  .moneyTypeTable__pc > thead > tr > td {
    padding: 0 7px 17.5px;
  }
}

.moneyTypeTable__pc > tbody > tr > th,
.moneyTypeTable__pc > tbody > tr > td {
  padding-right: 1.38889vw;
  padding-left: 1.38889vw;
  vertical-align: top;
}

@media (max-width: 1260px) {
  .moneyTypeTable__pc > tbody > tr > th,
  .moneyTypeTable__pc > tbody > tr > td {
    padding-right: 17.5px;
    padding-left: 17.5px;
  }
}

.moneyTypeTable__pc > tbody > tr > th {
  padding-top: 1.18056vw;
  padding-bottom: 1.04167vw;
  font-size: 1.11111vw;
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
}

@media (max-width: 1260px) {
  .moneyTypeTable__pc > tbody > tr > th {
    padding-top: 14.875px;
    padding-bottom: 13.125px;
    font-size: 14px;
  }
}

.moneyTypeTable__pc > tbody > tr > td {
  padding-top: 1.04167vw;
  padding-bottom: 1.04167vw;
  background-image: url(/spcontent/tomobataraki/images/bg_line02.png);
  background-repeat: repeat-y;
  background-size: 1px 50px;
  font-size: 0.97222vw;
  line-height: 1.7;
}

@media (max-width: 1260px) {
  .moneyTypeTable__pc > tbody > tr > td {
    padding-top: 13.125px;
    padding-bottom: 13.125px;
    font-size: 12.25px;
  }
}

.moneyTypeTable__pc > tbody > tr:nth-child(2n+1) > th,
.moneyTypeTable__pc > tbody > tr:nth-child(2n+1) > td {
  background-color: #f5f5f5;
}

@media (min-width: 768px) {
  .moneyTypeTable__sp {
    display: none;
  }
}

.moneyTypeTable__sp__balloon {
  position: relative;
  margin-bottom: 7.84314%;
  padding: 3.92157% 0;
  background: #fbe3cb;
}

.moneyTypeTable__sp__balloon::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  margin: 0 0 -6.66667% -3.52941%;
  border: 2.4vw solid transparent;
  border-top: 2.4vw solid #fbe3cb;
}

.moneyTypeTable__sp__balloon__title {
  margin-bottom: 0.66667vw;
  font-size: 3.73333vw;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

.moneyTypeTable__sp__balloon__lead {
  font-size: 3.46667vw;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

.moneyTypeTable__sp__balloon__note {
  margin-top: 1.06667vw;
  font-size: 2.66667vw;
  line-height: 1.3;
  text-align: center;
}

.moneyTypeTable__sp__section {
  margin-top: 9.80392%;
}

.moneyTypeTable__sp__note {
  margin-top: 0.66667vw;
  font-size: 2.4vw;
  line-height: 1.3;
}

.moneyTypeTable__sp__add {
  margin-top: 1.33333vw;
  padding-top: 1.33333vw;
  background: url(/spcontent/tomobataraki/images/bg_line03_sp.png) repeat-x;
  background-size: 48px 1px;
}

.moneyTypeTable__sp__table {
  width: 100%;
  border-collapse: separate;
}

.moneyTypeTable__sp__table > tbody > tr > th,
.moneyTypeTable__sp__table > tbody > tr > td {
  padding: 3.92157% 5.88235%;
  vertical-align: middle;
}

.moneyTypeTable__sp__table > tbody > tr > th {
  width: 45.09804%;
  font-size: 3.2vw;
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
}

.moneyTypeTable__sp__table > tbody > tr > td {
  width: 54.90196%;
  background-image: url(/spcontent/tomobataraki/images/bg_line02_sp.png);
  background-repeat: repeat-y;
  background-size: 1px 48px;
  font-size: 2.8vw;
  line-height: 1.5;
}

.moneyTypeTable__sp__table > tbody > tr:nth-child(2n+1) > th,
.moneyTypeTable__sp__table > tbody > tr:nth-child(2n+1) > td {
  background-color: #f5f5f5;
}

.moneyTypeTable__note {
  margin-top: 2.08333vw;
}

@media (max-width: 1260px) {
  .moneyTypeTable__note {
    margin-top: 26.25px;
  }
}

.moneyTypeTable__note__mark {
  float: left;
  margin-right: 0.20833vw;
}

@media (max-width: 1260px) {
  .moneyTypeTable__note__mark {
    margin-top: 2.625px;
  }
}

@media (max-width: 767px) {
  .moneyTypeTable__note__mark {
    margin-top: 0;
  }
}

.moneyTypeTable__note__txt {
  display: block;
  overflow: hidden;
}
