@charset "utf-8";


/*
- - - - - - - - - - - - -
******** common ********
- - - - - - - - - - - - -

*/

:root {
    --main-color: #222020;
    --bg-color: #F7F7F7;
    --hover-color: #E3E3E3;
    --main-f:'Noto Sans JP', sans-serif;
}

html {
    font-size: 8.5px;
    line-height: 1.768;
    font-family:var(--main-f);
    overflow-x: hidden;
}

body{
    letter-spacing: 1px;
    color: #222020;
    line-height: 1.5625;
    position: relative;
}

main {
    position: relative;
    padding-top: 50px;
}
@media (min-width: 576px){
    main {
        padding-top: 7rem;
    }
}

a {
    display: block;
    word-break: break-word;
}

a:hover {
    cursor: pointer;
}

p {
    font-size: 14px;
    line-height: 1.768;
}

.img-max {
    width: 100%;
}

.container{
    padding-right: 30px;
    padding-left: 30px;
}

@media screen and (min-width: 576px) {
    .container {
      max-width: 540px;
      padding-right: 15px;
      padding-left: 15px;
    }
}
@media (min-width: 768px) {
    html{
        font-size: 9px;
    }
    .container {
      max-width: 730px;
    }
}
  
@media (min-width: 992px) {
    html{
        font-size: 10px;
    }
    .container {
      max-width: 960px;
    }
}
@media screen and (min-width: 1200px){
      .container{
          max-width: 1200px;
      }
}

.jump_point{
    height: 1px;
    display: block;
    padding-top: 200px;
    margin-top: -200px;
    position: relative;
    z-index: -1;
}


/* font */

.jost {
    font-family: 'Jost', 'Noto Sans JP', sans-serif;
}

.montserrat {
    font-family: 'Montserrat', sans-serif;
}


/* btn */

.c-btn{
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: unset;
    padding: 15px;
    padding-left: 20px;
}

.c-btn::after{
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 12px;
    border-color: transparent transparent transparent #fff;
    margin-left: 25px;
    position: relative;
    left: 0;
    transition: 0.3s;
}

.c-btn.no-link{
    background-color: #E3E3E3 !important;
    color: #505050 !important;
    border: none !important;
}
.c-btn.no-link::after{
    border-color: transparent transparent transparent #505050 !important;
}

.c-btn--small{
    font-size: 14px;
    min-height: 50px;
    max-width:100%;
    letter-spacing: 0.2em;
    font-weight: bold;
}
@media (min-width: 576px){
    .c-btn--small{
        font-size: 14px;
        max-width: 320px;
    }
}

.c-btn--archive{
    font-size: 2rem;
    height: 8rem;
    letter-spacing: 0.13em;
    font-weight: bold;
}

.c-btn--large{
    font-size: 16px;
    height: 87px;
    max-width: 97rem;
    letter-spacing: 0.2em;
    font-weight: bold;
    padding: 1.5rem 2rem;
    margin: 0 auto;
}
@media (min-width: 576px){
    .c-btn--large{
        font-size: 2.3rem;
        padding: 1.5rem 3rem;
        height: 12rem;
    }
    
}

.c-btn--form{
    max-width: 36rem;
    height: 8rem;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.13em;
    line-height: calc(45/20);
}
@media (min-width: 576px){
    .c-btn--form{
        font-size: 2rem;
    }
    
}

.c-btn--archive::after,
.c-btn--large:after,
.c-btn--form:after{
    border-width: 1rem 0 1rem 1.3rem;
}

a.c-btn:hover{
    background-color:#fff;
    color: #222020;
}

a.c-btn:hover:after {
    left: 5px;
    border-color: transparent transparent transparent #222020;
}


.c-btn--result{
    font-size: 2rem;
    height: 8rem;
    letter-spacing: 0.13em;
    font-weight: bold;
    padding: 2rem;
    max-width: 47rem;
    margin: 0 auto;
}
@media (min-width: 992px){
    .c-btn--result{
        padding: 5px;
    }
}
.c-btn--result::after{
    border-width: 10px 0 10px 13px;
}

.c-sns-btn:hover{
    transform-origin: top left;
    transform: scale(1.1);
} 

.c-link-underline{
    letter-spacing: 0.1em;
    line-height: calc(30/14);
    display: inline-block;
    text-decoration: underline;
    position: relative;
    line-height: 1.4;
    margin: 0 15px;
    font-size: 14px;
}

.c-link-underline:hover::after{
    left: 3px;
}

.c-banner-float{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 50px;
    display: flex;
    background-color: var(--main-color);
}
@media (min-width: 768px){
    .c-banner-float{
        bottom: auto;
        left: auto;
        top: 25rem;
        right: 0;
        width: 5rem;
        height: 23rem;
        writing-mode: vertical-lr;
    }
}

.c-banner-float .c-banner-float_btn{
    color: #fff;
    max-width: 100%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    transition: none;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.15em;
    border: 1px solid var(--main-color);
}
@media (min-width: 768px){
    .c-banner-float .c-banner-float_btn{
        padding: 5px;
        transition: none;
    }
}

.c-banner-float .c-banner-float_btn:hover{
    background-color: #fff;
    color: var(--main-color);
}

.c-banner-float .c-banner-float_btn:after{
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 9px;
    border-color: transparent transparent transparent #fff;
    transform: rotate(90deg);
    margin-left: 20px;
    position: relative;
    left: 0;
    top: 0;
    transition: 0.3s;
}
@media (min-width: 768px){
    .c-banner-float .c-banner-float_btn:after{
        margin-left: 0;
        margin-top: 20px;
    }
}

.c-banner-float .c-banner-float_btn:hover:after{
    top: 5px;
    border-color: transparent transparent transparent var(--main-color);
}
/* section */

.c-section{
    padding:70px 0;
}
@media (min-width: 576px){
    .c-section{
        padding:10rem 0;
    }
}

.c-section-title{
	text-align: center;
    margin-bottom: 6rem;
}

.c-section-title > span{
    display: block;
}

.c-section-title .en{
	font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: calc(45/40);
    letter-spacing: 0.15em;
    font-weight: bold;
    color: #C1C1C1;
    margin-bottom: 20px;
}
@media (min-width: 576px){
    .c-section-title .en{
        font-size: 7rem;

    }
}

.c-section-title .ja{
    font-size: 2.4rem;
    letter-spacing: 0.13em;
    font-weight: bold;
    color: var(--main-color);
}

/* heading */

.c-heading{
    color: var(--main-color);
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.13em;
    line-height: calc(45/28);
    text-align: center;
    margin-bottom: 5rem;
}
@media (min-width: 576px){
    .c-heading{
        font-size: 2.8rem;
    }
}

.c-heading--line{
    display: block;
    display: flex;
    align-items: center;
}

.c-heading--line::before, .c-heading--line::after{
    content: "";
    background-color: var(--main-color);
    flex-grow: 1;
    height: 1px;
}
@media (min-width: 576px){
    .c-heading--line::before, .c-heading--line::after{
        content: "";
    }
}

.c-heading--line::before{
    margin-right: 2rem;
}

.c-heading--line::after{
    margin-left: 2rem;
}

.c-heading--benefits{
    font-size: 2.5rem;
    letter-spacing: 0.13em;
    line-height: calc(35/25);
    font-weight: bold;
    color: var(--main-color);
    margin-bottom: 3rem;
}

@media (min-width: 576px){
    .c-heading--benefits{
        text-align: left;
    }
}

@media (min-width: 1200px){
    .c-inner{
        max-width: 1030px;
        padding: 0 3rem;
        margin: 0 auto;
    }
}

/* zoom */

img[data-action="zoom"] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
  }
  .zoom-img,
  .zoom-img-wrap {
    position: relative;
    z-index: 666;
    -webkit-transition: all 300ms;
         -o-transition: all 300ms;
            transition: all 300ms;
  }
  img.zoom-img {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
  }
  .zoom-overlay {
    z-index: 420;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
    -webkit-transition:      opacity 300ms;
         -o-transition:      opacity 300ms;
            transition:      opacity 300ms;
  }
  .zoom-overlay-open .zoom-overlay {
    filter: "alpha(opacity=100)";
    opacity: 1;
  }
  .zoom-overlay-open,
  .zoom-overlay-transitioning {
    cursor: default;
  }
  

/*
- - - - - - - - - - - - -
******** header ********
- - - - - - - - - - - - -
*/

.l-header{
    position: fixed;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 10;
    background-color: #fff;
}

.l-header_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left:15px;
    height: inherit;
}

.l-header_logo img{
    width: 130px;
}

.l-header_menu{
    display: flex;
    align-items: center;
}

.l-header_menu .c-sns-btn{
    display: none;
}


.l-header_menu i{
  font-size: 2.4rem;
  padding: 0 1.25rem;
  color: var(--main-color);
}

.l-header_nav{
    display: block;
    width: 100%;
    position: fixed;
    top: 50px;
    right:-100%;
    transition: right 0.6s ;
    z-index: 20;
    will-change: right;
    background: #fff;
    text-align: center;
    padding: 7rem 15px 10rem;
    box-shadow: 0px 3px 6px #00000029;
}
@media (min-width: 576px){
    .l-header_nav{
        border-radius: 25px 0 0 25px;
        max-width: 520px;
    }
}

.l-header_nav .l-header_nav_item{
    text-align: left;
}

.l-header_nav .l-header_nav_list{
    font-size: 1.6rem;
    letter-spacing: 0.13em;
    text-align: center;
    display: inline-flex;
    gap: 2rem 0;
    flex-direction: column;
}

.l-header_nav .l-header_nav_link{
    font-weight: bold;
    font-size: 2.1rem;
}

.l-header_nav .l-header_subnav_link{
    font-size: 14px;
}
@media (min-width: 576px){
    .l-header_nav .l-header_subnav_link{
        font-size: 16px;
    }
}

.l-header_nav .l-header_nav_link,
.l-header_nav .l-header_subnav_link{
    color: var(--main-color);
}

.l-header_subnav_list{
    margin: 2rem 0 0 2rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.l-header_nav.active{
    right:0;
}

.l-header_nav .l-header_nav_item.l-header_nav_sns{
    display: flex;
    font-size: 1.5em;
}

.l-header_nav .l-header_nav_item.l-header_nav_sns a:first-child{
    padding-right: 15px;
}

.l-header_nav .l-header_nav_item.l-header_nav_sns img{
    height: 30px;
}

.c-hamburder{
    display: block;
    width: 20px;
    height: 14px;
    padding: 0;
    z-index: 30;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    border: none;
    outline: none;
    margin-right: 15px;
}

@media (min-width: 576px){
    .c-hamburder{
        margin-right: 3rem;
        margin-left: 1.5rem;
    }
}

.c-hamburder > span{
    display: block;
    transition: transform 0.4s;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--main-color);
    will-change: transform;
}

.c-hamburder > span:nth-of-type(1){
    top: 0;
}

.c-hamburder > span:nth-of-type(2){
    top: 50%;
    margin-top: -1px;
    transition: transform 0.4s;
}

.c-hamburder > span:last-of-type{
    width: 60%;
    bottom: 0;
}

.c-hamburder.active > span:nth-of-type(1){
    transform: translateY(6px) rotate(-45deg);
}


.c-hamburder.active > span:nth-of-type(2){
    opacity: 0;
}

.c-hamburder.active > span:last-of-type{
    transform: translateY(-6px) rotate(45deg);
    width: 100%;
}


.c-btn--header{
    height: 50px;
    font-size: 1.2rem;
    font-weight: 900;
    padding: 15px;
    letter-spacing: 0.1em;
}

.c-btn--header::after{
    margin-left: 15px;
    border-width: 5px 0 5px 8px;
}

@media (min-width: 576px){
    .l-header{
        height: 7rem;
    }

    .l-header_wrap{
        padding-left:3rem;
    }

    .l-header_nav{
        top: 7rem;
    }

    .l-header_nav.active{
        right:0%;
    }
    .l-header_logo img {
        width: 200px;
    }
    .c-btn--header{
        height: 7rem;
        font-size: 1.8rem;
        padding: 15px 3rem;
    }

    .c-btn--header::after{
        margin-left: 25px;
        border-width: 6.5px 0 6.5px 9px;
    }

    .l-header_menu .c-sns-btn{
        display: block;
    }
}

@media (min-width: 768px){
    
    .l-header_logo img {
        width: 245px;
    }

    .l-header_nav{
        top: 7rem;
    }
}

.l-header--underlayer .l-header_wrap{
    padding: 0 15px;
}
@media (min-width: 1200px){
    .l-header--underlayer .l-header_wrap{
        padding: 0 4rem 0 3rem;
    }
}


.l-header--underlayer .l-header_menu .l-header_menu_item{
    display: none;
}
@media (min-width: 1020px){
    .l-header--underlayer .l-header_menu .l-header_menu_item{
        display: flex;
        align-items: center;
        margin-right: 3rem;
    }
}


.l-header--underlayer .l-header_menu .l-header_menu_item > a{
   color: var(--main-color);
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 0.13em;
   padding: 0 1.5rem;
   position: relative;
}

.l-header--underlayer .l-header_menu .l-header_menu_item > a::after{
    position: absolute;
    content: "";
    height: 70%;
    width: 1px;
    background: var(--main-color);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.l-header--underlayer .l-header_menu .l-header_menu_item > a:last-child:after{
    content: none;
}

.l-header--underlayer .l-header_menu .c-sns-btn{
    display: block;
}

.l-header--underlayer .l-header_menu .l-header_menu_sns{
    display: flex;
    align-items: center;
}

.l-header--underlayer .l-header_menu .l-header_menu_sns i{
    padding: 0 0.5rem;
}

.l-header--underlayer .c-hamburder{
    display: block;
    margin-left: 1.5rem;
    margin-right: 0;
    position: relative;
    top: -2px;
}
@media (min-width: 1020px){
    .l-header--underlayer .c-hamburder{
        display: none;
    }
}

.l-header--lower-mv h1{
    text-align: center;
    position: relative;
}

@media (min-width: 1400px){
    .l-header--lower-mv h1::after{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 480px;
        background-color: #E3E3E3;
        z-index: -1;
    }
}


.l-header--lower-mv h1 img{
    width: 100%;
    max-width: 1400px;
}

/*
- - - - - - - - - - - - -
******** mv ********
- - - - - - - - - - - - -
*/
.c-mv {
    position: relative;
}

.c-mv img{
    width: 100%;
}

.c-mv .c-mv_name{
    color: var(--main-color);
    font-size: 1.8rem;
    text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
    position: absolute;
    bottom: 0;
    padding: 4rem;
}

.c-mv .c-mv_name>span{
    color: var(--main-color);
    font-size: 1.6rem;
}

/*
- - - - - - - - - - - - -
******** thanks ********
- - - - - - - - - - - - -
*/
.p-thanks{
    background: #E3E3E3;
    padding: 10rem 0;
    /* background-size: 100% 646px; */
}
@media (min-width: 992px){
    .p-thanks{
        background-size: 100% 100%;
        height: 100%;
    }
}

/* .p-thanks > img{
    width: 100%;
    max-height: 645px;
}

.p-thanks > .container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.p-thanks .p-thanks_top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    justify-content: center;
}
@media (min-width: 992px){
    .p-thanks .p-thanks_top {
        gap: 0 30px;
        align-items: flex-start;
        flex-direction: row;
    }
}

.p-thanks .p-thanks_top h2{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 3rem;
}
@media (min-width: 768px){
    .p-thanks .p-thanks_top h2{
        font-size: 3rem;
    }
}

.p-thanks .p-thanks_top p{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.7;
}
@media (min-width: 768px){
    .p-thanks .p-thanks_top p{
        line-height: calc(48 / 18);
    }
}

.p-thanks .p-thanks_top p + p{
    margin-top: 10px;
}

.p-thanks .p-thanks_top img{
    max-width: 80%;
    height: 100%;
    width: 100%;
}
@media (min-width: 768px){
    .p-thanks .p-thanks_top img{
        max-width: 410px;
        height: 100%;
    }
}

.p-thanks .p-thanks_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.p-thanks .p-thanks_btn .p-thanks_btn_wrap{
    max-width: 360px;
    width: 100%;
    padding: 0 15px;
}
@media (min-width: 768px){
    .p-thanks .p-thanks_btn .p-thanks_btn_wrap{
        padding: 0;
    }
}

.p-thanks .p-thanks_btn .c-btn{
    width: 100%;
    height: 8rem;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.13em;
    padding-left: 0;
}
.p-thanks .p-thanks_btn .c-btn:after{
    position: absolute;
    right: 2rem;
    left: unset;
    transition: right 0.3s;
}
@media (min-width: 400px){
    .p-thanks .p-thanks_btn .c-btn:after{
        right: 2.5rem;
    }
}
@media (min-width: 576px){
    .p-thanks .p-thanks_btn .c-btn:after{
        right: 5.7rem;
    }
}

.p-thanks .p-thanks_btn .c-btn:hover::after{
    right: 1.5rem;
}
@media (min-width: 400px){
    .p-thanks .p-thanks_btn .c-btn:hover::after{
        right: 2rem;
    }
}
@media (min-width: 576px){
    .p-thanks .p-thanks_btn .c-btn:hover::after{
        right: 5rem;
    }
}
.p-thanks .p-thanks_btn .c-btn.no-link{
    background-color: #fff !important;
}
/*
- - - - - - - - - - - - -
******** about ********
- - - - - - - - - - - - -
*/

.p-about .c-heading--line{
    display: block;
}
@media (min-width: 576px){
    .p-about .c-heading--line{
        display: flex;
        align-items: center;
    }
}

.p-about .c-heading--line::before, .p-about .c-heading--line::after{
    content: none;
}
@media (min-width: 576px){
    .p-about .c-heading--line::before, .p-about .c-heading--line::after{
        content: "";
    }
}

.p-about--vote.c-section{
    padding-top: 0;
}

.p-about .p-about_top{
    text-align: center;
    padding-bottom: 70px;
}
@media (min-width: 576px){
    .p-about .p-about_top{
        padding-bottom: 14rem;
    }
}

.p-about .p-about_top h3{
    color: var(--main-color);
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: calc(45/35);
    margin-bottom: 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (min-width: 576px){
    .p-about .p-about_top h3{
        font-size: 3.5rem;
    }
}

.p-about .p-about_top h3 img{
    width: 180px;
    margin-bottom: 15px;
}
@media (min-width: 576px){
    .p-about .p-about_top h3 img{
        width: 225px;
    }
}

.p-about .p-about_top .p-about_top_text p{
    font-size: 14px;
    line-height: calc(34/14);
    font-weight: bold;
    letter-spacing: 0.1em;
}
@media (min-width: 576px){
    .p-about .p-about_top .p-about_top_text p{
        font-size: 1.8rem;
        line-height: calc(46/18);
    }
}

.p-about .p-about_top .p-about_top_text p:has(+*){
    margin-bottom: 6rem;
}
.p-about .p-about_top .p-about_top_theme{
    background-color: var(--bg-color);
    padding: 5rem 15px;
}
@media (min-width: 576px){
    .p-about .p-about_top .p-about_top_theme{
        padding: 8rem 30px;
    }
}

.p-about .p-about_content{
    padding: 70px 0;
    margin-bottom: 50px;
    background-color: var(--bg-color);
}
@media (min-width: 576px){
    .p-about .p-about_content{
        padding: 14rem 0;
        margin-bottom: 12rem;
    }
}

.p-about .p-about_award{
    text-align: center;
}

.p-about .p-about_award .c-heading{
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.p-about .p-about_award .c-heading span{
    display: block;
    padding: 0 10px;
}
@media (min-width: 576px){
    .p-about .p-about_award .c-heading span{
        padding: 0 30px;
    }
}


.p-about .p-about_award .c-heading img{
    width: 25px;
}
@media (min-width: 576px){
    .p-about .p-about_award .c-heading img{
        width: 44px;
    }
}

.p-about .p-about_award .c-heading:before,
.p-about .p-about_award .c-heading:after{
    /* content: url(../images/2023-summer/crown.png); */
    vertical-align: middle;
    display: inline-block;
    transform: scale(0.2);
    position: relative;
}
@media (min-width: 576px){
    .p-about .p-about_award .c-heading:before,
    .p-about .p-about_award .c-heading:after{
        transform: scale(0.34);
    }
}

.p-about .p-about_award .c-heading:before{
    left: 30px;
}
@media (min-width: 576px){
    .p-about .p-about_award .c-heading:before{
        left: 15px;
    }
}

.p-about .p-about_award .c-heading:after{
    right: 30px;
}
@media (min-width: 576px){
    .p-about .p-about_award .c-heading:after{
        right: 15px;
    }
}

.p-about .p-about_award .p-about_award_winner{
    margin-bottom: 10rem;
}

.p-about .p-about_award .p-about_award_winner img{
    width: 160px;
}

.p-about .p-about_award .p-about_award_winner h4{
   color: var(--main-color);
   font-size: 2.3rem;
   font-weight: bold;
   letter-spacing: 0.1em;
}

.p-about .p-about_award .p-about_award_winner h4 > span{
   color: var(--main-color);
   font-size: 1.6rem;
   font-weight: bold;
   letter-spacing: 0.1em;
}

.p-about .p-about_award .p-about_award_winner .p-about_award_sns{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6rem;
    gap: 25px;
}

.p-about .p-about_award .p-about_award_winner .p-about_award_sns a{
    color: var(--main-color);
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    font-weight: 600;
    position: relative;
}
.p-about .p-about_award .p-about_award_winner .p-about_award_sns a i{
    font-size: 18px;
}


.c-balloon {
    width: 100%;
    margin: 1.5em 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
  
.c-balloon .c-balloon_icon {
    width: 100px;
    margin-bottom: 35px;
}
  
.c-balloon .c-balloon_icon img{
    width: 100px;
    height: auto;
    margin-bottom: 5px;
}

.c-balloon .c-balloon_icon figcaption{
    font-size: 1rem;
    letter-spacing: 0.025em;
    white-space: nowrap;
    text-align: center;
}
  
.c-balloon .c-balloon_chatting {
    width: auto;
}

.c-balloon .c-balloon_chatting .c-balloon_chatting_says{
    position: relative;
    padding: 2.5rem 3.5rem;
    background-color: #fff;
    border: 1px solid #BFBFBF;
    border-radius: 20px; 
}

.c-balloon .c-balloon_chatting .c-balloon_chatting_says:before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    top: -30px;
    border: 10px solid transparent;
    border-bottom: 20px solid #BFBFBF;
}

.c-balloon .c-balloon_chatting .c-balloon_chatting_says:after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    top: -28px;
    border: 10px solid transparent;
    border-bottom: 20px solid #fff;
}

.c-balloon .c-balloon_chatting .c-balloon_chatting_says p{
    font-size: 14px;
    line-height: calc(24/12);
    letter-spacing: 0.1em;
    text-align: left;
}
.c-balloon .c-balloon_chatting .c-balloon_chatting_says p > span{
    font-size: 14px;
    line-height: calc(24/12);
    letter-spacing: 0.1em;
    color: var(--main-color);
    font-weight: bold;
}

@media (min-width: 576px){
    .c-balloon {
        flex-direction: row;
        align-items: flex-start;
    }
    .c-balloon .c-balloon_icon{
        margin-right: 70px;
        margin-bottom: 0;
    }
    .c-balloon .c-balloon_chatting {
        width:calc(100% - 100px - 30px);
        margin: 0;
    }

    .c-balloon .c-balloon_chatting .c-balloon_chatting_says p{
        font-size: 1.6rem;
        line-height: calc(30/16);
    }

    .c-balloon .c-balloon_chatting .c-balloon_chatting_says p > span{
        font-size: 1.6rem;
        line-height: calc(30/16);
    }

    .c-balloon .c-balloon_chatting .c-balloon_chatting_says:before{
        left: -21px;
        top: 30px;
        border: none;
        border-right: 40px solid #BFBFBF;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }

    .c-balloon .c-balloon_chatting .c-balloon_chatting_says:after{
        left: -17px;
        top: 30px;
        border: none;
        border-right: 40px solid #fff;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
}


@media (min-width: 576px){
    .p-about .p-about_work > h3.c-heading{
        margin-bottom: 0;
    }
}

.p-about .p-about_work .p-about_work_note{
    font-size: 1.2rem;
    color: #747474;
    letter-spacing:0.13em;
    text-align: center;
    display: none;
}
@media (min-width: 576px){
    .p-about .p-about_work .p-about_work_note{
        display: block;
    }
}

.p-about .p-about_work .p-about_work_img{
    display: flex;
    flex-direction: column-reverse;
    margin: 0 -30px;
}

.p-about .p-about_work  .p-about_work_img figure:last-child{
    padding-bottom: 3rem;
}

.p-about .p-about_work .p-about_work_img img{
    width: 100%;
}

@media (min-width: 576px){
    .p-about .p-about_work  .p-about_work_img{
        flex-direction: row;
        margin: 0;
    }

    .p-about .p-about_work  .p-about_work_img figure:first-child{
        padding-right: 3rem;
    }

    .p-about .p-about_work  .p-about_work_img figure:last-child{
        padding-bottom: 0rem;
    }
}

.p-about .p-about_work .p-about_work_name{
    color: var(--main-color);
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 1.4;
    position: relative;
    padding-left: 2rem;
    margin-bottom:25px;
}
@media (min-width: 576px){
    .p-about .p-about_work .p-about_work_name{
        margin-bottom: 5rem;
    }
}

.p-about .p-about_work .p-about_work_name:before{
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: var(--main-color);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.p-about .p-about_work .p-about_work_comment{
    margin-bottom: 7rem;
}

.p-about .p-about_work .p-about_work_comment p:first-child{
    color: var(--main-color);
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.13em;
    line-height: calc(35/18);
}

.p-about .p-about_work .p-about_work_comment p:last-child{
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: calc(26/14);
}
@media (min-width: 576px){
    .p-about .p-about_work .p-about_work_comment p:last-child{
        line-height: calc(35/14);
    }
}

.p-about .p-about_work  .p-about_work_last-time{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
}
@media (min-width: 768px){
    .p-about .p-about_work  .p-about_work_last-time{
        flex-direction: row;
    }
}

.p-about .p-about_work  .p-about_work_last-time > figure{
    width: 100%;
    margin-bottom:45px;
}

.p-about .p-about_work  .p-about_work_last-time > div{
    width: 100%;
}

.p-about .p-about_work  .p-about_work_last-time > div h4{
   color: var(--main-color);
   font-size: 18px;
   font-weight: bold;
   letter-spacing: 0.13em;
   text-align: center;
}
@media (min-width: 576px){
    .p-about .p-about_work  .p-about_work_last-time > div h4{
        font-size: 2.5rem;
    }
}
@media (min-width: 768px){
    .p-about .p-about_work  .p-about_work_last-time > div h4{
        text-align: left;
    }
}

.p-about .p-about_work  .p-about_work_last-time > div p{
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: calc(26/14);
    text-align: center;
} 
@media (min-width: 576px){
    .p-about .p-about_work  .p-about_work_last-time > div p{
        line-height: calc(30/14);
    }
}
@media (min-width: 768px){
    .p-about .p-about_work  .p-about_work_last-time > div p{
        text-align: left;
    }
}

.p-about .p-about_work  .p-about_work_last-time .c-btn--small{
    margin: 0 auto;
}
@media (min-width: 768px){
    .p-about .p-about_work  .p-about_work_last-time .c-btn--small{
        margin: unset;
    }
}


.p-about .p-about_archive .p-about_archive_list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4.5rem;
}

.p-about .p-about_archive .p-about_archive_list li{
    width: 100%;
}
@media (min-width: 768px){
    .p-about .p-about_archive .p-about_archive_list li{
        width: calc(50% - 4.5rem / 2)
    }
}
@media (min-width: 1200px){
    .p-about .p-about_archive .p-about_archive_list li{
        width: calc(33% - 9rem / 3)
    }
}

.p-about .p-about_archive li.space{
    display: none;
}
@media (min-width: 768px){
    .p-about .p-about_archive li.space{
        width: 100%;
        display: block;
    }
}


.p-about .p-about_archive li:nth-child(2)::after{
    content: "";
    display: block;
    width: 100%;
}


@media (min-width: 768px){
    .p-about .p-about_work  .p-about_work_last-time > figure{
        width: calc(500 / 970 * 100%);
        margin-bottom:0;
    }

    .p-about .p-about_work  .p-about_work_last-time > div{
        width: calc(100% - 500 / 970 * 100% - 40px);
    }
}

@media (min-width: 992px){
    .p-about .p-about_archive ul{
        flex-direction: row;
    }
    
    .p-about .p-about_archive li{
      margin-bottom: 0rem;
      max-width: 100%;
    }
}
/*
- - - - - - - - - - - - -
******** FLOW ********
- - - - - - - - - - - - -
*/

.p-flow .p-flow_top{
    margin-bottom: 70px;
}
@media (min-width: 576px){
    .p-flow .p-flow_top{
        margin-bottom: 12rem;
    }
}

.p-flow .p-flow_top .p-flow_top_text p,
.p-flow .p-flow_top .p-flow_top_text a{
    font-size: 14px;
    letter-spacing: 0.1em;
    font-weight: bold;
    line-height: calc(40/16);
    text-align: center;
}
@media (min-width: 576px){
    .p-flow .p-flow_top .p-flow_top_text p,
    .p-flow .p-flow_top .p-flow_top_text a{
        font-size: 16px;
    }
}

.p-flow .p-flow_step{
    padding-bottom: 70px;
}
@media (min-width: 576px){
    .p-flow .p-flow_step{
        padding-bottom: 20rem;
    }
}

.p-flow .p-flow_step .c-btn--large br{
   display: block;
}
@media (min-width: 576px){
    .p-flow .p-flow_step .c-btn--large br{
        display: none;
     }
}

.p-flow .p-flow_step .row{
    flex-direction: column;
    padding: 0 15px;
}

@media (min-width: 576px){
    .p-flow .p-flow_step .row{
        flex-direction: row;
    }
}

.p-flow .p-flow_step .row:first-child{
    justify-content: space-between;
    margin-bottom: 8rem;
}

.p-flow .p-flow_step .row:nth-child(2){
    justify-content: center;
    margin-bottom: 10rem;
}



.p-flow .p-flow_step .p-flow_step_content{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 8rem;
    position: relative;
}

.p-flow .p-flow_step .row:first-child .p-flow_step_content:not(:last-of-type):after,
.p-flow .p-flow_step .row:nth-child(2) .p-flow_step_content:nth-child(1)::after{
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 10px 0 10px;
    border-color: var(--main-color) transparent transparent transparent ;
    position: absolute;
    bottom: -5rem;
    z-index: 1;
}

.p-flow .p-flow_step .row:nth-child(2) .p-flow_step_content:nth-child(1):before{
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 10px 0 10px ;
    border-color: var(--main-color) transparent transparent transparent ;
    position: absolute;
    top: -4rem;
}

.p-flow .p-flow_step .p-flow_step_content:last-of-type{
    margin-bottom: 0rem;
}

.p-flow .p-flow_step .p-flow_step_content:nth-child(3),
.p-flow .p-flow_step .p-flow_step_content:nth-child(5){
    /* padding-right: 0rem; */
}

.p-flow .p-flow_step .p-flow_step_content > h3{
    color: var(--main-color);
    font-size: 2.8rem;
    letter-spacing: 0.2em;
    font-weight: bold;
    margin-bottom: 20px;
}
@media (min-width: 576px){
    .p-flow .p-flow_step .p-flow_step_content > h3{
        margin-bottom: 3rem;
    }
}

.p-flow .p-flow_step .p-flow_step_content div:has(figure){
    width: 100%;
}

.p-flow .p-flow_step .p-flow_step_content h4{
    background-color: #E3E3E3;
    color: var(--main-color);
    padding: 2rem 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: calc(32/18);
    margin-bottom: 20px;
}
@media (min-width: 576px){
    .p-flow .p-flow_step .p-flow_step_content h4{
        margin-bottom: 4rem;
    }
}

.p-flow .p-flow_step .p-flow_step_content > p{
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: calc(24/14);
}
@media (min-width: 576px){
    .p-flow .p-flow_step .p-flow_step_content > p{
        line-height: calc(30/14);
    }
}

.p-flow .p-flow_step .p-flow_step_content > p a.c-link-underline{
    font-size: 14px;
}

.p-flow .p-flow_step .p-flow_step_content > p span{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: calc(30/14);
}

.p-flow .p-flow_step .p-flow_step_note{
    text-align: center;
    color: var(--main-color);
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.11em;
}

.p-flow .p-flow_examination{
    background-color: var(--bg-color);
}
@media (min-width: 1200px){
    .p-flow .p-flow_examination{
        background-color: unset;
    }
}

.p-flow .p-flow_examination .p-flow_examination_bg{
    background-color: var(--bg-color);
    padding-top: 10rem;
    padding-bottom: 70px;
}
@media (min-width: 576px){
    .p-flow .p-flow_examination .p-flow_examination_bg{
        padding-bottom: 100px;
    }
}
@media (min-width: 992px){
    .p-flow .p-flow_examination .p-flow_examination_bg{
        padding-bottom: 15rem;
    }
}

.p-flow .p-flow_examination h3.c-heading{
    margin-bottom: 6rem;
    font-size: 23px;
}
@media (min-width: 576px){
    .p-flow .p-flow_examination h3.c-heading{
        font-size: 2.8rem;
    }
}

.p-flow .p-flow_examination .p-flow_examination_top{
    text-align: center;
    margin-bottom: 7rem;
}

.p-flow .p-flow_examination .p-flow_award-ttl{
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0.13em;
    color: var(--main-color);
}
@media (min-width: 576px){
    .p-flow .p-flow_examination .p-flow_award-ttl{
        font-size: 3.5rem;
    }
}

.p-flow .p-flow_examination .p-flow_award-des{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: calc(24/14);
    color: var(--main-color);
    position: relative;
}
@media (min-width: 576px){
    .p-flow .p-flow_examination .p-flow_award-des{
        font-size: 16px;
        line-height: calc(35/16);
    }
}

.p-flow .p-flow_examination .p-flow_examination_top .p-flow_note{
    background-color: #FFFFFF;
}

.p-flow .p-flow_examination .p-flow_examination_top .p-flow_noteTitle{
    background-color: var(--main-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: bold;
    padding: 15px;
}
.p-flow .p-flow_examination .p-flow_examination_top .p-flow_noteText{
    padding: 4rem 15px 5rem;
}

.p-flow .p-flow_examination .p-flow_examination_top .p-flow_noteHead{
    font-size: 2rem;
    font-weight: bold;
    line-height: calc(43/20);
    letter-spacing: 0.1em;
}

.p-flow .p-flow_examination .p-flow_examination_top .p-flow_noteDetail{
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: calc(30/14);
    position: relative;
}
@media (min-width: 576px){
    .p-flow .p-flow_examination .p-flow_examination_top .p-flow_noteDetail{
        font-size: 16px;
    }
}

.p-flow .p-flow_examination .p-flow_examination_top .p-flow_noteDetail span.color{
    font-weight: bold;
}

.p-flow .p-flow_examination .p-flow_examination_general{
    text-align: center;
    padding: 7rem 30px;
    margin-bottom: 10rem;
    background-color: #fff;
    margin-bottom:70px;
}
@media (min-width: 576px){
    .p-flow .p-flow_examination .p-flow_examination_general{
        margin-bottom: 100px;
    }
}


.p-flow .p-flow_examination .p-flow_examination_general h4{
    color: var(--main-color);
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: 0.13em;
}

.p-flow .p-flow_examination .p-flow_examination_general > p{
    font-size: 14px;
    letter-spacing: 0.13em;
    line-height: calc(24/14);
}
@media (min-width: 576px){
    .p-flow .p-flow_examination .p-flow_examination_general > p{
        font-size: 1.6rem;
        line-height: calc(35/16);
    }
}

.p-flow .p-flow_examination .p-flow_examination_cs{
    font-size: 16px !important;
    font-weight: bold;
    letter-spacing: 0.13em;
    max-width: 57rem;
    margin: 0 auto;
    height: 60px;
}
@media (min-width: 576px){
    .p-flow .p-flow_examination .p-flow_examination_cs{
        font-size: 2.3rem!important;
        height: 10rem;
    }
}
.p-flow .p-flow_examination .p-flow_examination_other{
    display: flex;
    justify-content: center;
    text-align: center;
    position: relative;
    flex-direction: column;
    gap: 5rem 0;
}
@media (min-width: 992px){
    .p-flow .p-flow_examination .p-flow_examination_other{
        gap: 7rem 0;
    }
}

.p-flow .p-flow_examination .p-flow_examination_other > div{
    flex: 1;
}
@media (min-width: 992px){
    .p-flow .p-flow_examination .p-flow_examination_other > div{
        padding: 3rem 0;
    }
}

.p-flow .p-flow_examination .p-flow_examination_other > div:first-child,
.p-flow .p-flow_examination .p-flow_examination_other > div:nth-child(2){
    border-bottom:2px solid #E3E3E3;
    padding-bottom: 5rem;
}
@media (min-width: 992px){
    .p-flow .p-flow_examination .p-flow_examination_other > div:first-child,
    .p-flow .p-flow_examination .p-flow_examination_other > div:nth-child(2){
        border-bottom:none;
        border-right: 2px solid #E3E3E3;
        padding-bottom:0;
    }
}




@media (min-width: 768px){

    .p-flow .p-flow_step .row{
        padding: 0;
    }

    .p-flow .p-flow_step .p-flow_step_content{
        width: calc(100% / 3 - 140px / 3);
    }

    .p-flow .p-flow_step .row:nth-child(2) .p-flow_step_content{
        margin: 0 35px;
    }
    .p-flow .p-flow_step .row:first-child{
        margin-bottom: 0;
    }

    .p-flow .p-flow_step .row:first-child .p-flow_step_content:not(:last-of-type):after,
    .p-flow .p-flow_step .row:nth-child(2) .p-flow_step_content:nth-child(1)::after{
        border-width: 10px 0 10px 13px;
        border-color: transparent transparent transparent var(--main-color);
        top: 40%;
        right: -20%;
        z-index: 1;
    }

    .p-flow .p-flow_step .row:nth-child(2) .p-flow_step_content:nth-child(1):before{
        border-width: 10px 0 10px 13px;
        border-color: transparent transparent transparent var(--main-color);
        position: absolute;
        top: 40%;
        left: -20%;
    }
}

@media (min-width: 992px){
    .p-flow .p-flow_examination .p-flow_examination_other{
        flex-direction: row;
    }
    .p-flow .p-flow_examination .p-flow_examination_other .p-flow_award-des{
        padding-bottom: 0rem;
    }
}

@media (min-width: 1200px){
    .p-flow .p-flow_step .row:first-child .p-flow_step_content:not(:last-of-type):after,
    .p-flow .p-flow_step .row:nth-child(2) .p-flow_step_content:nth-child(1)::after{
        right: -12%;
    }

    .p-flow .p-flow_step .row:nth-child(2) .p-flow_step_content:nth-child(1):before{
        left: -10%;
    }
}
/*
- - - - - - - - - - - - -
******** benefits ********
- - - - - - - - - - - - -
*/
.p-benefits .p-benefits-content{
    margin-bottom: 10rem;
    padding: 70px 0 ;
    position: relative;
}

.p-benefits .p-benefits-content:last-of-type{
    margin-bottom: 0;
}

.p-benefits .p-benefits-content::before{
    content: "";
    position: absolute;
    width: calc(1050/1400 * 100vw);
    height: 100%;
    background-color: var(--bg-color);
    top: 0;
    z-index: -1;
}

.p-benefits .p-benefits-content:nth-child(even):before{
    right: 0;
}

.p-benefits .p-benefits-content:nth-child(odd):before{
    left: 0;
}

.p-benefits .p-benefits-content .p-benefits-content_main > p{
    line-height: calc(30/14);
}

.p-benefits .p-benefits-content figure:has(.mv){
    width: 423px;
}

.p-benefits .p-benefits-content figure:has(.guest){
    width: 370px;
}

.p-benefits .p-benefits-content .p-benefits-content_sp-img{
    margin-bottom: 4rem;
    display: flex;
    justify-content: center;
}


.p-benefits .p-benefits-content .p-benefits_pc-img{
    display: none;
}

.p-benefits .p-benefits-content .p-benefits-content_inner{
    display: flex;
    align-items: center;
}


.p-benefits .p-benefits-content .c-btn{
    margin:0 auto;
}

.p-benefits .p-benefits-content:nth-child(even) .p-benefits-content_inner{
    flex-direction: row-reverse;
    align-items: center;
}

.p-benefits .p-benefits-content:nth-child(odd) .p-benefits-content_main{
    /* padding-left: 7rem; */
}


@media (min-width: 576px){
   
}
@media (min-width: 768px){
        .p-benefits .p-benefits-content .c-btn{
        margin: 0;
    }

    .p-benefits .p-benefits-content::before{
        width: calc(985/1400 * 100vw);
    }
    .p-benefits .p-benefits-content .p-benefits-content_sp-img{
        display: none;
    }
    .p-benefits .p-benefits-content:nth-child(odd) .p-benefits-content_main{
        margin-right: 7rem;
    }
    .p-benefits .p-benefits-content:last-of-type:before{
        width: calc(720 / 780 * 100vw);
    }

        .p-benefits .p-benefits-content .p-benefits_pc-img{
        width: 400px;
        display: block;
    }
    .p-benefits .p-benefits-content:nth-child(even) .p-benefits-content_main{
        margin-left: 7rem;
    }
    .p-benefits .p-benefits-content .p-benefits-content_main{
        width: 80%;
    }
    .p-benefits .p-benefits-content:last-of-type:before{
        width: calc(1200 / 1500 * 100vw);
    }
    .p-benefits .p-benefits-content .p-benefits-content_main{
        width: 50%;
    }
}
@media (min-width: 992px){
    .p-benefits .p-benefits-content .p-benefits_pc-img.mv{
        width: 423px;
    }
    .p-benefits .p-benefits-content .p-benefits_pc-img.guest{
        width: 430px;
    }
}
/*
- - - - - - - - - - - - -
******** guest ********
- - - - - - - - - - - - -
*/
.p-guest{
    padding: 70px 0;
}
@media (min-width: 576px){
    .p-guest{
        padding: 10rem 0 14rem;
    }
}

.p-guest .p-guest_list{
    gap: 5rem 0;
    justify-content: center;
}
.p-guest .p-guest_list .p-guest_list_inner{
    padding: 3rem;
    background-color: #F7F7F7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media (min-width: 576px){
    .p-guest .p-guest_list .p-guest_list_inner{
        padding: 2.5rem;
    }
}
@media (min-width: 768px){
    .p-guest .p-guest_list .p-guest_list_inner{
        padding: 3rem;
    }
}
.p-guest .p-guest_list .p-guest_list_img{
    margin-bottom: 2.5rem;
}
.p-guest .p-guest_list .p-guest_list_name{
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.13em;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    text-align: center;
}
@media (min-width: 576px){
    .p-guest .p-guest_list .p-guest_list_name{
        font-size: 16px;
    }
}
@media (min-width: 768px){
    .p-guest .p-guest_list .p-guest_list_name{
        font-size: 18px;
    }
}
@media (min-width: 1200px){
    .p-guest .p-guest_list .p-guest_list_name{
        font-size: 2.3rem;
    }
}
.p-guest .p-guest_list .p-guest_list_sns{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 2rem;
}
.p-guest .p-guest_list .p-guest_list_sns i{
    transform: scale(1.5);
}
.p-guest .p-guest_list .p-guest_list_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    border: 1px solid #222020;
    padding: 1.5rem;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.2em;
    transition: 0.3s;
}
.p-guest .p-guest_list .p-guest_list_btn::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 0.7rem solid transparent;
    border-bottom: 0.7rem solid transparent;
    border-left: 0.9rem solid #222020;
    border-right: 0;
}
.p-guest .p-guest_list .p-guest_list_btn:hover{
    background-color: #222020;
    color: #fff;
    cursor: pointer;
}
.p-guest .p-guest_list .p-guest_list_btn:hover::after{
    border-left: 9px solid #fff;
}
.p-guest .p-guest_modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    max-width: calc(100% - 30px);
    margin: auto;
    height: calc(100vh - 80px);
    border-radius: 15px;
    transition: opacity .35s ease, visibility .35s ease;
}
@media (min-width: 1200px){
    .p-guest .p-guest_modal {
        max-width: 1170px;
    }
}
.p-guest .p-guest_modal.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.p-guest .p-guest_modal--yuiai{
    display: flex;
    align-items: center;
}
.p-guest .p-guest_modal--yuiai .p-guest_modalInner{
    height: auto;
}
.p-guest .p-guest_modalOverlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.16);
}

.p-guest .p-guest_modalInner {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff;
    padding: 50px 30px;
    box-sizing: border-box;
    border-radius: 15px;
    transform: translateY(30px) scale(.98);
    transition: transform .4s cubic-bezier(.22,.61,.36,1);

}
@media (min-width: 576px){
    .p-guest .p-guest_modalInner{
        border-radius: 20px;
        padding: 50px;
    }
}
@media (min-width: 768px){
    .p-guest .p-guest_modalInner{
        border-radius: 25px;
        padding: 80px;
    }
}
.p-guest .p-guest_modal.is-active .p-guest_modalInner{
    transform: translateY(0) scale(1);
}
.p-guest .p-guest_modalInner::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.p-guest .p-guest_modalContent{
    scrollbar-gutter: stable;
}
.p-guest .p-guest_modalClose {
    position: absolute;
    top: 15px;
    right: 8px;
    width: 30px;
    height: 30px;
    border: none;
    background: transparent;
    color: #222020;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    z-index: 10000;
}
@media (min-width: 576px){
    .p-guest .p-guest_modalClose {
        font-size: 42px;
        width: 50px;
        height: 50px;
    }
}
@media (min-width: 992px){
    .p-guest .p-guest_modalClose {
        top: 23px;
        right: 30px;
    }
}


.p-guest .p-guest_modalProfile{
    display:flex;
    flex-direction: column;
    gap:20px 40px;
    margin-bottom:40px;
}
@media (min-width: 992px){
    .p-guest .p-guest_modalProfile{
        flex-direction: row;
        align-items:center;
    }
}
.p-guest .p-guest_modalProfileImg{
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
}
@media (min-width: 992px){
    .p-guest .p-guest_modalProfileImg{
        max-width: 420px;
    }
}
.p-guest .p-guest_modalProfileImg img{
    width:100%;
    display:block;
    border: 1px solid #E3E3E3;
}
.p-guest .p-guest_modalProfileInfo{
    flex:1;
}
.p-guest .p-guest_modalProfileName{
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}
@media (min-width: 768px){
    .p-guest .p-guest_modalProfileName{
        margin-bottom:20px;
    }
}
.p-guest .p-guest_modalProfileDetail{
    font-size: 14px;
    font-weight: 500;
    line-height:calc(30/14);
    letter-spacing: 0.1em;
}
.p-guest .p-guest_modalWorkImg{
    width:100%;
    display:block;
    margin-bottom: 30px;
}
@media (min-width: 768px){
    .p-guest .p-guest_modalWorkImg{
        margin-bottom: 50px;
    }
}
.p-guest .p-guest_modalWorkName{
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: calc(45/22);
    padding-left: 20px;
    border-left: 1px solid;
    margin-bottom: 20px;
}
@media (min-width: 768px){
    .p-guest .p-guest_modalWorkName{
        margin-bottom: 30px;
        font-size: 22px;
    }
}
.p-guest .p-guest_modalWorkComHead{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.13em;
    line-height: calc(35/18);
    margin-bottom: 10px; 
}
@media (min-width: 768px){
    .p-guest .p-guest_modalWorkComHead{
        margin-bottom: 20px; 
        font-size: 18px;
    }
}
.p-guest .p-guest_modalWorkComText{
    font-size: 14px;
    font-weight: 500;
    line-height:calc(30/14);
        letter-spacing: 0.1em;
}
/*
- - - - - - - - - - - - -
******** prize ********
- - - - - - - - - - - - -
*/

.p-prize{
    background-color: var(--bg-color);
    padding: 70px 0;
}
@media (min-width: 576px){
    .p-prize{
        padding: 14rem 0;
    }
}

.p-prize .p-prize_top{
    text-align: center;
    margin-bottom: 6rem;
}

.p-prize .p-prize_top .p-prize_top_img{
    max-width: 290px;
    margin: 0 auto;
}

.p-prize .p-prize_top p{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: calc(40/16);
    margin-bottom: 2rem;
}
@media (min-width: 576px){
    .p-prize .p-prize_top p{
        font-size: 16px;
    }
}

@media (min-width: 1200px){
    .p-prize .p-prize_detail .p-prize_detail_inner{
        max-width: 830px;
        padding: 0 30px;
        margin: 0 auto;
    }
}


.p-prize .p-prize_detail .p-prize_detail_item{
    border-bottom: 2px solid #E3E3E3;
    padding-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1200px){
    .p-prize .p-prize_detail .p-prize_detail_item{
        flex-direction: row;
        justify-content: unset;
    }
}

.p-prize .p-prize_detail .p-prize_detail_item.pc{
    /* display: none; */
    display: flex;
}
@media (min-width:1200px){
    .p-prize .p-prize_detail .p-prize_detail_item.pc{
        display: flex;
    }
}
.p-prize .p-prize_detail .p-prize_detail_item:has(+*){
    margin-bottom: 2.5rem;
}

.p-prize .p-prize_detail .p-prize_detail_item:first-of-type{
    position: relative;
    flex-direction: row;
    text-align: center;
}
@media (min-width: 1200px){
    .p-prize .p-prize_detail .p-prize_detail_item:first-of-type{
        justify-content: space-between;
    }
}

.p-prize .p-prize_detail .p-prize_detail_item:first-of-type img{
    width: 25px;
    margin: 0 10px;
}
@media (min-width: 576px){
    .p-prize .p-prize_detail .p-prize_detail_item:first-of-type img{
        width: 50px;
        margin: 0 30px;
    }
}
@media (min-width: 1200px){
    .p-prize .p-prize_detail .p-prize_detail_item:first-of-type img{
        width: 63px;
        margin: 0;
    }
}


.p-prize .p-prize_detail .p-prize_detail_itemText{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
@media (min-width: 1200px){
    .p-prize .p-prize_detail .p-prize_detail_itemText{
        flex-direction: row;
        right: 61px;
    }
}
.p-prize .p-prize_detail .p-prize_detail_amountFirst{
    display: flex;
    flex-direction: column;
}

.p-prize .p-prize_detail .p-prize_detail_type{
    display: flex;
    align-items: center;
    width: auto;
    text-align: right;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.13em;
    line-height: calc(45 / 26);
    color: var(--main-color);
}
@media (min-width: 576px){
    .p-prize .p-prize_detail .p-prize_detail_type {
        font-size: 2.6rem;
    }
}
@media (min-width: 1200px){
    .p-prize .p-prize_detail .p-prize_detail_type {
        display: block;
        width: 270px;
        margin-right: 30px;
    }
}
.p-prize .p-prize_detail .p-prize_detail_amount {
    font-size: 4rem;
    font-weight: bold;
    letter-spacing: 0.13em;
    color: var(--main-color);
    line-height: 1.5;
}
@media (min-width: 576px){
    .p-prize .p-prize_detail .p-prize_detail_amount {
        font-size: 6rem;
    }
}

.p-prize .p-prize_detail .p-prize_detail_item:last-of-type{
    border: none;
    padding-bottom: 0;
}

.p-prize .p-prize_detail span.plus{
    font-size: 14px;
    font-weight: bold;
}
@media (min-width: 576px){
    .p-prize .p-prize_detail span.plus{
        font-size: 17px;
    }
}



/*
- - - - - - - - - - - - -
******** apply ********
- - - - - - - - - - - - -
*/

.p-apply{
    padding: 70px 0 4rem;
}
@media (min-width: 576px){
    .p-apply{
        padding: 14rem 0 4rem;
    }
}

.p-apply-faq{
    text-align: center;
  font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: calc(40 / 16);
    margin-bottom: 6rem;
}
@media (min-width: 576px){
    .p-apply-faq{
        font-size: 16px;
    }
}
.p-apply-faq a{
    display: inline-block;
    text-decoration: underline;
    position: relative;
    right: 4px;

}
.p-apply-table tr{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    border-bottom: 2px solid #E3E3E3;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}

.p-apply-table tr:last-of-type{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.p-apply-table th{
    color: var(--main-color);
    font-size: 18px;
    letter-spacing: 0.13em;
    font-weight: bold;
    margin-bottom: 10px;
}
@media (min-width: 576px){
    .p-apply-table th{
        color: var(--main-color);
        font-size: 1.8rem;
        margin-bottom: 0px;
    }
}

.p-apply-table td{
    width: 100%;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: calc(30/14);
}

.p-apply-table td p{
    font-size: 14px;
    letter-spacing: inherit;
    line-height: inherit;
}

.p-apply-table td p + *{
    margin-top: 3rem;
}

.p-apply-table .p-apply-table_size{
    padding-bottom: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 930px;
}
@media (min-width: 576px){
    .p-apply-table .p-apply-table_size{
        flex-direction: row;
    }
}
.p-apply-table .p-apply-table_size figure:first-of-type{
    margin-bottom: 30px;
}
@media (min-width: 576px){
    .p-apply-table .p-apply-table_size figure:first-of-type{
        margin-bottom: 0px;
    }
}

.p-apply-table .p-apply-table_size figure:last-of-type{
    width: 80%;
}



.p-apply-table .p-apply-table_size.pc figure{
    width: 100%;
}


.p-apply-table .p-apply-table_circle figure{
max-width: 570px;
}

.p-apply-table .p-apply-table_circle{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 6rem;
}

.p-apply-table .p-apply-table_ibis a:after{
    margin-left: 1rem;
}

.p-apply-table .p-apply-table_ibis + p{
    padding-left:1em;
	text-indent:-1em;
}

.p-apply-table .p-apply-table_ibis + p br{
    display: none;
}

@media (min-width: 576px){
    .p-apply-table .p-apply-table_ibis + p br{
        display: block;
    }
}

.p-apply-table .p-apply-table_schedule p{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.p-apply-table .p-apply-table_schedule p + *{
    margin-top: 1rem;
}

.p-apply-table .p-apply-table_schedule p span:first-child{
    width: 100%;
}

.p-apply-table .p-apply-table_schedule p span:last-child{
    width: 100%;
}

.p-apply-table .p-apply-table_cation{
    border: 2px solid #E3E3E3;
    padding: 3rem;
    height: 455px;
    overflow-y: auto;
    font-size: 14px;
}

.p-apply-table .p-apply-table_cation h3{
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.13em;
  line-height: calc(24/16);
}

.p-apply-table .p-apply-table_cation ol{
    padding-left: 2rem;
}

.p-apply-table .p-apply-table_cation ol:has(+*){
    margin-bottom: 3rem;
}

.p-apply-table .p-apply-table_cation ol li{
    list-style-type: decimal;
    margin-top: 10px;
}

.p-apply-table .p-apply-table_cation a.c-link-underline{
    margin: 0;
}

.p-apply-table .p-apply-table_cation span.sub-title{
    display: inline-block;
    margin-top: 1rem;
}

.p-apply-table .p-apply-table_cation::-webkit-scrollbar{
    width: 15px;
}

.p-apply-table .p-apply-table_cation::-webkit-scrollbar-thumb{
   background-color: var(--main-color);
   border-radius: 10px;
   height: 100px;
}

.p-apply-table .p-apply-table_cation::-webkit-scrollbar-track {
    background-color: #F7F7F7;
    border-radius: 10px;
}

.p-apply-table .p-apply-table_cation .revision{
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

@media (min-width: 576px){
    .p-apply-table .p-apply-table_circle{
        flex-direction: row;
        align-items: unset;
    }

    .p-apply-table .p-apply-table_cation{
        padding: 3rem 8rem 3rem 3rem;
    }
}

@media (min-width: 768px){
    .p-apply-table tr{
        flex-direction: row;
    }

    .p-apply-table th{
        width: 200px;
        text-align: left;
    }

    .p-apply-table td{
        width: calc(100% - 200px);
    }


    .p-apply-table .p-apply-table_schedule{
        flex-direction: row;
    }

    .p-apply-table .p-apply-table_schedule p{
        flex-direction: row;
    }

    .p-apply-table .p-apply-table_schedule p span:first-child{
        width: 270px;
    }
    
    .p-apply-table .p-apply-table_schedule p span:last-child{
        flex: 1;
    }
    
}


/*
- - - - - - - - - - - - -
******** application form ********
- - - - - - - - - - - - -
*/

.p-form{
    text-align: center;
    padding: 10rem 0 14rem;
}

.p-form .c-section-title .en{
    font-size: 30px;
    line-height: calc(45/30);
}

.p-form .c-btn br {
    display: block;
}

.p-form .c-btn--large{
    margin-bottom: 10rem;
}

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

.p-form .p-form_top-text p{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: calc(31/14);
    margin-bottom: 30px;
}

.p-form .p-form_top-text p span{
    color: #F83939;
}


.p-form .p-form_top-text p.p-form_top-text_size{
    color: #969696;
    font-size: 14px;
    letter-spacing: 0.11em;
    font-weight: bold;
    line-height: calc(29/14);
}

.p-form .p-form_top-text.sp{
    display: block;
    text-align: left;
}

.p-form .p-form_top-text.pc{
    display: none;
}

.p-form .p-form_top-text p.p-form_top-text_size+p{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: normal;
}

.p-form .p-form_bottom-text{
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: calc(30/14);
    margin-bottom: 5rem;
}

.p-form .p-form_content{
    width: 100%;
    height: 70rem;
    margin-bottom: 5rem;
}

.p-form .p-form_content iframe{
    width: inherit;
    height:inherit;
}

@media (min-width: 576px){
    .p-form .c-section-title .en{
        font-size: 5rem;
    }
}
@media (min-width: 768px){
    .p-form .c-btn br{
        display: none;
    }
    .p-form .p-form_top-text.sp{
        display: none;
    }

    .p-form .p-form_top-text.pc{
        display: block;
        margin-bottom: 80px;
    }

    .p-form .p-form_top-text p{
        letter-spacing: 0.1em;
        line-height: calc(40/16);
        margin-bottom: 0px;
    }


    .p-form .p-form_top-text p.p-form_top-text_size{
        font-size: 14px;
        margin-bottom: 50px;
    }
}

/*
- - - - - - - - - - - - -
******** wanted ********
- - - - - - - - - - - - -
*/
.p-wanted .p-wanted_img,
.p-wanted .p-wanted_img > img{
    width: 100%;
}
.p-wanted .p-wanted_text p{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: calc(35 / 16);
    margin-bottom: 5rem;
    text-align: center;
}
@media (min-width: 576px){
    .p-wanted .p-wanted_text p{
        font-size: 16px;
    }
}
.p-wanted .p-wanted_banner{
    background-color: #E3E3E3;
}
.p-wanted .p-wanted_banner p{
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
    padding: 2rem 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px 3rem;
    letter-spacing: 0.1em;
}
@media (min-width: 576px){
    .p-wanted .p-wanted_banner p{
        font-size: 3.6rem;
    }
}
.p-wanted .p-p-wanted_banner p span{
    font-size: 2.4rem;
    font-weight: bold;
    display: inline-block;
}
@media (min-width: 576px){
    .p-wanted .p-p-wanted_banner p span{
        font-size: 3.5rem;
    }
}


.bjs22-apply .tab-content {
    display:block;
}

.bjs22-apply .apply-tab {
    display: flex;
    justify-content: center;
}
.bjs22-apply .tab-btn {
    color: #021650;
    border: 2px solid #021650;
    border-radius: 3rem;
    font-size: 17px;
    font-weight: 500;
    padding: 1.5rem;
    width: 100%;
    max-width: 27rem;
    display: block;
    text-align: center;
    cursor: pointer;
}
.bjs22-apply .tab-btn.active {
    color: #fff;
    background-color: #021650;
}
.bjs22-apply .content {
    display: none;
}
.bjs22-apply .content.is_show {
    display: block;
}

/*募集要項*/
.bjs22-table {
    width: 100%;
    max-width: 97rem;
    font-size: 14px;
}
.bjs22-table th, .bjs22-table td {
   display: block;
}
.bjs22-table th {
    padding-top: 15px;
    width: 100%;
    text-align: center;
}
.bjs22-table th img {
    width: 100%;
    max-width: 16rem;
}
.bjs22-table td {
    padding: 15px 0;
    vertical-align: top;
}
.bjs22-apply .cation-box {
    border: 2px solid #021650;
    border-radius: 10px;
    padding: 2.5rem;
    width: 100%;
    max-width: 97rem;
    height: 40rem;
    overflow-y: auto;
    margin-top: 25px;
}
.bjs22-apply .cation-box ul li {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
}
.bjs22-apply .cation-box ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '・';
}
.bjs22-apply .mv-sample {
    width: 100%;
    max-width: 46.8rem;
}
.bjs22-apply .cation-box::-webkit-scrollbar {
    width: 10px;
}
.bjs22-apply .cation-box::-webkit-scrollbar-thumb {
    background-color: #021650;
    border-radius: 10px;
}
.bjs22-apply .cation-box::-webkit-scrollbar-track{
    background-color: #dadada;
    border-radius: 10px;
}

.bjs22-apply .cation-box h3 {
    font-weight: bold;
    margin: 3rem 0 5px;
}
.bjs22-apply .cation-box p + p {
    margin-top: 1rem;
}
.bjs22-apply .cation-box ol {
    padding-left: 2rem;
    font-size: 14px;
}
.bjs22-apply .cation-box ol li {
    list-style-type: decimal
}
.bjs22-apply .cation-box li + li {
    margin-top: 10px;
}
.bjs22-apply .cation-box span.sub-title {
    display: inline-block;
    margin-top: 1rem;
}
.bjs22-apply .cation-box a {
    font-size: 14px;
    color: #021650;
    margin-top: 1rem;
    font-weight: bold;
}
.bjs22-applyinfo .bjs22-btn {
    padding: 2.5rem;
    max-width: 37rem;
    font-size: 17px;
    font-weight: 500;
}
@media (min-width: 768px){
    .bjs22-table th, .bjs22-table td {
       display: table-cell;
    }
    .bjs22-table th {
        width: 17rem;
        text-align: left;
    }
    .bjs22-table td {
        padding: 15px 0 15px 3rem;
    }
    .bjs22-apply .cation-box {
        padding: 4rem;
        height: 50rem;
    }
}

/*応募手順*/

.bjs22-applystep {
    width: 100%;
    max-width: 97rem;
}
.bjs22-applystep .step2 {
    padding-top: 0;
    padding-bottom: 0;
}
.bjs22-applystep .step-title {
    color: #fff;
    font-size: 3rem;
    background-color: #021650;
    border-radius: 15px;
    padding: 1.5rem 3rem;
    margin-bottom: 2rem;
    font-weight: 600;
}
.bjs22-applystep .step-title .jost {
    font-size: 3.5rem;
    font-weight: 500;
    display: inline-block;
    margin-right: 3rem;
}
.bjs22-applystep .yellow-title {
    color: #021650;
    background-color: #ffe610;
    text-align: center;
    padding: 1.5rem;
    border-radius: 3rem;
    margin: 6rem 0 2rem;
    font-size: 2rem;
}
.bjs22-applystep .size-title {
    margin: 5rem 0 3rem;
    color: #021650;
    font-size: 2rem;
    align-items: center;
    text-align: center;
}
.bjs22-applystep .size-title img {
    max-width: 21.4rem;
}
.bjs22-applystep .size-title .size-text {
    margin-left: 15px;
    display: inline-block;
    font-family: 'Jost', 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.bjs22-applystep .yellow-box {
    margin: 5rem 0 7rem;
    text-align: center;
}
.bjs22-applystep .sp-img img {
    width: 70%;
    max-width: 46rem;
}
.bjs22-applystep .mv-sample {
    width: 100%;
    max-width: 60rem;
}
.bjs22-applystep .apply-rule {
    width: 100%;
    max-width: 66rem;
}

@media (min-width: 768px){
    .bjs22-applystep .step2 {
        padding-top: 6rem;
    }
    .bjs22-applystep .size-title {
        font-size: 3rem;
        text-align: left;
    }
    .bjs22-applystep .sp-img img {
        width: 100%;
    }
}

/*
- - - - - - - - - - - - -
******** footer ********
- - - - - - - - - - - - -
*/

.l-footer{
    padding: 4rem 0;
    background-color: var(--bg-color);

}

.l-footer .l-footer_logo img{
    width:200px;
    margin-bottom: 4rem;
}
@media (min-width: 768px){
    .l-footer .l-footer_logo img{
        width:245px;
    }
}

.l-footer .l-footer_menu{
    display: flex;
    align-items: end;
    justify-content: space-between;
    font-size: 14px;
    color: var(--main-color);
}

.l-footer .l-footer_menu a{
    position: relative;
    display: flex;
    align-items: center;
}

.l-footer .l-footer_menu a:first-child{
   margin-bottom: 5px;
}

.l-footer .l-footer_menu a::before{
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 9px;
    border-color: transparent transparent transparent var(--main-color);
    padding-right: 10px;
}

.l-footer .l-footer_menu a:hover{
    color: #141414;
}

.l-footer .l-footer_menu a:hover::before{
    border-color: transparent transparent transparent #141414;
}

.l-footer .c-pagetop{
    background-color: var(--main-color);
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 15px;
    bottom: 16px;
}
@media (min-width: 576px){
    .l-footer .c-pagetop{
        right: 60px;
    }
}

.l-footer .c-pagetop>span{
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #ffffff transparent;
    position: relative;
    top: 0;
    transition: 0.3s;
}

.l-footer .c-pagetop:hover{
    background-color: #fff;
    border: 2px solid var(--main-color);
    transition: unset;
}

.l-footer .c-pagetop:hover>span {
    border-color: transparent transparent var(--main-color) transparent;
    top: -5px;
}

/*
- - - - - - - - - - - - -
******** 応募作品一覧／結果発表ページ　共通 ********
- - - - - - - - - - - - -
*/
/*header*/
.bjs22-header-fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    padding: 2rem 0;
    z-index: 10000;
}
.bjs22-header-fixed .bjs22-header-logo {
    width: 100%;
    max-width: 22rem;
}
.bjs22-header-fixed .bjs22-header-nav{
    position: fixed;
    top: -120%;
    left: 0;
    transition: all 0.7s;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.bjs22-header-fixed .bjs22-header-nav ul {
    font-size: 14px;
    font-weight: bold;
    color: #021650;
    display: flex;
}
.bjs22-header-fixed .bjs22-header-nav li {
    position: relative;
}
.bjs22-header-fixed .bjs22-header-nav li + li {
    margin-top: 2rem;
}
.bjs22-header-fixed .bjs22-header-nav li a {
    padding: 0 15px;
    display: block;
    width: 100%;
}
.bjs22-header-fixed .bjs22-header-nav li:before {
    position: absolute;
    top: calc(50% - 9px);
    left: 0;
    content: '';
    width: 2px;
    height: 15px;
    background-color: #021650;
}
.bjs22-header-fixed .bjs22-header-nav li:first-child::before {
    display: none;
}
.bjs22-header-fixed .bjs22-header-nav.active {
    top: 65px;
    background-color: #ffe610;
    padding-top: 5rem;
}

.bjs22-header-fixed .bjs22-header-nav.active ul {
    display: block;
}
.bjs22-header-fixed .bjs22-header-nav.active li:before {
    display: none;
}
.bjs22-header-fixed .bjs22-header-nav.active:after {
    content: '';
    background: url("../images/2022-summer/wave-bottom-sp.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: 50rem;
    width: 100%;
    position: absolute;
    bottom: -49.8rem;
    left: 0;
}

/*↓↓結果発表ページ公開まで↓↓*/
/*
.bjs22-header-nav .result-yet {
    position: relative;
}
.bjs22-header-nav .result-yet .result-yet-pop {
    opacity: 1;
    position: absolute;
    top: 1.5rem;
    left: calc(50% - 10.5rem);
}
.bjs22-header-nav .result-yet:hover {
    opacity: 1;
}
.bjs22-header-nav .result-yet .result-yet-pop {
    display: block;
    top: 2.5rem;
    transition: 0.5s;
}
.bjs22-header-nav .result-yet .result-yet-pop img {
    width: 100%;
    max-width: 21rem;
}
.bjs22-header-nav .result-yet-next {
    margin-top: 7rem!important;
}
*/
/*↑↑*/

.bjs22-header-fixed .p-result-list_sns img {
    width: 100%;
    height: 100%;
    max-height: 30px;
    vertical-align: text-top;
    object-fit: contain;
}

@media (min-width: 576px){
    .bjs22-header-fixed {
        padding: 3rem 0;
    }
    .bjs22-header-fixed .bjs22-header-logo {
        max-width: 27rem;
    }
    .bjs22-header-fixed .bjs22-header-nav.active {
        top: 85.65px;
    }
}
@media (min-width: 768px){
    .bjs22-header-fixed .bjs22-header-nav.active:after {
        background: url("../images/2022-summer/wave-bottom.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
    }
}
@media (min-width: 992px){
    .bjs22-header-fixed .bjs22-header-nav{
        display: flex;
        position: static;
        margin-left: auto;
        width: auto;
    }
    .bjs22-header-fixed .p-result-list_sns .instagram {
        margin-right: 2.5rem;
        margin-left: 2rem;
    }
    .bjs22-header-fixed .p-result-list_sns img {
        max-height: 20px;
    }
    .bjs22-header-fixed .bjs22-header-nav.active {
        background-color: #fff;
        padding-top: 0;
    }
    .bjs22-header-fixed .bjs22-header-nav.active ul {
        display: flex;
    }
    .bjs22-header-fixed .bjs22-header-nav li + li {
        margin: 0;
    }
    /*↓↓結果発表ページ公開まで↓↓*/
/*
    .bjs22-header-nav .result-yet .result-yet-pop {
        top: 1.5rem;
        left: -6rem;
        opacity: 0;
    }
    .bjs22-header-nav .result-yet:hover {
        opacity: 1;
    }
    .bjs22-header-nav .result-yet:hover .result-yet-pop {
        opacity: 1;
        top: 2.5rem;
        transition: 0.5s;
    }
    .bjs22-header-nav .result-yet .result-yet-pop img {
        min-width: 21rem;
    }
    .bjs22-header-nav .result-yet-next {
        margin-top: 0!important;
    }
*/
    /*↑↑*/
}

/*hamburger*/
.bjs22-header-fixed .bjs22-hamburger {
    color: #021650;
}
.bjs22-header-fixed .bjs22-hamburger .ham-close, .bjs22-header-fixed .bjs22-hamburger.active .ham-open {
    background-color: transparent;
    padding: 0;
    position: fixed;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: inherit;
}
.bjs22-header-fixed .bjs22-hamburger.active .ham-open { 
    text-align: center;
}
@media (min-width: 576px){
    .bjs22-header-fixed .bjs22-hamburger .ham-close, .bjs22-header-fixed .bjs22-hamburger.active .ham-open {
        top: 2rem;
    }
}

.bjs22-lower-mv img {
    width: 100%;
}

/*
- - - - - - - - - - - - -
******** 応募作品一覧ページ　********
- - - - - - - - - - - - -
*/

.c-entry.c-section{
    padding-bottom: 14rem;
    padding-top: 40px;
}
@media (min-width: 576px){
    .c-entry.c-section{
        padding-top: 7rem;
    }
}

.c-entry .c-entry_list{
    gap: 7rem 0;
}

.c-entry .c-entry_item{
    position: relative;
}

.c-entry .c-entry_num{
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: var(--main-color);
    font-size: 18px;
    font-weight: bold;
    width: 55px;
    height: 32px;
    top: 15px;
    left: 0px;
    letter-spacing: 0.08em;
}
@media (min-width: 576px){
    .c-entry .c-entry_num{
        font-size: 3rem;
        top: 15px;
        left: 30px;
        width: 8.6rem;
        height: 5rem;
    }
}

.c-entry .c-entry_image{
    margin: 0 -30px;
}
@media (min-width: 576px){
    .c-entry .c-entry_image{
        margin: 0;
    }
}

.c-entry .c-entry_title{
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: calc(30/20);
    color: var(--main-color);
}

.c-entry .c-entry_title_sns{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 2.5rem;
}

.c-entry .c-entry_title_sns a{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}

.c-entry .c-entry_title_sns a:hover{
    opacity: 0.6;
}

.c-entry .c-entry_title_sns a i{
    font-size: 1.6rem;
    margin-right: 5px;
}
.c-entry .c-entry_title_sns a img{
    max-width: 1.6rem;
    margin-right: 5px;
    display: inline-block;
}

.c-entry .c-entry_title_sns .c-entry_snsgroup{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 15px;
    justify-content: center;
}
.c-entry .c-entry_author{
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: var(--main-color);
    position: relative;
    top: -2px;
}

.c-entry .c-entry_author:has(+*){
    margin-right: 15px;
}

.c-entry .c-btn.c-btn--entry{
    max-width: 360px;
    min-height: 50px;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.2em;
    font-weight: bold;
}
@media (min-width: 768px){
    .c-entry .c-btn.c-btn--entry{
        max-width: 25rem;
    }
}
.c-entry .c-btn.c-btn--entry:hover{
    color: var(--main-color);
}

.p-about-vote{
    background-color: var(--bg-color);
    padding: 70px 0;
}
@media (min-width: 576px){
    .p-about-vote{
        padding: 14rem 0;
    }
}

.p-about-vote .p-about-vote_text p{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.13em;
    line-height: calc(35/16);
    text-align: center;
}

.p-bj-sns{
    padding: 70px 0;
}
@media (min-width: 576px){
    .p-bj-sns{
        padding: 10rem 0;
    }
}

.p-bj-sns .c-balloon{
 margin: 0 0 5rem 0;
 justify-content: center;
}

.p-bj-sns .c-balloon .c-balloon_chatting{
    width: auto;
}

.p-bj-sns .c-balloon .c-balloon_chatting .c-balloon_chatting_says p{
    font-size: 18px;
    letter-spacing: 0.1em;
}
@media (min-width: 576px){
    .p-bj-sns .c-balloon .c-balloon_chatting .c-balloon_chatting_says p{
        font-size: 2.6rem;
    }
}

/*
- - - - - - - - - - - - -
******** 結果発表ページ　********
- - - - - - - - - - - - -
*/
.p-result {
    padding: 7rem 0 10rem;
}

.p-result .p-result-top{
    margin-bottom: 10rem;
}

.p-result .p-result-top p {
    color: #021650;
    font-size: 17px;
    font-weight: 600;
}

.p-result-nav{
    display: flex;
    flex-direction: column;
    gap: 18px;
}
@media (min-width: 768px){
    .p-result-nav{
        flex-direction: row;
    }
}

.p-result .p-result-nav li {
    width: 100%;
    flex: 1;
}

.p-result .p-result-nav li a:hover {
    opacity: 1;
    margin-top: -15px;
    padding-bottom: 15px;
    transition: 0.5s;
}

.p-result-list{
    padding-bottom: 10rem;
}

.p-result-list:last-of-type {
    padding-bottom: 0;
    margin-bottom: 14rem;
}
@media (min-width: 576px){
    .p-result-list:last-of-type {
        padding-bottom: 0;
        margin-bottom: 14rem;
    }
}

.p-result-list > h2{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.p-result-list > h2 img{
    width: 6rem;
    position: relative;
    top: 1px;
}

.p-result-list .p-result-list_award{
    width: 37rem;
    color: #fff;
    background-color: var(--main-color);
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.13em;
    position: relative;
    margin-bottom: 3.65rem;
}

.p-result-list .p-result-list_award::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 0.95rem solid transparent;
    border-left: 0.95rem solid transparent;
    border-top: 1.65rem solid var(--main-color);
    border-bottom: 0;
    top: 100%;
}


.p-result .p-result-list_name {
    color: var(--main-color);
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3rem;
    
}

.p-result .p-result-list_name:has(+.p-result-list_sns) {
    margin-bottom: 10px;
}

.p-result .p-result-list_name > span{
    font-size: 2.6rem;
}

.p-result .p-result-list_sns{
    margin-bottom: 3rem;
}

.p-result .p-result-list_sns a{
    color: var(--main-color);
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    font-weight: 600;
    position: relative;
    padding: 0 20px;
}

.p-result .p-result-list_sns a:after{
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 9px;
    border-color: transparent transparent transparent var(--main-color);
    margin-left: 15px;
    position: relative;
    left: 0;
    transition: 0.3s;
}

.p-result .p-result-list_sns a.line:before{
    content: "/";
    color: var(--main-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -5%;
}


.p-result .result-slide img {
    width: auto;
    height: 100%;
    max-height: 50rem;
    object-fit: contain;
    /* margin: auto; */
}
.p-result .slick-track {
    display: flex;
    align-items: center;
}
.p-result .result-slide .slick-dots {
    text-align: left;
    width: 100%;
    max-width: 10rem;
    bottom: -40px;
}
.p-result .result-slide .slick-dots li {
    margin: 0;
}
.p-result .result-slide .slick-dots li button:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 1px solid #021650;
    background-color: #fff;
    border-radius: 100%;
    opacity: 1;
}
.p-result .result-slide .slick-dots li.slick-active button:before{
    border: 1px solid #ff7800;
    background-color: #ff7800;
}
.p-result .view-post {
    color: #021650;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    margin-top: -20px;
    display: block;
    width: 100%;
    max-width: 15rem;
}

.p-result-list .p-result-list_title:has(+*){
    margin-bottom: 7rem;
}

.p-result-list .p-result-list_title h3{
    color: var(--main-color);
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 1.4;
    position: relative;
    padding-left: 2rem;
    margin-bottom: 25px;
}

.p-result-list .p-result-list_title h3:before{
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: var(--main-color);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.p-result-list .p-result-list_comment{
    margin-bottom: 6rem;
}

.p-result-list .p-result-list_comment p:first-child{
    color: var(--main-color);
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.13em;
    line-height: calc(35/18);
}

.p-result-list .p-result-list_comment p:last-child{
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: calc(26/14);
}

.p-result-list .p-result-list_comment-bj{
    margin: 0;
}



@media (min-width: 576px){
    .p-result .p-result-list_sns {
        font-size: 17px;
    }
    .p-result .p-result-list_sns img {
        height: 2.5rem;
    }
    .p-result .view-post {
        font-size: 15px;
    }
    .p-result .result-comment h4 {
        font-size: 2rem;
    }
    .p-result .bjs22-btn {
        font-size: 17px;
        
    }
}
@media (min-width: 768px){
    .p-result .p-result-nav li {
        max-width: 21rem;
    }
    .p-result .result-slide img {
        max-height: 32rem;
    }
    .p-result .bjs22-btn {
        margin-top: 5rem;
    }
    .p-result .b-comment .chara-img img {
        max-width: 25rem;
    }
    .p-result #guest .comment-pop {
        max-width: 39rem;
    }
}
@media (min-width: 992px){
    .p-result .result-slide img {
        max-height: 42.5rem;
    }
    
}
@media (min-width: 1200px){
    .p-result .result-slide img {
        max-height: 53.6rem;
    }
    .p-result .bjs22-btn {
        margin-top: 7rem;
    }
}



/*
- - - - - - - - - - - - -
******** 一般投票ページ　********
- - - - - - - - - - - - -
*/

.p-vote-banner{
    padding: 40px 0 50px;
}
@media (min-width: 576px){
    .p-vote-banner{
        padding: 12rem 0 7rem;
    }
}

.p-vote-banner .container{
    padding-right: 0;
    padding-left: 0;
}
@media (min-width: 576px){
    .p-vote-banner .container{
        padding-right: 15px;
        padding-left: 15px;
    }
}

.p-vote-banner img{
    max-width: 1020px;
    width: 100%;
}

.p-vote-banner a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.p-vote-banner a:hover{
    opacity: 0.6;
}

.p-vote-banner a picture{
    width: 100%;
}
@media (min-width: 576px){
    .p-vote-banner a picture{
        width: auto;
    }
}

.p-vote-banner .p-vote-banner_gift{
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: 40px;
}
@media (min-width: 576px){
    .p-vote-banner .p-vote-banner_gift{
        display: none;
    }
}

.p-about--vote .p-about_hash{
    color: var(--main-color);
}

.p-flow--vote .p-flow_examination .p-flow_examination_bg{
    padding: 10rem 0;
}

.p-flow--vote .p-flow_examination .c-heading.c-heading--line{
    margin-bottom: 4rem;
}

.p-flow--vote .p-flow_examination .p-flow_examination_top{
    margin-bottom: 10rem;
}

.p-flow--vote .p-flow_examination .p-flow_examination_figure{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
@media (min-width: 576px){
    .p-flow--vote .p-flow_examination .p-flow_examination_figure{
        flex-direction: row;
    }
}

.p-flow--vote .p-flow_examination .p-flow_examination_figure p{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 7rem;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: var(--main-color);
    border: 2px solid var(--main-color);
    position: relative;
    background-color: #fff;
}

.p-flow--vote .p-flow_examination .p-flow_examination_figure p:has(+*){
    margin-bottom: 40px;
}
@media (min-width: 576px){
    .p-flow--vote .p-flow_examination .p-flow_examination_figure p{
        width: calc(100% / 3 - 80px / 3);
        margin-bottom: 0;
    }
}
@media (min-width: 768px){
    .p-flow--vote .p-flow_examination .p-flow_examination_figure p{
        width: calc(100% / 3 - 160px / 3);
    }
}

.p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(2)::before,
.p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(2)::after{
    content: "×";
    position: absolute;
    font-size: 3rem;
}

.p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(2)::before{
    top: -90%;
}
@media (min-width: 576px){
    .p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(2)::before{
        left: -25%;
        top: auto;
    }
}
@media (min-width: 768px){
    .p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(2)::before{
        left: -32%;
    }
}
@media (min-width: 992px){
    .p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(2)::before{
        left: -23%;
    }
}
@media (min-width: 1200px){
    .p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(2)::before{
        left: -21%;
    }
}

.p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(2)::after{
    bottom: -90%;
}
@media (min-width: 576px){
    .p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(2)::after{
        right: -25%;
        bottom: auto;
    }
}
@media (min-width: 768px){
    .p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(2)::after{
        right: -32%
    }
}
@media (min-width: 992px){
    .p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(2)::after{
        right: -23%
    }
}
@media (min-width: 1200px){
    .p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(2)::after{
        right: -21%
    }
}

.p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(3){
    background-color: var(--main-color);
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
@media (min-width: 576px){
    .p-flow--vote .p-flow_examination .p-flow_examination_figure p:nth-child(3){
        font-size: 2.4rem;
    }
}

.p-flow--vote .p-flow_vote .p-flow_vote_step{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4rem;
}
@media (min-width: 992px){
    .p-flow--vote .p-flow_vote .p-flow_vote_step{
        flex-direction: row;
    }
}

.p-flow--vote .p-flow_vote .p-flow_vote_step .p-flow_vote_stepctn{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-flow--vote .p-flow_vote .p-flow_vote_step .p-flow_vote_stepctn:has(+*){
    margin-bottom:5rem;
}
@media (min-width: 992px){
    .p-flow--vote .p-flow_vote .p-flow_vote_step .p-flow_vote_stepctn{
        width: calc(100% / 3 - 160px /3);
        margin-bottom: 0;
    }
}

.p-flow--vote .p-flow_vote .p-flow_vote_step .p-flow_vote_stepctn:after{
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 11px;
    border-color: transparent transparent transparent var(--main-color);
    position: relative;
    right: 0;
    bottom: -30px;
    transform: rotate(90deg);
}
@media (min-width: 992px){
    .p-flow--vote .p-flow_vote .p-flow_vote_step .p-flow_vote_stepctn:after{
        content: none;
    }
}

.p-flow--vote .p-flow_vote .p-flow_vote_step .p-flow_vote_stepctn:last-of-type::after{
    content: none;
}

.p-flow--vote .p-flow_vote .p-flow_vote_step .p-flow_vote_stepctn > p{
    color: var(--main-color);
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    margin-bottom: 3rem;
}

.p-flow--vote .p-flow_vote .p-flow_vote_step .p-flow_vote_stepctn > div h4{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: calc(30/16);
    color: var(--main-color);
    background-color: #E3E3E3;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 10rem;
    position: relative;
}


@media (min-width: 992px){
    .p-flow--vote .p-flow_vote .p-flow_vote_step .p-flow_vote_stepctn > div h4:after{
        display: inline-block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 13px;
        border-color: transparent transparent transparent var(--main-color);
        position: absolute;
        right: -18%;
        transition: 0.3s;
    }
    .p-flow--vote .p-flow_vote .p-flow_vote_step .p-flow_vote_stepctn:last-of-type > div h4:after{
        content: none;
    }
}

.p-flow--vote .p-flow_vote .p-flow_vote_step .p-flow_vote_stepctn > div p{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: calc(30/14);
    background-color: #fff;
    padding: 20px 20px 30px 20px;
}

.p-flow--vote .p-flow_vote .p-flow_vote_note{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: calc(30/14);
    color:#8D8D8D;
}
@media (min-width: 576px){
    .p-flow--vote .p-flow_vote .p-flow_vote_note{
        text-align: center;
    }
}

.p-lets-vote{
    padding:5rem 0 70px;
}
@media (min-width: 576px){
    .p-lets-vote{
        padding: 5rem 0 14rem;
    }
}

.p-lets-vote .p-lets-vote_top{
    margin-bottom: 70px;
}
@media (min-width: 576px){
    .p-lets-vote .p-lets-vote_top{
        margin-bottom: 11rem;
    }
}

.p-lets-vote .p-lets-vote_text > p{
    font-size: 14px;
    line-height: calc(40/14);
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
}
@media (min-width: 576px){
    .p-lets-vote .p-lets-vote_text > p{
        font-size: 16px;
    }
}

.p-lets-vote .c-entry{
    margin-bottom: 70px;
}
@media (min-width: 576px){
    .p-lets-vote .c-entry{
        margin-bottom: 14rem;
    }
}

.p-lets-vote .c-btn.c-btn--large{
    max-width: 100%;
    /* height: 70px; */
    position: relative;
    letter-spacing: 0.15em;
    font-size: 14px;
}
@media (min-width: 576px){
    .p-lets-vote .c-btn.c-btn--large{
        font-size: 2.5rem;
        height: 12rem;
    }
}
@media (min-width: 992px){
    .p-lets-vote .c-btn.c-btn--large{
        height: 17rem;
    }
}
@media (min-width: 1200px){
    .p-lets-vote .c-btn.c-btn--large{
        font-size: 3rem;
       
    }
}

.p-lets-vote .c-btn.c-btn--large::after{
    border-width: 8px 0 8px 11px;
    margin-left: 10px;
}
@media (min-width: 370px){
    .p-lets-vote .c-btn.c-btn--large::after{
        margin-left: 25px;
    }
}
@media (min-width: 576px){
    .p-lets-vote .c-btn.c-btn--large::after{
        border-width: 10px 0 10px 13px;
    }
}

.p-lets-vote .c-btn.c-btn--large br{
    display: block;
}
@media (min-width: 992px){
    .p-lets-vote .c-btn.c-btn--large br{
        display: none;
    }
}

.p-lets-vote .p-votebtn-wrap > img{
    display: block;
    margin: 0 auto;
}
@media (min-width: 576px){
    .p-lets-vote .p-votebtn-wrap > img{
        display: none;
    }
}

.p-lets-vote .c-btn.c-btn--large > img{
    display: none;
    position: absolute;
    bottom: 0;
}
@media (min-width: 576px){
    .p-lets-vote .c-btn.c-btn--large > img{
        display: block;
    }
}