@charset "utf-8";

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

/* ========== additional styles ========== */
.dense {
	padding-top: 0 !important; }

.largely-spaced {
	margin-top: 80px !important; }

.normally-spaced {
	margin-top: 40px !important; }

.small-spaced ,
.small-spaced p {
	margin-top: 0.5em !important; }


/* ----- cpn-color ----- */
.cpn-color-01 {
	background-color: #0895e6; }
.cpn-color-02 {
	background-color: #def2fe; }

.cpn-text-02 {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

@media only screen and (max-width: 640px) {
	.cpn-text-02 {
		font-size: 112.5%;
	}
}

/* ----- kye-visual ----- */
/*
#key-visual {
	padding: 30px 54px; }

#key-visual header {
	margin: -30px -54px 30px; }

@media only screen and (max-width: 640px) {
	#key-visual {
		padding: 16px 10px; }
	#key-visual header {
		margin: -16px -10px 16px; }
}
*/

/* bonus fair */
/*
#key-visual {
	margin-top: 5% !important;
}

#key-visual header {
	position: relative;
}

#key-visual header .fair-logo {
	position: absolute;
		bottom: 100%;
	width: 100%;
}
*/

/* ----- c-heading ----- */
.cpn-heading-img {
	margin-left: -54px;
	margin-right: -54px;
}
.cpn-heading-img.cpn-title-pc h2 {
	margin-top: -50px !important;
	background: url(../img/bg_03_pc.png) left bottom repeat-x;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.cpn-heading-img.cpn-title-pc01 h2 {
	margin-top: -50px !important;
	background-color: #35a667;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.cpn-heading-img.cpn-title-sp h2 {
	margin-top: -42px !important;
	background: url(../img/bg_03_sp.png) left bottom repeat-x;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.cpn-heading-img.cpn-title-sp01 h2 {
	margin-top: -42px !important;
	background-color: #35a667;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}

@media only screen and (max-width: 780px) {
	.cpn-heading-img.cpn-title-sp h2 {
		margin-top: -62px !important;
	}	
}
@media only screen and (max-width: 640px) {
	.cpn-heading-img {
		margin-left: -11px;
		margin-right: -11px;
	}
	.cpn-heading-img img {
		padding: 0; }

	.cpn-heading-img.cpn-title-sp h2 {
		margin-top: -42px !important; 	}

}

/* ----- cpn-appeal-01 ----- */
.cpn-appeal-01 {
  border-left: none;
}
.cpn-appeal-01 h3 {
	border: none;
	position: relative;
	text-align: center;
  padding: 0;
}

.cpn-appeal-01 h3 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 0 0.8em;
	background-color: #fff;
	text-align: left;
}
.cpn-appeal-01 h3:before {
	position: absolute;
	top: 0.5em;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 4px;
}

.cpn-heading-img + .cpn-appeal-01 {
	margin-top: 1.875em;
}

/* color variation */
body.color-02 .cpn-appeal-01 h3:before { background-color: #eece80; }
body.color-03 .cpn-appeal-01 h3:before { background-color: #c2df7e; }
body.color-04 .cpn-appeal-01 h3:before { background-color: #a2dfbd; }
body.color-05 .cpn-appeal-01 h3:before { background-color: #9acad2; }
body.color-06 .cpn-appeal-01 h3:before { background-color: #8cd6ff; }
body.color-07 .cpn-appeal-01 h3:before { background-color: #aca2f8; }
body.color-08 .cpn-appeal-01 h3:before { background-color: #cc96f3; }
body.color-09 .cpn-appeal-01 h3:before { background-color: #ff90b7; }
body.color-10 .cpn-appeal-01 h3:before { background-color: #fcab9b; }
body.color-11 .cpn-appeal-01 h3:before { background-color: #ceb785; }
body.color-12 .cpn-appeal-01 h3:before { background-color: #b4bed7; }
body.color-13 .cpn-appeal-01 h3:before { background-color: #fdbd9b; }
body.color-14 .cpn-appeal-01 h3:before { background-color: #fea6a6; }
body.color-15 .cpn-appeal-01 h3:before { background-color: #fea09d; }

.mr16{margin-right: 16px;}
.w90p{width: 90%;}
@media only screen and (max-width: 640px) {
	.cpn-appeal-01 h3 span {
		padding: 0 0.5em; }
}


/* ========== block ========== */
/* ----- cpn-block ----- */
.cpn-block-01 {
	background: #f1f9f4;
	padding: 35px 25px 45px;
	margin-top: 1.25em;
}

.cpn-block-02 {
	padding: 25px;
	margin-top: 2em;
	background: #fff;
}

@media only screen and (max-width: 640px) {
	.cpn-block-01 {
		padding: 10px;
	}
	
	.cpn-block-02 {
		margin-top: 1.0em;
		padding: 10px;
	}
}

/* ----- noticeBlock ----- */
.cpn-noticeBlock-01 .col:nth-child(2) {
	padding-left: 10px; }
.cpn-noticeBlock-01 .col:nth-child(2) figure {
	width: 34.8993288590604%; }
.cpn-noticeBlock-01 .col:nth-child(2) .content {
	width: 60.1006711409396%; }

.cpn-noticeBlock-01 {
	margin-top: -30px !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
@media only screen and (max-width:640px){
	.cpn-noticeBlock-01 {
		margin-top: -16px !important;
	}
}

.c-anchorLinks-01 {
    list-style: none;
    margin: 0 -17px -34px;
    padding: 0;
}

/* ----- cpn-column-group ----- */
.cpn-column-group-01 {
	margin-top: 1.25em; }

@media only screen and (max-width: 640px) {
	.cpn-column-group-01 .c-figure-01 {
		margin-left: 2.5em;
		margin-right: 2.5em;
	}
	.cpn-noticeBlock-01 .col:nth-child(2) figure {
		width: 30%; }
	.cpn-noticeBlock-01 .col:nth-child(2) .content {
		width: 65%; }
}


/* ----- add yen_fixed_deposit_switch block ----- */
.switch-block-01 {
  margin-top: 30px;
  background-color: #e7f6c3;
  padding: 32px 25px 25px 25px;
  position: relative;
}
.switch-block-01 .balloon {
  position: absolute;
  top: -9px;
  left: -8px;
}
.switch-block-01 figure {
  padding: 30px 17px;
  background-color: #fff;
  margin-top: 18px;
}
.switch-block-01 .txt-01 {
  margin-left: 30px;
}

.bg-col-g {
  background-color: #f1f9f4 !important;
}

.switch-block-02 {
  margin-top: 30px;
  background-color: #e7f6c3;
  padding: 25px 25px 25px 25px;
  position: relative;
}

.switch-block-02 figure {
  padding: 30px 17px;
  background-color: #fff;
  margin-top: 18px;
}

.cnvBlock-pull-left {
    display: inline-block;
    width: 49.71428571428571%;
}
.cnvBlock-pull-left+.cnvBlock-pull-right {
    float: right;
    display: inline-block;
    width: 49.71428571428571%;
    position: relative;
}
@media (max-width: 960px){
.cnvBlock-pull-left {
    float: none;
    width: 100%;
}
.cnvBlock-pull-left+.cnvBlock-pull-right {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 0px;
    padding-top: 0px;
}
}


@media only screen and (max-width: 640px) {
.switch-block-01 {
  margin-top: 20px;
  padding: 21px 12px 12px;
}
.switch-block-01 .balloon img {
	height: 26px;
	width: 26px;
}
.switch-block-01 .txt-01 {
  margin-left: 0;
}
.switch-block-01 figure {
  padding: 10px;
}
.switch-block-02 {
  margin-top: 20px;
  padding: 12px 12px 12px;
}
.switch-block-02 figure {
  padding: 10px;
}
}

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



/* ========== c-login_area ========== */
.c-login_area.entry a.c-btn-account, .modaal__content .c-login_area.entry .icon-login.icon-login-app {
  background-color: #fff;
  border: 2px solid #eb7000;
  border-bottom: 4px solid #eb7000;
  color: #eb7000;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.modaal__content .c-login_area.entry .icon-login {
  background-color: #fff;
  border: 2px solid #50659E;
  border-bottom: 4px solid #50659E;
  color: #50659E;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.c-login_area.entry a.c-btn-account.icon-login.size-01 > .label:before {
  background-size: 0;
}
.c-login_area.entry a.c-btn-account.icon-login.size-01 > .label:before, .c-login_area.entry.login__modaal a.icon-login:after,
.modaal__content .c-login_area.entry a.c-btn-account.icon-login.icon-login-app.size-01 > .label:before {
  background-color: #eb7000;
}
.modaal__content .c-login_area.entry a.c-btn-account.icon-login.size-01 > .label:before {
  background-color: #50659E;
}
@media only screen and (min-width: 641px) {
  a.c-btn-account.cv-login.size-01 {
    font-size: 20px;
  }
  a.c-btn-account.cv-login.size-01 > .label:before {
    top: 2px;
  }
}

/*パーツ1*/
.sty-inc_section--switch_attention {
  display: block;
  border: #fffad6 solid 4px;
  border-radius: 15px;
  margin-top: 30px;
}
.sty-inc_section__col {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sty-inc_section__col_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.sty-inc_section__col--pc_col02>.sty-inc_section__col_item {
  width: 50%;
}
.sty-inc_section__col_item--ltor>.sty-inc_section__col_item:first-child {
  position: relative;
  margin-right: 65px;
  background-color: #fffad6;
}
.sty-inc_section__col_item--ltor>.sty-inc_section__col_item:first-child::before {
  content: "";
  background-color: #fffad6;
  position: absolute;
  width: 50px;
  height: 100%;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  right: -50px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sty-inc_section__title {
  color: #535252;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}
.sty-inc_section__title span {
  font-size: 26px;
}
.sty-inc_section__col_item--total p {
  margin-bottom: 0;
}
.sty-inc_section__col_item--total .sty-inc_section__title {
  color: #ff4d0f;
  font-size: 26px;
}
.sty-inc_section__text {
  width: 100%;
  text-align: center;
}
.sty-inc_section__col_item--total .sty-inc_section__text {
  color: #ff4d0f;
}
.sty-inc_section__text {
  font-weight: bold;
  font-size: 16px;
}
.sty-inc_section__balltext {
  width: 80%;
  display: inline-block;
  border: #a2dfbd solid 4px;
  border-radius: 10px;
  color: #535252;
  font-size: 22px;
  background-color: #fff;
  padding: 4px 0;
  margin-right: 4px;
}
.sty-inc_section__balltext--or {
  border: #ffd298 solid 4px;
}
.sty-inc_section__balltext strong {
  font-size: 16px;
  color: #35a667;
  font-weight: bold;
}
.sty-inc_section__balltext em {
  font-size: 30px;
}
.sty-inc_section__total-cnt .sty-inc_section__text {
  font-size: 20px;
}
.sty-inc_section__textgap {
  font-size: 16px;
}
.sty-inc_section__total-maintext {
  font-weight: bold;
  font-size: 36px;
  color: #535252;
  line-height: 1;
}
.sty-inc_section__total-maintext span {
  color: #ff4d0f;
  font-size: 42px;
}
.sty-inc_section__total-maintext em {
  font-size: 64px;
}

@media only screen and (max-width: 640px) {
  .sty-inc_section--switch_attention {
    border-radius: 4vw;
    margin-top: 4vw;
  }
  .sty-inc_section__col {
    display: block;
  }
  .sty-inc_section__col_item {
    padding: 4vw;
    align-items: baseline;
  }
  .sty-inc_section__col--pc_col02>.sty-inc_section__col_item {
    width: 100%;
  }
  .sty-inc_section__col_item--ltor>.sty-inc_section__col_item:first-child {
    margin-bottom: 4vw;
    margin-right: 0;
  }
  .sty-inc_section__col_item--ltor>.sty-inc_section__col_item:first-child::before {
    width: 100%;
    height: 4vw;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    right: 0;
    left: 0;
    bottom: -4vw;
    top: auto;
    margin: auto;
  }
  .sty-inc_section__title {
    font-size: 3.73vw;
    letter-spacing: normal;
    text-align: center;
  }
  .sty-inc_section__title span {
    font-size: 6.4vw;
  }
  .sty-inc_section__col_item--total .sty-inc_section__title {
    font-size: 4.8vw;
  }
  .sty-inc_section__text {
    width: 100%;
  }
  .sty-inc_section__text {
    font-size: 4.267vw;
  }
  .sty-inc_section__balltext {
    width: 84%;
    border-radius: 2.13vw;
    font-size: 4.8vw;
    padding: 1.067vw 0;
    margin-right: 1.067vw;
  }
  .sty-inc_section__balltext strong {
    font-size: 4.267vw;
    margin-left: 1.067vw;
  }
  .sty-inc_section__balltext em {
    font-size: 5.867vw;
  }
  .sty-inc_section__total-cnt .sty-inc_section__text {
    font-size: 5.33vw;
  }
  .sty-inc_section__textgap {
    font-size: 3.73vw;
  }
  .sty-inc_section__total-maintext {
    font-size: 4.8vw;
  }
  .sty-inc_section__total-maintext span {
    font-size: 7.467vw;
  }
  .sty-inc_section__total-maintext em {
    font-size: 16.53vw;
  }
  .sty-inc_section__col_item--total .sty-inc_section__text {
    width: auto;
  }
}

/*パーツ2*/
.sty-inc_section--m1 .sty-inc_section__inner {
  text-align: center;
  margin-top: 15px;
}
.sty-inc_section--m1 .sty-inc_section__title {
  display: inline-block;
  font-size: 36px;
  color: #ff4d0f;
  border-bottom: #ffce00 solid 6px;
}
.sty-inc_section--m1 .sty-inc_section__title p {
  margin-bottom: 0;
  line-height: 1;
  margin-bottom: -6px;
}
.sty-inc_section--m1 .sty-inc_section__title span {
  font-size: 64px;
}

@media only screen and (max-width: 640px) {
  .sty-inc_section--m1 .sty-inc_section__inner {
    margin-top: 4vw;
  }
  .sty-inc_section--m1 .sty-inc_section__title {
    font-size: 5.33vw;
  }
  .sty-inc_section--m1 .sty-inc_section__title span {
    font-size: 10.67vw;
  }
}
/*パーツ3*/
.sty-inc_section--table {
  margin-top: 15px;
}
.sty-inc_section--table .sty-inc_section__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.sty-inc_section--table .sty-inc_section__table {
  width: 45%;
  background-color: #f1f9f4;
  padding: 20px;
}
.sty-inc_section--table .sty-inc_section__table--or {
  background-color: #fffbef;
}
.sty-inc_section--table .sty-inc_section__title {
  color: #452500;
  font-size: 22px;
  text-align: center;
}
.sty-inc_section--table .sty-inc_section__title p {
  margin-bottom: 0;
}
.sty-inc_section--table .sty-inc_section__ball-cont {
  width: 100%;
  border: #35a667 solid 4px;
  border-radius: 10px;
  color: #535252;
  font-size: 22px;
  font-weight: bold;
  background-color: #fff;
  padding: 15px 0;
  text-align: center;
  line-height: 1;
  margin-bottom: 30px;
}
.sty-inc_section__ball-cont--has {
  position: relative;
}
.sty-inc_section__ball-cont--has::before {
  content: "";
  background-color: #35a667;
  position: absolute;
  width: 24px;
  height: 20px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  bottom: -20px;
  right: 0;
  left: 0;
  margin: auto;
}
.sty-inc_section__table--or .sty-inc_section__ball-cont--has::before {
  background-color: #fb8a0c;
}
.sty-inc_section__ball-cont--has::after {
  content: "";
  background-color: #fff;
  position: absolute;
  width: 24px;
  height: 20px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  bottom: -13px;
  right: 0;
  left: 0;
  margin: auto;
}
.sty-inc_section__table--or .sty-inc_section__ball-cont {
  border: #fb8a0c solid 4px;
  color: #535252;
}
.sty-inc_section--table .sty-inc_section__ball-cont p {
  margin-bottom: 0px;
}
.sty-inc_section--table .sty-inc_section__ball-cont span {
  color: #35a667;
}
.sty-inc_section__table--or .sty-inc_section__ball-cont span {
  color: #fb8a0c;
}
.sty-inc_section--table .sty-inc_section__ball-cont em {
  font-size: 30px;
}
.sty-inc_section--table .sty-inc_section__ball-cont span.sty-text-l-min {
  font-size: 16px;
  color: #535252;
}
.sty-inc_section--table .sty-inc_section__calc {
  text-align: center;
  color: #452500;
  font-size: 18px;
}
.sty-inc_section--table .sty-inc_section__calc strong {
  font-size: 20px;
  color: #35a667;
  font-weight: bold;
}
.sty-inc_section--table .sty-inc_section__calc em {
  font-size: 24px;
  color: #35a667;
  font-weight: bold;
}
.sty-inc_section__table--or .sty-inc_section__calc strong {
  color: #fb8a0c;
}
.sty-inc_section__table--or .sty-inc_section__calc em {
  color: #fb8a0c;
}
.sty-inc_section__table div:last-child {
  margin-bottom: 0;
}
.sty-inc_section__icon {
  width: 42px;
  height: 42px;
}
.sty-inc_section__plus {
  width: 100%;
  height: 100%;
  position: relative;
}
.sty-inc_section__plus:before,
.sty-inc_section__plus:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 24%;
  background-color: #888;
}
.sty-inc_section__plus:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media only screen and (max-width: 640px) {
  .sty-inc_section__inner>div {
    margin-bottom: 4vw;
  }
  .sty-inc_section--table {
    margin-top: 15px;
  }
  .sty-inc_section--table .sty-inc_section__inner {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .sty-inc_section--table .sty-inc_section__table {
    width: 100%;
    padding: 4vw 2.667vw;
  }
  .sty-inc_section--table .sty-inc_section__title {
    font-size: 4.267vw;
    text-align: center;
  }
  .sty-inc_section--table .sty-inc_section__title p {
    margin-bottom: 0;
  }
  .sty-inc_section--table .sty-inc_section__ball-cont {
    width: 90%;
    border: #35a667 solid 1.06vw;
    border-radius: 10px;
    font-size: 4.267vw;
    padding: 2.667vw 0;
    text-align: center;
    line-height: 1;
    margin: 0 auto 6vw;
  }
  .sty-inc_section__table--or .sty-inc_section__ball-cont {
    border: #fb8a0c solid 1.06vw;
  }
  .sty-inc_section__ball-cont--has::before {
    width: 6.4vw;
    height: 5.33vw;
    bottom: -5.33vw;
  }
  .sty-inc_section__ball-cont--has::after {
    width: 6.4vw;
    height: 5.33vw;
    bottom: -3.467vw;
  }
  .sty-inc_section--table .sty-inc_section__ball-cont em {
    font-size: 5.867vw;
  }
  .sty-inc_section--table .sty-inc_section__ball-cont span.sty-text-l-min {
    font-size: 3.2vw;
  }
  .sty-inc_section--table .sty-inc_section__calc {
    font-size: 3.467vw;
  }
  .sty-inc_section--table .sty-inc_section__calc strong {
    font-size: 4.8vw;
  }
  .sty-inc_section--table .sty-inc_section__calc em {
    font-size: 5.867vw;
  }
  .sty-inc_section__icon {
    width: 8vw;
    height: 8vw;
  }
  .sty-hiddn-sp {
    display: none;
  }
}