#mainimg { background-image: url("../img/price/bg_mainimg01_sp.png"); }

@media screen and (min-width: 600px) { #mainimg { background-image: url("../img/price/bg_mainimg01_pc.png"); } }

#intro { box-sizing: border-box; padding: 28px 0 32px; }

#intro .tit { line-height: 1.65; }

@media screen and (min-width: 600px) { #intro { padding: 32px 0 53px; }
  #intro .tit { line-height: 1.65; } }

#priceBox { box-sizing: border-box; padding: 39px 15px 55px; background-color: #e8f3f4; }

#priceBox .txt { text-align: right; padding-bottom: 10px; }

#priceBox .table { width: 100%; background: #fff; }

#priceBox .table thead th { padding: 8px 15px; background: #5ac6cc; color: #fff; font-weight: 500; font-size: 24px; font-size: 1.5rem; }

#priceBox .table tbody th { line-height: 1.61538; padding: 11px 11px; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; font-weight: 500; font-size: 20.8px; font-size: 1.3rem; }

@media screen and (max-width: 599px) { #priceBox .table tbody th.vertical { box-sizing: border-box; width: 65px; }
  #priceBox .table tbody th.vertical .tableTxt { display: block; box-sizing: border-box; min-height: 120px; line-height: 1.1; padding-left: 26px; font-weight: 500; }
  #priceBox .table tbody th.vertical01 .tableTxt { background: url(../img/price/txt01.png) no-repeat left 3px top; background-size: 14px; }
  #priceBox .table tbody th.vertical02 .tableTxt { background: url(../img/price/txt02.png) no-repeat left 3px top; background-size: 14px; } }

@media screen and (min-width: 600px) { #priceBox .table tbody th.vertical { box-sizing: border-box; width: 275px; }
  #priceBox .table tbody th.vertical span { font-weight: 500; } }

#priceBox .table tbody td { width: 44%; padding: 5px 14px; border-bottom: 1px solid #dfdfdf; color: #b98a4a; font-weight: 500; font-size: 24px; font-size: 1.5rem; text-align: right; vertical-align: middle; }

@media screen and (min-width: 600px) { #priceBox { padding: 77px 15px 101px; }
  #priceBox .inner { width: 1100px; margin: 0 auto; }
  #priceBox .table { width: 100%; background: #fff; }
  #priceBox .table thead th { padding: 14px 29px; font-size: 2rem; letter-spacing: 0.2rem; }
  #priceBox .table tbody th { line-height: 1.61538; padding: 20px 31px; font-size: 1.6rem; vertical-align: middle; letter-spacing: 0.13rem; }
  #priceBox .table tbody td { width: 50%; padding: 5px 34px; font-size: 2rem; text-align: right; vertical-align: middle; } }

#security { padding: 38px 0 47px; background: #fff; }

#security .tit03 { margin-bottom: 24px; }

#security .inner > .txt { padding-bottom: 30px; }

#security .box01 { margin: 0 -5px 30px; }

#security .box01 .boxInner { padding: 32px 24px 34px; }

#security .box01 .tit { line-height: 1.59091; margin: 0 -20px 12px; margin-bottom: 10px; color: #5ac6cc; font-size: 35.2px; font-size: 2.2rem; text-align: center; }

#security .box01 .titBtm { line-height: 1.0625; margin-bottom: 11px; font-weight: 500; font-size: 25.6px; font-size: 1.6rem; }

#security .box01 .txt { padding-bottom: 25px; }

#security .box01 .list { margin-right: -10px; margin-bottom: 23px; padding-bottom: 11px; border-bottom: 1px solid #d1cfcf; }

#security .box01 .list li { margin-bottom: 4px; }

#security .box01 .listBtm { padding-bottom: 2px; }

#security .box01 .listBtm li { position: relative; margin-bottom: 4px; padding-left: 13px; }

#security .box01 .listBtm li:before { position: absolute; top: 13px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #5ac6cc; content: ''; }

@media screen and (min-width: 600px) { #security { padding: 79px 0 99px; }
  #security .tit03 { margin-bottom: 30px; }
  #security .inner > .txt { padding-bottom: 32px; }
  #security .box01 { margin: 0 0 50px; }
  #security .box01 .boxInner { padding: 50px 70px 52px; }
  #security .box01 .tit { margin: 0 -20px 23px; margin-bottom: 10px; font-size: 3rem; letter-spacing: 0.29rem; }
  #security .box01 .titBtm { margin-bottom: 21px; font-size: 2rem; }
  #security .box01 .txt { padding-bottom: 32px; }
  #security .box01 .list { margin-right: -30px; margin-bottom: 39px; padding-bottom: 14px; border-bottom: 1px solid #d1cfcf; }
  #security .box01 .list li { float: left; width: 50%; margin-bottom: 4px; }
  #security .box01 .list li:last-child { float: right; }
  #security .box01 .listBtm { padding-bottom: 10px; }
  #security .box01 .listBtm li { position: relative; margin-bottom: 0; padding-left: 16px; letter-spacing: 0.13rem; }
  #security .box01 .listBtm li:before { position: absolute; top: 13px; left: 0; width: 6px; height: 6px; content: ''; } }

#pay { padding: 38px 10px 49px; background-color: #e8f3f4; }

#pay .inner { position: relative; padding: 23px 25px 26px; background: #fff; box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.15); }

#pay .box .txt { padding-bottom: 18px; }

#pay .box .tit { line-height: 1.0625; margin-bottom: 15px; font-weight: 500; font-size: 25.6px; font-size: 1.6rem; }

#pay .box .img { margin-bottom: 22px; padding-bottom: 26px; border-bottom: 1px solid #d1cfcf; }

#pay .box .img01 img { width: 300px; }

#pay .box .img02 img { width: 86px; }

#pay .box .img03 img { width: 240px; }

#pay .box .img.none { margin: -13px 0 0 -13px; padding-bottom: 0; border: none; }

@media screen and (min-width: 600px) { #pay { padding: 78px 10px 99px; }
  #pay .inner { box-sizing: border-box; padding: 51px 50px 26px; }
  #pay .box .txt { padding-bottom: 30px; }
  #pay .box .tit { margin-bottom: 30px; font-size: 2rem; }
  #pay .box .img { margin-bottom: 36px; padding-bottom: 40px; border-bottom: 1px solid #d1cfcf; }
  #pay .box .img01 img { width: auto; }
  #pay .box .img02 img { width: auto; }
  #pay .box .img03 img { width: auto; }
  #pay .box .img.none { margin: -22px 0 23px -22px; } }

#loan { padding: 38px 0 45px; background: #fff; }

#loan .tit03 { margin-bottom: 24px; }

#loan .txt { padding-bottom: 20px; }

#loan .txt span { color: #5ac6cc; }

#loan .list { margin: 0 -5px; padding-bottom: 3px; }

#loan .list li { margin-bottom: 11px; padding: 14px 24px 23px; border: 1px solid #d1cfcf; }

#loan .list li .tit { margin-bottom: 9px; font-weight: 500; font-size: 25.6px; font-size: 1.6rem; }

#loan .sub { position: relative; line-height: 1.71429; padding-left: 15px; font-weight: 400; font-size: 22.4px; font-size: 1.4rem; }

@media screen and (min-width: 600px) { #loan .sub { line-height: 1.983; font-size: 1.6rem; } }

#loan .sub span { position: absolute; top: 1px; left: 0; }

#loan .dentalLoan { position: relative; margin-top: 14px; padding: 10px; background: #fff; box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.15); }

@media screen and (min-width: 600px) { #loan .dentalLoan { margin-top: 30px; } }

#loan .dentalLoan .dentalLoanIn { border: 1px solid #63c7cd; }

@media screen and (min-width: 600px) { #loan .dentalLoan .dentalLoanIn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

#loan .dentalLoan .dentalLoanTit { line-height: 1.59; padding: 20px 0 15px; color: #63c7cd; font-size: 35.2px; font-size: 2.2rem; text-align: center; }

@media screen and (min-width: 600px) { #loan .dentalLoan .dentalLoanTit { width: 670px; font-size: 3rem; } }

#loan .dentalLoan .bnr { padding: 19px; background: #e9f3f5; text-align: center; }

@media screen and (min-width: 600px) { #loan .dentalLoan .bnr { box-sizing: border-box; width: calc(100% - 670px); padding: 30px 50px; } }

@media screen and (min-width: 600px) { #loan { padding: 79px 0 98px; }
  #loan .tit03 { margin-bottom: 30px; }
  #loan .txt { padding-bottom: 32px; }
  #loan .list { margin: 0; padding-bottom: 3px; }
  #loan .list li { float: left; box-sizing: border-box; width: 535px; margin-bottom: 22px; padding: 28px 48px 39px; }
  #loan .list li:last-child { float: right; }
  #loan .list li .tit { margin-bottom: 12px; font-weight: 500; font-size: 2rem; }
  #loan .list li .img img { height: auto; }
  #loan .sub { padding-left: 18px; } }

#deduction { padding: 38px 0 85px; background-color: #e8f3f4; }

#deduction .txt { position: relative; margin: 0 -5px; padding: 24px 25px 24px; background: #fff; box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.15); }

#deduction .movie { padding: 0 15px; margin-top: 20px; }

#deduction .movie .tit { line-height: 1.5; padding-bottom: 7px; color: #d2a971; font-weight: 700; font-size: 1.4rem; text-align: center; letter-spacing: 0.08em; }

#deduction .movie .box { position: relative; padding-top: 62%; }

#deduction .movie .box iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; }

@media screen and (min-width: 600px) { #deduction { padding: 78px 0 118px; }
  #deduction .txt { margin: 0; padding: 51px 50px 53px; }
  #deduction .movie { width: 540px; margin: 40px auto 0; padding: 0; }
  #deduction .movie .tit { padding-bottom: 14px; font-size: 1.8rem; }
  #deduction .movie .box { position: relative; height: 300px; padding-top: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 0; margin-top: 0; } }
/*  .price-all
================================================== */
.price-all { padding: 0px 0 50px; margin-top: -15px; }

.price-all__inner { padding: 0; }

@media screen and (min-width: 600px) { .price-all { padding: 0px 0 97px; margin-top: -15px; }
  .price-all__inner { width: 100%; max-width: 1260px; } }

/*  .price-other
================================================== */
.price-other { padding: 38px 0 50px; background: #e8f3f4; }

@media screen and (min-width: 600px) { .price-other { padding: 82px 0 96px; } }
