dl dd {
    margin-bottom: 0;
}

html .btn-secondary {
    background-color: transparent;
}

.pd-bottom-50 {
    padding-bottom: 50px !important;
}

.news-index {
    left: 442px !important;
}


.js-show-loaded {
    position: relative;
    /* top: -120px; */
    /* right: -59px !important; */
    margin: auto;
}

#wrapper.id_top #front .section-panel .floatingPanel {
    width: 100% !important;
}
#wrapper.id_top #front #content {
    padding-bottom: 60px;
    padding-top: 0;
}

#wrapper.id_top .contents #front #content {
    display: none;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 60px;
}

html #wrapper.id_top .btn-primary:active,
html #wrapper.id_top .btn-primary.active,
#wrapper.id_top a.btn-secondary.js-bounce_item.js-hover_btn_type01_bg:active {
    background-color: transparent !important;
    background-image: none !important;
    border-color: #464749 !important;
}

html #wrapper.id_top .btn-primary:focus,
html .btn-primary.focus,
html #wrapper.id_top .btn-secondary,
html #wrapper.id_top .btn-secondary:focus,
html .btn-secondary.focus,
#wrapper.id_top a.btn-secondary.js-bounce_item.js-hover_btn_type01_bg:active {
    background-color: transparent !important;
    border-color: none !important;
    color: #464749 !important;
    box-shadow: none !important;
}

@media only screen and (max-width: 1023px) {
    .news-index {
        left: 610px !important;
    }

    /* .js-show-loaded {
        right: -54px;
    } */
}

@media only screen and (max-width: 835px) {
    .isDevicePC .news-index {
        top: calc(103px + 806 / 2560 * 100vw + 10px + 20px) !important;
    }
    .news-index {
        left: 160px !important;
    }
    .js-show-loaded {
        /* top: -95px !important;
        right: 15px !important;
        width: 360px !important; */
        display: none !important;
    }

    #front .section-panel .floatingPanel {
        width: 100%;
    }

    #wrapper.id_top #front .section-panel {
        padding: 15px;
        background-image: unset;
        min-height: auto;
    }

    #wrapper.id_top .contents #front {
        display: block;
        margin-top: 0;
    }

    .is-info .contents {
        margin-top: 0 !important;
    }

    #wrapper.id_top .contents #front #content {
        min-height: 120px;
        display: block;
        padding-top: 0;
    }

    /* #wrapper.id_top .kv {
        height: calc(103px + 634 / 750 * 100vw + 76px) !important;
    } */
}

html .btn-secondary:hover,
html .btn-secondary.hover,
html .btn-primary:hover,
html .btn-primary.hover html .btn-primary:focus,
html .btn-secondary:focus html .btn-primary:active,
html .btn-secondary:active {
    color: #464749;
    background-color: transparent;
}

#footer .footer-head {
    background-color: #ebecef !important;
    padding: 30px 20px 35px 20px !important;
}

#footer .footer-pagetop {
    margin: 0 auto 0 !important;
}

#wrapper.id_top .news {
    display: none;
}
#wrapper #front .floatingPanel .item dl dd a {
    color: #464749;
}
#wrapper.id_top #front .floatingPanel .item dl dt p{
    text-align: start;
    font-size: 12px;
    max-width: 153px;
}
#wrapper.id_top .contact {
    display: none;
}
.brand-communication {
    padding-bottom: 30px;
}
.brand-communication h3 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    letter-spacing: 1px;
}
.brand-communication .brand-communication-list {
    display: flex;
    justify-content: center;
    column-gap: 20px;
    margin-bottom: 20px;
}
.brand-communication-2 {
    display: flex;
    justify-content: center;
}
.brand-communication-2 img {
    width: 204px;
    height: 80px;
    border-radius: 10px;
}
#wrapper.id_top .js-carousel_wrap .topping__indicator {
    margin: 15px 0;
}

#wrapper.id_top .c-navi-process-btn {
    font-size: 18px !important;
    font-weight: 400 !important;
}
#wrapper .c-navi-process-item .navi-span {
    font-family: "Josefin Sans";
    font-weight: 600;
    font-size: 21px;
}
.fixedBottomBtn {
    bottom: 0 !important;
}

#wrapper.id_top #footer {
    padding-bottom: 70px !important;
    background-color: #ebecef;
}

#wrapper.id_top #footer .logo img {
    right: 11px !important;
}

#wrapper.id_top #footer .footerBottom .navigation {
    padding: 0 12px;
}

#wrapper.id_top .kv {
    z-index: 1;
}

#wrapper.id_top .kv .kv-slide-wrap .kv-slide .kv-slide-item .show-pc {
    display: block;
}

#wrapper.id_top .kv .kv-slide-wrap .kv-slide .kv-slide-item .show-sp {
    display: none;
}

@media only screen and (max-width: 410px) {
    .brand-communication-2 img {
        width: 140px;
        height: auto;
    }
}

@media only screen and (max-width: 835px) {
    .footerBottomCustom {
        padding-bottom: 180px !important;
        background-image: url(/assets/img/footer/povo-top.png) !important;
    }

    .display-none-sp {
        display: none;
    }

    #wrapper.id_top .kv .kv-slide-wrap .kv-slide .kv-slide-item .show-pc {
        display: none;
    }

    #wrapper.id_top .kv .kv-slide-wrap .kv-slide .kv-slide-item .show-sp {
        display: block;
    }
    .brand-communication .brand-communication-list {
        column-gap: 10px;
        padding: 0px 12px;
    }
    .brand-communication h3 {
        text-align: center;
        margin-bottom: 12px;
        font-size: 12px;
        letter-spacing: 0px;
    }
}

#wrapper.id_top .topping__carousel img {
    min-width: 340px !important;
    max-width: 345px !important;
}

#header .navigation {
    display: flex;
    align-items: center;
}

#header .logo {
    cursor: pointer;
}
#header .d-block-768 {
    display: none;
}
#wrapper.id_top #header {
    padding: 40px 25px 30px 40px !important;
}

#wrapper.id_top #header .header-logo img {
    top: 10px;
    left: 6px;
    width: 134px;
    height: 51px;
}
#wrapper .suggestion {
    padding: 40px 0 40px;
    max-width: 891px;
    margin: 0 auto;
}
#wrapper .suggestion .suggestion-header {
    font-size: 35px;
    margin-bottom: 35px;
    margin-top: 30px;
    font-weight: 700;
    text-align: center;
}
#wrapper .suggestion .suggestion-sub {
    text-align: center;
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 35px;
}
@media only screen and (max-width: 376px) {
    #wrapper .suggestion .suggestion-sub {
        font-size: 13px;
    }
}
#wrapper .suggestion-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#wrapper .suggestion-item {
    width: 49%;
    padding: 12px 24px;
    margin-bottom: 15px;
    background: #ffff;
    border-radius: 20px;
    text-decoration: none;
}
#wrapper .suggestion-item .suggestion-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    height: 64px;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#wrapper .suggestion-item .suggestion-date , #wrapper .suggestion-item .suggestion-date span {
    font-size: 10px;
    font-weight: 400;
    color: #C9C9C9;
    text-decoration: none;
}
#wrapper .suggestion-item .suggestion-date span {
    margin-right: 5px;
}
#h
#header .navigation ul li .subNavigation .menu a.icon1,
#navigationSP .inner .subMenu li a.icon1 {
    background-image: url(/assets/img/icons/1@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a.icon2,
#navigationSP .inner .subMenu li a.icon2 {
    background-image: url(/assets/img/icons/2@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a.icon3,
#navigationSP .inner .subMenu li a.icon3 {
    background-image: url(/assets/img/icons/3@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a.icon4,
#navigationSP .inner .subMenu li a.icon4 {
    background-image: url(/assets/img/icons/4@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a.icon5,
#navigationSP .inner .subMenu li a.icon5 {
    background-image: url(/assets/img/icons/5@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a.icon6,
#navigationSP .inner .subMenu li a.icon6 {
    background-image: url(/assets/img/icons/6@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a.icon7,
#navigationSP .inner .subMenu li a.icon7 {
    background-image: url(/assets/img/icons/7@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a.icon8,
#navigationSP .inner .subMenu li a.icon8 {
    background-image: url(/assets/img/icons/8@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a.icon9,
#navigationSP .inner .subMenu li a.icon9 {
    background-image: url(/assets/img/icons/9@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a.icon10,
#navigationSP .inner .subMenu li a.icon10 {
    background-image: url(/assets/img/icons/10@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a.icon11,
#navigationSP .inner .subMenu li a.icon11 {
    background-image: url(/assets/img/icons/11@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a.icon12,
#navigationSP .inner .subMenu li a.icon12 {
    background-image: url(/assets/img/icons/12@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a.icon13,
#navigationSP .inner .subMenu li a.icon13 {
    background-image: url(/assets/img/icons/13@2x.png), url(/assets/img/icons/next@2x.png);
}

#header .navigation ul li .subNavigation .menu a {
    background-size: 35px auto, 33px auto;
}

#header .menuSP {
    display: none;
}

#navigationSP.show {
    display: none;
    animation: show 0.3s ease;
}
#navigationSP .inner .subMenu-last li:last-child {
    margin-bottom: 0;
}
#navigationSP::after {
    height: 110px;
}
.top__notification {
    padding-top: 45px;
    position: relative;
    z-index: 2;
}
#wrapper.id_top .disaster-info .freeze-scroll {
    position: fixed;
    z-index: 10;
    width: calc(100% - 226px);
}
/* start: navigationSP new */
.navigationSP-item {
    padding: 0;
    margin-bottom: 3px;
    background-color: #fff;
}
.naviSP__q {
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 835px) {
    #wrapper.id_top .disaster-info .freeze-scroll {
        position: fixed;
        z-index: 10;
        width: 100%;
        top: 50px;
    }
    .search-header__new .searchSP {
        width: 6px;
        float: right;
        margin-right: 65px;
        margin-top: 10px;
    }
    #header .d-block-768 {
        display: block;
    }
    #header-toppage .search-header__new .searchSP {
        width: 6px;
        float: right;
        margin-right: 65px;
        margin-top: 10px;
    }
    .navigationSP-item .bg-naviSP {
        width: 100%;
        background: #fff500;
        height: 65px;
    }
    .bg-naviSP-mb {
        margin-bottom: 3px;
    }
    .navigationSP-item.active>.naviSP__q-1 .naviSP_text {
        background-image: url(/assets/img/icons/closeSP.png);
        background-size: 14px auto!important;
        background-position: right 25px center;
    }
    .naviSP_text {
        font-size: 16px;
        color: #464749;
        font-weight: 400;
        padding: 21px 25px;
        font-weight: 700;
        background: rgba(255,255,255,.5);
        width: 100%;
        background-image: url(/assets/img/icons/plus.png);
        background-size: 14px auto !important;
        background-repeat: no-repeat !important;
        background-position: right 28px center;
        align-items: center;
        display: flex;
    }
    .naviSP_item-sub {
        font-style: normal;
        font-weight: 400;
        font-size: 4.2666666667vw;
        line-height: 1.75;
        letter-spacing: .2666666667vw;
        align-items: center;
        position: relative;
        margin-bottom: -1.8666666667vw;
    }
    .naviSP_text-list {
        font-size: 16px;
        font-weight: 400;
        padding: 11px 24px;
        margin-bottom: 15px;
    }
    .naviSP_text-list ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .list li {
        margin-bottom: 8px;
    }
    .list li:last-child {
        margin-bottom: 0;
    }
    .naviSP_text-list .list .list-title {
        background-image: url(/assets/img/icons/arrow@3x.png);
        background-size: 14px auto;
        background-repeat: no-repeat;
        background-position: right 3px center;
        align-items: center;
        justify-content: left;
        display: flex;
    }
    .naviSP_text-list ul a {
        font-size: 12px;
        display: block;
        width: 100%;
        height: 100%;
        margin-left: 7px;
        line-height: 26px;
    }
    .naviSP_text-link {
        font-size: 16px;
        padding: 20px 25px;
        font-weight: 700;
        background: rgba(255,255,255,.5);
        width: 100%;
        align-items: center;
        display: flex;
    }
    /* search SP */
    .search-input .mf_finder_searchBox_useSelects {
        padding: 0px 15px;
        margin: 0 10px;
    }
    .search-input .mf_finder_searchBox_items {
        position: relative;
        padding: 10px 0;
    }
    .search-input .mf_finder_searchBox_items .mf_finder_searchBox_query_input {
        height: 50px;
        font-size: 12px;
        border-radius: 48px;
        background: #fff;
        padding: 0 20px;
        border: none;
    }
    .search-input .mf_finder_searchBox_items .mf_finder_searchBox_submit {
        position: absolute;
        right: 0;
        top: 35%;
        right: 15px;
        padding: 0 7.5px;
        font-size: 18px;
        position: absolute;
        background: #fff;
        color: #767779;
    }
    .text-link {
        font-size: 13px;
        padding: 10px 25px 25px 25px;
        text-decoration: underline;
        font-weight: 500;
        letter-spacing: 0.025em;
    }
    .text-link img{
        margin-left: 5px;
    }
    .no-disater-info {
        margin-bottom: 50px;
    }
}
/* end: navigationSP new */
.vertical-img {
    vertical-align: bottom;
}
#front .floatingPanel .item .close {
    cursor: pointer;
}

@media only screen and (max-width: 835px) {
    #front .povo1 .button {
        /* margin: 0 100px 0 10px; */
        text-align: center;
        /* width: 75%; */
    }
    #wrapper .suggestion-list {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        flex-wrap: wrap;
    }
    #wrapper .suggestion-item .suggestion-date, #wrapper .suggestion-item .suggestion-date span {
        font-size: 12px;
    } 
    #wrapper .suggestion-item {
        width: 100%;
    }
    #wrapper .suggestion {
        padding: 0 15px 60px;
    }
    #wrapper .suggestion .suggestion-header {
        font-size: 22px;
    }
    .top__notification {
        padding-top: 30px;
        margin-top: 0;
    }
    .title-item {
        font-size: 13px;
        font-weight: 500;
    }
    .sub_text {
        font-size:12px !important
    }
}
.footer-sns {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}
  
@media only screen and (max-width: 835px) {
    .footer-sns {
        display: block;
    }
}

.footer-sns-lead {
    font-size: 1.3rem;
    font-weight: bold;
    margin-right: 15px;
}

@media only screen and (max-width: 835px) {
    .footer-sns-lead {
        margin-right: 0;
        margin-bottom: 15px;
        text-align: center;
    }
}

.footer-sns-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media only screen and (max-width: 835px) {
    .footer-sns-list {
        justify-content: center;
    }
}

.footer-sns-item {
    margin-left: 15px;
}

@media only screen and (max-width: 835px) {
    .footer-sns-item {
        margin: 0 6px;
    }
}

.footer-sns-link {
    display: inline-block;
}

.footer-sns-icon {
    width: 32px;
    height: auto;
}
  
@media only screen and (max-width: 365px) {
    .button a {
        background-position: right 10px center !important;
        font-size: 12px !important;
    }
}

#header .show-for-navigation-sp {
    display: none;
}

@media only screen and (max-width: 835px) {

    #wrapper.id_top .topping__carousel img {
        /* min-width: 175.1px !important;
        max-width: 175.1px !important; */
        min-width: 200px !important;
        max-width: 200px !important;
    }

    #wrapper.id_top #footer {
        padding-bottom: 0 !important;
        background-color: #ebecef;
    }

    #wrapper.id_top #header .header-logo img {
        top: -4px;
        left: -15px;
        width: 80px;
        height: auto;
    }

    #wrapper.id_top .topping__carousel-inner {
        align-items: unset !important;
    }

    #wrapper.id_top .topping__carousel-inner-wrap.js-carousel_inner_wrap {
        height: 335px;
    }

    #header .show-for-navigation-sp {
        display: flex;
    }

    #header .navigation .buttonApply a {
        padding: 12px 20px;
    }

    #header .menuSP {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 10px !important;
        width: 40px;
        height: 40px;
        background: url(/assets/img/icons/menu.png);
        background-size: 40px auto;
    }

    #navigationSP.show {
        display: block;
        animation: show 0.3s ease;
    }

    #wrapper.id_top #footer .logo img {
        left: 0 !important;
        top: 0 !important;
    }
    #wrapper .c-navi-process-item .navi-span {
        font-size: 18px;
    }
}

.column-topping .toppingList .item,
.column-topping .toppingList2 .owl-item,
#footer .footerTop .inner .pageTop {
    cursor: pointer;
}
#header {
    height: 100%;
}
#header .navigation-new {
    padding: 24px;
    background-color: #fff;
    height: 100vh;
    overflow-y: auto;
}
#header .navigation-new .logo-new img {
    width: 133px;
}
#header .navigation-new .logo-new {
    margin-bottom: 40px;
}
.navigation-new li {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px;
    line-height: 1.5em;
    width: 100%;
    display: block;
}
.navigation-new li .link-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 178px;
}
.navigation-new li .link-group img {
    width: 12px;
    height: 12px;
}
/* .navigation-new li::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(../img/global/parts_20px.png);
    background-size: 100%;
    right: 26px;
    transform: translateY(-155%);
    width: 12px;
    height: 12px;
} */
.navigation-new .none-icon::after {
    background-image: none !important;
}
@media only screen and (max-width: 1420px) and (min-width: 1180px){
    .navigation-new li {
        font-size: 14px;
    }
    .navigation-new li .link-group {
        width: calc(234px * 0.85 - 20px);
    }
    .navigation-new li .link-group img {
        width: 13px;
        height: 13px;
    }
}
@media only screen and (max-width: 1180px) and (min-width: 835px){
    .navigation-new li .link-group {
      width: calc(234px * 0.7 - 15px);
    }
    .navigation-new li .link-group img {
        width: 12px;
        height: 12px;
    }
}
.navigation-new .sub-nav {
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff500;
    width: 435px;
    height: 100vh;
    display: none;
}
.navigation-new .list-item {
    padding: 0 24px;
}
.sub-nav .menu {
    margin-top: 125px;
}
.sub-nav span {
    position: absolute;
    top: 0;
    left: -20px;
    border: 10px solid transparent;
    height: 100%;
    display: none;
}
.sub-nav .menu p {
    margin-bottom: 15px;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 700;
    background: rgba(255,255,255,.5);
}

.sub-nav .title-item {
    margin-top: 15px ;
    padding: 0 !important;
    background:none !important;
}
.menu .sub-item {
    margin-bottom: 10px;
}
.menu .sub-item a {
    display: block;
    box-shadow: 0 3px #d6d6d6;
    height: 50px;
    padding-left: 50px;
    font-weight: 500;
    border-radius: 100px;
    background-color: #fff;
    background-image: url(/assets/img/icon_items_mini/1@2x.png),url(/assets/img/icons/next@2x.png);
    background-size: 26px auto,33px auto;
    background-repeat: no-repeat;
    background-position: left 15px center,right 10px center;
    font-size: 14px;
    line-height: 50px;
}
.navigation-new li:hover {
    margin-right: -24px;
    width: auto;
}
.navigation-new li:hover .link-hover {
    padding-right: 5px;
    display: inline-block;
}
.navigation-new li:hover .sub-nav,  
.navigation-new li:hover .sub-nav span {
    display: block;
}
#header .navigation .buttonApply {
    margin-right: 12px;
}
.link-hover:hover {
    text-decoration: underline;
}
#header .navigation-new ul li .menu a.icon1 {
    background-image: url(/assets/img/icon_items_mini/1@2x.png), url(/assets/img/icons/next@2x.png);
}
  
#header .navigation-new ul li .menu a.icon2 {
    background-image: url(/assets/img/icon_items_mini/2@2x.png), url(/assets/img/icons/next@2x.png);
}
  
#header .navigation-new ul li .menu a.icon3 {
    background-image: url(/assets/img/icon_items_mini/3@2x.png), url(/assets/img/icons/next@2x.png);
}
  
#header .navigation-new ul li .menu a.icon4 {
    background-image: url(/assets/img/icon_items_mini/4@2x.png), url(/assets/img/icons/next@2x.png);
}
  
#header .navigation-new ul li .menu a.icon5 {
    background-image: url(/assets/img/icon_items_mini/5@2x.png), url(/assets/img/icons/next@2x.png);
}
  
#header .navigation-new ul li .menu a.icon6 {
    background-image: url(/assets/img/icon_items_mini/6@2x.png), url(/assets/img/icons/next@2x.png);
}
  
#header .navigation-new ul li .menu a.icon7 {
    background-image: url(/assets/img/icon_items_mini/7@2x.png), url(/assets/img/icons/next@2x.png);
}
  
#header .navigation-new ul li .menu a.icon8 {
    background-image: url(/assets/img/icon_items_mini/8@2x.png), url(/assets/img/icons/next@2x.png);
}
  
#header .navigation-new ul li .menu a.icon9 {
    background-image: url(/assets/img/icon_items_mini/9@2x.png), url(/assets/img/icons/next@2x.png);
}
  
#header .navigation-new ul li .menu a.icon10 {
    background-image: url(/assets/img/icon_items_mini/10@2x.png), url(/assets/img/icons/next@2x.png);
}
  
#header .navigation-new ul li .menu a.icon11 {
    background-image: url(/assets/img/icon_items_mini/11@2x.png), url(/assets/img/icons/next@2x.png);
}
  
#header .navigation-new ul li .menu a.icon12 {
    background-image: url(/assets/img/icon_items_mini/12@2x.png), url(/assets/img/icons/next@2x.png);
}
#header .navigation-new ul li .menu a.icon13 {
    background-image: url(/assets/img/icon_items_mini/9@2x.png), url(/assets/img/icons/next@2x.png);
}
#header .navigation-new ul li .menu a.icon14 {
    background-image: url(/assets/img/icons/13@2x.png), url(/assets/img/icons/next@2x.png);
}
#header .navigation-new ul li .menu a.icon15 {
    background-image: url(/assets/img/icons/14@2x.png), url(/assets/img/icons/next@2x.png);
}
#header .navigation-new ul li .menu a.icon16 {
    background-image: url(/assets/img/icons/icon_roaming.png), url(/assets/img/icons/next@2x.png);
}
#header .navigation-new ul li .menu a.icon17 {
    background-image: url(/assets/img/icons/atorie_povo_icon.png), url(/assets/img/icons/next@2x.png);  
}
.link-tag {
    border-top: 2px solid #777;
    padding-top: 18px;
}
.link-tag a {
    font-size: 10.6px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.1em;
}
.link-tag a:hover {
    text-decoration: underline;
}
.search-bar {
    background: #f7f7f7;
    border-radius: 30px;
    margin-bottom: 25px;
}
.search-bar .mf_finder_searchBox_query_input {
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
}
.search-bar .mf_finder_searchBox {
    margin-left: 8px;
    margin-right: 0px;
}
.search-bar .mf_finder_searchBox_items {
    padding: 3px 0;
}
.search-bar .mf_finder_searchBox_submit {
    background-color: unset;
    color: #777;
}
@media only screen and (max-width: 835px) {
    #header .navigation-new {
        display: none;
    }
}
.kiyaku-area-user-description {
    overflow-y: auto;
    height: 100px;
}
#header .navigation ul li {
    margin-right: 23px;
}

.no-border {
    border: 0px solid black;
}

.bg-grey {
    background-color: #767779;
}

.body-bg-grey {
    background-color: #e8eaee;
}

.bg-white {
    background-color: #f7f7f7;
}

#footer .footerTop .inner .navigation .sns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* start new-page */
.news-section {
    padding-top: 100px;
}

.news-section .news-section__header {
    text-align: center;
    line-height: 5rem;
}

.news-section .news-section__header .news-section--title {
    font-size: 5rem;
}

.news-section .news-section__header .news-section--sub-title {
    font-weight: 600;
}

.news-section .news-section__header .news-section--description {
    line-height: 1rem;
}

.news-card {
    padding-top: 100px;
}

#news-page .news-card .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: #767779;
    color: white;
}

#news-page .news-card .accordion .accordion-item .accordion-header .accordion-button.collapsed,
#news-page .news-card .accordion .accordion-item .accordion-header button,
#news-page .news-card .accordion .accordion-item .accordion-body,
#news-page .news-card .accordion-item:last-of-type {
    border-radius: 10px;
}

#news-page .news-card .accordion .accordion-item .accordion-body,
#news-page .news-card .accordion .accordion-item .accordion-collapse,
#news-page .news-card .accordion-item:last-of-type {
    background-color: #e8eaee !important;
}

.news-card .card-header {
    padding: 25px;
    font-size: 1.5rem;
    border-radius: 10px;
}

.news-card .card {
    border-radius: 10px;
}

.news-card .card-title {
    text-transform: unset;
}

.news-card .card-category {
    padding-bottom: 100px;
    font-size: 2rem;
}

.news-card .card-content {
    padding-top: 30px;
}

.news-card .news-list {
    list-style: none;
    padding-left: 0;
}

.news-card .news-list .news-item {
    color: #464749;
    display: grid;
    grid-template-columns: 15% 20% 65%;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* .news-card .news-list .news-item .news-item__time {
    
} */

.news-card .news-list .news-item .news-item__category {
    justify-self: center;
    background-color: grey;
    color: white;
    padding: 5px 25px;
    border-radius: 5px;
    display: inline-table;
    width: 100%;
    text-align: center;
}

.news-card .news-list .news-item .news-item__title {
    color: #00add5;
    padding-left: 25px;
}

.news-category {
    padding-top: 50px;
}

.news-category .news-category__list {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
    margin: 0 -20px;
    cursor: pointer;
}

.news-category .news-category__item {
    background-color: #e8eaee;
    color: #212529;
    float: left;
    text-align: center;
    margin: 0 20px;
    padding: 70px 0;
    font-size: 1.4rem;
    line-height: 2rem;
    border-radius: 10px;
}

.news-category .news-category__sub-title {
    color: #212529;
    font-size: 0.9rem;
}

.social-area {
    display: flex;
    justify-content: center;
    padding: 65px 0;
    border-radius: 10px;
}

.social-area .social-area__title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.7142;
    letter-spacing: 0.2em;
}

@media only screen and (max-width:850px) {
    .news-card .news-list .news-item {
        grid-template-columns: 45% 55%;
    }

    .news-card .news-list .news-item .news-item__title {
        width: 220%;
        padding: 10px 0;
    }

    .news-category .news-category__list {
        grid-template-columns: auto;
    }

    .news-category .news-category__item {
        margin-bottom: 50px;
    }
    .social-area {
        display: none;
    }
}
.paginationPC .page-item.active .page-link {
    background: #fffa00 !important;
    color: #464749;
}
.category {
    min-width: 140px;
}
.column-important .newsList .item .cat .category {
    text-align: center;
}
/* end: news-page */

/* search product */
#search-product .title-search{
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin-top: 30px;
}
#search-product .row-padding{
    padding-top: 30px;
}
#search-product .txt-1{
    font-size: 16px;
    font-weight: 500;
    padding: 18px 20px;
}
#search-product .sel-item{
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-radius: unset;
}
#search-product .btn-search{
    width: 276px;
    margin-bottom: 30px;
    height: 55px;
    border-radius: 30px;
    border: none;
    font-size: 17px;
    font-weight: 500;
    background: #fffa00;
    text-align: center;
    color: #000;
}
#search-product .btn-center{
    text-align: center;
}

#search-product .tabs {
    margin-bottom: 30px !important;
}

#search-product .tabs ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: none !important;
}
#search-product .tabs ul li {
    overflow: hidden;
    display: flex;
    width: 48%;
    text-align: center;
    background: #EBECEE;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.5;
    border-radius: 45px;
}
#search-product .tabs ul li .tabs-item:active {
    background: #FFFA00;
}
#search-product .tabs ul li a {
    display: flex;
    width: 100%;
    padding: 20px 0;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#search-product .sel-item option:first {
    padding: 0 20px;
}
#search-product select{
    padding: 15px;
    font-size: 16px;
    line-height: 1.5;
    background: url("data:image/svg+xml;utf8,<svg fill='black' height='28' viewBox='0 0 24 24' width='28' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right #fff;
    -webkit-appearance: none;
    background-position: calc(100% - 15px) center !important;
    color: #000;
}
#search-product .tab_service_os.disable-select select {
    pointer-events: none;
    background: #EBECEE;
}
#search-product .tab_service_os.disable-select-txt select {
    pointer-events: none;
    background: #fff;
}

#search-product #service_provider select.disable-select {
    pointer-events: none;
    background: #EBECEE;
}
.sp {
    display: none;
}
@media only screen and (max-width:850px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
    #search-product .txt-center-sp{
        text-align: center;
    }
    #search-product .padding-sp {
        padding: 0 20px 25px !important;
    }
    #search-product .tabs ul li a.fs-sp{
        font-size: 16px !important;
    }
    .fs-17 {
        font-size: 17px;
    }
}
/* end: search product */

/* start: news-category-page */

#news-category-page .news-section .news-section__header .news-section--sub-title {
    font-weight: 400;
    font-size: 1.4rem;
}

#news-category-page .news-card .news-list .news-item {
    border-top: 1px solid #767779;
}

#news-category-page .news-card .news-list .news-item {
    grid-template-columns: 15% 85%;
}
/* end: news-category-page */

/* begin: topping overview page */
.column-topping .toppingList2 .owl-item {
    display: flex;
    position: relative;
    box-shadow: 0 3px #d6d6d6;
    flex-basis: 24%;
    padding: 30px 0;
    margin-bottom: 30px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    background: #fff;
    text-align: center;
}

.column-topping .toppingList2 .owl-item img {
    position: relative;
    z-index: 1;
    max-width: 100%;
    height: 220px;
}

.column-topping .toppingList2.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button.owl-prev {
    left: -60px;
    top: -24px;
}

.column-topping .toppingList2.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button.owl-next {
    right: -40px;
    top: -24px;
}

.column-topping .toppingList2.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button {
    background: transparent;
    color: #000;
}

.column-topping .toppingList2.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button.owl-prev::before {
    font-weight: 200;
    font-size: 3rem;
    content: "〈";
}

.column-topping .toppingList2.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button.owl-next::before {
    font-weight: 200;
    font-size: 3rem;
    content: "〉";
}

.column-topping .section-banner-PC {
    display: block;
}

.column-topping .section-banner-SP {
    display: none;
}

@media only screen and (max-width:850px) {
    .column-topping .toppingList2.owl-carousel .owl-nav {
        display: none;
    }

    .column-topping .toppingList2 .owl-dots {
        width: 100%;
        text-align: center;
    }

    .column-topping .toppingList2 .owl-dots {
        width: 100%;
        text-align: center;
    }

    .column-topping .toppingList2 .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        margin: 0 5px;
        border-radius: 10px;
        background: #464749;
    }

    .column-topping .toppingList2 .owl-dots .owl-dot.active {
        background: #fff;
    }

    .column-topping .section-banner-PC {
        display: none;
    }

    .column-topping .section-banner-SP {
        display: block;
    }
}

/* end: topping overview page */

/* start: topping detail page */

.accordion-body .listCircle p {
    margin-top: -1rem;
    padding-left: 2rem;
}

.kiyaku-area pre {
    background: transparent;
    border: unset;
}
.card-header {
    background-color: unset;
}
.accordion-button:not(.collapsed) {
    box-shadow: none;
}
.column-topping .stepList {
    justify-content: flex-start;
    margin: 0 -1%;
}
.column-topping .stepList .item {
    margin: 0 1%;
    margin-bottom: 15px;
}
/* end: topping detail page */

/* start: Top page */
#front .conbinationSlider .conbinationPC .owl-item .conbination-item {
    width: 711px;
    height: 311px;
}
#front .floatingPanel .item dl dt span {
    min-width: 153px;
    text-align: center;
}
#front .mainTopic .innerFoot .conbinationPC .owl-nav .owl-prev {
    top: 165px;
    left: 120px;
}

#front .mainTopic .innerFoot .conbinationPC .owl-nav .owl-next {
    top: 165px;
    right: 119px;
}

#front .conbinationSlider .owl-nav .owl-prev,
#front .conbinationSlider .owl-nav .owl-next {
    background-color: initial;
    color: #464749;
}

#front .mainTopic .innerFoot .conbinationSP .owl-nav .owl-prev,
#front .mainTopic .innerFoot .conbinationSP .owl-nav .owl-next {
    top: 100%;
}
#front .mainTopic .inner h1 {
    font-weight: 500;
}

.fixedBottomBtn .btn-primary {
    background-color: unset;
}
#wrapper.id_top .banner {
    padding: 80px 20px 60px !important;
}
.footer-sns-lead {
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
}
.footer-sns-item {
    margin-left: 10px !important;
}
#wrapper .footer-sns {
    justify-content: center !important;
    padding-bottom: 40px;
}
#wrapper.id_top .c-navi-process-item:first-child .c-navi-process-btn {
    width: auto !important;
    height: 75px !important;
}
#wrapper.id_top .c-navi-process-item .text-service {
    font-size: 11px;
    text-align: center;
    color: #fff;
    letter-spacing: 0.6px;
}
#wrapper.id_top .c-navi-process-item .text-service span a {
    text-decoration: underline;
    color: #fff;
}
#wrapper.id_top .c-navi-process-item:first-child {
    margin-bottom: 8px !important;
}
#wrapper.id_top .c-navi-process-btn {
    height: 95px !important;
}

/* #wrapper.id_top .c-navi-service-btn {
    height: 132px !important;
    width: 128px !important;
} */

#wrapper.id_top .c-navi-service-btn,
#wrapper.id_top .c-navi-process-btn .btn01__txt,
span.btn01__txt.js-hover_btn_type01_txt {
    line-height: 1.4 !important;
}
.sp-menu {
    background-color: rgba(0, 0, 0, 0.7);
}
#wrapper.id_top .c-navi-service-text {
    font-weight: 400 !important;
}

#wrapper.id_top .section-service .inner .item h2 {
    margin-bottom: 40px;
    font-size: 23px;
}

#wrapper.id_top .news-au {
    padding-left: 45px;
    padding-right: 45px;
    position: relative;
    right: 143px;
}

#wrapper.id_top .news-au-wrapper {
    background-color: #fff;
    border-radius: 10px;
    padding: 45px 43px;
    position: relative;
    width: calc(100% + 470px);
    margin-top: 5px;
    z-index: 1;
}
@media only screen and (min-width: 835px) {
    #wrapper #front .floatingPanel .item dl dd {
        width: calc(100% - 250px);
        padding-left: 20px;
    }
    #front .floatingPanel .item dl dt {
        width: calc(234px * 0.75 - 15px);
    }
    #front .floatingPanel .item {
        width: 891px !important;
        padding: 10px 24px 14px 68px!important;
        margin: 30px auto 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 835px) {
    #front .floatingPanel .item {
        width: 891px !important;
        padding: 10px 24px 14px 20px!important;
        margin: 30px auto 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    #wrapper .suggestion-item {
        width: 49%;
        min-height: 120px;
        padding: 12px 24px;
        margin-bottom: 15px;
        background: #ffff;
        border-radius: 20px;
        text-decoration: none;
    }
    #wrapper.id_top .c-navi-process-btn {
        height: 110px !important;
    }
    #wrapper .suggestion-item .suggestion-date span {
       margin-top: 30px;
    }
}

.news-index {
    pointer-events: auto !important;
}
#wrapper.id_top .news-au-inner {
    margin: 0 auto;
}

#wrapper.id_top .news-au .listCircle li::before {
    background: #2f2f2f;
    position: relative;
    display: inline-block;
    top: 5px;
    left: -1px;
}

#wrapper.id_top .news-au-inner .listCircle ul li {
    font-size: 11px;
    padding-left: 0;
}

#wrapper.id_top .news-au-inner .listCircle ul li a {
    color: #6da5f2;
}

#wrapper.id_top .news-au-inner .listCircle ul .news-au--text-bold {
    font-weight: bold;
}

#wrapper.id_top .news-au-inner .listCircle ul .news-au--text-red {
    color: #ff0000;
}

#wrapper.id_top .news-au {
    padding-top: calc(var(--item) * 75px);
}
#wrapper.id_top .content-news-au {
    display: none;
}
#wrapper.id_top .contents {
    padding-top: 0px;
}
#wrapper.id_top .banner-top {
    max-width: 600px;
    margin: 25px auto;
}
@media only screen and (max-width:850px) {
    #wrapper.id_top .news-au {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        right: 0;
    }
    #wrapper.id_top .news-au-wrapper {
        padding: 15px 20px;
        width: 100%;
    }
    #wrapper.id_top .banner-top {
        margin: 15px auto;
    }
    #wrapper.id_top .contents {
        padding-top: 0;
    }
    #wrapper.id_top .content-news-au {
        display: block;
    }
    #wrapper.id_top .kv-news-au {
        display: none;
    }
}

#wrapper.id_top .plan {
    padding-top: 15px;
}
#front .section-povo2 .buttonBlack {
    max-width: 360px;
    margin: 0 auto 20px;
    text-align: center;
}
#front .section-povo2 .buttonBlack a {
    display: block;
    padding: 13px 45px;
    border-radius: 50px;
    box-shadow: 0 3px #d6d6d6;
    background-color: #515151;
    background-image: url(/assets/img/icons/arrow@2x.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: right 20px center;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    line-height: 1.35;
    margin-top: 10px;
    color: #fff;
}
@media only screen and (max-width: 835px) {
    #front .section-povo2 .buttonBlack a {
        font-size: 14px;
    }
}
#wrapper .sliderTop-Toppage {
    position: relative;
}
#wrapper .sliderTop-Toppage .owl-carousel.sliderPC .owl-stage-outer {
    max-height: 420px;
}
#wrapper .owl-carousel.owl-drag .owl-item {
    margin-bottom: 20px;
}
/* #wrapper .sliderTop-Toppage .owl-carousel.sliderPC .owl-item img {
    max-width: 891px;
    box-shadow: 0 6px #e8e7e7;
    margin: 0 12px;
    border-radius: 19px;
    overflow: hidden;
} */
#wrapper .sliderTop-Toppage .owl-nav .owl-prev {
    position: absolute;
    bottom: -8px;
    left: calc(50% - 10px - (var(--itemsImg) * 15px));
    height: 37px;
    background-size: cover!important;
}
#wrapper .sliderTop-Toppage .owl-nav .owl-next {
    position: absolute;
    left: calc(50% + (var(--itemsImg) * 15px));
    bottom: -8px;
    height: 37px;
    background-size: cover!important;
}
#wrapper .sliderTop-Toppage .owl-nav svg {
    fill: #464749;
    width: 10.495px;
    height: 11px;
}
#wrapper #front .section-frontSlider .owl-dots .owl-dot.active {
    background-color: rgb(255, 250, 0);
}
#wrapper .sliderBasicTopPickup .owl-stage-outer {
    max-height: 430px;
}
#wrapper #front .section-frontSlider .owl-dots {
    padding: 5px 0;
}
#wrapper .sliderPickup-topPage {
    position: relative;
}
#wrapper .sliderPickup-topPage .js-carousel_arrow_right , 
#wrapper .sliderPickup-topPage .js-carousel_arrow_left {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none;
}
#wrapper .sliderPickup-topPage .js-carousel_arrow_left {
    position: absolute;
    left: calc(49% + 6px - (var(--itemPickUp) * 14px));
    z-index: 1;
}
#wrapper .sliderPickup-topPage .js-carousel_arrow_right {
    position: absolute;
    right: calc(49% - (var(--itemPickUp) * 14px));
    z-index: 1;
}
#front .floatingPanel .item dl dt span.category {
    background-color: #ffc528;
}
#front .floatingPanel .item dl dt span.cat5 {
    background-color: #ffc528;
}
#front .floatingPanel .item dl dt span.cat6 {
    background-color: #FF8B28;
}
#front .floatingPanel .item dl dt span.cat-top {
    background-color: #767778;
    color: white;
}
#wrapper.id_top .news__important {
    margin: 0 auto;
}
#wrapper.id_top .item__news {
    border: 1px solid #515151;
}
#wrapper.id_top .title__newstrouble {
    text-align: center;
    width: 891px;
    position: relative;
    margin: 30px auto 0;
    padding: 14px;
    font-size: 20px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    font-weight: 400;
    background: #767778;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    cursor: pointer;
    color: #fff;
}
#wrapper.id_top .title__newstrouble::before {
    content: "";
    background-repeat: no-repeat;
    background-image: url(../img/icons/open_index.png);
    position: absolute;
    right: 14px;
    top: 9;
    width: 22px;
    height: 22px;
    top: 13px;
}
#wrapper.id_top .frontTop .title__newstrouble::before {
    content: none;
}
#wrapper.id_top .freeze-scroll .title__newstrouble::before {
    content: none;
}
#wrapper.id_top .title__newstrouble.title__newstrouble--close {
    border-radius: 30px;
}
#wrapper.id_top .title__newstrouble.title__newstrouble--close::before {
    background-image: url(../img/icons/close_index.png);
    transform: none;
}
#wrapper.id_top .ReactCollapse--collapse {
    transition: height 400ms;
}
#wrapper.id_top .btn__newstrouble {
    padding: 7px 14px;
    color: #464749;
    border: 1px solid #515151;
    font-size: 14px;
    border-radius: 20px;
    margin-left: 15px;
}
@media only screen and (max-width: 835px) and (min-width: 666px){
    #wrapper .sliderTop-Toppage .owl-carousel.sliderSP .owl-stage-outer {
        max-height: 495px;
    }
    #wrapper .sliderTop-Toppage .owl-carousel.sliderSP .owl-item img {
        height: 475px;
    }
}
@media only screen and (max-width: 835px) {
    .sliderBasicTopPickup .owl-item img {
        min-width: 200px !important;
        max-width: 200px !important;
    }
    #wrapper.id_top .title__newstrouble {
        width: 100%;
        font-size: 16px;
        margin-top: 44px;
    }
    #wrapper.id_top .btn__newstrouble {
        padding: 4px 8px;
        color: #464749;
        border: 1px solid #515151;
        font-size: 10px;
        border-radius: 20px;
        margin-left: 0;
    }
    #wrapper.id_top .news__important {
        margin: 0 auto;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    #wrapper.id_top .frontTop {
        margin-top: 44px;
    }
    #wrapper.id_top .frontTop .panel-top-sp .news__important {
        padding-right: 10px;
    }
    #wrapper.id_top .frontTop .panel-top-sp .item-news-wrapper {
        max-height: 365px;
        overflow: auto;
        padding-right: 10px;
    }
    #wrapper.id_top .frontTop .panel-top-sp .item-news-wrapper::-webkit-scrollbar {
        width: 5px;
    }
    #wrapper.id_top .frontTop .panel-top-sp .item-news-wrapper::-webkit-scrollbar-track {
        background: #f1f1f1; 
    }
    #wrapper.id_top .frontTop .panel-top-sp .item-news-wrapper::-webkit-scrollbar-thumb {
        background: #BFBFBF; 
    }
    #wrapper.id_top .frontTop .panel-top-sp .item-news-wrapper::-webkit-scrollbar-thumb:hover {
        background: #767778; 
    }

    #wrapper .sliderTop-Toppage .owl-nav .owl-prev {
        position: absolute;
        bottom: -10px;
        left: calc(50% - 10px - (var(--itemsImg) * 12px));
        height: 37px;
        background-size: cover!important;
    }
    #wrapper .sliderTop-Toppage .owl-nav .owl-next {
        position: absolute;
        left: calc(50% + (var(--itemsImg) * 12px));
        bottom: -10px;
        height: 37px;
        background-size: cover!important;
    }
    #wrapper #front .section-frontSlider .owl-dots .owl-dot {
        width: 7px;
        height: 7px;
    }
    #wrapper .sliderBasicTopPickup .owl-dots .owl-dot {
        width: 7px;
        height: 7px;
    }
    #wrapper.id_top .sliderBasicTopPickup .owl-dots {
        padding: 0;
        text-align: center;
        height: 10px;
    }
    #wrapper.id_top .sliderPickup-topPage .topping__indicator {
        margin-top: 0px;
    }
    #wrapper.id_top .sliderPickup-topPage .owl-nav .owl-prev ,
    #wrapper.id_top .sliderPickup-topPage .owl-nav .owl-next {
        display: none;
    }
    #wrapper .sliderPickup-topPage .js-carousel_arrow_left {
        position: absolute;
        bottom: -12px;
        left: calc(49% + 4px - (var(--itemPickUp) * 12px));;
        z-index: 1;
    }
    #wrapper .sliderPickup-topPage .js-carousel_arrow_right {
        position: absolute;
        bottom: -12px;
        right: calc(49% - (var(--itemPickUp) * 12px));
        z-index: 1;
    }
}

/* end: Top page */

/* start: Footer */

#footer {
    border-top: 0;
    margin-top: 0;
}

/* end: Footer */
/* start: free-page-contents */
#free-page-contents .owl-carousel .owl-nav .owl-prev,
#free-page-contents .owl-carousel .owl-nav .owl-next {
    background-color: initial;
    color: unset;
}
#free-page-contents .sliderBasic .owl-nav .owl-prev,
#free-page-contents .sliderBasic .owl-nav .owl-next {
    width: 36px;
    height: 37px;
}
#free-page-contents .owl-carousel .owl-nav button.owl-prev:before,
#free-page-contents .owl-carousel .owl-nav button.owl-next:before {
    content: unset;
}
.topicPath > li:last-child {
    pointer-events: none;
    cursor: default;
}

.section-pageTitle .pageTitle::after {
    content: attr(annotation-mark);
    font-size: 1.3rem;
    position: absolute;
}

/* start: tag  */
.m-top-10{
    margin: 10px auto;
}
.tag-list{
    display: inline-flex;
    flex-wrap: wrap;
    padding-left: 2px;
}
.tag-list li {
    list-style: none;
    padding: 0px 15px 5px 0px;
}
.fs-tag{
    font-size: 13px;
    margin-bottom: 0px;
}
.mr-bottom{
    margin-bottom: 30px;
}
.lst-tags{
    padding: 0 7rem;
}
.lst-tags .posts {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.lst-tags .posts__item {
    margin-bottom: 35px;
}

.lst-tags .posts__item-link {
    cursor: pointer;
    display: block;
}

.lst-tags .posts__item-link:hover {
    text-decoration: none;
}

.lst-tags .posts__item-link:hover .posts__item-img {
    transform: scale(1.1);
}

.lst-tags .posts__item-link:hover .posts__item-title {
    color: #4aaafb;
    transition-duration: 0.3s;
    transition-property: color;
}

.lst-tags .posts__item-img-wrap {
    overflow: hidden;
    box-shadow: 0 0 25px 0 rgb(54 72 111 / 20%);
    margin-bottom: 15px;
}

.lst-tags .posts__item-img {
    height: 170px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 25px 0 rgb(54 72 111 / 20%);
    transform: scale(1);
    transition: .3s ease-in-out;
}

.lst-tags .posts__item-title {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    transition-duration: 0.3s;
    transition-property: color;
}
.m-tag{
    padding-bottom: 10px;
}
@media only screen and (max-width:850px) {
    .lst-tags{
        padding: 0 24px !important;
    }
    .m-tag{
        margin: 0 15px !important;
    }
}
/* end: tag  */


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
    .section-app#sectionApp .app .row .col-md-6 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .id_top#wrapper .news-au {
        padding-top: 150px;
    }

    .bonus .bonus-wrapper .image img {
        max-width: 800px;
        width: 100%;
    }

    .plan-btn-area .js-hover_btn_type01 .btn-primary {
        background-color: transparent;
    }
}

/* end: free-page-contents */

/* Character Topping */
.imageCharacterHide {
    width: 80%;
}

.characterHide-sp {
    display: none;
}

.characterHide-pc {
    display: block;
    float: right;
    position: absolute;
    bottom: -50px;
    right: 0;
}

@media only screen and (max-width:850px) {
    .characterHide-sp {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    .characterHide-pc {
        display: none;
    }

    .section-pageTitle .pageTitle::after {
        font-size: 1rem;
    }
}

@media (min-width: 835px) {
    .characterHide-pc {
        right: -460px;
    }
}

@media (min-width: 835px) {
    .characterHide-pc {
        right: -390px;
    }
}

@media (min-width: 992px) {
    .characterHide-pc {
        right: -330px;
    }
}

@media (min-width: 1100px) {
    .characterHide-pc {
        right: -280px;
    }
}

@media (min-width: 1200px) {
    .characterHide-pc {
        right: -208px;
    }
}

/* Character Topping */
/* start: section-service TOP Page */

.section-service {
    padding: 90px 0 90px;
    background: #fffa00;
}

.section-service .inner {
    max-width: 1050px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.section-service .inner .item {
    padding: 50px;
    max-width: 500px;
    width: 49%;
    border-radius: 20px;
    box-sizing: border-box;
    background: #eff0f2;
}

.section-service .inner .item.serviceGuide {
    background-color: #b381c7;
    width: 47%;
}

.section-service .inner .item.serviceGuide .menu1 {
    width: 100%;
    margin-bottom: 10px;
}

/* .section-service .inner .item.serviceGuide .menu1 a {
    display: block;
    padding: 25px 0;
    border-radius: 10px;
    background-color: #fff;
    background-image: url(/assets/img/icon_items/7@2x.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: left 20px center;
    box-shadow: 0 3px #d6d6d6;
    font-size: 18px;
    text-align: center;
} */

.section-service .inner .item.serviceGuide .menu2 {
    width: 48.5%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px #d6d6d6;
}

/* .section-service .inner .item.serviceGuide .menu2 a {
    display: block;
    padding: 50px 0;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
} */

.section-service .inner .item.serviceGuide .menu3 {
    width: 32%;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px #d6d6d6;
}

.section-service .inner .item.serviceGuide .menu3 a {
    display: block;
    padding: 50px 0;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
}

.section-service .inner .item.serviceMenu {
    background-color: #64c8a0;
}

.section-service .inner .item.serviceMenu .menu {
    width: 32%;
    min-height: 152px;
    margin-bottom: 10px;
    padding-top: 40px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px #d6d6d6;
    background: #fff;
}

.section-service .inner .item.serviceMenu .menu a {
    display: block;
    line-height: 1.5;
    border-radius: 10px;
    background-size: 27.5px;
    background-position: left 30px center;
    background-repeat: no-repeat;
    text-align: center;
    box-shadow: unset;
    font-size: 15px;
}

.section-service .inner .item.serviceMenu .menu a img {
    display: block;
    width: 40px;
    margin: 0 auto 10px;
}

.section-service .inner .item h2 {
    margin-bottom: 40px;
    font-size: 23px;
    font-weight: 700;
    text-align: center;
    color: #fffa00;
}
.section-service .inner .item.serviceGuide .menu2 a {
    padding: 10px 0 5px;
}
.section-service .inner .item.serviceGuide .menu1 .link-hover {
    padding: 10px 0;
}
.section-service .inner .item.serviceGuide .menu1 .text-service {
    font-size: 11px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    letter-spacing: 0.6px;
}
.section-service .inner .item.serviceGuide .menu1 .text-service a {
    text-decoration: underline;
    color: #fff;
}
.section-service .inner .item.serviceGuide .menu1 a:first-child {
    margin-bottom: 12px;
}
.section-service .inner .item.serviceGuide .menu1 a span,
.section-service .inner .item.serviceGuide .menu2 a span {
    font-family: "Josefin Sans";
    font-weight: 600;
    font-size: 21px;
}
.section-service .inner .item .menuWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width: 835px) {
    .section-service {
        padding: 38px 15px;
    }
    .section-service .inner {
        display: block;
    }
    .section-service .inner .item {
        width: 100%;
        max-width: 100%;
        padding: 40px 20px;
        background: transparent;
    }
    .section-service .inner .item.serviceMenu {
        padding: 40px 20px 30px;
    }
    .section-service .inner .item.serviceMenu .menu {
        min-height: 124px;
        padding: 20px 10px 10px;
    }
    .section-service .inner .item:first-child {
        margin-bottom: 30px;
        width: 100%;
    }
    .section-service .inner .item h2 {
        margin-bottom: 30px;
        font-size: 18px;
    }
    .section-service .inner .item .menuWrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .section-service .inner .item .menuWrapSecondary {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .section-service .inner .item.serviceGuide .menu1 a span,
    .section-service .inner .item.serviceGuide .menu2 a span {
        font-size: 18px;
    }
}
.section-service .inner .item .menu a {
    background-image: unset !important;
}
/* end: section-service TOP Page */
/* start: section-contact TOP Page */
.section-contact {
    padding: 60px 0 60px;
    background: #fffa00;
}

.section-contact .inner {
    max-width: 1050px;
    margin: 0 auto;
}

.section-contact .inner .subTitleColumn {
    position: relative;
}

.section-contact .inner .subTitleColumn .subTitle {
    color: #c9c9c9;
}

.section-contact .inner .subTitleColumn .contactCharacter {
    position: absolute;
    bottom: -30px;
    left: 100px;
}

.section-contact .inner .contactMenu {
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.section-contact .inner .contactMenu li {
    display: flex;
    align-items: center;
    width: 49%;
    max-width: none;
    border-radius: 10px;
    background: #fff;
    background-size: 44px;
    background-repeat: no-repeat;
    background-position: left 28px center;
    box-shadow: 0 3px #d6d6d6;
    text-align: center;
    line-height: 1.5;
}

.section-contact .inner .contactMenu li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0 30px 20px;
    font-size: 20px;
}

.section-contact .inner .contactMenu li.faq {
    background-image: url(/assets/img/icon_items/5@2x.png);
}

.section-contact .inner .contactMenu li.chat {
    background-image: url(/assets/img/icon_items/9@2x.png);
}

.section-contact .inner .contactPhone {
    position: relative;
    padding: 25px 50px;
    border-radius: 10px;
    background: #fff;
}

.section-contact .inner .contactPhone h3 {
    margin-bottom: 25px;
    font-size: 20px;
    text-align: center;
}

.section-contact .inner .contactPhone .phoneList {
    display: flex;
    position: relative;
    z-index: 1;
    justify-content: space-between;
    flex-wrap: wrap;
}

.section-contact .inner .contactPhone .phoneList li {
    max-width: 460px;
    width: 48%;
    padding: 25px 0;
    border-radius: 10px;
    background: #e8eaee;
    text-align: center;
}

.section-contact .inner .contactPhone .phoneList li h4 {
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 700;
}

.section-contact .inner .contactPhone .phoneList li .sub {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
}

.section-contact .inner .contactPhone .phoneList li .tel {
    font-family: "Josefin Sans";
    font-size: 30px;
    font-weight: 700;
}

#front .section-pickup .sliderPC {
    display: block;
}

#front .section-pickup .sliderSP {
    display: none;
}

#front .section-pickup .sliderBasicTopPickup {
    margin-bottom: 50px;
}

#front .section-pickup .sliderBasicTopPickup .owl-item {
    max-width: 345px;
}

.sliderBasicTopPickup .owl-dots {
    padding: 0;
    text-align: center;
    height: 13px;
}

#front .section-pickup .sliderBasicTopPickup .owl-dots .owl-dot.active {
    border: 1px solid #fff;
    background-color: #fff;
}

#front .section-pickup .sliderBasicTopPickup .owl-dots .owl-dot {
    border: 1px solid #767779;
    background-color: #767779;
}

#front .section-pickup .sliderBasicTopPickup .owl-dots .owl-dot.active {
    background: #fff;
}

#front .section-pickup .sliderBasicTopPickup .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 10px;
    background: #464749;
    border: 1px solid #464749;
}

.sliderBasicTopPickup .owl-nav .owl-next {
    position: absolute;
    right: 63.5px;
    top: 109px;
    width: 65px;
    height: 65px;
    background-image: url(/assets/img/icons/next@2x.png) !important;
    background-size: cover !important;
}

.sliderBasicTopPickup .owl-nav .owl-prev {
    position: absolute;
    left: 63.5px;
    top: 109px;
    width: 65px;
    height: 65px;
    background-image: url(/assets/img/icons/prev@2x.png) !important;
    background-size: cover !important;
}

.sliderBasicTopPickup .owl-nav button.owl-prev {
    width: 65px !important;
    height: 65px !important;
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"],
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover,
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].hover {
    background-color: transparent;
    border-color: transparent;
    color: transparent;
}

#front .section-recommended .sliderPC {
    display: block;
}

#front .section-recommended .sliderSP {
    display: none;
}

#front .section-recommended .sliderBasic .owl-nav,
#front .section-recommended .sliderBasic .owl-dots {
    display: none;
}

.accordion .accordion-item {
    border-radius: 40px;
}

.hide-background {
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: #f7f7f7 !important;
    border: 0 !important;
    border-top: 0 !important;
}

@media only screen and (max-width: 835px) {
    .section-contact {
        padding: 38px 15px;
    }
    .section-contact .inner .subTitleColumn .contactCharacter {
        position: absolute;
        bottom: -25px;
        left: 0;
    }
    .section-contact .inner .subTitleColumn .contactCharacter img {
        width: 60px;
    }
    .section-contact .inner .contactMenu {
        position: relative;
        z-index: 1;
    }
    .section-contact .inner .contactMenu li {
        background-position: center top 20px;
    }
    .section-contact .inner .contactMenu li a {
        padding: 70px 0 22px;
        font-size: 13px;
    }
    .section-contact .inner .contactPhone {
        padding: 30px 15px 15px;
    }
    .section-contact .inner .contactPhone h3 {
        font-size: 16px;
    }
    .section-contact .inner .contactPhone .contactCharacter {
        top: 45px;
        left: 20px;
    }
    .section-contact .inner .contactPhone .contactCharacter img {
        width: 66px;
        height: auto;
    }
    .section-contact .inner .contactPhone .phoneList {
        display: block;
    }
    .section-contact .inner .contactPhone .phoneList li {
        max-width: 100%;
        width: 100%;
    }
    .section-contact .inner .contactPhone .phoneList li:first-child {
        margin-bottom: 10px;
    }
    .section-contact .inner .contactPhone .phoneList li h4 {
        font-size: 14px;
    }
    .section-contact .inner .contactPhone .phoneList li .sub {
        font-size: 10.5px;
    }
    .section-contact .inner .contactPhone .phoneList li .tel {
        font-size: 24px;
    }

    #front .section-pickup .sliderPC {
        display: none;
    }

    #front .section-pickup .sliderSP {
        display: block;
    }

    #front .section-recommended .sliderPC {
        display: none;
    }

    #front .section-recommended .sliderSP {
        display: block;
    }
    .customIframe {
        width: 100% !important;
    }
}
#front .section-frontSlider .sliderPC .owl-stage .owl-item .conbination-item {
    width: 892px !important;
    height: 404px !important;
}
#front .section-frontSlider .sliderSP .owl-stage .owl-item .conbination-item {
    height: auto !important;
}
/* end: section-contact TOP Page */
/* Service/IDD */
.headingNotMargin {
    margin-top: 0 !important;
}

@media only screen and (max-width: 835px) {
    .accordion .accordion-item .accordion-body {
        padding: 15px;
    }
    .idd table * {
        padding: 7px;
    }
    #front .floatingPanel .item dl dt {
        display: flex;
        justify-content: flex-start;
        column-gap: 5%;
    }
    #wrapper #front .floatingPanel .item dl dt span {
        min-width: 121px;
        font-size: 10px;
        margin-left: 1%;
    }
    #wrapper #front .floatingPanel .item dl dt a {
        margin-left: auto;
    }
}
/* Start: News details */
.column-important .newsList .item .cat .category_important,
.column-important .newsList .item .cat .cat1 {
    background-color: #ce0505;
}

.column-important .newsList .item .cat .category_release,
.column-important .newsList .item .cat .cat3 {
    background-color: #999ca2;
}

.column-important .newsList .item .cat .category_maintenance,
.column-important .newsList .item .cat .cat2 {
    background-color: #ffc528;
}

.column-important .newsList .item .cat .category_topic,
#front .floatingPanel .item dl dt span.cat4,
.column-important .newsList .item .cat .cat4 {
    background-color: #b381c7;
}

.column-important .newsList .item .cat .cat5 {
    background-color: #ffc528;
}
.column-important .newsList .item .cat .cat6 {
    background-color: #FF8B28;
}

.column-important .newsList .item .cat .category {
    color: #fff;
    font-size: 11px;
}

#post .category_important {
    background-color: #ce0505 !important;
    color: #fff !important;
}
#post .category_disaster {
    background-color: #ffc528 !important;
    color: #fff !important;
}
#post .category_system-maintenance {
    background-color: #ff8b28 !important;
    color: #fff !important;
}
#post .category_release {
    background-color: #999ca2 !important;
    color: #fff !important;
}

#post .postContent p {
    margin-bottom: 0;
}

#post .category_maintenance {
    background-color: #ffc528 !important;
    color: #fff !important;
}

#post .category_topic {
    background-color: #b381c7 !important;
    color: #fff !important;
}

#post .pagination {
    margin: 0 0 0;
    padding: 50px 0;
    border-bottom: 1px solid #000;
}

#post .pagination li {
    margin: 0;
    line-height: 55px;
    width: 50%;
}
#post .pagination .prev {
    padding-right: 20px;
    text-align: right;
}
#post .pagination .prev a {
    color: #000;
}
#post .pagination .prev a span {
    display: inline-block;
    position: relative;
    width: 55px;
    height: 55px;
    cursor: pointer;
    outline: none;
    margin-right: 20px;
    border-radius: 50%;
    background-color: #fffa00;
    text-decoration: none;
    vertical-align: middle;
}
#post .pagination .prev a span::before {
    content: "↼";
    color: #000;
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#post .pagination .next {
    padding-left: 20px;
    text-align: left;
}
#post .pagination .next a {
    color: #000;
}
#post .pagination .next a span {
    display: inline-block;
    position: relative;
    width: 55px;
    height: 55px;
    cursor: pointer;
    outline: none;
    margin-left: 20px;
    border-radius: 50%;
    background-color: #fffa00;
    text-decoration: none;
    vertical-align: middle;
}
#post .pagination .next a span::before {
    content: "⇀";
    color: #000;
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#post .page-back {
    padding: 50px 0;
    font-size: 0.6428rem;
}

#post .page-back a {
    color: #000;
}
#post .page-back a span {
    display: inline-block;
    position: relative;
    width: 55px;
    height: 55px;
    cursor: pointer;
    outline: none;
    margin-left: 40px;
    border-radius: 50%;
    background-color: #fffa00;
    text-decoration: none;
    vertical-align: middle;
}
#post .page-back a span::before {
    content: "⇀";
    color: #000;
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 835px) {
    #post .pagination .prev {
        text-align: left;
        font-size: 0.8571rem;
        padding-right: 5px;
    }
    #post .pagination .next {
        text-align: right;
        font-size: 0.8571rem;
        padding-left: 5px;
    }
    #post .page-back {
        font-size: 0.8571rem;
    }

    #post .pagination .prev a span,
    #post .pagination .next a span,
    #post .page-back a span {
        width: 40px;
        height: 40px;
    }

    #post .pagination .prev a span {
        margin-right: 10px;
    }

    #post .pagination .next a span {
        margin-left: 10px;
    }
}

/* End: News details */
.customStyleVideo {
    justify-content: center !important;
    padding-top: 70px;
    margin-bottom: 0 !important;
}
.title-family {
    font-family: "Josefin Sans" !important;
    font-size: 35px !important;
}

.removeMargin {
    margin-bottom: 0 !important;
}
.customTitle {
    margin-bottom: 0 !important;
}
.customBanner {
    justify-content: space-evenly !important;
}
.customBannerItem {
    flex: none !important;
    flex: 0 0 50%;
}
.bannerContainer {
    overflow-x: unset !important;
}

@media only screen and (max-width: 835px) {
    .customBannerItem {
        flex: 0 0 50% !important;
    }
    #wrapper.id_top .banner {
        margin-left: 0 !important;
        padding: 10px 10px !important;
    }
}

@media only screen and (min-width: 835px) {
    #post #content article main h1 {
        font-size: 33px;
    }
}

.section-pageTitle .annotation {
    position: absolute;
    /* bottom: -30px; */
    top: 102%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.1rem;
    padding: 0 15px;
    width: fit-content;
}
.attention-free {
    text-align: center;
}

/* css modal Footer */
.povo1 .button a {
    width: 35%;
    background-position: right 12px center;
}
.povo1 .button a.button-footer-2 {
    background-color: #64C8A0;
    color: #fff;
    position: relative;
}
.icon-new-button-footer {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 60px;
    transform: translate(-50%, -50%);
}
.column-top {
    padding: 62px 0 ;
}
.column-top .caution {
    max-width: 596px;
    margin: 0 auto 30px;
    padding: 30px 10px;
    border-radius: 30px;
    background: #ebecee;
}
.column-top .caution p.title::before {
    display: inline-block;
    content: "";
    width: 30px;
    height: 26px;
    background-image: url(/assets/img/icons/caution@2x.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px auto;
    vertical-align: middle;
}
.column-top .caution p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
    color: #fd6161;
}
.column-top .caution p.title {
    margin-bottom: 20px;
}
.column-top .button a {
    padding: 15px 45px;
}
.column-top .button {
    max-width: 650px !important;
}
.column-top.footer  {
    background-color: #FFFEE1;
    border-radius: 30px;
}
.column-top.footer .button {
    max-width: 540px !important;
    margin-bottom: 15px;
}
.column-top .button a .tiny {
    font-size: 15px;
    font-weight: 500;
}
.modal-service .column-top {
    padding: 17px 0 30px;
}
.title-modal-service {
    line-height: 2;
    font-size: 26px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 2px;
}
.text-sub-title {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    line-height: 2;
    margin-bottom: 20px;
}
.column-top.column-blue {
    background-color: #e2f0ea;
    margin-bottom: 50px;
}
.column-top.column-blue .button a {
    background-color: #64c8a0;
    color: #fff;
}
.modal-content .modal-block .modal-header {
    display: block;
    position: absolute;
    top: -21px;
    right: -21px;
    border: none;
    margin: 0;
    padding: 0;
}
.modal-content .modal-block .modal-block-item {
    padding: 62px;
}
.modal-content .modal-block .modal-header .btn-close-modal {
    opacity: 1;
    width: 43px;
    height: 43px;
    margin: 0;
    padding: 0;
    background: url(/assets/img/global/close@2x.png);
    background-size: 43px;
    font-size: 0;
    border: none;
}
.modal-content .modal-block .modal-header .btn-close-modal:hover {
    opacity: 0.8;
}
.text-bottom-modal {
    font-size: 12px;
    font-weight: 400;
    margin: 0 auto;
    max-width: 540px;
    line-height: 20px;
}
.modal-service .text-bottom-modal {
    text-align: center;
}
@media only screen and (max-width: 1023px) {
    .custom-modal-footer .modal-dialog.modal-lg {
        margin-left: 2rem;
        margin-right: 2rem;
    }
}
@media only screen and (max-width: 1280px) and (min-width: 836px){
    #front .povo1 .button a {
        font-size: 18px;
    }
}
@media only screen and (max-width: 835px) {
    .modal-content .modal-block .modal-header {
        top: -5px;
        right: -5px;
    }
    .column-top.footer  {
        padding: 32px 0;
    }
    .column-top.footer .button,.text-bottom-modal {
        max-width: 300px !important;
    }
    .column-top .button a {
        padding: 10px 45px 10px 25px;
        font-size: 16px;
        min-height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .modal-content .modal-block .modal-block-item {
        padding: 20px;
    }
    .column-top .caution {
        padding: 15px;
    }
    .column-top .caution p.title {
        font-size: 14px;
        text-align: center;
    }
    .column-top .caution p {
        font-size: 13px;
        text-align: left;
    }

    .custom-modal-footer {
        padding-left: 0 !important;
    }
    .custom-modal-footer .modal-dialog.modal-lg {
        margin-top: 6.3rem;
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 2rem;
    }
    .povo1 .button a {
        max-width: 500px;
        width: auto;
    }
    .icon-new-button-footer {
        width: 50px;
    }
}

@media only screen and (max-width: 567px) {
    .custom-modal-footer .modal-dialog.modal-lg {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}
@media only screen and (max-width: 350px) {
    .modal-content .modal-block .modal-block-item {
        padding: 10px;
    }
}
a.link-hover:hover {
    color: #464749;
    text-decoration: underline;
    cursor: pointer;
}
/* css modal Footer */

.isDeviceSP .modal-dialog.modal-lg {
    margin-top: 10.3rem;
    margin-right: 1rem;
    margin-left: 1rem;
    margin-bottom: 2rem;
}

.modal {
    z-index: 999999999 !important;
}

@media only screen and (max-width: 567px) {
    #front .povo1 .btn-footer.has-chatBot {
        margin: 0 93px 0 10px;
    }
    #front .povo1 .btn-footer.not-has-chatBot {
        margin: 0 10px 0 10px;
    }
    #front .povo1 .button a {
        padding: 12px 15px;
        background-size: 30px;
        background-position: right 8px center;
    }
}
@media only screen and (max-width: 376px) {

    #front .povo1 .button a {
        padding: 12px 10px;
        text-align: center;
        font-size: 14px;
    }
    #front .povo1 .button a.button-footer-2 {
        text-align: center;
    }
    .icon-new-button-footer {
        width: 40px;
    }
}
@media only screen and (max-width: 752px) {
    .br-pc-none {
        display: none;
    }
}

@media only screen and (max-width: 835px) {
    #header, #header.header-1 {
        transform: unset !important;
        height: 60px;
    }
    #header.header-1 {
        width: calc(100% - 30px);
    }
    #header.header-1 .menuSP {
        right: -50px;
    }
}

.text-custom {
    opacity: 0.7;
}

.h4-custom {
    margin-bottom: 0 !important;
}

.button-SP {
    display: none !important;
}

@media only screen and (max-width: 835px) {
    .button-PC{
        display: none !important;
    }
    .button-SP{
        display: block !important;
    }
}

a.povo-like-button {
    background: #ffffff;
    text-decoration: none !important;
    color: #999CA2 !important;
    padding: 7px 14px;
    border-radius: 8px;
    margin-right: 4px;
    border: 2px solid #E7E6E6;
}

a.povo-like-button.liked {
    color: #FD6161 !important;
}

#wrapper.id_top .banner-img-4 {
    width: 95% !important;
    height: auto;
}
#wrapper.id_top .txt-banner{
    font-size: 14px;
    font-weight: 500!important;
    letter-spacing: 3px;
    /* margin-top: 9px; */
    margin-right: 10px;
    justify-content: center;
    display: flex;
}
#wrapper.id_top .pa1-txt {
    padding-top: 15px;
    padding-bottom: 30px;
}
#wrapper.id_top .pa2-txt {
    padding-top: 15px;
    padding-bottom: 12px;
}
#wrapper.id_top .txt-banner-sp {
    font-size: 9px;
    font-weight: 500!important;
    letter-spacing: 0px;
    justify-content: center;
    display: flex;
}
#wrapper.id_top .pa1-txt-sp {
    padding-top: 5px;
    padding-bottom: 15px;
}
#wrapper.id_top .pa2-txt-sp {
    padding-top: 5px;
    padding-bottom: 10px;
}
#wrapper.id_top .pa3-icon {
    padding-top: 40px;
    padding-bottom: 20px;
}

#header .header-logo img,
#header .logo img {
    width: 133px;
}
.app-QR {
    display: flex;
    align-items: center;
    gap: 60px;
    justify-content: center;
}
.app-QR .app-img {
    width: 60%;
}
.app-QR .app-img-2 {
    width: 17%;
    cursor: default;
}
.btn-yellowup {
    margin: 0;
}
@media only screen and (max-width: 1194px) and (min-width: 835px){
    #wrapper.id_top .txt-banner{
        font-size: 11px;
    }
}
@media only screen and (max-width: 835px){
    #header .logo img,
    #header .header-logo img {
        width: 80px;
    }
    .app-QR {
        justify-content: center;
    }
    #footer .logo img {
        width: 216px;
    }
    #wrapper.id_top .center-banner-sp {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    #wrapper.id_top .w-item-banner-sp {
        max-width: calc(95%/2);
    }
    #wrapper.id_top .w-item-banner-sp-row2 {
        max-width: calc(60%/2);
    }
}

.column-procedureNew p {
    letter-spacing: 0.2px;
}
.column-procedureNew p {
    letter-spacing: 0.2px;
}

@media only screen and (max-width: 835px){
    /* start: custom css when click copy text spec page */
    #free-page-contents .chatArea .active-copy {
        border: 1px solid #00add2 !important;
        background-color: #00add217;
    }
    /* end: custom css when click copy text spec page */
}

.pt-130px {
    padding-top: 130px;
}
.pt-80px {
    padding-top: 80px;
}
#wrapper.id_top .contents.js-contents #content1.d-block-768 {
    display: none;
}
#wrapper.id_top .contents.js-contents #content1.d-block-769 {
    display: block;
}
#wrapper.id_top #front.front__news {
    margin-bottom: 50px;
}
.app-container {
    max-width: 931px;
    margin: 0 auto;
    padding-right: 40px;
}
@media only screen and (max-width: 835px) {
    #wrapper.id_top .contents.js-contents #content1 .section-panel {
        margin-top: 10px !important;
    }
    #wrapper.id_top .contents.js-contents #content1.d-block-768 {
        display: block;
    }
    #wrapper.id_top .contents.js-contents #content1.d-block-769 {
        display: none;
    }
    #wrapper.id_top #front.front__news {
        margin: -20px 0 40px 0;
    }
    .app-container {
        padding-right: 0;
    }
}

#modal-qr .modal-content {
    border-radius: 0px;
}
#modal5 .modal-content {
    border-radius: 0px;
}
/* START: spec/toping/list*/
.column .column-toppingList-banner {
    margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
    .column .column-toppingList-banner {
        margin-bottom: 20px;
    }
}
/* END: spec/toping/list*/


/* START: news_trouble */
.pages_news .tabs {
    margin-bottom: 0;
}

.pages_news .column-important {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.hidden {
    display: none !important;
}
.pages_news .tabs ul li a.active {
    pointer-events: none;
}
/* END: news_trouble */
/* START: spec/toping/list*/
.column .column-toppingList-banner {
    margin-bottom: 25px;
}
@media only screen and (max-width:850px) {
    .column .column-toppingList-banner {
        margin-bottom: 20px;
    }
}
/* END: spec/toping/list*/

/* START: modal search */
.search_modal {
    padding-right: 0 !important;
}
.search_modal .modal-dialog {
    position: relative;
    margin-top: 25px;
}
.search_modal .modal-content.marsflag-container {
    max-width: 835px;
}
.search_modal .mf_finder_container .mf_finder_searchBox {
    padding: 0;
    margin: 0;
}
.search_modal .modal-header {
    border-bottom: none;
    position: absolute;
    top: 5%;
    right: 0;
    padding: 0;
}
.search_modal .modal-header .btn-close-modal{
    opacity: 1;
    width: 43px;
    height: 43px;
    margin: 0;
    padding: 0;
    background: url(/assets/img/global/close@2x.png);
    background-size: 43px;
    font-size: 0;
    border: 0;
}
.search_modal .mf_finder_container .mf_finder_searchBox_selects {
    display: none;
}
.search_modal .mf_finder_container .mf_finder_searchBox_doctype {
    display: none;
}
.search_modal .mf_finder_container .mf_finder_searchBox_query_wrap {
    position: relative;
}
.search_modal .mf_finder_container .mf_finder_searchBox_submit {
    right: 3px;
    position: absolute;
    top: 26%;
    background: #fff;
    color: #767779;
    padding: 3px;
}
.search_modal .mf_finder_container .mf_finder_searchBox_query_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
    font-size: 16px;
    border-radius: 48px;
}
.search_modal .mf_finder_container .mf_finder_searchBox_items {
    padding: 0;
}
/* button open modal search SP */
.searchSP {
    width: 100%;
    margin: 4px;
}
.searchSP a {
    display: block;
    padding: 13.6px 13px!important;
    border-radius: 40px;
    font-size: 12px;
    font-weight: 500;
    background-color: #777;
    box-shadow: 0 3px #d6d6d6;
    text-align: center;
    color: #fff !important;
    margin-left: -34px;
}
@media only screen and (max-width: 920px){
    .search_modal .modal-content.marsflag-container {
        width: 94%;
    }
}
@media only screen and (max-width: 835px) {
    .search_modal .modal-content.marsflag-container {
        width: 93%;
    }
}
@media only screen and (max-width: 567px) {
    .search_modal .modal-content.marsflag-container {
        width: 85%;
    }
}
@media only screen and (min-width: 835px) { 
    .d-md-none-rs {
        display: none !important;
    }
    .d-md-inline-rs {
        display: inline !important;
    }
    .d-md-inline-block-rs {
        display: inline-block !important;
    }
    .d-md-block-rs {
        display: block !important;
    }
    .d-md-flex-rs {
        display: flex !important;
    }
    .order-md-2-rs {
        order: 2!important;
    }
    .col-md-9-rs {
        flex: 0 0 auto;
        width: 75%;
    }
    .order-md-1-rs {
        order: 1!important;
    }
    .col-md-3-rs {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-12-rs {
        flex: 0 0 auto;
        width: 100%;
    }
    .col-md-4-rs {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .col-md-6-rs {
        flex: 0 0 auto;
        width: 50%;
    }
}

.search-input .mf_finder_searchBox_items_wrapper {
    font-size: 14px;
}
.search-bar .mf_finder_searchBox_query_wrap input:focus {
    outline: none;
}
/* END: modal search */
/* Start: search page */
@media only screen and (min-width: 640px) {
    .mf_finder_searchBox_submit span {
        display: none !important;
    }
}

/* END: search page */

a.not-underline:hover {
    text-decoration: none !important;
}

.code_type {
    position: absolute;
    bottom: -15%;
    left: 10%;
    font-size: 18px;
    font-weight: 400;
}
@media screen and (max-width: 768px) {
    .code_type {
        bottom: -20px;
        left: 5%;
        font-size: 3vw;
    }
}