@charset "UTF-8";
.list_ico_f {
  display: flex;
  justify-content: center;
}

.list_ico_f + .list_ico_f {
  margin-top: 20px;
}

.list_ico_f li {
  text-align: center;
  margin: 0 20px;
  min-width: 8em;
}

.top_plus {
  position: relative;
}

.top_plus:before {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  background: url(/products/genki-passport/images/ico_plus.png) no-repeat center;
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .top_plus .ttl-h3 {
    margin-top: 15px;
  }
}
.f_box {
  display: flex;
}

.f_box .f_box_circle {
  width: 88px;
  height: 88px;
  background-color: #0C3D8B;
  border-radius: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.f_box .f_box_circle span {
  color: #fff;
  text-align: center;
  display: block;
  font-family: "游ゴシック体", YuGothic, "Yu Gothic";
  font-weight: bold;
  line-height: 1.4;
}

.f_box .f_box_circle_txt {
  padding-left: 20px;
}

.max_w100 {
  max-width: 100%;
}

.max_w300 {
  max-width: 300px;
  width: 100%;
}

.btn_row2 {
  line-height: 2rem;
  padding-top: 1.3rem;
}

@media (max-width: 767px) {
  .btn_row2 {
    padding: 1.733vw 1.5vw;
    padding-left: 3rem;
  }
}
@media (max-width: 767px) and (min-width: 481px) {
  .btn_row2 {
    line-height: 4.7vw;
  }
}
.btn.ico01:after {
  content: "";
  width: 32px;
  height: 42px;
  background-image: url(/products/genki-passport/images/ico01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 16%;
  transform: translateY(-50%);
}

.btn.ico01:hover:after {
  background-image: url(/products/genki-passport/images/ico01h.svg);
}

.btn.ico02:after {
  content: "";
  width: 32px;
  height: 42px;
  background-image: url(/products/genki-passport/images/ico02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 16%;
  transform: translateY(-50%);
}

.btn.ico02:hover:after {
  background-image: url(/products/genki-passport/images/ico02h.svg);
}

.btn.ico03 {
  height: 4.1rem;
  line-height: 4rem;
  font-size: 15px;
  font-weight: bold;
  padding: 0 4rem;
}

.btn.ico03:before {
  width: 2rem;
  height: 2rem;
  left: 1.6rem;
}

.btn.ico03:after {
  content: "";
  width: 18px;
  height: 22px;
  background-image: url(/products/genki-passport/images/ico_pdf.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}

.btn.ico03:hover:after {
  background-image: url(/products/genki-passport/images/ico_pdfh.svg);
}

@media (max-width: 767px) {
  .btn.ico01:after,
  .btn.ico02:after {
    left: 12%;
  }
}
.box__ttl_c {
  display: inline-block;
  background-color: #B60081;
  height: 3.4rem;
  color: #fff;
  font-size: 1.6rem;
  line-height: 3.4rem;
  padding: 0 20px;
  border-radius: 17px;
  margin-right: 10px;
}

.btn._blank {
  background-image: url(/common/images/ico_blank.svg);
  background-position: center right 20px;
  background-repeat: no-repeat;
}

.btn._blank:hover {
  background-image: url(/common/images/ico_blank_white.svg);
}

.fs_18 {
  font-size: 1.8rem;
}

.pl30p {
  padding-left: 30%;
}

.-active .collapse__content.-ans {
  padding-left: 2rem;
}

.ans_ttl {
  padding-left: 4.2rem;
}

.ttl-h3_cp {
  display: inline-block;
  color: #B60081;
  background-color: #F7DCEE;
  padding: 0 5px;
  border-radius: 5px;
  margin: 0 5px;
  line-height: 1.7;
}

.ex_f {
  display: flex;
}

.ex_f_num {
  width: 45px;
  margin-right: 20px;
}

.ex_f_num span {
  display: block;
  background: #B60081;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
}

.ex_f_txt {
  width: calc(100% - 65px);
}

.mt0i {
  margin-top: 0 !important;
}

.box_ct {
  border: 2px solid #DE0000;
  border-radius: 5px;
  padding: 2rem;
}

.box_ct_ico span {
  display: inline-block;
  background-color: #DE0000;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  padding: 0 5px;
  margin-bottom: 5px;
}

.collapse__ttl_ico {
  display: flex;
  align-items: center;
}

.collapse__ttl_ico span {
  display: inline-block;
  margin-right: 10px;
}

.box_f {
  display: flex;
  justify-content: space-between;
}

.ttl-h3_cp._blue {
  background-color: #C4DCFF;
  color: #073D8B;
}

.ttl-h3_cp._gray {
  background-color: #C9C9C9;
  color: #2E2E2E;
}

.table_b_r {
  border-right: 2px solid #fff;
}

.table tbody th.table_b_t_n {
  border-top: none;
}

.color-dblue {
  color: #073D8B;
}

.collapse_inner_ttl {
  font-size: 1.8rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #B60081;
  padding-bottom: 10px;
}

.collapse_inner_ttl span {
  display: inline-block;
  margin-right: 10px;
}

.pl0i {
  padding-left: 0 !important;
}

@media (max-width: 767px) {
  .page-content-syosai .collapse__ttl {
    padding-left: 60px;
  }
  .page-content-syosai .collapse__ttl span {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
  }
  .list_ico_f {
    flex-wrap: wrap;
  }
  .list_ico_f li {
    min-width: inherit;
    margin: 6px 10px;
    width: calc(50% - 20px);
  }
  .list_ico_f li img {
    margin-bottom: 4px;
  }
  .f_box .f_box_circle {
    width: 50px;
    height: 50px;
    border-radius: 25px;
  }
  .f_box .f_box_circle span {
    font-size: 1rem;
  }
  .f_box .f_box_circle_txt {
    width: calc(100% - 50px);
    padding-left: 10px;
  }
  .ttl-h3_cp {
    margin: 0 2px;
  }
  .-active .collapse__content.-ans {
    padding-left: 1rem;
  }
  .ex_f_num {
    margin-right: 10px;
    width: 36px;
  }
  .ex_f_num span {
    font-size: 1.4rem;
    height: 30px;
    line-height: 30px;
  }
  .ex_f_txt {
    width: calc(100% - 46px);
  }
  .box_ct {
    padding: 1rem;
  }
  .box_f {
    display: block;
    margin-bottom: 20px;
  }
  [class].img_sp_w {
    width: 850px;
    max-width: inherit;
  }
}
.v_m {
  vertical-align: middle;
}

.step + .step {
  margin-top: 1.8rem;
}

.step:last-child .step__thumb {
  border-left: 0;
}

.step:last-child .step__thumb:after {
  display: none;
}

.step__head {
  display: flex;
  align-items: center;
  height: 5.1rem;
  border: 0.2rem solid #B60081;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .step__head {
    min-height: 14.9333333333vw;
    background: #B60081;
  }
}
.step__number {
  background: #B60081;
  color: #fff;
  font-size: 1.6rem;
  line-height: 5.1rem;
  font-weight: bold;
  text-align: center;
  width: 23.8095238095%;
}

@media (max-width: 767px) {
  .step__number {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4.2666666667vw;
    line-height: 1.25;
    height: 100%;
    width: 20vw;
  }
}
@media (max-width: 479px) {
  .step__number {
    font-size: 1.6rem;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .step__number {
    height: 5.1rem;
    padding-top: 0.4rem;
  }
}
.step__ttl {
  font-size: 1.6rem;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 5.1rem;
  padding: 0.5rem 2rem;
}

@media (max-width: 767px) {
  .step__ttl {
    display: flex;
    align-items: center;
    font-size: 4.2666666667vw;
    line-height: 1.25;
    padding: 2vw 2vw 2vw 3.2vw;
    width: calc(100% - 20vw);
    height: 100%;
    background: #fff;
  }
}
@media (max-width: 479px) {
  .step__ttl {
    font-size: 1.6rem;
  }
}
@media (max-width: 374px) {
  .step__ttl {
    font-size: 1.5rem;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .step__ttl {
    height: 5.1rem;
    padding: 0.3rem 2rem 0.5rem;
  }
}
@media (min-width: 768px) {
  .step__ttl br {
    display: none;
  }
}
.step__main {
  display: flex;
}

.step__main .list-custom li {
  line-height: 2.8rem;
}

@media (min-width: 768px) {
  .step__p {
    margin-top: -1rem;
    padding-left: 2rem;
  }
}
.step__thumb {
  width: 14rem;
  margin-left: 2rem;
  border-left: 0.4rem solid #B60081;
  position: relative;
}

@media (max-width: 767px) {
  .step__thumb {
    width: 18.6666666667vw;
    margin-left: 1.8666666667vw;
  }
}
.step__thumb:after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: -1.12rem;
  width: 2rem;
  height: 1.4rem;
  background: #fff url(/customer/payment/images/ico_triangle.svg) no-repeat;
  background-size: contain;
  background-position: center right;
  transform: rotate(-90deg);
}

@media (max-width: 767px) {
  .step__thumb:after {
    left: -1.2rem;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .step__thumb:after {
    left: -12px;
  }
}
.step__content {
  padding-top: 1.6rem;
  padding-bottom: 1.7rem;
  width: calc(100% - 16rem);
}

@media (max-width: 767px) {
  .step__content {
    padding-left: 2.6666666667vw;
    width: calc(100% - 18.6666666667vw);
  }
}
@media (max-width: 767px) {
  .step__content.pl5 {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .step__content p {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.textlink {
  color: #B60081;
}

.flex_i_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_long {
  max-width: 800px;
  margin: 0 auto;
}

.btn_long .btn {
  font-size: 1.8rem;
  line-height: 1.4;
  padding: 2rem 2rem;
}

@media (min-width: 768px) {
  .hidden_pc {
    display: none;
  }
}
.f_bottom {
  align-items: flex-end;
}

.b_top {
  border-top: 1px solid #C9C9C9;
}

@media (max-width: 767px) {
  .sp_block {
    display: block;
  }
  .sp_mb20 {
    margin-bottom: 20px;
  }
  .box_circle {
    position: relative;
  }
  .box_circle .f_box_circle {
    position: absolute;
    top: 0;
    left: 0;
  }
  .f_box .f_box_circle_txt {
    width: 100%;
    padding: 0;
  }
  .f_box .f_box_circle_txt p {
    padding-left: 60px;
    min-height: 55px;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .step__ttl {
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .step__head.-st01 {
    height: 20vw;
  }
}
@media (max-width: 375px) {
  .step__head.-st01 {
    height: 7rem;
  }
}
.btn.ico15 {
  border-color: #073d8b;
}

.btn.ico15._blank {
  background-image: url(/common/images/ico_blank2.svg);
}

.btn.ico15:hover {
  background-color: #073d8b;
  background-image: url(/common/images/ico_blank_white.svg);
}

.btn.ico15:hover::after {
  background-image: url(/products/genki-passport/images/ico15h.svg);
}

.btn.ico16 {
  border-color: #5f5f5f;
}

.btn.ico16._blank {
  background-image: url(/common/images/ico_blank3.svg);
}

.btn.ico16:hover {
  background-color: #5f5f5f;
  background-image: url(/common/images/ico_blank_white.svg);
}

.btn.ico16:hover::after {
  background-image: url(/products/genki-passport/images/ico16h.svg);
}

.btn.ico15:after {
  content: "";
  width: 44px;
  height: 42px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 16%;
  transform: translateY(-50%);
  background-image: url(/products/genki-passport/images/ico15.svg);
}

.btn.ico16:after {
  content: "";
  width: 32px;
  height: 42px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 16%;
  transform: translateY(-50%);
  background-image: url(/products/genki-passport/images/ico16.svg);
}

@media (min-width: 768px) {
  .colums-list02.colums03 .colums-list02__item {
    width: 33.3333333333%;
  }
  .btn.ico02.left6:after {
    left: 6%;
  }
  .btn.ico15.left6:after,
  .btn.ico16.left6:after {
    left: 6%;
  }
}
.only-tab {
  display: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .only-tab {
    display: block;
  }
  .btn_row_2_only-tab {
    line-height: 2rem;
    padding-top: 1.3rem;
  }
  .btn.ico15:after, .btn.ico16:after {
    left: 12%;
  }
}
@media (max-width: 767px) {
  .btn.ico15:after, .btn.ico16:after {
    left: 12%;
  }
}
.box-relative {
  position: relative;
}

.img_in_btn {
  width: 25.655%;
  display: block;
  background: transparent;
  height: 12%;
  position: absolute;
  bottom: 8.25%;
  right: 2.3%;
  border-radius: 9999px;
  z-index: 5;
}

.img_in_btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.al_jc_center {
  align-items: center;
  justify-content: center;
}

.al_jc_center .max_80 {
  max-width: 80%;
}

@media (max-width: 767px) {
  .img_in_btn {
    width: 91.127%;
    height: 14.278%;
    bottom: 2.7%;
    right: 4.38%;
  }
  .al_jc_center .max_80 {
    max-width: inherit;
  }
}
@media (min-width: 768px) {
  br.hidden-pc {
    display: none;
  }
}
.bg-pink2 {
  background-color: #FFEBF9;
}

.head_h3 {
  font-size: 1.8rem;
}
.head_h3 span {
  color: #B60081;
}

.fs_normal {
  font-size: 1.6rem;
}

.txt_indent5 {
  text-indent: -5em;
  padding-left: 5em;
}

.under_bubble {
  text-align: center;
}
.under_bubble_inner {
  font-size: 2.2rem;
  font-weight: bold;
  border-bottom: solid 2px #B60081;
  position: relative;
  display: inline-block;
  padding: 0 1rem 0.5rem;
}
.under_bubble_inner:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #B60081 transparent transparent transparent;
  border-width: 16px 10px 0 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  margin: auto;
}
.under_bubble_inner:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 16px 10px 0 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  margin: auto;
}

.anc_worries {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 1rem;
  background: #FFEBF9 url(/products/genki-passport/images/arr_under_p.svg) no-repeat center right 2rem;
  padding: 3rem 7rem 3rem 12rem;
  width: calc(100% - 4rem);
  margin-left: 4rem;
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .anc_worries {
    padding: 3rem 7rem 3rem 10rem;
    width: 100%;
    margin-left: 0;
    background-size: 2rem 2rem;
  }
}
.anc_worries + .anc_worries {
  margin-top: 6rem;
}
@media (max-width: 767px) {
  .anc_worries + .anc_worries {
    margin-top: 1.5rem;
  }
}
.anc_worries:hover {
  opacity: 0.6;
  color: inherit;
}
.anc_worries_image {
  position: absolute;
  left: -4rem;
}
@media (max-width: 767px) {
  .anc_worries_image {
    width: 8rem;
    height: 8rem;
    left: 1rem;
  }
}
.anc_worries_txt {
  font-weight: bold;
  font-size: 2rem;
  line-height: 3rem;
}
.anc_worries_txt span {
  color: #B60081;
}
@media (max-width: 767px) {
  .anc_worries_txt {
    font-size: 1.6rem;
  }
}

.page_to_btm {
  text-align: center;
  margin: 3.5rem auto;
}
@media (max-width: 767px) {
  .page_to_btm {
    margin: 2rem auto;
  }
  .page_to_btm img {
    width: 6rem;
    height: auto;
  }
}

.h_bold {
  text-align: center;
}
.h_bold span {
  font-weight: bold;
  font-size: 1.8rem;
  display: inline-block;
  position: relative;
  padding: 0 2rem;
}
.h_bold span:before {
  content: "";
  display: block;
  width: 2px;
  height: 2.4rem;
  background: #B60081;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-20deg);
}
.h_bold span:after {
  content: "";
  display: block;
  width: 2px;
  height: 2.4rem;
  background: #B60081;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(20deg);
}

.consider_logo {
  text-align: center;
  margin: 2rem auto;
}
.consider_txt {
  font-weight: bold;
  color: #B60081;
  font-size: 2.2rem;
  text-align: center;
}
.consider_txt2 {
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  line-height: 2.8rem;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .consider_txt2 {
    text-align: left;
  }
}
.consider_detail {
  text-align: center;
  margin-top: 2rem;
}

.secur_detail_top {
  position: relative;
}
.secur_detail_top picture {
  margin-left: 80px;
}
@media (max-width: 767px) {
  .secur_detail_top picture {
    margin: 0;
    text-align: center;
  }
  .secur_detail_top picture img {
    display: block;
    margin: 0 auto;
  }
}
.secur_detail_top_txt {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 2.4rem;
  position: absolute;
  top: 5rem;
  left: 18rem;
}
@media (max-width: 767px) {
  .secur_detail_top_txt {
    font-size: 1.6rem;
    text-align: left;
    max-width: 18rem;
    top: 4rem;
    left: calc(50% - 12.5rem);
  }
  .secur_detail_top_txt br {
    display: none;
  }
}
.secur_detail_top_txt span {
  color: #B60081;
}
.secur_detail_top_txt._p2 {
  top: 6rem;
}
@media (max-width: 767px) {
  .secur_detail_top_txt._p2 {
    top: 5rem;
  }
}
.secur_detail_ttl {
  background: #B60081;
  font-weight: bold;
  font-size: 2.4rem;
  text-align: center;
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
}
@media (max-width: 767px) {
  .secur_detail_ttl {
    font-size: 1.8rem;
    line-height: 1.4;
  }
}
.secur_detail_inner {
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 4rem 2rem;
}
@media (max-width: 767px) {
  .secur_detail_inner {
    padding: 2.5rem 1rem;
  }
}
.secur_detail_bold {
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.secur_detail_bold ._label {
  background: linear-gradient(transparent 50%, #B5D4FF 50%, #B5D4FF 100%);
}
.secur_detail_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.secur_detail_list li {
  width: calc((100% - 30px) / 4);
  background: #F5F5F5;
  padding: 1rem;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .secur_detail_list li {
    width: calc(50% - 5px);
  }
}
.secur_detail_list li img {
  width: 36px;
  height: 36px;
}
.secur_detail_list li p {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.secur_detail_list_plus {
  display: block;
  margin: 20px auto 10px;
}
.secur_detail_plan {
  margin-top: 3.5rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .secur_detail_plan {
    flex-direction: column;
    margin-top: 0;
  }
}
.secur_detail_plan > li {
  width: calc(50% - 18px);
}
@media (max-width: 767px) {
  .secur_detail_plan > li {
    width: 100%;
    margin-top: 3rem;
  }
}
.secur_detail_plan_ttl {
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  .secur_detail_plan_ttl {
    text-align: left;
  }
}
.secur_detail_plan_ttl span {
  color: #B60081;
}
.secur_detail_plan_img {
  margin: 15px auto 10px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
}
.secur_detail_plan_cost {
  display: flex;
  justify-content: space-between;
  padding: 1.8rem;
  background: #FEF8F8;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .secur_detail_plan_cost {
    padding: 1rem;
  }
}
.secur_detail_plan_cost li {
  width: calc(50% - 2px);
  display: flex;
  align-items: center;
}
.secur_detail_plan_cost_age {
  background: #F1DEEB;
  border-radius: 5px;
  color: #B60081;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0.2rem 0.5rem;
  line-height: 2.2rem;
  margin-right: 0.5rem;
}
@media (max-width: 767px) {
  .secur_detail_plan_cost_age {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}
.secur_detail_plan_cost_num {
  font-size: 2.6rem;
  line-height: 1;
  font-weight: bold;
}
@media (max-width: 767px) {
  .secur_detail_plan_cost_num {
    font-size: 2rem;
  }
}
.secur_detail_plan_cost_num span {
  font-size: 1.4rem;
}
.secur_detail_plan_link {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .secur_detail_plan_link {
    margin-top: 1rem;
  }
}
.secur_detail_plan_link a {
  color: #B60081;
}
.secur_detail_plan_link a ._ico_arr {
  width: 20px;
  height: auto;
  vertical-align: middle;
  margin-right: 10px;
}
.secur_detail_plan_link a ._ico_blank {
  width: 17px;
  height: auto;
  vertical-align: middle;
  margin-left: 10px;
}
.secur_detail_plan_link a:hover {
  text-decoration: underline;
}
.secur_detail_plan_capture {
  font-size: 1.2rem;
  margin-top: 2.5rem;
}
.secur_detail_info {
  display: flex;
  margin-top: 1.5rem;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .secur_detail_info {
    flex-direction: column;
    margin-bottom: 3rem;
  }
}
.secur_detail_info > figure {
  width: calc(50% - 2rem);
}
@media (max-width: 767px) {
  .secur_detail_info > figure {
    width: 100%;
    text-align: center;
  }
  .secur_detail_info > figure img {
    max-width: 24rem;
  }
}
.secur_detail_info_txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.6rem;
  width: calc(50% - 2rem);
}
@media (max-width: 767px) {
  .secur_detail_info_txt {
    width: 100%;
  }
}
.secur_detail_info_txt p {
  background-color: #FEF8F8;
  padding: 3rem 2.5rem;
}
@media (max-width: 767px) {
  .secur_detail_info_txt p {
    padding: 1.5rem;
  }
}

.colums-direction {
  margin: 0 auto;
}
.colums-direction .btn:before {
  width: 2rem;
  height: 2rem;
  left: 1.6rem;
}
.colums-direction .btn.ico03 {
  height: 7.1rem;
  line-height: 7rem;
}
@media (max-width: 767px) {
  .colums-direction .btn.ico03 {
    height: auto;
    line-height: 1.3;
    padding: 1.5rem;
  }
}
.colums-direction .btn + .btn {
  margin-top: 1.5rem;
}

.ttl_service {
  text-align: center;
  margin-bottom: 22px;
}
.ttl_service img {
  display: block;
  margin: 0 auto 2rem;
}
.ttl_service_inner {
  background: #fff;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 5px;
  padding: 1rem 3rem;
  display: flex;
}
@media (max-width: 767px) {
  .ttl_service_inner {
    padding: 1rem;
    line-height: 1.4;
  }
}
.ttl_service_inner img {
  margin-right: 1rem;
}

.bold_service {
  font-size: 1.6rem;
  text-align: center;
  margin: 2rem 0 1.5rem;
}

.box__ttl._c_w {
  background-color: #B60081;
  color: #fff;
  padding: 1.2rem 1.5rem;
}

._border_r {
  border-radius: 5px;
}

.bg-pink04 {
  background-color: #FFEBF9;
}

.service_device {
  display: flex;
}
@media (max-width: 767px) {
  .service_device {
    flex-direction: column;
  }
  .service_device figure {
    text-align: center;
  }
}
.service_device_txt {
  padding-top: 1rem;
}
.service_device_txt .list-custom {
  line-height: 1.4;
}
.service_point {
  display: flex;
  margin-top: 3rem;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .service_point {
    flex-direction: column;
  }
}
.service_point figure {
  width: 47%;
}
@media (max-width: 767px) {
  .service_point figure {
    width: 100%;
  }
}
.service_point_txt {
  width: 51%;
}
@media (max-width: 767px) {
  .service_point_txt {
    width: 100%;
    margin-top: 2rem;
  }
  .service_point_txt > .fw__bold {
    text-align: center;
  }
}

.btn--large {
  max-width: 41rem;
}

.estimate_ttl {
  text-align: center;
}
.estimate_link {
  margin-top: 2rem;
}
.estimate_link li {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .estimate_link li {
    text-align: center;
  }
}
.estimate_link li a {
  font-size: 1.4rem;
  font-weight: bold;
  color: #B60081;
  vertical-align: middle;
}
.estimate_link li a:hover {
  text-decoration: underline;
  text-decoration-color: #B60081;
}
.estimate_link li:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/common/images/ico_right.svg) no-repeat center/20px 20px;
  vertical-align: middle;
  margin-right: 1rem;
}
.estimate_link li:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 18px;
  background: url(/products/genki-passport/images/ico_pdf.svg) no-repeat center/13px 18px;
  vertical-align: middle;
  margin-left: 1rem;
}
.estimate_link li._no_pdf:after {
  content: none;
}

.btn._pink {
  border-color: #B60081;
}

.btn._pink:hover {
  background-color: #B60081;
}

.btn._pink:not(.-noico):before {
  background-image: url(/common/images/ico_right_m.svg);
}

.btn._pink:hover:before {
  background-image: url(/common/images/ico_right_hover.svg);
}

[class].color-pink {
  color: #B60081;
}

[class].color-pink._re_pink {
  color: #0092D2;
}

.box__ttl._c_w {
  background-color: #00A08E;
}

.bg-pink04 {
  background-color: #F2FAF9;
}/*# sourceMappingURL=genki-passport.css.map */