/* パンくず 追加スタイル PC */
@media only screen and (min-width: 768px) {
  .breadcrumb__list {
    padding-bottom: 1.6rem;
  }
}


/* ページ共通___________________________*/
.main-area220908 img {
  width: 100%;
  height: auto;
}

.main-area220908 a,
.main-area220908 picture {
  display: inline-block;
}

/* font */
.main-area220908 h2,
.main-area220908 h3,
.main-area220908 p,
.main-area220908 a {
  text-align: center;
  font-family: fot-tsukuardgothic-std, sans-serif;
  color: #666;
}

.lp_block1 {
  background: #55a2d3;
}

.lp_block2 {
  background: #e9f2f7;
}

.lp_block3 {
  background: #55a2d3;
}

/* pc___________________________*/
@media screen and (min-width: 768px) {
  .main-area220908 .spOnly {
    display: none;
  }

  /* block1 */
  .lp_block1 {
    padding: 2.3rem 0 4.6rem 0;
  }

  .lp_block1 .inner {
    width: 60rem;
    margin: 0 auto 0;
  }

  .lp_block1 .img_box {
    width: 59.5rem;
    margin: 0 auto 0;
  }

  .lp_block1 h2 {
    font-size: 2.8rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.25;
    letter-spacing: 0.06em;
    margin: 2.4rem 0 0 0;
  }

  .lp_block1 p {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #fff;
    letter-spacing: 0.12em;
    margin: 2.2rem 0 0 0;
  }

  .lp_block1 ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 51.5rem;
    row-gap: 0.5rem;
    column-gap: 4.6rem;
    margin: 5.4rem auto 0;
  }

  .lp_block1 li {
    width: 14rem;
  }

  .lp_block1 li .clip_circle {
    clip-path: circle(7rem);
  }

  /* block2 */
  .lp_block2 {
    padding: 2.1rem 0 7rem 0;
  }

  .lp_block2 .inner {
    width: 60rem;
    margin: 0 auto 0;
  }

  .lp_block2 h2 {
    font-size: 2.8rem;
    line-height: 1.46;
    letter-spacing: 0.06em;
    font-weight: 700;
  }

  .lp_block2 .block2_img1 {
    position: relative;
    width: 45.5rem;
    left: 1.3rem;
    margin: 3.2rem auto 0;
  }

  .lp_block2 .lp_triangle {
    width: 11rem;
    display: flex;
    column-gap: 1.5rem;
    margin: 3.8rem auto 0;
  }

  .lp_block2 .lp_triangle li {
    width: 0;
    height: 0;
    border-left: 1.5rem solid transparent;
    border-right: 1.5rem solid transparent;
    border-top: 2.5rem solid #55a2d3;
  }

  .lp_block2 .block2_img2 {
    margin: 4rem 0 0 0;
  }

  .lp_block2 .point_block {
    margin: 5.8rem 0 0 0;
  }

  .lp_block2 .point_block li:nth-child(n+2) {
    margin: 4.2rem 0 0 0;
  }

  .lp_block2 .point_block p {
    font-size: 2.6rem;
    line-height: 1.45;
    letter-spacing: 0.06em;
    color: #55a2d3;
    font-family: professor, sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .lp_block2 .point_block h3 {
    font-size: 2.8rem;
    line-height: 1.45;
    letter-spacing: 0.06em;
    font-weight: 700;
    margin: 1rem 0 0 0;
  }

  .lp_block2 .point_block .img_box {
    width: 60rem;
    margin: 3rem 0 0 0;
  }

  /* block3 */
  .lp_block3 {
    padding: 7rem 0 5rem 0;
  }

  .lp_block3 .inner {
    width: 70rem;
    background: #fff;
    padding: 5.7rem 0 11rem 0;
    margin: 0 auto;
  }

  .lp_block3 .item_block {
    width: 60rem;
    margin: 0 auto 0;
  }

  .lp_block3 .item_block:nth-child(n+2) {
    margin: 6.7rem auto 0;
  }

  .lp_block3 .item_block .item_read {
    font-size: 1.8rem;
    line-height: 1.27;
    letter-spacing: 0.04em;
    color: #666;
    font-weight: 700;
  }

  .lp_block3 .item_block h2 {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.27;
    letter-spacing: 0.12em;
    margin: 0.8rem 0 0 0;
  }

  .lp_block3 .item_block .item_visiual1 {
    margin: 3.8rem 0 0 0;
  }

  .lp_block3 .item_block .item_visiual2 {
    margin: 3.2rem 0 0 0;
  }

  .lp_block3 .staff_comment {
    display: flex;
    justify-content: space-between;
    width: 58rem;
    margin: 3.1rem auto 0;
  }

  .lp_block3 .staff_comment .img_box {
    width: 8.5rem;
  }

  .lp_block3 .staff_comment .hukidasi {
    position: relative;
    display: inline-block;
    width: 45.5rem;
    height: 11rem;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    background: #fff;
    border: solid 1px #55a2d3;
    box-sizing: border-box;
    border-radius: 3rem;
    padding: 1.2rem 0 1.2rem 3.5rem;
    margin: 0.3rem 0 0 0;
    filter: drop-shadow(3px 5px 2px rgba(85, 162, 211, 0.2));
  }

  .lp_block3 .staff_comment .hukidasi .img_box {
    position: absolute;
    top: -1.6rem;
    right: 3.2rem;
    width: 13rem;
    z-index: 1;
  }

  .lp_block3 .staff_comment .hukidasi p {
    text-align: left;
    color: #2e2e2e;
  }

  .lp_block3 .staff_comment .hukidasi p span {
    color: #1a84c8;
  }

  .lp_block3 .staff_comment .hukidasi::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.7rem;
    margin: -2.3rem;
    border: 1rem solid transparent;
    border-right: 2.2rem solid #fff;
    z-index: 2;
  }

  .lp_block3 .staff_comment .hukidasi::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -1rem;
    margin: -2.3rem;
    border: 1rem solid transparent;
    border-right: 2.2rem solid #55a2d3;
    z-index: 1;
  }

  .lp_block3 .item_detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2rem;
    width: fit-content;
    margin: 2.5rem auto 0;
  }

  .lp_block3 .item_detail .img_box {
    position: relative;
    flex: 0 0 auto;
    width: 19rem;
  }

  .lp_block3 .item_detail .text_box {
    flex: 0 0 auto;
    z-index: 1;
  }

  .lp_block3 .item_detail .text_box h3 {
    font-family: 'Noto Sans JP', sans-serif;
    text-align: left;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.66;
    letter-spacing: 0.12em;
  }

  .lp_block3 .item_detail .text_box a {
    position: relative;
    width: 24rem;
    height: 6rem;
    background: #1a84c8;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: left;
    color: #fff;
    line-height: 1.6;
    letter-spacing: 0.12em;
    padding: 1.8rem 0 1rem 3.2rem;
    margin: 2rem 0 0 0;
  }

  .lp_block3 .item_detail .text_box a::before {
    content: "";
    position: absolute;
    top: 2.2rem;
    left: 20rem;
    width: 0;
    height: 0;
    border-left: 1rem solid #fff;
    border-top: 0.8rem solid transparent;
    border-bottom: 0.8rem solid transparent;
  }

  /* block3 調整用 */
  .lp_block3 .item2 .staff_comment .hukidasi {
    height: 8rem;
    padding: 2.6rem 0 2.6rem 4rem;
  }

  .lp_block3 .item2 .staff_comment .hukidasi::before,
  .lp_block3 .item2 .staff_comment .hukidasi::after {
    top: 62%;
  }

  .lp_block3 .item3 .staff_comment .hukidasi {
    height: 9.5rem;
    padding: 2rem 0 1.2rem 9.5rem;
  }

  .lp_block3 .item3 .staff_comment .hukidasi::before,
  .lp_block3 .item3 .staff_comment .hukidasi::after {
    top: 55%;
  }

  .lp_block3 .item4 .staff_comment .hukidasi {
    padding: 2.5rem 0 1.2rem 2.5rem;
  }

  .lp_block3 .item4 .item_detail .img_box {
    top: -1rem;
  }

  .lp_block3 .item4 .staff_comment .hukidasi::before,
  .lp_block3 .item4 .staff_comment .hukidasi::after {
    top: 55%;
  }

  .lp_block3 .item5 .staff_comment .hukidasi {
    height: 8rem;
    padding: 2.6rem 0 2.6rem 3rem;
  }

  .lp_block3 .item5 .staff_comment .hukidasi::before,
  .lp_block3 .item5 .staff_comment .hukidasi::after {
    top: 62%;
  }

  /* block4 */
  .lp_block4 {
    width: 70rem;
    padding: 7.7rem 0 40rem 0;
    margin: 0 auto 0;
  }

  .lp_block4 h2 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.1;
    letter-spacing: 0.12em;
  }

  .lp_block4 ul {
    display: flex;
    justify-content: center;
    column-gap: 6.5rem;
    row-gap: 2.6rem;
    flex-wrap: wrap;
    margin: 5rem auto 0;
  }

  .lp_block4 li {
    width: 19rem;
    text-align: center;
  }

  .lp_block4 li p {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 1.28rem;
    line-height: 1.25;
    letter-spacing: 0.12em;
  }

  .lp_block4 li:nth-child(1) img {
    position: relative;
    top: 0.4rem;
  }

  .lp_block4 li:nth-child(3) img {
    position: relative;
    bottom: 0.4rem;
    width: 17rem;
    margin: 2rem 0 0 0;
  }

  .lp_block4 li:nth-child(4) img {
    position: relative;
    bottom: 0.7rem;
    width: 17rem;
    margin: 2rem 0 0 0;
  }
}

/* sp___________________________*/
@media screen and (max-width: 767px) {

  /* block1 */
  .lp_block1 {
    padding: 0 0 calc(90* (100vw / 750)) 0;
  }

  .lp_block1 h2 {
    font-size: calc(38* (100vw / 750));
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 0.12em;
    font-feature-settings: "palt";
    margin: calc(70* (100vw / 750)) 0 0 0;
  }

  .lp_block1 p {
    font-size: calc(25* (100vw / 750));
    line-height: 1.75;
    color: #fff;
    letter-spacing: 0.12em;
    margin: calc(30* (100vw / 750)) 0 0 0;
  }

  .lp_block1 ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(700* (100vw / 750));
    row-gap: calc(30* (100vw / 750));
    column-gap: calc(30* (100vw / 750));
    margin: calc(70* (100vw / 750)) auto 0;
  }

  .lp_block1 li {
    width: calc(200* (100vw / 750));
  }

  .lp_block1 li .clip_circle {
    clip-path: circle(calc(100* (100vw / 750)));
  }

  /* block2 */
  .lp_block2 {
    padding: calc(120* (100vw / 750)) 0 calc(80* (100vw / 750)) 0;
  }

  .lp_block2 .inner {
    width: calc(700* (100vw / 750));
    margin: 0 auto 0;
  }

  .lp_block2 h2 {
    font-size: calc(38* (100vw / 750));
    line-height: 1.5;
    font-feature-settings: "palt";
    letter-spacing: 0.06em;
    font-weight: 700;
  }

  .lp_block2 .block2_img1 {
    width: calc(630* (100vw / 750));
    margin: calc(60* (100vw / 750)) auto 0;
  }

  .lp_block2 .lp_triangle {
    width: calc(250* (100vw / 750));
    display: flex;
    justify-content: center;
    column-gap: calc(20* (100vw / 750));
    margin: calc(50* (100vw / 750)) auto 0;
  }

  .lp_block2 .lp_triangle li {
    width: 0;
    height: 0;
    border-left: calc(20* (100vw / 750)) solid transparent;
    border-right: calc(20* (100vw / 750)) solid transparent;
    border-top: calc(30* (100vw / 750)) solid #55a2d3;
  }

  .lp_block2 .block2_img2 {
    margin: calc(70* (100vw / 750)) 0 0 0;
  }

  .lp_block2 .point_block {
    margin: calc(110* (100vw / 750)) 0 0 0;
  }

  .lp_block2 .point_block li:nth-child(n+2) {
    margin: calc(100* (100vw / 750)) 0 0 0;
  }

  .lp_block2 .point_block p {
    font-size: calc(40* (100vw / 750));
    line-height: 1.45;
    letter-spacing: 0.06em;
    color: #55a2d3;
    font-family: professor, sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .lp_block2 .point_block h3 {
    font-size: calc(38* (100vw / 750));
    line-height: 1.45;
    letter-spacing: 0.06em;
    font-weight: 700;
    margin: calc(10* (100vw / 750)) 0 0 0;
  }

  .lp_block2 .point_block .img_box {
    width: calc(700* (100vw / 750));
    margin: calc(40* (100vw / 750)) 0 0 0;
  }

  /* block3 */
  .lp_block3 {
    padding: calc(80* (100vw / 750)) 0 calc(80* (100vw / 750)) 0;
  }

  .lp_block3 .inner {
    width: calc(730* (100vw / 750));
    background: #fff;
    padding: calc(60* (100vw / 750)) 0 calc(140* (100vw / 750)) 0;
    margin: 0 auto;
  }

  .lp_block3 .item_block {
    width: calc(670* (100vw / 750));
    margin: 0 auto 0;
  }

  .lp_block3 .item_block:nth-child(n+2) {
    margin: calc(130* (100vw / 750)) auto 0;
  }

  .lp_block3 .item_block .item_read {
    font-size: calc(22* (100vw / 750));
    line-height: 1.27;
    letter-spacing: 0.04em;
    color: #666;
    font-weight: 700;
  }

  .lp_block3 .item_block h2 {
    font-size: calc(38* (100vw / 750));
    font-weight: 700;
    line-height: 1.27;
    letter-spacing: 0.12em;
    margin: calc(10* (100vw / 750)) 0 0 0;
  }

  .lp_block3 .item_block .item_visiual1 {
    margin: calc(40* (100vw / 750)) 0 0 0;
  }

  .lp_block3 .item_block .item_visiual2 {
    margin: calc(30* (100vw / 750)) 0 0 0;
  }

  .lp_block3 .staff_comment {
    display: flex;
    justify-content: space-between;
    width: calc(670* (100vw / 750));
    margin: calc(50* (100vw / 750)) auto 0;
  }

  .lp_block3 .staff_comment .img_box {
    width: calc(100* (100vw / 750));
    margin: calc(20* (100vw / 750)) 0 0 0;
  }

  .lp_block3 .staff_comment .hukidasi {
    position: relative;
    display: inline-block;
    width: calc(530* (100vw / 750));
    height: calc(140* (100vw / 750));
    font-size: calc(23* (100vw / 750));
    font-feature-settings: "palt";
    line-height: 1.5;
    letter-spacing: 0.1em;
    background: #fff;
    border: solid 1px #55a2d3;
    box-sizing: border-box;
    border-radius: calc(30* (100vw / 750));
    padding: calc(18* (100vw / 750)) 0 calc(20* (100vw / 750)) calc(25* (100vw / 750));
    margin: 0 0 0 0;
    filter: drop-shadow(2px 3px 1px rgba(85, 162, 211, 0.15));
  }

  .lp_block3 .staff_comment .hukidasi .img_box {
    position: absolute;
    top: calc(-40* (100vw / 750));
    right: calc(30* (100vw / 750));
    width: calc(150* (100vw / 750));
    z-index: 1;
  }

  .lp_block3 .staff_comment .hukidasi img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }

  .lp_block3 .staff_comment .hukidasi p {
    text-align: left;
    color: #2e2e2e;
  }

  .lp_block3 .staff_comment .hukidasi p span {
    color: #1a84c8;
  }

  .lp_block3 .staff_comment .hukidasi::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(-16* (100vw / 750));
    margin: calc(-20* (100vw / 750));
    border: calc(10* (100vw / 750)) solid transparent;
    border-right: calc(30* (100vw / 750)) solid #fff;
    z-index: 2;
  }

  .lp_block3 .staff_comment .hukidasi::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(-21* (100vw / 750));
    margin: calc(-20* (100vw / 750));
    border: calc(10* (100vw / 750)) solid transparent;
    border-right: calc(30* (100vw / 750)) solid #55a2d3;
    z-index: 1;
  }

  .lp_block3 .item_detail {
    display: flex;
    justify-content: space-between;
    width: calc(580* (100vw / 750));
    margin: calc(50* (100vw / 750)) auto 0;
  }

  .lp_block3 .item_detail .img_box {
    width: calc(230* (100vw / 750));
    position: relative;
    right: calc(10* (100vw / 750));
  }

  .lp_block3 .item_detail .text_box {
    width: calc(350* (100vw / 750));
    z-index: 1;
    margin: calc(20* (100vw / 750)) 0 0 0;
  }

  .lp_block3 .item_detail .text_box h3 {
    font-family: 'Noto Sans JP', sans-serif;
    text-align: left;
    font-weight: 500;
    font-size: calc(25* (100vw / 750));
    line-height: 1.66;
    letter-spacing: 0.12em;
  }

  .lp_block3 .item_detail .text_box a {
    position: relative;
    width: calc(340* (100vw / 750));
    height: calc(60* (100vw / 750));
    background: #1a84c8;
    font-size: calc(21* (100vw / 750));
    font-weight: 700;
    text-align: left;
    color: #fff;
    line-height: 1.6;
    letter-spacing: 0.12em;
    padding: calc(15* (100vw / 750)) 0 calc(20* (100vw / 750)) calc(65* (100vw / 750));
    margin: calc(20* (100vw / 750)) 0 0 0;
  }

  .lp_block3 .item_detail .text_box a::before {
    content: "";
    position: absolute;
    top: calc(23* (100vw / 750));
    left: calc(290* (100vw / 750));
    width: 0;
    height: 0;
    border-left: calc(10* (100vw / 750)) solid #fff;
    border-top: calc(8* (100vw / 750)) solid transparent;
    border-bottom: calc(8* (100vw / 750)) solid transparent;
  }

  /* block3 調整用 */
  .lp_block3 .item1 .staff_comment .hukidasi {
    letter-spacing: 0.06em;
  }

  .lp_block3 .item2 .staff_comment .hukidasi {
    height: calc(90* (100vw / 750));
    padding: calc(27* (100vw / 750)) 0 calc(20* (100vw / 750)) calc(30* (100vw / 750));
    margin: calc(20* (100vw / 750)) 0 0 0;
  }

  .lp_block3 .item2 .staff_comment .hukidasi::before,
  .lp_block3 .item2 .staff_comment .hukidasi::after {
    top: 62%;
  }

  .lp_block3 .item3 .staff_comment .hukidasi {
    height: calc(120* (100vw / 750));
    padding: calc(25* (100vw / 750)) 0 0 calc(50* (100vw / 750));
    margin: calc(10* (100vw / 750)) 0 0 0;
  }

  .lp_block3 .item3 .staff_comment .hukidasi::before,
  .lp_block3 .item3 .staff_comment .hukidasi::after {
    top: 55%;
  }

  .lp_block3 .item4 .staff_comment .hukidasi {
    height: calc(120* (100vw / 750));
    padding: calc(24* (100vw / 750)) 0 0 calc(20* (100vw / 750));
    letter-spacing: 0.05em;
  }

  .lp_block3 .item4 .staff_comment .hukidasi::before,
  .lp_block3 .item4 .staff_comment .hukidasi::after {
    top: 55%;
  }

  .lp_block3 .item5 .staff_comment .hukidasi {
    height: calc(90* (100vw / 750));
    padding: calc(27* (100vw / 750)) 0 0 calc(20* (100vw / 750));
    margin: calc(20* (100vw / 750)) 0 0 0;
    letter-spacing: 0.05em;
  }

  .lp_block3 .item5 .staff_comment .hukidasi::before,
  .lp_block3 .item5 .staff_comment .hukidasi::after {
    top: 62%;
  }

  /* block4 */
  .lp_block4 {
    width: calc(660* (100vw / 750));
    padding: calc(100* (100vw / 750)) 0 calc(250* (100vw / 750)) 0;
    margin: 0 auto 0;
  }

  .lp_block4 h2 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: calc(25* (100vw / 750));
    line-height: 1.1;
    letter-spacing: 0.12em;
  }

  .lp_block4 ul {
    display: flex;
    justify-content: center;
    column-gap: calc(30* (100vw / 750));
    row-gap: calc(30* (100vw / 750));
    flex-wrap: wrap;
    margin: calc(50* (100vw / 750)) auto 0;
  }

  .lp_block4 li {
    width: calc(200* (100vw / 750));
    text-align: center;
  }

  .lp_block4 li p {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: calc(20* (100vw / 750));
    line-height: 1.25;
    letter-spacing: 0.12em;
  }

  .lp_block4 li:nth-child(3) img {
    width: calc(190* (100vw / 750));
    margin: calc(10* (100vw / 750)) 0 0 0;
  }

  .lp_block4 li:nth-child(4) img {
    position: relative;
    bottom: calc(10* (100vw / 750));
    width: calc(170* (100vw / 750));
    margin: calc(30* (100vw / 750)) 0 0 0;
  }
}

/* slick___________________________*/
.main-area220908 .slick-arrow {
  display: none !important;
}

.main-area220908 .slider {
  pointer-events: none;
}