@charset "UTF-8";

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", "sansserif";
  font-size: 16px;
}

img {
  max-width: 100%;
  flex-shrink: 0;
}

.l-header {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 999999;
}

.c-sp {
  display: none;
}

@media screen and (max-width: 720px) {
  .l-header {
    justify-content: space-between;
  }

  .c-sp {
    display: block;
  }
}

@media screen and (max-width: 720px) {
  .l-header__logo {
    max-width: 160px;
  }
}

.l-header__menu .header__link {
  transition: 0.5s;
  color: #000;
}

.l-header__menu .header__link:hover,
.l-header__menu .header__link.active {
  color: #2142bc;
}

.l-header__menus {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.l-header__menus__sp {
  display: none;
}

.l-header__bars {
  display: none;
}

@media screen and (max-width: 720px) {
  .l-header__menu {
    display: none;
  }

  .l-header__menus__sp {
    display: block;
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    transform: translateY(-100%);
    transition: 0.3s;
  }

  .l-header__menus__sp.u-open {
    transform: translateY(0);
  }

  .l-header__menu__sp {
    text-align: center;
    padding: 0 30px;
  }

  .l-header__link__sp {
    display: block;
    width: 100%;
    padding: 30px;
    border-top: 1px solid #2142bc;
  }

  .l-header__bars {
    display: inline;
    margin-left: 15px;
  }
}

.l-header__menu {
  margin-left: 30px;
}

.l-header__contact {
  display: inline-flex;
  align-items: center;
  padding: 15px 30px;
  border-radius: 100px;
  background: #2142bc;
  color: #fff;
  margin-left: 60px;
  transition: 0.5s;
}

.l-header__contact:hover {
  opacity: 0.6;
}

.l-header__envelope {
  margin-right: 5px;
}

.c-hero {
  background: #ffffff;
  padding-top: 140px;
}

@media screen and (max-width: 720px) {
  .c-hero {
    padding-top: 50px;
    padding-bottom: 120px;
  }

  .l-header__contact {
    font-size: 14px;
    padding: 15px;
  }

  .l-header__envelope {
    width: 18px;
  }
}

.c-hero__inr {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  padding: 75px 30px;
  position: relative;
  height: 600px;
}

@media screen and (max-width: 720px) {
  .c-hero__inr {
    flex-direction: column-reverse;
    height: auto;
  }
}

.c-hero__info {
  width: 36%;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1260px) {
  .c-hero__info {
    width: 50%;
  }
}

.c-hero__photo {
  width: 66%;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 1260px) {
  .c-hero__photo {
    width: 100%;
    position: relative;
  }
}

@media screen and (max-width: 720px) {
  .c-hero__info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.c-hero__head {
  font-size: 60px;
  color: #2142bc;
}

.c-hero__desc {
  line-height: 1.8;
  margin-top: 30px;
}

.c-hero__info__link {
  display: inline-flex;
  border-bottom: 1px solid #c1c1c1;
  align-items: center;
  padding: 10px 0;
  margin-top: 60px;
}

.c-hero__info__link > .icon {
  margin-left: 15px;
}

.c-hero__photo {
  padding-top: 0px;
}

.c-hero__img {
  width: 100%;
  touch-action: none;
  pointer-events: none;
}

.c-hero .c-tab {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1120px;
  margin: auto;
  margin-bottom: 120px;
}

.c-hero .c-tab li {
  width: 33.3%;
  text-align: center;
}

.c-hero .c-tab li a {
  display: block;
  padding: 32px 20px;
  color: #fff;
  background-color: #cbd2d8;
  transition: 0.5s;
}

.c-hero .c-tab li.active a,
.c-hero .c-tab li a:hover {
  background-color: #0ca7e2;
}

@media screen and (max-width: 720px) {
  .c-tab {
    flex-direction: column;
  }

  .c-hero .c-tab li {
    width: 100%;
  }

  .c-hero .c-tab {
    margin-bottom: 60px;
  }
}

.c-dynamic {
  background: #eff5fb;
}

.c-dynamic__head {
  font-size: 50px;
  color: #2142bc;
  text-align: center;
  transform: translateY(-50%);
}

.c-dynamic__content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 75px;
  background-image: url("../images/indag/indag-dynamic01-bg.gif");
  background-position: right top;
  background-repeat: no-repeat;
}

@media screen and (max-width: 720px) {
  .c-dynamic__content {
    margin-top: 0;
  }

  .c-dynamic__head {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.c-dynamic__img {
  width: calc(50% + 25px);
  transform: translateX(25px);
}

.c-dynamic__desc {
  background: #2142bc;
  color: #fff;
  padding: 60px;
  line-height: 2;
  width: calc(50% + 25px);
  transform: translateX(-25px);
}

.c-dynamic__desc > span {
  display: inline-block;
  margin-bottom: 24px;
  font-size: 30px;
  line-height: 1.2;
}

.c-dynamic__desc > h4 {
  font-size: 20px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.c-dynamic__desc > ul > li > span {
  color: #f85127;
}

@media screen and (max-width: 720px) {
  .c-dynamic__desc {
    padding: 30px;
  }
}

@media screen and (max-width: 720px) {
  .c-dynamic__content {
    flex-direction: column;
  }

  .c-dynamic__img,
  .c-dynamic__desc {
    width: 100%;
  }

  .c-dynamic__img {
    transform: none;
  }

  .c-dynamic__desc {
    transform: none;
  }
}

.c-dynamic__content--col .c-dynamic__img,
.c-dynamic__content--col .c-dynamic__desc {
  transform: none;
}

.c-movie {
  background-image: linear-gradient(to bottom, #eff5fb 0%, #eff5fb 28%, transparent 28%),
    url("../images/indag/indeg-movie01-bg.jpg");
  background-size: cover;
  padding: 100px 0 150px;
}

@media screen and (max-width: 720px) {
  .c-movie {
    background-image: url("../images/indag/indeg-movie01-bg.jpg");
    padding: 75px 0;
  }
}

.c-movie__container {
  display: block;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  position: relative;
}

.c-movie__container::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: calc(315 / 560 * 100%);
}

.c-movie__iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.content-wrapper {
  background: #eff5fb;
  padding-bottom: 75px;
}

.content-wrapper > section {
  padding-top: 75px;
}

.c-contentHead {
  text-align: center;
  font-size: 30px;
  padding-bottom: 15px;
  display: inline-block;
  border-bottom: 3px solid #2142bc;
  color: #2142bc;
}

.c-feature__inr {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

.c-feature__head {
  display: flex;
  justify-content: center;
  width: 100%;
}

.c-featurelist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;
}

.c-featurelist.c-list-ptn01 {
  max-width: 960px;
  margin: auto;
  justify-content: flex-start;
}

.c-featurelist.c-list-ptn02 {
  max-width: 960px;
  margin: auto;
  justify-content: flex-end;
}

.c-featurelist__item {
  background: #fff;
  width: 240px;
  height: 240px;
  border-radius: 240px;
  margin: 15px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 720px) {
  .c-featurelist__item {
    justify-content: center;
    padding: 30px 45px;
  }
}

.c-featurelist.c-list-ptn03 > .c-featurelist__item,
.c-featurelist.c-list-ptn04 > .c-featurelist__item {
  width: 320px;
  height: 320px;
  border-radius: 320px;
}

@media screen and (max-width: 720px) {
  .c-featurelist.c-list-ptn03 > .c-featurelist__item,
  .c-featurelist.c-list-ptn04 > .c-featurelist__item {
    width: 360px;
    height: 360px;
    border-radius: 360px;
  }
}

.c-featurelist__item::before {
  content: "特長";
  color: #2142bc;
  font-size: 24px;
  font-weight: bold;
}

.c-featurelist__num {
  font-weight: bold;
  color: #2142bc;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 60px;
}

.c-featurelist__content {
  line-height: 1.8;
  text-align: left;
  margin-top: 10px;
  font-size: 15px;
  max-width: 100%;
}

.c-featurelist__content span {
  display: block;
  font-size: 24px;
  margin: 0 auto 12px;
  line-height: 1.2;
  color: #2142bc;
  text-align: center;
}

.c-featurelist__content.small {
  font-size: 14px;
  line-height: 1.4;
}

.c-featurelist__content.small span {
  font-size: 18px;
  line-height: 1.4;
}

@media screen and (max-width: 720px) {
  .c-featurelist__content {
    font-size: 4vw;
  }

  .c-featurelist__item::before {
    font-size: 6.5vw;
  }
}

.c-application__inr {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

.c-application__head {
  display: flex;
  justify-content: center;
  width: 100%;
}

.c-application__content {
  margin-top: 50px;
}

.c-application__content {
  color: #fff;
}

.c-applicationItem {
  display: flex;
  align-items: center;
  padding: 20px 0;
  min-height: 90px;
  background: #2142bc;
}

.c-applicationItem:not(:first-child) {
  border-top: 1px solid #fff;
}

.c-applicationItem__title {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.c-application__content.c-ptn02 {
  display: flex;
  flex-wrap: wrap;
}

.c-application__content.c-ptn02 > .c-applicationItem {
  width: 50%;
  border-top: none;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.c-application__content.c-ptn04 > .c-applicationItem {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 720px) {
  .c-applicationItem__title {
    width: 30%;
    min-width: 30%;
    max-width: 30%;
  }

  .c-featurelist__item {
    width: 360px;
    height: 360px;
  }

  .c-featurelist.c-list-ptn01,
  .c-featurelist.c-list-ptn02 {
    justify-content: center;
  }
}

.c-applicationItem__detail {
  border-left: 1px solid #fff;
  line-height: 1.8;
  padding: 0 30px;
}

.c-applicationItem__detail:first-child {
  border-left: none;
}

.c-application__content.c-ptn02 > .item > .detail {
  border-left: none;
}

.c-specification__inr {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

.c-specification__head {
  display: flex;
  justify-content: center;
  width: 100%;
}

.c-specification__detail {
  margin-top: 50px;
}

.c-specification__detail {
  background: #fff;
}

.c-specification__name {
  padding: 30px;
  font-size: 25px;
  color: #2142bc;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-specification__name::after {
  content: "+";
}

.c-specification__list {
  border-top: 3px solid #eff5fb;
  max-height: 0;
  transition: 0.5s;
  overflow: hidden;
}

.c-specificationList {
  padding: 30px 30px 60px;
  min-width: 900px;
}

.c-specificationList h3 {
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #2142bc;
}

.c-specificationList > dl > dd > span {
  color: #adadad;
}

.c-specificationList__item {
  display: flex;
}

.c-specificationList__item:not(:first-child) {
  margin-top: 30px;
}

.c-specificationList__detail {
  margin-left: 30px;
}

.c-specificationList__head {
  color: #2142bc;
  font-weight: bold;
  font-size: 20px;
}

.c-specificationList__desc {
  line-height: 2;
  margin-top: 20px;
}

.c-specification__inr dl {
  display: flex;
  max-width: 100%;
}

.c-specification__inr dl dt,
.c-specification__inr dl dd {
  padding: 32px 20px;
  box-sizing: border-box;
}

.c-specification__inr dl dt {
  width: 290px;
  font-size: 20px;
  padding-left: 40px;
  text-align: left;
  color: #fff;
  border-bottom: 1px solid #fff;
  background-color: #2142bc;
}

.c-specification__inr dl dd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 290px);
  border-bottom: 1px solid #b3b8bc;
  line-height: 1.6;
}

.c-specification__inr .c-caption {
  padding-top: 40px;
  text-align: right;
  font-size: 14px;
  opacity: 0.5;
}

.c-specification__inr .c-table {
  width: 100%;
  overflow-x: auto;
}

.c-specification__inr table {
  width: 100%;
  font-size: 18px;
  overflow-x: auto;
}

.c-specification__inr table th {
  padding: 40px;
  background-color: #2142bc;
  color: #fff;
  border: 1px solid #fff;
  vertical-align: middle;
}

.c-specification__inr table td {
  padding: 40px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc;
}

.c-specification__inr table td:first-of-type {
  width: 200px;
  background-color: #2142bc;
  color: #fff;
}

@media screen and (max-width: 720px) {
  .c-specificationList__item {
    flex-direction: column;
  }

  .c-specificationList__item > .photo,
  .c-specificationList__detail {
    width: 100%;
  }

  .c-specificationList__detail {
    margin-top: 30px;
    margin-left: 0;
  }

  .c-specification__inr dl dt {
    width: 200px;
    padding: 20px;
  }
}

.c-specification__detail.u-open > .c-specification__name::after {
  content: "-";
}

.c-specification__detail.u-open > .c-specification__list {
  max-height: 5000px;
}

@media screen and (max-width: 720px) {
  .c-specification__detail.u-open > .c-specification__list {
    max-width: 100%;
    overflow-x: scroll;
  }
}

.c-case__inr {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

.c-case__head {
  display: flex;
  justify-content: center;
  width: 100%;
}

.c-case__content {
  margin-top: 50px;
}

.c-case__desc {
  line-height: 2;
}

.c-caseIssue,
.c-caseEffect {
  display: flex;
  padding: 45px;
}

.c-caseIssue__title,
.c-caseEffect__title {
  width: 150px;
  font-size: 20px;
  font-weight: bold;
}

.c-caseIssue__desc,
.c-caseEffect__desc {
  line-height: 2;
  width: calc(100% - 150px);
}

@media screen and (max-width: 720px) {
  .c-caseIssue,
  .c-caseEffect {
    flex-direction: column;
    align-items: center;
  }

  .c-caseIssue__title,
  .c-caseEffect__title {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }

  .c-caseIssue__desc,
  .c-caseEffect__desc {
    width: 100%;
  }
}

.c-caseIssue {
  background: #fff;
  margin-top: 45px;
  position: relative;
}

.c-caseIssue__title {
  color: #2142bc;
}

.c-caseIssue::after {
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  background-image: url("../images/indag/arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-caseIssue:last-child::after {
  content: none;
}

.c-caseEffect {
  color: #fff;
  background: #2142bc;
}

.c-lineup__inr {
  max-width: 1200px;
  margin: auto;
}

.c-lineup__inr h3 {
  text-align: center;
}

.c-lineup__inr h3 span {
  position: relative;
  display: inline-block;
  padding-bottom: 16px;
  margin: 0 auto 48px;
  text-align: center;
  font-size: 30px;
  text-align: center;
  color: #2142bc;
}

.c-lineup__inr h3 span:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #2142bc;
}

.c-lineup__list {
  display: flex;
  justify-content: center;
}

.c-lineup__item {
  padding: 12px;
}

.c-lineup__item figcaption {
  padding-top: 12px;
}

@media screen and (max-width: 720px) {
  .c-lineup__list {
    flex-direction: column;
    align-items: center;
  }
}

.c-seminar,
.c-contact {
  height: 500px;
  background-image: url("../images/indag/indag-seminar01-bg.jpg");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.c-seminar__title,
.c-contact__title {
  color: #fff;
  text-align: center;
  font-size: 50px;
  font-weight: bold;
}

@media screen and (max-width: 720px) {
  .c-seminar__title {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.c-seminar__link,
.c-contact__link {
  display: inline-block;
  padding: 15px 45px;
  border-radius: 100px;
  background: #fff;
  margin-top: 30px;
  transition: 0.3s;
}

.c-seminar__link:hover {
  background: #2142bc;
  color: #fff;
}

.c-contact {
  background-image: url("../images/indag/contact.jpg");
}

.c-contact__link {
  color: #fff;
  background: #2142bc;
}

.c-contact__link:hover {
  opacity: 0.5;
}

.c-contact__icon {
  margin-right: 10px;
}

.c-download__inr {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-download__inr > .head {
  display: flex;
  justify-content: center;
  width: 100%;
}

.c-download__inr > .content {
  margin-top: 50px;
}

.c-download__item {
  padding: 75px 0;
  width: 50%;
  font-size: 28px;
  font-weight: bold;
  color: #2142bc;
  position: relative;
}

.c-download__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.c-download__link:hover {
  opacity: 0.5;
}

.c-download__icon {
  margin-left: 5px;
}

.c-download__item:last-child {
  border-left: 3px solid rgba(137, 137, 137, 0.2);
  text-align: right;
}

@media screen and (max-width: 720px) {
  .c-download__inr {
    flex-direction: column;
  }

  .c-download__item {
    width: 100%;
    text-align: center;
  }

  .c-download__item:last-child {
    border-top: 3px solid rgba(137, 137, 137, 0.2);
    border-left: none;
    text-align: center;
  }
}

.l-footer {
  text-align: center;
  padding: 50px;
  background: #333333;
  color: #fff;
}

.c-tenjikai {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.c-tenjikai .p-mv__photo {
  position: relative;
  width: 100%;
}

.c-tenjikai .p-mv__icon01,
.c-tenjikai .p-mv__icon02,
.c-tenjikai .p-mv__icon03,
.c-tenjikai .p-mv__anime01,
.c-tenjikai .p-mv__anime02,
.c-tenjikai .p-mv__anime03 {
  position: absolute;
  z-index: 1;
}

.c-tenjikai .p-mv__icon01 img,
.c-tenjikai .p-mv__icon02 img,
.c-tenjikai .p-mv__icon03 img {
  width: 3.2vw;
}

.c-tenjikai .p-mv__icon01,
.c-tenjikai .p-mv__icon02,
.c-tenjikai .p-mv__icon03 {
  top: 55%;
  transition: 0.8s;
}

.c-tenjikai .p-mv__icon01:hover,
.c-tenjikai .p-mv__icon02:hover,
.c-tenjikai .p-mv__icon03:hover {
  top: 58%;
}

.c-tenjikai .p-mv__icon01 {
  left: 30%;
}

.c-tenjikai .p-mv__icon02 {
  left: 53%;
}

.c-tenjikai .p-mv__icon03 {
  left: 77%;
}

.c-tenjikai .p-mv__anime01,
.c-tenjikai .p-mv__anime02,
.c-tenjikai .p-mv__anime03 {
  top: 63%;
  width: 5.5vw;
}

.c-tenjikai .p-mv__anime01 {
  left: 20.8%;
}

.c-tenjikai .p-mv__anime02 {
  left: 44.5%;
}

.c-tenjikai .p-mv__anime03 {
  left: 68.5%;
}

.c-tenjikai__img {
  width: 100%;
}

@media screen and (max-width: 720px) {
  .c-tenjikai__img {
    max-width: none;
  }

  .c-tenjikai .p-mv__photo {
    width: 200%;
  }

  .c-tenjikai .p-mv__icon01 img,
  .c-tenjikai .p-mv__icon02 img,
  .c-tenjikai .p-mv__icon03 img {
    width: 6vw;
  }

  .c-tenjikai .p-mv__anime01,
  .c-tenjikai .p-mv__anime02,
  .c-tenjikai .p-mv__anime03 {
    width: 11vw;
  }
}

.p-intro {
  background: url("../images/front/welcome.jpg");
  background-position: 72% 50%;
  background-size: cover;
}

.p-intro__inr {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
  color: #fff;
  padding: 120px 30px;
}

.p-intro > .inner > .head {
  display: flex;
  justify-content: center;
  width: 100%;
}

.p-intro > .inner > .content {
  margin-top: 50px;
}

.p-intro__title {
  font-size: 45px;
  font-weight: bold;
  line-height: 1.5;
}

.p-intro__spbr {
  display: none;
}

@media screen and (max-width: 720px) {
  .p-intro__spbr {
    display: inline;
  }
}

.p-intro__message {
  margin-top: 30px;
  max-width: 55%;
  line-height: 2;
}

@media screen and (max-width: 720px) {
  .p-intro__message {
    max-width: 100%;
  }

  .p-intro {
    background-position: 20% 50%;
    background-size: cover;
  }
}

.p-toc {
  background-image: url("../images/front/bg.png"), linear-gradient(#eff5fb 0%, #eff5fb 100%);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 120px 0;
}

.p-toc__content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

.p-product > .head {
  display: flex;
  justify-content: center;
  width: 100%;
}

.p-product > .content {
  margin-top: 50px;
}

.p-product {
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.p-product:not(:first-child) {
  margin-top: 75px;
}

.p-product:nth-child(3) {
  margin-top: 120px;
}

@media screen and (max-width: 720px) {
  .p-product:nth-child(3) {
    margin-top: 75px;
  }
}

.p-product__photo {
  min-width: 50%;
  transform: translate(-45px, -15%);
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-product__photo {
    max-width: 50%;
  }
}

.p-product__content {
  background: #fff;
  padding: 75px 120px 75px 75px;
  min-width: 55%;
}

.p-product__head {
  font-size: 40px;
  color: #2142bc;
}

.p-product__spbr {
  display: none;
}

@media screen and (max-width: 720px) {
  .p-product__spbr {
    display: inline;
  }
}

.p-product__desc {
  margin-top: 30px;
  line-height: 2;
}

.p-product__content > .p-product__link {
  background: #2142bc;
  color: #fff;
  padding: 20px 60px;
  border-radius: 100px;
  display: inline-block;
  margin-top: 30px;
  transition: 0.5s;
  /* font-size: 15px; */
}

.p-product__content > .p-product__link:hover {
  opacity: 0.6;
}

@media screen and (max-width: 720px) {
  .p-product {
    flex-direction: column;
  }

  .p-product__photo,
  .p-product__content {
    transform: translate(0, 0);
  }

  .p-product__content {
    padding: 60px 30px;
  }
}

.p-product:nth-child(2) {
  flex-direction: row-reverse;
}

.p-product:nth-child(2) .p-product__photo {
  transform: translate(45px, 15%);
}

.p-product:nth-child(2) .p-product__content {
  padding: 75px 75px 75px 120px;
}

@media screen and (max-width: 720px) {
  .p-product:nth-child(2) {
    flex-direction: column;
  }

  .p-product:nth-child(2) .p-product__photo,
  .p-product:nth-child(2) .p-product__desc {
    transform: translate(0, 0);
  }

  .p-product:nth-child(2) .p-product__content {
    padding: 60px 30px;
  }
}

.p-scrolltop {
  position: fixed;
  right: 10%;
  bottom: 40px;
  display: block;
  width: 60px;
  height: 60px;
  z-index: 999;
}

@media screen and (max-width: 720px) {
  .p-scrolltop {
    right: 30px;
    bottom: 15%;
  }
}

.u-sponly {
  display: none;
}

@media screen and (max-width: 720px) {
  .u-sponly {
    display: block;
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlLmNzcyIsIi4uLy4uL3Njc3Mvc3R5bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUNBaEI7RUFDRSxzSEFBQTtFQUVBLGVBQUE7QURDRjs7QUNFQTtFQUNFLGVBQUE7QURDRjs7QUNTQTtFQUNFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLGFBQUE7RUFDQSw0Q0FBQTtFQUNBLGtCQUFBO0FETkY7QUNRRTtFQVBGO0lBUUksOEJBQUE7RURMRjtBQUNGO0FDUUk7RUFERjtJQUVJLGdCQUFBO0VETEo7QUFDRjtBQ09FO0VBQ0UsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsaUJBQUE7QURMSjtBQ09JO0VBTEY7SUFNSSxhQUFBO0VESko7QUFDRjtBQ0tJO0VBQ0UsaUJBQUE7QURITjtBQ09FO0VBQ0Usb0JBQUE7RUFDQSxtQkFBQTtFQUNBLGtCQUFBO0VBQ0Esb0JBQUE7RUFDQSxtQkFBQTtFQUNBLFdBQUE7RUFDQSxpQkFBQTtBRExKO0FDTUk7RUFDRSxpQkFBQTtBREpOOztBQ1VBO0VBQ0UsbUJBQUE7QURQRjtBQ1FFO0VBRkY7SUFHSSxxQkFBQTtFRExGO0FBQ0Y7QUNNRTtFQUNFLFdBQUE7RUFDQSxpQkF2RFE7RUF3RFIsY0FBQTtFQUNBLGFBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsYUFBQTtBREpKO0FDTUk7RUFURjtJQVVJLDhCQUFBO0lBQ0EsWUFBQTtFREhKO0FBQ0Y7QUNJSTtFQUNFLFVBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7QURGTjtBQ0lNO0VBTEY7SUFNSSxXQUFBO0VERE47QUFDRjtBQ0lJO0VBQ0UsVUFBQTtFQUNBLGtCQUFBO0VBQ0EsUUFBQTtFQUNBLFNBQUE7QURGTjtBQ0lNO0VBTkY7SUFPSSxXQUFBO0lBQ0Esa0JBQUE7RURETjtBQUNGO0FDS007RUFERjtJQUVJLGFBQUE7SUFDQSxzQkFBQTtJQUNBLG1CQUFBO0VERk47QUFDRjtBQ0dNO0VBQ0UsZUFBQTtFQUNBLGNBQUE7QUREUjtB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 */