@charset "utf-8";

/* ======
common
====== */

html,
body {
 height: auto;
 margin: 0;
 padding: 0;
}

body {
 background-color: #111;
}

img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.wrapper {
 max-width: 612px;
 margin: 0 auto;
}

.inner {
 padding-right: 20px;
 padding-left: 20px;
}

.contents{
 margin: 0 auto;
 max-width: 375px;
}

/* ======
top-sec
====== */
.top-sec {
 background-color: #111;
 padding-bottom: 30px;
}

.icotnicot-logo{
 width: 31%;
}

.top-ttl{
 margin-top: 20px;
}

.pics {
 margin-top: 20px;
 width: 100%;
}

.top-sec .contents{
 margin-top: 20px;
}


/* ======
mid-sec
====== */

.mid-sec {
 background-image: url("img/mid-bg@2x.webp");
 background-position: center;
 background-repeat: no-repeat;
 padding-bottom: 20px;
}


/* ======
btm-sec
====== */

.btm-sec {
 padding-top: 20px;
 padding-bottom: 50px;
 background-color: #111;
}

.btm-sec .contents{
 width: 280px;
}

.QRcode {
 margin: 40px auto 0;
 width: 150px;
 height: 150px;
}