@charset "UTF-8";


/*adjustment
---
original: /assets/scss/campaign-details.scss
---
*/
@media screen and (min-width: 1440px) {
  .hero-campaign-full {
    background-image: url("/camps_visual/mizunocup2025.jpg") !important;
  }
}
@media screen and (max-width: 1439px) {
  .hero-campaign-full {
    background-image: none;
  }
}


/*adjustment
---
original: /assets/scss/object/component/_ico.scss
---
*/
[class*="ico-cmn-material-"].s-size-10 {
  font-size: 1em;
}

.ico-cmn-material-phone::before {
  color: #113961;
}

.list-campaign-guide-text-01 {
  font-size: 1.8rem;
}
@media screen and (max-width: 599px) {
  .list-campaign-guide-text-01 {
    font-size: 1.4rem;
  }
}

.list-campaign-guide-text-02 {
  font-size: 1.4rem;
}

.table-userguide-list u {
  text-decoration:underline;
  text-underline-offset: 0.2em;
  font-weight: 500;
}


/*doc
---
name: table-userguide
category: component
tag: Table
---
*/
.table-userguide {
  margin-top: 20px;
  margin-bottom: 20px;
  border-spacing: 0;
  border-collapse: collapse;
  color: #333;
  font-size: 1.8rem;
}
@media screen and (max-width: 959px) {
  .table-userguide {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 599px) {
  .table-userguide {
    font-size: 1.4rem;
  }
}
.table-userguide:first-child {
  margin-top: 0;
}
.area-modal .table-userguide {
  font-size: 1.2rem;
}

.table-userguide + .table-userguide {
  margin-top: 30px;
}
@media screen and (max-width: 959px) {
  .table-userguide + .table-userguide {
    margin-top: 10px;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide, .table-userguide thead, .table-userguide tbody, .table-userguide tr, .table-userguide th, .table-userguide td {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide tr {
    overflow: hidden;
    margin-top: 10px;
    border-bottom: 1px solid #e9e9e9;
  }
}
.table-userguide tr:first-child {
  margin-top: 0;
}
@media screen and (max-width: 959px) {
  .table-userguide .table-userguide-noborder {
    border-bottom: none;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide th, .table-userguide td {
    float: left;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide thead {
    display: none;
  }
}
.table-userguide th,
.table-userguide td {
  padding: 12px 25px;
  border: 1px solid #e9e9e9;
  text-align: center;
}
@media screen and (max-width: 959px) {
  .table-userguide th,
  .table-userguide td {
    border: none;
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    padding: 10px 15px;
  }
}
.table-userguide th {
  background-color: #113961;
  color: #fff;
}
.area-modal .table-userguide th {
  padding: 12px 15px;
}
.table-userguide td {
  background-color: #fff;
}
_:-ms-lang(x)::-ms-backdrop, .table-userguide .table-userguide-list-item-icon {
  display: inline-block; /* for IE11 */
}
@media screen and (max-width: 959px) {
  .table-userguide td[data-headers] {
    margin-top: 10px;
    border-bottom: 1px solid #e9e9e9;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide td[data-headers]:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide td[data-headers]:last-child {
    border-bottom: none;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide td[data-headers]::before {
    content: attr(data-headers);
    display: block;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 15px;
    margin: -10px -15px 10px;
    background-color: #113961;
    color: #fff;
  }
}
.table-userguide .s-gray {
  background-color: #eef1f4;
  color: #333;
}
@media screen and (max-width: 959px) {
  .table-userguide .table-userguide-offset {
    margin-top: -1px;
  }
}
.table-userguide.s-col-sp td[data-headers] {
  color: #fff;
}
@media screen and (max-width: 959px) {
  .table-userguide.s-col-sp td[data-headers] {
    display: table;
    table-layout: fixed;
    margin-top: -1px;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide.s-col-sp td[data-headers]::before {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide.s-col-sp td[data-headers]:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide.s-col-sp .table-userguide-in {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 10px 15px;
  }
}

.table-userguide-list {
  margin: -12px -25px;
}
@media screen and (max-width: 959px) {
  .table-userguide-list {
    margin: -10px -15px;
  }
}

.table-userguide-list-item {
  position: relative;
  padding: 10px 20px 10px 90px;
}
@media screen and (max-width: 959px) {
  .table-userguide-list-item {
    padding: 10px 10px 10px 60px;
  }
}

.table-userguide-list-item-icon {
  font-size: 1.4rem;
  position: relative;
  padding: 10px 20px;
}
@media screen and (max-width: 959px) {
  .table-userguide-list-item-icon {
    font-size: 1.3rem;
    padding: 10px;
  }
}
.area-modal .table-userguide-list-item-icon {
  font-size: 1.3rem;
}
@media screen and (max-width: 599px) {
  .area-modal .table-userguide-list-item-icon {
    font-size: 1.2rem;
  }
}
.table-userguide b {
  font-size: 1.6rem;
}
@media screen and (max-width: 599px) {
  .table-userguide b {
    font-size: 1.5rem;
  }
}
.table-userguide span {
  color: #ea3353;
}


.list-campaign-guide-icon {
    margin-top: -2px;

}


/*doc
---
name: table-userguide
category: component
tag: Table
---
*/
.table-userguide {
  margin-top: 20px;
  border-spacing: 0;
  border-collapse: collapse;
  color: #333;
  font-size: 1.5rem;
}
@media screen and (max-width: 959px) {
  .table-userguide {
    margin-top: 10px;
  }
}
@media screen and (max-width: 599px) {
  .table-userguide {
    font-size: 1.2rem;
  }
}
.table-userguide:first-child {
  margin-top: 0;
}
.area-modal .table-userguide {
  font-size: 1.2rem;
}

.table-userguide + .table-userguide {
  margin-top: 30px;
}
@media screen and (max-width: 959px) {
  .table-userguide + .table-userguide {
    margin-top: 10px;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide, .table-userguide thead, .table-userguide tbody, .table-userguide tr, .table-userguide th, .table-userguide td {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide tr {
    overflow: hidden;
    margin-top: 10px;
    border-bottom: 1px solid #e9e9e9;
  }
}
.table-userguide tr:first-child {
  margin-top: 0;
}
@media screen and (max-width: 959px) {
  .table-userguide .table-userguide-noborder {
    border-bottom: none;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide th, .table-userguide td {
    float: left;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide thead {
    display: none;
  }
}
.table-userguide th,
.table-userguide td {
  padding: 12px 25px;
  border: 1px solid #e9e9e9;
  text-align: center;
}
@media screen and (max-width: 959px) {
  .table-userguide th,
  .table-userguide td {
    border: none;
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    padding: 10px 15px;
  }
}
.table-userguide th {
  background-color: #113961;
  color: #fff;
}
.area-modal .table-userguide th {
  padding: 12px 15px;
}
.table-userguide td {
  background-color: #fff;
}
_:-ms-lang(x)::-ms-backdrop, .table-userguide .table-userguide-list-item-icon {
  display: inline-block; /* for IE11 */
}
@media screen and (max-width: 959px) {
  .table-userguide td[data-headers] {
    margin-top: 10px;
    border-bottom: 1px solid #e9e9e9;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide td[data-headers]:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide td[data-headers]:last-child {
    border-bottom: none;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide td[data-headers]::before {
    content: attr(data-headers);
    display: block;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 15px;
    margin: -10px -15px 10px;
    background-color: #113961;
    color: #fff;
  }
}
.table-userguide .s-gray {
  background-color: #eef1f4;
  color: #333;
}
@media screen and (max-width: 959px) {
  .table-userguide .table-userguide-offset {
    margin-top: -1px;
  }
}
.table-userguide.s-col-sp td[data-headers] {
  color: #fff;
}
@media screen and (max-width: 959px) {
  .table-userguide.s-col-sp td[data-headers] {
    display: table;
    table-layout: fixed;
    margin-top: -1px;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide.s-col-sp td[data-headers]::before {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide.s-col-sp td[data-headers]:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide.s-col-sp .table-userguide-in {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 10px 15px;
  }
}

.table-userguide-list {
  margin: -12px -25px;
}
@media screen and (max-width: 959px) {
  .table-userguide-list {
    margin: -10px -15px;
  }
}

.table-userguide-list-item {
  position: relative;
  padding: 10px 20px 10px 90px;
}
@media screen and (max-width: 959px) {
  .table-userguide-list-item {
    padding: 10px 10px 10px 60px;
  }
}

.table-userguide-list-item-icon {
  font-size: 1.4rem;
  position: relative;
  padding: 10px 20px;
}
.table-userguide-list-item-icon b {
  font-weight: 500;
  display: contents;
}
@media screen and (max-width: 959px) {
  .table-userguide-list-item-icon {
    font-size: 1.3rem;
    padding: 10px;
  }
}
.area-modal .table-userguide-list-item-icon {
  font-size: 1.3rem;
}
@media screen and (max-width: 599px) {
  .area-modal .table-userguide-list-item-icon {
    font-size: 1.2rem;
  }
}

/*doc
---
name: material-icons
category: component
tag: Icon
---
*/
.ico-cmn-material-panorama_fish_eye::before {
  content: '\e40c';
}

.ico-cmn-material-clear::before {
  content: '\e14c';
}

.ico-cmn-material-change_history::before {
  content: '\e86b';
}