@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

.award_after {
  font-family: "Noto Serif JP", serif;
}



section#lead {
    padding-block: 34px 73px;
    position: relative;
}
section#lead::before {
    content: "";
    display: inline-block;
    width: 268px;
    height: 60%;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background: linear-gradient(180deg, #E2D178, #fff);
    position: absolute;
    left: 0;
    top: 0;
		opacity: .43;
    mix-blend-mode: multiply;
}
section#lead::after {
    content: "";
    display: inline-block;
    width: 268px;
    height: 60%;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    background: linear-gradient(180deg, #E2D178, #fff);
    position: absolute;
    right: 0;
    top: 0;
		opacity: .43;
    mix-blend-mode: multiply;
}
.lead_inner {
    width: min(100%, 1260px);
    margin-inline: auto;
    padding-inline: 30px;
}
.lead_inner::before {
    content: "";
    display: inline-block;
    width: 268px;
    height: 70%;
    clip-path: polygon(0 0, 0 100%, 100% 100%);
    background: linear-gradient(180deg, #E2D178, #fff);
    position: absolute;
    left: 0;
    bottom: 0;
		opacity: .34;
    mix-blend-mode: multiply;
}
.lead_inner::after {
    content: "";
    display: inline-block;
    width: 268px;
    height: 70%;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    background: linear-gradient(180deg, #E2D178, #fff);
    position: absolute;
    right: 0;
    bottom: 0;
		opacity: .34;
    mix-blend-mode: multiply;
}
.lead_title {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-top: 98px;
    background: url(/img/usr/freepage/award2025/after/deco01.png) no-repeat center top / 578px auto;
}
.lead_text {
    margin-bottom: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 2.2;
}
.lead_text p + p {
    margin-top: 24px;
}
.lead_text p .color01 {
    color: #B71D1D;
    font-size: 24px;
    font-weight: 800;
}
.lead_text p .color02 {
    color: #B71D1D;
    font-size: 20px;
    font-weight: 800;
}
.lead_text p .color03 {
    color: #B71D1D;
    font-size: 22px;
    font-weight: 800;
}
.lead_text p.note {
    color: #898989;
    font-size: 14px;
    line-height: 1.7;
}
#lead .box {
    position: relative;
    z-index: 1;
}



section#award {
    padding-block: 48px 54px;
    background: url(/img/usr/freepage/award2025/after/bg.jpg) no-repeat center top / cover;
}
.award_inner {
    width: clamp(1260px, 100%, 1643px);
    margin-inline: auto;
    padding-inline: 30px;
}
.award_item {
    background: #fff;
    padding: 25px;
    position: relative;
}
.award_item + .award_item {
    margin-top: 40px;
}
.award_item::before {
    content: "";
    display: inline-block;
    width: 162px;
    height: 191px;
    background: url(/img/usr/freepage/award2025/after/deco02.png) no-repeat center / contain;
    position: absolute;
    left: 0;
    top: 0;
}
.award_item::after {
    content: "";
    display: inline-block;
    width: 162px;
    height: 191px;
    background: url(/img/usr/freepage/award2025/after/deco02.png) no-repeat center / contain;
    position: absolute;
    right: 0;
    top: 0;
    rotate: y 180deg;
}
.award_item_inner {
    border: 1px solid #B69C3F;
    padding: 0 162px 54px;
}
.award_item_inner::before {
    content: "";
    display: inline-block;
    width: 162px;
    height: 191px;
    background: url(/img/usr/freepage/award2025/after/deco02.png) no-repeat center / contain;
    position: absolute;
    left: 0;
    bottom: 0;
    rotate: x 180deg;
}
.award_item_inner::after {
    content: "";
    display: inline-block;
    width: 162px;
    height: 191px;
    background: url(/img/usr/freepage/award2025/after/deco02.png) no-repeat center / contain;
    position: absolute;
    right: 0;
    bottom: 0;
    rotate: 180deg;
}
.award_item_img {
    width: min(100%, 1142px);
    margin-bottom: 32px;
    position: relative;
    padding-top: 4px;
}
.award_item_img::before {
    content: "";
    display: inline-block;
    width: 300px;
    height: 10px;
    background: #fff;
    position: absolute;
    bottom: 100%;
    left: 50%;
    translate: -50% 0;
}
.award_item_btn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: min(100%, 571px);
    margin-inline: auto;
    padding-block: 10px;
    background: #B69C3F;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
}
.award_item_note {
    text-align: center;
    height: 0;
    translate: 0 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 13px;
}



section#nominate {
    padding-block: 96px 80px;
}
.nominate_inner {
    width: min(100%, 1260px);
    margin-inline: auto;
    padding-inline: 30px;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 35px 20px;
}
.nominate_title {
    width: 100%;
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 24px;
    padding-top: 98px;
    background: url(/img/usr/freepage/award2025/after/deco01.png) no-repeat center top / 578px auto;
}
.nominate_item {
    width: calc(25% - 15px);
}






[data-browse-mode="S"] section#lead {
    padding-block: 0px 70px;
}
[data-browse-mode="S"] section#lead::before {
    width: 80px;
    height: 56px;
    background: #E2D178;
}
[data-browse-mode="S"] section#lead::after {
    width: 188px;
    height: 36px;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background: #E2D178;
    right: initial;
    left: 0;
}
[data-browse-mode="S"] .lead_inner {
    padding-inline: 20px;
}
[data-browse-mode="S"] .lead_inner::before {
    width: 80px;
    height: 80px;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    background: #E2D178;
    left: initial;
    right: 0;
}
[data-browse-mode="S"] .lead_inner::after {
    width: 188px;
    height: 36px;
    background: #E2D178;
}
[data-browse-mode="S"] .lead_title {
    font-size: 22px;
    line-height: 32px;
    background-size: contain;
    background-position: center bottom 76px;
}
[data-browse-mode="S"] .lead_text {
    font-size: 14px;
    line-height: 1.7;
}
[data-browse-mode="S"] .lead_text p .color01 {
	font-size: 18px;
}
[data-browse-mode="S"] .lead_text p .color02 {
	font-size: 16px;
}
[data-browse-mode="S"] .lead_text p .color03 {
	font-size: 18px;
}
[data-browse-mode="S"] .lead_text p + p {
    margin-top: 16px;
}
[data-browse-mode="S"] .lead_text p.note {
    font-size: 11px;
    text-align: left;
}

[data-browse-mode="S"] section#award {
    padding-block: 68px 45px;
}
[data-browse-mode="S"] .award_inner {
    padding-inline: 20px;
    width: 100%;
}
[data-browse-mode="S"] .award_item {
    padding: 44px 20px 120px;
}
[data-browse-mode="S"] .award_item::before,
[data-browse-mode="S"] .award_item::after,
[data-browse-mode="S"] .award_item_inner::before,
[data-browse-mode="S"] .award_item_inner::after {
    width: 81px;
    height: 95px;
}
[data-browse-mode="S"] .award_item::before {
    left: 16px;
    top: 16px;
}
[data-browse-mode="S"] .award_item::after {
    right: 16px;
    top: 16px;
}
[data-browse-mode="S"] .award_item_inner::before {
    left: 16px;
    bottom: 16px;
}
[data-browse-mode="S"] .award_item_inner::after {
    right: 16px;
    bottom: 16px;
}
[data-browse-mode="S"] .award_item_inner {
    border: none;
    padding: 0;
}
[data-browse-mode="S"] .award_item_img {
    margin-bottom: 20px;
    padding-top: 0;
}
[data-browse-mode="S"] .award_item_img::before {
	display: none;
}
[data-browse-mode="S"] .award_item_note {
    translate: 0 20px;
}
[data-browse-mode="S"] section#nominate {
    padding-block: 20px 80px;
}
[data-browse-mode="S"] .nominate_inner {
    padding-inline: 20px;
    gap: 26px 12px;
}
[data-browse-mode="S"] .nominate_title {
    font-size: 24px;
    line-height: 32px;
    background-size: contain;
    background-position: center bottom 76px;
}
[data-browse-mode="S"] .nominate_item {
    width: calc(50% - 6px);
}