@charset "UTF-8";
/* 
PPM 2016.06 CPN
*/
/* ======================= SP版 ======================= */
html {
height: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
font-size: 62.5%;
}
body {
margin: 0;
padding: 0;
border: 0;
height: 100%;
background: #ffffff;
color: #404040;
font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
}
body > div,
ul.linelist li {
font-size: 12px;
}
/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block;
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],template {
display: none;
}
/* Objects-normalize */
table {
border-collapse: collapse;
border-spacing: 0;
}
td,th {
padding: 0;
}
hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #999999;
margin:1em 0;
padding:0;
}
img {
border-style:none;
vertical-align:bottom;
max-width:100%;
width /***/:auto;
height:auto;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
/* Letters */
div,p,li,dt,dd,th,td {
word-wrap: break-word;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,em,strong {
font-style: normal;
font-weight: bold;
}
dfn {
font-style: italic;
}
mark,em,strong,b {
font-style: normal;
font-weight: bold;
font-size: 100%;
}
mark {
background-color: #ffff00;
}
small,i,var {
font-style: normal;
font-weight: 400;
font-size: 100%;
}
small {
font-size: 80%;
}
sub,sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre {
overflow: auto;
}
code,kbd,pre,samp {
font-family: monospace, serif;
font-size: 1em;
}
h1, h2, h3, h4, h5, h6, p, li, dl, dt, dd {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-style: normal;
font-weight: bold;
}
ul,ol {
margin: 0;
padding: 0;
list-style: none;
}
/* Link-base */
a {
color: #B25900;
text-decoration: underline;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
ul.linelist {
list-style:none;
margin:0;
padding:0;
letter-spacing:-0.4em;
font-size: 0;
}
ul.linelist li {
margin:0;
padding:0;
word-spacing:normal;
letter-spacing:normal;
display:inline-block;
*display:inline;
*zoom:1;
}

/* .container-wrap */
.container-wrap {
margin: 0 auto;
width: 100%;
max-width: 640px;
background: #f0fbd9;
}
.container-wrap.rsp {
min-width: 0;
}
#contents {
font-size: 14px;
line-height: 1.5;
}
.top-main .top-tx img {
width: 100%;
}
.top-main .top-tx span {
display: block;
margin: 0 auto;
padding: 3px 0;
color: #fff;
text-align: center;
font-size: 13px;
font-weight: bold;
line-height: 20px;
background: #8FC31F;
}
.top-main .top-tx span i {
display: block;
font-style: normal;
font-weight: bold;
font-size: 12px;
}
.cnt-box  p.copy-top {
margin: 0 auto 15px;
padding: 6px;
text-align: center;
line-height: 1.4;
background: #FFCB2D;
font-size: 14px;
font-weight: bold;
color: #5F3C32;
}

.btn-box {
margin: 15px 0 15px;
padding: 0 10px;
text-align: center;
}
.btn-box a {
display: block;
margin-bottom: 10px;
background-color:rgb(220,22,116);
border-radius:10px;
-moz-box-shadow:0px 3px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 3px 0px rgba(0,0,0,0.1);
box-shadow:0px 3px 0px rgba(0,0,0,0.1);
font-weight: bold;
text-decoration: none;
font-size: 19px;
line-height: 30px;
font-weight:bold;
color: #fff;

}
.btn-box a span {
display: block;
padding: 16px 30px 16px 0;
background: url(http://pntc.ponta.jp.cdngc.net/cdn/campaign/ren1606/sp/img/ar2.png) no-repeat;
background-position: 96% center;
background-size: 24px;
text-shadow:1px 1px 0px rgba(0,0,0,0.2);
line-height: 1.1;
}

.coupon-att {
font-size: 10px;
color: #CE0F3F;
text-align: left;
}


.cnt-box {
margin: 0 10px 5px;
padding: 10px;
border-radius: 10px;
background-color: #fff;
}

.cnt-box .cnt-main {
margin: 0 auto 0 auto;
}
.cnt-box.cnt-entry {
padding: 0 0 5px 0;
background: #FFFCF0;
}
.cnt-box.cnt-entry .copy-tx,
.cnt-box.cnt-entry .btn-box {
padding: 0 10px;
}
.copy-box {
margin: 0px auto 15px;
padding: 10px;
font-size: 14px;
background: #FFE5E5;
box-sizing: border-box;
border-radius: 9px;
}
.copy-box  p.copy-tx {
color: #5F3C32;
line-height: 1.6;
font-weight: bold;
}

.copy-box h2.step-tt {
margin-top: 10px;
padding: 0 0 5px 0;
border-bottom:1px solid  #FAC7CF;
text-align: center;
font-size: 16px;
font-weight: normal;
color: #850017;
}
.entry-step {
margin: 15px auto 0;
}
.entry-step .step-tt-box {
display: table;
width: 100%;
background: #FFFCF0;
border-radius: 33px;
}
.entry-step .step-tt-box .step-no img {
width: 100%;
}

.entry-step h3 {
display: table-cell;
padding: 5px 10px 5px 8px;
vertical-align: middle;
line-height: 1.4;
font-size: 16px;
color: #5F3C32;
}
.entry-step {
margin: 15px auto 0;
}

.entry-step .entry-step1,
.entry-step .entry-step2 {
overflow: hidden;
}
.entry-step .entry-step2 {
margin-bottom: 20px;
padding-top: 30px;
position: relative;
background: url(http://pntc.ponta.jp.cdngc.net/cdn/campaign/ren1606/sp/img/ar_sp.png) no-repeat center 6px;
background-size: 20px auto;
}

.entry-step p.img {
margin: 0 8px 5px 0;
width: 110px;
float: left;
}
.entry-step .step-tx-box p.tx {
margin: 0 auto 0;
font-size: 13px;
}
.entry-step .step-tx-box p.step-att {
margin: 3px auto 0;
font-size: 11px;
clear: both;
}
.entry-step .step-tx-box p.step-att em {
color: #CC0D3F;
font-weight: normal;
}

.cnt-box.cnt-att .cnt-main p.cnt-cam-tt {
margin: 0;
font-size: 16px;
font-weight: bold;
color: #EB7AA6;
}


.cnt-box.cnt-about {
margin-bottom: 0;
}
.cnt-box.cnt-info {
margin-bottom: 0;
}
.cnt-main {
padding: 0;
}

/* titleA */
.cnt-tt {
position: relative;
display: block;
margin: 0 0 15px;
line-height: 1.2;
padding: 5px 10px;
background-color: #8FC31F;
border-radius: 6px;
font-size: 18px;
font-weight: bold;
color: #fff;
}
/* titleB */
.cnt-box .cnt-main .cnt-stt {
position: relative;
margin: 20px 0 12px;
line-height: 1;
padding: 1px 0 1px 5px;
line-height: 1;
border-left: 3px solid #6FAC11;
color: #6FAC11;
font-size: 16px;
}
.cnt-box .cnt-main .cnt-stt span {
display: block;
position: relative;
padding: 0 0px 0 10px;
line-height: 32px;
background-color: #FFCB2D;
-moz-box-shadow:inset 0px -14px 10px rgba(224,147,3,0.2);
-webkit-box-shadow:inset 0px -14px 10px rgba(224,147,3,0.2);
box-shadow:inset 0px -14px 10px rgba(224,147,3,0.2);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
.cnt-box .cnt-main .cnt-stt span:after {
content: "";
display: inline-block;
position: absolute;
border: 16px solid transparent;
border-right: 8px solid #fff;
right: 0px;
}

.cnt-box.cnt-info .copy-tx + .cnt-main .cnt-stt {
margin-top: 10px;
}

/* titleC */
.cnt-stt2 {
margin: 5px 0 6px;
padding: 0;
color: #333;
font-size: 15px;
}
.cnt-stt2 span {
}
.cnt-box .link-ar span {
padding: 0 0 0 17px;
background: url(http://pntc.ponta.jp.cdngc.net/cdn/campaign/ren1606/sp/img/ar3.png) no-repeat;
background-size: 12px;
background-position: left;
}

.pr-list {
 margin: 0 0 10px;
 background-color: #FDEFF2;
}
.pr-list li {
 display: table;
 padding: 3px 10px;
 width: 100%;
 border-top: 2px solid #fff;
 box-sizing: border-box;
}
.pr-list li:first-child {
 border-top: none;
}
.pr-list li span {
 display: table-cell;
 width: 65px;
 vertical-align: middle;
}
.pr-list li span img {
 width: 100%;
}
.pr-list li p {
 display: table-cell;
 padding: 0 5% 0 15px;
 color: #EB3F70;
 font-size: 14px;
 font-weight: bold;
 text-shadow: 1px 1px 0 rgba(255,255,255,.2);
 vertical-align: middle;
}
.cnt-box p {
margin: 0 0 0.6em;
padding: 0 0;
}
.cnt-box p strong {
font-style: normal;
}
.cnt-box p.att-tx {
font-size: 12px;
}
.cnt-box p a.point-link {
}
.cnt-box .cnt-main p em {
font-weight: normal;
color: #CC0D3F;
}
.cnt-box .cnt-main p.use-img {
text-align: center;
}
.cnt-box .cnt-main p.use-att {
margin-top: 10px;
font-size: 16px;
font-weight: bold;
color: #CD0E3F;
}

.cnt-main.cnt-ponpare {
margin-bottom: 10px;
}
.ponpare-img {
text-align: center;
}

.cnt-main.cnt-about h2.cnt-tt {
margin-bottom: 0;
border-radius: 6px 6px 0 0;
}
.cnt-main.cnt-about h2.cnt-tt small {
font-size: 14px;
font-weight:bold;
}
.cnt-box .cnt-main .service {
width: 100%;
margin: 0 0 0 0;
padding: 10px;
background: #F7F7F7;
border: 1px solid #ddd;
border-bottom: none;
box-sizing: border-box;
text-align: left;
}

.cnt-box .service p {
width: 100%;
margin: 0 0 10px 0;
font-size: 14px;
box-sizing: border-box;
font-weight: bold;
}
.cnt-box .service ul {
margin: 0px 0 0;
padding: 0 0 0px;
 background-color: #fff;
}
.cnt-box .service ul li {
padding: 5px 2%;
float: left;
width: 45%;
text-align: center;
}
.cnt-box .service ul li:last-child {
float: none;
margin: 0 auto;
}

.cnt-box .ponta-web {
width: 100%;
margin: 0 0 15px 0;
padding: 5px 10px 10px 10px;
background: #F7F7F7;
border: 1px solid #ddd;
border-radius: 0 0 6px 6px;
border-top: none;
box-sizing: border-box;
text-align: left;
}
.cnt-box .ponta-web p {
padding: 0;
font-size: 13px;
}
.cnt-box .ponta-web .recruit-id {
margin: 15px 0 0;
font-size: 12px;
color: #555;
}
.cnt-box .ponta-web .recruit-id dt {
padding-bottom: 5px;
font-size: 12px;
font-weight: bold;
}
.cnt-box .ponta-web ul.link li {
margin-top: 10px;
}
.cnt-box .ponta-web ul.link li:first-child {
margin-top: 0;
}
.cnt-box .ponta-web ul.link li a {
display: inline-block;
padding: 0 0 0 17px;
background: url(http://pntc.ponta.jp.cdngc.net/cdn/campaign/ren1606/sp/img/ar3.png) no-repeat;
background-size: 12px;
background-position: left;
}

.cam-target .cam-target-tt {
margin-left: 2.6em;
text-indent: -2.6em;
font-size: 14px;
font-weight: bold;
}
.cnt-box .cnt-main .cam-target p {
margin-left: 2.6em;
}


.cnt-main.notes p.cnt-notes-ktt {
margin-top: 10px;
margin-bottom: 5px;
}
.cnt-main.notes ul {
margin: 0;
padding: 0;
}
.cnt-main.notes ul li {
padding: 0 0 0.6em 1em;
text-indent: -1em;
  font-size: 13px;
}
.cnt-main.notes ul li ol {
padding: 5px 0 0.4em 2em;
list-style-type: decimal;
}
.cnt-main.notes ul li ol li {
 margin: 0.2em 0 0 0;
 padding: 0;
text-indent: 0;
}


.cnt-main.cnt-contact {
width: 100%;
margin: 0 0 5px 0;
padding: 5px 10px 10px 10px;
background: #F7F7F7;
border: 1px solid #ddd;
border-radius:6px;
box-sizing: border-box;
text-align: left;
}

.contact h2 {
margin-bottom: 6px;
display: inline-block;
font-size: 14px;
vertical-align: middle;
white-space: nowrap;
}
.contact ul li {
padding: 0 0 0.6em 1em;
text-indent: -1em;
  font-size: 12px;
}

/* footer */
.pagetop {
 margin-top: 20px;
 padding: 0 20px;
 text-align: center;
}
.pagetop a {
 position: relative;
 display: inline-block;
 padding: 0 12px;
 background-color: #D8D4C8;
 font-size: 12px;
 line-height: 30px;
 color: #5F3C32;
 text-decoration: none;
}
.pagetop a:hover {
 opacity: 0.6;
}
.pagetop a:before,
.pagetop a:after {
 position: absolute;
 content: "";
 width: 0px;
 height: 0px;
 top: -16px;
 border: 16px solid transparent;
 border-bottom: 30px solid #D8D4C8;
}
.pagetop a:before {
 left: -16px;
}
.pagetop a:after {
 right: -16px;
}
.lp-footer {
padding: 10px 0;
border-top: 1px solid #D8D4C8;
background: #fff;
}
.lp-footer p {
 color: #5F3C32;
font-size: 10px;
text-align: center;
}
.lp-footer p small {
font-size: 10px;
}
.lp-footer p span {
padding: 0 0.3em 0 0;
}
/* END */
.btn-box p.end-btn {
display: block;
margin-bottom: 10px;
background-color: #888;
border-radius:10px;
-moz-box-shadow:0px 3px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 3px 0px rgba(0,0,0,0.1);
box-shadow:0px 3px 0px rgba(0,0,0,0.1);
font-weight: bold;
text-decoration: none;
font-size: 19px;
line-height: 30px;
font-weight:bold;
color: #ddd;
}
.btn-box p.end-btn span {
display: block;
padding: 16px 30px 16px 0;
background: url(http://pntc.ponta.jp.cdngc.net/cdn/campaign/ren1606/sp/img/ar5.png) no-repeat;
background-position: 96% center;
background-size: 24px;
text-shadow:1px 1px 0px rgba(0,0,0,0.2);
line-height: 1.1;
}
.end-msg-box {
margin: 10px auto 20px;
text-align: center;
}
.end-msg-box p.end-msg {
font-size: 19px!important;
font-weight: bold;
}
p.end-msg {
font-size: 14px!important;
color: #CE0F3F;
font-weight: normal;
}