@charset "UTF-8";
@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-style: normal;
  font-weight: 200;
  src: url("/common/fonts/NotoSansCJKjp-DemiLight.woff") format("woff");
}

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after, q::before, q::after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  width: 100%;
  vertical-align: bottom;
}

::-moz-selection {
  background: #0075c1;
  color: #fff;
}

::selection {
  background: #0075c1;
  color: #fff;
}

html {
  font-size: 0.97222vw;
  overflow-y: scroll;
}

@media (max-width: 1260px) {
  html {
    font-size: 13px;
  }
}

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

.pcOnly {
  display: block !important;
}

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

.spOnly {
  display: none !important;
}

@media (max-width: 767px) {
  .spOnly {
    display: block !important;
  }
}

body {
  color: #101010;
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
  font-weight: 500;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

@media (max-width: 767px) {
  body {
    font-weight: 400;
    position: static !important;
  }
}

body.tb {
  font-weight: 400;
}

body.android {
  font-family: 'ns';
  font-weight: 300;
}

br.pc {
  display: block;
}

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

br.sp {
  display: none;
}

@media (max-width: 767px) {
  br.sp {
    display: block;
  }
}

.clearfix::after, .l-header__nav::after, .l-header .l-hmenu__linkset::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cmnSub {
  margin: 0 1px;
  font-size: 0.825rem;
}

@media (max-width: 767px) {
.cmnSub {
  margin-bottom: 6vw;
}
}


.comingsoon {
  margin-top: 3.125vw;
}

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

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

.comingsoon h3 {
  font-family: 'js';
  font-size: 1.52778vw;
  font-weight: 300;
}

@media (max-width: 1260px) {
  .comingsoon h3 {
    font-size: 19px;
  }
}

@media (max-width: 767px) {
  .comingsoon h3 {
    font-size: 4.4vw;
  }
}

.comingsoon p {
  font-size: 1.11111vw;
}

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

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

body.android .comingsoon p {
  font-weight: 300;
}

.ua > img {
  width: 100%;
}

.ua > img:first-child {
  display: block;
}

.ua > img:last-child {
  display: none;
}

@media (max-width: 767px) {
  .ua > img:first-child {
    display: none;
  }
  .ua > img:last-child {
    display: block;
  }
}

.btnArrow {
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  -webkit-transition: padding 0.3s ease-out;
  transition: padding 0.3s ease-out;
}

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

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

body.android .btnArrow {
  font-weight: 500;
}

.btnArrow::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 2.08333vw;
  width: 0.625vw;
  height: 0.83333vw;
  margin-top: -0.41667vw;
  background: url(/spcontent/tomobataraki/images/icon_arrow02.svg) no-repeat;
  background-size: contain;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
  opacity: 0;
}

@media (max-width: 1260px) {
  .btnArrow::before {
    right: 26px;
    width: 8px;
    height: 10px;
    margin-top: -5px;
  }
}

@media (max-width: 767px) {
  .btnArrow::before {
    right: 4vw;
    width: 1.86667vw;
    height: 2.66667vw;
    margin-top: -1.2vw;
    opacity: 1;
  }
}

body.pc .btnArrow:hover {
  padding-left: 0.69444vw;
}

@media (max-width: 767px) {
  body.pc .btnArrow:hover {
    padding-left: 0;
  }
}

body.pc .btnArrow:hover::before {
  opacity: 1;
  right: 1.38889vw;
}

@media (max-width: 767px) {
  body.pc .btnArrow:hover::before {
    right: 4vw;
  }
}

.btnTrans {
  position: relative;
  display: block;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
  background-color: #88cffa;
  color: #fff;
  text-decoration: none;
}

.btnTrans::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #344891;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.btnTrans .txt {
  display: block;
  position: relative;
  font-size: 0.97222vw;
  z-index: 10;
}

@media (max-width: 1260px) {
  .btnTrans .txt {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .btnTrans .txt {
    font-size: 3.46667vw;
  }
}

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

.l-footer {
  position: relative;
  margin: 0 2.77778vw;
  padding: 120px 0 70px;
}

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

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

.l-footer__logo {
  display: block;
  width: 173px;
  height: 24px;
  margin: 0 auto;
  background: url(/spcontent/tomobataraki/images/logo_sekisuiheim01.svg) no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .l-footer__logo {
    width: 34.8vw;
    height: auto;
    margin: 0;
    padding-top: 4.8vw;
  }
}

.l-footer__nav {
  margin-top: 50px;
  line-height: 1.1;
  text-align: center;
}

@media (max-width: 767px) {
  .l-footer__nav {
    margin-top: 9.33333vw;
    text-align: left;
  }
}

.l-footer__nav > li {
  display: inline-block;
  margin-left: 30px;
  font-size: 15px;
}

@media (max-width: 767px) {
  .l-footer__nav > li {
    display: block;
    margin: 2.66667vw 0 0;
    font-size: 3.46667vw;
  }
}

.l-footer__nav > li > a {
  display: inline-block;
  position: relative;
  padding-right: 19px;
  color: #101010;
  text-decoration: none;
  -webkit-transition: opacity 150ms ease-out;
  transition: opacity 150ms ease-out;
}

@media (max-width: 767px) {
  .l-footer__nav > li > a {
    padding-right: 4.13333vw;
  }
}

.l-footer__nav > li > a::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 4px;
  width: 12px;
  height: 9px;
  background: url(/spcontent/tomobataraki/images/icon_window01.png) no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .l-footer__nav > li > a::before {
    top: 0;
    width: 3.2vw;
    height: auto;
    margin-top: 0.66667vw;
    padding-top: 2.4vw;
  }
}

@media (min-width: 768px) {
  body.pc body.pc .l-footer__nav > li > a:hover, body.pc .l-footer__nav > li > a:active {
    opacity: 0.65;
  }
}

.l-footer__nav > li:first-child {
  margin-left: 0;
}

@media (max-width: 767px) {
  .l-footer__nav > li:first-child {
    margin-top: 0;
  }
}

.l-footer__copyright {
  margin-top: 50px;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  line-height: 1.1;
  text-align: center;
}

@media (max-width: 767px) {
  .l-footer__copyright {
    margin-top: 9.33333vw;
    font-size: 3.2vw;
    text-align: left;
  }
}

.l-footer .pagetop {
  position: absolute;
  top: 40px;
  right: 0;
  width: 120px;
  height: 60px;
}

@media (max-width: 767px) {
  .l-footer .pagetop {
    top: 3.33333vw;
    width: 24vw;
    height: 12vw;
  }
}

.l-footer .pagetop .btnTrans {
  background-color: #8190a7;
}

.l-footer .pagetop .btnTrans::before {
  background-color: #88cffa;
}

.l-header {
  position: relative;
  z-index: 500;
  height: 9.72222vw;
}

@media (max-width: 1260px) {
  .l-header {
    height: 123px;
  }
}

@media (max-width: 767px) {
  .l-header {
    position: static;
    height: auto;
  }
}

@media (max-width: 767px) {
  .l-header::before {
    content: "";
    display: block;
    height: 18.66667vw;
  }
}

.l-header__in {
  position: relative;
  height: 100%;
  z-index: 550;
  background: #fff;
}

@media (max-width: 767px) {
  .l-header__in {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 18.66667vw;
    -webkit-transition: visibility 0ms, margin-top 250ms ease-out;
    transition: visibility 0ms, margin-top 250ms ease-out;
  }
}

@media (max-width: 767px) {
  .l-header__in.js-inactive {
    margin-top: -18.66667%;
    visibility: hidden;
    -webkit-transition: visibility 0ms 250ms, margin-top 250ms ease-out;
    transition: visibility 0ms 250ms, margin-top 250ms ease-out;
  }
}

.l-header__tomobataraki {
  position: absolute;
  left: 2.77778%;
  top: 38px;
  width: 16.52778vw;
  height: 4.23611vw;
  background: url(/spcontent/tomobataraki/images/logo_tomobataraki01.png) 0 100% no-repeat;
  background-size: contain;
}

.l-header__tomobataraki::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 72%;
  height: 100%;
  background: url(/common/images/logo_gp_header02.png) 0 0 no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-header__tomobataraki {
    left: 35px;
    top: 33.25px;
    width: 208.25px;
    height: 53.375px;
  }
}

@media (max-width: 767px) {
  .l-header__tomobataraki {
    left: 6.66667vw;
    top: 2.93333vw;
    width: 34.53333vw;
    height: auto;
    padding-top: 8vw;
  }
}

.l-header__tomobataraki a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.l-header__nav {
  position: absolute;
  top: 55px;
  left: 24.79167%;
  margin: 0 -2%;
}

@media (max-width: 767px) {
  .l-header__nav {
    display: none;
    top: 2.66667vw;
  }
}

.l-header__nav li {
  position: relative;
  float: left;
  padding-right: 1.38889vw;
  padding-left: 1.38889vw;
  text-align: center;
}

@media (max-width: 1260px) {
  .l-header__nav li {
    padding: 0 18px;
  }
}

.l-header__nav li a {
  position: relative;
  display: block;
  color: #333;
  font-size: 1.11111vw;
  font-weight: bold;
  text-decoration: none;
}

@media (max-width: 1260px) {
  .l-header__nav li a {
    font-size: 12px;
  }
}

body.pc .l-header__nav li a:hover::before {
  display: block;
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

.l-header__nav li a span {
  display: block;
  font-family: 'js';
  font-size: 0.69444vw;
  color: #8190a7;
  letter-spacing: 0.5px;
}

@media (max-width: 1360px) {
  body.chrome.pc .l-header__nav li a span {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
}

@media (max-width: 1260px) {
  .l-header__nav li a span {
    font-size: 8px;
  }
}

.l-header__nav li:nth-child(1).js-active::before {
  display: block;
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: -3.40278vw;
  left: -2.77778vw;
  width: 27.5vw;
  height: 9.79167vw;
  background-image: url(/spcontent/tomobataraki/images/bg_navshadow01.png);
}

@media (max-width: 1260px) {
  .l-header__nav li:nth-child(1).js-active::before {
    top: -40px;
    left: -32px;
    width: 243px;
    height: 116px;
  }
}

body.pc .l-header__nav li:nth-child(2) a:hover::before {
  top: -3.40278vw;
  left: -4.44444vw;
  width: 19.09722vw;
  height: 9.79167vw;
  background-image: url(/spcontent/tomobataraki/images/bg_navshadow05.png);
}

@media (max-width: 1260px) {
  body.pc .l-header__nav li:nth-child(2) a:hover::before {
    top: -40px;
    left: -46px;
    width: 240px;
    height: 116px;
  }
}

body.pc .l-header__nav li:nth-child(3) a:hover::before {
  top: -3.40278vw;
  left: -3.88889vw;
  width: 17.29167vw;
  height: 9.79167vw;
  background-image: url(/spcontent/tomobataraki/images/bg_navshadow03.png);
}

@media (max-width: 1260px) {
  body.pc .l-header__nav li:nth-child(3) a:hover::before {
    top: -40px;
    left: -40px;
    width: 217px;
    height: 116px;
  }
}

body.pc .l-header__nav li:nth-child(4) a:hover::before {
  top: -3.40278vw;
  left: -4.16667vw;
  width: 20.55556vw;
  height: 9.79167vw;
  background-image: url(/spcontent/tomobataraki/images/bg_navshadow04.png);
}

@media (max-width: 1260px) {
  body.pc .l-header__nav li:nth-child(4) a:hover::before {
    top: -40px;
    left: -56px;
    width: 243px;
    height: 116px;
  }
}

body.pc .l-header__nav li:nth-child(5) a:hover::before {
  top: -3.40278vw;
  left: -3.88889vw;
  width: 19.09722vw;
  height: 9.79167vw;
  background-image: url(/spcontent/tomobataraki/images/bg_navshadow05.png);
}

@media (max-width: 1260px) {
  body.pc .l-header__nav li:nth-child(5) a:hover::before {
    top: -40px;
    left: -38px;
    width: 240px;
    height: 116px;
  }
}

body.pc .l-header__nav li:nth-child(6) a:hover::before {
  top: -3.40278vw;
  left: -3.88889vw;
  width: 23.81944vw;
  height: 9.79167vw;
  background-image: url(/spcontent/tomobataraki/images/bg_navshadow06.png);
}

@media (max-width: 1260px) {
  body.pc .l-header__nav li:nth-child(6) a:hover::before {
    top: -40px;
    left: -47px;
    width: 300px;
    height: 116px;
  }
}

.l-header__catalog {
  position: absolute;
  top: 50px;
  right: 2.77778vw;
  width: 13.88889vw;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
}

@media (max-width: 1260px) {
  .l-header__catalog {
    width: 175px;
    height: 44px;
  }
}

@media (max-width: 767px) {
  .l-header__catalog {
    top: 2.66667vw;
    left: 48vw;
    width: 30.93333vw;
    height: 8vw;
    max-width: auto;
  }
}

.l-header__catalog::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16.66667vw;
  height: 6.80556vw;
  background-repeat: no-repeat;
  background-image: url("/spcontent/tomobataraki/images/bg_btnshadow01.png");
  background-size: contain;
}

@media (max-width: 767px) {
  .l-header__catalog::before {
    left: 0;
    top: 0;
    width: 45.73333vw;
    height: 16vw;
    max-width: auto;
    background-image: url("/spcontent/tomobataraki/images/bg_btnshadow01_sp.png");
    background-repeat: no-repeat;
  }
}

.l-header__catalog > a {
  position: relative;
  width: 13.88889vw;
  height: 3.47222vw;
  box-sizing: border-box;
}

@media (max-width: 1260px) {
  .l-header__catalog > a {
    width: 175px;
    height: 44px;
  }
}

@media (max-width: 767px) {
  .l-header__catalog > a {
    width: 30.93333vw;
    height: 8vw;
  }
}

.l-header__menuBtn {
  display: none;
}

@media (max-width: 767px) {
  .l-header__menuBtn {
    display: block;
    position: absolute;
    top: 4.8vw;
    right: 6.66667vw;
    width: 6.13333vw;
    padding-top: 4.26667vw;
    background: url("/spcontent/tomobataraki/images/icon_menu01_sp.svg") no-repeat;
    background-size: contain;
  }
}

.l-header__menuBtn.js-active {
  background: url("/spcontent/tomobataraki/images/icon_menu02_sp.svg") 50% 0 no-repeat;
  background-size: contain;
}

.l-header__drop {
  position: relative;
}

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

.l-header__drop__in {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  visibility: hidden;
}

.l-header__drop__in2 {
  position: relative;
  opacity: 0;
  -webkit-transform: translate3d(0, -25px, 0);
          transform: translate3d(0, -25px, 0);
  -webkit-transition: opacity 250ms 250ms ease-out, -webkit-transform 250ms 250ms ease-out;
  transition: opacity 250ms 250ms ease-out, -webkit-transform 250ms 250ms ease-out;
  transition: opacity 250ms 250ms ease-out, transform 250ms 250ms ease-out;
  transition: opacity 250ms 250ms ease-out, transform 250ms 250ms ease-out, -webkit-transform 250ms 250ms ease-out;
}

.l-header__drop.js-active .l-header__drop__in2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.l-header__drop__set--1 .l-hmenu__linkset > div:nth-child(1) > a {
  background-image: url(/spcontent/tomobataraki/images/pic_menu_point01.jpg);
}

.l-header__drop__set--1 .l-hmenu__linkset > div:nth-child(2) > a {
  background-image: url(/spcontent/tomobataraki/images/pic_menu_point02.jpg);
}

.l-header__drop__set--1 .l-hmenu__linkset > div:nth-child(3) > a {
  background-image: url(/spcontent/tomobataraki/images/pic_menu_point03.jpg);
}

.l-header__drop__set--1 .l-hmenu__linkset > div:nth-child(4) > a {
  background-image: url(/spcontent/tomobataraki/images/pic_menu_point04.jpg);
}

.l-header__drop__set--1 .l-hmenu__linkset > div:nth-child(5) > a {
  background-image: url(/spcontent/tomobataraki/images/pic_menu_point05.jpg);
}

.l-header__drop__set--2 .l-hmenu__linkset {
  width: 35.41667vw;
  margin: 0 auto;
}

@media (max-width: 1260px) {
  .l-header__drop__set--2 .l-hmenu__linkset {
    width: 446.25px;
  }
}

.l-header__drop__set--2 .l-hmenu__linkset > div:nth-child(1) > a {
  background-image: url(/spcontent/tomobataraki/images/pic_menu_plan01.jpg);
}

.l-header__drop__set--2 .l-hmenu__linkset > div:nth-child(2) > a {
  background-image: url(/spcontent/tomobataraki/images/pic_menu_plan02.jpg);
}

.l-header__drop__set--4 .l-hmenu__linkset {
  width: 54.16667vw;
  margin: 0 auto;
}

@media (max-width: 1260px) {
  .l-header__drop__set--4 .l-hmenu__linkset {
    width: 682.5px;
  }
}

.l-header__drop__set--4 .l-hmenu__linkset > div:nth-child(1) > a {
  background-image: url(/spcontent/tomobataraki/images/pic_menu_money01.jpg);
}

.l-header__drop__set--4 .l-hmenu__linkset > div:nth-child(2) > a {
  background-image: url(/spcontent/tomobataraki/images/pic_menu_money02.jpg);
}

.l-header__drop__set--4 .l-hmenu__linkset > div:nth-child(3) > a {
  background-image: url(/spcontent/tomobataraki/images/pic_menu_money03.jpg);
}

.l-header .l-hmenu {
  height: 42.36111vw;
  background-color: #fff;
}

@media (max-width: 1260px) {
  .l-header .l-hmenu {
    height: 533px;
  }
}

.l-header .l-hmenu__in {
  margin: 0 2.77778vw;
  padding: 4.86111vw 1.38889vw 0;
  border-top: 0.41667vw solid #f2d3cc;
}

@media (max-width: 1260px) {
  .l-header .l-hmenu__in {
    margin: 0 35px;
    padding: 61px 25px 0;
  }
}

.l-header .l-hmenu h2 {
  width: 24.58333vw;
  height: 1.59722vw;
  margin: 1.04167vw auto 0;
}

@media (max-width: 1260px) {
  .l-header .l-hmenu h2 {
    width: 309px;
    height: 20px;
    margin: 13px auto 0;
  }
}

.l-header .l-hmenu__sub {
  position: relative;
  width: 9.02778vw;
  margin: 0 auto;
  padding: 0 1.38889vw;
  font-size: 1.11111vw;
  font-family: 'js';
  font-weight: 500;
  letter-spacing: 0.10417vw;
  text-align: center;
}

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

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

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

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

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

.l-header .l-hmenu__linkset {
  margin-top: 4.16667vw;
}

@media (max-width: 1260px) {
  .l-header .l-hmenu__linkset {
    margin-top: 52px;
  }
}

.l-header .l-hmenu__linkset__onbox {
  position: absolute;
  left: 0.41667vw;
  top: 0.41667vw;
  width: 15.83333vw;
  height: 15.83333vw;
  background-color: rgba(255, 255, 255, 0.65);
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  text-align: center;
}

@media (max-width: 1260px) {
  .l-header .l-hmenu__linkset__onbox {
    left: 5px;
    top: 5px;
    width: 199px;
    height: 199px;
  }
}

.l-header .l-hmenu__linkset__num {
  position: absolute;
  top: 4.86111vw;
  width: 100%;
  font-family: 'fm';
  font-size: 3.61111vw;
  font-weight: 100;
  line-height: 1;
  color: #101010;
  text-align: center;
}

@media (max-width: 1260px) {
  .l-header .l-hmenu__linkset__num {
    top: 61px;
    font-size: 45px;
  }
}

.l-header .l-hmenu__linkset__txt {
  display: inline-block;
  position: relative;
  padding-top: 9.02778vw;
  font-family: 'js';
  font-size: 1.11111vw;
  font-weight: 500;
  color: #101010;
  text-align: center;
}

@media (max-width: 1260px) {
  .l-header .l-hmenu__linkset__txt {
    padding-top: 113px;
    font-size: 14px;
  }
}

.l-header .l-hmenu__linkset__txt::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(/spcontent/tomobataraki/images/bg_line01.gif) repeat-x;
  background-size: contain;
}

.l-header .l-hmenu__linkset > div {
  float: left;
  width: 16.66667vw;
  margin-left: 1.73611vw;
}

@media (max-width: 1260px) {
  .l-header .l-hmenu__linkset > div {
    width: 210px;
    margin-left: 22px;
  }
}

.l-header .l-hmenu__linkset > div:first-child {
  margin-left: 0;
}

.l-header .l-hmenu__linkset > div > a {
  display: block;
  position: relative;
  width: 16.66667vw;
  height: 16.66667vw;
  background: no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-header .l-hmenu__linkset > div > a {
    width: 210px;
    height: 210px;
  }
}

body.pc .l-header .l-hmenu__linkset > div > a:hover .l-hmenu__linkset__onbox {
  opacity: 1;
}

.l-header .l-hmenu__linkset h3 {
  position: relative;
  min-height: 3.05556vw;
  margin-top: 2.08333vw;
  padding-left: 1.38889vw;
  font-size: 1.04167vw;
  font-weight: bold;
}

@media (max-width: 1260px) {
  .l-header .l-hmenu__linkset h3 {
    min-height: 38px;
    margin-top: 25px;
    padding-left: 17px;
    font-size: 13px;
  }
}

body.android .l-header .l-hmenu__linkset h3 {
  font-weight: 500;
}

.l-header .l-hmenu__linkset h3::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #101010;
}

.l-header__menu {
  display: none;
}

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

.l-header__menu__in {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 530;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  padding-top: 18.66667vw;
  background: #fff;
}

.l-header__menu__in2 {
  position: relative;
  height: 100%;
  opacity: 0;
  overflow: auto;
  -webkit-transform: translate3d(0, -25px, 0);
          transform: translate3d(0, -25px, 0);
  -webkit-transition: opacity 250ms 250ms ease-out, -webkit-transform 250ms 250ms ease-out;
  transition: opacity 250ms 250ms ease-out, -webkit-transform 250ms 250ms ease-out;
  transition: opacity 250ms 250ms ease-out, transform 250ms 250ms ease-out;
  transition: opacity 250ms 250ms ease-out, transform 250ms 250ms ease-out, -webkit-transform 250ms 250ms ease-out;
}

.l-header__menu.js-active .l-header__menu__in2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-overflow-scrolling: touch;
}

.l-header__menu__body {
  padding: 4.66667vw 6.66667vw 13.33333vw;
}

.l-header__menu__body dl {
  margin-top: 5.33333vw;
}

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

.l-header__menu__body dl > dt {
  position: relative;
  padding: 0 0 1.33333vw 8vw;
  font-size: 3.2vw;
  font-weight: bold;
}

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

.l-header__menu__body dl > dt::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0.26667vw;
  width: 4vw;
  height: 4vw;
  border-radius: 2vw;
}

.l-header__menu__body dl > dd {
  padding: 0.66667vw 0 0.66667vw 8vw;
  font-size: 3.2vw;
}

.l-header__menu__body dl > dd.cs {
  margin-top: -10px;
  padding-top: 0;
}

.l-header__menu__body dl:nth-child(1) dt::before {
  background-color: #fbdcd6;
}

.l-header__menu__body dl:nth-child(2) dt::before {
  background-color: #d3e6e4;
}

.l-header__menu__body dl:nth-child(3) dt::before {
  background-color: #c0c7d3;
}

.l-header__menu__body dl:nth-child(4) dt::before {
  background-color: #fbe3cb;
}

.l-header__menu__body dl:nth-child(5) dt::before {
  background-color: #cfd1e0;
}

.l-header__menu__body dl:nth-child(6) dt::before {
  background-color: #dfedf9;
}

.l-header__menu__body dl a {
  color: #333333;
  text-decoration: none;
}

.l-header__menu__home {
  text-align: right;
}

.l-header__menu__home > a {
  display: inline-block;
  position: relative;
  padding-left: 2vw;
  font-family: 'js';
  font-size: 2.8vw;
  font-weight: 500;
  color: #010110;
  text-decoration: none;
}

.l-header__menu__home > a::before {
  display: block;
  content: '';
  position: absolute;
  left: -4vw;
  top: 50%;
  width: 4vw;
  height: 0.26667vw;
  margin-top: -0.26667vw;
  background-color: #010110;
}

.l-header__menu__kh {
  width: 44vw;
  margin: 5.33333vw auto 0;
}

.l-header__menu__kh a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10vw;
  box-sizing: border-box;
  border: 1px solid #101010;
  background: #fff;
  overflow: hidden;
  color: #101010;
  font-size: 3.2vw;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

.l-wrapper {
  min-width: 1265px;
  overflow: hidden;
}

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

.money {
  margin: 0 2.77778%;
  padding: 0 5.55556% 5.55556%;
  background: #fbe3cb url(/spcontent/tomobataraki/images/bg_money01.png);
  background-size: 42.15278vw 44.30556vw;
}

@media (max-width: 1260px) {
  .money {
    background-size: 531.125px 558.25px;
  }
}

@media (max-width: 767px) {
  .money {
    margin: 0;
    padding: 0 8.66667% 12%;
    background-size: 80.93333vw 85.06667vw;
  }
}

.money__head {
  height: 19.09722vw;
  box-sizing: border-box;
  padding-top: 7.5%;
}

@media (max-width: 1260px) {
  .money__head {
    height: 240.625px;
  }
}

@media (max-width: 767px) {
  .money__head {
    height: auto;
    padding: 14.51613% 0;
  }
}

.money__head__sub {
  margin-bottom: 2.08333%;
  font-size: 1.11111vw;
  font-weight: bold;
  line-height: 1.4;
}

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

@media (max-width: 767px) {
  .money__head__sub {
    margin-bottom: 5.64516%;
    font-size: 3.2vw;
  }
}

@media (max-width: 767px) {
  .money__head__title > img:first-child, .money__head__title--1 > img:first-child, .money__head__title--2 > img:first-child, .money__head__title--3 > img:first-child {
    display: none;
  }
}

@media (min-width: 768px) {
  .money__head__title > img:last-child, .money__head__title--1 > img:last-child, .money__head__title--2 > img:last-child, .money__head__title--3 > img:last-child {
    display: none;
  }
}

@media (min-width: 768px) {
  .money__head__title--1 > img:first-child {
    width: 27.5%;
  }
}

@media (max-width: 767px) {
  .money__head__title--1 > img:last-child {
    width: 78.22581%;
  }
}

@media (min-width: 768px) {
  .money__head__title--2 > img:first-child {
    width: 29.75%;
  }
}

@media (max-width: 767px) {
  .money__head__title--2 > img:last-child {
    width: 53.06452%;
  }
}

@media (min-width: 768px) {
  .money__head__title--3 > img:first-child {
    width: 33%;
  }
}

@media (max-width: 767px) {
  .money__head__title--3 > img:last-child {
    width: 94.19355%;
  }
}

.money__body {
  padding: 0.66667%;
  background: #fff;
}

@media (max-width: 767px) {
  .money__body {
    padding: 1.29032%;
  }
}

.money__body__in {
  padding: 7.60135% 4.98311%;
  border: 1px solid #000;
}

@media (max-width: 767px) {
  .money__body__in {
    padding: 14.90066% 7.45033%;
  }
}

.money__title {
  position: relative;
  margin-bottom: 4.69925%;
  padding: 1.50376% 0;
  border: 2px solid #e5e5e5;
  border-radius: 2.5vw;
}

@media (max-width: 1260px) {
  .money__title {
    border-radius: 31.5px;
  }
}

@media (max-width: 767px) {
  .money__title {
    margin-bottom: 11.76471%;
    padding: 4.90196% 0;
    border: 1px solid #e5e5e5;
    border-radius: 2.66667vw;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .money__title__mark, .money__title__mark--circle, .money__title__mark--x {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 35.29412%;
    margin: -17.64706% 0 0 -17.64706%;
    padding-top: 35.29412%;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media (max-width: 767px) {
  .money__title__mark--circle {
    background-image: url(/spcontent/tomobataraki/images/pic_circle01_sp.png);
  }
}

@media (max-width: 767px) {
  .money__title__mark--x {
    background-image: url(/spcontent/tomobataraki/images/pic_x01_sp.png);
  }
}

.money__title__main {
  position: relative;
  font-size: 2.08333vw;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}

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

@media (max-width: 767px) {
  .money__title__main {
    font-size: 5.6vw;
    line-height: 1.3;
  }
}

.money__title__label, .money__title__label--good, .money__title__label--bad {
  display: inline-block;
  position: relative;
  margin-right: 1.41509%;
}

@media (max-width: 767px) {
  .money__title__label, .money__title__label--good, .money__title__label--bad {
    display: block;
    margin: 0 auto;
  }
}

.money__title__label::before, .money__title__label--good::before, .money__title__label--bad::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .money__title__label::before, .money__title__label--good::before, .money__title__label--bad::before {
    position: static;
  }
}

.money__title__label--good {
  width: 7.92453%;
}

@media (max-width: 767px) {
  .money__title__label--good {
    width: 18.18182%;
  }
}

.money__title__label--good::before {
  margin-top: -45.2381%;
  padding-top: 69.04762%;
  background-image: url(/spcontent/tomobataraki/images/txt_good01.png);
}

@media (max-width: 767px) {
  .money__title__label--good::before {
    margin-top: 0;
    padding-top: 69.56522%;
  }
}

.money__title__label--bad {
  width: 6.98113%;
}

@media (max-width: 767px) {
  .money__title__label--bad {
    width: 16.00791%;
  }
}

.money__title__label--bad::before {
  margin-top: -51.35135%;
  padding-top: 78.37838%;
  background-image: url(/spcontent/tomobataraki/images/txt_bad01.png);
}

@media (max-width: 767px) {
  .money__title__label--bad::before {
    margin-top: 0;
    padding-top: 68.47826%;
  }
}

.money__section {
  margin-top: 7.5188%;
}

@media (max-width: 767px) {
  .money__section {
    margin-top: 13.33333%;
  }
}

.money__narrow {
  padding: 0 4.69925%;
}

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

.money__note {
  margin-top: 1.8797%;
  text-align: right;
}

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

.planModal__overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5000;
  width: 100%;
  height: 100%;
}

.planModal__overlay::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.planModal__in {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5020;
  width: 100%;
  height: 100vh;
}

@media (max-width: 1260px) {
  .planModal__in {
    width: 1102.5px;
  }
}

.planModal__in2 {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.planModal__mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
}

.planModal__in3 {
  display: table-cell;
  padding: 3.47222vw 0;
  vertical-align: middle;
}

@media (max-width: 1260px) {
  .planModal__in3 {
    padding: 4.375px 0;
  }
}

.planModal__in4 {
  position: relative;
  background: #fff;
}

.planModal__close {
  position: absolute;
  right: 8.33333vw;
  top: 0.69444vw;
  z-index: 5050;
  width: 2.84722vw;
  height: 2.84722vw;
  background: url(/spcontent/tomobataraki/images/icon_close01.svg) no-repeat;
  background-size: contain;
  cursor: pointer;
}

@media (max-width: 1260px) {
  .planModal__close {
    right: 0;
    top: 8.75px;
    width: 35.875px;
    height: 35.875px;
  }
}

.planModal__scroll {
  position: relative;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}

.l-present {
	clear: both;
  margin: 2.77778vw 2.77778vw 0;
  padding: 5.55556vw;
  background-color: #c8dbd9;
}

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

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

.l-present h2 {
  font-family: 'js';
  font-size: 2.91667vw;
  font-weight: 500;
  color: #fff;
  letter-spacing: 10px;
}

@media (max-width: 1260px) {
  .l-present h2 {
    font-size: 37px;
  }
}

@media (max-width: 767px) {
  .l-present h2 {
    font-size: 8vw;
    letter-spacing: 5px;
  }
}

.l-present h3 {
  width: 44.30556vw;
  height: 1.59722vw;
  margin-top: 1.04167vw;
}

@media (max-width: 1260px) {
  .l-present h3 {
    width: 558px;
    height: 20px;
    margin-top: 13px;
  }
}

@media (max-width: 767px) {
  .l-present h3 {
    width: 70.8vw;
    height: 11.73333vw;
    margin-top: 4vw;
  }
}

.l-present__col2 {
  display: table;
  position: relative;
  width: 100%;
  margin-top: 3.47222vw;
}

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

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

.l-present__col2::before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: 17.01389vw;
  width: 2.56944vw;
  height: 2.56944vw;
  margin-left: -1.25vw;
  background: url(/spcontent/tomobataraki/images/index/icon_plus01.svg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-present__col2::before {
    top: 214px;
    width: 32px;
    height: 32px;
    margin-left: -16px;
  }
}

@media (max-width: 767px) {
  .l-present__col2::before {
    display: block;
    top: 85.33333vw;
    width: 7.2vw;
    height: 7.2vw;
    margin-left: -3.6vw;
  }
}

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

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

.l-present__col2__title {
  position: relative;
  padding-bottom: 1.38889vw;
  border-bottom: 0.13889vw solid #fff;
  font-size: 1.11111vw;
  font-weight: bold;
}

@media (max-width: 1260px) {
  .l-present__col2__title {
    padding-bottom: 17px;
    border-bottom: 2px solid #fff;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__title {
    padding-bottom: 4vw;
    border-bottom: 0.26667vw solid #fff;
    font-size: 3.6vw;
  }
}

body.android .l-present__col2__title {
  font-weight: 300;
}

.l-present__col2__title__logo {
  position: absolute;
  right: 0;
  top: 1.11111vw;
  width: 7.4603174603174605vw;
  height: 2.0634920634920633vw;
  line-height: 1;
}

@media (max-width: 1260px) {
  .l-present__col2__title__logo {
    top: 14px;
    width: 94px;
    height: 26px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__title__logo {
    top: 24vw;
    right: 0vw;
    width: 14.399999999999999vw;
    height: 4vw;
    z-index: 10;
  }
}

.l-present__col2__txt {
  position: absolute;
}

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

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

@media (max-width: 767px) {
  .l-present__col2__txt dt {
    font-size: 3.46667vw;
  }
}

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

.l-present__col2__txt dd {
  font-size: 0.97222vw;
}

@media (max-width: 1260px) {
  .l-present__col2__txt dd {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__txt dd {
    font-size: 3.06667vw;
    letter-spacing: -.2px;
  }
}

body.android .l-present__col2__txt dd {
  font-weight: 300;
}

.l-present__col2__body {
  position: relative;
  margin-top: 3.05556vw;
  height: 23.61111vw;
}

@media (max-width: 1260px) {
  .l-present__col2__body {
    margin-top: 38px;
    height: 297px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__body {
    margin-top: 9.86667vw;
    height: 74vw;
  }
}

.l-present__col2__num {
  position: absolute;
  top: -0.69444vw;
  width: 2.63889vw;
  height: 2.98611vw;
  padding: 0.48611vw;
  background: url(/spcontent/tomobataraki/images/index/icon_label01.svg) no-repeat;
  background-size: contain;
  font-family: 'fm';
  font-size: 1.38889vw;
  font-weight: 500;
  text-align: center;
  color: #c8dbd9;
  box-sizing: border-box;
}

@media (max-width: 1260px) {
  .l-present__col2__num {
    top: -9px;
    width: 33px;
    height: 37px;
    padding: 7px;
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__num {
    top: -3.2vw;
    width: 7.73333vw;
    height: 8.66667vw;
    padding: 1.6vw;
    font-size: 4vw;
  }
}

.l-present__col2__guide {
  width: 37.5vw;
  margin-right: 4.16667vw;
}

@media (max-width: 1260px) {
  .l-present__col2__guide {
    width: 472px;
    margin-right: 52px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__guide {
    width: auto;
    margin-right: 0;
  }
}

.l-present__col2__guide .l-present__col2__pic {
  width: 37.56944vw;
  height: 24.58333vw;
  background: url(/spcontent/tomobataraki/images/index/pic_present01.jpg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-present__col2__guide .l-present__col2__pic {
    width: 473px;
    height: 310px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__guide .l-present__col2__pic {
    width: 73.86667vw;
    height: 47.2vw;
    margin-left: 6vw;
    margin-right: 0;
    background-image: url(/spcontent/tomobataraki/images/index/pic_present01_sp.jpg);
  }
}

.l-present__col2__guide .l-present__col2__txt {
  left: 18.88889vw;
  top: 14.58333vw;
}

@media (max-width: 1260px) {
  .l-present__col2__guide .l-present__col2__txt {
    left: 238px;
    top: 184px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__guide .l-present__col2__txt {
    left: 0;
    top: 42.66667vw;
  }
}

.l-present__col2__case {
  width: 37.5vw;
  margin-left: 4.16667vw;
}

@media (max-width: 1260px) {
  .l-present__col2__case {
    width: 472px;
    margin-left: 52px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__case {
    width: auto;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .l-present__col2__case .l-present__col2__body {
    height: 77.73333vw;
  }
}

.l-present__col2__case .l-present__col2__body__set--1 .l-present__col2__pic {
  position: absolute;
  left: 4.79167vw;
  width: 14.16667vw;
  height: 18.05556vw;
  background: url(/spcontent/tomobataraki/images/index/pic_present02.jpg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-present__col2__case .l-present__col2__body__set--1 .l-present__col2__pic {
    left: 60px;
    width: 178px;
    height: 227px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__case .l-present__col2__body__set--1 .l-present__col2__pic {
    left: 4.8vw;
    width: 36.13333vw;
    height: 47.33333vw;
    background-image: url(/spcontent/tomobataraki/images/index/pic_present02_sp.jpg);
  }
}

.l-present__col2__case .l-present__col2__body__set--1 .l-present__col2__txt {
  left: 2.43056vw;
  top: 14.58333vw;
}

@media (max-width: 1260px) {
  .l-present__col2__case .l-present__col2__body__set--1 .l-present__col2__txt {
    left: 30px;
    top: 184px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__case .l-present__col2__body__set--1 .l-present__col2__txt {
    left: 0.66667vw;
    top: 41.6vw;
  }
}

@media (max-width: 767px) {
  .l-present__col2__case .l-present__col2__body__set--1 .l-present__col2__txt dd {
    margin-top: 5.86667vw;
  }
}

.l-present__col2__case .l-present__col2__body__set--1 .l-present__col2__num {
  left: 1.04167vw;
}

@media (max-width: 1260px) {
  .l-present__col2__case .l-present__col2__body__set--1 .l-present__col2__num {
    left: 13px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__case .l-present__col2__body__set--1 .l-present__col2__num {
    left: 0;
  }
}

.l-present__col2__case .l-present__col2__body__set--2 .l-present__col2__pic {
  position: absolute;
  left: 23.54167vw;
  width: 14.16667vw;
  height: 18.05556vw;
  background: url(/spcontent/tomobataraki/images/index/pic_present03.jpg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-present__col2__case .l-present__col2__body__set--2 .l-present__col2__pic {
    left: 296px;
    width: 178px;
    height: 227px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__case .l-present__col2__body__set--2 .l-present__col2__pic {
    left: 48vw;
    width: 36.13333vw;
    height: 47.33333vw;
    background-image: url(/spcontent/tomobataraki/images/index/pic_present03_sp.jpg);
  }
}

.l-present__col2__case .l-present__col2__body__set--2 .l-present__col2__txt {
  left: 21.38889vw;
  top: 14.58333vw;
}

@media (max-width: 1260px) {
  .l-present__col2__case .l-present__col2__body__set--2 .l-present__col2__txt {
    left: 269.5px;
    top: 184px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__case .l-present__col2__body__set--2 .l-present__col2__txt {
    left: 46.66667vw;
    top: 41.6vw;
  }
}

.l-present__col2__case .l-present__col2__body__set--2 .l-present__col2__num {
  left: 20vw;
}

@media (max-width: 1260px) {
  .l-present__col2__case .l-present__col2__body__set--2 .l-present__col2__num {
    left: 252px;
  }
}

@media (max-width: 767px) {
  .l-present__col2__case .l-present__col2__body__set--2 .l-present__col2__num {
    left: 44.53333vw;
  }
}

.l-present__btn {
  position: relative;
  width: 30.55556vw;
  height: 6.94444vw;
  margin: 0 auto;
}

@media (max-width: 1260px) {
  .l-present__btn {
    width: 385px;
    height: 87px;
  }
}

@media (max-width: 767px) {
  .l-present__btn {
    width: 82.66667vw;
    height: 18.66667vw;
  }
}

.l-present__btn::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 43.75vw;
  height: 13.88889vw;
  background: url(/spcontent/tomobataraki/images/bg_btnshadow03.png);
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-present__btn::before {
    width: 551px;
    height: 175px;
  }
}

@media (max-width: 767px) {
  .l-present__btn::before {
    width: 91.33333vw;
    height: 37.6vw;
    background-image: url(/spcontent/tomobataraki/images/bg_btnshadow03_sp.png);
  }
}

.l-present__btn .btnTrans {
  width: 30.55556vw;
  height: 6.94444vw;
}

@media (max-width: 1260px) {
  .l-present__btn .btnTrans {
    width: 385px;
    height: 87px;
  }
}

@media (max-width: 767px) {
  .l-present__btn .btnTrans {
    width: auto;
    height: auto;
  }
}

/* footer */
.footer {
  padding: 75px 0;
  font-family: 'ns';
  font-weight: 200;
}

@media (max-width: 767px) {
  .footer {
	font-size:140%;
    padding: 2rem 0;
  }
}

.footer__logo {
  line-height: 1.1;
  text-align: center;
}

.footer__logo > a {
  display: block;
  width: 258px;
  margin: 0 auto;
  background: url(/common/images/logo_gp_footer03.png) 50% 50% no-repeat;
  background-size: contain;
  text-indent: -1000px;
  overflow: hidden;
  -webkit-transition: opacity 250ms ease 0ms;
  transition: opacity 250ms ease 0ms;
}

.footer__logo > a::before {
  content: '';
  display: block;
  padding-top: 19.3798%;
}

@media (min-width: 768px) {
  .footer__logo > a:hover {
    opacity: .5;
  }
}

@media (max-width: 767px) {
  .footer__logo > a {
    width: 11.725rem;
  }
}

.footer__nav {
  margin-top: 50px;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 767px) {
  .footer__nav {
    margin-top: 1.25rem;
  }
}

.footer__nav__window {
  display: inline-block;
  position: relative;
  width: 9px;
  height: 7px;
  margin-left: 10px;
  background: #000;
  vertical-align: 3px;
}

@media (max-width: 767px) {
  .footer__nav__window {
    width: .57rem;
    height: .45rem;
    margin-left: .45rem;
  }
}

.footer__nav__window::before {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 100%;
  height: 100%;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

.footer__nav > li {
  display: inline-block;
}

@media (max-width: 767px) {
  .footer__nav > li {
    display: block;
  }
}

.footer__nav > li + li {
  margin-left: 50px;
}

@media (max-width: 767px) {
  .footer__nav > li + li {
    margin-left: .6rem;
  }
}

.footer__nav > li > a {
  display: inline-block;
  position: relative;
  color: #000;
  font-size: 15px;
  -webkit-transition: opacity 250ms ease 0ms;
  transition: opacity 250ms ease 0ms;
	text-decoration: none;
}

@media (max-width: 767px) {
  .footer__nav > li > a {
    font-size: .9rem;
	 text-decoration: none;
  }
}

@media (min-width: 768px) {
  .footer__nav > li > a:hover {
    opacity: .5;
  }
}

.footer__copyright {
  margin-top: 50px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 767px) {
  .footer__copyright {
    margin-top: 1.25rem;
    font-size: .9rem;
  }
}

.l-globalHeader,
.l-globalMega,
.l-globalHamburger {
  display: none !important;
}