@charset "UTF-8";

html {
    font-family: "Noto Sans JP", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, sans-serif
}

html,
body {
    height: 100%
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #fff
}

.mw_wp_form .error {
    text-align: left;
    padding-top: 10px
}

#wrapper {
    width: 100%;
    position: relative;
    min-height: 100%
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
    -webkit-appearance: none
}

a:hover {
    cursor: pointer
}

a[href^="tel:"] {
    pointer-events: none;
    color: #008cd4
}

li {
    list-style: none
}

img {
    max-width: 100%;
    height: auto
}

h2 {
    color: #3d3d3d
}

p {
    font-size: 16px;
    line-height: 1.8em
}

.fa-check:before {
    padding-right: 10px
}

.sp {
    display: none
}

#top_list {
    width: 30%;
    margin: 0 auto;
    margin-left: 0;
    align-items: center
}

#top_list li {
    margin: 0 10px
}

#top_list li a {
    display: flex;
    align-items: center
}

#top_list #toLine {
    width: 200px
}

#top_list .mb-menu .menu-trigger {
    width: 40px
}

#top_list .mb-menu .menu-trigger span:nth-of-type(1) {
    top: 22px
}

#top_list .mb-menu .menu-trigger span:nth-of-type(2) {
    top: 32px
}

#top_list .mb-menu .menu-trigger span:nth-of-type(3) {
    top: 42px
}

#top_list .mb-menu .menu-trigger div {
    font-size: 15px;
    color: #85b402;
    position: absolute
}

#top_list .mb-menu .active span:nth-of-type(1) {
    transform: translateY(5px) rotate(-45deg);
    top: 28px
}

#top_list .mb-menu .active span:nth-of-type(2) {
    transform: translateY(-5px) rotate(45deg);
    top: 38px
}

#top_list .mb-menu .active span:nth-of-type(3) {
    opacity: 0
}

.menu-contents {
    display: none;
    width: 100%;
    position: fixed;
    top: 74px;
    left: 0
}

.menu-contents .f-contents {
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    margin-top: 0;
    background-color: #fff;
    z-index: 100
}

.menu-contents .f-contents li {
    padding: 15px;
    border-top: 1px solid #dedede
}

@media screen and (min-width:1025px) {
    #top_list .mb-menu {
        display: none
    }
}

@media(max-width:768px) {
    #top_list {
        width: 100%;
        height: 65px;
        box-sizing: border-box;
        padding-left: 0
    }

    #top_list #tp_logo {
        width: 100%;
        text-align: center
    }

    #top_list #call {
        display: none
    }

    #top_list #toMail {
        display: none
    }

    #top_list #toLine {
        display: none
    }

    #top_list .mb-menu {
        width: 80px;
        position: relative;
        top: 0;
        padding: 0;
        margin: 0;
        height: 100%;
        background: transparent;
        z-index: 2
    }

    #top_list .mb-menu .menu-trigger {
        display: inline-block;
        box-sizing: border-box;
        cursor: pointer
    }

    #top_list .mb-menu .menu-trigger span {
        display: inline-block;
        box-sizing: border-box;
        cursor: pointer;
        position: absolute;
        left: 0;
        right: 0;
        width: 50%;
        height: 3px;
        background: linear-gradient(80deg, #32cd32, #008000);
        border-radius: 4px;
        margin: 0 auto
    }

    .menu-contents .f-contents {
        padding-left: 0;
        width: 100%
    }

    .menu-contents .f-contents li a::after {
        font-family: "Font Awesome 5 Free";
        content: "\f054";
        position: absolute;
        color: #3d3d3d;
        font-size: 14px;
        font-weight: 900;
        right: 10px
    }

    .menu-contents .f-contents li {
        width: 100%
    }

    .parent-touch-btn {
        position: relative
    }

    .agust-space {
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .agust-space #second-menu {
        padding-left: 15px;
        line-height: 3.2
    }

    .agust-space .touch-btn {
        right: 24px
    }

    .second-level {
        display: block
    }

    .second-level {
        display: none;
        position: relative;
        padding: 0;
        z-index: 1001
    }

    .drawer_menu .drawer_nav_wrapper.open {
        transform: translate(0)
    }

    .drawer_menu.left .drawer_button {
        right: auto;
        left: 32px
    }

    .drawer_menu.left .drawer_nav_wrapper {
        transform: translate(-250px);
        right: auto;
        left: 0
    }

    .drawer_menu.left .drawer_nav_wrapper.open {
        transform: translate(0)
    }

    .pc-hidden {
        text-align: center
    }

    .touch-btn {
        color: #555;
        position: absolute;
        top: 14px;
        right: 39px;
        display: block;
        text-align: right;
        z-index: 999;
        vertical-align: middle
    }

    i.fas.fa-caret-down {
        font-size: 40px
    }

    .agust-bottom-space {
        padding-bottom: 80px !important
    }
}

.menu_list {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.menu_list .nav_item {
    position: relative
}

.menu_list .nav_item .panel {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    background: #fff;
    width: 100%;
    display: none
}

.menu_list .nav_item .panel .panel_item {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #dedede
}

.menu_list .nav_item .panel .panel_item a {
    color: #000;
    padding: 10px 0;
    justify-content: center
}

.menu_list .nav_item {
    display: block;
    text-align: center
}

.menu_list .nav_item a {
    color: #000
}

nav.pankuzu li:not(:last-child)::after {
    content: ">";
    margin: 0 10px
}

#front_content,
.wrapper {
    max-width: 1140px;
    margin: 0 auto
}

.flex {
    display: flex
}

.pankuzu ul {
    list-style: none;
    display: flex;
    align-items: baseline;
    margin-bottom: 0;
    padding-left: 0;
    justify-content: flex-start
}

.pankuzu-wrap {
    padding: 1px 0 14px 10px
}

.pankuzu ul li a {
    color: #000
}

.middle-title {
    font-size: 42px;
    margin-bottom: 60px;
    position: relative
}

.font-big {
    font-size: 80px
}

.color-yellow {
    color: #fffc00
}

.green {
    color: #008cd4
}

.full-back-green {
    background: #edf6ea;
    padding: 50px 0
}

.full-back-green h3 {
    margin-top: 0
}

.full-back-green p {
    text-align: left
}

.picture-back {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/ihin-bg2.png) top center no-repeat #f4ffec;
    background-size: 100% auto;
    padding-top: 65px;
    padding-bottom: 50px
}

.center {
    text-align: center
}

.sub-title a {
    color: #fff
}

.strong {
    font-weight: 900
}

.keiko_green {
    font-weight: 900;
    background: linear-gradient(transparent 50%, rgba(151, 232, 154, 0.69) 50%)
}

.under_line {
    text-decoration: underline
}

.under_green {
    font-weight: 900;
    color: #008cd4
}

.keiko_yellow {
    font-weight: 900;
    background: linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%)
}

.area-title {
    color: #008cd4;
    text-align: center;
    padding: .5em 0;
    font-size: 26px;
    border-top: solid 2px #008cd4;
    border-bottom: solid 2px #008cd4;
    background: repeating-linear-gradient(-45deg, #f4f9ff, #f4f9ff 3px, #daedd4 3px, #daedd4 6px)
}

.area-title a {
    color: #008cd4
}

.box {
    border: 2px solid #008cd4;
    border-radius: 5px
}

.box h2 {
    background: #008cd4;
    color: #fff;
    text-align: center;
    margin: 0;
    font-size: 30px;
    position: relative;
    padding: 2rem 0;
}

.box h2::after {
    position: absolute;
    content: "";
    top: 100%;
    left: calc(50% - 14px);
    border: 14px solid transparent;
    border-top: 14px solid #008cd4;
    width: 0;
    height: 0
}

.box .inner {
    padding: .5em .5em .5em;
    font-size: 20px;
    font-weight: 900
}

.box p {
    text-align: center;
    margin: 0
}

.btn,
a.btn,
button.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    user-select: none;
    transition: all .3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: .1em;
    color: #212529;
    border-radius: .5rem
}

.btn-wrap {
    margin: 0 auto;
    text-align: center
}

a.btn-c span {
    font-size: 1.5rem;
    position: absolute;
    top: -1.25rem;
    left: calc(50% - 300px);
    display: block;
    width: 600px;
    padding: .2rem 0;
    color: #d44114;
    border: 2px solid #d44114;
    border-radius: 100vh;
    background: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2)
}

a.btn-c span:before,
a.btn-c span:after {
    position: absolute;
    left: calc(50% - 10px);
    content: ""
}

a.btn-c span:before {
    bottom: -10px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #d44114 transparent transparent transparent
}

a.btn-c span:after {
    bottom: -7px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

a.btn-c i {
    margin-right: 1rem
}

a.btn--green {
    color: #fff !important;
    background-color: #094
}

a.btn--green:hover {
    color: #fff;
    background: #00a349
}

a.btn--green.btn--cubic {
    border-bottom: 5px solid #00662d;
    text-decoration: none
}

a.btn--green.btn--cubic:hover {
    margin-top: 3px;
    border-bottom: 2px solid #00662d
}

a.btn-c {
    width: 78%;
    font-size: 1.5rem;
    position: relative;
    padding: 1.5rem 3rem 1.5rem 2rem
}

a.btn-c i.fa {
    margin-right: 1rem
}

.cta__ct .left-btn,
.cta__ct .right-btn {
    width: 50%;
    text-align: center;
    flex: 1 1 50%;
    max-width: 100%;
    padding: 0 0.5rem;
}
@media(max-width: 768px){
    .cta__ct .left-btn,
    .cta__ct .right-btn {
        width: 100%;
    }
}

@media(max-width: 768px){
    body .cta__ct .left-btn a,
    body .cta__ct .right-btn a{
        font-size: 1.2rem;
    }
}



.no1 {
    background: #f0fff0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.no1 img {
    width: 400px;
    position: relative;
    margin: 0 2%
}

#covid {
    margin: 0 auto;
    text-align: center;
    display: block
}

#covid ul {
    padding-left: 0;
    list-style: none;
    display: inline-block
}

#covid ul li {
    text-align: left
}

.fa-check {
    color: #008cd4
}

.txt h3 {
    margin: 0;
    font-size: 1.8rem
}

.txt .caption {
    text-align: left;
    font-size: 1.5rem;
    color: #01a044;
    font-weight: 900
}

.txt .small {
    text-align: left;
    font-size: .2rem
}

.original-content {
    max-width: 1140px;
    margin: 0 auto
}

.post-content table {
    border-collapse: collapse;
    width: 100%
}

.post-content table,
tr,
th,
td {
    border: 1px solid #ccc
}

.post-table th,
td {
    background: #fff;
    padding: 10px;
    font-size: 20px
}

.post-table th {
    background: #008cd4;
    color: #fff
}

.post-content .area-title {
    width: 100%
}

.h3-title {
    padding: .4em 0;
    color: #494949;
    background: #f4f4f4;
    font-size: 25px;
    width: 100%;
    border-left: solid 5px #008cd4;
    border-bottom: solid 3px #d7d7d7;
    box-sizing: border-box
}

.h4-title {
    border-bottom: double 5px #008cd4;
    font-size: 25px;
    width: 100%
}

.check-list {
    border: 2px solid #008cd4;
    list-style-type: none !important;
    padding: 1em .7em;
    text-align: left;
    font-size: 18px
}

.check-list li:before,
.p-box ul li::before {
    font-family: "Font Awesome 5 Free";
    color: #008cd4;
    content: "\f00c";
    font-size: 20px;
    font-weight: 900;
    margin-right: 10px;
    vertical-align: middle
}

.number-list {
    border: 2px solid #008cd4;
    counter-reset: number;
    list-style: none;
    padding: 1em .7em;
    font-size: 18px
}

.number-list li {
    position: relative;
    padding: .1em 0 .1em 3em;
    margin-bottom: 10px;
    text-align: left
}

.number-list li:before,
.p-box ol li:before {
    position: absolute;
    content: ' ';
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    counter-increment: number;
    content: counter(number, decimal-leading-zero);
    color: #fff;
    font-weight: 700;
    background-color: #008cd4;
    border-radius: 50%;
    font-size: 75%;
    width: 2.5em;
    height: 2.5em;
    top: 0;
    left: 0
}

.post-content a {
    color: #008000;
    font-weight: 900;
    text-decoration: underline
}

.p-box {
    position: relative;
    background-color: #fff;
    border: 2px solid #cfd8dc;
    border-radius: 5px;
    margin: 40px 5px 20px 7px;
    padding: 25px 20px 15px 20px
}

.p-box .p-box-title {
    position: absolute;
    left: -10px;
    top: -20px;
    border-radius: 15px;
    background-color: #90a4ae;
    color: #fff;
    font-family: "FontAwesome", "Helvetica", "Yu Gothic";
    font-size: 14px;
    font-weight: bold;
    padding: 5px 20px
}

.p-box ol {
    counter-reset: number;
    padding-left: 0;
    text-align: left
}

.p-box ul {
    list-style-type: none;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: left
}

.p-box ul li,
.p-box ol li {
    list-style-type: none !important;
    position: relative;
    padding: .2em 0 .2em 0;
    line-height: 1.5;
    line-height: 2
}

.p-box ol li {
    padding-left: 40px;
    padding-bottom: 10px
}

.p-box ol li:last-child {
    padding-bottom: 0
}

.p-box.p-green {
    border: 2px solid #008cd4
}

div.p-box.p-green .p-box-title {
    background-color: #008cd4
}

.memo.alert {
    background: #ffebeb;
    margin-top: 20px
}

.memo_ttl {
    margin-bottom: 5px;
    color: #ffb36b;
    font-size: 1.2em;
    font-weight: 700
}

.memo_ttl:before {
    content: "\f303";
    font-size: 17px;
    padding-right: 5px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free"
}

.memo {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #fff9e5;
    color: #545454
}

.memo.alert .memo_ttl {
    color: #ff8376
}

#toc_container,
#ez-toc-container {
    position: relative;
    width: 100% !important;
    margin: 2.5em 0;
    padding: 20px 0;
    border-top: solid 5px #008cd4;
    font-size: .95em;
    background: #f9f9f9;
    box-shadow: 0 1.5px 2.4px rgba(0, 0, 0, 0.15)
}

#toc_container .toc_title,
.entry-content .ez-toc-title-container {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 5px 0 5px 58px;
    font-size: 23px;
    font-weight: bold
}

#toc_container .toc_toggle a {
    color: #000;
    font-weight: 900;
    text-decoration: none
}

#toc_container p.toc_title+ul.toc_list {
    text-align: left;
    width: 90%;
    margin: 0 auto
}

#toc_container ul,
#ez-toc-container ul {
    list-style-type: disc;
    padding: 0;
    border: 0
}

#toc_container .toc_list,
#ez-toc-container .ez-toc-list {
    margin-bottom: 0;
    margin-left: 18px;
    color: #585858
}

#toc_container .toc_list li,
.ez-toc-list li {
    font-weight: bold
}

#toc_container .toc_list li a,
.ez-toc-list li a {
    color: #555
}

#toc_container .toc_list li ul,
#ez-toc-container .ez-toc-list li ul {
    margin: 5px;
    padding-left: 15px
}

#toc_container .toc_list li ul li,
.ez-toc-list li ul li {
    margin: 0;
    font-size: .95em;
    font-weight: normal
}

.toc_number {
    padding-right: 2px;
    font-family: Quicksand, sans-serif;
    font-size: 1.1em;
    font-weight: bold
}

#ez-toc-container p {
    margin: 0
}

.ez-toc-list .active {
    background: #efefef
}

.sub-title a {
    color: #fff !important
}

@media(max-width:768px) {
    html {
        overflow-x: hidden
    }

    .pc {
        display: none
    }

    .sp {
        display: block
    }

    a:hover {
        text-decoration: none !important
    }

    a[href^="tel:"] {
        pointer-events: auto
    }

    li:hover {
        text-decoration: none !important
    }

    #front_content,
    #inner-areas,
    #outline-flatrate {
        width: 95%
    }

    #outline-flatrate {
        margin: 0 auto
    }

    .box p {
        font-size: 14px
    }

    .fa-check {
        padding-right: 10px
    }

    .pankuzu-wrap {
        padding: 80px 0 14px 8px
    }

    .pankuzu ul li {
        line-height: 2
    }

    .font-big {
        font-size: 40px
    }

    .full-back-green {
        padding: 30px 0
    }

    .full-back-green h3 {
        padding-top: 0
    }

    .picture-back {
        background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/ihin-bg2.png) top center no-repeat #f4ffec;
        background-size: 160%
    }

    .original-content {
        max-width: 360px
    }

    .h3-title,
    .h4-title {
        font-size: 20px
    }

    .post-content .area-title {
        font-size: 22px
    }
}

.section {
    margin-top: -40px
}

.s_01 .accordion_one {
    max-width: 480px
}



#accordion_two .accordion_inner {
    border-left: 2px solid #76c65d;
    border-right: 2px solid #76c65d;
    border-bottom: 2px solid #76c65d
}

.s_01 .accordion_one .accordion_inner {
    display: none;
    padding: 0;
    border-left: 2px solid #008cd4;
    border-right: 2px solid #008cd4;
    border-bottom: 2px solid #008cd4;
    box-sizing: border-box
}

.s_01 .accordion_one:nth-of-type(2) .accordion_inner {
    border-left: 2px solid #ff9a05;
    border-right: 2px solid #ff9a05;
    border-bottom: 2px solid #ff9a05
}

.s_01 .accordion_one:nth-of-type(3) .accordion_inner {
    border-left: 2px solid #1c85d8;
    border-right: 2px solid #1c85d8;
    border-bottom: 2px solid #1c85d8
}

.s_01 .accordion_one .accordion_inner .box_one {
    height: 100%
}

.s_01 .accordion_one .accordion_inner p.txt_a_ac {
    margin: 0
}

@media screen and (max-width:1024px) {
    .s_01 .accordion_one .accordion_header {
        font-size: 18px
    }

    .s_01 .accordion_one .accordion_header .i_box {
        width: 30px;
        height: 30px;
        margin-top: -15px
    }
}

@media screen and (max-width:767px) {
    .s_01 .accordion_one .accordion_header {
        font-size: 16px;
        text-align: center;
        padding: 15px
    }
}

#top-faq .accordion_header::before {
    /* background:url(/wp-content/themes/nfc/assets/assets-lpb/images/top/faq-icon-q01.png); */
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/f-icon-all.png);
    content: "";
    display: inline-block;
    width: 100px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

#top-faq .box_one::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/faq-icon-all.png);
    content: "";
    display: inline-block;
    width: 100px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

#top-faq #faq2::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/f-icon-all.png);
    content: "";
    display: inline-block;
    width: 100px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

#top-faq #ans2::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/faq-icon-all.png);
    content: "";
    display: inline-block;
    width: 180px;
    height: 110px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

#top-faq #faq3::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/f-icon-all.png);
    content: "";
    display: inline-block;
    width: 100px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

#top-faq #ans3::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/faq-icon-all.png);
    content: "";
    display: inline-block;
    width: 180px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

#top-faq #faq4::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/f-icon-all.png);
    content: "";
    display: inline-block;
    width: 100px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

#top-faq #ans4::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/faq-icon-all.png);
    content: "";
    display: inline-block;
    width: 180px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

#top-faq #faq5::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/f-icon-all.png);
    content: "";
    display: inline-block;
    width: 100px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

#top-faq #ans5::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/faq-icon-all.png);
    content: "";
    display: inline-block;
    width: 180px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

#top-faq #faq6::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/f-icon-all.png);
    content: "";
    display: inline-block;
    width: 100px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

#top-faq #ans6::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/faq-icon-all.png);
    content: "";
    display: inline-block;
    width: 180px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}


#top-faq #faq7::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/f-icon-all.png);
    content: "";
    display: inline-block;
    width: 100px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

#top-faq #ans7::before {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/faq-icon-all.png);
    content: "";
    display: inline-block;
    width: 180px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

.s_01 .accordion_one .accordion_header {
    background-color: #008cd4;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    padding: 20px 11%;
    text-align: center;
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: .2s;
}

#top-faq .s_01 .accordion_one .accordion_header {
    padding: 10px 0;
    text-align: left
}

#top-faq .s_01 .accordion_one {
    max-width: 70%;
    margin: 0 auto
}

#top-faq .s_01 .accordion_one .accordion_inner {
    padding: 0;
    border: 0
}

#top-faq .s_01 .accordion_one .accordion_header .i_box {
    right: 11%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    box-sizing: border-box;
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: .2s;
}
#top-faq .s_01 .accordion_one .accordion_inner .box_one {
    height: 160px;
    display: inline-flex
}
#top-faq .s_01 .accordion_one .accordion_header {
    background-color: #fff;
    color: #000;
    text-decoration: underline
}
@media(max-width: 768px){
    #top-faq .s_01 .accordion_one .accordion_header {
        font-size: 1rem;
    }    
}

.s_01 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: .2s;
    position: relative;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before,
.s_01 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    background-color: #000;
    content: '';
    border-radius: 10px;
    position: absolute;
    transform: rotate(0);
    transform-origin: center center;
}

.s_01 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:after{
    width: 18px;
    height: 4px;
    top: 6px;
    left: 0px;
}


#top-faq .s_01 .accordion_one .accordion_header .i_box {
    color: #000
}

#top-faq .s_01 .accordion_one .accordion_inner p.txt_a_ac {
    display: flex;
    align-self: center
}

@media(max-width:768px) {
    #top-faq .s_01 {
        margin: 0 auto
    }

    #top-faq .s_01 .accordion_one {
        max-width: 100%
    }

    #top-faq .accordion_header::before {
        width: 70px;
        height: 80px
    }

    #top-faq #faq2::before {
        width: 70px;
        height: 80px
    }

    #top-faq #faq3::before {
        width: 70px;
        height: 90px
    }

    #top-faq #faq4::before {
        width: 70px;
        height: 90px
    }

    #top-faq #faq5::before {
        width: 70px;
        height: 90px
    }

    #top-faq #faq6::before {
        width: 70px;
        height: 90px
    }

    #top-faq #faq7::before {
        width: 70px;
        height: 90px
    }

    #top-faq .s_01 .accordion_one .accordion_header .i_box {
        right: 0
    }

    #top-faq .box_one::before {
        width: 100px
    }

    #top-faq #ans2::before {
        width: 100px;
        margin-top: 20px
    }

    #top-faq #ans3::before {
        width: 90px
    }

    #top-faq #ans4::before {
        width: 90px
    }

    #top-faq #ans5::before {
        width: 90px
    }

    #top-faq #ans6::before {
        width: 90px
    }

    #top-faq #ans7::before {
        width: 90px
    }

    #top-faq .s_01 .accordion_one .accordion_inner p.txt_a_ac {
        height: 100%;
        width: 100%;
        font-size: 14px;
        padding: 0 10px
    }
}

.heading06 {
    position: relative;
    padding-top: 50px;
    padding-bottom: 10px;
    font-size: 30px;
    text-align: center;
    margin-top: 0
}

.heading06 span {
    position: relative;
    z-index: 2
}

.heading06::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(39, 148, 163, 0.2);
    font-size: 80px;
    font-style: italic;
    content: attr(data-en)
}

.reason-li {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.reason-li p {
    color: #fff;
    margin: 0;
    font-weight: 900;
    font-size: 1.2rem
}

.reason-li li:nth-child(1) {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/bg-num_reason01.png) right no-repeat, linear-gradient(-16deg, #95bfea 50%, #72aae2 50%, #236ab1);
    background-size: contain
}

.reason-li li:nth-child(2) {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/bg-num_reason02.png) right no-repeat, linear-gradient(-16deg, #95bfea 50%, #72aae2 50%, #236ab1);
    background-size: contain
}

.reason-li li:nth-child(3) {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/bg-num_reason03.png) right no-repeat, linear-gradient(-16deg, #95bfea 50%, #72aae2 50%, #236ab1);
    background-size: contain
}

.reason-li li:nth-child(4) {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/bg-num_reason04.png) right no-repeat, linear-gradient(-16deg, #95bfea 50%, #72aae2 50%, #236ab1);
    background-size: contain
}

.reason-li li:nth-child(5) {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/reason05.png) right no-repeat, linear-gradient(-16deg, #95bfea 50%, #72aae2 50%, #236ab1);
    background-size: contain
}

.reason-li li:nth-child(6) {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/reason06.png) right no-repeat, linear-gradient(-16deg, #95bfea 50%, #72aae2 50%, #236ab1);
    background-size: contain
}

.reason-li li {
    width: 45%;
    padding: 20px;
    margin: 0 0 40px;
    color: #fff
}

#menu {
    display: flex;
    margin-top: 40px
}

#menu li {
    width: 50%;
    text-align: center
}

.example-box {
    width: 80%;
    padding: 1em 1.5em;
    margin: 0 auto;
    margin-top: 6px;
    background: -webkit-repeating-linear-gradient(-45deg, #f4f9ff, #f4f9ff 3px, #daedd4 3px, #daedd4 6px);
    background: repeating-linear-gradient(-45deg, #f4f9ff, #f4f9ff 3px, #daedd4 3px, #daedd4 6px);
    color: #000
}

.example-box span {
    text-align: center;
    display: block;
    font-size: 20px
}

.example-box p {
    margin: 0;
    padding: 0
}

.cta__ct {
    width: 830px;
    margin: 0 auto;
    margin-top: 40px
}

.cta-speed {
    width: 100%;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 900;
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center
}

.cta-nowtime {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1;
    border: 2px solid #000;
    font-weight: 900;
    border-radius: 50px;
    padding: 6px 0 6px 0;
    position: relative;
    text-align: center;
    margin-top: 0
}

.cta-nowtime:after {
    content: "";
    width: 124px;
    height: 124px;
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/minutes.png) no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    position: absolute;
    right: -85px;
    top: -60px
}

.cta__ct .cta__phone {
    font-size: 6.2rem;
    line-height: .9;
    font-weight: bold;
    color: #da0e0e;
    display: block;
    padding-left: 100px;
    position: relative;
    letter-spacing: -3px;
    margin-bottom: 10px;
    text-decoration: none
}

.cta__ct .cta__phone:before {
    content: "";
    width: 90px;
    height: 86px;
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/tel.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 13px;
    bottom: 0;
    margin: auto
}

.cta__ct .cta__time {
    font-size: 1.2rem;
    line-height: 1;
    font-weight: bold;
    position: relative;
    display: block;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-align: center
}

.cta__ct .cta__time:before {
    content: "";
    width: 285px;
    height: 1px;
    position: absolute;
    background: #000;
    top: 5px;
    bottom: 0;
    left: 0;
    margin: auto
}

.cta__ct .cta__time:after {
    content: "";
    width: 285px;
    height: 1px;
    position: absolute;
    background: #000;
    top: 5px;
    bottom: 0;
    right: 0;
    margin: auto
}

.cta-nowtime span {
    color: #da0e0e
}

.cta__ct .cta__ct .cta__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
    align-items: flex-start;
}

.cta__ct .cta__btn a i {
    margin-right: 10px;
    padding-top: 5px
}

.cta__ct .cta__btn a:after {
    content: "";
    width: 11px;
    height: 20px;
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/ic_arr.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto
}

.cta__ct .cta__btn a.cta__green {
    background: #14a600
}

.cta__ct .cta__btn a.cta__green:before {
    background: #43b833
}

a.btn--orange {
    color: #fff;
    background-color: #eb6100;
    text-decoration: none
}

a.btn--orange:hover {
    color: #fff;
    background: #f56500
}

a.btn--orange.btn--cubic {
    border-bottom: 5px solid #8b0000
}

a.btn--orange.btn--cubic:hover {
    margin-top: 3px;
    border-bottom: 2px solid #8b0000
}

.customer-no1 {
    margin: 25px 0 25px 0
}

.customer-no1 p {
    text-align: center
}

@media(max-width:768px) {
    .heading06 {
        font-size: 25px
    }

    .header-left {
        width: 80%;
        padding-left: 5px
    }

    .header-right {
        width: 20%
    }

    header h1 {
        font-size: 11px
    }

    nav ul {
        font-size: 12px;
        justify-content: flex-start;
        padding-left: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        overflow: auto;
        white-space: nowrap
    }

    nav ul li {
        display: inline
    }

    .f-contents img {
        width: 80%
    }

    .f-contents a {
        color: #000;
        text-decoration: none
    }

    a.btn-c {
        width: 77%;
        font-size: 1.2rem
    }

    a.btn-c span {
        font-size: 1rem;
        position: absolute;
        top: -1.25rem;
        left: calc(50% - 100px);
        display: block;
        width: 200px
    }

    .customer-no1 p {
        margin: 0 auto;
        text-align: left
    }

    .customer-no1 {
        margin: 5px 0 25px 0
    }

    .customer-no1 img {
        margin-bottom: 20px
    }

    .box h2 {
        font-size: 16px;
        border: 5px solid #008cd4
    }

    #covid ul li {
        font-size: 15px
    }

    .reason-li p {
        margin-bottom: 10px;
        font-size: 1rem
    }

    .right-btn {
        margin-top: 2%
    }

    .reason-li {
        width: 100%;
        margin: 0 auto;
        padding: 0
    }

    .reason-li h3 {
        margin-bottom: 0;
        font-size: 17px
    }

    .reason-li li {
        width: 100%;
        padding: 10px;
        margin: 0 0 20px;
        color: #fff
    }

    .reason-li li .icon {
        width: 72px;
        height: 72px;
        margin-right: 10px
    }

    .reason-li li:nth-child(1),
    .reason-li li:nth-child(2),
    .reason-li li:nth-child(3),
    .reason-li li:nth-child(4) {
        background-size: contain
    }

    .reason-li li {
        width: 100%;
        padding: 10px;
        margin: 0 0 20px;
        color: #fff
    }

    .heading06 {
        padding-top: 0
    }

    .heading06::before {
        top: -26px;
        left: 50%;
        font-size: 52px
    }

    #menu {
        display: block;
        padding: 0
    }

    #menu li {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px
    }

    .example-box {
        width: 85%;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 24px
    }

    .cta__ct {
        width: 100%;
        margin: 0 auto;
        margin-top: 20px
    }

    .full-back-green .cta__ct {
        width: 96%
    }

    a.btn--green {
        letter-spacing: 4.8px
    }

    .cta-speed {
        font-size: 1.1rem;
        line-height: 1.5;
        font-weight: bold;
        letter-spacing: 1;
        margin-bottom: .78125vw
    }

    .cta-nowtime {
        font-size: 1.2rem;
        line-height: 1.2;
        border: 2px solid #000;
        font-weight: bold;
        border-radius: 7px;
        padding: 5px 1.5625vw 1.25vw;
        position: relative;
        margin-top: 0;
        margin: 0 auto;
        margin-bottom: 2.5vw;
        text-align: center;
        max-width: 330px
    }

    .cta-nowtime:after {
        content: "";
        width: 13.4375vw;
        height: 13.59375vw;
        background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/cm_minute.png) no-repeat;
        background-size: contain;
        position: absolute;
        right: -2.5vw;
        top: -3.46875vw
    }

    .cta__ct .cta__phone {
        font-size: 2.6rem;
        position: relative;
        padding: 5px 0 0 0;
        color: #fff;
        height: 60px;
        background: #da0e0e;
        border-radius: 23.4375vw;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateZ(0)
    }

    .cta__ct .cta__phone:before {
        content: "";
        width: 2rem;
        height: 3rem;
        margin: 0;
        margin-right: 10px;
        background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/cm_tel_sp.png) no-repeat;
        background-size: contain;
        display: block;
        position: relative
    }

    .cta__ct .cta__phone:after {
        content: "";
        width: 81.5625vw;
        height: 7.8125vw;
        background: #f72e2e;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 23.4375vw;
        z-index: -1
    }

    .cta__ct .cta__time {
        font-size: 3.28125vw;
        line-height: 1;
        font-weight: bold;
        position: relative;
        display: block;
        letter-spacing: 1px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .cta__ct .cta__time:before {
        content: "";
        width: 26.875vw;
        height: 1px;
        position: absolute;
        background: #000;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto
    }

    .cta__ct .cta__time:after {
        content: "";
        width: 26.875vw;
        height: 1px;
        position: absolute;
        background: #000;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto
    }

    .cta__ct .cta__btn {
        display: block;
        margin-bottom: 26px
    }

    .left-btn,
    .right-btn {
        width: 100%
    }

    .cta__ct .cta__btn a:before {
        content: "";
        width: 40.625vw;
        height: 5.625vw;
        background: #ff9446;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        -moz-border-radius: 23.4375vw;
        border-radius: 23.4375vw;
        z-index: -1
    }

    .cta__ct .cta__btn a i {
        margin-right: 1.5625vw;
        padding-top: .78125vw
    }

    .cta__ct .cta__btn a i.ic_mail img {
        width: 4.6875vw
    }

    .cta__ct .cta__btn a:after {
        content: "";
        width: 40px;
        height: 20px;
        background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/ic_arr.png) no-repeat;
        -moz-background-size: contain;
        background-size: contain;
        position: absolute;
        top: 0;
        bottom: 0;
        right: .4rem;
        margin: auto
    }

    .cta__ct .cta__btn a.cta__green {
        background: #14a600
    }

    .cta__ct .cta__btn a.cta__green:before {
        background: #43b833
    }

    .cta__ct .cta__btn a i.ic_line img {
        width: 5.15625vw
    }
}

@media(max-width:340px) {
    header h1 {
        font-size: 10px
    }

    .original-content {
        max-width: 300px
    }

    .cta__ct .cta__phone {
        font-size: 2rem
    }

    .cta-nowtime {
        max-width: 290px
    }

    .heading06::before {
        font-size: 45px
    }

    .voice__list .voice__child .voice__tit span {
        display: none
    }
}

.voice__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0
}

.voice__list .voice__child {
    width: 48%;
    background: #5faa33;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 8px
}

.voice__list .voice__child .voice__tit {
    position: relative
}

.voice__list .voice__child .voice__tit h3 {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: bold;
    margin: 10px 0 10px;
    color: #fff;
    position: relative;
    display: inline-block;
    transform: translateZ(0)
}

.voice__list .voice__child .voice__tit span {
    position: absolute;
    right: 0;
    top: -90px;
    display: block;
    line-height: 0
}

.voice__list .voice__child p {
    font-size: 1.2rem;
    line-height: 1;
    font-weight: bold;
    display: flex;
    margin-bottom: 6px;
    margin-top: -3px
}

.voice__list .voice__child p span {
    flex: 1 1 100%;
    text-align: center;
    background: #daedd4;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 10px;
    position: relative
}

.voice__list .voice__child p span:not(:last-child):after {
    content: "";
    width: 50px;
    height: 3px;
    background: #5faa33;
    transform: rotate(-60deg);
    transform-origin: top center;
    position: absolute;
    top: 21px;
    right: -25px;
    z-index: 1
}

.voice__list .voice__child p span em {
    font-style: normal;
    font-size: 1.5rem;
    line-height: .9
}

.voice__list .voice__child p span em small {
    font-size: .8rem
}

.voice__list .voice__child .voice__time span {
    width: 230px;
    height: 32px;
    background: #5faa33;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold
}

.voice__list .voice__child .voice__ct {
    background: #fff;
    padding: 16px
}

.voice__list .voice__child .voice__ct h4 {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 0
}

.voice__list .voice__child .voice__ct h4 i {
    margin-left: 7px;
    line-height: 0;
    vertical-align: baseline
}

.voice__list .voice__child .voice__ct p {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 2px
}

@media(max-width:768px) {
    .voice__list {
        display: block
    }

    .voice__list .voice__child {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
        box-sizing: border-box
    }

    .voice__list .voice__child .voice__tit h3 {
        font-size: 1.2rem
    }

    .voice__list .voice__child .voice__tit span {
        width: 130px;
        top: -54px;
        left: 230px
    }

    .voice__list .voice__child p,
    .voice__list .voice__child p span em {
        font-size: .8rem
    }

    .voice__list .voice__child p small {
        font-size: .4rem
    }

    .voice__list .voice__child p {
        padding-bottom: 10px
    }

    .voice__list .voice__child p span {
        padding: 10px 2px 10px 2px
    }
}

#outline-flatrate,
#outline-company,
#outline-blog-cat,
#outline-price,
#outline-kaisyu-blog {
    margin-top: 60px
}

#outline-flatrate p,
#inner-price p {
    text-align: center;
    margin: 30px auto
}

@media(max-width:768px) {

    #outline-flatrate,
    #outline-company,
    #outline-blog-cat,
    #outline-price,
    #outline-huyouhin {
        margin-top: 20px;
        margin-bottom: 80px
    }
}

.space-btw {
    display: flex;
    align-items: center;
    flex-direction: row
}

.row_rev {
    display: flex;
    flex-direction: row-reverse
}

.faq_table .question,
.cv_area,
#voice_posts {
    justify-content: space-between
}

.space-btw {
    justify-content: center
}

.space-around {
    justify-content: space-around
}

.company-box table {
    border-collapse: collapse;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 170%;
    background: white;
    margin-bottom: 60px
}

.company-box table th {
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    background: #daedd4;
    padding: 15px 20px;
    width: 24%
}

.company-box table td {
    text-align: left;
    vertical-align: top;
    padding: 15px 20px;
    word-break: keep-all
}

.company-box table td a {
    color: #000
}

.company-box table,
.company-box th,
.company-box td {
    border: 1px solid #008cd4
}

.company-box tr {
    border: none !important
}

.company-section {
    margin: 0 auto;
    display: block;
    position: relative
}

@media(max-width:768px) {
    .company-box {
        margin: 0 auto;
        display: block
    }

    .company-box table {
        border: 0
    }

    .company-box table th {
        width: 100%
    }

    .company-box table th,
    .company-box table td {
        width: 100%;
        display: block;
        font-size: 16px;
        padding: 10px 0 10px 0;
        text-align: center
    }
}

.single-price {
    display: flex;
    justify-content: space-between
}

.single-price ul {
    width: 48%;
    border: 2px solid #008cd4;
    background: #fff;
    margin-top: 30px;
    padding-left: 0
}

.single-price ul li {
    display: flex;
    align-items: center;
    height: 56px
}

.single-price ul li figure {
    width: 20%;
    padding: 0 5px;
    margin-top: 24px;
    text-align: center
}

.single-price ul li em {
    font-style: normal;
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 700;
    color: #008cd4;
    display: inline-block;
    width: 70%
}

.single-price ul li span {
    width: 30%;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 900;
    color: #e57100;
    letter-spacing: 0
}

.single-price ul li:not(:last-child) {
    border-bottom: 2px solid #008cd4
}

.item-title {
    padding: .5em;
    color: #494949;
    background: #f0fff0;
    border-left: solid 5px #008cd4
}

.btn-flat-stripe {
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: .5em 1em;
    text-decoration: none;
    border-left: solid 4px #008cd4;
    border-right: solid 4px #008cd4;
    color: #008cd4;
    text-shadow: 0 0 5px white;
    padding: .5em 1em;
    background: repeating-linear-gradient(-45deg, #e5f5ef, #e5f5ef 3px, #f5fffa 3px, #f5fffa 7px);
    transition: .4s
}

.btn-flat-stripe:hover {
    background: repeating-linear-gradient(-45deg, #e5f5ef, #e5f5ef 5px, #f5fffa 5px, #f5fffa 9px)
}

@media(max-width:768px) {
    .tanpin {
        width: 94%;
        margin: 0 auto
    }

    .btn-flat-stripe {
        margin: 15px 0 0 0;
        width: 100%;
        padding: 10px 0;
        box-sizing: border-box
    }

    .single-price ul {
        width: 50%;
        margin-top: 4.6875vw
    }

    .single-price ul li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 12.1875vw;
        position: relative;
        padding: 10px 0 10px 40px;
        letter-spacing: 0
    }

    .single-price ul li figure {
        width: 30%;
        margin: 0;
        height: auto;
        text-align: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .single-price ul li em {
        line-height: 1.2;
        font-size: 12px;
        font-weight: 700;
        color: #008cd4;
        margin: 5px 0 5px 20px;
        display: inline-block;
        width: 70%;
        white-space: nowrap
    }

    .single-price ul li span {
        width: 70%;
        display: inline-block;
        font-size: 16px;
        margin-left: 20px;
        line-height: 1.2;
        font-weight: 900;
        color: #e57100
    }

    .single-price ul li figure img {
        max-width: 100%;
        max-height: 60%;
        width: auto;
        height: auto;
        display: inline-block
    }

    .single-price ul:nth-child(1) {
        border-right: 0
    }
}

.cardtype {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.cardtype__article {
    width: 29%;
    margin: 0 4% 25px 0
}

.cardtype__link {
    padding-bottom: 50px
}

.cardtype__img {
    margin: 0;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 210px
}

.cardtype time {
    display: block;
    margin: 13px 13px 8px;
    color: #b5b5b5;
    font-size: 13px;
    font-weight: 700
}

.cardtype__article {
    position: relative;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 12%), 0 0 4px 0 rgb(0 0 0 / 22%);
    cursor: pointer;
    transition: .2s ease-in-out
}

.cardtype__link {
    display: block;
    color: #555;
    text-decoration: none;
    cursor: pointer
}

.cardtype h2 {
    margin: 8px 13px 0;
    font-size: 18px;
    word-break: break-all
}

time.pubdate:before {
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 6px
}

@media(max-width:768px) {
    .cardtype__article {
        width: 100%;
        margin: 15px auto
    }
}

.inner-kaisyu-blog {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 80px
}

.inner-kaisyu-blog img {
    margin: 0 auto;
    display: block
}

.inner-kaisyu-blog p {
    text-align: left;
    display: inline-block;
    max-width: 790px
}

.report-item ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.report-item ul li:first-of-type {
    margin: 0 0 0 -21px
}

.report-item ul li {
    position: relative;
    width: 47%;
    padding: 0 0 0 21px
}

.report-item ul li h4 {
    position: absolute;
    top: 5px;
    left: 2px;
    width: 240px
}

.btn04 {
    display: inline-block;
    width: 180px;
    text-align: center;
    background: linear-gradient(90deg, #0c8237, #a5c635);
    background-size: 200%;
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    padding: 16px;
    border-radius: 4px;
    transition: .4s;
    margin-right: 20px
}

.btn04:hover {
    background-position: right center
}

.blog-button {
    justify-content: center;
    text-align: center;
    margin-bottom: 20px
}

.full_content {
    max-width: 100%;
    height: 880px;
    position: relative;
    margin: 0 auto;
    clear: both
}

.tabcontent .cardtype {
    margin-top: 20px
}

.tabmenu {
    width: 33%;
    background: #5faa33;
    float: left;
    list-style: none;
    padding: 10px 0 10px;
    text-align: center;
    display: block;
    cursor: pointer;
    color: #FFF
}

.active,
.hover {
    background: #999;
    color: #000;
    font-weight: bold
}

.tabmenu img:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )"
}

.mr01 {
    margin-right: 1px
}

.tabcontent {
    width: 100%;
    margin-top: 5%;
    left: 0;
    position: absolute
}

.tabcontent dl {
    max-width: 750px;
    margin: 20px auto
}

.tabcontent dl dt {
    padding: 0 20px 5px;
    border-bottom: solid 1px #e2e2e2;
    margin-bottom: 10px
}

.tab_title {
    margin-top: 10px;
    padding: 5px 20px 5px;
    font-weight: bold;
    border-bottom: 1px #999 solid
}

@media(max-width:768px) {
    #outline-kaisyu-blog {
        margin-top: 20px
    }

    .disposal-blog-pankuzu {
        padding-top: 70px;
        padding-left: 2px;
        padding-right: 2px
    }

    .btn04 {
        width: 150px;
        margin-right: 0
    }

    .right-blog-button {
        margin-right: 2px
    }

    .left-blog-button {
        margin-left: 2px
    }

    .report-item {
        margin: 0
    }

    .report-item ul {
        display: block;
        padding-left: 0;
        margin: 0 auto;
        width: 95%
    }

    .report-item ul li img {
        margin-bottom: 20px
    }

    .report-item ul li:first-of-type,
    .report-item ul li {
        margin: 0 auto
    }

    .report-item ul li h4 {
        top: 7.5%;
        width: 50%;
        left: -15px
    }

    .report-item ul li {
        width: 96%;
        padding: 0
    }

    .inner-kaisyu-blog {
        max-width: 350px;
        margin: 0 auto;
        margin-top: 30px
    }

    .spread_opt {
        font-size: 25px
    }

    .full_content {
        height: 2200px
    }
}

#outline-contact {
    margin-top: 60px
}

.container-lg {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto
}

.ttl-satei {
    position: relative;
    background-color: #30342d;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    padding: 5px 15px 5px 30px;
    letter-spacing: .05em;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 5px
}

.ttl-satei .free {
    background-color: #219232;
    color: #fff;
    display: inline-block;
    line-height: 1.3;
    padding: 0 .5em;
    margin-right: .5em
}

.mw_wp_form {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 50px
}

.box-satei {
    background-color: #f5f5f5;
    padding: 40px 80px 80px;
    margin-bottom: 50px
}

.box-satei p {
    font-size: 15px
}

.txt-placeholder {
    margin-bottom: 5px;
    opacity: .4;
    line-height: 1.3;
    font-size: 12px;
    font-size: 1rem;
    text-align: left !important
}

.mw_wp_form .table-form {
    display: block;
    line-height: 1.3
}

.mw_wp_form .table-form .form-row {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    border: 0
}

.mw_wp_form .table-form .form-head {
    position: relative;
    font-weight: 600;
    text-align: left;
    margin-bottom: 5px
}

.mw_wp_form label {
    font-weight: 400;
    font-size: 20px
}

.mark-req {
    display: inline-block;
    padding: 5px 10px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-radius: 3px;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #ea3967
}

.btn-submit {
    position: relative;
    display: inline-block;
    font-weight: 700;
    min-width: 210px;
    max-width: 100%;
    text-align: center;
    padding: 17px 30px;
    width: 450px;
    line-height: 1.2;
    border-radius: 100px;
    color: #fff;
    background-color: #5faa33;
    font-size: 1.2rem;
    border: 0;
    text-decoration: none !important
}

#mail_submit_button {
    background-color: #5faa33
}

.mw_wp_form .table-form .form-head .min {
    margin-left: 0;
    margin-top: 5px;
    display: block;
    font-weight: 400;
    font-size: 15px
}

.mw_wp_form .table-form .form-head .mark-req,
.mw_wp_form .table-form .form-head .mark-gray {
    margin-left: 15px;
    font-size: 16px
}

.mw_wp_form .table-form .form-content {
    -ms-flex: 1;
    flex: 1;
    padding-left: 30px;
    border: 0;
    background: 0
}

.mw_wp_form .table-form .form-head {
    width: 280px;
    border: 0
}

.mw_wp_form select.select-lg {
    width: 100%
}

.mw_wp_form .form-control {
    position: relative;
    width: 100%;
    padding: 5px;
    box-shadow: none;
    border: 1px solid #b3b3b3;
    font-size: 1rem;
    background-color: #fff
}

.mw_wp_form .wrapper-input .checkmark {
    position: absolute;
    display: none;
    width: 1em;
    height: 1em;
    right: 5px;
    top: 50%;
    color: #15d71a;
    transform: translate(0, -50%);
    z-index: 1
}

input,
select,
textarea,
button {
    box-sizing: border-box
}

textarea {
    resize: none;
    height: 300px
}

#contact-text {
    text-align: left !important
}

.error {
    color: red;
    font-size: 16px
}

#mw-confirm .mw_wp_form .table-form .form-head {
    border-top: 1px solid;
    width: 100%;
    display: block;
    padding-top: 15px
}

#mw-confirm .mw_wp_form .table-form tbody {
    display: block;
    width: 100%
}

#mw-confirm .mw_wp_form .table-form .form-head:last-child {
    border-bottom: 1px solid;
    display: block
}

#mw-confirm .mw_wp_form .table-form .form-row {
    display: block;
    margin-bottom: 15px
}

#mw-confirm .mw_wp_form .table-form .form-content {
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 0
}

#mw-confirm #contact-text {
    display: none
}

@media(max-width:768px) {
    .box-satei {
        padding: 20px 0;
        margin-bottom: 0
    }

    .box-satei p {
        margin-top: 0
    }

    .btn-submit {
        width: 350px;
        background-color: #008cd4
    }

    .mw_wp_form .table-form .form-head {
        padding-left: 10px;
        width: 94%
    }

    .mw_wp_form .table-form {
        width: 98%;
        margin: 0 auto
    }

    .mw_wp_form .table-form .form-row {
        display: block;
        margin-bottom: 3px
    }

    .mw_wp_form .table-form .form-head,
    .mw_wp_form .table-form .form-content {
        display: block
    }

    .mw_wp_form .table-form .form-content {
        padding-left: 10px;
        text-align: left
    }

    .ttl-satei {
        font-size: 1.4rem
    }

    .mw_wp_form label {
        font-size: 16px
    }

    .mw_wp_form .error {
        font-size: 14px !important;
        color: red !important
    }

    #outline-contact {
        margin-top: 110px
    }

    #mw-confirm .mw_wp_form .table-form .form-content,
    #mw-confirm .mw_wp_form label,
    #mw-confirm .mw_wp_form .table-form .form-head .min {
        padding-left: 10px
    }
}

#inner-contact-done p {
    font-size: 1.2rem;
    font-weight: 600
}

.row {
    margin-top: 0
}

.p-sprtlist__bodyBlockMain {
    border: 3px solid #008cd4;
    margin-bottom: 40px
}

.p-sprtlist__bodyBlockMain .row__title {
    border-bottom: 1px solid #a1a1a1;
    background-color: rgba(68, 163, 39, 0.15);
    padding: 12px 18px;
    font-size: 1.2rem
}

.p-sprtlist__bodyBlockMain .row__bodyList {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-top: 0
}

.p-sprtlist__bodyBlockMain .row__bodyListItem {
    width: 25%;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    padding: 11px 18px;
    font-size: 1.2rem;
    box-sizing: border-box
}

.row__bodyListItem a {
    color: #0068b7;
    font-weight: normal !important
}

.bigarea {
    width: 1290px;
    height: 790px;
    margin: 0 auto;
    position: relative
}

.bigarea-inner {
    position: absolute;
    top: 4%;
    left: 1%;
    font-size: 3rem
}

.bigarea-inner h2 {
    margin-bottom: 0;
    margin-top: 45px
}

.bigarea-inner p {
    margin: 0;
    margin-top: -15px;
    text-align: left;
    font-size: 1.5rem
}

@media(max-width:768px) {
    #area-hero {
        padding: 70px 0 0 0
    }

    .bigarea {
        width: 100%;
        height: auto
    }

    .bigarea-inner {
        top: 5%;
        left: 0;
        width: 100%;
        font-size: 1rem
    }

    .bigarea-inner h2 {
        margin-bottom: 0;
        margin-top: 35px
    }

    .bigarea-inner p {
        margin-top: -4px;
        width: 95%;
        margin: 0 auto;
        font-size: 1rem;
        line-height: 1.4 !important;
        text-align: center
    }
}

#single-area-inner {
    margin: 0 auto;
    position: relative;
    text-align: center
}

@media(max-width:768px) {
    .p-sprtlist__bodyBlockMain {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box
    }

    .p-sprtlist__bodyBlockMain .row__bodyListItem {
        font-size: 1rem
    }
}

footer {
    width: 100%;
    position: relative;
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/main.jpg)
}

footer #f-contents {
    width: 100%;
    background: linear-gradient(80deg, rgba(50, 205, 50, 0.75), rgba(34, 139, 34, 0.95));
    padding: 2% 0;
    font-weight: 900
}

#f-contents ul {
    align-self: flex-start;
    margin-top: 0
}

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

footer .space-btw {
    width: 100%;
    margin: 0 auto
}

footer .space-btw li {
    padding: 2% 0
}

footer .space-btw li a {
    width: 100%;
    color: #fff;
    text-decoration: none
}

footer .space-btw li a:hover {
    text-decoration: underline
}

.info {
    align-self: baseline
}

.info a {
    color: #fff
}

.info p {
    color: #fff;
    text-align: left;
    margin: 10px auto
}

footer .copywrite {
    text-align: center;
    padding: 2% 0 0;
    background: transparent;
    color: #fff;
    font-size: 10px
}

footer .copywrite a {
    color: #fff
}

footer .copywrite a:hover {
    text-decoration: underline;
    color: #e60c2a
}

footer #sitemap ul:first-child {
    width: 25%
}

footer #sitemap ul:first-child li::before {
    content: none
}

footer #sitemap ul li {
    font-size: 14px
}

footer #sitemap ul li:first-child {
    font-size: 1.2vw;
    color: #fff;
    font-weight: 900
}

footer #sitemap ul li:first-child::before {
    content: none
}

#sp-fixed-menu {
    display: none
}

@media(max-width:768px) {
    footer #f-contents {
        padding: 0;
        margin-bottom: 62px;
        margin-top: 0
    }

    #f-contents ul li a {
        text-align: center
    }

    footer .space-btw li {
        width: 100%;
        display: flex;
        padding: 10px 0;
        border-bottom: solid 1px #d9d9d9;
        background: white
    }

    footer .space-btw li a {
        color: #3d3d3d
    }

    .info {
        padding: 5%;
        background: linear-gradient(80deg, #228b22, #3cb371)
    }

    footer .copywrite {
        font-size: 14px
    }

    footer #sitemap {
        width: 100%;
        flex-direction: column
    }

    footer #sitemap ul {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
        margin: 0
    }

    footer #sitemap ul li {
        width: 50%;
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 500
    }

    footer #sitemap ul:first-child li {
        display: none
    }

    footer #sitemap ul li:first-child {
        width: 100%;
        background: linear-gradient(80deg, #228b22, #3cb371);
        font-size: 16px;
        border-bottom: 2px solid transparent;
        justify-content: center
    }
}

#gotop img {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: block
}

@media screen and (min-width:1025px) {
    footer #gotop {
        position: fixed;
        width: 40px;
        height: 40px;
        padding: 10px;
        background: #5faa33;
        border-radius: 50px;
        right: 2%;
        bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none
    }

    footer #gotop p {
        display: none
    }
}

@media(max-width:768px) {
    footer #gotop {
        display: none !important
    }
}

@media(max-width:768px) {
    #sp-fixed-menu {
        position: fixed;
        width: 100%;
        bottom: 0;
        font-size: 0;
        z-index: 99;
        height: 17vw;
        background: #36b301;
        display: block
    }

    #sp-fixed-menu ul {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        height: auto
    }

    #sp-fixed-menu li:first-child {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        height: auto
    }

    #sp-fixed-menu li {
        justify-content: center;
        align-items: center;
        width: 21%;
        padding: 0;
        margin: 0;
        font-size: 14px
    }

    #sp-fixed-menu li a:first-child {
        padding: 0
    }

    #sp-fixed-menu li a {
        color: #fff;
        text-align: center;
        display: block;
        width: 100%;
        padding: 20px 0 20px 0
    }
}

.front_contact_banner .cv_anim strong {
    font-size: 1.5rem;
    color: #ffea4e
}

@media(max-width:768px) {
    .front_contact_banner .cv_anim strong {
        font-size: 2.5rem
    }
}

@media screen and (max-width:640px) {
    .front_contact_banner .cv_anim strong {
        font-size: 1.5rem
    }
}

.front_contact_banner .cv_anim::before {
    left: 5%
}

.front_contact_banner .cv_anim::after {
    right: 5%
}

.front_contact_banner #tel_btn {
    margin: 10px auto;
    margin-top: 0;
    width: 100%;
    height: 96px
}

@media(max-width:768px) {
    .front_contact_banner #tel_btn {
        height: auto;
        max-width: 540px;
        margin: 0 auto
    }
}

@media screen and (max-width:640px) {
    .front_contact_banner #tel_btn {
        max-width: 100%
    }
}

.front_contact_banner #tel_btn img {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.front_contact_banner #tp_mail_btn {
    height: 76px
}

@media(max-width:768px) {
    .front_contact_banner #tp_mail_btn {
        height: auto;
        max-width: 540px;
        margin: 15px auto 0
    }
}

@media screen and (max-width:640px) {
    .front_contact_banner #tp_mail_btn {
        max-width: 100%
    }
}

.front_contact_banner #tp_mail_btn img {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.front_contact_banner a {
    width: 100%;
    margin: 0 auto;
    height: auto
}

.top_image {
    position: relative;
    width: 100%;
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/fv-bg.png) no-repeat center;
    background-size: cover
}

.hero {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding: 0
}

.mark {
    background: linear-gradient(transparent 75%, #ffadad 75%);
    font-weight: bold
}

@media(max-width:768px) {
    .top_image {
        background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/bg-spfv.png) no-repeat center;
        background-size: cover;
        height: 520px
    }

    .mark {
        background: linear-gradient(transparent 85%, #ffadad 85%)
    }

    .hero {
        padding-top: 60px
    }
}

.header_contact {
    padding: 5%;
    background: linear-gradient(80deg, #50b7e8, #2d89f8);
    position: relative;
    text-align: center
}

.header_contact strong {
    color: #ffea4e
}

.header_contact h2 {
    text-shadow: none !important;
    color: #fff;
    border-bottom: 0 solid #e60c2a !important;
    margin-bottom: 10px
}

.header_contact img {
    width: 100%
}

.fv_appeal {
    width: 100% !important;
    background: linear-gradient(80deg, #008cd4, #008cd4)
}

.fv_appeal ul {
    width: 76%;
    margin: 0 auto;
    padding-top: 10px
}

@media(max-width:768px) {
    .fv_appeal ul {
        width: 100%;
        padding-bottom: 10px
    }
}

.fv_appeal ul li {
    width: calc(100% / 4.1);
    color: #3b9bf2;
    background: #fff;
    display: flex;
    background: #fff;
    align-items: center;
    transform: skew(-30deg);
    padding: 10px
}

.fv_appeal ul li p {
    transform: skew(30deg)
}

.fv_appeal ul li p:first-child {
    max-width: 20%
}

@media(max-width:768px) {
    .fv_appeal ul li p:first-child {
        max-width: 50%
    }
}

.fv_appeal ul li p:last-child {
    color: #3b9bf2;
    font-weight: bold;
    font-size: 1.5rem;
    margin-left: 5%
}

@media(max-width:768px) {
    .fv_appeal ul li p:last-child {
        width: 100%;
        font-size: 20px;
        text-align: center;
        margin-left: 0
    }
}

@media screen and (max-width:640px) {
    .fv_appeal ul li p:last-child {
        font-size: 14px
    }
}

#medal img {
    width: 100%;
    background: #fff;
    border-radius: 10px
}

#six_reasons,
#service_intro,
#top-flow,
#top-fee,
#top-area,
#top-example,
#top-voice,
#top-faq {
    margin-top: 40px
}

.service_list {
    width: 100%;
    display: flex;
    padding: 0;
    flex-wrap: wrap
}

.service_list p {
    font-size: 15px;
    line-height: 200%
}

.service_list li {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1px 30px;
    box-sizing: border-box
}

.service_list li a {
    display: block;
    width: 97%;
    color: #008cd4;
    border: 2px solid #008cd4;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    background-position: bottom 16px right 20px;
    background-repeat: no-repeat;
    line-height: 1
}

.service_list li h3 {
    margin-bottom: 40px;
    text-align: center;
}

.service_list li a h3 {
    font-size: 35px;
    font-weight: bold
}

.service_list li a .eng {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    padding: 0 0 30px
}

.service_list dd {
    margin: 0
}

.service_list li a .more {
    font-size: 15px
}

#area-text {
    margin-bottom: 40px
}

#area-text p {
    text-align: center
}

#area-titles {
    margin-top: 60px
}

.inner-bigarea-contents {
    margin: 0 auto;
    text-align: center;
    margin-top: 40px
}

@media(max-width:768px) {

    #six_reasons,
    #service_intro,
    #top-flow,
    #top-fee,
    #top-area,
    #top-voice,
    #top-faq {
        margin-top: 40px
    }

    #top-example {
        margin-top: 0
    }

    .service_list {
        margin: 0 auto;
        flex-wrap: wrap
    }

    .service_list li {
        width: 50%;
        margin: 20px 0 0 0
    }

    .service_list li a {
        padding: 6px;
        margin: 0 auto;
        width: 95%
    }

    .service_list li a h3 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .service_list li a .eng {
        padding: 0 0 10px
    }

    #area-titles {
        font-size: 20px
    }
}

#top-fee p {
    text-align: center;
    line-height: 200%
}

@media(max-width:768px) {
    #top-fee p {
        margin: 0 auto
    }
}

dd {
    margin-left: 0
}

.flow {
    margin-bottom: 40px
}

.flow li {
    position: relative
}

.flow li dd {
    flex-basis: 80%;
    font-size: 20px;
    line-height: 1.8em
}

.flow dt img {
    margin-top: 10px
}

.flow li:not(:last-child) {
    margin-bottom: 40px
}

.flow li:not(:first-child)::before {
    content: "";
    height: 60px;
    display: block;
    border-left: 4px dotted #e5e5e5;
    position: absolute;
    top: -40px;
    left: calc(10%+21px - 2px);
    z-index: 10
}

.flow li dl {
    padding: 20px 30px;
    display: flex;
    align-items: center;
    border: 2px solid rgba(68, 163, 39, 1);
    border-radius: 10px;
    position: relative
}

.flow li:not(:last-child) dl::before,
.flow li:not(:last-child) dl::after {
    content: "";
    border: solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.flow li:not(:last-child) dl::before {
    border-width: 22px;
    border-top-color: rgba(68, 163, 39, 1)
}

.flow li:not(:last-child) dl::after {
    border-width: 20px;
    border-top-color: #fff
}

.flow li dl dt {
    font-size: 20px;
    font-weight: 600;
    color: rgba(68, 163, 39, 1);
    flex-basis: 20%;
    margin-right: 2vw;
    text-align: center
}

.flow li dl dt .icon {
    font-size: 12px;
    color: #fff;
    background: rgba(68, 163, 39, 1);
    background: linear-gradient(to right, rgba(68, 163, 39, 1) 0, rgba(102, 213, 233, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b90db', endColorstr='#66d5e9', GradientType=1);
    padding: 5px 10px;
    margin-bottom: 10px;
    display: block;
    border-radius: 20px;
    position: relative;
    z-index: 1
}

@media(max-width:768px) {
    .flow {
        padding: 0;
        width: 100%;
        margin: 0 auto
    }

    .flow li dl {
        display: block;
        padding: 20px 10px
    }

    .flow li dd {
        font-size: 16px
    }

    .flow li:not(:first-child)::before {
        display: none
    }
}

.price-list table {
    width: 100%;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3;
    color: #000;
    margin: 30px 0 40px 0;
    border-collapse: collapse
}

.price-list table thead th:first-of-type {
    padding: 0 0 0 1em;
    text-align: left
}

.price-list table thead th:not(:last-of-type) {
    border-top: solid 2px #727171;
    border-left: solid 2px #727171;
    border-bottom: solid 2px #727171
}

.price-list table tbody th,
.price-list table tbody td:not(:last-of-type) {
    border-left: solid 2px #727171;
    border-bottom: solid 2px #727171
}

.price-list table tbody th {
    padding: 0 0 0 1em;
    text-align: left
}

.price-list table tbody td:last-of-type {
    border-left: solid 3px #008cd4;
    border-right: solid 3px #008cd4;
    border-bottom: solid 2px #727171;
    color: #008cd4
}

.price-list table thead th:last-of-type {
    color: #fff;
    background-color: #008cd4;
    border-top: solid 2px #008cd4;
    border-bottom: solid 2px #008cd4;
    border-left: solid 3px #008cd4;
    border-right: solid 3px #008cd4
}

.price-list table th,
.price-list table td {
    width: 25%;
    padding: .75em 0;
    vertical-align: middle;
    text-align: center;
}

.price-list table tbody td i {
    width: 48px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0
}

.price-list table tbody tr:last-of-type td:last-of-type {
    border-bottom: solid 3px #008cd4
}

.oranges {
    background-color: #3B9B71;
color:#fff;
}

.yellows {
    background-color: #3B9B71;
color:#fff;
}

.slver {
    background-color: #f1f1f1
}

@media(max-width:768px) {
    .price-list table {
        font-size: .8rem;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px
    }

    .price-list table tbody th {
        text-align: center;
        padding: 0
    }

    .price-list table tbody td i {
        width: 7.5vw;
        margin: 0 5px 0 0
    }
}

.area-outline {
    display: flex
}

.area-left,
.area-right {
    width: 50%
}

.area-text {
    width: 85%;
    line-height: 200%
}

@media(max-width:768px) {
    #front_content #top-area {
        width: 100%
    }

    #top-area {
        width: 94%
    }

    .area-outline {
        display: block;
        width: 100%;
        margin: 0 auto
    }

    .area-left,
    .area-right {
        width: 100%
    }

    .area-text {
        width: 100%;
        margin-top: 10px
    }
}

#top-example ul {
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
    align-items: flex-start
}

#top-example ul li {
    width: 33%;
    border: solid 4px #008cd4;
    margin: 15px;
    padding: 1.8em 1.5em 1.5em;
    position: relative;
    background: #fff
}

#top-example ul span {
    position: absolute;
    left: 10px;
    top: -1.5rem;
    background: #fff;
    font-weight: bold;
    font-size: 1.8rem;
    padding: 0 20px;
    color: #4f4848;
    letter-spacing: .08em
}

#top-example table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
    color: #3d3d3d
}

#top-example table tr {
    padding: 10px 0;
    border: solid 1px #008cd4
}

#top-example table th {
    width: 50%;
    padding: 3%;
    text-align: left;
    background: #daedd4
}

#top-example table td {
    text-align: right;
    padding: 0 5px
}

#top-example caption {
    font-size: 1.5rem;
    text-align: left;
    font-weight: bold
}

#top-example caption p {
    font-size: 1rem;
    margin: 5px auto
}

#top-example .collect-fee {
    font-size: 1.2rem;
    border: 0
}

#top-example .collect-fee tr {
    border: 0
}

#top-example .collect-fee th {
    padding: 0;
    background: transparent;
    border: 0
}

#top-example .collect-fee td {
    padding: 0;
    font-weight: 600;
    border: 0
}

#top-example ul li img {
    margin: 15px auto
}

#top-example ul li h4 {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 2rem;
    color: #e60c2a
}

@media(max-width:768px) {
    .space-btw {
        display: block
    }

    #top-example ul li {
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
        margin-top: 60px;
        padding: 0
    }

    #top-example div {
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.pagination {
    margin: 20px 0 40px 0;
    text-align: center !important;
    font-size: 30px
}

.page-numbers {
    justify-content: center !important
}

.pagination a,
.pagination span,
.post-page-numbers {
    display: inline-block;
    width: 46px;
    height: 46px;
    margin: 0;
    border-radius: 50%;
    background: #fff;
    font-size: 17.5px;
    font-weight: 700;
    text-decoration: none;
    line-height: 46px
}

nav .next,
nav .prev {
    display: none !important
}

.pagination a,
.pagination span,
.post-page-numbers {
    display: inline-block;
    text-align: center;
    width: 46px;
    height: 46px;
    margin: 0;
    color: #000;
    border-radius: 50%;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    line-height: 46px
}

@media screen and (max-width:640px) {
    .pagination {
        margin: 30px auto
    }
}

.pagination .pager {
    padding: 10px;
    border: solid 2px #e60c2a;
    color: #e60c2a;
    margin: 0 5px
}

.pagination .pager:hover {
    color: #fff;
    background: #e60c2a
}

.pagination .current {
    color: #fff;
    background: #5faa33
}

.section_title h2::before {
    content: none;
    background: 0
}

#sigle-area-pankuzu {
    padding-top: 3px
}

#huyouhin-wrapper {
    margin-bottom: 40px
}

.head-huyouhin {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/submain-bgs.jpg) center center;
    position: relative;
    height: 600px;
    background-size: cover
}

.head-huyouhin .title-huyouhin {
    width: 660px;
    height: auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 280px;
    margin: 0 auto;
    background: linear-gradient(128deg, #f0fff0 50%, #f5f5f5 50%);
    color: #3b9bf2;
    z-index: 3;
    padding: 10px;
    padding-bottom: 0
}

.huyouhin-content p {
    text-align: center;
    font-size: 20px;
    width: 95%;
    margin: 0 auto;
    margin-top: 70px
}

.head-huyouhin span {
    font-size: 1rem;
    color: #3b9bf2;
    padding-bottom: 30px
}

#inner-huyouhin {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/cmn_bg01.png) repeat-x center -170px #20873c;
    color: #fff;
    padding: 20px 0;
    text-align: center
}

#huyouhin {
    color: #fff;
    font-size: 40px;
    margin: 0
}

#inner-huyouhin p {
    font-size: 24px;
    line-height: 2;
    font-weight: bold;
    text-align: center;
    padding-top: 20px
}

.huyouhin-middle-title {
    font-size: 45px;
    display: block;
    font-weight: 900;
    text-align: center;
    padding-top: 20px;
    margin: 0 50px
}

.green-wave {
    color: #008cd4;
    display: inline-block
}

.kaiketsu {
    text-align: center;
    padding: 10px 0;
    background-color: #dc492c;
    color: #fff;
    position: relative;
    line-height: 1;
    letter-spacing: .06em;
    text-indent: .06em
}

.kaiketsu p {
    font-size: 30px;
    font-weight: bold
}

.kaiketsu:before {
    content: "";
    display: block;
    border-style: solid;
    border-width: 42px 70px 0;
    border-color: #dc492c transparent transparent;
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -70px
}

.about-huyouhin {
    border: 4px solid #008cd4;
    margin: 0 auto;
    position: relative;
    z-index: 9999
}

.outline-about-huyouhin {
    position: relative;
    margin: 0 auto;
    max-width: 1000px
}

.outline-about-huyouhin:before {
    content: "";
    width: 240px;
    height: 179px;
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/right-cat.png) no-repeat top left/cover;
    position: absolute;
    left: -50px;
    top: -148px;
    z-index: 4
}

.middle-title:before {
    content: "";
    width: 30px;
    height: 4px;
    background: #0a6334;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 30px)
}

.middle-title:after {
    content: "";
    width: 30px;
    height: 4px;
    background: #008cd4;
    position: absolute;
    bottom: -20px;
    left: 50%
}

.request-huyouhin h3 {
    text-align: center;
    font-size: 42px
}

.request-huyouhin h4 {
    text-align: center;
    font-size: 30px
}

.huyouhin-always {
    color: #008cd4;
    padding: 0 10px;
    background: #edf6ea
}

.always-content ol {
    max-width: 1140px;
    margin: 0 auto
}

.request-huyouhin .always-content .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 50px 0 60px
}

.request-huyouhin .always-content .inner li {
    width: 45%;
    border: 6px solid #008cd4;
    border-radius: 6px;
    padding: 88px 10px 16px;
    position: relative;
    margin-bottom: 60px;
    background-color: #edf6ea
}

.request-huyouhin .always-content .inner li .ribbon {
    line-height: 1.2;
    top: -66px;
    padding-top: 15px;
    text-align: center
}

.ribbon {
    position: absolute;
    z-index: 2;
    padding: 15px 0;
    font-size: 22px;
    width: 104px;
    color: #fff;
    background: #008cd4;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    text-align: center
}

.ribbon::after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 52px solid #008cd4;
    border-right: 52px solid #008cd4;
    border-bottom: 26px solid transparent
}

.number {
    padding-top: 10px;
    font-size: 40px
}

.huyouhin-service ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 0
}

.huyouhin-service li {
    width: 33%
}

.huyouhin-catalog,
.huyouhin-content {
    max-width: 1140px;
    margin: 0 auto
}

.huyouhin-catalog h4 {
    text-align: center;
    font-size: 30px;
    margin: 20px 0 10px 0
}

.huyouhin-catalog img {
    display: block;
    margin: 0 auto;
    padding: 6px;
    background: #fff;
    border: 3px solid #008cd4;
    box-sizing: border-box
}

.huyouhin-catalog p {
    margin: 0 auto;
    margin-bottom: 30px
}

.request-huyouhin ul {
    max-width: 1140px;
    margin: 0 auto
}

.u-redtxt {
    color: red
}

.nayami {
    max-width: 1140px;
    margin: 0 auto;
    margin-top: 50px
}

.nayami .list h2 {
    font-size: 30px;
    color: #019e45
}

.nayami ul {
    position: relative
}

.nayami .list ul::before {
    content: "";
    width: 240px;
    height: 179px;
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/right-peple.png) no-repeat top left/cover;
    position: absolute;
    left: -40px;
    top: -160px;
    z-index: 4
}

.nayami .list ul::after {
    content: "";
    width: 240px;
    height: 179px;
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/left-peple.png) no-repeat top left/cover;
    position: absolute;
    right: -20px;
    top: -160px;
    z-index: 4
}

.nayami .list li {
    display: block;
    text-align: center;
    border-radius: 10px;
    background: #625545;
    padding: 25px 20px;
    font-size: 2rem;
    position: relative;
    z-index: 6;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 15px
}

.nayami .list li strong {
    color: #ffff3c;
    font-weight: bold
}

.six-points {
    width: 100%;
    max-width: 1100px;
    margin: auto
}

.six-points-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.inner-six-points-list {
    width: 47%;
    padding: 0;
    margin: 0 0 60px;
    position: relative
}

.inner-six-points-list:nth-of-type(1):before {
    background-image: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/select-reason1.png)
}

.inner-six-points-list:nth-of-type(2):before {
    background-image: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/select-reason2.png)
}

.inner-six-points-list:nth-of-type(3):before {
    background-image: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/select-reason3.png)
}

.inner-six-points-list:nth-of-type(4):before {
    background-image: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/select-reason4.png)
}

.inner-six-points-list:nth-of-type(5):before {
    background-image: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/select-reason5.png)
}

.inner-six-points-list:nth-of-type(6):before {
    background-image: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/select-reason6.png)
}

.inner-six-points-list:before {
    width: 90px;
    height: 90px;
    left: -18px;
    top: -20px
}

.inner-six-points-list:before {
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -16px;
    left: -10px
}

.six-points img {
    margin-bottom: 22px;
    border-radius: 8px
}

.six-points-content {
    text-align: center !important;
    line-height: 1.3;
    font-weight: 900;
    font-size: 2.3rem;
    margin: 0 auto 4px
}

#huyouhin-flow {
    max-width: 1140px;
    margin: 0 auto
}

.huyouhin-faq,
.huyouhin-area {
    max-width: 1140px;
    margin: 0 auto
}

.case .case-content .case-image-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.case .case-content .case-image-wrap:before {
    content: "Before";
    color: #333;
    font-size: 16px;
    font-weight: 700;
    background: #bbe5ff;
    border: 3px solid #333;
    border-radius: 50px;
    width: 150px;
    text-align: center;
    height: 38px;
    position: absolute;
    top: -10px;
    left: 2px;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center
}

.case .case-content .case-image-wrap:after {
    content: "After";
    color: #333;
    font-size: 16px;
    font-weight: 700;
    background: #ffb884;
    border: 3px solid #333;
    border-radius: 50px;
    width: 150px;
    text-align: center;
    height: 38px;
    position: absolute;
    top: -10px;
    right: 2px;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center
}

.case .case-content .case-image-wrap img {
    width: 50%;
    box-sizing: border-box;
    z-index: 4;
    position: relative
}

.case .case-content .case-image-wrap img:first-of-type {
    padding-right: 5px
}

.case .case-content .case-image-wrap img:last-of-type {
    padding-left: 5px
}

.area-title {
    text-align: center
}

@media(max-width:768px) {
    .head-huyouhin {
        height: 370px;
        margin-top: 65px;
        background: 0
    }

    .huyouhin-catalog {
        padding: 0 10px 0 10px
    }

    #outline-huyouhin .flow {
        width: 94%
    }

    .head-huyouhin .title-huyouhin {
        width: 90%;
        padding: 0
    }

    .head-huyouhin h1 {
        font-size: 1.3rem
    }

    .head-huyouhin .pankuzu-wrap {
        padding: 10px 10px;
        position: relative;
        z-index: 999
    }

    .head-huyouhin .title-huyouhin {
        top: 94px
    }

    .title-huyouhin .heading06 {
        padding-bottom: 20px;
        margin-bottom: 0;
        padding-top: 32px
    }

    .title-huyouhin .heading06::before {
        font-size: 42px;
        top: 14px
    }

    .kaiketsu {
        line-height: 1.4;
        padding: 5px 0;
        z-index: 3
    }

    .kaiketsu:before {
        border-width: 36px 70px 0;
        bottom: -26px
    }

    .kaiketsu p {
        font-size: 20px;
        margin: 0
    }

    .huyouhin-middle-title {
        margin: 0;
        font-size: 20px
    }

    #inner-huyouhin p {
        font-size: 16px;
        width: 90%;
        margin: 0 auto
    }

    .middle-title {
        font-size: 24px
    }

    .about-huyouhin {
        margin-top: 90px;
        width: 98%
    }

    .outline-about-huyouhin:before {
        width: 129px;
        height: 95px;
        left: -16px;
        top: -84px
    }

    .outline-about-huyouhin {
        margin-top: 90px;
        padding: 0 10px 20px 10px
    }

    .outline-about-huyouhin p {
        margin-top: 20px
    }

    .case .case-content .case-image-wrap:before,
    .case .case-content .case-image-wrap:after {
        height: 28px;
        width: 86px;
        font-size: 16px
    }

    .case .case-content .case-image-wrap:before,
    .case .case-content .case-image-wrap:after {
        height: 28px;
        width: 86px;
        font-size: 16px
    }

    .request-huyouhin h3 {
        font-size: 26px
    }

    .request-huyouhin h4 {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .request-huyouhin .always-content .inner {
        display: block;
        padding-top: 0;
        padding-bottom: 0
    }

    .request-huyouhin .always-content .inner li {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 10px 16px;
        margin: 0 auto;
        margin-bottom: 40px;
        margin-top: 80px;
        border: 3px solid #008cd4
    }

    .request-huyouhin .always-content .inner li .ribbon {
        line-height: 1.2;
        top: -48px;
        font-size: 15px;
        left: 35px;
        width: 50px;
        padding-top: 7px
    }

    .number {
        font-size: 23px
    }

    .ribbon {
        padding-bottom: 0
    }

    .ribbon::after {
        content: '';
        position: absolute;
        left: 0;
        top: 100%;
        height: 0;
        width: 0;
        border-left: 25px solid #008cd4;
        border-right: 25px solid #008cd4;
        border-bottom: 26px solid transparent
    }

    .huyouhin-service ul {
        display: block
    }

    .huyouhin-service li {
        width: 100%
    }

    #huyouhin-nayami ul {
        padding-left: 0;
        margin-bottom: 140px;
        z-index: 1
    }

    .nayami .list ul::before {
        width: 153px;
        height: 104px;
        left: 10px;
        top: 798px
    }

    .nayami .list ul::after {
        width: 160px;
        height: 114px;
        top: 790px;
        right: 30px
    }

    .nayami .list li {
        font-size: 20px;
        line-height: 1.4;
        padding: 20px
    }

    .nayami .list h2 {
        font-size: 20px
    }

    .nayami {
        box-sizing: border-box;
        margin: 0 auto
    }

    #huyouhin-nayami {
        padding: 0 10px 0 10px
    }

    .six-points-content {
        font-size: 26px;
        margin-bottom: 20px
    }

    .six-points-list {
        display: block;
        padding: 0 10px 0 10px
    }

    .six-points img {
        margin-bottom: 20px
    }

    .inner-six-points-list {
        width: 100%
    }

    .huyouhin-content p {
        margin-top: 70px;
        font-size: 16px
    }

    .request-huyouhin {
        padding: 30px 10px 30px 10px
    }

    #sigle-area-pankuzu {
        padding-top: 12px
    }
}

@media(max-width:340px) {
    a.btn-c {
        padding: 20px;
        font-size: 1.1rem
    }

    .cta__ct .cta__btn a:after {
        display: none
    }

    .service_list li a h3 {
        font-size: 16px
    }

    .cta-speed {
        font-size: .9rem
    }

    footer #f-contents {
        margin-bottom: 54px
    }

    .menu-contents {
        top: 65px
    }

    .nayami .list ul::before {
        top: 718px
    }

    .nayami .list ul::after {
        top: 710px;
        right: 20px
    }

    .middle-title,
    .area-title,
    .six-points-content {
        font-size: 22px
    }

    .bigarea-inner h2 {
        font-size: 20px
    }

    .bigarea-inner p {
        font-size: 14px
    }

    .request-huyouhin h3 {
        font-size: 23px
    }

    .service_list li a .eng {
        font-size: 17px
    }

    .post-table th,
    td {
        font-size: 16px
    }

    .btn04 {
        width: 120px;
        font-size: 13px
    }

    .blog-button {
        margin-bottom: 20px
    }

    .heading06 {
        font-size: 22px
    }

    #top-faq .s_01 .accordion_one .accordion_header {
        font-size: 13px
    }

    #gomi-main {
        margin-top: -110px
    }

    .head-huyouhin {
        height: 310px
    }

    .top_image {
        height: 438px
    }

    a.btn-c {
        width: 87%
    }

    #top-example caption {
        font-size: 1.3rem
    }

    .hero {
        padding-top: 50px
    }
}

#outline-notfound {
    margin-top: 40px;
    padding-bottom: 40px;
    max-width: 1140px
}

#outline-notfound p {
    text-align: center
}

#outline-notfound .btn {
    margin: 0 auto;
    display: block
}

@media(max-width:768px) {
    #outline-notfound {
        margin-top: 120px;
        padding-bottom: 40px
    }
}

#privacy-flatrate h3 {
    text-align: center;
    padding: 10px
}

.terms ol li {
    list-style: auto !important
}

#gomi-main {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-size: cover;
    width: 100%;
    height: 500px
}

.single-service .pankuzu ul {
    z-index: 999;
    position: relative
}

@media(max-width:768px) {
    .single-gomiyashiki .pankuzu-wrap {
        background: #def4d9
    }

    #gomi-main {
        height: 350px
    }
}

@media(max-width:367px) {
    #gomi-main {
        height: 500px
    }
}

#fv-single-huyouhin {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/huyouhin-bgs.jpg) center center;
    background-size: cover
}

#fv-single-gomiyashiki {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/gomiyashiki-bgs.jpg) center center;
    background-size: cover
}

#fv-single-kaitori {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/kaitori-bgs.jpg) center center;
    background-size: cover
}

#fv-single-tokusyu {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/tokusyu-bgs.jpg) center center;
    background-size: cover
}

#fv-single-onebuild {
    background: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/onebuild-bgs.jpg) center center;
    background-size: cover
}

.single-kaitori .pankuzu-wrap,
.single-tokusyu .pankuzu-wrap,
.single-onebuild .pankuzu-wrap {
    z-index: 999;
    position: relative
}

@media(max-width:768px) {

    #fv-single-huyouhin,
    #fv-single-kaitori,
    #fv-single-tokusyu,
    #fv-single-onebuild {
        background: 0
    }

    .single-huyouhin .pankuzu-wrap {
        background: #f5e1cd
    }

    .single-ihin .pankuzu-wrap {
        background: #ebecfa
    }

    .single-kaitori .pankuzu-wrap {
        background: #f8efdc
    }

    .single-tokusyu .pankuzu-wrap {
        background: #eff8e3
    }

    .single-onebuild .pankuzu-wrap {
        background: #ebecfa
    }
}

.youtube-box {
    margin: 0 auto;
    text-align: center;
    margin-top: 30px
}

.youtube-text {
    margin-top: 40px
}

.post-table th,
td {
    text-align: center
}

@media(max-width:768px) {
    .youtube-box {
        margin-top: 40px;
        margin-bottom: 20px
    }

    .youtube-text {
        margin-top: 20px
    }

    #medal .box {
        margin-top: 20px
    }

    .post-table th,
    td {
        font-size: 15px
    }
}

.camp-banner {
    text-align: center;
    width: 100%
}

#single-work-price p {
    font-size: 14px;
    text-align: left
}

#single-work-price table {
    border-color: #000;
    font-size: 14px;
    text-align: left;
    margin-bottom: 30px
}

#single-work-price th {
    font-size: 14px;
    color: #000;
    text-align: left;
    background-color: #d9ead3
}

#single-work-price td {
    font-size: 14px;
    text-align: left
}

.fo-btn {
    display: block;
    margin: 0 auto;
    padding: 30px 0 20px 0
}

.contact-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    max-width: 80%;
    margin: 0 auto
}

.col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.sbtn {
    text-align: center;
    width: 95%;
    border-radius: 24px;
    color: #fff;
    background: #acacac !important;
    border: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 32px;
    padding-left: 32px;
    font-size: 20px
}

.sbt {
    text-align: center;
    width: 95%;
    border-radius: 24px;
    background: #158b2b !important
}

input[type="submit"] {
    position: relative;
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 32px;
    padding-left: 32px;
    border: 0;
    font-size: 20px !important;
    color: #fff !important;
    text-align: center;
    letter-spacing: .04em;
    font-family: inherit;
    font-size: .88889rem;
    overflow: hidden;
    cursor: pointer;
    transition: all ease .3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media(max-width:768px) {
    .fo-btn {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 10px 0 10px 0
    }

    .col-sm-6 {
        position: relative;
        max-width: 100%;
        width: 100%;
        flex: none;
        margin-top: 20px
    }

    #mw-confirm .mw_wp_form .table-form {
        width: 100%
    }

    #mw-confirm .mw_wp_form .table-form .form-head {
        padding-left: 0
    }

    .mw_wp_form {
        padding-bottom: 0
    }

    #inner-contact-done {
        margin-top: 130px
    }

    #inner-contact-done p {
        font-size: 16px;
        font-weight: normal;
        margin-top: 20px
    }
}

caption h3 {
    margin: 0
}

.full-back-green .cta-speed,
.full-back-green .cta-nowtime {
    text-align: center !important
}

@media(max-width:768px) {
    .day-item {
        text-align: center
    }

    #disposal-price,
    .disposal-flow {
        padding: 0 10px 0 10px
    }

    #area-fv {
        height: 530px
    }

    #inner-company {
        margin-top: 20px
    }
}

#outline-blog-cat,
#outline-company {
    width: 95%;
    margin: 0 auto
}

@media(max-width:367px) {
    #area-fv {
        height: 455px
    }

    #area-hero {
        padding: 60px 0 0 0
    }

    .bigarea-inner h2 {
        margin-top: 29px
    }

    .voice__list .voice__child .voice__tit span {
        display: none
    }

    #outline-kaisyu-blog {
        width: 95%;
        margin: 0 auto
    }

    .disposal-blog-pankuzu {
        padding-top: 60px
    }

    .pankuzu-wrap {
        padding: 70px 0 14px 8px
    }

    .nayami .list li {
        font-size: 16px
    }
}

.g-recaptcha {
    position: absolute;
    top: -110px;
    left: 240px;
}

@media(max-width:768px) {
    .g-recaptcha {
        left: -10px;
        top: -180px;
    }
}

.text-left {
    text-align: left;
}

#your_name {
    width: 100%;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select {
    border: 1px solid #b3b3b3;
    color: #000;
}

.radio-btns input[type=radio].radio-btns__item {
    display: none;
}

.radio-btns label {
    display: inline-block;
}

.one-child-day {
    padding-left: 1045;
}

.radio-btns .radio-btns__item+span {
    padding-left: 2em;
    display: inline-block;
    position: relative;
}

.radio-btns .radio-btns__item+span::after,
.radio-btns .radio-btns__item+span::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: solid 2px #868686;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

.radio-btns .radio-btns__item+span::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 4px;
    width: 12px;
    height: 12px;
    background-color: #219232;
    border-radius: 50%;
    color: transparent;
    transform: scale(0);
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

.radio-btns .radio-btns__item:checked+span {
    color: #219232;
    font-weight: 900;
}

.radio-btns .radio-btns__item:checked+span:before,
.radio-btns .radio-btns__item:checked+span:before {
    border-color: #219232;
}

.radio-btns .radio-btns__item:checked+span::after {
    transform: scale(1);
}

@media(max-width:768px) {
    .radio-btns .radio-btns__item+span::after {
        border: 2px solid #219232
    }
}

.checkbox input[type=checkbox].checkbox__item {
    display: none;
}

.checkbox label {
    display: inline-block;
}

.checkbox .checkbox__item+span {
    padding-left: 2em;
    display: inline-block;
    position: relative;
}

.checkbox .checkbox__item+span::after,
.checkbox .checkbox__item+span::before {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #AAAAAA;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
}

.checkbox .checkbox__item+span::after {
    opacity: 0;
    width: 10px;
    height: 15px;
    top: -2px;
    transform: rotate(45deg);
    left: 5px;
    border: none;
    border-right: 5px solid #219232;
    border-bottom: 5px solid #219232;
}

.checkbox .checkbox__item:checked+span {
    color: #219232;
    font-weight: 900;
}

.checkbox .checkbox__item:checked+span::after {
    opacity: 1;
}

@media(max-width:768px) {
    .checkbox .checkbox__item+span::after {
        border-right: 4px solid #219232;
        border-bottom: 4px solid #219232;
    }

    .mw_wp_form .vertical-item+.vertical-item {
        margin-top: 15px !important;
    }

    dd input {
        margin-bottom: 10px;
    }

    .c-form01__date {
        max-width: 100%;
    }

    .c-form01__date dt {
        margin: 0px 0px 15px 0 !important;
    }

    .c-form01__date dd {
        width: 76%;
    }

    .c-form01__date dt {
        width: 23% !important;
    }
}

.c-form01__date dt {
    float: left;
    width: 100px;
    padding-top: 10px;
}

.c-form01__date dd {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.c-form01__date dt {
    margin: 0 17px 10px 0;
}

.c-form01 table th,
.c-form01 table td {
    box-sizing: border-box;
    display: table-cell;
}

.c-form01 table td {
    width: 463px;
    padding: 26px 0 24px 48px;
    font-size: 2rem;
    border-top: 1px solid #c3c3c3;
}

.c-form01__date {
    display: flex;
}

.c-form01__date dd select,
.c-form01__date dd input {
    height: 52px;
    width: 145px;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    font-size: 14px;
}

input::placeholder,
input,
select {
    padding-left: 5px;
    font-size: 16px;
}

.mark-gray {
    display: inline-block;
    padding: 5px 10px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-radius: 3px;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #ea3967;
}

#mw-confirm .mw_wp_form .table-form .form-content .add-recyle-price {
    display: none;
}

@media(max-width:768px) {
    .c-form01__date dd {
        display: inline-block;
        flex-wrap: none;
    }

    .n005 {
        width: 38px;
    }

    .n006 {
        width: 96%;
        font-size: 13px;
        width: 100% !important;
        margin-top: 10px;
    }

    .c-form01__date dd select,
    .c-form01__date dd input {
        width: 105px;
        margin-left: 0;
        margin-right: 0;
    }
}

.wp-gr .wp-google-url {
    display: none;
}

.bestplan {
    display: block;
    margin: 0 auto;
    text-align: center;
}

/* googlevoice */
.goolemap-inner {
    margin: 0 auto;
    padding: 20px 45px 50px 40px;
    background-color: #fff;
    border: 4px solid #008cd4;
    border-radius: 17px;
    background-image: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/bg-border.png);
    font-family: 'Murecho', sans-serif;
}

.gmap-title {
    font-size: 48px;
    font-weight: 700 !important;
    font-family: 'Murecho', sans-serif;
    margin: 0;
    text-align: center;
    font-size: 42px;
}

.greencolor {
    color: #008cd4;
}

.mini {
    font-size: 15px;
}

.fa-star {
    color: #FEC54D;
    letter-spacing: 8px;
}

.goolemap-outline {
    position: relative;
}

.goolemap-outline::after {
    background-image: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/goolglemap.png);
    position: absolute;
    height: 128px;
    width: 200px;
    content: "";
    background-repeat: no-repeat;
    top: 40%;
    left: 80%;
}

.googlemap-btn {
    text-align: center;
    margin-top: 10px;
    z-index: 9999;
}

.googlemap-btn a {
    font-size: 20px;
    width: 40%;
    padding: 14px 0;
    transition: all .3s ease;
    font-weight: bold;
}

.googlemap-btn a {
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 10px 0;
    background: linear-gradient(to bottom, #57d741 0%, #23b93d 100%);
    border-radius: 4px;
    font-size: 1.6rem;
    position: relative;
}

.googlemap-btn a::after {
    width: 8px;
    height: 8px;
    border-width: 4px 4px 0 0;
    right: 30px;
}

.googlemap-btn a::after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: #fff;
    top: 49%;
    right: 15px;
    transform: rotate(45deg) translateY(-50%);
}

.mapvoice-text {
    font-size: 20px;
    text-align: center;
}

.mapreviewnumber {
    font-size: 30px;
    color: #008cd4;
    font-weight: bold;
}

.map-sp {
    display: none;
}

.nayami .goolemap-outline {
    margin-top: 30px;
    margin-bottom: 130px;
}

.mapvoice-text {
    margin-top: 0 !important;
}

@media(max-width:768px) {
    .map-sp {
        display: block;
    }

    .gmap-title {
        font-size: 26px;
    }

    .goolemap-inner {
        padding: 20px 9px 30px 9px;
    }

    .googlemap-btn a {
        width: 100%;
        font-size: 22px;
        letter-spacing: 4px;
        z-index: 9999;
    }

    .wp-gr.wpac {
        width: 95% !important;
    }

    .goolemap-outline::after {
        background-image: url(/wp-content/themes/nfc/assets/assets-lpb/images/top/goolglemap-sp.png);
        position: absolute;
        height: 208px;
        width: 300px;
        content: "";
        background-repeat: no-repeat;
        top: 25%;
        left: 12%;
        z-index: 2;
        opacity: 0.2;
    }

    .mapvoice-text {
        font-size: 17px;
    }

    .mapreviewnumber {
        font-size: 16px;
    }

    .mini {
        display: block;
    }

    .nayami .goolemap-outline {
        margin-bottom: 30px;
        margin-left: 10px;
        margin-right: 10px;
    }
}

.cta__btn a.btn-c{
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;

}
body header{
    background-color: #fff;;
}
body header nav.nav_menu{
    margin-top: 0 !important;
}