@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Work+Sans:wght@100..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  text-transform: capitalize;
  transition: all .2s linear; }

body {
  font-family: 'Zen Maru Gothic', sans-serif;
  overflow-x: hidden;
  font-size: 16px; }
  @media only screen and (max-width: 767px) {
    body {
      font-size: 17px; } }

html {
  overflow-x: hidden;
  scroll-behavior: smooth; }

@media only screen and (max-width: 1300px) {
  section {
    padding: 0 50px; } }
@media only screen and (max-width: 767px) {
  section {
    padding: 0 20px; } }

.l-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1250px;
  padding: 70px 0; }
  @media only screen and (max-width: 950px) {
    .l-inner {
      padding: 50px 0; } }
  @media only screen and (max-width: 767px) {
    .l-inner {
      padding: 30px 0; } }

@media only screen and (max-width: 1300px) {
  .rig-img-gene {
    width: 40%; } }
@media only screen and (max-width: 767px) {
  .rig-img-gene {
    width: 100%; } }

.rig-img-gene img {
  width: 600px; }
  @media only screen and (max-width: 1300px) {
    .rig-img-gene img {
      width: 100%; } }

.general {
  position: relative;
  display: block;
  content: "";
  margin-top: 0rem;
  width: 100%;
  height: auto;
  background: url("../images/background-header.png");
  background-size: cover;
  background-repeat: round; }
  @media only screen and (max-width: 767px) {
    .general {
      background-position: center center;
      background-repeat: no-repeat; } }

.wr-general {
  max-width: 88.88%;
  margin: auto;
  padding: 35px 0 100px 0; }
  @media only screen and (max-width: 767px) {
    .wr-general {
      padding: 20px 0 20px 0; } }

.top-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.nav {
  z-index: 999; }
  @media only screen and (max-width: 1300px) {
    .nav {
      top: 50px;
      right: 70px; } }
  @media only screen and (max-width: 950px) {
    .nav {
      position: unset; } }

.nav .ul-nav {
  display: flex;
  list-style: none; }
  @media only screen and (max-width: 950px) {
    .nav .ul-nav {
      display: none; } }

ul.ul-nav li {
  padding: 0 15px; }
  @media only screen and (max-width: 950px) {
    ul.ul-nav li {
      padding: 25px 0; } }

ul.ul-nav li:first-child {
  padding-left: 0; }

ul.ul-nav li:last-child {
  padding-right: 0; }

ul.ul-nav li a {
  color: #0d8943;
  font-size: 18px;
  font-weight: bold; }
  @media only screen and (max-width: 950px) {
    ul.ul-nav li a {
      font-size: 21px; } }

ul.ul-nav li a:hover {
  text-decoration: underline; }

@media only screen and (max-width: 950px) {
  ul.ul-nav.active {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: #E5F3E6;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 999; } }

@media only screen and (max-width: 950px) {
  .toggle {
    position: absolute;
    top: 21px;
    right: 20px;
    width: 55px;
    height: 55px;
    background: #0d8943 url("../images/menu.png");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 1000;
    border-radius: 50%; } }

@media only screen and (max-width: 950px) {
  .toggle.active {
    background: #0d8943 url("../images/close.png");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center; } }

@media only screen and (max-width: 950px) {
  .ul-nav {
    display: none; } }

.lp-logo {
  display: inline-block; }

.lp-logo img {
  width: 220px; }
  @media only screen and (max-width: 767px) {
    .lp-logo img {
      width: 150px; } }

.ctn-general {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px 0 20px 0; }
  @media only screen and (max-width: 767px) {
    .ctn-general {
      display: block; } }

.lef-gene {
  line-height: 1.5;
  width: 50%; }
  @media only screen and (max-width: 1300px) {
    .lef-gene {
      width: 60%; } }
  @media only screen and (max-width: 767px) {
    .lef-gene {
      width: 100%;
      margin-bottom: 30px; } }

.lef-gene p {
  line-height: 1.8; }

.lef-gene h3 {
  font-size: 45px;
  color: #0d8943;
  padding-bottom: 30px; }
  @media only screen and (max-width: 1300px) {
    .lef-gene h3 {
      font-size: 35px; } }
  @media only screen and (max-width: 950px) {
    .lef-gene h3 {
      font-size: 30px; } }

.w-human {
  padding-top: 80px; }

.title-inside {
  text-align: center;
  font-size: 35px;
  margin-bottom: 50px;
  color: #0d8943; }
  @media only screen and (max-width: 767px) {
    .title-inside {
      margin-bottom: 50px;
      font-size: 32px; } }
  .title-inside span {
    font-size: 18px; }

.box-gene {
  display: flex;
  justify-content: center;
  line-height: 1.8; }
  @media only screen and (max-width: 767px) {
    .box-gene {
      display: block; } }

.dtl-box-gene {
  border-right: 1px solid #0d8943; }
  @media only screen and (max-width: 767px) {
    .dtl-box-gene {
      border-right: none; } }

.dtl-box-gene:last-child {
  border-right: none; }

.dtl-box-gene01 {
  padding-left: 28px;
  padding-right: 28px; }
  @media only screen and (max-width: 950px) {
    .dtl-box-gene01 {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 767px) {
    .dtl-box-gene01 {
      padding-left: 0;
      padding-right: 0;
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #0d8943; } }

@media only screen and (max-width: 767px) {
  .dtl-box-gene01:first-child {
    padding-top: 0; } }

.dtl-box-gene01:last-child {
  border-bottom: none; }

.txt-inbox h3 {
  text-align: center;
  font-size: 25px;
  color: #0d8943;
  padding-bottom: 17px; }
  @media only screen and (max-width: 950px) {
    .txt-inbox h3 {
      font-size: 22px; } }
  @media only screen and (max-width: 767px) {
    .txt-inbox h3 {
      padding-bottom: 10px; } }

.ss-impotan {
  padding-top: 20px; }

.home_section {
  counter-reset: number; }

.bx-worr-w {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 80px 0;
  border-bottom: 1px solid #0d8943; }
  @media only screen and (max-width: 767px) {
    .bx-worr-w {
      display: block;
      padding: 55px 0; } }

.bx-worr-w:last-child {
  border-bottom: none;
  padding-bottom: 0; }

.dtl-worr-w {
  width: 50%;
  line-height: 1.8; }
  @media only screen and (max-width: 767px) {
    .dtl-worr-w {
      width: 100%; } }

.problem-wo h3 {
  position: relative;
  font-size: 27px;
  color: #0d8943; }
  @media only screen and (max-width: 950px) {
    .problem-wo h3 {
      font-size: 24px; } }

.problem-wo h3::before {
  font-family: "Work Sans", sans-serif;
  counter-increment: number;
  content: "0" counter(number);
  font-weight: 600;
  font-size: 7.5rem;
  letter-spacing: .04em;
  color: #0d8943;
  background-clip: text;
  -webkit-background-clip: text;
  vertical-align: top;
  opacity: .2;
  text-indent: -0.04em;
  position: absolute;
  top: -65px;
  left: -13px;
  z-index: -1;
  line-height: 1; }
  @media only screen and (max-width: 767px) {
    .problem-wo h3::before {
      font-size: 5.5rem;
      top: -40px; } }

.problem-wo h3::after {
  content: '';
  display: block;
  width: 45px;
  height: 2px;
  margin-top: 20px;
  background-color: #0d8943;
  opacity: .5; }

.problem-wo p {
  margin-top: 20px; }

.img-worr-w {
  width: 45%; }
  @media only screen and (max-width: 767px) {
    .img-worr-w {
      width: 100%;
      margin-top: 30px; } }

.img-worr-w img {
  width: 100%; }

.solution-wo h3 {
  color: #0d8943;
  margin-top: 15px; }

.ss-pupport {
  position: relative; }

.ctn-support {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .ctn-support {
      display: block; } }

.img-sup {
  position: relative; }

.img-sup img {
  width: 100%;
  border-radius: 20px; }

.top-tt-support {
  padding-bottom: 50px; }

h3.txt-content {
  text-align: center;
  font-size: 35px;
  color: #0d8943; }
  @media only screen and (max-width: 767px) {
    h3.txt-content {
      font-size: 30px; } }

.inr-support {
  width: 550px; }
  @media only screen and (max-width: 1300px) {
    .inr-support {
      width: 45%; } }
  @media only screen and (max-width: 767px) {
    .inr-support {
      width: 100%; } }

@media only screen and (max-width: 767px) {
  .inr-support01 {
    margin-bottom: 65px; } }

.inr-support01::before {
  content: "";
  background: #ecf8e6;
  position: absolute;
  height: 400px;
  width: 48%;
  display: block;
  bottom: 20px;
  left: 0%;
  border-radius: 0px 70px 70px 0px;
  z-index: -1; }
  @media only screen and (max-width: 1300px) {
    .inr-support01::before {
      bottom: 60px; } }
  @media only screen and (max-width: 767px) {
    .inr-support01::before {
      width: 100%;
      top: 25%; } }

.inr-support02::before {
  content: "";
  background: #ecf8e6;
  position: absolute;
  height: 400px;
  width: 48%;
  display: block;
  bottom: 20px;
  right: 0%;
  border-radius: 70px 0px 0px 70px;
  z-index: -1; }
  @media only screen and (max-width: 1300px) {
    .inr-support02::before {
      bottom: 60px; } }
  @media only screen and (max-width: 767px) {
    .inr-support02::before {
      width: 100%;
      border-radius: 0px 70px 70px 0px; } }

.txt-sup {
  padding-top: 30px; }
  @media only screen and (max-width: 767px) {
    .txt-sup {
      padding-top: 15px; } }

.txt-sup h3 {
  font-size: 23px;
  color: #0d8943;
  padding-bottom: 10px; }

.dow-tx-sup p {
  line-height: 1.8;
  margin-bottom: 5px; }

.dow-tx-sup p:last-child {
  margin-bottom: 0; }

.ss-communication {
  position: relative;
  max-width: 1250px;
  margin: auto; }

.w-communication {
  padding-top: 70px;
  padding-bottom: 320px; }
  @media only screen and (max-width: 767px) {
    .w-communication {
      padding-bottom: 150px; } }

.top-communi {
  text-align: center; }

.top-inner-tx.top-communi p {
  padding-top: 10px;
  color: #494949;
  font-weight: 500;
  line-height: 1.8; }

.ctn-communi {
  padding-top: 50px;
  margin: auto;
  padding-left: 50px;
  padding-right: 50px; }
  @media only screen and (max-width: 950px) {
    .ctn-communi {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 767px) {
    .ctn-communi {
      padding-top: 30px; } }

.dtl-communi {
  display: flex;
  justify-content: space-between;
  padding-bottom: 35px; }
  @media only screen and (max-width: 767px) {
    .dtl-communi {
      display: block;
      padding-bottom: 20px; } }

.dtl-communi:last-child {
  padding-bottom: 0; }

.lf-txt-com {
  width: 35%; }
  @media only screen and (max-width: 767px) {
    .lf-txt-com {
      width: 100%; } }

.lf-txt-com h3 {
  font-size: 25px;
  color: #0d8943; }
  @media only screen and (max-width: 767px) {
    .lf-txt-com h3 {
      margin-bottom: 10px; } }

.rg-txt-com {
  width: 65%; }
  @media only screen and (max-width: 767px) {
    .rg-txt-com {
      width: 100%; } }

.rg-txt-com p {
  line-height: 2.0; }

.ss-communication::after {
  content: "";
  width: 760px;
  height: 504px;
  background: url("../images/conect.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%);
  background-size: cover; }
  @media only screen and (max-width: 1300px) {
    .ss-communication::after {
      background-size: 600px auto; } }
  @media only screen and (max-width: 767px) {
    .ss-communication::after {
      width: 100%;
      height: 380px;
      top: 86%;
      background-size: 380px auto; } }

.ss-partner {
  background-color: #ecf8e6; }

.ctn-partner {
  padding-top: 300px; }
  @media only screen and (max-width: 1300px) {
    .ctn-partner {
      padding-top: 200px; } }
  @media only screen and (max-width: 950px) {
    .ctn-partner {
      padding-top: 180px; } }

.box-part {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  @media only screen and (max-width: 767px) {
    .box-part {
      display: block; } }

.box-part:last-child {
  margin-bottom: 0; }

.inner-box-p {
  padding-left: 30px;
  padding-right: 30px;
  flex: 0 0 35%;
  max-width: 35%; }
  @media only screen and (max-width: 1300px) {
    .inner-box-p {
      flex: 0 0 47%;
      max-width: 47%; } }
  @media only screen and (max-width: 950px) {
    .inner-box-p {
      flex: 0 0 50%;
      max-width: 50%;
      padding-left: 15px;
      padding-right: 15px; } }
  @media only screen and (max-width: 767px) {
    .inner-box-p {
      margin-bottom: 40px;
      max-width: 100%; } }

.img-part-sk {
  text-align: center; }
  .img-part-sk img {
    width: 100%;
    vertical-align: middle; }

.ctn-part-sk {
  background: #fff;
  padding: 30px 25px;
  height: 350px;
  line-height: 1.8; }
  @media only screen and (max-width: 950px) {
    .ctn-part-sk {
      height: 380px; } }
  @media only screen and (max-width: 767px) {
    .ctn-part-sk {
      height: auto; } }

.title-part-sk {
  text-align: center;
  font-size: 17px;
  margin-bottom: 25px; }
  .title-part-sk h4 {
    background: #ecf8e6;
    padding: 12px 50px;
    border-radius: 100px; }

.ctn-mecha {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (max-width: 950px) {
    .ctn-mecha {
      display: grid; } }

.lef-mecha {
  width: 40%;
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 950px) {
    .lef-mecha {
      width: 100%;
      margin-top: 20px;
      padding: 0 50px; } }
  @media only screen and (max-width: 767px) {
    .lef-mecha {
      margin-top: 0;
      padding: 0; } }

.img-mecha {
  width: 450px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  border-radius: 50px; }
  @media only screen and (max-width: 950px) {
    .img-mecha {
      width: 100%; } }

@media only screen and (max-width: 950px) {
  .img-mecha img {
    width: 100%; } }

.rig-mecha {
  width: 60%;
  padding-left: 75px;
  line-height: 1.8; }
  @media only screen and (max-width: 1300px) {
    .rig-mecha {
      padding-left: 50px; } }
  @media only screen and (max-width: 950px) {
    .rig-mecha {
      width: 100%;
      padding-left: 0; } }

@media only screen and (max-width: 950px) {
  .ctn-mecha .lef-mecha {
    order: 1; } }

.title-inside-m {
  text-align: left;
  margin-bottom: 30px; }
  @media only screen and (max-width: 950px) {
    .title-inside-m {
      text-align: center; } }

.inner-mecha ul li {
  list-style: none;
  padding-bottom: 20px; }

.inner-mecha ul li h4 {
  color: #0d8943;
  font-size: 25px;
  margin-bottom: 10px; }

.title-inside-m h3 {
  margin-bottom: -25px; }

.w-contract {
  max-width: 800px; }

.inner-w-worr ul li {
  position: relative;
  list-style: none;
  margin-bottom: 70px;
  background: #ecf8e6;
  padding: 3;
  line-height: 1.8;
  border-radius: 20px;
  padding: 30px 30px 30px 50px; }

.inner-w-worr ul li:last-child {
  margin-bottom: 0; }

.inner-w-worr ul li::before {
  font-family: "Work Sans", sans-serif;
  counter-increment: number;
  content: "" counter(number);
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #0d8943;
  position: absolute;
  top: -8%;
  left: -3%;
  text-align: center;
  border-radius: 50%;
  font-size: 30px;
  font-weight: bold; }

.inner-w-worr ul li h4 {
  font-size: 28px;
  margin-bottom: 20px; }

.ul-ctn-achie {
  display: flex;
  justify-content: space-between;
  list-style: none; }
  @media only screen and (max-width: 767px) {
    .ul-ctn-achie {
      display: block; } }

ul.ul-ctn-achie li {
  width: 30%; }
  @media only screen and (max-width: 767px) {
    ul.ul-ctn-achie li {
      width: 100%;
      margin-bottom: 30px; } }

ul.ul-ctn-achie li:last-child {
  margin-bottom: 0; }

.img-li-ac img {
  border: 1px solid #0d8943;
  border-radius: 20px;
  width: 100%; }

.dtl-li {
  margin-top: 10px;
  line-height: 1.8; }

.dtl-li h4 {
  color: #0d8943;
  font-size: 21px;
  text-align: center;
  margin-bottom: 7px; }

.ctn-price {
  width: 80%;
  margin: auto; }
  @media only screen and (max-width: 1300px) {
    .ctn-price {
      width: 100%; } }

.price-detail-top {
  text-align: center;
  margin-bottom: 50px;
  background: #ecf8e6;
  padding: 35px 0;
  border-radius: 20px; }
  @media only screen and (max-width: 767px) {
    .price-detail-top {
      padding: 20px; } }

.price-detail-top h3 {
  color: #0d8943;
  font-size: 25px;
  margin-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .price-detail-top h3 {
      font-size: 21px; } }

.price-detail-top p {
  width: 80%;
  margin: auto; }
  @media only screen and (max-width: 767px) {
    .price-detail-top p {
      width: 100%; } }

.price-detail-ct {
  text-align: center; }

.pr-dt-tt p {
  font-size: 25px;
  display: inline-block;
  background: #0d8943;
  color: #fff;
  font-weight: bold;
  padding: 10px 70px;
  margin-bottom: 50px;
  border-radius: 100px; }

.pr-dt-inner {
  display: flex;
  justify-content: space-around; }
  @media only screen and (max-width: 767px) {
    .pr-dt-inner {
      display: block; } }

.price-box-dt {
  text-align: center;
  width: 50%; }
  @media only screen and (max-width: 767px) {
    .price-box-dt {
      width: 100%;
      padding: 20px 0; } }

.price-box-dt1 {
  border-right: 1px solid #0d8943; }
  @media only screen and (max-width: 767px) {
    .price-box-dt1 {
      border-right: none;
      border-bottom: 1px solid #0d8943; } }

.price-box-dt .tt-pri {
  color: #0d8943;
  font-size: 25px;
  margin-bottom: 20px; }

.before-pri span {
  font-weight: bold;
  color: #0d8943; }

.before-pri strong {
  font-size: 50px; }

@media only screen and (max-width: 767px) {
  .inner-cp1 {
    margin-bottom: 15px; } }

.ctn-flow {
  width: 85%;
  margin: auto; }
  @media only screen and (max-width: 950px) {
    .ctn-flow {
      width: 100%; } }

.inner-fl {
  width: 100%;
  position: relative;
  z-index: 1; }

.inner-fl::before {
  content: " ";
  position: absolute;
  display: block;
  height: 90%;
  width: 4px;
  left: 22px;
  top: 3%;
  background: #0d8943;
  z-index: -1; }

.inner-fl .item-fl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.inner-fl .item-fl:not(:last-child) {
  margin-bottom: 45px; }

p.fl-num {
  width: 45px;
  height: 45px;
  background: #0d8943;
  line-height: 45px;
  text-align: center;
  border-radius: 50%; }
  p.fl-num span {
    background: #0d8943;
    color: #fff;
    font-size: 25px;
    font-weight: bold; }

.dtl-fl {
  width: 90%; }
  @media only screen and (max-width: 767px) {
    .dtl-fl {
      width: 85%; } }

.title-fl {
  font-size: 23px;
  font-weight: bold;
  color: #0d8943;
  margin-bottom: 17px; }

.accordion-item {
  margin-bottom: 25px;
  border: 2px solid #0d8943;
  border-radius: 50px;
  cursor: pointer;
  padding: 10px 30px; }
  @media only screen and (max-width: 767px) {
    .accordion-item {
      border-radius: 50px;
      padding: 10px 20px; } }

.accordion-item:last-child {
  margin-bottom: 0; }

.accordion-link {
  position: relative;
  font-size: 25px;
  color: #0d8943;
  width: 100%;
  transition: 0.3s;
  font-weight: 500; }
  @media only screen and (max-width: 767px) {
    .accordion-link {
      font-size: 20px;
      text-indent: -45px;
      margin-left: 45px;
      padding-right: 30px; } }

.answer {
  padding: 0px 0px 20px 0px;
  position: relative;
  transition: max-height 650ms;
  display: none; }
  @media only screen and (max-width: 767px) {
    .answer {
      padding: 0 0 10px 0; } }

.answer p {
  text-indent: -45px;
  margin-left: 45px; }

.answer ul {
  list-style: none;
  padding-left: 30px; }

.answer ul li {
  margin-bottom: 10px; }

.answer ul li:last-child {
  margin-bottom: 0; }

.answer ul li .li-sp {
  color: #0d8943;
  font-weight: 500; }

.cl-qa {
  color: #0d8943;
  font-size: 35px;
  font-weight: bold;
  padding-right: 10px; }
  @media only screen and (max-width: 767px) {
    .cl-qa {
      padding-right: 5px; } }

.to-top {
  background: #0d8943;
  position: fixed;
  bottom: 16px;
  right: 70px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #fff;
  text-decoration: none;
  opacity: 0;
  pointer-events: none;
  transition: all .4s;
  z-index: 999; }

.to-top:hover {
  width: 55px;
  height: 55px; }

.to-top.active {
  bottom: 150px;
  pointer-events: auto;
  opacity: 1; }

.ft-sp {
  padding-top: 100px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .ft-sp {
      padding-top: 50px;
      text-align: center; } }

.general-f {
  background-image: url("../images/background-footer.png");
  height: 350px; }
  @media only screen and (max-width: 767px) {
    .general-f {
      height: auto; } }

.nav-footer ul {
  display: flex;
  justify-content: center;
  list-style: none;
  padding-top: 100px; }
  @media only screen and (max-width: 767px) {
    .nav-footer ul {
      display: block;
      padding-top: 50px; } }

@media only screen and (max-width: 767px) {
  .nav-footer ul li {
    padding: 10px 0; } }

.nav-footer ul li a {
  font-size: 21px;
  margin: 0 20px;
  color: #0d8943;
  font-weight: bold;
  font-weight: 500;
  transition: .3s; }
  @media only screen and (max-width: 1300px) {
    .nav-footer ul li a {
      font-size: 18px; } }

.nav-footer ul li a:hover {
  text-decoration: underline; }

.img-ft {
  text-align: center;
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    .img-ft {
      margin-bottom: 50px; } }

footer.ft-sp h3 {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%); }
  @media only screen and (max-width: 767px) {
    footer.ft-sp h3 {
      position: relative;
      font-size: 15px; } }

@media (max-width: 350px) {
  header .logo {
    font-size: 24px; }

  .home .content .tt-up {
    font-size: 13px; }

  .footer {
    padding: 0 30px; }

  .footer h2 {
    font-size: 24px; } }

/*# sourceMappingURL=style.css.map */