/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/

/* Here is simple purposal for change/hack default value from tachyons. */

:root {
    /*GRAY GRADIENT*/

    /*RED GRADIENT*/

    /*ORANGE GRADIENT*/

    /*YELLOW GRADIENT*/

    /*GREEN GRADIENT*/

    /*LIGHT BLUE GRADIENT*/

    /*BLUE GRADIENT*/

    /*PURPLE GRADIENT*/

    /*PINK GRADIENT*/

    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
         _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* orange hover (button secondary) */

    /* Point club - Rakuten color */

    /* icons */

    /* This var is not use by tachyons */

    /* Used in alerts */
    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
        _______ .__   __.  _______             _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |   ____||  \ |  | |       \           |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  |__   |   \|  | |  .--.  |    ______|  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |   __|  |  . `  | |  |  |  |   |______|  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  |____ |  |\   | |  '--'  |          |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______||__| \__| |_______/           |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


}

/* stylelint-disable */

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/

/* Media Queries */

/* inside scope */

/* from breakpoint value, included */

/* >= 320px */

/* >= 576px */

/* >= 768px */

/* >= 992px */

/* >= 1200px */

/* >= 1492px */

/*  inside scope strict */

/* from breakpoint value, excluded */

/* > 768px */

/* Overriding  Tachyons  */

/* stylelint-disable */

.reinsurance_reinsuranceBlock_3Zg {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
}

@media screen and (min-width: 36em) {
    .reinsurance_reinsuranceBlock_3Zg {
        -webkit-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-justify-content: space-around;
                justify-content: space-around;
        height: auto;
    }
}

@media screen and (min-width: 62em) {
    .reinsurance_reinsuranceBlock_3Zg {
        height: 10rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
                align-items: center;
    }

    .reinsurance_icon_3jR {
        float: left;
    }
}

.reinsurance_a_1FY {
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    height: 15rem;
    font-size: 1.2rem;
    text-align: center;
}

.reinsurance_icon_3jR {
    height: 4.3rem;
    width: 4.3rem;
    margin-right: 0.3rem;
    line-height: 7rem;
}

.reinsurance_iconPriceClub_2cv {
    width: 8rem
}

.reinsurance_iconPriceClub_2cv svg {
    margin-top: 0.3rem;


}

.reinsurance_labels_304 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}

.reinsurance_a_1FY:first-child,
.reinsurance_a_1FY:last-child {
    background-color: #F7F7F7;
    background-color: #F7F7F7;
}

@media screen and (min-width: 36em) {
    .reinsurance_a_1FY {
        height: 10rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
                align-items: center;
        padding-top: 1rem;
        background-color: #FFFFFF;
        background-color: #FFFFFF;
    }

    .reinsurance_a_1FY:first-child,
    .reinsurance_a_1FY:last-child {
        background-color: #FFFFFF;
        background-color: #FFFFFF;
    }

    .reinsurance_labels_304 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
    }
}

@media screen and (min-width: 62em) {
    .reinsurance_a_1FY {
        -webkit-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-flex-basis: auto;
                flex-basis: auto;
        height: 4rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
                flex-direction: row;
        padding-top: 0;
        text-align: left;
    }
}

.reinsurance_labelSmall_2jf,
.reinsurance_labelLarge__qM {
    line-height: 1.4rem;
}

.reinsurance_labelSmall_2jf {
    margin-top: 0.3rem;
    font-weight: bold;
}

@media screen and (min-width: 62em) {
    .reinsurance_labelSmall_2jf {
        font-size: 1rem;
        line-height: 1;
        color: #777;
    }

    .reinsurance_labelLarge__qM {
        font-size: 1.4rem;
        line-height: 1;
        font-weight: bold;
    }
}

/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/

/* Here is simple purposal for change/hack default value from tachyons. */

:root {
    /*GRAY GRADIENT*/

    /*RED GRADIENT*/

    /*ORANGE GRADIENT*/

    /*YELLOW GRADIENT*/

    /*GREEN GRADIENT*/

    /*LIGHT BLUE GRADIENT*/

    /*BLUE GRADIENT*/

    /*PURPLE GRADIENT*/

    /*PINK GRADIENT*/

    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
         _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* orange hover (button secondary) */

    /* Point club - Rakuten color */

    /* icons */

    /* This var is not use by tachyons */

    /* Used in alerts */
    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
        _______ .__   __.  _______             _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |   ____||  \ |  | |       \           |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  |__   |   \|  | |  .--.  |    ______|  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |   __|  |  . `  | |  |  |  |   |______|  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  |____ |  |\   | |  '--'  |          |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______||__| \__| |_______/           |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


}

/* stylelint-disable */

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/

/* Media Queries */

/* inside scope */

/* from breakpoint value, included */

/* >= 320px */

/* >= 576px */

/* >= 768px */

/* >= 992px */

/* >= 1200px */

/* >= 1492px */

/*  inside scope strict */

/* from breakpoint value, excluded */

/* > 768px */

/* Overriding  Tachyons  */

/* stylelint-disable */

.socialLinks_socialIcons_dvG {
    width: 34px;
    height: 34px;
}

.socialLinks_socialIconsSpace_Y1t {
    width: 100%;
}

@media screen and (min-width: 48em) {
    .socialLinks_socialIconsSpace_Y1t {
        width: 60%;
    }
    .socialLinks_iconSeparator_Ndr {
        border-right : 2px solid;
        border-color: #9C9C9C;
        border-color: #9C9C9C;
    }
}

/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/

/* Here is simple purposal for change/hack default value from tachyons. */

:root {
    /*GRAY GRADIENT*/

    /*RED GRADIENT*/

    /*ORANGE GRADIENT*/

    /*YELLOW GRADIENT*/

    /*GREEN GRADIENT*/

    /*LIGHT BLUE GRADIENT*/

    /*BLUE GRADIENT*/

    /*PURPLE GRADIENT*/

    /*PINK GRADIENT*/

    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
         _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* orange hover (button secondary) */

    /* Point club - Rakuten color */

    /* icons */

    /* This var is not use by tachyons */

    /* Used in alerts */
    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
        _______ .__   __.  _______             _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |   ____||  \ |  | |       \           |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  |__   |   \|  | |  .--.  |    ______|  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |   __|  |  . `  | |  |  |  |   |______|  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  |____ |  |\   | |  '--'  |          |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______||__| \__| |_______/           |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


}

/* stylelint-disable */

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/

/* Media Queries */

/* inside scope */

/* from breakpoint value, included */

/* >= 320px */

/* >= 576px */

/* >= 768px */

/* >= 992px */

/* >= 1200px */

/* >= 1492px */

/*  inside scope strict */

/* from breakpoint value, excluded */

/* > 768px */

/* Overriding  Tachyons  */

/* stylelint-disable */

.appsLinks_appsLinksContainer_2ts {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 1.5rem 1rem 2rem;
}

.appsLinks_appsLinkPicContainer_3ZT {
    -webkit-flex-basis: 100rem;
            flex-basis: 100rem;
    -webkit-justify-content: space-around;
            justify-content: space-around;
}

@media screen and (min-width: 36em) {
    .appsLinks_appsLinksContainer_2ts {
        -webkit-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-justify-content: space-around;
                justify-content: space-around;
        -webkit-box-align: center;
        -webkit-align-items: center;
                align-items: center;
        margin: 0 auto;
    }
}

@media screen and (min-width: 48em) {
    .appsLinks_appsLinksContainer_2ts {
        max-width: 76rem;
        height: 9rem;
    }
}

.appsLinks_osIsAndroid_1KR .appsLinks_isForIos_1ms,
.appsLinks_osIsIos_1TO .appsLinks_isForAndroid_2gP {
    display: none;
}

@media screen and (min-width: 48em) {
    .appsLinks_osIsAndroid_1KR .appsLinks_isForIos_1ms,
    .appsLinks_osIsIos_1TO .appsLinks_isForAndroid_2gP {
        display: block;
    }
}

.appsLinks_appsButtonLabel_3Tr {
    visibility: hidden;
}

.appsLinks_appsLink_2bv {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-bottom: 1.7rem;
}

@media screen and (min-width: 36em) {
    .appsLinks_appsLink_2bv {
        font-size: 1.4rem;
        line-height: 1.8rem;
        width: 38.6rem;
        margin-bottom: 0;
    }

    .appsLinks_appsLinkPicContainer_3ZT {
        -webkit-flex-basis: 32rem;
                flex-basis: 32rem;
    }
}

.appsLinks_appsButton_2ZP {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    -webkit-align-self: center;
            align-self: center;
    width: 13.5rem;
    height: 4rem;
    margin: 0 auto;
    display: block;
}

@media screen and (min-width: 36em) {
    .appsLinks_appsButton_2ZP {
        margin: 0;
    }
}

.rakutenGroupLinksFCB_img_rlF {
    padding: 16px 0px 16px 0px;
}

/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/

/* Here is simple purposal for change/hack default value from tachyons. */

:root {
    /*GRAY GRADIENT*/

    /*RED GRADIENT*/

    /*ORANGE GRADIENT*/

    /*YELLOW GRADIENT*/

    /*GREEN GRADIENT*/

    /*LIGHT BLUE GRADIENT*/

    /*BLUE GRADIENT*/

    /*PURPLE GRADIENT*/

    /*PINK GRADIENT*/

    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
         _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* orange hover (button secondary) */

    /* Point club - Rakuten color */

    /* icons */

    /* This var is not use by tachyons */

    /* Used in alerts */
    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
        _______ .__   __.  _______             _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |   ____||  \ |  | |       \           |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  |__   |   \|  | |  .--.  |    ______|  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |   __|  |  . `  | |  |  |  |   |______|  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  |____ |  |\   | |  '--'  |          |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______||__| \__| |_______/           |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


}

/* stylelint-disable */

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/

/* Media Queries */

/* inside scope */

/* from breakpoint value, included */

/* >= 320px */

/* >= 576px */

/* >= 768px */

/* >= 992px */

/* >= 1200px */

/* >= 1492px */

/*  inside scope strict */

/* from breakpoint value, excluded */

/* > 768px */

/* Overriding  Tachyons  */

/* stylelint-disable */

.rakutenGroupLinksCompanies_anchor_3l8 {
    color: #777;
    font-size: 1.2rem;
    line-height: 1.7rem;
}

@media screen and (max-width: 62em) {
    .rakutenGroupLinksCompanies_viki_3o7 {
        display: none;
    }
}

@media screen and (max-width: 48em) {
    .rakutenGroupLinksCompanies_companies_2mz {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;
    }
}

@media screen and (max-width: 36em) {
    .rakutenGroupLinksCompanies_companies_2mz {
        padding: 0.82rem 0.82rem;
    }
}

@media screen and (max-width: 20em) {
    .rakutenGroupLinksCompanies_companies_2mz {
        -webkit-justify-content: space-around;
                justify-content: space-around;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
        padding: 2.1rem 0 0;
        margin-bottom: -0.6rem;
    }

    .rakutenGroupLinksCompanies_list_1FU {
        margin-bottom: 2.3rem;
    }
}

/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/

/* Here is simple purposal for change/hack default value from tachyons. */

:root {
    /*GRAY GRADIENT*/

    /*RED GRADIENT*/

    /*ORANGE GRADIENT*/

    /*YELLOW GRADIENT*/

    /*GREEN GRADIENT*/

    /*LIGHT BLUE GRADIENT*/

    /*BLUE GRADIENT*/

    /*PURPLE GRADIENT*/

    /*PINK GRADIENT*/

    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
         _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* orange hover (button secondary) */

    /* Point club - Rakuten color */

    /* icons */

    /* This var is not use by tachyons */

    /* Used in alerts */
    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
        _______ .__   __.  _______             _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |   ____||  \ |  | |       \           |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  |__   |   \|  | |  .--.  |    ______|  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |   __|  |  . `  | |  |  |  |   |______|  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  |____ |  |\   | |  '--'  |          |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______||__| \__| |_______/           |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


}

/* stylelint-disable */

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/

/* Media Queries */

/* inside scope */

/* from breakpoint value, included */

/* >= 320px */

/* >= 576px */

/* >= 768px */

/* >= 992px */

/* >= 1200px */

/* >= 1492px */

/*  inside scope strict */

/* from breakpoint value, excluded */

/* > 768px */

/* Overriding  Tachyons  */

/* stylelint-disable */

.rakutenGroupLinksSelect_container_1VD::after {
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    margin: 0.5rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: center;
            transform-origin: center;
    position: absolute;
    right: 1rem;
    top: 0.7rem;
    pointer-events: none;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

@media screen and (max-width: 48em) {
    .rakutenGroupLinksSelect_container_1VD {
        display: none;
    }
}

.rakutenGroupLinksSelect_select_3Ab {
    border: 0.1rem solid #ddd;
    border-radius: 0.4rem;
    padding: 1.1rem 2.2rem 1.1rem 1rem;
    font-size: 1.2rem;
    color: #4a4a4a;
    width: 15rem;
    line-height: 1.4rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.rakutenGroupLinksSelect_select_3Ab::-ms-expand {
    display: none;
}

/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/

/* Here is simple purposal for change/hack default value from tachyons. */

:root {
    /*GRAY GRADIENT*/

    /*RED GRADIENT*/

    /*ORANGE GRADIENT*/

    /*YELLOW GRADIENT*/

    /*GREEN GRADIENT*/

    /*LIGHT BLUE GRADIENT*/

    /*BLUE GRADIENT*/

    /*PURPLE GRADIENT*/

    /*PINK GRADIENT*/

    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
         _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* orange hover (button secondary) */

    /* Point club - Rakuten color */

    /* icons */

    /* This var is not use by tachyons */

    /* Used in alerts */
    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
        _______ .__   __.  _______             _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |   ____||  \ |  | |       \           |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  |__   |   \|  | |  .--.  |    ______|  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |   __|  |  . `  | |  |  |  |   |______|  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  |____ |  |\   | |  '--'  |          |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______||__| \__| |_______/           |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


}

/* stylelint-disable */

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/

/* Media Queries */

/* inside scope */

/* from breakpoint value, included */

/* >= 320px */

/* >= 576px */

/* >= 768px */

/* >= 992px */

/* >= 1200px */

/* >= 1492px */

/*  inside scope strict */

/* from breakpoint value, excluded */

/* > 768px */

/* Overriding  Tachyons  */

/* stylelint-disable */

@media screen and (max-width: 36em) {
    .rakutenGroupLinks_container_2wf {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
                flex-direction: column;
    }
}

/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/

/* Here is simple purposal for change/hack default value from tachyons. */

:root {
    /*GRAY GRADIENT*/

    /*RED GRADIENT*/

    /*ORANGE GRADIENT*/

    /*YELLOW GRADIENT*/

    /*GREEN GRADIENT*/

    /*LIGHT BLUE GRADIENT*/

    /*BLUE GRADIENT*/

    /*PURPLE GRADIENT*/

    /*PINK GRADIENT*/

    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
         _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* orange hover (button secondary) */

    /* Point club - Rakuten color */

    /* icons */

    /* This var is not use by tachyons */

    /* Used in alerts */
    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
        _______ .__   __.  _______             _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |   ____||  \ |  | |       \           |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  |__   |   \|  | |  .--.  |    ______|  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |   __|  |  . `  | |  |  |  |   |______|  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  |____ |  |\   | |  '--'  |          |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______||__| \__| |_______/           |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


}

/* stylelint-disable */

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/

/* Media Queries */

/* inside scope */

/* from breakpoint value, included */

/* >= 320px */

/* >= 576px */

/* >= 768px */

/* >= 992px */

/* >= 1200px */

/* >= 1492px */

/*  inside scope strict */

/* from breakpoint value, excluded */

/* > 768px */

/* Overriding  Tachyons  */

/* stylelint-disable */

.corporateBlocks_groupedLinksLabel_1XZ,
.corporateBlocks_linkItem_3bZ {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    height: 6rem;
    cursor: pointer;
}

.corporateBlocks_groupLinkIcon_tzp {
    display: block;
}

.corporateBlocks_icon_1xy {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    margin-right: 1rem;
}

.corporateBlocks_groupedLinksLabel_1XZ {
    font-size: 1.6rem;
    position: relative;
    padding-left: 2rem;
    background-color: #FFFFFF;
    background-color: #FFFFFF;
}

.corporateBlocks_linkItem_3bZ {
    padding-left: 6rem;
    font-size: 1.4rem;
    border-bottom: 0.1rem solid #D1D1D1;
    border-bottom: 0.1rem solid #D1D1D1;
}

.corporateBlocks_iconed_3mM {
    padding-left: 3rem;
}

.corporateBlocks_linkIcon_kaX {
    display: block;
    margin-right: 1rem;
    width: 2.4rem;
    height: 2.4rem;
}

.corporateBlocks_collapse_3LB {
    display: block;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    right: 1.6rem;
    top: 2.2rem;
}

@media screen and (max-width: 48em) {
    .corporateBlocks_pmCorpGroupList_3VK {
        border-bottom: 0.1rem solid #D1D1D1;
        border-bottom: 0.1rem solid #D1D1D1;
    }

    .corporateBlocks_slideUp_1aD,
    .corporateBlocks_slideDown_2x4 {
        overflow-y: hidden;
        -webkit-transition: max-height 0.3s ease-in-out;
        transition: max-height 0.3s ease-in-out;
    }

    .corporateBlocks_slideUp_1aD {
        max-height: 0;
    }

    .corporateBlocks_slideDown_2x4 {
        max-height: 42rem;
    }
}

@media screen and (min-width: 48em) {

    .corporateBlocks_groupedLinksLabel_1XZ,
    .corporateBlocks_linkItem_3bZ {
        height: 3rem;
        padding-left: 0;
    }

    .corporateBlocks_groupedLinksLabel_1XZ {
        font-weight: bold;
        text-transform: uppercase;
        background: none;
    }

    .corporateBlocks_linkItem_3bZ {
        border: none;
    }

    .corporateBlocks_pmCorpGroupList_3VK {
        border-bottom: none;
    }

    .corporateBlocks_slideUp_1aD,
    .corporateBlocks_slideDown_2x4 {
        height: auto;
        max-height: none;
    }
}

/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/

/* Here is simple purposal for change/hack default value from tachyons. */

:root {
    /*GRAY GRADIENT*/

    /*RED GRADIENT*/

    /*ORANGE GRADIENT*/

    /*YELLOW GRADIENT*/

    /*GREEN GRADIENT*/

    /*LIGHT BLUE GRADIENT*/

    /*BLUE GRADIENT*/

    /*PURPLE GRADIENT*/

    /*PINK GRADIENT*/

    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
         _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* orange hover (button secondary) */

    /* Point club - Rakuten color */

    /* icons */

    /* This var is not use by tachyons */

    /* Used in alerts */
    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
        _______ .__   __.  _______             _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |   ____||  \ |  | |       \           |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  |__   |   \|  | |  .--.  |    ______|  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |   __|  |  . `  | |  |  |  |   |______|  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  |____ |  |\   | |  '--'  |          |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______||__| \__| |_______/           |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


}

/* stylelint-disable */

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/

/* Media Queries */

/* inside scope */

/* from breakpoint value, included */

/* >= 320px */

/* >= 576px */

/* >= 768px */

/* >= 992px */

/* >= 1200px */

/* >= 1492px */

/*  inside scope strict */

/* from breakpoint value, excluded */

/* > 768px */

/* Overriding  Tachyons  */

/* stylelint-disable */

.priceministerCorporate_groupedLinksLabel_4Oj,
.priceministerCorporate_linkItem_3FR {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    height: 6rem;
    font-size: 1.4rem;
}

@media screen and (min-width: 48em) {
    .priceministerCorporate_groupedLinksLabel_4Oj,
    .priceministerCorporate_linkItem_3FR {
        height: auto;
        line-height: 3rem;
        background: none;
    }
}

@media screen and (min-width: 48em) {
    .priceministerCorporate_groupedLinksLabel_4Oj {
        padding-left: 0;
        font-size: 1.4rem;
        text-transform: uppercase;
    }

    .priceministerCorporate_groupedLinksLabel_4Oj::after {
        display: none;
    }
}

.priceministerCorporate_pmCorpLinks_1wI {
    border-top: 0.1rem solid #D1D1D1;
    border-top: 0.1rem solid #D1D1D1;
}

@media screen and (min-width: 48em) {
    .priceministerCorporate_pmCorpLinks_1wI {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
                justify-content: space-around;
        height: 100%;
        padding-top: 3rem;
        padding-bottom: 3rem;
        border-top: none;
    }
}

.priceministerCorporate_linkItem_3FR {
    padding-left: 7rem;
    border-bottom: 0.1rem solid #D1D1D1;
    border-bottom: 0.1rem solid #D1D1D1;
}

@media screen and (min-width: 48em) {
    .priceministerCorporate_linkItem_3FR {
        padding-left: 0;
        height: auto;
        border-top: none;
    }
}

/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/

/* Here is simple purposal for change/hack default value from tachyons. */

:root {
    /*GRAY GRADIENT*/

    /*RED GRADIENT*/

    /*ORANGE GRADIENT*/

    /*YELLOW GRADIENT*/

    /*GREEN GRADIENT*/

    /*LIGHT BLUE GRADIENT*/

    /*BLUE GRADIENT*/

    /*PURPLE GRADIENT*/

    /*PINK GRADIENT*/

    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
         _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* orange hover (button secondary) */

    /* Point club - Rakuten color */

    /* icons */

    /* This var is not use by tachyons */

    /* Used in alerts */
    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
        _______ .__   __.  _______             _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |   ____||  \ |  | |       \           |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  |__   |   \|  | |  .--.  |    ______|  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |   __|  |  . `  | |  |  |  |   |______|  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  |____ |  |\   | |  '--'  |          |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______||__| \__| |_______/           |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


}

/* stylelint-disable */

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/

/* Media Queries */

/* inside scope */

/* from breakpoint value, included */

/* >= 320px */

/* >= 576px */

/* >= 768px */

/* >= 992px */

/* >= 1200px */

/* >= 1492px */

/*  inside scope strict */

/* from breakpoint value, excluded */

/* > 768px */

/* Overriding  Tachyons  */

/* stylelint-disable */

.paymentMethods_paymentMethodsSpace_Nv6 {
    width: 90%;
    margin: auto;
}

@media screen and (min-width: 48em) {
    .paymentMethods_paymentMethodsSpace_Nv6 {
        width: 40%;
    }
}

/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/

/* Here is simple purposal for change/hack default value from tachyons. */

:root {
    /*GRAY GRADIENT*/

    /*RED GRADIENT*/

    /*ORANGE GRADIENT*/

    /*YELLOW GRADIENT*/

    /*GREEN GRADIENT*/

    /*LIGHT BLUE GRADIENT*/

    /*BLUE GRADIENT*/

    /*PURPLE GRADIENT*/

    /*PINK GRADIENT*/

    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
         _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* orange hover (button secondary) */

    /* Point club - Rakuten color */

    /* icons */

    /* This var is not use by tachyons */

    /* Used in alerts */
    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
        _______ .__   __.  _______             _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |   ____||  \ |  | |       \           |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  |__   |   \|  | |  .--.  |    ______|  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |   __|  |  . `  | |  |  |  |   |______|  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  |____ |  |\   | |  '--'  |          |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______||__| \__| |_______/           |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


}

/* stylelint-disable */

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/

/* Media Queries */

/* inside scope */

/* from breakpoint value, included */

/* >= 320px */

/* >= 576px */

/* >= 768px */

/* >= 992px */

/* >= 1200px */

/* >= 1492px */

/*  inside scope strict */

/* from breakpoint value, excluded */

/* > 768px */

/* Overriding  Tachyons  */

/* stylelint-disable */

.footer_pmCopyright_hg1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    padding-bottom: 1rem;
}

@media screen and (min-width: 48em) {
    .footer_rk_Pm_Copyright_3of {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
                align-items: flex-end;
    }
    .footer_pmCopyright_hg1 {
        margin: 0 auto;
    }
}

/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/

/* Here is simple purposal for change/hack default value from tachyons. */

:root {
    /*GRAY GRADIENT*/

    /*RED GRADIENT*/

    /*ORANGE GRADIENT*/

    /*YELLOW GRADIENT*/

    /*GREEN GRADIENT*/

    /*LIGHT BLUE GRADIENT*/

    /*BLUE GRADIENT*/

    /*PURPLE GRADIENT*/

    /*PINK GRADIENT*/

    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
         _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* orange hover (button secondary) */

    /* Point club - Rakuten color */

    /* icons */

    /* This var is not use by tachyons */

    /* Used in alerts */
    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
        _______ .__   __.  _______             _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |   ____||  \ |  | |       \           |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  |__   |   \|  | |  .--.  |    ______|  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |   __|  |  . `  | |  |  |  |   |______|  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  |____ |  |\   | |  '--'  |          |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______||__| \__| |_______/           |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


}

/* stylelint-disable */

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/

/* Media Queries */

/* inside scope */

/* from breakpoint value, included */

/* >= 320px */

/* >= 576px */

/* >= 768px */

/* >= 992px */

/* >= 1200px */

/* >= 1492px */

/*  inside scope strict */

/* from breakpoint value, excluded */

/* > 768px */

/* Overriding  Tachyons  */

/* stylelint-disable */

.rakutenSdtLinksInline_anchor_ZUC {
    color: #000;
    font-size: 1.2rem;
    line-height: 1.7rem;
    text-decoration: underline;
    margin: 12px;
}

.rakutenSdtLinksInline_links_9Gr {
    margin: auto;
    -webkit-justify-content: space-around;
            justify-content: space-around;
}

@media screen and (max-width: 48em) {
    .rakutenSdtLinksInline_companies_-zo {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}

@media screen and (max-width: 36em) {
    .rakutenSdtLinksInline_companies_-zo {
        padding: 0.82rem 0 2rem;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}

@media screen and (max-width: 20em) {
    .rakutenSdtLinksInline_companies_-zo {
        -webkit-justify-content: space-around;
                justify-content: space-around;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
        padding: 2.1rem 0 0;
        margin-bottom: -0.6rem;
    }

    .rakutenSdtLinksInline_list_1c4 {
        margin-bottom: 2.3rem;
    }
}

/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
   Colors

*/

/* Here is simple purposal for change/hack default value from tachyons. */

:root {
    /*GRAY GRADIENT*/

    /*RED GRADIENT*/

    /*ORANGE GRADIENT*/

    /*YELLOW GRADIENT*/

    /*GREEN GRADIENT*/

    /*LIGHT BLUE GRADIENT*/

    /*BLUE GRADIENT*/

    /*PURPLE GRADIENT*/

    /*PINK GRADIENT*/

    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
         _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    /* orange hover (button secondary) */

    /* Point club - Rakuten color */

    /* icons */

    /* This var is not use by tachyons */

    /* Used in alerts */
    /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
        _______ .__   __.  _______             _______   _______ .______   .______       _______   ______     ___   .___________. _______  _______
        |   ____||  \ |  | |       \           |       \ |   ____||   _  \  |   _  \     |   ____| /      |   /   \  |           ||   ____||       \
        |  |__   |   \|  | |  .--.  |    ______|  .--.  ||  |__   |  |_)  | |  |_)  |    |  |__   |  ,----'  /  ^  \ `---|  |----`|  |__   |  .--.  |
        |   __|  |  . `  | |  |  |  |   |______|  |  |  ||   __|  |   ___/  |      /     |   __|  |  |      /  /_\  \    |  |     |   __|  |  |  |  |
        |  |____ |  |\   | |  '--'  |          |  '--'  ||  |____ |  |      |  |\  \----.|  |____ |  `----./  _____  \   |  |     |  |____ |  '--'  |
        |_______||__| \__| |_______/           |_______/ |_______|| _|      | _| `._____||_______| \______/__/     \__\  |__|     |_______||_______/

        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


}

/* stylelint-disable */

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/

/* Media Queries */

/* inside scope */

/* from breakpoint value, included */

/* >= 320px */

/* >= 576px */

/* >= 768px */

/* >= 992px */

/* >= 1200px */

/* >= 1492px */

/*  inside scope strict */

/* from breakpoint value, excluded */

/* > 768px */

/* Overriding  Tachyons  */

/* stylelint-disable */

@media screen and (max-width: 36em) {
    .rakutenSdtLinks_container_3I3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
                flex-direction: column;
    }
}


/*# sourceMappingURL=28-vendors~Footer.dd7ad9189b5a3320e230.css.map*/