.clearfix::after, .l-point__link::after, .l-mPlan__select::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-keyvisual {
  height: 50.69444vw;
  margin: 2.77778vw 2.77778vw 0;
  background-color: #fadcd6;
}

@media (max-width: 1260px) {
  .l-keyvisual {
    height: 639px;
    margin: 35px 35px 0;
  }
}

@media (max-width: 767px) {
  .l-keyvisual {
    height: 141.86667vw;
    margin: 0 0 0 3.33333vw;
  }
}

.l-keyvisual__in {
  position: relative;
}

.l-keyvisual__in::before {
  position: absolute;
  top: -2.77778vw;
  left: -2.77778vw;
  display: block;
  width: 73.19444vw;
  height: 50.69444vw;
  content: '';
  background: url(/spcontent/tomobataraki/images/index/pic_keyvisual01.jpg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-keyvisual__in::before {
    top: -35px;
    left: -35px;
    width: 922px;
    height: 639px;
  }
}

@media (max-width: 767px) {
  .l-keyvisual__in::before {
    top: 0;
    left: -3.33333vw;
    width: 100vw;
    height: auto;
    padding-top: 97.33333vw;
    background-image: url(/spcontent/tomobataraki/images/index/pic_keyvisual01_sp.jpg);
  }
}

.l-keyvisual__head {
  position: relative;
  width: 70.41667vw;
}

@media (max-width: 1260px) {
  .l-keyvisual__head {
    width: 887;
  }
}

@media (max-width: 767px) {
  .l-keyvisual__head {
    width: 100%;
  }
}

.l-keyvisual__head > h1 {
  position: absolute;
  top: 22.70833vw;
  left: 2.22222vw;
  width: 34.30556vw;
  height: 16.73611vw;
}

@media (max-width: 1260px) {
  .l-keyvisual__head > h1 {
    top: 286px;
    left: 28px;
    width: 428px;
    height: 211px;
  }
}

@media (max-width: 767px) {
  .l-keyvisual__head > h1 {
    top: 40.4vw;
    left: 3.33333vw;
    width: 65.86667vw;
    height: 41.73333vw;
  }
}

.l-keyvisual__catalog {
  width: 24.02778vw;
  margin-left: 70.41667vw;
  padding-top: 3.81944vw;
}

@media (max-width: 1260px) {
  .l-keyvisual__catalog {
    width: 302px;
    margin-left: 887px;
    padding-top: 48px;
  }
}

@media (max-width: 767px) {
  .l-keyvisual__catalog {
    width: 96.66667vw;
    height: 44.53333vw;
    margin-left: 0;
    padding-top: 97.33333vw;
  }
}

@media (max-width: 767px) {
  .l-keyvisual__catalog__in {
    position: relative;
    height: 44.53333vw;
  }
}

.l-keyvisual__catalog__logo {
  width: 5.396825396825397vw;
  height: 1.507936507936508vw;
  margin: 0 auto;
}

@media (max-width: 1260px) {
  .l-keyvisual__catalog__logo {
    width: 68px;
    height: 19px;
  }
}

@media (max-width: 767px) {
  .l-keyvisual__catalog__logo {
    position: absolute;
    top: 5vw;
    left: 18.5vw;
    width: 18.133333333333333vw;
    height: 5.066666666666666vw;
  }
}

.l-keyvisual__catalog h2 {
  width: 16.38889vw;
  height: 3.95833vw;
  margin: 25px auto 0;
}

@media (max-width: 1260px) {
  .l-keyvisual__catalog h2 {
    width: 206px;
    height: 50px;
  }
}

@media (max-width: 767px) {
  .l-keyvisual__catalog h2 {
    position: absolute;
    top: 14.53333vw;
    left: 8.8vw;
    width: 37.86667vw;
    height: 9.06667vw;
    margin: 0 auto 0;
  }
}

.l-keyvisual__catalog__pic {
  position: absolute;
  top: -22.08333vw;
  left: 50%;
  width: 14.72222vw;
  height: 19.30556vw;
  margin-left: -7.36111vw;
  background: url(/spcontent/tomobataraki/images/index/pic_guidebook01.jpg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-keyvisual__catalog__pic {
    top: -278px;
    width: 185px;
    height: 243px;
    margin-left: -92px;
  }
}

@media (max-width: 767px) {
  .l-keyvisual__catalog__pic {
    top: -24.66667vw;
    left: 73.66667vw;
    width: 28.26667vw;
    height: 37.06667vw;
    margin-top: 0;
  }
}

.l-keyvisual__catalog__btn {
  position: relative;
  width: 15.27778vw;
  height: 3.47222vw;
  margin: 24.51389vw auto 0;
}

@media (max-width: 1260px) {
  .l-keyvisual__catalog__btn {
    width: 192px;
    height: 44px;
    margin-top: 308px;
  }
}

@media (max-width: 767px) {
  .l-keyvisual__catalog__btn {
    position: absolute;
    top: 28.53333vw;
    left: 8.8vw;
    width: 37.33333vw;
    height: 8vw;
    margin-top: 0;
  }
}

.l-keyvisual__catalog__btn::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 21.875vw;
  height: 6.94444vw;
  content: '';
  background-image: url(/spcontent/tomobataraki/images/bg_btnshadow02.png);
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-keyvisual__catalog__btn::before {
    width: 276px;
    height: 114px;
  }
}

@media (max-width: 767px) {
  .l-keyvisual__catalog__btn::before {
    top: 0;
    left: 0;
    width: 53.33333vw;
    max-width: auto;
    height: 16.93333vw;
    background-image: url(/spcontent/tomobataraki/images/bg_btnshadow02_sp.png);
    background-repeat: no-repeat;
  }
}

.l-keyvisual__catalog__btn .btnTrans {
  position: relative;
  box-sizing: border-box;
}

.l-point {
  margin: 2.77778vw 2.77778vw 0;
  padding: 0.55556vw;
  background-color: #fbdcd6;
}

@media (max-width: 1260px) {
  .l-point {
    margin: 35px 35px 0;
    padding: 7px;
  }
}

@media (max-width: 767px) {
  .l-point {
    margin: 3.33333vw 3.33333vw 0;
    padding: 1.06667vw;
  }
}

.l-point__in {
  padding: 5.55556vw 0;
  background-color: #fff;
}

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

@media (max-width: 767px) {
  .l-point__in {
    padding: 10.66667vw 4.26667vw 12.26667vw;
  }
}

.l-point__head {
  text-align: center;
}

.l-point__sub {
  font-family: 'js';
  font-size: 1.11111vw;
  font-weight: 500;
  position: relative;
  display: inline-block;
  padding: 0 1.38889vw;
  letter-spacing: 1.5px;
}

@media (max-width: 1260px) {
  .l-point__sub {
    font-size: 14px;
    padding: 0 17px;
  }
}

@media (max-width: 767px) {
  .l-point__sub {
    font-size: 3.2vw;
    padding: 0 4vw;
  }
}

.l-point__sub::before {
  position: absolute;
  top: 50%;
  left: -1.38889vw;
  display: block;
  width: 1.38889vw;
  height: 1px;
  margin-top: -1px;
  content: '';
  background-color: #101010;
}

@media (max-width: 1260px) {
  .l-point__sub::before {
    left: -17px;
    width: 17px;
  }
}

@media (max-width: 767px) {
  .l-point__sub::before {
    left: -4vw;
    width: 4vw;
    height: 0.26667vw;
  }
}

.l-point__sub::after {
  position: absolute;
  top: 50%;
  right: -1.38889vw;
  display: block;
  width: 1.38889vw;
  height: 1px;
  margin-top: -1px;
  content: '';
  background-color: #101010;
}

@media (max-width: 1260px) {
  .l-point__sub::after {
    right: -17px;
    width: 17px;
  }
}

@media (max-width: 767px) {
  .l-point__sub::after {
    right: -4vw;
    width: 4vw;
    height: 0.26667vw;
  }
}

.l-point h2 {
  width: 26.59722vw;
  height: 1.66667vw;
  margin: 2.08333vw auto 0;
}

@media (max-width: 1260px) {
  .l-point h2 {
    width: 335px;
    height: 21px;
    margin: 26px auto 0;
  }
}

@media (max-width: 767px) {
  .l-point h2 {
    width: 38.13333vw;
    height: 11.86667vw;
    margin: 5.33333vw auto 0;
  }
}

.l-point__lead {
  font-size: 1.11111vw;
  line-height: 2;
  margin-top: 1.38889vw;
}

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

@media (max-width: 767px) {
  .l-point__lead {
    font-size: 3.2vw;
    margin-top: 5.33333vw;
  }
  body.android .l-point__lead {
    font-weight: 300;
  }
}

.l-point__pic {
  display: table;
  width: 83.33333vw;
  height: 30.625vw;
  margin: 3.47222vw auto 0;
}

@media (max-width: 1260px) {
  .l-point__pic {
    width: 1050px;
    height: 385px;
    margin-top: 44px;
  }
}

@media (max-width: 767px) {
  .l-point__pic {
    display: block;
    width: auto;
    height: auto;
    margin: 6.66667vw 0 0;
  }
}

.l-point__pic--1 {
  display: table-cell;
  width: 41.66667vw;
  height: 27.77778vw;
  vertical-align: top;
}

@media (max-width: 1260px) {
  .l-point__pic--1 {
    width: 525px;
    height: 350px;
  }
}

@media (max-width: 767px) {
  .l-point__pic--1 {
    display: block;
    width: auto;
    height: auto;
    padding-right: 2.66667vw;
  }
}

.l-point__pic--2 {
  display: table-cell;
  width: 41.66667vw;
  height: 27.77778vw;
  padding-top: 2.77778vw;
  vertical-align: bottom;
}

@media (max-width: 1260px) {
  .l-point__pic--2 {
    width: 525px;
    height: 350px;
    padding-top: 35px;
  }
}

@media (max-width: 767px) {
  .l-point__pic--2 {
    display: block;
    width: auto;
    height: auto;
    padding-top: 0;
    padding-left: 2.66667vw;
  }
}

.l-point__link {
  width: 72.91667vw;
  margin: 2.16667vw auto 0;
}

@media (max-width: 1260px) {
  .l-point__link {
    width: 918px;
    margin: 52px auto 0;
  }
}

@media (max-width: 767px) {
  .l-point__link {
    width: auto;
    margin-top: 0.33333vw;
  }
}

.l-point__link > li {
  float: left;
  width: 22.22222vw;
  padding: 0.69444vw 1.04167vw;
}

@media (max-width: 1260px) {
  .l-point__link > li {
    width: 280px;
    padding: 8px 13px;
  }
}

@media (max-width: 767px) {
  .l-point__link > li {
    float: none;
    width: auto;
    padding: 2.66667vw 0 0;
  }
}

.l-point__link > li > a {
  display: table;
  box-sizing: border-box;
  padding: 1.38889vw 0.69444vw 1.38889vw 1.04167vw;
  text-decoration: none;
  border: solid 0.20833vw #f5cfcc;
}

@media (max-width: 1260px) {
  .l-point__link > li > a {
    padding: 17px 8px 17px 13px;
    border: solid 3px #f5cfcc;
  }
}

@media (max-width: 767px) {
  .l-point__link > li > a {
    width: 100%;
    height: 18.13333vw;
    padding: 0;
  }
}

body.pc .l-point__link > li > a:hover .l-point__link__txt {
  padding-left: 2.08333vw;
}

@media (max-width: 1260px) {
  body.pc .l-point__link > li > a:hover .l-point__link__txt {
    padding-left: 26px;
  }
}

@media (max-width: 767px) {
  body.pc .l-point__link > li > a:hover .l-point__link__txt {
    padding-left: 4vw;
  }
}

body.pc .l-point__link > li > a:hover .l-point__link__arrow {
  opacity: 1;
}

body.pc .l-point__link > li > a:hover .l-point__link__arrow::before {
  left: 1.38889vw;
}

@media (max-width: 1260px) {
  body.pc .l-point__link > li > a:hover .l-point__link__arrow::before {
    left: 17px;
  }
}

@media (max-width: 767px) {
  body.pc .l-point__link > li > a:hover .l-point__link__arrow::before {
    left: 0;
  }
}

.l-point__link__num {
    font-family: 'fm';
    font-size: 2.5vw;
    font-weight: 300;
    line-height: 1;
    position: relative;
    display: table-cell;
    width: 4.44444vw;
    /*padding-top: 0.41667vw;*/
    vertical-align: middle;
    color: #101010;
}

@media (max-width: 1260px) {
  .l-point__link__num {
    font-size: 31px;
    width: 56px;
    padding-top: 5px;
  }
}

@media (max-width: 767px) {
  .l-point__link__num {
    font-size: 7.2vw;
    width: 17.33333vw;
    padding-top: 2.13333vw;
    text-align: center;
  }
  body.ie .l-point__link__num {
    padding-top: 0;
  }
}

.l-point__link__num::before {
  position: absolute;
  top: 50%;
  left: 4.30556vw;
  display: block;
  width: 0.13889vw;
  height: 3.19444vw;
  margin-top: -1.59722vw;
  content: '';
  background-color: #f5cfcc;
}

@media (max-width: 1260px) {
  .l-point__link__num::before {
    left: 54px;
    width: 1px;
    height: 40px;
    margin-top: -20px;
  }
}

@media (max-width: 767px) {
  .l-point__link__num::before {
    left: 16.8vw;
    width: 0.53333vw;
    height: 9.33333vw;
    margin-top: -4.66667vw;
  }
  body.ie .l-point__link__num::before {
    top: 52px;
  }
}

.l-point__link__txt {
  font-size: 1.11111vw;
  font-weight: bold;
  line-height: 1.4;
  display: table-cell;
  width: 11.875vw;
  padding-left: 1.38889vw;
  -webkit-transition: padding .5s;
  transition: padding .5s;
  vertical-align: middle;
  color: #101010;
}

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

@media (max-width: 767px) {
  .l-point__link__txt {
    font-size: 3.73333vw;
    width: auto;
    padding-left: 4vw;
  }
}

.l-point__link__arrow {
  position: relative;
  display: table-cell;
  width: 2.63889vw;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  opacity: 0;
}

@media (max-width: 1260px) {
  .l-point__link__arrow {
    width: 33px;
  }
}

@media (max-width: 767px) {
  .l-point__link__arrow {
    width: 5.73333vw;
    opacity: 1;
  }
}

.l-point__link__arrow::before {
  position: absolute;
  top: 1.25vw;
  left: 0.69444vw;
  display: block;
  width: 0.76389vw;
  height: 1.11111vw;
  margin-top: -0.41667vw;
  content: '';
  -webkit-transition: left .5s;
  transition: left .5s;
  background: url(/spcontent/tomobataraki/images/icon_arrow01.svg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-point__link__arrow::before {
    top: 15px;
    left: 8px;
    width: 9px;
    height: 14px;
    margin-top: -4px;
  }
}

@media (max-width: 767px) {
  .l-point__link__arrow::before {
    top: 50%;
    left: 0;
    width: 2.13333vw;
    height: 3.2vw;
    margin-top: -1.6vw;
  }
  body.ie .l-point__link__arrow::before {
    top: 52px;
  }
}

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

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

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

.l-plan > div {
  padding: 0.20833vw;
  border: solid 1px #000;
  background-color: #fff;
}

@media (max-width: 767px) {
  .l-plan > div {
    padding: 0.8vw;
  }
}

.l-plan > div > div {
  padding: 4.51389vw 1.73611vw;
  text-align: center;
  border: solid 1px #000;
}

@media (max-width: 1260px) {
  .l-plan > div > div {
    padding: 57px 21.875px;
  }
}

@media (max-width: 767px) {
  .l-plan > div > div {
    padding: 10.66667vw 7.33333vw;
  }
}

.l-plan__head {
  text-align: center;
}

.l-plan__sub {
  font-family: 'js';
  font-size: 1.11111vw;
  font-weight: 500;
  position: relative;
  display: inline-block;
  padding: 0 1.38889vw;
  letter-spacing: 1.5px;
}

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

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

.l-plan__sub::before {
  position: absolute;
  top: 50%;
  left: -1.38889vw;
  display: block;
  width: 1.38889vw;
  height: 1px;
  margin-top: -1px;
  content: '';
  background-color: #101010;
}

@media (max-width: 1260px) {
  .l-plan__sub::before {
    left: -17px;
    width: 17px;
  }
}

@media (max-width: 767px) {
  .l-plan__sub::before {
    left: -4vw;
    width: 4vw;
    height: 0.26667vw;
  }
}

.l-plan__sub::after {
  position: absolute;
  top: 50%;
  right: -1.38889vw;
  display: block;
  width: 1.38889vw;
  height: 1px;
  margin-top: -1px;
  content: '';
  background-color: #101010;
}

@media (max-width: 1260px) {
  .l-plan__sub::after {
    right: -17px;
    width: 17px;
  }
}

@media (max-width: 767px) {
  .l-plan__sub::after {
    right: -4vw;
    width: 4vw;
    height: 0.26667vw;
  }
}

.l-plan h2 {
  width: 17.43056vw;
  height: 1.66667vw;
  margin: 2.08333vw auto 0;
}

@media (max-width: 1260px) {
  .l-plan h2 {
    width: 220px;
    height: 21px;
    margin: 26px auto 0;
  }
}

@media (max-width: 767px) {
  .l-plan h2 {
    width: 49.86667vw;
    height: 4.8vw;
    margin: 5.33333vw auto 0;
  }
}

.l-plan__lead {
  font-size: 1.11111vw;
  line-height: 2;
  margin-top: 1.38889vw;
}

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

@media (max-width: 767px) {
  .l-plan__lead {
    font-size: 3.2vw;
    margin-top: 5.33333vw;
  }
  body.android .l-plan__lead {
    font-weight: 300;
  }
}

.l-plan__layout {
  position: relative;
  display: table;
  width: 100%;
  margin: 2.08333vw 0 0;
}

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

@media (max-width: 767px) {
  .l-plan__layout {
    display: block;
    margin: 8vw 0 0;
  }
}

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

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

.l-plan__layout > div {
  display: table-cell;
  width: 50%;
  padding: 0 3.47222vw;
}

@media (max-width: 1260px) {
  .l-plan__layout > div {
    padding: 0 43.75px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout > div {
    display: block;
    width: auto;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .l-plan__layout > div:last-child {
    margin-top: 13.33333vw;
  }
}

.l-plan__layout > div:last-child .l-plan__layout__pic {
  width: 30.41667vw;
  height: 25.97222vw;
  background-image: url(/spcontent/tomobataraki/images/index/pic_layout02.jpg);
}

@media (max-width: 1260px) {
  .l-plan__layout > div:last-child .l-plan__layout__pic {
    width: 383.25px;
    height: 327.25px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout > div:last-child .l-plan__layout__pic {
    width: 65.46667vw;
    height: 53.86667vw;
  }
}

.l-plan__layout > div > a {
  display: block;
  text-decoration: none;
}

body.pc .l-plan__layout > div > a:hover .btnTrans::before {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

body.pc .l-plan__layout > div > a:hover .btnTrans .txt {
  color: #fff;
}

.l-plan__layout__label {
  font-family: 'js';
  font-weight: 500;
  box-sizing: border-box;
  height: 2.08333vw;
  padding-top: 0.27778vw;
  text-align: center;
  background: url(/spcontent/tomobataraki/images/index/bg_layout01.svg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-plan__layout__label {
    height: 26.25px;
    padding-top: 3.5px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__label {
    height: 6.13333vw;
    padding-top: 0.53333vw;
    background-image: url(/spcontent/tomobataraki/images/index/bg_layout01_sp.svg);
  }
}

.l-plan__layout__title {
  font-size: 1.38889vw;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 2.08333vw;
  text-align: left;
}

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

@media (max-width: 1260px) {
  .l-plan__layout__title {
    font-size: 17.5px;
    margin-top: 26.25px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__title {
    font-size: 4vw;
    margin-top: 6vw;
  }
}

.l-plan__layout__pic {
  width: 32.01389vw;
  height: 25.90278vw;
  margin-top: 2.08333vw;
  background: url(/spcontent/tomobataraki/images/index/pic_layout01.jpg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-plan__layout__pic {
    width: 403.375px;
    height: 326.375px;
    margin-top: 26.25px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__pic {
    width: 65.33333vw;
    height: 52.93333vw;
    margin-top: 6vw;
  }
}

.l-plan__layout__btn {
  margin-top: 50px;
}

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

@media (max-width: 1260px) {
  .l-plan__layout__btn .btnTrans {
    width: 220px;
    height: 50px;
    padding-top: 12px;
  }
}

@media (max-width: 767px) {
  .l-plan__layout__btn .btnTrans {
    width: 44vw;
    height: 10vw;
    padding-top: 1.86667vw;
  }
}

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

.l-plan__layout__btn .btnTrans .txt {
  -webkit-transition: color .4s;
  transition: color .4s;
  color: #101010;
}

.l-case {
  display: table;
  margin-top: 2.77778vw;
}

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

@media (max-width: 767px) {
  .l-case {
    display: block;
    margin-top: 14.66667vw;
  }
}

.l-case > div {
  display: table-cell;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .l-case > div {
    display: block;
  }
}

.l-case > div:first-child {
  width: 65.27778vw;
}

@media (max-width: 1260px) {
  .l-case > div:first-child {
    width: 822px;
  }
}

@media (max-width: 767px) {
  .l-case > div:first-child {
    width: auto;
  }
}

.l-case > div:first-child .l-case__pic {
  width: auto;
  height: 27.77778vw;
  background: url(/spcontent/tomobataraki/images/index/pic_case01.jpg) 0 100% no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-case > div:first-child .l-case__pic {
    height: 350px;
  }
}

@media (max-width: 767px) {
  .l-case > div:first-child .l-case__pic {
    height: 53.33333vw;
    margin-top: 10.66667vw;
    background-image: url(/spcontent/tomobataraki/images/index/pic_case01_sp.jpg);
  }
}

.l-case > div:last-child {
  width: 34.72222vw;
}

@media (max-width: 1260px) {
  .l-case > div:last-child {
    width: 438px;
  }
}

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

.l-case > div:last-child .l-case__pic {
  width: auto;
  height: 56.25vw;
  background: url(/spcontent/tomobataraki/images/index/pic_case02.jpg) 0 100% no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-case > div:last-child .l-case__pic {
    height: 708px;
  }
}

@media (max-width: 767px) {
  .l-case > div:last-child .l-case__pic {
    height: 53.33333vw;
    background-image: url(/spcontent/tomobataraki/images/index/pic_case02_sp.jpg);
    background-position: 0 0;
  }
}

.l-case__head {
  display: block;
  box-sizing: border-box;
  height: 28.47222vw;
  padding: 3.81944vw 0 0 6.94444vw;
}

@media (max-width: 1260px) {
  .l-case__head {
    height: 358px;
    padding: 48px 0 0 87px;
  }
}

@media (max-width: 767px) {
  .l-case__head {
    height: auto;
    padding: 0 8.66667vw;
  }
}

.l-case__sub {
  font-family: 'js';
  font-size: 1.11111vw;
  font-weight: 500;
  position: relative;
  display: inline-block;
  padding: 0 1.38889vw 0 0;
  letter-spacing: 1.5px;
}

@media (max-width: 1260px) {
  .l-case__sub {
    font-size: 14px;
    padding: 0 17px 0 0;
  }
}

@media (max-width: 767px) {
  .l-case__sub {
    font-size: 3.2vw;
    padding: 0 4vw 0 0;
  }
}

.l-case__sub::after {
  position: absolute;
  top: 50%;
  right: -1.38889vw;
  display: block;
  width: 1.38889vw;
  height: 1px;
  margin-top: -1px;
  content: '';
  background-color: #101010;
}

@media (max-width: 1260px) {
  .l-case__sub::after {
    right: -17px;
    width: 17px;
  }
}

@media (max-width: 767px) {
  .l-case__sub::after {
    right: -4vw;
    width: 4vw;
    height: 0.26667vw;
  }
}

.l-case h2 {
  width: 27.36111vw;
  height: 1.52778vw;
  margin-top: 2.08333vw;
}

@media (max-width: 1260px) {
  .l-case h2 {
    width: 335px;
    height: 21px;
    margin-top: 26px;
  }
}

@media (max-width: 767px) {
  .l-case h2 {
    width: 57.6vw;
    height: 11.6vw;
    margin-top: 5.33333vw;
  }
}

.l-case__lead {
  font-size: 1.11111vw;
  line-height: 2;
  margin-top: 1.38889vw;
}

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

@media (max-width: 767px) {
  .l-case__lead {
    font-size: 3.2vw;
    margin-top: 5.33333vw;
  }
  body.android .l-case__lead {
    font-weight: 300;
  }
}

.l-case__btn {
  margin-top: 50px;
}

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

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

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

@media (max-width: 1260px) {
  .l-case__btn .btnTrans {
    width: 220px;
    height: 50px;
    padding-top: 12px;
  }
}

@media (max-width: 767px) {
  .l-case__btn .btnTrans {
    width: 44vw;
    height: 10vw;
    padding-top: 1.86667vw;
  }
}

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

.l-case__btn .btnTrans .txt {
  -webkit-transition: color .4s;
  transition: color .4s;
  color: #101010;
}

.l-case__link {
  display: inline-block;
  padding: 1.38889vw;
  text-decoration: none;
  color: #101010;
}

@media (max-width: 1260px) {
  .l-case__link {
    padding: 17px;
  }
}

@media (max-width: 767px) {
  .l-case__link {
    padding: 0;
  }
}

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

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

.l-mPlan {
  box-sizing: border-box;
  margin: 2.77778vw 2.77778vw 0;
  padding: 6.25vw 0;
  background: url(/spcontent/tomobataraki/images/index/bg_mplan01.gif) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-mPlan {
    margin: 35px 35px 0;
    padding: 78px 0;
  }
}

@media (max-width: 767px) {
  .l-mPlan {
    margin: 3.33333vw 3.33333vw 0;
    padding: 12vw 0;
    background-image: url(/spcontent/tomobataraki/images/index/bg_mplan01_sp.gif);
  }
}

.l-mPlan__head {
  text-align: center;
}

.l-mPlan__sub {
  font-family: 'js';
  font-size: 1.11111vw;
  font-weight: 500;
  position: relative;
  display: inline-block;
  padding: 0 1.38889vw;
  letter-spacing: 1.5px;
}

@media (max-width: 1260px) {
  .l-mPlan__sub {
    font-size: 14px;
    padding: 0 17px;
  }
}

@media (max-width: 767px) {
  .l-mPlan__sub {
    font-size: 3.2vw;
    padding: 0 4vw;
  }
}

.l-mPlan__sub::before {
  position: absolute;
  top: 50%;
  left: -1.38889vw;
  display: block;
  width: 1.38889vw;
  height: 1px;
  margin-top: -1px;
  content: '';
  background-color: #101010;
}

@media (max-width: 1260px) {
  .l-mPlan__sub::before {
    left: -17px;
    width: 17px;
  }
}

@media (max-width: 767px) {
  .l-mPlan__sub::before {
    left: -4vw;
    width: 4vw;
    height: 0.26667vw;
  }
}

.l-mPlan__sub::after {
  position: absolute;
  top: 50%;
  right: -1.38889vw;
  display: block;
  width: 1.38889vw;
  height: 1px;
  margin-top: -1px;
  content: '';
  background-color: #101010;
}

@media (max-width: 1260px) {
  .l-mPlan__sub::after {
    right: -17px;
    width: 17px;
  }
}

@media (max-width: 767px) {
  .l-mPlan__sub::after {
    right: -4vw;
    width: 4vw;
    height: 0.26667vw;
  }
}

.l-mPlan h2 {
  width: 18.88889vw;
  height: 1.52778vw;
  margin: 2.08333vw auto 0;
}

@media (max-width: 1260px) {
  .l-mPlan h2 {
    width: 238px;
    height: 21px;
    margin: 26px auto 0;
  }
}

@media (max-width: 767px) {
  .l-mPlan h2 {
    width: 49.86667vw;
    height: 4.8vw;
    margin: 5.33333vw auto 0;
  }
}

.l-mPlan__lead {
  font-size: 1.11111vw;
  line-height: 2;
  margin-top: 1.38889vw;
}

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

@media (max-width: 767px) {
  .l-mPlan__lead {
    font-size: 3.2vw;
    margin-top: 5.33333vw;
  }
  body.android .l-mPlan__lead {
    font-weight: 300;
  }
}

.l-mPlan__select {
  width: 68.75vw;
  margin: 3.47222vw auto 0;
}

@media (max-width: 1260px) {
  .l-mPlan__select {
    width: 866.25px;
    margin: 43.75px auto 0;
  }
}

@media (max-width: 767px) {
  .l-mPlan__select {
    width: auto;
    margin: 8vw auto 0;
  }
}

.l-mPlan__select > a {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 20.83333vw;
  height: 9.02778vw;
  margin: 0 1.04167vw;
  padding: 0.34722vw;
  text-decoration: none;
  color: #333;
  background-color: #fff;
}

@media (max-width: 1260px) {
  .l-mPlan__select > a {
    width: 262.5px;
    height: 113.75px;
    margin: 0 13.125px;
    padding: 4.375px;
  }
}

@media (max-width: 767px) {
  .l-mPlan__select > a {
    float: none;
    width: auto;
    height: 32vw;
    margin: 5.33333vw 5.33333vw 0;
    padding: 1.33333vw;
  }
}

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

body.pc .l-mPlan__select > a:hover .btnTrans .l-mPlan__select__btn__sub {
  color: #fff;
}

body.pc .l-mPlan__select > a:hover .btnTrans .l-mPlan__select__btn__sub > span {
  color: #000;
  background-color: #fff;
}

body.pc .l-mPlan__select > a:hover .btnTrans .l-mPlan__select__btn__title {
  color: #fff;
}

.l-mPlan__select__btn {
  border: 1px solid #000;
}

.l-mPlan__select__btn .btnTrans {
  box-sizing: border-box;
  height: 8.19444vw;
  padding-top: 1.11111vw;
  background-color: #fff;
}

@media (max-width: 1260px) {
  .l-mPlan__select__btn .btnTrans {
    height: 103.25px;
    padding-top: 14px;
  }
}

@media (max-width: 767px) {
  .l-mPlan__select__btn .btnTrans {
    height: 29.06667vw;
    padding-top: 5.06667vw;
  }
}

.l-mPlan__select__btn .btnTrans::before {
  background-color: #000;
}

.l-mPlan__select__btn__sub {
  font-family: 'js';
  font-size: 0.83333vw;
  font-weight: 500;
  position: relative;
  display: inline-block;
  padding-right: 1.73611vw;
  -webkit-transition: color .4s;
  transition: color .4s;
  color: #000;
}

@media (max-width: 1260px) {
  .l-mPlan__select__btn__sub {
    font-size: 10.5px;
    padding-right: 21.875px;
  }
}

@media (max-width: 767px) {
  .l-mPlan__select__btn__sub {
    font-size: 2.4vw;
    padding-right: 5.6vw;
  }
}

.l-mPlan__select__btn__sub > span {
  font-family: 'fm';
  font-weight: 300;
  position: absolute;
  top: -1px;
  right: 0;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 0.625vw;
  background-color: #fbe3cb;
}

@media (max-width: 1260px) {
  .l-mPlan__select__btn__sub > span {
    width: 15.75px;
    height: 15.75px;
    border-radius: 7.875px;
  }
}

@media (max-width: 767px) {
  .l-mPlan__select__btn__sub > span {
    box-sizing: border-box;
    width: 3.73333vw;
    height: 3.73333vw;
    padding-top: 0.26667vw;
    border-radius: 2.53333vw;
  }
}

.l-mPlan__select__btn__title {
  font-weight: bold;
  line-height: 1.4;
  margin-top: 0.48611vw;
  -webkit-transition: color .4s;
  transition: color .4s;
  color: #333;
}

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

@media (max-width: 767px) {
  .l-mPlan__select__btn__title {
    font-size: 4vw;
    margin-top: 1.73333vw;
  }
}

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

.l-col2 {
  display: table;
  width: 100%;
  margin-top: 2.77778vw;
}

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

@media (max-width: 767px) {
  .l-col2 {
    font-size: 3.2vw;
    display: block;
    padding: 0 4vw 0 0;
  }
}

.l-col2 > div {
  display: table-cell;
  width: 50%;
}

@media (max-width: 767px) {
  .l-col2 > div {
    display: block;
    width: auto;
  }
}

.l-col2__performance {
  padding-right: 1.38889vw;
  vertical-align: top;
}

@media (max-width: 1260px) {
  .l-col2__performance {
    padding-right: 17px;
  }
}

@media (max-width: 767px) {
  .l-col2__performance {
    padding-right: 0;
  }
}

.l-col2__performance .l-col2__haed {
  box-sizing: border-box;
  height: 31.59722vw;
  padding: 4.86111vw 0 4.86111vw 6.94444vw;
  background-color: #cfd1e0;
}

@media (max-width: 1260px) {
  .l-col2__performance .l-col2__haed {
    height: 398px;
    padding: 61px 0 61px 87px;
  }
}

@media (max-width: 767px) {
  .l-col2__performance .l-col2__haed {
    height: 90vw;
    padding: 10.66667vw 0 13.33333vw;
    text-align: center;
  }
}

.l-col2__performance .l-col2__sub {
  font-family: 'js';
  font-size: 1.11111vw;
  font-weight: 500;
  position: relative;
  display: inline-block;
  padding: 0 1.38889vw 0 0;
  letter-spacing: 1.5px;
}

@media (max-width: 1260px) {
  .l-col2__performance .l-col2__sub {
    font-size: 14px;
    padding: 0 17px 0 0;
  }
}

@media (max-width: 767px) {
  .l-col2__performance .l-col2__sub {
    font-size: 3.2vw;
    padding: 0 4vw 0 4vw;
  }
}

@media (max-width: 767px) {
  .l-col2__performance .l-col2__sub::before {
    position: absolute;
    top: 50%;
    left: -4vw;
    display: block;
    width: 4vw;
    height: 0.26667vw;
    margin-top: -1px;
    content: '';
    background-color: #101010;
  }
}

.l-col2__performance .l-col2__sub::after {
  position: absolute;
  top: 50%;
  right: -1.38889vw;
  display: block;
  width: 1.38889vw;
  height: 1px;
  margin-top: -1px;
  content: '';
  background-color: #101010;
}

@media (max-width: 1260px) {
  .l-col2__performance .l-col2__sub::after {
    right: -17px;
    width: 17px;
  }
}

@media (max-width: 767px) {
  .l-col2__performance .l-col2__sub::after {
    right: -4vw;
    width: 4vw;
    height: 0.26667vw;
  }
}

.l-col2__performance h2 {
  width: 24.16667vw;
  height: 1.52778vw;
  margin-top: 2.08333vw;
}

@media (max-width: 1260px) {
  .l-col2__performance h2 {
    width: 304px;
    height: 21px;
    margin-top: 26px;
  }
}

@media (max-width: 767px) {
  .l-col2__performance h2 {
    width: 38.8vw;
    height: 11.6vw;
    margin: 5.33333vw auto 0;
  }
}

.l-col2__performance .l-col2__lead {
  font-size: 1.11111vw;
  line-height: 2;
  margin-top: 1.38889vw;
}

@media (max-width: 1260px) {
  .l-col2__performance .l-col2__lead {
    font-size: 14px;
    margin-top: 17px;
  }
}

@media (max-width: 767px) {
  .l-col2__performance .l-col2__lead {
    font-size: 3.2vw;
    margin-top: 5.33333vw;
  }
  .l-col2__performance .l-col2__lead body.android .l-col2__lead {
    font-weight: 300;
  }
}

.l-col2__performance .l-col2__btn {
  margin-top: 3.47222vw;
}

@media (max-width: 1260px) {
  .l-col2__performance .l-col2__btn {
    margin-top: 43px;
  }
}

@media (max-width: 767px) {
  .l-col2__performance .l-col2__btn {
    margin-top: 8.66667vw;
  }
}

.l-col2__performance .l-col2__btn .btnTrans {
  box-sizing: border-box;
  width: 15.27778vw;
  height: 3.47222vw;
  padding-top: 0.83333vw;
  border: solid 1px #101010;
  background-color: transparent;
}

@media (max-width: 1260px) {
  .l-col2__performance .l-col2__btn .btnTrans {
    width: 220px;
    height: 50px;
    padding-top: 12px;
  }
}

@media (max-width: 767px) {
  .l-col2__performance .l-col2__btn .btnTrans {
    width: 44vw;
    height: 10vw;
    margin: 0 auto;
    padding-top: 1.86667vw;
  }
}

.l-col2__performance .l-col2__btn .btnTrans::before {
  background: #101010;
}

.l-col2__performance .l-col2__btn .btnTrans .txt {
  -webkit-transition: color .4s;
  transition: color .4s;
  color: #101010;
}

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

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

.l-col2__performance .l-col2__link {
  display: inline-block;
  padding: 1.38889vw;
  text-decoration: none;
  color: #101010;
}

@media (max-width: 1260px) {
  .l-col2__performance .l-col2__link {
    padding: 17px;
  }
}

@media (max-width: 767px) {
  .l-col2__performance .l-col2__link {
    padding: 0;
  }
}

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

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

.l-col2__grow {
  padding-left: 1.38889vw;
}

@media (max-width: 1260px) {
  .l-col2__grow {
    padding-left: 17px;
  }
}

@media (max-width: 767px) {
  .l-col2__grow {
    margin-top: 3.33333vw;
    padding-left: 0;
  }
}

.l-col2__grow .l-col2__haed {
  box-sizing: border-box;
  height: 30.90278vw;
  padding: 4.86111vw 0 0 5.55556vw;
  background-color: #dfedf9;
}

@media (max-width: 1260px) {
  .l-col2__grow .l-col2__haed {
    height: 389px;
    padding: 61px 0 0 70px;
  }
}

@media (max-width: 767px) {
  .l-col2__grow .l-col2__haed {
    height: 88.66667vw;
    padding: 10.66667vw 0 13.33333vw;
    text-align: center;
  }
}

.l-col2__grow .l-col2__sub {
  font-family: 'js';
  font-size: 1.11111vw;
  font-weight: 500;
  position: relative;
  display: inline-block;
  padding: 0 1.38889vw 0 0;
  letter-spacing: 1.5px;
}

@media (max-width: 1260px) {
  .l-col2__grow .l-col2__sub {
    font-size: 14px;
    padding: 0 17px 0 0;
  }
}

@media (max-width: 767px) {
  .l-col2__grow .l-col2__sub {
    font-size: 3.2vw;
    padding: 0 4vw 0 4vw;
  }
}

@media (max-width: 767px) {
  .l-col2__grow .l-col2__sub::before {
    position: absolute;
    top: 50%;
    left: -4vw;
    display: block;
    width: 4vw;
    height: 0.26667vw;
    margin-top: -1px;
    content: '';
    background-color: #101010;
  }
}

.l-col2__grow .l-col2__sub::after {
  position: absolute;
  top: 50%;
  right: -1.38889vw;
  display: block;
  width: 1.38889vw;
  height: 1px;
  margin-top: -1px;
  content: '';
  background-color: #101010;
}

@media (max-width: 1260px) {
  .l-col2__grow .l-col2__sub::after {
    right: -17px;
    width: 17px;
  }
}

@media (max-width: 767px) {
  .l-col2__grow .l-col2__sub::after {
    right: -4vw;
    width: 4vw;
    height: 0.26667vw;
  }
}

.l-col2__grow h2 {
  width: 23.47222vw;
  height: 1.59722vw;
  margin-top: 2.08333vw;
}

@media (max-width: 1260px) {
  .l-col2__grow h2 {
    width: 296px;
    height: 20px;
    margin-top: 26px;
  }
}

@media (max-width: 767px) {
  .l-col2__grow h2 {
    width: 67.2vw;
    height: 4.53333vw;
    margin: 5.33333vw auto 0;
  }
}

.l-col2__grow .l-col2__lead {
  font-size: 1.11111vw;
  line-height: 2;
  margin-top: 1.38889vw;
}

@media (max-width: 1260px) {
  .l-col2__grow .l-col2__lead {
    font-size: 14px;
    margin-top: 17px;
  }
}

@media (max-width: 767px) {
  .l-col2__grow .l-col2__lead {
    font-size: 3.2vw;
    margin-top: 5.33333vw;
  }
  .l-col2__grow .l-col2__lead body.android .l-col2__lead {
    font-weight: 300;
  }
}

.l-col2__grow .l-col2__btn {
  margin-top: 3.47222vw;
}

@media (max-width: 1260px) {
  .l-col2__grow .l-col2__btn {
    margin-top: 43px;
  }
}

@media (max-width: 767px) {
  .l-col2__grow .l-col2__btn {
    margin-top: 8.66667vw;
  }
}

.l-col2__grow .l-col2__btn .btnTrans {
  box-sizing: border-box;
  width: 15.27778vw;
  height: 3.47222vw;
  padding-top: 0.83333vw;
  border: solid 1px #101010;
  background-color: transparent;
}

@media (max-width: 1260px) {
  .l-col2__grow .l-col2__btn .btnTrans {
    width: 220px;
    height: 50px;
    padding-top: 12px;
  }
}

@media (max-width: 767px) {
  .l-col2__grow .l-col2__btn .btnTrans {
    width: 56vw;
    height: 10vw;
    margin: 0 auto;
    padding-top: 1.86667vw;
  }
}

.l-col2__grow .l-col2__btn .btnTrans::before {
  background: #101010;
}

.l-col2__grow .l-col2__btn .btnTrans .txt {
  -webkit-transition: color .4s;
  transition: color .4s;
  color: #101010;
}

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

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

.l-col2__grow .l-col2__link {
  display: inline-block;
  padding: 1.38889vw;
  text-decoration: none;
  color: #101010;
}

@media (max-width: 1260px) {
  .l-col2__grow .l-col2__link {
    padding: 17px;
  }
}

@media (max-width: 767px) {
  .l-col2__grow .l-col2__link {
    padding: 0;
  }
}

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

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

l-present {
  margin: 2.77778vw 2.77778vw 0;
}

@media (max-width: 1260px) {
  l-present {
    margin: 35px 35px 0;
  }
}

@media (max-width: 767px) {
  l-present {
    margin: 3.33333vw 3.33333vw 0;
  }
}
.title_iot{
	clear: both;
	width:77%;
	font-size: 1.8vw;
	font-weight:bold;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.title_iot{
		font-size: 4.8vw;
		text-align: center;
		margin-top: 3vw;
	}
}