.clearfix::after, .l-plan__layout__body::after, .l-plan__layout__data dl::after, .l-plan__layout__foot > ul::after, .planModal__layout__data dl::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

@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");
}

.l-plan {
  position: relative;
  margin: 0 2.77778vw;
  padding: 6.25vw 5.55556vw 5.55556vw;
  background-color: #d3e6e4;
}

@media (max-width: 1260px) {
  .l-plan {
    margin: 0 35px;
    padding: 78.75px 70px 70px;
  }
}

@media (max-width: 767px) {
  .l-plan {
    margin: 0;
    padding: 12vw 8.66667vw 13.33333vw;
  }
}

.l-plan__sub {
  font-size: 1.11111vw;
  font-weight: bold;
}

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

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

body.android .l-plan__sub {
  font-weight: 500;
}

.l-plan h1 {
  width: 39.93056vw;
  height: 5.27778vw;
  margin-top: 1.38889vw;
}

@media (max-width: 1260px) {
  .l-plan h1 {
    width: 503.125px;
    height: 66.5px;
    margin-top: 17.5px;
  }
}

@media (max-width: 767px) {
  .l-plan h1 {
    width: 77.86667vw;
    height: 22.93333vw;
    margin-top: 4vw;
  }
}

.l-plan__case {
  position: absolute;
  top: 6.25vw;
  right: 5.55556vw;
}

@media (max-width: 1260px) {
  .l-plan__case {
    top: 78.75px;
    right: 70px;
  }
}

@media (max-width: 767px) {
  .l-plan__case {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 12vw;
  }
}

.l-plan__case::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 7.29167vw;
  height: 5.83333vw;
  content: '';
  background: url(/spcontent/tomobataraki/images/plan1/icon_family01.svg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-plan__case::before {
    width: 91.875px;
    height: 73.5px;
  }
}

@media (max-width: 767px) {
  .l-plan__case::before {
    width: 24.53333vw;
    height: 20.53333vw;
  }
}

.l-plan__case__title {
  font-size: 1.11111vw;
  font-weight: bold;
  margin-bottom: 0.69444vw;
}

@media (max-width: 1260px) {
  .l-plan__case__title {
    font-size: 14px;
    margin-bottom: 8.75px;
  }
}

@media (max-width: 767px) {
  .l-plan__case__title {
    font-size: 3.2vw;
    margin-bottom: 1.33333vw;
  }
}

body.android .l-plan__case__title {
  font-weight: 500;
}

.l-plan__case__list {
  font-size: 1.11111vw;
  font-weight: bold;
  padding-left: 10.41667vw;
  color: #a99876;
}

@media (max-width: 1260px) {
  .l-plan__case__list {
    font-size: 14px;
    padding-left: 131.25px;
  }
}

@media (max-width: 767px) {
  .l-plan__case__list {
    font-size: 3.2vw;
    height: 23.33333vw;
    padding-left: 41.33333vw;
  }
}

body.android .l-plan__case__list {
  font-weight: 500;
}

.l-plan__layout {
  margin-top: 4.16667vw;
  padding: 0.20833vw;
  border: solid 1px #000;
  background-color: #fff;
}

@media (max-width: 1260px) {
  .l-plan__layout {
    margin-top: 52.5px;
    padding: 2.625px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout {
    margin-top: 6.66667vw;
    padding: 0.8vw;
    border: solid 2px #000;
  }
}

.l-plan__layout__in {
  padding: 4.86111vw 4.16667vw 6.94444vw;
  border: solid 1px #000;
}

@media (max-width: 1260px) {
  .l-plan__layout__in {
    padding: 61.25px 70px 87.5px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__in {
    padding: 9.33333vw 8vw 13.33333vw;
    border: solid 2px #000;
  }
}

.l-plan__layout__lead {
  font-size: 1.11111vw;
}

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

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

.l-plan__layout__body {
  position: relative;
  margin-top: 4.86111vw;
}

@media (max-width: 1260px) {
  .l-plan__layout__body {
    margin-top: 61.25px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__body {
    margin-top: 20vw;
  }
}

.l-plan__layout__body::before {
  position: absolute;
  left: 50%;
  display: block;
  width: 1px;
  height: 100%;
  content: '';
  background-color: #000;
}

@media (max-width: 767px) {
  .l-plan__layout__body::before {
    bottom: -9.33333vw;
    left: auto;
    width: 100%;
    height: 1px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__body:nth-child(3)::before {
    display: none;
  }
}

.l-plan__layout__data {
  position: absolute;
  top: 30.90278vw;
  left: 0;
}

@media (max-width: 1260px) {
  .l-plan__layout__data {
    top: 389.375px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__data {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 4vw;
  }
}

.l-plan__layout__data__title {
  font-family: 'js';
  font-size: 1.25vw;
  font-weight: 300;
  color: #a99876;
}

@media (max-width: 1260px) {
  .l-plan__layout__data__title {
    font-size: 15.75px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__data__title {
    font-size: 3.6vw;
  }
}

.l-plan__layout__data dl {
  font-size: 1.11111vw;
  margin-top: 0.34722vw;
  color: #333;
}

@media (max-width: 1260px) {
  .l-plan__layout__data dl {
    font-size: 14px;
    margin-top: 4.375px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__data dl {
    font-size: 3.2vw;
    margin-top: 0.66667vw;
  }
}

.l-plan__layout__data dl dt {
  font-weight: bold;
  float: left;
  width: 4.51389vw;
}

@media (max-width: 1260px) {
  .l-plan__layout__data dl dt {
    width: 56.875px;
  }
}

body.android .l-plan__layout__data dl dt {
  font-weight: 500;
}

.l-plan__layout__data dl dd {
  line-height: 1.4;
  overflow: hidden;
  padding-left: 2.77778vw;
}

@media (max-width: 1260px) {
  .l-plan__layout__data dl dd {
    padding-left: 35px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__data dl dd {
    padding-left: 8vw;
  }
}

.l-plan__layout__btn {
  display: block;
  margin-top: 3.47222vw;
  margin-left: 7.98611vw;
  text-decoration: none;
}

@media (max-width: 1260px) {
  .l-plan__layout__btn {
    margin-top: 43.75px;
    margin-left: 100.625px;
  }
}

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

.l-plan__layout__btn .btnTrans {
  box-sizing: border-box;
  width: 15.27778vw;
  height: 3.47222vw;
  margin: 0 auto;
  padding-top: 0.83333vw;
  color: #101010;
  border: solid 1px #101010;
  background-color: #fff;
}

@media (max-width: 1260px) {
  .l-plan__layout__btn .btnTrans {
    width: 192.5px;
    height: 43.75px;
    padding-top: 10.5px;
  }
}

.l-plan__layout__btn .btnTrans::before {
  background-color: #101010;
}

body.pc .l-plan__layout__btn:hover .btnTrans::before {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

body.pc .l-plan__layout__btn:hover .btnTrans .txt {
  color: #fff;
}

.l-plan__layout__map {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding: 0 2.08333vw 0 0;
}

@media (max-width: 1260px) {
  .l-plan__layout__map {
    padding: 0 26.25px 0 0;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__map {
    float: none;
    width: auto;
    padding: 0;
  }
}

.l-plan__layout__map__pic, .l-plan__layout__map__pic--1, .l-plan__layout__map__pic--2 {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}

.l-plan__layout__map__pic--1 {
  width: 29.65278vw;
  height: 45.34722vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/pic_layout01.jpg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 {
    width: 373.625px;
    height: 571.375px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__map__pic--1 {
    width: 56.93333vw;
    height: 89.2vw;
    background-image: url(/spcontent/tomobataraki/images/plan1/pic_layout01_sp.jpg);
  }
}

@media (max-width: 767px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num > span {
    display: none !important;
  }
}

.l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(1) .txt {
  top: 5.13889vw;
  left: 20.625vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label01.svg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(1) .txt {
    top: 64.75px;
    left: 259.875px;
  }
}

.l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(1) .bg {
  top: 4.93056vw;
  left: 15.41667vw;
  width: 9.86111vw;
  height: 6.11111vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/bg_num01.png);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(1) .bg {
    top: 62.125px;
    left: 194.25px;
    width: 124.25px;
    height: 77px;
  }
}

.l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(2) .txt {
  top: 25.20833vw;
  left: 24.51389vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label01.svg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(2) .txt {
    top: 317.625px;
    left: 308.875px;
  }
}

.l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(2) .bg {
  top: 24.93056vw;
  left: 15.27778vw;
  width: 9.86111vw;
  height: 2.56944vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/bg_num02.png);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(2) .bg {
    top: 314.125px;
    left: 192.5px;
    width: 124.25px;
    height: 32.375px;
  }
}

.l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(3) .txt {
  top: 4.23611vw;
  left: 4.375vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label01.svg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(3) .txt {
    top: 53.375px;
    left: 55.125px;
  }
}

.l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(3) .bg {
  top: 4.72222vw;
  left: 4.51389vw;
  width: 10.34722vw;
  height: 3.61111vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/bg_num03.png);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(3) .bg {
    top: 59.5px;
    left: 56.875px;
    width: 130.375px;
    height: 45.5px;
  }
}

.l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(4) .txt {
  top: 14.86111vw;
  left: 2.70833vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label02.svg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(4) .txt {
    top: 187.25px;
    left: 34.125px;
  }
}

.l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(4) .bg {
  top: 13.54167vw;
  left: 4.51389vw;
  width: 5.20833vw;
  height: 5vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/bg_num04.png);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(4) .bg {
    top: 170.625px;
    left: 56.875px;
    width: 65.625px;
    height: 63px;
  }
}

.l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(5) .txt {
  top: 22.01389vw;
  left: 10.625vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label02.svg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(5) .txt {
    top: 277.375px;
    left: 133.875px;
  }
}

.l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(5) .bg {
  top: 19.86111vw;
  left: 4.51389vw;
  width: 7.56944vw;
  height: 5vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/bg_num05.png);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(5) .bg {
    top: 250.25px;
    left: 56.875px;
    width: 95.375px;
    height: 63px;
  }
}

.l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(6) .txt {
  top: 43.68056vw;
  left: 10.76389vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label02.svg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(6) .txt {
    top: 550.375px;
    left: 135.625px;
  }
}

.l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(6) .bg {
  top: 42.98611vw;
  left: 12.01389vw;
  width: 2.5vw;
  height: 2.08333vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/bg_num06.png);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--1 .l-plan__layout__map__num:nth-child(6) .bg {
    top: 541.625px;
    left: 151.375px;
    width: 31.5px;
    height: 26.25px;
  }
}

.l-plan__layout__map__pic--2 {
  width: 23.54167vw;
  height: 25.83333vw;
  margin: 0 auto;
  background-image: url(/spcontent/tomobataraki/images/plan1/pic_layout02.jpg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--2 {
    width: 296.625px;
    height: 325.5px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__map__pic--2 {
    width: 47.86667vw;
    height: 49.6vw;
    background-image: url(/spcontent/tomobataraki/images/plan1/pic_layout02_sp.jpg);
  }
}

@media (max-width: 767px) {
  .l-plan__layout__map__pic--2 .l-plan__layout__map__num > span {
    display: none;
  }
}

.l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(1) .txt {
  top: 8.40278vw;
  left: 17.56944vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label03.svg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(1) .txt {
    top: 105.875px;
    left: 221.375px;
  }
}

.l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(1) .bg {
  top: 1.52778vw;
  left: 14.72222vw;
  width: 7.22222vw;
  height: 16.25vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/bg_num07.png);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(1) .bg {
    top: 19.25px;
    left: 185.5px;
    width: 91px;
    height: 204.75px;
  }
}

.l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(2) .txt {
  top: 18.75vw;
  left: 17.56944vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label03.svg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(2) .txt {
    top: 236.25px;
    left: 221.375px;
  }
}

.l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(2) .bg {
  top: 18.05556vw;
  left: 12.5vw;
  width: 9.58333vw;
  height: 7.36111vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/bg_num08.png);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(2) .bg {
    top: 227.5px;
    left: 157.5px;
    width: 120.75px;
    height: 92.75px;
  }
}

.l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(3) .txt {
  top: 2.29167vw;
  left: -0.83333vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label04.svg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(3) .txt {
    top: 28.875px;
    left: -10.5px;
  }
}

.l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(3) .bg {
  top: 1.52778vw;
  left: 1.52778vw;
  width: 5vw;
  height: 4.93056vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/bg_num09.png);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(3) .bg {
    top: 19.25px;
    left: 19.25px;
    width: 63px;
    height: 62.125px;
  }
}

.l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(4) .txt {
  top: 14.02778vw;
  left: 2.43056vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label04.svg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(4) .txt {
    top: 176.75px;
    left: 30.625px;
  }
}

.l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(4) .bg {
  top: 11.66667vw;
  left: 1.52778vw;
  width: 4.79167vw;
  height: 9.93056vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/bg_num10.png);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(4) .bg {
    top: 147px;
    left: 19.25px;
    width: 60.375px;
    height: 125.125px;
  }
}

.l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(5) .txt {
  top: 21.52778vw;
  left: 8.75vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label04.svg);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(5) .txt {
    top: 271.25px;
    left: 110.25px;
  }
}

.l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(5) .bg {
  top: 15.625vw;
  left: 6.73611vw;
  width: 5.27778vw;
  height: 6.04167vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/bg_num11.png);
}

@media (max-width: 1260px) {
  .l-plan__layout__map__pic--2 .l-plan__layout__map__num:nth-child(5) .bg {
    top: 196.875px;
    left: 84.875px;
    width: 66.5px;
    height: 76.125px;
  }
}

.l-plan__layout__map .js-active .bg {
  display: block !important;
}

@media (max-width: 767px) {
  .l-plan__layout__map .js-active .bg {
    display: none !important;
  }
}

.l-plan__layout__map__num {
  position: absolute;
}

.l-plan__layout__map__num .txt {
  font-family: 'fm';
  font-weight: 500;
  position: absolute;
  z-index: 10;
  display: block;
  box-sizing: border-box;
  width: 2.01389vw;
  height: 2.22222vw;
  padding-top: 0.41667vw;
  text-align: center;
  color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-plan__layout__map__num .txt {
    width: 25.375px;
    height: 28px;
    padding-top: 5.25px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__map__num .txt {
    width: 5.6vw;
    height: 6.4vw;
    padding-top: 0.4vw;
  }
}

.l-plan__layout__map__num .bg {
  position: absolute;
  display: none;
  background-repeat: no-repeat;
  background-size: contain;
}

.l-plan__layout__txtwrap, .l-plan__layout__txtwrap--1, .l-plan__layout__txtwrap--2 {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding: 0 0 0 60px;
}

@media (max-width: 1260px) {
  .l-plan__layout__txtwrap, .l-plan__layout__txtwrap--1, .l-plan__layout__txtwrap--2 {
    padding: 0 0 0 52.5px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__txtwrap, .l-plan__layout__txtwrap--1, .l-plan__layout__txtwrap--2 {
    float: none;
    width: auto;
    margin-top: 8vw;
    padding: 0;
  }
}

.l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:first-child .l-plan__layout__txtbox__title {
  color: #64d3c7;
}

.l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:first-child dl:nth-child(1) {
  margin-top: 0.34722vw;
}

@media (max-width: 1260px) {
  .l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:first-child dl:nth-child(1) {
    margin-top: 4.375px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:first-child dl:nth-child(1) {
    margin-top: 0.66667vw;
  }
}

.l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:first-child dl:nth-child(1) dt::before {
  content: '1';
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label01.svg);
}

.l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:first-child dl:nth-child(2) dt::before {
  content: '2';
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label01.svg);
}

.l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:first-child dl:nth-child(3) dt::before {
  content: '3';
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label01.svg);
}

.l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:last-child .l-plan__layout__txtbox__title {
  color: #72c6a5;
}

.l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:last-child dl:nth-child(1) {
  margin-top: 0.34722vw;
}

@media (max-width: 1260px) {
  .l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:last-child dl:nth-child(1) {
    margin-top: 4.375px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:last-child dl:nth-child(1) {
    margin-top: 0.66667vw;
  }
}

.l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:last-child dl:nth-child(1) dt::before {
  content: '4';
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label02.svg);
}

.l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:last-child dl:nth-child(2) dt::before {
  content: '5';
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label02.svg);
}

.l-plan__layout__txtwrap--1 .l-plan__layout__txtbox:last-child dl:nth-child(3) dt::before {
  content: '6';
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label02.svg);
}

.l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:first-child .l-plan__layout__txtbox__title {
  color: #5163a1;
}

.l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:first-child dl:nth-child(1) {
  margin-top: 0.34722vw;
}

@media (max-width: 1260px) {
  .l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:first-child dl:nth-child(1) {
    margin-top: 4.375px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:first-child dl:nth-child(1) {
    margin-top: 0.66667vw;
  }
}

.l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:first-child dl:nth-child(1) dt::before {
  content: '7';
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label03.svg);
}

.l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:first-child dl:nth-child(2) dt::before {
  content: '8';
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label03.svg);
}

.l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:last-child .l-plan__layout__txtbox__title {
  color: #86c1f1;
}

.l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:last-child dl:nth-child(1) {
  margin-top: 0.34722vw;
}

@media (max-width: 1260px) {
  .l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:last-child dl:nth-child(1) {
    margin-top: 4.375px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:last-child dl:nth-child(1) {
    margin-top: 0.66667vw;
  }
}

.l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:last-child dl:nth-child(1) dt::before {
  content: '9';
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label04.svg);
}

.l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:last-child dl:nth-child(2) dt::before {
  content: '10';
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label04.svg);
}

.l-plan__layout__txtwrap--2 .l-plan__layout__txtbox:last-child dl:nth-child(3) dt::before {
  content: '11';
  background-image: url(/spcontent/tomobataraki/images/plan1/icon_label04.svg);
}

.l-plan__layout__txtbox {
  margin-top: 2.08333vw;
}

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

@media (max-width: 767px) {
  .l-plan__layout__txtbox {
    margin-top: 8vw;
  }
}

.l-plan__layout__txtbox:first-child {
  margin-top: 0;
}

.l-plan__layout__txtbox__title {
  font-size: 1.66667vw;
}

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

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

.l-plan__layout__txtbox__title > span {
  font-family: 'fm';
  font-size: 2.08333vw;
  font-weight: 500;
  padding-right: 1.38889vw;
}

@media (max-width: 1260px) {
  .l-plan__layout__txtbox__title > span {
    font-size: 26.25px;
    padding-right: 17.5px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__txtbox__title > span {
    font-size: 6vw;
    padding-right: 3.33333vw;
  }
}

.l-plan__layout__txtbox__descript dl {
  margin-top: 1.04167vw;
  padding-left: 3.47222vw;
  cursor: pointer;
}

@media (max-width: 1260px) {
  .l-plan__layout__txtbox__descript dl {
    margin-top: 13.125px;
    padding-left: 43.75px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__txtbox__descript dl {
    margin-top: 4vw;
    padding-left: 8.66667vw;
  }
}

.l-plan__layout__txtbox__descript dl dt {
  font-size: 1.11111vw;
  font-weight: bold;
  position: relative;
  display: block;
}

@media (max-width: 1260px) {
  .l-plan__layout__txtbox__descript dl dt {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__txtbox__descript dl dt {
    font-size: 3.2vw;
  }
}

.l-plan__layout__txtbox__descript dl dt::before {
  position: absolute;
  top: -0.27778vw;
  left: -3.47222vw;
  display: block;
  box-sizing: border-box;
  width: 2.01389vw;
  height: 2.22222vw;
  padding-top: 0.20833vw;
  content: '';
  text-align: center;
  color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-plan__layout__txtbox__descript dl dt::before {
    top: -3.5px;
    left: -43.75px;
    width: 25.375px;
    height: 28px;
    padding-top: 2.625px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__txtbox__descript dl dt::before {
    top: -0.53333vw;
    left: -8.66667vw;
    width: 5.6vw;
    height: 6.4vw;
    padding-top: 0.26667vw;
  }
}

.l-plan__layout__txtbox__descript dl dd {
  line-height: 1.8;
  margin-top: 0.34722vw;
}

@media (max-width: 1260px) {
  .l-plan__layout__txtbox__descript dl dd {
    margin-top: 4.375px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__txtbox__descript dl dd {
    line-height: 1.6;
    margin-top: 1.33333vw;
  }
}

.l-plan__layout__foot {
  margin-top: 6.94444vw;
}

@media (max-width: 1260px) {
  .l-plan__layout__foot {
    margin-top: 87.5px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__foot {
    margin-top: 10.66667vw;
  }
}

.l-plan__layout__foot > ul {
  margin-top: 2.77778vw;
  padding-left: 2.08333vw;
}

@media (max-width: 1260px) {
  .l-plan__layout__foot > ul {
    margin-top: 35px;
    padding-left: 26.25px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__foot > ul {
    margin-top: 2.66667vw;
    padding-left: 0;
  }
}

.l-plan__layout__foot > ul > li {
  font-size: 1.11111vw;
  float: left;
  width: 32%;
  margin-top: 0.34722vw;
}

@media (max-width: 1260px) {
  .l-plan__layout__foot > ul > li {
    font-size: 14px;
    margin-top: 4.375px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__foot > ul > li {
    font-size: 2.93333vw;
    float: none;
    width: auto;
    margin-top: 1.06667vw;
    letter-spacing: -.5px;
  }
}

.l-plan__layout__foot > ul > li:nth-child(3n-1) {
  width: 39%;
}

@media (max-width: 767px) {
  .l-plan__layout__foot > ul > li:nth-child(3n-1) {
    width: auto;
  }
}

.l-plan__layout__foot > ul > li:nth-child(3n) {
  width: 28%;
}

@media (max-width: 767px) {
  .l-plan__layout__foot > ul > li:nth-child(3n) {
    width: auto;
  }
}

.planModal__layout {
  position: relative;
  height: 51.875vw;
  margin: 0 12.36111vw;
}

@media (max-width: 1260px) {
  .planModal__layout {
    height: 653.625px;
    margin: 0 155.75px;
  }
}

.planModal__layout__pic, .planModal__layout__pic--1, .planModal__layout__pic--2 {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

.planModal__layout__pic--1 {
  width: 33.88889vw;
  height: 51.875vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/pic_layout01.jpg);
}

@media (max-width: 1260px) {
  .planModal__layout__pic--1 {
    width: 427px;
    height: 653.625px;
  }
}

.planModal__layout__pic--1 > span {
  font-family: 'fm';
  font-size: 2.08333vw;
  font-weight: 300;
  position: absolute;
  left: -3.47222vw;
  color: #64d3c7;
}

@media (max-width: 1260px) {
  .planModal__layout__pic--1 > span {
    font-size: 26.25px;
    left: -43.75px;
  }
}

.planModal__layout__pic--2 {
  top: 3.47222vw;
  left: 41.66667vw;
  width: 26.94444vw;
  height: 32.08333vw;
  background-image: url(/spcontent/tomobataraki/images/plan1/pic_layout02.jpg);
}

@media (max-width: 1260px) {
  .planModal__layout__pic--2 {
    top: 43.75px;
    left: 525px;
    width: 339.5px;
    height: 404.25px;
  }
}

.planModal__layout__pic--2 > span {
  font-family: 'fm';
  font-size: 2.08333vw;
  font-weight: 300;
  position: absolute;
  top: 30.83333vw;
  left: 23.61111vw;
  color: #64d3c7;
}

@media (max-width: 1260px) {
  .planModal__layout__pic--2 > span {
    font-size: 26.25px;
    top: 388.5px;
    left: 297.5px;
  }
}

.planModal__layout__data {
  position: absolute;
  top: 40.48611vw;
  left: 43.61111vw;
}

@media (max-width: 1260px) {
  .planModal__layout__data {
    top: 510.125px;
    left: 549.5px;
  }
}

.planModal__layout__data__title {
  font-family: 'js';
  font-size: 1.25vw;
  font-weight: 300;
  color: #a99876;
}

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

.planModal__layout__data dl {
  font-size: 1.11111vw;
  margin-top: 0.34722vw;
  color: #333;
}

@media (max-width: 1260px) {
  .planModal__layout__data dl {
    font-size: 14px;
    margin-top: 4.375px;
  }
}

.planModal__layout__data dl dt {
  font-weight: bold;
  float: left;
  width: 4.51389vw;
}

@media (max-width: 1260px) {
  .planModal__layout__data dl dt {
    width: 56.875px;
  }
}

body.android .planModal__layout__data dl dt {
  font-weight: 500;
}

.planModal__layout__data dl dd {
  line-height: 1.4;
  overflow: hidden;
  padding-left: 2.77778vw;
}

@media (max-width: 1260px) {
  .planModal__layout__data dl dd {
    padding-left: 35px;
  }
}


/*workicon*/
#workpoint img{
	width:2.6em;
	height: 2.6em;
	position: absolute;
  top: 3.98611vw;
  left: 14.01389vw;
}

.icon_workpoint{
	font-size: 1.11111vw;
	font-weight: bold;
	padding:1.3em 0 0 3em;
	position: relative;
}
.icon_workpoint:before{
	position: absolute;
	content: " ";
	display: inline-block;
	width: 2.3em;
	height: 2.3em;
	background-image: url("/spcontent/tomobataraki/images/icon_workpoint.svg") ; 
	background-size: contain;
	vertical-align: middle;	
	background-repeat: no-repeat;
	top:1em;
	left:0;
}

@media (max-width: 767px) {

.icon_workpoint{
	font-size: 3vw;
	font-weight: bold;
	padding:1.3em 0 0 3em;
	position: relative;
}

	.icon_workpoint:before{
	position: absolute;
	content: " ";
	display: inline-block;
	width: 2.3em;
	height: 2.3em;
	background-image: url("/spcontent/tomobataraki/images/icon_workpoint.svg") ; 
	background-size: contain;
	vertical-align: middle;	
	background-repeat: no-repeat;
	top:1em;
	left:0;
}
}

/*modaal*/

#inline{
	display: none;
}

.modal_box_head{
	font-weight: bold;
	background-color: #c8dbd9;
	padding:2vw;
	text-align: center;
}
.modal_box_head .sub_ttl{
	background-color: #fff;
	display: inline-block;
	padding: .1em 1em;
	font-size: 1.2rem;
	border-radius: 40px; 
}
.modal_box_head .ttl{
	padding-top: .6em;
	font-size: 1.6rem;
}
.modal_box_body{
	padding:2em;
}
.modal_box_body p{
	padding-bottom:1.4em;
	text-align: center;
}
.modal_box_body img{
	width:70%;
}
@media (max-width: 767px) {
	.modal_box_head .sub_ttl{
	font-size: .9rem;
}
.modal_box_head .ttl{
	padding-top: .6em;
	font-size: 1.2rem;
}
	.modal_box_body{
	padding:1.2em;
}
}