@charset "utf-8";

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


/* ========== kye-visual ========== */
#key-visual {
	padding: 0; }

#key-visual .prg-title-sp h1 img {
	width: 100%;
}


/* ========== heading ========== */
/* ----- 02 ----- */
.prg-heading-02 {
	margin-top: 1.875em;
}

.prg-heading-02.prg-title-pc h2 {
	background: url(../img/bg_02_pc.png) left bottom repeat-x;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.prg-heading-02.prg-title-sp h2 {
	background: url(../img/bg_02_sp.png) left top repeat-x;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}

/* ----- 03 ----- */
.prg-heading-03 {
	margin-top: 1.875em;
}

.prg-heading-03 h3 {
	padding-bottom: 0;
	border-bottom: none;
}

/* ----- 04 ----- */
.prg-heading-04 h4 {
	margin: 0;
	padding-bottom: 0;
	border: none;
}

/* ----- 05 ----- */
.prg-heading-05 {
    display: inline-table;
    margin: 0 auto;
    min-height: 57px;
    position: relative;
}
.prg-heading-05 .label {
    display: table-cell;
    padding-left: 71px;
    vertical-align: middle;
}
.prg-heading-05 .icon {
    margin-top: -28px;
    position: absolute;
    top: 50%;
    left: 0;
}

@media only screen and (max-width: 640px) {
	.prg-heading-04 h4 {
		font-size: 112.5%;
	}
}


/* ========== block ========== */
.prg-block-01,
.prg-block-02 {
	border-radius: 20px;
	margin-top: 1.25em;
	padding: 25px;
}
.prg-block-03{
    margin: 40px 0;
    background: url(/program/birthmonth/img/img_01_20181210_pc.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size:  100% 100%;
    padding: 20px 10px 30px;
}
.prg-block-03 .c-heading4-01{
  font-size: 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
    .prg-block-03 .c-heading4-01{
      font-size: 24px;
      margin-bottom: 12px;
    }
    .prg-block-03{
        margin: 30px 0;
        background: url(/program/birthmonth/img/img_01_20181210_sp.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size:  100% 100%;
        padding: 20px 10px 30px;
    }
}
@media only screen and (max-width: 640px) {
  .prg-block-03 .c-figure-04{
      top: 11%;
      font-size: 16px;
      line-height: 2em;
  }
}
.prg-block-03 .c-figure-04 .content{
    margin: 0 auto;
    width: 90%;
}


.prg-block-01 { background: #f7f4ea; }
.prg-block-02 { background: #f8e940; }

.prg-block-01 .prg-block-02 {
	border-radius: 20px 20px 0 0;
	margin: -25px -25px 0;
}

.prg-block-01 .simulation {
	padding: 25px;
	margin-top: 2em;
	background: #fff;
}

@media only screen and (max-width: 640px) {
	.prg-block-01,
	.prg-block-02 {
		border-radius: 10px;
		padding: 10px;
	}

	.prg-block-01 .simulation {
		margin-top: 1.0em;
		padding: 10px;
	}
	.prg-block-01 .prg-block-02 {
		border-radius: 10px 10px 0 0;
		margin: -10px -10px 0;
	}
}

/* ========== text ========== */
.prg-text-01 {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}
@media only screen and (max-width: 640px) {
	.prg-text-01 {
		font-size: 112.5%;
	}
}

/* ========== c-btn-mail ========== */
a.c-btn-account.c-btn-mail::before {
  background-image: url(/assets/img/icon_mail_01.png)
}