@charset "UTF-8";
* {
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
  text-decoration: none;
}
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  background: #e0a79f;
}
h1,
h2,
h3,
h4,
h5,
h6,
header,
footer,
section,
article,
nav,
p,
figure,
dl,
dt,
dd,
ul,
ol,
li,
th,
td,
img,
address,
form,
input,
textarea,
select,
option,
span {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 140%;
  color: #444;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
ul,
ol {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img,
a {
  border: none;
}
img {
  height: auto;
  vertical-align: bottom;
}
a {
  color: #000;
}
html {
  background-color: #e0a79f;
}
body {
  background-color: #e0a79f;
}
body .contents {
  text-align: center;
  margin: 0 auto;
}
body .contents div.store_link {
  background-color: #5f104f;
  padding: 1em;
}
body .contents div.store_link p.caption {
  color: #f9e024;
  letter-spacing: 0.2em;
  font-size: 15.5px;
}
body .contents div.store_link .link_bt {
  width: 60%;
  padding: 2% 0;
}
body .contents div.store_link p.caption2 {
  color: #cab9c7;
  letter-spacing: 0.1em;
  font-size: 11px;
}
body .contents div.title {
  position: relative;
  background-image: url(../img/header_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-color: transparent;
  width: 100vw;
  height: 62.1vw;
}
body .contents div.title .top_text {
  position: absolute;
  top: 5vw;
  left: 2vw;
  width: 58vw;
  z-index: 3;
}
body .contents div.title .logo {
  position: absolute;
  top: 11vw;
  left: 0vw;
  width: 60vw;
  z-index: 2;
}
body .contents div.contents_area_2 {
  padding: 7vw 7vw 3vw;
  text-align: left;
  background-color: #5f104f;
}
body .contents div.contents_area_2 img {
  width: 100%;
}
body .contents div.contents_area_1 {
  margin: 8vw 8vw;
  padding: 7vw;
  border-radius: 5vw;
  text-align: left;
  background-color: #fff;
  background-image: url(../img/contents_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-color: transparent;
}
body .contents div.contents_area_1 img {
  display: block;
  width: 40%;
  margin: 0 auto 30px;
}
body .contents img {
  margin-top: 0px;
}
body .contents h1 {
  padding-top: 0;
  font-weight: bold;
  text-align: center;
}
body .contents ul.btn {
  margin-top: 5%;
  text-align: center;
  position: relative;
}
body .contents ul.btn li {
  padding: 1em 0 1em 0;
  display: block;
  background: #f9e024;
  width: 60%;
  color: #25022f;
  margin-top: 12px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-size: 15px;
  float: left;
}
body .contents ul.btn li.side_img {
  margin: -22px 0 0 15px;
  width: 27%;
  float: left;
  height: 220px;
  background: transparent;
}
body .contents ul.btn li.side_img img {
  width: 100%;
  height: auto;
}
body .contents dl.clause dt {
  color: #fe4949;
}
body .contents dl.clause dd {
  line-height: 1.4em;
}
body .contents dl.clause dd dl {
  background: #f1f1f1;
  border: 1px solid #ccc;
}
body .contents dl.clause dd ul li,
body .contents dl.clause dd ol li {
  line-height: 1.4em;
}
body .contents dl.clause dd:nth-last-of-type(1) {
  margin-bottom: 0;
}
body .contents.contact,
body .contents.privacy {
  color: #333;
}
body .contents.contact h1,
body .contents.privacy h1 {
  padding: 20px 0;
  font-size: 20px;
  color: #f9e024;
  letter-spacing: 0.2em;
  position: relative;
}
body .contents.contact p,
body .contents.privacy p {
  position: relative;
  padding: 4%;
  text-align: left;
  background-color: #fff;
  width: 94%;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
body .contents.contact p span,
body .contents.privacy p span {
  font-weight: bold;
  font-size: 16px;
  border-bottom: #333333 1px solid;
}
body .contents.contact {
  margin-top: 22px;
}
body .contents.contact div.box {
  position: relative;
  padding: 5% 3% ;
  text-align: left;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 88%;
  margin: 0 auto;
  line-height: 1.7em;
}
body .contents.contact div.box p.red_text {
  display: inline-block;
  color: #ff0000;
  text-decoration: underline;
  width: auto;
  padding: 0;
  margin: 0;
}
body .contents.contact div.box p.text {
  text-align: center;
}
body .contents.contact div.box p.caution {
  color: #ff0000;
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  padding: 0;
}
body .contents.contact div.box p.caution2 {
  color: #ff0000;
  font-size: 0.75em;
  text-align: center;
  padding: 0;
}
body .contents.contact div.box p.caution3 {
  color: #ff0000;
  font-weight: bold;
  font-size: 1.8em;
  text-align: center;
  padding: 3em 0 2em;
}
body .contents.contact div.box .wrapper p.title {
  font-size: 11px;
  padding: 2em 0 0.3em 1em;
  color: #999;
}
body .contents.contact div.box .wrapper input[type="text"] {
  display: block;
  width: 90%;
  height: auto;
  background-color: #f1f1f1;
  border: none;
  color: #333;
  text-align: center;
  font-size: 15px;
  padding: 1em 2em;
  margin: 0 auto;
}
body .contents.contact div.box p.leave_bt {
  display: block;
  background-color: #d61b34;
  width: 40%;
  color: #ffffff;
  font-weight: bold;
  border-radius: 7vw;
  padding: 2.7vw;
  margin: 5vw auto 10vw;
  text-align: center;
}
body .contents.contact div.box span {
  font-weight: bold;
  font-size: 16px;
  border-bottom: #333333 1px solid;
}
body .contents.contact div.box a.leave_link {
  text-align: center;
  display: block;
  text-decoration: underline;
}
body .contents.contact .mail {
  color: #fe4949;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  width: 100%;
  margin: 0 auto 25px;
  background-color: #f9e024;
}
body .copyright {
  font-size: 10px;
  text-align: center;
  margin: 30px 0;
  color: #ffffff;
  clear: both;
  padding-top: 20px;
}
body .copyright p {
  padding-top: 5px;
  font-size: 10px;
  color: #ffffff;
}
.title_image {
  position: absolute;
  top: -2.5vw;
  left: 4vw;
  width: 15vw;
}
.title_image2 {
  position: absolute;
  top: 0vw;
  left: 6vw;
  width: 17vw;
}
.sp_width {
  width: 100%;
}
.pc_width {
  max-width: 720px;
  min-width: 720px;
}
@keyframes scale {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.bt_3 {
  padding: 1em 0;
  display: inline-block;
  background: #f9e024;
  width: 30%;
  color: #380f44;
  font-weight: bold;
  margin-top: 20px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  text-align: center;
}
@media (min-width: 1023px) {
  body.cont2 {
    position: relative;
    width: 720px;
    margin: 0 auto;
    min-height: 100vh;
    padding: 1px 0;
  }
  body.cont2 .title_image2 {
    position: absolute;
    top: 5px;
    left: 150px;
    width: 80px;
  }
  body.cont {
    position: relative;
    width: 720px;
    margin: 0 auto;
    min-height: 100vh;
    padding: 30px 0;
  }
  body.cont .title_image {
    position: absolute;
    top: 0;
    left: 100px;
    width: 80px;
  }
  body {
    position: relative;
    width: 720px;
    margin: 0 auto;
    min-height: 100vh;
    padding-bottom: 1px ;
  }
  html {
    background-color: #000000;
    margin: 0;
    padding: 0;
  }
  html .copyright {
    font-size: 10px;
    text-align: center;
    color: #ffffff;
    clear: both;
    padding-top: 50px;
  }
  html .copyright p {
    padding-top: 5px;
    font-size: 10px;
    color: #ffffff;
  }
  html .contents.contact,
  html .contents.privacy {
    color: #333;
  }
  html .contents.contact h1,
  html .contents.privacy h1 {
    padding: 15px 0 25px;
    font-size: 33px;
    color: #f9e024;
    letter-spacing: 0.3em;
    position: relative;
  }
  html .contents.contact p,
  html .contents.privacy p {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  html .contents.contact div.box,
  html .contents.privacy div.box {
    position: relative;
    padding: 5% 8% ;
    text-align: left;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 60%;
    margin: 0 auto;
    line-height: 1.7em;
  }
  html .contents.contact div.box .wrapper p.title,
  html .contents.privacy div.box .wrapper p.title {
    font-size: 11px;
    padding: 2em 0 0.3em 1em;
    color: #999;
  }
  html .contents.contact div.box .wrapper input[type="text"],
  html .contents.privacy div.box .wrapper input[type="text"] {
    display: block;
    width: 90%;
    height: auto;
    background-color: #f1f1f1;
    border: none;
    color: #333;
    text-align: center;
    font-size: 15px;
    padding: 1em 2em;
    margin: 0 auto;
  }
  html .contents.contact div.box p.leave_bt,
  html .contents.privacy div.box p.leave_bt {
    display: block;
    background-color: #d61b34;
    width: 35%;
    color: #ffffff;
    font-weight: bold;
    border-radius: 30px;
    padding: 20px;
    margin: 50px auto 60px;
    text-align: center;
  }
  html .contents.contact div.box span,
  html .contents.privacy div.box span {
    font-weight: bold;
    font-size: 16px;
    border-bottom: #333333 1px solid;
  }
  html .contents.contact div.box a.leave_link,
  html .contents.privacy div.box a.leave_link {
    text-align: center;
    display: block;
    text-decoration: underline;
  }
  html .contents {
    text-align: center;
    margin: 0 auto;
  }
  html .contents div.store_link {
    background-color: #5f104f;
    padding: 1.8em;
  }
  html .contents div.store_link p.caption {
    color: #f9e024;
    letter-spacing: 0.2em;
    font-size: 15.5px;
  }
  html .contents div.store_link .link_bt {
    width: 40%;
    padding: 0.5em 0;
  }
  html .contents div.contents_area_2 {
    padding: 7% 7% 3%;
    text-align: left;
    background-color: #5f104f;
  }
  html .contents div.contents_area_2 img {
    width: 100%;
  }
  html .contents div.contents_area_1 {
    margin: 8% 8%;
    padding: 7%;
    border-radius: 5%;
    text-align: left;
    background-color: #fff;
    background-image: url(../img/contents_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-color: transparent;
  }
  html .contents div.contents_area_1 img {
    display: block;
    width: 40%;
    margin: 0 auto 30px;
  }
  html .contents div.title {
    position: relative;
    width: 100%;
    height: 32em;
  }
  html .contents div.title .top_text {
    position: absolute;
    top: 8%;
    left: 2%;
    width: 53%;
    z-index: 3;
  }
  html .contents div.title .logo {
    position: absolute;
    top: 17%;
    left: 0;
    width: 55%;
    z-index: 2;
  }
  html .contents img {
    margin-top: 0px;
  }
  html .contents ul.btn {
    margin-top: 10%;
    text-align: center;
    position: relative;
  }
  html .contents ul.btn li {
    padding: 1em 0 1em 0;
    display: inline-block;
    background: #f9e024;
    width: 43%;
    color: #25022f;
    margin-top: 12px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-size: 15px;
    float: left;
  }
  html .contents ul.btn li.side_img {
    margin: -75px 0 0 3%;
    width: 25%;
    float: left;
    height: 220px;
    background: transparent;
  }
  html .contents ul.btn li.side_img img {
    width: 100%;
    height: auto;
    display: none;
  }
}