@charset "UTF-8";


/*===========================
reset style
===========================*/
/* Modern browser */
#lpContent *,
#lpContent *::before,
#lpContent *::after {
  box-sizing: border-box
}

#lpContent * {
  margin: 0
}

#lpContent html,
#lpContent body {
  height: 100%
}

#lpContent img,
#lpContent picture,
#lpContent video,
#lpContent canvas,
#lpContent svg {
  display: block;
  max-width: 100%
}

#lpContent input,
#lpContent button,
#lpContent textarea,
#lpContent select {
  font: inherit
}

#lpContent h1,
#lpContent h2,
#lpContent h3,
#lpContent h4,
#lpContent h5,
#lpContent h6 {
  overflow-wrap: break-word;
  font-size: 100%;
}

/* addition */
#lpContent img,
#lpContent video,
#lpContent iframe {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  vertical-align: bottom;
  display: inline-block;
}

@media screen and (min-width:751px) {

  #lpContent img,
  #lpContent video,
  #lpContent iframe {
    width: auto;
  }
}

#lpContent em {
  font-style: normal;
}

#lpContent small {
  font-size: 100%;
}


#lpContent ul,
#lpContent ol,
#lpContent li {
  padding: 0;
  list-style: none;
}


/* ---------------------------------------------
font
--------------------------------------------- */
#lpContent strong,
#lpContent em {
  font-weight: 700;
}

._fwBold {
  font-weight: bold !important;
}


/* ---------------------------------------------
Base
--------------------------------------------- */
#lpContent,
#lpContent table th,
#lpContent table td {
  line-height: 1.6;
  color: #000;
  font-size: 3.5vw;
}

@media screen and (min-width:751px) {

  #lpContent,
  #lpContent table th,
  #lpContent table td {
    font-size: 18px;
  }
}

#lpContent a,
#lpContent a:link,
#lpContent a:visited {
  color: #ff6600;
}

#lpContent a:hover {
  color: #1aa362;
  text-decoration: none;
}


/* ---------------------------------------------
width
--------------------------------------------- */
#lpContent {
  width: 100%;
}

#lpContent .contentsWrapper {
  width: 93.334%;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (min-width:751px) {
  #lpContent .contentsWrapper {
    width: 895px;
  }
}



/* ---------------------------------------------
#mainContents
--------------------------------------------- */
/* cmn */
#lpContent .sec {
  margin-bottom: 3em;
}

#lpContent .red1 {
  color: #d30000;
}

#lpContent .red2 {
  color: #fe6600;
}

#lpContent .brPc {
  display: none;
}

@media screen and (min-width:751px) {
  #lpContent .brSp {
    display: none;
  }

  #lpContent .brPc {
    display: inline;
  }
}

#lpContent .note {
  font-size: 3vw;
  font-weight: 400;
  display: inline-block;
}

@media screen and (min-width:751px) {
  #lpContent .note {
    font-size: 16px;
  }
}

#lpContent small.note1,
#lpContent .note1 small {
  padding-left: 1em;
  text-indent: -1em;
  display: inline-block;
}

#lpContent .txtSt1 {
  padding-bottom: .2em;
  border-bottom: 1px solid #000;
}

#lpContent .kerning1 {
  margin-right: -.5em;
  margin-left: -.5em;
}

#lpContent .txtMarker {
  padding-bottom: .05em;
  background: linear-gradient(transparent 70%, #ffde00 70%, #ffde00 90%, transparent 90%);
}

#lpContent .btnArea {
  margin-bottom: 2em;
  text-align: center;
}

#lpContent .btnArea .btn a {
  display: inline-block;
}

#lpContent .btnArea .btn a img:hover {
  filter: saturate(130%);
}

#lpContent .boxSt1 {
  background-color: #fff;
  border: 8px solid #c52a00;
  border: min(8px, calc(8 / 750 * 100vw)) solid #c52a00;
}

#lpContent .boxSt1 .secTtl {
  padding: .3em 0;
  text-align: center;
  color: #c52a00;
  font-size: 4.5vw;
  font-weight: 700;
  border-bottom: 8px solid #c52a00;
  border-bottom: min(8px, calc(8 / 750 * 100vw)) solid #c52a00;
}

@media screen and (min-width:751px) {
  #lpContent .boxSt1 .secTtl {
    font-size: 28px;
  }
}

#lpContent .boxSt1 .inner {
  padding: 2em 1.5vw 1em;
}

@media screen and (min-width:751px) {
  #lpContent .boxSt1 .inner {
    padding: 2em 1.5em;
  }
}

#lpContent .toggleCont {
  display: none;
}

#lpContent .appBn {
  padding: .8em 0;
  color: #fff;
  background-color: #ff6600;
}

@media screen and (min-width:751px) {
  #lpContent .appBn {
    padding: .5em 0;
  }
}

#lpContent .appBn .flexBox {
  display: block;
}

@media screen and (min-width:751px) {
  #lpContent .appBn .flexBox {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

#lpContent .appBn .ttl {
  margin: 0 0 .5em;
  line-height: 1.4;
  text-align: center;
}

#lpContent .appBn .ttl .txt1 {
  margin: 0 .5em 0 0;
  font-size: 3.5vw;
  display: block;
}

@media screen and (min-width:751px) {
  #lpContent .appBn .ttl .txt1 {
    font-size: 19px;
  }
}

#lpContent .appBn .ttl .txt2 {
  font-size: 4.5vw;
  display: block;
}

@media screen and (min-width:751px) {
  #lpContent .appBn .ttl .txt2 {
    font-size: 24px;
  }
}

#lpContent .appBn .appDl {
  display: flex;
  justify-content: center;
  align-items: center;
}

#lpContent .appBn .appDl li {
  margin: 0 .5em;
  display: flex;
  align-items: center;
}

#lpContent .appBn .appDl li.appA {
  width: 21.2vw;
}

#lpContent .appBn .appDl li.appG {
  width: 26vw;
}

@media screen and (min-width:751px) {
  #lpContent .appBn .appDl li {
    width: auto !important;
  }
}

#lpContent .appBn .appDl li .btn {
  margin: 0;
}

@media screen and (min-width:751px) {
  #lpContent .appBn .appDl li .btn {
    margin: 0 .5em 0 0;
  }
}

#lpContent .appBn .appDl li .qr {
  display: none;
}

@media screen and (min-width:751px) {
  #lpContent .appBn .appDl li .qr {
    display: block;
  }
}

#lpContent .link_blank a,
#lpContent a.link_blank {
  position: relative;
}

#lpContent a.link_blank {
  margin-right: 1.5em;
}

#lpContent .link_blank .icon {
  width: 2.5vw;
  position: absolute;
  top: 50%;
  right: .5em;
  transform: translateY(-50%);
  display: flex;
  overflow: visible;
}

@media screen and (min-width:751px) {
  #lpContent .link_blank .icon {
    width: 13px;
  }
}

#lpContent a.link_blank .icon {
  padding-top: 2px;
  right: auto;
  left: calc(100% + .3em);
}

#lpContent .btnArea a:hover {
  filter: brightness(120%) hue-rotate(-5deg);
}



/* header */
#lpContent #contentHeader {
  margin: 0 0 1em;
}

@media screen and (min-width:751px) {
  #lpContent #contentHeader {
    background: url(/oos/adv/image/tmp_254/contentHeader_bg1.jpg) no-repeat center;
    background-size: cover;
  }
}

#lpContent #contentHeader .contentsWrapper {
  width: 100%;
}

@media screen and (min-width:751px) {
  #lpContent #contentHeader .contentsWrapper {
    width: 1000px;
  }
}

#lpContent #contentHeader .hero {
  position: relative;
}

#lpContent #contentHeader .hero .pageTtl {
  position: relative;
  z-index: 1;
}

#lpContent #contentHeader .hero .noteImg {
  display: block;
}


/* contents */
#lpContent .contentBg {
  padding: 2em 0 1px;
  background-color: #fff7c3;
}


#lpContent #sec1 .conditions li {
  margin: 0 0 1em;
  padding-left: 1em;
  text-indent: -1em;
  font-weight: 700;
}

#lpContent #sec1 .conditions li:last-child {
  margin-bottom: 0;
}

@media screen and (min-width:751px) {
  #lpContent #sec1 .conditions li {
    font-size: 24px;
  }
}

#lpContent #sec1 .txtArea1 {
  padding: 1.5em 1em;
  text-align: center;
  color: #fff;
  background-color: #008121;
}

@media screen and (min-width:751px) {
  #lpContent #sec1 .txtArea1 {
    padding: 1.5em;
  }
}

#lpContent #sec1 .txtArea1 .txt1 {
  margin: 0 0 .5em;
  font-size: 4.2vw;
  font-weight: 700;
}

@media screen and (min-width:751px) {
  #lpContent #sec1 .txtArea1 .txt1 {
    font-size: 28px;
  }
}

#lpContent #sec1 .txtArea1 .btnArea {
  margin-bottom: 0;
}


#lpContent #sec2 .btnArea {
  margin-bottom: 0;
}

#lpContent #sec2 .flows {
  padding-bottom: 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#lpContent #sec2 .flows li.flow {
  width: 48%;
  margin: 0 0 1.2em;
  padding: 1em;
  text-align: center;
  border: 2px solid #c52a00;
}

@media screen and (min-width:751px) {
  #lpContent #sec2 .flows li.flow {
    width: 48.485%;
    margin-bottom: 1.5em;
    padding: 1em 0;
  }
}

#lpContent #sec2 .flows li.flow .ttl {
  margin: 0 0 1.5em;
  line-height: 1;
}

#lpContent #sec2 .flows li.flow .ttl .icon {
  margin: 0 0 .3em;
  padding: .2em 1.5em .2em;
  color: #fff;
  font-size: 3.7vw;
  font-weight: 500;
  background-color: #000;
  display: inline-block;
}

@media screen and (min-width:751px) {
  #lpContent #sec2 .flows li.flow .ttl .icon {
    font-size: 25px;
  }
}

#lpContent #sec2 .flows li.flow .ttl .day {
  font-size: 3.2vw;
  font-weight: 400;
  display: block;
}

@media screen and (min-width:751px) {
  #lpContent #sec2 .flows li.flow .ttl .day {
    font-size: 20px;
  }
}

#lpContent #sec2 .flows li.flow .flowContents .txtArea1 {
  padding: 0 0 1em;
  font-size: 3.2vw;
  font-weight: 500;
}

@media screen and (min-width:751px) and (max-width:1000px) {
  #lpContent #sec2 .flows li.flow .flowContents .txtArea1 {
    font-size: 2.3vw;
  }
}

@media screen and (min-width:1001px) {
  #lpContent #sec2 .flows li.flow .flowContents .txtArea1 {
    font-size: 20px;
  }
}

#lpContent #sec2 .flows li.flow .flowContents .figImg {
  margin: 0 auto 1em;
}

@media screen and (min-width:751px) {
  #lpContent #sec2 .flows li.flow .flowContents .figImg {
    margin-bottom: 1.5em;
  }
}

#lpContent #sec2 .flows li.flow1 .flowContents .flexBox {
  margin: 0;
}

@media screen and (min-width:751px) {
  #lpContent #sec2 .flows li.flow1 .flowContents .flexBox {
    display: flex;
    justify-content: center;
  }
}

#lpContent #sec2 .flows li.flow1 .flowContents .flexBox .block {
  margin: 0;
}

@media screen and (min-width:751px) {
  #lpContent #sec2 .flows li.flow1 .flowContents .flexBox .block {
    white-space: nowrap;
  }
}

@media screen and (max-width:750px) {
  #lpContent #sec2 .flows li.flow1 .flowContents .flexBox .block1 {
    margin-bottom: 1.5em;
  }
}

#lpContent #sec2 .flows li.flow1 .flowContents .txtArea1 {
  padding-bottom: .5em;
}

@media screen and (min-width:751px) {
  #lpContent #sec2 .flows li.flow1 .flowContents .txtArea1 {
    padding-bottom: 1em;
  }
}

@media screen and (min-width:751px) {
  #lpContent #sec2 .flows li.flow1 .flowContents .btnArea {
    margin: 0 .2em;
  }
}

#lpContent #sec2 .flows li.flow1 .flowContents .btnArea a {
  padding: .5em 0 .55em;
  line-height: 1;
  text-decoration: none;
  display: block;
  color: #fff;
  font-size: 3vw;
  background-color: #c52a00;
}

@media screen and (min-width:751px) {
  #lpContent #sec2 .flows li.flow1 .flowContents .btnArea a {
    padding: 1em .5em;
  }
}

@media screen and (min-width:751px) and (max-width:1000px) {
  #lpContent #sec2 .flows li.flow1 .flowContents .btnArea a {
    font-size: 2vw;
  }
}

@media screen and (min-width:1001px) {
  #lpContent #sec2 .flows li.flow1 .flowContents .btnArea a {
    font-size: 18px;
  }
}

#lpContent #sec2 .flows li.flow1 .flowContents .btnArea a::after {
  content: '';
  width: 1.72vw;
  height: 1.563vw;
  margin-left: .3em;
  vertical-align: middle;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212px%22%20height%3D%2211px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(254%2C%20254%2C%20254)%22%20d%3D%22M0.731%2C10.788%20L11.271%2C6.651%20L11.271%2C5.023%20L0.731%2C0.886%20L0.731%2C2.646%20L5.924%2C4.561%20L9.225%2C5.793%20L9.225%2C5.881%20L5.924%2C7.113%20L0.731%2C9.027%20L0.731%2C10.788%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  display: inline-block;
}

@media screen and (min-width:751px) {
  #lpContent #sec2 .flows li.flow1 .flowContents .btnArea a::after {
    width: 11px;
    height: 10px;
  }
}

#lpContent #sec2 .flows li.flow2 .flowContents .txtArea1 {
  padding-bottom: 0;
}

#lpContent #sec2 .flows li.flow2 .flowContents .figImg {
  margin-bottom: .5em;
}

#lpContent #sec2 .flows li.flow2 .flowContents .note {
  margin: 0 -1em;
  line-height: 1.6;
  font-size: 80%;
}

#lpContent #sec2 .flows li.flow3 .flowContents .txtArea1 {
  padding-bottom: .5em;
}

#lpContent #sec2 .flows li.flow4 .flowContents .txtArea1 {
  padding-bottom: 1.5em;
}

@media screen and (max-width:750px) {
  #lpContent #sec2 .flows li.flow1 .flowContents .block .figImg {
    width: 15.6vw;
  }

  #lpContent #sec2 .flows li.flow2 .flowContents .figImg {
    width: 16.8vw;
  }

  #lpContent #sec2 .flows li.flow3 .flowContents .figImg {
    width: 30vw;
  }

  #lpContent #sec2 .flows li.flow4 .flowContents .figImg {
    width: 30vw;
  }
}

#lpContent #sec2 .btnArea .ttl {
  margin: 0 0 .5em;
  color: #c52a00;
  font-size: 4.5vw;
}

@media screen and (min-width:751px) {
  #lpContent #sec2 .btnArea .ttl {
    font-size: 29px;
  }
}


#lpContent #sec3 .ttl {
  margin-bottom: .5em;
  font-weight: 400;
}

#lpContent #sec3 ul.liSt1 {
  margin: 0 0 2em .5em;
}

#lpContent #sec3 ul.liSt1.Lv2 {
  margin: 0;
}

#lpContent #sec3 ul.liSt1 li {
  padding-left: 1em;
  text-indent: -1em;
}

#lpContent #sec3 ul.liSt1 li::before {
  content: '\030FB';
}


#lpContent #sec4 .secTtl {
  margin-bottom: .5em;
  line-height: 1.4;
  text-align: center;
  color: #c52a00;
  font-size: 5.8vw;
  font-weight: 900;
}

@media screen and (min-width:751px) {
  #lpContent #sec4 .secTtl {
    font-size: 46px;
  }
}

#lpContent #sec4 .points .point {
  margin: 0 0 2em;
  background-color: #fff;
  border: 4px solid #c52a00;
}

#lpContent #sec4 .points .point .pointTtl {
  margin: 0;
  padding: .5em 0;
  text-align: center;
  color: #fff;
  font-size: 3.7vw;
  background-color: #c52a00;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width:751px) {
  #lpContent #sec4 .points .point .pointTtl {
    font-size: 28px;
  }
}

#lpContent #sec4 .points .point .pointTtl::before,
#lpContent #sec4 .points .point .pointTtl::after {
  content: '';
  width: 4.267vw;
  height: .667vw;
  background-color: #fff;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
  transition: all .3s;
}

@media screen and (min-width:751px) {

  #lpContent #sec4 .points .point .pointTtl::before,
  #lpContent #sec4 .points .point .pointTtl::after {
    width: 32px;
    height: 5px;
  }
}

#lpContent #sec4 .points .point .pointTtl::before {
  transform: translateY(-50%) rotate(90deg);
}

#lpContent #sec4 .points .point.active .pointTtl::before {
  transform: translateY(-50%) rotate(180deg);
}

#lpContent #sec4 .points .point.active .pointTtl::after {
  transform: translateY(-50%) rotate(-180deg);
}

#lpContent #sec4 .points .point .pointTtl .icon {
  width: 9.6vw;
  height: 9.6vw;
  color: #fff;
  line-height: 1;
  font-size: 2vw;
  border: calc(3 / 750 *100vw) solid #fff;
  border-radius: 50%;
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
}

@media screen and (min-width:751px) {
  #lpContent #sec4 .points .point .pointTtl .icon {
    width: 72px;
    height: 72px;
    font-size: 16px;
    border: 3px solid #fff;
  }
}

#lpContent #sec4 .points .point .pointTtl .icon .num {
  font-size: 4.5vw;
}

@media screen and (min-width:751px) {
  #lpContent #sec4 .points .point .pointTtl .icon .num {
    font-size: 33px;
  }
}

#lpContent #sec4 .points .point .pointContent {
  padding: 2em 4vw 1em;
  border-top: 4px solid #c52a00;
  position: relative;
}

@media screen and (min-width:751px) {
  #lpContent #sec4 .points .point .pointContent {
    padding: 3em 2em 2em;
  }
}

#lpContent #sec4 .points .point .pointContent .txtArea {
  margin: 0 auto 0 0;
  font-size: 3vw;
}

@media screen and (min-width:751px) {
  #lpContent #sec4 .points .point .pointContent .txtArea {
    font-size: 26px;
  }
}

#lpContent #sec4 .points .point .pointContent .txtArea sup {
  font-size: 60%;
}

#lpContent #sec4 .points .point .pointContent .txtArea .ttl {
  margin: 0 0 1em;
  line-height: 1.4;
  font-size: 3.8vw;
}

@media screen and (min-width:751px) {
  #lpContent #sec4 .points .point .pointContent .txtArea .ttl {
    margin: 0 0 1.5em;
    font-size: 28px;
  }
}

#lpContent #sec4 .points .point .pointContent .txtArea .txt {
  width: 55%;
  margin: 0 0 1.5em;
  line-height: 1.4;
  font-weight: 500;
}

#lpContent #sec4 .points .point .pointContent .txtArea .txt p {
  margin-bottom: 1.5em;
}

#lpContent #sec4 .points .point .pointContent .txtArea .note {
  font-size: 80%;
}

#lpContent #sec4 .points .point .pointContent .imgArea {
  text-align: center;
  position: absolute;
  right: 5vw;
  bottom: 0;
}

@media screen and (min-width:751px) {
  #lpContent #sec4 .points .point .pointContent .imgArea {
    width: 350px !important;
    right: 0;
  }
}

#lpContent #sec4 .points .point1 .pointContent .imgArea {
  width: 29.6vw;
}

#lpContent #sec4 .points .point2 .pointContent .txtArea {
  padding-bottom: 5em;
}

@media screen and (min-width:751px) {
  #lpContent #sec4 .points .point2 .pointContent .txtArea {
    padding-bottom: 3em;
  }
}

#lpContent #sec4 .points .point2 .pointContent .imgArea {
  width: 30.934vw;
  padding-bottom: 1em;
}

@media screen and (min-width:751px) {
  #lpContent #sec4 .points .point2 .pointContent .imgArea {
    padding-bottom: 2em;
  }
}

#lpContent #sec4 .points .point3 .pointContent .imgArea {
  width: 29.2vw;
}

#lpContent #sec4 .points .point4 .pointContent .txtArea .txt {
  margin-bottom: 1em;
}

#lpContent #sec4 .points .point4 .pointContent .txtArea .btnArea {
  margin: 0;
  text-align: left;
}

#lpContent #sec4 .points .point4 .pointContent .txtArea .btnArea a {
  padding: .2em 2.5em .3em 2em;
  line-height: 1;
  text-decoration: none;
  color: #008121;
  font-size: 3.5vw;
  font-weight: 700;
  border: 2px solid #008121;
}

@media screen and (min-width:751px) {
  #lpContent #sec4 .points .point4 .pointContent .txtArea .btnArea a {
    font-size: 22px;
  }
}

#lpContent #sec4 .points .point4 .pointContent .txtArea .btnArea a:hover {
  background-color: #cfffdb;
}

#lpContent #sec4 .points .point4 .pointContent .imgArea {
  width: 29.867vw;
  padding-bottom: 1.8em;
  text-align: left;
}

@media screen and (min-width:751px) {
  #lpContent #sec4 .points .point4 .pointContent .imgArea {
    padding-bottom: 4em;
  }
}


#lpContent #sec5 {
  margin-bottom: 2.5em;
  padding: 4em 0 0;
  text-align: center;
  background-color: #fff;
}

#lpContent #sec5 .secTtl {
  margin: 0 0 .2em;
  color: #008121;
  font-size: 4.5vw;
}

@media screen and (min-width:751px) {
  #lpContent #sec5 .secTtl {
    font-size: 29px;
  }
}

#lpContent #sec5 .txtArea1 {
  margin: 0 0 1.5em;
}

#lpContent #sec5 .appDetail {
  width: 100%;
  padding: 0 0 2.5em;
  background-color: #eef8f1;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

#lpContent #sec5 .appDetail .ttlArea {
  margin: 0 0 2em;
  padding: .5em 0 .6em;
  color: #fff;
  font-size: 4.5vw;
  background-color: #008121;
  position: relative;
  z-index: 2;
}

@media screen and (min-width:751px) {
  #lpContent #sec5 .appDetail .ttlArea {
    font-size: 28px;
  }
}

#lpContent #sec5 .appDetail .ttlArea::after {
  content: '';
  border: calc(15 / 750 * 100vw) solid transparent;
  border-top-color: #008121;
  display: block;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width:751px) {
  #lpContent #sec5 .appDetail .ttlArea::after {
    border: 15px solid transparent;
    border-top-color: #008121;
  }
}

#lpContent #sec5 .appDetail .sliderContainer {
  width: 100%;
  max-width: 87.067vw;
  margin: 0 auto;
  padding-bottom: 1.5em;
}

@media screen and (min-width:751px) {
  #lpContent #sec5 .appDetail .sliderContainer {
    width: 897px;
  }
}

#lpContent #sec5 .appDetail .slider {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

#lpContent #sec5 .appDetail .swiper-wrapper {
  padding: 4em 0 0;
  background-color: #eef8f1;
  position: relative;
}

#lpContent #sec5 .appDetail .swiper-pagination-bullets.swiper-pagination-horizontal {
  top: 0;
  bottom: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

#lpContent #sec5 .appDetail .swiper-pagination-bullet {
  width: 7.334vw;
  height: 7.334vw;
  margin: 0 1.5em;
  text-align: center;
  line-height: 1;
  color: #c5c5c5;
  font-size: 3vw;
  font-weight: 700;
  opacity: 1;
  background-color: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media screen and (min-width:751px) {
  #lpContent #sec5 .appDetail .swiper-pagination-bullet {
    width: 50px;
    height: 50px;
    font-size: 19px;
  }
}

#lpContent #sec5 .appDetail .swiper-pagination-bullet-active {
  color: #fff;
  background-color: #007a26;
}

#lpContent #sec5 .appDetail .swiper-pagination-bullet::before {
  content: '';
  width: 15px;
  height: 18px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2219px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(197%2C%20197%2C%20197)%22%20d%3D%22M14.439%2C9.447%20L0.933%2C0.643%20L0.245%2C2.308%20L11.267%2C9.447%20L11.267%2C9.539%20L0.245%2C16.678%20L0.933%2C18.343%20L14.439%2C9.539%20L14.439%2C9.447%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: calc(100% + 1.5em);
  transform: translate(-50%, -50%);
}

#lpContent #sec5 .appDetail .swiper-pagination-bullet:last-child:before {
  display: none;
}

#lpContent #sec5 .appDetail .swiper-pagination-bullet-active:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2219px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23007a26%22%20d%3D%22M14.439%2C9.447%20L0.933%2C0.643%20L0.245%2C2.308%20L11.267%2C9.447%20L11.267%2C9.539%20L0.245%2C16.678%20L0.933%2C18.343%20L14.439%2C9.539%20L14.439%2C9.447%20Z%22%2F%3E%3C%2Fsvg%3E');
}

#lpContent #sec5 .appDetail .slider .img {
  margin: 0;
  border: 1px solid #c5c5c5;
  border-radius: 10px;
  overflow: hidden;
}

#lpContent #sec5 .swiper-button-prev,
#lpContent #sec5 .swiper-button-next {
  width: 8.134vw;
  height: 8.134vw;
  left: auto;
}

@media screen and (min-width:751px) {

  #lpContent #sec5 .swiper-button-prev,
  #lpContent #sec5 .swiper-button-next {
    width: 61px;
    height: 61px;
  }
}

#lpContent #sec5 .swiper-button-prev {
  left: 0;
  transform: translateX(-50%);
}

#lpContent #sec5 .swiper-button-next {
  right: 0;
  transform: translateX(50%) rotate(180deg);
}

#lpContent #sec5 .swiper-button-prev:after,
#lpContent #sec5 .swiper-button-next:after {
  content: '';
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22m12.718%204.707-1.413-1.415L2.585%2012l8.72%208.707%201.413-1.415L6.417%2013H20v-2H6.416l6.302-6.293z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center #007a26;
  background-size: 3.6vw 3.6vw;
  border-radius: 50%;
}

@media screen and (min-width:751px) {

  #lpContent #sec5 .swiper-button-prev:after,
  #lpContent #sec5 .swiper-button-next:after {
    background-size: 27px 27px;
  }
}

#lpContent #sec5 .bnApp {
  padding: 1em 0;
  color: #fff;
  background-color: #14ac3b;
  border-radius: calc(10 / 750 * 100vw);
  display: block;
}

@media screen and (min-width:751px) {
  #lpContent #sec5 .bnApp {
    padding: 1.5em 0;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

#lpContent #sec5 .bnApp .ttl {
  margin: 0 0 .5em;
  font-size: 3.8vw;
}

@media screen and (min-width:751px) {
  #lpContent #sec5 .bnApp .ttl {
    margin: 0 .5em 0 0;
    font-size: 22px;
  }
}

#lpContent #sec5 .bnApp .txtArea {
  display: flex;
  justify-content: center;
}

#lpContent #sec5 .bnApp .txtArea .qr {
  display: none;
}

@media screen and (min-width:751px) {
  #lpContent #sec5 .bnApp .txtArea .qr {
    width: 93px;
    margin-right: 1em;
    display: block;
  }
}

#lpContent #sec5 .bnApp .txtArea .btnArea {
  margin-bottom: 0;
}

@media screen and (min-width:751px) {
  #lpContent #sec5 .bnApp .txtArea .btnArea {
    text-align: left;
  }
}

#lpContent #sec5 .bnApp .txtArea .btnArea .btn {
  margin-bottom: .5em;
}

#lpContent #sec5 .bnApp .txtArea .btnArea .btn a {
  padding: .5em 3em;
  text-decoration: none;
  color: #fff;
  font-size: 3.5vw;
  font-weight: 500;
  background-color: #000;
  border-radius: calc(11 / 750 * 100vw);
  display: inline-block;
}

@media screen and (min-width:751px) {
  #lpContent #sec5 .bnApp .txtArea .btnArea .btn a {
    padding: .5em 3em;
    font-size: 21px;
    border-radius: 11px;
  }
}

#lpContent #sec5 .bnApp .txtArea .btnArea .btn a:hover {
  background-color: #222;
}


#lpContent #sec6 .btnArea {
  padding-bottom: 2em;
  border-bottom: 1px solid #c5c5c5;
}

#lpContent #sec6 .btnArea .btn a {
  padding: 1.7em 2em;
  text-decoration: none;
  color: #fff;
  font-size: 3.5vw;
  font-weight: 500;
  display: inline-block;
  background: linear-gradient(rgba(255, 139, 0, 1) 0%, rgba(255, 46, 0, 1) 100%);
  border-radius: calc(10 / 750 * 100vw);
  box-shadow: 0 calc(-6 / 750 * 100vw) 0 0 #8d3500 inset;
}

@media screen and (min-width:751px) {
  #lpContent #sec6 .btnArea .btn a {
    padding: 1.7em 3em;
    font-size: 21px;
    border-radius: 10px;
    box-shadow: 0 -6px 0 0 #8d3500 inset;
  }
}

#lpContent #sec6 .notes {
  margin-bottom: 3em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c5c5c5;
}

#lpContent #sec6 .notes .ttl {
  margin-bottom: 0.5em;
  padding-left: 1.3em;
  position: relative;
}

#lpContent #sec6 .notes .ttl .icon {
  width: 1.3em;
  padding-right: .2em;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(calc(-50% + 1px));
}

@media screen and (min-width:751px) {
  #lpContent #sec6 .notes .ttl .icon {
    width: 24px;
  }
}

#lpContent #sec6 .notes .notesList {
  font-weight: 700;
}

#lpContent #sec6 .notes .notesList li {
  margin-bottom: 2em;
  padding-left: 1.2em;
  text-indent: -1em;
}

#lpContent #sec6 .notes .notesList li::before {
  content: '\030FB';
}

#lpContent #sec6 .notes .notesList .lv2 {
  padding-top: 0.5em;
  font-weight: 400;
}

#lpContent #sec6 .notes .notesList .lv2 li {
  margin-bottom: .5em;
  font-size: 90%;
}

#lpContent #sec6 .notes .notesList li .link_blank {
  white-space: nowrap;
}

#lpContent #sec6 .atTheMoment {
  padding-top: 1em;
  text-align: right;
  font-size: 120%;
}

@media screen and (min-width:751px) {
  #lpContent #sec6 .atTheMoment {
    font-size: 100%;
  }
}