/*===========================================================
          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/result-voice_photo_1.webp) no-repeat center / cover;}
/* #endregion */
/*===========================================================
          contents_view_container
  ===========================================================*/
/* #region */
.contents_view_container::before{background:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,.6)100%),url(/images/result-voice_photo_1.webp) no-repeat center / cover;}
/* #endregion */
/*===========================================================
          pickup_container
  ===========================================================*/
/* #region */
.pickup_container{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100vw;padding:var(--spaceLarge) var(--spaceNormal) 0;}
.pickup_container::before{content:"PICKUP";position:absolute;inset:14vw auto auto -5vw;display:block;font-family:var(--RiftSoft);font-size:var(--RiftFsHuge);color:var(--bgWhite);z-index:-1;}
.pickup_container > img{height:55vw;margin-top:var(--spaceMedium);object-fit:cover;border-radius:var(--braMedium) 0 var(--braMedium) 0;order:3;}
/* ------ pickup_title ------ */
.pickup_title{display:contents;}
.pickup_title > img{margin-top:14vw;width:24vw;height:24vw;border-radius:50%;order:1;}
.pickup_title h2{width:57vw;margin-top:14vw;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsLarge);line-height:var(--lhMedium);order:2;}
.pickup_title h2 > span{display:block;margin-top:2vw;font-size:var(--IBMPFsNormal);}
.pickup_title p{margin-top:var(--spaceMedium);color:var(--textGray);line-height:var(--lhHuge);order:4;}
/* #endregion */
/*===========================================================
          result_detail_container
  ===========================================================*/
/* #region */
.result_detail_container{padding-top:var(--spaceLarge);}
.result_detail_container > img{position:relative;width:88vw;height:100%;margin:0 auto;border-radius:0 var(--braMedium) 0 var(--braMedium);object-fit:cover;z-index:1;aspect-ratio: 1/1;}
/* ------ result_detail_title ------ */
.result_detail_title{background:var(--bgWhite);display:flex;gap:0 6vw;flex-wrap:wrap;align-items:flex-end;margin-top:-10vw;padding:18vw var(--spaceNormal) var(--spaceMedium);border-radius:0 0 0 var(--braMedium);}
.result_detail_title img{width:24vw;height:24vw;border-radius:50%;}
.result_detail_title h2{margin-bottom:3vw;text-align:center;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsLarge);width: calc(100% - 30vw);}
.result_detail_title div{width:100%;margin-top:var(--spaceNormal);color:var(--textGray);}
.result_detail_title p{line-height:var(--lhHuge);margin-top:var(--spaceNormal);}
.result_detail_title a{display: inline-block;text-decoration: underline;}
/* ------ detail_list_ ------*/
[class*='detail_list_']{display:grid;gap:3vw;grid-template-columns:repeat(2,1fr);grid-auto-rows:30vw;padding:0 var(--spaceNormal);width: 100%;}
[class*='detail_list_']:first-of-type{padding-top:var(--spaceLarge);}
[class*='detail_list_']:nth-of-type(n+2){margin-top:3vw;}
[class*='detail_list_'] li{grid-column:span 1;grid-row:span 1;border-radius:var(--braSmall);overflow:hidden;}
[class*='detail_list_'] li:nth-of-type(1){grid-column:span 2;grid-row:span 2;}
[class*='detail_list_'] li img{object-fit:cover;}
/* #endregion */
/*===========================================================
          result_list_container
  ===========================================================*/
/* #region */
.result_list_container{padding:var(--spaceLarge) var(--spaceNormal);}
.result_list_container > h2{padding-bottom:var(--spaceMedium);font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsBigger);line-height:var(--lhMedium);}
/* ------ result_list ------ */
.result_list{width:88vw;margin:0 auto;}
.result_list li:nth-of-type(n+2){margin-top:3vw;}
.result_list a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:63vw;border-radius:0 var(--braMedium) 0 0;overflow:hidden;}
.result_list a::after{content:"";position:absolute;inset:0;display:block;background:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,.6)100%);width:100%;height:100%;z-index:-1;}
.result_list img{position:absolute;inset:0;object-fit:cover;z-index:-1;}
/* ------ result_list_title ------ */
.result_list_title{display:flex;flex-wrap:wrap;padding:0 14vw 0 4vw;color:var(--textWhite);}
.result_list_title h2,
.result_list_title h3{width:100%;margin-top:4vw;font-size:var(--IBMPFsMedium);line-height:var(--lhMedium);order:2;}
.result_list_title p{display:inline-block;padding:1.8vw 4vw 1.4vw;font-size:var(--IBMPFsSmall);border:var(--lineWhite) solid 1px;border-radius:9999px;order:1;}
/* ------ list_btn ------ */
.list_btn{position:relative;display:flex;align-items:center;justify-content:space-between;padding:3vw;font-family:var(--RiftSoft);font-size:var(--RiftFsSmall);color:var(--textWhite);}
.list_btn::before{content:"";display:block;background:var(--lineWhite);width:71vw;height:1px;margin-top:1vw;}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          pickup_container
  ===========================================================*/
/* #region */
.pickup_container::before{inset:11vw auto auto -3vw;}
.pickup_container > img{height:40vw;margin-top:var(--spaceNM);}
/* ------ pickup_title ------ */
.pickup_title > img{margin:13vw 0 0 var(--spaceNormal);width:16vw;height:16vw;}
.pickup_title h2{width:58vw;margin:13vw var(--spaceNormal) 0 0;}
.pickup_title h2 > span{margin-top:1.5vw;}
.pickup_title p{margin-top:var(--spaceNM);padding:0 var(--spaceNormal);}
/* #endregion */
/*===========================================================
          result_detail_container
  ===========================================================*/
/* #region */
.result_detail_container > img{width:90vw;height:100%;}
/* ------ result_detail_title ------ */
.result_detail_title{gap:0 4vw;margin-top:-10vw;padding:18vw var(--spaceMedium) var(--spaceMedium);}
.result_detail_title img{width:16vw;height:16vw;}
.result_detail_title h2{margin-bottom:2.5vw;width: calc(100% - 20vw);}
.result_detail_title a{text-decoration-color: var(--lineBlack);transition: color .25s linear, text-decoration-color .25s linear;}
.result_detail_title a:hover{color: var(--textYellow);text-decoration-color: var(--lineYellow);}
/* ------ detail_list_ ------*/
[class*='detail_list_']{gap:2vw;grid-auto-rows:25vw;}
[class*='detail_list_']:nth-of-type(n+2){margin-top:2vw;}
/* #endregion */
/*===========================================================
          result_list_container
  ===========================================================*/
/* #region */
.result_list_container > h2{text-align:center;}
/* ------ result_list ------ */
.result_list{display:flex;flex-wrap:wrap;gap:2vw;width:90vw;}
.result_list li{width:44vw;}
.result_list li:nth-of-type(n+2){margin-top:0;}
.result_list a{height:36vw;}
/* ------ result_list_title ------ */
.result_list_title{padding:0 8vw 0 3vw;}
.result_list_title h2,
.result_list_title h3{margin-top:2vw;}
.result_list_title p{padding:1vw 2vw .8vw;}
/* ------ list_btn ------ */
.list_btn{padding:2vw;}
.list_btn::before{width:34vw;margin-top:.5vw;}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          pickup_container
  ===========================================================*/
/* #region */
.pickup_container{align-items:stretch;padding:var(--spaceLarge) var(--spaceMedium) 0 var(--spaceBigger);}
.pickup_container::before{inset:8vw auto auto -2.5vw;}
.pickup_container > img{width:37vw;height:auto;margin-top:0;}
/* ------ pickup_title ------ */
.pickup_title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:31vw;padding:var(--spaceNormal) 0;}
.pickup_title > img{margin:0;width:10vw;height:10vw;}
.pickup_title h2{width:18vw;margin:0;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsLarge);line-height:var(--lhMedium);order:2;}
.pickup_title h2 > span{margin-top:1vw;}
.pickup_title p{margin-top:var(--spaceNM);padding:0;}
/* #endregion */
/*===========================================================
          result_detail_container
  ===========================================================*/
/* #region */
.result_detail_container{display:flex;flex-wrap:wrap;padding:var(--spaceLarge) var(--spaceMedium) 0;}
.result_detail_container > img{width:32vw;height:100%;}
/* ------ result_detail_title ------ */
.result_detail_title{gap:0 4vw;width:58vw;margin:0 0 0 -4vw;padding:0 var(--spaceMedium) var(--spaceNM) calc(var(--spaceMedium) + 4vw);transform:translateY(3.5vw);}
.result_detail_title img{width:10vw;height:10vw;margin-top:-3vw;}
.result_detail_title h2{margin-bottom:.5vw; width: calc(100% - 14vw);}
.result_detail_title p{margin-top:var(--spaceTiny);}
/* ------ detail_list_ ------*/
[class*='detail_list_']{gap:.8vw;grid-template-columns:repeat(9,1fr);grid-auto-rows:15vw;padding:0;}
[class*='detail_list_']:first-of-type{padding-top:calc(var(--spaceMedium) + 3.5vw);}
[class*='detail_list_']:nth-of-type(n+2){margin-top:1vw;}
[class*='detail_list_'] li{grid-column:span 2;grid-row:span 1;}
.detail_list_a li:nth-of-type(1){grid-column:span 5;grid-row:span 2;}
.detail_list_b li:nth-of-type(1){grid-column:5 / 10;grid-row:1 / 3;}
.detail_list_b li:nth-of-type(2){grid-column:3 / 5;grid-row:1;}
.detail_list_b li:nth-of-type(3){grid-column:1 / 3;grid-row:1;}
.detail_list_b li:nth-of-type(4){grid-column:3 / 5;grid-row:2;}
.detail_list_b li:nth-of-type(5){grid-column:1 / 3;grid-row:2;}
/* #endregion */
/*===========================================================
          result_list_container
  ===========================================================*/
/* #region */
.result_list_container{padding:var(--spaceLarge) var(--spaceMedium);}
.result_list_container > h2{padding-bottom:var(--spaceNM);}
/* ------ result_list ------ */
.result_list{gap:.8vw;width:86vw;}
.result_list li{width:28.133333vw;}
.result_list a{height:24vw;}
.result_list img{transition:transform .5s ease-in-out;}
/* ------ result_list_title ------ */
.result_list_title{padding:0 4.5vw 0 1.5vw;}
.result_list_title h2,
.result_list_title h3{margin-top:1.2vw;}
.result_list_title p{padding:.5vw .9vw .3vw;}
/* ------ list_btn ------ */
.list_btn{padding:1vw;font-size:var(--RiftFsMedium);}
.list_btn::before{width:22.5vw;margin-top:.3vw;}
/* ------ hover ------ */
.result_list a:hover img{transform:scale(1.1);}
/* #endregion */
}