@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);

/* ========== additional styles ========== */
.pb30{
padding-bottom: 30px;
}

#footer {
    text-align: center;
}
#footer > p {
    margin-bottom: 40px;
}
#footer p a img {
    width:255px;
}
#footer .footer_inner {
    background: #898989;
    color: #fff;
    padding: 25px 0 0;
}
#footer .footer_inner dl {
    margin: 0 auto;
    width: 680px;
}
#footer .footer_inner dl dt {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.7;
    margin-bottom: 20px;
}
#footer .footer_inner dl dd {
    margin-bottom: 20px;
}
#footer .footer_inner p {
    background: #747474;
    color: #fff;
    padding: 15px;
}

@media all and (max-width: 750px) {

    #footer > p {
        margin-bottom: 20px;
        padding: 0 6%;
    }
    #footer p a img {
        width: calc(255/750*100vw);
    }
    #footer .footer_inner {
        padding: 20px 0 0;
    }
  #footer .footer_inner dl {
    width: auto;
    padding: 0 10px;
  }
  #footer .footer_inner dl dt {
    font-size: 1.4rem;
  }
  #footer .footer_inner dl dd {
    font-size: 0.8rem;
  }
    #footer .footer_inner p {
        font-size: 0.8rem;
        margin-bottom: 0;
    }
}
/* ====== c-column-group_feature ====== */
.c-column-group.c-column-group_feature{
  margin-top: 0;
}
.c-column-group.c-column-group_feature .col-unit-1\/2{
  margin-top: 1.5em;
}
.c-column-group.c-column-group_feature .col-unit-1\/2:nth-child(odd){
  margin-left: 0;
}
.c-column-group.c-column-group_feature.c-column-group_odd .col-unit-1\/2:last-child:before{
  content: "";
  display: block;
  clear: both;
}
.c-column-group.c-column-group_feature.c-column-group_odd .col-unit-1\/2:last-child{
  margin: 0 auto;
  display: block;
  float: none;
  overflow: hidden;
  padding-top: 1.5em;
}

/* ====== conversion ====== */
.c-cnvBlock-01 .cnv-txt h4{
font-size: 120%;
}
.new_btns_clm .cnv-txt h4{
font-size: 120%;
}
@media only screen and (min-width: 641px) {
.securities_hr {
display: none;
}
}
@media only screen and (max-width: 640px) {
.c-cnvBlock-01 .cnv-txt h4{
font-size: 130%;
}
.new_btns_clm .cnv-txt h4{
font-size: 130%;
}
}

/* ====== heading ====== */
.c-heading2-01.cpn-heading-01 {
margin: -30px -54px 0 -54px;
}
@media only screen and (max-width: 768px) {
.c-heading2-01.cpn-heading-01 .img-responsive {
width: 100%;
}
}
@media only screen and (max-width: 640px) {
.c-heading2-01.cpn-heading-01 {
    margin: -16px -10px 0 -10px;
}
}

/* ====== btn ====== */
.c-column-group.btn-group .col-unit-1\/2:first-of-type .c-figure-01 {
text-align: right;
}
.c-column-group.btn-group .col-unit-1\/2:nth-of-type(2) .c-figure-01 {
text-align: left;
}
@media only screen and (max-width: 640px) {
.c-column-group.btn-group .col-unit-1\/2:nth-of-type(2) {
margin-top: 1em;
}
.c-ground-01 .c-column-group.btn-group .col-unit-1\/2 .c-figure-01 {
width: 80%;
margin: 0 auto;
text-align: center;
}
}

/* ====== beginner ====== */
#flg-have .c-figure-01:nth-of-type(3) img{
width: 90%;
}
#flg-not-have .c-figure-01:nth-of-type(3) img{
width: 90%;
}

@media only screen and (max-width: 640px) {
#flg-have .c-figure-04 figure {
float: left;
}
#flg-have .c-figure-01:first-of-type img{
padding: 0 20px;
}
#flg-not-have .c-figure-04 figure {
float: left;
}
#flg-not-have .c-figure-01:first-of-type img{
padding: 0 20px;
}
.tile-01 p,.tile-02 p,.tile-03 p,.tile-04 p {
overflow: hidden;
}
}

/* ====== bg ====== */
.bg-blue {
background-color: #C6EAFF;
padding: 25px 20px;
}

/* ====== get ====== */
.btn-parent-01 , .btn-parent-02 {
position: relative;
}
.btn-registration-pc , .btn-entry-pc , .btn-registration-sp , .btn-entry-sp{
position: absolute;
bottom: 9%;
}
.btn-parent-01 .btn-registration-pc{
right: 41%;
}
.btn-parent-01 .btn-entry-pc{
right: 8%;
}
.btn-parent-02 .btn-registration-pc{
left: 29%;
}
.btn-parent-02 .btn-entry-pc{
right: 29%;
}
@media only screen and (max-width: 998px) {
.btn-registration-pc , .btn-entry-pc {
width: 16.032064vw;
}
.btn-parent-02 .btn-registration-pc , .btn-parent-02 .btn-entry-pc {
width: 14.032064vw;
}
}
@media only screen and (max-width: 768px) {
.btn-parent-01 .btn-registration-sp{
width: 45%;
left: 0;
right: 0;
margin: auto;
bottom: 34%;
}
.btn-parent-01 .btn-entry-sp{
width: 45%;
left: 0;
right: 0;
margin: auto;
bottom: 5%;
}
.btn-parent-02 .btn-registration-sp{
width: 45%;
left: 0;
right: 0;
margin: auto;
top: 14%;
}
.btn-parent-02 .btn-entry-sp{
width: 45%;
left: 0;
right: 0;
margin: auto;
bottom: 22%;
}
}

/* ====== money-connect ====== */
.relative-pc , .relative-sp {
position: relative;
}

.absolute li{
color: #fff;
}

.relative-pc .absolute {
width: 88%;
}

.relative-pc .absolute-left {
position: absolute;
top: 55%;
left: 6%;
}

.relative-pc .absolute-right {
position: absolute;
top: 92.5%;
left: 6%;
}

@media only screen and (max-width: 998px) {
.absolute li{
font-size: 1.402806vw;
}
}

@media only screen and (max-width: 768px) {
.relative-sp .absolute {
width: 80%;
}
.relative-sp .absolute-left {
position: absolute;
top: 53%;
left: 8%;
}
.relative-sp .absolute-right {
position: absolute;
top: 91%;
left: 8%;
}
}

@media only screen and (max-width: 640px) {
.relative-sp .absolute {
width: 90%;
}

.relative-sp .absolute-left {
position: absolute;
top: 53%;
left: 3%;
}

.relative-sp .absolute-right {
position: absolute;
top: 91%;
left: 3%;
}

.relative-sp .absolute li{
font-size: 2.1875vw;
}
}

@media only screen and (max-width: 360px) {
.relative-sp .absolute-left {
top: 52%;
}

.relative-sp .absolute-right {
top: 90%;
}
}