@import url(fontawesome.min.css);
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after {
    content: "";
    content: none
}

blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block
}

.dt {
    font-weight: bold;
}

#mainv {
    width: 100%;
    margin: -3px auto 0;
    background: #fcfcfb url(../img/mainv-background.png) no-repeat top center
}

#mainv .mainv-inner {
    position: relative;
    width: 900px;
    height: 470px;
    margin: 0 auto
}

#mainv .text {
    position: absolute;
    top: 35px;
    left: -20px
}

@media screen and (min-width: 900px) {
    #mainv .badge {
        position: absolute;
        bottom: 0px;
        left: 35px
    }
    .introduction-track {
        background: #eee;
        padding: 6px 0 10px
    }
    .introduction-track .introduction-track-wrap {
        margin: 0 auto;
        width: 900px;
        text-align: center
    }
    .introduction-track .introduction-track-wrap .introduction-track-heading {
        padding: 10px 0
    }
    .introduction-track .introduction-track-wrap .introduction-track-text {
        padding-bottom: 20px;
        font-size: 20px;
        font-weight: bold;
        color: #214b9f
    }
    .introduction-track .introduction-track-wrap .introduction-track-item {
        overflow: hidden;
        width: 700px;
        margin: 0 auto
    }
    .introduction-track .introduction-track-wrap .introduction-track-item .introduction-track-iist {
        float: left;
        padding-right: 10px
    }
    .twwrap {
        height: 70px;
        margin: 0 auto;
        background: url(../img/bg-b1.png) repeat
    }
    .twwrap .inner {
        position: relative;
        margin: 0 auto;
        width: 900px;
        height: 50px
    }
    .twwrap p {
        padding-top: 20px
    }
    .twwrap .balloon {
        position: absolute;
        top: -50px;
        right: -33px;
        z-index: 10
    }
    .twrow {
        width: 500px;
        height: 32px;
        font-size: 12px;
        font-weight: bold;
        line-height: 32px
    }
    #bg-b1 {
        width: 100%;
        background: url(../img/bg-b1.png) repeat
    }
    #bg-b2 {
        width: 100%;
        background: url(../img/bg-b2.png) repeat
    }
    #bg-b2 .fd {
        padding-left: 29px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAPCAMAAAA4caRkAAAAjVBMVEX//AAAAAD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AD//AAl+olJAAAALnRSTlPhAO728/365NFqRsSMNxIDsEkxIx4ZCOjezqKZkHx4XVApDNmshoJwWD8B17iqBZ6q0QAAANVJREFUGNNtkDdyxDAQBHdJACTovffnT9L8/3kCpOASdtTVtcHUkk8nmCpxhqRAj70A2jBa8+f9mwDXH3RO8Z5ydX8kfBRxkXCzRjtzGZOLdmiMhQLmtH8xc+TBJQduni5rusAyNsFUFy0c07d3BswcAcj4KXGpY9chFfIEQ5AIyLh2AYR8VSRH7mwfuIdotFV13CSpH/ZhuL07qCqw6qSTJOEkuQK6xCbNGYBH+mX3XLmc9VFd7OWLt7ng6G8Pwq0qtQeLWPY6yGC6wBni/5+eR5aP+r/hZSAMzEVs5wAAAABJRU5ErkJggg==") no-repeat 0 2px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 22px;
        color: #fffc00
    }
    #bg-b3 {
        width: 100%;
        background: url("../img/bg-b3.png?1389768145") repeat
    }
    #bg-b3 .fd {
        width: 320px;
        height: 78px;
        margin: 0 auto;
        padding: 85px 0 15px 580px;
        background: url("../img/contact-fd-bg.png?1413363020") no-repeat 0 10px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 48px;
        font-weight: bold;
        letter-spacing: 0;
        color: #1b3d8d
    }
    #bg-g {
        width: 100%;
        background: #eee;
        position: relative;
        z-index: -1;
        margin-top: -4px
    }
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-size: 16px;
        font-weight: bold;
        color: #214b9f;
        line-height: 2em
    }
    .center {
        text-align: center;
        padding-top: 10px
    }
    .entry-bg {
        width: 100%;
        background: url(../img/entry-bg.png) no-repeat top center
    }
    .entry-bg .btn a {
        text-indent: -9999px;
        overflow: hidden;
        width: 471px;
        height: 91px;
        display: block;
        background: url(../img/btn-entry.png) no-repeat
    }
    .entry-bg .btn a:hover {
        background: url(../img/btn-entry-on.png) no-repeat
    }
    .entry1 {
        width: 900px;
        height: 210px;
        position: relative;
        margin: 0 auto
    }
    .entry1 p {
        position: absolute;
        color: #fff;
        font-weight: bold
    }
    .entry1 p.text1 {
        top: 110px;
        left: 5px;
        width: 380px;
        line-height: 1.8em
    }
    .entry1 p.text2 {
        top: 140px;
        left: 460px;
        font-size: 12px
    }
    .entry1 p.text3 {
        top: 165px;
        left: 640px;
        font-size: 10px;
        font-weight: normal
    }
    .entry1 p.btn {
        top: 30px;
        left: 420px
    }
    .entry1 p.fd {
        top: 165px;
        left: 460px
    }
    .entry2 {
        width: 900px;
        height: 210px;
        position: relative;
        margin: 0 auto
    }
    .entry2 .btn-entry a {
        text-indent: -9999px;
        overflow: hidden;
        width: 471px;
        height: 91px;
        display: block;
        background: url(../img/btn-entry.png) no-repeat
    }
    .entry2 .btn-entry a:hover {
        background: url(../img/btn-entry-on.png) no-repeat
    }
    .entry2 .btn-inquiry a {
        text-indent: -9999px;
        overflow: hidden;
        width: 158px;
        height: 45px;
        display: block;
        background: url(../img/btn-inquiry.png) no-repeat
    }
    .entry2 .btn-inquiry a:hover {
        background: url(../img/btn-inquiry-on.png) no-repeat
    }
    .entry2 p {
        position: absolute;
        color: #fff;
        font-weight: bold
    }
    .entry2 p.text1 {
        top: 110px;
        left: 5px;
        width: 380px;
        line-height: 1.8em
    }
    .entry2 p.text2 {
        top: 140px;
        left: 460px;
        font-size: 12px
    }
    .entry2 p.text2 a {
        color: #fff
    }
    .entry2 p.btn-entry {
        top: 40px;
        left: 420px
    }
    .entry2 p.btn-inquiry {
        top: 145px;
        left: 680px
    }
    #index .point p {
        text-align: center;
        padding: 15px 0
    }
    #index #nayami .hedding-bg {
        width: 100%;
        background: #eb5468
    }
    #index #nayami .hedding-bg .h-nayami {
        width: 900px;
        position: relative;
        text-align: center;
        margin: 0 auto
    }
    #index #nayami .hedding-bg .h-nayami .title {
        padding: 13px 0 15px
    }
    #index #nayami .hedding-bg .h-nayami .arrow {
        position: absolute;
        text-align: center;
        bottom: -27px;
        left: 50%;
        margin-left: -19px
    }
    #index #nayami .problem-inner {
        background: url(../img/problem-inner-bg.png) repeat;
        padding: 32px 0 21px;
        border-bottom: 1px solid #cecece
    }
    #index #nayami .problem-inner .problem-inner-wrap {
        width: 900px;
        margin: 0 auto
    }
    #index #nayami .problem-inner .problem-inner-wrap .problem-heading {
        position: relative;
        padding-left: 96px;
        line-height: 1.5;
        font-size: 18px;
        font-weight: bold;
        color: #333
    }
    #index #nayami .problem-inner .problem-inner-wrap .problem-heading:before {
        content: url(../img/information-cast.png);
        position: absolute;
        left: -7px;
        bottom: -30px
    }
    #index #nayami .check-pattern {
        padding: 50px 0 12px
    }
    #index #nayami .check-pattern .check-pattern-wrap {
        position: relative;
        width: 900px;
        margin: 0 auto
    }
    #index #nayami .check-pattern .check-pattern-wrap:before {
        content: url(../img/arrow-large.png);
        position: absolute;
        left: 360px;
        bottom: 395px
    }
    #index #nayami .check-pattern .check-pattern-wrap:after {
        content: url(../img/arrow-large.png);
        position: absolute;
        left: 360px;
        bottom: -52px
    }
    #index #nayami .check-pattern .check-pattern-wrap .check-pattern-img {
        position: relative;
        padding-bottom: 22px;
        border-bottom: 1px dashed #aaa
    }
    #index #nayami .check-pattern .check-pattern-wrap .check-pattern-img:after {
        content: url(../img/oh-my-god.png);
        position: absolute;
        bottom: -6px;
        right: -31px
    }
    #index #nayami .check-pattern .check-pattern-wrap .check-pattern-item {
        overflow: hidden;
        padding: 31px 0 40px;
        line-height: 1
    }
    #index #nayami .check-pattern .check-pattern-wrap .check-pattern-item .case-content {
        float: left;
        width: 420px;
        min-height: 150px;
        padding-bottom: 14px;
        margin-right: 28px
    }
    #index #nayami .check-pattern .check-pattern-wrap .check-pattern-item .case-content:nth-child(even) {
        margin-right: 0
    }
    #index #nayami .check-pattern .check-pattern-wrap .check-pattern-item .case-content .case-content-heading {
        font-weight: bold;
        font-size: 24px;
        color: #3b97f4
    }
    #index #nayami .check-pattern .check-pattern-wrap .check-pattern-item .case-content .case-content-item {
        padding: 12px 0 0
    }
    #index #nayami .check-pattern .check-pattern-wrap .check-pattern-item .case-content .case-content-item .case-content-list {
        position: relative;
        padding: 0 0 10px 15px;
        line-height: 1.4;
        font-weight: bold;
        font-size: 14px
    }
    #index #nayami .check-pattern .check-pattern-wrap .check-pattern-item .case-content .case-content-item .case-content-list:before {
        content: '・';
        position: absolute;
        top: 0;
        left: 0
    }
    #index #nayami .check-pattern .check-pattern-wrap .check-pattern-item .case-content .case-content-item .case-content-list:nth-child(1) {
        padding-top: 0
    }
    #index #nayami .check-pattern .check-pattern-wrap .check-pattern-item .case-content .case-content-item .case-content-last-clearfix {
        position: relative;
        padding: 0 0 10px 15px;
        line-height: 1.4;
        font-weight: bold;
        font-size: 14px;
        padding-top: 30px
    }
    #index #nayami .check-pattern .check-pattern-wrap .check-pattern-item .case-content .case-content-item .case-content-last-clearfix:before {
        content: '・';
        position: absolute;
        top: 30px;
        left: 0
    }
    #index #nayami .check-pattern .check-pattern-wrap .result-img {
        padding: 36px 0 30px
    }
    #index #nayami .check-pattern .check-pattern-wrap .result-text {
        padding: 0 0 60px;
        text-align: center
    }
    #index #nayami .check-pattern .check-pattern-wrap .result-text .result-text-item {
        padding-bottom: 22px;
        font-size: 24px;
        font-weight: bold
    }
    #index #nayami .check-pattern .check-pattern-wrap .result-text .result-text-em {
        font-size: 36px;
        font-weight: bold;
        color: #eb5468
    }
    #index #nayami #bg-g {
        padding-top: 60px
    }
    #index #nayami .inner {
        width: 100%;
        max-width: 960px;
        margin: 0 auto
    }
    #index #nayami .inner .h-nayami-heading {
        padding-bottom: 56px;
        text-align: center
    }
    #index #nayami .inner .case-pattern {
        position: relative;
        padding: 60px 5px 30px 30px;
        border-radius: 8px;
        background: #fff
    }
    #index #nayami .inner .case-pattern:after {
        content: url(../img/oh-my-god.png);
        position: absolute;
        right: -23px;
        bottom: -5px
    }
    #index #nayami .inner .case-pattern:before {
        content: url(../img/arrow-large.png);
        position: absolute;
        right: 413px;
        bottom: -58px
    }
    #index #nayami .inner .case-pattern .case-pattern-heading {
        position: absolute;
        top: -27px;
        left: 200px;
        width: 552px;
        background: #3b97f4;
        border-radius: 30px;
        font-size: 28px;
        font-weight: normal;
        text-align: center;
        color: #fff
    }
    #index #nayami .inner .case-pattern .case-content-wrap {
        overflow: hidden;
        line-height: 1
    }
    #index #nayami .inner .case-pattern .case-content-wrap .case-content {
        float: left;
        width: 435px;
        height: 150px;
        padding-bottom: 8px;
        margin-right: 25px
    }
    #index #nayami .inner .case-pattern .case-content-wrap .case-content .case-content-heading {
        font-weight: bold;
        font-size: 24px;
        color: #3b97f4
    }
    #index #nayami .inner .case-pattern .case-content-wrap .case-content .case-content-item {
        padding: 12px 0 0
    }
    #index #nayami .inner .case-pattern .case-content-wrap .case-content .case-content-item .case-content-list {
        position: relative;
        padding: 0 0 10px 15px;
        line-height: 1.4;
        font-weight: bold;
        font-size: 14px
    }
    #index #nayami .inner .case-pattern .case-content-wrap .case-content .case-content-item .case-content-list:before {
        content: '・';
        position: absolute;
        top: 0;
        left: 0
    }
    #index #nayami .inner .case-pattern .case-content-wrap .case-content .case-content-item .case-content-list:nth-child(1) {
        padding-top: 0
    }
    #index #nayami .inner .case-pattern .case-summary {
        overflow: hidden;
        padding-top: 25px;
        margin-right: 30px;
        border-top: 1px dashed #aaa
    }
    #index #nayami .inner .case-pattern .case-summary .case-summary-box {
        float: left;
        width: 11px;
        background: #3b97f4;
        border-radius: 5px;
        padding: 13px 16px 6px 8px;
        text-align: center;
        font-weight: bold;
        font-size: 20px;
        color: #fff
    }
    #index #nayami .inner .case-pattern .case-summary .case-summary-text {
        float: left;
        padding-left: 15px;
        line-height: 1.4;
        font-size: 28px;
        font-weight: bold;
        color: #3b97f4
    }
    #index #nayami .inner .case-success {
        text-align: center;
        padding: 80px 0 30px
    }
    #index #nayami .head-text {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        font-size: 25px;
        line-height: 1.2;
        font-weight: bold;
        font-family: meiryo;
        padding: 40px 0px 31px 180px
    }
    #index #nayami .head-text span {
        color: #eb5468
    }
    #index #nayami .texts {
        width: 400px;
        margin: 20px 0 20px 25px
    }
    #index #nayami .free-consultation {
        padding: 50px 0 14px;
        background: #eee;
        height: 100%
    }
    #index #nayami .free-consultation .free-consultation-heading {
        text-align: center;
        padding-bottom: 7px
    }
    #index #nayami .free-consultation .consultation-cont {
        height: 326px;
        font-size: 0;
        color: #224ca0;
        text-align: center;
        margin: 30px 0 50px
    }
    #index #nayami .free-consultation .consultation-cont li {
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        width: 33%;
        height: 250px;
        background-position: 8px 0
    }
    #index #nayami .free-consultation .consultation-cont li .consultation-text {
        width: 272px;
        margin-left: 22px;
        padding: 10px 10px 0;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        line-height: 1.5;
        color: #333
    }
    #index #nayami .free-consultation .consultation-cont li .second-item {
        margin-left: 27px
    }
    #index #nayami .twwrap p {
        text-align: center
    }
    #index .telop {
        width: 100%;
        background: #fa2349;
        text-align: center;
        padding: 20px 0 20px
    }
    #index .h-company-list {
        width: 1060px;
        height: 105px;
        padding: 105px 0 0 0;
        background: url(../img/saidai.png) no-repeat 104px -11px;
        text-align: center;
        margin: 0 auto
    }
    #index #company-list {
        width: 920px;
        height: 730px;
        background: url(../img/list-bg.png) no-repeat 23px 38px;
        margin: -30px auto 0
    }
    #index #company-list .disnon {
        display: none
    }
    #index #company-list #tab {
        width: 884px;
        margin: 0 auto
    }
    #index #company-list #tab li {
        width: 221px;
        height: 46px;
        float: left;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        text-decoration: underline;
        color: #348feb;
        padding: 18px 0
    }
    #index #company-list #tab #tab1.select,
    #index #company-list #tab #tab2.select,
    #index #company-list #tab #tab3.select,
    #index #company-list #tab #tab4.select {
        background: url(../img/list-nav-on.png) no-repeat;
        color: #fff
    }
    #index #company-list .content_wrap {
        clear: left;
        width: 960px;
        height: 338px
    }
    #index #company-list .content_wrap ul {
        width: 960px
    }
    #index #company-list .content_wrap ul li {
        width: 169px;
        height: 172px;
        border: solid 1px #ccc;
        float: left;
        margin: 6px;
        padding: 3px;
        text-align: center
    }
    #index #company-list .content_wrap ul li a {
        display: block
    }
    #index #company-list .content_wrap ul li .hp {
        width: 169px;
        height: 130px;
        text-align: center;
        margin: 0 auto 8px;
        overflow: hidden
    }
    #index #company-list .content_wrap ul li .hp img {
        display: block;
        margin: 0 auto
    }
    #index #company-list .content_wrap ul li table {
        width: 100%
    }
    #index #company-list .content_wrap ul li table th {
        padding: 0 8px 0 5px
    }
    #index #company-list .content_wrap ul li table td {
        line-height: 1.4em;
        letter-spacing: 0;
        font-size: 10px;
        font-weight: normal
    }
    #index #company-list .company-list2.content_wrap {
        clear: left;
        width: 960px;
        height: 600px
    }
    #index #company-list .company-list2.content_wrap ul li {
        width: 169px;
        height: 560px;
        border: solid 1px #ccc;
        float: left;
        margin: 6px;
        padding: 3px
    }
    #index #company-list .company-list2.content_wrap ul li .hp {
        width: 169px;
        height: 512px;
        text-align: center;
        margin: 0 auto 8px;
        overflow: hidden
    }
    #index #company-list .company-list2.content_wrap ul li .hp img {
        display: block;
        margin: 0 auto
    }
    #index #company-list .company-list2.content_wrap ul li table {
        width: 100%
    }
    #index #company-list .company-list2.content_wrap ul li table th {
        padding: 0 8px 0 5px
    }
    #index #company-list .company-list2.content_wrap ul li table td {
        line-height: 1.4em;
        letter-spacing: 0;
        font-size: 10px;
        font-weight: normal
    }
    #index #company-list .thumbs {
        position: absolute;
        z-index: 300;
        text-align: center
    }
    #index #company-list .thumbs a {
        display: inline-block;
        margin-right: 10px
    }
    #index #company-list .bx-wrapper .bx-pager,
    #index #company-list .bx-wrapper .bx-controls-auto {
        position: absolute;
        display: inline-block;
        *zoom: 1;
        *display: inline;
        bottom: -30px;
        width: 880px
    }
    #index #company-list .pager-link {
        background: #2f8be9;
        border: solid 1px #2f8be9;
        height: 20px;
        width: 18px;
        color: #fff;
        display: inline-block;
        text-decoration: none;
        margin: 0 5px 0 0
    }
    #index #company-list .pager-active {
        background: #fafafa;
        color: #444;
        border: solid 1px #ccc
    }
    #index #company-list .bx-prev {
        position: absolute;
        left: 15px
    }
    #index #company-list .bx-next {
        position: absolute;
        right: 30px
    }
    #index #taiou .h-taiou {
        overflow: hidden;
        *zoom: 1;
        height: 70px;
        background: url(../img/h-taiou.png) no-repeat center;
        padding: 90px 10px 0 10px
    }
    #index #taiou .h-taiou h3 {
        width: 880px;
        margin: 0 auto
    }
    #index #taiou .inner {
        width: 886px;
        height: 253px;
        background: url(../img/taiou-bg.png) no-repeat;
        position: relative;
        margin: 0 auto;
        padding-bottom: 30px
    }
    #index #taiou .inner ul {
        position: absolute;
        width: 180px;
        list-style: disc;
        color: #214b9e;
        font-size: 13px;
        font-weight: bold
    }
    #index #taiou .inner ul.taiou1 {
        top: 140px;
        left: 25px
    }
    #index #taiou .inner ul.taiou2 {
        top: 140px;
        left: 255px
    }
    #index #taiou .inner ul.taiou3 {
        top: 140px;
        left: 480px
    }
    #index #taiou .inner ul.taiou4 {
        top: 140px;
        left: 705px
    }
    #index #flow .hedding-bg {
        width: 100%;
        height: 163px;
        background: url(../img/bg-g-shadow.png) repeat-x bottom
    }
    #index #flow .h-flow {
        background: url(../img/h-step.png) 193px 31px no-repeat;
        width: 900px;
        height: 160px;
        text-align: center;
        margin: 0 auto;
        position: relative
    }
    #index #flow .h-flow h4 {
        padding-top: 100px
    }
    #index #flow .h-flow .arrow {
        position: absolute;
        text-align: center;
        bottom: -28px;
        left: 50%;
        margin-left: -19px
    }
    #index #flow .inner {
        width: 840px;
        height: 480px;
        background: url(../img/step-bg.png) no-repeat top center;
        position: relative;
        margin: 0 auto
    }
    #index #flow .inner dl {
        width: 255px;
        position: absolute;
        text-align: center;
        font-weight: bold
    }
    #index #flow .inner dl dt {
        color: #214b9e;
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 1.4
    }
    #index #flow .inner dl dd {
        letter-spacing: 0
    }
    #index #flow .inner dl.step1 {
        top: 270px
    }
    #index #flow .inner dl.step2 {
        top: 270px;
        left: 300px
    }
    #index #flow .inner dl.step3 {
        top: 270px;
        left: 590px
    }
    #index #interview .hedding-bg {
        width: 100%;
        height: 168px;
        background: url(../img/bg-g-shadow.png) repeat-x bottom
    }
    #index #interview .h-interview {
        background: url(../img/h-interview.png) 97px 33px no-repeat;
        width: 900px;
        height: 165px;
        text-align: center;
        margin: 0 auto;
        position: relative
    }
    #index #interview .h-interview h5 {
        padding-top: 102px
    }
    #index #interview .h-interview .arrow {
        position: absolute;
        text-align: center;
        bottom: -29px;
        left: 50%;
        margin-left: -19px
    }
    #index #interview #bg-interview {
        width: 100%;
        background: #eee;
        margin-top: -2px;
        padding: 40px 0
    }
    #index #interview .disnon2 {
        display: none
    }
    #index #interview #tab-2 {
        width: 822px;
        margin: 0 auto
    }
    #index #interview #tab-2 li {
        width: 247px;
        height: 52px;
        float: left;
        cursor: pointer;
        font-size: 12px;
        text-align: right;
        padding: 195px 15px 0 0;
        margin: 0 6px
    }
    #index #interview #tab-2 li#tab1 {
        background: url(../img/tab/tab1-off.png) no-repeat
    }
    #index #interview #tab-2 li#tab2 {
        background: url(../img/tab/tab2-off.png) no-repeat
    }
    #index #interview #tab-2 li#tab3 {
        background: url(../img/tab/tab3-off.png) no-repeat
    }
    #index #interview #tab-2 li#tab1.select {
        background: url(../img/tab/tab1-on.png) no-repeat
    }
    #index #interview #tab-2 li#tab2.select {
        background: url(../img/tab/tab2-on.png) no-repeat
    }
    #index #interview #tab-2 li#tab3.select {
        background: url(../img/tab/tab3-on.png) no-repeat
    }
    #index #interview .content_wrap2 {
        clear: left;
        width: 780px;
        margin: 0 auto;
        background: #fff;
        padding: 20px
    }
    #index #interview .content_wrap2 dl {
        overflow: hidden;
        *zoom: 1;
        margin-bottom: 20px
    }
    #index #interview .content_wrap2 dl dt {
        border: solid 3px #ccc;
        float: left;
        margin-right: 20px
    }
    #index #interview .content_wrap2 dl dd p {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px
    }
    #index #interview .content_wrap2 p {
        font-weight: bold;
        margin-bottom: 10px
    }
    #index #voice .hedding-bg {
        width: 100%;
        height: 155px;
        background: url(../img/bg-g-shadow.png) repeat-x bottom
    }
    #index #voice .h-voice {
        background: url(../img/h-voice.png) no-repeat;
        width: 900px;
        height: 162px;
        position: relative;
        text-align: center;
        margin: 0 auto
    }
    #index #voice .h-voice h5 {
        position: absolute;
        top: 85px;
        left: 275px
    }
    #index #voice .h-voice .arrow {
        position: absolute;
        text-align: center;
        bottom: -17px;
        left: 50%;
        margin-left: -19px
    }
    #index #voice #bg-g {
        margin-top: -10px
    }
    #index #voice .inner {
        overflow: hidden;
        *zoom: 1;
        width: 900px;
        margin: 0 auto;
        padding: 40px 0
    }
    #index #voice .inner li {
        float: left;
        width: 395px;
        height: 320px;
        background: #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 3px #ccc;
        -webkit-box-shadow: 0 0 3px #ccc;
        box-shadow: 0 0 3px #ccc;
        padding: 20px;
        margin: 6px
    }
    #index #voice .inner li strong {
        color: #ff730f;
        font-weight: bold
    }
    #index #voice .inner li h6 {
        height: 125px;
        line-height: 1.4em;
        color: #0678ec;
        font-size: 21px;
        font-weight: bold;
        margin-bottom: 15px;
        padding-left: 115px
    }
    #index #voice .inner li h6 span {
        font-size: 11px;
        font-weight: normal;
        color: #82b4ea
    }
    #index #voice .inner li.voice1 h6 {
        background: url(../img/voice1.png) no-repeat left center
    }
    #index #voice .inner li.voice2 h6 {
        background: url(../img/voice2.png) no-repeat left center
    }
    #index #voice .inner li.voice3 h6 {
        background: url(../img/voice3.png) no-repeat left center
    }
    #index #voice .inner li.voice4 h6 {
        background: url(../img/voice4.png) no-repeat left center
    }
    #index #faq .hedding-bg {
        width: 100%;
        height: 159px;
        background: url(../img/bg-g-shadow.png) repeat-x bottom
    }
    #index #faq .h-faq {
        background: url(../img/h-faq.png) 321px 33px no-repeat;
        width: 900px;
        height: 156px;
        text-align: center;
        margin: 0 auto;
        position: relative
    }
    #index #faq .h-faq h5 {
        padding-top: 98px
    }
    #index #faq .h-faq .arrow {
        position: absolute;
        text-align: center;
        bottom: -28px;
        left: 50%;
        margin-left: -19px
    }
    #index #faq .inner {
        overflow: hidden;
        *zoom: 1;
        width: 900px;
        margin: 0 auto;
        padding: 50px 0 20px
    }
    #index #faq .inner dl {
        width: 420px;
        height: 220px;
        float: left;
        margin: 10px
    }
    #index #faq .inner dl dt {
        height: 50px;
        color: #0678ec;
        font-size: 18px;
        font-weight: bold;
        padding-left: 70px;
        margin-bottom: 20px
    }
    #index #faq .inner dl dd {
        background: url(../img/a.png) no-repeat top left;
        padding-left: 70px
    }
    #index #faq .inner dl.faq1 dt {
        background: url(../img/q1.png) no-repeat left center
    }
    #index #faq .inner dl.faq2 dt {
        background: url(../img/q2.png) no-repeat left center
    }
    #index #faq .inner dl.faq3 dt {
        background: url(../img/q3.png) no-repeat left center
    }
    #index #faq .inner dl.faq4 dt {
        background: url(../img/q4.png) no-repeat left center
    }
    #index #performance {
        height: 1200px
    }
    #index #performance .hedding-bg {
        width: 100%;
        height: 163px;
        background: url(../img/bg-g-shadow.png) repeat-x bottom
    }
    #index #performance .hedding-bg .h-flow {
        background: url(../img/h-performance.png) no-repeat;
        background-position: 50px 25px;
        width: 900px;
        height: 160px;
        position: relative;
        text-align: center;
        margin: 0 auto
    }
    #index #performance .hedding-bg .h-flow .questionnaire-img {
        position: absolute;
        top: -12px;
        right: 25px
    }
    #index #performance .hedding-bg .h-flow h4 {
        position: absolute;
        top: 95px;
        left: 185px
    }
    #index #performance .hedding-bg .h-flow .arrow {
        width: 900px;
        position: absolute;
        text-align: center;
        bottom: -24px;
        left: 50%;
        margin-left: -19px
    }
    #index #performance #bg-g {
        margin-top: -10px
    }
    #index #performance .inner {
        overflow: hidden;
        *zoom: 1;
        width: 940px;
        margin: 0 auto;
        padding: 40px 0
    }
    #index #performance .inner li {
        float: left;
        width: 460px;
        height: 460px;
        background: #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 3px #ccc;
        -webkit-box-shadow: 0 0 3px #ccc;
        box-shadow: 0 0 3px #ccc;
        margin: 20px 20px 20px 0
    }
    #index #performance .inner li strong {
        color: #ff730f;
        font-weight: bold
    }
    #index #performance .inner li h6 {
        /* -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px; */
        height: 120px;
        line-height: 1.4em;
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        background: #173888;
        text-align: center;
        padding: 18px 0px 22px
    }
    #index #performance .inner li dl {
        overflow: hidden;
        *zoom: 1;
        margin: 20px 20px 0px
    }
    #index #performance .inner li dl dt {
        float: left
    }
    #index #performance .inner li dl dd {
        float: left;
        margin: 5px 0 0 20px;
        padding: 2px 0;
        width: 240px
    }
    #index #performance .inner li dl dd .f_r {
        color: #ED1125
    }
    #index #performance .inner li dl dd p {
        float: left;
        font-weight: bold;
        font-size: 14px;
        margin-left: 10px
    }
    #index #performance .inner li dl dd span {
        float: left;
        font-weight: bold;
        background: #173888;
        border-radius: 3px;
        text-align: center;
        color: #fff;
        font-size: 12px;
        width: 70px;
        display: block;
        padding: 2px 0 1px
    }
    #index #performance .inner li .text {
        margin: 10px 20px 20px;
        font-size: 14px;
        line-height: 1.5em
    }
    #index #performance .inner .voice2,
    #index #performance .inner .voice4 {
        margin-right: 0
    }
    #index #performance .inner .voice3,
    #index #performance .inner .voice4 {
        margin-top: 0
    }
    .breadcrumb {
        width: 730px;
        margin: 15px auto;
        font-size: 11px
    }
    #subpages {
        width: 730px;
        margin: 0 auto 30px
    }
    #subpages h1,
    #subpages h2 {
        border-left: 5px solid #0678ec;
        border-bottom: 2px solid #0678ec;
        color: #0678ec;
        font-weight: bold;
        width: 98%;
        padding: 6px;
        margin-bottom: 2em
    }
    #subpages .name {
        width: 640px;
        margin: 0 auto
    }
    #subpages .name img {
        float: left;
        margin: 4px 30px 0 0
    }
    #subpages .name p {
        font-size: 12px;
        line-height: 16px
    }
    #subpages .section.gaiyo1 .center {
        text-align: center
    }
    #subpages .section.gaiyo1 .banner {
        background: #f5f5f5;
        padding: 10px
    }
    #subpages .ban {
        width: 486px;
        margin: 2em auto 4em
    }
    #subpages .ban .ac-staff {
        margin: 0 0 4px 19px
    }
    #subpages .ban li {
        float: left
    }
    #subpages .ban .li-1 {
        margin-right: 6px
    }
    #subpages caption {
        display: none
    }
    #subpages th,
    #subpages td {
        font-size: 12px;
        padding: 14px;
        border: 1px solid #ccc
    }
    #subpages th {
        background-color: #f5f5f5;
        width: 100px
    }
    #subpages td {
        width: 380px
    }
    #subpages h3.tokyo {
        margin-top: 1em
    }
    .company-contents table {
        line-height: 1em;
        margin: 0 auto
    }
    .privacypolicy h2 {
        border: none !important;
        color: #3b3b3b !important;
        margin: 15px 0 !important;
        border-bottom: solid 2px #ccc !important
    }
    .privacypolicy h3 {
        margin: 15px 0
    }
    .privacypolicy .company-inquiry {
        margin: 15px 0;
        padding: 15px;
        background: #fbfbfb;
        border: solid 1px #ccc
    }
    .privacypolicy ol {
        list-style: decimal;
        padding: 10px 0 10px 28px;
        line-height: 18px
    }
    .main-insert {
        margin-top: 30px
    }
    .main-insert h1 {
        margin-bottom: 8px !important
    }
    .main-insert p {
        padding: 0 30px
    }
    .ad-contents h2 {
        border: none !important;
        color: #3b3b3b !important;
        margin: 2em 0 0 !important;
        padding: 20px 20px 0 !important
    }
    .ad-contents p {
        line-height: 18px;
        padding: 0 54px
    }
    .ad-contents dl {
        width: 580px;
        margin: 0 auto
    }
    .ad-contents dt {
        font-weight: bold;
        margin-top: 24px
    }
    .ad-contents dt div {
        background-color: #0678ec;
        color: #fff;
        font-size: 14px;
        padding: 4px 5px 4px 6px;
        font-weight: bold;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        float: left;
        margin: -2px 5px 0 0
    }
    .ad-contents dt i {
        margin-right: 6px
    }
    .ad-contents dt span {
        font-size: 10px;
        vertical-align: 2px;
        margin-right: 2px
    }
    .ad-contents dt p {
        padding-top: 3px;
        color: #0678ec
    }
    .ad-contents dd {
        line-height: 16px;
        margin-top: 12px;
        border-bottom: 1px dashed #3b3b3b;
        padding-bottom: 22px
    }
    .insert-flow {
        margin: 8px auto;
        width: 646px;
        display: block
    }
    .inq-box {
        position: relative
    }
    .inq_up p,
    .inq_up div {
        position: absolute
    }
    .inq_up p {
        color: #00a73c;
        font-size: 11px;
        line-height: 14px
    }
    .inq_up .mail-soli {
        font-weight: bold
    }
    .inq_up div {
        top: 110px;
        left: 461px
    }
    .inq_up div a {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background-image: url(../img/inq-btn.png);
        width: 208px;
        display: block;
        height: 41px
    }
    .inq_up div a:hover {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8
    }
    .inq_up .soli {
        top: 41px;
        left: 173px
    }
    .inq_up .phone-info {
        top: 135px;
        left: 108px
    }
    .inq_up .mail-soli {
        top: 89px;
        left: 418px;
        font-size: 12px
    }
    .advertise {
        position: relative;
        width: 580px;
        height: 180px;
        background: url(../img/advertise-bg.png) no-repeat;
        margin: 40px auto
    }
    .advertise .btn a {
        text-indent: -9999px;
        overflow: hidden;
        width: 158px;
        height: 45px;
        display: block;
        background: url(../img/btn-inquiry.png) no-repeat
    }
    .advertise .btn a:hover {
        background: url(../img/btn-inquiry-on.png) no-repeat
    }
    .advertise p {
        position: absolute
    }
    .advertise .text {
        width: 550px;
        top: 45px;
        left: 15px
    }
    .advertise .fd {
        top: 129px;
        *top: 124px;
        left: 57px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 30px;
        font-weight: bold;
        *line-height: 1;
        color: #1b3d8d
    }
    .advertise .btn {
        top: 105px;
        left: 400px
    }
    .is-mt-30 {
        margin-top: 30px !important
    }
    #header-form {
        border-top: 3px solid #0678ec;
        border-bottom: 1px solid #dedede
    }
    #header-form .logo {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url(../img/logo.png) no-repeat;
        width: 232px;
        height: 40px;
        margin: 15px auto
    }
    .disnon {
        display: none
    }
    #footer-form {
        border-top: solid 1px #ccc;
        border-bottom: solid 6px #2f8be9;
        text-align: center;
        padding: 20px 0
    }
    #footer-form .copy {
        font-size: 11px;
        margin-top: 20px
    }
    .middle-top-style {
        padding: 30px 0 45px;
        background: #fff;
        margin: 0 auto;
    }
    .middle-top-style h3 {
        font-weight: bold;
        text-align: center;
        font-size: 28px
    }
    .middle-top-style .flow {
        position: relative
    }
    .middle-top-style li {
        float: left;
        _width: 17em
    }
    .middle-top-style .triangle {
        position: absolute;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background-image: url(../img/lib/form-sprite.png);
        background-position: 0px -1565px;
        width: 21px;
        height: 19px;
        top: 66px
    }
    .middle-top-style .first {
        left: 251px
    }
    .middle-top-style .second {
        left: 535px
    }
    .middle-top-style dl {
        background-image: url(../img/lib/form-sprite.png);
        background-repeat: no-repeat;
        padding-left: 113px;
        height: 100px;
        margin: 24px 50px 24px 9px
    }
    .middle-top-style .step1 dl {
        background-position: 0px -1235px
    }
    .middle-top-style .step2 dl {
        background-position: 0px -1345px
    }
    .middle-top-style .step3 dl {
        background-position: 0px -1455px;
        margin-right: 0
    }
    .middle-top-style dt span {
        background-image: url(../img/lib/form-sprite.png);
        background-position: 0px -1594px;
        color: #fff;
        font-weight: bold;
        font-size: 10px;
        width: 33px;
        height: 17px;
        display: block;
        padding: 0 12px 3px
    }
    .middle-top-style dt p {
        font-weight: bold;
        font-size: 12px;
        color: #0678ec;
        margin: 8px 0;
        _width: 9em
    }
    .middle-top-style .text {
        font-size: 10px;
        line-height: 14px;
        color: #0678ec;
        width: 110px
    }
    .middle-top-style .next {
        font-weight: bold;
        margin: 38px 0 24px;
        line-height: 18px
    }
    .middle-top-style .next span {
        color: #f60938
    }
    input,
    textarea {
        border: 1px solid #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding: 4px;
    }
    .secondh3 {
        margin-top: 40px
    }
    .refer-result {
        line-height: 20px
    }
    .btn-box {
        margin-top: 30px;
        width: 100%;
        text-align: center;
    }
    .btn-box input {
        border: none;
        height: 80px;
        box-sizing: initial;
    }
    .back-btn:hover,
    .entry-confirm:hover {
        cursor: pointer;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8
    }
    .thanks {
        line-height: 20px
    }
    .to-top {
        text-align: center;
        margin-top: 30px
    }
    .is-b-n {
        border-bottom: 0 !important
    }
    .is-p-0 {
        padding: 0 !important
    }
    .is-border dl {
        border-bottom: 1px dashed #ccc;
        margin-right: 2em;
        padding-bottom: 8px
    }
    .is-border dt {
        float: left;
        margin: 1em 10px 0 0
    }
    .is-border label {
        margin-right: 1em
    }
    .is-mt-5 {
        float: left;
        margin-right: 23px
    }
    #fc2 {
        margin-left: 6px
    }
    /* .clearfix {
        overflow: hidden;
        *zoom: 1
    } */
    i {
        vertical-align: 1px !important
    }
    caption {
        display: none
    }
    body {
        font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3', Meiryo, ���C���I, sans-serif;
        font-size: 14px;
        line-height: 1.4em;
        color: #4b4b4b;
        letter-spacing: 1px
    }
    a {
        color: #4398ee
    }
    a:hover {
        text-decoration: none
    }
    .alpha:hover {
        filter: alpha(opacity=80);
        opacity: 0.8
    }
    #header-bg {
        height: 100px;
        background: url("../img/header-bg.png?1389762175") repeat-x
    }
    #header-bg #header {
        width: 900px;
        margin: 0 auto
    }
    #header-bg #header .text {
        height: 22px;
        font-size: 10px;
        line-height: 22px;
        color: #fff
    }
    #header-bg #header .inner {
        overflow: hidden;
        *zoom: 1
    }
    #header-bg #header .logo {
        float: left;
        padding-top: 15px
    }
    #header-bg #header .fd {
        float: right;
        position: relative;
        width: 265px;
        height: 52px;
        margin-top: 10px;
        padding-left: 215px;
        background: url("../img/header-fd.png?1413363021") no-repeat;
        font-size: 10px;
        font-weight: bold;
        color: #f38434
    }
    #header-bg #header .fd-number {
        display: block;
        *position: relative;
        *z-index: 200;
        margin-top: 12px;
        margin-left: 5px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 36px;
        letter-spacing: 0
    }
    #header-bg #header .fd-text {
        position: absolute;
        *z-index: 100;
        top: 38px;
        left: 176px
    }
    #footer {
        border-bottom: solid 4px #2f8be9;
        text-align: center;
        padding: 20px 0 170px;
    }
    #footer ul {
        overflow: hidden;
        *zoom: 1;
        width: 660px;
        margin: 10px auto
    }
    #footer ul li {
        float: left;
        margin: 10px
    }
    #footer .copy {
        font-size: 11px
    }
    #top-bottom-fixed {
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 100;
        height: 120px;
        background: #308ceb
    }
    #top-bottom-fixed .fixed-top {
        background: #2651a5
    }
    #top-bottom-fixed .fixed-top .top-inner {
        width: 980px;
        margin: 0 auto;
        font-weight: bold;
        color: #fff
    }
    #top-bottom-fixed .fixed-top .top-inner dl {
        text-align: center;
        padding: 7px 0
    }
    #top-bottom-fixed .fixed-top .top-inner dt {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin: 0 20px 0 35px;
        padding: 1px 25px;
        background: #fc2e69;
        border-radius: 6px;
        font-size: 12px;
        font-weight: bold;
        color: #fff
    }
    #top-bottom-fixed .fixed-top .top-inner dd {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: bottom
    }
    #top-bottom-fixed .inner {
        width: 980px;
        height: 132px;
        margin: 0 auto;
        position: relative;
        bottom: 27px
    }
    #top-bottom-fixed .contact {
        overflow: hidden;
        *zoom: 1
    }
    #top-bottom-fixed .contact dl {
        color: #fff
    }
    #top-bottom-fixed .contact dl dt {
        font-size: 14px
    }
    #top-bottom-fixed .contact .tel {
        position: absolute;
        top: 39px;
        right: 447px
    }
    #top-bottom-fixed .contact .tel dt {
        padding: 7px 0 7px 33px;
        background: url("../img/icon-tell.png") 0px 2px no-repeat
    }
    #top-bottom-fixed .contact .tel dd .num {
        color: #fff;
        padding-left: 40px;
        font-size: 50px;
        font-family: arial;
        line-height: 1;
        font-weight: bold;
        letter-spacing: 1px;
        padding-bottom: 3px;
        background: url("../img/icon-free.png") 0px 22px no-repeat
    }
    #top-bottom-fixed .contact .tel dd .num a {
        color: #fff;
        text-decoration: none
    }
    #top-bottom-fixed .contact .tel dd .hours {
        font-size: 10px;
        letter-spacing: 1px
    }
    #top-bottom-fixed .contact .web {
        margin-left: 10px;
        position: absolute;
        top: 42px;
        right: 0
    }
    #top-bottom-fixed .contact .web dt {
        padding-bottom: 3px;
        padding-left: 15px;
        font-size: 13px
    }
    #top-bottom-fixed .contact .web dt span {
        color: #fffc03
    }
    #top-bottom-fixed .contact .web dd {
        overflow: hidden;
        *zoom: 1
    }
    #top-bottom-fixed .contact .web dd .btn {
        float: left;
        margin-right: 10px
    }
    #top-bottom-fixed .contact .web dd .btn a {
        width: 295px;
        height: 55px;
        display: block;
        text-indent: -9999px;
        background: url("../img/small_entry_btn.png") no-repeat
    }
    #top-bottom-fixed .contact .web dd .btn a:hover {
        margin-top: 2px;
        background: url("../img/small_entry_btn_hover.png") no-repeat
    }
    #top-bottom-fixed .label {
        position: relative;
        top: -16px;
        left: 15px
    }
    #top-bottom-fixed .time {
        position: absolute;
        top: 54px;
        right: 325px
    }
    .attention {
        margin-right: 15px;
        margin-top: 10px;
        font-size: 12px;
        color: #dd0025;
        border: #dd0025 1px solid;
        padding: 5px;
        text-align: center;
        letter-spacing: 0.02em
    }
    .estimation-form1 {
        height: 100%;
        background: url(../img/bg-form.png) 0 0 repeat;
        padding-bottom: 20px
    }
    .estimation-form1 .txt {
        font-size: 12px;
        color: #999;
        position: absolute;
        bottom: 4px;
        right: 34px
    }
    .estimation-form1 .bon {
        position: absolute;
        right: -20px;
        top: -75px
    }
    .estimation-form2,
    .estimation-form3 {
        height: 100%;
        background: url(../img/bg-form.png) 0 0 repeat;
        padding-bottom: 20px
    }
    .estimation-form1 .inner,
    .estimation-form2 .inner,
    .estimation-form3 .inner {
        width: 890px;
        margin: 0 auto;
        position: relative;
        padding: 18px 5px 0
    }
    .estimation-form1 .estimation-form-image {
        position: absolute;
        top: -73px;
        left: -48px;
        z-index: 100
    }
    .estimation-form2 .estimation-form-image,
    .estimation-form3 .estimation-form-image {
        position: absolute;
        top: -18px;
        left: -31px;
        z-index: 100
    }
    .estimation-form2 .bon {
        position: absolute;
        right: -20px;
        top: -25px
    }
    .estimation-form1 .estimation-form-title {
        width: 780px;
        background: #1d479b;
        padding: 16px 0 0 120px;
        position: absolute;
        top: -48px;
        border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0
    }
    .estimation-form2 .estimation-form-title,
    .estimation-form3 .estimation-form-title {
        padding: 5px 0 0 120px
    }
    .estimation-form3 .bon {
        position: absolute;
        right: -20px;
        top: -25px
    }
    .estimation-form1 .form-area,
    .estimation-form2 .form-area,
    .estimation-form3 .form-area {
        background: #fff;
        padding: 15px 24px 0px 70px;
        /* -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px; */
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px
    }
    .estimation-form1 .form-area .customer,
    .estimation-form2 .form-area .customer,
    .estimation-form3 .form-area .customer {
        float: left;
        width: 510px
    }
    .estimation-form1 .form-area .customer th,
    .estimation-form2 .form-area .customer th,
    .estimation-form3 .form-area .customer th {
        text-align: right;
        padding: 10px 0
    }
    .estimation-form1 .form-area .customer td,
    .estimation-form2 .form-area .customer td,
    .estimation-form3 .form-area .customer td {
        padding: 10px 0 10px 10px
    }
    .estimation-form1 .form-area .customer .name-tel th,
    .estimation-form1 .form-area .customer .name-tel td {
        border-bottom: 1px dashed #cdcdcd
    }
    .estimation-form2 .form-area .customer .name-tel th,
    .estimation-form2 .form-area .customer .name-tel td {
        border-bottom: 1px dashed #cdcdcd
    }
    .estimation-form3 .form-area .customer .name-tel th,
    .estimation-form3 .form-area .customer .name-tel td {
        border-bottom: 1px dashed #cdcdcd
    }
    .form-area .customer {
        height: 100px
    }
    .form-area .customer .input-name {
        width: 170px
    }
    .form-area .customer .input-tel {
        width: 150px
    }
    .estimation-form1 .form-area .btn,
    .estimation-form2 .form-area .btn,
    .estimation-form3 .form-area .btn {
        float: right;
        width: 270px
    }
    .estimation-form1 .form-area .btn a,
    .estimation-form2 .form-area .btn a,
    .estimation-form3 .form-area .btn a {
        display: block;
        width: 246px;
        height: 55px;
        padding: 12px 12px;
        background: url(../img/form-btn-off.png) 14px 10px no-repeat #b1b1b1;
        border-bottom: solid 4px #8e8e8e;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        box-shadow: 0 5px 0 rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.08);
        text-indent: -9999px
    }
    .estimation-form1 .form-area .btn.active a,
    .estimation-form2 .form-area .btn.active a,
    .estimation-form3 .form-area .btn.active a {
        background: url(../img/form-btn-on.png) 14px 10px no-repeat #fffc01
    }
    .estimation-form1 .form-area .btn.active a:hover,
    .estimation-form2 .form-area .btn.active a:hover,
    .estimation-form3 .form-area .btn.active a:hover {
        margin-top: 4px;
        border-bottom: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none
    }
    .estimation-form1 label,
    .estimation-form2 label,
    .estimation-form3 .cost label {
        margin-right: 5px
    }
    .estimation-form1 label span,
    .estimation-form2 label span,
    .estimation-form3 .cost label span {
        margin-left: 5px;
        font-size: 14px;
        color: #007eff;
        text-decoration: underline
    }
    .form-detail {
        overflow: hidden;
        clear: both;
        width: 890px;
        margin: 0 auto;
        position: relative;
        left: -70px
    }
    .form-detail .acordion {
        border-top: 1px solid #eee;
        padding: 10px 15px 20px 50px
    }
    .form-detail .acordion .text {
        float: left;
        width: 220px;
        margin-right: 30px;
        margin-top: 30px
    }
    .form-detail .acordion .text dt {
        font-size: 18px;
        font-weight: bold
    }
    .form-detail .acordion .text dd {
        margin-top: 10px;
        font-size: 12px
    }
    .form-detail .acordion .input {
        float: left
    }
    .form-detail .acordion .input table {
        width: 570px
    }
    .form-detail .acordion .input .mail-time {
        width: 580px;
        border-bottom: 1px dashed #cdcdcd
    }
    .form-detail .acordion .input .mail-time th {
        padding: 10px 0px 10px 10px
    }
    .form-detail .acordion .input .mail-time td {
        padding: 10px 0 10px 10px
    }
    .form-detail .acordion .input .mail-time .mail {
        background: #F7F7F7;
        width: 200px !important
    }
    .form-detail .acordion .input .mail-time .time {
        width: 150px;
        padding: 6px;
        border: 1px solid #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        margin-left: 10px
    }
    .form-detail .acordion .input .demand th {
        padding: 10px 0px 10px 10px;
        width: 112px
    }
    .form-detail .acordion .input .demand .demand-box {
        padding: 10px 0 10px 10px
    }
    .form-detail .acordion .input .demand .demand-box .box {
        background: #F7F7F7;
        width: 418px;
        height: 75px
    }
    .form-detail .acordion .demand-text {
        margin: 0 auto;
        width: 590px
    }
    .form-detail .acordion .demand-text img {
        margin-top: 10px
    }
    .form-detail .form-detail-btn {
        width: 890px !important;
        margin-top: 10px;
        background: #ededed;
        padding: 15px 0px 10px;
        cursor: pointer;
        text-align: center;
        background: url(../img/boder.png) left top repeat-x #ededed
    }
    .form-detail .open {
        display: none
    }
    #bg-b3 {
        width: 100%;
        background: url("../img/bg-b3.png?1389768145") repeat;
        position: relative
    }
    #bg-b3 .btn-inquiry {
        background: url("../img/btn-inquiry.png?1435715117");
        height: 48px;
        width: 147px;
        position: absolute;
        top: 105px;
        left: 50%;
        margin-left: -105px;
        display: block;
        text-indent: -9999px
    }
    #bg-b3 .btn-inquiry:hover {
        margin-top: 2px;
        background: url("../img/btn-inquiry-on.png?1435715117");
        height: 44px;
        width: 147px
    }
    #bg-b3 .fd {
        width: 320px;
        height: 78px;
        margin: 0 auto;
        padding: 85px 0 15px 580px;
        background: url("../img/contact-fd-bg.png?1413363020") no-repeat 0 25px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 48px;
        font-weight: bold;
        letter-spacing: 0;
        color: #1b3d8d
    }
    #sp-top {
        display: none;
        background: #214b9f;
        padding: 30px 20px 40px;
        text-align: center
    }
    #sp-top .text-title {
        color: #fff;
        font-weight: bold;
        font-size: 0.8rem
    }
    #sp-top .text-title .text-30 {
        color: #ffff00
    }
    #sp-top .text-title .text-title-marginleft {
        margin-left: -20px
    }
    @media screen and (max-device-width: 480px) {
        #sp-top .text-title {
            display: inline-block;
            font-size: 3rem;
            padding: 20px 45px 20px;
            background: url(../img/time-icon-fd_03.png) no-repeat;
            background-size: 60px 60px
        }
    }
    #sp-top .fd {
        margin: 20px 13px 0;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8ff80), color-stop(100%, #fffd30));
        background-image: -webkit-linear-gradient(#f8ff80, #fffd30);
        background-image: -moz-linear-gradient(#f8ff80, #fffd30);
        background-image: -o-linear-gradient(#f8ff80, #fffd30);
        background-image: linear-gradient(#f8ff80, #fffd30);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        -webkit-box-shadow: 0 10px 0 #999e1a;
        -moz-box-shadow: 0 10px 0 #999e1a;
        box-shadow: 0 10px 0 #999e1a
    }
    #sp-top .fd a {
        display: block;
        padding: 60px 30px;
        text-decoration: none;
        color: #214B9F;
        font-weight: bold;
        text-align: center
    }
    #sp-top .fd a .tel-button-text1 {
        font-size: 0.8rem
    }
    @media screen and (max-device-width: 480px) {
        #sp-top .fd a .tel-button-text1 {
            font-size: 1.4rem
        }
    }
    #sp-top .fd a .tel-button-text2 {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px
    }
    #sp-top .fd a .tel-button-text2 .icon {
        float: left;
        background: #214B9F;
        color: #fffd30;
        font-size: 3rem;
        border-radius: 10px;
        padding: 25px
    }
    #sp-top .fd a .tel-button-text2 .fd-text-new {
        float: left;
        font-size: 3.8rem;
        padding: 20px;
        font-weight: bold
    }
}


/*----------------------------------
 companies
 ---------------------------------- */

.box-sp {
    display: none;
}

.block-ttl01 {
    width: 100%;
    padding: 30px 0 35px;
    background: #3591ef;
    border-bottom: solid 2px #d3d3d3;
    position: relative;
}

.block-ttl01::after {
    content: "";
    width: 38px;
    height: 25px;
    background: url(../img/custom-img/arrow-blue.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 50%;
    bottom: -20px;
    z-index: 1;
    transform: translateX(-50%);
}

.block-ttl01 .ttl01-frame {
    max-width: 1000px;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.block-ttl01 .ttl01-frame h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
}

.block-ttl01 .ttl01-frame p {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}

#box_company .inner,
#box_benefits .inner,
#box_customer .inner {
    max-width: 930px;
    margin: 0 auto;
}

#box_company .section,
#box_benefits .section,
#box_customer .section {
    max-width: 800px;
    text-align: center;
    margin: 45px auto 0;
}

#box_company .section p,
#box_benefits .section p,
#box_customer .section p {
    color: #000;
    font-size: 18px;
    line-height: 2.2;
    font-weight: 700;
}

#box_company .c-img {
    width: 100%;
    text-align: center;
    margin: 45px 0 0;
}

#box_company .c-img p:first-child {
    width: 100%;
}

#box_company .c-img img {
    object-fit: contain;
}

#box_company .c-img .txt-right {
    font-size: 12px;
    text-align: right;
    margin: 10px 0 0;
}

#box_company .c-introduce {
    margin: 50px 0 0;
}

#box_company .c-introduce .intro-ttl {
    text-align: center;
}

#box_company .c-introduce .intro-ttl h3 {
    font-weight: 700;
    font-size: 34px;
    color: #000;
}

#box_company .c-introduce .intro-ttl h3 .sp-red {
    color: #eb5468;
}

#box_company .c-introduce .intro-ttl .hv-dot {
    position: relative;
}

#box_company .c-introduce .intro-ttl .hv-dot:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #244ea3;
    position: absolute;
    border-radius: 50px;
    top: -4px;
    right: 50%;
    transform: translateX(50%);
}

#box_company .c-introduce .intro-text {
    color: #000;
    font-size: 23px;
    font-weight: 700;
    position: relative;
    margin: 10px 0 0;
}

#box_company .c-introduce .intro-text .lines {
    background-image: linear-gradient(to right, transparent 50%, #fffc02 50%);
    background-size: 200% 25%;
    background-position: -100% 78%;
    background-repeat: repeat-x;
}

#box_company .c-introduce .person {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 45px 0 45px;
}

#box_company .c-introduce .person .aut-cont {
    width: 100%;
    max-width: 290px;
    display: flex;
    margin-right: 10px;
}

#box_company .c-introduce .person .aut-cont:last-child {
    margin: 0;
}

#box_company .c-introduce .person .aut-cont .aut-img {
    width: 100px;
    flex-shrink: 0;
    margin-right: 5px;
}

#box_company .c-introduce .person .aut-cont .aut-frame h4 {
    color: #214ba0;
    font-size: 12px;
    font-weight: 700;
}

#box_company .c-introduce .person .aut-cont .aut-frame .aut-txt {
    font-size: 11px;
    margin-top: 10px;
}

#box_benefits {
    overflow: hidden;
}

#box_benefits .benefits-table {
    width: 100%;
    margin: 50px 0 0;
}

#box_benefits .benefits-table table {
    width: 100%;
}

#box_benefits .benefits-table table th,
#box_benefits .benefits-table table td {
    color: #000000;
    text-align: center;
    border: 2px solid #cecece;
    padding: 15px 15px;
}

#box_benefits .benefits-table table th {
    width: 16.2%;
    background: #f5f5f5;
    font-size: 18px;
    font-weight: 700;
}

#box_benefits .benefits-table table td {
    width: 27.9%;
    font-size: 14px;
}

#box_benefits .benefits-table table tr:first-child td {
    background: #f5f5f5;
    font-size: 18px;
    font-weight: 700;
    padding: 25px 15px;
}

#box_benefits .benefits-table table tr:first-child td:last-child {
    background: #f5f5f5;
}

#box_benefits .benefits-table table td p {
    text-align: left;
    font-size: 1.2em;
}

#box_benefits .benefits-table table tr:first-child td.blue-tb {
    position: relative;
}

#box_benefits .benefits-table table tr:first-child td.blue-tb span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% + 4px);
    height: 97px;
    background: #214b9f;
    border: 2px solid #cecece;
    color: #fff;
    font-size: 18px;
    position: absolute;
    z-index: 1;
    left: -2px;
    bottom: -2px;
}

#box_benefits .benefits-table table td p {
    position: relative;
    z-index: 2;
}

#box_benefits .benefits-table table td p .red-txt {
    color: red;
    font-weight: 700;
}

#box_benefits .benefits-table table td p .orange-txt {
    color: #ff8f00;
    font-weight: 700;
}

#box_benefits .benefits-table table td {
    background-color: #fff;
}

#box_benefits .benefits-table table td.sky-tb {
    background-color: #e9f4ff;
}

#box_benefits .benefits-table table td.ico01 {
    background-image: url(../img/companies/bene-ico01.png);
    background-position: center;
    background-repeat: no-repeat;
}

#box_benefits .benefits-table table td.ico02 {
    background-image: url(../img/companies/bene-ico02.png);
    background-position: center;
    background-repeat: no-repeat;
}

#box_benefits .benefits-table table td.ico03 {
    background-image: url(../img/companies/bene-ico03.png);
    background-position: center;
    background-repeat: no-repeat;
}

#box_benefits .features-cont {
    margin: 70px 0 0;
}

#box_benefits .features-cont .fea-ttl01 {
    position: relative;
}

#box_benefits .features-cont .fea-ttl01::before {
    content: "";
    width: 38px;
    height: 32px;
    background: url(../img/companies/fea-ico05.png)no-repeat center;
    background-size: contain;
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
}

#box_benefits .features-cont .fea-ttl01 h3 {
    color: #224b9f;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    position: relative;
}

#box_benefits .features-cont .fea-ttl01 h3::before {
    content: "";
    width: 42px;
    height: 31px;
    background: url(../img/companies/fea-ico01.png)no-repeat center;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

#box_benefits .features-cont .fea-ttl01 h3::after {
    content: "";
    width: 21px;
    height: 16px;
    background: url(../img/companies/fea-ico02.png)no-repeat center;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: -22px;
    right: 8px;
}

#box_benefits .features-cont .fea-ttl01 h3 .red-txt {
    color: #eb5468;
    font-size: 48px;
}

#box_benefits .features-cont .list-features {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 10px 0 0;
}

#box_benefits .features-cont .list-features li {
    width: 100%;
    max-width: 300px;
    background: #3591ef;
    position: relative;
    padding: 40px 20px 20px;
    margin-right: 10px;
}

#box_benefits .features-cont .list-features li:last-child {
    margin: 0;
}

#box_benefits .features-cont .list-features li::before,
#box_benefits .features-cont .list-features li::after {
    content: "";
    width: 28px;
    height: 24px;
    position: absolute;
    z-index: 1;
}

#box_benefits .features-cont .list-features li::before {
    background: url(../img/companies/fea-ico03.png)no-repeat center;
    background-size: contain;
    top: 10px;
    left: 10px;
}

#box_benefits .features-cont .list-features li::after {
    background: url(../img/companies/fea-ico04.png)no-repeat center;
    background-size: contain;
    right: 10px;
    bottom: 10px;
}

#box_benefits .features-cont .list-features .fea-ttl02 {
    color: #fff;
    font-weight: 700;
    text-align: center;
}

#box_benefits .features-cont .list-features .fea-ttl02 span {
    display: block;
}

#box_benefits .features-cont .list-features .fea-ttl02 span:first-child {
    display: inline-block;
    font-size: 24px;
    position: relative;
}

#box_benefits .features-cont .list-features .fea-ttl02 span:first-child::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-58%)
}

#box_benefits .features-cont .list-features li:first-child .fea-ttl02 span:first-child {
    padding-left: 50px;
}

#box_benefits .features-cont .list-features li:first-child .fea-ttl02 span:first-child::before {
    width: 42px;
    height: 43px;
    background: url(../img/companies/ico-hand.png)no-repeat center;
    background-size: contain;
}

#box_benefits .features-cont .list-features li:nth-child(2) .fea-ttl02 span:first-child {
    padding-left: 34px;
}

#box_benefits .features-cont .list-features li:nth-child(2) .fea-ttl02 span:first-child::before {
    width: 26px;
    height: 42px;
    background: url(../img/companies/ico-comp.png)no-repeat center;
    background-size: contain;
}

#box_benefits .features-cont .list-features li:nth-child(3) .fea-ttl02 span:first-child {
    padding-left: 53px;
}

#box_benefits .features-cont .list-features li:nth-child(3) .fea-ttl02 span:first-child::before {
    width: 45px;
    height: 50px;
    background: url(../img/companies/ico-heart.png)no-repeat center;
    background-size: contain;
}

#box_benefits .features-cont .list-features .fea-ttl02 span:last-child {
    font-size: 22px;
    margin-top: 10px;
}

#box_benefits .features-cont .list-features li:first-child .fea-ttl02 span:last-child {
    font-size: 36px;
    margin-top: 15px;
}

#box_benefits .features-cont .list-features .fea-txt {
    color: #fff;
    margin-top: 15px;
}

#box_benefits .production-box {
    position: relative;
    padding: 0 0 45px;
    margin: 65px 0 0;
}

#box_benefits .production-box::before,
#box_benefits .production-box::after {
    content: "";
    width: 389px;
    height: 388px;
    position: absolute;
    top: -20px;
    z-index: -1;
}

#box_benefits .production-box::before {
    background: url(../img/companies/fea-bg02.png)no-repeat center;
    background-size: contain;
    left: -125px;
}

#box_benefits .production-box::after {
    background: url(../img/companies/fea-bg01.png)no-repeat center;
    background-size: contain;
    right: -125px;
}

#box_benefits .production-box h3 {
    color: #000;
    font-size: 31px;
    font-weight: 700;
    text-align: center;
}

#box_benefits .production-box h3 span {
    font-size: 41px;
    background-image: linear-gradient(to right, transparent 50%, #fffc02 50%);
    background-size: 200% 25%;
    background-position: -100% 78%;
    background-repeat: repeat-x;
    position: relative;
}

#box_benefits .production-box .production-text {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 10px 0 0;
}

#box_reasons .block-ttl01 {
    margin-bottom: 100px;
}

#box_reasons .inner {
    max-width: 930px;
    padding: 0 35px;
    margin: 0 auto;
}

#box_reasons .list-reasons .reasons-cont {
    padding-left: 40px;
    margin: 0 0 110px;
}

#box_reasons .list-reasons .reasons-cont:last-child {
    margin: 0;
}

#box_reasons .list-reasons .reasons-ttl {
    position: relative;
}

#box_reasons .list-reasons .reasons-ttl::before {
    content: "";
    width: 122px;
    height: 197px;
    position: absolute;
    z-index: -1;
    top: -50%;
    left: -40px;
    transform: translateY(17%);
}

#box_reasons .list-reasons .reasons-cont:nth-child(1) .reasons-ttl::before {
    background: url(../img/companies/number01.png)no-repeat center;
    background-size: contain;
}

#box_reasons .list-reasons .reasons-cont:nth-child(2) .reasons-ttl::before {
    background: url(../img/companies/number02.png)no-repeat center;
    background-size: contain;
}

#box_reasons .list-reasons .reasons-cont:nth-child(3) .reasons-ttl::before {
    background: url(../img/companies/number03.png)no-repeat center;
    background-size: contain;
}

#box_reasons .list-reasons .reasons-ttl h3 {
    color: #224ca1;
    font-size: 42px;
    font-weight: 700;
    position: relative;
}

#box_reasons .list-reasons .reasons-ttl h3::after {
    content: "";
    width: 100%;
    height: 6px;
    background: url(../img/companies/border.png)no-repeat left;
    background-size: contain;
    display: block;
    position: relative;
    margin: 5px 0 13px;
}

#box_reasons .list-reasons .reasons-ttl p {
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

#box_reasons .list-reasons .reasons-fr {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 0;
}

#box_reasons .list-reasons .reasons-fr .section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 1;
}

#box_reasons .list-reasons .reasons-fr .section p {
    font-size: 15px;
    line-height: 1.79;
    text-align: justify;
    margin-bottom: 15px;
}

#box_reasons .list-reasons .reasons-fr .section p strong {
    font-weight: 700;
}

#box_reasons .list-reasons .reasons-fr .section p:last-child {
    margin: 0;
}

#box_reasons .list-reasons .reasons-fr .section p .lines {
    background-image: linear-gradient(to right, transparent 50%, #fffc02 50%);
    background-size: 200% 30%;
    background-position: -100% 90%;
    background-repeat: repeat-x;
}

#box_reasons .list-reasons .reasons-fr .reasons-img {
    width: 100%;
    max-width: 185px;
    flex-shrink: 0;
    order: 2;
    margin-left: 25px;
}

#box_reasons .list-reasons .reasons-fr .reasons-img img {
    object-fit: contain;
}

#box_excellent {
    overflow: hidden;
    margin: 60px 0 0;
}

#box_excellent .excellent-ttl01 p {
    color: #000;
    font-size: 36px;
    font-weight: 700;
}

#box_excellent .excellent-ttl01 p .text-red {
    color: #eb5468;
    font-size: 58px;
}

#box_excellent .excellent-ttl01 {
    width: 100%;
    padding: 20px 0;
    background: url(../img/companies/ex-bg.png)repeat;
    background-size: contain;
}

#box_excellent .excellent-ttl01 .ttl01-cont {
    max-width: 930px;
    margin: 0 auto;
    text-align: center;
}

#box_excellent .excellent-ttl01 h2 {
    color: #000;
    font-size: 52px;
    font-weight: 700;
}

#box_excellent .excellent-ttl01 h2 .dots {
    position: relative;
}

#box_excellent .excellent-ttl01 h2 .dots::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #204b9f;
    position: absolute;
    border-radius: 50%;
    top: -8px;
    right: 50%;
    transform: translateX(50%);
}

#box_excellent .excellent-ttl01 h2 .blue-txt {
    color: #204b9f;
    background-image: linear-gradient(to right, transparent 50%, #fffc02 50%);
    background-size: 200% 25%;
    background-position: -100% 78%;
    background-repeat: repeat-x;
}

#box_excellent .section {
    max-width: 800px;
    text-align: center;
    margin: 45px auto 0;
}

#box_excellent .section p {
    color: #000;
    font-size: 18px;
    line-height: 2.2;
    font-weight: 700;
}

#box_excellent .list-company {
    max-width: 780px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -30px;
}

#box_excellent .list-company li {
    width: 100%;
    max-width: 175px;
    text-align: center;
    margin: 0 10px 30px;
}

#box_excellent .list-company li .c-fr h4 {
    color: #000;
    font-size: 15px;
    font-weight: 400;
}

#box_excellent .list-company li .c-txt {
    color: #000;
    font-size: 11px;
    font-weight: 600;
}

#box_excellent .list-company li .c-txt .number {
    color: #ed6275;
    font-size: 20px;
    font-weight: 700;
}

#box_excellent .list-company li .c-txt .large {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

#box_excellent .excellent-intro {
    position: relative;
    padding-bottom: 115px;
    margin: 90px 0 0;
}

#box_excellent .excellent-intro::after {
    content: "";
    width: 100%;
    height: 122px;
    background: url(../img/companies/ex-bg02.png)no-repeat right bottom;
    background-size: contain;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

#box_excellent .excellent-intro .excellent-ttl02 {
    max-width: 930px;
    text-align: center;
    position: relative;
    margin: 0 auto;
}

#box_excellent .excellent-intro .excellent-ttl02::before,
#box_excellent .excellent-intro .excellent-ttl02::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#box_excellent .excellent-intro .excellent-ttl02::before {
    width: 105px;
    height: 120px;
    background: url(../img/companies/ex-img01.png)no-repeat center;
    background-size: contain;
    left: 30px;
}

#box_excellent .excellent-intro .excellent-ttl02::after {
    width: 159px;
    height: 153px;
    background: url(../img/companies/ex-img02.png)no-repeat center;
    background-size: contain;
    right: -30px;
}

#box_excellent .excellent-intro .excellent-ttl02 p {
    color: #000;
    font-size: 26px;
    font-weight: 700;
}

#box_excellent .excellent-intro .excellent-ttl02 p span {
    color: #ed6275;
}

#box_excellent .excellent-intro .excellent-ttl02 h3 {
    color: #000;
    font-size: 36px;
    font-weight: 700;
}

#box_excellent .excellent-intro .excellent-ttl02 h3 span {
    background-image: linear-gradient(to right, transparent 50%, #fffc02 50%);
    background-size: 200% 30%;
    background-position: -100% 90%;
    background-repeat: repeat-x;
}

#box_excellent .excellent-intro .intro-txt {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    margin: 10px 0 0;
}

.box_customer .list-customer {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 45px auto -45px;
}

.box_customer .list-customer li {
    width: calc(50% - 10px);
    position: relative;
    padding-left: 9px;
    margin-bottom: 45px;
}

.box_customer .list-customer li::after {
    content: "";
    width: calc(100% - 10px);
    height: 100%;
    background: #ebebeb;
    position: absolute;
    top: -7px;
    left: 0;
    z-index: -1;
}

.box_customer .list-customer li::before {
    content: "";
    width: 24px;
    height: 44px;
    background: url(../img/companies/customer-ico01.png)no-repeat center;
    background-size: contain;
    position: absolute;
    z-index: 2;
    top: -15px;
    left: 10px;
}

.box_customer .list-customer .customer-cont {
    height: 100%;
    background: #fff;
    border-top: 7px solid #3591ef;
    box-shadow: 0px 3px 7px 0px rgba(7, 0, 2, 0.26);
    position: relative;
    padding: 20px 20px 40px;
}

.box_customer .list-customer .customer-cont::before {
    content: "";
    width: 71px;
    height: 74px;
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 10px;
}

.box_customer .list-customer li:first-child .customer-cont::before {
    background: url(../img/companies/customer-ico02.png)no-repeat center;
    background-size: contain;
}

.box_customer .list-customer li:nth-child(2) .customer-cont::before {
    background: url(../img/companies/customer-ico03.png)no-repeat center;
    background-size: contain;
}

.box_customer .list-customer li:nth-child(3) .customer-cont::before {
    background: url(../img/companies/customer-ico04.png)no-repeat center;
    background-size: contain;
}

.box_customer .list-customer li:nth-child(4) .customer-cont::before {
    background: url(../img/companies/customer-ico05.png)no-repeat center;
    background-size: contain;
}

.box_customer .list-customer .customer-info p {
    font-size: 15px;
    font-weight: 700;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}

.box_customer .list-customer .customer-info p::before {
    content: "";
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.box_customer .list-customer .customer-info .location::before {
    width: 18px;
    height: 19px;
    background: url(../img/companies/customer-ico06.png)no-repeat center;
    background-size: contain;
    top: 4px;
}

.box_customer .list-customer .customer-info .content::before {
    width: 17px;
    height: 14px;
    background: url(../img/companies/customer-ico07.png)no-repeat center;
    background-size: contain;
}

.box_customer .list-customer .customer-info .industry::before {
    width: 17px;
    height: 15px;
    background: url(../img/companies/customer-ico08.png)no-repeat center;
    background-size: contain;
}

.box_customer .list-customer .customer-img {
    margin-top: 15px;
}

.box_customer .list-customer .customer-img img {
    object-fit: contain;
}

.box_customer .list-customer .customer-cmt {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
}

.box_customer .list-customer .staff-img {
    width: 80px;
    flex-shrink: 0;
    text-align: center;
    margin-right: 10px;
}

.box_customer .list-customer .staff-img p:last-child {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    margin-top: 5px;
}

.box_customer .list-customer .comment {
    background: #f8faff;
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
}

.box_customer .list-customer .comment::before {
    content: "";
    width: 11px;
    height: 13px;
    background: url(../img/companies/ico-cmt.png)no-repeat center;
    background-size: contain;
    position: absolute;
    left: -11px;
    top: 10px;
}

.box_customer .list-customer .comment h4 {
    color: #204b9f;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.box_customer .list-customer .comment h4::before {
    content: "";
    width: 14px;
    height: 13px;
    background: url(../img/companies/customer-ico09.png)no-repeat center;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.box_customer .list-customer .comment p {
    color: #000;
    font-size: 16px;
    text-align: justify;
    margin-top: 10px;
}

.box_customer .customer-intro {
    margin: 60px 0 75px;
}

.box_customer .customer-intro .intro-ttl {
    display: flex;
    align-items: center;
}

.box_customer .customer-intro .intro-ttl .ttl-img {
    width: 202px;
    height: 202px;
    background: url(../img/companies/customer-img09.png)no-repeat center;
    background-size: contain;
    margin-right: 10px;
}

.box_customer .customer-intro .intro-ttl .ttl-img p {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    padding-top: 10px;
}

.box_customer .customer-intro .intro-ttl .ttl-img p span:first-child {
    font-size: 14px;
    margin-bottom: 10px;
}

.box_customer .customer-intro .intro-ttl .ttl-img p span:nth-child(2) {
    font-size: 32px;
    margin-bottom: 7px;
}

.box_customer .customer-intro .intro-ttl .ttl-img p span:nth-child(3) {
    font-size: 66px;
}

.box_customer .customer-intro .intro-ttl .ttl-img p span:nth-child(3) span {
    font-size: 32px;
}

.box_customer .customer-intro .intro-ttl .ttl-txt h3 {
    color: #000;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.4;
}

.box_customer .customer-intro .intro-ttl .ttl-txt h3 .red-txt {
    color: #eb5468;
    font-size: 82px;
}

.box_customer .customer-intro .intro-ttl .ttl-txt p {
    color: #000;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.4;
}

.box_customer .customer-intro .intro-ttl .ttl-txt p .large-txt {
    font-size: 74px;
}

.box_customer .customer-intro .intro-ttl .ttl-txt .lines {
    background-image: linear-gradient(to right, transparent 50%, #fffc02 50%);
    background-size: 200% 27%;
    background-position: -100% 78%;
    background-repeat: repeat-x;
}

.box_customer .customer-intro .intro-cont {
    width: 100%;
    border: 7px solid #224ca1;
    position: relative;
    padding: 90px 25px 30px;
    margin-top: 130px;
}

.box_customer .customer-intro .intro-cont .intro-img {
    width: 100%;
    max-width: 540px;
    display: inline-flex;
    justify-content: center;
    background: #fff;
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
}

.box_customer .customer-intro .intro-cont .intro-img p {
    line-height: 0;
    margin: 0 10px;
}

.box_customer .customer-intro .intro-cont .intro-img p img {
    object-fit: contain;
}

.box_customer .customer-intro .intro-fr p {
    color: #000;
    font-size: 26px;
    font-weight: 700;
    line-height: 2;
    text-align: center;
}

.box_customer .customer-intro .intro-fr p .dots {
    position: relative;
}

.box_customer .customer-intro .intro-fr p .dots:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #244ea3;
    position: absolute;
    border-radius: 50px;
    top: -4px;
    right: 50%;
    transform: translateX(50%);
}

.box_customer .customer-intro .intro-fr p .lines {
    background-image: linear-gradient(to right, transparent 50%, #fffc02 50%);
    background-size: 200% 30%;
    background-position: -100% 90%;
    background-repeat: repeat-x;
}

.warning {
    display: flex;
    border: 3px solid;
    margin-top: 40px;
}

.warning .warning-img {
    background: url(../img/companies/warning.png) no-repeat center;
    width: 51%;
    background-size: contain;
    margin-right: 30px;
    margin-left: 10px;
}

.warning .warning-content h3 {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    margin: 10px 0;
}

.warning-content .text-yl {
    background-image: linear-gradient(to right, transparent 50%, #fffc02 50%);
    background-size: 200% 100%;
    background-position: -100% 90%;
    background-repeat: repeat-x;
}

.warning-content p {
    font-size: 15px;
    margin: 10px 20px 10px 0px;
}

.sp-red {
    color: #eb5468;
}

.sp {
    display: none;
}

.note {
    margin: 5px 0;
}

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

.inner-custom {
    padding: 0 !important;
}

@media screen and (max-width: 1023px) {
    .block-ttl01 .ttl01-frame {
        padding: 0 3%;
    }
    .block-ttl01 .ttl01-frame h2 {
        font-size: 35px;
    }
    .block-ttl01 .ttl01-frame p {
        font-size: 15px;
    }
    #box_company .inner,
    #box_benefits .inner,
    #box_customer .inner,
    #box_reasons .inner {
        padding: 0 3%;
    }
    #box_company .section,
    #box_benefits .section,
    #box_customer .section {
        padding: 0 3%;
    }
    #box_company .section p,
    #box_benefits .section p,
    #box_customer .section p {
        font-size: 15px;
    }
    #box_company .c-introduce .intro-ttl h3 {
        font-size: 26px;
    }
    #box_company .c-introduce .intro-text {
        font-size: 20px;
    }
    #box_benefits .benefits-table {
        overflow: auto;
        padding-top: 15px;
    }
    #box_benefits .benefits-table table {
        width: 850px;
    }
    #box_benefits .benefits-table table th,
    #box_benefits .benefits-table table td {
        border: 1px solid #cecece;
        padding: 10px 10px;
    }
    #box_benefits .benefits-table table th {
        width: 20%;
        font-size: 14px;
    }
    #box_benefits .benefits-table table tr:first-child td {
        font-size: 14px;
        padding: 10px 10px;
    }
    #box_benefits .benefits-table table tr:first-child td.blue-tb span {
        width: calc(100% + 2px);
        height: calc(100% + 15px);
        border: 1px solid #cecece;
        font-size: 16px;
        left: -1px;
        bottom: -1px;
        padding: 0 10px;
    }
    #box_benefits .features-cont .list-features li {
        padding: 40px 15px 20px;
    }
    #box_benefits .features-cont .fea-ttl01 h3 {
        font-size: 25px;
    }
    #box_benefits .features-cont .fea-ttl01 h3 .red-txt {
        font-size: 40px;
    }
    #box_benefits .features-cont .list-features .fea-ttl02 span:last-child {
        font-size: 17px;
    }
    #box_benefits .features-cont .list-features li:first-child .fea-ttl02 span:first-child,
    #box_benefits .features-cont .list-features li:nth-child(3) .fea-ttl02 span:first-child {
        padding-left: 40px;
    }
    #box_benefits .features-cont .list-features li:first-child .fea-ttl02 span:first-child::before {
        width: 35px;
        height: 36px;
    }
    #box_benefits .features-cont .list-features li:first-child .fea-ttl02 span:last-child {
        font-size: 25px;
    }
    #box_benefits .features-cont .list-features li:nth-child(2) .fea-ttl02 span:first-child {
        padding-left: 25px;
    }
    #box_benefits .features-cont .list-features li:nth-child(2) .fea-ttl02 span:first-child::before {
        width: 20px;
        height: 32px;
    }
    #box_benefits .features-cont .list-features li:nth-child(3) .fea-ttl02 span:first-child::before {
        width: 35px;
        height: 31px;
    }
    #box_benefits .production-box h3 {
        font-size: 22px;
    }
    #box_benefits .production-box h3 span {
        font-size: 35px;
    }
    #box_benefits .production-box .production-text {
        font-size: 14px;
    }
    #box_reasons .list-reasons .reasons-cont {
        padding-left: 30px;
        margin: 0 0 80px;
    }
    #box_reasons .list-reasons .reasons-ttl h3 {
        font-size: 35px;
    }
    #box_reasons .list-reasons .reasons-ttl p {
        font-size: 25px;
    }
    #box_reasons .list-reasons .reasons-ttl::before {
        width: 95px;
        height: 150px;
        left: -30px;
        transform: translateY(23%);
    }
    #box_excellent .excellent-ttl01 p {
        font-size: 25px;
    }
    #box_excellent .excellent-ttl01 p .text-red {
        font-size: 45px;
    }
    #box_excellent .excellent-ttl01 .ttl01-cont {
        padding: 0 3%;
    }
    #box_excellent .excellent-ttl01 h2 {
        font-size: 40px;
    }
    #box_excellent .excellent-ttl01 h2 .dots::before {
        width: 6px;
        height: 6px;
        top: -5px;
    }
    #box_excellent .excellent-intro .excellent-ttl02 p {
        font-size: 20px;
    }
    #box_excellent .excellent-intro .excellent-ttl02 h3 {
        font-size: 28px;
    }
    #box_excellent .excellent-intro .excellent-ttl02::after {
        width: 140px;
        height: 135px;
        right: 0px;
    }
    #box_excellent .list-company {
        padding: 0 3%;
    }
    #box_excellent .excellent-intro {
        padding: 0 3% 115px;
    }
    #box_customer .customer-intro .intro-ttl .ttl-img {
        width: 180px;
        height: 180px;
    }
    #box_customer .customer-intro .intro-ttl .ttl-txt h3 {
        font-size: 30px;
    }
    #box_customer .customer-intro .intro-ttl .ttl-txt h3 .red-txt {
        font-size: 60px;
    }
    #box_customer .customer-intro .intro-ttl .ttl-txt p {
        font-size: 26px;
    }
    #box_customer .customer-intro .intro-ttl .ttl-txt p .large-txt {
        font-size: 55px;
    }
    #box_customer .customer-intro .intro-ttl .ttl-img p span:first-child {
        font-size: 12px;
    }
    #box_customer .customer-intro .intro-ttl .ttl-img p span:nth-child(2) {
        font-size: 25px;
    }
    #box_customer .customer-intro .intro-ttl .ttl-img p span:nth-child(3) {
        font-size: 45px;
    }
    #box_customer .customer-intro .intro-ttl .ttl-img p span:nth-child(3) span {
        font-size: 25px;
    }
    #box_customer .customer-intro .intro-fr p {
        font-size: 20px;
    }
    .warning .warning-content h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .box-sp {
        display: block;
    }
    .box-pc {
        display: none;
    }
    .block-ttl01 {
        padding: 20px 0 25px;
    }
    .block-ttl01 .ttl01-frame h2 {
        font-size: 20px;
    }
    .block-ttl01 .ttl01-frame p {
        font-size: 12px;
        margin-top: 10px;
        text-align: left;
    }
    #box_company .section p,
    #box_benefits .section p,
    #box_customer .section p {
        font-size: 14px;
    }
    #box_company .c-img .txt-right {
        font-size: 11px;
    }
    #box_company .c-introduce {
        margin: 40px 0 0;
    }
    #box_company .c-introduce .intro-ttl h3 {
        font-size: 17px;
    }
    #box_company .c-introduce .intro-ttl h3 .sp-txt {
        display: block;
        font-size: 25px;
        margin-bottom: 5px;
    }
    #box_company .c-introduce .intro-text {
        font-size: 14px;
    }
    #box_company .c-introduce .person {
        display: block;
        margin: 40px 0 40px;
    }
    #box_company .c-introduce .person .aut-cont {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    #box_company .c-introduce .person .aut-cont:nth-child(2) .aut-img {
        order: 2;
        margin: 0 0 0 10px;
    }
    #box_company .c-introduce .person .aut-cont:nth-child(2) .aut-cont {
        order: 1;
    }
    #box_company .c-introduce .person .aut-cont .aut-frame h4 {
        font-size: 14px;
    }
    #box_company .c-introduce .person .aut-cont .aut-frame .aut-txt {
        font-size: 14px;
    }
    #box_benefits .features-cont .fea-ttl01 h3 {
        font-size: 20px;
    }
    #box_benefits .features-cont .fea-ttl01 h3 .red-txt {
        font-size: 34px;
    }
    #box_benefits .features-cont .fea-ttl01 h3::before {
        width: 35px;
        height: 27px;
    }
    #box_benefits .features-cont .list-features {
        display: block;
    }
    #box_benefits .features-cont .list-features li {
        max-width: 100%;
        padding: 20px 15px 20px;
        margin: 0 0 30px;
    }
    #box_benefits .features-cont .list-features li::before,
    #box_benefits .features-cont .list-features li::after {
        width: 20px;
        height: 17px;
    }
    #box_benefits .features-cont .list-features .fea-ttl02 span:first-child {
        font-size: 20px;
    }
    #box_benefits .features-cont .list-features .fea-ttl02 span:last-child {
        font-size: 18px;
    }
    #box_benefits .features-cont .list-features li:first-child .fea-ttl02 span:last-child {
        margin-top: 10px;
    }
    #box_benefits .production-box {
        padding: 0px 0 6.250vw;
        margin: 50px 0 0;
    }
    #box_benefits .production-box::after {
        content: none;
    }
    #box_benefits .production-box::before,
    #box_benefits .production-box::after {
        width: 62.500vw;
        height: 62.500vw;
        top: 0;
        left: -21.875vw;
    }
    #box_benefits .production-box h3 {
        font-size: 3.125vw;
        padding-left: 21.875vw;
    }
    #box_benefits .production-box h3 span {
        font-size: 5.625vw;
    }
    #box_benefits .production-box .production-text {
        padding-left: 21.875vw;
        font-size: 12px;
        text-align: left;
    }
    #box_reasons .block-ttl01 {
        margin-bottom: 70px;
    }
    #box_reasons .list-reasons .reasons-cont {
        padding: 0 3%;
        margin: 0 0 50px;
    }
    #box_reasons .list-reasons .reasons-ttl h3 {
        font-size: 20px;
    }
    #box_reasons .list-reasons .reasons-ttl p {
        font-size: 15px;
    }
    #box_reasons .list-reasons .reasons-ttl::before {
        width: 80px;
        height: 128px;
        left: -15px;
        transform: translateY(10%);
    }
    #box_reasons .list-reasons .reasons-fr {
        display: block;
    }
    #box_reasons .list-reasons .reasons-fr .section {
        display: block;
    }
    #box_reasons .list-reasons .reasons-fr .reasons-img {
        max-width: 150px;
        float: right;
        margin: 0 0 10px 15px;
    }
    #box_excellent .excellent-ttl01 p {
        font-size: 20px;
    }
    #box_excellent .excellent-ttl01 p .text-red {
        font-size: 30px;
    }
    #box_excellent .excellent-ttl01 h2 {
        font-size: 28px;
        margin-top: 5px;
    }
    #box_excellent .section p {
        font-size: 14px;
    }
    #box_excellent .list-company {
        margin: 0 -10px -30px;
    }
    #box_excellent .list-company li {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }
    #box_excellent .list-company li .c-fr h4 {
        font-size: 13px;
    }
    #box_excellent .excellent-intro {
        padding: 0 3% 10vw;
        margin: 50px 0 0;
    }
    #box_excellent .excellent-intro::after {
        width: 200%;
    }
    #box_excellent .excellent-intro .excellent-ttl02::before,
    #box_excellent .excellent-intro .excellent-ttl02::after {
        top: -10px;
        transform: none;
    }
    #box_excellent .excellent-intro .excellent-ttl02::before {
        width: 15.625vw;
        height: 17.813vw;
        left: 0;
    }
    #box_excellent .excellent-intro .excellent-ttl02::after {
        width: 17.188vw;
        height: 17.5vw;
    }
    #box_excellent .excellent-intro .excellent-ttl02 p {
        font-size: 4.063vw;
    }
    #box_excellent .excellent-intro .excellent-ttl02 h3 {
        font-size: 5vw;
        margin: 5vw 0 0;
    }
    #box_excellent .excellent-intro .intro-txt {
        font-size: 14px;
        text-align: left;
    }
    #box_customer .list-customer {
        display: block;
        margin-bottom: 0;
    }
    #box_customer .list-customer li {
        width: 100%;
        max-width: 425px;
        padding: 0;
        margin: 0 auto 45px;
    }
    #box_customer .list-customer li::after {
        content: none;
    }
    #box_customer .list-customer .customer-info p {
        font-size: 13px;
        padding-left: 10px;
    }
    #box_customer .list-customer .customer-cont {
        padding: 20px 20px 15px;
    }
    #box_customer .customer-intro .intro-ttl .ttl-img {
        width: 21.094vw;
        height: 21.094vw;
    }
    #box_customer .customer-intro .intro-ttl .ttl-txt h3 {
        font-size: 4.375vw;
    }
    #box_customer .customer-intro .intro-ttl .ttl-txt h3 .red-txt {
        font-size: 7.031vw;
    }
    #box_customer .customer-intro .intro-ttl .ttl-txt p {
        font-size: 4.063vw;
    }
    #box_customer .customer-intro .intro-ttl .ttl-txt p .large-txt {
        font-size: 6.25vw;
    }
    #box_customer .customer-intro .intro-ttl .ttl-img p span:first-child {
        font-size: 1.563vw;
        margin-bottom: 1.563vw;
    }
    #box_customer .customer-intro .intro-ttl .ttl-img p span:nth-child(2) {
        font-size: 3.438vw;
        margin-bottom: 1.094vw;
    }
    #box_customer .customer-intro .intro-ttl .ttl-img p span:nth-child(3) {
        font-size: 6.25vw;
    }
    #box_customer .customer-intro .intro-ttl .ttl-img p span:nth-child(3) span {
        font-size: 3.125vw;
    }
    #box_customer .customer-intro {
        margin: 45px 0 55px;
    }
    #box_customer .customer-intro .intro-cont {
        border: 3px solid #224ca1;
        padding: 14.063vw 3.125vw 4.688vw;
        margin-top: 15.625vw;
    }
    #box_customer .customer-intro .intro-cont .intro-img {
        max-width: 84.375vw;
        padding: 0 7.813vw;
        top: -9.375vw;
    }
    #box_customer .customer-intro .intro-fr p {
        font-size: 4.063vw;
    }
    .warning .warning-img {
        width: 120px;
        margin-right: 20px;
    }
    .warning .warning-content h3 {
        font-size: 20px;
    }
    .sp {
        display: block;
    }
    #box_benefits .benefits-table table th,
    #box_benefits .benefits-table table td {
        font-size: 12px;
    }
    #box_benefits .benefits-table table tr:first-child td {
        font-size: 12px;
    }
    #box_benefits .benefits-table table tr:first-child td.blue-tb span {
        font-size: 14px;
    }
    #box_company .c-introduce .intro-ttl .hv-dot:before {
        top: -6px;
    }
    #box_customer .customer-intro .intro-fr p .dots:before {
        top: -6px;
    }
}

@media screen and (max-width: 490px) {
    #box_reasons .list-reasons .reasons-ttl p {
        font-size: 13px;
    }
    #box_reasons .list-reasons .reasons-fr .reasons-img {
        max-width: 94px;
        margin-left: 10px;
    }
    #box_reasons .list-reasons .reasons-fr .section p {
        font-size: 14px;
    }
    .warning {
        height: auto;
        margin-bottom: 80px;
    }
    .warning .warning-img {
        width: 80px;
        margin: 0 8px;
        flex-shrink: 0;
    }
    .warning .warning-content h3 {
        font-size: 13px;
    }
    .warning-content p {
        font-size: 14px;
        margin-right: 10px;
    }
    #box_customer .list-customer .comment h4 {
        font-size: 11px;
    }
}


/* end */


/************************************
form-confirm
************************************/

#contents {
    max-width: 1100px;
    margin: auto;
    padding: 0 10px;
    color: #000000;
    font-family: '小塚ゴシック Pro', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif;
}

.main {
    float: none;
    max-width: 100%;
    padding: 40px;
    margin: 0 auto 40px;
    border: 1px solid #ccc;
    -webkit-box-shadow: #ccc 0px 0px 5px;
    -moz-box-shadow: #ccc 0px 0px 5px;
    box-shadow: #ccc 0px 0px 5px;
    border-radius: 0;
    box-sizing: border-box;
    max-width: 1000px;
}

.main h3 {
    border-left: 3px solid #0678ec;
    font-weight: bold;
    font-size: 22px;
    margin: 20px 0;
    padding: 5px 0 5px 10px;
    color: #000;
}

.main th {
    background-color: #fafad5;
    font-weight: bold;
    padding: 30px 18px;
    width: 12em;
    text-align: center;
}

.main td {
    padding: 20px 0 20px 20px;
}


/* / IE CSS / */

@media screen\0 {
    .main td {
        padding: 30px 0 20px 20px;
    }
}

.main th,
.main td {
    border: 1px solid #ccc;
    font-size: 18px;
}

.main table {
    width: 100%;
}

.main .name dt {
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 16px;
    color: #000;
    margin-right: 1em;
    margin-top: 10px;
}

.entry-confirm-first .name dt {
    margin-top: 0 !important;
}

.main .name dd {
    line-height: 30px;
}

dt {
    font-weight: bold;
}

.fw-bold {
    font-weight: bold;
}

.header-form {
    border-top: 6px solid #0070c0;
    border-bottom: 2px solid #d4d4d4;
}

.header-form p img {
    max-width: 100%;
}

.top-form .header-form p {
    text-align: center;
    max-width: 220px;
    margin: 0 auto;
    padding: 10px 0;
}

#ft_form {
    height: 170px;
    background-color: #1f499f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.copyright_fr {
    padding: 20px 0;
    font-size: 80%;
    text-align: center;
    font-family: '小塚ゴシック Pro', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif;
}

#entry-top {
    max-width: 1000px;
    width: 100%;
    margin: 2em auto;
    position: relative;
}

#entry-top .left {
    float: left
}

#entry-top .left p {
    font-weight: bold;
    font-size: 45px;
    line-height: 1.3;
}

#entry-top .left .sm-txt {
    display: block;
    font-size: 26px !important;
}

#entry-top .right {
    float: right;
    padding: 20px 30px 20px 35px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%;
}

#entry-top h1 {
    font-weight: bold;
    color: #0678ec;
    font-size: 40px;
    margin: 0;
    letter-spacing: 4px;
    line-height: 1.5;
}

#entry-top .right {
    background-color: #fff2f5
}

#entry-top .right .right-inner .text {
    color: red;
    font-size: 18px;
    font-weight: bold;
    margin: 8px 0;
    letter-spacing: 0;
}

#entry-top .right .right-inner .free-call {
    margin: 0;
    color: #fff;
    background-color: #f60938;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 28px;
    border-radius: 6px;
    letter-spacing: 1.5px;
}


/* / IE CSS / */

@media screen\0 {
    #entry-top .right .right-inner .free-call {
        padding-top: 8px;
        height: auto;
    }
}

#entry-top .right .right-inner .reception {
    font-size: 16px;
    color: red;
    font-weight: bold;
    margin-left: 10px;
}

#entry-top .right .right-inner .fd {
    position: absolute;
    left: 88px;
    margin: auto;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 45px;
    font-weight: bold;
    line-height: 1;
    color: #f60938
}

#entry-top .right .right-inner .fd::before {
    position: absolute;
    background: url(/wp/wp-content/themes/simplicity2/images/form/spiral-img.png) no-repeat;
    content: '';
    width: 100%;
    height: 44px;
    left: -52px;
    background-size: contain;
}

#entry-top .right .contact-txt {
    display: block;
    font-size: 16px;
    margin-top: 50px;
}

.middle dt span {
    color: #fff;
    font-size: 14px;
    padding: 4px 20px;
    background-color: #007eff;
    border-radius: 2px;
}

.middle dt p {
    font-weight: bold;
    font-size: 18px;
    color: #0678ec;
    margin: 8px 0;
}

.middle .text {
    font-size: 14px;
    line-height: 1.4;
    color: #0678ec;
    margin: 0;
}

.middle .next {
    font-weight: bold;
    margin: 38px 0 24px;
    line-height: 18px;
    font-size: 20px;
    display: block;
    text-align: center;
    line-height: 1.5;
}

.middle .next span {
    color: #f60938
}

.main .is-p-0 {
    padding: 5px 0 !important;
    font-size: 18px;
    border: 0;
}

@media screen and (max-width: 1023px) {
    #entry-top .right {
        max-width: 380px;
        padding: 15px;
    }
    #contents {
        padding: 0 10px;
    }
    .middle .next {
        font-size: 18px;
    }
    #entry-top .right .right-inner .fd {
        font-size: 40px;
        left: 67px;
    }
    #entry-top .right .right-inner .reception {
        font-size: 14px;
    }
    #entry-top .right .right-inner .text {
        font-size: 14px;
    }
    #entry-top .right .right-inner .free-call {
        padding: 4px 5px;
    }
    #entry-top .right .contact-txt {
        margin-top: 46px;
        font-size: 14px;
    }
    #entry-top h1 {
        font-size: 30px;
    }
    #entry-top .left p {
        font-size: 35px;
    }
    #entry-top .left .sm-txt {
        font-size: 20px !important;
    }
    .btn-box {
        text-align: center;
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .main .btn-box {
        display: block;
        text-align: center;
    }
    .btn-box input {
        width: 100%;
    }
    .form .main .entry-confirm-first th,
    .form .main .entry-confirm-second th {
        margin-top: 20px;
        font-weight: bold;
    }
    .entry-confirm-first .fw-bold {
        font-weight: normal;
    }
    input.entry-confirm {
        position: inherit;
        left: 0;
        transform: inherit;
    }
    .entry-confirm-first .name dt {
        display: none;
    }

}


/* lp lp5 */

#header-lp {
    border-bottom: 1px solid #cccccc;
}

.header-in {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0;
}

.hd-custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px;
}

.wrap-inner {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0;
}

.box-main {
    margin: 50px 0;
}

.hd-logo,
.hd-btn {
    padding-top: 10px;
    cursor: pointer;
}

.box-records p {
    text-align: center;
}

.scrollWrapper {
    display: flex;
    margin: 40px 0 50px;
}

.scrollWrapper li {
    list-style: none;
}

.box-btn-records {
    background-color: #214b9f;
    padding: 28px 0;
}

.box-btn-records a {
    display: block;
    text-align: center;
    max-height: 125px;
}

.box-solves {
    padding: 90px 0 160px;
}

.box-solves p {
    margin-top: 50px;
}

.box-promises {
    margin-bottom: 105px;
}

.box-promises p {
    margin-top: 65px;
}

.box-contact {
    background-color: #214b9f;
    margin-bottom: 85px;
}

.info-contact {
    display: flex;
    justify-content: space-around;
    max-width: 1040px;
    margin: 0 auto;
    padding: 20px 0 0;
}

.info-contact a {
    height: 100px;
}

.box-flow p {
    margin-top: 70px;
}

.customer-intro {}

.customer-intro .intro-cont {
    width: 100%;
    border: 7px solid #224ca1;
    position: relative;
    padding: 90px 25px 30px;
    margin-top: 110px;
}

.customer-intro .intro-cont .intro-img {
    width: 100%;
    max-width: 540px;
    display: inline-flex;
    justify-content: center;
    background: #fff;
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
}

.customer-intro .intro-cont .intro-img p {
    line-height: 0;
    margin: 0 10px;
}

.customer-intro .intro-cont .intro-img p img {
    object-fit: contain;
}

.customer-intro .intro-fr p {
    color: #000;
    font-size: 26px;
    font-weight: 700;
    line-height: 2;
    text-align: center;
}

#box_benefits {
    margin-top: 110px;
}

.box_customer {
    padding: 80px 0;
}

.production-box {
    position: relative;
    padding: 0 0 45px;
    margin: 65px 0 0;
}

.production-box h3 {
    color: #000;
    font-size: 31px;
    font-weight: 700;
    text-align: center;
}

.production-box h3 span {
    font-size: 41px;
    background-image: linear-gradient(to right, transparent 50%, #fffc02 50%);
    background-size: 200% 25%;
    background-position: -100% 78%;
    background-repeat: repeat-x;
    position: relative;
}

.production-box .production-text {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 10px 0 0;
}

.production-box::before {
    background: url(../img/companies/fea-bg02.png)no-repeat center;
    background-size: contain;
    left: -125px;
}

.production-box::after {
    background: url(../img/companies/fea-bg01.png)no-repeat center;
    background-size: contain;
    right: -125px;
}

.production-box::before,
.production-box::after {
    content: "";
    width: 389px;
    height: 388px;
    position: absolute;
    top: -20px;
    z-index: -1;
}

.box-achie {
    padding-top: 65px;
}

.box-achie p {
    margin: 65px 0;
}

.price-list ul {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 5px;
    margin-top: 60px;
}

.price-list ul li {
    width: calc(50% - 25px);
    height: auto;
    border: 1px solid #bdbdbd;
    box-shadow: 1px 1px 1px 0;
    border-radius: 5px;
    padding: 10px 0 10px;
    margin: 15px 0;
}

.price-list ul li dt {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 10px;
    margin: 10px;
    border-bottom: 2px dotted#8c8c8c;
}

.price-inner .price-list ul li dd {
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
}

.price-list ul li dd .icon {
    float: left;
    width: 90px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #dd3c63;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 0 3px;
    margin-top: 12px;
}

.price-list ul li dd .text {
    float: right;
    width: auto;
    color: #214b9f;
    font-size: 27px;
    padding-top: 7px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    padding-left: 20px;
}

.price-list ul li dd .text span {
    font-size: 45px;
    font-family: Helvetica, Arial, sans-serif;
}

.banner-cont img {
    max-height: 290px;
}

.box-price {
    padding-top: 65px;
    margin-bottom: 70px;
}

.faq-box {
    margin: 80px 0 60px;
}

.faq-box h3 {
    margin-top: 65px;
}

.company-contents table {
    line-height: 1em;
    margin: 0 auto;
}

.profile table td,
.profile table th,
.profile table p {
    line-height: 1.428;
    font-size: 14px !important;
    margin: 0;
}

.profile th {
    background-color: #f5f5f5 !important;
    white-space: nowrap;
    font-weight: bold;
}

.company-contents {
    width: 730px;
    margin: 0 auto 30px;
}

.slide-company {
    margin: 30px 0 50px;
}

.slide-company li {
    list-style: none;
    margin-right: 0;
}

.box-btn-records a:hover,
.info-contact a:hover,
.hd-custom a:hover {
    opacity: 0.8;
}


/* end */