/* variable */
:root {
  --text-primary: #3C87BE;
  --text-secondary: #626262;
  --color-background: #E7F1F7;
  --color-anchor: #00118b;
}
/* CSS */
.inner {
  max-width: 1230px;
}
.pageActivity .content * {
  box-sizing: border-box;
}
img {
  height: auto;
  max-width: 100%;
}
.navLink *,
.navLink *:before,
.navLink *:after {
  box-sizing: border-box;
}
.navLink {
  padding: 72px 0 62px;
}
.navLink .navLink__list {
  list-style: none;
  display: flex;
  margin: 0;
}
.navLink .navLink__list {
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.navLink .navLink__item {
  width: calc((100% / 7) - 20px);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2.5px solid var(--color-anchor);
  border-radius: 18px;
  padding: 16px 18px;
  cursor: pointer;
  transition: background-color 0.3s;
  margin: 0;
  min-height: 88px;
}
.navLink .navLink__link {
  font-size: 1.125rem;
  text-align: center;
  color: var(--color-anchor);
  line-height: 1.4;
  transition: color 0.3s;
}

.navLink .navLink__item.navLink__item--last::before {
  display: none;
}
.headline {
  color: var(--text-primary);
  font-size: min(2.4375rem, 3.1vw);
  margin-top: 0;
  margin-bottom: 56px;
  font-weight: bold;
  line-height: 1.7;
}
.headline span {
  text-decoration-line: underline;
  text-underline-offset: 13px;
}
.text {
  margin: 0;
  color: var(--text-secondary);
  font-weight: bold;
  font-size: min(1.4375rem, 2.2vw);
  line-height: 1.9;
}
.text--primary {
  color: var(--text-primary);
}
.intro {
  max-width: 1144px;
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.intro__img__content {
  width: 69%;
  margin-bottom: 64px;
}
.intro__img {
  text-align: center;
}
.headline1 {
  position: relative;
  font-size: min(2.3125rem, 5vw);
  font-weight: bold;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3vw;
  margin: 0;
  margin-bottom: 97px;
}
.headline1__img {
  margin: 0;
}
.headline2 {
  position: relative;
  margin: 0 auto;
  display: inline-block;
  font-size: 2.3125rem;
  color: var(--text-primary);
  font-weight: bold;
  margin-bottom: 34px;
}
.headline2::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: var(--text-primary);
}
.headline2__sub {
  font-size: 1.875rem;
  font-weight: bold;
  color: var(--text-secondary);
  margin-bottom: 16px;
}
.detail-cmn {
  max-width: 1008px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 84px 24px 58px;
  background-color: var(--color-background);
  border-radius: 30px;
}
.detail-cmn--pd {
  padding: 74px 24px 87px;
}
.detail-cmn__num {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 52px;
}
.detail-cmn__text {
  text-align: left;
  max-width: 705px;
  font-size: 1.125rem;
  line-height: 1.8;
  color: var(--text-secondary);
  margin-bottom: 30px;
}
.detail-cmn__text--mb {
  margin-bottom: 40px;
}
.detail-cmn__text--w745 {
  max-width: 745px;
}
.detail-cmn__text--w470 {
  max-width: 470px;
}
.detail-cmn__img--num1 {
  transform: translateX(-10%);
}
.sec-cmn {
  padding-top: 100px;
  margin-bottom: 100px;
}
.sec-cmn#coverage {
  padding-top: 118px;
}
.sec-cmn--mb {
  margin-bottom: 60px;
}
.detail-cmn__man {
  display: none;
}
.information {
  padding-bottom: 90px;
}
.headline3 {
  margin: 0;
  font-size: 1.5625rem;
  color: var(--text-secondary);
  font-weight: bold;
  margin-bottom: 27px;
}
.list-request {
  margin: 0 0 30px 0;
  max-width: 662px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 22px 24px;
  justify-content: space-between;
}
.list-request__item {
  width: calc((100% / 2) - 12px);
  padding: 18px 16px 18px 20px;
  border: 3px solid var(--text-primary);
  border-radius: 18px;
  display: flex;
  align-items: center;
  background: #fff url('/kanposan/activity/resource/img/icon_check.svg')
    no-repeat 21px 50%;
  background-size: 39px 39px;
}
.list-request__check::before {
  position: absolute;
  content: '';
  width: 38px;
  height: 51px;
  transform: rotate(45deg);
  border-bottom: 7px solid #ffe05d;
  border-right: 7px solid #ffe05d;
}
.list-request__text {
  margin: 0;
  font-size: min(1.25rem, 2.6vw);
  font-weight: bold;
  line-height: 1.4;
  color: #3C87BE;
  padding-left: 55px;
}
.list-family {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
  margin-bottom: 24px;
}
.list-family__item {
  text-align: center;
  max-width: 139px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.list-family__title {
  position: relative;
  width: 100%;
  margin-bottom: -13px;
  padding: 10px 10px 24px;
  background: url(/kanposan/activity/resource/img/bg_chat.svg) no-repeat top 50%
    left 0;
  background-size: contain;
  color: #3C87BE;
  font-weight: bold;
  font-size: 1rem;
}
.list-family__image {
  width: max-content;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden;
}
.list-family__btn {
  position: relative;
  width: 100%;
  margin: -3px 0 0;
  padding: 8px 13px;
  background-color: #3C87BE;
  color: #fff;
  border-radius: 8px;
  font-size: 1.0625rem;
  text-align: center;
  z-index: 1;
}
.list-family__item--1 .list-family__btn {
  min-width: 164px;
}
.box-notice {
  max-width: 629px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 44px;
  padding-right: 21px;
}
.box-notice__text {
  margin-bottom: 0;
  color: #165591;
  font-size: 1.5625rem;
  line-height: 1.76;
}
.box-notice__image {
  margin: 0;
}
.box-contact {
  max-width: 694px;
  display: flex;
  position: relative;
  width: 100%;
  margin-bottom: 80px;
  padding: 8% 20% 48px 10.5%;
  z-index: 1;
}
.box-contact::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 88%;
  width: 92.5%;
  background-color: #165591;
  border-radius: 30px;
  z-index: -1;
  transform: translateX(-50%);
}
.box-contact__decor {
  position: absolute;
  position: absolute;
  left: -3.4%;
  top: -1%;
  margin: 0;
  width: 17.7%;
}

.box-contact__img {
  position: absolute;
  margin: 0;
  right: 10%;
  bottom: 0;
  width: 20%;
}
.box-contact__txt {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 1.625rem;
  line-height: 1.76;
}
.life-topics {
  max-width: 640px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 29px;
  margin-bottom: 30px;
}
.life-topics__item {
  max-width: 194px;
  width: 100%;
  height: 194px;
  margin-bottom: 0;
  padding: 34px 0 30px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.life-topics__title {
  color: #626262;
  line-height: 1.27;
  font-size: 1.4375rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 7px;
}
.life-topics__image {
  margin: 0;
}
.life-topics__image img {
  vertical-align: middle;
}
.detail-cmn__images {
  position: relative;
  max-width: 552px;
  padding: 0 16px;
  padding-top: 210px;
  z-index: 1;
}
.detail-cmn__img--mb {
  margin-bottom: 45px;
}
.detail-cmn__abs {
  margin: 0;
  position: absolute;
  bottom: calc(100% - 210px);
  right: 16px;
  z-index: -1;
  overflow: hidden;
}
.detail-cmn__abs__txt {
  width: 278px;
  margin: 56px 155px 62px 0;
}
.detail-cmn__abs__girl {
  position: absolute;
  bottom: -23px;
  right: 20px;
}
@media screen and (max-width: 1024px) {
  .intro__img {
    margin-left: 0;
  }
  .intro__img {
    width: 30%;
  }
  .headline1 img {
    display: none;
  }
  .detail-cmn__man {
    margin: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-73%) translateX(-12%);
  }
  .detail-cmn__man img {
    width: 120px;
  }
  .box-notice {
    padding-left: 0;
    padding-right: 0;
  }
  .sec-cmn#family {
    margin-bottom: 60px;
  }
  .sec-cmn#service {
    padding-top: 180px;
  }
  .box-contact__decor {
    width: 15%;
  }
  .box-contact__img {
    width: 18%;
  }
  .box-contact__txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .headline {
    white-space: normal;
    font-size: 1.4375rem;
    margin-bottom: 68px;
  }
  .headline span {
    text-underline-offset: 6px;
  }
  .intro {
    flex-direction: column;
    align-items: center;
    max-width: 282px;
    margin: auto;
    gap: 3px;
  }
  .text {
    font-size: 1rem;
    line-height: 1.8;
  }
  .intro__img img {
    width: 100%;
    transform: translateX(15%);
  }
  .intro__img__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
  }
  .intro__img {
    text-align: center;
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
  }
  .headline1 {
    font-size: 1.4375rem;
    margin-bottom: 90px;
  }
  .detail-cmn {
    padding: 40px 24px 30px;
    border-radius: 20px;
  }
  .detail-cmn--pd {
    padding: 15px 24px 50px;
  }
  .headline2 {
    font-size: 1.375rem;
    padding-bottom: 6px;
    margin-bottom: 16px;
  }
  .headline2::after {
    height: 2px;
  }
  .detail-cmn__text {
    font-size: 0.875rem;
    margin-bottom: 47px;
  }
  .detail-cmn__text--mb {
    margin-bottom: 14px;
  }
  .detail-cmn__text--center {
    text-align: center;
  }
  .sec-cmn {
    padding-top: 60px;
    margin-bottom: 60px;
  }
  .sec-cmn#coverage {
    padding-top: 45px;
  }
  .sec-cmn#family {
    margin-bottom: 0;
  }
  .sec-cmn#service {
    padding-top: 120px;
  }
  .list-request__item {
    width: 100%;
    padding: 24px;
  }
  .list-request__item--1 {
    order: 1;
  }
  .list-request__item--2 {
    order: 4;
  }
  .list-request__item--3 {
    order: 2;
  }
  .list-request__item--4 {
    order: 5;
  }
  .list-request__item--5 {
    order: 3;
  }
  .list-request__item--6 {
    order: 6;
  }
  .headline3 {
    font-size: 0.875rem;
    margin-bottom: 22px;
  }
  .list-request {
    gap: 16px;
    margin-bottom: 0;
  }
  .list-request__item {
    min-height: 48px;
    padding: 9px 16px 9px 24px;
    border-width: 1.5px;
    border-radius: 21.5px;
    background-image: url('/kanposan/activity/resource/img/icon_check_sp.svg');
    background-position: 24px 50%;
    background-size: 18px 18px;
  }
  .list-request__text {
    font-size: 0.875rem;
    line-height: 1.2;
    padding-left: 25px;
  }
  .list-request__item picture {
    display: inline-flex;
  }
  .list-family {
    gap: 25px;
    margin-bottom: 50px;
  }
  .list-family__item {
    max-width: 128px;
  }
  .list-family__item--1 .list-family__btn {
    min-width: auto;
  }
  .list-family__title {
    margin-bottom: -4px;
    padding: 3px 5px 13px;
    background-image: url(/kanposan/activity/resource/img/bg_chat_sp.svg);
    font-size: 0.9375rem;
  }
  .list-family__image {
    width: calc(100% - 24px);
  }
  .list-family__btn {
    padding: 5px 8px 4px;
    font-size: 0.875rem;
  }
  .box-notice {
    flex-direction: column;
    margin-bottom: 20px;
  }
  .box-notice__text {
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 1.125rem;
  }
  .box-notice__image {
    max-width: 109px;
  }
  .box-contact {
    max-width: 300px;
    margin: 0 auto 40px;
    padding: 41px 96px 21px 28px;
  }
  .box-contact::before {
    height: 89%;
    width: 100%;
    border-radius: 15px;
  }
  .box-contact__decor {
    left: -13px;
    width: 53px;
  }
  .box-contact__txt {
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .box-contact__img {
    width: 66px;
    right: 16px;
  }
  .life-topics {
    row-gap: 15px;
    column-gap: 23px;
    margin-bottom: 17px;
  }
  .life-topics__item {
    padding: 20px 0;
    max-width: 112px;
    height: 112px;
  }
  .life-topics__title {
    margin-bottom: 5px;
    font-size: 0.875rem;
    line-height: 1.14;
  }
  .life-topics__image {
    max-width: 50px;
  }
  .life-topics__item--6 .life-topics__title {
    margin-bottom: 10px;
  }
  .headline2__sub {
    font-size: 0.8125rem;
    margin-bottom: 5px;
  }
  .detail-cmn__abs {
    bottom: calc(100% - 113px);
    z-index: 1;
    right: 26px;
  }
  .detail-cmn__abs__txt {
    width: 138px;
    margin: 17px 59px 19px 0;
  }
  .detail-cmn__abs__girl {
    right: 5px;
    bottom: -2px;
    max-width: 29%;
  }
  .detail-cmn__images {
    padding: 113px 26px 0;
  }
  .detail-cmn__img--mb {
    margin-bottom: 18px;
  }
  .detail-cmn__man {
    width: 92px;
  }
}

@media screen and (min-width: 768px) {
  .navLink .navLink__item:hover {
    background-color: var(--color-anchor);
  }
  .navLink .navLink__item:hover .navLink__link {
    color: #fff;
  }
}
.headline4 {
  color: #165591;
  font-size: 2.25rem;
  letter-spacing: 8px;
  margin-bottom: 40px;
  margin-top: 0;
  text-align: center;
}
.headline4 span {
  color: var(--text-secondary);
  display: block;
  font-size: 1.5625rem;
  letter-spacing: 0;
  margin-top: 13px;
}
.headline5 {
  color: #3C87BE;
  font-size: 1.75rem;
  line-height: 1.6;
  margin-bottom: 11px;
  margin-top: 0;
}
.headline5::before {
  content: '';
  background: url(../img/icon_arrow.svg) no-repeat center center/100%;
  display: block;
  margin: 0 auto 40px;
  width: 35px;
  height: 21px;
}
.headline5--nowrap {
  white-space: nowrap;
}
.headline6 {
  color: #00118b;
  font-size: 1.875rem;
  letter-spacing: 4px;
  line-height: 1.6;
  margin-bottom: 0;
  margin-top: 0;
}
.headline7 {
  color: #3C87BE;
  font-size: 1.875rem;
  line-height: 1.6;
  margin-bottom: 5px;
  margin-top: 0;
  text-align: left;
}
.btn--primary {
  position: relative;
  background-color: #00118b;
  border-radius: 100vw;
  color: #fff !important;
  display: inline-block;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-bottom: 30px;
  min-width: 224px;
  padding: 8px 34px 8px 20px;
  text-align: center;
  transition: background-color 0.3s;
}
.btn--primary::before {
  position: absolute;
  content: '';
  background: url(../img/icon_arrow02.svg) no-repeat center center/100%;
  top: 50%;
  right: 17px;
  width: 16px;
  height: 22px;
  transform: translateY(-50%);
}
.btn--holder:last-child,
.btn--primary:last-child {
  margin-bottom: 0;
}
.btn--holder {
  border-radius: 60px;
  color: #00118b !important;
  display: inline-block;
  font-weight: 700;
  font-size: 3.375rem;
  letter-spacing: 3px;
  line-height: 1;
  margin-bottom: 35px;
  min-width: 287px;
  padding: 10px 50px;
  text-align: center;
  transition: background-color 0.3s;
  letter-spacing: 8px;
}
.btn--arrow {
  display: inline-block;
  background-color: #ffe05d;
  border-radius: 100vw;
  color: #00118b !important;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: 3px;
  line-height: 1;
  max-width: 200px;
  min-width: 200px;
  padding: 10px 40px 10px 25px;
  position: relative;
  text-align: left;
  transition: background-color 0.3s;
}
.btn--arrow::before {
  background: url(../img/icon_arrow01.svg) no-repeat center center/100%;
  content: '';
  display: inline-block;
  height: 16px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}
.information__box--claimant,
.information__box--agent,
.information__box--family,
.information__box {
  border-bottom: 2px solid #165591;
  max-width: 640px;
  margin: 0 auto 55px;
  padding-bottom: 57px;
  text-align: center;
  width: 100%;
}
.information__box--family {
  margin-bottom: 85px;
  padding-bottom: 80px;
}
.information__box--agent {
  margin-bottom: 86px;
  margin-top: -80px;
  padding-bottom: 96px;
}
.information__box--agent .headline5 {
  margin-bottom: 51px;
}
.information__box--claimant {
  margin-bottom: 64px;
  margin-top: -73px;
  padding-bottom: 76px;
}
.information__box--claimant .headline5 {
  margin-bottom: 51px;
}
.information__img {
  max-width: 100%;
  width: 445px;
}
.information__txt {
  color: var(--text-secondary);
  font-size: 1.125rem;
  margin-bottom: 27px;
}
.information__txt:last-child {
  margin-bottom: 0;
}
.information__note {
  color: var(--text-secondary);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 2;
  margin-bottom: 0;
}
.information__quote {
  background-color: #165591;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.7;
  max-width: 640px;
  margin-bottom: 66px;
  padding: 13px 30px 13px 52px;
  text-align: left;
  width: 100%;
}
.case {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto 30px;
  padding: 0;
  max-width: 662px;
  width: 100%;
}
.case--company,
.case--request {
  justify-content: center;
}
.case__item {
  margin-bottom: 0;
  text-align: center;
  width: calc((100% - 24px) / 4);
}
.case__avatar {
  display: inline-block;
  line-height: 0;
  margin-bottom: 16px;
}
.case__avatar img {
  width: 150px;
}
.case__txt--center,
.case__txt--left,
.case__txt {
  color: var(--text-secondary);
  font-size: 0.9375rem;
  line-height: 1.54;
  margin-bottom: 0;
  text-align: left;
}
.case__txt--center sup,
.case__txt--left sup,
.case__txt sup {
  vertical-align: super;
  font-size: 9px;
}
.case__txt--left {
  text-align: left;
}
.case__txt--center {
  text-align: center;
}
.case--company {
  gap: 14px;
}
.case--request {
  gap: 10px;
}
.case--company .case__item {
  max-width: 211px;
  width: 100%;
}
.case--request .case__item {
  max-width: 227px;
  width: 100%;
}
.holder {
  background-color: #fff;
  border: 4px solid #ffe05d;
  border-radius: 16px;
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  padding: 48px 65px 59px 65px;
  position: relative;
  text-align: center;
}
.holder__img {
  margin: 0 auto 10px;
  width: 294px;
}
.holder__txt {
  color: var(--text-secondary);
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.9;
  margin-bottom: 20px;
  text-align: left;
}
.holder::after {
  background: url(../img/img_holder01.png) no-repeat center center/100%;
  bottom: 0;
  content: '';
  display: inline-block;
  height: 304px;
  position: absolute;
  right: 0;
  transform: translate(34px, 94px);
  width: 198px;
}
.headline2__note {
  display: flex;
  justify-content: center;
  max-width: fit-content;
}
.headline2__note .note {
  display: inline-block;
  min-width: 100px;
  background-color: #165591;
  border-radius: 8px;
  padding: 3px;
  text-align: center;
  font-size: 1.5625rem;
  line-height: 1.3;
  color: #fff;
  font-weight: bold;
  align-self: center;
  margin-left: 25px;
}
.detail-cmn--yellow {
  background-color: #fffcf0;
}
#service .detail-cmn .headline2 {
  margin-left: 23px;
  margin-right: 23px;
}
.detail-cmn__inner {
  width: 100%;
  max-width: 552px;
  padding: 0 16px;
  margin-bottom: 30px;
}
.service__box {
  max-width: 521px;
  margin: auto;
  border-radius: 15px;
  background-color: #fff;
}
.service__box:not(:last-child) {
  margin-bottom: 15px;
}
.service__box .note {
  display: inline-block;
  background-color: #165591;
  margin-left: 10px;
  padding: 1px 4px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 0.8125rem;
}
.service__intro {
  position: relative;
  display: flex;
  min-height: 136px;
  align-items: center;
  padding: 23px 62px 23px 24px;
  cursor: pointer;
}
.service__img {
  text-align: center;
  min-width: 78px;
  width: 78px;
  margin-right: 16px;
  margin-bottom: 0;
}
.service__img--sz01 img {
  width: 62px;
}
.service__img--sz02 img {
  width: 50px;
}
.service__img--sz03 img {
  width: 64px;
}
.service__ttl {
  padding-right: 50px;
}
.service__ttl .ttl {
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: bold;
  color: #3C87BE;
  margin-bottom: 0;
}
.service__ttl .ttl--small {
  font-size: 1.25rem;
}
.service__ttl .ttl--small .note {
  font-size: 0.8125rem;
  vertical-align: text-bottom;
}
.service__ttl .logo {
  line-height: 0;
  margin-bottom: 0;
  max-width: 290px;
  margin-top: 15px;
}
.service__ttl .logo--sz01 {
  max-width: 226px;
}
.service__content {
  display: none;
  padding: 0 60px 32px 120px;
}
.service__content > .txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #626262;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}
.service__contact .ttl-phone {
  color: #626262;
  font-size: 0.8125rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 4px;
}
.service__contact:not(:last-child) {
  border-bottom: 2px dashed #707070;
  padding-bottom: 10px;
  margin-bottom: 14px;
}
.service__contact .info-phone {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.service__contact .icon-phone {
  min-width: 22px;
  width: 22px;
}
.service__contact .number-phone {
  margin-left: 4px;
  margin-right: 2px;
  line-height: 0;
}
.service__contact .label-phone {
  background-color: #afafaf;
  border-radius: 5px;
  text-align: center;
  padding: 3px 4px;
  font-weight: bold;
  color: #fff;
  font-size: 0.8125rem;
  margin-bottom: 0;
  min-width: 88px;
  display: inline-block;
}
.service__contact .content-phone {
  display: flex;
  align-items: center;
}
.service__contact .content-phone .label-phone {
  font-size: 0.8125rem;
  padding: 0 6px 1px;
  min-width: fit-content;
  margin-right: 10px;
  align-self: flex-start;
}
.service__contact .content-phone .txt {
  margin-bottom: 0;
  line-height: 1.55;
  font-size: 0.8755rem;
  color: #626262;
}
.service__contact .content-phone .txt--highlight {
  margin-top: 2px;
  color: #00118b;
  margin-top: 10px;
}
.service__contact .detail-phone span {
  display: inline-block;
}
.service__control {
  position: absolute;
  right: 38px;
  width: 25px;
  margin-bottom: 0;
  top: 50%;
  transform: translateY(-50%);
}
.service__control:after,
.service__control:before {
  content: '';
  position: absolute;
  width: 25px;
  height: 2px;
  background-color: #3C87BE;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.service__control:after {
  transform: rotate(-90deg) translateY(-50%);
  right: -1px;
  left: auto;
  top: calc(50% - 1px);
}
.service__intro.active .service__control:after {
  transform: rotate(0);
}
.service__abs {
  position: absolute;
  top: -4%;
  right: -6px;
  margin: 0;
}
.spDisplay {
  display: none;
}

.faq__ttl {
  position: relative;
  text-align: center;
  padding-bottom: 60px;
}
.faq__ttl .sub__ttl {
  font-size: 1.875rem;
  line-height: 1.9;
  font-weight: bold;
  color: #3C87BE;
  margin-bottom: 10px;
}
.faq__ttl .img__ttl {
  position: absolute;
  bottom: -24px;
  right: 0;
  margin-bottom: 0;
}
.headline8 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #3C87BE;
  margin: 0;
}
.faq__box {
  position: relative;
  background-color: #E7F1F7;
  border-radius: 10px;
  z-index: 2;
}
.faq__box:not(:last-child) {
  margin-bottom: 15px;
}
.faq__intro {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 95px 20px 30px;
  min-height: 88px;
  cursor: pointer;
}
.faq__num {
  font-size: 2.4375rem;
  font-weight: bold;
  color: #3C87BE;
  line-height: 1;
  margin-bottom: 0;
  margin-right: 15px;
}
.faq__ques {
  display: flex;
  align-items: center;
  font-size: 1.1875rem;
  color: #3C87BE;
  font-weight: bold;
  line-height: 1.45;
  margin-bottom: 0;
}
.faq__ques span {
  display: inline-block;
  margin-right: 15px;
}
.faq__control {
  position: absolute;
  right: 42px;
  width: 37px;
  margin-bottom: 0;
  top: 50%;
  transform: translateY(-50%);
}
.faq__control:after,
.faq__control:before {
  content: '';
  position: absolute;
  width: 36px;
  height: 3px;
  background-color: #3C87BE;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.faq__control:after {
  transform: rotate(-90deg) translateY(-50%);
  right: 0px;
  left: auto;
  top: calc(50% - 2px);
}
.faq__intro.active .faq__control:after {
  transform: rotate(0);
}
.faq__content {
  display: none;
  padding: 0px 60px 35px 30px;
}
.faq__wrap {
  display: flex;
}
.faq__detail {
  color: #626262;
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 0;
}
.faq__detail .note {
  display: block;
  font-size: .875rem;
  margin-top: 20px;
  text-indent: -15px;
  padding-left: 15px;
}
.faq__box:nth-child(odd) .faq__num,
.faq__box:nth-child(odd) .faq__ques {
  color: #0052d5;
}
.faq__box:nth-child(odd) .faq__control:after,
.faq__box:nth-child(odd) .faq__control:before {
  background-color: #0052d5;
}
@media screen and (min-width: 1025px) {
  .btn--primary:hover,
  .btn--arrow:hover {
    background-color: #bcbabb;
    color: #fff !important;
  }
  .btn--arrow:hover::before {
    filter: brightness(0) invert(1);
  }
  .btn--holder:hover {
    background-color: #ffe05d;
  }
}
@media screen and (max-width: 1200px) {
  .headline4 span {
    margin-top: 15px;
  }
  .headline5::before {
    height: 22px;
    margin-bottom: 20px;
    width: 35px;
  }
  .headline7 {
  }
  .btn--primary {
    padding: 10px 20px;
  }
  .btn--holder {
    margin-bottom: 50px;
    min-width: 410px;
    padding: 20px 20px 17px;
  }
  .btn--arrow {
    min-width: 300px;
    padding: 17px 40px 15px 30px;
  }
  .btn--arrow::before {
    height: 13px;
    right: 16px;
    width: 6px;
  }
  .information__txt {
    margin-bottom: 25px;
  }
  .information__box {
    margin: 0 auto 40px;
    padding-bottom: 50px;
  }
  .information__quote {
    margin-bottom: 50px;
    padding: 20px 20px 16px 25px;
  }
  .case {
    margin-bottom: 70px;
  }
  .holder {
    padding: 70px 50px;
  }
  .holder::after {
    height: 306px;
    width: 210px;
  }
  .holder__img {
    margin-bottom: 50px;
  }
  .information__box--claimant,
  .information__box--agent {
    margin-top: -40px;
  }
  .service__abs {
    top: -17%;
  }
  .navLink .navLink__list {
    flex-wrap: wrap;
    gap: 8px 0;
  }
  .navLink .navLink__item {
    width: calc((100% / 3) - 9px);
  }
  .navLink .navLink__item.navLink__item--last {
    flex-basis: 100%;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .information {
    padding: 40px 15px 56px;
  }
  .headline4 {
    font-size: 1.1875rem;
    letter-spacing: 4px;
    line-height: 1.157;
    margin-bottom: 16px;
  }
  .headline4 span {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.285;
    margin-top: 16px;
  }
  .headline5 {
    font-size: 1.125rem;
    line-height: 1.38;
    margin-bottom: 21px;
  }
  .headline5::before {
    background: url(../img/icon_arrow_sp.svg) no-repeat center center / 100%;
    margin-bottom: 27px;
    height: 22px;
    width: 39px;
  }
  .headline5--nowrap {
    white-space: normal;
  }
  .headline6 {
    font-size: 1rem;
    letter-spacing: 2px;
  }
  .headline7 {
    font-size: 1.8rem;
    margin-bottom: 6px;
  }
  .btn--primary {
    font-size: 0.9375rem;
    letter-spacing: 0;
    margin-bottom: 30px;
    min-width: 176px;
    padding: 9px 15px;
  }
  .btn--primary::before {
    right: 15px;
    width: 11px;
    height: 19px;
  }
  .btn--holder {
    font-size: 2rem;
    margin-bottom: 23px;
    min-width: 180px;
    padding: 9px 15px;
    letter-spacing: 0;
  }
  .btn--arrow {
    font-size: 0.875rem;
    min-width: 140px;
    padding: 8px 20px 6px 19px;
  }
  .information__box {
    margin-bottom: 31px;
    padding-bottom: 34px;
  }
  .information__box--spacing {
    margin-bottom: 15px;
    padding-bottom: 20px;
  }
  .information__box--family {
    margin-bottom: 31px;
    padding-bottom: 30px;
  }
  .information__box--agent {
    margin-bottom: 31px;
    margin-top: 0;
    padding-bottom: 31px;
  }
  .information__box--agent .headline5 {
    margin-bottom: 19px;
  }
  .information__box--claimant {
    margin-bottom: 15px;
    margin-top: 20px;
    padding-bottom: 15px;
  }
  .information__box--claimant .headline5 {
    margin-bottom: 21px;
  }
  .information__txt {
    font-size: 0.875rem;
    line-height: 1.642;
    margin-bottom: 16px;
  }
  .information__img {
    width: 269px;
  }
  .information__note {
    font-size: 0.875rem;
    line-height: 1.57;
    padding-left: 40px;
    text-align: left;
    text-indent: -25px;
  }
  .information__quote {
    font-size: 0.875rem;
    line-height: 1.357;
    margin-bottom: 32px;
    padding: 7px 10px 5px;
  }
  .case {
    max-width: 317px;
    margin-bottom: 29px;
  }
  .case--request,
  .case--company {
    justify-content: space-between;
  }
  .case__item {
    margin-top: 5px;
    width: calc((100% - 14px) / 2);
  }
  .case--request .case__item,
  .case--company .case__item {
    width: calc((100% - 14px) / 2);
  }
  .case__txt--center {
    text-align: left;
  }
  .case__avatar {
    margin-bottom: 10px;
  }
  .case__avatar img {
    width: 128px;
  }
  .case__txt--left,
  .case__txt {
    font-size: 0.9375rem;
    line-height: 1.33;
    text-align: left;
  }
  .holder {
    border-width: 2px;
    border-radius: 16px;
    max-width: 100%;
    padding: 42px 18px 64px 20px;
  }
  .holder::after {
    background: url(../img/img_holder01_sp.png) no-repeat center center / 100%;
    background-size: auto 106px;
    width: 226px;
    height: 106px;
    left: 50%;
    transform: translate(-50%, 58px);
  }
  .holder__img {
    display: block;
    margin-bottom: 17px;
    width: 500px;
  }
  .holder__txt {
    line-height: 1.33;
    margin-bottom: 18px;
  }
  .navLink {
    padding: 0;
    margin-bottom: 54px;
  }
  .navLink .navLink__item {
    border-radius: 10px;
    border-width: 1.5px;
    width: calc((100% / 3) - 6px);
    min-height: 50px;
    padding: 4px 10px;
  }
  .navLink .navLink__link {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 576px) {
  .headline7 {
    font-size: 1.0625rem;
  }
  .holder__img {
    width: 200px;
  }
  .holder__txt {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 374px) {
  .headline5 {
    font-size: 0.9rem;
  }
  .headline7,
  .case__txt--left,
  .case__txt,
  .holder__txt {
    font-size: 0.8rem;
  }
  .information__quote,
  .information__note {
    font-size: 0.7rem;
  }
}
@media screen and (max-width: 992px) {
  .faq__ttl .img__ttl {
    max-width: 160px;
  }
  .faq__control {
    right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .spDisplay {
    display: block;
  }
  .headline2__note {
    font-size: 1.375rem;
    max-width: 300px;
  }
  .headline2__note .note {
    padding: 2px 5px;
    font-size: 0.875rem;
    min-width: 45px;
    margin-left: 10px;
  }
  .detail-cmn--yellow {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
  }
  .detail-cmn__num img {
    height: 56px;
    width: 100%;
  }
  .detail-cmn__img {
    max-width: 250px;
    width: 100%;
  }
  .detail-cmn__img--num1 {
    transform: translateX(-7%);
  }
  .detail-cmn__inner {
    margin-bottom: 0;
  }
  .service__box  {
    border-radius: 10px;
  }
  .service__box .note {
    padding: 2px 10px;
    font-size: 0.625rem;
  }
  .service__intro {
    min-height: 80px;
    padding: 12px 15px 12px 15px;
  }
  .service__img {
    min-width: 50px;
    max-width: 50px;
    margin-right: 6px;
  }
  .service__img--sz01 img {
    width: 41px;
  }
  .service__img--sz02 img {
    width: 31px;
  }
  .service__img--sz03 img {
    width: 42px;
  }
  .service__ttl {
    padding-right: 18px;
  }
  .service__ttl .ttl {
    font-size: 0.9375rem;
  }
  .service__ttl .ttl--small .note {
    margin-bottom: -3px;
    padding: 3px 5px;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 3px;
  }
  .service__ttl .logo {
    margin-top: 2px;
    max-width: 175px;
  }
  .service__ttl .logo--sz01 {
    max-width: 135px;
  }
  .service__content {
    display: none;
    padding: 10px 25px 25px;
  }
  .service__content > .txt {
    margin-bottom: 15px;
    font-size: 0.875rem;
    line-height: 1.4;
  }
  .service__contact .ttl-phone {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 7px;
  }
  .service__contact:not(:last-child) {
    border-bottom: 1.5px dashed #707070;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .service__contact .info-phone {
    margin-bottom: 8px;
  }
  .service__contact .icon-phone {
    min-width: 17px;
    width: 17px;
  }
  .service__contact .number-phone {
    max-width: 50%;
  }
  .service__contact .label-phone {
    min-width: 62px;
    padding: 0 2px;
    font-size: 0.625rem;
    border-radius: 2px;
  }
  .service__contact .content-phone .label-phone {
    font-size: 0.625rem;
    min-width: 56px;
    margin-right: 10px;
  }
  .service__contact .content-phone .txt {
    line-height: 1.3;
    font-size: 0.875rem;
  }
  .service__control {
    right: 18px;
    width: 15px;
  }
  .service__control:after,
  .service__control:before {
    width: 15px;
    height: 2px;
  }
  .service__control:after {
    right: -1px;
    top: calc(50% - 1px);
  }
  .service__abs {
    width: 92px;
    right: 15px;
    top: -17%;
  }
  .sec_faq {
    padding-top: 20px;
  }
  .faq__ttl {
    padding-bottom: 30px;
  }
  .faq__ttl .sub__ttl {
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .faq__ttl .img__ttl {
    position: relative;
    right: 0;
    margin: 0 auto 10px;
    bottom: 0;
    max-width: 100px;
  }
  .headline8 {
    font-size: 1.375rem;
  }
  .faq__box {
    border-radius: 5px;
  }
  .faq__intro {
    padding: 10px;
    min-height: 64px;
  }
  .faq__num {
    font-size: 1.25rem;
    margin-right: 15px;
  }
  .faq__ques {
    font-size: 0.875rem;
    line-height: 1.5;
    padding-right: 35px;
  }
  .faq__ques span {
    margin-right: 10px;
  }
  .faq__control {
    right: 10px;
    width: 26px;
  }
  .faq__control:after,
  .faq__control:before {
    width: 26px;
    height: 2px;
  }
  .faq__control:after {
    right: -1px;
    top: calc(50% - 1px);
  }
  .faq__content {
    padding: 10px 35px 25px 10px;
  }
  .faq__detail {
    font-size: 0.875rem;
    line-height: 1.4;
  }
  .faq__detail .note {
    margin-top: 15px;
    font-size: 0.75rem;
    text-indent: -12px;
    padding-left: 12px;
  }
}

/* faq */
.inner--736 {
  max-width: 766px;
  margin: 0 auto;
  padding: 0 15px;
}
.faq__intro {

}