@charset "utf-8"; 
/* CSS Document */

/* header �㏑�� */
.header__body__top {
    background: #E4007F;
}

.footer__top {
    background: #E4007F;
}

.form h2 {
  background: #e4007f;
}

.form h3 {
  background: #fce5f2;
}

/* teb
***************************************************** */
.tab .tab__head {
  border-bottom: 6px solid #e4007f;
}
@media only screen and (max-width: 720px) {
  .tab .tab__head {
    border-bottom: 3px solid #e4007f;
  }
}

.tab .tab__head__item > a:hover {
  color: #fff;
  background: #e4007f;
}
.tab .tab__head__item.active > a {
  color: #fff;
  background: #e4007f;
}
.tab .tab__head__item.active-tab > a {
  color: #fff;
  background: #e4007f;
}
.tab .tab__head__item .tab-down {
  border-top: 6px solid #e4007f;
}
@media only screen and (max-width: 720px) {
  .tab .tab__head__item .tab-down {
    border-top: 3px solid #e4007f;
  }
}

/* stepNav
***************************************************** */
.stepNav {
  background: #e4007f;
}

.stepNavList__item:before {
  color: #f17fbf;
}

.stepNavList__item.is-current {
  background: #e4007f;
}
.stepNavList__item.is-current:before {
  color: #e4007f;
}
.stepNavList__item:after {
  border-left-color: #e4007f;
}

.stepNavList__item.is-current:after, .stepNavList__item.is-current.item-2:after, .stepNavList__item.is-current.item-3:after, .stepNavList__item.is-current.item-4:after {
  border-left-color: #e4007f;
}
.stepNavList__item.is-past {
  color: #f17fbf;
}
.stepNavList__item.is-past:before {
  background: #f17fbf;
  color: #e4007f;
}
.stepNavList__item.is-past, .stepNavList__item.is-past.item-2, .stepNavList__item.is-past.item-3, .stepNavList__item.is-past.item-4 {
  background: #e4007f;
}
.stepNavList__item.is-past:after, .stepNavList__item.is-past.item-2:after, .stepNavList__item.is-past.item-3:after, .stepNavList__item.is-past.item-4:after {
  border-left-color: #e4007f;
}

.formBox__radioBtn:checked + .formBox__radioLabel:after {
  background: #e4007f;
}

.formBox__checkbox:checked + .formBox__checkboxLabel:after {
  background: #00549f url(/common/css/img/bg_checkbox.png) center center no-repeat;
}

.formBox__select {
  background: white url(/common/css/img/bg_selectbox_pink.png) right center no-repeat;
}

.formBox__select[disabled] {
  background: #f8f7f7 url(/common/css/img/bg_selectbox_pink.png) right center no-repeat;
}

/* hukidashi
***************************************************** */
.formBox__textBox.textbox_error,
.formBox__textBox.textbox_error[disabled] {
  background: #f6f5f6;
}


.formBox__checkbox:checked + .formBox__checkboxLabel:after {
  background: #e4007f url(/common/css/img/bg_checkbox_pink.png) center center no-repeat;
}

.formBox__select.textbox_error,
.formBox__select.textbox_error[disabled] {
  background: #f6f5f6 url(/common/css/img/bg_selectbox_pink.png) right center no-repeat;
}

/* form icon */
.icon-question:before {
 content: "\e907";
     color: #ef66b2;
    margin-left: 5px;
    font-size: 120%;
    margin-bottom: -5px;
}

.tip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.tip .tiptext {
	position: absolute;
	z-index: 1;
	top: 110%;
	right: -30px;
	visibility: hidden;
	width: 200px;
	padding: 0.3em 0.5em;
	transition: opacity 1s;
	text-align: center;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #ef66b2;
	font-size: 85%;
    line-height: 145%;
}
.tip .tiptext::after {
	position: absolute;
	bottom: 100%;
	right: 20%;
	margin-right: -10px;
	content: ' ';
	border: 5px solid transparent;
	border-bottom-color: #ef66b2;
}