html {
    scroll-behavior: smooth;
}

/* Fix css IE */

@media screen and (min-width:0\0) {
    body {
        overflow-x: hidden;
    }

    .row>* {
        padding-left: .75rem;
        padding-right: .75rem;
        box-sizing: border-box;
    }

    .row {
        margin-right: -.75rem;
        margin-left: -.75rem;
    }

    .voice-coming-soon {
        height: 613px !important;
        min-height: auto !important;
    }
}


/* Fix css IE */

@font-face {
    font-family: UDShinMGoPr6;
    src: url(../fonts/AOTFShinGoPro/AOTFShinGoProRegular.otf);
}

@font-face {
    font-family: NotoSansJP;
    src: url(../fonts/NotoSansJP/NotoSansJP-Regular.otf);
}

body.active-menu {
    overflow: hidden;
}

body {
    color: #000;
}

a {
    text-decoration: none;
}

header {
    min-height: 86px;
    position: relative;
}

main {
    overflow: hidden;
}

.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

.img-w100 {
    max-width: 100%;
}

.bg-red {
    background-color: #df241c;
}

.bg-orange {
    background-color: #f2460c;
}

.bg-orange-2 {
    background-color: #f7e8e0;
}

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

.bg-grey01 {
    background-color: #e6e6e6;
}

.bg-grey02 {
    background-color: #f2f2f2;
}

.bg-grey03 {
    background-color: #b3b3b3;
}

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

.bg-grey05 {
    background-color: #efefef;
}

.border-orange {
    border-color: #f2460c;
}

.bg-blue {
    background-color: #26a9f0;
}

.bg-yellow {
    background-color: #ffbe00;
}

.bg-green {
    background-color: #6dc200;
}

.bg-green02 {
    background-color: #00cebd;
}

.bg-white02 {
    background-color: #fff;
}

.bg-pink {
    background-color: #fff7f7;
}

.bg-pink2 {
    background-color: #ffe6e6;
}

.text-white {
    color: #fff;
}

.text-red {
    color: #df241c;
}

.text-red02 {
    color: #ff0000;
}

.text-red-hover:hover {
    color: #df241c;
}

.text-dark02 {
    color: #4d4d4d;
}

.txt-nowrap {
    white-space: nowrap;
}

.w-300 {
    max-width: 100%;
    width: 300px;
}

.h-90 {
    height: 90%;
}

.mh-80px {
    min-height: 100px;
}

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

.fs-50 {
    font-size: 50px;
}

.fs-45 {
    font-size: 45px;
}

.fs-40 {
    font-size: 40px;
}

.fs-18 {
    font-size: 18px;
}

.fs-16 {
    font-size: 16px;
}

.fs-15 {
    font-size: 15px;
}

.fs-14 {
    font-size: 14px;
}

.fs-13 {
    font-size: 13px;
}

.fs-12 {
    font-size: 12px;
}

.opacity-04 {
    opacity: .4;
}

.pr-0 {
    padding-right: 0;
}

.transform-rotate-90 {
    transform: rotate(90deg);
}

.custom-navbar {
    border-top: solid 10px #df241c;
}

.custom-navbar a {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.custom-navbar a.text-red {
    color: #df241c;
}

.custom-navbar.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 12px;
    padding-left: .2rem;
    padding-right: .2rem;
}

.custom-navbar .container-fluid {
    max-width: 990px;
    margin: auto;
}

.custom-navbar .bg-orange {
    border-radius: 15px;
}

.custom-navbar .h-nav-right {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.custom-navbar .h-nav-right a {
    margin-right: .8rem;
}

.custom-navbar form {
    width: 100%;
}

.custom-navbar .input-search-header {
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #fff;
    width: 70%;
}

.custom-search button {
    border-radius: 0 10px 10px 0;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
}

.custom-search input.form-control {
    border-color: #f2f2f2;
    border-radius: 10px;
    background-color: #f2f2f2;
    font-size: 14px;
    min-height: 35px;
}

.custom-search input.form-control:focus {
    box-shadow: none;
    outline: none;
}

.top-ul {
    background: url(../img/icon-nav-bdr.png) no-repeat right center transparent;
    display: flex;
    justify-content: space-between;
    list-style: none;
}

.top-ul li {
    background: url(../img/icon-nav-bdr.png) no-repeat left center transparent;
    display: block;
    line-height: 18px;
    padding: 0 0 0 2px;
    text-align: center;
    flex-grow: 1;
}

.top-ul li a {
    align-items: center;
    color: #000;
    display: flex;
    justify-content: center;
    font-size: .9rem;
    font-weight: 600;
    /* max-width: 134px; */
    min-height: 52px;
    padding: .5rem;
    text-align: left;
    height: 100%;
}

.top-ul li a:hover {
    border-radius: .3rem .3rem 0 0;
    color: #fff;
}

.top-ul-div {
    background: url(../img/bg-line-menu.png) left top repeat-x;
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
}

.overlay-showing {
    position: absolute;
    left: 0;
    top: calc(100% - 24px - 1rem);
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100vh;
    transition: all ease .3s;
    z-index: 99;
}

.top-ul li.top-ul-01 .top-ul-div {
    background-color: #fff7f7;
}

.top-ul li.top-ul-02 .top-ul-div {
    background-color: #c6e6f7;
}

.top-ul li.top-ul-03 .top-ul-div {
    background-color: #e9dbed;
}

.top-ul li.top-ul-04 .top-ul-div {
    background-color: #fff8e3;
}

.top-ul li.top-ul-05 .top-ul-div {
    background-color: #e8e8fb;
}

.top-ul li.top-ul-06 .top-ul-div {
    background-color: #eff7ea;
}

.top-ul li.top-ul-07 .top-ul-div {
    background-color: #fdeee6;
}

.top-ul li.top-ul-08 .top-ul-div {
    background-color: #fff7f7;
}

.top-ul li.top-ul-09 .top-ul-div {
    background-color: #ffe6e6;
}


/* .top-ul li:hover .top-ul-div {
display: block;
} */

.top-ul li .top-ul-div a {
    background: none !important;
    color: #000;
    display: flex;
    min-height: auto;
    height: auto;
    max-width: 100%;
    justify-content: flex-start;
}

.top-ul li.top-ul-01 a:hover {
    background-color: #ea0058;
}

.top-ul li.top-ul-02 a:hover {
    background-color: #00a7f4;
}

.top-ul li.top-ul-03 a:hover {
    background-color: #9e2ea4;
}

.top-ul li.top-ul-04 a:hover {
    background-color: #ffbe00;
}

.top-ul li.top-ul-05 a:hover {
    background-color: #4c36e2;
}

.top-ul li.top-ul-06 a:hover {
    background-color: #3ece00;
}

.top-ul li.top-ul-07 a:hover {
    background-color: #ff590e;
}

.top-ul li.top-ul-08 a:hover {
    background-color: #ea0058;
}

.top-ul li.top-ul-09:hover {
    background: #df241c;
    border-radius: 10px 10px 0 0;
}

.top-ul li.top-ul-09:hover>a {
    color: #fff;
}

.top-ul li a img {
    display: block;
    margin-right: .3rem;
}

.top-ul li a span {
    display: block;
}

.top-ul.corporate-customer-menu li a:hover {
    background-color: #e0422c;
}

.top-ul-sub {
    font-size: 1rem;
    line-height: 26px;
}

.custom-breadcrumb {
    color: #000;
}

.custom-breadcrumb a {
    color: #000;
    text-decoration: underline;
}

.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: ">";
}


/* .slick, .slick-wrapper {
width: 100%;
}
.slick-slider .slick-track, .slick-slider .slick-list { transform: none; z-index: 1; }
.slider-home div {
position: relative;
} */

.slider-home div a.slide-03-link {
    height: 10%;
    left: 10%;
    position: absolute;
    top: 70%;
    width: 23%;
}

.slider-home div a.slide-04-link01 {
    height: 12%;
    position: absolute;
    right: 4%;
    top: 14%;
    width: 34%;
}

.slider-home div a.slide-04-link02 {
    height: 12%;
    position: absolute;
    right: 4%;
    top: 28%;
    width: 34%;
}

.slider-home div a.slide-04-link03 {
    height: 12%;
    position: absolute;
    right: 4%;
    top: 41.5%;
    width: 34%;
}

.slider-home div a.slide-04-link04 {
    height: 12%;
    position: absolute;
    right: 4%;
    top: 55%;
    width: 34%;
}

.slider-home div a.slide-04-link05 {
    height: 12%;
    position: absolute;
    right: 4%;
    top: 69%;
    width: 34%;
}

.slider-home div.mynittoh-slide-link {
    position: relative;
}

.slider-home div a.slide-mynittoh-link01 {
    bottom: 33.5%;
    height: 8.5%;
    left: 18%;
    position: absolute;
    width: 16%;
}

.slider-home div a.slide-mynittoh-link02 {
    bottom: 26.5%;
    height: 3.5%;
    left: 17.4%;
    position: absolute;
    width: 15%;
}

.slider-home div a.slide-mynittoh-link03 {
    bottom: 17.5%;
    height: 6.5%;
    left: 15%;
    position: absolute;
    width: 20%;
}

.slider-home div a.slide-mynittoh-link04 {
    bottom: 33.5%;
    height: 8%;
    position: absolute;
    right: 18.5%;
    width: 13%;
}

.slider-home {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.slider-home.slick-initialized {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.slider-home img {
    width: 100%;
}

.slider-nav {
    max-width: 990px;
    margin: 0 auto 30px auto;
}

.slider-nav .slick-slide {
    cursor: pointer;
}

.slider-home .slick-prev,
.slider-home .slick-next {
    background: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 71px;
    line-height: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 71px;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
    overflow: visible;
}

.slider-home .slick-prev:before,
.slider-home .slick-next:before {
    content: "";
    background: url("../img/home-arrow.png") no-repeat;
    opacity: 0.7;
    display: inline-block;
    height: 71px;
    width: 71px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-home .slick-prev {
    left: 5%;
    right: auto;
}

.slider-home .slick-next {
    right: 5%;
    left: auto;
}

.slider-home .slick-prev:hover:before,
.slider-home .slick-next:hover:before {
    opacity: 1;
}

.slider-home .slick-prev:focus,
.hapimaga-slider .slick-next:focus {
    outline: 0;
}

.slider-home .slick-next:before {
    transform: rotate(180deg);
}

.custom-container {
    max-width: 990px;
    margin: auto;
}

.custom-container.wider-container {
    max-width: 1070px;
}

.slider-nav .slick-slide {
    line-height: 0;
    padding: .8rem 0 .1rem;
    outline: none;
}

.slider-nav .slick-current {
    background: url(../img/bg-slider.png) no-repeat;
    background-size: 100% 100%;
}

.slider-nav img {
    width: 100%;
    position: relative;
    z-index: -1;
}

.main-banner {
    clear: both;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.main-banner img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.main-banner .list-unstyled {
    left: 48.5%;
    overflow: hidden;
    position: absolute;
    top: 70%;
    max-width: 40%;
    display: flex;
}

.main-banner .list-unstyled li {
    display: inline-block;
    margin: 0 5px;
}

.main-banner .list-unstyled li:hover {
    opacity: .7;
}

.main-banner .list-unstyled img {
    width: auto;
    max-width: 100%;
}

.main-title h3 {
    margin: 0;
    padding: .5rem 0;
    width: 100%;
}

.main-title.pink-main-title h3 {
    background: #d82c60;
}

.main-title.gray-main-title h3 {
    background: #b3b3b3;
}

.main-title.red-main-title h3 {
    background: #df241c;
}

.main-title.violet-main-title h3 {
    background: #914aa3;
}

.main-title.blue-main-title h3 {
    background: #26a9f0;
}

.main-title h3 span {
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 auto;
    max-width: 990px;
}

.main-title.pink-main-title h3 span,
.main-title.gray-main-title h3 span,
.main-title.red-main-title h3 span,
.main-title.blue-main-title h3 span,
.main-title.violet-main-title h3 span {
    color: #fff;
}

.main-title h2 {
    display: block;
    margin: 0;
    padding: 1.2rem 0;
    width: 100%;
}

.main-title.pink-main-title h2 {
    background: #ffe6e6;
}

.main-title.gray-main-title h2 {
    background: #f2f2f2;
}

.main-title.red-main-title h2 {
    background: #ffe6e6;
}

.main-title.blue-main-title h2 {
    background: #c6e6f7;
}

.main-title h2 span {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 auto;
    max-width: 990px;
}

.main-title.pink-main-title h2 span {
    color: #d82c60;
}

.main-title.gray-main-title h2 span {
    color: #4d4d4d;
}

.main-title.red-main-title h2 span {
    color: #df241c;
}

.main-title.blue-main-title h2 span {
    color: #26a9f0;
}

.pink-bg {
    background: url(../img/pink-bg.png) repeat center center transparent;
}

.main-title .nav-sp-subtitle {
    padding-bottom: 1rem;
    padding-top: .8rem;
}

.main-title .nav-sp-subtitle span {
    align-items: center;
    display: flex;
    font-size: .95rem;
}

.main-title .nav-sp-subtitle span img {
    margin-right: .5rem;
}

.nav-pink i {
    color: #d82c60;
}

.nav-blue i {
    color: #26a9f0;
}

.nav-purple i {
    color: #914aa3;
}

.nav-equal-height {
    min-height: 70px;
}

.block-01 {
    clear: both;
    overflow: hidden;
    padding: 4rem 0;
    width: 100%;
}

.block-01 img {
    /* display: block; */
    max-width: 100%;
}

.block-01 .block-title,
.block-title-pink {
    background: #d82c60;
    clear: both;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 2rem;
    padding: .8rem;
    width: 100%;
}

.block-01 .security-notice-title {
    background: #ffe6e6;
    clear: both;
    color: #d82c60;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin: -2rem 0 2rem;
    padding: .8rem;
    width: 100%;
}

.security-notice-cont {
    display: none;
}

.block-01 .block-sub-title {
    border-bottom: 1px solid #b3b3b3;
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 1rem 0;
    padding: 0 0 .5rem 0;
    width: 100%;
}

.block-title-blue {
    background: #26a9f0;
    color: #fff;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 2rem;
    padding: .8rem;
    width: 100%;
}

.block-01 .link-item-lst {
    margin: 0 0 2.5rem 0;
    padding: 0;
    width: 100%;
}

.block-01 .link-item-lst li {
    display: inline-block;
    list-style: none;
    margin-right: 1.5rem;
}

.block-01 .link-item-lst li i {
    color: #df241c;
    margin-right: .1rem;
}

.block-01 .link-item-lst li a {
    color: #000;
    font-size: 1.1rem;
    font-weight: 400;
}

.block-01 .link-item-lst li a:hover {
    text-decoration: underline;
}

.block-01 .block-txt {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 28px;
    text-align: justify;
}

.block-01 .block-pic {
    clear: both;
    margin-bottom: 1rem;
    overflow: hidden;
    width: 100%;
}

.block-01 .block-pic img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}

.block-01 .payb-icon {
    display: inline-block;
    max-width: 106px;
    vertical-align: middle;
}

.block-01 .pay-tbl {
    clear: both;
    margin: 1rem auto 2rem;
    overflow: hidden;
    width: 100%;
}

.block-01 .pay-tbl th {
    background: #f2f2f2;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    padding: 1rem;
    text-align: center;
    vertical-align: middle;
}

.block-01 .pay-tbl td {
    background: #fff;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 30px;
    padding: 1rem;
    vertical-align: middle;
}

.block-01 .pay-tbl tr td:first-child {
    text-align: center;
}

.block-01 .pay-tbl tr td:last-child {
    padding: 1rem 1.6rem;
    text-align: left;
}

.main-title-block {
    clear: both;
    margin: 0 auto 3rem;
    text-align: center;
    display: flex;
    position: relative;
}

.main-title-block .d-inline-block {
    position: relative;
}

.main-title-block figcaption {
    border-radius: .5rem 0 0 .5rem;
    min-height: 261px;
    padding: 1.5rem;
    width: calc(100% - 472px);
    text-align: left;
    margin: 0 auto;
}

.main-title-block.pink-main-title-block figcaption {
    background: #d82c60;
}

.main-title-block.red-main-title-block figcaption {
    background: #df241c;
}

.main-title-block.green-main-title-block figcaption {
    background: #6dc200;
}

.main-title-block figcaption h4 {
    display: inline-block;
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: .8rem;
    padding: .3rem .5rem .2rem .5rem;
}

.main-title-block.pink-main-title-block figcaption h4 {
    background: #ffe6e6;
}

.main-title-block.green-main-title-block figcaption h4 {
    background: #fff;
}

.main-title-block figcaption h4 img {
    margin-top: -0.2rem;
}

.main-title-block.pink-main-title-block figcaption h4 {
    color: #d82c60;
}

.main-title-block figcaption h5 {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 2rem;
    width: 100%;
}

.main-title-block figcaption h5 span {
    display: inline-block;
}

.main-title-block figcaption p {
    bottom: 1.5rem;
    color: #fff;
    font-size: .9rem;
    left: 1.5rem;
    margin: 0;
    max-width: 460px;
    position: absolute;
}

.main-title-block figcaption p.white-bg {
    background-color: #eff7ea;
    border-radius: .5rem;
    color: #000;
    padding: 1rem;
    width: 100%;
}

.main-title-block .customers-img {
    border-radius: 0 .5rem .5rem 0;
    max-width: 472px;
}

.main-title-block.customer-voice-fix01 figcaption h4 {
    margin-bottom: .5rem;
}

.main-title-block.customer-voice-fix01 figcaption h5 {
    line-height: 28px;
    margin: 0 0 .5rem;
}

.main-title-block.customer-voice-fix01 img.customer-sign01 {
    bottom: -25px;
    position: absolute;
    right: -15px;
    top: auto;
}

.main-title-block .img-border-radius {
    border-radius: 0 .5rem .5rem 0;
}

.main-title-block .img-max-width {
    max-width: 472px;
    width: 100%;
}

.customer-main-sub {
    background-color: #f2f2f2;
    overflow: hidden;
    padding: 1rem;
    width: 100%;
}

.customer-main-sub img {
    float: left;
    max-width: 256px;
}

.customer-main-sub figcaption {
    float: left;
    padding-left: 2rem;
    width: calc(100% - 260px);
}

.customer-main-sub figcaption h5 {
    color: #4d4d4d;
    font-size: 1.1rem;
    font-weight: 600;
}

.customer-main-sub figcaption p {
    color: #4d4d4d;
    font-size: .9rem;
    line-height: 24px;
    margin: 0;
}

.customer-voice-subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    width: 100%;
}

.customer-voice-subtitle.customer-voice-subtitle-pink {
    color: #d82c60;
}

.customer-voice-subtitle.customer-voice-subtitle-green {
    color: #6dc200;
}

.customer-voice-txt {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
}

.customer-voice-block02 {
    background: url(../img/customer-voice-bdr.png) no-repeat center center transparent;
    background-size: 100% 100%;
    padding: 2rem;
}

.customer-voice-block02 .title-home {
    background: url(../img/customer-voice-bdr02.png) no-repeat center bottom transparent;
}

.customer-voice-block02 .title-home img {
    width: auto;
}

.colorful-bg {
    background: url('../img/p41/p41-bg-2.png') repeat-x top center, url('../img/p41/p41-bg-3.png') repeat top center;
    background-size: auto, 100%;
    padding: 6rem;
}

.border-colorful {
    background: url(../img/p41/p41-bg.png) repeat top center;
    background-size: 100%;
    padding: 10px;
    border-radius: 10px;
}

.colorful-bg .company-brand-block {
    background-color: #fff;
    padding: 6rem 2rem 2rem;
    position: relative;
    text-align: center;
    width: 100%;
    border-radius: 10px;
}

.colorful-bg .company-brand-block p {
    color: #000;
    font-size: 1.1rem;
    line-height: 36px;
    margin-bottom: 2rem;
}

.colorful-bg .company-brand-block .company-brand-01 {
    left: -7%;
    position: absolute;
    top: 10%;
}

.colorful-bg .company-brand-block .company-brand-02 {
    position: absolute;
    right: -3%;
    top: -1%;
}

.colorful-bg .company-brand-block .company-brand-03 {
    position: absolute;
    right: -10%;
    top: 18%;
}

.colorful-bg .company-brand-block .company-brand-04 {
    left: -7%;
    position: absolute;
    top: 5%;
}

.colorful-bg .company-brand-block .company-brand-05 {
    position: absolute;
    right: -5%;
    top: 8%;
}

.colorful-bg .company-brand-block .company-brand-06 {
    left: -12%;
    position: absolute;
    top: 40%;
}

.colorful-bg .company-brand-block .company-brand-07 {
    position: absolute;
    right: -10%;
    top: 42%;
}

.company-brand-img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.company-symbol {
    margin: auto;
    max-width: 150px;
    position: relative;
}

.company-symbol span {
    bottom: 0;
    color: #000;
    font-size: 1.1rem;
    line-height: 30px;
    position: absolute;
    right: -140%;
}

.company-brand-img.my-8 {
    margin-bottom: 8rem;
    margin-top: 8rem;
}

.pay-red-link,
.pay-red-link:hover {
    color: #df241c;
    text-decoration: underline;
}

.individual-custom {
    padding: 10px 0;
    margin: 20px auto 0;
}

.individual-item {
    border-radius: 10px;
    background-color: #fff;
    min-height: 260px;
    position: relative;
}

.individual-item:hover::after {
    content: "";
    position: absolute;
    background: #fff;
    border-radius: 10px;
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
}

.individual-item:hover::before {
    content: "";
    position: absolute;
    background: url(../img/bg-individual-1.png) repeat-x top left, url(../img/bg-individual-2.png) repeat-y top left, url(../img/bg-individual-1.png) repeat-x bottom left, url(../img/bg-individual-2.png) repeat-y top right, url(../img/bg-individual-2.png) repeat top left;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
}

.individual-item a {
    align-content: space-between;
    border-radius: 10px;
    color: #4d4d44;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    min-height: 175px;
    padding: 25px 10px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 2;
    position: relative;
}

.individual-item a:hover {
    opacity: .8;
}

.individual-item span {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    width: 100%;
}

.individual-item span.txt-center {
    font-size: 1rem;
    margin: 0 auto;
    text-align: left;
}

.individual-item span.txt-center01 {
    max-width: 280px;
}

.individual-item span.txt-center02 {
    max-width: 310px;
}

.individual-item img {
    display: block;
    margin: 0 auto;
    max-height: 65px;
    max-width: 100%;
}

.top-banner-sdgs {
    position: relative;
}

.top-banner-sdgs .link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.title-home .ic-speak {
    margin-right: .5rem;
    position: relative;
    top: -4px;
}

.title-home .ic-left {
    position: absolute;
    right: 110%;
    top: 10px;
}

.title-home .ic-right {
    position: absolute;
    left: 110%;
    top: 10px;
}

.title-home b {
    font-size: 24px;
}

.title-home p {
    color: #4d4d4d;
    font-size: .9rem;
}

.custom-tab .nav-tabs {
    border-bottom: solid 3px #df241c;
}

.custom-tab .nav-item {
    width: 19%;
}

.custom-tab .nav-tabs .nav-item.show .nav-link,
.custom-tab .nav-tabs .nav-link.active,
.custom-tab .nav-tabs .nav-link:focus,
.custom-tab .nav-tabs .nav-link:hover {
    color: #fff !important;
    background-color: #df241c;
    border-color: #df241c;
}

.custom-tab .nav-tabs .nav-link {
    align-items: center;
    background-color: #f2f2f2;
    color: #000;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    justify-content: center;
    margin-bottom: 0;
    min-width: 150px;
    text-align: center;
}

.custom-tab-top .nav-tabs .nav-link {
    background-color: #fff;
}

.custom-tab-top .nav-tabs li {
    width: 30%;
}

.custom-tab.news-tabs .nav-tabs .nav-link {
    color: #df241c;
    padding: .9rem 1rem;
}

.custom-table .news-tbl {
    clear: both;
    margin-bottom: 1rem;
    max-height: 360px;
    overflow-x: auto;
    width: 100%;
}

.custom-table .news-tbl-item {
    border-bottom: 1px solid #ccc;
    display: flex;
    margin: 0 auto;
    overflow: hidden;
    padding: 1rem .5rem;
    position: relative;
    width: 100%;
}

.custom-table .news-tbl-item:hover {
    background-color: #fff7f7;
}

.custom-table .news-tbl-item:hover .news-title span {
    text-decoration: underline;
}

.custom-table .news-tbl-item:last-child {
    border-bottom: none;
}

.custom-table .news-tbl-item .news-link {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.custom-table .news-tbl-item .news-date {
    color: #000;
    font-size: .9rem;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 12%;
}

.custom-table .news-tbl-item .news-medal {
    margin: 0;
    padding: 0 0 0 .5rem;
    text-align: center;
    width: 17%;
}

.custom-table .news-tbl-item .news-medal span {
    border-radius: .5rem;
    display: inline-block;
    font-size: .9rem;
    font-weight: 600;
    margin: 0 auto;
    max-width: 140px;
    text-align: center;
    width: 100%;
}

.custom-table .news-tbl-item .news-medal span i {
    font-size: .8rem;
}

.custom-table .news-tbl-item .news-title {
    /* display: table-cell; */
    margin: 0;
    padding: 0 .5rem;
    width: 71%;
}

.custom-table .news-tbl-item .news-title span {
    color: #000;
    font-size: .9rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
}

.social-on-top .social-div {
    padding-top: 0 !important;
}

.social-div a {
    color: #fff;
    display: block;
    font-size: 26px;
    padding: 10px;
    text-align: center;
    transition: 500ms;
}

.social-div .sc-twitter {
    background-color: #000;
}

.social-div .sc-twitter:hover {
    background-color: #4c4c4c;
}

.social-div .sc-twitter img {
    display: inline-block;
    margin: 0 auto;
    max-width: 22.8px;
    vertical-align: baseline;
}

.social-div .sc-facebook {
    background-color: #4464a2;
}

.social-div .sc-facebook:hover {
    background-color: #1e3258;
}

.social-div .sc-youtube {
    background-color: #ff0400;
}

.social-div .sc-youtube:hover {
    background-color: #ca0703;
}

.social-div .sc-instagram {
    background: linear-gradient(to right, #ff3019 0%, #c90477 100%);
}

.social-div .sc-instagram:hover {
    background: linear-gradient(to right, #ff1900 0%, #fb0494 100%)
}

.div-bottom {
    color: #4d4d4d;
}

.title-bottom {
    background: url(../img/bg-line.png) bottom repeat-x;
    background-size: auto 2px;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

.bottom-ul {
    list-style: none;
    padding: 0;
}

.bottom-ul li {
    padding: 5px 0 5px 15px;
    position: relative;
    font-size: 14px;
}

.bottom-ul li a {
    color: #4d4d4d;
    font-size: 13px;
    text-decoration: unset;
}

.bottom-ul li a:hover {
    color: #df241c;
}

.bottom-ul li.li-title {
    align-items: center;
    display: flex;
    font-weight: bold;
    font-size: 13px;
    padding: 10px 0 10px .2rem;
}

.bottom-ul li.li-title a {
    align-items: center;
    display: flex;
}

.bottom-ul li.li-title .fs-12 {
    font-size: 12px;
}

.bottom-ul li img.ic-bottom {
    margin-right: .2rem;
    max-width: 23px;
}

.div-bottom li i.fas {
    color: #df241c;
    margin-right: 5px;
}

.div-bottom li i.fas.text-dark02 {
    color: #4d4d4d;
}

.bottom-service a {
    text-decoration: none;
    color: #000;
}

.bottom-service a:hover {
    color: #df241c;
}

.bottom-service a i {
    color: #df241c;
    margin-right: 5px;
}

.footer {
    background-color: #df241c;
    color: #fff;
    font-size: 13px;
}

.footer p {
    padding: 0;
    margin: 0;
}

.footer img {
    position: relative;
    top: -5px;
}

.footer a {
    color: #fff;
    text-decoration: none;
}

.foot-navlst-01 li a {
    color: #4d4d4d;
}

.foot-navlst-01 li a:hover {
    text-decoration: underline;
}

.foot-nav-redlink,
.foot-nav-redlink:hover {
    color: #df241c;
}

.ask-div {
    position: relative;
}

.ask-div .ask-div-arrow {
    height: 34px;
    left: 35.5%;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 49%;
    width: 34px;
}

.ask-div .ask-div-arrow i {
    color: #df241c;
    font-size: 2rem;
}

.ask-div .ask-item-btn-block {
    max-width: 373px;
}

.ask-div .ask-title,
.ask-div .ask-txt {
    margin: 0 auto;
    max-width: 500px;
}

.ask-div .ask-txt a:hover {
    color: #000;
}

.ask-div .ask-title {
    min-height: 70px;
}

.ask-div .ask-title span {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #5b5b5b;
    color: #fff;
    text-align: center;
    margin-right: 10px;
}

.ask-btn {
    border-radius: 10px;
    display: block;
    font-weight: bold;
    margin-bottom: 2.5rem;
    text-align: center;
}

.ask-btn-cont {
    border-radius: 10px;
    display: block;
    padding: 25px 0 25px 3rem;
}

a.ask-btn-pink {
    background: url(../img/icon-01-gray.png) no-repeat 18% center #ededed;
    color: #8a8a8a;
}

a.ask-btn-pink.active {
    background: url(../img/icon-01.png) no-repeat 18% center #ffe6e6;
    color: #d82c60;
}

a.ask-btn-pink .ask-btn-cont {
    border: solid 2.5px #8a8a8a;
}

a.ask-btn-pink.active .ask-btn-cont {
    border: solid 2.5px #d82c60;
}

a.ask-btn-blue {
    background: url(../img/icon-02-gray.png) no-repeat 15% center #dedede;
    color: #8a8a8a;
}

a.ask-btn-blue.active {
    background: url(../img/icon-02.png) no-repeat 15% center #c6e6f7;
    color: #3bb1f1;
}

a.ask-btn-blue .ask-btn-cont {
    border: solid 2.5px #8a8a8a;
}

a.ask-btn-blue.active .ask-btn-cont {
    border: solid 2.5px #3bb1f1;
}

a.ask-btn-pink:hover .ask-btn-cont,
a.ask-btn-pink.active:hover .ask-btn-cont,
a.ask-btn-blue:hover .ask-btn-cont,
a.ask-btn-blue.active:hover .ask-btn-cont {
    background: url(../img/ask-btn-bg.png) no-repeat center center transparent;
    background-size: 102% 108%;
    border: solid 2.5px transparent;
}

.ask-item-block {
    opacity: .3;
}

.ask-item-block .ask-item {
    margin: 0 .5rem;
    max-width: 176px;
    padding: 3px !important;
}

.ask-item-block .ask-item span {
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    height: 176px;
    padding: .8rem;
    text-align: center;
    width: 100%;
}

.ask-item-block .ask-item span i {
    color: #5b5b5b;
    margin-bottom: .5rem;
}

.ask-item-block .ask-item span b {
    color: #5b5b5b;
    font-size: 1.1rem;
    font-weight: 600;
}

.ask-item-block .ask-item.ask-item-01 span {
    background: url(../img/ask-icon-01.png) no-repeat center 90% #f8f8f8;
}

.ask-item-block .ask-item.ask-item-02 span {
    background: url(../img/ask-icon-02.png) no-repeat center 90% #f8f8f8;
}

.ask-item-block .ask-item.ask-item-03 span {
    background: url(../img/ask-icon-03.png) no-repeat center 90% #f8f8f8;
}

.ask-item-block.active {
    opacity: 1;
}

.ask-item-block.active .ask-title {
    color: #000;
}

.ask-item-block.active .ask-title span {
    background-color: #df241c;
}

.ask-item-block.active .ask-item:hover {
    background: url(../img/ask-item-bg.png) no-repeat center center transparent;
    background-size: 100% 100%;
}

.ask-item-block.active .ask-item span i {
    color: #df241c;
}

.ask-item-block.active .ask-item span b {
    color: #4d4d4d;
}

.ask-item-block.active .ask-item.ask-item-01 span {
    background: url(../img/ask-icon-01-active.png) no-repeat center 90% #fff;
}

.ask-item-block.active .ask-item.ask-item-02 span {
    background: url(../img/ask-icon-02-active.png) no-repeat center 90% #fff;
}

.ask-item-block.active .ask-item.ask-item-03 span {
    background: url(../img/ask-icon-03-active.png) no-repeat center 90% #fff;
}

.title-list-img span {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background-size: 50% !important;
    vertical-align: middle;
    margin-right: 10px;
}

.title-list-img .bg-icon-1 {
    background: url(../img/icon-01.png) center no-repeat, #ffe6e6;
}

.title-list-img .bg-color-1 {
    background-color: #ffe6e6;
}

.title-list-img .bg-icon-3 {
    background: url(../img/icon-03.png) center no-repeat, #e9dbed;
}

.title-list-img .bg-icon-4 {
    background: url(../img/icon-04.png) center no-repeat, #fff8e3;
}

.title-list-img .bg-icon-5 {
    background: url(../img/icon-05.png) center no-repeat, #e8ebfb;
}

.title-list-img .bg-icon-6 {
    background: url(../img/icon-06.png) center no-repeat, #eff7ea;
}

.title-list-img .bg-icon-7 {
    background: url(../img/icon-07.png) center no-repeat, #fdeee6;
}

.title-list-img .bg-icon-8 {
    background: url(../img/icon-08.png) center no-repeat, #fff;
}

.title-list-img .bg-icon-11 {
    background: url(../img/icon-11.png) center no-repeat, #df241c;
}

.title-list-img .bg-icon-13 {
    background: url(../img/icon-13.png) center no-repeat, #e8ebfb;
}

.title-line {
    color: #fff;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    vertical-align: middle;
}

.title-line-1 {
    background-color: #d82c60;
}

.title-line-2 {
    background-color: #26a9f0;
}

.title-line-3 {
    background-color: #924aa4;
}

.title-line-5 {
    background-color: #df241c;
}

.handle-prod-sub p {
    font-size: 1rem;
    font-weight: 400;
}

.handle-prod-sub figure {
    border-radius: .5rem;
}

.handle-prod-sub figure a {
    align-items: center;
    padding: .8rem;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    border-radius: .5rem;
    color: #000;
}

.handle-prod-sub.handle-prod-sub-01 figure {
    background-color: #fff8e3;
}

.handle-prod-sub.handle-prod-sub-02 figure {
    background-color: #e8ebfb;
}

.handle-prod-sub.handle-prod-sub-03 figure {
    background-color: #eff7ea;
}

.handle-prod-sub.handle-prod-sub-04 figure {
    background-color: #fdeee6;
}

.handle-prod-sub figure figcaption {
    font-size: 1rem;
    font-weight: 600;
}

.handle-prod-sub figure figcaption a {
    color: #000;
}

.handle-prod-sub.handle-prod-sub-01 figure figcaption i {
    color: #ffbf00;
}

.handle-prod-sub.handle-prod-sub-02 figure figcaption i {
    color: #3c53df;
}

.handle-prod-sub.handle-prod-sub-03 figure figcaption i {
    color: #6dc200;
}

.handle-prod-sub.handle-prod-sub-04 figure figcaption i {
    color: #f16c34;
}

.handle-prod-sub figure img {
    max-width: 100%;
}

.list-item-gas {
    border-radius: 0 0 10px 10px;
    height: 98%;
    overflow: hidden;
}

.slide-item-gas .slick-dots {
    width: 100%;
    position: absolute;
    bottom: 20px;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slide-item-gas .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slide-item-gas .slick-dots li button {
    width: 15px;
    height: 15px;
    background: #b2b2b2;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    color: transparent;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
    padding: 5px;
}

.slide-item-gas.custom-dot-red .slick-dots li.slick-active button {
    background: #df241c;
}

.slide-item-gas.custom-dot-orange .slick-dots li.slick-active button {
    background: #ee6c34;
}

.corporate-slider-white {
    background-color: #fff;
    border-radius: .5rem;
    padding: .8rem .8rem .3rem;
}

.corporate-slider-white p {
    color: #000;
    font-size: 1rem;
}

.corporate-slider-bold {
    color: #4d4d4d;
    font-size: 1rem;
    font-weight: 600;
}

.home-list-item {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.home-list-item a {
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 0 .5rem .5rem;
    width: 100%;
}

.home-list-item .home-list-title {
    align-items: center;
    background-color: #fff;
    color: #000;
    display: flex;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 14px;
    min-height: 64px;
    padding: .5rem 0 .5rem .3rem;
    position: relative;
    width: 100%;
    z-index: 10;
}

.home-list-item .home-list-title.home-list-with-txt {
    margin-bottom: 0;
    min-height: 30px;
    padding: 1.2rem 0 0rem 0.3rem;
}

.home-list-item .home-list-txt {
    color: #4d4d4d;
    display: block;
    font-size: .8rem;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 0 0 0 1.7rem;
    width: 100%;
}

.home-list-item .home-list-title.home-list-two {
    line-height: 20px;
}

.home-list-item img {
    display: block;
    margin: 0 auto;
    z-index: 1;
}

.home-list-1 .home-list-item {
    background-color: #ffe6e6;
}

.home-list-1 .home-list-item .home-list-title {
    background-color: #ffe6e6;
}

.home-list-2 .home-list-item {
    background-color: #c6e6f7;
}

.home-list-2 .home-list-item .home-list-title {
    background-color: #c6e6f7;
}

.home-list-3 .home-list-item {
    background-color: #e9dbed;
}

.home-list-3 .home-list-item .home-list-title {
    background-color: #e9dbed;
}

.home-list-pink .home-list-item {
    border: 4px solid #ffe6e6;
}

.home-list-pink .home-list-item:hover {
    border: 4px solid #d82c60;
}

.home-list-pink .home-list-item i {
    color: #d82c60;
}

.home-list-blue .home-list-item {
    border: 4px solid #c6e6f7;
}

.home-list-blue .home-list-item:hover {
    border: 4px solid #26a9f0;
}

.home-list-blue .home-list-item i {
    color: #26a9f0;
}

.home-list-purple .home-list-item {
    border: 4px solid #e9dbed;
}

.home-list-purple .home-list-item:hover {
    border: 4px solid #924aa4;
}

.home-list-purple .home-list-item i {
    color: #924aa4;
}

.customer-voice .slick-slide {
    text-align: center;
}

.customer-voice-item {
    border-radius: 7px;
    background-color: #fff;
    margin: 0 auto;
    max-width: 304px;
    overflow: hidden;
    text-align: left;
    width: 100%;
}

.customer-voice-item h3 {
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 8px 4% 10px;
}

.customer-voice .customer-voice-item01 h3 {
    background: #d82c60;
}

.customer-voice .customer-voice-item02 h3 {
    background: #26a9f0;
}

.customer-voice .customer-voice-item03 h3 {
    background: #914aa3;
}

.customer-voice .customer-voice-item04 h3 {
    background: #d82c60;
}

.customer-voice-item h3 span {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-top: 3px;
}

.customer-voice-item h4 {
    color: #4d4d4d;
    font-size: 15px;
    margin: 0;
    padding: 15px 5%;
}

.customer-voice .customer-voice-item01 h4 {
    background: #ffe6e6;
}

.customer-voice .customer-voice-item02 h4 {
    background: #c6e6f7;
}

.customer-voice .customer-voice-item03 h4 {
    background: #e9dbed;
}

.customer-voice .customer-voice-item04 h4 {
    background: #ffe6e6;
}

.customer-voice-item p {
    background: #fff;
    color: #4d4d4d;
    font-size: 15px;
    margin: 0;
    padding: 15px 5%;
}

.customer-voice-item img {
    display: block;
    width: 100%;
}

.customer-voice-item a {
    border: 1px solid;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0;
    max-width: 180px;
    padding: 10px;
    width: 100%;
}

.customer-voice-item a i {
    margin-right: 6px;
}

.customer-voice .customer-voice-item01 a {
    background-color: #fff;
    border-color: #d82c60;
    color: #d82c60;
    outline: none;
}

.customer-voice .customer-voice-item01 a:hover,
.customer-voice .customer-voice-item01 a:focus {
    background-color: #d82c60;
    color: #fff;
}

.customer-voice .customer-voice-item02 a {
    background-color: #fff;
    border-color: #26a9f0;
    color: #26a9f0;
    outline: none;
}

.customer-voice .customer-voice-item02 a:hover,
.customer-voice .customer-voice-item02 a:focus {
    background-color: #26a9f0;
    color: #fff;
}

.customer-voice .customer-voice-item03 a {
    background-color: #fff;
    border-color: #914aa3;
    color: #914aa3;
    outline: none;
}

.customer-voice .customer-voice-item03 a:hover,
.customer-voice .customer-voice-item03 a:focus {
    background-color: #914aa3;
    color: #fff;
}

.customer-voice .customer-voice-item04 a {
    background-color: #fff;
    border-color: #d82c60;
    color: #d82c60;
    outline: none;
}

.customer-voice .customer-voice-item04 a:hover,
.customer-voice .customer-voice-item04 a:focus {
    background-color: #d82c60;
    color: #fff;
}

.customer-voice .slick-dots {
    display: flex;
    justify-content: center;
    margin: 20px auto 10px;
    padding: 0;
}

.customer-voice .slick-dots li {
    display: flex;
}

.customer-voice .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.customer-voice .slick-dots li button {
    background: url(../img/customer-slide-dot.png) no-repeat center center transparent;
    border: 0;
    color: transparent;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: none;
    width: 20px;
}

.customer-voice .slick-dots li.slick-active button {
    background: url(../img/customer-slide-dot-active.png) no-repeat center center transparent;
}

.voice-coming-soon {
    min-height: 633px;
    height: 100%;
    background: #ffe6e6 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #db0917 !important;
    font-size: 20px !important;
}

.service-title {
    border-left: 5px solid;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 24px;
    padding: 0 0 .2rem 1rem;
}

.citygas-pdf {
    clear: both;
    margin: 0 auto 2rem;
    width: 100%;
}

.citygas-pdf-btn {
    background: url('../img/general-customer/citygas-pdf-ic.png') no-repeat .8rem .7rem transparent;
    border: 1px solid #707070;
    border-radius: .3rem;
    color: #000;
    font-size: .84rem;
    margin: 1rem .3rem 0;
    max-width: 320px;
    padding: .7rem .7rem .7rem 2.5rem;
    width: 100%;
}

.citygas-pdf-btn i {
    float: right;
    margin-top: .35rem;
}

.citygas-pdf-btn:hover,
.citygas-pdf-btn:hover i {
    color: #df241c;
}

.citygas-pdf-btn:hover {
    border-color: #df241c;
}

.corporate-lst .corporate-lst-item {
    margin: 0 0 1rem;
    max-width: 302px;
    overflow: hidden;
}

.corporate-lst .corporate-lst-item h4 {
    background-color: #df241c;
    border-radius: .5rem .5rem 0 0;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    padding: .8rem;
}

.corporate-lst .corporate-lst-item img {
    display: block;
    max-width: 302px;
    width: 100%;
}

.corporate-lst .corporate-lst-item div {
    background-color: #f2f2f2;
    border-radius: 0 0 .5rem .5rem;
    min-height: 120px;
    overflow: hidden;
    padding: 1rem 1rem .3rem 1rem;
}

.corporate-lst .corporate-lst-item p {
    font-size: .9rem;
    line-height: 24px;
}

.corporate-lst .corporate-lst-item div p:first-child {
    min-height: 72px;
}

.corporate-lst .corporate-lst-item ul {
    background-color: #fff;
    border-radius: .5rem;
    list-style: none;
    padding: .5rem;
}

.corporate-lst .corporate-lst-item ul li {
    display: inline-block;
    font-size: 1rem;
    margin-right: .6rem;
}

.corporate-lst .corporate-lst-item ul li i {
    color: #df241c;
}

.corporate-contact {
    background-color: #f2f2f2;
    border-radius: .5rem;
    overflow: hidden;
    padding: 2rem;
    width: 100%;
}

.corporate-contact img {
    float: left;
    max-width: 200px;
}

.corporate-contact figcaption {
    float: left;
    padding-left: 2rem;
    width: calc(100% - 210px);
}

.corporate-contact figcaption h4 {
    color: #df241c;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: .8rem;
    width: 100%;
}

.corporate-contact figcaption p {
    font-size: 1rem;
    margin-bottom: 1.2rem;
    width: 100%;
}

.corporate-contact figcaption h5 {
    border-left: 5px solid #df241c;
    color: #4d4d4d;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
    padding-left: .8rem;
    width: 100%;
}

.corporate-contact figcaption a {
    background-color: #fff;
    border: 1px solid #df241c;
    border-radius: .5rem;
    color: #df241c;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 600;
    padding: .4rem 1rem;
}

.corporate-contact figcaption a i {
    margin-right: .2rem;
}

.border-red {
    border-color: #df241c;
}

.bdr-b-red {
    border-bottom: 1px dashed #df241c;
}

.hapimaga-wrap .navbar {
    padding: 0;
}

.custom-navbar-hapimaga {
    margin-bottom: 1rem;
}

.custom-navbar-hapimaga button.navbar-toggler span {
    display: flex;
    width: 35px;
    height: 3px;
    margin-bottom: 8px;
    position: relative;
    background: #3c3c3c;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
}

.custom-navbar-hapimaga button.navbar-toggler.collapsed span {
    opacity: 1 !important;
    transform: none !important;
}

.custom-navbar-hapimaga button.navbar-toggler span:nth-last-child(1) {
    transform: rotate(-44deg) translate(0, -2px);
}

.custom-navbar-hapimaga button.navbar-toggler span:nth-last-child(2) {
    opacity: 0;
}

.custom-navbar-hapimaga button.navbar-toggler span:nth-last-child(3) {
    transform: rotate(44deg) translate(3px, 1px);
}

.hapimaga-wrap.overflow {
    overflow: hidden;
    padding-right: 17px;
}

.hapimaga-wrap .navbar .hapimaga-container {
    padding: 0.75rem 0.75rem 0.75rem 0;
    position: relative;
    max-width: 990px;
    margin: auto;
}

.hapimaga-wrap .hapimaga-menu .navbar-collapse {
    position: absolute;
    left: 0;
    padding: 0 0.75rem;
    top: 80px;
}

.hapimaga-wrap header .navbar-toggler {
    display: block;
    position: relative;
    z-index: 9999;
}

.hapimaga-wrap header .navbar-toggler:focus {
    box-shadow: none;
}

.hapimaga-wrap header .navbar-toggler .navbar-toggler-icon {
    background: url(../img/menu-btn-hapimaga.png) no-repeat center center transparent;
}

.hapimaga-wrap header .box-search {
    position: relative;
    margin-top: 1.5rem;
}

.hapimaga-wrap header .hapimaga-input-search {
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
}

.hapimaga-wrap header .box-search i {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #DF241C;
    width: 16px;
    height: 16px;
}

.hapimaga-wrap header .hea-copy {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.hapimaga-wrap .navbar-brand {
    width: 60%;
}

.hapimaga-wrap ul.item-lst {
    display: flex;
    justify-content: space-around;
    list-style: none;
    margin: 1rem auto;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.hapimaga-wrap ul.item-lst a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all ease .3s;
}

.hapimaga-wrap ul.item-lst a img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.hapimaga-wrap .banner-sp {
    text-align: center;
    padding: 1rem 0;
}

.hapimaga-wrap header .navbar-toggler .navbar-toggler-icon {
    background: url(../img/menu-btn-hapimaga-sp.png) no-repeat center center transparent;
}

.hapimaga-wrap .hapimaga-menu .navbar-collapse {
    top: 64px;
    background-color: #fff;
    z-index: 9;
}

.hapimaga-wrap ul.item-lst li {
    width: 100%;
    border-bottom: 1px solid #DF241C;
    padding-bottom: 22px;
    margin-bottom: 20px;
    position: relative;
}

.hapimaga-wrap ul.item-lst li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    background: url("../img/news/news-arrow.png") no-repeat;
    width: 9px;
    height: 6px;
    transform: rotate(-90deg);
}

.hapimaga-wrap ul.item-lst li:last-child {
    margin-bottom: 0;
}

.hapimaga-wrap ul.item-lst li a:hover {
    padding-left: 15px;
    transition: all ease .3s;
}

.hapimaga-menu-popup {
    background: #fff;
    opacity: 0.95;
    display: none;
    padding-right: 0;
}

.hapimaga-menu-popup.show {
    display: block;
    padding-right: 17px;
}

.hapimaga-menu-popup .modal-dialog {
    max-width: 600px;
}

.hapimaga-menu-popup .modal-content {
    border: 0;
}

.hapimaga-slider {
    margin-bottom: 110px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.hapimaga-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.hapimaga-slider.slick-slider .slick-track {
    display: flex;
}

.hapimaga-slider .slick-slide {
    height: auto;
    width: 659px;
}

.hapimaga-slider .slick-slide>div {
    height: 100%;
}

.hapimaga-slider .hapimaga-slider-item {
    opacity: 0.7;
    padding: 0 20px;
    position: relative;
    height: 100%;
    max-height: 496px;
}

.hapimaga-slider .hapimaga-slider-item h4 a {
    color: #fff;
}

.hapimaga-slider .hapimaga-slider-item h4 {
    background-color: #D70917;
    font-size: 1rem;
    font-weight: 600;
    padding: 7px 10px;
    color: #fff;
    margin-bottom: 0;
}

.hapimaga-slider .hapimaga-slider-item h4 img {
    padding-right: 5px;
}

.hapimaga-slider .hapimaga-slider-img {
    position: relative;
    height: calc(100% - 33px);
}

.hapimaga-slider .hapimaga-slider-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hapimaga-slider .hapimaga-slider-img a>p {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    padding: 5px 0;
    margin-bottom: 0;
    color: #fff;
    width: 100%;
    min-height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hapimaga-slider .slick-center .hapimaga-slider-item {
    opacity: 1;
}

.hapimaga-slider .slick-prev,
.hapimaga-slider .slick-next {
    background: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 26px;
    width: 0;
    line-height: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
    overflow: visible;
}

.hapimaga-slider .slick-prev:before,
.hapimaga-slider .slick-next:before {
    content: "";
    background: url("../img/hapimaga-arrow.png");
    width: 13px;
    height: 26px;
    display: inline-block;
    opacity: 0.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hapimaga-slider .slick-prev:hover:before,
.hapimaga-slider .slick-next:hover:before {
    opacity: 1;
}

.hapimaga-slider .slick-prev:focus,
.hapimaga-slider .slick-next:focus {
    outline: 0;
}

.hapimaga-slider .slick-next:before {
    transform: rotate(180deg);
}

.hapimaga-slider .slick-prev:before {
    margin-left: -660px;
}

.hapimaga-slider .slick-next:before {
    margin-right: -660px;
}

.hapimaga-slider .slick-dots {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.hapimaga-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 8px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.hapimaga-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 40px;
    height: 8px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #B3B3B3;
}

.hapimaga-slider .slick-dots li.slick-active button {
    background: #DF241C;
}

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

.hapimaga-content {
    width: 65%;
    margin-bottom: 50px;
}

.hapimaga-content .hapimaga-tit {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 35px;
}

.hapimaga-content .hapimaga-tit p {
    margin-bottom: 0;
}

.hapimaga-content .hapimaga-tit .bold {
    font-size: 18px;
    position: relative;
    display: inline-block;
    margin: 5px 0 0;
}

.hapimaga-content .hapimaga-tit .bold::before {
    content: "";
    background: url('../img/hapimaga-wf.png');
    width: 9px;
    height: 10px;
    position: absolute;
    top: -5px;
    right: -9px;
}

.hapimaga-content .hapimaga-tit .bold span {
    color: #DF241C;
}

.hapimaga-articles {
    display: flex;
    flex-wrap: wrap;
}

.hapimaga-articles .hapimaga-articles-item {
    width: 46%;
    margin-right: 8%;
    font-weight: bold;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.hapimaga-articles .hapimaga-articles-item .hapimaga-articles-item-img {
    flex-shrink: 0;
}

.hapimaga-articles .spacing {
    flex-grow: 1;
}

.hapimaga-articles .hapimaga-articles-item a {
    color: #000;
}

.hapimaga-articles .hapimaga-articles-item .hapimaga-articles-item-img a:hover img {
    opacity: 0.8;
}

.hapimaga-articles .hapimaga-articles-item:nth-child(2n) {
    margin-right: 0;
}

.hapimaga-articles .hapimaga-articles-item-img img {
    max-width: 100%;
    height: auto;
}

.hapimaga-articles .hapimaga-articles-item .hapimaga-articles-item-text {
    font-size: 16px;
    margin: 10px 0 5px;
}

.hapimaga-articles .hapimaga-articles-item .hapimaga-articles-item-link {
    font-size: 14px;
    color: #DF241C;
}

.hapimaga-pagination {
    display: inline-block;
}

.hapimaga-pagination .page-link {
    border: 1px solid #DF241C;
    color: #DF241C;
    border-radius: 0;
    margin: 0 10px;
}

.hapimaga-pagination .page-item:not(:first-child) .page-link {
    margin-left: 10px;
}

.hapimaga-pagination .page-item.active .page-link,
.hapimaga-pagination .page-link:hover {
    background-color: #DF241C;
    border-color: #DF241C;
    color: #fff;
}

.hapimaga-pagination .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.hapimaga-pagination .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.hapimaga-pagination .page-link {
    padding: .25rem .75rem;
}

.hapimaga-aside {
    width: 30%;
}

.hapimaga-aside .hapimaga-aside-block01 .tit {
    background-color: #DF241C;
    text-align: center;
    color: #fff;
    padding: 5px;
    font-weight: 600;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content {
    background-color: #eee;
    padding: 15px 20px 25px;
    color: #DF241C;
    display: none;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content.active {
    display: block;
}

.hapimaga-aside .pc .hapimaga-aside-block01 .hapimaga-aside-block01-content {
    display: block;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content .inner {
    margin-bottom: 10px;
    padding: 0;
    font-size: 0;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content .inner li {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1rem;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content .inner li label {
    width: 100%;
    height: 100%;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content .inner li input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content .inner li .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #DF241C;
    border: 1px solid #DF241C;
    padding: 3px;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    cursor: pointer;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content .inner li .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content .inner li input:checked~.checkmark {
    background: #DF241C;
    color: #fff;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content .inner li input:checked~.checkmark:after {
    display: block;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content .inner-col-2 li {
    width: 46%;
    margin-right: 8%;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content .inner-col-2 li:nth-child(2n) {
    margin-right: 0;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content .inner-col-4 li {
    width: 22%;
    margin-right: 4%;
}

.hapimaga-aside .hapimaga-aside-block01 .hapimaga-aside-block01-content .inner-col-4 li:nth-child(4n) {
    margin-right: 0;
}

.hapimaga-aside .btn-aside {
    border-radius: 5px;
    background-color: #DF241C;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    font-weight: 600;
    display: inline-block;
    border: 1px solid #df241c;
}

.hapimaga-aside .btn-aside:hover {
    background-color: #fff;
    color: #df241c;
}

.hapimaga-aside .hapimaga-aside-tit {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 25px;
}

.hapimaga-aside .hapimaga-aside-tit p {
    margin-bottom: 0;
}

.hapimaga-aside .hapimaga-aside-tit .bold {
    font-size: 18px;
    position: relative;
    display: inline-block;
    margin: 5px 0 0;
}

.hapimaga-aside .hapimaga-aside-tit .bold::before {
    content: "";
    background: url('../img/hapimaga-wf.png');
    width: 9px;
    height: 10px;
    position: absolute;
    top: -5px;
    right: -9px;
}

.hapimaga-aside .hapimaga-aside-tit .bold span {
    color: #DF241C;
}

.hapimaga-aside .t-bold {
    margin-bottom: .5rem;
    font-weight: 600;
}

.hapimaga-aside .hapimaga-aside-block02 {
    margin-bottom: 30px;
}

.hapimaga-aside .hapimaga-aside-block02 .hapimaga-aside-block02-content {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.hapimaga-aside .hapimaga-aside-block02 .hapimaga-aside-block02-content .box-img {
    width: 30%;
    position: relative;
}

.hapimaga-aside .hapimaga-aside-block02 .hapimaga-aside-block02-content .box-img .po-as {
    position: absolute;
    top: -10px;
    left: 0px;
}

.hapimaga-aside .hapimaga-aside-block02 .hapimaga-aside-block02-content .box-text {
    width: 65%;
}

.hapimaga-aside .hapimaga-aside-block02 .hapimaga-aside-block02-content .box-text a.d-block {
    color: #000;
}

.hapimaga-aside .hapimaga-aside-block02 .hapimaga-aside-block02-content .hapimaga-aside-link {
    font-size: 14px;
    color: #DF241C;
    display: block;
    margin: 5px 0 0;
}

.hapimaga-footer {
    background-color: #df241c;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.hapimaga-footer .hapimaga-footer-logo {
    font-size: 15px;
}

.hapimaga-footer .text-copy {
    font-size: 12px;
}

.hapimaga-content-detail .hapimaga-tit-detail {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 25px;
}

.hapimaga-content-detail .tt-small {
    color: #DF241C;
    margin-bottom: 30px;
}

.hapimaga-content-detail .bg-gray {
    background-color: #F2F2F2;
    padding: 20px;
    margin: 0 0 50px;
}

.hapimaga-content-detail .bg-gray .tt-gray {
    color: #D82C60;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.hapimaga-content-detail .bg-gray ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hapimaga-content-detail .tt-detail {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
}

.hapimaga-content-detail .inner-detail {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.hapimaga-content-detail .inner-detail .box-text {
    width: 55%;
}

.hapimaga-content-detail .inner-detail .box-img {
    width: 41%;
    text-align: center;
}

.hapimaga-content-detail .hapimaga-pagination-detail {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 1rem;
    margin: 0;
    width: 100%;
}

.hapimaga-content-detail .hapimaga-pagination-detail li {
    max-width: 40%;
    font-size: 14px;
}

.hapimaga-content-detail .hapimaga-pagination-detail li a {
    color: #DF241C;
    display: block;
}

.hapimaga-content-detail .hapimaga-pagination-detail li:nth-child(2) a {
    text-align: right;
}

.hapimaga-content-detail .wp-block-image img {
    height: auto !important;
}

.hapimaga-content-detail h2 {
    background-color: #DF241C;
    color: #fff;
    padding: 6px 10px;
    border-bottom: 2px solid #be251f;
    border-top: 2px solid #be251f;
}

.hapimaga-content-detail h2.hapimaga-tit-detail {
    background-color: transparent;
    border: none;
    padding: 0;
    color: #000;
}

.hapimaga-content-detail h3 {
    padding: 8px 0;
    border-bottom: 2px solid #DF241C;
    border-top: 2px solid #DF241C;
}

.hapimaga-content-detail h4 {
    padding-left: 10px;
    border-left: 2px solid #DF241C;
}

.hapimaga-content-detail ul,
.hapimaga-content-detail ol {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f2f2f2;
}


/* SANG CSS */

.bg-violet {
    background-color: #914aa3;
}

.bg-violet-2 {
    background-color: #f2edf4;
}

.bg-green2 {
    background-color: #eff7ea;
}

.bg-red-2 {
    background-color: #ffe6e6;
}

.bg-red-3 {
    background-color: #e84c3d;
}

.bg-red-4 {
    background-color: #df241c;
}

.bg-blue2 {
    background-color: #8ed2f6;
}

.bg-blue3 {
    background-color: #0061b8;
}

.bg-blue4 {
    background-color: #c6e6f7;
}

.bg-white2 {
    background-color: #fff;
}

.bg-violet-3 {
    background-color: #e9dbed;
}

.bg-green-3 {
    background-color: #47c686;
}

.bg-yellow-2 {
    background-color: #eac552;
}

.bg-yellow-3 {
    background-color: #fad862;
}

.bg-violet-4 {
    background-color: #cb70d7;
}

.bg-brown {
    background-color: #ac8864;
}

.bg-grey-3 {
    background-color: #d8d8d8;
}

.bg-grey-4 {
    background-color: #767676;
}

.bg-violet-5 {
    background-color: #aa95b6;
}

.bg-blue-5 {
    background-color: #2692b9;
}

.bg-pink-2 {
    background-color: #d82c60;
}

.border-green-2 {
    border-color: #47c686 !important;
}

.border-blue {
    border-color: #26aaf1 !important;
}

.border-blue3 {
    border-color: #0061b8;
}

.border-yellow {
    border-color: #fabd00;
}

.border-yellow2 {
    border-color: #f5a200;
}

.border-green2 {
    border-color: #427935;
}

.border-green {
    border-color: #6dc200 !important;
}

.border-orange {
    border-color: #ee6c34 !important;
}

.border-grey {
    border-color: #b4b4b4 !important;
}

.border-violet {
    border-color: #914aa3 !important;
}

.text-pink {
    color: #d82c60;
}

.text-green {
    color: #6dc200;
}

.text-green2 {
    color: #427935;
}

.text-green3 {
    color: #00cebd;
}

.text-orange {
    color: #ee6c34;
}

.text-orange2 {
    color: #f27900;
}

.text-yellow {
    color: #fabd00;
}

.text-yellow2 {
    color: #f5a200;
}

.text-yellow3 {
    color: #fdfe00;
}

.text-blue {
    color: #26aaf1;
}

.text-blue3 {
    color: #0061b8;
}

.text-grey {
    color: #656565;
}

.text-black {
    color: #000;
}

.text-yellow-2 {
    color: #eac552;
}

.text-green-2 {
    color: #47c686;
}

.text-grey-2 {
    color: #d8d8d8;
}

.blue5 {
    color: #2ea7e0;
}

.fs-23 {
    font-size: 23px;
}

.fs-35 {
    font-size: 35px;
}

.fs-50 {
    font-size: 50px;
}

.text-violet {
    color: #914aa3;
}

.fs-35 {
    font-size: 35px;
}

.w-300 {
    max-width: 100%;
    width: 300px;
}

.custom-tab-top .nav-tabs .nav-link {
    color: #000;
}

.custom-navbar button.navbar-toggler span {
    display: flex;
    width: 35px;
    height: 6px;
    margin-bottom: 5px;
    position: relative;
    background: #4d4d4d;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
}

.custom-navbar button.navbar-toggler.collapsed span {
    opacity: 1 !important;
    transform: none !important;
}


/* .custom-navbar button.navbar-toggler span:nth-last-child(1) {
transform: rotate(-44deg) translate(0, -2px);
}
.custom-navbar button.navbar-toggler span:nth-last-child(2) {
opacity: 0;
}
.custom-navbar button.navbar-toggler span:nth-last-child(3) {
transform: rotate(44deg) translate(3px, 1px);
} */

.custom-navbar .nav-link.dropdown-toggle.show .fa-plus {
    display: none;
}

.custom-navbar .nav-link.dropdown-toggle .fa-minus {
    display: none;
}

.custom-navbar .nav-link.dropdown-toggle.show .fa-minus {
    display: inline-block;
}

.slider-nav.slider-nav-custom img {
    max-height: 124px;
}

.slider-nav.slider-nav-custom .slick-slide {
    padding-top: 1.9%;
}

.slider-nav .slick-slide a {
    outline: none;
}

.title-home b {
    width: calc(100% - 85px);
}

.title-home p.fs-15 {
    font-size: 15px;
}

.title-list-img .bg-red {
    background-color: #df241c !important;
}

.title-list-img .bg-white {
    background-color: #fff !important;
}

.title-list-img .bg-ic-2 {
    background: url(../img/ic-02.png) center no-repeat;
}

.title-list-img .bg-ic-3 {
    background: url(../img/ic-03.png) center no-repeat;
}

.title-list-img .bg-ic-5 {
    background: url(../img/ic-05.png) center no-repeat;
}

.title-list-img .bg-ic-10 {
    background: url(../img/ic-10.png) center no-repeat;
}

.title-list-img .bg-icon-01 {
    background: url(../img/icon-01.png) center no-repeat;
}

.title-list-img .bg-icon-02 {
    background: url(../img/icon-02.png) center no-repeat;
}

.title-list-img .bg-icon-03 {
    background: url(../img/icon-03.png) center no-repeat;
}

.title-line-4 {
    background-color: #df241c;
}

.title-list-img-02 {
    position: absolute;
    right: 0;
    top: 0;
}

.title-list-img-02 span {
    width: 50px;
    height: 50px;
}

.citygas-collapse .card-header.collapsed {
    background-color: #f2f2f2;
}

.citygas-collapse .card-header {
    background-color: #c6e6f7;
}

.citygas-collapse .card-header.collapsed i.fas {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.citygas-collapse .card-header i.fas {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.service-list-item {
    border-radius: 10px;
    display: block;
    color: #000;
    font-weight: bold;
}

.service-list-item:hover {
    color: #000;
}

.service-list-item a {
    color: #000;
    font-weight: bold;
}

.service-list-img-01 img {
    height: 61px;
}

.service-list-img-02 img {
    width: 100%;
    height: auto;
}

.customer-voice.customer-voice-02 .customer-voice-item01 h3 {
    background: #6dc200;
}

.customer-voice.customer-voice-02 .customer-voice-item01 h4 {
    background: #eff7ea;
}

.customer-voice.customer-voice-02 .customer-voice-item01 a {
    background-color: #fff;
    border-color: #6dc200;
    color: #6dc200;
    outline: none;
}

.customer-voice.customer-voice-02 .customer-voice-item01 a:hover,
.customer-voice.customer-voice-02 .customer-voice-item01 a:focus {
    background-color: #6dc200;
    color: #fff;
}

.customer-voice.customer-voice-02 .customer-voice-item02 h3 {
    background: #ffbe00;
}

.customer-voice.customer-voice-02 .customer-voice-item02 h4 {
    background: #fff8e3;
}

.customer-voice.customer-voice-02 .customer-voice-item02 a {
    background-color: #fff;
    border-color: #ffbe00;
    color: #ffbe00;
    outline: none;
}

.customer-voice.customer-voice-02 .customer-voice-item02 a:hover,
.customer-voice.customer-voice-02 .customer-voice-item02 a:focus {
    background-color: #ffbe00;
    color: #fff;
}

.customer-voice.customer-voice-02 .customer-voice-item03 h3 {
    background: #3c53df;
}

.customer-voice.customer-voice-02 .customer-voice-item03 h4 {
    background: #E8EBFB;
}

.customer-voice.customer-voice-02 .customer-voice-item03 a {
    background-color: #fff;
    border-color: #3c53df;
    color: #3c53df;
    outline: none;
}

.customer-voice.customer-voice-02 .customer-voice-item03 a:hover,
.customer-voice.customer-voice-02 .customer-voice-item03 a:focus {
    background-color: #3c53df;
    color: #fff;
}

.customer-voice.customer-voice-02 .customer-voice-item04 h3 {
    background: #6dc200;
}

.customer-voice.customer-voice-02 .customer-voice-item04 h4 {
    background: #eff7ea;
}

.customer-voice.customer-voice-02 .customer-voice-item04 a {
    background-color: #fff;
    border-color: #6dc200;
    color: #6dc200;
    outline: none;
}

.customer-voice.customer-voice-02 .customer-voice-item04 a:hover,
.customer-voice.customer-voice-02 .customer-voice-item04 a:focus {
    background-color: #6dc200;
    color: #fff;
}

.customer-voice.customer-voice-02 .customer-voice-item05 h3 {
    background: #6dc200;
}

.customer-voice.customer-voice-02 .customer-voice-item05 h4 {
    background: #eff7ea;
}

.customer-voice.customer-voice-02 .customer-voice-item05 a {
    background-color: #fff;
    border-color: #6dc200;
    color: #6dc200;
    outline: none;
}

.customer-voice.customer-voice-02 .customer-voice-item05 a:hover,
.customer-voice.customer-voice-02 .customer-voice-item05 a:focus {
    background-color: #6dc200;
    color: #fff;
}

.customer-voice-02 .slick-list,
.customer-voice .slick-list {
    padding: 20px 0
}

.customer-voice .slick-list,
.customer-voice .slick-track {
    /* display: flex; */
}

.customer-voice .slick-slide>div {
    height: 100%;
}

.customer-voice .slick-slide .customer-voice-item {
    box-shadow: 0 5px 0 #e6e6ee;
    height: calc(100% - 5px);
}

.customer-voice-02 .slick-slide:hover,
.customer-voice .slick-slide:hover {
    cursor: pointer;
    transform: scale(1.05);
}

.customer-voice-02 .slick-slide:hover .customer-voice-item,
.customer-voice .slick-slide:hover .customer-voice-item {
    background: url(../img/bg-slider-2.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 7px;
    display: inline-block;
    padding: 2px;
}

.customer-voice-02 .slick-slide:hover .customer-voice-item h3,
.customer-voice .slick-slide:hover .customer-voice-item h3 {
    border-radius: 7px 7px 0 0;
}

.customer-voice-02 .slick-slide:hover .customer-voice-item p:last-child,
.customer-voice .slick-slide:hover .customer-voice-item p:last-child {
    border-radius: 0 0 7px 7px;
}

.custom-navbar {
    z-index: 100;
}

.custom-navbar .collapse-menu {
    /* max-width: 65%; */
    max-width: 55%;
}

.navbar-expand-md .navbar-collapse.collapse-search {
    width: 0;
}

.custom-navbar .navbar-toggler {
    border: 0;
    box-shadow: none;
    outline: none;
}

.overflow-m {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 98;
    background: #00000087;
    display: none;
}

.overflow-m.active {
    display: block;
}

.overflow-hidden {
    overflow: hidden;
}

.custom-table .news-tbl-item {
    flex-wrap: wrap;
}

.btn-plus {
    position: relative;
    width: 14px;
    height: 14px;
    top: 5px;
}

.btn-plus.btn-plus-active::after {
    display: none;
}

.btn-plus::before {
    content: "";
    width: 100%;
    border: solid 1px #b3b3b3;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.btn-plus::after {
    content: "";
    height: 100%;
    border: solid 1px #b3b3b3;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.service-list-custom .service-list-title i.fas {
    float: left;
    height: 45px;
    display: flex;
    align-items: center
}

.main-title-2 h3 {
    background: #914aa3;
}

.main-title-2 h3 span {
    color: #fff;
}

.main-title-2 h2 {
    background: #e8daec;
}

.main-title-2 h2 span {
    color: #914aa3;
}

.main-title-3 h3 {
    background: #df241c;
}

.main-title-3 h3 span {
    color: #fff;
}

.main-title-3 h2 {
    background: #ffe2e2;
}

.main-title-3 h2 span {
    color: #df241c;
}

.position-sm-absolute {
    position: absolute;
}

.top-1-5 {
    top: 1.5%;
}

.top-4-5 {
    top: 4.5%;
}

.top-6-5 {
    top: 6.5%;
}

.block-about {
    border-radius: 15px;
    color: #fff;
    overflow: hidden;
}

.list-item-gas {
    border-radius: 0 0 10px 10px;
    height: 98%;
    overflow: hidden;
}

.service-title-custom {
    position: relative;
}

.service-title-custom::before {
    content: "";
    position: absolute;
    left: -5px;
    bottom: -5px;
    width: 100%;
    border-top: dashed 1px #924aa4;
}

.service-title-custom.border-red::before {
    border-color: #df241c !important;
}

.service-title-custom.border-green::before {
    border-color: #6dc200 !important;
}

.service-title-custom.border-orange::before {
    border-color: #ee6c34 !important;
}

.service-title-stt::before {
    left: 0;
}

.title-stt {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100%;
    background: #914aa3;
    color: #fff;
    line-height: 50px;
    margin-right: 1em;
}

.slide-item-gas .slick-dots {
    width: 100%;
    position: absolute;
    bottom: 20px;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slide-item-gas .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slide-item-gas .slick-dots li button {
    width: 15px;
    height: 15px;
    background: #b2b2b2;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    color: transparent;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
    padding: 5px;
}

.slide-item-gas .slick-dots li.slick-active button {
    background: #924aa4;
}

.slide-item-gas.custom-dot-red .slick-dots li.slick-active button {
    background: #df241c;
}

.slide-item-gas.custom-dot-green .slick-dots li.slick-active button {
    background: #6dc200;
}

.slick-slide a {
    outline: none;
}

.list-item-info {
    border-radius: 10px;
}

.list-item-info ul {
    list-style: none;
    min-height: 190px;
}

.list-item-info ul li {
    font-size: 1rem;
    font-weight: 600;
    padding: 0 5px 8px 5px;
    position: relative;
}

.list-item-info ul li::before {
    content: "\f00c";
    color: #df241c;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    left: -20px;
    top: 4px;
}

.list-item-info .min-h-88 {
    min-height: 88px;
}

.list-item-info .btn {
    max-width: 100%;
    width: 300px;
}

.btn-outline-orange {
    background-color: #fff;
    border: solid 2px #ee6c34;
    border-radius: 10px;
    color: #ee6c34;
    outline: none;
}

.btn-outline-orange:hover {
    color: #ee6c34;
}

.btn-outline-violet {
    background-color: #fff;
    border: solid 2px #924aa4;
    border-radius: 10px;
    color: #924aa4;
    outline: none;
}

.btn-outline-violet:hover {
    background-color: #924aa4;
    color: #fff;
}

.btn-outline-red {
    background-color: #fff;
    border: solid 2px #df241c;
    border-radius: 10px;
    color: #df241c;
    outline: none;
}

.btn-outline-red:hover {
    background-color: #df241c;
    color: #fff;
}

.btn-outline-red:focus {
    box-shadow: none;
}

.btn-outline-green {
    background-color: #fff;
    border: solid 2px #6dc200;
    border-radius: 10px;
    color: #6dc200;
    outline: none;
}

.btn-outline-green:hover {
    background-color: #6dc200;
    color: #fff;
}

.title-list-img .bg-icon-9 {
    background: url(../img/icon-09.png) center no-repeat, #e1cfe6;
}

.title-list-img .bg-icon-10 {
    background: url(../img/icon-10.png) center no-repeat, #ffe6e6;
}

.title-line-4 {
    background-color: #e1cfe6;
    color: #924aa4;
}

.title-line-5 {
    background-color: #df241c;
}

.title-line-6 {
    background-color: #6dc200;
}

.title-line-7 {
    background-color: #ee6c34;
}

.main-title-block.violet-main-title-block figcaption {
    background: #924aa4;
}

.main-title-block.orange-main-title-block figcaption {
    background: #ee6c34;
}

.border-radius-5 {
    border-radius: 5px;
}

.main-title-4 h3 {
    background: #26aaf1;
}

.main-title-4 h3 span {
    color: #fff;
}

.main-title-4 h2 {
    background: #c6e6f7;
}

.main-title-4 h2 span {
    color: #26aaf1;
}

.main-title-5 h3 {
    background: #e40165;
}

.main-title-5 h3 span {
    color: #fff;
}

.main-title-5 h2 {
    background: #f1cddd;
}

.main-title-5 h2 span {
    color: #e40165;
}

.main-title-6 h3 {
    background: #f1c82c;
}

.main-title-6 h3 span {
    color: #fff;
}

.main-title-6 h2 {
    background: #f3e9bf;
}

.main-title-6 h2 span {
    color: #f1c82c;
}

.main-title-7 h3 {
    background: #7e7f80;
}

.main-title-7 h3 span {
    color: #fff;
}

.main-title-7 h2 {
    background: #c6c6c7;
}

.main-title-7 h2 span {
    color: #7e7f80;
}

.main-title-8 h3 {
    background: #47c686;
}

.main-title-8 h3 span {
    color: #fff;
}

.main-title-8 h2 {
    background: #cbeedc;
}

.main-title-8 h2 span {
    color: #47c686;
}

.main-title-9 h3 {
    background: #eb6c34;
}

.main-title-9 h3 span {
    color: #fff;
}

.main-title-9 h2 {
    background: #f7e8e0;
}

.main-title-9 h2 span {
    color: #eb6c34;
}

.main-title-cooking h3 {
    background: #80664d;
}

.main-title-cooking h3 span {
    color: #fff;
}

.main-title-cooking h2 {
    background: #e6d4c3;
}

.main-title-cooking h2 span {
    color: #80664d;
}

.freely-block .freely {
    max-width: 40%;
    width: 200px;
}

.freely-block h5,
.freely-block p {
    width: calc(100% - 230px);
}

.freely-icon {
    position: absolute;
    right: -75px;
    top: -120px;
}

.title-home-cus-2 {
    position: relative;
}

.title-home-cus-2 h4 {
    display: inline-block;
    position: relative;
}

.title-home-cus-2 h4::before {
    content: "";
    border-left: solid 3px;
    transform: rotate(-12deg);
    width: 20px;
    height: 100%;
    position: absolute;
    left: -50px;
    top: 0;
}

.title-home-cus-2 h4::after {
    content: "";
    border-right: solid 3px;
    transform: rotate(12deg);
    width: 20px;
    height: 100%;
    position: absolute;
    right: -50px;
    top: 0;
}

.service-title-custom.border-blue::before {
    border-color: #26aaf1;
}

.equipment-tenor {
    position: relative;
    display: inline-block;
}

.equipment-tenor-icon {
    position: absolute;
    right: 100%;
    top: 20%;
    transform: translateY(-20%);
    width: 55%;
}

.equipment-tenor-icon2 {
    position: absolute;
    bottom: -60%;
}

.equipment-tenor-icon3 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.equipment-tenor::before {
    content: "";
    display: none;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 30px solid #e6e6e6;
}

.tbl-tiket-icon {
    position: absolute;
    right: 0;
    bottom: -30px;
}

.custom-collapse .card-header a i.fas {
    position: absolute;
    top: 12px;
    right: -5px;
    transform: rotate(180deg);
}

.custom-collapse .card-header a.collapsed i.fas {
    transform: none;
}

.custom-collapse .collapse-stt b {
    height: 35px;
    width: 35px;
    background: #df241c;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    line-height: 32px;
    text-align: center;
}

.contact-block-div2 {
    border-radius: 0 0 5px 5px;
}

.block-01 .block-title.bg-red {
    background: #df241c;
}

.hiring-item-title {
    border-right: solid 1px #b3b3b3;
}

.btn-blue-shadow {
    box-shadow: 0 8px 0 #005099;
}

.btn-red-shadow {
    box-shadow: 0 8px 0 #a61b15;
}

.special-content {
    background: url(../img/special-bg.png) repeat-y;
    background-size: 100% auto;
}

.main-title.green-main-title h3 {
    background: #6dc200;
}

.main-title.green-main-title h3 span {
    color: #fff;
}

.main-title.green-main-title h2 {
    background: #eff7ea;
}

.main-title.green-main-title h2 span {
    color: #6dc200;
}

.border-radius-15 {
    border-radius: 15px;
}

.wgas-txt01 {
    font-weight: 400;
    padding-top: .5rem;
}

.wgas-txt02 {
    font-weight: 400;
    padding-top: 1rem;
}

.wgas-txt01 span,
.wgas-txt02 span {
    display: block;
}

.top-ul.top-ul-custom-2 li a {
    text-align: center;
}

.top-ul.top-ul-custom-2 li a:hover {
    color: #000;
}

.custom-container-2 {
    max-width: 1200px;
    margin: auto;
}

.title-main-2 {
    border-bottom: solid 1px;
    padding: 5px 0;
}

.title-main-3 {
    border-bottom: dashed 1px;
    padding: 5px 0;
}

.block-item-new {
    position: relative;
}

.item-overlay {
    border: 5px solid #fad862;
    border-radius: 11px;
    background-color: #fff;
    position: absolute;
    left: 15px;
    top: 15px;
    padding: 10px 15px;
    line-height: 18px;
    min-width: 159px;
}

.block-bg {
    background: url(../img/main-bg.png) repeat 0 0 transparent;
    clear: both;
    overflow: hidden;
    position: relative;
}

.h3-co-title span {
    position: absolute;
    right: 0;
    bottom: 0;
    letter-spacing: 5px;
}

.gas-point-info .fa-caret-down {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2em;
}

.btn-white-2 {
    border: 1px solid #d3d3d3;
    background: url(../img/p20/p20-icon07.png) no-repeat 95% #fff;
    background-color: #fff;
    box-shadow: 1px 1px 1px 0 rgb(0 0 0 / 30%);
    border-radius: 5px;
    cursor: pointer;
    display: block;
    line-height: 45px;
    text-align: center;
}

.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.effect-8:hover {
    background: rgba(255, 255, 255, 0.05);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff;
}

.effect-8:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}

.effect-8:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgb(255 255 255 / 10%);
    opacity: 0;
    transition: 500ms;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3dc0ee, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3dc0ee, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3dc0ee, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3dc0ee, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3dc0ee, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3dc0ee, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.custom-table-3 {
    border-color: #fff;
}

.custom-table-3 th {
    background-color: #d8d8d8;
}

.custom-table-3 td {
    background-color: #e9e9e9;
}

.outline-show-pdf-btn {
    background-color: #4472c4;
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 1rem auto 0;
    padding: .8rem;
    width: 100%;
}

.outline-show-pdf-cont {
    display: none;
}

.block-national .row-custom .row {
    height: 100%;
}

.block-his .his-line {
    background: transparent url(../img/p43/his-line-bg.png) repeat-y scroll 104px 0;
    overflow: hidden;
    padding: 20px 0;
}

.block-his ul {
    clear: both;
    padding-left: 10px;
    text-align: left;
    width: 100%;
}

.block-his li {
    display: inline-block;
    min-height: 1px;
    font-size: 1rem;
    width: 10%;
    float: left;
    padding: 22px 0 0px 0px;
}

.block-his li.mes-left {
    display: table-cell;
    max-width: 85px;
    min-width: 85px;
    padding: 22px 0;
    vertical-align: top;
    width: 8%;
}

.block-his li.mes-circle {
    width: 5%;
}

.block-his li .ico-circle {
    background: url(../img/p43/circle.png) no-repeat;
    height: 26px;
    width: 26px;
}

.block-his li.mes-right {
    width: 70%;
    display: table-cell;
    padding: 22px 0px 0px 15px;
    position: relative;
    min-height: 1px;
    float: left;
}

.col-branch-search-map {
    width: 100%;
}

.block-branch-search {
    max-width: 855px;
    margin: 0 auto;
}

.wrapper-branch-search-map {
    border-radius: 1em;
    background: #f2e392 url(../img/branch-search/bg_map.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding-top: 100%;
}

.panel-prefs {
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.panel-chiba {
    background-image: url(../img/branch-search/panel_chiba.png);
    width: 18.1%;
    height: 27.8%;
    left: 77.05%;
    top: 57.7%;
}

.panel-gumma {
    background-image: url(../img/branch-search/panel_gumma.png);
    width: 17%;
    height: 19.7%;
    left: 41.4%;
    top: 34.3%;
}

.panel-ibaraki {
    background-image: url(../img/branch-search/panel_ibaraki.png);
    width: 17.8%;
    height: 23%;
    left: 77%;
    top: 34.3%;
}

.panel-saitama {
    background-image: url(../img/branch-search/panel_saitama.png);
    width: 35.1%;
    height: 8.2%;
    left: 41.4%;
    top: 54.4%;
}

.panel-tochigi {
    background-image: url(../img/branch-search/panel_tochigi.png);
    width: 17.4%;
    height: 19.7%;
    left: 59.1%;
    top: 34.3%;
}

.panel-tokyo {
    background-image: url(../img/branch-search/panel_tokyo.png);
    width: 35.1%;
    height: 8.4%;
    left: 41.4%;
    top: 63.1%;
}

.col-branch-search-detail {
    width: 100%;
    background-color: #fff;
}

.baloon-pref {
    color: white;
    text-align: center;
    background-color: #987d62;
    border-radius: .3em;
    margin: .4em 10px;
    line-height: 1.4em;
}

.list-branch {
    border-left: 1px solid #9c9c9c;
    border-right: 1px solid #9c9c9c;
    margin: 0 10px;
    max-height: 440px;
    overflow: auto;
}

.list-branch dt,
.list-branch dd {
    border-top: 1px solid #9c9c9c;
}

.list-branch dt {
    background-color: #f8f4e8;
    padding: .6em 1.2em;
}

.list-branch dd.-last {
    border-bottom: 1px solid #9c9c9c;
}

.list-branch dd {
    margin-bottom: 0;
}

.list-branch dd a {
    color: #000;
}

.item-pref {
    display: none;
}

.item-shop {
    display: block;
    padding: .6em 1.2em;
}

.item-shop:hover {
    background-color: rgb(234, 207, 188);
}

#map-canvas {
    height: 380px;
    width: 100%;
}

.button-close-map {
    display: block;
    border: 2px solid #767676;
    width: 6em;
    text-align: center;
    margin: 1em auto;
    color: #000;
}

.button-close-map:hover {
    opacity: 0.6;
    color: #000;
}

.shop-detail-wrapper {
    padding: 0.3em 1em;
}

.shop-detail-wrapper p {
    margin-bottom: 0;
}

.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-in:hover,
.hvr-bounce-in:focus,
.hvr-bounce-in:active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    z-index: 1000;
}

.acc-block table {
    border: 1px solid #fff;
    width: 100%;
}

.acc-block table th {
    border: 1px solid #fff;
    border-left: none;
    background-color: #d8d8d8;
    display: table-cell;
    font-weight: normal;
    padding: 10px 3%;
    text-align: left;
    vertical-align: top;
    width: 30%;
}

.acc-block table td {
    border: 1px solid #fff;
    border-right: none;
    background-color: #e9e9e9;
    display: table-cell;
    padding: 10px 3%;
    vertical-align: top;
    width: 70%;
}

.acc-block table td span img {
    width: 10px;
}

.tabNewenergy ul {
    list-style: none;
    padding: 0;
}

.toptabNewenergy li {
    background-color: #bcbcbc;
    float: left;
    margin-right: 1px;
}

.toptabNewenergy li a {
    color: #fff;
    text-align: center;
    line-height: 16px;
    display: table-cell;
    vertical-align: middle;
    height: 52px;
    width: 105px;
}

.toptabNewenergy li.active {
    background-color: #fff;
}

.tabNewenergyBox {
    clear: both;
}

.tabNewenergyBox .bgWhite {
    background-color: #FFF;
    overflow: hidden;
    margin-bottom: 50px;
    padding: 47px 25px 39px 25px;
}

.tabNewenergyBox .none {
    background-color: transparent;
    overflow: hidden;
    padding: 0;
    margin-bottom: 0;
}

.tabNewenergyBox .none .titleNewenergy {
    margin-bottom: 40px;
}

.boxGroupTabs {
    display: none;
}

.boxGroupTabs.active {
    display: block;
}

.groupTabs {
    overflow: hidden;
    clear: both;
    margin-left: -5px;
    margin-right: -5px;
    padding-bottom: 37px;
}

.groupTabs li {
    width: 25%;
    float: left;
    padding: 0 5px;
    position: relative;
    cursor: pointer;
}

.groupTabs li .overlay {
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    bottom: 7px;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5);
    transition: all 300ms ease-in-out;
    transform: scaleY(1);
    transform-origin: bottom;
}

.groupTabs li.active .overlay,
.groupTabs li:hover .overlay {
    transform: scaleY(0);
}

.groupTabs li span {
    position: absolute;
    text-align: center;
    bottom: -37px;
    left: 5px;
    right: 5px;
    min-height: 44px;
    line-height: 44px;
    color: #FFF;
}

.groupTabs .imgGroupTabs img {
    width: 100%;
    max-width: 100%;
}

.sliderGroupTabs {
    max-width: 692px;
    margin: auto;
}

.sliderGroupTabs #bx-pager,
.sliderGroupTabs .bxslider-thumb {
    margin: 11px 0 7px 0;
    overflow: hidden;
}

.sliderGroupTabs #bx-pager a,
.sliderGroupTabs .bxslider-thumb a {
    max-width: 106px;
    max-height: 72px;
    float: left;
    margin-right: 11px;
}

.sliderGroupTabs #bx-pager a:last-child,
.sliderGroupTabs .bxslider-thumb a:last-child {
    margin-right: 0;
}

.sliderGroupTabs .bxslider-thumb a img {
    max-width: 100%;
}

.sliderGroupTabs .infoGroupTabs {
    margin-left: -5px;
    margin-right: -5px;
}

.infoGroupTabs {
    clear: both;
    overflow: hidden;
}

.bgInfoGroupTabs {
    margin-bottom: 3px;
    border: 1px solid #c1c1c1;
    background-color: #fff;
    display: table;
    width: 100%;
    font-size: 0.85em;
}

.bgInfoGroupTabs.col {
    margin-bottom: 0;
    height: 71px;
}

.bgInfoGroupTabs .left {
    background-color: #e6e6e6;
    border-right: 1px solid #c1c1c1;
    padding: 0 5px;
    width: 60px;
    white-space: nowrap;
    text-align: center;
}

.bgInfoGroupTabs .resize,
.bgInfoGroupTabs .col.resize {
    line-height: 14px;
}

.bgInfoGroupTabs>div {
    display: table-cell;
    vertical-align: middle;
    line-height: 33px;
}

.bgInfoGroupTabs>div:not(.left) {
    padding-left: 11px;
}

.bgInfoGroupTabs .col {
    line-height: 15px;
    letter-spacing: -1px;
    font-size: 0.9em;
    padding-left: 2px !important;
    padding-right: 3px;
    height: 71px;
    float: none;
    vertical-align: top;
}

.relatedGroupTabs {
    overflow: hidden;
    clear: both;
    margin-left: -5px;
    margin-right: -5px;
}

.relatedGroupTabs figure {
    max-width: 191px;
    max-height: 178px;
    float: left;
    position: relative;
}

.relatedGroupTabs .left_block_item_new {
    position: absolute;
    bottom: -47px;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    max-width: 191px;
    min-height: 44px;
    line-height: 44px;
}

.relatedGroupTabs .left_block_item_new:hover {
    transition: all 300ms ease-in-out;
}

.relatedGroupTabs .left_block_item_new img {
    max-width: 9px;
    max-height: 12px;
    margin-left: 5px;
}

.relatedGroupTabs .rightBlock {
    padding-left: 194px;
}

.tableResize {
    padding: 0 !important;
}

.tableResize td:first-child {
    width: 65px;
    vertical-align: top;
}

.tableResize td {
    line-height: 14px;
}

.toptabNewenergy li.active a.tabNewenergy01 {
    color: #fda342;
}

#tabNewenergy01 .groupTabs li span {
    background-color: #fda342;
}

#tabNewenergy01 .relatedGroupTabs .left_block_item_new {
    background-color: #fda342;
}

#tabNewenergy01 .relatedGroupTabs .left_block_item_new:hover {
    background-color: #de8d36;
}

.toptabNewenergy li.active a.tabNewenergy02 {
    color: #54c677;
}

#tabNewenergy02 .groupTabs li span {
    background-color: #54c677;
}

#tabNewenergy02 .relatedGroupTabs .left_block_item_new {
    background-color: #54c677;
}

#tabNewenergy02 .relatedGroupTabs .left_block_item_new:hover {
    background-color: #45af65;
}

.toptabNewenergy li.active a.tabNewenergy03 {
    color: #f7d412;
}

#tabNewenergy03 .groupTabs li span {
    background-color: #f7d412;
}

#tabNewenergy03 .relatedGroupTabs .left_block_item_new {
    background-color: #f7d412;
}

#tabNewenergy03 .relatedGroupTabs .left_block_item_new:hover {
    background-color: #e4c412;
}

.toptabNewenergy li.active a.tabNewenergy04 {
    color: #549fc6;
}

#tabNewenergy04 .groupTabs li span {
    background-color: #549fc6;
}

#tabNewenergy04 .relatedGroupTabs .left_block_item_new {
    background-color: #549fc6;
}

#tabNewenergy04 .relatedGroupTabs .left_block_item_new:hover {
    background-color: #458baf;
}

.checkNewenergy {
    text-align: center;
    margin-bottom: 35px;
}

.checkNewenergy span {
    display: inline-block;
    cursor: pointer;
}

.checkNewenergy img {
    width: auto;
    max-width: 100%;
    margin: 0 7px;
}

.col-full.list h4 {
    min-height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background-color: #98bbd0;
    color: #fff;
    font-size: 15px;
}

.col-full.list .boxNewenergyItem {
    margin: 34px 0;
    overflow: hidden;
    clear: both;
}

ul.boxNewenergy {
    list-style: none;
}

.boxNewenergy ul {
    list-style: none;
}

.noteNewenergy {
    margin: 27px 0 0 0;
    border-radius: 11px;
    padding: 17px 25px 15px 25px;
    color: #fff;
    letter-spacing: -0.2px;
    background-color: #98bbd0;
    min-height: 90px;
    font-size: 16px;
    line-height: 24px;
}

.noteNewenergy b {
    font-size: 20px;
    font-weight: bold;
    color: #323232;
    padding-top: 30px;
    display: block;
    padding-bottom: 12px;
}

.buttonNewenergy {
    margin-top: 54px;
    max-height: 63px;
    text-align: center;
}

.buttonNewenergy img {
    max-width: 100%;
    width: auto;
    padding: 0 44px;
}

.water-contact {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.water-contact03 {
    display: inline-block;
    max-width: 204px;
    text-align: center;
    width: 40%;
    vertical-align: bottom;
}

.water-contact03 h4 {
    background: #0082cd;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    font-size: 70%;
    padding: 8px;
}

.water-contact03 p {
    background: #fff;
    color: #666;
    font-size: 70%;
    padding: 10px;
}

.water-contact04 {
    display: inline-block;
    max-width: 410px;
    text-align: center;
    width: 57%;
    vertical-align: bottom;
}

.water-contact04 h4 {
    background: #0082cd;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    font-size: 70%;
    padding: 8px;
}

.water-contact04 p {
    display: table;
    width: 100%;
}

.water-contact04 p a {
    display: table-cell;
    color: #fff;
    font-size: 70%;
    padding: 10px 5px;
}

.water-contact04 p a:first-child {
    background: #ffa10d;
}

.water-contact04 p a:last-child {
    background: #fa718e;
}

.water-buttonlst,
.water-buttonlst ul {
    clear: both;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.water-buttonlst {
    margin-bottom: 0px;
}

.water-buttonlst ul li {
    background: url(../img/customer/water-bg03.png) repeat-x 0 0 transparent;
    border-bottom: 2px solid #999;
    border-radius: 8px;
    display: block;
    height: 80px;
    margin: 20px auto;
    text-align: center;
    width: 205px;
}

.water-buttonlst ul li a {
    color: #fff;
    display: block;
    font-size: 100%;
    line-height: 24px;
    width: 100%;
    vertical-align: middle;
}

.water-buttonlst ul li a.water-btn1 {
    padding: 28px 0;
}

.water-buttonlst ul li a.water-btn2 {
    padding: 16px 0;
}

.water-buttonlst ul li.water-btnlink {
    background: #fa718e;
}

.water-title01 {
    border-radius: 8px;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 12px 2%;
    width: 100%;
}

.water-title01.water-pink {
    background: #ff5b7e;
    color: #fff;
}

.water-title01.water-blue {
    background: #00bfff;
    color: #fff;
}

.water-title02 {
    color: #747474;
    font-size: 100%;
    font-weight: bold;
    line-height: 40px;
    margin: 20px auto 50px;
    text-align: center;
    width: 100%;
}

.water-title03 {
    background: url(../img/customer/water-icon08.png) no-repeat left top transparent;
    background-size: 612px 55px;
    color: #666;
    font-size: 100%;
    font-weight: bold;
    height: 55px;
    line-height: 28px;
    margin-bottom: 24px;
    padding: 5px 0 0 42px;
}

.water-txt01 {
    color: #666;
    font-size: 90%;
    line-height: 28px;
    margin-bottom: 30px;
}

.water-txt02 {
    color: #666;
    font-size: 80%;
    line-height: 28px;
    margin-bottom: 30px;
}

.water-pic01 {
    display: block;
    margin-bottom: 30px;
    width: 100%;
}

.water-pic01 img {
    display: block;
}

.block_02.block_02_water {
    background: url(../img/customer/water-bg01.jpg) no-repeat 0 0 #ebfaff;
    background-size: 100% 60px;
    margin-bottom: 0px;
    padding: 64px 0 40px;
}

.block_01.block_01_water {
    background: url(../img/customer/water-bg02.jpg) no-repeat 0 0 #fff;
    background-size: 100% 60px;
    padding: 64px 0;
}

.water-title04 {
    border-bottom: 1px solid #d7d7d7;
    color: #55bef8;
    font-size: 100%;
    line-height: 28px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    width: 100%;
}

.water-title05 {
    color: #55bef8;
    font-size: 90%;
    font-weight: bold;
    line-height: 34px;
    margin: 20px auto 30px;
    width: 100%;
}

.water-title06 {
    font-size: 100%;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    width: 100%;
}

.water-red {
    color: #ff0000;
}

.water-violet {
    color: #c600be;
}

.water-product01 {
    border-radius: 15px;
    clear: both;
    margin-bottom: 50px;
    padding: 20px;
    text-align: center;
    width: 100%;
}

.water-product01.water-product-blue {
    background: #2f83e1;
}

.water-product01.water-product-orange {
    background: #f46721;
}

.water-product01>h4 {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 18px 20px;
    padding: 0 0 15px 0;
    text-align: left;
    width: 100%;
}

.water-product01>h5 {
    color: #fff;
    font-size: 100%;
    line-height: 24px;
    margin: 0 0 27px 0;
    text-align: left;
    width: 100%;
}

.water-product01 figure {
    background: #fff;
    border: 2px solid #ececec;
    border-radius: 12px;
    margin: 10px auto;
    max-width: 390px;
    position: relative;
    text-align: left;
    width: 100%;
}

.water-product01 figure:last-child {
    margin-top: 40px;
}

.water-product01 figure span.water-product01-icon {
    left: -22px;
    position: absolute;
    top: -30px;
}

.water-product01 figure>img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.water-product01.water-product-blue figure>img {
    margin-top: 20px;
}

.water-product01.water-product-orange figure>img {
    margin-top: 60px;
}

.water-product01 figcaption {
    padding: 20px 36px;
}

.water-product01 figcaption h4 {
    color: #2f83e1;
    font-size: 100%;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 10px;
}

.water-product01 figcaption p {
    color: #ff3498;
    font-size: 110%;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 5px;
}

.water-product01 figcaption span {
    color: #666;
    font-size: 90%;
    line-height: 16px;
}

.water-product01 figure.new-waterproduct {
    margin-bottom: 20px;
}

.water-product01 figure.new-waterproduct h3 {
    color: #f46721;
    font-size: 100%;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    width: 100%;
}

.water-product01 figure.new-waterproduct figure {
    padding-top: 0;
}

.water-product01 figure.new-waterproduct p span {
    color: #ff3498;
    display: block;
    font-size: 110%;
    font-weight: 100;
    line-height: 20px;
}

.water-product02 {
    margin-bottom: 40px;
    overflow: hidden;
    width: 100%;
}

.water-product02 article {
    border-radius: 14px;
    margin: 20px auto;
    max-width: 404px;
    padding: 25px;
    text-align: center;
    width: 100%;
}

.block_01 .water-product02 article:first-of-type {
    margin: 20px auto 40px;
}

.water-product02 h4 {
    background: #fff;
    font-size: 90%;
    font-weight: bold;
    left: 0;
    margin: -40px 0 30px;
    padding: 4px;
    text-align: center;
}

.water-product-red h4 {
    border: 4px solid #ff7c7c;
    border-radius: 40px;
    color: #ff0000;
}

.water-product-violet h4 {
    border: 4px solid #d87fd4;
    border-radius: 40px;
    color: #c600be;
}

.water-product02 img {
    display: block;
    margin: 0 auto 38px;
    max-width: 100%;
    width: auto;
}

.water-product02 h3 {
    font-size: 110%;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 30px;
    width: 100%;
}

.water-product02 h3.water-red {
    color: #ff0000;
}

.water-product02 h3.water-violet {
    color: #c600be;
}

.water-product02 b {
    color: #312c29;
    font-size: 80%;
    line-height: 24px;
    width: 100%;
}

.water-product02 p {
    color: #312c29;
    font-size: 90%;
    text-align: left;
    width: 100%;
}

.water-product-red {
    border: 4px solid #ff7c7c;
}

.water-product-violet {
    border: 4px solid #d87fd4;
}

.water-product03 {
    margin: 0 auto;
    max-width: 640px;
    padding: 20px 2% 25px;
    width: 100%;
}

.water-product03 p {
    font-size: 80%;
}

.water-block-video {
    background: #b1e6ff;
    border-radius: 15px;
    clear: both;
    margin-bottom: 60px;
    overflow: hidden;
    padding: 10px 4%;
    width: 100%;
}

.water-video {
    margin: 15px auto 12px;
    max-width: 640px;
    overflow: hidden;
    width: 100%;
}

.rec_faq02.water-faq {
    margin-bottom: 80px;
}

.rec_faq02.water-faq dt {
    background-color: #a9e0ff;
    padding: 10px;
}

.rec_faq02.water-faq dd {
    padding: 20px 5px;
}

.water-faq .rec_q {
    color: #0070ae;
    cursor: pointer;
    font-size: 130%;
    font-weight: bold;
    line-height: 0.7;
    padding: 8px 5px 7px 12px;
}

.rec_faq02.water-faq dt p {
    color: #0070ae;
    cursor: pointer;
    font-weight: bold;
}

.rec_faq02.water-faq dd p {
    color: #312c29;
}

.water-faq .rec_a {
    color: #ff6dab;
    font-weight: 600;
    padding: 7px 5px;
}

.water-product04 {
    border: 2px solid #66a9e7;
    border-radius: 10px;
    margin: 0 auto 55px;
    max-width: 810px;
    overflow: hidden;
    width: 100%;
}

.water-product04 h4 {
    background: #66a9e7;
    padding: 14px 4%;
    text-align: center;
    width: 100%;
}

.water-product04 h4 img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}

.water-product04 figure {
    overflow: hidden;
    padding: 10px 2%;
    width: 100%;
}

.water-product04 figure img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}

.water-product04 figure h5 {
    color: #464646;
    font-size: 100%;
    font-weight: bold;
    margin: 20px 0 15px;
    width: 100%;
}

.water-product04 figure dl {
    color: #464646;
    font-size: 96%;
    overflow: hidden;
    width: 100%;
}

.water-product04 figure dl.m-b10 {
    margin-bottom: 10px;
}

.water-product04 figure dt {
    clear: both;
    float: left;
    min-width: 160px;
}

.water-product04 figure dd {
    float: left;
    width: calc(100% - 160px);
}

.water-product04 figure dd::first-letter {
    margin-left: -15px;
}

.water-sky {
    color: #55bef8;
}

.hi-icon {
    border: 5px solid;
    display: inline-block;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    z-index: 1;
}

.water-pos img {
    max-width: 100%;
}

.rec_info {
    overflow: hidden;
    padding-bottom: 20px;
    width: 100%;
}

.rec_info figure {
    margin: 0 auto;
    width: 85%;
}

.rec_info h3 {
    color: #767676;
    font-size: 130%;
    padding: 15px 0;
    line-height: 160%;
    letter-spacing: -1px;
    width: 85%;
    margin: 0 auto;
}

.rec_faq01,
.rec_faq02 {
    clear: both;
    width: 100%;
}

.rec_faq01 dt {
    background: url(../img/recruit/rec-icon.html) no-repeat 0 0 transparent;
    color: #47c686;
    font-size: 110%;
    font-weight: bold;
    line-height: 30px;
    padding: 0 0 20px 35px;
}

.rec_faq01 dd {
    font-size: 85%;
    padding-bottom: 45px;
}

.rec_faq02 dt {
    background-color: #e5e7d8;
    border-radius: 5px;
    display: table;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
    width: 100%;
}

.rec_q {
    background-color: #fff;
    border-radius: 5px;
    color: #e84c3d;
    font-size: 130%;
    display: table-cell;
    position: relative;
    min-width: 65px;
    max-width: 65px;
    width: 8%;
    padding: 7px 5px;
}

.rec_q:after {
    top: 50%;
    right: 7px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 5px;
}

.rec_q:after {
    border-color: rgba(229, 231, 216, 0);
    border-top-color: #e5e7d8;
}

.rec_faq02 dt p,
.rec_faq02 dd p {
    width: 92%;
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
    font-size: 85%;
}

.rec_faq02 dd {
    border: 1px solid #e5e7d8;
    background-color: #fff;
    border-radius: 5px;
    display: table;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
    width: 100%;
}

.rec_a {
    background-color: #fff;
    border-radius: 5px;
    color: #e84c3d;
    font-size: 130%;
    display: table-cell;
    position: relative;
    text-align: center;
    min-width: 65px;
    max-width: 65px;
    width: 8%;
    padding: 7px 5px;
}

.shop_title01 {
    background: url(../img/mart/hi-icon.png) no-repeat 0 0 transparent;
    clear: both;
    color: #e84c3d;
    font-size: 100%;
    font-weight: bold;
    padding: 5px 0 20px 40px;
}

.shop_title02 {
    background: url(../img/customer/hi-icon1.png) no-repeat 0 0 transparent;
    color: #47c686;
    font-weight: bold;
}

.main-title-7 h3 {
    background: #7e7f80;
}

.main-title-7 h3 span {
    color: #fff;
}

.main-title-7 h2 {
    background: #f3f3f3;
}

.main-title-7 h2 span {
    color: #7e7f80;
}

.main-title-8 h3 {
    background: #47c686;
}

.main-title-8 h3 span {
    color: #fff;
}

.main-title-8 h2 {
    background: #daffec;
}

.main-title-8 h2 span {
    color: #47c686;
}

.site-main ul {
    list-style: none;
    padding-left: 0;
    padding-bottom: 30px;
}

.site-main ul li a {
    color: #323232;
}

.site-main ul li.lv1 {
    padding-left: 10px;
}

.site_title {
    color: #323232;
    font-size: 100%;
    padding: 3px 0px 15px 40px;
    position: relative;
}

.cicle {
    border: 5px solid transparent;
    display: inline-block;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    z-index: 1;
}

.cicle_red {
    border-color: #e84c3d;
}

.cicle_green {
    border-color: #48c686;
}

.cicle_blue {
    border-color: #5eafcd;
}

.cicle_brown {
    border-color: #987d62;
}

.cicle_yellow {
    border-color: #ebc859;
}

.cicle_violet {
    border-color: #aa95b6;
}

.cicle_grey {
    border-color: #767676;
}

.logo_list {
    clear: both;
    text-align: center;
}

.logo_list li {
    width: 205px;
    display: inline-block;
}

.logo_list_btn {
    width: 80%;
    margin: 20px auto;
}

.pagetitle {
    background-color: #fff;
    display: inline-block;
    border-bottom: 5px solid #ededed;
    font-size: 100%;
    font-weight: bold;
    line-height: 40px;
    padding: 0 65px 0 0;
    position: relative;
    text-align: right;
    width: auto;
    z-index: 100;
}

.pagetitle span {
    display: inline-block;
    padding-left: 15px;
}

.pagetitle .icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}

.pagetitle1 {
    background-color: #fff;
    border-bottom: 5px solid #ededed;
    font-size: 100%;
    font-weight: bold;
    line-height: 40px;
    padding: 0 40px 0 0;
    position: relative;
    width: 100%;
}

.pagetitle1._long {
    font-size: 1.1rem;
}

.pagetitle1 span {
    display: inline-block;
    padding-left: 0px;
}

.pagetitle1 .icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}

.block_news {
    background: #fff;
    padding: 30px 10px;
    margin: 0 auto;
    width: 90%;
}

.block_news dl {
    overflow-y: auto;
    height: 310px;
}

.block_news dt {
    font-size: 90%;
    font-weight: normal;
}

.block_news dd {
    padding: 5px 0;
    margin-bottom: 1em;
}

.block_news dd a {
    color: #323232;
    font-size: 100%;
    text-decoration: underline;
}

.echo_name {
    background-color: #fff;
    letter-spacing: -1px;
    display: table;
    width: 100%;
    border: 1px solid #D3D3D3;
}

.echo_name p {
    display: table-cell;
    width: 100%;
    height: 55px;
    vertical-align: middle;
    text-align: center;
}

.echo_block {
    margin: 0 auto;
    max-width: 600px;
}

.echo_block>div {
    max-width: 288px;
}

.echo_block figure {
    background: #333 none repeat scroll 0% 0%;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.no-bg {
    padding-bottom: 40px;
}

.no-bg figure {
    background: none;
    cursor: default;
}

.no-bg img {
    display: block;
}

.echo_block figure figcaption,
.echo_block figure figcaption>a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

figure.effect-layla figcaption {
    padding: 20px;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
    position: absolute;
    content: '';
    opacity: 0;
}

figure.effect-layla figcaption::before {
    top: 25px;
    right: 15px;
    bottom: 25px;
    left: 15px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
    top: 15px;
    right: 25px;
    bottom: 15px;
    left: 25px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

figure.effect-layla p {
    color: #fff;
    font-size: .95rem;
    opacity: 0;
    padding: 10px;
    text-transform: none;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

figure.effect-layla img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-layla:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.echo-title01 {
    background: url(../img/company/echo-icon01.png) no-repeat 0 0 transparent;
    clear: both;
    color: #5cafcd;
    font-size: 100%;
    font-weight: bold;
    padding: 5px 0 20px 40px;
}

.echo-title02 {
    border-bottom: 1px solid #5cafcd;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 10px 5px 5px;
}

.a-btn:hover .a-btn-symbol {
    opacity: 0;
}

.a-btn-slide-icon {
    display: inline-block;
    position: relative;
    top: -50px;
    width: 22px;
    height: 22px;
    margin: 0 5px 0 -30px;
    background: transparent url(../img/customer/arrow_down_black.png) no-repeat top left;
    opacity: 0.4;
}

.a-btn:hover .a-btn-slide-icon {
    -webkit-animation: slideDown 0.9s linear infinite;
    -moz-animation: slideDown 0.9s linear infinite;
    animation: slideDown 0.9s linear infinite;
}

@keyframes slideDown {
    0% {
        top: -50px;
    }

    100% {
        top: 80px;
    }
}

@-webkit-keyframes slideDown {
    0% {
        top: -50px;
    }

    100% {
        top: 80px;
    }
}

@-moz-keyframes slideDown {
    0% {
        top: -50px;
    }

    100% {
        top: 80px;
    }
}

.mid_anchor {
    clear: both;
    display: table;
    padding-bottom: 30px;
    text-align: left;
}

.mid_anchor li {
    display: inline-block;
    text-align: center;
    width: 120px;
}

.mid_anchor li a {
    background-color: #c5c5c5;
    color: #fff;
    display: table-cell;
    font-size: 14px;
    line-height: 18px;
    height: 60px;
    text-align: center;
    width: 120px;
    vertical-align: middle;
}

.mid_anchor li a:hover,
.mid_anchor .active a {
    background-color: #304f72
}

.mid_text {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 30px;
}

.mid_icon {
    display: inline-block;
    top: 2px;
    position: relative;
    width: 122px;
}

.mid_icon img {
    vertical-align: baseline;
}

.mid_icon_1 {
    background: url('../../../img/recruit/rec-icon04.png') no-repeat 0 0 transparent;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
    height: 16px;
    width: 15px;
}

.mid_icon_2 {
    background: url('../../../img/recruit/rec-icon05.png') no-repeat 0 0 transparent;
    display: inline-block;
    position: relative;
    top: 0;
    margin: 0 5px;
    height: 13px;
    width: 13px;
}

.mid_section {
    display: none;
}

.fix_0708 {
    margin-top: -45px;
}

.pay_table {
    width: 100%;
}

.pay_table th,
.pay_table td {
    border: 1px solid #d3d3d3;
    padding: .3em .5%;
    font-size: .8rem;
}

.pay_table th {
    background: #f4f4f4;
}

.pay_table td {
    background: #fff;
}

.pay_table ._column_icon {
    width: 7em;
}

.pay_table .th_bg {
    background: #f4f4f4;
}

.icon_cell_pay_table {
    text-align: center;
}

.icon_cell_pay_table img {
    width: auto;
}

.pay_block {
    clear: both;
    margin: 0 auto 30px;
}

.pay_block .orange2,
.orange2 {
    background: none;
    border: none;
    color: #dbab15;
    border-radius: 0;
    letter-spacing: 0;
    padding-left: 0;
}

.pay_block div {
    padding-left: 20px;
}

.pay_block .gen_red {
    background: none;
    border: none;
    color: #d36b6b;
    border-radius: 0;
    letter-spacing: 0;
    padding-left: 0;
}

.man_note img {
    display: inline-block;
    max-width: 64px;
    width: 8%;
    vertical-align: bottom;
}

.pay_tab_title {
    background: #fff;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    padding: 10px;
}

.pay_tab_note {
    vertical-align: top;
    width: 20%;
}

.pay_table .pay_tab_note01 {
    background: #fff;
    border: 1px solid #d3d3d3;
    margin-bottom: 20px;
    width: 100%;
}

.pay_table .pay_tab_note01 th {
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    min-width: 75px;
    padding: 10px;
}

.pay_table .pay_tab_note01 td {
    background: #fff;
    font-size: 14px;
    padding: 10px;
}

.pay_table .pay_tab_note01 td p {
    margin-left: 35px;
}

.pay_table .pay_tab_note01 td p:first-letter {
    margin-left: -43px;
}

.pay_icon {
    background: url(../img/customer/pay-icon05.html) no-repeat left 18px transparent;
    color: #dbab15;
    padding-left: 10px;
}

.pay_table td.fix-pleft0723 {
    padding: .3em .5% .3em 2%;
}

.payment-branchlst th {
    min-width: 90px;
}

.payment-branchlst td li {
    display: inline-block;
    margin: 8px;
    vertical-align: middle;
}

.payment-branchlst td li img {
    max-width: 100%;
    width: auto;
}

.pay-city-gas {
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom;
}

.pay-city-gas img {
    display: block;
    max-width: 100%;
    width: auto;
}

.title_fix_1013 .hi-icon {
    top: 8px;
}

.title_fix_1013 .pay-city-gas-txt {
    display: inline-block;
    color: #ff0000;
    font-size: 18px;
    margin-top: -5px;
    vertical-align: middle;
}

.title_fix_1013 .pay-city-gas-min {
    margin-left: 5px;
    max-width: 290px;
    vertical-align: middle;
}

.mpayment-block {
    padding: 60px 1% 0px;
}

.mpayment-block .block_01 {
    padding: 0;
}

.mpayment-block p {
    color: #323232;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 35px;
    text-align: justify;
    width: 96%;
}

.mpayment-block p a {
    color: #5b62ed;
    text-decoration: underline;
}

.mpayment-descript {
    clear: both;
    width: 100%;
}

.mpayment-descript div {
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.mpayment-descript figure {
    margin: 0 auto 20px;
    max-width: 286px;
    position: relative;
    width: 100%;
}

.mpayment-descript figure img {
    display: block;
    margin: 0 auto;
}

.mpayment-descript figure figcaption {
    color: #323232;
    font-size: 16px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 68%;
    width: 100%;
}

.mpayment-descript figure figcaption a {
    color: #5b62ed;
    text-decoration: underline;
}

.mpayment-howtouse,
.mpayment-howtouse .sp {
    width: 100%;
}

.mpayment-howtouse img {
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
    width: auto;
}

.mpayment-howtouse .sp p {
    font-size: 86%;
    margin: -35px auto 20px;
    text-align: center;
}

.mpayment-block p.mpayment-sub {
    margin: 18px auto 40px;
    text-align: center;
}

#mpayment-app01 {
    background: url(../img/customer/mpayment-app01.png) no-repeat left top;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    margin: 0 0 30px;
    position: relative;
    text-align: center;
}

#mpayment-app01:before {
    content: "";
    display: block;
    padding-top: 31%;
}

#mpayment-app01 ul {
    left: 48.5%;
    overflow: hidden;
    position: absolute;
    top: 70%;
    width: 46%;
}

#mpayment-app02 {
    background: url(../img/customer/mpayment-app02.jpg) no-repeat left top;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    margin: 0;
    position: relative;
    text-align: center;
}

#mpayment-app02:before {
    content: "";
    display: block;
    padding-top: 25%;
}

#mpayment-app02 ul {
    left: 13%;
    overflow: hidden;
    position: absolute;
    top: 60%;
    width: 46%;
}

#mpayment-app01 ul li,
#mpayment-app02 ul li {
    float: left;
    margin: 0;
    text-align: left;
    width: 50%;
}

#mpayment-app01 ul li a,
#mpayment-app02 ul li a {
    cursor: pointer;
}

#mpayment-app01 ul li a:hover,
#mpayment-app02 ul li a:hover {
    opacity: 0.7;
}

#mpayment-app01 ul li a img,
#mpayment-app02 ul li a img {
    max-width: 135px;
    width: 96%;
}

.mpayment-note {
    margin: 0 auto 40px;
    width: 100%;
}

.mpayment-note p {
    margin: 0 0 15px;
    text-align: center;
}

.mpayment-note p span {
    padding: 2px 10px 5px;
}

.mpayment-note .mpayment-txt-red {
    color: #ff0000;
}

.mpayment-note .mpayment-txt-black {
    color: #000;
}

.mpayment-note .mpayment-fs18 {
    font-size: 140%;
    line-height: 34px;
}

.mpayment-note .mpayment-fs16 {
    font-size: 100%;
}

.mpayment-note .mpayment-txt-bold {
    font-weight: 600;
}

.mpayment-note .mpayment-bg-green {
    background-color: #00ff0c;
}

.mpayment-note .mpayment-bg-yellow {
    background-color: #fcff00;
}

.mpayment-note .mpayment-underline {
    text-decoration: underline;
}

.bottom-content-3 .btn {
    color: #000;
}

.bottom-content-3 .btn:hover {
    border-color: #df241c;
}

.nit-box {
    border-radius: 10px;
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
    text-align: center;
}

.nit-box .nit-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: .5rem;
}

.nit-box .nit-des {
    font-size: 1rem;
}

.nit-box .nit-value {
    font-size: 4em;
    font-weight: bold;
    position: relative;
    z-index: 10;
    line-height: 1;
    padding-bottom: .2em;
}

.nit-box .nit-value span {
    font-size: 3rem;
}

.nit-box .nit-value .nit-circle {
    width: 100px;
    height: 100px;
    background: #ccc;
    border-radius: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: bold;
    justify-content: center;
    position: absolute;
    bottom: 100%;
    right: 0;
    line-height: 1.3rem;
}

.nit-box .nit-value .nit-circle:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 9px solid transparent;
    position: absolute;
    bottom: 5px;
    left: 0;
    transform: rotate(-42deg);
}

.nit-box .nit-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    text-align: right;
}

.nit-box-1 {
    background-color: #ffe6e6;
}

.nit-box-1 .nit-value {
    color: #d82c60;
}

.nit-box-1 .nit-value .nit-circle {
    position: absolute;
    bottom: 95%;
    right: -45px;
    background-color: #d82c60;
}

.nit-box.nit-box-1 .nit-value .nit-circle:before {
    border-right-color: #d82c60;
}

.nit-box-2 {
    background-color: #c6e6f7;
}

.nit-box-2 .nit-value {
    color: #009fea;
}

.nit-box-2 .nit-value span {
    color: #009fea;
}

.nit-box-2 .nit-value .nit-circle {
    position: absolute;
    bottom: 95%;
    right: 35px;
    background-color: #009fea;
}

.nit-box.nit-box-2 .nit-value .nit-circle:before {
    border-right-color: #009fea;
}

.nit-box-3 {
    background-color: #e9dbed;
    padding-top: 3.5rem;
}

.nit-box-3 .nit-value {
    color: #914aa3;
}

.nit-box-3 .nit-value span {
    color: #914aa3;
}

.nit-box-3 .nit-value .nit-circle {
    position: absolute;
    bottom: 95%;
    right: 35px;
    background-color: #914aa3;
}

.nit-box.nit-box-3 .nit-value .nit-circle:before {
    border-right-color: #914aa3;
}

.nit-box-4 {
    background-color: #eff7ea;
    padding-top: 3.5rem;
}

.nit-box-4 .nit-value {
    color: #6dc200;
}

.nit-box-4 .nit-value span {
    color: #6dc200;
}

.nit-box-4 .nit-value .nit-circle {
    position: absolute;
    bottom: 95%;
    right: -20px;
    background-color: #6dc200;
}

.nit-box.nit-box-4 .nit-value .nit-circle:before {
    border-right-color: #6dc200;
}

.nit-box-5 {
    background-color: #fff8e3;
    padding-top: 3.5rem;
}

.nit-box-5 .nit-value {
    color: #ffbe00;
}

.nit-box-5 .nit-value span {
    color: #ffbe00;
}

.nit-box-5 .nit-value .nit-circle {
    position: absolute;
    bottom: 95%;
    right: 30px;
    background-color: #ffbe00;
}

.nit-box.nit-box-5 .nit-value .nit-circle:before {
    border-right-color: #ffbe00;
}

.pay-fiximg img {
    width: auto !important;
}

.payment-item {
    border-radius: 10px;
}
.payment-item .payment-subtxt-red {
    color: #d82c60;
    font-size: .9rem;
    text-align: left !important;
}

.btn-outline-pink {
    color: #d82c60;
    border-color: #d82c60;
    background-color: #fff;
}

.btn-outline-pink:hover {
    color: #fff;
    background-color: #d82c60;
}


/* END SANG CSS */


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 360px) {

    .water-contact03 h4,
    .water-contact03 p,
    .water-contact04 h4,
    .water-contact04 p a {
        font-size: 90%;
    }

    .water-contact04 {
        width: 57%;
    }
}

@media (min-width: 768px) {
    .wrapper-branch-search-map {
        width: 475px;
        height: 507px;
    }

    .block-branch-search {
        width: 855px;
    }

    .col-branch-search-map {
        width: 475px;
        margin-left: 14px;
        padding: 0;
    }

    .col.col-branch-search-map {
        flex: none;
    }

    .panel-chiba {
        width: 86px;
        height: 141px;
        left: 366px;
        top: 293px;
    }

    .panel-gumma {
        width: 82px;
        height: 100px;
        left: 197px;
        top: 174px;
    }

    .panel-ibaraki {
        width: 85px;
        height: 117px;
        left: 366px;
        top: 174px;
    }

    .panel-saitama {
        width: 167px;
        height: 42px;
        left: 197px;
        top: 276px;
    }

    .panel-tochigi {
        width: 83px;
        height: 100px;
        left: 281px;
        top: 174px;
    }

    .panel-tokyo {
        width: 167px;
        height: 43px;
        left: 197px;
        top: 320px;
    }

    .col-branch-search-detail {
        width: 346px;
        margin-left: 20px;
        padding: 0;
    }

    .baloon-pref {
        width: 334px;
        height: 55px;
        line-height: 55px;
        margin: 0 0 12px 0;
        background: url(../img/branch-search/baloon_pref.png) no-repeat left top;
    }

    #map-canvas {
        height: 460px;
        width: 855px;
    }

    .water-contact {
        border: 2px solid #ebebeb;
        border-radius: 10px;
        bottom: 150px;
        left: auto;
        margin: 0 auto;
        overflow: hidden;
        position: fixed;
        right: 0px;
        width: 180px;
        z-index: 999;
    }

    .water-contact .water-contact01 {
        background: url(../img/customer/water-bg04.png) repeat-x 0 0 transparent;
        color: #fff;
        padding: 12px;
        width: 100%;
    }

    .water-contact .water-contact01 h3 {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
    }

    .water-contact .water-contact02 h4 {
        color: #666;
        font-size: 18px;
        font-weight: bold;
        line-height: 24px;
        margin-bottom: 3px;
        text-align: center;
    }

    .water-contact .water-contact02 h5 {
        background: url(../img/customer/water-icon04.png) no-repeat left center transparent;
        color: #0079bc;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 15px;
        padding-left: 28px;
    }

    .water-contact .water-contact02 {
        background: #fff;
        padding: 12px;
        width: 100%;
    }

    .water-contact .water-contact02 p {
        margin: 0 auto 5px;
        width: 90%;
    }

    .water-contact .water-contact02 a {
        display: block;
        margin-bottom: 5px;
        width: 100%;
    }

    .water-contact .water-contact02 a img {
        display: block;
    }

    .water-buttonlst ul li {
        display: inline-block;
        margin: 10px;
        width: 32%;
        vertical-align: middle;
    }

    .water-question {
        line-height: 44px;
    }

    .water-product01 figure span.water-product01-icon {
        left: -57px;
    }

    .block_01 .water-product02 article:first-of-type {
        margin: 20px auto 40px;
    }

    .water-block-video {
        padding: 0;
    }

    .water-product04 figure {
        padding: 20px 5px 20px 15px;
    }

    .water-product04 figure img {
        float: left;
        margin-right: 10px;
    }

    .water-product04 figure figcaption {
        float: left;
        width: calc(100% - 358px);
    }

    .water-product04 figure h5,
    .water-product04 figure dl,
    .water-product04 figure p {
        font-size: 12px;
        line-height: 20px;
    }

    .water-product01 figure.new-waterproduct h3 {
        font-size: 18px;
    }

    .rec_q,
    .rec_a {
        font-size: 28px;
        min-width: 80px;
        max-width: 80px;
    }

    .block_news {
        margin-top: -60px;
        padding: 75px 0 45px 0;
        width: 80%;
    }

    .block_news dl {
        width: 100%;
        padding-right: 10px;
        position: relative;
    }

    .block_news dt {
        clear: left;
        float: left;
        text-align: center;
        font-size: 12px;
        padding: 3px 0;
        width: 16%;
    }

    .block_news dd {
        float: left;
        padding: 3px 0;
        width: 84%;
        margin-bottom: 0;
    }

    .block_news dt {
        font-size: 12px;
        padding: 3px 0;
        width: 22%;
    }

    .block_news dd {
        padding: 3px 0;
        width: 77%;
    }

    .block_news dd a {
        font-size: 16px;
    }

    .pagetitle {
        font-size: 22px;
        line-height: 55px;
        padding: 0 65px 0 0;
        width: 40%;
    }

    .pagetitle .icon {
        width: 55px;
    }

    .pay_title {
        font-size: 120%;
        margin-bottom: 10px;
        padding: 10px 5px 5px;
    }

    .pay_table th,
    .pay_table td {
        padding: 10px 20px;
        font-size: 14px;
    }

    .pay_table.pay_table_small th,
    .pay_table.pay_table_small td {
        padding: 10px 7px;
        font-size: 14px;
    }

    .pay_table th.th_fix {
        padding: 10px 16px;
    }

    .pay_table ._column_icon {
        width: 10em;
    }

    .pay_table .th_bg {
        background: #f4f4f4;
    }

    .pay_block {
        margin: 0 auto 30px;
    }

    .pay_block div {
        padding-left: 20px;
    }

    .pay_block .gen_red {
        border-radius: 0;
        letter-spacing: 0;
        padding-left: 0;
    }

    .pay_tab_note01 {
        margin: 10px 0;
        padding: 10px 0;
    }

    .pay_table td.fix-pleft0723 {
        padding: 10px 20px 10px 30px;
    }

    .payment-branchlst th {
        min-width: 210px;
    }

    .mpayment-block {
        padding: 60px 0 20px;
    }

    .mpayment-block p {
        width: 100%;
    }

    .mpayment-descript div {
        display: flex;
    }

    .mpayment-descript figure {
        display: inline-block;
        width: 32%;
        vertical-align: middle;
    }

    .mpayment-howtouse div {
        margin-bottom: 60px;
    }

    .mpayment-howtouse .pc {
        position: relative;
    }

    .mpayment-howtouse .pc p {
        bottom: -65px;
        font-size: 14px;
        max-width: 240px;
        position: absolute;
        text-align: center;
        right: -48px;
    }

    #mpayment-app01 ul,
    #mpayment-app02 ul {
        width: 23%;
    }

    #mpayment-app01 ul li,
    #mpayment-app02 ul li {
        max-width: 140px;
        width: 50%;
    }

    .mpayment-note .mpayment-fs18 {
        font-size: 18px;
        line-height: 28px;
    }

    .mpayment-note .mpayment-fs16 {
        font-size: 16px;
    }
}

@media (min-width: 1024px) {

    /*.water-buttonlst {
	margin-bottom: 45px;
}*/
    .water-buttonlst ul li {
        margin: 4px;
        width: 130px;
    }

    .water-buttonlst ul li a {
        font-size: 16px;
    }

    .water-buttonlst ul li.water-btnlink a {
        font-size: 15px;
    }

    .water-title01 {
        font-size: 24px;
        padding: 12px;
    }

    .water-title02 {
        font-size: 26px;
        line-height: 40px;
    }

    .water-title03 {
        font-size: 26px;
    }

    .water-title04 {
        font-size: 24px;
    }

    .water-title06 {
        font-size: 24px;
    }

    .water-txt01 {
        font-size: 16px;
        line-height: 28px;
    }

    .water-pic01 img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        width: auto;
    }

    .water-mb40 {
        margin-bottom: 40px;
    }

    .water-mb45 {
        margin-bottom: 45px;
    }

    .water-mb55 {
        margin-bottom: 55px;
    }

    .water-product01>h4 {
        font-size: 40px;
    }

    .water-product01>h5 {
        font-size: 16px;
    }

    .water-product01 figure {
        display: inline-block;
        margin: 15px;
        vertical-align: middle;
    }

    .water-product01.water-product-blue figure figcaption {
        min-height: 167px;
        padding: 10px 25px;
    }

    .water-product01.water-product-orange figure figcaption {
        min-height: 120px;
        padding: 10px 15px;
    }

    .water-product01 figcaption h4 {
        font-size: 18px;
        font-weight: bold;
        line-height: 28px;
    }

    .water-product01 figcaption p {
        font-size: 15px;
        font-weight: bold;
        line-height: 28px;
    }

    .water-product01.water-product-orange figcaption p {
        font-size: 18px;
        font-weight: bold;
        line-height: 28px;
    }

    .water-server figcaption span {
        font-size: 12px;
    }

    .water-product02 article {
        display: inline-block;
        margin: 0 10px;
        min-height: 565px;
        padding: 20px 22px;
        width: 404px;
        vertical-align: middle;
    }

    .block_01 .water-product02 article:first-of-type {
        margin: 20px 30px 20px 10px;
    }

    .water-product02 h4 {
        font-size: 24px;
    }

    .water-product02 img {
        margin: 0 auto 20px;
    }

    .water-product02 h3 {
        font-size: 24px;
        min-height: 92px;
    }

    .water-product02 h3 b {
        font-size: 11px;
    }

    .water-product02 p {
        font-size: 16px;
    }

    .water-title05 {
        font-size: 22px;
    }

    .water-txt02 {
        font-size: 14px;
    }

    .water-product03 p {
        font-size: 14px;
    }

    .water-faq .rec_q,
    .water-faq .rec_a {
        font-size: 35px;
    }

    .rec_faq02.water-faq dt p {
        font-size: 24px;
    }

    .rec_faq02.water-faq dd p {
        font-size: 16px;
    }

    .rec_faq02.water-faq .rec_q,
    .rec_faq02.water-faq .rec_a {
        height: 45px;
        min-width: 98px;
        max-width: 98px;
    }

    .water-product01>h5 {
        margin: 0 0 27px 20px;
    }

    .water-product01 figure:last-child {
        margin-top: 15px;
    }

    .water-product04 figure {
        padding: 20px 12px;
    }

    .water-product04 figure img {
        margin-right: 10px;
    }

    .water-product04 figure h5,
    .water-product04 figure dl {
        font-size: 16px;
        line-height: 20px;
    }

    .water-product04 figure dl .sm-font {
        font-size: 15.5px;
    }

    .water-product04 figure p {
        font-size: 14px;
        line-height: 20px;
    }

    .water-product01 figure.new-waterproduct {
        max-width: 390px;
        min-height: 640px;
    }

    .water-product01 figure.new-waterproduct p span {
        font-size: 15.5px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .water-product01 figure.new-waterproduct p span:last-child {
        margin-bottom: 0;
    }

    .water-product04 h4 {
        padding: 14px 0;
    }

    .block_news dt {
        width: 16%;
    }
}

@media (max-width: 1200px) {
    .colorful-bg {
        padding: 3rem;
    }

    .colorful-bg .company-brand-block .company-brand-02 {
        right: -6%;
    }

    .freely-icon {
        right: 0;
        top: -140px;
    }
}

@media (min-width: 1140px) {

    .slider-home .slick-prev,
    .slider-home .slick-next {
        margin: auto;
        left: 0;
        right: 0;
        width: 0;
    }

    .slider-home .slick-next::before {
        margin-right: -1100px;
    }

    .slider-home .slick-prev::before {
        margin-left: -1100px;
    }
}

@media (max-width: 1100px) {
    .custom-container.wider-container {
        max-width: 990px;
    }

    .main-title h3,
    .main-title h2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .custom-navbar a {
        font-size: 13px;
    }

    .custom-tab .nav-item {
        width: auto;
    }

    .footer p {
        width: 100%;
        float: none !important;
    }
}

@media (max-width: 990px) {

    .custom-navbar .container-fluid,
    .slider-nav,
    .custom-container,
    .custom-container.wider-container {
        max-width: 95%;
    }

    .slider-nav {
        display: none;
    }

    .custom-tab .nav-item {
        width: 30%;
        display: inline-block;
        box-shadow: 0 0 1px #ccc;
    }

    .main-title-block {
        display: block;
    }

    .main-title-block figcaption {
        border-radius: .5rem .5rem 0 0;
        display: block;
        max-width: 472px;
        min-height: auto;
        width: 100%;
    }

    .main-title-block figcaption p {
        position: static;
    }

    .main-title-block .customers-img {
        border-radius: 0 0 .5rem .5rem;
        display: block;
        float: none;
        margin: 0 auto;
        position: static;
        width: 100%;
    }

    .main-title-block .img-border-radius {
        border-radius: 0 0 .5rem .5rem;
    }

    .colorful-bg {
        padding: 2rem 0;
    }

    .colorful-bg .company-brand-block .company-brand-01,
    .colorful-bg .company-brand-block .company-brand-02,
    .colorful-bg .company-brand-block .company-brand-03 {
        margin-bottom: 2rem;
        max-width: 234px;
        position: static;
        width: 30%;
    }

    .colorful-bg .company-brand-block .company-brand-02 {
        margin-top: -6rem;
    }

    .colorful-bg .company-brand-block p {
        font-size: 1rem;
    }

    .company-brand-img.my-8 {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .colorful-bg .company-brand-block .company-brand-04,
    .colorful-bg .company-brand-block .company-brand-05,
    .colorful-bg .company-brand-block .company-brand-06,
    .colorful-bg .company-brand-block .company-brand-07 {
        margin: 0 1rem 2rem;
        position: static;
    }

    .colorful-bg .company-brand-block .company-brand-04 {
        max-width: 262px;
        width: 40%;
    }

    .colorful-bg .company-brand-block .company-brand-05 {
        margin-top: -5rem;
        max-width: 234px;
        width: 30%;
    }

    .colorful-bg .company-brand-block .company-brand-06 {
        margin-top: -5rem;
        max-width: 286px;
        width: 40%;
    }

    .colorful-bg .company-brand-block .company-brand-07 {
        max-width: 234px;
        width: 30%;
    }

    .company-symbol {
        align-items: flex-end;
        display: flex;
        justify-content: center;
        max-width: 100%;
    }

    .company-symbol span {
        margin-left: 1rem;
        position: static;
    }

    .title-home-cus-2 h4 {
        padding: 0 30px;
    }

    .title-home-cus-2 h4::before {
        left: 5px;
    }

    .title-home-cus-2 h4::after {
        right: 5px;
    }

    .equipment-tenor-icon {
        width: 40%;
    }

    .custom-collapse .card-header a {
        padding-left: 30px;
    }

    .custom-collapse .card-header a img {
        position: absolute;
        left: -12px;
        top: 0;
    }

    .ask-item-block .ask-item {
        margin: 0;
    }

    .ask-div .ask-div-arrow {
        left: 39%;
    }

    .home-list-item .home-list-title {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .block-01 img {
        max-width: auto;
        width: 100%;
    }

    .main-title-block figcaption h4 img {
        width: auto;
    }

    .main-title-block.customer-voice-fix01 img.customer-sign01 {
        max-width: 100%;
        width: auto;
    }

    .custom-navbar .navbar-collapse {
        position: absolute;
        top: 100%;
        right: 0;
        margin: 0;
        max-width: 90%;
        width: 100%;
    }

    .custom-navbar .navbar-collapse ul {
        padding: 20px 0 10px 0;
        width: 100%;
        min-height: calc(100vh - 70px);
        float: right;
        background: #db0917;
    }

    .custom-navbar .navbar-collapse ul.navbar-nav-custom {
        background: #fff7f7;
    }

    .custom-navbar.navbar-light .navbar-nav.navbar-nav2 .nav-link {
        color: #df241c;
    }

    .navbar-collapse.collapse-menu.collapse.show .nav-link.show {
        color: #fff;
        background-color: #df241c;
        border-top: solid 2px #fff;
    }

    .custom-navbar .navbar-collapse ul.navbar-nav2 {
        padding: 0;
    }

    .custom-navbar .navbar-collapse ul.navbar-nav2 .dropdown-menu {
        border: none;
    }

    .navbar-expand-md .navbar-collapse.collapse-search {
        width: 100%;
    }

    .custom-navbar .navbar-nav2 li.nav-func-btn {
        justify-content: space-around;
    }

    .custom-navbar .navbar-nav2 li.nav-func-btn a.btn {
        /* max-width: 180px; */
        width: 48%;
        font-size: .7rem;
        padding: .1rem;
    }

    .custom-navbar .navbar-nav2 li a.btn {
        font-size: .9rem;
    }

    .custom-navbar .navbar-nav2 li {
        border-bottom: solid 2px #c92119;
    }

    .custom-navbar .collapse-search .navbar-nav2 li {
        border: 0;
    }

    .custom-navbar .navbar-toggler2 {
        color: #fff;
        background: #db0917;
        position: absolute;
        width: 60px;
        height: 68px;
        padding: 0rem 0 .5rem 0;
        right: 17px;
        top: -66px;
        z-index: 100;
    }

    .custom-navbar .navbar-toggler2 i {
        font-size: 2.2rem;
    }

    .custom-navbar .collapse-search .navbar-toggler2 {
        right: 63px;
    }

    .custom-navbar .navbar-nav2 .dropdown-toggle::after {
        display: none;
    }

    .custom-tab .nav-item {
        width: auto;
    }

    .custom-search {
        display: none;
        background-color: #fff;
        position: absolute !important;
        z-index: 100;
        top: 100%;
        left: 0;
        width: 100%;
    }

    .ask-div .ask-item-btn-block {
        margin: 0 auto;
    }

    .ask-div .ask-div-arrow {
        transform: rotate(90deg);
        left: 47%;
        top: 42.5%;
    }

    .customer-voice .slick-slide>div {
        padding: 0 6px;
    }
}

@media (max-width: 768px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    .slider-home .slick-slide {
        padding: 0 5px;
    }

    .slider-home .slick-next {
        right: 8%;
    }

    .slider-home .slick-prev {
        left: 8%;
    }

    .slider-home .slick-prev,
    .slider-home .slick-next {
        width: 40px;
        height: 40px;
    }

    .slider-home .slick-prev:before,
    .slider-home .slick-next:before {
        background-size: 100%;
        width: 40px;
        height: 40px;
    }

    .hapimaga-slider .hapimaga-slider-item {
        padding: 0 10px;
    }

    .hapimaga-wrap .navbar .hapimaga-container {
        padding-bottom: 0.75rem;
        background-color: #DF241C;
    }

    .hapimaga-wrap.overflow {
        padding-right: 0;
    }

    .hapimaga-menu-popup.show {
        padding-right: 0;
    }

    .hapimaga-wrap-content {
        display: block;
    }

    .hapimaga-content,
    .hapimaga-aside {
        width: 100%;
    }

    .hapimaga-articles .hapimaga-articles-item {
        width: 47%;
        margin-right: 3%;
    }

    .hapimaga-content-detail .inner-detail {
        display: block;
    }

    .hapimaga-content-detail .inner-detail .box-text,
    .hapimaga-content-detail .inner-detail .box-img {
        width: 100%;
    }

    .hapimaga-content-detail .hapimaga-tit-detail {
        font-size: 22px;
        margin-top: 1.5rem;
    }

    .hapimaga-content-detail .bg-gray .tt-gray {
        color: #DF241C;
    }

    .hapimaga-slider .hapimaga-slider-item h4 a {
        font-size: 14px;
    }

    .custom-navbar-hapimaga button.navbar-toggler.collapsed span {
        background: #fff;
    }

    .custom-navbar-hapimaga button.navbar-toggler span {
        background: #3c3c3c;
    }

    .hapimaga-slider .hapimaga-slider-img a>p {
        font-size: 12px;
    }

    .service-list-img-01 img {
        width: 100%;
        height: auto;
    }

    .service-list-title {
        padding-bottom: 1em;
    }

    .service-list-item a {
        font-size: 14px;
    }

    .title-home b {
        font-size: 18px;
    }

    .position-sm-absolute {
        position: unset;
    }

    .service-title {
        line-height: 25px;
    }

    .corporate-contact {
        margin: 0 auto;
        max-width: 400px;
        width: 100%;
    }

    .corporate-contact img {
        display: block;
        float: none;
        margin: 0 auto 1rem;
        max-width: 296px;
        width: 100%;
    }

    .corporate-contact figcaption {
        display: block;
        float: none;
        padding: 0;
        width: 100%;
    }

    .corporate-contact figcaption a {
        width: 100%;
    }

    .ask-div .ask-title,
    .ask-div .ask-txt {
        text-align: center;
    }

    a.ask-btn-pink {
        margin-bottom: 1rem;
    }

    .home-list-item .home-list-title {
        font-size: 14px;
    }

    .customer-voice-block02 {
        background: url(../img/customer-voice-bdr-sp.png) no-repeat center center transparent;
        background-size: 100% 100%;
    }

    .individual-item span.txt-center {
        font-size: .8rem;
    }

    .individual-item span.txt-center01 {
        max-width: 225px;
    }

    .individual-item span.txt-center02 {
        max-width: 250px;
    }
}

@media (max-width: 576px) {
    header {
        min-height: auto;
    }

    .custom-tab-top .nav-tabs li {
        width: 32%;
    }

    .custom-tab-top .nav-tabs .nav-link {
        flex-direction: column;
        font-size: .9rem;
        justify-content: center;
        min-width: 100%;
        height: 100%;
        padding: .5rem .2rem;
    }

    .custom-navbar .container-fluid {
        max-width: 100%;
    }

    .custom-navbar .navbar-brand img {
        height: 35px;
    }

    .custom-navbar .navbar-brand {
        margin-right: 0;
    }

    .custom-navbar .navbar-toggler2 {
        width: 53px;
        height: 55px;
        right: 5px;
        top: -53px;
    }

    .custom-table .news-tbl-item {
        padding: 1rem 0;
    }

    .custom-table .news-tbl-item .news-date,
    .custom-table .news-tbl-item .news-medal {
        width: 50%;
        max-width: 50%;
        padding: 0 .5rem;
    }

    .custom-table .news-tbl-item .news-title {
        margin-top: 10px;
        padding: 0 .5rem;
        width: 100%;
    }

    .footer {
        text-align: center;
    }

    .footer b {
        display: block !important;
    }

    .bg-mobile-none {
        background: none;
    }

    .bottom-content {
        display: none;
    }

    .div-bottom {
        max-width: 100%;
    }

    .title-bottom {
        padding: 0 15px 15px 15px;
    }

    .bottom-content {
        padding: 0 15px;
    }

    .custom-tab.custom-tab-mb .nav-tabs {
        display: inline-block !important;
        width: 100%;
    }

    .custom-tab.custom-tab-mb .nav-tabs li:first-child {
        width: 98%;
    }

    .custom-tab.custom-tab-mb .nav-item {
        width: 48%;
        float: left;
        margin: 1%;
        white-space: nowrap;
    }

    .custom-tab.custom-tab-mb .nav-tabs li:nth-of-type(4),
    .custom-tab.custom-tab-mb .nav-tabs li:nth-of-type(5) {
        margin-bottom: 0;
    }

    .custom-tab.custom-tab-mb .nav-tabs li:nth-of-type(3),
    .custom-tab.custom-tab-mb .nav-tabs li:nth-of-type(5) {
        margin-right: 0;
    }

    .custom-tab.custom-tab-mb .nav-tabs li:first-child a.nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .custom-tab.custom-tab-mb .nav-tabs a.nav-link {
        min-width: auto;
        padding: 1rem .4rem;
        height: 100%;
        font-size: 12px;
    }

    .service-list-custom .service-list-title i.fas {
        display: inline-block;
        float: none;
        height: auto;
    }

    .service-title {
        font-size: 13px;
        line-height: 15px;
    }

    .freely-block h5 {
        width: 50%;
        font-size: 18px;
        line-height: 28px;
    }

    .freely-block p {
        width: 100%;
    }

    .freely-icon {
        top: -140px;
        width: 150px;
        right: -10px;
    }

    .equipment-tenor::before {
        display: block;
    }

    .mechanism-bg-1 {
        background-color: #26aaf1;
        border-radius: 10px;
    }

    .mechanism-bg-2 {
        background-color: #ebF2f7;
        border-radius: 10px;
    }

    .hiring-item-title {
        border-right: 0;
        border-bottom: solid 1px #b3b3b3;
        padding: 5px 0;
        margin-bottom: 20px;
    }

    .title-home p {
        font-size: 15px;
    }

    .special-item {
        background-color: #fff;
        border-radius: 5px;
        font-size: 14px;
    }

    .individual-item {
        margin: 0 auto;
        max-width: 360px;
        min-height: auto;
    }

    .individual-item a {
        min-height: auto;
    }

    .individual-item span {
        font-size: 14px;
        margin-bottom: 0;
    }

    .custom-table .news-tbl-item .news-date {
        text-align: left;
    }

    .social-div a {
        border-color: #fff;
        border-right: 1.5px solid;
    }

    .social-div a.sc-youtube {
        border: 0;
    }

    .wgas-txt01 span,
    .wgas-txt02 span {
        display: inline;
    }

    .hapimaga-slider .hapimaga-slider-item {
        padding: 0 6px;
    }

    .row-list {
        padding: 0 2rem;
        padding: 0 0.5rem;
    }

    .row-list .col-6 {
        padding: 0 .3rem;
    }

    .row-list .home-list-item {
        margin-bottom: .5rem;
        height: calc(100% - .5rem);
    }

    .custom-table-3 th,
    .custom-table-3 td {
        display: block;
        width: 100%;
    }
}

@media (max-width: 550px) {
    .custom-tab .nav-item {
        width: 49%;
    }

    .title-list-img span {
        width: 50px;
        height: 50px;
    }

    .main-title-block figcaption h5 span {
        display: inline;
    }

    .ask-item-block .ask-item span b {
        font-size: .95rem;
    }
}

@media (max-width: 420px) {
    .freely-block h5 {
        font-size: 14px;
        line-height: 18px;
        width: 45%;
    }

    .individual-item img {
        max-height: 50px;
    }

    .hapimaga-wrap ul.item-lst li {
        padding-bottom: 15px;
        margin-bottom: 13px;
    }

    .individual-item {
        max-width: 272px;
    }

    .individual-item:hover::before,
    .individual-item:hover::after {
        opacity: 0;
    }
}

@media (max-width: 350px) {
    .custom-navbar .navbar-brand img {
        height: 30px;
    }

    .custom-navbar .fs-35 {
        font-size: 25px;
    }

    .hapimaga-wrap ul.item-lst li {
        padding-bottom: 12px;
        margin-bottom: 10px;
    }

    .hapimaga-wrap ul.item-lst li a {
        font-size: 14px;
    }

    .hapimaga-wrap ul.item-lst {
        margin-bottom: 0;
    }
}


/* diem css */

.video_layer,
.flyer_layer,
.product_layer,
.tsushin_layer,
.solar_layer,
.kyutoki_layer,
.builtin_layer,
.yokusitu_layer,
.uchiene_layer,
.recipe_layer,
.flipbook_layer {
    border: 11px solid #c3c3c3;
    border-radius: 1em;
    padding: 40px 0;
    height: auto;
}

.modal_layer {
    display: none;
    background-color: white;
    z-index: 1100;
    position: absolute;
    width: 96%;
    margin: 0 auto;
    top: 0;
    left: 0;
}

.gray_layer {
    display: none;
    background-color: black;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.pop_contain {
    padding: 20px;
    text-align: center;
}

.display_none {
    display: none;
}

.button_top_modal_close,
.button_viewer_next,
.button_viewer_prev {
    position: absolute;
}

.button_viewer_next {
    top: 40%;
    right: -30px;
}

.button_viewer_prev {
    top: 40%;
    left: -30px;
}

.button_top_modal_close {
    top: -23px;
    right: -23px;
}

.font-weight-bold {
    font-weight: bold;
}

.title-line-gray {
    background-color: #b3b3b3;
}

.main-title-news h3 {
    background: #DF241C;
    padding: 0.6rem 0;
    color: #fff;
}

.main-title-news h2 {
    background-color: #FFE6E6;
}

.main-title-news h2 span {
    color: #DF241C;
}

.news-page .news-custom-tab {
    margin-bottom: 4rem;
}

.news-page .news-custom-tab .nav-tabs {
    border-bottom: solid 3px #df241c;
    font-size: 0;
}

.news-page .news-custom-tab .nav-item {
    width: 19%;
}

.news-page .news-custom-tab .nav-tabs .nav-item.show .nav-link,
.news-page .news-custom-tab .nav-tabs .nav-link.active,
.news-page .news-custom-tab .nav-tabs .nav-link:focus,
.news-page .news-custom-tab .nav-tabs .nav-link:hover {
    color: #fff;
    background-color: #df241c;
    border-color: #df241c;
}

.news-page .news-custom-tab .nav-tabs .nav-link {
    color: #df241c;
    background-color: #f2f2f2;
    font-weight: bold;
    margin-bottom: 0;
    min-width: 150px;
    text-align: center;
    padding: 0.94rem 1rem;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 14px;
}

.news-page .news-custom-table .news-tbl {
    clear: both;
    margin: 1rem auto;
    overflow: hidden;
    width: 100%;
}

.news-page .news-custom-table .news-tbl-item {
    border-bottom: 1px solid #ccc;
    display: flex;
    margin: 0 auto;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    width: 100%;
}

.news-page .news-custom-table .news-tbl-item:hover {
    background-color: #fff7f7;
}

.news-page .news-custom-table .news-tbl-item:hover .news-text span {
    text-decoration: underline;
}

.news-page .news-custom-table .news-tbl-item:last-child {
    border-bottom: none;
}

.news-page .news-custom-table .news-tbl-item .news-link {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.news-page .news-custom-table .news-tbl-item .news-date {
    color: #000;
    font-size: .92rem;
    font-weight: 600;
    margin: 0;
    width: 110px;
}

.news-page .news-custom-table .news-tbl-item .news-medal {
    margin: 0;
    padding: 0 20px;
    width: 185px;
}

.news-page .news-custom-table .news-tbl-item .news-medal span {
    border-radius: .5rem;
    display: block;
    font-weight: 600;
    max-width: 160px;
    text-align: center;
    font-size: .9rem;
}

.news-page .news-custom-table .news-tbl-item .news-medal span i {
    font-size: 1rem;
}

.news-page .news-custom-table .news-tbl-item .news-text {
    margin: 0;
    width: calc(100% - 295px);
}

.news-page .news-custom-table .news-tbl-item .news-text span {
    color: #000;
    font-size: .9rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
}

.news-page .news-item-lst {
    border-left: 1px solid #DF241C;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 1rem auto 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.news-page .news-item-lst li {
    border-right: 1px solid #DF241C;
    text-align: center;
    width: 20%;
}

.news-page .news-item-lst li img {
    margin-right: 1rem;
}

.news-page .news-item-lst li a {
    color: #DF241C;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 0;
}

.news-page .news-title {
    background-color: #FFE6E6;
    padding: .5rem 1rem;
    font-size: 16px;
    color: #DF241C;
    margin-top: 2rem;
}

.news-page .news-days span {
    border-radius: .5rem;
    font-weight: 600;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
}

.news-page .news-days span i {
    font-size: 12px;
}

.news-page .news-title-detail {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 15px 0 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E6E6E6;
}

.news-page .news-content-detial {
    margin-bottom: 4rem;
}

.nittoh-channel-page .nittoh-channel-banner {
    display: flex;
    align-items: center;
    margin: 0 auto 3rem;
    background-color: #DF241C;
    border-radius: .6rem;
}

.nittoh-channel-page .nittoh-channel-banner>figcaption {
    width: 52%;
    border-radius: .6rem 0 0 .6rem;
    background-color: #DF241C;
    color: #fff;
    padding: 1.5rem;
}

.nittoh-channel-page .nittoh-channel-banner>figcaption h4 {
    font-size: 20px;
}

.nittoh-channel-page .nittoh-channel-banner>figcaption h5 {
    font-size: 30px;
    margin-bottom: 2rem;
}

.nittoh-channel-page .nittoh-channel-banner>figcaption p {
    font-size: 14px;
    margin-bottom: 0;
}

.nittoh-channel-page .nittoh-channel-banner>img {
    width: 48.1%;
    border-radius: 0 .6rem .6rem 0;
    background-color: #fff;
}

.nittoh-channel-block {
    margin-bottom: 1rem;
}

.nittoh-channel-block .nittoh-channel-tt {
    margin-bottom: 2.5rem;
    border-left: 4px solid #df241c;
    padding: 0.3rem 1rem;
    position: relative;
    font-size: 20px;
    color: #DF241C;
    font-weight: 600;
}

.nittoh-channel-block .nittoh-channel-tt::before {
    content: "";
    position: absolute;
    border-bottom: 1px dashed #df241c;
    bottom: -8px;
    left: -2px;
    width: 100%;
}

.nittoh-channel-block .nittoh-channel-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.nittoh-channel-block .nittoh-channel-item {
    margin-bottom: 2.5rem;
    flex-basis: calc(50% - 57px);
    max-width: calc(50% - 57px);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.channel-load-more .nittoh-channel-item {
    display: none;
}

.nittoh-channel-block .nittoh-channel-item:nth-child(2n) {
    margin-right: 0;
}

.nittoh-channel-block .nittoh-channel-item .tit {
    font-size: 18px;
    margin-bottom: 1rem;
    min-height: 44px;
    padding-left: 1rem;
    font-weight: 600;
    position: relative;
}

.nittoh-channel-block .nittoh-channel-item .tit::before {
    content: "";
    position: absolute;
    border-left: 4px solid #df241c;
    width: 4px;
    height: 21px;
    top: 0;
    left: 0;
}

.nittoh-channel-block .inner-col-3 {
    justify-content: flex-start;
}

.nittoh-channel-block .inner-col-3 .nittoh-channel-item {
    width: 28%;
    margin-right: 8%;
    flex-basis: auto;
}

.nittoh-channel-block .spacing {
    flex-grow: 1;
}

.nittoh-channel-block .inner-col-3 .nittoh-channel-item:nth-child(3n) {
    margin-right: 0;
}

.nittoh-channel-block .box-video audio {
    width: 100%;
}

.nittoh-channel-block .box-video audio:focus {
    outline: none;
}

.character-page {
    background: url('../img/character/character-bg-01.png') repeat-x top center, url('../img/character/character-bg-02.jpg') repeat top center;
    margin-bottom: -1.5rem !important;
    padding-bottom: 4rem;
}

.character-page .character-banner {
    padding-top: 6rem;
    text-align: center;
}

.character-page .character-block {
    display: flex;
}

.character-page .character-block-01 {
    position: relative;
    width: 60%;
    padding-bottom: 40px;
    margin-top: 50px;
}

.character-page .character-block-01::before {
    content: "";
    position: absolute;
    top: 0;
    left: -78px;
    background: url("../img/character/character-inner-01.png") no-repeat top left;
    width: 115%;
    height: 100%;
    z-index: 2;
}

.character-page .character-block-01 .inner-01 {
    position: relative;
    display: flex;
    margin-top: 55px;
    padding-left: 20px;
}

.character-page .character-block-01 .inner-01 .box-text {
    width: 138px;
    height: 165px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #fff;
    font-weight: 600;
    background: url("../img/character/character-inner-02.png") no-repeat;
    padding-top: 30px;
}

.character-page .character-block-01 .inner-01 .box-img {
    width: calc(100% - 158px);
    margin: 60px 0 0 20px;
    position: relative;
}

.character-page .character-block-01 .inner-01 .box-img .text-01 {
    font-size: 14px;
    color: #DF241C;
    position: absolute;
    top: 45px;
    right: 85px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}

.character-page .character-block-01 .inner-01 .box-img .text-02 {
    font-size: 14px;
    color: #DF241C;
    position: absolute;
    top: 139px;
    right: 35px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}

.character-page .character-block-01 .ch-wrap {
    position: relative;
    z-index: 9;
    padding-right: 70px;
}

.character-page .character-block-01 .po-as {
    position: absolute;
    top: 0;
    right: 85px;
    z-index: 1;
}

.character-page .character-block-01 .ch-block-left-tt {
    font-size: 24px;
    color: #DF241C;
    font-weight: bold;
    border-bottom: 2px solid #df241c;
    margin-bottom: 15px;
}

.character-page .character-block-01 .ch-block-left-dl {
    margin-bottom: 10px;
    font-size: 20px;
}

.character-page .character-block-01 .ch-block-left-dl dt {
    font-weight: 600;
    color: #DF241C;
    background-color: #fff;
    padding: 5px;
    display: inline-block;
    width: 180px;
    text-align: center;
    margin-right: 15px;
}

.character-page .character-block-01 .ch-block-left-dl dd {
    display: inline-block;
}

.character-page .character-block-01 .box-yellow {
    display: flex;
    align-items: flex-start;
    background-color: #FFDB73;
    border-radius: 50%;
    margin-top: 2rem;
    padding: 3rem;
}

.character-page .character-block-01 .box-yellow>img {
    width: 38%;
    margin-right: 4%;
}

.character-page .character-block-01 .box-yellow .text-03 {
    width: 58%;
    margin-bottom: 0;
}

.character-page .character-block-02 {
    width: 40%;
    position: relative;
}

.character-page .character-block-02::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/character/character-inner-03.png") no-repeat top left;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.character-page .character-block-02::after {
    content: "";
    position: absolute;
    top: 360px;
    right: -35px;
    background: url("../img/character/character-inner-04.png") no-repeat top left;
    width: 274px;
    height: 317px;
    z-index: 2;
}

.character-page .character-block-02 .ch-wrap {
    position: relative;
    z-index: 9;
}

.character-page .character-block-02 .po-as {
    position: absolute;
    right: 35px;
    top: 0;
}

.character-page .character-block-02 .circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #DF241C;
    color: #fff;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-left: 60px;
    text-align: center;
}

.character-page .character-block-02 .text-04 {
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin: 30px 0 0;
    padding-right: 20px;
}

.character-page .character-block-02 .text-05 {
    font-weight: 600;
    text-align: center;
    margin: 55px 0 0;
    padding-left: 190px;
}

.character-page .character-block-02 .right-block-img-01 {
    margin: 36px auto 0;
    text-align: center;
}

.character-page .inner-blue .character-block-02 {
    margin-top: 80px;
}

.character-page .inner-blue .character-block-01 {
    margin-top: 0;
    padding-bottom: 75px;
}

.character-page .inner-blue .character-block-02 .po-as {
    bottom: 0;
    left: -30px;
    top: auto;
}

.character-page .inner-blue .character-block-02::before {
    left: 0;
    background: url(../img/character/character-inner-06.png) no-repeat top left;
}

.character-page .inner-blue .character-block-02::after {
    top: 210px;
    right: 20px;
    background: url(../img/character/character-inner-05.png) no-repeat top left;
}

.character-page .inner-blue .character-block-02 .circle {
    background-color: #0061B8;
    position: absolute;
    right: 100px;
}

.character-page .inner-blue .character-block-02 .text-04 {
    padding: 70px 140px 0 0;
}

.character-page .inner-blue .character-block-02 .right-block-img-01 {
    margin: 10px auto 0;
    text-align: left;
    padding-left: 43px;
}

.character-page .inner-blue .character-block-02 .text-05 {
    padding-left: 80px;
}

.character-page .inner-blue .character-block-02 .right-block-img-02 {
    margin: 10px auto 0;
    text-align: right;
    padding-left: 43px;
}

.character-page .inner-blue .character-block-01 .ch-wrap {
    padding-left: 80px;
    padding-right: 0;
}

.character-page .inner-blue .character-block-01::before {
    left: 0;
}

.character-page .inner-blue .character-block-01 .po-as {
    right: -35px;
}

.character-page .inner-blue .character-block-01 .inner-01 .box-text {
    background: url(../img/character/character-inner-07.png) no-repeat;
}

.character-page .inner-blue .character-block-01 .inner-01 .box-img {
    width: calc(100% - 188px);
    margin: 70px 0 0 50px;
}

.character-page .inner-blue .character-block-01 .inner-01 .box-img .text-01 {
    top: -45px;
    left: 10px;
    right: auto;
    color: #0061B8;
}

.character-page .inner-blue .character-block-01 .ch-block-left-tt {
    color: #0061B8;
    border-bottom: 2px solid #0061B8;
}

.character-page .inner-blue .character-block-01 .ch-block-left-dl dt {
    color: #0061B8;
}

.character-page .inner-blue .character-block-01 .box-yellow>img {
    width: 29%;
}

.character-page .inner-blue .character-block-01 .box-yellow .text-03 {
    width: 67%;
}

.character-page .character-line {
    background-color: #00B940;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    margin: 4rem 0 0;
    position: relative;
}

.character-page .character-line .box-line-text {
    width: 53%;
}

.character-page .character-line .box-line-text .img-number {
    position: absolute;
    top: 20px;
    left: 20px;
}

.character-page .character-line .box-line-text .tit {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    padding-left: 163px;
    padding-top: 20px;
}

.character-page .character-line .box-line-center {
    text-align: center;
    margin-top: 4rem;
}

.character-page .character-line .box-line-img {
    width: 47%;
}

.character-page .character-line.line-version-02 {
    background-color: #52C6FD;
}

.character-page .character-line.line-version-02 .btn-warning {
    background-color: #FFFF00;
    border-color: #FFFF00;
}

.contact-page .contact-title {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}

.contact-page .contact-title span {
    display: block;
    font-size: 14px;
    margin-top: 5px;
    font-weight: normal;
}

.contact-page .anchor-link {
    display: flex;
    justify-content: space-between;
}

.contact-page .anchor-link a {
    width: 31%;
    font-size: 15px;
    padding: 12px 0;
}

.contact-page .anchor-link a img {
    margin-right: 10px;
}

.contact-page .anchor-link a.ask-btn-pink {
    color: #d82c60;
    background-color: #ffe6e6;
    border: solid 4px #d82c60;
    background-image: none;
}

.contact-page .anchor-link a.ask-btn-blue {
    color: #26a9f0;
    background-color: #c6e6f7;
    border: solid 4px #26a9f0;
    background-image: none;
}

.contact-page .anchor-link a.ask-btn-gray {
    color: #B3B3B3;
    background-color: #F2F2F2;
    border: solid 4px #B3B3B3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-page .anchor-link a i {
    margin-right: 0.3rem;
}

.contact-page .contact-tt {
    margin-bottom: 2.5rem;
    border-left: 4px solid #D82C60;
    padding: 0.3rem 1rem;
    position: relative;
    font-size: 20px;
    color: #D82C60;
    font-weight: 600;
}

.contact-page .contact-tt::before {
    content: "";
    position: absolute;
    border-bottom: 1px dashed #D82C60;
    bottom: -8px;
    left: -2px;
    width: 100%;
}

.contact-page .contact-tt.tt-02 {
    border-left: 4px solid #26A9F0;
    color: #26A9F0;
}

.contact-page .contact-tt.tt-02::before {
    border-bottom: 1px dashed #26A9F0;
}

.contact-page .contact-tt.tt-03 {
    border-left: 4px solid #4d4d4d;
    color: #4d4d4d;
}

.contact-page .contact-tt.tt-03::before {
    border-bottom: 1px dashed #4d4d4d;
}

.contact-page .title-line {
    font-size: 18px;
}

.contact-page .contact-list-item {
    background-color: #fff;
    border: solid 10px #fff;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
    height: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contact-page .contact-list-item .contact-list-title {
    min-height: 60px;
    color: #000;
    font-weight: bold;
    padding: .5rem 0;
    text-align: left;
}

.contact-page .contact-list-item a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.contact-page .contact-list-1 .contact-list-item {
    background-color: #ffe6e6;
    border-color: #ffe6e6;
}

.contact-page .contact-list-2 .contact-list-item {
    background-color: #c6e6f7;
    border-color: #c6e6f7;
}

.contact-page .contact-list-3 .contact-list-item {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.contact-page .contact-qa {
    background-color: #ffe6e6;
    border-color: #ffe6e6;
    border-radius: 10px;
    padding: 30px;
    margin: 1rem 0 2.5rem;
}

.contact-page .contact-qa .title-qa {
    color: #D82C60;
    font-weight: 600;
    border-left: 4px solid #D82C60;
    padding-left: 10px;
    margin-bottom: 15px;
}

.contact-page .contact-qa-item {
    display: flex;
    position: relative;
    border: 1px solid #93A6B8;
    border-radius: 10px;
    padding: 1.5rem .8rem;
    background-color: #fff;
    box-shadow: 0 0.375em 0 #93A6B8;
}

.contact-page .contact-qa-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contact-page .contact-qa-item .contact-list-title {
    width: calc(100% - 38%);
    margin-right: 2%;
    color: #D82C60;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.contact-page .contact-qa-item .contact-list-title i {
    margin-right: 8px;
}

.contact-page .contact-qa-item .cricle {
    width: 36%;
    text-align: right;
}

.contact-page .contact-qa-btn {
    background-color: #fff;
    border-radius: 0;
    color: #D82C60;
    border: 1px solid #fff;
}

.contact-page .contact-qa-btn:hover {
    border: 1px solid #D82C60;
}

.contact-page .contact-customer {
    display: flex;
    margin-bottom: 10px;
}

.contact-page .contact-customer .left {
    width: 300px;
    margin-right: 30px;
}

.contact-page .contact-customer-tt {
    font-size: 18px;
    padding: 0.2rem 1rem;
    background-color: #d82c60;
    color: #fff;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 600;
}

.contact-page .contact-customer-tit {
    color: #d82c60;
    font-size: 24px;
    font-weight: 600;
}

.contact-page .contact-customer-tt.tt-blue {
    background-color: #26a9f0;
}

.contact-page .contact-customer-tit.tit-blue {
    color: #26a9f0;
}

.contact-page .contact-customer .right {
    width: calc(100% - 330px);
}

.contact-page .contact-customer-note {
    font-size: 14px;
    color: #D82C60;
    margin-bottom: 30px;
}

.contact-page .title-customer {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-page .title-customer span {
    font-size: 30px;
    margin-left: 20px;
}

.contact-page .title-customer-small {
    font-size: 18px;
    text-align: center;
}

.contact-page .contact-box-gray {
    background-color: #e6e6e6;
    padding: 1.5rem;
    display: flex;
    margin-bottom: 1rem;
}

.contact-page .contact-box-gray .box-left {
    width: 65%;
    margin-right: 2%;
}

.contact-page .contact-box-gray .box-left dl {
    display: flex;
    margin-bottom: 0;
}

.contact-page .contact-box-gray .box-left dl dt {
    width: 120px;
    margin-right: 20px;
}

.contact-page .contact-box-gray .box-left dl dd {
    width: calc(100% - 140px)
}

.contact-page .contact-box-gray .box-right {
    width: 33%;
    font-weight: bold;
}

.contact-page .contact-box-gray .box-right .box-tel {
    font-size: 32px;
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.contact-page .contact-box-gray .box-right p {
    margin-bottom: 0;
}

.contact-page .contact-box-white {
    background-color: #fff;
    border: 1px solid #333;
    border-top: none;
    border-radius: 0 0 10px 10px;
    margin-bottom: 1rem;
    padding: 1.5rem;
    text-align: center;
    width: 100%;
}

.contact-page .contact-box-white h3 {
    font-size: 2rem;
    font-weight: 600;
}

.contact-page .contact-box-white h5 {
    font-size: 1.5rem;
    font-weight: 600;
}

.contact-page .box-reception {
    display: flex;
}

.contact-page .box-reception .box-left {
    width: calc(100% - 400px);
    margin-right: 40px;
}

.contact-page .box-reception .box-right {
    width: 360px;
    font-weight: bold;
}

.contact-page .box-reception .box-tel {
    color: #d82c60;
    font-size: 48px;
    line-height: 1.2;
}

.contact-page .box-reception .box-tel.tel-blue {
    color: #26A9F0;
}

.contact-page .contact-more {
    background-color: #fdeded;
}

.contact-page .contact-more .contact-more-title {
    background-color: #df241c;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    padding: 1.5rem 0;
    color: #fff;
    margin-bottom: 3rem;
}

.contact-page .contact-more-btn {
    background-color: #D82C60;
    border-radius: 0;
    color: #fff;
    border: 1px solid #D82C60;
    font-size: 16px;
}

.contact-page .contact-more-btn:hover {
    background-color: #fff;
    color: #D82C60;
}

.contact-page .contact-more-white {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 40px;
}

.contact-page .contact-more-white h6 {
    background-color: #26a9f0;
    color: #fff;
    padding: 8px;
    text-align: center;
    margin-bottom: 15px;
}

.contact-page .contact-more-white .box-more {
    margin-bottom: 15px;
}

.contact-page .contact-more-white .inner p {
    margin-bottom: 5px;
}

.contact-page .contact-more-white .box-more .t-bold {
    font-weight: bold;
}

.contact-page .contact-more-white .box-more .tel {
    font-size: 48px;
    color: #26a9f0;
    line-height: 1;
    margin-bottom: 5px;
    font-weight: 600;
}

.contact-page .contact-more-white .box-more .tel span {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-left: 30px;
}

.contact-page .contact-more-white .box-more .tel-small {
    color: #df241c;
    font-weight: 600;
    margin-left: 10px;
}

.privacy-policy-page .tit-privacy {
    background-color: #df241c;
    padding: 9px 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
}

.privacy-policy-page ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.privacy-policy-page .paragraph_1 {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 30px;
    margin-bottom: 50px;
}

.privacy-policy-page .paragraph_2 dt {
    font-weight: bold;
}

.privacy-policy-page .paragraph_2 dd {
    padding: 0 0 30px 23px;
}

.privacy-policy-page .paragraph_2 dd.privacy-tbl {
    margin-bottom: 25px;
    padding: 0;
}

.privacy-policy-page .privacy-tbl table {
    clear: both;
    margin: 15px auto;
    overflow: hidden;
    width: 100%;
}

.privacy-policy-page .privacy-tbl table th,
.privacy-policy-page .privacy-tbl table td {
    padding: 25px 22px;
    width: auto;
    vertical-align: top;
    border: 1px solid #d8d8d8;
    font-weight: normal;
}

.privacy-policy-page .fs-letter {
    margin-left: 32px;
}

.privacy-policy-page .fs-letter::first-letter {
    margin-left: -32px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 1100px) {

    .main-title-news h3,
    .main-title-news h2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .news-page .news-custom-tab .nav-item {
        width: auto;
    }

    .contact-page .anchor-link a {
        width: 33%;
    }
}

@media (max-width: 990px) {
    .news-page .news-custom-tab .nav-item {
        width: 30.3%;
        display: inline-block;
        box-shadow: 0 0 1px #ccc;
        margin-right: 3%;
        margin-bottom: 3%;
    }

    .news-page .news-custom-tab .nav-item:nth-child(3n) {
        margin-right: 0;
    }

    .news-page .news-custom-tab .nav-item:nth-child(4),
    .news-page .news-custom-tab .nav-item:nth-child(5) {
        margin-bottom: 0;
    }

    .character-page .character-block {
        display: block;
    }

    .character-page .character-block-01 {
        width: 592px;
        margin: 50px auto;
        padding-top: 1px;
    }

    .character-page .character-block-02 {
        width: 395px;
        margin: 0 auto;
    }

    .character-page .inner-blue .character-block-01 {
        margin-top: 50px;
    }

    .contact-page .contact-box-gray {
        display: block;
    }

    .contact-page .contact-box-gray .box-left,
    .contact-page .contact-box-gray .box-right {
        width: 100%;
    }

    .contact-page .contact-box-gray .box-right {
        text-align: center;
    }

    .contact-page .contact-box-gray .box-right .box-tel {
        justify-content: center;
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .news-page .news-custom-tab .nav-item:first-child {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
    }

    .news-page .news-custom-tab .nav-item {
        width: 22.7%;
        margin-bottom: 0;
    }

    .news-page .news-custom-tab .nav-item:nth-child(3n) {
        margin-right: 3%;
    }

    .news-page .news-custom-tab .nav-item:last-child {
        margin-right: 0;
    }

    .news-page .news-custom-table .news-tbl-item .news-medal {
        font-size: 13px;
        padding: 0 0.4rem;
        width: 170px;
    }

    .news-page .news-custom-table .news-tbl-item .news-text {
        width: calc(100% - 290px);
    }

    .news-page .news-custom-table .news-tbl-item .news-text span {
        -webkit-line-clamp: initial;
    }

    .nittoh-channel-page .nittoh-channel-banner {
        display: block;
    }

    .nittoh-channel-page .nittoh-channel-banner>figcaption,
    .nittoh-channel-page .nittoh-channel-banner>img {
        width: 100%;
    }

    .nittoh-channel-page .nittoh-channel-banner>figcaption {
        border-radius: .6rem .6rem 0 0;
    }

    .nittoh-channel-page .nittoh-channel-banner>img {
        border-radius: 0 0 .6rem .6rem;
    }

    .nittoh-channel-block .nittoh-channel-item {
        flex-basis: 100%;
        max-width: 100%;
    }

    .nittoh-channel-block .inner-col-3 .nittoh-channel-item {
        width: 100%;
        margin-right: 0;
    }

    .character-page {
        background-size: 250px, 50px;
    }

    .character-page .character-banner {
        padding-top: 3rem;
    }

    .character-page .character-banner img {
        margin: auto;
    }

    .character-page .character-block-01 {
        width: 100%;
        padding: 1px 60px 35px;
    }

    .character-page .character-block-01 .ch-wrap,
    .character-page .inner-blue .character-block-01 .ch-wrap {
        padding: 0;
    }

    .character-page .character-block-01::before {
        left: 0;
        background-size: 100% 100%;
        width: 100%;
    }

    .character-page .character-block-01 .inner-01 .box-img .text-01 {
        right: 145px;
    }

    .character-page .character-block-01 .inner-01 .box-img .text-02 {
        right: 100px;
    }

    .character-page .character-block-01 .box-yellow {
        display: block;
        text-align: center;
        padding: 1.5rem 3rem 3rem;
        margin-top: 1rem;
    }

    .character-page .character-block-01 .box-yellow>img {
        margin: auto;
    }

    .character-page .character-block-01 .box-yellow .text-03 {
        width: 70%;
        text-align: left;
        margin: 0 auto;
        margin-top: 5px;
    }

    .character-page .character-line .box-line-text .img-number {
        width: 90px;
    }

    .character-page .character-line .box-line-text .tit {
        font-size: 24px;
        padding-left: 100px;
    }

    .contact-page .anchor-link {
        display: block;
    }

    .contact-page .anchor-link a {
        width: 70%;
        margin: auto;
        margin-bottom: 20px;
        margin-right: auto !important;
    }

    .contact-page .contact-qa-item {
        padding: .8rem .5rem;
        margin-bottom: 1.5rem;
    }

    .contact-page .contact-customer {
        display: block;
    }

    .contact-page .contact-customer .left {
        width: 100%;
        margin-right: 0;
    }

    .contact-page .contact-customer .right {
        width: 100%;
        margin-top: 1rem;
    }

    .contact-page .box-reception {
        display: block;
    }

    .contact-page .box-reception .box-left {
        width: 100%;
        margin-right: 0;
    }

    .contact-page .box-reception .box-right {
        width: 100%;
        text-align: center;
    }

    .contact-page .contact-more-white .box-more .tel-small {
        font-size: 26px;
        display: block;
        margin-left: 0;
    }

    .contact-page .contact-list-item .contact-list-title {
        font-size: 15px;
    }

    .privacy-policy-page .privacy-tbl table th,
    .privacy-policy-page .privacy-tbl table td {
        display: block;
        padding: 10px 2%;
    }

    .block-branch-search {
        display: block;
    }

    .col-branch-search-map {
        max-width: 550px;
        margin: auto;
    }

    .col-branch-search-detail {
        margin: 1rem auto 0;
    }

    .groupTabs li span {
        font-size: 14px;
        white-space: nowrap;
    }

    .sliderGroupTabs #bx-pager a,
    .sliderGroupTabs .bxslider-thumb a {
        margin-right: 0;
        padding-right: 11px;
        width: 16.66667%;
        max-width: inherit;
    }
}

@media (max-width: 600px) {
    .groupTabs li {
        width: 50%;
    }

    .groupTabs li span {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        display: block;
        margin-bottom: 10px;
        margin-top: -5px;
        height: 44px;
    }

    .groupTabs li .overlay {
        bottom: 54px;
    }
}

@media (max-width: 576px) {
    .service-item {
        font-size: 14px;
    }

    .h3-co-title {
        display: inline-block;
        width: 100%;
    }

    .h3-co-title span {
        position: relative;
        float: right;
        margin-top: 5px;
    }

    .block-his .his-line {
        background: transparent url(../img/p43/his-line-bg.png) repeat-y scroll 92px 0;
    }

    .block-his li.mes-left {
        max-width: 73px;
        min-width: 73px;
    }
}

@media (max-width: 550px) {
    .news-page .news-custom-tab .nav-item {
        width: 48.5%;
    }

    .news-page .news-custom-tab .nav-item:nth-child(2),
    .news-page .news-custom-tab .nav-item:nth-child(3) {
        margin-bottom: 3%;
    }

    .news-page .news-custom-tab .nav-item:nth-child(3),
    .news-page .news-custom-tab .nav-item:nth-child(5) {
        margin-right: 0;
    }

    .news-page .news-item-lst {
        border-left: 0;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .news-page .news-item-lst li {
        border-right: 0;
        width: 33%;
    }

    .news-page .news-custom-table .news-tbl-item {
        display: block;
        padding: 1rem;
    }

    .news-page .news-custom-table .news-tbl-item .news-date {
        display: inline-block;
    }

    .news-page .news-custom-table .news-tbl-item .news-medal {
        display: inline-block;
        font-size: 14px;
        padding: 0;
        margin-bottom: 0.5rem;
        float: right;
    }

    .news-page .news-custom-table .news-tbl-item .news-text {
        width: 100%;
    }

    .news-page .news-title-detail {
        font-size: 1.2rem;
    }

    .character-page .character-block-01 .po-as {
        display: none;
    }

    .character-page .character-block-01 .inner-01 {
        margin-top: 0;
        padding-left: 0;
    }

    .character-page .character-block-01 .inner-01 .box-text {
        font-size: 14px;
        background-size: 70px;
        width: 70px;
        height: 84px;
        padding-top: 15px;
    }

    .character-page .inner-blue .character-block-01 .inner-01 .box-text {
        background-size: 70px;
    }

    .character-page .character-block-01 {
        width: 100%;
        padding: 1px 20px 35px;
    }

    .character-page .inner-blue .character-block-01 {
        padding-bottom: 20px;
    }

    .character-page .character-block-01::before {
        left: -30%;
        width: 160%;
        background-size: 100% 100%;
    }

    .character-page .inner-blue .character-block-01::before {
        left: -30%;
    }

    .character-page .character-block-01 .inner-01 .box-img {
        width: calc(100% - 70px);
        margin: 60px 0 0 0;
    }

    .character-page .inner-blue .character-block-01 .inner-01 .box-img {
        width: calc(100% - 70px);
        margin: 80px 0 0 0;
    }

    .character-page .character-block-01 .inner-01 .box-img img {
        width: 70%;
    }

    .character-page .inner-blue .character-block-01 .inner-01 .box-img img {
        width: 60%;
    }

    .character-page .character-block-01 .inner-01 .box-img .text-01 {
        right: 9%;
        font-size: 12px;
        top: 22%;
    }

    .character-page .character-block-01 .inner-01 .box-img .text-02 {
        right: -20px;
        font-size: 12px;
        top: 66%;
    }

    .character-page .character-block-01 .ch-block-left-tt {
        font-size: 20px;
    }

    .character-page .character-block-01 .ch-block-left-dl {
        font-size: 15px;
    }

    .character-page .character-block-01 .ch-block-left-dl dt {
        width: 115px;
    }

    .character-page .character-block-01 .ch-block-left-dl dd {
        width: calc(100% - 135px);
        vertical-align: top;
    }

    .character-page .character-block-01 .box-yellow {
        padding: 0 1.5rem 2rem;
        margin-top: 0;
    }

    .character-page .character-block-01 .box-yellow .text-03 {
        font-size: 11px;
        width: 90%;
    }

    .character-page .character-block-02 {
        width: 100%;
    }

    .character-page .character-block-02 .circle {
        font-size: 14px;
    }

    .character-page .character-block-02::before {
        background-size: 100%;
    }

    .character-page .character-block-02 .po-as {
        right: 0;
    }

    .character-page .character-block-02 .text-04 {
        font-size: 15px;
        padding-right: 0;
    }

    .character-page .character-block-02 .right-block-img-01 {
        margin-top: 3%;
    }

    .character-page .character-block-02 .right-block-img-01 img {
        width: 39%;
    }

    .character-page .character-block-02 .text-05 {
        font-size: 15px;
        padding-left: 0;
        display: flex;
        justify-content: flex-end;
        padding-right: 20px;
    }

    .character-page .character-block-02::after {
        top: 330px;
    }

    .character-page .inner-blue .character-block-02 {
        margin-top: 3rem;
    }

    .character-page .inner-blue .character-block-02 .circle {
        right: auto;
        left: 110px;
    }

    .character-page .inner-blue .character-block-02 .text-04 {
        padding: 98px 0 0 0;
        width: 253px;
    }

    .character-page .inner-blue .character-block-02::after {
        right: auto;
        left: 110px;
    }

    .character-page .inner-blue .character-block-02 .right-block-img-01 {
        margin: 3px auto 0;
        padding-left: 36px;
    }

    .character-page .inner-blue .character-block-02 .po-as {
        display: none;
    }

    .character-page .inner-blue .character-block-02 .text-05 {
        margin-top: 20px;
        padding-right: 0;
        padding-left: 110px;
        justify-content: center;
    }

    .character-page .character-line {
        display: block;
        padding: 20px 20px 78px;
    }

    .character-page .character-line .box-line-text {
        width: 100%;
    }

    .character-page .character-line .box-line-img {
        width: 100%;
        margin-top: -30px;
        position: relative;
        z-index: 9;
        margin-bottom: 1rem;
    }

    .character-page .character-line .box-line-text .tit {
        padding: 0;
        font-size: 20px;
        text-align: center;
    }

    .character-page .character-line .box-line-center {
        width: 60%;
        margin-top: 1rem;
    }

    .character-page .character-line .box-line-text .img-number {
        right: 10px;
        left: auto;
        top: 90px;
        width: 35%;
    }

    .character-page .character-line .btn {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 87%;
        margin: 0 auto;
        right: 0;
    }

    .contact-page .contact-more-white .box-more .tel {
        font-size: 44px;
    }

    .contact-page .contact-more-white .box-more .tel span {
        display: block;
        margin: 5px 0 0;
    }
}

@media (max-width: 449px) {

    .sliderGroupTabs #bx-pager a,
    .sliderGroupTabs .bxslider-thumb a {
        width: 25%;
        padding: 0 5px;
    }
}

@media (max-width: 350px) {
    .groupTabs li span {
        font-size: 12px;
    }
}


/* ----------- Cooking Page ----------- */

.cooking-page .col01 span {
    background-color: #e84c3d;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    font-size: 80%;
    margin: 0 0 0 10px;
    padding: 2px 5px;
}

.cooking-title01 {
    margin: 0 auto 35px;
    max-width: 363px;
    width: 100%;
}

.cooking-title01 img {
    display: block;
}

.cooking-recipe {
    background: url("../img/cooking/cooking-recipe-bg.png") repeat 0 0 transparent;
    margin-bottom: 80px;
    overflow: hidden;
    padding: 75px 4% 55px;
    position: relative;
    width: 100%;
}

.cooking-bg-top {
    background: url(../img/cooking/cooking-bg-top.png) repeat-x 0 0 transparent;
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.cooking-bg-top2 {
    background: url(../img/cooking/cooking-bg-top2.png) repeat-x 0 0 transparent;
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.cooking-recipe .slider.cooking-slider div {
    outline: none;
    overflow: hidden;
    text-align: center;
}

.cooking-recipe figure.cooking-recipe-item {
    background: #fff;
    margin: 0 auto 20px;
    max-width: 405px;
    min-height: 482px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: 100%;
}

.cooking-recipe figure.cooking-recipe-item a.play-icon-wrap {
    display: block;
    left: 0;
    height: 100%;
    outline: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.cooking-recipe figure.cooking-recipe-item:hover {
    opacity: 0.8;
    transition: all 0.5s;
}

.cooking-recipe figure.cooking-recipe-item img {
    display: block;
    margin-bottom: 20px;
    max-width: 100%;
}

.cooking-recipe figure.cooking-recipe-item figcaption {
    text-align: left;
}

.cooking-recipe figure.cooking-recipe-item figcaption h4 {
    font-size: 100%;
    font-weight: 600;
    margin-bottom: 10px;
}

.cooking-recipe figure.cooking-recipe-item figcaption p {
    font-size: 90%;
    margin-bottom: 5px;
}

.cooking-recipe figure.cooking-recipe-item span.cooking-new-item {
    background: url(../img/cooking/new-icon.png) no-repeat 0 0 transparent;
    display: block;
    left: 0;
    height: 72px;
    position: absolute;
    top: 0;
    width: 85px;
}

.cooking-recipe .slider.cooking-slider .slick-prev:hover,
.cooking-recipe .slider.cooking-slider .slick-prev:focus,
.cooking-recipe .slider.cooking-slider .slick-next:hover,
.cooking-recipe .slider.cooking-slider .slick-next:focus {
    background: transparent;
    color: transparent;
    outline: none;
}

.cooking-recipe .slider.cooking-slider .slick-prev,
.cooking-recipe .slider.cooking-slider .slick-next {
    background: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 46px;
    line-height: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 46px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
}

.cooking-recipe .slider.cooking-slider .slick-prev:before,
.cooking-recipe .slider.cooking-slider .slick-next:before {
    display: block;
    height: 46px;
    width: 46px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cooking-recipe .slider.cooking-slider .slick-prev {
    left: -10px;
}

.cooking-recipe .slider.cooking-slider .slick-prev:before {
    content: '';
    background: url(../img/cooking/cooking-icon-prev.png) no-repeat center center transparent;
}

.cooking-recipe .slider.cooking-slider .slick-next {
    right: -10px;
}

.cooking-recipe .slider.cooking-slider .slick-next:before {
    content: '';
    background: url(../img/cooking/cooking-icon-next.png) no-repeat center center transparent;
}

.cooking-link {
    margin: 0 auto 62px;
    max-width: 1000px;
    position: relative;
    text-align: center;
    width: 100%;
}

.cooking-link img {
    display: block;
}

.cooking-link a {
    background: #e40165;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 90%;
    font-weight: 600;
    left: 0;
    margin: 0 auto;
    max-width: 280px;
    padding: 8px 2%;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
}

.cooking-link a span {
    float: right;
}

.cooking-recipe .cooking-recipe-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.cooking-recipe .cooking-recipe-cont>div {
    margin-bottom: 1.5rem;
    max-width: 450px;
    width: 100%;
}

.cooking-form {
    background: url(../img/cooking/cooking-form-bg.png) repeat 0 0 transparent;
    margin-bottom: 80px;
    overflow: hidden;
    padding: 75px 4% 55px;
    position: relative;
    width: 100%;
}

.cooking-form2 {
    background: url(../img/cooking/cooking-form-bg2.png) repeat 0 0 transparent;
    margin-bottom: 80px;
    overflow: hidden;
    padding: 75px 4% 55px;
    position: relative;
    width: 100%;
}

.cooking-form-top img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.cooking-wrapper-form {
    background: #fff;
    overflow: hidden;
    padding: 50px 2%;
    width: 100%;
}

.cooking-wrapper-form2 {
    padding: 25px 2%;
    width: 100%;
}

.cooking-wrapper-form .cooking-sub-form {
    background: url(../img/cooking/cooking-line.png) no-repeat center bottom transparent;
    background-size: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 45px;
    width: 100%;
}

.cooking-wrapper-form .cooking-sub-form h4 {
    color: #e40165;
    font-size: 96%;
    font-weight: 600;
    margin-bottom: 6px;
    width: 100%;
}

.cooking-wrapper-form .cooking-sub-form h4 .cooking-subform-icon {
    display: inline-block;
    height: 24px;
    margin-left: 10px;
    width: 23px;
    vertical-align: middle;
}

.cooking-wrapper-form .cooking-sub-form h5 {
    color: #333;
    font-size: 96%;
    font-weight: 600;
    margin-bottom: 10px;
}

.cooking-wrapper-form .cooking-sub-form dl {
    overflow: hidden;
    width: 100%;
}

.cooking-wrapper-form .cooking-sub-form dt {
    background: #e40165;
    color: #fff;
    font-size: 96%;
    margin-bottom: 5px;
    min-width: 85px;
    padding: 2px 10px;
    text-align: center;
}

.cooking-wrapper-form .cooking-sub-form dd {
    font-size: 96%;
    margin-bottom: 10px;
}

.cooking-wrapper-form .cooking-sub-form dd .cooking-red {
    color: #f90606;
}

.cooking-wrapper-form .cooking-main-form {
    overflow: hidden;
    width: 100%;
}

.cooking-wrapper-form .cooking-main-form h4 {
    color: #e40666;
    font-size: 100%;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}

.cooking-wrapper-form .cooking-main-form .cooking-recruit {
    clear: both;
    margin: 0 auto 40px;
    max-width: 560px;
    text-align: center;
    width: 100%;
}

.cooking-wrapper-form .cooking-main-form .cooking-recruit h4 {
    color: #000;
    font-size: 110%;
    font-weight: 600;
    margin: 0 auto 20px;
    width: 100%;
}

.cooking-wrapper-form .cooking-main-form .cooking-recruit p {
    border: 2px dashed #e40666;
    border-radius: 10px;
    color: #e40666;
    font-size: 100%;
    font-weight: 600;
    line-height: 30px;
    padding: 1.5rem 2rem;
    text-align: left;
    width: 100%;
}

.cooking-wrapper-form .cooking-main-form .g-section {
    background: url(../img/cooking/cooking-line.png) no-repeat center top transparent;
    background-size: 100%;
    border-top: none;
    margin-top: 0;
    padding-top: 60px;
}

.cooking-wrapper-form .cooking-main-form .col01 {
    padding: 5px 0 10px;
}

.cooking-wrapper-form .cooking-main-form .col01 span {
    float: right;
    margin: 0;
}

.cooking-wrapper-form .cooking-main-form .col02 {
    padding: 0 0 20px 0;
}

.cooking-wrapper-form .cooking-main-form .col02 .frm_list01 li {
    padding-left: 3px;
}

.cooking-wrapper-form .cooking-main-form .col02 input[type="radio"] {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

.cooking-wrapper-form .cooking-main-form .col02 label {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.cooking-btn {
    padding: 20px 0;
    text-align: center;
}

.cooking-btn-reset {
    background: none 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #ccc;
    cursor: pointer;
    font-size: 96%;
    font-weight: bold;
    margin: 10px;
    padding: 8px 15px;
}

.cooking-btn-reset:hover {
    background: none 0 0 #ccc;
    color: #fff;
    outline: none;
}

.cooking-btn-submit {
    background: url(../img/cooking/cooking-btn-sumbit-icon.png) no-repeat 92% center #e30061;
    border: 1px solid #e30061;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 100%;
    font-weight: bold;
    margin: 10px;
    padding: 8px 40px 8px 15px;
}

.cooking-btn-submit span {
    font-size: 110%;
}

.cooking-btn-submit:hover {
    background: url(../img/cooking/cooking-btn-sumbit-icon-hover.png) no-repeat 92% center #fff;
    color: #e30061;
    outline: none;
}

.cooking-pop .cooking-pop-01 {
    overflow: hidden;
    text-align: left;
    width: 100%;
}

.cooking-pop .cooking-pop-01 .cooking-pop-title {
    background: url(../../../img/customer/cooking/cooking-pop-icon.png) no-repeat 0 center transparent;
    border-bottom: 1px solid #ccc;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 10px 0 10px 60px;
    text-align: left;
    width: 100%;
}

.cooking-pop .cooking-pop-01 .cooking-pop-txt {
    font-size: 14px;
}

.cooking-pop .cooking-pop-01 a.video-popup {
    display: block;
    margin: 30px auto;
    max-width: 490px;
    overflow: hidden;
}

.cooking-pop .cooking-pop-01>div img {
    display: block;
    max-width: 100%;
}

.cooking-pop .cooking-pop-01>div a:hover img {
    opacity: 0.8;
    transition: all 0.5s;
}

.cooking-pop .cooking-pop-01 dl {
    display: table;
    margin-bottom: 30px;
}

.cooking-pop .cooking-pop-01 dt {
    background-color: #fe8d93;
    color: #fff;
    font-size: 14px;
    display: table-cell;
    position: relative;
    padding-left: 23px;
    height: 40px;
    vertical-align: middle;
    width: 90px;
}

.cooking-pop .cooking-pop-01 dt img {
    left: 3px;
    position: absolute;
    top: 12px;
    width: 15px;
}

.cooking-pop .cooking-pop-01 dd {
    border: 1px solid #fe8d93;
    display: table-cell;
    font-size: 80%;
    height: 40px;
    min-width: 120px;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
}

.cooking-pop .cooking-pop-02 {
    font-size: 14px;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: left;
    width: 100%;
}

.cooking-pop .cooking-pop-02 h4 {
    background-color: #fe8d93;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 5px 10px 20px;
}

.cooking-pop .cooking-pop-02 .cooking-pop-cont {
    background-color: #fff;
    border: 1px solid #fe8d93;
    font-size: 14px;
    padding: 20px;
    width: 100%;
}

.cooking-pop .cooking-pop-02 .cooking-pop-cont>div {
    display: inline-block;
    width: 100%;
}

.cooking-pop .cooking-pop-02 .cooking-pop-cont>div:first-child {
    border-bottom: 1px solid #fe8d93;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.cooking-pop .cooking-pop-02 .cooking-pop-cont dl {
    overflow: hidden;
    width: 100%;
}

.cooking-pop .cooking-pop-02 .cooking-pop-cont dl dt {
    font-weight: 600;
}

.cooking-pop .cooking-pop-02 .cooking-pop-cont dl dd {
    margin-bottom: 5px;
}

.cooking-frm-img img {
    width: auto;
}

.feature_cont article.cooking-top {
    background: #fcf4d4;
}

.cooking-frm-parnum input[type="checkbox"] {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

.cooking-frm-parnum {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}


/*---- Nittoh Tsushin -----*/

.ntsushin-block {
    background: rgb(68, 68, 68);
    margin: 0 auto 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.ntsushin-block iframe {
    border: none;
    height: 400px;
    width: 100%;
}

.ntsushin-lst {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.ntsushin-lst .ntsushin-row {
    margin: 5px 0;
    overflow: hidden;
    width: 100%;
}

.ntsushin-lst li {
    float: left;
    font-weight: bold;
    margin: 0 25px 5px 0;
    min-width: 190px;
}

.ntsushin-lst li p {
    color: #b9b9b9;
    font-size: 100%;
    font-weight: bold;
}

.ntsushin-lst li a {
    color: #323232;
    display: block;
    font-size: 100%;
    font-weight: bold;
}

.ntsushin-lst li a.active {
    color: #eba602;
}

.quiz-bg {
    background: url(../img/answer/quiz-bg-new.png) repeat;
    padding: 0 0 100px;
}

.quiz-block {
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    padding: 4rem 0;
    width: 100%;
}

.quiz-block img {
    display: block;
    width: 100%;
}

.block_02 {
    background: url("../img/main-bg.png") repeat 0 0 transparent;
    clear: both;
    overflow: hidden;
    position: relative;
    padding: 27px 0;
}


/* city-gas-fittings-page */

.city-brand {
    clear: both;
    margin: 10px auto 20px;
    overflow: hidden;
    text-align: left;
}

.city-brand ul li {
    margin-bottom: 10px;
    width: 100%;
    list-style: none;
}

.city-brand ul {
    margin: 0;
    padding: 0;
}

.city-brand ul li a {
    display: block;
    width: 100%;
}

.city-brand ul li a img {
    display: block;
    width: 100%;
}


/* transfer-account-page */

.transfer-account-page .pay0124-link {
    background: #f6f6f6;
    margin: 0 auto 42px;
    overflow: hidden;
    padding: 30px 0px 33px;
    text-align: center;
    width: 100%;
}

.transfer-account-page .pay0124-link p {
    color: #ff0000;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 25px;
}

.transfer-account-page .pay0124-link span {
    display: block;
    margin: 0 auto 5px;
    width: 14px;
}

.transfer-account-page .pay0124-txt {
    margin-bottom: 30px;
}

.transfer-account-page .pay0124-txt-underline {
    background: rgba(255, 255, 0, 0.7);
}

.gas-notice-banner {
    background-color: #FFF7F7;
    border-radius: 10px;
    text-align: center;
    padding: 20px 10px;
}

.gas-notice-banner p {
    margin-bottom: 0 !important;
}

.gas-notice-banner .tel {
    font-size: 32px;
    font-weight: bold;
}

.gas-notice-banner .tel a {
    display: inline-block;
    color: #DB1017;
}


/* sitemap */

.sitemap-page ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sitemap-page .sitemap-anchor {
    display: flex;
    margin-bottom: 2rem;
}

.sitemap-anchor li {
    margin-right: 30px;
}

.sitemap-anchor li:last-child {
    margin-right: 0;
}

.sitemap-anchor li a {
    font-weight: bold;
    color: #4d4d4d;
}

.sitemap-title {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.sitemap-title::after {
    position: absolute;
    content: "";
    border: 1px dashed #df241c;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
}

.sitemap-title a {
    color: #000;
}

.sitemap-page .sit-tit {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}

.sitemap-page .sitmap_group {
    display: block;
    width: 100%;
    margin-bottom: 25px;
}

.sitmap_group li {
    float: none;
    margin-bottom: 15px;
}

.sitmap_group li a {
    color: #323232;
}

.sitmap_group li a:hover {
    color: #df241c;
}


/* moving-page */

.moving-page .gen_title {
    padding: 0 0 20px 20px;
    font-size: 18px;
}

.gas_step {
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    box-shadow: 0 2px 5px 5px #f9f9f9;
    display: table;
    width: 100%;
}

.gas_step dt {
    border-radius: 8px 8px 0 0;
    background-color: #eac552;
    color: #fff;
    display: block;
    font-weight: bold;
    min-width: 60px;
    vertical-align: top;
    padding: 25px;
    text-align: center;
    width: 100%;
}

.gas_step dd {
    display: block;
    padding: 10px;
    width: 100%;
    vertical-align: top;
}

.gas_step dd::after {
    clear: both;
    display: block;
    content: "";
}

.gas_step dd p {
    margin-bottom: 0;
}

.gas_step dt.bg_green {
    background-color: #1bbc9b;
}

.gas_line {
    margin: 20px auto;
    width: 60px;
}

.gen_block .gas_step dt {
    vertical-align: middle;
}

.moving-page .mov_block {
    background: #e7f2f6;
    margin: 40px auto 10px;
    padding: 15px 20px 5px;
}

.moving-page .mov_block01 {
    border-left: 5px solid #eac552;
    padding-left: 10px;
}

.moving-page .mov_block01 h3 {
    color: #eac552;
    font-weight: bold;
    font-size: 18px;
}

.moving-page .mov_block .pay_title {
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px 5px 5px;
}

.moving-page .gen_btn .button {
    background-color: #e84c3d;
    color: #fff;
    margin: 60px auto 70px;
    line-height: 200%;
    width: 80%;
}

.gas_riyo_list li {
    vertical-align: top;
    display: inline-block;
    margin: 20px 25px;
    width: 200px;
}

.gas_riyo_list li figcaption {
    margin-top: 5px;
}

.gas_step_desc {
    padding-bottom: 10px;
}

.gas_step_image {
    float: right;
    max-width: 200px;
}

.gas_step_image img {
    max-width: 100%;
}

.button {
    border: 1px solid #d3d3d3;
    background-color: #fff;
    box-shadow: 1px 1px 1px 0 rgb(0 0 0 / 30%);
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    line-height: 45px;
    min-width: 180px;
    text-align: center;
    width: 50%;
}

.block_image01 {
    clear: both;
    margin-left: 13%;
    width: 60%;
}

.block_image02 {
    clear: both;
    text-align: center;
}

.block_image02 article {
    display: inline-block;
    text-align: left;
    padding: 10px;
    vertical-align: top;
    width: 158px;
}

.block_image02 article figure img {
    max-width: 100%;
}

.block_image02 h3 {
    font-weight: bold;
    padding-bottom: 8px;
    font-size: 15px;
}

.block_image02 ul {
    padding: 0;
    margin: 0;
}

.block_image02 li {
    list-style: disc inside;
    padding: 0 0 10px 0;
    font-size: 15px;
}

.gas_step h3 {
    border: 1px solid #767676;
    display: inline-block;
    margin-bottom: 1em;
    font-size: 15px;
    padding: 5px;
}

.gas_absence {
    box-shadow: 0 2px 5px 5px #f9f9f9;
    font-size: 85%;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.gas_absence p {
    padding: 10px 10px 30px 10px;
    width: 100%;
}

.gas_absence div {
    margin: 0 auto 20px;
    width: 155px;
}

.gen_block05 {
    list-style: none;
    margin: 0 auto 20px;
}

.gen_block05 li {
    padding: 5px 0 5px 25px;
    position: relative;
}

.gen_block05 li:before {
    background: #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    content: "";
    color: #333;
    height: 10px;
    left: 0px;
    position: absolute;
    top: 12px;
    width: 10px;
}

.gen_block05 span {
    border: 1px solid #e5286c;
    border-radius: 50%;
    color: #e5286c;
    letter-spacing: 6px;
    padding-left: 6px;
}

.block_inner {
    margin: 0 auto;
    width: 80%;
}

.gas_riyo_list {
    clear: both;
    text-align: center;
    width: 100%;
}

.gas_riyo_list li {
    vertical-align: top;
    display: inline-block;
    margin: 20px;
    width: 200px;
}

.gas_riyo_list figcaption {
    font-size: 85%;
    letter-spacing: -1px;
}

.gas_btn .button {
    margin: 20px auto;
    width: 270px;
}

.subtitle {
    line-height: 170%;
    padding-bottom: 44px;
}

.form-wrap .subtitle a {
    color: #0d6efd;
    text-decoration: underline;
}

.block_detail {
    background: #fff;
    border: 1px solid #d3d3d3;
    font-size: 85%;
    margin: 15px 0;
    padding: 10px 20px;
}

.block_detail h4 {
    font-size: 1rem;
}

.block_detail ul {
    list-style: none;
    padding: 0;
}

.red {
    color: #e84c3d;
}

.arr_icon {
    background: url(../img/icon04.png) no-repeat 0px 5px transparent;
    padding-left: 20px;
}

.block_image04 {
    clear: both;
    display: table;
    font-size: 85%;
    text-align: center;
    width: 100%;
}

.block_image04 div {
    display: inline-block;
    margin: 15px 8px;
    vertical-align: top;
    width: 250px;
}

.block_image04 h3 {
    background-color: #e6e6e6;
    color: #767676;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0;
    padding: 10px 0;
    position: relative;
}

.block_image04 h3:after {
    top: 100%;
    left: 115px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 10px;
}

.block_image04 h3:after {
    border-color: rgba(230, 230, 230, 0);
    border-top-color: #e6e6e6;
}

.block_image04 p {
    border: 1px solid #d3d3d3;
    padding: 20px;
    height: 90px;
    text-align: center;
}

.block_type03 {
    font-size: 85%;
    padding: 10px 5px;
}

.block_type03 h3 {
    font-size: 1.1rem;
}

.block_type03 p {
    padding: 5px 0 20px;
}

.block_type03 ul {
    list-style: none;
    padding: 0;
}

.block_type04 {
    font-size: 85%;
    margin: 0 auto;
    width: 80%;
}

.block_type04 img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.block_type04 div:first-child {
    margin-bottom: 20px;
}

.block_type05 {
    font-size: 85%;
    padding: 10px 5px 30px;
}

.block_type05 h3 {
    font-size: 1.1rem;
}

.block_type05 h4 {
    font-size: 1rem;
}

.block_type05 ul {
    list-style: none;
    padding: 0;
}

.block_type05 img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.block_type05 p {
    padding: 5px 0 20px;
}

.block_type05_1 {
    clear: both;
    padding-bottom: 20px;
}

.block_type05_1 h3 {
    font-weight: bold;
}

.block_type05_2 {
    margin: 20px auto 30px;
}

.failure-page {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.gas_point {
    clear: both;
    display: table;
    text-align: center;
    width: 100%;
}

.gas_point01 {
    display: inline-block;
    padding: .5rem 0;
    vertical-align: top;
    width: 94%;
}

.gas_point h3 {
    background-color: #eac552;
    color: #fff;
    font-weight: bold;
    padding: 10px 0;
    position: relative;
}

.gas_point h3:after {
    top: 100%;
    left: 47%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 10px;
}

.gas_point h3:after {
    border-color: rgba(234, 197, 82, 0);
    border-top-color: #eac552;
}

.gas_point h3 span {
    font-size: 110%;
}

.gas_point_content {
    border: 1px solid #d3d3d3;
    padding: 20px;
    display: table;
    width: 100%;
    min-height: 250px;
    text-align: left;
}

.gas_point_content p {
    font-size: .8rem;
}

.gas_point_content h4 {
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 5px;
}

.gas_point_content p {
    padding-bottom: 10px;
}

.gen_title02_plus {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 10px;
    position: relative;
}

.gen_title02_plus span {
    background: #e84c3d;
    border-radius: 0;
    color: #fff;
    font-size: 80%;
    font-weight: bold;
    margin: 5px 0 0 0;
    padding: 0 10px;
    display: block;
    text-align: right;
    float: right;
    position: static;
}

.use_title01 {
    font-size: 100%;
    background: url(../img/use-ico01.png) no-repeat 0 4px transparent;
    color: #7bdadc;
    padding: 0 0 5px 20px;
}

.use_title02 {
    font-size: 100%;
    background: url(../img/use-ico02.png) no-repeat 0 4px transparent;
    color: #e84c3d;
    padding: 0 0 5px 20px;
}

.use_item01 {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}

.use_item01 figure {
    padding: 0 5% 0 0;
}

.use_item04 {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}

.use_row {
    margin: 0 0 0 -20px;
    width: 117%;
}

.use_item02 {
    float: left;
    width: 40%;
    margin-left: 20px;
}

.use_item01 img,
.use_item02 img,
.use_item04 img {
    display: block;
    width: 100%;
}

.use_item01 p,
.use_item02 p,
.use_item03 p,
.use_item04 p {
    font-size: .8rem;
}

.block_image03 {
    clear: both;
    text-align: center;
}

.block_image03 article {
    border: 1px solid #efefef;
    display: inline-block;
    font-size: 85%;
    text-align: left;
    margin: 10px;
    min-height: 320px;
    vertical-align: top;
    width: 220px;
}

.block_image03 h3 {
    background-color: #efefef;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}

.block_image03 article figure,
.block_image03 article figcaption {
    padding: 10px;
}

.block_image03 article img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.gen_block {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.gen_title02 {
    border-bottom: 2px solid #d8d8d8;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 10px 5px;
    position: relative;
}

.gen_title02 span {
    background: #47c686;
    border-radius: 50%;
    color: #fff;
    letter-spacing: 6px;
    padding-left: 6px;
}

.gen_inner01,
.gen_inner02,
.gen_inner03 {
    margin: 10px auto 40px;
    width: 80%;
}

.gen_step {
    border-bottom: 1px solid #d8d8d8;
    font-size: 85%;
    margin-bottom: 20px;
    width: 100%;
}

.gen_step dt {
    background-color: #eac552;
    color: #fff;
    display: table-cell;
    min-width: 60px;
    padding: 10px 5px;
    text-align: center;
    vertical-align: middle;
    width: 10%;
}

.gen_step dt span {
    font-size: 150%;
}

.gen_step dd {
    display: table-cell;
    padding: 10px 10px 5px 10px;
    vertical-align: middle;
    width: 80%;
}

.gen_att {
    background: url(../img/icon06.png) no-repeat 0px 4px transparent;
    padding-left: 25px;
}

.gen_inner04 div {
    padding: 10px 0 20px;
}


/*------------- Effect of P28 --------------*/

.hover-eff01 {
    position: relative;
    clear: both;
    margin: -7px auto 0 auto;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}


/* Common style */

.hover-eff01 figure {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 7px;
    width: 48%;
    height: auto;
    background: #3085a3;
    text-align: center;
}

.hover-eff01 figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
    width: 100%;
}

.hover-eff01 figure figcaption {
    color: #fff;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hover-eff01 figure figcaption::before,
.hover-eff01 figure figcaption::after {
    pointer-events: none;
}

.hover-eff01 figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.effect-moses img {
    opacity: 0.85;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-moses h2,
figure.effect-moses p {
    background-color: rgba(158, 158, 155, 0.8);
    font-size: 85%;
    padding: 3px;
    width: 50%;
    height: 50%;
    border: 1px solid #fff;
}

figure.effect-moses h2 a {
    color: #fff;
}

figure.effect-moses h2 {
    text-align: center;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0px, 0px, 0);
    transform: translate3d(0px, 0px, 0);
}

figure.effect-moses p {
    padding: 5px;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

figure.effect-moses:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-moses:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-moses:hover img {
    opacity: 0.6;
}

.effect-plus01 .effect-moses {
    /*height: 400px;*/
    margin: 0;
    width: 94%;
}

.effect-plus01 figure figcaption {
    /*height: 254px;*/
    left: 7.25%;
    top: 7.25%;
    width: 85.5%;
}

.effect-plus01 .effect-moses h2,
.effect-plus01 .effect-moses p {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #b4b4b4;
    color: #323232;
    display: table;
    height: 6em;
    line-height: 22px;
    width: 50%;
}

.effect-plus01 .effect-moses span {
    display: table-cell;
    vertical-align: middle;
}

.effect-plus01 .effect-moses p {
    font-weight: 600;
    margin-left: 50%;
    text-transform: capitalize;
    opacity: 0;
}

.effect-plus01 .effect-moses h2,
.effect-plus01 .effect-moses:hover p {
    opacity: 0.7;
}

.ie .effect-plus01 .effect-moses h2,
.ie .effect-plus01 .effect-moses:hover p {
    opacity: 0.8;
}

.effect-plus01 .effect-moses img {
    opacity: 1;
}

.effect-plus01 .effect-moses:hover img {
    opacity: 0.7;
}

.effect-plus01 .effect-moses {
    margin-bottom: 1em;
}

.effect-plus01.hover-eff01 figure figcaption {
    height: auto;
}

.effect-plus01.hover-eff01 figure img {
    min-height: 0;
}

.benny-new {
    margin: 20px auto 0;
    max-width: 400px;
    overflow: hidden;
    /*padding: 0 3%;*/
    width: 94%;
}

.benny-new h4 {
    background: #e84c3d;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 110%;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 20px;
    padding: 8px 0;
    text-align: center;
    width: 100%;
}

.benny-new table {
    overflow: hidden;
    width: 100%;
}

.benny-new table th {
    background: #d8d8d8;
    border: 1px solid #fff;
    font-size: 96%;
    font-weight: normal;
    line-height: 32px;
    padding: 8px;
    width: 35%;
}

.benny-new table td {
    border: 1px solid #fff;
    font-size: 96%;
    line-height: 32px;
    padding: 8px;
    width: 65%;
}

.benny-link {
    margin: 20px auto;
    max-width: 400px;
    overflow: hidden;
    width: 94%;
}

.benny-link a {
    display: block;
    width: 100%;
}

.benny-link img {
    display: block;
    max-width: 100%;
}

.block_item {
    margin: 0 auto 20px auto;
    min-width: 250px;
    width: 100%;
}

.block_item figure {
    margin: 0;
    padding: 0;
}

.block_item img {
    display: block;
    width: 100%;
}

.block_item div {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    padding: 15px 10%;
}

.block_item h3 {
    font-size: 111%;
    padding-bottom: 15px;
    text-align: center;
}

.block_item p {
    line-height: 170%;
    padding-bottom: 15px;
}

.widget_cookpad {
    overflow: hidden;
}

.banner_tokushimaru {
    margin: 26px auto 0;
    width: 60%;
}

.banner_tokushimaru img {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
}

.mart-icon-title {
    position: relative;
}

.mart-icon {
    left: 18%;
    position: absolute;
    top: -25px;
}

.mart-icon img {
    display: block;
    max-width: 100%;
    width: 100%;
}

.shop_group,
.shop_group02 {
    clear: both;
    overflow: hidden;
    margin: 4rem auto 0;
    padding-bottom: 20px;
    width: 100%;
}

.shop_img {
    min-width: 220px;
    max-width: 280px;
    width: 60%;
}

.shop_title01 {
    background: url(../img/customer/hi-icon.html) no-repeat 0 0 transparent;
    clear: both;
    color: #e84c3d;
    font-size: 100%;
    font-weight: bold;
    padding: 5px 0 20px 40px;
}

.shop_title02 {
    background: url(../img/customer/hi-icon1.png) no-repeat 0 0 transparent;
    color: #47c686;
    font-weight: bold;
}

.shop_left,
.shop_right {
    margin: 0 auto;
    padding: 0 0 20px 0;
}

.sto_list {
    clear: both;
    text-align: left;
    width: 100%;
}

.sto_list li {
    display: inline-block;
    margin: 0 20px;
    width: 210px;
}

.fds_title {
    clear: both;
    display: table;
    padding-bottom: 20px;
    width: 100%;
}

.fds_title dt {
    display: table-cell;
    width: 60px;
}

.fds_title dd {
    display: table-cell;
    color: #e84c3d;
    font-size: 100%;
    font-weight: bold;
    padding-left: 15px;
    vertical-align: middle;
}

.fds_gr01 {
    clear: both;
    display: table;
    width: 100%;
}

.fds_gr01 .fds_right {
    width: 80%;
    max-width: 410px;
    min-width: 210px;
}

.fds_left,
.fds_right {
    margin: 0 auto;
    padding: 0 0 20px 0;
}

.fds_gr02 {
    clear: both;
    display: table;
    width: 100%;
}

.fds_gr02 article:nth-child(2n+1) {
    margin: 0 auto 30px auto;
}

.fds_gr02 .fds_item {
    margin: 0 auto 30px auto;
}

.fds_item {
    margin: 0 auto 30px auto;
    min-width: 250px;
    width: 90%;
}

.fds_detail {
    clear: both;
    display: table;
    padding-bottom: 10px;
    width: 100%;
}

.fds_detail dt {
    display: table-cell;
    min-width: 100px;
    width: 30%;
}

.fds_detail dd {
    display: table-cell;
    vertical-align: middle;
}

.fds_detail dd h3 {
    color: #e84c3d;
    padding: 15px 0;
    font-size: 100%;
}

.fds_name {
    background: url(../img/P28/fds-bg01.html) no-repeat 0 0 transparent;
    background-size: contain;
    padding-left: 30px;
    margin: 15px 0;
    min-height: 24px;
    font-size: .9rem;
}

.fds_name a {
    color: #767676;
    display: block;
    line-height: 20px;
    text-decoration: none;
    width: 100%;
}

.fds_name.fds_bg01 {
    background: url(../img/P28/fds-bg02.html) no-repeat 0 0 transparent;
    background-size: contain;
}

.fds_gr03 {
    background-color: #fff;
    display: table;
    padding: 15px;
    margin-bottom: 40px;
    width: 100%;
}

.fds_content {
    clear: both;
    width: 100%;
}

.fds_image img {
    display: block;
    width: 100%;
}

.pdl {
    padding-left: 15px;
}

.pdb {
    padding-bottom: 15px;
}

.pdr {
    padding-right: 15px;
}

.thanks_box {
    border: 3px solid #ccc;
    margin: 80px auto;
    padding: 20px 10px;
    width: 80%;
}

.thanks_box h3 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;
    text-align: center;
}

.thanks_box p {
    text-align: center;
    margin-bottom: 0;
}


/* messages-page */

.messages-page .messages-banner {
    position: relative;
    margin-bottom: 1.5rem;
}

.messages-page .messages-tit {
    font-size: 22px;
    font-weight: bold;
}

.messages-page .messages-box {
    margin-top: 3rem;
    margin-bottom: 4rem;
}

.messages-page .messages-tt {
    margin-bottom: 3rem;
    border-left: 2px solid #df241c;
    padding: 0.3rem 1rem;
    position: relative;
    font-size: 18px;
    font-weight: 600;
}

.messages-page .messages-tt::before {
    content: "";
    position: absolute;
    border-bottom: 1px dashed #df241c;
    bottom: -8px;
    left: -2px;
    width: 100%;
}

@media (min-width: 375px) {
    .cooking-pop .cooking-pop-02 .cooking-pop-cont dl dt {
        float: left;
        font-weight: 400;
        width: 52%;
    }

    .cooking-pop .cooking-pop-02 .cooking-pop-cont dl dd {
        float: left;
        margin-bottom: 0px;
        width: 48%;
    }
}

@media (min-width: 768px) {
    .modal_layer {
        width: 90%;
        height: 600px;
    }

    .modal_layer {
        height: auto;
    }

    .cooking-page .col01 span {
        font-size: 14px;
        padding: 0px 5px;
    }

    .cooking-recipe {
        padding: 75px 45px 25px;
    }

    .cooking-recipe figure.cooking-recipe-item figcaption h4,
    .cooking-recipe figure.cooking-recipe-item figcaption p {
        font-size: 16px;
    }

    .cooking-recipe .slider.cooking-slider .slick-prev {
        left: -30px;
    }

    .cooking-recipe .slider.cooking-slider .slick-next {
        right: -30px;
    }

    .cooking-link.top_recipe {
        margin-bottom: 100px;
    }

    .cooking-link a {
        bottom: 25px;
        font-size: 16px;
        max-width: 372px;
        padding: 12px 2%;
    }

    .cooking-link.top_recipe a {
        bottom: 18px;
    }

    .cooking-wrapper-form .cooking-sub-form h4,
    .cooking-wrapper-form .cooking-sub-form h5 {
        font-size: 16px;
    }

    .cooking-wrapper-form .cooking-sub-form dt {
        clear: both;
        float: left;
        font-size: 16px;
        margin-right: 15px;
    }

    .cooking-wrapper-form .cooking-sub-form dd {
        float: left;
        font-size: 16px;
    }

    .cooking-wrapper-form .cooking-main-form h4 {
        font-size: 20px;
        margin: 10px auto 40px;
    }

    .cooking-wrapper-form .cooking-main-form .cooking-recruit h4 {
        font-size: 26px;
    }

    .cooking-wrapper-form .cooking-main-form .cooking-recruit p {
        font-size: 16px;
    }

    .cooking-btn-reset,
    .cooking-btn-submit {
        font-size: 18px;
    }

    .cooking-wrapper-form .cooking-main-form .col01 {
        padding: 20px 20px 20px 5px;
    }

    .cooking-wrapper-form .cooking-main-form .col02 {
        padding: 20px 50px 20px 20px;
    }

    .cooking-wrapper-form .cooking-main-form .calendar20_row04 {
        padding: 20px 5px;
    }

    .cooking-btn-reset {
        padding: 12px 34px;
    }

    .cooking-btn-submit {
        padding: 12px 62px 12px 40px;
    }

    .btn-submit-check {
        padding: 6px 62px 6px 40px;
    }

    .cooking-btn-submit span {
        font-size: 24px;
    }

    .cooking-pop .cooking-pop-02 .cooking-pop-cont>div {
        width: 48%;
        vertical-align: top;
    }

    .cooking-pop .cooking-pop-02 .cooking-pop-cont>div:first-child {
        border-bottom: none;
        margin: 0;
        padding: 0;
    }

    .cooking-pop .cooking-pop-02 .cooking-pop-cont>div:last-child {
        padding-left: 20px;
    }

    .cooking-pop .cooking-pop-02 .cooking-pop-cont>div.bdr-right {
        border-right: 1px solid #fe8d93;
    }

    .cooking-pop .cooking-pop-02 .cooking-pop-cont>div.bdr-left {
        border-left: 1px solid #fe8d93;
    }

    .cooking-pop .cooking-pop-02 .cooking-pop-cont dt,
    .cooking-pop .cooking-pop-02 .cooking-pop-cont dd {
        font-size: 14px;
    }

    .ntsushin-block iframe {
        height: 720px;
    }

    .city-brand ul li {
        display: inline-block;
        max-width: 209px;
        width: 24.5%;
    }

    .sitmap_group li {
        float: left;
        margin-right: 4%;
    }

    .gas_step dt,
    .gas_step dd {
        display: table-cell;
        width: 100%;
    }

    .gas_step dt {
        width: 10%;
        border-radius: 8px 0 0 8px;
    }

    .gas_step dd {
        width: 90%;
        padding: 25px;
    }

    .gen_block .gas_step dt {
        width: 20%;
    }

    .gen_block .gas_step dd {
        width: 80%;
    }

    .moving-page .gen_btn .button {
        width: 350px;
    }

    .gas_step_desc {
        clear: left;
        float: left;
        width: 66%;
    }

    .gas_step_image {
        float: right;
        width: 33%;
        text-align: center;
    }

    .logo_list_btn .button {
        width: 300px;
    }

    .block_02 {
        padding: 54px 0 64px;
    }

    .gas_step article h3 {
        float: left;
    }

    .gas_absence p {
        float: left;
        font-size: 14px;
        padding: 10px 20px 30px;
        width: 70%;
    }

    .gas_absence div {
        float: left;
        margin: 0 30px;
    }

    .block_type03 {
        font-size: 14px;
        float: left;
        margin-right: 3%;
        width: 50%;
    }

    .block_type04 {
        font-size: 14px;
        float: left;
        width: 47%;
    }

    .block_type05 {
        font-size: 14px;
    }

    .gas_point01 {
        padding: 15px;
        min-height: 400px;
        width: 45%;
    }

    .gas_point h3 {
        font-size: 14px;
        padding: 15px 0;
    }

    .gas_point h3 span {
        font-size: 20px;
    }

    .gas_point_content {
        min-height: 300px;
    }

    .use_item01 figure {
        float: left;
        width: 45%;
        padding: 0 5% 0 0;
    }

    .use_item01 figcaption {
        float: left;
        width: 55%;
    }

    .use_item03 figure {
        float: left;
        width: 45%;
        padding: 0 0 0 5%;
    }

    .use_item03 figcaption {
        float: left;
        width: 55%;
    }

    .use_item04 figure {
        float: left;
        width: 55%;
        padding: 0 5% 0 0;
    }

    .use_item04 figcaption {
        float: left;
        padding-top: 10%;
        width: 45%;
    }

    .gen_btn .button {
        line-height: 55px;
        width: 350px;
    }

    .gen_pic {
        width: 230px;
    }

    .gen_btn01 {
        display: inline-block;
        margin: 0 8px;
    }

    .gen_btn01 .button {
        background-position: 225px 25px;
        width: 250px;
    }

    .gen_title02 span {
        letter-spacing: 5px;
        padding-left: 5px;
    }

    .gen_block01 {
        float: left;
        margin-right: 2%;
        overflow: hidden;
        width: 62%;
    }

    .gen_block02 {
        float: left;
        margin: 15px auto;
        overflow: hidden;
        width: 35%;
    }

    .gen_block04_1 {
        border-right: 1px solid #ddd;
        display: inline-block;
        margin: 10px 2% 0 0;
        width: 40%;
        vertical-align: top;
    }

    .gen_block04_2 {
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }

    .gen_block04 .block_inner {
        margin: 0 auto 20px;
    }

    .gen_block04 .block_inner._after {
        width: 94%;
    }

    .gen_block04 h3 {
        margin: 10px auto;
    }

    .gen_block05 span {
        letter-spacing: 5px;
        padding-left: 5px;
    }

    .gen_inner01 {
        display: table-cell;
        padding: 20px 3% 0 0;
        vertical-align: top;
        width: 45%;
    }

    .gen_inner02 {
        display: table-cell;
        vertical-align: middle;
        width: 52%;
    }

    .gen_inner03 {
        float: right;
        width: 30%;
    }

    .gen_inner04 {
        float: left;
        width: 65%;
    }

    .gen_pic01 {
        margin: 0;
    }

    .gen_ind {
        display: inline-block;
        margin: 20px 2%;
        width: 45%;
    }

    .gen_ind02 {
        display: inline-block;
        margin: 10px 2% 20px;
        width: 45%;
    }

    .gen_ind02 div {
        width: 100%;
    }

    .gen_ind03 {
        display: inline-block;
        margin: 0 1% 30px;
        width: 30%;
    }

    .gen_sub03 {
        float: right;
        margin-top: -30px;
        padding-right: 25px;
        text-align: right;
    }

    .gen_step dd {
        font-size: 18px;
        line-height: 24px;
    }

    .hover-eff-flex {
        align-items: center;
        display: flex;
        justify-content: space-around;
    }

    .effect-plus01,
    .effect-plus02 {
        margin: -20px -20px 0 -20px;
    }

    .effect-plus01 .effect-moses {
        margin: 20px;
    }

    .effect-plus01 .effect-moses h2,
    .effect-plus01 .effect-moses p,
    .effect-plus02 .effect-moses h2,
    .effect-plus02 .effect-moses p {
        font-size: 18px;
    }

    .block_img_4 .effect-plus02 .effect-moses {
        margin: 7px;
    }

    .effect-plus01 .effect-moses {
        /*height: 400px;*/
        margin: 0;
        width: 45.1%;
    }

    .effect-plus01 figure figcaption {
        height: 254px;
        left: 29px;
        top: 29px;
        width: 85.5%;
    }

    .effect-plus01 .effect-moses h2,
    .effect-plus01 .effect-moses p {
        height: 123px;
        line-height: 22px;
        width: 171px;
    }

    .effect-plus01 .effect-moses p {
        margin-left: 171px;
    }

    .effect-plus01 .effect-moses {
        margin-bottom: 44px;
    }

    .benny-new {
        display: inline-block;
        margin: 10px 65px 0 0;
        padding: 0;
        text-align: left;
        width: 50%;
        vertical-align: bottom;
    }

    .benny-new h4 {
        font-size: 20px;
        width: 100%;
    }

    .benny-new table {
        width: 100%;
    }

    .benny-new table th {
        background: #d8d8d8;
        border: 1px solid #fff;
        font-size: 16px;
        font-weight: normal;
        line-height: 32px;
        padding: 8px;
        width: 30%;
    }

    .benny-new table td {
        border: 1px solid #fff;
        font-size: 16px;
        line-height: 32px;
        padding: 8px;
        width: 70%;
    }

    .benny-link {
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        vertical-align: bottom;
        width: 50%;
    }

    .block_item {
        float: left;
        margin: 0;
        max-width: 420px;
        width: 47%;
    }

    .block_item div {
        padding: 30px 10%;
    }

    .block_item h3 {
        font-size: 21px;
    }

    .block_item p {
        min-height: 246px;
        padding-bottom: 30px;
    }

    .banner_tokushimaru {
        width: 56.8%;
    }

    .shop_group {
        padding-bottom: 35px;
        width: 80%;
    }

    .shop_group02 {
        padding-bottom: 35px;
        width: 100%;
    }

    .shop_title01 {
        font-size: 18px;
    }

    .shop_left {
        float: left;
    }

    .shop_right {
        float: right;
    }

    .shop_left.shop_img {
        padding-right: 30px;
    }

    .shop_right.shop_img {
        padding-left: 30px;
    }

    .shop_group .shop_img,
    .shop_group02 .shop_img {
        min-width: 220px;
        max-width: 280px;
        width: 35%;
    }

    .shop_group02 .shop_txt {
        width: 65%;
    }

    .shop_txt {
        width: 60%;
    }

    .fds_right {
        float: right;
        padding-left: 20px;
    }

    .fds_left {
        float: left;
        padding-right: 20px;
    }

    .fds_content {
        width: 55%;
        padding: 0;
    }

    .mgt {
        margin-top: -40px;
    }

    .fds_image {
        width: 45%;
    }

    .fds_gr02 .fds_item {
        margin: 0 0 30px 6%;
    }

    .fds_item {
        float: left;
        margin: 0 0 0 6%;
        width: 47%;
    }

    .fds_detail dt {
        width: 170px;
    }

    .fds_detail dd h3 {
        padding: 15px 0;
        font-size: 18px;
    }

    .button {
        width: 100%;
    }

    .messages-page .messages-banner .text-banner {
        padding: 14% 7%;
        font-size: 24px;
    }
}

@media (min-width: 900px) {
    .modal_layer {
        width: 855px;
    }
}

@media (min-width: 1024px) {
    .city-brand {
        margin: 10px auto 0;
    }

    .city-brand ul li {
        max-width: 217px;
    }
}

.mid-carreer-voice-page {
    margin-bottom: 0;
}


/* -- mid career voice -- */

.mvoice-block01 {
    background: url('../img/main-bg.png') repeat 0 0 transparent;
    clear: both;
    overflow: hidden;
    position: relative;
}

.mvoice-bg01 {
    background: url('../img/mid-carreer-voice/mvoice-banner01.png') no-repeat left top transparent;
    background-size: 100%;
    padding: 4.5rem 0 5rem;
}

.mvoice-block01 .mvoice-title01 {
    float: left;
}

.mvoice-title01 {
    color: #fff;
    font-size: 145%;
    line-height: 20px;
    margin-bottom: 30px;
}

.mvoice-txt01 {
    clear: both;
    font-size: 90%;
    padding-bottom: 20px;
}

.mvoice-lst {
    clear: both;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.mvoice-stf {
    display: block;
    height: 140px;
    margin: 10px auto;
    max-width: 320px;
    transition: all 0.5s;
    width: 100%;
}

.mvoice-stf a {
    display: block;
    height: 100%;
    width: 100%;
}

.mvoice-stf:hover {
    cursor: pointer;
}

.mvoice-kazuhito {
    background: url(../img/mid-carreer-voice/mvoice-kazuhito.png) no-repeat center center transparent;
}

.mvoice-kazuhito:hover {
    background: url(../img/mid-carreer-voice/mvoice-kazuhito-hover.png) no-repeat center center transparent;
}

.mvoice-ken {
    background: url(../img/mid-carreer-voice/mvoice-ken.png) no-repeat center center transparent;
}

.mvoice-ken:hover {
    background: url(../img/mid-carreer-voice/mvoice-ken-hover.png) no-repeat center center transparent;
}

.mvoice-jun {
    background: url(../img/mid-carreer-voice/mvoice-jun.png) no-repeat center center transparent;
}

.mvoice-jun:hover {
    background: url(../img/mid-carreer-voice/mvoice-jun-hover.png) no-repeat center center transparent;
}

.mvoice-takuo {
    background: url(../img/mid-carreer-voice/mvoice-takuo.png) no-repeat center center transparent;
}

.mvoice-takuo:hover {
    background: url(../img/mid-carreer-voice/mvoice-takuo-hover.png) no-repeat center center transparent;
}

.mvoice-daisuke {
    background: url(../img/mid-carreer-voice/mvoice-daisuke.png) no-repeat center center transparent;
}

.mvoice-daisuke:hover {
    background: url(../img/mid-carreer-voice/mvoice-daisuke-hover.png) no-repeat center center transparent;
}

.mvoice-tooru {
    background: url(../img/mid-carreer-voice/mvoice-tooru.png) no-repeat center center transparent;
}

.mvoice-tooru:hover {
    background: url(../img/mid-carreer-voice/mvoice-tooru-hover.png) no-repeat center center transparent;
}

.mvoice-youhei {
    background: url(../img/mid-carreer-voice/mvoice-youhei.png) no-repeat center center transparent;
}

.mvoice-youhei:hover {
    background: url(../img/mid-carreer-voice/mvoice-youhei-hover.png) no-repeat center center transparent;
}

.mvoice-mitsuyo {
    background: url(../img/mid-carreer-voice/mvoice-mitsuyo.png) no-repeat center center transparent;
}

.mvoice-mitsuyo:hover {
    background: url(../img/mid-carreer-voice/mvoice-mitsuyo-hover.png) no-repeat center center transparent;
}

.mvoice-hisako {
    background: url(../img/mid-carreer-voice/mvoice-hisako.png) no-repeat center center transparent;
}

.mvoice-hisako:hover {
    background: url(../img/mid-carreer-voice/mvoice-hisako-hover.png) no-repeat center center transparent;
}

.mvoice-stf,
.mvoice-stf:hover {
    background-size: 80%;
}

.mvoice-block02 {
    background: #fff;
    clear: both;
    overflow: hidden;
    position: relative;
}

.mvoice-bg02 {
    background: url(../img/mid-carreer-voice/mvoice-banner02.png) no-repeat right top transparent;
    background-size: 100%;
    padding: 4.5rem 0 5rem;
}

.mvoice-pic {
    margin: 20px auto;
    width: 100%;
}

.mvoice-bg03 {
    background: url(../img/mid-carreer-voice/mvoice-banner03.png) no-repeat left top transparent;
    background-size: 100%;
    padding: 4.5rem 0 5rem;
}

.mvoice-bg03 .row,
.mvoice-bg05 .row {
    clear: both;
    text-align: center;
    width: 100%;
}

.mvoice-bg03 .row p {
    background-color: #ff97e5;
    color: #fff;
    display: inline-block;
    font-size: 100%;
    margin: 15px;
    padding: 30px;
    text-align: center;
    width: 80%;
}

.mvoice-bg04 {
    background: url(../img/mid-carreer-voice/mvoice-banner04.png) no-repeat right top transparent;
    background-size: 100%;
    padding: 4.5rem 0 5rem;
}

.mvoice-col01,
.mvoice-col02 {
    margin: 20px 0;
    width: 100%;
}

.mvoice-block03 {
    background: url(../img/mid-carreer-voice/mvoice-bg01.png) repeat center center transparent;
    background-size: cover;
    clear: both;
    overflow: hidden;
    position: relative;
}

.mvoice-bg05 {
    background: url(../img/mid-carreer-voice/mvoice-banner05.png) no-repeat left top transparent;
    background-size: 100%;
    padding: 4.5rem 0 5rem;
}

.mvoice-col03,
.mvoice-col04 {
    margin: 10px auto;
    position: relative;
    width: 80%;
    padding: 0;
}

.mvoice-block04 {
    background: url(../img/mid-carreer-voice/mvoice-bg02.png) repeat center center transparent;
    clear: both;
    overflow: hidden;
    position: relative;
}

.mvoice-bg06 {
    background: url(../img/mid-carreer-voice/mvoice-banner06.png) no-repeat right top transparent;
    background-size: 100%;
    padding: 3rem 0 5rem;
}

.mvoice-btn div {
    margin: 30px auto;
    text-align: center;
    width: 80%;
}

.button {
    margin: 0 auto;
}

.mvoice-bg06 .mvoice-txt01 {
    color: #fff;
}

.mvoice-bg07 {
    overflow: hidden;
    padding: 5rem 0 2rem;
    width: 100%;
}

.mvoice-col03 .mvoice-col03-subr,
.mvoice-col04 .mvoice-col03-subr {
    bottom: -1px;
    position: absolute;
    right: 0;
    width: 160px;
}

.mvoice-col03 .mvoice-col03-subl,
.mvoice-col04 .mvoice-col03-subl {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 160px;
}

.pop-fam {
    padding: 0 10px;
}

.pop-fam01 {
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    vertical-align: middle;
}

.pop-fam02 {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    width: 100%;
    vertical-align: middle;
}

.pop-fam01 ul {
    overflow: hidden;
    padding: 0 2%;
    text-align: left;
    width: 100%;
}

.pop-fam01 ul li {
    cursor: pointer;
    display: inline-block;
    margin: 5px;
    position: relative;
    width: 27%;
    vertical-align: middle;
}

.pop-fam01 ul li img {
    display: block;
    width: 100%;
}

.pop-fam01 ul li span {
    background: #fff;
    border: 1px solid #333;
    bottom: 0px;
    color: #333;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: 2px;
    text-align: center;
    width: 15px;
}

.mvoice-bg {
    position: relative;
}

.mvoice-active {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.mvoice-bg:hover .mvoice-active {
    display: block;
}

.mid-carreer-voice-page img {
    max-width: 100%;
}

@media (min-width: 480px) {
    .mvoice-stf {
        display: inline-block;
        width: 50%;
        vertical-align: middle;
    }
}

@media (min-width: 736px) {
    .mvoice-stf {
        width: 32%;
    }

    .mvoice-stf,
    .mvoice-stf:hover {
        background-size: 100%;
    }
}

@media (min-width: 1024px) {
    .mvoice-lst {
        text-align: left;
    }
}

@media (min-width: 768px) {

    .mvoice-bg01,
    .mvoice-bg02,
    .mvoice-bg03,
    .mvoice-bg04,
    .mvoice-bg05,
    .mvoice-bg06 {
        background-size: 60%;
    }

    .mvoice-bg02 .mvoice-title01,
    .mvoice-bg04 .mvoice-title01,
    .mvoice-bg06 .mvoice-title01 {
        float: right;
        margin-right: 22px;
    }

    .mvoice-bg01 .mvoice-title01,
    .mvoice-bg03 .mvoice-title01,
    .mvoice-bg05 .mvoice-title01 {
        margin-left: 22px;
    }

    .mvoice-title01 {
        font-size: 32px;
    }

    .mvoice-bg01 .mvoice-txt01,
    .mvoice-bg03 .mvoice-txt01 {
        float: right;
        font-size: 18px;
        margin-right: 22px;
        padding-bottom: 60px;
    }

    .mvoice-bg02 .mvoice-txt01,
    .mvoice-bg04 .mvoice-txt01,
    .mvoice-bg06 .mvoice-txt01 {
        font-size: 18px;
        margin-left: 22px;
    }

    .mvoice-block01 .inner,
    .mvoice-block02 .inner,
    .mvoice-block03 .inner,
    .mvoice-block04 .inner {
        padding: 0 15px;
        margin: 0 auto;
        max-width: 980px;
    }

    .mvoice-bg03 .inner {
        margin-bottom: 14px;
    }

    .mvoice-stf {
        background-size: 100%;
        height: 148px;
        margin: 5px 9px;
        width: 31%;
    }

    .mvoice-stf:hover {
        background-size: 100%;
    }

    .mvoice-pic {
        margin: 40px auto;
        width: 80%;
    }

    .mvoice-bg03 .row p {
        font-size: 16px;
        width: 245px;
    }

    .mvoice-bg04 .row {
        margin: 0 auto;
        width: 94%;
    }

    .mvoice-col01 {
        display: inline-block;
        margin-right: 6%;
        width: 30%;
        vertical-align: bottom;
    }

    .mvoice-col02 {
        display: inline-block;
        font-size: 18px;
        width: 63%;
        vertical-align: bottom;
    }

    .mvoice-bg04 .inner {
        margin-bottom: 20px;
    }

    .mvoice-bg05 .mvoice-txt01 {
        float: right;
        font-size: 18px;
        margin-right: 10px;
        padding-bottom: 30px;
    }

    .mvoice-col03 {
        clear: both;
        display: inline-block;
        margin: 8px;
        max-width: 290px;
        width: 30%;
    }

    .mvoice-col04 {
        clear: both;
        display: inline-block;
        margin: 10px;
        max-width: 490px;
        width: 46%;
    }

    .mvoice-bg05 .row,
    .mvoice-bg6 .row {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .mvoice-bg05 .inner {
        margin-bottom: 24px;
    }

    .mvoice-btn div {
        margin: 80px auto;
        width: 600px;
    }

    .mvoice-btn div .button {
        font-size: 24px;
    }

    .pop-fam01 ul li {
        width: 14%;
    }
}


/* -- Fix Popup -- */

.product_layer.mvoice-pop {
    background-color: none;
    border: none;
    height: 0;
    padding: 0;
}

.inner_product_layer.mvoice-pop {
    padding: 0;
    overflow: hidden;
    width: 103%;
}

.button_top_modal_close.mvoice-pop {
    height: 730px;
    display: block;
    width: 100%;
}

.mvoice-pop {
    /*margin-top: 20px;*/
    text-align: center;
}

.mvoice-pop img {
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 1027px) {
    .product_layer.mvoice-pop {
        width: 997px;
    }

    .inner_product_layer.mvoice-pop {
        width: 997px;
    }

    .mvoice-pop {
        margin-top: -5px;
    }

    .button_top_modal_close.mvoice-pop {
        height: 250px;
        right: 0px;
        top: 400px;
        width: 200px;
    }
}

.float-btn-block {
    display: none;
}

.float-btn-block.active {
    bottom: 0;
    display: block;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    position: fixed;
    right: 420px;
    z-index: 999;
}

.float-btn-block.active.elec-btn {
    padding: 27px 0;
}

.float-btn-block.active.elec-btn>div {
    margin: 0 auto;
    max-width: 742px;
}

.float-btn-block.active .life_block_button {
    margin: 0;
}

.float-btn {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 46px;
    line-height: 36px;
    margin: 0 7px;
    padding: 10px 8px 8px 8px;
    text-align: center;
    width: 233px;
}

.float-red {
    background: url(../img/float-btn-red.png) no-repeat center center transparent;
    background-size: 233px 46px;
}

.float-sky {
    background: url(../img/float-btn-sky.png) no-repeat center center transparent;
    background-size: 233px 46px;
}

.float-green {
    background: url(../img/float-btn-green.png) no-repeat center center transparent;
    background-size: 233px 46px;
}

.block_05_nday {
    background: url(../img/nittohday-bg.png) repeat 0 0 transparent;
}


/* line-stamp page */

.line-stamp-block {
    max-width: 860px;
    margin: 0 auto;
    width: 100%;
}

.line-stamp-block .line-banner01 {
    background: url(../img/line-stamp/charater-bg.jpg) repeat 0 0 transparent;
    background-size: 25px;
    position: relative;
    padding-bottom: 70px;
    margin-bottom: 50px;
}

.line-stamp-block .line-banner01 .tcenter>img {
    display: block;
}

.line-stamp-block .line-banner01 .btn-blue {
    margin-top: 0;
}

.line-stamp-block .line-banner01 .line-bg-white {
    background-color: #fff;
    padding: 1px 20px 20px 20px;
    margin: 0 6.3% 0 6.7%;
}

.line-stamp-block .line-banner02 {
    background-color: #c2ebfd;
    padding: 10px 25px 30px;
    margin-bottom: 50px;
}

.line-stamp-block .btn-blue {
    display: inline-block;
    background-color: #0068b7;
    font-size: 27px;
    font-weight: bold;
    padding: 7px 15px;
    min-width: 420px;
    border-radius: 30px;
    margin-top: 45px;
    color: #fff;
    text-align: center;
}

.line-stamp-block .btn-blue:hover {
    background-color: #1d7dc7;
}

.line-stamp-block .box-qr {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
}

.line-stamp-block .box-qr .img-qr {
    width: 23.1%;
}

.line-stamp-block .box-qr .img-qr>img {
    display: block;
}

.line-stamp-block .box-qr .text-qr {
    margin-left: 4%;
    width: 72%;
    line-height: 1.2;
    font-weight: bold;
}

.line-stamp-block .box-qr .text-qr .bold {
    color: #0068b7;
    font-size: 35px;
    margin-bottom: 15px;
}

.line-stamp-block .box-qr .text-qr p {
    font-size: 22px;
    color: #229dcd;
}

.line-stamp-block .line-blue {
    background-color: #00b400;
    border-radius: 15px;
    border: 3px solid #00b400;
    margin-bottom: 50px;
}

.line-stamp-block .line-blue .tit-center {
    text-align: center;
    color: #fff;
    padding: 12px 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
}

.line-stamp-block .line-blue .box-white {
    background-color: #fff;
    padding: 25px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.line-stamp-block .line-blue .list-row {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.line-stamp-block .line-blue .list-row li {
    width: 28.3%;
    margin-right: 7.5%;
    position: relative;
}

.line-stamp-block .line-blue .list-row li::after {
    content: "";
    position: absolute;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 30px solid #d51519;
    top: 45%;
    right: -20%;
}

.line-stamp-block .line-blue .list-row li:last-child::after {
    border: 0;
}

.line-stamp-block .line-blue .list-row li:last-child {
    margin-right: 0;
}

.line-stamp-block .line-blue .list-row li img {
    display: block;
}

.line-stamp-block .line-blue .list-row li img:first-child {
    margin-bottom: 15px;
}

.line-stamp-block .line-blue .text-row {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.line-stamp-block .line-blue .text-row li {
    width: 30%;
    margin-right: 5%;
    color: #fff;
    text-align: center;
    background-color: #00b400;
    font-size: 18px;
    font-weight: bold;
}

.line-stamp-block .line-blue .text-row li:last-child {
    margin-right: 0;
}

.line-stamp-block .line-blue .text-row li a {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 13px 5px;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .line-stamp-block .line-blue .list-row li::after {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 20px solid #d51519;
    }

    .line-stamp-block .box-qr .text-qr .bold {
        font-size: 31px;
    }

    .line-stamp-block .box-qr .text-qr p {
        font-size: 20px;
    }
}

@media screen and (max-width: 500px) {
    .line-stamp-block .line-banner01 {
        background-size: 10px;
    }

    .line-stamp-block .line-banner02 {
        padding: 1% 2% 4%;
    }

    .line-stamp-block .btn-blue {
        min-width: 100%;
        font-size: 19px;
        margin-top: 20px;
    }

    .line-stamp-block .box-qr {
        display: block;
    }

    .line-stamp-block .box-qr .img-qr {
        width: 60%;
        margin: auto;
    }

    .line-stamp-block .box-qr .text-qr {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        text-align: center;
    }

    .line-stamp-block .box-qr .text-qr .bold {
        font-size: 25px;
    }

    .line-stamp-block .box-qr .text-qr p {
        font-size: 16px;
    }

    .line-stamp-block .line-blue .tit-center {
        font-size: 20px;
    }

    .line-stamp-block .line-blue .list-row,
    .line-stamp-block .line-blue .text-row {
        display: block;
    }

    .line-stamp-block .line-blue .list-row li,
    .line-stamp-block .line-blue .text-row li {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .line-stamp-block .line-blue .list-row li::after {
        border: 0;
    }

    .line-stamp-block .line-blue .list-row li:last-child,
    .line-stamp-block .line-blue .text-row li:last-child {
        margin-bottom: 0;
    }
}

.news_gas_link {
    display: inline-block;
    margin-left: 10px;
    ;
    vertical-align: middle;
}

.news_gas_list {
    margin-bottom: 30px;
    overflow: hidden;
}

.news_gas_list dt {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    vertical-align: top;
}

.news_gas_list dd {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: justify;
    vertical-align: top;
}

.news_gas_list .news_gas_underline {
    text-decoration: underline;
}

.red-bdr-bottom {
    border-bottom: 1px solid #ff0000;
}

@media (min-width: 768px) {
    .news_gas_list dt {
        margin-bottom: 10px;
    }

    .news_gas_list.news_gas_list01 dt {
        max-width: 144px;
        width: 16%;
    }

    .news_gas_list.news_gas_list02 dt {
        max-width: 260px;
        width: 29%;
    }

    .news_gas_list dd {
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 10px;
        text-align: justify;
        vertical-align: top;
    }

    .news_gas_list.news_gas_list01 dd {
        width: 82%;
    }

    .news_gas_list.news_gas_list02 dd {
        width: 69%;
    }
}

.bg-nittohday {
    background: url(../img/form/nittohday-2021-background.jpg) repeat;
}

.banner_image {
    display: block;
    margin: 0 auto;
    position: relative;
}

.btn-nittohday-ct {
    padding: 50px 0;
    text-align: center;
}

.bg-nittohday {
    background: url(../img/form/nittohday-2021-background.jpg) repeat;
}

.btn-nittohday {
    background: #229ea2;
    border: 1px solid #229ea2;
    color: #fff100;
    cursor: pointer;
    display: inline-block;
    font-size: 50%;
    font-weight: bold;
    padding: 0;
    text-align: center;
    width: 26%;
}

.form-wrap .btn-nittohday,
.form-wrap .btn-nittohday-02 {
    color: #fff100;
}

.btn-nittohday:hover {
    background: #fff;
    color: #229ea2;
}

.btn-nittohday-02 {
    background: rgb(37, 180, 184);
    background: linear-gradient(rgba(37, 180, 184, 1) 0%, rgba(36, 171, 175, 1) 50%, rgba(34, 161, 165, 1) 100%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff100;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
    width: auto;
    max-width: 100%;
}

.btn-nittohday-02:hover {
    opacity: .7;
}

.btn-nittohday-02 img {
    display: inline-block;
    width: auto;
}

.gh-link-01 {
    position: absolute;
    left: 13%;
    top: 32%;
}

.gh-link-02 {
    position: absolute;
    left: 60%;
    top: 32%;
}

.gh-link-03 {
    position: absolute;
    left: 13%;
    top: 48.5%;
}

.gh-link-04 {
    position: absolute;
    left: 60%;
    top: 48.5%;
}

.gh-link-05 {
    position: absolute;
    left: 13%;
    top: 65%;
}

.gh-link-06 {
    position: absolute;
    left: 60%;
    top: 65%;
}

.gh-link-07 {
    position: absolute;
    left: 13%;
    top: 82%;
}

.nittohday-form {
    background: url(../img/form/nittohday-2021-background-02.png) repeat;
    background-size: 100% auto;
    padding: 0 2em 2.5em 2em;
    position: relative;
}

.nittohday-form-top {
    background: url(../img/form/nittohday-2021-background-03.png) bottom no-repeat;
    background-size: 100%;
    width: 100%;
    height: 13px;
    margin-bottom: -1px;
}

.nittohday-form-bottom {
    background: url(../img/form/nittohday-2021-background-04.png) no-repeat;
    background-size: 100%;
    content: "";
    width: 100%;
    height: 13px;
}

.nittohday-form-img {
    padding: 1em 0;
}

.nittohday-form-img img {
    max-width: 100%;
    /* width: 100%; */
}

.nittohday-form-main {
    background-color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 2em;
}

.nittohday-form .custom-ul li {
    display: inline-block;
    min-width: 155px;
    margin-bottom: .5em;
}

.inner_02 {
    margin: 0 auto;
    position: relative;
    width: 95%;
    margin-top: -18px !important;
}

.nittohday-form select {
    width: 90px;
}

.nittohday-form .p-l0 {
    padding-left: 0;
}

.nittohday-form .btn_ghost04 {
    letter-spacing: 1px;
}

.nittohday-form .col03 dt,
.nittohday-form .col04 dt,
.nittohday-form .frm_note,
.nittohday-form .frm_list01 li {
    font-size: 14px;
}

.hr-line-pink {
    border-top: solid 2px #f19ec2;
    margin: 40px 0;
}

.hr-line-grey {
    border-top: solid 1px #c2c2c2;
    margin: 40px 0;
}

.g-icon01 input[type="checkbox"],
.g-icon01 input[type="radio"] {
    display: inline-block;
    height: 20px;
    margin-bottom: 3px;
    width: 20px;
    vertical-align: middle;
}

.nittoh-tsushin-survey-bg {
    background: url(../img/nittoh-tsushin/nittoh-tsushin-survey-bg.jpg) repeat;
    font-size: .95rem;
    padding-top: 80px;
}

.nittoh-tsushin-survey {
    font-size: .95rem;
}

.nittoh-tsushin-survey .box-quo {
    display: block;
    padding: 30px 0 40px 0;
    margin-bottom: 40px;
    border-bottom: 2px solid #01589f;
    text-align: center;
}

.nittoh-tsushin-survey .box-quo img {
    /* width: 50%; */
    margin: 0 auto 3%;
    display: inline-block;
}

.nittoh-tsushin-survey .box-quo p {
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0;
}

.nittoh-tsushin-survey .hissu {
    vertical-align: top;
}

.nittoh-tsushin-survey-bg .link-btn {
    border: 1px solid #fff;
    border-radius: 5px;
    color: #01589f;
}

.nittoh-tsushin-survey-bg .link-btn:hover {
    background: #fff;
    border: 1px solid #01589f;
    color: #01589f;
}

.nittoh-tsushin-survey .txt-survey {
    font-size: 14px;
}

.nd-flex .custom-ul {
    margin: 0;
    padding: 0;
}

.nd-flex .custom-ul li {
    display: block;
}

.nittoh-tsushin-survey-bg .g-btxt {
    font-weight: bold;
    line-height: 40px;
    padding: 0 0 25px;
}

.nittoh-tsushin-survey-bg .red2 {
    color: #db0917;
}

.nittoh-tsushin-survey-bg .pink {
    color: #e40165;
}

.nittoh-tsushin-survey-bg .bold_life_block {
    display: block;
    margin-bottom: 12px;
}

.nittoh-tsushin-survey-bg .form-wrap .p-l0 {
    padding-left: 0;
}

.even-frm-img01 img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    padding: 20px 0 40px;
    width: auto;
}

@media (min-width: 768px) {
    .w-md-50 {
        width: 50%;
    }

    .btn-nittohday {
        font-size: 16px;
        padding: 8px 15px;
    }

    .btn-nittohday-02 {
        font-size: 24px;
        padding: 20px 0;
        width: 430px;
    }

    .inner_02 {
        margin: 0 auto;
        min-width: 760px;
        max-width: 995px;
    }

    .nittohday-form .custom-ul-1 li {
        min-width: 120px;
    }

    .nittohday-form .custom-ul-2 li {
        min-width: 190px;
    }

    .nittohday-form .g-icon01 label {
        margin-right: 1em;
    }

    .nittohday-form .g-icon01 label.m-r0 {
        margin-right: 0;
    }

    .nd-flex .custom-ul {
        display: flex;
        padding: 0;
    }

    .nd-flex .custom-ul li label {
        margin-right: 0;
    }

    .nd-flex .custom-ul li {
        margin-right: 5%;
        min-width: auto;
    }

    .nd-flex .custom-ul-4 li:nth-child(1) {
        width: 100px;
    }

    .nd-flex .custom-ul-4 li:nth-child(2) {
        width: 242px;
    }

    .nd-flex .custom-ul-4 li:nth-child(3) {
        width: 110px;
    }

    .nd-flex .custom-ul-4 li:nth-child(4) {
        width: 200px;
        margin-right: 0;
    }

    .nd-flex .custom-ul-3 li:nth-child(1) {
        width: 314px;
    }

    .nd-flex .custom-ul-3 li:nth-child(2) {
        width: 150px;
    }

    .nd-flex .custom-ul-3 li:nth-child(3) {
        width: 170px;
        margin-right: 0;
    }

    .nittoh-tsushin-survey .box-quo {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nittoh-tsushin-survey .box-quo img {
        /* width: 26%; */
        margin: 0 4% 0 0;
    }

    .nittoh-tsushin-survey .box-quo p {
        font-size: 27px;
    }

    .nittoh-tsushin-survey .txt-survey {
        font-size: 18px;
    }
}

.has-text-align-right {
    text-align: right;
}

.wp-block-table th,
.wp-block-table td {
    padding: 5px;
    border: 1px solid #ccc;
}

.wp-block-image img {
    height: auto;
}

.list-href {
    position: relative;
}

.list-href a {
    position: absolute;
    height: 4.7%;
}

.list-href .href-01 {
    width: 37.8%;
    top: 6.3%;
    left: 3.9%;
}

.list-href .href-02 {
    width: 12.6%;
    top: 14.9%;
    left: 3.9%;
}

.list-href .href-03 {
    width: 22.1%;
    top: 21.5%;
    left: 3.9%;
}

.list-href .href-04 {
    width: 13.8%;
    top: 49.2%;
    left: 17.4%;
}

.list-href .href-05 {
    width: 12.5%;
    top: 45.6%;
    left: auto;
    right: 18.7%;
}

.list-href .href-06 {
    width: 12.4%;
    top: 57.5%;
    left: 3.9%;
}

.list-href .href-07 {
    width: 12.4%;
    top: 71%;
    left: 40.8%;
}

.list-href .href-08 {
    width: 12.4%;
    top: 71.2%;
    left: auto;
    right: 15.3%;
}

.list-href .href-09 {
    width: 16%;
    top: auto;
    left: 17.4%;
    bottom: 5.5%;
}

.list-href .href-10 {
    width: 19.7%;
    top: auto;
    left: auto;
    right: 22.1%;
    bottom: 5.5%;
}

.list-href .href-11 {
    width: 9.6%;
    top: auto;
    left: auto;
    right: 2.7%;
    bottom: 5.5%;
}

@media (max-width: 576px) {
    .bg-grey-sm {
        position: relative;
    }

    .bg-grey-sm::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 95.7%;
        height: calc(100% - .5rem);
        background-color: #f7f7f7;
        margin: auto;
        margin-top: .5rem;
        z-index: 1;
    }

    .bg-grey-sm>div {
        position: relative;
        z-index: 2;
    }

    .bg-grey-sm .bg-grey {
        background: #f7f7f7;
    }

    .bg-title-sm {
        background-color: #b3b3b3;
        color: #fff;
    }
}

.elec-space {
    position: relative;
}

.elec-link {
    height: 78px;
    position: absolute;
    width: 38.5%;
}

.elec-link01 {
    top: 30.8%;
    right: 3.3%;
}

.elec-link02 {
    width: 30%;
    top: 59%;
    right: 7.5%;
}

.elec-btn {
    background-color: #ffd087;
    border-radius: 50px;
    max-width: 700px;
    width: 100%;
    margin: 20px auto 0;
    text-align: center;
    padding: 10px;
}

.elec-btn div {
    background-color: #ff9c00;
    border-radius: 50px;
}

.elec-btn a {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 5px;
}

.elec-title {
    color: #ff9c00;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 0 30px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .elec-btn {
        margin: 50px auto 0;
    }

    .elec-btn a {
        font-size: 24px;
        padding: 20px;
    }

    .elec-title {
        font-size: 36px;
    }
}

.register_cterm01 {
    clear: both;
    margin: -10px auto 20px;
    overflow: hidden;
    width: 100%;
}

.register_cterm01 h4 {
    font-size: 110%;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 5px;
    width: 100%;
}

.register_cterm01 p {
    font-size: 100%;
    font-weight: bold;
    line-height: 24px;
}

.register_cterm01 p span {
    color: #ff0066;
    font-weight: bold;
}

.register_cterm02 {
    background-color: #ffffd5;
    border: 3px solid #00b050;
    overflow: hidden;
    padding: 5px 1%;
    width: 100%;
}

.register_cterm02 h4 {
    font-size: 100%;
    font-weight: bold;
}

.register_cterm02 p {
    font-size: 100%;
    font-weight: bold;
}

.register_cterm02 p span {
    margin-left: 10px;
}

.register_cterm02 a {
    color: #0563c1;
    text-decoration: underline;
}

.register_cterm_btnblock {
    margin: 40px auto;
    text-align: center;
    width: 100%;
}

.register_cterm_btnblock input.register_cterm_btn {
    background-color: #df241c;
    border: 1px solid #df241c;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin: 0 10px;
    padding: 10px 20px;
}

.register_cterm_btnblock input.register_cterm_btn:hover {
    background-color: #fff;
    border: 1px solid #df241c;
    color: #df241c;
}

.sub-grey {
    background-color: #bab5a9;
    color: #fff;
    padding: 5px 2px;
    text-align: center;
}

.block0625_subtitle01 {
    color: #f6821f;
    font-size: 20px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}

.block0625_subtitle02 {
    color: #7ea8c8;
    font-size: 20px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}

.block0625_sub01 {
    background: #fbc0c1;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin: 20px 0 10px;
    padding: 2px 10px;
    text-align: center;
    width: 100%;
}

.block0625_sub02 {
    background: #cfe9dc;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin: 20px 0 10px;
    padding: 2px 10px;
    text-align: center;
    width: 100%;
}

.block0625_sub03 {
    color: #333;
    display: block;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    text-decoration: underline;
}

.line-stamp-illust-box {
    background: url('../img/character/charater-bg.jpg') repeat 0 0 transparent;
    clear: both;
    overflow: hidden;
    position: relative;
    padding: 60px 0;
}

.line-stamp-height-24 {
    margin-top: -24%;
}

@media (min-width: 768px) {
    .sub-grey {
        max-width: 174px;
    }

    .register_cterm01 h4 {
        font-size: 20px;
    }

    .register_cterm01 p {
        font-size: 16px;
    }

    .register_cterm02 {
        padding: 5px;
    }

    .register_cterm02 h4 {
        font-size: 16px;
    }

    .register_cterm02 p {
        font-size: 14.5px;
    }

    .block0625_subtitle01,
    .block0625_subtitle02 {
        font-size: 34px;
    }

    .block0625_sub01,
    .block0625_sub02,
    .block0625_sub03 {
        font-size: 20px;
    }
}


/* End diem css */

.gsc-control-cse {
    clear: both;
    margin: 1rem auto 4rem;
    overflow: hidden;
    width: 100%;
}

.gsc-control-cse table.gsc-search-box td.gsc-input {
    padding: 0;
}

.gsc-control-cse table.gsc-search-box td.gsc-input .gsib_a {
    padding: .5rem;
}

.gsc-control-cse .gsc-search-button {
    min-height: 40px;
    min-width: 4rem;
    padding: .5rem;
}

.scroll-txt {
    max-height: 560px;
    overflow-y: scroll;
}

.scroll-txt p {
    text-align: justify;
}

.scroll-txt p.scroll-txt-indent {
    padding-left: 3.5rem;
    text-indent: -3.5rem;
}

.online-block {
    margin: 0 auto;
    max-width: 1000px;
    overflow: hidden;
    width: 94%;
}

.online-block .online-title01 {
    text-align: center;
    margin-bottom: 40px;
}

.online-block .online-title01 h3 {
    display: inline-block;
    font-weight: bold;
    font-size: 1.4rem;
    position: relative;
}

.online-block .online-title01 h3::before {
    content: "";
    position: absolute;
    background-color: #ffd200;
    width: 106%;
    height: 15px;
    bottom: -5px;
    left: -3%;
    z-index: 0;
}

.online-block .online-title01 h3 span {
    position: relative;
}

.online-inner {
    text-align: center;
}

.online-inner .inner-text {
    display: inline-block;
    text-align: left;
}

.online-inner .inner-text .bold {
    font-weight: bold;
    margin: 20px 0;
}

.online-inner .inner-text .text-center {
    text-align: center;
}

.online-btn {
    background-color: #e993ad;
    border: 1px solid #e993ad;
    border-bottom: 4px solid #9b5066;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 13px 22px;
    display: inline-block;
    margin-top: 40px;
}

.online-btn:hover {
    background-color: #fff;
    color: #e993ad;
    outline: none;
}

.online-form {
    margin-top: 60px;
}

.online-form h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    width: 100%;
}

.online-form .online-title-form {
    text-align: center;
    color: #ff6700;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 50px;
}

.online-main-form .g-section {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.online-main-form .col01 span {
    float: right;
    margin: 0;
}

.online-main-form .frm_list_block li {
    margin-bottom: 10px;
}

.online-main-form .frm_list_block li:last-child {
    margin-bottom: 0;
}

.online-main-form .col01 {
    padding: 5px 0 10px;
}

.online-main-form .col02 {
    padding: 0 0 20px 0;
}

.online-main-form .col04 {
    margin-bottom: 15px;
}

.online-main-form .box-datepicker {
    position: relative;
    display: inline-block;
}

.online-main-form .box-datepicker input {
    position: relative;
    z-index: 2;
    background: transparent;
    border: 1px solid #a9a9a9;
}

.online-main-form .box-datepicker .icon-datepicker {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 19px;
}

.online-main-form .row.border-none {
    border-bottom: 0;
}

.online-btn-form .cooking-btn-submit {
    background: url(../img/customer/cooking/cooking-btn-sumbit-icon.png) no-repeat 92% center #ff6700;
    border: 1px solid #ff6700;
    border-bottom: 4px solid #903a00;
}

.online-btn-form .cooking-btn-submit:hover {
    background: url(../img/customer/online-btn-sumbit-icon-hover.html) no-repeat 92% center #fff;
    color: #ff6700;
    outline: none;
}

.nit-box .nit-title {
    position: relative;
    z-index: 11;
}

.nit-box .nit-des {
    position: relative;
    z-index: 11;
}

.nit-box-5 {
    padding-top: 4em;
}

.nit-box .nit-value .nit-circle {
    font-size: .9rem;
    line-height: 1.4rem;
}


/* css */

.nit-box-6 {
    background-color: #e8ebfb;
    padding-top: 4rem;
}

.nit-box-6 .nit-value {
    color: #3c53df;
}

.nit-box-6 .nit-value span {
    color: #3c53df;
}

.nit-box-6 .nit-value .nit-circle {
    position: absolute;
    bottom: 95%;
    right: 30px;
    background-color: #3c53df;
}

.nit-box.nit-box-6 .nit-value .nit-circle:before {
    border-right-color: #3c53df;
}

.nit-box-7 {
    background-color: #fdeee6;
    padding-top: 4rem;
}

.nit-box-7 .nit-value {
    color: #f16c34;
}

.nit-box-7 .nit-value span {
    color: #f16c34;
}

.nit-box-7 .nit-value .nit-circle {
    position: absolute;
    bottom: 90%;
    left: 50px;
    background-color: #f16c34;
}

.nit-box.nit-box-7 .nit-value .nit-circle:before {
    border-right-color: #f16c34;
    left: unset;
    right: 4px;
    transform: rotate(-18deg);
}

.nit-box-8 {
    background-color: #ffe6e6;
    padding-top: 4rem;
}

.nit-box-8 .nit-value {
    color: #d82c60;
}

.nit-box-8 .nit-value .nit-circle {
    position: absolute;
    bottom: 95%;
    right: -8px;
    background-color: #d82c60;
}

.nit-box.nit-box-8 .nit-value .nit-circle:before {
    border-right-color: #d82c60;
}

.nit-box.nit-box-8 .nit-bg {
    bottom: -5px;
}

.nit-box-9 {
    background-color: #c6e6f7;
    padding-top: 4rem;
}

.nit-box-9 .nit-value {
    color: #009fea;
}

.nit-box-9 .nit-value span {
    color: #009fea;
}

.nit-box-9 .nit-value .nit-circle {
    position: absolute;
    bottom: 100%;
    right: -35px;
    background-color: #009fea;
}

.nit-box.nit-box-9 .nit-value .nit-circle:before {
    border-right-color: #009fea;
}

.nit-box-10 {
    background-color: #e9dbed;
    padding-top: 4rem;
}

.nit-box-10 .nit-value {
    color: #914aa3;
}

.nit-box-10 .nit-value .nit-circle {
    position: absolute;
    bottom: 130%;
    right: -55px;
    background-color: #914aa3;
}

.nit-box.nit-box-10 .nit-value .nit-circle:before {
    border-right-color: #914aa3;
}

.nit-box-10 .nit-bg img {
    position: relative;
    bottom: -20px;
    right: -20px;
}

.nit-box-10 .nit-bg-2 {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
}

.nit-box-10 .nit-bg-2 img {
    position: relative;
    left: -14px;
    top: -6px;
}

.nit-box-11 {
    background-color: #eff7ea;
    padding-top: 4rem;
}

.nit-box-11 .nit-des,
.nit-box-11 .nit-value {
    color: #6dc200;
}

.nit-box-11 .nit-value .nit-circle {
    position: absolute;
    bottom: 110%;
    right: -55px;
    background-color: #6dc200;
}

.nit-box.nit-box-11 .nit-value .nit-circle:before {
    border-right-color: #6dc200;
}

.nit-box-12 {
    background-color: #fff8e3;
    padding-bottom: .1rem;
}

.nit-box-12 .nit-title {
    line-height: 1.8rem;
}

.nit-box-12 .nit-value {
    color: #ffbe00;
}

.nit-box-12 .nit-value .nit-circle {
    position: absolute;
    bottom: 100%;
    right: -55px;
    background-color: #ffbe00;
}

.nit-box.nit-box-12 .nit-value .nit-circle:before {
    border-right-color: #ffbe00;
}

.nit-box-12 .nit-bg img {
    position: relative;
    right: -45px;
    bottom: -20px;
}

@media (max-width: 990px) {
    .nit-box .nit-value {
        font-size: 3em;
    }
}

@media (max-width: 768px) {
    .nit-box .nit-value .nit-circle {
        bottom: 95%;
        right: -15px;
    }

    .nit-box.nit-box-7 .nit-value .nit-circle {
        bottom: 95%;
        left: -15px;
    }

    .nit-box .nit-value .nit-circle {
        width: 80px;
        height: 80px;
        font-size: .8rem
    }

    .nit-box .nit-value .nit-circle:before {
        border-top: 5px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 5px solid transparent;
        position: absolute;
        bottom: 8px;
        transform: rotate(-42deg);
    }

    .nit-box-12 .nit-bg img {
        right: -15px;
    }
}

#myModal .modal-dialog {
    margin: 3rem auto;
}

#myModal .modal-dialog .modal-content {
    border-radius: .5rem;
}

#myModal .modal-dialog .modal-content .modal-body {
    padding: 2rem;
    text-align: center;
}

#myModal .modal-dialog .modal-content .modal-body p {
    font-size: 1.2rem;
    margin: .5rem 0 1.5rem;
}

#myModal .modal-dialog .modal-content .modal-body button.btn {
    background-color: #ff0000;
    border: none;
    color: #fff;
    min-width: 140px;
    padding: .8rem;
}


/* kanta-page */

.kanta-page .custom-container {
    max-width: 894px;
}

.kanta-page .kanta-title {
    background: #ED0579;
    color: #fff;
    font-size: 21.5px;
    font-weight: normal;
    padding: 7px 15px;
}

.kanta-page .kanta-box-img img {
    max-width: 105%;
}

.kanta-page .kanta-content {
    width: 90%;
    margin: 2rem auto 3rem;
    background-color: #FBAD18;
    border-radius: 25px;
    padding: 10px;
    position: relative;
}

.kanta-page .kanta-content .kanta-content-title {
    font-size: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 1%;
    writing-mode: vertical-rl;
    text-align: center;
    color: #fff;
}

.kanta-page .kanta-content .kanta-content-box {
    background-color: #fff;
    padding: 10px 15px;
    font-size: 13px;
    width: 88%;
    margin: auto;
    line-height: 1.7;
}

@media (max-width: 990px) {
    .kanta-page .custom-container {
        max-width: 95%;
    }
}

@media (max-width: 768px) {
    .kanta-page .kanta-title {
        font-size: 1.2rem;
    }

    .kanta-page .kanta-content .kanta-content-title {
        font-size: 1.8rem;
    }

    .kanta-page .kanta-content .kanta-content-box {
        width: 86%;
    }
}

@media (max-width: 414px) {
    .kanta-page .kanta-content .kanta-content-title {
        font-size: 1.5rem;
    }

    .kanta-page .kanta-content .kanta-content-box {
        width: 80%;
    }
}


/* evergreen */

.ever-title {
    background-color: #d3efec;
}

.ever-title-head {
    max-width: 990px;
    margin: auto;
    padding: 25px;
    text-align: center;
}

.ever-block {
    font-family: NotoSansJP, sans-serif;
}

.ever-block .custom-container {
    max-width: 1200px;
}

.ever-block-01 {
    background-color: #00cebd;
}

.ever-block-01 .pct-1 {
    margin: 0 -10px;
}

.ever-block-01 .pct-1 img {
    margin-top: -20px;
}

.ever-block-02 p,
.ever-block-04 p,
.ever-block-05 p,
.ever-block-06 p,
.ever-block-07 p,
.ever-block-08 p {
    text-align: justify;
}

.ever-block-04 .ever-b4-title,
.ever-block-05 .ever-b5-title,
.ever-block-06 .ever-b6-title,
.ever-block-07 .ever-b7-title,
.ever-block-08 .ever-b8-title {
    font-family: UDShinMGoPr6, sans-serif;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2px;
}

.ever-block-04 .ever-b4-item-num {
    font-size: 34px;
}

.ever-block-02 .ever-head {
    background-color: #f27a00;
}

.ever-block-02 .ever-ct {
    background-color: #f7f700;
}

.ever-block-03 {
    background-color: #ebf7f6;
}

.ever-block-04 {
    background-color: #00cebd;
}

.ever-block-04 .ever-b4-title {
    color: #f7f77d;
}

.ever-block-04 .ever-b4-title .fa-minus {
    font-size: 35px;
}

.ever-block-04 .ever-b4-item {
    width: 100%;
}

.ever-block-04 .ever-b4-item-num {
    color: #00cebd;
    font-size: 40px;
    font-weight: bold;
}

.ever-b4-item-title {
    font-size: 26px;
}

.ever-b4-item-sub {
    font-size: 16px;
}

.ever-block-05 {
    background-color: #fff000;
}

.ever-block-05 .ever-b5-title {
    color: #f27900;
}

.ever-block-05 .ever-b5-title .fa-minus {
    font-size: 35px;
}

.ever-block-05 .ever-b5-sub {
    font-size: 16px;
    max-width: 860px;
    margin: auto;
    text-align: center;
}

.ever-block-05 .ever-b5-ct {
    background-color: #FFFAB3;
}

.ever-b5-ct-logo-sub {
    font-size: 16px;
}

.ever-b5-item {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    max-width: 1150px;
    margin: auto;
    background-color: #fffee6;
    border-radius: 17px;
    overflow: hidden;
}

.ever-b5-item-ct {
    width: 61%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ever-b5-item-num {
    background-color: #00cebd;
    border-radius: 100%;
    min-width: 90px;
    width: 130px;
    height: 130px;
    color: #fff;
    margin: auto;
    text-align: center;
    padding: 5px;
    font-family: UDShinMGoPr6, sans-serif;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ever-b5-item-numt {
    font-size: 18px;
    margin-bottom: 10px;
}

.ever-b5-item-numb {
    font-size: 46px;
    line-height: 33px;
    font-weight: bold;
}

.ever-b5-item-title {
    color: #00cebd;
    font-family: UDShinMGoPr6, sans-serif;
    font-size: 28px;
    font-weight: bold;
}

.ever-b5-item-sub {
    font-family: NotoSansJP, sans-serif;
    font-size: 18px;
}

.ever-b5-item-img {
    width: 39%;
    position: relative;
}

.ever-b5-item-img img {
    width: 100%;
}

.ever-b5-item-imgsub {
    background-color: #000;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 25%;
    right: 25%;
    text-align: center;
    padding: 10px;
}

.ever-block-06 {
    background-color: #00cebd;
}

.ever-block-06 .ever-b6-title {
    color: #f7f77d;
}

.ever-block-06 .ever-b6-title .fa-minus {
    font-size: 35px;
}

.ever-b6-menu ul {
    border-radius: 15px;
    border: solid 2px #00cebd;
    padding: 0;
    text-align: center;
}

.ever-b6-menu li {
    list-style: none;
    display: inline-block;
    padding: 15px;
}

.ever-b6-menu li a {
    color: #00cebd;
    font-weight: bold;
    font-size: 18px;
}

.ever-b6-ask-title {
    color: #00cebd;
    border-bottom: dotted 4px #00cebd;
    font-weight: bold;
    font-size: 24px;
}

.ever-b6-ask-q {
    border-radius: 20px;
    background-color: #def7f7;
    color: #00cebd;
    padding: 10px 15px;
    display: flex;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 12px;
}

.ever-b6-ask-q b {
    min-width: 25px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    background-color: #00cebd;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
}

.ever-b6-ask-a {
    border-radius: 20px;
    background-color: #f0f7f7;
    color: #000;
    padding: 10px 15px;
    display: flex;
    font-size: 18px;
    margin-left: 20px;
    margin-bottom: 12px;
}

.ever-b6-ask-a b {
    min-width: 25px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 21px;
    border-radius: 100%;
    background-color: #c1f2ee;
    color: #00cebd;
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
}

.ever-block-07 {
    background-color: #ebf7f6;
}

.ever-block-07 .ever-b7-title {
    color: #00cebd;
}

.ever-block-07 .ever-b7-title .fa-minus {
    font-size: 35px;
}

.ever-block-07 .custom-container {
    max-width: 900px;
}

.ever-b7-form {
    font-size: 16px;
}

.ever-b7-form-main {
    max-width: 790px;
    margin: auto;
}

.ever-b7-form .ever-b7-form-lb {
    background-color: #ebf7f6;
    color: #00cebd;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
}

.ever-b7-form .ever-b7-form-lb2 {
    background-color: #efefef;
    color: #231815;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
    font-size: 14px;
}

.ever-b7-form select {
    background-color: #efefef;
    border-radius: 10px;
    border: 0;
    width: 100%;
    padding: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    color: #969696;
    font-size: 14px;
}

.ever-b7-form .ever-b7-select {
    position: relative;
}

.ever-b7-form .ever-b7-select::after {
    content: "\f107";
    color: #00cebd;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 20px;
}

.ever-b7-form input[type="text"],
.ever-b7-form input[type="number"] {
    background-color: #efefef;
    border-radius: 10px;
    border: 0;
    width: 100%;
    padding: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    color: #969696;
    font-size: 14px;
}

.ever-block-07 .col-4-5 {
    flex: 0 0 auto;
    width: 37.5%;
}

.ever-b7-crinfo1 {
    position: absolute;
    width: 14%;
    top: 3%;
    left: 35.5%;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.ever-b7-crinfo2 {
    position: absolute;
    width: 14%;
    top: 11.5%;
    left: 35.5%;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.ever-b7-crinfo3 {
    color: #00cebd;
    font-weight: bold;
    font-size: 40px;
    position: absolute;
    width: 23%;
    top: 1%;
    left: 70.5%;
}

.ever-b7-crinfo4 {
    position: absolute;
    width: 20%;
    top: 61%;
    left: 45%;
    font-weight: bold;
    font-size: 46px;
    color: #f27900;
}

.ever-btn {
    background-color: #f27a00;
    margin: auto;
    border-radius: 55px;
    border: 0;
    outline: none !important;
    font-weight: bold;
    text-align: center;
    padding: 20px 50px;
    position: relative;
    display: inline-block;
}

.ever-btn:hover,
.ever-btn:focus {
    box-shadow: none;
    outline: none;
}

.ever-btn .ever-btn-title {
    color: #ffff00;
    font-size: 32px;
    display: block;
}

.ever-btn .ever-btn-sub {
    color: #fff;
    font-size: 16px;
    display: block;
}

.ever-btn .ever-btn-icon {
    color: #fff;
    font-size: 22px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.ever-block-08 {
    background-color: #00cebd;
}

.ever-block-08 .custom-container {
    max-width: 960px;
}

.ever-block-08 .ever-b8-title {
    color: #f7f77d;
}

.ever-block-08 .ever-b8-title .fa-minus {
    font-size: 35px;
}

.ever-b8-name {
    color: #00cebd;
    font-size: 24px;
    font-weight: bold;
}

.ever-b8-sub {
    font-size: 16px;
}

.ever-b9-title {
    font-size: 24px;
}

.ever-b9-sub {
    font-size: 16px;
}

@media (max-width: 1300px) {
    .ever-block .custom-container {
        max-width: 990px;
    }

    .ever-block-04 .ever-b4-title,
    .ever-block-05 .ever-b5-title,
    .ever-block-06 .ever-b6-title,
    .ever-block-07 .ever-b7-title,
    .ever-block-08 .ever-b8-title,
    .ever-block-04 .ever-b4-item-num {
        font-size: 26px;
    }

    .ever-b4-item-title,
    .ever-b6-ask-title,
    .ever-b5-item-title,
    .ever-b9-title {
        font-size: 18px;
    }

    .ever-b4-item-sub,
    .ever-b6-ask-q,
    .ever-b7-form,
    .ever-b7-form-lb,
    .ever-b5-item-sub,
    .ever-b5-item-ct .fs-16,
    .ever-b8-sub {
        font-size: 14px;
    }

    .ever-b5-ct-logo-sub,
    .ever-b6-ask-a,
    .ever-b9-sub {
        font-size: 13px;
    }

    .ever-b5-item-num {
        width: 90px;
        height: 90px;
    }

    .ever-b5-item-numt {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 0;
        padding-top: 10px;
    }

    .ever-b5-item-numb {
        font-size: 33px;
    }

    .ever-b5-item-ct {
        width: 69%;
    }

    .ever-b5-item-img {
        width: 31%;
    }

    .ever-b8-name {
        font-size: 20px;
    }
}

@media (max-width: 1050px) {
    .ever-block .custom-container {
        max-width: 95%;
    }
}

@media (max-width: 768px) {
    .ever-b7-crinfo1 {
        top: 3.7%;
    }

    .ever-b7-crinfo1,
    .ever-b7-crinfo2 {
        font-size: 1.5vw;
    }

    .ever-b7-crinfo3 {
        font-size: 5vw;
    }

    .ever-b7-crinfo4 {
        font-size: 6vw;
    }
}

@media (max-width: 575px) {

    .ever-b5-item-ct,
    .ever-b5-item-img {
        width: 100%;
    }

    .ever-b5-item-title {
        font-size: 18px;
    }

    .ever-b5-item-num {
        min-width: 70px;
        width: 70px;
        height: 70px;
    }

    .ever-b5-item-numt {
        font-size: 12px;
        line-height: 15px;
    }

    .ever-b5-item-numb {
        font-size: 26px;
        line-height: 26px;
    }

    .ever-b6-menu li {
        width: 100%;
        padding: 5px 0;
    }

    .ever-b6-ask-a {
        margin-left: 0;
    }

    .ever-btn {
        padding: 20px 30px;
    }

    .ever-btn .ever-btn-title {
        color: #ffff00;
        font-size: 18px;
    }

    .ever-btn .ever-btn-sub {
        font-size: 11px;
    }

    .ever-btn span {
        right: 10px;
    }

    .ever-b7-crinfo1 {
        font-size: 14px;
        top: 16%;
        left: 31%;
        width: 26%;
    }

    .ever-b7-crinfo2 {
        font-size: 14px;
        top: 16%;
        left: 84.5%;
    }

    .ever-b7-crinfo3 {
        font-size: 43px;
        width: 60%;
        top: 28%;
        left: 20%;
    }

    .ever-b7-crinfo4 {
        font-size: 45px;
        width: 47%;
        top: 73%;
        left: 37%;
    }
}

@media (max-width: 360px) {

    .ever-b7-crinfo1,
    .ever-b7-crinfo2 {
        font-size: 3.5vw;
    }

    .ever-b7-crinfo3 {
        font-size: 10vw;
    }

    .ever-b7-crinfo4 {
        font-size: 11vw;
    }
}

.city_gas_model {}

.city_gas_model .modal-body {
    padding: 3.5rem 1rem .5rem;
    position: relative;
    text-align: justify;
}

.city_gas_model .modal-body .close {
    background-color: transparent;
    border: none;
    font-size: 1.5rem;
    position: absolute;
    right: 5px;
    top: 0px;
}

.city_gas_model .modal-body .close:focus {
    outline: none;
}

.city_gas_model .modal-footer {
    border-top: none;
    justify-content: center;
}

.city_gas_model .modal-footer .btn {
    border: 1px solid #bfbfbf;
    margin: 0 0 1.5rem;
    padding: .5rem 2rem;
}

.city_gas_model .modal-footer .btn:focus {
    box-shadow: none;
}

.title-home p.news-subtitle {
    border: 2px solid #000;
    color: #000;
    font-size: 16px;
    margin: 0 auto 1.5rem;
    max-width: 650px;
    padding: 1rem;
    width: 100%;
}

.title-home p.news-subtitle a {
    color: #000;
}

.title-home p.news-subtitle.gray-bg {
    background-color: #e6e6e6;
}

.title-home p.news-note a {
    background-color: #df241c;
    border-radius: .5rem;
    color: #fff;
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 auto 1.5rem;
    max-width: 650px;
    padding: 1.5rem .5rem;
    text-align: center;
    width: 100%;
}

.sub-warning-txt {
    color: #df241c;
    font-size: .7rem;
    font-weight: 600;
}


/* 80th */

.page-80th img {
    max-width: 100%;
}

.page-80th .hide-sp {
    display: inline-block;
}

.page-80th .hide-pc {
    display: none;
}

.page-80th .sp-inline {
    display: block;
}

.page-80th .section-01 {
    position: relative;
    background: url(../img/80th/background-01.png) top center no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.page-80th .section-01 .section-01_text {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 2.6;
    margin-bottom: 70px;
}

.page-80th .section-01_box {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    position: relative;
}

.page-80th .section-01_box .section-01_box_title {
    font-size: 18px;
    color: #fff;
    background-color: #100964;
    padding: 4px 15px;
    display: inline-block;
    border-radius: 8px;
}

.page-80th .section-01_box_images {
    padding: 35px 0;
    text-align: center;
}

.page-80th .section-01_box_images img {
    margin: auto;
}

.page-80th .box-note {
    font-size: 16px;
    display: inline-block;
    position: absolute;
}

.page-80th .note-01 {
    left: 30px;
    top: 100px;
}

.page-80th .note-02 {
    right: 30px;
    top: 100px;
}

.page-80th .note-03 {
    right: 30px;
    top: 200px;
}

.page-80th .box-note .title-note {
    position: relative;
    margin-bottom: 5px;
}

.page-80th .box-note .title-note::before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #100964;
    top: 50%;
    right: 105%;
    left: auto;
    width: 50%;
}

.page-80th .box-note .title-note::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #100964;
    left: -55%;
    top: 42%;
}

.page-80th .note-01 .title-note::before {
    left: 0;
    width: 100%;
}

.page-80th .note-01 .title-note::after {
    left: 100%;
}

.page-80th .box-note .title-note span {
    color: #100964;
    font-size: 17px;
    font-weight: bold;
    background-color: #fff;
    z-index: 2;
    position: relative;
    padding-right: 10px;
}

.page-80th .box-color-01 {
    position: absolute;
    left: 12%;
    bottom: -12%;
    z-index: 3;
}

.page-80th .section-02 {
    max-width: 1090px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(224, 221, 224, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(224, 221, 224, 1);
    box-shadow: 0px 0px 5px 0px rgba(224, 221, 224, 1);
    padding: 50px;
    margin: 70px auto;
    position: relative;
}

.page-80th .section-02 .line {
    height: 14px;
    background: url(../img/80th/line.png) repeat-x;
}

.page-80th .box-color-02 {
    position: absolute;
    right: -6%;
    top: 340px;
    z-index: 3;
}

.page-80th .box-challenge {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 40px 0 50px;
}

.page-80th .box-challenge .challenge-left {
    width: calc(100% - 552px);
    color: #100964;
    position: relative;
    z-index: 3;
}

.page-80th .box-challenge .challenge-left .text-top {
    margin-bottom: 50px;
    max-width: 400px;
}

.page-80th .box-challenge .challenge-left .text-top img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.page-80th .box-challenge .challenge-left .text-small {
    font-size: 18px;
    margin-bottom: 0;
}

.page-80th .box-challenge .challenge-left .text-small span {
    font-size: 24px;
}

.page-80th .box-challenge .challenge-right {
    width: 617px;
    margin-left: -65px;
}

.page-80th .box-challenge-detail {
    line-height: 1.8;
    font-size: 18px;
}

.page-80th .challenge-image {
    position: relative;
}

.page-80th .box-color-03 {
    position: absolute;
    left: -9%;
    top: 40px;
}

.page-80th .box-history .title-history {
    background-color: #100964;
    text-align: center;
    padding: 5px;
    color: #fff;
    font-weight: bold;
}

.page-80th .wapper-history {
    background-image: linear-gradient(#3DB8EB, #4673B8);
    width: 100%;
}

.page-80th .wapper-history .list-history {
    display: flex;
    margin-bottom: 0;
}

.page-80th .wapper-history .list-history:nth-child(2n+1) {
    background: rgba(255, 255, 255, 0.2);
}

.page-80th .wapper-history .list-history dt {
    width: 71px;
    padding: 10px 5px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.page-80th .wapper-history .list-history dd {
    width: calc(100% - 71px);
    padding: 10px 15px;
    background-color: #f7f7f7;
    margin-bottom: 0;
    line-height: 1.5;
}

.page-80th .wapper-history .title-small {
    color: #100964;
    margin-bottom: 0;
    font-size: 13px;
}

.page-80th .wapper-history .list-detail {
    margin-bottom: 0;
    padding-left: 17px;
}

.page-80th .wapper-history .list-detail li {
    position: relative;
    list-style: none;
    margin-top: 5px;
}

.page-80th .wapper-history .list-detail li::before {
    content: "";
    background-color: #100964;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    left: -17px;
    top: 8px;
    position: absolute;
}

.page-80th .wapper-history .list-detail li img {
    display: block;
    margin: 5px 0;
    margin-left: -17px;
    max-width: calc(100% + 17px);
}

@media (max-width: 1090px) {
    .page-80th .section-02 {
        max-width: 95%;
    }

    .page-80th .box-challenge {
        flex-wrap: wrap;
    }

    .page-80th .box-challenge .challenge-left,
    .page-80th .box-challenge .challenge-right {
        width: 100%;
    }

    .page-80th .box-challenge .challenge-right {
        margin-left: 0;
        text-align: center;
    }

    .page-80th .box-color-02 {
        right: -2%;
        top: 150px;
    }

    .page-80th .box-color-03 {
        left: -4%;
    }
}

@media (max-width: 900px) {
    .page-80th .box-note {
        font-size: 12px;
    }

    .page-80th .box-color-01 {
        left: 5%;
        max-width: 28%;
    }
}

@media (max-width: 768px) {
    .page-80th .hide-sp {
        display: none;
    }

    .page-80th .hide-pc {
        display: inline-block;
    }

    .page-80th .sp-inline {
        display: inline-block;
    }

    .page-80th .section-01 {
        padding: 40px 0;
    }

    .page-80th .section-01_box {
        padding: 4% 3%;
    }

    .page-80th .section-01 .section-01_text {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .page-80th .section-01_box .section-01_box_title {
        display: block;
        text-align: center;
    }

    .page-80th .box-note .title-note .icon-cricle {
        border: 1px solid #100964;
        padding: 0px 6px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 8px;
    }

    .page-80th .box-note {
        position: relative;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        font-size: 16px;
    }

    .page-80th .box-note .title-note::before,
    .page-80th .box-note .title-note::after {
        display: none;
    }

    .page-80th .box-color-01 {
        max-width: 24%;
        left: 1%;
        bottom: -7%;
    }

    .page-80th .section-02 {
        padding: 4% 3%;
    }

    .page-80th .box-color-02 {
        max-width: 24%;
        top: 100px;
    }

    .page-80th .box-color-03 {
        max-width: 24%;
    }

    .page-80th .box-challenge .challenge-left .text-top {
        width: 60%;
    }

    .page-80th .box-challenge .challenge-left .text-small {
        font-size: 12px;
    }

    .page-80th .box-challenge .challenge-left .text-small span {
        font-size: 16px;
    }

    .page-80th .box-challenge-detail {
        font-size: 16px;
    }

    .page-80th .box-challenge-detail .image-right {
        max-width: 50%;
    }
}

@media (max-width: 414px) {
    .page-80th .box-color-01 {
        max-width: 28%;
        bottom: -2%;
    }

    .page-80th .box-color-02 {
        max-width: 28%;
        top: 120px;
    }
}


/* danboucp */

.danboucp-title {
    background-color: #da211a;
    color: #fff;
    font-family: 'Noto Sans CJK JP';
    font-size: 2rem;
    font-weight: 600;
    line-height: 30px;
    margin: 2rem auto;
    padding: 2.6rem 0;
    text-align: center;
    width: 100%;
}
.danboucp-title span {
    display: block;
    font-size: 1.4rem;
    margin-top: .5rem;
}

.danboucp-cont {
    margin: 0 auto -4rem;
    max-width: 1000px;
    width: 100%;
}

.danboucp-cont .danboucp-block-01 {
    font-family: 'Noto Sans CJK JP';
    margin: 0 auto 4rem;
}

.danboucp-cont .danboucp-block-01 h4 {
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 30px;
    margin: 0 auto 2rem;
    text-align: center;
    width: 100%;
}

.danboucp-cont .danboucp-block-01 .danboucp-notice-01 {
    border: 3px solid #da211a;
    margin: 0 auto 2rem;
    max-width: 443px;
    text-align: center;
    width: 100%;
}

.danboucp-cont .danboucp-block-01 .danboucp-notice-01 h5 {
    background-color: #da211a;
    color: #fff;
    padding: .8rem 0;
    text-align: center;
    width: 100%;
}

.danboucp-cont .danboucp-block-01 .danboucp-notice-01 h6 {
    color: #da211a;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 1.5rem 0 .2rem;
    width: 100%;
}

.danboucp-cont .danboucp-block-01 .danboucp-notice-01 p {
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
    width: 100%;
}

.danboucp-cont .danboucp-block-01 .danboucp-notice-02 {
    background-color: #f7f7f7;
    border-radius: 1rem;
    padding: 2rem;
    width: 100%;
}

.danboucp-cont .danboucp-block-01 .danboucp-notice-02 h5 {
    color: #da211a;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center;
    width: 100%;
}

.danboucp-cont .danboucp-block-01 .danboucp-notice-02 ul {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

.danboucp-cont .danboucp-block-01 .danboucp-notice-02 ul li {
    font-size: 1rem;
    line-height: 28px;
    padding-left: 1.5rem;
    position: relative;
}

.danboucp-cont .danboucp-block-01 .danboucp-notice-02 ul li:before {
    content: '※';
    left: 0;
    position: absolute;
    top: 0;
}

.danboucp-block02 {
    clear: both;
    margin: 0 auto 4rem;
    width: 100%;
}

.danboucp-block02 h4 {
    background-color: #d32755;
    border-radius: 1rem 1rem 0 0;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
    padding: 1.1rem 0;
    text-align: center;
    width: 100%;
}

.danboucp-block02 .danboucp-dw {
    border-radius: 0 0 1rem 1rem;
    background-color: #ffeded;
    padding: 2rem .5rem;
    text-align: center;
    width: 100%;
}

.danboucp-block02 .danboucp-dw p {
    font-size: 1rem;
}

.danboucp-block02 .danboucp-dw img {
    display: block;
    margin: 2rem auto 3rem;
    width: 100%;
}

.danboucp-block02 .danboucp-dw img.danboucp-pc {
    display: block;
    max-width: 700px;
}

.danboucp-block02 .danboucp-dw img.danboucp-sp {
    display: none;
    max-width: 330px;
}

.danboucp-block02 .danboucp-dw h5 {
    border-bottom: 3px solid #d32755;
    color: #d32755;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.danboucp-block02 .danboucp-dw h6 {
    color: #000;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: .4rem;
}

.danboucp-block03 {}

.danboucp-block03 h4 {
    background-color: #da211a;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 2rem;
    padding: 1.5rem 0;
    text-align: center;
    width: 100%;
}

.danboucp-block03 .danboucp-dw-app {
    background-color: #f7f7f7;
    border-radius: 1rem;
    padding: 1.5rem 2.5rem;
    width: 100%;
}

.danboucp-block03 .danboucp-dw-app h5 {
    color: #000;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center;
}

.danboucp-block03 .danboucp-dw-app ul {
    background-color: #fff;
    list-style: none;
    margin: 0 auto 2rem;
    padding: 1rem 1.5rem;
    width: 100%;
}

.danboucp-block03 .danboucp-dw-app ul li {
    font-size: .9rem;
    margin-bottom: .5rem;
    padding-left: 2rem;
    position: relative;
}

.danboucp-block03 .danboucp-dw-app ul li:before {
    color: #d32755;
    content: '●';
    font-size: 1.2rem;
    left: 0;
    line-height: 16px;
    position: absolute;
    top: 2px;
}

.danboucp-block03 .danboucp-dw-app div {
    background-color: #999;
    border-radius: .5rem;
    margin: 0 auto .8rem;
    max-width: 540px;
    padding: 1rem 0;
    text-align: center;
}

.danboucp-block03 .danboucp-dw-app div label {
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
}

.danboucp-block03 .danboucp-dw-app div label input {
    background-color: #fff;
    border: none;
    box-shadow: none;
    display: inline-block;
    height: 24px;
    margin-right: .2rem;
    outline: none;
    width: 24px;
    vertical-align: middle;
}

.danboucp-block03 .danboucp-dw-app p {
    font-size: .9rem;
    text-align: center;
}

.danboucp-block03 .danboucp-dw-app p a {
    color: #000;
    font-size: .9rem;
    text-decoration: underline;
}

.block-01.danboucp-frm {
    padding-top: 1rem;
}
.danboucp-frm .custom-container {
    max-width: 1000px;
}

.danboucp-frm select {
    cursor: pointer;
}

.danboucp-frm .border-none {
    border: none !important;
}

.danboucp-thanks p {
    line-height: 26px;
    max-width: 916px;
}
.danboucp-frm .danboucp-ml01 {
    display: block;
    margin: 0 auto;
    max-width: 848px;
    width: 100%;
}
.danboucp-frm .danboucp-ml02 {
    display: block;
    margin: 0 auto;
    max-width: 560px;
    width: 100%;
}

.danboupc-footer {
    margin: 1rem auto;
    text-align: center;
    width: 100%;
}

.danboupc-footer a {
    display: block;
    width: 100%;
}

.danboupc-footer a img {
    display: block;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .danboucp-block03 h4 span {
        display: block;
    }

    .danboucp-title span:first-child,
    .danboucp-block03 h4 span:first-child {
        margin-bottom: .8rem;
    }

    .danboucp-cont .danboucp-block-01 h4 {
        padding: 0 1rem;
    }

    .danboucp-cont .danboucp-block-01 .danboucp-notice-01,
    .danboucp-cont .danboucp-block-01 .danboucp-notice-02,
    .danboucp-block02,
    .danboucp-block03 {
        margin-left: auto;
        margin-right: auto;
        width: 96%;
    }

    .danboucp-cont .danboucp-block-01 .danboucp-notice-02 {
        padding: 2rem 1rem;
    }

    .danboucp-block02 .danboucp-dw img.danboucp-pc {
        display: none;
    }

    .danboucp-block02 .danboucp-dw img.danboucp-sp {
        display: block;
    }

    .danboucp-frm {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.top-banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0 auto 2rem;
    max-width: 990px;
    width: 100%;
}

.top-banner figure {
    text-align: center;
}

.top-banner figure img {
    display: block;
    margin: 0 auto;
}

.top-banner figure figcaption {
    color: #333;
    display: block;
    font-weight: 600;
    margin: 5px auto;
}

.hapimaga-social ul {
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    list-style: none;
}

.hapimaga-social ul li a {
    display: block;
    font-size: 2rem;
    margin: .5rem;
    max-width: 60px;
}

.hapimaga-social ul li a img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.first-txt {
    margin-left: 15px;
}

.first-txt::first-letter {
    margin-left: -15px;
}


/* SMS 2023 */

.sms2023 {
    background-color: #fff;
    border-top: solid 10px #df241c;
    clear: both;
    margin: 0 auto;
    max-width: 414px;
    width: 100%;
}

.sms2023 .sms2023-logo {
    margin: 0;
    padding: .5rem 0 .7rem .75rem;
    width: 100%;
}

.sms2023 .sms2023-logo a {
    padding: .3125rem;
}

.sms2023 .sms2023-logo a img {
    height: 35px;
}

.sms2023 .sms2023-title {
    background: #df241c;
    color: #fff;
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 auto;
    padding: .5rem 1rem .7rem;
    width: 100%;
}

.sms2023 .sms2023-sub-title {
    background: #ffe6e6;
    color: #df241c;
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 auto .8rem;
    padding: .5rem 1rem .7rem;
    width: 100%;
}

.sms2023-block {
    font-family: "Noto Sans";
    margin: 0 auto .2rem;
    padding: .6rem .5rem 0;
    width: 100%;
}

.sms2023-block h4,
.sms2023-block a {
    border-radius: 6px;
    display: block;
    letter-spacing: .5px;
    margin: 0 0 .3rem;
    padding: .6rem .8rem .8rem;
    width: 100%;
}

.sms2023-block h4 {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 .8rem;
    text-align: center;
}

.sms2023-block p {
    margin: 0 0 .7rem;
}

.sms2023-block a {
    color: #333;
    font-size: .95rem;
    font-weight: 600;
    margin: 0;
}

.sms2023-block a i.fa {
    float: right;
    line-height: 24px;
}

.sms2023-block.sms2023-block-pink h4 {
    background-color: #d82b60;
}

.sms2023-block.sms2023-block-pink a {
    background-color: #ffe7e7;
}

.sms2023-block.sms2023-block-pink a i.fa {
    color: #d82b60;
}

.sms2023-block.sms2023-block-blue h4 {
    background-color: #25a8f0;
}

.sms2023-block.sms2023-block-blue a {
    background-color: #c6e5f7;
}

.sms2023-block.sms2023-block-blue a i.fa {
    color: #25a8f0;
}

.sms2023-block.sms2023-block-gray h4 {
    background-color: #b3b3b3;
}

.sms2023-block.sms2023-block-gray a {
    background-color: #f2f2f2;
}

.sms2023-block.sms2023-block-gray a i.fa {
    color: #b3b3b3;
}


/* Cooking Renewal */

.cooking-renewal {
    /* font-family: "Noto Sans CJK JP"; */
}

.cooking-renewal-title01 {
    background-color: #fff7f0;
    color: #000;
    /* font-family: "Noto Sans CJK JP DemiLight"; */
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto;
    padding: 3rem 0;
    text-align: center;
    width: 100%;
}

.cooking-new-recipe {
    background-color: #ffeabf;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.cooking-new-recipe::before,
.cooking-new-recipe::after {
    background-color: #ffdd99;
    content: '';
    height: 8px;
    position: absolute;
    top: 30px;
    z-index: 8;
    width: calc(50% - 100px);
}

.cooking-new-recipe::before {
    left: 0;
}

.cooking-new-recipe::after {
    right: 0;
}

.cooking-new-recipe .cooking-new-recipe-title {
    background-color: #ffdd99;
    border-radius: 0 0 8px 8px;
    margin: 0 auto 2rem;
    max-width: 202px;
    padding: .5rem;
    text-align: center;
    z-index: 9;
}

.cooking-new-recipe .cooking-new-recipe-title img {
    display: block;
    margin: 0 auto .3rem;
}

.cooking-new-recipe .cooking-new-recipe-title h4 {
    color: #8b7157;
    font-size: 20px;
    font-weight: 600;
    margin: 0 auto;
}

.cooking-new-recipe .cooking-new-recipe-title span {
    color: #8b7157;
    font-size: 12px;
    font-weight: 400;
}

.cooking-new-recipe .cooking-new-recipe-cont {
    align-items: flex-start;
    display: flex;
    justify-content: center;
}

.cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item {
    display: flex;
    justify-content: space-between;
    margin: 0 0 2rem;
    max-width: 400px;
    width: 100%;
}

.cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item:last-child {
    border-left: 2px dotted #8b7157;
    padding-left: 2rem;
}

.cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item a {
    cursor: pointer;
    display: block;
    max-width: 220px;
}

.cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item img {
    background-color: #ea041c;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item figcaption {
    width: calc(100% - 240px);
}

.cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item figcaption p.cooking-new-icon {
    background: url(../img/cooking-renewal/cooking-new-icon.png) no-repeat left center transparent;
    color: #ea041c;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 .3rem;
    padding-left: 2.8rem;
}

.cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item figcaption span {
    color: #8b7157;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 .3rem;
    padding: 0 0 0 1.35rem;
}

.cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item figcaption h5 {
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

.cooking-main-recipe {
    background-color: #fff7f0;
    margin: 0 auto;
    width: 100%;
}

.cooking-main-recipe .cooking-main-recipe-container {
    margin: 0 auto;
    max-width: 990px;
    padding: 3rem 0;
    width: 100%;
}

.cooking-main-recipe .cooking-main-recipe-content {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.cooking-search-recipe {
    max-width: 292px;
    width: 100%;
}

.cooking-search-recipe .cooking-search-title {
    align-items: center;
    background-color: #f97d4a;
    border-bottom: 2px solid #d9774a;
    border-radius: 10px 10px 0 0;
    display: flex;
    padding: .5rem;
}

.cooking-search-recipe .cooking-search-title img {
    display: block;
    margin-right: .5rem;
}

.cooking-search-recipe .cooking-search-title h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.cooking-search-recipe .cooking-search-cont {
    background-color: #ffe5cc;
    border-radius: 0 0 10px 10px;
    padding: 1rem;
}

.cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap h5 {
    border-left: 7px solid #f87241;
    color: #80664d;
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto .75rem;
    padding-left: .5rem;
}

.cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto .75rem;
    padding: 0;
}

.cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li {
    margin: 0 0 .75rem;
    width: 100%;
}

.cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst-01 li {
    max-width: 122px;
}

.cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst-02 li {
    max-width: 82px;
}

.cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li a {
    background-color: #fff;
    border-radius: 10px;
    display: block;
    min-height: 90px;
    padding: .3rem;
    text-align: center;
    width: 100%;
}

.cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li.active a {
    background-color: #fcbea4;
}

.cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li a span {
    display: block;
    color: #80664d;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: .3rem;
    width: 100%;
}

.cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li a img {
    display: block;
    margin: 0 auto;
    max-height: 50px;
    max-width: 100%;
    width: auto;
}

.cooking-search-recipe .cooking-search-cont .cooking-search-button {
    background-color: #f97d4a;
    border: none !important;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 1.5rem auto;
    max-height: 64px;
    max-width: 228px;
    padding: 1.2rem .5rem;
    text-align: center;
    width: 100%;
}

.cooking-search-recipe .cooking-search-cont .cooking-search-button:focus {
    outline: none;
}

.cooking-show-recipe {
    margin-bottom: 3rem;
    max-width: 675px;
    width: 100%;
}

.cooking-show-recipe .cooking-show-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 1rem;
    width: 100%;
}

.cooking-show-recipe .cooking-show-header .after-search-title {
    color: #000;
    display: none;
    font-size: 30px;
    font-weight: 600;
}

.cooking-show-recipe .cooking-show-header .after-search-result {
    color: #fb935f;
    display: none;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
}

.cooking-show-recipe .cooking-show-header .cooking-show-header-title {
    align-items: center;
    color: #80664d;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.cooking-show-recipe .cooking-show-header .cooking-show-header-title img {
    display: block;
    margin-right: .5rem;
}

.cooking-show-recipe .cooking-show-header .cooking-show-header-show-all {
    background-color: #fa8854;
    border: none !important;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    padding: .35rem;
    text-align: center;
    width: 132px;
}

.cooking-show-recipe .cooking-show-header .cooking-show-header-show-all:focus {
    outline: none;
}

.cooking-show-recipe .cooking-show-list {
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem 1.5rem;
    width: 100%;
}

.cooking-show-recipe .cooking-show-list>div {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -0.55rem 0 0;
}

.cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item {
    margin: 0 .55rem;
    max-width: 296px;
}

.cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item a {
    cursor: pointer;
    display: block;
    margin-bottom: .5rem;
    width: 100%;
}

.cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item a img {
    background-color: #ffe5cc;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    max-width: 100%;
}

.cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item figcaption {
    overflow: hidden;
    padding: 0 .2rem;
}

.cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item figcaption p {
    color: #676767;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: .3rem;
}

.cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item figcaption p.cooking-new-icon {
    background: url(../img/cooking-renewal/cooking-new-icon.png) no-repeat left center transparent;
    color: #ea041c;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 .3rem;
    padding-left: 2.8rem;
}

.cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item figcaption span {
    color: #8B7157;
    float: right;
    font-size: 14px;
    margin-bottom: .3rem;
    padding: 0 0 .18rem 1.35rem;
}

.cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item figcaption h5 {
    clear: both;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}

.cooking-time-icon {
    background: url(../img/cooking-renewal/cooking-time-icon.png) no-repeat left center transparent;
}

.cooking-show-recipe .cooking-show-all-btn {
    background-color: #e6e6e6;
    border: none !important;
    border-radius: 10px;
    color: #676767;
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin: 0 auto;
    max-width: 228px;
    padding: 1.3rem .5rem;
    text-align: center;
    width: 100%;
}

.cooking-show-recipe .cooking-show-all-btn:focus {
    outline: none;
}

.cooking-pager {
    display: none;
    list-style: none;
    margin: 0 auto 3rem;
}

.cooking-pager li {
    display: inline-block;
    vertical-align: middle;
}

.cooking-pager li button {
    background-color: #fff;
    border: none !important;
    color: #80664d;
    font-size: 16px;
    font-weight: 600;
    min-width: 40px;
    padding: .5rem;
    text-align: center;
}

.cooking-pager li button:focus {
    outline: none;
}

.cooking-pager li button.active {
    background-color: #8b7157;
    color: #fff;
}

.cooking-intro {
    background-color: #ffedc6;
    border-radius: 10px;
    margin: 0 auto 2rem;
    max-width: 800px;
    overflow: hidden;
    padding: 1.4rem 1.5rem;
    width: 100%;
}

.cooking-intro img {
    float: left;
    margin: 0 1.5rem 0 0;
    max-width: 150px;
    width: 30%;
}

.cooking-intro .cooking-intro-title {
    align-items: center;
    color: #000;
    display: flex;
    font-weight: 600;
    margin: 1.2rem auto 0;
}

.cooking-intro .cooking-intro-title .cooking-title-sub01 {
    font-size: 14px;
    margin-right: 1rem;
}

.cooking-intro .cooking-intro-title .cooking-title-sub02 {
    font-size: 24px;
    margin-right: .5rem;
    padding-bottom: .5rem;
}

.cooking-intro .cooking-intro-title .cooking-title-sub03 {
    font-size: 14px;
}

.cooking-intro p {
    color: #000;
    font-size: 15px;
    margin: 0;
    text-align: justify;
}

.cooking-intro-02 {
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
}

.cooking-intro-02 a {
    display: block;
    width: 100%;
}

.cooking-intro-02 a img {
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.after-search .cooking-renewal-title01,
.after-search .cooking-new-recipe,
.after-search .cooking-show-recipe .cooking-show-header .cooking-show-header-show-all,
.after-search .cooking-show-recipe .cooking-show-all-btn {
    display: none;
}

.after-search .cooking-main-recipe .cooking-main-recipe-content {
    flex-direction: column;
}

.after-search .cooking-show-recipe {
    max-width: 100%;
}

.after-search .cooking-show-recipe .cooking-show-header {
    flex-direction: column;
}

.after-search .cooking-show-recipe .cooking-show-header .cooking-show-header-title {
    margin: 0 auto;
}

.after-search .cooking-show-recipe .cooking-show-header .after-search-title,
.after-search .cooking-show-recipe .cooking-show-header .after-search-result,
.after-search .cooking-pager {
    display: block;
}

.after-search .cooking-search-recipe {
    max-width: 100%;
    order: 2;
    width: 100%;
}

.after-search .cooking-search-recipe .cooking-search-title {
    max-width: 212px;
}

.after-search .cooking-search-recipe .cooking-search-cont {
    align-items: center;
    border-radius: 0 10px 10px 10px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 3rem;
    padding: 1rem .5rem;
}

.after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 220px);
}

.after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap>div {
    width: 48%;
}

.after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap>div.cooking-lst-order-3 {
    margin-top: -30px;
    order: 3;
}

.after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst {
    justify-content: flex-start;
    gap: 2px;
    margin: 0;
}

.after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li {
    margin: 0 0 .5rem;
    max-width: 110px;
}

.after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li a {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    min-height: auto;
    padding: .3rem .5rem;
}

.after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li a img {
    max-height: 20px;
}

.after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li a span {
    font-size: 14px;
    margin: 0;
}

.after-search .cooking-search-recipe .cooking-search-cont .cooking-search-button {
    font-size: 14px;
    max-width: 180px;
}

@media (max-width: 991.98px) {
    .cooking-main-recipe .cooking-main-recipe-content {
        flex-direction: column;
        padding: 0 1rem;
    }

    .cooking-new-recipe .cooking-new-recipe-cont {
        padding: 0 .5rem;
    }

    .cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item img {
        max-width: 186px;
    }

    .cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item figcaption {
        width: calc(100% - 200px);
    }

    .cooking-search-recipe {
        margin: 0 auto 2rem;
        max-width: 100%;
    }

    .cooking-search-recipe .cooking-search-title {
        max-width: 212px;
    }

    .cooking-search-recipe .cooking-search-cont {
        align-items: center;
        border-radius: 0 10px 10px 10px;
        display: flex;
        justify-content: space-between;
        padding: 1rem .5rem;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: calc(100% - 220px);
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap>div {
        width: 48%;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap>div.cooking-lst-order-3 {
        margin-top: -30px;
        order: 3;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst {
        justify-content: flex-start;
        gap: 2px;
        margin: 0;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li {
        margin: 0 0 .5rem;
        max-width: 110px;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li a {
        align-items: center;
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-start;
        min-height: auto;
        padding: .3rem .5rem;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li a img {
        max-height: 20px;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li a span {
        font-size: 14px;
        margin: 0;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-button {
        font-size: 14px;
        max-width: 180px;
    }

    .cooking-show-recipe {
        margin: 0 auto 2rem;
        max-width: 100%;
    }

    .cooking-show-recipe .cooking-show-header {
        padding: 0 .5rem;
    }

    .cooking-show-recipe .cooking-show-list {}

    .cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item {
        max-width: 280px;
        width: 30%;
    }
}

@media (max-width: 767.98px) {

    .cooking-new-recipe::before,
    .cooking-new-recipe::after {
        top: 0;
    }

    .cooking-new-recipe .cooking-new-recipe-cont {
        flex-wrap: wrap;
        width: 100%;
    }

    .cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item:last-child {
        border-left: none;
        border-top: 2px dotted #8b7157;
        padding-left: 0;
        padding-top: 2rem;
    }

    .cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item img {
        max-width: 220px;
    }

    .cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item figcaption {
        width: calc(100% - 240px);
    }

    .cooking-search-recipe .cooking-search-cont,
    .after-search .cooking-search-recipe .cooking-search-cont {
        display: block;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap,
    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap>div,
    .after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap,
    .after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap>div {
        width: 100%;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap>div,
    .after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap>div {
        margin-bottom: 1rem;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap>div.cooking-lst-order-3,
    .after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap>div.cooking-lst-order-3 {
        margin-top: 0;
        order: unset;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap h5,
    .after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap h5 {
        margin: 0 .2rem .5rem;
    }

    .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li,
    .after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li {
        margin: .2rem;
    }

    .cooking-show-recipe .cooking-show-list>div {
        justify-content: space-between;
        margin: 0;
    }

    .cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item {
        margin: 0;
        max-width: 100%;
        width: 48%;
    }

    .cooking-intro,
    .cooking-intro-02 {
        width: 92%;
    }
}

@media (max-width: 575.98px) {
    .cooking-show-recipe .cooking-show-header .after-search-title {
        font-size: 22px;
    }

    .cooking-show-recipe .cooking-show-header .after-search-result {
        font-size: 18px;
    }

    .cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item img {
        max-width: 170px;
    }

    .cooking-new-recipe .cooking-new-recipe-cont .cooking-new-recipe-item figcaption {
        width: calc(100% - 186px);
    }

    .cooking-main-recipe .cooking-main-recipe-content {
        padding: 0;
    }

    .cooking-search-recipe .cooking-search-title,
    .after-search .cooking-search-recipe .cooking-search-title {
        justify-content: center;
        margin: 0 auto;
        max-width: 343px;
    }

    .cooking-search-recipe .cooking-search-title {
        padding: 0 .5rem;
    }

    .cooking-search-recipe .cooking-search-cont,
    .after-search .cooking-search-recipe .cooking-search-cont {
        border-radius: 0;
    }

    .cooking-show-recipe {
        max-width: 92%;
    }

    .cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item {
        display: flex;
        width: 100%;
    }

    .cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item a {
        margin-right: 3%;
        width: 35%;
    }

    .cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item a img {
        max-width: 150px;
        width: 100%;
    }

    .cooking-show-recipe .cooking-show-list>div .cooking-show-recipe-item figcaption {
        width: 60%;
    }

    .cooking-intro img {
        margin: 0 1.5rem 1.2rem 0;
    }

    .cooking-intro .cooking-intro-title {
        display: block;
        margin: 1.4rem auto 0;
    }

    .cooking-intro .cooking-intro-title .cooking-title-sub01 {
        display: block;
        margin-right: .5rem;
    }

    .cooking-intro .cooking-intro-title .cooking-title-sub02 {
        margin-right: .2rem;
    }

    .cooking-intro p {
        clear: both;
        width: 100%;
    }

    @media (max-width: 386.98px) {

        .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li,
        .after-search .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li {
            margin: .1rem;
        }

        .cooking-search-recipe .cooking-search-cont .cooking-search-lst-wrap ul.cooking-search-lst li {
            max-width: 109px;
        }

        .cooking-search-recipe .cooking-search-cont .cooking-search-button {
            margin: 1rem auto;
        }
    }
}

.red-message-block {
    border: 2px solid #ff0000;
    border-radius: 8px;
    margin: 0 auto;
    max-width: 1000px;
    padding: 1rem 2rem;
    width: 100%;
}


/* My Nittoh LP Gas */

.mynittoh-link-group {}

.mynittoh-link-group-flex {
    align-items: flex-end;
    display: flex;
}

.mynittoh-link-group-flex .mynittoh-sub-link {
    color: #000;
    display: block;
    font-size: 11px;
    line-height: 14px;
}

.mynittoh-link-group-flex .mynittoh-sub-link i {
    color: #df251c;
}

.mynittoh-link-group-flex .mynittoh-link-btn {
    border: 2px solid;
    border-radius: 10px;
    display: block;
    font-size: 10px;
    line-height: 12px;
    min-width: 120px;
    padding: .25rem .1rem .25rem 1.9rem;
    position: relative;
}

.mynittoh-link-group-flex .mynittoh-link-btn span {
    display: block;
    font-size: 10.5px;
}

.mynittoh-link-group-flex .mynittoh-link-btn i.fas {
    position: absolute;
    right: 5%;
    top: 34%;
}

.mynittoh-link-group-flex .mynittoh-link-btn.mynittoh-link-btn01 {
    background: url(../img/mynittoh/mynittoh-link-btn01.png) no-repeat 9px center transparent;
    border-color: #d82c60;
    background-size: 14px 23px;
}

.mynittoh-link-group-flex .mynittoh-link-btn.mynittoh-link-btn01 i.fas {
    color: #d82c60;
}

.mynittoh-link-group-flex .mynittoh-link-btn.mynittoh-link-btn02 {
    background: url(../img/mynittoh/mynittoh-link-btn02.png) no-repeat 6px center transparent;
    border-color: #26a9f0;
    background-size: 22px 22px;
    margin: 0 .2rem;
}

.mynittoh-link-group-flex .mynittoh-link-btn.mynittoh-link-btn02 i.fas {
    color: #26a9f0;
}

.mynittoh-link-group .btn {
    min-width: 46px;
    padding: .3rem .3rem .25rem;
}

.mynittoh-link-group .btn i {
    display: block;
    font-size: 1rem;
}

.mynittoh-link-group .btn span {
    display: block;
    font-size: 12px;
}

.mynittoh-banner {}

.mynittoh-banner .mynittoh-banner-title {
    background-color: #b3a992;
    text-align: center;
    width: 100%;
}

.mynittoh-banner .mynittoh-banner-title h4 {
    color: #fff;
    font-family: 'Noto Sans CJK JP';
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    padding: 10px 0 11px;
    width: 100%;
}

.mynittoh-banner .mynittoh-banner-pic {
    background: url(../img/mynittoh/mynittoh-banner-oval.png) no-repeat center 100% #f7f3e4;
    background-size: contain;
    padding-bottom: 7.5%;
}

.mynittoh-banner .mynittoh-banner-pic img {
    width: 100%;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-pc {
    display: block;
    margin: 0 auto;
    max-width: 1239px;
    padding: 3rem 10px 1rem;
    position: relative;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-sp {
    display: none;
    margin: 0 auto;
    max-width: 381px;
    padding: 0 4%;
    position: relative;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-banner-link {
    border-radius: 50px;
    bottom: 22%;
    height: 8%;
    left: 25.2%;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    width: 210px;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-banner-sub-link {
    bottom: 16%;
    height: 4%;
    left: 25.7%;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    width: 200px;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-pc .mynittoh-slider-pc {
    display: block;
    width: 100%;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-sp .mynittoh-slider-sp {
    display: none;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-slider {
    height: auto;
    max-width: 184px;
    position: absolute;
    right: 25.3%;
    top: 19%;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-slider .slick-arrow {
    display: none !important;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-slider .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -.5rem 0;
    padding: 0;
    cursor: pointer;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-slider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-slider .slick-dots li.slick-active button:before {
    color: #9a9a9a;
    opacity: 1;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-pc .mynittoh-sub-banner-pc {
    height: auto;
    max-width: 440px;
    position: absolute;
    right: 13.5%;
    top: -1.6%;
}

.mynittoh-banner .mynittoh-banner-pic .mynittoh-pc .mynittoh-sub-banner-sp {
    display: none;
}

.mynittoh-block-01 {
    clear: both;
    background-color: #f7f6f2;
    overflow: hidden;
    padding-top: 2rem;
    width: 100%;
}

.about-mynittoh-title,
.register-mynittoh-title {
    margin-bottom: 4rem;
}

.about-mynittoh-title .about-mynittoh,
.register-mynittoh-title .register-mynittoh {
    margin: 0 auto;
    width: 100%;
}

.about-mynittoh-title .about-mynittoh.about-mynittoh-pc,
.register-mynittoh-title .register-mynittoh.register-mynittoh-pc {
    display: block;
    max-width: 990px;
}

.about-mynittoh-title .about-mynittoh.about-mynittoh-sp,
.register-mynittoh-title .register-mynittoh.register-mynittoh-sp {
    display: none;
    /* max-width: 360px; */
}

.about-mynittoh.about-mynittoh-pc {
    display: block;
    margin: 0 auto;
    max-width: 990px;
    padding: 0 10px;
    width: 100%;
}

.about-mynittoh.about-mynittoh-sp {
    display: none;
    margin: 0 auto;
    /* max-width: 360px; */
    padding: 0 4%;
}

.about-mynittoh-cont-01 {
    clear: both;
    margin: 0 auto 5rem;
    max-width: 990px;
    min-height: 361px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.about-mynittoh-cont-01 figcaption {
    margin: 0 auto;
    padding: 10px 0 0 4%;
    position: relative;
    z-index: 99;
}

.about-mynittoh-cont-01 figcaption h4 {
    margin-bottom: 1.5rem;
}

.about-mynittoh-cont-01 figcaption h4 span {
    color: #000;
    font-family: 'Noto Sans CJK JP';
    font-size: 24px;
    font-weight: 600;
    line-height: 48px;
    padding: 5px;
    width: 100%;
}

.about-mynittoh-cont-01 figcaption p {
    color: #000;
    font-family: 'Noto Sans CJK JP';
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    width: 100%;
}

.about-mynittoh-cont-01 figcaption p span {
    display: block;
}

.about-mynittoh-cont-01 img {
    max-width: 542px;
    position: absolute;
    right: 3%;
    top: 0;
    width: 100%;
    z-index: 90;
}

.about-mynittoh-item {
    background-color: #fffefa;
    margin-bottom: 4rem;
    max-width: 1333px;
    width: 96%;
}

.about-mynittoh-item.about-mynittoh-item-01,
.about-mynittoh-item.about-mynittoh-item-03 {
    border-radius: 0 20px 20px 0;
    clear: both;
}

.about-mynittoh-item.about-mynittoh-item-02 {
    border-radius: 20px 0 0 20px;
    clear: both;
    float: right;
}

.about-mynittoh-item figure {
    align-items: center;
    display: flex;
    margin: 0 auto;
    padding: 20px;
    width: 100%;
}

.about-mynittoh-item.about-mynittoh-item-01 figure,
.about-mynittoh-item.about-mynittoh-item-03 figure {
    justify-content: flex-end;
}

.about-mynittoh-item.about-mynittoh-item-02 figure {
    justify-content: flex-start;
}

.about-mynittoh-item figure figcaption {
    font-family: 'DS-kirigirisu';
    margin: 0 8%;
    max-width: 350px;
    text-align: center;
    width: 100%;
}

.about-mynittoh-item figure figcaption h4 {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.about-mynittoh-item figure figcaption img {
    display: block;
    margin: 0 auto 1.5rem;
    max-width: 240px;
    width: 100%;
}

.about-mynittoh-item figure>img {
    display: block;
    margin: -40px 4% 0;
    max-width: 280px;
    width: 100%;
}

.about-mynittoh-item figure figcaption p {
    font-size: 16px;
    line-height: 24px;
}

.mynittoh-component {
    clear: both;
    margin-bottom: 4rem;
}

.mynittoh-component img {
    width: 100%;
}

.mynittoh-component .mynittoh-component-pc {
    display: block;
    margin: 0 auto;
    max-width: 1008px;
    overflow: hidden;
    position: relative;
}

.mynittoh-component .mynittoh-component-sp {
    display: none;
    margin: 0 auto;
    /* max-width: 360px; */
    overflow: hidden;
    position: relative;
}

.mynittoh-component .mynittoh-component-link {
    border-radius: 25px;
    height: 25%;
    position: absolute;
    right: 5.7%;
    text-indent: -999px;
    top: 35%;
    width: 210px;
}

.mynittoh-component .mynittoh-component-sub-link {
    height: 13%;
    position: absolute;
    right: 5.1%;
    text-indent: -999px;
    top: 65%;
    width: 222px;
}

.mynittoh-movie {
    margin: 0 auto 5rem;
    max-width: 600px;
    padding: 0 2%;
    text-align: center;
    width: 100%;
}

.mynittoh-movie h4 {
    margin-bottom: 1rem;
}

.mynittoh-movie .mynittoh-movie-title-pc {
    display: block;
    margin: 0 auto;
    max-width: 425px;
    width: 100%;
}

.mynittoh-movie .mynittoh-movie-title-sp {
    display: none;
    margin: 0 auto;
    max-width: 250px;
}

.mynittoh-movie img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.mynittoh-movie iframe {
    width: 100%;
}

.mynittoh-block-02 {
    clear: both;
    background-color: #add9c6;
    overflow: hidden;
    width: 100%;
}

.mynittoh-block02-title {
    padding: 0 2%;
}

.mynittoh-block02-title img {
    margin: 0 auto;
    width: 100%;
}

.mynittoh-block02-title img.mynittoh-block02-title-pc {
    display: block;
    margin: 4rem auto;
    max-width: 758px;
}

.mynittoh-block02-title img.mynittoh-block02-title-sp {
    display: none;
    margin: 2rem auto;
    max-width: 380px;
}

.mynittoh-block-02-items-wrap {
    background: url(../img/mynittoh/mynittoh-step-line.png) repeat-y center center transparent;
    clear: both;
    margin: 0 auto;
    max-width: 1008px;
    overflow: hidden;
    width: 100%;
}

.mynittoh-block-02-item {
    background-color: #fff;
    border-radius: 20px;
    clear: both;
    font-family: 'Noto Sans CJK JP';
    margin-bottom: 5.5rem;
    max-width: 800px;
    width: 100%;
}

.mynittoh-block-02-item figure {
    align-items: center;
    color: #000;
    display: flex;
    justify-content: space-evenly;
    padding: .5rem;
    width: 100%;
}

.mynittoh-block-02-item figcaption {
    max-width: 300px;
}

.mynittoh-block-02-item figcaption h5 {
    margin-bottom: 1rem;
}

.mynittoh-block-02-item figcaption h5 img {
    display: block;
    margin: 0 auto;
    max-width: 125px;
    width: 100%;
}

.mynittoh-block-02-item figcaption h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin: 0 auto 1rem;
    text-align: center;
    width: 100%;
}

.mynittoh-block-02-item figcaption p {
    font-size: 16px;
    line-height: 24px;
}

.mynittoh-block-02-item figcaption p span {
    color: #7bbda1;
    font-weight: 600;
}

.mynittoh-block-02-item-subnote {
    background: url(../img/mynittoh/mynittoh-block-02-item-subnote.png) no-repeat 5% 40% #fff;
    background-size: 48px;
    border-radius: 20px;
    margin-bottom: 4rem;
    max-width: 460px;
    width: 100%;
}

.mynittoh-block-02-item-subnote a {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 1rem 3rem 1rem 7rem;
    position: relative;
    width: 100%;
}

.mynittoh-block-02-item-subnote a:after {
    background: url(../img/mynittoh/mynittoh-block-02-item-subnote-icon.png) no-repeat center center transparent;
    content: '';
    display: block;
    height: 24px;
    position: absolute;
    right: 5%;
    top: 32%;
    width: 14px;
}

.mynittoh-block-02-item .mynittoh-block-02-item-note {
    background: url(../img/mynittoh/mynittoh-block-02-item-note.png) no-repeat 5% 40% #c1a68c;
    background-size: 48px;
    border-radius: 0 0 20px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    min-height: 72px;
    padding: .6rem 3rem .8rem 7rem;
    width: 100%;
}

.mynittoh-block-02-item .mynittoh-block-02-item-note-center {
    align-items: center;
    background-color: #c1a68c;
    border-radius: 0 0 20px 20px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 24px;
    margin: 0;
    min-height: 72px;
    padding: .6rem .5rem .8rem;
    text-align: center;
    width: 100%;
}

.mynittoh-block-02-item .mynittoh-block-02-item-note-center img {
    margin-right: 1rem;
    max-width: 48px;
}

.mynittoh-block-02-item.mynittoh-block-02-item-01 {
    margin-bottom: 2rem;
}

.mynittoh-block-02-item.mynittoh-block-02-item-02,
.mynittoh-block-02-item.mynittoh-block-02-item-04,
.mynittoh-block-02-item.mynittoh-block-02-item-06 {
    float: right;
}

.mynittoh-block-02-item.mynittoh-block-02-item-05 {
    margin-bottom: 2rem;
}

.mynittoh-block-02-item.mynittoh-block-02-item-06 {
    margin-bottom: 0;
}

.mynittoh-block-02-item.mynittoh-block-02-item-01 .mynittoh-block-02-pic-01 {
    margin: 5px -90px 30px 0px;
    max-width: 470px;
}

.mynittoh-block-02-item.mynittoh-block-02-item-02 .mynittoh-block-02-pic-02-pc {
    margin: -60px 0 0 -255px;
    max-width: 615px;
}

.mynittoh-block-02-item.mynittoh-block-02-item-02 .mynittoh-block-02-pic-02-sp {
    display: none;
}

.mynittoh-block-02-item.mynittoh-block-02-item-03 .mynittoh-block-02-pic-03 {
    margin: -25px 0 0 20px;
    max-width: 169px;
}

.mynittoh-block-02-item.mynittoh-block-02-item-04 .mynittoh-block-02-pic-04 {
    margin: -25px 25px 0 0;
    max-width: 172px;
}

.mynittoh-block-02-item.mynittoh-block-02-item-05 .mynittoh-block-02-pic-05 {
    margin-bottom: 20px;
    max-width: 170px;
}

.mynittoh-block-02-item.mynittoh-block-02-item-06 .mynittoh-block-02-pic-06 {
    margin: -25px 25px 5px 0;
    max-width: 356px;
}

.mynittoh-faq-link {
    clear: both;
    margin: 4rem 0;
    padding: 0 2%;
    text-align: center;
    width: 100%;
}

.mynittoh-faq-link a {
    display: inline-block;
}

.mynittoh-faq-link a img {
    margin: 0 auto;
    width: 100%;
}

.mynittoh-faq-link a .mynittoh-faq-link-pc {
    display: block;
    max-width: 800px;
}

.mynittoh-faq-link a .mynittoh-faq-link-sp {
    display: none;
    /* max-width: 360px; */
}

.mynittoh-link-banner {
    background-color: #f7f3e4;
    border-top: 16px solid #b3a992;
    width: 100%;
}

.mynittoh-link-banner .mynittoh-link-banner-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 990px;
    padding: 10px 0 16px;
    width: 100%;
}

.mynittoh-link-banner .mynittoh-link-banner-logo {
    margin: 0;
    max-width: 260px;
}

.mynittoh-link-banner .mynittoh-link-banner-logo a {
    display: block;
    width: 100%;
}

.mynittoh-link-banner .mynittoh-link-banner-logo a img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.mynittoh-link-banner .mynittoh-nav,
.mynittoh-link-banner .mynittoh-nav li ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mynittoh-link-banner .mynittoh-nav {
    width: 45%;
}

.mynittoh-link-banner .mynittoh-nav>li {
    margin-bottom: .2rem;
}

.mynittoh-link-banner .mynittoh-nav li a {
    color: #000;
    font-size: 15px;
    line-height: 24px;
}

.mynittoh-link-banner .mynittoh-nav li a:hover {
    text-decoration: underline;
}

.mynittoh-link-banner .mynittoh-nav>li>a:before,
.mynittoh-link-banner .mynittoh-nav>li>ul>li:before {
    content: '>';
    float: left;
    padding-right: .3rem;
}

.mynittoh-link-banner .mynittoh-nav>li>ul>li {
    display: inline-block;
}

.mynittoh-link-banner .mynittoh-nav>li>ul>li:first-child {
    margin-right: 1rem;
}

.mynittoh-link-banner .mynittoh-outlink {
    list-style: none;
    padding: 0;
    width: 210px;
}

.mynittoh-link-banner .mynittoh-outlink .mynittoh-login-btn {
    margin: 0 auto .5rem;
}

.mynittoh-link-banner .mynittoh-outlink .mynittoh-login-btn a {
    background-color: #bd7b7b;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 12px 0 14px;
    position: relative;
    text-align: center;
    width: 100%;
}

.mynittoh-link-banner .mynittoh-outlink .mynittoh-login-btn a .fas {
    float: right;
    position: absolute;
    right: 7%;
    top: 32%;
}

.mynittoh-link-banner .mynittoh-outlink .mynittoh-register-btn a {
    color: #000;
    display: block;
    font-size: 14px;
    width: 100%;
}

.mynittoh-mail-trouble {
    color: #000;
    font-family: 'Noto Sans CJK JP';
}

.mynittoh-mail-trouble .mynittoh-mail-trouble-inner {
    clear: both;
    margin: 0 auto;
    max-width: 1010px;
    padding: 3rem 10px;
}

.mynittoh-page-title-01 {
    background-color: #c1a68c;
    border-radius: 25px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 auto 2rem;
    padding: 12px 20px 14px;
    width: 100%;
}

.mynittoh-page-txt {
    color: #000;
    font-size: 16px;
    line-height: 28px;
    margin: 0 auto 2rem;
    width: 100%;
}

.mynittoh-mail-trouble-table {
    clear: both;
    margin: 0 auto 3rem;
    width: 100%;
}

.mynittoh-page-title-02 {
    background-color: #999;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 1rem;
    padding: 5px 2%;
    width: 100%;
}

.mynittoh-mail-trouble-table table {
    width: 100%;
}

.mynittoh-mail-trouble-table table tr {}

.mynittoh-mail-trouble-table table th {
    background-color: #faf7f2;
    border: 5px solid #fff;
    border-left: none;
    border-right: none;
    font-size: 16px;
    padding: 6px;
    width: 300px;
}

.mynittoh-mail-trouble-table table th a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
}

.mynittoh-mail-trouble-table table th i.fas {
    color: #4c4c4c;
    font-size: .8rem;
    margin-left: 5px;
}

.mynittoh-mail-trouble-table table td {
    background-color: #f7f7f7;
    border: 5px solid #fff;
    border-left: none;
    border-right: none;
    font-size: 16px;
    padding: 5px;
}

.mynittoh-mail-trouble-table .mynittoh-page-title-03 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    margin: .8rem auto .2rem;
}

.mynittoh-mail-trouble-table table tr:nth-child(even) td {
    background-color: #e6e6e6;
}

.mynittoh-faq {
    color: #000;
    font-family: 'Noto Sans CJK JP';
}

.mynittoh-faq-inner {
    clear: both;
    margin: 0 auto;
    max-width: 1010px;
    padding: 3rem 10px;
}

.mynittoh-faq-wrap-cont {
    align-items: flex-start;
    clear: both;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}

.mynittoh-faq-tab {
    background-color: #faf7f2;
    border-radius: 30px;
    width: 260px;
    padding: 1.5rem 1rem;
}

.mynittoh-faq-tab .mynittoh-faq-lst {
    margin: 0 auto 1.5rem;
    width: 100%;
}

.mynittoh-faq-tab .mynittoh-faq-lst:last-child {
    margin: 0 auto .5rem;
}

.mynittoh-faq-tab .mynittoh-faq-lst h5 {
    border-left: 8px solid #c1a68c;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding-left: .5rem;
}

.mynittoh-faq-tab .mynittoh-faq-lst h5 span {
    display: block;
}

.mynittoh-faq-tab .mynittoh-faq-lst h5 a {
    display: none;
}

.mynittoh-faq-tab .mynittoh-faq-lst ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.mynittoh-faq-tab .mynittoh-faq-lst li {
    align-items: center;
    border-bottom: 1px dashed #707070;
    display: flex;
    justify-content: space-between;
    padding: .5rem 0;
    width: 100%;
}

.mynittoh-faq-tab .mynittoh-faq-lst li:last-child {
    border-bottom: none;
}

.mynittoh-faq-tab .mynittoh-faq-lst li a {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding-right: .35rem;
    width: 100%;
}

.mynittoh-faq-tab .mynittoh-faq-lst li i.fas {
    color: #707070;
}

.mynittoh-faq-cont {
    width: 690px;
}

.mynittoh-faq-cont .mynittoh-faq-cont-group {
    margin: 0 auto 2.5rem;
}

.mynittoh-faq-cont .mynittoh-faq-cont-group h5 {
    border-left: 8px solid #c1a68c;
    color: #c1a68c;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-left: .5rem;
    width: 100%;
}

.mynittoh-faq-cont .mynittoh-faq-cont-group h6 {
    background-color: #999;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: .3rem;
    padding: .8rem 1.2rem;
    width: 100%;
}

.mynittoh-faq-cont .mynittoh-faq-cont-group p {
    background-color: #f7f7f7;
    border-radius: 10px;
    color: #000;
    font-size: 16px;
    line-height: 28px;
    padding: 1rem 1.2rem;
    width: 100%;
}

.mynittoh-faq-cont .mynittoh-faq-cont-group a {
    color: #000;
    font-size: 16px;
    line-height: 28px;
    text-decoration: underline;
}

@media (max-width: 1260px) {

    .mynittoh-banner .mynittoh-banner-pic .mynittoh-banner-link,
    .mynittoh-banner .mynittoh-banner-pic .mynittoh-banner-sub-link {
        width: 16.7%;
    }

    .mynittoh-component .mynittoh-component-link,
    .mynittoh-component .mynittoh-component-sub-link {
        width: 22%;
    }

    .mynittoh-mail-trouble {
        padding: 0 2%;
    }

    .mynittoh-banner .mynittoh-banner-pic .mynittoh-slider {
        max-width: 13%;
        right: 25%;
        top: 20%;
    }

    .mynittoh-banner .mynittoh-banner-pic .mynittoh-pc .mynittoh-sub-banner-pc {
        max-width: 33%;
    }
}

@media (max-width: 1024px) {

    .mynittoh-block-02-item,
    .mynittoh-block-02-item-subnote {
        margin: 0 auto 2.5rem;
        max-width: 600px;
        width: 90%;
    }

    .mynittoh-block-02-item.mynittoh-block-02-item-02,
    .mynittoh-block-02-item.mynittoh-block-02-item-04,
    .mynittoh-block-02-item.mynittoh-block-02-item-06 {
        float: none;
    }

    .mynittoh-block-02-item figure {
        flex-direction: column;
        padding: 2rem 4%;
    }

    .mynittoh-block-02-item.mynittoh-block-02-item-01 .mynittoh-block-02-pic-01,
    .mynittoh-block-02-item.mynittoh-block-02-item-02 .mynittoh-block-02-pic-02-pc,
    .mynittoh-block-02-item.mynittoh-block-02-item-03 .mynittoh-block-02-pic-03,
    .mynittoh-block-02-item.mynittoh-block-02-item-04 .mynittoh-block-02-pic-04,
    .mynittoh-block-02-item.mynittoh-block-02-item-05 .mynittoh-block-02-pic-05,
    .mynittoh-block-02-item.mynittoh-block-02-item-06 .mynittoh-block-02-pic-06 {
        display: block;
        margin: 1rem auto;
        /* max-width: 100%; */
    }

    .mynittoh-block-02-item.mynittoh-block-02-item-02 .mynittoh-block-02-pic-02-pc {
        max-width: 550px;
    }

    .mynittoh-block-02-item.mynittoh-block-02-item-02 .mynittoh-block-02-pic-02-pc,
    .mynittoh-block-02-item.mynittoh-block-02-item-04 .mynittoh-block-02-pic-04,
    .mynittoh-block-02-item.mynittoh-block-02-item-06 .mynittoh-block-02-pic-06 {
        order: 2;
    }

    .mynittoh-block-02-item .mynittoh-block-02-item-note {
        background-position: 4% 30%;
        padding: .5rem .5rem .5rem 5rem;
    }

    .mynittoh-block-02-item .mynittoh-block-02-item-note-center {
        padding: 0 .5rem .5rem;
    }

    .mynittoh-link-banner .mynittoh-link-banner-inner {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .mynittoh-link-banner .mynittoh-nav {
        width: 55%;
    }

    .mynittoh-link-banner .mynittoh-outlink {
        margin: 1rem auto 0;
        max-width: 210px;
        width: 100%;
    }

    .mynittoh-faq-tab {
        margin-right: .5rem;
        min-width: 260px;
    }
}

@media (max-width: 1008px) {
    .mynittoh-banner .mynittoh-banner-title h4 {
        padding: 7px 8% 8px;
        text-align: center;
    }

    .mynittoh-banner .mynittoh-banner-title h4 span {
        display: block;
    }

    .mynittoh-component .mynittoh-component-link {
        width: 20.7%;
    }

    .mynittoh-component .mynittoh-component-pc,
    .register-mynittoh-title .register-mynittoh.register-mynittoh-pc {
        padding: 0 2%;
    }
}

@media (max-width: 768px) {
    .about-mynittoh-cont-01 {
        margin-bottom: 3rem;
    }

    .about-mynittoh-cont-01 figcaption {
        max-width: 542px;
    }

    .about-mynittoh-cont-01 figcaption p span {
        display: inline-block;
    }

    .about-mynittoh-cont-01 img {
        display: block;
        margin: 0 auto;
        position: static;
    }

    .about-mynittoh-item {
        margin-bottom: 2rem;
    }

    .about-mynittoh-item figure {
        flex-direction: column;
    }

    .about-mynittoh-item figure figcaption,
    .about-mynittoh-item figure>img {
        margin: 1rem auto;
    }

    .about-mynittoh-item figure>img {
        order: 2;
    }

    .mynittoh-block-02-item .mynittoh-block-02-item-note-center {
        text-align: left;
    }

    .mynittoh-faq-link {
        margin: 3rem auto 2rem;
    }

    .mynittoh-mail-trouble-table table th,
    .mynittoh-mail-trouble-table table td {
        width: 50%;
    }

    .mynittoh-link-banner .mynittoh-link-banner-inner {
        display: block;
        text-align: center;
    }

    .mynittoh-link-banner .mynittoh-link-banner-logo {
        display: inline-block;
        margin-right: 2rem;
        max-width: 180px;
        vertical-align: middle;
    }

    .mynittoh-link-banner .mynittoh-nav {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        width: auto;
    }

    .mynittoh-link-banner .mynittoh-nav>li>ul>li {
        display: block;
    }

    .mynittoh-faq-wrap-cont {
        display: block;
    }

    .mynittoh-faq-tab,
    .mynittoh-faq-cont {
        margin: 0 auto 3rem;
        width: 94%;
    }

    .mynittoh-faq-tab {
        background: none;
        padding: 0;
    }

    .mynittoh-faq-tab .mynittoh-faq-lst {
        background-color: #faf7f2;
        border-radius: 30px;
        margin: 0 auto .5rem;
        padding: 1rem 1.5rem 1rem;
    }

    .mynittoh-faq-tab .mynittoh-faq-lst h5 {
        margin-bottom: 0;
    }

    .mynittoh-faq-tab .mynittoh-faq-lst h5 span {
        display: none;
    }

    .mynittoh-faq-tab .mynittoh-faq-lst h5 a {
        color: #000;
        display: block;
        font-size: 14px;
        font-weight: 600;
    }

    .mynittoh-faq-tab .mynittoh-faq-lst h5 i.fas {
        color: #707070;
        display: inline-block;
        float: right;
        margin-top: .18rem;
        vertical-align: middle;
    }

    .mynittoh-faq-tab .mynittoh-faq-lst ul {
        display: none;
    }

    .mynittoh-faq-cont .mynittoh-faq-cont-group {
        margin: 0 auto .5rem;
        padding: 1rem 0 0;
    }

    .mynittoh-faq-cont .mynittoh-faq-cont-group h5 {
        margin: 1rem auto 1rem;
    }

    .my-nittoh-link-group-bg {
        background-color: #ffd9d9;
    }

    .mynittoh-link-group-flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    .mynittoh-link-group-flex .mynittoh-sub-link {
        margin-bottom: .5rem;
    }

    .mynittoh-block-02-item-subnote a {
        padding: 1rem 3rem 1rem 5.5rem;
    }

    .mynittoh-link-group-flex .mynittoh-link-btn,
    .mynittoh-link-group-flex>div {
        width: 180px;
    }

    .mynittoh-link-group-flex .mynittoh-link-btn.mynittoh-link-btn01,
    .mynittoh-link-group-flex .mynittoh-link-btn.mynittoh-link-btn02 {
        background-color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: .4rem .1rem .4rem 2.2rem;
    }

    .mynittoh-link-group-flex .mynittoh-link-btn.mynittoh-link-btn01 {
        width: 100%;
    }

    .mynittoh-link-group-flex>div,
    .mynittoh-link-group-flex .mynittoh-link-btn.mynittoh-link-btn02 {
        margin: 0 .5rem .5rem !important;
    }

    .mynittoh-link-group-flex .mynittoh-link-btn span {
        font-size: 16px
    }

    .mynittoh-block-02-item.mynittoh-block-02-item-01 .mynittoh-block-02-pic-01,
    .mynittoh-block-02-item.mynittoh-block-02-item-02 .mynittoh-block-02-pic-02-pc,
    .mynittoh-block-02-item.mynittoh-block-02-item-03 .mynittoh-block-02-pic-03,
    .mynittoh-block-02-item.mynittoh-block-02-item-04 .mynittoh-block-02-pic-04,
    .mynittoh-block-02-item.mynittoh-block-02-item-05 .mynittoh-block-02-pic-05,
    .mynittoh-block-02-item.mynittoh-block-02-item-06 .mynittoh-block-02-pic-06 {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .mynittoh-banner .mynittoh-banner-pic .mynittoh-sp {
        background: url(../img/mynittoh/scroll-icon.png) no-repeat center bottom transparent;
        padding-bottom: 50px;
    }

    .mynittoh-banner .mynittoh-banner-pic .mynittoh-pc,
    .about-mynittoh-title .about-mynittoh.about-mynittoh-pc,
    .register-mynittoh-title .register-mynittoh.register-mynittoh-pc,
    .mynittoh-component .mynittoh-component-pc,
    .mynittoh-block02-title img.mynittoh-block02-title-pc,
    .mynittoh-faq-link a .mynittoh-faq-link-pc,
    .mynittoh-block-02-item.mynittoh-block-02-item-02 .mynittoh-block-02-pic-02-pc,
    .mynittoh-movie .mynittoh-movie-title-pc,
    .mynittoh-banner .mynittoh-banner-pic .mynittoh-pc .mynittoh-sub-banner-pc,
    .mynittoh-banner .mynittoh-banner-pic .mynittoh-pc .mynittoh-slider-pc {
        display: none;
    }

    .mynittoh-banner .mynittoh-banner-pic .mynittoh-sp,
    .about-mynittoh-title .about-mynittoh.about-mynittoh-sp,
    .register-mynittoh-title .register-mynittoh.register-mynittoh-sp,
    .mynittoh-component .mynittoh-component-sp,
    .mynittoh-block02-title img.mynittoh-block02-title-sp,
    .mynittoh-faq-link a .mynittoh-faq-link-sp,
    .mynittoh-block-02-item.mynittoh-block-02-item-02 .mynittoh-block-02-pic-02-sp,
    .mynittoh-movie .mynittoh-movie-title-sp,
    .mynittoh-banner .mynittoh-banner-pic .mynittoh-sp .mynittoh-sub-banner-sp,
    .mynittoh-banner .mynittoh-banner-pic .mynittoh-sp .mynittoh-slider-sp {
        display: block;
    }

    .mynittoh-block-02-item.mynittoh-block-02-item-02 .mynittoh-block-02-pic-02-sp {
        order: 2;
        width: 100%;
    }

    .mynittoh-banner .mynittoh-banner-pic .mynittoh-banner-link {
        bottom: auto;
        height: 4.5%;
        left: 20%;
        top: 42%;
        width: 56%;
    }

    .mynittoh-banner .mynittoh-banner-pic .mynittoh-banner-sub-link {
        bottom: auto;
        height: 2.5%;
        left: 20%;
        top: 47%;
        width: 56%;
    }

    .mynittoh-component .mynittoh-component-link {
        bottom: 14%;
        height: 13%;
        right: 20.5%;
        top: auto;
        width: 59%;
    }

    .mynittoh-component .mynittoh-component-sub-link {
        bottom: 6%;
        height: 6%;
        right: 19%;
        top: auto;
        width: 62%;
    }

    .mynittoh-block-02-item,
    .mynittoh-block-02-item-subnote {}

    .about-mynittoh-cont-01,
    .about-mynittoh-item,
    .mynittoh-component .mynittoh-component-sp,
    .register-mynittoh-title .register-mynittoh.register-mynittoh-sp,
    .mynittoh-movie {
        width: 92%;
    }

    .mynittoh-faq-link a .mynittoh-faq-link-sp {
        padding: 0;
        width: 96%;
    }

    .mynittoh-link-banner .mynittoh-link-banner-logo {
        margin-right: .5rem;
        max-width: 150px;
    }

    .mynittoh-banner .mynittoh-banner-pic .mynittoh-slider {
        margin: 2rem auto;
        max-width: 190px;
        position: static;
        text-align: center;
        width: 100%;
    }

    .mynittoh-banner .mynittoh-banner-pic .mynittoh-slider .slick-dots {
        margin: 0 auto;
        position: static;
    }

    .mynittoh-banner .mynittoh-banner-pic .mynittoh-sp .mynittoh-sub-banner-sp {
        bottom: 85px;
        max-width: 178px;
        position: absolute;
        right: 0;
    }
}

/* LP Gas Sales */
.lpgas-sales-container {
    clear: both;
    font-family: 'Noto Sans CJK JP', NotoSansJP, sans-serif;
    margin: 0 auto;
    /* max-width: 1600px; */
    overflow: hidden;
    width: 100%;
}
.lpgas-sales-nav {
    background-color: #ff9e3e;
    color: #fff;
    width: 100%;
}
.lpgas-sales-nav .lpgas-sales-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 4px 12px;
    width: 100%;
}

.lpgas-sales-nav h4 {
    color: #fff;
    font-family: 'Noto Sans CJK JP', NotoSansJP, sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin: 5px 0 0 0;
}

.lpgas-sales-nav .lpgas-sales-link {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lpgas-sales-nav .lpgas-sales-link ul {
    list-style: none;
    margin: 5px 10px 0 0;
    overflow: auto;
}

.lpgas-sales-nav .lpgas-sales-link ul li {
    display: inline-block;
    margin-right: 24px;
    vertical-align: middle;
}

.lpgas-sales-nav .lpgas-sales-link ul li a {
    color: #fff;
    display: block;
    font-family: 'Noto Sans CJK JP', NotoSansJP, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.lpgas-sales-nav .lpgas-sales-link ul li a .lpgas-sales-arrow-down {
    background: url(../img/lpgas-sales/arrow-icon.png) center center no-repeat transparent;
    display: inline-block;
    height: 8px;
    vertical-align: middle;
    width: 14px;
}
.lpgas-sales-nav .lpgas-sales-link ul li a > span:last-child {
    margin-left: -3.5px;
}

.lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note {
    align-items: center;
    background-color: #faf2ea;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 9px 18px;
}

.lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h6 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 16px 0 0;
}

.lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 {
    margin: 0;
}

.lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 a {
    align-items: center;
    color: #d37070;
    display: flex;
    font-size: 32px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 32px;
    margin-bottom: 3px;
}

.lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 a img {
    display: block;
    margin-right: 5px;
    max-width: 50px;
    width: 100%;
}

.lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 span {
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
}
.lpgas-sales-nav.fixed_nav {
    position: fixed;
    top: 0;
    z-index: 999;
}

.lpgas-sales-mainvisual-wrap {
    background: url(../img/lpgas-sales/mainvisual-bottom-bg.png) center bottom no-repeat #d7f1ff;
    background-size: 100%;
    padding: 0;
    width: 100%;
}
.lpgas-sales-mainvisual-wrap .lpgas-sales-inner {
    background: url(../img/lpgas-sales/mainvisual-bg-pc.png) center 45% no-repeat #d7f1ff;
    background-size: 100%;
    margin: 0 auto;
    max-width: 1600px;
}

.lpgas-sales-mainvisual-top {
    margin: 0 0 12px 0;
}

.lpgas-sales-mainvisual-bottom {
    padding: 0;
}

.lpgas-sales-mainvisual-top img,
.lpgas-sales-mainvisual-bottom img {
    display: block;
    margin: 0 auto;
    max-width: 1600px;
    width: 100%;
}

.lpgas-sales-mainvisual {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    width: 100%;
}

.lpgas-sales-mainvisual .lpgas-sales-mainvisual-title {
    margin: 0 50px 0 0;
    max-width: 420px;
}

.lpgas-sales-mainvisual .lpgas-sales-mainvisual-title img {
    display: block;
    width: 100%;
}

.lpgas-sales-mainvisual .lpgas-sales-mainvisual-cont {
    max-width: 600px;
    position: relative;
    width: 100%;
}

.lpgas-sales-mainvisual .lpgas-sales-mainvisual-cont p {
    color: #0e0e0e;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 30px;
    max-width: 384px;
    width: 100%;
}

.lpgas-sales-mainvisual ul.lpgas-sales-mainvisual-lst {
    background-color: #fff;
    border-radius: 10px;
    list-style: none;
    margin: 0;
    max-width: 524px;
    padding: 12px 0 8px 14px;
    width: 100%;
}

.lpgas-sales-mainvisual ul.lpgas-sales-mainvisual-lst li {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}

.lpgas-sales-mainvisual ul.lpgas-sales-mainvisual-lst li .lpgas-sales-check-icon {
    background: url(../img/lpgas-sales/check-icon.png) center center no-repeat transparent;
    display: inline-block;
    height: 28px;
    margin-right: 5px;
    vertical-align: middle;
    width: 28px;
}

.lpgas-sales-mainvisual .lpgas-sales-mainvisual-cont .lpgas-sales-mainvisual-lp-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 196px;
}

.lpgas-sales-mainvisual .lpgas-sales-mainvisual-cont .lpgas-sales-mainvisual-lp-icon img {
    display: block;
    width: 100%;
}

.lpgas-sales-main-cont {
    background-color: #d8eabe;
    font-family: 'Noto Sans CJK JP', NotoSansJP, sans-serif;
    padding-bottom: 30px;
    width: 100%;
}

.lpgas-sales-main-cont-inner {
    margin: 0 auto;
    max-width: 1024px;
}

.lpgas-sales-main-cont-sub {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 0 40px;
    width: 100%;
}

.lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-01 {
    margin-left: -20px;
    max-width: 260px;
    width: 100%;
}

.lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-01 img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-02 {
    max-width: 756px;
    width: 100%;
}

.lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-02 figure {
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0;
    padding: 20px;
    position: relative;
}

.lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-02 figure:before,
.lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-02 figure:after {
    content: "";
    position: absolute;
    height: 96%;
    width: 20px;
    top: 5px;
    background-image: radial-gradient(circle at center, #d9d9d9 5px, transparent 5px), radial-gradient(circle at center, #d9d9d9 5px, transparent 5px);
    background-size: 20px 20px;
    background-position: top center, bottom center;
    background-repeat: no-repeat;
}

.lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-02 figure:before {
    left: 5px;
}

.lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-02 figure:after {
    right: 5px;
}

.lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-02 figure figcaption {
    max-width: 504px;
    padding: 0 10px 0 20px;
    width: 100%;
}

.lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-02 figure figcaption h6 {
    color: #ff9e3e;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    width: 100%;
}

.lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-02 figure figcaption p {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    text-align: justify;
    width: 100%;
}

.lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-02 figure img {
    display: block;
    max-width: 168px;
}

.lpgas-sales-block {
    background-color: #fff;
    border-radius: 12px;
    font-family: 'Noto Sans CJK JP', NotoSansJP, sans-serif;
    margin: 0 auto 30px;
    overflow: hidden;
    padding: 2rem 2rem 1rem;
    width: 100%;
}

.lpgas-sales-block-title {
    background-color: #ff9e3e;
    border-radius: 12px;
    color: #fff;
    font-family: 'Noto Sans CJK JP', NotoSansJP, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 26px;
    margin: 0 auto 2rem;
    padding: 18px 0;
    text-align: center;
    width: 100%;
}

.lpgas-sales-block-title span {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.lpgas-sales-step-tbl {
    clear: both;
    margin: 0 auto 40px;
    max-width: 940px;
    width: 100%;
}

.lpgas-sales-step-tbl .lpgas-sales-step-row th {
    background-color: #d37070;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding: 25px 6px;
    text-align: center;
    width: 110px;
}

.lpgas-sales-step-tbl .lpgas-sales-step-row th span {
    display: block;
    font-size: 32px;
}

.lpgas-sales-step-tbl .lpgas-sales-step-row td {
    background-color: #faf2ea;
    border-radius: 8px;
    padding: 28px 20px;
}

.lpgas-sales-step-tbl .lpgas-sales-step-row td p {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}

.lpgas-sales-step-tbl .lpgas-sales-step-row td.step-row-bold {
    border: 5px solid #ffff;
    border-top: none;
    border-bottom: none;
    max-width: 206px;
}

.lpgas-sales-step-tbl .lpgas-sales-step-row td.step-row-bold p {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    width: 206px;
}

.lpgas-sales-step-tbl .lpgas-sales-step-row td p span {
    display: block;
    font-size: 14px;
    margin-top: 8px;
    width: 100%;
}

.step-row-arrow-icon {
    text-align: center;
    width: 100%;
}

.step-row-arrow-icon td {
    padding: 16px 0;
}

.step-row-arrow-icon img {
    display: block;
    margin: 0 auto;
    max-width: 34px;
}

.lpgas-sales-sub-title {
    background-color: #f7e5d4;
    border-radius: 8px;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto 25px;
    padding: 12.5px 2px 14.5px 2px;
    text-align: center;
    width: 100%;
}

.lpgas-sales-sub-title span {
    font-size: 16px;
}

.lpgas-sales-time-block {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0 auto 30px;
    width: 100%;
}

.lpgas-sales-time-block figure {
    background-color: #f9d9b8;
    border-radius: 5px;
    padding: 10px 0 22px;
    text-align: center;
    width: 180px;
}

.lpgas-sales-time-block figure img {
    display: block;
    margin: 0 auto;
    max-width: 86px;
    width: 100%;
}

.lpgas-sales-time-block figure figcaption {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin: -8px 0 0 0;
    width: 100%;
}

.lpgas-sales-gas-filled {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.lpgas-sales-gas-filled .lpgas-sales-gas-filled-main {
    background-color: #d37070;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 22px 18px;
    width: 156px;
}

.lpgas-sales-gas-filled .lpgas-sales-gas-filled-main span {
    display: block;
    font-size: 14px;
    width: 100%;
}

.lpgas-sales-gas-filled .gas-filled-items {
    align-items: end;
    display: flex;
}

.lpgas-sales-gas-filled .gas-filled-items .gas-filled-item {
    margin: 0 4px;
    width: 186px;
}

.lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-spec {
    background-color: #faf2ea;
    border-radius: 8px;
    margin: 0 auto 8px;
    padding: 35px 8px 8px 8px;
}

.lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-spec img {
    display: block;
    margin: 0 auto 10px;
    max-width: 55px;
    width: 100%;
}

.lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-spec table {
    clear: both;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}

.lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-spec table th {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-spec table td {
    background-color: #fff;
    border-radius: 6px;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    padding: 5px 5px 7px 12px;
}

.lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-spec table td.gas-filled-m {
    border-right: 6px solid #faf2ea;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    padding: 0;
    text-align: center;
}

.lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-note {
    background-color: #ff9e3e;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 16px 5px;
    text-align: center;
    width: 100%;
}

.lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-note h6 {
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
}

.lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-note h6 span {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-left: 5px;
}

.lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-note p {
    font-size: 14px;
    font-weight: 400;
    margin: -5px 0 0 0;
}

.gas-filled-txt {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    margin: 10px auto 25px;
    max-width: 940px;
    width: 100%;
}

.gas-filled-reverse {
    border: 4px solid #d37070;
    border-radius: 12px;
    margin: 0 auto 40px;
    max-width: 940px;
    padding: 20px;
    width: 100%;
}

.gas-filled-reverse ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0 25px 0 5px;
    width: 100%;
}

.gas-filled-reverse li {
    color: #d37070;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-left: 24px;
    width: 100%;
}

.gas-filled-reverse li span {
    margin-right: 5px;
}

.gas-filled-reverse li::first-letter {
    margin-left: -24px;
}

.lpgas-sales-banner {
    background-color: #d37070;
    border-radius: 10px;
    font-family: 'Noto Sans CJK JP', NotoSansJP, sans-serif;
    margin: 0 auto 40px;
    max-width: 938px;
    padding: 18px 20px 18px 30px;
    width: 100%;
}

.lpgas-sales-banner .lpgas-sales-banner-main {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-title {
    color: #f2f20d;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin: 0;
}

.lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link {
    width: 536px;
}

.lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link .lpgas-sales-banner-link-01 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link .lpgas-sales-banner-link-01 h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    padding-left: 5px;
}

.lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link .lpgas-sales-banner-link-01 h5 span {
    display: block;
    width: 100%;
}

.lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link .lpgas-sales-banner-link-01 a {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 5px 0 0;
}

.lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link .lpgas-sales-banner-link-01 a img {
    display: block;
    margin: 6px 6px 0 0;
    max-width: 55px;
    width: 100%;
}

.lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link .lpgas-sales-banner-link-01 a span {
    color: #f2f20d;
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
}

.lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link>p {
    background-color: #fff;
    border-radius: 8px;
    color: #d37070;
    font-size: 16px;
    font-weight: 600;
    margin: 5px auto 0;
    padding: 2px;
    text-align: center;
}

.lpgas-sales-banner>p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin: 10px auto 0;
    text-align: justify;
    width: 100%;
}

.lpgas-sales-regarding-tbl {
    font-family: 'Noto Sans CJK JP', NotoSansJP, sans-serif;
    margin: 0 auto 20px;
    overflow: hidden;
    width: 100%;
}

.lpgas-sales-regarding-tbl h5 {
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto 5px;
    padding: 10px 15px 11px;
    width: 100%;
}

.lpgas-sales-regarding-tbl.regarding-tbl-indoor h5,
.lpgas-sales-regarding-tbl.regarding-tbl-time h5 {
    background-color: #d37070;
}

.lpgas-sales-regarding-tbl.regarding-tbl-outdoor h5 {
    background-color: #d39970;
}

.lpgas-sales-regarding-tbl table {
    border-spacing: 5px;
    border-collapse: separate;
    table-layout: fixed;
    width: 100%;
}

.lpgas-sales-regarding-tbl table tr:first-child th {
    background-color: #fff;
}

.lpgas-sales-regarding-tbl table th {
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    padding: 10px 5px 10px 20px;
}

.lpgas-sales-regarding-tbl table td {
    border-radius: 6px;
    text-align: center;
    width: 20%;
}

.lpgas-sales-regarding-tbl.regarding-tbl-indoor table th,
.lpgas-sales-regarding-tbl.regarding-tbl-time table th {
    background-color: #d37070;
}

.lpgas-sales-regarding-tbl.regarding-tbl-outdoor table th {
    background-color: #d39970;
}

.lpgas-sales-regarding-tbl table tr.regarding-weight td {
    background-color: #f6ddc4;
    color: #d37070;
    font-size: 30px;
    font-weight: 600;
}

.lpgas-sales-regarding-tbl table tr.regarding-weight td span {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-left: 3px;
}

.lpgas-sales-regarding-tbl table tr.regarding-mass-sales td {
    background-color: #faf2ea;
    padding: 13px 0;
}

.lpgas-sales-regarding-tbl table tr.regarding-mass-sales td.no-icon {
    background-color: #e8e8e8;
}

.lpgas-sales-regarding-tbl table tr.regarding-mass-sales td img {
    display: block;
    margin: 0 auto;
    max-width: 30px;
    width: 100%;
}

.lpgas-sales-regarding-tbl table tr.regarding-mass-sales td span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.lpgas-sales-regarding-tbl table tr.regarding-mass-ob td {
    background-color: #e8e8e8;
    padding: 8.5px 17px;
}

.lpgas-sales-regarding-tbl table tr.regarding-mass-ob td h6 {
    color: #d37070;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.lpgas-sales-regarding-tbl table tr.regarding-mass-ob td span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 5px;
}

.lpgas-sales-regarding-tbl table tr.regarding-mass-ob td.regarding-mass-ob-yes {
    background-color: #faf2ea;
}

.lpgas-sales-regarding-tbl table tr.regarding-type td {
    background-color: #f6ddc4;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0 11px;
}

.lpgas-sales-regarding-tbl.regarding-tbl-time {
    margin: 0 auto;
    width: 100%;
}

.lpgas-sales-regarding-tbl.regarding-tbl-time table .regarding-mass-ob td {
    padding: 28px 5px;
}

.lpgas-sales-regarding-tbl.regarding-tbl-time table .regarding-mass-ob td h6 {
    color: #d37070;
    font-size: 20px;
}

.lpgas-sales-regarding-tbl.regarding-tbl-time table .regarding-mass-ob td p {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.lpgas-sales-cert-block {
    background-color: #faf2ea;
    border-radius: 10px;
    font-family: 'Noto Sans CJK JP', NotoSansJP, sans-serif;
    margin: 0 auto 25px;
    max-width: 950px;
    padding: 35px;
    width: 100%;
}

.lpgas-sales-cert-block h5 {
    color: #d37070;
    font-size: 20px;
    font-weight: 600;
    margin: 0 auto 30px;
    text-align: center;
    width: 100%;
}

.lpgas-sales-cert-block .lpgas-sales-cert-main {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lpgas-sales-cert-block .lpgas-sales-cert-main p {
    color: #000;
    font-size: 16px;
    line-height: 28px;
    max-width: 323px;
    text-align: justify;
}

.lpgas-sales-cert-block .lpgas-sales-cert-main table {
    border-spacing: 4px;
    border-collapse: separate;
    max-width: 510px;
    table-layout: fixed;
    width: 100%;
}

.lpgas-sales-cert-block .lpgas-sales-cert-main table th {
    background-color: #d37070;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    padding: 5px;
    text-align: center;
}

.lpgas-sales-cert-block .lpgas-sales-cert-main table td {
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 5px;
    text-align: center;
}

.lpgas-sales-cert-block .lpgas-sales-cert-main table tr td.cert-cell-bold h6 {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    margin: 0;
}

.lpgas-sales-cert-block .lpgas-sales-cert-main table tr td.cert-cell-bold span {
    display: block;
    width: 100%;
}

.lpgas-sales-cert-block .lpgas-sales-cert-main table tr td.cert-cell-bold h6>span {
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    width: auto;
}

.lpgas-sales-cert-block .lpgas-sales-cert-main table tr td.cert-cell-icon.cert-cell-no-icon {
    background-color: #f2f2f2;
}

.lpgas-sales-cert-block .lpgas-sales-cert-main table tr td.cert-cell-icon img {
    display: block;
    margin: 0 auto;
    max-width: 30px;
    width: 100%;
}

.lpgas-sales-cert-block .lpgas-sales-cert-main table tr td.cert-cell-icon span {
    color: #000;
    font-size: 14px;
}

.lpgas-sales-cert-block .lpgas-sales-cert-qr {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin: 15px auto 0;
    width: 100%;
}

.lpgas-sales-cert-block .lpgas-sales-cert-qr img {
    display: block;
    margin: 0 15px 0 0;
    max-width: 70px;
    width: 100%;
}

.lpgas-sales-cert-block .lpgas-sales-cert-qr figcaption p {
    color: #000;
    font-size: 16px;
    margin: 0;
}

.lpgas-sales-cert-block .lpgas-sales-cert-qr figcaption a {
    color: #000;
    font-size: 14px;
}

.lpgas-sales-gas-container {
    clear: both;
    font-family: 'Noto Sans CJK JP', NotoSansJP, sans-serif;
    width: 100%;
}

.lpgas-sales-gas-container h5 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto 10px;
    padding-left: 12px;
    width: 100%;
}

.lpgas-sales-gas-container .gas-container-cont {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 940px;
    width: 100%;
}

.lpgas-sales-gas-container .gas-container-cont .gas-container-title {
    background-color: #d37070;
    border-radius: 8px;
    padding: 6px 10px;
    width: 156px;
}

.lpgas-sales-gas-container .gas-container-cont .gas-container-title p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.lpgas-sales-gas-container .gas-container-cont .gas-container-title span {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-top: -4px;
}

.lpgas-sales-gas-container .gas-container-cont .gas-container-lst {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 170px);
}

.lpgas-sales-gas-container .gas-container-cont .gas-container-lst .gas-container-item {
    align-items: center;
    background-color: #e6e6e6;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-left: 4px;
    padding: 5px;
    width: 186px;
}

.lpgas-sales-gas-container .gas-container-cont .gas-container-lst .gas-container-item h6 {
    background-color: #999;
    border-radius: 6px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    padding: 2px 3px 8px 3px;
    text-align: center;
    width: 64px;
}

.lpgas-sales-gas-container .gas-container-cont .gas-container-lst .gas-container-item h6 span {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin-left: 2px;
}

.lpgas-sales-gas-container .gas-container-cont .gas-container-lst .gas-container-item p {
    color: #232323;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.lpgas-sales-gas-container .gas-container-cont .gas-container-lst .gas-container-item p span:first-child {
    font-size: 14px;
}

.lpgas-sales-gas-container .gas-container-cont .gas-container-lst .gas-container-item p span:last-child {
    display: block;
    font-size: 12px;
    margin-top: -4px;
}

.lpgas-sales-map-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto 10px;
    width: 100%;
}

.lpgas-sales-map-title span {
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-left: 30px;
}

.lpgas-sales-map {
    clear: both;
    margin: 0 auto 3rem;
    max-width: 960px;
    overflow: hidden;
    width: 100%;
}
.lpgas-sales-map iframe {
    height: 40vh;
    width: 100%;
}

.lpgas-sales-faq-block {
    font-family: 'Noto Sans CJK JP', NotoSansJP, sans-serif;
}

.lpgas-sales-faq-block h5.lpgas-sales-question {
    background-color: #f7e5d4;
    border-radius: 6px;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto 10px;
    padding: 12.5px 6px 14px 20px;
    width: 100%;
}

.lpgas-sales-faq-block h5.lpgas-sales-question span {
    color: #d37070;
    display: inline-block;
    margin-right: 10px;
}

.lpgas-sales-faq-block .lpgas-sales-answer {
    color: #000;
    font-size: 16px;
    line-height: 28px;
    padding-left: 5px;
}

.lpgas-sales-note-lst {
    border-spacing: 6px;
    border-collapse: separate;
    table-layout: fixed;
    margin: 0 auto 40px;
    width: 100%;
}

.lpgas-sales-note-lst .lpgas-sales-note-item {
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    width: 32.6%;
}

.lpgas-sales-note-lst .lpgas-sales-note-item h6 {
    color: #d37070;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.lpgas-sales-note-lst .lpgas-sales-note-item p {
    font-size: 16px;
    margin: 0;
}

.lpgas-sales-note-lst .lpgas-sales-note-item.lpgas-sales-note-item01 {
    background-color: #808080;
    text-align: left;
}

.lpgas-sales-note-lst .lpgas-sales-note-item.lpgas-sales-note-item01 p {
    color: #fff;
}

.lpgas-sales-note-lst .lpgas-sales-note-item.lpgas-sales-note-item02 {
    background-color: #faf2ea;
}

.lpgas-sales-note-lst .lpgas-sales-note-item.lpgas-sales-note-item03 {
    background-color: #faf7f5;
}

.lpgas-sales-note-block {
    background-color: #fAf7f5;
    border-radius: 10px;
    margin: 0 auto 30px;
    padding: 13px 15px;
    width: 100%;
}

.lpgas-sales-note-block h6 {
    color: #d37070;
    font-size: 16px;
    font-weight: 600;
}

.lpgas-sales-note-block p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    padding: 0 10px;
    text-align: justify;
    width: 100%;
}

@media (max-width: 1600px) {
    .lpgas-sales-nav .lpgas-sales-inner {
        padding: 0 24px 12px;
    }
}
@media (max-width: 1325px) {
    .lpgas-sales-nav h4 {
        margin: 0;
    }
    .lpgas-sales-link {
        flex-direction: column-reverse;
    }
}
@media (max-width: 1080px) {
    .lpgas-sales-mainvisual,
    .lpgas-sales-main-cont-sub {
        flex-direction: column;
    }
    .lpgas-sales-mainvisual-wrap .lpgas-sales-inner {
        background: url(../img/lpgas-sales/mainvisual-bg-sp.png) center 16% no-repeat #d7f1ff;
        background-size: 100%;
    }
    .lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-01 {
        margin: 0 auto 20px;
    }
    .lpgas-sales-mainvisual .lpgas-sales-mainvisual-cont {
        margin: 0 auto;
    }
    .lpgas-sales-mainvisual .lpgas-sales-mainvisual-title {
        margin: 50px auto 30px;
        max-width: 360px;
    }
    .lpgas-sales-block {
        width: 96%;
    }

    .lpgas-sales-gas-filled {
        display: block;
        width: 100%;
    }
    .lpgas-sales-gas-filled .lpgas-sales-gas-filled-main {
        margin: 0 auto 10px;
        padding: 10px;
        text-align: center;
        width: 100%;
    }
    .lpgas-sales-gas-filled .lpgas-sales-gas-filled-main span {
        display: inline-block;
        margin-left: 5px;
        width: auto;
    }
    .lpgas-sales-gas-filled .gas-filled-items {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .lpgas-sales-gas-container .gas-container-cont {
        display: block;
    }
    .lpgas-sales-gas-container .gas-container-cont .gas-container-title {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
        width: 100%;
    }
    .lpgas-sales-gas-container .gas-container-cont .gas-container-title span {
        display: inline-block;
        margin: 0 0 0 5px;
        line-height: 24px;
    }
    .lpgas-sales-gas-container .gas-container-cont .gas-container-lst {
        justify-content: space-evenly;
        width: 100%;
    }
    .lpgas-sales-gas-container .gas-container-cont .gas-container-lst .gas-container-item {
        margin-bottom: 5px;
    }
    .lpgas-sales-cert-block .lpgas-sales-cert-main {
        width: 100%;
    }
    .lpgas-sales-cert-block .lpgas-sales-cert-main p {
        margin: 0 auto 10px;
        max-width: 100%;
    }
    .lpgas-sales-cert-block .lpgas-sales-cert-main table {
        margin: 0 auto;
        width: 100%;
    }
}
@media (max-width: 960px) {
    .lpgas-sales-banner .lpgas-sales-banner-main {
        flex-direction: column;
    }
    .lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-title {
        text-align: center;
        margin: 0 auto 10px;
        width: 100%;
    }
}
@media (max-width: 908px) {
    .lpgas-sales-nav h4 {
        font-size: 22px;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note {
        padding: 2px 10px 5px;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h6,
    .lpgas-sales-nav .lpgas-sales-link ul li a {
        font-size: 14px;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h6 {
        margin: 3px 8px 0 0;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 a {
        font-size: 24px;
        justify-content: space-evenly;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 a img {
        margin: 3px 0 0 0;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 span {
        font-size: 11px;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 a img {
        max-width: 35px;
    }
    .lpgas-sales-nav .lpgas-sales-link ul {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        margin: 5px 0 0;
        max-width: 340px;
        padding: 0;
        width: 100%;
    }
    .lpgas-sales-nav .lpgas-sales-link ul li {
        display: block;
        margin: 0;
    }
    .lpgas-sales-nav .lpgas-sales-link ul li a span:last-child {
        display: block;
        margin-left: 22px;
    }
    .lpgas-sales-nav .lpgas-sales-link ul li a .lpgas-sales-arrow-down {
        margin-right: 5px;
        vertical-align: bottom;
    }s
    .lpgas-sales-mainvisual-wrap {
        background-position: center 12%;
    }
    .lpgas-sales-gas-filled .gas-filled-items .gas-filled-item {
        margin: 0 auto 15px;
        max-width: 186px;
        width: 48%;
    }
}
@media (max-width: 800px) {
    .lpgas-sales-mainvisual-wrap .lpgas-sales-inner {
        background-position: center 11%;
    }
    .lpgas-sales-mainvisual-flex {
        align-items: flex-start;
        display: flex;
        justify-content: center;
    }
    .lpgas-sales-mainvisual .lpgas-sales-mainvisual-cont .lpgas-sales-mainvisual-lp-icon {
        margin-left: 10px;
        max-width: 110px;
        position: static;
        width: 100%;
    }
    .lpgas-sales-mainvisual ul.lpgas-sales-mainvisual-lst {
        margin: 0 auto;
    }
    .lpgas-sales-main-cont-sub .lpgas-sales-main-cont-sub-02,
    .lpgas-sales-banner {
        width: 96%;
    }
    .lpgas-sales-block .lpgas-sales-banner {
        width: 100%;
    }
    .lpgas-sales-regarding-tbl table th {
        font-size: 14px;
        padding: 10px 5px;
    }
    .lpgas-sales-regarding-tbl table tr.regarding-weight td {
        font-size: 20px;
    }
    .lpgas-sales-regarding-tbl table tr.regarding-weight td span {
        font-size: 16px;
    }
    .lpgas-sales-regarding-tbl.regarding-tbl-time table .regarding-mass-ob td {
        padding: 8px;
    }
    .lpgas-sales-regarding-tbl table tr.regarding-mass-sales td span {
        display: block;
        margin: 0 auto;
        width: 40px;
    }
    .lpgas-sales-regarding-tbl.regarding-tbl-time table .regarding-mass-ob td p b {
        display: block;
    }
}

@media (max-width: 730px) {
    .lpgas-sales-nav .lpgas-sales-inner {
        padding: 0 6px 6px;
    }
    .lpgas-sales-nav h4 {
        font-size: 20px;
        width: 30%;
    }
    .lpgas-sales-nav .lpgas-sales-link {
        width: 68%;
    }
    .lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link .lpgas-sales-banner-link-01 {
        flex-direction: column;
    }
    .lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link {
        width: 100%;
    }
    .lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link .lpgas-sales-banner-link-01 h5 span {
        display: inline-block;
        width: auto;
    }
    .lpgas-sales-block {
        padding: 2rem 1rem 1rem;
    }
    .lpgas-sales-cert-block {
        padding: 35px 1rem;
    }
    .lpgas-sales-note-block {
        padding: 14px .5rem;
    }
}
@media (max-width: 568px) {
    .lpgas-sales-mainvisual-wrap .lpgas-sales-inner {
        background-position: center 7%;
    }
    .lpgas-sales-nav h4 {
        font-size: 18px;
    }
    .lpgas-sales-nav .lpgas-sales-link ul {
        width: 90%;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h6 {
        font-size: 12px;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 a {
        font-size: 22px;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 span {
        font-size: 10px;
    }
    .lpgas-sales-mainvisual .lpgas-sales-mainvisual-title {
        max-width: 300px;
    }
    .lpgas-sales-mainvisual .lpgas-sales-mainvisual-cont p {
        font-size: 16px;
        max-width: 270px;
    }
    .lpgas-sales-mainvisual .lpgas-sales-mainvisual-cont .lpgas-sales-mainvisual-lp-icon {
        margin-left: 3px;
    }
    .lpgas-sales-mainvisual ul.lpgas-sales-mainvisual-lst {
        max-width: 380px;
    }
    .lpgas-sales-mainvisual ul.lpgas-sales-mainvisual-lst li {
        font-size: 16px;
    }
    /* .lpgas-sales-gas-filled .gas-filled-items .gas-filled-item {
        margin: 0 auto 15px;
    } */
    .lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-spec table th {
        font-size: 12px;
    }
    .lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-spec table td {
        font-size: 11px;
    }
    .lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-spec table td {
        padding: 5px 0px 7px 10px;
    }
    .lpgas-sales-block-title {
        font-size: 20px;
        padding: 10px 0;
    }
    .lpgas-sales-block-title span {
        font-size: 14px;
    }
    .lpgas-sales-step-tbl .lpgas-sales-step-row th {
        font-size: 16px;
        max-width: 60px;
    }
    .lpgas-sales-step-tbl .lpgas-sales-step-row td {
        padding: 20px 10px;
    }
    .lpgas-sales-step-tbl .lpgas-sales-step-row td.step-row-bold p {
        font-size: 16px;
        width: 96px;
    }
    .lpgas-sales-time-block figure {
        max-width: 160px;
        width: 48%;
    }
    .gas-filled-reverse {
        padding: 20px 10px;
    }
    .lpgas-sales-banner {
        padding: 18px;
    }
}
@media (max-width: 480px) {
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note {
        justify-content: space-evenly;
        padding: 0px 0px 3px;
        width: 100%;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h6 {
        font-size: 11px;
        margin: 0 3px 0 0;
        line-height: 16px;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 a {
        justify-content: center;
        font-size: 20px;
        margin: 0;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 a img {
        margin: 3px 3px 0 0;
    }
    .lpgas-sales-nav .lpgas-sales-link .lpgas-sales-floating-note h5 span {
        font-size: 9px;
    }
    .lpgas-sales-nav .lpgas-sales-link ul li a {
        font-size: 11px;
    }
    .lpgas-sales-gas-container .gas-container-cont .gas-container-lst .gas-container-item {
        margin: 0 auto 5px;
        max-width: 162px;
    }
    .lpgas-sales-gas-container .gas-container-cont .gas-container-lst .gas-container-item p {
        font-size: 18px;
    }
    .lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link .lpgas-sales-banner-link-01 a {
        margin: 0;
    }
    .lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link .lpgas-sales-banner-link-01 a span {
        font-size: 36px;
    }
    .lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link > p span {
        display: block;
    } 
}
@media (max-width: 400px) {
    .lpgas-sales-mainvisual-wrap .lpgas-sales-inner {
        background-position: center 5%;
    }
    .lpgas-sales-gas-filled .gas-filled-items .gas-filled-item .gas-filled-spec table td {
        padding: 5px 0px 7px 5px;
    }
    .lpgas-sales-gas-container .gas-container-cont .gas-container-lst .gas-container-item {
        max-width: 150px;
    }
    .lpgas-sales-gas-container .gas-container-cont .gas-container-lst .gas-container-item h6 {
        width: 55px;
    }
    .lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link .lpgas-sales-banner-link-01 a img {
        margin: 2px 6px 0 0;
        max-width: 40px;
    }
    .lpgas-sales-banner .lpgas-sales-banner-main .lpgas-sales-banner-link .lpgas-sales-banner-link-01 a span {
        font-size: 30px;
    }
}
.hapimaga-aside-block01{
    display: none !important;
}