.clearfix::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 {
  position: relative;
  box-sizing: border-box;
  height: 26.38889vw;
  margin: 0 2.77778vw;
  padding: 6.25vw 5.55556vw 0;
  background-color: #dfedf9;
}

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

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

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

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

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

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

.l-keyvisual h1 {
  width: 31.94444vw;
  height: 2.15278vw;
  margin-top: 1.04167vw;
}

@media (max-width: 1260px) {
  .l-keyvisual h1 {
    width: 402.5px;
    height: 27.125px;
    margin-top: 13.125px;
  }
}

@media (max-width: 767px) {
  .l-keyvisual h1 {
    width: 48.93333vw;
    height: 14.26667vw;
    margin-top: 4vw;
  }
}

.l-first {
  position: relative;
  height: 29.86111vw;
  margin: 0 8.33333vw;
  background: url(/spcontent/tomobataraki/images/michinori/bg_line01.gif) 0 100% repeat-x;
}

@media (max-width: 1260px) {
  .l-first {
    height: 376.25px;
    margin: 0 105px;
  }
}

@media (max-width: 767px) {
  .l-first {
    height: 70.66667vw;
    margin: 0 8.66667vw;
  }
}

.l-first::before {
  position: absolute;
  top: 25.69444vw;
  right: 19.79167vw;
  display: block;
  width: 61.25vw;
  height: 58.47222vw;
  content: '';
  background: url(/spcontent/tomobataraki/images/michinori/bg_chain01.svg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-first::before {
    top: 323.75px;
    right: 249.375px;
    width: 771.75px;
    height: 736.75px;
  }
}

@media (max-width: 767px) {
  .l-first::before {
    top: 10.66667vw;
    right: 10.66667vw;
    width: 66.26667vw;
    height: 151.73333vw;
    background-image: url(/spcontent/tomobataraki/images/michinori/bg_chain01_sp.svg);
  }
}

.l-first__txt {
  width: 27.77778vw;
  padding-top: 9.72222vw;
}

@media (max-width: 1260px) {
  .l-first__txt {
    width: 350px;
    padding-top: 122.5px;
  }
}

@media (max-width: 767px) {
  .l-first__txt {
    width: auto;
    padding-top: 32vw;
  }
}

.l-first__pic {
  position: absolute;
  top: -7.63889vw;
  right: -8.33333vw;
  width: 50vw;
  height: 33.33333vw;
}

@media (max-width: 1260px) {
  .l-first__pic {
    top: -96.25px;
    right: -105px;
    width: 630px;
    height: 420px;
  }
}

@media (max-width: 767px) {
  .l-first__pic {
    top: -38.66667vw;
    right: -8.66667vw;
    width: 91.33333vw;
    height: 61.06667vw;
  }
}

.l-first__pic::before {
  position: absolute;
  top: -1.38889vw;
  left: -1.38889vw;
  display: block;
  width: 48.61111vw;
  height: 1.38889vw;
  content: '';
  background-color: #aed3f0;
}

@media (max-width: 1260px) {
  .l-first__pic::before {
    top: -17.5px;
    left: -17.5px;
    width: 612.5px;
    height: 17.5px;
  }
}

@media (max-width: 767px) {
  .l-first__pic::before {
    top: -2.66667vw;
    left: -2.66667vw;
    width: 91.33333vw;
    height: 2.66667vw;
  }
}

.l-first__pic::after {
  position: absolute;
  top: -1.38889vw;
  left: -1.38889vw;
  display: block;
  width: 1.38889vw;
  height: 27.08333vw;
  content: '';
  background-color: #aed3f0;
}

@media (max-width: 1260px) {
  .l-first__pic::after {
    top: -17.5px;
    left: -17.5px;
    width: 17.5px;
    height: 341.25px;
  }
}

@media (max-width: 767px) {
  .l-first__pic::after {
    top: -2.66667vw;
    left: -2.66667vw;
    width: 2.66667vw;
    height: 52vw;
  }
}

.l-history, .l-history--1, .l-history--2, .l-history--3, .l-history--4 {
  position: relative;
  margin: 0 8.33333vw;
  padding: 4.16667vw 0;
  background: url(/spcontent/tomobataraki/images/michinori/bg_line01.gif) 0 100% repeat-x;
}

@media (max-width: 1260px) {
  .l-history, .l-history--1, .l-history--2, .l-history--3, .l-history--4 {
    margin: 0 105px;
    padding: 52.5px 0;
  }
}

@media (max-width: 767px) {
  .l-history, .l-history--1, .l-history--2, .l-history--3, .l-history--4 {
    margin: 0 8.66667vw;
    padding: 13.33333vw 0 10.66667vw;
  }
}

.l-history__pic {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

.l-history__label {
  font-size: 1.25vw;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: 2.08333vw;
  color: #333;
  background-color: #aed3f0;
}

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

@media (max-width: 767px) {
  .l-history__label {
    font-size: 3.46667vw;
    padding: 5.86667vw;
  }
}

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

.l-history__label::before {
  position: absolute;
  top: 0.69444vw;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: '';
  background-color: #fff;
}

@media (max-width: 1260px) {
  .l-history__label::before {
    top: 8.75px;
  }
}

@media (max-width: 767px) {
  .l-history__label::before {
    top: 1.86667vw;
  }
}

.l-history__label::after {
  position: absolute;
  bottom: 0.69444vw;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: '';
  background-color: #fff;
}

@media (max-width: 1260px) {
  .l-history__label::after {
    bottom: 8.75px;
  }
}

@media (max-width: 767px) {
  .l-history__label::after {
    bottom: 1.86667vw;
  }
}

.l-history__title {
  font-size: 1.66667vw;
  font-weight: bold;
  margin-top: 2.08333vw;
  color: #333;
}

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

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

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

.l-history__txt {
  font-size: 1.11111vw;
  line-height: 2;
  margin-top: 1.38889vw;
  color: #333;
}

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

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

.l-history__txt p {
  margin-top: 2.08333vw;
}

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

@media (max-width: 767px) {
  .l-history__txt p {
    margin-top: 4.66667vw;
  }
}

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

.l-history--1, .l-history--2, .l-history--3, .l-history--4 {
  position: relative;
}

.l-history--1 {
  height: 41.66667vw;
}

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

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

.l-history--1 .l-history__pic {
  left: -8.33333vw;
  width: 41.66667vw;
  height: 28.61111vw;
}

@media (max-width: 1260px) {
  .l-history--1 .l-history__pic {
    left: -105px;
    width: 525px;
    height: 360.5px;
  }
}

@media (max-width: 767px) {
  .l-history--1 .l-history__pic {
    left: -8.66667vw;
    width: 91.33333vw;
    height: 60.66667vw;
  }
}

.l-history--1 .l-history__descript {
  padding-left: 41.66667vw;
}

@media (max-width: 1260px) {
  .l-history--1 .l-history__descript {
    padding-left: 525px;
  }
}

@media (max-width: 767px) {
  .l-history--1 .l-history__descript {
    padding: 69.6vw 0 0 0;
  }
}

.l-history--2 {
  box-sizing: border-box;
  height: 50vw;
}

@media (max-width: 1260px) {
  .l-history--2 {
    height: 630px;
  }
}

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

.l-history--2::before {
  position: absolute;
  top: 25.69444vw;
  right: 6.25vw;
  display: block;
  width: 61.18056vw;
  height: 56.25vw;
  content: '';
  background: url(/spcontent/tomobataraki/images/michinori/bg_chain02.svg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-history--2::before {
    top: 323.75px;
    right: 78.75px;
    width: 770.875px;
    height: 708.75px;
  }
}

@media (max-width: 767px) {
  .l-history--2::before {
    top: 77.33333vw;
    right: 8.66667vw;
    width: 65.06667vw;
    height: 155.6vw;
    background-image: url(/spcontent/tomobataraki/images/michinori/bg_chain02_sp.svg);
  }
}

.l-history--2 .l-history__pic {
  right: -8.33333vw;
  width: 50vw;
  height: 33.33333vw;
}

@media (max-width: 1260px) {
  .l-history--2 .l-history__pic {
    right: -105px;
    width: 630px;
    height: 420px;
  }
}

@media (max-width: 767px) {
  .l-history--2 .l-history__pic {
    right: -8.66667vw;
    width: 91.33333vw;
    height: 61.06667vw;
  }
}

.l-history--2 .l-history__txt {
  width: 520px;
}

@media (max-width: 1260px) {
  .l-history--2 .l-history__txt {
    width: 455px;
  }
}

@media (max-width: 767px) {
  .l-history--2 .l-history__txt {
    width: auto;
  }
}

.l-history--2 .l-history__descript {
  padding-right: 41.66667vw;
}

@media (max-width: 1260px) {
  .l-history--2 .l-history__descript {
    padding-right: 525px;
  }
}

@media (max-width: 767px) {
  .l-history--2 .l-history__descript {
    padding: 69.6vw 0 0 0;
  }
}

.l-history--3 {
  box-sizing: border-box;
  height: 37.5vw;
}

@media (max-width: 1260px) {
  .l-history--3 {
    height: 472.5px;
  }
}

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

.l-history--3::before {
  position: absolute;
  top: 21.18056vw;
  left: 8.33333vw;
  display: block;
  width: 61.18056vw;
  height: 58.47222vw;
  content: '';
  background: url(/spcontent/tomobataraki/images/michinori/bg_chain03.svg) no-repeat;
  background-size: contain;
}

@media (max-width: 1260px) {
  .l-history--3::before {
    top: 266.875px;
    left: 105px;
    width: 770.875px;
    height: 736.75px;
  }
}

@media (max-width: 767px) {
  .l-history--3::before {
    top: 77.33333vw;
    left: 8.66667vw;
    width: 65.06667vw;
    height: 155.6vw;
    background-image: url(/spcontent/tomobataraki/images/michinori/bg_chain03_sp.svg);
  }
}

.l-history--3 .l-history__pic {
  left: -8.33333vw;
  width: 43.05556vw;
  height: 28.61111vw;
}

@media (max-width: 1260px) {
  .l-history--3 .l-history__pic {
    left: -105px;
    width: 542.5px;
    height: 360.5px;
  }
}

@media (max-width: 767px) {
  .l-history--3 .l-history__pic {
    left: -8.66667vw;
    width: 91.33333vw;
    height: 60.66667vw;
  }
}

.l-history--3 .l-history__descript {
  padding-left: 41.66667vw;
}

@media (max-width: 1260px) {
  .l-history--3 .l-history__descript {
    padding-left: 525px;
  }
}

@media (max-width: 767px) {
  .l-history--3 .l-history__descript {
    padding: 69.6vw 0 0 0;
  }
}

.l-history--4 {
  box-sizing: border-box;
  height: 45.83333vw;
}

@media (max-width: 1260px) {
  .l-history--4 {
    height: 577.5px;
  }
}

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

.l-history--4 .l-history__pic {
  right: -8.33333vw;
  width: 50vw;
  height: 33.33333vw;
}

@media (max-width: 1260px) {
  .l-history--4 .l-history__pic {
    right: -105px;
    width: 630px;
    height: 420px;
  }
}

@media (max-width: 767px) {
  .l-history--4 .l-history__pic {
    right: -8.66667vw;
    width: 91.33333vw;
    height: 61.06667vw;
  }
}

.l-history--4 .l-history__txt {
  width: 520px;
}

@media (max-width: 1260px) {
  .l-history--4 .l-history__txt {
    width: 455px;
  }
}

@media (max-width: 767px) {
  .l-history--4 .l-history__txt {
    width: auto;
  }
}

.l-history--4 .l-history__descript {
  padding-right: 41.66667vw;
}

@media (max-width: 1260px) {
  .l-history--4 .l-history__descript {
    padding-right: 525px;
  }
}

@media (max-width: 767px) {
  .l-history--4 .l-history__descript {
    padding: 69.6vw 0 0 0;
  }
}