@charset "UTF-8";
/* *****************************
 *
 * Import file to Scss or Sass.
 *
 **************************** */
 /* -----------------------------------------------------------------

 #01　リセット

 ------------------------------------------------------------------ */
* {
  font-style: normal;
  margin: 0px;
  padding: 0px;
  text-decoration: none; }

html {
  font-size: 62.5%;
  line-height: 1.6; }

ul {
  list-style: none; }

fieldset {
  border: 0; }

img {
  border: 0;
  vertical-align: bottom; }

 /* -----------------------------------------------------------------

 #02　基本タグの定義

 ------------------------------------------------------------------ */
body {
  color: #333333;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1;
  background-color: #FFFFFF;
  letter-spacing: 0.05em;
  text-align: left;
  background-repeat: no-repeat;
  width: auto;
  height: 100%;
  margin: 0px auto;
  background-position: top; }

h1, h2, h3 {
  font-weight: 100; }

p {
  text-align: left;
  font-size: 1.3em; }

span {
  font-size: 1em;
  text-align: left; }

em, strong {
  font-style: normal;
  font-weight: 100; }

a img {
  border-style: none;
  outline: medium none; }

object {
  border-style: none;
  outline: medium none; }

a {
  font-size: 1em;
  color: #023461;
  text-decoration: none;
  outline: none;
  -webkit-transition: 0.30s;
  -moz-transition: 0.30s;
  -ms-transition: 0.30s;
  -o-transition: 0.30s;
  transition: 0.30s; }
  a:hover {
    text-decoration: underline;
    opacity: 0.7; }
  a:link {
    outline: medium none; }
  a:visited {
    outline: medium none; }

#wrapper img {
  width: auto;
  height: auto;
  max-width: 100%; }

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
#wrapper {
  position: relative; }
  #wrapper strong, #wrapper a, #wrapper span, #wrapper img {
    display: block; }
  #wrapper .lpbody {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding: 0; }
    #wrapper .lpbody img {
      width: 100%;
      height: auto; }
    #wrapper .lpbody p {
      width: 100%; }
    #wrapper .lpbody footer {
      background: #a81a20;
      padding: 0 0 150px 0; }
      #wrapper .lpbody footer h5 {
        display: block;
        width: 195px;
        margin: 0 auto; }
      #wrapper .lpbody footer .company {
        color: #FFFFFF;
        text-align: center;
        font-size: 16px;
        margin: 15px 0 0 0; }
        #wrapper .lpbody footer .company a {
          color: #FFFFFF; }
      #wrapper .lpbody footer #inc {
        width: 158px;
        margin: 25px auto 0 auto; }
    #wrapper .lpbody div {
      position: relative;
      top: 0;
      left: 0; }
      #wrapper .lpbody div.text {
        background: #a81a20;
        padding: 48px 0 75px 0; }
        #wrapper .lpbody div.text ul {
          width: 540px;
          margin: 0 auto; }
          #wrapper .lpbody div.text ul li {
            font-size: 20px;
            line-height: 1.5;
            color: #FFFFFF;
            letter-spacing: 0.028em;
            text-indent: -20px;
            padding: 0 0 0 20px; }
      #wrapper .lpbody div.btn p {
        position: absolute;
        left: 0;
        width: 100%; }
      #wrapper .lpbody div.btn a {
        display: block;
        margin: 0 auto; }
        #wrapper .lpbody div.btn a.img01 {
          width: 557px; }
        #wrapper .lpbody div.btn a.img02 {
          width: 569px; }
        #wrapper .lpbody div.btn a.img03 {
          width: 117px; }
        #wrapper .lpbody div.btn a.img04 {
          width: 559px; }
      #wrapper .lpbody div.btn.btn0 p {
        bottom: 52px; }
      #wrapper .lpbody div.btn.btn1 p {
        top: 18px; }
      #wrapper .lpbody div.btn.btn2 p {
        top: 325px; }
      #wrapper .lpbody div.btn.btn3 p {
        top: 325px; }
      #wrapper .lpbody div.btn.btn4 p {
        top: 50px; }
      #wrapper .lpbody div.btn.btn5 p {
        top: 325px; }
      #wrapper .lpbody div.btn.btn6 a {
        position: absolute;
        right: 50px;
        top: 15px; }
    #wrapper .lpbody .cv_btn a {
      position: absolute;
      top: 0; }
    #wrapper .lpbody .cv_btn a.cv01 {
      width: calc(540 / 640 * 100%);
      left: calc(50 / 640 * 100%); }
    #wrapper .lpbody .cv_btn a.cv02 {
      width: calc(555 / 640 * 100%);
      left: calc(42.5 / 640 * 100%); }
    @media screen and (max-width: 750px) {
      #wrapper .lpbody {
        padding: 0; }
        #wrapper .lpbody footer {
          padding: 0 0 23.4375vw 0; }
          #wrapper .lpbody footer h5 {
            width: 30.46875vw; }
          #wrapper .lpbody footer .company {
            font-size: 2.5vw;
            margin: 2.34375vw 0 0 0; }
          #wrapper .lpbody footer #inc {
            width: 24.6875vw;
            margin: 3.90625vw auto 0 auto; }
        #wrapper .lpbody div.text {
          padding: 7.5vw 0 11.71875vw 0; }
          #wrapper .lpbody div.text ul {
            width: 84.375vw; }
            #wrapper .lpbody div.text ul li {
              font-size: 3.125vw;
              text-indent: -3.125vw;
              padding: 0 0 0 3.125vw; }
        #wrapper .lpbody div.btn a.img01 {
          width: 87.03125vw; }
        #wrapper .lpbody div.btn a.img02 {
          width: 88.90625vw; }
        #wrapper .lpbody div.btn a.img03 {
          width: 18.28125vw; }
        #wrapper .lpbody div.btn a.img04 {
          width: 87.34375vw; }
        #wrapper .lpbody div.btn.btn0 p {
          bottom: 8.125vw; }
        #wrapper .lpbody div.btn.btn1 p {
          top: 2.8125vw; }
        #wrapper .lpbody div.btn.btn2 p {
          top: 50.78125vw; }
        #wrapper .lpbody div.btn.btn3 p {
          top: 50.78125vw; }
        #wrapper .lpbody div.btn.btn4 p {
          top: 7.8125vw; }
        #wrapper .lpbody div.btn.btn5 p {
          top: 50.78125vw; }
        #wrapper .lpbody div.btn.btn6 a {
          right: 7.8125vw;
          top: 2.34375vw; } }

/* 2024.04.18修正 */
p.MV { margin: 0 auto; width: 87% !important; }
.shrinking { animation: shrinking 2s ease-out infinite; opacity: 1; }
@keyframes shrinking {
  0%, 40%, 60%, 80% { transform: scale(1.0); }
  50%, 70% { transform: scale(0.95); }
}