/*------------------------------------
	調整
------------------------------------*/
.node__content {
	margin-top: 0;
}
.bootstrap h1, .bootstrap h2, .bootstrap h3, .bootstrap h4, .bootstrap h5, .bootstrap h6, .bootstrap .h1, .bootstrap .h2, .bootstrap .h3, .bootstrap .h4, .bootstrap .h5, .bootstrap .h6 {
	margin-bottom: 0;
	font-weight: bold;
	line-height: inherit;
}
.bootstrap p {
	margin-top: 0;
	margin-bottom: 0;
}
.bootstrap main a {
	text-decoration: none !important;
}
.bootstrap table {
	border-collapse: inherit;
}
.bootstrap ol, .bootstrap ul, .bootstrap dl {
	margin-top: 0;
	margin-bottom: 0;
}
table tr th,
table tr td{
	border:none;
}
table tbody tr:first-child th{
	border-top:none;
}
p{
	color: inherit;
	line-height: inherit;
}

/*------------------------------------*/

body{
    margin:0;
  }
  /* reset */
  main h1,
  main h2,
  main h3,
  main h4 {
      background-color: inherit;
      color: inherit;
      padding: 0;
      border: 0;
      margin: 0;
      min-height: 0;
  }
  main a:hover,
  main a:focus {
      text-decoration: none;
  }
  main a:visited {
      opacity: 1;
  }
  main table{
      margin-top: 0;
  }
  main table th,
  main table td {
      font-weight: normal;
      background-color: inherit;
  }
  @media only screen and (max-width: 480px) {
      table tr:nth-child(odd), table tr:nth-child(even) {
          background: inherit;
      }
  }
  main h1, main h2, main h3, main h4, main h5, main h6, main p, main li, main th, main td, main dt, main dd{
      line-height: 1.7;
      font-size: 1.4rem;
      color: #333333;
      line-height: 1.8 !important;
  }
  main p{
    color: #333333;
    line-height: 1.8;
  }
  
  @media (min-width: 768px) {
      main h1, main h2, main h3, main h4, main h5, main h6, main p, main li, main th, main td, main dt, main dd{
          font-size: 1.6rem;
      }
  }
  main .bf-ast{
    font-size: 1.2rem;
  }
  main .bf-dot{
    text-align: left;
  }


  /* .p-mv */
  .p-mv__wrapper{
    background: url(/sites/default/files/media/service/sp-boxcloudmgt/image/lp_img_boxcloud_mv_bg-sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 560px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-mv{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
  }
  .p-mv__left{
    text-align: center;
  }
  .p-mv__left__sub{
    display: block;
    background: #fff;
    padding: 8px 20px;
    font-size: 1.6rem;
    color: #0061D5;
    text-align: center;
    max-width: 290px;
    border-radius: 50px;
    margin: auto;
    font-weight: bold;
    position: relative;
  }
  .p-mv__left__sub::before{
    content: "";
    position: absolute;
    right: 0;
    bottom: -9px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }
  .p-mv__left h1{
    font-size: 3.5rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.4 !important;
    margin-top: 16px !important;
  }
  .p-mv__left h1 span{
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    display: block;
  }
  .p-mv__left__img{
    margin: 8px auto 0;
  }
  .p-mv__right__img{
    max-width: 290px;
    margin: 16px auto 0;
  }
  .p-mv__right a{
    margin: 16px auto 0;
  }
  @media (min-width: 768px) {
    .p-mv__right__img{
      max-width: 100%;
    }
  }
  @media (min-width: 1024px) {
    .p-mv__wrapper{
      background: url(/sites/default/files/media/service/sp-boxcloudmgt/image/lp_img_boxcloud_mv_bg.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      height: 300px;
    }
    .p-mv{
      flex-direction: row;
      align-items: center;
      justify-content: space-evenly;
      max-width: 1200px;
      width: 100%;
    }
    .p-mv__left__sub{
      font-size: 2rem;
      max-width: 100%;
    }
    .p-mv__left h1{
      font-size: 4.5rem;
    }
    .p-mv__left h1 span{
      font-size: 2rem;
    }
    .p-mv__right__img{
      margin: auto;
      display: flex;
      justify-content: center;
    }
    .p-mv__right a{
      max-width: 360px;
      min-width: 360px;
      margin-top: 8px;
    }
  }
  
  /* .p-problem */
  .p-problem__wrapper{
    background: #efefef;
  }
  .p-problem{
    padding: 40px 15px;
  }
  .p-problem__title{
    font-size: 2.4rem !important;
    font-weight: bold;
    line-height: 1.3 !important;
    text-align: center;
  }
  .p-problem__title span{
    font-weight: bold;
    background: linear-gradient(transparent 50%, #F8DF58 50%);
  }
  .p-problem__title::after{
    content: "";
    display: inline-block;
    background: url(/sites/default/files/media/service/sp-boxcloudmgt/image/lp_img_boxcloud_ic_problem.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    margin-left: 4px;
  }
  .p-problem__box{
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-top: 16px;
  }
  .p-problem__box ul li{
    display: flex;
    align-items: flex-start;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 8px;
  }
  .p-problem__box ul li:first-child{
    margin-top: 0;
  }
  .p-problem__box ul li::before{
    content: "";
    background: url(/sites/default/files/media/service/sp-boxcloudmgt/image/lp_img_boxcloud_ic_check.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 12px;
    min-height: 12px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 8px;
  }
  .p-problem__box__img{
    display: none;
  }
  .p-problem p{
    margin-top: 16px;
  }
  .p-problem p span{
    font-size: 1.8rem;
    font-weight: bold;
  }
  @media (min-width: 768px) {
    .p-problem__box{
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 40px;
    }
    .p-problem__title br{
        display: none;
    }
    .p-problem__box__img{
      display: block;
    }
  }
  @media (min-width: 1024px) {
    .p-problem{
      max-width: 1200px;
      margin: auto;
    }
    .p-problem__title{
      font-size: 3.2rem !important;
    }
    .p-problem__title::after{
      width: 40px;
      height: 40px;
      margin-left: 8px;
    }  
    .p-problem__box{
      max-width: 750px;
      margin: 24px auto 0;
    }
    .p-problem__box ul li{
      font-size: 1.8rem;
    }
    .p-problem p{
      text-align: center;
      font-size: 1.8rem;
    }  
    .p-problem p span{
      font-size: 2rem;
    }  
  }

  /* .p-solve */
  .p-solve__wrapper{
    background: #f7fcff;
  }
  .p-solve{
    padding: 40px 15px;
  }
  .p-solve__sub{
    display: block;
    background: #F8DF58;
    padding: 8px 20px;
    font-size: 1.6rem;
    color: #0061D5;
    text-align: center;
    max-width: 290px;
    border-radius: 50px;
    margin: auto;
    font-weight: bold;
    position: relative;
  }
  .p-solve__sub::before{
    content: "";
    position: absolute;
    right: 0;
    bottom: -9px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #F8DF58 transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }
  .p-solve__title{
    font-size: 2.4rem !important;
    font-weight: bold;
    line-height: 1.3 !important;
    text-align: center;
    margin-top: 16px !important;
  }
  .p-solve__list{
    margin-top: 16px;
  }
  .p-solve__item{
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    margin-top: 16px;
    background: #fff;
  }
  .p-solve__item:first-child{
    margin-top: 0;
  }
  .p-solve__item h3{
    background: #0061D5;
    color: #fff;
    border-radius: 8px 8px 0 0;
    padding: 8px 0;
    font-size: 1.8rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-solve__item__contents__wrapper{
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .p-solve__item__contents{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }
  .p-solve__item__contents__img{
    min-width: 60px;
    max-width: 60px;
  }
  .p-solve__item__contents h4{
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 1px solid #d1d1d1;
  }
  .p-solve__item__contents p{
    margin-top: 8px;
  }
  @media (min-width: 768px) {
    .p-solve__title br{
      display: none;
    }
    .p-solve__list{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }
    .p-solve__item{
      margin-top: 0;
    }
    .p-solve__item:last-child{
      grid-row: 2 / 3;
      grid-column: 1 / 3;
      width: 50%;
      margin: auto;
    }
    .p-solve__item__contents__img{
      max-width: 100px;
      min-width: 100px;
    }
    .p-solve__item__contents__img img{
      width: 100%;
    }
  }
  @media (min-width: 1024px) {
    .p-solve{
      max-width: 1200px;
      margin: auto;
    }
    .p-solve__sub{
      font-size: 1.8rem;
    }
    .p-solve__title{
      font-size: 3.2rem !important;
    }
    .p-solve__item h3{
      font-size: 2rem;
    }
    .p-solve__item__contents__wrapper{
      padding: 24px;
    }
    .p-solve__item__contents h4{
      font-size: 1.8rem;
    }
  }


  /* .p-video */
  .p-video{
    padding: 40px 15px;
  }
  .p-video__title{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-video__title h2{
    font-size: 2rem !important;
    font-weight: bold;
    color: #0061D5;
    display: inline-block;
    position: relative;
    line-height:1.8;
  }
  .p-video__title h2::before{
    content: "";
    background: url(/sites/default/files/media/service/sp-boxcloudmgt/image/lp_img_boxcloud_ic_slashleft_blue.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 13px;
    height: 22px;
    display: inline-block;
    position: absolute;
    bottom: 7px;
    left: -16px;
  }
  .p-video__title h2::after{
    content: "";
    background: url(/sites/default/files/media/service/sp-boxcloudmgt/image/lp_img_boxcloud_ic_slashright_blue.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 13px;
    height: 22px;
    display: inline-block;
    position: absolute;
    bottom: 7px;
    right: -16px;
  }
  .p-video iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
  @media (min-width: 1024px) {
    .p-video__title h2{
      font-size: 3.2rem !important;
      line-height:1.8;
    }
    .p-video__title h2::before {
      width: 20px;
      height: 30px;
      bottom: 13px;
      left: -25px;
    }
    .p-video__title h2::after {
      width: 20px;
      height: 30px;
      bottom: 13px;
      right: -25px;
    }
    .p-video__iframe__wrapper{
      max-width: 800px;
      margin: 16px auto 0;
    }
  }

  /* .p-short */
  .p-short{
    background: #f7fcff;
    padding-bottom: 40px;
  }
  .p-short__title__wrapper{
    background: linear-gradient(to right,#10a3ff, #0061D5);
    padding: 40px 15px 80px;
    position: relative;
  }
  .p-short__title__wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: transparent transparent #0082e3 transparent;
    border-width: 0 45px 45px 0;
    margin: auto;
    transform: rotate(90deg);
  }
  .p-short__title{
    font-size: 2.4rem !important;
    font-weight: bold;
    line-height: 1.3 !important;
    color: #fff;
    text-align: center;
  }
  .p-short__title::after{
    content: "";
    background: url(/sites/default/files/media/service/sp-boxcloudmgt/image/lp_img_boxcloud_ic_short.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 4px;
  }
  .p-short__title span{
    font-size: 2.4rem !important;
    font-weight: bold;
    color: #ffe841;
  }
  .p-short__box__wrapper{
    padding: 0 15px;
  }
  .p-short__box{
    margin-top: 20px;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 2px 2px 6px rgb(0,0,0,.1);
  }
  .p-short__box ul li{
    font-weight: bold;
    position: relative;
    padding-left: 20px;
    margin-top: 8px;
  }
  .p-short__box ul li:first-child{
    margin-top: 0;
  }
  .p-short__box ul li::before{
    content: "";
    background: url(/sites/default/files/media/service/sp-boxcloudmgt/image/lp_img_boxcloud_ic_check_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
  }
  .p-short__box ul li span{
    font-weight: bold;
    background: linear-gradient(transparent 70%, #F8DF58 70%);
  }
  .p-short__box__img{
    display: none;
  }
  @media (min-width: 768px) {
    .p-short__title br{
      display: none;
    }
  }
  @media (min-width: 1024px) {
    .p-short__title__wrapper::before{
      border-width: 0 90px 90px 0;
    }  
    .p-short__title{
      font-size: 3.2rem !important;
    }
    .p-short__title::after{
      width: 30px;
      height: 30px;
      margin-left: 8px;
    }
    .p-short__title span{
      font-size: 3.2rem !important;
    }
    .p-short__box__wrapper {
      max-width: 1000px;
      margin: auto;
    }
    .p-short__box {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 40px;
    }
    .p-short__box ul li{
      margin-top: 16px;
      font-size: 1.8rem;
    }
    .p-short__box ul li::before {
      width: 20px;
      height: 20px;
      top: 7px;
      left: -12px;
    }
    .p-short__box ul li span{
      font-size: 2rem;
    }
    .p-short__box__img{
      display: block;
    }  
  }


  /* .p-jiima */
  .p-jiima{
    padding: 40px 15px;
  }
  .p-jiima__img{
    display: flex;
    justify-content: center;
  }
  .p-jiima__title{
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 16px !important;
  }
  .p-jiima__txt{
    margin-top: 8px !important;
  }
  .p-jiima__txt span{
    font-weight: bold;
    background: linear-gradient(transparent 70%, #F8DF58 70%);
  }
  .p-jiima ul{
    margin-top: 8px;
  }
  @media (min-width: 768px) {
    .p-jiima__inner{
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 24px;
    }
  }
  @media (min-width: 1024px) {
    .p-jiima {
      max-width: 800px;
      margin: auto;
    }
    .p-jiima__title{
      font-size: 2rem;
    }
  }


  /* .p-feature */
  .p-feature__wrapper{
    background: #F7F7F7;
    padding: 40px 0;
  }
  .p-feature{
    padding: 0 15px;
  }
  .p-feature__title{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-feature__title h2{
    font-size: 2rem !important;
    font-weight: bold;
    display: inline-block;
    position: relative;
    line-height: 1.3 !important;
    text-align: center;
  }
  .p-feature__title h2::before{
    content: "";
    background: url(/sites/default/files/media/service/sp-boxcloudmgt/image/lp_img_boxcloud_ic_slashleft_lightblue.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 13px;
    height: 22px;
    display: inline-block;
    position: absolute;
    bottom: 7px;
    left: -16px;
  }
  .p-feature__title h2::after{
    content: "";
    background: url(/sites/default/files/media/service/sp-boxcloudmgt/image/lp_img_boxcloud_ic_slashright_lightblue.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 13px;
    height: 22px;
    display: inline-block;
    position: absolute;
    bottom: 7px;
    right: -16px;
  }
  .p-feature__list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 24px !important;
  }
  .p-feature__item{
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    padding: 12px;
  }
  .p-feature__item__img{
    display: flex;
    justify-content: center;
  }
  .p-feature__item__img img{
    height: 60px;
  }
  .p-feature__item__title{
    text-align: center;
    font-weight: bold;
    margin-top: 8px !important;
    line-height: 1.3 !important;
  }
  .p-feature__item__txt{
    margin-top: 4px !important;
    display: flex;
    justify-content: center;
  }
  .p-feature__item__txt br{
    display: none;
  }
  @media (min-width: 768px) {
    .p-feature__item__txt{
      margin-top: 8px !important;
    }
  }
  @media (min-width: 1024px) {
    .p-feature{
      max-width: 1200px;
      margin: auto;
    }
    .p-feature__title h2{
      font-size: 3.2rem !important;
    }
    .p-feature__title h2 br{
      display: none;
    }
    .p-feature__title h2::before{
      width: 20px;
      height: 30px;
      bottom: 6px;
      left: -25px;
    }
    .p-feature__title h2::after{
      width: 20px;
      height: 30px;
      bottom: 6px;
      right: -29px;
    }
    .p-feature__list{
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .p-feature__item{
      padding: 24px 18px;
    }
    .p-feature__item__img img {
      height: 90px;
    }
    .p-feature__item__title{
      margin-top: 16px !important;
      font-size: 1.8rem;
    }  
  }

  /* .p-price */
  .p-price{
    background: #F0F9FF;
    padding-bottom: 40px;
  }
  .p-price__title__wrapper{
    background: linear-gradient(to right,#10a3ff, #0061D5);
    padding: 40px 15px 80px;
    position: relative;
  }
  .p-price__title__wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: transparent transparent #0082e3 transparent;
    border-width: 0 45px 45px 0;
    margin: auto;
    transform: rotate(90deg);
  }
  .p-price__title{
    font-size: 2.4rem !important;
    font-weight: bold;
    line-height: 1.3 !important;
    color: #fff;
    text-align: center;
  }
  .p-price__title span{
    font-size: 2.6rem !important;
    font-weight: bold;
  }
  .p-price__sub{
    display: block;
    background: #F8DF58;
    padding: 12px 20px;
    font-size: 1.4rem;
    color: #0061D5;
    text-align: center;
    border-radius: 100px;
    margin: auto;
    font-weight: bold;
    position: relative;
    line-height: 1.3 !important;
    margin-top: 16px !important;
  }
  .p-price__sub::before{
    content: "";
    position: absolute;
    right: 0;
    bottom: -9px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #F8DF58 transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }
  .p-price ul{
    margin-top: 8px;
    padding: 0 15px;
  }
  .p-price__cv{
    padding: 0 15px;
    margin-top: 60px;
  }
  @media (min-width: 1024px) {
    .p-price__title__wrapper::before{
      border-width: 0 90px 90px 0;
    }  
    .p-price__title{
      font-size: 3.2rem !important;
    }
    .p-price__title br{
      display: none;
    }
    .p-price__title span{
      font-size: 3.8rem !important;
    }
    .p-price__sub{
      font-size: 2rem;
      max-width: 970px;
    }
    .p-price__sub br{
      display: none;
    }
    .p-price ul{
      max-width: 1000px;
      margin: auto;
    }
  
  }

  /* .p-plan */
  .p-plan{
    padding: 40px 15px;
  }
  .p-plan__sub {
    display: block;
    font-size: 1.6rem;
    color: #767676;
    text-align: center;
    border-radius: 50px;
    margin: auto;
    font-weight: bold;
    position: relative;
  }

  .p-plan__sub::after {
    content: "";
    display: inline-block;
    background: url(/sites/default/files/media/service/sp-boxcloudmgt/image/lp_img_boxcloud_ic_plan.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-left: 4px;
  }
  .p-plan__title{
    font-size: 2rem !important;
    font-weight: bold;
    text-align: center;
    line-height: 1.5 !important;
    margin-top: 12px !important;
  }
  .p-plan__box{
    margin-top: 24px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .p-plan__box__item table{
    width: 100%;
  }
  .p-plan__box__item table tr:nth-child(even){
    background: #F4F4F4;
  }
  .p-plan__box__item:first-child > table{
    border: 1px solid #2BA5FF;
  }
  .p-plan__box__item:last-child > table{
    border: 1px solid #0061D5;
  }
  .p-plan__box__item table th,.p-plan__box__item table td{
    text-align: center;
    vertical-align: middle;
    padding: 20px;
  }
  .p-plan__box__item table th{
    font-weight: bold;
    color: #fff;
    font-size: 2rem;
    padding: 12px;
  }
  .p-plan__box__item table td{
    padding: 20px;
  }
  .p-plan__box__item table td ul li{
    margin-top: 8px;
  }
  .p-plan__box__item table td ul li:first-child{
    margin-top: 0;
  }
  .p-plan__box__item:first-child > table th{
    background: #2BA5FF;
  }
  .p-plan__box__item:last-child > table th{
    background: #0061D5;
  }
  .p-plan__box__item__table__num{
    font-weight: bold;
  }
  .p-plan__box__item__table__num span{
    font-size: 2.4rem;
    font-weight: bold;
  }
  .p-plan__box__item > ul{
    margin-top: 16px;
  }
  .p-plan__box__item > ul li{
    margin-top: 8px;
    line-height: 1.5 !important;
  }
  .p-plan__box__item > ul li:first-child{
    margin-top: 0;
  }
  .p-plan__box__item__table__br--pc{
    display: none;
  }
  @media (min-width: 768px) {
    .p-plan__box{
      grid-template-columns: 1fr 1fr;
    }  
  }
  @media (min-width: 1024px) {
    .p-plan__sub {
      font-size: 2rem;
    }
    .p-plan__sub::after {
      width: 30px;
      height: 30px;
    }
    .p-plan__title {
      font-size: 3.2rem !important;
    }
    .p-plan__box {
      max-width: 1200px;
      margin: 24px auto 0;
    }
    .p-plan__box__item table tr:nth-child(2){
      height: 100px;
    }
    .p-plan__box__item table tr:nth-child(5){
      height: 210px;
    }
    .p-plan__box__item__table__br--pc{
      display: block;
    }
  }

  /* .p-way */
  .p-way{
    background: #F4F4F4;
    padding-bottom: 40px;
  }
  .p-way h2{
    background: linear-gradient(to right,#10a3ff, #0061D5);
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.3 !important;
    padding: 16px 8px;
  }
  .p-way__item__title{
    font-size: 2rem;
    font-weight: bold;
  }
  .p-way__item__title span{
    font-size: 2rem;
    font-weight: bold;
    color: #0061D5;
    margin-right: 4px;
  }
  .p-way__list{
    padding: 0 15px;
    margin-top: 24px !important;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .p-way__item__box{
    background: #fff;
    border-radius: 8px;
    border: 1px solid #d1d1d1;
    padding: 20px;
  }
  .p-way__item__box__img{
    display: flex;
    justify-content: center;
  }
  .p-way__item__box__img img{
    min-width: 120px;
    max-width: 120px;
  }
  .p-way__item__box__txt{
    margin-top: 8px !important;
  }
  .p-way__item ul {
    margin-top: 4px;
  }
  .p-way__item__box__txt__self{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    background: #48ABFF;
    color: #fff;
    border-radius: 50px;
    max-width: 220px;
    margin: auto auto 8px;
    font-weight: bold;
  }
  .p-way__item__box__txt__self__none{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    color: #b5b5b5;
    border-radius: 50px;
    max-width: 220px;
    margin: auto auto 8px;
    font-weight: bold;
    border: 1px dotted #b5b5b5;
  }
  .p-way__item__box__txt__standard{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    background: #0061D5;
    color: #fff;
    border-radius: 50px;
    max-width: 220px;
    margin: auto auto 8px;
    font-weight: bold;
  }
  .p-way__item__box__txt__standard__none{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    color: #b5b5b5;
    border-radius: 50px;
    max-width: 220px;
    margin: auto auto 8px;
    font-weight: bold;
    border: 1px dotted #b5b5b5;
  }
  .p-way__item__box__txt__hl{
    font-weight: bold;
  }
  .p-way__item__box__txt__small {
    font-size: 1.2rem;
    line-height: 1.3;
    display: inline-block;
    margin-top: 4px !important;
  }
  .p-way__cv{
    padding: 0 15px;
    margin-top: 60px;
  }
  @media (min-width: 768px) {
    .p-way__list{
      grid-template-columns: 1fr 1fr;
    }  
  }
  @media (min-width: 1024px) {
    .p-way h2{
      font-size: 2.4rem;
      padding: 24px 0;
    }
    .p-way h2 br{
      display: none;
    }
    .p-way__list {
      grid-template-columns: 1fr 1fr 1fr;
      max-width: 1200px;
      margin: 24px auto 0 !important;
    }
    .p-way__item__title span {
      font-size: 2.4rem;
      margin-right: 8px;
    }
    .p-way__item__box{
      height: 380px;
      padding: 20px 24px;
    }
    .p-way__item__box__txt--short{
      margin-top: 97px !important;
    }
    .p-way__item__box__txt__small {
      margin-top: 8px !important;
    }  
    .p-way__item__box__img img {
      min-width: 140px;
      max-width: 140px;
    }
    .p-way__item ul{
      margin-top: 8px;
    }
  }


  /*****************************
   component
   *****************************/
   .c-boxcloud__cv__wrapper{
    background: #e5f4ff;
    padding: 60px 15px 40px;
   }
   .c-boxcloud__cv{
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
   }
   .c-boxcloud__cv__item{
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    padding: 30px 20px 20px;
    position: relative;
    text-align: center;
   }
   .c-boxcloud__cv__item__sub__wrapper{
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .c-boxcloud__cv__item__sub{
    display: block;
    padding: 8px 20px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    max-width: 290px;
    border-radius: 50px;
    margin: auto;
    font-weight: bold;
    position: relative;
  }
  .c-boxcloud__cv__item__sub--main{
    background: #0061D5;
  }
  .c-boxcloud__cv__item__sub--sub{
    background: #149bff;
  }
  .c-boxcloud__cv__item__sub::before{
    content: "";
    position: absolute;
    right: 0;
    bottom: -7px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-width: 8px 8px 0 8px;
  }
  .c-boxcloud__cv__item__sub--main::before{
    border-color: #0061D5 transparent transparent transparent;
  }
  .c-boxcloud__cv__item__sub--sub::before{
    border-color: #149bff transparent transparent transparent;
  }
  .c-boxcloud__cv__item__title{
    font-size: 1.8rem;
    font-weight: bold;
  }
  .c-boxcloud__cv__item a{
    margin-top: 8px;
    max-width: 100%;
    min-width: 100%;
  }
  .c-boxcloud__mainBtn{
    background: #F8DF58 !important;
    color: #0061D5 !important;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    max-width: 290px;
    min-width: 290px;
    border-radius: 50px;
    padding: 8px 0;
    box-shadow: 0 4px 0 #ddaa22;
    transition: all .2s;
   }
   .c-boxcloud__subBtn{
    background: #d9ecff !important;
    color: #0061D5 !important;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    max-width: 290px;
    min-width: 290px;
    border-radius: 50px;
    padding: 8px 0;
    box-shadow: 0 4px 0 #96cbff;
    transition: all .2s;
   }
   .c-boxcloud__mainBtn::after,.c-boxcloud__subBtn::after{
    content: "";
    background: url(/sites/default/files/media/service/sp-boxcloudmgt/image/lp_img_boxcloud_ic_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 8px;
    margin-bottom: 3px;
   }
   .c-boxcloud__table__wrapper{
    margin-top: -80px;
    position: relative;
    z-index: 0;
    overflow: auto;
    padding: 20px 15px;
   }
   .c-boxcloud__table{
    width: 150%;
    border-radius: 8px;
    border-spacing: 0;
    border: none;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-collapse: initial;
    box-shadow: 2px 2px 6px rgb(0,0,0,.1);
   }
   .c-boxcloud__table tr>*{
    border: none;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
   }
  .c-boxcloud__table tr:first-child>*:first-child{
    border-radius: 8px 0 0 0;
   }
  .c-boxcloud__table tr:first-child>*:last-child{
    border-radius: 0 8px 0 0;
   }
  .c-boxcloud__table tr:last-child>*:first-child{
    border-radius: 0 0 0 8px;
   }
  .c-boxcloud__table tr:last-child>*:last-child{
    border-radius: 0 0 8px 0;
   }
  .c-boxcloud__table th,.c-boxcloud__table td{
    border: 1px solid #ddd;
    padding: 16px 8px;
    font-weight: bold;
    color: #4E4E4E;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5 !important;
   }
   .c-boxcloud__table th{
    background: #F5F5F5;
   }
   .c-boxcloud__table td{
    background: #fff;
   }
   .c-boxcloud__table th:last-child{
    background: #FFEA90;
   }
   .c-boxcloud__table td:last-child{
    background: #FFFEEF;
   }
   .c-boxcloud__table__hl{
    font-size: 2rem;
    font-weight: bold;
    color: #DD9100;
   }
   .c-boxcloud__table__num{
    font-size: 2rem;
    font-weight: bold;
   }
   @media (min-width: 768px) {
    .c-boxcloud__cv {
       grid-template-columns: 1fr 1fr;
       gap: 24px;
    }
    .c-boxcloud__mainBtn:hover,.c-boxcloud__subBtn:hover{
      color: #0061D5;
      box-shadow: 0px 0px 0px;
      transform: translateY(4px);
    }
     .c-boxcloud__table{
     width: 100%;
    }
     .c-boxcloud__table th br{
     display: none;
    }
  }
  @media (min-width: 1024px) {
    .c-boxcloud__cv {
      max-width: 1200px;
      margin: auto;
    }
    .c-boxcloud__cv__item{
      padding: 34px 20px 28px;
    }
    .c-boxcloud__cv__item__sub{
      font-size: 1.6rem;
      max-width: 320px;
    }
    .c-boxcloud__cv__item__title{
      font-size: 2.4rem;
    }
    .c-boxcloud__mainBtn{
      max-width: 460px;
      min-width: 460px;
    }
    .c-boxcloud__cv__item a {
      max-width: 400px;
      min-width: 400px;
      margin: 8px auto 0;
    }
    .c-boxcloud__table__wrapper{
      max-width: 1000px;
      margin: -80px auto 0;
    }
    .c-boxcloud__table td:last-child{
      font-size: 1.8rem;
    }
    .c-boxcloud__table__hl{
      font-size: 2.4rem;
      }    
    .c-boxcloud__table__num{
      font-size: 2.4rem;
      }    
    .c-boxcloud__table__br--pc{
      display: none;
    }
  }

  /* もっと見るボタン */
  .more-btn-box {
    text-align: center;
    margin: 20px auto 0;
    display: block;
  }
  .more-btn {
    background: transparent;
    width: 175px;
    color: #333;
    padding: 1rem 3rem;
    font-weight: bold;
    border: 1px solid #333;
    font-size:1.3rem !important;
  }
  @media (min-width: 550px) {
    .more-btn-box {
      display: none;
    }
  }


/*------------------------------------
	調整
------------------------------------*/
.p-jiima__img img {
	max-width: inherit;
	vertical-align: inherit;
}