@charset "utf-8";
@import url(/campaign/css/campaign-detail.css);

.pt0{padding-top: 0px !important;}
.bg-col-y{background-color: #f6f1d3 !important;}

/* ========== heading ========== */

.c-figure-01.c-figure-tit {
  margin: -30px -54px 0 -54px !important;
}

.sty-dop-ttl-01{
  margin: -30px -54px 0 -54px !important;
  padding: 20px 20px 16px;
  width: calc(100% + 108px);
  background-color: #543510;
  color: #ecec4a;
}

.sty-dop-ttl-01 h2{
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 640px){
  .c-figure-01.c-figure-tit {
    margin: -16px -10px 0 -10px !important;
  }

  .sty-dop-ttl-01{
    margin: -16px -10px 0 -10px !important;
    padding: 15px 15px 11px;
    width: calc(100% + 20px);
  }
  .sty-dop-ttl-01 h2{
    font-size: 28px;
  }
}


/* ========== table ========== */
.dop-table-01 th {
   padding-top: 16px;
   padding-bottom: 16px;
}

.dop-table-01 td {
   padding-top: 12px;
   padding-bottom: 12px;
}

.dop-table-01 th.highlight {
	background-color: #eb7000;
	color: #fff;
}

.dop-table-01 td.highlight {
	background-color: #fce7cd;
}

.dop-table-01 td.highlight strong {
	color: #eb7000;
}

.dop-table-01 td.highlight strong.c-text-03 {
	color: #e50000;
}

.dop-table-01 td small {
	display: block;
	font-size: 39.25%;
}

.dop-table-01.pc th {
   font-size: 112.5%;
}

.dop-table-01.pc td {
   font-size: 175%;
}

.dop-table-01.pc tbody td.highlight strong:before {
	content: "\a";
	display: block;
	font-size: 39.25%;
	white-space: pre;
}

.dop-table-01.sp th,
.dop-table-01.sp td {
   padding: 6px;
}

.dop-table-01.sp td {
   font-size: 112.5%;
}

.dop-table-01.sp tbody td small {
	font-size: 68.75%;
}


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

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

/* ========== c-btn-mail c-btn-account========== */

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

.c-or_area a.c-btn-account.icon-login.sty-icon.size-01 > .label:before {
  mask: url(/assets/img/icon_mail_01.png) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon_mail_01.png) no-repeat center center/contain;
}

@media only screen and (max-width: 640px) {
  .c-or_area a.c-btn-account.icon-login.sty-icon.size-01{
    padding: 18px 30px 14px 60px;
  }
  .c-or_area a.c-btn-account.icon-login.size-01 > .label:before {
    content: "";
  }
}

/* ========== sty-dop-income-block ========== */

.sty-dop-income-block{
  display: flex;
  gap: 20px;
}

.sty-dop-income-block__item{
  max-width: 424px;
}

.sty-dop-income-block .c-accordion-01>.item>.body{
  margin: 0 20px;
}

@media only screen and (max-width: 640px){
  .sty-dop-income-block{
    flex-direction: column;
    gap: 10px;
  }
  .sty-dop-income-block__item{
    max-width: 100%;
  }
  .sty-dop-income-block .c-accordion-01>.item>.body{
    margin: 0 10px;
  }
}

/* ========== note ========== */

.note{
  color: #eb7000;
  font-size: 70px;
  word-break: break-all;
}

@media only screen and (max-width: 640px){
  .note{
    font-size: 50px;
  }
}

/* ========== bundle-acc ========== */

.c-accordion-01.bundle-acc>.item{
  border-left: 1px solid #d4d5d5;
  border-right: 1px solid #d4d5d5;
}
.c-accordion-01.bundle-acc>.item>.head{
  padding-left: 1em;
  position: relative;
}
.c-accordion-01.bundle-acc>.item>.head.opened{
  border-bottom: 1px solid #d4d5d5;
}
.c-accordion-01.bundle-acc>.item>.head:before{
  right: 10px;
}
.c-accordion-01.bundle-acc>.item>.head:after{
  right: 19px;
}
.c-accordion-01.bundle-acc:last-child{
  margin-bottom: 0;
}
.c-accordion-01.bundle-acc .item .head:before {
  content: none;
}
.c-accordion-01.bundle-acc .item .head:after {
  content: none;
}

.c-accordion-01.bundle-acc .item .head {
    padding: 17px 44px 13px 18px;
    background: url(/program/20250301_debut/img/icon-chevron-down-black.png);
    background-repeat: no-repeat;
    background-size: auto 1.125em;
    background-position: right 1em center;
}

@media only screen and (max-width: 640px) {
  .c-accordion-01.bundle-acc .item .head {
    padding: 17px 44px 13px 10px;
    background-position: right 6px center;
  }
}

.c-accordion-01.bundle-acc .item .head.opened {
    background: url(/program/20250301_debut/img/icon-chevron-up-black.png);
    background-repeat: no-repeat;
    background-size: auto 1.125em;
    background-position: right 1em center;
}

@media only screen and (max-width: 640px) {
  .c-accordion-01.bundle-acc .item .head.opened {
    background-position: right 6px center;
  }
}

.acc-closed img.img-responsive:hover{
  cursor: pointer;
}

/* ========== sty-balloon-01 ========== */

.sty-balloon-01{
  position: relative;
  width: 100%;
  margin: 0 auto 30px;
  padding: 5px 10px 2px;
  background: #543510;
  text-align: center;
  border: 3px solid #543510;
  color: #fff;
  border-radius: 15px;
  font-size: 20px;
  line-height: 1.2;
}

.sty-balloon-01 p span{
  font-size: 30px;
}

.sty-balloon-01::after,
.sty-balloon-01::before{
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: rotate(-180deg);
}

.sty-balloon-01::after{
  border-color: rgba(84, 53, 16, 0);
  border-top-width: 20px;
  border-bottom-width: 20px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-bottom-color: #543510;
}

@media only screen and (max-width: 640px){
  .sty-balloon-01{
    width: 100%;
    font-size: 17px;
    border-radius: 10px;
  }
  .sty-balloon-01 p span{
    font-size: 25px;
  }
}

/* ========== よくあるご質問 ========== */
.c-accordion-01.c-accordion-qa>.item{
  border-left: 1px solid #d4d5d5;
  border-right: 1px solid #d4d5d5;
}
.c-accordion-01.c-accordion-qa>.item>.head{
  padding-left: 35px;
  position: relative;
}
.c-accordion-01.c-accordion-qa>.item>.head.opened{
  border-bottom: 1px solid #d4d5d5;
}
.c-accordion-01.c-accordion-qa>.item>.head span{
  color: #888;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.c-accordion-01.c-accordion-qa>.item>.head:before{
  right: 10px;
}
.c-accordion-01.c-accordion-qa>.item>.head:after{
  right: 19px;
}
.c-accordion-01.c-accordion-qa:last-child{
  margin-bottom: 0;
}











.sty-contets_step p {
  margin-bottom: 0;
}
.sty-contets_step {
  border: 3px solid #BDBDBD;
  border-radius: 15px;
}
.sty-contets_step__item {
  position: relative;
  border-top: 3px solid #BDBDBD;
}
.sty-contets_step__item::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -1px;
  margin: auto;
  width: 100%;
  height: 15px;
  padding-top: 3px;
  background-color: #BDBDBD;
  clip-path: polygon(50% 15px, 0% 0px, 100% 0px);
}
.sty-contets_step__item::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -4px;
  margin: auto;
  width: 100%;
  height: 15px;
  background-color: #fff;
  clip-path: polygon(50% 15px, 0% 0px, 100% 0px);
}
.sty-contets_step__item:first-child {
  border-top: none;
}
.sty-contets_step__item-inner {
  position: relative;
  margin-bottom: 15px;
}
.sty-contets_step__item-inner::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  background-image: url(/account/img/step_img_04.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.sty-contets_step__item:nth-child(2) .sty-contets_step__item-inner::before {
  background-image: url(/account/img/step_img_05.png);
}
.sty-contets_step__item:nth-child(3) .sty-contets_step__item-inner::before {
  background-image: url(/account/img/step_img_02.png);
}
.sty-contets_step__item:nth-child(4) .sty-contets_step__item-inner::before {
  background-image: url(/account/img/step_img_03.png);
}
.sty-contets_step__item:nth-child(5) .sty-contets_step__item-inner::before {
  background-image: url(/account/img/step_img_01.png);
}

.sty-contets_step__item:first-child::before,.sty-contets_step__item:first-child::after {
  content: none;
}

.sty-step__title {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 10px;
}
.sty-step__title--single {
  justify-content: center;
}
.sty-contets_step__item:first-child .sty-step__title {
  margin-top: 0;
}
.sty-step__title > div{
  width : calc(100% / 3) ;
  text-align: center;
}

.sty-step__title-main-inner {
  display: inline-block;
  background-color: #eb7000;
  color: #fff;
  padding: 5px 30px;
  text-align: center;
  border: 3px solid #BDBDBD;
  border-top: none;
  border-radius: 0 0 6px 6px;
  font-weight: bold;
  font-size: 20px;
}
.sty-contets_step__item:first-child .sty-step__title-main-inner {
  padding: 5px 30px;
}
.sty-step__title-date-inner {
  display: inline-block;
  background-color: #E5E5E5;
  padding: 2px 15px;
  text-align: center;
  border-radius: 20px;
}
.sty-step__text {
  width : calc(100% - 220px) ;
  margin: 15px auto 0;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
.sty-step__offer {
  width : calc(100% - 220px) ;
  margin: 15px auto 0;
}

@media only screen and (max-width: 640px) {


.sty-contets_step__item::before {
  top: -1px;
  margin: auto;
  width: 100%;
  height: 10px;
  background-color: #BDBDBD;
  clip-path: polygon(50% 10px, 0% 0px, 100% 0px);
}
.sty-contets_step__item::after {
  top: -4px;
  margin: auto;
  width: 100%;
  height: 10px;
  background-color: #fff;
  clip-path: polygon(50% 10px, 0% 0px, 100% 0px);
}

.sty-contets_step__item-inner {
  margin-bottom: 15px;
}
.sty-contets_step__item-inner::before {
  left: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 60px;
  height: 60px;
}

.sty-step__title {
margin-top: 5px;
}

.sty-contets_step__item:first-child .sty-step__title {
  margin-top: 0;
}
.sty-step__title > div{
  width : calc(100% / 3) ;
}

.sty-step__title-main-inner {
  padding: 5px 10px;
  font-size: 18px;
}
.sty-contets_step__item:first-child .sty-step__title-main-inner {
  padding: 5px 10px;
}
.sty-step__title-date-inner {
  padding: 2px 10px;
  border-radius: 20px;
}
.sty-step__text {
  width : calc(100% - 120px) ;
  margin: 15px auto 0;
  font-size: 18px;
}
.sty-step__offer {
  width : calc(100% - 120px) ;

  margin: 15px auto 0;
}
}

/* ========== sty-cvfixd ========== */
.sty-cvfixd {
  position: fixed;
  z-index: 2;
  bottom: 0;
  width: 100%;
}
.sty-cvfixd .c-cnvBlock-01 {
  background-color: rgba(0, 0, 0, 0.6);
}
.sty-cvfixd .c-cnvBlock-01 .cnvBlock-pull-left+.cnvBlock-pull-right:before {
  content: none;
}
.sty-cnvBlock-inner {
  max-width: 960px;
  margin: auto;
}

@media only screen and (max-width: 640px) {
  .sty-cvfixd .c-cnvBlock-01 .cnvBlock-pull-left {
    width: 46%;
    padding-right: 4%;
  }
  .sty-cvfixd .c-cnvBlock-01 {
    padding: 10px 14px;
}
  .sty-cvfixd .c-cnvBlock-01 .cnvBlock-pull-left+.cnvBlock-pull-right {
    width: 46%;
    padding-left: 4%;
  }
  .sty-cvfixd .c-cnvBlock-01 .cnvBlock-pull-left+.cnvBlock-pull-right:before {
    content: none;
}
  .sty-cvfixd .c-or_area.entry a.c-btn-account,.sty-cvfixd a.c-btn-account {
    padding-right: 0;
  }
  .sty-cvfixd .c-cnvBlock-01 .cnvBlock-pull-left+.cnvBlock-pull-right {
    margin-top: 0px;
    padding-top: 0px
  }
}

.sty-account-footer-height {
  height: 105px;
}
@media only screen and (max-width: 640px) {
  .sty-account-footer-height {
  height: 83px;
  }
}
.sty-account-footer-app-height {
  height: 105px;
}
@media only screen and (max-width: 640px) {
  .sty-account-footer-app-height {
  height: 79px;
  }
}