@charset "UTF-8";

body {
  background: #FFF;
}
@media screen and (max-width: 749px) {
  html {
    font-size: calc(100vw / 37.5); /* base width 375px */
  }
}

/*! ==================================================
 * HTML ベタ 移植
=================================================== */
body #function{
  font-family: 'Noto Sans JP', sans-serif;
}

#function .c-hdg--lv2 span {
    font-size: 40px;
    font-weight: 700;
}

#function .c-hdg--lv2 span {
    font-size: 40px;
    font-weight: 700;
}

#function .c-hdg--lv3 {
    font-size: 28px;
    text-align: center;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0;
}

#function .c-txt--normal--center{
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  color: #333;
}
#function .c-txt--normal--center span{
  color: #3F7CD8;
}

#function ul.function_list{
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 48px;
}
#function ul.function_list li{
  background-color: #F6FAFF;
  border: 1px solid #003175;
  width: 325px;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
}
#function ul.function_list li a{
  padding: 22px 0;
  display: block;
  text-decoration: none;
}
#function ul.function_list li span{
  color: #003175;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  position: relative;
}
#function ul.function_list li span::after{
  position: absolute;
    content: "";
    display: block;
    width: 12px;
    height: 6px;
    background: url(/assets/img/common/products/function/icon_arrow.svg) left center no-repeat;
    background-size: contain;
    right: -28px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 250ms ease-in-out;
}

#function .c-box-5col{
  gap: 74px;
  justify-content: space-between;
}
#function #ik-management .c-box-5col{
  justify-content: center;
}

#function .c-box-5col div{
  position: relative;
}
#function .c-box-5col div::after{
  position: absolute;
    content: "";
    display: block;
    width: 10px;
    height: 20px;
    background: url(/assets/img/common/products/function/icon_arrow_02.svg) left center no-repeat;
    background-size: contain;
    right: -52px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 250ms ease-in-out;
}
#function #ik-management .c-box-5col div::after{
  right: -44px;
}
#function .c-box-5col div:last-child:after{
  display: none;
}

#function .c-box-5col dl{
  border: 3px solid #003175;
  border-radius: 5px;
  padding: 21px 14px;
  background-color: #fff;
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .05);
}
#function .c-box-5col dl dt{
  background-color: #003175;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 180%;
  text-align: center;
  padding: 0 19.5px;
  border-radius: 5px;
}
#function .c-box-5col dl dd{
  color: #003175;
  font-size: 18px;
  font-weight: 700;
  line-height: 180%;
  text-align: center;
  margin-top: 8px;
}

#function .step_box{
  margin-top: 48px;
  padding-top: 40px;
  background-color: #fff;
}
#function .step_area{
  display: flex;
  padding:0 40px;
}
#function .step_area .step_no{
  position: relative;
  z-index: 2;
  padding-right: 24px;
}
#function .step_area .step_no::before{
  position:absolute;
  content: "";
  display: block;
  left:50%;
  top:50px;
  background:#3F7CD8;
  width:2px;
  height:100%;
  z-index: -1;
  margin-left: -12px;
}
#function .step_area:last-child .step_no:before{
  display: none;
}

#function .step_area .step_no div{
  background-color: #003175;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  border-radius: 5px;
  width: 66px;
  height: 50px;
  padding: 4px 0;
}
#function .step_area .step_no div span{
  font-size: 28px;
}

#function .step_area .step_col2 > div{
  display: flex;
  border-bottom: 1px solid #ddd;
}
#function .step_area .step_col2 > div:last-child{
  border-bottom: none;
}

#function .step_area .step_text{
  margin: 0 20px 0 0;
  width: 480px;
}
#function .step_area .step_text .title_text{
  color: #003175;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
  margin-top: 10px;
}
#function .step_area .step_text .text_type01{
  color: #3F7CD8;
  font-size: 20px;
  font-weight: 700;
  line-height: 180%;
  margin-top: 21px;
}
#function .step_area .step_text .text_type02{
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 200%;
  margin-top: 11px;
  margin-bottom: 32px;
}

#function .step_area .step_img{
  width: 380px;
  padding-bottom: 32px;
}

#function .attention_gray li{
  font-size: 12px;
  font-weight: 400;
  color: #636363;
  display: inline-block;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
#function .attention_gray li:before {
    color: #636363;
    content: "※ ";
    font-size: 12px;
}


#function .c-box-2col__itm{
  width: 49.5%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .05);
  padding: 32px;
}
#function .c-box-2col__itm:nth-of-type(1) .c-box__img {
    width: 330px;
    margin: 0 auto;
}
#function .c-box-2col__itm:nth-of-type(2) .c-box__img {
    width: 302px;
    margin: 0 auto;
}
#function .c-box-2col__itm .c-btn-achieve--primary a {
    display: block;
    text-align: center;
    border-radius: 33px;
    color: #fff;
    font-size: 18px;
    line-height: 21.6px;
    font-weight: 700;
    padding: 20px 0;
    position: relative;
    box-shadow: none;
    text-decoration: none;
}
#function .c-box-2col__itm .c-btn-achieve--secondary a {
    display: block;
    text-align: center;
    border-radius: 33px;
    color: #fff;
    font-size: 18px;
    line-height: 21.6px;
    font-weight: 700;
    padding: 20px 0;
    position: relative;
    box-shadow: none;
    text-decoration: none;
}

#function .c-box-2col__itm .c-btn-achieve--primary a img, #function .c-box-2col__itm .c-btn-achieve--secondary a img {
    width: 7.8px;
    position: absolute;
    right: 21px;
    top: 50%;
    margin-top: -6px;
}

#function .c-box-2col__itm {
    width: 49.5%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .05);
    padding: 32px;
}
#function .c-box-2col__itm.p24 {
    padding: 24px;
    border: 2px solid #e8e8e8;
}

#function .c-box-2col__itm h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    color: #3B7DD8;
    position: relative;
    padding-left: 60px;
    height: 44px;
    padding-top: 4.5px;
}
#function .c-box-2col__itm h4 img {
    position: absolute;
    left: 0;
    top: 0;
}

#function .c-box-2col__itm .c-txt--normal--center--2col {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #333;
    letter-spacing: .4px;
}
#function .c-box-2col__itm .c-btn-list {
    margin-top: 24px;
}
#function .c-box-2col__itm .c-btn-list .c-btn-list__itm {
    width: 53.5%;
}
#function .c-box-2col__itm .c-btn-list .c-btn-list__cnt--normal {
    padding: 14px;
}


#function .p-usecase-banner__inner {
    background-color: #fff;
    border: 2px solid #e8e8e8;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .05);
    border-radius: 10px;
    padding: 40px;
    display: flex;
    margin-top: 48px;
}
#function .p-usecase-banner__inner .p-usecase-banner__img {
    padding: 0;
    width: auto;
    margin-right: 40px;
}
#function .p-usecase-banner__inner .p-usecase-banner__img img {
    width: 310px;
}

#function .p-usecase-banner__inner .p-usecase-banner__desc {
    width: auto;
}
#function .p-usecase-banner__inner .p-usecase-banner__desc .p-usecase-banner__hdg {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    color: #3B7DD8;
}
#function .p-usecase-banner__inner .p-usecase-banner__desc .p-usecase-banner__txt {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: #333;
    margin-top: 24px;
    padding-right: 0;
}
#function .p-usecase-banner__inner .p-usecase-banner__desc .c-btn-list {
    margin-top: 24px;
}
#function .p-usecase-banner__inner .p-usecase-banner__desc .c-btn-list .c-btn-list__cnt--normal {
    width: 300px;
    margin: 0 auto;
}

#function .mt24 {
    margin-top: 24px;
}
#function .mt32 {
    margin-top: 32px;
}
#function .mt48 {
    margin-top: 48px;
}

#function .mt64 {
    margin-top: 64px !important;
}

#function .mb0{
  margin-bottom: 0 !important;
}
#function .mb50 {
    margin-bottom: 50px !important;
}
#function .mb64 {
    margin-bottom: 64px !important;
}
#function .mb100 {
    margin-bottom: 100px !important;
}

@media screen and (max-width: 749px) {
  #function .l-blk--normal {
        padding: 0 16px;
    }

  #function .c-hdg--lv2 span{
    font-size: 22px;
  }

  #function ul.function_list{
    gap: 8px;
    margin-top: 32px;
  }

  #function ul.function_list li{
    width: 50%;
  }
  #function ul.function_list li a{
    padding: 16px 0;
    position: relative;
  }
  #function ul.function_list li a::after {
    position: absolute;
    content: "";
    display: block;
    width: 12px;
    height: 6px;
    background: url(/assets/img/common/products/function/icon_arrow.svg) left center no-repeat;
    background-size: contain;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 250ms ease-in-out;
}

  #function ul.function_list li span{
    font-size: 14px;
  }
  #function ul.function_list li span::after{
    display: none;
  }

  #function .c-hdg--lv3{
    font-size: 18px;
  }

  #function .c-txt--normal--center{
    font-size: 16px;
    letter-spacing: .5px;
  }

  #function .c-box-5col{
    gap:26px;
  }
  #function .c-box-5col div{
    width: 100%;
  }
  #function .c-box-5col div::after{
    width: 15px;
    height: 10px;
    background: url(/assets/img/common/products/function/icon_arrow_sp_02.png) left center no-repeat;
    left: 50%;
    top: auto;
    bottom: -23px;
  }
  #function .c-box-5col dl{
    display: flex;
    align-items: center;
    padding: 13.5px 16px;
  }
  #function .c-box-5col dl dt{
    padding: 6px 16px 6px 13px;
    font-size: 12px;
    margin-right: 16px;
  }
  #function .c-box-5col dl dt span{
    font-size: 18px;
  }
  #function .c-box-5col dl dd{
    font-size: 16px;
    margin-top: 0;
  }

  #function .step_box {
    margin-top: 40px;
    padding-top: 36px;
  }
  #function .step_area{
    padding: 0 28px 0 16px;
  }

  #function .step_area .step_no{
    padding-right: 12px;
  }
  #function .step_area .step_no::before{
    top: 49px;
    margin-left: -8px;
  }
  #function .step_area .step_no div{
    width: 51px;
    height: 48px;
    padding: 6px 0;
  }
  #function .step_area .step_no div span{
    font-size: 22px;
    line-height: 1.2;
  }
  #function .step_area .step_col2 > div{
    display: block;
  }
  #function .step_area .step_text .title_text{
    font-size: 22px;
  }
  #function .step_area .step_text .text_type01{
    font-size: 16px;
  }
  #function .step_area .step_text .text_type02{
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  #function .step_area .step_col2 .step_text {
    width: auto;
    margin: 0;
  }
  #function .step_area .step_col2 .step_img {
    width: auto;
  }

  #function .step_area .step_col2 > div .step_img{
    padding-bottom: 16px
  }

  #function .step_area .step_col2 > div:last-child .step_img{
    padding-bottom: 32px
  }




  #function .c-hdg--lv2 span {
        font-size: 22px;
        line-height: 33px;
  }
  #function .c-box-2col__itm {
      width: 100%;
      padding: 32px 24px;
  }
  #function .c-box-2col__itm:nth-of-type(1) .c-box__img, #function .c-box-2col__itm:nth-of-type(2) .c-box__img {
        width: 100%;
  }
  #function .c-box-2col__itm .c-box-2col__txt {
      margin-top: 24px;
  }
  #function .c-box-2col__itm .c-btn-achieve--primary a {
      border-radius: 100px;
      font-size: 16px;
      line-height: 22.4px;
      padding: 16px 0;
  }
  #function .c-box-2col__itm .c-btn-achieve--secondary a {
      border-radius: 100px;
      font-size: 16px;
      line-height: 22.4px;
      padding: 16px 0;
  }


  #function .c-box-2col__itm h4 {
      font-size: 18px;
      line-height: 27px;
  }
  #function .c-box-2col__itm .c-txt--normal--center--2col {
      font-size: 14px;
      line-height: 28px;
  }
  #function .c-box-2col__itm .c-txt--normal--center--2col {
      font-size: 14px;
      line-height: 28px;
  }

  #function .c-box-2col__itm .c-btn-list .c-btn-list__itm {
      width: 240px;
  }

  #function .p-usecase-banner__inner {
      display: block;
      margin-top: 24px;
      padding: 24px;
  }
  #function .p-usecase-banner__inner .p-usecase-banner__img {
      margin: 0;
  }
  #function .p-usecase-banner__inner .p-usecase-banner__desc .p-usecase-banner__hdg {
      text-align: left;
      margin-top: 24px;
      font-size: 20px;
      line-height: 30px;
  }
  #function .p-usecase-banner__inner .p-usecase-banner__desc .p-usecase-banner__txt {
      text-align: left;
      letter-spacing: 1.6px;
  }
  #function .c-btn-list .c-btn-list__itm:first-child {
      margin-top: 0;
  }


  #function .mt16_sp {
    margin-top: 16px !important;
  }
  #function .mt24_sp {
    margin-top: 24px !important;
  }
  #function .mt32_sp {
    margin-top: 32px !important;
  }
  #function .mt40_sp {
    margin-top: 40px !important;
  }

  #function .mb32_sp {
    margin-bottom: 32px !important;
  }
  #function .mb48_sp {
    margin-bottom: 48px !important;
  }
  #function .mb80_sp {
    margin-bottom: 80px !important;
  }
}

/*! ==================================================
 * Main
=================================================== */
.Main {
  padding: 0 0 100px;
  background: linear-gradient(180deg, #FFF 0%, #E5F4FE 100%);
}
@media screen and (max-width: 749px) {
  .Main {
    padding: 0;
    background: #FFF;
  }
}

/*! ==================================================
 * fv
=================================================== */
.p-fv {
  margin-top: 20px;
}
.p-fv__inner {
  max-width: 1050px;
  margin-inline: auto;
}
.p-fv__lead {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.8px;
  text-align: center;
  color: #003175;
}
@media screen and (max-width: 749px) {
  .p-fv {
    margin-top: 5.6rem;
    padding-inline: 1.6rem;
  }
  .p-fv__inner {
    max-width: 100%;
  }
  .p-fv__lead {
    margin-top: 2.4rem;
    font-size: 1.8rem;
    letter-spacing: 0.072rem;
  }
}

/*! ==================================================
 * anchor
=================================================== */
.p-anchor {
  margin-top: 80px;
}
.p-anchor__inner {
  max-width: 1050px;
  margin-inline: auto;
}
.p-anchor__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
.p-anchor__item {
  width: calc((100% - 24px * 3) / 4);
}
.p-anchor__btn {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 54px;
  padding: 10px 54px 10px 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.64px;
  text-decoration: none;
  border-radius: 100px;
  background: #FFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  color: #333;
}
.p-anchor__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 28.8px;
  height: 28.8px;
  background: url(/assets/img/common/products/function/icon_anchor_btn.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  transform: translate(0, -50%);
}
@media screen and (max-width: 749px) {
  .p-anchor {
    display: none;
  }
}

/*! ==================================================
 * management
=================================================== */
.p-management {
  margin-top: 80px;
}
.p-management__inner {
  max-width: 1050px;
  margin-inline: auto;
}
.p-management__title {
  font-size: 34px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.36px;
  text-align: center;
  color: #003175;
}
.p-management__lead {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.8px;
  text-align: center;
  color: #003175;
}
.p-management-points__items {
  margin-top: 56px;
}
.p-management-points__item {
  display: flex;
  gap: 40px;
  margin-top: 56px;
}
.p-management-points__item:first-child {
  margin-top: 0;
}
.p-management-points__image {
  width: 480px;
  flex-shrink: 0;
}
.p-management-points__image img {
  width: 100%;
}
.p-management-points__contents {
  width: 100%;
}
.p-management-points__title {
  font-size: 34px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.36px;
  color: #003175;
}
.p-management-points__lead {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 200%;
  letter-spacing: 0.64px;
  color: #333;
}
.p-management-points__item:nth-child(even) .p-management-points__image {
  order: 2;
}
.p-management-points__item:nth-child(even) .p-management-points__contents {
  order: 1;
}
@media screen and (max-width: 749px) {
  .p-management {
    margin-top: 4.8rem;
    padding-inline: 1.6rem;
  }
  .p-management__inner {
    max-width: 100%;
  }
  .p-management__title {
    font-size: 2.6rem;
    letter-spacing: 0.104rem;
  }
  .p-management__lead {
    margin-top: 1.6rem;
    font-size: 1.8rem;
    letter-spacing: 0.072rem;
  }
  .p-management-points__items {
    margin-top: 3.2rem;
  }
  .p-management-points__item {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    margin-top: 4.0rem;
  }
  .p-management-points__item:first-child {
    margin-top: 0;
  }
  .p-management-points__image {
    width: 100%;
    flex-shrink: 0;
  }
  .p-management-points__image img {
    width: 100%;
  }
  .p-management-points__contents {
    width: 100%;
  }
  .p-management-points__title {
    font-size: 2.6rem;
    letter-spacing: 0.104px;
  }
  .p-management-points__lead {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    letter-spacing: 0.056rem;
  }
  .p-management-points__item:nth-child(odd) .p-management-points__image,
  .p-management-points__item:nth-child(even) .p-management-points__image {
    order: 2;
  }
  .p-management-points__item:nth-child(odd) .p-management-points__contents
  .p-management-points__item:nth-child(even) .p-management-points__contents {
    order: 1;
  }
}

/*! ==================================================
 * function
=================================================== */
.p-function {
  margin-top: 80px;
}
.p-function__inner {
  max-width: 1050px;
  margin-inline: auto;
}
.p-function__title {
  font-size: 34px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.36px;
  text-align: center;
  color: #003175;
}
.p-function-points__items {
  margin-top: 56px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 48px;
}
.p-function-points__item {
  width: calc((100% - 48px * 2) / 3);
  min-height: 375px;
  padding: 16px 16px 24px;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.p-function-points__image {
  text-align: center;
}
.p-function-points__title {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.8px;
  text-align: center;
  color: #003175;
}
.p-function-points__title > sup {
  font-size: 12px;
}
.p-function-points__lead {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.56px;
  color: #333;
}
.p-function-points__notes {
  width: fit-content;
  margin: 16px 0 0 auto;
  padding-left: 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.56px;
  color: #333;
}
.p-function-points__note {
  position: relative;
}
.p-function-points__note::before {
  content: "※";
  position: absolute;
  top: 0;
  left: -14px;
}
@media screen and (max-width: 749px) {
  .p-function {
    margin-top: 6.0rem;
    padding: 6.0rem 1.6rem 0;
    background: #E5F4FE;
  }
  .p-function__inner {
    max-width: 100%;
  }
  .p-function__title {
    font-size: 2.6rem;
    letter-spacing: 0.104rem;
  }
  .p-function-points__items {
    margin-top: 3.2rem;
    display: block;
  }
  .p-function-points__item {
    display: flex;
    gap: 1.2rem;
    width: 100%;
    min-height: auto;
    margin-top: 2.4rem;
    padding: 2.4rem 1.6rem;
    border-radius: 0.4rem;
    box-shadow: 0 0 1.0rem 0 rgba(0, 0, 0, 0.15);
  }
  .p-function-points__item:first-child {
    margin-top: 0;
  }
  .p-function-points__image,
  .p-function-points__image img {
    width: 8.4rem;
    flex-shrink: 0;
  }
  .p-function-points__contents {
    width: 100%;
  }
  .p-function-points__title {
    margin-top: 0;
    font-size: 2.0rem;
    letter-spacing: 0.08rem;
    text-align: left;
  }
  .p-function-points__title > sup {
    font-size: 1.2rem;
  }
  .p-function-points__lead {
    margin-top: 0.8rem;
    font-size: 1.4rem;
    letter-spacing: 0.056rem;
  }
  .p-function-points__notes {
    margin: 0.8rem 0 0 auto;
    padding-left: 1.4rem;
    font-size: 1.4rem;
    letter-spacing: 0.056rem;
  }
  .p-function-points__note::before {
    left: -1.4rem;
  }
}

/*! ==================================================
 * difficult
=================================================== */
.p-difficult {
  margin-top: 80px;
}
.p-difficult__inner {
  max-width: 1050px;
  margin-inline: auto;
}
.p-difficult__title {
  font-size: 34px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.36px;
  text-align: center;
  color: #003175;
}
.p-difficult-points__items {
  margin-top: 56px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 48px;
}
.p-difficult-points__item {
  width: calc((100% - 48px * 2) / 3);
  padding: 16px 16px 24px;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.p-difficult-points__image {
  text-align: center;
}
.p-difficult-points__title {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.8px;
  text-align: center;
  color: #003175;
}
.p-difficult-points__lead {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.56px;
  color: #333;
}
.p-difficult-points__notes {
  margin: 8px 0 0 auto;
  padding-left: 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.56px;
  color: #333;
}
.p-difficult-points__note {
  position: relative;
}
.p-difficult-points__note::before {
  content: "※";
  position: absolute;
  top: 0;
  left: -14px;
}
.p-difficult__notes {
  width: fit-content;
  margin: 48px auto 0;
  padding-left: 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.56px;
  color: #333;
}
.p-difficult__note {
  position: relative;
}
.p-difficult__note::before {
  content: "※";
  position: absolute;
  top: 0;
  left: -14px;
}
@media screen and (max-width: 749px) {
  .p-difficult {
    margin-top: 0;
    padding: 4.8rem 1.6rem 6.0rem;
    background: #E5F4FE;
  }
  .p-difficult__inner {
    max-width: 100%;
  }
  .p-difficult__title {
    font-size: 2.6rem;
    letter-spacing: 0.104px;
  }
  .p-difficult-points__items {
    margin-top: 3.2rem;
    display: block;
    margin-top: 3.2rem;
  }
  .p-difficult-points__item {
    display: flex;
    gap: 1.2rem;
    width: 100%;
    margin-top: 2.4rem;
    padding: 2.4rem 1.6rem;
    border-radius: 0.4rem;
    box-shadow: 0 0 1.0rem 0 rgba(0, 0, 0, 0.15);
  }
  .p-difficult-points__item:first-child {
    margin-top: 0;
  }
  .p-difficult-points__image,
  .p-difficult-points__image img {
    width: 8.4rem;
    flex-shrink: 0;
  }
  .p-difficult-points__contents {
    width: 100%;
  }
  .p-difficult-points__title {
    margin-top: 0;
    font-size: 2.0rem;
    letter-spacing: 0.08rem;
    text-align: left;
  }
  .p-difficult-points__lead {
    margin-top: 0.8rem;
    font-size: 1.4rem;
    letter-spacing: 0.056rem;
  }
  .p-difficult-points__notes {
    margin: 0.8rem 0 0 auto;
    padding-left: 1.4rem;
    font-size: 1.4rem;
    letter-spacing: 0.056rem;
  }
  .p-difficult-points__note::before {
    left: -1.4rem;
  }
  .p-difficult__notes {
    display: none;
  }
}

/*! ==================================================
 * p-nav < c-nav
=================================================== */
@media screen and (min-width: 750px) {
  .p-nav {
    margin-top: 80px;
    padding: 0;
  }
}
@media screen and (max-width: 749px) {
  .p-nav {
    margin-top: 0;
  }
}