@charset "UTF-8";
/*================================================================================

media query mixin

================================================================================*/
.p-2605-award {
  font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@media screen and (min-width: 897px) {
  .p-2605-award-introduction__year {
    background: #8E5F30;
    background: linear-gradient(120deg, rgb(142, 95, 48) 0%, rgb(203, 162, 52) 50%, rgb(142, 95, 48) 100%);
    padding: 15px;
  }
  .p-2605-award-introduction__year img {
    width: 172px;
    display: block;
    margin: auto;
  }
  .p-2605-award-introduction__anc {
    padding: 50px 20px;
  }
  .p-2605-award-introduction__anc-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: auto;
    max-width: 960px;
  }
  .p-2605-award-introduction__anc a {
    max-width: 465px;
    width: calc((100% - 25px) / 2);
  }
  .p-2605-award-introduction__anc a:hover {
    opacity: 0.7;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .p-2605-award-introduction__anc .-note {
    color: #4d4d4d;
    margin-top: 10px;
    font-size: 1.2rem;
    text-align: center;
  }
  .p-2605-award-ranking {
    padding: 90px 20px;
    border-top: 3px solid;
    -o-border-image: linear-gradient(to right, #8E5F30, #CBA234, #8E5F30) 1;
       border-image: -webkit-gradient(linear, left top, right top, from(#8E5F30), color-stop(#CBA234), to(#8E5F30)) 1;
       border-image: linear-gradient(to right, #8E5F30, #CBA234, #8E5F30) 1;
    background-size: cover;
    background-position: top;
  }
  .p-2605-award-ranking h2 {
    margin: 0 auto 30px;
  }
  .p-2605-award-ranking__inner {
    max-width: 960px;
    margin: auto;
    padding: 70px 0;
  }
  .p-2605-award-ranking__unit {
    position: relative;
  }
  .p-2605-award-ranking__unit:nth-of-type(n+2) {
    margin-top: 190px;
  }
  .p-2605-award-ranking__bg {
    position: absolute;
  }
  .p-2605-award-ranking__bg.-top {
    top: -69px;
  }
  .p-2605-award-ranking__bg.-bottom {
    bottom: -69px;
  }
  .p-2605-award-ranking__content {
    background-image: url(../img/ranking_bg-main.png);
    background-size: 100% 100%;
    background-position: top;
    background-repeat: no-repeat;
    margin: auto;
  }
  .p-2605-award-ranking__content h3 {
    margin: 0 auto 0;
  }
  .p-2605-award-ranking__content h3 img {
    margin-top: -20px;
    position: relative;
    z-index: 2;
  }
  .p-2605-award-ranking__content__txt {
    max-width: 800px;
    margin: 50px auto 0;
    font-weight: 600;
  }
  .p-2605-award-ranking__content__txt .-float {
    margin-left: 30px;
    margin-bottom: 30px;
    max-width: 360px;
    float: right;
  }
  .p-2605-award-ranking__content__txt .-float .-note {
    margin-top: 5px;
    font-size: 1.2rem;
    color: #4d4d4d;
  }
  .p-2605-award-ranking__content__txt .-txt {
    font-size: 16px;
  }
  .p-2605-award-ranking__content__txt .-txt p {
    line-height: 1.75;
    margin-top: 20px;
    letter-spacing: -0.08rem;
  }
  .p-2605-award-ranking__content__osusume {
    max-width: 800px;
    margin: 40px auto 0;
  }
  .p-2605-award-ranking__content__osusume h4 {
    max-width: 415px;
    margin: auto;
  }
  .p-2605-award-ranking__content__osusume ul {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
  }
  .p-2605-award-ranking__content__osusume ul li {
    padding: 25px;
    -webkit-box-shadow: 0px 0px 4px 3px rgba(91, 56, 10, 0.2);
            box-shadow: 0px 0px 4px 3px rgba(91, 56, 10, 0.2);
    background-color: #fff;
    font-weight: 600;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_img {
    max-width: 200px;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_name {
    margin-top: 20px;
    text-align: center;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_point {
    margin: 20px auto 0;
    width: 114px;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_txt {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_btn {
    width: 100%;
    font-weight: bold;
    background-color: #cc0000;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-image: url(/img/common/com_iconArwR_whi.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px auto;
    border-radius: 40px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-inline: auto;
    display: block;
    margin-top: auto;
    height: auto;
    font-size: 1.2rem;
    letter-spacing: -0.07em;
    color: #fff !important;
    padding: 10px 25px 10px 0;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_btn:visited {
    color: #fff;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_btn:hover {
    background-position: right 10px center;
  }
  .p-2605-award-ranking__content .osusume_bigbtn {
    font-weight: bold;
    background-color: #5b380a;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-image: url(/img/common/com_iconArwR_whi.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px auto;
    border-radius: 40px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-inline: auto;
    display: block;
    margin-top: 30px;
    height: auto;
    font-size: 1.6rem;
    letter-spacing: -0.07em;
    color: #fff !important;
    padding: 16px 0;
    border: 2px solid #fff;
    width: 400px;
  }
  .p-2605-award-ranking__content .osusume_bigbtn:visited {
    color: #fff;
  }
  .p-2605-award-ranking__content .osusume_bigbtn:hover {
    background-position: right 10px center;
  }
  .p-2605-award-donation {
    background: url(../img/donation_bg.jpg);
  }
  .p-2605-award-donation h2 {
    max-width: 443px;
  }
  .p-2605-award-donation .p-2605-award-ranking__unit:nth-of-type(1) .p-2605-award-ranking__content h3 {
    width: 693px;
  }
  .p-2605-award-donation .p-2605-award-ranking__unit:nth-of-type(1) .p-2605-award-ranking__content .-txt img {
    max-width: 353px;
  }
  .p-2605-award-donation .p-2605-award-ranking__unit:nth-of-type(2) .p-2605-award-ranking__content h3 {
    width: 693px;
  }
  .p-2605-award-donation .p-2605-award-ranking__unit:nth-of-type(2) .p-2605-award-ranking__content .-txt img {
    max-width: 355px;
  }
  .p-2605-award-donation .p-2605-award-ranking__unit:nth-of-type(3) .p-2605-award-ranking__content h3 {
    width: 693px;
  }
  .p-2605-award-donation .p-2605-award-ranking__unit:nth-of-type(3) .p-2605-award-ranking__content .-txt img {
    max-width: 351px;
  }
  .p-2605-award-takeoff {
    border-bottom: 3px solid;
    background: url(../img/takeoff_bg.jpg);
  }
  .p-2605-award-takeoff h2 {
    max-width: 384px;
  }
  .p-2605-award-takeoff .p-2605-award-ranking__unit:nth-of-type(1) .p-2605-award-ranking__content h3 {
    width: 693px;
  }
  .p-2605-award-takeoff .p-2605-award-ranking__unit:nth-of-type(1) .p-2605-award-ranking__content .-txt img {
    max-width: 356px;
  }
  .p-2605-award-takeoff .p-2605-award-ranking__unit:nth-of-type(2) .p-2605-award-ranking__content h3 {
    width: 651px;
  }
  .p-2605-award-takeoff .p-2605-award-ranking__unit:nth-of-type(2) .p-2605-award-ranking__content .-txt img {
    max-width: 355px;
  }
  .p-2605-award-takeoff .p-2605-award-ranking__unit:nth-of-type(3) .p-2605-award-ranking__content h3 {
    width: 690px;
  }
  .p-2605-award-takeoff .p-2605-award-ranking__unit:nth-of-type(3) .p-2605-award-ranking__content .-txt img {
    max-width: 377px;
  }
}
@media screen and (max-width: 896px) {
  .p-2605-award-introduction__year {
    background: #8E5F30;
    background: linear-gradient(120deg, rgb(142, 95, 48) 0%, rgb(203, 162, 52) 50%, rgb(142, 95, 48) 100%);
    padding: 15px;
  }
  .p-2605-award-introduction__year img {
    width: 160px;
    display: block;
    margin: auto;
  }
  .p-2605-award-introduction__anc {
    padding: 30px 20px;
  }
  .p-2605-award-introduction__anc-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-2605-award-introduction__anc a {
    max-width: 335px;
    width: 100%;
  }
  .p-2605-award-introduction__anc a:nth-of-type(2) {
    margin-top: 15px;
  }
  .p-2605-award-introduction__anc .-note {
    color: #4d4d4d;
    margin-top: 20px;
    font-size: 1.2rem;
  }
  .p-2605-award-ranking {
    padding: 40px 20px;
    border-top: 3px solid;
    -o-border-image: linear-gradient(to right, #8E5F30, #CBA234, #8E5F30) 1;
       border-image: -webkit-gradient(linear, left top, right top, from(#8E5F30), color-stop(#CBA234), to(#8E5F30)) 1;
       border-image: linear-gradient(to right, #8E5F30, #CBA234, #8E5F30) 1;
    background-size: cover;
    background-position: top;
  }
  .p-2605-award-ranking h2 {
    margin: 0 auto 30px;
  }
  .p-2605-award-ranking__inner {
    max-width: 335px;
    margin: auto;
    padding: 25px 0;
  }
  .p-2605-award-ranking__unit {
    position: relative;
  }
  .p-2605-award-ranking__unit:nth-of-type(n+2) {
    margin-top: 85px;
  }
  .p-2605-award-ranking__bg {
    position: absolute;
  }
  .p-2605-award-ranking__bg.-top {
    top: -25px;
  }
  .p-2605-award-ranking__bg.-bottom {
    bottom: -25px;
  }
  .p-2605-award-ranking__content {
    background-image: url(../img/ranking_bg-main_sp.png);
    background-size: 100% 100%;
    background-position: top;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-2605-award-ranking__content h3 {
    width: 275px;
    margin: 0 auto 0;
  }
  .p-2605-award-ranking__content h3 img {
    margin-top: 5px;
    position: relative;
    z-index: 2;
  }
  .p-2605-award-ranking__content__txt {
    max-width: 800px;
    margin: 50px auto 0;
    font-weight: 600;
  }
  .p-2605-award-ranking__content__txt .-float {
    max-width: 288px;
  }
  .p-2605-award-ranking__content__txt .-float .-note {
    margin-top: 5px;
    font-size: 1.2rem;
    color: #4d4d4d;
  }
  .p-2605-award-ranking__content__txt .-txt {
    margin-top: 20px;
    max-width: 290px;
    font-size: 1.6rem;
  }
  .p-2605-award-ranking__content__txt .-txt img {
    max-width: 275px;
  }
  .p-2605-award-ranking__content__txt .-txt p {
    line-height: 1.75;
    margin-top: 20px;
    letter-spacing: -0.08rem;
  }
  .p-2605-award-ranking__content__osusume {
    max-width: 290px;
    margin: 40px auto 0;
  }
  .p-2605-award-ranking__content__osusume h4 {
    max-width: 260px;
    margin: auto;
  }
  .p-2605-award-ranking__content__osusume ul {
    margin-top: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px 3px rgba(91, 56, 10, 0.2);
            box-shadow: 0px 0px 4px 3px rgba(91, 56, 10, 0.2);
    max-width: 250px;
  }
  .p-2605-award-ranking__content__osusume ul .slick-arrow {
    background: none;
    text-indent: initial;
    border: 0;
    -webkit-transform: none;
            transform: none;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 30px;
    height: 30px;
    background-size: contain;
  }
  .p-2605-award-ranking__content__osusume ul .slick-arrow::after {
    content: none;
  }
  .p-2605-award-ranking__content__osusume ul .slick-arrow.slick-prev {
    left: -20px;
    background-image: url(../img/arw-left.png);
  }
  .p-2605-award-ranking__content__osusume ul .slick-arrow.slick-next {
    right: -20px;
    background-image: url(../img/arw-right.png);
  }
  .p-2605-award-ranking__content__osusume ul li {
    padding: 25px;
    background-color: #fff;
    font-weight: 600;
    font-size: 14px;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_img {
    max-width: 200px;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_name {
    margin-top: 20px;
    text-align: center;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_point {
    margin: 35px auto 0;
    width: 114px;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_txt {
    margin-top: 10px;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_btn {
    font-weight: bold;
    background-color: #cc0000;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-image: url(/img/common/com_iconArwR_whi.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px auto;
    border-radius: 40px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-inline: auto;
    display: block;
    margin-top: 42px;
    height: auto;
    font-size: 1.2rem;
    letter-spacing: -0.07em;
    color: #fff !important;
    padding: 10px 25px 10px 0;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_btn:visited {
    color: #fff;
  }
  .p-2605-award-ranking__content__osusume ul li .osusume_btn:hover {
    background-position: right 10px center;
  }
  .p-2605-award-ranking__content .osusume_bigbtn {
    font-weight: bold;
    background-color: #5b380a;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-image: url(/img/common/com_iconArwR_whi.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px auto;
    border-radius: 40px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-inline: auto;
    display: block;
    margin: 30px auto 10px;
    height: auto;
    font-size: 1.6rem;
    letter-spacing: -0.07em;
    color: #fff !important;
    padding: 16px 0;
    border: 2px solid #fff;
    width: 288px;
  }
  .p-2605-award-ranking__content .osusume_bigbtn:visited {
    color: #fff;
  }
  .p-2605-award-ranking__content .osusume_bigbtn:hover {
    background-position: right 10px center;
  }
  .p-2605-award-donation {
    background: url(../img/donation_bg_sp.jpg);
    background-size: 100% 100%;
  }
  .p-2605-award-donation h2 {
    max-width: 253px;
  }
  .p-2605-award-takeoff {
    border-bottom: 3px solid;
    background: url(../img/takeoff_bg_sp.jpg);
    background-size: 100% 100%;
  }
  .p-2605-award-takeoff h2 {
    max-width: 219px;
  }
}