@charset "UTF-8";

/*---- common ----*/


/* .btnArea */
.btnArea__btn {
  width: calc(416px + 8px);
  margin: 0 auto 12px;
  position: relative;
  background: #fff;
  border-radius: 48px;
}
  .btnArea__btn a {
    display: block;
    width: calc(100% - 8px);
    height: auto;
    padding: 14px 0;
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 48px;
    box-shadow: 0 5px 0 rgba(150,128,137,0.2);
    text-decoration: none;
    text-align: center;
    background-color: #ed0360;
    background-image: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/btn_arrow.png);
    background-repeat: no-repeat;
    background-size: 13px 21px;
    background-position: 94% center;
    border: 4px solid #ffffff;
  }
    .btnArea__btn a:hover{
      opacity: 0.8;
    }
    .btnArea__btn span{
      font-size: 16px;
    }

.btnArea__txt{
  font-size: 12px;
  color: #000000;
  text-align: center;
}



/*---- .kvArea ----*/
.kvArea{
  width: 100%;
  height: 970px;
  background: #fef6f0 url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/kv_illust2.png) no-repeat;
  background-size: 1990px auto;
  background-position: center bottom;
  position: relative;
  overflow: hidden;
}
  .kvArea h1{
    width: 1920px;
    margin: 0 auto;
    position: absolute;
    left: calc(50% - 960px);
    top: 0;
  }

  /* .kvArea .kvArea__mv{
    height: 400px;
  } */
    .kvArea .kvArea__mv::before{
      content: "";
      display: block;
      width: 1920px;
      height: 596px;
      background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/kv_illust1.png) no-repeat;
      background-size: 1920px auto;
      background-position: left top;
      position: absolute;
      left: calc(50% - 960px);
      top: 0;
      z-index: 1;
    }


  .kvArea .kvArea__cont{
    width: 960px;
    padding-bottom: 64px;
    position: absolute;
    left: calc(50% - 480px);
    bottom: 0;
    z-index: 2;
  }
    .kvArea .kvArea__cont--txt{
      width: 960px;
      margin: 0 auto;
      font-size: 12px;
      color: #626262;
      text-indent: -1em;
      padding-left: 1em;
    }



/*---- .introArea ----*/
.introArea{
  width: 100%;
  padding: 56px 0 96px;
  background: #f7e1e1;
  position: relative;
}
  .introArea ::before{
    content: "";
    display: block;
    width: 986px;
    height: 155px;
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/intro_illust.png) no-repeat;
    background-size: 986px auto;
    background-position: left top;
    position: absolute;
    left: calc(50% - 493px);
    top: -40px;
  }
  .introArea ::after{
    content: "";
    display: block;
    width: 66px;
    height: 136px;
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/intro_arrow.png) no-repeat;
    background-size: 66px auto;
    background-position: left top;
    position: absolute;
    left: calc(50% - 33px);
    bottom: -70px;
    z-index: 2;
  }

  .introArea dl{
    width: 792px;
    margin: 0 auto;
  }
    .introArea dl dt{
      text-align: center;
    }
    .introArea dl dd{
      display: flex;
      justify-content: space-between;
    }
    .introArea dl dd div{
      width: 244px;
      padding-top: 254px;
      color: #453428;
      text-align: center;
      font-size: 20px;
      font-weight: 600;
      text-align: center;
    }
      .introArea dl dd .introArea__dd--1{
        background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/intro_img01.png) no-repeat;
        background-size: 244px auto;
        background-position: center top;
      }
      .introArea dl dd .introArea__dd--2{
        background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/intro_img02.png) no-repeat;
        background-size: 234px auto;
        background-position: center top;
      }
      .introArea dl dd .introArea__dd--3{
        background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/intro_img03.png) no-repeat;
        background-size: 244px auto;
        background-position: center top;
      }


/*---- .visionArea1 ----*/
.visionArea1{
  width: 100%;
  height: 967px;
  background: #f9a2b0;
  position: relative;
}

.visionArea1::before{
  content: "";
  display: block;
  width: 440px;
  height: 967px;
  background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/vision1_bg_l.png) no-repeat;
  background-size: 440px auto;
  background-position: left top;
  position: absolute;
  left: 0;
  top: 0;
}
.visionArea1::after{
  content: "";
  display: block;
  width: 316px;
  height: 967px;
  background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/vision1_bg_r.png) no-repeat;
  background-size: 316px auto;
  background-position: left top;
  position: absolute;
  right: 0;
  top: 0;
}

  .visionArea1 .inner{
    width: 960px;
    height: calc(967px - 90px);
    margin: 0 auto;
    padding: 90px 0 0;
    position: relative;
    z-index: 2;
  }


  .visionArea1 h2{
    text-align: center;
  }

  .visionArea1 .visionArea1__cont{
    width: 776px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
    .visionArea1 .visionArea1__cont dl{
      width: 368px;
      background: #ffffff;
      border-radius: 34px;
      box-shadow: 0 4px 0 rgba(0,0,0,0.12);
    }
    .visionArea1 .visionArea1__cont dl dt{
      margin-top: -20px;
      margin-bottom: 10px;
      text-align: center
    }
    .visionArea1 .visionArea1__cont dl dd{
      padding: 210px 0 24px;
      text-align: center;
      font-size: 19px;
      font-weight: 600;
      color: #453428;
    }
      .visionArea1 .visionArea1__cont dl.case1 dd{
        background-image: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/vision1_img1.png);
        background-repeat: no-repeat;
        background-size: 200px auto;
        background-position: center top;
      }
      .visionArea1 .visionArea1__cont dl.case2 dd{
        background-image: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/vision1_img2.png);
        background-repeat: no-repeat;
        background-size: 200px auto;
        background-position: center top;
      }

  .visionArea1 .visionArea1__text--arrow{
    width: 432px;
    height: 114px;
    text-align: center;
    position: absolute;
    bottom: -18px;
    left: calc(50% - 216px);
    z-index: 2;
  }


/*---- .visionArea2 ----*/
.visionArea2{
  width: 100%;
  padding: 80px 0;
  background: #fbc5ce;
  position: relative;
}
  .visionArea2::after{
    content: "";
    display: block;
    width: 90px;
    height: 116px;
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/vision2_illust_bird.png) no-repeat;
    background-size: 90px auto;
    background-position: left top;
    position: absolute;
    left: calc(50% - 437px);
    bottom: -58px;
  }

  .visionArea2__txt--notice{
    display: flex;
    justify-content: center;
  }
    .visionArea2__txt--notice p{
      margin-right: 8px;
      font-size: 11px;
    }
    .visionArea2__txt--notice p:last-child{
      margin-right: 0;
    }


/*---- .conditionArea ----*/
.conditionArea{
  width: 100%;
  padding: 80px 0;
  background: #ffffff;
}
  .conditionArea dl{
    width: 850px;
    margin: 0 auto;
  }
  .conditionArea dt{
    text-align: center;
  }
  .conditionArea dd{
    display: flex;
    justify-content: space-between;
  }
    .conditionArea dd p{
      width: calc(400px - 50px);
      background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/condition_dd_hr.png) no-repeat;
      background-size: 400px auto;
      background-position: left bottom;
      padding: 8px 0 16px 50px;
      font-size: 21px;
      line-height: 1.4;
      font-weight: 600;
      color: #453428;
      position: relative;
    }
    .conditionArea dd p::before{
      content: "";
      display: block;
      width: 42px;
      height: 38px;
      background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/condition_dd_mark.png) no-repeat;
      background-size: 42px auto;
      background-position: left top;
      position: absolute;
      left: 0;
      top: 0;
    }


/*---- .methodArea ----*/

.methodArea{
  width: 100%;
  padding-top: 86px;
  background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/method_bg1.png) no-repeat;
  background-size: 474px auto;
  background-position: center top;
  position: relative;
  overflow: hidden;
}
  .methodArea::after{
    content: "";
    display: block;
    width: 1920px;
    height: 192px;
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/method_illust_green.png) no-repeat;
    background-size: 600px auto;
    background-position: left top;
    position: absolute;
    left: calc(50% - 970px);
    bottom: 0;
  }

  .methodArea .btnArea__btn{
    z-index: 2;
  }

  .methodArea__cont--1{
    padding: 240px 0 0;
    background: #fef6f0;
  }

    .methodArea h3{
      width: 348px;
      height: 196px;
      position: absolute;
      left: calc(50% - 190px);
      top: 80px;
    }

  .methodArea__cont--1 .wrap{
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
  }
    .methodArea__cont--1 .wrap::before{
      content: "";
      display: block;
      width: 88px;
      height: 92px;
      background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/method_illust_bird.png) no-repeat;
      background-size: 88px auto;
      background-position: left top;
      position: absolute;
      top: -50px;
      left: calc(50% + 350px);
    }
    .methodArea__cont--1 .wrap::after{
      content: "";
      display: block;
      width: 154px;
      height: 144px;
      background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/method_illust_flower.png) no-repeat;
      background-size: 154px auto;
      background-position: left top;
      position: absolute;
      left: calc(50% - 460px);
      bottom: -95px;
    }

    .methodArea__cont--1 .box{
      width: calc(378px - 26px - 26px - 12px);
      padding: 40px 26px;
      border: 6px solid #efcdcc;
      border-radius: 34px;
      box-shadow: 0 12px 0 rgba(0,0,0,0.12);
      background: #ffffff;
    }
      .methodArea__cont--1 .box h4{
        padding-bottom: 40px;
        margin-bottom: 30px;
        background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/method_line.png) no-repeat;
        background-size: 304px auto;
        background-position: center bottom;
        text-align: center;
      }

      .methodArea__cont--1 .box dl{
        padding-bottom: 16px;
        position: relative;
      }
        .methodArea__cont--1 .box dl.arrow{
          padding-bottom: 46px;
          margin-bottom: 20px;
          background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/method_dd_arrow.png) no-repeat;
          background-size: 302px auto;
          background-position: left bottom;
        }
        .methodArea__cont--1 .box dl.arrow2{
          padding-bottom: 30px;
          margin-bottom: 6px;
        }
      .methodArea__cont--1 .box dl dt{

      }
      .methodArea__cont--1 .box dl dd{
        /* width: 220px; */
        font-size: 16px;
        font-weight: 600;
        color: #453428;
        position: absolute;
        top: 30px;
        left: 72px;
      }
        .methodArea__cont--1 .box dl dd.btn{
          position: static;
        }

        
        .methodArea__btn {
          width: calc(280px + 8px);
          margin: 0 auto;
        }
          .methodArea__btn a {
            display: block;
            width: calc(100% - 8px);
            height: auto;
            padding: 14px 0;
            color: #ffffff;
            font-size: 15px;
            font-weight: 600;
            /* line-height: 1.2; */
            border-radius: 34px;
            box-shadow: 0 5px 0 rgba(150,128,137,0.2);
            text-decoration: none;
            text-align: center;
            background-color: #ed0360;
            background-image: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/method_arrow.png);
            background-repeat: no-repeat;
            background-size: 9px 15px;
            background-position: 94% center;
            border: 4px solid #ffffff;
          }
            .methodArea__btn a:hover{
              opacity: 0.8;
            }


  .methodArea__cont--2{
    margin-top: -780px;
    padding: 426px 0 0;
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/method_bg2.png) no-repeat;
    background-size: 3000px auto;
    background-position: center top;
    position: relative;
  }
    .methodArea__cont--2 .inner{
      width: 100%;
      height: 1120px;
      position: relative;
      background:#efcdcc url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/method_photo.png) no-repeat;
      background-size: 1600px auto;
      background-position: center 210px;
    }
      .methodArea__cont--2 .inner .lead{
        width: 380px;
        height: 130px;
        position: absolute;
        top: 430px;
        right: calc(50% - 500px);
      }
      .methodArea__cont--2 .inner .cont{
        position: absolute;
        top: 890px;
        right: calc(50% - 212px);
      }

/*---- .adArea ----*/
  .methodArea .adArea {
    z-index: 2;
  }
  .adArea {
    text-align: center;
    margin-top: 32px;
  }
  .adArea__txt {
    font-size: 21px;
    font-weight: 600;
    color: #453428;
    margin-bottom: 8px;
  }
  .adArea__img {
    width: 60%;
    box-shadow: 0px 10px 10px -6px rgba(0, 30, 50, 0.30);
  }


/*---- .qaArea ----*/
.qaArea{
  width: 100%;
  padding-top: 80px;
  background: #fef6f0;
  color: #453428;
}

  .qaArea .inner{
    width: 960px;
    margin: 0 auto;
  }

  .qaArea h2{
    text-align: center;
  }

  .qaArea .wrap{
    width: calc(100% - 48px);
    padding: 24px 24px 0 24px;
    margin-bottom: 24px;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 4px 0 rgba(150,128,137,0.2);
    position: relative;
    z-index: 2;
  }
  .qaArea .ac_header{
    /* position: relative; */
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/qaArea_q_bg2.png) no-repeat;
    background-size: 21px auto;
    background-position: 98% 4px;
    cursor: pointer;
  }
  .qaArea .ac_header.active{
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/qaArea_q_bg1.png) no-repeat;
    background-size: 22px auto;
    background-position: 98% 13px;
  }
  
  .qaArea .ac_header h3{
    padding: 0 70px 20px 80px;
    font-size: 19px;
    font-weight: 600;
  }
  
  .qaArea .ac_inner{
    display: none;
    padding: 20px 20px 24px 0;
    margin: 0 0 0 20px;
    background: #fff;
    border-top: 2px solid #efefef;
    font-size: 13px;
    line-height: 1.8;
  }

    .qaArea .ac_inner .box_info1{
      padding: 24px;
      margin-left: 8px;
      background: #fef6f7;
      border-radius: 24px;
    }
      .qaArea .ac_inner .box_info1 dl dt{
        margin-bottom: 14px;
        padding: 7px 0;
        background: #ffffff;
        border-radius: 16px;
        text-align: center;
        color: #f9a2b0;
        font-size: 14px;
        font-weight: 600;
      }
      .qaArea .ac_inner .box_info1 dl dd{
        margin: 0 14px;
      }
  
    .qaArea .ac_inner .box_info2{
      display: flex;
      justify-content: center;
      text-align: center;
    }
      .qaArea__btn {
        width: 336px;
        margin: 0 auto 8px;
      }
        .qaArea__btn a {
          display: block;
          width: calc(100% - 8px);
          height: auto;
          padding: 14px 0;
          color: #ffffff;
          font-size: 15px;
          font-weight: 600;
          /* line-height: 1.2; */
          border-radius: 32px;
          box-shadow: 0 5px 0 rgba(150,128,137,0.2);
          text-decoration: none;
          text-align: center;
          background-color: #ed0360;
          background-image: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/qa_arrow.png);
          background-repeat: no-repeat;
          background-size: 11px 17px;
          background-position: 94% center;
          border: 4px solid #ffffff;
        }
          .qaArea__btn a:hover{
            opacity: 0.8;
          }

  .qaArea .q1{
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/qa_q1.png) no-repeat;
    background-size: 38px auto;
    background-position: 20px 3px;
  }
  .qaArea .q2{
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/qa_q2.png) no-repeat;
    background-size: 38px auto;
    background-position: 20px 3px;
  }
  .qaArea .q3{
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/qa_q3.png) no-repeat;
    background-size: 38px auto;
    background-position: 20px 3px;
  }
  .qaArea .q4{
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/qa_q4.png) no-repeat;
    background-size: 38px auto;
    background-position: 20px 3px;
  }
  .qaArea .q5{
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/qa_q5.png) no-repeat;
    background-size: 38px auto;
    background-position: 20px 3px;
  }
  .qaArea .q6{
    background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/qa_q6.png) no-repeat;
    background-size: 38px auto;
    background-position: 20px 3px;
  }
  

/*---- .requestArea ----*/
.requestArea{
  width: 100%;
  height: 310px;
  background: #fff;
  position: relative;
}
  .requestArea_bg{
    width: 100%;
    padding-top: 280px;
    margin-top: -70px;
    background: #fef6f0 url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/request_bg.png) no-repeat;
    background-size: 2036px auto;
    background-position: center top;
  }

  .requestArea .wrap{
    width: 960px;
    margin: 0 auto;
    background: #ffffff;
    position: absolute;
    top: -50px;
    left: calc(50% - 480px);
  }
    .requestArea .wrap h3{
      width: 100%;
      padding: 10px 0;
      background: #f9a2b0;
      color: #ffffff;
      text-align: center;
      font-size: 19px;
      font-weight: 600;
      border-radius: 24px 24px 0 0;
    }

    .requestArea .wrap .inner{
      padding: 24px 40px;
      background: #ffffff;
      color: #453428;
      font-size: 13px;
      border: 3px solid #f9a2b0;
      border-radius: 0 0 24px 24px;
      box-shadow: 0 4px 0 rgba(0,0,0,0.12);
    }
      .requestArea .box_info1{
        padding: 24px;
        background: #fef6f7;
        border-radius: 24px;
      }
        .requestArea .box_info1 dl dt{
          margin-bottom: 14px;
          padding: 7px 0;
          background: #ffffff;
          border-radius: 16px;
          text-align: center;
          color: #f9a2b0;
          font-size: 14px;
          font-weight: 600;
        }
        .requestArea .box_info1 dl dd{
          margin: 0 14px;
        }



/*---- .summaryArea ----*/
.summaryArea{
  width: 100%;
  background: #ffffff;
  position: relative;
}
  .summaryArea .wrap{
    width: 960px;
    margin: 0 auto;
  }
    .summaryArea .wrap h3{
      width: 100%;
      padding: 10px 0;
      background: #f9a2b0;
      color: #ffffff;
      text-align: center;
      font-size: 19px;
      font-weight: 600;
      border-radius: 24px 24px 0 0;
    }

    .summaryArea .wrap .inner{
      padding: 24px 40px;
      background: #ffffff;
      color: #453428;
      font-size: 13px;
      border: 3px solid #f9a2b0;
      border-radius: 0 0 24px 24px;
      box-shadow: 0 4px 0 rgba(0,0,0,0.12);
    }

    .summaryArea h4{
      padding: 0 0 0 16px;
      margin-bottom: 8px;
      background: url(https://r.r10s.jp/evt/event/family/r-service/free-insurance/_pc/img/20230925/summary_h4_bg.png) no-repeat;
      background-size: 5px auto;
      background-position: left top;
      font-size: 14px;
      font-weight: 600;
    }

    .summaryArea .box_info1{
      padding: 24px;
      background: #fef6f7;
      border-radius: 24px;
    }
      .summaryArea .box_info1 dl dt{
        margin-bottom: 14px;
        padding: 7px 0;
        background: #ffffff;
        border-radius: 16px;
        text-align: center;
        color: #f9a2b0;
        font-size: 14px;
        font-weight: 600;
      }
      .summaryArea .box_info1 dl dd{
        margin: 0 14px;
      }