/*===========================================================
          page_view_container
  ===========================================================*/
/* #region */
.page_view_container h1{background:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,.6)100%),url(/images/pp_photo_1.webp) no-repeat center / cover;}
/* #endregion */
/*===========================================================
          pp_container
  ===========================================================*/
/* #region */
.pp_container{background:var(--bgWhite);width:88vw;margin:var(--spaceLarge) auto 0;padding:var(--spaceMedium) var(--spaceNM);border-radius:0 var(--braMedium) 0 var(--braMedium);line-height:var(--lhLarge);}
/* ------ pp_list ------ */
.pp_list{counter-reset:num;margin-top:var(--spaceNM);}
.pp_list dt{display:flex;padding-top:var(--spaceNM);border-top:var(--lineGray) solid 1px;}
.pp_list dt::before{counter-increment:num;content:counter(num)".";margin-right:2vw;}
.pp_list dd{padding:var(--spaceNormal) 0 var(--spaceNM);color:var(--textGray);}
.pp_list dd:last-of-type{border-bottom:var(--lineGray) solid 1px;}
.pp_list dd ul{margin-top:var(--spaceNormal);}
.pp_list dd li{display:flex;}
.pp_list dd li:nth-of-type(n+2){margin-top:1vw;}
.pp_list dd li::before{content:"・";}
.pp_list dd > span{display:block;margin-top:var(--spaceNormal);}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          pp_container
  ===========================================================*/
/* #region */
.pp_container{width:90vw;}
/* ------ pp_list ------ */
.pp_list{margin-top:var(--spaceNM);}
.pp_list dt{padding-top:var(--spaceNormal);}
.pp_list dt::before{margin-right:1.5vw;}
.pp_list dd{padding:var(--spaceMini) 0 var(--spaceNormal);}
.pp_list dd ul{margin-top:var(--spaceMini);}
.pp_list dd li:nth-of-type(n+2){margin-top:.6vw;}
.pp_list dd > span{margin-top:var(--spaceMini);}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          pp_container
  ===========================================================*/
/* #region */
.pp_container{width:72vw;}
/* ------ pp_list ------ */
.pp_list{display:flex;flex-wrap:wrap;margin-top:var(--spaceNormal);}
.pp_list dt{width:22vw;padding:calc(var(--spaceTiny) + .6vw) 0;}
.pp_list dt:last-of-type{border-bottom:var(--lineGray) solid 1px;}
.pp_list dt::before{margin-right:.8vw;}
.pp_list dd{width:40vw;padding:calc(var(--spaceTiny) + .6vw) 0;border-top:var(--lineGray) solid 1px;}
.pp_list dd ul{margin-top:var(--spaceTiny);}
.pp_list dd li:nth-of-type(n+2){margin-top:.6vw;}
.pp_list dd > span{margin-top:var(--spaceTiny);}
/* #endregion */
}