/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */ *, ::before, ::after {
  background-repeat: no-repeat;
  box-sizing: inherit
}
::before, ::after {
  text-decoration: inherit;
  vertical-align: inherit
}
html {
  box-sizing: border-box;
  cursor: default;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
article, aside, footer, header, nav, section {
  display: block
}
body {
  margin: 0
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
figcaption, figure, main {
  display: block
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
nav ol, nav ul {
  list-style: none
}
pre {
  font-family: monospace, monospace;
  font-size: 1em
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b, strong {
  font-weight: inherit
}
b, strong {
  font-weight: bolder
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
dfn {
  font-style: italic
}
mark {
  background-color: #ffff00;
  color: #000000
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
::-moz-selection {
  background-color: #b3d4fc;
  color: #000000;
  text-shadow: none
}
::selection {
  background-color: #b3d4fc;
  color: #000000;
  text-shadow: none
}
audio, canvas, iframe, img, svg, video {
  vertical-align: middle
}
audio, video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
img {
  border-style: none
}
svg {
  fill: currentColor
}
svg:not(:root) {
  overflow: hidden
}
table {
  border-collapse: collapse
}
button, input, optgroup, select, textarea {
  margin: 0
}
button, input, select, textarea {
  color: inherit;
  font-size: inherit;
  line-height: inherit
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  display: inline-block;
  vertical-align: baseline
}
textarea {
  overflow: auto;
  resize: vertical
}
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
details, menu {
  display: block
}
summary {
  display: list-item
}
canvas {
  display: inline-block
}
template {
  display: none
}
a, area, button, input, label, select, summary, textarea, [tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}
[hidden] {
  display: none
}
[aria-busy="true"] {
  cursor: progress
}
[aria-controls] {
  cursor: pointer
}
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute
}
[aria-disabled] {
  cursor: default
}
html {
  line-height: 1
}
ol, ul {
  list-style: none
}
table {
  border-spacing: 0
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle
}
img {
  vertical-align: bottom
}
input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
html {
  width: 100%;
  margin: 0 auto;
  font-size: 62.5%
}
body {
  font-size: 3.33333vw;
  line-height: 1.8;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  color: #505050;
  text-align: left;
  background-color: #FFF
}
@media screen and (min-width: 768px), print {
  body {
    font-size: 1.66667vw
  }
}
@media screen and (min-width: 1200px) {
  body {
    font-size: 20px
  }
}
a {
  color: #505050;
  text-decoration: none;
  transition: all 0.2s
}
@media only screen and (min-width: 768px) {
  a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8
  }
}
img {
  width: 100%;
  vertical-align: bottom
}
ul {
  padding-left: 0
}
figure {
  margin: 0
}
@media screen and (min-width: 768px), print {
  .sp {
    display: none !important
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important
  }
}
.breadcrumb {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  font-weight: normal;
  background: #000;
  color: #fff;
  padding: calc((14/750)*100vw) 0;
  line-height: 1
}
@media screen and (min-width: 768px) {
  .breadcrumb {
    padding: calc((7/1200)*100vw) 0
  }
}
@media screen and (min-width: 1200px) {
  .breadcrumb {
    padding: 7px 0
  }
}
.breadcrumb a {
  text-decoration: underline;
  color: #ffffff
}
.breadcrumb-inner {
  padding: 0 calc((26/750)*100vw)
}
@media screen and (min-width: 768px) {
  .breadcrumb-inner {
    padding: 0;
    width: calc((1017/1200)*100vw);
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media screen and (min-width: 1200px) {
  .breadcrumb-inner {
    width: 1017px
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb-txt {
    font-size: calc((14/1200)*100vw)
  }
}
@media screen and (min-width: 1200px) {
  .breadcrumb-txt {
    font-size: 14px
  }
}
.breadcrumb-sns {
  display: -ms-flexbox;
  display: flex;
  height: calc((42/750)*100vw)
}
@media screen and (min-width: 768px) {
  .breadcrumb-sns {
    height: calc((20/1200)*100vw)
  }
}
@media screen and (min-width: 1200px) {
  .breadcrumb-sns {
    height: 20px
  }
}
.breadcrumb-sns .twitter {
  display: contents;
  margin-right: calc((15/750)*100vw)
}
@media screen and (min-width: 768px) {
  .breadcrumb-sns .twitter {
    display: -ms-flexbox;
    display: flex;
    margin-right: 0
  }
}
.footer {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  font-weight: normal;
  color: #fff;
  background: #000;
  padding: calc((42/750)*100vw) 0 calc((30/750)*100vw);
  position: relative;
  z-index: 1
}
@media screen and (min-width: 768px), print {
  .footer {
    padding: calc((42/1200)*100vw) 0 calc((17/1200)*100vw)
  }
}
@media screen and (min-width: 1200px) {
  .footer {
    padding: 42px 0 17px
  }
}
.footer-logo {
  width: calc((209/750)*100vw);
  margin: 0 auto calc((30/750)*100vw)
}
@media screen and (min-width: 768px) {
  .footer-logo {
    width: calc((139/750)*100vw);
    margin: 0 auto calc((42/1200)*100vw)
  }
}
@media screen and (min-width: 1200px) {
  .footer-logo {
    width: 139px;
    margin: 0 auto 42px
  }
}
.footer-copy {
  text-align: center;
  font-size: calc((24/750)*100vw)
}
@media screen and (min-width: 768px) {
  .footer-copy {
    font-size: calc((16/1200)*100vw)
  }
}
@media screen and (min-width: 1200px) {
  .footer-copy {
    font-size: 16px
  }
}
.header {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, Sans-Serif;
  font-weight: normal;
  line-height: 1;
  color: #ffffff;
  background: #005bac;
  padding: calc((34/750)*100vw) 0 calc((18/750)*100vw)
}
@media screen and (min-width: 768px) {
  .header {
    padding: calc((18/1200)*100vw) 0
  }
}
@media screen and (min-width: 1200px) {
  .header {
    padding: 18px 0
  }
}
@media screen and (min-width: 768px) {
  .header-inner {
    width: calc((1017/1200)*100vw);
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media screen and (min-width: 1200px) {
  .header-inner {
    width: 1017px
  }
}
.header-logo {
  width: calc((197/750)*100vw);
  margin: 0 auto calc((30/750)*100vw)
}
@media screen and (min-width: 768px) {
  .header-logo {
    width: calc((102/1200)*100vw);
    margin: 0
  }
}
@media screen and (min-width: 1200px) {
  .header-logo {
    width: 102px
  }
}
.header-product {
  font-size: calc((22/750)*100vw);
  text-align: center
}
@media screen and (min-width: 768px) {
  .header-product {
    font-size: calc((14/1200)*100vw)
  }
}
@media screen and (min-width: 1200px) {
  .header-product {
    font-size: 14px
  }
}
@media screen and (max-width: 767px), print {
  .sp {
    display: block !important
  }
}
@media screen and (min-width: 768px), print {
  .sp {
    display: none !important
  }
}
@media screen and (max-width: 767px), print {
  .pc {
    display: none !important
  }
}
@media screen and (min-width: 768px), print {
  .pc {
    display: block !important
  }
}
p {
  margin: 0
}
body {
  background: #ffffff
}
body.b-body {
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%
}
.pbAreaWrapper1 {
  margin-bottom: 0;
  position: relative;
  top: 0
}
.shm-lp3 {
  position: relative
}
.shm-lp3 .section-01 {
  padding: calc((90/750)*100vw) 0 calc((90/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-01 {
    padding: calc((95/1366)*100vw) 0 calc((99/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-01 {
    padding: 95px 0 99px
  }
}
.shm-lp3 .section-01 .section-01-ttl {
  margin: 0 auto calc((20/750)*100vw);
  text-align: center;
  width: calc((491/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-01 .section-01-ttl {
    margin: 0 auto 0;
    width: calc((785/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-01 .section-01-ttl {
    width: 785px;
    margin-bottom: 30px
  }
}
.shm-lp3 .section-01 .section-01-slide {
  margin: auto
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-01 .section-01-slide {
    width: calc((1366/1450)*100vw)
  }
}
@media screen and (min-width: 1450x) and (max-width: 1920px) {
  .shm-lp3 .section-01 .section-01-slide {
    width: 1366px
  }
}
@media screen and (min-width: 1921px), print {
  .shm-lp3 .section-01 .section-01-slide {
    width: 1920px
  }
}
.shm-lp3 .section-01 .slick-slide img {
  width: 100%
}
.shm-lp3 .section-01 .section-01-txt {
  text-align: center;
  margin: calc((60/750)*100vw) auto calc((30/750)*100vw);
  line-height: 2;
  letter-spacing: 1px;
  width: calc((670/750)*100vw);
  font-size: calc((26/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-01 .section-01-txt {
    width: 100%;
    letter-spacing: 1px;
    line-height: 2;
    margin: calc((78/1366)*100vw) auto calc((52/1366)*100vw);
    font-size: calc((20/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-01 .section-01-txt {
    margin: 70px auto 45px;
    font-size: 20px
  }
}
.shm-lp3 .section-02 {
  background: #f6f6f6;
  padding: calc((70/750)*100vw) 0 calc((105/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-02 {
    padding: calc((75/1366)*100vw) 0 calc((100/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-02 {
    padding: 75px 0 130px
  }
}
.shm-lp3 .section-02 .section-02-ttl {
  text-align: center;
  margin: auto;
  position: relative;
  width: calc((709/750)*100vw);
  left: calc((-20/750)*100vw);
  margin-bottom: calc((20/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-02 .section-02-ttl {
    width: calc((920/1366)*100vw);
    margin-bottom: calc((20/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-02 .section-02-ttl {
    width: 920px;
    margin-bottom: 20px;
    left: -45px
  }
}
.shm-lp3 .section-02 .section-02-slide {
  margin: auto
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-02 .section-02-slide {
    width: calc((1350/1366)*100vw)
  }
}
@media screen and (min-width: 1366x) and (max-width: 1920px) {
  .shm-lp3 .section-02 .section-02-slide {
    width: 1350px
  }
}
@media screen and (min-width: 1921px), print {
  .shm-lp3 .section-02 .section-02-slide {
    width: 1920px
  }
}
.shm-lp3 .section-02 .section-02-slide .ct {
  margin: 0 calc((6/750)*100vw) 0
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-02 .section-02-slide .ct {
    margin: 0 calc((15/1366)*100vw) 0
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-02 .section-02-slide .ct {
    margin: 0 15px 0
  }
}
.shm-lp3 .section-02 .slick-dots li {
  position: relative;
  bottom: calc((-15/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-02 .slick-dots li {
    bottom: calc((-20/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-02 .slick-dots li {
    bottom: -20px
  }
}
.shm-lp3 .section-03 {
  padding: calc((103/750)*100vw) 0 calc((280/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-03 {
    padding: calc((110/1366)*100vw) 0 calc((240/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-03 {
    padding: 110px 0 240px
  }
}
.shm-lp3 .section-03-ttl {
  margin: auto;
  width: calc((537/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-03-ttl {
    width: calc((423/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-03-ttl {
    width: 423px
  }
}
.shm-lp3 .section-03-txt {
  margin: auto;
  margin: calc((50/750)*100vw) auto calc((45/750)*100vw);
  width: calc((674/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-03-txt {
    margin: calc((40/1366)*100vw) auto calc((40/1366)*100vw);
    width: calc((815/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-03-txt {
    margin: 40px auto 40px;
    width: 815px
  }
}
.shm-lp3 .section-03-dtl {
  width: calc((600/750)*100vw);
  margin: auto
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-03-dtl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: auto;
    width: calc((1000/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-03-dtl {
    width: 1000px
  }
}
@media screen and (max-width: 767px), print {
  .shm-lp3 .section-03-dtl-img {
    margin-bottom: calc((30/750)*100vw)
  }
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-03-dtl-img {
    width: calc((600/750)*100vw);
    width: calc((310/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-03-dtl-img {
    width: 310px
  }
}
.shm-lp3 .section-03-cap {
  /*margin: auto;*/
  width: calc((577/750)*100vw);
  margin: calc((-5/750)*100vw) auto calc((75/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .section-03-cap {
    width: calc((1000/1366)*100vw);
    font-size: calc((12/1366)*100vw);
    margin: calc((15/1366)*100vw) auto calc((45/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .section-03-cap {
    color: #b4b3b3;
    width: 1000px;
    font-size: 12px;
    margin: 15px auto 45px
  }
}
.shm-lp3 .cvBtn {
  text-align: center;
  margin: auto;
  width: calc((634/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .cvBtn {
    width: calc((676/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 .cvBtn {
    width: 676px
  }
}
.shm-lp3 .slick-dots li button:before {
  font-size: 12px !important;
  color: #d9d9d9;
  opacity: 1
}
.shm-lp3 .slick-dots li.slick-active button:before {
  color: #999999;
  opacity: 1
}
.shm-lp3 .shmv {
  background-image: url(/library/shm-keiei/lp3/img/shsp/mv-bg.png);
  background-size: cover;
  background-position: center;
  padding: calc((90/750)*100vw) 0 calc((90/750)*100vw)
}



@media screen and (min-width: 768px), print {
  .shm-lp3 .shmv {
    background-image: url(/library/shm-keiei/lp3/img/shpc/mv-bg.png);
    padding: calc((60/1366)*100vw) 0 calc((50/1366)*100vw)
  }
}
		
@media screen and (min-width: 1366px), print {
  .shm-lp3 .shmv {
    padding: 60px 0 50px
  }
}
.shm-lp3 .shmv-inner {
  margin: auto
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .shmv-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
  }
}
@media screen and (min-width: 1501px), print {
  .shm-lp3 .shmv-inner {
    width: 1500px
  }
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .shmv-inner-ttl {
    position: relative;
    left: calc((167/1500)*100vw)
  }
}
@media screen and (min-width: 1501px), print {
  .shm-lp3 .shmv-inner-ttl {
    left: 167px
  }
}
.shm-lp3 .shmv-inner-ttl .ttl-img01 {
  margin: auto;
  width: calc((538/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .shmv-inner-ttl .ttl-img01 {
    width: calc((482/1500)*100vw)
  }
}
@media screen and (min-width: 1501px), print {
  .shm-lp3 .shmv-inner-ttl .ttl-img01 {
    width: 482px
  }
}
.shm-lp3 .shmv-inner-ttl .ttl-img02 {
  width: calc((684/750)*100vw);
  margin: calc((-20/750)*100vw) auto calc((35/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .shmv-inner-ttl .ttl-img02 {
    margin: calc((20/1500)*100vw) auto calc((22/1500)*100vw);
    width: calc((557/1500)*100vw)
  }
}
@media screen and (min-width: 1501px), print {
  .shm-lp3 .shmv-inner-ttl .ttl-img02 {
    margin: 20px auto 22px;
    width: 557px
  }
}
.shm-lp3 .shmv-inner-ttl .mv-btn {
  margin: auto;
  width: calc((608/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .shmv-inner-ttl .mv-btn {
    position: relative;
    z-index: 5;
    width: calc((476/1500)*100vw)
  }
}
@media screen and (min-width: 1501px), print {
  .shm-lp3 .shmv-inner-ttl .mv-btn {
    width: 476px
  }
}
.shm-lp3 .shmv-inner-ttl .ttl-book.sp {
  width: 100%;
  margin: calc((58/750)*100vw) auto calc((22/750)*100vw)
}
.shm-lp3 .shmv-inner-book {
  margin: auto
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .shmv-inner-book {
    position: relative;
    left: calc((10/1500)*100vw);
    top: calc((20/1500)*100vw);
    width: calc((825/1500)*100vw)
  }
}
@media screen and (min-width: 1501px), print {
  .shm-lp3 .shmv-inner-book {
    left: 10px;
    top: 20px;
    width: 825px
  }
}
.shm-lp3 #shm-lp3_footer {
  background: #3b3c41;
  padding: calc((62/750)*100vw) 0 calc((62/750)*100vw);
  bottom: calc((0/750)*100vw);
  position: absolute;
  width: 100%
}
@media screen and (min-width: 768px), print {
  .shm-lp3 #shm-lp3_footer {
    padding: calc((50/1366)*100vw) 0 calc((54/1366)*100vw);
    bottom: calc((0/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 #shm-lp3_footer {
    padding: 50px 0 54px;
    bottom: 0px
  }
}
.shm-lp3 #shm-lp3_footer .ft_link {
  text-align: center;
  margin: auto;
  width: calc((170/750)*100vw)
}
@media screen and (min-width: 768px), print {
  .shm-lp3 #shm-lp3_footer .ft_link {
    width: calc((115/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 #shm-lp3_footer .ft_link {
    width: 115px
  }
}
.shm-lp3 #shm-lp3_header .hd-inner {
  margin: auto;
  width: calc((435/750)*100vw);
  text-align: center
}
@media screen and (min-width: 768px), print {
  .shm-lp3 #shm-lp3_header .hd-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc((1340/1366)*100vw);
    text-align: center
  }
}
@media screen and (min-width: 1366x) and (max-width: 1920px) {
  .shm-lp3 #shm-lp3_header .hd-inner {
    width: 1340px
  }
}
@media screen and (min-width: 1921px), print {
  .shm-lp3 #shm-lp3_header .hd-inner {
    width: 1920px
  }
}
@media screen and (min-width: 768px), print {
  .shm-lp3 #shm-lp3_header .hd-inner .btn {
    padding-top: calc((5/1366)*100vw)
  }
}
@media screen and (min-width: 1366px), print {
  .shm-lp3 #shm-lp3_header .hd-inner .btn {
    padding-top: 5px
  }
}
@media screen and (max-width: 767px), print {
  .shm-lp3 .bnr {
    position: fixed;
    bottom: 0;
    display: none;
    z-index: 10
  }
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .bnr {
    display: none !important
  }
}

	
	@media screen and (max-width: 767px), print {
.shm-lp3 .shmv_b {
	background-image: url(/library/shm-keiei/lp3/img/shsp/mv-bg_20231031.png);
  background-size: cover;
  background-position: center;
  padding: calc((90/750)*100vw) 0 calc((90/750)*100vw)
}
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .shmv_b {
	  background-image: url(/library/shm-keiei/lp3/img/shpc/mv-bg_20231027.png);
    padding: calc((60/1366)*100vw) 0 calc((50/1366)*100vw)
  }
}	
	
	
.shm-lp3 .shmv .ttl-img00 {
  margin:0 auto 25px;
  width: calc((728/750)*100vw);
}
@media screen and (min-width: 768px), print {
  .shm-lp3 .shmv .ttl-img00 {
    width: calc((958/1500)*100vw);
	  margin:0 auto 50px;
  }
}
@media screen and (min-width: 1501px), print {
  .shm-lp3 .shmv .ttl-img00 {
    width: 958px;
  }
}