@charset "UTF-8";

.dl-table {
    /**  <dl class="dl-table">  **/
    padding: 0;
}

.dl-child {
    margin: 0;
}

dl.dl-table dt,
dl.dl-table dd {
    margin: 0;
}

dl.dl-table dt {
    padding: 0.1rem 0.1rem;
}

dl.dl-table dd {
    padding: 0.1rem;
}


/****
  *  dl-table PC
  ****/
dl.dl-table dt {
    clear: left;
    float: left;
    width: 45%;
    padding: 0.1rem;
}

dl.dl-table dd {
    margin-left: 45%;
    padding: 0.1rem 0.1rem 0;
}

dl.dl-table dd:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

@media print {
    .dl-table {
        background-color: #ffffff;
        border: 0px;
    }

    dl.dl-table dt {
        clear: none;
        float: none;
        width: auto;
        padding: 0;
        font-weight: normal;
        border: 0px;
        background-color: #ffffff;
    }

    dl.dl-table dd {
        background-color: #ffffff;
        width: auto;
        padding: 0;
        font-weight: normal;
        border: 0px;
    }
}

#buy-history dl.dl-table dt {
    width: 5em;
}

#buy-history dl.dl-table dd {
    margin-left: 5em;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden;
    background-color: #0086ff;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    padding: 8px 0 8px 32px;
    position: absolute;
    top: 130px;
    right: 0px;
    width: 60%;
    z-index: 999;
}

#snackbar::before {
    width: 6px;
    height: 100%;
    content: "";
    background-color: #0068ff;
    position: absolute;
    left: -4px;
    top: 0;
    border-radius: 8px 0 0 8px;
}

#snackbar::after {
    content: "";
    background: url(/img/common/icon_snack_info.png) center center no-repeat;
    background-size: contain;
    width: 1.1em;
    height: 1.1em;
    position: absolute;
    left: 8px;
    top: 10px;
}

#snackbar.warn {
    background-color: #f7945e;
}

#snackbar.warn::before {
    background-color: #ee702e;
}

#snackbar.warn::after {
    background: url(../img/common/icon_snack_error.png) center center no-repeat;
    background-size: contain;
}

#snackbar.error {
    background-color: #ff3833;
}

#snackbar.error::before {
    background-color: #e20000;
}

#snackbar.error::after {
    background: url(../img/common/icon_snack_error.png) center center no-repeat;
    background-size: contain;
}

#snackbar.show {
    visibility: visible;
    animation: slideIn 4.5s;
    animation-fill-mode: forwards;
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateX(80px);
    }

    10%,
    90% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        transform: translateX(80px);
        opacity: 0;
    }
}

@media screen and (max-width: 640px) {
    #snackbar {
        width: 90%;
    }
}

*/
.col-side-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.col-side-wrap #main-s {
    width: 70%;
}

.col-side-wrap .sidebar,
.col-side-wrap #question-side {
    width: 28%;
}

.col-side-wrap .sidebar #side-hd,
.col-side-wrap #question-side #side-hd {
    background-color: #53c858;
    color: #ffffff;
    padding: 16px;
    font-size: 1em;
}

.col-side-wrap .sidebar #side-hd a,
.col-side-wrap #question-side #side-hd a {
    text-decoration: underline;
    color: #ffffff;
}

.col-side-wrap .sidebar .side-main,
.col-side-wrap #question-side .side-main {
    padding: 16px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-top: none;
}

.col-side-wrap .sidebar .side-main .side-menu li,
.col-side-wrap #question-side .side-main .side-menu li {
    border-bottom: 1px solid #dddddd;
}

.col-side-wrap .sidebar .side-main .side-menu a,
.col-side-wrap #question-side .side-main .side-menu a {
    display: block;
    color: #333333;
    padding: 5px 0;
    font-weight: bold;
}

.col-side-wrap .sidebar .side-main .side-menu a .uk-icon,
.col-side-wrap #question-side .side-main .side-menu a .uk-icon {
    float: right;
}

.col-side-wrap .sidebar .side-main .side-menu a .message-notify,
.col-side-wrap #question-side .side-main .side-menu a .message-notify {
    background-color: #ffae00;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    padding: 0 4px;
    font-size: 0.6em;
}

.col-side-wrap .sidebar .side-main .side-menu a:hover,
.col-side-wrap #question-side .side-main .side-menu a:hover {
    color: #53c858;
}

.col-side-wrap .sidebar .side-main #user-menu,
.col-side-wrap #question-side .side-main #user-menu {
    padding-left: 0.5em;
    font-size: 0.8em;
}

.col-side-wrap .sidebar .side-main #user-menu li,
.col-side-wrap #question-side .side-main #user-menu li {
    border-bottom: none;
}

@media (max-width: 960px) {
    .col-side-wrap {
        flex-direction: row;
    }

    .col-side-wrap #main-s {
        width: 100%;
        margin: 0 auto 40px;
    }

    .col-side-wrap .sidebar,
    .col-side-wrap #question-side {
        max-width: 400px;
        width: 100%;
        margin: 0 auto 40px;
        float: none;
    }

    .col-side-wrap .sidebar.my-sidebar .side-main .side-list,
    .col-side-wrap #question-side.my-sidebar .side-main .side-list {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 640px) {
    .col-side-wrap #main-s {
        width: 100%;
        float: none;
    }

    .col-side-wrap .sidebar.my-sidebar {
        width: 100%;
    }

    .col-side-wrap .sidebar.my-sidebar .side-main {
        padding: 10px;
    }

    .col-side-wrap .sidebar.my-sidebar .side-main .side-list {
        padding-right: 0;
        padding-left: 0;
    }
}

/*
  *
  * 繝槭う繝壹�繧ｸsidebar
  *
  */
#mypage-index {

}

#mypage-index .kw-badge {
    width: 35px;
    margin-right: 4px;
}

#mypage-index .myside-sp {
    display: none;
}

@media screen and (max-width: 960px) {
    #mypage-index .myside-sp {
        display: block;
    }
}

#mypage-index #side-kw {
    color: #333333;
    font-weight: bold;
    display: block;
}

#mypage-index #side-kw a {
    color: #333333;
    font-weight: bold;
    display: block;
}

#mypage-index #side-kw #my-ranking {
    position: relative;
}

#mypage-index #side-kw #my-ranking .uk-icon {
    position: absolute;
    right: 0;
    top: 40%;
}

#mypage-index #side-kw #my-ranking .ranking-ttl:before {
    content: "";
    width: 20px;
    height: 17px;
    display: inline-block;
    margin-right: 4px;
    background: url(/img/common/icon_crown_secondary.png) center center no-repeat;
    background-size: cover;
}

#mypage-index #side-kw #my-ranking .rank-data {
    margin: 0 1em 0 0;
}

#mypage-index #side-kw #until-kw .flex {
    justify-content: space-between;
}

#mypage-index #side-kw #until-kw .text-wrap {
    width: calc(100% - 42px);
}

#mypage-index .mypage-mile {
    display: block;
    color: #ffffff;
    background-image: url(/img/ana/img-plane.png);
    background-position: left 8px bottom;
    background-repeat: no-repeat;
    background-size: 35px auto;
    padding: 13px;
    box-shadow: 1px 1px 4px #999999;
}

#mypage-index .mypage-mile.ana-wrap {
    background-color: #1a3d8e;
}

#mypage-index .mypage-mile.jal-wrap {
    background-color: #cc0100;
}

#mypage-index .mypage-mile.docomo-wrap {
    color: #d00f31;
    background-image: url(/img/common/logo_d.png);
    background-position: left 20px center;
    border: solid 1px #333;
}

#mypage-index .amc-registered {
    padding: 10px 0 5px;
}

#mypage-index .amc-unapproved .none .amc-status {
    display: none;
}

#mypage-index .amc-txt {
    width: calc(100% - 38px);
    line-height: 1.2;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
    margin-right: 0;
    margin-left: auto;
}

#mypage-index .amc-txt .error .error-msg {
    color: #ffffff;
    padding: 3px 0 0;
    display: inline-block;
    font-weight: bold;
    margin: 5px 0 0;
    font-size: 0.8em;
}

#mypage-index .amc-txt .error .amc-status {
    animation: flashing 1.5s ease infinite alternate;
}

@keyframes flashing {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#mypage-index .amc-txt .amc-status {
    margin: 5px 0 0 0;
}

#mypage-index .amc-txt a {
    color: #333333;
    display: block;
    padding: 10px 0 5px;
}

#mypage-index .amc-txt a .none .amc-status {
    border: 1px solid #333333;
}

#mypage-index .amc-txt a .uk-icon {
    width: 12px;
}

@media screen and (max-width: 640px) {
    #mypage-index .amc-txt {
        width: 100%;
        margin-left: 1em;
    }

    #mypage-index .amc-badge {
        margin: 0 16px;
        bottom: 0;
    }
}

#mypage-index .side-bonus p {
    margin: 10px 0 0 0;
    background-color: #333333;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.8em;
    padding: 4px 0;
    text-align: center;
}

#mypage-index #identification-kw #identification-badge {
    padding-left: 40px;
}

#mypage-index #identification-badge p {
    display: inline-block;
    line-height: 1;
    border-radius: 4px;
    padding: 2px 4px;
    color: #333333;
}

#mypage-index #identification-badge .font-s {
    font-size: 0.6em;
}

#mypage-index #identification-badge .done,
#mypage-index #identification-badge .checking {
    border: solid 1px #ffffff;
    color: #ffffff;
}

#mypage-index #identification-badge .error {
    border: solid 1px #e20000;
    background: #e20000;
    color: #ffffff;
}

#mypage-index #friend-invite {
    border: 1px solid #dddddd;
}

#mypage-index #friend-invite .font-emphasis {
    font-size: 2em;
    font-weight: bold;
}

#mypage-index #friend-invite .invite-title {
    font-size: 1em;
    background-color: #0196FF;
    padding: 2px;
    color: #fff;
}

#mypage-index #friend-invite .invite-wrap {
    padding: 6px;
}

#mypage-index #friend-invite .invite-wrap img {
    width: 37px;
}

#mypage-index #friend-invite .inside-text {
    display: block;
    font-size: 0.9em;
}

#compare-table table {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
}

#compare-table table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#compare-table table tr {
    width: calc((100% - 5em) / 7);
    border-left: 1px solid #999999;
}

#compare-table table #thead {
    width: 5em;
}

#compare-table table th,
#compare-table table td {
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #999999;
    height: 50px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#compare-table table th {
    font-size: 0.9em;
    background-color: #f5f9ff;
}

#compare-table table .th-top {
    border-top: 1px solid #999999;
}

#compare-table table .row td .sp-hd {
    display: none;
}

#compare-table table .row td .line-red {
    display: inline;
    background: linear-gradient(transparent 80%, #e20000 0%);
}

#compare-table table .change-data th {
    border-right: 1px solid #999999;
}

#compare-table table .change-data th img {
    max-width: 100px;
    width: 100%;
}

#compare-table table .change-data td {
    border-right: 1px solid #999999;
}

#compare-table table .change-data td .line-orange {
    display: inline;
    background: linear-gradient(transparent 70%, #ffae00 0%);
}

@media screen and (max-width: 720px) {
    #compare-table table {
        max-width: 500px;
        margin: 0 auto 50px;
    }

    #compare-table table tbody {
        display: block;
    }

    #compare-table table #thead {
        display: none;
    }

    #compare-table table tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        border-right: 1px solid #999999;
    }

    #compare-table table th {
        width: 100%;
    }

    #compare-table table th br {
        display: none;
    }

    #compare-table table .row td {
        display: inline-block;
        width: 25%;
        font-size: 1em;
        height: 60px;
        border-bottom: none;
    }

    #compare-table table .row td .sp-hd {
        display: block;
        color: #999999;
        font-size: 0.7em;
        font-weight: bold;
        margin-bottom: 5px;
    }

    #compare-table table .change-data {
        border-bottom: 1px solid #999999;
    }

    #compare-table table .change-data th,
    #compare-table table .change-data td {
        border-right: none;
    }
}

@media screen and (max-width: 480px) {
    #compare-table table .row td {
        width: 50%;
    }
}

#mypage-index .mile-status,
#user-index .mile-status {
    border-radius: 15px;
    display: inline-block;
    padding: 1px 5px;
    font-weight: bold;
    font-size: 0.8em;
    background-color: #ffffff;
}

#mypage-index .mile-msg,
#user-index .mile-msg {
    font-size: 0.8em;
}

#mypage-index .none .mile-status,
#user-index .none .mile-status {
    border: 1px solid #666666;
    color: #666666;
}

#mypage-index .confirmed .mile-status,
#user-index .confirmed .mile-status {
    border: 1px solid #53c858;
    color: #53c858;
}

#mypage-index .confirmed .mile-msg,
#user-index .confirmed .mile-msg {
    color: #53c858;
}

#mypage-index .unconfirmed .mile-status,
#user-index .unconfirmed .mile-status {
    border: 1px solid #666666;
    color: #666666;
}

#mypage-index .unconfirmed .mile-msg,
#user-index .unconfirmed .mile-msg {
    color: #666666;
}

#mypage-index .error .mile-status,
#user-index .error .mile-status {
    border: 1px solid #e20000;
    background-color: #ffffff;
    color: #e20000;
    padding: 2px 5px 1px;
}

#mypage-index .error .mile-msg,
#user-index .error .mile-msg {
    color: #e20000;
}

/*
   *
   * docs/index逕ｨCSS
   *
   */
#docs-index {
    font-family: 'Murecho','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

#docs-index span {
    font-family: 'Murecho','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

#docs-index .hd-desc {
    color: #002d7f;
    font-weight: bold;
    font-size: 0.8em;
}

#docs-index #main {
    margin-top: 0;
    margin-bottom: 0;
}

#docs-index #top-cover {
    background: #53c858;
    padding-top: 80px;
}

#docs-index #top-cover .top-user {
    display: block;
}

#docs-index #top-cover .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#docs-index #top-cover h1 {
    font-size: 2.6em;
}

#docs-index #top-cover h1 #span1 {
    display: block;
}

#docs-index #top-cover h1 #span3 {
    display: block;
}

#docs-index #top-cover #mv-text {
    color: #ffffff;
    font-weight: bold;
    max-width: 500px;
}

#docs-index #top-cover #top-cover-text {
    width: 59%;
    text-shadow: 1px 1px 4px rgba(0, 45, 127, 0.75);
    margin-bottom: 3em;
}

#docs-index .top-user input {
    border-radius: 5px;
}

#docs-index .top-user #regist-small {
    font-weight: bold;
    font-size: 0.8em;
    margin: 10px 0 0;
}

#docs-index .top-user #regist-small span {
    color: #ffae00;
    font-weight: bold;
}

#docs-index #mv-fam {
    width: 80%;
    margin: 20px auto 0;
}

#docs-index #mv-fam .flex {
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

#docs-index #mv-fam .top-user {
    display: none;
}

#docs-index .mv-sp {
    display: none;
}

#docs-index #top-user {
    width: 38%;
    max-width: 500px;
}

#docs-index #top-user #user-bk {
    background: #ffffff;
    padding: 16px;
    border-radius: 10px;
}

#docs-index #top-user #user-bk .kw-txt {
    color: #666666;
}

#docs-index #top-user .user-tab li {
    width: 50%;
}

#docs-index #top-user .user-tab li a {
    font-weight: bold;
    font-size: 1.1em;
    border-bottom: 2px solid transparent;
}

#docs-index #top-user .user-tab .uk-active>a {
    border-color: #53c858;
    color: #53c858;
}

#docs-index #top-user input {
    border-radius: 5px;
}

#docs-index #top-user #regist-small {
    font-weight: bold;
    font-size: 0.8em;
    margin: 10px 0 0;
}

#docs-index #top-user #regist-small span {
    color: #ffae00;
    font-weight: bold;
}

#docs-index #top-user #top-loggedIn .flex {
    align-items: center;
    justify-content: center;
}

#docs-index #top-user #top-loggedIn .top-login-name a {
    color: #666666;
    border-bottom: solid 1px #666666;
    padding-bottom: 0.5px;
}

#docs-index #top-user #top-loggedIn #until-kw {
    margin-top: 10px;
}

#docs-index #top-user #top-loggedIn #until-kw .flex {
    justify-content: space-between;
    align-items: center;
}

#docs-index #top-user #top-loggedIn #until-kw .flex h2 {
    padding-top: 15px;
}

#docs-index #top-user #top-loggedIn #until-kw .flex h2 .font-s:nth-child(3) {
    font-size: 0.5em;
}

#docs-index #top-user #top-loggedIn #until-kw .kw-rank .kw-badge {
    padding: 10px 0 0;
}

#docs-index #top-user #top-loggedIn #until-kw .kw-rank p {
    align-self: center;
    color: #333333;
    padding-top: 12px;
}

#docs-index #top-user #top-loggedIn #until-kw h2 {
    font-size: 1.5em;
}

#docs-index #top-user #top-loggedIn #until-kw h2 .font-s {
    font-size: 0.7em;
}

#docs-index #top-user #top-loggedIn .kw-badge {
    max-width: 53px;
    margin-right: 8px;
}

#docs-index #top-user #top-loggedIn h4 {
    margin: 0;
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: bold;
}

#docs-index #top-user #top-own-data table {
    width: 100%;
    border-collapse: collapse;
    color: #333333;
    border-top: 1px solid #dddddd;
}

#docs-index #top-user #top-own-data table tr {
    border-bottom: 1px solid #dddddd;
}

#docs-index #top-user #top-own-data th {
    width: 110px;
    text-align: center;
    font-size: 0.8em;
}

#docs-index #top-user #top-own-data th img {
    width: 35px;
    display: block;
    margin: 0 auto;
}

#docs-index #top-user #top-own-data .kw-badge img {
    width: 50px;
}

#docs-index #top-user #top-own-data td {
    text-align: right;
    font-weight: bold;
    font-size: 1.4em;
    padding: 20px 0;
}

#docs-index #top-user #top-own-data td span {
    font-size: 0.7em;
}

#docs-index #top-user #top-own-data td .font-s {
    font-size: 0.6em;
}

#docs-index #top-user #top-own-data #bank-waiting {
    font-size: 0.8em;
    font-weight: bold;
    padding: 5px;
    margin: 10px 0 0;
}

#docs-index #top-user #top-own-data #bank-waiting a {
    color: #666666;
    text-decoration: underline;
}

#docs-index #latest-info {
    background: #5c8fed;
    color: #002d7f;
    width: 100%;
}

#docs-index #latest-info .container {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    overflow: visible;
}

#docs-index #latest-info .flex {
    justify-content: space-between;
    align-items: flex-end;
}

#docs-index #latest-info .latest-wrap {
    width: calc(100% - 270px);
}

#docs-index #latest-info #gla {
    position: absolute;
    right: 0;
    bottom: -37px;
    width: 200px;
}

#docs-index #latest-info #gla img.pc-img {
    display: block;
}

#docs-index #latest-info #gla img.sp-img {
    display: none;
}

#docs-index #latest-info h4 {
    color: #002d7f;
    font-size: 1em;
    margin-bottom: 5px;
    font-size: 12px;
}

#docs-index #latest-info dl {
    border-top: 1px solid #002d7f;
    padding-top: 5px;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}

#docs-index #latest-info dl .info-wrap {
    display: flex;
}

#docs-index #latest-info dl dt {
    font-weight: normal;
    font-size: 12px;
    padding: 7px 5px 0 0;
}

#docs-index #latest-info dl dd {
    font-weight: bold;
    margin-right: 0.8em;
    font-size: 1.2em;
}

#docs-index #latest-info dl dd span {
    font-size: 0.9em;
}

#docs-index #top-app {
    width: 250px;
}

#docs-index #top-app .text-wrap {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 8px;
    color: #002d7f;
}

#docs-index #top-app .flex {
    justify-content: center;
}

#docs-index #top-app .flex li:first-child {
    margin: 0 10px 0 0;
}

#docs-index #bnr-story li {
    width: 48%;
}
#docs-index #content {
    background-color: #f5f9ff;
    padding: 5em 0;
}

#docs-index #content ul {
    max-width: 1200px;
    margin: 0 auto !important;
    display: flex;
    justify-content: space-between;
        flex-wrap: nowrap;
        align-items: stretch;
}

#docs-index #content ul li {
    text-align: center;
        padding: 40px;
        margin: 0 3% 0 !important;
        border: 4px solid #dfedff;
        border-radius: 20px;
        background-color: #fff;
}
/*
#docs-index #content ul li:nth-child(2) {
    border-left: none;
    border-right: none;
}
*/
#docs-index #content ul h3 {
    color: #333;
    font-size: 1.8em;
    display: inline-block;
}


#docs-index #content ul .content-img {
    margin: 0 auto 10px;
    max-width: 200px;
    width: 100%;
}

#docs-index #content ul p {
    text-align: left;
    max-width: 400px;
    margin: 20px auto;
    color: #333333;
}

#docs-index #banner2 {
    max-width: 1200px !important;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#docs-index #banner2 .banner-wrap {
    width: 46%;
    margin: 0 2%;
    max-width: 380px;
}

#docs-index #banner3 {
    max-width: 1200px !important;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#docs-index #banner3 .banner-wrap {
    width: 32%;
}

.uk-margin-remove-left {
    display: flex;
}

#docs-index #campaign {
    /*max-width: 900px;*/
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#docs-index #alliance a {
    width: 100%;
}

#docs-index #alliance .flex {
    justify-content: center;
}

#docs-index #alliance .flex a {
    display: block;
    width: 48%;
    margin: 5px;
}

#docs-index #alliance .notes1 {
    max-width: 24em;
    width: 100%;
    margin: 20px auto;
}

#docs-index #wat {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    font-weight: bold;
    border: 2px solid #002d7f;
    padding: 15px;
}

#docs-index #wat h2 {
    color: #002d7f;
    text-align: center;
    margin: 0 auto 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #002d7f;
}

#docs-index #wat #wat-main {
    justify-content: center;
}

#docs-index #wat #wat-main #wat-img {
    width: 160px;
}

#docs-index #wat #wat-main #wat-catch {
    max-width: 260px;
    padding: 0 15px;
    margin: 0;
    color: #002d7f;
    text-align: center;
    font-size: 1.1em;
}

#docs-index #wat #wat-main #wat-catch span {
    display: block;
}

#docs-index #wat #wat-main #wat-catch .catch-m strong {
    font-size: 1.3em;
}

#docs-index #wat #wat-main #wat-catch .catch-l {
    font-size: 2.5em;
    line-height: 1;
}

#docs-index #wat #wat-main #wat-text {
    width: calc(100% - 430px);
    max-width: 470px;
    font-size: 1.2em;
}

#docs-index #wat #wat-main #wat-text span {
    display: block;
}

#docs-index #wat #wat-main #wat-text a {
    margin: 10px 0;
}

#docs-index #wat #wat-main #wat-text a span {
    display: inline-block;
}

#docs-index #use {
    max-width: 1200px;
}

#docs-index #use #use-wrap {
    align-self: center;
}

#docs-index #use #use-text {
    max-width: 520px;
}

#docs-index #use #use-text p {
    letter-spacing: 0;
}

#docs-index #use h2 {
    color: 333;
}

#docs-index #use h2 img {
    display: block;
    width: 88px;
}

.word-p {
    color: #333;
}

#docs-index #use #use-img {
    max-width: 300px;
}

#docs-index #merit {
    background: #f5f9ff;
}

#docs-index #merit h2 {
    color: #002d7f;
}

#docs-index #merit h2 span {
    background: #fff100;
    display: inline-block;
    font-size: 30%;
    padding: 0.5em 1em;
}

#docs-index #merit ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

#docs-index #merit ul li {
    color: #ffffff;
    width: 49%;
    float: left;
    margin-bottom: 2%;
}

#docs-index #merit ul li h3 {
    color: #ffffff;
    text-align: center;
}

#docs-index #merit ul li h3 span {
    display: block;
    color: #fff100;
    font-size: 2.3em;
    font-style: italic;
}

#docs-index #merit ul li p {
    max-width: 400px;
    margin: 20px auto 0;
}

#docs-index #merit ul li p a {
    color: #ffffff;
}

#docs-index #merit ul li:nth-child(1) {
    background: url(../img/docs/top/merit1.jpg) center top no-repeat;
    background-size: cover;
    margin-right: 2%;
}

#docs-index #merit ul li:nth-child(2) {
    background: url(../img/docs/top/merit2.jpg) center top no-repeat;
    background-size: cover;
}

#docs-index #merit ul li:nth-child(3) {
    background: url(../img/docs/top/merit3.jpg) center top no-repeat;
    background-size: cover;
    margin-right: 2%;
}

#docs-index #merit ul li:nth-child(4) {
    background: url(../img/docs/top/merit4.jpg) center top no-repeat;
    background-size: cover;
}

#docs-index #power {
    background: #f5f9ff;
}

#docs-index #power h2 {
    color: #002d7f;
}

#docs-index #power h2 img {
    display: block;
    width: 58px;
    margin-bottom: 0;
}

#docs-index #power canvas {
    background: #ffffff;
    padding: 10px;
}

#docs-index #power #power-rate {
    text-align: center;
}

#docs-index #power #power-rate dl {
    display: flex;
    flex-wrap: wrap;
    max-width: 640px;
    margin: 0 auto 20px;
}

#docs-index #power #power-rate .rate-wrap {
    width: 48%;
    background: #53c858;
    color: #ffffff;
    border-radius: 10px;
    padding: 10px;
    margin: 5px 1%;
}

#docs-index #power #power-rate .rate-wrap dd {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
}

#docs-index #power #chart-wrap {
    position: relative;
    padding-top: 50px;
}

#docs-index #power #chart-switch {
    display: inline-flex;
    border: 2px solid #0055b2;
    border-radius: 5px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
}

#docs-index #power #chart-switch li {
    background: #ffffff;
    color: #999999;
    padding: 5px 10px;
    font-size: 0.9em;
    font-weight: bold;
    cursor: pointer;
}

#docs-index #power #chart-switch li.active {
    background: linear-gradient(#53c858, #0055b2);
    background: -moz-linear-gradient(top, #53c858, #0055b2);
    background: -webkit-gradient(linear, left top, left bottom, from(#53c858), to(#0055b2));
    color: #ffffff;
}

#docs-index #power #chart-switch li:first-child {
    border-radius: 3px 0 0 3px;
}

#docs-index #power #chart-switch li:last-child {
    border-radius: 0 3px 3px 0;
}

#docs-index #facilities {
    margin-top: 3em;
}

#docs-index #facilities h2 {
    color: #002d7f;
}

#docs-index #facilities h2 img {
    display: block;
    width: 58px;
    margin-bottom: 0;
}


.uk-container-expand {
    background-color: #004972;
}

footer .container {
    display: flex;
}

.uk-grid-column-small,
.uk-grid-small {
    display: flex;

        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none
}

#docs-index #blog {
    background: #f5f9ff;
}

#docs-index #blog h2 {
    color: #002d7f;
}

#docs-index #blog .hd-desc {
    position: relative;
    width: 320px;
    margin: 0 auto;
}

#docs-index #blog .hd-desc br {
    display: none;
}

#docs-index #blog .hd-desc:before,
#docs-index #blog .hd-desc:after {
    border-bottom: 1px solid;
    content: "";
}

#docs-index #blog .hd-desc:before {
    position: absolute;
    top: 0.2em;
    left: -4em;
    height: 0.5em;
    width: 3em;
}

#docs-index #blog .hd-desc:after {
    position: absolute;
    top: 0.2em;
    right: -4em;
    height: 0.5em;
    width: 3em;
}

#docs-index #blog ul {
    overflow: hidden;
    padding: 2px;
}

#docs-index #blog ul li {
    background: #ffffff;
    width: 49%;
    float: left;
    margin-bottom: 2%;
    padding: 16px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

#docs-index #blog ul li .blog-wrap {
    display: flex;
}

#docs-index #blog ul li .blog-img {
    width: 32%;
    margin: 0;
}

#docs-index #blog ul li .blog-img img {
    width: 100%;
    border: 1px solid #dddddd;
    margin-bottom: 6px;
}

#docs-index #blog ul li .blog-img .blog-category {
    padding-left: 8px;
}

#docs-index #blog ul li .blog-img .blog-category span {
    display: inline-block;
    height: 20px;
    background: #0055b2;
    color: #ffffff;
    text-align: center;
    font-size: 0.7em;
    font-weight: bold;
    padding: 1px 4px 2px 7px;
    margin-right: 6px;
    position: relative;
}

#docs-index #blog ul li .blog-img .blog-category span::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 10px 0;
    border-color: transparent #0055b2 transparent transparent;
}

#docs-index #blog ul li .blog-img .blog-category span::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #ffffff;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -2px;
}

#docs-index #blog ul li .blog-text {
    width: 67%;
    padding-left: 16px;
}

#docs-index #blog ul li .blog-text .blog-title {
    margin-bottom: 8px;
    font-size: 1em;
    line-height: 1.1em;
    color: #333333;
}

#docs-index #blog ul li .blog-text .blog-opening {
    font-size: 0.8em;
    margin: 0 0 8px;
    color: #333333;
}

#docs-index #blog ul li .blog-text .blog-more {
    color: #002d7f;
    font-weight: bold;
    font-size: 0.9em;
}

#docs-index #blog ul li:nth-child(odd) {
    margin-right: 2%;
}

#docs-index #qa h2 {
    color: #002d7f;
}

#docs-index #qa h2 img {
    display: block;
    width: 38px;
    margin-bottom: 0;
}

#docs-index #qa .qa-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#docs-index #qa .qa-list dt:before {
    background: url(/img/docs/top/icon-q.png) center top no-repeat;
    background-size: contain;
}

#docs-index #qa .qa-wrap {
    margin-bottom: 2%;
    width: 49%;
    border: 1px solid #0055b2;
}

#docs-index #qa .qa-wrap dt {
    background: #0055b2;
    color: #ffffff;
    margin: 0;
    padding: 10px 10px 10px 45px;
}

#docs-index #qa .qa-wrap dd {
    font-size: 0.9em;
}

#docs-index #qa .qa-wrap dd .mk {
    background: linear-gradient(transparent 60%, #fff100 0%);
    display: inline;
}

#docs-index #qa .qa-wrap .font-s {
    font-size: 0.8em;
    line-height: 1.3;
    display: inline-block;
}

@media screen and (max-width: 1280px) {
    #docs-index #top-cover .flex {
        align-items: center;
    }
}

@media screen and (max-width: 1160px) {
    #docs-index #latest-info dl .info-wrap {
        display: block;
    }

    #docs-index #content ul h3 {
        font-size: 1.5em;
    }

    #docs-index #use {
        background-size: cover;
    }

    #docs-index #power {
        padding: 30px 0;
    }

    #docs-index #facilities {
        padding: 30px 0 0;
    }

    #docs-index #blog {
        padding: 30px 0 0;
    }
}

@media screen and (max-width: 1020px) {
    #docs-index #top-cover h1 {
        font-size: 2.5em;
    }
}

@media screen and (max-width: 960px) {
    #docs-index #top-cover {
        padding-top: 40px;
    }

    #docs-index #top-cover h1 #span3 {
        display: block;
        font-size: 1.5em;
    }

    #docs-index #top-user #top-loggedIn #until-kw .flex {
        display: block;
    }

    #docs-index #top-user #top-loggedIn #until-kw .flex h2 {
        padding-top: 0;
    }

    #docs-index #latest-info .flex {
        justify-content: center;
    }

    #docs-index #latest-info .latest-wrap {
        padding-right: 0;
        width: 100%;
    }

    #docs-index #latest-info #gla {
        bottom: auto;
        top: -120px;
        width: 160px;
    }

    #docs-index #latest-info #top-app {
        margin-top: 16px;
    }

    #docs-index #wat #wat-main #wat-catch {
        font-size: 1em;
        max-width: 220px;
    }

    #docs-index #wat #wat-main #wat-text {
        font-size: 1em;
        width: calc(100% - 320px);
    }

    #docs-index #wat #wat-main #wat-text span {
        display: inline;
    }

    #docs-index #merit h3 {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 820px) {
    #docs-index #latest-info dl .info-wrap {
        display: block;
    }

    #docs-index #content {
        padding: 0 20px 20px;
    }

    #docs-index #content ul {
        display: block;
    }

    #docs-index #content ul li {
        width: 100%;
        padding: 20px;
        position: relative;
        margin: 10px 0!important;
    }

    #docs-index #content ul li h3 {
        text-align: center;
        margin: 30px 0 10px;
    }


    #docs-index #content ul li .content-img {
        max-width: 200px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: 0;
    }

    #docs-index #content ul li .content-img img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    #docs-index #content ul li a {
        display: block;
        margin: 1em auto;
    }

    #docs-index #content ul li:nth-child(2) {

    }

    #docs-index #merit h2 span {
        margin-bottom: 0.5em;
    }

    #docs-index #merit ul li {
        width: 100%;
        float: none;
    }

    #docs-index #merit ul li h3 {
        position: relative;
        padding-left: 70px;
        text-align: left;
        max-width: 400px;
        margin: 0 auto;
    }

    #docs-index #merit ul li h3 span {
        position: absolute;
        left: 0;
    }

    #docs-index #blog ul li {
        width: 100%;
        float: none;
    }

    #docs-index #blog ul li .blog-img {
        width: 28%;
    }

    #docs-index #blog ul li .blog-text {
        width: 72%;
    }

    #docs-index #top-cover h1 {
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    #docs-index #top-cover .container {
        background: url(/img/docs/top/bg_spring_sp.png);
        background-size: 100%;
        background-repeat: repeat-y;
    }

    #docs-index #top-cover #top-cover-text {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        float: none;
    }

    #docs-index #top-cover #top-cover-text h1 #span3 {
        display: inline-block;
        font-size: 1em;
    }

    #docs-index .top-user {
        display: block;
    }

    #docs-index #top-user {
        width: 100%;
        float: none;
        margin: 60px auto 0;
    }

    #docs-index #top-user #top-loggedIn #until-kw .flex {
        display: flex;
    }

    #docs-index #top-user #top-loggedIn #until-kw .flex h2 {
        padding-top: 15px;
    }

    #docs-index #banner2 .banner-wrap,
    #docs-index #banner3 .banner-wrap {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 20px;
    }

    #docs-index #banner3 .banner-wrap {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 20px;
    }

    #docs-index #qa .qa-wrap {
        width: 100%;
    }
}

@media (max-width: 680px) {
    #docs-index .mv-sp {
        display: block;
    }

    #docs-index .mv-pc {
        display: none;
    }

    #docs-index #top-user {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    #docs-index #latest-info dl {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #docs-index #latest-info #gla {
        width: 200px;
        top: -40px;
    }

    #docs-index #latest-info #gla img.pc-img {
        display: none;
    }

    #docs-index #latest-info #gla img.sp-img {
        display: block;
    }

    #docs-index #wat #wat-main {
        max-width: 500px;
        margin: 0 auto;
        display: block;
    }

    #docs-index #wat #wat-main #wat-img {
        margin: 0 auto 10px;
        max-width: 50px;
    }

    #docs-index #wat #wat-main #wat-catch {
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    #docs-index #wat #wat-main #wat-catch .catch-m {
        display: inline;
    }

    #docs-index #wat #wat-main #wat-catch .catch-l {
        display: inline;
        font-size: 1.5em;
    }

    #docs-index #wat #wat-main #wat-text {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
}

@media (max-width: 640px) {
    #docs-index #content {
        padding: 0 10px;
    }

    #docs-index #content ul li {
        padding: 20px 10px !important;
    }

    #docs-index #content ul li h3 {

    }

    #docs-index #content ul li .content-img img {
        position: initial;
    }

    #docs-index #content ul li p {
        max-width: 100%;
        margin-top: 50px;
    }

    #docs-index #content ul li a {
        margin-right: auto;
    }

    #docs-index #content ul li:last-child .content-img {
        margin-top: 20px;
    }

    #docs-index #content ul li:last-child p {
        margin-top: 90px;
    }

    #docs-index #campaign .banner-wrap {
        max-width: 480px;
        margin: 0 auto 20px;
    }

    #docs-index #use {
        padding: 20px 10px;
    }

    #docs-index #use .uk-inline {
        padding-left: 0 !important;
    }

    #docs-index #use #use-text {
        position: static !important;
        transform: none !important;
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    #docs-index #use #use-text p {
        text-align: left;
    }

    #docs-index #merit ul li.uk-padding {
        padding: 20px 10px;
    }

    #docs-index #wat {
        margin: 0 auto;
    }
}

@media (max-width: 520px) {
    #docs-index #top-cover h1 {
        font-size: 2.3em;
    }

    #docs-index #top-user #user-bk {
        border: none;
    }

    #docs-index #content ul li h3 {
        margin: 0;
    }

    #docs-index #content ul li .content-img {
        max-width: 150px;
    }

    #docs-index #content ul li:last-child p {
        margin-top: 80px;
    }

    #docs-index #alliance .flex a {
        width: 100%;
    }

    #docs-index #merit .hd-desc br {
        display: none;
    }

    #docs-index #merit ul li h3 {
        padding-left: 0;
        text-align: center;
    }

    #docs-index #merit ul li h3 span {
        position: static;
        font-size: 2em;
    }

    #docs-index #power .container {
        padding-left: 0;
        padding-right: 0;
    }

    #docs-index #power #power-rate {
        padding: 0 5px;
    }

    #docs-index #power #power-rate .rate-wrap {
        padding: 10px 5px;
    }

    #docs-index #power #power-rate .rate-wrap dt {
        font-size: 0.8em;
    }

    #docs-index #power #power-rate .rate-wrap dd {
        font-size: 5.3vw;
    }

    #docs-index #power #chart-switch {
        right: 10px;
    }

    #docs-index #blog .hd-desc {
        width: 100%;
    }

    #docs-index #blog .hd-desc:before,
    #docs-index #blog .hd-desc:after {
        content: none;
    }

    #docs-index #blog ul li .blog-wrap {
        display: block;
    }

    #docs-index #blog ul li .blog-img {
        width: 100%;
        text-align: center;
    }

    #docs-index #blog ul li .blog-img .blog-category {
        text-align: left;
    }

    #docs-index #blog ul li .blog-text {
        width: 100%;
        padding: 20px 0;
    }

    #docs-index #blog ul li .blog-text a {
        margin-bottom: 1em !important;
    }
}

@media (max-width: 480px) {
    #docs-index #top-cover h1 {
        font-size: 2em;
    }

    #docs-index #top-user #top-loggedIn #until-kw .flex {
        display: block;
    }

    #docs-index #top-user #top-loggedIn #until-kw .flex h2 {
        padding-top: 0;
    }

    #docs-index #content ul li h3 {
        font-size: 1.3em;
    }

    #docs-index #content ul li .content-img {
        max-width: 120px;
    }

    #docs-index #content ul li p {
        margin-top: 30px;
    }

    #docs-index #content ul li:last-child .content-img {
        margin-top: 0;
        top: 8px;
    }

    #docs-index #content ul li:last-child p {
        margin-top: 50px;
    }

    #docs-index #wat h2 {
        font-size: 1.2em;
    }

    #docs-index #wat #wat-main #wat-catch .catch-m {
        display: block;
    }

    #docs-index #wat #wat-main #wat-catch .catch-l {
        font-size: 2.4em;
    }

    #docs-index #wat #wat-main #wat-text {
        font-size: 1em;
    }

    #docs-index #merit ul li h3 {
        font-size: 1.1em;
    }

    #docs-index #merit ul li h3 br {
        display: none;
    }

    #docs-index #blog .hd-desc br {
        display: block;
    }
}

@media (max-width: 404px) {
    #docs-index #top-cover #top-cover-text h1 {
        font-size: 1.8em;
    }

    #docs-index #top-cover #top-cover-text h1::after {
        width: 100px;
        height: 75px;
        margin-left: 6.2em;
    }

    #docs-index #content ul li:last-child p {
        margin-top: 20px;
    }
}

@media (max-width: 360px) {
    #docs-index #top-user #top-loggedIn .flex {
        justify-content: space-around;
    }

    #docs-index #top-user #top-loggedIn #top-kw h4 {
        font-size: 1em;
    }

    #docs-index #top-user #top-loggedIn #top-kw .kw-txt p {
        font-size: 0.8em;
    }
}

/*
   *
   * docs/荳ｭ繝壹�繧ｸ逕ｨCSS
   *
   */
/*---------- 蜈ｱ騾� ----------*/
.docs-wrap .hd-category {
    font-size: 0.4em;
    border: 1px solid #ffffff;
    padding: 5px;
    display: table;
    margin: 0 auto 2px;
}

.docs-wrap h2 {
    font-size: 2.5em;
}

.docs-wrap h3 {
    font-size: 1.3em;
}

.docs-wrap p {
    line-height: 1.8;
}

.docs-wrap .flex {
    justify-content: space-between;
}

.docs-wrap .width-1-2 {
    display: flex;
}

.docs-wrap .width-1-2 .width-l {
    width: 50%;
    padding-right: 2%;
}

.docs-wrap .width-1-2 .width-r {
    width: 50%;
    padding-left: 2%;
}

.docs-wrap .width-3-2 {
    display: flex;
}

.docs-wrap .width-3-2 .width-3 {
    width: 60%;
    padding-right: 2%;
}

.docs-wrap .width-3-2 .width-2 {
    width: 40%;
    padding-left: 2%;
}

/* docs蜈ｱ騾壹�繝�じ繧､繝ｳ */
.docs-common .h-bottom-blue,
.docs-common .h-bottom-blue-left,
.docs-common .h-bottom-white {
    font-size: 0.4em;
}

/*---------- end蜈ｱ騾� ----------*/
/*---------- 縺ｯ縺倥ａ縺ｦ縺ｮ譁ｹ縺ｸ ----------*/
#docs-about #about-wattstore .text-wrap,
#docs-about #about-purpose .text-wrap {
    width: 58%;
}

#docs-about #about-wattstore .img-wrap,
#docs-about #about-purpose .img-wrap {
    width: 38%;
    text-align: center;
}

#docs-about #about-wattstore .img-wrap img,
#docs-about #about-purpose .img-wrap img {
    max-width: 340px;
    width: 100%;
}

#docs-about #about-feature h3 span {
    color: #53c858;
    display: block;
    font-size: 0.7em;
}

#docs-about #about-feature ul li {
    margin-bottom: 30px;
}

#docs-about #about-feature ul li .text-wrap {
    width: 60%;
}

#docs-about #about-feature ul li .img-wrap {
    width: 36%;
}

#docs-about .about-wat .text-wrap {
    width: calc(96% - 300px);
}

#docs-about .about-wat .img-wrap {
    width: 300px;
    max-width: 300px;
    padding: 20px;
    margin: 0 auto;
}

#docs-about .about-wat .img-wrap p {
    font-size: 1.6em;
    font-weight: bold;
}

#docs-about #about-flow .uk-padding-remove-left {
    display: flex;
    flex-wrap: wrap;
}

#docs-about #about-flow ol li {
    width: 23.5%;
    margin: 0 2% 2% 0;
    background-color: #ffffff;
    border: 1px solid #53c858;
    border-radius: 5px;
    position: relative;
    padding: 40px 10px 40px 5px;
}

#docs-about #about-flow ol li img {
    max-width: 130px;
    max-height: 83px;
    margin: 0 auto;
    width: 100%;
    display: block;
}

#docs-about #about-flow ol li:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #53c858;
    position: absolute;
    right: -11px;
    bottom: 70px;
}

#docs-about #about-flow ol li:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: -10px;
    bottom: 70px;
}

#docs-about #about-flow ol li:last-child {
    background-color: #53c858;
    margin: 0 0 2% 0;
}

#docs-about #about-flow ol li:last-child:before,
#docs-about #about-flow ol li:last-child:after {
    content: none;
}


#docs-solar-index h3 {
    font-size: 1.1em;
}

#docs-solar-index #content-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 2px;
}

#docs-solar-index #content-list li {
    max-width: 550px;
    width: 32%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #dddddd;
    position: relative;
}

#docs-solar-index #content-list li .list-text {
    padding-bottom: 60px;
}

#docs-solar-index #content-list li .list-text .btn-wrap {
    position: absolute;
    width: 90%;
    bottom: 15px;
    left: 5%;
}

/*---------- end螟ｪ髯ｽ蜈臥匱髮ｻ謚戊ｳ�↓縺､縺�※ ----------*/
/*---------- 螟ｪ髯ｽ蜈臥匱髮ｻ謚戊ｳ��縺励￥縺ｿ ----------*/
#docs-solar-structure .quote-wrap {
    padding: 2%;
}

#docs-solar-structure .quote {
    font-style: italic;
    padding: 3% 3% 1%;
    border: 1px solid #656565;
    color: #656565;
    position: relative;
    width: 96%;
    margin: 2%;
}

#docs-solar-structure .quote h3 {
    border-bottom: 2px solid #656565;
    color: #656565;
    font-size: 1.4em;
    display: inline-block;
    padding: 0 0.8em 5px;
    margin-bottom: 30px;
}

#docs-solar-structure .quote h4 {
    border-left: 5px solid #656565;
    color: #656565;
    padding-left: 10px;
    font-size: 1.2em;
    font-weight: bold;
}

#docs-solar-structure .quote h5 {
    color: #656565;
    font-weight: bold;
    margin: 10px 0;
}

#docs-solar-structure .quote p {
    font-size: 0.85em;
}

#docs-solar-structure .quote ul {
    padding-left: 0;
}

#docs-solar-structure .quote #saiene-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

#docs-solar-structure .quote #saiene-list li {
    width: 50%;
}

#docs-solar-structure .quote #charge-list li {
    margin-bottom: 0.5em;
    list-style: disc;
    margin-left: 1em;
    font-size: 0.85em;
}

#docs-solar-structure .quote:before,
#docs-solar-structure .quote:after {
    background-color: #ffffff;
    font-weight: bold;
    font-size: 40px;
    position: absolute;
    width: 0.7em;
    height: 1em;
    font-style: normal;
}

#docs-solar-structure .quote:before {
    content: "窶�";
    top: -1%;
    left: -1%;
    text-align: left;
}

#docs-solar-structure .quote:after {
    content: "窶�";
    bottom: -1%;
    right: -1%;
    text-align: right;
}

#docs-solar-structure #structure-04 .icon {
    width: 75px;
}

/*---------- end螟ｪ髯ｽ蜈臥匱髮ｻ謚戊ｳ��縺励￥縺ｿ ----------*/
/*---------- 螳牙ｿ�ｿ晁ｨｼ ----------*/
#docs-solar-guarantee #guarantee-01 h4 {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

/*---------- end螳牙ｿ�ｿ晁ｨｼ ----------*/
/*---------- CHANGE縺ｫ縺､縺�※ ----------*/
#docs-solar-change #change-structure .text-wrap {
    width: 60%;
}

#docs-solar-change #change-structure .img-wrap {
    width: 36%;
    max-width: 400px;
    margin: 0 auto;
}

#docs-solar-change #change-flow ul li {
    display: flex;
    align-items: center;
}

#docs-solar-change #change-flow ul li .flow-hd {
    position: relative;
}

#docs-solar-change #change-flow ul li .flow-hd h3 {
    width: 200px;
    color: #ffffff;
    text-align: center;
    padding: 65px 10px 0;
    margin: 0;
    font-size: 1.1em;
}

#docs-solar-change #change-flow ul li .flow-hd h3 img {
    max-width: 80px;
    width: 90%;
    margin: 5px auto;
}

#docs-solar-change #change-flow ul li .flow-hd h3 span {
    display: block;
}

#docs-solar-change #change-flow ul li .flow-hd h3 .span-y {
    color: #fff100;
    font-size: 0.8em;
}

#docs-solar-change #change-flow ul li .flow-hd h3:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 100px 0 100px;
    position: absolute;
    left: 0;
    bottom: -50px;
    z-index: 99;
}

#docs-solar-change #change-flow ul li .flow-text {
    padding: 40px 15px 0;
}

#docs-solar-change #change-flow ul li p {
    margin: 0;
    align-self: center;
}

#docs-solar-change #change-flow ul li:nth-child(1) .flow-hd {
    background-color: #97ccfb;
}

#docs-solar-change #change-flow ul li:nth-child(1) .flow-hd h3 {
    padding: 15px 10px 0;
}

#docs-solar-change #change-flow ul li:nth-child(1) .flow-hd h3:after {
    border-color: #97ccfb transparent transparent transparent;
}

#docs-solar-change #change-flow ul li:nth-child(2) .flow-hd {
    background-color: #7bbef9;
}

#docs-solar-change #change-flow ul li:nth-child(2) .flow-hd h3:after {
    border-color: #7bbef9 transparent transparent transparent;
}

#docs-solar-change #change-flow ul li:nth-child(3) {
    margin-bottom: 70px;
}

#docs-solar-change #change-flow ul li:nth-child(3) .flow-hd {
    background-color: #53c858;
}

#docs-solar-change #change-flow ul li:nth-child(3) .flow-hd h3:after {
    border-color: #53c858 transparent transparent transparent;
}

#docs-solar-change #change-flow ul li:nth-child(4) .flow-hd {
    background-color: #0055b2 !important;
}

#docs-solar-change #change-flow ul li:nth-child(4) .flow-hd h3 {
    padding: 20px 15px;
}

#docs-solar-change #change-price .font-l {
    font-size: 1.5rem;
}

#docs-solar-change #change-price .flex {
    justify-content: space-between;
    flex-wrap: wrap;
}

#docs-solar-change #change-price #price-text {
    width: 60%;
}

#docs-solar-change #change-price #exp {
    width: 38%;
    font-size: 0.8em;
}

#docs-solar-change #change-price #exp dl {
    justify-content: flex-start;
    background-color: #ffffff;
    border: 1px solid #000;
    padding: 0 0.5em;
}

#docs-solar-change #change-price #exp dt {
    width: 8em;
    padding: 0.5em 0;
}

#docs-solar-change #change-price #exp dt::after {
    content: "��";
}

#docs-solar-change #change-price #exp dd {
    width: calc(100% - 8em);
    text-align: left;
    padding: 0.5em 0;
}

#docs-solar-change #change-price .chart-wrap h3,
#docs-solar-change #change-price .chart-wrap p {
    margin: 10px 0;
}

#docs-solar-change #change-price #price-ex ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}

#docs-solar-change #change-price #price-ex li {
    width: 31%;
    border: 1px solid #0055b2;
    background-color: #ffffff;
    border-radius: 15px;
}

#docs-solar-change #change-price #price-ex li h4 {
    padding: 10px;
    border-bottom: 1px solid #0055b2;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 0;
    text-align: center;
}

#docs-solar-change #change-price #price-ex li dl {
    padding: 10px;
    margin: 0;
}

#docs-solar-change #change-price #price-ex li dl dt {
    font-size: 0.8rem;
    margin-top: 5px;
    font-weight: normal;
    float: left;
}

#docs-solar-change #change-price #price-ex li dl dd {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 5px;
    font-weight: bold;
    word-break: keep-all;
}

#docs-solar-change #change-price #price-ex li dl dd:last-child {
    border-bottom: none;
}

#docs-solar-change #change-column #column-wrap {
    border: 1px solid #0055b2;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 30px 15px;
}

#docs-solar-change #change-column h2 img {
    width: 1.5em;
}

#docs-solar-change #change-column .column-main {
    margin-bottom: 80px;
}

#docs-solar-change #change-column .column-main img {
    width: 100%;
}

#docs-solar-change #change-column .h-border {
    border-bottom: 2px solid #333333;
    display: inline-block;
}

#docs-solar-change #change-column .sup {
    padding: 20px;
    font-size: 0.8em;
    background-color: #0055b2;
}

#docs-solar-change #change-column .sup h4 {
    color: #ffffff;
    font-weight: bold;
}

#docs-solar-change #change-column .sup .sup-wrap {
    background-color: #ffffff;
    border-radius: 15px;
    padding: 15px 5px;
    margin: 1%;
    height: 98%;
}

#docs-solar-change #change-column .sup .sup-wrap p {
    font-size: 1em;
    margin-bottom: 0;
}

/*---------- endCHANGE縺ｫ縺､縺�※ ----------*/
/*---------- 蝨ｰ逅�↓縺ｧ縺阪ｋ縺薙→ ----------*/
#docs-goals-index #content-list {
    padding: 0 2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 150px;
}

#docs-goals-index #content-list li {
    width: 100%;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.08);
    border: 1px solid #ffffff;
    position: relative;
    overflow: hidden;
    display: flex;
}

#docs-goals-index #content-list li .list-text {
    width: 54%;
    color: #ffffff;
    position: relative;
    z-index: 99;
    padding-bottom: 70px;
}

#docs-goals-index #content-list li h3 {
    color: #ffffff;
}

#docs-goals-index #content-list li .list-img {
    margin-top: -3em;
}

#docs-goals-index #content-list li .btn-trp:hover {
    background-color: #ffffff;
    color: #53c858;
    opacity: 1;
}

#docs-goals-index #content-list li:after {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    content: "";
    width: 59%;
    height: 100%;
    background-color: rgba(0, 85, 178, 0.9);
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

#docs-goals-index #content-list li:nth-child(2) {
    flex-direction: row-reverse;
}

#docs-goals-index #content-list li:nth-child(2):after {
    right: -8%;
    left: auto;
    width: 63%;
}

#docs-goals-index #content-list .btn-wrap {
    width: 220px;
    position: absolute;
    bottom: 1em;
    right: 1em;
}

/*---------- 繧ｽ繝ｼ繝ｩ繝ｼ繧ｷ繧ｧ繧｢繝ｪ繝ｳ繧ｰ ----------*/
#docs-goals-sharing #sharing-02 h4 {
    font-weight: bold;
    display: flex;
    align-items: center;
}

#docs-goals-sharing #sharing-02 h4:before,
#docs-goals-sharing #sharing-02 h4:after {
    border-top: 1px solid #333333;
    content: "";
    flex-grow: 1;
}

#docs-goals-sharing #sharing-02 h4:before {
    margin-right: 1rem;
}

#docs-goals-sharing #sharing-02 h4:after {
    margin-left: 1rem;
}

#docs-goals-sharing #sharing-02 ul {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    justify-content: space-between;
}

#docs-goals-sharing #sharing-02 li {
    border-radius: 5px;
    padding: 15px;
    width: 32%;
    color: #ffffff;
    text-align: center;
}

#docs-goals-sharing #sharing-02 li h5 {
    color: #ffffff;
    font-weight: bold;
    margin: 10px 0;
}

#docs-goals-sharing #sharing-02 li img {
    width: 60px;
    height: 60px;
}

#docs-goals-sharing #sharing-02 li p {
    text-align: left;
    margin: 0;
    font-size: 13px;
}

#docs-goals-sharing #sharing-02 #merit li {
    background-color: #ffae00;
}

#docs-goals-sharing #sharing-02 #demerit li {
    background-color: #53c858;
}

#docs-goals-sharing #sharing-03 .container {
    padding: 0;
}

#docs-goals-sharing #sharing-03 .width-3 {
    padding-right: 30px;
}

#docs-goals-sharing #sharing-03 .width-2 {
    background: url(/img/docs/goals/bg-sharing.jpg) center top no-repeat;
    background-size: auto 100%;
}

/*---------- end繧ｽ繝ｼ繝ｩ繝ｼ繧ｷ繧ｧ繧｢繝ｪ繝ｳ繧ｰ ----------*/
/*---------- 繧ｰ繝ｪ繝ｼ繝ｳ繧ｨ繝阪Ν繧ｮ繝ｼ迺ｰ蠅� ----------*/
#docs-goals-greenenergy .quote {
    font-size: 0.7em;
    color: #999999;
}

#docs-goals-greenenergy .quote a {
    color: #999999;
}

#docs-goals-greenenergy #green-energy .width-3-2 {
    align-items: center;
}

#docs-goals-greenenergy #green-energy .img-wrap {
    max-width: 440px;
    margin: 20px auto 0;
}

#docs-goals-greenenergy #green-co2 .container {
    flex-direction: row-reverse;
}

#docs-goals-greenenergy #green-co2 .width-3-2 .width-3 {
    padding-right: 0;
    padding-left: 2%;
}

#docs-goals-greenenergy #green-co2 img {
    max-width: 400px;
    width: 100%;
}

#docs-goals-greenenergy #green-04 {
    background-color: #ffae00;
    color: #ffffff;
}

#docs-goals-greenenergy #green-04 h2,
#docs-goals-greenenergy #green-04 h3 {
    color: #ffffff;
}

#docs-goals-greenenergy #green-04 .width-r {
    display: flex;
    align-items: center;
}

/*---------- end繧ｰ繝ｪ繝ｼ繝ｳ繧ｨ繝阪Ν繧ｮ繝ｼ迺ｰ蠅� ----------*/
/*---------- change ----------*/
#docs-goals-change #change-01 img {
    max-width: 280px;
    width: 40%;
}

#docs-goals-change #change-01 img.cross {
    width: 40px;
    margin: 4px;
    transform: rotate(45deg);
}

#docs-goals-change #change-01 #logo-apf {
    padding-top: 20px;
}

#docs-goals-change #change-02 .width-r {
    display: flex;
    align-items: center;
}

#docs-goals-change #change-sdgs h3 img {
    max-width: 350px;
    width: 100%;
}

#docs-goals-change #change-sdgs .width-1-2 {
    align-items: flex-end;
}

#docs-goals-change #change-sdgs ul#goals {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#docs-goals-change #change-sdgs ul#goals li {
    width: 15%;
    margin-bottom: 2%;
}

#docs-goals-change #change-sdgs .target {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 2%;
}

#docs-goals-change #change-sdgs .target .target-img {
    width: 100px;
}

#docs-goals-change #change-sdgs .target p {
    width: calc(100% - 150px);
    text-align: left;
    align-self: center;
    margin-bottom: 1em;
}

/*---------- endCHANGE ----------*/
/*---------- 縺泌茜逕ｨ縺ｮ豬√ｌ----------*/
#docs-flow-index {
    background-color: #f5f9ff;
}

#docs-flow-index #content-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2px;
}

#docs-flow-index #content-list li {
    max-width: 540px;
    width: 48.5%;
    margin: 0 3% 3% 0;
    padding: 30px;
    background-color: #ffffff;
}

#docs-flow-index #content-list li .list-img {
    width: 46px;
    margin-bottom: 5px;
}

#docs-flow-index #content-list li:nth-child(even) {
    margin: 0 0 3% 0;
}

.docs-flow {
    background-color: #f5f9ff;
}

.docs-flow .pc-img {
    display: block;
}

.docs-flow .sp-img {
    display: none;
}

.docs-flow ol li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.docs-flow ol li h3 span {
    display: block;
    font-size: 0.6em;
    margin-bottom: 10px;
}

.docs-flow ol li .flow-text {
    width: 40%;
}

.docs-flow ol li .flow-text span {
    font-size: 85%;
}

.docs-flow ol li .flow-img {
    width: 57%;
    margin-left: 3%;
    padding: 30px;
    background-color: #ffffff;
}

.docs-flow ol li .flow-img img {
    border: 1px solid #dddddd;
}

/*---------- end縺泌茜逕ｨ縺ｮ豬√ｌ----------*/
/*---------- 繧医￥縺ゅｋ雉ｪ蝠� ----------*/
#docs-question {
    background-color: #f5f9ff;
}

#docs-question .col-side-wrap {
    flex-direction: row;
}

#docs-question #question-side #side-hd {
    padding: 20px;
}

#docs-question #question-side .side-main {
    background: #ffffff;
    padding: 20px;
}

#docs-question h3 {
    max-width: 100%;
}

#docs-question dt {
    background-color: #ffffff;
}

#docs-question dd {
    background-color: #ffffff;
}

@media (max-width: 960px) {

    #docs-question .sidebar #side-hd,
    #docs-question .sidebar .side-main {
        padding: 10px;
    }
}

@media (max-width: 640px) {
    #docs-question .sidebar {
        width: 100%;
        float: none;
        margin: 0 auto 30px;
    }

    #docs-question .sidebar .side-main {
        padding: 10px;
    }

    #docs-question .sidebar .side-main ul {
        overflow: hidden;
        border: 1px solid #dddddd;
    }

    #docs-question .sidebar .side-main ul a {
        padding: 5px;
    }

    #docs-question .sidebar .side-main ul li {
        width: 50%;
        float: left;
    }

    #docs-question .sidebar .side-main ul li:nth-child(2) {
        border-top: none;
    }

    #docs-question .sidebar .side-main ul li:nth-child(odd) {
        border-right: 1px solid #dddddd;
    }

    #docs-question .sidebar .side-main ul li:last-child {
        border-bottom: none;
    }
}

/*---------- end繧医￥縺ゅｋ雉ｪ蝠� ----------*/
/*---------- CHANGE蟒ｺ險ｭ繧ｵ繝昴�繧ｿ繝ｼ ----------*/
#docs-supporter #supporter-icon {
    max-width: 100px;
    margin: 0 auto 1em;
}

#docs-supporter .ios-wrap {
    padding: 15px;
}

.ios-desc-ext #story-bn {
    display: none !important;
}

/*---------- endCHANGE蟒ｺ險ｭ繧ｵ繝昴�繧ｿ繝ｼ ----------*/
/*---------- 繧ｽ繝ｼ繧ｷ繝｣繝ｫ繝｡繝�ぅ繧｢ ----------*/
#docs-sns #sns-icons {
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
}

#docs-sns #sns-icons img {
    max-width: 60px;
    min-width: 30px;
    width: 50%;
}

#docs-sns #img {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
}

#docs-sns #img .balloon {
    color: #002d7f;
    font-weight: bold;
    border: 2px solid #002d7f;
    border-radius: 30px;
    padding: 1em;
    width: 100%;
    margin: 0 auto 30px;
    position: relative;
}

#docs-sns #img .balloon:before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -14px;
    border: 14px solid transparent;
    border-top-color: #ffffff;
    z-index: 99;
}

#docs-sns #img .balloon:after {
    content: "";
    position: absolute;
    bottom: -28px;
    left: 50%;
    margin-left: -14px;
    border: 14px solid transparent;
    border-top-color: #002d7f;
}

/*---------- end 繧ｽ繝ｼ繧ｷ繝｣繝ｫ繝｡繝�ぅ繧｢ ----------*/
/*---------- 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ----------*/
@media screen and (max-width: 900px) {
    .docs-wrap h2 {
        font-size: 2.2em;
    }

    .docs-wrap .width-3-2 .width-3,
    .docs-wrap .width-3-2 .width-2 {
        width: 50%;
    }

    #docs-goals-index #content-list li {
        width: 100%;
        margin-bottom: 1em;
    }

    #docs-solar-change #change-price .chart-wrap .uk-flex {
        display: block !important;
    }

    #docs-solar-change #change-price .chart-wrap .uk-flex p {
        text-align: right;
        max-width: initial;
    }

    #docs-solar-change #change-price .chart-wrap .uk-flex h3 {
        max-width: initial;
    }
}

@media screen and (max-width: 820px) {
    .docs-wrap .width-3-2 {
        display: block;
    }

    .docs-wrap .width-3-2 .width-3,
    .docs-wrap .width-3-2 .width-2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .docs-wrap .width-1-2 {
        display: block;
        padding: 0 !important;
    }

    .docs-wrap .width-1-2 .width-l,
    .docs-wrap .width-1-2 .width-r {
        width: 100%;
        max-width: 550px;
    }

    .docs-wrap .width-1-2 .width-l {
        padding-right: 0;
        margin: 0 auto 20px;
    }

    .docs-wrap .width-1-2 .width-r {
        padding-left: 0;
        margin: 0 auto;
    }

    .docs-common h2 {
        text-align: center;
    }

    .docs-common h3,
    .docs-common p {
        max-width: 560px;
        margin: 0 auto 20px;
    }

    .docs-common .h-bottom-blue-left:after {
        margin: 5px auto 10px;
        text-align: center;
    }

    .docs-common .img-wrap {
        text-align: center;
    }

    .docs-common .img-wrap img {
        position: static;
    }

    #docs-goals-sharing #sharing-03 .container {
        padding: 0 20px;
    }

    #docs-goals-sharing #sharing-03 .width-3 {
        padding-right: 0;
    }

    .docs-flow ol li .flow-text {
        width: 100%;
    }

    .docs-flow ol li .flow-img {
        width: 100%;
        margin-left: 0;
        padding: 15px;
    }
}

@media screen and (max-width: 720px) {
    #docs-flow-index #content-list li {
        width: 100%;
    }

    #docs-flow-index #content-list li {
        margin: 0 auto 20px !important;
    }

    #docs-solar-change #change-structure .flex-content2 {
        width: 100%;
    }

    #docs-solar-change #change-price #price-text {
        width: 100%;
    }

    #docs-solar-change #change-price #price-text p {
        max-width: 100%;
    }

    #docs-solar-change #change-price #exp {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 640px) {
    .docs-wrap h3 br {
        display: none;
    }

    #docs-about #about-flow ol li {
        width: 47%;
        padding: 20px 10px 20px 5px;
    }

    #docs-about #about-flow ol li:before,
    #docs-about #about-flow ol li:after {
        bottom: 50px;
    }

    #docs-about #about-flow ol li:nth-child(odd) {
        margin: 0 4% 4% 0;
    }

    #docs-about #about-flow ol li:nth-child(even) {
        margin: 0 0 4% 0;
    }

    .docs-flow ol li .flow-img {
        max-width: 350px;
        width: 90%;
        margin: 0 auto !important;
    }

    .docs-flow ol li .pc-img {
        display: none;
    }

    .docs-flow ol li .sp-img {
        display: block;
    }

    #docs-solar-index #content-list li {
        width: 100%;
        margin: 0 auto 20px;
    }

    #docs-solar-structure .quote #saiene-list li {
        width: 100%;
    }

    #docs-solar-change #change-flow ul li .flow-hd h3 {
        width: 140px;
        font-size: 1em;
    }

    #docs-solar-change #change-flow ul li .flow-hd h3:after {
        border-width: 50px 70px 0 70px;
    }

    #docs-solar-change #change-kw .pc-img {
        display: none;
    }

    #docs-solar-change #change-kw .sp-img {
        display: block;
    }

    #docs-goals-index #content-list li .list-text {
        width: 100%;
    }

    #docs-goals-index #content-list li:before {
        content: "";
        width: 100%;
        background-color: rgba(0, 85, 178, 0.9);
        position: absolute;
        top: 0%;
        left: 0;
        height: 50%;
    }

    #docs-goals-index #content-list li:after,
    #docs-goals-index #content-list li:nth-child(2):after {
        width: 100%;
        background-color: rgba(0, 85, 178, 0.9);
        -webkit-transform: skew(-10deg);
        transform: skew(-50deg);
        top: 50%;
        left: 0;
        right: auto;
    }

    #docs-goals-change #change-01 img {
        max-width: 200px;
        width: 100%;
    }

    #docs-goals-change #change-01 img.cross {
        width: 30px;
    }

    #docs-goals-change #change-01 #goals-change-logo {
        flex-direction: column;
    }

    #docs-goals-change #change-01 #logo-apf {
        padding-top: 0;
    }

    #docs-goals-change #change-01 #logo-w {
        padding-top: 10px;
    }
}

@media screen and (max-width: 560px) {
    #docs-about #about-purpose h3 .text-block {
        display: inline;
    }

    #docs-solar-change #change-price #price-ex ul {
        display: block;
    }

    #docs-solar-change #change-price #price-ex li {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 20px;
    }
}

@media screen and (max-width: 480px) {
    .docs-wrap h2 {
        font-size: 1.5em;
    }

    .docs-wrap h3 {
        font-size: 1.2em;
    }

    .docs-common .h-bottom-blue,
    .docs-common .h-bottom-blue-left {
        font-size: 0.6em;
    }

    .docs-common #about-feature h3 span {
        font-size: 0.8em;
    }

    #docs-solar-change #change-flow ul li {
        display: block;
        border: 1px solid #333333;
        margin-bottom: 30px !important;
    }

    #docs-solar-change #change-flow ul li:nth-child(1) .flow-hd h3 {
        padding: 15px 10px;
    }

    #docs-solar-change #change-flow ul li .flow-hd {
        background-color: #53c858 !important;
    }

    #docs-solar-change #change-flow ul li .flow-hd h3 {
        padding: 15px 10px;
        width: 100%;
    }

    #docs-solar-change #change-flow ul li .flow-hd h3 img {
        max-width: 60px;
    }

    #docs-solar-change #change-flow ul li .flow-hd h3:after {
        content: none;
    }

    #docs-solar-change #change-flow ul li .flow-text {
        padding: 10px;
    }

    #docs-solar-change #change-flow ul li:nth-child(3) {
        margin-bottom: 30px !important;
    }

    #docs-goals-sharing #sharing-02 li {
        width: 100%;
        margin: 0.5% 0;
    }

    #docs-goals-change #change-sdgs .target {
        display: block;
        clear: both;
        margin-bottom: 2em;
        min-height: 100px;
    }

    #docs-goals-change #change-sdgs .target .target-img {
        float: left;
        margin: 0 0.5em 0 0;
    }

    #docs-goals-change #change-sdgs .target p {
        width: 100%;
    }
}

/*---------- end繝ｬ繧ｹ繝昴Φ繧ｷ繝� ----------*/
/*
   *
   * 繧ｭ繝ｭ繝ｯ繝�ち繝ｼ繧ｺ
   *
   */
/*********************
     繧ｭ繝ｭ繝ｯ繝�ち繝ｼ繧ｺ繝ｩ繝ｳ繧ｯ
  *********************/
.kw-rank {
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    color: #333333;
}

.kw-rank:hover {
    color: #333333;
}

.kw-rank .kw-badge {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}

.kw-rank .kw-badge img {
    width: 100%;
    align-self: center;
}

.kw-rank .kw-txt {
    width: calc(100% - 70px);
    line-height: 1.4;
    text-align: center;
    padding: 10px 0;
}

.kw-rank .about-kw .uk-icon {
    width: 12px;
}

/*********************
     繧ｭ繝ｭ繝ｯ繝�ち繝ｼ繧ｺ繝壹�繧ｸ
  *********************/
#docs-kw-index {
    /* 隕句�縺苓｣�｣ｾ蜈ｱ騾� */
    /* end 隕句�縺苓｣�｣ｾ蜈ｱ騾� */
    /*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ***/
}

#docs-kw-index .sp-br {
    display: none;
}

#docs-kw-index h3 {
    font-size: 1.6em;
}

#docs-kw-index #hd-wrap {
    text-align: center;
}

#docs-kw-index #hd-wrap .hd-top,
#docs-kw-index #hd-wrap .hd-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#docs-kw-index #hd-wrap .hd-top::before,
#docs-kw-index #hd-wrap .hd-top::after,
#docs-kw-index #hd-wrap .hd-bottom::before,
#docs-kw-index #hd-wrap .hd-bottom::after {
    content: "";
    background: linear-gradient(to right, #ffdaa4 0%, #9a5f09 8%, #7b4f12 14%, #ba7800 26%, #f6ca84 50%, #ce8c36 75%, #8c592a 87%, #b8782d 93%, #ffeca3 100%);
    width: calc(50% - 22px);
    height: 2px;
}

#docs-kw-index #hd-wrap .hd-top img,
#docs-kw-index #hd-wrap .hd-bottom img {
    width: 32px;
    margin: 0 4px;
}

#docs-kw-index #hd-wrap .hd-bottom {
    position: relative;
}

#docs-kw-index #hd-wrap .hd-bottom::before,
#docs-kw-index #hd-wrap .hd-bottom::after {
    height: 4px;
    position: absolute;
    top: -9px;
}

#docs-kw-index #hd-wrap .hd-bottom::before {
    left: 0;
}

#docs-kw-index #hd-wrap .hd-bottom::after {
    right: 0;
}

#docs-kw-index #hd-wrap .contents-hd {
    color: #fff;
    margin: 20px 10px;
}

#docs-kw-index #hd-wrap .hd-line {
    position: relative;
}

#docs-kw-index #hd-wrap .hd-line::before,
#docs-kw-index #hd-wrap .hd-line::after {
    content: "";
    position: absolute;
    background: linear-gradient(to right, #ffdaa4 0%, #9a5f09 8%, #7b4f12 14%, #ba7800 26%, #f6ca84 50%, #ce8c36 75%, #8c592a 87%, #b8782d 93%, #ffeca3 100%);
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

#docs-kw-index #hd-wrap .hd-line::before {
    height: 4px;
}

#docs-kw-index #hd-wrap .hd-line::after {
    height: 2px;
    margin-top: 8px;
}

#docs-kw-index .flex {
    justify-content: space-between;
}

#docs-kw-index .font-m {
    font-size: 1.1em;
}

#docs-kw-index .color-yellow {
    color: #f2c800;
}

#docs-kw-index #mv {
    background: url(/img/kw/bg_mv.jpg) repeat-x;
    background-size: contain;
}

#docs-kw-index #mv .container {
    padding: 0;
}

#docs-kw-index #intro {
    background: url(/img/kw/bg_lace01.png), linear-gradient(to right, #6d1519 0%, #a90010 50%, #6d181a 100%);
    background-repeat: repeat;
}

#docs-kw-index #intro .flex {
    justify-content: space-between;
    align-items: center;
    padding-top: 50px;
}

#docs-kw-index #intro .intro-img {
    width: 30%;
}

#docs-kw-index #intro .intro-txt {
    width: calc(70% - 35px);
}

#docs-kw-index #intro .intro-txt p {
    color: #fff;
}

#docs-kw-index #intro .bnr-rank img {
    border: solid 1px #fff;
}

#docs-kw-index #kw {
    background: linear-gradient(to right, #e1b552 25%, #fbf193 57%, #d49832 77%, #d08f29 100%);
}

#docs-kw-index #kw #hd-wrap .hd-top::before,
#docs-kw-index #kw #hd-wrap .hd-top::after,
#docs-kw-index #kw #hd-wrap .hd-bottom::before,
#docs-kw-index #kw #hd-wrap .hd-bottom::after,
#docs-kw-index #kw #hd-wrap .hd-line::before,
#docs-kw-index #kw #hd-wrap .hd-line::after {
    background: linear-gradient(to right, #3a270d 0, #705e41 50%, #3c290f 100%);
}

#docs-kw-index #kw #hd-wrap .contents-hd {
    color: #282525;
}

#docs-kw-index #kw .flex {
    padding-top: 50px;
}

#docs-kw-index #kw .kw-txt {
    max-width: calc(65% - 40px);
    color: #282525;
    font-size: 0.94em;
}

#docs-kw-index #kw .kw-img {
    width: 35%;
}

#docs-kw-index #detail {
    background: url(/img/kw/bg_lace02.png), linear-gradient(to right, #3a270d 0%, #705e41 50%, #3c290f 100%);
    background-repeat: repeat;
}

#docs-kw-index #detail #hd-wrap .contents-hd {
    text-shadow: 0px 0px 1px #000;
}

#docs-kw-index #detail .lead {
    padding: 50px 0 42px;
    color: #fff;
}

#docs-kw-index #detail #rank-list li {
    width: 32%;
    text-align: center;
    font-weight: bold;
}

#docs-kw-index #detail #rank-list li .rank-wat {
    background-color: rgba(255, 255, 255, 0.67);
    color: #282525;
    padding: 20px 5px;
    font-size: 1.125em;
}

#docs-kw-index #detail #rank-list li .rank-badge {
    background: #fff;
    padding: 20px 10px 22px;
}

#docs-kw-index #detail #rank-list li .rank-badge img {
    max-width: 150px;
    width: 100%;
}

#docs-kw-index #detail #bonus {
    margin-top: 60px;
}

#docs-kw-index #detail #bonus .bonus-hd {
    background-color: rgba(255, 255, 255, 0.67);
    padding: 20px 10px 18px;
    position: relative;
}

#docs-kw-index #detail #bonus .bonus-hd img {
    max-width: 32px;
    width: 100%;
}

#docs-kw-index #detail #bonus .bonus-hd .uk-svg {
    vertical-align: baseline;
    margin-right: 2px;
}

#docs-kw-index #detail #bonus ul {
    background: #fff;
    padding: 0 35px;
}

#docs-kw-index #detail #bonus .bonus-list {
    padding: 35px 0;
    border-top: solid 1px #282525;
}

#docs-kw-index #detail #bonus .bonus-list:first-child {
    border-top: none;
}

#docs-kw-index #detail #bonus .bonus-category {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
}

#docs-kw-index #detail #bonus .bonus-category .flex {
    text-align: center;
}

#docs-kw-index #detail #bonus .cate-hd {
    display: inline;
    font-size: 0.7em;
}

#docs-kw-index #detail #bonus .bonus-no {
    background: #282525;
    border: solid 1px #282525;
    padding: 12px 12px 11px;
    color: #fff;
    margin-right: 4px;
}

#docs-kw-index #detail #bonus .bonus-rank {
    background: #fff;
    color: #282525;
}

#docs-kw-index #detail #bonus .bank-free {
    width: 32%;
    border: solid 1px #282525;
    background: #fff;
    font-size: 1.1em;
    font-weight: bold;
}

#docs-kw-index #detail #bonus .bank-free dt {
    font-size: 1.125em;
    text-align: center;
    padding: 10px 10px 7px;
}

#docs-kw-index #detail #bonus .bank-free dd {
    text-align: center;
    padding: 10px 10px 2px;
}

#docs-kw-index #detail #bonus .bank-free .font-l {
    font-size: 2.2em;
}

#docs-kw-index #detail #bonus .bank-gold dt {
    background: linear-gradient(to right, #b79a39, #e9d05d);
}

#docs-kw-index #detail #bonus .bank-pla dt {
    background: linear-gradient(to right, #868687, #d9dadb);
}

#docs-kw-index #detail #bonus .bank-dia dt {
    background: linear-gradient(to right, #9a918a, #dedcd7);
}

#docs-kw-index #detail #bonus .bonus-img {
    width: 100%;
    margin: 0 auto;
    max-width: 320px;
    margin: 0 auto;
}

#docs-kw-index #detail #bonus .bonus-status {
    background: #282525;
    padding: 10px 10px 8px;
    color: #fff;
    text-align: center;
}

#docs-kw-index #detail #bonus .bonus-status br {
    display: none;
}

#docs-kw-index #detail #bonus .notes1 {
    margin-top: 8px;
}

#docs-kw-index .rank-wrap {
    background: linear-gradient(to right, #e1b552 25%, #fbf193 57%, #d49832 77%, #d08f29 100%);
    padding: 30px;
    width: 100%;
    margin: 20px auto 0;
}

#docs-kw-index .rank-wrap ol {
    font-weight: bold;
}

#docs-kw-index .rank-wrap ol li {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    padding: 4px 10px 10px;
    text-align: left;
    font-size: 1.1em;
    color: #282525;
    position: relative;
}

#docs-kw-index .rank-wrap ol li::before {
    content: "";
    position: absolute;
    background: linear-gradient(to right, #3a270d 0%, #705e41 50%, #3c290f 100%);
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
}

#docs-kw-index .rank-wrap ol li .order {
    width: 60px;
    text-align: center;
}

#docs-kw-index .rank-wrap ol li .name {
    width: 40%;
    margin-left: 30px;
}

#docs-kw-index .rank-wrap ol li .pref {
    width: 20%;
}

#docs-kw-index .rank-wrap ol li .own-wat {
    width: 31%;
    text-align: right;
}

#docs-kw-index .rank-wrap ol li:nth-child(1) {
    font-size: 1.2em;
    padding: 0 10px 12px;
}

#docs-kw-index .rank-wrap ol li:nth-child(1) .order {
    background: url(/img/kw/no1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 55px;
    height: 38px;
    font-size: 0;
}

#docs-kw-index .rank-wrap ol li:nth-child(2) {
    font-size: 1.2em;
    padding: 8px 10px 12px;
}

#docs-kw-index .rank-wrap ol li:nth-child(2) .order {
    background: url(/img/kw/no2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 55px;
    height: 38px;
    font-size: 0;
}

#docs-kw-index .rank-wrap ol li:nth-child(3) {
    font-size: 1.2em;
    padding: 8px 10px 12px;
}

#docs-kw-index .rank-wrap ol li:nth-child(3) .order {
    background: url(/img/kw/no3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 55px;
    height: 38px;
    font-size: 0;
}

#docs-kw-index .rank-wrap ol li:nth-child(even) {
    background: #f4f4f4;
}

#docs-kw-index .rank-wrap ol li.rank-state:after {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
}

#docs-kw-index .rank-wrap ol li.rank-gold:after {
    background: url(/img/kw/gold_s.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#docs-kw-index .rank-wrap ol li.rank-platinum:after {
    background: url(/img/kw/platinum_s.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#docs-kw-index .rank-wrap ol li.rank-diamond:after {
    background: url(/img/kw/diamond_s.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#docs-kw-index .rank-wrap ol li:nth-child(n+31) {
    font-size: 0.8em;
}

#docs-kw-index .rank-wrap ol li:nth-child(n+31):nth-child(odd) {
    background: #EEEEEE;
}

#docs-kw-index .rank-wrap ol li:nth-child(n+31):after {
    height: 30px;
}

#docs-kw-index .rank-wrap .notes1 {
    margin-top: 8px;
}

#docs-kw-index .rank-wrap .bk {
    background: #fff;
    padding: 20px 30px;
}

#docs-kw-index .rank-wrap .rank-lead {
    text-align: center;
    font-weight: bold;
    color: #282525;
}

#docs-kw-index .rank-wrap .btn-m {
    padding: 8px 8px 6px;
}

#docs-kw-index .rank-wrap .btn-back {
    color: #282525;
}

#docs-kw-index .wrap-800 a:hover {
    color: white;
}

#docs-kw-index #rank {
    background: linear-gradient(to right, #6d1519 0%, #a90010 50%, #6d181a 100%);
}

#docs-kw-index #rank .rank-hd {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
}

#docs-kw-index #rank .rank-hd::before,
#docs-kw-index #rank .rank-hd::after {
    content: "";
    width: 1.5em;
    height: 2px;
    background: #f2c800;
}

#docs-kw-index #rank .rank-hd::before {
    transform: rotate(50deg);
}

#docs-kw-index #rank .rank-hd::after {
    transform: rotate(-50deg);
}

#docs-kw-index #rank .btn-rank100 {
    background: #a90010;
    border: solid 1px #a90010;
    color: #fff;
}

#docs-kw-index #rank .btn-rank100:hover {
    background: #fff;
    color: #a90010;
}

#docs-kw-index #rank .btn-wrap {
    background: linear-gradient(to right, #ffdaa4 0%, #9a5f09 8%, #7b4f12 14%, #ba7800 26%, #f6ca84 50%, #ce8c36 75%, #8c592a 87%, #b8782d 93%, #ffeca3 100%);
    max-width: 420px;
    margin: 0 auto 10px;
    border-radius: 50px;
    padding: 3px;
    box-shadow: 0 0 8px #4f070c;
}

#docs-kw-index #rank .btn-wrap .btn-bg {
    background: linear-gradient(to bottom, #0f0f0f, #282525);
    border-radius: 50px;
}

#docs-kw-index #rank .btn-wrap .btn-bg:hover {
    background: #fff;
}

#docs-kw-index #rank .btn-wrap .btn-l {
    max-width: 420px;
    font-size: 1.3em;
    padding: 14px 8px 10px;
    border-radius: 50px;
}

#docs-kw-index #rank .btn-wrap .btn-l span {
    padding-top: 5px;
}

#docs-kw-index #rank .btn-wrap .btn-gold {
    border: none;
    color: #f6ca84;
    background: -webkit-linear-gradient(0deg, #ffdaa4 0%, #9a5f09 8%, #7b4f12 14%, #ba7800 26%, #f6ca84 50%, #ce8c36 75%, #8c592a 87%, #b8782d 93%, #ffeca3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#docs-kw-index #rank .btn-wrap img {
    width: 28px;
    margin-right: 2px;
}

#docs-kw-index #rank-modal .uk-close {
    position: absolute;
    top: -10px;
    right: 0;
    color: #282525;
    font-weight: bold;
    padding: 8px;
}

#docs-kw-index #rank-modal .uk-modal-dialog {
    border-top: 10px solid #ffffff;
    border-bottom: 10px solid #ffffff;
    height: 95%;
}

#docs-kw-index #rank-modal .uk-modal-dialog .rank-wrap {
    height: 100%;
    overflow-y: scroll;
    margin: 0;
}

#docs-kw-index #rank-modal .rank-wrap {
    margin-top: 0;
    padding: 5px;
}

#docs-kw-index #rank-modal .rank-wrap .bk {
    padding: 12px 10px;
}

#docs-kw-index #rank-modal .rank-wrap ol {
    margin-bottom: 12px;
}

@media screen and (max-width: 840px) {
    #docs-kw-index #intro .intro-img {
        width: 35%;
    }

    #docs-kw-index #intro .intro-txt {
        width: calc(65% - 35px);
    }
}

@media screen and (max-width: 768px) {
    #docs-kw-index .sp-br {
        display: block;
    }

    #docs-kw-index #intro .color-yellow .sp-br {
        display: none;
    }

    #docs-kw-index #intro .flex {
        max-width: 568px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 30px;
    }

    #docs-kw-index #intro .intro-img {
        width: 50%;
        margin: 0 auto;
    }

    #docs-kw-index #intro .intro-txt {
        width: 100%;
        margin-top: 30px;
    }

    #docs-kw-index #kw .flex {
        flex-direction: column-reverse;
        max-width: 568px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 40px;
    }

    #docs-kw-index #kw .kw-txt {
        max-width: 100%;
        margin-top: 30px;
        font-size: 1em;
    }

    #docs-kw-index #kw .kw-img {
        width: 100%;
        text-align: center;
    }

    #docs-kw-index #kw .kw-img img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    #docs-kw-index #detail {
        padding-bottom: 40px;
    }

    #docs-kw-index #detail #hd-wrap .contents-hd .sp-br {
        display: none;
    }

    #docs-kw-index #detail #rank-list li .rank-wat {
        padding: 10px 5px 6px;
    }

    #docs-kw-index #detail #bonus {
        margin-top: 40px;
    }

    #docs-kw-index #detail #bonus ul {
        padding: 0 20px;
    }

    #docs-kw-index #detail #bonus .bonus-list {
        padding: 20px 0;
    }

    #docs-kw-index #detail #bonus .bonus-hd {
        padding: 10px 10px 8px;
    }

    #docs-kw-index #detail #bonus .bonus-category {
        font-size: 1em;
    }

    #docs-kw-index #detail #bonus .bonus-category .bonus-no {
        padding: 6px 4px;
    }

    #docs-kw-index .rank-wrap .rank-lead {
        font-size: 1.5em;
    }

    #docs-kw-index #rank #hd-wrap .contents-hd .sp-br {
        display: none;
    }

    #docs-kw-index #rank .rank-hd .sp-br {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    #docs-kw-index h3 {
        font-size: 1.3em;
    }

    #docs-kw-index #hd-wrap .contents-hd {
        font-size: 2em;
    }

    #docs-kw-index #intro .color-yellow {
        text-align: center;
    }

    #docs-kw-index #intro .intro-img {
        width: 60%;
    }

    #docs-kw-index #kw .kw-txt {
        max-width: 100%;
    }

    #docs-kw-index #detail #bonus .bonus-hd {
        font-size: 1.3em;
    }

    #docs-kw-index #detail #bonus .bonus-hd svg {
        width: 1em;
    }

    #docs-kw-index #detail #bonus .cate-hd {
        display: block;
        margin-bottom: 10px;
    }

    #docs-kw-index #detail #bonus .bonus1 .bonus-category {
        margin-bottom: 0;
    }

    #docs-kw-index #detail #bonus .bonus1 .notes1 {
        margin-top: 0;
    }

    #docs-kw-index .rank-wrap {
        padding: 30px 20px 20px;
    }

    #docs-kw-index .rank-wrap .bk {
        padding: 20px;
    }

    #docs-kw-index .rank-wrap .rank-lead {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 520px) {
    #docs-kw-index #intro .color-yellow .sp-br {
        display: block;
    }

    #docs-kw-index #detail #hd-wrap .contents-hd .sp-br {
        display: block;
    }

    #docs-kw-index #detail #rank-list li {
        width: 100%;
        display: flex;
        align-items: center;
    }

    #docs-kw-index #detail #rank-list li .rank-wat {
        width: 100%;
        align-self: stretch;
        position: relative;
    }

    #docs-kw-index #detail #rank-list li .rank-wat .rank-hd {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
    }

    #docs-kw-index #detail #rank-list li .rank-wat .sp-br {
        display: none;
    }

    #docs-kw-index #detail #rank-list li .rank-badge {
        padding: 10px;
    }

    #docs-kw-index #detail #rank-list li:nth-child(2) {
        border-top: solid 1px #282525;
        border-bottom: solid 1px #282525;
    }

    #docs-kw-index #detail #bonus .bank-free dt {
        font-size: 0.8em;
        padding: 10px 4px 7px;
    }

    #docs-kw-index #rank #hd-wrap .contents-hd .sp-br {
        display: block;
    }

    #docs-kw-index #rank .rank-hd {
        text-align: center;
        padding-top: 40px;
    }

    #docs-kw-index #rank .rank-hd::before,
    #docs-kw-index #rank .rank-hd::after {
        width: 2.5em;
    }

    #docs-kw-index #rank .rank-hd::before {
        transform: rotate(55deg);
    }

    #docs-kw-index #rank .rank-hd::after {
        transform: rotate(-55deg);
    }

    #docs-kw-index #rank .rank-hd .sp-br {
        display: block;
    }

    #docs-kw-index .rank-wrap {
        padding: 20px 10px;
    }

    #docs-kw-index .rank-wrap .rank-lead {
        font-size: 1em;
        margin-bottom: 10px;
    }

    #docs-kw-index .rank-wrap .bk {
        padding: 20px 10px;
    }

    #docs-kw-index .rank-wrap ol li {
        font-size: 0.8em;
    }

    #docs-kw-index .rank-wrap ol li .order {
        width: 45px;
    }

    #docs-kw-index .rank-wrap ol li .name {
        margin-left: 10px;
    }

    #docs-kw-index .rank-wrap ol li:nth-child(1) {
        font-size: 1em;
    }

    #docs-kw-index .rank-wrap ol li:nth-child(1) .order {
        width: 45px;
        height: 31px;
    }

    #docs-kw-index .rank-wrap ol li:nth-child(1) .pref {
        font-size: 0.8em;
    }

    #docs-kw-index .rank-wrap ol li:nth-child(2) {
        font-size: 1em;
    }

    #docs-kw-index .rank-wrap ol li:nth-child(2) .order {
        width: 45px;
        height: 31px;
    }

    #docs-kw-index .rank-wrap ol li:nth-child(2) .pref {
        font-size: 0.8em;
    }

    #docs-kw-index .rank-wrap ol li:nth-child(3) {
        font-size: 1em;
    }

    #docs-kw-index .rank-wrap ol li:nth-child(3) .order {
        width: 45px;
        height: 31px;
    }

    #docs-kw-index .rank-wrap ol li:nth-child(3) .pref {
        font-size: 0.8em;
    }

    #docs-kw-index .rank-wrap ol li.rank-state::after {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 420px) {

    #docs-kw-index #hd-wrap .hd-top::before,
    #docs-kw-index #hd-wrap .hd-top::after {
        width: calc(50% - 16px);
    }

    #docs-kw-index #hd-wrap .hd-top img {
        width: 24px;
    }

    #docs-kw-index #hd-wrap .hd-bottom::before,
    #docs-kw-index #hd-wrap .hd-bottom::after {
        width: calc(50% - 16px);
        top: -6px;
    }

    #docs-kw-index #hd-wrap .contents-hd {
        margin: 10px;
        font-size: 1.8em;
    }

    #docs-kw-index #rank-modal .uk-modal-body {
        padding: 20px 5px;
    }

    #docs-kw-index #rank-modal .rank-wrap {
        padding: 5px;
    }

    #docs-kw-index #rank-modal .rank-wrap .bk {
        padding: 5px 5px 12px;
    }

    #docs-kw-index #rank-modal .rank-wrap ol li {
        padding: 4px 5px 10px;
    }

    #docs-kw-index #rank-modal .rank-wrap ol li:nth-child(1),
    #docs-kw-index #rank-modal .rank-wrap ol li:nth-child(2),
    #docs-kw-index #rank-modal .rank-wrap ol li:nth-child(3) {
        padding: 8px 5px 12px;
    }

    #docs-kw-index #rank-modal .rank-wrap ol li .order {
        width: 35px;
    }
}

@media screen and (max-width: 375px) {
    #docs-kw-index #hd-wrap .contents-hd {
        font-size: 1.5em;
    }

    #docs-kw-index #intro .intro-img {
        width: 80%;
    }

    #docs-kw-index #detail #rank-list li .rank-wat {
        font-size: 1em;
    }

    #docs-kw-index #detail #rank-list li .rank-badge img {
        max-width: 120px;
    }

    #docs-kw-index #detail #bonus ul {
        padding: 0 10px;
    }

    #docs-kw-index #detail #bonus .bank-free {
        font-size: 0.9em;
    }

    #docs-kw-index #rank .rank-hd {
        font-size: 1em;
    }

    #docs-kw-index #rank .btn-wrap .btn-l span {
        right: 8px;
    }

    #docs-kw-index .rank-wrap {
        padding: 20px 5px;
    }

    #docs-kw-index .rank-wrap .bk {
        padding: 12px 5px 20px;
    }

    #docs-kw-index .rank-wrap .rank-lead {
        font-size: 0.9em;
    }

    #docs-kw-index .rank-wrap ol li {
        padding: 4px 5px 10px;
    }

    #docs-kw-index .rank-wrap ol li:nth-child(1),
    #docs-kw-index .rank-wrap ol li:nth-child(2),
    #docs-kw-index .rank-wrap ol li:nth-child(3) {
        padding: 8px 5px 12px;
    }
}

/*
   *
   * 遘√◆縺｡縺ｮ諠ｳ縺�
   *
   */
/****** 荳€隕ｧ ******/
#docs-story-index .font-s {
    font-size: 0.8em;
}

#docs-story-index .font-l {
    font-size: 1.2em;
}

/****** 荳€隕ｧend ******/
/****** 繧､繝ｳ繧ｿ繝薙Η繝ｼ繝壹�繧ｸ ******/
.story-wrap .wrap-720 {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}

.story-wrap .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.story-wrap .font-s {
    font-size: 0.8em;
}

.story-wrap .font-l {
    font-size: 1.2em;
}

.story-wrap .font-red {
    color: #fb3946;
}

.story-wrap a {
    color: #53c858;
    text-decoration: underline;
}

.story-wrap .btn-l {
    color: #ffffff;
    text-decoration: none;
}

.story-wrap .note-wrap {
    position: relative;
    padding-left: 2.5em;
}

.story-wrap .note {
    position: absolute;
    top: 0;
    left: 0;
}

.story-wrap .icon-tri {
    position: relative;
}

.story-wrap .icon-tri:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px;
    border-color: transparent transparent transparent #53c858;
    display: inline-block;
    margin-right: 5px;
}

.story-wrap #mv {
    background-color: #0055b2;
}

.story-wrap #mv h1 {
    font-size: 2em;
}

.story-wrap #mv #mv-txt {
    width: 50%;
    max-width: 580px;
    color: #ffffff;
    padding: 100px 30px;
}

.story-wrap #mv #mv-txt p {
    line-height: 1.6;
}

.story-wrap #mv #mv-txt .hd-category {
    font-size: 0.4em;
    display: inline-block;
    color: #0055b2;
    background-color: #ffffff;
    padding: 6px 8px 4px;
    margin: 0 auto 10px;
}

.story-wrap #mv #mv-txt .uk-align-right {
    margin-left: 0;
}

.story-wrap #mv #mv-img {
    width: 50%;
    background-position: center;
}

.story-wrap #mv #mv-img img {
    display: none;
}

.story-wrap .article-info p {
    font-size: 0.7em;
    color: #666666;
    text-align: right;
}

.story-wrap .profile {
    background-color: #f5f5f5;
    padding: 1.5em;
}

.story-wrap .profile .profile-img {
    width: 150px;
    margin: 0 20px 0 0;
}

.story-wrap .profile .profile-img img {
    display: block;
    border-radius: 50%;
}

.story-wrap .profile .profile-txt {
    width: calc(100% - 170px);
}

.story-wrap .profile p {
    font-size: 0.8em;
}

.story-wrap .profile .name {
    font-weight: bold;
}

.story-wrap #desc .img-right {
    width: 50%;
    max-width: 290px;
    float: right;
    margin: 0 0 0 1em;
}

.story-wrap #desc .img-right p {
    margin: 1em 0;
    text-align: center;
}

.story-wrap #desc .img-wide {
    width: 100%;
    margin: 3em 0;
}

.story-wrap #desc .img-wide p {
    margin: 1em 0 0;
    text-align: center;
}

.story-wrap #desc h2 {
    color: #0055b2;
    font-size: 1.3em;
    text-align: left;
}

.story-wrap #desc h2:before {
    content: "";
    width: 2em;
    height: 3px;
    background-color: #0055b2;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
}

.story-wrap #closing {
    border-top: 1px solid #dddddd;
    padding: 40px 0 0;
}

@media (max-width: 680px) {
    .story-wrap #mv {
        flex-direction: column-reverse;
    }

    .story-wrap #mv #mv-txt {
        width: 100%;
        padding: 15px;
    }

    .story-wrap #mv #mv-txt .uk-align-right {
        float: none;
    }

    .story-wrap #mv #mv-txt .font-s {
        font-size: 0.5em;
    }

    .story-wrap #mv #mv-img {
        width: 100%;
    }

    .story-wrap #mv #mv-img img {
        display: block;
    }

    .story-wrap #desc h2 {
        font-size: 1em;
    }

    .story-wrap #desc .img-right {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    .story-wrap .profile.flex {
        display: block;
        padding: 1em;
    }

    .story-wrap .profile.flex .profile-img {
        margin: 0 auto 1em;
    }

    .story-wrap .profile.flex .profile-txt {
        width: 100%;
    }
}

/*** AKM縺輔ｓ繧､繝ｳ繧ｿ繝薙Η繝ｼ繝壹�繧ｸ縺ｮ縺ｿ ***/
#docs-story-14 #compare {
    color: #333333;
    font-weight: normal;
    margin: 3em 0;
}

#docs-story-14 #compare p {
    margin: 0.5em 0;
}

#docs-story-14 #compare table {
    width: 100%;
    text-align: center;
    font-weight: bold;
}

#docs-story-14 #compare table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#docs-story-14 #compare table tr {
    width: 15%;
    border-left: 1px solid #999999;
}

#docs-story-14 #compare table #thead {
    width: 10%;
}

#docs-story-14 #compare table th,
#docs-story-14 #compare table td {
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #999999;
    height: 50px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95em;
}

#docs-story-14 #compare table th {
    font-size: 0.85em;
    background-color: #F7F8FA;
}

#docs-story-14 #compare table .th-top {
    border-top: 1px solid #999999;
}

#docs-story-14 #compare table .row td .sp-hd {
    display: none;
}

#docs-story-14 #compare table .row td .line-red {
    display: inline;
    background: linear-gradient(transparent 80%, #f33c3d 0%);
}

#docs-story-14 #compare table .change-data th {
    border-right: 1px solid #999999;
}

#docs-story-14 #compare table .change-data th img {
    max-width: 100px;
    width: 100%;
}

#docs-story-14 #compare table .change-data td {
    border-right: 1px solid #999999;
}

#docs-story-14 #compare table .change-data td .line-orange {
    display: inline;
    background: linear-gradient(transparent 70%, #FCAF3C 0%);
}

#docs-story-14 #closing .img-wide {
    width: 100%;
    margin: 3em 0;
}

#docs-story-14 #closing .img-wide p {
    margin: 1em 0 0;
    text-align: center;
}

@media (max-width: 680px) {
    #docs-story-14 #compare table {
        max-width: 500px;
        margin: 0 auto;
    }

    #docs-story-14 #compare table tbody {
        display: block;
    }

    #docs-story-14 #compare table #thead {
        display: none;
    }

    #docs-story-14 #compare table tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        border-right: 1px solid #999999;
    }

    #docs-story-14 #compare table th {
        width: 100%;
    }

    #docs-story-14 #compare table th br {
        display: none;
    }

    #docs-story-14 #compare table .row td {
        display: inline-block;
        width: 33.3%;
        font-size: 1em;
        height: 60px;
        border-bottom: none;
    }

    #docs-story-14 #compare table .row td .sp-hd {
        display: block;
        color: #999999;
        font-size: 0.7em;
        font-weight: bold;
        margin-bottom: 5px;
    }

    #docs-story-14 #compare table .change-data {
        border-bottom: 1px solid #999999;
    }

    #docs-story-14 #compare table .change-data th,
    #docs-story-14 #compare table .change-data td {
        border-right: none;
    }
}

/*** AKM縺輔ｓ繧､繝ｳ繧ｿ繝薙Η繝ｼ繝壹�繧ｸ縺ｮ縺ｿend ***/
/*** 縺翫☆縺励＆繧薙う繝ｳ繧ｿ繝薙Η繝ｼ繝壹�繧ｸ縺ｮ縺ｿ ***/
#docs-story-16 .section2 img {
    width: 35%;
    float: right;
    padding: 10px;
}

@media screen and (max-width: 639px) {
    #docs-story-16 .section2 img {
        width: 80%;
        float: none;
    }
}

@media screen and (max-width: 420px) {
    #docs-story-16 .section2 img {
        width: 100%;
    }
}

/*** 縺翫☆縺励＆繧薙う繝ｳ繧ｿ繝薙Η繝ｼ繝壹�繧ｸ縺ｮ縺ｿend ***/
/****** 繧､繝ｳ繧ｿ繝薙Η繝ｼ繝壹�繧ｸend ******/
/****** 繧､繝ｳ繧ｿ繝薙Η繝ｼ荳€隕ｧ�亥�騾夲ｼ� ******/
.story-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.story-list li {
    width: 23.5%;
    overflow: hidden;
    border: 1px solid #dddddd;
    margin-bottom: 2%;
    margin-right: 2%;
}

.story-list li h2 {
    font-size: 1em;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.story-list li a {
    color: #333333;
    display: block;
    position: relative;
    line-height: 1.4;
    text-decoration: none;
}

.story-list li a .list-img {
    position: relative;
}

.story-list li a .list-img img {
    width: 100%;
    display: block;
    transition: 0.5s;
}

.story-list li a .list-img .date {
    background-color: rgba(70, 70, 70, 0.7);
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 0.7em;
    padding: 2px 4px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.story-list li a .list-txt {
    background-color: #f5f9ff;
    position: relative;
    text-align: center;
    padding: 15px 5px;
}

.story-list li a .list-txt .list-wrap {
    position: relative;
    z-index: 1;
    transition: 0.3s;
}

.story-list li a .list-txt .date {
    display: none;
}

.story-list li a .list-txt .name {
    margin: 10px 0 0;
}

.story-list li a .list-txt:before {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    z-index: 0;
    width: 102%;
    height: 100%;
    background-color: #0055b2;
    transform: translate3d(-100%, 0, 0);
    transition: 0.3s;
}

.story-list li a:hover {
    opacity: 1;
}

.story-list li a:hover .list-img img {
    transform: scale(1.3, 1.3);
}

.story-list li a:hover .list-txt .h-top-blue:before {
    background-color: #ffffff;
}

.story-list li a:hover .list-txt:before {
    transform: translate3d(0, 0, 0);
}

.story-list li a:hover h2,
.story-list li a:hover p.name {
    color: #ffffff;
}

.story-list li:nth-child(4n) {
    margin-right: 0;
}

@media (max-width: 800px) {
    .story-list {
        justify-content: space-between;
    }

    .story-list li {
        width: 49%;
        margin-right: 0;
    }

    .story-list li:nth-child(4n) {
        margin-right: 0;
    }
}

@media (max-width: 680px) {
    .story-list li {
        width: 100%;
    }

    .story-list li h2 {
        font-size: 0.9em;
        text-align: left;
        margin: 0;
    }

    .story-list li a {
        display: flex;
        flex-wrap: wrap;
        background-color: #f5f9ff;
    }

    .story-list li a:hover {
        background-color: #0055b2;
    }

    .story-list li a:hover .list-img img {
        transform: none;
    }

    .story-list li a:hover .list-txt .date {
        color: #ffffff;
    }

    .story-list li a .list-img {
        width: 110px;
    }

    .story-list li a .list-img .date {
        display: none;
    }

    .story-list li a .list-img img {
        height: 100%;
        object-fit: cover;
    }

    .story-list li a .list-txt {
        width: calc(100% - 110px);
        text-align: left;
        padding: 5px 5px 5px 10px;
        background: none;
        text-align: left;
    }

    .story-list li a .list-txt .date {
        display: inline-block;
        font-size: 0.7em;
        color: #999999;
        margin: 0;
    }

    .story-list li a .list-txt .h-top-blue:before {
        margin: 5px 0 0;
        height: 2px;
        width: 2em;
    }

    .story-list li a .list-txt .name {
        text-align: left;
        margin: 2px 0 0;
        line-height: 1.2;
    }

    .story-list li a .list-txt .name .font-s {
        font-size: 0.7em;
    }

    .story-list li a .list-txt .name .font-l {
        font-size: 0.9em;
    }

    .story-list li a .list-txt:before,
    .story-list li a .list-txt:after {
        content: none;
    }
}

@media (max-width: 360px) {
    .story-list li a .list-img {
        width: 100px;
    }

    .story-list li a .list-txt {
        width: calc(100% - 100px);
        font-size: 0.9em;
    }
}

/****** 繧､繝ｳ繧ｿ繝薙Η繝ｼ荳€隕ｧ�亥�騾夲ｼ影nd ******/
/****** 逶ｸ莠偵Μ繝ｳ繧ｯ ******/
#mutual-link {
    border-top: solid 1px #333333;
    padding-top: 70px;
}

#mutual-link li:nth-child(n+9) {
    display: none;
}

@media (max-width: 640px) {
    #mutual-link h3 {
        font-size: 1.2em;
    }
}

/****** end逶ｸ莠偵Μ繝ｳ繧ｯ ******/
/*
   *
   * 迚ｹ蛻･繧､繝ｳ繧ｿ繝薙Η繝ｼ
   * 逋ｺ髮ｻ謇€繝�い繝ｼ
   *
   */
/****** 荳€隕ｧ ******/
#docs-interview-index .uk-modal-dialog,
#docs-tours .uk-modal-dialog {
    width: 100%;
}

#docs-interview-index .flex,
#docs-tours .flex {
    justify-content: space-between;
}

#docs-interview-index .interview-title,
#docs-tours .interview-title {
    font-size: 1.1em;
    margin-top: 16px;
}

#docs-interview-index .interview-about,
#docs-tours .interview-about {
    color: #333333;
    font-size: 0.9em;
    margin: 16px 0;
}

#docs-interview-index .movie-list li,
#docs-tours .movie-list li {
    width: 32%;
}

#docs-interview-index .movie-list .btn-youtube,
#docs-tours .movie-list .btn-youtube {
    background-color: #FF0000;
    color: white;
    font-size: 0.9em;
}

#docs-interview-index .movie-list::after,
#docs-tours .movie-list::after {
    content: "";
    display: block;
    width: 32%;
}

#docs-interview-index .article-list,
#docs-tours .article-list {
    border-top: 1px solid #dddddd;
}

#docs-interview-index .article-list a,
#docs-tours .article-list a {
    display: block;
    border-bottom: solid 1px #dddddd;
}

#docs-interview-index .article-list .img-wrap,
#docs-tours .article-list .img-wrap {
    max-width: 288px;
    width: 100%;
}

#docs-interview-index .article-list .img-wrap img,
#docs-tours .article-list .img-wrap img {
    border: solid 1px #dddddd;
}

#docs-interview-index .article-list .text-wrap,
#docs-tours .article-list .text-wrap {
    width: calc(100% - 308px);
}

#docs-interview-index .article-list .btn-wrap,
#docs-tours .article-list .btn-wrap {
    text-align: right;
}

@media screen and (max-width: 880px) {

    #docs-interview-index .movie-list li,
    #docs-tours .movie-list li {
        width: 48%;
    }
}

@media screen and (max-width: 640px) {

    #docs-interview-index .movie-list,
    #docs-tours .movie-list {
        max-width: 420px;
        width: 100%;
        margin: 0 auto;
    }

    #docs-interview-index .movie-list li,
    #docs-tours .movie-list li {
        width: 100%;
    }

    #docs-interview-index .article-list,
    #docs-tours .article-list {
        max-width: 420px;
        width: 100%;
        margin: 0 auto;
    }

    #docs-interview-index .article-list .img-wrap,
    #docs-tours .article-list .img-wrap {
        max-width: 100%;
    }

    #docs-interview-index .article-list .text-wrap,
    #docs-tours .article-list .text-wrap {
        width: 100%;
        margin-top: 16px;
    }

    #docs-interview-index .article-list .btn-wrap,
    #docs-tours .article-list .btn-wrap {
        text-align: center;
    }
}

/****** end 荳€隕ｧ ******/
/****** 迺ｰ蠅�怦髢薙う繝ｳ繧ｿ繝薙Η繝ｼ ******/
#campaign-environment_interview #intro {
    border-bottom: 1px solid #333333;
}

#campaign-environment_interview #mv {
    padding: 100px 0;
    width: 100%;
    background: url(/img/environment/interview/mv.jpg) center top no-repeat;
    background-size: cover;
}

#campaign-environment_interview #mv h1 {
    max-width: 500px;
    width: 80%;
    margin: 0 auto;
}

#campaign-environment_interview .profile .name {
    font-size: 1em;
}

#campaign-environment_interview h2 {
    color: #4DAA8A;
}

#campaign-environment_interview .ikeda {
    padding-left: 3em;
    position: relative;
}

#campaign-environment_interview .ikeda:before {
    color: #FD0000;
    content: "豎�逕ｰ��";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

#campaign-environment_interview .miura {
    padding-left: 3em;
    position: relative;
}

#campaign-environment_interview .miura:before {
    color: #4DAA8A;
    content: "荳画ｵｦ��";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

#campaign-environment_interview #desc h2 {
    border-left: 5px solid #0055b2;
    color: #0055b2;
    padding-left: 1em;
}

#campaign-environment_interview #desc h2::before {
    content: none;
}

@media (max-width: 640px) {
    #campaign-environment_interview #mv {
        padding: 50px 0;
        background: url(/img/environment/interview/mv-sp.jpg) center bottom no-repeat;
        background-size: 100% auto;
    }

    #campaign-environment_interview #mv h1 {
        max-width: 350px;
        width: 65%;
    }
}

/****** 迺ｰ蠅�怦髢薙う繝ｳ繧ｿ繝薙Η繝ｼ end ******/
/****** 蜃ｺ鄒ｽ邏吝勣繧､繝ｳ繧ｿ繝薙Η繝ｼ ******/
#campaign-2001_interview #mv {
    background: none;
}

#campaign-2001_interview #mv h1 {
    border: 1px solid #999999;
}

#campaign-2001_interview #profile-img {
    position: relative;
}

#campaign-2001_interview #profile-img p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4px;
    margin: 0;
    text-align: right;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8);
}

#campaign-2001_interview .profile .name {
    font-size: 1em;
}

#campaign-2001_interview #desc h2 {
    border-left: 5px solid #0055b2;
    color: #0055b2;
    padding-left: 1em;
}

#campaign-2001_interview #desc h2::before {
    content: none;
}

#campaign-2001_interview .who {
    padding-left: 3em;
    position: relative;
}

#campaign-2001_interview .who:before {
    content: "";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

#campaign-2001_interview .saitou {
    padding-left: 5em;
}

#campaign-2001_interview .saitou:before {
    color: #ff4e4e;
    content: "縺ｾ縺｣縺励ｅ��";
}

#campaign-2001_interview .itou:before {
    color: #0088cd;
    content: "莨願陸��";
}

#campaign-2001_interview .orihara:before {
    color: #f08001;
    content: "謚伜次��";
}

#campaign-2001_interview .dewashiki {
    padding-left: 6em;
    position: relative;
}

#campaign-2001_interview .dewashiki:before {
    content: "";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    color: #f08001;
    content: "莨願陸繝ｻ謚伜次��";
}

/****** 蜃ｺ鄒ｽ邏吝勣繧､繝ｳ繧ｿ繝薙Η繝ｼ end ******/
/*
   *
   * 繝ｦ繝ｼ繧ｶ繝ｼ繧､繝ｳ繧ｿ繝薙Η繝ｼ
   *
   */
.voice-wrap {
    color: #333333;
    background-color: #F7F7F7;
}

.voice-wrap .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.voice-wrap a {
    color: #53c858;
    text-decoration: underline;
}

.voice-wrap .line-blue {
    background-image: url(/img/docs/voice/ookawa/line_blue_l.png), url(/img/docs/voice/ookawa/line_blue.png), url(/img/docs/voice/ookawa/line_blue_r.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left bottom, left 5px bottom, right bottom;
    background-size: 5px 10px, calc(100% - 10px) 10px, 5px 10px;
}

.voice-wrap .line-red {
    background-image: url(/img/docs/voice/ookawa/line_red_l.png), url(/img/docs/voice/ookawa/line_red.png), url(/img/docs/voice/ookawa/line_red_r.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left bottom, left 5px bottom, right bottom;
    background-size: 5px 10px, calc(100% - 10px) 10px, 5px 10px;
}

.voice-wrap #mv {
    background: url(/img/docs/voice/ookawa/bg.png) left top repeat;
    background-size: 150px;
    height: 750px;
}

.voice-wrap #mv #mv-wrap {
    max-width: 1300px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.voice-wrap #mv #mv-txt {
    max-width: 520px;
    width: 43%;
    position: absolute;
    z-index: 99;
    left: 20px;
    top: 30px;
    color: #ffffff;
    font-size: 1.1em;
    letter-spacing: 3px;
    font-weight: 400;
    line-height: 2.3;
}

.voice-wrap #mv #mv-txt h1 {
    width: 100%;
}

.voice-wrap #mv #mv-txt p {
    margin: 0;
    text-shadow: 1px 1px 2px #000;
}

.voice-wrap #mv #mv-owner #ookawa {
    max-width: 550px;
    width: 60%;
    position: absolute;
    z-index: 97;
    right: 280px;
    top: 150px;
}

.voice-wrap #mv #mv-owner .profile {
    background-color: #E86875;
    color: #ffffff;
    position: absolute;
    z-index: 98;
    width: 300px;
    right: 20px;
    bottom: 0;
    padding: 20px 20px 160px 20px;
}

.voice-wrap #mv #mv-owner .profile h3 {
    width: 289px;
    margin: -40px -20px auto auto;
}

.voice-wrap #mv #mv-owner .profile .name {
    font-weight: bold;
    font-size: 2em;
    margin-top: 80px;
}

.voice-wrap #mv #mv-owner .profile .job {
    font-weight: bold;
    font-size: 0.9em;
    margin: 0 0 50px;
}

.voice-wrap #mv #mv-owner .profile p {
    margin: 0;
}

.voice-wrap #mv #mv-interviewer {
    background-color: #E8E26F;
    color: #333333;
    font-size: 0.8em;
    max-width: 850px;
    width: calc(100% - 60px);
    position: absolute;
    z-index: 96;
    left: 30px;
    bottom: -30px;
    padding: 20px;
}

.voice-wrap #mv #mv-interviewer h3 {
    width: 250px;
    margin: -40px auto 0 -40px;
}

.voice-wrap #mv #mv-interviewer .profile {
    width: calc(100% - 250px);
    justify-content: space-between;
    margin: -40px 0 0;
    padding: 0;
}

.voice-wrap #mv #mv-interviewer .profile li {
    width: 48%;
}

.voice-wrap #mv #mv-interviewer .profile li p {
    margin: 0;
}

.voice-wrap #mv #mv-interviewer .profile li .name {
    font-weight: bold;
}

.voice-wrap #mv #mv-interviewer .profile li .job {
    font-weight: bold;
    font-size: 0.8em;
    margin: 0 0 10px;
}

.voice-wrap #mv #mv-interviewer .profile li img {
    width: 150px;
    margin-bottom: 10px;
}

.voice-wrap #intro {
    border-bottom: 1px solid #707070;
    line-height: 2.3;
}

.voice-wrap .article-info p {
    font-size: 0.7em;
    color: #666666;
    text-align: right;
}

.voice-wrap .desc {
    letter-spacing: 3px;
}

.voice-wrap .desc .comment {
    margin-bottom: 40px;
    padding: 20px;
    position: relative;
}

.voice-wrap .desc .comment:after {
    content: "";
    display: block;
    width: 100px;
    height: 120px;
    position: absolute;
    top: 0;
}

.voice-wrap .desc .comment .balloon-wrap {
    background-color: #ffffff;
    padding: 20px;
    width: calc(100% - 145px);
    position: relative;
}

.voice-wrap .desc .comment .balloon-wrap:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 20px;
}

.voice-wrap .desc .comment .balloon-wrap:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 24px;
    border-style: solid;
}

.voice-wrap .desc .comment .balloon-wrap p {
    margin: 0;
}

.voice-wrap .desc .ookawa:after {
    left: 0;
    background: url(/img/docs/voice/ookawa/comment-ookawa.png) center top no-repeat;
    background-size: contain;
}

.voice-wrap .desc .ookawa .balloon-wrap {
    box-shadow: -4px 4px 0px #BCDCF8;
    margin: 0 0 0 auto;
}

.voice-wrap .desc .ookawa .balloon-wrap:after {
    border-width: 0px 50px 30px 0;
    border-color: transparent #ffffff transparent transparent;
    left: -50px;
}

.voice-wrap .desc .ookawa .balloon-wrap:before {
    left: -54px;
    border-width: 0px 50px 30px 0;
    border-color: transparent #BCDCF8 transparent transparent;
}

.voice-wrap .desc .hatch:after,
.voice-wrap .desc .yutty:after {
    right: 0;
}

.voice-wrap .desc .hatch .balloon-wrap,
.voice-wrap .desc .yutty .balloon-wrap {
    margin: 0 auto 0 0;
}

.voice-wrap .desc .hatch .balloon-wrap:after,
.voice-wrap .desc .yutty .balloon-wrap:after {
    border-width: 0px 0 30px 50px;
    border-color: transparent transparent transparent #ffffff;
    right: -50px;
}

.voice-wrap .desc .hatch:after {
    background: url(/img/docs/voice/ookawa/comment_hatch.png) center top no-repeat;
    background-size: contain;
}

.voice-wrap .desc .hatch .balloon-wrap {
    box-shadow: 4px 4px 0px #FDD5D5;
}

.voice-wrap .desc .hatch .balloon-wrap:before {
    right: -54px;
    border-style: solid;
    border-width: 0px 0 30px 50px;
    border-color: transparent transparent transparent #FDD5D5;
}

.voice-wrap .desc .yutty:after {
    background: url(/img/docs/voice/ookawa/comment_yutty.png) center top no-repeat;
    background-size: contain;
}

.voice-wrap .desc .yutty .balloon-wrap {
    box-shadow: 4px 4px 0px #E8E580;
}

.voice-wrap .desc .yutty .balloon-wrap:before {
    right: -54px;
    border-style: solid;
    border-width: 0px 0 30px 50px;
    border-color: transparent transparent transparent #E8E580;
}

.voice-wrap .desc .img-wide {
    width: 100%;
    margin: 3em 0;
}

.voice-wrap .desc .img-wide p {
    margin: 1em 0 0;
    text-align: center;
}

.voice-wrap .desc h2 {
    color: #ffffff;
    font-weight: 500;
    background: linear-gradient(to right, #333333 0%, #333333 50%, #F7F7F7 51%, #F7F7F7 100%);
    font-size: 1.8em;
    text-align: right;
    position: relative;
}

.voice-wrap .desc h2 .wrap-800 {
    background-color: #333333;
    padding: 15px;
}

.voice-wrap #solavege .img-wrap {
    width: 50%;
    background: url(/img/docs/voice/ookawa/sharing.jpg) center no-repeat;
    background-size: cover;
}

.voice-wrap #solavege .text-wrap {
    width: 50%;
    background-color: #51B6E8;
    color: #ffffff;
    line-height: 2;
    padding: 40px 0 40px 80px;
}

.voice-wrap #solavege .text-wrap #solavege-wrap {
    max-width: 480px;
    width: 100%;
}

.voice-wrap #solavege .text-wrap img {
    width: 160px;
    margin: 0 auto 1em;
    display: block;
}

.voice-wrap #closing {
    border-top: 1px solid #707070;
    padding: 40px 0 0;
}

@media (max-width: 1200px) {
    .voice-wrap #mv {
        height: 900px;
    }

    .voice-wrap #mv #mv-owner #ookawa {
        right: 200px;
        top: 200px;
    }

    .voice-wrap #mv #mv-owner .profile {
        bottom: auto;
        top: 250px;
    }

    .voice-wrap #mv #mv-interviewer {
        z-index: 99;
    }

    .voice-wrap #solavege .text-wrap {
        padding: 40px 20px;
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 960px) {
    .voice-wrap #mv {
        height: 1000px;
    }

    .voice-wrap #mv #mv-owner #ookawa {
        top: 250px;
    }

    .voice-wrap #mv #mv-owner .profile {
        top: 300px;
    }

    .voice-wrap #mv #mv-owner .profile .name {
        margin-top: 40px;
    }

    .voice-wrap #mv #mv-interviewer {
        bottom: 30px;
    }
}

@media (max-width: 768px) {
    .voice-wrap #mv {
        height: 1050px;
    }

    .voice-wrap #mv #mv-txt {
        width: 100%;
    }

    .voice-wrap #mv #mv-txt h1 {
        width: 100%;
        max-width: 300px;
        margin-bottom: 20px;
    }

    .voice-wrap #mv #mv-owner #ookawa {
        top: 300px;
        right: auto;
        left: 30px;
    }

    .voice-wrap #mv #mv-owner .profile {
        top: 350px;
    }

    .voice-wrap #mv #mv-owner .profile h3 {
        width: 240px;
    }

    .voice-wrap #mv #mv-interviewer h3 {
        width: 200px;
    }

    .voice-wrap #mv #mv-interviewer .profile {
        width: calc(100% - 180px);
    }

    .voice-wrap .desc h2 {
        font-size: 1.5em;
    }
}

@media (max-width: 640px) {
    .voice-wrap #mv {
        height: auto;
        padding: 30px 10px;
    }

    .voice-wrap #mv #mv-wrap {
        max-width: 500px;
    }

    .voice-wrap #mv #mv-txt {
        position: static;
        max-width: 100%;
        margin: 0 auto 30px;
        letter-spacing: 0;
        font-size: 1em;
    }

    .voice-wrap #mv #mv-txt p {
        text-shadow: none;
    }

    .voice-wrap #mv #mv-owner {
        margin: 0 auto 50px;
    }

    .voice-wrap #mv #mv-owner #ookawa {
        position: static;
        width: 100%;
        margin: 0 auto 30px;
    }

    .voice-wrap #mv #mv-owner .profile {
        position: static;
        width: 100%;
        max-width: 300px;
        margin: 0 auto 20px 0;
        padding: 20px;
    }

    .voice-wrap #mv #mv-owner .profile h3 {
        margin: -40px auto auto 0;
    }

    .voice-wrap #mv #mv-owner .profile .name {
        margin-top: 20px;
    }

    .voice-wrap #mv #mv-owner .profile .job {
        margin: 0 0 20px;
    }

    .voice-wrap #mv #mv-interviewer {
        position: static;
        width: 100%;
    }

    .voice-wrap #mv #mv-interviewer h3 {
        margin: -40px -30px 0 auto;
    }

    .voice-wrap #mv #mv-interviewer .profile {
        width: 100%;
        margin-top: 20px;
    }

    .voice-wrap .desc {
        letter-spacing: 1px;
    }

    .voice-wrap .desc h2 {
        font-size: 1.1em;
        text-align: left;
        font-weight: bold;
    }

    .voice-wrap .desc .comment {
        padding: 10px;
    }

    .voice-wrap .desc .comment .balloon-wrap {
        width: calc(100% - 85px);
        padding: 10px;
    }

    .voice-wrap .desc .comment .balloon-wrap::before {
        top: 12px;
    }

    .voice-wrap .desc .comment .balloon-wrap::after {
        top: 10px;
    }

    .voice-wrap .desc .comment::after {
        width: 70px;
        height: 84px;
    }

    .voice-wrap .desc .hatch .balloon-wrap::before,
    .voice-wrap .desc .yutty .balloon-wrap::before {
        right: -27px;
        border-width: 0px 0 15px 25px;
    }

    .voice-wrap .desc .hatch .balloon-wrap::after,
    .voice-wrap .desc .yutty .balloon-wrap::after {
        border-width: 0px 0 15px 25px;
        right: -25px;
    }

    .voice-wrap .desc .ookawa .balloon-wrap::before {
        left: -27px;
        border-width: 0px 25px 15px 0;
    }

    .voice-wrap .desc .ookawa .balloon-wrap::after {
        left: -25px;
        border-width: 0px 25px 15px 0;
    }

    .voice-wrap #solavege .img-wrap {
        width: 100%;
    }

    .voice-wrap #solavege .text-wrap {
        width: 100%;
    }
}

/*
   *
   * 繝槭う繝壹�繧ｸ
   *
   */
#mypage-index {
    /****************
      譛ｬ莠ｺ遒ｺ隱�
    ***************/
    /****************
      謖ｯ霎ｼ蠕�■
    ***************/
    /****************
      雉�肇迥ｶ豕�
    ***************/
    /**** 螳壽悄雉ｼ蜈･  ****/
    /****************
      迺ｰ蠅�ｲ｢迪ｮ
    ***************/
    /****************
      菫晄怏逋ｺ髮ｻ謇€荳€隕ｧ
    ****************/
    /****************
      驕主悉7譌･髢薙�逋ｺ髮ｻ驥�
    ***************/
}

#mypage-index #mv-title {
    margin-bottom: 40px;
}

#mypage-index h2 {
    font-size: 1.7em;
}

#mypage-index .mute {
    color: #666666;
}

#mypage-index #identification-wrap .border {
    border: solid 2px;
}

#mypage-index #identification-wrap .border.warning {
    border-color: #e20000;
}

#mypage-index #identification-wrap .border.checking {
    border-color: #0068ff;
}

#mypage-index #identification-wrap .hd {
    padding: 0.5em 10px;
}

#mypage-index #identification-wrap .hd.warn-hd {
    background-color: #e20000;
}

#mypage-index #identification-wrap .hd.check-hd {
    background-color: #0068ff;
}

#mypage-index #identification-wrap .text-wrap {
    padding: 10px;
}

#mypage-index #identification-wrap .img-wrap {
    width: 120px;
}

#mypage-index #identification-wrap .flex p {
    width: calc(100% - 130px);
}

#mypage-index #identification-wrap .error-wrap {
    background-color: #ffd7d7;
}

#mypage-index #bank-waiting {
    font-size: 0.85em;
    padding: 10px;
    margin: 0 0 30px;
    color: #333333;
}

#mypage-index #bank-waiting h3 {
    border-bottom: 2px solid #333333;
    margin: 0 0 0.5em;
    font-size: 1.1em;
    padding-bottom: 5px;
}

#mypage-index #bank-waiting a {
    color: #333333;
    text-decoration: underline;
}

#mypage-index #bank-waiting .total-wrap {
    width: 50%;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    padding: 8px 16px;
}

#mypage-index #bank-waiting .total-wrap .flex {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#mypage-index #bank-waiting .total-wrap .flex:first-child {
    border-bottom: dotted 1px #dddddd;
}

#mypage-index #bank-waiting .total-wrap .flex:last-child {
    margin-top: 8px;
}

#mypage-index #bank-waiting .total-wrap dd {
    font-size: 1.3em;
    font-weight: bold;
}

#mypage-index #bank-waiting .total-wrap dd .font-s {
    font-size: 0.6em;
}

#mypage-index #bank-waiting .flex {
    justify-content: space-between;
}

#mypage-index #bank-waiting #bank-info {
    width: 32%;
    border: solid 2px #333333;
    padding: 8px;
}

#mypage-index #bank-waiting #notes-wrap {
    width: 65%;
}

@media screen and (max-width: 768px) {
    #mypage-index #bank-waiting .total-wrap {
        width: 100%;
    }

    #mypage-index #bank-waiting #bank-info {
        width: 42%;
    }

    #mypage-index #bank-waiting #notes-wrap {
        width: 56%;
    }
}

@media screen and (max-width: 640px) {
    #mypage-index #bank-waiting #bank-info {
        width: 100%;
    }

    #mypage-index #bank-waiting #notes-wrap {
        width: 100%;
        margin-top: 20px;
    }
}

@media screen and (max-width: 420px) {
    #mypage-index #bank-waiting .total-wrap dd {
        width: 100%;
    }
}

#mypage-index .asset-wrap {
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 15px 10px;
}

#mypage-index .asset-wrap h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

#mypage-index .asset-wrap h3 img {
    display: block;
    height: 35px;
    margin: 0 auto;
}

#mypage-index .asset-wrap .asset-data {
    background-color: #282828;
    color: #ffffff;
    border-radius: 5px;
    font-size: 1.5em;
    font-weight: bold;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
}

#mypage-index .asset-wrap .asset-data dt.asset-dt {
    font-weight: bold;
    font-size: 0.5em;
    width: 100%;
}

#mypage-index .asset-wrap .asset-data dd.asset-dd {
    width: 100%;
}

#mypage-index .asset-wrap .asset-data .dl-wrap {
    width: 100%;
}

#mypage-index .asset-wrap .asset-data .unit {
    font-size: 0.5em;
}

#mypage-index .asset-wrap .asset-data .border-bottom {
    border-bottom: 1px solid #f5f5f5;
}

#mypage-index #my-asset .font-xs {
    font-size: 12px;
}

#mypage-index #my-asset ul {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}

#mypage-index #my-asset li {
    position: relative;
    width: 32%;
}

#mypage-index #my-asset li h3 .uk-icon-image {
    width: 1.1em;
    height: 1.1em;
}

#mypage-index #my-asset .asset-2c li {
    width: 49%;
}

#mypage-index #my-asset .asset-1c li {
    width: 100%;
}

#mypage-index #my-asset #wat-detail {
    width: 100%;
}

#mypage-index #my-asset .pl-hide {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#mypage-index #my-asset .pl-hide #asset-wat {
    width: 65%;
}

#mypage-index #my-asset .pl-hide #asset-row2 {
    width: 33%;
    margin: 0;
}

#mypage-index #my-asset #asset-wat .match-h {
    padding-bottom: 5px;
}

#mypage-index #my-asset #asset-wat .asset-data {
    justify-content: flex-end;
    align-content: space-between;
}

#mypage-index #my-asset #asset-wat dl.asset-dl {
    align-content: flex-start;
}

#mypage-index #my-asset #asset-wat #total-wat {
    padding: 0 0 8px 0;
}

#mypage-index #my-asset #asset-wat #detail-wat {
    border-right: 1px solid #f5f5f5;
    padding: 8px 8px 0 0;
}

#mypage-index #my-asset #asset-wat #detail-watplus {
    padding: 8px 0 0 8px;
}

#mypage-index #my-asset #asset-wat .asset-2c {
    width: 100%;
}

#mypage-index #my-asset #asset-wat .asset-2c .asset-dl {
    width: 50%;
}

#mypage-index #my-asset #asset-wat .btn-wrap {
    width: 49%;
}

#mypage-index #my-asset #asset-wat .flex {
    justify-content: space-between;
}

#mypage-index #my-asset #asset-pl .text-s {
    display: block;
    text-align: left;
}

#mypage-index #my-asset dl.asset-dl {
    width: 100%;
    margin: 0;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
}

#mypage-index #my-asset .my-distributed-w {
    font-size: 0.6rem;
    text-align: left;
}

#mypage-index #my-asset .my-distributed-w a {
    display: block;
    border: 1px solid #ffffff;
    padding: 3px 10px 3px 3px;
    color: #ffffff;
    position: relative;
}

#mypage-index #my-asset .my-distributed-w a::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px;
    border-color: transparent transparent transparent #ffffff;
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    right: 0;
    top: calc(50% - 3px);
}

#mypage-index #my-asset .my-distributed-w a:hover {
    background-color: #ffffff;
    color: #333333;
}

#mypage-index #my-asset .my-distributed-w a:hover::before {
    border-color: transparent transparent transparent #333333;
}

#mypage-index #my-asset .my-distributed-w .font-l {
    font-size: 0.8rem;
    word-break: keep-all;
}

#mypage-index #my-asset .new-func {
    background-color: #ffae00;
    color: #ffffff;
    display: inline-block;
    padding: 0 2px;
    line-height: 1.4;
    font-size: 0.6em;
    position: static;
    vertical-align: super;
}

@media screen and (max-width: 640px) {
    #mypage-index #my-asset .pl-hide #asset-wat {
        width: 100%;
    }

    #mypage-index #my-asset .pl-hide #asset-row2 {
        width: 100%;
        margin: 20px 0;
    }

    #mypage-index #my-asset #asset-wat .btn-wrap .btn-m {
        padding: 8px 0;
    }

    #mypage-index #my-asset .asset-2c li {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 480px) {
    #mypage-index #my-asset #asset-wat .btn-wrap {
        width: 100%;
    }

    #mypage-index #my-asset #asset-wat .btn-wrap:last-child {
        margin-top: 10px;
    }
}

#mypage-index #asset-subscription ul {
    padding-left: 0px;
}

#mypage-index #asset-subscription li {
    position: relative;
    width: 48%;
    background-color: #282828;
    border-radius: 5px;
    padding: 5px;
    color: #ffffff;
    font-size: 1.5em;
    margin-bottom: 8px;
}

#mypage-index #asset-subscription li .unit {
    font-size: 0.5em;
}

#mypage-index #asset-subscription dl {
    margin: 0;
}

#mypage-index #asset-subscription dl dt {
    font-size: 0.5em;
}

#mypage-index #asset-subscription dl dd {
    font-weight: bold;
}

@media screen and (max-width: 640px) {
    #mypage-index #asset-subscription li {
        width: 100%;
    }
}

#mypage-index #eco {
    background-color: #f5f5f5;
    background-image: url(/img/common/bg_eco.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 20px 10px;
}

#mypage-index #eco h3 {
    font-size: 1.2em;
}

#mypage-index #eco h3 .uk-icon-image {
    width: 1.5em;
    height: 1.5em;
}

#mypage-index #eco ul {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}

#mypage-index #eco li {
    position: relative;
    width: 30%;
    background-color: #282828;
    border-radius: 5px;
    padding: 5px;
    color: #ffffff;
    font-size: 1.5em;
}

#mypage-index #eco dl {
    margin: 0;
}

#mypage-index #eco dl dt {
    font-size: 0.5em;
}

#mypage-index #eco dl dd {
    font-weight: bold;
}

#mypage-index #eco dl dd span {
    font-size: 0.5em;
}

#mypage-index #eco .notes1 {
    font-weight: bold;
}

@media screen and (max-width: 960px) {
    #mypage-index #eco {
        background-size: 100%;
        background-position: left 120%;
    }

    #mypage-index #eco li {
        width: 33%;
        margin-bottom: 2%;
    }
}

@media screen and (max-width: 820px) {
    #mypage-index #eco {
        background-position: left bottom;
    }

    #mypage-index #eco li {
        width: 48%;
    }
}

@media screen and (max-width: 640px) {
    #mypage-index #eco li {
        width: 100%;
    }
}

#mypage-index #my-equipment ul li {
    margin-bottom: 5px;
    font-weight: bold;
    align-items: flex-end;
}

#mypage-index #my-equipment .eq-wrap {
    background-color: #f5f5f5;
    width: 100%;
}

#mypage-index #my-equipment .eq-name {
    width: 36%;
    background-color: #53c858;
    color: #ffffff;
    font-size: 0.9em;
    border: 1px solid #dddddd;
}

#mypage-index #my-equipment .eq-name a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 3px 2px 3px 3px;
    color: #ffffff;
    height: 100%;
}

#mypage-index #my-equipment .eq-name a:hover {
    background-color: #ffffff;
    color: #53c858;
    opacity: 1;
}

#mypage-index #my-equipment .eq-name a .name {
    width: calc(100% - 20px);
}

#mypage-index #my-equipment dl {
    margin: 0;
    width: 64%;
    justify-content: flex-end;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

#mypage-index #my-equipment dl dt {
    font-weight: normal;
    font-size: 0.6em;
}

#mypage-index #my-equipment .eq-data {
    padding: 5px;
    width: 22%;
    height: 100%;
    align-self: flex-end;
}

#mypage-index #my-equipment .eq-own {
    width: 54%;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

#mypage-index #my-equipment .eq-own a {
    display: block;
    height: 100%;
    padding: 5px 20px 5px 5px;
    color: #ffffff;
    background-color: #282828;
    position: relative;
}

#mypage-index #my-equipment .eq-own a dd {
    line-height: 1.2;
}

#mypage-index #my-equipment .eq-own a .uk-icon {
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
    width: 15px;
}

#mypage-index #my-equipment .eq-own a:hover {
    background-color: #ffffff;
    color: #282828;
}

#mypage-index #my-equipment .eq-own .plus-w {
    word-break: keep-all;
}

@media screen and (max-width: 640px) {
    #mypage-index #my-equipment ul li {
        border: 1px solid #282828;
        margin-bottom: 15px;
    }

    #mypage-index #my-equipment .eq-name {
        width: 100%;
        border: none;
    }

    #mypage-index #my-equipment dl {
        width: 100%;
        border: none;
    }

    #mypage-index #my-equipment .eq-data {
        width: 50%;
        height: auto;
    }

    #mypage-index #my-equipment .eq-own {
        width: 100%;
        border: none;
    }
}

#mypage-index #my-chart #chart-wrap {
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    padding: 15px;
    display: flex;
    align-items: center;
}

#mypage-index #my-chart #chart-div {
    width: 100%;
}

#mypage-index #my-chart #chart-info {
    background-color: #282828;
    color: #ffffff;
}

#mypage-index #my-chart #chart-info .my-data {
    padding: 23px 15px;
    border-bottom: 1px solid #191919;
}

#mypage-index #my-chart #chart-info #act-data {
    border-bottom: none;
}

#mypage-index #my-chart #chart-info dt {
    font-weight: normal;
    margin-bottom: 5px;
}

#mypage-index #my-chart #chart-info dt:before {
    content: "";
    background-color: #53c858;
    width: 2px;
    height: 1.2em;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
}

#mypage-index #my-chart #chart-info #eq-name dd {
    text-align: left;
}

#mypage-index #my-chart #chart-info #eq-name dd li a {
    color: #333333;
    background-color: #ffffff;
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 0.9em;
    margin-bottom: 3px;
    display: inline-block;
}

#mypage-index #my-chart #chart-info dd {
    font-weight: bold;
    text-align: right;
}

#mypage-index #my-chart #chart-info dd span {
    font-size: 2em;
}

@media screen and (max-width: 960px) {
    #mypage-index #my-chart #chart-wrap {
        padding: 10px;
    }

    #mypage-index #my-chart #chart-info .my-data {
        border-bottom: none;
    }

    #mypage-index #my-chart #chart-info #plan-data {
        width: 50%;
        float: left;
    }

    #mypage-index #my-chart #chart-info #act-data {
        width: 50%;
        float: right;
    }
}

@media screen and (max-width: 480px) {
    #mypage-index #my-chart #chart-info .my-data {
        padding: 10px;
    }

    #mypage-index #my-chart #chart-info #plan-data,
    #mypage-index #my-chart #chart-info #act-data {
        width: 100%;
        float: none;
    }
}

/*
   *
   * /registration逕ｨ CSS
   *
   */
/*---------- 逋ｻ骭ｲ繧ｹ繝�ャ繝� ----------*/
#regist-step.step-indicator {
    font-size: 0.6em;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1.1;
}

#regist-step.step-indicator li {
    height: 50px;
    word-break: keep-all;
}

#regist-step.step-indicator li:before,
#regist-step.step-indicator li:after {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
}

/*---------- 逋ｻ骭ｲ繧ｹ繝�ャ繝� ----------*/
/* 騾∽ｿ｡螳御ｺ� */
#registration-send .wrap-main {
    max-width: 900px;
    margin: 0 auto;
    color: #333333;
}

#registration-send .note {
    background-color: #ffe9e9;
    border: 2px solid #e20000;
    padding: 1em;
    margin-top: 50px;
}

@media screen and (max-width: 640px) {
    #registration-send h2.uk-card-title {
        font-size: 1.2em;
    }
}

/* 繧｢繧ｯ繝�ぅ繝吶�繧ｷ繝ｧ繝ｳ */
#registration-activation h2 span {
    font-size: 80%;
    white-space: nowrap;
}

#registration-activation #snackbar {
    z-index: 999;
}

/* 騾∽ｿ｡螳御ｺ� */
#registration-thanks .font-main {
    color: #0061B9;
}

#registration-thanks .hd-deco {
    font-size: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

#registration-thanks .hd-deco::before,
#registration-thanks .hd-deco::after {
    content: "";
    width: 1.4em;
    height: 2px;
    background-color: #002d7f;
}

#registration-thanks .hd-deco::before {
    transform: rotate(60deg);
}

#registration-thanks .hd-deco::after {
    transform: rotate(-60deg);
}

#registration-thanks h3 {
    font-size: 1.1em;
}

#registration-thanks #thanks-main {
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}

#registration-thanks #thanks-main img {
    max-width: 500px;
    width: 80%;
}

@media screen and (max-width: 640px) {
    #registration-thanks #thanks-main h2 {
        font-size: 1.3em;
    }
}

#registration-thanks #msg {
    font-size: 1.2em;
    background-color: #ffa440;
    color: #ffffff;
    font-weight: bold;
    padding: 15px;
}

#registration-thanks .font-orange {
    color: #fba440;
    font-weight: bold;
}

#registration-thanks #mypage-btn {
    display: block;
    width: 100px;
    height: 100px;
    background-color: #fba440;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
    font-size: 0.8em;
    padding-top: 25px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 999;
    box-shadow: 0px 0px 4px #000;
}

#registration-thanks #mypage-btn img {
    width: 30px;
}

#registration-thanks .banner-wrap {
    width: 31%;
}

#registration-thanks .detail-wrap a {
    color: #333;
}

#registration-thanks a {
    cursor: pointer !important;
}

@media screen and (max-width: 780px) {
    #registration-thanks .hd-deco {
        max-width: 500px;
        margin-right: auto;
        margin-left: auto;
    }

    #registration-thanks .hd-deco::before,
    #registration-thanks .hd-deco::after {
        width: 2.6em;
    }

    #registration-thanks .list-wrap br {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    #registration-thanks .hd-deco {
        font-size: 1.3em;
    }

    #registration-thanks .pc-disp {
        display: none;
    }

    #registration-thanks #thanks-main p {
        text-align: left;
    }

    #registration-thanks #msg {
        font-size: 1em;
    }

    #registration-thanks .banner-wrap {
        width: 100%;
        margin-bottom: 40px;
    }
}

#registration-thanks #flow h3,
#registration-afm #flow h3 {
    color: #002d7f;
    font-size: 2em;
}

#registration-thanks #flow .flow-bk,
#registration-afm #flow .flow-bk {
    background: linear-gradient(to right, #53c858, #0055b2);
}

#registration-thanks #flow ol,
#registration-afm #flow ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
}

#registration-thanks #flow ol li h4,
#registration-afm #flow ol li h4 {
    color: #ffffff;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 10px;
}

#registration-thanks #flow li,
#registration-afm #flow li {
    width: 33%;
    text-align: center;
}

#registration-thanks #flow li .list-wrap,
#registration-afm #flow li .list-wrap {
    background-color: #ffffff;
    padding: 25px 15px 5px;
    font-weight: bold;
    position: relative;
}

#registration-thanks #flow li .list-wrap img,
#registration-afm #flow li .list-wrap img {
    height: 60px;
}

#registration-thanks #flow li .list-wrap::before,
#registration-afm #flow li .list-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

#registration-thanks #flow li:nth-child(1) .list-wrap::before,
#registration-afm #flow li:nth-child(1) .list-wrap::before {
    border-top: 10px solid #388bea;
}

#registration-thanks #flow li:nth-child(2) .list-wrap::before,
#registration-afm #flow li:nth-child(2) .list-wrap::before {
    border-top: 10px solid #2e77d2;
}

#registration-thanks #flow li:nth-child(3) .list-wrap::before,
#registration-afm #flow li:nth-child(3) .list-wrap::before {
    border-top: 10px solid #2462b9;
}

@media screen and (max-width: 640px) {

    #registration-thanks #flow,
    #registration-afm #flow {
        /*ol{
        background: linear-gradient(to bottom, #74c1f5, #0f64a7);
      }*/
    }

    #registration-thanks #flow h3,
    #registration-afm #flow h3 {
        font-size: 1.5em;
    }

    #registration-thanks #flow .flow-bk,
    #registration-afm #flow .flow-bk {
        background: linear-gradient(to bottom, #53c858, #0055b2);
    }

    #registration-thanks #flow li,
    #registration-afm #flow li {
        width: 100%;
    }

    #registration-thanks #flow li:nth-child(1),
    #registration-thanks #flow li:nth-child(2),
    #registration-afm #flow li:nth-child(1),
    #registration-afm #flow li:nth-child(2) {
        margin-bottom: 10px;
    }
}

/* access from media */
#registration-afm .flex {
    justify-content: space-between;
}

#registration-afm #flow li {
    width: 25%;
    text-align: center;
}

#registration-afm #flow li p {
    font-size: 0.8em;
}

#registration-afm #flow li:nth-child(1) .list-wrap::before {
    border-top: 10px solid #028CF4;
}

#registration-afm #flow li:nth-child(2) .list-wrap::before {
    border-top: 10px solid #007DE1;
}

#registration-afm #flow li:nth-child(3) .list-wrap::before {
    border-top: 10px solid #026CCF;
}

#registration-afm #flow li:nth-child(4) .list-wrap::before {
    border-top: 10px solid #005DBB;
}

#registration-afm #mail-filter {
    font-size: 0.8em;
    padding: 1em;
}

@media screen and (max-width: 800px) {
    #registration-afm #form {
        width: 100%;
    }

    #registration-afm #app {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    #registration-afm #flow ol {
        background: linear-gradient(to bottom, #74c1f5, #0f64a7);
    }

    #registration-afm #flow li {
        width: calc(50% - 1px);
    }

    #registration-afm #flow li:nth-child(1) .list-wrap::before,
    #registration-afm #flow li:nth-child(3) .list-wrap::before {
        border-top: 10px solid #0284EB;
    }

    #registration-afm #flow li:nth-child(2) .list-wrap::before,
    #registration-afm #flow li:nth-child(4) .list-wrap::before {
        border-top: 10px solid #0264C5;
    }

    #registration-afm #flow li:nth-child(1),
    #registration-afm #flow li:nth-child(2) {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 640px) {

    #registration-afm #flow li:nth-child(1) .list-wrap::before,
    #registration-afm #flow li:nth-child(2) .list-wrap::before {
        border-top: 10px solid #008DF5;
    }

    #registration-afm #flow li:nth-child(3) .list-wrap::before,
    #registration-afm #flow li:nth-child(4) .list-wrap::before {
        border-top: 10px solid #006DD0;
    }
}

#corporate-regist {
    display: block;
    max-width: 190px;
    width: 100%;
    border: 1px solid #dddddd;
    float: right;
    padding: 10px 10px 8px;
    color: #333333;
}

#corporate-regist img {
    height: 1.3em;
    vertical-align: sub;
}

@media screen and (max-width: 420px) {
    #corporate-regist {
        max-width: calc(100% - 30px);
        float: initial;
        margin: 0 auto;
    }
}

#login-resendpincode .flex {
    justify-content: space-between;
}

#login-resendpincode #form-resendpincode li {
    width: 48%;
    position: relative;
}

#login-resendpincode #form-resendpincode label {
    display: inline-block;
    width: 100%;
    padding: 20px 20px 20px 40px;
    cursor: pointer;
    border: 2px solid #dddddd;
    font-weight: bold;
}

#login-resendpincode #form-resendpincode label:hover {
    background: #fff6e8;
    border: 2px solid #f9e5c5;
}

#login-resendpincode #form-resendpincode input:checked+label {
    background: #fff6e8;
    border: 2px solid #f9e5c5;
}

#login-resendpincode #form-resendpincode .uk-radio {
    background-color: #ffffff;
    position: absolute;
    top: 28px;
    left: 10px;
}

#login-resendpincode #form-resendpincode .uk-radio:checked {
    background-color: #fbb03b;
}

.cc-wrap {
    border: 2px solid #53c858;
}

.cc-wrap dt {
    padding: 5px 10px;
    background-color: #53c858;
    text-align: left;
    font-weight: bold;
    color: #ffffff;
}

.cc-wrap dd {
    background-color: #ffffff;
    padding: 10px;
}

.cc-wrap dd.flex {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.cc-wrap .cc {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
}

.cc-wrap .cc span {
    font-size: 20px;
}

.cc-wrap .cc img {
    width: 30px;
    display: inline-block;
}

.cc-wrap #realize-btn {
    width: 250px;
}

#realize-notice {
    background-color: #fdf1dc;
    border: 1px solid #ffae00;
    padding: 1em;
}

#realize-notice #amagif-mail {
    font-size: 0.8em;
}

#point-history .font-s {
    font-size: 0.8em;
}

#point-history .history-table th,
#point-history .history-table td {
    padding: 10px;
    vertical-align: bottom;
    border: 1px solid #dddddd;
}

#point-history .history-table .date {
    background-color: #f5f9ff;
}

#point-history .history-table .hist-cc,
#point-history .history-table .realize-cc {
    font-weight: bold;
}

#point-history .history-table .hist-cc span,
#point-history .history-table .realize-cc span {
    display: none;
    font-weight: normal;
}

#point-history .history-table .request-status .label {
    display: inline-block;
    width: 7em;
    font-size: 0.8em;
    padding: 3px 0;
    border-radius: 15px;
    font-weight: bold;
}

#point-history .history-table .request-status .cancelrequest {
    background-color: #ff3833;
    border: 1px solid #ff3833;
    color: #ffffff;
}

#point-history .history-table .request-status .cancelrequest:hover {
    color: #ff3833;
    background-color: #ffffff;
}

#point-history .history-table .request-status .canceled {
    border: 1px solid #0086ff;
    color: #0086ff;
    background-color: #ffffff;
}

#point-history .history-table .request-status .done {
    background-color: #e5e5e5;
}

@media (max-width: 640px) {
    #point-history #realize-btn {
        width: 100%;
        margin: 20px auto 0;
    }

    #point-history .history-table {
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

    #point-history .history-table .table-th {
        display: none;
    }

    #point-history .history-table tr {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        border-top: 1px solid #e5e5e5;
    }

    #point-history .history-table td {
        display: block;
        border: none;
    }

    #point-history .history-table .history-wrap {
        position: relative;
    }

    #point-history .history-table .history-wrap .request-status {
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 0;
    }

    #point-history .history-table .date {
        background-color: #f5f9ff;
        width: 100%;
    }

    #point-history .history-table .date p {
        padding-right: 1em;
    }

    #point-history .history-table .hist-detail {
        width: 100%;
    }

    #point-history .history-table .hist-cc {
        width: 50%;
    }

    #point-history .history-table .hist-cc span {
        display: inline;
    }

    #point-history .history-table .realize-cc {
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #e5e5e5;
    }

    #point-history .history-table .realize-cc span {
        display: inline;
    }
}

#form-realize h2 {
    font-size: 1em;
    color: rgb(148, 138, 138);
}

#form-realize .font-s {
    font-size: 0.8em;
}

#form-realize #select-realize {
    justify-content: space-between;
}

#form-realize #select-realize li {
    width: 48%;
    position: relative;
}

#form-realize #select-realize #amagif-image {
    max-width: 250px;
    width: 100%;
}

#form-realize #select-realize label {
    display: inline-block;
    width: 100%;
    padding: 20px 20px 20px 40px;
    cursor: pointer;
    border: 2px solid #dddddd;
    font-weight: bold;
}

#form-realize #select-realize label:hover {
    background-color: #fff6e8;
    border: 2px solid #f9e5c5;
}

#form-realize #select-realize input {
    position: absolute;
    top: 45%;
    left: 10px;
    background-color: #ffffff;
}

#form-realize #select-realize input:checked+label {
    background-color: #fff6e8;
    border: 2px solid #f9e5c5;
}

#form-realize #select-realize .uk-radio:checked {
    background-color: #fbb03b;
}

#form-realize .strike {
    text-decoration: line-through;
}

#form-realize #bank-free {
    border-bottom: 1px solid #FB9B01;
    color: #FB9B01;
    display: inline;
}

#form-realize #kw-bonus {
    margin: 0;
    font-size: 0.8em;
}

#form-realize #bank-wrap {
    position: relative;
}

#form-realize #bank-wrap img#kw-ribbon {
    position: absolute;
    top: 0;
    right: 20px;
    width: 20%;
    max-width: 80px;
}

@media screen and (max-width: 780px) {
    #form-realize #select-realize li {
        width: 100%;
    }

    #form-realize #select-realize li:first-child {
        margin-bottom: 20px;
    }
}

/*
   *
   * 螢ｲ雋ｷ螻･豁ｴ
   *
   */
#trade-history .font-s {
    font-size: 0.8em;
}

#trade-history #history-table {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

#trade-history #history-table th {
    padding: 10px 5px;
}

#trade-history #history-table td {
    padding: 10px;
}

#trade-history #history-table .detail-cell {
    vertical-align: top;
}

#trade-history #history-table .traded {
    font-size: 0.7em;
    border: 1px solid;
    display: inline-block;
    padding: 3px 3px;
    line-height: 1.2;
    font-weight: bold;
}

#trade-history #history-table .history-cancel {
    background-color: #e5e5e5;
}

#trade-history .detail-btn {
    color: #ffffff;
    background-color: #0055b2;
    border-radius: 5px;
    display: block;
    text-align: center;
    min-width: 60px;
    max-width: 100px;
    margin: 0 auto;
    font-size: 0.9em;
    position: relative;
    padding-right: 5px;
}

#trade-history .detail-btn .uk-icon {
    position: absolute;
    right: 0;
    top: 4px;
    width: 15px;
}

#trade-history .sp-detail {
    max-width: 120px;
    font-size: 1em;
    margin: 0 auto;
}

@media (max-width: 880px) {
    #trade-history #history-table td {
        display: block;
    }

    #trade-history #history-table .date {
        padding-bottom: 0;
    }

    #trade-history #history-table .history-wrap {
        position: relative;
        display: block;
    }

    #trade-history #history-table .history-wrap .detail-cell {
        position: absolute;
        top: 0;
        right: 0;
    }

    #trade-history #history-table .history-wrap:nth-child(odd) {
        background-color: #f5f9ff;
    }
}

@media (max-width: 640px) {
    #trade-history #trade-hist-wrap {
        background-color: transparent;
    }

    #trade-history #history-table {
        border: 1px solid #dddddd;
    }
}

/*
   *
   * 螢ｲ雋ｷ隧ｳ邏ｰ
   *
   */
#trade-detail {
    /*#buy-data {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }*/
}

#trade-detail h2 .h-bottom-blue {
    font-size: 0.4em;
}

#trade-detail span.hd-icon {
    position: relative;
    padding-left: 1.1em;
}

#trade-detail span.hd-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 1.1em;
    height: 1.1em;
}

#trade-detail span.icon-buy:before {
    background: url(/img/common/icon_buy.png) center bottom no-repeat;
    background-size: auto 100%;
}

#trade-detail span.icon-sell:before {
    background: url(/img/common/icon_sell.png) center bottom no-repeat;
    background-size: auto 100%;
}

#trade-detail .card-wrap {
    /* width:48%;*/
    background-color: #f5f9ff;
    margin: 0 auto 30px;
    padding: 20px;
}

#trade-detail .bank-wrap {
    padding: 10px;
    border: 2px solid #999999;
    background-color: #f9f9f9;
    margin: 10px 0;
}

#trade-detail .card-wrap .data-wrap {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

#trade-detail .card-wrap .data-wrap:nth-child(odd) {
    background-color: #ffffff;
}

@media screen and (max-width: 679px) {
    #trade-detail #buy-data {
        display: block;
    }

    #trade-detail .card-wrap {
        width: 100%;
    }

    #trade-detail #distribution-breakdown .data-wrap {
        display: block;
    }

    #trade-detail #distribution-breakdown dt {
        margin-bottom: 10px;
    }
}

/*
   *
   * 鬆伜庶譖ｸ
   *
   */
#trade-receipt #print-btn {
    display: block;
    background-color: #333333;
    color: #ffffff;
    width: 160px;
    padding: 5px;
    text-align: center;
    border-radius: 10px;
    font-weight: bold;
    margin: 0 0 20px auto;
    cursor: pointer;
}

#trade-receipt .main-wrap {
    max-width: 800px;
    margin: 0 auto;
    font-size: 15px;
}

#trade-receipt .receipt-wrap {
    border: 1px solid #dddddd;
    padding: 20px;
    font-weight: bold;
}

#trade-receipt .receipt-wrap h2 {
    font-size: 1.6em;
    width: 200px;
}

#trade-receipt .receipt-wrap dl {
    margin: 0;
}

#trade-receipt .receipt-hd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#trade-receipt .receipt-hd dl {
    font-size: 0.8em;
    width: 200px;
}

#trade-receipt .receipt-hd .data-wrap {
    display: flex;
    justify-content: space-between;
}

#trade-receipt .receipt-main {
    max-width: 400px;
    margin: 30px auto;
}

#trade-receipt .receipt-main p {
    margin: 0;
}

#trade-receipt .receipt-name {
    font-size: 1.8em;
    text-align: center;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 10px 0;
}

#trade-receipt .receipt-main dl {
    margin-bottom: 10px;
}

#trade-receipt .receipt-main .data-wrap {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;
}

#trade-receipt .receipt-main span.amount {
    font-size: 1.5em;
}

#trade-receipt .receipt-ft {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    font-size: 0.8em;
}

#trade-receipt .receipt-ft p {
    margin: 0;
}

#trade-receipt .receipt-ft .receipt-note {
    font-weight: normal;
    font-size: 0.7em;
    width: 100%;
    max-width: 300px;
    margin-top: 0.5em;
}

#trade-receipt .receipt-company {
    font-weight: bold;
    font-size: 0.5em;
    width: 165px;
}

#trade-receipt .trade-detail {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#trade-receipt .detail-wrap {
    width: 48%;
}

#trade-receipt .trade-detail .data-wrap {
    margin-bottom: 10px;
    clear: both;
    font-size: 0.9em;
}

#trade-receipt .trade-detail .data-wrap dt {
    float: left;
    margin-right: 1em;
    font-weight: normal;
}

#trade-receipt h3 {
    border-bottom: 2px solid #333333;
    font-size: 1.1em;
}

#trade-receipt a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
    pointer-events: none;
}

@media screen and (max-width: 639px) {
    #trade-receipt .main-wrap {
        font-size: 13px;
    }

    #trade-receipt .receipt-wrap h2 {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 420px) {
    #trade-receipt .detail-wrap {
        width: 100%;
    }
}

@media print {
    #trade-receipt a[href]:after {
        content: "" !important;
    }

    #trade-receipt abbr[title]:after {
        content: "" !important;
    }

    #trade-receipt main {
        padding: 0px 15px !important;
        margin: 0 !important;
    }

    #trade-receipt #print-btn {
        display: none;
    }

    #trade-receipt .trade-detail {
        margin-top: 30px !important;
    }
}

/*
   *
   * equipment蜈ｱ騾咾SS
   *
   */
/*---------- 譌ｩ譛溷牡蠑� ----------*/
.price-down {
    color: #cf0c1a;
    background-color: #ffffff;
    font-size: 0.6em;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    padding: 0 3px;
    margin: 0 5px 0 0;
    vertical-align: text-bottom;
}

.discount-price {
    display: flex;
    align-items: center;
}

.discount {
    display: inline-block;
    color: #898989;
    position: relative;
    font-weight: normal;
}

.discount::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 45%;
    left: 0;
    background-color: rgba(206, 206, 206, 0.7);
}

.selling-permit {
    color: #e20000;
    border: 2px solid #e20000;
    background-color: #ffffff;
    padding: 1em 0.5em;
    font-weight: bold;
}

.about-distribution {
    width: 100%;
    border: solid 2px #0086ff;
    padding: 1em 0.5em;
    margin: 20px 0px;
}

.about-distribution .flex {
    justify-content: center;
    align-items: center;
}

.about-distribution .flex-left {
    margin-right: 20px;
}

.about-distribution .flex-left img {
    width: 70px;
}

@media screen and (max-width: 640px) {
    .about-distribution .flex-left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center;
    }
}

/*---------- 螳悟｣ｲ蟇ｾ蠢� ----------*/
#sould-out {
    text-align: center;
    color: #cf0c1a;
    background-color: #f9fbaa;
    padding: 8px;
}

#sould-out .font-s {
    font-size: 0.875em;
    line-height: 1.3;
}

/*---------- 荳€隕ｧ ----------*/
#equip-all-own {
    padding: 0 2% 2%;
}

#equip-all-own .btn-wrap button {
    width: 100%;
    margin: 0 auto;
    padding: 8px 0;
}

#equipment-index #eq-container {
    overflow: visible;
}

#equipment-index .eq-tab {
    display: flex;
    align-items: flex-end;
    padding-left: 0;
    margin: 0;
    /* 菴ｿ縺｣縺ｦ縺ｪ縺�ｼ� */
}

#equipment-index .eq-tab li {
    margin-right: 10px;
}

#equipment-index .eq-tab li a {
    display: block;
    background-color: #0055b2;
    color: #ffffff;
    padding: 10px 0;
    width: 140px;
    border-radius: 8px 8px 0 0/8px 8px 0 0;
    box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-weight: bold;
}

#equipment-index .eq-tab li a:before {
    content: "";
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    margin-right: 5px;
    vertical-align: text-bottom;
    background-color: #ffffff;
}

#equipment-index .eq-tab li a:hover {
    opacity: 0.8;
}

#equipment-index .eq-tab li.active a {
    background-color: #ffffff;
    color: #333333;
}

#equipment-index .eq-tab li.active a:before {
    background-color: #333333;
}

#equipment-index .eq-tab #all-tab a:before {
    -webkit-mask-image: url(/img/common/icon_list.svg);
    mask-image: url(/img/common/icon_list.svg);
    -webkit-mask-size: 1.2em 1.2em;
    mask-size: 1.2em 1.2em;
}

#equipment-index .eq-tab #own-tab a:before {
    -webkit-mask-image: url(/img/common/icon_regist.svg);
    mask-image: url(/img/common/icon_regist.svg);
    -webkit-mask-size: 1.2em 1.2em;
    mask-size: 1.2em 1.2em;
}

#equipment-index #list-bk {
    padding: 20px;
    background-color: #ffffff;
}

/*---------- 繝輔ぅ繝ｫ繧ｿ繝ｼ讖溯� ----------*/
#equip-filter {
    background-color: #ffffff;
    padding: 20px;
}

#equip-filter .filter-status {
    margin-bottom: 32px;
}

#equip-filter select {
    color: #333;
}

/*---------- 萓｡譬ｼ陦ｨ遉ｺ�丞ｮ溽ｸｾ陦ｨ遉ｺ ----------*/
#view-switch {
    padding: 0px;
}

#view-switch li {
    margin-right: 2em;
}

#view-switch li label {
    cursor: pointer;
}

/*---------- 險ｭ蛯吩ｸ€隕ｧ ----------*/
.equip-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.equip-list .font-s {
    font-size: 0.7em;
}

.equip-list .equip-wrap:nth-child(3n-1) {
    margin: 0 2% 20px;
}

.equip-list .equip-wrap {
    width: 32%;
    max-width: 500px;
    margin: 0 0 20px;
    border-radius: 10px;
    padding-bottom: 10px;
    background-color: #282828;
    /*** 繧ｽ繝ｼ繝ｩ繝ｼ繧ｷ繧ｧ繧｢繝ｪ繝ｳ繧ｰ ***/
    /*** 繧ｽ繝ｼ繝ｩ繝ｼ繝上え繧ｹ ***/
    /*** 蟒ｺ險ｭ繧ｵ繝昴�繧ｿ繝ｼ ***/
}

.equip-list .equip-wrap h3,
.equip-list .equip-wrap .eq-name {
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    background-color: #53c858;
    padding: 0.5em 5px;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
}

.equip-list .equip-wrap h3 img,
.equip-list .equip-wrap .eq-name img {
    width: 1.5em;
}

.equip-list .equip-wrap .preorder-text {
    font-size: 0.6em;
    font-weight: bold;
    color: #333333;
    background-color: #fcb843;
    text-align: center;
    padding: 5px;
    line-height: 1.4;
    position: absolute;
    left: -50px;
    top: -50px;
    border-radius: 10px;
}

.equip-list .equip-wrap .preorder-text::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: #fcb843 transparent transparent transparent;
    display: block;
    position: absolute;
    bottom: -10px;
    right: 10px;
}

.equip-list .equip-wrap .equip-img {
    position: relative;
    display: block;
}

.equip-list .equip-wrap .equip-img .img-note {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #ffffff;
    font-size: 0.6em;
    margin: 0;
}

.equip-list .equip-wrap .equip-img #eq-solarhouse {
    position: absolute;
    max-width: 100px;
    width: 100%;
    left: 10px;
    bottom: 50px;
}

.equip-list .equip-wrap .equip-img .img-discount {
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: bold;
    color: #ffffff;
    background-color: #cf0c1a;
    width: 100%;
    padding: 5px;
    margin: 0;
    line-height: 1;
}

.equip-list .equip-wrap .equip-img .img-discount span.discount-text {
    text-align: center;
    display: block;
    width: 100%;
}

.equip-list .equip-wrap .equip-img .img-discount .discount-span {
    display: inline-block;
    font-size: 0.7em;
    background-color: #ffffff;
    color: #cf0c1a;
    margin: 0 auto 4px;
    padding: 2px 4px;
}

.equip-list .equip-wrap .equip-img .icon-sale {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 90px;
}

.equip-list .equip-wrap .equip-sharing {
    background-color: #ffffff;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: center;
    color: #7eab37;
    font-weight: bold;
    padding: 4px;
}

.equip-list .equip-wrap .equip-sharing img {
    width: 1.5em;
}

.equip-list .equip-wrap .equip-sharing:hover {
    background-color: #7eab37;
    color: #ffffff;
}

.equip-list .equip-wrap .equip-solarhouse {
    background-color: #ffffff;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: center;
    color: #53c858;
    font-weight: bold;
    padding: 4px;
}

.equip-list .equip-wrap .equip-supporter {
    background-color: #ffffff;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    text-align: center;
    color: #53c858;
    font-weight: bold;
    padding: 4px;
}

.equip-list .equip-wrap .equip-supporter img {
    width: 1.5em;
}

.equip-list .equip-wrap .equip-supporter:hover {
    background-color: #53c858;
    color: #ffffff;
}

.equip-list .equip-wrap .rate-wrap {
    background-color: #282828;
    color: #ffffff;
    margin: 0;
    padding: 5px 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.equip-list .equip-wrap .rate-wrap .equip-status {
    background-color: #fff100;
    color: #000000;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    padding-top: 8px;
}

.equip-list .equip-wrap .rate-wrap .equip-status span {
    display: block;
    font-size: 70%;
    margin-top: 2px;
}

.equip-list .equip-wrap .rate-wrap .stop {
    background-color: #898989;
    padding-top: 10px;
    font-size: 95%;
}

.equip-list .equip-wrap .rate-wrap .sold {
    background-color: #898989;
    padding-top: 18px;
    font-size: 90%;
}

.equip-list .equip-wrap .rate-wrap .open {
    padding-top: 18px;
    font-size: 90%;
}

.equip-list .equip-wrap .rate-wrap p {
    margin: 0;
    line-height: 1.2;
}

.equip-list .equip-wrap .rate-wrap .equip-rate {
    width: calc(100% - 60px);
    text-align: right;
    position: relative;
    line-height: 1.1;
}

.equip-list .equip-wrap .rate-wrap .equip-rate .font-s {
    font-size: 0.9em;
    font-weight: bold;
}

.equip-list .equip-wrap .rate-wrap .equip-rate .font-l {
    font-size: 1.6em;
    font-weight: bold;
}

.equip-list .equip-wrap .rate-wrap .equip-rate .discount {
    font-size: 1em;
    margin-bottom: -10px;
}

.equip-list .equip-wrap .rate-wrap .remaining-time {
    font-size: 0.8em;
    text-align: right;
    width: 100%;
}

.equip-list .equip-wrap dl {
    background-color: #202020;
    border-top: 1px solid #191919;
    margin: 0;
    padding: 0 1em;
}

.equip-list .equip-wrap dl .eq-detail-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #191919;
}

.equip-list .equip-wrap dl dt {
    color: #898989;
    padding: 5px 0;
    margin-right: 10px;
}

.equip-list .equip-wrap dl dd {
    color: #ffffff;
    padding: 5px 0;
    margin-left: auto;
}

.equip-list .equip-wrap .own-info {
    font-weight: bold;
    color: #ffae00;
}

.equip-list .equip-wrap .own-info span {
    font-size: 0.8em;
    font-weight: normal;
    display: block;
}

.equip-list .equip-wrap .chart-wrap .height-match {
    background-color: #ffffff;
    border: 2px solid #242424;
}

.equip-list .equip-wrap .performance-data dt {
    color: #ffffff;
    font-weight: normal;
    font-size: 0.9em;
    margin-top: 0.4em;
}

.equip-list .equip-wrap .performance-data dd {
    padding: 0;
}

.equip-list .equip-wrap .performance-data dd span {
    font-size: 1.5em;
}

.equip-list .equip-wrap .chart-content .daily-out-chart {
    width: 100%;
    display: flex;
    align-items: center;
}

.equip-list .equip-wrap .chart-content .daily-out-chart .chart-div {
    padding: 5px;
    background-color: #ffffff;
    width: 100%;
}

.equip-list .equip-wrap .chart-content .no-chart {
    width: 100%;
    height: 210px;
    padding: 40px 10px 10px;
    margin: 0;
    text-align: center;
    background-color: #ffffff;
}

.equip-list .equip-wrap .weather-date {
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #242424;
}

.equip-list .equip-wrap .weather-date li {
    width: 20%;
    padding: 5px 10px;
    font-size: 0.8em;
}

.equip-list .equip-wrap .weather-date li img {
    width: 40px;
}

.equip-list .equip-wrap .btn-wrap {
    background-color: #282828;
    padding: 10px 0 0;
}

.equip-list .equip-wrap .btn-wrap li {
    width: 50%;
}

/*---------- end荳€隕ｧ ----------*/
/*---------- 險ｭ蛯呵ｩｳ邏ｰ ----------*/
/* 險ｭ蛯呵ｩｳ邏ｰ諠��ｱ蜈ｱ騾�*/
.equip-info {
    background-color: #f5f9ff;
    max-width: 700px;
    margin: 0 auto;
    padding: 20px;
}

.equip-info .equip-data-wrap:nth-child(odd) {
    background-color: #ffffff;
}

.equip-data-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.equip-data-wrap dt {
    padding: 10px;
}

.equip-data-wrap dd {
    padding: 10px;
    flex-grow: 1;
}

.equip-data-wrap dd .price-down {
    border: 1px solid #cf0c1a;
}

.equip-data-wrap dd .discount {
    color: #666666;
}

.equip-data-wrap dd .discount::before {
    content: "";
    background-color: #666666;
}

.equip-data-wrap .own-panel-detail {
    padding: 0;
    margin: 0;
    width: 100%;
}

.equip-data-wrap .own-panel-detail span {
    display: inline-block;
    padding: 0 2px;
}

.equip-data-wrap .own-panel-detail .trade-stop {
    opacity: 0.5;
}

#equipment-detail {
    /*------ 鬚ｨ蜉帷匱髮ｻ謇€ ------*/
    /*------ 繧ｽ繝ｼ繝ｩ繝ｼ繝上え繧ｹ ------*/
    /*------ end 繧ｽ繝ｼ繝ｩ繝ｼ繝上え繧ｹ ------*/
    /*------ 繝｢繝�Ν繧ｱ繝ｼ繧ｹ ------*/
    /*------ 蟒ｺ險ｭ繧ｵ繝昴�繧ｿ繝ｼ ------*/
    /*------ 逋ｺ髮ｻ螳溽ｸｾ ------*/
    /*------ 繝ｬ繝薙Η繝ｼ ------*/
    /*------ 縺顔衍繧峨○ ------*/
    /*------ 繧上▲縺ｨ螢ｲ繧� ------*/
}

#equipment-detail span.h-bottom-blue,
#equipment-detail span.h-bottom-blue-left {
    font-size: 0.4em;
}

#equipment-detail #mv-equip {
    height: 480px;
    width: 100%;
    color: #ffffff;
}

#equipment-detail #mv-equip .container {
    position: relative;
    height: 100%;
}

#equipment-detail #mv-equip .container .img-note {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0.6em;
    margin: 0;
}

#equipment-detail #mv-equip h1 {
    position: absolute;
    left: 0;
    bottom: 30px;
    padding-right: 360px;
    width: 100%;
    text-shadow: 3px 3px 5px #000;
}

#equipment-detail #mv-equip h1 span {
    font-size: 0.4em;
    display: block;
    margin: 10px 0;
}

#equipment-detail #mv-equip h1 .hd-category {
    border: 1px solid #ffffff;
    padding: 5px;
    display: inline-block;
}

#equipment-detail #equip-top {
    position: relative;
    overflow: visible;
}

#equipment-detail #equip-top #share-button {
    text-align: right;
}

#equipment-detail #equip-top .equip-list {
    position: absolute;
    top: -520px;
    right: 0;
}

#equipment-detail #equip-top .equip-list .equip-wrap {
    width: 350px;
}

#equipment-detail .wind-wrap img {
    width: 100%;
    max-width: 500px;
}

#equipment-detail .solar-house-detail-wrap .flex-left {
    width: 50%;
}

#equipment-detail .solar-house-detail-wrap .flex-left img {
    width: 100%;
    max-width: 400px;
}

#equipment-detail .solar-house-detail-wrap .flex-right {
    font-size: 1.2em;
    width: 50%;
}

@media screen and (max-width: 640px) {
    #equipment-detail .solar-house-detail-wrap .flex-left {
        width: 100%;
    }

    #equipment-detail .solar-house-detail-wrap .flex-right {
        width: 100%;
    }
}

#equipment-detail .income-table h3 {
    margin-bottom: 5px;
    font-size: 1.2em;
}

#equipment-detail .income-table table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

#equipment-detail .income-table th,
#equipment-detail .income-table td {
    border: 1px solid #dddddd;
    padding: 5px;
}

#equipment-detail .income-table thead th {
    background-color: #53c858;
    color: #ffffff;
    text-align: center;
}

#equipment-detail a.buy-badge {
    background-color: #e56100;
    padding: 0px 10px;
}

#equipment-detail .equipment-desc-ext {
    border: 1px solid #dddddd;
}

#equipment-detail .equipment-desc-ext .supporters {
    font-weight: bold;
    font-size: 1.2em;
}

#equipment-detail .equipment-desc-ext .supporters img {
    width: 1.5em;
}

#equipment-detail .equipment-desc-ext .supporters-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

#equipment-detail .equipment-desc-ext .supporters-info .supporters-logo {
    width: 35%;
    max-width: 300px;
    text-align: center;
    padding: 10px;
}

#equipment-detail .equipment-desc-ext .supporters-info .supporters-txt {
    width: 65%;
    word-break: break-all;
}

#equipment-detail .equipment-desc-ext .supporters-info .supporters-txt h4 {
    border-bottom: 2px solid #333333;
    font-weight: bold;
}

#equipment-detail .equipment-desc-ext .supporters-info .supporters-txt h4 span {
    font-size: 0.6em;
}

#equipment-detail .equipment-desc-ext #story-bn {
    display: flex;
    flex-wrap: wrap;
    background-color: #276DB3;
    color: #ffffff;
    width: 100%;
}

#equipment-detail .equipment-desc-ext #story-bn #story-img {
    width: 35%;
}

#equipment-detail .equipment-desc-ext #story-bn #story-txt {
    width: 65%;
    padding: 2em;
    position: relative;
}

#equipment-detail .equipment-desc-ext #story-bn #story-txt h4 {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.6em;
}

#equipment-detail .equipment-desc-ext #story-bn #story-txt .uk-icon {
    position: absolute;
    top: 46%;
    display: block;
    right: 20px;
}

#equipment-detail .equipment-desc-ext #supporter-btn {
    border-radius: 24px;
    padding: 10px 5px 10px 10px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}

#equipment-detail .equipment-desc-ext #supporter-btn img {
    width: 0.9em;
    margin-left: 2px;
}

#equipment-detail #chart-div canvas {
    background-color: #ffffff;
    padding: 10px;
}

#equipment-detail #detailreview header {
    background-color: transparent;
}

#equipment-detail #notify {
    background-color: #f5f9ff;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}

#equipment-detail #notify h3 {
    color: #e20000;
    font-size: 1.3em;
    width: 18%;
    text-align: center;
    padding: 20px 20px 0 0;
}

#equipment-detail #notify h3:before {
    content: "";
    background: url(/img/common/icon_info.png) center top no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    margin: 0 auto 5px;
}

#equipment-detail #notify #notify-text {
    width: 82%;
    border-left: 1px solid #dddddd;
    padding-left: 20px;
}

#equipment-detail #notify h4 {
    font-weight: bold;
    font-size: 1.1em;
}

#equipment-detail #notify p {
    font-size: 0.9em;
    margin-bottom: 0;
}

#equipment-detail .slide-btn {
    background-color: rgba(0, 0, 0, 0.5);
}

#equipment-detail #sell-here {
    color: #0055b2;
    font-weight: bold;
    margin: 0 auto 5px;
}

#equipment-detail #sell-here img {
    width: 1.5em;
}

#equipment-detail #rate-of-retern {
    font-size: 1.5rem;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #dddddd;
}

#equipment-detail #rate-of-retern span {
    font-size: 80%;
}

#equipment-detail #chart-notify {
    transition: all 0.5s;
    position: absolute;
    background-color: rgba(250, 250, 250, 0.9);
    z-index: 1;
    text-align: center;
    padding: 100px 10px;
    box-sizing: border-box;
    color: #999999;
    font-size: 1.5em;
    opacity: 0;
}

#equipment-detail #planActualAccuChart {
    display: none;
}

#equipment-detail #eq-movie .eq-movie-wrap {
    position: relative;
    padding-top: 27%;
    width: 48%;
    height: 0;
    margin: 0 auto;
}

#equipment-detail #eq-movie .eq-movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 640px) {
    #equipment-detail #eq-movie .eq-movie-wrap {
        padding-top: 56.25%;
        width: 100%;
    }
}

/*---------- end險ｭ蛯呵ｩｳ邏ｰ ----------*/
/*---------- 逋ｺ髮ｻ螳溽ｸｾ ----------*/
.equipment-actual main h3 {
    color: #333333;
}

.equipment-actual main h3 span {
    font-size: 70%;
}

.equipment-actual #daily-out-table-app table,
.equipment-actual #monthly-out-table-app table,
.equipment-actual #annual-out-table-app table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

.equipment-actual #daily-out-table-app thead,
.equipment-actual #monthly-out-table-app thead,
.equipment-actual #annual-out-table-app thead {
    background-color: #0055b2;
    color: #ffffff;
    font-size: 90%;
}

.equipment-actual #daily-out-table-app tbody th,
.equipment-actual #monthly-out-table-app tbody th,
.equipment-actual #annual-out-table-app tbody th {
    width: 20%;
    font-weight: normal;
    font-size: 90%;
    color: #666666;
}

.equipment-actual #daily-out-table-app tbody td,
.equipment-actual #monthly-out-table-app tbody td,
.equipment-actual #annual-out-table-app tbody td {
    width: 40%;
    text-align: right;
}

.equipment-actual #daily-out-table-app th,
.equipment-actual #daily-out-table-app td,
.equipment-actual #monthly-out-table-app th,
.equipment-actual #monthly-out-table-app td,
.equipment-actual #annual-out-table-app th,
.equipment-actual #annual-out-table-app td {
    padding: 5px;
    border: 1px solid #666666;
}

.equipment-actual #daily-out-table-app .bg-f5,
.equipment-actual #monthly-out-table-app .bg-f5,
.equipment-actual #annual-out-table-app .bg-f5 {
    background-color: #f5f9ff;
}

.equipment-actual #dailyoutput-table tr:nth-child(odd),
.equipment-actual #monthlyoutput-table tr:nth-child(odd),
.equipment-actual #annualoutput-table tr:nth-child(odd) {
    background: #f5f9ff;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.equipment-actual #dailyoutput-table tr:last-child,
.equipment-actual #monthlyoutput-table tr:last-child,
.equipment-actual #annualoutput-table tr:last-child {
    border-bottom: 1px solid #dddddd;
}

.equipment-actual #power-rate {
    text-align: center;
    margin: 30px auto;
}

.equipment-actual #power-rate .rate-wrap {
    width: 90%;
    max-width: 220px;
    display: block;
    background-color: #53c858;
    color: #ffffff;
    border-radius: 10px;
    padding: 10px;
    margin: 0 auto;
}

.equipment-actual #power-rate .rate-wrap dd {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
}

.equipment-actual .change-buttons {
    display: flex;
    align-items: flex-end;
    padding-left: 0;
    margin: 0;
}

.equipment-actual .change-buttons button {
    display: block;
    background-color: #0055b2;
    color: #ffffff;
    padding: 10px 0;
    margin-right: 10px;
    width: 140px;
    border-radius: 8px 8px 0 0/8px 8px 0 0;
    box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-weight: bold;
}

.equipment-actual .change-buttons button:hover {
    opacity: 0.8;
}

.equipment-actual .change-buttons button.active {
    background-color: #ffffff;
    color: #333333;
}

.equipment-actual #chart-notify {
    transition: all 0.5s;
    position: absolute;
    background-color: rgba(250, 250, 250, 0.9);
    z-index: 1;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    color: darkgray;
    font-size: 2em;
    padding: 70px;
    opacity: 0;
}

@media screen and (max-width: 640px) {
    .equipment-actual .change-buttons button {
        width: 6.5em;
    }
}

/*---------- 繧ｰ繝ｪ繝ｼ繝ｳ繝ｯ繝�ヨ逋ｺ髮ｻ險育判 ----------*/
.green-equipment-actual {
    background-color: #f1f5f5;
}

.green-equipment-actual main h3 {
    color: #232323;
}

.green-equipment-actual main h3 span {
    font-size: 70%;
}

.green-equipment-actual .green-actual-wrap {
    border-radius: 0 16px 16px 16px;
    filter: drop-shadow(0 0 5px rgba(206, 206, 206, 0.75));
    transform: translateZ(0);
    overflow: hidden;
    margin: 0 5px 5px 5px;
}

.green-equipment-actual #daily-out-table-app table,
.green-equipment-actual #monthly-out-table-app table,
.green-equipment-actual #annual-out-table-app table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

.green-equipment-actual #daily-out-table-app thead,
.green-equipment-actual #monthly-out-table-app thead,
.green-equipment-actual #annual-out-table-app thead {
    background-color: #276db3;
    color: #fff;
    font-size: 90%;
}

.green-equipment-actual #daily-out-table-app tbody th,
.green-equipment-actual #monthly-out-table-app tbody th,
.green-equipment-actual #annual-out-table-app tbody th {
    width: 20%;
    font-weight: normal;
    font-size: 90%;
    color: #232323;
}

.green-equipment-actual #daily-out-table-app tbody td,
.green-equipment-actual #monthly-out-table-app tbody td,
.green-equipment-actual #annual-out-table-app tbody td {
    width: 40%;
    text-align: right;
}

.green-equipment-actual #daily-out-table-app th,
.green-equipment-actual #daily-out-table-app td,
.green-equipment-actual #monthly-out-table-app th,
.green-equipment-actual #monthly-out-table-app td,
.green-equipment-actual #annual-out-table-app th,
.green-equipment-actual #annual-out-table-app td {
    padding: 5px;
    border: 1px solid #d3d3d3;
}

.green-equipment-actual #daily-out-table-app tbody tr,
.green-equipment-actual #monthly-out-table-app tbody tr,
.green-equipment-actual #annual-out-table-app tbody tr {
    color: #232323;
}

.green-equipment-actual #daily-out-table-app .bg-f5,
.green-equipment-actual #monthly-out-table-app .bg-f5,
.green-equipment-actual #annual-out-table-app .bg-f5 {
    background-color: #f5f9ff;
}

.green-equipment-actual #dailyoutput-table tr:nth-child(odd),
.green-equipment-actual #monthlyoutput-table tr:nth-child(odd),
.green-equipment-actual #annualoutput-table tr:nth-child(odd) {
    background-color: #f9f9f9;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
}

.green-equipment-actual #dailyoutput-table tr:last-child,
.green-equipment-actual #monthlyoutput-table tr:last-child,
.green-equipment-actual #annualoutput-table tr:last-child {
    border-bottom: 1px solid #d3d3d3;
}

.green-equipment-actual #power-rate {
    text-align: center;
    margin: 30px auto;
}

.green-equipment-actual #power-rate .rate-wrap {
    width: 90%;
    max-width: 220px;
    display: block;
    background-color: #81c725;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    margin: 0 auto;
}

.green-equipment-actual #power-rate .rate-wrap dd {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
}

.green-equipment-actual .change-buttons {
    display: flex;
    align-items: flex-end;
    padding-left: 0;
    margin: 0;
}

.green-equipment-actual .change-buttons button {
    display: block;
    background-color: #00b3a3;
    color: #fff;
    padding: 10px 0;
    margin: 5px 10px 0 5px;
    width: 140px;
    border-radius: 8px 8px 0 0/8px 8px 0 0;
    box-shadow: 0 -2px 5px rgba(206, 206, 206, 0.75);
    text-align: center;
    font-weight: bold;
}

.green-equipment-actual .change-buttons button:hover {
    opacity: 0.8;
}

.green-equipment-actual .change-buttons button.active {
    background-color: #fff;
    color: #232323;
}

.green-equipment-actual #chart-notify {
    transition: all 0.5s;
    position: absolute;
    background-color: rgba(250, 250, 250, 0.9);
    z-index: 1;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    color: #232323;
    font-size: 2em;
    padding: 70px;
    opacity: 0;
}

@media screen and (max-width: 640px) {
    .green-equipment-actual .uk-padding {
        padding: 20px 10px;
    }

    .green-equipment-actual #daily-out-table-app .uk-card-default,
    .green-equipment-actual #monthly-out-table-app .uk-card-default,
    .green-equipment-actual #annual-out-table-app .uk-card-default {
        box-shadow: none;
    }

    .green-equipment-actual #daily-out-table-app thead,
    .green-equipment-actual #monthly-out-table-app thead,
    .green-equipment-actual #annual-out-table-app thead {
        background-color: #81c725;
    }

    .green-equipment-actual #daily-out-table-app .bg-f5,
    .green-equipment-actual #monthly-out-table-app .bg-f5,
    .green-equipment-actual #annual-out-table-app .bg-f5 {
        background-color: #f9f9f9;
    }

    .green-equipment-actual .change-buttons button {
        width: 6.5em;
        margin: 5px 2px 0 5px;
    }
}

/*-------- end 繧ｰ繝ｪ繝ｼ繝ｳ繝ｯ繝�ヨ逋ｺ髮ｻ險育判 --------*/
.actual-note {
    font-size: 0.6em;
    text-align: right;
    margin: 1em;
    padding: 0;
}

#equipment-data h1 {
    background-color: #53c858;
    padding: 40px 20px;
    text-align: center;
    font-size: 2em;
}

#equipment-data h1 .hd-category {
    border: 1px solid #ffffff;
    padding: 5px;
    display: inline-block;
    font-size: 0.5em;
    margin-bottom: 5px;
}

#equipment-data h2 {
    font-size: 2rem;
}

#equipment-data .top-data {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#equipment-data .top-data .flex-wrap {
    width: 48%;
}

#equipment-data .top-data .equip-wrap {
    width: 100%;
}

#equipment-data .top-data .equip-wrap h3 {
    color: white;
}

/*---------- 繝ｯ繝�ヨ菫晄怏險ｼ譏取嶌 ----------*/
#equipment-certificate #main {
    background: #bebebf;
    background: -moz-linear-gradient(top, #ffffff 0%, #bebebf 50%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #bebebf 50%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #bebebf 50%, #ffffff 100%);
    padding: 50px 0;
    margin-top: 0;
}

#equipment-certificate .certificate-list {
    width: 100%;
}

#equipment-certificate .certificate-list li {
    border: 1px solid #eee;
    padding: 15px;
    margin: 0 10px 50px;
    max-width: 90%;
    background: #eefcf6 !important;
    background: -moz-linear-gradient(top, #f6fefb 20%, #eefcf6 100%) !important;
    background: -webkit-linear-gradient(top, #f6fefb 20%, #eefcf6 100%) !important;
    background: linear-gradient(to bottom, #f6fefb 20%, #eefcf6 100%) !important;
}

#equipment-certificate .certificate-list .certificate-bk {
    padding: 5px;
    border: 3px solid #b9a88b;
}

#equipment-certificate .certificate-list .certificate-wrap {
    padding: 15px;
    border: 1px solid #b9a88b;
}

#equipment-certificate .certificate-list h2 img.logo-img {
    width: 18%;
    display: block;
    margin: 20px auto;
}

#equipment-certificate .certificate-list h2 img.title-img {
    max-width: 300px;
    width: 80%;
    margin-bottom: 20px;
}

#equipment-certificate .certificate-list .user-name {
    font-size: 2.5rem;
    border-bottom: 1px solid #b9a88b;
    margin-bottom: 70px;
}

#equipment-certificate .certificate-list .user-name span {
    font-size: 2rem;
}

#equipment-certificate .certificate-list dl {
    margin-bottom: 80px;
    overflow: hidden;
}

#equipment-certificate .certificate-list dl dt {
    width: 8em;
    float: left;
    clear: both;
}

#equipment-certificate .certificate-list dl dd:before {
    content: "��";
}

#equipment-certificate .certificate-list dl dd {
    text-align: left;
}

#equipment-certificate .certificate-list #issue-info {
    max-width: 288px;
    width: 100%;
    margin-right: 0;
    margin-left: auto;
}

#equipment-certificate .certificate-list #issue-info .font-s {
    font-size: 0.7em;
}

#equipment-certificate .certificate-list #issue-info .company-name {
    position: relative;
}

#equipment-certificate .certificate-list #issue-info .company-name::after {
    content: "";
    position: absolute;
    background: url(/img/certificate/certificate_stamp.png) no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    right: 0;
    top: -1em;
    opacity: 0.7;
}

#equipment-certificate .certificate-list #issue-info .sign {
    padding-left: 1em;
}

#equipment-certificate .certificate-list #issue-info .sign p {
    display: inline-block;
}

#equipment-certificate .certificate-list #issue-info .sign img {
    width: calc(100% - 9em);
    position: relative;
    z-index: 10;
}

#equipment-certificate .slide-nav svg {
    width: 30px;
    height: 36px;
}

#equipment-certificate .slide-nav polyline {
    stroke-width: 5;
    stroke: #ccc;
}

/*---------- 逋ｺ髮ｻ險育判 ----------*/
#equipment-plan plan-contents,
#equipment-green_plan plan-contents {
    width: 100%;
}

#equipment-plan .change-buttons,
#equipment-green_plan .change-buttons {
    display: flex;
    align-items: flex-end;
    padding-left: 0;
    margin: 0;
}

#equipment-plan .change-buttons button,
#equipment-green_plan .change-buttons button {
    display: block;
    background-color: #0055b2;
    color: #ffffff;
    padding: 10px 0;
    margin-right: 10px;
    width: 140px;
    height: 40px;
    border-radius: 8px 8px 0 0/8px 8px 0 0;
    box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-weight: bold;
}

#equipment-plan .change-buttons button:hover,
#equipment-green_plan .change-buttons button:hover {
    opacity: 0.8;
}

#equipment-plan .change-buttons button.active,
#equipment-green_plan .change-buttons button.active {
    background-color: #ffffff;
    color: #333333;
}

#equipment-plan #years-plan-table th,
#equipment-green_plan #years-plan-table th {
    vertical-align: top;
    text-align: center;
    padding: 16px 5px;
}

#equipment-plan #years-plan-table td,
#equipment-green_plan #years-plan-table td {
    padding: 16px 5px;
}

#equipment-plan .year-plan-s h5,
#equipment-green_plan .year-plan-s h5 {
    padding: 10px;
    margin: 0;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}

#equipment-plan .year-plan-s .dl-table,
#equipment-green_plan .year-plan-s .dl-table {
    padding: 15px;
    margin: 0;
}

#equipment-plan .bg-f5,
#equipment-green_plan .bg-f5 {
    background-color: #f5f9ff;
}

#equipment-plan .plan-month,
#equipment-green_plan .plan-month {
    padding: 3px;
}

#equipment-plan .plan-month:nth-child(odd),
#equipment-green_plan .plan-month:nth-child(odd) {
    background-color: #ffffff;
}

#equipment-plan #years-plan-table tr:nth-child(odd) {
    background-color: #f5f9ff;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

#equipment-plan #years-plan-table tr:last-child {
    border-bottom: 1px solid #dddddd;
}

#equipment-plan .year-plan-s h5 {
    background-color: #6e9ece;
}

#equipment-green_plan #years-plan-table tr:nth-child(odd) {
    background-color: #f9f9f9;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
}

#equipment-green_plan #years-plan-table tr:last-child {
    border-bottom: 1px solid #d3d3d3;
}

#equipment-green_plan .year-plan-s h5 {
    background-color: #00b3a3;
}

#change-month-btn,
#change-year-btn {
    z-index: 99;
}

.eq-note {
    font-size: 0.7rem;
    text-align: left;
    margin: 4px 0;
    font-weight: normal;
}

/*---------- 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ----------*/
@media screen and (max-width: 1160px) {
    .equip-list .equip-wrap .rate-wrap {
        padding: 5px 0.5em;
    }

    .equip-list .equip-wrap .rate-wrap .equip-status {
        top: 0;
    }

    .equip-list .equip-wrap .rate-wrap .equip-rate .font-l {
        font-size: 1.3em;
    }

    .equip-list .equip-wrap dl {
        padding: 0 0.5em;
    }

    #equipment-detail #mv-equip h1 {
        left: 20px;
        padding-right: 400px;
    }

    #equipment-detail #equip-top .equip-list {
        right: 20px;
    }

    #equipment-detail .equip-list .equip-wrap .rate-wrap .equip-status {
        top: 0;
    }
}

@media screen and (max-width: 959px) {
    #detail01 .uk-padding {
        padding-top: 0;
    }

    #detail01 .equipment-desc-ext {
        padding: 20px;
    }
}

@media screen and (max-width: 880px) {
    .equip-list .equip-wrap {
        width: 48%;
        margin: 0 1% 2% !important;
    }

    .equip-list .equip-wrap .rate-wrap {
        min-height: 65px;
    }

    .equip-list .equip-wrap .rate-wrap .equip-status {
        top: 5px !important;
        left: 10px;
        width: 50px;
        height: 50px;
        font-size: 13px;
    }

    #sould-out .font-s {
        text-align: left;
    }

    #equipment-detail #mv-equip {
        height: auto;
        padding: 10px 0;
    }

    #equipment-detail #mv-equip .container {
        overflow: visible;
    }

    #equipment-detail #mv-equip h1 {
        position: static;
        text-align: center;
        font-size: 1.8em;
        padding: 0;
        margin: 0;
    }

    #equipment-detail #mv-equip h1 span {
        font-size: 0.5em;
    }

    #equipment-detail #equip-top .equip-list {
        position: static;
    }

    #equipment-detail #equip-top .equip-list .equip-wrap {
        margin: 0 auto 20px !important;
    }

    #equipment-detail #equip-top #share-button {
        text-align: center;
    }

    #equipment-detail #notify h3 {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #dddddd;
        padding: 0 0 5px;
        font-size: 1.2em;
    }

    #equipment-detail #notify h3:before {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 5px;
    }

    #equipment-detail #notify #notify-text {
        width: 100%;
        border-left: none;
        padding-left: 0;
    }

    #equipment-detail .equipment-desc-ext #story-bn #story-txt h4 {
        font-size: 1.4em;
    }

    #equipment-detail .equipment-desc-ext #story-bn #story-txt .uk-icon {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    #equipment-index #list-bk {
        padding: 10px;
    }

    #equipment-index .eq-tab li a {
        font-size: 0.9em;
    }

    #equipment-index .eq-tab li a .uk-icon-image {
        width: 15px;
        height: 15px;
    }

    .equip-list .equip-wrap {
        width: 100%;
        margin: 0 auto 20px !important;
    }

    #equipment-detail #mv-equip h1 {
        font-size: 1.4em;
    }

    #equipment-detail #mv-equip h1 span {
        font-size: 0.5em;
    }

    #equipment-detail .income-table tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #dddddd;
    }

    #equipment-detail .income-table th {
        display: block;
        background: #53c858;
        color: #ffffff;
        text-align: center !important;
        border: none;
    }

    #equipment-detail .income-table .income-th-sp {
        float: left;
        font-weight: bold;
        display: block !important;
    }

    #equipment-detail .income-table td {
        display: block;
        border-top: 1px solid #dddddd;
        border-bottom: none;
        border-left: none;
        border-right: none;
    }

    #equipment-detail .income-table thead {
        display: none;
    }

    #equipment-detail .equipment-desc-ext {
        font-size: 0.9em;
    }

    #equipment-detail .equipment-desc-ext .supporters-info .supporters-logo {
        width: 100%;
        margin: 0 auto 1em;
    }

    #equipment-detail .equipment-desc-ext .supporters-info .supporters-txt {
        width: 100%;
    }

    #equipment-detail .equipment-desc-ext #story-bn #story-txt {
        padding: 1em;
    }

    #equipment-detail .equipment-desc-ext #story-bn #story-txt h4 {
        font-size: 1.1em;
    }

    #equipment-certificate .certificate-list h2 img.logo-img {
        max-width: 32px;
        width: 100%;
        margin: 10px auto;
    }

    #equipment-certificate .certificate-list h2 img.title-img {
        max-width: 200px;
    }

    #equipment-certificate .certificate-list .user-name {
        font-size: 1.1em;
        margin-bottom: 30px;
    }

    #equipment-certificate .certificate-list .user-name span {
        font-size: 0.8em;
    }

    #equipment-certificate .certificate-list p:not(.company-name) {
        font-size: 0.8em;
    }

    #equipment-certificate .certificate-list dl {
        margin-bottom: 30px;
    }

    #equipment-certificate .certificate-list dl dt {
        float: none;
        font-size: 0.85em;
    }

    #equipment-certificate .certificate-list dl dd:before {
        content: "";
    }

    #equipment-certificate .certificate-list dl dd {
        margin-bottom: 0.8em;
        font-size: 0.9em;
    }

    #equipment-data .top-data .flex-wrap {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    #equipment-detail .info-wrap .equip-data-wrap dt {
        float: none;
        padding: 5px 5px 0;
    }

    #equipment-detail .info-wrap .equip-data-wrap dd {
        padding: 0 5px 5px;
    }

    #equipment-actual main h2,
    #equipment-data main h2 {
        font-size: 1.4rem;
    }

    #equipment-actual main h3,
    #equipment-data main h3 {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 420px) {
    #switch p {
        font-size: 0.8em;
    }

    #equipment-detail .equipment-desc-ext #supporter-btn {
        font-size: 0.9em;
    }

    #equipment-detail .equipment-desc-ext #story-bn #story-img {
        width: 100%;
        height: 150px;
    }

    #equipment-detail .equipment-desc-ext #story-bn #story-txt {
        width: 100%;
    }

    #equipment-detail .equipment-desc-ext #story-bn #story-txt h4 {
        font-size: 1em;
    }

    #equipment-certificate .certificate-list .certificate-wrap {
        padding: 0 10px;
    }

    #equipment-certificate .certificate-list p {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #equipment-certificate .certificate-list h2 {
        margin-bottom: 0;
    }

    #equipment-certificate .certificate-list h2 .user-name {
        font-size: 0.9em;
        margin-bottom: 0;
    }

    #equipment-certificate .certificate-list dl {
        margin: 0;
    }

    #equipment-certificate .certificate-list #issue-info {
        max-width: 216px;
        margin-right: auto;
    }

    #equipment-certificate .certificate-list #issue-info .date-issue span {
        display: block;
    }

    #equipment-certificate .certificate-list #issue-info .company-name {
        font-size: 0.8em;
    }

    #equipment-certificate .certificate-list #issue-info .company-name::after {
        width: 50px;
        height: 50px;
        bottom: -10px;
    }

    #equipment-certificate .certificate-list #issue-info .sign img {
        width: calc(100% - 7em);
    }

    #equipment-certificate .certificate-list #issue-info .company-logo {
        margin-top: 20px;
    }
}

/*---------- end繝ｬ繧ｹ繝昴Φ繧ｷ繝� ----------*/
@media print {

    #equipment-certificate *,
    #equipment-certificate *:before,
    #equipment-certificate *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    #equipment-certificate * {
        color: #666666 !important;
    }

    #equipment-certificate main {
        width: 172mm;
        /*height: 251mm;*/
        margin: 0 auto;
        padding: 0 !important;
    }

    #equipment-certificate .certificate-list {
        transform: none !important;
        flex-wrap: wrap !important;
        display: table-cell;
    }

    #equipment-certificate .certificate-list li {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        page-break-after: always !important;
        margin-top: 50px;
    }

    #equipment-certificate .certificate-list li:last-child {
        margin-bottom: 0 !important;
    }

    #equipment-certificate .certificate-list h2 img.logo-img {
        width: 12%;
    }

    #equipment-certificate .certificate-list h2 img.title-img {
        width: 60%;
    }

    #equipment-certificate .slide-nav,
    #equipment-certificate .uk-slider-nav {
        display: none;
    }
}

/*---------- end繧ｳ繝ｳ繝�Φ繝� ----------*/
/*
  *
  *縲€螢ｲ雋ｷ逕ｻ髱｢
  *
  */
.bs-table {
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
}

.bs-table .bs-wrap {
    overflow: hidden;
}

.bs-table .bs-wrap dt {
    float: left;
    padding: 10px;
}

.bs-table .bs-wrap dd {
    float: right;
    padding: 10px;
}

.bs-table .bs-wrap:nth-child(odd) {
    background-color: #f5f9ff;
}

.bs-table .del-price {
    color: #666666;
}

.bs-table .del-price span {
    position: relative;
}

.bs-table .del-price span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #666666;
    right: 0;
    top: 45%;
}

.bs-table .del-price img {
    width: 60px;
    margin-bottom: -30px;
    display: inline-block;
    margin-right: 8px;
}

.bs-table .del-price+.fix-price {
    color: #cf0c1a;
    font-weight: bold;
}

.bs-table .bs-coupon {
    background-color: #ffd7d7;
}

#amounts-detail .bs-wrap {
    border-bottom: dotted 1px #999999;
}

#amounts-detail .bs-wrap:nth-last-of-type(-n + 3) {
    border-bottom: none;
}

#amounts-detail .bs-wrap:nth-child(odd) {
    background-color: transparent;
}

#amounts-detail .bs-wrap:nth-child(odd).bs-coupon {
    background-color: #ffd7d7;
}

#amounts-detail .total-amount {
    border-top: solid 3px #0055b2;
    border-bottom: none;
    background-color: #e5f1ff !important;
    font-size: 1.2em;
    color: #0055b2;
    font-weight: bold;
}

#amounts-detail .prospect-income {
    border-top: solid 3px #ffffff;
    border-bottom: none;
    background-color: #dddddd !important;
}

.bs-hd {
    font-weight: bold;
    color: #333333;
    padding-bottom: 3px;
}

.buy-amc-status {
    margin-top: 10px;
}

#buy-index input {
    width: 100%;
}

#buy-index #kw {
    background: linear-gradient(to bottom right, #696767, #000 70%);
    border: 2px solid #000;
    color: #ffffff;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}

#buy-index #kw span {
    font-size: 1.5em;
}

#buy-index .sp-br {
    display: none;
}

@media screen and (max-width: 639px) {
    #buy-index .banner-wrap img {
        border: solid 1px #ccc;
    }
}

@media screen and (max-width: 440px) {
    #buy-index .uk-card-body {
        padding: 15px;
    }

    #buy-index .sp-br {
        display: block;
    }
}

#buy-payment {
    /** 繝槭う繝ｫ逋ｻ骭ｲ **/
}

#buy-payment #main {
    margin-top: 0;
    margin-bottom: 0;
}

#buy-payment input[type=text] {
    width: 100%;
}

#buy-payment #bank-bonus .bonus-text {
    border: solid 2px #ffae00;
    color: #ffae00;
    text-align: center;
    font-size: 0.82em;
    line-height: 1.3;
    padding: 4px;
    margin-bottom: 4px;
}

#buy-payment dd {
    padding-left: 1em;
}

#buy-payment #my-equipment .font-l {
    font-size: 1.2em;
    font-weight: bold;
}

#buy-payment #my-equipment .eq-wrap {
    margin-bottom: 10px;
    border: 1px solid #333333;
    position: relative;
}

#buy-payment #my-equipment .eq-wrap .eq-name {
    background-color: #333333;
    color: #ffffff;
    padding: 10px 5px;
    font-weight: bold;
}

#buy-payment #my-equipment .eq-wrap dl {
    border-bottom: 1px solid #333333;
}

#buy-payment #my-equipment .eq-wrap dl .eq-data {
    padding: 5px 10px;
    width: 50%;
}

#buy-payment #my-equipment .eq-wrap dl .eq-data dt {
    font-size: 0.8em;
    font-weight: normal;
}

#buy-payment #my-equipment .eq-wrap dl .eq-data dd {
    font-weight: bold;
}

#buy-payment #my-equipment .eq-wrap dl .eq-data:first-child {
    border-right: 1px solid #333333;
}

#buy-payment #my-equipment .eq-wrap .eq-own {
    padding: 5px;
    font-size: 0.8em;
}

#buy-payment #my-equipment .eq-wrap .eq-btn {
    width: 120px;
    margin: 0 auto 10px;
}

#buy-payment #my-equipment p#lack-note {
    color: #fb453b;
    font-size: 0.7em;
    font-weight: normal;
}

#buy-payment #my-equipment .eq-dis-selected {
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    font-weight: bold;
    font-weight: bold;
    background-color: transparent;
    font-size: 1.5em;
    line-height: 1;
}

#buy-payment #mile-wrap {
    border: 1px solid #eee;
}

#buy-payment #mile-wrap h4 {
    background-color: #2355b2;
    color: #ffffff;
    padding: 20px 10px;
    font-size: 1em;
    font-weight: bold;
}

#buy-payment #mile-wrap h4 br {
    display: none;
}

#buy-payment #mile-wrap #select-mile {
    background-color: #ffffff;
    padding: 1em;
    margin: 0;
}

#buy-payment #mile-wrap #select-mile .btn-m {
    color: #ffffff;
}

#buy-payment #mile-wrap #select-mile .btn-ana {
    background-color: #063d8f;
    border: 2px solid #063d8f;
}

#buy-payment #mile-wrap #select-mile .btn-ana:hover {
    background-color: #ffffff;
    color: #063d8f;
}

#buy-payment #mile-wrap #select-mile .btn-jal {
    background-color: #cc0100;
    border: 2px solid #cc0100;
}

#buy-payment #mile-wrap #select-mile .btn-jal:hover {
    background-color: #ffffff;
    color: #cc0100;
}

#buy-payment #mile-wrap #select-mile .btn-docomo {
    background-color: #d00f31;
    border: 2px solid #d00f31;
}

#buy-payment #mile-wrap #select-mile .btn-docomo:hover {
    background-color: #ffffff;
    color: #d00f31;
}

#buy-payment #mile-wrap #select-mile .mile-alert {
    font-size: 0.7em;
    color: #fb453b;
    margin-bottom: 0.5em;
}

#buy-payment #modal-amc {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(107, 107, 107, 0.8);
    z-index: 999;
}

#buy-payment #modal-amc .flex {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#buy-payment #modal-amc #amc-form {
    background-color: #ffffff;
    width: 90%;
    max-width: 720px;
    border-radius: 15px;
    padding: 40px 20px;
}

#buy-payment #modal-amc #amc-form h4 {
    font-weight: bold;
    align-items: flex-start;
    display: flex;
    justify-content: center;
}

#buy-payment #modal-amc #amc-form h4 .code-blue {
    background-color: #53c858;
    color: #ffffff;
    font-size: 0.5em;
    border-radius: 10px;
}

#buy-payment #modal-amc #amc-form #amc-text {
    list-style: disc;
    width: 100%;
    margin: 0 auto;
}

#buy-payment #modal-amc #amc-form #amc-text li {
    margin-bottom: 1em;
}

#buy-payment #modal-amc #amc-form .note-gray {
    width: 100%;
    margin: 0 auto 1em;
}

#buy-payment #modal-amc #amc-form input[type=text] {
    width: 300px;
    display: block;
    margin: 0 auto 20px;
    font-size: 2em;
    border: 1px solid #999999;
}

#buy-payment #modal-amc #amc-form #amc-error {
    display: none;
    text-align: center;
    margin-bottom: 1em;
}

#buy-payment #modal-amc #amc-form button {
    margin: 1em 1em 0;
}

#buy-payment #modal-amc #amc-form #amc-done {
    display: none;
}

#buy-payment #modal-amc #amc-form #amc-done p {
    text-align: center;
}

#buy-payment #modal-amc #amc-form #amc-done #input-amc {
    font-weight: bold;
}

#buy-payment #amc-registered #amc-num {
    background-color: #ffffff;
    color: #666666;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    padding: 10px;
    font-weight: bold;
    margin: 0;
    font-size: 0.9em;
}

#buy-payment #amc-registered .font-s {
    font-size: 0.8em;
    margin: 10px 0 0;
}

#buy-payment #amc-registered .amc-status {
    border-radius: 15px;
    border: 1px solid #666666;
    display: inline-block;
    padding: 1px 5px;
    font-weight: bold;
    font-size: 0.8em;
}

@media screen and (max-width: 640px) {
    #buy-payment #modal-amc {
        font-size: 0.8em;
    }

    #buy-payment #modal-amc #amc-form h4 {
        display: block;
        font-size: 1.2em;
    }
}

@media screen and (max-width: 440px) {
    #buy-payment #mile-wrap h4 br {
        display: block;
    }
}

#buy-confirm #equip-data-table .equip-data-wrap:nth-child(odd),
#coupon-confirm #equip-data-table .equip-data-wrap:nth-child(odd) {
    background-color: #f5f9ff;
}

#buy-confirm .terms-wrap,
#coupon-confirm .terms-wrap {
    background-color: #f5f5f5;
    padding: 10px;
}

#buy-confirm .buy-terms,
#coupon-confirm .buy-terms {
    height: 240px;
    overflow-y: scroll;
    font-size: 80%;
    margin-top: 20px;
    border: 1px solid #dddddd;
    padding: 10px;
    background-color: #ffffff;
}

#buy-confirm .buy-terms h2,
#coupon-confirm .buy-terms h2 {
    font-size: 110%;
    margin-top: 20px;
    margin-bottom: 10px;
    border-left: none;
    padding-left: 0;
}

#buy-confirm .buy-terms h3,
#coupon-confirm .buy-terms h3 {
    font-size: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

#buy-confirm .buy-terms p,
#coupon-confirm .buy-terms p {
    margin-bottom: 10px;
}

#buy-confirm .check-text,
#coupon-confirm .check-text {
    margin-bottom: 10px;
    font-size: 90%;
}

#buy-confirm .modal-button,
#coupon-confirm .modal-button {
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
}

#buy-thanks,
#coupon-thanks {
    /***** 雉ｼ蜈･螳御ｺ�い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ *****/
    /** 騾壼ｸｸ **/
    /** 繧ｭ繝ｭ繝ｯ繝�ち繝ｼ繧ｺ **/
    /*** 邏吝聖髮ｪ ****/
    /***** end雉ｼ蜈･螳御ｺ�い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ *****/
    /***** 雉ｼ蜈･螳御ｺ�凾縺ｫ菫晄怏繝ｯ繝�ヨ陦ｨ遉ｺ *****/
    /***** end雉ｼ蜈･螳御ｺ�凾縺ｫ菫晄怏繝ｯ繝�ヨ陦ｨ遉ｺ *****/
}

#buy-thanks #thanks-text,
#coupon-thanks #thanks-text {
    font-weight: bold;
}

#buy-thanks #thanks-text h2,
#coupon-thanks #thanks-text h2 {
    font-size: 1.3em;
}

#buy-thanks #thanks-img,
#coupon-thanks #thanks-img {
    width: 200px;
    padding: 30px;
    margin: 0 auto;
}

#buy-thanks #thanks-img img,
#coupon-thanks #thanks-img img {
    position: relative;
    z-index: 99;
}

#buy-thanks #wat,
#coupon-thanks #wat {
    animation: ani 2s ease-in;
}

@keyframes ani {
    0% {
        transform: rotateY(0deg) translate(0px, 0px);
    }

    50% {
        transform: rotateY(450deg) translate(0px, 0px);
    }

    100% {
        transform: rotateY(360deg) translate(0px, 0px);
    }
}

#buy-thanks .shine,
#coupon-thanks .shine {
    position: relative;
}

#buy-thanks .shine:before,
#coupon-thanks .shine:before {
    position: absolute;
    z-index: 98;
    content: "";
    display: block;
    width: 140%;
    height: 100%;
    left: -20%;
    top: -20%;
    background-image: url("/img/common/shine.png"), url("/img/common/shine.png");
    background-size: 0, 0;
    background-position: 20% 90%, 80% 20%;
    background-repeat: no-repeat;
    animation: shine 0.6s ease;
    animation-delay: 2s;
}

@keyframes shine {
    0% {
        background-size: 0, 0;
    }

    10% {
        background-size: 10% auto, 20% auto;
    }

    80% {
        background-size: 10% auto, 20% auto;
    }

    100% {
        background-size: 0, 0;
    }
}

#buy-thanks .reflect-img,
#coupon-thanks .reflect-img {
    position: relative;
    overflow: hidden;
}

#buy-thanks .reflect,
#coupon-thanks .reflect {
    z-index: 100;
    height: 100%;
    width: 10px;
    position: absolute;
    top: -180px;
    left: 0;
    background-color: #ffffff;
    opacity: 0;
    transform: rotate(45deg);
    animation: reflect 2.3s ease-in-out;
}

@keyframes reflect {
    0% {
        transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#buy-thanks .circle-gold .circle,
#coupon-thanks .circle-gold .circle {
    background: linear-gradient(to top, #eed03a 48%, #ad8804);
}

#buy-thanks .circle-platinum .circle,
#coupon-thanks .circle-platinum .circle {
    background: linear-gradient(to top, #636363 48%, #c4c5c5);
}

#buy-thanks .circle-diamond .circle,
#coupon-thanks .circle-diamond .circle {
    background: linear-gradient(to top left, #2b1a0a 15%, #e5d0bd);
}

#buy-thanks .rank-up,
#coupon-thanks .rank-up {
    opacity: 0;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    animation: rank-up 0.5s 3s ease-in;
    animation-fill-mode: forwards;
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    z-index: 99;
    margin-bottom: 0;
}

@keyframes rank-up {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        bottom: -20px;
    }
}

#buy-thanks .circle-wrap,
#coupon-thanks .circle-wrap {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 0 auto 20px;
}

#buy-thanks .circle-wrap .inner,
#coupon-thanks .circle-wrap .inner {
    width: 190px;
    height: 190px;
    position: absolute;
    top: 15px;
    left: 15px;
    border-radius: 50%;
    background-color: #ffffff;
    text-align: center;
}

#buy-thanks .circle-wrap .inner img,
#coupon-thanks .circle-wrap .inner img {
    width: 90%;
    height: auto;
    padding: 15%;
    opacity: 0;
    animation: rank 2s 1s ease-in;
    animation-fill-mode: forwards;
}

@keyframes rank {
    0% {
        transform: rotateY(0deg) translate(0px, 0px);
    }

    50% {
        transform: rotateY(450deg) translate(0px, 0px);
        opacity: 1;
    }

    100% {
        transform: rotateY(360deg) translate(0px, 0px);
        opacity: 1;
    }
}

#buy-thanks .circle-wrap .circle,
#coupon-thanks .circle-wrap .circle {
    width: 220px;
    height: 220px;
    border-radius: 110px;
}

#buy-thanks .circle-wrap .circle-r,
#coupon-thanks .circle-wrap .circle-r {
    position: absolute;
    left: 110px;
    width: 110px;
    height: 220px;
    overflow: hidden;
}

#buy-thanks .circle-wrap .circle-r .hidden,
#coupon-thanks .circle-wrap .circle-r .hidden {
    position: relative;
    left: -110px;
    width: 110px;
    height: 220px;
    overflow: hidden;
    transform: rotate(0deg);
    transform-origin: 100% 50%;
    animation: rotateRight 1s linear 1;
    animation-fill-mode: forwards;
}

@keyframes rotateRight {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

#buy-thanks .circle-wrap .circle-l,
#coupon-thanks .circle-wrap .circle-l {
    width: 110px;
    height: 220px;
    overflow: hidden;
}

#buy-thanks .circle-wrap .circle-l .hidden,
#coupon-thanks .circle-wrap .circle-l .hidden {
    position: relative;
    left: 110px;
    width: 110px;
    height: 220px;
    overflow: hidden;
    transform: rotate(0deg);
    transform-origin: 0% 50%;
    animation: rotateLeft 1s linear 1;
    animation-fill-mode: forwards;
}

#buy-thanks .circle-wrap .circle-l .circle,
#coupon-thanks .circle-wrap .circle-l .circle {
    position: relative;
    left: -110px;
}

@keyframes rotateLeft {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

#buy-thanks .confetti,
#coupon-thanks .confetti {
    display: block;
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

#buy-thanks .confetti .paper,
#coupon-thanks .confetti .paper {
    opacity: 0;
    position: absolute;
}

#buy-thanks .confetti .paper:nth-child(odd),
#coupon-thanks .confetti .paper:nth-child(odd) {
    animation: confetti1 3.5s ease-in;
}

#buy-thanks .confetti .paper:nth-child(even),
#coupon-thanks .confetti .paper:nth-child(even) {
    animation: confetti2 3.5s ease-in;
}

#buy-thanks .confetti .paper.c1,
#coupon-thanks .confetti .paper.c1 {
    background-color: #79bf7f;
}

#buy-thanks .confetti .paper.c2,
#coupon-thanks .confetti .paper.c2 {
    background-color: #51aef1;
}

#buy-thanks .confetti .paper.c3,
#coupon-thanks .confetti .paper.c3 {
    background-color: #ffab54;
}

#buy-thanks .confetti .paper.c4,
#coupon-thanks .confetti .paper.c4 {
    background-color: #f15383;
}

#buy-thanks .confetti .paper.c5,
#coupon-thanks .confetti .paper.c5 {
    background-color: #ac5ab7;
}

@keyframes confetti1 {
    0% {
        opacity: 0;
        transform: translate(0%, 0%) rotate(0deg);
    }

    2% {
        opacity: 1;
    }

    15% {
        transform: translate(500%, -1000%) rotate(270deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-500%, 2500%) rotate(720deg);
    }
}

@keyframes confetti2 {
    0% {
        opacity: 0;
        transform: translateY(0%, 0%) rotate(0deg);
    }

    2% {
        opacity: 1;
    }

    15% {
        transform: translate(-500%, -1800%) rotate(270deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(500%, 2500%) rotate(720deg);
    }
}

#buy-thanks .thanks-own-watt,
#coupon-thanks .thanks-own-watt {
    background: linear-gradient(45deg, #2352fb, #173383);
    color: #ffffff;
    max-width: 400px;
    width: 100%;
    margin: 0 auto 2em;
    font-weight: bold;
}

#buy-thanks .thanks-own-watt p,
#coupon-thanks .thanks-own-watt p {
    margin: 0;
}

#buy-thanks .thanks-own-watt img,
#coupon-thanks .thanks-own-watt img {
    position: relative;
    top: -3px;
    width: 30px;
}

#buy-thanks #buy-data,
#coupon-thanks #buy-data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#buy-thanks .card-wrap,
#coupon-thanks .card-wrap {
    width: 49%;
}

#buy-thanks .bank-wrap,
#coupon-thanks .bank-wrap {
    padding: 10px;
    border: 2px solid #999999;
    background-color: #f9f9f9;
    margin: 10px 0;
}

#buy-thanks .buy-terms h2,
#coupon-thanks .buy-terms h2 {
    font-size: 1.3em;
}

#buy-thanks .buy-terms h3,
#coupon-thanks .buy-terms h3 {
    font-size: 1.1em;
}

@media screen and (max-width: 680px) {

    #buy-thanks #buy-data,
    #coupon-thanks #buy-data {
        display: block;
    }

    #buy-thanks .card-wrap,
    #coupon-thanks .card-wrap {
        width: 100%;
        padding: 15px;
    }
}

@media print {

    #buy-thanks .print-none,
    #buy-thanks .main-nav,
    #coupon-thanks .print-none,
    #coupon-thanks .main-nav {
        display: none;
    }

    #buy-thanks h2,
    #coupon-thanks h2 {
        border-left: solid 5px #359bf2;
        padding-left: 10px;
    }

    #buy-thanks .bs-table .bs-wrap,
    #coupon-thanks .bs-table .bs-wrap {
        border-bottom: dotted 1px #999999;
    }

    #buy-thanks .bs-table .bs-wrap:last-child,
    #buy-thanks .bs-table .bs-wrap:nth-last-child(3),
    #coupon-thanks .bs-table .bs-wrap:last-child,
    #coupon-thanks .bs-table .bs-wrap:nth-last-child(3) {
        border: none;
    }
}

#layouts-parts-buy_terms .buy-terms-detail {
    max-width: calc(100% - 40px);
    margin: 40px auto;
}

#sell-index #equip-data-table .equip-data-wrap:nth-child(odd),
#sell-confirm #equip-data-table .equip-data-wrap:nth-child(odd) {
    background-color: #f5f9ff;
}

#sell-index #own-w,
#sell-confirm #own-w {
    border: 1px solid #999999;
}

#sell-index #own-w .own-wrap,
#sell-confirm #own-w .own-wrap {
    padding: 5px;
}

#sell-index #own-w .border-top,
#sell-confirm #own-w .border-top {
    border-top: 1px solid #999999;
}

#sell-index #bank-free,
#sell-confirm #bank-free {
    border-bottom: 1px solid #FB9B01;
    color: #FB9B01;
    display: inline;
}

#sell-index #kw-bonus,
#sell-confirm #kw-bonus {
    margin: 0;
    font-size: 0.8em;
}

#sell-index #bank-wrap,
#sell-confirm #bank-wrap {
    position: relative;
}

#sell-index #bank-wrap img#kw-ribbon,
#sell-confirm #bank-wrap img#kw-ribbon {
    position: absolute;
    top: 0;
    right: 20px;
    width: 20%;
    max-width: 80px;
}

@media screen and (max-width: 440px) {

    #sell-index .uk-card-body,
    #sell-confirm .uk-card-body {
        padding: 15px;
    }
}

/****************
    繝ｯ繝�ヨ繝励Λ繧ｹ螢ｲ蜊ｴ
  ***************/
#wattplus-sell #sell-input .flex {
    justify-content: space-between;
}

#wattplus-sell #sell-input .column {
    width: 48%;
    margin-bottom: 20px;
}

#wattplus-sell #sell-input .own-watplus {
    background-color: #282828;
    color: #ffffff;
    padding: 8px;
}

#wattplus-sell #sell-input .own-watplus dd {
    font-weight: bold;
    font-size: 1.2em;
}

@media screen and (max-width: 640px) {
    #wattplus-sell h3 {
        font-size: 1.2em;
    }

    #wattplus-sell #sell-input .column {
        width: 100%;
    }
}

/*

/*---------- 蝓ｺ譛ｬ ----------*/
body {
    font-weight: 400;
    color: #333333;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 1.6;
}

button {
    font-family: inherit;
}

h1,
h2,
h3,
h4,
h5 {
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', "Meiryo", "verdana", sans-serif;
}

h1 {
    color: #ffffff;
}

h1,
h2,
h3 {
    font-weight: bold;
}

b,
strong {
    font-weight: bold;
}

ul,
ol {
    list-style: none;
}

ol.order-list {
    list-style: decimal;
    padding-left: 1.3em;
}

.original-list {
    list-style: none;
    padding-left: 1.3em;
    text-indent: -1.3em;
}

.disc-list {
    list-style: disc;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.uk-table th,
.uk-description-list>dt {
    text-transform: none;
}

/*---------- 繧ｳ繝ｳ繝�Φ繝�棧 ----------*/
#main {
    margin-top: 2em;
    margin-bottom: 2em;
}

.container {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.container-w {
    max-width: 1240px;
    margin: 0 auto;
    overflow: hidden;
}

.wrap-960 {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
}

.wrap-880 {
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
}

.wrap-800 {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.wrap-560 {
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.flex-content2 {
    width: 49%;
    align-self: center;
    margin: 20px 0;
}

.flex-reverse {
    flex-direction: row-reverse;
}

@media screen and (max-width: 640px) {
    .flex-content2 {
        width: 100% !important;
    }
}

/*---------- end繧ｳ繝ｳ繝�Φ繝�棧 ----------*/
/*---------- 繧ｳ繝ｳ繝�Φ繝�ｽ咏區 ----------*/
.padding-l {
    padding: 80px 0;
}

.padding-m {
    padding: 40px 0;
}

.padding-s {
    padding: 20px;
}

@media screen and (max-width: 640px) {
    .padding-l {
        padding: 40px 0;
    }

    .padding-m {
        padding: 20px 0;
    }

    .padding-s {
        padding: 10px;
    }
}

/*---------- end繧ｳ繝ｳ繝�Φ繝�ｽ咏區 ----------*/
pointtail {
    font-size: 50%;
}

input:read-only {
    background-color: #ccc;
}

input:-moz-read-only {
    background-color: #ccc;
}

a,
button {
    cursor: pointer;
}

.notes1 {
    position: relative;
    padding-left: 1.5em;
}

.notes2 {
    position: relative;
    padding-left: 2.5em;
}

.notes-span {
    position: absolute;
    top: 0;
    left: 0;
}

.note-gray {
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    color: #666666;
    padding: 20px;
}

/* 驫€謖ｯ繧雁ｾ�■ */
.note-bank {
    border: solid 2px #e56100;
    background-color: #fdf1dc;
    color: #666666;
}

@media (min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}

/*---------- end蝓ｺ譛ｬ ----------*/
/*---------- 繝�く繧ｹ繝医�陬�｣ｾ ----------*/
.font-s {
    font-size: 0.8em;
}

.font-m {
    font-size: 1.3em;
}

.font-l {
    font-size: 1.8em;
}

.marker-yellow {
    background: linear-gradient(transparent 65%, #fff100 0%);
    padding-bottom: 5px;
    font-weight: bold;
}

.font-main {
    color: #53c858;
}

.font-text {
    color: #333333;
}

.font-main2 {
    color: #0055b2;
}

.font-navy {
    color: #002d7f;
}

.font-error {
    color: #e20000;
}

.font-white {
    color: #ffffff;
}

.font-muted {
    color: #666666;
}

.word-wrap {
    white-space: nowrap;
}

sub.co2-sub {
    bottom: 0;
}

.font-attention {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 40px;
    border: solid 2px #0086ff;
    border-radius: 3px;
    padding: 8px;
    background-color: #fff;
}

.font-attention img {
    width: 14px;
    margin-bottom: 4px;
}

/*---------- end繝�く繧ｹ繝医�陬�｣ｾ ----------*/
/*---------- a繧ｿ繧ｰ ----------*/
a:hover {
    text-decoration: none;
    opacity: 0.7;
}

a.underline {
    text-decoration: underline;
}

a.icon-tri {
    position: relative;
}

a.icon-tri:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px;
    border-color: transparent transparent transparent #53c858;
    display: inline-block;
    margin-right: 5px;
}

a.icon-tri-wh:before {
    border-color: transparent transparent transparent #ffffff;
}

a.anchor-shadow {
    display: block;
    padding: 4px;
}

a.anchor-shadow img {
    box-shadow: 1px 1px 4px #999999;
}

a.shadow {
    box-shadow: 1px 1px 4px #999999;
}

/*---------- 繝代Φ縺上★ ----------*/
.breadcrumb {
    color: #333333;
    padding: 0;
    font-size: 0.8em;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb a {
    color: #333333;
    text-decoration: underline;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb li:after {
    content: ">";
    display: inline-block;
    margin: 0 3px;
}

.breadcrumb li:first-child img {
    width: 1em;
    vertical-align: text-bottom;
}

.breadcrumb li:last-child:after {
    content: none;
}

/*---------- 閭梧勹 ----------*/
.bg-b1 {
    background-color: #f5f9ff;
}

.bg-wh {
    background-color: #ffffff;
}

.bg-black {
    background-color: #282828;
    color: #ffffff;
}

.shadow-wrap {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    padding: 30px;
}

/*---------- 隕句�縺� ----------*/
h1#mv-title {
    width: 100%;
    height: 220px;
    color: #ffffff;
    margin: 0 auto 20px !important;
    text-align: center;
}

.h-left-blue {
    border-left: 5px solid #53c858;
    padding-left: 10px;
}

.h-left-red {
    border-left: 5px solid #e20000;
    padding-left: 10px;
}

.h-left-white {
    border-left: 5px solid #ffffff;
    padding-left: 10px;
}

.h-bottom-blue {
    text-align: center;
    display: block;
}

.h-bottom-blue:after {
    display: block;
    content: "";
    width: 4em;
    height: 3px;
    background-color: #53c858;
    margin: 5px auto 10px;
}

.h-bottom-blue-left {
    display: block;
}

.h-bottom-blue-left:after {
    display: block;
    content: "";
    width: 4em;
    height: 3px;
    background-color: #53c858;
    margin: 5px 0 10px;
}

.h-top-blue {
    text-align: center;
    display: block;
}

.h-top-blue:before {
    display: block;
    content: "";
    width: 4em;
    height: 3px;
    background-color: #53c858;
    margin: 5px auto 10px;
}

.h-bottom-white {
    text-align: center;
    display: block;
}

.h-bottom-white:after {
    display: block;
    content: "";
    width: 4em;
    height: 3px;
    background-color: #ffffff;
    margin: 5px auto 10px;
}

/*---------- 繝懊ち繝ｳ ----------*/
button {
    border-width: 0;
}

/** 繝懊ち繝ｳ繧ｵ繧､繧ｺ **/
.btn-s,
.btn-m,
.btn-l {
    display: inline-block;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 1em;
    position: relative;
    cursor: pointer;
}

.btn-s {
    border-radius: 20px;
    padding: 6px;
    max-width: 120px;
}

.btn-s span {
    position: absolute;
    right: 0.2em;
    padding-top: 3px;
}

.btn-s.font-s {
    font-size: 0.8em;
}

.btn-m {
    border-radius: 25px;
    padding: 8px;
    max-width: 220px;
}

.btn-m span {
    position: absolute;
    right: 0.2em;
    padding-top: 3px;
}

.btn-m .icon-left {
    position: absolute;
    left: 0.5em;
    right: auto;
}

.btn-l {
    border-radius: 24px;
    padding: 10px;
    max-width: 280px;
}

.btn-l span {
    position: absolute;
    right: 1em;
    padding-top: 3px;
}

.btn-l .icon-left {
    position: absolute;
    left: 1em;
    right: auto;
}

/** 繧ｳ繝ｳ繝舌�繧ｸ繝ｧ繝ｳ繝懊ち繝ｳ **/
.btn-cv {
    color: #ffffff;
    background-color: #e56100;
    border: 1px solid #e56100;
}

.btn-cv:hover {
    background-color: #ffffff;
    color: #e56100;
        transition: 0.5s;
    opacity: 1;
}

/** 繝ｪ繝ｳ繧ｯ繝懊ち繝ｳ **/
.btn-main {
    background-color: #53c858;
    color: #ffffff;
    border: 1px solid #53c858;
}

.btn-main:hover {
    background-color: #ffffff;
    color: #53c858;
    border: 1px solid #53c858;
        transition: 0.5s;
    opacity: 1;
}

.btn-main2 {
    border: 1px solid #53c858;
    color: #53c858;
    background-color: #ffffff;
}

.btn-main2:hover {
    color: #fff;
    background-color: #53c858;
    transition: 0.5s;
    opacity: 1;
}

.btn-main2:hover a {
    color: #ffffff;
}

.btn-trp {
    color: #ffffff;
    border: 1px solid #ffffff;
}

.btn-lp {
    max-width: 520px;
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    border-radius: 35px;
    padding: 12px;
    box-shadow: 1px 1px 4px #999999;
}

.btn-back {
    color: #666666;
    background-color: #dddddd;
    border: 1px solid #dddddd;
}

.btn-back:hover {
    background-color: #ffffff;
    color: #666666;
    border: 1px solid #666666;
    opacity: 1;
}

.btn-disable {
    color: #dddddd;
    border: 1px solid #dddddd;
    cursor: default;
}

.btn-center2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-center2 .btn-m {
    margin: 0 20px 20px;
}


.button-sum {
    background-color: #999999;
    color: #ffffff;
    border-radius: 5px;
    padding: 5px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.3em;
}

/* 謨ｰ驥丞�蜉帙�繧ｿ繝ｳ(MAX) */
.button-max {
    background-color: #ffae00;
    color: #ffffff;
    border-radius: 5px;
    padding: 5px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.3em;
}

.js-toggle-button-group button {
    background-color: #dddddd;
    color: #333333;
    font-weight: bold;
}

.js-toggle-button-group .active {
    background-color: #53c858;
    color: #ffffff;
}

.js-toggle-button-group .active:focus {
    background-color: #53c858;
    color: #ffffff;
}

/*---------- end繝懊ち繝ｳ ----------*/
/*---------- 繝輔か繝ｼ繝� ----------*/
#mail_form form h2 {
    margin-bottom: 0;
}

.label-block {
    display: block;
    cursor: pointer;
    padding: 20px;
}

#cv-btn {
    margin-bottom: 15px;
}

#cv-btn .cv-text {
    color: #e56100;
    font-size: 0.9em;
}

#cv-btn .regist-wrap {
    max-width: 800px;
}

/*---------- end繝輔か繝ｼ繝� ----------*/
/*---------- 繝ｪ繧ｹ繝� ----------*/
dl dd {
    text-align: right;
}

/*---------- youtube蜍慕判蝓九ａ霎ｼ縺ｿ ----------*/
.youtube-wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /*aspect-ratio: 16 / 9;*/
}

.youtube-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*---------- 蜷ｹ縺榊�縺� ----------*/
.db-balloon {
    position: relative;
    display: inline-block;
    margin-bottom: 1.5em;
    padding: 15px 0;
    width: 100%;
    color: #555;
    font-size: 16px;
    border-radius: 3px 3px 0 0;
}

.db-balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
}

.db-balloon p {
    margin: 0;
    padding: 0;
    color: #ffffff;
}

.db-red {
    background-color: #e20000;
}

.db-red:before {
    border-top: 15px solid #e20000;
}

.db-blue {
    background-color: #53c858;
}

.db-blue:before {
    border-top: 15px solid #53c858;
}

.db-green {
    background-color: #50cf96;
}

.db-green:before {
    border-top: 15px solid #50cf96;
}

/*---------- end蜷ｹ縺榊�縺� ----------*/
/*---------- 繝倥ャ繝€ ----------*/
header {
    width: 100% !important;
    font-size: 14px;
    position: relative;
}

header .hd-sp {
    display: none;
}

header .hd-note {
    text-align: center;
}

header #ie-user {
    display: none;
    background-color: #ffd7d7;
    color: #e20000;
    padding: 10px;
}

header [class^=btn-] img,
header [class^=btn-] svg,
header [class*=btn-] img,
header [class*=btn-] svg {
    height: 1.2em;
}

header #hd-apf {
    position: relative;
    padding-bottom: 4px;
}

header #hd-apf::before {
    content: "";
    position: absolute;
    background: linear-gradient(to right, #6bb640 0%, #6bb640 20%, #f0ae22 20%, #f0ae22 40%, #df2516 40%, #df2516 60%, #672e8d 60%, #672e8d 80%, #0d79be 80%, #0d79be 100%);
    width: 100%;
    height: 4px;
    bottom: 0;
    left: 0;
    margin: auto;
}

header #hd-apf .container {
    padding-top: 8px;
    padding-bottom: 8px;
}

header #hd-apf #apf-logo {
    color: #231815;
}

header #hd-apf #apf-logo img {
    max-width: 200px;
    width: 100%;
}

header #hd-apf .hd-apf-right {
    width: 250px;
}

header #hd-apf .btn-s span {
    position: initial;
}

header #hd-apf .btn-hd-primary {
    color: #231815;
    background-color: white;
    border: solid 1px #231815;
}

header #hd-apf .btn-hd-primary .cls-1 {
    fill: #231815;
}

header #hd-apf .btn-hd-primary:hover {
    background-color: #231815;
    color: white;
}

header #hd-apf .btn-hd-primary:hover .cls-1 {
    fill: white;
}

header #hd-apf .btn-back .cls-1 {
    fill: #666666;
}

header #hd-top {
    padding-top: 16px;
    padding-bottom: 16px;
}

header #hd-top #hd-logo {
    width: 100%;
}

header #hd-btn {
    margin: 0 0 0 auto;
    z-index: 10000000;
}

header #hd-btn .btn-ss {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 6px;
    border-radius: 50%;
    margin-left: 4px;
}

header #hd-btn .btn-ss.btn-mypage {
    max-width: 60px;
    width: 100%;
    padding: 6px 10px;
    border-radius: 24px;
}

header #hd-btn .btn-ss.btn-mypage img {
    width: 30px;
    height: auto;
}

header #hd-btn .btn-ss img,
header #hd-btn .btn-ss svg {
    height: 1.3em;
}

header.uk-sticky.uk-active {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08);
}

header.activate-hd #hd-top {
    margin-bottom: 0;
    border-bottom: none;
}

header#change-hd {
    background-color: #53c858;
    color: #ffffff;
}

header#change-hd .message-notify {
    display: none;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 2px;
    left: 20px;
}

header#change-hd .container {
    overflow: visible;
}

header#change-hd #hd-top {
    overflow: hidden;
}

header#change-hd nav {
    border-top: 1px solid #ffffff;
    padding: 10px 0;
}

header#change-hd nav #g-menu {
    width: 100%;
    max-width: 1100px;
    position: relative;
    margin: 0 auto!important;
    gap: 1.5em;
}

header#change-hd nav li {
    margin: 0 0 0 1.5em !important;
    padding-left: 0 !important;
    float: left;
}

header#change-hd nav li a {
    color: #ffffff !important;
    font-size: 1.2rem;
}

header#change-hd nav li:first-child {
    margin: 0 !important;
    padding: 0 !important;
}

header#change-hd nav li.menu-contact {
    position: absolute;
    right: 0;
}

header#change-hd nav .sub-menu {
    background-color: #0055b2;
    padding: 10px;
}

header#change-hd nav .sub-menu ul {
    background-color: #ffffff;
}

header#change-hd nav .sub-menu ul li {
    margin: 0 !important;
    border-top: 1px solid #0055b2;
    float: none;
}

header#change-hd nav .sub-menu ul li a {
    padding: 5px;
    color: #0055b2 !important;
}

/*---------- end繝倥ャ繝€ ----------*/
/*---------- 繝輔ャ繧ｿ繝ｼ ----------*/
footer {
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    background-color: #ffffff;
}

footer #ft-top {
    color: #ffffff;
    padding: 60px 0;
}

footer #ft-top h2 {
    color: #ffffff;
    font-weight: bold;
}

footer #ft-top h3 {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 0;
}

footer #ft-top #ft-catch img {
    max-width: 510px;
    width: 100%;
}

footer #ft-top #ft-regist {
    align-self: center;
}

footer #ft-top #ft-regist h3 span {
    color: #ffae00;
    font-size: 0.9em;
}

footer #ft-top #ft-regist p {
    margin: 10px auto;
    line-height: 1.6;
}

footer #ft-mdl {
    background: linear-gradient(90deg, #53c858 0%, #53c858 70%, #0055b2 70%, #0055b2 100%);
}

footer #ft-mdl #ft-link {
    background-color: #53c858;
    padding: 0 15px 0 0;
    width: 70%;
}

footer #ft-mdl #ft-link #ft-logo a {
    display: block;
    max-width: 180px;
}

footer #ft-mdl #ft-link #ft-logo p {
    color: #ffffff;
    margin: 0 auto;
    font-size: 0.85em;
}

footer #ft-mdl #ft-link #ft-btn {
    width: 280px;
}

footer #ft-mdl #ft-link #ft-btn a {
    display: inline-block;
}

footer #ft-mdl #ft-app {
    background-color: #0055b2;
    width: 30%;
}

footer #ft-mdl #ft-app ul {
    width: 255px;
    margin: 0 auto;
    font-size: 0;
    text-align: right;
}

footer #ft-mdl #ft-app ul li {
    display: inline-block;
}

footer #ft-mdl #ft-app ul li:first-child {
    margin-right: 5px;
}

footer #ft-menu .ft-menu-block a {
    color: #ffffff;
}

footer #ft-menu .ft-menu-block p {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ffffff;
    font-weight: bold;
    padding: 3px 0;
}

footer #ft-menu .ft-menu-block p a {
    display: block;
}

footer #ft-menu .ft-menu-block ul {
    list-style: none;
    padding-left: 0;
}

footer #ft-menu .ft-menu-block ul li {
    margin-bottom: 5px;
    font-size: 0.9em;
}

footer #ft-menu .ft-menu-block ul li a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px;
    border-color: transparent transparent transparent #ffffff;
    display: inline-block;
    margin-right: 5px;
}

footer #ft-btm {
    background-color: #ffffff;
    color: #666666;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer #ft-btm #ft-company {
    padding: 15px 0;
    max-width: 500px;
    font-size: 0.9em;
    align-items: center;
}

footer #ft-btm #ft-company h3 {
    color: #666666;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}

footer #ft-btm #ft-company .company-name {
    font-weight: bold;
    font-size: 1.2em;
}

footer #ft-btm #ft-company img {
    max-width: 200px;
    margin-bottom: 10px;
}

footer #ft-btm #ft-company p {
    line-height: 1.4;
    border-left: 1px solid #666666;
    padding-left: 10px;
}

footer #ft-btm #ft-company .font-s {
    font-size: 0.8em;
}

footer #ft-btm a {
    color: #666666;
}

footer #ft-btm #ft-right #ft-terms {
    margin: 0;
    justify-content: flex-end;
}

footer #ft-btm #ft-right #ft-terms li {
    margin-left: 1em;
}

footer #ft-btm #ft-right #ft-terms li a {
    font-size: 0.7em;
}

footer #ft-btm #ft-right #ft-terms li a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px;
    border-color: transparent transparent transparent #666666;
    display: inline-block;
    margin-right: 5px;
}

footer #ft-btm #ft-right #ft-mark {
    justify-content: flex-end;
    margin: 0;
}

footer #ft-btm #ft-right #ft-mark li {
    width: 80px;
    padding: 8px;
}

footer #ft-btm .copyright {
    font-size: 12px;
    text-align: right;
}

footer.activate-ft {
    background-color: #53c858;
    color: #ffffff;
}

footer.activate-ft #ft-btm {
    background-color: #53c858;
    color: #ffffff;
}

footer.activate-ft #ft-btm #ft-company h3 {
    color: #ffffff;
}

footer.activate-ft #ft-btm #ft-company p {
    border-left: 1px solid #ffffff;
}

footer.activate-ft #ft-btm #ft-right #ft-mark {
    display: none;
}

footer.activate-ft #ft-btm #ft-right #ft-terms li a:before {
    border-color: transparent transparent transparent #ffffff;
}

footer.activate-ft #ft-btm a {
    color: #ffffff;
}

/*---------- end繝輔ャ繧ｿ繝ｼ ----------*/
/*---------- 繝舌リ繝ｼ ----------*/
#banner a .banner-wrap {
    border: 1px solid #dddddd;
}

#banner a .banner-wrap:hover {
    opacity: 0.8;
}

/*---------- end繝舌リ繝ｼ ----------*/
/*---------- 蜍慕判 ----------*/
.mv-wrap {
    position: relative;
    padding-bottom: 56.25%;
    /*繧｢繧ｹ繝壹け繝域ｯ�16:9*/
    height: 0;
    overflow: hidden;
}

.mv-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mv-modal {
    position: relative;
    padding-bottom: 33.75%;
    width: 60%;
    height: 0;
}

.mv-modal .uk-close {
    color: #ffffff;
    background-color: #000000;
    border-radius: 50%;
    border: 1px solid #ffffff;
    top: -30px;
    right: -15px;
}

.mv-modal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*---------- end蜍慕判 ----------*/
/*---------- 雉ｼ蜈･�丞｣ｲ蜊ｴ繧ｹ繝�ャ繝� ----------*/
.step-indicator {
    list-style: none;
    max-width: 600px;
    margin: 15px auto;
    padding: 0;
    text-align: center;
}

.step-indicator li {
    display: inline-block;
    width: 22%;
    height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 1.2em;
    position: relative;
    padding: 0 10px;
}

.step-indicator li span {
    padding-left: 10px;
    width: 100%;
}

.step-indicator li:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.step-indicator li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #ffffff;
}

.step-indicator li:nth-child(1) {
    z-index: 4;
}

.step-indicator li:nth-child(1) span {
    padding-left: 0;
}

.step-indicator li:nth-child(2) {
    z-index: 3;
}

.step-indicator li:nth-child(3) {
    z-index: 2;
}

.step-indicator li:nth-child(4) {
    z-index: 1;
}

.step-indicator li:first-child:before {
    content: none;
}

.step-indicator li.step-incomplete {
    background-color: #dddddd;
}

.step-indicator li.step-incomplete:after {
    border-left: 10px solid #dddddd;
}

.step-indicator li.step-active {
    background-color: #53c858;
}

.step-indicator li.step-active:after {
    border-left: 10px solid #53c858;
}

.step-indicator li.step-complete {
    background-color: #999999;
}

.step-indicator li.step-complete:after {
    border-left: 10px solid #999999;
}

/*---------- end雉ｼ蜈･�丞｣ｲ蜊ｴ繧ｹ繝�ャ繝� ----------*/
/*---------- Q&A ----------*/
.qa-list dt {
    padding: 10px 30px 10px 45px;
    margin-top: 10px;
    position: relative;
}

.qa-list dt:before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(/img/docs/icon-q.png) center top no-repeat;
    background-size: contain;
    vertical-align: bottom;
    margin-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 10px;
}

.qa-list dt.close-a:after {
    content: "+";
    color: #53c858;
    position: absolute;
    top: 10px;
    right: 10px;
}

.qa-list dt.open-a:after {
    content: "竏�";
    color: #53c858;
    position: absolute;
    top: 10px;
    right: 10px;
}

.qa-list dd {
    padding: 10px 10px 10px 45px;
    text-align: left;
    position: relative;
}

.qa-list dd:before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(/img/docs/icon-a.png) center top no-repeat;
    background-size: contain;
    vertical-align: bottom;
    margin-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 10px;
}

/*---------- endQ&A ----------*/
/*---------- 雉ｼ蜈･逕ｻ髱｢繝倥ャ繝€ ----------*/
#buy-hd .container {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}

#buy-hd h1 {
    text-shadow: 3px 3px 5px #000000;
}

#buy-hd h1 .hd-category {
    border: 1px solid #ffffff;
    padding: 5px;
    display: inline-block;
}

#buy-hd h1 span {
    font-size: 0.4em;
    display: block;
    margin: 10px 0;
}

#buy-hd #equip-data {
    max-width: 250px;
    width: 100%;
    align-self: flex-end;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    padding: 20px 0 0 10px;
}

#buy-hd #equip-data dl {
    background-color: #313131;
    padding: 10px;
}

#buy-hd .data-wrap {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff;
    align-items: flex-end;
    padding: 5px 0;
}

#buy-hd .data-wrap dd {
    font-size: 2rem;
    line-height: 1.3;
}

#buy-hd .data-wrap dd span {
    font-size: 1rem;
}

#buy-hd .data-wrap .block {
    display: block;
    font-size: 0.7rem;
    font-weight: normal;
}

#buy-hd .equip-status {
    background-color: #fff100;
    color: #000000;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    padding-top: 8px;
    position: absolute;
    top: 10px;
    left: 15px;
}

#buy-hd .equip-status span {
    display: block;
    width: 100%;
    font-size: 70%;
}

#buy-hd .equip-status .open {
    padding-top: 10px;
    font-size: 90%;
}

.divider-list {
    padding: 10px;
    border: 1px solid #999999;
    background-color: #ffffff;
    margin: 0 auto;
}

.divider-list .data-wrap {
    overflow: hidden;
    border-bottom: 1px solid #999999;
}

.divider-list .data-wrap dt {
    float: left;
    padding: 5px;
}

.divider-list .data-wrap dd {
    float: right;
    padding: 5px;
}

.divider-list .data-wrap:last-child {
    border-bottom: none;
}

@media screen and (max-width: 680px) {
    #buy-hd .container {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    #buy-hd h1 {
        font-size: 1.8rem;
        width: 100%;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 420px) {
    #buy-hd h1 {
        font-size: 1.4rem;
    }
}

/*---------- end雉ｼ蜈･逕ｻ髱｢繝倥ャ繝€ ----------*/
/*---------- 繝ｯ繝�ヨ菫晄怏險ｼ譏取嶌 ----------*/
.button-certificate a {
    width: 90%;
    max-width: 500px;
    display: block;
    border: 3px solid #b9a88b;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    padding: 5px;
    margin: 40px auto 0;
    background-color: #ffffff;
}

.button-certificate a span {
    border: 1px solid #b9a88b;
    display: block;
}

.button-certificate a span img {
    max-width: 300px;
    width: 70%;
}

.button-certificate a span:before {
    content: "";
    background: url(/img/certificate/certificate_logo.png) center top no-repeat;
    width: 70px;
    height: 70px;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}

/*---------- end繝ｯ繝�ヨ菫晄怏險ｼ譏取嶌  ----------*/
/*------ 蛻ｩ逕ｨ隕冗ｴ�  ------*/
.uk-modal-dialog .terms-common h2 {
    border-left: none;
    padding-left: 0;
}

.terms-common h1 {
    font-size: 2em;
}

.terms-common h2 {
    font-size: 1.3em;
    border-left: 5px solid #53c858;
    padding-left: 10px;
}

.terms-common h3,
.terms-common h4 {
    font-weight: bold;
    font-size: 1.1em;
}

.terms-common h5 {
    font-weight: bold;
    font-size: 1em;
}

.terms-common ol {
    list-style: decimal;
}

.terms-common ul {
    list-style: disc;
}

.terms-common .breadcrumb {
    list-style: none;
}

@media screen and (max-width: 640px) {
    .terms-common h1#mv-title {
        font-size: 1.4em;
    }
}

/*------ 繝代せ繝ｯ繝ｼ繝峨Μ繧｢繝ｫ繧ｿ繧､繝�繝√ぉ繝�け  ------*/
#pm-indicator {
    margin: 20px 0 0;
    padding: 0.5em;
    color: #222222;
    font-size: 13px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #e4e4e4;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#pm-indicator.very-weak,
#pm-indicator.not-match {
    border-color: #be1d30;
    background-color: #ffc3cf;
}

#pm-indicator.weak {
    border-color: #ff787d;
    background-color: #ffe6e5;
}

#pm-indicator.average {
    border-color: #e8a714;
    background-color: #fdddaa;
}

#pm-indicator.strong {
    border-color: #78bc42;
    background-color: #bceea6;
}

#pm-indicator.very-strong {
    border-color: #4f85a7;
    background-color: #a0e8f5;
}

/*------ end繝代せ繝ｯ繝ｼ繝峨Μ繧｢繝ｫ繧ｿ繧､繝�繝√ぉ繝�け  ------*/
#mail-filter {
    font-size: 0.7em;
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    color: #666666;
    padding: 0.5em;
    margin-top: 30px;
}

/*---------- 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ----------*/
@media screen and (max-width: 1249px) {
    .container-w {
        padding: 0 15px;
    }
}

@media screen and (max-width: 1139px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    header#change-hd nav li {
        margin: 0 0 0 1em !important;
    }
}

@media (max-width: 960px) {

    header .logout,
    header .hd-pc {
        display: none;
    }

    header .hd-sp {
        display: inline-block;
    }

    header .hd-sp img {
        cursor: pointer;
    }

    header #sp-menu {
        width: 40px;
        margin-left: 6px;
    }

    header #hd-apf .hd-apf-right {
        width: calc(100% - 90px);
    }

    header #hd-apf #apf-logo img {
    }

    header #hd-apf #apf-logo .hd-apf-copy {
        display: none;
    }

    header #hd-apf .btn-s {
        width: 36px;
        height: 36px;
        border-radius: 50%;
    }

    header #hd-apf .btn-s span {
        display: none;
    }

    header #hd-top #hd-logo {

    }

    header #hd-btn .btn-ss {
        width: 40px;
        height: 40px;
    }

    header #hd-btn .btn-ss.btn-mypage {
        max-width: 40px;
        padding: 4px;
    }

    header#change-hd #hd-top #hd-btn .message-notify {
        top: -5px;
        right: 10px;
        left: auto;
    }

    #sp-menu-wrap {
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
    }

    .uk-offcanvas-bar {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -270px;
        box-sizing: border-box;
        width: 270px;
        padding: 20px 20px;
        background: #222;
    }

    #sp-menu-wrap .uk-close {
        color: #ffffff;
    }

    #sp-menu-wrap .uk-offcanvas-bar {
        height: 300px;
    }

    #sp-menu-wrap #spmenu-content {
        max-width: 400px;
        margin: 0 auto;
    }

    #sp-menu-wrap ul li a {
        display: block;
        border-bottom: solid 1px #ffffff;
        padding: 8px 0;
    }

    #sp-menu-wrap ul .sp-menu-sub a {
        font-size: 0.8em;
        border-bottom: none;
        padding: 5px 0;
    }

    #sp-menu-wrap #mypage-menu {
        margin-bottom: 0;
        display: flex;
        flex-wrap: wrap;
    }

    #sp-menu-wrap #mypage-menu li {
        width: 50%;
    }

    #sp-menu-wrap #mypage-menu a {
        padding: 0;
        margin-bottom: 5px;
    }

    #sp-menu-wrap #mypage-menu a:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3.5px 0 3.5px 6px;
        border-color: transparent transparent transparent #ffffff;
        display: inline-block;
        margin-right: 5px;
    }

    footer #ft-mdl {
        background: #53c858;
    }

    footer #ft-mdl .container-w {
        display: block !important;
        padding: 0;
    }

    footer #ft-mdl #ft-link {
        width: 100%;
        padding: 0 15px;
    }

    footer #ft-mdl #ft-app {
        width: 100% !important;
        display: block !important;
        padding: 30px 15px;
    }

    footer #ft-mdl #ft-app .uk-position-center {
        transform: none;
        position: static !important;
        max-width: 300px;
        margin: 0 auto;
    }
}

@media (max-width: 820px) {
    h1#mv-title {
        height: 150px;
        z-index: -20;
    }

    footer #ft-btm {
        display: block;
        padding: 0 10px;
    }

    footer #ft-btm .uk-flex {
        display: block;
    }

    footer #ft-btm #ft-company {
        margin: 15px auto;
        max-width: 360px;
    }

    footer #ft-btm #ft-company h3 {
        font-size: 1.5em;
        text-align: center;
        padding-top: 0 !important;
        padding-right: 0 !important;
        width: 100%;
        margin: 0 auto 0.5em !important;
    }

    footer #ft-btm #ft-company .company-name {
        font-size: 1.5em;
    }

    footer #ft-btm #ft-company p {
        border-top: 1px solid #757575;
        border-left: none;
        text-align: center;
        padding: 1.5em 0 0;
        width: 100%;
    }

    footer #ft-btm #ft-right {
        margin: 0 auto;
    }

    footer #ft-btm #ft-right #ft-mark {
        justify-content: center;
    }

    footer #ft-btm #ft-right #ft-terms {
        justify-content: center;
    }

    footer #ft-btm .copyright {
        text-align: center;
        padding: 0.5em 0;
    }

    footer #ft-btm .copyright ul {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .form-chackbox:checked {
        background-color: #ffae00;
    }

    .form-chackbox:focus {
        background-color: #ffae00;
    }

    footer.activate-ft #ft-btm #ft-company p {
        border-top: 1px solid #ffffff;
        border-left: none;
    }
}

@media screen and (max-width: 640px) {
    .padding-remove-s {
        padding: 0;
        box-shadow: none;
    }

    .boxshadow-wrap-s {
        box-shadow: none;
    }

    .bg-wh-s {
        background-color: #ffffff !important;
    }

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

    header .hd-note {
        text-align: left;
    }

    header .container {
        padding: 0 10px;
    }

    header #hd-apf #apf-logo p {
        display: none;
    }

    footer #ft-top h2,
    footer #ft-top #ft-regist {
        padding-left: 0;
    }

    footer #ft-top h3 {
        font-size: 1.4em;
    }

    footer #ft-mdl #ft-link .ft-link-wrap #ft-logo {
        float: none;
        text-align: center;
    }

    footer #ft-mdl #ft-link .ft-link-wrap #ft-logo a {
        margin: 0 auto;
    }

    footer #ft-mdl #ft-link .ft-link-wrap .uk-flex {
        display: block;
        text-align: center;
        float: none;
        margin: 0;
    }

    footer #ft-mdl #ft-link #ft-btn {
        margin: 20px auto 30px;
        text-align: center !important;
    }

    footer #ft-btm .copyright {
        font-size: 11px;
    }

    .button-certificate a span:before {
        width: 60px;
        height: 60px;
    }

    .step-indicator li {
        font-size: 0.9em;
        font-weight: bold;
        padding: 0 5px;
        height: 30px;
    }

    .step-indicator li:after {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }

    .step-indicator li:before {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }

    .sidebar .side-main ul li {
        width: 100%;
        float: none;
    }

    .sidebar .side-main ul li:nth-child(odd) {
        border-right: none;
    }

    h1#mv-title {
        height: 120px;
        font-size: 1.7em;
    }
}

/*---------- end繝ｬ繧ｹ繝昴Φ繧ｷ繝� ----------*/
.js-dc-guard button[type=submit]:disabled {
    background-color: #dddddd;
    border: 1px solid #dddddd;
    color: #ffffff;
}

.js-dc-guard button[type=submit]:disabled:hover {
    cursor: default;
    border: 1px solid #dddddd;
}

.uk-link,
a {
    color: #53c858;
}

.uk-card-default {
    color: #333333;
}

.uk-label-default {
    background: #f5f5f5;
    color: #666666;
}

.uk-form-label {
    color: #333333;
}

.uk-alert-warning {
    background: #fdf1dc;
    color: #ee702e;
}

.uk-alert-danger {
    background: #ffd7d7;
    color: #e20000;
}

@media print {

    header,
    footer {
        display: none;
    }
}

.js-question-marker {
    cursor: pointer;
    vertical-align: text-bottom;
}

.question-marker-wh {
    color: #ffffff;
}

.question-marker-blk {
    color: #333333;
}

.question-answer {
    transition-property: opacity;
    transition-duration: 0.5s;
    opacity: 0;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    display: block;
    width: 30%;
    box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 8px;
    font-size: 0.85em;
    text-align: left;
    padding: 15px;
    border-radius: 10px;
    z-index: -50;
}

.question-answer h3 {
    font-size: 1.1em;
}

.question-answer .flex {
    align-items: center;
}

.question-answer .flex img {
    max-width: 200px;
    width: 50%;
    margin-right: 20px;
}

.question-answer .flex p {
    width: calc(100% - 220px);
}

@media screen and (max-width: 640px) {
    .question-answer .flex {
        flex-direction: column;
    }

    .question-answer .flex img {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .question-answer .flex p {
        width: 100%;
    }
}

/*---------- 繝ｯ繝�ヨ繝励Λ繧ｹ縺後≠繧句�ｴ蜷医�隧ｳ邏ｰ陦ｨ遉ｺ ----------*/
.btn-detail {
    background-color: transparent;
    border-radius: 5px;
    font-size: 12px;
    vertical-align: text-bottom;
    display: inline-block;
    padding: 0 4px;
}

.btn-detail-wh {
    color: #ffffff;
    border: 1px solid #ffffff;
}

.btn-detail-blk {
    color: #333333;
    border: 1px solid #333333;
}

.own-detail-drop {
    width: 280px;
    transition-property: opacity;
    transition-duration: 0.5s;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 8px;
    border-radius: 10px;
    display: none;
    padding: 14px;
}

.own-detail-drop dl.own-detail-dl {
    background-color: #ffffff;
    padding: 0;
    border-top: none;
    margin: 0;
}

.own-detail-drop dl.own-detail-dl .flex {
    justify-content: space-between;
    flex-wrap: wrap;
}

.own-detail-drop dl.own-detail-dl dt,
.own-detail-drop dl.own-detail-dl dd {
    color: #333333;
    font-size: 1em;
    padding: 5px 0;
    font-weight: bold;
}

.own-detail-drop dl.own-detail-dl .border-top {
    border-top: 1px solid #dddddd;
}

.own-detail-drop p {
    text-align: left;
    font-size: 0.8em;
}

.uk-pagination a {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px;
    border: 1px solid #53c858;
    background-color: #ffffff;
    color: #53c858;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

.uk-pagination a:hover {
    background-color: #53c858;
    color: #ffffff;
}

.uk-pagination .uk-disabled {
    padding-left: 0;
}

.uk-pagination .uk-disabled a {
    background-color: #53c858;
    color: #ffffff;
    box-shadow: none;
}

/**** 繝ｪ繧ｭ繝｣繝励メ繝｣ ****/
.grecaptcha-badge {
    visibility: hidden;
}

.recaptcha-txt {
    font-size: 11px;
    color: #999999;
    margin: 10px 0;
}

.recaptcha-txt a {
    text-decoration: underline;
    color: #999999;
}

#report-index .report-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

#report-index .report-list li {
    width: 46%;
    border: 1px solid #333333;
    padding: 50px 20px;
    text-align: center;
    margin: 1%;
}

#report-index .report-list h2 {
    font-size: 1.2em;
}

@media screen and (max-width: 840px) {
    #report-index .report-list li {
        width: 100%;
    }
}

#report-annual h1,
#report-corporate_annual h1 {
    font-size: 1.8em;
    color: #333333;
    margin-bottom: 80px;
}

#report-annual h2,
#report-corporate_annual h2 {
    font-size: 1.4em;
}

#report-annual .notes-span,
#report-corporate_annual .notes-span {
    position: absolute;
    top: auto;
    left: 0;
}

#report-annual .notes-top,
#report-corporate_annual .notes-top {
    font-size: 0.9em;
    color: #ff0000;
}

#report-annual .font-s,
#report-corporate_annual .font-s {
    font-size: 0.8em;
}

#report-annual .report-company,
#report-corporate_annual .report-company {
    font-weight: bold;
    font-size: 0.5em;
    width: 170px;
}

#report-annual .report-company p,
#report-corporate_annual .report-company p {
    margin: 0;
}

#report-annual #report-name,
#report-corporate_annual #report-name {
    margin: 20px 0;
    font-size: 1.5em;
}

#report-annual #report-span,
#report-corporate_annual #report-span {
    margin: 20px 0;
}

#report-annual #report-span dt,
#report-corporate_annual #report-span dt {
    font-weight: normal;
    margin-right: 1em;
}

#report-annual .uk-table,
#report-corporate_annual .uk-table {
    margin-bottom: 10px;
}

#report-annual .uk-table th,
#report-corporate_annual .uk-table th {
    vertical-align: top;
    text-align: center;
    font-weight: normal;
    color: #333333;
}

#report-annual .uk-table-striped,
#report-corporate_annual .uk-table-striped {
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

#report-annual .uk-table-striped th,
#report-annual .uk-table-striped td,
#report-corporate_annual .uk-table-striped th,
#report-corporate_annual .uk-table-striped td {
    border-left: 1px solid #e5e5e5;
}

#report-annual #summary-table,
#report-corporate_annual #summary-table {
    font-weight: bold;
    table-layout: fixed;
}

#report-annual #summary-table th,
#report-corporate_annual #summary-table th {
    padding: 16px 5px;
}

#report-annual #detail-table,
#report-corporate_annual #detail-table {
    overflow: auto;
    white-space: nowrap;
}

#report-annual #detail-table th,
#report-corporate_annual #detail-table th {
    font-size: 1em;
}

#report-annual #detail-table .unit,
#report-corporate_annual #detail-table .unit {
    text-align: right;
}

#report-annual ::-webkit-scrollbar,
#report-corporate_annual ::-webkit-scrollbar {
    width: 10px;
}

#report-annual ::-webkit-scrollbar-track,
#report-corporate_annual ::-webkit-scrollbar-track {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: inset 0 0 2px #777;
}

#report-annual ::-webkit-scrollbar-thumb,
#report-corporate_annual ::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px;
    box-shadow: none;
}

@media screen and (max-width: 680px) {

    #report-annual .report-hd,
    #report-corporate_annual .report-hd {
        display: block;
    }
}

@media print {

    #report-annual header,
    #report-annual footer,
    #report-corporate_annual header,
    #report-corporate_annual footer {
        display: none;
    }

    #report-annual main,
    #report-corporate_annual main {
        padding: 0 !important;
    }

    #report-annual #detail-table,
    #report-corporate_annual #detail-table {
        overflow: hidden;
        white-space: normal;
    }

    #report-annual #detail-table th,
    #report-corporate_annual #detail-table th {
        font-size: 0.6em;
    }

    #report-annual .equipmentName,
    #report-corporate_annual .equipmentName {
        width: 18em;
        font-size: 0.8em;
    }
}

/*
  *
  *縲€螳壽悄雉ｼ蜈･
  *
  */
/*------ 螳壽悄雉ｼ蜈･隱ｬ譏� and cam2118蜈ｱ騾�------*/
#docs-subscription .padding-holizontal,
.page-subsc .padding-holizontal {
    padding-right: 30px;
    padding-left: 30px;
}

#docs-subscription .frame-blue,
.page-subsc .frame-blue {
    border: solid 3px #53c858;
    background-color: #fff;
}

#docs-subscription .sp-br,
#docs-subscription .sp-img,
.page-subsc .sp-br,
.page-subsc .sp-img {
    display: none;
}

#docs-subscription .marker-yellow,
.page-subsc .marker-yellow {
    background: linear-gradient(transparent 70%, #fff100 0%);
    padding-bottom: 2px;
}

#docs-subscription .notes-wrap,
.page-subsc .notes-wrap {
    border: solid 2px #262626;
}

#docs-subscription .notes-wrap h3,
.page-subsc .notes-wrap h3 {
    background-color: #262626;
    padding: 4px;
    font-size: 1.1em;
}

#docs-subscription .notes-wrap ul,
.page-subsc .notes-wrap ul {
    background-color: white;
    padding: 20px;
}

#docs-subscription #intro h3,
.page-subsc #intro h3 {
    font-size: 1.8em;
}

#docs-subscription #intro #intro1 .img-wrap,
#docs-subscription #intro #intro2 .img-wrap,
.page-subsc #intro #intro1 .img-wrap,
.page-subsc #intro #intro2 .img-wrap {
    height: 304px;
}

#docs-subscription #intro #intro1,
.page-subsc #intro #intro1 {
    position: relative;
}

#docs-subscription #intro #intro1 h3,
.page-subsc #intro #intro1 h3 {
    position: absolute;
    top: 0;
    left: 0;
}

#docs-subscription #intro #intro1 .img-wrap,
.page-subsc #intro #intro1 .img-wrap {
    margin-left: 70%;
}

#docs-subscription #intro #intro1 .text-wrap,
.page-subsc #intro #intro1 .text-wrap {
    position: absolute;
    top: calc(1.8em + 20px);
    left: 0;
    margin-right: 32%;
}

#docs-subscription #intro #intro2,
.page-subsc #intro #intro2 {
    position: relative;
    padding-top: 60px;
}

#docs-subscription #intro #intro2 h3,
.page-subsc #intro #intro2 h3 {
    position: absolute;
    top: 60px;
    left: 0;
    margin-left: 50%;
}

#docs-subscription #intro #intro2 .img-wrap,
.page-subsc #intro #intro2 .img-wrap {
    margin-right: 52%;
}

#docs-subscription #intro #intro2 .text-wrap,
.page-subsc #intro #intro2 .text-wrap {
    position: absolute;
    top: calc(1.8em + 80px);
    left: 0;
    margin-left: 50%;
}

#docs-subscription #recommend .flex,
.page-subsc #recommend .flex {
    justify-content: space-between;
}

#docs-subscription #recommend .rec-wrap,
.page-subsc #recommend .rec-wrap {
    max-width: calc(33.3333333333% - 20px);
    width: 100%;
}

#docs-subscription #recommend .rec-wrap p,
.page-subsc #recommend .rec-wrap p {
    font-size: 1.1em;
    font-weight: bold;
    width: 17em;
    margin: 0 auto;
}

#docs-subscription #simulation .text-wrap,
.page-subsc #simulation .text-wrap {
    padding: 0 16px;
    margin-bottom: 20px;
}

#docs-subscription #step .flex,
.page-subsc #step .flex {
    justify-content: space-between;
}

#docs-subscription #step .step-wrap,
.page-subsc #step .step-wrap {
    max-width: calc(33.3333333333% - 20px);
    width: 100%;
    padding: 48px 16px 16px;
    margin-top: 40px;
    position: relative;
}

#docs-subscription #step .step-wrap::before,
.page-subsc #step .step-wrap::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: 0;
    right: 0;
    margin: auto;
    top: -40px;
}

#docs-subscription #step .step1::before,
.page-subsc #step .step1::before {
    background: url(/img/docs/step_01.png) no-repeat;
    background-size: contain;
}

#docs-subscription #step .step2::before,
.page-subsc #step .step2::before {
    background: url(/img/docs/step_02.png) no-repeat;
    background-size: contain;
}

#docs-subscription #step .step3::before,
.page-subsc #step .step3::before {
    background: url(/img/docs/step_03.png) no-repeat;
    background-size: contain;
}

#docs-subscription #step .text-wrap,
.page-subsc #step .text-wrap {
    margin-top: 20px;
}

#docs-subscription #question .font-blue,
.page-subsc #question .font-blue {
    color: #53c858;
}

#docs-subscription #question .q-hd,
.page-subsc #question .q-hd {
    font-size: 1.8em;
}

#docs-subscription #question .qa-card,
.page-subsc #question .qa-card {
    width: 49%;
    padding: 30px 24px;
    margin-bottom: 20px;
}

#docs-subscription #question .question,
.page-subsc #question .question {
    position: relative;
}

#docs-subscription #question .question img,
.page-subsc #question .question img {
    position: absolute;
    left: 0;
    width: 1.8em;
}

#docs-subscription #question .question .q-ttl,
.page-subsc #question .question .q-ttl {
    font-size: 1.3em;
    display: inline-block;
    padding-left: 34px;
}

#docs-subscription #question .answer,
.page-subsc #question .answer {
    text-align: left;
    margin-top: 20px;
}

#docs-subscription #question .notes-wrap,
.page-subsc #question .notes-wrap {
    border-color: #e20000;
}

#docs-subscription #question .notes-wrap h3,
.page-subsc #question .notes-wrap h3 {
    background-color: #e20000;
}

@media screen and (max-width: 1120px) {

    #docs-subscription #intro h3,
    .page-subsc #intro h3 {
        font-size: 1.5em;
    }

    #docs-subscription #intro #intro1 .text-wrap,
    .page-subsc #intro #intro1 .text-wrap {
        top: calc(1.5em + 20px);
    }

    #docs-subscription #intro #intro2 .text-wrap,
    .page-subsc #intro #intro2 .text-wrap {
        top: calc(1.5em + 80px);
    }
}

@media screen and (max-width: 960px) {

    #docs-subscription .padding-holizontal,
    .page-subsc .padding-holizontal {
        padding-right: 10px;
        padding-left: 10px;
    }

    #docs-subscription #intro h3,
    .page-subsc #intro h3 {
        font-size: 1.3em;
    }

    #docs-subscription #recommend .rec-wrap p,
    .page-subsc #recommend .rec-wrap p {
        width: 100%;
    }

    #docs-subscription #recommend .rec-wrap p .pc-br,
    .page-subsc #recommend .rec-wrap p .pc-br {
        display: none;
    }

    #docs-subscription #step .step-wrap,
    .page-subsc #step .step-wrap {
        max-width: calc(33.3333333333% - 10px);
    }
}

@media screen and (max-width: 820px) {
    #docs-subscription .docs-common h3,
    #docs-subscription .docs-common p,
    .page-subsc .docs-common h3,
    .page-subsc .docs-common p {
        max-width: 100%;
        margin: revert;
    }
}

@media screen and (max-width: 768px) {

    #docs-subscription #intro h3,
    .page-subsc #intro h3 {
        text-align: center;
        font-size: 1.5em;
    }

    #docs-subscription #intro #intro1,
    #docs-subscription #intro #intro2,
    .page-subsc #intro #intro1,
    .page-subsc #intro #intro2 {
        position: initial;
    }

    #docs-subscription #intro #intro1 h3,
    #docs-subscription #intro #intro1 .img-wrap,
    #docs-subscription #intro #intro1 .text-wrap,
    #docs-subscription #intro #intro2 h3,
    #docs-subscription #intro #intro2 .img-wrap,
    #docs-subscription #intro #intro2 .text-wrap,
    .page-subsc #intro #intro1 h3,
    .page-subsc #intro #intro1 .img-wrap,
    .page-subsc #intro #intro1 .text-wrap,
    .page-subsc #intro #intro2 h3,
    .page-subsc #intro #intro2 .img-wrap,
    .page-subsc #intro #intro2 .text-wrap {
        position: initial;
        height: auto;
    }

    #docs-subscription #intro #intro1 h3,
    #docs-subscription #intro #intro2 h3,
    .page-subsc #intro #intro1 h3,
    .page-subsc #intro #intro2 h3 {
        margin: auto;
    }

    #docs-subscription #intro #intro1 .text-wrap,
    #docs-subscription #intro #intro2 .text-wrap,
    .page-subsc #intro #intro1 .text-wrap,
    .page-subsc #intro #intro2 .text-wrap {
        max-width: 520px;
        width: 100%;
        margin: auto;
    }

    #docs-subscription #intro #intro1 .text-wrap p,
    #docs-subscription #intro #intro2 .text-wrap p,
    .page-subsc #intro #intro1 .text-wrap p,
    .page-subsc #intro #intro2 .text-wrap p {
        width: 100%;
    }

    #docs-subscription #intro #intro1 .img-wrap,
    .page-subsc #intro #intro1 .img-wrap {
        max-width: 220px;
        width: 100%;
        margin: 20px auto;
    }

    #docs-subscription #intro #intro2 .img-wrap,
    .page-subsc #intro #intro2 .img-wrap {
        max-width: 520px;
        width: 100%;
        margin: 20px auto;
    }

    #docs-subscription #step h3,
    .page-subsc #step h3 {
        margin-top: 0;
    }

    #docs-subscription #step h3 br,
    .page-subsc #step h3 br {
        display: none;
    }

    #docs-subscription #step .step-wrap,
    .page-subsc #step .step-wrap {
        max-width: 520px;
        width: 100%;
        margin: 0 auto 60px;
    }

    #docs-subscription #step .img-wrap,
    .page-subsc #step .img-wrap {
        max-width: 360px;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 640px) {

    #docs-subscription .pc-img,
    .page-subsc .pc-img {
        display: none;
    }

    #docs-subscription .sp-img,
    .page-subsc .sp-img {
        max-width: 480px;
        width: 100%;
        display: block;
    }

    #docs-subscription .padding-l,
    .page-subsc .padding-l {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #docs-subscription #recommend .rec-wrap,
    .page-subsc #recommend .rec-wrap {
        max-width: 320px;
        width: 100%;
        margin: 0 auto 20px;
    }

    #docs-subscription #question .q-hd,
    .page-subsc #question .q-hd {
        font-size: 1.3em;
    }

    #docs-subscription #question .qa-card,
    .page-subsc #question .qa-card {
        width: 100%;
    }

    #docs-subscription #question .question img,
    .page-subsc #question .question img {
        width: 1.8em;
    }

    #docs-subscription #question .question .q-ttl,
    .page-subsc #question .question .q-ttl {
        font-size: 1.1em;
    }
}

/*------ end 螳壽悄雉ｼ蜈･隱ｬ譏� and cam2118蜈ｱ騾� ------*/
/*------ 螳壽悄雉ｼ蜈･隱ｬ譏弱�繝ｼ繧ｸ ------*/
#docs-subscription #explanation .text-intro .text-left {
    width: 64%;
}

#docs-subscription #explanation .text-intro .img-right {
    width: 34%;
}

#docs-subscription #explanation .frame {
    padding: 30px;
    border-radius: 18px;
    box-shadow: 0 0 6px rgba(0, 32, 147, 0.3);
    margin: 6px;
}

#docs-subscription #explanation .frame img {
    width: 100%;
}

#docs-subscription #explanation .frame .frame-title {
    position: relative;
}

#docs-subscription #explanation .frame .frame-title.flex {
    justify-content: flex-start;
}

#docs-subscription #explanation .frame .frame-title .font-red2 {
    color: #D62222;
}

#docs-subscription #explanation .frame .frame-title .font-blue1 {
    color: #002093;
}

#docs-subscription #explanation .frame .frame-title .frame-title-img {
    position: absolute;
    width: 40px;
    left: 0;
}

#docs-subscription #explanation .frame .frame-title .frame-title-text {
    padding-left: 48px;
}

#docs-subscription #explanation .frame .frame-contents-wrap .frame-right-top.flex {
    justify-content: flex-start;
}

#docs-subscription #explanation .frame .frame-contents-wrap .frame-left {
    width: 52%;
}

#docs-subscription #explanation .frame .frame-contents-wrap .frame-right {
    width: 46%;
}

#docs-subscription #explanation .frame .frame-contents-wrap .frame-right img {
    width: 100%;
}

#docs-subscription #explanation .frame .frame-contents-wrap .frame-right .after-per::after {
    content: "%";
}

#docs-subscription #explanation .frame .frame-contents-wrap .frame-right .before-yen::after {
    content: "蜀��";
}

#docs-subscription #explanation .frame .frame-contents-wrap .frame-right .arrow-img {
    width: 30px;
    margin-right: 4px;
    margin-left: 4px;
}

#docs-subscription #explanation .frame .frame-contents-wrap .subscription-return img {
    max-width: 400px;
}

#docs-subscription #explanation .frame .width-2-3 {
    width: 70%;
}

#docs-subscription #explanation .frame .width-1-3 {
    width: 28%;
}

#docs-subscription #explanation .frame .img-flex {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#docs-subscription #explanation table {
    border-collapse: collapse;
    width: 100%;
    background-color: white;
}

#docs-subscription #explanation tr:nth-child(1) {
    background-color: #BEE1FC;
}

#docs-subscription #explanation tr:nth-child(3) {
    font-size: 1.08em;
    font-weight: 300;
    background: linear-gradient(to bottom, white, #FFFAB8);
}

#docs-subscription #explanation tr:nth-child(4) {
    font-size: 1.16em;
    font-weight: 600;
    background: linear-gradient(to bottom, #FFFAB8, #FFE44A);
}

#docs-subscription #explanation tr:nth-child(5) {
    font-size: 1.24em;
    font-weight: 900;
    -webkit-text-stroke: 1px #333333;
    background-color: #FFE44A;
}

#docs-subscription #explanation td {
    border: solid 1px black;
    width: 33.3333333333%;
}

#docs-subscription #explanation .select-wrap {
    position: relative;
    width: 43%;
}

#docs-subscription #explanation .select-wrap::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 12px;
    right: 10px;
    border-top: 2px solid white;
    border-left: 2px solid white;
    transform: rotate(-135deg);
    pointer-events: none;
}

#docs-subscription #explanation select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: white;
    background: linear-gradient(to bottom, #7B82F7, #1A2093, #1A2093);
}

#docs-subscription #explanation .frame-small {
    width: 48%;
}

@media screen and (max-width: 840px) {
    #docs-subscription #explanation .text-intro .text-left {
        width: 100%;
        order: 1;
    }

    #docs-subscription #explanation .text-intro .img-right {
        width: 100%;
    }

    #docs-subscription #explanation .frame-small {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    #docs-subscription #explanation .frame.uk-padding {
        padding: 20px;
    }

    #docs-subscription #explanation .frame .frame-contents-wrap.flex:not(#select-frame) {
        flex-direction: column-reverse;
    }

    #docs-subscription #explanation .frame .frame-contents-wrap .width-1-3,
    #docs-subscription #explanation .frame .frame-contents-wrap .width-2-3,
    #docs-subscription #explanation .frame .frame-contents-wrap .frame-left,
    #docs-subscription #explanation .frame .frame-contents-wrap .frame-right {
        width: 100%;
    }

    #docs-subscription #explanation .frame .frame-contents-wrap .frame-right {
        display: flex;
        justify-content: center;
    }

    #docs-subscription #explanation .frame .frame-contents-wrap img:not(#select-frame) {
        max-width: 320px;
    }

    #docs-subscription #explanation .frame .frame-contents-wrap#select-frame .frame-right {
        display: block;
    }

    #docs-subscription #explanation .frame .img-flex {
        justify-content: center;
    }
}

/*------ end 螳壽悄雉ｼ蜈･隱ｬ譏弱�繝ｼ繧ｸ and cam2123蜈ｱ騾� ------*/
/*------ 螳壽悄雉ｼ蜈･逋ｻ骭ｲ ------*/
#subscription-input {
    /* 蜆ｪ蜈郁ｨｭ蛯咎∈謚�*/
    /* 險ｭ蛯吶�繝ｬ繝薙Η繝ｼ繝｢繝ｼ繝€繝ｫ */
}

#subscription-input .marker-yellow {
    background: linear-gradient(transparent 70%, #fff100 0%);
    padding-bottom: 2px;
}

#subscription-input .uk-sticky-fixed {
    z-index: 35;
}

#subscription-input .uk-modal {
    z-index: 40;
}

#subscription-input .uk-form-label {
    font-size: 1rem;
}

#subscription-input #snackbar {
    z-index: 100;
}

#subscription-input .desc-wrap {
    font-size: 0.95em;
    background-color: #f5f9ff;
    padding: 8px;
    margin-bottom: 20px;
}

#subscription-input #priority-select .flex {
    justify-content: space-between;
}

#subscription-input #priority-select .select-inner {
    width: 100%;
    border: solid 2px transparent;
}

#subscription-input #priority-select .select-inner .select-hd {
    position: relative;
}

#subscription-input #priority-select .select-inner .radio-btn {
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
}

#subscription-input #priority-select .select-inner label {
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px;
    padding-left: 42px;
    border: solid 2px #dddddd;
    border-radius: 11px;
    font-size: 1em;
    cursor: pointer;
    position: relative;
}

#subscription-input #priority-select .select-inner label::before,
#subscription-input #priority-select .select-inner label::after {
    content: "";
    position: absolute;
    border-radius: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 12px;
}

#subscription-input #priority-select .select-inner label::before {
    width: 24px;
    height: 24px;
    background-color: #ffffff;
    border: solid 1px #999999;
}

#subscription-input #priority-select .select-inner label::after {
    width: 12px;
    height: 12px;
    background-color: #999999;
    left: 18px;
}

#subscription-input #priority-select .select-inner .radio-btn:hover+label {
    border-color: #ffae00;
    background-color: #fdf1dc;
    transition: 0.3s;
}

#subscription-input #priority-select .select-inner .radio-btn:hover+label::before {
    border-color: #ffae00;
    transition: 0.3s;
}

#subscription-input #priority-select .select-inner .radio-btn:hover+label::after {
    background-color: #ffae00;
    transition: 0.3s;
}

#subscription-input #priority-select .select-inner .radio-btn:checked+label {
    outline: 0;
    border-color: #ffae00;
    background-color: #fdf1dc;
    transition: 0.3s;
}

#subscription-input #priority-select .select-inner .radio-btn:checked+label::before {
    border-color: #ffae00;
    transition: 0.3s;
}

#subscription-input #priority-select .select-inner .radio-btn:checked+label::after {
    background-color: #ffae00;
    transition: 0.3s;
}

#subscription-input #priority-select .select-inner .select-desc {
    font-size: 0.8em;
    padding: 8px 4px 0;
}

#subscription-input #priority-detail {
    padding-top: 10%;
}

#subscription-input #priority-detail .wrap-960 {
    max-width: 960px !important;
}

#subscription-input #priority-detail .preview-wrap {
    background-color: #ffffff;
    width: 100%;
    padding: 30px;
    position: relative;
}

#subscription-input #priority-detail .preview-wrap .uk-modal-close {
    background-color: #333333;
}

#subscription-input #priority-detail .preview-wrap .btn-close {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    cursor: pointer;
}

#subscription-input #priority-detail .preview-wrap .btn-close::before,
#subscription-input #priority-detail .preview-wrap .btn-close::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

#subscription-input #priority-detail .preview-wrap .btn-close::before {
    transform: rotate(45deg);
}

#subscription-input #priority-detail .preview-wrap .btn-close::after {
    transform: rotate(-45deg);
}

#subscription-input #priority-detail .priority-wrap {
    width: 48%;
    background-color: #ffffff;
    border: solid 2px #53c858;
    border-radius: 12px;
}

#subscription-input #priority-detail .priority-wrap .discount {
    display: inline-block;
    color: #444;
    position: relative;
    font-weight: normal;
    font-size: 0.8em;
}

#subscription-input #priority-detail .priority-wrap .discount::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgba(68, 68, 68, 0.7);
    top: 45%;
    left: 0;
}

#subscription-input #priority-detail .priority-wrap .discount-price {
    display: flex;
    align-items: center;
}

#subscription-input #priority-detail .priority-wrap .price-down {
    display: inline-block;
    text-align: center;
    vertical-align: text-bottom;
    color: #fff;
    background-color: #cf0c1a;
    font-size: 0.6em;
    padding: 2px;
    margin: 0 5px 0 0;
}

#subscription-input #priority-detail .priority-wrap .priority-name {
    text-align: center;
    padding: 16px 8px 14px;
    font-size: 1.3em;
    background-color: #53c858;
    border-radius: 9px 9px 0 0;
    color: #fff;
}

#subscription-input #priority-detail .priority-wrap .priority-list {
    font-weight: bold;
    color: #333333;
}

#subscription-input #priority-detail .priority-wrap .priority-list .font-bk {
    color: #333333;
}

#subscription-input #priority-detail .priority-wrap .priority-list .equip-name {
    text-align: center;
    color: #333333;
    background-color: #f5f5f5;
    padding: 8px 8px 6px;
}

#subscription-input #priority-detail .priority-wrap .priority-list .list-wrap {
    padding: 0 8px;
}

#subscription-input #priority-detail .priority-wrap .priority-list .rate-wrap,
#subscription-input #priority-detail .priority-wrap .priority-list .eq-detail-wrap:not(:last-child) {
    border-bottom: dashed 1px #999999;
}

#subscription-input #priority-detail .priority-wrap .priority-list .rate-wrap {
    padding: 16px 0;
}

#subscription-input #priority-detail .priority-wrap .priority-list .rate-wrap dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1;
}

#subscription-input #priority-detail .priority-wrap .priority-list .rate-wrap .font-l {
    font-size: 1.8em;
}

#subscription-input #priority-detail .priority-wrap .priority-list .rate-wrap .discount {
    font-size: 0.5em;
}

#subscription-input #priority-detail .priority-wrap .priority-list .rate-wrap .current-rate {
    display: block;
}

#subscription-input #priority-detail .priority-wrap .priority-list .eq-detail-wrap {
    padding: 8px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
}

#subscription-input #priority-detail .priority-wrap .priority-list .interconnect-wrap .font-l {
    font-size: 1.5em;
}

#subscription-input #priority-detail .priority-wrap .priority-list dl dt {
    padding: 4px 0;
    margin-right: 10px;
}

#subscription-input #priority-detail .priority-wrap .priority-list dl dd {
    padding: 4px 0;
    margin-left: auto;
}

@media screen and (max-width: 768px) {
    #subscription-input #priority-detail .priority-wrap .priority-name {
        font-size: 2.8vw;
    }

    #subscription-input #priority-detail .priority-wrap .priority-list .rate-wrap .font-l {
        font-size: 1.6em;
    }

    #subscription-input #priority-detail .priority-wrap .priority-list .interconnect-wrap .font-l {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 640px) {
    #subscription-input #priority-detail {
        padding-top: 50px;
    }

    #subscription-input #priority-detail .priority-wrap {
        max-width: 375px;
        width: 100%;
        margin: 0 auto 20px;
    }

    #subscription-input #priority-detail .priority-wrap .priority-name {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 420px) {
    #subscription-input #priority-detail {
        padding-top: 15px;
    }

    #subscription-input #priority-detail .preview-wrap {
        padding: 30px 10px;
    }
}

/*------ 螳壽悄雉ｼ蜈･謾ｯ謇輔＞ ------*/
#subscription-confirm .subscription-hide {
    display: none;
}

#subscription-confirm #amounts-detail .bs-wrap:nth-child(3) {
    border-bottom: none;
}

#subscription-confirm #equip-data-table .equip-data-wrap:nth-child(odd) {
    background-color: #f5f9ff;
}

#subscription-confirm .terms-wrap {
    background-color: #f5f5f5;
    padding: 10px;
}

#subscription-confirm .buy-terms {
    height: 240px;
    overflow-y: scroll;
    font-size: 80%;
    margin-top: 20px;
    border: 1px solid #dddddd;
    padding: 10px;
    background-color: #ffffff;
}

#subscription-confirm .buy-terms h2 {
    font-size: 110%;
    margin-top: 20px;
    margin-bottom: 10px;
    border-left: none;
    padding-left: 0;
}

#subscription-confirm .buy-terms h3 {
    font-size: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

#subscription-confirm .buy-terms p {
    margin-bottom: 10px;
}

#subscription-confirm .check-text {
    margin-bottom: 10px;
    font-size: 90%;
}

#subscription-confirm .modal-button {
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #f5f5f5;
}

@media screen and (max-width: 440px) {
    #subscription-confirm .uk-card-body {
        padding: 15px;
    }
}

/*------ end 螳壽悄雉ｼ蜈･謾ｯ謇輔＞ ------*/
/*------ 雉ｼ蜈･螳御ｺ�い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ ------*/
#subscription-thanks {
    /*** 邏吝聖髮ｪ ****/
    /***** end雉ｼ蜈･螳御ｺ�い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ *****/
}

#subscription-thanks .inner-img {
    width: 160px;
    margin: auto;
}

#subscription-thanks .thanks-explanation {
    text-align: center;
}

#subscription-thanks .shine {
    position: relative;
}

#subscription-thanks .shine:before {
    position: absolute;
    z-index: 98;
    content: "";
    display: block;
    width: 140%;
    height: 100%;
    left: -20%;
    top: -20%;
    background-image: url("/img/common/shine.png"), url("/img/common/shine.png");
    background-size: 0, 0;
    background-position: 20% 90%, 80% 20%;
    background-repeat: no-repeat;
    animation: shine 0.6s ease;
    animation-delay: 2s;
}

@keyframes shine {
    0% {
        background-size: 0, 0;
    }

    10% {
        background-size: 10% auto, 20% auto;
    }

    80% {
        background-size: 10% auto, 20% auto;
    }

    100% {
        background-size: 0, 0;
    }
}

#subscription-thanks .reflect-img {
    position: relative;
    overflow: hidden;
}

#subscription-thanks .reflect {
    z-index: 100;
    height: 100%;
    width: 10px;
    position: absolute;
    top: -180px;
    left: 0;
    background-color: #ffffff;
    opacity: 0;
    transform: rotate(45deg);
    animation: reflect 2.3s ease-in-out;
}

@keyframes reflect {
    0% {
        transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#subscription-thanks .confetti {
    display: block;
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

#subscription-thanks .confetti .paper {
    opacity: 0;
    position: absolute;
}

#subscription-thanks .confetti .paper:nth-child(odd) {
    animation: confetti1 3.5s ease-in;
}

#subscription-thanks .confetti .paper:nth-child(even) {
    animation: confetti2 3.5s ease-in;
}

#subscription-thanks .confetti .paper.c1 {
    background-color: #79bf7f;
}

#subscription-thanks .confetti .paper.c2 {
    background-color: #51aef1;
}

#subscription-thanks .confetti .paper.c3 {
    background-color: #ffab54;
}

#subscription-thanks .confetti .paper.c4 {
    background-color: #f15383;
}

#subscription-thanks .confetti .paper.c5 {
    background-color: #ac5ab7;
}

@keyframes confetti1 {
    0% {
        opacity: 0;
        transform: translate(0%, 0%) rotate(0deg);
    }

    2% {
        opacity: 1;
    }

    15% {
        transform: translate(500%, -1000%) rotate(270deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-500%, 2500%) rotate(720deg);
    }
}

@keyframes confetti2 {
    0% {
        opacity: 0;
        transform: translateY(0%, 0%) rotate(0deg);
    }

    2% {
        opacity: 1;
    }

    15% {
        transform: translate(-500%, -1800%) rotate(270deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(500%, 2500%) rotate(720deg);
    }
}

#subscription-thanks .thanks-present {
    background: linear-gradient(45deg, #2352fb, #173383);
    color: #ffffff;
    max-width: 400px;
    width: 100%;
    margin: 0 auto 2em;
    font-weight: bold;
}

@media print {

    #subscription-thanks .print-none,
    #subscription-thanks .main-nav {
        display: none;
    }

    #subscription-thanks h2 {
        border-left: solid 5px #359bf2;
        padding-left: 10px;
    }

    #subscription-thanks .bs-table .bs-wrap {
        border-bottom: dotted 1px #999999;
    }

    #subscription-thanks .bs-table .bs-wrap:last-child,
    #subscription-thanks .bs-table .bs-wrap:nth-last-child(3) {
        border: none;
    }
}

@media screen and (max-width: 640px) {
    #subscription-thanks .thanks-explanation {
        text-align: left;
    }

    #subscription-thanks #share p {
        text-align: left;
    }
}

/*------ 螳壽悄雉ｼ蜈･ /subscription ------*/
#subscription-index h3 {
    font-size: 1.2em;
}

#subscription-index .return-wrap {
    width: 100%;
    max-width: 400px;
    margin: auto;
}

/*------ end 螳壽悄雉ｼ蜈･ /subscription ------*/
/*************************
  * 驫€謖ｯ閾ｪ蜍墓ｶ郁ｾｼ讖溯�隱ｬ譏弱�繝ｼ繧ｸ *
  *************************/
#docs-autobank .marker-yellow {
    background: linear-gradient(transparent 70%, #fff100 0%);
    padding-bottom: 2px;
}

#docs-autobank .sp-br,
#docs-autobank .sp-img {
    display: none;
}

#docs-autobank .contents-wrap.flex {
    justify-content: space-between;
}

#docs-autobank #intro .text-wrap {
    width: 60%;
}

#docs-autobank #intro .img-wrap {
    width: 30%;
    margin-right: 7%;
}

#docs-autobank #change-bank .text-wrap {
    width: 52%;
}

#docs-autobank #change-bank .img-wrap {
    width: 43%;
}

#docs-autobank #point .point-hd span {
    display: block;
}

#docs-autobank #point .point-detail.flex {
    justify-content: space-between;
}

#docs-autobank #point .point-frame {
    width: 32%;
    background-color: #ffffff;
    border: solid 3px #53c858;
    padding: 20px;
}

#docs-autobank #point .hd-wrap {
    margin-bottom: 20px;
}

#docs-autobank #point .hd-wrap.flex {
    justify-content: left;
    flex-wrap: nowrap;
}

#docs-autobank #point .hd-wrap img {
    width: 80px;
    height: 80px;
    margin-right: 4%;
}

#docs-autobank #point .attention {
    border: solid 3px #e20000;
    background-color: #ffffff;
    padding: 20px 20px 20px 10px;
}

#docs-autobank #point .attention h3 {
    font-size: 1.17em;
    color: #e20000;
    margin: 0;
}

#docs-autobank #point .attention .attention-wrap {
    padding-left: 10px;
}

@media screen and (max-width: 960px) {
    #docs-autobank #point .point-frame {
        padding: 10px;
    }

    #docs-autobank #point .hd-wrap img {
        width: 60px;
        height: 60px;
    }

    #docs-autobank #point .hd-wrap h3 {
        font-size: 2.3vw;
    }
}

@media screen and (max-width: 768px) {
    #docs-autobank h2 {
        font-size: 1.8em;
    }

    #docs-autobank #intro .text-wrap {
        width: 66%;
    }

    #docs-autobank #intro .img-wrap {
        width: 32%;
        margin-right: 0;
    }

    #docs-autobank #change-bank .img-wrap {
        width: 47%;
    }

    #docs-autobank #point .point-frame {
        width: 33%;
    }

    #docs-autobank #point .hd-wrap img {
        width: 56px;
        height: 56px;
    }
}

@media screen and (max-width: 640px) {
    #docs-autobank h2 {
        font-size: 1.6em;
    }

    #docs-autobank p {
        max-width: 100%;
    }

    #docs-autobank .contents-wrap.flex {
        justify-content: center;
        flex-direction: column-reverse;
    }

    #docs-autobank #intro .text-wrap,
    #docs-autobank #change-bank .text-wrap {
        max-width: 560px;
        width: 100%;
        margin: 0 auto;
    }

    #docs-autobank #intro .img-wrap,
    #docs-autobank #change-bank .img-wrap {
        width: 100%;
        margin: 0 auto 20px;
    }

    #docs-autobank #intro h2 .sp-br {
        display: block;
    }

    #docs-autobank #intro .img-wrap {
        max-width: 320px;
    }

    #docs-autobank #change-bank h2 .sp-br {
        display: block;
    }

    #docs-autobank #change-bank .img-wrap {
        max-width: 420px;
    }

    #docs-autobank #point .point-frame {
        width: 100%;
    }

    #docs-autobank #point .point-frame:not(:last-child) {
        margin-bottom: 10px;
    }

    #docs-autobank #point .hd-wrap.flex {
        align-items: center;
    }

    #docs-autobank #point .hd-wrap img {
        margin-right: 2%;
    }

    #docs-autobank #point .hd-wrap h3 {
        font-size: 1.3em;
    }

    #docs-autobank #point .attention h3 {
        text-align: center;
        font-size: 3.4vw;
    }
}

@media screen and (max-width: 480px) {
    #docs-autobank h2 {
        font-size: 6.4vw;
    }

    #docs-autobank #point .hd-wrap h3 {
        font-size: 1.2em;
    }

    #docs-autobank #point .attention {
        padding: 10px;
    }

    #docs-autobank #point .attention h3 {
        font-size: 1.1em;
        margin-bottom: 10px;
    }

    #docs-autobank #point .attention h3 .sp {
        display: none;
    }

    #docs-autobank #point .attention h3 .sp-br {
        display: block;
    }

    #docs-autobank #point .attention .attention-wrap {
        padding-left: 0;
    }
}

/****** 譛ｬ莠ｺ遒ｺ隱崎ｪｬ譏弱�繝ｼ繧ｸ ******/
#docs-identify h1#mv-title {
    background-position: left;
}

#docs-identify .identify-frame {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    border: solid 1px #333333;
    background-color: white;
}

#docs-identify .identify-status {
    max-width: 420px;
    width: 100%;
    margin: 0 auto 20px;
    border: solid 2px #0086ff;
    border-radius: 3px;
}

#docs-identify .identify-status.error {
    border-color: #e20000;
    background-color: #ffd7d7;
    color: #e20000;
}

#docs-identify #identify-intro .img-wrap {
    max-width: 130px;
    width: 100%;
}

#docs-identify #identify-intro .notes1 {
    width: calc(100% - 130px);
}

#docs-identify #identify-01 .step li {
    width: 23%;
}

#docs-identify #identify-01 .step li img {
    max-width: 180px;
    min-width: 120px;
    width: 50%;
    height: 100%;
}

#docs-identify #identify-01 .step li:nth-child(-n+3) {
    position: relative;
}

#docs-identify #identify-01 .step li:nth-child(-n+3)::after {
    content: "笆ｶ��";
    position: absolute;
    line-height: 1;
    font-size: 1.8em;
    transform: scale(0.8, 1.6);
    height: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -1em;
    z-index: 1;
}

#docs-identify #attention {
    border: solid 3px #e20000;
    background-color: white;
}

#docs-identify #attention h3 {
    color: #e20000;
    font-size: 1.2em;
}

@media screen and (max-width: 786px) {
    #docs-identify #identify-01 .step li {
        width: 100%;
    }

    #docs-identify #identify-01 .step li:nth-child(-n+3)::after {
        width: 0.8em;
        transform: scale(1.6, 0.8) rotate(90deg);
        right: 0;
        left: 0;
        top: auto;
        bottom: -0.8em;
    }

    #docs-identify #identify-01 .step .flex-sp {
        display: flex;
        justify-content: space-between;
    }

    #docs-identify #identify-01 .step .flex-sp p {
        max-width: calc(100% - 200px);
        min-width: calc(100% - 140px);
        width: 50%;
        margin-left: 20px;
    }
}


#user-agree #identify-info {
    border: solid 2px #0086ff;
    background-color: white;
}

@media screen and (max-width: 640px) {
    #user-agree #identify-info {
        background-color: #f5f9ff;
    }
}

.identification-pop #identify-pop {
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.identification-pop #identify-pop .flex {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.identification-pop #identify-wrap {
    width: 80%;
    max-width: 800px;
    position: relative;
}

.identification-pop #identify-wrap img {
    border: solid 1px #dddddd;
}

.identification-pop #identify-wrap #identify-close {
    position: absolute;
    top: -1em;
    right: 0;
    cursor: pointer;
    width: 1em;
    height: 1em;
    font-size: 2em;
    font-weight: bold;
    line-height: 1;
    transition: 0.5s;
    text-shadow: 1px 1px 2px #666666;
}

.identification-pop #identify-wrap #identify-close:before {
    content: "ﾃ�";
    width: 1em;
    height: 1em;
    display: inline-block;
    color: #ffffff;
}

.identification-pop #identify-wrap #identify-close:hover {
    transform: rotateZ(180deg);
}

.identification-pop #identify-wrap .btn-cam {
    background-color: #53c858;
    color: #ffffff;
    border: 1px solid #53c858;
    font-size: 1.2em;
}

.identification-pop #identify-wrap a:hover .btn-cam {
    background-color: #ffffff;
    color: #53c858;
}

.identification-pop .padding-m {
    padding: 40px;
}

@media screen and (max-width: 640px) {
    .identification-pop .padding-m {
        padding: 10px;
    }
}

#identification-wrap .border {
    border: solid 2px;
}

#identification-wrap .border.warning {
    border-color: #e20000;
}

#identification-wrap .border.checking {
    border-color: #0068ff;
}

#identification-wrap .hd {
    padding: 0.5em 10px;
}

#identification-wrap .hd.warn-hd {
    background-color: #e20000;
}

#identification-wrap .hd.check-hd {
    background-color: #0068ff;
}

#identification-wrap .text-wrap {
    padding: 10px;
}

#identification-wrap .img-wrap {
    width: 120px;
}

#identification-wrap .flex p {
    width: calc(100% - 130px);
}

#identification-wrap .error-wrap {
    background-color: #ffd7d7;
}


#docs-ranking-pref {

}

#docs-ranking-pref #rank-hd {
    color: #333333;
}

#docs-ranking-pref #rank-hd .font-s {
    font-size: 0.6em;
}

#docs-ranking-pref #rank-hd img {
    width: 1em;
    vertical-align: baseline;
    margin: 0 4px;
}

#docs-ranking-pref .tab-wrap .select-tab {
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0 0;
    padding: 10px;
    background-color: #e5e5e5;
    text-align: center;
    font-weight: bold;
}

#docs-ranking-pref .tab-wrap .select-tab.active {
    background-color: #0055b2;
    color: white;
}

#docs-ranking-pref .tab-wrap .select-tab:hover {
    cursor: pointer;
}

#docs-ranking-pref .tab-wrap .select-tab .sp-br {
    display: none;
    line-height: 1.2;
}

#docs-ranking-pref .prefW .pref-map {
    background: url(/img/green/data/map-bk.png) center top no-repeat;
    background-size: 100%;
    position: relative;
}

#docs-ranking-pref .prefW .pref-map::before {
    content: "";
    position: absolute;
    background: url(/img/green/data/map-line.png) center top no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#docs-ranking-pref .prefW .pref-map svg {
    width: 100%;
}

#docs-ranking-pref .prefW .pref-map svg .cls-1 {
    fill: #f4f4f4;
}

#docs-ranking-pref .prefW .pref-map svg .rank1 {
    fill: #1a45b4;
}

#docs-ranking-pref .prefW .pref-map svg .rank2 {
    fill: #1b9ef7;
}

#docs-ranking-pref .prefW .pref-map svg .rank3 {
    fill: #23b7af;
}

#docs-ranking-pref .prefW .pref-map svg .rank4,
#docs-ranking-pref .prefW .pref-map svg .rank5,
#docs-ranking-pref .prefW .pref-map svg .rank6,
#docs-ranking-pref .prefW .pref-map svg .rank7,
#docs-ranking-pref .prefW .pref-map svg .rank8,
#docs-ranking-pref .prefW .pref-map svg .rank9,
#docs-ranking-pref .prefW .pref-map svg .rank10 {
    fill: #c2f2dc;
}

#docs-ranking-pref #rank-list {
    border-collapse: collapse;
}

#docs-ranking-pref #rank-list tbody {
    display: block;
    width: 100%;
}

#docs-ranking-pref #rank-list tr {
    background-color: #ffffff;
    padding: 4px 0;
}

#docs-ranking-pref #rank-list tr:nth-child(even) {
    background-color: #f4f4f4;
}

#docs-ranking-pref #rank-list tr:nth-child(-n+3) {
    font-weight: bold;
}

#docs-ranking-pref #rank-list tr:nth-child(n+4) {
    font-size: 0.8em;
}

#docs-ranking-pref #rank-list tr:nth-child(1) td:nth-child(1) {
    position: relative;
    color: transparent;
}

#docs-ranking-pref #rank-list tr:nth-child(1) td:nth-child(1)::before {
    content: "";
    position: absolute;
    background: url(/img/kw/no1.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto;
}

#docs-ranking-pref #rank-list tr:nth-child(2) td:nth-child(1) {
    position: relative;
    color: transparent;
}

#docs-ranking-pref #rank-list tr:nth-child(2) td:nth-child(1)::before {
    content: "";
    position: absolute;
    background: url(/img/kw/no2.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto;
}

#docs-ranking-pref #rank-list tr:nth-child(3) td:nth-child(1) {
    position: relative;
    color: transparent;
}

#docs-ranking-pref #rank-list tr:nth-child(3) td:nth-child(1)::before {
    content: "";
    position: absolute;
    background: url(/img/kw/no3.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto;
}

#docs-ranking-pref #rank-list tr:last-child {
    border-bottom: none;
}

#docs-ranking-pref #rank-list td {
    padding: 4px 8px;
    display: inline-block;
}

#docs-ranking-pref #rank-list td:nth-child(1) {
    width: 51px;
}

#docs-ranking-pref #rank-list td:nth-child(2) {
    width: calc(5em + 16px);
}

#docs-ranking-pref #rank-list td:nth-child(3) {
    width: calc(100% - (5em + 83px));
}

#docs-ranking-pref .btn-cv svg {
    width: 1.4em;
}

#docs-ranking-pref .btn-cv:hover .cls-1 {
    fill: #e56100;
}

@media screen and (max-width: 640px) {
    #docs-ranking-pref #rank-hd {
        font-size: 1.6em;
    }

    #docs-ranking-pref .tab-wrap .select-tab {
        font-size: 0.8em;
    }

    #docs-ranking-pref #rank-list td:nth-child(3) {
        width: 100%;
    }
}

#docs-friend .bg-container {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}

#docs-friend .no-identified {
    color: #E44341;
    max-width: 420px;
    width: 100%;
    margin: 0 auto 20px;
    border: solid 2px #E44341;
    border-radius: 3px;
}

#docs-friend .friend-hd {
    font-size: 1.1em;
    padding: 4px;
}

#docs-friend #friend-intro .width-3-2 .width-2 {
    padding-left: 0;
    padding-right: 2%;
}

#docs-friend #friend-intro .width-3-2 .width-3 {
    padding-right: 0;
    padding-left: 2%;
}

#docs-friend #friend-flow h3 {
    padding: 8px;
    background-color: #53c858;
}

#docs-friend #friend-flow .bg-accent {
    background-color: #FE81B3;
}

#docs-friend #friend-flow .flow-left,
#docs-friend #friend-flow .flow-right {
    width: calc((100% - 90px) / 2);
}

#docs-friend #friend-flow .flow-right img {
    padding: 2em 0 0 2em;
}

#docs-friend #friend-flow .flow-arrow {
    width: 70px;
}

#docs-friend #friend-invite li {
    width: 30%;
}

#docs-friend #friend-invite .btn-wrap a {
    position: relative;
    color: #333;
    font-weight: bold;
    background-color: #F1F5F6;
    padding: 16px;
    border-radius: 3px;
    box-shadow: 0px 0px 8px grey;
}

#docs-friend #friend-invite .btn-wrap a img {
    width: 40px;
    margin-right: 8px;
}

#docs-friend #friend-invite .btn-wrap a span {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#docs-friend #friend-invite .invited-number-wrap {
    font-size: 1.6em;
    border: 2px solid #0196FF;
    width: 100%;
    max-width: 560px;
    margin: auto;
    padding: 16px;
}

#docs-friend #friend-invite .invited-number-wrap img {
    width: 40px;
    margin-right: 8px;
}

#docs-friend #friend-invite .invited-number-wrap .inside-text {
    color: #fff;
    background: #0196FF;
    padding: 8px;
    margin-right: 16px;
}

#docs-friend #friend-invite .invited-number-wrap .font-emphasis {
    font-size: 1.8em;
    line-height: 1;
}

#docs-friend #friend-wat ul {
    max-width: 715px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

#docs-friend #friend-wat li {
    width: 46.15%;
}

#docs-friend #friend-wat .mv-title {
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 10px;
}

#docs-friend #friend-wat .mv-wrap {
    position: relative;
    padding-bottom: 177.78%;
    height: 0;
    overflow: hidden;
}

#docs-friend #friend-notes .notes-wrap {
    border: solid 2px #e20000;
}

#docs-friend #friend-notes .notes-wrap h3 {
    background-color: #e20000;
    max-width: none;
}

@media screen and (max-width: 980px) {
    #docs-friend #friend-invite li {
        width: 100%;
        max-width: 560px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 640px) {
    #docs-friend #friend-invite .invited-number-wrap .inside-text {
        font-size: 0.9em;
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }

    #docs-friend #friend-wat ul {
        overflow-x: scroll;
        white-space: nowrap;
        display: block;
    }

    #docs-friend #friend-wat li {
        width: 92%;
        display: inline-block;
    }

    #docs-friend #friend-wat .mv-title {
        font-size: 1.3em;
    }
}

/********
  * lp蜈ｱ騾� *
  ********/
/*-------- 螳溽ｸｾ -------*/
#lp-data {
    /*-------- 繝ｬ繧ｹ繝昴Φ繧ｷ繝� -------*/
}

#lp-data #data .trp {
    border-top: 25px solid #ffffff;
}

#lp-data #data ul {
    justify-content: space-between;
}

#lp-data #data li {
    width: 24%;
    border: 5px solid #53c858;
    border-radius: 15px;
    margin-bottom: 2%;
    padding: 0 5px 20px;
    background: #ffffff;
    text-align: center;
}

#lp-data #data li h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
    font-size: 1.1em;
    color: #0092dd;
    padding-top: 10px;
    width: 100%;
}

#lp-data #data li h3 .data-no {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 50px;
    align-self: flex-start;
    padding-top: 10px;
    height: 70px;
    margin: -16px 10px 0 0;
    background: url(/img/lp18/a/ribbon_01.png) left top no-repeat;
    background-size: 100% 100%;
    font-size: 1.5em;
}

#lp-data #data li h3 .data-hd {
    width: calc(100% - 60px);
}

#lp-data #data li .data-txt {
    width: 100%;
}

#lp-data #data li .font-s {
    font-size: 0.7em;
    text-align: left;
}

#lp-data #data li img {
    max-width: 400px;
    width: 100%;
}

@media screen and (max-width: 840px) {
    #lp-data #data ul {
        max-width: 500px;
        margin: 0 auto;
    }

    #lp-data #data li {
        width: 48%;
    }
}

@media screen and (max-width: 480px) {
    #lp-data #data ul {
        max-width: 400px;
    }

    #lp-data #data li {
        width: 100%;
    }

    #lp-data #data li img {
        max-width: 220px;
    }
}

/*
  *
  *繝ｩ繝ｳ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ:蜑ｯ讌ｭ
  *
  */
#lp-lp11a {
    color: #333;
    /*---------- 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ----------*/
    /*---------- 繧ｹ繝�ャ繝� ----------*/
    /*---------- 豈碑ｼ� ----------*/
    /*---------- 迚ｹ蠕ｴ   ----------*/
    /*---------- 逹ｦ豐｢逕ｺ ----------*/
    /*---------- 蜿主�繝｢繝�Ν繧ｱ繝ｼ繧ｹ ----------*/
    /*---------- 雉ｪ蝠� ----------*/
}

#lp-lp11a h2 {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.5em;
}

#lp-lp11a h3 {
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
}

#lp-lp11a h4 {
    text-align: center;
    font-weight: bold;
}

#lp-lp11a .hd-small {
    font-size: 0.6em;
    display: block;
}

#lp-lp11a .txt-orange {
    color: #F78D3F;
}

#lp-lp11a .w-block {
    display: block;
}

#lp-lp11a .note {
    font-size: 0.7em;
}

#lp-lp11a .line-orange {
    background: linear-gradient(transparent 65%, rgba(247, 141, 63, 0.5) 0%);
    font-weight: bold;
    padding-bottom: 5px;
    display: inline !important;
}

#lp-lp11a .line-yellow {
    background: linear-gradient(transparent 65%, #FCD271 0%);
    font-weight: bold;
    display: inline !important;
}

#lp-lp11a .cmn-btn {
    color: white;
    max-width: 500px;
    width: 100%;
    padding: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 1.3em;
    border-radius: 5px;
}

#lp-lp11a .btn-lp11-main {
    background: #2BBBD8;
}

#lp-lp11a ul,
#lp-lp11a ol,
#lp-lp11a dl {
    padding-left: 0;
}

#lp-lp11a sup,
#lp-lp11a .sup {
    font-size: 0.7em;
}

#lp-lp11a header {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 15px;
}

#lp-lp11a header .lp-logo {
    width: 200px;
}

#lp-lp11a header a {
    margin-bottom: 0;
}

#lp-lp11a header a img {
    background: white;
}

#lp-lp11a #hero {
    background: #2BBBD8;
    color: white;
}

#lp-lp11a #hero #hero-wrap {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0 30px;
}

#lp-lp11a #hero h1 {
    text-align: left;
    position: relative;
    z-index: 99;
}

#lp-lp11a #hero h1 .h1-s {
    font-size: 0.6em;
}

#lp-lp11a #hero h1 .h1-m {
    font-size: 0.75em;
}

#lp-lp11a #hero h1 .h1-l {
    font-size: 1.6em;
}

#lp-lp11a #hero #mv-img {
    max-width: 580px;
    width: 50%;
    min-width: 220px;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 98;
}

#lp-lp11a #hero ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #102E37;
    font-weight: bold;
    position: relative;
    z-index: 99;
    max-width: 1100px;
    padding: 0 5px;
    margin: 80px auto 0 !important;
}

#lp-lp11a #hero ul li {
    width: 24%;
    max-width: 220px;
}

#lp-lp11a #step ol {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
    margin: 0 auto 50px;
}

#lp-lp11a #step ol li {
    width: 31%;
    text-align: center;
    background: white;
    border: 2px solid #333;
    border-radius: 10px;
    padding: 10px;
}

#lp-lp11a #step ol li h3 {
    font-size: 1em;
}

#lp-lp11a #step ol li h3 .txt-orange {
    color: #F78D3F;
    font-size: 1.2em;
    margin-top: 1em;
}

#lp-lp11a #step ol li img {
    max-width: 200px;
}

#lp-lp11a #step ol li .sup {
    margin: 1em 0 0;
}

#lp-lp11a #step ol li:nth-child(2) {
    margin: 0 3.5%;
}

#lp-lp11a #compare {
    background: #FFF4E5;
}

#lp-lp11a #compare h2 .font-l {
    font-size: 1.2em;
}

#lp-lp11a #compare table {
    background: white;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #333;
    border-collapse: collapse;
    table-layout: fixed;
}

#lp-lp11a #compare table thead {
    font-size: 0.8em;
}

#lp-lp11a #compare table th,
#lp-lp11a #compare table td {
    border: 1px solid #333;
    padding: 5px 2px;
}

#lp-lp11a #compare table th span,
#lp-lp11a #compare table td span {
    font-size: 0.8em;
}

#lp-lp11a #compare table .th-fixed {
    width: 200px;
}

#lp-lp11a #compare table #tr-change th {
    padding: 0 20px;
}

#lp-lp11a #compare #compare-text {
    background: #F78D3F;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    max-width: 800px;
    margin: 30px auto;
}

#lp-lp11a #feature {
    background: #2BBBD8;
}

#lp-lp11a #feature h2 {
    color: white;
}

#lp-lp11a #feature ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-lp11a #feature ul li {
    width: 49%;
    background-color: white;
    border-radius: 10px;
    margin-bottom: 2%;
    padding: 30px 15px 15px;
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: center bottom 15px;
}

#lp-lp11a #feature ul h3 {
    color: #102E37;
}

#lp-lp11a #mutsuzawa h3 {
    font-size: 1.2em;
}

#lp-lp11a #mutsuzawa #ex-text dt {
    text-align: left;
}

#lp-lp11a #mutsuzawa #rate-of-retern {
    border: 1px solid #999;
    border-radius: 15px;
    font-size: 1.2em;
    padding: 5px;
}

#lp-lp11a #model #simulation {
    text-align: center;
}

#lp-lp11a #model #simulation .simu-hd {
    display: inline-block;
    background: #F78D3F;
    color: white;
    padding: 12px 24px;
    border-radius: 50px;
}

#lp-lp11a #model #simulation .simu-hd .sp-br {
    display: none;
}

#lp-lp11a #model #simulation .img-wrap {
    padding: 30px;
    border: 1px solid #999;
    background: white;
}

#lp-lp11a #model #simulation .img-wrap img {
    padding: 30px 20px 0;
}

#lp-lp11a #return-ex h2 {
    text-align: left;
}

#lp-lp11a #return-ex h2 span {
    border-bottom: 4px solid #F78D3F;
}

#lp-lp11a #return-ex ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}

#lp-lp11a #return-ex ul li {
    width: 31%;
    text-align: center;
}

#lp-lp11a #return-ex ul li .ex-man {
    max-width: 170px;
    width: 80%;
    margin: 0 auto;
}

#lp-lp11a #return-ex ul li .ex {
    position: relative;
    z-index: 99;
    width: 300px;
    height: 300px;
    padding: 50px 30px 0;
    background: #2BBBD8;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1em;
    margin-top: -30px;
}

#lp-lp11a #return-ex ul li .ex dl {
    line-height: 1.4em;
}

#lp-lp11a #return-ex ul li .ex dt {
    text-align: left;
}

#lp-lp11a #return-ex ul li .ex dd {
    text-align: right;
    font-size: 1.7em;
    margin-bottom: 0.3em;
}

#lp-lp11a #return-ex ul li .ex .font-l {
    font-size: 1.6em;
}

#lp-lp11a #return-ex ul li .ex .font-s {
    font-size: 0.7em;
}

#lp-lp11a .topic-return ul li .ex p {
    line-height: 1.2;
}

#lp-lp11a .topic-return ul li .ex dl {
    line-height: 1.5;
}

#lp-lp11a .topic-return #wat-sell {
    text-align: center;
    color: #102E37;
}

#lp-lp11a .topic-return #wat-sell #formula {
    background: #f7f8fa;
    font-weight: bold;
    font-size: 1.2em;
}

#lp-lp11a .topic-return #wat-sell #formula br {
    display: none;
}

#lp-lp11a #content-qa {
    background: #2BBBD8;
    line-height: 1.6;
}

#lp-lp11a #content-qa h2 {
    font-size: 2em;
}

#lp-lp11a #content-qa #qa-bk {
    background: #fff;
}

#lp-lp11a #content-qa dl {
    margin: 0;
}

#lp-lp11a #content-qa dt {
    margin-bottom: 1.5em;
    font-size: 1.3em;
    position: relative;
    padding: 10px 0 0 50px;
}

#lp-lp11a #content-qa dt:before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(/img/lp/icon-q.png) left top no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

#lp-lp11a #content-qa dd {
    text-align: left;
    margin-bottom: 3em;
    position: relative;
    padding: 10px 0 30px 50px;
}

#lp-lp11a #content-qa dd.qa-last {
    border-bottom: none;
}

#lp-lp11a #content-qa dd:before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(/img/lp/icon-a.png) left top no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

#lp-lp11a .regist {
    text-align: center;
}

#lp-lp11a .regist p {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-lp11a .regist-bk {
    background: url(/img/common/bg_ft.jpg) center center no-repeat;
    background-size: cover;
    color: white;
    text-align: center;
}

#lp-lp11a .regist-bk p {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-lp11a .regist-bk .cv-text {
    font-size: 0.9em;
}

#lp-lp11a .regist-bk .regist-wrap {
    width: calc(100% - 50px);
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 15px 30px;
    color: #333;
    border-radius: 15px;
    position: relative;
}

#lp-lp11a .regist-bk .regist-wrap .form-text {
    font-size: 1em;
    text-align: left;
}

#lp-lp11a .regist-bk .regist-wrap form h2 {
    margin-bottom: 0;
}

#lp-lp11a #regist-banner {
    width: 100%;
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 999;
    text-align: center;
}

#lp-lp11a #regist-banner .flex {
    display: flex;
    justify-content: center;
    border-top: 1px solid #3378bd;
    background: linear-gradient(to bottom, #3378bd 0%, #72b0f1 60%, #83bbf5 100%);
}

#lp-lp11a #regist-banner .flex a {
    width: 50%;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    padding: 5px 0;
    line-height: 1.2;
}

#lp-lp11a #regist-banner .flex a:hover {
    opacity: 1;
}

#lp-lp11a #regist-banner .flex a#lp-contact {
    background: white;
    color: #369cf3;
    padding-top: 0.9em;
}

#lp-lp11a #regist-banner .flex a#lp-contact:hover {
    color: #F78D3F;
}

#lp-lp11a #regist-banner .flex a#lp-regist {
    background: transparent;
    color: white;
}

#lp-lp11a #regist-banner .flex a#lp-regist span.font-s {
    font-size: 0.6em;
}

#lp-lp11a #regist-banner .flex a#lp-regist:hover {
    background: #F78D3F;
}

#lp-lp11a footer {
    color: #333;
}

@media screen and (max-width: 959px) {
    #lp-lp11a h2 {
        font-size: 1.5em;
    }

    #lp-lp11a h3 {
        font-size: 1.2em;
    }

    #lp-lp11a #hero #mv-img {
        width: 50%;
        right: 10px;
        bottom: 80px;
        top: auto;
    }

    #lp-lp11a #step h3 .w-block {
        display: inline;
    }

    #lp-lp11a #return-ex ul li .ex {
        width: 240px;
        height: 240px;
        font-size: 1em;
        padding: 30px 35px 0;
    }

    #lp-lp11a .regist p,
    #lp-lp11a .regist-bk p {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 768px) {
    #lp-lp11a #model #simulation .img-wrap {
        padding: 10px;
    }

    #lp-lp11a #model #simulation .img-wrap img {
        padding: 0;
    }

    #lp-lp11a #model #simulation .simu-hd {
        font-size: 1em;
        padding: 8px 12px;
    }

    #lp-lp11a #return-ex ul li .ex-man {
        max-width: 150px;
    }

    #lp-lp11a #return-ex ul li .ex {
        width: 210px;
        height: 210px;
        font-size: 0.8em;
    }

    #lp-lp11a .topic-return #wat-sell {
        text-align: left;
    }

    #lp-lp11a .topic-return #wat-sell #formula {
        font-size: 1em;
    }

    #lp-lp11a .topic-return #wat-sell #formula br {
        display: block;
    }
}

@media screen and (max-width: 679px) {
    #lp-lp11a h2 {
        font-size: 1.2em;
    }

    #lp-lp11a h3 {
        font-size: 1em;
    }

    #lp-lp11a #hero h1 {
        font-size: 2em;
    }

    #lp-lp11a #step h2 .w-block {
        display: inline;
    }

    #lp-lp11a #step ol li {
        width: 100%;
    }

    #lp-lp11a #step ol li:nth-child(2) {
        margin: 2% 0;
    }

    #lp-lp11a #compare .main-text {
        text-align: left !important;
    }

    #lp-lp11a #feature ul li h3 {
        font-size: 1.1em;
    }

    #lp-lp11a #mutsuzawa .main-text {
        text-align: left !important;
    }

    #lp-lp11a #return-ex ul {
        max-width: 450px;
    }

    #lp-lp11a #return-ex ul li {
        width: 100%;
        margin-bottom: 20px;
        display: flex;
        align-items: flex-end;
    }

    #lp-lp11a #return-ex ul li .ex-man {
        width: auto;
    }

    #lp-lp11a #return-ex ul li .ex {
        margin-top: 0;
        width: 280px;
        height: 280px;
        font-size: 1em;
        padding: 50px 35px 0;
    }

    #lp-lp11a .regist p,
    #lp-lp11a .regist-bk p {
        font-size: 1em;
    }
}

@media screen and (max-width: 647px) {
    #lp-lp11a #hero h1 {
        font-size: 1.6em;
    }

    #lp-lp11a #hero #hero-wrap {
        padding: 80px 0 20px;
    }

    #lp-lp11a #hero ul {
        margin: 120px auto 0 !important;
    }
}

@media screen and (max-width: 559px) {
    #lp-lp11a #feature ul li {
        width: 100%;
    }

    #lp-lp11a #compare table {
        font-size: 0.9em;
    }

    #lp-lp11a #compare table th,
    #lp-lp11a #compare table td {
        width: 25% !important;
    }

    #lp-lp11a #compare table th span,
    #lp-lp11a #compare table td span {
        font-size: 0.6em;
    }

    #lp-lp11a #compare table .th-fixed {
        font-size: 0.8em;
    }

    #lp-lp11a #compare table #tr-change th {
        padding: 5px 2px;
    }

    #lp-lp11a #compare #compare-text {
        font-size: 1em;
    }
}

@media screen and (max-width: 479px) {
    #lp-lp11a {
        /*---------- 雉ｪ蝠� ----------*/
    }

    #lp-lp11a #hero #mv-img {
        bottom: 50px;
    }

    #lp-lp11a #step h2 {
        font-size: 1em;
    }

    #lp-lp11a #model #simulation .simu-hd {
        width: 100%;
        font-size: 0.8em;
    }

    #lp-lp11a #model #simulation .simu-hd .sp-br {
        display: block;
    }

    #lp-lp11a #return-ex ul li {
        justify-content: center;
    }

    #lp-lp11a #return-ex ul li .ex-man {
        max-width: 100px;
        margin: 0;
    }

    #lp-lp11a #return-ex ul li .ex {
        width: 200px;
        height: 200px;
        font-size: 0.7em;
        padding: 30px 30px 0;
    }

    #lp-lp11a #content-qa {
        padding: 15px;
    }

    #lp-lp11a #content-qa h2 {
        font-size: 1.6em;
    }

    #lp-lp11a #content-qa #qa-bk {
        padding: 15px 5px;
    }

    #lp-lp11a #content-qa dt {
        padding: 0 0 0 40px;
        font-size: 1em;
    }

    #lp-lp11a #content-qa dd {
        padding: 20px 0 30px 15px;
        margin-bottom: 30px;
    }

    #lp-lp11a #content-qa dt:before,
    #lp-lp11a #content-qa dd:before {
        width: 30px;
        height: 30px;
        top: -10px;
    }

    #lp-lp11a .regist p,
    #lp-lp11a .regist-bk p {
        font-size: 0.9em;
    }

    #lp-lp11a #regist-banner .flex a {
        font-size: 1em;
    }
}

/*
  *
  *繝ｩ繝ｳ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ:雋ｯ驥�
  *
  */
#lp-lp12a {
    color: #333333;
    /*---------- 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ----------*/
    /*---------- 蜷�膚蜩� ----------*/
    /*---------- 繝昴う繝ｳ繝� ----------*/
    /*---------- 繧ｹ繝�ャ繝� ----------*/
    /*---------- 闌ょ次 ----------*/
    /*---------- 繝｢繝�Ν繧ｱ繝ｼ繧ｹ ----------*/
    /*---------- Q&A ----------*/
    /*---------- PS -----------*/
    /*---------- 逋ｻ骭ｲ ----------*/
}

#lp-lp12a #contents-main {
    padding: 10px;
}

#lp-lp12a section {
    background: #FDF7ED;
    margin-bottom: 10px;
}

#lp-lp12a h2 {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.5em;
}

#lp-lp12a h3 {
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
}

#lp-lp12a h4 {
    text-align: center;
    font-weight: bold;
}

#lp-lp12a .hd-small {
    font-size: 0.6em;
    display: block;
}

#lp-lp12a .w-block {
    display: block;
}

#lp-lp12a .note {
    font-size: 0.7em;
}

#lp-lp12a .line-orange {
    background: linear-gradient(transparent 65%, #FCAF3C 0%);
    font-weight: bold;
    padding-bottom: 5px;
    display: inline !important;
}

#lp-lp12a .line-red {
    background: linear-gradient(transparent 65%, rgba(242, 53, 53, 0.5) 0%);
    font-weight: bold;
    display: inline !important;
}

#lp-lp12a .btm-hd:after {
    display: block;
    content: "";
    width: 50px;
    height: 5px;
    background: #FCAF3C;
    margin: 5px auto 10px;
}

#lp-lp12a .cmn-btn {
    color: white;
    max-width: 500px;
    width: 100%;
    padding: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 1.3em;
    border-radius: 5px;
}

#lp-lp12a .btn-lp12-main {
    background: #A2D6AA;
    color: #333333;
}

#lp-lp12a .btn-lp12-regist {
    background: #FCAF3C;
}

#lp-lp12a .btn-effect {
    position: relative;
    overflow: hidden;
}

#lp-lp12a .btn-effect:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 2em;
    display: block;
    position: absolute;
    top: 0;
    left: -4.5em;
    transform: skewX(-45deg);
    animation: trX 10s ease-in-out 0s infinite;
}

@keyframes trX {
    0% {
        left: -5em;
    }

    92% {
        left: -5em;
    }

    100% {
        left: 25em;
    }
}

#lp-lp12a ul,
#lp-lp12a ol,
#lp-lp12a dl {
    padding-left: 0;
}

#lp-lp12a sup,
#lp-lp12a .sup {
    font-size: 0.7em;
}

#lp-lp12a .font-l {
    font-size: 1.6em;
}

#lp-lp12a .font-s {
    font-size: 0.7em;
}

#lp-lp12a header {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 25px;
}

#lp-lp12a header .lp-logo {
    width: 200px;
}

#lp-lp12a header a {
    margin-bottom: 0;
}

#lp-lp12a header a img {
    background: white;
}

#lp-lp12a #hero {
    background: #A2D6AA;
}

#lp-lp12a #hero #hero-wrap {
    padding: 100px 2% 30px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

#lp-lp12a #hero #mv-text {
    width: 50%;
    max-width: 550px;
}

#lp-lp12a #hero #mv-text p {
    font-size: 0.9em;
    font-weight: bold;
}

#lp-lp12a #hero h1 {
    color: #333333;
    text-align: center;
    max-width: 480px;
    margin: 0 auto 15px;
    font-size: 3em;
}

#lp-lp12a #hero h1 .h1-wh {
    background: #FCAF3C;
    color: white;
    padding: 5px;
}

#lp-lp12a #hero h1 .h1-s {
    font-size: 0.6em;
}

#lp-lp12a #hero h1 .h1-m {
    font-size: 0.75em;
}

#lp-lp12a #hero h1 .h1-l {
    font-size: 1.6em;
    line-height: 1em;
}

#lp-lp12a #hero #mv-img {
    max-width: 500px;
    width: 46%;
    min-width: 220px;
}

#lp-lp12a #intro {
    font-weight: bold;
}

#lp-lp12a #intro ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#lp-lp12a #intro ul#intro-img {
    margin-bottom: 0;
}

#lp-lp12a #intro ul#intro-img li {
    width: 25%;
}

#lp-lp12a #intro #intro-text {
    background: #A2D6AA;
    padding: 20px;
    text-align: center;
    font-size: 1.3em;
    margin-top: 0;
}

#lp-lp12a #intro #next p {
    font-size: 1.5em;
    text-align: center;
}

#lp-lp12a #intro ul#intro-ex li {
    width: 13%;
    text-align: center;
    position: relative;
}

#lp-lp12a #intro ul#intro-ex li a {
    padding: 5px 0;
    background: white;
    border: 2px solid #FCAF3C;
    display: block;
    color: #333333;
    height: 100%;
    padding-bottom: 10px;
}

#lp-lp12a #intro ul#intro-ex li span {
    position: absolute;
    bottom: 0;
    left: 43%;
    color: #FCAF3C;
}

#lp-lp12a #feature #product {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-lp12a #feature #product li {
    width: 24%;
    border: 3px solid #A2D6AA;
    background: white;
    padding: 10px;
    margin-bottom: 1.3%;
}

#lp-lp12a #feature #product li dl {
    margin: 10px 0;
}

#lp-lp12a #feature #product li dl dt {
    font-size: 0.85em;
    font-weight: normal;
    float: left;
}

#lp-lp12a #feature #product li dl dd {
    border-bottom: 2px solid #333333;
    font-weight: bold;
    margin-bottom: 5px;
}

#lp-lp12a #feature #product li dl dd .font-s {
    font-size: 0.65em;
}

#lp-lp12a #feature #product li h3 {
    background: #A2D6AA;
    border-radius: 10px;
}

#lp-lp12a #feature #product li p {
    font-size: 0.85em;
    margin-bottom: 0;
}

#lp-lp12a #feature #product li .sp-more {
    display: none;
}

#lp-lp12a #feature #product li .detail {
    display: block;
}

#lp-lp12a #feature #product li#product1 {
    border: 3px solid #FCAF3C;
}

#lp-lp12a #feature #product li#product1 h3 {
    background: #FCAF3C;
}

#lp-lp12a #feature #product .change {
    margin-top: 1em;
}

#lp-lp12a #feature #product .change h4 {
    background: #FCAF3C;
    color: white;
    border-radius: 10px;
    font-size: 1em;
    margin-bottom: 5px;
}

#lp-lp12a #feature #product .change ul {
    margin: 0;
}

#lp-lp12a #feature #product .change li {
    border: none;
    width: 100%;
    padding: 0;
    font-size: 0.8em;
    font-weight: bold;
}

#lp-lp12a #point ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-lp12a #point ul li {
    width: 19%;
}

#lp-lp12a #step ol {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
    margin: 0 auto 50px;
}

#lp-lp12a #step ol li {
    width: 31%;
    text-align: center;
    background: white;
    border: 2px solid #333333;
    border-radius: 10px;
    padding: 10px;
}

#lp-lp12a #step ol li h3 {
    font-size: 1em;
}

#lp-lp12a #step ol li h3 .txt-orange {
    color: #FCAF3C;
    font-size: 1.2em;
    margin-top: 1em;
}

#lp-lp12a #step ol li img {
    max-width: 200px;
}

#lp-lp12a #step ol li .sup {
    margin: 1em 0 0;
}

#lp-lp12a #step ol li:nth-child(2) {
    margin: 0 3.5%;
}

#lp-lp12a #mobara h2 .line-orange {
    white-space: nowrap;
}

#lp-lp12a #mobara h3 {
    font-size: 1.2em;
}

#lp-lp12a #model #simulation {
    text-align: center;
}

#lp-lp12a #model #simulation .simu-hd {
    display: inline-block;
    background: #FCAF3C;
    color: white;
    padding: 12px 24px;
    border-radius: 50px;
}

#lp-lp12a #model #simulation .simu-hd .sp-br {
    display: none;
}

#lp-lp12a #model #simulation .img-wrap {
    padding: 30px;
    border: 1px solid #999;
    background: white;
}

#lp-lp12a #model #simulation .img-wrap img {
    padding: 30px 20px 0;
}

#lp-lp12a #return-ex h2 {
    text-align: left;
}

#lp-lp12a #return-ex h2 span {
    border-bottom: 4px solid #FCAF3C;
}

#lp-lp12a #return-ex ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}

#lp-lp12a #return-ex ul li {
    width: 31%;
    text-align: center;
    position: relative;
    padding-bottom: 9%;
}

#lp-lp12a #return-ex ul li .ex-man {
    max-width: 150px;
    width: 40%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
}

#lp-lp12a #return-ex ul li .ex {
    position: relative;
    z-index: 99;
    width: 290px;
    height: 290px;
    padding: 40px 30px 0;
    background: #A2D6AA;
    border-radius: 50%;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1em;
}

#lp-lp12a #return-ex ul li .ex dl {
    line-height: 1.4em;
}

#lp-lp12a #return-ex ul li .ex dt {
    text-align: left;
}

#lp-lp12a #return-ex ul li .ex dd {
    text-align: right;
    font-size: 1.7em;
    margin-bottom: 0.3em;
}

#lp-lp12a #return-ex #wat-sell {
    text-align: center;
}

#lp-lp12a #return-ex #wat-sell #formula {
    background: white;
    font-weight: bold;
    color: #333333;
    font-size: 1.2em;
}

#lp-lp12a #return-ex #wat-sell #formula br {
    display: none;
}

#lp-lp12a #return-ex .topic-return ul li .ex {
    padding: 50px 40px 0;
}

#lp-lp12a #return-ex .topic-return ul li .ex p {
    line-height: 1.1;
}

#lp-lp12a #qa dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-lp12a #qa .qa-wrap {
    width: 32%;
    border: 3px solid #A2D6AA;
    margin-bottom: 2%;
    background: white;
}

#lp-lp12a #qa .qa-wrap dt {
    background: #A2D6AA;
    padding: 10px 5px;
}

#lp-lp12a #qa .qa-wrap dt:before {
    content: "Q.";
    font-weight: bold;
    font-size: 1.3em;
}

#lp-lp12a #qa .qa-wrap dd {
    padding: 10px 5px;
    text-align: left;
    font-size: 0.85em;
}

#lp-lp12a #qa .qa-wrap dd:before {
    content: "A.";
    font-weight: bold;
    font-size: 1.3em;
}

#lp-lp12a #ps {
    background: url(/img/hd/hd_green.jpg) center top no-repeat;
    background-size: cover;
    color: white;
    margin-bottom: 10px;
}

#lp-lp12a #ps #ps-bk {
    background: rgba(0, 0, 0, 0.5);
}

#lp-lp12a #ps h2 {
    color: white;
}

#lp-lp12a #ps h2 img {
    width: 100px;
    margin: 0 auto 4px;
}

#lp-lp12a .regist {
    text-align: center;
}

#lp-lp12a .regist p {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-lp12a .regist-bk {
    background: url(/img/common/bg_ft.jpg) center top no-repeat;
    background-size: cover;
    color: white;
    text-align: center;
    margin-bottom: 10px;
}

#lp-lp12a .regist-bk p {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-lp12a #regist-banner {
    width: 100%;
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 999;
    text-align: center;
}

#lp-lp12a #regist-banner .flex {
    display: flex;
    justify-content: center;
    border-top: 1px solid #3378bd;
    background: linear-gradient(to bottom, #3378bd 0%, #72b0f1 60%, #83bbf5 100%);
}

#lp-lp12a #regist-banner .flex a {
    width: 50%;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    padding: 5px 0;
    line-height: 1.2;
}

#lp-lp12a #regist-banner .flex a:hover {
    opacity: 1;
}

#lp-lp12a #regist-banner .flex a#lp-contact {
    background: white;
    color: #369cf3;
    padding-top: 0.9em;
}

#lp-lp12a #regist-banner .flex a#lp-contact:hover {
    color: #FCAF3C;
}

#lp-lp12a #regist-banner .flex a#lp-regist {
    background: transparent;
    color: white;
}

#lp-lp12a #regist-banner .flex a#lp-regist span.font-s {
    font-size: 0.6em;
}

#lp-lp12a #regist-banner .flex a#lp-regist:hover {
    background: #FCAF3C;
}

#lp-lp12a footer {
    color: #333333;
}

@media screen and (max-width: 1199px) {
    #lp-lp12a #hero h1 {
        font-size: 2.4em;
        max-width: 400px;
    }

    #lp-lp12a #hero h1 .h1-m {
        font-size: 0.7em;
    }
}

@media screen and (max-width: 959px) {
    #lp-lp12a h2 {
        font-size: 1.5em;
    }

    #lp-lp12a h3 {
        font-size: 1.2em;
    }

    #lp-lp12a #intro ul#intro-ex li {
        font-size: 0.8em;
    }

    #lp-lp12a #feature #product li {
        width: 49%;
    }

    #lp-lp12a #return-ex ul li {
        padding-bottom: 5%;
    }

    #lp-lp12a #return-ex ul li .ex {
        width: 230px;
        height: 230px;
        padding: 35px 20px 0;
        font-size: 0.8em;
    }

    #lp-lp12a #return-ex .topic-return ul li .ex {
        padding: 38px 20px 0;
    }

    #lp-lp12a #qa .qa-wrap {
        width: 49%;
    }

    #lp-lp12a .regist p,
    #lp-lp12a .regist-bk p {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 768px) {
    #lp-lp12a #hero h1 {
        font-size: 2em;
    }

    #lp-lp12a #intro ul#intro-ex {
        justify-content: center;
    }

    #lp-lp12a #intro ul#intro-ex li {
        width: 23%;
        margin: 0 1% 1%;
    }

    #lp-lp12a #feature #product li .sp-more {
        display: block;
        font-weight: bold;
    }

    #lp-lp12a #feature #product li .sp-more:before {
        content: "+";
        width: 1.5em;
        height: 1.5em;
        background: #333333;
        color: white;
        border-radius: 50%;
        display: inline-block;
        margin-right: 5px;
    }

    #lp-lp12a #feature #product li .sp-more.active:before {
        content: "繝ｼ";
    }

    #lp-lp12a #feature #product li .detail {
        display: none;
    }

    #lp-lp12a #model #simulation .img-wrap {
        padding: 10px;
    }

    #lp-lp12a #model #simulation .img-wrap img {
        padding: 0;
    }

    #lp-lp12a #model #simulation .simu-hd {
        font-size: 1em;
        padding: 8px 12px;
    }

    #lp-lp12a #return-ex ul li .ex {
        width: 200px;
        height: 200px;
        font-size: 0.65em;
    }

    #lp-lp12a #return-ex #wat-sell {
        text-align: left;
    }

    #lp-lp12a #return-ex #wat-sell #formula {
        font-size: 1em;
    }

    #lp-lp12a #return-ex #wat-sell #formula br {
        display: block;
    }
}

@media screen and (max-width: 679px) {
    #lp-lp12a #contents-main {
        padding: 7px;
    }

    #lp-lp12a .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    #lp-lp12a h2 {
        font-size: 1.2em;
    }

    #lp-lp12a h3 {
        font-size: 1em;
    }

    #lp-lp12a #hero h1 {
        font-size: 1.7em;
    }

    #lp-lp12a #intro #intro-text {
        font-size: 1em;
    }

    #lp-lp12a #intro #next p {
        font-size: 1em;
    }

    #lp-lp12a #step ol li {
        width: 100%;
    }

    #lp-lp12a #step ol li:nth-child(2) {
        margin: 2% 0;
    }

    #lp-lp12a #mobara .main-text {
        text-align: left !important;
    }

    #lp-lp12a #return-ex ul {
        max-width: 400px;
    }

    #lp-lp12a #return-ex ul li {
        width: 100%;
        padding-bottom: 45px;
    }

    #lp-lp12a #return-ex ul li .ex {
        width: 280px;
        height: 280px;
        font-size: 1em;
        margin: 0 auto;
    }

    #lp-lp12a .regist p,
    #lp-lp12a .regist-bk p {
        font-size: 1em;
    }
}

@media screen and (max-width: 639px) {
    #lp-lp12a #hero #hero-wrap {
        justify-content: center;
    }

    #lp-lp12a #hero #mv-text {
        width: 100%;
        max-width: 450px;
    }

    #lp-lp12a #hero h1 {
        font-size: 2em;
    }

    #lp-lp12a #hero h1 .h1-wh {
        max-width: 300px;
        margin: 0 auto;
    }

    #lp-lp12a #hero #mv-img {
        max-width: 200px;
        width: 100%;
        margin: 0 auto;
    }

    #lp-lp12a #ps h2 img {
        width: 80px;
    }
}

@media screen and (max-width: 559px) {
    #lp-lp12a #intro #intro-text {
        padding: 10px;
    }

    #lp-lp12a #intro #intro-text br {
        display: none;
    }

    #lp-lp12a #model #simulation .simu-hd {
        width: 100%;
        font-size: 0.8em;
    }

    #lp-lp12a #model #simulation .simu-hd .sp-br {
        display: block;
    }
}

@media screen and (max-width: 479px) {
    #lp-lp12a .cmn-btn {
        font-size: 1em;
    }

    #lp-lp12a #hero h1 {
        font-size: 1.8em;
    }

    #lp-lp12a #intro ul#intro-img li {
        width: 50%;
    }

    #lp-lp12a #intro ul#intro-ex {
        justify-content: flex-start;
    }

    #lp-lp12a #intro ul#intro-ex li {
        width: 31%;
        font-size: 0.8em;
    }

    #lp-lp12a #intro ul#intro-ex li span {
        left: 40%;
    }

    #lp-lp12a #feature #product li {
        width: 100%;
        margin-bottom: 2%;
    }

    #lp-lp12a #point ul {
        justify-content: center;
    }

    #lp-lp12a #point ul li {
        width: 30%;
        margin: 0 1% 4%;
    }

    #lp-lp12a #step h2 {
        font-size: 1em;
    }

    #lp-lp12a #return-ex .topic-return ul li .ex {
        padding: 45px 30px 0;
    }

    #lp-lp12a #qa .qa-wrap {
        width: 100%;
    }

    #lp-lp12a .regist p,
    #lp-lp12a .regist-bk p {
        font-size: 0.9em;
    }

    #lp-lp12a #regist-banner .flex a {
        font-size: 1em;
    }
}

/*
  *
  *繝ｩ繝ｳ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ:雉�肇蠖｢謌�
  *
  */
#lp-lp13a {
    color: #333;
    /*---------- 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ----------*/
    /*---------- 繧ｹ繝�ャ繝� ----------*/
    /*---------- 逹ｦ豐｢逕ｺ ----------*/
    /*---------- 蜿主�繝｢繝�Ν繧ｱ繝ｼ繧ｹ ----------*/
    /*---------- 雉ｪ蝠� ----------*/
}

#lp-lp13a h2 {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.5em;
}

#lp-lp13a h3 {
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
}

#lp-lp13a h4 {
    text-align: center;
    font-weight: bold;
}

#lp-lp13a .hd-small {
    font-size: 0.6em;
    display: block;
}

#lp-lp13a .btm-red {
    border-bottom: 3px solid #CC2624;
}

#lp-lp13a .w-block {
    display: block;
}

#lp-lp13a .font-red {
    color: #CC2624;
}

#lp-lp13a .note {
    font-size: 0.7em;
}

#lp-lp13a .line-orange {
    background: linear-gradient(transparent 65%, #ffbc54 0%);
    padding-bottom: 5px;
    font-weight: bold;
}

#lp-lp13a .bg-yellow {
    background: #FFFBBD;
}

#lp-lp13a .btn-green {
    background: #60D37A;
    color: white;
    max-width: 500px;
    width: 100%;
    padding: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 1.3em;
    border-radius: 5px;
}

#lp-lp13a ul,
#lp-lp13a ol,
#lp-lp13a dl {
    padding-left: 0;
}

#lp-lp13a sup,
#lp-lp13a .sup {
    font-size: 0.7em;
}

#lp-lp13a header {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 15px;
}

#lp-lp13a header .lp-logo {
    width: 200px;
}

#lp-lp13a header a {
    margin-bottom: 0;
}

#lp-lp13a header a img {
    background: white;
}

#lp-lp13a #hero {
    background: #F8A689;
    color: white;
}

#lp-lp13a #hero #hero-wrap {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0 150px;
}

#lp-lp13a #hero .mv-text {
    display: inline-block;
    max-width: 450px;
    width: 60%;
}

#lp-lp13a #hero .mv-text p {
    color: #384857;
    background: white;
    border: 2px solid #384857;
    padding: 5px;
    font-weight: bold;
    margin: 0;
}

#lp-lp13a #hero .mv-img {
    width: 27%;
    max-width: 300px;
    position: absolute;
    bottom: 0;
}

#lp-lp13a #hero #mv-img1 {
    left: 10px;
}

#lp-lp13a #hero #mv-img2 {
    right: 10px;
}

#lp-lp13a #step ol {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
    margin: 0 auto 50px;
}

#lp-lp13a #step ol li {
    width: 31%;
    text-align: center;
    background: white;
    border: 2px solid #384857;
    border-radius: 10px;
    padding: 10px;
}

#lp-lp13a #step ol li h3 {
    font-size: 1em;
}

#lp-lp13a #step ol li h3 .step {
    color: #CC2624;
    font-size: 1.2em;
    margin-top: 1em;
}

#lp-lp13a #step ol li img {
    max-width: 200px;
}

#lp-lp13a #step ol li .sup {
    margin: 1em 0 0;
}

#lp-lp13a #step ol li:nth-child(2) {
    margin: 0 3.5%;
}

#lp-lp13a #intro ul li {
    border: 2px solid #384857;
    background: #FFFBBD;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 1em;
}

#lp-lp13a #intro ul li h3 {
    color: #CC2624;
    border-bottom: 2px solid #CC2624;
}

#lp-lp13a #intro ul li .text-wrap {
    width: 70%;
}

#lp-lp13a #intro ul li .img-wrap {
    width: 25%;
    max-width: 250px;
}

#lp-lp13a #intro ul li p {
    margin: 0;
}

#lp-lp13a #intro ul li:nth-last-child(2) {
    flex-direction: row-reverse;
}

#lp-lp13a #reason h2 .btm-red {
    font-size: 1.5em;
}

#lp-lp13a #reason ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-lp13a #reason ul li {
    width: 48%;
    margin-bottom: 4%;
    border: 2px solid #384857;
    padding: 20px;
    background: white;
}

#lp-lp13a #reason ul li h3 {
    background: #CC2624;
    color: white;
    font-size: 2em;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.1em;
}

#lp-lp13a #reason ul li h3 .font-s {
    font-size: 0.8em;
}

#lp-lp13a #reason ul li h3 .font-l {
    font-size: 1.3em;
}

#lp-lp13a #reason ul li p {
    margin: 0;
}

#lp-lp13a #mutsuzawa h3 {
    font-size: 1.2em;
}

#lp-lp13a #mutsuzawa #ex-text dt {
    text-align: left;
}

#lp-lp13a #mutsuzawa #rate-of-retern {
    border: 1px solid #999;
    border-radius: 15px;
    font-size: 1.2em;
    padding: 5px;
}

#lp-lp13a #model #simulation {
    text-align: center;
}

#lp-lp13a #model #simulation .simu-hd {
    display: inline-block;
    background: #CC2624;
    color: white;
    padding: 12px 24px;
    border-radius: 50px;
}

#lp-lp13a #model #simulation .simu-hd .sp-br {
    display: none;
}

#lp-lp13a #model #simulation .img-wrap {
    padding: 30px;
    border: 1px solid #999;
    background: white;
}

#lp-lp13a #model #simulation .img-wrap img {
    padding: 30px 20px 0;
}

#lp-lp13a #return-ex h2 {
    text-align: left;
}

#lp-lp13a #return-ex ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}

#lp-lp13a #return-ex ul li {
    width: 31%;
    text-align: center;
}

#lp-lp13a #return-ex ul li .ex-man {
    max-width: 150px;
    width: 80%;
    margin: 0 auto;
}

#lp-lp13a #return-ex ul li .ex-text {
    margin: -50px auto 0;
    position: relative;
    z-index: 99;
    width: 290px;
    height: 290px;
    padding: 40px 30px 0;
    background: #cc2523;
    color: white;
    border-radius: 50%;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1em;
}

#lp-lp13a #return-ex ul li .ex-text dl {
    line-height: 1.4em;
}

#lp-lp13a #return-ex ul li .ex-text dt {
    text-align: left;
}

#lp-lp13a #return-ex ul li .ex-text dd {
    text-align: right;
    font-size: 1.7em;
    margin-bottom: 0.3em;
}

#lp-lp13a #return-ex ul li .ex-text .font-l {
    font-size: 1.3em;
    line-height: 1.1;
}

#lp-lp13a #return-ex ul li .ex-text .font-s {
    font-size: 0.7em;
}

#lp-lp13a #return-ex #wat-sell {
    text-align: center;
}

#lp-lp13a #return-ex #wat-sell #formula {
    background: white;
    font-weight: bold;
    font-size: 1.2em;
    color: #CC2624;
}

#lp-lp13a #return-ex #wat-sell #formula br {
    display: none;
}

#lp-lp13a #return-ex .topic-return ul li .ex-text {
    padding-top: 50px;
}

#lp-lp13a #return-ex .topic-return ul li .ex-text .font-l {
    font-size: 1.5em;
}

#lp-lp13a #content-qa {
    background: #F8A689;
    line-height: 1.6;
}

#lp-lp13a #content-qa h2 {
    font-size: 2em;
}

#lp-lp13a #content-qa #qa-bk {
    background: #fff;
}

#lp-lp13a #content-qa dl {
    margin: 0;
}

#lp-lp13a #content-qa dt {
    margin-bottom: 1.5em;
    font-size: 1.3em;
    position: relative;
    padding: 10px 0 0 50px;
}

#lp-lp13a #content-qa dt:before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(/img/lp/icon-q.png) left top no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

#lp-lp13a #content-qa dd {
    text-align: left;
    margin-bottom: 3em;
    position: relative;
    padding: 10px 0 30px 50px;
}

#lp-lp13a #content-qa dd.qa-last {
    border-bottom: none;
}

#lp-lp13a #content-qa dd:before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(/img/lp/icon-a.png) left top no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

#lp-lp13a footer {
    color: #333;
}

@media screen and (max-width: 959px) {
    #lp-lp13a h2 {
        font-size: 1.5em;
    }

    #lp-lp13a h3 {
        font-size: 1.2em;
    }

    #lp-lp13a #step h3 .w-block {
        display: inline;
    }

    #lp-lp13a #return-ex ul li {
        padding-bottom: 5%;
    }

    #lp-lp13a #return-ex ul li .ex-text {
        width: 230px;
        height: 230px;
        padding: 30px 15px 0;
        font-size: 0.8em;
    }

    #lp-lp13a #return-ex .topic-return ul li .ex-text {
        padding-top: 40px;
    }
}

@media screen and (max-width: 768px) {
    #lp-lp13a #model #simulation h3 {
        font-size: 1em;
    }

    #lp-lp13a #model #simulation .simu-hd {
        width: 100%;
    }

    #lp-lp13a #model #simulation .img-wrap {
        padding: 10px;
    }

    #lp-lp13a #model #simulation .img-wrap img {
        padding: 0;
    }

    #lp-lp13a #return-ex ul li .ex-text {
        width: 200px;
        height: 200px;
        font-size: 0.65em;
    }

    #lp-lp13a #return-ex #wat-sell {
        text-align: left;
    }

    #lp-lp13a #return-ex #wat-sell #formula {
        font-size: 1em;
    }

    #lp-lp13a #return-ex #wat-sell #formula br {
        display: block;
    }
}

@media screen and (max-width: 679px) {
    #lp-lp13a h2 {
        font-size: 1.2em;
    }

    #lp-lp13a h3 {
        font-size: 1em;
    }

    #lp-lp13a #hero #hero-wrap {
        padding: 100px 0 32%;
    }

    #lp-lp13a #hero .mv-img {
        width: 30%;
    }

    #lp-lp13a #step h2 .w-block {
        display: inline;
    }

    #lp-lp13a #step ol li {
        width: 100%;
    }

    #lp-lp13a #step ol li:nth-child(2) {
        margin: 2% 0;
    }

    #lp-lp13a #intro ul li .text-wrap {
        width: 100%;
    }

    #lp-lp13a #intro ul li .img-wrap {
        margin: 0 auto 20px;
        width: 200px;
    }

    #lp-lp13a #compare .main-text {
        text-align: left !important;
    }

    #lp-lp13a #mutsuzawa .main-text {
        text-align: left !important;
    }

    #lp-lp13a #return-ex ul {
        max-width: 400px;
    }

    #lp-lp13a #return-ex ul li {
        width: 100%;
        padding-bottom: 45px;
    }

    #lp-lp13a #return-ex ul li .ex-text {
        width: 280px;
        height: 280px;
        font-size: 1em;
        padding: 40px 15px 0;
    }
}

@media screen and (max-width: 647px) {
    #lp-lp13a #hero #hero-wrap {
        padding: 100px 0 0;
    }

    #lp-lp13a #hero .mv-text {
        width: 80%;
    }

    #lp-lp13a #hero #mv-img-wrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    #lp-lp13a #hero .mv-img {
        position: static;
        margin: 0 10px;
        min-width: 140px;
    }
}

@media screen and (max-width: 559px) {
    #lp-lp13a #model #simulation .simu-hd {
        padding: 4px 12px;
    }

    #lp-lp13a #model #simulation .simu-hd .sp-br {
        display: block;
    }

    #lp-lp13a #reason ul li {
        width: 100%;
        padding: 20px 10px;
    }
}

@media screen and (max-width: 479px) {
    #lp-lp13a {
        /*---------- 雉ｪ蝠� ----------*/
    }

    #lp-lp13a #hero .mv-text {
        width: 100%;
    }

    #lp-lp13a #step h2 {
        font-size: 1em;
    }

    #lp-lp13a #intro h3 .w-block {
        display: inline;
    }

    #lp-lp13a #model #simulation h3 {
        font-size: 0.8em;
    }

    #lp-lp13a #content-qa {
        padding: 15px;
    }

    #lp-lp13a #content-qa h2 {
        font-size: 1.6em;
    }

    #lp-lp13a #content-qa #qa-bk {
        padding: 15px 5px;
    }

    #lp-lp13a #content-qa dt {
        padding: 0 0 0 40px;
        font-size: 1em;
    }

    #lp-lp13a #content-qa dd {
        padding: 20px 0 30px 15px;
        margin-bottom: 30px;
    }

    #lp-lp13a #content-qa dt:before,
    #lp-lp13a #content-qa dd:before {
        width: 30px;
        height: 30px;
        top: -10px;
    }
}

/*
  *
  *繝ｩ繝ｳ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ:蛻�淵謚戊ｳ�
  *
  */
#lp-lp14a {
    color: #333;
    background: #F0F8FD;
    /*---------- 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ----------*/
    /*---------- CHANGE縺ｨ縺ｯ ----------*/
    /*---------- 蛻�淵謚戊ｳ� ----------*/
    /*---------- 蜷�膚蜩� ----------*/
    /*---------- 闌ょ次 ----------*/
    /*---------- 蜿主�繝｢繝�Ν繧ｱ繝ｼ繧ｹ ----------*/
    /*---------- Q&A ----------*/
    /*---------- PS -----------*/
    /*---------- 逋ｻ骭ｲ ----------*/
}

#lp-lp14a h2 {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.5em;
}

#lp-lp14a h3 {
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
}

#lp-lp14a h4 {
    text-align: center;
    font-weight: bold;
}

#lp-lp14a .hd-small {
    font-size: 0.6em;
    display: block;
}

#lp-lp14a .note {
    font-size: 0.7em;
}

#lp-lp14a .line-orange {
    background: linear-gradient(transparent 65%, #ffbc54 0%);
    padding-bottom: 5px;
    font-weight: bold;
}

#lp-lp14a .line-blue {
    background: linear-gradient(transparent 65%, #0669A5 0%);
    padding-bottom: 5px;
    font-weight: bold;
}

#lp-lp14a .line-red {
    background: linear-gradient(transparent 65%, rgba(242, 53, 53, 0.5) 0%);
    font-weight: bold;
    display: inline !important;
}

#lp-lp14a .cmn-btn {
    color: white;
    max-width: 500px;
    width: 100%;
    padding: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 1.3em;
    border-radius: 5px;
}

#lp-lp14a .btn-lp14-regist {
    background: #FCAF3C;
}

#lp-lp14a .btn-blue {
    background: #369BF2;
}

#lp-lp14a ul,
#lp-lp14a ol,
#lp-lp14a dl {
    padding-left: 0;
}

#lp-lp14a sup,
#lp-lp14a sub {
    font-size: 0.7em;
}

#lp-lp14a .font-l {
    font-size: 1.6em;
}

#lp-lp14a .font-m {
    font-size: 1.2em;
}

#lp-lp14a .font-s {
    font-size: 0.7em;
}

#lp-lp14a .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-lp14a #hero {
    background: #A6D1EB;
    padding: 100px 0 30px;
}

#lp-lp14a #hero h1 {
    color: #333;
    font-size: 1.5em;
    margin-bottom: 30px;
}

#lp-lp14a #hero h1 .font-l {
    font-size: 1.4em;
}

#lp-lp14a #hero h1 img {
    background: white;
    width: 440px;
    padding: 8px;
}

#lp-lp14a #hero #hero-wrap {
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    background: url(/img/lp14/mv1.png) left 30px top no-repeat, url(/img/lp14/mv2.png) right 30px top no-repeat;
    background-size: 20% auto;
}

#lp-lp14a #hero #top-feature {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 50px;
}

#lp-lp14a #hero #top-feature li {
    width: 170px;
    position: relative;
}

#lp-lp14a #hero #top-feature li:first-child:after {
    content: "&";
    font-size: 2em;
    width: 1em;
    height: 1em;
    position: absolute;
    right: -100px;
    top: 0;
}

#lp-lp14a #hero #top-feature .sq {
    background: #FCAF3C;
    color: white;
    padding: 0.5em 0;
    margin: 0;
    position: relative;
    z-index: 99;
}

#lp-lp14a #hero #top-feature .ci {
    border-radius: 50%;
    background: white;
    width: 170px;
    height: 170px;
    margin-top: -50px;
    display: flex;
    align-items: center;
}

#lp-lp14a #hero #top-feature .ci p {
    margin: 20px auto 0;
}

#lp-lp14a #hero #top-feature .ci span {
    display: block;
    font-size: 1.3em;
}

#lp-lp14a #hero #hero-text {
    display: inline-block;
    border-bottom: 2px solid #333;
    position: relative;
    margin: 0 1.5em;
    font-size: 1.2em;
}

#lp-lp14a #hero #hero-text span {
    position: absolute;
    top: -1.5em;
    left: -1.5em;
    transform: rotate(-10deg);
    font-size: 0.6em;
}

#lp-lp14a #intro {
    background: #FFF9E5;
}

#lp-lp14a #intro #intro-l {
    width: 50%;
    padding: 20px;
}

#lp-lp14a #intro #intro-l h2 {
    margin: 20px 0;
}

#lp-lp14a #intro #intro-l h2 span {
    font-size: 2em;
}

#lp-lp14a #intro #intro-l #intro-text {
    font-size: 0.9em;
}

#lp-lp14a #intro #intro-l #intro-regist {
    font-weight: bold;
    text-align: center;
}

#lp-lp14a #intro #intro-r {
    width: 50%;
}

#lp-lp14a #intro #intro-r li {
    width: 100%;
    background: white;
    border: 1px solid #333;
    padding: 20px;
    align-items: center;
}

#lp-lp14a #intro #intro-r li .step-text {
    text-align: left;
    width: 72%;
    font-weight: bold;
}

#lp-lp14a #intro #intro-r li .step-text span {
    font-weight: normal;
}

#lp-lp14a #intro #intro-r li .step-text .orange {
    color: #FCAF3C;
    font-weight: bold;
}

#lp-lp14a #intro #intro-r li .step-img {
    width: 25%;
    text-align: center;
}

#lp-lp14a #intro #intro-r li .step-img img {
    max-width: 200px;
    width: 100%;
}

#lp-lp14a #intro #intro-r li:nth-child(2) {
    margin: 1px 0;
}

#lp-lp14a #portfolio h3 {
    font-size: 1em;
}

#lp-lp14a #portfolio #risk-wrap {
    flex-direction: row-reverse;
}

#lp-lp14a #portfolio #risk-text {
    width: 49%;
    margin-top: 2em;
}

#lp-lp14a #portfolio #risk-img {
    width: 49%;
    text-align: center;
}

#lp-lp14a #portfolio #risk-img h3 {
    text-align: left;
}

#lp-lp14a #portfolio #risk-img img {
    max-width: 550px;
    width: 100%;
}

#lp-lp14a #portfolio #portfolio-wrap {
    align-items: center;
}

#lp-lp14a #portfolio #portfolio-text {
    width: 64%;
}

#lp-lp14a #portfolio #portfolio-text #em {
    background: #FFF9E5;
    border: 2px solid #333;
    border-radius: 15px;
    padding: 1em;
    font-size: 1.2em;
}

#lp-lp14a #portfolio #portfolio-img {
    width: 33%;
    text-align: center;
}

#lp-lp14a #portfolio #portfolio-img img {
    width: 100%;
    max-width: 300px;
}

#lp-lp14a #description ul li {
    width: 23%;
}

#lp-lp14a #description #description-wrap {
    background: #FFF9E5;
    border: 2px solid #333;
    border-radius: 15px;
    padding: 50px 10px 30px;
    text-align: center;
    margin-top: -15px;
    line-height: 1.8;
}

#lp-lp14a #description .font-l {
    font-weight: bold;
}

#lp-lp14a #description .font-l br {
    display: none;
}

#lp-lp14a #description .font-m {
    font-weight: bold;
}

#lp-lp14a #feature .bg-yellow {
    background: #FFF9E5;
}

#lp-lp14a #feature .bg-blue {
    background: #F0F8FD;
}

#lp-lp14a #feature .bg-pink {
    background: #EDC2C2;
}

#lp-lp14a #feature #product1 {
    width: 100%;
    border: 3px solid #FCAF3C;
    background: white;
    padding: 10px;
}

#lp-lp14a #feature #product1 #change-detail {
    width: 24%;
}

#lp-lp14a #feature #product1 #change-text {
    width: 73%;
}

#lp-lp14a #feature #product1 h3 {
    background: #FCAF3C;
    border-radius: 10px;
}

#lp-lp14a #feature .product li {
    width: 24%;
    background: white;
    padding: 10px;
    margin-bottom: 1.3%;
}

#lp-lp14a #feature .product li h3 {
    border-radius: 10px;
}

#lp-lp14a #feature .product li p {
    font-size: 0.85em;
    margin-bottom: 0;
}

#lp-lp14a #feature .product li .sp-more {
    display: none;
}

#lp-lp14a #feature .product li .detail {
    display: block;
}

#lp-lp14a #feature .product li.type-img,
#lp-lp14a #feature .product li.type-img2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    background: transparent;
}

#lp-lp14a #feature .product li.type-img h3,
#lp-lp14a #feature .product li.type-img2 h3 {
    width: 100%;
    border-radius: 0;
    background: white;
    padding: 5px 0;
}

#lp-lp14a #feature .product li.type-img2 {
    width: 48%;
}

#lp-lp14a #feature .product .change {
    margin-top: 1em;
}

#lp-lp14a #feature .product .change h4 {
    background: #FCAF3C;
    color: white;
    border-radius: 10px;
    font-size: 1em;
    margin-bottom: 5px;
}

#lp-lp14a #feature .product .change ul {
    margin: 0;
}

#lp-lp14a #feature .product .change li {
    border: none;
    width: 100%;
    padding: 0;
    font-size: 0.8em;
    font-weight: bold;
}

#lp-lp14a #feature dl {
    margin: 10px 0;
}

#lp-lp14a #feature dl dt {
    font-size: 0.85em;
    font-weight: normal;
    float: left;
}

#lp-lp14a #feature dl dd {
    border-bottom: 2px solid #333;
    font-weight: bold;
    margin-bottom: 5px;
}

#lp-lp14a #feature dl dd .font-s {
    font-size: 0.65em;
}

#lp-lp14a #feature #type-a li.product-wrap {
    border: 3px solid #ffe384;
}

#lp-lp14a #feature #type-a li.product-wrap h3 {
    background: #ffe384;
}

#lp-lp14a #feature #type-a img {
    max-width: 270px;
    width: 100%;
}

#lp-lp14a #feature #type-b ul {
    flex-direction: row-reverse;
}

#lp-lp14a #feature #type-b li.product-wrap {
    border: 3px solid #A6D1EB;
}

#lp-lp14a #feature #type-b li.product-wrap h3 {
    background: #A6D1EB;
}

#lp-lp14a #feature #type-b img {
    max-width: 400px;
    width: 100%;
}

#lp-lp14a #feature #type-c li.product-wrap {
    border: 3px solid #EDB0B0;
}

#lp-lp14a #feature #type-c li.product-wrap h3 {
    background: #EDB0B0;
}

#lp-lp14a #feature #type-c img {
    max-width: 400px;
    width: 100%;
}

#lp-lp14a #mobara h2 .line-orange {
    white-space: nowrap;
}

#lp-lp14a #mobara h3 {
    font-size: 1.2em;
}

#lp-lp14a #model #simulation {
    text-align: center;
}

#lp-lp14a #model #simulation .simu-hd {
    display: inline-block;
    background: #0669A5;
    color: white;
    padding: 12px 24px;
    border-radius: 50px;
}

#lp-lp14a #model #simulation .simu-hd .sp-br {
    display: none;
}

#lp-lp14a #model #simulation .img-wrap {
    padding: 30px;
    border: 1px solid #999;
    background: white;
}

#lp-lp14a #model #simulation .img-wrap img {
    padding: 30px 20px 0;
}

#lp-lp14a #return-ex h2 {
    text-align: left;
}

#lp-lp14a #return-ex h2 span {
    border-bottom: 4px solid #0669A5;
}

#lp-lp14a #return-ex h2 br {
    display: none;
}

#lp-lp14a #return-ex ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}

#lp-lp14a #return-ex ul li {
    width: 31%;
    text-align: center;
    position: relative;
    padding-bottom: 9%;
}

#lp-lp14a #return-ex ul li .ex-man {
    max-width: 150px;
    width: 40%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
}

#lp-lp14a #return-ex ul li .ex {
    position: relative;
    z-index: 99;
    width: 290px;
    height: 290px;
    padding: 53px 30px 0;
    background: #A6D1EB;
    border-radius: 50%;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.4em;
}

#lp-lp14a #return-ex ul li .ex dl {
    line-height: 1.4em;
}

#lp-lp14a #return-ex ul li .ex dt {
    text-align: left;
}

#lp-lp14a #return-ex ul li .ex dd {
    text-align: right;
    font-size: 1.7em;
    margin-bottom: 0.3em;
}

#lp-lp14a #wat-sell {
    text-align: center;
}

#lp-lp14a #wat-sell #formula {
    background: white;
    font-weight: bold;
    font-size: 1.2em;
    color: #0669A5;
}

#lp-lp14a #wat-sell #formula br {
    display: none;
}

#lp-lp14a #qa {
    background: white;
}

#lp-lp14a #qa .qa-wrap {
    width: 32%;
    border: 3px solid #A6D1EB;
    margin-bottom: 2%;
    background: white;
}

#lp-lp14a #qa .qa-wrap dt {
    background: #A6D1EB;
    padding: 10px 5px;
}

#lp-lp14a #qa .qa-wrap dt:before {
    content: "Q.";
    font-weight: bold;
    font-size: 1.3em;
}

#lp-lp14a #qa .qa-wrap dd {
    padding: 10px 5px;
    text-align: left;
    font-size: 0.85em;
}

#lp-lp14a #qa .qa-wrap dd:before {
    content: "A.";
    font-weight: bold;
    font-size: 1.3em;
}

#lp-lp14a #ps {
    background: url(/img/hd/hd_green.jpg) center top no-repeat;
    background-size: cover;
    color: white;
    margin-bottom: 10px;
}

#lp-lp14a #ps #ps-bk {
    background: rgba(0, 0, 0, 0.5);
}

#lp-lp14a #ps h2 {
    color: white;
}

#lp-lp14a #ps h2 img {
    width: 100px;
    margin: 0 auto 4px;
}

#lp-lp14a .regist {
    text-align: center;
}

#lp-lp14a .regist p {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-lp14a .regist-bk {
    background: url(/img/common/bg_ft.jpg) center top no-repeat;
    background-size: cover;
    color: white;
    text-align: center;
}

#lp-lp14a .regist-bk p {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-lp14a footer {
    color: #333;
}

@media screen and (max-width: 959px) {
    #lp-lp14a h2 {
        font-size: 1.5em;
    }

    #lp-lp14a h3 {
        font-size: 1.2em;
    }

    #lp-lp14a #hero {
        padding: 50px 0;
    }

    #lp-lp14a #feature #product1 #change-detail {
        width: 35%;
    }

    #lp-lp14a #feature #product1 #change-text {
        width: 63%;
    }

    #lp-lp14a #feature .product li {
        width: 48%;
    }

    #lp-lp14a #feature .product li.type-img2 {
        width: 100%;
        align-items: flex-start;
        justify-content: space-between;
    }

    #lp-lp14a #feature .product li.type-img2 h3 {
        width: 50%;
    }

    #lp-lp14a #feature #type-a img {
        max-width: 200px;
    }

    #lp-lp14a #feature #type-b img {
        max-width: 300px;
        width: 50%;
    }

    #lp-lp14a #feature #type-c .type-img2 {
        flex-direction: row-reverse;
    }

    #lp-lp14a #feature #type-c img {
        max-width: 300px;
        width: 50%;
    }

    #lp-lp14a #return-ex ul li {
        padding-bottom: 5%;
    }

    #lp-lp14a #return-ex ul li .ex {
        width: 230px;
        height: 230px;
        padding: 43px 15px 0;
        font-size: 0.8em;
    }

    #lp-lp14a #qa .qa-wrap {
        width: 49%;
    }

    #lp-lp14a .regist p,
    #lp-lp14a .regist-bk p {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 879px) {
    #lp-lp14a #hero #hero-wrap {
        font-size: 1em;
    }

    #lp-lp14a #hero h1 img {
        width: 300px;
    }

    #lp-lp14a #hero #top-feature {
        max-width: 350px;
    }

    #lp-lp14a #hero #top-feature li {
        width: 140px;
    }

    #lp-lp14a #hero #top-feature li:first-child:after {
        right: -50px;
    }

    #lp-lp14a #hero #top-feature .ci {
        width: 140px;
        height: 140px;
        margin-top: -30px;
    }

    #lp-lp14a #intro #intro-l {
        width: 100%;
    }

    #lp-lp14a #intro #intro-r {
        width: 100%;
        padding-bottom: 30px;
    }

    #lp-lp14a #intro #intro-r li {
        width: 32%;
    }

    #lp-lp14a #intro #intro-r li .step-text,
    #lp-lp14a #intro #intro-r li .step-img {
        width: 100%;
        text-align: center;
    }

    #lp-lp14a #portfolio #risk-text,
    #lp-lp14a #portfolio #risk-img {
        width: 100%;
    }

    #lp-lp14a #portfolio #risk-text h3,
    #lp-lp14a #portfolio #risk-img h3 {
        text-align: center;
    }

    #lp-lp14a #portfolio #portfolio-text {
        width: 50%;
    }

    #lp-lp14a #portfolio #portfolio-text #em {
        font-size: 1em;
    }

    #lp-lp14a #portfolio #portfolio-img {
        width: 47%;
    }

    #lp-lp14a #description #description-wrap {
        line-height: 1.6;
    }

    #lp-lp14a #description p {
        text-align: left;
    }

    #lp-lp14a #description .font-l {
        font-size: 1.1em;
        text-align: center;
    }

    #lp-lp14a #description .font-l br {
        display: block;
    }

    #lp-lp14a #description .font-m {
        font-size: 1em;
    }
}

@media screen and (max-width: 768px) {
    #lp-lp14a #model #simulation h3 {
        font-size: 1em;
    }

    #lp-lp14a #model #simulation .simu-hd {
        width: 100%;
    }

    #lp-lp14a #model #simulation .img-wrap {
        padding: 10px;
    }

    #lp-lp14a #model #simulation .img-wrap img {
        padding: 0;
    }

    #lp-lp14a #return-ex ul li .ex {
        width: 200px;
        height: 200px;
        font-size: 0.65em;
    }

    #lp-lp14a #return-ex #wat-sell {
        text-align: left;
    }

    #lp-lp14a #return-ex #wat-sell #formula {
        font-size: 1em;
    }

    #lp-lp14a #return-ex #wat-sell #formula br {
        display: block;
    }
}

@media screen and (max-width: 679px) {
    #lp-lp14a h2 {
        font-size: 1.2em;
    }

    #lp-lp14a h3 {
        font-size: 1em;
    }

    #lp-lp14a #intro #intro-l {
        padding: 20px 0;
    }

    #lp-lp14a #intro #intro-l h2 span {
        font-size: 1.2em;
    }

    #lp-lp14a #intro #intro-r li {
        width: 100%;
    }

    #lp-lp14a #return-ex ul {
        max-width: 400px;
    }

    #lp-lp14a #return-ex ul li {
        width: 100%;
        padding-bottom: 45px;
    }

    #lp-lp14a #return-ex ul li .ex {
        width: 280px;
        height: 280px;
        font-size: 1em;
        margin: 0 auto;
        padding-top: 51px;
    }

    #lp-lp14a .regist p,
    #lp-lp14a .regist-bk p {
        font-size: 1em;
    }
}

@media screen and (max-width: 639px) {
    #lp-lp14a #hero #hero-wrap {
        background: url(/img/lp14/mv1.png) left 20% top 33% no-repeat, url(/img/lp14/mv2.png) right 20% top 33% no-repeat;
        background-size: 22% auto;
    }

    #lp-lp14a #hero h1 {
        margin-bottom: 35%;
    }

    #lp-lp14a #hero #top-feature {
        max-width: 300px;
    }

    #lp-lp14a #hero #top-feature li {
        width: 120px;
    }

    #lp-lp14a #hero #top-feature li .ci {
        width: 120px;
        height: 120px;
    }

    #lp-lp14a #hero #top-feature li .ci p {
        font-size: 0.8em;
    }

    #lp-lp14a #portfolio #portfolio-text,
    #lp-lp14a #portfolio #portfolio-img {
        width: 100%;
    }

    #lp-lp14a #description ul {
        justify-content: center;
        max-width: 400px;
        margin: 0 auto !important;
    }

    #lp-lp14a #description ul li {
        width: 48%;
    }

    #lp-lp14a #feature #product1 #change-detail,
    #lp-lp14a #feature #product1 #change-text {
        width: 100%;
    }

    #lp-lp14a #model #simulation .simu-hd {
        padding: 4px 12px;
    }

    #lp-lp14a #model #simulation .simu-hd .sp-br {
        display: block;
    }

    #lp-lp14a #ps h2 img {
        width: 80px;
    }
}

@media screen and (max-width: 519px) {
    #lp-lp14a #hero h1 {
        font-size: 1.1em;
    }

    #lp-lp14a #hero h1 img {
        width: 250px;
    }

    #lp-lp14a #feature .product li {
        width: 100% !important;
    }

    #lp-lp14a #feature .product li.type-img,
    #lp-lp14a #feature .product li.type-img2 {
        padding: 0;
        align-items: center;
    }

    #lp-lp14a #feature .product li.type-img h3,
    #lp-lp14a #feature .product li.type-img2 h3 {
        width: 50%;
        padding: 15px 0;
    }

    #lp-lp14a #feature .product li.type-img img,
    #lp-lp14a #feature .product li.type-img2 img {
        width: 48%;
    }

    #lp-lp14a #feature #type-a .type-img {
        flex-direction: row-reverse;
    }

    #lp-lp14a #feature #type-a .type-img img {
        max-width: 150px;
    }
}

@media screen and (max-width: 479px) {

    #lp-lp14a #feature .product li.type-img,
    #lp-lp14a #feature .product li.type-img2 {
        flex-direction: row;
        justify-content: center;
    }

    #lp-lp14a #feature .product li.type-img h3,
    #lp-lp14a #feature .product li.type-img2 h3 {
        width: 100%;
    }

    #lp-lp14a #feature .product li.type-img img,
    #lp-lp14a #feature .product li.type-img2 img {
        width: 100% !important;
    }

    #lp-lp14a #feature .product #qa .qa-wrap {
        width: 100%;
    }

    #lp-lp14a #feature .product .regist p,
    #lp-lp14a #feature .product .regist-bk p {
        font-size: 0.9em;
    }

    #lp-lp14a #model #simulation h3 {
        font-size: 0.8em;
    }

    #lp-lp14a #qa .qa-wrap {
        width: 100%;
    }
}

/*
  *
  *繝ｩ繝ｳ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ:迺ｰ蠅�
  *
  */
#lp-lp15a {
    color: #333;
    /*---------- 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ----------*/
    /*---------- 迴ｾ迥ｶ ----------*/
    /*---------- 蠖ｱ髻ｿ ----------*/
    /*---------- change ----------*/
    /*---------- sdgs ----------*/
    /*---------- 繧ｹ繝�ャ繝� ----------*/
    /*---------- Q&A ----------*/
    /*---------- PS -----------*/
    /*---------- 逋ｻ骭ｲ ----------*/
}

#lp-lp15a .bg-blue {
    background: #F0F8FD;
}

#lp-lp15a h2 {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.5em;
    color: #012A64;
}

#lp-lp15a h3 {
    font-size: 1.5em;
    font-weight: bold;
    color: #012A64;
}

#lp-lp15a h4 {
    text-align: center;
    font-weight: bold;
}

#lp-lp15a .span-blue {
    font-size: 0.5em;
    display: inline-block;
    color: white;
    background: #369BF2;
    padding: 5px;
}

#lp-lp15a .line-yellow {
    background: linear-gradient(transparent 65%, #FFF002 0%);
    padding-bottom: 5px;
    font-weight: bold;
}

#lp-lp15a .cmn-btn {
    color: white;
    max-width: 500px;
    width: 100%;
    padding: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 1.3em;
    border-radius: 5px;
    cursor: pointer;
}

#lp-lp15a .cmn-btn:hover {
    opacity: 1;
}

#lp-lp15a .btn-lp15-regist {
    background: #FCAF3C;
    border: 2px solid #FCAF3C;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

#lp-lp15a .btn-lp15-regist:hover {
    color: #FCAF3C;
    background: white;
}

#lp-lp15a ul,
#lp-lp15a ol,
#lp-lp15a dl {
    padding-left: 0;
}

#lp-lp15a .font-l {
    font-size: 1.6em;
}

#lp-lp15a .font-m {
    font-size: 1.2em;
}

#lp-lp15a .font-s {
    font-size: 0.7em;
}

#lp-lp15a .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-lp15a header {
    background: transparent;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    padding: 15px 0;
}

#lp-lp15a header #lp-link1 {
    margin: 0;
}

#lp-lp15a header .logo {
    width: 200px;
}

#lp-lp15a header .container {
    position: relative;
}

#lp-lp15a nav {
    position: absolute;
    right: 15px;
}

#lp-lp15a nav a {
    color: white;
}

#lp-lp15a #hero {
    background: url(/img/lp15/mv.jpg) center bottom no-repeat;
    padding: 150px 50px 200px;
    background-size: cover;
}

#lp-lp15a #hero h1 {
    max-width: 800px;
    margin: 0 auto;
}

#lp-lp15a #hero .img-pc {
    display: block;
}

#lp-lp15a #hero .img-sp {
    display: none;
}

#lp-lp15a #lead {
    background: #369BF2;
    color: white;
}

#lp-lp15a #lead .container {
    overflow: visible;
}

#lp-lp15a #lead .img {
    width: 30%;
    height: auto;
    margin-top: -150px;
    align-self: flex-end;
}

#lp-lp15a #lead p {
    width: 66%;
    align-self: center;
}

#lp-lp15a #intro {
    color: #012A64;
    font-weight: bold;
}

#lp-lp15a #intro .container {
    border: 2px solid #012A64;
    align-items: center;
}

#lp-lp15a #intro #intro-txt {
    width: 50%;
}

#lp-lp15a #intro #intro-regist {
    width: 45%;
    text-align: center;
}

#lp-lp15a .current-wrap {
    margin-bottom: 70px;
    align-items: center;
}

#lp-lp15a .current-wrap .current-img {
    width: 49%;
    text-align: center;
    background: white;
    padding: 20px;
}

#lp-lp15a .current-wrap .current-img img {
    max-width: 500px;
    width: 100%;
}

#lp-lp15a .current-wrap .current-img .quote,
#lp-lp15a .current-wrap .current-img .quote a {
    color: #999;
    font-size: 0.6em;
    text-align: right;
    margin: 0;
}

#lp-lp15a .current-wrap .current-txt {
    width: 49%;
}

#lp-lp15a .current-wrap .current-txt h3 {
    color: #012A64;
}

#lp-lp15a .current-wrap .current-txt h3:after {
    display: block;
    content: "";
    width: 3em;
    height: 3px;
    background: #012A64;
}

#lp-lp15a #current01 {
    flex-direction: row-reverse;
}

#lp-lp15a #current01 .current-img img {
    max-width: 400px;
}

#lp-lp15a #current03 {
    flex-direction: row-reverse;
}

#lp-lp15a #current03 h3 span {
    font-size: 0.7em;
    display: inline-block;
    /*transform:rotate(-5deg);*/
}

#lp-lp15a #effect .img {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}

#lp-lp15a #effect .img ul {
    margin: 0;
}

#lp-lp15a #effect .img #man {
    position: absolute;
    top: 38%;
    left: 33%;
    width: 30%;
}

#lp-lp15a #effect li {
    width: 50%;
    margin-bottom: 40px;
    text-align: center;
}

#lp-lp15a #effect li img {
    max-width: 450px;
    width: 95%;
    margin: 0 auto;
}

#lp-lp15a #effect li:nth-child(3),
#lp-lp15a #effect li:nth-child(4) {
    margin-bottom: 20px;
}

#lp-lp15a #change {
    background: #369BF2;
    color: white;
}

#lp-lp15a #change h2 {
    color: white;
    position: relative;
}

#lp-lp15a #change h2:after {
    display: inline-block;
    content: "";
    width: 5%;
    height: 3px;
    background: #FFF002;
    position: absolute;
    bottom: 0;
    left: 47.5%;
}

#lp-lp15a #change h3 {
    color: white;
}

#lp-lp15a #change .flex {
    align-items: center;
    flex-direction: row-reverse;
}

#lp-lp15a #change .txt {
    width: 60%;
}

#lp-lp15a #change .img {
    width: 30%;
}

#lp-lp15a #change-regist {
    background: url(/img/lp15/change-bk.jpg) center center no-repeat;
    background-size: cover;
    color: white;
    text-align: center;
}

#lp-lp15a #change-regist .txt {
    max-width: 39em;
    width: 100%;
    margin: 0 auto 50px;
    line-height: 2;
}

#lp-lp15a #change-regist .txt p {
    font-size: 1.2em;
    padding-bottom: 5px;
    display: inline;
    background: linear-gradient(transparent 90%, white 0%);
}

#lp-lp15a #change-regist .cmn-btn {
    max-width: 360px;
}

#lp-lp15a #sdgs .flex {
    align-items: center;
}

#lp-lp15a #sdgs .txt {
    width: 60%;
}

#lp-lp15a #sdgs .img {
    width: 30%;
}

#lp-lp15a #step ol {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
    margin: 0 auto 50px;
}

#lp-lp15a #step ol li {
    width: 31%;
    text-align: center;
    background: white;
    border: 2px solid #012A64;
    border-radius: 10px;
    padding: 10px;
}

#lp-lp15a #step ol li h3 {
    font-size: 1em;
}

#lp-lp15a #step ol li h3 .step {
    color: #012A64;
    font-size: 1.2em;
    margin-top: 1em;
}

#lp-lp15a #step ol li img {
    max-width: 200px;
}

#lp-lp15a #step ol li .sup {
    margin: 1em 0 0;
    font-size: 0.6em;
}

#lp-lp15a #step ol li:nth-child(2) {
    margin: 0 3.5%;
}

#lp-lp15a #structure .flex {
    align-items: center;
    flex-direction: row-reverse;
}

#lp-lp15a #structure .txt {
    width: 58%;
}

#lp-lp15a #structure .img {
    width: 38%;
}

#lp-lp15a #point li {
    width: 19%;
}

#lp-lp15a #sharing {
    position: relative;
}

#lp-lp15a #sharing .txt {
    width: 65%;
    position: relative;
    z-index: 99;
}

#lp-lp15a #sharing .txt h3 {
    line-height: 2;
}

#lp-lp15a #sharing .txt p {
    background: white;
    padding: 20px;
    margin: 0;
}

#lp-lp15a #sharing .txt .txt-bk {
    border: 2px solid #012A64;
    border-radius: 15px;
    overflow: hidden;
}

#lp-lp15a #sharing img {
    position: absolute;
    top: 60px;
    right: 0;
    width: 50%;
}

#lp-lp15a #qa dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-lp15a #qa .qa-wrap {
    width: 32%;
    border: 3px solid #3B5677;
    margin-bottom: 2%;
    background: white;
}

#lp-lp15a #qa .qa-wrap dt {
    background: #3B5677;
    padding: 10px 5px;
    color: white;
}

#lp-lp15a #qa .qa-wrap dt:before {
    content: "Q.";
    font-weight: bold;
    font-size: 1.3em;
}

#lp-lp15a #qa .qa-wrap dd {
    padding: 10px 5px;
    text-align: left;
    font-size: 0.85em;
}

#lp-lp15a #qa .qa-wrap dd:before {
    content: "A.";
    font-weight: bold;
    font-size: 1.3em;
}

#lp-lp15a #ps {
    background: url(/img/hd/hd_green.jpg) center top no-repeat;
    background-size: cover;
    color: white;
    margin-bottom: 10px;
}

#lp-lp15a #ps #ps-bk {
    background: rgba(0, 0, 0, 0.5);
}

#lp-lp15a #ps h2 {
    color: white;
}

#lp-lp15a #ps h2 img {
    width: 100px;
    margin: 0 auto 4px;
}

#lp-lp15a .regist {
    text-align: center;
}

#lp-lp15a .regist p {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-lp15a .regist-bk {
    background: url(/img/common/bg_ft.jpg) center top no-repeat;
    background-size: cover;
    color: white;
    text-align: center;
}

#lp-lp15a .regist-bk p {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-lp15a .regist-img {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 150px;
    display: none;
    animation: bounce 30s infinite;
}

@keyframes bounce {

    0%,
    91%,
    95%,
    99%,
    100% {
        transform: translateY(0);
    }

    93% {
        transform: translateY(-15px);
    }

    97% {
        transform: translateY(-10px);
    }
}

#lp-lp15a footer {
    color: #333;
}

@media screen and (max-width: 959px) {
    #lp-lp15a h2 {
        font-size: 1.5em;
    }

    #lp-lp15a h3 {
        font-size: 1.2em;
    }

    #lp-lp15a #qa .qa-wrap {
        width: 49%;
    }

    #lp-lp15a .regist p,
    #lp-lp15a .regist-bk p {
        font-size: 1.2em;
    }

    #lp-lp15a #sharing img {
        width: 40%;
    }

    #lp-lp15a #sharing .txt {
        width: 75%;
    }
}

@media screen and (max-width: 839px) {
    #lp-lp15a #lead .pc-br {
        display: none;
    }
}

@media screen and (max-width: 799px) {
    #lp-lp15a #intro {
        padding: 0;
    }

    #lp-lp15a #intro #intro-txt {
        width: 100%;
    }

    #lp-lp15a #intro #intro-regist {
        width: 100%;
        border-top: 1px solid #012A64;
        padding-top: 1em;
    }
}

@media screen and (max-width: 679px) {
    #lp-lp15a h2 {
        font-size: 1.3em;
    }

    #lp-lp15a h3 {
        font-size: 1em;
    }

    #lp-lp15a .regist p,
    #lp-lp15a .regist-bk p {
        font-size: 1em;
    }
}

@media screen and (max-width: 639px) {
    #lp-lp15a #hero {
        padding: 150px 20px 180px;
    }

    #lp-lp15a nav span {
        display: none;
    }

    #lp-lp15a #lead .img {
        width: auto;
        height: 180px;
        margin-top: -180px;
    }

    #lp-lp15a #lead .img img {
        width: auto;
        height: 180px;
    }

    #lp-lp15a #lead p {
        width: 100%;
    }

    #lp-lp15a .current-wrap .current-txt {
        width: 100%;
    }

    #lp-lp15a .current-wrap .current-img {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    #lp-lp15a #change .flex {
        flex-direction: row;
    }

    #lp-lp15a #change .img {
        width: 100%;
        max-width: 200px;
        margin: 0 auto 20px;
    }

    #lp-lp15a #change .txt {
        width: 100%;
    }

    #lp-lp15a #change-regist .txt p {
        font-size: 1em;
    }

    #lp-lp15a #sdgs .txt {
        width: 100%;
    }

    #lp-lp15a #sdgs .img {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
    }

    #lp-lp15a #step h2 .w-block {
        display: inline;
    }

    #lp-lp15a #step ol li {
        width: 100%;
    }

    #lp-lp15a #step ol li:nth-child(2) {
        margin: 2% 0;
    }

    #lp-lp15a #structure .flex {
        flex-direction: row;
    }

    #lp-lp15a #structure .txt {
        width: 100%;
    }

    #lp-lp15a #structure .img {
        width: 100%;
        max-width: 350px;
        margin: 0 auto 20px;
    }

    #lp-lp15a #sharing img {
        display: none;
    }

    #lp-lp15a #sharing .txt {
        width: 100%;
    }

    #lp-lp15a #sharing .txt p {
        background: rgba(255, 255, 255, 0.8);
    }

    #lp-lp15a #sharing .txt-bk {
        background: url(/img/lp15/sharing.jpg) center;
        background-size: cover;
    }

    #lp-lp15a #ps h2 img {
        width: 80px;
    }
}

@media screen and (max-width: 519px) {
    #lp-lp15a header {
        padding: 10px 0;
    }

    #lp-lp15a header .logo {
        width: 120px;
    }

    #lp-lp15a header .container {
        padding-left: 10px;
    }

    #lp-lp15a nav {
        font-size: 0.8em;
        top: 5px;
        right: 10px;
    }

    #lp-lp15a #hero .img-pc {
        display: none;
    }

    #lp-lp15a #hero .img-sp {
        display: block;
        max-width: 280px;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 479px) {
    #lp-lp15a #hero {
        padding: 100px 20px 180px;
    }

    #lp-lp15a #qa .qa-wrap {
        width: 100%;
    }

    #lp-lp15a #step h2 {
        font-size: 1em;
    }

    #lp-lp15a #point ul {
        justify-content: center;
    }

    #lp-lp15a #point ul li {
        width: 30%;
        margin: 0 1% 4%;
    }

    #lp-lp15a .regist-img {
        width: 100px;
    }
}

/*
  *
  *繝ｩ繝ｳ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ:蛻晏ｿ�€�
  *繝ｩ繝ｳ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ:繧｢繝輔ぅ繝ｪ繧ｨ繧､繝育畑(16c)
  *
  */
/*---------- LP16邉ｻ蜈ｱ騾� ----------*/
.lp16 {
    color: #333;
    font-weight: normal;
    /*---------- 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ----------*/
    /*---------- 繧ｹ繝�ャ繝� ----------*/
    /*---------- 繝｢繝�Ν繧ｱ繝ｼ繧ｹ ----------*/
    /*-------- 螳溽ｸｾ -------*/
    /*---------- Q&A ----------*/
    /*---------- 繧ｭ繝｣繝ｳ繝壹�繝ｳ -----------*/
    /*---------- PS -----------*/
    /*---------- 逋ｻ骭ｲ ----------*/
}

.lp16 .bg-blue {
    background: #f7f8fa;
}

.lp16 h2 {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.5em;
    color: #063d8e;
}

.lp16 h3 {
    font-size: 1.5em;
    font-weight: bold;
    color: #063d8e;
}

.lp16 h4 {
    text-align: center;
    font-weight: bold;
}

.lp16 .hd-small {
    font-size: 0.6em;
    display: block;
}

.lp16 .note {
    font-size: 0.7em;
}

.lp16 .span-yellow {
    font-size: 0.5em;
    display: inline-block;
    background: #fff002;
    color: #063d8e;
    padding: 5px;
}

.lp16 .line-yellow {
    background: linear-gradient(transparent 65%, #fff002 0%);
    padding-bottom: 5px;
    font-weight: bold;
}

.lp16 .font-orange {
    color: #fcaf3c;
}

.lp16 ul,
.lp16 ol,
.lp16 dl {
    padding-left: 0;
}

.lp16 .font-l {
    font-size: 1.6em;
}

.lp16 .font-m {
    font-size: 1.2em;
}

.lp16 .font-s {
    font-size: 0.7em;
}

.lp16 .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lp16 header {
    padding: 15px 0;
    background: transparent;
    position: absolute;
    top: 0;
    z-index: 999;
}

.lp16 header #lp-link1 {
    margin: 0;
}

.lp16 header .logo {
    width: 200px;
}

.lp16 header .container {
    position: relative;
}

.lp16 #mv {
    background: url(/img/lp16/mv.jpg) right top no-repeat;
    background-size: auto 100%;
    align-items: flex-end;
}

.lp16 #mv .mv-text {
    width: 40%;
    max-width: 410px;
    font-weight: bold;
    font-size: 0.8em;
    padding: 150px 0 50px;
    text-shadow: 2px 0 3px #fff;
}

.lp16 #mv .mv-point {
    width: 56%;
    align-items: flex-end;
}

.lp16 #mv .mv-point li {
    width: 48%;
    text-align: center;
}

.lp16 #mv .mv-point li img {
    max-width: 200px;
    width: 100%;
}

.lp16 #merit {
    background: linear-gradient(to right, #3378bd 0%, #5895d4 60%, #b9dbfd 100%);
}

.lp16 #merit h2 {
    color: white;
}

.lp16 #merit li {
    background: white;
    border-radius: 15px;
    padding: 30px;
    align-items: center;
    margin-bottom: 30px;
}

.lp16 #merit .merit-img {
    width: 30%;
    text-align: center;
}

.lp16 #merit .merit-text {
    width: 65%;
}

.lp16 #merit li.merit-easy {
    padding: 0 15px;
}

.lp16 #merit li.merit-easy .merit-img {
    align-self: flex-end;
}

.lp16 #merit li.merit-easy .merit-img img {
    max-width: 250px;
    width: 100%;
}

.lp16 #merit li.merit-cost {
    flex-direction: row-reverse;
}

.lp16 #merit h3 {
    position: relative;
    padding-left: 2.2em;
}

.lp16 #merit h3 span.hd-merit {
    position: absolute;
    top: 0.5em;
    left: 0;
    font-size: 0.5em;
}

.lp16 #merit h3 span.merit-num {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1.5em;
}

.lp16 #compare table {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
}

.lp16 #compare table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lp16 #compare table tr {
    width: 14.2%;
    border-left: 1px solid #999999;
}

.lp16 #compare table th,
.lp16 #compare table td {
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #999999;
    height: 50px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lp16 #compare table th {
    font-size: 0.9em;
    background: #f7f8fa;
}

.lp16 #compare table .th-top {
    border-top: 1px solid #999999;
}

.lp16 #compare table .row td .sp-hd {
    display: none;
}

.lp16 #compare table .row td .line-red {
    display: inline;
    background: linear-gradient(transparent 80%, #f33c3d 0%);
}

.lp16 #compare table .change-data th {
    border-right: 1px solid #999999;
}

.lp16 #compare table .change-data th img {
    max-width: 100px;
    width: 100%;
}

.lp16 #compare table .change-data td {
    border-right: 1px solid #999999;
}

.lp16 #compare table .change-data td .line-orange {
    display: inline;
    background: linear-gradient(transparent 70%, #fcaf3c 0%);
}

.lp16 #compare #summary {
    background: linear-gradient(to bottom, #3378bd 0%, #5895d4 60%, #b9dbfd 100%);
    padding: 15px;
    border-radius: 15px;
}

.lp16 #compare #summary p {
    background: white;
    padding: 20px;
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    color: #063d8e;
}

.lp16 #compare #summary p .font-s {
    color: #333;
}

.lp16 #structure .flex {
    align-items: center;
    flex-direction: row-reverse;
}

.lp16 #structure .txt {
    width: 60%;
}

.lp16 #structure .img {
    width: 38%;
}

.lp16 #sell-wat #sell-wrap {
    border: 2px solid #063d8e;
    padding: 15px 15px 0;
    max-width: 900px;
    margin: 0 auto;
    font-weight: bold;
}

.lp16 #sell-wat h2 {
    color: #063d8e;
    text-align: center;
    margin: 0 auto 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #063d8e;
}

.lp16 #sell-wat h2 span {
    display: inline-block;
    transform: rotate(-10deg);
    font-size: 0.6em;
    vertical-align: top;
}

.lp16 #sell-wat #wat-main {
    align-items: center;
}

.lp16 #sell-wat #wat-img {
    width: 12%;
    max-width: 100px;
}

.lp16 #sell-wat #wat-catch {
    width: 32%;
    margin: 0 2%;
    color: #063d8e;
    text-align: center;
    font-size: 1.2em;
}

.lp16 #sell-wat #wat-catch span {
    display: block;
}

.lp16 #sell-wat #wat-catch .catch-m strong {
    font-size: 1.3em;
}

.lp16 #sell-wat #wat-catch .catch-l {
    font-size: 2.5em;
}

.lp16 #sell-wat p {
    width: 52%;
}

.lp16 #sell-wat #wat-img {
    max-width: 150px;
    width: 100%;
}

.lp16 #sell-wat #wat-catch {
    max-width: 230px;
    width: 100%;
    margin: 0;
}

.lp16 #sell-wat p {
    max-width: 470px;
    width: calc(100% - 430px);
}

.lp16 #guarantee li {
    width: 31%;
    border: 2px solid #063d8e;
    padding: 15px;
    border-radius: 15px;
    background: white;
    text-align: center;
    position: relative;
}

.lp16 #guarantee li span {
    color: #063d8e;
    font-weight: bold;
    font-size: 2.3em;
    position: absolute;
    top: 15px;
    left: 15px;
}

.lp16 #guarantee li h3 {
    margin: 0;
}

.lp16 #guarantee li img {
    max-width: 100px;
    padding: 20px 0;
}

.lp16 #guarantee li p {
    text-align: left;
    font-size: 0.9em;
    margin-bottom: 0;
}

.lp16 #step ol {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
    margin: 0 auto 50px;
}

.lp16 #step ol li {
    width: 31%;
    text-align: center;
    background: white;
    border: 2px solid #333;
    border-radius: 10px;
    padding: 10px;
}

.lp16 #step ol li h3 {
    font-size: 1em;
    color: #333;
}

.lp16 #step ol li h3 .step {
    color: #333;
    font-size: 1.2em;
    margin-top: 1em;
}

.lp16 #step ol li .step-img {
    max-width: 200px;
    margin: 0 auto;
}

.lp16 #step ol li .sup {
    margin: 1em 0 0;
    font-size: 0.6em;
}

.lp16 #step ol li:nth-child(2) {
    margin: 0 3.5%;
}

.lp16 #model #simulation {
    text-align: center;
}

.lp16 #model #simulation .simu-hd {
    display: inline-block;
    background: #063d8e;
    color: white;
    padding: 12px 24px;
    border-radius: 50px;
}

.lp16 #model #simulation .simu-hd .sp-br {
    display: none;
}

.lp16 #model #simulation .img-wrap {
    padding: 30px;
    border: 1px solid #999;
    background: white;
}

.lp16 #model #simulation .img-wrap img {
    padding: 30px 20px 0;
}

.lp16 #return-ex h2 {
    color: #333;
    text-align: left;
}

.lp16 #return-ex h2 span {
    border-bottom: 4px solid #3a71b2;
}

.lp16 #return-ex h2 br {
    display: none;
}

.lp16 #return-ex ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}

.lp16 #return-ex ul li {
    width: 31%;
    text-align: center;
    position: relative;
    padding-bottom: 6%;
}

.lp16 #return-ex ul li .ex-man {
    max-width: 150px;
    width: 40%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.lp16 #return-ex ul li .ex {
    position: relative;
    z-index: 99;
    width: 290px;
    height: 290px;
    padding: 3em 30px 0;
    background: #f7f8fa;
    border-radius: 50%;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1em;
}

.lp16 #return-ex ul li .ex .ex-name {
    line-height: 1.2;
}

.lp16 #return-ex ul li .ex dl {
    line-height: 1.4;
}

.lp16 #return-ex ul li .ex dt {
    text-align: left;
}

.lp16 #return-ex ul li .ex dd {
    text-align: right;
    font-size: 1.7em;
    margin-bottom: 0.3em;
}

.lp16 #return-ex #wat-sell {
    text-align: center;
}

.lp16 #return-ex #wat-sell #formula {
    background: #f7f8fa;
    font-weight: bold;
    color: #063d8e;
    font-size: 1.2em;
}

.lp16 #return-ex #wat-sell #formula br {
    display: none;
}

.lp16 #lp-data #data {
    background: #f7f8fa;
    padding-top: 40px;
    padding-bottom: 40px;
}

.lp16 #qa dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lp16 #qa .qa-wrap {
    width: 32%;
    border: 3px solid #3a71b2;
    margin-bottom: 2%;
    background: white;
}

.lp16 #qa .qa-wrap dt {
    background: #3a71b2;
    padding: 10px 5px;
    color: white;
}

.lp16 #qa .qa-wrap dt:before {
    content: "Q.";
    font-weight: bold;
    font-size: 1.3em;
}

.lp16 #qa .qa-wrap dd {
    padding: 10px 5px;
    text-align: left;
    font-size: 0.85em;
}

.lp16 #qa .qa-wrap dd:before {
    content: "A.";
    font-weight: bold;
    font-size: 1.3em;
}

.lp16 .cam-lp {
    background: #d3edfb;
}

.lp16 .cam-lp #cam-hd {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.lp16 .cam-lp #cam-hd::before,
.lp16 .cam-lp #cam-hd::after {
    content: "";
    width: 1.5em;
    height: 2.5px;
    background: #063d8e;
}

.lp16 .cam-lp #cam-hd::before {
    transform: rotate(50deg);
    margin-right: 8px;
}

.lp16 .cam-lp #cam-hd::after {
    transform: rotate(-50deg);
}

.lp16 .cam-lp .btn-m {
    padding: 8px 8px 4px;
}

.lp16 .cam-lp .btn-m span {
    padding-top: 2px;
}

.lp16 #ps {
    background: url(/img/hd/hd_green.jpg) center top no-repeat;
    background-size: cover;
    color: white;
    margin-bottom: 10px;
}

.lp16 #ps #ps-bk {
    background: rgba(0, 0, 0, 0.5);
}

.lp16 #ps h2 {
    color: white;
}

.lp16 #ps h2 img {
    width: 100px;
    margin: 0 auto 4px;
}

.lp16 #mail_form form h2 {
    margin-bottom: 0;
}

.lp16 .regist {
    text-align: center;
}

.lp16 .regist p {
    font-size: 1.5em;
    font-weight: bold;
}

.lp16 .regist-bk {
    background: url(/img/common/bg_ft.jpg) center top no-repeat;
    background-size: cover;
    color: white;
    text-align: center;
}

.lp16 .regist-bk p.regist-txt {
    font-size: 1.2em;
    font-weight: bold;
    text-shadow: 2px 2px 3px #333;
}

.lp16 .regist-bk .regist-wrap {
    width: calc(100% - 50px);
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 15px 30px;
    color: #333;
    border-radius: 15px;
    position: relative;
}

.lp16 .regist-bk .regist-wrap .form-text {
    text-align: left;
}

.lp16 .regist-bk .regist-wrap form h2 {
    margin-bottom: 0;
}

.lp16 .regist-bk .regist-circle {
    background: #fcaf3c;
    color: white;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    font-weight: bold;
    font-size: 0.7em;
    align-content: center;
    justify-content: center;
    position: absolute;
    top: -45px;
    left: -45px;
}

.lp16 .regist-bk .regist-circle span {
    display: block;
}

.lp16 #regist-banner {
    width: 100%;
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 999;
    text-align: center;
}

.lp16 #regist-banner .flex {
    display: flex;
    justify-content: center;
    border-top: 1px solid #3378bd;
    background: linear-gradient(to bottom, #3378bd 0%, #72b0f1 60%, #83bbf5 100%);
}

.lp16 #regist-banner .flex a {
    width: 50%;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    padding: 5px 0;
    line-height: 1.2;
}

.lp16 #regist-banner .flex a:hover {
    opacity: 1;
}

.lp16 #regist-banner .flex a#lp-contact {
    background: white;
    color: #369cf3;
    padding-top: 0.9em;
}

.lp16 #regist-banner .flex a#lp-contact:hover {
    color: #fcaf3c;
}

.lp16 #regist-banner .flex a#lp-regist {
    background: transparent;
    color: white;
}

.lp16 #regist-banner .flex a#lp-regist span.font-s {
    font-size: 0.6em;
}

.lp16 #regist-banner .flex a#lp-regist:hover {
    background: #fcaf3c;
}

.lp16 footer {
    color: #333;
}

.lp16 footer #contact .trp {
    border-top: 25px solid white;
}

.lp16 footer #contact h3 {
    background: #0092dd;
    color: white;
    text-align: center;
    padding: 5px;
}

.lp16 footer #contact p {
    margin: 0;
}

.lp16 footer #contact .flex {
    justify-content: space-between;
}

.lp16 footer #contact #ctw {
    width: 35%;
    max-width: 385px;
    font-size: 16px;
}

.lp16 footer #contact #ctw a {
    color: #333;
}

.lp16 footer #contact #ctw img {
    width: 100%;
    margin: 1em 0 8px;
}

.lp16 footer #contact #cs {
    width: 455px;
    color: #7f7f7f;
    font-weight: bold;
    border: 1px solid #7f7f7f;
    border-radius: 16px;
    padding: 1em 0.5em;
}

.lp16 footer #contact #cs #cs-hd {
    border: 1px solid #0092dd;
    font-size: 1em;
}

.lp16 footer #contact #cs #cs-hd span {
    background: #0092dd;
    color: #fff;
    display: inline-block;
    width: 56%;
    text-align: right;
    padding: 3px 0.5em 3px 3px;
}

.lp16 footer #contact #cs #cs-info {
    padding: 0 3px;
}

.lp16 footer #contact #cs #tel .font-l {
    color: #0092dd;
    font-size: 2em;
}

.lp16 footer #contact #cs #tel span {
    vertical-align: middle;
}

@media screen and (max-width: 959px) {
    .lp16 h2 {
        font-size: 1.5em;
    }

    .lp16 h3 {
        font-size: 1.2em;
    }

    .lp16 #sell-wat #sell-wrap {
        max-width: 720px;
    }

    .lp16 #sell-wat p {
        width: calc(100% - 400px);
    }

    .lp16 #guarantee li h3 {
        font-size: 1em;
    }

    .lp16 #return-ex ul li {
        padding-bottom: 5%;
    }

    .lp16 #return-ex ul li .ex {
        width: 230px;
        height: 230px;
        padding: 35px 15px 0;
        font-size: 0.8em;
    }

    .lp16 #qa .qa-wrap {
        width: 49%;
    }
}

@media screen and (max-width: 719px) {
    .lp16 #mv {
        display: block;
        position: relative;
        background: url(/img/lp16/mv-sp.jpg) center bottom no-repeat;
        background-size: 120% auto;
    }

    .lp16 #mv .mv-text {
        width: 100%;
        max-width: 280px;
        padding: 100px 0;
    }

    .lp16 #mv .mv-text p {
        position: absolute;
        bottom: 0;
        margin: 1em 1em 1em 0;
        text-shadow: 2px 0px 6px #000;
        color: #fff;
    }

    .lp16 #mv .mv-point {
        width: 100%;
        max-width: 400px;
        margin: 20px auto 5em;
    }

    .lp16 #mv .mv-point li img {
        max-width: 170px;
    }

    .lp16 #sell-wat h2 {
        font-size: 1.1em;
    }

    .lp16 #sell-wat .flex {
        justify-content: center;
    }

    .lp16 #sell-wat #wat-main {
        max-width: 420px;
        margin: 0 auto;
    }

    .lp16 #sell-wat #wat-main #wat-catch {
        max-width: 200px;
        font-size: 1em;
    }

    .lp16 #sell-wat #wat-main #wat-catch .catch-l {
        font-size: 2em;
    }

    .lp16 #sell-wat p {
        width: 100%;
        margin: 20px auto;
    }

    .lp16 #model #simulation .img-wrap {
        padding: 10px;
    }

    .lp16 #model #simulation .img-wrap img {
        padding: 0;
    }

    .lp16 #model #simulation .simu-hd {
        font-size: 1em;
        padding: 8px 12px;
    }

    .lp16 #compare table {
        max-width: 500px;
        margin: 0 auto 50px;
    }

    .lp16 #compare table tbody {
        display: block;
    }

    .lp16 #compare table #thead {
        display: none;
    }

    .lp16 #compare table tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        border-right: 1px solid #999999;
    }

    .lp16 #compare table th {
        width: 100%;
    }

    .lp16 #compare table th br {
        display: none;
    }

    .lp16 #compare table .row td {
        display: inline-block;
        width: 25%;
        font-size: 1em;
        height: 60px;
        border-bottom: none;
    }

    .lp16 #compare table .row td .sp-hd {
        display: block;
        color: #999;
        font-size: 0.7em;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .lp16 #compare table .change-data {
        border-bottom: 1px solid #999;
    }

    .lp16 #compare table .change-data th,
    .lp16 #compare table .change-data td {
        border-right: none;
    }

    .lp16 #step ol {
        max-width: 500px;
        margin: 0 auto;
    }

    .lp16 #step ol li {
        width: 100%;
        margin: 0 auto 3% !important;
    }

    .lp16 #return-ex ul li .ex {
        width: 200px;
        height: 200px;
        font-size: 0.65em;
    }

    .lp16 #return-ex #wat-sell {
        text-align: left;
    }

    .lp16 #return-ex #wat-sell #formula {
        font-size: 1em;
    }

    .lp16 #return-ex #wat-sell #formula br {
        display: block;
    }
}

@media screen and (max-width: 679px) {
    .lp16 #merit li {
        display: block;
        padding: 15px;
        position: relative;
    }

    .lp16 #merit li h3 {
        text-align: center;
        position: static;
        padding-left: 0;
    }

    .lp16 #merit li h3 span.hd-merit {
        top: 15px;
        left: 15px;
    }

    .lp16 #merit li h3 span.merit-num {
        bottom: auto;
        top: 25px;
        left: 15px;
    }

    .lp16 #merit .merit-img {
        width: 100%;
        max-width: 240px;
        margin: 3em auto 1em;
    }

    .lp16 #merit .merit-text {
        width: 100%;
    }

    .lp16 #merit li.merit-easy {
        padding: 15px;
    }

    .lp16 #merit li.merit-easy .merit-img {
        margin: 0 auto 1em;
    }

    .lp16 #structure .flex {
        display: block;
    }

    .lp16 #structure .img {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 1em;
    }

    .lp16 #structure .txt {
        width: 100%;
    }

    .lp16 #guarantee li {
        width: 100%;
        margin: 0 auto 3%;
    }

    .lp16 #model #simulation .simu-hd {
        font-size: 0.8em;
    }

    .lp16 #return-ex ul {
        max-width: 400px;
    }

    .lp16 #return-ex ul li {
        width: 100%;
        padding-bottom: 45px;
    }

    .lp16 #return-ex ul li .ex {
        width: 280px;
        height: 280px;
        font-size: 1em;
        margin: 0 auto;
        padding: 45px 15px 0;
    }

    .lp16 #ps h2 img {
        width: 80px;
    }
}

@media screen and (max-width: 479px) {
    .lp16 header .logo {
        width: 120px;
    }

    .lp16 #compare table .row td {
        width: 50%;
    }

    .lp16 #qa .qa-wrap {
        width: 100%;
    }

    .lp16 #step h2 {
        font-size: 1em;
    }

    .lp16 .regist-bk .regist-wrap {
        width: 96%;
        padding: 10px;
    }

    .lp16 .regist-bk .regist-circle {
        display: none;
    }

    .lp16 .regist-bk p.regist-txt {
        font-size: 0.85em;
    }

    .lp16 #regist-banner .flex a {
        font-size: 1em;
    }
}

@media screen and (max-width: 419px) {
    .lp16 #mv {
        background: url(/img/lp16/mv-sp.jpg) center bottom no-repeat;
        background-size: 150% auto;
    }

    .lp16 #mv .mv-text {
        padding: 80px 0 100px;
    }

    .lp16 #model #simulation .simu-hd {
        width: 100%;
    }

    .lp16 #model #simulation .simu-hd .sp-br {
        display: block;
    }

    .lp16 #compare #summary p {
        font-size: 1.2em;
        padding: 20px 10px;
    }

    .lp16 #compare #summary p .font-s {
        display: block;
    }

    .lp16 .cam-lp #cam-hd::before {
        margin-right: 0;
    }
}

/*---------- 16b ----------*/
#lp-lp16b #mv {
    background: url(/img/lp16/mvb.jpg) right top no-repeat;
    background-size: auto 100%;
    align-items: flex-end;
}

#lp-lp16b #merit .merit-fit {
    flex-direction: row-reverse;
}

#lp-lp16b #award {
    text-align: center;
    background: linear-gradient(to right, #b7731c, #d7a948 25%, #f6e07e 60%, #d7a948 80%, #b7731c 100%);
}

#lp-lp16b #award .container {
    max-width: 900px;
}

#lp-lp16b #award h2 {
    color: #000;
    max-width: 18.5em;
    margin: 0 auto;
}

#lp-lp16b #award h2 span {
    font-family: serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1;
}

#lp-lp16b #award h2 .font-l {
    vertical-align: bottom;
    font-size: 2.2em;
}

#lp-lp16b #award h2 .font-l .font-s {
    font-size: 0.7em;
}

#lp-lp16b #award .black-line {
    border-bottom: solid 5px #000;
    padding-bottom: 10px;
}

#lp-lp16b #award h3 {
    color: #000;
    font-weight: normal;
}

#lp-lp16b #award .award-list {
    width: 100%;
    margin: 0 auto 30px;
}

#lp-lp16b #award .award-list h3 {
    font-size: 1.2em;
}

#lp-lp16b #award .g-life h3 {
    margin-bottom: 0.5em;
}

#lp-lp16b #award .award-logo {
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}

#lp-lp16b #award .award-logo li {
    width: 48%;
}

#lp-lp16b #contact .blue-hd {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0068a9;
    margin-bottom: 30px;
    font-size: 2.3em;
}

#lp-lp16b #contact .blue-hd::before,
#lp-lp16b #contact .blue-hd::after {
    content: "";
    width: 60px;
    height: 3px;
    background: #0068a9;
}

#lp-lp16b #contact .blue-hd::before {
    margin-right: 20px;
}

#lp-lp16b #contact .blue-hd::after {
    margin-left: 20px;
}

#lp-lp16b #contact .blue-band {
    background: #0092dd;
    color: #fff;
    text-align: center;
    padding: 8px;
    margin-top: 0;
}

#lp-lp16b #contact p {
    margin: 0;
}

#lp-lp16b #contact .flex {
    justify-content: space-between;
    align-items: center;
}

#lp-lp16b #contact .info-wrap {
    margin-top: 30px;
}

#lp-lp16b #contact #ctw {
    width: 35%;
    max-width: 385px;
    font-size: 16px;
}

#lp-lp16b #contact #ctw .address br {
    display: none;
}

#lp-lp16b #contact #ctw a {
    color: #333;
}

#lp-lp16b #contact #ctw img {
    width: 100%;
    margin: 1em 0 8px;
}

#lp-lp16b #contact #p-mark {
    width: 120px;
    height: auto;
    margin: 0 8px 0 auto;
}

#lp-lp16b #contact #cs {
    width: 455px;
    color: #7f7f7f;
    font-weight: bold;
    border: 1px solid #7f7f7f;
    border-radius: 16px;
    padding: 1em;
}

#lp-lp16b #contact #cs #cs-hd {
    font-size: 0.9em;
}

#lp-lp16b #contact #cs #cs-hd .bg-blue,
#lp-lp16b #contact #cs #cs-hd .frame-blue {
    border: 1px solid #0092dd;
    padding-top: 4px;
    text-align: center;
}

#lp-lp16b #contact #cs #cs-hd .bg-blue {
    background: #0092dd;
    color: white;
    width: 60%;
}

#lp-lp16b #contact #cs #cs-hd .frame-blue {
    width: 40%;
}

#lp-lp16b #contact #cs .flex {
    justify-content: center;
}

#lp-lp16b #contact #cs #cs-info {
    padding: 0 3px;
}

#lp-lp16b #contact #cs #tel .font-l {
    color: #0092dd;
    font-size: 2em;
}

#lp-lp16b #contact #cs #tel span {
    vertical-align: middle;
}

#lp-lp16b .regist-bk {
    padding: 80px 0;
}

@media screen and (max-width: 1024px) {
    #lp-lp16b #contact .blue-hd {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 959px) {
    #lp-lp16b #award .container {
        max-width: 100%;
    }

    #lp-lp16b #contact .container {
        max-width: 580px;
    }

    #lp-lp16b #contact .blue-hd::before,
    #lp-lp16b #contact .blue-hd::after {
        width: 23%;
    }

    #lp-lp16b #contact .blue-hd::before {
        margin-left: 0;
        margin-right: auto;
    }

    #lp-lp16b #contact .blue-hd::after {
        margin-right: 0;
        margin-left: auto;
    }

    #lp-lp16b #contact .info-wrap {
        margin-top: 20px;
    }

    #lp-lp16b #contact #ctw {
        width: 100%;
    }

    #lp-lp16b #contact #cs {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }

    #lp-lp16b #contact #tel {
        margin-top: 6px;
    }
}

@media screen and (max-width: 820px) {
    #lp-lp16b #award .award-list {
        text-align: left;
    }
}

@media screen and (max-width: 719px) {
    #lp-lp16b #mv {
        display: block;
        position: relative;
        background: url(/img/lp16/mv-sp.jpg) center bottom no-repeat;
        background-size: 120% auto;
    }
}

@media screen and (max-width: 640px) {
    #lp-lp16b #award .j-startup h3 {
        margin-bottom: 0.5em;
    }

    #lp-lp16b #cantact .blue-hd::before,
    #lp-lp16b #cantact .blue-hd::after {
        width: 20%;
    }
}

@media screen and (max-width: 536px) {
    #lp-lp16b #mv .mv-text {
        max-width: 420px;
        padding: 40px 0 200px;
        margin: 20px auto;
    }

    #lp-lp16b #contact .flex {
        align-items: flex-end;
    }

    #lp-lp16b #contact #ctw {
        width: 100%;
    }

    #lp-lp16b #contact #p-mark {
        order: 3;
        margin: 20px auto 0;
    }
}

@media screen and (max-width: 479px) {
    #lp-lp16b #mv .mv-text {
        padding: 40px 0 110px;
    }

    #lp-lp16b #award h2 {
        max-width: 14em;
    }

    #lp-lp16b #contact .blue-hd {
        font-size: 2em;
    }

    #lp-lp16b #contact #cs #cs-hd .bg-blue,
    #lp-lp16b #contact #cs #cs-hd .frame-blue {
        width: 100%;
    }
}

@media screen and (max-width: 419px) {
    #lp-lp16b #mv {
        background: url(/img/lp16/mv-sp.jpg) center bottom no-repeat;
        background-size: 150% auto;
    }

    #lp-lp16b #mv .mv-point {
        margin-bottom: 6em;
    }

    #lp-lp16b #contact .blue-hd {
        font-size: 1.5em;
    }

    #lp-lp16b #contact .blue-hd::before,
    #lp-lp16b #contact .blue-hd::after {
        width: 30px;
    }

    #lp-lp16b #contact .blue-hd::before {
        margin-left: auto;
        margin-right: 10px;
    }

    #lp-lp16b #contact .blue-hd::after {
        margin-left: 10px;
        margin-right: auto;
    }

    #lp-lp16b #contact #ctw {
        width: 100%;
    }

    #lp-lp16b #contact #p-mark {
        width: 30%;
    }

    #lp-lp16b #contact #cs {
        padding: 1em 0.5em;
    }

    #lp-lp16b #contact #cs #tel span {
        font-size: 0.8em;
    }

    #lp-lp16b #contact #cs #tel .font-l {
        font-size: 1.3em;
    }
}

/*---------- 繧｢繝輔ぅ繝ｪ繧ｨ繧､繝育畑16c ----------*/
#alp-alp16c {
    /*** 繝昴ャ繝励い繝�� ***/
}

#alp-alp16c #pop-bk {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    justify-content: center;
    align-items: center;
}

#alp-alp16c #pop-bk #pop-logo {
    width: 240px;
    margin: 0 auto;
    text-align: center;
}

#alp-alp16c #pop-bk h2 {
    font-size: 1.5em;
    color: #31a7ff;
    text-align: center;
}

#alp-alp16c #pop-bk #pop-wrap {
    background: #fff;
    border-radius: 15px;
    width: 90%;
    max-width: 650px;
}

#alp-alp16c #pop-bk .btn-next {
    border-radius: 15px;
}

#alp-alp16c #pop-bk .btn-next::before {
    content: none;
}

#alp-alp16c #merit .merit-fit {
    flex-direction: row-reverse;
}

#alp-alp16c .btn-next {
    color: #fff;
    background: linear-gradient(#f4ab3a, #ff7a1c);
    border: none;
    box-shadow: 1px 1px 4px #999;
    font-size: 1.2em;
    text-shadow: -1px -1px 4px #ff7a1c;
    margin-bottom: 20px;
}

#alp-alp16c .btn-next:hover {
    color: #ff7a1c;
    background: #fff;
    text-shadow: none;
    box-shadow: 0px 0px 3px #ff7a1c;
}

#alp-alp16c #contact {
    padding-bottom: 70px;
}

#alp-alp16c #contact .blue-band {
    background: #0092dd;
    color: #fff;
    text-align: center;
    padding: 8px;
    margin-top: 0;
}

#alp-alp16c #contact p {
    margin: 0;
}

#alp-alp16c #contact .flex {
    justify-content: space-between;
    align-items: center;
}

#alp-alp16c #contact .info-wrap {
    margin-top: 30px;
}

#alp-alp16c #contact #ctw {
    width: 35%;
    max-width: 385px;
    font-size: 16px;
}

#alp-alp16c #contact #ctw .address br {
    display: none;
}

#alp-alp16c #contact #ctw a {
    color: #333;
}

#alp-alp16c #contact #ctw img {
    width: 100%;
    margin: 1em 0 8px;
}

#alp-alp16c #contact #p-mark {
    width: 120px;
    height: auto;
    margin: 0 8px 0 auto;
}

#alp-alp16c #contact #cs {
    width: 455px;
    color: #7f7f7f;
    font-weight: bold;
    border: 1px solid #7f7f7f;
    border-radius: 16px;
    padding: 1em;
}

#alp-alp16c #contact #cs #cs-hd {
    font-size: 1em;
}

#alp-alp16c #contact #cs #cs-hd .bg-blue,
#alp-alp16c #contact #cs #cs-hd .frame-blue {
    border: 1px solid #0092dd;
    padding-top: 4px;
    text-align: center;
}

#alp-alp16c #contact #cs #cs-hd .bg-blue {
    background: #0092dd;
    color: white;
    width: 60%;
}

#alp-alp16c #contact #cs #cs-hd .frame-blue {
    width: 40%;
}

#alp-alp16c #contact #cs .flex {
    justify-content: center;
}

#alp-alp16c #contact #cs #cs-info {
    padding: 0 3px;
}

#alp-alp16c #contact #cs #tel .font-l {
    color: #0092dd;
    font-size: 2em;
}

#alp-alp16c #contact #cs #tel span {
    vertical-align: middle;
}

#alp-alp16c #ft-btm {
    background: #333;
    color: #fff;
    padding: 4px;
}

#alp-alp16c #ft-btm .flex {
    flex-direction: row-reverse;
    align-items: flex-end;
}

#alp-alp16c #ft-btm a {
    color: #fff;
}

#alp-alp16c #ft-btm ul.flex {
    flex-direction: row;
}

#alp-alp16c #ft-btm ul.flex li {
    margin-right: 2em;
    padding: 2px 0;
    font-size: 12px;
}

#alp-alp16c #ft-btm ul.flex li:last-child {
    margin-right: 0;
}

#alp-alp16c #ft-btm .copyright {
    padding-right: 1em;
}

@media screen and (max-width: 1024px) {
    #alp-alp16c #contact .container {
        max-width: 840px;
    }

    #alp-alp16c #contact #p-mark {
        width: 104px;
    }

    #alp-alp16c #contact #cs {
        width: 400px;
    }
}

@media screen and (max-width: 840px) {
    #alp-alp16c #contact .container {
        max-width: 640px;
    }

    #alp-alp16c #contact #ctw {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    #alp-alp16c #contact #cs {
        width: 100%;
        text-align: center;
        margin: 20px auto;
    }

    #alp-alp16c #contact #p-mark {
        order: 3;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    #alp-alp16c #ft-btm .flex {
        flex-direction: row;
        justify-content: flex-start;
    }

    #alp-alp16c #ft-btm .copyright {
        width: 100%;
        padding: 1em 0 0;
    }
}

@media screen and (max-width: 640px) {
    #alp-alp16c #mv .mv-text {
        max-width: 420px;
        padding: 80px 0 200px;
        margin: 0 auto;
    }

    #alp-alp16c #pop-bk h2 {
        font-size: 1em;
    }

    #alp-alp16c #contact .container {
        max-width: 320px;
    }

    #alp-alp16c #contact #cs #cs-hd .bg-blue,
    #alp-alp16c #contact #cs #cs-hd .frame-blue {
        width: 100%;
    }

    #alp-alp16c #contact #cs #tel .font-l {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 419px) {
    #alp-alp16c #mv .mv-text {
        padding-bottom: 100px;
    }

    #alp-alp16c #mv .mv-point {
        margin-bottom: 6em;
    }
}

/*
  *
  *繝ｩ繝ｳ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ:蜑ｯ讌ｭﾃ怜･ｳ諤ｧ
  *
  */
#lp-lp17a {
    color: #333;
    font-weight: normal;
    background: #FEF4E5;
    /*---------- 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ----------*/
    /*---------- 繝｢繝�Ν繧ｱ繝ｼ繧ｹ ----------*/
    /*---------- Q&A ----------*/
    /*---------- PS -----------*/
    /*---------- 逋ｻ骭ｲ ----------*/
}

#lp-lp17a .bg-green {
    background: #BADFDB;
}

#lp-lp17a h2 {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.5em;
}

#lp-lp17a h3 {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-lp17a h4 {
    text-align: center;
    font-weight: bold;
}

#lp-lp17a .hd-small {
    font-size: 0.6em;
    display: block;
}

#lp-lp17a .note {
    font-size: 0.7em;
}

#lp-lp17a .line-orange {
    background: linear-gradient(transparent 65%, #FCDAC5 0%);
    padding-bottom: 5px;
    font-weight: bold;
}

#lp-lp17a .font-orange {
    color: #FD8C46;
}

#lp-lp17a .font-pink {
    color: #F53184;
}

#lp-lp17a .font-blk {
    color: #333;
}

#lp-lp17a .font-green {
    color: #078B7A;
    font-weight: bold;
    font-size: 1.1em;
}

#lp-lp17a .sp-br {
    display: none;
}

#lp-lp17a .cmn-btn {
    color: #ffffff;
    background: #FD8C46;
    padding: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 1.3em;
    border-radius: 5px;
    cursor: pointer;
}

#lp-lp17a .cmn-btn:hover {
    opacity: 1;
}

#lp-lp17a ul,
#lp-lp17a ol,
#lp-lp17a dl {
    padding-left: 0;
}

#lp-lp17a .font-l {
    font-size: 1.6em;
}

#lp-lp17a .font-m {
    font-size: 1.2em;
}

#lp-lp17a .font-s {
    font-size: 0.7em;
}

#lp-lp17a .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-lp17a header {
    padding: 15px 0;
    background: transparent;
    position: absolute;
    top: 0;
    z-index: 999;
}

#lp-lp17a header #lp-link1 {
    margin: 0;
}

#lp-lp17a header .logo {
    width: 200px;
}

#lp-lp17a header .container {
    position: relative;
}

#lp-lp17a #mv {
    align-items: flex-end;
    padding-top: 150px;
    font-weight: bold;
}

#lp-lp17a #mv h1 {
    width: 40%;
    align-self: center;
    order: 2;
}

#lp-lp17a #mv #mv-img1 {
    width: 28%;
    order: 1;
    padding-right: 4%;
}

#lp-lp17a #mv #mv-img2 {
    width: 28%;
    order: 3;
}

#lp-lp17a #mv-intro {
    background: #FCDAC5;
    margin-top: 50px;
    padding: 1em 0;
}

#lp-lp17a #mv-intro .flex {
    align-items: center;
    overflow: visible;
}

#lp-lp17a #mv-intro #mv-text {
    width: 50%;
    margin: 0;
}

#lp-lp17a #mv-intro #mv-regist {
    width: 50%;
    position: relative;
    text-align: center;
    color: #F53184;
}

#lp-lp17a #mv-intro #mv-regist .regist-txt {
    margin: 0;
}

#lp-lp17a #mv-intro #intro-rate {
    background: #FFFED3;
    color: #F53184;
    font-size: 0.8em;
    border-radius: 50%;
    padding: 15px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: -10px;
    transform: rotate(20deg);
}

#lp-lp17a #mv-intro #intro-rate .font-l {
    display: block;
}

#lp-lp17a #intro .flex {
    flex-direction: row-reverse;
    align-items: center;
}

#lp-lp17a #intro #intro-txt {
    width: 50%;
}

#lp-lp17a #intro #intro-img {
    width: 50%;
    padding: 2%;
}

#lp-lp17a #intro .wrap-orange {
    background: #FBA56E;
    font-weight: bold;
    font: size 1.2em;
    text-align: center;
    padding: 1em;
}

#lp-lp17a #merit li {
    position: relative;
}

#lp-lp17a #merit li:nth-child(even) .flex {
    flex-direction: row-reverse;
}

#lp-lp17a #merit .flex {
    align-items: stretch;
}

#lp-lp17a #merit .merit-img {
    width: 50%;
}

#lp-lp17a #merit .merit-img img {
    width: 90%;
    max-width: 400px;
    margin: 5% auto;
    display: block;
}

#lp-lp17a #merit .bg-green {
    width: 50%;
    padding: 2em 1em 1em;
    display: flex;
}

#lp-lp17a #merit .merit-txt {
    align-self: center;
}

#lp-lp17a #merit .merit-txt h3 {
    text-align: center;
}

#lp-lp17a #merit .merit-wrap {
    position: absolute;
    top: 30px;
    left: calc(50% - 35px);
    border: 2px solid #FD8C46;
    color: #FD8C46;
    font-weight: bold;
    display: inline-block;
    background: #ffffff;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 1.1;
    padding-top: 10px;
}

#lp-lp17a #merit .merit-wrap span {
    display: block;
    font-size: 2em;
}

#lp-lp17a #structure .flex {
    align-items: center;
    flex-direction: row-reverse;
}

#lp-lp17a #structure .txt {
    width: 58%;
}

#lp-lp17a #structure .img {
    width: 38%;
}

#lp-lp17a #sell-wat #sell-wrap {
    background: #ffffff;
    border: 2px solid #FD8C46;
    padding: 15px 15px 0;
    max-width: 900px;
    margin: 0 auto;
    font-weight: bold;
    align-items: center;
}

#lp-lp17a #sell-wat #wat-img {
    width: 12%;
    max-width: 100px;
}

#lp-lp17a #sell-wat #wat-catch {
    width: 32%;
    margin: 0 2%;
    color: #FD8C46;
    text-align: center;
    font-size: 1.2em;
}

#lp-lp17a #sell-wat #wat-catch span {
    display: block;
}

#lp-lp17a #sell-wat #wat-catch .catch-s {
    background: #F53184;
    color: #ffffff;
    padding: 5px;
    display: inline-block;
}

#lp-lp17a #sell-wat #wat-catch .catch-m strong {
    font-size: 1.3em;
}

#lp-lp17a #sell-wat #wat-catch .catch-l {
    font-size: 2.5em;
}

#lp-lp17a #sell-wat p {
    width: 52%;
}

#lp-lp17a #use li {
    width: 32.5%;
    padding: 15px 10px;
    border-radius: 15px;
    background: #ffffff;
    text-align: center;
}

#lp-lp17a #use li h3 {
    font-size: 1em;
    text-align: center;
}

#lp-lp17a #use li h3 span {
    padding: 2px 5px;
    font-size: 0.9em;
}

#lp-lp17a #use li .orange {
    background: #FBA56E;
}

#lp-lp17a #use li .pink {
    background: #F53184;
    color: #ffffff;
}

#lp-lp17a #use li p {
    margin: 0;
}

#lp-lp17a #use li .orange-wrap {
    background: #FD8C46;
    color: #ffffff;
    padding: 0.5em;
    font-weight: bold;
}

#lp-lp17a #topic-model {
    background: #ffffff;
}

#lp-lp17a #topic-model #simulation {
    text-align: center;
}

#lp-lp17a #topic-model #simulation .simu-hd {
    display: inline-block;
    background: #FD8C46;
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 50px;
}

#lp-lp17a #topic-model #simulation .simu-hd .sp-br {
    display: none;
}

#lp-lp17a #topic-model #simulation .img-wrap {
    padding: 30px;
    border: 1px solid #999;
    background: #ffffff;
}

#lp-lp17a #topic-model #simulation .img-wrap img {
    padding: 30px 20px 0;
}

#lp-lp17a #model .model-img {
    width: 26%;
}

#lp-lp17a #model .model-txt {
    width: 66%;
}

#lp-lp17a #model .model-txt .comment {
    background: #ffffff;
    border-radius: 20px;
    padding: 1em;
    display: inline-block;
    margin-bottom: 40px;
    position: relative;
}

#lp-lp17a #model .model-txt .comment li:first-child {
    margin-bottom: 1em;
}

#lp-lp17a #model .model-txt .comment::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 20px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    left: -20px;
    bottom: 20px;
}

#lp-lp17a #model .model-txt .flex {
    align-items: flex-start;
}

#lp-lp17a #model .model-txt .flex p {
    margin: 0;
}

#lp-lp17a #model .ex {
    width: 49%;
    border: 2px solid #FD8C46;
    background: #ffffff;
    border-radius: 15px;
    font-weight: bold;
    overflow: hidden;
    margin-top: 1.25em;
}

#lp-lp17a #model .ex dt {
    background: #FD8C46;
    text-align: center;
    color: #ffffff;
    padding: 5px 2px;
}

#lp-lp17a #model .ex dd {
    padding: 0.5em;
    font-size: 1.3em;
}

#lp-lp17a #model .ex dd span {
    text-align: left;
    display: block;
    font-size: 0.7em;
}

#lp-lp17a #model .point {
    width: 49%;
    text-align: center;
    font-size: 0.9em;
}

#lp-lp17a #model .point h4 {
    background: #F53184;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin: 0;
    padding: 0.5em 1em;
    font-size: 1em;
}

#lp-lp17a #model .point p {
    background: #ffffff;
    border: 2px solid #333;
    padding: 2em 0.5em 1em;
    text-align: left;
    margin-top: -1.25em !important;
}

#lp-lp17a #model #wat-sell {
    text-align: center;
}

#lp-lp17a #model #wat-sell #formula {
    background: #ffffff;
    font-weight: bold;
    color: #FD8C46;
    font-size: 1.2em;
}

#lp-lp17a #model #wat-sell #formula br {
    display: none;
}

#lp-lp17a #model #lp-link3 {
    max-width: 400px;
}

#lp-lp17a #guarantee li {
    width: 32%;
    padding: 15px;
    border-radius: 15px;
    background: #ffffff;
    text-align: center;
    position: relative;
}

#lp-lp17a #guarantee li span {
    color: #FD8C46;
    font-weight: bold;
    font-size: 2.3em;
    position: absolute;
    top: 15px;
    left: 15px;
}

#lp-lp17a #guarantee li h3 {
    margin: 0;
}

#lp-lp17a #guarantee li img {
    max-width: 100px;
    padding: 20px 0;
}

#lp-lp17a #guarantee li p {
    text-align: left;
    font-size: 0.9em;
    margin-bottom: 0;
}

#lp-lp17a #qa dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-lp17a #qa .qa-wrap {
    width: 32%;
    border: 3px solid #FD8C46;
    margin-bottom: 2%;
    background: #ffffff;
}

#lp-lp17a #qa .qa-wrap dt {
    background: #FD8C46;
    padding: 10px 5px;
    color: #ffffff;
}

#lp-lp17a #qa .qa-wrap dt:before {
    content: "Q.";
    font-weight: bold;
    font-size: 1.3em;
}

#lp-lp17a #qa .qa-wrap dd {
    padding: 10px 5px;
    text-align: left;
    font-size: 0.85em;
}

#lp-lp17a #qa .qa-wrap dd:before {
    content: "A.";
    font-weight: bold;
    font-size: 1.3em;
}

#lp-lp17a #ps {
    background: url(/img/hd/hd_green.jpg) center top no-repeat;
    background-size: cover;
    color: #ffffff;
    margin-bottom: 10px;
}

#lp-lp17a #ps #ps-bk {
    background: rgba(0, 0, 0, 0.5);
}

#lp-lp17a #ps h2 {
    color: #ffffff;
}

#lp-lp17a #ps h2 img {
    width: 100px;
    margin: 0 auto 4px;
}

#lp-lp17a .regist {
    text-align: center;
}

#lp-lp17a .regist p {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-lp17a .regist-bk {
    background: url(/img/common/bg_ft.jpg) center top no-repeat;
    background-size: cover;
    color: #ffffff;
    text-align: center;
}

#lp-lp17a .regist-bk p.regist-txt {
    font-size: 1.2em;
    font-weight: bold;
    text-shadow: 2px 2px 3px #333;
}

#lp-lp17a .regist-btn {
    position: relative;
    max-width: 460px;
    margin: 20px auto;
}

#lp-lp17a .regist-btn .regist-circle {
    background: #ffffff;
    border: 2px solid #FD8C46;
    color: #333;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    font-weight: bold;
    position: absolute;
    top: -5px;
    left: 0;
    padding-top: 15px;
    line-height: 1.1;
}

#lp-lp17a .regist-btn .regist-circle span {
    display: block;
    font-size: 2em;
}

#lp-lp17a .regist-btn .cmn-btn {
    margin-left: 50px;
}

#lp-lp17a .regist-wrap {
    width: calc(100% - 50px);
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 15px 30px;
    color: #333;
    border-radius: 15px;
    position: relative;
}

#lp-lp17a .regist-wrap .form-text {
    text-align: left;
}

#lp-lp17a .regist-wrap form h2 {
    margin-bottom: 0;
}

#lp-lp17a #regist-banner {
    width: 100%;
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 999;
    text-align: center;
}

#lp-lp17a #regist-banner .flex {
    justify-content: center;
    border-top: 1px solid #3378bd;
    background: linear-gradient(to bottom, #3378bd 0%, #72b0f1 60%, #83bbf5 100%);
}

#lp-lp17a #regist-banner .flex a {
    width: 50%;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    padding: 5px 0;
    line-height: 1.2;
}

#lp-lp17a #regist-banner .flex a:hover {
    opacity: 1;
}

#lp-lp17a #regist-banner .flex a#lp-contact {
    background: #ffffff;
    color: #369cf3;
    padding-top: 0.9em;
}

#lp-lp17a #regist-banner .flex a#lp-contact:hover {
    color: #FD8C46;
}

#lp-lp17a #regist-banner .flex a#lp-regist {
    background: transparent;
    color: #ffffff;
}

#lp-lp17a #regist-banner .flex a#lp-regist span.font-s {
    font-size: 0.6em;
}

#lp-lp17a #regist-banner .flex a#lp-regist:hover {
    background: #FD8C46;
}

#lp-lp17a footer {
    color: #333;
}

@media screen and (max-width: 959px) {
    #lp-lp17a h2 {
        font-size: 1.5em;
    }

    #lp-lp17a h3 {
        font-size: 1.2em;
    }

    #lp-lp17a #mv-intro .flex {
        display: block;
    }

    #lp-lp17a #mv-intro .flex #mv-text {
        width: 100%;
    }

    #lp-lp17a #mv-intro .flex #mv-regist {
        width: 100%;
        max-width: 460px;
        margin: 2em auto 0;
    }

    #lp-lp17a #sell-wat #wat-catch {
        font-size: 1em;
    }

    #lp-lp17a #sell-wat p {
        font-size: 0.9em;
        font-weight: normal;
    }

    #lp-lp17a #guarantee li h3 {
        font-size: 1em;
    }

    #lp-lp17a #qa .qa-wrap {
        width: 49%;
    }
}

@media screen and (max-width: 799px) {
    #lp-lp17a #mv-regist {
        font-size: 0.9em;
    }

    #lp-lp17a #intro #intro-img {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    #lp-lp17a #intro #intro-txt {
        width: 100%;
    }

    #lp-lp17a #intro .regist {
        margin: 40px auto 0;
    }
}

@media screen and (max-width: 719px) {
    #lp-lp17a #mv {
        padding-top: 100px;
    }

    #lp-lp17a #mv h1 {
        width: 100%;
        order: 0;
        text-align: center;
    }

    #lp-lp17a #mv h1 img {
        max-width: 300px;
        width: 100%;
    }

    #lp-lp17a #mv #mv-img1 {
        width: 45%;
    }

    #lp-lp17a #mv #mv-img2 {
        width: 55%;
    }

    #lp-lp17a #use ol,
    #lp-lp17a #use ul {
        max-width: 350px;
        margin: 0 auto;
    }

    #lp-lp17a #use li {
        width: 100%;
        margin-bottom: 3%;
    }

    #lp-lp17a #topic-model #simulation .img-wrap {
        padding: 10px;
    }

    #lp-lp17a #topic-model #simulation .img-wrap img {
        padding: 0;
    }

    #lp-lp17a #topic-model #simulation .simu-hd {
        font-size: 1em;
        padding: 8px 12px;
    }

    #lp-lp17a #model #wat-sell {
        text-align: left;
    }

    #lp-lp17a #model #wat-sell #formula {
        font-size: 1em;
    }

    #lp-lp17a #model #wat-sell #formula br {
        display: block;
    }
}

@media screen and (max-width: 679px) {
    #lp-lp17a .sp-br {
        display: block;
    }

    #lp-lp17a #merit .merit-wrap {
        left: 30px;
    }

    #lp-lp17a #merit .merit-img {
        width: 100%;
    }

    #lp-lp17a #merit .bg-green {
        width: 100%;
        padding: 1em;
    }

    #lp-lp17a #merit li:nth-child(even) .flex {
        flex-direction: row;
    }

    #lp-lp17a #merit li:nth-child(3) .merit-img {
        padding-top: 100px;
    }

    #lp-lp17a #structure .flex {
        display: block;
    }

    #lp-lp17a #structure .img {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 1em;
    }

    #lp-lp17a #structure .txt {
        width: 100%;
    }

    #lp-lp17a #sell-wat h2 {
        font-size: 1.2em;
    }

    #lp-lp17a #sell-wat h2 span {
        display: block;
        transform: none;
    }

    #lp-lp17a #sell-wat #wat-img {
        margin: 0 auto 10px;
        width: 25%;
        max-width: 70px;
    }

    #lp-lp17a #sell-wat #wat-catch {
        width: 100%;
    }

    #lp-lp17a #sell-wat #wat-catch .catch-l {
        font-size: 1.5em;
    }

    #lp-lp17a #sell-wat p {
        width: 100%;
        margin-top: 20px;
    }

    #lp-lp17a #topic-model #simulation .simu-hd {
        font-size: 0.8em;
    }

    #lp-lp17a #model .model-img {
        width: 100%;
        max-width: 200px;
        margin: 0 auto 1em;
    }

    #lp-lp17a #model .model-txt {
        width: 100%;
    }

    #lp-lp17a #model .model-txt .comment::before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 20px 20px;
        border-color: transparent transparent #ffffff transparent;
        left: 30%;
        top: -20px;
        bottom: auto;
    }

    #lp-lp17a #guarantee li {
        width: 100%;
        margin: 0 auto 3%;
    }

    #lp-lp17a #ps h2 img {
        width: 80px;
    }
}

@media screen and (max-width: 479px) {
    #lp-lp17a header .logo {
        width: 120px;
    }

    #lp-lp17a #topic-model #simulation .simu-hd {
        width: 100%;
    }

    #lp-lp17a #topic-model #simulation .simu-hd .sp-br {
        display: block;
    }

    #lp-lp17a #model .ex,
    #lp-lp17a #model .point {
        width: 100%;
        margin-top: 0;
    }

    #lp-lp17a #qa .qa-wrap {
        width: 100%;
    }

    #lp-lp17a #regist-banner .flex a {
        font-size: 1em;
    }

    #lp-lp17a #mv-intro #intro-rate {
        font-size: 0.6em;
        top: 20px;
    }

    #lp-lp17a .regist-btn .cmn-btn {
        font-size: 1em;
    }

    #lp-lp17a .regist-btn .regist-circle {
        width: 70px;
        height: 70px;
        font-size: 0.8em;
    }

    #lp-lp17a .regist-bk .regist-btn {
        margin: 0;
    }

    #lp-lp17a .regist-bk .regist-btn .btn-cv {
        padding-left: 20px;
        font-size: 1em;
    }

    #lp-lp17a .regist-bk p.regist-txt {
        font-size: 0.85em;
    }
}

/*
  *
  *繝ｩ繝ｳ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ:螟ｪ髯ｽ蜈画兜雉�
  *
  */
#lp-lp18a {
    color: #333;
    /*---------- 繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ縺斐→縺ｮ閭梧勹�亥床蠖｢驛ｨ蛻�ｼ� ----------*/
    /*---------- 繝倥ャ繝€ ----------*/
    /*---------- 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ----------*/
    /*---------- CHANGE縺ｨ縺ｯ�� ----------*/
    /*---------- 繝｢繝�Ν繧ｱ繝ｼ繧ｹ ----------*/
    /*---------- 迚ｹ蠕ｴ ----------*/
    /*---------- 螟ｪ髯ｽ蜈画兜雉� ----------*/
    /*---------- 豈碑ｼ� ----------*/
    /*-------- W蜿苓ｳ� -------*/
    /*-------- 螳溽ｸｾ -------*/
    /*-------- 蛻ｩ逕ｨ閠��螢ｰ -------*/
    /*-------- 逶ｮ謖�☆譛ｪ譚･ -------*/
    /*-------- 遘√◆縺｡縺ｮ諠ｳ縺� -------*/
    /*-------- 雉ｪ蝠� -------*/
    /*-------- 繧ｭ繝｣繝ｳ繝壹�繝ｳ -------*/
    /*-------- 縺雁撫縺�粋繧上○ -------*/
    /*---------- 繧ｹ繝�ャ繝� ----------*/
}

#lp-lp18a ul,
#lp-lp18a ol,
#lp-lp18a dl {
    padding-left: 0;
}

#lp-lp18a h2 {
    font-size: 2.5em;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 0 40px;
}

#lp-lp18a h2:before,
#lp-lp18a h2:after {
    border-top: 3px solid;
    content: "";
    width: 1.5em;
}

#lp-lp18a h2::before {
    margin-right: 1rem;
}

#lp-lp18a h2::after {
    margin-left: 1rem;
}

#lp-lp18a h2 br {
    display: none;
}

#lp-lp18a h2.blue {
    color: #0068a9;
}

#lp-lp18a h2.white {
    color: white;
}

#lp-lp18a .container {
    max-width: 1020px;
}

#lp-lp18a .intro-txt {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

#lp-lp18a .intro-txt p {
    margin: 0;
}

#lp-lp18a .shadow {
    border-radius: 15px;
    background-color: white;
    box-shadow: 1px 1px 4px #636363;
    margin: 4px;
}

#lp-lp18a .form-wrap {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 15px;
    padding: 20px;
}

#lp-lp18a .form-wrap .form-text {
    color: #333;
    font-weight: bold;
    margin: 0 0 5px;
}

#lp-lp18a .form-wrap .cv-txt {
    font-weight: bold;
    color: #333;
    font-size: 1.2em;
    line-height: 0.8;
    position: relative;
    z-index: 99;
    text-shadow: 2px 2px 1px #f09500, -2px 2px 1px #f09500, 2px -2px 1px #f09500, -2px -2px 1px #f09500, 2px 0px 1px #f09500, 0px 2px 1px #f09500, -2px 0px 1px #f09500, 0px -2px 1px #f09500;
}

#lp-lp18a .form-wrap .btn-cv {
    background-color: #ff6700;
    border: 2px solid #ff6700;
    max-width: 500px;
    width: 90%;
    font-size: 1.2em;
    font-weight: bold;
    border-radius: 5px;
    padding: 0.5em 0;
    letter-spacing: 0;
    box-shadow: 0 0 4px #808080;
}

#lp-lp18a .form-wrap .btn-cv .uk-icon {
    width: 20px;
    height: 20px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

#lp-lp18a .form-wrap .btn-cv:hover {
    background-color: white;
    color: #ff6700;
}

#lp-lp18a .recaptcha-txt {
    font-weight: normal;
    margin: 0;
}

#lp-lp18a .bg-gp {
    background: url(/img/lp18/a/bk_img.png) center bottom repeat;
}

#lp-lp18a section {
    position: relative;
    padding: 80px 0 40px;
}

#lp-lp18a .bg-trp {
    position: absolute;
    bottom: -25px;
    width: 100%;
    height: 25px;
    display: block;
    z-index: 99;
}

#lp-lp18a .bg-trp .trp {
    content: "";
    width: 100%;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
}

#lp-lp18a .bg-trp .trp-gp {
    position: relative;
    height: 25px;
    background: url(/img/lp18/a/bk_img.png) center top repeat;
}

#lp-lp18a .bg-trp .trp-gp:before,
#lp-lp18a .bg-trp .trp-gp:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 0;
}

#lp-lp18a .bg-trp .trp-gp:before {
    border-width: 40px 0 0 20px;
    border-color: transparent transparent transparent #0092dd;
    left: 0;
}

#lp-lp18a .bg-trp .trp-gp:after {
    border-width: 0 0 40px 20px;
    border-color: transparent transparent #0092dd transparent;
    right: 0;
}

#lp-lp18a header {
    background-color: #0092dd;
}

#lp-lp18a header #hd-top {
    border-bottom: none;
    margin-bottom: 0;
}

#lp-lp18a #mv {
    background-color: #0092dd;
    color: white;
    font-weight: bold;
    padding: 0 0 40px;
}

#lp-lp18a #mv .trp {
    border-top: 25px solid #0092dd;
}

#lp-lp18a #mv .flex {
    align-items: flex-end;
}

#lp-lp18a #mv #mv-txt {
    width: 52%;
    margin-bottom: 40px;
}

#lp-lp18a #mv #mv-txt h1 {
    font-size: 4em;
}

#lp-lp18a #mv #mv-txt h1 span {
    color: #ffe900;
    display: block;
}

#lp-lp18a #mv #mv-txt #mv-copy {
    background-color: white;
    color: #0092dd;
    font-size: 1.5em;
    font-weight: bold;
    padding: 5px 0 5px 10px;
}

#lp-lp18a #mv #mv-img {
    width: 48%;
    position: relative;
    text-align: right;
}

#lp-lp18a #mv #mv-img .mv-circle {
    max-width: 167px;
    width: 34%;
    position: absolute;
}

#lp-lp18a #mv #mv-img #mv-fam {
    max-width: 363px;
    width: 100%;
}

#lp-lp18a #mv #mv-img #mv-fam .pc-img {
    display: block;
}

#lp-lp18a #mv #mv-img #mv-fam .sp-img {
    display: none;
}

#lp-lp18a #mv #mv-img #mv-circle1 {
    left: -5%;
    top: 0;
}

#lp-lp18a #mv #mv-img #mv-circle2 {
    bottom: 10px;
    left: -1%;
}

#lp-lp18a #mv #top-form {
    width: 100%;
}

#lp-lp18a #mv #top-form .flex {
    justify-content: space-between;
    align-content: flex-end;
}

#lp-lp18a #mv #top-form .flex .btn-cv {
    width: 300px;
}

#lp-lp18a #mv #top-form .flex .input-wrap {
    width: calc(100% - 305px);
}

#lp-lp18a #mv #top-form .flex .input-email {
    height: 50px;
}

#lp-lp18a #movie {
    background-color: #ccf5ff;
}

#lp-lp18a #movie .trp {
    border-top: 25px solid #ccf5ff;
}

#lp-lp18a #movie .flex {
    justify-content: space-between;
}

#lp-lp18a #movie #movie-img {
    width: 40%;
}

#lp-lp18a #movie .movie-img {
    border: 1px solid #ddd;
    max-width: 400px;
    margin: 0 auto;
}

#lp-lp18a #movie #movie-txt {
    width: 56%;
}

#lp-lp18a #movie #movie-txt h3 {
    max-width: 360px;
}

#lp-lp18a #movie #movie-txt p {
    max-width: 25em;
}

#lp-lp18a .movie-wrap {
    position: relative;
    padding-bottom: 56%;
    width: 100%;
    height: 0;
    border: 1px solid #ddd;
}

#lp-lp18a .movie-wrap .uk-close {
    color: #fff;
    background-color: #000;
    border-radius: 50%;
    border: 1px solid #fff;
    top: -30px;
    right: -15px;
}

#lp-lp18a .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#lp-lp18a #model .trp {
    border-top: 25px solid transparent;
}

#lp-lp18a #model .intro-txt {
    font-weight: normal;
}

#lp-lp18a #model h3 {
    background-color: #0092dd;
    color: white;
    text-align: center;
    display: block;
    max-width: 800px;
    width: 96%;
    padding: 10px;
    border-radius: 30px;
    margin: -40px auto 40px;
}

#lp-lp18a #model h3 br {
    display: none;
}

#lp-lp18a #model .wrap {
    padding-top: 80px;
}

#lp-lp18a #model #model-list {
    justify-content: space-between;
}

#lp-lp18a #model #model-list li {
    width: 23%;
}

#lp-lp18a #model #wat-sell {
    text-align: center;
}

#lp-lp18a #model #wat-sell #formula {
    background-color: #a4e5f9;
    font-weight: bold;
    color: #2069a9;
    font-size: 1.2em;
}

#lp-lp18a #model #wat-sell #formula br {
    display: none;
}

#lp-lp18a #point {
    background-color: #0092dd;
}

#lp-lp18a #point .intro-txt {
    color: white;
}

#lp-lp18a #point .trp {
    border-top: 25px solid #0092dd;
}

#lp-lp18a #point #point-top {
    position: relative;
}

#lp-lp18a #point #point-top .point-il {
    position: absolute;
    bottom: 0;
    width: 15%;
}

#lp-lp18a #point #point-top #point-il-01 {
    left: 0;
}

#lp-lp18a #point #point-top #point-il-02 {
    right: 0;
}

#lp-lp18a #point #point-top ol {
    justify-content: space-between;
    width: 70%;
    margin: 0 auto;
}

#lp-lp18a #point #point-top ol li {
    width: 20%;
    position: relative;
}

#lp-lp18a #point #point-top ol li:nth-child(2)::before,
#lp-lp18a #point #point-top ol li:nth-child(2)::after {
    content: "";
    display: block;
    width: 40%;
    height: 100%;
    background: url(/img/lp18/a/point_x.png) center center no-repeat;
    background-size: 100% auto;
    position: absolute;
}

#lp-lp18a #point #point-top ol li:nth-child(2)::before {
    top: 0;
    left: -70%;
}

#lp-lp18a #point #point-top ol li:nth-child(2)::after {
    top: 0;
    right: -70%;
}

#lp-lp18a #point dl .point-wrap {
    background-color: #d9e9f6;
    border-radius: 15px;
    border: 5px solid #d9e9f6;
}

#lp-lp18a #point dl .point-wrap:nth-child(1) li:before {
    background: url(/img/lp18/a/ribbon_01.png) center top no-repeat;
    background-size: contain;
}

#lp-lp18a #point dl .point-wrap:nth-child(2) li:before {
    background: url(/img/lp18/a/ribbon_02.png) center top no-repeat;
    background-size: contain;
}

#lp-lp18a #point dl .point-wrap:nth-child(3) li:before {
    background: url(/img/lp18/a/ribbon_03.png) center top no-repeat;
    background-size: contain;
}

#lp-lp18a #point dl dt {
    width: 18%;
    padding: 2%;
    align-self: center;
}

#lp-lp18a #point dl dt .point-hd {
    display: none;
}

#lp-lp18a #point dl dd {
    width: 82%;
    text-align: left;
}

#lp-lp18a #point dl dd ul {
    justify-content: space-between;
    margin: 0;
}

#lp-lp18a #point dl dd li {
    width: 32%;
    background-color: white;
    border-radius: 15px;
    padding: 20px 10px 10px;
    position: relative;
}

#lp-lp18a #point dl dd li::before {
    display: block;
    content: "";
    position: absolute;
    top: -8px;
    left: 10px;
    width: 25px;
    height: 25px;
}

#lp-lp18a #point dl dd li h4 {
    color: #0092dd;
    font-weight: bold;
}

#lp-lp18a #point dl dd li p {
    margin: 0;
}

#lp-lp18a #solar .intro-txt {
    margin: 0 0 60px;
}

#lp-lp18a #solar .flex {
    justify-content: space-between;
    background: url(/img/lp18/a/arrow_hikaku.png) center center no-repeat;
    background-size: 14% auto;
}

#lp-lp18a #solar .solar-wrap {
    width: 41%;
}

#lp-lp18a #solar .solar-wrap h3 {
    border-radius: 30px;
    height: 55px;
    max-width: 320px;
    width: 90%;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -40px auto 20px;
}

#lp-lp18a #solar .solar-wrap .font-s {
    font-weight: normal;
}

#lp-lp18a #solar .solar-wrap ul {
    margin: 0;
}

#lp-lp18a #solar .solar-wrap ul li {
    padding: 15px 0 15px 45px;
    font-weight: bold;
    font-size: 1.1em;
    position: relative;
}

#lp-lp18a #solar .solar-wrap ul li p {
    margin: 0;
}

#lp-lp18a #solar .solar-wrap ul li:not(:last-child) {
    border-bottom: 2px dotted #8b8b8b;
}

#lp-lp18a #solar .solar-wrap ul li:before {
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    position: absolute;
    left: 0;
    top: 20px;
}

#lp-lp18a #solar #solar-normal h3 {
    background-color: #0092dd;
    color: white;
}

#lp-lp18a #solar #solar-normal li:before {
    background: url(/img/lp18/icon_sankaku.png) center center no-repeat;
    background-size: contain;
}

#lp-lp18a #solar #solar-change h3 {
    background-color: #f8ad3b;
}

#lp-lp18a #solar #solar-change h3 img {
    height: 1.3em;
    width: auto;
}

#lp-lp18a #solar #solar-change li:before {
    background: url(/img/lp18/icon_maru.png) center center no-repeat;
    background-size: contain;
}

#lp-lp18a #compare {
    background-color: #0092dd;
}

#lp-lp18a #compare .trp {
    border-top: 25px solid #0092dd;
}

#lp-lp18a #compare table {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
    background-color: white;
    border-spacing: 0;
}

#lp-lp18a #compare table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-lp18a #compare table tr {
    width: 12.5%;
    border-left: 1px solid #808080;
}

#lp-lp18a #compare table th,
#lp-lp18a #compare table td {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #808080;
    height: 50px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#lp-lp18a #compare table th {
    font-size: 0.8em;
    background-color: #e5e5e5;
}

#lp-lp18a #compare table .th-top {
    border-top: 1px solid #808080;
}

#lp-lp18a #compare table .row td .sp-hd {
    display: none;
}

#lp-lp18a #compare table .row td .line-red {
    display: inline;
    background: linear-gradient(transparent 80%, #f33c3d 0%);
}

#lp-lp18a #compare table .change-data th {
    border-right: 1px solid #808080;
    padding: 10px 5px;
}

#lp-lp18a #compare table .change-data th img {
    max-width: 100px;
    width: 100%;
}

#lp-lp18a #compare table .change-data td {
    border-right: 1px solid #808080;
}

#lp-lp18a #compare table .change-data td .line-orange {
    display: inline;
    background: linear-gradient(transparent 70%, #f8ad3b 0%);
}

#lp-lp18a #compare #compare-text {
    background-color: white;
    border-radius: 15px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    max-width: 750px;
    width: calc(100% - 170px);
    margin: 0 auto;
    padding: 15px 30px;
    position: relative;
}

#lp-lp18a #compare #compare-text p {
    margin: 5px 0;
}

#lp-lp18a #compare #compare-text span {
    color: #0092dd;
    font-size: 1.2em;
    background: linear-gradient(transparent 80%, #fff002 0%);
}

#lp-lp18a #compare #compare-text::before,
#lp-lp18a #compare #compare-text::after {
    content: "";
    display: block;
    position: absolute;
    display: block;
    position: absolute;
}

#lp-lp18a #compare #compare-text::before {
    width: 138px;
    height: 184px;
    background: url(/img/lp18/a/illust_compare1.png) left bottom no-repeat;
    background-size: 100%;
    left: -100px;
    bottom: -12px;
}

#lp-lp18a #compare #compare-text::after {
    width: 124px;
    height: 187px;
    background: url(/img/lp18/a/illust_compare2.png) left bottom no-repeat;
    background-size: 100%;
    right: -90px;
    bottom: -12px;
}

#lp-lp18a #award {
    text-align: center;
    background-color: #ffe900;
}

#lp-lp18a #award .container {
    max-width: 900px;
}

#lp-lp18a #award h2 {
    color: #004972;
    max-width: 18.5em;
    width: 100%;
    margin: 0 auto;
}

#lp-lp18a #award h2::before,
#lp-lp18a #award h2::after {
    display: none;
}

#lp-lp18a #award h2 span {
    font-family: serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1;
}

#lp-lp18a #award h2 .font-l {
    font-size: 2.2em;
}

#lp-lp18a #award h2 .font-l .font-s {
    font-size: 0.7em;
}

#lp-lp18a #award .black-line {
    display: inline-block;
    border-bottom: solid 5px #004972;
    padding-bottom: 10px;
}

#lp-lp18a #award h3 {
    color: #000;
    font-weight: normal;
}

#lp-lp18a #award .award-list {
    width: 100%;
    margin: 0 auto 30px;
}

#lp-lp18a #award .award-list h3 {
    font-size: 1.2em;
}

#lp-lp18a #award .g-life h3 {
    margin-bottom: 0.5em;
}

#lp-lp18a #award .award-logo {
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}

#lp-lp18a #award .award-logo li {
    width: 48%;
}

#lp-lp18a #lp-data #data {
    position: relative;
}

#lp-lp18a #lp-data #data h2 {
    color: #0068a9;
}

#lp-lp18a #lp-data #data::before {
    content: "";
    position: absolute;
    bottom: -25px;
    width: 100%;
    height: 25px;
    display: block;
    z-index: 99;
}

#lp-lp18a #lp-data #data:after {
    content: "";
    position: absolute;
    border-top: 25px solid white;
    max-width: 1100px;
    width: 100%;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    bottom: -25px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 100;
}

#lp-lp18a #voice {
    background-color: #0092dd;
}

#lp-lp18a #voice .trp {
    border-top: 25px solid #0092dd;
}

#lp-lp18a #voice dl {
    background-color: transparent;
}

#lp-lp18a #voice .user-wrap {
    justify-content: space-between;
    align-items: center;
}

#lp-lp18a #voice .user-wrap dt {
    width: 22%;
}

#lp-lp18a #voice .user-wrap dd {
    width: 75%;
    background-color: white;
    padding: 1em;
    text-align: left;
    border-radius: 20px;
    position: relative;
}

#lp-lp18a #voice .user-wrap dd::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: calc(50% - 7px);
    border-width: 15px 30px 15px 0;
    border-color: transparent #fff transparent transparent;
    left: -30px;
}

#lp-lp18a #voice .user-wrap dd p {
    margin: 0;
}

#lp-lp18a #voice .user-wrap dd .age {
    margin-top: 1em;
}

#lp-lp18a #voice .user-wrap:nth-child(even) {
    flex-direction: row-reverse;
}

#lp-lp18a #voice .user-wrap:nth-child(even) dd {
    background-color: #ccf5ff;
}

#lp-lp18a #voice .user-wrap:nth-child(even) dd::before {
    border-width: 15px 0 15px 30px;
    border-color: transparent transparent transparent #ccf5ff;
    right: -30px;
    left: auto;
}

#lp-lp18a #future #future-apf img {
    width: 100px;
}

#lp-lp18a #future .img-wrap {
    width: 27%;
}

#lp-lp18a #future .txt-wrap {
    width: 70%;
    padding: 20px;
}

#lp-lp18a #future .txt-wrap h3 {
    margin: -40px auto 40px;
}

#lp-lp18a #future .txt-wrap h3 span {
    color: white;
    display: inline-block;
    padding: 0.3em 1em;
    border-radius: 30px;
}

#lp-lp18a #future .txt-wrap h3 span.blue {
    background-color: #0092dd;
}

#lp-lp18a #future .txt-wrap h3 span.orange {
    background-color: #f8ad3b;
}

#lp-lp18a #future .future-wrap {
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

#lp-lp18a #future #future01 {
    align-items: center;
}

#lp-lp18a #future #future01 h3 {
    max-width: 25em;
    margin: 0;
}

#lp-lp18a #future #future02 .img-wrap {
    position: absolute;
    right: 0;
    top: 0;
}

#lp-lp18a #future #future03 {
    justify-content: flex-end;
}

#lp-lp18a #future #future03 .img-wrap {
    position: absolute;
    left: 0;
    top: 0;
}

#lp-lp18a #future #future04 .img-wrap {
    width: 43%;
    position: absolute;
    right: 0;
    top: 0;
}

#lp-lp18a #future #future04 .txt-wrap {
    width: 53%;
}

#lp-lp18a #future #future04 .txt-wrap li {
    margin-bottom: 1em;
    justify-content: space-between;
}

#lp-lp18a #future #future04 .txt-wrap .sdgs-img {
    width: 70px;
}

#lp-lp18a #future #future04 .txt-wrap .sdgs-txt {
    width: calc(100% - 80px);
}

#lp-lp18a #future #future04 .txt-wrap .sdgs-txt p {
    margin: 0;
}

#lp-lp18a #story {
    background-color: #0092dd;
}

#lp-lp18a #story .trp {
    border-top: 25px solid #0092dd;
}

#lp-lp18a #story ul {
    justify-content: space-between;
}

#lp-lp18a #story ul li {
    width: 32%;
    border-radius: 15px;
    background-color: white;
    overflow: hidden;
}

#lp-lp18a #story ul li p {
    margin: 0;
}

#lp-lp18a #story ul li .name {
    background-color: #ccf5ff;
    padding: 1em;
}

#lp-lp18a #story ul li .txt {
    padding: 1em;
}

#lp-lp18a #faq dl {
    justify-content: space-between;
}

#lp-lp18a #faq .qa-wrap {
    width: 32%;
    border: 3px solid #0068a9;
    margin-bottom: 2%;
    background-color: white;
}

#lp-lp18a #faq .qa-wrap dt {
    background-color: #0068a9;
    padding: 10px 5px;
    color: white;
    position: relative;
    padding-left: 35px;
}

#lp-lp18a #faq .qa-wrap dt:before {
    content: "Q";
    font-weight: bold;
    font-size: 18px;
    width: 25px;
    height: 25px;
    background-color: white;
    color: #0068a9;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    left: 5px;
}

#lp-lp18a #faq .qa-wrap dd {
    padding: 10px;
    text-align: left;
    font-size: 0.9em;
}

#lp-lp18a #faq .qa-wrap dd:before {
    content: "A";
    font-weight: bold;
    font-size: 18px;
    width: 25px;
    height: 25px;
    background-color: #0068a9;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    margin: 0 5px 5px 0;
}

#lp-lp18a #faq .qa-wrap p {
    margin: 0;
}

#lp-lp18a .cam-lp {
    background-color: #0092dd;
    padding: 0;
}

#lp-lp18a .cam-lp .trp {
    border-top: 25px solid #0092dd;
}

#lp-lp18a .cam-lp #cam-hd {
    font-size: 2.5em;
    color: #fff;
}

#lp-lp18a .cam-lp .btn-m {
    color: #ffffff;
    background-color: #ff6700;
    border: 1px solid #ff6700;
    letter-spacing: 0.1em;
}

#lp-lp18a #contact .trp {
    border-top: 25px solid white;
}

#lp-lp18a #contact h3 {
    background-color: #0092dd;
    color: #fff;
    text-align: center;
    padding: 5px;
}

#lp-lp18a #contact p {
    margin: 0;
}

#lp-lp18a #contact .flex {
    justify-content: space-between;
    align-items: center;
}

#lp-lp18a #contact #ctw {
    width: 35%;
    max-width: 385px;
    font-size: 16px;
}

#lp-lp18a #contact #ctw a {
    color: #333;
}

#lp-lp18a #contact #ctw img {
    width: 100%;
    margin: 1em 0 8px;
}

#lp-lp18a #contact #p-mark {
    width: 120px;
    height: auto;
    margin: 0 8px 0 auto;
}

#lp-lp18a #contact #cs {
    width: 455px;
    color: #7f7f7f;
    font-weight: bold;
    border: 1px solid #7f7f7f;
    border-radius: 16px;
    padding: 1em 0.5em;
}

#lp-lp18a #contact #cs #cs-hd {
    font-size: 1em;
    text-align: center;
}

#lp-lp18a #contact #cs #cs-hd .bg-blue,
#lp-lp18a #contact #cs #cs-hd .frame-blue {
    padding-top: 1px;
    border: solid 1px #0092dd;
}

#lp-lp18a #contact #cs #cs-hd .bg-blue {
    background-color: #0092dd;
    color: #fff;
    width: 60%;
}

#lp-lp18a #contact #cs #cs-hd .frame-blue {
    width: 40%;
}

#lp-lp18a #contact #cs #cs-info {
    padding: 0 3px;
}

#lp-lp18a #contact #cs #tel .font-l {
    color: #0092dd;
    font-size: 2em;
}

#lp-lp18a #contact #cs #tel span {
    vertical-align: middle;
}

#lp-lp18a .step {
    background-color: #004972;
}

#lp-lp18a .step .trp {
    border-top: 25px solid #004972;
}

#lp-lp18a .step h2 {
    font-size: 2em;
}

#lp-lp18a .step h2:before,
#lp-lp18a .step h2:after {
    content: none;
}

#lp-lp18a .step .step-wrap {
    border-top: 5px solid white;
    border-bottom: 5px solid white;
    align-items: flex-end;
}

#lp-lp18a .step h3 {
    width: 18%;
}

#lp-lp18a .step ol {
    width: 80%;
    align-items: flex-end;
    justify-content: space-between;
}

#lp-lp18a .step ol li {
    width: 23%;
    position: relative;
}

#lp-lp18a .step ol li:nth-child(1):after,
#lp-lp18a .step ol li:nth-child(2):after {
    content: "";
    display: block;
    width: 30%;
    height: 100%;
    background: url(/img/lp18/a/step_arrow.png) center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 10%;
    right: -20%;
    z-index: 99;
}

#lp-lp18a .step ol li:last-child .pc-img {
    display: block;
}

#lp-lp18a .step ol li:last-child .sp-img {
    display: none;
}

#lp-lp18a #last .step .trp {
    border-top: none;
}

#lp-lp18a footer {
    color: #333;
}

@media screen and (max-width: 960px) {
    #lp-lp18a #mv #mv-txt h1 {
        font-size: 3.5em;
    }

    #lp-lp18a #mv #mv-txt #mv-copy {
        font-size: 2.5vw;
    }

    #lp-lp18a h2 {
        font-size: 1.8em;
    }

    #lp-lp18a h3 {
        font-size: 1.2em;
    }

    #lp-lp18a #compare table td {
        font-size: 0.9em;
    }

    #lp-lp18a #compare #compare-text {
        text-align: left;
    }

    #lp-lp18a .cam-lp #cam-hd {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 840px) {
    #lp-lp18a .bg-trp {
        display: none;
    }

    #lp-lp18a section {
        padding: 40px 0;
    }

    #lp-lp18a #mv #mv-txt {
        width: 57%;
    }

    #lp-lp18a #mv #mv-txt h1 {
        font-size: 3em;
    }

    #lp-lp18a #mv #mv-img {
        width: 43%;
    }

    #lp-lp18a #solar .solar-wrap h3 {
        font-size: 1.1em;
    }

    #lp-lp18a #award .award-list {
        text-align: left;
    }

    #lp-lp18a #lp-data #data::before,
    #lp-lp18a #lp-data #data::after {
        display: none;
    }

    #lp-lp18a #faq .qa-wrap {
        width: 49%;
    }

    #lp-lp18a #contact .container {
        max-width: 576px;
    }

    #lp-lp18a #contact #ctw {
        width: 100%;
    }

    #lp-lp18a #contact #cs {
        margin-top: 20px;
        width: 100%;
    }

    #lp-lp18a #contact #cs #cs-hd {
        font-size: 0.8em;
    }

    #lp-lp18a #contact #cs #cs-info {
        text-align: center;
    }
}

@media screen and (max-width: 720px) {
    #lp-lp18a #story ul {
        max-width: 400px;
        margin: 0 auto;
    }

    #lp-lp18a #story ul li {
        width: 100%;
    }

    #lp-lp18a #story ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    #lp-lp18a #future #future04 .img-wrap {
        width: 100%;
        position: static;
        max-width: 400px;
        margin: 0 auto 20px;
    }

    #lp-lp18a #future #future04 .img-wrap .pc-img {
        display: none;
    }

    #lp-lp18a #future #future04 .txt-wrap {
        width: 100%;
    }

    #lp-lp18a #future #future04 .txt-wrap p {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 640px) {
    #lp-lp18a h2 {
        font-size: 1.5em;
    }

    #lp-lp18a h2 br {
        display: block;
    }

    #lp-lp18a h3 {
        font-size: 1.1em;
    }

    #lp-lp18a .intro-txt {
        font-size: 1em;
        text-align: left;
    }

    #lp-lp18a .intro-txt br {
        display: none;
    }

    #lp-lp18a #mv #mv-txt {
        width: 100%;
        text-align: center;
        margin: 40px auto 0;
        max-width: 500px;
    }

    #lp-lp18a #mv #mv-txt h1 {
        font-size: 11vw;
    }

    #lp-lp18a #mv #mv-txt #mv-copy {
        font-size: 4vw;
    }

    #lp-lp18a #mv #mv-img {
        width: 100%;
        max-width: 500px;
        text-align: center;
        margin: 0 auto;
    }

    #lp-lp18a #mv #mv-img #mv-fam {
        width: 60%;
        margin: 0;
    }

    #lp-lp18a #mv #mv-img #mv-fam .pc-img {
        display: none;
    }

    #lp-lp18a #mv #mv-img #mv-fam .sp-img {
        display: block;
    }

    #lp-lp18a #mv #mv-img .mv-circle {
        width: 35%;
        max-width: 180px;
    }

    #lp-lp18a #mv #mv-img #mv-circle1 {
        left: auto;
        right: 62%;
        top: 20px;
    }

    #lp-lp18a #mv #mv-img #mv-circle2 {
        left: auto;
        right: 62%;
    }

    #lp-lp18a #mv #top-form .flex .input-wrap {
        width: 100%;
    }

    #lp-lp18a #mv #top-form .flex .cv-wrap {
        width: 100%;
        margin: 10px auto 0;
    }

    #lp-lp18a #mv #top-form .flex .btn-cv {
        max-width: 300px;
        width: 100%;
        font-size: 1.1em;
    }

    #lp-lp18a #model h3 br {
        display: block;
    }

    #lp-lp18a #model #model-list li {
        width: 49%;
        text-align: center;
    }

    #lp-lp18a #model #model-list li img {
        max-width: 230px;
        width: 100%;
    }

    #lp-lp18a #model #wat-sell {
        text-align: left;
    }

    #lp-lp18a #model #wat-sell #formula {
        font-size: 1em;
    }

    #lp-lp18a #model #wat-sell #formula br {
        display: block;
    }

    #lp-lp18a #point #point-top ol {
        width: 100%;
    }

    #lp-lp18a #point #point-top .img-wrap {
        text-align: center;
        margin: 0 auto -30px;
    }

    #lp-lp18a #point #point-top .point-il {
        position: static;
        width: 120px;
    }

    #lp-lp18a #point dl {
        position: relative;
    }

    #lp-lp18a #point dl .point-wrap:not(:last-child) {
        margin-bottom: 80px !important;
    }

    #lp-lp18a #point dl .point-wrap:nth-child(1) .point-hd {
        color: #fae909;
    }

    #lp-lp18a #point dl .point-wrap:nth-child(2) .point-hd {
        color: #c3f125;
    }

    #lp-lp18a #point dl .point-wrap:nth-child(3) .point-hd {
        color: #f5a5db;
    }

    #lp-lp18a #point dl dt {
        width: 90%;
        margin: -40px auto 10px;
    }

    #lp-lp18a #point dl dt img {
        display: none;
    }

    #lp-lp18a #point dl dt .point-hd {
        display: block;
        background-color: #004972;
        border: 2px solid white;
        font-size: 1.5em;
        text-align: center;
        padding: 5px;
        border-radius: 30px;
    }

    #lp-lp18a #point dl dt .point-hd span {
        color: white;
    }

    #lp-lp18a #point dl dd {
        width: 100%;
    }

    #lp-lp18a #point dl dd li {
        width: 100%;
    }

    #lp-lp18a #point dl dd li:not(:last-child) {
        margin-bottom: 20px;
    }

    #lp-lp18a #solar .flex {
        background: none;
    }

    #lp-lp18a #solar .solar-wrap {
        width: 100%;
        margin: 0 auto 4px;
    }

    #lp-lp18a #solar #solar-normal {
        margin: 0 auto 80px;
    }

    #lp-lp18a #compare table {
        max-width: 500px;
        margin: 0 auto 50px;
    }

    #lp-lp18a #compare table tbody {
        display: block;
    }

    #lp-lp18a #compare table #thead {
        display: none;
    }

    #lp-lp18a #compare table tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        border-right: 1px solid #999999;
    }

    #lp-lp18a #compare table th {
        width: 100%;
        padding: 0;
    }

    #lp-lp18a #compare table th br {
        display: none;
    }

    #lp-lp18a #compare table .row td {
        display: inline-block;
        width: 25%;
        font-size: 1em;
        height: 60px;
        border-bottom: none;
    }

    #lp-lp18a #compare table .row td .sp-hd {
        display: block;
        color: #999;
        font-size: 0.7em;
        font-weight: bold;
        margin-bottom: 5px;
    }

    #lp-lp18a #compare table .change-data {
        border-bottom: 1px solid #999;
    }

    #lp-lp18a #compare table .change-data th,
    #lp-lp18a #compare table .change-data td {
        border-right: none;
    }

    #lp-lp18a #compare #compare-text {
        font-size: 1em;
        padding: 15px 40px;
        text-align: left;
        width: calc(100% - 80px);
    }

    #lp-lp18a #compare #compare-text::before {
        width: 83px;
        height: 111px;
        left: -40px;
    }

    #lp-lp18a #compare #compare-text::after {
        width: 75px;
        height: 112px;
        right: -40px;
    }

    #lp-lp18a #award .j-startup h3 {
        margin-bottom: 0.5em;
    }

    #lp-lp18a #voice .user-wrap dd::before {
        border-width: 10px 20px 10px 0;
        border-color: transparent #fff transparent transparent;
        left: -15px;
    }

    #lp-lp18a #voice .user-wrap:nth-child(even) dd::before {
        border-width: 10px 0 10px 20px;
        border-color: transparent transparent transparent #ccf5ff;
        right: -15px;
        left: auto;
    }

    #lp-lp18a #award h2 {
        max-width: 20em;
    }

    #lp-lp18a #future #future-apf img {
        width: 80px;
    }

    #lp-lp18a #future .img-wrap {
        width: 200px;
        margin: 0 auto 20px;
    }

    #lp-lp18a #future .txt-wrap {
        width: 100%;
    }

    #lp-lp18a #future .txt-wrap p {
        margin-bottom: 0;
    }

    #lp-lp18a #future h3 {
        font-size: 1em;
    }

    #lp-lp18a #future #future01 h3 {
        max-width: initial;
    }

    #lp-lp18a #future #future01 .txt-wrap {
        padding: 0;
    }

    #lp-lp18a #future #future02 .img-wrap {
        position: static;
    }

    #lp-lp18a #future #future03 .img-wrap {
        width: 150px;
        position: static;
    }

    #lp-lp18a #faq .qa-wrap {
        width: 100%;
    }

    #lp-lp18a .step .container {
        position: relative;
    }

    #lp-lp18a .step h2 {
        text-align: left;
        justify-content: flex-start;
        height: 120px;
        margin: 0 !important;
        font-size: 7vw;
    }

    #lp-lp18a .step h3 {
        position: absolute;
        top: 0;
        right: 10px;
        width: 112px;
    }

    #lp-lp18a .step .step-wrap {
        border-top: 3px solid #ffffff;
        border-bottom: 3px solid #ffffff;
    }

    #lp-lp18a .step .step-wrap ol {
        width: 100%;
    }

    #lp-lp18a .cam-lp #cam-hd {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 544px) {
    #lp-lp18a #contact .container {
        max-width: 385px;
        margin: 0 auto;
    }

    #lp-lp18a #contact #ctw {
        width: 100%;
        margin-bottom: 1em;
    }

    #lp-lp18a #contact #ctw img {
        margin: 0 auto 8px;
    }

    #lp-lp18a #contact #p-mark {
        order: 3;
        margin: 1em auto 0;
    }

    #lp-lp18a #contact #cs {
        width: 100%;
        margin: 0 auto;
    }

    #lp-lp18a #contact #cs #cs-hd .bg-blue,
    #lp-lp18a #contact #cs #cs-hd .frame-blue {
        width: 100%;
    }

    #lp-lp18a #contact #cs #tel .font-l {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 480px) {
    #lp-lp18a h2 {
        font-size: 1.3em;
    }

    #lp-lp18a h2::before {
        width: 1em;
        margin-right: 0.5rem;
    }

    #lp-lp18a h2::after {
        width: 1em;
        margin-left: 0.5rem;
    }

    #lp-lp18a #movie #movie-img {
        width: 100%;
        margin-bottom: 20px;
    }

    #lp-lp18a #movie #movie-txt {
        width: 100%;
    }

    #lp-lp18a #model h3 {
        font-size: 0.9em;
        width: 100%;
        padding: 5px;
    }

    #lp-lp18a #point dl dd h4 {
        font-size: 1em;
    }

    #lp-lp18a #compare table .row td {
        font-size: 0.9em;
    }

    #lp-lp18a #compare #compare-text {
        padding: 15px 20px;
        width: calc(100% - 40px);
        font-size: 0.8em;
    }

    #lp-lp18a #compare #compare-text::before {
        width: 60px;
        height: 80px;
        left: -32px;
    }

    #lp-lp18a #compare #compare-text::after {
        width: 54px;
        height: 81px;
        right: -32px;
    }

    #lp-lp18a #award h2 {
        max-width: 14em;
    }

    #lp-lp18a .cam-lp #cam-hd {
        font-size: 1.3em;
    }

    #lp-lp18a #contact #cs #tel .font-l {
        font-size: 1.5em;
    }

    #lp-lp18a .step h2 {
        font-size: 6vw;
        height: 97px;
    }

    #lp-lp18a .step h3 {
        width: 90px;
    }

    #lp-lp18a .step ol li:not(:last-child) {
        width: 32%;
    }

    #lp-lp18a .step ol li:last-child {
        width: 100%;
        margin: 10px auto 0;
    }

    #lp-lp18a .step ol li:last-child .pc-img {
        display: none;
    }

    #lp-lp18a .step ol li:last-child .sp-img {
        display: block;
    }

    #lp-lp18a .form-wrap .btn-cv {
        font-size: 1em;
    }
}

#lp-lp18b {
    font-family: "繝偵Λ繧ｮ繝惹ｸｸ繧ｴ Pro W4", "繝偵Λ繧ｮ繝惹ｸｸ繧ｴ Pro", "Hiragino Maru Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "HG荳ｸ�ｺ�橸ｽｼ�ｯ�ｸM-PRO", "HGMaruGothicMPRO", sans-serif;
    color: #333;
    /*---------- 逋ｻ骭ｲ繝輔か繝ｼ繝� ----------*/
    /*---------- 繝倥ャ繝€ ----------*/
    /*---------- 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ----------*/
    /*---------- CHANGE縺ｨ縺ｯ�� ----------*/
    /*---------- 繝｢繝�Ν繧ｱ繝ｼ繧ｹ ----------*/
    /*---------- 迚ｹ蠕ｴ ----------*/
    /*---------- 螟ｪ髯ｽ蜈画兜雉� ----------*/
    /*---------- 豈碑ｼ� ----------*/
    /*-------- W蜿苓ｳ� -------*/
    /*-------- 螳溽ｸｾ -------*/
    /*-------- 蛻ｩ逕ｨ閠��螢ｰ -------*/
    /*-------- 逶ｮ謖�☆譛ｪ譚･ -------*/
    /*-------- 遘√◆縺｡縺ｮ諠ｳ縺� -------*/
    /*-------- 雉ｪ蝠� -------*/
    /*-------- 繧ｭ繝｣繝ｳ繝壹�繝ｳ -------*/
    /*-------- 縺雁撫縺�粋繧上○ -------*/
    /*---------- 繧ｹ繝�ャ繝� ----------*/
}

#lp-lp18b .container {
    max-width: 1020px;
}

#lp-lp18b b,
#lp-lp18b strong {
    font-weight: 900;
}

#lp-lp18b ul,
#lp-lp18b ol,
#lp-lp18b dl {
    padding-left: 0;
}

#lp-lp18b h1,
#lp-lp18b h2,
#lp-lp18b h3,
#lp-lp18b h4,
#lp-lp18b h5 {
    font-family: "繝偵Λ繧ｮ繝惹ｸｸ繧ｴ Pro W4", "繝偵Λ繧ｮ繝惹ｸｸ繧ｴ Pro", "Hiragino Maru Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "HG荳ｸ�ｺ�橸ｽｼ�ｯ�ｸM-PRO", "HGMaruGothicMPRO", sans-serif;
    font-weight: 600;
}

#lp-lp18b h2 {
    font-size: 2.3em;
    text-align: center;
    margin: 0 0 40px;
}

#lp-lp18b h2 br {
    display: none;
}

#lp-lp18b h3 br {
    display: none;
}

#lp-lp18b h2.blue {
    position: relative;
}

#lp-lp18b h2.blue span {
    border-bottom: 1px solid #009cff;
    color: #009cff;
    padding-bottom: 15px;
    display: inline-block;
}

#lp-lp18b h2.blue:after {
    content: "";
    width: 1.8em;
    height: 3px;
    background-color: #009cff;
    position: absolute;
    bottom: -1px;
    right: calc(50% - 0.9em);
}

#lp-lp18b .form-wrap {
    color: white;
    max-width: 800px;
    margin: 0 auto;
}

#lp-lp18b .form-wrap .cv-txt {
    font-size: 2em;
}

#lp-lp18b .form-wrap .input-email {
    height: 50px;
    border-radius: 5px;
}

#lp-lp18b .form-wrap .btn-cv {
    background: linear-gradient(#ff6500, #ff3500);
    border: 2px solid #ff3500;
    max-width: 450px;
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    border-radius: 5px;
    padding: 0.7em 0;
    letter-spacing: 0;
    box-shadow: 0 0 4px #808080;
}

#lp-lp18b .form-wrap .btn-cv .uk-icon {
    width: 20px;
    height: 20px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

#lp-lp18b .form-wrap .btn-cv:hover {
    background-color: white;
    color: #ff3500;
}

#lp-lp18b .form-wrap .recaptcha-txt {
    color: #e0e0e0;
    font-weight: normal;
}

#lp-lp18b .form-wrap .recaptcha-txt a {
    color: #e0e0e0;
}

#lp-lp18b section {
    box-shadow: 0 13px 13px rgba(204, 204, 204, 0.8);
    padding: 80px 0;
}

#lp-lp18b .wrap840 {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}

#lp-lp18b .bg-lb {
    background-color: rgba(244, 247, 252, 0.8);
}

#lp-lp18b .intro-txt {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

#lp-lp18b .intro-txt p {
    margin: 0;
}

#lp-lp18b header {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
}

#lp-lp18b header #hd-top {
    border-bottom: none;
    margin-bottom: 0;
    padding: 30px 0 10px;
}

#lp-lp18b header #hd-top #hd-logo p {
    top: 30px;
}

#lp-lp18b #mv {
    background: linear-gradient(to right, #006aff, #2ebfff, #006aff);
    color: white;
    font-weight: bold;
    padding: 0;
    margin-bottom: 20px;
}

#lp-lp18b #mv #mv-top {
    background: url(/img/lp18/b/bk_img_dot.png) center top no-repeat;
    background-size: cover;
    padding: 120px 0 0;
}

#lp-lp18b #mv #mv-bk {
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 60px;
    overflow: visible;
}

#lp-lp18b #mv #mv-txt {
    width: 52%;
    text-align: center;
    filter: drop-shadow(2px 2px 4px rgba(99, 99, 99, 0.7));
}

#lp-lp18b #mv #mv-txt h1 {
    font-size: 6.4vw;
    text-shadow: 2px 2px 4px rgba(99, 99, 99, 0.7);
    margin: 20px 0;
}

#lp-lp18b #mv #mv-txt h1 span {
    color: #ffe900;
    display: block;
}

#lp-lp18b #mv #mv-txt #mv-copy {
    color: white;
    font-size: 2.2vw;
    padding-top: 10px;
}

#lp-lp18b #mv #mv-txt #mv-copy p {
    margin: 8px 0;
}

#lp-lp18b #mv #mv-txt #mv-copy hr {
    margin: 0 auto 10px;
    width: calc(100% - 10px);
    position: relative;
}

#lp-lp18b #mv #mv-txt #mv-copy hr:before {
    content: "笳�";
    position: absolute;
    left: -5px;
    top: -9px;
    font-size: 10px;
}

#lp-lp18b #mv #mv-txt #mv-copy hr:after {
    content: "笳�";
    position: absolute;
    right: -5px;
    top: -9px;
    font-size: 10px;
}

#lp-lp18b #mv #mv-txt dl {
    justify-content: space-between;
}

#lp-lp18b #mv #mv-txt dl .wrap {
    width: 48%;
    border: 1px solid #fff;
    border-radius: 15px;
    overflow: hidden;
    font-size: 1.2em;
}

#lp-lp18b #mv #mv-txt dl .wrap dt {
    padding: 3px 0;
}

#lp-lp18b #mv #mv-txt dl .wrap dd {
    font-family: "Noto Sans JP", sans-serif;
    background-color: #fff;
    color: #007fff;
    padding: 10px 5px;
    line-height: 1;
    text-align: center;
}

#lp-lp18b #mv #mv-txt dl .wrap dd .lr {
    writing-mode: vertical-lr;
    font-size: 0.9em;
    margin-right: 5px;
}

#lp-lp18b #mv #mv-txt dl .wrap dd .font-l {
    font-size: 2.8em;
}

#lp-lp18b #mv #mv-txt dl .wrap dd .font-m {
    font-size: 2em;
}

#lp-lp18b #mv #mv-img {
    width: 46%;
    position: relative;
}

#lp-lp18b #mv #mv-img #sales {
    width: 200px;
    max-width: 58%;
    position: absolute;
    left: 0;
    top: -100px;
}

#lp-lp18b #mv #mv-img #mv-fam {
    margin-top: 30px;
}

#lp-lp18b #mv #mv-img .pc-img {
    display: block;
}

#lp-lp18b #mv #mv-img .sp-img {
    display: none;
}

#lp-lp18b #mv #top-form {
    width: 100%;
    max-width: 100%;
    background: linear-gradient(to right, #006aff, #2ebfff, #006aff);
    border-top: 2px solid #006aff;
    border-bottom: 2px solid #006aff;
    color: white;
    box-shadow: 0 -10px 15px rgba(88, 88, 88, 0.8);
    margin-top: -15px;
}

#lp-lp18b #movie .flex {
    justify-content: space-between;
}

#lp-lp18b #movie #movie-img {
    width: 40%;
}

#lp-lp18b #movie .movie-img {
    border: 1px solid #ddd;
    max-width: 400px;
    margin: 0 auto;
}

#lp-lp18b #movie #movie-txt {
    width: 56%;
}

#lp-lp18b #movie #movie-txt h3 {
    max-width: 360px;
}

#lp-lp18b #movie #movie-txt p {
    max-width: 25em;
}

#lp-lp18b .movie-wrap {
    position: relative;
    padding-bottom: 56%;
    width: 100%;
    height: 0;
    border: 1px solid #ddd;
}

#lp-lp18b .movie-wrap .uk-close {
    color: #fff;
    background-color: #000;
    border-radius: 50%;
    border: 1px solid #fff;
    top: -30px;
    right: -15px;
}

#lp-lp18b .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#lp-lp18b #model #simulation {
    border: 1px solid #999;
}

#lp-lp18b #model #model-list {
    justify-content: space-between;
}

#lp-lp18b #model #model-list li {
    width: 23%;
}

#lp-lp18b #model #wat-sell {
    text-align: center;
}

#lp-lp18b #model #wat-sell #formula {
    background-color: #009cff;
    font-weight: bold;
    color: white;
    font-size: 1.2em;
}

#lp-lp18b #model #wat-sell #formula br {
    display: none;
}

#lp-lp18b #point dl {
    justify-content: space-between;
    background: url(/img/lp18/b/cross.png) left 32% top 20px no-repeat, url(/img/lp18/b/cross.png) right 32% top 20px no-repeat;
    background-size: 4%;
}

#lp-lp18b #point .point-wrap {
    width: 31%;
}

#lp-lp18b #point .point-wrap:nth-child(2) dt {
    color: #005cff;
}

#lp-lp18b #point .point-wrap:nth-child(2) dd li {
    border: 3px solid #005cff;
}

#lp-lp18b #point .point-wrap:nth-child(2) h4 {
    color: #005cff;
}

#lp-lp18b #point .point-wrap dt {
    text-align: center;
    font-size: 3em;
    margin-bottom: 10px;
    color: #009cff;
}

#lp-lp18b #point .point-wrap dt img {
    width: 1.2em;
}

#lp-lp18b #point .point-wrap dd {
    text-align: left;
}

#lp-lp18b #point .point-wrap dd li {
    background-color: white;
    border-radius: 15px;
    border: 3px solid #009cff;
    padding: 1em;
}

#lp-lp18b #point .point-wrap dd li:not(:last-child) {
    margin-bottom: 10px;
}

#lp-lp18b #point .point-wrap dd li p {
    margin: 0;
}

#lp-lp18b #point .point-wrap dd li .font-s {
    font-size: 0.7em;
}

#lp-lp18b #point .point-wrap h4 {
    color: #009cff;
    margin-bottom: 10px;
}

#lp-lp18b #solar .intro-txt {
    margin: 0 0 60px;
}

#lp-lp18b #solar .flex {
    justify-content: space-between;
    background: url(/img/lp18/b/arrow_hikaku.png) center center no-repeat;
    background-size: 12% auto;
    max-width: 920px;
    margin: 0 auto;
}

#lp-lp18b #solar .solar-wrap {
    width: 43%;
}

#lp-lp18b #solar .solar-wrap h3 {
    text-align: center;
    padding: 10px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

#lp-lp18b #solar .solar-wrap .font-s {
    font-weight: normal;
    color: #333;
}

#lp-lp18b #solar .solar-wrap ul {
    margin: 0;
}

#lp-lp18b #solar .solar-wrap ul li {
    padding: 15px 15px 15px 60px;
    font-weight: bold;
    font-size: 1.1em;
    position: relative;
}

#lp-lp18b #solar .solar-wrap ul li p {
    margin: 0;
}

#lp-lp18b #solar .solar-wrap ul li:nth-child(even) {
    background-color: #f4f7fc;
}

#lp-lp18b #solar .solar-wrap ul li:not(:last-child) {
    border-bottom: 2px dotted #8b8b8b;
}

#lp-lp18b #solar .solar-wrap ul li:before {
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    position: absolute;
    left: 15px;
    top: 20px;
}

#lp-lp18b #solar #solar-normal {
    border: 2px solid #009cff;
}

#lp-lp18b #solar #solar-normal h3 {
    background-color: #009cff;
    color: white;
}

#lp-lp18b #solar #solar-normal li {
    color: #009cff;
}

#lp-lp18b #solar #solar-normal li:before {
    background: url(/img/lp18/icon_sankaku.png) center center no-repeat;
    background-size: contain;
}

#lp-lp18b #solar #solar-change {
    border: 2px solid #005cff;
}

#lp-lp18b #solar #solar-change h3 {
    background-color: #005cff;
}

#lp-lp18b #solar #solar-change h3 img {
    width: 160px;
}

#lp-lp18b #solar #solar-change li {
    color: #005cff;
}

#lp-lp18b #solar #solar-change li:before {
    background: url(/img/lp18/icon_maru.png) center center no-repeat;
    background-size: contain;
}

#lp-lp18b #compare table {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
    background-color: white;
    border-spacing: 0;
}

#lp-lp18b #compare table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-lp18b #compare table tr {
    width: 12.5%;
    border-left: 1px solid #808080;
}

#lp-lp18b #compare table th,
#lp-lp18b #compare table td {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #808080;
    height: 50px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#lp-lp18b #compare table th {
    font-size: 0.8em;
    background-color: #009cff;
    color: white;
}

#lp-lp18b #compare table .th-top {
    border-top: 1px solid #808080;
}

#lp-lp18b #compare table .row td .sp-hd {
    display: none;
}

#lp-lp18b #compare table .row td .line-red {
    display: inline;
    background: linear-gradient(transparent 80%, #f33c3d 0%);
}

#lp-lp18b #compare table .change-data {
    background-color: #fffff2;
}

#lp-lp18b #compare table .change-data th {
    border-right: 1px solid #808080;
    padding: 10px 5px;
}

#lp-lp18b #compare table .change-data th img {
    max-width: 100px;
    width: 100%;
}

#lp-lp18b #compare table .change-data td {
    border-right: 1px solid #808080;
}

#lp-lp18b #compare table .change-data td .line-orange {
    display: inline;
    background: linear-gradient(transparent 70%, #ffe900 0%);
}

#lp-lp18b #compare #compare-btm {
    max-width: 980px;
    margin: 0 auto;
    align-items: center;
}

#lp-lp18b #compare #compare-text {
    font-size: 1.2em;
    font-weight: bold;
    width: 70%;
    margin: 0 auto;
    padding: 15px 30px;
    position: relative;
}

#lp-lp18b #compare #compare-text p {
    margin: 0;
}

#lp-lp18b #compare #compare-text span {
    color: #005cff;
    font-size: 1.2em;
}

#lp-lp18b #compare #compare-img {
    width: 28%;
}

#lp-lp18b #award {
    text-align: center;
    background: linear-gradient(to right, #b7731c, #d7a948 25%, #f6e07e 60%, #d7a948 80%, #b7731c 100%);
}

#lp-lp18b #award .container {
    max-width: 900px;
}

#lp-lp18b #award h2 {
    color: #000;
    max-width: 18.5em;
    margin: 0 auto;
}

#lp-lp18b #award h2 span {
    font-family: serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1;
}

#lp-lp18b #award h2 .font-l {
    vertical-align: bottom;
    font-size: 2.2em;
}

#lp-lp18b #award h2 .font-l .font-s {
    font-size: 0.7em;
}

#lp-lp18b #award .black-line {
    border-bottom: solid 5px #000;
    padding-bottom: 10px;
}

#lp-lp18b #award h3 {
    color: #000;
    font-weight: normal;
}

#lp-lp18b #award .award-list {
    width: 100%;
    margin: 0 auto 30px;
}

#lp-lp18b #award .award-list h3 {
    font-size: 1.2em;
}

#lp-lp18b #award .g-life h3 {
    margin-bottom: 0.5em;
}

#lp-lp18b #award .award-logo {
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}

#lp-lp18b #award .award-logo li {
    width: 48%;
}

#lp-lp18b #lp-data #data {
    text-align: center;
}

#lp-lp18b #lp-data #data h2 {
    color: #009cff;
    border-bottom: 1px solid #009cff;
    padding-bottom: 15px;
    display: inline-block;
    position: relative;
}

#lp-lp18b #lp-data #data h2::after {
    content: "";
    width: 1.8em;
    height: 3px;
    background-color: #009cff;
    position: absolute;
    bottom: -2px;
    right: calc(50% - 0.9em);
}

#lp-lp18b #voice dl {
    background-color: transparent;
}

#lp-lp18b #voice .user-wrap {
    justify-content: space-between;
    align-items: center;
}

#lp-lp18b #voice .user-wrap dt {
    width: 15%;
}

#lp-lp18b #voice .user-wrap dd {
    width: 80%;
    background-color: white;
    padding: 1em;
    text-align: left;
    border-radius: 10px;
    border: 2px solid #009cff;
    position: relative;
}

#lp-lp18b #voice .user-wrap dd::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: calc(50% - 7px);
    left: -32px;
    border-width: 15px 32px 15px 0;
    border-color: transparent #009cff transparent transparent;
}

#lp-lp18b #voice .user-wrap dd::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: calc(50% - 5px);
    left: -28px;
    border-width: 13px 30px 13px 0;
    border-color: transparent #fff transparent transparent;
}

#lp-lp18b #voice .user-wrap dd p {
    margin: 0;
}

#lp-lp18b #voice .user-wrap dd b {
    font-weight: bold;
    color: #005cff;
}

#lp-lp18b #voice .user-wrap dd .age {
    margin-top: 1em;
}

#lp-lp18b #future #future-apf img {
    width: 100px;
}

#lp-lp18b #future .future-wrap {
    position: relative;
    border-bottom: 1px solid #ddd;
}

#lp-lp18b #future .img-wrap {
    width: 35%;
    position: absolute;
    right: 0;
    top: 30px;
    text-align: center;
}

#lp-lp18b #future .img-wrap img {
    width: 100%;
}

#lp-lp18b #future .txt-wrap {
    width: 65%;
    min-height: 280px;
}

#lp-lp18b #future .txt-wrap h3 {
    color: #009cff;
    margin-top: 0;
}

#lp-lp18b #future .txt-wrap br {
    display: block;
}

#lp-lp18b #future .txt-wrap p {
    margin: 0;
}

#lp-lp18b #future #future01 .img-wrap {
    top: -20px;
}

#lp-lp18b #future #future01 .img-wrap img {
    max-width: 280px;
}

#lp-lp18b #future #future01 .txt-wrap {
    width: 70%;
    min-height: 300px;
}

#lp-lp18b #future #future01 .txt-wrap h3 {
    color: #333;
}

#lp-lp18b #future #future02 .img-wrap img {
    max-width: 335px;
}

#lp-lp18b #future #future03 .img-wrap img {
    max-width: 200px;
}

#lp-lp18b #future #future04 {
    border-bottom: none;
}

#lp-lp18b #future #future04 h3 {
    color: #009cff;
}

#lp-lp18b #future #future04 .flex {
    justify-content: space-between;
}

#lp-lp18b #future #future04 #sdgs-top {
    align-items: flex-start;
    margin-bottom: 20px;
}

#lp-lp18b #future #future04 #sdgs-top .txt-wrap {
    width: 55%;
    min-height: initial;
    padding: 0;
    margin: 0;
}

#lp-lp18b #future #future04 #sdgs-top .img-wrap {
    width: 40%;
    position: static;
}

#lp-lp18b #future #future04 ul li {
    width: 48%;
}

#lp-lp18b #future #future04 ul li .sdgs-img {
    width: 70px;
}

#lp-lp18b #future #future04 ul li .sdgs-txt {
    width: calc(100% - 80px);
}

#lp-lp18b #future #future04 ul li .sdgs-txt p {
    margin: 0;
}

#lp-lp18b #future #future04 ul li:nth-child(1),
#lp-lp18b #future #future04 ul li :nth-child(2) {
    margin-bottom: 20px;
}

#lp-lp18b #story ul {
    justify-content: space-between;
}

#lp-lp18b #story ul li {
    width: 32%;
    border-radius: 15px;
    border: 2px solid #009cff;
    background-color: white;
    overflow: hidden;
}

#lp-lp18b #story ul li p {
    margin: 0;
}

#lp-lp18b #story ul li .name {
    background-color: #009cff;
    color: white;
    padding: 1em;
}

#lp-lp18b #story ul li .txt {
    padding: 1em;
}

#lp-lp18b #faq dl {
    justify-content: space-between;
}

#lp-lp18b #faq .qa-wrap {
    width: 32%;
    border-radius: 15px;
    margin-bottom: 2%;
    background-color: white;
    overflow: hidden;
}

#lp-lp18b #faq .qa-wrap dt {
    padding: 10px 5px;
    color: white;
    position: relative;
    padding-left: 35px;
}

#lp-lp18b #faq .qa-wrap dt:before {
    content: "Q";
    font-weight: bold;
    font-size: 18px;
    width: 25px;
    height: 25px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    left: 5px;
}

#lp-lp18b #faq .qa-wrap dd {
    padding: 10px;
    text-align: left;
    font-size: 0.9em;
}

#lp-lp18b #faq .qa-wrap dd:before {
    content: "A";
    font-weight: bold;
    font-size: 18px;
    width: 25px;
    height: 25px;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    margin: 0 5px 5px 0;
}

#lp-lp18b #faq .qa-wrap p {
    margin: 0;
}

#lp-lp18b #faq .qa-wrap:nth-child(odd) {
    border: 2px solid #009cff;
}

#lp-lp18b #faq .qa-wrap:nth-child(odd) dt:before {
    color: #009cff;
}

#lp-lp18b #faq .qa-wrap:nth-child(odd) dt {
    background-color: #009cff;
}

#lp-lp18b #faq .qa-wrap:nth-child(odd) dd:before {
    background-color: #009cff;
}

#lp-lp18b #faq .qa-wrap:nth-child(even) {
    border: 2px solid #005cff;
}

#lp-lp18b #faq .qa-wrap:nth-child(even) dt:before {
    color: #005cff;
}

#lp-lp18b #faq .qa-wrap:nth-child(even) dt {
    background-color: #005cff;
}

#lp-lp18b #faq .qa-wrap:nth-child(even) dd:before {
    background-color: #005cff;
}

#lp-lp18b .cam-lp {
    text-align: center;
    padding: 0;
    background-color: rgba(244, 247, 252, 0.8);
}

#lp-lp18b .cam-lp #cam-hd {
    font-size: 2.3em;
    color: #009cff;
    border-bottom: 1px solid #009cff;
    padding-bottom: 15px;
    margin-bottom: 16px;
    display: inline-block;
    position: relative;
}

#lp-lp18b .cam-lp #cam-hd:after {
    content: "";
    width: 1.8em;
    height: 3px;
    background-color: #009cff;
    position: absolute;
    bottom: -2px;
    right: calc(50% - 0.9em);
}

#lp-lp18b .cam-lp .btn-m {
    max-width: 280px;
    color: #ffffff;
    border-radius: 8px;
    background-color: #005cff;
    border: 1px solid #005cff;
    font-size: 1.5em;
    box-shadow: 0 0 3px rgba(128, 128, 128, 0.75);
}

#lp-lp18b .cam-lp .btn-m span {
    top: 25%;
}

#lp-lp18b #contact {
    background: linear-gradient(to right, #595757, #231815, #595757);
    color: white;
}

#lp-lp18b #contact a {
    color: white;
}

#lp-lp18b #contact h2 {
    color: white;
    position: relative;
}

#lp-lp18b #contact h2 span {
    border-bottom: 1px solid white;
    color: white;
    padding-bottom: 15px;
    display: inline-block;
}

#lp-lp18b #contact h2:after {
    content: "";
    width: 1.8em;
    height: 3px;
    background-color: white;
    position: absolute;
    bottom: -1px;
    right: calc(50% - 0.9em);
}

#lp-lp18b #contact h3 {
    color: #3e3a39;
    background-color: white;
    text-align: center;
    padding: 10px;
}

#lp-lp18b #contact p {
    margin: 0;
}

#lp-lp18b #contact .flex {
    justify-content: space-between;
    align-items: center;
}

#lp-lp18b #contact #ctw {
    width: 35%;
    max-width: 385px;
    font-size: 16px;
}

#lp-lp18b #contact #ctw img {
    width: 100%;
    margin: 1em 0 8px;
}

#lp-lp18b #contact #p-mark {
    width: 120px;
    height: auto;
    margin: 0 8px 0 auto;
}

#lp-lp18b #contact #cs {
    width: 455px;
    font-weight: bold;
    border: 1px solid white;
    border-radius: 16px;
    padding: 1em 0.5em;
}

#lp-lp18b #contact #cs #cs-hd {
    font-size: 1em;
    text-align: center;
}

#lp-lp18b #contact #cs #cs-hd .bg-yellow,
#lp-lp18b #contact #cs #cs-hd .frame-yellow {
    padding-top: 1px;
    border: solid 1px #ffe900;
}

#lp-lp18b #contact #cs #cs-hd .bg-yellow {
    background-color: #ffe900;
    color: #3e3a39;
    width: 60%;
}

#lp-lp18b #contact #cs #cs-hd .frame-yellow {
    width: 40%;
}

#lp-lp18b #contact #cs #cs-info {
    padding: 0 3px;
}

#lp-lp18b #contact #cs #tel .font-l {
    color: #ffe900;
    font-size: 2em;
}

#lp-lp18b #contact #cs #tel .font-l a {
    color: #ffe900;
    font-weight: bold;
}

#lp-lp18b #contact #cs #tel span {
    vertical-align: middle;
}

#lp-lp18b .step {
    background: linear-gradient(to right, #006aff, #2ebfff, #006aff);
    border-bottom: 2px solid #006aff;
}

#lp-lp18b .step h2 {
    font-size: 2em;
    color: white;
    text-align: center;
}

#lp-lp18b .step h2 span {
    border-bottom: 1px solid;
    display: inline-block;
    padding-bottom: 15px;
}

#lp-lp18b .step ol {
    justify-content: space-between;
}

#lp-lp18b .step ol li {
    width: 20.5%;
}

#lp-lp18b .step ol li:last-child {
    width: 18%;
}

#lp-lp18b .step ol li .pc-img {
    display: block;
}

#lp-lp18b .step ol li .sp-img {
    display: none;
}

#lp-lp18b footer {
    color: #333;
}

@media screen and (min-width: 1020px) {
    #lp-lp18b #mv #mv-txt h1 {
        font-size: 4.4em;
    }

    #lp-lp18b #mv #mv-txt #mv-copy {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 960px) {
    #lp-lp18b header #hd-top #hd-logo {
        padding-top: 1em;
    }

    #lp-lp18b #mv #mv-txt {
        width: 58%;
    }

    #lp-lp18b #mv #mv-txt dl .wrap {
        font-size: 1em;
    }

    #lp-lp18b #mv #mv-txt dl dd .font-l {
        font-size: 2.7em;
    }

    #lp-lp18b #mv #mv-img {
        width: 40%;
    }

    #lp-lp18b #future #future01 .txt-wrap h3 br {
        display: none;
    }

    #lp-lp18b #contact .container {
        max-width: 576px;
        margin: 0 auto;
    }

    #lp-lp18b #contact #ctw,
    #lp-lp18b #contact #cs {
        width: 100%;
    }

    #lp-lp18b #contact #cs {
        margin-top: 20px;
    }

    #lp-lp18b #contact #cs #cs-info {
        text-align: center;
        margin-top: 4px;
    }
}

@media screen and (max-width: 880px) {
    #lp-lp18b #point dl {
        background: none;
    }

    #lp-lp18b #point .point-wrap {
        width: 100%;
    }

    #lp-lp18b #point .point-wrap ul {
        justify-content: space-between;
    }

    #lp-lp18b #point .point-wrap dd li {
        width: 32%;
    }

    #lp-lp18b #point .point-wrap dd li:not(:last-child) {
        margin-bottom: 0;
    }

    #lp-lp18b #point .point-wrap:not(:last-child) {
        margin-bottom: 40px;
    }

    #lp-lp18b #award .award-list {
        text-align: left;
    }

    #lp-lp18b #faq .qa-wrap {
        width: 49%;
    }
}

@media screen and (max-width: 720px) {
    #lp-lp18b #model h3 br {
        display: block;
    }

    #lp-lp18b #model #model-list li {
        width: 49%;
        text-align: center;
        margin-bottom: 20px;
    }

    #lp-lp18b #model #model-list li img {
        max-width: 230px;
        width: 100%;
    }

    #lp-lp18b #model #wat-sell {
        text-align: left;
    }

    #lp-lp18b #model #wat-sell #formula {
        font-size: 1em;
    }

    #lp-lp18b #model #wat-sell #formula br {
        display: block;
    }

    #lp-lp18b #solar .intro-txt {
        margin: 0 0 20px;
        text-align: left;
    }

    #lp-lp18b #solar .flex {
        background: none;
    }

    #lp-lp18b #solar .solar-wrap {
        width: 100%;
    }

    #lp-lp18b #solar #solar-normal {
        margin: 0 auto 40px;
    }

    #lp-lp18b #award h2 {
        font-size: 2em;
    }

    #lp-lp18b #award .award-list {
        text-align: left;
    }

    #lp-lp18b #future #future04 #sdgs-top .txt-wrap {
        width: 100%;
    }

    #lp-lp18b #future #future04 #sdgs-top .img-wrap {
        width: 100%;
        max-width: 400px;
        margin: 1em auto 0 0;
    }

    #lp-lp18b #future #future04 ul li {
        width: 100%;
    }

    #lp-lp18b #future #future04 ul li:not(:last-child) {
        margin-bottom: 20px;
    }

    #lp-lp18b #story ul {
        max-width: 400px;
        margin: 0 auto;
    }

    #lp-lp18b #story ul li {
        width: 100%;
    }

    #lp-lp18b #story ul li:not(:last-child) {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 640px) {
    #lp-lp18b section {
        padding: 40px 0;
    }

    #lp-lp18b .intro-txt {
        font-size: 1em;
        text-align: left;
    }

    #lp-lp18b .intro-txt br {
        display: none;
    }

    #lp-lp18b h2 {
        font-size: 1.5em;
    }

    #lp-lp18b h2 br {
        display: block;
    }

    #lp-lp18b h3 {
        font-size: 1.2em;
    }

    #lp-lp18b #mv #mv-top {
        max-width: 400px;
        margin: 0 auto;
        background: none;
    }

    #lp-lp18b #mv #mv-txt {
        width: 100%;
        max-width: 100%;
    }

    #lp-lp18b #mv #mv-txt #mv-copy {
        font-size: 3vw;
    }

    #lp-lp18b #mv #mv-txt #mv-copy p {
        margin: 0 0 10px 0;
    }

    #lp-lp18b #mv #mv-txt h1 {
        font-size: 7.5vw;
    }

    #lp-lp18b #mv #mv-txt dl .wrap {
        font-size: 0.8em;
    }

    #lp-lp18b #mv #mv-img {
        width: 100%;
        position: static;
    }

    #lp-lp18b #mv #mv-img #sales {
        width: 120px;
        top: 15px;
        left: auto;
        right: 15px;
    }

    #lp-lp18b #mv #mv-img #mv-fam {
        margin-top: 0;
    }

    #lp-lp18b #movie #movie-img {
        width: 100%;
        margin-bottom: 20px;
    }

    #lp-lp18b #movie #movie-txt {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    #lp-lp18b #point .point-wrap dt {
        font-size: 2em;
    }

    #lp-lp18b #point .point-wrap dd li {
        width: 100%;
    }

    #lp-lp18b #point .point-wrap dd li:not(:last-child) {
        margin-bottom: 10px;
    }

    #lp-lp18b #compare .container {
        max-width: 500px;
        margin: 0 auto;
    }

    #lp-lp18b #compare table {
        max-width: 500px;
        margin-bottom: 40px;
    }

    #lp-lp18b #compare table tbody {
        display: block;
    }

    #lp-lp18b #compare table #thead {
        display: none;
    }

    #lp-lp18b #compare table tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        border-right: 1px solid #999999;
    }

    #lp-lp18b #compare table th {
        width: 100%;
        padding: 0;
        font-size: 1em;
    }

    #lp-lp18b #compare table th br {
        display: none;
    }

    #lp-lp18b #compare table .row td {
        display: inline-block;
        width: 25%;
        font-size: 0.8em;
        height: 60px;
        border-bottom: none;
    }

    #lp-lp18b #compare table .row td .sp-hd {
        display: block;
        color: #999;
        font-size: 0.9em;
        font-weight: bold;
        margin-bottom: 5px;
    }

    #lp-lp18b #compare table .change-data {
        border-bottom: 1px solid #999;
    }

    #lp-lp18b #compare table .change-data th,
    #lp-lp18b #compare table .change-data td {
        border-right: none;
    }

    #lp-lp18b #compare #compare-text {
        width: 100%;
        padding: 0;
        font-size: 1em;
    }

    #lp-lp18b #compare #compare-img {
        display: none;
    }

    #lp-lp18b #award h2 {
        font-size: 1.5em;
    }

    #lp-lp18b #award .j-startup h3 {
        margin-bottom: 0.5em;
    }

    #lp-lp18b #voice .user-wrap {
        align-items: flex-start;
    }

    #lp-lp18b #voice .user-wrap dt {
        width: 70px;
    }

    #lp-lp18b #voice .user-wrap dd {
        width: calc(100% - 85px);
        padding: 0.5em;
        font-size: 0.9em;
    }

    #lp-lp18b #voice .user-wrap dd:before {
        top: 15px;
        left: -15px;
        border-width: 15px 15px 15px 0;
    }

    #lp-lp18b #voice .user-wrap dd::after {
        top: 17px;
        left: -12px;
        border-width: 13px 13px 13px 0;
    }

    #lp-lp18b #future #future-apf img {
        width: 80px;
    }

    #lp-lp18b #future .txt-wrap {
        width: 100%;
    }

    #lp-lp18b #future .img-wrap {
        width: 100%;
        position: static;
        padding: 0;
        margin-bottom: 30px;
    }

    #lp-lp18b #future .future-wrap {
        padding: 30px 0;
    }

    #lp-lp18b #future #future01 {
        padding-top: 0;
    }

    #lp-lp18b #future #future01 .txt-wrap {
        width: 100%;
        min-height: initial;
    }

    #lp-lp18b #faq .qa-wrap {
        width: 100%;
    }

    #lp-lp18b .step h2 {
        font-size: 6vw;
    }

    #lp-lp18b .form-wrap {
        padding: 0;
    }

    #lp-lp18b .form-wrap .container {
        padding: 10px;
    }

    #lp-lp18b .form-wrap .cv-txt {
        font-size: 1.5em;
    }

    #lp-lp18b .cam-lp #cam-hd {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 544px) {
    #lp-lp18b #contact .container {
        max-width: 385px;
        margin: 0 auto;
    }

    #lp-lp18b #contact #ctw {
        width: 100%;
        margin-bottom: 1em;
    }

    #lp-lp18b #contact #p-mark {
        order: 3;
        margin: 1em auto 0;
    }

    #lp-lp18b #contact #cs {
        margin-top: 0;
    }

    #lp-lp18b #contact #cs #cs-hd .bg-yellow,
    #lp-lp18b #contact #cs #cs-hd .frame-yellow {
        width: 100%;
    }

    #lp-lp18b #contact #cs #tel .font-l {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 480px) {
    #lp-lp18b h2 {
        font-size: 1.3em;
    }

    #lp-lp18b h2::before {
        width: 1em;
        margin-right: 0.5rem;
    }

    #lp-lp18b h2::after {
        width: 1em;
        margin-left: 0.5rem;
    }

    #lp-lp18b #mv #mv-txt h1 {
        font-size: 11vw;
    }

    #lp-lp18b #mv #mv-txt #mv-copy {
        font-size: 4.2vw;
    }

    #lp-lp18b #award h2 {
        max-width: 14em;
    }

    #lp-lp18b #contact #cs #tel span {
        font-size: 0.8em;
    }

    #lp-lp18b #contact #cs #tel .font-l {
        font-size: 1.4em;
    }

    #lp-lp18b .step ol {
        width: 100%;
    }

    #lp-lp18b .step ol li .pc-img {
        display: none;
    }

    #lp-lp18b .step ol li .sp-img {
        display: block;
    }

    #lp-lp18b .step ol li:first-child {
        width: 100%;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 16px;
        border-radius: 8px;
    }

    #lp-lp18b .step ol li:first-child img {
        max-width: 184px;
        width: 80%;
        margin: 0 auto;
    }

    #lp-lp18b .step ol li:last-child {
        width: 100%;
        background-color: #ffe900;
        padding: 16px;
        border-radius: 8px;
    }

    #lp-lp18b .step ol li:last-child img {
        max-width: 152px;
        width: 80%;
        margin: 0 auto;
    }

    #lp-lp18b .step ol li:nth-child(2),
    #lp-lp18b .step ol li:nth-child(3),
    #lp-lp18b .step ol li:nth-child(4) {
        width: 33.3%;
        margin: 20px 0;
    }

    #lp-lp18b .cam-lp #cam-hd {
        font-size: 1.3em;
    }
}

/*
  *
  *繝ｩ繝ｳ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ:ANA, 繧ｵ繧､繝亥�繧ｳ繝ｳ繝�Φ繝�畑繝壹�繧ｸ
  *
  */
#lp-ana,
#docs-ana {
    color: #333333;
    font-weight: normal;
    /*---------- 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ----------*/
    /*---------- 繧ｹ繝�ャ繝� ----------*/
    /*---------- 雋ｩ螢ｲ荳ｭ譯井ｻｶ ----------*/
    /*---------- 繝｢繝�Ν繧ｱ繝ｼ繧ｹ ----------*/
    /*---------- Q&A ----------*/
    /*---------- PS -----------*/
    /*---------- 逋ｻ骭ｲ ----------*/
}

#lp-ana .bg-blue,
#docs-ana .bg-blue {
    background-color: #f7f8fa;
}

#lp-ana h2,
#docs-ana h2 {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.5em;
    color: #073d8e;
}

#lp-ana h3,
#docs-ana h3 {
    font-size: 1.5em;
    font-weight: bold;
    color: #073d8e;
}

#lp-ana h4,
#docs-ana h4 {
    text-align: center;
    font-weight: bold;
}

#lp-ana .hd-small,
#docs-ana .hd-small {
    font-size: 0.6em;
    display: block;
}

#lp-ana .note,
#docs-ana .note {
    font-size: 0.7em;
}

#lp-ana .span-yellow,
#docs-ana .span-yellow {
    font-size: 0.5em;
    display: inline-block;
    background-color: #fff002;
    color: #073d8e;
    padding: 5px;
}

#lp-ana .line-yellow,
#docs-ana .line-yellow {
    background: linear-gradient(transparent 65%, #fff002 0%);
    padding-bottom: 5px;
    font-weight: bold;
}

#lp-ana ul,
#lp-ana ol,
#lp-ana dl,
#docs-ana ul,
#docs-ana ol,
#docs-ana dl {
    padding-left: 0;
}

#lp-ana .font-2em,
#docs-ana .font-2em {
    font-size: 2em;
}

#lp-ana .font-m,
#docs-ana .font-m {
    font-size: 1.2em;
}

#lp-ana .font-s,
#docs-ana .font-s {
    font-size: 0.7em;
}

#lp-ana .flex,
#docs-ana .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-ana #modal-amc,
#docs-ana #modal-amc {
    display: none;
    background-color: rgba(107, 107, 107, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#lp-ana #modal-amc .flex,
#docs-ana #modal-amc .flex {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#lp-ana #modal-amc #modal-wrap,
#docs-ana #modal-amc #modal-wrap {
    background-color: #ffffff;
    border-radius: 15px;
    width: 80%;
    padding: 40px 20px;
    text-align: center;
    font-weight: bold;
}

#lp-ana #modal-amc #modal-wrap h1,
#docs-ana #modal-amc #modal-wrap h1 {
    color: #31a7ea;
    font-size: 2em;
}

#lp-ana #modal-amc #modal-wrap h1 span,
#docs-ana #modal-amc #modal-wrap h1 span {
    color: #19318f;
}

#lp-ana #modal-amc #modal-wrap .btn-m,
#docs-ana #modal-amc #modal-wrap .btn-m {
    background-color: #31a7ea;
    color: #ffffff;
    border-radius: 5px;
}

#lp-ana header,
#docs-ana header {
    padding: 15px 0;
    background-color: transparent;
    position: absolute;
    top: 0;
    z-index: 999;
}

#lp-ana header #change-logo,
#docs-ana header #change-logo {
    width: 250px;
    min-width: 120px;
    width: 23%;
    margin: 0;
}

#lp-ana header .container,
#docs-ana header .container {
    position: relative;
}

#lp-ana header #ana-logo,
#docs-ana header #ana-logo {
    position: absolute;
    right: 0;
    top: 15px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 20%);
    max-width: 250px;
    min-width: 120px;
    width: 23%;
    text-align: right;
}

#lp-ana header #ana-logo img,
#docs-ana header #ana-logo img {
    width: 80%;
}

#lp-ana #mv,
#docs-ana #mv {
    background: url(/img/ana/mv.jpg) center top no-repeat;
    background-size: cover;
    padding-bottom: 80px;
}

#lp-ana #mv .container,
#docs-ana #mv .container {
    position: relative;
    overflow: visible;
}

#lp-ana #mv #mv-text,
#docs-ana #mv #mv-text {
    width: 55%;
    color: #ffffff;
    padding: 180px 0 50px;
}

#lp-ana #mv #mv-text h1,
#docs-ana #mv #mv-text h1 {
    font-size: 3em;
    letter-spacing: 1.2;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
}

#lp-ana #mv #mv-text h1 .sp-br,
#docs-ana #mv #mv-text h1 .sp-br {
    display: none;
}

#lp-ana #mv #mv-text p,
#docs-ana #mv #mv-text p {
    max-width: 33em;
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

#lp-ana #mv #mv-mile,
#docs-ana #mv #mv-mile {
    position: relative;
    display: block;
    transform: rotate(-2deg);
}

#lp-ana #mv #mv-mile img,
#docs-ana #mv #mv-mile img {
    width: 72%;
}

#lp-ana #mv #mv-mile .pc-img,
#docs-ana #mv #mv-mile .pc-img {
    display: block;
}

#lp-ana #mv #mv-mile .sp-img,
#docs-ana #mv #mv-mile .sp-img {
    display: none;
}

#lp-ana #mv .mv-mile-bk,
#docs-ana #mv .mv-mile-bk {
    background-color: rgba(255, 255, 255, 0.65);
    box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 100%;
    height: 80%;
    top: 10%;
    left: 0;
}

#lp-ana #mv #pc-change,
#docs-ana #mv #pc-change {
    position: absolute;
    max-width: 240px;
    width: 22%;
    top: 220px;
    right: 20px;
    z-index: 999;
}

#lp-ana #mv #pc-change .point1,
#docs-ana #mv #pc-change .point1 {
    position: absolute;
    width: 58%;
    top: -33%;
    left: -30%;
}

#lp-ana #mv #pc-change .point2,
#docs-ana #mv #pc-change .point2 {
    position: absolute;
    width: 63%;
    top: -5%;
    left: -65%;
}

#lp-ana #sp-change,
#docs-ana #sp-change {
    display: none;
}

#lp-ana #amc-lead,
#docs-ana #amc-lead {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-ana #amc-lead .font-m,
#docs-ana #amc-lead .font-m {
    font-size: 1.3em;
}

#lp-ana #amc-lead .line-yellow,
#docs-ana #amc-lead .line-yellow {
    font-size: 2.3em;
}

#lp-ana #amc #change-flow .flex,
#docs-ana #amc #change-flow .flex {
    align-items: center;
}

#lp-ana #amc #change-flow .flow-wrap,
#docs-ana #amc #change-flow .flow-wrap {
    background-color: #ffffff;
    border: 2px solid #073d8e;
    border-radius: 20px;
    width: 36%;
    padding: 20px;
}

#lp-ana #amc #change-flow .flow-wrap img,
#docs-ana #amc #change-flow .flow-wrap img {
    max-width: 160px;
    width: 80%;
}

#lp-ana #amc #change-flow .flow-arrow,
#docs-ana #amc #change-flow .flow-arrow {
    line-height: 1;
    width: 25%;
}

#lp-ana #amc #change-flow .flow-arrow .line-yellow,
#docs-ana #amc #change-flow .flow-arrow .line-yellow {
    display: inline-block;
}

#lp-ana #amc #change-flow .flow-arrow .pc-img,
#docs-ana #amc #change-flow .flow-arrow .pc-img {
    display: block;
    width: 80%;
    max-width: 180px;
    margin: 0 auto;
}

#lp-ana #amc #change-flow .flow-arrow .sp-img,
#docs-ana #amc #change-flow .flow-arrow .sp-img {
    display: none;
    max-width: 40px;
    margin: 10px auto;
}

#lp-ana #amc #change-flow .line-yellow,
#docs-ana #amc #change-flow .line-yellow {
    font-weight: normal;
}

#lp-ana #amc #change-flow .line-yellow span,
#lp-ana #amc #change-flow .line-yellow b,
#docs-ana #amc #change-flow .line-yellow span,
#docs-ana #amc #change-flow .line-yellow b {
    font-size: 2em;
    font-weight: bold;
}

#lp-ana .add-mile .line-yellow,
#docs-ana .add-mile .line-yellow {
    font-size: 1.5em;
}

#lp-ana .add-mile .font-l,
#docs-ana .add-mile .font-l {
    font-size: 3.3em;
}

#lp-ana .add-mile .font-m,
#docs-ana .add-mile .font-m {
    font-size: 2.2em;
}

#lp-ana .add-mile .add,
#docs-ana .add-mile .add {
    color: #073d8e;
    font-weight: bold;
}

#lp-ana .add-mile .add p:after,
#docs-ana .add-mile .add p:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 120px 0 120px;
    border-color: #073d8e transparent transparent transparent;
    margin: 0 auto;
}

#lp-ana .add-mile h2 br,
#docs-ana .add-mile h2 br {
    display: none;
}

#lp-ana .add-mile .wrap800,
#docs-ana .add-mile .wrap800 {
    max-width: 800px;
    margin: 0 auto;
    align-items: center;
}

#lp-ana .add-mile .wrap800 .flex,
#docs-ana .add-mile .wrap800 .flex {
    align-items: center;
}

#lp-ana .add-mile .mile-wrap,
#docs-ana .add-mile .mile-wrap {
    width: 200px;
    height: 200px;
    background-color: #073d8e;
    color: #ffffff;
    border-radius: 50%;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    line-height: 1;
}

#lp-ana .add-mile .mile-wrap p,
#docs-ana .add-mile .mile-wrap p {
    width: 100%;
    font-weight: bold;
    margin: 0;
}

#lp-ana .add-mile .mile-wrap .wh,
#docs-ana .add-mile .mile-wrap .wh {
    background-color: #ffffff;
    color: #073d8e;
    border-radius: 15px;
    padding: 5px 0;
    width: 7em;
    margin-bottom: 10px;
}

#lp-ana .add-mile .mile-wrap .position-r,
#docs-ana .add-mile .mile-wrap .position-r {
    position: relative;
}

#lp-ana .add-mile .mile-wrap .position-r .font-ss,
#docs-ana .add-mile .mile-wrap .position-r .font-ss {
    font-size: 0.7em;
    position: absolute;
    right: 10px;
}

#lp-ana .add-mile .mile-arrow,
#docs-ana .add-mile .mile-arrow {
    width: 25%;
}

#lp-ana .add-mile .mile-arrow .pc-img,
#docs-ana .add-mile .mile-arrow .pc-img {
    display: block;
    max-width: 180px;
    width: 80%;
    margin: 0 auto;
}

#lp-ana .add-mile .mile-arrow .sp-img,
#docs-ana .add-mile .mile-arrow .sp-img {
    display: none;
    max-width: 40px;
    margin: 10px auto;
}

#lp-ana .add-mile .mile-detail,
#docs-ana .add-mile .mile-detail {
    background-color: #e8e8e8;
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
    padding: 1em 1em 1em 2em;
}

#lp-ana .add-mile .mile-detail ul,
#docs-ana .add-mile .mile-detail ul {
    list-style: disc;
    margin: 0;
}

#lp-ana .add-mile .mile-detail ul li,
#docs-ana .add-mile .mile-detail ul li {
    margin: 1em 0;
}

#lp-ana #merit,
#docs-ana #merit {
    background: linear-gradient(to right, #3378bd 0%, #5895d4 60%, #b9dbfd 100%);
}

#lp-ana #merit h2,
#docs-ana #merit h2 {
    color: #ffffff;
}

#lp-ana #merit li,
#docs-ana #merit li {
    background-color: #ffffff;
    border-radius: 15px;
    padding: 30px;
    align-items: center;
    margin-bottom: 30px;
}

#lp-ana #merit .merit-img,
#docs-ana #merit .merit-img {
    width: 30%;
    text-align: center;
}

#lp-ana #merit .merit-text,
#docs-ana #merit .merit-text {
    width: 65%;
}

#lp-ana #merit li.merit-easy,
#docs-ana #merit li.merit-easy {
    padding: 0 15px;
}

#lp-ana #merit li.merit-easy .merit-img,
#docs-ana #merit li.merit-easy .merit-img {
    align-self: flex-end;
}

#lp-ana #merit li.merit-easy .merit-img img,
#docs-ana #merit li.merit-easy .merit-img img {
    max-width: 250px;
    width: 100%;
}

#lp-ana #merit li.merit-fit,
#lp-ana #merit li.merit-cost,
#docs-ana #merit li.merit-fit,
#docs-ana #merit li.merit-cost {
    flex-direction: row-reverse;
}

#lp-ana #merit h3,
#docs-ana #merit h3 {
    position: relative;
    padding-left: 2.2em;
}

#lp-ana #merit h3 span.hd-merit,
#docs-ana #merit h3 span.hd-merit {
    position: absolute;
    top: 0.5em;
    left: 0;
    font-size: 0.5em;
}

#lp-ana #merit h3 span.merit-num,
#docs-ana #merit h3 span.merit-num {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1.5em;
}

#lp-ana #movie .movie-img,
#docs-ana #movie .movie-img {
    border: 1px solid #dddddd;
    max-width: 400px;
    margin: 0 auto;
}

#lp-ana .movie-wrap,
#docs-ana .movie-wrap {
    position: relative;
    padding-bottom: 56%;
    width: 100%;
    height: 0;
    border: 1px solid #dddddd;
}

#lp-ana .movie-wrap .uk-close,
#docs-ana .movie-wrap .uk-close {
    color: #ffffff;
    background-color: #000;
    border-radius: 50%;
    border: 1px solid #ffffff;
    top: -30px;
    right: -15px;
}

#lp-ana .movie-wrap iframe,
#docs-ana .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#lp-ana #compare table,
#docs-ana #compare table {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
}

#lp-ana #compare table tbody,
#docs-ana #compare table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-ana #compare table tr,
#docs-ana #compare table tr {
    width: 14.2%;
    border-left: 1px solid #999999;
}

#lp-ana #compare table th,
#lp-ana #compare table td,
#docs-ana #compare table th,
#docs-ana #compare table td {
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #999999;
    height: 50px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#lp-ana #compare table th,
#docs-ana #compare table th {
    font-size: 0.9em;
    background-color: #f7f8fa;
}

#lp-ana #compare table .th-top,
#docs-ana #compare table .th-top {
    border-top: 1px solid #999999;
}

#lp-ana #compare table .row td .sp-hd,
#docs-ana #compare table .row td .sp-hd {
    display: none;
}

#lp-ana #compare table .row td .line-red,
#docs-ana #compare table .row td .line-red {
    display: inline;
    background: linear-gradient(transparent 80%, #f33c3d 0%);
}

#lp-ana #compare table .change-data th,
#docs-ana #compare table .change-data th {
    border-right: 1px solid #999999;
}

#lp-ana #compare table .change-data th img,
#docs-ana #compare table .change-data th img {
    max-width: 100px;
    width: 100%;
}

#lp-ana #compare table .change-data td,
#docs-ana #compare table .change-data td {
    border-right: 1px solid #999999;
}

#lp-ana #compare table .change-data td .line-orange,
#docs-ana #compare table .change-data td .line-orange {
    display: inline;
    background: linear-gradient(transparent 70%, #fcaf3c 0%);
}

#lp-ana #compare #summary,
#docs-ana #compare #summary {
    background: linear-gradient(to bottom, #3378bd 0%, #5895d4 60%, #b9dbfd 100%);
    padding: 15px;
    border-radius: 15px;
}

#lp-ana #compare #summary p,
#docs-ana #compare #summary p {
    background-color: #ffffff;
    padding: 20px;
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    color: #073d8e;
}

#lp-ana #compare #summary p .font-s,
#docs-ana #compare #summary p .font-s {
    color: #333333;
}

#lp-ana #structure .flex,
#docs-ana #structure .flex {
    align-items: center;
    flex-direction: row-reverse;
}

#lp-ana #structure .txt,
#docs-ana #structure .txt {
    width: 60%;
}

#lp-ana #structure .img,
#docs-ana #structure .img {
    width: 38%;
}

#lp-ana #sell-wat #sell-wrap,
#docs-ana #sell-wat #sell-wrap {
    border: 2px solid #073d8e;
    padding: 15px 15px 0;
    max-width: 900px;
    margin: 0 auto;
    font-weight: bold;
}

#lp-ana #sell-wat h2,
#docs-ana #sell-wat h2 {
    color: #073d8e;
    text-align: center;
    margin: 0 auto 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #073d8e;
}

#lp-ana #sell-wat h2 span,
#docs-ana #sell-wat h2 span {
    display: inline-block;
    transform: rotate(-10deg);
    font-size: 0.6em;
    vertical-align: top;
}

#lp-ana #sell-wat #wat-main,
#docs-ana #sell-wat #wat-main {
    align-items: flex-start;
}

#lp-ana #sell-wat #wat-img,
#docs-ana #sell-wat #wat-img {
    width: 100%;
    max-width: 160px;
}

#lp-ana #sell-wat #wat-catch,
#docs-ana #sell-wat #wat-catch {
    width: 27%;
    margin: 0 2%;
    color: #073d8e;
    text-align: center;
    font-size: 1.2em;
}

#lp-ana #sell-wat #wat-catch span,
#docs-ana #sell-wat #wat-catch span {
    display: block;
}

#lp-ana #sell-wat #wat-catch .catch-m strong,
#docs-ana #sell-wat #wat-catch .catch-m strong {
    font-size: 1.3em;
}

#lp-ana #sell-wat #wat-catch .catch-l,
#docs-ana #sell-wat #wat-catch .catch-l {
    line-height: 1;
    font-size: 2.5em;
}

#lp-ana #sell-wat #wat-text,
#docs-ana #sell-wat #wat-text {
    width: 50%;
    font-size: 1.2em;
}

#lp-ana #guarantee li,
#docs-ana #guarantee li {
    width: 31%;
    border: 2px solid #073d8e;
    padding: 15px;
    border-radius: 15px;
    background-color: #ffffff;
    text-align: center;
    position: relative;
}

#lp-ana #guarantee li span,
#docs-ana #guarantee li span {
    color: #073d8e;
    font-weight: bold;
    font-size: 2.3em;
    position: absolute;
    top: 15px;
    left: 15px;
}

#lp-ana #guarantee li h3,
#docs-ana #guarantee li h3 {
    margin: 0;
}

#lp-ana #guarantee li img,
#docs-ana #guarantee li img {
    max-width: 100px;
    padding: 20px 0;
}

#lp-ana #guarantee li p,
#docs-ana #guarantee li p {
    text-align: left;
    font-size: 0.9em;
    margin-bottom: 0;
}

#lp-ana #step ol,
#docs-ana #step ol {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
    margin: 0 auto 50px;
}

#lp-ana #step ol li,
#docs-ana #step ol li {
    width: 31%;
    text-align: center;
    background-color: #ffffff;
    border: 2px solid #333333;
    border-radius: 10px;
    padding: 10px;
}

#lp-ana #step ol li h3,
#docs-ana #step ol li h3 {
    font-size: 1em;
    color: #333333;
}

#lp-ana #step ol li h3 .step,
#docs-ana #step ol li h3 .step {
    color: #333333;
    font-size: 1.2em;
    margin-top: 1em;
}

#lp-ana #step ol li .step-img,
#docs-ana #step ol li .step-img {
    max-width: 200px;
    margin: 0 auto;
}

#lp-ana #step ol li .sup,
#docs-ana #step ol li .sup {
    margin: 1em 0 0;
    font-size: 0.6em;
}

#lp-ana #step ol li:nth-child(2),
#docs-ana #step ol li:nth-child(2) {
    margin: 0 3.5%;
}

#lp-ana #sale h3,
#docs-ana #sale h3 {
    font-size: 1.2em;
    color: #333333;
}

#lp-ana #model #simulation,
#docs-ana #model #simulation {
    text-align: center;
}

#lp-ana #model #simulation .simu-hd,
#docs-ana #model #simulation .simu-hd {
    display: inline-block;
    background-color: #063d8e;
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 50px;
}

#lp-ana #model #simulation .simu-hd .sp-br,
#docs-ana #model #simulation .simu-hd .sp-br {
    display: none;
}

#lp-ana #model #simulation .img-wrap,
#docs-ana #model #simulation .img-wrap {
    padding: 30px;
    border: 1px solid #999999;
    background-color: #ffffff;
}

#lp-ana #model #simulation .img-wrap img,
#docs-ana #model #simulation .img-wrap img {
    padding: 30px 20px 0;
}

#lp-ana #return-ex h3,
#docs-ana #return-ex h3 {
    text-align: center;
}

#lp-ana #return-ex h3 span,
#docs-ana #return-ex h3 span {
    border-bottom: 4px solid #3a71b2;
}

#lp-ana #return-ex h3 br,
#docs-ana #return-ex h3 br {
    display: none;
}

#lp-ana #return-ex ul,
#docs-ana #return-ex ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}

#lp-ana #return-ex ul li,
#docs-ana #return-ex ul li {
    width: 31%;
    text-align: center;
    position: relative;
    padding-bottom: 6%;
}

#lp-ana #return-ex ul li .ex-man,
#docs-ana #return-ex ul li .ex-man {
    max-width: 150px;
    width: 40%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
}

#lp-ana #return-ex ul li .ex,
#docs-ana #return-ex ul li .ex {
    position: relative;
    z-index: 99;
    width: 290px;
    height: 290px;
    padding: 40px 30px 0;
    background-color: #f7f8fa;
    border-radius: 50%;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1em;
}

#lp-ana #return-ex ul li .ex .ex-name,
#docs-ana #return-ex ul li .ex .ex-name {
    line-height: 1.2;
}

#lp-ana #return-ex ul li .ex dl,
#docs-ana #return-ex ul li .ex dl {
    line-height: 1.4;
}

#lp-ana #return-ex ul li .ex dt,
#docs-ana #return-ex ul li .ex dt {
    text-align: left;
}

#lp-ana #return-ex ul li .ex dd,
#docs-ana #return-ex ul li .ex dd {
    text-align: right;
    font-size: 1.7em;
    margin-bottom: 0.3em;
}

#lp-ana #return-ex #wat-sell,
#docs-ana #return-ex #wat-sell {
    text-align: center;
}

#lp-ana #return-ex #wat-sell #formula,
#docs-ana #return-ex #wat-sell #formula {
    background-color: #063d8e;
    font-weight: bold;
    color: #ffffff;
    font-size: 1.2em;
}

#lp-ana #return-ex #wat-sell #formula br,
#docs-ana #return-ex #wat-sell #formula br {
    display: none;
}

#lp-ana #qa dl,
#docs-ana #qa dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-ana #qa .qa-wrap,
#docs-ana #qa .qa-wrap {
    width: 32%;
    border: 3px solid #3a71b2;
    margin-bottom: 2%;
    background-color: #ffffff;
}

#lp-ana #qa .qa-wrap dt,
#docs-ana #qa .qa-wrap dt {
    background-color: #3a71b2;
    padding: 5px 5px 5px 1.8em;
    color: #ffffff;
    position: relative;
}

#lp-ana #qa .qa-wrap dt:before,
#docs-ana #qa .qa-wrap dt:before {
    content: "Q.";
    font-weight: bold;
    position: absolute;
    top: 5px;
    left: 5px;
}

#lp-ana #qa .qa-wrap dd,
#docs-ana #qa .qa-wrap dd {
    padding: 5px 5px 5px 1.8em;
    text-align: left;
    position: relative;
    font-size: 0.9em;
}

#lp-ana #qa .qa-wrap dd:before,
#docs-ana #qa .qa-wrap dd:before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 1.1em;
}

#lp-ana #ps,
#docs-ana #ps {
    background: url(/img/hd/hd_green.jpg) center top no-repeat;
    background-size: cover;
    color: #ffffff;
}

#lp-ana #ps #ps-bk,
#docs-ana #ps #ps-bk {
    background-color: rgba(0, 0, 0, 0.5);
}

#lp-ana #ps h2,
#docs-ana #ps h2 {
    color: #ffffff;
}

#lp-ana #ps h2 img,
#docs-ana #ps h2 img {
    width: 100px;
    margin: 0 auto 4px;
}

#lp-ana .regist,
#docs-ana .regist {
    text-align: center;
}

#lp-ana .regist p,
#docs-ana .regist p {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-ana .regist-bk,
#docs-ana .regist-bk {
    background: url(/img/common/bg_ft.jpg) center top no-repeat;
    background-size: cover;
    color: #ffffff;
}

#lp-ana .regist-bk h2,
#docs-ana .regist-bk h2 {
    color: #ffffff;
    margin-bottom: 10px;
}

#lp-ana .regist-bk form h2,
#docs-ana .regist-bk form h2 {
    display: none;
}

#lp-ana .regist-bk .regist-note,
#docs-ana .regist-bk .regist-note {
    max-width: 800px;
    margin: 0 auto 1em;
}

#lp-ana .regist-bk .regist-wrap,
#docs-ana .regist-bk .regist-wrap {
    max-width: 800px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 1em;
    color: #333333;
    border-radius: 15px;
    position: relative;
}

#lp-ana .regist-bk .regist-wrap .regist-amc,
#docs-ana .regist-bk .regist-wrap .regist-amc {
    padding-top: 1em;
    border-top: 1px solid #999999;
}

#lp-ana .regist-bk .regist-wrap .regist-amc dt,
#docs-ana .regist-bk .regist-wrap .regist-amc dt {
    color: #073d8e;
    text-align: center;
}

#lp-ana .regist-bk .regist-wrap .regist-amc dd,
#docs-ana .regist-bk .regist-wrap .regist-amc dd {
    padding: 15px 10px;
}

#lp-ana .regist-bk .regist-wrap .regist-amc dd .btn-amc,
#docs-ana .regist-bk .regist-wrap .regist-amc dd .btn-amc {
    padding: 12px;
    display: block;
    text-align: center;
    width: 100%;
    max-width: 520px;
    font-weight: bold;
    font-size: 1.2em;
    cursor: pointer;
    background-color: #073d8e;
    color: #ffffff;
    border: 1px solid #073d8e;
    border-radius: 30px;
    margin: 0 auto;
    box-shadow: 1px 1px 4px #999999;
}

#lp-ana .regist-bk .regist-wrap .regist-amc dd .btn-amc:hover,
#docs-ana .regist-bk .regist-wrap .regist-amc dd .btn-amc:hover {
    opacity: 1;
    color: #073d8e;
    background-color: #ffffff;
}

#lp-ana footer,
#docs-ana footer {
    color: #333333;
}

@media screen and (max-width: 1028px) {

    #lp-ana #mv #mv-text h1,
    #docs-ana #mv #mv-text h1 {
        font-size: 2em;
    }
}

@media screen and (max-width: 959px) {

    #lp-ana h2,
    #docs-ana h2 {
        font-size: 1.5em;
    }

    #lp-ana h3,
    #docs-ana h3 {
        font-size: 1.2em;
    }

    #lp-ana #sell-wat .flex,
    #docs-ana #sell-wat .flex {
        justify-content: center;
    }

    #lp-ana #sell-wat #wat-main,
    #docs-ana #sell-wat #wat-main {
        max-width: 600px;
        margin: 0 auto;
    }

    #lp-ana #sell-wat #wat-catch,
    #docs-ana #sell-wat #wat-catch {
        width: 31%;
        font-size: 1em;
    }

    #lp-ana #sell-wat p,
    #docs-ana #sell-wat p {
        font-size: 0.9em;
        font-weight: normal;
    }

    #lp-ana #sell-wat #wat-text,
    #docs-ana #sell-wat #wat-text {
        width: 100%;
    }

    #lp-ana #guarantee li h3,
    #docs-ana #guarantee li h3 {
        font-size: 1em;
    }

    #lp-ana #return-ex ul li,
    #docs-ana #return-ex ul li {
        padding-bottom: 5%;
    }

    #lp-ana #return-ex ul li .ex,
    #docs-ana #return-ex ul li .ex {
        width: 230px;
        height: 230px;
        padding: 35px 15px 0;
        font-size: 0.8em;
    }

    #lp-ana #qa .qa-wrap,
    #docs-ana #qa .qa-wrap {
        width: 49%;
    }
}

@media screen and (max-width: 720px) {

    #lp-ana #mv #mv-text h1,
    #docs-ana #mv #mv-text h1 {
        font-size: 1.8em;
    }

    #lp-ana #compare table,
    #docs-ana #compare table {
        max-width: 500px;
        margin: 0 auto 50px;
    }

    #lp-ana #compare table tbody,
    #docs-ana #compare table tbody {
        display: block;
    }

    #lp-ana #compare table #thead,
    #docs-ana #compare table #thead {
        display: none;
    }

    #lp-ana #compare table tr,
    #docs-ana #compare table tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        border-right: 1px solid #999999;
    }

    #lp-ana #compare table th,
    #docs-ana #compare table th {
        width: 100%;
    }

    #lp-ana #compare table th br,
    #docs-ana #compare table th br {
        display: none;
    }

    #lp-ana #compare table .row td,
    #docs-ana #compare table .row td {
        display: inline-block;
        width: 25%;
        font-size: 1em;
        height: 60px;
        border-bottom: none;
    }

    #lp-ana #compare table .row td .sp-hd,
    #docs-ana #compare table .row td .sp-hd {
        display: block;
        color: #999999;
        font-size: 0.7em;
        font-weight: bold;
        margin-bottom: 5px;
    }

    #lp-ana #compare table .change-data,
    #docs-ana #compare table .change-data {
        border-bottom: 1px solid #999999;
    }

    #lp-ana #compare table .change-data th,
    #lp-ana #compare table .change-data td,
    #docs-ana #compare table .change-data th,
    #docs-ana #compare table .change-data td {
        border-right: none;
    }

    #lp-ana #step ol,
    #docs-ana #step ol {
        max-width: 500px;
        margin: 0 auto;
    }

    #lp-ana #step ol li,
    #docs-ana #step ol li {
        width: 100%;
        margin: 0 auto 3% !important;
    }

    #lp-ana #model #simulation .img-wrap,
    #docs-ana #model #simulation .img-wrap {
        padding: 10px;
    }

    #lp-ana #model #simulation .img-wrap img,
    #docs-ana #model #simulation .img-wrap img {
        padding: 0;
    }

    #lp-ana #model #simulation .simu-hd,
    #docs-ana #model #simulation .simu-hd {
        font-size: 1em;
        padding: 8px 12px;
    }

    #lp-ana #return-ex ul li .ex,
    #docs-ana #return-ex ul li .ex {
        width: 200px;
        height: 200px;
        font-size: 0.65em;
    }

    #lp-ana #return-ex #wat-sell,
    #docs-ana #return-ex #wat-sell {
        text-align: left;
    }

    #lp-ana #return-ex #wat-sell #formula,
    #docs-ana #return-ex #wat-sell #formula {
        font-size: 1em;
    }

    #lp-ana #return-ex #wat-sell #formula br,
    #docs-ana #return-ex #wat-sell #formula br {
        display: block;
    }
}

@media screen and (max-width: 680px) {

    #lp-ana #modal-amc #modal-wrap h1,
    #docs-ana #modal-amc #modal-wrap h1 {
        font-size: 1.5em;
    }

    #lp-ana #modal-amc #modal-wrap h1 span,
    #docs-ana #modal-amc #modal-wrap h1 span {
        display: block;
    }

    #lp-ana #modal-amc #modal-wrap p,
    #docs-ana #modal-amc #modal-wrap p {
        text-align: left;
    }

    #lp-ana #mv,
    #docs-ana #mv {
        padding-bottom: 40px;
    }

    #lp-ana #mv #mv-text,
    #docs-ana #mv #mv-text {
        width: 100%;
        padding: 100px 0 0;
    }

    #lp-ana #mv #mv-text h1,
    #docs-ana #mv #mv-text h1 {
        font-size: 2.5em;
    }

    #lp-ana #mv #mv-mile .pc-img,
    #docs-ana #mv #mv-mile .pc-img {
        display: none;
    }

    #lp-ana #mv #mv-mile .sp-img,
    #docs-ana #mv #mv-mile .sp-img {
        display: block;
        max-width: 380px;
        margin: 0 auto;
    }

    #lp-ana #mv #pc-change,
    #docs-ana #mv #pc-change {
        display: none;
    }

    #lp-ana #sp-change,
    #docs-ana #sp-change {
        display: block;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    #lp-ana #sp-change #sp-point,
    #docs-ana #sp-change #sp-point {
        width: 48%;
        display: block;
    }

    #lp-ana #sp-change #sp-point img,
    #docs-ana #sp-change #sp-point img {
        display: block;
        width: 100%;
        margin: 5px 0;
    }

    #lp-ana #sp-change #sp-phone,
    #docs-ana #sp-change #sp-phone {
        width: 48%;
    }

    #lp-ana #amc-lead,
    #docs-ana #amc-lead {
        font-size: 1em;
    }

    #lp-ana #amc-lead .line-yellow,
    #docs-ana #amc-lead .line-yellow {
        font-size: 1.5em;
    }

    #lp-ana #amc .main-text,
    #docs-ana #amc .main-text {
        text-align: left;
    }

    #lp-ana #amc .main-text br,
    #docs-ana #amc .main-text br {
        display: none;
    }

    #lp-ana #amc #change-flow .flex,
    #docs-ana #amc #change-flow .flex {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        justify-content: center;
    }

    #lp-ana #amc #change-flow .flow-wrap,
    #docs-ana #amc #change-flow .flow-wrap {
        width: 100%;
    }

    #lp-ana #amc #change-flow .flow-wrap img,
    #docs-ana #amc #change-flow .flow-wrap img {
        max-width: 80px;
    }

    #lp-ana #amc #change-flow .flow-wrap h3,
    #docs-ana #amc #change-flow .flow-wrap h3 {
        margin: 20px 0;
    }

    #lp-ana #amc #change-flow .flow-arrow,
    #docs-ana #amc #change-flow .flow-arrow {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        width: 100%;
    }

    #lp-ana #amc #change-flow .flow-arrow .pc-img,
    #docs-ana #amc #change-flow .flow-arrow .pc-img {
        display: none;
    }

    #lp-ana #amc #change-flow .flow-arrow .sp-img,
    #docs-ana #amc #change-flow .flow-arrow .sp-img {
        display: block;
    }

    #lp-ana #amc #change-flow .flow-arrow .line-yellow,
    #docs-ana #amc #change-flow .flow-arrow .line-yellow {
        text-align: center;
        width: 100%;
        max-width: 250px;
        margin: 0 auto 20px;
    }

    #lp-ana .add-mile .main-text,
    #docs-ana .add-mile .main-text {
        text-align: left;
    }

    #lp-ana .add-mile .main-text br,
    #docs-ana .add-mile .main-text br {
        display: none;
    }

    #lp-ana .add-mile .font-l,
    #docs-ana .add-mile .font-l {
        font-size: 2.5em;
    }

    #lp-ana .add-mile .font-m,
    #docs-ana .add-mile .font-m {
        font-size: 1.7em;
    }

    #lp-ana .add-mile .add p:after,
    #docs-ana .add-mile .add p:after {
        border-width: 30px 90px 0 90px;
    }

    #lp-ana .add-mile .wrap800 .mile-wrap,
    #docs-ana .add-mile .wrap800 .mile-wrap {
        width: 150px;
        height: 150px;
        font-size: 0.8em;
    }

    #lp-ana .add-mile .wrap800 .mile-wrap .position-r .font-ss,
    #docs-ana .add-mile .wrap800 .mile-wrap .position-r .font-ss {
        top: -5px;
        right: 15px;
    }

    #lp-ana #merit li,
    #docs-ana #merit li {
        display: block;
        padding: 15px;
        position: relative;
    }

    #lp-ana #merit li h3,
    #docs-ana #merit li h3 {
        text-align: center;
        position: static;
        padding-left: 0;
    }

    #lp-ana #merit li h3 span.hd-merit,
    #docs-ana #merit li h3 span.hd-merit {
        top: 15px;
        left: 15px;
    }

    #lp-ana #merit li h3 span.merit-num,
    #docs-ana #merit li h3 span.merit-num {
        bottom: auto;
        top: 25px;
        left: 15px;
    }

    #lp-ana #merit .merit-img,
    #docs-ana #merit .merit-img {
        width: 100%;
        max-width: 240px;
        margin: 3em auto 1em;
    }

    #lp-ana #merit .merit-text,
    #docs-ana #merit .merit-text {
        width: 100%;
    }

    #lp-ana #merit li.merit-easy,
    #docs-ana #merit li.merit-easy {
        padding: 15px;
    }

    #lp-ana #merit li.merit-easy .merit-img,
    #docs-ana #merit li.merit-easy .merit-img {
        margin: 0 auto 1em;
    }

    #lp-ana #structure .flex,
    #docs-ana #structure .flex {
        display: block;
    }

    #lp-ana #structure .img,
    #docs-ana #structure .img {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 1em;
    }

    #lp-ana #structure .txt,
    #docs-ana #structure .txt {
        width: 100%;
    }

    #lp-ana #sell-wat #wat-main #wat-catch,
    #docs-ana #sell-wat #wat-main #wat-catch {
        width: 35%;
    }

    #lp-ana #guarantee li,
    #docs-ana #guarantee li {
        width: 100%;
        margin: 0 auto 3%;
    }

    #lp-ana #model #simulation .simu-hd,
    #docs-ana #model #simulation .simu-hd {
        font-size: 0.8em;
    }

    #lp-ana #return-ex ul,
    #docs-ana #return-ex ul {
        max-width: 400px;
    }

    #lp-ana #return-ex ul li,
    #docs-ana #return-ex ul li {
        width: 100%;
        padding-bottom: 45px;
    }

    #lp-ana #return-ex ul li .ex,
    #docs-ana #return-ex ul li .ex {
        width: 280px;
        height: 280px;
        font-size: 1em;
        margin: 0 auto;
        padding: 35px 15px 0;
    }
}

@media screen and (max-width: 640px) {

    #lp-ana #sell-wat #wat-main #wat-catch,
    #docs-ana #sell-wat #wat-main #wat-catch {
        width: 45%;
    }

    #lp-ana #ps h2 img,
    #docs-ana #ps h2 img {
        width: 80px;
    }
}

@media screen and (max-width: 480px) {

    #lp-ana header .logo,
    #docs-ana header .logo {
        width: 120px;
    }

    #lp-ana #mv #mv-text h1 .sp-br,
    #docs-ana #mv #mv-text h1 .sp-br {
        display: block;
    }

    #lp-ana #amc-lead,
    #docs-ana #amc-lead {
        font-size: 0.9em;
    }

    #lp-ana .add-mile .line-yellow,
    #docs-ana .add-mile .line-yellow {
        font-size: 1em;
    }

    #lp-ana .add-mile h2 br,
    #docs-ana .add-mile h2 br {
        display: block;
    }

    #lp-ana .add-mile .wrap800 .mile-wrap,
    #docs-ana .add-mile .wrap800 .mile-wrap {
        max-width: 150px;
        margin: 0 auto;
    }

    #lp-ana .add-mile .wrap800 .mile-arrow,
    #docs-ana .add-mile .wrap800 .mile-arrow {
        width: 100%;
    }

    #lp-ana .add-mile .wrap800 .mile-arrow .pc-img,
    #docs-ana .add-mile .wrap800 .mile-arrow .pc-img {
        display: none;
    }

    #lp-ana .add-mile .wrap800 .mile-arrow .sp-img,
    #docs-ana .add-mile .wrap800 .mile-arrow .sp-img {
        display: block;
    }

    #lp-ana #compare table .row td,
    #docs-ana #compare table .row td {
        width: 50%;
    }

    #lp-ana #qa .qa-wrap,
    #docs-ana #qa .qa-wrap {
        width: 100%;
    }

    #lp-ana #sell-wat #wat-main #wat-catch,
    #docs-ana #sell-wat #wat-main #wat-catch {
        width: 100%;
    }

    #lp-ana #step h2,
    #docs-ana #step h2 {
        font-size: 1em;
    }

    #lp-ana .regist-bk .regist-wrap,
    #docs-ana .regist-bk .regist-wrap {
        width: 96%;
        padding: 10px;
    }

    #lp-ana .regist-bk .regist-wrap .regist-amc dt,
    #docs-ana .regist-bk .regist-wrap .regist-amc dt {
        font-size: 0.8em;
    }

    #lp-ana .regist-bk .regist-wrap .regist-amc dt br,
    #docs-ana .regist-bk .regist-wrap .regist-amc dt br {
        display: none;
    }

    #lp-ana .regist-bk .regist-wrap .regist-amc dd .btn-amc,
    #docs-ana .regist-bk .regist-wrap .regist-amc dd .btn-amc {
        font-size: 1em;
    }

    #lp-ana .regist-bk p.regist-txt,
    #docs-ana .regist-bk p.regist-txt {
        font-size: 0.85em;
    }
}

@media screen and (max-width: 419px) {

    #lp-ana #compare #summary p,
    #docs-ana #compare #summary p {
        font-size: 1.2em;
        padding: 20px 10px;
    }

    #lp-ana #compare #summary p .font-s,
    #docs-ana #compare #summary p .font-s {
        display: block;
    }

    #lp-ana #model #simulation .simu-hd,
    #docs-ana #model #simulation .simu-hd {
        width: 100%;
    }

    #lp-ana #model #simulation .simu-hd .sp-br,
    #docs-ana #model #simulation .simu-hd .sp-br {
        display: block;
    }
}

#lp-ana #lp-data #data {
    background-color: #f7f8fa;
    padding-top: 40px;
    padding-bottom: 40px;
}

#lp-ana #cam-cmn {
    background-color: #fff1e0;
}

#lp-ana #cam-cmn h2 {
    color: #6a3906;
}

#lp-ana #sell-wat #wat-img {
    max-width: 160px;
    width: 100%;
}

#lp-ana .cam-lp {
    background-color: #e1f1ff;
}

@media screen and (max-width: 1080px) {
    #lp-ana #mile h1 {
        font-size: 2.5em;
    }
}

/********** 繧ｵ繧､繝亥�繧ｳ繝ｳ繝�Φ繝�畑 **********/
#docs-ana .sp {
    display: none;
}

#docs-ana header {
    padding: 0;
    background-color: #53c858;
    position: relative;
    top: 0;
    z-index: 1000;
}

#docs-ana #mv {
    background: url(/img/ana/img-sky.jpg) center top no-repeat;
    background-size: cover;
    position: relative;
}

#docs-ana #mv .container #ana-logo {
    max-width: 200px;
    margin-left: 82%;
}

#docs-ana #mv .container #ana-logo img {
    padding-top: 40px;
}

#docs-ana #mv #mv-text {
    width: 45em;
    padding: 100px 0 50px;
}

#docs-ana #mv #mv-text h2 {
    font-size: 2.5em;
    letter-spacing: 0.1em;
    color: #ffffff;
    text-align: left;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

#docs-ana #mv #mv-text .add-mile {
    margin-top: 40px;
}

#docs-ana #mv #mv-text .add-mile .wh {
    text-shadow: none;
    color: #e56100;
    padding: 5px 0 3px;
    margin-bottom: 5px;
}

#docs-ana #mv #mv-text .add-mile .mile-wrap {
    width: 165px;
    height: 165px;
    background-color: #e56100;
    position: relative;
}

#docs-ana #mv #mv-text .add-mile .mile-wrap:first-child {
    margin-right: 50px;
}

#docs-ana #mv #mv-text .add-mile .mile-wrap:first-child::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 17px;
    border-color: transparent transparent transparent #ffffff;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: -2.3em;
}

#docs-ana #mv #mv-text .add-mile .mile-wrap p {
    text-shadow: none;
}

#docs-ana #mv #mv-text .add-mile .mile-wrap .yen {
    position: relative;
}

#docs-ana #mv #mv-text .add-mile .mile-wrap .yen::before {
    content: "(遞手ｾｼ)";
    position: absolute;
    font-size: 0.5em;
    top: -1em;
    left: -0.5em;
    white-space: nowrap;
}

#docs-ana #mv #mv-text .add-mile .mile-wrap .font-l {
    font-size: 3em;
}

#docs-ana #mv #mv-text .add-mile .mile-wrap .font-m {
    font-size: 1.5em;
}

#docs-ana #mv #mv-text .add-mile .mile-wrap .font-ss {
    top: 5px;
    right: 4px;
}

#docs-ana #mv #mv-text .flex {
    justify-content: flex-start;
}

#docs-ana #mv #mv-plane {
    position: absolute;
    max-width: 800px;
    bottom: 10px;
    margin-left: 40vw;
}

#docs-ana #cam-cmn .cam-aug {
    margin-bottom: 0;
}

#docs-ana #amc-form {
    text-align: center;
    background-color: #073d8e;
}

#docs-ana #amc-form #amc-bk {
    background: url(/img/campaign/triple/bk_plane.png) right 20px top 20px no-repeat;
    background-size: 120px auto;
    color: #ffffff;
}

#docs-ana #amc-form #amc-bk h2 {
    color: #ffffff;
    margin-bottom: 20px;
}

#docs-ana #amc-form #amc-bk #amc-text {
    max-width: 40em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#docs-ana #amc-form .flex {
    justify-content: space-between;
}

#docs-ana #amc-form .amc-wrap {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    color: #333333;
    font-weight: bold;
    padding: 20px;
}

#docs-ana #amc-form .amc-wrap p {
    margin-bottom: 10px;
}

#docs-ana #amc-form .amc-wrap.amc-regist {
    width: 58%;
}

#docs-ana #amc-form .amc-wrap.change-regist {
    width: 40%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
}

#docs-ana #amc-form .amc-wrap.change-regist p {
    width: 100%;
}

#docs-ana #amc-form .btn-edit {
    background-color: #0372f7;
}

#docs-ana #amc-form .change-regist .cam-btn {
    background-color: #ea5514;
    max-width: 300px;
}

#docs-ana #amc-form .cam-btn {
    position: relative;
    display: inline-block;
    max-width: 500px;
    width: 100%;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
    border-radius: 10px;
    padding: 10px 10px 7px;
    cursor: pointer;
}

#docs-ana footer {
    color: #ffffff;
}

@media screen and (max-width: 1028px) {
    #docs-ana #mv #mv-text {
        padding: 60px 0 50px;
    }

    #docs-ana #mv #mv-text h1 {
        font-size: 3em;
    }

    #docs-ana #mv #mv-text h2 {
        font-size: 2em;
    }

    #docs-ana #mv #mv-plane {
        max-width: 700px;
        margin: 0;
        right: 10px;
    }
}

@media screen and (max-width: 870px) {
    #docs-ana #mv #mv-plane {
        max-width: 550px;
    }

    #docs-ana #amc-form .amc-wrap.change-regist,
    #docs-ana #amc-form .amc-wrap.amc-regist {
        width: 100%;
    }

    #docs-ana #amc-form .change-regist .cam-btn {
        max-width: 500px;
    }

    #docs-ana #amc-form .change-regist {
        margin-bottom: 1em;
    }
}

@media screen and (max-width: 720px) {
    #docs-ana #mv .container #ana-logo {
        max-width: 150px;
        margin-left: 75%;
    }

    #docs-ana #mv .container #ana-logo img {
        padding-top: 20px;
    }

    #docs-ana #mv #mv-text {
        padding: 60px 0 0;
    }

    #docs-ana #mv #mv-plane {
        margin-left: 40%;
    }
}

@media screen and (max-width: 680px) {
    #docs-ana .pc {
        display: none;
    }

    #docs-ana .sp {
        display: block;
    }

    #docs-ana #mv {
        padding-bottom: 10px;
    }

    #docs-ana #mv #mv-text {
        width: 100%;
        padding: 40px 0 0;
    }

    #docs-ana #mv #mv-text .flex {
        justify-content: center;
    }

    #docs-ana #mv #mv-text h1 {
        margin: 0;
        font-size: 3.8em;
    }

    #docs-ana #mv #mv-plane {
        max-width: 100%;
        position: initial;
        margin: 0 auto;
    }

    #docs-ana #cam-about {
        margin-top: 30px;
    }

    #docs-ana #cam-about .about-text {
        font-size: 0.85em;
        margin: 0;
    }

    #docs-ana #cam-about .about-text span {
        color: #00a3ff;
    }

    #docs-ana #cam-about .about-text span .font-l {
        font-size: 1.5em;
    }

    #docs-ana #cam-about .add-mile {
        max-width: 320px;
        margin: 0 auto;
        position: relative;
    }

    #docs-ana #cam-about .add-mile::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 13px 0 13px 14px;
        border-color: transparent transparent transparent #707070;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    #docs-ana #cam-about .add-mile .mile-wrap {
        width: 140px;
        height: 140px;
        background-color: #e56100;
        position: relative;
    }

    #docs-ana #cam-about .add-mile .mile-wrap:first-child::after {
        content: "";
        display: none;
    }

    #docs-ana #cam-about .add-mile .mile-wrap .yen {
        position: relative;
    }

    #docs-ana #cam-about .add-mile .mile-wrap .yen::before {
        content: "(遞手ｾｼ)";
        position: absolute;
        font-size: 0.5em;
        top: -1em;
        left: -0.5em;
        white-space: nowrap;
    }

    #docs-ana #cam-about .add-mile .wh {
        text-shadow: none;
        color: #e56100;
        padding: 5px 0 3px;
        margin-bottom: 10px;
        width: 6.3em;
    }

    #docs-ana #cam-about .add-mile .font-l {
        font-size: 2.3em;
    }

    #docs-ana #cam-about .add-mile .font-m {
        font-size: 1.2em;
    }

    #docs-ana #amc-form {
        padding: 30px 0;
    }

    #docs-ana #amc-form h2 {
        font-size: 1.2em;
    }

    #docs-ana #amc-form dd .btn-amc {
        padding: 20px 10px 15px;
        font-size: 1.2em;
    }
}

@media screen and (max-width: 448px) {
    #docs-ana #mv #mv-text h1 {
        font-size: 12vw;
    }

    #docs-ana #mv #mv-text h2 {
        font-size: 6.5vw;
    }

    #docs-ana #cam-about .about-text {
        font-size: 4vw;
    }

    #docs-ana #cam-about .add-mile .mile-wrap {
        width: 130px;
        height: 130px;
    }

    #docs-ana .add-mile .font-m {
        font-size: 1.2em;
    }

    #docs-ana #amc-form #amc-bk {
        padding: 0 10px;
    }
}

@media screen and (max-width: 420px) {
    #docs-ana #amc-form #amc-bk #amc-text {
        text-align: left;
    }

    #docs-ana #amc-form .amc-regist p {
        text-align: left;
    }

    #docs-ana #amc-form .amc-regist br {
        display: none;
    }
}

/*
  *
  * JAL繧ｵ繧､繝亥�繧ｳ繝ｳ繝�Φ繝�畑繝壹�繧ｸ
  * JAL繝ｩ繝ｳ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ
  *
  */
#docs-jal .sp-br,
#docs-jal .sp-img,
#lp-jal .sp-br,
#lp-jal .sp-img {
    display: none;
}

#docs-jal .font-red,
#lp-jal .font-red {
    color: #ed1c24;
}

#docs-jal .font-strong,
#lp-jal .font-strong {
    font-weight: bold;
}

#docs-jal .bg-blue,
#lp-jal .bg-blue {
    background-color: #edf0f4;
}

#docs-jal .bg-gray,
#lp-jal .bg-gray {
    background-color: #f9faf4;
}

#docs-jal .hd,
#lp-jal .hd {
    display: flex;
    justify-content: center;
    align-items: center;
}

#docs-jal .hd::before,
#docs-jal .hd::after,
#lp-jal .hd::before,
#lp-jal .hd::after {
    content: "";
    width: 1.2em;
    height: 3px;
    border-radius: 10px;
}

#docs-jal .hd::before,
#lp-jal .hd::before {
    transform: rotate(60deg);
}

#docs-jal .hd::after,
#lp-jal .hd::after {
    transform: rotate(-60deg);
}

#docs-jal #intro .lead,
#lp-jal #intro .lead {
    color: #000;
    text-align: center;
    font-size: 2em;
}

#docs-jal #intro .lead span,
#lp-jal #intro .lead span {
    vertical-align: sub;
}

#docs-jal #intro .lead .font-s,
#lp-jal #intro .lead .font-s {
    font-size: 0.7em;
}

#docs-jal #intro .lead .font-m,
#lp-jal #intro .lead .font-m {
    font-size: 1.4em;
}

#docs-jal #intro .lead .font-l,
#lp-jal #intro .lead .font-l {
    font-size: 1.5em;
}

#docs-jal #change-flow,
#lp-jal #change-flow {
    background-color: #f9faf4;
}

#docs-jal #change-flow h2,
#lp-jal #change-flow h2 {
    color: #ed1c24;
}

#docs-jal #change-flow .hd::before,
#docs-jal #change-flow .hd::after,
#lp-jal #change-flow .hd::before,
#lp-jal #change-flow .hd::after {
    background-color: #ed1c24;
}

#docs-jal #change-flow .wrap-880,
#lp-jal #change-flow .wrap-880 {
    margin-bottom: 20px;
}

#docs-jal #change-flow .wrap-880.flex,
#lp-jal #change-flow .wrap-880.flex {
    justify-content: space-between;
    align-items: center;
}

#docs-jal #change-flow .wrap-880 .flow-wrap,
#lp-jal #change-flow .wrap-880 .flow-wrap {
    width: 37%;
    background-color: #fff;
    border-radius: 21px;
    border: solid 3px #ed1c24;
    padding: 20px;
}

#docs-jal #change-flow .wrap-880 .flow-wrap img,
#lp-jal #change-flow .wrap-880 .flow-wrap img {
    max-width: 190px;
    width: 100%;
    margin: 0 auto;
}

#docs-jal #change-flow .wrap-880 .flow-wrap .bg-bk,
#lp-jal #change-flow .wrap-880 .flow-wrap .bg-bk {
    background-color: #000;
    padding: 8px;
    color: #fff;
    font-size: 1.25em;
    border-radius: 100px;
    margin: 16px auto;
}

#docs-jal #change-flow .wrap-880 .flow-arrow,
#lp-jal #change-flow .wrap-880 .flow-arrow {
    max-width: 140px;
    width: 100%;
    margin: 20px;
}

#docs-jal #change-flow .wrap-880 .flow-arrow p,
#lp-jal #change-flow .wrap-880 .flow-arrow p {
    width: 7em;
    text-align: left;
    font-weight: bold;
    line-height: 1.3;
    margin: 10px auto 0;
}

#docs-jal #add-mile,
#lp-jal #add-mile {
    background-color: #edf0f4;
    position: relative;
}

#docs-jal #add-mile::after,
#lp-jal #add-mile::after {
    content: "";
    position: absolute;
    background: url(/img/jal/arrow_more.png) no-repeat;
    background-size: contain;
    width: 240px;
    height: 125px;
    left: 0;
    right: 0;
    top: -80px;
    margin: 20px auto;
}

#docs-jal #add-mile h2,
#lp-jal #add-mile h2 {
    color: #48549e;
    text-align: center;
    margin-top: 24px;
}

#docs-jal #add-mile .hd::before,
#docs-jal #add-mile .hd::after,
#lp-jal #add-mile .hd::before,
#lp-jal #add-mile .hd::after {
    background-color: #48549e;
}

#docs-jal #add-mile .main-text,
#lp-jal #add-mile .main-text {
    text-align: center;
    line-height: 1.3;
}

#docs-jal #add-mile .main-text .font-l,
#lp-jal #add-mile .main-text .font-l {
    font-size: 1.6em;
}

#docs-jal #add-mile .wrap-560,
#lp-jal #add-mile .wrap-560 {
    position: relative;
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
}

#docs-jal #add-mile .wrap-560.flex,
#lp-jal #add-mile .wrap-560.flex {
    justify-content: space-between;
    align-items: center;
}

#docs-jal #add-mile .wrap-560::after,
#lp-jal #add-mile .wrap-560::after {
    content: "";
    position: absolute;
    background: url(/img/jal/arrow.png) no-repeat;
    background-size: contain;
    width: 140px;
    height: 135px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#docs-jal #add-mile .mile-wrap,
#lp-jal #add-mile .mile-wrap {
    width: 175px;
    height: 175px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background-color: #48549e;
    border-radius: 100%;
    padding: 20px 10px;
}

#docs-jal #add-mile .mile-wrap .wh,
#lp-jal #add-mile .mile-wrap .wh {
    max-width: 8em;
    width: 100%;
    font-size: 1em;
    background-color: #fff;
    color: #48549e;
    border-radius: 50px;
    padding: 4px 4px 2px;
    margin: 20px auto 10px;
}

#docs-jal #add-mile .mile-wrap .position-r,
#lp-jal #add-mile .mile-wrap .position-r {
    line-height: 1;
}

#docs-jal #add-mile .mile-wrap .position-r .font-l,
#lp-jal #add-mile .mile-wrap .position-r .font-l {
    font-size: 3em;
}

#docs-jal #add-mile .mile-wrap .position-r .font-m,
#lp-jal #add-mile .mile-wrap .position-r .font-m {
    font-size: 1.8em;
}

#docs-jal #add-mile .mile-wrap .position-r .yen,
#lp-jal #add-mile .mile-wrap .position-r .yen {
    position: relative;
}

#docs-jal #add-mile .mile-wrap .position-r .yen::after,
#lp-jal #add-mile .mile-wrap .position-r .yen::after {
    content: "(遞手ｾｼ)";
    position: absolute;
    width: 5em;
    font-size: 0.3em;
    text-align: left;
    left: 0;
    right: 0;
    top: -1.6em;
    margin: auto;
}

#docs-jal #add-mile .mile-detail,
#lp-jal #add-mile .mile-detail {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

#docs-jal #add-mile .mile-detail ul,
#lp-jal #add-mile .mile-detail ul {
    background-color: #fff;
    padding: 30px;
    padding-left: calc(30px + 1em);
}

@media screen and (max-width: 1199px) {

    #docs-jal #change-flow .wrap-880,
    #lp-jal #change-flow .wrap-880 {
        margin-bottom: 60px;
    }

    #docs-jal #add-mile,
    #lp-jal #add-mile {
        padding-top: 80px;
    }
}

@media screen and (max-width: 880px) {

    #docs-jal #change-flow .wrap-880,
    #lp-jal #change-flow .wrap-880 {
        max-width: 680px;
    }

    #docs-jal #change-flow .wrap-880 .flow-wrap,
    #lp-jal #change-flow .wrap-880 .flow-wrap {
        padding: 10px;
    }

    #docs-jal #change-flow .wrap-880 .flow-arrow,
    #lp-jal #change-flow .wrap-880 .flow-arrow {
        max-width: 100px;
    }
}

@media screen and (max-width: 680px) {

    #docs-jal #intro h2,
    #lp-jal #intro h2 {
        font-size: 1.4em;
    }

    #docs-jal #intro .lead,
    #lp-jal #intro .lead {
        font-size: 1.5em;
    }

    #docs-jal #intro .lead span,
    #lp-jal #intro .lead span {
        vertical-align: initial;
    }

    #docs-jal #change-flow .wrap-880,
    #lp-jal #change-flow .wrap-880 {
        max-width: 460px;
        margin-bottom: 60px;
    }

    #docs-jal #change-flow .wrap-880 .flow-wrap,
    #lp-jal #change-flow .wrap-880 .flow-wrap {
        width: 36%;
    }

    #docs-jal #change-flow .wrap-880 .flow-wrap img,
    #lp-jal #change-flow .wrap-880 .flow-wrap img {
        max-width: 140px;
    }

    #docs-jal #change-flow .wrap-880 .flow-wrap .bg-bk,
    #lp-jal #change-flow .wrap-880 .flow-wrap .bg-bk {
        font-size: 1em;
    }

    #docs-jal #change-flow .wrap-880 .flow-wrap .text-wrap p:not(.font-s),
    #lp-jal #change-flow .wrap-880 .flow-wrap .text-wrap p:not(.font-s) {
        line-height: 1.2;
    }

    #docs-jal #change-flow .wrap-880 .flow-arrow,
    #lp-jal #change-flow .wrap-880 .flow-arrow {
        max-width: 90px;
        margin: 10px;
    }

    #docs-jal #change-flow .wrap-880 .flow-arrow p,
    #lp-jal #change-flow .wrap-880 .flow-arrow p {
        font-size: 0.8em;
    }

    #docs-jal #add-mile,
    #lp-jal #add-mile {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    #docs-jal #add-mile::after,
    #lp-jal #add-mile::after {
        width: 180px;
        height: 94px;
    }

    #docs-jal #add-mile h2,
    #lp-jal #add-mile h2 {
        font-size: 1.4em;
    }

    #docs-jal #add-mile .main-text br,
    #lp-jal #add-mile .main-text br {
        display: none;
    }

    #docs-jal #add-mile .wrap-560::after,
    #lp-jal #add-mile .wrap-560::after {
        width: 90px;
        height: 80px;
    }
}

@media screen and (max-width: 480px) {

    #docs-jal .hd::before,
    #docs-jal .hd::after,
    #lp-jal .hd::before,
    #lp-jal .hd::after {
        width: 1.6em;
        height: 2px;
    }

    #docs-jal #intro .lead,
    #lp-jal #intro .lead {
        font-size: 4.8vw;
    }

    #docs-jal #intro .lead .font-s,
    #lp-jal #intro .lead .font-s {
        font-size: 0.8em;
    }

    #docs-jal #change-flow h2 .sp-br,
    #lp-jal #change-flow h2 .sp-br {
        display: block;
    }

    #docs-jal #change-flow .main-text,
    #lp-jal #change-flow .main-text {
        text-align: left;
    }

    #docs-jal #change-flow .main-text br,
    #lp-jal #change-flow .main-text br {
        display: none;
    }

    #docs-jal #change-flow .wrap-880.flex,
    #lp-jal #change-flow .wrap-880.flex {
        justify-content: center;
    }

    #docs-jal #change-flow .wrap-880 .flow-wrap,
    #lp-jal #change-flow .wrap-880 .flow-wrap {
        width: 100%;
    }

    #docs-jal #change-flow .wrap-880 .flow-wrap img,
    #lp-jal #change-flow .wrap-880 .flow-wrap img {
        max-width: 190px;
    }

    #docs-jal #change-flow .wrap-880 .flow-arrow,
    #lp-jal #change-flow .wrap-880 .flow-arrow {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
        margin: 20px;
    }

    #docs-jal #change-flow .wrap-880 .flow-arrow img,
    #lp-jal #change-flow .wrap-880 .flow-arrow img {
        transform: rotate(90deg);
    }

    #docs-jal #change-flow .wrap-880 .flow-arrow p,
    #lp-jal #change-flow .wrap-880 .flow-arrow p {
        margin: 0 auto 10px;
        font-size: 1em;
    }

    #docs-jal #change-flow .wrap-880 .flow-arrow p br,
    #lp-jal #change-flow .wrap-880 .flow-arrow p br {
        display: none;
    }

    #docs-jal #add-mile,
    #lp-jal #add-mile {
        padding-top: 40px;
    }

    #docs-jal #add-mile h2 .sp-br,
    #lp-jal #add-mile h2 .sp-br {
        display: block;
    }

    #docs-jal #add-mile .main-text,
    #lp-jal #add-mile .main-text {
        text-align: left;
    }

    #docs-jal #add-mile .main-text .font-l,
    #lp-jal #add-mile .main-text .font-l {
        font-size: 1.2em;
    }

    #docs-jal #add-mile .wrap-560,
    #lp-jal #add-mile .wrap-560 {
        max-width: 300px;
    }

    #docs-jal #add-mile .wrap-560.flex,
    #lp-jal #add-mile .wrap-560.flex {
        justify-content: center;
    }

    #docs-jal #add-mile .wrap-560::after,
    #lp-jal #add-mile .wrap-560::after {
        transform: rotate(90deg);
    }

    #docs-jal #add-mile .mile-wrap:first-child,
    #lp-jal #add-mile .mile-wrap:first-child {
        margin-bottom: 110px;
    }

    #docs-jal #add-mile .mile-detail ul,
    #lp-jal #add-mile .mile-detail ul {
        padding: 10px;
        padding-left: calc(10px + 1em);
    }
}

/*---------- docs/jal ----------*/
#docs-jal #mv {
    background-color: #000;
    overflow: hidden;
}

#docs-jal #mv .container-w {
    position: relative;
    overflow: visible;
}

#docs-jal #mv .container-w .mv-bg {
    position: absolute;
    width: 60%;
    top: 0;
    left: 0;
}

#docs-jal #mv .container {
    position: relative;
    overflow: visible;
}

#docs-jal #mv .container .mv-logo {
    width: 60%;
    position: relative;
}

#docs-jal #mv .container .mv-logo img {
    position: absolute;
    max-width: 440px;
    top: 40px;
    right: 0;
}

#docs-jal #mv .container .mv-text {
    position: relative;
    width: 40%;
    background-color: #ED1C24;
    padding: 60px 10px;
}

#docs-jal #mv .container .mv-text::before,
#docs-jal #mv .container .mv-text::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    top: 0;
}

#docs-jal #mv .container .mv-text::before {
    border-width: 0 0 450px 45px;
    border-color: transparent transparent #ED1C24 transparent;
    left: -45px;
}

#docs-jal #mv .container .mv-text::after {
    border-width: 450px 45px 0 0;
    border-color: #ED1C24 transparent transparent transparent;
    right: -44px;
}

#docs-jal #mv .container .mv-text h1 {
    font-size: 2em;
    margin-left: 10px;
}

#docs-jal #mv .container .mv-mile {
    background-color: transparent;
    position: relative;
    padding: 0;
}

#docs-jal #mv .container .mv-mile::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28px 0 28px 48px;
    border-color: transparent transparent transparent #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#docs-jal #mv .container .mv-mile.flex {
    justify-content: space-between;
}

#docs-jal #mv .container .mv-mile .mile-wrap {
    background-color: #fff;
    color: #ED1C24;
}

#docs-jal #mv .container .mv-mile .mile-wrap .wh {
    background-color: #ED1C24;
    color: #fff;
}

#docs-jal #amc-form {
    text-align: center;
    background-color: #ED1C24;
}

#docs-jal #amc-form #amc-bk {
    background: url(/img/campaign/triple/bk_plane.png) right 20px top 20px no-repeat;
    background-size: 120px auto;
    color: #ffffff;
}

#docs-jal #amc-form #amc-bk h2 {
    color: #ffffff;
    margin-bottom: 20px;
}

#docs-jal #amc-form #amc-bk #amc-text {
    max-width: 40em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#docs-jal #amc-form .flex {
    justify-content: space-between;
}

#docs-jal #amc-form .amc-wrap {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    color: #333333;
    font-weight: bold;
    padding: 20px;
}

#docs-jal #amc-form .amc-wrap p {
    margin-bottom: 10px;
}

#docs-jal #amc-form .amc-wrap.amc-regist {
    width: 58%;
}

#docs-jal #amc-form .amc-wrap.change-regist {
    width: 40%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
}

#docs-jal #amc-form .amc-wrap.change-regist p {
    width: 100%;
}

#docs-jal #amc-form .btn-edit {
    background-color: #48549e;
}

#docs-jal #amc-form .change-regist .cam-btn {
    background-color: #ea5514;
    max-width: 300px;
}

#docs-jal #amc-form .cam-btn {
    position: relative;
    display: inline-block;
    max-width: 520px;
    width: 100%;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    padding: 10px 10px 7px;
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    #docs-jal #mv .container {
        padding: 0;
    }

    #docs-jal #mv .container .mv-logo img {
        max-width: 360px;
        top: 30px;
    }

    #docs-jal #mv .container .mv-text h1 {
        font-size: 1.8em;
    }

    #docs-jal #mv .container #add-mile {
        padding-top: 0;
    }

    #docs-jal #mv .container .mv-mile {
        max-width: 390px;
        width: 100%;
        margin: 0 auto;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap {
        width: 160px;
        height: 160px;
        padding: 10px 16px;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .position-r .font-l {
        font-size: 2.8em;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .position-r .font-m {
        font-size: 1.6em;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .position-r .yen::after {
        top: -1.3em;
    }
}

@media screen and (max-width: 1024px) {
    #docs-jal #mv .container .mv-logo img {
        max-width: 320px;
    }

    #docs-jal #mv .container .mv-text h1 {
        font-size: 2.9vw;
    }

    #docs-jal #mv .container .mv-mile {
        max-width: 390px;
    }

    #docs-jal #mv .container .mv-mile::after {
        border-width: 23px 0 23px 40px;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap {
        width: 150px;
        height: 150px;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .wh {
        font-size: 1em;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .position-r .font-l {
        font-size: 2.4em;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .position-r .font-m {
        font-size: 1.6em;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .position-r .yen::after {
        white-space: nowrap;
    }
}

@media screen and (max-width: 960px) {
    #docs-jal #mv .container-w .mv-bg {
        width: 65%;
        left: -30px;
    }

    #docs-jal #mv .container .mv-text {
        padding: 40px 10px;
    }

    #docs-jal #mv .container .mv-mile {
        max-width: 320px;
    }

    #docs-jal #mv .container .mv-mile::after {
        border-width: 17px 0 17px 30px;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap {
        width: 140px;
        height: 140px;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .wh {
        padding: 2px;
        margin-bottom: 6px;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .position-r .font-m {
        font-size: 1.3em;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .position-r .yen::after {
        top: -1.6em;
    }
}

@media screen and (max-width: 880px) {
    #docs-jal #mv .container-w .mv-bg {
        width: 100%;
        left: 0;
    }

    #docs-jal #mv .container .mv-logo {
        width: 100%;
        padding-top: 50%;
    }

    #docs-jal #mv .container .mv-text {
        width: 100%;
        padding: 20px 10px;
    }

    #docs-jal #mv .container .mv-text::before {
        border-width: 0 0 30px 100vw;
        left: 0;
        top: -30px;
    }

    #docs-jal #mv .container .mv-text::after {
        display: none;
    }

    #docs-jal #mv .container .mv-text h1 {
        text-align: center;
        font-size: 2em;
        margin-left: 0;
    }

    #docs-jal #amc-form .amc-wrap.change-regist,
    #docs-jal #amc-form .amc-wrap.amc-regist {
        width: 100%;
    }

    #docs-jal #amc-form .change-regist .cam-btn {
        max-width: 500px;
    }

    #docs-jal #amc-form .change-regist {
        margin-bottom: 1em;
    }
}

@media screen and (max-width: 680px) {
    #docs-jal #mv .container .mv-logo img {
        max-width: 280px;
        top: 20px;
    }

    #docs-jal #mv .container .mv-text h1 {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 480px) {
    #docs-jal #mv .container .mv-logo {
        padding-top: 55%;
    }

    #docs-jal #mv .container .mv-logo img {
        max-width: 240px;
        top: 10px;
    }

    #docs-jal #mv .container .mv-text {
        padding: 10px;
    }

    #docs-jal #mv .container .mv-text::before {
        border-width: 0 0 20px 100vw;
        top: -20px;
    }

    #docs-jal #mv .container .mv-text h1 {
        font-size: 1.4em;
        margin-bottom: 10px;
    }

    #docs-jal #mv .container .mv-mile {
        max-width: 300px;
    }

    #docs-jal #mv .container .mv-mile::after {
        border-width: 17.5px 0 17.5px 30px;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap {
        width: 130px;
        height: 130px;
        padding: 10px;
        margin-bottom: 0;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .wh {
        font-size: 0.8em;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .position-r .font-l {
        font-size: 2.3em;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .position-r .font-m {
        font-size: 1.2em;
    }

    #docs-jal #mv .container .mv-mile .mile-wrap .position-r .yen::after {
        top: -2em;
    }

    #docs-jal #amc-form {
        padding: 30px 0;
    }

    #docs-jal #amc-form .uk-padding {
        padding: 20px 10px;
    }

    #docs-jal #amc-form #amc-bk h2 {
        font-size: 1.2em;
    }

    #docs-jal #amc-form #amc-bk #amc-text {
        text-align: left;
    }

    #docs-jal #amc-form .amc-wrap.amc-regist p {
        text-align: left;
    }

    #docs-jal #amc-form .amc-wrap.amc-regist p br {
        display: none;
    }

    #docs-jal #amc-form dd .btn-amc {
        padding: 20px 10px 15px;
        font-size: 1.2em;
    }
}

/*---------- lp ----------*/
#lp-jal {
    /*---------- 逋ｻ骭ｲ ----------*/
    /*----------縲€繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ----------*/
    /*--- 蜍慕判縺ｧ繧上°繧気HANGE ---*/
    /*--- 繝｡繝ｪ繝�ヨ ---*/
    /*--- 豈斐∋縺ｦ繧上°繧� ---*/
    /*---------- 繧ｹ繝�ャ繝� ----------*/
    /*---------- 繝｢繝�Ν繧ｱ繝ｼ繧ｹ ----------*/
    /*---------- Q&A ----------*/
    /*---------- PS -----------*/
}

#lp-jal h2 {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.5em;
}

#lp-jal .hd-blue {
    color: #48549e;
}

#lp-jal .hd-red {
    color: #ED1C24;
}

#lp-jal .hd-white {
    color: #fff;
}

#lp-jal .hd-small {
    font-size: 0.6em;
    display: block;
}

#lp-jal .span-yellow {
    font-size: 0.5em;
    display: inline-block;
    background-color: #fff002;
    color: #48549e;
    padding: 5px;
}

#lp-jal #modal-jal {
    display: none;
    background-color: rgba(107, 107, 107, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#lp-jal #modal-jal .flex {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#lp-jal #modal-jal #modal-wrap {
    background-color: #ffffff;
    border-radius: 15px;
    width: 80%;
    padding: 40px 20px;
    text-align: center;
    font-weight: bold;
}

#lp-jal #modal-jal #modal-wrap h1 {
    color: #31a7ea;
    font-size: 2em;
}

#lp-jal #modal-jal #modal-wrap h1 span {
    color: #ED1C24;
}

#lp-jal #modal-jal #modal-wrap .btn-m {
    background-color: #31a7ea;
    color: #ffffff;
    border-radius: 5px;
}

#lp-jal .regist {
    text-align: center;
}

#lp-jal .regist p {
    font-size: 1.5em;
    font-weight: bold;
}

#lp-jal .regist-bk {
    background: url(/img/common/bg_ft.jpg) center top no-repeat;
    background-size: cover;
    color: #fff;
}

#lp-jal .regist-bk h2 {
    color: #fff;
    margin-bottom: 10px;
}

#lp-jal .regist-bk form h2 {
    display: none;
}

#lp-jal .regist-bk .regist-note {
    max-width: 800px;
    margin: 0 auto 1em;
}

#lp-jal .regist-bk .regist-wrap {
    max-width: 800px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 1em;
    color: #333333;
    border-radius: 15px;
    position: relative;
}

#lp-jal .regist-bk .regist-wrap .regist-jal {
    padding-top: 1em;
    border-top: 1px solid #999999;
}

#lp-jal .regist-bk .regist-wrap .regist-jal dt {
    color: #286db4;
    text-align: center;
}

#lp-jal .regist-bk .regist-wrap .regist-jal dd {
    padding: 15px 10px;
}

#lp-jal .regist-bk .regist-wrap .regist-jal dd .btn-jal {
    padding: 12px;
    display: block;
    text-align: center;
    width: 100%;
    max-width: 520px;
    font-weight: bold;
    font-size: 1.2em;
    cursor: pointer;
    background-color: #286db4;
    color: #fff;
    border: 1px solid #286db4;
    border-radius: 30px;
    margin: 0 auto;
    box-shadow: 1px 1px 4px #999999;
}

#lp-jal .regist-bk .regist-wrap .regist-jal dd .btn-jal:hover {
    opacity: 1;
    color: #286db4;
    background-color: #ffffff;
}

#lp-jal header {
    position: absolute;
    background-color: transparent;
    top: 0;
    padding: 15px 0;
    z-index: 999;
}

#lp-jal header .container {
    position: relative;
}

#lp-jal header #change-logo {
    min-width: 120px;
    width: 23%;
    margin: 0;
}

#lp-jal header #jal-logo {
    position: absolute;
    max-width: 440px;
    top: 20px;
    right: 0;
}

#lp-jal #mv {
    background: url(/img/ana/mv.jpg) center top no-repeat;
    background-size: cover;
    padding-bottom: 80px;
}

#lp-jal #mv .container {
    position: relative;
    overflow: visible;
}

#lp-jal #mv #mv-text {
    width: 55%;
    color: #fff;
    padding: 180px 0 50px;
}

#lp-jal #mv #mv-text h1 {
    font-size: 3em;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
}

#lp-jal #mv #mv-text p {
    max-width: 33em;
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

#lp-jal #mv #pc-change {
    position: absolute;
    max-width: 220px;
    width: 22%;
    top: 270px;
    right: 20px;
    z-index: 999;
}

#lp-jal #mv #pc-change .point1 {
    position: absolute;
    width: 58%;
    top: -33%;
    left: -30%;
}

#lp-jal #mv #pc-change .point2 {
    position: absolute;
    width: 63%;
    top: -5%;
    left: -65%;
}

#lp-jal #mv #mv-mile {
    position: relative;
    display: block;
    transform: rotate(-2deg);
}

#lp-jal #mv #mv-mile .mv-mile-bk {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.65);
    box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 80%;
    top: 10%;
    left: 0;
}

#lp-jal #mv #mv-mile img {
    width: 72%;
}

#lp-jal #mv #mv-mile .pc-img {
    display: block;
}

#lp-jal #mv #mv-mile .sp-img {
    display: none;
}

#lp-jal #sp-change {
    display: none;
}

#lp-jal #movie .movie-img {
    border: 1px solid #dddddd;
    max-width: 400px;
    margin: 0 auto;
}

#lp-jal .movie-wrap {
    position: relative;
    padding-bottom: 56%;
    width: 100%;
    height: 0;
    border: 1px solid #dddddd;
}

#lp-jal .movie-wrap .uk-close {
    color: #ffffff;
    background-color: #000;
    border-radius: 50%;
    border: 1px solid #ffffff;
    top: -30px;
    right: -15px;
}

#lp-jal .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#lp-jal #merit {
    background: linear-gradient(to right, #3378bd 0%, #5895d4 60%, #b9dbfd 100%);
}

#lp-jal #merit li {
    background-color: #fff;
    border-radius: 15px;
    padding: 30px;
    align-items: center;
    margin-bottom: 30px;
}

#lp-jal #merit .merit-img {
    width: 30%;
    text-align: center;
}

#lp-jal #merit .merit-text {
    width: 65%;
}

#lp-jal #merit li.merit-easy {
    padding: 0 15px;
}

#lp-jal #merit li.merit-easy .merit-img {
    align-self: flex-end;
}

#lp-jal #merit li.merit-easy .merit-img img {
    max-width: 250px;
    width: 100%;
}

#lp-jal #merit li.merit-fit,
#lp-jal #merit li.merit-cost {
    flex-direction: row-reverse;
}

#lp-jal #merit h3 {
    position: relative;
    padding-left: 2.2em;
    color: #48549e;
}

#lp-jal #merit h3 span.hd-merit {
    position: absolute;
    top: 0.5em;
    left: 0;
    font-size: 0.5em;
}

#lp-jal #merit h3 span.merit-num {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1.5em;
}

#lp-jal #compare table {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
}

#lp-jal #compare table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-jal #compare table tr {
    width: 14.2%;
    border-left: 1px solid #999999;
}

#lp-jal #compare table th,
#lp-jal #compare table td {
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #999999;
    height: 50px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#lp-jal #compare table th {
    font-size: 0.9em;
    background-color: #edf0f4;
}

#lp-jal #compare table .th-top {
    border-top: 1px solid #999999;
}

#lp-jal #compare table .row td .sp-hd {
    display: none;
}

#lp-jal #compare table .row td .line-red {
    display: inline;
    background: linear-gradient(transparent 80%, #f33c3d 0%);
}

#lp-jal #compare table .change-data th {
    border-right: 1px solid #999999;
}

#lp-jal #compare table .change-data th img {
    max-width: 100px;
    width: 100%;
}

#lp-jal #compare table .change-data td {
    border-right: 1px solid #999999;
}

#lp-jal #compare table .change-data td .line-orange {
    display: inline;
    background: linear-gradient(transparent 70%, #fbb03b 0%);
}

#lp-jal #compare #summary {
    background: linear-gradient(to bottom, #3378bd 0%, #5895d4 60%, #b9dbfd 100%);
    padding: 15px;
    border-radius: 15px;
}

#lp-jal #compare #summary p {
    background-color: #ffffff;
    padding: 20px;
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    color: #286db4;
}

#lp-jal #compare #summary p .font-s {
    color: #333333;
}

#lp-jal #structure .flex {
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}

#lp-jal #structure .txt {
    width: 60%;
}

#lp-jal #structure .img {
    width: 38%;
}

#lp-jal #sell-wat #sell-wrap {
    border: 2px solid #002d7f;
    padding: 15px 15px 0;
    max-width: 900px;
    margin: 0 auto;
    font-weight: bold;
}

#lp-jal #sell-wat h2 {
    color: #002d7f;
    text-align: center;
    margin: 0 auto 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #002d7f;
}

#lp-jal #sell-wat h2 span {
    display: inline-block;
    transform: rotate(-10deg);
    font-size: 0.6em;
    vertical-align: top;
}

#lp-jal #sell-wat #wat-main {
    align-items: flex-start;
}

#lp-jal #sell-wat #wat-img {
    width: 100%;
    max-width: 160px;
}

#lp-jal #sell-wat #wat-catch {
    width: 27%;
    margin: 0 2%;
    color: #002d7f;
    text-align: center;
    font-size: 1.2em;
}

#lp-jal #sell-wat #wat-catch span {
    display: block;
}

#lp-jal #sell-wat #wat-catch .catch-m strong {
    font-size: 1.3em;
}

#lp-jal #sell-wat #wat-catch .catch-l {
    line-height: 1;
    font-size: 2.5em;
}

#lp-jal #sell-wat #wat-text {
    width: 50%;
    font-size: 1.2em;
}

#lp-jal #sell-wat #wat-text a {
    margin-top: 1em;
}

#lp-jal #guarantee .flex {
    justify-content: space-between;
}

#lp-jal #guarantee li {
    width: 31%;
    border: 2px solid #ED1C24;
    padding: 15px;
    border-radius: 15px;
    background-color: #fff;
    text-align: center;
    position: relative;
}

#lp-jal #guarantee li span {
    color: #ED1C24;
    font-weight: bold;
    font-size: 2.3em;
    position: absolute;
    top: 15px;
    left: 15px;
}

#lp-jal #guarantee li h3 {
    margin: 0;
    color: #ED1C24;
}

#lp-jal #guarantee li img {
    max-width: 100px;
    padding: 20px 0;
}

#lp-jal #guarantee li p {
    text-align: left;
    font-size: 0.9em;
    margin-bottom: 0;
}

#lp-jal #step ol {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
    margin: 0 auto 50px;
}

#lp-jal #step ol li {
    width: 31%;
    text-align: center;
    background-color: #fff;
    border: 2px solid #333333;
    border-radius: 10px;
    padding: 10px;
}

#lp-jal #step ol li h3 {
    font-size: 1em;
    color: #333333;
}

#lp-jal #step ol li h3 .step {
    color: #333333;
    font-size: 1.2em;
    margin-top: 1em;
}

#lp-jal #step ol li .step-img {
    max-width: 200px;
    margin: 0 auto;
}

#lp-jal #step ol li .sup {
    margin: 1em 0 0;
    font-size: 0.6em;
}

#lp-jal #step ol li:nth-child(2) {
    margin: 0 3.5%;
}

#lp-jal #model #simulation {
    text-align: center;
}

#lp-jal #model #simulation .simu-hd {
    display: inline-block;
    background-color: #48549e;
    color: #fff;
    padding: 12px 24px;
    border-radius: 50px;
}

#lp-jal #model #simulation .simu-hd .sp-br {
    display: none;
}

#lp-jal #model #simulation .img-wrap {
    padding: 30px;
    border: 1px solid #999999;
    background-color: #fff;
}

#lp-jal #model #simulation .img-wrap img {
    padding: 30px 20px 0;
}

#lp-jal #return-ex {
    margin-bottom: 30px;
    padding-bottom: 80px;
}

#lp-jal #return-ex h3 {
    text-align: center;
}

#lp-jal #return-ex h3 span {
    border-bottom: 4px solid #48549e;
}

#lp-jal #return-ex h3 br {
    display: none;
}

#lp-jal #return-ex ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}

#lp-jal #return-ex ul li {
    width: 31%;
    text-align: center;
    position: relative;
    padding-bottom: 6%;
}

#lp-jal #return-ex ul li .ex-man {
    max-width: 150px;
    width: 40%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
}

#lp-jal #return-ex ul li .ex {
    position: relative;
    z-index: 99;
    width: 290px;
    height: 290px;
    padding: 40px 30px 0;
    background-color: #edf0f4;
    border-radius: 50%;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1em;
}

#lp-jal #return-ex ul li .ex .ex-name {
    line-height: 1.2;
}

#lp-jal #return-ex ul li .ex dl {
    line-height: 1.4;
}

#lp-jal #return-ex ul li .ex dt {
    text-align: left;
}

#lp-jal #return-ex ul li .ex dd {
    text-align: right;
    font-size: 1.7em;
    margin-bottom: 0.3em;
}

#lp-jal #return-ex #wat-sell {
    text-align: center;
}

#lp-jal #return-ex #wat-sell #formula {
    background-color: #48549e;
    font-weight: bold;
    color: #fff;
    font-size: 1.2em;
}

#lp-jal #return-ex #wat-sell #formula br {
    display: none;
}

#lp-jal .cam-lp {
    background-color: #f9faf4;
}

#lp-jal .cam-lp #cam-hd {
    color: #ED1C24;
}

#lp-jal #lp-data h2 {
    color: #48549e;
}

#lp-jal #lp-data #data ul {
    padding: 0;
}

#lp-jal #lp-data #data li {
    border: 5px solid #48549e;
}

#lp-jal #lp-data #data li h3 {
    color: #48549e;
}

#lp-jal #qa dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-jal #qa .qa-wrap {
    width: 32%;
    border: 3px solid #ED1C24;
    margin-bottom: 2%;
    background-color: #fff;
}

#lp-jal #qa .qa-wrap dt {
    background-color: #ED1C24;
    padding: 5px 5px 5px 1.8em;
    color: #fff;
    position: relative;
}

#lp-jal #qa .qa-wrap dt:before {
    content: "Q.";
    font-weight: bold;
    position: absolute;
    top: 5px;
    left: 5px;
}

#lp-jal #qa .qa-wrap dd {
    padding: 5px 5px 5px 1.8em;
    text-align: left;
    position: relative;
    font-size: 0.9em;
}

#lp-jal #qa .qa-wrap dd:before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 1.1em;
}

#lp-jal #ps {
    background: url(/img/hd/hd_green.jpg) center top no-repeat;
    background-size: cover;
    color: #fff;
}

#lp-jal #ps #ps-bk {
    background-color: rgba(0, 0, 0, 0.5);
}

#lp-jal #ps h2 {
    color: #fff;
}

#lp-jal #ps h2 img {
    width: 100px;
    margin: 0 auto 4px;
}

#lp-jal footer {
    color: #333333;
}

@media screen and (max-width: 959px) {
    #lp-jal h2 {
        font-size: 1.5em;
    }

    #lp-jal h3 {
        font-size: 1.2em;
    }

    #lp-jal #sell-wat .flex {
        justify-content: center;
    }

    #lp-jal #sell-wat #wat-main {
        max-width: 600px;
        margin: 0 auto;
    }

    #lp-jal #sell-wat #wat-catch {
        width: 31%;
        font-size: 1em;
    }

    #lp-jal #sell-wat p {
        font-size: 0.9em;
        font-weight: normal;
    }

    #lp-jal #sell-wat #wat-text {
        width: 100%;
    }

    #lp-jal #guarantee li h3 {
        font-size: 1em;
    }

    #lp-jal #return-ex ul li {
        padding-bottom: 5%;
    }

    #lp-jal #return-ex ul li .ex {
        width: 230px;
        height: 230px;
        padding: 35px 15px 0;
        font-size: 0.8em;
    }

    #lp-jal #qa .qa-wrap {
        width: 49%;
    }
}

@media screen and (max-width: 720px) {
    #lp-jal #mv #mv-text h1 {
        font-size: 1.8em;
    }

    #lp-jal #compare table {
        max-width: 500px;
        margin: 0 auto 50px;
    }

    #lp-jal #compare table tbody {
        display: block;
    }

    #lp-jal #compare table #thead {
        display: none;
    }

    #lp-jal #compare table tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        border-right: 1px solid #999999;
    }

    #lp-jal #compare table th {
        width: 100%;
    }

    #lp-jal #compare table th br {
        display: none;
    }

    #lp-jal #compare table .row td {
        display: inline-block;
        width: 25%;
        font-size: 1em;
        height: 60px;
        border-bottom: none;
    }

    #lp-jal #compare table .row td .sp-hd {
        display: block;
        color: #999999;
        font-size: 0.7em;
        font-weight: bold;
        margin-bottom: 5px;
    }

    #lp-jal #compare table .change-data {
        border-bottom: 1px solid #999999;
    }

    #lp-jal #compare table .change-data th,
    #lp-jal #compare table .change-data td {
        border-right: none;
    }

    #lp-jal #step ol {
        max-width: 500px;
        margin: 0 auto;
    }

    #lp-jal #step ol li {
        width: 100%;
        margin: 0 auto 3% !important;
    }

    #lp-jal #model #simulation .img-wrap {
        padding: 10px;
    }

    #lp-jal #model #simulation .img-wrap img {
        padding: 0;
    }

    #lp-jal #model #simulation .simu-hd {
        font-size: 1em;
        padding: 8px 12px;
    }

    #lp-jal #return-ex .wrap-680 {
        max-width: 680px;
        width: 100%;
        margin: 0 auto;
    }

    #lp-jal #return-ex ul li .ex {
        width: 200px;
        height: 200px;
        font-size: 0.65em;
    }

    #lp-jal #return-ex #wat-sell {
        text-align: left;
    }

    #lp-jal #return-ex #wat-sell #formula {
        font-size: 1em;
    }

    #lp-jal #return-ex #wat-sell #formula br {
        display: block;
    }
}

@media screen and (max-width: 680px) {
    #lp-jal #modal-jal #modal-wrap h1 {
        font-size: 1.5em;
    }

    #lp-jal #modal-jal #modal-wrap h1 span {
        display: block;
    }

    #lp-jal #modal-jal #modal-wrap p {
        text-align: left;
    }

    #lp-jal header #jal-logo {
        max-width: 320px;
    }

    #lp-jal #mv {
        padding-bottom: 40px;
    }

    #lp-jal #mv #mv-text {
        width: 100%;
        padding: 100px 0 0;
    }

    #lp-jal #mv #mv-text h1 {
        font-size: 2.5em;
    }

    #lp-jal #mv #mv-mile .pc-img {
        display: none;
    }

    #lp-jal #mv #mv-mile .sp-img {
        display: block;
        max-width: 380px;
        margin: 0 auto;
    }

    #lp-jal #mv #pc-change {
        display: none;
    }

    #lp-jal #sp-change {
        display: block;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    #lp-jal #sp-change #sp-point {
        width: 48%;
        display: block;
    }

    #lp-jal #sp-change #sp-point img {
        display: block;
        width: 100%;
        margin: 5px 0;
    }

    #lp-jal #sp-change #sp-phone {
        width: 48%;
    }

    #lp-jal #intro {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #lp-jal #merit li {
        display: block;
        padding: 15px;
        position: relative;
    }

    #lp-jal #merit li h3 {
        text-align: center;
        position: static;
        padding-left: 0;
    }

    #lp-jal #merit li h3 span.hd-merit {
        top: 15px;
        left: 15px;
    }

    #lp-jal #merit li h3 span.merit-num {
        bottom: auto;
        top: 25px;
        left: 15px;
    }

    #lp-jal #merit .merit-img {
        width: 100%;
        max-width: 240px;
        margin: 3em auto 1em;
    }

    #lp-jal #merit .merit-text {
        width: 100%;
    }

    #lp-jal #merit li.merit-easy {
        padding: 15px;
    }

    #lp-jal #merit li.merit-easy .merit-img {
        margin: 0 auto 1em;
    }

    #lp-jal #structure .flex {
        display: block;
    }

    #lp-jal #structure .img {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 1em;
    }

    #lp-jal #structure .txt {
        width: 100%;
    }

    #lp-jal #sell-wat h2 .sp-br {
        display: block;
    }

    #lp-jal #sell-wat #wat-main #wat-catch {
        width: 44%;
    }

    #lp-jal #guarantee li {
        width: 100%;
        margin: 0 auto 3%;
    }

    #lp-jal #model #simulation .simu-hd {
        font-size: 0.8em;
    }

    #lp-jal #return-ex ul {
        max-width: 400px;
    }

    #lp-jal #return-ex ul li {
        width: 100%;
        padding-bottom: 45px;
    }

    #lp-jal #return-ex ul li .ex {
        width: 280px;
        height: 280px;
        font-size: 1em;
        margin: 0 auto;
        padding: 35px 15px 0;
    }

    #lp-jal #ps h2 img {
        width: 80px;
    }
}

@media screen and (max-width: 480px) {
    #lp-jal header .logo {
        width: 120px;
    }

    #lp-jal header #jal-logo {
        max-width: 240px;
    }

    #lp-jal #mv #mv-text h1 .sp-br {
        display: block;
    }

    #lp-jal #compare table .row td {
        width: 50%;
    }

    #lp-jal #return-ex {
        padding-bottom: 40px;
    }

    #lp-jal #qa .qa-wrap {
        width: 100%;
    }

    #lp-jal #sell-wat #wat-main #wat-catch {
        width: 100%;
    }

    #lp-jal #step h2 {
        font-size: 1.5em;
    }

    #lp-jal .regist-bk .regist-wrap {
        width: 96%;
        padding: 10px;
    }

    #lp-jal .regist-bk .regist-wrap .regist-jal dt {
        font-size: 0.8em;
    }

    #lp-jal .regist-bk .regist-wrap .regist-jal dt br {
        display: none;
    }

    #lp-jal .regist-bk .regist-wrap .regist-jal dd .btn-jal {
        font-size: 1em;
    }

    #lp-jal .regist-bk p.regist-txt {
        font-size: 0.85em;
    }
}

@media screen and (max-width: 419px) {
    #lp-jal .regist-wrap .btn-lp {
        font-size: 4.7vw;
    }

    #lp-jal header #jal-logo {
        max-width: 170px;
    }

    #lp-jal #compare #summary p {
        font-size: 1.2em;
        padding: 20px 10px;
    }

    #lp-jal #compare #summary p .font-s {
        display: block;
    }

    #lp-jal #model #simulation .simu-hd {
        width: 100%;
    }

    #lp-jal #model #simulation .simu-hd .sp-br {
        display: block;
    }

    #lp-jal #sell-wat h2 {
        font-size: 6vw;
    }
}

/*
  *
  *繝ｩ繝ｳ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ:繝｢繝ｳ繝�ョ繧｣繧ｪ
  *
  */
#lp-monte {
    font-family: sans-serif;
    font-weight: 400;
    color: #333333;
    /*---------- 逋ｻ骭ｲ繝輔か繝ｼ繝� ----------*/
    /*---------- 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ----------*/
    /*---------- 繝｢繝ｳ繝� ----------*/
    /*---------- CHANGE縺ｨ縺ｯ�� ----------*/
    /*---------- 繝｢繝�Ν繧ｱ繝ｼ繧ｹ ----------*/
    /*---------- 迚ｹ蠕ｴ ----------*/
    /*---------- 螟ｪ髯ｽ蜈画兜雉� ----------*/
    /*---------- 豈碑ｼ� ----------*/
    /*-------- W蜿苓ｳ� -------*/
    /*-------- 螳溽ｸｾ -------*/
    /*-------- 蛻ｩ逕ｨ閠��螢ｰ -------*/
    /*-------- 逶ｮ謖�☆譛ｪ譚･ -------*/
    /*-------- 遘√◆縺｡縺ｮ諠ｳ縺� -------*/
    /*-------- 雉ｪ蝠� -------*/
    /*-------- 繧ｭ繝｣繝ｳ繝壹�繝ｳ -------*/
    /*-------- 縺雁撫縺�粋繧上○ -------*/
    /*---------- 繧ｹ繝�ャ繝� ----------*/
}

#lp-monte .container {
    max-width: 1020px;
}

#lp-monte b,
#lp-monte strong {
    font-weight: 900;
}

#lp-monte ul,
#lp-monte ol,
#lp-monte dl {
    padding-left: 0;
}

#lp-monte h1,
#lp-monte h2,
#lp-monte h3,
#lp-monte h4,
#lp-monte h5 {
    font-family: sans-serif;
    font-weight: 600;
}

#lp-monte h2 {
    font-size: 2.3em;
    text-align: center;
    margin: 0 0 40px;
}

#lp-monte h3 br {
    display: none;
}

#lp-monte h2.blue {
    position: relative;
}

#lp-monte h2.blue span {
    border-bottom: 1px solid #163898;
    color: #163898;
    padding-bottom: 15px;
    display: inline-block;
}

#lp-monte h2.blue:after {
    content: "";
    width: 1.8em;
    height: 3px;
    background: #163898;
    position: absolute;
    bottom: -1px;
    right: calc(50% - 0.9em);
}

#lp-monte .bg-block {
    background: url(/img/campaign/2106/bg.png) center top repeat-y;
    background-size: 100% auto;
}

#lp-monte .form-wrap {
    color: #ffffff;
    max-width: 800px;
    margin: 0 auto;
}

#lp-monte .form-wrap .cv-txt {
    font-size: 2em;
}

#lp-monte .form-wrap .input-email {
    height: 50px;
    border-radius: 5px;
}

#lp-monte .form-wrap .btn-cv {
    background: linear-gradient(#ff6500, #ff3500);
    border: 2px solid #ff3500;
    max-width: 450px;
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    border-radius: 5px;
    padding: 0.7em 0;
    letter-spacing: 0;
    box-shadow: 0 0 4px #808080;
}

#lp-monte .form-wrap .btn-cv .uk-icon {
    width: 20px;
    height: 20px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

#lp-monte .form-wrap .btn-cv:hover {
    background: #ffffff;
    color: #ff3500;
}

#lp-monte .form-wrap .recaptcha-txt {
    color: #606060;
    font-weight: normal;
}

#lp-monte .form-wrap .recaptcha-txt a {
    color: #606060;
}

#lp-monte section {
    box-shadow: 0 13px 13px rgba(204, 204, 204, 0.8);
    padding: 80px 0;
}

#lp-monte .wrap840 {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}

#lp-monte .bg-lb {
    background: rgba(244, 247, 252, 0.8);
}

#lp-monte .intro-txt {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

#lp-monte .intro-txt p {
    margin: 0;
}

#lp-monte #mv {
    color: #ffffff;
    font-weight: bold;
    padding: 0;
}

#lp-monte #mv .sp {
    display: none;
}

#lp-monte #mv #mv-top {
    background: linear-gradient(to right, #020e4c, #163898);
    margin-bottom: 7px;
}

#lp-monte #mv #mv-bk {
    background: url(/img/monte/bg-blue.png) top no-repeat;
    background-size: cover;
    padding: 60px 40px 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
}

#lp-monte #mv #mv-bk .flex {
    align-items: flex-start;
}

#lp-monte #mv #mv-bk .text-wrap {
    width: 58%;
}

#lp-monte #mv #mv-bk .text-wrap .flex {
    align-items: center;
    justify-content: space-between;
}

#lp-monte #mv #mv-bk .text-wrap #mv-hd .mv-logo {
    max-width: 179px;
    width: 100%;
    padding: 0 6px;
}

#lp-monte #mv #mv-bk .text-wrap #mv-hd .mv-logo a {
    display: block;
    color: #ffffff;
}

#lp-monte #mv #mv-bk .text-wrap #mv-hd .mv-logo p {
    font-size: 0.75em;
    font-weight: 400;
}

#lp-monte #mv #mv-bk .text-wrap #mv-hd .mv-monte {
    max-width: calc(100% - 184px);
    width: 100%;
}

#lp-monte #mv #mv-bk .text-wrap #mv-copy {
    margin-top: 1em;
}

#lp-monte #mv #mv-bk .text-wrap #mv-copy img {
    display: block;
}

#lp-monte #mv #mv-bk .img-wrap {
    width: 42%;
}

#lp-monte #mv #mv-point {
    background: url(/img/monte/bg-dblue.png) center top no-repeat;
    background-size: cover;
    margin-top: 7px;
}

#lp-monte #mv #mv-point .flex-wrap {
    max-width: 940px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
    justify-content: space-between;
    align-items: center;
}

#lp-monte #mv #mv-point .point-hd {
    width: 23.2558139535%;
    color: #ffffff;
    border-top: solid 4px #ffffff;
    border-bottom: solid 4px #ffffff;
    text-align: center;
    padding: 20px 10px;
}

#lp-monte #mv #mv-point .point-hd .font-white {
    color: #ffffff;
    font-size: 2em;
}

#lp-monte #mv #mv-point .point-hd span {
    display: block;
    color: #feed00;
}

#lp-monte #mv #mv-point .point-detail {
    max-width: 75%;
    width: 100%;
    font-weight: bold;
    padding-left: 20px;
}

#lp-monte #mv #mv-point .point-detail .flex {
    justify-content: space-between;
}

#lp-monte #mv #mv-point .point-detail dd {
    text-align: center;
    font-size: 1.5em;
}

#lp-monte #mv #mv-point .point-detail .point-wrap {
    max-width: 212px;
    width: 100%;
    height: 212px;
    border-radius: 50%;
    background: #ffffff;
    color: #163898;
    box-shadow: 3px 3px 5px rgba(35, 24, 21, 0.75);
    position: relative;
}

#lp-monte #mv #mv-point .point-detail .point-no {
    position: absolute;
    background: url(/img/monte/ribbon.png) no-repeat;
    background-size: contain;
    width: 129px;
    height: 45px;
    text-align: center;
    font-size: 1.5em;
    line-height: 2;
    color: #feed00;
    right: 0;
    left: 0;
    top: 6px;
    margin: auto;
    transform: rotate(-7deg);
}

#lp-monte #mv #mv-point .point-detail .point-no span {
    position: relative;
    padding-left: 27px;
}

#lp-monte #mv #mv-point .point-detail .point-no span::before {
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    left: -4px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#lp-monte #mv #mv-point .point-detail .point1 span::before {
    background: url(/img/monte/point1.png) no-repeat;
    background-size: contain;
}

#lp-monte #mv #mv-point .point-detail .point2 span::before {
    background: url(/img/monte/point2.png) no-repeat;
    background-size: contain;
}

#lp-monte #mv #mv-point .point-detail .point3 span::before {
    background: url(/img/monte/point3.png) no-repeat;
    background-size: contain;
}

#lp-monte #mv #mv-point .point-detail .point-desc {
    line-height: 1.2;
    margin-top: 3.2em;
}

#lp-monte #mv #top-form {
    width: 100%;
    max-width: 100%;
    background: #feed00;
    border-top: 2px solid #020e4c;
    border-bottom: 2px solid #163898;
    color: #231815;
    margin-top: -15px;
}

#lp-monte #intro .bg-wh {
    border: 8px solid #1a3891;
    padding: 40px;
}

#lp-monte #intro .bg-wh .text-wrap {
    width: 68%;
}

#lp-monte #intro .bg-wh .img-wrap {
    width: 28%;
}

#lp-monte #intro h2 {
    text-align: center;
}

#lp-monte #intro .font-navy {
    color: #020e4c;
}

#lp-monte #intro .font-yellow {
    color: #feed00;
}

#lp-monte #intro .font-white {
    color: #ffffff;
}

#lp-monte #intro .flex {
    justify-content: space-between;
}

#lp-monte #movie .flex {
    justify-content: space-between;
}

#lp-monte #movie #movie-img {
    width: 40%;
}

#lp-monte #movie .movie-img {
    border: 1px solid #ddd;
    max-width: 400px;
    margin: 0 auto;
}

#lp-monte #movie #movie-txt {
    width: 56%;
}

#lp-monte #movie #movie-txt h3 {
    max-width: 360px;
}

#lp-monte #movie #movie-txt p {
    max-width: 25em;
}

#lp-monte .movie-wrap {
    position: relative;
    padding-bottom: 56%;
    width: 100%;
    height: 0;
    border: 1px solid #ddd;
}

#lp-monte .movie-wrap .uk-close {
    color: #ffffff;
    background: #000;
    border-radius: 50%;
    border: 1px solid #ffffff;
    top: -30px;
    right: -15px;
}

#lp-monte .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#lp-monte #model #simulation {
    border: 1px solid #999;
}

#lp-monte #model #model-list {
    justify-content: space-between;
}

#lp-monte #model #model-list li {
    width: 23%;
}

#lp-monte #model #wat-sell {
    text-align: center;
}

#lp-monte #model #wat-sell #formula {
    background: #163898;
    font-weight: bold;
    color: #ffffff;
    font-size: 1.2em;
}

#lp-monte #model #wat-sell #formula br {
    display: none;
}

#lp-monte #point dl {
    justify-content: space-between;
    background: url(/img/lp18/b/cross.png) left 32% top 20px no-repeat, url(/img/lp18/b/cross.png) right 32% top 20px no-repeat;
    background-size: 4%;
}

#lp-monte #point .point-wrap {
    width: 31%;
}

#lp-monte #point .point-wrap:nth-child(2) dt {
    color: #163898;
}

#lp-monte #point .point-wrap:nth-child(2) dd li {
    border: 3px solid #163898;
}

#lp-monte #point .point-wrap:nth-child(2) h4 {
    color: #163898;
}

#lp-monte #point .point-wrap dt {
    text-align: center;
    font-size: 3em;
    margin-bottom: 10px;
    color: #163898;
}

#lp-monte #point .point-wrap dt img {
    width: 1.2em;
}

#lp-monte #point .point-wrap dd {
    text-align: left;
}

#lp-monte #point .point-wrap dd li {
    background: #ffffff;
    border-radius: 15px;
    border: 3px solid #163898;
    padding: 1em;
}

#lp-monte #point .point-wrap dd li:not(:last-child) {
    margin-bottom: 10px;
}

#lp-monte #point .point-wrap dd li p {
    margin: 0;
}

#lp-monte #point .point-wrap dd li .font-s {
    font-size: 0.7em;
}

#lp-monte #point .point-wrap h4 {
    color: #163898;
    margin-bottom: 10px;
}

#lp-monte #solar .intro-txt {
    margin: 0 0 60px;
}

#lp-monte #solar .flex {
    justify-content: space-between;
    background: url(/img/lp18/b/arrow_hikaku.png) center center no-repeat;
    background-size: 12% auto;
    max-width: 920px;
    margin: 0 auto;
}

#lp-monte #solar .solar-wrap {
    width: 43%;
}

#lp-monte #solar .solar-wrap h3 {
    text-align: center;
    padding: 10px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

#lp-monte #solar .solar-wrap .font-s {
    font-weight: normal;
    color: #333333;
}

#lp-monte #solar .solar-wrap ul {
    margin: 0;
}

#lp-monte #solar .solar-wrap ul li {
    padding: 15px 15px 15px 60px;
    font-weight: bold;
    font-size: 1.1em;
    position: relative;
}

#lp-monte #solar .solar-wrap ul li p {
    margin: 0;
}

#lp-monte #solar .solar-wrap ul li:nth-child(even) {
    background: #f4f7fc;
}

#lp-monte #solar .solar-wrap ul li:not(:last-child) {
    border-bottom: 2px dotted #8b8b8b;
}

#lp-monte #solar .solar-wrap ul li:before {
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    position: absolute;
    left: 15px;
    top: 20px;
}

#lp-monte #solar #solar-normal {
    border: 2px solid #163898;
}

#lp-monte #solar #solar-normal h3 {
    background: #163898;
    color: #ffffff;
}

#lp-monte #solar #solar-normal li {
    color: #163898;
}

#lp-monte #solar #solar-normal li:before {
    background: url(/img/lp18/icon_sankaku.png) center center no-repeat;
    background-size: contain;
}

#lp-monte #solar #solar-change {
    border: 2px solid #163898;
}

#lp-monte #solar #solar-change h3 {
    background: #163898;
}

#lp-monte #solar #solar-change h3 img {
    width: 160px;
}

#lp-monte #solar #solar-change li {
    color: #163898;
}

#lp-monte #solar #solar-change li:before {
    background: url(/img/lp18/icon_maru.png) center center no-repeat;
    background-size: contain;
}

#lp-monte #compare table {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
    background: #ffffff;
    border-spacing: 0;
}

#lp-monte #compare table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lp-monte #compare table tr {
    width: 12.5%;
    border-left: 1px solid #808080;
}

#lp-monte #compare table th,
#lp-monte #compare table td {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #808080;
    height: 50px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#lp-monte #compare table th {
    font-size: 0.8em;
    background: #163898;
    color: #ffffff;
}

#lp-monte #compare table .th-top {
    border-top: 1px solid #808080;
}

#lp-monte #compare table .row td .sp-hd {
    display: none;
}

#lp-monte #compare table .row td .line-red {
    display: inline;
    background: linear-gradient(transparent 80%, #f33c3d 0%);
}

#lp-monte #compare table .change-data {
    background: #fffff2;
}

#lp-monte #compare table .change-data th {
    border-right: 1px solid #808080;
    padding: 10px 5px;
}

#lp-monte #compare table .change-data th img {
    max-width: 100px;
    width: 100%;
}

#lp-monte #compare table .change-data td {
    border-right: 1px solid #808080;
}

#lp-monte #compare table .change-data td .line-orange {
    display: inline;
    background: linear-gradient(transparent 70%, #feed00 0%);
}

#lp-monte #compare #compare-btm {
    max-width: 980px;
    margin: 0 auto;
    align-items: center;
}

#lp-monte #compare #compare-text {
    font-size: 1.2em;
    font-weight: bold;
    width: 70%;
    margin: 0 auto;
    padding: 15px 30px;
    position: relative;
}

#lp-monte #compare #compare-text p {
    margin: 0;
}

#lp-monte #compare #compare-text span {
    color: #163898;
    font-size: 1.2em;
}

#lp-monte #compare #compare-img {
    width: 28%;
}

#lp-monte #award {
    text-align: center;
    background: linear-gradient(to right, #b7731c, #d7a948 25%, #f6e07e 60%, #d7a948 80%, #b7731c 100%);
}

#lp-monte #award .container {
    max-width: 900px;
}

#lp-monte #award h2 {
    color: #000;
    max-width: 18.5em;
    margin: 0 auto;
}

#lp-monte #award h2 span {
    font-family: serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1;
}

#lp-monte #award h2 .font-l {
    vertical-align: bottom;
    font-size: 2.2em;
}

#lp-monte #award h2 .font-l .font-s {
    font-size: 0.7em;
}

#lp-monte #award .black-line {
    border-bottom: solid 5px #000;
    padding-bottom: 10px;
}

#lp-monte #award h3 {
    color: #000;
    font-weight: normal;
}

#lp-monte #award .award-list {
    width: 100%;
    margin: 0 auto 30px;
}

#lp-monte #award .award-list h3 {
    font-size: 1.2em;
}

#lp-monte #award .g-life h3 {
    margin-bottom: 0.5em;
}

#lp-monte #award .award-logo {
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}

#lp-monte #award .award-logo li {
    width: 48%;
}

#lp-monte #data {
    text-align: center;
}

#lp-monte #data h2 {
    color: #163898;
    border-bottom: 1px solid #163898;
    padding-bottom: 15px;
    display: inline-block;
    position: relative;
}

#lp-monte #data h2::after {
    content: "";
    width: 1.8em;
    height: 3px;
    background: #163898;
    position: absolute;
    bottom: -2px;
    right: calc(50% - 0.9em);
}

#lp-monte #data li {
    border-color: #163898;
}

#lp-monte #data li h3 {
    color: #163898;
}

#lp-monte #voice dl {
    background: transparent;
}

#lp-monte #voice .user-wrap {
    justify-content: space-between;
    align-items: center;
}

#lp-monte #voice .user-wrap dt {
    width: 15%;
}

#lp-monte #voice .user-wrap dd {
    width: 80%;
    background: #ffffff;
    padding: 1em;
    text-align: left;
    border-radius: 10px;
    border: 2px solid #163898;
    position: relative;
}

#lp-monte #voice .user-wrap dd::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: calc(50% - 7px);
    left: -32px;
    border-width: 15px 32px 15px 0;
    border-color: transparent #163898 transparent transparent;
}

#lp-monte #voice .user-wrap dd::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: calc(50% - 5px);
    left: -28px;
    border-width: 13px 30px 13px 0;
    border-color: transparent #ffffff transparent transparent;
}

#lp-monte #voice .user-wrap dd p {
    margin: 0;
}

#lp-monte #voice .user-wrap dd b {
    font-weight: bold;
    color: #163898;
}

#lp-monte #voice .user-wrap dd .age {
    margin-top: 1em;
}

#lp-monte #future .future-wrap {
    position: relative;
    border-bottom: 1px solid #ddd;
}

#lp-monte #future .img-wrap {
    width: 35%;
    position: absolute;
    right: 0;
    top: 30px;
    text-align: center;
}

#lp-monte #future .img-wrap img {
    width: 100%;
}

#lp-monte #future .txt-wrap {
    width: 65%;
    min-height: 280px;
}

#lp-monte #future .txt-wrap h3 {
    color: #163898;
    margin-top: 0;
}

#lp-monte #future .txt-wrap br {
    display: block;
}

#lp-monte #future .txt-wrap p {
    margin: 0;
}

#lp-monte #future #future01 .img-wrap {
    top: -20px;
}

#lp-monte #future #future01 .img-wrap img {
    max-width: 280px;
}

#lp-monte #future #future01 .txt-wrap {
    width: 70%;
    min-height: 300px;
}

#lp-monte #future #future01 .txt-wrap h3 {
    color: #333333;
}

#lp-monte #future #future02 .img-wrap img {
    max-width: 335px;
}

#lp-monte #future #future03 .img-wrap img {
    max-width: 200px;
}

#lp-monte #future #future04 {
    border-bottom: none;
}

#lp-monte #future #future04 h3 {
    color: #163898;
}

#lp-monte #future #future04 .flex {
    justify-content: space-between;
}

#lp-monte #future #future04 #sdgs-top {
    align-items: flex-start;
    margin-bottom: 20px;
}

#lp-monte #future #future04 #sdgs-top .txt-wrap {
    width: 55%;
    min-height: initial;
    padding: 0;
    margin: 0;
}

#lp-monte #future #future04 #sdgs-top .img-wrap {
    width: 40%;
    position: static;
}

#lp-monte #future #future04 ul li {
    width: 48%;
}

#lp-monte #future #future04 ul li .sdgs-img {
    width: 70px;
}

#lp-monte #future #future04 ul li .sdgs-txt {
    width: calc(100% - 80px);
}

#lp-monte #future #future04 ul li .sdgs-txt p {
    margin: 0;
}

#lp-monte #future #future04 ul li:nth-child(1),
#lp-monte #future #future04 ul li :nth-child(2) {
    margin-bottom: 20px;
}

#lp-monte #story ul {
    justify-content: space-between;
}

#lp-monte #story ul li {
    width: 32%;
    border-radius: 15px;
    border: 2px solid #163898;
    background: #ffffff;
    overflow: hidden;
}

#lp-monte #story ul li p {
    margin: 0;
}

#lp-monte #story ul li .name {
    background: #163898;
    color: #ffffff;
    padding: 1em;
}

#lp-monte #story ul li .txt {
    padding: 1em;
}

#lp-monte #faq dl {
    justify-content: space-between;
}

#lp-monte #faq .qa-wrap {
    width: 32%;
    border-radius: 15px;
    margin-bottom: 2%;
    background: #ffffff;
    overflow: hidden;
}

#lp-monte #faq .qa-wrap dt {
    padding: 10px 5px;
    color: #ffffff;
    position: relative;
    padding-left: 35px;
}

#lp-monte #faq .qa-wrap dt:before {
    content: "Q";
    font-weight: bold;
    font-size: 18px;
    width: 25px;
    height: 25px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    left: 5px;
}

#lp-monte #faq .qa-wrap dd {
    padding: 10px;
    text-align: left;
    font-size: 0.9em;
}

#lp-monte #faq .qa-wrap dd:before {
    content: "A";
    font-weight: bold;
    font-size: 18px;
    width: 25px;
    height: 25px;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    margin: 0 5px 5px 0;
}

#lp-monte #faq .qa-wrap p {
    margin: 0;
}

#lp-monte #faq .qa-wrap:nth-child(odd) {
    border: 2px solid #163898;
}

#lp-monte #faq .qa-wrap:nth-child(odd) dt:before {
    color: #163898;
}

#lp-monte #faq .qa-wrap:nth-child(odd) dt {
    background: #163898;
}

#lp-monte #faq .qa-wrap:nth-child(odd) dd:before {
    background: #163898;
}

#lp-monte #faq .qa-wrap:nth-child(even) {
    border: 2px solid #163898;
}

#lp-monte #faq .qa-wrap:nth-child(even) dt:before {
    color: #163898;
}

#lp-monte #faq .qa-wrap:nth-child(even) dt {
    background: #163898;
}

#lp-monte #faq .qa-wrap:nth-child(even) dd:before {
    background: #163898;
}

#lp-monte .cam-lp {
    text-align: center;
    padding: 0;
    background: rgba(244, 247, 252, 0.8);
}

#lp-monte .cam-lp #cam-hd {
    font-size: 2.3em;
    color: #163898;
    border-bottom: 1px solid #163898;
    padding-bottom: 15px;
    margin-bottom: 16px;
    display: inline-block;
    position: relative;
}

#lp-monte .cam-lp #cam-hd:after {
    content: "";
    width: 1.8em;
    height: 3px;
    background: #163898;
    position: absolute;
    bottom: -2px;
    right: calc(50% - 0.9em);
}

#lp-monte .cam-lp .btn-m {
    max-width: 280px;
    color: #ffffff;
    border-radius: 8px;
    background: #163898;
    border: 1px solid #163898;
    font-size: 1.5em;
    box-shadow: 0 0 3px rgba(128, 128, 128, 0.75);
}

#lp-monte .cam-lp .btn-m span {
    top: 25%;
}

#lp-monte #contact {
    background: linear-gradient(to right, #595757, #231815, #595757);
    color: #ffffff;
}

#lp-monte #contact a {
    color: #ffffff;
}

#lp-monte #contact h2 {
    color: #ffffff;
    position: relative;
}

#lp-monte #contact h2 span {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    padding-bottom: 15px;
    display: inline-block;
}

#lp-monte #contact h2:after {
    content: "";
    width: 1.8em;
    height: 3px;
    background: #ffffff;
    position: absolute;
    bottom: -1px;
    right: calc(50% - 0.9em);
}

#lp-monte #contact h3 {
    color: #3e3a39;
    background: #ffffff;
    text-align: center;
    padding: 10px;
}

#lp-monte #contact p {
    margin: 0;
}

#lp-monte #contact .flex {
    justify-content: space-between;
    align-items: center;
}

#lp-monte #contact #ctw {
    width: 35%;
    max-width: 385px;
    font-size: 16px;
}

#lp-monte #contact #ctw .lead-text {
    color: #feed00;
    display: flex;
    justify-content: center;
    align-items: center;
}

#lp-monte #contact #ctw .lead-text::before,
#lp-monte #contact #ctw .lead-text::after {
    content: "";
    width: 1em;
    height: 1px;
    background: #feed00;
}

#lp-monte #contact #ctw .lead-text::before {
    transform: rotate(60deg);
}

#lp-monte #contact #ctw .lead-text::after {
    transform: rotate(-60deg);
}

#lp-monte #contact #ctw img {
    width: 100%;
    margin: 8px 0;
}

#lp-monte #contact #p-mark {
    width: 120px;
    height: auto;
    margin: 0 8px 0 auto;
}

#lp-monte #contact #cs {
    width: 455px;
    font-weight: bold;
    border: 1px solid #ffffff;
    border-radius: 16px;
    padding: 1em 0.5em;
}

#lp-monte #contact #cs #cs-hd {
    font-size: 1em;
    text-align: center;
}

#lp-monte #contact #cs #cs-hd .bg-yellow,
#lp-monte #contact #cs #cs-hd .frame-yellow {
    padding-top: 1px;
    border: solid 1px #feed00;
}

#lp-monte #contact #cs #cs-hd .bg-yellow {
    background: #feed00;
    color: #3e3a39;
    width: 60%;
}

#lp-monte #contact #cs #cs-hd .frame-yellow {
    width: 40%;
}

#lp-monte #contact #cs #cs-info {
    padding: 0 3px;
}

#lp-monte #contact #cs #tel .font-l {
    color: #feed00;
    font-size: 2em;
}

#lp-monte #contact #cs #tel .font-l a {
    color: #feed00;
    font-weight: bold;
}

#lp-monte #contact #cs #tel span {
    vertical-align: middle;
}

#lp-monte .step {
    background: linear-gradient(to right, #020e4c, #163898, #020e4c);
    border-bottom: 2px solid #020e4c;
}

#lp-monte .step h2 {
    font-size: 2em;
    color: #ffffff;
    text-align: center;
}

#lp-monte .step h2 span {
    border-bottom: 1px solid;
    display: inline-block;
    padding-bottom: 15px;
}

#lp-monte .step ol {
    justify-content: space-between;
}

#lp-monte .step ol li {
    width: 20.5%;
}

#lp-monte .step ol li:last-child {
    width: 18%;
}

#lp-monte .step ol li .pc-img {
    display: block;
}

#lp-monte .step ol li .sp-img {
    display: none;
}

#lp-monte footer {
    color: #333333;
}

@media screen and (max-width: 960px) {
    #lp-monte #mv #mv-point .flex-wrap {
        max-width: 640px;
    }

    #lp-monte #mv #mv-point .point-detail {
        max-width: calc(75% - 10px);
        padding-left: 0;
    }

    #lp-monte #mv #mv-point .point-detail .point-wrap {
        max-width: 150px;
        height: 150px;
    }

    #lp-monte #mv #mv-point .point-detail .point-no {
        width: 100px;
        font-size: 1.1em;
    }

    #lp-monte #mv #mv-point .point-detail .point-desc {
        font-size: 1.1em;
    }

    #lp-monte #mv #mv-point .point-hd .font-white {
        font-size: 1.6em;
    }

    #lp-monte #intro .bg-wh {
        padding: 20px;
    }

    #lp-monte #intro .bg-wh .img-wrap {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 16px;
    }

    #lp-monte #intro .bg-wh .text-wrap {
        width: 100%;
    }

    #lp-monte #intro .flex-reverse {
        flex-direction: row;
    }

    #lp-monte #mv #mv-txt {
        width: 58%;
    }

    #lp-monte #mv #mv-txt dl .wrap {
        font-size: 1em;
    }

    #lp-monte #mv #mv-txt dl dd .font-l {
        font-size: 2.7em;
    }

    #lp-monte #mv #mv-img {
        width: 40%;
    }

    #lp-monte #future #future01 .txt-wrap h3 br {
        display: none;
    }

    #lp-monte #contact .container {
        max-width: 576px;
        margin: 0 auto;
    }

    #lp-monte #contact #ctw,
    #lp-monte #contact #cs {
        width: 100%;
    }

    #lp-monte #contact #cs {
        margin-top: 20px;
    }

    #lp-monte #contact #cs #cs-info {
        text-align: center;
        margin-top: 4px;
    }
}

@media screen and (max-width: 880px) {
    #lp-monte #point dl {
        background: none;
    }

    #lp-monte #point .point-wrap {
        width: 100%;
    }

    #lp-monte #point .point-wrap ul {
        justify-content: space-between;
    }

    #lp-monte #point .point-wrap dd li {
        width: 32%;
    }

    #lp-monte #point .point-wrap dd li:not(:last-child) {
        margin-bottom: 0;
    }

    #lp-monte #point .point-wrap:not(:last-child) {
        margin-bottom: 40px;
    }

    #lp-monte #award .award-list {
        text-align: left;
    }

    #lp-monte #faq .qa-wrap {
        width: 49%;
    }
}

@media screen and (max-width: 720px) {
    #lp-monte #mv #mv-bk {
        padding: 20px 10px;
    }

    #lp-monte #mv .pc {
        display: none;
    }

    #lp-monte #mv .sp {
        display: block;
    }

    #lp-monte #mv #mv-point .flex-wrap {
        max-width: 540px;
    }

    #lp-monte #mv #mv-point .point-hd {
        width: 100%;
        padding: 10px;
        margin-bottom: 30px;
    }

    #lp-monte #mv #mv-point .point-hd span {
        display: inline;
    }

    #lp-monte #mv #mv-point .point-hd .font-s {
        font-size: inherit;
    }

    #lp-monte #mv #mv-point .point-detail {
        max-width: 100%;
    }

    #lp-monte #mv #mv-point .point-detail .point-wrap {
        max-width: 170px;
        height: 170px;
    }

    #lp-monte #mv #mv-point .point-detail .point-desc {
        margin-top: 3.6em;
    }

    #lp-monte #model h3 br {
        display: block;
    }

    #lp-monte #model #model-list li {
        width: 49%;
        text-align: center;
        margin-bottom: 20px;
    }

    #lp-monte #model #model-list li img {
        max-width: 230px;
        width: 100%;
    }

    #lp-monte #model #wat-sell {
        text-align: left;
    }

    #lp-monte #model #wat-sell #formula {
        font-size: 1em;
    }

    #lp-monte #model #wat-sell #formula br {
        display: block;
    }

    #lp-monte #solar .intro-txt {
        margin: 0 0 20px;
        text-align: left;
    }

    #lp-monte #solar .flex {
        background: none;
    }

    #lp-monte #solar .solar-wrap {
        width: 100%;
    }

    #lp-monte #solar #solar-normal {
        margin: 0 auto 40px;
    }

    #lp-monte #award h2 {
        font-size: 2em;
    }

    #lp-monte #award .award-list {
        text-align: left;
    }

    #lp-monte #future #future04 #sdgs-top .txt-wrap {
        width: 100%;
    }

    #lp-monte #future #future04 #sdgs-top .img-wrap {
        width: 100%;
        max-width: 400px;
        margin: 1em auto 0 0;
    }

    #lp-monte #future #future04 ul li {
        width: 100%;
    }

    #lp-monte #future #future04 ul li:not(:last-child) {
        margin-bottom: 20px;
    }

    #lp-monte #story ul {
        max-width: 400px;
        margin: 0 auto;
    }

    #lp-monte #story ul li {
        width: 100%;
    }

    #lp-monte #story ul li:not(:last-child) {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 640px) {
    #lp-monte section {
        padding: 40px 0;
    }

    #lp-monte #mv #mv-bk .flex-wrap {
        max-width: 540px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    #lp-monte #mv #mv-bk .text-wrap {
        width: 100%;
    }

    #lp-monte #mv #mv-bk .text-wrap #mv-hd .mv-logo {
        max-width: 52%;
    }

    #lp-monte #mv #mv-bk .text-wrap #mv-hd .mv-logo p {
        font-size: 3vw;
    }

    #lp-monte #mv #mv-bk .text-wrap #mv-hd .mv-monte {
        max-width: 48%;
    }

    #lp-monte #mv #mv-bk .text-wrap #mv-copy {
        margin-top: 320px;
    }

    #lp-monte #mv #mv-bk .img-wrap {
        position: absolute;
        max-width: 320px;
        width: 100%;
        right: 0;
        left: 0;
        top: 12%;
        margin: auto;
    }

    #lp-monte .intro-txt {
        font-size: 1em;
        text-align: left;
    }

    #lp-monte .intro-txt br {
        display: none;
    }

    #lp-monte h2 {
        font-size: 1.5em;
    }

    #lp-monte h2 br {
        display: block;
    }

    #lp-monte h3 {
        font-size: 1.2em;
    }

    #lp-monte #movie #movie-img {
        width: 100%;
        margin-bottom: 20px;
    }

    #lp-monte #movie #movie-txt {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    #lp-monte #point .point-wrap dt {
        font-size: 2em;
    }

    #lp-monte #point .point-wrap dd li {
        width: 100%;
    }

    #lp-monte #point .point-wrap dd li:not(:last-child) {
        margin-bottom: 10px;
    }

    #lp-monte #compare .container {
        max-width: 500px;
        margin: 0 auto;
    }

    #lp-monte #compare table {
        max-width: 500px;
        margin-bottom: 40px;
    }

    #lp-monte #compare table tbody {
        display: block;
    }

    #lp-monte #compare table #thead {
        display: none;
    }

    #lp-monte #compare table tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        border-right: 1px solid #999999;
    }

    #lp-monte #compare table th {
        width: 100%;
        padding: 0;
        font-size: 1em;
    }

    #lp-monte #compare table th br {
        display: none;
    }

    #lp-monte #compare table .row td {
        display: inline-block;
        width: 25%;
        font-size: 0.8em;
        height: 60px;
        border-bottom: none;
    }

    #lp-monte #compare table .row td .sp-hd {
        display: block;
        color: #999;
        font-size: 0.9em;
        font-weight: bold;
        margin-bottom: 5px;
    }

    #lp-monte #compare table .change-data {
        border-bottom: 1px solid #999;
    }

    #lp-monte #compare table .change-data th,
    #lp-monte #compare table .change-data td {
        border-right: none;
    }

    #lp-monte #compare #compare-text {
        width: 100%;
        padding: 0;
        font-size: 1em;
    }

    #lp-monte #compare #compare-img {
        display: none;
    }

    #lp-monte #award h2 {
        font-size: 1.5em;
    }

    #lp-monte #award .j-startup h3 {
        margin-bottom: 0.5em;
    }

    #lp-monte #voice .user-wrap {
        align-items: flex-start;
    }

    #lp-monte #voice .user-wrap dt {
        width: 70px;
    }

    #lp-monte #voice .user-wrap dd {
        width: calc(100% - 85px);
        padding: 0.5em;
        font-size: 0.9em;
    }

    #lp-monte #voice .user-wrap dd:before {
        top: 15px;
        left: -15px;
        border-width: 15px 15px 15px 0;
    }

    #lp-monte #voice .user-wrap dd::after {
        top: 17px;
        left: -12px;
        border-width: 13px 13px 13px 0;
    }

    #lp-monte #future .txt-wrap {
        width: 100%;
    }

    #lp-monte #future .img-wrap {
        width: 100%;
        position: static;
        padding: 0;
        margin-bottom: 30px;
    }

    #lp-monte #future .future-wrap {
        padding: 30px 0;
    }

    #lp-monte #future #future01 {
        padding-top: 0;
    }

    #lp-monte #future #future01 .txt-wrap {
        width: 100%;
        min-height: initial;
    }

    #lp-monte #faq .qa-wrap {
        width: 100%;
    }

    #lp-monte .step h2 {
        font-size: 6vw;
    }

    #lp-monte .form-wrap {
        padding: 0;
    }

    #lp-monte .form-wrap .container {
        padding: 10px;
    }

    #lp-monte .form-wrap .cv-txt {
        font-size: 1.5em;
    }

    #lp-monte .cam-lp #cam-hd {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 544px) {
    #lp-monte #mv #mv-point .flex-wrap {
        max-width: 420px;
        padding: 40px 0;
    }

    #lp-monte #mv #mv-point .point-hd {
        margin-bottom: 10px;
    }

    #lp-monte #mv #mv-point .point-detail .point-wrap {
        max-width: 100%;
        height: auto;
        border-radius: 50px;
        margin: 10px 5px;
        padding: 16px 10px;
    }

    #lp-monte #mv #mv-point .point-detail .point-no {
        transform: none;
        background: #231815;
        width: 65px;
        height: 65px;
        border-radius: 100%;
        left: -2px;
        right: auto;
        top: 0;
        bottom: 0;
    }

    #lp-monte #mv #mv-point .point-detail .point-no span {
        padding-left: 0;
        font-size: 1.2em;
        line-height: 4.1;
        padding-top: 2.3em;
    }

    #lp-monte #mv #mv-point .point-detail .point-no span::before {
        left: 0;
        right: 0;
    }

    #lp-monte #mv #mv-point .point-detail .point-desc {
        margin-top: 0;
        font-size: 1em;
        text-align: left;
        padding-left: 60px;
    }

    #lp-monte #mv #mv-point .point-detail .point-desc br {
        display: none;
    }

    #lp-monte #contact .container {
        max-width: 385px;
        margin: 0 auto;
    }

    #lp-monte #contact #ctw {
        width: 100%;
        margin-bottom: 1em;
    }

    #lp-monte #contact #p-mark {
        order: 3;
        margin: 1em auto 0;
    }

    #lp-monte #contact #cs {
        margin-top: 0;
    }

    #lp-monte #contact #cs #cs-hd .bg-yellow,
    #lp-monte #contact #cs #cs-hd .frame-yellow {
        width: 100%;
    }

    #lp-monte #contact #cs #tel .font-l {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 480px) {
    #lp-monte #mv #mv-point .flex-wrap {
        max-width: 320px;
    }

    #lp-monte #mv #mv-point .point-hd .font-white {
        font-size: 1.3em;
    }

    #lp-monte #mv #mv-point .point-detail .point-no {
        width: 75px;
        height: 75px;
        left: -10px;
    }

    #lp-monte #mv #mv-point .point-detail .point-no span {
        line-height: 5;
        padding-top: 2.5em;
    }

    #lp-monte h2 {
        font-size: 1.3em;
    }

    #lp-monte h2::before {
        width: 1em;
        margin-right: 0.5rem;
    }

    #lp-monte h2::after {
        width: 1em;
        margin-left: 0.5rem;
    }

    #lp-monte #award h2 {
        max-width: 14em;
    }

    #lp-monte #contact #cs #tel span {
        font-size: 0.8em;
    }

    #lp-monte #contact #cs #tel .font-l {
        font-size: 1.4em;
    }

    #lp-monte .step ol {
        width: 100%;
    }

    #lp-monte .step ol li .pc-img {
        display: none;
    }

    #lp-monte .step ol li .sp-img {
        display: block;
    }

    #lp-monte .step ol li:first-child {
        width: 100%;
        background: rgba(255, 255, 255, 0.8);
        padding: 16px;
        border-radius: 8px;
    }

    #lp-monte .step ol li:first-child img {
        max-width: 184px;
        width: 80%;
        margin: 0 auto;
    }

    #lp-monte .step ol li:last-child {
        width: 100%;
        background: #ffe900;
        padding: 16px;
        border-radius: 8px;
    }

    #lp-monte .step ol li:last-child img {
        max-width: 152px;
        width: 80%;
        margin: 0 auto;
    }

    #lp-monte .step ol li:nth-child(2),
    #lp-monte .step ol li:nth-child(3),
    #lp-monte .step ol li:nth-child(4) {
        width: 33.3%;
        margin: 20px 0;
    }

    #lp-monte .cam-lp #cam-hd {
        font-size: 1.3em;
    }
}

/*
  *
  * 繧ｭ繝｣繝ｳ繝壹�繝ｳ
  *
  */
.js-campaign-cmn {
    display: none;
}

#campaign-index #no-campaign {
    display: none;
}

#campaign-index #no-campaign h2 {
    font-size: 2.3em;
}

#campaign-index #no-campaign img {
    max-width: 416px;
    width: 90%;
}

#campaign-index #cam-open li {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #dddddd;
}

#campaign-index #cam-open li:last-child {
    margin-bottom: 0;
}

#campaign-index #cam-open a.flex {
    justify-content: space-between;
    color: #333333;
}

#campaign-index #cam-open a.flex:hover {
    opacity: 1;
}

#campaign-index #cam-open a.flex:hover h3 {
    text-decoration: underline;
}

#campaign-index #cam-open a.flex:hover .cam-img {
    opacity: 0.8;
}

#campaign-index #cam-open .cam-img {
    width: 35%;
}

#campaign-index #cam-open .cam-img img {
    border: 1px solid #dddddd;
}

#campaign-index #cam-open .cam-text {
    width: 63%;
}

#campaign-index #cam-open .cam-text h3 {
    font-size: 1.5em;
    margin: 0;
    color: #0055b2;
}

#campaign-index #cam-open .cam-text .cam-date {
    display: inline-block;
    border: 1px solid;
    padding: 2px 5px;
}

#campaign-index #cam-open .cam-summary {
    margin-bottom: 0;
}

#campaign-index #cam-close h2 {
    background-color: #0055b2;
    color: #ffffff;
    margin: 0;
    padding: 0.5em 0;
    font-size: 1.5em;
    cursor: pointer;
}

#campaign-index #cam-close h2 span svg {
    width: 1.2em;
}

#campaign-index #cam-close #close-list {
    display: none;
    margin: 0;
}

#campaign-index #cam-close li {
    border-bottom: 1px solid #dddddd;
    background-color: #ffffff;
    display: none;
}

#campaign-index #cam-close li a {
    color: #333333;
    padding: 1em 0.5em;
    align-items: center;
}

#campaign-index #cam-close li a:hover {
    opacity: 1;
}

#campaign-index #cam-close li a:hover h3 {
    text-decoration: underline;
}

#campaign-index #cam-close li h3 {
    color: #0055b2;
    margin: 0;
    font-size: 1em;
}

#campaign-index #cam-close li p {
    margin: 0;
    font-size: 1em;
}

#campaign-index #cam-close li .term {
    margin-right: 1em;
    font-size: 0.8em;
}

#campaign-index #cam-close li .term .end {
    background-color: #dddddd;
    color: #666666;
    padding: 3px 5px;
    margin-right: 1em;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    #campaign-index #cam-open li .cam-img {
        width: 100%;
    }

    #campaign-index #cam-open li .cam-text {
        width: 100%;
        margin-top: 1em;
    }

    #campaign-index #cam-open li .cam-text h3 {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 640px) {
    #campaign-index #no-campaign h2 {
        font-size: 5vw;
    }

    #campaign-index #cam-close h2 {
        font-size: 1.2em;
    }
}

/*** 繧ｭ繝｣繝ｳ繝壹�繝ｳ隧ｳ邏ｰ蜈ｱ騾� ***/
#cam-end {
    display: none;
    background-color: #f5f9ff;
    color: #0055b2;
    border-top: 2px solid;
    border-bottom: 2px solid;
    text-align: center;
    font-size: 0.4em;
}

#cam-detail #cam-desc .bg-wh {
    padding: 40px 20px;
}

#cam-detail h2 {
    text-align: center;
    font-size: 2em;
}

#cam-detail dl {
    border-bottom: 1px solid #333333;
    margin: 0;
}

#cam-detail dl .cam-dl {
    border-top: 1px solid #333333;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 10px;
}

#cam-detail dl dt {
    width: 200px;
}

#cam-detail dl dd {
    width: calc(100% - 200px);
    text-align: left;
}

#cam-detail .list-disc {
    list-style: disc;
}

@media screen and (max-width: 640px) {
    #cam-detail #cam-desc .bg-wh {
        padding: 20px 10px;
    }

    #cam-detail dl dt,
    #cam-detail dl dd {
        width: 100%;
    }
}

/*** 蜈ｱ騾� ***/
#cam-cmn h2 {
    text-align: center;
    font-size: 2em;
}

#cam-cmn .hd-deco {
    display: flex;
    align-items: center;
    justify-content: center;
}

#cam-cmn .hd-deco:before,
#cam-cmn .hd-deco::after {
    content: "";
    width: 1.4em;
    height: 3px;
    border-radius: 2px;
}

#cam-cmn .hd-deco:before {
    transform: rotate(60deg);
}

#cam-cmn .hd-deco:after {
    transform: rotate(-60deg);
}

#cam-cmn #step ol {
    justify-content: space-between;
}

#cam-cmn #step li {
    width: 32%;
    border-radius: 20px;
    padding: 15px;
}

#cam-cmn #step li h3 {
    text-align: center;
}

#cam-cmn #step li .step-img {
    display: flex;
    align-items: center;
}

#cam-cmn #step li .step-img .img {
    max-width: 200px;
    margin: 0 auto 20px;
}

#cam-cmn .cam-btn {
    display: inline-block;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 1.4em;
    position: relative;
    cursor: pointer;
    color: #ffffff;
    padding: 10px;
    border-radius: 30px;
    max-width: 400px;
    border: solid 1px;
}

#cam-cmn .cam-btn-buy svg {
    width: 1.4em;
    vertical-align: sub;
}

@media screen and (max-width: 640px) {
    #cam-cmn #step li {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #cam-cmn #step li h3 {
        width: 100%;
    }

    #cam-cmn #step li .step-img {
        width: 40%;
        align-items: flex-start;
    }

    #cam-cmn #step li .step-txt {
        width: 55%;
    }

    #cam-cmn #step li:nth-child(2) {
        margin: 2% 0;
    }
}

@media screen and (max-width: 420px) {
    #cam-cmn h2 {
        font-size: 1.5em;
    }
}

#cam-cmn .cam-btn {
    font-size: 1.2em;
}

.cam-lp .btn-m {
    color: #ffffff;
    background-color: #e56100;
    border: 1px solid #e56100;
    letter-spacing: 0.1em;
}

/***************************************
   繝昴ャ繝励い繝��縺ｧ陦ｨ遉ｺ縺吶ｋ繧ｭ繝｣繝ｳ繝壹�繝ｳ逕ｨ
  ***************************************/
#cam-pop {
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

#cam-pop .flex {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#pop-wrap {
    width: 80%;
    max-width: 1200px;
    position: relative;
}

#pop-wrap #js-close-btn {
    position: absolute;
    top: -1.3em;
    right: -0.1em;
    cursor: pointer;
    font-size: 2em;
    font-weight: bold;
    line-height: 1;
    transition: 0.5s;
    text-shadow: 1px 1px 2px #666666;
}

#pop-wrap #js-close-btn:before {
    content: "ﾃ�";
    display: inline-block;
    color: #ffffff;
}

#pop-wrap .btn-cam {
    background-color: #53c858;
    color: #ffffff;
    border: 1px solid #53c858;
    font-size: 1.2em;
}

#pop-wrap a:hover .btn-cam {
    background-color: #ffffff;
    color: #53c858;
}

#fixed-bn {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.9);
}

#fixed-bn .bn-wrap {
    max-width: calc(900px + 4em);
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#fixed-bn .bn-wrap a {
    display: inline-block;
    padding: 0;
}

#fixed-bn .bn-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 1em;
    height: 1em;
    font-size: 2em;
    font-weight: bold;
    line-height: 1;
    transition: 0.5s;
    background-color: #000;
}

#fixed-bn .bn-close:before {
    content: "ﾃ�";
    width: 1em;
    height: 1em;
    display: inline-block;
    color: #ffffff;
}

#fixed-bn .bn-close:hover {
    transform: rotateZ(180deg);
}

#fixed-bn img {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 900px) {
    #pop-wrap {
        width: 90%;
    }

    #pop-wrap h2 {
        font-size: 1em;
    }

    #pop-wrap h2 .font-s {
        font-size: 0.8em;
    }

    #pop-wrap .bn-close {
        top: 0;
        font-size: 1.5em;
        padding: 0;
    }

    #fixed-bn .bn-close {
        top: -1em;
    }
}

@media screen and (max-width: 640px) {
    #pop-wrap .btn-cam {
        font-size: 1.2em;
    }
}

/*
  *
  * 2020迺ｰ蠅�怦髢薙く繝｣繝ｳ繝壹�繝ｳ
  *
  */
#campaign-environment {
    color: #000;
    font-size: 18px;
    /** 譛ｪ譚･ **/
    /*---------- 繧ｹ繝�ャ繝� ----------*/
    /** 逋ｻ骭ｲ **/
}

#campaign-environment .bg-green {
    background-color: #F5FDFF;
}

#campaign-environment .font-green {
    color: #62CCA8;
}

#campaign-environment h1,
#campaign-environment h2,
#campaign-environment h3,
#campaign-environment h4,
#campaign-environment h5 {
    color: #000;
}

#campaign-environment h2 {
    font-size: 2.8em;
    text-align: center;
    font-weight: bold;
    color: #62CCA8;
    margin-bottom: 1.5em;
}

#campaign-environment h3 {
    font-size: 1.8em;
    font-weight: bold;
}

#campaign-environment .line-yellow {
    background: linear-gradient(transparent 85%, #FFF002 0%);
    font-weight: bold;
}

#campaign-environment .dot-yellow {
    background: url(/img/environment/dot-yellow.png) left bottom repeat-x;
    font-weight: bold;
}

#campaign-environment .dot-green {
    background: url(/img/environment/dot-green.png) left bottom repeat-x;
    font-weight: bold;
}

#campaign-environment .btn-green {
    background-color: #62CCA8;
    color: white;
    border: 1px solid #62CCA8;
    box-shadow: 1px 1px 2px #999;
}

#campaign-environment .btn-green:hover {
    background-color: white;
    color: #62CCA8;
}

#campaign-environment ul,
#campaign-environment ol,
#campaign-environment dl {
    padding-left: 0;
}

#campaign-environment .font-l {
    font-size: 1.6em;
}

#campaign-environment .font-m {
    font-size: 1.2em;
}

#campaign-environment .font-s {
    font-size: 0.7em;
}

#campaign-environment .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#campaign-environment #future #energy {
    background-color: #62CCA8;
}

#campaign-environment #future #energy h3 {
    color: white;
}

#campaign-environment #future #energy ul {
    padding: 0 3px;
}

#campaign-environment #future #energy li {
    background-color: white;
    width: 32%;
    border-radius: 10px;
    box-shadow: 0 3px 3px #999;
    padding: 20px 10px;
}

#campaign-environment #future #energy li h4 span {
    color: #62CCA8;
    font-weight: bold;
}

#campaign-environment #future #energy li img {
    max-width: 350px;
    width: 100%;
    display: block;
    margin: 0 auto;
}

#campaign-environment #future #energy li .src {
    font-size: 0.6em;
    display: block;
    color: #333333;
    margin-top: 1em;
}

#campaign-environment #future #energy li .src:hover {
    text-decoration: underline;
}

#campaign-environment #future #energy p.font-l {
    color: white;
    font-weight: bold;
    font-size: 2.8em;
}

#campaign-environment #future #thousand {
    position: relative;
}

#campaign-environment #future #thousand:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 120px 0 120px;
    border-color: #62CCA8 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: calc(50% - 120px);
}

#campaign-environment #future #thousand .container {
    margin-top: 40px;
}

#campaign-environment #future #thousand h3 img {
    max-width: 700px;
    width: 100%;
    display: block;
    margin: 10px auto 0;
}

#campaign-environment #future #thousand .flex {
    align-items: center;
}

#campaign-environment #future #thousand .text-wrap {
    width: 70%;
}

#campaign-environment #future #thousand .img-wrap {
    width: 25%;
    max-width: 280px;
}

#campaign-environment #session .pc-img {
    display: block;
}

#campaign-environment #session .sp-img {
    display: none;
}

#campaign-environment #interview h3 {
    background: url(/img/environment/hd-dot.png) center bottom no-repeat;
    background-size: auto 13px;
    display: inline-block;
    padding-bottom: 15px;
}

#campaign-environment #interview .story-list h2 {
    color: #333;
    font-size: 1em;
    text-align: left;
}

#campaign-environment #interview .story-list li:hover h2 {
    color: #fff;
}

#campaign-environment #data li {
    width: 49%;
    border: 5px solid #62CCA8;
    border-radius: 10px;
    margin-bottom: 2%;
    padding: 0 10px 20px;
}

#campaign-environment #data li h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#campaign-environment #data li h3 .data-no {
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 127px;
    margin: -6px 10px 0 0;
    background: url(/img/environment/label-data.png) left top no-repeat;
    background-size: contain;
}

#campaign-environment #data li h3 .data-hd {
    width: calc(100% - 110px);
    font-size: 0.9em;
}

#campaign-environment #step h2 {
    color: #333;
    font-size: 2em;
    margin-bottom: 10px;
    display: inline-block;
}

#campaign-environment #step h2::after {
    content: "";
    width: 70%;
    height: 4px;
    background-color: #62CCA8;
    display: block;
    margin: 5px auto 0;
}

#campaign-environment #step h2 img {
    width: 1.5em;
    vertical-align: bottom;
}

#campaign-environment #step ol {
    padding: 3px;
    margin: 0 auto 50px;
}

#campaign-environment #step ol li {
    width: 32%;
    text-align: center;
    background-color: white;
    border-radius: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
    padding-bottom: 10px;
}

#campaign-environment #step ol li h3 {
    font-size: 1em;
    background-color: #62CCA8;
    padding: 10px 0;
}

#campaign-environment #step ol li .step-text {
    font-weight: bold;
    padding: 0 10px;
}

#campaign-environment #step ol li img {
    max-width: 250px;
    width: 90%;
}

#campaign-environment #step ol li .sup {
    margin: 1em 0;
    font-size: 0.6em;
}

#campaign-environment .regist {
    text-align: center;
}

#campaign-environment .regist p {
    text-shadow: 1px 1px 2px #999;
}

#campaign-environment .regist p span {
    font-weight: bold;
    font-size: 2em;
    color: #62CCA8;
}

#campaign-environment .regist .btn-cv {
    background-color: #FCAF3C;
    color: white;
    font-weight: bold;
    font-size: 2.5em;
    max-width: 770px;
    width: 96%;
    display: block;
    padding: 5px;
    border: 2px solid #FCAF3C;
    border-radius: 40px;
    margin: 0 auto 5px;
    box-shadow: 1px 1px 2px #999;
    transition: all 0.5s;
}

#campaign-environment .regist .btn-cv:hover {
    background-color: white;
    color: #FCAF3C;
    opacity: 1;
}

#campaign-environment #quiz-link .uk-icon svg {
    width: 40px;
}

#campaign-environment #quiz .pc-img {
    display: block;
}

#campaign-environment #quiz .sp-img {
    display: none;
}

#campaign-environment #quiz .week-wrap {
    border-radius: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
    margin: 3px;
}

#campaign-environment #quiz dt {
    background-color: #62CCA8;
    padding: 1em 0.5em;
    color: #fff;
}

#campaign-environment #quiz dt.this-w {
    background-color: #fbaf3c;
}

#campaign-environment #quiz dd {
    background-color: white;
}

#campaign-environment #quiz dd .qa-wrap {
    width: calc(100% - 200px);
}

#campaign-environment #quiz dd .quiz-wrap {
    position: relative;
    padding: 2em 1em 2em 5em;
}

#campaign-environment #quiz dd .quiz-wrap::before {
    content: "Q";
    color: white;
    background-color: #369BF2;
    font-size: 1.5em;
    border-radius: 50%;
    position: absolute;
    left: 1em;
    top: 1em;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-environment #quiz dd .quiz-wrap ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0;
}

#campaign-environment #quiz dd .quiz-wrap ul li {
    margin-right: 1em;
    word-break: keep-all;
}

#campaign-environment #quiz dd .answer-wrap {
    position: relative;
    padding: 2em 1em 2em 5em;
    border-top: 1px solid #ddd;
}

#campaign-environment #quiz dd .answer-wrap::before {
    content: "A";
    color: white;
    background-color: #FCAF3C;
    font-size: 1.5em;
    border-radius: 50%;
    position: absolute;
    left: 1em;
    top: 1em;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-environment #quiz dd .answer-wrap .answer-note {
    background-color: #efefef;
    padding: 1em;
    font-size: 0.9em;
}

#campaign-environment #quiz dd .prize-wrap {
    width: 200px;
    background-color: #fff6e9;
    padding: 30px 20px 10px;
    font-size: 0.8em;
    position: relative;
}

#campaign-environment #quiz dd .prize-wrap .week {
    background: url(/img/environment/label-week.png) left top no-repeat;
    background-size: contain;
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-content: center;
    text-align: center;
    flex-wrap: wrap;
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: bold;
}

#campaign-environment #quiz .btn-sns {
    position: relative;
    padding-left: 1.5em;
}

#campaign-environment #quiz .btn-sns .uk-icon {
    position: absolute;
    left: 1em;
    right: auto;
    top: 13px;
}

#campaign-environment #quiz .btn-tw {
    background-color: #33A1F2;
    color: #ffffff;
    border: 1px solid #33A1F2;
}

#campaign-environment #quiz .btn-fb {
    background-color: #3378F2;
    color: #ffffff;
    border: 1px solid #3378F2;
}

@media screen and (max-width: 800px) {
    #campaign-environment {
        font-size: 16px;
    }

    #campaign-environment h2 {
        font-size: 2em;
    }

    #campaign-environment h3 {
        font-size: 1.4em;
    }

    #campaign-environment #future #energy ul {
        max-width: 400px;
        margin: 0 auto;
    }

    #campaign-environment #future #energy li {
        width: 100%;
        margin-bottom: 20px;
    }

    #campaign-environment .regist .btn-cv {
        font-size: 2em;
    }
}

@media screen and (max-width: 720px) {
    #campaign-environment #future #thousand .flex {
        flex-direction: column-reverse;
    }

    #campaign-environment #future #thousand .text-wrap {
        width: 100%;
    }

    #campaign-environment #future #thousand .img-wrap {
        width: 100%;
        max-width: 150px;
        margin: 0 auto 40px;
    }
}

@media screen and (max-width: 640px) {
    #campaign-environment h2 {
        font-size: 1.6em;
    }

    #campaign-environment h3 {
        font-size: 1.2em;
    }

    #campaign-environment #session .pc-img {
        display: none;
    }

    #campaign-environment #session .sp-img {
        display: block;
    }

    #campaign-environment #data ul {
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }

    #campaign-environment #data li {
        width: 100%;
    }

    #campaign-environment #step ol {
        max-width: 400px;
        width: 100%;
    }

    #campaign-environment #step ol li {
        width: 100%;
        margin: 0 auto 20px;
    }

    #campaign-environment .regist .btn-cv {
        font-size: 1.4em;
    }

    #campaign-environment #quiz .pc-img {
        display: none;
    }

    #campaign-environment #quiz .sp-img {
        display: block;
    }

    #campaign-environment #quiz dd .qa-wrap {
        width: 100%;
    }

    #campaign-environment #quiz dd .quiz-wrap,
    #campaign-environment #quiz dd .answer-wrap {
        padding: 1em 1em 1em 3em;
    }

    #campaign-environment #quiz dd .quiz-wrap::before,
    #campaign-environment #quiz dd .answer-wrap::before {
        left: 0.2em;
        top: 0.5em;
        width: 1.5em;
        height: 1.5em;
    }

    #campaign-environment #quiz dd .prize-wrap {
        width: 100%;
        text-align: center;
    }

    #campaign-environment #quiz dd .prize-wrap .week {
        left: 10px;
        top: 10px;
    }

    #campaign-environment #quiz dd .prize-wrap img {
        width: 200px;
    }
}

#campaign-environment #cam-environment {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 2px #999;
    margin: 3px;
}

#campaign-environment #cam-environment .top-sns {
    justify-content: flex-end;
}

#campaign-environment #cam-environment .top-sns li {
    width: 4%;
    max-width: 40px;
    margin: 0 5px 5px;
}

#campaign-environment #cam-environment #cam-mv {
    cursor: pointer;
}

#campaign-environment #cam-environment #cam-bk {
    background: url(/img/environment/happy.png) center top 4em no-repeat;
    background-size: auto 100%;
    padding-bottom: 2em;
    margin-top: -4%;
}

#campaign-environment #cam-environment #cam-bk #present-list {
    justify-content: space-between;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

#campaign-environment #cam-environment #cam-bk #present-list li {
    width: 23%;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}

#campaign-environment #cam-environment h3 .pc-img {
    display: block;
}

#campaign-environment #cam-environment h3 .sp-img {
    display: none;
}

#campaign-environment #cam-environment #cam-toggle {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 15px 5px;
    max-width: 600px;
    font-weight: bold;
    font-size: 2em;
    background-color: #FFF002;
}

#campaign-environment #cam-environment #cam-toggle.toggle-open {
    padding: 15px 5px 15px 30px;
    position: relative;
}

#campaign-environment #cam-environment #cam-desc {
    display: none;
    background: url(/img/environment/dot-green.png) left top repeat-x;
}

#campaign-environment #cam-environment #cam-desc dl {
    margin: 0;
}

#campaign-environment #cam-environment #cam-desc dl dt {
    font-size: 2em;
    margin-bottom: 10px;
}

#campaign-environment #cam-environment #cam-desc dl dt::before {
    content: "笳�";
    display: inline;
}

#campaign-environment #cam-environment #cam-desc dl dd {
    text-align: left;
    margin-bottom: 2em;
    word-break: break-all;
}

#campaign-environment #cam-environment #cam-desc dl dd ul {
    list-style: disc;
    padding-left: 2em;
}

#campaign-environment #cam-environment #cam-desc dl dd #sns-note {
    list-style: none;
    padding-left: 0;
}

#campaign-environment #cam-environment #cam-desc dl dd #sns-note li::before {
    content: "-";
    display: inline;
    margin-right: 0.5em;
}

#campaign-environment #cam-environment #cam-desc dl #cam-term {
    height: 10em;
    overflow-y: scroll;
    border: 2px solid #666666;
    border-radius: 10px;
    font-size: 0.8em;
    padding: 10px;
}

#campaign-environment #cam-environment #cam-desc #present {
    background: url(/img/environment/dot-green.png) left top repeat-x;
}

#campaign-environment #cam-environment #cam-desc #present li {
    background: url(/img/environment/dot-green.png) left bottom repeat-x;
    padding: 10px 0;
    align-items: flex-start;
}

#campaign-environment #cam-environment #cam-desc #present li .img-wrap {
    width: 18%;
    border: 1px solid #dddddd;
    border-radius: 6px;
    overflow: hidden;
}

#campaign-environment #cam-environment #cam-desc #present li .text-wrap {
    width: 80%;
}

#campaign-environment #cam-environment #cam-desc #present li .text-wrap h4 {
    font-weight: bold;
    display: flex;
    align-items: center;
}

#campaign-environment #cam-environment #cam-desc #present li .text-wrap h4 .week {
    background: url(/img/environment/label-week.png) left top no-repeat;
    background-size: contain;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-content: center;
    text-align: center;
    flex-wrap: wrap;
}

#campaign-environment #cam-environment #cam-desc #present li .text-wrap h4 .week .font-s {
    width: 100%;
    font-size: 0.6em;
}

#campaign-environment #cam-environment #cam-desc #present li .text-wrap h4 .present-name {
    width: calc(100% - 100px);
    margin-left: 10px;
}

#campaign-environment #cam-environment #cam-desc #sns h3 {
    background: url(/img/environment/hd-dot.png) center bottom no-repeat;
    background-size: auto 13px;
    display: inline-block;
    padding-bottom: 15px;
}

#campaign-environment #cam-environment #cam-desc #sns ul {
    justify-content: center;
}

#campaign-environment #cam-environment #cam-desc #sns li {
    max-width: 70px;
    min-width: 40px;
    width: 10%;
    margin: 0 10px;
}

@media screen and (max-width: 640px) {
    #campaign-environment #cam-environment .top-sns li {
        width: 10%;
    }

    #campaign-environment #cam-environment #cam-bk {
        margin-top: 0;
    }

    #campaign-environment #cam-environment h3 .pc-img {
        display: none;
    }

    #campaign-environment #cam-environment h3 .sp-img {
        display: block;
    }

    #campaign-environment #cam-environment #cam-toggle {
        font-size: 1em;
        margin-bottom: 20px;
    }

    #campaign-environment #cam-environment #cam-desc dl dt {
        font-size: 1.5em;
    }

    #campaign-environment #cam-environment #cam-desc dl #cam-term {
        height: 15em;
    }

    #campaign-environment #cam-environment #cam-desc #present li {
        position: relative;
    }

    #campaign-environment #cam-environment #cam-desc #present li .img-wrap {
        width: 80%;
        max-width: 250px;
        margin: 1em auto;
    }

    #campaign-environment #cam-environment #cam-desc #present li .text-wrap {
        width: 100%;
    }

    #campaign-environment #cam-environment #cam-desc #present li .text-wrap h4 .present-name {
        width: 100%;
        margin-left: 0;
    }

    #campaign-environment #cam-environment #cam-desc #present li .text-wrap h4 .week {
        position: absolute;
        top: 10px;
        left: 0;
    }
}

@media screen and (max-width: 360px) {
    #campaign-environment #cam-environment #cam-toggle.toggle-open {
        padding: 15px 5px;
    }

    #campaign-environment #cam-environment #cam-toggle.toggle-open:before {
        content: none;
    }
}

/*
  *
  * 繧ｭ繝｣繝ｳ繝壹�繝ｳ2020
  *
  */
/*** 3000莠ｺ遯∫�ｴ ***/
#campaign-3000owners #intro {
    background: linear-gradient(#FDFBD8, #FFD8E3);
    font-weight: bold;
}

#campaign-3000owners #step h2 {
    color: #EA465D;
}

#campaign-3000owners #step li {
    background-color: #FFE6EA;
}

#campaign-3000owners #step li h3 {
    color: #EA465D;
}

#campaign-3000owners .cam-btn {
    background-color: #EA465D;
}

#campaign-3000owners #cam-detail {
    background-color: #F2C5D0;
}

/*** 3000莠ｺ遯∫�ｴ�亥ｻｶ髟ｷ�� ***/
#campaign-3000owners_ex #intro {
    background: linear-gradient(to bottom right, #F8EDD5, #eac475);
    font-weight: bold;
}

#campaign-3000owners_ex #cd {
    background-color: #f5fdff;
    border: 1px solid #3caf88;
    text-align: center;
}

#campaign-3000owners_ex #step h2 {
    color: #E09C22;
}

#campaign-3000owners_ex #step li {
    background-color: #F8EDD5;
}

#campaign-3000owners_ex #step li h3 {
    color: #E09C22;
}

#campaign-3000owners_ex .cam-btn {
    background-color: #E09C22;
}

#campaign-3000owners_ex #cam-detail {
    background-color: #F5E5C4;
}

/*** 繧ｫ繧ｦ繝ｳ繝医ム繧ｦ繝ｳ ***/
#campaign-countdown #intro {
    justify-content: space-between;
    background-color: #f5fdff;
}

#campaign-countdown #intro b {
    color: #10825b;
}

#campaign-countdown #intro #intro1 {
    width: 60%;
}

#campaign-countdown #intro #intro2 {
    width: 38%;
    border: 2px solid #3caf88;
    padding: 10px;
    background-color: #fff;
    background-image: url(/img/campaign/countdown/leaf.png);
    background-size: 50% auto;
    background-position: center;
    background-repeat: no-repeat;
}

#campaign-countdown #intro #intro2 h3 {
    background-color: #3caf88;
    color: #fff;
}

#campaign-countdown #amagif {
    background-color: #fffbf4;
    border: 1px solid #F5E5C4;
    text-align: center;
}

#campaign-countdown #step h2 {
    color: #3caf88;
}

#campaign-countdown #step li {
    background-color: #f5fdff;
}

#campaign-countdown #step li h3 {
    color: #3caf88;
}

#campaign-countdown #step li:nth-child(3) img {
    max-width: 100px;
    width: 100%;
}

#campaign-countdown .cam-btn {
    background-color: #3caf88;
}

#campaign-countdown #cam-detail {
    background-color: #bce6d8;
}

#campaign-countdown #cam-detail h3 {
    font-size: 1em;
}

@media screen and (max-width: 640px) {

    #campaign-countdown #intro #intro1,
    #campaign-countdown #intro #intro2 {
        width: 100%;
    }

    #campaign-countdown #amagif {
        text-align: left;
    }
}

/*** 1蜆� ***/
#campaign-billion #countdown {
    display: none;
    font-weight: bold;
    font-size: 2em;
}

#campaign-billion #countdown .uk-countdown-number {
    font-size: 2em;
}

#campaign-billion #intro {
    justify-content: space-between;
    background-color: #fff8de;
}

#campaign-billion #intro #intro1 {
    width: 68%;
}

#campaign-billion #intro #intro2 {
    width: 30%;
    border: 2px solid #fd8c46;
    background-color: #fff;
    background-image: url(/img/campaign/billion/sun.png);
    background-size: 50% auto;
    background-position: center;
    background-repeat: no-repeat;
}

#campaign-billion #intro #intro2 h3 {
    background-color: #fd8c46;
    color: #fff;
    padding: 10px 0;
}

#campaign-billion #intro #intro2 p {
    padding: 10px;
}

#campaign-billion #step h2 {
    color: #333333;
}

#campaign-billion #step li {
    background-color: #fff8de;
}

#campaign-billion #step li h3 {
    color: #fd8c46;
}

#campaign-billion #step li:nth-child(3) img {
    max-width: 100px;
    width: 100%;
}

#campaign-billion .cam-btn {
    background-color: #fd8c46;
}

#campaign-billion #cam-detail {
    background-color: #fff8de;
}

#campaign-billion #cam-detail h3 {
    font-size: 1em;
}

#campaign-billion #new {
    display: none;
}

#campaign-billion #new h2 span {
    font-size: 0.8em;
    display: block;
}

#campaign-billion #new .equip-list {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

#campaign-billion #new .equip-list .equip-wrap {
    width: 48%;
    margin: 0 1% 2%;
}

#campaign-billion #msg h3 {
    font-size: 1em;
}

#campaign-billion #msg #mv-400 {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    background-color: #ddd;
    padding: 1px;
}

@media screen and (max-width: 640px) {
    #campaign-billion #countdown {
        font-size: 1em;
    }

    #campaign-billion #countdown #count-last {
        display: block;
    }

    #campaign-billion #intro #intro1,
    #campaign-billion #intro #intro2 {
        width: 100%;
    }

    #campaign-billion #new .equip-list .equip-wrap {
        width: 100%;
        margin: 0 auto 2%;
    }
}

/*** ANA ***/
#campaign-ana_quiz .line-yellow {
    background: linear-gradient(transparent 65%, #fff100 0%);
    padding-bottom: 5px;
    font-weight: bold;
}

#campaign-ana_quiz .ana-cv {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 15px 5px;
    max-width: 600px;
    font-weight: bold;
    font-size: 2em;
    border-radius: 10px;
}

#campaign-ana_quiz #cam-top {
    background-color: #00a6e9;
    box-shadow: 0 0 2px #999;
    margin: 2px;
    padding: 30px;
}

#campaign-ana_quiz #cam-top h2 {
    max-width: 800px;
    margin: 0 auto 40px;
}

#campaign-ana_quiz #cam-top ul {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
}

#campaign-ana_quiz #cam-top li {
    width: 20%;
}

#campaign-ana_quiz #cam-top #intro-text {
    background-color: #fff;
    font-weight: bold;
}

#campaign-ana_quiz #intro {
    background: linear-gradient(to top, #77d0ff, #e5f0ff);
}

#campaign-ana_quiz #intro h2 {
    color: #19308d;
    text-shadow: 0 0 2px #fff;
}

#campaign-ana_quiz #intro ul {
    justify-content: center;
}

#campaign-ana_quiz #intro ul li {
    width: 23%;
    margin: 0 1%;
    max-width: 110px;
    border: 2px solid #fff;
    border-radius: 10px;
    overflow: hidden;
}

#campaign-ana_quiz #intro-text {
    background-color: #fff;
    font-weight: bold;
}

#campaign-ana_quiz #quiz .week-wrap {
    border-radius: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
    margin: 3px;
}

#campaign-ana_quiz #quiz dt {
    background-color: #00a6e9;
    padding: 1em 0.5em;
    color: #fff;
    font-size: 1.2em;
    margin: 0;
}

#campaign-ana_quiz #quiz dt.this-w {
    background-color: #fbaf3c;
}

#campaign-ana_quiz #quiz dd {
    background-color: #fff;
    margin: 0;
}

#campaign-ana_quiz #quiz dd .qa-wrap {
    width: calc(100% - 200px);
}

#campaign-ana_quiz #quiz dd .quiz-wrap {
    position: relative;
    padding: 2em 1em 2em 5em;
}

#campaign-ana_quiz #quiz dd .quiz-wrap::before {
    content: "Q";
    color: #fff;
    background-color: #00a6e9;
    font-size: 1.5em;
    border-radius: 50%;
    position: absolute;
    left: 1em;
    top: 1em;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-ana_quiz #quiz dd .quiz-wrap ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}

#campaign-ana_quiz #quiz dd .quiz-wrap ul li {
    margin-right: 1em;
    word-break: keep-all;
}

#campaign-ana_quiz #quiz dd .answer-wrap {
    position: relative;
    padding: 2em 1em 2em 5em;
    border-top: 1px solid #ddd;
}

#campaign-ana_quiz #quiz dd .answer-wrap::before {
    content: "A";
    color: #fff;
    background-color: #fbaf3c;
    font-size: 1.5em;
    border-radius: 50%;
    position: absolute;
    left: 1em;
    top: 1em;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-ana_quiz #quiz dd .answer-wrap .answer-note {
    background-color: #efefef;
    padding: 1em;
    font-size: 0.9em;
}

#campaign-ana_quiz #quiz dd .prize-wrap {
    width: 200px;
    background-color: #fff6e9;
    padding: 30px 20px 10px;
    font-size: 0.7em;
    position: relative;
}

#campaign-ana_quiz #quiz dd .prize-wrap .week {
    background: url(/img/environment/label-week.png) left top no-repeat;
    background-size: contain;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-content: center;
    text-align: center;
    flex-wrap: wrap;
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: bold;
}

#campaign-ana_quiz #quiz h4 {
    font-weight: bold;
}

#campaign-ana_quiz #quiz .btn-sns {
    position: relative;
    padding-left: 1.5em;
}

#campaign-ana_quiz #quiz .btn-sns .uk-icon {
    position: absolute;
    left: 1em;
    right: auto;
    top: 13px;
}

#campaign-ana_quiz #quiz .btn-tw {
    background-color: #33A1F2;
    color: #ffffff;
    border: 1px solid #33A1F2;
}

#campaign-ana_quiz #quiz .btn-tw:hover {
    background-color: #fff;
    color: #33A1F2;
}

#campaign-ana_quiz #quiz .btn-fb {
    background-color: #3378F2;
    color: #ffffff;
    border: 1px solid #3378F2;
}

#campaign-ana_quiz #quiz .btn-fb:hover {
    background-color: #fff;
    color: #3378F2;
}

#campaign-ana_quiz #ana-detail {
    background-color: #00a6e9;
    padding: 30px;
}

#campaign-ana_quiz #ana-detail .container {
    background-color: #fff;
    padding: 0 15px;
}

#campaign-ana_quiz #ana-detail h3 {
    font-size: 2em;
}

#campaign-ana_quiz #ana-detail dl {
    margin: 0;
}

#campaign-ana_quiz #ana-detail dl dt {
    font-size: 2em;
    margin-bottom: 10px;
}

#campaign-ana_quiz #ana-detail dl dt::before {
    content: "笳�";
    display: inline;
}

#campaign-ana_quiz #ana-detail dl dd {
    text-align: left;
    margin-bottom: 2em;
    word-break: break-all;
}

#campaign-ana_quiz #ana-detail dl dd ul {
    list-style: disc;
    padding-left: 2em;
}

#campaign-ana_quiz #ana-detail dl dd #sns-note {
    list-style: none;
    padding-left: 0;
}

#campaign-ana_quiz #ana-detail dl dd #sns-note li::before {
    content: "-";
    display: inline;
    margin-right: 0.5em;
}

#campaign-ana_quiz #ana-detail dl #cam-term {
    height: 13em;
    overflow-y: scroll;
    border: 2px solid #666;
    border-radius: 10px;
    font-size: 0.8em;
    padding: 10px;
}

#campaign-ana_quiz #ana-detail #present {
    border-top: 2px solid #073D8E;
}

#campaign-ana_quiz #ana-detail #present li {
    border-bottom: 2px solid #073D8E;
    padding: 10px 0;
    align-items: flex-start;
    justify-content: space-between;
}

#campaign-ana_quiz #ana-detail #present li .img-wrap {
    width: 18%;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}

#campaign-ana_quiz #ana-detail #present li .text-wrap {
    width: 80%;
}

#campaign-ana_quiz #ana-detail #present li .text-wrap h4 {
    font-weight: bold;
    display: flex;
    align-items: center;
}

#campaign-ana_quiz #ana-detail #present li .text-wrap h4 .week {
    background: url(/img/environment/label-week.png) left top no-repeat;
    background-size: contain;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-content: center;
    text-align: center;
    flex-wrap: wrap;
}

#campaign-ana_quiz #ana-detail #present li .text-wrap h4 .week .font-s {
    width: 100%;
    font-size: 0.6em;
}

#campaign-ana_quiz #ana-detail #present li .text-wrap h4 .present-name {
    width: calc(100% - 100px);
    margin-left: 10px;
    text-align: left;
}

#campaign-ana_quiz #ana-detail #sns h3 {
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 2px solid #073D8E;
    position: relative;
}

#campaign-ana_quiz #ana-detail #sns h3:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #073D8E transparent transparent transparent;
    display: block;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 20px);
}

#campaign-ana_quiz #ana-detail #sns h3:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #fff transparent transparent transparent;
    display: block;
    position: absolute;
    bottom: -17px;
    left: calc(50% - 20px);
}

#campaign-ana_quiz #ana-detail #sns ul {
    justify-content: center;
    padding: 0;
}

#campaign-ana_quiz #ana-detail #sns li {
    max-width: 70px;
    min-width: 40px;
    width: 10%;
    margin: 0 10px;
}

#campaign-ana_quiz #ana-detail #w-chance h2 {
    background-color: #FBF000;
    padding: 0.5em;
}

#campaign-ana_quiz #ana-detail #w-chance .font-l {
    font-weight: bold;
    font-size: 1.3em;
}

#campaign-ana_quiz #ana-detail #w-chance #w-present {
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px;
    background-color: #f7f8fa;
}

#campaign-ana_quiz #ana-detail #w-chance #w-present .img-wrap {
    width: 200px;
}

#campaign-ana_quiz #ana-detail #w-chance #w-present .text-wrap {
    width: calc(100% - 240px);
}

@media screen and (max-width: 640px) {
    #campaign-ana_quiz #cam-top {
        padding: 15px;
    }

    #campaign-ana_quiz #cam-top li {
        width: 25%;
    }

    #campaign-ana_quiz #cam-desc dl dt {
        font-size: 1.5em;
    }

    #campaign-ana_quiz #cam-desc dl #cam-term {
        height: 15em;
    }

    #campaign-ana_quiz #quiz dd .qa-wrap {
        width: 100%;
    }

    #campaign-ana_quiz #quiz dd .quiz-wrap,
    #campaign-ana_quiz #quiz dd .answer-wrap {
        padding: 1em 1em 1em 3em;
    }

    #campaign-ana_quiz #quiz dd .quiz-wrap::before,
    #campaign-ana_quiz #quiz dd .answer-wrap::before {
        left: 0.2em;
        top: 0.5em;
        width: 1.5em;
        height: 1.5em;
    }

    #campaign-ana_quiz #quiz dd .prize-wrap {
        width: 100%;
        text-align: center;
    }

    #campaign-ana_quiz #quiz dd .prize-wrap .week {
        left: 10px;
        top: 10px;
    }

    #campaign-ana_quiz #quiz dd .prize-wrap img {
        width: 200px;
    }

    #campaign-ana_quiz #ana-detail {
        padding: 30px 10px;
    }

    #campaign-ana_quiz #ana-detail dl dt {
        font-size: 1.5em;
    }

    #campaign-ana_quiz #ana-detail #present li {
        position: relative;
    }

    #campaign-ana_quiz #ana-detail #present li .img-wrap {
        width: 80%;
        max-width: 250px;
        margin: 1em auto;
    }

    #campaign-ana_quiz #ana-detail #present li .text-wrap {
        width: 100%;
    }

    #campaign-ana_quiz #ana-detail #present li .text-wrap h4 .present-name {
        width: 100%;
        margin-left: 0;
    }

    #campaign-ana_quiz #ana-detail #present li .text-wrap h4 .week {
        position: absolute;
        top: 10px;
        left: 0;
    }

    #campaign-ana_quiz #ana-detail #sns h3 {
        font-size: 1.2em;
    }

    #campaign-ana_quiz #ana-detail #w-chance .font-l {
        font-size: 1em;
    }

    #campaign-ana_quiz #ana-detail #w-chance .font-l br {
        display: none;
    }

    #campaign-ana_quiz #ana-detail #w-chance #w-present {
        padding: 10px;
    }

    #campaign-ana_quiz #ana-detail #w-chance #w-present .img-wrap {
        width: 100%;
        max-width: 200px;
        margin: 0 auto 1em;
    }

    #campaign-ana_quiz #ana-detail #w-chance #w-present .text-wrap {
        width: 100%;
    }

    #campaign-ana_quiz .ana-cv {
        padding: 5px;
        font-size: 1em;
    }
}

/*** 3蜻ｨ蟷ｴ ***/
#campaign-3rdanv #intro dl {
    border-bottom: none;
}

#campaign-3rdanv #intro .wrap {
    background-color: #fff;
    border: 2px solid #d4252a;
}

#campaign-3rdanv #intro dt {
    width: 100%;
    background-color: #d4252a;
    color: #fff;
    font-size: 2em;
    padding: 0 0.5em 0 2em;
    position: relative;
}

#campaign-3rdanv #intro dt img {
    width: 1.5em;
    position: absolute;
    left: 0.2em;
    top: 0.5em;
}

#campaign-3rdanv #intro dt .font-l {
    font-size: 1.5em;
}

#campaign-3rdanv #intro dd {
    width: 100%;
    padding: 1em;
    text-align: left;
}

#campaign-3rdanv #step h2 {
    color: #333333;
}

#campaign-3rdanv #step li {
    background-color: #ffd3d5;
}

#campaign-3rdanv #step li h3 {
    color: #d4252a;
}

#campaign-3rdanv #step li:nth-child(3) img {
    max-width: 100px;
    width: 100%;
}

#campaign-3rdanv .cam-btn {
    background-color: #d4252a;
}

#campaign-3rdanv #cam-detail {
    background-color: #ffd3d5;
}

@media screen and (max-width: 960px) {
    #campaign-3rdanv #intro dt {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 480px) {
    #campaign-3rdanv #intro dt {
        padding: 0.3em 0.5em 0.3em 3em;
        font-size: 1em;
        line-height: 1.3;
    }

    #campaign-3rdanv #intro dt img {
        width: 2em;
        top: 0.2em;
    }
}

#campaign-3rdanv_greeting .bk {
    background: url(/img/campaign/3rdanv/greeting_bk.png) left top 40px no-repeat;
    background-size: contain;
}

#campaign-3rdanv_greeting .flex {
    justify-content: space-between;
}

#campaign-3rdanv_greeting .reverse {
    flex-direction: row-reverse;
}

#campaign-3rdanv_greeting #intro h1 {
    color: #52a4f3;
    font-size: 2em;
    font-weight: 900;
    line-height: 1.8;
    text-align: center;
}

#campaign-3rdanv_greeting #intro p {
    line-height: 1.8;
}

#campaign-3rdanv_greeting #intro dl .wrap {
    background-color: #fcaf49;
    color: #fff;
    border-radius: 20px;
    padding: 1em;
    text-align: center;
    width: 32%;
}

#campaign-3rdanv_greeting #intro dl .wrap dt {
    border: 2px solid #fff;
    font-weight: 900;
    font-size: 1.3em;
}

#campaign-3rdanv_greeting #intro dl .wrap dd {
    font-weight: 900;
    font-size: 2.5em;
    text-align: center;
}

#campaign-3rdanv_greeting #intro dl .wrap dd span {
    font-size: 0.5em;
}

#campaign-3rdanv_greeting .text-wrap {
    width: 56%;
}

#campaign-3rdanv_greeting .img-wrap {
    width: 40%;
}

#campaign-3rdanv_greeting .img-wrap .font-s {
    margin-top: 10px;
}

#campaign-3rdanv_greeting .img-wrap .font-s:before {
    content: "笆ｲ";
}

#campaign-3rdanv_greeting #close-text {
    text-align: center;
}

#campaign-3rdanv_greeting .vege-start {
    display: none;
}

#campaign-3rdanv_greeting #bonus-wrap {
    background-color: #eee;
    border: 1px solid #000;
    color: #333333;
    font-weight: bold;
}

#campaign-3rdanv_greeting #bonus-wrap h3 {
    background-color: #000;
    color: #fff;
    margin: 0;
    padding: 5px;
}

#campaign-3rdanv_greeting #bonus-wrap .img-wrap {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1em 0;
}

#campaign-3rdanv_greeting #bonus-wrap p {
    margin: 0 0 1em;
}

#campaign-3rdanv_greeting #bonus-wrap p span:after {
    content: "��";
}

@media screen and (max-width: 980px) {
    #campaign-3rdanv_greeting #intro h1 {
        font-size: 1.3em;
        text-align: left;
    }

    #campaign-3rdanv_greeting #intro h1 br {
        display: none;
    }

    #campaign-3rdanv_greeting #intro dl .wrap dt {
        font-size: 1em;
    }

    #campaign-3rdanv_greeting #intro dl .wrap dd {
        font-size: 2em;
    }
}

@media screen and (max-width: 840px) {
    #campaign-3rdanv_greeting #intro p {
        text-align: left;
    }

    #campaign-3rdanv_greeting #intro p br {
        display: none;
    }

    #campaign-3rdanv_greeting #intro dl .wrap dd {
        font-size: 1.5em;
    }

    #campaign-3rdanv_greeting .text-wrap {
        width: 100%;
        margin-bottom: 1em;
    }

    #campaign-3rdanv_greeting .img-wrap {
        width: 100%;
    }

    #campaign-3rdanv_greeting #close-text {
        text-align: left;
    }

    #campaign-3rdanv_greeting #close-text br {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    #campaign-3rdanv_greeting #intro p {
        text-align: left;
    }

    #campaign-3rdanv_greeting #intro dl {
        max-width: 400px;
        margin: 0 auto;
    }

    #campaign-3rdanv_greeting #intro dl .wrap {
        width: 100%;
        margin-bottom: 20px;
    }

    #campaign-3rdanv_greeting #intro dl .wrap dt {
        font-size: 1.3em;
    }

    #campaign-3rdanv_greeting #intro dl .wrap dd {
        font-size: 2.5em;
    }

    #campaign-3rdanv_greeting #bonus-wrap h3 {
        font-size: 1.1em;
    }

    #campaign-3rdanv_greeting #bonus-wrap p {
        font-size: 0.8em;
    }

    #campaign-3rdanv_greeting #bonus-wrap p span {
        display: block;
    }

    #campaign-3rdanv_greeting #bonus-wrap p span:after {
        content: "";
    }
}

#campaign-ana_yamawake h2 {
    color: #0252c6;
    text-align: center;
}

#campaign-ana_yamawake #mv img {
    border: 1px solid #eee;
}

#campaign-ana_yamawake #intro {
    background: linear-gradient(to bottom, #d3edfb, #77d7f6);
    font-weight: bold;
}

#campaign-ana_yamawake #yamawake {
    background-color: #d3edfb;
    font-weight: bold;
}

#campaign-ana_yamawake #yamawake ol {
    justify-content: space-between;
    align-items: flex-end;
    background: url(/img/campaign/yamawake/bk_yamawake.png) left top no-repeat, url(/img/campaign/yamawake/bk_wh.png) left bottom 2em no-repeat, url(/img/campaign/yamawake/bk_wh.png) center bottom 2em no-repeat, url(/img/campaign/yamawake/bk_wh.png) right bottom 2em no-repeat;
    background-size: 74% auto, 33% auto, 33% auto, 33% auto;
    padding: 40px 0 0;
}

#campaign-ana_yamawake #yamawake li {
    width: 32%;
    font-size: 1.2em;
}

#campaign-ana_yamawake #yamawake li img {
    margin-bottom: 10px;
}

#campaign-ana_yamawake #yamawake li p {
    margin: 0;
    text-align: center;
}

#campaign-ana_yamawake #yamawake dl {
    text-align: center;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}

#campaign-ana_yamawake #yamawake dl dt {
    color: #fff;
    background-color: #0252c6;
    font-size: 1.3em;
    display: inline-block;
    border-radius: 22px;
    padding: 5px 30px;
}

#campaign-ana_yamawake #yamawake dl dd {
    display: block;
    background-color: #fff;
    border: 2px solid #0252c6;
    color: #0252c6;
    font-size: 4em;
    text-align: center;
    padding: 30px 10px 0;
    margin-top: -25px;
    letter-spacing: 5px;
}

#campaign-ana_yamawake #yamawake dl dd .font-s {
    font-size: 0.5em;
    color: #333333;
    letter-spacing: 0;
}

#campaign-ana_yamawake #yamawake .note {
    font-weight: normal;
    max-width: 650px;
    margin: 1em auto 0;
    font-size: 0.8em;
}

#campaign-ana_yamawake #step li {
    background-color: #d3edfb;
}

#campaign-ana_yamawake #step li h3 {
    color: #0252c6;
}

#campaign-ana_yamawake .cam-btn {
    background-color: #0252c6;
    box-shadow: 3px 3px 0px #47c5f7;
    margin-bottom: 5px;
}

#campaign-ana_yamawake .cam-btn .uk-icon-image {
    width: 30px;
    height: 30px;
}

#campaign-ana_yamawake #cam-detail {
    background-color: #d3edfb;
}

#campaign-ana_yamawake #cam-detail h2 {
    color: #333;
}

#campaign-ana_yamawake #cam-detail h3 {
    font-size: 1em;
}

@media screen and (max-width: 960px) {
    #campaign-ana_yamawake #yamawake h2 span {
        display: none;
    }
}

@media screen and (max-width: 840px) {
    #campaign-ana_yamawake #yamawake li {
        font-size: 1em;
    }
}

@media screen and (max-width: 640px) {
    #campaign-ana_yamawake #yamawake h2 {
        font-size: 1.2em;
    }

    #campaign-ana_yamawake #yamawake ol {
        max-width: 400px;
        width: 96%;
        margin: 0 auto;
        background: none;
        padding: 0;
    }

    #campaign-ana_yamawake #yamawake li {
        width: 100%;
        background: url(/img/campaign/yamawake/bk_wh.png) center bottom 2em no-repeat;
        background-size: 100% auto;
        font-size: 1.3em;
    }

    #campaign-ana_yamawake #yamawake li:nth-child(2) {
        padding-top: 30%;
        background: url(/img/campaign/yamawake/bk_yamawake_sp1.png) center top no-repeat, url(/img/campaign/yamawake/bk_wh.png) center bottom 2em no-repeat;
        background-size: 50% auto, 100% auto;
        margin: 20px 0;
    }

    #campaign-ana_yamawake #yamawake li:nth-child(3) {
        padding-top: 18%;
        background: url(/img/campaign/yamawake/bk_yamawake_sp2.png) center top no-repeat, url(/img/campaign/yamawake/bk_wh.png) center bottom 2em no-repeat;
        background-size: 50% auto, 100% auto;
    }

    #campaign-ana_yamawake #yamawake dl dt {
        font-size: 1em;
    }

    #campaign-ana_yamawake #yamawake dl dd {
        font-size: 2em;
        padding: 20px 10px 0;
        margin-top: -18px;
    }
}

/*** 繝医Μ繝励Ν繝槭う繝ｫ ***/
#campaign-triple #intro {
    background-color: #d3edfb;
}

#campaign-triple #intro .flex {
    justify-content: space-between;
}

#campaign-triple #intro #intro1 {
    width: 67%;
}

#campaign-triple #intro #intro1 b {
    color: #358cff;
}

#campaign-triple #intro #intro1 a.icon-tri {
    color: #4ba4f1;
}

#campaign-triple #intro #intro2 {
    width: 30%;
}

#campaign-triple #intro #intro2 img {
    max-width: 400px;
    width: 100%;
}

#campaign-triple #step h2 {
    color: #0252c6;
}

#campaign-triple #step li {
    background-color: #d3edfb;
}

#campaign-triple #step li h3 {
    color: #0252c6;
}

#campaign-triple #step li:nth-child(3) img {
    max-width: 250px;
    width: 100%;
}

#campaign-triple #amc {
    text-align: center;
    background-color: #0252c6;
}

#campaign-triple #amc #amc-bk {
    background: url(/img/campaign/triple/bk_plane.png) right 20px top 20px no-repeat;
    background-size: 120px auto;
    color: #fff;
}

#campaign-triple #amc #amc-bk h2 {
    color: #fff;
}

#campaign-triple #amc #amc-bk #amc-text {
    max-width: 40em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#campaign-triple #amc .flex {
    justify-content: space-between;
}

#campaign-triple #amc .amc-wrap {
    background-color: #fff;
    color: #333;
    font-weight: bold;
}

#campaign-triple #amc .amc-wrap {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

#campaign-triple #amc .amc-wrap.amc-regist {
    width: 58%;
}

#campaign-triple #amc .amc-wrap.change-regist {
    width: 40%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
}

#campaign-triple #amc .amc-wrap.change-regist p {
    width: 100%;
}

#campaign-triple #amc .btn-edit {
    background-color: #358cff;
}

#campaign-triple #amc .change-regist .cam-btn {
    background-color: #ea5514;
    max-width: 300px;
}

#campaign-triple #amc .cam-btn {
    font-size: 1em;
    max-width: 500px;
    border-radius: 10px;
}

#campaign-triple .btn-equip {
    background-color: #00a6aa;
    box-shadow: 3px 3px 0px #00d3d8;
    margin-bottom: 5px;
}

#campaign-triple .btn-equip .uk-icon-image {
    width: 30px;
    height: 30px;
    vertical-align: text-bottom;
}

#campaign-triple #cam-detail {
    background-color: #d3edfb;
}

#campaign-triple #cam-detail h3 {
    font-size: 1em;
}

@media screen and (max-width: 840px) {
    #campaign-triple #amc .amc-wrap.amc-regist {
        width: 100%;
        margin-bottom: 1em;
    }

    #campaign-triple #amc .amc-wrap.change-regist {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    #campaign-triple #amc h2 {
        font-size: 1.2em;
    }

    #campaign-triple #intro #intro1 {
        width: 100%;
        margin-bottom: 1em;
    }

    #campaign-triple #intro #intro2 {
        width: 100%;
        text-align: center;
    }
}

/***繝ｯ繝�ヨ縺上ｓ逋ｻ蝣ｴ繧ｻ繝ｼ繝ｫ***/
#campaign-wattboysale #intro {
    background-color: #ffed85;
}

#campaign-wattboysale #intro p {
    font-size: 1.4em;
    font-weight: bold;
}

#campaign-wattboysale #intro .intro-txt {
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

#campaign-wattboysale #intro .intro-txt .color-red {
    color: #E01113;
    word-break: keep-all;
}

#campaign-wattboysale #intro .intro-txt .line-red {
    border-bottom: solid 1px #E01113;
    padding-bottom: 1px;
}

#campaign-wattboysale #intro .intro-txt br:first-child {
    display: none;
}

#campaign-wattboysale #intro .intro-wattboy .img-wattboy {
    max-width: 600px;
    margin: 0 auto;
}

#campaign-wattboysale #intro .intro-wattboy p {
    margin: 40px 0 80px;
}

#campaign-wattboysale #cam-detail {
    background-color: #7dddff;
}

#campaign-wattboysale .btn-watboy {
    position: relative;
    color: #fff;
    font-size: 1.4em;
    line-height: 1;
    background-color: #E01113;
    max-width: 600px;
    margin: 40px auto 4px;
    padding: 25px;
    display: block;
    border-radius: 20px;
    text-align: center;
    box-shadow: 3px 3px 0 #333;
}

#campaign-wattboysale .btn-watboy::before {
    content: "";
    background: url(/img/campaign/wattboysale/5off.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 70px;
    height: 70px;
    top: -27px;
    left: 21px;
    transform: rotate(-14deg);
}

@media screen and (max-width: 1020px) {
    #campaign-wattboysale #intro p {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 820px) {
    #campaign-wattboysale #intro .intro-txt {
        margin: 40px 0;
        text-align: left;
    }

    #campaign-wattboysale #intro .intro-wattboy p {
        margin: 20px 0 40px;
    }
}

@media screen and (max-width: 680px) {
    #campaign-wattboysale #intro p {
        font-size: 1em;
    }

    #campaign-wattboysale #intro .intro-wattboy p {
        text-align: left;
    }

    #campaign-wattboysale #intro .intro-wattboy p br {
        display: none;
    }

    #campaign-wattboysale .btn-watboy {
        font-size: 1.2em;
        max-width: 420px;
        padding: 25px 10px;
        border-radius: 13px;
        margin: 60px auto 4px;
    }

    #campaign-wattboysale .btn-watboy:before {
        left: 0;
        top: -40px;
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 420px) {
    #campaign-wattboysale #intro .intro-txt {
        padding: 20px 10px;
    }

    #campaign-wattboysale #intro .intro-txt br:last-child {
        display: none;
    }

    #campaign-wattboysale #intro .intro-wattboy p {
        text-align: left;
    }

    #campaign-wattboysale #intro .intro-wattboy p br {
        display: none;
    }

    #campaign-wattboysale .btn-watboy {
        font-size: 1em;
    }

    #campaign-wattboysale .btn-watboy::before {
        transform: rotate(-10deg);
    }
}

/*** J-Startup繧ｭ繝｣繝ｳ繝壹�繝ｳ ***/
#campaign-2002 {
    color: #000;
}

#campaign-2002 h2,
#campaign-2002 h3 {
    color: #000;
}

#campaign-2002 .ballon {
    position: relative;
    display: inline-block;
    padding: 0 1.5em;
}

#campaign-2002 .ballon::before,
#campaign-2002 .ballon::after {
    content: "";
    position: absolute;
    bottom: 30%;
    display: inline-block;
    width: 1.5em;
    height: 4px;
    background-color: black;
}

#campaign-2002 .ballon::before {
    left: 0;
    transform: rotate(60deg);
}

#campaign-2002 .ballon::after {
    right: 0;
    transform: rotate(-60deg);
}

#campaign-2002 #mv img {
    border: 1px solid #000;
}

#campaign-2002 #mv #mv-text {
    text-align: center;
}

#campaign-2002 #mv #mv-text p {
    font-size: 2em;
    font-weight: bold;
}

#campaign-2002 #mv #mv-text span {
    color: #23b446;
}

#campaign-2002 #intro {
    background-color: #efefef;
}

#campaign-2002 #intro .flex {
    justify-content: space-between;
    align-items: center;
}

#campaign-2002 #intro .img-wrap {
    width: 20%;
}

#campaign-2002 #intro .text-wrap {
    width: 76%;
}

#campaign-2002 #tokuten {
    background: linear-gradient(to right, #575656, #241b18);
}

#campaign-2002 #tokuten .cancel {
    text-decoration: line-through;
}

#campaign-2002 #tokuten ul li {
    background-color: #fff;
}

#campaign-2002 #tokuten ul li h3 {
    background: linear-gradient(to right, #950000, #ff0000, #950000);
    color: #fff;
    padding: 16px;
    margin-bottom: 0;
    justify-content: space-between;
    align-items: center;
}

#campaign-2002 #tokuten ul li h3 .img {
    width: 2em;
    margin: 0;
}

#campaign-2002 #tokuten ul li h3 .text {
    width: calc(100% - 2.5em);
    margin: 0;
}

#campaign-2002 #tokuten ul li h3 .new-txt {
    padding-left: 58px;
}

#campaign-2002 #tokuten ul li .text-wrap {
    padding: 20px;
    margin: 0;
}

#campaign-2002 #tokuten ul li .text-wrap .red {
    color: #ff0000;
}

#campaign-2002 #tokuten #btn-gold {
    position: relative;
    padding: 16px;
    font-weight: bold;
    color: #000;
    font-size: 1.4em;
    background: linear-gradient(to right, #e1b552 25%, #d49832 75%, #d08f29);
    max-width: 580px;
    width: 90%;
    margin: 0 auto 8px;
    display: block;
    border-radius: 40px;
    text-align: center;
    box-shadow: 0 0 8px #000;
}

#campaign-2002 #tokuten #btn-gold::before {
    content: "";
    display: block;
    width: 90px;
    height: 90px;
    background: url(/img/campaign/2002/off.png) center top no-repeat;
    background-size: contain;
    position: absolute;
    top: -32px;
    left: -24px;
}

#campaign-2002 #ex {
    background-color: #efefef;
}

#campaign-2002 #ex .red {
    color: #ff0000;
    font-size: 1.3em;
}

#campaign-2002 #ex .font-s {
    font-size: 0.7em;
}

#campaign-2002 #ex #ex-hd {
    background: linear-gradient(to right, #575656, #241b18);
    color: #fff;
    text-align: center;
    padding: 16px 8px;
}

#campaign-2002 #ex #ex-wrap {
    font-weight: bold;
    font-size: 1.6em;
    max-width: 900px;
    margin: 0 auto;
}

#campaign-2002 #ex #ex-wrap .flex {
    justify-content: space-between;
}

#campaign-2002 #ex #ex-wrap .flex .ex-detail {
    width: 30%;
    text-align: center;
    padding: 24px 4px;
}

#campaign-2002 #ex #ex-wrap .stroke {
    -webkit-text-stroke: 3px #000;
    font-size: 1.5em;
    align-self: center;
    width: 5%;
    text-align: center;
}

#campaign-2002 #ex #ex-wrap .outline {
    font-size: 0.7em;
    background-color: #000;
    color: #fff;
    padding: 2px 4px;
}

#campaign-2002 #ex #ex-wrap .pc-text {
    display: block;
}

#campaign-2002 #ex #ex-wrap .sp-text {
    display: none;
}

#campaign-2002 #ex #ex-wrap .ex-detail {
    padding: 24px 8px;
    background-color: #fff;
    box-shadow: 0 0 3px #a0a0a0;
    text-align: center;
}

#campaign-2002 #ex #ex-wrap .ex-detail p {
    margin: 0;
}

#campaign-2002 #ex #j-startup h3 {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    text-align: center;
    padding: 16px 0;
}

#campaign-2002 #ex #j-startup .flex {
    justify-content: space-between;
    max-width: 600px;
    margin: 0 auto;
}

#campaign-2002 #ex #j-startup .flex li {
    margin-top: 1em;
}

#campaign-2002 #ex #j-startup .flex li a {
    text-decoration: underline;
    color: #000;
}

#campaign-2002 #ex #j-startup .flex li::before {
    content: "笳�";
    color: #ff0000;
}

#campaign-2002 #ex .wrap900 {
    background: linear-gradient(to right, #950000, #ff0000, #950000);
    padding: 8px;
    max-width: 900px;
    margin: 0 auto;
}

#campaign-2002 #ex .wrap900 .text-wrap {
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    padding: 40px 16px;
}

#campaign-2002 #ex .wrap900 .text-wrap p {
    margin: 0;
}

#campaign-2002 #step li {
    background-color: #efefef;
}

#campaign-2002 #step li:nth-child(3) img {
    max-width: 100px;
    width: 100%;
}

#campaign-2002 #step .cam-btn {
    background: linear-gradient(to right, #950000, #ff0000, #950000);
}

#campaign-2002 #cam-detail {
    background: linear-gradient(to right, #950000, #ff0000, #950000);
}

#campaign-2002 #cam-detail .cancel {
    text-decoration: line-through;
}

#campaign-2002 #cam-detail .cam-dl .red {
    color: #ff0000;
}

@media screen and (max-width: 1020px) {
    #campaign-2002 #mv #mv-text p {
        font-size: 3.3vw;
    }
}

@media screen and (max-width: 820px) {
    #campaign-2002 #ex #ex-wrap {
        font-size: 1.2em;
    }

    #campaign-2002 #ex #ex-wrap .stroke {
        font-size: 1em;
    }

    #campaign-2002 #ex #ex-wrap #sum {
        text-align: left;
    }

    #campaign-2002 #ex .red {
        font-size: 1.1em;
    }

    #campaign-2002 #ex #j-startup h3 {
        text-align: left;
    }

    #campaign-2002 #ex .wrap900 .text-wrap br {
        display: none;
    }
}

@media screen and (max-width: 680px) {
    #campaign-2002 h2 {
        font-size: 1.3em;
    }

    #campaign-2002 h3 {
        font-size: 1.1em;
    }

    #campaign-2002 .ballon {
        padding: 0 1em;
    }

    #campaign-2002 .ballon::before,
    #campaign-2002 .ballon::after {
        height: 2px;
        bottom: 10%;
    }

    #campaign-2002 #mv #mv-text p {
        font-size: 1em;
    }

    #campaign-2002 #intro .img-wrap {
        width: 100%;
        max-width: 120px;
        margin: 0 auto 2em;
    }

    #campaign-2002 #intro .text-wrap {
        width: 100%;
    }

    #campaign-2002 #tokuten ul li h3 {
        align-items: flex-start;
    }

    #campaign-2002 #tokuten #btn-gold {
        font-size: 4vw;
    }

    #campaign-2002 #tokuten #btn-gold::before {
        width: 56px;
        height: 56px;
    }

    #campaign-2002 #ex #ex-wrap {
        font-size: 1em;
    }

    #campaign-2002 #ex #ex-wrap .flex .ex-detail {
        padding: 8px 2px;
    }

    #campaign-2002 #ex #ex-wrap .flex .ex-detail:nth-of-type(1) {
        width: 40%;
    }

    #campaign-2002 #ex #ex-wrap .flex .ex-detail:not(:nth-of-type(1)) {
        width: 25%;
    }

    #campaign-2002 #ex #ex-wrap .stroke {
        -webkit-text-stroke: 1px #000;
    }

    #campaign-2002 #ex #ex-wrap .ex-detail {
        padding: 8px 4px;
    }

    #campaign-2002 #ex #ex-wrap .pc-text {
        display: none;
    }

    #campaign-2002 #ex #ex-wrap .sp-text {
        display: block;
    }

    #campaign-2002 #ex .wrap900 .text-wrap {
        font-size: 1em;
        padding: 16px;
        text-align: left;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2002 #mv #mv-text br {
        display: none;
    }
}

.equip-wrap .icon2005 {
    width: 70px;
    position: absolute;
    top: 4px;
    left: 4px;
}

/********** cam2003 **********/
#campaign-2003 {
    /* 隕句�縺怜�騾� */
    /* 鄒ｽ縺､縺崎ｦ句�縺� */
    /* 繧ｰ繝ｩ繝��繧ｷ繝ｧ繝ｳ隕句�縺励Λ繧､繝ｳ */
    /* 閭梧勹繝�Μ繝ｼ */
    /* 閭梧勹髮ｪ縺ｮ邨先匕 */
    /*** 繧ｰ繝ｪ繝ｼ繝ｳ繧ｯ繝ｪ繧ｹ繝槭せ縺ｨ縺ｯ�� ***/
    /*** 繝励Ξ繧ｼ繝ｳ繝育ｴｹ莉� ***/
    /*** 繧ｭ繝｣繝ｳ繝壹�繝ｳ蜿ょ刈譁ｹ豕� ***/
    /*** CHANGE縺ｮ逶ｮ謖�☆譛ｪ譚･ ***/
    /*** CHANGE縺ｮ螳溽ｸｾ ***/
}

#campaign-2003 h1 {
    text-align: center;
    position: relative;
}

#campaign-2003 h1 .sub-ttl {
    display: contents;
    position: absolute;
}

#campaign-2003 h1 .sub-ttl::before {
    content: "";
    position: absolute;
    max-width: 185px;
    width: 100%;
    height: 25px;
    top: 20px;
}

#campaign-2003 .ttl-wing {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#campaign-2003 .ttl-wing::before,
#campaign-2003 .ttl-wing::after {
    content: "";
    max-width: 40px;
    width: 100%;
    height: 69px;
    margin: 0 10px;
}

#campaign-2003 .wing-gold::before,
#campaign-2003 .wing-gold::after {
    background: url(/img/campaign/2003/frame_l.png) no-repeat;
    background-size: contain;
}

#campaign-2003 .wing-black::before,
#campaign-2003 .wing-black::after {
    background: url(/img/campaign/2003/frame_l_b.png) no-repeat;
    background-size: contain;
}

#campaign-2003 .wing-gold::after,
#campaign-2003 .wing-black::after {
    transform: scale(-1, 1);
    filter: wing;
    -ms-filter: "wing";
}

#campaign-2003 .line-wrap {
    max-width: 85%;
    width: 100%;
    margin: 0 auto;
}

#campaign-2003 .line-wrap::before,
#campaign-2003 .line-wrap::after {
    content: "";
    display: block;
    height: 2px;
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
}

#campaign-2003 .line-wrap::before {
    margin-bottom: 8px;
}

#campaign-2003 .line-wrap::after {
    margin-top: 8px;
}

#campaign-2003 .line-wrap .ttl-line {
    margin: 0;
}

#campaign-2003 .line-wrap .ttl-line::before,
#campaign-2003 .line-wrap .ttl-line::after {
    content: "";
    display: block;
    height: 4px;
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
}

#campaign-2003 .line-wrap .ttl-line::before {
    margin-bottom: 24px;
}

#campaign-2003 .line-wrap .ttl-line::after {
    margin-top: 20px;
}

#campaign-2003 .color-yellow {
    color: #ffc700;
}

#campaign-2003 #green-xmas {
    background-color: #003517;
    position: relative;
}

#campaign-2003 #green-xmas::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/2003/bk_tree.png) center repeat-x;
    width: 87%;
    height: 54px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

#campaign-2003 #present,
#campaign-2003 #performance {
    background-color: #036a20;
    position: relative;
}

#campaign-2003 #present::after,
#campaign-2003 #performance::after {
    content: "";
    background: url(/img/campaign/2003/bg-wave.png) repeat-x;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: -99px;
}

#campaign-2003 #green-xmas .bg-img,
#campaign-2003 #present .bg-img,
#campaign-2003 #future .bg-img {
    position: relative;
}

#campaign-2003 #green-xmas .bg-img::before,
#campaign-2003 #green-xmas .bg-img::after,
#campaign-2003 #present .bg-img::before,
#campaign-2003 #present .bg-img::after,
#campaign-2003 #future .bg-img::before,
#campaign-2003 #future .bg-img::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 800px;
}

#campaign-2003 #green-xmas .bg-img::before,
#campaign-2003 #present .bg-img::before,
#campaign-2003 #future .bg-img::before {
    background: url(/img/campaign/2003/bk_l.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: -30px;
    left: -40px;
}

#campaign-2003 #green-xmas .bg-img::after,
#campaign-2003 #present .bg-img::after,
#campaign-2003 #future .bg-img::after {
    background: url(/img/campaign/2003/bk_r.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: -60px;
    right: -80px;
}

#campaign-2003 .wrap70 {
    margin-left: 70px;
    margin-right: 70px;
}

#campaign-2003 .container {
    position: relative;
    z-index: 10;
}

#campaign-2003 #green-xmas h1 .sub-ttl::before {
    background: url(/img/campaign/2003/green-christmas.png) no-repeat;
    background-size: contain;
}

#campaign-2003 #green-xmas .xmas-inner .flex {
    justify-content: space-between;
}

#campaign-2003 #green-xmas .xmas-inner .xmas-img {
    max-width: calc(45% - 20px);
    width: 100%;
}

#campaign-2003 #green-xmas .xmas-inner .xmas-txt {
    max-width: calc(55% - 20px);
    width: 100%;
}

#campaign-2003 #green-xmas .xmas-inner .xmas-txt h3,
#campaign-2003 #green-xmas .xmas-inner .xmas-txt p {
    color: #fff;
}

#campaign-2003 #green-xmas .xmas2 {
    margin-top: 60px;
    margin-bottom: 40px;
}

#campaign-2003 #present .bg-img {
    z-index: 1;
}

#campaign-2003 #present h1 .sub-ttl::before {
    background: url(/img/campaign/2003/present.png) no-repeat;
    background-size: contain;
}

#campaign-2003 #present .lead-txt h3 {
    text-align: center;
    color: #fff;
}

#campaign-2003 #present .lead-txt h3 .line-yellow {
    border-bottom: solid 3px #ffc700;
    padding-bottom: 4px;
}

#campaign-2003 #present .flex {
    justify-content: space-between;
}

#campaign-2003 #present .flex .present-inner {
    max-width: calc(50% - 60px);
    width: 100%;
}

#campaign-2003 #present .flex h3 {
    margin-top: 40px;
}

#campaign-2003 #present .flex p {
    color: #fff;
}

#campaign-2003 #participate {
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
}

#campaign-2003 #participate .container {
    margin-top: 70px;
}

#campaign-2003 #participate h1 .sub-ttl::before {
    background: url(/img/campaign/2003/participate.png) no-repeat;
    background-size: contain;
}

#campaign-2003 #participate .ttl-wing {
    color: #000;
}

#campaign-2003 #participate .btn-tw {
    display: block;
    max-width: 460px;
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 auto 4px;
    padding: 18px 40px 16px;
    border-radius: 50px;
    background: linear-gradient(#d21c02, #921303);
    box-shadow: 0 0 5px #8e8c35;
    color: #fff;
}

#campaign-2003 #participate .quiz-wrap {
    border: solid 3px #000;
    padding: 10px;
    margin-top: 100px;
}

#campaign-2003 #participate .quiz-inner {
    border: solid 3px #000;
    background-color: #fff;
    padding: 40px 30px 30px;
    position: relative;
}

#campaign-2003 #participate .quiz-inner .quiz-label {
    position: absolute;
    max-width: 400px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: -47px;
}

#campaign-2003 #participate .quiz-inner .quiz-label::before {
    content: "繧ｯ繧､繧ｺ";
    position: absolute;
    z-index: 1;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.7;
    left: 0;
    right: 0;
    margin: auto;
}

#campaign-2003 #participate .quiz-inner .question {
    margin-top: 40px;
    font-weight: bold;
}

#campaign-2003 #participate .quiz-inner .question .icon {
    margin-bottom: 0;
}

#campaign-2003 #participate .quiz-inner .question .flex {
    padding: 0;
    justify-content: space-around;
    font-size: 1.4em;
}

#campaign-2003 #participate .quiz-inner .answer {
    border-top: dotted 3px #000;
    margin: 20px 0 30px;
    padding-top: 20px;
}

#campaign-2003 #participate .quiz-inner .answer .answer-txt {
    font-weight: bold;
    font-size: 1.4em;
}

#campaign-2003 #participate .quiz-inner .answer .answer-note {
    background-color: #efefef;
    padding: 1em;
}

#campaign-2003 #participate .quiz-inner .icon {
    max-width: 50px;
    width: 100%;
    float: left;
    padding: 0 10px 10px 0;
}

#campaign-2003 #participate .cam-rules {
    position: relative;
}

#campaign-2003 #participate .cam-rules .rules-bg {
    background-color: #fff;
    border-radius: 14px;
    opacity: 0.68;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

#campaign-2003 #participate .cam-rules .rules-wrap {
    position: relative;
    padding: 30px;
    z-index: 1;
}

#campaign-2003 #participate .cam-rules h1 {
    color: #000;
}

#campaign-2003 #participate .cam-rules .rules-inner {
    display: none;
    background-color: #fff;
    border-radius: 14px;
    padding: 40px 30px;
    margin: 30px;
}

#campaign-2003 #participate .cam-rules .rules-detail {
    border-bottom: dotted 2px #7a7a7a;
    padding: 30px 0;
}

#campaign-2003 #participate .cam-rules .rules-detail:first-child {
    padding-top: 0;
}

#campaign-2003 #participate .cam-rules .rules-detail:last-child {
    padding-bottom: 0;
}

#campaign-2003 #participate .cam-rules .rules-detail h2 {
    position: relative;
    padding-left: 48px;
}

#campaign-2003 #participate .cam-rules .rules-detail h2::before {
    content: "";
    background: url(/img/campaign/2003/icon_snow.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
}

#campaign-2003 #participate .cam-rules .rules5 {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#campaign-2003 #participate .cam-rules .open-detail {
    max-width: 280px;
    width: 100%;
    margin: 10px auto 0;
    padding: 2px;
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
    color: #fff;
    border-radius: 25px;
    box-shadow: 0 0 3px #8e8c35;
}

#campaign-2003 #participate .cam-rules .open-detail:hover {
    cursor: pointer;
}

#campaign-2003 #participate .cam-rules .open-detail .btn-bg {
    background: linear-gradient(to top, #003517, #036a20);
    padding: 12px 0 8px;
    border-radius: 25px;
    font-weight: bold;
}

#campaign-2003 #future {
    background-color: #003517;
}

#campaign-2003 #future .sp {
    display: none;
}

#campaign-2003 #future .bg-img::before,
#campaign-2003 #future .bg-img::after {
    background-repeat: repeat-y;
    height: 100%;
}

#campaign-2003 #future .bg-img::before {
    top: 60px;
}

#campaign-2003 #future .bg-img::after {
    top: 30px;
}

#campaign-2003 #future h3,
#campaign-2003 #future p {
    color: #fff;
}

#campaign-2003 #future .container {
    padding-top: 70px;
    padding-bottom: 70px;
}

#campaign-2003 #future .flex {
    justify-content: space-between;
    align-items: flex-end;
}

#campaign-2003 #future .frame-gold {
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
}

#campaign-2003 #future .frame-gold1 {
    border-radius: 23px;
}

#campaign-2003 #future .frame-gold2 {
    background-color: #003517;
    text-align: center;
}

#campaign-2003 #future .txt-wrap {
    position: relative;
}

#campaign-2003 #future .txt-wrap .txt-inner {
    background-color: #003517;
    border-radius: 23px;
    margin: 3px;
}

#campaign-2003 #future .txt-wrap .txt-inner p {
    padding: 60px 30px 30px;
}

#campaign-2003 #future .txt-wrap .ttl-wrap {
    position: absolute;
    max-width: calc(100% - 140px);
    width: 100%;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#campaign-2003 #future .txt-wrap .ttl-wrap .frame-gold2 {
    margin: 3px;
    padding: 15px 0;
}

#campaign-2003 #future .future-wrap {
    margin-top: 40px;
}

#campaign-2003 #future .future1 {
    margin-top: 0;
}

#campaign-2003 #future .future1 .img-wrap {
    max-width: calc(35% - 40px);
    width: 100%;
}

#campaign-2003 #future .future1 .txt-wrap {
    width: 65%;
}

#campaign-2003 #future .future2 .img-wrap,
#campaign-2003 #future .future3 .img-wrap {
    max-width: calc(30% - 20px);
    width: 100%;
}

#campaign-2003 #future .future2 .txt-wrap,
#campaign-2003 #future .future3 .txt-wrap {
    width: 70%;
}

#campaign-2003 #future .future2 .img-wrap,
#campaign-2003 #future .future4 .img-wrap {
    position: relative;
}

#campaign-2003 #future .future2 .img-wrap::before,
#campaign-2003 #future .future4 .img-wrap::before {
    content: "";
    position: absolute;
}

#campaign-2003 #future .future2 {
    position: relative;
}

#campaign-2003 #future .future2::before {
    content: "";
    position: absolute;
    background: url(/img/campaign/2003/irasuto_1.png) no-repeat;
    background-size: contain;
    max-width: 163px;
    width: 100%;
    height: 220px;
    top: -90px;
    right: -60px;
}

#campaign-2003 #future .future4 {
    margin-top: 70px;
    margin-bottom: 40px;
    position: relative;
}

#campaign-2003 #future .future4::before {
    content: "";
    position: absolute;
    background: url(/img/campaign/2003/irasuto_2.png) no-repeat;
    background-size: contain;
    max-width: 212px;
    width: 100%;
    height: 181px;
    right: 0;
    bottom: 0;
}

#campaign-2003 #future .future4 .img-wrap {
    max-width: calc(45% - 30px);
}

#campaign-2003 #future .future4 .img-wrap img {
    margin-bottom: 30px;
}

#campaign-2003 #future .future4 .txt-wrap {
    width: 55%;
}

#campaign-2003 #future .future4 .txt-wrap .txt-inner p {
    padding-bottom: 0;
}

#campaign-2003 #future .future4 .sdgs-list p {
    padding: 0;
}

#campaign-2003 #future .future4 .sdgs-list .flex {
    align-items: flex-start;
    margin-bottom: 10px;
    padding: 0 30px;
}

#campaign-2003 #future .future4 .sdgs-list .sdgs-img {
    max-width: calc(20% - 20px);
}

#campaign-2003 #future .future4 .sdgs-list .sdgs-txt {
    width: 80%;
}

#campaign-2003 #future .flex:nth-child(2) {
    align-items: center;
}

#campaign-2003 #future .flex:nth-child(5) {
    align-items: flex-start;
}

#campaign-2003 #performance .lead-txt {
    color: #fff;
    text-align: center;
}

#campaign-2003 #performance .flex {
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 40px;
}

#campaign-2003 #performance .per-frame {
    max-width: calc(25% - 20px);
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 5px rgba(13, 73, 27, 0.9);
    margin: 5px;
    padding: 20px 20px 30px;
}

#campaign-2003 #performance .ttl1::before {
    background: url(/img/campaign/2003/j_1.png) no-repeat;
}

#campaign-2003 #performance .ttl2::before {
    background: url(/img/campaign/2003/j_2.png) no-repeat;
}

#campaign-2003 #performance .ttl3::before {
    background: url(/img/campaign/2003/j_3.png) no-repeat;
}

#campaign-2003 #performance .ttl4::before {
    background: url(/img/campaign/2003/j_4.png) no-repeat;
}

#campaign-2003 #performance .per-ttl {
    color: #003517;
    padding-left: 58px;
    margin-bottom: 30px;
    font-size: 1.1em;
    position: relative;
}

#campaign-2003 #performance .per-ttl::before {
    content: "";
    background-size: contain;
    position: absolute;
    width: 50px;
    height: 65px;
    top: -20px;
    left: 0;
}

#campaign-2003 #performance .per-ttl .font-s {
    font-size: 0.6em;
}

#campaign-2003 .award {
    text-align: center;
    background: linear-gradient(#320001, #640000);
}

#campaign-2003 .award h2 span {
    font-size: 1.5em;
    font-style: italic;
}

#campaign-2003 .award h3 {
    color: #fff;
    text-align: left;
    font-weight: normal;
}

#campaign-2003 .award .award-list {
    max-width: 900px;
    margin: 0 auto;
}

#campaign-2003 .award .award-list h3 {
    font-size: 1.2em;
}

#campaign-2003 .award .award-logo {
    justify-content: space-between;
    max-width: 900px;
    margin: 0 auto;
}

#campaign-2003 .award .award-logo li {
    width: 48%;
}

@media screen and (max-width: 1112px) {
    #campaign-2003 #green-xmas .xmas2 {
        margin-top: 40px;
        margin-bottom: 60px;
    }

    #campaign-2003 #future .future2,
    #campaign-2003 #future .future3 {
        margin-top: 70px;
    }

    #campaign-2003 #future .future2 .img-wrap::before {
        top: -100px;
        left: 150px;
    }
}

@media screen and (max-width: 1024px) {
    #campaign-2003 #green-xmas .xmas-inner .xmas-img {
        max-width: calc(45% - 20px);
    }

    #campaign-2003 #green-xmas .xmas-inner .xmas-txt {
        max-width: 55%;
    }

    #campaign-2003 #present .flex .present-inner {
        max-width: calc(50% - 30px);
    }

    #campaign-2003 #present .flex .present-inner h3 {
        margin-top: 20px;
    }

    #campaign-2003 #present .flex .present-inner p {
        margin-top: 10px;
    }

    #campaign-2003 #future .flex:nth-child(3),
    #campaign-2003 #future .flex:nth-child(4) {
        align-items: flex-start;
    }
}

@media screen and (max-width: 960px) {
    #campaign-2003 h1 .sub-ttl::before {
        top: 16px;
    }

    #campaign-2003 #green-xmas .bg-img,
    #campaign-2003 #present .bg-img,
    #campaign-2003 #future .bg-img {
        display: none;
    }

    #campaign-2003 .wrap70 {
        margin-left: 0;
        margin-right: 0;
    }

    #campaign-2003 #present .flex .present-inner {
        max-width: calc(50% - 20px);
    }

    #campaign-2003 #future .txt-wrap .ttl-wrap {
        max-width: calc(100% - 80px);
    }

    #campaign-2003 #future .txt-wrap .txt-inner p {
        padding: 60px 20px 20px;
    }

    #campaign-2003 #future .future1 {
        margin-top: 20px;
    }

    #campaign-2003 #future .future1 h3 br {
        display: none;
    }

    #campaign-2003 #future .future1 .img-wrap {
        max-width: calc(35% - 20px);
    }

    #campaign-2003 #future .future2::before {
        max-width: 130px;
        top: -125px;
        right: -5px;
    }

    #campaign-2003 #future .future2 .txt-wrap {
        width: 65%;
    }

    #campaign-2003 #future .future2 .img-wrap {
        max-width: calc(35% - 10px);
    }

    #campaign-2003 #future .future2 .img-wrap::before {
        max-width: 140px;
    }

    #campaign-2003 #future .future3 .img-wrap {
        max-width: calc(30% - 20px);
    }

    #campaign-2003 #future .future4 .img-wrap {
        max-width: calc(45% - 20px);
    }

    #campaign-2003 #future .future4 .img-wrap::before {
        left: initial;
        right: 0;
    }

    #campaign-2003 #future .future4 .sdgs-list .flex {
        padding: 0 20px;
    }

    #campaign-2003 #future .future4 .sdgs-list .sdgs-img {
        max-width: calc(20% - 10px);
    }

    #campaign-2003 #future .future4 .sdgs-list .sdgs-txt p {
        padding: 0;
    }

    #campaign-2003 #performance .flex {
        padding-right: 0;
        padding-left: 0;
    }

    #campaign-2003 #performance .per-frame {
        max-width: calc(25% - 10px);
    }
}

@media screen and (max-width: 820px) {

    #campaign-2003 #green-xmas::after,
    #campaign-2003 #future::after {
        width: 100%;
    }

    #campaign-2003 #future .future2::before {
        top: -90px;
        right: -10px;
        z-index: 1;
    }

    #campaign-2003 #performance .flex {
        max-width: 500px;
        margin: 0 auto;
    }

    #campaign-2003 #performance .per-frame {
        max-width: calc(50% - 10px);
    }

    #campaign-2003 #participate .container {
        margin-top: 40px;
    }
}

@media screen and (max-width: 768px) {
    #campaign-2003 .line-wrap {
        max-width: 100%;
    }

    #campaign-2003 #green-xmas .wrap70 {
        margin-left: 70px;
        margin-right: 70px;
    }

    #campaign-2003 #green-xmas .xmas-inner .xmas-img,
    #campaign-2003 #green-xmas .xmas-inner .xmas-txt {
        max-width: 100%;
    }

    #campaign-2003 #green-xmas .xmas-inner .xmas-txt {
        margin-top: 20px;
    }

    #campaign-2003 #present .lead-txt h3 .line-yellow {
        display: block;
        padding-bottom: 0;
        width: 190px;
        margin: 0 auto;
    }

    #campaign-2003 #present .flex .present-inner {
        max-width: calc(50% - 10px);
    }

    #campaign-2003 #present .flex .present-inner h3 {
        font-size: 1.3em;
    }

    #campaign-2003 #present .present-wrap {
        margin-top: 40px;
    }

    #campaign-2003 #participate .cam-rules .rules-wrap {
        padding: 30px 20px;
    }

    #campaign-2003 #participate .cam-rules .rules-inner {
        margin: 20px 0;
    }

    #campaign-2003 #participate .quiz-inner {
        padding: 30px;
    }

    #campaign-2003 #future h3 {
        font-size: 1.3em;
    }

    #campaign-2003 #future .future1 h3 br {
        display: none;
    }

    #campaign-2003 #future .future4::before {
        z-index: 1;
        max-width: 180px;
        bottom: -90px;
    }

    #campaign-2003 #future .future4 .pc {
        display: none;
    }

    #campaign-2003 #future .future4 .sp {
        display: block;
    }

    #campaign-2003 #future .future4 .txt-wrap {
        width: 100%;
    }

    #campaign-2003 #future .future4 .txt-wrap .txt-inner p {
        padding: 10px 20px;
    }

    #campaign-2003 #future .future4 .img-wrap {
        max-width: 80%;
        margin: 0 auto;
        padding-top: 60px;
    }

    #campaign-2003 #future .future4 .sdgs-list .flex {
        margin-bottom: 20px;
    }

    #campaign-2003 #future .future4 .sdgs-list .list4 {
        padding-bottom: 20px;
    }

    #campaign-2003 #future .future4 .sdgs-list .sdgs-txt p {
        padding: 0;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2003 h1 {
        font-size: 2em;
    }

    #campaign-2003 h1 .sub-ttl::before {
        max-width: 160px;
    }

    #campaign-2003 .ttl-wing::before,
    #campaign-2003 .ttl-wing::after {
        max-width: 30px;
        height: 55px;
    }

    #campaign-2003 #green-xmas .wrap70,
    #campaign-2003 #present .wrap70 {
        margin-left: 30px;
        margin-right: 30px;
    }

    #campaign-2003 #present .lead-txt h3 {
        font-size: 1.3em;
    }

    #campaign-2003 #present .flex .present-inner {
        max-width: 100%;
    }

    #campaign-2003 #present .flex .present-inner h3 {
        font-size: 1.5em;
    }

    #campaign-2003 #present .flex .present2 {
        margin-top: 40px;
    }

    #campaign-2003 #participate .cam-rules .rules-detail h2 {
        font-size: 1.5em;
        padding-left: 38px;
    }

    #campaign-2003 #participate .cam-rules .rules-detail h2::before {
        width: 30px;
        height: 30px;
    }

    #campaign-2003 #future .pc {
        display: none;
    }

    #campaign-2003 #future .sp {
        display: block;
    }

    #campaign-2003 #future .future1 .txt-wrap,
    #campaign-2003 #future .future2 .txt-wrap,
    #campaign-2003 #future .future3 .txt-wrap {
        width: 100%;
    }

    #campaign-2003 #future .future1 .img-wrap,
    #campaign-2003 #future .future2 .img-wrap,
    #campaign-2003 #future .future3 .img-wrap {
        margin: 0 auto;
    }

    #campaign-2003 #future .future1 .txt-wrap {
        margin-top: 20px;
    }

    #campaign-2003 #future .future2 .img-wrap,
    #campaign-2003 #future .future3 .img-wrap {
        padding-top: 60px;
    }

    #campaign-2003 #future .future2 .txt-wrap .txt-inner p,
    #campaign-2003 #future .future3 .txt-wrap .txt-inner p {
        padding-top: 30px;
    }

    #campaign-2003 .award .award-list {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 520px) {
    #campaign-2003 h1 {
        font-size: 1.8em;
    }

    #campaign-2003 h1 .sub-ttl::before {
        top: 5px;
    }

    #campaign-2003 #green-xmas .wrap70,
    #campaign-2003 #present .wrap70 {
        margin-left: 0;
        margin-right: 0;
    }

    #campaign-2003 #present .lead-txt h3 {
        font-size: 1em;
    }

    #campaign-2003 #present .lead-txt h3 .line-yellow {
        width: 129px;
    }

    #campaign-2003 #participate .btn-tw {
        max-width: 80%;
        padding: 18px 20px 16px;
        margin-top: 20px;
    }

    #campaign-2003 #participate .quiz-wrap {
        margin-top: 75px;
    }

    #campaign-2003 #participate .quiz-inner {
        padding: 10px 20px;
    }

    #campaign-2003 #participate .quiz-inner .quiz-label {
        max-width: 300px;
    }

    #campaign-2003 #participate .quiz-inner .quiz-label::before {
        font-size: 1em;
        line-height: 1.6;
    }

    #campaign-2003 #participate .quiz-inner .question {
        padding-bottom: 10px;
        margin-top: 30px;
    }

    #campaign-2003 #participate .quiz-inner .question .flex {
        justify-content: space-between;
    }

    #campaign-2003 #participate .quiz-inner .answer {
        margin-top: 10px;
    }

    #campaign-2003 #participate .quiz-inner .icon {
        max-width: 40px;
    }

    #campaign-2003 #participate .cam-rules .rules-wrap {
        padding: 30px 10px 20px;
    }

    #campaign-2003 #participate .cam-rules .rules-inner {
        padding: 30px 20px;
    }

    #campaign-2003 #participate .cam-rules .rules-detail {
        padding: 20px 0;
    }

    #campaign-2003 #future .txt-wrap .ttl-wrap .frame-gold2 {
        font-size: 1.3em;
    }

    #campaign-2003 #future .future1 .img-wrap,
    #campaign-2003 #future .future2 .img-wrap,
    #campaign-2003 #future .future3 .img-wrap {
        max-width: 40%;
    }

    #campaign-2003 #future .future2::before {
        max-width: 80px;
    }

    #campaign-2003 #future .future4::before {
        max-width: 160px;
        bottom: -100px;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2003 #participate .btn-tw {
        max-width: 85%;
        font-size: 1em;
    }

    #campaign-2003 #participate .btn-tw img {
        max-width: 25px;
    }

    #campaign-2003 #participate .quiz-inner .quiz-label {
        top: -40px;
    }

    #campaign-2003 #participate .quiz-inner .quiz-label::before {
        font-size: 1.3em;
        line-height: 1.7;
    }

    #campaign-2003 #future .future3 .img-wrap {
        max-width: 200px;
    }

    #campaign-2003 #future .future2 .img-wrap,
    #campaign-2003 #future .future3 .img-wrap {
        padding-top: 40px;
    }

    #campaign-2003 #future .future2 .txt-wrap .txt-inner p,
    #campaign-2003 #future .future3 .txt-wrap .txt-inner p {
        padding-top: 10px;
    }

    #campaign-2003 #future .future4::before {
        max-width: 120px;
        bottom: -135px;
    }

    #campaign-2003 #future .txt-wrap .ttl-wrap .frame-gold2 {
        font-size: 1em;
    }

    #campaign-2003 #performance .per-frame {
        padding: 20px 10px;
        max-width: 100%;
        width: 100%;
    }

    #campaign-2003 #performance .per-frame h3 {
        padding-left: 48px;
    }

    #campaign-2003 #performance .per-frame h3::before {
        width: 40px;
    }

    #campaign-2003 #performance .per-frame .per-img {
        max-width: 220px;
        margin: 0 auto;
    }

    #campaign-2003 .award h2 span {
        display: block;
    }
}

@media screen and (max-width: 375px) {

    #campaign-2003 .ttl-wing::before,
    #campaign-2003 .ttl-wing::after {
        max-width: 23px;
    }

    #campaign-2003 .ttl-wing::before {
        margin-right: 0;
    }

    #campaign-2003 .ttl-wing::after {
        margin-left: 0;
    }

    #campaign-2003 h1 {
        font-size: 1.6em;
    }

    #campaign-2003 h1 .sub-ttl::before {
        max-width: 130px;
        top: 10px;
    }

    #campaign-2003 h3 {
        font-size: 1.2em;
    }

    #campaign-2003 #present .lead-txt h3 {
        text-align: left;
    }

    #campaign-2003 #present .lead-txt h3 .line-yellow {
        display: inline;
    }

    #campaign-2003 #present .flex .present-inner h3 {
        font-size: 1.2em;
    }

    #campaign-2003 #participate .quiz-wrap {
        padding: 6px;
    }

    #campaign-2003 #participate .quiz-inner .quiz-label {
        max-width: 240px;
        top: -30px;
    }

    #campaign-2003 #participate .quiz-inner .quiz-label::before {
        line-height: 1.4;
    }

    #campaign-2003 #participate .cam-rules .rules-detail h2 {
        font-size: 1.3em;
        padding-left: 28px;
    }

    #campaign-2003 #participate .cam-rules .rules-detail h2::before {
        width: 25px;
        height: 25px;
    }

    #campaign-2003 #future .txt-wrap .ttl-wrap {
        max-width: calc(100% - 40px);
    }
}

/********** end cam2003 **********/
/*** cam2004 ***/
#campaign-2004 {
    /*** cam2004繝ｬ繧ｹ繝昴Φ繧ｷ繝� ***/
}

#campaign-2004 #intro,
#campaign-2004 #example {
    background-color: #d3edfb;
}

#campaign-2004 #mv img {
    border: solid 1px #6d6c6c;
}

#campaign-2004 #intro .font-blue {
    color: #0a1b74;
}

#campaign-2004 #intro .flex {
    align-items: center;
}

#campaign-2004 #intro .container {
    position: relative;
}

#campaign-2004 #intro .container::after {
    content: "";
    background: url(/img/campaign/2004/arrow_sarani.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#campaign-2004 #intro #intro1 {
    padding-top: 80px;
}

#campaign-2004 #intro #intro1 .frame-blue {
    border: solid 3px #1a5bb3;
    background-color: #fff;
    border-radius: 18px;
    padding: 20px 30px;
    font-size: 1.5em;
    margin: 10px;
    display: table;
}

#campaign-2004 #intro #intro1 .frame-blue p {
    display: table-cell;
    vertical-align: middle;
}

#campaign-2004 #intro #intro1 .flex {
    justify-content: center;
}

#campaign-2004 #intro #intro1 .plus-img {
    max-width: 50px;
}

#campaign-2004 #intro #intro1 .buy-over {
    position: relative;
}

#campaign-2004 #intro #intro1 .buy-over::before {
    content: "繧ｭ繝｣繝ｳ繝壹�繝ｳ譛滄俣荳ｭ";
    position: absolute;
    font-weight: bold;
    top: -2em;
    left: 30px;
    font-size: 1.5em;
}

#campaign-2004 #intro #intro1 .one-character {
    font-size: 3em;
}

#campaign-2004 #intro #intro2 {
    margin-top: 20px;
}

#campaign-2004 #intro #intro2 h1 {
    position: relative;
    text-align: center;
    color: #000;
    font-size: 0;
}

#campaign-2004 #intro #intro2 h1 br {
    display: none;
}

#campaign-2004 #intro #intro2 h1 .font-l {
    font-size: 4rem;
}

#campaign-2004 #intro #intro2 h1 .font-m {
    font-size: 3rem;
}

#campaign-2004 #intro #intro2 h1 .font-s {
    font-size: 2rem;
}

#campaign-2004 #intro #intro2 h1::before,
#campaign-2004 #intro #intro2 h1::after {
    content: "";
    position: absolute;
    max-width: 113px;
    width: 100%;
    height: 106px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#campaign-2004 #intro #intro2 h1::before {
    background: url(/img/campaign/2004/present_01.png) no-repeat;
    background-size: contain;
    left: 0;
}

#campaign-2004 #intro #intro2 h1::after {
    background: url(/img/campaign/2004/present_02.png) no-repeat;
    background-size: contain;
    right: 0;
}

#campaign-2004 #intro #intro2 img {
    max-width: 113px;
}

#campaign-2004 #mile {
    text-align: center;
}

#campaign-2004 #mile h1 {
    font-size: 3em;
    color: #2c2c2c;
}

#campaign-2004 #mile .flex {
    align-items: center;
    justify-content: space-around;
}

#campaign-2004 #mile .add-mile {
    position: relative;
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
}

#campaign-2004 #mile .add-mile::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/2004/arrow.png) no-repeat;
    background-size: contain;
    max-width: 107px;
    width: 100%;
    height: 145px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#campaign-2004 #mile .add-mile .mile-wrap {
    width: 230px;
    height: 230px;
    background-color: #1a5bb3;
    border-radius: 50%;
    color: #fff;
}

#campaign-2004 #mile .add-mile .mile-wrap .yen {
    position: relative;
}

#campaign-2004 #mile .add-mile .mile-wrap .yen::before {
    content: "(遞手ｾｼ)";
    position: absolute;
    font-size: 0.4em;
    top: -1.3em;
    left: -0.2em;
    white-space: nowrap;
}

#campaign-2004 #mile .add-mile .wh {
    background-color: #fff;
    color: #1a5bb3;
    font-weight: bold;
    font-size: 1.2em;
    border-radius: 20px;
    max-width: 155px;
    width: 100%;
    padding: 5px 0 3px;
    margin: 2.5em auto 5px;
}

#campaign-2004 #mile .add-mile .position-r {
    margin-top: 0;
    font-weight: bold;
}

#campaign-2004 #mile .add-mile .position-r .font-l {
    font-size: 4.3em;
    line-height: 1.2em;
}

#campaign-2004 #mile .add-mile .position-r .font-m {
    font-size: 2.5em;
}

#campaign-2004 #mile a {
    color: #000;
}

#campaign-2004 #mile .icon-tri::before {
    border-width: 5px 0 5px 9px;
    border-color: transparent transparent transparent #0a1b74;
}

#campaign-2004 #example h3 {
    text-align: center;
}

#campaign-2004 #example .flex {
    justify-content: space-between;
}

#campaign-2004 #example .case-inner {
    max-width: calc(50% - 40px);
    background-color: #fff;
    border-radius: 25px;
    padding: 25px 28px;
    box-shadow: 0 0 10px #085b99;
    margin: 10px;
    margin-top: calc(1.5em + 40px);
    position: relative;
}

#campaign-2004 #example .case-hd {
    margin-top: calc(1.5em + 20px);
    border-bottom: solid 3px #000;
}

#campaign-2004 #example .case-ttl {
    position: absolute;
    max-width: calc(100% - 120px);
    background-color: #1a5bb3;
    border-radius: 50px;
    padding: 10px 20px;
    left: 0;
    right: 0;
    margin: auto;
    top: -1.5em;
}

#campaign-2004 #example .case-ttl h2 {
    color: #fff;
}

#campaign-2004 #example .case-ft {
    padding-top: 25px;
}

#campaign-2004 #example .case-ft .font-pink {
    color: #fc0054;
}

#campaign-2004 #step h2 {
    color: #1a5bb3;
}

#campaign-2004 #step .step-inner {
    background-color: #d3edfb;
}

#campaign-2004 #step .step-inner h3 {
    color: #1a5bb3;
}

#campaign-2004 #amc {
    text-align: center;
    background-color: #0252c6;
}

#campaign-2004 #amc #amc-bk {
    background: url(/img/campaign/triple/bk_plane.png) right 20px top 20px no-repeat;
    background-size: 120px auto;
    color: #fff;
}

#campaign-2004 #amc #amc-bk h2 {
    color: #fff;
}

#campaign-2004 #amc #amc-bk #amc-text {
    max-width: 40em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#campaign-2004 #amc .amc-wrap {
    background-color: #fff;
    color: #333;
    font-weight: bold;
}

#campaign-2004 #amc .amc-wrap {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

#campaign-2004 #amc .amc-wrap.change-regist {
    width: 60%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
}

#campaign-2004 #amc .amc-wrap.change-regist p {
    width: 100%;
}

#campaign-2004 #amc .btn-edit {
    background-color: #358cff;
}

#campaign-2004 #amc .change-regist .cam-btn {
    background-color: #ea5514;
    max-width: 300px;
}

#campaign-2004 #amc .cam-btn {
    font-size: 1em;
    max-width: 500px;
    border-radius: 10px;
}

#campaign-2004 .btn-equip {
    background-color: #00a6aa;
    box-shadow: 3px 3px 0px #00d3d8;
    margin-bottom: 5px;
}

#campaign-2004 .btn-equip .uk-icon-image {
    width: 30px;
    height: 30px;
    vertical-align: text-bottom;
}

#campaign-2004 #cam-detail {
    background-color: #d3edfb;
}

@media screen and (max-width: 1160px) {
    #campaign-2004 #example .case-ttl h2 {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 1080px) {
    #campaign-2004 #intro #intro1 {
        padding-top: 40px;
    }

    #campaign-2004 #intro #intro1 .frame-blue {
        padding: 10px 20px;
    }

    #campaign-2004 #intro #intro1 .plus-img {
        max-width: 40px;
    }

    #campaign-2004 #intro #intro1 .buy-over::before {
        top: -1.6em;
        font-size: 1.2em;
    }

    #campaign-2004 #intro #intro2 h1::before,
    #campaign-2004 #intro #intro2 h1::after {
        max-width: 100px;
        bottom: -80px;
    }

    #campaign-2004 #example .case-ttl h2 {
        font-size: 1.5em;
    }

    #campaign-2004 #mile h1 {
        font-size: 2.5em;
    }
}

@media screen and (max-width: 960px) {
    #campaign-2004 #intro #intro1 {
        padding-top: 0;
    }

    #campaign-2004 #intro #intro1 .frame-blue {
        max-width: 40%;
        width: 100%;
        height: 104px;
    }

    #campaign-2004 #intro #intro1 .sign-up {
        text-align: center;
    }

    #campaign-2004 #intro #intro1 .buy-over::before {
        content: "";
    }

    #campaign-2004 #intro #intro1 .font-l {
        margin: 0;
    }

    #campaign-2004 #intro #intro1 .one-character {
        display: none;
    }

    #campaign-2004 #intro #intro2 h1::before,
    #campaign-2004 #intro #intro2 h1::after {
        max-width: 113px;
        top: initial;
        bottom: -40px;
    }

    #campaign-2004 #intro #intro2 h1 .new-line1 {
        display: block;
    }

    #campaign-2004 #intro #intro2 h1 .font-l {
        line-height: 0.8;
    }

    #campaign-2004 #example .case-inner {
        max-width: calc(50% - 20px);
        margin-top: 1.5em;
    }

    #campaign-2004 #example h3 {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 820px) {
    #campaign-2004 #intro #intro1 .frame-blue {
        font-size: 1.3em;
        height: 125px;
    }

    #campaign-2004 #amc .amc-wrap.change-regist {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    #campaign-2004 #example .case-hd {
        margin-top: 1.2em;
    }

    #campaign-2004 #example .case-ttl {
        max-width: calc(100% - 40px);
        padding: 10px;
        top: -1.2em;
    }

    #campaign-2004 #example .case-ttl h2 {
        font-size: 1.2em;
    }

    #campaign-2004 #example h3 {
        text-align: left;
    }

    #campaign-2004 #example h3 br {
        display: none;
    }

    #campaign-2004 #example .case-ft h2 {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 720px) {
    #campaign-2004 #intro #intro1 .frame-blue {
        height: 80px;
    }

    #campaign-2004 #intro #intro1 .buy-over {
        font-size: 1em;
    }

    #campaign-2004 #intro #intro2 h1::before,
    #campaign-2004 #intro #intro2 h1::after {
        max-width: 90px;
    }

    #campaign-2004 #intro #intro2 h1 .font-l {
        font-size: 3rem;
    }

    #campaign-2004 #intro #intro2 h1 .font-m {
        font-size: 2.5rem;
    }

    #campaign-2004 #intro #intro2 h1 .font-s {
        font-size: 1.5rem;
    }

    #campaign-2004 #mile .flex {
        justify-content: space-between;
    }

    #campaign-2004 #example .case-ft h2 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2004 #intro #intro1 .frame-blue {
        height: 100px;
        padding: 10px;
    }

    #campaign-2004 #intro #intro2 {
        margin-bottom: 90px;
    }

    #campaign-2004 #intro #intro2 h1::before,
    #campaign-2004 #intro #intro2 h1::after {
        bottom: -110px;
    }

    #campaign-2004 #intro #intro2 h1::before {
        right: 90px;
    }

    #campaign-2004 #intro #intro2 h1::after {
        left: 90px;
    }

    #campaign-2004 #mile h1 {
        font-size: 2em;
    }

    #campaign-2004 #mile .add-mile {
        max-width: 500px;
    }

    #campaign-2004 #mile .add-mile::after {
        max-width: 80px;
        height: 109px;
    }

    #campaign-2004 #mile .add-mile .mile-wrap {
        width: 200px;
        height: 200px;
    }

    #campaign-2004 #mile .add-mile .wh {
        max-width: 130px;
        font-size: 1em;
    }

    #campaign-2004 #example .case-inner {
        padding: 16px;
    }

    #campaign-2004 #example .case-ttl {
        padding: 10px 0;
    }

    #campaign-2004 #example .case-ttl h2 {
        font-size: 1em;
    }

    #campaign-2004 #example .case-ft {
        padding-top: 16px;
    }

    #campaign-2004 #example .case-ft h2 {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 520px) {
    #campaign-2004 #intro #intro1 .frame-blue {
        margin: 0;
        font-size: 1em;
    }

    #campaign-2004 #intro #intro1 .plus-img {
        max-width: 30px;
        margin: 10px;
    }

    #campaign-2004 #intro #intro1 .sign-up {
        max-width: 130px;
        padding: 10px 0;
    }

    #campaign-2004 #intro #intro1 .buy-over {
        max-width: 220px;
    }

    #campaign-2004 #intro #intro2 h1 .font-l {
        font-size: 2.8rem;
    }

    #campaign-2004 #intro #intro2 h1 .font-m {
        font-size: 2rem;
    }

    #campaign-2004 #mile h1 {
        font-size: 1.5em;
    }

    #campaign-2004 #mile .add-mile::after {
        max-width: 65px;
        height: 89px;
    }

    #campaign-2004 #mile .add-mile .mile-wrap {
        width: 160px;
        height: 160px;
    }

    #campaign-2004 #mile .add-mile .wh {
        max-width: 110px;
        padding: 3px 0 0;
        margin-top: 2em;
    }

    #campaign-2004 #mile .add-mile .position-r {
        margin-top: 8px;
    }

    #campaign-2004 #mile .add-mile .position-r .font-l {
        font-size: 3em;
    }

    #campaign-2004 #mile .add-mile .position-r .font-m {
        font-size: 2em;
    }

    #campaign-2004 #example .case-inner {
        max-width: 100%;
        padding: 25px 28px;
    }

    #campaign-2004 #example .case-ttl {
        max-width: calc(100% - 60px);
        padding: 10px 20px;
        top: -1.5em;
    }

    #campaign-2004 #example .case-ttl h2 {
        font-size: 1.5em;
    }

    #campaign-2004 #example .case-hd {
        margin-top: 2em;
    }

    #campaign-2004 #example .case-ft {
        padding-top: 25px;
    }

    #campaign-2004 #example .case-ft h2 {
        font-size: 2em;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2004 #intro #intro1 .frame-blue {
        height: 80px;
    }

    #campaign-2004 #intro #intro1 .plus-img {
        max-width: 20px;
        margin: 5px;
    }

    #campaign-2004 #intro #intro1 .sign-up {
        max-width: 90px;
        padding: 10px;
    }

    #campaign-2004 #intro #intro1 .buy-over {
        max-width: 232px;
    }

    #campaign-2004 #intro #intro2 {
        margin-bottom: 60px;
    }

    #campaign-2004 #intro #intro2 h1::before,
    #campaign-2004 #intro #intro2 h1::after {
        max-width: 70px;
    }

    #campaign-2004 #intro #intro2 h1::before {
        right: 80px;
    }

    #campaign-2004 #intro #intro2 h1::after {
        left: 65px;
    }

    #campaign-2004 #mile .add-mile {
        max-width: 350px;
    }

    #campaign-2004 #mile .add-mile .mile-wrap {
        width: 135px;
        height: 135px;
    }

    #campaign-2004 #mile .add-mile .wh {
        font-size: 0.8em;
        max-width: 100px;
    }

    #campaign-2004 #mile .add-mile .position-r .font-l {
        font-size: 2.5em;
    }

    #campaign-2004 #mile .add-mile .position-r .font-m {
        font-size: 1.5em;
    }

    #campaign-2004 #example .case-ttl h2 {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 375px) {
    #campaign-2004 #intro #intro1 .flex {
        flex-direction: column;
    }

    #campaign-2004 #intro #intro1 .frame-blue {
        max-width: 100%;
        padding: 10px 20px;
        font-size: 1.2em;
    }

    #campaign-2004 #intro #intro1 .plus-img {
        max-width: 30px;
        margin: 10px;
    }

    #campaign-2004 #intro #intro2 {
        margin-bottom: 30px;
    }

    #campaign-2004 #intro #intro2 h1::before,
    #campaign-2004 #intro #intro2 h1::after {
        bottom: -75px;
        left: initial;
        right: initial;
    }

    #campaign-2004 #intro #intro2 h1::before {
        left: 0;
    }

    #campaign-2004 #intro #intro2 h1::after {
        right: 0;
    }

    #campaign-2004 #intro #intro2 h1 .font-l {
        font-size: 3rem;
        line-height: 1;
    }

    #campaign-2004 #intro #intro2 h1 .font-m {
        font-size: 2rem;
    }

    #campaign-2004 #intro #intro2 h1 .font-s {
        font-size: 1.5rem;
    }

    #campaign-2004 #intro #intro2 h1 .new-line2 {
        display: block;
    }

    #campaign-2004 #mile .add-mile {
        max-width: 300px;
    }

    #campaign-2004 #mile .add-mile::after {
        max-width: 48px;
        height: 69px;
    }

    #campaign-2004 #mile .add-mile .mile-wrap {
        width: 122px;
        height: 122px;
    }

    #campaign-2004 #mile .add-mile .wh {
        max-width: 90px;
    }

    #campaign-2004 #mile .add-mile .position-r {
        margin-top: 0;
    }

    #campaign-2004 #mile .add-mile .position-r .font-l {
        font-size: 2.3em;
    }

    #campaign-2004 #mile .add-mile .position-r .font-m {
        font-size: 1em;
    }

    #campaign-2004 #mile .add-mile .position-r .yen::before {
        top: -1.8em;
        left: -0.5em;
    }

    #campaign-2004 #example h3 {
        font-size: 1em;
    }

    #campaign-2004 #example .case-inner {
        padding: 20px;
    }

    #campaign-2004 #example .case-hd {
        margin-top: 1.5em;
    }

    #campaign-2004 #example .case-ttl {
        top: -1em;
    }

    #campaign-2004 #example .case-ttl h2 {
        font-size: 1em;
    }

    #campaign-2004 #example .case-ft {
        padding-top: 20px;
    }

    #campaign-2004 #example .case-ft h2 {
        font-size: 1.8em;
    }
}

/*** cam2007 ***/
#campaign-2007 #intro {
    background: radial-gradient(center, circle cover, #051738 50%, #000000);
    background: -webkit-radial-gradient(center, circle cover, #051738 50%, #000000);
    background: -moz-radial-gradient(center, circle cover, #051738 50%, #000000);
    color: #fff;
}

#campaign-2007 #intro b {
    font-size: 1.1em;
}

#campaign-2007 #ex {
    background-color: #f9f6e0;
}

#campaign-2007 #ex .flex {
    justify-content: space-between;
}

#campaign-2007 #ex .ex-hd {
    background: linear-gradient(to bottom, #1a3b73, #051738);
    color: #fff;
    text-align: left;
    padding: 16px;
}

#campaign-2007 #ex .ex-hd span {
    display: inline-block;
    background-color: #fff;
    color: #051738;
    padding: 0 4px;
    font-size: 0.8em;
    vertical-align: text-bottom;
}

#campaign-2007 #ex .font-red {
    color: #FB3545;
    font-size: 1.4em;
}

#campaign-2007 #ex .ex-list {
    padding: 3px;
    align-items: center;
}

#campaign-2007 #ex .ex-list .day-wrap {
    background-color: #fff;
    box-shadow: 0 0 3px #a0a0a0;
    text-align: center;
    font-weight: bold;
    font-size: 1.6em;
    width: 48%;
    align-items: center;
    justify-content: center;
}

#campaign-2007 #ex .ex-list .day-wrap .day {
    background-color: #051738;
    color: #fff;
    padding: 4px;
    font-size: 0.8em;
}

#campaign-2007 #ex .ex-list .day-wrap .buy {
    padding: 16px;
    align-items: center;
}

#campaign-2007 #ex .ex-list .day-wrap .buy p {
    margin: 0;
    width: 100%;
}

#campaign-2007 #ex .ex-list .day-wrap .buy .notes1 {
    font-weight: normal;
    font-size: 0.5em;
    text-align: left;
}

#campaign-2007 #ex .ex-list .ex-sum {
    padding: 16px 0;
    width: 100%;
}

#campaign-2007 #ex .ex-list .stroke {
    -webkit-text-stroke: 3px #000;
    align-self: center;
    width: 4%;
    text-align: center;
    color: #000;
}

#campaign-2007 #step li {
    background-color: #f9f6e0;
}

#campaign-2007 .cam-btn {
    background: linear-gradient(to bottom, #ffed77, #fbda01);
    color: #051738;
    border: 2px solid #051738;
    border-radius: 30px;
}

#campaign-2007 #cam-detail {
    background: linear-gradient(to right, #1a3b73, #051738);
}

@media screen and (max-width: 640px) {
    #campaign-2007 #ex .ex-list .day-wrap .buy p {
        text-align: left;
        line-height: 1.2;
    }

    #campaign-2007 #ex .ex-list .day-wrap .buy p br {
        display: none;
    }
}

@media screen and (max-width: 520px) {
    #campaign-2007 #ex .flex {
        justify-content: center;
    }

    #campaign-2007 #ex .ex-list .day-wrap {
        width: 100%;
    }

    #campaign-2007 #ex .ex-list .stroke {
        margin: 8px 0;
        transform: rotate(90deg);
    }

    #campaign-2007 #ex .ex-list .ex-sum {
        padding: 16px 10px;
    }
}

/*
  *
  * 繧ｭ繝｣繝ｳ繝壹�繝ｳ2021
  *
  */
/******** 繝ｯ繝�ヨ繝励Λ繧ｹ繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2103) ********/
#campaign-2103 {
    /*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ***/
}

#campaign-2103 br {
    display: none;
}

#campaign-2103 h2 {
    font-size: 2em;
}

#campaign-2103 h3 {
    font-size: 1.5em;
}

#campaign-2103 .wrap-880 {
    max-width: 880px;
    margin-right: auto;
    margin-left: auto;
}

#campaign-2103 .padding-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

#campaign-2103 .font-yellow {
    color: #ffe600;
}

#campaign-2103 .font-blue {
    color: #001857;
}

#campaign-2103 .line-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #001857;
    margin-bottom: 40px;
}

#campaign-2103 .line-hd:before,
#campaign-2103 .line-hd::after {
    content: "";
    width: 30%;
    height: 1px;
    background-color: #001857;
}

#campaign-2103 .bg-blue {
    background-color: #f6f9fe;
}

#campaign-2103 .frame-bk {
    border: solid 1px black;
    background-color: #ffffff;
    display: inline-block;
    padding: 10px 16px 8px;
    text-align: center;
}

#campaign-2103 .btn-l {
    max-width: 520px;
    border-radius: 30px;
}

#campaign-2103 .btn-l span {
    position: initial;
}

#campaign-2103 .btn-cam {
    background: linear-gradient(to bottom, #e80023 20%, #f39800 100%);
    color: #fff;
    margin: 5px auto;
    padding: 14px 10px 12px;
    font-size: 1.3em;
    position: relative;
    font-weight: bold;
    box-shadow: 0 0 5px #001857;
}

#campaign-2103 .btn-cam::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/2103/icon_arrow.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
}

#campaign-2103 .btn-cam .icon {
    width: 38px;
    height: auto;
    margin-right: 4px;
    vertical-align: text-bottom;
}

#campaign-2103 .btn-cam .font-l {
    font-size: 1.5em;
}

#campaign-2103 .btn-cam .font-s {
    font-size: 0.6em;
}

#campaign-2103 .annotation {
    margin-top: 20px;
}

#campaign-2103 #mv #cam-end br {
    display: block;
}

#campaign-2103 #intro {
    background: url(/img/campaign/2103/bg_line.png), linear-gradient(to right, #0022ff 60%, #00a8ff 100%);
    position: relative;
    text-align: center;
}

#campaign-2103 #intro .intro-hd {
    color: #ffe600;
    text-align: center;
    margin-bottom: 40px;
    font-size: 2.6em;
}

#campaign-2103 #intro .intro-txt {
    color: #fff;
    margin-bottom: 40px;
}

#campaign-2103 #about .line-hd::before,
#campaign-2103 #about .line-hd::after {
    width: calc(50% - 6em);
}

#campaign-2103 #about .about-ex {
    text-align: center;
}

#campaign-2103 #about .about-ex .flex {
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0 2.5em;
}

#campaign-2103 #about .about-ex .flex::before {
    content: "";
    position: absolute;
    background: url(/img/docs/watplus/arrow.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 161px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#campaign-2103 #about .frame-bk {
    margin-top: 40px;
    margin-bottom: 40px;
}

#campaign-2103 #about .ex-inner {
    max-width: calc(50% - 120px);
    width: 100%;
    background-color: #fff;
    border-radius: 22px;
    box-shadow: 0 0 5px #998b7e;
    margin: 5px;
    padding: 30px 20px;
    position: relative;
    align-self: stretch;
}

#campaign-2103 #about .ex-inner::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    color: #fff;
    border-radius: 50%;
    top: -1em;
    left: -2em;
    font-size: 1.2em;
    line-height: 5.2em;
}

#campaign-2103 #about .ex-inner h3 {
    font-size: 1.2em;
}

#campaign-2103 #about .ex-inner .inner-img {
    border-bottom: dashed 1px #bfbfbf;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#campaign-2103 #about .ex-inner .inner-img img {
    height: 135px;
}

#campaign-2103 #about .before::before {
    content: "縺薙ｌ縺ｾ縺ｧ";
    background-color: #3a77bc;
}

#campaign-2103 #about .after::before {
    content: "莉雁ｾ後�";
    background-color: #2b9cf9;
}

#campaign-2103 #about .after::after {
    content: "";
    position: absolute;
    background: url(/img/docs/watplus/wat_plus_02.png) no-repeat;
    background-size: contain;
    width: 150px;
    height: 150px;
    top: 1em;
    right: -3em;
}

#campaign-2103 #point .line-hd::before,
#campaign-2103 #point .line-hd::after {
    width: calc(50% - 8em);
}

#campaign-2103 #point .flex {
    justify-content: space-between;
    align-items: center;
}

#campaign-2103 #point .point-frame {
    border: solid 3px #2b9cf9;
    background-color: #f6f9fe;
    max-width: calc(33.3333333333% - 8px);
    width: 100%;
    padding: 20px 16px;
    font-weight: bold;
    align-self: stretch;
}

#campaign-2103 #point .point-frame br {
    display: block;
}

#campaign-2103 #point .point-frame img {
    max-width: 64px;
    width: 100%;
    height: auto;
}

#campaign-2103 #point .point-frame .font-m {
    font-size: 1.2em;
}

#campaign-2103 #point .point-frame .font-s {
    font-size: 0.6em;
}

#campaign-2103 #point .point-frame .point-txt {
    max-width: calc(100% - 72px);
    width: 100%;
}

#campaign-2103 #point .point-frame .font-blue {
    color: #2b9cf9;
}

#campaign-2103 #point .notes1 {
    padding-left: 7.5em;
}

#campaign-2103 #value .line-hd::before,
#campaign-2103 #value .line-hd::after {
    width: calc(50% - 8em);
}

#campaign-2103 #value .frame-bk {
    margin-bottom: 40px;
}

#campaign-2103 #value .value-ex {
    text-align: center;
}

#campaign-2103 #value .img-wrap {
    background-color: #fff;
    box-shadow: 0 0 5px #998b7e;
    border-radius: 22px;
    padding: 40px 30px;
    margin: 5px;
}

#campaign-2103 #value .value-txt {
    margin-top: 40px;
}

#campaign-2103 #value .value-txt .line-yellow {
    font-weight: bold;
    background: linear-gradient(transparent 40%, #fffb00 0);
}

#campaign-2103 #watplus {
    padding-bottom: 0;
}

#campaign-2103 #watplus .line-hd::before,
#campaign-2103 #watplus .line-hd::after {
    width: calc(50% - 12em);
}

#campaign-2103 #watplus .watplus-img {
    max-width: 640px;
    width: 100%;
    margin: 0 auto 40px;
}

#campaign-2103 #watplus .watplus-img img {
    margin-left: 40px;
}

#campaign-2103 #watplus .watplus-detail {
    background-color: #f6f9fe;
    text-align: center;
    padding: 40px 10px 36px;
}

#campaign-2103 #watplus .font-m {
    font-size: 1.2em;
}

#campaign-2103 #watplus a.icon-tri {
    font-weight: bold;
}

#campaign-2103 #watplus a.icon-tri::before {
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #2b9cf9;
}

#campaign-2103 #cam-cmn #step {
    text-align: center;
}

#campaign-2103 #cam-cmn #step .line-hd::before,
#campaign-2103 #cam-cmn #step .line-hd::after {
    width: calc(50% - 6em);
}

#campaign-2103 #cam-cmn #step ol {
    margin-bottom: 40px;
}

#campaign-2103 #cam-cmn #step li {
    background-color: #f6f9fe;
}

#campaign-2103 #cam-detail {
    background-color: #001857;
}

@media screen and (max-width: 1024px) {
    #campaign-2103 #about .ex-inner {
        max-width: calc(50% - 100px);
    }

    #campaign-2103 #about .ex-inner h3 {
        font-size: 1em;
    }

    #campaign-2103 #about .ex-inner .inner-img img {
        height: 120px;
    }

    #campaign-2103 #about .about-ex .flex::before {
        width: 160px;
        height: 129px;
    }

    #campaign-2103 #point .point-frame br {
        display: none;
    }
}

@media screen and (max-width: 960px) {
    #campaign-2103 .frame-bk {
        font-size: 1.2em;
    }

    #campaign-2103 #intro .intro-hd {
        font-size: 2.3em;
    }

    #campaign-2103 #about .ex-inner .inner-img img {
        height: 100px;
    }

    #campaign-2103 #about .after::after {
        width: 130px;
    }

    #campaign-2103 #point .point-frame {
        padding: 16px 10px;
    }

    #campaign-2103 #watplus .line-hd::before,
    #campaign-2103 #watplus .line-hd::after {
        width: calc(50% - 8em);
    }

    #campaign-2103 #watplus .line-hd br {
        display: block;
    }
}

@media screen and (max-width: 840px) {
    #campaign-2103 #about .ex-inner::before {
        width: 80px;
        height: 80px;
        font-size: 1em;
    }
}

@media screen and (max-width: 768px) {
    #campaign-2103 h2 {
        font-size: 1.8em;
    }

    #campaign-2103 .padding-80 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #campaign-2103 #intro {
        background: url(/img/campaign/2103/bg_line.png), linear-gradient(to bottom, #0022ff 60%, #00a8ff 100%);
    }

    #campaign-2103 #intro .intro-hd br {
        display: block;
    }

    #campaign-2103 #about .about-ex .flex::before {
        width: 125px;
        height: 100px;
    }

    #campaign-2103 #about .ex-inner {
        max-width: calc(50% - 76px);
        padding: 20px 10px;
    }

    #campaign-2103 #about .ex-inner::before {
        width: 60px;
        height: 60px;
        font-size: 0.8em;
        line-height: 4.8em;
    }

    #campaign-2103 #about .ex-inner .inner-img img {
        height: 90px;
    }

    #campaign-2103 #about .after::after {
        width: 100px;
    }

    #campaign-2103 #point .flex {
        max-width: 460px;
        margin: 0 auto;
    }

    #campaign-2103 #point .point-frame {
        max-width: 100%;
        padding: 20px 16px;
    }

    #campaign-2103 #point .point2 {
        margin: 8px 0;
    }

    #campaign-2103 #watplus .watplus-img {
        max-width: 80%;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2103 h2 {
        font-size: 1.5em;
    }

    #campaign-2103 .frame-bk {
        font-size: 1em;
    }

    #campaign-2103 #about .about-ex .flex {
        max-width: 420px;
        margin: 0 auto;
    }

    #campaign-2103 #about .about-ex .flex::before {
        background: url(/img/docs/watplus/arrow_sp.png) no-repeat;
        background-size: contain;
        width: 287px;
        height: 150px;
    }

    #campaign-2103 #about .ex-inner {
        max-width: 100%;
        padding: 30px 20px;
    }

    #campaign-2103 #about .ex-inner::before {
        width: 100px;
        height: 100px;
        font-size: 1.2em;
        line-height: 5.2em;
    }

    #campaign-2103 #about .ex-inner h3 {
        font-size: 1.3em;
    }

    #campaign-2103 #about .ex-inner .inner-img img {
        height: 150px;
    }

    #campaign-2103 #about .after::after {
        width: 150px;
    }

    #campaign-2103 #about .before {
        margin-bottom: 210px;
    }

    #campaign-2103 #point .notes1 {
        padding-left: 0;
    }

    #campaign-2103 #point .notes1 .notes-span {
        position: initial;
        display: block;
    }

    #campaign-2103 #value .img-wrap {
        padding: 20px 10px;
    }

    #campaign-2103 #value .frame-bk br {
        display: block;
    }
}

@media screen and (max-width: 520px) {
    #campaign-2103 h2 {
        font-size: 1.3em;
    }

    #campaign-2103 .line-hd br {
        display: block;
    }

    #campaign-2103 .btn-l {
        max-width: 420px;
    }

    #campaign-2103 .btn-cam {
        font-size: 1em;
    }

    #campaign-2103 .btn-cam .icon {
        width: 30px;
        vertical-align: middle;
    }

    #campaign-2103 #intro .intro-hd {
        font-size: 2em;
    }

    #campaign-2103 #about .about-ex .flex {
        max-width: 320px;
    }

    #campaign-2103 #about .about-ex .flex::before {
        width: 192px;
        height: 100px;
        top: -27px;
    }

    #campaign-2103 #about .before {
        margin-bottom: 140px;
    }

    #campaign-2103 #point .line-hd::before,
    #campaign-2103 #point .line-hd::after,
    #campaign-2103 #value .line-hd::before,
    #campaign-2103 #value .line-hd::after {
        width: calc(50% - 5em);
    }

    #campaign-2103 #value .img-wrap {
        box-shadow: none;
        border-radius: 0;
        margin: 0;
    }

    #campaign-2103 #watplus .watplus-img img {
        margin-left: 35px;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2103 .padding-80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #campaign-2103 .annotation {
        margin-top: 8px;
    }

    #campaign-2103 .line-hd {
        position: relative;
        display: block;
        margin-top: 12px;
    }

    #campaign-2103 .line-hd::before,
    #campaign-2103 .line-hd::after {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
    }

    #campaign-2103 .line-hd::before {
        top: -12px;
    }

    #campaign-2103 .line-hd::after {
        bottom: -8px;
    }

    #campaign-2103 .frame-bk {
        padding: 10px 8px 8px;
    }

    #campaign-2103 #intro .intro-hd {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    #campaign-2103 #intro .intro-txt {
        margin-bottom: 20px;
    }

    #campaign-2103 #about .line-hd::before,
    #campaign-2103 #about .line-hd::after,
    #campaign-2103 #point .line-hd::before,
    #campaign-2103 #point .line-hd::after,
    #campaign-2103 #value .line-hd::before,
    #campaign-2103 #value .line-hd::after,
    #campaign-2103 #watplus .line-hd::before,
    #campaign-2103 #watplus .line-hd::after {
        width: 100%;
    }

    #campaign-2103 #cam-cmn #step .line-hd::before,
    #campaign-2103 #cam-cmn #step .line-hd::after {
        width: 100%;
    }

    #campaign-2103 #about .ex-inner {
        margin-left: 2em;
        margin-right: 2em;
    }

    #campaign-2103 #about .ex-inner::before {
        width: 80px;
        height: 80px;
        font-size: 1em;
    }

    #campaign-2103 #about .ex-inner .inner-img img {
        height: 120px;
    }

    #campaign-2103 #about .after::after {
        width: 130px;
    }

    #campaign-2103 #value .frame-bk {
        margin-bottom: 20px;
    }

    #campaign-2103 #value .frame-bk br {
        display: none;
    }

    #campaign-2103 #value .value-txt {
        margin-top: 20px;
    }

    #campaign-2103 #watplus .watplus-img {
        margin-bottom: 20px;
    }

    #campaign-2103 #watplus .watplus-img img {
        margin-left: 30px;
    }
}

@media screen and (max-width: 375px) {
    #campaign-2103 h2 {
        font-size: 1.2em;
    }

    #campaign-2103 .btn-cam {
        padding: 12px 10px 12px;
    }

    #campaign-2103 .btn-cam::after {
        right: 8px;
    }

    #campaign-2103 .btn-cam .icon {
        display: none;
    }

    #campaign-2103 .btn-cam .font-l {
        font-size: 1.3em;
    }

    #campaign-2103 #about .ex-inner h3 {
        font-size: 1em;
    }

    #campaign-2103 #about .ex-inner .inner-img img {
        height: 100px;
    }

    #campaign-2103 #watplus .watplus-img img {
        margin-left: 25px;
    }
}

/****** end 繝ｯ繝�ヨ繝励Λ繧ｹ繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2103) ******/
/****** 繝｢繝ｳ繝�ｄ蜈�そ繝ｼ繝ｫ(cam2105) ******/
#campaign-2105 {
    /* 譁�ｭ苓牡 */
    /* 閭梧勹濶ｲ */
    /* 隕句�縺苓｣�｣ｾ */
    /* 繝懊ち繝ｳ */
    /* 繧ｳ繝ｳ繝�Φ繝� */
}

#campaign-2105 .font-black {
    color: black;
}

#campaign-2105 .font-blue {
    color: #1a3891;
}

#campaign-2105 .font-yellow {
    color: #feed00;
}

#campaign-2105 .font-red {
    color: #e60012;
}

#campaign-2105 .font-white {
    color: white;
}

#campaign-2105 .bg-blue {
    background-color: #1a3891;
}

#campaign-2105 .bg-yellow {
    background-color: #feed00;
}

#campaign-2105 .bg-red {
    background-color: #e60012;
}

#campaign-2105 .bg-white {
    background-color: white;
}

#campaign-2105 .hd-deco {
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-2105 .hd-deco::before,
#campaign-2105 .hd-deco::after {
    content: "";
    width: 1.3em;
    height: 3px;
    background-color: black;
}

#campaign-2105 .hd-deco::before {
    transform: rotate(60deg);
}

#campaign-2105 .hd-deco::after {
    transform: rotate(-60deg);
}

#campaign-2105 #btn-wrap {
    display: block;
    color: #e60012;
    text-align: center;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

#campaign-2105 #btn-wrap a:hover {
    opacity: 1;
}

#campaign-2105 #btn-wrap .hd-deco::before,
#campaign-2105 #btn-wrap .hd-deco::after {
    background-color: #e60012;
    box-shadow: 2px 2px 1px white, -2px 2px 1px white, 2px -2px 1px white, -2px -2px 1px white, 2px 0px 1px white, 0px 2px 1px white, -2px 0px 1px white, 0px -2px 1px white;
}

#campaign-2105 #btn-wrap .btn-text {
    letter-spacing: 0;
    font-size: 1.2em;
    text-shadow: 2px 2px 1px white, -2px 2px 1px white, 2px -2px 1px white, -2px -2px 1px white, 2px 0px 1px white, 0px 2px 1px white, -2px 0px 1px white, 0px -2px 1px white;
    position: relative;
    top: 0.6em;
    z-index: 1;
}

#campaign-2105 #btn-wrap .btn-l {
    max-width: 520px;
    width: 100%;
}

#campaign-2105 #btn-wrap .btn-l .font-m {
    position: initial;
    font-size: 1.2em;
}

#campaign-2105 #btn-wrap .btn-l span {
    width: 1.2em;
}

#campaign-2105 #btn-wrap .btn-red {
    font-size: 1.2em;
    background-color: #e60012;
    color: white;
    border: solid 4px white;
    border-radius: 25px;
    padding: 12px 8px;
    box-shadow: 0 0 3px #1a3891;
    margin: 4px auto;
}

#campaign-2105 #btn-wrap .btn-red:hover {
    background-color: white;
    border: solid 4px #e60012;
    color: #e60012;
}

#campaign-2105 #btn-wrap .btn-red svg,
#campaign-2105 #btn-wrap .btn-red img {
    width: 30px;
}

#campaign-2105 .br-sp {
    display: none;
}

#campaign-2105 #intro #btn-wrap .btn-red,
#campaign-2105 #cv #btn-wrap .btn-red {
    position: relative;
    padding-left: 30px;
}

#campaign-2105 #intro #btn-wrap .btn-red::before,
#campaign-2105 #cv #btn-wrap .btn-red::before {
    content: "";
    position: absolute;
    background: url(/img/common/icon_watt.svg) no-repeat;
    background-size: contain;
    width: 30px;
    height: 21px;
    top: 1px;
    bottom: 0;
    right: 0;
    left: -15.8em;
    margin: auto;
}

#campaign-2105 #intro #btn-wrap .btn-red:hover::before,
#campaign-2105 #cv #btn-wrap .btn-red:hover::before {
    background: url(/img/campaign/2105/icon_watt.png) no-repeat;
    background-size: contain;
    width: 30px;
    height: 21px;
}

#campaign-2105 #intro {
    background: url(/img/campaign/2105/bg_b.png), #1a3891;
}

#campaign-2105 #intro .arrow {
    max-width: 180px;
    width: 100%;
    margin: 20px auto;
}

#campaign-2105 #intro .intro-hd {
    text-align: center;
    margin-bottom: 40px;
}

#campaign-2105 #intro .text-wrap {
    text-align: center;
}

#campaign-2105 #intro .text-wrap .font-m {
    font-size: 1.2em;
}

#campaign-2105 #intro #match {
    margin-top: 80px;
}

#campaign-2105 #intro #match .frame-blue {
    border: solid 1px #1a3891;
    background-color: white;
}

#campaign-2105 #intro #match .match-hd {
    text-align: center;
    padding: 10px;
    background-color: white;
}

#campaign-2105 #intro #match .match-inner {
    padding: 40px 40px 30px;
}

#campaign-2105 #intro #match .flex {
    justify-content: space-around;
}

#campaign-2105 #intro #match .name {
    width: 9em;
    font-weight: bold;
    text-align: center;
}

#campaign-2105 #intro #match .name span {
    display: block;
    text-align: center;
    font-size: 0.5em;
    border-radius: 25px;
}

#campaign-2105 #intro #match .catch-text {
    padding: 10px;
}

#campaign-2105 #new .hd-deco::before,
#campaign-2105 #new .hd-deco::after {
    background-color: #e60012;
}

#campaign-2105 #new .new-hd {
    text-align: center;
    padding: 10px;
}

#campaign-2105 #cheer {
    background: url(/img/campaign/2105/bg_y.png), #feed00;
}

#campaign-2105 #cheer .flex {
    justify-content: space-between;
    align-items: center;
    margin: 0 20px;
}

#campaign-2105 #cheer .text-wrap {
    width: 58%;
}

#campaign-2105 #cheer .text-wrap h3 {
    font-size: 1.8em;
}

#campaign-2105 #cheer .img-wrap {
    width: 42%;
}

#campaign-2105 #cheer #twitter {
    margin-right: 10px;
    margin-left: 10px;
}

#campaign-2105 #cheer #twitter .frame-blue {
    border: solid 2px #1a3891;
    background-color: #ffffff;
}

#campaign-2105 #cheer #twitter .img-wrap {
    max-width: 80px;
    width: 100%;
}

#campaign-2105 #cheer #twitter .text-wrap {
    width: calc(100% - 100px);
}

#campaign-2105 #campaign .lead-text {
    font-size: 1.2em;
    text-align: center;
}

#campaign-2105 #campaign #bn-wrap {
    margin-top: 20px;
}

#campaign-2105 #campaign #bn-wrap .bn-inner {
    width: 100%;
    position: relative;
}

#campaign-2105 #campaign #bn-wrap .bn-inner .cam-close {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    color: white;
    padding: 20px;
    z-index: 1;
}

#campaign-2105 #step {
    background-color: rgba(254, 237, 0, 0.2);
}

#campaign-2105 #step li {
    background-color: #ffffff;
}

#campaign-2105 #cam-detail {
    background: url(/img/campaign/2105/bg_b.png), #1a3891;
}

#campaign-2105 #cam-detail ul {
    list-style: disc;
}

@media screen and (max-width: 768px) {
    #campaign-2105 .br-pc {
        display: none;
    }

    #campaign-2105 #intro #match .match-inner {
        padding: 40px 0 30px;
    }

    #campaign-2105 #intro #match .match-inner .font-l {
        font-size: 1.5em;
    }

    #campaign-2105 #campaign .lead-text {
        font-size: 1em;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2105 .br-sp {
        display: block;
    }

    #campaign-2105 #cam-cmn h2 {
        font-size: 1.8em;
    }

    #campaign-2105 #intro .intro-hd {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 520px) {
    #campaign-2105 #cam-cmn h1 {
        font-size: 1.8em;
    }

    #campaign-2105 #cam-cmn h2 {
        font-size: 1.5em;
    }

    #campaign-2105 #cam-cmn h3 {
        font-size: 1.3em;
    }

    #campaign-2105 #btn-wrap .hd-deco::before,
    #campaign-2105 #btn-wrap .hd-deco::after {
        height: 2px;
    }

    #campaign-2105 #btn-wrap .btn-text {
        font-size: 3.5vw;
    }

    #campaign-2105 #btn-wrap .btn-red {
        font-size: 0.9em;
        letter-spacing: 0;
    }

    #campaign-2105 #btn-wrap .btn-red svg {
        width: 22px;
    }

    #campaign-2105 #intro .arrow {
        max-width: 150px;
    }

    #campaign-2105 #intro .text-wrap:nth-child(1) br {
        display: none;
    }

    #campaign-2105 #intro .text-wrap .catch-text br {
        display: none;
    }

    #campaign-2105 #intro #match .match-hd span:nth-child(1) {
        display: block;
    }

    #campaign-2105 #intro #match .match-inner {
        padding: 20px 0;
    }

    #campaign-2105 #intro #match .flex {
        flex-direction: column;
        align-items: center;
    }

    #campaign-2105 #new .hd-deco::before,
    #campaign-2105 #new .hd-deco::after {
        width: 2em;
    }

    #campaign-2105 #new .new-hd {
        font-size: 1.1em;
    }

    #campaign-2105 #new .equip-list .equip-wrap h3 {
        font-size: 1em;
    }

    #campaign-2105 #cheer .flex {
        flex-direction: column;
    }

    #campaign-2105 #cheer .text-wrap {
        width: 100%;
        text-align: center;
    }

    #campaign-2105 #cheer .text-wrap h3 {
        font-size: 1.3em;
    }

    #campaign-2105 #cheer .img-wrap {
        width: 80%;
        margin-top: 0;
    }

    #campaign-2105 #cheer #twitter .flex {
        margin: 0;
    }

    #campaign-2105 #cheer #twitter .img-wrap {
        max-width: 30px;
        margin-top: 0;
    }

    #campaign-2105 #cheer #twitter .text-wrap {
        margin-top: 10px;
        width: 100%;
    }

    #campaign-2105 #campaign #bn-wrap {
        margin-top: 0;
    }

    #campaign-2105 #campaign #bn-wrap .bn-inner {
        width: 100%;
        margin: 10px 0;
    }
}

/**** end 繝｢繝ｳ繝�ｄ蜈�そ繝ｼ繝ｫ(cam2105) ****/
/********* ANA(cam2107) *********/
#campaign-2107 {
    /* 濶ｲ */
    /*** 譚｡莉ｶ ***/
}

#campaign-2107 .wrap-840 {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}

#campaign-2107 .br-sp {
    display: none;
}

#campaign-2107 .padding-l {
    padding-top: 80px;
    padding-bottom: 80px;
}

#campaign-2107 .paddig-s {
    padding: 20px;
}

#campaign-2107 .font-m {
    font-size: 1.3em;
}

#campaign-2107 .font-black {
    color: #382705;
}

#campaign-2107 .font-yellow {
    color: #fff100;
}

#campaign-2107 .font-white {
    color: white;
}

#campaign-2107 .font-green {
    color: #53bdbd;
}

#campaign-2107 .bg-pink {
    background-color: #ea6899;
}

#campaign-2107 .bg-white {
    background-color: #ffffff;
}

#campaign-2107 .bg-green {
    background: #53bdbd;
}

#campaign-2107 .terms2107 {
    background: #fceef2;
    position: relative;
}

#campaign-2107 .terms2107 .terms-hd {
    text-align: center;
    padding-bottom: 10px;
}

#campaign-2107 .terms2107 .frame-pink {
    border: solid 5px #ea6899;
    background-color: #ffffff;
    margin: 10px auto;
}

#campaign-2107 .terms2107 .frame-pink .flex {
    justify-content: space-between;
    align-items: center;
}

#campaign-2107 .terms2107 .frame-pink .img-wrap {
    width: 17%;
}

#campaign-2107 .terms2107 .frame-pink .text-wrap {
    width: 80%;
    font-weight: bold;
}

#campaign-2107 .terms2107 .frame-pink .text-wrap .terms-text {
    color: #382705;
}

#campaign-2107 .terms2107 .frame-pink .text-wrap .font-m {
    font-size: 1.6em;
}

#campaign-2107 .terms2107 .frame-pink .text-wrap .font-s {
    font-size: 0.6em;
}

#campaign-2107 .terms2107 .frame-pink .text-wrap .label {
    margin-top: 5px;
    padding: 10px;
}

#campaign-2107 #add-mile .flex {
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

#campaign-2107 #add-mile .flex .mile-wrap {
    width: 280px;
    height: 280px;
    border-radius: 50%;
}

#campaign-2107 #add-mile .flex .mile-wrap .yen {
    position: relative;
}

#campaign-2107 #add-mile .flex .mile-wrap .yen::before {
    content: "(遞手ｾｼ)";
    position: absolute;
    font-size: 0.4em;
    top: -1.3em;
    left: -0.2em;
    white-space: nowrap;
}

#campaign-2107 #add-mile .flex .mile-arrow {
    width: 130px;
}

#campaign-2107 #add-mile .flex .bg-white {
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 20px;
    max-width: 185px;
    width: 100%;
    padding: 2px 4px;
    margin: 2.5em auto 5px;
}

#campaign-2107 #add-mile .flex .position-r {
    margin-top: 0;
    font-weight: bold;
}

#campaign-2107 #add-mile .flex .position-r .font-l {
    font-size: 5em;
    line-height: 1.3em;
}

#campaign-2107 #add-mile .flex .position-r .font-m {
    font-size: 2.5em;
}

#campaign-2107 #add-mile a.icon-tri::before {
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #f22f7e;
}

#campaign-2107 .ex2107 {
    background-color: #cbefe9;
}

#campaign-2107 .ex2107 .lead-text {
    text-align: center;
}

#campaign-2107 .ex2107 .bg-white {
    border-radius: 25px;
    box-shadow: 0 0 10px rgba(8, 91, 153, 0.3);
    margin: 10px;
}

#campaign-2107 .ex2107 .ex-wrap {
    position: relative;
}

#campaign-2107 .ex2107 .ex-wrap .ex-hd {
    position: absolute;
    width: 90%;
    padding: 10px;
    border-radius: 30px;
    left: 0;
    right: 0;
    margin: auto;
    top: -1.5em;
}

#campaign-2107 .ex2107 .ex-wrap .ex-hd .font-m {
    font-size: 1.5em;
}

#campaign-2107 .ex2107 .flex {
    justify-content: space-between;
    padding-top: 40px;
}

#campaign-2107 .ex2107 .flex .text-wrap {
    width: 78%;
    font-weight: bold;
}

#campaign-2107 .ex2107 .flex .text-wrap .font-l {
    font-size: 2em;
}

#campaign-2107 .ex2107 .flex .text-wrap .add-wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 10px;
    line-height: 1.2;
    border-bottom: solid 5px #382705;
}

#campaign-2107 .ex2107 .flex .text-wrap .add-wrap span {
    display: block;
    font-weight: normal;
    font-size: 0.6em;
}

#campaign-2107 .ex2107 .flex .text-wrap .add-wrap .bg-black {
    background-color: #382705;
    padding: 4px;
    margin-bottom: 4px;
}

#campaign-2107 .ex2107 .flex .text-wrap .add-wrap .plus {
    font-size: 2em;
    line-height: 1;
    margin: 0;
}

#campaign-2107 .ex2107 .flex .text-wrap .add-mile,
#campaign-2107 .ex2107 .flex .text-wrap .total-wrap {
    margin: 0;
}

#campaign-2107 .ex2107 .flex .text-wrap .total-wrap .font-pink {
    color: #f22f7e;
    font-size: 1.8em;
}

#campaign-2107 .ex2107 .flex .text-wrap .add-mile .font-s {
    font-size: 0.6em;
}

#campaign-2107 .ex2107 .flex .text-wrap .add-mile .bg-bk {
    padding: 4px;
}

#campaign-2107 .ex2107 .flex .img-wrap {
    width: 20%;
}

#campaign-2107 #step li {
    background-color: #fceef2;
}

#campaign-2107 #step li h3 {
    color: #f22f7e;
}

#campaign-2107 #step #amc {
    text-align: center;
    background-color: #0252c6;
}

#campaign-2107 #step #amc #amc-bk {
    background: url(/img/campaign/triple/bk_plane.png) right 20px top 20px no-repeat;
    background-size: 120px auto;
    color: white;
    padding: 30px;
}

#campaign-2107 #step #amc #amc-bk h2 {
    color: white;
}

#campaign-2107 #step #amc #amc-bk #amc-text {
    max-width: 40em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#campaign-2107 #step #amc .amc-wrap {
    background-color: #ffffff;
    color: #333;
    font-weight: bold;
}

#campaign-2107 #step #amc .amc-wrap {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

#campaign-2107 #step #amc .amc-wrap.change-regist {
    max-width: 640px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
}

#campaign-2107 #step #amc .amc-wrap.change-regist p {
    width: 100%;
}

#campaign-2107 #step #amc .change-regist .cam-btn {
    background-color: #ea5514;
    max-width: 300px;
}

#campaign-2107 #step #amc .cam-btn {
    font-size: 1em;
    max-width: 500px;
    border-radius: 10px;
}

#campaign-2107 .btn-equip {
    background-color: #f22f7e;
    box-shadow: 3px 3px 0px #ea6899;
    margin-bottom: 5px;
}

#campaign-2107 #cam-detail dl {
    border-bottom: 1px solid #382705;
    color: #382705;
}

#campaign-2107 #cam-detail dl .cam-dl {
    border-top: 1px solid #382705;
}

#campaign-2107 .arrow-more::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/2107/arrow_more.png) no-repeat;
    background-size: contain;
    width: 400px;
    height: 120px;
    right: 0;
    left: 0;
    margin: auto;
}

@media screen and (max-width: 840px) {
    #campaign-2107 .terms .terms-hd {
        font-size: 1.8em;
    }

    #campaign-2107 .terms .frame-pink .text-wrap .font-m {
        font-size: 1.3em;
    }

    #campaign-2107 #add-mile .wrap-800 {
        max-width: 640px;
    }

    #campaign-2107 #add-mile .flex .mile-wrap {
        width: 230px;
        height: 230px;
    }

    #campaign-2107 #add-mile .flex .mile-arrow {
        width: 100px;
    }

    #campaign-2107 #add-mile .flex .bg-white {
        font-size: 1.3em;
    }

    #campaign-2107 #add-mile .flex .position-r .font-l {
        font-size: 4em;
    }

    #campaign-2107 .ex2107 .lead-text {
        font-size: 1.2em;
    }

    #campaign-2107 .ex2107 .ex-wrap .ex-hd .font-m {
        font-size: 1.1em;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2107 .br-pc {
        display: none;
    }

    #campaign-2107 .padding-l {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #campaign-2107 .padding-s {
        padding: 10px;
    }

    #campaign-2107 .terms2107 .terms-hd {
        font-size: 1.3em;
    }

    #campaign-2107 .terms2107 .flex .text-wrap .br-sp {
        display: block;
    }

    #campaign-2107 .terms2107 .flex .text-wrap .label {
        font-size: 1.5em;
        line-height: 1.2;
    }

    #campaign-2107 #add-mile h2 {
        font-size: 1.5em;
    }

    #campaign-2107 #add-mile .wrap-800 {
        max-width: 520px;
    }

    #campaign-2107 #add-mile .flex .mile-wrap {
        width: 200px;
        height: 200px;
    }

    #campaign-2107 #add-mile .flex .mile-arrow {
        width: 80px;
    }

    #campaign-2107 #add-mile .flex .bg-white {
        font-size: 1em;
        max-width: 130px;
        margin-top: 3em;
    }

    #campaign-2107 #add-mile .flex .position-r .font-l {
        font-size: 3.5em;
    }

    #campaign-2107 #add-mile .flex .position-r .font-m {
        font-size: 1.8em;
    }

    #campaign-2107 #add-mile a.font-m {
        font-size: 1em;
    }

    #campaign-2107 .ex2107 .lead-text .br-pc {
        display: none;
    }

    #campaign-2107 .ex2107 .ex-wrap .ex-hd {
        line-height: 1.2;
    }

    #campaign-2107 .ex2107 .ex-wrap .ex-hd .br-sp {
        display: block;
    }

    #campaign-2107 .ex2107 .flex {
        flex-direction: column-reverse;
    }

    #campaign-2107 .ex2107 .flex .text-wrap {
        width: 100%;
    }

    #campaign-2107 .ex2107 .flex .text-wrap .font-l {
        font-size: 1.2em;
    }

    #campaign-2107 .ex2107 .flex .img-wrap {
        max-width: 116px;
        width: 100%;
        margin: 20px auto;
    }

    #campaign-2107 .arrow-more {
        padding-bottom: 80px;
    }

    #campaign-2107 .arrow-more:after {
        width: 320px;
        height: 96px;
    }
}

@media screen and (max-width: 520px) {
    #campaign-2107 .terms2107 .intro-hd {
        font-size: 1.3em;
    }

    #campaign-2107 .terms2107 .intro-hd .br-pc {
        display: none;
    }

    #campaign-2107 .terms2107 .flex {
        position: relative;
    }

    #campaign-2107 .terms2107 .flex .img-wrap {
        position: absolute;
        max-width: 60px;
        width: 100%;
        top: 0;
    }

    #campaign-2107 .terms2107 .flex .text-wrap {
        width: 100%;
    }

    #campaign-2107 .terms2107 .flex .text-wrap .terms-text {
        padding-left: 68px;
        line-height: 1.3;
        font-size: 1.3em;
    }

    #campaign-2107 .terms2107 .flex .text-wrap .label {
        font-size: 1.3em;
        margin-top: 10px;
    }

    #campaign-2107 #add-mile h2 {
        font-size: 1.2em;
    }

    #campaign-2107 #add-mile .wrap-800 {
        max-width: 200px;
    }

    #campaign-2107 #add-mile .flex .mile-arrow {
        transform: rotate(90deg);
        margin: 0 auto;
    }

    #campaign-2107 .ex2107 .lead-text {
        font-size: 1.1em;
    }

    #campaign-2107 .ex2107 .ex-wrap .ex-hd .font-m {
        font-size: 1em;
    }

    #campaign-2107 .ex2107 .flex .text-wrap .add-wrap {
        flex-direction: column;
        text-align: center;
        font-size: 1.8em;
    }

    #campaign-2107 .ex2107 .flex .text-wrap .add-wrap .plus {
        margin-bottom: 16px;
    }

    #campaign-2107 .ex2107 .flex .img-wrap {
        margin-top: 0;
    }

    #campaign-2107 #step #amc #amc-bk {
        padding: 30px 0;
    }
}

#campaign-2107 .arrow-more {
    padding-bottom: 60px;
}

#campaign-2107 .arrow-more:after {
    width: 240px;
}

/******* end ANA(cam2107) *******/
/******* 雉�肇縺ｮ譌･(cam2108) *******/
#campaign-2108 {
    /*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ***/
}

#campaign-2108 .padding-l {
    padding-top: 80px;
    padding-bottom: 80px;
}

#campaign-2108 .hd-line {
    display: inline-block;
    border-bottom: solid 5px black;
    color: black;
    padding-bottom: 6px;
}

#campaign-2108 .text-wrap p {
    color: black;
}

#campaign-2108 .sp-br {
    display: none;
}

#campaign-2108 .mv-wrap {
    width: 100%;
}

#campaign-2108 .mv-wrap .uk-close {
    top: -30px;
    right: -30px;
}

#campaign-2108 #intro .intro-hd {
    color: #37baf4;
    font-size: 1.6em;
}

#campaign-2108 #dialogue {
    background-color: #abddef;
    text-align: center;
}

#campaign-2108 #dialogue p {
    color: black;
}

#campaign-2108 #dialogue .lead-text {
    font-size: 1.1em;
}

#campaign-2108 #dialogue #movie-wrap .mv-text h3 {
    color: black;
}

#campaign-2108 #dialogue #movie-wrap .mv-img {
    background-color: #ffffff;
    padding: 30px;
}

#campaign-2108 #dialogue #movie-wrap .contents-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#campaign-2108 #dialogue #movie-wrap .contents-wrap iframe {
    border: solid 1px #999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#campaign-2108 #dialogue .flex {
    justify-content: center;
}

#campaign-2108 #dialogue .btn-wrap a {
    color: white;
}

#campaign-2108 #dialogue .btn-wrap a:hover {
    opacity: 1;
}

#campaign-2108 #dialogue .btn-wrap .btn-m {
    max-width: 320px;
    margin: 10px;
}

#campaign-2108 #dialogue .btn-wrap .btn-pink {
    background-color: #fe7ab2;
    border: solid 1px #fe7ab2;
}

#campaign-2108 #dialogue .btn-wrap .btn-pink:hover {
    color: #fc3d9d;
    background-color: white;
}

#campaign-2108 #dialogue .btn-wrap .btn-pink:hover .cls-1 {
    fill: #fc3d9d;
}

#campaign-2108 #dialogue .btn-wrap .btn-change {
    background-color: #00b1ff;
    border: solid 1px #00b1ff;
}

#campaign-2108 #dialogue .btn-wrap .btn-change:hover {
    color: #00a4ff;
    background-color: white;
}

#campaign-2108 #dialogue .btn-wrap .btn-change:hover .cls-1 {
    fill: #00a4ff;
}

#campaign-2108 #point {
    background: url(/img/campaign/2108/bk_img.png);
    background-repeat: repeat;
    text-align: center;
    box-shadow: 0 6px 13px rgba(0, 125, 201, 0.4);
    position: relative;
    z-index: 1;
}

#campaign-2108 #point .sp {
    display: none;
}

#campaign-2108 #point .flex {
    justify-content: space-between;
}

#campaign-2108 #point .point-wrap {
    width: 32%;
}

#campaign-2108 #ex {
    text-align: center;
    background-color: #f3fafd;
}

#campaign-2108 #ex h3 {
    font-size: 1.3em;
}

#campaign-2108 #ex .flex {
    justify-content: space-between;
    align-items: center;
}

#campaign-2108 #ex .text-wrap {
    width: 52%;
    background-color: white;
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(55, 186, 244, 0.6);
    margin: 12px;
    padding: 30px;
    position: relative;
}

#campaign-2108 #ex .text-wrap .bg-blue {
    position: absolute;
    background-color: #5ac1f6;
    padding: 8px 16px;
    color: white;
    width: calc(100% - 40px);
    top: -1em;
    right: 0;
    left: 0;
    margin: auto;
}

#campaign-2108 #ex .img-wrap {
    width: 42%;
}

#campaign-2108 #ex dl {
    color: black;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.8;
}

#campaign-2108 #ex dl .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#campaign-2108 #ex dl dt {
    width: 54%;
    position: relative;
    padding-left: 1.3em;
    text-align: left;
}

#campaign-2108 #ex dl dt::before {
    content: "";
    position: absolute;
    background-color: #37baf4;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#campaign-2108 #ex dl dd {
    width: 46%;
    text-align: left;
}

#campaign-2108 #ex a {
    color: white;
}

#campaign-2108 #ex .btn-m {
    max-width: calc(100% - 40px);
    border-radius: 19px;
    font-size: 1.2em;
}

#campaign-2108 #ex .btn-pink {
    background-color: #fc3d9d;
    border: solid 1px #fc3d9d;
}

#campaign-2108 #ex .btn-pink:hover {
    background-color: white;
    color: #fc3d9d;
    opacity: 1;
}

#campaign-2108 #ex .notes1 {
    width: calc(100% - 40px);
    margin: 10px auto 0;
}

#campaign-2108 #ex #wat-sell {
    text-align: center;
    color: black;
}

#campaign-2108 #ex #wat-sell #formula {
    border: solid 3px #37baf4;
    background-color: white;
    font-weight: bold;
    color: #00b1ff;
    font-size: 1.2em;
}

#campaign-2108 #ex #wat-sell #formula br {
    display: none;
}

#campaign-2108 #step h2 {
    color: black;
}

#campaign-2108 #step li {
    background-color: #d7f7ff;
}

#campaign-2108 #step li h3 {
    color: #fc3d9d;
}

#campaign-2108 #step a {
    color: white;
}

#campaign-2108 #step .btn-l {
    max-width: 400px;
}

#campaign-2108 #step .btn-l span {
    padding-top: 7px;
}

#campaign-2108 #step .cam-btn {
    background-color: #fc3d9d;
    box-shadow: 3px 4px 0 #fe7ab2;
    margin: 5px;
    padding: 10px;
}

#campaign-2108 #step .cam-btn .icon {
    width: 1.4em;
    vertical-align: sub;
}

#campaign-2108 #cam-detail {
    background-color: #37baf4;
}

#campaign-2108 #cam-detail h2,
#campaign-2108 #cam-detail dl {
    color: black;
}

#campaign-2108 #cam-detail .font-red {
    color: #e60012;
}

#campaign-2108 #cam-detail dl {
    border-bottom: solid 1px black;
}

#campaign-2108 #cam-detail ul {
    list-style-type: disc;
}

@media screen and (max-width: 960px) {
    #campaign-2108 #intro .sp-br {
        display: block;
    }

    #campaign-2108 #ex .wrap880 {
        max-width: 768px;
    }

    #campaign-2108 #ex .text-wrap {
        padding: 20px;
        margin: 12px auto;
    }

    #campaign-2108 #ex h3 {
        font-size: 1em;
    }

    #campaign-2108 #ex .btn-m,
    #campaign-2108 #ex .notes1 {
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    #campaign-2108 #ex .wrap-880 {
        max-width: 640px;
    }

    #campaign-2108 #ex .text-wrap {
        width: 59%;
    }

    #campaign-2108 #ex .text-wrap .bg-wrap {
        padding: 8px;
    }

    #campaign-2108 #ex .img-wrap {
        width: 37%;
    }

    #campaign-2108 #ex #wat-sell {
        text-align: left;
    }

    #campaign-2108 #ex #wat-sell #formula {
        font-size: 1em;
    }

    #campaign-2108 #ex #wat-sell #formula br {
        display: block;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2108 .padding-l {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #campaign-2108 #intro .intro-hd {
        font-size: 1.3em;
    }

    #campaign-2108 #dialogue h1 {
        font-size: 1.8em;
    }

    #campaign-2108 #dialogue .lead-text {
        text-align: left;
    }

    #campaign-2108 #dialogue .lead-text .pc-br {
        display: none;
    }

    #campaign-2108 #dialogue #movie-wrap {
        padding: 10px;
    }

    #campaign-2108 #dialogue #movie-wrap .mv-text h3 {
        font-size: 1.2em;
    }

    #campaign-2108 #dialogue #movie-wrap .mv-text p {
        text-align: left;
    }

    #campaign-2108 #dialogue #movie-wrap .mv-img {
        padding: 0;
    }

    #campaign-2108 #point .pc {
        display: none;
    }

    #campaign-2108 #point .sp {
        display: block;
    }

    #campaign-2108 #point h1 {
        font-size: 1.8em;
    }

    #campaign-2108 #point .sp-br {
        display: block;
    }

    #campaign-2108 #point .flex {
        justify-content: center;
    }

    #campaign-2108 #point .point-wrap {
        max-width: 400px;
        width: 100%;
        position: relative;
        text-align: left;
        padding: 10px;
        padding-left: 60px;
        background-color: #59bdf2;
        border-radius: 50px;
        margin: 12px 8px 12px 16px;
    }

    #campaign-2108 #point .point-wrap::before {
        content: "";
        position: absolute;
        width: 65px;
        height: 65px;
        top: 0;
        bottom: 0;
        left: -10px;
        margin: auto;
    }

    #campaign-2108 #point .point-wrap p {
        margin: 0;
        color: white;
    }

    #campaign-2108 #point .point1::before {
        background: url(/img/campaign/2108/point_1_sp.png) no-repeat;
        background-size: contain;
    }

    #campaign-2108 #point .point2::before {
        background: url(/img/campaign/2108/point_2_sp.png) no-repeat;
        background-size: contain;
    }

    #campaign-2108 #point .point3::before {
        background: url(/img/campaign/2108/point_3_sp.png) no-repeat;
        background-size: contain;
    }

    #campaign-2108 #ex h1 {
        font-size: 1.8em;
    }

    #campaign-2108 #ex .wrap-880 {
        max-width: 420px;
    }

    #campaign-2108 #ex .flex {
        flex-direction: column-reverse;
    }

    #campaign-2108 #ex .text-wrap {
        width: 100%;
    }

    #campaign-2108 #ex .img-wrap {
        max-width: 320px;
        width: 100%;
        margin: 0 auto 20px;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2108 .hd-line {
        border-bottom: solid 3px #000;
    }

    #campaign-2108 .cam-btn {
        font-size: 1.2em;
    }

    #campaign-2108 #intro .intro-hd {
        font-size: 1.1em;
    }

    #campaign-2108 #dialogue h1 {
        font-size: 1.5em;
    }

    #campaign-2108 #dialogue #movie-wrap {
        padding: 0;
    }

    #campaign-2108 #point h1 {
        font-size: 1.5em;
    }

    #campaign-2108 #point .point-wrap {
        max-width: 300px;
        padding-left: 73px;
    }

    #campaign-2108 #point .point-wrap::before {
        width: 90px;
        height: 90px;
        left: -22px;
    }

    #campaign-2108 #ex h1 {
        font-size: 1.5em;
    }

    #campaign-2108 #ex .wrap-880 {
        max-width: 320px;
    }

    #campaign-2108 #ex .text-wrap .bg-blue {
        font-size: 0.8em;
    }

    #campaign-2108 #ex .text-wrap dl {
        font-size: 1em;
    }

    #campaign-2108 #ex .text-wrap dl .wrap {
        border-bottom: solid 1px #eee;
        margin-bottom: 8px;
    }

    #campaign-2108 #ex .text-wrap dl .wrap:last-child {
        border-bottom: none;
    }

    #campaign-2108 #ex .text-wrap dl dt {
        width: 100%;
    }

    #campaign-2108 #ex .text-wrap dl dd {
        width: 100%;
        text-align: right;
    }

    #campaign-2108 #step .btn-l span {
        right: 8px;
        padding-top: 6px;
    }
}

/***** end 雉�肇縺ｮ譌･(cam2108) *****/
/******* 1荳�ｺｺ險伜ｿｵ(cam2109) ******/
#campaign-2109 .padding-l {
    padding-top: 80px;
    padding-bottom: 80px;
}

#campaign-2109 .sp-br {
    display: none;
}

#campaign-2109 a:hover {
    opacity: 1;
}

#campaign-2109 .btn-blue {
    background-color: #1c3267;
    border: solid 1px #1c3267;
    color: #fff;
    font-size: 1.5em;
}

#campaign-2109 .btn-blue:hover {
    background-color: #fff;
    color: #1c3267;
}

#campaign-2109 .btn-back {
    font-size: 1.5em;
}

#campaign-2109 .btn-l {
    max-width: 360px;
    border-radius: 50px;
}

#campaign-2109 .btn-l span {
    padding-top: 0.4em;
}

#campaign-2109 .main-hd {
    text-align: center;
    color: #1c3267;
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-2109 .main-hd::before,
#campaign-2109 .main-hd::after {
    content: "";
    width: 1.3em;
    height: 3px;
    background-color: #1c3267;
}

#campaign-2109 .main-hd::before {
    transform: rotate(60deg);
}

#campaign-2109 .main-hd::after {
    transform: rotate(-60deg);
}

#campaign-2109 #intro .intro-hd {
    color: #fa4314;
}

#campaign-2109 #intro .text-wrap {
    color: #3e3a39;
    text-align: center;
}

#campaign-2109 #intro .btn-l span {
    right: auto;
    left: 1em;
}

#campaign-2109 #report {
    background-color: #f0f5ff;
}

#campaign-2109 #report .text-wrap {
    text-align: center;
}

#campaign-2109 #report .report-wrap .flex {
    justify-content: space-between;
}

#campaign-2109 #report .report1 {
    position: relative;
    margin-top: 40px;
}

#campaign-2109 #report .report1 .report-data {
    width: 32%;
}

#campaign-2109 #report .report1 .notes-wrap {
    width: 67%;
    position: absolute;
    bottom: 0;
    left: 8px;
    font-size: 0.8em;
}

#campaign-2109 #report .report2 .text-wrap {
    text-align: left;
    width: 66%;
}

#campaign-2109 #report .report2 .text-wrap .sub-hd {
    color: #1c3267;
    text-align: left;
}

#campaign-2109 #report .report2 .img-wrap {
    width: 32%;
}

#campaign-2109 #present .flex {
    justify-content: space-around;
}

#campaign-2109 #present .btn-m {
    font-size: 1.2em;
    max-width: 280px;
}

#campaign-2109 #present .btn-m span {
    right: auto;
    left: 1em;
    padding-top: 5.5px;
}

#campaign-2109 #present #coupon,
#campaign-2109 #present #sfd {
    width: 48%;
    position: relative;
    border: solid 10px #ff6f00;
    padding-bottom: 80px;
}

#campaign-2109 #present #sfd #cam-end {
    font-size: 1em;
}

#campaign-2109 #present .out-wrap,
#campaign-2109 #present #cam-end {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    font-weight: bold;
}

#campaign-2109 #present .out-wrap p:not(.period),
#campaign-2109 #present #cam-end p:not(.period) {
    padding: 26% 8px 0;
    font-size: 1.2em;
}

#campaign-2109 #present .btn-wrap {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 1em;
    padding: 0 8px;
}

#campaign-2109 #present .btn-wrap .get-coupon {
    line-height: 1.2;
    color: #fa4314;
    font-size: 0.9em;
    font-weight: bold;
}

#campaign-2109 #cam-detail {
    background-color: #ff6f00;
}

#campaign-2109 #cam-detail ul {
    list-style: disc;
}

#campaign-2109 #cam-detail .terms-hd {
    text-align: center;
    background-color: #3e3a39;
    color: #fff;
    padding: 8px;
}

@media screen and (max-width: 960px) {
    #campaign-2109 #intro .intro-hd {
        font-size: 1.5em;
    }

    #campaign-2109 #report .report1 {
        margin-bottom: 60px;
    }

    #campaign-2109 #report .report1 .notes-wrap {
        bottom: -30px;
    }
}

@media screen and (max-width: 768px) {
    #campaign-2109 .main-hd {
        font-size: 1.8em;
    }

    #campaign-2109 #intro .text-wrap,
    #campaign-2109 #report .text-wrap {
        text-align: left;
    }

    #campaign-2109 #intro .intro-hd .sp-br {
        display: block;
    }

    #campaign-2109 #report .report1 {
        margin-bottom: 80px;
    }

    #campaign-2109 #report .report1 .notes-wrap {
        bottom: -60px;
    }

    #campaign-2109 #report .report2 .text-wrap .sub-hd {
        font-size: 1.3em;
    }

    #campaign-2109 #present .btn-m span {
        left: 8px;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2109 .padding-l {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #campaign-2109 .btn-l {
        max-width: 320px;
    }

    #campaign-2109 .btn-blue,
    #campaign-2109 .btn-back {
        font-size: 1.2em;
    }

    #campaign-2109 #intro .intro-hd {
        font-size: 1.3em;
    }

    #campaign-2109 #report .report1 {
        margin-top: 8px;
        margin-bottom: 0;
        padding-top: 90px;
    }

    #campaign-2109 #report .report1 ul {
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }

    #campaign-2109 #report .report1 .report-data:nth-child(1),
    #campaign-2109 #report .report1 .report-data:nth-child(2) {
        width: 49%;
    }

    #campaign-2109 #report .report1 .report-data:nth-child(3) {
        width: 100%;
        margin-top: 20px;
    }

    #campaign-2109 #report .report1 .notes-wrap {
        width: 100%;
        bottom: auto;
        top: 0;
    }

    #campaign-2109 #report .report2 .text-wrap {
        width: 100%;
    }

    #campaign-2109 #report .report2 .text-wrap .sub-hd {
        text-align: center;
    }

    #campaign-2109 #report .report2 .img-wrap {
        max-width: 400px;
        width: 100%;
        margin: 20px auto 0;
    }

    #campaign-2109 #present .main-hd .sp-br {
        display: block;
    }

    #campaign-2109 #present #coupon,
    #campaign-2109 #present #sfd {
        max-width: 400px;
        width: 100%;
    }

    #campaign-2109 #present #sfd {
        margin-top: 20px;
    }

    #campaign-2109 #cam-detail .terms-hd .sp-br {
        display: block;
    }

    #campaign-2109 #cam-detail .terms-hd .font-s {
        font-size: 0.7em;
    }

    #campaign-2109 #cam-detail .terms-hd span {
        display: inline-block;
        line-height: 1.3;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2109 .main-hd {
        font-size: 6vw;
    }

    #campaign-2109 #intro .intro-hd {
        font-size: 5vw;
    }

    #campaign-2109 #report .report1 {
        padding-top: 120px;
    }

    #campaign-2109 #report .report1 ul {
        max-width: 300px;
    }

    #campaign-2109 #report .report2 .img-wrap {
        max-width: 300px;
    }

    #campaign-2109 #present .main-hd::before,
    #campaign-2109 #present .main-hd::after {
        width: 2em;
    }

    #campaign-2109 #cam-detail .terms-hd {
        line-height: 1.2;
        padding-bottom: 8px;
    }

    #campaign-2109 #cam-detail .terms-hd .sp-br {
        display: block;
    }

    #campaign-2109 #cam-detail .terms-hd .font-s {
        font-size: 4vw;
    }
}

/***** end 1荳�ｺｺ險伜ｿｵ(cam2109) ****/
/****** GW繧ｳ繝�さ繝�く繝｣繝ｳ繝壹�繝ｳ(cam2110) ******/
#campaign-2110 {
    /* 繝懊ち繝ｳ蜈ｱ騾� */
}

#campaign-2110 .padding-l {
    padding-top: 80px;
    padding-bottom: 80px;
}

#campaign-2110 .sp-br {
    display: none;
}

#campaign-2110 a:hover {
    opacity: 1;
}

#campaign-2110 .btn-pink {
    background-color: #E85470;
    border: solid 1px #E85470;
    color: #ffffff;
    font-size: 1.5em;
}

#campaign-2110 .btn-pink:hover {
    background-color: #ffffff;
    color: #E85470;
}

#campaign-2110 .btn-l,
#campaign-2110 .btn-m {
    border-radius: 50px;
}

#campaign-2110 #intro .intro-hd {
    color: #E85470;
    text-align: center;
}

#campaign-2110 #intro .text-wrap {
    color: #3E3A39;
    text-align: center;
}

#campaign-2110 #contents {
    background-color: #FFF5CC;
}

#campaign-2110 #contents .contents-hd {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #036EB7;
}

#campaign-2110 #contents .contents-hd::before,
#campaign-2110 #contents .contents-hd::after {
    content: "";
    width: 1.3em;
    height: 3px;
    background-color: #036EB7;
}

#campaign-2110 #contents .contents-hd::before {
    transform: rotate(60deg);
}

#campaign-2110 #contents .contents-hd::after {
    transform: rotate(-60deg);
}

#campaign-2110 #contents .flex {
    justify-content: space-between;
}

#campaign-2110 #contents .contents-wrap {
    max-width: 940px;
    width: 100%;
    margin: 0 auto 40px;
}

#campaign-2110 #contents .contents-wrap .contents-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#campaign-2110 #contents .contents-wrap .frame-blue {
    width: 49%;
    border: solid 4px #036EB7;
    background-color: #fff;
    padding: 20px 10px;
}

#campaign-2110 #contents .contents-wrap .inner-img {
    width: 74px;
}

#campaign-2110 #contents .contents-wrap .inner-text {
    width: calc(100% - 84px);
}

#campaign-2110 #contents .contents-wrap .inner-text p {
    font-weight: bold;
    color: #000;
    line-height: 1.3;
}

#campaign-2110 #contents .contents-wrap .inner-text .emphasis {
    color: #E85470;
}

#campaign-2110 #contents .contents-wrap .inner-text .font-m {
    font-size: 1.3em;
}

#campaign-2110 #contents .contents-wrap .inner-text .font-l {
    font-size: 2.3em;
}

#campaign-2110 #contents .bg-white {
    max-width: 940px;
    margin: 0 auto 7px;
    padding: 30px;
    text-align: center;
    font-weight: bold;
    color: #000;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 6px #666;
}

#campaign-2110 #contents .bg-white .flex {
    align-items: center;
}

#campaign-2110 #contents .bg-white h2 {
    color: #286db4;
}

#campaign-2110 #contents .bg-white .side-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#campaign-2110 #contents .bg-white .side-line::before,
#campaign-2110 #contents .bg-white .side-line::after {
    content: "";
    width: 17%;
    height: 2px;
    background-color: #036EB7;
}

#campaign-2110 #contents .bg-white .side-line::before {
    margin-right: 8px;
}

#campaign-2110 #contents .bg-white .text-wrap {
    width: 68%;
}

#campaign-2110 #contents .bg-white .text-wrap .bg-blue {
    background-color: #036EB7;
    color: #fff;
    padding: 8px;
}

#campaign-2110 #contents .bg-white .text-wrap h3 {
    font-size: 2em;
}

#campaign-2110 #contents .bg-white .text-wrap p {
    line-height: 1.3;
    text-align: left;
}

#campaign-2110 #contents .bg-white .img-wrap {
    width: 30%;
}

#campaign-2110 #contents .bg-white .emphasis {
    color: #E85470;
}

#campaign-2110 #contents .bg-white .font-m {
    font-size: 1.6em;
    letter-spacing: 0;
}

#campaign-2110 #contents .bg-white .font-l {
    font-size: 1.5em;
    letter-spacing: 0;
}

#campaign-2110 #contents .btn-m {
    max-width: 320px;
}

#campaign-2110 #step h2,
#campaign-2110 #step p,
#campaign-2110 #cam-detail h2,
#campaign-2110 #cam-detail p {
    color: #000;
}

#campaign-2110 #step li {
    background-color: #FFF2B0;
}

#campaign-2110 #step li h3 {
    color: #E85470;
}

#campaign-2110 #step .btn-l {
    max-width: 420px;
}

#campaign-2110 #step .btn-pink:hover .cls-1 {
    fill: #E85470;
}

#campaign-2110 #step .icon {
    width: 1.2em;
    vertical-align: text-bottom;
}

#campaign-2110 #cam-detail {
    background-color: #FCD005;
}

#campaign-2110 #cam-detail dd,
#campaign-2110 #cam-detail ol {
    color: #000;
}

#campaign-2110 #cam-detail ul {
    list-style: disc;
}

#campaign-2110 #cam-detail .terms-text {
    padding-left: 8px;
}

@media screen and (max-width: 960px) {
    #campaign-2110 #intro .intro-hd .sp-br {
        display: block;
    }

    #campaign-2110 #contents .contents-wrap {
        max-width: 640px;
    }

    #campaign-2110 #contents .contents-wrap .frame-blue {
        padding: 10px;
    }

    #campaign-2110 #contents .contents-wrap .inner-img {
        width: 54px;
    }

    #campaign-2110 #contents .contents-wrap .inner-text {
        width: calc(100% - 64px);
    }

    #campaign-2110 #contents .contents-wrap .inner-text .font-m {
        font-size: 0.9em;
    }

    #campaign-2110 #contents .contents-wrap .inner-text .font-l {
        font-size: 1.5em;
    }

    #campaign-2110 #contents .bg-white {
        max-width: 640px;
    }

    #campaign-2110 #contents .bg-white h2 {
        font-size: 1.5em;
    }

    #campaign-2110 #contents .bg-white .side-line::before,
    #campaign-2110 #contents .bg-white .side-line::after {
        width: 10%;
    }

    #campaign-2110 #contents .bg-white .text-wrap h3 {
        font-size: 1.2em;
    }

    #campaign-2110 #contents .bg-white .font-m {
        font-size: 1em;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2110 .padding-l {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #campaign-2110 .btn-pink {
        font-size: 1.2em;
    }

    #campaign-2110 #intro .text-wrap {
        text-align: left;
    }

    #campaign-2110 #contents .contents-hd {
        font-size: 1.5em;
    }

    #campaign-2110 #contents .contents-wrap {
        max-width: 420px;
    }

    #campaign-2110 #contents .contents-wrap .frame-blue {
        width: 100%;
    }

    #campaign-2110 #contents .contents-wrap .frame-blue:nth-child(1) {
        margin-bottom: 10px;
    }

    #campaign-2110 #contents .contents-wrap .inner-text .font-m {
        font-size: 1.2em;
    }

    #campaign-2110 #contents .contents-wrap .inner-text .font-l {
        font-size: 2em;
    }

    #campaign-2110 #contents .bg-white {
        max-width: 420px;
        padding: 20px 16px;
    }

    #campaign-2110 #contents .bg-white .side-line {
        justify-content: center;
    }

    #campaign-2110 #contents .bg-white .side-line::before,
    #campaign-2110 #contents .bg-white .side-line::after {
        display: none;
    }

    #campaign-2110 #contents .bg-white h2 {
        font-size: 1.3em;
    }

    #campaign-2110 #contents .bg-white .flex {
        flex-direction: column-reverse;
    }

    #campaign-2110 #contents .bg-white .text-wrap {
        width: 100%;
        margin-top: 20px;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2110 #intro .intro-hd {
        font-size: 1.3em;
    }

    #campaign-2110 #intro .intro-hd .sp-br {
        display: none;
    }

    #campaign-2110 #contents .contents-hd {
        font-size: 5.4vw;
    }

    #campaign-2110 #contents .contents-wrap {
        max-width: 320px;
    }

    #campaign-2110 #contents .contents-wrap .inner-text .font-m {
        font-size: 0.9em;
    }

    #campaign-2110 #contents .contents-wrap .inner-text .font-l {
        font-size: 1.5em;
    }

    #campaign-2110 #contents .bg-white {
        max-width: 320px;
    }

    #campaign-2110 #contents .bg-white .side-line .sp-br {
        display: block;
    }

    #campaign-2110 #contents .bg-white .text-wrap h3 .sp-br {
        display: block;
    }
}

/**** end GW繧ｳ繝�さ繝�く繝｣繝ｳ繝壹�繝ｳ(cam2110) ****/
/****  驫€陦梧険霎ｼ縺ｧ繝ｯ繝�ヨ縺後ｂ繧峨∴繧具ｼ∵ｩ溯�繝ｪ繝ｪ繝ｼ繧ｹ繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2111) ****/
#campaign-2111 .padding-l {
    padding-top: 80px;
    padding-bottom: 80px;
}

#campaign-2111 .font-red {
    color: #ff0000;
}

#campaign-2111 .font-black {
    color: #000;
}

#campaign-2111 .font-white {
    color: #fff;
}

#campaign-2111 .frame-bk {
    background-color: #fff;
    border: solid 3px #000;
    padding: 20px 30px;
}

#campaign-2111 .frame-red {
    background-color: #fff;
    border: solid 3px #ff0000;
    padding: 20px 30px;
}

#campaign-2111 .bg-red {
    background-color: #ff0000;
}

#campaign-2111 .sp-br {
    display: none;
}

#campaign-2111 #mv .mv-img img {
    border: solid 1px #727171;
}

#campaign-2111 #intro .intro-hd,
#campaign-2111 #intro .text-wrap {
    text-align: center;
}

#campaign-2111 #intro .text-wrap {
    font-size: 1.06em;
}

#campaign-2111 #benefit {
    background-color: #fff3f3;
    position: relative;
}

#campaign-2111 #benefit::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/common/arrow_more_blk.png) no-repeat;
    background-size: contain;
    width: 400px;
    height: 120px;
    right: 0;
    left: 0;
    bottom: -91px;
    margin: auto;
}

#campaign-2111 #benefit .container {
    overflow: visible;
}

#campaign-2111 #benefit h2 {
    line-height: 1.5;
}

#campaign-2111 #benefit .hd-dia-line {
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-2111 #benefit .hd-dia-line::before,
#campaign-2111 #benefit .hd-dia-line::after {
    content: "";
    width: 1.3em;
    height: 2px;
    background-color: #000;
}

#campaign-2111 #benefit .hd-dia-line::before {
    transform: rotate(60deg);
}

#campaign-2111 #benefit .hd-dia-line::after {
    transform: rotate(-60deg);
}

#campaign-2111 #benefit .detail-wrap .flex {
    justify-content: space-between;
    align-items: center;
}

#campaign-2111 #benefit .text-left,
#campaign-2111 #benefit .text-right {
    font-weight: bold;
}

#campaign-2111 #benefit .frame-bk,
#campaign-2111 #benefit .frame-red {
    position: relative;
}

#campaign-2111 #benefit .frame-bk::after,
#campaign-2111 #benefit .frame-red::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/common/arrow_right_secondary.png) no-repeat;
    background-size: contain;
    width: 64px;
    height: 85px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

#campaign-2111 #benefit .frame-bk .text-right h1,
#campaign-2111 #benefit .frame-red .text-right h1 {
    font-size: 5em;
}

#campaign-2111 #benefit .frame-bk .text-right h1 span,
#campaign-2111 #benefit .frame-red .text-right h1 span {
    display: inline-block;
    line-height: 1;
}

#campaign-2111 #benefit .frame-bk .text-right h1 .font-s,
#campaign-2111 #benefit .frame-red .text-right h1 .font-s {
    font-size: 0.45em;
}

#campaign-2111 #benefit .frame-bk::after {
    left: 8%;
}

#campaign-2111 #benefit .frame-red::after {
    right: 3%;
}

#campaign-2111 #benefit .frame-red .text-left {
    padding-left: 3em;
}

#campaign-2111 #benefit .frame-red .text-left .font-l {
    font-size: 3em;
}

#campaign-2111 #benefit .frame-red .text-right img {
    width: 65px;
    height: 65px;
    vertical-align: sub;
}

#campaign-2111 #benefit .frame-red .text-right h1 {
    display: inline-block;
}

#campaign-2111 #more {
    padding-top: 125px;
}

#campaign-2111 #more .more-hd {
    text-align: center;
}

#campaign-2111 #more .frame-red {
    padding: 20px;
    position: relative;
}

#campaign-2111 #more dt {
    font-size: 2.2em;
    font-weight: bold;
}

#campaign-2111 #more dt .bg-red {
    padding: 16px;
}

#campaign-2111 #more dt img {
    width: 40px;
    margin: 4px;
    vertical-align: sub;
}

#campaign-2111 #more dd {
    font-size: 3em;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 32px;
    right: 20px;
}

#campaign-2111 #more dd .font-m {
    font-size: 1.6em;
}

#campaign-2111 #more dd .font-black {
    display: block;
}

#campaign-2111 #step {
    background-color: #fff3f3;
}

#campaign-2111 #step li {
    background-color: #fff;
}

#campaign-2111 #step li h3 {
    color: #ff0000;
}

#campaign-2111 #step a:hover {
    opacity: 1;
}

#campaign-2111 #step .btn-black {
    background-color: #000;
    border: solid 1px #000;
    color: #fff;
    font-size: 1.3em;
}

#campaign-2111 #step .btn-black .uk-svg {
    width: 1.3em;
}

#campaign-2111 #step .btn-black:hover {
    background-color: #fff;
    color: #000;
}

#campaign-2111 #step .btn-black:hover .cls-1 {
    fill: #000;
}

#campaign-2111 #step .btn-l {
    max-width: 360px;
    border-radius: 50px;
}

#campaign-2111 #cam-detail {
    background-color: #ff0000;
}

#campaign-2111 #cam-detail dl dd {
    color: #000;
}

#campaign-2111 #cam-detail ul {
    list-style: disc;
    color: #000;
}

@media screen and (max-width: 960px) {
    #campaign-2111 #intro .text-wrap {
        text-align: left;
    }

    #campaign-2111 #intro .text-wrap .pc-br {
        display: none;
    }

    #campaign-2111 #benefit .wrap-800 {
        max-width: 640px;
    }

    #campaign-2111 #benefit .frame-bk .text-right h1,
    #campaign-2111 #benefit .frame-red .text-right h1 {
        font-size: 4.5em;
    }

    #campaign-2111 #benefit .frame-bk::after {
        left: 6%;
    }

    #campaign-2111 #benefit .frame-bk .font-l {
        font-size: 1.5em;
    }

    #campaign-2111 #benefit .frame-red::after {
        right: 18%;
    }

    #campaign-2111 #benefit .frame-red .text-left {
        padding-left: 0;
    }

    #campaign-2111 #benefit .frame-red .text-left .font-l {
        font-size: 2.3em;
    }

    #campaign-2111 #more .wrap-880 {
        max-width: 720px;
    }

    #campaign-2111 #more dt {
        font-size: 1.8em;
    }

    #campaign-2111 #more dt .bg-red {
        padding: 10px;
    }

    #campaign-2111 #more dt img {
        width: 36px;
        vertical-align: bottom;
    }

    #campaign-2111 #more dd {
        font-size: 2.5em;
    }
}

@media screen and (max-width: 768px) {
    #campaign-2111 #benefit::after {
        width: 320px;
        height: 96px;
        bottom: -73px;
    }

    #campaign-2111 #benefit .frame-bk,
    #campaign-2111 #benefit .frame-red {
        padding: 20px 10px;
    }

    #campaign-2111 #benefit .wrap-800 {
        max-width: 600px;
    }

    #campaign-2111 #more {
        padding-top: 100px;
    }

    #campaign-2111 #more .frame-bk,
    #campaign-2111 #more .frame-red {
        padding: 20px 10px;
    }

    #campaign-2111 #more .wrap-880 {
        max-width: 600px;
    }

    #campaign-2111 #more .frame-red {
        text-align: center;
    }

    #campaign-2111 #more dl.flex {
        justify-content: center;
    }

    #campaign-2111 #more dd {
        position: initial;
        margin-top: 10px;
    }

    #campaign-2111 #more dd .font-black {
        display: inline-block;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2111 .padding-l {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #campaign-2111 #intro .intro-hd {
        font-size: 1.3em;
    }

    #campaign-2111 #intro .intro-hd .sp-br {
        display: none;
    }

    #campaign-2111 #benefit .frame-bk,
    #campaign-2111 #benefit .frame-red {
        padding: 10px;
    }

    #campaign-2111 #benefit .frame-bk::after,
    #campaign-2111 #benefit .frame-red::after {
        width: 33px;
        height: 44px;
        left: 0;
        right: 0;
        transform: rotate(90deg);
    }

    #campaign-2111 #benefit .frame-bk .text-left,
    #campaign-2111 #benefit .frame-red .text-left {
        padding-bottom: 20px;
    }

    #campaign-2111 #benefit .frame-red::after {
        top: -24px;
    }

    #campaign-2111 #benefit h2 {
        font-size: 5vw;
    }

    #campaign-2111 #benefit .detail-wrap {
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }

    #campaign-2111 #benefit .detail-wrap .flex {
        justify-content: center;
    }

    #campaign-2111 #benefit .detail-wrap .text-left {
        text-align: center;
    }

    #campaign-2111 #benefit .detail-wrap .text-right span {
        text-align: left;
    }

    #campaign-2111 #more .frame-red {
        padding: 10px;
    }

    #campaign-2111 #more .more-hd {
        font-size: 6vw;
    }

    #campaign-2111 #more .frame-red {
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }

    #campaign-2111 #more dt {
        line-height: 1.2;
    }

    #campaign-2111 #more dt .bg-red {
        display: inline-block;
        width: 100%;
        padding: 4px;
    }

    #campaign-2111 #more dt img {
        width: 28px;
    }

    #campaign-2111 #more dd {
        margin-top: 0;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2111 #intro .intro-hd .pc-br {
        display: none;
    }

    #campaign-2111 #benefit::after {
        width: 240px;
        height: 72px;
        bottom: -54px;
    }

    #campaign-2111 #benefit h2 {
        font-size: 1.3em;
    }

    #campaign-2111 #benefit .detail-wrap {
        max-width: 300px;
    }

    #campaign-2111 #benefit .frame-bk::after {
        top: -20px;
    }

    #campaign-2111 #benefit .frame-bk .font-l {
        font-size: 1.3em;
        line-height: 1.3;
    }

    #campaign-2111 #benefit .frame-red .text-left .font-l {
        font-size: 1.8em;
    }

    #campaign-2111 #benefit .frame-red .text-right h1 {
        font-size: 3.5em;
    }

    #campaign-2111 #more {
        padding-top: 82px;
    }

    #campaign-2111 #more .frame-red h3 {
        font-size: 1.1em;
    }

    #campaign-2111 #more dd {
        font-size: 10vw;
    }
}

#buy-payment #bank-bonus a {
    display: block;
}

#buy-payment #bank-bonus a:hover {
    opacity: 0.8;
}

#buy-payment #bank-bonus .cam-text {
    border: none;
    background: linear-gradient(to right, #a00000, #d00a11, #a00000);
    color: #fff;
}

#buy-payment #bank-bonus .bg-bk {
    background-color: #000;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 639px) {
    #buy-payment .banner-wrap {
        border: solid 1px #ccc;
    }
}

/**** end 驫€陦梧険霎ｼ縺ｧ繝ｯ繝�ヨ縺後ｂ繧峨∴繧具ｼ∵ｩ溯�繝ｪ繝ｪ繝ｼ繧ｹ繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2111) ****/
/******** 迺ｰ蠅��譌･繝懊�繝翫せ繧ｻ繝ｼ繝ｫ(cam2113) ********/
#campaign-2113 .sp-br {
    display: none;
}

#campaign-2113 .text-wrap {
    color: #000;
    text-align: center;
}

#campaign-2113 .btn-l {
    max-width: 360px;
    border-radius: 50px;
}

#campaign-2113 .btn-l span {
    padding-top: 7px;
}

#campaign-2113 .btn-pink {
    background-color: #E5006E;
    border: solid 1px #E5006E;
    color: #fff;
    font-size: 1.4em;
}

#campaign-2113 .btn-pink:hover {
    opacity: 1;
    background-color: #fff;
    color: #E5006E;
}

#campaign-2113 .btn-pink:hover .cls-1 {
    fill: #E5006E;
}

#campaign-2113 .btn-pink .icon {
    width: 30px;
    vertical-align: sub;
}

#campaign-2113 #intro .hd {
    color: #E5006E;
}

#campaign-2113 #initiatives {
    background-color: #F4FFCB;
}

#campaign-2113 #initiatives .hd {
    color: #000;
}

#campaign-2113 #initiatives .flex {
    justify-content: space-between;
}

#campaign-2113 #initiatives a {
    display: block;
}

#campaign-2113 #initiatives .img {
    width: 48%;
}

#campaign-2113 #step h2,
#campaign-2113 #step p {
    color: #000;
}

#campaign-2113 #step li {
    background-color: #E9F9FF;
}

#campaign-2113 #step h3 {
    color: #00ABFF;
}

#campaign-2113 #cam-detail {
    background-color: #E5006E;
}

#campaign-2113 #cam-detail h2,
#campaign-2113 #cam-detail .cam-dl {
    color: #000;
}

#campaign-2113 #cam-detail ul {
    list-style: disc;
}

@media screen and (max-width: 960px) {
    #campaign-2113 #intro .hd {
        font-size: 1.8em;
    }

    #campaign-2113 #intro .hd .sp-br {
        display: block;
    }

    #campaign-2113 #initiatives .hd .sp-br {
        display: block;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2113 .btn-l {
        max-width: 280px;
    }

    #campaign-2113 .btn-l span {
        right: 8px;
        padding-top: 5px;
    }

    #campaign-2113 .btn-pink {
        font-size: 1.2em;
    }

    #campaign-2113 #intro .hd {
        font-size: 1.3em;
    }

    #campaign-2113 #intro .text-wrap {
        text-align: left;
    }

    #campaign-2113 #initiatives .hd,
    #campaign-2113 #equip .hd {
        font-size: 1.3em;
    }

    #campaign-2113 #initiatives .text-wrap,
    #campaign-2113 #equip .text-wrap {
        text-align: left;
    }

    #campaign-2113 #initiatives .wrap-800 {
        max-width: 320px;
    }

    #campaign-2113 #initiatives .img {
        width: 100%;
    }

    #campaign-2113 #initiatives .img:first-child {
        margin-bottom: 8px;
    }

    #campaign-2113 #step h2,
    #campaign-2113 #cam-detail h2 {
        font-size: 1.6em;
    }
}

/****** end 迺ｰ蠅��譌･繝懊�繝翫せ繧ｻ繝ｼ繝ｫ(cam2113) ******/
/****** 驫€陦梧険霎ｼ縺ｧ縺ｮ縺碑ｳｼ蜈･縺ｫ100繝ｯ繝�ヨ縺､縺�2繝ｯ繝�ヨ繝励Ξ繧ｼ繝ｳ繝医く繝｣繝ｳ繝壹�繝ｳ(cam2114) *****/
#campaign-2114 .sp-br,
#campaign-2114 .sp-img {
    display: none;
}

#campaign-2114 .font-red {
    color: #FF0028;
}

#campaign-2114 .font-bk {
    color: #000;
}

#campaign-2114 .btn-l {
    max-width: 420px;
    border-radius: 50px;
}

#campaign-2114 .btn-bk {
    background-color: #000;
    border: solid 1px #000;
    color: #fff;
    font-size: 1.7em;
}

#campaign-2114 .btn-bk:hover {
    background-color: #fff;
    color: #000;
    opacity: 1;
}

#campaign-2114 .btn-bk:hover .cls-1 {
    fill: #000;
}

#campaign-2114 .btn-bk svg {
    width: 1.5em;
    vertical-align: sub;
}

#campaign-2114 #intro .text-wrap {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    color: #3E3A39;
    text-align: center;
}

#campaign-2114 #intro .sub-hd {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    margin-bottom: 20px;
}

#campaign-2114 #intro .sub-hd:before,
#campaign-2114 #intro .sub-hd::after {
    content: "";
    background-color: #000;
    width: 1.2em;
    height: 3px;
    border-radius: 10px;
}

#campaign-2114 #intro .sub-hd::before {
    transform: rotate(60deg);
}

#campaign-2114 #intro .sub-hd::after {
    transform: rotate(-60deg);
}

#campaign-2114 #intro .wrap-820 {
    max-width: 820px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#campaign-2114 #intro .wrap-820 .watplus {
    position: absolute;
    width: 140px;
    height: 140px;
    right: 0;
    top: -72px;
}

#campaign-2114 #intro .benefit-frame {
    position: relative;
    padding: 30px 40px 20px;
    margin: 0 16px;
    border: solid 5px #FF0028;
    background-color: #FFFFE9;
}

#campaign-2114 #intro .benefit-frame::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/common/arrow_right_secondary.png) no-repeat;
    background-size: contain;
    width: 64px;
    height: 85px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 16px;
    margin: auto;
}

#campaign-2114 #intro .benefit-frame.flex {
    justify-content: space-between;
}

#campaign-2114 #intro .benefit-frame .text-left {
    font-weight: bold;
    line-height: 1.5;
}

#campaign-2114 #intro .benefit-frame .text-right h1 {
    font-size: 5em;
}

#campaign-2114 #intro .benefit-frame .text-right h1 span {
    display: inline-block;
    line-height: 1;
}

#campaign-2114 #intro .benefit-frame .text-right h1 .font-s {
    font-size: 0.45em;
}

#campaign-2114 #point {
    background-color: #FFF3F3;
}

#campaign-2114 #point .hd span {
    display: block;
}

#campaign-2114 #point .point-detail.flex {
    justify-content: space-between;
}

#campaign-2114 #point .point-detail .text-wrap {
    color: #000;
}

#campaign-2114 #point .point-frame {
    width: 32%;
    background-color: #fff;
    border: solid 3px #FF0028;
    border-radius: 21px;
    padding: 20px;
}

#campaign-2114 #point .hd-wrap {
    margin-bottom: 20px;
    color: #47423C;
}

#campaign-2114 #point .hd-wrap.flex {
    justify-content: left;
    flex-wrap: nowrap;
}

#campaign-2114 #point .hd-wrap img {
    width: 80px;
    height: 80px;
    margin-right: 4%;
}

#campaign-2114 #point .attention {
    background-color: #fff;
    padding: 20px 20px 20px 10px;
}

#campaign-2114 #point .attention h3 {
    font-size: 1.17em;
    color: #000;
    margin: 0;
}

#campaign-2114 #point .attention .attention-wrap {
    padding-left: 10px;
}

#campaign-2114 #cam-detail {
    background-color: #FF0028;
}

#campaign-2114 #cam-detail h2,
#campaign-2114 #cam-detail .cam-dl {
    color: #000;
}

@media screen and (max-width: 1024px) {
    #campaign-2114 #point .point-frame {
        width: 33%;
        padding: 10px;
    }

    #campaign-2114 #point .hd-wrap img {
        width: 60px;
        height: 60px;
    }

    #campaign-2114 #point .hd-wrap h3 {
        font-size: 2.6vw;
    }
}

@media screen and (max-width: 768px) {
    #campaign-2114 h2 {
        font-size: 1.8em;
    }

    #campaign-2114 #intro .wrap-820 {
        max-width: 620px;
    }

    #campaign-2114 #intro .benefit-frame .text-left .font-l {
        font-size: 1.6em;
    }

    #campaign-2114 #intro .benefit-frame .text-right h1 {
        font-size: 4.5em;
    }

    #campaign-2114 #point .hd-wrap img {
        width: 45px;
        height: 45px;
        margin-right: 2%;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2114 h2 {
        font-size: 1.6em;
    }

    #campaign-2114 .btn-l {
        max-width: 360px;
    }

    #campaign-2114 .btn-bk {
        font-size: 1.4em;
    }

    #campaign-2114 #intro .hd .sp-br {
        display: block;
    }

    #campaign-2114 #intro .sub-hd {
        font-size: 1.8em;
    }

    #campaign-2114 #intro .wrap-820 {
        max-width: 420px;
    }

    #campaign-2114 #intro .wrap-820 .watplus {
        width: 120px;
        height: 120px;
        top: auto;
        bottom: 64px;
        right: 20px;
    }

    #campaign-2114 #intro .benefit-frame {
        margin: 0 40px;
        padding: 20px;
    }

    #campaign-2114 #intro .benefit-frame.flex {
        justify-content: center;
    }

    #campaign-2114 #intro .benefit-frame:after {
        transform: rotate(90deg);
        left: 0;
    }

    #campaign-2114 #intro .benefit-frame .text-left {
        text-align: center;
    }

    #campaign-2114 #intro .benefit-frame .text-left .font-l {
        font-size: 1.5em;
    }

    #campaign-2114 #intro .benefit-frame .text-right {
        margin-top: 85px;
    }

    #campaign-2114 #intro .benefit-frame .text-right h1 {
        font-size: 4.5em;
    }

    #campaign-2114 #point .point-frame {
        width: 100%;
        margin-bottom: 8px;
    }

    #campaign-2114 #point .hd-wrap {
        margin-bottom: 10px;
    }

    #campaign-2114 #point .hd-wrap.flex {
        align-items: center;
    }

    #campaign-2114 #point .hd-wrap .pc-br {
        display: none;
    }

    #campaign-2114 #point .hd-wrap img {
        width: 60px;
        height: 60px;
    }

    #campaign-2114 #point .hd-wrap h3 {
        font-size: 1.3em;
    }

    #campaign-2114 #point .attention {
        padding: 10px;
    }

    #campaign-2114 #point .attention h3 {
        font-size: 1em;
        text-align: center;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 480px) {
    #campaign-2114 h2 {
        font-size: 5.5vw;
    }

    #campaign-2114 .btn-l {
        max-width: 280px;
    }

    #campaign-2114 .btn-bk {
        font-size: 1.1em;
    }

    #campaign-2114 #intro .text-wrap {
        text-align: left;
    }

    #campaign-2114 #intro .sub-hd {
        font-size: 1.2em;
    }

    #campaign-2114 #intro .sub-hd:before,
    #campaign-2114 #intro .sub-hd:after {
        height: 2px;
    }

    #campaign-2114 #intro .wrap-820 {
        max-width: 100%;
        padding-bottom: 180px;
    }

    #campaign-2114 #intro .wrap-820 .pc-img {
        display: none;
    }

    #campaign-2114 #intro .wrap-820 .sp-img {
        display: block;
    }

    #campaign-2114 #intro .wrap-820 .watplus {
        width: 180px;
        height: 180px;
        top: auto;
        bottom: -20px;
        right: 0;
        left: 0;
        margin: auto;
    }

    #campaign-2114 #intro .benefit-frame {
        margin: 0;
        padding: 10px;
    }

    #campaign-2114 #intro .benefit-frame::after {
        width: 54px;
        height: 72px;
    }

    #campaign-2114 #point .hd-wrap h3 {
        font-size: 1.2em;
    }

    #campaign-2114 #point .attention h3 {
        font-size: 1.1em;
    }

    #campaign-2114 #point .attention h3 .sp {
        display: none;
    }

    #campaign-2114 #point .attention h3 .sp-br {
        display: block;
    }
}

/**** end 驫€陦梧険霎ｼ縺ｧ縺ｮ縺碑ｳｼ蜈･縺ｫ100繝ｯ繝�ヨ縺､縺�2繝ｯ繝�ヨ繝励Ξ繧ｼ繝ｳ繝医く繝｣繝ｳ繝壹�繝ｳ(cam2114) ****/
/**** 螟剰�縺ｮ繧ｽ繝ｼ繝ｩ繝ｼ繧ｷ繧ｧ繧｢繝ｪ繝ｳ繧ｰ逋ｺ髮ｻ謇€螟ｧ繧ｻ繝ｼ繝ｫ(cam2115) ****/
#campaign-2115 .sp-br,
#campaign-2115 .sp-img {
    display: none;
}

#campaign-2115 .wrap-1000 {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

#campaign-2115 .break-line {
    display: block;
}

#campaign-2115 .new-line {
    display: inline-block;
}

#campaign-2115 .font-strong {
    font-weight: bold;
}

#campaign-2115 .font-orange {
    color: #ff4d1d;
}

#campaign-2115 .font-gray {
    color: #3e3a39;
}

#campaign-2115 .font-black {
    color: #000;
}

#campaign-2115 .bg-yellow {
    background-color: #fffbe6;
}

#campaign-2115 .btn-blue {
    background-color: #004ca6;
    border: solid 1px #004ca6;
    color: #fff;
    border-radius: 50px;
}

#campaign-2115 .btn-blue:hover {
    background-color: #fff;
    color: #004ca6;
}

#campaign-2115 #intro .text-wrap {
    text-align: center;
}

#campaign-2115 #solar-sharing .wrap-1000 {
    position: relative;
}

#campaign-2115 #solar-sharing .wrap-1000 .btn-wrap {
    position: absolute;
    max-width: 60%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

#campaign-2115 #solar-sharing .wrap-1000 .btn-wrap .btn-l {
    max-width: 520px;
    font-size: 1.25em;
}

#campaign-2115 #solar-sharing .wrap-1000 .btn-wrap .btn-l span {
    padding-top: 6px;
}

#campaign-2115 #solar-sharing .flex {
    justify-content: space-between;
}

#campaign-2115 #solar-sharing .text-wrap {
    max-width: 60%;
    width: 100%;
}

#campaign-2115 #solar-sharing .img-wrap {
    max-width: 37%;
    width: 100%;
}

#campaign-2115 #contents .flex {
    justify-content: center;
}

#campaign-2115 #contents a {
    display: block;
    max-width: 380px;
    width: 30%;
    margin: 10px;
}

#campaign-2115 #cam-detail {
    background-color: #ff4d1d;
}

@media screen and (max-width: 960px) {
    #campaign-2115 #solar-sharing .container {
        overflow: visible;
        padding-bottom: 80px;
    }

    #campaign-2115 #solar-sharing .wrap-1000 .btn-wrap {
        max-width: 100%;
        bottom: -94px;
    }

    #campaign-2115 #contents a {
        width: 36%;
    }
}

@media screen and (max-width: 768px) {
    #campaign-2115 h2 {
        font-size: 1.6em;
    }

    #campaign-2115 #contents a {
        width: 45%;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2115 #solar-sharing .wrap-1000 .btn-wrap {
        bottom: -67px;
    }

    #campaign-2115 #solar-sharing .wrap-1000 .btn-wrap .btn-l {
        max-width: 420px;
        font-size: 1em;
    }

    #campaign-2115 #solar-sharing .wrap-1000 .btn-wrap .btn-l span {
        padding-top: 3px;
        right: 8px;
    }

    #campaign-2115 #solar-sharing .flex {
        flex-direction: column-reverse;
    }

    #campaign-2115 #solar-sharing .text-wrap {
        max-width: 100%;
        margin-top: 20px;
    }

    #campaign-2115 #solar-sharing .img-wrap {
        max-width: 380px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 480px) {
    #campaign-2115 h2 {
        font-size: 6vw;
    }

    #campaign-2115 #intro .text-wrap {
        text-align: left;
    }

    #campaign-2115 #solar-sharing .container {
        padding-bottom: 100px;
    }

    #campaign-2115 #solar-sharing .wrap-1000 .btn-wrap {
        bottom: -92px;
    }

    #campaign-2115 #solar-sharing .wrap-1000 .btn-wrap .sp-br {
        display: block;
    }

    #campaign-2115 #solar-sharing .wrap-1000 .btn-wrap .btn-l {
        max-width: 300px;
    }

    #campaign-2115 #solar-sharing .wrap-1000 .btn-wrap .btn-l span {
        display: none;
    }

    #campaign-2115 #contents a {
        max-width: 300px;
        width: 100%;
    }
}

/**** end 螟剰�縺ｮ繧ｽ繝ｼ繝ｩ繝ｼ繧ｷ繧ｧ繧｢繝ｪ繝ｳ繧ｰ逋ｺ髮ｻ謇€螟ｧ繧ｻ繝ｼ繝ｫ(cam2115) ****/
/********* JAL(cam2116, cam2125) *********/
#campaign-2116 .wrap-840,
#campaign-2125 .wrap-840,
#campaign-2203 .wrap-840 {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}

#campaign-2116 .sp-br,
#campaign-2125 .sp-br,
#campaign-2203 .sp-br {
    display: none;
}

#campaign-2116 .paddig-s,
#campaign-2125 .paddig-s,
#campaign-2203 .paddig-s {
    padding: 20px;
}

#campaign-2116 .font-m,
#campaign-2125 .font-m,
#campaign-2203 .font-m {
    font-size: 1.3em;
}

#campaign-2116 .font-black,
#campaign-2125 .font-black,
#campaign-2203 .font-black {
    color: #000;
}

#campaign-2116 .font-yellow,
#campaign-2125 .font-yellow,
#campaign-2203 .font-yellow {
    color: #FFF101;
}

#campaign-2116 .font-accent,
#campaign-2125 .font-accent,
#campaign-2203 .font-accent {
    color: #FFF101;
}

#campaign-2116 .font-red,
#campaign-2125 .font-red,
#campaign-2203 .font-red {
    color: #ED1C24;
}

#campaign-2116 .font-white,
#campaign-2125 .font-white,
#campaign-2203 .font-white {
    color: #fff;
}

#campaign-2116 .font-black,
#campaign-2125 .font-black,
#campaign-2203 .font-black {
    color: #000;
}

#campaign-2116 .bg-main,
#campaign-2125 .bg-main,
#campaign-2203 .bg-main {
    background-color: #FFF101;
}

#campaign-2116 .bg-yellow,
#campaign-2125 .bg-yellow,
#campaign-2203 .bg-yellow {
    background-color: #FFF101;
}

#campaign-2116 .banner-border,
#campaign-2125 .banner-border,
#campaign-2203 .banner-border {
    border: solid 1px black;
}

#campaign-2116 .hd-deco,
#campaign-2125 .hd-deco,
#campaign-2203 .hd-deco {
    display: flex;
    align-items: center;
    justify-content: center;
}

#campaign-2116 .hd-deco:before,
#campaign-2116 .hd-deco::after,
#campaign-2125 .hd-deco:before,
#campaign-2125 .hd-deco::after,
#campaign-2203 .hd-deco:before,
#campaign-2203 .hd-deco::after {
    content: "";
    width: 1.6em;
    height: 3px;
    background-color: #000;
    border-radius: 2px;
}

#campaign-2116 .hd-deco:before,
#campaign-2125 .hd-deco:before,
#campaign-2203 .hd-deco:before {
    transform: rotate(60deg);
}

#campaign-2116 .hd-deco:after,
#campaign-2125 .hd-deco:after,
#campaign-2203 .hd-deco:after {
    transform: rotate(-60deg);
}

#campaign-2116 #terms,
#campaign-2125 #terms,
#campaign-2203 #terms {
    background-color: #f9faf4;
    position: relative;
}

#campaign-2116 #terms .terms-hd,
#campaign-2125 #terms .terms-hd,
#campaign-2203 #terms .terms-hd {
    text-align: center;
}

#campaign-2116 #terms .frame,
#campaign-2125 #terms .frame,
#campaign-2203 #terms .frame {
    border: solid 5px #ED1C24;
    background-color: #fff;
    margin: 10px auto;
}

#campaign-2116 #terms .frame .flex,
#campaign-2125 #terms .frame .flex,
#campaign-2203 #terms .frame .flex {
    justify-content: space-between;
    align-items: center;
}

#campaign-2116 #terms .sub-hd,
#campaign-2125 #terms .sub-hd,
#campaign-2203 #terms .sub-hd {
    width: 130px;
    height: 130px;
    background-color: #000;
    border-radius: 50%;
    text-align: center;
    line-height: 1.1;
    font-size: 3em;
    padding: 30px 4px 4px;
}

#campaign-2116 #terms .sub-hd span,
#campaign-2125 #terms .sub-hd span,
#campaign-2203 #terms .sub-hd span {
    display: block;
}

#campaign-2116 #terms .sub-hd .font-s,
#campaign-2125 #terms .sub-hd .font-s,
#campaign-2203 #terms .sub-hd .font-s {
    font-size: 0.4em;
}

#campaign-2116 #terms .img-wrap,
#campaign-2125 #terms .img-wrap,
#campaign-2203 #terms .img-wrap {
    width: 17%;
}

#campaign-2116 #terms .text-wrap,
#campaign-2125 #terms .text-wrap,
#campaign-2203 #terms .text-wrap {
    width: 80%;
    font-weight: bold;
}

#campaign-2116 #terms .text-wrap .terms-text,
#campaign-2125 #terms .text-wrap .terms-text,
#campaign-2203 #terms .text-wrap .terms-text {
    color: #000;
}

#campaign-2116 #terms .text-wrap .font-m,
#campaign-2125 #terms .text-wrap .font-m,
#campaign-2203 #terms .text-wrap .font-m {
    font-size: 1.6em;
}

#campaign-2116 #terms .text-wrap .font-s,
#campaign-2125 #terms .text-wrap .font-s,
#campaign-2203 #terms .text-wrap .font-s {
    font-size: 0.6em;
}

#campaign-2116 #terms .text-wrap .label,
#campaign-2125 #terms .text-wrap .label,
#campaign-2203 #terms .text-wrap .label {
    background-color: #ED1C24;
    line-height: 1.3;
    margin-top: 5px;
    padding: 10px;
}

#campaign-2116 #terms .title-wrap,
#campaign-2125 #terms .title-wrap,
#campaign-2203 #terms .title-wrap {
    max-width: 902px;
    margin: auto;
}

#campaign-2116 #add-mile,
#campaign-2125 #add-mile,
#campaign-2203 #add-mile {
    position: relative;
}

#campaign-2116 #add-mile::before,
#campaign-2125 #add-mile::before,
#campaign-2203 #add-mile::before {
    content: "";
    position: absolute;
    background: url(/img/campaign/common/arrow_more.png) no-repeat;
    background-size: contain;
    width: 400px;
    height: 120px;
    left: 0;
    right: 0;
    top: -70px;
    margin: auto;
}

#campaign-2116 #add-mile .flex,
#campaign-2125 #add-mile .flex,
#campaign-2203 #add-mile .flex {
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

#campaign-2116 #add-mile .flex .mile-wrap,
#campaign-2125 #add-mile .flex .mile-wrap,
#campaign-2203 #add-mile .flex .mile-wrap {
    width: 280px;
    height: 280px;
    background-color: #FFF101;
    border-radius: 50%;
}

#campaign-2116 #add-mile .flex .mile-wrap .wh,
#campaign-2125 #add-mile .flex .mile-wrap .wh,
#campaign-2203 #add-mile .flex .mile-wrap .wh {
    max-width: 185px;
    width: 100%;
    font-weight: bold;
    font-size: 1.5em;
    background-color: black;
    color: white;
    border-radius: 20px;
    padding: 2px 4px;
    margin: 2.5em auto 5px;
}

#campaign-2116 #add-mile .flex .mile-wrap .yen,
#campaign-2125 #add-mile .flex .mile-wrap .yen,
#campaign-2203 #add-mile .flex .mile-wrap .yen {
    position: relative;
}

#campaign-2116 #add-mile .flex .mile-wrap .yen::before,
#campaign-2125 #add-mile .flex .mile-wrap .yen::before,
#campaign-2203 #add-mile .flex .mile-wrap .yen::before {
    content: "(遞手ｾｼ)";
    position: absolute;
    font-size: 0.4em;
    top: -1.3em;
    left: -0.2em;
    white-space: nowrap;
}

#campaign-2116 #add-mile .flex .mile-arrow,
#campaign-2125 #add-mile .flex .mile-arrow,
#campaign-2203 #add-mile .flex .mile-arrow {
    width: 130px;
}

#campaign-2116 #add-mile .flex .bg-white,
#campaign-2125 #add-mile .flex .bg-white,
#campaign-2203 #add-mile .flex .bg-white {
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 20px;
    max-width: 185px;
    width: 100%;
    padding: 2px 4px;
    margin: 2.5em auto 5px;
}

#campaign-2116 #add-mile .flex .position-r,
#campaign-2125 #add-mile .flex .position-r,
#campaign-2203 #add-mile .flex .position-r {
    margin-top: 0;
    font-weight: bold;
}

#campaign-2116 #add-mile .flex .position-r .font-l,
#campaign-2125 #add-mile .flex .position-r .font-l,
#campaign-2203 #add-mile .flex .position-r .font-l {
    font-size: 5em;
    line-height: 1.3em;
}

#campaign-2116 #add-mile .flex .position-r .font-m,
#campaign-2125 #add-mile .flex .position-r .font-m,
#campaign-2203 #add-mile .flex .position-r .font-m {
    font-size: 2.5em;
}

#campaign-2116 #add-mile a.icon-tri,
#campaign-2125 #add-mile a.icon-tri,
#campaign-2203 #add-mile a.icon-tri {
    color: #000;
}

#campaign-2116 #add-mile a.icon-tri::before,
#campaign-2125 #add-mile a.icon-tri::before,
#campaign-2203 #add-mile a.icon-tri::before {
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #ED1C24;
}

#campaign-2116 #add-mile #bg-yellow,
#campaign-2125 #add-mile #bg-yellow,
#campaign-2203 #add-mile #bg-yellow {
    background-color: #FFF101;
}

#campaign-2116 #add-mile #mile-wh,
#campaign-2125 #add-mile #mile-wh,
#campaign-2203 #add-mile #mile-wh {
    background-color: #000;
    color: white;
}

#campaign-2116 #ex,
#campaign-2125 #ex,
#campaign-2203 #ex {
    background-color: #edf0f4;
}

#campaign-2116 #ex .lead-text,
#campaign-2125 #ex .lead-text,
#campaign-2203 #ex .lead-text {
    text-align: center;
}

#campaign-2116 #ex .ex-wrap,
#campaign-2125 #ex .ex-wrap,
#campaign-2203 #ex .ex-wrap {
    position: relative;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 0 10px rgba(8, 91, 153, 0.3);
}

#campaign-2116 #ex .ex-wrap .ex-hd,
#campaign-2125 #ex .ex-wrap .ex-hd,
#campaign-2203 #ex .ex-wrap .ex-hd {
    position: absolute;
    background-color: #ED1C24;
    font-weight: bold;
    width: 90%;
    padding: 10px;
    border-radius: 30px;
    left: 0;
    right: 0;
    margin: auto;
    top: -1.5em;
}

#campaign-2116 #ex .ex-wrap .ex-hd .font-m,
#campaign-2125 #ex .ex-wrap .ex-hd .font-m,
#campaign-2203 #ex .ex-wrap .ex-hd .font-m {
    font-size: 1.5em;
}

#campaign-2116 #ex .flex,
#campaign-2125 #ex .flex,
#campaign-2203 #ex .flex {
    justify-content: space-between;
    padding-top: 40px;
}

#campaign-2116 #ex .flex .img-wrap,
#campaign-2125 #ex .flex .img-wrap,
#campaign-2203 #ex .flex .img-wrap {
    width: 20%;
}

#campaign-2116 #ex .text-wrap,
#campaign-2125 #ex .text-wrap,
#campaign-2203 #ex .text-wrap {
    width: 78%;
    margin: 0 auto;
    font-weight: bold;
}

#campaign-2116 #ex .text-wrap .font-l,
#campaign-2125 #ex .text-wrap .font-l,
#campaign-2203 #ex .text-wrap .font-l {
    font-size: 2em;
}

#campaign-2116 #ex .text-wrap .add-wrap,
#campaign-2125 #ex .text-wrap .add-wrap,
#campaign-2203 #ex .text-wrap .add-wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 10px;
    line-height: 1.2;
    border-bottom: solid 5px #000;
}

#campaign-2116 #ex .text-wrap .add-wrap span,
#campaign-2125 #ex .text-wrap .add-wrap span,
#campaign-2203 #ex .text-wrap .add-wrap span {
    display: block;
    font-weight: normal;
    font-size: 0.6em;
}

#campaign-2116 #ex .text-wrap .add-wrap .bg-black,
#campaign-2125 #ex .text-wrap .add-wrap .bg-black,
#campaign-2203 #ex .text-wrap .add-wrap .bg-black {
    background-color: #000;
    padding: 4px;
    margin-bottom: 4px;
}

#campaign-2116 #ex .text-wrap .add-wrap .plus,
#campaign-2125 #ex .text-wrap .add-wrap .plus,
#campaign-2203 #ex .text-wrap .add-wrap .plus {
    font-size: 2em;
    line-height: 1;
    margin: 0;
}

#campaign-2116 #ex .text-wrap .add-mile,
#campaign-2116 #ex .text-wrap .total-wrap,
#campaign-2125 #ex .text-wrap .add-mile,
#campaign-2125 #ex .text-wrap .total-wrap,
#campaign-2203 #ex .text-wrap .add-mile,
#campaign-2203 #ex .text-wrap .total-wrap {
    margin: 0;
}

#campaign-2116 #ex .text-wrap .total-wrap .font-pink,
#campaign-2125 #ex .text-wrap .total-wrap .font-pink,
#campaign-2203 #ex .text-wrap .total-wrap .font-pink {
    color: #ED1C24;
    font-size: 1.8em;
}

#campaign-2116 #ex .text-wrap .add-mile .font-s,
#campaign-2125 #ex .text-wrap .add-mile .font-s,
#campaign-2203 #ex .text-wrap .add-mile .font-s {
    font-size: 0.6em;
}

#campaign-2116 #ex .text-wrap .add-mile .bg-bk,
#campaign-2125 #ex .text-wrap .add-mile .bg-bk,
#campaign-2203 #ex .text-wrap .add-mile .bg-bk {
    padding: 4px;
}

#campaign-2116 #ex #ex-conditions .ex-conditions-text-layout,
#campaign-2125 #ex #ex-conditions .ex-conditions-text-layout,
#campaign-2203 #ex #ex-conditions .ex-conditions-text-layout {
    padding: 4px 16px;
    margin: 8px;
}

#campaign-2116 #ex #ex-conditions .img-plus,
#campaign-2125 #ex #ex-conditions .img-plus,
#campaign-2203 #ex #ex-conditions .img-plus {
    width: 28px;
    margin: 8px;
}

#campaign-2116 #ex #ex-conditions .padding-top-zero,
#campaign-2125 #ex #ex-conditions .padding-top-zero,
#campaign-2203 #ex #ex-conditions .padding-top-zero {
    padding-top: 0px;
}

#campaign-2116 #ex #ex-conditions .total,
#campaign-2125 #ex #ex-conditions .total,
#campaign-2203 #ex #ex-conditions .total {
    font-size: 1.2em;
}

#campaign-2116 #ex #ex-conditions .flex-center,
#campaign-2125 #ex #ex-conditions .flex-center,
#campaign-2203 #ex #ex-conditions .flex-center {
    justify-content: center;
    align-items: center;
}

#campaign-2116 #ex #ex-conditions .img-arrow,
#campaign-2125 #ex #ex-conditions .img-arrow,
#campaign-2203 #ex #ex-conditions .img-arrow {
    width: 56px;
    margin: auto 8px;
}

#campaign-2116 #ex #ex-conditions .img-present,
#campaign-2125 #ex #ex-conditions .img-present,
#campaign-2203 #ex #ex-conditions .img-present {
    width: 135px;
}

#campaign-2116 #step li,
#campaign-2125 #step li,
#campaign-2203 #step li {
    background-color: #edf0f4;
}

#campaign-2116 #step li h3,
#campaign-2125 #step li h3,
#campaign-2203 #step li h3 {
    color: #ED1C24;
}

#campaign-2116 #step #amc-form,
#campaign-2125 #step #amc-form,
#campaign-2203 #step #amc-form {
    text-align: center;
    background-color: #ED1C24;
}

#campaign-2116 #step #amc-form #amc-bk,
#campaign-2125 #step #amc-form #amc-bk,
#campaign-2203 #step #amc-form #amc-bk {
    background: url(/img/campaign/triple/bk_plane.png) right 20px top 20px no-repeat;
    background-size: 120px auto;
    color: #fff;
}

#campaign-2116 #step #amc-form #amc-bk h2,
#campaign-2125 #step #amc-form #amc-bk h2,
#campaign-2203 #step #amc-form #amc-bk h2 {
    color: #fff;
    margin-bottom: 20px;
}

#campaign-2116 #step #amc-form #amc-bk #amc-text,
#campaign-2125 #step #amc-form #amc-bk #amc-text,
#campaign-2203 #step #amc-form #amc-bk #amc-text {
    max-width: 40em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#campaign-2116 #step #amc-form .flex,
#campaign-2125 #step #amc-form .flex,
#campaign-2203 #step #amc-form .flex {
    justify-content: space-between;
}

#campaign-2116 #step #amc-form .amc-wrap,
#campaign-2125 #step #amc-form .amc-wrap,
#campaign-2203 #step #amc-form .amc-wrap {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    padding: 20px;
}

#campaign-2116 #step #amc-form .amc-wrap p,
#campaign-2125 #step #amc-form .amc-wrap p,
#campaign-2203 #step #amc-form .amc-wrap p {
    margin-bottom: 10px;
}

#campaign-2116 #step #amc-form .amc-wrap.amc-regist,
#campaign-2125 #step #amc-form .amc-wrap.amc-regist,
#campaign-2203 #step #amc-form .amc-wrap.amc-regist {
    width: 58%;
}

#campaign-2116 #step #amc-form .amc-wrap.change-regist,
#campaign-2125 #step #amc-form .amc-wrap.change-regist,
#campaign-2203 #step #amc-form .amc-wrap.change-regist {
    width: 40%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
}

#campaign-2116 #step #amc-form .amc-wrap.change-regist p,
#campaign-2125 #step #amc-form .amc-wrap.change-regist p,
#campaign-2203 #step #amc-form .amc-wrap.change-regist p {
    width: 100%;
}

#campaign-2116 #step #amc-form .btn-edit,
#campaign-2125 #step #amc-form .btn-edit,
#campaign-2203 #step #amc-form .btn-edit {
    background-color: #286db4;
}

#campaign-2116 #step #amc-form .change-regist .cam-btn,
#campaign-2125 #step #amc-form .change-regist .cam-btn,
#campaign-2203 #step #amc-form .change-regist .cam-btn {
    background-color: #ea5514;
    max-width: 300px;
}

#campaign-2116 #step #amc-form .cam-btn,
#campaign-2125 #step #amc-form .cam-btn,
#campaign-2203 #step #amc-form .cam-btn {
    position: relative;
    display: inline-block;
    max-width: 520px;
    width: 100%;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    padding: 10px 10px 7px;
    cursor: pointer;
    background-color: #48549e;
}

#campaign-2116 #equipments,
#campaign-2125 #equipments,
#campaign-2203 #equipments {
    background-color: #f9faf4;
}

#campaign-2116 #equipments .cls-1,
#campaign-2125 #equipments .cls-1,
#campaign-2203 #equipments .cls-1 {
    fill: white;
}

#campaign-2116 #equipments .btn-cv:hover .cls-1,
#campaign-2125 #equipments .btn-cv:hover .cls-1,
#campaign-2203 #equipments .btn-cv:hover .cls-1 {
    fill: #e56100;
}

#campaign-2116 #cam-detail,
#campaign-2125 #cam-detail,
#campaign-2203 #cam-detail {
    background-color: #000;
}

#campaign-2116 #cam-detail dl,
#campaign-2125 #cam-detail dl,
#campaign-2203 #cam-detail dl {
    border-bottom: 1px solid #000;
    color: #000;
}

#campaign-2116 #cam-detail dl .cam-dl,
#campaign-2125 #cam-detail dl .cam-dl,
#campaign-2203 #cam-detail dl .cam-dl {
    border-top: 1px solid #000;
}

#campaign-2116 #cam-detail .inquiry-wrap,
#campaign-2125 #cam-detail .inquiry-wrap,
#campaign-2203 #cam-detail .inquiry-wrap {
    border: solid 1px;
    border-radius: 4px;
    padding: 16px;
}

@media screen and (max-width: 840px) {

    #campaign-2116 #terms .wrap-840,
    #campaign-2125 #terms .wrap-840,
    #campaign-2203 #terms .wrap-840 {
        max-width: 600px;
    }

    #campaign-2116 #terms .terms-hd,
    #campaign-2125 #terms .terms-hd,
    #campaign-2203 #terms .terms-hd {
        font-size: 3.8vw;
    }

    #campaign-2116 #terms .frame,
    #campaign-2125 #terms .frame,
    #campaign-2203 #terms .frame {
        padding: 10px;
    }

    #campaign-2116 #terms .sub-hd,
    #campaign-2125 #terms .sub-hd,
    #campaign-2203 #terms .sub-hd {
        font-size: 2.5em;
        width: 80px;
        height: 80px;
        padding: 13px 4px 4px;
    }

    #campaign-2116 #terms .text-wrap,
    #campaign-2125 #terms .text-wrap,
    #campaign-2203 #terms .text-wrap {
        width: 84%;
    }

    #campaign-2116 #terms .text-wrap .font-m,
    #campaign-2125 #terms .text-wrap .font-m,
    #campaign-2203 #terms .text-wrap .font-m {
        font-size: 1.4em;
    }

    #campaign-2116 #terms .text-wrap .label,
    #campaign-2125 #terms .text-wrap .label,
    #campaign-2203 #terms .text-wrap .label {
        font-size: 1.5em;
    }

    #campaign-2116 #add-mile .wrap-840,
    #campaign-2125 #add-mile .wrap-840,
    #campaign-2203 #add-mile .wrap-840 {
        max-width: 640px;
    }

    #campaign-2116 #add-mile .flex .mile-wrap,
    #campaign-2125 #add-mile .flex .mile-wrap,
    #campaign-2203 #add-mile .flex .mile-wrap {
        width: 230px;
        height: 230px;
    }

    #campaign-2116 #add-mile .flex .mile-arrow,
    #campaign-2125 #add-mile .flex .mile-arrow,
    #campaign-2203 #add-mile .flex .mile-arrow {
        width: 100px;
    }

    #campaign-2116 #add-mile .flex .wh,
    #campaign-2125 #add-mile .flex .wh,
    #campaign-2203 #add-mile .flex .wh {
        font-size: 1.3em;
    }

    #campaign-2116 #add-mile .flex .position-r .font-l,
    #campaign-2125 #add-mile .flex .position-r .font-l,
    #campaign-2203 #add-mile .flex .position-r .font-l {
        font-size: 4em;
    }

    #campaign-2116 #ex .lead-text,
    #campaign-2125 #ex .lead-text,
    #campaign-2203 #ex .lead-text {
        font-size: 3vw;
    }

    #campaign-2116 #ex .ex-wrap .ex-hd .font-m,
    #campaign-2125 #ex .ex-wrap .ex-hd .font-m,
    #campaign-2203 #ex .ex-wrap .ex-hd .font-m {
        font-size: 2.9vw;
    }

    #campaign-2116 #ex .flex .text-wrap .total-wrap,
    #campaign-2125 #ex .flex .text-wrap .total-wrap,
    #campaign-2203 #ex .flex .text-wrap .total-wrap {
        font-size: 2vw;
    }

    #campaign-2116 #step #amc-form .amc-wrap.change-regist,
    #campaign-2125 #step #amc-form .amc-wrap.change-regist,
    #campaign-2203 #step #amc-form .amc-wrap.change-regist {
        width: 100%;
        margin-bottom: 10px;
    }

    #campaign-2116 #step #amc-form .amc-wrap.change-regist .cam-btn,
    #campaign-2125 #step #amc-form .amc-wrap.change-regist .cam-btn,
    #campaign-2203 #step #amc-form .amc-wrap.change-regist .cam-btn {
        max-width: 100%;
    }

    #campaign-2116 #step #amc-form .amc-wrap.amc-regist,
    #campaign-2125 #step #amc-form .amc-wrap.amc-regist,
    #campaign-2203 #step #amc-form .amc-wrap.amc-regist {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {

    #campaign-2116 h2,
    #campaign-2125 h2,
    #campaign-2203 h2 {
        font-size: 1.5em;
    }

    #campaign-2116 .padding-s,
    #campaign-2125 .padding-s,
    #campaign-2203 .padding-s {
        padding: 10px;
    }

    #campaign-2116 #terms .sub-hd,
    #campaign-2125 #terms .sub-hd,
    #campaign-2203 #terms .sub-hd {
        width: 60px;
        height: 60px;
        font-size: 2em;
        padding: 8px 4px 4px;
    }

    #campaign-2116 #terms .flex,
    #campaign-2125 #terms .flex,
    #campaign-2203 #terms .flex {
        position: relative;
    }

    #campaign-2116 #terms .flex .text-wrap,
    #campaign-2125 #terms .flex .text-wrap,
    #campaign-2203 #terms .flex .text-wrap {
        width: 100%;
        margin-top: 10px;
    }

    #campaign-2116 #terms .flex .text-wrap .sp-br,
    #campaign-2125 #terms .flex .text-wrap .sp-br,
    #campaign-2203 #terms .flex .text-wrap .sp-br {
        display: block;
    }

    #campaign-2116 #terms .flex .text-wrap .terms-text,
    #campaign-2125 #terms .flex .text-wrap .terms-text,
    #campaign-2203 #terms .flex .text-wrap .terms-text {
        position: absolute;
        font-size: 3.8vw;
        top: 0;
        left: 68px;
    }

    #campaign-2116 #terms .flex .text-wrap .label,
    #campaign-2125 #terms .flex .text-wrap .label,
    #campaign-2203 #terms .flex .text-wrap .label {
        font-size: 1.8em;
    }

    #campaign-2116 #add-mile::before,
    #campaign-2125 #add-mile::before,
    #campaign-2203 #add-mile::before {
        width: 280px;
        height: 84px;
        top: -58px;
    }

    #campaign-2116 #add-mile .wrap-840,
    #campaign-2125 #add-mile .wrap-840,
    #campaign-2203 #add-mile .wrap-840 {
        max-width: 520px;
    }

    #campaign-2116 #add-mile .flex .mile-wrap,
    #campaign-2125 #add-mile .flex .mile-wrap,
    #campaign-2203 #add-mile .flex .mile-wrap {
        width: 200px;
        height: 200px;
    }

    #campaign-2116 #add-mile .flex .mile-wrap .wh,
    #campaign-2125 #add-mile .flex .mile-wrap .wh,
    #campaign-2203 #add-mile .flex .mile-wrap .wh {
        font-size: 1em;
        max-width: 130px;
        margin-top: 3em;
    }

    #campaign-2116 #add-mile .flex .mile-wrap .position-r .font-l,
    #campaign-2125 #add-mile .flex .mile-wrap .position-r .font-l,
    #campaign-2203 #add-mile .flex .mile-wrap .position-r .font-l {
        font-size: 3.5em;
    }

    #campaign-2116 #add-mile .flex .mile-wrap .position-r .font-m,
    #campaign-2125 #add-mile .flex .mile-wrap .position-r .font-m,
    #campaign-2203 #add-mile .flex .mile-wrap .position-r .font-m {
        font-size: 1.8em;
    }

    #campaign-2116 #add-mile .flex .mile-arrow,
    #campaign-2125 #add-mile .flex .mile-arrow,
    #campaign-2203 #add-mile .flex .mile-arrow {
        width: 80px;
    }

    #campaign-2116 #add-mile a.font-m,
    #campaign-2125 #add-mile a.font-m,
    #campaign-2203 #add-mile a.font-m {
        font-size: 1em;
    }

    #campaign-2116 #ex .flex .text-wrap .add-mile .font-s,
    #campaign-2125 #ex .flex .text-wrap .add-mile .font-s,
    #campaign-2203 #ex .flex .text-wrap .add-mile .font-s {
        font-size: 2.8vw;
    }

    #campaign-2116 #ex .flex .text-wrap .add-wrap .plus,
    #campaign-2125 #ex .flex .text-wrap .add-wrap .plus,
    #campaign-2203 #ex .flex .text-wrap .add-wrap .plus {
        font-size: 1.3em;
    }

    #campaign-2116 #ex #ex-conditions .flex,
    #campaign-2125 #ex #ex-conditions .flex,
    #campaign-2203 #ex #ex-conditions .flex {
        flex-direction: column;
    }

    #campaign-2116 #ex #ex-conditions .img-arrow,
    #campaign-2125 #ex #ex-conditions .img-arrow,
    #campaign-2203 #ex #ex-conditions .img-arrow {
        transform: rotate(90deg);
    }
}

@media screen and (max-width: 520px) {

    #campaign-2116 .text-left-res,
    #campaign-2125 .text-left-res,
    #campaign-2203 .text-left-res {
        text-align: left;
    }

    #campaign-2116 #terms .terms-hd,
    #campaign-2125 #terms .terms-hd,
    #campaign-2203 #terms .terms-hd {
        font-size: 1.3em;
    }

    #campaign-2116 #terms .terms-hd br,
    #campaign-2125 #terms .terms-hd br,
    #campaign-2203 #terms .terms-hd br {
        display: none;
    }

    #campaign-2116 #terms .flex .text-wrap .terms-text,
    #campaign-2125 #terms .flex .text-wrap .terms-text,
    #campaign-2203 #terms .flex .text-wrap .terms-text {
        font-size: 1.3em;
        line-height: 1.3;
    }

    #campaign-2116 #terms .flex .text-wrap .label,
    #campaign-2125 #terms .flex .text-wrap .label,
    #campaign-2203 #terms .flex .text-wrap .label {
        font-size: 6.4vw;
    }

    #campaign-2116 #add-mile h2 .sp-br,
    #campaign-2125 #add-mile h2 .sp-br,
    #campaign-2203 #add-mile h2 .sp-br {
        display: block;
    }

    #campaign-2116 #add-mile .wrap-840,
    #campaign-2125 #add-mile .wrap-840,
    #campaign-2203 #add-mile .wrap-840 {
        max-width: 200px;
    }

    #campaign-2116 #add-mile .flex .mile-arrow,
    #campaign-2125 #add-mile .flex .mile-arrow,
    #campaign-2203 #add-mile .flex .mile-arrow {
        transform: rotate(90deg);
        margin: 0 auto;
    }

    #campaign-2116 #ex .lead-text,
    #campaign-2125 #ex .lead-text,
    #campaign-2203 #ex .lead-text {
        font-size: 1.2em;
    }

    #campaign-2116 #ex .lead-text br,
    #campaign-2125 #ex .lead-text br,
    #campaign-2203 #ex .lead-text br {
        display: none;
    }

    #campaign-2116 #ex .ex-wrap .ex-hd,
    #campaign-2125 #ex .ex-wrap .ex-hd,
    #campaign-2203 #ex .ex-wrap .ex-hd {
        line-height: 1.2;
    }

    #campaign-2116 #ex .ex-wrap .ex-hd .sp-br,
    #campaign-2125 #ex .ex-wrap .ex-hd .sp-br,
    #campaign-2203 #ex .ex-wrap .ex-hd .sp-br {
        display: block;
    }

    #campaign-2116 #ex .ex-wrap .ex-hd .font-m,
    #campaign-2125 #ex .ex-wrap .ex-hd .font-m,
    #campaign-2203 #ex .ex-wrap .ex-hd .font-m {
        font-size: 1em;
    }

    #campaign-2116 #ex .flex,
    #campaign-2125 #ex .flex,
    #campaign-2203 #ex .flex {
        flex-direction: column-reverse;
    }

    #campaign-2116 #ex .flex .text-wrap,
    #campaign-2125 #ex .flex .text-wrap,
    #campaign-2203 #ex .flex .text-wrap {
        width: 100%;
    }

    #campaign-2116 #ex .flex .text-wrap .font-l,
    #campaign-2125 #ex .flex .text-wrap .font-l,
    #campaign-2203 #ex .flex .text-wrap .font-l {
        font-size: 1.2em;
    }

    #campaign-2116 #ex .flex .text-wrap .add-wrap,
    #campaign-2125 #ex .flex .text-wrap .add-wrap,
    #campaign-2203 #ex .flex .text-wrap .add-wrap {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }

    #campaign-2116 #ex .flex .text-wrap .add-wrap p,
    #campaign-2125 #ex .flex .text-wrap .add-wrap p,
    #campaign-2203 #ex .flex .text-wrap .add-wrap p {
        width: 100%;
    }

    #campaign-2116 #ex .flex .text-wrap .add-wrap .plus,
    #campaign-2125 #ex .flex .text-wrap .add-wrap .plus,
    #campaign-2203 #ex .flex .text-wrap .add-wrap .plus {
        font-size: 2em;
        margin: 0 10px 10px;
    }

    #campaign-2116 #ex .flex .text-wrap .add-wrap .bg-black,
    #campaign-2125 #ex .flex .text-wrap .add-wrap .bg-black,
    #campaign-2203 #ex .flex .text-wrap .add-wrap .bg-black {
        max-width: 12em;
        margin: 0 auto;
    }

    #campaign-2116 #ex .flex .text-wrap .add-mile,
    #campaign-2125 #ex .flex .text-wrap .add-mile,
    #campaign-2203 #ex .flex .text-wrap .add-mile {
        font-size: 1.6em;
    }

    #campaign-2116 #ex .flex .text-wrap .add-mile .font-s,
    #campaign-2125 #ex .flex .text-wrap .add-mile .font-s,
    #campaign-2203 #ex .flex .text-wrap .add-mile .font-s {
        font-size: 0.5em;
    }

    #campaign-2116 #ex .flex .text-wrap .total-wrap,
    #campaign-2125 #ex .flex .text-wrap .total-wrap,
    #campaign-2203 #ex .flex .text-wrap .total-wrap {
        font-size: 4vw;
    }

    #campaign-2116 #ex .flex .img-wrap,
    #campaign-2125 #ex .flex .img-wrap,
    #campaign-2203 #ex .flex .img-wrap {
        max-width: 116px;
        width: 100%;
        margin: 20px auto;
    }

    #campaign-2116 #ex #ex-conditions h3,
    #campaign-2125 #ex #ex-conditions h3,
    #campaign-2203 #ex #ex-conditions h3 {
        font-size: 1.2em;
    }

    #campaign-2116 #step #amc-form #amc-bk.uk-padding,
    #campaign-2125 #step #amc-form #amc-bk.uk-padding,
    #campaign-2203 #step #amc-form #amc-bk.uk-padding {
        padding: 20px 0;
    }

    #campaign-2116 #step #amc-form #amc-bk #amc-text,
    #campaign-2125 #step #amc-form #amc-bk #amc-text,
    #campaign-2203 #step #amc-form #amc-bk #amc-text {
        text-align: left;
    }

    #campaign-2116 #step #amc-form .amc-regist p,
    #campaign-2125 #step #amc-form .amc-regist p,
    #campaign-2203 #step #amc-form .amc-regist p {
        text-align: left;
    }

    #campaign-2116 #step #amc-form .amc-regist p br,
    #campaign-2125 #step #amc-form .amc-regist p br,
    #campaign-2203 #step #amc-form .amc-regist p br {
        display: none;
    }
}

@media screen and (max-width: 420px) {

    #campaign-2116 #terms .flex .text-wrap .terms-text,
    #campaign-2125 #terms .flex .text-wrap .terms-text,
    #campaign-2203 #terms .flex .text-wrap .terms-text {
        font-size: 1em;
        line-height: 1.5;
        padding-top: 5px;
    }

    #campaign-2116 #terms .font-l,
    #campaign-2125 #terms .font-l,
    #campaign-2203 #terms .font-l {
        font-size: 1.2em;
    }

    #campaign-2116 #add-mile::before,
    #campaign-2125 #add-mile::before,
    #campaign-2203 #add-mile::before {
        width: 240px;
        height: 72px;
        top: -47px;
    }

    #campaign-2116 #ex #ex-conditions .hd-deco:before,
    #campaign-2116 #ex #ex-conditions .hd-deco::after,
    #campaign-2125 #ex #ex-conditions .hd-deco:before,
    #campaign-2125 #ex #ex-conditions .hd-deco::after,
    #campaign-2203 #ex #ex-conditions .hd-deco:before,
    #campaign-2203 #ex #ex-conditions .hd-deco::after {
        width: 2.8em;
    }

    #campaign-2116 #step #amc-form #amc-bk h2,
    #campaign-2125 #step #amc-form #amc-bk h2,
    #campaign-2203 #step #amc-form #amc-bk h2 {
        font-size: 1.1em;
    }
}

/******* end JAL(cam2116, cam2125) *******/
/****** 螳壽悄雉ｼ蜈･縺ｯ縺倥ａ縺ｾ縺励◆繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2118) *****/
#campaign-2118 .sp-br {
    display: none;
}

#campaign-2118 .font-blue {
    color: #0042C3;
}

#campaign-2118 .font-white {
    color: #fff;
}

#campaign-2118 .bg-blue {
    background-color: #0042C3;
}

#campaign-2118 .bg-base {
    background-color: #F6F9FE;
}

#campaign-2118 .bg-yellow {
    background-color: #FFFF00;
}

#campaign-2118 .word-break {
    word-break: keep-all;
}

#campaign-2118 .hd-line span {
    border-bottom: 3px solid #0042C3;
    display: inline-block;
}

#campaign-2118 .sub-hd {
    position: relative;
    display: inline-block;
    padding: 0 1.2em;
}

#campaign-2118 .sub-hd:before,
#campaign-2118 .sub-hd::after {
    content: "";
    background-color: #333;
    width: 1.2em;
    height: 3px;
    border-radius: 10px;
    position: absolute;
    bottom: 20px;
}

#campaign-2118 .sub-hd::before {
    transform: rotate(60deg);
    left: 0;
}

#campaign-2118 .sub-hd::after {
    transform: rotate(-60deg);
    right: 0;
}

#campaign-2118 .sub-hd.font-white:before,
#campaign-2118 .sub-hd.font-white::after {
    background-color: #fff;
}

#campaign-2118 #present .flex {
    align-items: center;
    justify-content: center;
}

#campaign-2118 #present #present-wrap {
    width: 100%;
    max-width: 800px;
    border: 2px solid #0042C3;
    background-color: #fff;
    margin: 0 auto;
    font-weight: bold;
    line-height: 1;
}

#campaign-2118 #present #present-wrap img {
    height: 4em;
    margin: 8px;
}

#campaign-2118 #present #present-wrap .wrap {
    width: 50%;
}

#campaign-2118 #present #present-wrap .flex-l {
    justify-content: flex-end;
}

#campaign-2118 #present #present-wrap .flex-r {
    justify-content: flex-start;
}

#campaign-2118 #present #present-wrap .font-l {
    font-size: 4em;
}

#campaign-2118 #present #present-wrap .font-m {
    font-size: 2.2em;
}

#campaign-2118 #present #present-wrap .font-s {
    font-size: 1.8em;
}

#campaign-2118 #course {
    background: linear-gradient(to right, #0042C3 50%, #2B9CF9 50%, #2B9CF9 100%);
}

#campaign-2118 #course h2 {
    text-shadow: 0 0 5px #1A009B;
}

#campaign-2118 #course h2::before,
#campaign-2118 #course h2::after {
    box-shadow: 0 0 5px #1A009B;
}

#campaign-2118 #course .flex {
    justify-content: space-between;
    align-items: center;
}

#campaign-2118 #course #or {
    font-size: 3em;
    font-weight: bold;
    letter-spacing: 0.1em;
}

#campaign-2118 #course .course-wrap {
    width: 45%;
    background-color: #fff;
}

#campaign-2118 #course .course-wrap h3 {
    margin-bottom: 0;
    font-size: 1.4em;
}

#campaign-2118 #course .course-wrap .flex {
    align-items: center;
}

#campaign-2118 #course .course-wrap .text-wrap {
    width: 62%;
    margin: 0;
    font-weight: bold;
}

#campaign-2118 #course .course-wrap .img-wrap {
    width: 34%;
}

@media screen and (max-width: 840px) {
    #campaign-2118 #present #present-wrap .wrap {
        width: 100%;
        justify-content: center;
    }
}

@media screen and (max-width: 720px) {
    #campaign-2118 #present h2 .sp-br {
        display: block;
    }

    #campaign-2118 #course #or {
        font-size: 2.5em;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2118 h2 {
        font-size: 1.4em;
    }

    #campaign-2118 h3 {
        font-size: 1.2em;
    }

    #campaign-2118 .sub-hd:before,
    #campaign-2118 .sub-hd::after {
        bottom: 10px;
    }

    #campaign-2118 .sp-br {
        display: block;
    }

    #campaign-2118 #course {
        background-color: #0042C3;
        padding: 40px 0 0;
    }

    #campaign-2118 #course .container {
        padding: 0;
    }

    #campaign-2118 #course .flex-course {
        position: relative;
        background: linear-gradient(to bottom, #0042C3 50%, #2B9CF9 50%, #2B9CF9 100%);
    }

    #campaign-2118 #course .course-wrap {
        width: calc(100% - 20px);
        margin: 0 auto;
    }

    #campaign-2118 #course .course-wrap h3 {
        padding: 10px 0px;
        font-size: 1.1em;
    }

    #campaign-2118 #course #course2 {
        margin: 0 auto 40px;
    }

    #campaign-2118 #course #or {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        background: linear-gradient(to bottom, #0042C3 50%, #2B9CF9 50%, #2B9CF9 100%);
    }
}

@media screen and (max-width: 480px) {
    #campaign-2118 #present #present-wrap img {
        height: 3em;
    }

    #campaign-2118 #present #present-wrap .font-l {
        font-size: 3em;
    }

    #campaign-2118 #present #present-wrap .font-m {
        font-size: 1.4em;
    }

    #campaign-2118 #present #present-wrap .font-s {
        font-size: 1.4em;
    }
}

/****** end 螳壽悄雉ｼ蜈･縺ｯ縺倥ａ縺ｾ縺励◆繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2118) *****/
/******** 螻ｱ蛻�￠(cam2119) ********/
#campaign-2119 .sp-br,
#campaign-2119 .sp-img {
    display: none;
}

#campaign-2119 .bg-yellow {
    background-color: #fffde3;
}

#campaign-2119 .font-red {
    color: #ff0000;
}

#campaign-2119 .font-bk {
    color: #000;
}

#campaign-2119 .hd-deco {
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-2119 .hd-deco::before,
#campaign-2119 .hd-deco::after {
    content: "";
    width: 1.3em;
    height: 3px;
    border-radius: 2px;
    background-color: #000;
}

#campaign-2119 .hd-deco::before {
    transform: rotate(60deg);
}

#campaign-2119 .hd-deco::after {
    transform: rotate(-60deg);
}

#campaign-2119 .btn-l {
    font-size: 1.3em;
    max-width: 360px;
    border-radius: 36px;
}

#campaign-2119 .btn-cam-eq {
    background-color: #ff6500;
    color: white;
}

#campaign-2119 .btn-cam-eq svg {
    width: 1.3em;
}

#campaign-2119 .btn-cam-eq .cls-1 {
    fill: #fff;
}

#campaign-2119 .btn-cam-eq:hover {
    border: solid 1px #ff6500;
    background-color: #fff;
    color: #ff6500;
}

#campaign-2119 .btn-cam-eq:hover .cls-1 {
    fill: #ff6500;
}

#campaign-2119 .font-m {
    font-size: 1.1em;
}

#campaign-2119 #intro.padding-l {
    padding-top: 0;
}

#campaign-2119 #intro .hd {
    color: #209705;
}

#campaign-2119 #intro .hd .font-s {
    font-size: 0.7em;
}

#campaign-2119 #intro .hd-deco::before,
#campaign-2119 #intro .hd-deco::after {
    height: 2px;
    background-color: #000;
}

#campaign-2119 #chance #detail-wrap {
    background: url(/img/campaign/2119/bg.png) no-repeat;
    background-size: 100%;
}

#campaign-2119 #chance #detail-wrap .flex {
    align-items: flex-end;
    justify-content: space-between;
}

#campaign-2119 #chance #detail-wrap .detail-inner {
    position: relative;
}

#campaign-2119 #chance #detail-wrap .detail-inner .active {
    background: url(/img/campaign/2119/img-active.png) no-repeat;
    background-size: contain;
    position: absolute;
    height: 100%;
}

#campaign-2119 #chance #detail-wrap .detail-inner:nth-child(1) {
    max-width: 248px;
    width: 23%;
}

#campaign-2119 #chance #detail-wrap .detail-inner:nth-child(1) .active {
    max-width: 90px;
    width: 10vw;
    top: 15%;
    left: 10%;
}

#campaign-2119 #chance #detail-wrap .detail-inner:nth-child(2) {
    max-width: 334px;
    width: 30%;
}

#campaign-2119 #chance #detail-wrap .detail-inner:nth-child(2) .active {
    max-width: 100px;
    width: 10vw;
    top: 15%;
    left: 17%;
}

#campaign-2119 #chance #detail-wrap .detail-inner:nth-child(3) {
    max-width: 440px;
    width: 40%;
}

#campaign-2119 #chance #detail-wrap .detail-inner:nth-child(3) .active {
    max-width: 120px;
    width: 10vw;
    top: 15%;
    left: 20%;
}

#campaign-2119 #chance .frame-bk {
    background-color: #fff;
    border: solid 3px #000;
}

#campaign-2119 #chance .frame-bk.flex {
    align-items: baseline;
}

#campaign-2119 #chance .frame-bk dt,
#campaign-2119 #chance .frame-bk dd {
    width: 50%;
}

#campaign-2119 #chance .frame-bk dt img {
    max-width: 50px;
    width: 10%;
}

#campaign-2119 #chance .frame-bk .font-l {
    font-size: 2.3em;
}

#campaign-2119 #chance .frame-bk .font-m {
    font-size: 1.6em;
}

#campaign-2119 #chance #date-wrap.flex {
    justify-content: space-between;
}

#campaign-2119 #chance #date-wrap .date-inner {
    width: 32%;
}

#campaign-2119 #chance #date-wrap .date-inner:nth-child(1) .date-hd {
    background-color: #5bc423;
}

#campaign-2119 #chance #date-wrap .date-inner:nth-child(2) .date-hd {
    background-color: #00b596;
}

#campaign-2119 #chance #date-wrap .date-inner:nth-child(3) .date-hd {
    background-color: #1784f9;
}

#campaign-2119 #chance #date-wrap .date-hd {
    color: #fff;
    padding: 2px;
}

#campaign-2119 #chance #date-wrap .date-ft {
    border: solid 1px #c9c9c9;
    background-color: #fff;
    padding: 2px 8px;
}

#campaign-2119 #chance #date-wrap .date-ft .flex {
    align-items: center;
}

#campaign-2119 #chance #date-wrap .date-ft dt {
    width: 2.2em;
    font-weight: normal;
}

#campaign-2119 #chance #date-wrap .date-ft dd {
    width: calc(100% - 2.2em);
}

#campaign-2119 #chance #date-wrap .date-ft .font-m {
    font-size: 1.2em;
}

#campaign-2119 #structure .sub-hd {
    background-color: #209705;
    color: #fff;
    padding: 8px;
}

#campaign-2119 #structure .frame-green {
    border: solid 3px #209705;
    border-top: none;
}

#campaign-2119 #structure .frame-green .font-m {
    font-size: 1.4em;
}

#campaign-2119 #structure .frame-green.flex {
    align-items: center;
    justify-content: center;
}

#campaign-2119 #structure .frame-green.padding-m {
    padding: 20px 40px;
}

#campaign-2119 #structure .frame-green .img-wat {
    max-width: 190px;
    width: 20%;
    height: 100%;
}

#campaign-2119 #structure .text-wrap {
    width: 78%;
}

#campaign-2119 #structure .text-top .flex {
    align-items: center;
}

#campaign-2119 #structure .text-top .flex img {
    width: 25px;
    margin: 0 16px;
}

#campaign-2119 #structure .text-bottom.flex {
    align-items: center;
}

#campaign-2119 #structure .text-bottom img {
    max-width: 80px;
    width: 11%;
    height: 100%;
    margin-right: 8px;
}

#campaign-2119 #bank .container {
    overflow: visible;
}

#campaign-2119 #bank .hd {
    text-align: left;
    margin-right: 25%;
}

#campaign-2119 #bank .frame-red {
    border: solid 3px #ff0000;
    background-color: #fff;
    margin-right: 40px;
    position: relative;
}

#campaign-2119 #bank .frame-red .img-watplus {
    position: absolute;
    max-width: 170px;
    width: 30%;
    top: -100px;
    right: -40px;
}

#campaign-2119 #bank .frame-red .flex {
    align-items: center;
}

#campaign-2119 #bank .frame-red .text-left {
    margin: 0 8px 0 40px;
}

#campaign-2119 #bank .frame-red .text-right p {
    display: block;
    line-height: 1.1;
}

#campaign-2119 #bank .frame-red .text-right p.font-l {
    font-size: 7em;
}

#campaign-2119 #bank .frame-red .text-right p span {
    display: inline-block;
}

#campaign-2119 #bank .frame-red .text-right p .font-s {
    font-size: 0.4em;
}

#campaign-2119 #cam-detail {
    background-color: #209705;
}

@media screen and (max-width: 880px) {

    #campaign-2119 #chance .frame-bk dt,
    #campaign-2119 #chance .frame-bk dd {
        width: 100%;
    }

    #campaign-2119 #structure .sub-hd {
        font-size: 1.3em;
    }

    #campaign-2119 #structure .text-wrap {
        font-size: 1.5vw;
    }

    #campaign-2119 #bank .frame-red {
        font-size: 2vw;
    }

    #campaign-2119 #bank .frame-red .text-left {
        margin-left: 0;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2119 h2 {
        font-size: 1.4em;
    }

    #campaign-2119 .font-m {
        font-size: 1em;
    }

    #campaign-2119 #chance #detail-wrap {
        background: none;
    }

    #campaign-2119 #chance #detail-wrap .flex {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #campaign-2119 #chance #detail-wrap .detail-inner:nth-child(1),
    #campaign-2119 #chance #detail-wrap .detail-inner:nth-child(2),
    #campaign-2119 #chance #detail-wrap .detail-inner:nth-child(3) {
        width: 100%;
    }

    #campaign-2119 #chance #detail-wrap .detail-inner:nth-child(1) .active,
    #campaign-2119 #chance #detail-wrap .detail-inner:nth-child(2) .active,
    #campaign-2119 #chance #detail-wrap .detail-inner:nth-child(3) .active {
        max-width: 120px;
        width: 80%;
        left: 50%;
    }

    #campaign-2119 #chance #detail-wrap .detail-inner:nth-of-type(1) {
        top: 5%;
    }

    #campaign-2119 #chance #detail-wrap .detail-inner:nth-of-type(2) {
        background: url(/img/campaign/2119/bg_2.png) no-repeat;
        background-size: 100%;
    }

    #campaign-2119 #chance #detail-wrap .detail-inner:nth-of-type(2) .active {
        top: 5%;
    }

    #campaign-2119 #chance #detail-wrap .detail-inner:nth-of-type(3) {
        background: url(/img/campaign/2119/bg_3.png) no-repeat;
        background-size: 100%;
        top: 15%;
    }

    #campaign-2119 #chance .frame-bk {
        font-size: 3vw;
    }

    #campaign-2119 #chance .frame-bk dt,
    #campaign-2119 #chance .frame-bk dd {
        text-align: center;
    }

    #campaign-2119 #chance #date-wrap .date-inner {
        width: 100%;
        padding: 10px;
    }

    #campaign-2119 #structure .sub-hd {
        font-size: 3.5vw;
    }

    #campaign-2119 #structure .text-wrap {
        font-size: 100%;
        width: 100%;
    }

    #campaign-2119 #structure .text-wrap .text-top {
        font-size: 2.5vw;
        text-align: center;
        margin-bottom: 20px;
    }

    #campaign-2119 #structure .text-wrap .text-top .flex {
        flex-direction: column;
        margin-top: 10px;
    }

    #campaign-2119 #structure .text-wrap .text-top .flex img {
        transform: rotate(90deg);
    }

    #campaign-2119 #structure .text-wrap .text-bottom .wrap {
        font-size: 2.8vw;
    }

    #campaign-2119 #structure .text-wrap .text-bottom.flex {
        justify-content: center;
    }

    #campaign-2119 #structure .frame-green .img-wat {
        margin: 10px auto 0;
        max-width: 160px;
        width: 100%;
    }

    #campaign-2119 #bank .frame-red .img-watplus {
        width: 24vw;
        top: -80%;
    }
}

@media screen and (max-width: 480px) {
    #campaign-2119 .btn-l {
        max-width: 280px;
        font-size: 1.1em;
    }

    #campaign-2119 #intro .hd {
        font-size: 1.2em;
    }

    #campaign-2119 #structure .sub-hd {
        font-size: 1.1em;
    }

    #campaign-2119 #structure .sub-hd .sp-br {
        display: block;
    }

    #campaign-2119 #structure .text-wrap .text-top {
        font-size: 0.8em;
    }

    #campaign-2119 #structure .text-wrap .text-bottom .sp-br {
        display: block;
    }

    #campaign-2119 #structure .text-wrap .text-bottom.flex {
        flex-direction: column;
    }

    #campaign-2119 #structure .text-wrap .text-bottom img {
        width: 100%;
        margin-right: 0;
    }

    #campaign-2119 #structure .text-wrap .text-bottom .wrap {
        text-align: center;
        font-size: 0.8em;
    }

    #campaign-2119 #bank .hd {
        margin-right: 0;
        text-align: center;
    }

    #campaign-2119 #bank .frame-red {
        font-size: 80%;
        margin-right: 0;
        padding-bottom: 190px;
    }

    #campaign-2119 #bank .frame-red .flex {
        justify-content: center;
    }

    #campaign-2119 #bank .frame-red .img-watplus {
        width: 100%;
        top: auto;
        bottom: 10px;
        right: 0;
        left: 0;
        margin: auto;
    }

    #campaign-2119 #bank .frame-red .img-watplus.pc-img {
        display: none;
    }

    #campaign-2119 #bank .frame-red .img-watplus.sp-img {
        display: block;
    }

    #campaign-2119 #bank .frame-red .text-right p.font-l {
        font-size: 5em;
    }
}

/****** end 螻ｱ蛻�￠(cam2119) ******/
/******** 驥手除縺ｮ譌･(cam2120) ********/
#campaign-2120 .bg-pink {
    background: #fff5f7;
}

#campaign-2120 h2.hd-pink {
    background-color: #d8123c;
    color: #fff;
    padding: 8px;
}

#campaign-2120 .sub-hd {
    position: relative;
    display: inline-block;
    padding: 0 2.5em;
    font-weight: bold;
    font-size: 1.2em;
}

#campaign-2120 .sub-hd:before,
#campaign-2120 .sub-hd::after {
    content: "";
    background: #333;
    width: 3em;
    height: 2px;
    border-radius: 10px;
    position: absolute;
    bottom: 20px;
}

#campaign-2120 .sub-hd::before {
    transform: rotate(60deg);
    left: 0;
}

#campaign-2120 .sub-hd::after {
    transform: rotate(-60deg);
    right: 0;
}

#campaign-2120 .lead-text {
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}

#campaign-2120 .flex {
    justify-content: space-between;
}

#campaign-2120 .flex-reverse {
    flex-direction: row-reverse;
}

#campaign-2120 .flex-align-center {
    align-items: center;
}

#campaign-2120 .col2 .img-wrap {
    width: 34%;
}

#campaign-2120 .col2 .text-wrap {
    width: 62%;
}

#campaign-2120 .wrap980 {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}

#campaign-2120 .btn-l {
    font-size: 1.3em;
    max-width: 360px;
    border-radius: 36px;
}

#campaign-2120 .btn-l .cls-1 {
    fill: white;
}

#campaign-2120 .btn-l:hover .cls-1 {
    fill: #e56100;
}

#campaign-2120 #kw-detail {
    border: 4px solid #d8123c;
    background: #fff;
}

#campaign-2120 #kw-detail .img-wrap {
    width: 15%;
}

#campaign-2120 #kw-detail .text-wrap {
    width: 81%;
}

#campaign-2120 #entry .font-blue {
    color: #0060a8;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

#campaign-2120 #entry #present h3 {
    background: #0060a8;
    color: #fff;
    padding: 8px;
}

#campaign-2120 #entry #present .wrap {
    background: #ebf7ff;
    border: 4px solid #0060a8;
}

#campaign-2120 #entry #present .wrap #or {
    font-size: 4em;
    align-self: center;
}

#campaign-2120 #entry #present .present-wrap {
    background: #fff;
    width: 40%;
    display: flex;
}

#campaign-2120 #entry #present .present-wrap .inner {
    align-self: center;
    width: 100%;
}

#campaign-2120 #entry #present .present-wrap #wat {
    max-width: 160px;
}

#campaign-2120 #bonus .flex li {
    width: 30%;
}

#campaign-2120 #solavege #story-wap .text-wrap,
#campaign-2120 #solavege #story-wap .img-wrap {
    width: 49%;
}

#campaign-2120 #solavege .story {
    justify-content: space-between;
}

#campaign-2120 #solavege .story li {
    width: 48%;
    margin: 0 0 2%;
}

#campaign-2120 #cam-detail {
    background: #d8123c;
}

@media screen and (max-width: 720px) {

    #campaign-2120 #solavege #story-wap .text-wrap,
    #campaign-2120 #solavege #story-wap .img-wrap {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2120 h2 {
        font-size: 1.2em;
    }

    #campaign-2120 h3 {
        font-size: 1.1em;
    }

    #campaign-2120 .flex-reverse {
        flex-direction: row;
    }

    #campaign-2120 .col2 .img-wrap {
        width: 100%;
        margin-bottom: 20px;
    }

    #campaign-2120 .col2 .text-wrap {
        width: 100%;
    }

    #campaign-2120 .sub-hd {
        padding: 0 1em;
        font-size: 1em;
    }

    #campaign-2120 .sub-hd::before,
    #campaign-2120 .sub-hd::after {
        width: 1.5em;
        bottom: 10px;
    }

    #campaign-2120 .lead-text br {
        display: none;
    }

    #campaign-2120 .btn-l {
        font-size: 1.1em;
    }

    #campaign-2120 #kw-detail .img-wrap {
        width: 100%;
        max-width: 200px;
        margin: 0 auto 20px;
    }

    #campaign-2120 #kw-detail .text-wrap {
        width: 100%;
    }

    #campaign-2120 #entry #present .flex {
        justify-content: center;
    }

    #campaign-2120 #entry #present .present-wrap {
        width: 100%;
    }

    #campaign-2120 #bonus .flex li {
        width: 100%;
        margin-bottom: 20px;
    }

    #campaign-2120 #solavege .story li .btn-m {
        font-size: 0.8em;
    }
}

/******** end 驥手除縺ｮ譌･(cam2120) ********/
/****** ANA繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2121) *****/
#campaign-2121 .sp-br,
#campaign-2121 .sp-img {
    display: none;
}

#campaign-2121 .font-white {
    color: #ffffff;
}

#campaign-2121 .font-blue {
    color: #0b308c;
}

#campaign-2121 .font-brown {
    color: #231815;
}

#campaign-2121 .font-orange {
    color: #ff8500;
}

#campaign-2121 .font-text {
    color: #3e3a39;
}

#campaign-2121 .font-yellow {
    color: #ffd900;
}

#campaign-2121 .font-red {
    color: #ff0000;
}

#campaign-2121 .bg-blue {
    background-color: #0b308c;
}

#campaign-2121 .bg-orange {
    background-color: #ff8500;
}

#campaign-2121 .bg-navy {
    background-color: #001e5b;
}

#campaign-2121 .hd-deco {
    display: flex;
    align-items: center;
    justify-content: center;
}

#campaign-2121 .hd-deco:before,
#campaign-2121 .hd-deco::after {
    content: "";
    width: 1.6em;
    height: 3px;
    background-color: #000;
    border-radius: 2px;
}

#campaign-2121 .hd-deco:before {
    transform: rotate(60deg);
}

#campaign-2121 .hd-deco:after {
    transform: rotate(-60deg);
}

#campaign-2121 .btn-l {
    max-width: 320px;
    border-radius: 50px;
    font-size: 1.3em;
}

#campaign-2121 .btn-regist {
    border: solid 1px #ff8500;
    background-color: #ff8500;
}

#campaign-2121 .btn-regist:hover {
    background-color: #ffffff;
    color: #ff8500;
}

#campaign-2121 .btn-red {
    border: solid 1px #ff0000;
    background-color: #ff0000;
    color: #ffffff;
}

#campaign-2121 .btn-red .cls-1 {
    fill: #ffffff;
}

#campaign-2121 .btn-red:hover {
    background-color: #ffffff;
    color: #ff0000;
}

#campaign-2121 .btn-red:hover .cls-1 {
    fill: #ff0000;
}

#campaign-2121 .target .hd-target {
    color: #ffffff;
    padding: 8px;
}

#campaign-2121 .target .hd-target span {
    background-color: #ffffff;
    padding: 4px;
    vertical-align: text-top;
}

#campaign-2121 .target .lead {
    font-size: 1.3em;
}

#campaign-2121 .target .terms-inner {
    position: relative;
    border: solid 3px #0b308c;
    background-color: #ffffff;
    padding: 20px;
}

#campaign-2121 .target .terms-inner img {
    position: absolute;
    width: 100px;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
}

#campaign-2121 .target .terms-inner p {
    margin-left: 120px;
}

#campaign-2121 .target .terms-inner p:nth-of-type(1) {
    font-size: 1.4em;
}

#campaign-2121 .target .terms-inner p:nth-of-type(2) {
    font-size: 1.8em;
    line-height: 1;
}

#campaign-2121 .target .bg-wh.padding-s {
    padding: 30px 20px;
}

#campaign-2121 .target .bg-wh .ex.flex {
    justify-content: center;
    align-items: center;
}

#campaign-2121 .target .bg-wh .text-left,
#campaign-2121 .target .bg-wh .text-right {
    margin-top: 20px;
}

#campaign-2121 .target .bg-wh .text-left.flex,
#campaign-2121 .target .bg-wh .text-right.flex {
    justify-content: center;
    align-items: center;
}

#campaign-2121 .target .bg-wh .bg-blue {
    padding: 4px 16px;
    margin: 8px;
}

#campaign-2121 .target .bg-wh .img-plus {
    width: 28px;
    margin: 8px;
}

#campaign-2121 .target .bg-wh .img-arrow {
    width: 56px;
    margin: 16px;
}

#campaign-2121 .target .bg-wh .img-present {
    width: 135px;
}

#campaign-2121 .target .bg-wh .total {
    font-size: 1.4em;
}

#campaign-2121 .target .bg-wh .total .font-m {
    font-size: 1.2em;
}

#campaign-2121 #mv .mv-img img {
    border: solid 1px #727171;
}

#campaign-2121 #intro.padding-l {
    padding-top: 60px;
}

#campaign-2121 #intro .select-wrap.flex {
    justify-content: center;
}

#campaign-2121 #intro .select-wrap .select-inner {
    position: relative;
    max-width: 345px;
    width: 43%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 21px;
    color: #ffffff;
    line-height: 1.2;
    margin: 20px;
    padding: 30px 20px;
}

#campaign-2121 #intro .select-wrap .select-inner::before {
    position: absolute;
    bottom: 11px;
    right: 0;
    left: 0;
    margin: auto;
    border-width: 10px 6px 0 6px;
    border-color: #ffffff transparent transparent transparent;
}

#campaign-2121 #intro .select-wrap .select-inner .hd-deco::before,
#campaign-2121 #intro .select-wrap .select-inner .hd-deco::after {
    width: 1.3em;
    height: 1px;
    background-color: #ffffff;
}

#campaign-2121 #intro .select-wrap .select-inner .font-l {
    font-size: 1.4em;
}

#campaign-2121 #intro .select-wrap .select-inner p {
    line-height: 1.3;
}

#campaign-2121 #new {
    background-color: #eef4ff;
}

#campaign-2121 #step li {
    background-color: #eef4ff;
}

#campaign-2121 #old {
    background-color: #fff3e9;
}

#campaign-2121 #cam-detail h2 {
    color: #000;
}

@media screen and (max-width: 640px) {
    #campaign-2121 h2 {
        font-size: 1.6em;
    }

    #campaign-2121 .target .hd-target {
        font-size: 1.3em;
    }

    #campaign-2121 .target .lead {
        font-size: 1.1em;
    }

    #campaign-2121 .target .lead .pc-br {
        display: none;
    }

    #campaign-2121 .target .terms-inner {
        padding: 10px;
    }

    #campaign-2121 .target .terms-inner img {
        width: 60px;
        top: 10px;
        bottom: auto;
        left: 10px;
    }

    #campaign-2121 .target .terms-inner p:nth-of-type(1) {
        margin-left: 70px;
    }

    #campaign-2121 .target .terms-inner p:nth-of-type(2) {
        margin-left: 0;
    }

    #campaign-2121 .target .bg-wh.padding-s {
        padding: 20px 10px;
    }

    #campaign-2121 #intro .hd {
        font-size: 3.8vw;
    }

    #campaign-2121 #intro .select-wrap .select-inner {
        width: 45%;
        margin: 10px;
    }

    #campaign-2121 #intro .select-wrap .select-inner .font-l {
        font-size: 1.1em;
    }
}

@media screen and (max-width: 480px) {
    #campaign-2121 h2 {
        font-size: 1.3em;
    }

    #campaign-2121 .btn-l {
        max-width: 280px;
        font-size: 1.1em;
    }

    #campaign-2121 .target .hd-target span {
        display: inline-block;
        width: 100%;
        padding: 2px;
        margin-bottom: 8px;
    }

    #campaign-2121 .target .lead {
        font-size: 1.1em;
    }

    #campaign-2121 .target .terms-inner p:nth-of-type(1) {
        font-size: 1.1em;
    }

    #campaign-2121 .target .bg-wh .hd-deco {
        font-size: 1.1em;
    }

    #campaign-2121 .target .bg-wh .ex.flex {
        flex-direction: column;
    }

    #campaign-2121 .target .bg-wh .text-left,
    #campaign-2121 .target .bg-wh .text-right {
        margin-top: 0;
    }

    #campaign-2121 .target .bg-wh .text-left.flex,
    #campaign-2121 .target .bg-wh .text-right.flex {
        flex-direction: column;
    }

    #campaign-2121 .target .bg-wh .img-arrow {
        margin: 8px;
        transform: rotate(90deg);
    }

    #campaign-2121 .target .bg-wh .img-present {
        width: 180px;
    }

    #campaign-2121 #intro .hd {
        font-size: 1.3em;
    }

    #campaign-2121 #intro .hd .pc-br {
        display: none;
    }

    #campaign-2121 #intro .select-wrap .select-inner {
        width: 100%;
    }
}

/**** end ANA繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2121) ***/
/****** 蛻�淵謚戊ｳ�く繝｣繝ｳ繝壹�繝ｳ(cam2122繝ｻ2205) *****/
#campaign-2122 .bg-yellow1,
#campaign-2205 .bg-yellow1 {
    background-color: #FFF7C5;
}

#campaign-2122 .bg-yellow2,
#campaign-2205 .bg-yellow2 {
    background-color: #FFE100;
}

#campaign-2122 .bg-blue,
#campaign-2205 .bg-blue {
    background-color: #00A0E8;
}

#campaign-2122 .font-blue,
#campaign-2205 .font-blue {
    color: #00A0E8;
}

#campaign-2122 .font-orange,
#campaign-2205 .font-orange {
    color: #FF6F3D;
}

#campaign-2122 .font-yellow,
#campaign-2205 .font-yellow {
    color: #FFE100;
}

#campaign-2122 .font-white,
#campaign-2205 .font-white {
    color: white;
}

#campaign-2122 .font-black,
#campaign-2205 .font-black {
    color: black;
}

#campaign-2122 .font-ss,
#campaign-2205 .font-ss {
    font-size: 0.4em;
}

#campaign-2122 .font-ls,
#campaign-2205 .font-ls {
    font-size: 0.9em;
}

#campaign-2122 .btn-l,
#campaign-2205 .btn-l {
    font-size: 1.2em;
    max-width: 360px;
    min-width: 305px;
    border-radius: 36px;
}

#campaign-2122 .btn-img,
#campaign-2205 .btn-img {
    height: 1.3em;
}

#campaign-2122 .btn-cam-eq,
#campaign-2205 .btn-cam-eq {
    border: solid 1px #FF6F3D;
    background-color: #FF6F3D;
    color: white;
}

#campaign-2122 .btn-cam-eq:hover,
#campaign-2205 .btn-cam-eq:hover {
    background-color: white;
    color: #FF6F3D;
}

#campaign-2122 .hd-deco,
#campaign-2205 .hd-deco {
    display: flex;
    align-items: center;
    justify-content: center;
}

#campaign-2122 .hd-deco:before,
#campaign-2122 .hd-deco::after,
#campaign-2205 .hd-deco:before,
#campaign-2205 .hd-deco::after {
    content: "";
    width: 1.6em;
    height: 3px;
    background-color: #000000;
    border-radius: 2px;
}

#campaign-2122 .hd-deco:before,
#campaign-2205 .hd-deco:before {
    transform: rotate(60deg);
}

#campaign-2122 .hd-deco:after,
#campaign-2205 .hd-deco:after {
    transform: rotate(-60deg);
}

#campaign-2122 #intro .intro-flex,
#campaign-2205 #intro .intro-flex {
    justify-content: space-between;
}

#campaign-2122 #intro .intro-flex .img-wrap,
#campaign-2205 #intro .intro-flex .img-wrap {
    width: 40%;
}

#campaign-2122 #intro .intro-flex .text-wrap,
#campaign-2205 #intro .intro-flex .text-wrap {
    width: 58%;
}

#campaign-2122 #explanation .detail-wrap,
#campaign-2205 #explanation .detail-wrap {
    margin-bottom: 80px;
}

#campaign-2122 #explanation .detail-wrap .frame-first,
#campaign-2122 #explanation .detail-wrap .frame-second,
#campaign-2205 #explanation .detail-wrap .frame-first,
#campaign-2205 #explanation .detail-wrap .frame-second {
    border: solid 5px #00A0E8;
    background-color: #FFFFFF;
}

#campaign-2122 #explanation .detail-wrap .frame-first .text-left h3,
#campaign-2122 #explanation .detail-wrap .frame-second .text-left h3,
#campaign-2205 #explanation .detail-wrap .frame-first .text-left h3,
#campaign-2205 #explanation .detail-wrap .frame-second .text-left h3 {
    font-weight: normal;
}

#campaign-2122 #explanation .detail-wrap .frame-first .text-left p,
#campaign-2122 #explanation .detail-wrap .frame-second .text-left p,
#campaign-2205 #explanation .detail-wrap .frame-first .text-left p,
#campaign-2205 #explanation .detail-wrap .frame-second .text-left p {
    font-size: 1.2em;
}

#campaign-2122 #explanation .detail-wrap .frame-first .text-left .margin-left,
#campaign-2122 #explanation .detail-wrap .frame-second .text-left .margin-left,
#campaign-2205 #explanation .detail-wrap .frame-first .text-left .margin-left,
#campaign-2205 #explanation .detail-wrap .frame-second .text-left .margin-left {
    margin-left: 20px;
}

#campaign-2122 #explanation .detail-wrap .frame-first .text-left img,
#campaign-2122 #explanation .detail-wrap .frame-second .text-left img,
#campaign-2205 #explanation .detail-wrap .frame-first .text-left img,
#campaign-2205 #explanation .detail-wrap .frame-second .text-left img {
    width: 96px;
    height: 96px;
}

#campaign-2122 #explanation .detail-wrap .frame-first .text-left .font-large,
#campaign-2122 #explanation .detail-wrap .frame-second .text-left .font-large,
#campaign-2205 #explanation .detail-wrap .frame-first .text-left .font-large,
#campaign-2205 #explanation .detail-wrap .frame-second .text-left .font-large {
    font-size: 1.8em;
}

#campaign-2122 #explanation .detail-wrap .frame-first .text-left .padding-margin,
#campaign-2122 #explanation .detail-wrap .frame-second .text-left .padding-margin,
#campaign-2205 #explanation .detail-wrap .frame-first .text-left .padding-margin,
#campaign-2205 #explanation .detail-wrap .frame-second .text-left .padding-margin {
    padding: 8px 8px;
    margin-left: 8px;
}

#campaign-2122 #explanation .detail-wrap .frame-first .text-left .font-md,
#campaign-2122 #explanation .detail-wrap .frame-second .text-left .font-md,
#campaign-2205 #explanation .detail-wrap .frame-first .text-left .font-md,
#campaign-2205 #explanation .detail-wrap .frame-second .text-left .font-md {
    font-size: 2em;
}

#campaign-2122 #explanation .detail-wrap .frame-first .text-left .margin-left-md,
#campaign-2122 #explanation .detail-wrap .frame-second .text-left .margin-left-md,
#campaign-2205 #explanation .detail-wrap .frame-first .text-left .margin-left-md,
#campaign-2205 #explanation .detail-wrap .frame-second .text-left .margin-left-md {
    margin-left: 8px;
}

#campaign-2122 #explanation .detail-wrap .frame-first .img-center img,
#campaign-2122 #explanation .detail-wrap .frame-second .img-center img,
#campaign-2205 #explanation .detail-wrap .frame-first .img-center img,
#campaign-2205 #explanation .detail-wrap .frame-second .img-center img {
    width: 60px;
}

#campaign-2122 #explanation .detail-wrap .frame-first .text-right .font-large,
#campaign-2122 #explanation .detail-wrap .frame-second .text-right .font-large,
#campaign-2205 #explanation .detail-wrap .frame-first .text-right .font-large,
#campaign-2205 #explanation .detail-wrap .frame-second .text-right .font-large {
    font-size: 4em;
    line-height: 1;
}

#campaign-2122 #explanation .detail-wrap .frame-first .text-right .font-md,
#campaign-2122 #explanation .detail-wrap .frame-second .text-right .font-md,
#campaign-2205 #explanation .detail-wrap .frame-first .text-right .font-md,
#campaign-2205 #explanation .detail-wrap .frame-second .text-right .font-md {
    font-size: 2em;
}

#campaign-2122 #explanation .detail-wrap .frame-first .text-right .text-right-padding,
#campaign-2122 #explanation .detail-wrap .frame-second .text-right .text-right-padding,
#campaign-2205 #explanation .detail-wrap .frame-first .text-right .text-right-padding,
#campaign-2205 #explanation .detail-wrap .frame-second .text-right .text-right-padding {
    padding-left: 40px;
}

#campaign-2122 #explanation .return .font-size-md,
#campaign-2205 #explanation .return .font-size-md {
    font-size: 1.5em;
}

#campaign-2122 #explanation .return .frame-return,
#campaign-2205 #explanation .return .frame-return {
    border: solid 5px #FFE100;
    padding: 24px 26px;
    background-color: #FFFFFF;
    align-items: center;
    max-width: 880px;
    width: 100%;
    margin: auto;
}

#campaign-2122 #explanation .return .frame-return .text-left,
#campaign-2205 #explanation .return .frame-return .text-left {
    width: 70%;
}

#campaign-2122 #explanation .return .frame-return .icon-right,
#campaign-2205 #explanation .return .frame-return .icon-right {
    width: 25%;
}

#campaign-2122 #structure,
#campaign-2205 #structure {
    background: url(/img/campaign/2122/bk_img_dot.png);
    background-repeat: repeat;
    background-size: 20px;
}

#campaign-2122 #structure .font-size-md,
#campaign-2205 #structure .font-size-md {
    font-size: 1.5em;
}

#campaign-2122 #structure .text-margin,
#campaign-2205 #structure .text-margin {
    margin: 0px 24px;
}

#campaign-2122 #structure .ex-layout,
#campaign-2205 #structure .ex-layout {
    max-width: 880px;
    width: 100%;
    margin: auto;
}

#campaign-2122 #structure .buy-ex,
#campaign-2205 #structure .buy-ex {
    color: black;
    background-color: #FFFFFF;
    padding: 8px 8px;
}

#campaign-2122 #structure .ex-text,
#campaign-2205 #structure .ex-text {
    padding: 10px 0px;
    text-align: center;
    font-size: 1.2em;
}

#campaign-2122 #structure .margin-left,
#campaign-2205 #structure .margin-left {
    margin-left: 8px;
}

#campaign-2122 #structure .position-relative,
#campaign-2205 #structure .position-relative {
    position: relative;
}

#campaign-2122 #structure .plus-position,
#campaign-2205 #structure .plus-position {
    position: absolute;
    top: -20px;
    right: -28px;
}

#campaign-2122 #structure .ex-img-res,
#campaign-2205 #structure .ex-img-res {
    padding: 20px;
}

#campaign-2122 #structure .detail-wrap .ex-3-text,
#campaign-2205 #structure .detail-wrap .ex-3-text {
    font-size: 2em;
    width: 215px;
}

#campaign-2122 #structure .detail-wrap .frame-first,
#campaign-2122 #structure .detail-wrap .frame-second,
#campaign-2122 #structure .detail-wrap .frame-third,
#campaign-2205 #structure .detail-wrap .frame-first,
#campaign-2205 #structure .detail-wrap .frame-second,
#campaign-2205 #structure .detail-wrap .frame-third {
    border: solid 5px #00A0E8;
    background-color: #FFFFFF;
    border-top: 0;
    align-items: center;
}

#campaign-2122 #structure .detail-wrap .frame-first .ex-flex,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex {
    padding: 26px 20px;
    align-items: center;
}

#campaign-2122 #structure .detail-wrap .frame-first .ex-flex p,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex p,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex p,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex p,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex p,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex p {
    font-weight: bold;
}

#campaign-2122 #structure .detail-wrap .frame-first .ex-flex .icon-left .equip-a,
#campaign-2122 #structure .detail-wrap .frame-first .ex-flex .icon-left .equip-b,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex .icon-left .equip-a,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex .icon-left .equip-b,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex .icon-left .equip-a,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex .icon-left .equip-b,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex .icon-left .equip-a,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex .icon-left .equip-b,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex .icon-left .equip-a,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex .icon-left .equip-b,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex .icon-left .equip-a,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex .icon-left .equip-b {
    box-sizing: border-box;
    padding: 10px 24px;
    height: 90px;
    border-radius: 5px;
}

#campaign-2122 #structure .detail-wrap .frame-first .ex-flex .icon-left .equip-a img,
#campaign-2122 #structure .detail-wrap .frame-first .ex-flex .icon-left .equip-b img,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex .icon-left .equip-a img,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex .icon-left .equip-b img,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex .icon-left .equip-a img,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex .icon-left .equip-b img,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex .icon-left .equip-a img,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex .icon-left .equip-b img,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex .icon-left .equip-a img,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex .icon-left .equip-b img,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex .icon-left .equip-a img,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex .icon-left .equip-b img {
    height: 60%;
    margin-bottom: 8px;
}

#campaign-2122 #structure .detail-wrap .frame-first .ex-flex .icon-left .text-plus,
#campaign-2122 #structure .detail-wrap .frame-first .ex-flex .icon-left .text-equal,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex .icon-left .text-plus,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex .icon-left .text-equal,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex .icon-left .text-plus,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex .icon-left .text-equal,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex .icon-left .text-plus,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex .icon-left .text-equal,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex .icon-left .text-plus,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex .icon-left .text-equal,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex .icon-left .text-plus,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex .icon-left .text-equal {
    font-size: 3em;
    margin: 0px 8px;
}

#campaign-2122 #structure .detail-wrap .frame-first .ex-flex .icon-left .text-sum,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex .icon-left .text-sum,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex .icon-left .text-sum,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex .icon-left .text-sum,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex .icon-left .text-sum,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex .icon-left .text-sum {
    box-sizing: border-box;
    padding: 8px 24px;
    border-radius: 5px;
    height: 90px;
}

#campaign-2122 #structure .detail-wrap .frame-first .ex-flex .icon-left .text-sum .sum-center,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex .icon-left .text-sum .sum-center,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex .icon-left .text-sum .sum-center,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex .icon-left .text-sum .sum-center,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex .icon-left .text-sum .sum-center,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex .icon-left .text-sum .sum-center {
    height: 74px;
}

#campaign-2122 #structure .detail-wrap .frame-first .ex-flex .img-center img,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex .img-center img,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex .img-center img,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex .img-center img,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex .img-center img,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex .img-center img {
    height: 90px;
}

#campaign-2122 #structure .detail-wrap .frame-first .ex-flex .text-right .font-large,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex .text-right .font-large,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex .text-right .font-large,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex .text-right .font-large,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex .text-right .font-large,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex .text-right .font-large {
    font-size: 4em;
    line-height: 1;
}

#campaign-2122 #structure .detail-wrap .frame-first .ex-flex .text-right .font-md,
#campaign-2122 #structure .detail-wrap .frame-second .ex-flex .text-right .font-md,
#campaign-2122 #structure .detail-wrap .frame-third .ex-flex .text-right .font-md,
#campaign-2205 #structure .detail-wrap .frame-first .ex-flex .text-right .font-md,
#campaign-2205 #structure .detail-wrap .frame-second .ex-flex .text-right .font-md,
#campaign-2205 #structure .detail-wrap .frame-third .ex-flex .text-right .font-md {
    font-size: 2em;
}

@media screen and (max-width: 1048px) {

    #campaign-2122 .frame-first,
    #campaign-2122 .frame-second,
    #campaign-2122 .ex-flex,
    #campaign-2205 .frame-first,
    #campaign-2205 .frame-second,
    #campaign-2205 .ex-flex {
        flex-direction: column;
        align-items: center;
    }

    #campaign-2122 #explanation .text-img-right-margin-res,
    #campaign-2205 #explanation .text-img-right-margin-res {
        margin-top: 20px;
    }

    #campaign-2122 #structure .img-trans-res,
    #campaign-2205 #structure .img-trans-res {
        transform: rotate(90deg);
        margin-top: 20px;
    }

    #campaign-2122 .equip-a,
    #campaign-2122 .equip-b,
    #campaign-2205 .equip-a,
    #campaign-2205 .equip-b {
        margin-bottom: 8px;
    }
}

@media screen and (min-width: 1048px) {

    #campaign-2122 #explanation .frame-first,
    #campaign-2122 #explanation .frame-second,
    #campaign-2205 #explanation .frame-first,
    #campaign-2205 #explanation .frame-second {
        padding: 24px 26px;
    }

    #campaign-2122 #explanation .text-left .text-wrap,
    #campaign-2205 #explanation .text-left .text-wrap {
        width: 514px;
    }

    #campaign-2122 #structure .padding-left-res,
    #campaign-2205 #structure .padding-left-res {
        padding-left: 25px;
    }

    #campaign-2122 #structure .padding-ex-res1,
    #campaign-2205 #structure .padding-ex-res1 {
        padding: 10px 32px !important;
    }

    #campaign-2122 #structure .padding-ex-res2,
    #campaign-2205 #structure .padding-ex-res2 {
        padding: 10px 16px !important;
    }

    #campaign-2122 #structure .padding-ex-res3,
    #campaign-2205 #structure .padding-ex-res3 {
        padding: 10px 10px !important;
    }

    #campaign-2122 #structure .margin-ex-res,
    #campaign-2205 #structure .margin-ex-res {
        margin: 0px 24px !important;
    }

    #campaign-2122 #structure .width-res,
    #campaign-2205 #structure .width-res {
        width: 685px;
    }
}

@media screen and (max-width: 847px) {

    #campaign-2122 .display-none-res-text,
    #campaign-2205 .display-none-res-text {
        display: none;
    }

    #campaign-2122 .plus-position-res,
    #campaign-2205 .plus-position-res {
        position: absolute;
        left: 80%;
        top: 2.5%;
        width: 15%;
    }
}

@media screen and (min-width: 848px) {

    #campaign-2122 .display-none-res-img,
    #campaign-2205 .display-none-res-img {
        display: none;
    }
}

@media screen and (max-width: 640px) {

    #campaign-2122 h2,
    #campaign-2205 h2 {
        font-size: 1.5em;
    }

    #campaign-2122 #intro .intro-flex,
    #campaign-2205 #intro .intro-flex {
        flex-direction: column;
    }

    #campaign-2122 #intro .intro-flex .img-wrap,
    #campaign-2122 #intro .intro-flex .text-wrap,
    #campaign-2205 #intro .intro-flex .img-wrap,
    #campaign-2205 #intro .intro-flex .text-wrap {
        width: 100%;
    }

    #campaign-2122 #intro .intro-flex .img-wrap img,
    #campaign-2122 #intro .intro-flex .text-wrap img,
    #campaign-2205 #intro .intro-flex .img-wrap img,
    #campaign-2205 #intro .intro-flex .text-wrap img {
        margin-bottom: 30px;
    }

    #campaign-2122 #intro .intro-flex .text-wrap h2,
    #campaign-2205 #intro .intro-flex .text-wrap h2 {
        text-align: center !important;
    }

    #campaign-2122 #explanation .frame-first .text-left,
    #campaign-2122 #explanation .frame-second .text-left,
    #campaign-2205 #explanation .frame-first .text-left,
    #campaign-2205 #explanation .frame-second .text-left {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #campaign-2122 #explanation .frame-first .text-left .margin-bottom-res,
    #campaign-2122 #explanation .frame-second .text-left .margin-bottom-res,
    #campaign-2205 #explanation .frame-first .text-left .margin-bottom-res,
    #campaign-2205 #explanation .frame-second .text-left .margin-bottom-res {
        display: inline-block;
        margin-bottom: 4px;
    }

    #campaign-2122 #explanation .frame-first .text-left .img-margin-bottom-res,
    #campaign-2122 #explanation .frame-second .text-left .img-margin-bottom-res,
    #campaign-2205 #explanation .frame-first .text-left .img-margin-bottom-res,
    #campaign-2205 #explanation .frame-second .text-left .img-margin-bottom-res {
        margin-bottom: 20px;
    }

    #campaign-2122 #explanation .frame-first .text-left .margin-left,
    #campaign-2122 #explanation .frame-second .text-left .margin-left,
    #campaign-2205 #explanation .frame-first .text-left .margin-left,
    #campaign-2205 #explanation .frame-second .text-left .margin-left {
        margin: 0 !important;
    }

    #campaign-2122 #explanation .frame-first .img-center,
    #campaign-2122 #explanation .frame-second .img-center,
    #campaign-2205 #explanation .frame-first .img-center,
    #campaign-2205 #explanation .frame-second .img-center {
        width: 60px;
        height: 60px;
    }

    #campaign-2122 #explanation .return .frame-return-title-res,
    #campaign-2205 #explanation .return .frame-return-title-res {
        padding-top: 20px;
    }

    #campaign-2122 #explanation .return .frame-return,
    #campaign-2205 #explanation .return .frame-return {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }

    #campaign-2122 #explanation .return .frame-return .text-left,
    #campaign-2205 #explanation .return .frame-return .text-left {
        width: 100%;
    }

    #campaign-2122 #explanation .return .frame-return .icon-right img,
    #campaign-2205 #explanation .return .frame-return .icon-right img {
        width: 100%;
    }

    #campaign-2122 #structure .padding-res,
    #campaign-2205 #structure .padding-res {
        padding: 10px 12px;
    }

    #campaign-2122 #structure .icon-left,
    #campaign-2205 #structure .icon-left {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #campaign-2122 #structure .icon-left .text-minus,
    #campaign-2205 #structure .icon-left .text-minus {
        padding-bottom: 8px;
    }

    #campaign-2122 #structure .icon-left .text-equal,
    #campaign-2122 #structure .icon-left .text-minus,
    #campaign-2205 #structure .icon-left .text-equal,
    #campaign-2205 #structure .icon-left .text-minus {
        transform: rotate(90deg);
    }

    #campaign-2122 #structure .icon-left .height-res,
    #campaign-2205 #structure .icon-left .height-res {
        height: 90px;
    }
}

@media screen and (max-width: 480px) {

    #campaign-2122 h2,
    #campaign-2205 h2 {
        font-size: 1em;
    }

    #campaign-2122 #explanation .text-left,
    #campaign-2205 #explanation .text-left {
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    #campaign-2122 #explanation .text-left .img-wrap img,
    #campaign-2205 #explanation .text-left .img-wrap img {
        width: 60px;
        height: 60px;
    }

    #campaign-2122 #explanation .text-left .margin-remove-res,
    #campaign-2205 #explanation .text-left .margin-remove-res {
        margin: 0px !important;
    }

    #campaign-2122 #explanation .text-right-padding-res,
    #campaign-2205 #explanation .text-right-padding-res {
        padding: 0 !important;
    }

    #campaign-2122 #explanation .text-right-size-res,
    #campaign-2205 #explanation .text-right-size-res {
        font-size: 1.2em !important;
    }

    #campaign-2122 #explanation .img-center-size-res,
    #campaign-2205 #explanation .img-center-size-res {
        height: 78px !important;
    }

    #campaign-2122 #explanation .font-size-lg,
    #campaign-2205 #explanation .font-size-lg {
        font-size: 1.3em;
    }

    #campaign-2122 #structure .structure-title-font-res,
    #campaign-2205 #structure .structure-title-font-res {
        font-size: 1.2em !important;
    }
}

/**** end 蛻�淵謚戊ｳ�く繝｣繝ｳ繝壹�繝ｳ(cam2122) ***/
/****** 繝ｯ繝�ヨ螳壽悄雉ｼ蜈･繝励Ο繧ｰ繝ｩ繝� 繝�ン繝･繝ｼ繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2123) *****/
#campaign-2123 .bg-blue1 {
    background-color: #002093;
}

#campaign-2123 .bg-blue2 {
    background-color: #BEE1FC;
}

#campaign-2123 .bg-white {
    background-color: white;
}

#campaign-2123 .bg-yellow1 {
    background-color: #FFE44A;
}

#campaign-2123 .bg-yellow2 {
    background: linear-gradient(to bottom, white, #FFFAB8);
}

#campaign-2123 .bg-yellow3 {
    background: linear-gradient(to bottom, #FFFAB8, #FFE44A);
}

#campaign-2123 .font-red1 {
    color: #FF5542;
}

#campaign-2123 .font-red2 {
    color: #D62222;
}

#campaign-2123 .font-blue1 {
    color: #002093;
}

#campaign-2123 .font-white {
    color: white;
}

#campaign-2123 .font-black {
    color: black;
}

#campaign-2123 .font-l {
    font-size: 2.2em;
}

#campaign-2123 .font-ls {
    font-size: 1em;
}

#campaign-2123 .width-adjust {
    width: 100%;
    max-width: 860px;
    margin: auto;
}

#campaign-2123 .btn-cam-eq {
    background: linear-gradient(to bottom, #FF5542, #D62222);
    color: white;
}

#campaign-2123 .btn-cam-eq:hover {
    color: #FF3500;
    background: white;
}

#campaign-2123 .hd-deco {
    display: flex;
    align-items: center;
    justify-content: center;
}

#campaign-2123 .hd-deco:before,
#campaign-2123 .hd-deco::after {
    content: "";
    width: 1.6em;
    height: 3px;
    background-color: #000000;
    border-radius: 2px;
}

#campaign-2123 .hd-deco:before {
    transform: rotate(60deg);
}

#campaign-2123 .hd-deco:after {
    transform: rotate(-60deg);
}

#campaign-2123 #explanation h3 {
    font-size: 1.4rem;
}

#campaign-2123 #explanation .font-1 {
    font-size: 1.08em;
    font-weight: 300;
}

#campaign-2123 #explanation .font-2 {
    font-size: 1.16em;
    font-weight: 600;
}

#campaign-2123 #explanation .font-3 {
    font-size: 1.24em;
    font-weight: 900;
    -webkit-text-stroke: 1px black;
}

#campaign-2123 #explanation .title-padding {
    padding: 8px 0px;
}

#campaign-2123 #explanation .frame {
    background-color: white;
    border-radius: 5px;
}

#campaign-2123 #explanation .frame .frame-title .frame-title-img {
    width: 40px;
    margin-right: 8px;
    margin-bottom: 8px;
}

#campaign-2123 #explanation .frame .frame-title .frame-title-text {
    line-height: 1;
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-left {
    width: 50%;
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-right {
    width: 48%;
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-right .simulation-title {
    background: #002093;
    color: white;
    padding: 4px 0px;
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-right .select-wrap {
    position: relative;
    width: 43%;
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-right .select-wrap::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 12px;
    right: 10px;
    border-top: 2px solid white;
    border-left: 2px solid white;
    transform: rotate(-135deg);
    pointer-events: none;
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-right select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: white;
    background: linear-gradient(to bottom, #7B82F7, #1A2093, #1A2093);
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-right table {
    border-collapse: collapse;
    width: 100%;
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-right td {
    border: solid 1px black;
    width: 33.3333333333%;
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-right img {
    width: 100%;
    max-width: 350px;
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-right .after-per::after {
    content: "%";
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-right .after-yen::after {
    content: "蜀��";
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-right .arrow-img {
    width: 30px;
    margin-right: 4px;
    margin-left: 4px;
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-left-1 {
    width: 68%;
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-right-1 {
    width: 30%;
}

#campaign-2123 #explanation .frame .frame-contents-wrap .frame-img-padding {
    padding: 0px 60px;
}

#campaign-2123 #explanation .frame-small {
    width: 49%;
}

#campaign-2123 #entry h2 {
    font-size: 1.5em;
}

#campaign-2123 #entry .entry-frame {
    border: solid 4px #002093;
    font-size: 2em;
    line-height: 1;
}

#campaign-2123 #entry .entry-frame .img-left img {
    height: 2em;
    margin: 8px;
}

#campaign-2123 #entry .img-center img {
    height: 2.5em;
}

@media screen and (max-width: 840px) {
    #campaign-2123 .margin-bottom-res {
        margin-bottom: 20px;
    }

    #campaign-2123 #entry .font-size-res {
        font-size: 1.4em;
    }

    #campaign-2123 #explanation .frame .frame-contents-wrap .frame-left {
        width: 100%;
    }

    #campaign-2123 #explanation .frame .frame-contents-wrap .frame-right {
        width: 100%;
    }

    #campaign-2123 #explanation .frame .frame-contents-wrap .img-text p {
        font-size: 0.8em;
    }

    #campaign-2123 #explanation .frame-padding-res {
        padding: 14px;
    }

    #campaign-2123 #explanation .frame-small {
        width: 100%;
    }

    #campaign-2123 #explanation .flex-order-increment {
        order: 1;
    }
}

/**** end 繝ｯ繝�ヨ螳壽悄雉ｼ蜈･繝励Ο繧ｰ繝ｩ繝� 繝�ン繝･繝ｼ繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2123) ***/
/****** 驫€陦瑚ｳ�肇縺雁ｼ戊ｶ翫＠蠢懈抄繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2124) *****/
#campaign-2124 .flex {
    justify-content: space-between;
}

#campaign-2124 .font-pink {
    color: #ff0077;
}

#campaign-2124 .font-blue {
    color: #0065a0;
}

#campaign-2124 .hd-deco {
    display: flex;
    align-items: center;
    justify-content: center;
}

#campaign-2124 .hd-deco:before,
#campaign-2124 .hd-deco::after {
    content: "";
    width: 1.6em;
    height: 3px;
    background-color: #333333;
    border-radius: 2px;
}

#campaign-2124 .hd-deco:before {
    transform: rotate(60deg);
}

#campaign-2124 .hd-deco:after {
    transform: rotate(-60deg);
}

#campaign-2124 #tokuten {
    background: #e4f9f7;
}

#campaign-2124 #tokuten .green-wrap {
    border: 5px solid #00c5bf;
    background: white;
    padding: 30px;
}

#campaign-2124 #tokuten .blue-wrap {
    border: 5px solid #0065a0;
    background: white;
    padding: 30px;
}

#campaign-2124 #tokuten h3 {
    padding-left: 3.2em;
    position: relative;
}

#campaign-2124 #tokuten h3 img {
    width: 2.8em;
    position: absolute;
    left: 0;
    top: 0;
}

#campaign-2124 #tokuten #t1 .tokuten-wrap {
    border: 3px solid #00c5bf;
    background: #fffff3;
}

#campaign-2124 #tokuten #t1 .tokuten-wrap .flex {
    align-items: flex-start;
}

#campaign-2124 #tokuten #t1 .img-wrap {
    width: 23%;
}

#campaign-2124 #tokuten #t1 .text-wrap {
    width: 73%;
}

#campaign-2124 #tokuten #t1 h4 {
    background: #00c5bf;
    color: white;
    font-weight: bold;
    padding: 8px;
    margin: 0;
}

#campaign-2124 #tokuten #t1 h4 span {
    display: inline-block;
    background: white;
    color: #00c5bf;
    padding: 2px 8px;
    font-size: 1em;
    line-height: 1;
}

#campaign-2124 #tokuten #t2 .flex {
    position: relative;
}

#campaign-2124 #tokuten #t2 .img-wrap {
    width: 17%;
    max-width: 200px;
    position: absolute;
    right: 0;
    bottom: 20px;
}

#campaign-2124 #tokuten #t2 .text-wrap {
    width: 78%;
}

#campaign-2124 #tokuten #t2 .ex {
    background: #f4f4f4;
}

#campaign-2124 #tokuten #t3 .flex {
    position: relative;
}

#campaign-2124 #tokuten #t3 .img-wrap {
    width: 30%;
    max-width: 300px;
    position: absolute;
    right: 0;
    bottom: 20px;
}

#campaign-2124 #tokuten #t3 .text-wrap {
    width: 66%;
}

#campaign-2124 #tokuten .btn-title {
    font-size: 1.2em;
}

#campaign-2124 #tokuten .cls-1 {
    fill: white;
}

#campaign-2124 #tokuten .btn-cv:hover {
    color: #e56100;
}

#campaign-2124 #tokuten .btn-cv:hover .cls-1 {
    fill: #e56100;
}

#campaign-2124 #merit {
    background: #00c5bf;
}

#campaign-2124 #merit ul {
    padding-left: 0px;
}

#campaign-2124 #merit .hd-deco:before,
#campaign-2124 #merit .hd-deco::after {
    width: 3em;
    background-color: white;
}

#campaign-2124 #merit .hd-deco h2 {
    color: white;
}

#campaign-2124 #merit .hd-deco h2 .font-s {
    display: block;
}

#campaign-2124 #merit li {
    background: white;
    border-radius: 10px;
    width: 48%;
}

#campaign-2124 #merit li:nth-child(1),
#campaign-2124 #merit li:nth-child(2) {
    margin-bottom: 4%;
}

#campaign-2124 #merit li h3 {
    position: relative;
}

#campaign-2124 #merit li h3 span {
    background: #0065a0;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    text-align: center;
    line-height: 1.5;
    border-radius: 50%;
    position: absolute;
}

#campaign-2124 #merit li h3 p {
    padding-left: 1.8em;
}

#campaign-2124 #merit .caution-wrap {
    color: #fff;
}

#campaign-2124 #ana .hd-deco:before,
#campaign-2124 #ana .hd-deco::after {
    width: 3em;
}

#campaign-2124 #ana .flex-left,
#campaign-2124 #ana .flex-right {
    width: 48%;
}

#campaign-2124 #cam-detail {
    background: #0065a0;
}

@media screen and (max-width: 960px) {
    #campaign-2124 h3 br {
        display: none;
    }
}

@media screen and (max-width: 840px) {
    #campaign-2124 h2 br {
        display: none;
    }

    #campaign-2124 #tokuten #t1 .img-wrap,
    #campaign-2124 #tokuten #t2 .img-wrap,
    #campaign-2124 #tokuten #t3 .img-wrap {
        width: 100%;
        position: static;
        margin: 0 auto 20px;
    }

    #campaign-2124 #tokuten #t1 .text-wrap,
    #campaign-2124 #tokuten #t2 .text-wrap,
    #campaign-2124 #tokuten #t3 .text-wrap {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2124 .margin-bottom-res {
        margin-bottom: 30px;
    }

    #campaign-2124 h2 {
        font-size: 1.2em;
    }

    #campaign-2124 h3,
    #campaign-2124 h4 {
        font-size: 1.1em;
    }

    #campaign-2124 #tokuten .green-wrap {
        border: 3px solid #00c5bf;
        padding: 10px;
    }

    #campaign-2124 #tokuten .blue-wrap {
        border: 3px solid #0065a0;
        padding: 10px;
    }

    #campaign-2124 #tokuten .btn-title {
        font-size: 1em;
    }

    #campaign-2124 #merit li {
        width: 100%;
    }

    #campaign-2124 #merit li:nth-child(3) {
        margin-bottom: 4%;
    }

    #campaign-2124 #ana .flex-left,
    #campaign-2124 #ana .flex-right {
        width: 100%;
    }
}

/****** end 驫€陦瑚ｳ�肇縺雁ｼ戊ｶ翫＠蠢懈抄繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2124) *****/
/****** 繝悶Λ繝�け繝輔Λ繧､繝��2021(cam2126) *****/
#campaign-2126 .font-gold {
    color: #F6CE69;
}

#campaign-2126 .font-blue {
    color: #0052E2;
}

#campaign-2126 .font-pink {
    color: #FF008C;
}

#campaign-2126 .bg-black-cm1 {
    background: black;
}

#campaign-2126 .bg-black-cm2 {
    background: #282828;
}

#campaign-2126 .bg-pink {
    background: #FF008C;
}

#campaign-2126 .padding-m {
    padding: 40px 0px;
}

#campaign-2126 .margin-bottom-l {
    margin-bottom: 60px;
}

#campaign-2126 .hd-deco {
    display: flex;
    align-items: center;
    justify-content: center;
}

#campaign-2126 .hd-deco:before,
#campaign-2126 .hd-deco::after {
    content: "";
    width: 1.6em;
    height: 3px;
    background-color: white;
    border-radius: 2px;
}

#campaign-2126 .hd-deco:before {
    transform: rotate(60deg);
}

#campaign-2126 .hd-deco:after {
    transform: rotate(-60deg);
}

#campaign-2126 .btn-cam2126 {
    color: white;
    background-color: #FF008C;
    border: 1px solid #FF008C;
    letter-spacing: 0.1em;
}

#campaign-2126 .btn-cam2126 .cls-1 {
    fill: white;
}

#campaign-2126 .btn-cam2126:hover {
    background-color: #ffffff;
    color: #FF008C;
    opacity: 1;
}

#campaign-2126 .btn-cam2126:hover .cls-1 {
    fill: #FF008C;
}

#campaign-2126 #mv .mv-bf-wrap {
    position: relative;
}

#campaign-2126 #mv .mv-img {
    width: 65%;
    margin: auto;
}

#campaign-2126 #mv .mv-img img {
    padding: 70px 0px 20px 0px;
}

#campaign-2126 #mv .mv-img:before {
    content: "";
    background: url(/img/campaign/2126/bk_l.png);
    background-size: cover;
    position: absolute;
    width: 18%;
    height: 100%;
    left: 0;
}

#campaign-2126 #mv .mv-img:after {
    content: "";
    background: url(/img/campaign/2126/bk_r.png);
    background-size: cover;
    position: absolute;
    width: 29%;
    height: 100%;
    right: 0;
}

#campaign-2126 #mv .band-line {
    background: repeating-linear-gradient(90deg, #B66800 0%, #F9C851 30%, #B66800 50%);
    color: black;
}

#campaign-2126 #mv .band-line p {
    font-size: 1.8em;
    padding: 5px;
}

#campaign-2126 #mv .band-line .day-of-week {
    background: black;
    border-radius: 50%;
    color: white;
    width: 1.6em;
    height: 1.6em;
    display: inline-block;
    line-height: 1.6em;
    font-size: 0.9em;
    letter-spacing: -0.01em;
}

#campaign-2126 #intro .breadcrumb {
    color: white;
}

#campaign-2126 #intro .breadcrumb li {
    color: white;
}

#campaign-2126 #intro .breadcrumb a {
    color: white;
}

#campaign-2126 #intro .text-wrap {
    text-align: center;
}

#campaign-2126 #intro #cam-end {
    font-size: 1.2em;
}

#campaign-2126 #tokuten .frame-line-height {
    line-height: 1.2;
}

#campaign-2126 #tokuten .frame-margin-left {
    margin-left: 50px;
}

#campaign-2126 #tokuten #t1 .text-left,
#campaign-2126 #tokuten #t2 .text-left {
    width: 40%;
}

#campaign-2126 #tokuten #t3 .text-left {
    width: 66%;
}

#campaign-2126 #tokuten #t3 .notes-span {
    background: #B78515;
    width: 0.8em;
    height: 0.8em;
    border-radius: 50%;
    top: 4px;
    left: 4px;
}

#campaign-2126 #tokuten #t3 .text-right-wrap {
    width: 30%;
    padding-top: 60px;
    position: relative;
}

#campaign-2126 #tokuten #t3 .icon-left:after {
    content: "";
    display: inline-block;
    background-image: url(/img/campaign/2126/speech_ballon.png);
    background-size: cover;
    height: 50px;
    width: 185px;
    position: absolute;
    top: 28px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#campaign-2126 #tokuten #t3 .frame-inner .icon-left img {
    height: 2.6em;
}

#campaign-2126 #tokuten .font-m {
    font-size: 1.5em;
}

#campaign-2126 #tokuten .frame {
    background: repeating-linear-gradient(90deg, #B66800 0%, #F9C851 30%, white 35%, #B66800 50%);
    color: black;
    position: relative;
    width: 80%;
    max-width: 780px;
    padding: 4px;
    margin: auto;
}

#campaign-2126 #tokuten .frame img {
    height: 2.2em;
}

#campaign-2126 #tokuten .frame .frame-inner {
    padding: 8px 10px 8px 84px;
}

#campaign-2126 #tokuten .frame .frame-inner:before {
    content: "";
    background-size: contain;
    width: 115px;
    height: 114px;
    position: absolute;
    left: -42px;
    top: -3px;
}

#campaign-2126 #tokuten .frame .font-l {
    font-size: 2.4em;
}

#campaign-2126 #tokuten .frame-first:before {
    background: url(/img/campaign/2126/icon_t1.png);
}

#campaign-2126 #tokuten .frame-second:before {
    background: url(/img/campaign/2126/icon_t2.png);
}

#campaign-2126 #tokuten .frame-third:before {
    background: url(/img/campaign/2126/icon_t3.png);
}

#campaign-2126 #tokuten .notes-wrap {
    max-width: 700px;
    margin: auto;
}

#campaign-2126 #tokuten .purchasing-method {
    position: relative;
}

#campaign-2126 #tokuten .purchasing-method .frame {
    padding: 9px;
}

#campaign-2126 #tokuten .purchasing-method .frame-title {
    color: black;
    position: absolute;
    background: repeating-linear-gradient(to bottom, #F9C851 3%, #FFF778 40%, #D99A26 100%);
    z-index: 1;
    left: 50%;
    top: 22px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 80%;
    max-width: 450px;
    min-width: 220px;
    padding: 5px 2em;
}

#campaign-2126 #tokuten .purchasing-method .frame {
    width: 100%;
    max-width: 900px;
}

#campaign-2126 #tokuten .purchasing-method .frame .frame-inner {
    padding: 30px 10px 5px 10px;
}

#campaign-2126 #tokuten .purchasing-method .text-max {
    height: 60px;
    width: 60px;
    border-radius: 55%;
    line-height: 60px;
}

#campaign-2126 #tokuten .purchasing-method .text-right-wrap {
    width: 400px;
}

#campaign-2126 #tokuten .purchasing-method .text-right-wrap h3 {
    font-size: 1.4em;
}

#campaign-2126 #tokuten .purchasing-method .font-space {
    letter-spacing: -0.1em;
}

#campaign-2126 #merit {
    background: url(/img/campaign/2126/bk_img.png);
    background-repeat: repeat;
}

#campaign-2126 #merit .point-wrap {
    justify-content: space-between;
}

#campaign-2126 #merit .point-layout {
    color: black;
    background: white;
    border-radius: 12px;
    padding: 10px;
    width: 30%;
}

#campaign-2126 #merit .point-layout img {
    height: 4em;
}

#campaign-2126 #merit .point-left {
    width: 25%;
}

#campaign-2126 #merit .point-right {
    color: black;
    width: 70%;
}

@media screen and (max-width: 924px) {
    #campaign-2126 .arrow-margin {
        margin: 6px 0px 0px;
    }

    #campaign-2126 #tokuten .text-center-res {
        text-align: center;
    }

    #campaign-2126 #tokuten .flex-center-res {
        justify-content: center;
    }

    #campaign-2126 #tokuten .margin-top-res {
        margin-top: 60px;
    }

    #campaign-2126 #tokuten #t1 .text-left,
    #campaign-2126 #tokuten #t1 .arrow-center,
    #campaign-2126 #tokuten #t1 .text-right-wrap,
    #campaign-2126 #tokuten #t2 .text-left,
    #campaign-2126 #tokuten #t2 .arrow-center,
    #campaign-2126 #tokuten #t2 .text-right-wrap,
    #campaign-2126 #tokuten #t3 .text-left,
    #campaign-2126 #tokuten #t3 .arrow-center,
    #campaign-2126 #tokuten #t3 .text-right-wrap,
    #campaign-2126 #tokuten .purchasing-method .text-left,
    #campaign-2126 #tokuten .purchasing-method .arrow-center,
    #campaign-2126 #tokuten .purchasing-method .text-right-wrap {
        width: 100%;
    }

    #campaign-2126 #tokuten .arrow-center img {
        transform: rotate(90deg);
    }

    #campaign-2126 #tokuten .frame {
        max-width: 520px;
    }

    #campaign-2126 #tokuten .frame .frame-inner {
        padding: 46px 5px 5px;
    }

    #campaign-2126 #tokuten .frame .frame-inner:before {
        width: 84px;
        height: 84px;
        left: 50%;
        top: 0px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    #campaign-2126 #tokuten .notes-wrap {
        max-width: 500px;
    }

    #campaign-2126 #tokuten .purchasing-method .frame-title {
        width: 85%;
        padding: 5px 5px;
    }

    #campaign-2126 #tokuten .purchasing-method .frame {
        max-width: 640px;
    }

    #campaign-2126 #tokuten .margin-bottom-res {
        margin-bottom: 35px;
    }

    #campaign-2126 #tokuten .caution-wrap {
        color: black;
    }

    #campaign-2126 #merit .point-wrap {
        justify-content: center;
    }

    #campaign-2126 #merit .point-layout {
        width: 100%;
        max-width: 550px;
        margin-bottom: 40px;
    }

    #campaign-2126 #cam-detail {
        color: black;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2126 .cam-btn {
        font-size: 1.1em;
    }

    #campaign-2126 .cam-btn svg {
        width: 32px;
    }

    #campaign-2126 #mv .mv-img img {
        padding: 0;
    }

    #campaign-2126 #mv .mv-img:before,
    #campaign-2126 #mv .mv-img:after {
        display: none;
    }

    #campaign-2126 #mv .band-line p {
        font-size: 1.2em;
    }

    #campaign-2126 #intro .text-wrap {
        text-align: left;
    }

    #campaign-2126 #tokuten .frame {
        width: 90%;
    }

    #campaign-2126 #tokuten .purchasing-method .frame .frame-inner {
        padding: 30px 5px 5px 5px;
    }

    #campaign-2126 #tokuten .purchasing-method .font-size-res {
        font-size: 0.8em;
    }

    #campaign-2126 #tokuten .purchasing-method .text-right-wrap h3 {
        font-size: 1em;
    }

    #campaign-2126 #tokuten .notes-wrap {
        width: 90%;
        margin: auto;
    }
}

/****** end 繝悶Λ繝�け繝輔Λ繧､繝��2021(cam2126) *****/
/****** 繝ｯ繝�ヨ繝励Λ繧ｹ繝励Ξ繧ｼ繝ｳ繝医く繝｣繝ｳ繝壹�繝ｳ(cam2127) *****/
#campaign-2127 .sp-br {
    display: none;
}

#campaign-2127 .btn-cam2127 {
    background-color: #DB0500;
    border: solid 1px #DB0500;
    color: white;
}

#campaign-2127 .btn-cam2127.btn-l {
    max-width: 320px;
    min-width: 280px;
    width: 50%;
    border-radius: 50px;
    font-size: 1.3em;
}

#campaign-2127 .btn-cam2127 svg {
    width: 1.2em;
    vertical-align: sub;
}

#campaign-2127 .btn-cam2127 .cls-1 {
    fill: white;
}

#campaign-2127 .btn-cam2127:hover {
    background-color: white;
    color: #DB0500;
    opacity: 1;
}

#campaign-2127 .btn-cam2127:hover .cls-1 {
    fill: #DB0500;
}

#campaign-2127 .marker-yellow {
    background: linear-gradient(transparent 65%, #FFC700 0%);
}

#campaign-2127 .text-main {
    color: #036A20;
}

#campaign-2127 .text-sub {
    color: #DB0500;
}

#campaign-2127 .text-accent {
    color: #FFC700;
}

#campaign-2127 .cam2127-text {
    color: #000000;
}

#campaign-2127 .cam2127-bg {
    display: inline-block;
    background-color: #003517;
    color: white;
    padding: 8px;
    text-align: center;
}

#campaign-2127 .hd-deco {
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-2127 .hd-deco::before,
#campaign-2127 .hd-deco::after {
    content: "";
    background-color: #000000;
    width: 1.4em;
    height: 2px;
    border-radius: 1px;
}

#campaign-2127 .hd-deco::before {
    transform: rotate(60deg);
}

#campaign-2127 .hd-deco::after {
    transform: rotate(-60deg);
}

#campaign-2127 #intro {
    position: relative;
}

#campaign-2127 #intro .container {
    padding-bottom: 40px;
}

#campaign-2127 #intro .hd {
    color: #036A20;
    text-align: left;
}

#campaign-2127 #intro:after {
    content: "";
    background: url(/img/campaign/2127/bk_tree.png) repeat-x;
    background-size: contain;
    position: absolute;
    max-width: 1100px;
    width: 90%;
    height: 54px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

#campaign-2127 #structure {
    background-color: #036A20;
}

#campaign-2127 #structure .hd-deco:before,
#campaign-2127 #structure .hd-deco:after {
    background-color: white;
}

#campaign-2127 #structure .structure-img img {
    width: 100%;
}

#campaign-2127 #structure .structure-img .img-right {
    max-height: 181px;
    height: 100%;
}

#campaign-2127 #structure .ex-wrap {
    color: #000000;
}

#campaign-2127 #structure .ex-wrap li {
    border: solid 3px #003517;
}

#campaign-2127 #structure .ex-wrap .main-wrap {
    margin: 20px 20px 20px 0;
}

#campaign-2127 #structure .ex-wrap .wrap {
    padding: 10px 16px;
    display: inline-block;
    height: 90px;
    border-radius: 6px;
}

#campaign-2127 #structure .ex-wrap .bg-ly {
    background-color: #FFF7C5;
}

#campaign-2127 #structure .ex-wrap .bg-y {
    background-color: #FFC700;
}

#campaign-2127 #structure .ex-wrap .img-eq {
    max-width: 80px;
    min-width: 50px;
    width: 80%;
    margin-top: 4%;
}

#campaign-2127 #structure .ex-wrap .arrow {
    max-width: 40px;
    min-width: 10px;
    width: 10%;
}

#campaign-2127 #structure .ex-wrap .operator {
    font-size: 3em;
    line-height: 1;
    margin: 8px;
}

#campaign-2127 #structure .ex-wrap .sec-3 .font-l {
    font-size: 4em;
    line-height: 1;
}

#campaign-2127 #structure .ex-wrap .sec-3 .font-m {
    font-size: 1.8em;
    line-height: 1;
}

#campaign-2127 #feature {
    background: linear-gradient(to right, #E1B552, #FBF193, #D08F29);
}

#campaign-2127 #feature .frame-wrap {
    position: relative;
    width: 32%;
    border: solid 5px #003517;
    background-color: white;
}

#campaign-2127 #feature .frame-wrap .point-hd {
    position: absolute;
    width: 6em;
    top: -1.5em;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#campaign-2127 #feature .text-wrap.padding-s {
    padding-top: 2em;
}

#campaign-2127 #feature #method {
    background-color: #003517;
    color: white;
}

#campaign-2127 #feature #method h2 {
    color: white;
}

#campaign-2127 #feature #method.padding-s {
    padding-top: 30px;
    padding-bottom: 30px;
}

#campaign-2127 #feature #method #movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#campaign-2127 #feature #method #movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#campaign-2127 #feature .notes2 {
    padding-left: 7.5em;
}

#campaign-2127 #cam-detail {
    background-color: #036A20;
}

@media screen and (max-width: 640px) {
    #campaign-2127 .sp-br {
        display: block;
    }

    #campaign-2127 .btn-cam2127.btn-l {
        font-size: 1em;
    }

    #campaign-2127 #intro::after {
        height: 33px;
    }

    #campaign-2127 #intro .hd {
        text-align: center;
    }

    #campaign-2127 #structure h3 {
        font-size: 1.2em;
    }

    #campaign-2127 #structure .ex-wrap .main-wrap {
        margin: 10px;
    }

    #campaign-2127 #structure .ex-wrap .wrap {
        padding: 8px;
        max-height: 90px;
        min-height: 60px;
        height: 50%;
    }

    #campaign-2127 #structure .ex-wrap .sec-1 p {
        font-size: 0.8em;
    }

    #campaign-2127 #structure .ex-wrap .sec-3 .font-l {
        font-size: 3.5em;
    }

    #campaign-2127 #structure .ex-wrap .sec-3 .font-m {
        font-size: 1.6em;
    }

    #campaign-2127 #structure .ex-wrap .operator {
        font-size: 1.5em;
        margin: 2px;
    }

    #campaign-2127 #structure .ex-wrap .ex-2 .bg-ly {
        width: calc(33.3333333333% - 1em);
    }

    #campaign-2127 #structure .ex-wrap .ex-2 .flex {
        justify-content: space-between;
    }

    #campaign-2127 #structure .cam2127-half h2 {
        font-size: 1.3em;
    }

    #campaign-2127 #feature h3 {
        font-size: 1.2em;
    }

    #campaign-2127 #feature .frame-wrap {
        width: 100%;
    }

    #campaign-2127 #feature .notes2 {
        padding-left: 0;
        padding-top: 1.8em;
        margin-top: 1em;
    }
}

/**** end 繝ｯ繝�ヨ繝励Λ繧ｹ繝励Ξ繧ｼ繝ｳ繝医く繝｣繝ｳ繝壹�繝ｳ(cam2127) ***/
/****** 2021蟷ｴ譛ｫ繧ｫ繧ｦ繝ｳ繝医ム繧ｦ繝ｳ繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2128) *****/
#campaign-2128 .cam2128-hd {
    color: #231815;
}

#campaign-2128 .cam2128-bg {
    background-color: #0A1552;
}

#campaign-2128 .hd-deco:before,
#campaign-2128 .hd-deco:after {
    background-color: #231815;
}

#campaign-2128 #intro {
    font-size: 1.1em;
}

#campaign-2128 #intro .wrap-960 {
    max-width: 880px;
}

#campaign-2128 #intro .font-accent {
    color: #fff100;
    font-weight: bold;
}

#campaign-2128 #benefit {
    background-color: #FFFCDE;
    border-top: solid 8px white;
}

#campaign-2128 #benefit .cam2128-accent {
    color: #DB0500;
}

#campaign-2128 #benefit li {
    position: relative;
    border: solid 5px #0A1552;
    background-color: white;
}

#campaign-2128 #benefit .bene-hd img {
    max-width: 95px;
    min-width: 45px;
    width: 15%;
}

#campaign-2128 #benefit .img-wrap {
    position: absolute;
    width: 32%;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}

#campaign-2128 #benefit .img-wrap img {
    max-width: 320px;
    width: 100%;
    max-height: 225px;
    height: auto;
}

#campaign-2128 #benefit .text-wrap {
    width: 62%;
}

#campaign-2128 #step {
    background-color: #E1E4EF;
}

#campaign-2128 #step li {
    background-color: white;
}

#campaign-2128 #step li h3 {
    color: #0A1552;
}

#campaign-2128 #step .cam-btn {
    background-color: #FF6C00;
    border: solid 1px #FF6C00;
}

#campaign-2128 #step .cam-btn:hover {
    opacity: 1;
    background-color: white;
    color: #FF6C00;
}

@media screen and (max-width: 786px) {
    #campaign-2128 #benefit .img-wrap {
        position: initial;
        width: 100%;
        justify-content: center;
        margin-bottom: 20px;
    }

    #campaign-2128 #benefit .text-wrap {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    #campaign-2128 #intro {
        font-size: 1em;
    }

    #campaign-2128 #benefit .bene-hd {
        font-size: 4.8vw;
    }
}

/**** end 2021蟷ｴ譛ｫ繧ｫ繧ｦ繝ｳ繝医ム繧ｦ繝ｳ繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2128) ***/
/************************************
    2020.11
    螟ｪ髯ｽ縺ｮ縺翫＞縺励＞諱ｵ縺ｿ縺�◆縺�縺阪∪縺吶く繝｣繝ｳ繝壹�繝ｳ
  ************************************/
.cam2001 {
    /*** 隕句�縺� ***/
    /*** 繝�く繧ｹ繝� ***/
    color: #6a3906;
    line-height: 1.6;
    font-size: 17px;
    /*** 閭梧勹 ***/
    /*** 逋ｻ骭ｲ繝輔か繝ｼ繝� ***/
    /*** 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ***/
    /*** intro ***/
    /*** entry01 ***/
    /*** present ***/
    /*** sharing ***/
    /*** interview ***/
    /*** sfd ***/
}

.cam2001 h2 {
    font-size: 2.2em;
}

.cam2001 h3 {
    font-size: 1.8em;
}

.cam2001 .cmn-h2 {
    color: white;
    text-align: center;
}

.cam2001 .cmn-h2::before {
    content: "";
    width: 60px;
    height: 30px;
    background: url(/img/campaign/2001/icon_sun.png) center top no-repeat;
    background-size: contain;
    display: block;
    margin: 0 auto 16px;
}

.cam2001 h3 {
    color: #6a3906;
    text-align: center;
}

.cam2001 .h-line {
    display: flex;
    align-items: center;
}

.cam2001 .h-line::before,
.cam2001 .h-line::after {
    content: "";
    height: 1em;
    flex-grow: 1;
    background: url(/img/campaign/2001/line.png) center repeat-x;
    display: block;
}

.cam2001 .h-line::before {
    margin-right: 1rem;
}

.cam2001 .h-line::after {
    margin-left: 1rem;
}

.cam2001 .font-bl {
    font-weight: bold;
    font-size: 1.2em;
}

.cam2001 .lead-text {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 1em;
    font-weight: bold;
}

.cam2001 .lead-l {
    font-size: 1.6em;
}

.cam2001 .yellow {
    color: #ffd81f;
}

.cam2001 .white {
    color: white;
}

.cam2001 .line-yellow {
    background: linear-gradient(transparent 50%, #ffd81f 0%);
    font-weight: bold;
}

.cam2001 .bg-cmn {
    position: relative;
}

.cam2001 .bg-cmn::before {
    content: "";
    width: 100%;
    height: 16px;
    position: absolute;
    top: -16px;
    left: 0;
}

.cam2001 .bg-wht {
    background-color: white;
    border-radius: 16px;
    padding: 40px;
}

.cam2001 .bg-lg {
    background-color: #ebf2de;
    border-radius: 16px;
    padding: 24px;
    font-weight: bold;
    text-align: center;
}

.cam2001 .list-count {
    counter-reset: item;
    padding: 0;
}

.cam2001 .list-count .list-hd {
    padding-left: 2em;
    position: relative;
    margin-bottom: 1em;
}

.cam2001 .list-count .list-hd::before {
    font-size: 1.1em;
    counter-increment: item;
    content: counter(item);
    font-weight: bold;
    background-color: #85BC3C;
    color: white;
    border-radius: 50%;
    text-align: center;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.5;
}

.cam2001 .form-wrap {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}

.cam2001 .form-wrap .cv-text h3 span {
    display: block;
    font-size: 0.8em;
}

.cam2001 .cmn-entry-bg {
    background: url(/img/campaign/2001/bg_yellow.png) left top;
    border-radius: 16px;
    padding: 16px;
    position: relative;
}

.cam2001 .cmn-entry-bg .cmn-entry {
    border-radius: 16px;
    border: dotted 2px #6a3906;
    padding: 16px 24px;
    font-weight: bold;
}

.cam2001 .cmn-entry-bg .cmn-entry p {
    font-size: 2em;
}

.cam2001 .cmn-entry-bg .cmn-entry .text-wrap {
    width: 75%;
}

.cam2001 .cmn-entry-bg .cmn-entry .img-wrap {
    width: 23%;
    position: absolute;
    right: 16px;
    bottom: 0;
}

.cam2001 .btn-entry {
    background: linear-gradient(#ff6500, #ff3500);
    border: 2px solid white;
    box-shadow: 0 0 6px #6a3906;
    color: white;
    display: block;
    margin: 6px auto;
    text-align: center;
}

.cam2001 .btn-cv {
    background: linear-gradient(#ff6500, #ff3500);
    border: 2px solid #ff3500;
    box-shadow: 0 0 6px #6a3906;
    color: white;
    border-radius: 10px;
}

.cam2001 .login-form {
    max-width: 840px;
    margin: 40px auto 0;
    padding-top: 40px;
    border-top: dotted 2px #6a3906;
}

.cam2001 .login-form .btn-entry {
    background: linear-gradient(#52a11a, #436f22);
    box-shadow: 0 0 6px #436f22;
}

.cam2001 #mv img {
    border: solid 1px #ccc;
}

.cam2001 #cam-form {
    background: url(/img/campaign/2001/bg_yellow.png) left top;
}

.cam2001 #cam-form::before {
    background: url(/img/campaign/2001/bg_yellow-top.png) left top repeat-x;
    background-size: auto 16px;
}

.cam2001 #intro {
    background-color: #fff1e0;
    text-align: center;
    line-height: 2;
}

.cam2001 #entry01 {
    background: url(/img/campaign/2001/bg_yellow.png) left top;
}

.cam2001 #entry01::before {
    background: url(/img/campaign/2001/bg_yellow-top.png) left top repeat-x;
    background-size: auto 16px;
}

.cam2001 #present {
    background: url(/img/campaign/2001/bg_l-green.png) left top;
}

.cam2001 #present::before {
    background: url(/img/campaign/2001/bg_l-green-top.png) left top repeat-x;
    background-size: auto 16px;
}

.cam2001 #present .lead-text {
    color: white;
}

.cam2001 #present #period {
    font-size: 1.3em;
    font-weight: bold;
    justify-content: center;
    max-width: 26em;
    padding: 8px 16px;
    margin: 0 auto 40px;
    line-height: 1;
}

.cam2001 #present #period dt {
    margin-right: 1em;
    padding: 8px 0;
}

.cam2001 #present #period dd {
    text-align: left;
    padding: 8px 0;
}

.cam2001 #present #present03 .text-wrap p {
    padding-left: 2em;
}

.cam2001 #present #present03 li {
    width: 48%;
}

.cam2001 #present #present03 .sns {
    justify-content: space-between;
}

.cam2001 #present #present03 .btn-wht {
    background-color: white;
    color: #6a3906;
    font-size: 1.3em;
    box-shadow: 0 0 6px #6a3906;
    max-width: 100%;
}

.cam2001 #present #present03 .btn-wht img {
    width: 1.5em;
}

.cam2001 #sharing {
    background: url(/img/campaign/2001/bg_green.png) left top;
}

.cam2001 #sharing::before {
    background: url(/img/campaign/2001/bg_green-top.png) left top repeat-x;
    background-size: auto 16px;
}

.cam2001 #sharing .bg-vege {
    position: relative;
    overflow: visible;
}

.cam2001 #sharing .bg-vege::before {
    content: "";
    width: 240px;
    height: 220px;
    background: url(/img/campaign/2001/illust_03.png) center no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    left: 0px;
    top: -150px;
}

.cam2001 #sharing .text-wrap {
    text-align: center;
}

.cam2001 #sharing #sharing01 h3.hd-bud {
    text-align: left;
}

.cam2001 #sharing #sharing01 h3.hd-bud::before {
    content: "";
    width: 1em;
    height: 1em;
    display: inline-block;
    background: url(/img/campaign/2001/icon_bud.png) center bottom no-repeat;
    background-size: contain;
    margin-right: 0.3em;
}

.cam2001 #sharing #sharing01 #vegi {
    position: relative;
}

.cam2001 #sharing #sharing01 .text-wrap {
    width: 70%;
    text-align: left;
}

.cam2001 #sharing #sharing01 .img-wrap {
    width: 26%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.cam2001 #sharing #sharing-img {
    justify-content: space-between;
}

.cam2001 #sharing #sharing-img li {
    width: 48%;
}

.cam2001 #sharing #sharing-img li img {
    border-radius: 15px;
}

.cam2001 #sharing #sharing-img li p {
    margin: 0.5em 0 0;
}

.cam2001 #sharing #sharing-present {
    text-align: center;
}

.cam2001 #sharing #sharing-present h3 {
    position: relative;
    display: inline-block;
}

.cam2001 #sharing #sharing-present h3::before,
.cam2001 #sharing #sharing-present h3::after {
    content: "";
    width: 1em;
    height: 1em;
    display: inline-block;
    position: absolute;
    bottom: 0;
}

.cam2001 #sharing #sharing-present h3::before {
    background: url(/img/campaign/2001/h_dot_l.png) center bottom no-repeat;
    background-size: contain;
    left: -1em;
}

.cam2001 #sharing #sharing-present h3::after {
    background: url(/img/campaign/2001/h_dot_r.png) center bottom no-repeat;
    background-size: contain;
    right: -1em;
}

.cam2001 #sharing #sharing-present ul {
    justify-content: space-between;
}

.cam2001 #sharing #sharing-present ul li {
    width: 31%;
    text-align: left;
}

.cam2001 #sharing #sharing-present ul li p {
    margin: 0.5em 0 0;
}

.cam2001 #interview {
    background: url(/img/campaign/2001/bg_brown.png) left top;
    font-weight: bold;
}

.cam2001 #interview::before {
    background: url(/img/campaign/2001/bg_brown-top.png) left top repeat-x;
    background-size: auto 16px;
}

.cam2001 #interview #interview-list {
    max-width: 80%;
    justify-content: space-around;
    padding: 6px;
    margin: 40px auto;
}

.cam2001 #interview #interview-list li {
    width: 31%;
    min-width: 300px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
}

.cam2001 #interview .underline {
    font-size: 2em;
    display: inline;
    background: linear-gradient(transparent 90%, white 0%);
    padding-bottom: 5px;
}

.cam2001 #interview #next {
    font-size: 4em;
    -webkit-text-emphasis: filled dot #ffd81f;
    text-emphasis: filled dot #ffd81f;
    -webkit-text-emphasis-position: under;
    text-emphasis-position: under;
}

.cam2001 #sfd {
    background: url(/img/campaign/2001/bg_l-green.png) left top;
    position: relative;
}

.cam2001 #sfd .triangle {
    clip-path: polygon(50% 50%, 0 0, 100% 0%);
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0%);
    background: url(/img/campaign/2001/bg_brown.png) left top;
    width: 100%;
    height: 120px;
    position: absolute;
    top: -1px;
    left: 0;
}

.cam2001 #sfd #sfd-slide {
    position: relative;
}

.cam2001 #sfd #sfd-slide h2 {
    max-width: 980px;
    position: relative;
    z-index: 2;
}

.cam2001 #sfd #sfd-slide .slide-wrap {
    margin-top: -10%;
}

.cam2001 #sfd #sfd-slide .uk-slideshow-items {
    border-radius: 15px;
    overflow: hidden;
}

.cam2001 #sfd #sfd-slide .uk-slideshow-nav {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.cam2001 #sfd #sfd-slide .uk-slideshow-nav li a {
    background-color: white;
}

.cam2001 #sfd #sfd-slide .uk-slideshow-nav .uk-active a {
    background-color: #85BC3C;
}

.cam2001 #sfd #sfd01 li {
    justify-content: space-between;
}

.cam2001 #sfd #sfd01 li .text-wrap {
    width: 56%;
}

.cam2001 #sfd #sfd01 li .text-wrap h4 {
    font-weight: bold;
    font-size: 1.8em;
    color: #85BC3C;
}

.cam2001 #sfd #sfd01 li .text-wrap::before {
    top: 8px;
}

.cam2001 #sfd #sfd01 li .img-wrap {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cam2001 #sfd #sfd01 li .img-wrap img {
    border-radius: 15px;
}

.cam2001 #sfd #sfd01 li:nth-child(odd) {
    flex-direction: row-reverse;
}

.cam2001 #sfd #sfd01 li:nth-child(3) img {
    max-width: 364px;
    width: 100%;
}

.cam2001 #sfd #sfd03 .text-wrap {
    width: 80%;
}

.cam2001 #sfd #sfd03 .text-wrap p.font-s {
    font-size: 14px;
}

.cam2001 #sfd #sfd03 .font-s {
    font-size: 16px;
}

@media (max-width: 1200px) {

    .cam2001 .bg-vege::before,
    .cam2001 .bg-vege::after {
        content: none !important;
    }
}

@media (max-width: 1080px) {
    .cam2001 {
        font-size: 16px;
    }

    .cam2001 h2 {
        font-size: 1.6em;
    }

    .cam2001 h3 {
        font-size: 1.3em;
    }

    .cam2001 .lead-text {
        font-size: 1.2em;
    }

    .cam2001 #intro {
        line-height: 1.6;
    }

    .cam2001 #present #present03 .text-wrap p {
        padding-left: 0;
    }

    .cam2001 #sharing .text-wrap {
        text-align: left;
    }

    .cam2001 #sharing #vegi .font-bl {
        font-size: 1em;
    }

    .cam2001 #sfd .triangle {
        height: 80px;
    }
}

@media (max-width: 840px) {
    .cam2001 .br-m {
        text-align: left;
    }

    .cam2001 .br-m br {
        display: none;
    }

    .cam2001 .cmn-entry-bg .cmn-entry {
        padding: 16px;
    }

    .cam2001 .cmn-entry-bg .cmn-entry .text-wrap {
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .cam2001 .cmn-entry-bg .cmn-entry .img-wrap {
        width: 36%;
    }

    .cam2001 .cmn-entry-bg .cmn-entry p {
        font-size: 4.5vw;
    }

    .cam2001 #present #present03 .sns {
        width: 70%;
    }

    .cam2001 #present #present03 li {
        width: 100%;
    }

    .cam2001 #present #present03 li:first-child {
        margin-bottom: 16px;
    }

    .cam2001 #change #change01 .img-wrap,
    .cam2001 #change #change02 .img-wrap {
        width: 100%;
        margin: 0 auto 1em;
        position: static;
    }

    .cam2001 #change #change01 .text-wrap,
    .cam2001 #change #change02 .text-wrap {
        width: 100%;
    }

    .cam2001 #change #change01 .text-wrap li,
    .cam2001 #change #change02 .text-wrap li {
        padding-right: 0;
    }

    .cam2001 #sharing #sharing-present h3::before,
    .cam2001 #sharing #sharing-present h3::after {
        display: none;
    }

    .cam2001 #interview #interview-list {
        max-width: 100%;
    }

    .cam2001 #interview #interview-list li {
        width: 30%;
        min-width: 280px;
    }

    .cam2001 #interview .underline {
        font-size: 1.2em;
    }

    .cam2001 #interview #next {
        font-size: 2em;
    }

    .cam2001 #sfd #sfd01 li .text-wrap h4 {
        font-size: 1.3em;
    }

    .cam2001 #sfd #sfd03 .text-wrap {
        width: 100%;
    }

    .cam2001 #sfd #sfd03 .text-wrap p.font-s {
        font-size: 12px;
    }

    .cam2001 #sfd #sfd03 .text-wrap .btn-lp {
        width: 70%;
        margin: 0 auto 0 0;
    }
}

@media (max-width: 640px) {
    .cam2001 h2 {
        font-size: 1.3em;
    }

    .cam2001 .lead-text {
        font-size: 1.1em;
    }

    .cam2001 .font-bl {
        font-size: 1em;
    }

    .cam2001 .bg-wht {
        padding: 16px;
    }

    .cam2001 .br-s {
        text-align: left;
    }

    .cam2001 .br-s br {
        display: none;
    }

    .cam2001 #present #period {
        font-size: 1em;
    }

    .cam2001 #sharing #sharing01 .text-wrap {
        width: 100%;
    }

    .cam2001 #sharing #sharing01 .img-wrap {
        display: none;
    }

    .cam2001 #sharing #sharing-present ul {
        max-width: 400px;
        margin: 0 auto;
    }

    .cam2001 #sharing #sharing-present ul li {
        width: 100%;
    }

    .cam2001 #sharing #sharing-present ul li:not(:last-child) p {
        margin: 0.5em 0 2em;
    }

    .cam2001 #sfd #sfd01 li .text-wrap {
        width: 100%;
    }

    .cam2001 #sfd #sfd01 li .text-wrap h4 {
        font-size: 1.1em;
    }

    .cam2001 #sfd #sfd01 li .img-wrap {
        width: 100%;
        margin: 0 auto 1em;
        max-width: 400px;
    }

    .cam2001 #sfd #sfd01 li:nth-child(odd) {
        flex-direction: row;
    }

    .cam2001 #sfd #sfd03 .text-wrap {
        width: 100%;
    }

    .cam2001 #sfd #sfd03 .text-wrap .btn-lp {
        width: 100%;
    }

    .cam2001 #sfd #sfd03 .img-wrap {
        display: none;
    }

    .cam2001 #interview #interview-list li {
        width: 45%;
        min-width: 200px;
    }
}

@media (max-width: 480px) {
    .cam2001 .btn-lp {
        font-size: 1em;
    }

    .cam2001 #sharing #sharing-img li {
        width: 100%;
    }

    .cam2001 #sharing #sharing-img li:not(:last-child) p {
        margin: 0.5em 0 2em;
    }

    .cam2001 #interview #interview-list {
        justify-content: space-between;
        margin: 20px auto;
    }

    .cam2001 #interview #interview-list li {
        width: calc(50% - 5px);
        min-width: initial;
    }
}

/************************************************
    2020.12
    2020蟷ｴ縺ゅｊ縺後→縺�ｼ∵─隰昴�繧ｯ繝ｪ繧ｹ繝槭せ繝励Ξ繧ｼ繝ｳ繝医く繝｣繝ｳ繝壹�繝ｳ
  *************************************************/
#campaign-2005 #intro {
    background: radial-gradient(center, circle cover, #0e1543 50%, #000000);
    background: -webkit-radial-gradient(center, circle cover, #0e1543 50%, #000000);
    background: -moz-radial-gradient(center, circle cover, #0e1543 50%, #000000);
    padding: 60px 0;
}

#campaign-2005 #intro h2 {
    color: #fff;
}

#campaign-2005 #intro h2 br {
    display: none;
}

#campaign-2005 #intro .sentence {
    color: #fff;
    text-align: center;
}

#campaign-2005 #performance {
    background: radial-gradient(center, circle cover, #ea0000, #8f0000);
    background: -webkit-radial-gradient(center, circle cover, #ea0000, #8f0000);
    background: -moz-radial-gradient(center, circle cover, #ea0000, #8f0000);
    position: relative;
}

#campaign-2005 #performance .line-wrap {
    max-width: 85%;
    width: 100%;
    margin: 60px auto 0;
}

#campaign-2005 #performance .line-wrap::before,
#campaign-2005 #performance .line-wrap::after {
    content: "";
    display: block;
    height: 2px;
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
}

#campaign-2005 #performance .line-wrap::before {
    margin-bottom: 8px;
}

#campaign-2005 #performance .line-wrap::after {
    margin-top: 8px;
}

#campaign-2005 #performance .line-wrap .ttl-line {
    margin: 0;
}

#campaign-2005 #performance .line-wrap .ttl-line::before,
#campaign-2005 #performance .line-wrap .ttl-line::after {
    content: "";
    display: block;
    height: 4px;
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
}

#campaign-2005 #performance .line-wrap .ttl-line::before {
    margin-bottom: 24px;
}

#campaign-2005 #performance .line-wrap .ttl-line::after {
    margin-top: 20px;
}

#campaign-2005 #performance .line-wrap br {
    display: none;
}

#campaign-2005 #performance .ttl-frame {
    font-family: serif;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#campaign-2005 #performance .ttl-frame::before,
#campaign-2005 #performance .ttl-frame::after {
    content: "";
    background: url(/img/campaign/2005/frame_w.png) no-repeat;
    background-size: contain;
    width: 102px;
    height: 40px;
    margin: 0 10px;
}

#campaign-2005 #performance .ttl-frame::after {
    transform: scale(-1, 1);
}

#campaign-2005 #performance .container {
    position: relative;
    z-index: 1;
}

#campaign-2005 #performance .ttl-line {
    color: #ffca00;
    text-align: center;
}

#campaign-2005 #performance .ttl {
    color: #fff;
    margin: 32px 0 28px;
}

#campaign-2005 #performance .lead-text {
    text-align: center;
    color: #fff;
}

#campaign-2005 #performance .flex {
    justify-content: space-between;
}

#campaign-2005 #performance .data-wrap {
    margin: 30px 0;
}

#campaign-2005 #performance .data-inner {
    max-width: calc(25% - 20px);
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 5px rgba(13, 73, 27, 0.9);
    padding: 20px;
    margin: 5px;
}

#campaign-2005 #performance .data-inner h3 {
    position: relative;
    font-size: 1.1em;
    padding-left: 58px;
    color: #3f0f0f;
}

#campaign-2005 #performance .data-inner h3::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 67px;
    top: -21px;
    left: 0;
}

#campaign-2005 #performance .data-inner .data-img {
    margin-top: 20px;
}

#campaign-2005 #performance .data1 h3::before {
    background: url(/img/campaign/2005/j_1.png) no-repeat;
}

#campaign-2005 #performance .data2 h3::before {
    background: url(/img/campaign/2005/j_2.png) no-repeat;
}

#campaign-2005 #performance .data3 h3::before {
    background: url(/img/campaign/2005/j_3.png) no-repeat;
}

#campaign-2005 #performance .data3 .font-s {
    font-size: 0.8em;
    margin-top: 20px;
}

#campaign-2005 #performance .data4 h3::before {
    background: url(/img/campaign/2005/j_4.png) no-repeat;
}

#campaign-2005 #performance .data1 h3::before,
#campaign-2005 #performance .data2 h3::before,
#campaign-2005 #performance .data3 h3::before,
#campaign-2005 #performance .data4 h3::before {
    background-size: contain;
}

#campaign-2005 #performance .per-wrap {
    margin-bottom: 40px;
}

#campaign-2005 #performance .per-inner {
    max-width: calc(33.3333333333% - 20px);
    width: 100%;
    margin: 6px;
}

#campaign-2005 #performance .per-img {
    display: table;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
    height: 175px;
    padding: 30px;
}

#campaign-2005 #performance .per-img .img-inner {
    display: table-cell;
    vertical-align: middle;
}

#campaign-2005 #performance .per-text h3 {
    color: #fff;
    font-size: 1.2em;
    margin: 20px 0 10px;
}

#campaign-2005 #performance .per-text p {
    color: #fff;
}

#campaign-2005 #performance .per2 .per-img {
    padding: 10px 30px;
}

#campaign-2005 #step li {
    background-color: #ffd2d2;
}

#campaign-2005 #step li h3 {
    color: #c30d23;
}

#campaign-2005 #cam-detail {
    background: linear-gradient(to right, #ffd588, #c88d3f 14%, #efc073 70%, #c08234);
}

#campaign-2005 .cam-desc {
    color: #333;
}

#campaign-2005 .cam-desc .bg-wh {
    padding: 40px 20px;
}

#campaign-2005 .cam-btn {
    max-width: 500px;
    background: linear-gradient(to right, #ea0000, #8f0000);
    border-radius: 30px;
}

#campaign-2005 .cam-btn img {
    max-width: 26px;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    #campaign-2005 #performance .data-inner {
        max-width: calc(25% - 10px);
    }

    #campaign-2005 #performance .data-inner h3 {
        padding-left: 48px;
    }

    #campaign-2005 #performance .data-inner h3::before {
        width: 40px;
        height: 57px;
    }

    #campaign-2005 #performance .data-inner h3 br {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #campaign-2005 #performance h1 {
        font-size: 1.8em;
    }

    #campaign-2005 #performance h2 {
        font-size: 1.5em;
    }

    #campaign-2005 #performance .ttl-frame::before,
    #campaign-2005 #performance .ttl-frame::after {
        width: 60px;
        height: 25px;
    }

    #campaign-2005 #performance .data-inner {
        max-width: calc(50% - 12px);
    }

    #campaign-2005 #performance .data-inner h3 {
        padding-left: 58px;
    }

    #campaign-2005 #performance .data-inner h3::before {
        width: 58px;
        height: 67px;
    }

    #campaign-2005 #performance .per-img {
        padding: 20px;
        height: 115px;
    }

    #campaign-2005 #performance .per2 .per-img {
        padding: 10px 30px;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2005 #performance .ttl-line br {
        display: block;
    }

    #campaign-2005 #performance .data-inner {
        max-width: 100%;
        padding: 20px 40px;
    }

    #campaign-2005 #performance .data-img {
        max-width: 280px;
        width: 100%;
        margin: 20px auto 0;
    }

    #campaign-2005 #performance .per-inner {
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #campaign-2005 #performance .per-img {
        max-width: calc(35% - 10px);
        padding: 10px;
    }

    #campaign-2005 #performance .per-text {
        width: 65%;
    }

    #campaign-2005 #performance .per2 .per-img {
        padding: 10px;
    }
}

@media screen and (max-width: 520px) {

    #campaign-2005 #performance .ttl-frame::before,
    #campaign-2005 #performance .ttl-frame::after {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2005 #intro h2 br {
        display: block;
    }

    #campaign-2005 #intro .sentence {
        text-align: left;
    }

    #campaign-2005 #intro .sentence br {
        display: none;
    }

    #campaign-2005 #performance h1 {
        font-size: 1.5em;
    }

    #campaign-2005 #performance .ttl {
        font-size: 1.3em;
        margin: 32px 0 0;
    }

    #campaign-2005 #performance .lead-text {
        margin-top: 0;
    }

    #campaign-2005 #performance .data-inner {
        padding: 20px;
    }
}

@media screen and (max-width: 375px) {
    #campaign-2005 #intro h2 {
        text-align: left;
    }

    #campaign-2005 #intro h2 br {
        display: none;
    }

    #campaign-2005 #performance .per-inner {
        flex-direction: column;
    }

    #campaign-2005 #performance .per-img {
        max-width: 100%;
        height: 161px;
    }

    #campaign-2005 #performance .per-text {
        width: 100%;
    }

    #campaign-2005 #performance .per-text h3 {
        margin: 8px 0;
    }

    #campaign-2005 #performance .per-text p {
        margin: 0 0 20px;
    }

    #campaign-2005 #performance .per2 .per-img {
        padding: 10px 30px;
    }

    #campaign-2005 #performance .per2 .per-text h3 {
        padding-top: 8px;
    }
}

#campaign-2005 .cam-btn {
    font-size: 1.2em;
}

/************ end 繧ｭ繝｣繝ｳ繝壹�繝ｳ繝壹�繧ｸ2005 **********/
/************************************
    2020.12
    繧ゅ▲縺代□縺ｮ繝輔�繝峨し繝ｼ繝薙せ讒倥Λ繝ｼ繝｡繝ｳ荳€譚ｯ辟｡譁�
  ************************************/
#lp-cam2006 {
    /*** 隕句�縺� ***/
    /*** 繝�く繧ｹ繝� ***/
    line-height: 1.6;
    font-size: 16px;
    color: #fff;
    /*** 閭梧勹 ***/
    /*** 逋ｻ骭ｲ繝輔か繝ｼ繝� ***/
    /*** 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ ***/
    /***** 譛滄俣 *****/
    /***** intro *****/
    /***** rahmen *****/
    /***** 譛滄俣 *****/
    /***** 縺泌茜逕ｨ縺ｮ豬√ｌ *****/
    /*---------- CHANGE縺ｨ縺ｯ�� ----------*/
    /***** 逶ｮ謖�☆譛ｪ譚･ *****/
    /***** 螳溽ｸｾ *****/
    /***** 隧ｳ邏ｰ *****/
    /***** 縺雁撫縺�粋繧上○ *****/
}

#lp-cam2006 h2 {
    font-size: 1.8em;
    text-align: center;
}

#lp-cam2006 h2 .font-l {
    font-size: 1.2em;
    display: block;
}

#lp-cam2006 .h-gold:before {
    content: "";
    display: block;
    width: 100%;
    height: 31px;
    background: url(/img/campaign/2006/hd_gold.png) center top no-repeat;
    background-size: contain;
    margin-bottom: 8px;
}

#lp-cam2006 .h-br {
    display: none;
}

#lp-cam2006 .font-red {
    color: #e00012;
}

#lp-cam2006 .font-gold {
    font-weight: bold;
    text-align: center;
    background-color: #d9a94b;
    background: -webkit-linear-gradient(to bottom, #d9a94b 15%, #eac67a 42%, #ce9931 73%, #ad782f);
    background: linear-gradient(to bottom, #d9a94b 15%, #eac67a 42%, #ce9931 73%, #ad782f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#lp-cam2006 .h-white {
    color: #fff;
}

#lp-cam2006 .h-white:before {
    content: "";
    display: block;
    width: 100%;
    height: 31px;
    background: url(/img/campaign/2006/hd_white.png) center top no-repeat;
    background-size: contain;
    margin-bottom: 8px;
}

#lp-cam2006 h3 {
    font-size: 1.6em;
    text-align: center;
}

#lp-cam2006 .hd-white {
    border: 2px solid #fff;
    color: #fff;
    padding: 4px;
    font-size: 1.6em;
}

#lp-cam2006 .font-bl {
    font-weight: bold;
    font-size: 1.2em;
}

#lp-cam2006 .lead-text {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 1em;
    font-weight: bold;
}

#lp-cam2006 .lead-l {
    font-size: 1.6em;
}

#lp-cam2006 .font-white {
    color: #fff;
}

#lp-cam2006 .font-yellow {
    color: #ffe400;
}

#lp-cam2006 .bg-red {
    background-color: #ae1e23;
    background: url(/img/campaign/2006/line.png) center top 20px repeat-x, url(/img/campaign/2006/line.png) center bottom 20px repeat-x, radial-gradient(#e01f19 30%, #ae1e23);
    background: url(/img/campaign/2006/line.png) center top 20px repeat-x, url(/img/campaign/2006/line.png) center bottom 20px repeat-x, -webkit-radial-gradient(#e01f19 30%, #ae1e23);
    background: url(/img/campaign/2006/line.png) center top 20px repeat-x, url(/img/campaign/2006/line.png) center bottom 20px repeat-x, -moz-radial-gradient(circle, #e01f19 30%, #ae1e23);
    background-size: 63px, 63px, 100%;
}

#lp-cam2006 .bg-red h3 {
    color: #fff;
}

#lp-cam2006 .bg-burgundy {
    background: linear-gradient(to bottom, #250305, #41041a);
}

#lp-cam2006 .bg-burgundy-l {
    background-color: #502837;
}

#lp-cam2006 .wrap920 {
    max-width: 920px;
    margin: 0 auto;
}

#lp-cam2006 .balloon {
    position: relative;
    display: inline-block;
    padding: 0 1.5em;
}

#lp-cam2006 .balloon::before,
#lp-cam2006 .balloon::after {
    content: "";
    position: absolute;
    bottom: 30%;
    display: inline-block;
    width: 1.5em;
    height: 4px;
    background-color: #40220f;
}

#lp-cam2006 .balloon::before {
    left: 0;
    transform: rotate(60deg);
}

#lp-cam2006 .balloon::after {
    right: 0;
    transform: rotate(-60deg);
}

#lp-cam2006 .regist-form {
    background: linear-gradient(to bottom, #e4ac32, #e6db80 43%, #e3a425);
}

#lp-cam2006 .regist-form h2 {
    color: #40220f;
}

#lp-cam2006 .regist-form .font-red {
    font-weight: bold;
}

#lp-cam2006 .form-registration {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
    color: #40220f;
}

#lp-cam2006 .form-registration h2 {
    display: none;
}

#lp-cam2006 .form-registration .recaptcha-txt {
    color: #5a4334;
}

#lp-cam2006 .form-registration .recaptcha-txt a {
    color: #5a4334;
}

#lp-cam2006 .btn-cv {
    color: #ffffff;
    background: linear-gradient(to bottom, #ff6500, #ff3500);
    border-radius: 10px;
}

#lp-cam2006 header {
    background-color: transparent;
}

#lp-cam2006 #mv {
    background: url(/img/campaign/2006/bk_img.png) center center no-repeat;
    background-size: cover;
}

#lp-cam2006 #top-term {
    font-weight: bold;
}

#lp-cam2006 #top-term .flex {
    justify-content: space-between;
}

#lp-cam2006 #top-term .img-wrap {
    width: 220px;
}

#lp-cam2006 #top-term .img-wrap .pc-img {
    display: block;
}

#lp-cam2006 #top-term .img-wrap .sp-img {
    display: none;
}

#lp-cam2006 #top-term dl {
    width: calc(100% - 240px);
    margin: 0;
}

#lp-cam2006 #top-term .term-wrap:last-child {
    margin-top: 16px;
}

#lp-cam2006 #top-term dt {
    text-align: center;
    margin-bottom: 16px;
}

#lp-cam2006 #top-term dt span {
    color: #d9c850;
}

#lp-cam2006 #top-term dd {
    text-align: left;
    font-size: 2em;
}

#lp-cam2006 #top-term dd span {
    display: inline-block;
}

#lp-cam2006 #intro h2 {
    color: #fff;
}

#lp-cam2006 #intro .award-list {
    justify-content: space-between;
}

#lp-cam2006 #intro .award-list li {
    width: 48%;
}

#lp-cam2006 #intro .award-list li img {
    box-shadow: 0 0 7px #996c6c;
}

#lp-cam2006 #intro .award-list h3 {
    font-weight: normal;
    text-align: left;
    font-size: 1.2em;
    margin: 16px 0 0;
}

#lp-cam2006 #rahmen {
    color: #fff;
}

#lp-cam2006 #rahmen .flex {
    justify-content: space-between;
}

#lp-cam2006 #rahmen .eat li {
    width: 48%;
    margin-bottom: 20px;
}

#lp-cam2006 #rahmen .eat .img-wrap {
    max-width: 220px;
    width: 38%;
}

#lp-cam2006 #rahmen .eat .text-wrap {
    width: 58%;
    font-weight: bold;
}

#lp-cam2006 #rahmen .eat .text-wrap .notes-span {
    top: 4px;
}

#lp-cam2006 #rahmen .eat .text-wrap a {
    color: #fff;
    font-size: 1.2em;
    display: inline-block;
    padding-left: 1em;
}

#lp-cam2006 #rahmen .eat .menu {
    margin: 16px 0 0;
}

#lp-cam2006 #rahmen .eat .menu dt {
    background-color: #e4e0e1;
    color: #40220f;
    padding: 2px 8px;
    font-size: 0.9em;
    margin-bottom: 4px;
}

#lp-cam2006 #rahmen .eat .menu dd {
    text-align: left;
}

#lp-cam2006 #rahmen .shipping .img-wrap {
    width: 300px;
    float: left;
}

#lp-cam2006 #rahmen .shipping .text-wrap {
    padding-left: 320px;
}

#lp-cam2006 #rahmen #mokkedano {
    background-color: #fff;
    border: 4px solid #972428;
    color: #40220f;
    justify-content: space-between;
    align-items: center;
}

#lp-cam2006 #rahmen #mokkedano a {
    color: #40220f;
    word-break: break-all;
}

#lp-cam2006 #rahmen #mokkedano .img-wrap {
    width: 200px;
}

#lp-cam2006 #rahmen #mokkedano .text-wrap {
    width: calc(100% - 240px);
}

#lp-cam2006 #rahmen #mokkedano .text-wrap h3 {
    color: #40220f;
    text-align: left;
}

#lp-cam2006 #term h3 {
    text-align: center;
}

#lp-cam2006 #term h3 span {
    color: #ffe100;
}

#lp-cam2006 #term .term-wrap {
    text-align: center;
}

#lp-cam2006 #term .term-wrap .font-bl {
    font-size: 1.8em;
}

#lp-cam2006 #term .term-wrap span {
    display: inline-block;
}

#lp-cam2006 #term .note-wrap {
    background-color: #fff;
    color: #ba0d23;
    display: block;
    padding: 4px 2em;
    margin: 0 auto;
    max-width: 700px;
    text-align: center;
}

#lp-cam2006 #term .note-wrap .notes1 {
    display: inline-block;
}

#lp-cam2006 #howto h2 span {
    font-size: 0.5em;
}

#lp-cam2006 #howto .flex {
    justify-content: space-between;
}

#lp-cam2006 #howto ol li {
    width: 30%;
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 0 8px 16px;
    position: relative;
}

#lp-cam2006 #howto ol li p {
    color: #40220f;
    width: 100%;
}

#lp-cam2006 #howto ol li .no {
    background-color: #bd0d23;
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    line-height: 1;
    margin: -1em auto 0;
}

#lp-cam2006 #howto ol li:nth-child(2)::before,
#lp-cam2006 #howto ol li:nth-child(2):after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #bd0d22;
    display: block;
    position: absolute;
}

#lp-cam2006 #howto ol li:nth-child(2):before {
    left: -12.5%;
    top: 45%;
}

#lp-cam2006 #howto ol li:nth-child(2)::after {
    right: -12.5%;
    top: 45%;
}

#lp-cam2006 #howto .shipping .img-wrap {
    max-width: 300px;
    width: 30%;
}

#lp-cam2006 #howto .shipping .text-wrap {
    width: 66%;
}

#lp-cam2006 #movie .flex {
    justify-content: space-between;
    align-items: center;
}

#lp-cam2006 #movie #movie-img {
    width: 40%;
}

#lp-cam2006 #movie .movie-img {
    border: 1px solid #ddd;
    max-width: 400px;
    margin: 0 auto;
}

#lp-cam2006 #movie #movie-txt {
    width: 56%;
}

#lp-cam2006 #movie #movie-txt h3 {
    max-width: 360px;
}

#lp-cam2006 #movie #movie-txt p {
    max-width: 25em;
}

#lp-cam2006 .movie-wrap {
    position: relative;
    padding-bottom: 56%;
    width: 100%;
    height: 0;
    border: 1px solid #ddd;
}

#lp-cam2006 .movie-wrap .uk-close {
    color: #fff;
    background-color: #000;
    border-radius: 50%;
    border: 1px solid #fff;
    top: -30px;
    right: -15px;
}

#lp-cam2006 .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#lp-cam2006 #cam-future .flex {
    justify-content: space-between;
    align-items: center;
}

#lp-cam2006 #cam-future h3 {
    text-align: left;
}

#lp-cam2006 #cam-future .container {
    position: relative;
}

#lp-cam2006 #cam-future #future01 .img-wrap {
    width: 27%;
}

#lp-cam2006 #cam-future #future01 .text-wrap {
    width: 67%;
}

#lp-cam2006 #cam-future #future02 .flex {
    flex-direction: row-reverse;
}

#lp-cam2006 #cam-future #future02 .img-wrap {
    width: 34%;
}

#lp-cam2006 #cam-future #future02 .text-wrap {
    width: 58%;
}

#lp-cam2006 #cam-future #future03 .img-wrap {
    width: 20%;
}

#lp-cam2006 #cam-future #future03 .text-wrap {
    width: 72%;
}

#lp-cam2006 #cam-future #future04 .img-wrap {
    width: 34%;
    position: absolute;
    right: 10px;
    top: 0;
}

#lp-cam2006 #cam-future #future04 .text-wrap {
    width: 60%;
}

#lp-cam2006 #cam-future #future04 .text-wrap li {
    margin-bottom: 1em;
    justify-content: space-between;
}

#lp-cam2006 #cam-future #future04 .text-wrap .sdgs-img {
    width: 70px;
}

#lp-cam2006 #cam-future #future04 .text-wrap .sdgs-txt {
    width: calc(100% - 90px);
}

#lp-cam2006 #cam-future #future04 .text-wrap .sdgs-txt p {
    margin: 0;
}

#lp-cam2006 #data ul {
    justify-content: space-between;
}

#lp-cam2006 #data #data-list li {
    width: 22%;
    background-color: #fff;
    border-radius: 10px;
    color: #000000;
    padding: 0 16px 16px;
    box-shadow: 0 0 4px #000;
    margin: 4px;
}

#lp-cam2006 #data #data-list li h3 {
    color: #3f0f0f;
    font-size: 1em;
    text-align: left;
    position: relative;
    padding: 8px 0 0 3em;
}

#lp-cam2006 #data #data-list li h3 .data-no {
    width: 2.7em;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

#lp-cam2006 #data #list2020 li {
    width: 32%;
    padding: 4px;
}

#lp-cam2006 #data #list2020 li .img-wrap {
    box-shadow: 0 0 4px #000;
}

#lp-cam2006 #data #list2020 li .text-wrap {
    margin-top: 1em;
}

#lp-cam2006 #data #list2020 li h3 {
    text-align: left;
    font-size: 1.2em;
    margin: 0;
}

#lp-cam2006 #data #list2020 li p {
    margin: 0;
}

#lp-cam2006 #cam-detail {
    color: #000000;
}

#lp-cam2006 #cam-detail .underline {
    border-bottom: 1px solid #000;
    display: inline-block;
}

#lp-cam2006 #cam-detail li a {
    text-decoration: underline;
    color: #000000;
}

#lp-cam2006 #cam-detail li a:before {
    content: "繝ｻ";
    display: inline-block;
}

#lp-cam2006 #contact {
    background-color: #250305;
    background: url(/img/campaign/2006/line.png) center top 20px repeat-x, url(/img/campaign/2006/line.png) center bottom 20px repeat-x, linear-gradient(#250305, #3e3a39);
    background-size: 63px, 63px, 100%;
}

#lp-cam2006 #contact a {
    color: #fff;
}

#lp-cam2006 #contact h3 {
    color: #000;
    background-color: #fff;
    text-align: center;
    padding: 6px;
}

#lp-cam2006 #contact p {
    margin: 0;
}

#lp-cam2006 #contact .flex {
    justify-content: space-between;
    align-items: center;
}

#lp-cam2006 #contact #ctw {
    width: 35%;
    max-width: 385px;
    font-size: 16px;
}

#lp-cam2006 #contact #ctw img {
    width: 100%;
    margin: 1em 0 8px;
}

#lp-cam2006 #contact #p-mark {
    width: 100px;
    height: auto;
    margin: 0 16px 0 auto;
}

#lp-cam2006 #contact #cs {
    width: 455px;
    font-weight: bold;
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 1em 0.5em;
}

#lp-cam2006 #contact #cs #cs-hd {
    font-size: 1em;
    text-align: center;
}

#lp-cam2006 #contact #cs #cs-hd .bg-yellow,
#lp-cam2006 #contact #cs #cs-hd .frame-yellow {
    padding-top: 1px;
    border: solid 1px #fff100;
}

#lp-cam2006 #contact #cs #cs-hd .bg-yellow {
    background-color: #fff100;
    color: #3e3a39;
    width: 56%;
}

#lp-cam2006 #contact #cs #cs-hd .frame-yellow {
    width: 44%;
}

#lp-cam2006 #contact #cs #cs-info {
    padding: 0 3px;
}

#lp-cam2006 #contact #cs #tel .font-l {
    color: #fff100;
    font-size: 2em;
}

#lp-cam2006 #contact #cs #tel .font-l a {
    color: #fff100;
    font-weight: bold;
}

#lp-cam2006 #contact #cs #tel span {
    vertical-align: middle;
}

#lp-cam2006 footer {
    color: #333;
}

@media screen and (max-width: 960px) {
    #lp-cam2006 h2 {
        font-size: 1.6em;
    }

    #lp-cam2006 h3 {
        font-size: 1.2em;
    }

    #lp-cam2006 #top-term dd {
        font-size: 2.8vw;
    }

    #lp-cam2006 #cam-future #future01 .text-wrap h3 br {
        display: none;
    }

    #lp-cam2006 #contact .container {
        max-width: 576px;
        margin: 0 auto;
    }

    #lp-cam2006 #contact #ctw,
    #lp-cam2006 #contact #cs {
        width: 100%;
    }

    #lp-cam2006 #contact #cs {
        margin-top: 20px;
    }

    #lp-cam2006 #contact #cs #cs-info {
        text-align: center;
        margin-top: 4px;
    }

    #lp-cam2006 #contact .flex {
        align-items: flex-end;
        justify-content: center;
    }

    #lp-cam2006 #contact #p-mark {
        margin: 16px 0 0 16px;
        width: 80px;
    }

    #lp-cam2006 #data #data-list {
        max-width: 600px;
        margin: 0 auto 40px;
    }

    #lp-cam2006 #data #data-list li {
        width: 47%;
        margin-bottom: 3%;
        padding: 0 8px 8px;
    }

    #lp-cam2006 #data #data-list li h3 {
        padding: 8px 0 0 2.5em;
    }

    #lp-cam2006 #data #data-list li h3 .data-no {
        width: 2em;
    }

    #lp-cam2006 #data #list2020 li h3 {
        font-size: 1em;
    }
}

@media screen and (max-width: 720px) {
    #lp-cam2006 .regist-form .font-red {
        text-align: left;
    }

    #lp-cam2006 .regist-form .font-red br {
        display: none;
    }

    #lp-cam2006 #cam-future #future04 .text-wrap {
        width: 100%;
    }

    #lp-cam2006 #cam-future #future04 .img-wrap {
        width: 100%;
        max-width: 400px;
        margin: 1em auto 0 0;
        position: static;
        padding: 0;
    }

    #lp-cam2006 #cam-future #future04 .img-wrap .pc-img {
        display: none;
    }

    #lp-cam2006 #cam-future #future04 ul li {
        width: 100%;
    }

    #lp-cam2006 #cam-future #future04 ul li:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 640px) {
    #lp-cam2006 h2 {
        font-size: 1.5em;
    }

    #lp-cam2006 h3 {
        font-size: 1.1em;
    }

    #lp-cam2006 .h-br {
        display: block;
    }

    #lp-cam2006 .balloon {
        font-size: 4.3vw;
        margin-bottom: 0;
        padding: 0;
    }

    #lp-cam2006 .balloon::before,
    #lp-cam2006 .balloon::after {
        display: none;
    }

    #lp-cam2006 .hd-white {
        font-size: 1.2em;
    }

    #lp-cam2006 #top-term .container {
        max-width: 500px;
    }

    #lp-cam2006 #top-term .img-wrap {
        width: 100%;
    }

    #lp-cam2006 #top-term .img-wrap .pc-img {
        display: none;
    }

    #lp-cam2006 #top-term .img-wrap .sp-img {
        display: block;
    }

    #lp-cam2006 #top-term dl {
        width: 100%;
        margin: 16px 0 0;
    }

    #lp-cam2006 #top-term dl dd {
        font-size: 1.6em;
    }

    #lp-cam2006 #intro .award-list h3 {
        font-size: 1em;
    }

    #lp-cam2006 #rahmen .eat li {
        width: 100%;
    }

    #lp-cam2006 #rahmen .eat .text-wrap a {
        font-size: 1.1em;
    }

    #lp-cam2006 #rahmen .eat .menu dt {
        font-size: 0.8em;
    }

    #lp-cam2006 #rahmen .shipping .rahmen-shipping {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #lp-cam2006 #rahmen .shipping .img-wrap {
        max-width: 220px;
        width: 38%;
        float: none;
    }

    #lp-cam2006 #rahmen .shipping .text-wrap {
        width: 58%;
        padding: 0;
    }

    #lp-cam2006 #rahmen .shipping .note-wrap {
        width: 100%;
    }

    #lp-cam2006 #rahmen #mokkedano .img-wrap {
        width: 100%;
        margin-bottom: 20px;
    }

    #lp-cam2006 #rahmen #mokkedano .text-wrap {
        width: 100%;
    }

    #lp-cam2006 #term h3 {
        text-align: left;
    }

    #lp-cam2006 #term .text-wrap {
        text-align: left;
    }

    #lp-cam2006 #term .text-wrap .font-bl {
        font-size: 1.4em;
    }

    #lp-cam2006 #term .note-wrap {
        text-align: left;
    }

    #lp-cam2006 #howto .shipping .img-wrap {
        margin: 0 auto 1em;
        width: 100%;
        max-width: 250px;
    }

    #lp-cam2006 #howto .shipping .text-wrap {
        width: 100%;
    }

    #lp-cam2006 #cam-future .text-wrap {
        width: 100%;
    }

    #lp-cam2006 #cam-future .future-wrap {
        padding: 30px 0;
    }

    #lp-cam2006 #cam-future #future01 {
        padding-top: 0;
    }

    #lp-cam2006 #cam-future #future01 .img-wrap {
        width: 100%;
        max-width: 200px;
        margin: 0 auto 1em;
    }

    #lp-cam2006 #cam-future #future01 .text-wrap {
        width: 100%;
        min-height: initial;
    }

    #lp-cam2006 #cam-future #future02 .flex {
        flex-direction: row;
    }

    #lp-cam2006 #cam-future #future02 .text-wrap {
        width: 100%;
    }

    #lp-cam2006 #cam-future #future02 .img-wrap {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 1em;
    }

    #lp-cam2006 #cam-future #future03 .text-wrap {
        width: 100%;
    }

    #lp-cam2006 #cam-future #future03 .img-wrap {
        width: 100%;
        max-width: 200px;
        margin: 0 auto 1em;
    }

    #lp-cam2006 #data #list2020 li {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-bottom: 1em;
    }

    #lp-cam2006 #data #list2020 li .img-wrap {
        width: 130px;
    }

    #lp-cam2006 #data #list2020 li .text-wrap {
        width: calc(100% - 140px);
        margin: 0;
    }
}

@media screen and (max-width: 560px) {

    #lp-cam2006 .regist-form .font-red,
    #lp-cam2006 .regist-form .uk-text-bold {
        font-size: 0.8em;
        text-align: left;
    }

    #lp-cam2006 #howto ol li {
        width: 100%;
    }

    #lp-cam2006 #howto ol li:nth-child(2) {
        margin: 40px 0;
    }

    #lp-cam2006 #howto ol li img {
        max-width: 160px;
    }

    #lp-cam2006 #howto ol li .no {
        position: absolute;
        top: 2em;
        left: 1em;
    }

    #lp-cam2006 #howto ol li:nth-child(2)::before,
    #lp-cam2006 #howto ol li:nth-child(2)::after {
        border-width: 20px 10px 0 10px;
        border-color: #bd0d22 transparent transparent transparent;
    }

    #lp-cam2006 #howto ol li:nth-child(2):before {
        left: calc(50% - 7.5px);
        top: -12%;
    }

    #lp-cam2006 #howto ol li:nth-child(2)::after {
        right: calc(50% - 7.5px);
        top: 104%;
    }

    #lp-cam2006 #contact .container {
        max-width: 385px;
        margin: 0 auto;
    }

    #lp-cam2006 #contact #ctw {
        width: 100%;
        margin-bottom: 1em;
    }

    #lp-cam2006 #contact #p-mark {
        order: 3;
        margin: 1em auto 0;
    }

    #lp-cam2006 #contact #cs {
        margin-top: 0;
    }

    #lp-cam2006 #contact #cs #cs-hd .bg-yellow,
    #lp-cam2006 #contact #cs #cs-hd .frame-yellow {
        width: 100%;
    }

    #lp-cam2006 #contact #cs #tel .font-l {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 480px) {
    #lp-cam2006 .btn-cv {
        font-size: 1em;
    }

    #lp-cam2006 #contact #cs #tel span {
        font-size: 0.8em;
    }

    #lp-cam2006 #contact #cs #tel .font-l {
        font-size: 1.4em;
    }

    #lp-cam2006 #movie #movie-img {
        width: 100%;
        margin-bottom: 20px;
    }

    #lp-cam2006 #movie #movie-txt {
        width: 100%;
    }

    #lp-cam2006 #data #data-list h3 br {
        display: none;
    }
}

/****** 繝√こ繝�ヨ菴ｿ逕ｨ繝壹�繧ｸ ******/
.ramen-ticket-main {
    /*** 繝輔か繝ｳ繝� ***/
    /*** 繝懊ち繝ｳ ***/
}

.ramen-ticket-main .font-brown {
    color: #40220f;
    font-weight: bold;
    display: inline-block;
}

.ramen-ticket-main .font-l {
    font-size: 1.2em;
}

.ramen-ticket-main .font-red {
    color: #bd0d23;
    font-weight: bold;
}

.ramen-ticket-main .ticket-msg {
    border: 2px solid #bd0d23;
    color: #bd0d23;
    padding: 8px;
    font-weight: bold;
    text-align: center;
}

.ramen-ticket-main .text-wrap {
    text-align: center;
}

.ramen-ticket-main .ticket-wrap {
    position: relative;
    padding: 4%;
}

.ramen-ticket-main .ticket-before {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #fff;
    font-size: 1.2em;
}

.ramen-ticket-main .btn-l {
    border-radius: 10px;
    font-size: 1.2em;
    box-shadow: 0 0 3px #000;
}

.ramen-ticket-main .btn-use {
    background-color: #bd0d23;
    color: #fff;
}

.ramen-ticket-main .address {
    background-color: #f1f1f1;
    padding: 1em;
    border: 1px solid #c3c3c3;
}

@media screen and (max-width: 520px) {
    .ramen-ticket-main .text-wrap {
        text-align: left;
    }
}

/***************************
   2021蟷ｴ縺頑ｭ｣譛医く繝｣繝ｳ繝壹�繝ｳ(2101)
  ***************************/
/****** cam2101 ******/
#campaign-2101,
.cam2101 {
    /*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ***/
}

#campaign-2101 .bg-gold,
.cam2101 .bg-gold {
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
}

#campaign-2101 .bg-hemp,
.cam2101 .bg-hemp {
    background: url(/img/campaign/2101/bk_hemp.png) repeat;
    width: 100%;
    height: 29px;
}

#campaign-2101 .line-checkered,
.cam2101 .line-checkered {
    background: url(/img/campaign/2101/line.png);
    background-repeat: repeat-x;
    position: absolute;
    width: 100%;
    height: 21px;
    left: 0;
    bottom: 0;
}

#campaign-2101 .padding-80,
.cam2101 .padding-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

#campaign-2101 #mv,
.cam2101 #mv {
    background: url(/img/campaign/2101/main_img.jpg) center top no-repeat;
    background-size: cover;
    position: relative;
}

#campaign-2101 #mv::before,
.cam2101 #mv::before {
    content: "";
    background: url(/img/campaign/2101/cloud_a_l.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 128px;
    height: 100%;
    top: 30px;
    left: 0;
}

#campaign-2101 #mv::after,
.cam2101 #mv::after {
    content: "";
    background: url(/img/campaign/2101/cloud_a_r.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 200px;
    height: 100%;
    top: 80px;
    right: 0;
}

#campaign-2101 #mv .container,
.cam2101 #mv .container {
    overflow: initial;
}

#campaign-2101 #mv .container #mv-ttl,
.cam2101 #mv .container #mv-ttl {
    max-width: 680px;
    width: 100%;
    padding-bottom: 110px;
    position: relative;
    left: -80px;
}

#campaign-2101 #benefits,
.cam2101 #benefits {
    background: url(/img/campaign/2101/bk_tech_1.png), linear-gradient(to bottom, #000 0%, #4c4c4c 100%);
    background-repeat: repeat;
    position: relative;
    width: 100%;
}

#campaign-2101 #benefits::after,
.cam2101 #benefits::after {
    content: "";
    background-color: #c30e23;
    position: absolute;
    width: 100%;
    height: 12px;
    left: 0;
    bottom: 0;
}

#campaign-2101 #benefits .container,
.cam2101 #benefits .container {
    overflow: visible;
}

#campaign-2101 #benefits .flex,
.cam2101 #benefits .flex {
    justify-content: space-between;
    width: 100%;
}

#campaign-2101 #benefits .bene-img,
.cam2101 #benefits .bene-img {
    width: 25%;
    position: relative;
    margin: -80px auto 30px;
}

#campaign-2101 #benefits .bene-img .until11,
#campaign-2101 #benefits .bene-img .until31,
.cam2101 #benefits .bene-img .until11,
.cam2101 #benefits .bene-img .until31 {
    position: absolute;
    width: 90%;
    height: 84%;
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 8%;
    padding: 4%;
    z-index: 10;
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #fff;
}

#campaign-2101 #benefits #bnr-top,
.cam2101 #benefits #bnr-top {
    align-items: flex-end;
    justify-content: flex-end;
    display: flex;
}

#campaign-2101 #benefits #bnr-top img,
.cam2101 #benefits #bnr-top img {
    width: 93%;
    border: 1px solid #fff;
}

#campaign-2101 .font-red,
.cam2101 .font-red {
    color: #c30e23;
}

#campaign-2101 #intro,
.cam2101 #intro {
    background: url(/img/campaign/2101/bk_tech_2.png), linear-gradient(to right, #fac959 0%, #efad37 100%);
    background-repeat: repeat;
    position: relative;
}

#campaign-2101 #intro::before,
.cam2101 #intro::before {
    content: "";
    background: url(/img/campaign/2101/cloud_b_l.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 304px;
    height: 100%;
    top: 88px;
    left: 0;
}

#campaign-2101 #intro::after,
.cam2101 #intro::after {
    content: "";
    background: url(/img/campaign/2101/cloud_b_r.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 232px;
    height: 100%;
    top: 168px;
    right: 0;
}

#campaign-2101 #intro .container,
.cam2101 #intro .container {
    position: relative;
    z-index: 2;
}

#campaign-2101 #intro .breadcrumb,
.cam2101 #intro .breadcrumb {
    color: #000;
}

#campaign-2101 #intro .breadcrumb a,
.cam2101 #intro .breadcrumb a {
    color: #000;
}

#campaign-2101 #intro .breadcrumb img,
.cam2101 #intro .breadcrumb img {
    display: none;
}

#campaign-2101 #intro .greeting-img,
.cam2101 #intro .greeting-img {
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
}

#campaign-2101 #intro .greeting-ttl,
#campaign-2101 #intro .greeting-sentence,
.cam2101 #intro .greeting-ttl,
.cam2101 #intro .greeting-sentence {
    text-align: center;
}

#campaign-2101 #intro .greeting-ttl,
.cam2101 #intro .greeting-ttl {
    font-size: 1.7em;
    color: #000;
}

#campaign-2101 #intro .greeting-sentence,
.cam2101 #intro .greeting-sentence {
    max-width: 80%;
    margin: 0 auto;
    line-height: 1.8;
    color: #000;
}

#campaign-2101 #ny-card,
.cam2101 #ny-card {
    background: url(/img/campaign/2101/bk_tech_1.png), linear-gradient(to bottom, #000 70%, #4c4c4c 100%);
    background-repeat: repeat;
    position: relative;
}

#campaign-2101 #ny-card .frame-wrap,
.cam2101 #ny-card .frame-wrap {
    padding: 3px;
}

#campaign-2101 #ny-card .frame-inner,
.cam2101 #ny-card .frame-inner {
    border: solid 5px #231815;
    padding: 1px;
}

#campaign-2101 #ny-card .frame-ttl,
.cam2101 #ny-card .frame-ttl {
    background-color: #231815;
    color: #edc107;
    text-align: center;
    font-size: 2em;
    padding: 20px 20px 16px;
}

#campaign-2101 #ny-card .lead,
.cam2101 #ny-card .lead {
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    margin: 30px 0;
}

#campaign-2101 #ny-card .open-answer,
.cam2101 #ny-card .open-answer {
    max-width: 456px;
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
    padding: 12px 12px 10px;
    background-color: #c30e23;
    border-radius: 50px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
}

#campaign-2101 #ny-card #answer,
.cam2101 #ny-card #answer {
    max-width: 740px;
    margin: 0 auto;
}

#campaign-2101 #ny-card #answer .a-img,
.cam2101 #ny-card #answer .a-img {
    width: 100%;
}

#campaign-2101 #ny-card #answer ol,
.cam2101 #ny-card #answer ol {
    color: #fff;
    margin: 30px 0;
    line-height: 1.8;
}

#campaign-2101 #ny-card .bg-w,
.cam2101 #ny-card .bg-w {
    max-width: 740px;
    width: 100%;
    margin: 0 auto 20px;
    background-color: #fff;
    padding: 30px 30px 28px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

#campaign-2101 #bene-detail,
.cam2101 #bene-detail {
    background: #c40b00 url(/img/campaign/2101/bk_hemp.png);
    position: relative;
}

#campaign-2101 #bene-detail .bg-line,
.cam2101 #bene-detail .bg-line {
    background: url(/img/campaign/2101/line.png);
    background-repeat: repeat-x;
    position: absolute;
    width: 100%;
    height: 21px;
    top: 0;
    left: 0;
    z-index: 1;
}

#campaign-2101 #bene-detail .container,
.cam2101 #bene-detail .container {
    overflow: initial;
}

#campaign-2101 #bene-detail .frame-wrap,
.cam2101 #bene-detail .frame-wrap {
    border: solid 3px #231815;
    padding: 5px;
}

#campaign-2101 #bene-detail .frame-ttl,
.cam2101 #bene-detail .frame-ttl {
    border: solid 1px #231815;
    padding: 20px 20px 16px;
    color: #231815;
    font-size: 2em;
    text-align: center;
}

#campaign-2101 #bene-detail .bene-inner,
.cam2101 #bene-detail .bene-inner {
    padding: 6px;
    margin-top: 80px;
    position: relative;
}

#campaign-2101 #bene-detail .bene-inner .cam-inactive,
.cam2101 #bene-detail .bene-inner .cam-inactive {
    display: none;
    position: absolute;
    max-width: calc(100% - 20px);
    width: 100%;
    height: calc(100% - 20px);
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 10;
}

#campaign-2101 #bene-detail .bene-inner .cam-inactive .inactive-txt,
.cam2101 #bene-detail .bene-inner .cam-inactive .inactive-txt {
    position: absolute;
    height: 4em;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

#campaign-2101 #bene-detail .bene-inner .cam-inactive h3,
#campaign-2101 #bene-detail .bene-inner .cam-inactive p,
.cam2101 #bene-detail .bene-inner .cam-inactive h3,
.cam2101 #bene-detail .bene-inner .cam-inactive p {
    text-align: center;
    color: #fff;
}

#campaign-2101 #bene-detail .bene-inner .flex,
.cam2101 #bene-detail .bene-inner .flex {
    background-color: #fff;
    padding: 30px 30px 35px;
    justify-content: space-between;
}

#campaign-2101 #bene-detail .bene-img,
.cam2101 #bene-detail .bene-img {
    max-width: 40%;
    position: relative;
}

#campaign-2101 #bene-detail .bene-img::before,
.cam2101 #bene-detail .bene-img::before {
    content: "";
    position: absolute;
    width: 185px;
    height: 185px;
    top: -80px;
    left: -35px;
}

#campaign-2101 #bene-detail .bene-img1::before,
.cam2101 #bene-detail .bene-img1::before {
    background: url(/img/campaign/2101/tokuten_icon_1.png) no-repeat;
    background-size: contain;
}

#campaign-2101 #bene-detail .bene-img2::before,
.cam2101 #bene-detail .bene-img2::before {
    background: url(/img/campaign/2101/tokuten_icon_2.png) no-repeat;
    background-size: contain;
}

#campaign-2101 #bene-detail .bene-img3::before,
.cam2101 #bene-detail .bene-img3::before {
    background: url(/img/campaign/2101/tokuten_icon_3.png) no-repeat;
    background-size: contain;
}

#campaign-2101 #bene-detail .bene-txt,
.cam2101 #bene-detail .bene-txt {
    max-width: 55%;
}

#campaign-2101 #bene-detail .bene-txt1 h2,
#campaign-2101 #bene-detail .bene-txt2 h2,
.cam2101 #bene-detail .bene-txt1 h2,
.cam2101 #bene-detail .bene-txt2 h2 {
    max-width: 122px;
}

#campaign-2101 #bene-detail .bene-txt3 h2,
.cam2101 #bene-detail .bene-txt3 h2 {
    max-width: 400px;
}

#campaign-2101 #bene-detail .period,
.cam2101 #bene-detail .period {
    background-color: #c30e23;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 10px 6px;
}

#campaign-2101 #bene-detail #entry,
.cam2101 #bene-detail #entry {
    margin: 40px 0;
    position: relative;
}

#campaign-2101 #bene-detail #entry::before,
.cam2101 #bene-detail #entry::before {
    content: "";
    background: url(/img/campaign/2101/flower_l.png) no-repeat;
    background-size: contain;
    width: 210px;
    height: 162px;
    position: absolute;
    top: 20px;
    bottom: 0;
    margin: auto;
    left: -45px;
}

#campaign-2101 #bene-detail #entry::after,
.cam2101 #bene-detail #entry::after {
    content: "";
    background: url(/img/campaign/2101/flower_r.png) no-repeat;
    background-size: contain;
    width: 197px;
    height: 160px;
    position: absolute;
    top: 20px;
    bottom: 0;
    margin: auto;
    right: -25px;
}

#campaign-2101 #bene-detail #entry .entry-hd,
.cam2101 #bene-detail #entry .entry-hd {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    color: #000;
}

#campaign-2101 #bene-detail #entry .entry-hd::before,
#campaign-2101 #bene-detail #entry .entry-hd::after,
.cam2101 #bene-detail #entry .entry-hd::before,
.cam2101 #bene-detail #entry .entry-hd::after {
    content: "";
    background-color: #000;
    width: 30px;
    height: 4px;
    border-radius: 2px;
}

#campaign-2101 #bene-detail #entry .entry-hd::before,
.cam2101 #bene-detail #entry .entry-hd::before {
    transform: rotate(60deg);
}

#campaign-2101 #bene-detail #entry .entry-hd::after,
.cam2101 #bene-detail #entry .entry-hd::after {
    transform: rotate(-60deg);
}

#campaign-2101 #bene-detail #entry .entry-hd-none,
.cam2101 #bene-detail #entry .entry-hd-none {
    color: #000;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 8px;
}

#campaign-2101 #bene-detail #entry .btn-frame,
.cam2101 #bene-detail #entry .btn-frame {
    display: block;
    max-width: 456px;
    width: 100%;
    margin: 0 auto;
    padding: 3px;
    text-align: center;
    color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    border-radius: 50px;
    position: relative;
}

#campaign-2101 #bene-detail #entry .btn-frame::after,
.cam2101 #bene-detail #entry .btn-frame::after {
    content: "";
    background: url(/img/campaign/2101/arrow_r.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 17px;
    height: 17px;
}

#campaign-2101 #bene-detail #entry .btn-inner,
.cam2101 #bene-detail #entry .btn-inner {
    background-color: #231815;
    border-radius: 50px;
    font-size: 1.6em;
    font-weight: bold;
    padding: 10px 10px 6px;
}

#campaign-2101 #bene-detail .closing h2,
.cam2101 #bene-detail .closing h2 {
    color: #fff;
    text-align: center;
    text-shadow: 0 0 3px rgba(51, 31, 31, 0.75);
    margin-top: 80px;
}

#campaign-2101 #cam-detail,
.cam2101 #cam-detail {
    background: url(/img/campaign/2101/bk_tech_2.png), linear-gradient(to right, #fac959 0%, #efad37 100%);
    position: relative;
}

#campaign-2101 #cam-detail .only2101,
.cam2101 #cam-detail .only2101 {
    padding-left: 5.2em;
}

@media screen and (max-width: 1200px) {

    #campaign-2101 #mv .container #mv-ttl,
    .cam2101 #mv .container #mv-ttl {
        left: -40px;
    }

    #campaign-2101 #intro::before,
    .cam2101 #intro::before {
        width: 254px;
    }

    #campaign-2101 #intro::after,
    .cam2101 #intro::after {
        width: 182px;
    }

    #campaign-2101 #bene-detail #entry::before,
    .cam2101 #bene-detail #entry::before {
        width: 180px;
        height: 139px;
        left: 0;
        bottom: -90px;
    }

    #campaign-2101 #bene-detail #entry::after,
    .cam2101 #bene-detail #entry::after {
        width: 167px;
        height: 136px;
        right: 0;
        bottom: -85px;
    }
}

@media screen and (max-width: 1024px) {

    #campaign-2101 #mv .container #mv-ttl,
    .cam2101 #mv .container #mv-ttl {
        max-width: 600px;
    }
}

@media screen and (max-width: 960px) {

    #campaign-2101 #mv::before,
    .cam2101 #mv::before {
        width: 108px;
    }

    #campaign-2101 #mv::after,
    .cam2101 #mv::after {
        width: 180px;
    }

    #campaign-2101 #intro::before,
    .cam2101 #intro::before {
        top: 45px;
    }

    #campaign-2101 #intro::after,
    .cam2101 #intro::after {
        top: 230px;
    }
}

@media screen and (max-width: 840px) {

    #campaign-2101 #mv .container #mv-ttl,
    .cam2101 #mv .container #mv-ttl {
        max-width: 480px;
    }

    #campaign-2101 #benefits .flex,
    .cam2101 #benefits .flex {
        max-width: 600px;
        margin: 0 auto;
    }

    #campaign-2101 #benefits .bene-img,
    .cam2101 #benefits .bene-img {
        width: 50% !important;
        margin: 0 auto 20px;
    }

    #campaign-2101 #bene-detail .bene-inner .flex,
    .cam2101 #bene-detail .bene-inner .flex {
        position: relative;
        padding-bottom: 80px;
    }

    #campaign-2101 #bene-detail .bene-inner .flex .period-warp,
    .cam2101 #bene-detail .bene-inner .flex .period-warp {
        position: absolute;
        width: calc(100% - 60px);
        left: 0;
        right: 0;
        margin: auto;
    }

    #campaign-2101 #bene-detail .bene-inner .flex .period-warp .notes,
    .cam2101 #bene-detail .bene-inner .flex .period-warp .notes {
        margin-top: 4px;
        font-size: 0.8em;
    }

    #campaign-2101 #bene-detail .bene-inner .flex .period1,
    .cam2101 #bene-detail .bene-inner .flex .period1 {
        margin-top: 20px;
    }

    #campaign-2101 #bene-detail .bene-inner .bene1,
    .cam2101 #bene-detail .bene-inner .bene1 {
        padding-bottom: 115px;
    }

    #campaign-2101 #bene-detail .bene-img,
    .cam2101 #bene-detail .bene-img {
        max-width: 43%;
    }

    #campaign-2101 #bene-detail .bene-img::before,
    .cam2101 #bene-detail .bene-img::before {
        width: 120px;
        height: 120px;
        top: -30px;
        left: -30px;
    }

    #campaign-2101 #bene-detail #entry::before,
    #campaign-2101 #bene-detail #entry::after,
    .cam2101 #bene-detail #entry::before,
    .cam2101 #bene-detail #entry::after {
        width: 130px;
    }

    #campaign-2101 #bene-detail .closing h2,
    .cam2101 #bene-detail .closing h2 {
        margin-top: 40px;
    }
}

@media screen and (max-width: 768px) {

    #campaign-2101 #mv::before,
    #campaign-2101 #mv::after,
    .cam2101 #mv::before,
    .cam2101 #mv::after {
        display: none;
    }

    #campaign-2101 #intro::before,
    #campaign-2101 #intro::after,
    .cam2101 #intro::before,
    .cam2101 #intro::after {
        display: none;
    }

    #campaign-2101 #intro .greeting-sentence,
    .cam2101 #intro .greeting-sentence {
        max-width: 100%;
    }

    #campaign-2101 #bene-detail .bene-inner .flex,
    .cam2101 #bene-detail .bene-inner .flex {
        position: initial;
        padding-bottom: 30px;
    }

    #campaign-2101 #bene-detail .bene-inner .flex .period-warp,
    .cam2101 #bene-detail .bene-inner .flex .period-warp {
        position: initial;
        width: 100%;
    }

    #campaign-2101 #bene-detail .bene-inner .bene1,
    .cam2101 #bene-detail .bene-inner .bene1 {
        padding-bottom: 30px;
    }

    #campaign-2101 #bene-detail .bene-txt,
    .cam2101 #bene-detail .bene-txt {
        max-width: 100%;
    }

    #campaign-2101 #bene-detail .bene-img,
    .cam2101 #bene-detail .bene-img {
        margin: 0 auto 20px;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    #campaign-2101 #bene-detail .bene-img::before,
    .cam2101 #bene-detail .bene-img::before {
        width: 185px;
        height: 185px;
        top: -80px;
        left: -35px;
    }

    #campaign-2101 #bene-detail .bene-img img,
    .cam2101 #bene-detail .bene-img img {
        max-width: 400px;
        width: 100%;
    }

    #campaign-2101 #bene-detail #entry,
    .cam2101 #bene-detail #entry {
        margin: 30px 0;
    }

    #campaign-2101 #bene-detail #entry::before,
    .cam2101 #bene-detail #entry::before {
        bottom: -110px;
    }

    #campaign-2101 #bene-detail #entry::after,
    .cam2101 #bene-detail #entry::after {
        bottom: -100px;
    }

    #campaign-2101 #bene-detail #entry .entry-hd,
    .cam2101 #bene-detail #entry .entry-hd {
        font-size: 1.2em;
    }

    #campaign-2101 #bene-detail #entry .entry-hd::before,
    #campaign-2101 #bene-detail #entry .entry-hd::after,
    .cam2101 #bene-detail #entry .entry-hd::before,
    .cam2101 #bene-detail #entry .entry-hd::after {
        height: 2px;
    }

    #campaign-2101 #bene-detail #entry .btn-frame,
    .cam2101 #bene-detail #entry .btn-frame {
        max-width: 400px;
    }

    #campaign-2101 #bene-detail #entry .btn-inner,
    .cam2101 #bene-detail #entry .btn-inner {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 639px) {

    #campaign-2101 #mv,
    .cam2101 #mv {
        background: none;
        height: auto;
    }

    #campaign-2101 #mv .container,
    .cam2101 #mv .container {
        display: none;
    }

    #campaign-2101 #intro .greeting-img,
    .cam2101 #intro .greeting-img {
        max-width: 200px;
    }

    #campaign-2101 #intro .greeting-ttl br,
    .cam2101 #intro .greeting-ttl br {
        display: none;
    }

    #campaign-2101 #intro .greeting-sentence,
    .cam2101 #intro .greeting-sentence {
        text-align: left;
    }

    #campaign-2101 #ny-card .frame-ttl,
    .cam2101 #ny-card .frame-ttl {
        font-size: 1.5em;
    }

    #campaign-2101 #bene-detail .frame-ttl,
    .cam2101 #bene-detail .frame-ttl {
        font-size: 1.5em;
    }

    #campaign-2101 #bene-detail .bene-img::before,
    .cam2101 #bene-detail .bene-img::before {
        width: 160px;
        height: 160px;
        top: -60px;
    }

    #campaign-2101 #bene-detail #entry::before,
    #campaign-2101 #bene-detail #entry::after,
    .cam2101 #bene-detail #entry::before,
    .cam2101 #bene-detail #entry::after {
        width: 90px;
        height: 69px;
    }

    #campaign-2101 #bene-detail #entry .entry-hd-none,
    .cam2101 #bene-detail #entry .entry-hd-none {
        padding: 0 10px;
    }

    #campaign-2101 #bene-detail .closing,
    .cam2101 #bene-detail .closing {
        padding: 0 10px;
    }
}

@media screen and (max-width: 520px) {

    #campaign-2101 #intro .greeting-img,
    .cam2101 #intro .greeting-img {
        max-width: 100%;
    }

    #campaign-2101 #intro .greeting-ttl,
    .cam2101 #intro .greeting-ttl {
        font-size: 1.3em;
    }

    #campaign-2101 #bene-detail .bene-inner .flex,
    #campaign-2101 #bene-detail .bene-inner .bene1,
    .cam2101 #bene-detail .bene-inner .flex,
    .cam2101 #bene-detail .bene-inner .bene1 {
        padding: 20px;
    }

    #campaign-2101 #bene-detail #entry,
    .cam2101 #bene-detail #entry {
        margin: 16px 0 10px;
    }

    #campaign-2101 #bene-detail #entry::before,
    #campaign-2101 #bene-detail #entry::after,
    .cam2101 #bene-detail #entry::before,
    .cam2101 #bene-detail #entry::after {
        display: none;
    }
}

@media screen and (max-width: 420px) {

    #campaign-2101 .padding-80,
    .cam2101 .padding-80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #campaign-2101 #mv .container #mv-ttl,
    .cam2101 #mv .container #mv-ttl {
        left: 0;
        right: 0;
        margin: auto;
    }

    #campaign-2101 #benefits .flex,
    .cam2101 #benefits .flex {
        max-width: 280px;
        padding-right: 10px;
    }

    #campaign-2101 #benefits .bene-img,
    .cam2101 #benefits .bene-img {
        width: 100% !important;
    }

    #campaign-2101 #ny-card .frame-ttl,
    .cam2101 #ny-card .frame-ttl {
        padding: 20px 10px 16px;
    }

    #campaign-2101 #ny-card .bg-w,
    .cam2101 #ny-card .bg-w {
        padding: 20px 20px 16px;
    }

    #campaign-2101 #bene-detail .frame-ttl,
    .cam2101 #bene-detail .frame-ttl {
        padding: 20px 10px 16px;
    }

    #campaign-2101 #bene-detail .bene-inner,
    .cam2101 #bene-detail .bene-inner {
        margin-top: 40px;
    }

    #campaign-2101 #bene-detail .bene-img::before,
    .cam2101 #bene-detail .bene-img::before {
        width: 120px;
        height: 120px;
        top: -40px;
    }

    #campaign-2101 #bene-detail .period,
    .cam2101 #bene-detail .period {
        font-size: 1em;
    }

    #campaign-2101 #bene-detail .period span,
    .cam2101 #bene-detail .period span {
        display: block;
    }

    #campaign-2101 #bene-detail #entry .btn-frame,
    .cam2101 #bene-detail #entry .btn-frame {
        max-width: 100%;
    }

    #campaign-2101 #bene-detail #entry .btn-frame::after,
    .cam2101 #bene-detail #entry .btn-frame::after {
        right: 8px;
    }

    #campaign-2101 #bene-detail #entry .btn-inner,
    .cam2101 #bene-detail #entry .btn-inner {
        font-size: 1.3em;
    }

    #campaign-2101 #bene-detail #entry .entry-hd-none,
    .cam2101 #bene-detail #entry .entry-hd-none {
        text-align: left;
    }

    #campaign-2101 #bene-detail .closing h2,
    .cam2101 #bene-detail .closing h2 {
        margin-top: 20px;
    }
}

@media screen and (max-width: 375px) {

    #campaign-2101 #bene-detail .bene-inner .flex,
    #campaign-2101 #bene-detail .bene-inner .bene1,
    .cam2101 #bene-detail .bene-inner .flex,
    .cam2101 #bene-detail .bene-inner .bene1 {
        padding: 10px;
    }

    #campaign-2101 #bene-detail .bene-img::before,
    .cam2101 #bene-detail .bene-img::before {
        width: 90px;
        height: 90px;
        top: -30px;
        left: -20px;
    }

    #campaign-2101 #bene-detail #entry .btn-inner,
    .cam2101 #bene-detail #entry .btn-inner {
        font-size: 1.1em;
    }
}

/****** end cam2101 ******/
#campaign-2101-watt .bg-red {
    background-color: #860802;
}

#campaign-2101-watt .font-wh {
    text-align: center;
    font-weight: bold;
    color: #fff;
}

#campaign-2101-watt .line-checkered {
    position: static;
}

#campaign-2101-watt #wat-mv {
    background: linear-gradient(to top, #C40A00, #860802);
}

#campaign-2101-watt #bene-detail {
    background: url(/img/campaign/2101/bk_tech_2.png), linear-gradient(to right, #fac959 0%, #efad37 100%);
    position: relative;
}

#campaign-2101-watt #bene-detail .container {
    padding-bottom: 100px;
}

#campaign-2101-watt #bene-detail #entry {
    padding: 40px 16px;
    background: linear-gradient(to right, #860802, #C40A00, #860802);
    text-align: center;
}

#campaign-2101-watt #bene-detail #entry h3 {
    color: #fff;
}

#campaign-2101-watt #bene-detail #entry .period {
    background-color: #fff;
    color: #860802;
    padding: 8px;
    display: inline-block;
}

#campaign-2101-watt #bene-detail #entry p {
    margin: 0;
}

#campaign-2101-watt .btn-frame {
    display: block;
    max-width: 456px;
    width: 100%;
    margin: 0 auto;
    padding: 3px;
    text-align: center;
    color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    border-radius: 50px;
    position: relative;
}

#campaign-2101-watt .btn-frame::after {
    content: "";
    background: url(/img/campaign/2101/arrow_r.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 17px;
    height: 17px;
}

#campaign-2101-watt .btn-inner {
    background-color: #231815;
    border-radius: 50px;
    font-size: 1.6em;
    font-weight: bold;
    padding: 10px 10px 6px;
}

#campaign-2101-watt .period {
    background-color: #c30e23;
    color: #ffffff;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 10px 6px;
}

#campaign-2101-watt .btn-l {
    border-radius: 30px;
}

@media screen and (max-width: 640px) {
    #campaign-2101-watt #bene-detail #entry h3 {
        font-size: 5vw;
    }

    #campaign-2101-watt #bene-detail #entry .btn-inner {
        font-size: 1.5em !important;
    }
}

.bonus2101 .font-yellow {
    color: #e1c51b;
}

.bonus2101 .font-red {
    color: #c30e23;
}

.bonus2101 .font-l {
    font-size: 1.4em;
}

.bonus2101 h2 {
    width: 100%;
    max-width: 100% !important;
}

.bonus2101 .btn-gold {
    display: block;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding: 3px;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    border-radius: 50px;
    position: relative;
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
}

.bonus2101 .btn-gold .btn-inner {
    background-color: #231815;
    border-radius: 50px;
    font-size: 1.6em;
    font-weight: bold;
    padding: 10px 10px 6px;
}

.bonus2101 .btn-gold:after {
    content: "";
    background: url(/img/campaign/2101/arrow_r.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 16px;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 17px;
}

.bonus2101 .lead {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 3px #000;
    font-size: 1.4em;
}

.bonus2101 #bonus-period {
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 1.2em;
}

.bonus2101 #bonus-period br {
    display: none;
}

.bonus2101 #detail {
    padding: 6px;
    position: relative;
}

.bonus2101 #detail h2 {
    padding: 10px;
}

.bonus2101 #detail h2 img {
    width: 124px;
}

.bonus2101 #detail .flex {
    background-color: #fff;
    align-items: center;
    padding: 1em;
}

.bonus2101 #detail::before {
    content: "";
    background: url(/img/campaign/2101/flower_l.png) no-repeat;
    background-size: contain;
    width: 210px;
    height: 162px;
    position: absolute;
    top: -20px;
    left: -90px;
    z-index: 9;
}

.bonus2101 #detail::after {
    content: "";
    background: url(/img/campaign/2101/flower_r.png) no-repeat;
    background-size: contain;
    width: 197px;
    height: 160px;
    position: absolute;
    bottom: -40px;
    right: -40px;
    z-index: 9;
}

.bonus2101 .x10 {
    border: 2px solid #000;
    background-color: #ffffff;
    padding: 30px 10px;
    font-weight: bold;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.bonus2101 #howto {
    background: url(/img/campaign/2101/bk_tech_2.png), linear-gradient(to right, #fac959 0%, #efad37 100%);
}

.bonus2101 #howto .hd-blk {
    background-color: #231816;
    border: solid 3px #e1c51b;
    padding: 5px;
    font-size: 2em;
    text-align: center;
}

.bonus2101 #howto .hd-blk .hd-inner {
    border: 1px solid #e1c51b;
    padding: 20px 20px 16px;
    color: #e1c51b;
}

.bonus2101 #howto ul {
    padding: 1em;
    font-size: 1.2em;
}

@media screen and (max-width: 960px) {

    .bonus2101 #detail::before,
    .bonus2101 #detail::after {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .bonus2101 #bonus-period {
        text-align: left;
        font-size: 1em;
    }

    .bonus2101 #bonus-period span {
        display: none;
    }

    .bonus2101 #bonus-period br {
        display: block;
    }
}

/***************************
   豎ｺ邂励そ繝ｼ繝ｫ(cam2102)
  ***************************/
#campaign-2102 {
    /*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ***/
}

#campaign-2102 #intro {
    background: url(/img/campaign/2102/bg_stripe.png) center top repeat;
    padding-top: 80px;
    padding-bottom: 40px;
    position: relative;
}

#campaign-2102 #intro::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/2102/line.png);
    background-repeat: repeat-x;
    background-size: contain;
    width: 100%;
    height: 18px;
    bottom: -9px;
}

#campaign-2102 #intro #intro1 {
    margin-bottom: 80px;
}

#campaign-2102 #intro #intro1 .intro-hd {
    color: white;
    text-align: center;
}

#campaign-2102 #intro #intro1 .intro-hd br {
    display: none;
}

#campaign-2102 #intro #intro1 .lead {
    text-align: center;
    font-weight: bold;
    color: white;
    margin: 30px 0;
}

#campaign-2102 #intro #intro1 .lead .font-s {
    font-size: 0.8em;
}

#campaign-2102 #intro #intro1 .bg-white {
    max-width: 776px;
    background: white;
    margin: 0 auto;
    padding: 30px;
}

#campaign-2102 #intro #intro1 .flex {
    justify-content: space-between;
    align-items: center;
}

#campaign-2102 #intro #intro1 .intro-img {
    max-width: calc(25% - 30px);
}

#campaign-2102 #intro #intro1 .intro-txt {
    width: 75%;
    color: black;
    font-size: 1.2em;
    font-weight: bold;
}

#campaign-2102 #intro #intro1 .intro-txt .intro-contents {
    position: relative;
    padding-left: 48px;
}

#campaign-2102 #intro #intro1 .intro-txt .intro-contents::before {
    content: "笆ｶ�寂霧��";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 0;
    margin: auto;
}

#campaign-2102 #intro #intro1 .intro-txt .color-red {
    color: #e60113;
}

#campaign-2102 #intro #intro1 .intro-txt .font-l {
    font-size: 1.2em;
}

#campaign-2102 #intro #intro2 {
    margin-bottom: 60px;
}

#campaign-2102 #intro #intro2 .color-yellow {
    color: #ffef02;
}

#campaign-2102 #intro #intro2 .intro-hd2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

#campaign-2102 #intro #intro2 .intro-hd2::before,
#campaign-2102 #intro #intro2 .intro-hd2::after {
    content: "";
    width: 1em;
    height: 2px;
    background: #ffef02;
}

#campaign-2102 #intro #intro2 .intro-hd2::before {
    transform: rotate(50deg);
}

#campaign-2102 #intro #intro2 .intro-hd2::after {
    transform: rotate(-50deg);
}

#campaign-2102 #intro #intro2 .intro-hd2 br {
    display: none;
}

#campaign-2102 #intro #intro2 .sentence {
    color: white;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

#campaign-2102 #intro #intro2 .sentence .font-l {
    font-size: 1.2em;
}

#campaign-2102 #intro #intro2 .sentence br {
    display: none;
}

#campaign-2102 #intro #intro2 .sentence .font-s {
    font-size: 0.8em;
}

#campaign-2102 #intro #cam-cmn {
    margin-bottom: 80px;
}

#campaign-2102 #intro #cam-cmn #step {
    text-align: center;
}

#campaign-2102 #intro #cam-cmn #step .step-hd {
    color: white;
    display: inline-block;
    margin-bottom: 40px;
    border-bottom: solid 3px white;
    padding-bottom: 4px;
}

#campaign-2102 #intro #cam-cmn #step .step-hd br {
    display: none;
}

#campaign-2102 #intro #cam-cmn #step ol {
    position: relative;
}

#campaign-2102 #intro #cam-cmn #step ol::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/2102/step_arrow.png) no-repeat;
    background-size: contain;
    width: 140px;
    height: 124px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 26.3157894737%;
}

#campaign-2102 #intro #cam-cmn #step li {
    border: solid 5px #ffef02;
    background: white;
}

#campaign-2102 #intro #highlight {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 60px;
    text-align: center;
}

#campaign-2102 #intro #highlight .bg-tilt {
    position: relative;
    left: 2px;
    background: black;
    display: inline-block;
    z-index: 1;
}

#campaign-2102 #intro #highlight .bg-tilt::before,
#campaign-2102 #intro #highlight .bg-tilt::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/2102/frame.png) no-repeat;
    background-size: contain;
    width: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#campaign-2102 #intro #highlight .bg-tilt::before {
    left: -24px;
}

#campaign-2102 #intro #highlight .bg-tilt::after {
    transform: scale(-1, -1);
    right: -24px;
}

#campaign-2102 #intro #highlight h2 {
    font-size: 1.8em;
    color: white;
    margin-bottom: 0;
    padding: 20px 4px 16px;
}

#campaign-2102 #intro #highlight h2 br {
    display: none;
}

#campaign-2102 #sale {
    background: rgba(255, 215, 0, 0.1);
    text-align: center;
    padding-top: 100px;
    padding-bottom: 80px;
}

#campaign-2102 #sale .btn-l {
    max-width: 420px;
    box-shadow: 3px 4px 0 black;
    border: solid 3px black;
    color: black;
    font-size: 1.5em;
    padding: 0;
}

#campaign-2102 #sale .btn-l::before {
    content: "";
    position: absolute;
    background: url(/img/campaign/2102/fukidashi.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    top: -1.4em;
    left: 24px;
}

#campaign-2102 #sale .btn-l span {
    padding-top: 8px;
}

#campaign-2102 #sale .btn-sale {
    background: #ffef02;
    border: solid 3px white;
    border-radius: 24px;
    padding: 8px 10px 4px 32px;
}

#campaign-2102 #sale .sale-hd {
    display: inline-block;
    color: #e60113;
    margin-bottom: 0;
    border-bottom: solid 3px #e60113;
    padding-bottom: 4px;
}

#campaign-2102 #sale .sale-hd br {
    display: none;
}

#campaign-2102 #sale .lead-txt {
    margin-top: 30px;
    margin-bottom: 30px;
}

#campaign-2102 #sale .sale-contents {
    width: 100%;
    background: white;
    border: solid 1px black;
    color: black;
    margin-bottom: 60px;
    padding: 30px;
    position: relative;
}

#campaign-2102 #sale .sale-contents::after {
    content: "";
    position: absolute;
    top: 2.3em;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 20px 0 20px;
    border-color: #222 transparent transparent transparent;
}

#campaign-2102 #sale .sale-contents .color-red {
    color: #e60113;
}

#campaign-2102 #sale .sale-contents .before .before-hd {
    font-size: 1.2em;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-2102 #sale .sale-contents .before .before-hd::before,
#campaign-2102 #sale .sale-contents .before .before-hd::after {
    content: "";
    background: #e60113;
    width: 1em;
    height: 2px;
}

#campaign-2102 #sale .sale-contents .before .before-hd::before {
    transform: rotate(50deg);
}

#campaign-2102 #sale .sale-contents .before .before-hd::after {
    transform: rotate(-50deg);
}

#campaign-2102 #sale .sale-contents .before .cancel {
    color: #787878;
}

#campaign-2102 #sale .sale-contents .after {
    margin-top: 30px;
}

#campaign-2102 #sale .sale-contents .after .font-s {
    font-size: 0.8em;
}

#campaign-2102 #sale .sale-contents .big-sale {
    font-weight: bold;
}

#campaign-2102 #sale .sale-contents .font-m {
    font-size: 1.2em;
}

#campaign-2102 #sale .sale-contents .font-l {
    font-size: 1.5em;
}

#campaign-2102 #sale #ex {
    margin-top: 80px;
    margin-bottom: 40px;
}

#campaign-2102 #sale #ex .bg-bk {
    background: black;
    margin-bottom: 40px;
    padding: 20px 20px 16px;
}

#campaign-2102 #sale #ex .ex-hd {
    color: white;
    margin-bottom: 0;
}

#campaign-2102 #sale #ex .frame-red {
    width: 100%;
    border: solid 5px #e60113;
    background: white;
    margin-bottom: 20px;
    padding: 30px;
}

#campaign-2102 #sale #ex .frame-red .font-m {
    font-size: 1.5em;
    font-weight: bold;
    color: black;
}

#campaign-2102 #sale #ex .ex2 {
    margin-top: 40px;
}

#campaign-2102 #sale #ex .ex2 .bg-bk {
    margin-bottom: 10px;
}

#campaign-2102 #sale #ex .ex2 .flex {
    justify-content: space-between;
    align-items: flex-end;
}

#campaign-2102 #sale #ex .ex2 .font-l {
    font-size: 2em;
    font-weight: bold;
    color: black;
}

#campaign-2102 #sale #ex .ex2 .step1,
#campaign-2102 #sale #ex .ex2 .step2 {
    max-width: 32%;
    position: relative;
}

#campaign-2102 #sale #ex .ex2 .step1::after,
#campaign-2102 #sale #ex .ex2 .step2::after {
    content: "";
    position: absolute;
    width: 91px;
    height: 123px;
    top: 0;
    bottom: 0;
    right: -91px;
    margin: auto;
}

#campaign-2102 #sale #ex .ex2 .step1::after {
    background: url(/img/campaign/2102/arrow_1.png) no-repeat;
    background-size: contain;
}

#campaign-2102 #sale #ex .ex2 .step2::after {
    background: url(/img/campaign/2102/arrow_2.png) no-repeat;
    background-size: contain;
}

#campaign-2102 #sale #ex .big-discount {
    width: 18%;
}

#campaign-2102 #sale #ex .big-discount img {
    vertical-align: super;
}

#campaign-2102 #sale .closing {
    color: black;
    margin-top: 60px;
}

#campaign-2102 #sale .closing br {
    display: none;
}

#campaign-2102 #cam-detail {
    background: #e60113;
    padding-top: 80px;
    padding-bottom: 80px;
}

#campaign-2102 #cam-detail .cancel {
    color: #787878;
}

#campaign-2102 #cam-detail .color-red {
    color: #e60113;
}

#campaign-2102 #modal {
    z-index: 99;
}

#campaign-2102 #modal #bk {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 998;
    position: fixed;
    top: 0;
    left: 0;
}

#campaign-2102 #modal #bk #close {
    margin: 5% auto 0;
    color: white;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
}

#campaign-2102 #modal .bg-white {
    padding: 80px;
    position: fixed;
    width: 90%;
    height: 80%;
    top: 10%;
    left: 0;
    right: 0;
    overflow: scroll;
    background: white;
    padding: 80px;
    z-index: 999;
}

#campaign-2102 #modal #coupon {
    border-bottom: solid 3px #edc107;
    padding-bottom: 80px;
    margin-bottom: 80px;
}

#campaign-2102 #modal #coupon .bg-gold {
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
}

#campaign-2102 #modal #coupon .frame-wrap {
    border: solid 3px #231815;
    padding: 5px;
}

#campaign-2102 #modal #coupon .frame-ttl {
    border: solid 1px #231815;
    padding: 20px 20px 16px;
    color: #231815;
    font-size: 2em;
    text-align: center;
}

#campaign-2102 #modal #coupon .coupon-txt {
    font-size: 1.2em;
    text-align: center;
    margin: 30px 0;
}

#campaign-2102 #modal #coupon .period-wrap {
    text-align: center;
}

#campaign-2102 #modal #coupon .period-wrap .period {
    background: #c30e23;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px;
}

#campaign-2102 #modal #coupon .period-wrap .notes {
    margin-top: 8px;
}

#campaign-2102 #modal #coupon .period-wrap .font-red {
    color: #c30e23;
}

#campaign-2102 #modal #coupon #entry {
    margin-top: 40px;
}

#campaign-2102 #modal #coupon #entry .entry-hd {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 4px;
}

#campaign-2102 #modal #coupon #entry .entry-hd::before,
#campaign-2102 #modal #coupon #entry .entry-hd::after {
    content: "";
    width: 1em;
    height: 2px;
    background: #231815;
}

#campaign-2102 #modal #coupon #entry .entry-hd::before {
    transform: rotate(50deg);
}

#campaign-2102 #modal #coupon #entry .entry-hd::after {
    transform: rotate(-50deg);
}

#campaign-2102 #modal #coupon #entry .btn-frame {
    display: block;
    max-width: 456px;
    width: 100%;
    margin: 0 auto;
    padding: 3px;
    text-align: center;
    color: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    border-radius: 50px;
    position: relative;
}

#campaign-2102 #modal #coupon #entry .btn-frame::after {
    content: "";
    background: url(/img/campaign/2101/arrow_r.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 17px;
    height: 17px;
}

#campaign-2102 #modal #coupon #entry .btn-inner {
    background: #231815;
    border-radius: 50px;
    font-size: 1.6em;
    font-weight: bold;
    padding: 10px 10px 6px;
}

#campaign-2102 #modal #ny-card .bg-bk {
    background: #231815;
}

#campaign-2102 #modal #ny-card .bg-gold {
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
}

#campaign-2102 #modal #ny-card .frame-wrap {
    padding: 3px;
}

#campaign-2102 #modal #ny-card .frame-inner {
    border: solid 5px #231815;
    padding: 1px;
}

#campaign-2102 #modal #ny-card .frame-ttl {
    padding: 20px 20px 16px;
    color: #edc107;
    font-size: 2em;
    text-align: center;
}

#campaign-2102 #modal #ny-card .lead {
    font-size: 1.2em;
    text-align: center;
    margin: 30px 0;
}

@media screen and (max-width: 1024px) {
    #campaign-2102 #sale #ex .ex2 .bg-bk {
        margin-bottom: 25px;
    }

    #campaign-2102 #sale #ex .ex2 .flex {
        align-items: center;
    }

    #campaign-2102 #sale #ex .ex2 .frame-red {
        padding: 20px 10px;
    }

    #campaign-2102 #sale #ex .ex2 .step1,
    #campaign-2102 #sale #ex .ex2 .step2 {
        max-width: 30%;
    }

    #campaign-2102 #sale .closing {
        font-size: 2em;
    }

    #campaign-2102 #modal {
        padding: 80px 40px;
    }

    #campaign-2102 #modal .bg-white {
        padding: 40px;
    }
}

@media screen and (max-width: 960px) {
    #campaign-2102 #intro #cam-cmn #step ol::after {
        width: 100px;
        right: 27.027027027%;
    }

    #campaign-2102 #sale #ex .ex2 .frame-red .font-m {
        font-size: 1em;
    }
}

@media screen and (max-width: 840px) {
    #campaign-2102 #intro #intro1 .intro-txt {
        font-size: 1em;
    }

    #campaign-2102 #intro #intro2 .intro-hd2 {
        font-size: 2em;
    }

    #campaign-2102 #intro #cam-cmn #step ol::after {
        width: 85px;
    }

    #campaign-2102 #sale #ex .ex2 .bg-bk {
        margin-bottom: 40px;
    }

    #campaign-2102 #sale #ex .ex2 .step1::after,
    #campaign-2102 #sale #ex .ex2 .step2::after {
        width: 81px;
        height: 110px;
        right: -81px;
    }

    #campaign-2102 #sale .closing {
        font-size: 1.5em;
    }

    #campaign-2102 #modal #coupon .coupon-txt {
        font-size: 1em;
    }

    #campaign-2102 #modal #ny-card .lead {
        font-size: 1em;
    }
}

@media screen and (max-width: 768px) {
    #campaign-2102 #intro #intro1 .bg-white {
        padding: 20px;
    }

    #campaign-2102 #intro #intro1 .intro-ing {
        max-width: calc(25% - 10px);
    }

    #campaign-2102 #intro #intro2 .intro-hd2 {
        font-size: 1.8em;
    }

    #campaign-2102 #intro #intro2 .sentence br {
        display: block;
    }

    #campaign-2102 #intro #highlight .bg-tilt::before {
        left: -21px;
    }

    #campaign-2102 #intro #highlight .bg-tilt::after {
        right: -21px;
    }

    #campaign-2102 #intro #highlight h2 {
        font-size: 1.3em;
    }

    #campaign-2102 #sale .sale-hd {
        font-size: 1.5em;
    }

    #campaign-2102 #sale .sale-contents {
        padding: 20px;
    }

    #campaign-2102 #sale #ex .ex2 .step1,
    #campaign-2102 #sale #ex .ex2 .step2 {
        max-width: 32%;
    }

    #campaign-2102 #sale #ex .ex2 .step1::after,
    #campaign-2102 #sale #ex .ex2 .step2::after {
        width: 55px;
        height: 75px;
        right: -55px;
    }

    #campaign-2102 #sale .closing br {
        display: block;
    }

    #campaign-2102 #modal #coupon {
        padding-bottom: 60px;
        margin-bottom: 60px;
    }

    #campaign-2102 #modal #coupon #entry .entry-hd {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2102 #intro #intro1 .intro-img {
        max-width: calc(30% - 10px);
    }

    #campaign-2102 #intro #intro1 .intro-txt {
        width: 70%;
    }

    #campaign-2102 #intro #intro2 .intro-hd2 {
        text-align: center;
    }

    #campaign-2102 #intro #intro2 .intro-hd2::before,
    #campaign-2102 #intro #intro2 .intro-hd2::after {
        width: 2em;
    }

    #campaign-2102 #intro #intro2 .intro-hd2 br {
        display: block;
    }

    #campaign-2102 #intro #cam-cmn #step ol::after {
        background: url(/img/campaign/2102/step_arrow_sp.png) no-repeat;
        background-size: contain;
        width: 154px;
        height: 100px;
        left: 0;
        right: 0;
        margin: auto;
        top: 300px;
    }

    #campaign-2102 #intro #highlight .bg-tilt {
        left: 0;
    }

    #campaign-2102 #intro #highlight .bg-tilt::before {
        width: 31px;
        left: -30px;
    }

    #campaign-2102 #intro #highlight .bg-tilt::after {
        width: 31px;
        right: -30px;
    }

    #campaign-2102 #intro #highlight h2 br {
        display: block;
    }

    #campaign-2102 #sale {
        padding-top: 80px;
    }

    #campaign-2102 #sale .sale-hd br {
        display: block;
    }

    #campaign-2102 #sale .sale-contents::after {
        top: 4.8em;
    }

    #campaign-2102 #sale #ex .ex2 .frame-red {
        max-width: calc(28% - 16px);
        width: 100%;
        height: 151px;
    }

    #campaign-2102 #sale #ex .ex2 .frame-red .font-m {
        font-size: 0.9em;
    }

    #campaign-2102 #sale #ex .ex2 .font-l {
        font-size: 1.6em;
    }

    #campaign-2102 #sale #ex .ex2 .step1 {
        padding-top: 2em;
    }

    #campaign-2102 #sale #ex .ex2 .step2 {
        padding-top: 2.3em;
    }

    #campaign-2102 #sale #ex .big-discount {
        width: 28%;
    }

    #campaign-2102 #modal {
        padding: 60px 10px;
    }

    #campaign-2102 #modal .bg-white {
        padding: 40px 10px;
    }

    #campaign-2102 #modal #coupon .frame-ttl {
        font-size: 1.5em;
    }

    #campaign-2102 #modal #coupon #entry .entry-hd {
        font-size: 1em;
    }

    #campaign-2102 #modal #ny-card .frame-ttl {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 520px) {
    #campaign-2102 #intro #intro1 .intro-hd br {
        display: block;
    }

    #campaign-2102 #intro #intro1 .lead {
        text-align: left;
    }

    #campaign-2102 #intro #intro1 .bg-white {
        padding: 30px 20px;
    }

    #campaign-2102 #intro #intro1 .bg-white .intro-img {
        max-width: 60%;
        margin: 0 auto;
    }

    #campaign-2102 #intro #intro1 .bg-white .intro-txt {
        width: 100%;
    }

    #campaign-2102 #sale #ex .frame-red {
        padding: 20px 10px;
    }

    #campaign-2102 #sale #ex .ex2 {
        padding-bottom: 20px;
    }

    #campaign-2102 #sale #ex .ex2 .flex::after {
        display: none;
    }

    #campaign-2102 #sale #ex .ex2 .frame-red {
        padding: 10px;
        height: auto;
    }

    #campaign-2102 #sale #ex .ex2 .step1,
    #campaign-2102 #sale #ex .ex2 .step2 {
        max-width: 100%;
    }

    #campaign-2102 #sale #ex .ex2 .step1::after,
    #campaign-2102 #sale #ex .ex2 .step2::after {
        content: "";
        display: block;
        width: 122px;
        height: 70px;
        left: 0;
        right: 0;
        bottom: -162px;
        margin: auto;
    }

    #campaign-2102 #sale #ex .ex2 .step1 {
        margin-bottom: 70px;
    }

    #campaign-2102 #sale #ex .ex2 .step1::after {
        background: url(/img/campaign/2102/arrow_1_sp.png) no-repeat;
        background-size: contain;
    }

    #campaign-2102 #sale #ex .ex2 .step2 {
        margin-bottom: 70px;
    }

    #campaign-2102 #sale #ex .ex2 .step2::after {
        background: url(/img/campaign/2102/arrow_2_sp.png) no-repeat;
        background-size: contain;
    }

    #campaign-2102 #sale #ex .big-discount {
        max-width: 200px;
        width: 100%;
        margin: 0 auto;
    }

    #campaign-2102 #cam-cmn #step .step-hd {
        font-size: 1.5em;
    }

    #campaign-2102 #intro2 .intro-hd2 {
        font-size: 1.5em;
    }

    #campaign-2102 #modal #coupon .period-wrap .period {
        font-size: 1em;
    }

    #campaign-2102 #modal #coupon .period-wrap .period span {
        display: block;
    }
}

@media screen and (max-width: 504px) {
    #campaign-2102 #intro #cam-cmn #step ol::after {
        width: 120px;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2102 #intro #intro2 .intro-hd2 {
        font-size: 1.5em;
    }

    #campaign-2102 #intro #intro2 .sentence {
        font-size: 1em;
    }

    #campaign-2102 #intro #cam-cmn #step ol::after {
        width: 105px;
    }

    #campaign-2102 #sale .sale-contents::after {
        top: 3.8em;
    }

    #campaign-2102 #sale .btn-l {
        font-size: 1.3em;
    }

    #campaign-2102 #sale .btn-l::before {
        top: -1.8em;
        left: 8px;
    }

    #campaign-2102 #modal #close h2 {
        font-size: 1.2em;
    }

    #campaign-2102 #modal #coupon .frame-ttl,
    #campaign-2102 #modal #ny-card .frame-ttl {
        font-size: 1.3em;
    }

    #campaign-2102 #modal #coupon #entry .btn-inner {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 375px) {
    #campaign-2102 #intro #intro1 .bg-white {
        padding: 10px;
    }

    #campaign-2102 #intro #intro1 .intro-txt .intro-contents::before {
        top: 0;
    }

    #campaign-2102 #intro #cam-cmn #step .step-hd {
        font-size: 1.2em;
    }

    #campaign-2102 #intro #cam-cmn #step ol::after {
        width: 80px;
    }

    #campaign-2102 #intro #intro2 .intro-hd2 {
        font-size: 1.2em;
    }

    #campaign-2102 #intro #intro2 .sentence br {
        display: none;
    }

    #campaign-2102 #intro #highlight .bg-tilt::before {
        left: -25px;
    }

    #campaign-2102 #intro #highlight .bg-tilt::after {
        right: -25px;
    }

    #campaign-2102 #intro #highlight h2 {
        font-size: 1em;
    }

    #campaign-2102 #sale .lead-txt {
        text-align: left;
    }

    #campaign-2102 #sale .btn-l {
        font-size: 1.2em;
    }

    #campaign-2102 #sale .btn-l::before {
        top: -2.5em;
        left: 8px;
    }

    #campaign-2102 #sale .btn-l span {
        padding-top: 4px;
    }

    #campaign-2102 #sale .sale-contents {
        padding: 20px 10px;
    }

    #campaign-2102 #sale .sale-contents::after {
        top: 2.8em;
    }

    #campaign-2102 #sale .sale-contents .before {
        font-size: 0.8em;
    }

    #campaign-2102 #sale .sale-contents .font-m {
        font-size: 1em;
    }

    #campaign-2102 #sale .btn-sale {
        padding: 16px 8px 12px;
    }

    #campaign-2102 #sale .closing {
        font-size: 1.3em;
    }

    #campaign-2102 #modal #coupon .frame-ttl {
        font-size: 1.2em;
        padding: 8px 4px;
    }

    #campaign-2102 #modal #coupon .coupon-txt {
        text-align: left;
    }

    #campaign-2102 #modal #coupon #entry .btn-frame::after {
        width: 12px;
        height: 12px;
        right: 8px;
    }

    #campaign-2102 #modal #ny-card .frame-ttl {
        font-size: 1.2em;
        padding: 8px 4px;
    }

    #campaign-2102 #modal #ny-card .lead {
        text-align: left;
    }
}

/****** end 豎ｺ邂励そ繝ｼ繝ｫ(cam2102) ******/
/***************************
   繧ｭ繝ｭ繝ｯ繝�ち繝ｼ繧ｺ險ｭ遶�1蜻ｨ蟷ｴ
  ***************************/
/****** cam2104 ******/
#campaign-2104 {
    /******** 閭梧勹 ********/
    /******** 隕句�縺� ********/
    /******** 繝�く繧ｹ繝� ********/
    /******** flex ********/
    /******** 繝懊ち繝ｳ ********/
    /******** 蜷гection隧ｳ邏ｰ ********/
    /*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ***/
}

#campaign-2104 .sp-br {
    display: none;
}

#campaign-2104 .bg-green {
    background-color: #076302;
}

#campaign-2104 .bg-gold {
    background: linear-gradient(to right, #ffd057, #b5771f);
}

#campaign-2104 .bg-black {
    background-color: #000;
}

#campaign-2104 .bg-wh {
    border-radius: 8px;
    box-shadow: 0 0 4px #666;
    margin: 4px;
}

#campaign-2104 .hd-black {
    background-color: #000;
    color: #fff;
    padding: 16px 8px;
}

#campaign-2104 .hd-green {
    background-color: #076302;
    color: #fff;
    padding: 16px 8px;
}

#campaign-2104 .hd-line {
    padding: 16px 8px;
    border-top: 4px solid;
    border-bottom: 4px solid;
    margin-bottom: 40px;
}

#campaign-2104 .hd-gold {
    padding: 4px 0;
    background: linear-gradient(to right, #ffd057, #b5771f);
    margin-bottom: 40px;
}

#campaign-2104 .hd-gold .bg-black {
    padding: 16px 8px;
}

#campaign-2104 .hd-gold span.bg-gold {
    color: #000;
    font-weight: bold;
    padding: 6px 4px;
    font-size: 0.6em;
    display: inline-block;
    vertical-align: text-bottom;
}

#campaign-2104 .hd-gold span.font-gold {
    color: transparent;
    background-color: #b5771f;
    background: linear-gradient(to right, #ffd057, #b5771f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#campaign-2104 .font-green {
    color: #076302;
}

#campaign-2104 .font-black {
    color: #000;
}

#campaign-2104 .font-white {
    color: #fff;
}

#campaign-2104 .lead-text {
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
    margin: 40px 0;
}

#campaign-2104 .flex {
    justify-content: space-between;
}

#campaign-2104 .flex-content2.img-wrap {
    width: 40%;
}

#campaign-2104 .flex-content2.text-wrap {
    width: 56%;
}

#campaign-2104 .flex-content3 {
    width: 32%;
}

#campaign-2104 .btn-l {
    font-size: 1.2em;
    max-width: 520px;
    width: 100%;
    padding: 14px 8px 10px;
}

#campaign-2104 .btn-l .uk-svg {
    width: 1.5em;
    margin: -4px 4px 0 0;
}

#campaign-2104 .btn-gold {
    background: linear-gradient(to right, #ffd057, #b5771f);
    color: #000;
    border: 2px solid #000;
}

#campaign-2104 .btn-gold:hover {
    border: 2px solid #fff;
    color: #fff;
    opacity: 1;
}

#campaign-2104 .btn-green {
    background-color: #076302;
    color: #fff;
    border: 2px solid #fff;
}

#campaign-2104 .btn-green:hover {
    background-color: #fff;
    border: 2px solid #076302;
    color: #076302;
    opacity: 1;
}

#campaign-2104 .btn-disable {
    background-color: #eee;
    color: #999;
    border: 1px solid #999;
}

#campaign-2104 #mv .mv-img {
    border: solid 1px #e2e2e2;
}

#campaign-2104 #mv .mv-bene .img-wrap {
    width: 49%;
}

#campaign-2104 #intro .text-wrap {
    text-align: center;
}

#campaign-2104 #intro .about-kw {
    padding: 8px;
}

#campaign-2104 #intro .about-kw .kw-inner {
    background-color: #fff;
    padding: 20px;
}

#campaign-2104 #intro .about-kw .img-wrap {
    width: 150px;
    margin: 0 auto;
}

#campaign-2104 #intro .about-kw .text-wrap {
    width: calc(100% - 200px);
    text-align: left;
}

#campaign-2104 #intro .about-kw .text-wrap .icon-tri-under {
    position: relative;
}

#campaign-2104 #intro .about-kw .text-wrap .icon-tri-under:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 7px 0 7px;
    border-color: #000 transparent transparent transparent;
    display: inline-block;
    margin-right: 5px;
}

#campaign-2104 #intro .flex {
    align-items: center;
}

#campaign-2104 .cam-date {
    background-color: #fff;
    color: #000;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    padding: 8px 4px;
}

#campaign-2104 #bene1 .font-m {
    font-size: 1.3em;
}

#campaign-2104 #bene1 .lead-text {
    font-size: 1em;
}

#campaign-2104 #bene1 .frame-green {
    border: solid 2px #076302;
    background-color: #fff;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 55px;
    font-weight: bold;
    color: #000;
}

#campaign-2104 #bene1 .frame-green img {
    width: 30px;
}

#campaign-2104 #bene1 .frame-green::after {
    content: "";
    background: url(/img/campaign/2104/plus.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 108px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#campaign-2104 #bene1 .arrow {
    max-width: 180px;
    width: 100%;
    margin: 10px auto;
}

#campaign-2104 #bene1 .over-txt {
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
}

#campaign-2104 #bene1 .catch {
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-2104 #bene1 .catch::before,
#campaign-2104 #bene1 .catch::after {
    content: "";
    width: 1.3em;
    height: 2px;
    background-color: #000;
}

#campaign-2104 #bene1 .catch::before {
    transform: rotate(60deg);
}

#campaign-2104 #bene1 .catch::after {
    transform: rotate(-60deg);
}

#campaign-2104 #bene1 .bene-hd {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

#campaign-2104 #bene1 .bene-hd .icon-rank {
    width: 30px;
}

#campaign-2104 #bene1 .bene-wrap .bene-inner {
    padding: 20px 60px;
}

#campaign-2104 #bene1 .bene-wrap .txt-or {
    font-size: 2em;
    font-weight: bold;
    line-height: 8em;
}

#campaign-2104 #bene1 .bene-wrap .bene-list {
    width: 40%;
    padding: 20px;
    background-color: #fff;
    text-align: center;
}

#campaign-2104 #bene1 .bene-wrap .bene-list .img-wrap {
    max-width: 180px;
    width: 100%;
    margin: 0 auto 20px;
}

#campaign-2104 #bene1 .bene-wrap .bene-list .text-wrap {
    font-weight: bold;
}

#campaign-2104 #bene1 .bene-wrap .bene-list .text-wrap span {
    display: block;
}

#campaign-2104 #bene1 .gold-hd {
    background: linear-gradient(to right, #b79a39, #e9d05d);
}

#campaign-2104 #bene1 .pla-hd {
    background: linear-gradient(to right, #868687, #d9dadb);
}

#campaign-2104 #bene1 .dia-hd {
    background: linear-gradient(to right, #9a918a, #dedcd7);
}

#campaign-2104 #bene1 .gold-wrap {
    background-color: rgba(233, 208, 93, 0.3);
}

#campaign-2104 #bene1 .pla-wrap {
    background-color: rgba(217, 218, 219, 0.3);
}

#campaign-2104 #bene1 .dia-wrap {
    background-color: rgba(222, 220, 215, 0.3);
}

#campaign-2104 #bene1 .dia-wrap .bg-wh {
    border-radius: 0;
    margin: 0;
    text-align: center;
    padding: 20px 10px 0;
    box-shadow: none;
}

#campaign-2104 #bene1 .dia-wrap .bene-list {
    width: 33.3333333333%;
}

#campaign-2104 #bene1 .dia-wrap .bene-list:nth-child(1) {
    padding-right: 0;
}

#campaign-2104 #bene1 .dia-wrap .bene-list:nth-child(2) {
    padding: 20px 10px;
}

#campaign-2104 #bene1 .dia-wrap .bene-list:nth-child(3) {
    padding-left: 0;
}

#campaign-2104 #bene1 .dia-wrap .caption {
    font-size: 0.8em;
    color: #fff;
    font-weight: bold;
    padding: 2px 4px;
    margin-top: 8px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 2px #222;
    background: linear-gradient(to right, transparent, #333, #000, #333, transparent);
}

#campaign-2104 #bene1 .dia-wrap .under-green {
    border-bottom: solid 3px #076302;
}

#campaign-2104 #bene1 #entry-date {
    margin-top: 20px;
    text-align: center;
}

#campaign-2104 #bene1 .btn-wrap br {
    display: none;
}

#campaign-2104 #bene1 .btn-wrap .btn-l {
    padding: 14px 8px;
}

#campaign-2104 #bene1 .btn-wrap .btn-l span {
    padding-top: 5px;
}

#campaign-2104 #bene1 .btn-wrap .btn-blue {
    margin: 30px auto 0;
    background-color: #051772;
    border: solid 3px #fff;
    display: flex;
    align-items: end;
    justify-content: center;
}

#campaign-2104 #bene1 .btn-wrap .btn-blue::before {
    content: "";
    background: url(/img/common/icon_present.png) no-repeat;
    background-size: contain;
    margin-right: 4px;
    width: 1.5em;
    height: 1.5em;
}

#campaign-2104 #bene1 .btn-wrap .btn-blue:hover {
    background-color: #fff;
    border: solid 3px #051772;
    color: #051772;
}

#campaign-2104 #bene1 .btn-wrap .btn-blue:hover::before {
    background: url(/img/campaign/2104/icon-present-blue.png) no-repeat;
    background-size: contain;
    width: 1.5em;
    height: 1.5em;
}

#campaign-2104 #bene2 .hd-line {
    border-top: solid 4px #000;
    border-bottom: solid 4px #000;
    color: #000;
}

#campaign-2104 #bene2 .hd-line span.bg-black {
    color: #fff;
    font-weight: bold;
    padding: 6px 4px;
    font-size: 0.6em;
    display: inline-block;
    vertical-align: text-bottom;
}

#campaign-2104 #bene2 dl {
    max-width: 800px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 1.2em;
}

#campaign-2104 #bene2 dl dt {
    color: #000;
    width: 55%;
    justify-content: flex-start;
    align-items: center;
}

#campaign-2104 #bene2 dl dt img {
    width: 60px;
    margin-right: 10px;
}

#campaign-2104 #bene2 dl dd {
    width: 40%;
    position: relative;
}

#campaign-2104 #bene2 dl dd .balloon {
    color: #076302;
    border: 2px solid #076302;
    padding: 16px;
    text-align: left;
}

#campaign-2104 #bene2 dl dd::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 50px 15px 0;
    border-color: transparent #076302 transparent transparent;
    top: 0;
    bottom: 0;
    left: -50px;
    margin: auto;
}

#campaign-2104 #bene2 dl dd::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 50px 15px 0;
    border-color: transparent #fff transparent transparent;
    top: 0;
    bottom: 0;
    left: -42px;
    margin: auto;
}

#campaign-2104 a.icon-tri::before {
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #000;
}

#campaign-2104 #kw .hd-line {
    color: #000;
    border-top: solid 4px #000;
    border-bottom: solid 4px #000;
}

#campaign-2104 #kw-tokuten .lead-text {
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-2104 #kw-tokuten .lead-text::before,
#campaign-2104 #kw-tokuten .lead-text::after {
    content: "";
    width: 3em;
    height: 2px;
    background-color: #000;
}

#campaign-2104 #kw-tokuten .lead-text::before {
    transform: rotate(60deg);
}

#campaign-2104 #kw-tokuten .lead-text::after {
    transform: rotate(-60deg);
}

#campaign-2104 #kw-tokuten .caption {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 8px;
}

#campaign-2104 #cam-detail .bg-wh {
    box-shadow: none;
    border-radius: 0;
}

#campaign-2104 #cam-detail ul {
    list-style: disc;
}

@media screen and (max-width: 1024px) {
    #campaign-2104 #bene1 .bene-wrap .bene-inner {
        padding: 20px;
    }
}

@media screen and (max-width: 960px) {
    #campaign-2104 #cam-cmn h2 {
        font-size: 1.8em;
    }

    #campaign-2104 #kw-tokuten .caption {
        margin-bottom: 10;
    }
}

@media screen and (max-width: 840px) {
    #campaign-2104 #cam-cmn h2 {
        font-size: 1.5em;
    }

    #campaign-2104 .lead-text {
        font-size: 1.2em;
        text-align: left;
    }

    #campaign-2104 #intro .text-wrap {
        text-align: left;
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list img {
        width: 25%;
        height: auto;
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list .caption {
        width: 100%;
        font-size: 1em;
        padding: 20px 4px;
        background-color: transparent;
        color: #ffffff;
        text-shadow: none;
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list:nth-child(1) {
        padding-right: 20px;
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list:nth-child(2) {
        padding: 20px;
        border-top: solid 1px #000;
        border-bottom: solid 1px #000;
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list:nth-child(3) {
        padding-left: 20px;
    }

    #campaign-2104 #kw-tokuten .caption {
        font-size: 1em;
    }
}

@media screen and (max-width: 768px) {
    #campaign-2104 h3 {
        font-size: 1.3em;
    }

    #campaign-2104 .font-l {
        font-size: 1.5em;
    }

    #campaign-2104 #bene2 .lead-text {
        margin: 20px 0;
    }

    #campaign-2104 #kw .lead-text,
    #campaign-2104 #kw-tokuten .lead-text {
        font-size: 1em;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2104 .sp-br {
        display: block;
    }

    #campaign-2104 .flex-content3 {
        width: 33%;
    }

    #campaign-2104 .flex-content2.img-wrap {
        width: 100%;
        margin: 0 auto;
    }

    #campaign-2104 .flex-content2.text-wrap {
        width: 100%;
        margin-top: 20px;
    }

    #campaign-2104 .flex-reverse {
        flex-direction: column;
    }

    #campaign-2104 .hd-black,
    #campaign-2104 .hd-green {
        padding: 8px;
    }

    #campaign-2104 #bene1 .gold-wrap .bene-list,
    #campaign-2104 #bene1 .pla-wrap .bene-list {
        width: 44%;
    }

    #campaign-2104 #bene1 .gold-wrap .bene-list .text-wrap,
    #campaign-2104 #bene1 .pla-wrap .bene-list .text-wrap {
        font-size: 0.8em;
    }

    #campaign-2104 #bene1 .gold-wrap .txt-or,
    #campaign-2104 #bene1 .pla-wrap .txt-or {
        font-size: 1em;
        line-height: 14em;
    }

    #campaign-2104 #bene2 dl dt,
    #campaign-2104 #bene2 dl dd {
        width: 100%;
    }

    #campaign-2104 #bene2 dl dt {
        justify-content: center;
        flex-wrap: nowrap;
    }

    #campaign-2104 #bene2 dl dt img {
        width: 50px;
    }

    #campaign-2104 #bene2 dl dd {
        padding-top: 8px;
    }

    #campaign-2104 #bene2 dl dd::before,
    #campaign-2104 #bene2 dl dd::after {
        display: none;
    }

    #campaign-2104 #bene2 dl dd .balloon {
        padding: 10px;
        font-size: 0.8em;
        text-align: center;
    }

    #campaign-2104 #kw-tokuten .lead-text br {
        display: none;
    }

    #campaign-2104 #kw-tokuten .lead-text::before,
    #campaign-2104 #kw-tokuten .lead-text::after {
        width: 6em;
    }

    #campaign-2104 #kw-tokuten .caption {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 520px) {
    #campaign-2104 .font-l {
        font-size: 1.2em;
    }

    #campaign-2104 #cam-cmn h2 {
        font-size: 1.3em;
    }

    #campaign-2104 #intro .about-kw .kw-inner {
        padding: 10px;
    }

    #campaign-2104 #intro .about-kw .text-wrap {
        width: 100%;
    }

    #campaign-2104 #bene1 .arrow {
        max-width: 150px;
    }

    #campaign-2104 #bene1 .btn-wrap .btn-l {
        font-size: 1em;
    }

    #campaign-2104 #bene1 .btn-wrap .btn-l span {
        padding-top: 1px;
        right: 4px;
    }

    #campaign-2104 #bene1 .btn-wrap .btn-blue::after {
        display: none;
    }

    #campaign-2104 #bene1 .bene-wrap .bene-list {
        padding: 10px;
    }

    #campaign-2104 #bene1 .bene-wrap .bene-list .img-wrap {
        max-width: 150px;
    }

    #campaign-2104 #bene1 .bene-wrap .bene-inner {
        padding: 10px;
    }

    #campaign-2104 #bene1 .gold-wrap .flex,
    #campaign-2104 #bene1 .pla-wrap .flex {
        flex-direction: column;
        align-items: center;
    }

    #campaign-2104 #bene1 .gold-wrap .bene-list,
    #campaign-2104 #bene1 .pla-wrap .bene-list {
        width: 100%;
        padding: 20px 10px;
    }

    #campaign-2104 #bene1 .gold-wrap .txt-or,
    #campaign-2104 #bene1 .pla-wrap .txt-or {
        line-height: 2;
    }

    #campaign-2104 #bene1 .dia-wrap .bg-wh {
        font-size: 1em;
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list:nth-child(1) {
        padding-right: 10px;
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list:nth-child(2) {
        padding: 10px;
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list:nth-child(3) {
        padding-left: 10px;
    }

    #campaign-2104 #kw-tokuten .lead-text::before,
    #campaign-2104 #kw-tokuten .lead-text::after {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2104 h3 {
        font-size: 1.2em;
    }

    #campaign-2104 .flex-content3 {
        width: 100%;
    }

    #campaign-2104 .btn-l {
        font-size: 5vw;
    }

    #campaign-2104 .btn-l .uk-icon {
        display: none;
    }

    #campaign-2104 #mv .mv-bene .img-wrap {
        width: 100%;
    }

    #campaign-2104 #mv .mv-bene .img-wrap:nth-child(1) {
        margin-bottom: 8px;
    }

    #campaign-2104 #intro h2 br {
        display: none;
    }

    #campaign-2104 .cam-date {
        font-size: 1em;
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list {
        display: block;
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list img {
        width: 100%;
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list .caption {
        font-size: 0.8em;
        color: #fff;
        padding: 2px 4px;
        margin-top: 8px;
        margin-bottom: 0;
        text-align: center;
        text-shadow: 0 0 2px #222;
        background: linear-gradient(to right, transparent, #333, #000, #333, transparent);
    }

    #campaign-2104 #bene1 .dia-wrap .bene-list:nth-child(2) {
        border: none;
    }
}

@media screen and (max-width: 375px) {
    #campaign-2104 #bene1 .btn-wrap br {
        display: block;
    }

    #campaign-2104 #bene1 .btn-wrap .btn-l {
        line-height: 1.5;
        padding: 14px 8px 10px;
    }

    #campaign-2104 #bene1 .btn-wrap .btn-l span {
        padding-top: 11px;
    }

    #campaign-2104 #bene1 .btn-wrap .btn-blue::before {
        display: none;
    }
}

/***************************
   繝｢繝ｳ繝�署謳ｺ��2106��
  ***************************/
#campaign-2106 {
    /******** 閭梧勹 ********/
    /******** 隕句�縺� ********/
    /******** 繝�く繧ｹ繝� ********/
    /******** flex ********/
    /******** 繝懊ち繝ｳ ********/
    /******** 蜷гection隧ｳ邏ｰ ********/
    /*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ***/
}

#campaign-2106 .sp-br {
    display: none;
}

#campaign-2106 .pc-br {
    display: block;
}

#campaign-2106 .bg-yellow {
    background-color: #feed00;
}

#campaign-2106 .bg-blue {
    background: linear-gradient(to right, #020e4c, #163898);
}

#campaign-2106 .bg-navy {
    background: linear-gradient(to right, #231815, #020e4c);
}

#campaign-2106 .bg-block {
    background: url(/img/campaign/2106/bg.png) center top repeat-y;
    background-size: 100% auto;
}

#campaign-2106 .bg-wh {
    background-color: white;
}

#campaign-2106 h2 {
    text-align: center;
    font-size: 2em;
}

#campaign-2106 .hd-line {
    margin-bottom: 40px;
}

#campaign-2106 .hd-line span {
    display: inline-block;
    border-bottom: 2px solid;
    padding: 0 0 8px;
}

#campaign-2106 .balloon {
    position: relative;
    display: inline-block;
    padding: 0 1.2em;
}

#campaign-2106 .balloon::before,
#campaign-2106 .balloon::after {
    content: "";
    position: absolute;
    bottom: 30%;
    display: inline-block;
    width: 1em;
    height: 2px;
}

#campaign-2106 .balloon::before {
    left: 0;
    transform: rotate(60deg);
}

#campaign-2106 .balloon::after {
    right: 0;
    transform: rotate(-60deg);
}

#campaign-2106 .balloon-navy::before,
#campaign-2106 .balloon-navy::after {
    background-color: #020e4c;
}

#campaign-2106 .balloon-white::before,
#campaign-2106 .balloon-white::after {
    background-color: white;
}

#campaign-2106 .font-navy {
    color: #020e4c;
}

#campaign-2106 .font-blue {
    color: #163898;
}

#campaign-2106 .font-yellow {
    color: #feed00;
}

#campaign-2106 .font-white {
    color: white;
}

#campaign-2106 .lead-text {
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
    margin: 40px 0;
}

#campaign-2106 .flex {
    justify-content: space-between;
}

#campaign-2106 .flex-content2.img-wrap {
    width: 40%;
}

#campaign-2106 .flex-content2.text-wrap {
    width: 56%;
}

#campaign-2106 .flex-content3 {
    width: 32%;
}

#campaign-2106 .cam-btn {
    font-weight: bold;
    font-size: 1.4em;
    width: 100%;
    max-width: 360px;
    border-radius: 30px;
    box-shadow: 0 0 3px #000;
    position: relative;
    padding: 10px;
    display: inline-block;
}

#campaign-2106 .cam-btn .uk-icon {
    position: absolute;
    right: 8px;
    top: 33%;
}

#campaign-2106 .cam-btn:hover {
    opacity: 1;
}

#campaign-2106 .btn-red {
    background: linear-gradient(to right, #020e4c, #163898);
    color: white;
    padding: 2px;
    display: inline-block;
}

#campaign-2106 .btn-red .bg-red {
    background-color: #e60012;
    display: block;
    padding: 10px;
    border-radius: 30px;
}

#campaign-2106 .btn-red:hover .bg-red {
    background-color: white;
    color: #e60012;
}

#campaign-2106 .btn-soon {
    border: 2px solid #666;
    background-color: #ddd;
    color: #666;
    box-shadow: none;
}

#campaign-2106 .btn-twitter {
    border: 2px solid #231815;
    background-color: white;
    color: #231815;
}

#campaign-2106 .btn-twitter img {
    width: 1.2em;
    vertical-align: text-top;
}

#campaign-2106 .btn-twitter:hover {
    background-color: #231815;
    color: white;
}

#campaign-2106 #cam-banner .img-wrap {
    width: 49%;
}

#campaign-2106 #intro .bg-wh {
    border: 8px solid #1a3891;
    padding: 40px;
}

#campaign-2106 #intro .bg-wh .text-wrap {
    width: 68%;
}

#campaign-2106 #intro .bg-wh .img-wrap {
    width: 28%;
}

#campaign-2106 #cam-list .cam-wrap {
    position: relative;
}

#campaign-2106 #cam-list .cam-wrap .icon-cheer {
    position: absolute;
    top: -32px;
    left: 12px;
    width: 12%;
    max-width: 120px;
    min-width: 80px;
}

#campaign-2106 #cam-list .cam-wrap h3 {
    font-size: 1.8em;
}

#campaign-2106 #cam-list .bg-blue {
    padding: 8px;
}

#campaign-2106 #cam-list .game {
    border: 2px solid #020e4c;
    font-size: 1.4em;
    position: relative;
}

#campaign-2106 #cam-list .game .game-end {
    content: "邨ゆｺ�＠縺ｾ縺励◆";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-2106 #cam-list .game:not(:last-child) {
    margin-bottom: 16px;
}

#campaign-2106 #cam-list .game dt {
    background-color: #020e4c;
    color: white;
    padding: 8px;
}

#campaign-2106 #cam-list .game dd {
    color: #020e4c;
    padding: 4px 8px;
    text-align: left;
    font-weight: bold;
}

#campaign-2106 #cam-list .game dd span {
    font-size: 1.2em;
}

#campaign-2106 #cam-list .flex .img-wrap {
    width: 36%;
}

#campaign-2106 #cam-list .flex .text-wrap {
    width: 60%;
}

#campaign-2106 #cam-list #cam2 .bg-yellow {
    padding: 8px;
    font-size: 1.2em;
    font-weight: bold;
}

#campaign-2106 #cam-list #cam2 #no-entry {
    font-weight: bold;
    margin: 0;
}

#campaign-2106 #cam-list #cam3 {
    max-width: 920px;
    margin: 0 auto;
    position: relative;
}

#campaign-2106 #cam-list #cam3 .text-wrap {
    width: calc(100% - 250px);
}

#campaign-2106 #cam-list #cam3 .text-wrap p {
    font-size: 2.3em;
    font-weight: bold;
    color: #020e4c;
    margin: 0;
}

#campaign-2106 #cam-list #cam3 .img-wrap {
    width: 240px;
    position: absolute;
    bottom: 16px;
    right: 32px;
}

#campaign-2106 #cam-detail h3 {
    text-align: center;
    background-color: #000;
    color: white;
    padding: 8px;
    margin: 0;
}

#campaign-2106 #cam-detail ul {
    list-style: disc;
}

@media screen and (max-width: 960px) {
    #campaign-2106 {
        /******** 蜷гection隧ｳ邏ｰ ********/
    }

    #campaign-2106 h2 {
        font-size: 1.6em;
    }

    #campaign-2106 h3 {
        font-size: 1.2em;
    }

    #campaign-2106 .pc-br {
        display: none;
    }

    #campaign-2106 #intro .bg-wh {
        padding: 20px;
    }

    #campaign-2106 #intro .bg-wh .img-wrap {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 16px;
    }

    #campaign-2106 #intro .bg-wh .text-wrap {
        width: 100%;
    }

    #campaign-2106 #intro .flex-reverse {
        flex-direction: row;
    }

    #campaign-2106 #cam-list #cam3 .img-wrap {
        width: 25%;
        right: 16px;
    }

    #campaign-2106 #cam-list #cam3 .text-wrap {
        width: 73%;
    }

    #campaign-2106 #cam-list #cam3 .text-wrap p {
        font-size: 4vw;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2106 {
        /******** 蜷гection隧ｳ邏ｰ ********/
    }

    #campaign-2106 h2 {
        font-size: 1.3em;
    }

    #campaign-2106 h3 {
        font-size: 1.1em;
    }

    #campaign-2106 .sp-br {
        display: block;
    }

    #campaign-2106 #cam-banner .img-wrap {
        width: 100%;
    }

    #campaign-2106 .bg-navy {
        background: linear-gradient(to right, #0c0d15, #020e4c);
    }

    #campaign-2106 #cam-list .cam-wrap h3 {
        font-size: 1.2em;
    }

    #campaign-2106 #cam-list .flex .img-wrap {
        width: 100%;
        margin-bottom: 8px;
    }

    #campaign-2106 #cam-list .flex .text-wrap {
        width: 100%;
    }

    #campaign-2106 #cam-list .game {
        font-size: 1.2em;
    }

    #campaign-2106 #cam-list #cam3 {
        margin: 0 auto 70px;
    }

    #campaign-2106 #cam-list #cam3 .img-wrap {
        width: 20%;
        min-width: 80px;
        bottom: -80px;
        right: 0;
    }

    #campaign-2106 #cam-list #cam3 .text-wrap {
        width: 100%;
        text-align: center;
    }

    #campaign-2106 #cam-list #cam3 .text-wrap p {
        font-size: 5vw;
    }
}

/*
  *
  * 縺ｿ繧薙↑縺ｧ謖第姶�∫腸蠅�け繧､繧ｺ繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2112)
  *
  */
#campaign-2112 {
    /*--- 隕句�縺怜�騾� ---*/
    /* intro, 蟇ｾ隲�ｦ句�縺�*/
    /* 逶ｮ謖�☆譛ｪ譚･, 繧ｯ繧､繧ｺ*/
    /* CHANGE縺ｨ縺ｯ */
    /* 遘√◆縺｡縺ｮ諠ｳ縺� */
    /*--- 繧ｳ繝ｳ繝�Φ繝� ---*/
    /* 繧､繝ｳ繝医Ο */
    /* 繝励Ξ繧ｼ繝ｳ繝� */
    /* CHANGE縺ｫ縺､縺�※ */
    /* 逶ｮ謖�☆譛ｪ譚･ */
    /* 蟇ｾ隲� */
    /* 遘√◆縺｡縺ｮ諠ｳ縺� */
    /* 繧ｹ繝�ャ繝� */
    /* 繧ｭ繝｣繝ｳ繝壹�繝ｳ蜿ょ刈 */
    /* 繧ｯ繧､繧ｺ */
    /*------ 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ------*/
}

#campaign-2112 .sp-br,
#campaign-2112 .sp-img {
    display: none;
}

#campaign-2112 .font-deep-green {
    color: #076807;
}

#campaign-2112 .font-green {
    color: #009b43;
}

#campaign-2112 .font-white {
    color: #fff;
}

#campaign-2112 .font-black {
    color: #000;
}

#campaign-2112 .font-vb {
    color: #369af1;
}

#campaign-2112 .bg-green {
    background-color: #44ac44;
}

#campaign-2112 .lead {
    font-weight: bold;
}

#campaign-2112 .hd {
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-2112 .hd::before,
#campaign-2112 .hd::after {
    content: "";
}

#campaign-2112 .hd::before {
    margin-right: 20px;
}

#campaign-2112 .hd::after {
    margin-left: 20px;
}

#campaign-2112 .hd-s::before,
#campaign-2112 .hd-s::after {
    width: 18px;
    height: 35px;
}

#campaign-2112 .hd-s::before {
    background: url(/img/campaign/2112/h_g_s_l.png) no-repeat;
    background-size: contain;
}

#campaign-2112 .hd-s::after {
    background: url(/img/campaign/2112/h_g_s_r.png) no-repeat;
    background-size: contain;
}

#campaign-2112 .hd-dg::before,
#campaign-2112 .hd-dg::after {
    width: 18px;
    height: 35px;
}

#campaign-2112 .hd-dg::before {
    background: url(/img/campaign/2112/h_dg_l.png) no-repeat;
    background-size: contain;
}

#campaign-2112 .hd-dg::after {
    background: url(/img/campaign/2112/h_dg_r.png) no-repeat;
    background-size: contain;
}

#campaign-2112 .hd-wh-l::before,
#campaign-2112 .hd-wh-l::after {
    width: 29px;
    height: 57px;
}

#campaign-2112 .hd-wh-l::before {
    background: url(/img/campaign/2112/h_w_l_l.png) no-repeat;
    background-size: contain;
}

#campaign-2112 .hd-wh-l::after {
    background: url(/img/campaign/2112/h_w_l_r.png) no-repeat;
    background-size: contain;
}

#campaign-2112 .hd-wh::before,
#campaign-2112 .hd-wh::after {
    width: 18px;
    height: 35px;
}

#campaign-2112 .hd-wh::before {
    background: url(/img/campaign/2112/h_w_s_l.png) no-repeat;
    background-size: contain;
}

#campaign-2112 .hd-wh::after {
    background: url(/img/campaign/2112/h_w_s_r.png) no-repeat;
    background-size: contain;
}

#campaign-2112 #intro .btn-cam-eq {
    background-color: #e60012;
    border: solid 1px #e60012;
    color: white;
    font-size: 1.3em;
}

#campaign-2112 #intro .btn-cam-eq:hover {
    background-color: #fff;
    color: #e60012;
}

#campaign-2112 #intro .btn-cam-eq svg {
    width: 1.6em;
    vertical-align: sub;
}

#campaign-2112 #intro .btn-l {
    max-width: 420px;
    border-radius: 50px;
}

#campaign-2112 #intro .font-red {
    color: #e60012;
}

#campaign-2112 #intro.bg-orange {
    background-color: #fff4d7;
}

#campaign-2112 #intro .hd-red {
    text-align: center;
    color: #e60012;
}

#campaign-2112 #intro .hd-red::before,
#campaign-2112 #intro .hd-red::after {
    width: 29px;
    height: 57px;
}

#campaign-2112 #intro .hd-red::before {
    background: url(/img/campaign/2112/hd-red.png) no-repeat;
    background-size: contain;
}

#campaign-2112 #intro .hd-red::after {
    background: url(/img/campaign/2112/hd-red.png) no-repeat;
    background-size: contain;
    transform: scale(-1, 1);
}

#campaign-2112 #intro .text-wrap1 {
    position: relative;
    text-align: center;
    background-color: #fff;
    font-weight: bold;
    border-radius: 21px;
    border: solid 4px #e60012;
    padding: 30px;
}

#campaign-2112 #intro .text-wrap1::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/common/arrow_more_blk.png) no-repeat;
    background-size: contain;
    width: 300px;
    height: 90px;
    left: 0;
    right: 0;
    bottom: -120px;
    margin: auto;
}

#campaign-2112 #intro .text-wrap1 .sub-hd {
    position: absolute;
    top: -1em;
    right: 0;
    left: 0;
    margin: auto;
    width: 90%;
    text-align: center;
    color: #fff;
    padding: 8px;
    margin: 0 auto;
    z-index: 1;
}

#campaign-2112 #intro .text-wrap1 .sub-hd::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/2112/ribbon.png) no-repeat;
    background-size: contain;
    max-width: 600px;
    width: 100%;
    height: 45px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}

#campaign-2112 #intro .text-wrap1 .flex {
    justify-content: center;
    align-items: center;
    max-width: 600px;
    width: 100%;
    background-color: #ffd400;
    margin: 20px auto 0;
    padding: 20px;
}

#campaign-2112 #intro .text-wrap1 .flex img {
    width: 22%;
    margin-left: 20px;
}

#campaign-2112 #intro .text-wrap2 {
    background-color: #fff;
    margin-top: 140px;
    padding: 20px;
}

#campaign-2112 #intro .text-wrap2 .flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    text-align: left;
}

#campaign-2112 #intro .text-wrap2 .flex::after {
    content: "";
    position: absolute;
    background: url(/img/campaign/common/arrow_right_secondary.png) no-repeat;
    background-size: contain;
    width: 24px;
    height: 33px;
    top: 0;
    bottom: 0;
    left: 46%;
    right: 0;
    margin: auto;
}

#campaign-2112 #intro .text-wrap2 .text-left {
    width: calc(100% - 9em - 64px);
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
}

#campaign-2112 #intro .text-wrap2 .text-right {
    font-weight: bold;
    width: 9em;
}

#campaign-2112 #intro .text-wrap3 {
    text-align: center;
}

#campaign-2112 #intro .text-wrap3 h3 {
    line-height: 1.1;
    font-weight: bold;
    font-size: 1.6em;
}

#campaign-2112 #present {
    background-color: #f4ffcb;
}

#campaign-2112 #present .present-wrap {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

#campaign-2112 #present .present-inner {
    display: block;
    width: 32%;
    margin: 0 4px;
}

#campaign-2112 #present .closing .special-hd {
    color: #076807;
    border-top: solid 3px #076807;
    border-bottom: solid 3px #076807;
    text-align: center;
    padding: 16px 8px;
}

#campaign-2112 #about {
    background: #009b43;
}

#campaign-2112 #about .hd {
    text-align: center;
}

#campaign-2112 #about .about-wrap {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}

#campaign-2112 #about .about-wrap.flex {
    align-items: flex-end;
}

#campaign-2112 #about .about-wrap .img-wrap {
    width: 35%;
}

#campaign-2112 #about .about-wrap .text-wrap {
    width: 60%;
}

#campaign-2112 #about .about-wrap .text-wrap .flex {
    justify-content: space-between;
    align-items: flex-end;
}

#campaign-2112 #about .about-wrap .text-wrap .award img {
    width: 47%;
}

#campaign-2112 #future {
    background: #e7ee60;
}

#campaign-2112 #future p {
    color: #000;
}

#campaign-2112 #future .label {
    background: #fff;
    border-left: solid 6px #076807;
    color: #076807;
    padding: 8px 8px 8px 16px;
}

#campaign-2112 #future .lead-text {
    text-align: center;
}

#campaign-2112 #future .future-detail {
    margin-bottom: 40px;
    position: relative;
}

#campaign-2112 #future .future-detail:first-child {
    margin-bottom: 80px;
}

#campaign-2112 #future .future-detail .text-wrap {
    width: 58%;
}

#campaign-2112 #future .future-detail .img-wrap {
    position: absolute;
    width: 37%;
    top: 0;
    right: 0;
}

#campaign-2112 #future #sdgs .sdgs-wrap {
    position: relative;
}

#campaign-2112 #future #sdgs .sdgs-wrap .text-wrap {
    width: 58%;
}

#campaign-2112 #future #sdgs .sdgs-wrap .img-wrap {
    position: absolute;
    width: 37%;
    top: 0;
    right: 0;
}

#campaign-2112 #future #sdgs .sdgs-detail.flex {
    justify-content: space-between;
}

#campaign-2112 #future #sdgs .sdgs-detail .flex {
    justify-content: space-between;
}

#campaign-2112 #future #sdgs .sdgs-detail .detail-wrap {
    width: 48%;
}

#campaign-2112 #future #sdgs .sdgs-detail .detail-wrap:nth-child(-n+2) {
    margin-bottom: 20px;
}

#campaign-2112 #future #sdgs .sdgs-detail .detail-wrap .img-wrap {
    width: 20%;
}

#campaign-2112 #future #sdgs .sdgs-detail .detail-wrap .text-wrap {
    width: 78%;
    line-height: 1.3;
}

#campaign-2112 #future #sdgs .sdgs-detail .detail-wrap .text-wrap p:not(.strong) {
    font-size: 0.9em;
}

#campaign-2112 #future #sdgs .sdgs-detail .detail-wrap .text-wrap .strong {
    font-weight: bold;
    margin-top: 8px;
}

#campaign-2112 #future #monte {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
}

#campaign-2112 #future #monte .monte-wrap {
    border: solid 7px #369af1;
    background: #fff;
    padding: 16px 30px;
}

#campaign-2112 #future #monte .flex {
    align-items: center;
}

#campaign-2112 #future #monte .text-wrap {
    width: 52%;
}

#campaign-2112 #future #monte .text-wrap span {
    display: inline-block;
}

#campaign-2112 #future #monte .text-wrap .font-m {
    font-size: 1.4em;
}

#campaign-2112 #future #monte .text-wrap .strong {
    font-weight: bold;
}

#campaign-2112 #future #monte .img-wrap {
    width: 48%;
}

#campaign-2112 #dialogue {
    text-align: center;
    background: url(/img/campaign/2112/bk.png) repeat;
}

#campaign-2112 #dialogue .lead-text {
    font-size: 1.1em;
}

#campaign-2112 #dialogue .thumbnail-wrap {
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border: solid 1px #eee;
}

#campaign-2112 #dialogue .thumbnail-wrap .contents-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#campaign-2112 #dialogue .thumbnail-wrap .contents-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#campaign-2112 #story {
    background: #009b43;
}

#campaign-2112 #story .lead {
    text-align: center;
}

#campaign-2112 #story .story-list {
    justify-content: space-between;
}

#campaign-2112 #story .story-list li {
    width: 31%;
    margin-bottom: 0;
}

#campaign-2112 #story .story-list li h2 {
    font-size: 1em;
}

#campaign-2112 #story .story-list li a .list-txt {
    background: #f6fff0;
}

#campaign-2112 #story .story-list li a .list-txt::before {
    background: #076807;
}

#campaign-2112 #story .story-list li a .h-top-blue:before {
    background: #009b43;
}

#campaign-2112 #story .story-list li a:hover .h-top-blue:before {
    background: #fff;
}

#campaign-2112 #story .btn-l {
    max-width: 400px;
    font-size: 1.3em;
    border-radius: 50px;
}

#campaign-2112 #story .btn-l span {
    padding-top: 6px;
}

#campaign-2112 #story .btn-interview {
    border: solid 1px white;
    background: white;
}

#campaign-2112 #story .btn-interview:hover {
    opacity: 1;
    color: white;
    background: #076807;
}

#campaign-2112 #story .special-hd {
    color: #ffff00;
    border-top: solid 3px #ffff00;
    border-bottom: solid 3px #ffff00;
    text-align: center;
    padding: 24px 8px;
}

#campaign-2112 #step {
    background: #009fe8;
    /*---------- 逋ｻ骭ｲ繝輔か繝ｼ繝� ----------*/
}

#campaign-2112 #step .hd-line {
    border-bottom: solid 4px #fff;
    padding-bottom: 16px;
}

#campaign-2112 #step h2 {
    font-size: 2em;
    color: #fff;
    text-align: center;
}

#campaign-2112 #step h2 span {
    border-bottom: 1px solid;
    display: inline-block;
    padding-bottom: 15px;
}

#campaign-2112 #step ol {
    width: 95%;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}

#campaign-2112 #step ol li {
    width: 20.5%;
    padding: 0;
}

#campaign-2112 #step ol li:last-child {
    width: 18%;
}

#campaign-2112 #step ol img {
    height: auto;
}

#campaign-2112 #step .form-wrap {
    color: #fff;
    max-width: 800px;
    margin: 0 auto;
}

#campaign-2112 #step .form-wrap .cv-txt {
    font-size: 2.3em;
}

#campaign-2112 #step .form-wrap .input-email {
    height: 50px;
    border-radius: 5px;
}

#campaign-2112 #step .form-wrap .btn-cv {
    background: linear-gradient(#ff6500, #ff3500);
    border: 2px solid #ff3500;
    max-width: 450px;
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    border-radius: 5px;
    padding: 0.7em 0;
    letter-spacing: 0;
    box-shadow: 0 0 4px #808080;
}

#campaign-2112 #step .form-wrap .btn-cv .uk-icon {
    width: 20px;
    height: 20px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

#campaign-2112 #step .form-wrap .btn-cv:hover {
    background: #fff;
    color: #ff3500;
}

#campaign-2112 #step .form-wrap .recaptcha-txt {
    color: #e0e0e0;
    font-weight: normal;
}

#campaign-2112 #step .form-wrap .recaptcha-txt a {
    color: #e0e0e0;
}

#campaign-2112 #join {
    background: #f4ffcb;
    padding-bottom: 100px;
}

#campaign-2112 #join .container {
    overflow: visible;
}

#campaign-2112 #join .hd {
    text-align: center;
}

#campaign-2112 #join .hd::before,
#campaign-2112 #join .hd::after {
    width: 29px;
    height: 57px;
}

#campaign-2112 #join .hd::before {
    background: url(/img/campaign/2112/h_g_l_l.png) no-repeat;
    background-size: contain;
}

#campaign-2112 #join .hd::after {
    background: url(/img/campaign/2112/h_g_l_r.png) no-repeat;
    background-size: contain;
}

#campaign-2112 #join .goods-img.flex {
    justify-content: space-between;
}

#campaign-2112 #join .goods-img img {
    width: 24%;
    height: 100%;
}

#campaign-2112 #join .detail-wrap {
    position: relative;
    margin-top: 100px;
}

#campaign-2112 #join .detail-wrap button {
    position: absolute;
    top: -1.2em;
    right: 0;
    left: 0;
    margin: auto;
}

#campaign-2112 #join .detail-wrap .btn-l {
    max-width: 360px;
    border-radius: 28px;
}

#campaign-2112 #join .detail-wrap .btn-l span {
    padding-top: 8px;
}

#campaign-2112 #join .detail-wrap .btn-green {
    background: #009b43;
    border: solid 1px #009b43;
    color: #fff;
    font-size: 1.4em;
}

#campaign-2112 #join .detail-wrap .btn-green:hover {
    background: #fff;
    color: #009b43;
}

#campaign-2112 #join #cam-detail {
    border: solid 3px #009b43;
    background: #fff;
    padding: 40px 30px 30px;
}

#campaign-2112 #join #cam-detail dl {
    border-bottom: none;
    color: #000;
}

#campaign-2112 #join #cam-detail dl .cam-dl {
    padding: 30px 10px;
}

#campaign-2112 #join #cam-detail dl .cam-dl:first-child {
    border-top: none;
}

#campaign-2112 #join #cam-detail dl .strong {
    font-weight: bold;
}

#campaign-2112 #join #cam-detail dl dt {
    width: 100%;
    font-size: 1.5em;
    padding-left: 24px;
    margin-bottom: 16px;
    text-align: left;
    position: relative;
}

#campaign-2112 #join #cam-detail dl dt::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #009b43;
    border-radius: 50px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#campaign-2112 #join #cam-detail dl dd {
    width: 100%;
}

#campaign-2112 #join #cam-detail dl dd ul {
    list-style: disc;
}

#campaign-2112 #join #cam-detail dl #goods-detail .detail-wrap {
    padding-left: 40px;
    padding-right: 40px;
}

#campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap:not(:last-child) {
    border-bottom: dashed 1px #999;
    padding: 0 0 30px;
    margin: 0 0 30px;
}

#campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .flex {
    justify-content: space-between;
}

#campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .img-wrap {
    width: 22%;
}

#campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .img-wrap img {
    border: solid 1px #eee;
}

#campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .text-wrap {
    width: 75%;
}

#campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .goods-hd .week {
    display: inline-block;
    text-align: center;
    background: #009b43;
    color: #fff;
    font-weight: bold;
    width: 76px;
    height: 76px;
    border-radius: 50px;
    line-height: 0.8;
    font-size: 1.1em;
    padding: 1.4em 4px 4px;
}

#campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .goods-hd .week .font-s {
    font-size: 0.6em;
    letter-spacing: 0;
}

#campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .goods-hd h3 {
    color: #000;
    display: inline-block;
    vertical-align: text-bottom;
}

#campaign-2112 #join #cam-detail dl .cam-note {
    border: solid 2px #000;
    border-radius: 25px;
    padding: 16px 4px;
    height: 9em;
    font-size: 0.9em;
    overflow: scroll;
}

#campaign-2112 #join #cam-detail .hd::before,
#campaign-2112 #join #cam-detail .hd::after {
    width: 1.3em;
    height: 2px;
    background: #000;
}

#campaign-2112 #join #cam-detail .hd::before {
    transform: rotate(60deg);
    margin-right: 8px;
}

#campaign-2112 #join #cam-detail .hd::after {
    transform: rotate(-60deg);
    margin-left: 8px;
}

#campaign-2112 #join #twitter .btn-l {
    max-width: 420px;
}

#campaign-2112 #join #twitter .btn-blue {
    font-size: 1.4em;
    background: #1DA1F2;
    border: solid 1px #1DA1F2;
    color: white;
}

#campaign-2112 #join #twitter .btn-blue:hover {
    color: #1DA1F2;
    background: #fff;
}

#campaign-2112 #join #twitter .btn-blue:hover .st0 {
    fill: #1DA1F2;
}

#campaign-2112 #join #twitter .btn-blue svg {
    width: 1.2em;
    margin-right: 2px;
    vertical-align: text-top;
}

#campaign-2112 #join #twitter .btn-blue .st0 {
    fill: #fff;
}

#campaign-2112 #quize {
    background: #e7ee60;
}

#campaign-2112 #quize .quize-wrap {
    background: #fff;
    border: solid 3px #009b43;
}

#campaign-2112 #quize .quize-wrap .quize-hd {
    background: #009b43;
    text-align: center;
    color: #fff;
    padding: 8px;
}

#campaign-2112 #quize .quize-wrap .flex {
    justify-content: space-between;
}

#campaign-2112 #quize .quize-wrap .text-wrap {
    width: 76%;
    padding: 20px 30px;
}

#campaign-2112 #quize .quize-wrap .img-wrap {
    width: 24%;
    background: #f4ffcb;
    text-align: center;
    padding: 20px;
}

#campaign-2112 #quize .quize-wrap .img-wrap .caption {
    font-size: 0.8em;
}

#campaign-2112 #quize .question-wrap .icon,
#campaign-2112 #quize .answer-wrap .icon {
    font-size: 1.1em;
    font-weight: bold;
}

#campaign-2112 #quize .question-wrap .icon img,
#campaign-2112 #quize .answer-wrap .icon img {
    width: 1.4em;
    vertical-align: top;
}

#campaign-2112 #quize .question-wrap .icon p,
#campaign-2112 #quize .answer-wrap .icon p {
    display: inline;
    color: #000;
}

#campaign-2112 #quize .question-wrap .choice-wrap {
    display: flex;
}

#campaign-2112 #quize .question-wrap .choice-wrap .choice {
    margin-right: 16px;
    color: #000;
}

#campaign-2112 #quize .answer-wrap {
    border-top: solid 1px #333;
    padding-top: 30px;
    margin-top: 30px;
}

#campaign-2112 #quize .answer-wrap .answer-desc {
    color: #000;
}

@media screen and (max-width: 960px) {
    #campaign-2112 #future .label {
        font-size: 2vw;
    }

    #campaign-2112 #join #cam-detail {
        padding: 40px 20px 30px;
    }

    #campaign-2112 #join #cam-detail dl #goods-detail .detail-wrap {
        padding-right: 0;
        padding-left: 0;
    }

    #campaign-2112 #step ol {
        width: 100%;
    }
}

@media screen and (max-width: 840px) {
    #campaign-2112 #about .about-wrap .flex {
        align-items: center;
    }

    #campaign-2112 #future .label {
        font-size: 1.2em;
        padding: 8px;
    }

    #campaign-2112 #future .future-detail {
        width: 100%;
        margin: 0 auto 30px;
    }

    #campaign-2112 #future .future-detail:first-child {
        margin-bottom: 30px;
    }

    #campaign-2112 #future .future-detail .text-wrap {
        width: 100%;
    }

    #campaign-2112 #future .future-detail .img-wrap {
        position: initial;
        max-width: 480px;
        width: 100%;
        margin: 20px auto;
    }

    #campaign-2112 #future #sdgs .sdgs-detail .detail-wrap {
        width: 49%;
    }

    #campaign-2112 #future #sdgs .sdgs-wrap .text-wrap {
        width: 100%;
    }

    #campaign-2112 #future #sdgs .sdgs-wrap .img-wrap {
        position: initial;
        max-width: 420px;
        width: 100%;
        margin: 20px auto;
    }

    #campaign-2112 #story .special-hd .sp-br {
        display: block;
    }

    #campaign-2112 #step h2.hd-line {
        font-size: 3.5vw;
    }

    #campaign-2112 #join h2.hd {
        font-size: 3vw;
    }

    #campaign-2112 #join h3.hd {
        font-size: 2.8vw;
    }

    #campaign-2112 #join #cam-detail dl .cam-dl {
        padding: 30px 0;
    }

    #campaign-2112 #quize .hd {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 768px) {
    #campaign-2112 #intro .text-wrap2 {
        max-width: 580px;
        margin-right: auto;
        margin-left: auto;
    }

    #campaign-2112 #intro .text-wrap2 .flex::after {
        transform: rotate(90deg);
        left: 0;
        top: 24px;
    }

    #campaign-2112 #intro .text-wrap2 .text-left {
        width: 100%;
        margin-bottom: 40px;
    }

    #campaign-2112 #about .hd {
        margin-bottom: 0;
    }

    #campaign-2112 #about .about-wrap .text-wrap {
        width: 100%;
    }

    #campaign-2112 #about .about-wrap .text-wrap .award {
        max-width: 480px;
        width: 100%;
        margin: 0 auto;
    }

    #campaign-2112 #about .about-wrap .text-wrap .award img {
        width: 49%;
    }

    #campaign-2112 #about .about-wrap .img-wrap {
        max-width: 200px;
        width: 100%;
        margin: 0 auto 20px;
    }

    #campaign-2112 #future .lead-text .pc-br,
    #campaign-2112 #dialogue .lead-text .pc-br {
        display: none;
    }

    #campaign-2112 #quize .hd {
        font-size: 1.5em;
    }

    #campaign-2112 #quize .quize-wrap .quize-hd {
        font-size: 1.2em;
    }

    #campaign-2112 #quize .quize-wrap .text-wrap {
        width: 100%;
        padding: 20px;
    }

    #campaign-2112 #quize .quize-wrap .img-wrap {
        width: 100%;
    }

    #campaign-2112 #quize .quize-wrap .img-wrap img {
        width: 220px;
    }

    #campaign-2112 #quize .answer-wrap {
        padding-top: 20px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 680px) {
    #campaign-2112 .hd::before {
        margin-right: 8px;
    }

    #campaign-2112 .hd::after {
        margin-left: 8px;
    }

    #campaign-2112 #intro h2.hd,
    #campaign-2112 #about h2.hd,
    #campaign-2112 #future h2.hd,
    #campaign-2112 #dialogue h2.hd,
    #campaign-2112 #story h2.hd,
    #campaign-2112 #quize h2.hd {
        font-size: 1.4em;
    }

    #campaign-2112 #future .hd .sp-br,
    #campaign-2112 #quize .hd .sp-br {
        display: block;
    }

    #campaign-2112 #future #sdgs .sdgs-detail .detail-wrap {
        width: 100%;
        margin-bottom: 20px;
    }

    #campaign-2112 #future #monte {
        max-width: 460px;
    }

    #campaign-2112 #future #monte .monte-wrap {
        padding: 10px;
        border: solid 5px #369af1;
    }

    #campaign-2112 #future #monte .text-wrap {
        width: 56%;
        font-size: 0.9em;
    }

    #campaign-2112 #future #monte .img-wrap {
        width: 44%;
    }

    #campaign-2112 #dialogue .lead-text {
        font-size: 1em;
    }

    #campaign-2112 #dialogue .schedule {
        font-size: 1.2em;
    }

    #campaign-2112 #dialogue .schedule .sp-br {
        display: block;
    }

    #campaign-2112 #story .story-list li a:hover .list-txt {
        background: #076807;
    }

    #campaign-2112 #story .special-hd {
        font-size: 1.1em;
    }

    #campaign-2112 #step h2.hd-line {
        font-size: 1.4em;
    }

    #campaign-2112 #step h2.hd-line .sp-br {
        display: block;
    }

    #campaign-2112 #step .form-wrap .cv-txt {
        font-size: 1.5em;
    }

    #campaign-2112 #story .story-list li {
        width: 100%;
    }

    #campaign-2112 #story .story-list li:not(:last-child) {
        margin-bottom: 8px;
    }

    #campaign-2112 #story .story-list li h2 {
        text-align: left;
    }

    #campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap {
        position: relative;
    }

    #campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .goods-hd .week {
        position: absolute;
        top: 0;
        left: 0;
    }

    #campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .goods-hd h3 {
        font-size: 1.3em;
    }

    #campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .img-wrap {
        width: 30%;
        margin: 0 auto 20px;
    }

    #campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .text-wrap {
        width: 100%;
    }

    #campaign-2112 #join h3.hd {
        font-size: 1.1em;
    }

    #campaign-2112 #join h3.hd .sp-br {
        display: block;
    }

    #campaign-2112 #join h3.hd::before,
    #campaign-2112 #join h3.hd::after {
        width: 2em;
    }

    #campaign-2112 #join h3.hd::before {
        margin-right: 0;
    }

    #campaign-2112 #join h3.hd::after {
        margin-left: 0;
    }
}

@media screen and (max-width: 640px) {

    #campaign-2112 #intro h2,
    #campaign-2112 #present h2 {
        font-size: 1.4em;
    }

    #campaign-2112 #intro .text-wrap1 {
        padding: 20px;
    }

    #campaign-2112 #intro .text-wrap1 .font-l {
        font-size: 4vw;
    }

    #campaign-2112 #intro .text-wrap1 .sub-hd {
        line-height: 0.8;
        top: -18px;
    }

    #campaign-2112 #intro .text-wrap1 .sub-hd::after {
        max-width: 400px;
        height: 31px;
    }

    #campaign-2112 #present .closing .special-hd {
        font-size: 1.1em;
    }

    #campaign-2112 #join {
        padding-bottom: 80px;
    }

    #campaign-2112 #join .detail-wrap {
        margin-top: 80px;
    }
}

@media screen and (max-width: 480px) {
    #campaign-2112 .hd::before {
        margin-right: 4px;
    }

    #campaign-2112 .hd::after {
        margin-left: 4px;
    }

    #campaign-2112 #intro .hd::before,
    #campaign-2112 #intro .hd::after,
    #campaign-2112 #dialogue .hd::before,
    #campaign-2112 #dialogue .hd::after,
    #campaign-2112 #story .hd::before,
    #campaign-2112 #story .hd::after {
        width: 12px;
        height: 24px;
    }

    #campaign-2112 #about .hd::before,
    #campaign-2112 #about .hd::after {
        width: 16px;
        height: 31px;
    }

    #campaign-2112 #about h2.hd,
    #campaign-2112 #future h2.hd,
    #campaign-2112 #quize h2.hd {
        font-size: 1.2em;
    }

    #campaign-2112 #intro h2,
    #campaign-2112 #present h2 {
        font-size: 1.2em;
    }

    #campaign-2112 #intro .hd-red::before,
    #campaign-2112 #intro .hd-red::after {
        display: none;
    }

    #campaign-2112 #intro .hd-red br {
        display: none;
    }

    #campaign-2112 #intro .text-wrap1 {
        padding: 30px 10px 10px;
    }

    #campaign-2112 #intro .text-wrap1::after {
        width: 240px;
        height: 73px;
        bottom: -89px;
    }

    #campaign-2112 #intro .text-wrap1 .sp-br {
        display: block;
    }

    #campaign-2112 #intro .text-wrap1 .sub-hd {
        line-height: 1;
        font-size: 1.1em;
    }

    #campaign-2112 #intro .text-wrap1 .sub-hd::after {
        background: url(/img/campaign/2112/ribbon-sp.png) no-repeat;
        background-size: contain;
        max-width: 188px;
        width: 100%;
        height: 66px;
    }

    #campaign-2112 #intro .text-wrap1 .font-l {
        font-size: 1.3em;
    }

    #campaign-2112 #intro .text-wrap1 .flex {
        padding: 10px;
    }

    #campaign-2112 #intro .text-wrap1 .flex img {
        margin: 10px 0 0;
        max-width: 160px;
        width: 100%;
    }

    #campaign-2112 #intro .text-wrap2 {
        max-width: 340px;
        padding: 10px;
        margin-top: 93px;
    }

    #campaign-2112 #intro .text-wrap2 .flex::after {
        top: 64px;
    }

    #campaign-2112 #intro .text-wrap2 .text-left {
        font-size: 1em;
    }

    #campaign-2112 #intro .text-wrap2 .text-right {
        width: 100%;
        text-align: center;
    }

    #campaign-2112 #intro .text-wrap2 .text-right .font-l {
        font-size: 1.5em;
    }

    #campaign-2112 #intro .text-wrap3 h3 {
        font-size: 5vw;
    }

    #campaign-2112 #present .present-wrap {
        max-width: 320px;
        flex-wrap: wrap;
    }

    #campaign-2112 #present .present-inner {
        width: 100%;
        margin: 4px auto;
    }

    #campaign-2112 #about .about-wrap .text-wrap .award img {
        max-width: 320px;
        width: 100%;
        margin: 0 auto;
    }

    #campaign-2112 #about .about-wrap .text-wrap .award img:first-child {
        margin-bottom: 8px;
    }

    #campaign-2112 #story .btn-l {
        max-width: 280px;
        font-size: 1.1em;
    }

    #campaign-2112 #story .btn-l span {
        right: 8px;
        padding-top: 3px;
    }

    #campaign-2112 #future .lead-text {
        text-align: left;
    }

    #campaign-2112 #future .label {
        font-size: 1.1em;
    }

    #campaign-2112 #future #monte .flex {
        flex-direction: column-reverse;
    }

    #campaign-2112 #future #monte .monte-wrap .text-wrap {
        width: 100%;
        text-align: center;
        line-height: 1.3;
    }

    #campaign-2112 #future #monte .monte-wrap .img-wrap {
        max-width: 240px;
        width: 100%;
    }

    #campaign-2112 #step h2.hd-line {
        font-size: 1.2em;
    }

    #campaign-2112 #step ol {
        align-items: flex-start;
        height: auto;
    }

    #campaign-2112 #step ol .pc-img {
        display: none;
    }

    #campaign-2112 #step ol .sp-img {
        display: block;
    }

    #campaign-2112 #step ol li {
        width: 33%;
    }

    #campaign-2112 #step ol li img {
        align-self: flex-start;
    }

    #campaign-2112 #step ol li:first-child,
    #campaign-2112 #step ol li:last-child {
        width: 100%;
        padding: 16px;
        border-radius: 8px;
    }

    #campaign-2112 #step ol li:first-child img,
    #campaign-2112 #step ol li:last-child img {
        width: 100%;
        margin: 0 auto;
    }

    #campaign-2112 #step ol li:first-child {
        background: rgba(255, 255, 255, 0.8);
        margin-bottom: 8px;
    }

    #campaign-2112 #step ol li:first-child img {
        max-width: 184px;
    }

    #campaign-2112 #step ol li:last-child {
        background: #ffe900;
        margin-top: 8px;
    }

    #campaign-2112 #step ol li:last-child img {
        max-width: 152px;
    }

    #campaign-2112 #step ol li:nth-child(2) {
        margin: 0;
    }

    #campaign-2112 #join h2.hd {
        display: block;
        font-size: 5.9vw;
    }

    #campaign-2112 #join h2.hd::before,
    #campaign-2112 #join h2.hd::after {
        display: none;
    }

    #campaign-2112 #join h2.hd::first-line {
        font-size: 0.6em;
    }

    #campaign-2112 #join h2.hd .sp-br {
        display: block;
    }

    #campaign-2112 #join .detail-wrap {
        margin-top: 60px;
    }

    #campaign-2112 #join .detail-wrap .btn-l {
        max-width: 240px;
    }

    #campaign-2112 #join .detail-wrap .btn-l span {
        right: 8px;
        padding-top: 3px;
    }

    #campaign-2112 #join .detail-wrap .btn-green {
        font-size: 1em;
    }

    #campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .goods-hd h3 {
        font-size: 1.2em;
    }

    #campaign-2112 #join #cam-detail dl #goods-detail .goods-wrap .img-wrap {
        max-width: 240px;
        width: 100%;
        margin: 20px auto;
    }

    #campaign-2112 #join #cam-detail dl dt {
        font-size: 1.2em;
    }

    #campaign-2112 #join h3.hd {
        font-size: 1em;
    }

    #campaign-2112 #join h3.hd::before,
    #campaign-2112 #join h3.hd::after {
        display: none;
    }

    #campaign-2112 #join h3.hd .sp-br {
        display: none;
    }

    #campaign-2112 #join #twitter .btn-l {
        max-width: 280px;
    }

    #campaign-2112 #join #twitter .btn-blue {
        font-size: 1em;
    }

    #campaign-2112 #quize .quize-wrap .quize-hd {
        font-size: 1em;
    }

    #campaign-2112 #quize .quize-wrap .text-wrap {
        padding: 20px 10px 10px;
    }

    #campaign-2112 #quize .quize-wrap .img-wrap {
        padding: 10px;
    }

    #campaign-2112 #quize .quize-wrap .choice-wrap {
        flex-wrap: wrap;
    }
}

/**** end 縺ｿ繧薙↑縺ｧ謖第姶�∫腸蠅�け繧､繧ｺ繧ｭ繝｣繝ｳ繝壹�繝ｳ(cam2112) ****/
/***************************
   4蜻ｨ蟷ｴ繧｢繝九ヰ繝ｼ繧ｵ繝ｼ繝ｪ繝ｼ��2117��
  ***************************/
#campaign-2117 {
    /******** 閭梧勹 ********/
    /******** 隕句�縺� ********/
    /******** 繝�く繧ｹ繝� ********/
    /******** flex ********/
    /******** 繝懊ち繝ｳ ********/
    /******** 蜷гection隧ｳ邏ｰ ********/
    /*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ***/
}

#campaign-2117 .sp-br {
    display: none;
}

#campaign-2117 .pc-br {
    display: block;
}

#campaign-2117 .wrap920 {
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
}

#campaign-2117 .bg-blue {
    background: #E9F7FF;
}

#campaign-2117 .bg-pink {
    background: #F41C83;
}

#campaign-2117 .bg-l-pink {
    background: #FFF3FB;
}

#campaign-2117 .bg-red {
    background: #ED1C24;
}

#campaign-2117 h2 {
    text-align: center;
    font-size: 2em;
}

#campaign-2117 h3 {
    text-align: center;
    font-size: 1.8em;
}

#campaign-2117 h4 {
    font-weight: bold;
}

#campaign-2117 .ribbon-hd {
    color: #fff;
    padding: 3px 0;
}

#campaign-2117 .ribbon-blue {
    background-image: url(/img/campaign/2117/ribbon-blue-l.png), url(/img/campaign/2117/line-blue.png), url(/img/campaign/2117/ribbon-blue-r.png);
    background-size: 3% 100%, 96% 100%, 3% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left top, center top, right top;
}

#campaign-2117 .ribbon-red {
    background-image: url(/img/campaign/2117/ribbon-red-l.png), url(/img/campaign/2117/line-red.png), url(/img/campaign/2117/ribbon-red-r.png);
    background-size: 3% 100%, 96% 100%, 3% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left top, center top, right top;
}

#campaign-2117 .font-bl {
    font-size: 1.3em;
    font-weight: bold;
}

#campaign-2117 .font-red {
    color: #ED1C24;
}

#campaign-2117 .font-blue {
    color: #1C75BC;
}

#campaign-2117 .font-yellow {
    color: #FFFF00;
}

#campaign-2117 .font-wh {
    color: #fff;
}

#campaign-2117 .lead-text {
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    margin: 40px 0;
    line-height: 1.4;
}

#campaign-2117 .flex {
    justify-content: space-between;
}

#campaign-2117 .cam-btn {
    background: #000;
    color: #fff;
    font-weight: bold;
    font-size: 1.4em;
    width: 100%;
    max-width: 450px;
    border-radius: 41px;
    border: 2px solid #000;
    padding: 10px;
    position: relative;
}

#campaign-2117 .cam-btn .uk-icon {
    position: absolute;
    right: 8px;
    top: 33%;
}

#campaign-2117 .cam-btn:hover {
    background: #fff;
    color: #000;
}

#campaign-2117 .cam-btn.btn-red {
    background: #ED1C24;
    border: 2px solid #ED1C24;
}

#campaign-2117 .cam-btn.btn-red .uk-svg {
    width: 1.6em;
    vertical-align: text-bottom;
}

#campaign-2117 .cam-btn.btn-red:hover {
    background: #fff;
    color: #ED1C24;
}

#campaign-2117 #intro ul li {
    width: 23%;
    text-align: center;
    font-weight: bold;
    border-radius: 15px;
}

#campaign-2117 #intro ul li p {
    color: #000;
}

#campaign-2117 #intro ul li .ribbon-hd {
    width: 6em;
    margin: -28px auto 16px;
}

#campaign-2117 #intro ul li .ribbon-blue {
    background-image: url(/img/campaign/2117/ribbon-blue-l.png), url(/img/campaign/2117/line-blue.png), url(/img/campaign/2117/ribbon-blue-r.png);
    background-size: 10% 100%, 82% 100%, 10% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left top, center top, right top;
}

#campaign-2117 #intro ul li .ribbon-red {
    background-image: url(/img/campaign/2117/ribbon-red-l.png), url(/img/campaign/2117/line-red.png), url(/img/campaign/2117/ribbon-red-r.png);
    background-size: 10% 100%, 82% 100%, 10% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left top, center top, right top;
}

#campaign-2117 #intro ul li .font-bl {
    line-height: 1.2;
}

#campaign-2117 #intro ul li .note {
    font-size: 0.6em;
    font-weight: normal;
}

#campaign-2117 #bonus2 #buy-ex {
    margin-top: 100px;
}

#campaign-2117 #bonus2 #buy-ex h3 {
    background: #000;
    color: #fff;
    border-radius: 16px;
    width: 18em;
    margin: -70px auto 0;
}

#campaign-2117 #bonus2 #buy-ex .del {
    position: relative;
}

#campaign-2117 #bonus2 #buy-ex .del:before {
    content: "";
    width: 100%;
    height: 4px;
    background: #ED1C24;
    position: absolute;
    top: 50%;
    left: 0;
}

#campaign-2117 #bonus2 .bg-pink {
    border-radius: 17px;
}

#campaign-2117 #bonus2 .bg-pink ol {
    text-align: center;
}

#campaign-2117 #bonus2 .bg-pink .lead-text img {
    vertical-align: bottom;
}

#campaign-2117 #bonus2 #faq li {
    width: 48%;
    margin-bottom: 1em;
}

#campaign-2117 #bonus2 #faq li .question,
#campaign-2117 #bonus2 #faq li .answer {
    position: relative;
}

#campaign-2117 #bonus2 #faq li .question::before,
#campaign-2117 #bonus2 #faq li .answer::before {
    width: 1.3em;
    height: 1.3em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 50%;
    line-height: 1.3;
    font-size: 0.9em;
}

#campaign-2117 #bonus2 #faq li .question {
    font-weight: bold;
    padding-left: 1.5em;
}

#campaign-2117 #bonus2 #faq li .question:before {
    content: "Q";
    background: #ED1C24;
}

#campaign-2117 #bonus2 #faq li .answer {
    padding-left: 1.5em;
}

#campaign-2117 #bonus2 #faq li .answer:before {
    content: "A";
    background: #F41C83;
}

#campaign-2117 #bonus3 #terms {
    background: transparent;
}

#campaign-2117 #bonus3 #terms .frame {
    border: 5px solid #ED1C24;
}

#campaign-2117 #bonus3 #terms .text-wrap .label {
    background: #ED1C24;
}

#campaign-2117 #bonus3 #terms .sub-hd {
    background: #000;
}

#campaign-2117 #bonus4 .flex {
    flex-direction: row-reverse;
}

#campaign-2117 #bonus4 .present .text-wrap {
    width: 59%;
}

#campaign-2117 #bonus4 .present .img-wrap {
    width: 37%;
}

#campaign-2117 #bonus4 #kw {
    border: 3px solid #FF9300;
    background: #FFFAE9;
    margin-top: 100px !important;
}

#campaign-2117 #bonus4 #kw h3 {
    background: #FF9300;
    color: #fff;
    border-radius: 16px;
    width: 15em;
    margin: -40px auto 0;
}

#campaign-2117 #bonus4 #kw .flex {
    align-items: center;
}

#campaign-2117 #bonus4 #kw .text-wrap {
    width: 55%;
}

#campaign-2117 #bonus4 #kw .img-wrap {
    width: 41%;
}

#campaign-2117 #cam-detail h3 {
    text-align: center;
    background: #000;
    color: #fff;
    padding: 8px;
    margin: 0;
}

@media screen and (max-width: 960px) {
    #campaign-2117 {
        /******** 蜷гection隧ｳ邏ｰ ********/
    }

    #campaign-2117 h2 {
        font-size: 1.8em;
    }

    #campaign-2117 h3 {
        font-size: 1.5em;
    }

    #campaign-2117 .pc-br {
        display: none;
    }

    #campaign-2117 .lead-text {
        font-size: 1.3em;
    }

    #campaign-2117 #intro ul li {
        width: 49%;
    }

    #campaign-2117 #intro ul li:nth-child(1),
    #campaign-2117 #intro ul li:nth-child(2) {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2117 {
        /******** 蜷гection隧ｳ邏ｰ ********/
    }

    #campaign-2117 h2 {
        font-size: 1.4em;
    }

    #campaign-2117 h3 {
        font-size: 1.1em;
    }

    #campaign-2117 h4 {
        font-size: 1.1em;
    }

    #campaign-2117 .sp-br {
        display: block;
    }

    #campaign-2117 .lead-text {
        font-size: 1em;
    }

    #campaign-2117 .font-bl {
        font-size: 1.2em;
    }

    #campaign-2117 .arrow {
        text-align: center;
    }

    #campaign-2117 .arrow img {
        width: 60%;
    }

    #campaign-2117 .cam-btn {
        font-size: 1.2em;
    }

    #campaign-2117 #intro ul li {
        width: 100%;
    }

    #campaign-2117 #intro ul li:not(:last-child) {
        margin-bottom: 40px;
    }

    #campaign-2117 #bonus2 #buy-ex {
        padding: 30px 15px;
    }

    #campaign-2117 #bonus2 #buy-ex h3 {
        max-width: 16em;
        width: 100%;
    }

    #campaign-2117 #bonus2 #faq li {
        width: 100%;
    }

    #campaign-2117 #bonus2 #faq li:not(:last-child) {
        margin-bottom: 1em;
    }

    #campaign-2117 #bonus4 .flex {
        flex-direction: row;
    }

    #campaign-2117 #bonus4 .present .text-wrap,
    #campaign-2117 #bonus4 #kw .text-wrap {
        width: 100%;
    }

    #campaign-2117 #bonus4 .present .img-wrap,
    #campaign-2117 #bonus4 #kw .img-wrap {
        width: 100%;
        margin-bottom: 2em;
    }
}

#campaign-2117_greeting .flex {
    justify-content: space-between;
}

#campaign-2117_greeting .reverse {
    flex-direction: row-reverse;
}

#campaign-2117_greeting #intro h1 {
    color: #52a4f3;
    font-size: 2em;
    line-height: 1.8;
    text-align: center;
}

#campaign-2117_greeting #intro p {
    line-height: 1.8;
}

#campaign-2117_greeting #intro dl .wrap {
    background: #fcaf49;
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    padding: 1em;
    text-align: center;
    width: 32%;
}

#campaign-2117_greeting #intro dl .wrap dt {
    border: 2px solid #fff;
    font-weight: 900;
    font-size: 1.3em;
    margin-bottom: 20px;
}

#campaign-2117_greeting #intro dl .wrap dd {
    font-size: 2.5em;
    text-align: right;
}

#campaign-2117_greeting #intro dl .wrap dd p {
    line-height: 1.2;
    margin: 0;
}

#campaign-2117_greeting #intro dl .wrap dd .unit {
    font-size: 0.6em;
}

#campaign-2117_greeting #intro dl .wrap dd .font-s {
    font-size: 0.5em;
}

#campaign-2117_greeting #intro dl .wrap dd .bg-wh {
    color: #000;
    font-size: 0.5em;
    text-align: center;
    padding: 8px 0;
    margin-top: 20px;
}

#campaign-2117_greeting #intro dl .wrap dd .bg-wh .font-red {
    color: #FF0000;
    font-size: 1.2em;
}

#campaign-2117_greeting #summary .text-wrap {
    width: 56%;
}

#campaign-2117_greeting #summary .text-wrap h2 {
    font-size: 1.6em;
}

#campaign-2117_greeting #summary .img-wrap {
    width: 40%;
    margin-bottom: 60px;
}

#campaign-2117_greeting #story {
    background: #F3F6FB;
}

#campaign-2117_greeting #story .story-list {
    justify-content: space-evenly;
}

#campaign-2117_greeting #story .story-list li {
    width: 31%;
    margin-right: 0;
    border: 2px solid #2B99F6;
    background: #fff;
}

#campaign-2117_greeting #story .story-list li a .list-txt {
    background: #fff;
}

@media screen and (max-width: 980px) {
    #campaign-2117_greeting #intro h1 {
        font-size: 1.3em;
        text-align: left;
    }

    #campaign-2117_greeting #intro h1 br {
        display: none;
    }

    #campaign-2117_greeting #intro dl .wrap dt {
        font-size: 1em;
    }

    #campaign-2117_greeting #intro dl .wrap dd {
        font-size: 2em;
    }
}

@media screen and (max-width: 840px) {
    #campaign-2117_greeting #intro br {
        display: none;
    }

    #campaign-2117_greeting #intro dl .wrap dd {
        font-size: 1.5em;
    }

    #campaign-2117_greeting #summary .text-wrap {
        width: 100%;
        margin-bottom: 1em;
    }

    #campaign-2117_greeting #summary .img-wrap {
        width: 100%;
    }

    #campaign-2117_greeting #story .story-list li {
        width: 48%;
    }
}

@media screen and (max-width: 680px) {
    #campaign-2117_greeting #intro dl {
        max-width: 400px;
        margin: 0 auto;
    }

    #campaign-2117_greeting #intro dl .wrap {
        width: 100%;
        margin-bottom: 20px;
    }

    #campaign-2117_greeting #intro dl .wrap dt {
        font-size: 1.3em;
    }

    #campaign-2117_greeting #intro dl .wrap dd {
        font-size: 2.5em;
    }

    #campaign-2117_greeting #story .story-list li {
        width: 100%;
    }
}

/********** 2022蟷ｴ 螟ｧ豎ｺ邂励そ繝ｼ繝ｫ **********/
#campaign-2202 .cam2202-accent {
    color: #d00000;
}

#campaign-2202 .hd-deco::before,
#campaign-2202 .hd-deco::after {
    background-color: #000000;
}

#campaign-2202 .cam-btn {
    border-color: #ff6500;
    background-color: #ff6500;
}

#campaign-2202 .cam-btn:hover {
    background-color: white;
    color: #ff6500;
}

#campaign-2202 .cam2202-bg {
    background: url(/img/campaign/2202/cam2202_bg.png);
}

#campaign-2202 #benefit {
    background-color: #ffffd2;
}

#campaign-2202 #benefit .bene-wrap {
    padding-left: 55px;
}

#campaign-2202 #benefit h3 {
    width: 70%;
}

#campaign-2202 #benefit li.bg-wh {
    position: relative;
    border: solid 6px #d00000;
}

#campaign-2202 #benefit li.bg-wh.padding-s {
    padding-left: 7%;
}

#campaign-2202 #benefit li.bg-wh .img-wrap {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32%;
    height: 176px;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#campaign-2202 #benefit li.bg-wh .text-wrap {
    width: 60%;
}

#campaign-2202 #benefit li.bg-wh::before {
    content: "";
    position: absolute;
    max-width: 116px;
    min-width: 80px;
    width: 15%;
    height: 100%;
    top: -6px;
    left: -60px;
}

#campaign-2202 #benefit li.bg-wh:nth-child(1) .img-wrap {
    width: 20%;
}

#campaign-2202 #benefit li.bg-wh:nth-child(1) .text-wrap {
    width: 76%;
}

#campaign-2202 #benefit li.bg-wh:nth-child(1) img {
    padding: 20px;
}

#campaign-2202 #benefit li.bg-wh:nth-child(1)::before {
    background: url(/img/campaign/2202/t_1.png) no-repeat;
    background-size: contain;
}

#campaign-2202 #benefit li.bg-wh:nth-child(2)::before {
    background: url(/img/campaign/2202/t_2.png) no-repeat;
    background-size: contain;
}

#campaign-2202 #benefit li.bg-wh:nth-child(3) .img-wrap {
    position: initial;
    max-width: 100%;
    width: 100%;
    height: auto;
    justify-content: space-between;
    flex-wrap: wrap;
}

#campaign-2202 #benefit li.bg-wh:nth-child(3) .img-wrap div {
    width: 48%;
}

#campaign-2202 #benefit li.bg-wh:nth-child(3) .text-wrap {
    width: 100%;
}

#campaign-2202 #benefit li.bg-wh:nth-child(3)::before {
    background: url(/img/campaign/2202/t_3.png) no-repeat;
    background-size: contain;
}

#campaign-2202 #step .sp-img {
    display: none;
}

#campaign-2202 #step li {
    position: relative;
    width: 31%;
    background-color: #fff0f5;
    box-shadow: 0 0 5px rgba(165, 165, 165, 0.75);
    margin: 5px;
}

#campaign-2202 #step .arrow-wrap {
    position: absolute;
    display: flex;
    align-items: center;
    justify-self: center;
    max-width: 150px;
    min-width: 80px;
    width: 50%;
    top: 0;
    bottom: 0;
    right: -32%;
    margin: auto;
    z-index: 1;
}

@media screen and (max-width: 840px) {
    #campaign-2202 #benefit .bene-wrap {
        padding-left: 0;
    }

    #campaign-2202 #benefit li.bg-wh {
        max-width: 640px;
        width: 100%;
        margin: 60px auto 0;
    }

    #campaign-2202 #benefit li.bg-wh.padding-s {
        padding-top: 60px;
        padding-left: 20px;
    }

    #campaign-2202 #benefit li.bg-wh h3 {
        width: 100%;
        font-size: 1.3em;
        text-align: center;
    }

    #campaign-2202 #benefit li.bg-wh .img-wrap {
        position: initial;
        max-width: 350px;
        width: 100%;
        height: auto;
        padding: 0 10px;
    }

    #campaign-2202 #benefit li.bg-wh .text-wrap {
        width: 100%;
    }

    #campaign-2202 #benefit li.bg-wh::before {
        width: 80px;
        height: 80px;
        top: -40px;
        left: 0;
        right: 0;
        margin: auto;
    }

    #campaign-2202 #benefit li.bg-wh:nth-child(1) .img-wrap {
        max-width: 176px;
        width: 100%;
    }

    #campaign-2202 #benefit li.bg-wh:nth-child(1) .text-wrap {
        width: 100%;
    }

    #campaign-2202 #benefit li.bg-wh:nth-child(1) img {
        padding: 0;
    }

    #campaign-2202 #step li {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #campaign-2202 #step li h3 {
        width: 100%;
    }

    #campaign-2202 #step li .step-img {
        width: 40%;
        align-items: flex-start;
    }

    #campaign-2202 #step li .step-txt {
        width: 55%;
    }

    #campaign-2202 #step li:nth-child(2) {
        margin: 2% 0;
    }

    #campaign-2202 #step .pc-img {
        display: none;
    }

    #campaign-2202 #step .sp-img {
        display: block;
    }

    #campaign-2202 #step .arrow-wrap {
        top: auto;
        bottom: -8%;
        right: 0;
        left: 0;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2202 #benefit li.bg-wh.padding-s {
        padding-left: 10px;
    }

    #campaign-2202 #benefit li.bg-wh:nth-child(3) .img-wrap {
        max-width: 420px;
    }

    #campaign-2202 #benefit li.bg-wh:nth-child(3) .img-wrap div {
        width: 100%;
    }

    #campaign-2202 #step li:nth-child(2) {
        margin-bottom: 10%;
    }

    #campaign-2202 #step .arrow-wrap {
        min-width: 120px;
        width: 40%;
        bottom: -19%;
    }
}

/********** end 2022蟷ｴ 螟ｧ豎ｺ邂励そ繝ｼ繝ｫ **********/
/********** 繝ｯ繝�ヨ繝励Λ繧ｹ譛€螟ｧ8蛟阪く繝｣繝ｳ繝壹�繝ｳ **********/
#campaign-2204 {
    /* 蜈ｱ騾� */
    /* 繧ｭ繝｣繝ｳ繝壹�繝ｳ譛滄俣荳ｭ縺ｮ迚ｹ蜈ｸ */
    /* 縺雁ｾ励↓繧ｭ繝｣繝ｳ繝壹�繝ｳ縺ｫ蜿ょ刈縺吶ｋ譁ｹ豕� */
    /* 繝ｯ繝�ヨ繝励Λ繧ｹ縺ｮ迚ｹ髟ｷ */
    /* 繧ｹ繝�ャ繝� */
}

#campaign-2204 .cam2204-font-main {
    color: #002093;
}

#campaign-2204 .cam2204-font-sub {
    color: #ffe700;
}

#campaign-2204 .cam2204-font-accent {
    color: #e80000;
}

#campaign-2204 .cam2204-font-text {
    color: #000000;
}

#campaign-2204 .cam2204-bg {
    background-color: #002093;
}

#campaign-2204 .cam2204-bg-sub {
    background-color: #ffe700;
}

#campaign-2204 .cam2204-bg-accent {
    background-color: #000000;
}

#campaign-2204 .cam2204-bg-accent2 {
    background-color: #e80000;
}

#campaign-2204 .cam2204-contents-hd {
    padding: 1em;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.2;
}

#campaign-2204 .cam2204-contents-hd .sub-hd {
    line-height: 1;
    padding: 8px;
}

#campaign-2204 .cam2204-conditions {
    border: solid 4px #000000;
    color: #000000;
    padding: 4px;
    font-weight: normal;
    line-height: 1.2;
}

#campaign-2204 .cam2204-conditions .font-m {
    font-size: 1.2em;
}

#campaign-2204 .cam2204-present .font-l {
    font-size: 5em;
    line-height: 0.8;
    letter-spacing: -2px;
}

#campaign-2204 .cam2204-present p:nth-child(2) {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -2px;
}

#campaign-2204 .cam2204-arrow img {
    max-width: 60px;
    min-width: 30px;
    width: 80%;
    padding: 4px;
    margin-left: 0.5em;
}

#campaign-2204 .cam2204-font-bold {
    -webkit-text-stroke: 2px #e80000;
}

#campaign-2204 .cam-btn {
    border-color: #ff6500;
    background-color: #ff6500;
    color: white;
}

#campaign-2204 .cam-btn:hover {
    background-color: white;
    color: #ff6500;
}

#campaign-2204 .cam-btn:hover .cls-1 {
    fill: #ff6500;
}

#campaign-2204 #benefit .padding-s {
    padding: 20px 30px;
}

#campaign-2204 #benefit .hd-deco {
    color: white;
}

#campaign-2204 #benefit .hd-deco::before,
#campaign-2204 #benefit .hd-deco::after {
    background-color: white;
}

#campaign-2204 #benefit .cam2204-wrap {
    width: 49%;
}

#campaign-2204 #benefit .cam2204-catch {
    position: relative;
}

#campaign-2204 #benefit .cam2204-catch::before {
    content: "";
    position: absolute;
    display: block;
    background: url(/img/campaign/2204/mataha.png) no-repeat;
    background-size: contain;
    width: 55px;
    height: 55px;
    top: -33px;
    left: -19px;
}

#campaign-2204 #benefit .cam2204-bene-desc {
    font-size: 1.2em;
    line-height: 1.4;
}

#campaign-2204 #benefit .cam2204-bene-desc .font-m {
    font-size: 1.3em;
}

#campaign-2204 #cam-way h2 {
    color: #000000;
}

#campaign-2204 #cam-way .hd-deco::before,
#campaign-2204 #cam-way .hd-deco::after {
    background-color: #000000;
}

#campaign-2204 #cam-way .cam2204-pay-type {
    font-size: 0.8em;
}

#campaign-2204 #cam-way li {
    border: solid 7px #000000;
}

#campaign-2204 #cam-way li:nth-child(1) .cam2204-contents-hd .bg-wh::before {
    background: url(/img/campaign/2204/1.png) no-repeat;
    background-size: contain;
}

#campaign-2204 #cam-way li:nth-child(1) .cam2204-present .font-l {
    font-size: 3.5em;
}

#campaign-2204 #cam-way li:nth-child(1) .cam2204-return-rate {
    width: 10em;
}

#campaign-2204 #cam-way li:nth-child(2) .cam2204-contents-hd .bg-wh::before {
    background: url(/img/campaign/2204/2.png) no-repeat;
    background-size: contain;
}

#campaign-2204 #cam-way li:nth-child(2) .cam2204-present .font-l {
    font-size: 4.5em;
    -webkit-text-stroke: 2px #e80000;
}

#campaign-2204 #cam-way li:nth-child(2) .cam2204-return-rate {
    width: 10.5em;
}

#campaign-2204 #cam-way li:nth-child(3) .cam2204-contents-hd .bg-wh::before {
    background: url(/img/campaign/2204/3.png) no-repeat;
    background-size: contain;
}

#campaign-2204 #cam-way li:nth-child(3) .cam2204-present {
    padding-top: 0.5em;
}

#campaign-2204 #cam-way li:nth-child(3) .cam2204-present .font-l {
    font-size: 5.5em;
    -webkit-text-stroke: 3px #e80000;
    margin-right: 4px;
}

#campaign-2204 #cam-way li:nth-child(3) .cam2204-return-rate {
    width: 15em;
}

#campaign-2204 #cam-way .cam2204-contents-hd .bg-wh {
    position: relative;
}

#campaign-2204 #cam-way .cam2204-contents-hd .bg-wh::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    top: -40px;
    left: -85px;
}

#campaign-2204 #cam-way .cam2204-contents-inner .cam2204-contents-left {
    width: 60%;
    justify-content: space-between;
}

#campaign-2204 #cam-way .cam2204-contents-inner .cam2204-contents-right {
    width: 28%;
}

#campaign-2204 #cam-way .contents-wrap {
    width: 32%;
    border: solid 4px #000000;
}

#campaign-2204 #cam-way .contents-wrap.accent {
    border-color: #e80000;
}

#campaign-2204 #cam-way .contents-wrap .cam2204-contents-hd {
    font-weight: normal;
    padding: 4px;
    font-size: 1em;
}

#campaign-2204 #cam-way .contents-wrap dd {
    padding: 4px;
    line-height: 1.3;
}

#campaign-2204 #watplus {
    /* 繝ｯ繝�ヨ繝励Λ繧ｹ縺ｮ菴ｿ縺�婿 */
}

#campaign-2204 #watplus h2 {
    color: #000000;
}

#campaign-2204 #watplus .hd-deco::before,
#campaign-2204 #watplus .hd-deco::after {
    background-color: #000000;
}

#campaign-2204 #watplus .marker-yellow {
    background: linear-gradient(transparent 45%, #ffe700 0%);
}

#campaign-2204 #watplus .frame-wrap {
    position: relative;
    width: 32%;
    border: solid 3px #002093;
    background-color: white;
}

#campaign-2204 #watplus .frame-wrap .point-hd {
    position: absolute;
    color: white;
    width: 6em;
    text-align: center;
    top: -1em;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 1;
    padding: 0.5em 1em;
}

#campaign-2204 #watplus .text-wrap {
    padding-top: 1.5em;
}

#campaign-2204 #watplus .notes2 {
    padding-left: 8em;
}

#campaign-2204 #watplus #cam2204-use {
    padding: 40px 20px;
}

#campaign-2204 #watplus #cam2204-use h2 {
    color: white;
}

#campaign-2204 #step {
    background: url(/img/campaign/2204/cam2204_bg.png);
}

#campaign-2204 #step .hd-deco::before,
#campaign-2204 #step .hd-deco::after {
    background-color: white;
}

#campaign-2204 #cam-detail h2 {
    color: #000000;
}

@media screen and (max-width: 960px) {
    #campaign-2204 .cam2204-contents-hd {
        padding: 10px;
    }

    #campaign-2204 #benefit ol {
        max-width: 640px;
        width: 100%;
        margin: 0 auto;
    }

    #campaign-2204 #benefit .cam2204-wrap {
        width: 100%;
    }

    #campaign-2204 #benefit .cam2204-contents-inner {
        align-items: center;
    }

    #campaign-2204 #cam-way ol {
        max-width: 640px;
        width: 100%;
        margin: 0 auto;
    }

    #campaign-2204 #cam-way .cam2204-contents-hd .bg-wh {
        display: block;
        width: 6em;
        margin: 0 auto;
        padding: 4px;
        margin-bottom: 8px;
    }

    #campaign-2204 #cam-way .cam2204-contents-hd .bg-wh::before {
        top: -44px;
    }

    #campaign-2204 #cam-way .cam2204-arrow {
        text-align: center;
        transform: rotate(90deg);
    }

    #campaign-2204 #cam-way dd.bg-wh {
        flex-direction: column;
    }

    #campaign-2204 #cam-way .cam2204-contents-inner .cam2204-contents-left {
        width: 100%;
    }

    #campaign-2204 #cam-way .cam2204-contents-inner .cam2204-contents-right {
        width: initial;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2204 .cam2204-contents-hd {
        line-height: 1.2;
    }

    #campaign-2204 .cam2204-contents-hd .sub-hd {
        padding: 4px;
        display: block;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 8px;
    }

    #campaign-2204 #benefit .padding-s {
        padding: 10px;
    }

    #campaign-2204 #watplus .frame-wrap {
        width: 100%;
    }

    #campaign-2204 #watplus .notes2 {
        padding-left: 0;
        padding-top: 1.8em;
        margin-top: 1em;
    }

    #campaign-2204 #watplus #cam2204-use {
        padding: 20px 10px;
    }
}

@media screen and (max-width: 480px) {
    #campaign-2204 .cam2204-contents-hd {
        font-size: 1.2em;
    }

    #campaign-2204 .cam2204-conditions {
        width: 100%;
        padding: 4px;
    }

    #campaign-2204 .cam2204-arrow {
        transform: rotate(90deg);
    }

    #campaign-2204 .cam2204-arrow img {
        margin-left: 0;
    }

    #campaign-2204 #benefit .cam2204-contents-inner>div {
        flex-direction: column;
    }

    #campaign-2204 #benefit .cam2204-bene-desc {
        font-size: 1em;
    }

    #campaign-2204 #benefit h4 {
        font-size: 1em;
    }

    #campaign-2204 #cam-way li .cam2204-contents-hd .bg-wh::before {
        width: 60px;
        top: -30px;
        left: -65px;
    }

    #campaign-2204 #cam-way .cam2204-contents-left {
        flex-direction: column;
    }

    #campaign-2204 #cam-way .contents-wrap {
        width: 100%;
        margin-bottom: 4px;
    }
}

/******** end 繝ｯ繝�ヨ繝励Λ繧ｹ譛€螟ｧ8蛟阪く繝｣繝ｳ繝壹�繝ｳ ********/
/********** 譏･縺ｮ蛻�淵謚戊ｳ�く繝｣繝ｳ繝壹�繝ｳ **********/
#campaign-2205 .bg-pink1 {
    background-color: #FFEEF7;
}

#campaign-2205 .bg-pink2 {
    background-color: #FF3993;
}

#campaign-2205 .font-pink {
    color: #FF3993;
}

#campaign-2205 #intro h2 {
    font-size: 1.9em;
}

#campaign-2205 #explanation .return .frame-return {
    border: solid 5px #FF3993;
}

#campaign-2205 #explanation .return #method.padding-s {
    padding-top: 30px;
}

#campaign-2205 #explanation .return #method #movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#campaign-2205 #explanation .return #method #movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#campaign-2205 #structure .width-res {
    width: 600px;
}

#campaign-2205 #structure .detail-wrap .text-reduction {
    font-size: 1.4em;
}

#campaign-2205 #structure .detail-wrap .ex-3-text {
    font-size: 1.8em;
    max-width: 230px;
    width: 100%;
}

#campaign-2205 #facilities .btn-l {
    max-width: 320px;
    min-width: auto;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 50px;
    font-size: 1.3em;
}

#campaign-2205 #facilities .btn-l svg {
    width: 1.2em;
    vertical-align: sub;
}

#campaign-2205 #facilities .btn-l svg .cls-1 {
    fill: white;
}

#campaign-2205 #facilities .btn-l:hover {
    background-color: white;
    color: #FF6F3D;
    opacity: 1;
}

#campaign-2205 #facilities .btn-l:hover svg .cls-1 {
    fill: #FF6F3D;
}

@media screen and (max-width: 1160px) {
    #campaign-2205 #facilities {
        padding: 30px 0 0;
    }

    #campaign-2205 #structure .width-res {
        width: auto;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2205 #intro .intro-flex .text-wrap h2 {
        text-align: left !important;
    }

    #campaign-2205 #facilities .btn-l {
        max-width: 280px;
        font-size: 1em;
    }
}

@media screen and (max-width: 480px) {
    #campaign-2205 h2 {
        font-size: 1.5em;
    }

    #campaign-2205 #intro h2 {
        font-size: 1.5em;
    }

    #campaign-2205 #explanation .return .frame-return {
        padding: 24px 10px;
    }

    #campaign-2205 #structure .structure-title-font-res {
        font-size: 1.5em !important;
    }
}

/******** end 譏･縺ｮ蛻�淵謚戊ｳ�く繝｣繝ｳ繝壹�繝ｳ ********/
/********** ANA縺ｮ繝槭う繝ｫ繧ｭ繝｣繝ｳ繝壹�繝ｳ 2022 譏･ **********/
#campaign-2206 .wrap-840 {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}

#campaign-2206 .sp-br {
    display: none;
}

#campaign-2206 .font-m {
    font-size: 1.3em;
}

#campaign-2206 .font-black {
    color: #000;
}

#campaign-2206 .font-accent {
    color: #FEFF00;
}

#campaign-2206 .cam2206-attention {
    color: #ED1C24;
}

#campaign-2206 .font-white {
    color: #fff;
}

#campaign-2206 .font-black {
    color: #000;
}

#campaign-2206 .bg-main {
    background-color: #0075C2;
}

#campaign-2206 .bg-secondary {
    background: #E5F3FF;
}

#campaign-2206 .hd-deco {
    display: flex;
    align-items: center;
    justify-content: center;
}

#campaign-2206 .hd-deco:before,
#campaign-2206 .hd-deco::after {
    content: "";
    width: 1.6em;
    height: 3px;
    background-color: #000;
    border-radius: 2px;
}

#campaign-2206 .hd-deco:before {
    transform: rotate(60deg);
}

#campaign-2206 .hd-deco:after {
    transform: rotate(-60deg);
}

#campaign-2206 #terms {
    position: relative;
}

#campaign-2206 #terms .terms-hd {
    text-align: center;
}

#campaign-2206 #terms .frame {
    border: solid 5px #0075C2;
    background-color: #fff;
    margin: 10px auto;
}

#campaign-2206 #terms .frame .flex {
    justify-content: space-between;
    align-items: center;
}

#campaign-2206 #terms .sub-hd {
    width: 130px;
    height: 130px;
    background-color: #000;
    border-radius: 50%;
    text-align: center;
    line-height: 1.1;
    font-size: 3em;
    padding: 30px 4px 4px;
}

#campaign-2206 #terms .sub-hd span {
    display: block;
}

#campaign-2206 #terms .sub-hd .font-s {
    font-size: 0.4em;
}

#campaign-2206 #terms .text-wrap {
    width: 80%;
    font-weight: bold;
}

#campaign-2206 #terms .text-wrap .terms-text {
    color: #000;
}

#campaign-2206 #terms .text-wrap .font-m {
    font-size: 1.6em;
}

#campaign-2206 #terms .text-wrap .font-s {
    font-size: 0.6em;
}

#campaign-2206 #terms .text-wrap .label {
    background-color: #0075C2;
    line-height: 1.3;
    margin-top: 5px;
    padding: 10px;
}

#campaign-2206 #terms .title-wrap {
    max-width: 840px;
    margin: auto;
}

#campaign-2206 #add-mile {
    position: relative;
}

#campaign-2206 #add-mile::before {
    content: "";
    position: absolute;
    background: url(/img/campaign/common/arrow_more_blk.png) no-repeat;
    background-size: contain;
    width: 400px;
    height: 120px;
    left: 0;
    right: 0;
    top: -70px;
    margin: auto;
}

#campaign-2206 #add-mile .flex {
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

#campaign-2206 #add-mile .flex .mile-wrap {
    width: 280px;
    height: 280px;
    background-color: #FEFF00;
    border-radius: 50%;
}

#campaign-2206 #add-mile .flex .mile-wrap .wh {
    max-width: 185px;
    width: 100%;
    font-weight: bold;
    font-size: 1.5em;
    background-color: #fff;
    color: #0075C2;
    border-radius: 20px;
    padding: 2px 4px;
    margin: 2.5em auto 5px;
}

#campaign-2206 #add-mile .flex .mile-wrap .yen {
    position: relative;
}

#campaign-2206 #add-mile .flex .mile-wrap .yen::before {
    content: "(遞手ｾｼ)";
    position: absolute;
    font-size: 0.4em;
    top: -1.3em;
    left: -0.2em;
    white-space: nowrap;
}

#campaign-2206 #add-mile .flex .mile-arrow {
    width: 130px;
}

#campaign-2206 #add-mile .flex .position-r {
    margin-top: 0;
    font-weight: bold;
}

#campaign-2206 #add-mile .flex .position-r .font-l {
    font-size: 5em;
    line-height: 1.3em;
}

#campaign-2206 #add-mile .flex .position-r .font-m {
    font-size: 2.5em;
}

#campaign-2206 #add-mile a.icon-tri {
    color: #000;
}

#campaign-2206 #add-mile a.icon-tri::before {
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #0B308A;
}

#campaign-2206 #add-mile #mile-wh {
    background-color: #000;
    color: white;
}

#campaign-2206 #ex .lead-text {
    text-align: center;
}

#campaign-2206 #ex .text-wrap {
    width: 78%;
    font-weight: bold;
    margin: auto;
}

#campaign-2206 #ex .text-wrap .font-l {
    font-size: 2em;
}

#campaign-2206 #ex .text-wrap .add-wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 10px;
    line-height: 1.2;
    border-bottom: solid 5px #000;
}

#campaign-2206 #ex .text-wrap .add-wrap span {
    display: block;
    font-weight: normal;
    font-size: 0.6em;
}

#campaign-2206 #ex .text-wrap .add-wrap .bg-black {
    background-color: #000;
    padding: 4px;
    margin-bottom: 4px;
}

#campaign-2206 #ex .text-wrap .add-wrap .plus {
    font-size: 2em;
    line-height: 1;
    margin: 0;
}

#campaign-2206 #ex .text-wrap .add-mile,
#campaign-2206 #ex .text-wrap .total-wrap {
    margin: 0;
}

#campaign-2206 #ex .text-wrap .total-wrap .font-pink {
    color: #ED1C24;
    font-size: 1.8em;
}

#campaign-2206 #ex .text-wrap .add-mile .font-s {
    font-size: 0.6em;
}

#campaign-2206 #ex .img-wrap {
    width: 20%;
}

#campaign-2206 #ex #ex-conditions .ex-conditions-text-layout {
    padding: 4px 16px;
    margin: 8px;
}

#campaign-2206 #ex #ex-conditions .img-plus {
    width: 28px;
    margin: 8px;
}

#campaign-2206 #ex #ex-conditions .padding-top-zero {
    padding-top: 0px;
}

#campaign-2206 #ex #ex-conditions .total {
    font-size: 1.2em;
}

#campaign-2206 #ex #ex-conditions .flex-center {
    justify-content: center;
    align-items: center;
}

#campaign-2206 #ex #ex-conditions .img-arrow {
    width: 56px;
    margin: auto;
}

#campaign-2206 #ex #ex-conditions .img-arrow img {
    transform: rotate(90deg);
}

#campaign-2206 #ex #ex-conditions .img-present {
    width: 135px;
}

#campaign-2206 #step li {
    background-color: #E5F3FF;
}

#campaign-2206 #step li h3 {
    color: #0075C2;
}

#campaign-2206 #step #amc-form {
    text-align: center;
    background-color: #0B308A;
}

#campaign-2206 #step #amc-form #amc-bk {
    background: url(/img/campaign/triple/bk_plane.png) right 20px top 20px no-repeat;
    background-size: 120px auto;
    color: #fff;
}

#campaign-2206 #step #amc-form #amc-bk h2 {
    color: #fff;
    margin-bottom: 20px;
}

#campaign-2206 #step #amc-form #amc-bk #amc-text {
    max-width: 40em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#campaign-2206 #step #amc-form .flex {
    justify-content: space-between;
}

#campaign-2206 #step #amc-form .amc-wrap {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    padding: 20px;
}

#campaign-2206 #step #amc-form .amc-wrap p {
    margin-bottom: 10px;
}

#campaign-2206 #step #amc-form .amc-wrap.amc-regist {
    width: 58%;
}

#campaign-2206 #step #amc-form .btn-edit {
    background-color: #286db4;
}

#campaign-2206 #step #amc-form .cam-btn {
    position: relative;
    display: inline-block;
    max-width: 520px;
    width: 100%;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    padding: 10px 10px 7px;
    cursor: pointer;
    background-color: #3173EF;
}

#campaign-2206 #cam-detail {
    background-color: #000;
}

#campaign-2206 #cam-detail dl {
    border-bottom: 1px solid #000;
    color: #000;
}

#campaign-2206 #cam-detail dl .cam-dl {
    border-top: 1px solid #000;
}

#campaign-2206 #cam-detail .inquiry-wrap {
    border: solid 1px;
    border-radius: 4px;
    padding: 16px;
}

@media screen and (max-width: 840px) {
    #campaign-2206 #terms .wrap-840 {
        max-width: 600px;
    }

    #campaign-2206 #terms .terms-hd {
        font-size: 3.8vw;
    }

    #campaign-2206 #terms .frame {
        padding: 10px;
    }

    #campaign-2206 #terms .sub-hd {
        font-size: 2.5em;
        width: 80px;
        height: 80px;
        padding: 13px 4px 4px;
    }

    #campaign-2206 #terms .text-wrap {
        width: 84%;
    }

    #campaign-2206 #terms .text-wrap .font-m {
        font-size: 1.4em;
    }

    #campaign-2206 #terms .text-wrap .label {
        font-size: 1.5em;
    }

    #campaign-2206 #add-mile .wrap-840 {
        max-width: 640px;
    }

    #campaign-2206 #add-mile .flex .mile-wrap {
        width: 230px;
        height: 230px;
    }

    #campaign-2206 #add-mile .flex .mile-arrow {
        width: 100px;
    }

    #campaign-2206 #add-mile .flex .wh {
        font-size: 1.3em;
    }

    #campaign-2206 #add-mile .flex .position-r .font-l {
        font-size: 4em;
    }

    #campaign-2206 #ex .lead-text {
        font-size: 3vw;
    }

    #campaign-2206 #ex .text-wrap .total-wrap {
        font-size: 2vw;
    }

    #campaign-2206 #step #amc-form .amc-wrap.amc-regist {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2206 h2 {
        font-size: 1.5em;
    }

    #campaign-2206 .padding-s {
        padding: 10px;
    }

    #campaign-2206 #terms .sub-hd {
        width: 60px;
        height: 60px;
        font-size: 2em;
        padding: 8px 4px 4px;
    }

    #campaign-2206 #terms .flex {
        position: relative;
    }

    #campaign-2206 #terms .flex .text-wrap {
        width: 100%;
        margin-top: 10px;
    }

    #campaign-2206 #terms .flex .text-wrap .sp-br {
        display: block;
    }

    #campaign-2206 #terms .flex .text-wrap .terms-text {
        position: absolute;
        font-size: 3.8vw;
        top: 0;
        left: 68px;
    }

    #campaign-2206 #terms .flex .text-wrap .label {
        font-size: 1.8em;
    }

    #campaign-2206 #add-mile::before {
        width: 280px;
        height: 84px;
        top: -58px;
    }

    #campaign-2206 #add-mile .wrap-840 {
        max-width: 520px;
    }

    #campaign-2206 #add-mile .flex .mile-wrap {
        width: 200px;
        height: 200px;
    }

    #campaign-2206 #add-mile .flex .mile-wrap .wh {
        font-size: 1em;
        max-width: 130px;
        margin-top: 3em;
    }

    #campaign-2206 #add-mile .flex .mile-wrap .position-r .font-l {
        font-size: 3.5em;
    }

    #campaign-2206 #add-mile .flex .mile-wrap .position-r .font-m {
        font-size: 1.8em;
    }

    #campaign-2206 #add-mile .flex .mile-arrow {
        width: 80px;
    }

    #campaign-2206 #add-mile a.font-m {
        font-size: 1em;
    }

    #campaign-2206 #ex .flex .text-wrap .add-mile .font-s {
        font-size: 2.8vw;
    }

    #campaign-2206 #ex .flex .text-wrap .add-wrap .plus {
        font-size: 1.3em;
    }

    #campaign-2206 #ex #ex-conditions .flex {
        flex-direction: column;
    }
}

@media screen and (max-width: 520px) {
    #campaign-2206 .text-left-res {
        text-align: left;
    }

    #campaign-2206 #terms .terms-hd {
        font-size: 1.3em;
    }

    #campaign-2206 #terms .terms-hd br {
        display: none;
    }

    #campaign-2206 #terms .flex .text-wrap .terms-text {
        font-size: 1.3em;
        line-height: 1.3;
    }

    #campaign-2206 #terms .flex .text-wrap .label {
        font-size: 6.4vw;
    }

    #campaign-2206 #add-mile h2 .sp-br {
        display: block;
    }

    #campaign-2206 #add-mile .wrap-840 {
        max-width: 200px;
    }

    #campaign-2206 #add-mile .flex .mile-arrow {
        transform: rotate(90deg);
        margin: 0 auto;
    }

    #campaign-2206 #ex .lead-text {
        font-size: 1.2em;
    }

    #campaign-2206 #ex .lead-text br {
        display: none;
    }

    #campaign-2206 #ex .text-wrap {
        width: 100%;
    }

    #campaign-2206 #ex .text-wrap .font-l {
        font-size: 1.2em;
    }

    #campaign-2206 #ex .text-wrap .add-wrap {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }

    #campaign-2206 #ex .text-wrap .add-wrap p {
        width: 100%;
    }

    #campaign-2206 #ex .text-wrap .add-wrap .plus {
        font-size: 2em;
        margin: 0 10px 10px;
    }

    #campaign-2206 #ex .text-wrap .add-wrap .bg-black {
        max-width: 12em;
        margin: 0 auto;
    }

    #campaign-2206 #ex .text-wrap .add-mile {
        font-size: 1.6em;
    }

    #campaign-2206 #ex .text-wrap .add-mile .font-s {
        font-size: 0.5em;
    }

    #campaign-2206 #ex .text-wrap .total-wrap {
        font-size: 4vw;
    }

    #campaign-2206 #ex #ex-conditions h3 {
        font-size: 1.2em;
    }

    #campaign-2206 #step #amc-form #amc-bk.uk-padding {
        padding: 20px 0;
    }

    #campaign-2206 #step #amc-form #amc-bk #amc-text {
        text-align: left;
    }

    #campaign-2206 #step #amc-form .amc-regist p {
        text-align: left;
    }

    #campaign-2206 #step #amc-form .amc-regist p br {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2206 #terms .flex .text-wrap .terms-text {
        font-size: 1em;
        line-height: 1.5;
        padding-top: 5px;
    }

    #campaign-2206 #terms .font-l {
        font-size: 1.2em;
    }

    #campaign-2206 #add-mile::before {
        width: 240px;
        height: 72px;
        top: -47px;
    }

    #campaign-2206 #ex #ex-conditions .hd-deco::before,
    #campaign-2206 #ex #ex-conditions .hd-deco::after {
        width: 1.8em;
    }

    #campaign-2206 #step #amc-form #amc-bk h2 {
        font-size: 1.1em;
    }
}

/********** ANA縺ｮ繝槭う繝ｫ繧ｭ繝｣繝ｳ繝壹�繝ｳ 2022 譏･ end **********/
/********** 雉�肇縺･縺上ｊ繝�ン繝･繝ｼ譛磯俣 **********/
#campaign-2207 {
    /* 蜈ｱ騾� */
    /* 繝ｯ繝�ヨ螳壽悄雉ｼ蜈･縺ｨ縺ｯ */
    /* 繧ｭ繝｣繝ｳ繝壹�繝ｳ隱ｬ譏� */
}

#campaign-2207 .sp-br {
    display: none;
}

#campaign-2207 .cam-btn {
    border-color: #E54056;
    background-color: #E54056;
}

#campaign-2207 .cam-btn:hover {
    background-color: white;
    color: #E54056;
}

#campaign-2207 .hd-deco {
    color: #000000;
    font-size: 1.9em;
}

#campaign-2207 .hd-deco::before,
#campaign-2207 .hd-deco::after {
    background-color: #000000;
}

#campaign-2207 .cam2207-font-main {
    color: #192F4F;
}

#campaign-2207 .cam2207-font-bold {
    -webkit-text-stroke: 1px #fff;
}

#campaign-2207 .cam2207-bg {
    background: url(/img/campaign/2207/bk.png);
}

#campaign-2207 .cam2207-ribbonttl {
    position: relative;
    color: #fff;
    background-color: #192F4F;
    margin-right: 20px;
    margin-bottom: 50px;
    margin-left: 20px;
    line-height: 80px;
}

#campaign-2207 .cam2207-ribbonttl::before,
#campaign-2207 .cam2207-ribbonttl::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    border-top: 40px solid #192F4F;
    border-right: 20px solid transparent;
    border-bottom: 40px solid #192F4F;
    border-left: 20px solid transparent;
}

#campaign-2207 .cam2207-ribbonttl::before {
    right: -20px;
}

#campaign-2207 .cam2207-ribbonttl::after {
    left: -20px;
}

#campaign-2207 .movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#campaign-2207 .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 1px #999;
}

#campaign-2207 #subscription #point-list li {
    width: 19%;
    border: solid 3px #00A57B;
}

#campaign-2207 #subscription #point-list li .point-hd {
    color: #fff;
    background-color: #00A57B;
    padding: 4px 10px;
}

#campaign-2207 #subscription #point-list li .point-hd-num {
    font-style: italic;
    margin-left: 5px;
    vertical-align: -0.1em;
}

#campaign-2207 #subscription #point-list li .font-m {
    font-size: 1.3em;
}

#campaign-2207 #subscription .bottomlink {
    font-size: 1.3em;
    color: #000;
}

#campaign-2207 #subscription .bottomlink>a {
    color: #000;
}

#campaign-2207 #camdesc {
    background-color: #FFF9E1;
}

#campaign-2207 #camdesc .container {
    overflow: visible;
}

#campaign-2207 #camdesc #camdesc-list {
    color: #000;
}

#campaign-2207 #camdesc #camdesc-list .cam-info::after {
    content: "";
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: -3px;
    left: -3px;
}

#campaign-2207 #camdesc #camdesc-list .cam-info:not(:last-child) {
    margin-bottom: 30px;
}

#campaign-2207 #camdesc #camdesc-list .cam-info:nth-child(1) {
    border: solid 3px #FFD93B;
}

#campaign-2207 #camdesc #camdesc-list .cam-info:nth-child(1) .cam-term {
    color: #000000;
    background-color: #FFD93B;
}

#campaign-2207 #camdesc #camdesc-list .cam-info:nth-child(1) .cam-term-date.cam2207-font-bold {
    -webkit-text-stroke-color: #000000;
}

#campaign-2207 #camdesc #camdesc-list .cam-info:nth-child(2) {
    border: solid 3px #46C33F;
}

#campaign-2207 #camdesc #camdesc-list .cam-info:nth-child(2) .cam-term {
    background-color: #46C33F;
}

#campaign-2207 #camdesc #camdesc-list .cam-info:nth-child(3) {
    border: solid 3px #4E96D0;
}

#campaign-2207 #camdesc #camdesc-list .cam-info:nth-child(3) .cam-term {
    background-color: #4E96D0;
}

#campaign-2207 #camdesc #camdesc-list .cam-info:nth-child(4) {
    border: solid 3px #F48337;
}

#campaign-2207 #camdesc #camdesc-list .cam-info:nth-child(4) .cam-term {
    background-color: #F48337;
}

#campaign-2207 #camdesc #camdesc-list .cam-info .font-m {
    font-size: 1.7em;
}

#campaign-2207 #camdesc #camdesc-list .cam-info .font-l {
    font-size: 2.25em;
}

#campaign-2207 #camdesc #camdesc-list .cam-info .cam-term {
    position: relative;
    color: #fff;
    padding: 10px 15px;
}

#campaign-2207 #camdesc #camdesc-list .cam-info .cam-term .icon-open {
    display: none;
    max-width: 107px;
    position: absolute;
    top: 0;
    left: -20px;
    bottom: 0;
    margin: auto;
}

#campaign-2207 #camdesc #camdesc-list .cam-info .cam-term-num {
    color: #000000;
    font-size: 1.3em;
    padding: 4px 10px;
    margin-right: 10px;
}

#campaign-2207 #camdesc #camdesc-list .cam-info .cam-term-price {
    color: #fff;
    background-color: #000;
    padding: 4px 15px;
    margin-right: 10px;
}

#campaign-2207 #camdesc #camdesc-list .cam-info .cam-term-present {
    font-size: 3.5em;
    line-height: 1.2;
}

#campaign-2207 #camdesc #camdesc-list .cam-info .cam-term-present .price {
    color: #E54056;
    -webkit-text-stroke: 2px #E54056;
}

#campaign-2207 #camdesc #camdesc-list .cam-info .cam-detail-left {
    max-width: 52%;
}

#campaign-2207 #camdesc #camdesc-list .cam-info .cam-detail-left>span:last-child {
    display: block;
}

#campaign-2207 #camdesc #camdesc-list .cam-info .cam-detail-middle {
    width: 6.7%;
    max-width: 70px;
}

#campaign-2207 #camdesc #camdesc-list .cam-info.js-open::after {
    display: none;
}

#campaign-2207 #camdesc #camdesc-list .cam-info.js-open .cam-term {
    padding: 10px 15px 10px 110px;
}

#campaign-2207 #camdesc #camdesc-list .cam-info.js-open .cam-term .icon-open {
    display: block;
}

@media screen and (max-width: 960px) {
    #campaign-2207 #subscription #point-list li {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 20px;
    }

    #campaign-2207 #subscription #point-list li:nth-child(3n) {
        margin-right: 0;
    }

    #campaign-2207 #camdesc #camdesc-list .cam-info .cam-detail {
        flex-direction: column;
    }

    #campaign-2207 #camdesc #camdesc-list .cam-info .cam-detail-left {
        max-width: 100%;
    }

    #campaign-2207 #camdesc #camdesc-list .cam-info .cam-detail-middle {
        width: 100%;
        text-align: center;
        transform: rotate(90deg);
    }
}

@media screen and (max-width: 640px) {
    #campaign-2207 .sp-br {
        display: block;
    }

    #campaign-2207 #subscription #point-list li {
        width: 48%;
        margin-right: 4%;
    }

    #campaign-2207 #subscription #point-list li:nth-child(3n) {
        margin-right: 4%;
    }

    #campaign-2207 #subscription #point-list li:nth-child(even) {
        margin-right: 0;
    }

    #campaign-2207 #subscription #point-list li .font-m {
        font-size: 1em;
    }

    #campaign-2207 #camdesc #camdesc-list .cam-info .font-m {
        font-size: 1.3em;
    }

    #campaign-2207 #camdesc #camdesc-list .cam-info .font-l {
        font-size: 1.6em;
    }

    #campaign-2207 #camdesc #camdesc-list .cam-info .cam-term .icon-open {
        max-width: 60px;
        left: 0;
    }

    #campaign-2207 #camdesc #camdesc-list .cam-info .cam-term-present {
        font-size: 2.2em;
    }

    #campaign-2207 #camdesc #camdesc-list .cam-info .cam-detail-left>span:last-child {
        display: inline;
    }

    #campaign-2207 #camdesc #camdesc-list .cam-info .cam-detail-middle {
        max-width: 40px;
    }

    #campaign-2207 #camdesc #camdesc-list .cam-info.js-open .cam-term {
        padding: 10px 15px 10px 70px;
    }
}

@media screen and (max-width: 480px) {
    #campaign-2207 .cam2207-font-bold {
        -webkit-text-stroke: unset;
    }

    #campaign-2207 .hd-deco {
        font-size: 1.3em;
    }

    #campaign-2207 #subscription .bottomlink {
        font-size: 1em;
    }

    #campaign-2207 #camdesc #camdesc-list .cam-info .cam-term-num {
        font-size: 1em;
    }

    #campaign-2207 #camdesc #camdesc-list .cam-info .cam-term-date {
        font-size: 1.1em;
    }
}

@media screen and (max-width: 370px) {
    #campaign-2207 h2 {
        font-size: 1.3em;
    }
}

/******** end 雉�肇縺･縺上ｊ繝�ン繝･繝ｼ譛磯俣 ********/
/******** change繧剃ｽｿ縺｣縺ｦ縺ｿ繧医≧�� ********/
#campaign-2208 .cam2208-main-bg {
    background-color: #15B786;
}

#campaign-2208 .cam2208-sub-bg {
    background-color: #FCF7C0;
}

#campaign-2208 h1,
#campaign-2208 h2,
#campaign-2208 h3 {
    color: #231816;
}

#campaign-2208 ol {
    padding: 0;
}

#campaign-2208 .hd-deco {
    font-size: 1.9em;
}

#campaign-2208 .hd-deco::before,
#campaign-2208 .hd-deco::after {
    background-color: #231816;
}

#campaign-2208 .btn-cam2208-cv {
    background-color: #231816;
    border: solid 2px #231816;
}

#campaign-2208 .btn-cam2208-cv a {
    color: #fff;
    position: relative;
}

#campaign-2208 .btn-cam2208-cv span {
    position: absolute;
    right: 2%;
}

#campaign-2208 .btn-cam2208-cv:hover {
    background-color: #fff;
    color: #231816;
}

#campaign-2208 #intro .text-left {
    width: 48%;
}

#campaign-2208 #intro .img-right {
    width: 40%;
}

#campaign-2208 #intro img {
    max-width: 400px;
    width: 100%;
}

#campaign-2208 #explanation h2 {
    color: #fff;
    background-color: #F62928;
    padding: 10px;
}

#campaign-2208 #explanation .movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#campaign-2208 #explanation .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 1px #999;
}

#campaign-2208 #explanation .logo-wrap {
    background-color: #fff;
    padding: 20px;
}

#campaign-2208 #explanation .logo-wrap p {
    color: #fff;
    background-color: #231816;
    text-align: center;
}

#campaign-2208 #explanation .old-logo,
#campaign-2208 #explanation .new-logo {
    width: 40%;
}

#campaign-2208 #explanation .old-logo img,
#campaign-2208 #explanation .new-logo img {
    width: auto;
    height: 160px;
}

#campaign-2208 #explanation .arrow-center {
    width: 50px;
}

#campaign-2208 #participation h2 {
    color: #fff;
    background-color: #231816;
    padding: 10px;
}

#campaign-2208 #participation li {
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
    width: 32%;
}

#campaign-2208 #participation li h3 {
    color: #15B786;
}

#campaign-2208 #participation li img {
    max-width: 300px;
    width: 100%;
}

#campaign-2208 #participation .present-wrap {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
}

#campaign-2208 #participation .present-wrap img {
    max-width: 200px;
}

#campaign-2208 #question h2 {
    color: #fff;
    background-color: #F62928;
    padding: 10px;
}

#campaign-2208 #question li {
    width: 48%;
    background-color: #fff;
    margin-bottom: 20px;
}

#campaign-2208 #question li h3 {
    font-size: 1em;
    color: #fff;
    background-color: #231816;
    padding: 10px;
}

#campaign-2208 #question li p {
    padding: 10px;
}

@media screen and (max-width: 640px) {
    #campaign-2208 #intro .text-left {
        width: 100%;
        order: 2;
    }

    #campaign-2208 #intro .img-right {
        width: 100%;
        margin-bottom: 20px;
    }

    #campaign-2208 #explanation .logo-wrap {
        flex-direction: column;
    }

    #campaign-2208 #explanation .old-logo,
    #campaign-2208 #explanation .new-logo {
        width: 100%;
    }

    #campaign-2208 #explanation .old-logo img,
    #campaign-2208 #explanation .new-logo img {
        height: auto;
        width: 300px;
    }

    #campaign-2208 #explanation .arrow-center {
        transform: rotate(90deg);
    }

    #campaign-2208 #participation li {
        width: 100%;
        margin-bottom: 20px;
    }

    #campaign-2208 #participation .present-wrap {
        text-align: center;
    }

    #campaign-2208 #question li {
        width: 100%;
    }
}

/******** end change繧剃ｽｿ縺｣縺ｦ縺ｿ繧医≧�� ********/
/********** 縺雁ｾ励�繧ｷ繝槭す驫€陦梧険霎ｼ繧ｭ繝｣繝ｳ繝壹�繝ｳ **********/
#campaign-2209 {
    /* 蜈ｱ騾� */
    /* 繧ｭ繝｣繝ｳ繝壹�繝ｳ譛滄俣荳ｭ縺ｮ迚ｹ蜈ｸ */
    /* 驫€陦梧険繧願ｾｼ縺ｿ縺後せ繝斐�繝�ぅ縺ｧ縺翫ヨ繧ｯ縺ｫ�� */
    /* 繝ｯ繝�ヨ繝励Λ繧ｹ縺ｨ縺ｯ */
}

#campaign-2209 .cam2209-bg {
    background-color: #FDF2F1;
}

#campaign-2209 .hd-black {
    color: white;
    background-color: #231815;
    padding: 8px;
    margin-bottom: 40px;
}

#campaign-2209 .cam-btn .cls-1 {
    fill: white;
}

#campaign-2209 .cam-btn:hover {
    background-color: white;
    color: #ff6500;
}

#campaign-2209 .cam-btn:hover .cls-1 {
    fill: #ff6500;
}

#campaign-2209 .pc-br {
    display: block;
}

#campaign-2209 .sp-br {
    display: none;
}

#campaign-2209 #intro .benefit-badge {
    width: 60px;
}

#campaign-2209 #benefit .benefit-txt {
    font-size: 2rem;
    font-weight: bold;
}

#campaign-2209 #benefit .benefit-txt:not(:first-of-type) {
    -webkit-text-stroke: 1px #333333;
}

#campaign-2209 #benefit .benefit-txt .benefit-badge {
    max-width: 150px;
}

#campaign-2209 #benefit .benefit-content {
    font-size: 2.6rem;
    font-weight: bold;
    min-height: 107px;
    margin-left: 59px;
    background-color: #FFFFE9;
    outline: solid 5px #d00000;
    outline-offset: -5px;
    -webkit-text-stroke: 1px #333333;
}

#campaign-2209 #benefit .benefit-content::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -59px;
    width: 117px;
    height: 100%;
}

#campaign-2209 #benefit .benefit-content:nth-of-type(1)::before {
    background: url(/img/campaign/2202/t_1.png) no-repeat;
    background-size: contain;
}

#campaign-2209 #benefit .benefit-content:nth-of-type(2)::before {
    background: url(/img/campaign/2202/t_2.png) no-repeat;
    background-size: contain;
}

#campaign-2209 #benefit .benefit-txt.flex,
#campaign-2209 #benefit .benefit-content.flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#campaign-2209 #benefit .benefit-txt .flex,
#campaign-2209 #benefit .benefit-content .flex {
    align-items: baseline;
    justify-content: center;
}

#campaign-2209 #benefit .benefit-txt .flex sup,
#campaign-2209 #benefit .benefit-content .flex sup {
    font-size: 0.5em;
    top: -1em;
    color: #333333;
    -webkit-text-stroke: 0;
}

#campaign-2209 #benefit .benefit-txt strong,
#campaign-2209 #benefit .benefit-content strong {
    color: #d00000;
    -webkit-text-stroke: 2px #d00000;
}

#campaign-2209 #benefit .benefit-txt strong .benefit-num,
#campaign-2209 #benefit .benefit-content strong .benefit-num {
    font-size: 70px;
    vertical-align: -4px;
}

#campaign-2209 #benefit .benefit-txt .notes1,
#campaign-2209 #benefit .benefit-content .notes1 {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding-bottom: 20px;
    -webkit-text-stroke: 0;
    line-height: 1.3;
    text-align: left;
}

#campaign-2209 #point-list {
    justify-content: space-between;
}

#campaign-2209 #point-list .point-detail {
    width: 31%;
    padding: 20px 10px;
    border: solid 3px #FF0028;
    border-radius: 21px;
}

#campaign-2209 #point-list .point-detail .hd-wrap {
    flex-wrap: nowrap;
    justify-content: left;
    align-items: center;
    margin-bottom: 20px;
}

#campaign-2209 #point-list .point-detail-img {
    max-width: 80px;
    width: 25.4%;
}

#campaign-2209 #watplus #movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#campaign-2209 #watplus #movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#campaign-2209 #cam-detail {
    background-color: #d00000;
}

@media screen and (max-width: 1139px) {
    #campaign-2209 #point .point-detail .hd-wrap h3 {
        font-size: 2vw;
    }
}

@media screen and (max-width: 840px) {
    #campaign-2209 #benefit .benefit-txt {
        font-size: 1.6rem;
    }

    #campaign-2209 #benefit .benefit-txt .benefit-badge {
        max-width: 80px;
    }

    #campaign-2209 #benefit .benefit-txt:not(:first-of-type) {
        -webkit-text-stroke: unset;
    }

    #campaign-2209 #benefit .benefit-content {
        font-size: 2.2rem;
    }

    #campaign-2209 #benefit .benefit-txt strong .benefit-num,
    #campaign-2209 #benefit .benefit-content strong .benefit-num {
        font-size: 50px;
    }

    #campaign-2209 #point-list .point-detail {
        width: 33%;
    }

    #campaign-2209 #point-list .point-detail .hd-wrap h3 {
        font-size: 2.5vw;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2209 .pc-br {
        display: none;
    }

    #campaign-2209 .sp-br {
        display: block;
    }

    #campaign-2209 #benefit .benefit-txt .benefit-badge {
        max-width: 100px;
        display: block;
        margin: 0 auto;
    }

    #campaign-2209 #benefit .benefit-content {
        margin-top: 70px;
        margin-bottom: 30px;
        margin-left: 0;
        padding: 30px 20px 20px 20px;
    }

    #campaign-2209 #benefit .benefit-content::before {
        top: -50px;
        left: 0;
        right: 0;
        width: 90px;
        margin: auto;
    }

    #campaign-2209 #benefit .benefit-content .present-txt {
        display: block;
    }

    #campaign-2209 #benefit .benefit-txt,
    #campaign-2209 #benefit .benefit-content {
        line-height: 1.4;
    }

    #campaign-2209 #benefit .benefit-txt .notes1,
    #campaign-2209 #benefit .benefit-content .notes1 {
        margin-top: 20px;
        padding-bottom: 0px;
    }

    #campaign-2209 #point-list {
        display: block;
    }

    #campaign-2209 #point-list .point-detail {
        width: 100%;
        margin-bottom: 10px;
        padding: 10px;
    }

    #campaign-2209 #point-list .point-detail-img {
        max-width: 60px;
        width: 100%;
    }

    #campaign-2209 #point-list .point-detail .hd-wrap {
        margin-bottom: 10px;
    }

    #campaign-2209 #point-list .point-detail .hd-wrap h3 {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2209 #benefit .benefit-content {
        font-size: 1.7rem;
    }
}

/******** end 縺雁ｾ励�繧ｷ繝槭す驫€陦梧険霎ｼ繧ｭ繝｣繝ｳ繝壹�繝ｳ ********/
/********* JAL *********/
#campaign-2210 .wrap-840 {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}

#campaign-2210 .sp-br {
    display: none;
}

#campaign-2210 .paddig-s {
    padding: 20px;
}

#campaign-2210 .font-m {
    font-size: 1.3em;
}

#campaign-2210 .font-black {
    color: #000;
}

#campaign-2210 .font-yellow {
    color: #FFF101;
}

#campaign-2210 .font-accent {
    color: #FFF101;
}

#campaign-2210 .font-red {
    color: #ED1C24;
}

#campaign-2210 .font-white {
    color: #fff;
}

#campaign-2210 .font-black {
    color: #000;
}

#campaign-2210 .bg-main {
    background-color: #FFF101;
}

#campaign-2210 .bg-yellow {
    background-color: #FFF101;
}

#campaign-2210 .banner-border {
    border: solid 1px black;
}

#campaign-2210 .hd-deco {
    display: flex;
    align-items: center;
    justify-content: center;
}

#campaign-2210 .hd-deco:before,
#campaign-2210 .hd-deco::after {
    content: "";
    width: 1.6em;
    height: 3px;
    background-color: #000;
    border-radius: 2px;
}

#campaign-2210 .hd-deco:before {
    transform: rotate(60deg);
}

#campaign-2210 .hd-deco:after {
    transform: rotate(-60deg);
}

#campaign-2210 #terms {
    background-color: #f9faf4;
    position: relative;
}

#campaign-2210 #terms .terms-hd {
    text-align: center;
}

#campaign-2210 #terms .frame {
    border: solid 5px #ED1C24;
    background-color: #fff;
    margin: 10px auto;
}

#campaign-2210 #terms .frame .flex {
    justify-content: space-between;
    align-items: center;
}

#campaign-2210 #terms .sub-hd {
    width: 130px;
    height: 130px;
    background-color: #000;
    border-radius: 50%;
    text-align: center;
    line-height: 1.1;
    font-size: 3em;
    padding: 30px 4px 4px;
}

#campaign-2210 #terms .sub-hd span {
    display: block;
}

#campaign-2210 #terms .sub-hd .font-s {
    font-size: 0.4em;
}

#campaign-2210 #terms .img-wrap {
    width: 17%;
}

#campaign-2210 #terms .text-wrap {
    width: 80%;
    font-weight: bold;
}

#campaign-2210 #terms .text-wrap .terms-text {
    color: #000;
}

#campaign-2210 #terms .text-wrap .font-m {
    font-size: 1.6em;
}

#campaign-2210 #terms .text-wrap .font-s {
    font-size: 0.6em;
}

#campaign-2210 #terms .text-wrap .label {
    background-color: #ED1C24;
    line-height: 1.3;
    margin-top: 5px;
    padding: 10px;
}

#campaign-2210 #terms .title-wrap {
    max-width: 902px;
    margin: auto;
}

#campaign-2210 #add-mile {
    position: relative;
}

#campaign-2210 #add-mile::before {
    content: "";
    position: absolute;
    background: url(/img/campaign/common/arrow_more.png) no-repeat;
    background-size: contain;
    width: 400px;
    height: 120px;
    left: 0;
    right: 0;
    top: -70px;
    margin: auto;
}

#campaign-2210 #add-mile .flex {
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

#campaign-2210 #add-mile .flex .mile-wrap {
    width: 280px;
    height: 280px;
    background-color: #FFF101;
    border-radius: 50%;
}

#campaign-2210 #add-mile .flex .mile-wrap .wh {
    max-width: 185px;
    width: 100%;
    font-weight: bold;
    font-size: 1.5em;
    background-color: #fff;
    color: #48549e;
    border-radius: 20px;
    padding: 2px 4px;
    margin: 2.5em auto 5px;
}

#campaign-2210 #add-mile .flex .mile-wrap .yen {
    position: relative;
}

#campaign-2210 #add-mile .flex .mile-wrap .yen::before {
    content: "(遞手ｾｼ)";
    position: absolute;
    font-size: 0.4em;
    top: -1.3em;
    left: -0.2em;
    white-space: nowrap;
}

#campaign-2210 #add-mile .flex .mile-arrow {
    width: 130px;
}

#campaign-2210 #add-mile .flex .bg-white {
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 20px;
    max-width: 185px;
    width: 100%;
    padding: 2px 4px;
    margin: 2.5em auto 5px;
}

#campaign-2210 #add-mile .flex .position-r {
    margin-top: 0;
    font-weight: bold;
}

#campaign-2210 #add-mile .flex .position-r .font-l {
    font-size: 5em;
    line-height: 1.3em;
}

#campaign-2210 #add-mile .flex .position-r .font-m {
    font-size: 2.5em;
}

#campaign-2210 #add-mile a.icon-tri {
    color: #000;
}

#campaign-2210 #add-mile a.icon-tri::before {
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #ED1C24;
}

#campaign-2210 #add-mile #bg-yellow {
    background-color: #FFF101;
}

#campaign-2210 #add-mile #mile-wh {
    background-color: #000;
    color: white;
}

#campaign-2210 #ex {
    background-color: #edf0f4;
}

#campaign-2210 #ex .lead-text {
    text-align: center;
}

#campaign-2210 #ex .ex-wrap {
    position: relative;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 0 10px rgba(8, 91, 153, 0.3);
}

#campaign-2210 #ex .ex-wrap .ex-hd {
    position: absolute;
    background-color: #ED1C24;
    font-weight: bold;
    width: 90%;
    padding: 10px;
    border-radius: 30px;
    left: 0;
    right: 0;
    margin: auto;
    top: -1.5em;
}

#campaign-2210 #ex .ex-wrap .ex-hd .font-m {
    font-size: 1.5em;
}

#campaign-2210 #ex .flex {
    justify-content: space-between;
    padding-top: 40px;
}

#campaign-2210 #ex .flex .img-wrap {
    width: 20%;
}

#campaign-2210 #ex .text-wrap {
    width: 78%;
    margin: 0 auto;
    font-weight: bold;
}

#campaign-2210 #ex .text-wrap .font-l {
    font-size: 2em;
}

#campaign-2210 #ex .text-wrap .add-wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 10px;
    line-height: 1.2;
    border-bottom: solid 5px #000;
}

#campaign-2210 #ex .text-wrap .add-wrap span {
    display: block;
    font-weight: normal;
    font-size: 0.6em;
}

#campaign-2210 #ex .text-wrap .add-wrap .bg-black {
    background-color: #000;
    padding: 4px;
    margin-bottom: 4px;
}

#campaign-2210 #ex .text-wrap .add-wrap .plus {
    font-size: 2em;
    line-height: 1;
    margin: 0;
}

#campaign-2210 #ex .text-wrap .add-mile,
#campaign-2210 #ex .text-wrap .total-wrap {
    margin: 0;
}

#campaign-2210 #ex .text-wrap .total-wrap .font-pink {
    color: #ED1C24;
    font-size: 1.8em;
}

#campaign-2210 #ex .text-wrap .add-mile .font-s {
    font-size: 0.6em;
}

#campaign-2210 #ex .text-wrap .add-mile .bg-bk {
    padding: 4px;
}

#campaign-2210 #ex #ex-conditions .ex-conditions-text-layout {
    padding: 4px 16px;
    margin: 8px;
}

#campaign-2210 #ex #ex-conditions .img-plus {
    width: 28px;
    margin: 8px;
}

#campaign-2210 #ex #ex-conditions .padding-top-zero {
    padding-top: 0px;
}

#campaign-2210 #ex #ex-conditions .total {
    font-size: 1.2em;
}

#campaign-2210 #ex #ex-conditions .flex-center {
    justify-content: center;
    align-items: center;
}

#campaign-2210 #ex #ex-conditions .img-arrow {
    width: 56px;
    margin: auto;
}

#campaign-2210 #ex #ex-conditions .img-arrow img {
    transform: rotate(90deg);
}

#campaign-2210 #ex #ex-conditions .img-present {
    width: 135px;
}

#campaign-2210 #step li {
    background-color: #edf0f4;
}

#campaign-2210 #step li h3 {
    color: #ED1C24;
}

#campaign-2210 #step #amc-form {
    text-align: center;
    background-color: #ED1C24;
}

#campaign-2210 #step #amc-form #amc-bk {
    background: url(/img/campaign/triple/bk_plane.png) right 20px top 20px no-repeat;
    background-size: 120px auto;
    color: #fff;
}

#campaign-2210 #step #amc-form #amc-bk h2 {
    color: #fff;
    margin-bottom: 20px;
}

#campaign-2210 #step #amc-form #amc-bk #amc-text {
    max-width: 40em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#campaign-2210 #step #amc-form .flex {
    justify-content: space-between;
}

#campaign-2210 #step #amc-form .amc-wrap {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    padding: 20px;
}

#campaign-2210 #step #amc-form .amc-wrap p {
    margin-bottom: 10px;
}

#campaign-2210 #step #amc-form .amc-wrap.amc-regist {
    width: 58%;
}

#campaign-2210 #step #amc-form .amc-wrap.change-regist {
    width: 40%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
}

#campaign-2210 #step #amc-form .amc-wrap.change-regist p {
    width: 100%;
}

#campaign-2210 #step #amc-form .btn-edit {
    background-color: #286db4;
}

#campaign-2210 #step #amc-form .change-regist .cam-btn {
    background-color: #ea5514;
    max-width: 300px;
}

#campaign-2210 #step #amc-form .cam-btn {
    position: relative;
    display: inline-block;
    max-width: 520px;
    width: 100%;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    padding: 10px 10px 7px;
    cursor: pointer;
    background-color: #53c858;
}

#campaign-2210 #equipments {
    background-color: #f9faf4;
}

#campaign-2210 #equipments .cls-1 {
    fill: white;
}

#campaign-2210 #equipments .btn-cv:hover .cls-1 {
    fill: #e56100;
}

#campaign-2210 #cam-detail {
    background-color: #000;
}

#campaign-2210 #cam-detail dl {
    border-bottom: 1px solid #000;
    color: #000;
}

#campaign-2210 #cam-detail dl .cam-dl {
    border-top: 1px solid #000;
}

#campaign-2210 #cam-detail .inquiry-wrap {
    border: solid 1px;
    border-radius: 4px;
    padding: 16px;
}

@media screen and (max-width: 840px) {
    #campaign-2210 #terms .wrap-840 {
        max-width: 600px;
    }

    #campaign-2210 #terms .terms-hd {
        font-size: 3.8vw;
    }

    #campaign-2210 #terms .frame {
        padding: 10px;
    }

    #campaign-2210 #terms .sub-hd {
        font-size: 2.5em;
        width: 80px;
        height: 80px;
        padding: 13px 4px 4px;
    }

    #campaign-2210 #terms .text-wrap {
        width: 84%;
    }

    #campaign-2210 #terms .text-wrap .font-m {
        font-size: 1.4em;
    }

    #campaign-2210 #terms .text-wrap .label {
        font-size: 1.5em;
    }

    #campaign-2210 #add-mile .wrap-840 {
        max-width: 640px;
    }

    #campaign-2210 #add-mile .flex .mile-wrap {
        width: 230px;
        height: 230px;
    }

    #campaign-2210 #add-mile .flex .mile-arrow {
        width: 100px;
    }

    #campaign-2210 #add-mile .flex .wh {
        font-size: 1.3em;
    }

    #campaign-2210 #add-mile .flex .position-r .font-l {
        font-size: 4em;
    }

    #campaign-2210 #ex .lead-text {
        font-size: 3vw;
    }

    #campaign-2210 #ex .ex-wrap .ex-hd .font-m {
        font-size: 2.9vw;
    }

    #campaign-2210 #ex .flex .text-wrap .total-wrap {
        font-size: 2vw;
    }

    #campaign-2210 #step #amc-form .amc-wrap.change-regist {
        width: 100%;
        margin-bottom: 10px;
    }

    #campaign-2210 #step #amc-form .amc-wrap.change-regist .cam-btn {
        max-width: 100%;
    }

    #campaign-2210 #step #amc-form .amc-wrap.amc-regist {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2210 h2 {
        font-size: 1.5em;
    }

    #campaign-2210 .padding-s {
        padding: 10px;
    }

    #campaign-2210 #terms .sub-hd {
        width: 60px;
        height: 60px;
        font-size: 2em;
        padding: 8px 4px 4px;
    }

    #campaign-2210 #terms .flex {
        position: relative;
    }

    #campaign-2210 #terms .flex .text-wrap {
        width: 100%;
        margin-top: 10px;
    }

    #campaign-2210 #terms .flex .text-wrap .sp-br {
        display: block;
    }

    #campaign-2210 #terms .flex .text-wrap .terms-text {
        position: absolute;
        font-size: 3.8vw;
        top: 0;
        left: 68px;
    }

    #campaign-2210 #terms .flex .text-wrap .label {
        font-size: 1.8em;
    }

    #campaign-2210 #add-mile::before {
        width: 280px;
        height: 84px;
        top: -58px;
    }

    #campaign-2210 #add-mile .wrap-840 {
        max-width: 520px;
    }

    #campaign-2210 #add-mile .flex .mile-wrap {
        width: 200px;
        height: 200px;
    }

    #campaign-2210 #add-mile .flex .mile-wrap .wh {
        font-size: 1em;
        max-width: 130px;
        margin-top: 3em;
    }

    #campaign-2210 #add-mile .flex .mile-wrap .position-r .font-l {
        font-size: 3.5em;
    }

    #campaign-2210 #add-mile .flex .mile-wrap .position-r .font-m {
        font-size: 1.8em;
    }

    #campaign-2210 #add-mile .flex .mile-arrow {
        width: 80px;
    }

    #campaign-2210 #add-mile a.font-m {
        font-size: 1em;
    }

    #campaign-2210 #ex .flex .text-wrap .add-mile .font-s {
        font-size: 2.8vw;
    }

    #campaign-2210 #ex .flex .text-wrap .add-wrap .plus {
        font-size: 1.3em;
    }

    #campaign-2210 #ex #ex-conditions .flex {
        flex-direction: column;
    }
}

@media screen and (max-width: 520px) {
    #campaign-2210 .text-left-res {
        text-align: left;
    }

    #campaign-2210 #terms .terms-hd {
        font-size: 1.3em;
    }

    #campaign-2210 #terms .terms-hd br {
        display: none;
    }

    #campaign-2210 #terms .flex .text-wrap .terms-text {
        font-size: 1.3em;
        line-height: 1.3;
    }

    #campaign-2210 #terms .flex .text-wrap .label {
        font-size: 6.4vw;
    }

    #campaign-2210 #add-mile h2 .sp-br {
        display: block;
    }

    #campaign-2210 #add-mile .wrap-840 {
        max-width: 200px;
    }

    #campaign-2210 #add-mile .flex .mile-arrow {
        transform: rotate(90deg);
        margin: 0 auto;
    }

    #campaign-2210 #ex .lead-text {
        font-size: 1.2em;
    }

    #campaign-2210 #ex .lead-text br {
        display: none;
    }

    #campaign-2210 #ex .ex-wrap .ex-hd {
        line-height: 1.2;
    }

    #campaign-2210 #ex .ex-wrap .ex-hd .sp-br {
        display: block;
    }

    #campaign-2210 #ex .ex-wrap .ex-hd .font-m {
        font-size: 1em;
    }

    #campaign-2210 #ex .flex {
        flex-direction: column-reverse;
    }

    #campaign-2210 #ex .flex .img-wrap {
        max-width: 116px;
        width: 100%;
        margin: 20px auto;
    }

    #campaign-2210 #ex .text-wrap {
        width: 100%;
    }

    #campaign-2210 #ex .text-wrap .font-l {
        font-size: 1.2em;
    }

    #campaign-2210 #ex .text-wrap .add-wrap {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        flex-direction: column;
    }

    #campaign-2210 #ex .text-wrap .add-wrap p {
        width: 100%;
        max-width: 240px;
    }

    #campaign-2210 #ex .text-wrap .add-wrap .plus {
        font-size: 2em;
        margin: 0 10px 10px;
    }

    #campaign-2210 #ex .text-wrap .add-wrap .bg-black {
        max-width: 12em;
        margin: 0 auto;
    }

    #campaign-2210 #ex .text-wrap .add-mile {
        font-size: 1.6em;
    }

    #campaign-2210 #ex .text-wrap .add-mile .font-s {
        font-size: 0.5em;
    }

    #campaign-2210 #ex .text-wrap .total-wrap {
        font-size: 4vw;
    }

    #campaign-2210 #ex #ex-conditions h3 {
        font-size: 1.2em;
    }

    #campaign-2210 #step #amc-form #amc-bk.uk-padding {
        padding: 20px 0;
    }

    #campaign-2210 #step #amc-form #amc-bk #amc-text {
        text-align: left;
    }

    #campaign-2210 #step #amc-form .amc-regist p {
        text-align: left;
    }

    #campaign-2210 #step #amc-form .amc-regist p br {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2210 #terms .flex .text-wrap .terms-text {
        font-size: 1em;
        line-height: 1.5;
        padding-top: 5px;
    }

    #campaign-2210 #terms .font-l {
        font-size: 1.2em;
    }

    #campaign-2210 #add-mile::before {
        width: 240px;
        height: 72px;
        top: -47px;
    }

    #campaign-2210 #step #amc-form #amc-bk h2 {
        font-size: 1.1em;
    }
}

/******* end JAL *******/
/********** 縺ｿ繧薙↑縺ｧ蜀阪お繝阪ｒ縺ｲ繧阪ａ繧医≧�∝､ｪ髯ｽ蜈臥匱髮ｻ縺ｮ譌･ 333繝√Ε繝ｬ繝ｳ繧ｸ **********/
#campaign-2211 {
    /* 蜈ｱ騾� */
    /* 繝√Ε繝ｬ繝ｳ繧ｸ驕疲�迚ｹ蜈ｸ */
    /* 蜿矩＃邏ｹ莉� */
    /* 繧ｭ繝｣繝ｳ繝壹�繝ｳ隧ｳ邏ｰ */
}

#campaign-2211 h3 {
    font-size: 1.8rem;
}

#campaign-2211 .cam2211-bg {
    background-color: #fff7c5;
}

#campaign-2211 .cam2211-color {
    color: #ff3200;
}

#campaign-2211 .hd-black {
    color: white;
    background-color: #231815;
    padding: 8px;
    margin-bottom: 40px;
}

#campaign-2211 .hd-deco {
    color: #000000;
    font-size: 1.9em;
    text-align: center;
}

#campaign-2211 .hd-deco::before,
#campaign-2211 .hd-deco::after {
    background-color: #000000;
}

#campaign-2211 .cam-btn {
    border: solid 1px #ff6500;
}

#campaign-2211 .cam-btn .cls-1 {
    fill: white;
}

#campaign-2211 .cam-btn:hover {
    background-color: white;
    color: #ff6500;
}

#campaign-2211 .cam-btn:hover .cls-1 {
    fill: #ff6500;
}

#campaign-2211 .btn-cam2211-cv {
    color: white;
    background-color: #f54074;
    border: solid 2px #f54074;
}

#campaign-2211 .btn-cam2211-cv:hover {
    color: white;
    background-color: #f54074;
    opacity: 0.7;
}

#campaign-2211 .pc-br,
#campaign-2211 .pc-allow {
    display: block;
}

#campaign-2211 .sp-br,
#campaign-2211 .sp-allow {
    display: none;
}

#campaign-2211 #challenge .challenge-ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    padding-top: 5px;
    line-height: 2.4;
}

#campaign-2211 #challenge .challenge-ttl img {
    height: 40px;
    margin-right: 8px;
}

#campaign-2211 #challenge .cam-detail {
    background: white;
}

#campaign-2211 #challenge .cam-detail ul li {
    justify-content: space-between;
    align-items: center;
}

#campaign-2211 #challenge .cam-detail ul li:not(:last-child) {
    margin-bottom: 20px;
}

#campaign-2211 #challenge .cam-detail-left {
    position: relative;
    max-width: 500px;
    width: 49.5%;
    font-size: 2rem;
    padding-left: 5em;
    line-height: 1.4;
}

#campaign-2211 #challenge .cam-detail-left span {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: white;
    font-size: 65%;
    padding: 6px 8px;
    line-height: 1;
}

#campaign-2211 #challenge .cam-detail-left span.individual {
    background-color: #0044cc;
}

#campaign-2211 #challenge .cam-detail-left span.whole {
    background-color: #ff3200;
}

#campaign-2211 #challenge .cam-detail-middle {
    max-width: 54px;
    width: 5%;
    margin: 0 1%;
}

#campaign-2211 #challenge .cam-detail-right {
    max-width: 430px;
    width: 41.5%;
    font-size: 1.7rem;
    font-weight: bold;
    flex: 1;
    line-height: 1.3;
}

#campaign-2211 #challenge .cam-detail-right .txt_every {
    color: #0044cc;
}

#campaign-2211 #challenge .cam-detail-right strong {
    font-size: 2.1rem;
    margin: 0 4px;
    vertical-align: -0.1em;
}

#campaign-2211 #challenge .cam-detail-right strong.individual {
    color: #ff3200;
    -webkit-text-stroke: 2px #ff3200;
}

#campaign-2211 #challenge .cam-detail-right strong.whole {
    color: #0044cc;
    -webkit-text-stroke: 2px #0044cc;
}

#campaign-2211 #challenge .cam-detail-right .note-txt {
    font-size: 0.95rem;
    font-weight: normal;
}

#campaign-2211 #challenge .cam-detail.individual {
    border: solid 5px #0044cc;
}

#campaign-2211 #challenge .cam-detail.whole {
    border: solid 5px #ff3200;
}

#campaign-2211 #challenge-individual .challenge-ttl {
    background: #0044cc;
}

#campaign-2211 #challenge-whole .challenge-ttl {
    background: #ff3200;
}

#campaign-2211 #challenge-whole .cam-detail-left {
    max-width: 580px;
    width: 57.4%;
}

#campaign-2211 #challenge-whole .cam-detail-right {
    max-width: 340px;
    width: 33.6%;
}

#campaign-2211 #challenge-powerup {
    font-size: 1.6rem;
    -webkit-text-stroke: 1px #000000;
}

#campaign-2211 #challenge-powerup>.txt::after {
    content: "...";
    display: inline-block;
    vertical-align: 0.3em;
    line-height: 1;
}

#campaign-2211 #challenge-powerup-txt {
    justify-content: center;
    align-items: center;
    color: #ff3200;
    -webkit-text-stroke: 1px #ff3200;
    line-height: 1.3;
}

#campaign-2211 #challenge-powerup-txt img {
    max-width: 90px;
    margin: 5px 10px 5px 0;
}

#campaign-2211 #challenge-powerup>img {
    max-width: 720px;
    width: 90%;
    margin-top: 10px;
}

#campaign-2211 #challenge-gauge {
    padding: 60px 40px 80px;
    background-color: #000000;
}

#campaign-2211 #challenge-gauge .hd-deco {
    color: white;
}

#campaign-2211 #challenge-gauge .hd-deco::before,
#campaign-2211 #challenge-gauge .hd-deco::after {
    background-color: white;
}

#campaign-2211 #challenge-gauge .achievement-gauge {
    flex-wrap: nowrap;
    max-height: 78px;
    height: 100%;
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge-value {
    position: relative;
    height: 70px;
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge-value .gauge-txt {
    position: absolute;
    right: -20px;
    bottom: -40px;
    color: white;
    line-height: 1.2;
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge-value .gauge-txt.gauge-txt-0 {
    right: 0;
    left: -5px;
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge-value .graycover {
    position: absolute;
    right: 0;
    display: block;
    height: 100%;
    background: #d3d3d3;
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge100 {
    width: 30.03%;
    background: #d3d3d3;
    margin-right: 4px;
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge100.intermediate {
    background: linear-gradient(90deg, rgb(23, 132, 249) 15%, rgb(26, 206, 250) 50%, rgb(154, 223, 110) 100%);
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge100.clear {
    background: linear-gradient(90deg, rgb(23, 132, 249) 15%, rgb(26, 206, 250) 50%, rgb(154, 223, 110) 100%);
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge200 {
    width: 30.03%;
    background: #d3d3d3;
    margin-right: 4px;
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge200.intermediate {
    background: linear-gradient(90deg, rgb(154, 223, 110) 0%, rgb(254, 237, 0) 20%, rgb(255, 242, 31) 80%, rgb(255, 174, 38) 100%);
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge200.clear {
    background: linear-gradient(90deg, rgb(154, 223, 110) 0%, rgb(254, 237, 0) 20%, rgb(255, 242, 31) 80%, rgb(255, 174, 38) 100%);
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge300 {
    width: 30.03%;
    background: #d3d3d3;
    margin-right: 4px;
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge300.intermediate {
    background: linear-gradient(90deg, rgb(255, 174, 38) 0%, rgb(234, 101, 45) 35%, rgb(229, 53, 43) 100%);
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge300.clear {
    background: linear-gradient(90deg, rgb(255, 174, 38) 0%, rgb(234, 101, 45) 35%, rgb(229, 53, 43) 100%);
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge333 {
    width: 9.91%;
    background-color: #d3d3d3;
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge333 img {
    display: none;
    position: absolute;
    bottom: 90px;
    left: 20px;
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge333.intermediate {
    background-color: #e5352b;
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge333.clear {
    background-color: #e5352b;
}

#campaign-2211 #challenge-gauge .achievement-gauge .gauge333.clear img {
    display: block;
}

#campaign-2211 #friend-info {
    justify-content: space-between;
}

#campaign-2211 #friend-info .img {
    max-width: 400px;
    width: 36%;
}

#campaign-2211 #friend-info .txt {
    max-width: 630px;
    width: 57%;
    padding-right: 4.5%;
}

#campaign-2211 #friend-info-btn {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
}

#campaign-2211 #friend-invite {
    background-color: #ff64a3;
}

#campaign-2211 #friend-invite .hd-deco {
    color: white;
}

#campaign-2211 #friend-invite .hd-deco::before,
#campaign-2211 #friend-invite .hd-deco::after {
    background-color: white;
}

#campaign-2211 #friend-invite-num {
    max-width: 590px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    line-height: 1;
    background-color: white;
}

#campaign-2211 #friend-invite-num .num-txt {
    -webkit-text-stroke: 1px #333;
}

#campaign-2211 #friend-invite .note-date-txt {
    max-width: 590px;
    width: 100%;
    color: white;
    margin: 0 auto;
    text-align: right;
}

#campaign-2211 #friend .get-benefit {
    margin-top: 80px;
}

#campaign-2211 #cam-detail {
    background-color: #ff3200;
}

#campaign-2211 #cam-detail .maker-non {
    list-style: none;
}

@media screen and (max-width: 900px) {
    #campaign-2211 #challenge .cam-detail-left {
        max-width: 370px;
        width: 46.8%;
        font-size: 1.5rem;
        padding-left: 0;
    }

    #campaign-2211 #challenge .cam-detail-left span {
        position: relative;
        display: inline-block;
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        margin-bottom: 5px;
    }

    #campaign-2211 #challenge .cam-detail-middle {
        max-width: 38px;
        width: 4.42%;
        margin: 0;
    }

    #campaign-2211 #challenge .cam-detail-right {
        flex: inherit;
        max-width: 370px;
        width: 46.8%;
        font-size: 1.3rem;
    }

    #campaign-2211 #challenge .cam-detail-right strong {
        font-size: 1.8rem;
    }

    #campaign-2211 #challenge-gauge .achievement-gauge .gauge-value .gauge-txt {
        right: -13px;
        bottom: -28px;
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 640px) {

    #campaign-2211 h2,
    #campaign-2211 .hd-deco {
        font-size: 1.6em;
    }

    #campaign-2211 h3 {
        font-size: 1.5em;
    }

    #campaign-2211 .pc-br,
    #campaign-2211 .pc-allow {
        display: none;
    }

    #campaign-2211 .sp-br,
    #campaign-2211 .sp-allow {
        display: block;
    }

    #campaign-2211 #challenge .cam-detail {
        padding: 30px 14px;
    }

    #campaign-2211 #challenge .cam-detail ul {
        text-align: center;
    }

    #campaign-2211 #challenge .cam-detail ul li {
        display: inline-block;
        text-align: left;
    }

    #campaign-2211 #challenge .cam-detail ul li:not(:last-child) {
        margin-bottom: 30px;
    }

    #campaign-2211 #challenge .cam-detail-left {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0;
        text-align: center;
    }

    #campaign-2211 #challenge .cam-detail-left span {
        position: relative;
        display: inline-block;
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        margin-bottom: 5px;
    }

    #campaign-2211 #challenge .cam-detail-middle {
        width: 100%;
        margin: 0 auto 10px;
    }

    #campaign-2211 #challenge .cam-detail-right {
        flex: 1;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    #campaign-2211 #challenge-powerup-txt {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    #campaign-2211 #challenge-gauge {
        padding: 40px 20px 60px;
    }

    #campaign-2211 #challenge-gauge .achievement-gauge .gauge333 img {
        max-width: 180%;
        left: -30px;
    }

    #campaign-2211 #challenge-gauge .achievement-gauge .gauge333 .gauge-txt {
        bottom: -44px;
    }

    #campaign-2211 #friend-info {
        display: block;
    }

    #campaign-2211 #friend-info .img {
        max-width: 100%;
        width: 80%;
        margin: 0 auto 30px;
    }

    #campaign-2211 #friend-info .txt {
        max-width: 100%;
        width: 100%;
        padding-right: 0;
    }

    #campaign-2211 #friend-info-btn {
        max-width: 450px;
        width: 100%;
        margin: 0 auto;
    }

    #campaign-2211 #friend .get-benefit {
        margin-top: 40px;
    }
}

@media screen and (max-width: 440px) {
    #campaign-2211 #challenge-gauge .achievement-gauge .gauge333.clear img {
        bottom: 50px;
    }

    #campaign-2211 #friend-invite {
        padding: 14px;
    }

    #campaign-2211 #friend-invite-num .right-txt {
        font-size: 1.5em;
    }
}

/******** end 縺ｿ繧薙↑縺ｧ蜀阪お繝阪ｒ縺ｲ繧阪ａ繧医≧�∝､ｪ髯ｽ蜈臥匱髮ｻ縺ｮ譌･ 333繝√Ε繝ｬ繝ｳ繧ｸ ********/
/********** 譁ｰ隕冗匳骭ｲ��ｳｼ蜈･縺ｧd繝昴う繝ｳ繝域怙螟ｧ3,000繝昴う繝ｳ繝医�繝ｬ繧ｼ繝ｳ繝� **********/
#campaign-2212 .cam2212-title {
    color: #fff;
    background-color: #780023;
    padding: 8px;
}

#campaign-2212 .cam2212-bg {
    background-color: #FFE7E7;
}

#campaign-2212 .wrap-760 {
    width: 100%;
    max-width: 760px;
    margin: auto;
}

#campaign-2212 .hd-deco {
    display: flex;
    align-items: center;
    justify-content: center;
}

#campaign-2212 .hd-deco:before,
#campaign-2212 .hd-deco::after {
    content: "";
    width: 1.6em;
    height: 3px;
    background-color: #fff;
    border-radius: 2px;
}

#campaign-2212 .hd-deco:before {
    transform: rotate(60deg);
}

#campaign-2212 .hd-deco:after {
    transform: rotate(-60deg);
}

#campaign-2212 #present .text-accent {
    color: #FEF102;
}

#campaign-2212 #present .frame {
    justify-content: space-between;
    border: 4px solid;
    background-color: #fff;
    width: 100%;
    max-width: 760px;
    margin: 0 auto 20px;
}

#campaign-2212 #present .flex-left {
    display: flex;
    align-items: center;
}

#campaign-2212 #present .flex-left img {
    width: 100px;
    height: 100px;
}

#campaign-2212 #present .flex-right {
    width: 84%;
}

#campaign-2212 #present .flex-right .present-text {
    background-color: #CE0F31;
}

#campaign-2212 #present .small-margin-right {
    margin-right: 4px;
}

#campaign-2212 #step li h3 {
    color: #780023;
}

#campaign-2212 #step .dpoint-img {
    width: 90%;
    max-width: 160px;
}

#campaign-2212 #participation .text-wrap {
    width: 75%;
}

#campaign-2212 #participation .img-wrap {
    width: 12%;
}

#campaign-2212 #participation .dpoint-wrap {
    background-color: #CE0F31;
    padding: 32px;
}

#campaign-2212 #participation .dpoint-regist {
    background-color: #fff;
    padding: 16px;
}

#campaign-2212 #participation .notes1 {
    width: 100%;
    max-width: 420px;
    margin: auto;
}

#campaign-2212 #participation .flex {
    justify-content: space-between;
}

#campaign-2212 #participation .recaptcha-txt {
    text-align: center;
}

#campaign-2212 #cam-detail {
    background-color: #FFCA32;
}

#campaign-2212 #cam-detail dl dt {
    width: 196px;
    margin-right: 4px;
}

@media screen and (max-width: 720px) {
    #campaign-2212 #present .frame {
        position: relative;
        justify-content: flex-start;
    }

    #campaign-2212 #present .flex-left {
        margin-bottom: 10px;
    }

    #campaign-2212 #present .flex-left img {
        width: 82px;
        height: 82px;
    }

    #campaign-2212 #present .flex-right {
        width: 100%;
    }

    #campaign-2212 #present .terms-text {
        position: absolute;
        top: 12%;
        right: 5%;
        width: 74%;
    }

    #campaign-2212 #participation .text-wrap {
        width: 100%;
    }

    #campaign-2212 #participation .flex {
        justify-content: center;
    }

    #campaign-2212 #participation .img-wrap {
        width: 16%;
        margin: 0 16px 20px;
    }

    #campaign-2212 #participation .text-wrap {
        order: 1;
    }
}

@media screen and (max-width: 640px) {
    #campaign-2212 #cam-detail dl dt {
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 464px) {
    #campaign-2212 #present .frame {
        font-size: 0.75em;
    }

    #campaign-2212 #present .flex-left img {
        width: 56px;
        height: 56px;
    }

    #campaign-2212 #present .terms-text {
        top: 8%;
        right: 4%;
        width: 72%;
    }

    #campaign-2212 #participation h2 {
        font-size: 1.6em;
    }

    #campaign-2212 #participation h3 {
        font-size: 1.4em;
    }

    #campaign-2212 #participation .dpoint-wrap {
        padding: 16px;
    }
}

/********** end 譁ｰ隕冗匳骭ｲ��ｳｼ蜈･縺ｧd繝昴う繝ｳ繝域怙螟ｧ3,000繝昴う繝ｳ繝医�繝ｬ繧ｼ繝ｳ繝� **********/
/******** 5蜻ｨ蟷ｴ險伜ｿｵ�∬ｶ�Ρ繝�ヨ逾ｭ�� ********/
#campaign-2213 .font-accent {
    color: #FFFF00;
}

#campaign-2213 .hd-deco {
    text-align: center;
}

#campaign-2213 .hd-deco::before,
#campaign-2213 .hd-deco::after {
    background-color: #000;
}

#campaign-2213 .present-title-wrap img {
    width: 46px;
    position: absolute;
    top: 50%;
    left: calc(50% - 140px);
    z-index: 100;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#campaign-2213 .present-title-main {
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 0 30px;
    margin: 0;
    height: 50px;
    line-height: 50px;
    width: 100%;
    max-width: 800px;
}

#campaign-2213 .present-title-main::before,
#campaign-2213 .present-title-main::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    z-index: 1;
}

#campaign-2213 .present-title-main::before {
    top: 0;
    left: 0;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #FEEEF1;
    border-style: solid;
}

#campaign-2213 .present-title-main::after {
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #FEEEF1 transparent transparent;
    border-style: solid;
}

#campaign-2213 .present-title-sub-ribbon::before {
    border-color: transparent transparent transparent #EEF5FF;
}

#campaign-2213 .present-title-sub-ribbon::after {
    border-color: transparent #EEF5FF transparent transparent;
}

#campaign-2213 .band-cam2213 {
    background: url(/img/campaign/2213/band_img.png) repeat-x;
    background-size: 25px 35px;
    height: 35px;
}

#campaign-2213 .btn-cv .cls-1 {
    fill: #fff;
}

#campaign-2213 .btn-cv:hover {
    color: #e56100;
}

#campaign-2213 .btn-cv:hover .cls-1 {
    fill: #e56100;
}

#campaign-2213 .bg-main {
    background-color: #E50112;
}

#campaign-2213 .bg-sub {
    background-color: #013894;
}

#campaign-2213 .bg-present-main {
    background-color: #FEEEF1;
}

#campaign-2213 .bg-present-sub {
    background-color: #EEF5FF;
}

#campaign-2213 #about {
    background-color: #000;
}

#campaign-2213 #about h2 {
    color: #fff;
}

#campaign-2213 #about .hd-deco::before,
#campaign-2213 #about .hd-deco::after {
    background-color: #fff;
}

#campaign-2213 #about .flex {
    justify-content: space-between;
}

#campaign-2213 #about .present-wrap {
    font-size: 1.3em;
    background-color: #fff;
    border: solid 1px #E50112;
    width: 240px;
}

#campaign-2213 #about .present-wrap .present-title {
    color: #fff;
    position: relative;
    padding: 8px;
}

#campaign-2213 #about .present-wrap .present-title p {
    margin: 0 0 0 54px;
}

#campaign-2213 #about .present-wrap img {
    width: 56px;
    position: absolute;
    top: -20%;
    left: 2%;
}

#campaign-2213 #about .present-wrap .present-content {
    padding: 16px 8px;
}

#campaign-2213 #about .border-main {
    border: solid 1px #E50112;
}

#campaign-2213 #about .border-sub {
    border: solid 1px #013894;
}

#campaign-2213 #present-1 .buy-ex-list p {
    margin-right: 20px;
}

#campaign-2213 #present-3 .flex-left {
    width: 40%;
}

#campaign-2213 #present-3 .flex-right {
    width: 50%;
}

#campaign-2213 #present-4 .present-wrap {
    font-size: 1.2em;
    border: solid 1px #013894;
    background-color: #fff;
    width: 100%;
    max-width: 800px;
    margin: auto;
}

#campaign-2213 #present-4 .present-title {
    color: #fff;
    padding: 8px;
}

#campaign-2213 #present-4 .present-content {
    padding: 12px;
}

#campaign-2213 #present-4 .present-content .flex-left {
    width: 40%;
    padding: 8px;
    border: solid 1px lightgray;
}

#campaign-2213 #present-4 .present-content .flex-left img {
    max-width: 180px;
}

#campaign-2213 #present-4 .present-content .flex-center {
    font-size: 2.8em;
    width: 15%;
}

#campaign-2213 #present-4 .present-content .flex-right {
    width: 40%;
    padding: 8px;
    border: solid 1px lightgray;
}

#campaign-2213 #present-4 .present-content .flex-right img {
    max-width: 180px;
}

#campaign-2213 #present-4 .present-content .badge-accent {
    position: absolute;
    color: #fff;
    font-size: 0.8em;
    background-color: red;
    line-height: 1.1;
    border-radius: 50%;
    padding: 12px;
    top: 4%;
    left: calc(50% - 120px);
}

#campaign-2213 #present-4 .kw-wrap {
    position: relative;
    border: 4px solid #000;
    background-color: #fff;
    padding: 40px;
    margin-top: 80px;
}

#campaign-2213 #present-4 .kw-wrap h3 {
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    width: 92%;
    max-width: 380px;
    padding: 10px 0px;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#campaign-2213 #present-4 .kw-wrap .flex-left {
    width: 62%;
}

#campaign-2213 #present-4 .kw-wrap .flex-right {
    width: 30%;
}

#campaign-2213 #present-4 .kw-detail {
    font-size: 1.1em;
}

#campaign-2213 #present-4 .kw-detail a {
    color: #333;
}

#campaign-2213 #qa {
    background-color: #000;
}

#campaign-2213 #qa h2 {
    color: #fff;
    padding: 8px;
}

#campaign-2213 #qa .qa-wrap {
    width: 48%;
    background-color: #fff;
    padding: 12px;
    margin-bottom: 20px;
}

#campaign-2213 #qa .accordion-title,
#campaign-2213 #qa .accordion-content {
    position: relative;
    padding-left: 32px;
}

#campaign-2213 #qa .accordion-title::before,
#campaign-2213 #qa .accordion-content::before {
    color: #fff;
    border-radius: 50%;
    padding-left: 6px;
    margin-right: 8px;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 24px;
    height: 24px;
}

#campaign-2213 #qa .accordion-title::before {
    content: "Q";
    background-color: #E50112;
}

#campaign-2213 #qa .accordion-content {
    margin-top: 12px;
}

#campaign-2213 #qa .accordion-content::before {
    content: "A";
    background-color: #013894;
}

#campaign-2213 #qa .cam-btn {
    border: none;
}

@media screen and (max-width: 640px) {
    #campaign-2213 #about .flex {
        justify-content: space-around;
    }

    #campaign-2213 #present-1 .buy-ex-list p {
        margin-right: 0px;
        font-size: 0.8em;
    }

    #campaign-2213 #present-3 .flex-left,
    #campaign-2213 #present-3 .flex-right {
        width: 100%;
    }

    #campaign-2213 #present-3 .flex-left {
        margin-bottom: 20px;
    }

    #campaign-2213 #present-4 .present-content .flex-left,
    #campaign-2213 #present-4 .present-content .flex-right,
    #campaign-2213 #present-4 .kw-wrap .flex-left,
    #campaign-2213 #present-4 .kw-wrap .flex-right {
        width: 100%;
    }

    #campaign-2213 #present-4 .kw-wrap .flex-right {
        order: -1;
        margin-bottom: 20px;
    }

    #campaign-2213 #qa .qa-wrap {
        width: 100%;
    }

    #campaign-2213 #qa .accordion-title {
        pointer-events: all;
        padding-right: 28px;
    }

    #campaign-2213 #qa .accordion-title::after {
        content: "+";
        font-size: 1.4em;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
    }

    #campaign-2213 #qa .qa-open::after {
        content: "-";
        font-size: 1.8em;
    }

    #campaign-2213 #qa .accordion-content {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2213 .present-title-wrap img {
        left: calc(50% - 120px);
    }

    #campaign-2213 #present-4 .kw-wrap {
        padding: 40px 16px 16px;
    }

    #campaign-2213 #present-4 .kw-wrap h3,
    #campaign-2213 #present-4 .kw-wrap .flex-left-title {
        font-size: 1.2em;
    }
}

/******** end 5蜻ｨ蟷ｴ險伜ｿｵ�∬ｶ�Ρ繝�ヨ逾ｭ�� ********/
/********** cam2213_greeting(5蜻ｨ蟷ｴ繧ｰ繝ｪ繝ｼ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ)  **********/
#campaign-2213_greeting {
    /*--- 蜈ｱ騾� ---*/
}

#campaign-2213_greeting .cam2213-color-main {
    color: #53c858;
}

#campaign-2213_greeting .cam2213-greeting-hd {
    background-color: #53c858;
    color: white;
    padding: 16px;
    text-align: center;
    font-size: 1.6em;
}

#campaign-2213_greeting .cam2213-greeting-hd-sub {
    font-size: 1.3em;
}

#campaign-2213_greeting .cam2213-greeting-bg {
    background-color: #fcaf49;
    padding: 20px;
    border-radius: 21px;
}

#campaign-2213_greeting .flex-set1 {
    justify-content: space-between;
}

#campaign-2213_greeting .flex-set1 .flex-left {
    width: 42%;
}

#campaign-2213_greeting .flex-set1 .flex-right {
    width: 54%;
}

#campaign-2213_greeting .flex-set1 img {
    width: 100%;
}

#campaign-2213_greeting .cam2213-greeting-result {
    font-size: 2em;
}

#campaign-2213_greeting .cam2213-greeting-result .font-s {
    font-size: 0.6em;
    vertical-align: text-bottom;
}

#campaign-2213_greeting #cam2213-greeting-intro h1 {
    font-size: 1.8em;
}

#campaign-2213_greeting #cam2213-greeting-summary .dl-wrap {
    color: white;
}

#campaign-2213_greeting #cam2213-greeting-summary dt {
    text-align: center;
    border: solid 2px white;
    padding: 4px;
}

#campaign-2213_greeting #cam2213-greeting-summary .bg-wh .font-m {
    font-size: 1.15em;
    color: black;
}

#campaign-2213_greeting #cam2213-greeting-summary .bg-wh .font-l {
    font-size: 1.35em;
    color: #fd0001;
}

#campaign-2213_greeting #cam2213-greeting-apf .flex {
    justify-content: space-between;
}

#campaign-2213_greeting #cam2213-greeting-apf .flex-set2 .flex-left {
    width: 54%;
}

#campaign-2213_greeting #cam2213-greeting-apf .flex-set2 .flex-right {
    width: 42%;
}

#campaign-2213_greeting #cam2213-greeting-alliance .flex {
    justify-content: space-between;
}

#campaign-2213_greeting #cam2213-greeting-close .bg-wh {
    border: solid 4px #53c858;
}

#campaign-2213_greeting #cam2213-greeting-close p {
    font-size: 1.2em;
}

@media screen and (max-width: 640px) {
    #campaign-2213_greeting .cam2213-greeting-hd {
        padding: 10px;
    }

    #campaign-2213_greeting .flex-set1 .flex-left,
    #campaign-2213_greeting .flex-set1 .flex-right {
        width: 100%;
    }

    #campaign-2213_greeting .flex-set1 img {
        margin-bottom: 20px;
    }

    #campaign-2213_greeting .cam2213-greeting-hd {
        font-size: 1.2em;
    }

    #campaign-2213_greeting #cam2213-greeting-intro h1 {
        font-size: 1.4em;
    }

    #campaign-2213_greeting #cam2213-greeting-apf .flex-set2 {
        flex-direction: column-reverse;
    }

    #campaign-2213_greeting #cam2213-greeting-apf .flex-set2 .flex-left,
    #campaign-2213_greeting #cam2213-greeting-apf .flex-set2 .flex-right {
        width: 100%;
    }

    #campaign-2213_greeting #cam2213-greeting-apf .flex-set2 img {
        margin-bottom: 20px;
    }

    #campaign-2213_greeting #cam2213-greeting-close h2 {
        font-size: 1.2em;
    }
}

/******** end cam2213_greeting(5蜻ｨ蟷ｴ繧ｰ繝ｪ繝ｼ繝�ぅ繝ｳ繧ｰ繝壹�繧ｸ) ********/
/****** cam2201 ******/
#campaign-2201 {
    /*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ***/
}

#campaign-2201 .font-red {
    color: #c30e23;
}

#campaign-2201 .bg-gold {
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
}

#campaign-2201 .line-checkered {
    background: url(/img/campaign/2101/line.png);
    background-repeat: repeat-x;
    position: absolute;
    width: 100%;
    height: 21px;
    left: 0;
    bottom: 0;
}

#campaign-2201 .padding-80 {
    padding: 80px 0px;
}

#campaign-2201 #mv {
    background: url(/img/campaign/2201/main_img.jpg) center top no-repeat;
    background-size: cover;
    position: relative;
}

#campaign-2201 #mv::before {
    content: "";
    background: url(/img/campaign/2101/cloud_a_l.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 128px;
    height: 100%;
    top: 30px;
    left: 0;
}

#campaign-2201 #mv::after {
    content: "";
    background: url(/img/campaign/2101/cloud_a_r.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 200px;
    height: 100%;
    top: 80px;
    right: 0;
}

#campaign-2201 #mv .container #mv-ttl {
    max-width: 680px;
    width: 100%;
    padding-bottom: 110px;
    position: relative;
    left: 20px;
}

#campaign-2201 #benefits {
    background: url(/img/campaign/2201/bk_tiger2.png), #C30E23;
    background-repeat: repeat;
    background-size: 350px;
    position: relative;
    width: 100%;
}

#campaign-2201 #benefits .container {
    overflow: visible;
}

#campaign-2201 #benefits .flex {
    justify-content: space-between;
    width: 100%;
}

#campaign-2201 #benefits .bene-img {
    width: 25%;
    position: relative;
    margin: -100px auto 30px;
}

#campaign-2201 #benefits #bnr-top {
    align-items: flex-end;
    justify-content: flex-end;
    display: flex;
}

#campaign-2201 #benefits #bnr-top img {
    width: 93%;
    border: 1px solid #fff;
}

#campaign-2201 #period-display {
    background: black;
    padding: 8px 0px;
}

#campaign-2201 #period-display h2 {
    line-height: 1.6;
}

#campaign-2201 #period-display .day-of-week {
    background: white;
    border-radius: 50%;
    color: black;
    width: 1.6em;
    height: 1.6em;
    display: inline-block;
    line-height: 1.6em;
    font-size: 0.8em;
    letter-spacing: -0.01em;
}

#campaign-2201 #intro {
    background: url(/img/campaign/2101/bk_tech_2.png), linear-gradient(to right, #fac959 0%, #efad37 100%);
    background-repeat: repeat;
    position: relative;
}

#campaign-2201 #intro #cam-end {
    font-size: 1.2em;
}

#campaign-2201 #intro::before {
    content: "";
    background: url(/img/campaign/2101/cloud_b_l.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 304px;
    height: 100%;
    top: 88px;
    left: 0;
}

#campaign-2201 #intro::after {
    content: "";
    background: url(/img/campaign/2101/cloud_b_r.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 232px;
    height: 100%;
    top: 168px;
    right: 0;
}

#campaign-2201 #intro .container {
    position: relative;
    z-index: 2;
}

#campaign-2201 #intro .breadcrumb {
    color: #000;
}

#campaign-2201 #intro .breadcrumb a {
    color: #000;
}

#campaign-2201 #intro .breadcrumb img {
    display: none;
}

#campaign-2201 #intro .greeting-img {
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
}

#campaign-2201 #intro .greeting-ttl,
#campaign-2201 #intro .greeting-sentence {
    text-align: center;
}

#campaign-2201 #intro .greeting-ttl {
    font-size: 1.7em;
    color: #000;
}

#campaign-2201 #intro .greeting-sentence {
    max-width: 80%;
    margin: 0 auto;
    line-height: 1.8;
    color: #000;
}

#campaign-2201 #ny-card {
    background: url(/img/campaign/2201/bk_tiger1.png), #231815;
    background-repeat: repeat;
    background-size: 350px;
    position: relative;
}

#campaign-2201 #ny-card .frame-wrap {
    padding: 3px;
}

#campaign-2201 #ny-card .frame-inner {
    border: solid 5px #231815;
    padding: 1px;
}

#campaign-2201 #ny-card .frame-ttl {
    background-color: #231815;
    color: #edc107;
    text-align: center;
    font-size: 2em;
    padding: 20px 20px 16px;
}

#campaign-2201 #ny-card .lead {
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    margin: 30px 0;
}

#campaign-2201 #ny-card .question-img {
    max-width: 740px;
    margin: 0 auto;
}

#campaign-2201 #ny-card .open-answer {
    max-width: 456px;
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
    padding: 12px 12px 10px;
    background-color: #c30e23;
    border-radius: 50px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
}

#campaign-2201 #ny-card #answer {
    max-width: 740px;
    margin: 0 auto;
}

#campaign-2201 #ny-card #answer .a-img {
    width: 100%;
}

#campaign-2201 #ny-card #answer ol {
    color: #fff;
    margin: 30px 0;
    line-height: 1.8;
}

#campaign-2201 #ny-card .bg-w {
    max-width: 740px;
    width: 100%;
    margin: 0 auto 20px;
    background: linear-gradient(to right, #e1b552 25%, #fbf193 56%, #d49832 77%, #d08f29 100%);
    padding: 30px 30px 28px;
    padding: 16px 0px;
    text-align: center;
    font-size: 1.4em;
}

#campaign-2201 #bene-detail {
    background: url(/img/campaign/2201/bk_tiger2.png), #c40b00;
    background-size: 350px;
    position: relative;
}

#campaign-2201 #bene-detail .bg-line {
    background: url(/img/campaign/2101/line.png);
    background-repeat: repeat-x;
    position: absolute;
    width: 100%;
    height: 21px;
    top: 0;
    left: 0;
    z-index: 1;
}

#campaign-2201 #bene-detail .container {
    overflow: initial;
}

#campaign-2201 #bene-detail .frame-wrap {
    border: solid 3px #231815;
    padding: 5px;
}

#campaign-2201 #bene-detail .frame-ttl {
    border: solid 1px #231815;
    padding: 20px 20px 16px;
    color: #231815;
    font-size: 2em;
    text-align: center;
}

#campaign-2201 #bene-detail .bene-inner {
    padding: 6px;
    margin-top: 80px;
    position: relative;
}

#campaign-2201 #bene-detail .bene-inner .cam-inactive {
    display: none;
    position: absolute;
    max-width: calc(100% - 20px);
    width: 100%;
    height: calc(100% - 20px);
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 10;
}

#campaign-2201 #bene-detail .bene-inner .cam-inactive .inactive-txt {
    position: absolute;
    height: 4em;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

#campaign-2201 #bene-detail .bene-inner .cam-inactive h3,
#campaign-2201 #bene-detail .bene-inner .cam-inactive p {
    text-align: center;
    color: #fff;
}

#campaign-2201 #bene-detail .bene-inner .flex {
    background-color: #fff;
    padding: 30px 30px 35px;
    justify-content: space-between;
}

#campaign-2201 #bene-detail .bene-img {
    max-width: 40%;
    position: relative;
}

#campaign-2201 #bene-detail .bene-img::before {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    top: -25%;
    left: -16%;
}

#campaign-2201 #bene-detail .bene-img1::before {
    background: url(/img/campaign/2101/tokuten_icon_1.png) no-repeat;
    background-size: contain;
}

#campaign-2201 #bene-detail .bene-img2::before {
    background: url(/img/campaign/2101/tokuten_icon_2.png) no-repeat;
    background-size: contain;
}

#campaign-2201 #bene-detail .bene-img3::before {
    background: url(/img/campaign/2101/tokuten_icon_3.png) no-repeat;
    background-size: contain;
}

#campaign-2201 #bene-detail .bene-txt {
    max-width: 55%;
}

#campaign-2201 #bene-detail .bene-txt h3 {
    color: black;
    font-size: 2em;
    text-shadow: 2px 2px 2px #E2C77D, -2px -2px 2px #E2C77D, -2px 2px 2px #E2C77D, 2px -2px 2px #E2C77D, 2px 0px 2px #E2C77D, -2px 0px 2px #E2C77D, 0px 2px 2px #E2C77D, 0px -2px 2px #E2C77D;
}

#campaign-2201 #bene-detail .bene-txt1 h2,
#campaign-2201 #bene-detail .bene-txt2 h2 {
    max-width: 122px;
}

#campaign-2201 #bene-detail .bene-txt3 h2 {
    max-width: 400px;
}

#campaign-2201 #bene-detail .period {
    background-color: #c30e23;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 10px 6px;
}

#campaign-2201 #bene-detail #entry {
    margin: 40px 0;
    position: relative;
}

#campaign-2201 #bene-detail #entry::before {
    content: "";
    background: url(/img/campaign/2101/flower_l.png) no-repeat;
    background-size: contain;
    width: 210px;
    height: 162px;
    position: absolute;
    top: 20px;
    bottom: 0;
    margin: auto;
    left: -45px;
}

#campaign-2201 #bene-detail #entry::after {
    content: "";
    background: url(/img/campaign/2101/flower_r.png) no-repeat;
    background-size: contain;
    width: 197px;
    height: 160px;
    position: absolute;
    top: 20px;
    bottom: 0;
    margin: auto;
    right: -25px;
}

#campaign-2201 #bene-detail #entry .entry-hd {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    color: #000;
}

#campaign-2201 #bene-detail #entry .entry-hd::before,
#campaign-2201 #bene-detail #entry .entry-hd::after {
    content: "";
    background-color: #000;
    width: 30px;
    height: 4px;
    border-radius: 2px;
}

#campaign-2201 #bene-detail #entry .entry-hd::before {
    transform: rotate(60deg);
}

#campaign-2201 #bene-detail #entry .entry-hd::after {
    transform: rotate(-60deg);
}

#campaign-2201 #bene-detail #entry .entry-hd-none {
    color: #000;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 8px;
}

#campaign-2201 #bene-detail #entry .btn-frame {
    display: block;
    max-width: 456px;
    width: 100%;
    margin: 0 auto;
    padding: 3px;
    text-align: center;
    color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    border-radius: 50px;
    position: relative;
}

#campaign-2201 #bene-detail #entry .btn-frame::after {
    content: "";
    background: url(/img/campaign/2101/arrow_r.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 17px;
    height: 17px;
}

#campaign-2201 #bene-detail #entry .btn-inner {
    background-color: #231815;
    border-radius: 50px;
    font-size: 1.6em;
    font-weight: bold;
    padding: 10px 10px 6px;
}

#campaign-2201 #bene-detail .closing h2 {
    color: #fff;
    text-align: center;
    text-shadow: 0 0 3px rgba(51, 31, 31, 0.75);
    margin-top: 80px;
}

#campaign-2201 #solmina {
    background-color: #1d3075;
    color: #fff;
    width: 100%;
}

#campaign-2201 #solmina .notice-change {
    font-size: 0.8em;
    width: 200px;
    margin: auto;
    background: #fff;
    color: #232323;
    padding: 4px 0px;
}

#campaign-2201 #solmina a {
    position: relative;
    font-size: 1.2em;
}

#campaign-2201 #solmina a .move-solmina {
    font-size: 0.6em;
}

#campaign-2201 #solmina a span {
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    right: 8%;
    top: 50%;
}

#campaign-2201 #solmina h3 {
    font-size: 1.2em;
}

#campaign-2201 #solmina .btn-solmina {
    color: #1d3075;
    background-color: #fff;
}

#campaign-2201 #cam-detail {
    background: url(/img/campaign/2101/bk_tech_2.png), linear-gradient(to right, #fac959 0%, #efad37 100%);
    position: relative;
}

#campaign-2201 #cam-detail .only2101 {
    padding-left: 5.2em;
}

@media screen and (max-width: 1200px) {
    #campaign-2201 #intro::before {
        width: 254px;
    }

    #campaign-2201 #intro::after {
        width: 182px;
    }

    #campaign-2201 #bene-detail #entry::before {
        width: 180px;
        height: 139px;
        left: 0;
        bottom: -90px;
    }

    #campaign-2201 #bene-detail #entry::after {
        width: 167px;
        height: 136px;
        right: 0;
        bottom: -85px;
    }
}

@media screen and (max-width: 1024px) {
    #campaign-2201 #mv .container #mv-ttl {
        max-width: 600px;
    }
}

@media screen and (max-width: 960px) {
    #campaign-2201 #mv::before {
        width: 108px;
    }

    #campaign-2201 #mv::after {
        width: 180px;
    }

    #campaign-2201 #intro::before {
        top: 45px;
    }

    #campaign-2201 #intro::after {
        top: 230px;
    }
}

@media screen and (max-width: 840px) {
    #campaign-2201 #mv .container #mv-ttl {
        max-width: 480px;
    }

    #campaign-2201 #benefits .flex {
        max-width: 600px;
        margin: 0 auto;
    }

    #campaign-2201 #benefits .bene-img {
        width: 50% !important;
        margin: 0 auto 20px;
    }

    #campaign-2201 #bene-detail .bene-inner .flex {
        position: relative;
        padding-bottom: 80px;
    }

    #campaign-2201 #bene-detail .bene-inner .flex .period-warp {
        position: absolute;
        width: calc(100% - 60px);
        left: 0;
        right: 0;
        margin: auto;
    }

    #campaign-2201 #bene-detail .bene-inner .flex .period-warp .notes {
        margin-top: 4px;
        font-size: 0.8em;
    }

    #campaign-2201 #bene-detail .bene-inner .flex .period1 {
        margin-top: 20px;
    }

    #campaign-2201 #bene-detail .bene-inner .bene1 {
        padding-bottom: 115px;
    }

    #campaign-2201 #bene-detail .bene-img {
        max-width: 43%;
    }

    #campaign-2201 #bene-detail #entry::before,
    #campaign-2201 #bene-detail #entry::after {
        width: 130px;
    }

    #campaign-2201 #bene-detail .closing h2 {
        margin-top: 40px;
    }
}

@media screen and (max-width: 768px) {

    #campaign-2201 #mv::before,
    #campaign-2201 #mv::after {
        display: none;
    }

    #campaign-2201 #intro::before,
    #campaign-2201 #intro::after {
        display: none;
    }

    #campaign-2201 #intro .greeting-sentence {
        max-width: 100%;
    }

    #campaign-2201 #bene-detail .bene-inner .flex {
        position: initial;
        padding-bottom: 30px;
    }

    #campaign-2201 #bene-detail .bene-inner .flex .period-warp {
        position: initial;
        width: 100%;
    }

    #campaign-2201 #bene-detail .bene-inner .bene1 {
        padding-bottom: 30px;
    }

    #campaign-2201 #bene-detail .bene-txt {
        max-width: 100%;
    }

    #campaign-2201 #bene-detail .bene-txt h3 {
        font-size: 1.5em;
    }

    #campaign-2201 #bene-detail .bene-img {
        margin: 0 auto 20px;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    #campaign-2201 #bene-detail .bene-img::before {
        width: 185px;
        height: 185px;
        top: -80px;
        left: -35px;
    }

    #campaign-2201 #bene-detail .bene-img img {
        max-width: 400px;
        width: 100%;
    }

    #campaign-2201 #bene-detail #entry {
        margin: 30px 0;
    }

    #campaign-2201 #bene-detail #entry::before {
        bottom: -110px;
    }

    #campaign-2201 #bene-detail #entry::after {
        bottom: -100px;
    }

    #campaign-2201 #bene-detail #entry .entry-hd {
        font-size: 1.2em;
    }

    #campaign-2201 #bene-detail #entry .entry-hd::before,
    #campaign-2201 #bene-detail #entry .entry-hd::after {
        height: 2px;
    }

    #campaign-2201 #bene-detail #entry .btn-frame {
        max-width: 400px;
    }

    #campaign-2201 #bene-detail #entry .btn-inner {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 639px) {
    #campaign-2201 #mv {
        background: none;
        height: auto;
    }

    #campaign-2201 #mv .container {
        display: none;
    }

    #campaign-2201 #intro .greeting-img {
        max-width: 200px;
    }

    #campaign-2201 #intro .greeting-ttl br {
        display: none;
    }

    #campaign-2201 #intro .greeting-sentence {
        text-align: left;
    }

    #campaign-2201 #ny-card .frame-ttl {
        font-size: 1.5em;
    }

    #campaign-2201 #solmina .text-solmina {
        text-align: left;
    }

    #campaign-2201 #bene-detail .frame-ttl {
        font-size: 1.5em;
    }

    #campaign-2201 #bene-detail .bene-img::before {
        width: 160px;
        height: 160px;
        top: -60px;
    }

    #campaign-2201 #bene-detail #entry::before,
    #campaign-2201 #bene-detail #entry::after {
        width: 90px;
        height: 69px;
    }

    #campaign-2201 #bene-detail #entry .entry-hd-none {
        padding: 0 10px;
    }

    #campaign-2201 #bene-detail .closing {
        padding: 0 10px;
    }
}

@media screen and (max-width: 520px) {
    #campaign-2201 #intro .greeting-img {
        max-width: 100%;
    }

    #campaign-2201 #intro .greeting-ttl {
        font-size: 1.3em;
    }

    #campaign-2201 #bene-detail .bene-inner .flex,
    #campaign-2201 #bene-detail .bene-inner .bene1 {
        padding: 20px;
    }

    #campaign-2201 #bene-detail #entry {
        margin: 16px 0 10px;
    }

    #campaign-2201 #bene-detail #entry::before,
    #campaign-2201 #bene-detail #entry::after {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    #campaign-2201 h2 {
        font-size: 1.7em;
    }

    #campaign-2201 .padding-80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #campaign-2201 #mv .container #mv-ttl {
        left: 0;
        right: 0;
        margin: auto;
    }

    #campaign-2201 #benefits .flex {
        max-width: 280px;
        padding-right: 10px;
    }

    #campaign-2201 #benefits .bene-img {
        width: 100% !important;
    }

    #campaign-2201 #ny-card .frame-ttl {
        padding: 20px 10px 16px;
    }

    #campaign-2201 #bene-detail .frame-ttl {
        padding: 20px 10px 16px;
    }

    #campaign-2201 #bene-detail .bene-inner {
        margin-top: 40px;
    }

    #campaign-2201 #bene-detail .bene-img::before {
        width: 120px;
        height: 120px;
        top: -50px;
    }

    #campaign-2201 #bene-detail .period {
        font-size: 1em;
    }

    #campaign-2201 #bene-detail .period span {
        display: block;
    }

    #campaign-2201 #bene-detail #entry .btn-frame {
        max-width: 100%;
    }

    #campaign-2201 #bene-detail #entry .btn-frame::after {
        right: 8px;
    }

    #campaign-2201 #bene-detail #entry .btn-inner {
        font-size: 1.3em;
    }

    #campaign-2201 #bene-detail #entry .entry-hd-none {
        text-align: left;
    }

    #campaign-2201 #bene-detail .closing h2 {
        margin-top: 20px;
    }
}

@media screen and (max-width: 375px) {

    #campaign-2201 #bene-detail .bene-inner .flex,
    #campaign-2201 #bene-detail .bene-inner .bene1 {
        padding: 10px;
    }

    #campaign-2201 #bene-detail .bene-img::before {
        width: 86px;
        height: 86px;
        top: -40px;
        left: -26px;
    }

    #campaign-2201 #bene-detail #entry .btn-inner {
        font-size: 1.1em;
    }
}

/****** end cam2201 ******/
/*
  *
  * voucher
  *
  */
/******** 逋ｻ骭ｲ螳御ｺ� ********/
@keyframes pop {
    0% {
        transform: scale(1, 1) translate(0%, 0%);
    }

    10% {
        transform: scale(0.9, 0.9) translate(0%, 5%);
    }

    20% {
        transform: scale(1.1, 0.8) translate(0%, 10%);
    }

    30% {
        transform: scale(0.8, 1.1) translate(0%, -10%);
    }

    40% {
        transform: scale(1.1, 0.9) translate(0%, 5%);
    }

    60% {
        transform: scale(1, 1) translate(0%, 0%);
    }
}

@keyframes open {
    0% {
        opacity: 1;
    }

    30% {
        transform: translateX(0);
        opacity: 1;
    }

    33%,
    43%,
    49%,
    55%,
    61%,
    67% {
        transform: translateX(4%);
        opacity: 1;
    }

    38%,
    46%,
    52%,
    58%,
    64%,
    70% {
        transform: translateX(-4%);
        opacity: 1;
    }

    71% {
        background: url(/img/common/present2.png) center top no-repeat;
        background-size: contain;
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        background: url(/img/common/present_open.png) center top no-repeat;
        background-size: contain;
    }
}

@keyframes get {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: rotate(0);
    }
}

#registration-thanks .vouchers-pop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    width: 200px;
}

#registration-thanks .vouchers-pop a {
    position: relative;
    display: block;
}

#registration-thanks .vouchers-pop #pop {
    animation: pop 3s linear 1s infinite;
}

#registration-thanks .vouchers-pop #get-text {
    background-color: #ffffff;
    border-radius: 15px;
    color: #d87285;
    font-weight: bold;
    border: 2px solid #d87285;
    font-size: 14px;
    width: 90%;
    text-align: center;
    position: absolute;
    bottom: 0;
    margin: 0 5% 10px;
}

#registration-thanks #get-voucher .btn-red {
    border: 1px solid #ef3d27;
    color: #ef3d27;
    background-color: #ffffff;
}

#registration-thanks #get-voucher .confirm-wrap {
    width: 400px;
    height: 300px;
    padding: 10px;
    background: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
}

#registration-thanks #get-voucher #open-img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url(/img/common/present2.png) center top no-repeat;
    background-size: contain;
    animation: open 4s ease-out 1;
    animation-fill-mode: forwards;
}

#registration-thanks #get-voucher #wat-fix {
    opacity: 0;
    animation: get 0.5s ease-out 5s 1;
    animation-fill-mode: forwards;
    background: linear-gradient(#ef3d27, #9a1100);
    color: #ffffff;
    font-weight: bold;
    padding-top: 2em;
    position: absolute;
    top: 20%;
    left: 60%;
    width: 60px;
    height: 30px;
    transform: rotate(-25deg);
    margin: 0;
    overflow: hidden;
}

#registration-thanks #get-voucher #wat-fix img {
    width: 80%;
}

/******** 雉ｼ蜈･邉ｻ繧ｯ繝ｼ繝昴Φ隱伜ｰ� ********/
@keyframes boundVoucher {
    0% {
        transform: translateY(0);
    }

    5% {
        transform: translateY(0);
    }

    10% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(-8px);
    }

    25% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-3px);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(0);
    }
}

.voucher-guide {
    position: relative;
    max-width: 200px;
    width: 60%;
    background-color: #ffffff;
    /*background: linear-gradient(to bottom right, $voucher-base,$voucher-grd, $voucher-base);*/
    font-weight: bold;
    font-size: 0.8em;
    color: #ef3d27;
    padding: 10px 5px;
    animation: boundVoucher 4s infinite;
    border: 1px solid #ef3d27;
    border-radius: 15px;
    position: relative;
    margin: 0 auto;
}

.voucher-guide img {
    height: 1em;
    vertical-align: middle;
}

.voucher-guide::before {
    content: "";
    position: absolute;
}

.balloon-btm::before {
    border: 10px solid transparent;
    border-bottom-color: #ef3d27;
    top: -20px;
    left: calc(50% - 10px);
}

.balloon-top::before {
    border: 10px solid transparent;
    border-top-color: #ef3d27;
    bottom: -20px;
    left: calc(50% - 10px);
}

.voucher-tip {
    position: absolute;
    top: 2.5em;
    left: 0;
    width: 150px;
    background-color: #ffffff;
    border: 1px solid #ef3d27;
    border-radius: 15px;
    padding: 2px;
    animation: boundVoucher 4s infinite;
    font-size: 0.8em;
    z-index: 99;
}

.voucher-tip::before {
    content: "";
    border: 10px solid transparent;
    border-bottom-color: #ef3d27;
    position: absolute;
    top: -20px;
    left: 20px;
}

.voucher-tip::after {
    content: attr(voucher-tip);
    display: block;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    color: #ef3d27;
}

.step-label {
    background-color: #ffffff;
    color: #ef3d27;
    padding: 1px 3px;
}

/******** 繝槭う繝壹�繧ｸ ********/
#myvoucher {
    width: 230px;
    position: fixed;
    right: 0;
    bottom: 0px;
    z-index: 999;
}

#myvoucher a {
    display: block;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

#myvoucher a:hover {
    opacity: 0.8;
}

#myvoucher img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

#myvoucher .expire-date {
    width: 100%;
    /*background: linear-gradient(45deg, $voucher-base, $voucher-grd);*/
    background-color: #1c3267;
    color: #ffffff;
    font-size: 0.8em;
    padding: 2px 5px;
    margin: 0;
}

#myvoucher #bn-close {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
    background-color: #000;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: -10px;
    right: 13px;
    cursor: pointer;
}

#voucher-guide .voucher-tip {
    top: 3.5em;
}

@media screen and (max-width: 640px) {
    #myvoucher {
        max-width: 155px;
        padding: 5px 0;
    }

    #myvoucher a {
        padding: 0;
    }

    #myvoucher #voucher-wrap {
        padding: 5px;
    }

    #myvoucher #voucher-wrap .sp-none {
        display: none;
    }

    #myvoucher img {
        display: inline-block;
        vertical-align: text-top;
    }

    #myvoucher .expire-date {
        font-size: 0.7em;
    }
}

/******** 險ｭ蛯吩ｸ€隕ｧ ********/
#equipment-index .voucher-guide {
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 1em;
    color: #ef2208;
    background-color: #ffdada;
    padding: 10px 5px;
    border: none;
    animation: none;
    animation: blink 5s ease infinite normal;
    border-radius: 0;
}

#equipment-index .voucher-guide br {
    display: none;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

#equipment-index .voucher-guide img {
    height: 1em;
    vertical-align: middle;
}

@media screen and (max-width: 640px) {
    #equipment-index .voucher-guide {
        font-size: 0.8em;
    }

    #equipment-index .voucher-guide br {
        display: block;
    }
}

/******** 雉ｼ蜈･蜈･蜉� ********/
#buy-index .voucher-guide {
    display: none;
    width: 50%;
}

#buy-index #button-voucher {
    background-color: #ef3d27;
    position: relative;
    color: #ffffff;
    border-radius: 5px;
    padding: 5px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.3em;
}

#buy-index #button-voucher img {
    height: 1em;
}

#buy-index #voucher-unuse {
    color: #ef3d27;
    font-size: 0.8em;
}

#buy-index #campaign span {
    font-size: 0.6em;
    font-weight: bold;
    display: inline-block;
    color: #ef3d27;
    background-color: #ffffff;
    border: 1px solid #ef3d27;
    padding: 5px;
    position: relative;
    width: 245px;
    text-align: center;
}

#buy-index #campaign img {
    width: 2em;
}

/******** 雉ｼ蜈･謾ｯ謇輔＞ ********/
#buy-payment #pay-voucher {
    position: relative;
    padding-top: 20px;
}

#buy-payment .voucher-tip {
    position: absolute;
    top: -30px;
    left: 0x;
    width: 200px;
    background-color: #ffffff;
    border: 1px solid #ef3d27;
    animation: boundVoucher 4s infinite;
    font-size: 0.8em;
}

#buy-payment .voucher-tip::before {
    border-bottom-color: transparent;
    border-top-color: #ef3d27;
    top: auto;
    left: 20px;
    bottom: -20px;
}

#buy-payment .voucher-guide {
    margin: 0 auto 0 52%;
    width: 50%;
}

#buy-confirm .voucher-tip {
    position: static;
    background-color: #ffffff;
    border: 1px solid #ef3d27;
    animation: boundVoucher 4s infinite;
    font-size: 0.7em;
    width: 300px;
    margin: 0 auto 30px;
}

#buy-confirm .voucher-tip::before {
    border-bottom-color: transparent;
    border-top-color: #ef3d27;
    top: auto;
    bottom: -20px;
    left: 50px;
}

#buy-confirm .voucher-guide {
    margin: 0 auto 15px 52%;
    display: none;
    width: 50%;
}

/*
  *
  * 邂｡逅�判髱｢
  *
  */
#admin-broadcast-index {
    font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "貂ｸ繧ｴ繧ｷ繝�け菴�", "YuGothic", "繝｡繧､繝ｪ繧ｪ", "Meiryo", "verdana", sans-serif;
    background-color: #04f6dd;
    /*** 繝ｭ繧ｰ ***/
}

#admin-broadcast-index h1,
#admin-broadcast-index h2,
#admin-broadcast-index h3 {
    color: #333333;
    font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "貂ｸ繧ｴ繧ｷ繝�け菴�", "YuGothic", "繝｡繧､繝ｪ繧ｪ", "Meiryo", "verdana", sans-serif;
}

#admin-broadcast-index h2 {
    margin-bottom: 10px;
    text-align: center;
}

#admin-broadcast-index #main {
    padding: 10px;
    color: #333333;
    margin: 0;
}

#admin-broadcast-index .last-updated {
    margin-bottom: 10px;
    color: #333333;
}

#admin-broadcast-index .wrap {
    font-size: 1vw;
    margin-bottom: 5px;
}

#admin-broadcast-index .wrap dl.flex {
    margin: 0;
    justify-content: space-between;
}

#admin-broadcast-index .wrap dt {
    width: 6em;
    font-size: 1.5em;
    text-align: center;
    background-color: #20262d;
    color: #04f6dd;
    display: flex;
    align-items: center;
    justify-content: center;
}

#admin-broadcast-index .wrap dd {
    width: calc(100% - 9em - 5px);
    justify-content: space-between;
}

#admin-broadcast-index .bc-card {
    width: calc(25% - 2.5px);
    background-color: #1c1c1c;
    padding: 0;
}

#admin-broadcast-index .bc-card h3 {
    font-size: 1.2em;
    padding: 8px 16px;
    margin: 0;
    background-color: #20262d;
    color: #04f6dd;
    text-align: left;
}

#admin-broadcast-index .bc-content-text {
    margin: 0;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 16px;
    font-size: 4em;
    line-height: 1;
}

#admin-broadcast-index #log {
    font-size: 0.8em;
}

#admin-broadcast-index #log .log-hd {
    background-color: #20262d;
    color: #04f6dd;
    padding: 8px;
}

#admin-broadcast-index #log #log-list {
    padding: 16px 8px;
    list-style: none;
    line-height: 1;
    height: 10em;
    overflow: scroll;
    background-color: #1c1c1c;
    color: #ffffff;
}

@media screen and (max-width: 640px) {
    #admin-broadcast-index .last-updated {
        font-size: 0.8em;
    }

    #admin-broadcast-index .wrap {
        margin-bottom: 10px;
        font-size: 1.2vw;
    }

    #admin-broadcast-index .wrap dt {
        width: 100%;
        margin-bottom: 5px;
        padding: 8px;
    }

    #admin-broadcast-index .wrap dd {
        width: 100%;
    }

    #admin-broadcast-index .bc-card,
    #admin-broadcast-index .bc-card.user {
        width: calc(50% - 2.5px);
    }

    #admin-broadcast-index .bc-card:nth-child(even),
    #admin-broadcast-index .bc-card.user:nth-child(even) {
        margin-right: 0;
    }

    #admin-broadcast-index .bc-card:nth-child(-n+2),
    #admin-broadcast-index .bc-card.user:nth-child(-n+2) {
        margin-bottom: 5px;
    }
}

/*
  *
  *docs-watplus
  *
  */
#docs-watplus #watplus-01 .frame-wrap {
    position: relative;
    width: 32%;
    border: solid 3px #53c858;
    background-color: white;
}

#docs-watplus #watplus-01 .frame-wrap .point-hd {
    position: absolute;
    background-color: #53c858;
    color: white;
    width: 6em;
    text-align: center;
    top: -1em;
    left: 0;
    right: 0;
    margin: auto;
}

#docs-watplus #watplus-01 .text-wrap {
    padding-top: 1.5em;
}

#docs-watplus #watplus-01 .notes2 {
    padding-left: 8em;
}

#docs-watplus #watplus-02 h3 {
    display: inline-block;
    border: solid 1px #333333;
    background-color: white;
    padding: 10px;
}

#docs-watplus #watplus-02 .img-wrap {
    box-shadow: 0 0 3px #998b7e;
    margin: 3px;
    border-radius: 22px;
    padding: 40px;
}

#docs-watplus #watplus-02 .text-wrap {
    padding: 0 40px;
}

#docs-watplus #watplus-03 .mv-img {
    position: relative;
}

#docs-watplus #watplus-03 .mv-img img {
    border: 1px solid #dddddd;
}

#docs-watplus #watplus-03 .mv-wrap {
    position: relative;
    padding-bottom: 56%;
    width: 100%;
    height: 0;
    border: 1px solid #dddddd;
}

#docs-watplus #watplus-03 .mv-wrap .uk-close {
    color: #ffffff;
    background-color: #000;
    border-radius: 50%;
    border: 1px solid #ffffff;
    top: -30px;
    right: -15px;
}

#docs-watplus #watplus-03 .mv-wrap.uk-modal-dialog {
    width: 100%;
}

#docs-watplus #watplus-03 .mv-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#docs-watplus #watplus-04 .qa-wrap {
    width: 48%;
    margin-top: 4%;
}

#docs-watplus #watplus-04 h3 {
    position: relative;
    padding-left: 48px;
}

#docs-watplus #watplus-04 h3::before {
    content: "";
    position: absolute;
    background: url(/img/docs/watplus/icon_q.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width: 640px) {
    #docs-watplus #watplus-01 .frame-wrap {
        width: 100%;
    }

    #docs-watplus #watplus-01 .notes2 {
        padding-left: 0;
        padding-top: 1.8em;
        margin-top: 1em;
    }

    #docs-watplus #watplus-02 h3 {
        font-size: 1em;
    }

    #docs-watplus #watplus-02 .img-wrap {
        padding: 10px;
    }

    #docs-watplus #watplus-02 .text-wrap {
        padding: 0;
    }

    #docs-watplus #watplus-03 .padding-s {
        padding: 0;
    }

    #docs-watplus #watplus-04 .qa-wrap {
        width: 100%;
    }

    #docs-watplus #watplus-04 h3 {
        padding-left: 38px;
        font-size: 1.1em;
    }

    #docs-watplus #watplus-04 h3::before {
        width: 30px;
        height: 30px;
        bottom: auto;
    }
}

@media screen and (max-width: 420px) {
    #docs-watplus .docs-wrap h2 {
        font-size: 6vw;
    }
}

/*
  *
  *荳ｭ蜿､螟ｪ髯ｽ蜈芽ｲｷ蜿悶�繝ｼ繧ｸ
  *
  */
#docs-secondary {
    color: #333333;
    /*---------- 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ---------*/
    /*---------- end繝ｬ繧ｹ繝昴Φ繧ｷ繝� ---------*/
}

#docs-secondary .color-blue {
    color: #0055b2;
}

#docs-secondary .color-og {
    color: #ffae00;
}

#docs-secondary h1 {
    font-size: 3.5em;
    color: #333333;
}

#docs-secondary h2 {
    font-size: 2em;
}

#docs-secondary h3 {
    font-size: 1.5em;
}

#docs-secondary .flex {
    justify-content: space-between;
    flex-wrap: wrap;
}

#docs-secondary .top80 {
    margin-top: 80px;
}

#docs-secondary .bottom80 {
    margin-bottom: 80px;
}

#docs-secondary #contact,
#docs-secondary #content,
#docs-secondary #sh-flow {
    margin-top: 80px;
}

#docs-secondary #mv {
    background: url(/img/docs/secondary/bg-mv.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
    z-index: -1;
}

#docs-secondary #mv::after {
    content: "";
    background: linear-gradient(to bottom, rgba(158, 205, 248, 0.5), rgba(158, 205, 248, 0.25), rgba(158, 205, 248, 0));
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}

#docs-secondary #mv .container {
    position: relative;
}

#docs-secondary #mv .mv-ttl {
    max-width: 860px;
    padding: 80px 0 120px;
}

#docs-secondary #mv .mv-ttl .ttl-sp {
    display: none;
}

#docs-secondary #mv .mv-img {
    position: absolute;
    max-width: 390px;
    bottom: -5.5px;
    right: 0;
}

#docs-secondary #contact {
    text-align: center;
}

#docs-secondary #contact a {
    box-shadow: 1px 1px 4px #999999;
}

#docs-secondary #contact a img {
    width: 32px;
}

#docs-secondary #contact a.btn-l {
    max-width: 420px;
    border-radius: 15px;
    padding-left: 1.3em;
}

#docs-secondary #contact a.btn-l.font-l {
    font-size: 1.8em;
}

#docs-secondary #contact a span {
    height: 1em;
    top: -0.1em;
    bottom: 0;
    margin: auto;
}

#docs-secondary #contact a span svg {
    width: 1em;
}

#docs-secondary #content h1 {
    text-align: center;
}

#docs-secondary #content .content-user {
    background-color: #0055b2;
}

#docs-secondary #content .content-user .container {
    padding-bottom: 60px;
    overflow: initial;
    position: relative;
}

#docs-secondary #content .content-user .container::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 50px;
    background-color: #FFE900;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#docs-secondary #content .content-user .container::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 110px 0 110px;
    border-color: #FFE900 transparent transparent transparent;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#docs-secondary #content .content-user h1 {
    color: #ffffff;
    padding-top: 80px;
}

#docs-secondary #content .content-user .user-inner {
    position: relative;
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: 0 3px 6px #333333;
}

#docs-secondary #content .content-user .user-inner .img-l,
#docs-secondary #content .content-user .user-inner .img-r {
    position: absolute;
}

#docs-secondary #content .content-user .user-inner .img-l {
    max-width: 160px;
    top: -12%;
    left: -1%;
}

#docs-secondary #content .content-user .user-inner .img-r {
    max-width: 155px;
    bottom: -3%;
    right: -3%;
}

#docs-secondary #content .content-user .user-check {
    padding: 80px 0;
    margin: 40px 0 0;
}

#docs-secondary #content .content-user .user-check li {
    position: relative;
    max-width: 30em;
    margin: 0 auto;
    border-bottom: dashed 1.5px #707070;
    padding: 0 4px 4px;
    font-size: 1.3em;
    margin-bottom: 24px;
}

#docs-secondary #content .content-user .user-check li b {
    padding-left: 40px;
}

#docs-secondary #content .content-user .user-check li:last-child {
    margin-bottom: 0;
}

#docs-secondary #content .content-user .user-check li::before {
    content: "";
    position: absolute;
    width: 35px;
    height: 30px;
    background: url(/img/docs/secondary/icon-check.png) center center no-repeat;
    background-size: cover;
}

#docs-secondary #content .content-company .sub-ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.1em;
}

#docs-secondary #content .content-company .sub-ttl::before,
#docs-secondary #content .content-company .sub-ttl::after {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #333333;
}

#docs-secondary #content .content-company .sub-ttl::before {
    transform: rotate(55deg);
}

#docs-secondary #content .content-company .sub-ttl::after {
    transform: rotate(-55deg);
}

#docs-secondary #content .content-company ul {
    margin: 40px 0 0;
    padding-left: 0;
}

#docs-secondary #content .content-company .flex .com-img {
    max-width: 30%;
    margin-right: 40px;
}

#docs-secondary #content .content-company .flex .com-txt {
    max-width: 66%;
    margin-top: 16px;
}

#docs-secondary #content .content-company .com-list {
    border-bottom: solid 1px #dddddd;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

#docs-secondary #content .content-company h2:not(.sub-ttl) {
    font-size: 2.5em;
    text-align: center;
}

#docs-secondary #sh-flow {
    background-color: #f5f9ff;
    padding-bottom: 40px;
}

#docs-secondary #sh-flow .flow-des h1 {
    position: relative;
}

#docs-secondary #sh-flow .flow-des h1::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 5px;
    background: linear-gradient(to right, #0055b2, #0055b2 5px, transparent 5px, transparent 10px, #0055b2 10px, #0055b2 15px, transparent 15px, transparent 20px, #0055b2 20px, #0055b2 25px);
    bottom: -24px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#docs-secondary #sh-flow .flow-des p {
    padding-top: 29px;
}

#docs-secondary #sh-flow .flow-list thead {
    display: flex;
    margin: 40px 0;
}

#docs-secondary #sh-flow .flow-list thead tr,
#docs-secondary #sh-flow .flow-list thead td {
    width: 100%;
    display: block;
}

#docs-secondary #sh-flow .flow-list thead tr {
    background-color: #ffffff;
    box-shadow: 0 3px 3px #dddddd;
    position: relative;
    padding-bottom: 20px;
}

#docs-secondary #sh-flow .flow-list thead tr::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #707070;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -15px;
    z-index: 1;
}

#docs-secondary #sh-flow .flow-list thead tr:last-child::after {
    content: "";
    display: none;
}

#docs-secondary #sh-flow .flow-list .flow-number {
    color: #ffae00;
    font-size: 3em;
    font-style: italic;
    padding: 40px 16px 0;
    line-height: 0;
}

#docs-secondary #sh-flow .flow-list .flow-img {
    max-width: 90px;
    margin: 0 auto;
    padding: 8px;
}

#docs-secondary #sh-flow .flow-list .flow-txt {
    text-align: center;
    padding: 0 8px;
}

#docs-secondary #change {
    background-color: #ffffff;
    border-radius: 50px;
    max-width: 1100px;
    margin: 0 auto;
    border: solid 5px #53c858;
    position: relative;
}

#docs-secondary #change .change-inner {
    padding: 80px;
}

#docs-secondary #change .change-inner .logo-change {
    max-width: 230px;
    margin-right: 80px;
}

#docs-secondary #change .change-inner .txt-change {
    max-width: calc(100% - 310px);
}

#docs-secondary #change .change-inner .txt-change p {
    margin-bottom: 0;
}

#docs-secondary #change .flex {
    align-items: center;
}

#docs-secondary #change .change-img {
    position: absolute;
    max-width: 400px;
    bottom: -58px;
    right: -40px;
    z-index: 1;
}

@media screen and (max-width: 1104px) {
    #docs-secondary #change {
        margin-left: 20px;
        margin-right: 20px;
    }

    #docs-secondary #change .change-inner {
        padding: 80px 40px;
    }

    #docs-secondary #change .change-inner .logo-change {
        margin-right: 40px;
    }

    #docs-secondary #change .change-img {
        right: 0;
    }
}

@media screen and (max-width: 1072px) {
    #docs-secondary #mv .mv-ttl {
        max-width: 830px;
    }

    #docs-secondary #mv .mv-img {
        max-width: 350px;
    }

    #docs-secondary #content .content-company .flex .com-txt {
        max-width: 65%;
    }

    #docs-secondary #change .txt-change {
        max-width: calc(100% - 270px);
    }
}

@media screen and (max-width: 1024px) {
    #docs-secondary #mv .mv-ttl {
        max-width: 800px;
        width: 90%;
    }

    #docs-secondary #mv .mv-img {
        max-width: 320px;
    }
}

@media screen and (max-width: 960px) {
    #docs-secondary #mv .mv-ttl {
        width: 80%;
    }

    #docs-secondary #content .content-user .user-inner .img-l,
    #docs-secondary #content .content-user .user-inner .img-r {
        max-width: 100px;
    }

    #docs-secondary #content .content-company .flex .com-img {
        margin-right: 20px;
    }

    #docs-secondary #content .content-company .flex .com-txt {
        margin-top: 0;
    }

    #docs-secondary #content .content-company h2:not(.sub-ttl) {
        font-size: 2em;
    }

    #docs-secondary #sh-flow .flow-list {
        margin-bottom: 0;
    }

    #docs-secondary #sh-flow .flow-list thead tr:nth-child(2) .flow-txt br {
        display: none;
    }

    #docs-secondary #change {
        border-color: #53c858;
        margin-left: 20px;
        margin-right: 20px;
        padding-bottom: 40px;
    }

    #docs-secondary #change::before {
        display: none;
    }

    #docs-secondary #change .change-inner {
        padding: 40px;
    }

    #docs-secondary #change .change-inner .logo-change {
        margin: 0 auto;
    }

    #docs-secondary #change .change-inner .txt-change {
        max-width: 100%;
        margin: 24px 0;
        text-align: center;
    }

    #docs-secondary #change .change-inner .txt-change p {
        padding-bottom: 40px;
    }

    #docs-secondary #change .change-img {
        right: 0;
        left: 0;
        margin: auto;
        bottom: 0;
    }
}

@media screen and (max-width: 820px) {
    #docs-secondary h1 {
        font-size: 3em;
    }

    #docs-secondary .top80 {
        margin-top: 40px;
    }

    #docs-secondary #mv .mv-img {
        max-width: 300px;
    }

    #docs-secondary #content .content-user h1 {
        padding-top: 40px;
    }

    #docs-secondary #content .content-user .user-inner .img-l {
        max-width: 85px;
    }

    #docs-secondary #content .content-user .user-inner .img-r {
        max-width: 100px;
    }
}

@media screen and (max-width: 768px) {
    #docs-secondary h1 {
        font-size: 2.8em;
    }

    #docs-secondary h2 {
        font-size: 1.8em;
    }

    #docs-secondary h3 {
        font-size: 1.3em;
    }

    #docs-secondary #mv .mv-ttl {
        max-width: 720px;
        width: 90%;
        padding-bottom: 230px;
    }

    #docs-secondary #mv .mv-img {
        max-width: 300px;
    }

    #docs-secondary #content .content-user .user-inner {
        width: 100%;
        margin: 0 auto;
    }

    #docs-secondary #content .content-user .user-inner .img-l {
        max-width: 80px;
    }

    #docs-secondary #content .content-user .user-inner .img-r {
        max-width: 100px;
    }

    #docs-secondary #sh-flow .flow-list thead {
        flex-wrap: wrap;
        max-width: 614px;
        margin: 40px auto 0;
    }

    #docs-secondary #sh-flow .flow-list thead tr {
        margin-bottom: 40px;
        display: flex;
        align-items: center;
        padding-bottom: 0;
    }

    #docs-secondary #sh-flow .flow-list thead tr::after {
        content: "";
        transform: rotate(90deg);
        left: 0;
        right: 0;
        margin: auto;
        top: initial;
        bottom: -37px;
    }

    #docs-secondary #sh-flow .flow-list thead tr .flow-number {
        padding-top: 8px;
    }

    #docs-secondary #sh-flow .flow-list thead tr .flow-img {
        order: 2;
    }

    #docs-secondary #sh-flow .flow-list thead tr .flow-txt {
        padding: 10px 0;
    }

    #docs-secondary #change .change-img {
        max-width: 360px;
    }
}

@media screen and (max-width: 680px) {
    #docs-secondary #mv .mv-ttl {
        width: 90%;
    }

    #docs-secondary #mv .mv-img {
        max-width: 280px;
    }

    #docs-secondary h1 {
        font-size: 2.5em;
    }

    #docs-secondary .bottom80 {
        margin-bottom: 40px;
    }

    #docs-secondary #contact,
    #docs-secondary #content,
    #docs-secondary #sh-flow {
        margin-top: 40px;
    }

    #docs-secondary #contact h3 br {
        display: none;
    }

    #docs-secondary #content .content-user .user-check {
        padding: 40px 0;
    }

    #docs-secondary #content .content-user .user-check li {
        font-size: 1em;
        margin: 0 auto 24px;
    }

    #docs-secondary #content .content-user .user-check li::before {
        width: 25px;
        height: 20px;
    }

    #docs-secondary #content .content-user .user-check li b {
        padding-left: 28px;
    }

    #docs-secondary #content .content-company ul {
        margin-top: 24px;
    }

    #docs-secondary #content .content-company .com-list {
        padding-bottom: 0;
    }

    #docs-secondary #content .content-company .flex .com-img,
    #docs-secondary #content .content-company .flex .com-txt {
        max-width: 100%;
    }

    #docs-secondary #content .content-company .flex .com-img {
        margin-right: 0;
    }

    #docs-secondary #content .content-company .flex .com-txt {
        margin-top: 24px;
    }

    #docs-secondary #sh-flow .flow-list thead {
        max-width: 100%;
    }

    #docs-secondary #change {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 620px) {
    #docs-secondary h1 {
        font-size: 2em;
    }

    #docs-secondary h2 {
        font-size: 1.5em;
    }

    #docs-secondary #contact,
    #docs-secondary #content,
    #docs-secondary #sh-flow {
        margin-top: 40px;
    }

    #docs-secondary #contact button a {
        font-size: 2em;
    }

    #docs-secondary #mv .mv-ttl {
        padding: 40px 0 210px;
    }

    #docs-secondary #mv .mv-img {
        max-width: 260px;
    }

    #docs-secondary #content .content-user .user-inner .user-check {
        margin: 0;
    }

    #docs-secondary #content .content-user .user-inner .img-l,
    #docs-secondary #content .content-user .user-inner .img-r {
        display: none;
    }

    #docs-secondary #content .content-user .user-inner {
        margin-top: 0;
    }

    #docs-secondary #content .content-company {
        margin-top: 24px;
    }

    #docs-secondary #content .content-company h2:not(.sub-ttl) {
        font-size: 1.8em;
        margin-top: 20px;
    }
}

@media screen and (max-width: 520px) {
    #docs-secondary #contact h3 {
        text-align: left;
        margin: 0 20px;
    }

    #docs-secondary #contact a.btn-l {
        max-width: 280px;
    }

    #docs-secondary #contact a.btn-l.font-l {
        font-size: 1.1em;
    }

    #docs-secondary #contact a span {
        top: -0.5em;
    }

    #docs-secondary #contact a span svg {
        width: 1.2em;
    }

    #docs-secondary #mv .mv-ttl {
        padding-bottom: 190px;
    }

    #docs-secondary #mv .mv-img {
        max-width: 225px;
    }

    #docs-secondary #content .content-company h2:not(.sub-ttl) {
        text-align: left;
        font-size: 1.6em;
    }

    #docs-secondary #sh-flow .flow-des p {
        text-align: left;
    }
}

@media screen and (max-width: 420px) {
    #docs-secondary h1 {
        font-size: 1.8em;
    }

    #docs-secondary #contact h3 {
        font-size: 1.2em;
        margin: 0;
    }

    #docs-secondary #contact p {
        text-align: left;
    }

    #docs-secondary #contact button {
        padding: 20px;
    }

    #docs-secondary #contact button a {
        font-size: 1.5em;
    }

    #docs-secondary #contact button a img {
        width: 28px;
    }

    #docs-secondary #mv .mv-ttl {
        padding-bottom: 113px;
    }

    #docs-secondary #mv .mv-img {
        max-width: 150px;
    }

    #docs-secondary #content .content-user h1 {
        text-align: left;
        letter-spacing: -1px;
    }

    #docs-secondary #content .content-user .user-check {
        margin-top: 0;
    }

    #docs-secondary #content .content-user .user-check li {
        margin: 0 10px 24px;
    }

    #docs-secondary #content .content-user .user-check li b {
        display: block;
    }

    #docs-secondary #content .content-company .sub-ttl {
        font-size: 100%;
    }

    #docs-secondary #content .content-company .sub-ttl::before,
    #docs-secondary #content .content-company .sub-ttl::after {
        width: 15px;
        height: 1px;
    }

    #docs-secondary #content .content-company .flex .com-txt h3 {
        margin-bottom: 0;
    }

    #docs-secondary #content .content-company .flex .com-txt p {
        margin-top: 8px;
    }

    #docs-secondary #content .content-company h2:not(.sub-ttl) {
        font-size: 1.3em;
    }

    #docs-secondary #sh-flow .flow-des h1 {
        margin-bottom: 0;
    }

    #docs-secondary #sh-flow .flow-des h1::after {
        bottom: -16px;
    }

    #docs-secondary #sh-flow .flow-des p {
        margin-top: 0;
    }

    #docs-secondary #change .change-inner {
        padding: 24px 10px;
    }

    #docs-secondary #change .change-inner .txt-change p {
        padding-bottom: 0;
    }

    #docs-secondary #change .change-img {
        max-width: 220px;
    }
}

/*
  *
  * 迚ｹ蜈ｸ逕ｳ霎ｼ(蜈ｱ騾�)
  *
  */
.bonus-cmn .btn-disabl {
    cursor: auto;
    border: 1px solid #666666;
}

.bonus-cmn .bonus-list {
    justify-content: space-around;
}

.bonus-cmn .bonus-list li {
    width: 46%;
    margin: 0 1%;
    align-content: space-between;
}

.bonus-cmn .bonus-list li h3 {
    width: 100%;
}

.bonus-cmn .bonus-list li .bonus-btn {
    width: 100%;
}

.bonus-cmn .img-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.bonus-cmn .img-wrap img {
    /*max-width: 40%;*/
    max-height: 200px;
    margin-top: 20px;
}

.bonus-cmn .img-wrap p {
    width: 100%;
}

/*
  *
  * 迚ｹ蜈ｸ逕ｳ霎ｼ(index)
  *
  */
#bonusgoods-index #no-campaign img {
    max-width: 300px;
    width: 100%;
}

#bonusgoods-index #bonus-goods-img img {
    width: 100%;
    max-width: 300px;
}

#bonusgoods-index .bonus-list {
    flex-wrap: wrap;
}

#bonusgoods-index .bonus-list.notconfirmed li::before {
    content: "";
    width: 100%;
    height: calc(100% - 40px);
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 100;
}

#bonusgoods-index .bonus-list li {
    position: relative;
    width: 30%;
    max-width: 800px;
}

#bonusgoods-index .bonus-list li .js-notconfirmed {
    pointer-events: none;
}

#bonusgoods-index .bonus-list li .js-notconfirmed:hover {
    opacity: 1;
}

@media screen and (max-width: 640px) {
    #bonusgoods-index .bonus-list {
        flex-wrap: wrap;
    }

    #bonusgoods-index .bonus-list.notconfirmed li::before {
        height: calc(100% - 20px);
    }

    #bonusgoods-index .bonus-list li {
        width: 45%;
        padding: 10px;
    }

    #bonusgoods-index #no-campaign h2 {
        font-size: 1.2em;
    }
}

/*
  *
  * 迚ｹ蜈ｸ逕ｳ霎ｼ(蜈･蜉�)
  *
  */
#bonusgoods-input {
    /** 繧ｬ繧､繝� **/
}

#bonusgoods-input .bonus-list li {
    position: relative;
    justify-content: center;
}

#bonusgoods-input .bonus-list label {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 8px 8px 8px 30px;
    width: 100%;
    height: 100%;
    font-weight: bold;
    cursor: pointer;
}

#bonusgoods-input .bonus-list label .img-wrap {
    width: 80%;
    max-width: 200px;
}

#bonusgoods-input .bonus-list label .img-wrap.watt {
    max-width: 120px;
}

#bonusgoods-input .bonus-list .bonus-name {
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    margin: 0;
}

#bonusgoods-input .bonus-list input {
    position: absolute;
    left: 10px;
    top: 45%;
    background: #fff;
}

#bonusgoods-input .bonus-list input:checked {
    background-color: #fbb03b;
}

#bonusgoods-input .bonus-list input:checked+label {
    background: #fdf3cc;
}

#bonusgoods-input .select-pop {
    color: #fff;
    font-weight: bold;
    text-align: center;
    border: 2px solid #193e8b;
    background-color: #53c858;
    padding: 8px;
    animation: blink 8s ease infinite normal;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

#bonusgoods-confirm #confirm {
    padding: 16px;
    background-color: #f5f5f5;
}

#bonusgoods-confirm .btn-disable {
    background-color: #dddddd;
    color: #ffffff;
}

/*
   *
   * 繝槭う繝ｫ逋ｻ骭ｲ逕ｨ CSS
   *
   */
/*---------- 繝槭う繝ｫ逋ｻ骭ｲ ----------*/
.side-mile .side-amc {
    background-color: #063d8f;
    color: #ffffff;
    padding: 2px 4px;
}

.side-mile .side-jmb {
    background-color: #cc0100;
    color: #ffffff;
    padding: 2px 4px;
}

#user-mileagenumber .mileage-btn {
    background-color: #ffffff;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2;
    padding: 20px;
    max-width: 600px;
    width: 90%;
    position: relative;
}

#user-mileagenumber .mileage-btn#jmb-btn {
    border: 2px solid #cc0100;
    color: #cc0100;
}

#user-mileagenumber .mileage-btn#dpoint-btn {
    border: 2px solid #d00f31;
    color: #d00f31;
}

#user-mileagenumber .mileage-btn .font-s {
    font-size: 0.6em;
}

#user-mileagenumber .mileage-btn .uk-icon {
    position: absolute;
    right: 5px;
    top: calc(50% - 0.5em);
}

#user-mileagenumber .mile-tab {
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    font-size: 1.2em;
    width: 50%;
    text-align: center;
}

#user-mileagenumber .mile-tab:hover {
    cursor: pointer;
}

#user-mileagenumber .tab-tripartition .mile-tab {
    width: 33.3%;
}

#user-mileagenumber #tab-jal {
    background-color: #fadbda;
    color: #ffffff;
}

#user-mileagenumber #tab-jal.active {
    background-color: #cc0100;
}

#user-mileagenumber #tab-ana {
    background-color: #d3dff1;
    color: #ffffff;
}

#user-mileagenumber #tab-ana.active {
    background-color: #063d8f;
}

#user-mileagenumber #tab-docomo {
    background-color: #e2bec7;
    color: #ffffff;
}

#user-mileagenumber #tab-docomo.active {
    background-color: #d00f31;
}

#user-mileagenumber #ana-wrap .btn-m {
    margin: 8px 0;
}

#user-mileagenumber #guide-blink {
    color: white;
    font-weight: bold;
    background-color: #0055b2;
    display: inline-block;
    padding: 4px 16px;
    position: relative;
}

#user-mileagenumber #guide-blink::before,
#user-mileagenumber #guide-blink::after {
    content: "";
    position: absolute;
    bottom: -15px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #0055b2 transparent transparent transparent;
    border-width: 15px 15px 0 15px;
}

#user-mileagenumber #guide-blink::before {
    left: 10%;
}

#user-mileagenumber #guide-blink::after {
    right: 10%;
}

#user-mileagenumber #guide-blink.guide-tripartition {
    max-width: 600px;
    width: 100%;
}

#user-mileagenumber #guide-blink .point-guide::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -15px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #0055b2 transparent transparent transparent;
    border-width: 15px 15px 0 15px;
}

#user-mileagenumber .mile-error {
    padding: 1em;
    font-size: 0.8em;
    background-color: #fee;
    color: #f42727;
}

#user-mileagenumber #note-wrap {
    background-color: #efefef;
    padding: 1em;
}

#user-mileagenumber #title-register {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

#user-mileagenumber #title-register .title-logo {
    display: inline-block;
    margin-left: 10px;
    padding: 5px 12px;
    color: white;
    line-height: 1;
}

#user-mileagenumber #title-register .title-logo.logo-amc {
    background-color: #063d8f;
}

#user-mileagenumber #title-register .title-logo.logo-jmb {
    background-color: #cc0100;
}

#user-mileagenumber #title-register .title-logo.logo-docomo {
    max-width: 50px;
    padding: 5px;
}

#user-mileagenumber #mileagenum {
    padding: 10px;
    border: solid 1px #000;
    background-color: #efefef;
}

@media screen and (max-width: 420px) {
    #user-mileagenumber .tab-tripartition .mile-tab {
        padding: 8px 10px;
        font-size: 0.9em;
    }

    #user-mileagenumber #guide-blink::before {
        left: 20%;
    }

    #user-mileagenumber #guide-blink::after {
        right: 20%;
    }

    #user-mileagenumber #guide-blink.guide-tripartition::before {
        left: 13%;
    }

    #user-mileagenumber #guide-blink.guide-tripartition::after {
        right: 13%;
    }
}

#docs-ranking-pref {
    /* 繧ｿ繝門�繧頑崛縺� */
    /* 譌･譛ｬ蝨ｰ蝗ｳ */
    /* 繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ荳€隕ｧ */
}

#docs-ranking-pref #rank-hd {
    color: #333333;
}

#docs-ranking-pref #rank-hd .font-s {
    font-size: 0.6em;
}

#docs-ranking-pref #rank-hd img {
    width: 1em;
    vertical-align: baseline;
    margin: 0 4px;
}

#docs-ranking-pref .tab-wrap .select-tab {
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0 0;
    padding: 10px;
    background-color: #e5e5e5;
    text-align: center;
    font-weight: bold;
}

#docs-ranking-pref .tab-wrap .select-tab.active {
    background-color: #0055b2;
    color: white;
}

#docs-ranking-pref .tab-wrap .select-tab:hover {
    cursor: pointer;
}

#docs-ranking-pref .tab-wrap .select-tab .sp-br {
    display: none;
    line-height: 1.2;
}

#docs-ranking-pref .prefW .pref-map {
    background: url(/img/green/data/map-bk.png) center top no-repeat;
    background-size: 100%;
    position: relative;
}

#docs-ranking-pref .prefW .pref-map::before {
    content: "";
    position: absolute;
    background: url(/img/green/data/map-line.png) center top no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#docs-ranking-pref .prefW .pref-map svg {
    width: 100%;
}

#docs-ranking-pref .prefW .pref-map svg .cls-1 {
    fill: #f4f4f4;
}

#docs-ranking-pref .prefW .pref-map svg .rank1 {
    fill: #1a45b4;
}

#docs-ranking-pref .prefW .pref-map svg .rank2 {
    fill: #1b9ef7;
}

#docs-ranking-pref .prefW .pref-map svg .rank3 {
    fill: #23b7af;
}

#docs-ranking-pref .prefW .pref-map svg .rank4,
#docs-ranking-pref .prefW .pref-map svg .rank5,
#docs-ranking-pref .prefW .pref-map svg .rank6,
#docs-ranking-pref .prefW .pref-map svg .rank7,
#docs-ranking-pref .prefW .pref-map svg .rank8,
#docs-ranking-pref .prefW .pref-map svg .rank9,
#docs-ranking-pref .prefW .pref-map svg .rank10 {
    fill: #c2f2dc;
}

#docs-ranking-pref #rank-list {
    border-collapse: collapse;
}

#docs-ranking-pref #rank-list tbody {
    display: block;
    width: 100%;
}

#docs-ranking-pref #rank-list tr {
    background-color: #ffffff;
    padding: 4px 0;
}

#docs-ranking-pref #rank-list tr:nth-child(even) {
    background-color: #f4f4f4;
}

#docs-ranking-pref #rank-list tr:nth-child(-n+3) {
    font-weight: bold;
}

#docs-ranking-pref #rank-list tr:nth-child(n+4) {
    font-size: 0.8em;
}

#docs-ranking-pref #rank-list tr:nth-child(1) td:nth-child(1) {
    position: relative;
    color: transparent;
}

#docs-ranking-pref #rank-list tr:nth-child(1) td:nth-child(1)::before {
    content: "";
    position: absolute;
    background: url(/img/kw/no1.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto;
}

#docs-ranking-pref #rank-list tr:nth-child(2) td:nth-child(1) {
    position: relative;
    color: transparent;
}

#docs-ranking-pref #rank-list tr:nth-child(2) td:nth-child(1)::before {
    content: "";
    position: absolute;
    background: url(/img/kw/no2.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto;
}

#docs-ranking-pref #rank-list tr:nth-child(3) td:nth-child(1) {
    position: relative;
    color: transparent;
}

#docs-ranking-pref #rank-list tr:nth-child(3) td:nth-child(1)::before {
    content: "";
    position: absolute;
    background: url(/img/kw/no3.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto;
}

#docs-ranking-pref #rank-list tr:last-child {
    border-bottom: none;
}

#docs-ranking-pref #rank-list td {
    padding: 4px 8px;
    display: inline-block;
}

#docs-ranking-pref #rank-list td:nth-child(1) {
    width: 51px;
}

#docs-ranking-pref #rank-list td:nth-child(2) {
    width: calc(5em + 16px);
}

#docs-ranking-pref #rank-list td:nth-child(3) {
    width: calc(100% - (5em + 83px));
}

#docs-ranking-pref .btn-cv svg {
    width: 1.4em;
}

#docs-ranking-pref .btn-cv:hover .cls-1 {
    fill: #e56100;
}

@media screen and (max-width: 640px) {
    #docs-ranking-pref #rank-hd {
        font-size: 1.6em;
    }

    #docs-ranking-pref .tab-wrap .select-tab {
        font-size: 0.8em;
    }

    #docs-ranking-pref #rank-list td:nth-child(3) {
        width: 100%;
    }
}

/*
   *
   * 繧ｰ繝ｪ繝ｼ繝ｳ繝ｯ繝�ヨ蜈ｱ騾咾SS
   *
   */
.grw-cmn {
    font-family: sans-serif;
    font-weight: 400;
    font-size: 17px;
    /*---------- 繝�く繧ｹ繝医�陬�｣ｾ ----------*/
    /*------ end 繝�く繧ｹ繝医�陬�｣ｾ -------*/
    /*--------- 隕句�縺励�陬�｣ｾ ---------*/
    /*------- end 隕句�縺励�陬�｣ｾ -------*/
    /*--------- 閭梧勹繝ｻ陬�｣ｾ -----------*/
    /*-------- end 閭梧勹繝ｻ陬�｣ｾ -------*/
    /*---------- 繝代Φ縺上★ ---------*/
    /*------- end 繝代Φ縺上★ --------*/
    /*---------- 繝懊ち繝ｳ -----------*/
    /* 繝√ぉ繝�け繝懊ち繝ｳ */
    /* 繧ｰ繝ｩ繝��繧ｷ繝ｧ繝ｳ繝懊ち繝ｳ */
    /* 譫�縺後げ繝ｩ繝��繧ｷ繝ｧ繝ｳ縺ｮ繝懊ち繝ｳ */
    /* end 繧ｰ繝ｩ繝��繧ｷ繝ｧ繝ｳ繝懊ち繝ｳ */
    /* 譫�縺稽ain2縺ｮ繝懊ち繝ｳ */
    /* 謨ｰ驥丞�蜉帙�繧ｿ繝ｳ */
    /* 謨ｰ驥丞�蜉帙�繧ｿ繝ｳ(MAX) */
    /*-------- end 繝懊ち繝ｳ --------*/
    /*----- 繝倥ャ繝€ -----*/
    /*----- end 繝倥ャ繝€ -----*/
    /*----- 繝輔ャ繧ｿ -----*/
    /*----- end 繝輔ャ繧ｿ -----*/
    /*----- 雉ｼ蜈･�丞｣ｲ蜊ｴ繧ｹ繝�ャ繝� -----*/
    /*---- end雉ｼ蜈･�丞｣ｲ蜊ｴ繧ｹ繝�ャ繝� ----*/
    /*------------ 逋ｺ髮ｻ謇€荳€隕ｧ ------------*/
    /**** 繧､繝｡繝ｼ繧ｸ逕ｻ蜒� ****/
    /**** 繧ｰ繝ｪ繝ｼ繝ｳ繝ｯ繝�ヨ蜈ｨ菴薙�繧ｹ繝壹ャ繧ｯ ****/
    /*---------- end 逋ｺ髮ｻ謇€荳€隕ｧ ----------*/
    /**** 繝壹�繧ｸ繝阪�繧ｷ繝ｧ繝ｳ ****/
    /*---------- 螻･豁ｴ ----------*/
    /*---------- 繧ｵ繝槭Μ ----------*/
    /*---------- end繧ｵ繝槭Μ ----------*/
    /*------ 蛻ｩ逕ｨ隕冗ｴ� ------*/
    /*------ 繝ｪ繝ｼ繝輔�蜊倅ｽ� ------*/
    /*---------- 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ----------*/
}

.grw-cmn h1,
.grw-cmn h2,
.grw-cmn h3,
.grw-cmn h4,
.grw-cmn h5 {
    font-family: sans-serif;
    color: #232323;
}

.grw-cmn p,
.grw-cmn ul,
.grw-cmn ol,
.grw-cmn dl {
    color: #232323;
}

.grw-cmn .uk-alert-danger {
    color: #ff3833;
}

.grw-cmn .uk-alert-warning {
    color: #f7945e;
}

.grw-cmn .font-text {
    color: #232323;
}

.grw-cmn .font-main1 {
    color: #81c725;
}

.grw-cmn .font-main2 {
    color: #00b3a3;
}

.grw-cmn .font-base2 {
    color: #fff;
}

.grw-cmn .font-sub1 {
    color: #f7b421;
}

.grw-cmn .font-sub2 {
    color: #008fc2;
}

.grw-cmn .font-low {
    color: #5a982d;
}

.grw-cmn .font-cv {
    color: #ff5b22;
}

.grw-cmn .text-link {
    color: #232323;
    text-decoration: underline;
}

.grw-cmn h1#mv-title {
    height: 3em;
    font-size: 2em;
}

.grw-cmn .hd-main {
    font-size: 1.6em;
}

.grw-cmn .hd-sub,
.grw-cmn .bs-hd {
    font-size: 1.4em;
}

.grw-cmn .hd-s {
    font-size: 1.2em;
}

.grw-cmn .h-left-main1 {
    border-left: 5px solid #81c725;
    padding-left: 10px;
}

.grw-cmn .h-bottom-main1 {
    text-align: center;
    display: block;
}

.grw-cmn .h-bottom-main1:after {
    display: block;
    content: "";
    width: 4em;
    height: 3px;
    background: #81c725;
    margin: 5px auto 10px;
}

.grw-cmn .h-bottom-main1-left {
    display: block;
}

.grw-cmn .h-bottom-main1-left:after {
    display: block;
    content: "";
    width: 4em;
    height: 3px;
    background: #81c725;
    margin: 5px 0 10px;
}

.grw-cmn .h-top-main1 {
    text-align: center;
    display: block;
}

.grw-cmn .h-top-main1:before {
    display: block;
    content: "";
    width: 4em;
    height: 3px;
    background: #81c725;
    margin: 5px auto 10px;
}

@media screen and (max-width: 640px) {
    .grw-cmn h1#mv-title {
        height: 3em;
        font-size: 1.3em;
    }

    .grw-cmn .hd-main {
        font-size: 1.3em;
    }

    .grw-cmn .hd-sub,
    .grw-cmn .bs-hd {
        font-size: 1.2em;
    }

    .grw-cmn .hd-s {
        font-size: 1em;
    }
}

.grw-cmn .bg-gra {
    background: linear-gradient(to right, #00b3a3, #81c725);
}

.grw-cmn .bg-base1 {
    background-color: #f1f5f5;
}

.grw-cmn .bg-base2 {
    background-color: #fff;
}

.grw-cmn .bg-main1 {
    background-color: #81c725;
}

.grw-cmn .bg-main2 {
    background-color: #00b3a3;
}

.grw-cmn .bg-sub1 {
    background-color: #f7b421;
}

.grw-cmn .bg-sub2 {
    background-color: #008fc2;
}

.grw-cmn .bg-high1 {
    background-color: #7dd8d0;
}

.grw-cmn .bg-high2 {
    background-color: #fbd98e;
}

.grw-cmn .bg-high3 {
    background-color: #7dc6e0;
}

.grw-cmn .bg-high4 {
    background-color: #a9dd57;
}

.grw-cmn .bg-high5 {
    background-color: #eef8e0;
}

.grw-cmn .bg-high6 {
    background-color: #d4f4f0;
}

.grw-cmn .bg-graph {
    background-color: #f9f9f9;
}

.grw-cmn .bg-low {
    background-color: #5a982d;
}

.grw-cmn .tag {
    padding: 2px;
}

.grw-cmn .tag-base2 {
    border: solid 1px #fff;
}

.grw-cmn .tag-low {
    border: solid 1px #5a982d;
}

.grw-cmn .table-alternate tr:nth-child(odd) {
    background: #f9f9f9;
}

.grw-cmn .table-alternate tr:nth-child(even) {
    background: #fff;
}

.grw-cmn .box-shadow {
    box-shadow: 0 0 5px rgba(206, 206, 206, 0.75);
    margin: 5px;
}

.grw-cmn .round-corner {
    border-radius: 16px;
}

.grw-cmn .round-top {
    border-radius: 16px 16px 0 0;
}

.grw-cmn .round-shadow {
    border-radius: 16px;
    filter: drop-shadow(0 0 5px rgba(206, 206, 206, 0.75));
    transform: translateZ(0);
    overflow: hidden;
    margin: 5px;
}

.grw-cmn .margin-shadow {
    margin: 5px;
}

.grw-cmn .padding-shadow {
    padding: 5px;
}

@media screen and (max-width: 640px) {
    .grw-cmn .padding-remove-s {
        box-shadow: none;
        background: none;
    }
}

.grw-cmn .breadcrumb {
    color: #232323;
}

.grw-cmn .breadcrumb a {
    color: #232323;
}

.grw-cmn .uk-checkbox:checked,
.grw-cmn .uk-checkbox:indeterminate,
.grw-cmn .uk-radio:checked {
    background-color: #00b3a3;
}

.grw-cmn .btn-xl {
    max-width: 410px;
    padding: 16px 8px;
    border-radius: 50px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}

.grw-cmn .btn-tall {
    padding: 16px 8px;
    border-radius: 50px;
}

.grw-cmn .btn-gra {
    background: linear-gradient(to top, #00b3a3, #81c725);
    color: #81c725;
}

.grw-cmn .btn-gra.btn-frame {
    padding: 3px;
}

.grw-cmn .btn-gra-line {
    background: linear-gradient(to bottom, #00b3a3, #81c725);
    padding: 3px;
    border-radius: 50px;
    display: inline-block;
}

.grw-cmn .btn-gra-line .btn-inner {
    background: #fff;
    border-radius: 50px;
    padding: 10px;
}

.grw-cmn .btn-gra-line .btn-inner:hover {
    background: linear-gradient(to bottom, #00b3a3, #81c725);
    color: #fff;
}

.grw-cmn .btn-std {
    background: #fff;
}

.grw-cmn .btn-std.font-cv {
    color: #ff5b22;
}

.grw-cmn .btn-std.font-sub2 {
    color: #008fc2;
}

.grw-cmn .btn-std.font-muted {
    color: #898989;
}

.grw-cmn .btn-base2 {
    background: #fff;
    border: solid 2px #00b3a3;
    color: #00b3a3;
}

.grw-cmn .btn-base2:hover {
    background: #00b3a3;
    color: #fff;
}

.grw-cmn .btn-main2 {
    background: #00b3a3;
    border: solid 2px #00b3a3;
    color: #fff;
}

.grw-cmn .btn-main2:hover {
    background: #fff;
    color: #00b3a3;
}

.grw-cmn .btn-main2-frame {
    background: #00b3a3;
    padding: 3px;
    border-radius: 50px;
    display: inline-block;
}

.grw-cmn .btn-main2-frame .btn-inner {
    background: #fff;
    border-radius: 50px;
    padding: 10px;
    color: #232323;
}

.grw-cmn .btn-main2-frame .btn-inner:hover {
    background: #00b3a3;
    color: #fff;
}

.grw-cmn .btn-cv {
    background: #ff5b22;
    border: 1px solid #ff5b22;
}

.grw-cmn .btn-cv:hover {
    background: #fff;
    color: #ff5b22;
}

.grw-cmn .btn-normal {
    background: #fff;
    border: solid 0.5px #d3d3d3;
    color: #232323;
}

.grw-cmn .btn-normal.btn-m {
    border-radius: 5px;
    padding: 4px;
}

.grw-cmn .btn-shadow {
    background: #fff;
    border: solid 0.5px #fff;
    box-shadow: 0 0 5px rgba(206, 206, 206, 0.75);
    margin: 5px;
}

.grw-cmn .btn-shadow.btn-m {
    border-radius: 5px;
    padding: 4px;
}

.grw-cmn .btn-back {
    background: #d3d3d3;
    border: solid 1px #d3d3d3;
}

.grw-cmn .btn-back:hover {
    background: #fff;
}

.grw-cmn .button-sum {
    background: #adadad;
    border-radius: 7px;
}

.grw-cmn .button-max {
    background: #00b3a3;
    border-radius: 7px;
}

@media screen and (max-width: 640px) {
    .grw-cmn .btn-xl {
        font-size: 1em;
    }
}

.grw-cmn header#green-hd {
    color: #232323;
    box-shadow: 0 0 5px rgba(206, 206, 206, 0.75);
}

.grw-cmn header#green-hd hr {
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #00b3a3, #81c725);
    border: none;
}

.grw-cmn header#green-hd #hd-btn .btn-regist {
    padding: 8px;
}

.grw-cmn header#green-hd #hd-btn .btn-gra-line {
    color: #878787;
    padding: 2px;
}

.grw-cmn header#green-hd #hd-btn .btn-gra-line .btn-inner {
    padding: 6px;
    width: 100%;
    height: 100%;
}

.grw-cmn header#green-hd #hd-btn .btn-gra-line .btn-inner svg {
    width: 1em;
}

.grw-cmn header#green-hd #hd-btn .btn-gra-line .btn-inner .cls-1 {
    fill: #878787;
}

.grw-cmn header#green-hd #hd-btn .btn-gra-line .btn-inner:hover .cls-1 {
    fill: #fff;
}

.grw-cmn header#green-hd #hd-btn .btn-gra {
    color: #fff;
}

.grw-cmn header#green-hd #hd-btn .btn-gra svg {
    width: 1em;
}

.grw-cmn header#green-hd #hd-btn .btn-gra svg .cls-1 {
    fill: #fff;
}

.grw-cmn header#green-hd #hd-btn .btn-gra svg .cls-2 {
    fill: #81c725;
    fill-rule: evenodd;
}

.grw-cmn header#green-hd #g-menu {
    margin: 15px 0 0 0;
}

.grw-cmn header#green-hd #g-menu li {
    padding: 0 1em;
    font-weight: bold;
}

.grw-cmn header#green-hd #g-menu li:not(:last-child) {
    border-right: 1px solid #e5e5e5;
}

.grw-cmn header#green-hd #g-menu li:last-child {
    padding: 0 0 0 1em;
}

.grw-cmn header#green-hd #g-menu li a.font-main2 {
    color: #00b3a3;
}

.grw-cmn header#green-hd #g-menu li a {
    color: #232323;
}

@media screen and (max-width: 960px) {
    .grw-cmn header#green-hd #hd-btn .btn-gra-line .btn-inner {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.grw-cmn footer#green-ft {
    background-color: #f1f5f5;
    background-image: url(/img/green/common/bk_tree1.png);
    background-position: center top;
    background-repeat: repeat-x;
    background-size: auto 220px;
    padding-top: 220px;
}

.grw-cmn footer#green-ft #ft-logo {
    max-width: 210px;
    width: 100%;
}

.grw-cmn footer#green-ft #ft-link {
    width: 70%;
}

.grw-cmn footer#green-ft #ft-link p {
    color: #fff;
}

.grw-cmn footer#green-ft #ft-link #ft01-right {
    align-items: center;
}

.grw-cmn footer#green-ft #ft-link #ft-btn {
    width: 385px;
    align-items: flex-end;
    justify-content: flex-end;
}

.grw-cmn footer#green-ft #ft-link #ft-btn .btn-s {
    margin-left: 8px;
}

.grw-cmn footer#green-ft #ft-link #ft-btn .btn-s span {
    position: static;
}

.grw-cmn footer#green-ft #ft-link #ft-btn .logout:hover {
    color: #fff;
}

.grw-cmn footer#green-ft #ft-link #ft-btn svg {
    width: 1em;
}

.grw-cmn footer#green-ft #ft-link #ft-btn svg .cls-1 {
    fill: #fff;
}

.grw-cmn footer#green-ft #ft-link #ft-btn .grw-home svg .cls-1 {
    fill: #81c725;
}

.grw-cmn footer#green-ft #ft-link #ft-btn .grw-home svg .cls-2 {
    fill: #fff;
    fill-rule: evenodd;
}

.grw-cmn footer#green-ft #ft-app {
    width: 27%;
    background: #fff;
    border-radius: 16px;
    align-items: center;
}

.grw-cmn footer#green-ft #ft-app ul {
    width: 100%;
}

.grw-cmn footer#green-ft #ft-btm .container {
    align-items: flex-end;
}

@media (max-width: 1080px) {
    .grw-cmn footer#green-ft #ft-link #ft-btn {
        justify-content: flex-end;
        width: 145px;
    }

    .grw-cmn footer#green-ft #ft-link #ft-btn .btn-s {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin: 0 8px 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .grw-cmn footer#green-ft #ft-link #ft-btn .btn-s span {
        display: none;
    }
}

@media screen and (max-width: 880px) {
    .grw-cmn footer#green-ft #ft-link {
        width: 100%;
    }

    .grw-cmn footer#green-ft #ft-app {
        width: 100%;
        max-width: 280px;
        margin: 40px auto 0;
    }
}

@media screen and (max-width: 640px) {
    .grw-cmn footer#green-ft {
        background-color: #f1f5f5;
        background-image: url(/img/green/common/bk_tree1.png);
        background-position: center top;
        background-repeat: repeat-x;
        background-size: auto 110px;
        padding-top: 110px;
    }

    .grw-cmn footer#green-ft #ft-logo {
        margin: 0 auto 20px;
    }

    .grw-cmn footer#green-ft #ft-link #ft01-right {
        width: 100%;
    }

    .grw-cmn footer#green-ft #ft-link #ft-sns {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .grw-cmn footer#green-ft #ft-link #ft-btn {
        width: 100%;
        justify-content: center;
    }

    .grw-cmn footer#green-ft .ft-menu-block {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
}

.grw-cmn .step-indicator li {
    color: #f1f5f5;
}

.grw-cmn .step-indicator li::before {
    border-left: 10px solid #f1f5f5;
}

.grw-cmn .step-indicator li.step-incomplete {
    background: #d3d3d3;
}

.grw-cmn .step-indicator li.step-incomplete:after {
    border-left: 10px solid #d3d3d3;
}

.grw-cmn .step-indicator li.step-active {
    background: #81c725;
}

.grw-cmn .step-indicator li.step-active:after {
    border-left: 10px solid #81c725;
}

.grw-cmn .step-indicator li.step-complete {
    background: #fff;
    color: #81c725;
}

.grw-cmn .step-indicator li.step-complete:after {
    border-left: 10px solid #fff;
}

.grw-cmn .equip-list {
    padding: 0 6px;
}

.grw-cmn .equip-list .equip-wrap {
    background: #fff;
    box-shadow: 0 0 5px rgba(206, 206, 206, 0.75);
    border-radius: 16px;
    /*** 逋ｺ髮ｻ螳溽ｸｾ ***/
}

.grw-cmn .equip-list .equip-wrap h3 {
    background: #81c725;
    border-radius: 16px 16px 0 0;
}

.grw-cmn .equip-list .equip-wrap .equip-img .eq-display {
    position: absolute;
    background-color: #fff;
    color: #00b3a3;
    top: 15px;
    left: 15px;
    font-weight: bold;
    margin: 0;
    padding: 4px 8px;
}

.grw-cmn .equip-list .equip-wrap dl {
    background: #fff;
    border-top: none;
}

.grw-cmn .equip-list .equip-wrap dl .eq-detail-wrap {
    border-bottom: 1px solid #d3d3d3;
}

.grw-cmn .equip-list .equip-wrap dl dt {
    font-weight: normal;
    padding: 16px 0 0;
    color: #232323;
}

.grw-cmn .equip-list .equip-wrap dl dd {
    font-weight: bold;
    padding: 16px 0 0;
    color: #232323;
}

.grw-cmn .equip-list .equip-wrap .btn-wrap {
    background: transparent;
}

.grw-cmn .equip-list .equip-wrap .performance-data dt {
    color: #232323;
}

.grw-cmn .equip-list .equip-wrap .chart-wrap .height-match {
    border: none;
}

.grw-cmn .equip-list .equip-wrap .chart-wrap .performance-data {
    background: #eef8e0;
}

.grw-cmn .equip-list .equip-wrap .chart-wrap .performance-data .chart-detail-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.grw-cmn .equip-list .equip-wrap .chart-wrap .performance-data .chart-detail-wrap:first-child {
    border-bottom: solid 1px #d3d3d3;
}

.grw-cmn .equip-list .equip-wrap .chart-wrap .performance-data dt {
    margin-top: 0;
}

.grw-cmn .equip-list .equip-wrap .chart-wrap .btn-wrap {
    padding-right: 1em;
    padding-left: 1em;
}

.grw-cmn .equip-list .equip-wrap .chart-wrap .btn-wrap .btn-main2 a {
    color: #fff;
}

.grw-cmn .equip-list .equip-wrap .chart-wrap .btn-wrap .btn-main2:hover a {
    color: #00b3a3;
    opacity: 1;
}

.grw-cmn .equip-list .equip-wrap .chart-wrap .btn-wrap .btn-base2 a {
    color: #00b3a3;
}

.grw-cmn .equip-list .equip-wrap .chart-wrap .btn-wrap .btn-base2:hover a {
    color: #fff;
    opacity: 1;
}

.grw-cmn .equip-list .equip-wrap .weather-date {
    border-top: none;
    background: #f9f9f9;
}

.grw-cmn .equip-list .equip-wrap .weather-date li {
    padding: 10px;
}

@media screen and (max-width: 880px) {
    .grw-cmn .equip-list .equip-wrap {
        width: 47.5%;
    }
}

@media screen and (max-width: 640px) {
    .grw-cmn .equip-list .equip-wrap {
        width: 100%;
    }
}

.grw-cmn .equip-img .img-note {
    position: absolute;
    top: auto;
    bottom: 15px;
    right: 15px;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    font-size: 0.8em;
    line-height: 1;
}

.grw-cmn .grw-spec {
    display: flex;
    align-items: flex-start;
}

.grw-cmn .grw-spec .equip-img {
    width: 40%;
    position: relative;
}

.grw-cmn .grw-spec .equip-img img {
    min-height: 270px;
    object-fit: cover;
}

.grw-cmn .grw-spec .equip-img .status-wrap {
    position: absolute;
    top: 1vw;
    left: 1vw;
}

.grw-cmn .grw-spec .equip-img .status-wrap .equip-status {
    background: #ffffff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-align: center;
    line-height: 1.1;
}

.grw-cmn .grw-spec .equip-img .status-wrap .equip-status p {
    margin: 0;
}

.grw-cmn .grw-spec .equip-img .status-wrap .stop {
    background: #d3d3d3;
}

.grw-cmn .grw-spec .equip-img .status-wrap .sold {
    background: #fff;
}

.grw-cmn .grw-spec .equip-img .status-wrap .open {
    background: #fff;
}

.grw-cmn .grw-spec .equip-img .status-wrap .open p {
    color: #5a982d;
}

.grw-cmn .grw-spec .equip-detail {
    width: 56%;
    background: #ffffff;
    /**** 螳ｹ驥上げ繝ｩ繝� ****/
}

.grw-cmn .grw-spec .equip-detail .eq-detail-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #d3d3d3;
    padding: 16px 0;
}

.grw-cmn .grw-spec .equip-detail .eq-detail-wrap:last-child {
    border-bottom: none;
}

.grw-cmn .grw-spec .equip-detail dt {
    font-weight: bold;
}

.grw-cmn .grw-spec .equip-detail dd {
    font-weight: normal;
}

.grw-cmn .grw-spec .equip-detail dd.font-low {
    color: #5a982d;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart {
    width: 100%;
    position: relative;
    font-weight: bold;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .bg-total {
    background-color: #d3d3d3;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .grw-stock {
    color: #ffffff;
    font-size: 0.7em;
    height: 30px;
    line-height: 30px;
    overflow: visible;
    white-space: nowrap;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .grw-stock span {
    margin-left: 8px;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .cap-total {
    color: #81c725;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .chart-bar {
    height: 30px;
    font-size: 0.7em;
    position: relative;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .chart-bar span {
    position: absolute;
    border-left: 1px solid #81c725;
    padding-left: 8px;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .cap-preGrw span {
    top: -1.5em;
    left: 0;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .cap-grw {
    /*border-left: 1px solid #fff;
    z-index: 99;*/
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .cap-grw span {
    bottom: -1.5em;
    left: -1px;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .cap-unit {
    font-size: 0.7em;
    color: #00b3a3;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .cap-unit span {
    position: absolute;
    bottom: -1.5em;
    line-height: 1;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .cap-unit span:nth-child(1) {
    left: -0.5em;
}

.grw-cmn .grw-spec .equip-detail .capacity-chart .cap-unit span:nth-child(2) {
    right: -0.5em;
}

@media screen and (max-width: 768px) {
    .grw-cmn .grw-spec .equip-img {
        width: 100%;
    }

    .grw-cmn .grw-spec .equip-detail {
        width: 100%;
    }

    .grw-cmn .grw-spec .equip-detail dd {
        width: 100%;
    }
}

.grw-cmn #change-month-btn {
    background: #f9f9f9;
    padding: 10px 20px;
}

.grw-cmn #change-month-btn .pagenation {
    width: 13em;
}

.grw-cmn #change-month-btn .pagenation.flex {
    justify-content: space-between;
}

.grw-cmn #change-month-btn #prev-month,
.grw-cmn #change-month-btn #next-month {
    max-width: 6em;
    width: 100%;
}

.grw-cmn #change-month-btn #prev-month.btn-m span {
    position: initial;
}

.grw-cmn #change-month-btn.flex {
    justify-content: space-between;
    align-items: center;
}

.grw-cmn #change-month-btn .btn-normal.btn-m {
    padding: 4px 14px 4px 4px;
}

@media screen and (max-width: 768px) {
    .grw-cmn #change-month-btn .pagenation {
        width: 100%;
    }

    .grw-cmn #change-month-btn .actual-note {
        margin-bottom: 0;
        text-align: left;
    }
}

.grw-cmn .divider-list {
    border-color: #d3d3d3;
}

.grw-cmn .divider-list .data-wrap {
    border-bottom: solid 1px #d3d3d3;
}

.grw-cmn .divider-list .data-wrap:last-child {
    border-bottom: none;
}

.grw-cmn .uk-pagination a {
    display: inline-block;
    padding: 5px 11px;
    margin: 0 5px;
    border: 1px solid #81c725;
    background: #fff;
    color: #81c725;
    font-weight: bold;
    border-radius: 50%;
    box-shadow: none;
}

.grw-cmn .uk-pagination a:hover {
    background: #81c725;
    color: #fff;
}

.grw-cmn .uk-pagination .uk-disabled {
    padding-left: 0;
}

.grw-cmn .uk-pagination .uk-disabled a {
    background: #81c725;
    color: #fff;
}

.grw-cmn #history table {
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

.grw-cmn #history table th,
.grw-cmn #history table td {
    border-left: 1px solid #e5e5e5;
}

.grw-cmn #history table th {
    font-size: 0.9em;
}

@media screen and (max-width: 640px) {
    .grw-cmn #history table {
        border-left: 1px solid #e5e5e5;
        display: block;
        width: 100%;
    }

    .grw-cmn #history table thead,
    .grw-cmn #history table tbody {
        display: block;
        width: 100%;
    }

    .grw-cmn #history table tr {
        display: flex;
        flex-wrap: wrap;
        padding: 8px;
    }

    .grw-cmn #history table th,
    .grw-cmn #history table td {
        border-left: none;
        padding: 0;
        margin: 0 2% 0 0;
    }

    .grw-cmn #history table .data-1c {
        width: 100%;
    }

    .grw-cmn #history table .data-2c {
        width: 48%;
    }
}

.grw-cmn #grw-summary .bg-base2 {
    border-radius: 16px;
}

.grw-cmn #grw-summary dl {
    font-weight: bold;
}

.grw-cmn #grw-summary dl dt {
    border: 1px solid #81c725;
    display: inline-block;
    padding: 2px 0.5em;
    margin-bottom: 8px;
}

.grw-cmn #grw-summary dl dd {
    font-size: 1.5em;
    word-break: break-all;
}

.grw-cmn #grw-summary dl dd .unit {
    font-size: 0.7em;
}

.grw-cmn #grw-summary dl .data-wrap:nth-child(1) {
    padding-left: 0;
}

.grw-cmn #grw-summary dl .data-wrap:nth-child(2) {
    border-left: 1px solid #81c725;
    border-right: 1px solid #81c725;
}

.grw-cmn #grw-summary dl .data-wrap:nth-child(3) {
    padding-right: 0;
}

.grw-cmn #grw-summary .btn-wrap {
    position: absolute;
    padding: 0;
    top: 16px;
    right: 16px;
    font-weight: bold;
}

.grw-cmn #grw-summary .btn-wrap .btn-normal {
    padding: 8px 8px 6px 16px;
    border-radius: 5px;
}

@media screen and (max-width: 880px) {
    .grw-cmn #grw-summary dl .data-wrap {
        width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .grw-cmn #grw-summary dl .data-wrap:nth-child(1) {
        padding-top: 0;
    }

    .grw-cmn #grw-summary dl .data-wrap:nth-child(2) {
        border-left: none;
        border-right: none;
        border-top: 1px solid #81c725;
        border-bottom: 1px solid #81c725;
    }

    .grw-cmn #grw-summary dl .data-wrap:nth-child(3) {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .grw-cmn #grw-summary .btn-wrap {
        text-align: center;
        position: static;
        margin: 16px auto 0;
    }
}

@media screen and (max-width: 640px) {
    .grw-cmn #grw-summary dl dt {
        font-size: 0.8em;
    }
}

.grw-cmn .terms-common h2 {
    border-color: #00b3a3;
}

.grw-cmn .leaf-unit-g {
    font-size: 0.5em;
}

.grw-cmn .leaf-unit-kg {
    font-size: 0.6em;
    line-height: 1;
    text-align: center;
    margin-left: 8px;
    margin-top: 4px;
}

.grw-cmn .leaf-unit-kg span {
    font-size: 1.5em;
}

@media screen and (max-width: 480px) {
    .grw-cmn .uk-padding {
        padding: 20px 10px;
    }
}

/*
   *
   * 繧ｰ繝ｪ繝ｼ繝ｳ繝ｯ繝�ヨ雉ｼ蜈･/螢ｲ蜊ｴ
   *
   */
/*---------- 蜈ｱ騾� ----------*/
#green-buy-sell {
    /***** 謇ｿ隲ｾ莠矩�� *****/
    /*** end 謇ｿ隲ｾ莠矩�� ***/
}

#green-buy-sell #grw-amounts-wrap {
    margin-top: 90px;
}

#green-buy-sell .bs-hd,
#green-buy-sell .quantity-hd {
    padding-bottom: 8px;
}

#green-buy-sell .quantity-hd {
    border-bottom: solid 1px #81c725;
}

#green-buy-sell .quantity-hd .flex {
    justify-content: space-between;
}

#green-buy-sell .quantity-hd .flex img {
    width: 2em;
}

#green-buy-sell .bs-table .bs-wrap:nth-child(odd) {
    background-color: #f9f9f9;
}

#green-buy-sell #amounts-detail .bs-wrap {
    border-top: solid 1px #d3d3d3;
    border-bottom: none;
}

#green-buy-sell #amounts-detail .bs-wrap:nth-child(odd) {
    background-color: transparent;
}

#green-buy-sell #amounts-detail .bs-wrap.total-amount {
    background-color: transparent !important;
    border-top: solid 3px #81c725;
    color: #232323;
}

#green-buy-sell #amounts-detail .bs-wrap:last-child {
    background: #eef8e0 !important;
    border-bottom: solid 1px #d3d3d3;
    color: #81c725;
}

#green-buy-sell .terms-wrap {
    background-color: #f5f5f5;
    padding: 10px;
}

#green-buy-sell .buy-terms {
    height: 240px;
    overflow-y: scroll;
    font-size: 80%;
    margin-top: 20px;
    border: 1px solid #dddddd;
    padding: 10px;
    background: #fff;
}

#green-buy-sell .buy-terms h2 {
    font-size: 110%;
    margin-top: 20px;
    margin-bottom: 10px;
    border-left: none;
    padding-left: 0;
}

#green-buy-sell .buy-terms h3 {
    font-size: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

#green-buy-sell .buy-terms p {
    margin-bottom: 10px;
}

#green-buy-sell .check-text {
    margin-bottom: 10px;
    font-size: 90%;
}

#green-buy-sell .modal-button {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
}

/*---------- end 蜈ｱ騾� ----------*/
/*---------- 蜈･蜉帷判髱｢ ----------*/
#green-buy-index #equip-top {
    padding: 20px;
    position: relative;
    background: #81c725;
}

#green-buy-index #equip-top h3 {
    font-size: 1.6em;
    color: #ffffff;
}

#green-buy-index #equip-top h3 img {
    width: 1.5em;
}

#green-buy-index #equip-top .btn-wrap {
    position: absolute;
    max-width: 160px;
    width: 100%;
    padding: 0;
    top: 20px;
    right: 20px;
}

#green-buy-index #equip-top .btn-wrap .font-s {
    font-size: 0.9em;
}

#green-buy-index #equip-top .hd-main {
    max-width: calc(100% - 330px);
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

#green-buy-index #equip-top .text-detail {
    color: #fff;
}

@media screen and (max-width: 880px) {
    #green-buy-index #equip-top .hd-main {
        max-width: 100%;
        font-size: 1.3em;
    }

    #green-buy-index #equip-top .btn-wrap {
        position: static;
        margin: 20px auto 0;
    }
}

@media screen and (max-width: 640px) {
    #green-buy-index #equip-top {
        padding: 10px;
    }
}

/*---------- end 蜈･蜉帷判髱｢ ----------*/
/*----------- 謾ｯ謇輔＞逕ｻ髱｢ -----------*/
#green-buy-payment #my-equipment .font-l {
    font-size: 1.2em;
    font-weight: bold;
}

#green-buy-payment #my-equipment .eq-wrap {
    margin-bottom: 10px;
    border: 1px solid #d3d3d3;
    border-radius: 14px;
    position: relative;
}

#green-buy-payment #my-equipment .eq-wrap .eq-name {
    background: #53c858;
    border-radius: 13px 13px 0 0;
    color: #fff;
    padding: 10px 16px 5px;
    font-weight: bold;
}

#green-buy-payment #my-equipment .eq-wrap dl {
    border-bottom: 1px solid #d3d3d3;
}

#green-buy-payment #my-equipment .eq-wrap dl .eq-data {
    padding: 5px 10px;
    width: 50%;
}

#green-buy-payment #my-equipment .eq-wrap dl .eq-data dt {
    font-size: 0.8em;
    font-weight: normal;
}

#green-buy-payment #my-equipment .eq-wrap dl .eq-data dd {
    font-weight: bold;
}

#green-buy-payment #my-equipment .eq-wrap dl .eq-data:first-child {
    border-right: 1px solid #d3d3d3;
}

#green-buy-payment #my-equipment .eq-wrap .eq-own {
    padding: 5px;
    font-size: 0.8em;
}

#green-buy-payment #my-equipment .eq-wrap .eq-btn {
    width: 120px;
    margin: 0 auto 10px;
}

#green-buy-payment #my-equipment .eq-wrap .eq-btn .btn-cv {
    background: #ff5b22;
    border: solid 1px #ff5b22;
    padding: 3px;
}

#green-buy-payment #my-equipment .eq-wrap .eq-btn .btn-cv:hover {
    background: #fff;
    color: #ff5b22;
}

#green-buy-payment #my-equipment p#lack-note {
    color: #fb453b;
    font-size: 0.7em;
    font-weight: normal;
}

#green-buy-payment #my-equipment .eq-dis-selected {
    position: absolute;
    right: 3px;
    top: 0;
    color: #fff;
    font-weight: bold;
    font-weight: bold;
    background: transparent;
    font-size: 1.5em;
    line-height: 1;
}

/*--------- end 謾ｯ謇輔＞逕ｻ髱｢ ---------*/
/*------------ 螳御ｺ�判髱｢ -----------*/
#green-buy-thanks,
#green-coupon-thanks {
    /********** 雉ｼ蜈･螳御ｺ�い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ **********/
    /** 騾壼ｸｸ **/
    /*** 邏吝聖髮ｪ ****/
    /***** end雉ｼ蜈･螳御ｺ�い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ *****/
}

#green-buy-thanks #amounts-detail .bs-wrap:last-child,
#green-coupon-thanks #amounts-detail .bs-wrap:last-child {
    background: none;
    color: #232323;
}

#green-buy-thanks #amounts-detail .bs-wrap.total-amount,
#green-coupon-thanks #amounts-detail .bs-wrap.total-amount {
    background: #eef8e0;
    color: #81c725;
}

#green-buy-thanks #thanks-text h2,
#green-coupon-thanks #thanks-text h2 {
    font-size: 1.6em;
}

#green-buy-thanks #thanks-img,
#green-coupon-thanks #thanks-img {
    background: url(/img/green/buy/leaf.png) no-repeat;
    background-size: contain;
    width: 250px;
    height: 250px;
    margin: auto;
    position: relative;
}

#green-buy-thanks #thanks-img #wat,
#green-coupon-thanks #thanks-img #wat {
    position: absolute;
    width: 160px;
    height: 115px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#green-buy-thanks .thanks-own-gw,
#green-coupon-thanks .thanks-own-gw {
    width: 49%;
}

@media screen and (max-width: 640px) {

    #green-buy-thanks .thanks-own-gw,
    #green-coupon-thanks .thanks-own-gw {
        width: 100%;
        margin-top: 10px;
    }
}

#green-buy-thanks #wat,
#green-coupon-thanks #wat {
    animation: ani 2s ease-in;
}

@keyframes ani {
    0% {
        transform: rotateY(0deg) translate(0px, 0px);
    }

    50% {
        transform: rotateY(450deg) translate(0px, 0px);
    }

    100% {
        transform: rotateY(360deg) translate(0px, 0px);
    }
}

#green-buy-thanks .confetti,
#green-coupon-thanks .confetti {
    display: block;
    position: relative;
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
}

#green-buy-thanks .confetti .paper,
#green-coupon-thanks .confetti .paper {
    opacity: 0;
    position: absolute;
}

#green-buy-thanks .confetti .paper:nth-child(odd),
#green-coupon-thanks .confetti .paper:nth-child(odd) {
    animation: confetti1 3.5s ease-in;
}

#green-buy-thanks .confetti .paper:nth-child(even),
#green-coupon-thanks .confetti .paper:nth-child(even) {
    animation: confetti2 3.5s ease-in;
}

#green-buy-thanks .confetti .paper.c1,
#green-coupon-thanks .confetti .paper.c1 {
    background: #81c725;
}

#green-buy-thanks .confetti .paper.c2,
#green-coupon-thanks .confetti .paper.c2 {
    background: #00b3a3;
}

@keyframes confetti1 {
    0% {
        opacity: 0;
        transform: translate(0%, 0%) rotate(0deg);
    }

    2% {
        opacity: 1;
    }

    15% {
        transform: translate(500%, -1000%) rotate(270deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-500%, 2500%) rotate(720deg);
    }
}

@keyframes confetti2 {
    0% {
        opacity: 0;
        transform: translateY(0%, 0%) rotate(0deg);
    }

    2% {
        opacity: 1;
    }

    15% {
        transform: translate(-500%, -1800%) rotate(270deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(500%, 2500%) rotate(720deg);
    }
}

@media print {

    #green-buy-thanks .step-indicator,
    #green-buy-thanks .print-none,
    #green-coupon-thanks .step-indicator,
    #green-coupon-thanks .print-none {
        display: none;
    }

    #green-buy-thanks h2,
    #green-coupon-thanks h2 {
        border-left: 5px solid #00b3a3;
        padding-left: 10px;
    }

    #green-buy-thanks h2.bs-hd,
    #green-coupon-thanks h2.bs-hd {
        padding-bottom: 0;
    }

    #green-buy-thanks .bs-table .bs-wrap,
    #green-coupon-thanks .bs-table .bs-wrap {
        border-bottom: solid 1px #d3d3d3;
    }

    #green-buy-thanks .card-wrap.round-shadow,
    #green-coupon-thanks .card-wrap.round-shadow {
        border-radius: 0;
    }

    #green-buy-thanks .card-wrap.uk-padding,
    #green-coupon-thanks .card-wrap.uk-padding {
        padding: 10px;
    }

    #green-buy-thanks .uk-width-1-2\@m,
    #green-coupon-thanks .uk-width-1-2\@m {
        width: 50% !important;
    }
}

/*---------- end 螳御ｺ�判髱｢ ---------*/
/*----------- 螢ｲ蜊ｴ蜈･蜉� -----------*/
#green-sell-index #own-w {
    border: solid 1px #d3d3d3;
}

#green-sell-index #own-w .own-wrap {
    padding: 5px;
}

#green-sell-index #own-w .border-top {
    border-top: solid 1px #d3d3d3;
}

#green-sell-index #bank-free {
    border-bottom: 1px solid #FB9B01;
    color: #FB9B01;
    display: inline;
}

#green-sell-index #kw-bonus {
    margin: 0;
    font-size: 0.8em;
}

#green-sell-index #bank-wrap {
    position: relative;
}

#green-sell-index #bank-wrap img#kw-ribbon {
    position: absolute;
    top: 0;
    right: 20px;
    width: 20%;
    max-width: 80px;
}

/*--------- end 螢ｲ蜊ｴ蜈･蜉� ---------*/
/*
  *
  * 繧ｰ繝ｪ繝ｼ繝ｳ繝ｯ繝�ヨ險ｭ蛯吩ｸ€隕ｧ/隧ｳ邏ｰ
  *
  */
/*--------- 荳€隕ｧ ----------*/
#equipment-green_index #view-switch {
    background: #fff;
    padding: 0;
}

#equipment-green_index #view-switch.flex {
    align-items: center;
}

#equipment-green_index #view-switch li {
    padding: 0.5em;
}

#equipment-green_index #view-switch .switch-hd {
    position: relative;
    display: inline-block;
    background: #adadad;
    line-height: 2.2;
}

#equipment-green_index #view-switch .switch-hd::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
    margin: auto;
    width: 10px;
    height: 44px;
    border-style: solid;
    border-width: 22px 0 22px 10px;
    border-color: transparent transparent transparent #adadad;
}

#equipment-green_index .uk-position-center .text-detail {
    font-weight: normal;
    font-size: 0.5em;
    margin-top: 6px;
}

@media screen and (max-width: 640px) {
    #equipment-green_index #view-switch .switch-hd {
        width: 100%;
        margin-right: 0;
    }

    #equipment-green_index #view-switch .switch-hd::after {
        display: none;
    }
}

/*------- end 荳€隕ｧ --------*/
/*--------- 隧ｳ邏ｰ ----------*/
#equipment-green_detail {
    /*------ 逋ｺ髮ｻ螳溽ｸｾ ------*/
    /*------ 縺顔衍繧峨○ ------*/
    /*-------- 繝ｬ繧ｹ繝昴Φ繧ｷ繝� --------*/
}

#equipment-green_detail span.h-bottom-main1,
#equipment-green_detail span.h-bottom-main1-left {
    font-size: 0.4em;
}

#equipment-green_detail #mv-equip {
    height: 325px;
    width: 100%;
}

#equipment-green_detail #mv-equip .container {
    position: relative;
    height: 100%;
}

#equipment-green_detail #mv-equip .container .img-note {
    position: absolute;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    font-size: 0.8em;
    line-height: 1;
    top: auto;
    bottom: 15px;
    right: 15px;
}

#equipment-green_detail #mv-equip h1#mv-title {
    position: relative;
    margin: 0 !important;
    width: 40%;
    height: 100%;
    text-align: left;
}

#equipment-green_detail #mv-equip h1#mv-title.bg-gra {
    background: linear-gradient(to bottom, #00b3a3, #81c725);
}

#equipment-green_detail #mv-equip h1#mv-title .eq-hd-wrap {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#equipment-green_detail #mv-equip h1#mv-title span:not(.eq-name) {
    font-size: 0.5em;
    display: block;
    margin: 10px 0;
}

#equipment-green_detail #mv-equip h1#mv-title .hd-category {
    padding: 5px;
}

#equipment-green_detail .container.flex {
    justify-content: space-between;
}

#equipment-green_detail #share-button .twitter-share-button {
    margin-top: 0;
}

#equipment-green_detail #share-button .fb-share-button span {
    vertical-align: middle !important;
}

#equipment-green_detail #chart-div canvas {
    padding: 10px;
}

#equipment-green_detail #notify {
    background-color: #fafcff;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}

#equipment-green_detail #notify h3 {
    color: #e60012;
    font-size: 1.3em;
    width: 18%;
    text-align: center;
    padding: 20px 20px 0 0;
}

#equipment-green_detail #notify h3:before {
    content: "";
    background: url(/img/common/icon_info.png) center top no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    margin: 0 auto 5px;
}

#equipment-green_detail #notify #notify-text {
    width: 82%;
    border-left: 1px solid #ddd;
    padding-left: 20px;
}

#equipment-green_detail #notify h4 {
    font-weight: bold;
    font-size: 1.1em;
}

#equipment-green_detail #notify p {
    font-size: 0.9em;
    margin-bottom: 0;
}

#equipment-green_detail #chart-notify {
    transition: all 0.5s;
    position: absolute;
    background-color: rgba(250, 250, 250, 0.9);
    z-index: 1;
    text-align: center;
    padding: 100px 10px;
    box-sizing: border-box;
    color: darkgray;
    font-size: 1.5em;
    opacity: 0;
}

#equipment-green_detail #planActualAccuGreenChart {
    display: none;
}

#equipment-green_detail #detail03 .equip-info {
    padding: 0;
}

#equipment-green_detail #detail03 .equip-info .equip-data-wrap {
    border-top: solid 1px #d3d3d3;
    border-left: solid 1px #d3d3d3;
    border-right: solid 1px #d3d3d3;
}

#equipment-green_detail #detail03 .equip-info .equip-data-wrap:last-child {
    border-bottom: solid 1px #d3d3d3;
}

#equipment-green_detail #detail03 .equip-info .equip-data-wrap:nth-child(odd) {
    background: #f9f9f9;
}

#equipment-green_detail #detail03 .equip-info .equip-data-wrap:nth-child(even) {
    background: #fff;
}

@media screen and (max-width: 1100px) {
    #equipment-green_detail #mv-equip .container {
        padding-left: 0;
    }
}

@media screen and (max-width: 959px) {
    #equipment-green_detail #detail01 .uk-first-column {
        padding-left: 0;
    }
}

@media screen and (max-width: 768px) {
    #equipment-green_detail #mv-equip {
        padding-top: 130px;
    }

    #equipment-green_detail #mv-equip .container {
        padding-right: 0;
        overflow: visible;
    }

    #equipment-green_detail #mv-equip h1#mv-title {
        width: 100%;
        min-height: 130px;
        max-height: 140px;
        top: -130px;
    }

    #equipment-green_detail #mv-equip h1#mv-title .eq-hd-wrap {
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    #equipment-green_detail #mv-equip {
        height: 280px;
    }

    #equipment-green_detail #mv-equip h1#mv-title .eq-hd-wrap {
        width: 90%;
    }

    #equipment-green_detail #detail01 li {
        position: relative;
        padding-bottom: 80%;
    }

    #equipment-green_detail #detail01 li iframe {
        position: absolute;
        height: 100%;
    }

    #equipment-green_detail #detail02 #chart-div canvas {
        padding: 10px 0;
    }
}

/*-------- end 隧ｳ邏ｰ --------*/
/*
   *
   * 繧ｰ繝ｪ繝ｼ繝ｳ繝ｯ繝�ヨ蜈ｱ騾咾SS
   *
   */
#green-index {
    /*---------- 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ----------*/
}

#green-index #img .bg-base2 {
    padding: 25px 15px;
}

#green-index #img .catch {
    padding-left: 0.5em;
    font-size: 1.7em;
    letter-spacing: 0.12em;
    margin: 25px 0 0;
    font-weight: normal;
}

#green-index #asset .hd-sub .icon {
    position: relative;
    display: inline-block;
    background: #fff;
    width: 1.4em;
    height: 1.4em;
    padding: 2px;
    border-radius: 50%;
    vertical-align: bottom;
}

#green-index #asset .hd-sub .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#green-index #asset #own-grw .paid-grw {
    padding: 0 15px 0 0;
}

#green-index #asset #own-grw .pre-grw {
    border-left: 1px solid #d3d3d3;
}

#green-index #buy-sell {
    justify-content: center;
}

#green-index #buy-sell .btn-shadow {
    margin: 5px 16px;
}

#green-index #buy-sell .font-gray {
    color: #898989;
}

#green-index #history-tab {
    justify-content: space-between;
    width: calc(100% - 10px);
    margin: 0 auto;
}

#green-index #history-tab li {
    width: 49%;
}

#green-index #history-tab li button {
    background: #eef8e0;
    color: #81c725;
    width: 100%;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 0 5px rgba(206, 206, 206, 0.75);
    padding: 16px 0;
    font-weight: bold;
    font-size: 1.5rem;
}

#green-index #history-tab li button.switch-primary {
    background: #00b3a3;
    color: #fff;
    position: relative;
}

#green-index #history-tab li button.switch-primary:after {
    content: "";
    z-index: 99;
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
    height: 30px;
    background: url(/img/green/index/switch-primary.png) center top no-repeat;
    background-size: contain;
}

#green-index #history #history-wrap {
    border-radius: 0 0 16px 16px;
    filter: drop-shadow(0 6px 5px rgba(206, 206, 206, 0.75));
    transform: translateZ(0);
    overflow: hidden;
    margin: 0 5px 5px;
}

#green-index #btn-share.btn-gra-line {
    position: relative;
    font-size: 1.4em;
}

#green-index #btn-share.btn-gra-line::before {
    content: "";
    width: 2.4em;
    height: 2.4em;
    display: inline-block;
    background: url(/img/green/index/icon-share-l.png) center no-repeat;
    background-size: contain;
    position: absolute;
    left: 1em;
    top: 0.6em;
}

#green-index #btn-share.btn-gra-line::after {
    content: "";
    width: 3.2em;
    height: 3.2em;
    display: inline-block;
    background: url(/img/green/index/icon-share.png) center no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 3px;
}

#green-index #btn-share.btn-gra-line .btn-inner {
    display: flex;
    align-items: center;
    padding: 0 3.8em;
    height: 3.2em;
    font-weight: bold;
}

@media screen and (max-width: 640px) {
    #green-index #img .uk-padding-small {
        padding: 10px;
    }

    #green-index #img .catch {
        font-size: 5vw;
        margin: 10px 0 0;
    }

    #green-index #asset #own-grw .paid-grw {
        padding: 0;
    }

    #green-index #asset #own-grw .pre-grw {
        border-left: none;
        padding-left: 0;
    }

    #green-index #history-tab li button {
        font-size: 4.2vw;
    }

    #green-index #btn-share.btn-gra-line {
        font-size: 1em;
    }
}

/*
  *
  * 繧ｰ繝ｪ繝ｼ繝ｳ繝ｯ繝�ヨ隱ｬ譏弱�繝ｼ繧ｸ
  *
  */
#docs-greenwatt .sp-img,
#docs-greenwatt .sp-br {
    display: none;
}

#docs-greenwatt .flex-contents .flex {
    justify-content: space-between;
}

#docs-greenwatt .flex-contents .img-wrap {
    width: 32%;
}

#docs-greenwatt .flex-contents .text-wrap {
    width: 62%;
}

#docs-greenwatt .hd-deco {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#docs-greenwatt .hd-deco::before,
#docs-greenwatt .hd-deco::after {
    content: "";
    width: 1.2em;
    height: 2px;
}

#docs-greenwatt .hd-deco::before {
    transform: rotate(60deg);
}

#docs-greenwatt .hd-deco::after {
    transform: rotate(-60deg);
}

#docs-greenwatt #intro .bg-tree {
    position: relative;
}

#docs-greenwatt #intro .bg-tree::before,
#docs-greenwatt #intro .bg-tree::after {
    content: "";
    position: absolute;
    background: url(/img/green/docs/bg_tree.png) bottom center no-repeat;
    background-size: contain;
    max-width: 330px;
    width: 29vw;
    height: 237px;
    left: 0;
    bottom: 0;
}

#docs-greenwatt #intro .bg-tree::after {
    left: auto;
    right: 0;
    transform: scale(-1, 1);
}

#docs-greenwatt #intro .wrap-800 {
    padding: 35px 0;
}

#docs-greenwatt #intro .catch {
    font-size: 2em;
    padding-left: 0.7em;
    letter-spacing: 0.1em;
    font-weight: normal;
}

#docs-greenwatt #intro .logo {
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 10px;
}

#docs-greenwatt #intro #about-grw.flex-contents .flex {
    align-items: center;
}

#docs-greenwatt #intro #about-grw.flex-contents .flex .img-wrap {
    max-width: 220px;
    width: 28%;
    margin-right: 20px;
}

#docs-greenwatt #intro #about-grw.flex-contents .flex .img-wrap .bg-base2 {
    position: relative;
    width: 100%;
    border-radius: 50%;
    padding-top: 100%;
}

#docs-greenwatt #intro #about-grw.flex-contents .flex .img-wrap .bg-base2 img {
    position: absolute;
    top: 12px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px;
}

#docs-greenwatt #intro #about-grw.flex-contents .flex .text-wrap {
    width: 70%;
}

#docs-greenwatt #intro #about-grw.flex-contents .flex .text-wrap p {
    font-size: 1.1em;
}

#docs-greenwatt #use .hd {
    display: block;
}

#docs-greenwatt #use .hd .font-s {
    font-size: 0.7em;
}

#docs-greenwatt #use .hd span {
    font-weight: normal;
}

#docs-greenwatt #use .hd span::before,
#docs-greenwatt #use .hd span::after {
    background: #5a982d;
}

#docs-greenwatt #use .flex {
    justify-content: space-between;
}

#docs-greenwatt #use .flex .use-wrap {
    position: relative;
    width: 30%;
}

#docs-greenwatt #use .flex .use-wrap .icon {
    position: absolute;
    max-width: 68px;
    width: 6vw;
    top: 0px;
    left: 0px;
    z-index: 1;
}

#docs-greenwatt #comparisopn .wrap-1000 {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#docs-greenwatt #comparisopn .table-wrap {
    width: 100%;
    border-spacing: 0;
}

#docs-greenwatt #comparisopn .table-wrap tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#docs-greenwatt #comparisopn .table-wrap .t-detail-wrap {
    width: 42%;
}

#docs-greenwatt #comparisopn .table-wrap .t-detail-wrap:first-child {
    width: 16%;
}

#docs-greenwatt #comparisopn .table-wrap .t-detail-wrap:last-child th,
#docs-greenwatt #comparisopn .table-wrap .t-detail-wrap:last-child td {
    border-right: solid 1px #d3d3d3;
}

#docs-greenwatt #comparisopn .table-wrap th,
#docs-greenwatt #comparisopn .table-wrap td {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-top: solid 1px #d3d3d3;
    border-left: solid 1px #d3d3d3;
    overflow: hidden;
}

#docs-greenwatt #comparisopn .table-wrap th:last-child,
#docs-greenwatt #comparisopn .table-wrap td:last-child {
    border-bottom: solid 1px #d3d3d3;
}

#docs-greenwatt #comparisopn .table-wrap img {
    max-width: 210px;
    width: 100%;
}

#docs-greenwatt #comparisopn .table-wrap .line-1 {
    height: 90px;
}

#docs-greenwatt #comparisopn .table-wrap .line-2 {
    height: 142px;
}

#docs-greenwatt #comparisopn .table-wrap .line-4 {
    height: 90px;
}

#docs-greenwatt #comparisopn .table-wrap th.line-5,
#docs-greenwatt #comparisopn .table-wrap td.line-5 {
    height: 170px;
    align-items: initial;
}

#docs-greenwatt #comparisopn .table-wrap .line-6 {
    height: 200px;
}

#docs-greenwatt #qa .flex {
    justify-content: space-between;
}

#docs-greenwatt #qa .qa-wrap {
    width: 49%;
    margin-bottom: 2%;
}

#docs-greenwatt #qa .hd-s {
    font-size: 1em;
}

#docs-greenwatt #qa .icon {
    position: relative;
    padding-left: 30px;
}

#docs-greenwatt #qa .icon::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
}

#docs-greenwatt #qa .icon.question::before {
    background: url(/img/green/docs/icon-q.png) no-repeat;
    background-size: contain;
}

#docs-greenwatt #qa .icon.answer::before {
    background: url(/img/green/docs/icon-a.png) no-repeat;
    background-size: contain;
}

#docs-greenwatt #goal .round-shadow {
    margin: 5px auto;
    overflow: visible;
}

#docs-greenwatt #goal .flex {
    justify-content: space-between;
}

#docs-greenwatt #goal .font-m {
    font-size: 1.6em;
    margin: 0 16px;
}

#docs-greenwatt #goal .wrap-800 {
    max-width: 720px;
}

#docs-greenwatt #goal .goal-wrap {
    position: relative;
    margin-bottom: 82px;
    max-width: 720px;
}

#docs-greenwatt #goal .goal-wrap::after {
    content: "";
    position: absolute;
    background: url(/img/green/docs/arrow_under.png) no-repeat;
    background-size: contain;
    width: 143px;
    height: 32px;
    left: 0;
    right: 0;
    bottom: -62px;
    margin: auto;
}

#docs-greenwatt #goal .goal-wrap.padding-s {
    padding: 20px 30px;
}

#docs-greenwatt #goal .text-left {
    position: relative;
}

#docs-greenwatt #goal .text-left::after {
    content: "";
    position: absolute;
    background: url(/img/green/docs/arrow_right.png) no-repeat;
    background-size: contain;
    width: 21px;
    height: 26px;
    top: 0;
    bottom: 0;
    right: -32px;
    margin: auto;
}

#docs-greenwatt #goal .hd-deco::before,
#docs-greenwatt #goal .hd-deco::after {
    background: #232323;
}

#docs-greenwatt #goal #can .dl-wrap {
    width: 32%;
}

#docs-greenwatt #goal #can .dl-wrap span {
    display: inline-block;
}

#docs-greenwatt #goal #can dt {
    font-weight: normal;
    border-bottom: solid 1px #d3d3d3;
}

#docs-greenwatt #goal #can dt img {
    display: block;
    max-height: 90px;
    height: 100%;
    margin: 0 auto;
}

#docs-greenwatt #goal #can dt,
#docs-greenwatt #goal #can dd {
    padding: 4px;
}

#docs-greenwatt #goal #future ul li {
    width: 49%;
}

#docs-greenwatt #spec .btn-wrap .hd-deco {
    line-height: 1.2;
}

#docs-greenwatt #spec .btn-wrap .hd-deco::before,
#docs-greenwatt #spec .btn-wrap .hd-deco::after {
    width: 1.6em;
    background: #5a982d;
}

@media screen and (max-width: 960px) {
    #docs-greenwatt #intro #about-grw.flex-contents .flex .img-wrap {
        max-width: 180px;
    }
}

@media screen and (max-width: 880px) {
    #docs-greenwatt #intro .catch {
        font-size: 4vw;
    }

    #docs-greenwatt #use .flex .use-wrap {
        width: 33%;
    }

    #docs-greenwatt #use .flex .use-wrap .padding-s {
        padding: 10px;
    }

    #docs-greenwatt #comparisopn .table-wrap .line-2 {
        height: 150px;
    }

    #docs-greenwatt #comparisopn .table-wrap th.line-5,
    #docs-greenwatt #comparisopn .table-wrap td.line-5 {
        height: 163px;
    }
}

@media screen and (max-width: 768px) {
    #docs-greenwatt .flex-contents .img-wrap {
        width: 36%;
    }

    #docs-greenwatt #intro .logo {
        max-width: 240px;
    }

    #docs-greenwatt #intro #about-grw.flex-contents .flex .img-wrap {
        margin-right: 10px;
    }

    #docs-greenwatt #comparisopn .table-wrap .line-2 {
        height: 170px;
    }

    #docs-greenwatt #comparisopn .table-wrap .line-3 {
        height: 95px;
    }

    #docs-greenwatt #comparisopn .table-wrap th.line-5,
    #docs-greenwatt #comparisopn .table-wrap td.line-5 {
        height: 183px;
    }

    #docs-greenwatt #goal .wrap-800 {
        max-width: 600px;
    }

    #docs-greenwatt #goal .wrap-800 .flex {
        justify-content: center;
    }

    #docs-greenwatt #goal .text-left {
        margin-bottom: 26px;
    }

    #docs-greenwatt #goal .text-left::after {
        right: 0;
        left: 0;
        top: auto;
        bottom: -26px;
        transform: rotate(90deg);
    }

    #docs-greenwatt #goal #future .hd-deco {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 640px) {
    #docs-greenwatt h2 {
        font-size: 1.3em;
    }

    #docs-greenwatt .flex-contents .flex {
        justify-content: center;
        position: relative;
        width: 80%;
        margin: 0 auto;
    }

    #docs-greenwatt .flex-contents .flex .img-wrap,
    #docs-greenwatt .flex-contents .flex .text-wrap {
        width: 100%;
    }

    #docs-greenwatt .flex-contents .flex .img-wrap {
        margin-top: 3em;
    }

    #docs-greenwatt .flex-contents .flex .text-wrap {
        margin-top: 20px;
    }

    #docs-greenwatt .flex-contents .flex h2 {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        text-align: center;
    }

    #docs-greenwatt #intro .wrap-800 {
        padding-bottom: 60px;
    }

    #docs-greenwatt #intro .catch {
        font-size: 6vw;
    }

    #docs-greenwatt #intro .logo {
        padding: 20px 10px 30px;
    }

    #docs-greenwatt #intro #about-grw.flex-contents .flex .img-wrap {
        margin-right: 0;
        width: 80%;
    }

    #docs-greenwatt #intro #about-grw.flex-contents .flex .text-wrap {
        width: 100%;
    }

    #docs-greenwatt #intro #about-grw.flex-contents .flex .text-wrap h2 {
        text-align: center;
    }

    #docs-greenwatt #intro #about-grw.flex-contents .flex .text-wrap p {
        font-size: 1em;
    }

    #docs-greenwatt #use .flex {
        max-width: 460px;
        width: 100%;
        margin: 0 auto;
    }

    #docs-greenwatt #use .flex .use-wrap {
        width: 100%;
    }

    #docs-greenwatt #use .flex .use-wrap:nth-child(2) {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #docs-greenwatt #use .flex .use-wrap .icon {
        max-width: 86px;
        width: 100%;
        top: -1px;
        left: -1px;
    }

    #docs-greenwatt #use .flex .use-wrap .padding-s {
        padding: 20px;
    }

    #docs-greenwatt #comparisopn .table-wrap .line-2 {
        height: 200px;
    }

    #docs-greenwatt #comparisopn .table-wrap th.line-5,
    #docs-greenwatt #comparisopn .table-wrap td.line-5 {
        height: 225px;
    }

    #docs-greenwatt #comparisopn .table-wrap .line-6 {
        height: 200px;
    }

    #docs-greenwatt #qa .qa-wrap {
        width: 100%;
    }

    #docs-greenwatt #qa .qa-wrap:nth-last-of-type(2) {
        margin-bottom: 2%;
    }

    #docs-greenwatt #goal .sp-br {
        display: block;
    }

    #docs-greenwatt #goal #future ul li {
        width: 100%;
    }

    #docs-greenwatt #goal #future ul li:first-child {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 480px) {
    #docs-greenwatt h2 {
        font-size: 6vw;
    }

    #docs-greenwatt .flex-contents .flex {
        width: 100%;
    }

    #docs-greenwatt #intro .bg-tree::before,
    #docs-greenwatt #intro .bg-tree::after {
        width: 50vw;
    }

    #docs-greenwatt #intro .wrap-800 {
        padding-bottom: calc(100% - 62vw);
    }

    #docs-greenwatt #use .flex .use-wrap .icon {
        width: 17vw;
    }

    #docs-greenwatt #use .flex .use-wrap .padding-s {
        padding: 10px;
    }

    #docs-greenwatt #comparisopn .table-wrap .t-detail-wrap {
        width: 100%;
    }

    #docs-greenwatt #comparisopn .table-wrap .t-detail-wrap:first-child {
        display: none;
    }

    #docs-greenwatt #comparisopn .table-wrap .t-detail-wrap:nth-child(2) {
        border-right: solid 1px #d3d3d3;
    }

    #docs-greenwatt #comparisopn .table-wrap .t-detail-wrap:last-child {
        margin-top: 20px;
    }

    #docs-greenwatt #comparisopn .table-wrap .line-1,
    #docs-greenwatt #comparisopn .table-wrap .line-2,
    #docs-greenwatt #comparisopn .table-wrap .line-3,
    #docs-greenwatt #comparisopn .table-wrap .line-4,
    #docs-greenwatt #comparisopn .table-wrap .line-6 {
        height: auto;
    }

    #docs-greenwatt #comparisopn .table-wrap td {
        padding: 2.5em 10px 10px;
    }

    #docs-greenwatt #comparisopn .table-wrap th.line-5,
    #docs-greenwatt #comparisopn .table-wrap td.line-5 {
        height: auto;
    }

    #docs-greenwatt #comparisopn .table-wrap .cell {
        position: relative;
    }

    #docs-greenwatt #comparisopn .table-wrap .cell::after {
        content: attr(data-title);
        position: absolute;
        width: 100%;
        background: #f9f9f9;
        color: #232323;
        text-align: center;
        font-weight: bold;
        top: 0;
        left: 0;
        padding: 2px;
    }

    #docs-greenwatt #goal .font-m {
        font-size: 1.3em;
    }

    #docs-greenwatt #goal .font-l {
        font-size: 1.6em;
    }

    #docs-greenwatt #goal #can .dl-wrap {
        width: 100%;
    }

    #docs-greenwatt #goal #can dd {
        text-align: center;
    }

    #docs-greenwatt #goal #can dd br {
        display: none;
    }

    #docs-greenwatt #future .hd-deco {
        font-size: 1.1em;
    }
}

/*
  *
  * 繝ｪ繝ｼ繝戊ｪｬ譏弱�繝ｼ繧ｸ
  *
  */
#docs-offset #flow .distribution-img-wrap {
    width: 100%;
    max-width: 800px;
    margin: auto;
}

#docs-offset #flow .distribution-img-wrap h3 {
    font-size: 1.2em;
}

#docs-offset #flow .green-notes {
    position: relative;
    padding-left: 1.4em;
}

#docs-offset #flow .green-notes:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #00b3a3;
    top: 50%;
    left: 14px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#docs-offset #confirm .flex-left {
    width: 49%;
}

#docs-offset #confirm .flex-right {
    width: 49%;
}

@media screen and (max-width: 640px) {
    #docs-offset h2 {
        font-size: 1.4em;
    }

    #docs-offset #flow .distribution-img-wrap h3 {
        font-size: 1.1em;
    }

    #docs-offset #confirm .flex-left {
        width: 100%;
        margin-bottom: 20px;
    }

    #docs-offset #confirm .flex-right {
        width: 100%;
    }
}

/*
  *
  * 繧ｰ繝ｪ繝ｼ繝ｳ繝ｯ繝�ヨ迺ｰ蠅�ｲ｢迪ｮ
  *
  */
#green-publish {
    /*---------- 繝ｬ繧ｹ繝昴Φ繧ｷ繝� ----------*/
}

#green-publish hr {
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #00b3a3, #81c725);
    border: none;
}

#green-publish #data {
    padding: 30px;
}

#green-publish #data h1 {
    font-size: 2em;
}

#green-publish #data .img-wrap {
    width: 48%;
}

#green-publish #data .img-wrap h1 {
    display: none;
}

#green-publish #data .img-wrap .bk {
    position: relative;
}

#green-publish #data .img-wrap .bk .publish-logo {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 30%;
    max-width: 120px;
}

#green-publish #data .img-wrap .bk .green {
    width: 18%;
    position: absolute;
    bottom: 10%;
    left: 41%;
    z-index: 1;
}

#green-publish #data .img-wrap .bk .green .leaf {
    width: 80%;
    margin-bottom: -10px;
    animation: leaf 5s ease-out infinite;
    opacity: 1;
}

@keyframes leaf {

    0%,
    30% {
        transform: skew(0deg, 0deg);
    }

    5% {
        transform: skew(5deg, 5deg);
    }

    10% {
        transform: skew(-4deg, -4deg);
    }

    15% {
        transform: skew(3deg, 3deg);
    }

    20% {
        transform: skew(-2deg, -2deg);
    }

    25% {
        transform: skew(1deg, 1deg);
    }
}

#green-publish #data .img-wrap .bk .green .base {
    width: 100%;
    position: relative;
    z-index: 2;
}

#green-publish #data .text-wrap {
    width: 48%;
}

#green-publish #data .text-wrap h1 {
    display: block;
}

#green-publish #data .data-wrap {
    border-radius: 10px;
    padding: 10px;
    font-weight: bold;
}

#green-publish #data .data-wrap dt {
    border: 1px solid #fff;
    display: inline-block;
    padding: 2px 4px;
    margin-bottom: 8px;
}

#green-publish #data .data-wrap dd {
    font-size: 1.5em;
    word-break: break-all;
}

#green-publish #data .btn-main2-frame,
#green-publish #data .btn-gra-line {
    width: calc(100% - 10px);
}

#green-publish #data .btn-main2-frame .btn-inner,
#green-publish #data .btn-gra-line .btn-inner {
    padding: 16px 5px;
    position: relative;
}

#green-publish #data .btn-main2-frame .btn-inner .icon-right,
#green-publish #data .btn-gra-line .btn-inner .icon-right {
    position: absolute;
    right: 10px;
    top: 35%;
}

#green-publish footer #ft01 p {
    width: calc(100% - 250px);
    margin: 0;
}

#green-publish footer #ft-btm {
    justify-content: center;
    padding: 8px;
}

@media screen and (max-width: 840px) {
    #green-publish #data .img-wrap {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    #green-publish #data .img-wrap h1 {
        display: block;
        text-align: center;
    }

    #green-publish #data .text-wrap {
        width: 100%;
    }

    #green-publish #data .text-wrap h1 {
        display: none;
    }

    #green-publish footer #ft01 p {
        width: 100%;
        margin-top: 1em;
    }
}

@media screen and (max-width: 640px) {
    #green-publish #data {
        padding: 20px 10px 10px;
    }

    #green-publish #data h1 {
        font-size: 1.3em;
    }
}

/*************************
  * 繧ｰ繝ｪ繝ｼ繝ｳ繝ｯ繝�ヨ螳溽ｸｾ繧ｵ繝槭Μ繝ｼ
  *************************/
#green-data {
    /******* 繧ｿ繝� *******/
    /********************
      繧ｨ繝ｪ繧｢蛻･繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ
    ********************/
    /********************
      蛟倶ｺｺ繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ
    ********************/
}

#green-data .hd-main {
    padding-bottom: 8px;
    border-bottom: 3px solid;
}

#green-data .hd-main img {
    height: 1em;
    vertical-align: baseline;
}

#green-data .tab-wrap .select-tab {
    background-color: #cecece;
    color: #fff;
    width: 48%;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 0 5px rgba(206, 206, 206, 0.75);
    padding: 8px 0;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
}

#green-data .tab-wrap .select-tab:hover {
    cursor: pointer;
}

#green-data .scroll {
    overflow-y: scroll;
    border: 1px solid #e5e5e5;
}

#green-data .scroll table {
    margin-top: 0;
    font-weight: bold;
}

#green-data .scroll table td {
    padding: 8px;
}

#green-data .scroll table td span {
    display: inline-block;
}

#green-data .scroll table td span.sub-data-s {
    width: 120px;
}

#green-data .scroll table td span.sub-data-l {
    width: 220px;
}

#green-data .scroll table td span.name {
    width: 11em;
}

#green-data .scroll table .rank {
    justify-content: center;
    align-items: center;
    display: flex;
}

#green-data .scroll table .rank1,
#green-data .scroll table .rank2,
#green-data .scroll table .rank3 {
    color: #fff;
}

#green-data .scroll table .rank1 {
    background: url(/img/green/data/rank1.png) center bottom 4px no-repeat;
    background-size: auto 70%;
    padding: 16px 8px 0;
}

#green-data .scroll table .rank2 {
    background: url(/img/green/data/rank2.png) center bottom 4px no-repeat;
    background-size: auto 70%;
    padding: 16px 8px 0;
}

#green-data .scroll table .rank3 {
    background: url(/img/green/data/rank3.png) center bottom 4px no-repeat;
    background-size: auto 70%;
    padding: 16px 8px 0;
}

#green-data .data-button {
    background-color: #00b3a3;
}

#green-data #area-rank #area-wrap {
    align-items: center;
}

#green-data #area-rank .select-tab.active {
    background-color: #81c725;
}

#green-data #area-rank .scroll {
    height: 320px;
}

#green-data #area-rank .pref-map {
    background: url(/img/green/data/map-bk.png) center top no-repeat;
    background-size: 100%;
    position: relative;
}

#green-data #area-rank .pref-map svg {
    width: 100%;
}

#green-data #area-rank .pref-map svg .cls-1 {
    fill: #ededed;
}

#green-data #area-rank .pref-map svg .rank1 {
    fill: #00b3a3;
}

#green-data #area-rank .pref-map svg .rank2 {
    fill: #81c725;
}

#green-data #area-rank .pref-map svg .rank3 {
    fill: #f7b421;
}

#green-data #area-rank .pref-map svg .rank4,
#green-data #area-rank .pref-map svg .rank5,
#green-data #area-rank .pref-map svg .rank6,
#green-data #area-rank .pref-map svg .rank7,
#green-data #area-rank .pref-map svg .rank8,
#green-data #area-rank .pref-map svg .rank9,
#green-data #area-rank .pref-map svg .rank10 {
    fill: #fbd98e;
}

#green-data #area-rank .pref-map::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/green/data/map-line.png) center top no-repeat;
    background-size: 100%;
}

#green-data #personal-rank .select-tab.active {
    background-color: #00b3a3;
}

#green-data #personal-rank .scroll {
    height: 450px;
}

@media screen and (max-width: 920px) {
    #green-data .scroll table td span {
        display: block;
    }

    #green-data .scroll table td span.sub-data-s,
    #green-data .scroll table td span.sub-data-l,
    #green-data .scroll table td span.name {
        width: auto;
    }
}

@media screen and (max-width: 640px) {
    #green-data .scroll table {
        font-size: 0.8em;
    }
}

/*
  *
  * 繧ｰ繝ｪ繝ｼ繝ｳ繝ｯ繝�ヨ繧ｪ繝輔そ繝�ヨ
  *
  */
/*---------- history ----------*/
#offset-history section #history table,
#offset-detail section #history table {
    border-right: none;
    border-left: none;
}

#offset-history section #history table th,
#offset-history section #history table td,
#offset-detail section #history table th,
#offset-detail section #history table td {
    border-left: none;
}

#offset-history section tbody tr,
#offset-detail section tbody tr {
    cursor: pointer;
    position: relative;
}

#offset-history section tbody tr:hover,
#offset-detail section tbody tr:hover {
    opacity: 0.7;
}

#offset-history .offset-history-top h3 .icon,
#offset-detail .offset-history-top h3 .icon {
    position: relative;
    display: inline-block;
    background: #fff;
    width: 1.4em;
    height: 1.4em;
    padding: 2px;
    border-radius: 50%;
    vertical-align: bottom;
}

#offset-history .offset-history-top h3 .icon img,
#offset-detail .offset-history-top h3 .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#offset-history .detail-main-content,
#offset-detail .detail-main-content {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
}

#offset-history .table-icon,
#offset-detail .table-icon {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#offset-history .offset-detail-btn-icon,
#offset-detail .offset-detail-btn-icon {
    top: 0.26em;
}

@media screen and (max-width: 640px) {

    #offset-history section #history table thead,
    #offset-detail section #history table thead {
        display: none;
    }

    #offset-history tbody td[data-title]:before,
    #offset-detail tbody td[data-title]:before {
        color: #232323;
        content: attr(data-title) " :";
        font-weight: bold;
        padding: 0 10px 0 0;
        display: inline;
    }
}

/*---------- end history ----------*/
/*
   *
   * 繧ｫ繝ｼ繝懊Φ繧ｪ繝輔そ繝�ヨ繝槭ャ繝�
   *
   */
#green-monte .uk-padding {
    padding: 20px;
}

#green-monte .top-img-wrap {
    margin: 0px 5px 40px;
}

#green-monte .detail-main-content {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
}

/*
   *
   * APF蜈ｱ騾咾SS
   *
   */
.apf-contents-height {
    min-height: calc(100vh - 108px);
}

.apf-cmn {
    font-size: 14px;
    color: #231815;
    background-color: white;
    /*------ 蜈ｱ騾� ------*/
    /* 隗剃ｸｸ */
    /* 蜷梧ｯ皮紫縺ｧ逕ｻ蜒上ｒ繝医Μ繝溘Φ繧ｰ */
    /* 逕ｻ蜒上�譫�邱� */
    /* 菴咏區 */
    /*------ 繝輔か繝ｳ繝医し繧､繧ｺ ------*/
    /*------ 繝輔か繝ｳ繝医き繝ｩ繝ｼ ------*/
    /*------ 隕句�縺励�陬�｣ｾ ------*/
    /*------ 閭梧勹 ------*/
    /*------ 繝懊ち繝ｳ ------*/
    /* 繧ｵ繧､繧ｺ */
    /*------ 繧ｫ繝�ざ繝ｪ繝ｼ ------*/
    /* 繧ｿ繧ｰ */
    /*------ 繝ｪ繧ｹ繝� ------*/
    /*------ 陬�｣ｾ ------*/
    /*------ 繧ｿ繝門�繧頑崛縺� ------*/
    /*------ 繝壹�繧ｸ繝阪�繧ｷ繝ｧ繝ｳ ------*/
    /*------ 雉ｼ蜈･縲∵眠隕丈ｼ壼藤逋ｻ骭ｲ繧ｹ繝�ャ繝� ------*/
    /*------ 邏吝聖髮ｪ ------*/
    /*------ 繝ｪ繝ｼ繝輔ご繝�ヨ繝昴ャ繝励い繝�� ------*/
    /*------ 繝輔ャ繝医�繝ｪ繝ｳ繝育屮菫ｮ ------*/
    /*---------- UIkit ----------*/
    /*---------- PC ----------*/
}

.apf-cmn h1,
.apf-cmn h2,
.apf-cmn h3,
.apf-cmn h4,
.apf-cmn h5 {
    color: #231815;
    font-weight: bold;
}

.apf-cmn p,
.apf-cmn ul,
.apf-cmn ol,
.apf-cmn dl,
.apf-cmn a {
    color: #231815;
}

.apf-cmn button {
    background-color: transparent;
    border: none;
}

.apf-cmn .apf-main {
    background: linear-gradient(to right, #6bb640 0%, #6bb640 20%, #f0ae22 20%, #f0ae22 40%, #df2516 40%, #df2516 60%, #672e8d 60%, #672e8d 80%, #0d79be 80%, #0d79be 100%);
    width: 100%;
    height: 6px;
}

.apf-cmn .apf-corner {
    border-radius: 8px;
}

.apf-cmn .apf-img-trim {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 57%;
}

.apf-cmn .apf-img-trim img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    object-fit: cover;
}

.apf-cmn .apf-img-border {
    border: solid 1px #ccc;
}

.apf-cmn .apf-padding-l {
    padding-top: 20px;
    padding-bottom: 20px;
}

.apf-cmn .apf-padding-m {
    padding-top: 10px;
    padding-bottom: 10px;
}

.apf-cmn .apf-card-padding {
    padding: 10px;
}

.apf-cmn .apf-text-accent {
    font-size: 1.3em;
    line-height: 1.3;
    font-weight: bold;
}

.apf-cmn .apf-text-secondary {
    font-size: 0.8em;
}

.apf-cmn .apf-text-muted {
    font-size: 0.6em;
}

.apf-cmn .apf-hd-article {
    font-size: 1.3em;
}

.apf-cmn .apf-font-move {
    color: #6bb640;
}

.apf-cmn .apf-font-energy {
    color: #f0ae22;
}

.apf-cmn .apf-font-food {
    color: #df2516;
}

.apf-cmn .apf-font-chores {
    color: #672e8d;
}

.apf-cmn .apf-font-goods {
    color: #0d79be;
}

.apf-cmn .apf-font-other {
    color: #464646;
}

.apf-cmn .apf-font-sub {
    color: #9fa0a0;
}

.apf-cmn .apf-font-error {
    color: #ff1815;
}

.apf-cmn h2 {
    font-size: 1.5em;
}

.apf-cmn h2.apf-hd-primary {
    position: relative;
    padding-left: 16px;
}

.apf-cmn h2.apf-hd-primary::before {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom, #6bb640 0%, #6bb640 20%, #f0ae22 20%, #f0ae22 40%, #df2516 40%, #df2516 60%, #672e8d 60%, #672e8d 80%, #0d79be 80%, #0d79be 100%);
    width: 5px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.apf-cmn h2.apf-hd-secondary {
    position: relative;
    text-align: center;
    padding-bottom: 8px;
}

.apf-cmn h2.apf-hd-secondary::before {
    content: "";
    position: absolute;
    background: linear-gradient(to right, #6bb640 0%, #6bb640 20%, #f0ae22 20%, #f0ae22 40%, #df2516 40%, #df2516 60%, #672e8d 60%, #672e8d 80%, #0d79be 80%, #0d79be 100%);
    width: 2em;
    height: 5px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.apf-cmn h2.apf-hd-symbol {
    position: relative;
    padding-left: 1.2em;
}

.apf-cmn h2.apf-hd-symbol::before {
    content: "";
    position: absolute;
    background: url(/img/apf/apf_favicon.png) no-repeat;
    background-size: contain;
    width: 1em;
    height: 100%;
    left: 0;
    top: 0.3em;
    bottom: 0;
    margin: auto;
}

.apf-cmn h3 {
    font-size: 1.2em;
}

.apf-cmn h4 {
    font-size: 1.1em;
}

.apf-cmn h5 {
    font-size: 1em;
}

.apf-cmn .apf-list-title {
    font-weight: normal;
}

.apf-cmn .apf-hd-cmn {
    color: white;
    padding: 6px 8px;
    border-radius: 8px 8px 0 0;
}

.apf-cmn .apf-hd-leaf {
    background-color: #6bb640;
}

.apf-cmn .apf-hd-foot {
    background-color: #0d79be;
}

.apf-cmn .apf-hd-action {
    background-color: #df2516;
}

.apf-cmn .apf-hd-action span.uk-icon-image {
    margin-right: 0.3em;
}

.apf-cmn .apf-hd-deco {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
}

.apf-cmn .apf-hd-deco::before,
.apf-cmn .apf-hd-deco::after {
    content: "";
    background-color: #231815;
    width: 1.2em;
    height: 1px;
    border-radius: 2px;
}

.apf-cmn .apf-hd-deco::before {
    transform: rotate(60deg);
}

.apf-cmn .apf-hd-deco::after {
    transform: rotate(-60deg);
}

.apf-cmn .apf-text-link {
    color: #000;
    font-size: 1.1em;
    padding-bottom: 1px;
    border-bottom: solid 1px;
}

.apf-cmn .apf-text-emphasis {
    font-weight: bold;
    font-size: 1.1em;
}

.apf-cmn .apf-note-accent {
    background-color: #f3f3f3;
    border: 2px solid #231815;
    padding: 1em;
}

.apf-cmn .apf-number,
.apf-cmn .apf-number-secondary {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    padding: 2px;
}

.apf-cmn .apf-number {
    background-color: #231815;
    color: white;
}

.apf-cmn .apf-number-secondary {
    background-color: white;
    color: #231815;
}

.apf-cmn code {
    display: inline-block;
    background-color: #ff1815;
    color: white;
    line-height: 1;
    padding: 4px 6px;
    margin-bottom: 0.5em;
}

.apf-cmn .apf-bg {
    background-color: #f3f3f3;
}

.apf-cmn .apf-bg-primary {
    background-color: #231815;
    color: white;
}

.apf-cmn .apf-bg-primary h1,
.apf-cmn .apf-bg-primary h2,
.apf-cmn .apf-bg-primary h3,
.apf-cmn .apf-bg-primary h4,
.apf-cmn .apf-bg-primary h5,
.apf-cmn .apf-bg-primary p,
.apf-cmn .apf-bg-primary ul,
.apf-cmn .apf-bg-primary ol,
.apf-cmn .apf-bg-primary dl,
.apf-cmn .apf-bg-primary a {
    color: white;
}

.apf-cmn .apf-bg-primary .cls-1 {
    fill: white;
}

.apf-cmn .apf-bg-secondary {
    background-color: #9fa0a0;
    color: white;
}

.apf-cmn .apf-bg-secondary h1,
.apf-cmn .apf-bg-secondary h2,
.apf-cmn .apf-bg-secondary h3,
.apf-cmn .apf-bg-secondary h4,
.apf-cmn .apf-bg-secondary h5,
.apf-cmn .apf-bg-secondary p,
.apf-cmn .apf-bg-secondary ul,
.apf-cmn .apf-bg-secondary ol,
.apf-cmn .apf-bg-secondary dl,
.apf-cmn .apf-bg-secondary a {
    color: white;
}

.apf-cmn .apf-bg-secondary .cls-1 {
    fill: white;
}

.apf-cmn .apf-bg-special {
    background: url(/img/apf/apf-index/apf_cam_bk.jpg);
    border-top: solid 2px #f3f3f3;
    border-bottom: solid 2px #f3f3f3;
}

.apf-cmn .apf-card {
    background-color: white;
    border-radius: 8px;
}

.apf-cmn .apf-btn-s,
.apf-cmn .apf-btn-m,
.apf-cmn .apf-btn-l {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    text-align: center;
    font-weight: bold;
    border: solid 1.5px;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
    overflow: hidden;
    cursor: pointer;
}

.apf-cmn .apf-btn-s {
    max-width: 120px;
    height: 2em;
    padding: 4px 8px;
    font-size: 1em;
}

.apf-cmn .apf-btn-s img,
.apf-cmn .apf-btn-s svg {
    width: 1em;
}

.apf-cmn .apf-btn-m {
    max-width: 160px;
    padding: 8px;
    font-size: 1.3em;
}

.apf-cmn .apf-btn-l {
    max-width: 240px;
    padding: 8px;
    font-size: 1.3em;
}

.apf-cmn .apf-btn-primary {
    border-color: #231815;
    background-color: #231815;
    color: white;
}

.apf-cmn .apf-btn-primary .cls-1 {
    fill: white;
}

.apf-cmn .apf-btn-primary:hover {
    opacity: 1;
    background-color: white;
    color: #231815;
}

.apf-cmn .apf-btn-primary:hover .cls-1 {
    fill: #231815;
}

.apf-cmn .apf-btn-secondary {
    border-color: #9fa0a0;
    background-color: white;
    color: #9fa0a0;
}

.apf-cmn .apf-btn-secondary:hover {
    opacity: 1;
    background-color: #9fa0a0;
    color: white;
}

.apf-cmn .apf-btn-secondary:hover .cls-1 {
    fill: white;
}

.apf-cmn .apf-btn-icon {
    position: relative;
}

.apf-cmn .apf-btn-icon .apf-btn-icon-left,
.apf-cmn .apf-btn-icon .apf-btn-icon-right {
    position: absolute;
    width: 1em;
    height: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
}

.apf-cmn .apf-btn-icon .apf-btn-icon-right {
    right: 0.5em;
}

.apf-cmn .apf-btn-icon img,
.apf-cmn .apf-btn-icon svg {
    width: 1em;
}

.apf-cmn .apf-btn-leaf {
    position: relative;
    padding-right: 1em;
}

.apf-cmn .apf-btn-leaf .apf-btn-icon-leaf {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    width: 1.7em;
    height: 1.7em;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    right: 2px;
    margin: auto;
}

.apf-cmn .apf-btn-leaf .apf-btn-icon-leaf img {
    width: 1em;
}

.apf-cmn .apf-btn-select {
    border: solid 2px #9fa0a0;
    background-color: white;
    color: #9fa0a0;
    justify-content: flex-start;
}

.apf-cmn .apf-btn-select.active {
    border-color: #231815;
    background-color: white;
    color: #231815;
}

.apf-cmn .apf-btn-select.active .cls-1 {
    fill: #231815;
}

.apf-cmn .apf-btn-sub {
    border: solid 1px #231815;
    background-color: white;
    color: #231815;
    font-weight: normal;
    font-size: 1em;
}

.apf-cmn .apf-btn-more {
    position: relative;
    display: inline-block;
    max-width: 420px;
    width: 100%;
    border: solid 2px #f3f3f3;
    color: #231815;
    font-size: 1.2em;
    text-align: center;
    padding: 4px 8px;
}

.apf-cmn .apf-btn-more .apf-btn-icon {
    position: absolute;
}

.apf-cmn .apf-btn-more img,
.apf-cmn .apf-btn-more svg {
    width: 0.8em;
}

.apf-cmn .apf-btn-more .cls-1 {
    fill: #231815;
}

.apf-cmn .apf-btn-more:active {
    opacity: 1;
    background-color: #f3f3f3;
}

.apf-cmn .apf-btn-item {
    display: inline-block;
    background-color: white;
    color: #9fa0a0;
    border-radius: 50px;
    text-align: center;
    font-weight: bold;
    margin: 6px;
    padding: 4px 8px;
    opacity: 0.7;
}

.apf-cmn .apf-btn-item.active {
    opacity: 1;
}

.apf-cmn .apf-btn-item:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    transition: all 0.5s;
}

.apf-cmn .apf-btn-accent {
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
    overflow: visible;
}

.apf-cmn .apf-btn-accent:before,
.apf-cmn .apf-btn-accent:after {
    position: absolute;
    content: "";
    display: block;
    width: 140%;
    height: 130%;
    left: -20%;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
    z-index: 100;
}

.apf-cmn .apf-btn-accent:before {
    display: none;
    top: -75%;
    background-image: radial-gradient(circle, #df2516 20%, transparent 20%), radial-gradient(circle, transparent 20%, #0d79be 20%, transparent 30%), radial-gradient(circle, #6bb640 20%, transparent 20%), radial-gradient(circle, #672e8d 20%, transparent 20%), radial-gradient(circle, transparent 10%, #df2516 15%, transparent 20%), radial-gradient(circle, #0d79be 20%, transparent 20%), radial-gradient(circle, #6bb640 20%, transparent 20%), radial-gradient(circle, #672e8d 20%, transparent 20%), radial-gradient(circle, #f0ae22 20%, transparent 20%);
    background-size: 14% 14%, 24% 24%, 19% 19%, 24% 24%, 22% 22%, 14% 14%, 19% 19%, 14% 14%, 22% 22%;
}

.apf-cmn .apf-btn-accent:after {
    display: none;
    bottom: -75%;
    background-image: radial-gradient(circle, #0d79be 20%, transparent 20%), radial-gradient(circle, #df2516 20%, transparent 20%), radial-gradient(circle, transparent 10%, #0d79be 15%, transparent 20%), radial-gradient(circle, #6bb640 20%, transparent 20%), radial-gradient(circle, #f0ae22 20%, transparent 20%), radial-gradient(circle, #df2516 20%, transparent 20%), radial-gradient(circle, #f0ae22 20%, transparent 20%);
    background-size: 19% 19%, 24% 24%, 22% 22%, 24% 24%, 19% 19%, 14% 14%, 24% 24%;
}

.apf-cmn .apf-btn-accent:active {
    transform: scale(0.9);
}

.apf-cmn .apf-btn-accent.apf-btn-accent-animate:before {
    display: block;
    animation: topBubbles ease-in-out 0.75s forwards;
}

.apf-cmn .apf-btn-accent.apf-btn-accent-animate:after {
    display: block;
    animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
    0% {
        background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
    }

    50% {
        background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
    }

    100% {
        background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}

@keyframes bottomBubbles {
    0% {
        background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
    }

    50% {
        background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
    }

    100% {
        background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}

.apf-cmn .apf-tag {
    display: inline-block;
    font-size: 0.5em;
    font-weight: bold;
    border: solid 1px;
    border-radius: 50px;
    background-color: white;
    padding: 2px 8px;
    text-align: center;
    margin: 2px 0 0 2px;
}

.apf-cmn .apf-tag-campaign {
    color: #f0ae22;
    border-color: #f0ae22;
}

.apf-cmn .apf-tag-move {
    color: #6bb640;
    border-color: #6bb640;
}

.apf-cmn .apf-tag-energy {
    color: #f0ae22;
    border-color: #f0ae22;
}

.apf-cmn .apf-tag-food {
    color: #df2516;
    border-color: #df2516;
}

.apf-cmn .apf-tag-chores {
    color: #672e8d;
    border-color: #672e8d;
}

.apf-cmn .apf-tag-goods {
    color: #0d79be;
    border-color: #0d79be;
}

.apf-cmn .apf-tag-other {
    color: #464646;
    border-color: #464646;
}

.apf-cmn .apf-list {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.apf-cmn .apf-list> :nth-child(n) {
    border-bottom: solid 1px #f3f3f3;
    padding: 0 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.apf-cmn .apf-list> :last-child {
    margin-bottom: 0;
}

.apf-cmn .apf-separate {
    border: solid 2px #f3f3f3;
    margin: 8px -8px;
}

.apf-cmn .apf-hd-deco {
    display: flex;
    align-items: center;
    justify-content: center;
}

.apf-cmn .apf-hd-deco:before,
.apf-cmn .apf-hd-deco::after {
    content: "";
    width: 1.6em;
    height: 2px;
    border-radius: 2px;
    background-color: #231815;
}

.apf-cmn .apf-hd-deco:before {
    transform: rotate(60deg);
}

.apf-cmn .apf-hd-deco:after {
    transform: rotate(-60deg);
}

.apf-cmn .apf-tab-wrap {
    position: relative;
    width: 100%;
}

.apf-cmn .apf-tab-wrap .apf-tab-active {
    position: absolute;
    width: 25%;
    background-color: #231815;
    height: 6px;
    border-radius: 5px;
    font-size: 0.8em;
    left: 0;
    bottom: 0;
    z-index: 2;
    transition: all 0.5s;
}

.apf-cmn .apf-tab {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding-bottom: 0.5em;
}

.apf-cmn .apf-tab::before {
    content: "";
    position: absolute;
    background-color: #9fa0a0;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    left: 0;
    bottom: 0;
    transition: left 1s cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 1;
}

.apf-cmn .apf-tab .apf-tab-content {
    position: relative;
    width: 25%;
    color: #9fa0a0;
    text-align: center;
}

.apf-cmn .apf-tab .apf-tab-content.active {
    color: #231815;
    transition: all 0.5s;
}

.apf-cmn .apf-pagenation {
    display: flex;
    align-items: center;
}

.apf-cmn .apf-pagenation .apf-pagenation-parts {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #9fa0a0;
    color: white;
    padding: 6px;
}

.apf-cmn .apf-pagenation .apf-pagenation-parts .cls-1 {
    fill: white;
}

.apf-cmn .apf-pagenation .apf-pagenation-parts.apf-pagenation-parts-active {
    background-color: #231815;
}

.apf-cmn .apf-pagenation #apf-prev {
    transform: scale(-1, 1);
}

.apf-cmn #regist-step li.step-active {
    background-color: #231815;
}

.apf-cmn #regist-step li.step-active:after {
    border-left: 10px solid #231815;
}

.apf-cmn .apf-confetti {
    display: block;
    position: relative;
    z-index: 1000;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

.apf-cmn .apf-confetti .paper {
    opacity: 0;
    position: absolute;
}

.apf-cmn .apf-confetti .paper:nth-child(odd) {
    animation: confetti1 3.5s ease-in;
}

.apf-cmn .apf-confetti .paper:nth-child(even) {
    animation: confetti2 3.5s ease-in;
}

.apf-cmn .apf-confetti .paper.c1 {
    background-color: #6bb640;
}

.apf-cmn .apf-confetti .paper.c2 {
    background-color: #f0ae22;
}

.apf-cmn .apf-confetti .paper.c3 {
    background-color: #df2516;
}

.apf-cmn .apf-confetti .paper.c4 {
    background-color: #672e8d;
}

.apf-cmn .apf-confetti .paper.c5 {
    background-color: #0d79be;
}

@keyframes confetti1 {
    0% {
        opacity: 0;
        transform: translate(0%, 0%) rotate(0deg);
    }

    2% {
        opacity: 1;
    }

    15% {
        transform: translate(500%, -1000%) rotate(270deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-500%, 2500%) rotate(720deg);
    }
}

@keyframes confetti2 {
    0% {
        opacity: 0;
        transform: translateY(0%, 0%) rotate(0deg);
    }

    2% {
        opacity: 1;
    }

    15% {
        transform: translate(-500%, -1800%) rotate(270deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(500%, 2500%) rotate(720deg);
    }
}

.apf-cmn .apf-leaf-get-card-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    transition: opacity 0.6s;
    opacity: 0;
    z-index: -1;
}

.apf-cmn .apf-leaf-get-card-wrap .apf-contents-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 84%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.apf-cmn .apf-leaf-get-card-wrap .apf-leaf-get-card {
    max-width: 520px;
    width: 100%;
    margin: auto;
    padding: 16px;
    background: #fff;
    border-radius: 8px;
}

.apf-cmn .apf-leaf-get-card-wrap .apf-leaf-get-close img {
    width: 30px;
}

.apf-cmn .apf-leaf-get-card-wrap .img-wrap img {
    width: 180px;
}

@media screen and (min-width: 640px) {
    .apf-cmn .apf-leaf-get-card {
        padding: 32px 16px;
    }
}

.apf-cmn .footprint-supervision-wrap {
    border: solid 1.5px #000;
    width: auto;
    padding: 16px;
    margin: 40px auto;
}

.apf-cmn .footprint-supervision-wrap p {
    font-size: 1.4em;
}

.apf-cmn .apf-footprint-supervision {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    transform: translateX(100%);
    transition: 0.5s ease-in-out;
    padding: 40px 24px;
    overflow-y: scroll;
    z-index: 2000;
}

.apf-cmn .apf-footprint-supervision .apf-footprint-supervision-close {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 5%;
    right: 5%;
}

.apf-cmn .apf-footprint-supervision .supervision-img img {
    height: 220px;
}

.apf-cmn .apf-footprint-supervision .notes1 {
    padding-left: 1.2em;
}

.apf-cmn .js-footprint-supervision-active {
    transform: translateX(0);
}

.apf-cmn .uk-alert-danger {
    color: #ff1815;
}

.apf-cmn .uk-alert-danger p {
    color: #ff1815;
}

@media screen and (min-width: 640px) {
    .apf-cmn {
        font-size: 16px;
    }

    .apf-cmn .apf-padding-l {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .apf-cmn .apf-padding-m {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .apf-cmn .apf-card-padding {
        padding: 20px;
    }

    .apf-cmn .apf-btn-l,
    .apf-cmn .apf-btn-m {
        font-size: 1.1em;
        padding: 10px;
    }
}

/**********************
      繝倥ャ繝€繝ｻ繝輔ャ繧ｿ蜈ｱ騾�
      (toggle繝｡繝九Η繝ｼ)
  **********************/
.apf-cmn .apf-toggle-menu {
    display: flex;
    flex-direction: column;
    position: fixed;
    background-color: #231815;
    width: 100%;
    height: 100%;
    top: 100%;
    color: white;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    padding: 40px 20px 90px 20px;
    overflow: hidden;
    z-index: 999;
    transition: all 0.6s ease;
}

.apf-cmn .apf-toggle-menu.active {
    top: 0;
}

.apf-cmn .apf-toggle-menu #apf-toggle-close {
    display: none;
}

.apf-cmn .apf-toggle-menu .apf-list .apf-list-item {
    position: relative;
    color: white;
    cursor: pointer;
}

.apf-cmn .apf-toggle-menu .apf-list .apf-list-item::after {
    content: "";
    position: absolute;
    background: url(/img/apf/apf_icon_arrow.svg) no-repeat;
    background-size: contain;
    width: 20px;
    height: 100%;
    top: 0.5em;
    bottom: 0;
    margin: auto;
    right: 0;
}

.apf-cmn .apf-toggle-menu .apf-list .apf-list-item:hover {
    opacity: 0.8;
}

.apf-cmn .apf-toggle-menu .apf-list a {
    display: block;
    color: white;
}

.apf-cmn .apf-toggle-menu #apf-banner {
    margin-top: auto;
    padding-top: 20px;
}

.apf-cmn .apf-toggle-menu #apf-banner li {
    max-width: 320px;
}

.apf-cmn .apf-toggle-menu #apf-banner li:nth-child(2) {
    margin-bottom: 0;
}

.apf-cmn .apf-toggle-menu #apf-banner li:nth-child(n+3) {
    display: none;
}

@media screen and (max-width: 380px) {
    .apf-cmn .apf-toggle-menu {
        padding-top: 20px;
        padding-bottom: 80px;
    }

    .apf-cmn .apf-toggle-menu .apf-list {
        font-size: 0.9em;
    }

    .apf-cmn .apf-toggle-menu .apf-list> :nth-child(n) {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .apf-cmn .apf-toggle-menu .apf-list .apf-list-item::after {
        width: 1.2em;
    }
}

@media screen and (min-width: 640px) {
    .apf-cmn .apf-toggle-menu {
        padding-top: 80px;
        padding-bottom: 40px;
        top: 0;
        right: -100%;
        transition: 0.8s;
    }

    .apf-cmn .apf-toggle-menu.active {
        right: 0;
    }

    .apf-cmn .apf-toggle-menu #apf-toggle-close {
        display: block;
        position: absolute;
        width: 30px;
        padding: 0;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

    .apf-cmn .apf-toggle-menu #apf-toggle-close:hover {
        opacity: 0.8;
    }

    .apf-cmn .apf-toggle-menu .apf-list,
    .apf-cmn .apf-toggle-menu #apf-banner {
        max-width: 640px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .apf-cmn .apf-toggle-menu #apf-banner li {
        width: 48%;
    }
}

@media screen and (min-width: 960px) {
    .apf-cmn .apf-toggle-menu {
        width: 40%;
        right: -40%;
    }

    .apf-cmn .apf-toggle-menu.active {
        right: 0;
    }

    .apf-cmn .apf-toggle-menu #apf-banner li {
        width: 100%;
        margin-top: 3%;
        margin-right: auto;
        margin-left: auto;
    }
}

.apf-cmn #apf-credit {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
    padding: 40px;
    overflow: hidden;
    overscroll-behavior: none;
    transition: all 0.6s ease;
    z-index: 9999;
}

.apf-cmn #apf-credit.active {
    right: 0;
}

.apf-cmn #apf-credit>div {
    max-width: 25em;
    width: 100%;
    margin: 0 auto;
}

.apf-cmn #apf-credit .company-name {
    font-size: 1.3em;
    font-weight: bold;
}

.apf-cmn #apf-credit #ft-mark {
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.apf-cmn #apf-credit #ft-mark img {
    height: 80px;
    margin: 0 20px;
}

.apf-cmn #apf-credit #ft-right #ft-terms {
    flex-direction: column;
    margin-top: 0;
}

.apf-cmn #apf-credit #ft-right #ft-terms li {
    position: relative;
    padding-left: 16px;
}

.apf-cmn #apf-credit #ft-right #ft-terms li::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #231815;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.apf-cmn #apf-credit #ft-right .copyright {
    font-size: 0.6em;
}

.apf-cmn #apf-credit #apf-totop {
    position: absolute;
    width: 30px;
    top: 10px;
    right: 10px;
    padding: 0;
}

.apf-cmn #apf-credit #apf-totop svg {
    display: none;
}

/********************
          繝倥ャ繝€
  ********************/
#apf-hd {
    /* 繝ｭ繧ｴ縺ｮ縺ｿ縺ｮ蝣ｴ蜷� */
    /* 譁ｰ隕冗匳骭ｲ */
}

#apf-hd .container {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

#apf-hd #apf-logo {
    max-width: 240px;
    min-width: 140px;
    width: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-self: center;
}

#apf-hd .apf-notice {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}

#apf-hd .apf-notice a {
    position: relative;
}

#apf-hd .apf-notice a .apf-notify {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #ff1815;
    border-radius: 50%;
    right: -2px;
}

#apf-hd.apf-inactive-hd .container {
    display: none;
}

#apf-hd.apf-regist-hd #apf-logo {
    min-width: 200px;
}

#apf-hd.apf-regist-hd .apf-notice {
    display: none;
}

@media screen and (min-width: 640px) {
    #apf-hd .container {
        display: flex;
    }

    #apf-hd #apf-logo {
        margin: 0 auto 0 0;
        width: 20%;
    }

    #apf-hd #apf-login {
        position: absolute;
        width: 21em;
        top: 0;
        right: 0;
    }

    #apf-hd #apf-login a {
        width: 50%;
        padding: 8px;
    }

    #apf-hd #apf-login svg {
        width: 0.8em;
        vertical-align: text-bottom;
    }

    #apf-hd .apf-notice {
        position: initial;
        width: 40px;
        margin: 0;
    }

    #apf-hd #apf-global-nav {
        padding-top: 32px;
    }

    #apf-hd #apf-nav-menu {
        font-size: 1.1em;
    }

    #apf-hd #apf-nav-menu li {
        padding: 4px 8px 0;
    }

    #apf-hd #apf-nav-menu li img {
        width: 30px;
    }

    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-main2 {
        border-color: #fbb03b;
        background-color: #fbb03b;
    }

    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-main2 .cls-1 {
        fill: white;
    }

    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-main2:hover {
        background-color: white;
    }

    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-main2:hover .cls-1 {
        fill: #fbb03b;
    }

    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-main2.btn-grw {
        border-color: #81c725;
        background-color: #81c725;
    }

    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-main2.btn-grw .cls-1 {
        fill: white;
    }

    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-main2.btn-grw .cls-2 {
        fill: #81c725;
    }

    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-main2.btn-grw:hover {
        background-color: white;
    }

    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-main2.btn-grw:hover .cls-1 {
        fill: #81c725;
    }

    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-main2.btn-grw:hover .cls-2 {
        fill: white;
    }

    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-ss {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }

    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-ss img,
    #apf-hd #apf-nav-menu .apf-hd-menu-change .btn-ss svg {
        width: 1em;
    }

    #apf-hd #apf-menu-open {
        cursor: pointer;
    }

    #apf-hd #apf-menu-open:hover {
        opacity: 0.8;
    }

    #apf-hd #apf-hd-sub {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #apf-hd.apf-regist-hd {
        /* 譁ｰ隕冗匳骭ｲ繝ｻ繝ｭ繧ｰ繧､繝ｳ */
    }

    #apf-hd.apf-regist-hd #apf-global-nav,
    #apf-hd.apf-regist-hd #apf-login {
        display: none;
    }

    #apf-hd.apf-regist-hd #apf-logo {
        margin: 0 auto;
    }
}

@media screen and (min-width: 840px) {
    #apf-hd .apf-toggle-menu {
        width: 30%;
        right: -30%;
    }
}

/********************
          繝輔ャ繧ｿ
  ********************/
#apf-ft {
    padding-bottom: 60px;
    /* 繝ｩ繧､繝ｳ縺ｮ縺ｿ */
    /* 譁ｰ隕冗匳骭ｲ */
}

#apf-ft #apf-bottom-nav {
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 60px;
    box-shadow: 0 0 6px rgba(28, 26, 26, 0.6);
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 6px;
    padding-bottom: 4px;
    z-index: 1000;
}

#apf-ft #apf-bottom-nav::after {
    content: "";
    position: absolute;
    background: linear-gradient(to right, #6bb640 0%, #6bb640 20%, #f0ae22 20%, #f0ae22 40%, #df2516 40%, #df2516 60%, #672e8d 60%, #672e8d 80%, #0d79be 80%, #0d79be 100%);
    width: 100%;
    height: 4px;
    bottom: 0;
    left: 0;
}

#apf-ft #apf-bottom-nav #apf-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#apf-ft #apf-bottom-nav #apf-bottom .apf-bottom-btn {
    width: 25%;
}

#apf-ft #apf-bottom-nav #apf-bottom .apf-bottom-btn img {
    width: 30px;
    padding: 4px;
}

#apf-ft #apf-bottom-nav #apf-bottom .apf-bottom-btn p {
    text-align: center;
    font-weight: bold;
    font-size: 0.6em;
    letter-spacing: 0;
    color: #9fa0a0;
    line-height: 1;
}

#apf-ft .apf-main {
    display: none;
}

#apf-ft.apf-inactive-ft {
    padding-bottom: 0;
}

#apf-ft.apf-inactive-ft #copyright,
#apf-ft.apf-inactive-ft #apf-bottom-nav {
    display: none;
}

#apf-ft.apf-inactive-ft .apf-main {
    display: block;
    height: 8px;
}

#apf-ft.apf-regist-ft {
    position: relative;
    box-sizing: border-box;
    padding-bottom: 20px;
}

#apf-ft.apf-regist-ft #apf-bottom-nav {
    display: none;
}

#apf-ft.apf-regist-ft #apf-ft-fixed {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#apf-ft.apf-regist-ft .apf-main {
    display: block;
}

@media screen and (min-width: 640px) {
    #apf-ft {
        position: static;
        bottom: 0;
        padding-bottom: 0;
    }

    #apf-ft #apf-bottom-nav {
        display: none;
    }

    #apf-ft #copyright {
        padding: 8px;
    }

    #apf-ft .apf-main {
        display: block;
    }
}

/*
   *
   * 繧ｹ繝励Λ繝�す繝･縲√せ繝医�繝ｪ繝ｼ逕ｻ髱｢
   *
   */
/*--------- 繧ｹ繝励Λ繝�す繝･縲√せ繝医�繝ｪ繝ｼ縲∬ｨ域ｸｬ蜈ｱ騾� -----------*/
#apf-splash,
#apf-story,
#apf-measure {
    overflow-x: hidden;
}

#apf-splash .apf-card-contents-wrap,
#apf-story .apf-card-contents-wrap,
#apf-measure .apf-card-contents-wrap {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#apf-splash .apf-card,
#apf-story .apf-card,
#apf-measure .apf-card {
    width: 80%;
    max-height: 70vh;
    overflow-y: scroll;
    margin: 0px auto;
    padding: 16px 10px;
    background-color: #fff;
    border-radius: 8px;
    position: relative;
}

#apf-splash .apf-card::-webkit-scrollbar,
#apf-story .apf-card::-webkit-scrollbar,
#apf-measure .apf-card::-webkit-scrollbar {
    width: 4px;
}

#apf-splash .apf-card::-webkit-scrollbar-thumb,
#apf-story .apf-card::-webkit-scrollbar-thumb,
#apf-measure .apf-card::-webkit-scrollbar-thumb {
    background: #9fa0a0;
    border-radius: 2px;
}

#apf-splash #apf-video-area,
#apf-story #apf-video-area,
#apf-measure #apf-video-area {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#apf-splash .apf-video,
#apf-story .apf-video,
#apf-measure .apf-video {
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*--------- 繧ｹ繝励Λ繝�す繝･逕ｻ髱｢ -----------*/
#apf-splash .apf-card-contents-wrap {
    width: 60%;
    max-width: 300px;
}

#apf-splash .logo-img {
    max-width: 180px;
    margin: auto;
}

#apf-splash .btn-start {
    color: #231815;
    background-color: #fff;
    font-size: 1.2em;
    padding: 12px 8px;
    border: none;
}

#apf-splash .btn-start a {
    border: none;
}

/*--------- 繧ｹ繝医�繝ｪ繝ｼ -----------*/
#apf-story {
    overflow-y: hidden;
}

#apf-story .arrow-white .cls-1 {
    fill: #9fa0a0;
}

#apf-story .arrow-white:hover svg .cls-1 {
    fill: #fff;
}

#apf-story #get-story-offset-point {
    color: #231815;
}

#apf-story #get-story-offset-point .apf-btn-icon-leaf {
    background-color: #6bb640;
}

#apf-story #get-story-offset-point .apf-btn-icon-leaf .cls-1 {
    fill: #fff;
}

#apf-story #get-story-offset-point:hover {
    color: #fff;
    background-color: #231815;
}

#apf-story #get-story-offset-point.apf-btn-accent::before,
#apf-story #get-story-offset-point.apf-btn-accent::after {
    width: 110%;
    left: -5%;
}

/*--------- 繧ｹ繝医�繝ｪ繝ｼ縲∵ｸｬ繧句�騾� -----------*/
#apf-story ul,
#apf-measure ul {
    padding: 0;
    margin: 0;
}

#apf-story .apf-bottom-logo,
#apf-measure .apf-bottom-logo {
    position: absolute;
    width: 150px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: 0.5s ease-in-out;
}

#apf-story .apf-btn-back,
#apf-measure .apf-btn-back {
    position: absolute;
    z-index: 100;
    width: 30px;
    height: 30px;
    top: 2%;
    left: 3%;
    border-radius: 50%;
    transition: 0.5s ease-in-out;
}

#apf-story .apf-btn-back span,
#apf-measure .apf-btn-back span {
    line-height: 30px;
}

#apf-story .apf-btn-next svg,
#apf-measure .apf-btn-next svg {
    width: 24px;
}

#apf-story .apf-btn-next:hover .cls-1,
#apf-measure .apf-btn-next:hover .cls-1 {
    fill: #231815;
}

#apf-story button span,
#apf-measure button span {
    position: relative;
}

#apf-story .apf-card,
#apf-measure .apf-card {
    width: 100%;
}

#apf-story .card-text,
#apf-measure .card-text {
    font-size: 1.1em;
    font-weight: bold;
}

#apf-story .apf-carousel,
#apf-measure .apf-carousel {
    width: 300px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

#apf-story .apf-carousel-area,
#apf-measure .apf-carousel-area {
    display: flex;
    position: absolute;
    top: 48%;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

#apf-story .apf-carousel-list,
#apf-measure .apf-carousel-list {
    width: 300px;
    opacity: 0;
}

#apf-story .story-detail-text,
#apf-measure .story-detail-text {
    text-align: left;
}

#apf-story .card-img img,
#apf-measure .card-img img {
    max-width: 200px;
}

#apf-story .card-detail-text,
#apf-measure .card-detail-text {
    font-size: 0.8em;
    text-align: left;
}

#apf-story .apf-story-offcanvas,
#apf-measure .apf-story-offcanvas {
    color: #fff;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    transform: translateX(100%);
    transition: 0.6s ease-in-out;
    padding: 40px 24px;
    overflow-y: scroll;
    z-index: 1000;
}

#apf-story .js-apf-story-open,
#apf-measure .js-apf-story-open {
    transform: translateX(0);
}

#apf-story .js-display-none,
#apf-measure .js-display-none {
    opacity: 0;
}

#apf-story .story-detail-title,
#apf-measure .story-detail-title {
    font-size: 1.6em;
    font-weight: bold;
}

#apf-story .story-detail-poem,
#apf-measure .story-detail-poem {
    font-size: 1.2em;
    line-height: 2;
}

#apf-story .story-detail-text p,
#apf-measure .story-detail-text p {
    color: #fff;
}

#apf-story .apf-story-close-btn,
#apf-measure .apf-story-close-btn {
    padding: 0;
    width: 24px;
    position: absolute;
    top: 3%;
    right: 5%;
}

#apf-story .story-skip,
#apf-measure .story-skip {
    position: absolute;
    bottom: 5%;
    right: 5%;
    font-size: 0.8em;
    border: solid 1px #9fa0a0;
    padding: 2px 10px;
    border-radius: 50px;
}

#apf-story .story-skip:hover,
#apf-measure .story-skip:hover {
    color: #fff;
    background-color: #9fa0a0;
}

#apf-story .apf-hd-story-detail-secondary,
#apf-measure .apf-hd-story-detail-secondary {
    position: relative;
    width: 7em;
    font-size: 0.8em;
    padding-bottom: 0.3em;
    margin: auto;
}

#apf-story .apf-hd-story-detail-secondary::before,
#apf-measure .apf-hd-story-detail-secondary::before {
    content: "";
    position: absolute;
    width: 90%;
    height: 2px;
    background-color: #fff;
    left: 0;
    bottom: 0;
}

#apf-story .apf-hd-story-detail-secondary::after,
#apf-measure .apf-hd-story-detail-secondary::after {
    content: "";
    position: absolute;
    background: url(/img/apf/story/apf_img_story_secondary.png) no-repeat;
    background-size: contain;
    width: 1.375em;
    height: 2.2em;
    right: 0;
    bottom: 0;
}

#apf-story #apf-disabled-btn,
#apf-measure #apf-disabled-btn {
    background-color: #9fa0a0;
    border-color: #9fa0a0;
    color: #fff;
    font-size: 1em;
}

#apf-story .apf-display-none,
#apf-measure .apf-display-none {
    display: none;
}

#apf-story .fade-up,
#apf-story .fade-in,
#apf-measure .fade-up,
#apf-measure .fade-in {
    opacity: 0;
}

#apf-story .fade-wrap .fade-up,
#apf-measure .fade-wrap .fade-up {
    transform: translateY(120px);
    animation: fadeText1 1.5s 0.3s forwards, fadeText2 1.5s 1.8s forwards;
}

#apf-story .fade-wrap .fade-in,
#apf-measure .fade-wrap .fade-in {
    animation: fadeIn 1.9s 2.5s forwards;
}

#apf-story #measure-content .fade-up,
#apf-measure #measure-content .fade-up {
    transform: translateY(120px);
    animation: fadeText1 1.5s 9.5s forwards, fadeText2 1.5s 11s forwards;
}

#apf-story #measure-content .fade-in,
#apf-measure #measure-content .fade-in {
    animation: fadeIn 1.9s 11.7s forwards;
}

@keyframes fadeText1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeText2 {
    100% {
        transform: translateY(0px);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media screen and (min-width: 640px) {

    #apf-story .apf-carousel,
    #apf-measure .apf-carousel {
        width: 450px;
    }

    #apf-story .apf-carousel-list,
    #apf-measure .apf-carousel-list {
        width: 450px;
    }

    #apf-story .apf-card,
    #apf-measure .apf-card {
        padding: 32px 16px;
    }
}

@media screen and (max-width: 374px) {

    #apf-story .apf-card,
    #apf-measure .apf-card {
        max-height: 400px;
    }
}

/*--------- 貂ｬ繧狗判髱｢ -----------*/
#apf-measure {
    overflow: hidden;
}

#apf-measure p {
    margin-bottom: 10px;
}

#apf-measure .container {
    min-height: 100vh;
}

#apf-measure .apf-bg {
    height: 100%;
}

#apf-measure .measure-center-img img {
    width: 200px;
}

#apf-measure .apf-measure-card {
    padding: 8px;
    margin: auto;
    max-width: 400px;
}

#apf-measure .apf-measure-card dt {
    text-align: left;
}

#apf-measure .page-num {
    font-weight: normal;
}

#apf-measure .answer-select p {
    text-align: left;
}

#apf-measure .answer-select-option {
    font-size: 1.1em;
    text-align: left;
    border-left: 2px solid #d1d1d1;
    padding-left: 8px;
}

#apf-measure .apf-check-wrap {
    display: block;
    position: relative;
    padding-left: 18px;
    margin-bottom: 4px;
    user-select: none;
}

#apf-measure .apf-check-wrap input {
    display: none;
}

#apf-measure .apf-checkbox-mark {
    position: absolute;
    top: 18%;
    left: 0%;
    height: 13px;
    width: 13px;
    border: 1px solid #231815;
    box-sizing: border-box;
    border-radius: 3px;
}

#apf-measure .apf-checkbox-mark:after {
    content: "";
    position: absolute;
    display: none;
    left: 3px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: 2px solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#apf-measure .apf-check-wrap input:checked+.apf-checkbox-mark {
    background-color: #231815;
}

#apf-measure .apf-check-wrap input:checked+.apf-checkbox-mark:after {
    display: block;
}

#apf-measure .apf-radio-mark {
    position: absolute;
    top: 18%;
    left: 0%;
    height: 14px;
    width: 14px;
    border: 1px solid #231815;
    box-sizing: border-box;
    border-radius: 50%;
}

#apf-measure .apf-radio-mark:after {
    content: "";
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #231815;
}

#apf-measure .apf-check-wrap input:checked+.apf-radio-mark:after {
    display: block;
}

#apf-measure .apf-card-result {
    background-color: #fff;
    border-radius: 8px;
}

#apf-measure .question-text {
    text-align: left;
}

#apf-measure .apf-date-of-birth {
    display: flex;
    white-space: nowrap;
    align-items: center;
}

#apf-measure .apf-date-of-birth select {
    margin-right: 4px;
}

#apf-measure .apf-date-width {
    width: 54px;
    margin-left: 10px;
}

#apf-measure .apf-measure-text-accent {
    font-size: 1.2em;
}

#apf-measure .apf-already-input-text {
    font-weight: normal;
    text-align: right;
    border-bottom: 1px solid #9fa0a0;
    padding-bottom: 6px;
    margin-bottom: 8px;
}

/*--------- 貂ｬ螳壼ｮ御ｺ�判髱｢ -----------*/
#apf-foot-result #measure-animation {
    position: absolute;
    top: 50vh;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#apf-foot-result #measure-animation img {
    max-width: 240px;
}

#apf-foot-result #measure-animation .apf-logo img {
    max-width: 160px;
}

#apf-foot-result .apf-foot-answer {
    background: #fff;
    padding: 20px 0;
    margin-bottom: 140px;
}

#apf-foot-result .apf-list> :nth-child(n) {
    border-bottom: solid 1px #f3f3f3;
    padding: 0 10px;
}

#apf-foot-result .apf-foot-logo img {
    max-width: 160px;
}

/*---------- 繝帙�繝�縺ｨ繧ｹ繝医�繝ｪ繝ｼ荳€隕ｧ蜈ｱ騾� ----------*/
#apf-index #apf-story .apf-hd-story-secondary,
#apf-story-index #apf-story .apf-hd-story-secondary {
    position: relative;
    font-size: 0.8em;
    padding-bottom: 0.3em;
}

#apf-index #apf-story .apf-hd-story-secondary::before,
#apf-story-index #apf-story .apf-hd-story-secondary::before {
    content: "";
    position: absolute;
    width: 7em;
    height: 2px;
    background-color: #231815;
    left: 0;
    bottom: 0;
}

#apf-index #apf-story .apf-hd-story-secondary::after,
#apf-story-index #apf-story .apf-hd-story-secondary::after {
    content: "";
    position: absolute;
    background: url(/img/apf/story/apf_img_story.png) no-repeat;
    background-size: contain;
    width: 1.375em;
    height: 2.2em;
    left: 6em;
    bottom: 0;
}

#apf-index #apf-story .apf-story-title,
#apf-story-index #apf-story .apf-story-title {
    font-size: 1.1em;
    font-weight: normal;
    -webkit-text-stroke: 0.3px #231815;
}

#apf-index #apf-story .apf-story-read-common,
#apf-story-index #apf-story .apf-story-read-common {
    position: absolute;
    bottom: 20px;
    left: 20px;
    border: solid 1px #6bb640;
    border-radius: 50px;
    font-size: 0.6em;
    padding: 2px 4px;
}

#apf-index #apf-story .apf-story-read-common svg,
#apf-story-index #apf-story .apf-story-read-common svg {
    padding: 1px;
    vertical-align: sub;
}

#apf-index #apf-story .apf-story-unread,
#apf-story-index #apf-story .apf-story-unread {
    background-color: #6bb640;
    color: white;
}

#apf-index #apf-story .apf-story-unread .cls-1,
#apf-story-index #apf-story .apf-story-unread .cls-1 {
    fill: white;
}

#apf-index #apf-story .apf-story-read,
#apf-story-index #apf-story .apf-story-read {
    background-color: white;
    color: #231815;
}

#apf-index #apf-story .apf-story-read .cls-1,
#apf-story-index #apf-story .apf-story-read .cls-1 {
    fill: #6bb640;
}

#apf-index #apf-story .apf-story-read-leaf,
#apf-story-index #apf-story .apf-story-read-leaf {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 2px 1px 1px 1px;
}

#apf-index #apf-story .apf-story-read-leaf svg,
#apf-story-index #apf-story .apf-story-read-leaf svg {
    width: 16px;
}

#apf-index #apf-story .apf-story-read-leaf .cls-1,
#apf-story-index #apf-story .apf-story-read-leaf .cls-1 {
    fill: #6bb640;
}

#apf-index #apf-story .card-left,
#apf-story-index #apf-story .card-left {
    padding-bottom: 2.5em;
    width: 62%;
}

#apf-index #apf-story .card-right,
#apf-story-index #apf-story .card-right {
    width: 36%;
}

#apf-index #apf-story .apf-card,
#apf-story-index #apf-story .apf-card {
    padding: 20px;
}

/* 繧ｹ繝医�繝ｪ繝ｼ荳€隕ｧ */
#apf-story-index #apf-video-area {
    height: 100%;
}

#apf-story-index #apf-video-area::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

#apf-story-index #apf-story-lists {
    position: relative;
    z-index: 2;
}

#apf-story-index .apf-hd-story {
    position: relative;
    color: white;
    font-size: 1.6em;
    padding-left: 1em;
    margin-top: 1em;
    margin-bottom: 1.3em;
    line-height: 0.8;
}

#apf-story-index .apf-hd-story img {
    position: absolute;
    width: 1em;
    height: 1.6em;
    left: 0;
    bottom: 0;
}

#apf-story-index .apf-hd-story .apf-text-muted {
    font-weight: normal;
}

#apf-story-index .apf-card {
    margin-bottom: 4%;
    width: 100%;
    overflow: hidden;
}

#apf-story-index .apf-card:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 640px) {
    #apf-story-index .apf-hd-story {
        width: 13em;
        margin-right: auto;
        margin-left: auto;
    }

    #apf-story-index .apf-card {
        width: 47%;
        margin-bottom: 0;
    }

    #apf-story-index .apf-card:nth-child(-n+2) {
        margin-bottom: 3%;
    }
}

/*
  *
  * APF繝帙�繝�
  *
  */
#apf-index .js-overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    transition: 0.5s;
    z-index: 30;
}

#apf-index #apf-top {
    position: relative;
    height: 100%;
    overflow: hidden;
}

#apf-index #apf-top .apf-video-area {
    position: absolute;
    width: 200%;
    top: 0;
    left: 50%;
    transform: translateY(0) translateX(-50%);
    -webkit-transform: translateY(0) translateX(-50%);
}

#apf-index #apf-top .apf-video-area video {
    width: 100%;
}

#apf-index #apf-top-slide {
    /**** 繧ｹ繝ｩ繧､繝€繝ｼ ****/
    /**** 蜑阪∈�乗ｬ｡縺ｸ ****/
}

#apf-index #apf-top-slide #apf-item-btn {
    display: flex;
}

#apf-index #apf-top-slide #apf-item-btn .apf-list-option {
    color: #464646;
    width: 140px;
    cursor: pointer;
    z-index: 2;
    margin: 0;
}

#apf-index #apf-top-slide #apf-item-btn .apf-list-option:first-child {
    margin: 0 8px;
}

#apf-index #apf-top-slide #apf-item-btn .apf-list-option.active,
#apf-index #apf-top-slide #apf-item-btn .apf-list-option:hover {
    opacity: 1;
}

#apf-index #apf-top-slide .apf-slide {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 200px;
    overflow: hidden;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-list {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item {
    min-width: 100%;
    height: 100%;
    padding: 0 40px;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item dt,
#apf-index #apf-top-slide .apf-slide .apf-slide-item dd {
    padding: 6px 8px;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item p {
    margin: 6px 0;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-list-inner {
    max-width: 500px;
    width: 100%;
    height: 200px;
    background: white;
    overflow: hidden;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-list-inner svg {
    width: 0.8em;
    vertical-align: initial;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-list-inner svg .cls-1 {
    fill: #231815;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-slide-hd {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-text-accent {
    font-size: 2em;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-slide-dd {
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    padding: 0 8px 8px;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-list-total {
    margin: 12px 0 8px 0;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-list-total.apf-text-accent {
    margin: 8px 0;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-list-data {
    background-color: #f3f3f3;
    padding: 4px;
    margin: 0;
    white-space: nowrap;
    flex-wrap: wrap;
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-list-data.apf-data-leaf {
    background-color: rgba(107, 182, 64, 0.1);
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-list-data.apf-data-foot {
    background-color: rgba(13, 121, 190, 0.09);
}

#apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-list-data.apf-data-action {
    background-color: rgba(223, 37, 22, 0.07);
}

#apf-index #apf-top-slide .apf-slide .apf-list-data-wrap {
    width: 100%;
}

#apf-index #apf-top-slide .apf-slide .apf-list-data-wrap dd {
    margin-left: auto;
}

#apf-index #apf-top-slide .apf-slide .apf-list-data-wrap dd.apf-action-plus {
    position: relative;
    padding-left: 0.8em;
}

#apf-index #apf-top-slide .apf-slide .apf-list-data-wrap dd.apf-action-plus::before {
    content: "+";
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0;
    margin: auto;
}

#apf-index #apf-top-slide .apf-pagenation-parts {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 30px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 2;
}

#apf-index #apf-top-slide .apf-pagenation-parts .apf-arrow {
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 0;
}

#apf-index #apf-top-slide .apf-pagenation-parts .apf-arrow:hover {
    opacity: 0.8;
}

#apf-index #apf-top-slide .apf-pagenation-parts .apf-next {
    transform: rotate(180deg);
}

#apf-index #apf-story .apf-hd-story {
    position: relative;
    margin: 12px 0 10px 0;
    padding-left: 0.9em;
}

#apf-index #apf-story .apf-hd-story img {
    position: absolute;
    width: 0.875em;
    height: 1.4em;
    left: 0;
    top: -0.4em;
}

#apf-index #apf-story .apf-hd-story .apf-text-muted {
    font-weight: normal;
}

#apf-index #apf-home-action-rec a {
    display: block;
}

#apf-index #apf-home-action-rec ul {
    width: 1650px;
}

#apf-index #apf-home-action-rec .apf-home-action-list {
    display: inline-block;
    margin-right: 1%;
    max-width: 240px;
    width: 100%;
    padding: 2px 0 1.5em 2px;
}

#apf-index #apf-home-action-rec .apf-home-action-list:last-child {
    margin-right: 0;
}

#apf-index #apf-home-action-rec .apf-home-action-list .text-wrap {
    margin-top: 1em;
}

#apf-index #apf-home-action-rec .apf-action-category {
    position: relative;
}

#apf-index #apf-home-action-rec .apf-action-category::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: -2px;
    left: -2px;
    z-index: 1;
}

#apf-index #apf-home-action-rec .apf-action-category.apf-category-move::before {
    background: url(/img/apf/apf_icon_move_primary.png) no-repeat;
    background-size: contain;
}

#apf-index #apf-home-action-rec .apf-action-category.apf-category-energy::before {
    background: url(/img/apf/apf_icon_energy_primary.png) no-repeat;
    background-size: contain;
}

#apf-index #apf-home-action-rec .apf-action-category.apf-category-food::before {
    background: url(/img/apf/apf_icon_food_primary.png) no-repeat;
    background-size: contain;
}

#apf-index #apf-home-action-rec .apf-action-category.apf-category-housework::before {
    background: url(/img/apf/apf_icon_housework_primary.png) no-repeat;
    background-size: contain;
}

#apf-index #apf-home-action-rec .apf-action-category.apf-category-goods::before {
    background: url(/img/apf/apf_icon_goods_primary.png) no-repeat;
    background-size: contain;
}

#apf-index #apf-home-action-rec .apf-action-category.apf-category-special::before {
    background: url(/img/apf/apf_icon_special_primary.png) no-repeat;
    background-size: contain;
}

#apf-index #apf-home-action-rec .apf-action-category.apf-category-other::before {
    background: url(/img/apf/apf_icon_other_primary.png) no-repeat;
    background-size: contain;
}

@media screen and (min-width: 480px) {
    #apf-index #apf-top-slide .apf-slide .apf-list-data-wrap {
        width: auto;
    }
}

@media screen and (min-width: 640px) {
    #apf-index h2 {
        text-align: center;
    }

    #apf-index #apf-top {
        padding-bottom: 50%;
        height: 0;
    }

    #apf-index #apf-top .apf-video-area {
        width: 100%;
    }

    #apf-index #apf-home-mv {
        position: relative;
    }

    #apf-index #apf-home-mv #apf-top-slide .container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #apf-index #apf-story .apf-hd-story {
        width: 13em;
        margin-right: auto;
        margin-left: auto;
    }

    #apf-index #apf-top-campaign li {
        max-width: 640px;
        width: 100%;
        margin: 0 auto;
    }

    #apf-index #apf-home-action-rec .apf-home-action-list {
        padding: 4px 0 1.5em 4px;
    }

    #apf-index #apf-home-action-rec .apf-action-category::before {
        width: 45px;
        height: 45px;
        top: -4px;
        left: -4px;
    }
}

@media screen and (min-width: 960px) {
    #apf-index #apf-top {
        padding-bottom: 30%;
    }

    #apf-index #apf-top-slide #apf-item-btn {
        display: none;
    }

    #apf-index #apf-top-slide .apf-pagenation-parts {
        display: none;
    }

    #apf-index #apf-top-slide .apf-slide .apf-slide-list {
        left: 0 !important;
    }

    #apf-index #apf-top-slide .apf-slide .apf-slide-item {
        min-width: 0;
        width: 100%;
        padding: 0 20px;
    }

    #apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-slide-hd {
        height: 38px;
    }

    #apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-slide-dd {
        height: calc(100% - 38px);
    }

    #apf-index #apf-top-slide .apf-slide .apf-slide-item .apf-list-inner {
        height: 200px;
    }

    #apf-index #apf-top-slide .apf-slide .apf-slide-item dd {
        line-height: 1;
    }

    #apf-index #apf-top-slide .apf-slide .apf-list-data-wrap {
        width: 100%;
    }

    #apf-index #apf-top-slide .apf-slide .apf-list-data-wrap dd {
        margin-left: auto;
    }
}

/********************
  * 繝帙�繝�縲√♀遏･繧峨○蜈ｱ騾� *
  ********************/
#apf-index #apf-announce .apf-notice-list .img-wrap,
#apf-announce-index #apf-announce .apf-notice-list .img-wrap {
    width: 38%;
}

#apf-index #apf-announce .apf-notice-list .text-wrap,
#apf-announce-index #apf-announce .apf-notice-list .text-wrap {
    width: 59%;
}

#apf-index #apf-announce .apf-tab .apf-tab-content,
#apf-announce-index #apf-announce .apf-tab .apf-tab-content {
    width: 50%;
}

#apf-index #apf-announce .apf-tab-wrap .apf-tab-active,
#apf-announce-index #apf-announce .apf-tab-wrap .apf-tab-active {
    width: 50%;
}

@media screen and (min-width: 768px) {

    #apf-index #apf-announce .apf-notice-list,
    #apf-announce-index #apf-announce .apf-notice-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #apf-index #apf-announce .apf-notice-list>li,
    #apf-announce-index #apf-announce .apf-notice-list>li {
        width: 49%;
        margin-bottom: 4%;
    }
}

#apf-index #apf-announce .apf-img-trim,
#apf-announce-index #apf-announce .apf-img-trim {
    padding-top: 52%;
}

#apf-index #apf-category li,
#apf-category-index #apf-category li {
    width: 25%;
    padding: 8px;
}

#apf-index #apf-category li img,
#apf-category-index #apf-category li img {
    max-width: 80px;
    min-width: 60px;
    width: 25%;
}

#apf-index #apf-category .apf-font-item,
#apf-category-index #apf-category .apf-font-item {
    font-size: 0.8em;
    margin: 0.5em 0 0 0;
}

@media screen and (min-width: 640px) {

    #apf-index #apf-category ul,
    #apf-category-index #apf-category ul {
        justify-content: center;
    }

    #apf-index #apf-category li,
    #apf-category-index #apf-category li {
        width: auto;
        margin: 0 auto;
    }

    #apf-index #apf-category li img,
    #apf-category-index #apf-category li img {
        width: 100%;
    }
}

/*---------- new繝槭�繧ｯ ----------*/
#apf-index .apf-new,
#apf-category-index .apf-new {
    width: 20px;
}

#apf-index #apf-home-action-rec .apf-list-title,
#apf-index .apf-category-inner .apf-list-title,
#apf-category-index #apf-home-action-rec .apf-list-title,
#apf-category-index .apf-category-inner .apf-list-title {
    text-indent: 2.3em;
    display: inline;
}

/*
  *
  * APF繧ｫ繝�ざ繝ｪ繝ｻAPF繧｢繧ｯ繧ｷ繝ｧ繝ｳ
  *
  */
/********** APF繧ｫ繝�ざ繝ｪ繝ｻ繧ｭ繝｣繝ｳ繝壹�繝ｳ荳€隕ｧ隕句�縺怜�騾� **********/
#apf-category-hd .img-wrap {
    width: 60px;
}

#apf-category-hd .text-wrap {
    width: calc(100% - 70px);
}

@media screen and (min-width: 768px) {
    #apf-category-hd .img-wrap {
        width: 80px;
    }

    #apf-category-hd .text-wrap {
        width: calc(100% - 100px);
    }
}

/********** APF繧ｫ繝�ざ繝ｪ荳€隕ｧ **********/
#apf-category-index #apf-category-contents .apf-category-inner {
    width: 47.5%;
}

#apf-category-index #apf-category-contents .apf-category-inner:nth-child(odd) {
    margin-right: 5%;
}

#apf-category-index #apf-category-contents .apf-category-inner:not(:nth-last-child(-n+2)) {
    margin-bottom: 6%;
}

#apf-category-index #apf-category-contents .apf-leaf-get {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background-color: white;
    border-radius: 50%;
    top: 4px;
    left: 4px;
    padding: 3px;
}

#apf-category-index #apf-category-contents .apf-leaf-get .cls-1 {
    fill: #6bb640;
}

@media screen and (min-width: 768px) {
    #apf-category-index #apf-category-contents .apf-category-inner {
        width: 23%;
    }

    #apf-category-index #apf-category-contents .apf-category-inner:not(:nth-child(4n)) {
        margin-right: 2.6%;
    }

    #apf-category-index #apf-category-contents .apf-category-inner:not(:nth-last-child(-n+2)) {
        margin-bottom: 0;
    }

    #apf-category-index #apf-category-contents .apf-category-inner:not(:nth-child(4n)) {
        margin-bottom: 3%;
    }
}

/********** end APF繧ｫ繝�ざ繝ｪ荳€隕ｧ **********/
/********** APF繧｢繧ｯ繧ｷ繝ｧ繝ｳ(險倅ｺ玖ｩｳ邏ｰ) **********/
#apf-action-index .apf-btn-accent {
    font-size: 1.3em;
    width: 100%;
}

#apf-action-index .apf-btn-accent:before,
#apf-action-index .apf-btn-accent:after {
    width: 110%;
    left: -5%;
}

#apf-action-index #apf-action-top dt {
    min-width: 9em;
    width: 40%;
}

#apf-action-index #apf-action-top dd {
    width: 60%;
}

#apf-action-index #apf-action-top .apf-category-icon {
    width: 30px;
    margin-right: 4px;
}

#apf-action-index #apf-action-top .apf-contribution svg {
    width: 16px;
    margin: 0 2px;
}

#apf-action-index #apf-action-top .apf-contribution .cls-1 {
    fill: #231815;
}

#apf-action-index #apf-action-top .apf-contribution .score-active .cls-1 {
    fill: #6bb640;
}

#apf-action-index #apf-action-contents article ul {
    list-style-type: disc;
}

#apf-action-index #apf-action-contents article ol {
    list-style-type: decimal;
}

#apf-action-index #apf-action-contents article p {
    text-align: left;
}

#apf-action-index #apf-action-contents article .apf-action-article> :last-child {
    margin-bottom: 0;
}

#apf-action-index #apf-action-contents article a {
    color: #9fa0a0;
    padding-bottom: 1px;
    border-bottom: solid 1px;
}

#apf-action-index #apf-action-contents .apf-movie-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

#apf-action-index #apf-action-contents .apf-movie-wrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -50%;
    left: -50%;
    transform: translate(50%, 50%);
}

#apf-action-index #apf-action-contents .apf-text-link {
    color: #9fa0a0;
    padding-bottom: 0;
    border-bottom: none;
}

#apf-action-index #apf-action-contents .apf-text-link svg {
    vertical-align: initial;
}

#apf-action-index #apf-action-contents .apf-text-link .cls-1 {
    fill: #9fa0a0;
}

#apf-action-index #apf-action-offset .apf-card dt {
    margin-bottom: 20px;
}

#apf-action-index #apf-action-offset .apf-card dd {
    font-weight: bold;
}

/********** end APF繧ｫ繝�ざ繝ｪ(險倅ｺ玖ｩｳ邏ｰ) **********/
/*
  *
  * APF繝｢繝ｼ繝€繝ｫ(繧ｷ繧ｧ繧｢繝ｻ繧ｯ繧､繧ｺ)
  *
  */
.apf-modal {
    position: relative;
    width: 320px;
    height: 100vh;
    margin: 0 auto;
}

.apf-modal .img-wrap {
    text-align: center;
}

.apf-modal .img-wrap img {
    max-width: 180px;
    width: 100%;
}

.apf-modal .apf-modal-inner {
    position: absolute;
    width: 100%;
    top: 5%;
    height: calc(100vh - (70px + 10%));
}

.apf-modal .apf-modal-card-contents {
    width: 320px;
    height: 100%;
    transform: translateX(200%);
    position: absolute;
    top: 0;
    left: 0;
}

.apf-modal .apf-card {
    position: relative;
    width: 100%;
    min-height: calc(100vh - (140px + 10%));
    max-height: 50vh;
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.apf-modal .apf-modal-close {
    display: inline-block;
    width: 30px;
    padding: 0;
}

@media screen and (min-width: 640px) {
    .apf-modal {
        width: 480px;
    }

    .apf-modal .img-wrap img {
        max-width: 220px;
    }

    .apf-modal .apf-modal-inner {
        height: calc(100vh - 10%);
    }

    .apf-modal .apf-modal-card-contents {
        width: 480px;
    }

    .apf-modal .apf-card {
        min-height: calc(100vh - (60px + 10%));
    }
}

#apf-share,
#apf-quiz {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    top: 0;
    left: 0;
}

/***** 繧ｯ繧､繧ｺ *****/
#apf-quiz .apf-modal .apf-modal-card-contents {
    transition: all 0.8s;
}

#apf-quiz .apf-modal .apf-question .img-wrap img {
    max-width: 100%;
    width: 100%;
}

#apf-quiz .apf-modal .apf-result-text {
    position: relative;
    padding-left: 2em;
}

#apf-quiz .apf-modal .apf-result-text span {
    margin-right: 0.5em;
}

#apf-quiz .apf-modal .apf-btn-result-cmn.inactive {
    border-color: #9fa0a0;
    background-color: #9fa0a0;
    color: white;
    font-size: 1em;
}

#apf-quiz .apf-modal .apf-btn-result-cmn.inactive .cls-1 {
    fill: #9fa0a0;
}

#apf-quiz .apf-modal .apf-btn-select {
    max-width: 320px;
}

#apf-quiz .apf-modal .apf-btn-select.notes2 {
    padding-left: 2.5em;
}

#apf-quiz .apf-modal .apf-btn-select .apf-number {
    background-color: #9fa0a0;
}

#apf-quiz .apf-modal .apf-btn-select.active .apf-number {
    background-color: #231815;
}

#apf-quiz .apf-modal .apf-btn-select .notes-span {
    left: 8px;
    bottom: 0;
    margin: auto;
}

#apf-quiz .apf-modal .apf-modal-close.apf-btn-m {
    width: 100%;
}

/***** 繧ｷ繧ｧ繧｢ *****/
#apf-share .apf-list {
    border: solid 1px #f3f3f3;
}

#apf-share .apf-list> :nth-child(n) {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#apf-share .apf-list> :first-child {
    padding-top: 10px;
}

#apf-share .apf-list> :last-child {
    margin-bottom: 0;
    border-bottom: none;
}

#apf-share .apf-share-icon {
    width: 30px;
    margin-right: 0.5em;
}

/*
  *
  * APF繧ｭ繝｣繝ｳ繝壹�繝ｳ蜈ｱ騾�
  *
  */
/*------ 繧ｭ繝｣繝ｳ繝壹�繝ｳ荳€隕ｧ ------*/
#apf-campaign-index .apf-cam-list {
    margin-bottom: 4%;
}

#apf-campaign-index .apf-cam-list:last-child {
    margin-bottom: 0;
}

#apf-campaign-index #apf-no-campaign {
    padding-bottom: 20px;
}

@media screen and (min-width: 640px) {
    #apf-campaign-index .apf-cam-list {
        width: 48%;
    }

    #apf-campaign-index .apf-cam-list:nth-child(odd) {
        margin-right: 4%;
    }

    #apf-campaign-index .apf-cam-list:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}

#apf-campaign-index #cam-close h2 {
    padding: 0.5em 0;
}

#apf-campaign-index #cam-close ul {
    margin: 0;
    display: none;
}

#apf-campaign-index #cam-close li {
    border-bottom: 1px solid #dddddd;
    background-color: #f3f3f3;
}

#apf-campaign-index #cam-close li a {
    padding: 1em 0.5em;
    align-items: center;
}

#apf-campaign-index #cam-close li p {
    margin: 0;
}

#apf-campaign-index #cam-close li .end {
    background-color: #9fa0a0;
    color: #fff;
    padding: 4px 6px;
    margin-right: 12px;
}

#apf-campaign-index #cam-close li:last-child {
    border: none;
}

/*---- end 繧ｭ繝｣繝ｳ繝壹�繝ｳ荳€隕ｧ ----*/
/*---- 繧ｭ繝｣繝ｳ繝壹�繝ｳ繝壹�繧ｸ蜈ｱ騾� ----*/
#apf-cam-end {
    display: none;
    background-color: #f3f3f3;
    color: #231815;
    border-top: 2px solid;
    border-bottom: 2px solid;
    text-align: center;
    font-size: 0.4em;
    padding: 30px 0;
    margin-top: 20px;
}

.apf-dl-wrap {
    background-color: #fff;
    padding: 8px;
}

.apf-dl-wrap dl {
    border-bottom: 1.5px solid #f3f3f3;
    padding: 8px;
    margin: 0;
}

.apf-dl-wrap dl:last-child {
    border: none;
}

.apf-dl-wrap dd {
    text-align: left;
}

@media screen and (min-width: 640px) {
    .adp-dl-wrap dl {
        padding: 16px;
    }
}

/*---- 繧ｭ繝｣繝ｳ繝壹�繝ｳ繝壹�繧ｸ蜈ｱ騾� end ----*/
/*
  *
  * APF繝代�繝��騾�
  *
  */
/********** 繝舌リ繝ｼ **********/
#apf-banner {
    margin: 0;
    padding: 0;
}

#apf-banner li {
    max-width: 420px;
    width: 80%;
    margin: 0 1% 4% 1%;
}

#apf-banner li:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 640px) {
    #apf-banner {
        justify-content: space-evenly;
    }

    #apf-banner li {
        width: 31%;
        margin-bottom: 0;
    }

    #apf-banner li:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}

/******** end 繝舌リ繝ｼ ********/
/*
  *
  * APF繝ｪ繝ｼ繝募ｱ･豁ｴ蜈ｱ騾�
  *
  */
/********** 繝ｪ繝ｼ繝募ｱ･豁ｴ **********/
#apf-leaf-history .apf-card dt {
    background-color: #6bb640;
    border-radius: 8px 8px 0 0;
    padding: 6px 8px;
}

#apf-leaf-history .apf-history-list-wrap.apf-list> :nth-child(n) {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#apf-leaf-history .apf-history-list-wrap.apf-list> :last-child {
    margin-bottom: 0;
}

#apf-leaf-history .apf-history-list .apf-offset-data {
    width: calc(100% - 30px);
}

#apf-leaf-history .apf-history-list .img-wrap {
    width: 30px;
    transform: scale(-1, -1);
}

/******** end 繝ｪ繝ｼ繝募ｱ･豁ｴ ********/
/******** 繝ｪ繝ｼ繝募ｱ･豁ｴ隧ｳ邏ｰ ********/
#apf-leaf-detail #apf-leaf-detail-list {
    border: solid 1px #676767;
}

#apf-leaf-detail #apf-leaf-detail-list .apf-hd-cmn {
    border-radius: 7px 7px 0 0;
}

#apf-leaf-detail #apf-leaf-detail-list dl {
    padding: 10px;
    border-bottom: solid 1px #676767;
}

#apf-leaf-detail #apf-leaf-detail-list dl .apf-text-accent {
    font-size: 1.1em;
}

#apf-leaf-detail #apf-leaf-detail-list #apf-history-jcredit {
    padding: 10px;
    border-radius: 0 0 7px 7px;
    background-color: rgba(107, 182, 64, 0.1);
}

#apf-leaf-detail #apf-leaf-detail-list #apf-history-jcredit dl {
    border-bottom: none;
}

#apf-leaf-detail #apf-leaf-detail-list #apf-history-jcredit .img-wrap {
    width: 50px;
}

#apf-leaf-detail #apf-leaf-detail-equip li {
    border: solid 1px #231815;
    padding: 10px;
}

#apf-leaf-detail #apf-leaf-detail-equip .img-wrap {
    width: 16px;
}

#apf-leaf-detail #apf-leaf-detail-equip .img-wrap .cls-1 {
    fill: #231815;
}

@media screen and (min-width: 640px) {
    #apf-leaf-detail #apf-leaf-detail-list dl {
        padding: 20px;
    }

    #apf-leaf-detail #apf-leaf-detail-list #apf-history-jcredit {
        padding: 20px;
    }

    #apf-leaf-detail #apf-leaf-detail-list #apf-history-jcredit .img-wrap {
        width: 60px;
    }
}

/****** end 繝ｪ繝ｼ繝募ｱ･豁ｴ隧ｳ邏ｰ ******/
/****** cam2201 ******/
#apf-campaign-2201 .bg-2201 {
    background-color: #f3f3f3;
    color: #000;
}

#apf-campaign-2201 .text-accent-cam2201 {
    color: #0CAB8B;
}

#apf-campaign-2201 #mv .mv-img {
    padding: 30px 0;
}

#apf-campaign-2201 #contents .card-wrap {
    box-shadow: 1px 1px 10px gray;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
}

#apf-campaign-2201 #contents .card-wrap .card-title {
    background-color: #0CAB8B;
    color: #fff;
    padding: 6px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#apf-campaign-2201 #contents .card-wrap .card-detail {
    padding: 16px;
}

#apf-campaign-2201 #contents .card-wrap .cam2201-overlay {
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4em;
    font-weight: bold;
}

#apf-campaign-2201 #contents .twitter-share-btn img {
    margin-right: 4px;
    width: 28px;
    height: 28px;
}

#apf-campaign-2201 #detail {
    background: linear-gradient(-45deg, #fff 25%, #f3f3f3 25%, #f3f3f3 50%, #fff 50%, #fff 75%, #f3f3f3 75%, #f3f3f3);
    background-size: 8px 8px;
}

@media screen and (min-width: 640px) {
    #apf-campaign-2201 #present .img-wrap {
        display: flex;
        justify-content: space-between;
    }

    #apf-campaign-2201 #present .img-wrap img {
        width: 100%;
        height: 100%;
    }

    #apf-campaign-2201 #contents .kao-wrap {
        margin: 0 10px;
    }

    #apf-campaign-2201 #contents .card-contents-wrap {
        display: flex;
        justify-content: space-between;
    }

    #apf-campaign-2201 #contents .card-wrap {
        width: 32%;
    }

    #apf-campaign-2201 #contents .card-wrap-res {
        justify-content: flex-start;
    }

    #apf-campaign-2201 #contents .card-margin-res {
        margin-right: 2%;
    }
}

/****** cam2201 end ******/
#apf-lp-lp01a .apf-btn-start {
    color: #231815;
    background-color: #fff;
    font-size: 1.2em;
    padding: 12px 8px;
    border: none;
}

#apf-lp-lp01a .apf-bg-black {
    background-color: #000;
    padding: 40px 16px;
    position: relative;
    z-index: 100;
}

#apf-lp-lp01a .apf-bg-black .form-area-wrap {
    max-width: 480px;
    margin: auto;
}

#apf-lp-lp01a .apf-bg-black h3 {
    color: #fff;
    position: relative;
}

#apf-lp-lp01a .sp-img-margin-left {
    margin-left: 4px;
}

#apf-lp-lp01a .section-top-icon img {
    max-width: 60px;
}

#apf-lp-lp01a .apf-hr {
    border-top: 2px solid #fff;
}

#apf-lp-lp01a .apf-main {
    position: relative;
    z-index: 100;
}

#apf-lp-lp01a #top {
    position: relative;
}

#apf-lp-lp01a #top .apf-main {
    position: absolute;
    top: 0;
    z-index: 100;
}

#apf-lp-lp01a #top #apf-video-area-lp {
    position: relative;
    overflow: hidden;
    min-height: 630px;
    height: 100vh;
}

#apf-lp-lp01a #top .apf-video {
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
}

#apf-lp-lp01a #top .top-contents {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0%;
    left: 50%;
    height: 100%;
    width: 100%;
    padding: 20px 16px 60px;
    text-align: center;
}

#apf-lp-lp01a #top .top-contents h2 {
    color: #fff;
    margin: 12px 0;
}

#apf-lp-lp01a #top .apf-logo {
    margin: 0 0 20px 0;
}

#apf-lp-lp01a #top .apf-logo img {
    max-width: 200px;
}

#apf-lp-lp01a #top .apf-sp-img {
    height: 65%;
}

#apf-lp-lp01a #top .apf-sp-img img {
    height: 100%;
    margin-right: 8px;
}

#apf-lp-lp01a #top .apf-sp-img-pc {
    display: none;
}

#apf-lp-lp01a #top .apf-scroll-down {
    position: absolute;
    bottom: 3%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

#apf-lp-lp01a #top .apf-scroll-down p {
    color: #fff;
    line-height: 1;
}

#apf-lp-lp01a #top .apf-scroll-down span {
    color: #fff;
}

#apf-lp-lp01a #intro {
    position: relative;
    z-index: 100;
    height: 600px;
}

#apf-lp-lp01a #intro p {
    letter-spacing: 0.1em;
    line-height: 1.6em;
}

#apf-lp-lp01a #intro .mist-bg-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    background: -webkit-radial-gradient(circle, #E5E5E5, #E1E1E1, #A7A7A7 400px);
    background: radial-gradient(circle, #E5E5E5, #E1E1E1, #A7A7A7 400px);
}

#apf-lp-lp01a #intro .wrap-contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    z-index: 100;
    width: 100%;
    padding: 16px;
}

#apf-lp-lp01a #intro .img-contents {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

#apf-lp-lp01a #intro .img-contents img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    max-width: 100%;
    animation: animateSteam calc(2s * var(--i)) linear infinite;
}

@keyframes animateSteam {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    25%,
    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(3);
    }
}

#apf-lp-lp01a #intro .intro-top-img img {
    max-width: 200px;
}

#apf-lp-lp01a #explanation {
    position: relative;
    overflow: hidden;
}

#apf-lp-lp01a #explanation .apf-circles {
    overflow: hidden;
}

#apf-lp-lp01a #explanation .apf-circles li {
    position: absolute;
    display: block;
    animation: animate 25s linear infinite;
    bottom: -25%;
    border-radius: 50%;
}

#apf-lp-lp01a #explanation .apf-circles li:nth-child(1) {
    left: 25%;
    width: 120px;
    height: 120px;
    animation-delay: 0s;
    animation-duration: 30s;
    border: 4px solid #6bb640;
}

#apf-lp-lp01a #explanation .apf-circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 27s;
    background-color: #f0ae22;
}

#apf-lp-lp01a #explanation .apf-circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 8s;
    background-color: #df2516;
}

#apf-lp-lp01a #explanation .apf-circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 4s;
    animation-duration: 28s;
    background-color: #672e8d;
}

#apf-lp-lp01a #explanation .apf-circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
    background-color: #0d79be;
}

#apf-lp-lp01a #explanation .apf-circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
    animation-duration: 28;
    background-color: #6bb640;
}

#apf-lp-lp01a #explanation .apf-circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 12s;
    animation-duration: 32s;
    border: 3px solid #f0ae22;
}

#apf-lp-lp01a #explanation .apf-circles li:nth-child(8) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 12s;
    animation-duration: 20s;
    background-color: #672e8d;
}

#apf-lp-lp01a #explanation .apf-circles li:nth-child(9) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 10s;
    animation-duration: 32s;
    background-color: #0d79be;
}

#apf-lp-lp01a #explanation .apf-circles li:nth-child(10) {
    left: 90%;
    width: 180px;
    height: 180px;
    animation-delay: 18s;
    animation-duration: 36s;
    border: 3px solid #df2516;
    bottom: -28%;
}

@keyframes animate {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-1000px);
    }
}

#apf-lp-lp01a #explanation h2 {
    position: relative;
    z-index: 100;
}

#apf-lp-lp01a #explanation .apf-slide {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 480px;
    overflow: hidden;
}

#apf-lp-lp01a #explanation .apf-slide-list {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
}

#apf-lp-lp01a #explanation .apf-pagination-parts {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 30px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 100;
}

#apf-lp-lp01a #explanation .apf-pagination-parts .apf-arrow {
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 0;
}

#apf-lp-lp01a #explanation .apf-pagination-parts .apf-arrow svg {
    color: #231815;
}

#apf-lp-lp01a #explanation .apf-pagination-parts .apf-arrow:hover {
    opacity: 0.8;
}

#apf-lp-lp01a #explanation .apf-pagination-parts .apf-next {
    transform: rotate(180deg);
}

#apf-lp-lp01a #explanation .action-wrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

#apf-lp-lp01a #explanation .action-cmn {
    position: relative;
    text-align: center;
    z-index: 100;
    margin-top: 140px;
    min-width: 100%;
}

#apf-lp-lp01a #explanation .action-cmn img {
    max-height: 300px;
}

#apf-lp-lp01a #explanation .circle {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -38%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: -1;
}

#apf-lp-lp01a #explanation .circle-top-text {
    position: absolute;
    left: 50%;
    top: -46%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 10;
    font-size: 1.8em;
    font-weight: bold;
    text-shadow: 3px 3px 3px #fff, -3px -3px 3px #fff, -3px 3px 3px #fff, 3px -3px 3px #fff, 3px 0px 3px #fff, -3px 0px 3px #fff, 0px 3px 3px #fff, 0px -3px 3px #fff;
}

#apf-lp-lp01a #explanation .circle-top-text span {
    font-size: 1.4em;
}

#apf-lp-lp01a #explanation .circle-text {
    position: absolute;
    left: 50%;
    top: -24%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 10;
    color: #fff;
    font-size: 1.2em;
    width: 100%;
}

#apf-lp-lp01a #explanation .action-circle1 {
    background-color: #6bb640;
}

#apf-lp-lp01a #explanation .visual-circle1 {
    color: #6bb640;
}

#apf-lp-lp01a #explanation .action-circle2 {
    background-color: #f0ae22;
}

#apf-lp-lp01a #explanation .visual-circle2 {
    color: #f0ae22;
}

#apf-lp-lp01a #explanation .action-circle3 {
    background-color: #df2516;
}

#apf-lp-lp01a #explanation .visual-circle3 {
    color: #df2516;
}

#apf-lp-lp01a #explanation .action-circle4 {
    background-color: #672e8d;
}

#apf-lp-lp01a #explanation .visual-circle4 {
    color: #672e8d;
}

#apf-lp-lp01a #video .explanation-video-wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

#apf-lp-lp01a #video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#apf-lp-lp01a #reason {
    position: relative;
    z-index: 100;
    background-color: #fff;
}

#apf-lp-lp01a #reason .reason-point {
    position: relative;
    margin-bottom: 60px;
}

#apf-lp-lp01a #reason .sp-img {
    position: absolute;
    left: 50%;
    top: 16%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-align: center;
}

#apf-lp-lp01a #reason .sp-img img {
    width: 75%;
    max-width: 280px;
}

#apf-lp-lp01a #reason .point-contents-wrap {
    margin-top: 76px;
    padding: 0 16px;
}

#apf-lp-lp01a #reason .point-top-text p {
    font-size: 1.4em;
}

#apf-lp-lp01a #reason .point-top-text p span {
    font-size: 1.4em;
}

#apf-lp-lp01a #reason .point-top-text .point1 {
    color: #0d79be;
}

#apf-lp-lp01a #reason .point-top-text .point2 {
    color: #672e8d;
}

#apf-lp-lp01a #reason .point-top-text .point3 {
    color: #df2516;
}

#apf-lp-lp01a #reason .point-title {
    font-size: 1.4em;
}

#apf-lp-lp01a #reason .point-img-wrap {
    position: absolute;
    width: 25%;
}

#apf-lp-lp01a #reason .img-wrap-lg {
    width: 28%;
}

#apf-lp-lp01a #reason .point1-img1 {
    top: 40%;
    left: 3%;
}

#apf-lp-lp01a #reason .point1-img2 {
    top: 52%;
    right: 3%;
}

#apf-lp-lp01a #reason .point2-img1 {
    top: 40%;
    right: 3%;
}

#apf-lp-lp01a #reason .point2-img2 {
    top: 52%;
    left: 3%;
}

#apf-lp-lp01a #reason .point3-img1 {
    top: 32%;
    left: 3%;
    width: 110px;
}

#apf-lp-lp01a #reason .point3-img2 {
    top: 52%;
    right: 3%;
}

#apf-lp-lp01a #thought {
    background-image: url(../img/apf/lp/thought_bg.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
}

#apf-lp-lp01a #thought .thought-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

#apf-lp-lp01a #thought h2,
#apf-lp-lp01a #thought p {
    color: #fff;
}

#apf-lp-lp01a #thought p {
    padding: 0 16px;
}

#apf-lp-lp01a #copyright {
    background-color: #000;
    color: #fff;
    padding: 16px 12px;
}

@media screen and (min-width: 640px) {
    #apf-lp-lp01a .apf-bg-black {
        padding: 60px 16px;
    }

    #apf-lp-lp01a .apf-bg-black h3::before,
    #apf-lp-lp01a .apf-bg-black h3::after {
        content: "";
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        width: 100px;
        height: 100px;
    }

    #apf-lp-lp01a .apf-bg-black h3::before {
        background-image: url(../img/apf/lp/lp_cv_anime1.gif);
        left: -20%;
    }

    #apf-lp-lp01a .apf-bg-black h3::after {
        background-image: url(../img/apf/lp/lp_cv_anime2.gif);
        right: -25%;
    }

    #apf-lp-lp01a #intro p {
        text-align: center;
    }

    #apf-lp-lp01a #reason .reason-point {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #apf-lp-lp01a #reason .background-img {
        width: 46%;
        order: 1;
    }

    #apf-lp-lp01a #reason .sp-img {
        left: 57%;
        top: 53%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    #apf-lp-lp01a #reason .point-contents-wrap {
        width: 46%;
        margin: 0;
        padding-left: 8%;
    }

    #apf-lp-lp01a #reason .contents-wrap-right {
        padding-left: 40px;
    }

    #apf-lp-lp01a #reason .point-top-text {
        text-align: left;
    }

    #apf-lp-lp01a #reason .point-title {
        text-align: left;
    }

    #apf-lp-lp01a #reason .order-point2 {
        order: 2;
    }

    #apf-lp-lp01a #reason .img-position-left {
        left: 43%;
    }

    #apf-lp-lp01a #reason .point-wrap li:not(:last-child) {
        margin-bottom: 100px;
    }

    #apf-lp-lp01a #reason .point-img-wrap img {
        max-width: 120px;
    }

    #apf-lp-lp01a #reason .point1-img1 {
        top: -10%;
        left: 30%;
    }

    #apf-lp-lp01a #reason .point1-img1 img {
        max-width: 100px;
    }

    #apf-lp-lp01a #reason .point1-img2 {
        top: 80%;
        right: 0%;
    }

    #apf-lp-lp01a #reason .point1-img2 img {
        max-width: 160px;
    }

    #apf-lp-lp01a #reason .point2-img1 {
        top: -5%;
        right: 65%;
    }

    #apf-lp-lp01a #reason .point2-img2 {
        top: 80%;
        left: 1%;
    }

    #apf-lp-lp01a #reason .point2-img2 img {
        max-width: 160px;
    }

    #apf-lp-lp01a #reason .point3-img1 {
        top: -18%;
        left: 30%;
    }

    #apf-lp-lp01a #reason .point3-img1 img {
        max-width: 100px;
    }

    #apf-lp-lp01a #reason .point3-img2 {
        top: 80%;
        right: 0%;
    }

    #apf-lp-lp01a #reason .point3-img2 img {
        max-width: 160px;
    }
}

@media screen and (min-width: 840px) {
    #apf-lp-lp01a .margin-remove-res {
        margin: 0;
    }

    #apf-lp-lp01a #top .apf-logo img {
        max-width: 400px;
    }

    #apf-lp-lp01a #top h2 {
        margin: 20px 0;
    }

    #apf-lp-lp01a #top #apf-video-area-lp {
        max-height: 500px;
        min-height: auto;
    }

    #apf-lp-lp01a #top .apf-sp-img {
        display: none;
    }

    #apf-lp-lp01a #top .apf-sp-img-pc {
        display: block;
        position: absolute;
        top: 10%;
        left: 50%;
        z-index: 1000;
        padding-left: 10%;
    }

    #apf-lp-lp01a #top .apf-sp-img-pc img {
        max-width: 300px;
    }

    #apf-lp-lp01a #top .top-contents {
        text-align: left;
        max-width: 900px;
        padding-left: 40px;
        padding-bottom: 20px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        height: auto;
    }

    #apf-lp-lp01a #top .apf-input-wrap {
        margin: 0;
    }

    #apf-lp-lp01a #top .apf-scroll-down {
        display: none;
    }
}

@media screen and (min-width: 840px) and (min-width: 1080px) {
    #apf-lp-lp01a #explanation .apf-slide-list {
        left: 0;
    }

    #apf-lp-lp01a #explanation .action-cmn {
        min-width: 25%;
    }

    #apf-lp-lp01a #explanation .action4 {
        order: 4 !important;
    }

    #apf-lp-lp01a #explanation .apf-pagination-parts {
        display: none;
    }

    #apf-lp-lp01a #reason .point-img-wrap img {
        max-width: 140px;
    }

    #apf-lp-lp01a #reason .point1-img1 {
        top: 0;
    }

    #apf-lp-lp01a #reason .point1-img1 img {
        max-width: 120px;
    }

    #apf-lp-lp01a #reason .point1-img2 img {
        max-width: 180px;
    }

    #apf-lp-lp01a #reason .point2-img2 img {
        max-width: 180px;
    }

    #apf-lp-lp01a #reason .point3-img1 {
        top: -2%;
    }

    #apf-lp-lp01a #reason .point3-img1 img {
        max-width: 120px;
    }

    #apf-lp-lp01a #reason .point3-img2 img {
        max-width: 180px;
    }
}

#terms-agreement label {
    display: inline-block;
}

#terms-agreement .watt-title {
    font-size: 1.3em;
    border-left: 5px solid #53c858;
    padding-left: 10px;
}

#terms-agreement .terms-wrap {
    background: #f5f5f5;
    padding: 12px;
    width: 100%;
}

#terms-agreement .terms-common h2 {
    border: none;
    padding: 0;
}

#terms-agreement .terms-contents {
    height: 240px;
    overflow-y: scroll;
    font-size: 80%;
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #fff;
}

#terms-agreement .terms-contents h2 {
    font-size: 110%;
    margin-top: 20px;
}

#terms-agreement .terms-contents h3 {
    font-size: 100%;
}

#terms-agreement .terms-contents h4 {
    font-size: 100%;
    font-weight: bold;
}

#terms-agreement .terms-contents ol {
    list-style: decimal;
}

#terms-agreement .terms-modal h2 {
    font-size: 1.3em;
    margin-top: 20px;
}

#terms-agreement .terms-modal h3 {
    font-size: 1.1em;
}

#terms-agreement .terms-modal h4 {
    font-size: 1.1em;
    font-weight: bold;
}

#terms-agreement .terms-modal ol {
    list-style: decimal;
}

#terms-agreement .terms-btn-wrap {
    padding: 0;
}

#terms-agreement .modal-button {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
}

#terms-agreement .btn-disable {
    color: #ddd;
    border: 1px solid #ddd;
    background-color: #fff;
    cursor: default;
}

#terms-agreement .apf-check-wrap {
    display: block;
    position: relative;
    padding-left: 18px;
    user-select: none;
    max-width: 190px;
    margin: auto;
}

#terms-agreement .apf-check-wrap input {
    display: none;
}

#terms-agreement .apf-checkbox-mark {
    position: absolute;
    top: 20%;
    left: 0%;
    height: 15px;
    width: 15px;
    border: 1px solid #231815;
    box-sizing: border-box;
    border-radius: 3px;
}

#terms-agreement .apf-checkbox-mark:after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: 2px solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#terms-agreement .apf-check-wrap input:checked+.apf-checkbox-mark {
    background-color: #231815;
}

#terms-agreement .apf-check-wrap input:checked+.apf-checkbox-mark:after {
    display: block;
}

@media screen and (min-width: 640px) {
    #terms-agreement .terms-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #terms-agreement .terms-wrap {
        width: 49%;
    }

    #terms-agreement .terms-btn-wrap {
        padding: 0 12px;
    }
}

/****** 蛟倶ｺｺ諠��ｱ蜷梧э繝壹�繧ｸ ******/
#user-onetimeagree #identify-info {
    border: solid 2px #0086ff;
    background-color: white;
}

@media screen and (max-width: 640px) {
    #user-onetimeagree #identify-info {
        background-color: #f5f9ff;
    }
}

/**** end 蛟倶ｺｺ諠��ｱ蜷梧э繝壹�繧ｸ ****/
#modal-share li {
    font-weight: bold;
    font-size: 1.5em;
    font-size: 1.1em;
    width: calc(49% - 10px);
    box-shadow: 0 0 5px rgba(206, 206, 206, 0.75);
    margin: 5px 5px 1em;
}

#modal-share a {
    color: #232323;
    background: #f1f5f5;
    display: block;
    padding: 8px;
}

#modal-share a:hover {
    opacity: 1;
    background: #fff;
}

#modal-share #btn-copy {
    position: relative;
}

#modal-share #publish_url {
    width: 0;
    height: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -99;
}

@media screen and (max-width: 640px) {
    #modal-share h3 {
        font-size: 1.2em;
    }

    #modal-share li {
        width: 100%;
    }
}