body.home .main {
    left: 50%;
    transform: translateX(-50%)
}

.box-error-captcha {
    position: relative;
    display: none;
    width: 100%;
}

.box-error-captcha .error-captcha {
    /*display: none;*/
    position: absolute;
    top: -35px;
    /*right: 0;*/
    padding: 5px 10px;
    background-color: #fdd8db;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: rgba(50, 50, 50, .9);
    margin: 0;
    font-size: 11px;
}

.box-error-captcha-test {
    position: relative;
    display: none;
    width: 100%;
}

.box-error-captcha-test .error-captcha {
    /*display: none;*/
    position: absolute;
    top: -35px;
    /*right: 0;*/
    padding: 5px 10px;
    background-color: #fdd8db;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: rgba(50, 50, 50, .9);
    margin: 0;
    font-size: 11px;
}

.error-captcha:after {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -5px;
    content: '';
    border-top: 5px solid #fdd8db;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.custom-box-captcha {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.box-captcha-left {
    width: 53%;
}

.box-captcha-left p {
    padding: 0 15px 0 0;
    color: #fff;
}

.box-captcha-right {
    width: 47%;
}

@media screen and (max-width:767px) {
    .custom-box-captcha {
        flex-direction: column;
    }
    .g-recaptcha {
        display: inline-block;
    }
    .box-captcha-right {
        width: 100%;
        text-align: center;
    }
    .box-captcha-left {
        width: 100%;
        order: 1;
    }
}


/*end captcha*/

@media screen and (max-width:767px) {
    .show--only-pc {
        display: none!important
    }
    .show--only-md {
        display: none!important
    }
    .custom-area-btn {
        background: #1f499f;
        padding: 15px;
        border-radius: 50px;
        text-decoration: none;
        color: #fff
    }
    .custom-box-area {
        text-align: center
    }
    .custom-box-area p {
        font-size: 13px;
        text-align: left;
        padding: 15px 0
    }
    .custom-area-btn {
        margin: 15px 0
    }
}

@media screen and (min-width:768px) {
    .flow-img {
        width: 35%;
    }
    .flow-text {
        width: 60%;
    }
    .show--only-sp {
        display: none!important
    }
    a:hover {
        text-decoration: none
    }
    .container {
        padding: 0 20px
    }
    .h3-title {
        margin: 40px auto 40px auto;
        padding: 0 0 0 10px;
        font-weight: 700;
        line-height: 1.2;
        color: #1f499f;
        border-left: 2px solid #1f499f
    }
    .custom-box-area {
        display: flex;
        padding: 10px 0 20px
    }
    .custom-box-area p {
        padding: 0 10px
    }
    a.custom-area-btn {
        background: #1f499f;
        font-size: 150%;
        padding: 10px 100px;
        color: #fff;
        text-decoration: none;
        border-radius: 50px
    }
    .custom-area-btn {
        margin: 20px auto 40px
    }
    .custom_btn_interview {
        padding: 15px 100px!important
    }
    .custom-box-area {
        width: 100%
    }
    .custom-box-area-img {
        width: 30%
    }
    .custom-box-area-text {
        width: 70%
    }
}

@media screen and (min-width:491px) {
    .show--only-sps {
        display: none!important
    }
}

@media screen and (min-width:1001px) {
    .show--only-md {
        display: none!important
    }
    .hidden--lg {
        display: none!important
    }
    .container {
        max-width: 1660px;
        padding: 0 30px
    }
    .container--small {
        max-width: 1260px
    }
}

@media screen and (max-width:1000px) {
    .show--only-lg {
        display: none!important
    }
}

@media screen and (min-width:768px) and (max-width:1000px) {
    .hidden--md {
        display: none!important
    }
}

.recover-box .production-box ul>li:last-child,
.recover-box.production-box ul>li:last-child {
    padding-bottom: 0
}

.recover-box .production-box ul>li,
.recover-box.production-box ul>li {
    padding-bottom: 10px
}

.row_sitebox {
    display: block;
    margin-bottom: 20px
}

.row_sitebox .sitebox {
    display: inline-block;
    width: 30%!important;
    padding: 0 10px;
    float: none;
    vertical-align: top
}

.row_sitebox .sitebox img {
    width: 100%;
    height: 200px
}

.row_sitebox .title {
    margin-top: 15px
}

.row_sitebox .sitebox .title {
    text-align: center
}

.row_sitebox .sitebox .title a {
    display: block;
    text-decoration: none
}

img.production-box {
    border: 1px solid #eee
}

.sng-box {
    border: 2px solid #cacaca;
    margin: 25px 0;
    border-radius: 5px;
    padding: 15px
}

.sng-box span {
    display: block;
    font-size: 24px;
    text-decoration: underline
}

.page_tetethanks p {
    font-size: 18px;
}

@media (max-width:740px) {
    .row_sitebox .sitebox {
        display: inline-block!important;
        padding: 5px!important;
        width: auto;
        margin-bottom: 20px
    }
    .row_sitebox .sitebox img {
        height: auto
    }
}

.box-form {
    display: block;
    padding: 10px 25px 25px;
    background-color: #444;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 20px
}

.title-box-form {
    text-align: center;
    color: #fff;
    padding-bottom: 10px
}

.title-box-form h2.title-form {
    border-bottom: 1px dashed #fff;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 24px;
    color: #fff
}

.title-box-form p {
    font-size: 16px
}

.box-form .clearfix {
    clear: both
}

.box-left {
    float: left;
    width: 47%;
    border-radius: 5px;
    background-color: #fff;
    padding: 12px 12px 20px;
    margin-right: 15px
}

.box-left h3.title-box-left {
    background-color: #fa6739;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 10px 10px;
    margin: 0;
    margin-bottom: 15px
}

ol.list-box-left {
    counter-reset: number;
    list-style-type: none!important;
    margin-bottom: 10px;
    padding: 0;
    margin: 0
}

ol.list-box-left li {
    color: #676767;
    position: relative;
    line-height: 1.5em;
    padding: 10px 0 10px 40px;
    font-size: 15px
}

.box-left p {
    color: #676767;
    text-align: center;
    font-size: 14px;
    margin: 0;
    margin-top: 15px
}

ol.list-box-left li:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    background: #fa6739;
    color: #fff;
    font-size: 16px;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #fa6739;
    font-weight: 400
}

.box-right {
    width: 47%;
    float: right
}

.box-form .form-group input,
.box-form .form-group select {
    background-color: #fff8c5;
    height: 43px;
    border: 2px solid #c9c7bc;
    border-radius: 0;
    padding-left: 15px;
    font-size: 14px
}

.box-form .form-group button,
.box-form .form-group input,
.box-form .form-group select {
    width: 100%
}

.box-form .form-group input::placeholder,
select option {
    color: #bababa;
}

.box-form .form-group select option {
    background-color: #fff8c5;
    color: #000
}

.box-form .form-group select.empty {
    color: #bababa;
}

.box-form .form-group select optgroup {
    background-color: #fff;
    color: #000
}

.box-form .form-group select {
    background-image: linear-gradient(45deg, transparent 50%, #bababa 49%), linear-gradient(135deg, #bababa 50%, transparent 50%), linear-gradient(to right, #bababa, #bababa);
    background-position: calc(100% - 17px) calc(1em + 2px), calc(100% - 12px) calc(1em + 2px), calc(100% - 2.5em) 0;
    background-size: 5px 5px, 5px 5px, 2px 3.5em;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none
}

.box-form .form-group button {
    color: #fff;
    background-color: #f0ad4e;
    text-align: center;
    padding: 12px 10px 10px;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    position: relative;
    margin-bottom: 0
}

.box-form .form-group button:after {
    position: absolute;
    content: url(../images/arrow_button.png);
    top: 50%;
    transform: translateY(-50%);
    padding-left: 10px;
    margin-top: -2px
}

.box-form .form-group {
    position: relative;
    margin-bottom: 20px;
    padding-left: 40px;
    display: block
}

.box-form .form-group:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.box-form .form-group:last-child:before {
    display: none
}

.box-form .form-group:last-child {
    padding-left: 0
}

.box-form .form-group.box-form-1:before {
    content: url(../images/person.png)
}

.box-form .form-group.box-form-2:before {
    content: url(../images/phone.png)
}

.box-form .form-group.box-form-3:before {
    content: url(../images/mail.png)
}

.box-form .form-group.box-form-4:before {
    content: url(../images/icon01.png)
}

.box-form .form-group input.error::placeholder {
    color: red!important;
    opacity: 1
}

.box-form .form-group input.error {
    border: 2px solid red!important;
    padding-left: 50px;
    position: relative
}

.box-form .form-group.error span.notice {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    background-color: red;
    color: #fff;
    padding: 2px 5px
}

.box-form .form-group select.error {
    color: red;
    border: 2px solid red;
    padding-left: 50px
}

.box-form .form-group input[type=text]::-webkit-input-placeholder::before {
    color: red;
    content: "********";
    opacity: 1
}

p.error-text-top {
    display: none;
    font-size: 11px;
    color: #fff;
    position: absolute;
    top: -25px;
    margin: 0
}

.error-text-top:after {
    content: '必須';
    margin-left: 8px;
    padding: 2px 5px;
    background-color: #e6414e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    color: #fff
}

.form-group.error {
    margin-top: 40px
}

@media (max-width:740px) {
    .box-form {
        padding: 5px 15px 5px
    }
    .title-box-form h2.title-form {
        font-size: 20px
    }
    ol.list-box-left li {
        font-size: 14px
    }
    .box-left p {
        font-size: 11px
    }
    .box-left {
        width: 100%;
        float: none;
        padding: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 20px
    }
    .box-right {
        width: 100%;
        float: none
    }
    ol.list-box-left li {
        padding: 10px 10px 10px 50px
    }
    ol.list-box-left li:before {
        left: 10px
    }
    .box-left h3.title-box-left {
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 13px
    }
    .box-form .form-group input,
    .box-form .form-group select {
        font-size: 12px
    }
    .box-form .form-group select {
        background-position: calc(100% - 15px) calc(1em + 5px), calc(100% - 10px) calc(1em + 5px), calc(100% - 2.5em) 0
    }
}

.col-row {
    clear: both;
    display: block
}

.col-row::after,
.col-row::before {
    content: "";
    display: block;
    overflow: hidden
}

.col-pc-4 {
    width: 31%;
    float: none!important;
    vertical-align: top;
    display: inline-block;
    margin: 5px
}

.col-pc-4 .post.card {
    margin-bottom: 20px
}

.card .thumb-wrap {
    margin: 0 0 10px;
    text-align: center;
    height: 160px
}

.img-wrap,
.thumb-wrap {
    clear: both
}

.card .thumb-wrap img {
    max-width: 100%;
    height: auto;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.post-hdr a {
    text-decoration: none
}

.posts .post-ttl {
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    transition: .2s all
}

.post-hdr a:hover h4 {
    color: #204b9f
}

@media (max-width:740px) {
    .col-pc-4 {
        width: 100%
    }
    .card .thumb-wrap {
        height: auto
    }
    .card .thumb-wrap img {
        width: 100%
    }
}

.custom-post-tags {
    margin-top: 20px;
    margin-bottom: 20px
}

.custom-post-tags ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.custom-post-tags ul li {
    display: inline-block;
    margin: 0 0 .3em 1em;
    padding: 0
}

.custom-post-tags ul li a {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 1em;
    background-color: #3498db;
    border-radius: 0 3px 3px 0;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s
}

.custom-post-tags ul li a::before {
    position: absolute;
    top: 0;
    left: -15px;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent #3498db transparent transparent;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    -webkit-transition: .2s;
    transition: .2s
}

.custom-post-tags ul li a::after {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background-color: #fff;
    border-radius: 100%
}

.custom-post-tags ul li {
    padding-right: 10px
}

.custom-post-tags ul li:last-child {
    padding-right: 0
}

.custom-post-tags ul li a:hover {
    background-color: #555;
    color: #fff
}

.custom-post-tags ul li a:hover::before {
    border-right-color: #555
}

.h2-title.fix-style-h2-title {
    margin: 40px auto 40px auto;
    padding: 23px 0!important;
    font-size: 150%!important;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    background-color: #1f499f
}

.production-table.fix-style-table th {
    color: #000;
    background: #fafafa
}

.production-table.fix-style-table td,
.production-table.fix-style-table th {
    border: 1px solid #eee
}

.mbt-90 {
    margin-bottom: 90px
}

.mt-90 {
    margin-top: 90px
}

@media (max-width:740px) {
    .production-border.production-box.mt-90.mbt-90 {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

ul.top-staff-list.custom-top-staff-list {
    display: inline-block
}

ul.top-staff-list.custom-top-staff-list li {
    width: 48%;
    padding: 10px 0;
    float: left
}

ul.top-staff-list.custom-top-staff-list li:nth-child(1),
ul.top-staff-list.custom-top-staff-list li:nth-child(3) {
    padding-left: 0
}

ul.top-staff-list.custom-top-staff-list li:nth-child(2),
ul.top-staff-list.custom-top-staff-list li:nth-child(4) {
    padding-left: 30px
}

@media (max-width:740px) {
    ul.top-staff-list.custom-top-staff-list {
        display: block
    }
    ul.top-staff-list.custom-top-staff-list li {
        width: 100%;
        float: none
    }
    ul.top-staff-list.custom-top-staff-list li:nth-child(2),
    ul.top-staff-list.custom-top-staff-list li:nth-child(4) {
        padding-left: 0
    }
}

.box-content p.page-text-con.first {
    display: block!important
}

.box-content p.page-text-con {
    display: none
}

.box-content.showmore p.page-text-con {
    display: block
}

.box-content p.loadMore span {
    color: #1f499f
}

.box-content p.loadMore span:hover {
    cursor: pointer;
    text-decoration: underline
}

.box-content {
    padding: 10px;
    border: 1px solid #1f499f;
    margin-top: 10px
}

.box-content .h2-title {
    margin: 0 auto 20px auto;
    margin-left: 10px
}

.box-btn {
    display: inline-block;
    width: 100%
}

.box-btn .btn-item {
    width: 50%;
    float: left
}

@media (max-width:740px) {
    .box-content {
        margin-bottom: 15px
    }
    .btn-item {
        width: 100%!important;
        float: none!important;
        margin-top: 10px!important
    }
    .btn-item:nth-child(1) {
        margin-top: 0
    }
}

h2.floating {
    position: fixed;
    top: 0;
    padding: 10px 10px;
    left: 0;
    font-size: 13px;
    margin: 0 auto;
    width: 100%!important;
    z-index: 100002;
    visibility: hidden;
    background: #3491ef;
    color: #fff;
    border-left: none;
    border-bottom: none;
    clear: both;
    transition: .2s all
}

h2.floating.active {
    visibility: visible
}

h2.floating:before {
    content: "\f0a4";
    font-family: FontAwesome;
    padding-right: 8px;
    color: #fff
}

#sidebar {
    position: relative;
    z-index: 10
}

ul.wpp-list li:not(:last-child) {
    border-bottom: 1px dotted #e0e0e0;
    margin-bottom: 15px
}

ul.wpp-list li {
    overflow: hidden;
    float: none;
    clear: both;
    list-style: none;
    padding: 15px
}

ul.wpp-list li a {
    font-size: 1rem;
    line-height: 1.5;
    text-decoration: none
}

ul.wpp-list li a img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    transition: .2s all
}

ul.wpp-list li a img:hover {
    opacity: .7
}

.wpp-thumbnail {
    display: inline;
    float: left;
    margin: 0 5px 0 0;
    border: none
}

ul.wpp-list li a.wpp-post-title {
    width: 100%;
    transition: .2s all
}

ul.wpp-list li a.wpp-post-title:hover {
    text-decoration: none;
    opacity: .7
}

.post-stats,
.wpp-meta {
    display: block;
    font-size: .8em;
    font-weight: 700
}

@media screen and (max-width:740px) {
    ul.wpp-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
    ul.wpp-list li {
        padding: 20px 10px;
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.45
    }
    ul.wpp-list li:nth-child(3) {
        border-bottom: none
    }
}

.content-template-1 {
    margin-top: 50px
}

.head_thanks_form {
    font-size: 24px
}

.form-contact {
    margin-top: 50px
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-contact .form-group label {
    text-align: left;
    height: 42px;
    padding-top: 7px;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 16px
}

label.col-form-label span.notice {
    color: #fff;
    background-color: red;
    padding: 0 5px 1px;
    float: left;
    border-radius: 4px;
    margin-right: 15px;
    font-size: 14px;
    margin-top: 3px
}

label.col-form-label span.notice.not {
    background-color: #ccc;
    color: #fff
}

form.cls_form input {
    height: 50px;
    padding: 12px;
    font-size: 14px;
    margin: 0 0 20px 0
}

.col-sm-9.btn_submit {
    text-align: center;
    margin-top: 10px
}

.col-sm-9.btn_submit input {
    background: #81d081;
    border-radius: 3px;
    border: none;
    padding: 10px;
    color: #fff;
    width: 40%;
    font-size: 16px;
    transition: .3s all
}

.col-sm-9.btn_submit input:focus,
.col-sm-9.btn_submit input:hover {
    background: #4abd4a
}

.bottom-sumbit {
    background: #ccc none repeat scroll 0 0;
    left: 0;
    padding: 15px;
    /*position: absolute;*/
    text-align: right;
    top: 84%;
    right: 0
}

.bottom-sumbit button {
    padding: 10px 30px;
    cursor: pointer;
    margin-bottom: 0
}

.modalDialog2 {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 99999;
    opacity: 1;
    -webkit-transition: opacity 250ms ease-in;
    -moz-transition: opacity 250ms ease-in;
    transition: opacity 250ms ease-in
}

.modalDialog2:target {
    opacity: 1;
    pointer-events: auto
}

.modalDialog2>div {
    background: #fff;
    margin: 10% auto;
    padding: 30px 30px 60px;
    position: relative;
    text-align: left;
    width: 300px
}

@media screen and (max-width:740px) {
    .form-contact .form-group label {
        text-align: left
    }
}

.custom_introduction_box {
    display: block
}

.custom_introduction_box .custom-clearfix {
    clear: both
}

.custom_introduction_box .image_person {
    width: 24%;
    float: left
}

.custom_introduction_box .content_person {
    width: 74%;
    float: right
}

.custom_introduction_box .image_person img {
    width: 100%;
    border-radius: 50%
}

.custom_introduction_box .content_person .creator-box-title span.bold {
    color: #1f499f
}

.custom_introduction_box .content_person .creator-box-title {
    font-size: 16px
}

p#get-auto-table a,
p#get-auto-table-h2 a,
p#get-auto-table-h3 a {
    display: block;
}

.get-auto-table-h3 a.level-1 {
    padding-left: 20px;
}

p#get-auto-table a.heading-none-table {
    display: none;
}

@media (max-width:740px) {
    .custom_introduction_box .content_person {
        width: 100%;
        float: inherit
    }
    .custom_introduction_box .image_person {
        margin-right: 15px
    }
    .content_person p.creator-box-text {
        margin-top: 25px
    }
}

.custom-production-box-h2 p.creator-box-text a,
.custom-production-box-h3 p.creator-box-text a {
    display: block
}

.custom-production-box-h2 p.creator-box-text a.heading-none-table,
.custom-production-box-h3 p.creator-box-text a.heading-none-table {
    display: none
}

.custom-production-box-h2 p.creator-box-text a.cat-lv2,
.custom-production-box-h3 p.creator-box-text a.cat-lv2 {
    padding-left: 20px
}

table.nt-custom-table {
    border-collapse: collapse;
    width: 80%;
    overflow-x: scroll
}

table.nt-custom-table td {
    border: 1px solid #333;
    text-align: left;
    padding: 8px;
    width: 40%
}

table.nt-custom-table td:nth-child(1) {
    background-color: #ddd
}

@media (max-width:740px) {
    table.nt-custom-table {
        width: 100%
    }
    table.nt-custom-table td {
        width: 50%
    }
}

@media screen and (max-width:740px) {
    .header-tel-btn {
        box-sizing: content-box
    }
}

:not(..box-form.form-group):before,
:not(.header-tel-btn),
:not(.header-tel-btn):after,
:not(.header-tel-btn):before {
    box-sizing: inherit
}

.custom-swipiper-mobile {
    text-align: center
}

.custom-swipiper-mobile .swiper-slide img {
    max-width: 100%;
    height: auto
}

.prettyprint {
    border: none;
    background: #fafafa;
    color: #697d86
}

.custom-swipiper-mobile .swiper-pagination.swiper-pagination-bullets {
    bottom: 0
}

.custom-h #header-in {
    display: flex;
    justify-content: center
}

.custom-scroll-btn {
    font-size: 190%;
    margin-left: 30px
}

@media screen and (max-width:740px) {
    .custom-scroll-btn {
        font-size: 160%;
        width: 100%;
        margin-left: 0;
        margin: 5px 0 0 0
    }
    .custom-swipiper-mobile .swiper-button-next,
    .custom-swipiper-mobile .swiper-button-prev,
    .custom-swipiper-mobile .swiper-container-rtl .swiper-button-next,
    .custom-swipiper-mobile .swiper-container-rtl .swiper-button-prev {
        background-size: 60%!important;
        top: 30%!important;
        width: 6%
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        background-image: url(../images/download.svg)!important;
        left: 0!important
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        background-image: url(../images/download2.svg)!important;
        right: 0!important
    }
    .custom-swipiper-mobile .swiper-pagination.swiper-pagination-bullets {
        z-index: 100;
        position: relative
    }
    .lb-data .lb-details {
        display: none!important
    }
    .row_lightbox .box-lightbox img {
        width: 80%!important
    }
}

@media screen and (max-width:320px) {
    .custom-swipiper-mobile .swiper-button-next,
    .custom-swipiper-mobile .swiper-button-prev,
    .custom-swipiper-mobile .swiper-container-rtl .swiper-button-next,
    .custom-swipiper-mobile .swiper-container-rtl .swiper-button-prev {
        top: 28%!important
    }
}

.custom-box-area img {
    width: 100%
}

.custom-table-interview {
    width: 100%;
    text-align: left;
    border-collapse: collapse
}

.custom-table-interview tr td:first-child {
    color: #fff;
    background: #204b9f;
    font-weight: 700
}

.custom-table-interview tr td {
    padding: 15px;
    border: 1px solid #e6e6e6
}

.custom_interview_box img {
    border-radius: 0!important
}

.custom_btn_interview {
    background: #204b9f;
    color: #fff;
    padding: 15px 25px;
    border-radius: 50px
}

span.make {
    background-color: #fffaaa
}


/*custom table -howto*/

table.table-ec-howto,
.table-ec-howto tr,
.table-ec-howto td,
.table-ec-howto1 td {
    border-collapse: collapse;
    border: 1px solid black;
    text-align: left;
    padding: 5px;
}

.table-ec-howto tr:first-child {
    background: #bad3ec;
}

table.table-ec-howto,
table.table-ec-howto1 {
    margin: 0 auto;
    width: 100%;
}

td.ct-bg-table-howto {
    background: #bad3ec;
}


/* start popup template*/

.custom-temp-popup .custom-sidebar {
    display: block;
}


/*custom-side-bar*/

.custom-sidebar {
    background: #2959ab;
    padding: 10px 10px 20px;
    color: #fff;
    position: sticky;
    top: 40px;
}

.custom-content-sb {
    display: flex;
    justify-content: space-around;
    text-align: center;
    align-items: baseline;
}

.custom-sidebar h1 {
    font-size: 16px;
    text-align: center;
    color: #fff;
}

.custom-title-sb p {
    text-align: center;
    font-size: 14px;
}

.custom-footer-sb {
    text-align: center;
}

a.sidebar-btn {
    background: #f60;
    color: #fff;
    padding: 10px 37px;
    text-decoration: none;
    border-radius: 50px;
}

.custom-footer-sb h1 {
    padding-bottom: 17px;
}

.custom-temp-popup .dln-sidebar .custom-sidebar {
    display: block;
}


/*===================*/


/* The Modal (background) */

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 99;
    /* Sit on top */
    padding-top: 50px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.75);
    /* Black w/ opacity */
}


/* Modal Content */

.modal-content {
    background-color: #fefefe00;
    margin-top: 10px;
    padding: 20px;
    text-align: right;
    width: 80%;
}


/* The Close Button */

.close {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/*modal*/

.custom-sidebar-modal {
    background: #2959ab;
    padding: 10px 10px 20px;
    color: #fff;
    position: sticky;
    top: 40px;
}

.custom-sidebar-modal h1 {
    font-size: 17px;
    text-align: center;
    color: #fff;
}

.custom-sidebar-modal>h1 {
    margin: 15px 0 0;
}

.noneimportant {
    display: none !important;
}

.sidebar-btn {
    position: relative;
}

a.sidebar-btn:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-popup-call {
    background: #12a73b;
}


/* modal img click */

.modal-img {
    display: none;
    position: fixed;
    z-index: 100;
    padding-top: 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
}


/* Modal Content */

.modal-content-img {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: 1000px;
    text-align: center;
    border-radius: 10px;
}


/* The Close Button */

.modal-img .close-img {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal-img .close-img:hover,
.modal-img .close-img:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.custom-sidebar-modal:hover,
.custom-sidebar:hover {
    cursor: pointer;
}

#sidebar #sidebar-widget {
    overflow: inherit;
}

table.ldp-template,
table.ldp-template tr,
table.ldp-template td,
table.ldp-template th {
    border-collapse: collapse;
    border: 1px solid;
    padding: 5px;
}

table.ldp-template th {
    background: #dbeff7;
    font-weight: 500;
    text-align: left;
}

@media (max-width: 740px) {
    .modal-content-img {
        width: 80%;
    }
}

@media (max-width: 320px) {
    .modal .custom-popup-call p#color_phone {
        width: 43% !important;
    }
    .custom-sidebar-modal h1 {
        font-size: 15px;
    }
}

@media screen and (min-width: 768px) {
    .mg-tb-45 {
        margin: 45px 0;
    }
    #pc {
        display: block;
    }
    .mb {
        display: none;
    }
    .modal .custom-popup-call p#color_phone {
        font-size: 40px;
        display: inline-block;
        width: 42%;
        line-height: 0;
        position: relative;
    }
    .modal .custom-popup-call p#color_phone::before {
        position: absolute;
        content: "0120-900-587";
        color: #fff;
        top: 0;
        left: -7px;
        width: 100%;
        line-height: 0;
    }
    .custom-sidebar-modal .custom-content-sb img {
        width: 100%;
    }
    .custom-popup-call {
        text-align: center;
        /*margin: 0px 0px 15px 0;*/
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .modal .custom-popup-call h1 {
        display: inline-block;
        font-size: 40px !important;
    }
    .custom-popup-call span {
        display: inline-block;
        font-size: 44px;
    }
    .custom-popup-call img {
        margin: 0 8px;
    }
    .custom-popup-call img {
        width: 9%;
    }
    .box-phonenumber-sidebar span {
        font-size: 25px;
        color: #fff;
        text-decoration: none;
    }
    .box-phonenumber-sidebar img {
        padding: 8px;
        width: 22%;
        height: 35px;
        margin-top: 2px;
    }
    .box-phonenumber-sidebar>div {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: -8px 0;
    }
    .custom-sidebar-call h1 {
        margin: 0;
    }
    .custom-sidebar-call h1 {
        margin: 0;
        font-size: 21px;
    }
    .custom-sidebar-call {
        margin: 20px 0 20px;
        /*border: 2px solid #fff;*/
        background: #12a73b;
        padding: 5px;
    }
    .modal-content {
        max-width: 700px;
    }
    .modal .custom-sidebar-modal h1 {
        font-size: 24px;
    }
    .modal .custom-title-sb p {
        font-size: 26px;
        margin: 0 0 18px;
    }
    .modal .custom-footer-sb a.sidebar-btn {
        padding: 13px 85px;
        font-size: 30px;
        box-shadow: 2px 3px #843500;
    }
    .custom-footer-sb a.sidebar-btn:hover {
        opacity: 1;
    }
    .modal.custom-footer-sb {
        margin: 10px 0;
    }
    .custom-sidebar-modal:hover,
    .custom-sidebar:hover {
        opacity: 0.9;
    }
    .modal .custom-footer-sb {
        margin: 0 0 30px;
    }
    .custom-sidebar-modal>h1 {
        margin: 16px 0 30px 5px;
    }
    .modal a.sidebar-btn:after {
        width: 15px;
        height: 15px;
        right: 45px;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
    }
    .custom-sidebar-modal .custom-title-sb h1 {
        font-size: 24px;
        margin: 15px 0 10px;
    }
    .custom-popup-call {
        margin: 22px 20px 0;
    }
    .custom-sidebar-modal .custom-footer-sb {
        margin-top: 13px;
    }
    .modal .custom-popup-call h1 {
        margin: 15px 0;
    }
    .custom-box-left.bd-box {
        margin-left: 13p
    }
}

@media screen and (max-width: 767px) {
    .pc {
        display: none;
    }
    .sp {
        display: block !important;
    }
    #pc {
        display: none;
    }
    .mb {
        display: block;
    }
    .modal .custom-popup-call h1 {
        display: inline-block;
        padding-left: 11px;
    }
    .box-text-person-rc img {
        margin: 0 auto;
    }
    .modal .custom-popup-call {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 20px 0px 0;
    }
    .modal .custom-popup-call span{
  font-size: 17px;
  color: #ffffff;
}
    .modal .custom-popup-call p#color_phone {
        font-size: 15px;
        display: inline-block;
        width: 36%;
        line-height: 0;
        position: relative;
    }
    .modal .custom-popup-call p#color_phone::before {
        position: absolute;
        content: "0120-900-583";
        color: #fff;
        top: 0;
        left: -6px;
        width: 100%;
        line-height: 0;
    }
    .modal .custom-popup-call img {
        width: 7%;
        margin: 5px;
    }
    .modal .custom-content-sb img {
        width: 90%;
    }
    .modal .custom-footer-sb {
        margin: 15px 0 10px;
    }
    .modal {
        padding-top: 20px;
    }
    .modal .custom-title-sb p {
        font-size: 12px;
    }
    .box-phonenumber-sidebar a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-decoration: none;
    }
    .custom-sidebar .box-phonenumber-sidebar img {
        width: 17%;
        padding-right: 10px;
    }
    .custom-sidebar .box-phonenumber-sidebar span {
        font-size: 25px;
    }
    .custom-sidebar {
        position: inherit;
    }
    #sidebar .widget {
        height: auto !important;
    }
    .custom-sidebar-call {
        margin-bottom: 20px;
    }
    .custom-temp-popup .dln-sidebar .custom-sidebar {
        display: none;
    }
}

.custom-sidebar.fixed {
    position: fixed;
    top: 64px;
}


/*end popup template*/

.page-template-default p.post-meta.mb20 {
    display: none;
}

.flow-tel {
    font-size: 250%;
}


/*.navigation>div{
        display: block;
    padding: 1em;
    font-size: 16px;
}
.navigation span {
    color: #ddd;
    padding-right: 10px;
    margin-top: -4px;
    clear: left;
}
.navigation>div:hover {
    background: #eee;
}*/

table.basic-table td,
table.basic-table th {
    padding: 5px 10px;
}

table.basic-table,
table.basic-table td,
table.basic-table tr,
table.basic-table th {
    border-collapse: collapse;
    border: 1px solid;
}

table.basic-table {
    width: 100%;
}


/*test*/

#form .error-text {
    display: none;
    position: absolute;
    top: -35px;
    right: 0;
    padding: 5px 10px;
    background-color: rgb(253, 216, 219);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: rgba(50, 50, 50, 0.9);
    margin: 0;
    font-size: 11px;
}

#form .error-text:after {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -5px;
    content: '';
    border-top: 5px solid rgb(253, 216, 219);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.captcha-error {
    display: none;
    color: red;
}

#test-myForm .btn-test-submit {
    color: #fff;
    background-color: #f0ad4e;
    text-align: center;
    padding: 12px 10px 10px;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    position: relative;
    margin-bottom: 0;
    line-height: 1;
}

#test-myForm .btn-test-submit:after {
    position: absolute;
    content: url(//www.homepage-seisaku.jp/wp/wp-content/themes/simplicity2/inc/assets/../images/arrow_button.png);
    top: 50%;
    transform: translateY(-50%);
    padding-left: 10px;
    margin-top: -2px;
}


/*end test*/

table.basic-table td p span {
    margin: 0 15px 0 0;
}


/*custom-temp-sns*/

#sidebar .membership-sns a:hover:before {
    /* opacity: .8; */
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #ffffff;
    opacity: 0.2;
    left: 0;
    top: 0;
    /*cursor: pointer;*/
}

#sidebar .membership-sns a {}

@supports (-moz-appearance:none) {
    #sidebar .membership-sns a:hover {
        text-decoration: none;
        background: #fff;
        opacity: 1;
    }
}

#sidebar .membership-sns-head h3 {
    font-size: 26px;
    color: #fff;
    background: transparent;
    margin-bottom: 0;
    padding-bottom: 4px;
}

#sidebar .membership-sns a {
    text-decoration: none;
}

.membership-sns-head {
    line-height: 1;
    background-image: url('../images/bg-sidebar.jpg');
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-size: cover;
}

#sidebar .membership-sns {
    text-align: center;
    background: #2959ab;
    /*background-image: url('../images/bg-sidebar.jpg');*/
    padding: 4px;
    color: #fff;
    position: relative;
}

.membership-sns-body,
.membership-sns-foot {
    background: #fff;
}

.membership-sns-head p {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
}

.membership-sns-body {
    padding: 10px 10px 6px;
}

.membership-sns-body p {
    background: #12a73b;
    color: #fff;
    border-radius: 30px;
    box-shadow: 1px 2px #0a6e26;
    padding: 10px;
    margin-bottom: 5px;
    line-height: 1;
}

.membership-sns-body p img {
    margin-right: 5px;
}

#sidebar .membership-sns.fixed {
    position: fixed;
    top: 40px;
    width: 12.5%;
}

.membership-sns {
    display: none;
}

.custom-sns-temp .custom-sidebar {
    display: none;
}

.custom-sns-temp .membership-sns {
    display: block;
}

.box-foot-sns {
    background: #e7e7e7;
    padding: 10px 20px;
}

.box-foot-sns h2 {
    font-size: 24px;
    color: #2959ab;
    text-align: center;
}

.box-foot-sns ul {
    display: flex;
    align-items: center;
}

.box-foot-sns ul {
    display: flex;
    align-items: center;
    padding: 10px 30px;
    justify-content: space-around;
    flex-wrap: wrap;
}

.box-foot-sns ul li:first-child {
    width: 30%;
}

.box-foot-sns ul li:last-child {
    width: 55%;
    font-size: 16px;
}

.btn-temp-sns {
    font-size: 28px;
    color: #fff;
    text-decoration: none;
    background: #12a73b;
    padding: 13px 25px;
    border-radius: 30px;
    font-weight: bold;
    box-shadow: 1px 2px #0a6e26;
}

#show_post_sns p {
    line-height: 1;
}

.box-foot-sns p {
    line-height: 1;
    margin: 30px;
}

.btn-temp-sns img {
    margin-right: 10px;
    margin-bottom: 5px;
}

#show_post_sns {
    display: none;
    transform: translate(0px, 12px);
}

.btn-temp-sns:hover {
    color: #fff;
}

@media screen and (min-width: 768px) {
    .custom_inner830 {
        width: 830px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .box-foot-sns h2 {
        font-size: 19px;
    }
    .box-foot-sns ul {
        display: block;
        padding: 10px;
    }
    .box-foot-sns ul li:first-child {
        width: 100%;
        margin-bottom: 15px;
    }
    .box-foot-sns ul li:last-child {
        width: 100%;
    }
    .box-foot-sns {
        padding: 10px;
    }
    .btn-temp-sns {
        padding: 13px 20px;
        font-size: 18px;
    }
    .btn-temp-sns img {
        margin-right: 5px;
        margin-bottom: 0px;
    }
    .box-foot-sns p {
        margin: 15px;
    }
    .membership-sns-body p {
        font-size: 20px;
        padding: 12px 5px;
        line-height: 1;
    }
    .membership-sns-body p img {
        margin-right: 7px;
    }
    .custom_inner830 {
        width: 100%;
        margin: 0 auto;
    }
}


/*end-custom-temp-sns*/


/*start-form-download-tete-*/

.page-id-20845 #header-scroll {
    display: none;
}

.page-id-20851 .breadcrumb {
    display: none;
}

.mt-50 {
    margin-top: 50px;
}

form#formsend01 {
    margin-top: 50px;
}

.formTxt {
    font-size: 16px;
    padding: 30px 0;
}

.formTxt a {
    color: #25abb1;
    text-decoration: underline;
}

.formTable {
    width: 910px;
    margin: 0 auto;
}

.formTable table,
.formTable th,
.formTable td {
    text-align: left;
    vertical-align: top;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    font-weight: normal;
    font-style: normal;
}

.formTable th {
    padding: 15px 0 0;
    /*width: 230px;*/
    /*text-align: right;*/
    display: block;
    font-size: 18px;
}

.requiredOn {
    font-size: 18px;
    padding: 5px;
    background: #f00;
    color: #fff;
    margin: 0 20px;
    font-weight: bold;
    border-radius: 5px;
}

input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea {
    background-color: #f9f9f9;
    background-image: none;
    border: 1px solid #eee;
    border-radius: 4px;
    /* display: block; */
    font-size: 16px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    box-sizing: border-box;
}

.formText {
    font-size: 18px!important;
    padding: 10px!important;
    width: 600px;
    border-radius: 5px!important;
    border: 1px solid #b4b4b4!important;
    background: #fff!important;
}

.infoText {
    font-size: 12px;
    color: #f00;
}

.infoTextgray {
    font-size: 12px;
    color: #b4b4b4;
}

.requiredOff {
    font-size: 18px;
    padding: 5px;
    background: #b4b4b4;
    color: #fff;
    margin: 0 20px;
    font-weight: bold;
    border-radius: 5px;
}

.formTable .middle {
    vertical-align: middle;
    padding: 0;
}

.formTable td {
    padding: 10px 0;
    font-size: 18px;
    display: block;
}

.detailInput label {
    font-size: 16px;
}

.detailInput input {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle;
}

.formSubmit td {
    margin-left: 20%;
}

.formTable td select {
    font-size: 18px;
    padding: 10px 10px;
    width: 360px;
    border-radius: 5px;
    border: 1px solid #b4b4b4;
    background: #fff;
}

#send01 {
    width: 257px;
    height: 50px;
    background: url(../images/formBt_off.png) no-repeat 0 0;
    border: none;
    text-align: center;
    margin-top: 20px;
    text-indent: -99999px;
}

#modal.styled {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: #aaa #999 #888;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 3px 14px -4px #000;
    max-height: 350px;
    max-width: 405px;
    min-width: 100px;
    overflow: auto;
    padding: 12px 0 0;
    width: 95%;
}

#modal {
    box-sizing: border-box;
    display: none;
    left: 50%;
    position: fixed;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999999;
}

#modal .modal_conts {
    padding: 0 15px 15px;
    font-size: 18px;
}

#modal .bottom-sumbit {
    background: #ccc none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    right: 0;
    text-align: right;
}

#modal .bottom-sumbit button {
    cursor: pointer;
    padding: 8px 20px;
    background: #fff;
    border-radius: 3px;
}

#modal-background {
    background: #000 none repeat scroll 0 0;
    box-sizing: border-box;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

@media screen and (max-width: 640px) {
    .formTable {
        width: 100%;
        margin: 20px auto;
    }
    .formTable th,
    .formTable td {
        display: block;
        width: 100%;
        text-align: left;
    }
    .requiredOn,
    .requiredOff {
        padding: 0 5px;
        display: inline-block;
        font-size: 16px;
        margin: 0 10px;
    }
    .infoTextgray,
    .infoText {
        font-size: 11px;
    }
    form#formsend01 input[type=text],
    form#formsend01 input[type=url],
    form#formsend01 input[type=password],
    form#formsend01 input[type=email],
    form#formsend01 input[type=search],
    form#formsend01 input[type=tel],
    form#formsend01 textarea {
        width: 100%;
    }
    .formTable td select {
        width: 100%;
    }
    .formTable th {
        padding: 5px 0;
    }
    .formSubmit td {
        text-align: center;
        margin-left: inherit;
    }
}

@media only screen and (max-width: 1000px) {
    *,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
}


/*end-form-download-tete-*/

div.clear.center iframe {
    margin: 0 auto !important;
    /*padding-bottom: 15px;*/
}

div.clear.center {
    padding-bottom: 15px;
}

div.clear.center .twitter-tweet {
    margin: 10px auto;
}


/*custom-template-download*/

.mg-b3 {
    margin-bottom: 30px;
}

.mg-t3 {
    margin-top: 30px;
}

.mg-tb3 {
    margin: 30px 0;
}

.row_list {
    display: flex;
    justify-content: space-around;
    width: 100%;
    flex-wrap: wrap;
}

.row_list .box_of_list {
    /*position: relative;*/
    width: 30%;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow .1s ease-in;
}

.row_list .box_of_list:hover {
    box-shadow: 0 1px 8px rgb(0, 0, 0, 0.2);
}

.row_list .box_of_list h2.custom_h2_doc {
    margin-bottom: 0;
}

.row_list .box_of_list h2 {
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 20px;
    text-align: left;
}

.row_list .box_of_list h2 a {
    text-decoration: none;
}

.row_list .box_of_list .box_of_list_img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 200px;
    margin: 0 auto;
    padding-top: 10px;
}

.row_list .box_of_list .box_of_list_img img {
    max-height: 100%;
    flex-shrink: 0;
}

.row_list .box_of_list .entry-snippet {
    font-size: 14px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.box_of_list_content {
    padding: 0 20px;
    margin-bottom: 20px;
}

.btn-box_of_list a {
    background: #fff;
    padding: 12px 80px;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    text-decoration: none;
    position: relative;
}

.btn-box_of_list a:hover {
    background: #1f499f;
    opacity: 1;
    color: #fff;
    border: none;
}

.btn-box_of_list a:after {
    content: "＞";
    position: absolute;
    bottom: 50%;
    right: 50px;
    transform: translateY(50%);
}

.btn-box_of_list {
    margin-bottom: 25px;
}

.list .wp-pagenavi {
    text-align: center;
    margin-top: 20px;
}

.list .wp-pagenavi span.pages {
    display: none;
}

.category-256 #header-scroll {
    display: none;
}

.page-id-20845 .page-title {
    display: none;
}

.box_link_download p a {
    position: relative;
    font-size: 15px;
}


/*.box_link_download p a:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 3px;
    left: -15px;
    background: #000;
}*/

.box_link_download p span {
    font-size: 12px;
}

.box_link_download p a {
    text-decoration: none;
}

.box_link_download {
    margin-bottom: 50px;
}

.breadcrumb .breadcrumb-home a {
    text-decoration: underline;
}

.breadcrumb a {
    text-decoration: none;
}

.box_of_list_content .name_company {
    color: gray;
    text-align: left;
}

@media screen and (max-width: 740px) {
    .row_list .box_of_list {
        width: 100%;
    }
    .box_of_list_content .entry-snippet {
        height: auto !important;
    }
    .box_of_list_content {
        padding: 0 5px;
        margin-bottom: 20px;
    }
    .row_list .box_of_list h2 {
        margin-bottom: 20px;
    }
    .page-text-con.right {
        float: inherit;
        text-align: right;
        margin-bottom: 0;
    }
    .box_link_download {
        margin-bottom: -25px;
    }
}

@media screen and (max-width: 321px) {
    .btn-box_of_list a {
        padding: 12px 65px;
    }
}


/*end-custom-theme-download*/


/*star-custom-tete-14*/

.box_slidehow {
    height: 550px;
}

.center.slide_show_img {
    margin: 0 auto 0 auto;
    max-width: 90%;
    width: 700px;
}

.center.slide_show_img ul {
    display: flex;
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    justify-content: space-between;
}

.center.slide_show_img ul li:hover {
    cursor: pointer;
    opacity: 0.8;
}

.center.slide_show_img li {
    flex: 1 1 auto;
    margin: 0 8px;
}

.center.slide_show_img li: last-of-type {
    margin-right: 0;
}

.custom_img_pdf img {
    width: 35px;
}

.custom_img_pdf {
    text-align: right;
    margin-top: 20px;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .box_slidehow {
        height: auto;
    }
}


/*end-custom-tete-14*/


/* custom-post-request */

.mt-2 {
    margin-top: 20px;
}

.pr-main-post-land p {
    margin-bottom: 0;
}

.custom_inner770 {
    width: 770px;
    margin: 0 auto;
}

.custom_img_wp p {
    margin: 15px 0 10px 0;
    font-size: 22px;
    font-weight: 500;
}

.pr-main-top .custom_img_wp {
    margin-bottom: 35px;
}

.btn-link-pr {
    color: #00acff;
}

.pr-main-box {
    border: 1px solid #888;
    padding: 15px 60px;
    margin: 60px auto 0;
}

.pr-main-box h3 {
    text-align: center;
    border-bottom: 1px solid #888;
    padding-bottom: 15px;
    margin-bottom: 35px;
}

.pr-main-box p {
    margin-bottom: 0;
}

.pr-main-box p strong.red {
    text-decoration: underline;
}

.pr-main-benefit {
    margin-top: 95px;
}

.pr-main-benefit .h2-title {
    border-left: 0;
    font-size: 20px;
    border-bottom: 1px solid #888;
    padding-bottom: 18px;
}

.pr-main-benefit dl {
    display: flex;
    align-items: baseline;
    margin: 20px 0 0 0;
}

.pr-main-benefit dl dd h3 {
    margin-bottom: 10px;
}

.pr-main-benefit dl dd {
    margin-left: 10px;
}

.pr-main-benefit dl dt {
    text-align: center;
    margin-left: 22px;
}

.pr-main-benefit dl dt span {
    font-weight: 400;
    color: #888;
}

.mt-30 {
    margin-top: 30px;
}

.pr-main-post-land {
    margin: 85px 0 70px;
    counter-reset: section;
}

.pr-main-post-land .h2-title {
    border-left: 0;
    font-size: 20px;
    /*color: #198ac4;*/
    border-bottom: 1px solid #888;
    padding-bottom: 20px;
}

.pr-main-benefit dl dt img {
    margin-top: 10px;
}

.pr-main-post-land dl {
    display: flex;
    justify-content: center;
}

.pr-main-post-land dl dt {
    width: 100%;
    max-width: 170px;
}

.pr-main-post-land dl dd p a {
    font-size: 12px;
    color: #00acff;
}

.pr-main-post-land dl dd h3 {
    font-size: 20px;
    color: #198ac4;
    position: relative;
    padding-left: 70px;
}

.pr-main-post-land dl dd p {
    margin-bottom: 0;
}

.pr-main-post-land dl dd h3:before {
    position: absolute;
    counter-increment: section;
    content: counter(section);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    width: 54px;
    height: 54px;
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
    color: #fff;
    background: url(https://www.homepage-seisaku.jp/wp/wp-content/uploads/2020/10/bg-number.png) center center no-repeat;
    background-size: contain;
}

.client-list-ct {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 40px auto 0;
    padding: 0;
}

.client-list-ct li:nth-child(1) {
    background: url(../../images/cliant/client-img01.png) no-repeat center center;
}

.client-list-ct li:nth-child(2) {
    background: url(../../images/cliant/client-img02.png) no-repeat center center;
}

.client-list-ct li:nth-child(3) {
    background: url(../../images/cliant/client-img03.png) no-repeat center center;
}

.client-list-ct li:nth-child(4) {
    background: url(../../images/cliant/client-img04.png) no-repeat center center;
}

.client-list-ct li {
    position: relative;
    width: 48%;
    min-height: 300px;
    margin-top: 50px;
    margin-bottom: 40px;
    padding: 50px 20px 20px 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    box-sizing: border-box;
}

.client-number-ct {
    position: absolute;
    width: 90px;
    height: 90px;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 12px;
    text-align: center;
    font-size: 86%;
    font-weight: bold;
    color: #fff;
    background: rgb(32, 75, 159);
    background: linear-gradient(120deg, rgba(32, 75, 159, 1) 0%, rgba(38, 96, 183, 1) 100%);
    border-radius: 4px;
    box-sizing: border-box;
}

.client-number-ct span {
    display: block;
    font-size: 357%;
    line-height: 1;
}

.client-title-ct {
    font-size: 129%;
    line-height: 1.5;
}

.requiredOf {
    font-size: 18px;
    padding: 5px;
    background: #7d7d7d;
    color: #fff;
    margin: 0 20px;
    font-weight: bold;
    border-radius: 5px;
}

.ctoms-form-recruitment h2.title-form-recruitment {
    text-align: center;
    color: #00acff;
    font-size: 30px;
    letter-spacing: 3px;
}

.ctoms-form-recruitment .custom-formtable {
    width: 710px;
    margin: 0 auto;
}

.ctoms-form-recruitment .custom-formtable th {
    padding: 20px 0;
    width: 230px;
    text-align: right;
    font-size: 18px;
    vertical-align: top;
}

.ctoms-form-recruitment .custom-formtable td {
    /* width: 100px !important; */
    max-width: 400px;
}

.ctoms-form-recruitment select#contact_address_form_ct,
.ctoms-form-recruitment select#aspirations_form_ct,
.ctoms-form-recruitment select#content_request_form_ct {
    width: 245px;
    background-color: #fff;
    border: thin solid #b4b4b4;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 1em 3.5em 1em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #b1b1b1 50%), linear-gradient(135deg, #b1b1b1 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
    background-position: calc(100% - 25px) calc(1em + 5px), calc(100% - 15px) calc(1em + 5px), 100% 0px;
    background-size: 10px 10px, 10px 10px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

.ctoms-form-recruitment select#contact_address_form_ct:required:invalid {
    color: gray;
}

.ctoms-form-recruitment .detailInput label {
    font-size: 16px;
}

.ctoms-form-recruitment .formText {
    width: inherit;
}

.ctoms-form-recruitment #recruitment-form-submit {
    width: 257px;
    height: 50px;
    background: url(https://www.homepage-seisaku.jp/wp/wp-content/uploads/2020/10/formBt_off.png) no-repeat 0 0;
    border: none;
    text-align: center;
    margin-top: 20px;
    text-indent: -99999px;
}

.ctoms-form-recruitment .custom-formtable {
    width: 710px;
    margin: 0 auto;
}

.ctoms-form-recruitment .custom-formtable td input[type="text"],
.ctoms-form-recruitment .custom-formtable td input[type="tel"],
.ctoms-form-recruitment .custom-formtable td input[type="email"] {
    width: 100%;
}

.ctoms-form-recruitment .custom-formtable .formSubmit td {
    text-align: center;
}

.box-contact-footer {
    width: 550px;
}

.box-contact-footer {
    position: relative;
    margin: 0 auto;
    border: 1px solid #cdcdcd;
    padding: 15px 30px;
    border-radius: 5px;
    line-height: 1.1;
    margin-top: 40px;
    cursor: pointer;
}

.box-contact-footer-text,
.box-contact-footer-num {
    display: flex;
    margin: 0 auto;
    align-items: center;
}

.box-contact-footer-text,
.box-contact-footer-num {
    width: 600px;
}

.box-contact-footer-text span.contac-footer-label {
    padding: 5px;
    background: #f60;
    color: #fff;
    font-size: 13px;
    margin: 0 10px 0 0;
}

.box-contact-footer-text span {
    font-size: 28px;
    font-weight: 700;
}

.box-contact-footer-num span {
    font-size: 53px;
    color: red;
    padding-left: 15px;
    font-weight: 700;
}

.box-contact-footer:after {
    content: "";
    background: url(https://large-scale-repair.com/wp-content/uploads/2020/03/recruitment.png);
    width: 190px;
    height: 165px;
    position: absolute;
    bottom: 0;
    right: -54px;
}

.custom-txtde {
    text-decoration: none;
}

.ctoms-form-recruitment select#aspirations_form_ct:required:invalid {
    color: gray;
}

.ctoms-form-recruitment select#contact_address_form_ct:required:invalid {
    color: gray;
}

@media screen and (min-width: 768px) {
    .pr-main-benefit dl dt {
        min-width: 143px;
    }
}

@media screen and (max-width: 767px) {
    .custom_inner770 {
        width: 100%;
    }
    .pr-main-box {
        padding: 15px;
        margin: 30px auto 0;
    }
    .client-list li {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 20px;
        padding: 40px 20px 10px 20px;
    }
    .client-number {
        width: 80px;
        height: 80px;
        top: -40px;
        padding: 6px;
    }
    .pr-main-benefit dl {
        display: block;
        margin: 20px 0 0 0;
    }
    .pr-main-benefit dl dt span {
        display: block;
    }
    .pr-main-post-land dl {
        display: block;
        margin: 50px 0;
    }
    .pr-main-post-land dl dt {
        margin: 0 auto;
        text-align: center;
    }
    .pr-main-post-land dl dd {
        margin-left: 0;
    }
    .pr-main-post-land dl dd p {
        margin-top: 0;
    }
    .pr-main-post-land {
        margin: 50px 0 50px;
    }
    .pr-main-benefit {
        margin-top: 50px;
    }
    .pr-main-box h3 {
        margin-bottom: 25px;
    }
    .custom_img_wp p {
        font-size: 19px;
    }
    .client-list-ct {
        display: block;
        margin-top: 80px;
    }
    .client-list-ct li {
        width: 100%;
        padding: 50px 0 20px 0;
    }
    .ctoms-form-recruitment h2.title-form-recruitment {
        font-size: 22px;
    }
    .ctoms-form-recruitment .custom-formtable th {
        padding: 20px 0;
        width: 200px;
        text-align: right;
        font-size: 14px;
    }
    .ctoms-form-recruitment .custom-formtable {
        width: 100%;
        margin: 0 auto;
    }
    .box-contact-footer {
        width: 100%;
        padding: 10px;
    }
    .box-contact-footer-text,
    .box-contact-footer-num {
        width: auto;
    }
    .box-contact-footer:after {
        content: "";
        background: url(https://large-scale-repair.com/wp-content/uploads/2020/03/recruitment.png);
        background-size: cover;
        width: 90px;
        height: 100px;
        position: absolute;
        bottom: 0;
        right: -15px;
    }
    .box-contact-footer-text,
    .box-contact-footer-num {
        margin: 5px;
    }
    .box-contact-footer-text span.contac-footer-label {
        font-size: 10px;
    }
    .box-contact-footer-text span {
        font-size: 16px;
    }
    .box-contact-footer-num img {
        margin: 0 10px 0 0;
        width: 16%;
    }
    .box-contact-footer-num span {
        font-size: 28px;
        padding-left: 0;
    }
    .ctoms-form-recruitment .custom-formtable th {
        text-align: left;
        display: block;
    }
    .ctoms-form-recruitment .custom-formtable td {
        display: block;
    }
    .ctoms-form-recruitment select#contact_address_form_ct,
    .ctoms-form-recruitment select#aspirations_form_ct,
    .ctoms-form-recruitment select#contact_address_form_ct {
        width: 100%;
    }
}


/* end-custom-post-request */


/*custom-page-i-flag 933*/

.page-id-1005 .header-tel,
.template-normal .custom-sidebar,
.template-normal .box-form,
.page-id-1005 #header-scroll.is-fixed {
    display: none;
}


/*end-page-i-flag 933*/


/*===================upserver====================*/

a.custom-scroll-btn:visited {
    color: #fff;
}

.p-tb4 {
    padding: 40px 0;
}

.m-tb4 {
    margin: 40px 0;
}

.m-tb3 {
    margin: 30px 0;
}

.m-tb2 {
    margin: 20px 0;
}

.m-t3 {
    margin-top: 30px;
}

.m-t4 {
    margin-top: 40px;
}

.m-b3 {
    margin-bottom: 30px;
}

.m-b4 {
    margin-bottom: 40px;
}

.center {
    text-align: center;
}
#header {
    height: 140px;
    margin-bottom: 0;
    background: #fff;
}

#header .header-top {
    margin-bottom: 10px;
}

#container {
    background: #fff !important;
}

#container,
#navi ul,
.clearfix {
    display: block;
}

#header-in,
#navi-in,
#footer-in {
    /*width: 1080px;*/
    margin: 0 auto;
    padding: 0 0px;
    box-sizing: border-box;
}

#h-top {
    /*overflow: hidden;*/
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
}

.header-tel {
    float: left;
    margin-top: 6px;
    font-weight: bold;
}

.left {
    float: left;
}

.header-logo {
    width: 248px;
    height: auto;
}

.pc {
    display: inherit;
}

.right {
    float: right;
}

.header-tel-all {
    font-size: 86%;
}

.header-tel-all .all {
    display: inline-block;
    margin-right: 10px;
    padding: 0 5px;
    color: #fff;
    background: #ff6600;
}

.header-tel-all .hour {
    color: #ff6600;
}

.header-tel-num {
    font-size: 300%;
    line-height: 1;
    color: #ff0000;
}

.header-tel-num img {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

#header-scroll {
    display: none;
    position: fixed;
    height: 80px;
    bottom: -80px;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(255, 255, 255, .9);
    z-index: 50;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.custom-h #header-in {
    display: flex;
    justify-content: center;
}

.custom-scroll-btn {
    font-size: 190%;
    margin-left: 30px;
}

.header-scroll-btn,
.header-line-btn {
    position: relative;
    display: inline-block;
    float: right;
    margin-top: 8px;
    margin-left: 10px;
    padding: 0 60px;
    text-decoration: none;
    text-align: center;
    font-size: 129%;
    font-weight: bold;
    color: #fff;
    line-height: 60px;
    background: #ff6600;
    border-radius: 30px;
    box-shadow: 2px 2px 0px 0px #9d3f00;
}

.header-scroll-btn::after,
.header-line-btn::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header-nav {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    list-style: none;
    text-align: center;
    /* margin: 4px auto; */
    padding: 0;
}

.header-nav li {
    width: 100%;
    border-left: 1px solid #eeeeee;
}

.header-nav li:last-child {
    border-right: 1px solid #eeeeee;
}

.header-nav li a {
    display: flex !important;
    align-items: center;
    height: 55px;
    position: relative;
    text-decoration: none;
    font-weight: bold;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.header-nav li a span {
    position: relative;
}

.header-nav li a span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: -10px;
    left: 0;
    right: 0;
    background: #204b9f;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.sp {
    display: none;
}

#mobile-menu {
    display: none;
}

#top-main {
    width: 100%;
    height: 545px;
    background: #1f499f url(../../images/top/main-bg1.jpg) no-repeat center right / cover;
    overflow: hidden;
}


/*content*/

.bg-color {
    background: #f5faff;
}

.main-visual {
    display: flex;
    justify-content: space-between;
}

.main-content-list {
    display: flex;
    margin: 20px 0 0;
}

.main-content-list .step1 {
    background: url('../../images/top/step1-contact.png') center center no-repeat;
    background-size: contain;
    width: 172px;
}

.main-content-list .step2 {
    background: url('../../images/top/step2-contact.png') center center no-repeat;
    background-size: contain;
    width: 175px;
}

.main-content-list .step3 {
    background: url('../../images/top/step3-contact.png') center center no-repeat;
    background-size: contain;
    width: 175px;
}

.main-content-list li {
    padding: 15px 10px;
    position: relative;
    margin: 0 25px;
}

.main-content-list li p {
    color: #fff;
    font-size: 19px;
    margin: 10px 0 13px;
}

.main-content-list li img {
    height: 63px;
}

.main-content-list li:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 30px;
    background: url(../../images/top/ico-arr.png)no-repeat center;
    background-size: 100% auto;
    top: 50%;
    bottom: 0;
    right: -37px;
    transform: translateY(-50%);
}

.main-content h2 {
    position: relative;
    font-size: 60px;
    color: #fff;
    padding-top: 5px;
    line-height: 1.34;
    text-align: left;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .6);
    margin-bottom: 43px;
}

.main-content h2 .tag1 {
    font-size: 50px;
}

.main-content p {
    font-size: 26px;
    color: #fff;
    margin-bottom: 10px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .6);
}

.main-content>p {
    margin-bottom: 24px;
}

.main-content h2:after {
    content: "";
    position: absolute;
    background: url(../../images/top/nationwide-support.png) center center no-repeat;
    background-size: contain;
    width: 177px;
    height: 69px;
    top: 23px;
    right: 0px;
    z-index: 9;
}

.main-form .step-form .form-group input,
.main-form .step-form .form-group select {
    color: #666;
}

.content-jp-map-top {
    background: url('../../images/top/jp-map.png') center center no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    padding-top: 30px;
    margin-bottom: 30px;
    height: 550px;
}

.list-area-jp {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    justify-content: space-around;
    margin: 50px 0;
}

.list-area-jp li {
    width: 28%;
    text-align: center;
}

.list-area-jp li h3 {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    display: inline-block;
    border-bottom: 4px solid #204b9f;
    padding-bottom: 5px;
}

.list-area-jp li p {
    text-align: left;
    line-height: 1.9;
}

.list-area-jp li p a {
    color: #000;
    position: relative;
    margin: 0 10px;
    display: inline-block;
    text-decoration: none;
}

.list-area-jp li p a:hover {
    opacity: 0.6;
}

.btn-more-detail,
.read-more-post {
    background: #204b9f;
    border-radius: 30px;
    color: #fff;
    padding: 15px 110px;
    max-width: 355px;
    text-decoration: none;
}

.btn-search-top {
    background: #204b9f;
    border-radius: 30px;
    color: #fff;
    padding: 15px 100px;
    max-width: 355px;
    text-decoration: none;
}

.btn-more-detail:hover,
.btn-search-top:hover {
    color: #fff;
    opacity: 0.8;
}

.btn-more-detail:visited,
.btn-search-top:visited,
.read-more-post:visited {
    color: #fff !important;
}

.list-industry {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.list-industry li {
    width: 16%;
    text-align: center;
    color: #0cf;
    font-weight: 600;
    margin-bottom: 20px;
}

.list-industry li img {
    margin-bottom: 15px;
}

.list-industry li a {
    text-decoration: none;
}

.list-industry li a:hover {
    /*text-decoration: underline;*/
    opacity: 0.8;
}

.list-industry li a:visited {
    color: #000;
}

.footer-flow-btn:visited {
    color: #fff !important;
}

.list-industry li p {
    display: block;
    color: #000;
    font-weight: 400;
    text-decoration: none;
}

.list-company-production {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.list-company-production li {
    width: 23%;
    text-align: center;
}

.list-company-production li a {
    color: #000;
    text-decoration: none;
}

.list-company-production li a:hover {
    opacity: 0.8;
}

.box-top-search {
    padding: 40px 25px;
    background: #fff;
    border: 5px solid #f4f4f4;
    text-align: center;
}

.box-top-search h3 {
    color: #000;
}

.box-top-search input {
    width: 100%;
    background: #f9f9f9;
    padding: 10px;
}

.top-staff-list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.top-staff-list li {
    width: 32%;
}

.top-staff-img {
    float: left;
    margin-right: 20px;
}

.top-staff-list li h3 {
    clear: none;
}

.top-staff-name {
    margin: auto;
    margin-bottom: 4px;
    font-size: 100%;
    color: #204b9f;
    font-weight: bold;
}

.top-staff-text {
    display: table;
    line-height: 1.9;
}

.footer-flow-btn:hover {
    box-shadow: none;
    top: 2px;
    left: 2px;
    color: #fff;
}

.list-notes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.list-notes li h3 {
    color: #000;
    font-size: 20px;
    background: #e1f0ff;
    padding: 5px;
    margin: 0;
}

.list-notes li h3 a {
    text-decoration: none;
}

.list-notes li {
    border: 1px solid #bababa;
    background: #fff;
    border-radius: 9px;
    padding: 15px 15px 0;
    margin: 10px;
    width: 28%;
    text-align: center;
}

.content-list-notes p:before {
    position: absolute;
    content: "";
    border-radius: 50%;
    width: 4px;
    height: 4px;
    background: #000;
    bottom: 5px;
    left: 0;
}

.content-list-notes {
    padding: 0 20px;
}

.content-list-notes p {
    position: relative;
    margin-bottom: 0;
    text-align: left;
    padding: 0 0 0 10px;
    line-height: 1;
}

.list-notes li p a:visited {
    color: #000;
}

.list-notes li .btn-read-more a {
    width: 100%;
    display: block;
    padding: 10px;
    text-decoration: none;
}

.list-notes li p a:hover {
    text-decoration: underline;
}

.content-list-notes p a {
    text-decoration: none;
}

.list-notes li .btn-read-more {
    border: 1px solid #bababa;
    border-radius: 50px;
}

.point-request {
    counter-reset: number;
    position: relative;
}

.list-point-request li h3 {
    position: relative;
}

.list-point-request li h3:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    border-radius: 50%;
    display: inline-block;
    background: #204b9f;
    text-align: center;
    color: white;
    left: 0;
    width: 50px;
    height: 50px;
}

.list-point-request li h3 {
    color: #204b9f;
    font-size: 26px;
    padding-left: 60px;
    line-height: 2;
}

.entry-read-n i {
    margin-right: 5px;
    color: #3491ef;
}

.title-form {
    font-size: 30px;
    color: #fee402;
    margin: 5px 0;
}

.main-form .title-form {
    margin-bottom: 9px;
}

.main-form #form {
    background: rgba(32, 75, 159, 0.7);
    padding: 15px 20px 20px;
    border-radius: 10px;
}

.main-form .step-form .form-group input,
.main-form .step-form .form-group select {
    width: 100%;
    margin: 10px 0;
    font-size: 14px;
    padding: 10px 10px 10px 50px;
    border-radius: 0px;
    height: 48px;
}

.main-form .step-form .form-group {
    position: relative;
}

.main-form .step-form .form-group:before {
    content: "";
    position: absolute;
    width: 29px;
    height: 35px;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.main-form .step-form .form-group:nth-child(2):before {
    background: url(../../images/top/hv01.jpg) no-repeat;
    background-size: 100% auto;
}

.main-form .step-form .form-group:nth-child(3):before {
    background: url(../../images/top/hv02.png) no-repeat;
    background-size: 100% auto;
}

.main-form .step-form .form-group:nth-child(4):before {
    background: url(../../images/top/hv03.png) no-repeat;
    background-size: 100% auto;
}

.main-form .step-form .form-group:nth-child(5):before {
    background: url(../../images/top/hv04.png) no-repeat;
    background-size: 100% auto;
}

.main-form .step-form .form-group:nth-child(6):before {
    background: url(../../images/top/hv05.png) no-repeat;
    background-size: 100% auto;
}

button.submit-form.next-step {
    position: relative;
    display: inline-block;
    border: none;
    padding: 4px 70px;
    margin-top: 10px;
    width: 100%;
    text-decoration: none;
    font-size: 120%;
    font-weight: bold;
    color: #fff;
    line-height: 45px;
    background: #ff6600;
    border-radius: 5px;
}

button.submit-form.next-step:hover {
    opacity: 0.8;
    cursor: pointer;
}

button.submit-form.next-step::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    bottom: 0;
    padding-left: 0;
    right: 40px;
    margin: auto;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.main-form {
    padding: 25px 0 0;
    width: 37%;
}

.main-visual .main-content {
    width: 62%;
    /*padding-right: 40px;*/
}

.main-content-list li:last-child:after {
    display: none;
}

.btn-search-top .fa-search {
    margin-right: 5px;
}


/*menu*/

#header .menu {
    display: flex;
    justify-content: center;
}

#header .header-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1080px;
    background: #fff;
    position: relative;
}

#header .header-nav li {
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#header .header-nav .sub {
    cursor: pointer;
}

#header .header-nav li a,
#header .header-nav li .btn-sub {
    font-size: 12px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    color: #000;
}

#header .header-nav li a span {
    position: relative;
    transition: color .3s;
    line-height: 2;
}

#header .header-nav li a span::after,
#header .header-nav li .btn-sub::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -7px;
    width: 60%;
    height: 2px;
    opacity: 0;
    background-color: #204b9f;
    transform: translate(-50%, 0);
    transition: all .3s ease-in-out
}

#header .header-nav li:hover span {
    color: #204b9f;
}

#header .header-nav li:hover {
    cursor: pointer;
}

#header .header-nav li:hover span::after,
#header .header-nav li:hover .btn-sub::after {
    width: 110%;
    opacity: 1;
}

.custom-scroll-btn {
    font-size: 190%;
    margin-left: 30px;
}

#footer a:hover {
    opacity: 0.7;
    text-decoration: none;
}

#header .header-nav .sub-menu {
    width: 100%;
    background: #fff;
    overflow: hidden;
    /*transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);*/
    cursor: default;
    z-index: 999;
}

#header .header-nav .sub-menu ul li {
    height: 50px;
    border-left: 0;
    padding: 0 10px;
    border-bottom: 1px solid #eee;
}

#header .header-nav .sub-menu ul li a {
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    padding: 0 .5em;
    transition: all .3s ease;
    line-height: 26px;
}

#header .header-nav .sub-menu ul li img {
    width: 100%;
    max-width: 25px;
    margin-right: 10px;
}


/*----------------------- page area search naka ------------------*/

.area-ttl1 {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
    margin: 50px 0 10px;
}

h1.area-ttl {
    font-size: 32px;
    color: #204b9f;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
    /*margin: 30px 0 40px;*/
    margin: 0 0 40px 0;
}

#area-search {
    padding: 0 0 90px;
}

#area-search .inner {
    max-width: 1080px;
}

#area-search #form-check {
    margin-top: 50px;
}

#area-search .check-frame {
    width: 100%;
    margin-bottom: 30px;
}

#area-search .btn-search {
    margin: 40px auto 0;
}

#search-naka .n-result {
    font-size: 24px;
    font-weight: 700;
    color: #1f499f;
    letter-spacing: 0.05em;
    margin: 0 20px 0 5px;
}

#search-naka .box-result {
    margin: 15px 0 0;
}

#search-naka .result-frame {
    height: auto;
    border: 3px solid #ede9e7;
    padding: 28px;
    margin-bottom: 53px;
}

#search-naka .result-frame .title {
    display: flex;
    align-items: center;
    margin: 0 0 25px;
}

#search-naka .result-frame .s-img {
    max-width: 304px;
    width: 100%;
    height: 173px;
    overflow: hidden;
    border: 3px solid #f3f3f3;
    flex-shrink: 0;
    margin-right: 20px;
}

#search-naka .result-frame .re-ttl {
    font-size: 20px;
    line-height: 1.75;
    margin: 0 0 5px;
}

#search-naka .re-content {
    margin: 30px 0 25px;
}

#search-naka .re-content .list-tag {
    font-size: 14px;
}

#search-naka .re-content li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#search-naka .re-content .re-ttl1 {
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 115px;
    flex-shrink: 0;
    margin: 0;
}

#search-naka .re-content .re-ttl1 span {
    margin-left: 5px;
}

#search-naka .re-content .tag {
    display: inline-block;
    width: auto;
    height: auto;
    background: #204b9f;
    border-radius: 4px;
    line-height: 1;
    color: #fff;
    padding: 7px 10px;
    margin: 0 10px 10px 0;
}


/*[if IE]*/

@media screen and (min-width:0\0) and (min-resolution:+72dpi) {
    #search-naka .re-content .tag {
        padding: 6px 10px 8px;
    }
}


/*[endif]*/

.c-feature {
    display: flex;
    align-items: center;
    background: #f2f8ff;
    padding: 15px 28px;
}

.c-feature .fea-ttl {
    width: auto;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    flex-shrink: 0;
    margin: 0 20px 0 0;
}

.c-feature .fea-ttl span {
    display: block;
    font-size: 31px;
}

.c-feature .fea-cont li {
    position: relative;
    padding-left: 20px;
}

.c-feature .fea-cont {
    margin: 0;
}

.c-feature .fea-cont li::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/area-search/ico-05.png)no-repeat center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 7px;
}

#search-naka .moreinfo-btn {
    max-width: 249px;
    height: 47px;
    background: #fff;
    border-radius: 25px;
    border: 2px solid #204b9f;
    transition: all .35s;
    margin: 22px auto 0;
}

#search-naka .moreinfo-btn a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    transition: all .35s;
}

#search-naka .box-intro {
    border: 3px solid #204b9f;
    padding: 29px 23px 24px;
}

#search-naka .box-intro .h2-title {
    margin: 0 0 15px;
}

#search-naka .box-intro .intro-list {
    position: relative;
    margin-top: 13px;
}

#search-naka .box-intro .intro-list::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/area-search/ico-05.png)no-repeat center;
    background-size: contain;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}

#search-naka .sum-company {
    margin-top: 70px;
}

#search-naka .sum-company .sum-ttl {
    font-size: 32px;
    color: #204b9f;
    letter-spacing: 0.05em;
    margin: 0 0 50px;
}

#search-naka .sum-company .h2-title {
    margin: 0 0 25px;
}

#search-naka .sum-company .sum-cont {
    margin-bottom: 65px;
}

#search-naka .sum-company .center {
    text-align: center;
    margin-top: 80px;
}

#search-naka .widget.fixed {
    position: fixed;
    top: 64px;
    max-width: 254px;
    z-index: 9;
}

#search-naka .custom-sidebar.fixed {
    position: static;
}

.criteria-sidebar {
    border: 3px solid #204b9f;
    margin-bottom: 25px;
}

.criteria-sidebar .cri-ttl {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #204b9f;
    border-radius: 0;
    padding: 8px 0;
    margin: 0;
}

#sidebar .criteria-sidebar .cri-ttl {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #204b9f;
    border-radius: 0;
    padding: 8px 0;
    margin: 0;
}

.criteria-sidebar .cri-cont {
    background: #f2f8ff;
    padding: 10px 10px 12px;
}

.criteria-sidebar .cri-frame {
    background: #fff;
    border-radius: 5px;
    padding: 10px 8px 18px;
}

.criteria-sidebar .cri-frame .cri-text {
    max-height: 39px;
    font-size: 12px;
    line-height: 1.5;
    transition: max-height .8s;
    overflow: hidden;
    margin: 0;
}

.criteria-sidebar .cri-frame.fullheight .cri-text {
    max-height: 200px;
}

.criteria-sidebar .cri-btn {
    font-size: 12px;
    text-align: center;
    margin: 10px 0 0;
}

.criteria-sidebar .cri-btn p {
    display: inline-block;
    max-width: 70px;
    color: #0089fc;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
}

.criteria-sidebar .cri-btn p::after {
    content: "";
    width: calc(100% - 21px);
    height: 1px;
    background: #0089fc;
    position: absolute;
    bottom: 3px;
    left: 17px;
}

.criteria-sidebar .cri-btn .txt1,
.criteria-sidebar .cri-btn .txt2 {
    display: none;
    transition: all .8s;
}

.criteria-sidebar .cri-btn .txt1.active,
.criteria-sidebar .cri-btn .txt2.active {
    display: inline-block;
}

.criteria-sidebar .cri-btn i {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/area-search/ico-06.png)no-repeat center;
    background-size: contain;
    position: relative;
    top: 4px;
    margin-right: 3px;
}

.criteria-sidebar .cri-frame.fullheight .cri-btn i {
    background: url(../images/area-search/ico-08.png)no-repeat center;
    background-size: contain;
}

.cri-num {
    font-size: 16px;
    color: #204b9f;
    font-weight: 700;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    padding: 8px 0;
    margin: 13px 0;
}

.criteria-sidebar .narrow-btn {
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 10px 0;
}

.criteria-sidebar .narrow-btn p {
    display: inline-block;
    color: #0089fc;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
}

.criteria-sidebar .narrow-btn p::after {
    content: "";
    width: calc(100% - 15px);
    height: 1px;
    background: #0089fc;
    position: absolute;
    bottom: 3px;
    left: 0;
}

.criteria-sidebar .narrow-btn i {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../images/area-search/ico-07.png)no-repeat center;
    background-size: contain;
    position: relative;
    top: 3px;
    margin-left: 3px;
}

#search-naka #modal-view {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#search-naka #modal-view.active {
    display: flex;
}

#modal-view .modal-block {
    max-width: 1050px;
    width: 80%;
    height: 734px;
    background: #fff;
    padding: 20px 15px 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#modal-view .modal-block .m-ttl {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #204b9f;
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 15px;
    margin: 0 0 18px;
}

#modal-view .modal-block .modal-cont {
    width: 100%;
    height: 523px;
    overflow-y: scroll;
    background: #f7f7f7;
    padding: 18px 0;
}

#modal-view .modal-block .check-frame {
    max-width: 980px;
    margin: 0 0 20px 27px;
}

#modal-view .modal-block .check-frame:last-child {
    margin-bottom: 0;
}

.check-frame .check-ttl {
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #204b9f;
    background: #fff;
    cursor: pointer;
    padding: 0 30px 0 20px;
}

.check-frame .check-ttl1 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #204b9f;
    position: relative;
    padding-left: 60px;
    margin: 0;
}

.check-frame.active .check-ttl1 {
    color: #fff;
}

.check-frame .check-ttl1::before {
    content: "";
    height: 43px;
    width: 43px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.check-frame .check-ttl1.tt1::before {
    background: url(../images/area-search/m-ico1-b.png)no-repeat center;
    background-size: contain;
}

.check-frame.active .check-ttl1.tt1::before {
    background: url(../images/area-search/m-ico1-w.png)no-repeat center;
    background-size: contain;
}

.check-frame .check-ttl1.tt2::before {
    background: url(../images/area-search/m-ico2-b.png)no-repeat center;
    background-size: contain;
}

.check-frame.active .check-ttl1.tt2::before {
    background: url(../images/area-search/m-ico2-w.png)no-repeat center;
    background-size: contain;
}

.check-frame .check-ttl1.tt3::before {
    background: url(../images/area-search/m-ico3-b.png)no-repeat center;
    background-size: contain;
}

.check-frame.active .check-ttl1.tt3::before {
    background: url(../images/area-search/m-ico3-w.png)no-repeat center;
    background-size: contain;
}

.check-frame .check-ttl1.tt4::before {
    background: url(../images/area-search/m-ico4-b.png)no-repeat center;
    background-size: contain;
}

.check-frame.active .check-ttl1.tt4::before {
    background: url(../images/area-search/m-ico4-w.png)no-repeat center;
    background-size: contain;
}

.check-frame .minus,
.check-frame .plus {
    display: none;
    cursor: pointer;
}

.check-frame .minus.active,
.check-frame .plus.active {
    display: flex;
    align-items: center;
}

.check-frame .check-cont {
    display: none;
    background: #f2f8ff;
    position: relative;
    border: 3px solid #204b9f;
    border-top: none;
    padding: 20px;
}

.check-frame:first-child .check-cont {
    display: block;
}

#modal-view .check-frame:first-child .check-cont {
    display: block;
}

.check-frame .check-cont .check-input {
    display: flex;
    margin-bottom: 5px;
}

.check-frame .check-cont .title {
    max-width: 150px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    font-size: 16px;
    line-height: 2;
    font-weight: 400;
    margin-right: 5px;
}

.check-frame .check-cont .title p {
    text-align: center;
    padding: 0 5px;
    margin: 0;
}

.check-frame .list-items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    padding: 10px 30px;
    margin: 0;
}

.check-frame .list-items li {
    width: 24%;
    display: flex;
    align-items: center;
    margin: 8px 1.25% 8px 0;
}

.check-frame .list-items li:nth-child(4n) {
    margin: 8px 0;
}

.check-frame .list-items.list-items1 li {
    width: 32.5%;
    margin: 8px 0;
}

.check-frame .list-items.list-items1 li:nth-child(3n) {
    margin: 8px 1.25% 8px 0;
}

.check-frame .check-cont input[type="checkbox"] {
    width: 26px;
    height: 26px;
    cursor: pointer;
    opacity: 0;
    flex-shrink: 0;
    margin: 0;
}

.check-frame .list-items .item {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    color: #0089fc;
    font-weight: 400;
    position: relative;
    margin: 0 0 0 9px;
}

.check-frame .list-items .item::before {
    content: "";
    width: 22px;
    height: 22px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
    transition: all .3s;
    pointer-events: none;
}

.check-frame .list-items .item::after {
    content: "";
    width: 14px;
    height: 12px;
    background: url(../images/area-search/ico-check.png)no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: -28px;
    transform: translateY(-50%);
    opacity: 0;
    transition: all .3s;
    pointer-events: none;
}

.check-frame .list-items .item span {
    padding-bottom: 2px;
}

.check-frame .check-cont input[type="checkbox"]:checked+.item span {
    border-bottom: 1px solid #0089fc;
}

.check-frame .check-cont input[type="checkbox"]:checked+.item::before {
    border: 2px solid #204b9f;
}

.check-frame .check-cont input[type="checkbox"]:checked+.item::after {
    opacity: 1;
}

.check-frame.active .check-ttl {
    background: #204b9f;
}

.btn-search {
    max-width: 527px;
    width: 100%;
    height: 55px;
    background: #204b9f;
    border-radius: 30px;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
}

.btn-search p {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: #fff;
    letter-spacing: 0.05em;
    text-decoration: none;
    cursor: pointer;
    margin: 0;
}

.btn-search i {
    width: 27px;
    height: 27px;
    background: url(../images/area-search/ico-search.png)no-repeat center;
    background-size: contain;
    margin-right: 5px;
}

#modal-view .btn-search {
    margin: 27px auto 0;
}

#modal-view .close-modal {
    position: absolute;
    top: 18px;
    right: 25px;
    cursor: pointer;
}

.c-block-txt {
    background: #ededed;
    text-align: center;
    padding: 75px 0;
    margin-bottom: 50px;
}

.table-tag {
    border-spacing: 0;
}

.table-tag th,
.table-tag td {
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #eeeeee;
    border-bottom: none;
    padding: 20px;
}

.table-tag .tag {
    display: inline-block;
    width: auto;
    height: auto;
    background: #204b9f;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    line-height: 1;
    padding: 7px 7px;
    margin: 0 10px 10px 0;
}

@media screen and (min-width:0\0) and (min-resolution:+72dpi) {
    .table-tag .tag {
        padding: 6px 7px 8px;
    }
}

.table-tag tr:last-child th,
.table-tag tr:last-child td {
    border-bottom: 1px solid #eeeeee;
}

.table-tag th {
    width: 25%;
    background: #e4e4e4;
}


/*-----------------------------------------------------------*/

@media screen and (max-width: 1100px) {
    .main-content-list li {
        margin: 0 2.273vw;
    }
    .main-content-list li:after {
        right: -3.364vw;
    }
}

@media screen and (min-width: 1001px) {
    #search-naka .moreinfo-btn:hover {
        background: #204b9f;
        color: #fff;
    }
    #search-naka .moreinfo-btn:hover a {
        color: #fff;
        opacity: 1;
    }
    .criteria-sidebar .cri-btn p:hover::after {
        content: none;
    }
    .criteria-sidebar .narrow-btn p:hover::after {
        content: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    .main-content h2:after {
        content: "";
        position: absolute;
        background: url(../../images/top/nationwide-support.png) center center no-repeat;
        background-size: contain;
        width: 110px;
        height: 50px;
        top: 0px;
        right: 30px;
        z-index: 9;
    }
    .main-content h2 {
        font-size: 27px;
    }
    .main-content h2 .ct-title-sp {
        font-size: 25px !important;
    }
    .main-content p {
        font-size: 19px;
    }
    .main-content-list .step1,
    .main-content-list .step2,
    .main-content-list .step3 {
        width: 115px;
    }
    .main-content-list li p {
        font-size: 12px;
    }
    .main-content h2:after .main-content-list li img {
        height: 30px;
    }
    .main-content {
        width: 55%;
    }
    .title-form {
        font-size: 18px;
    }
    button.submit-form.next-step {
        padding: 0px 10px;
        width: 100%;
        font-size: 81%;
    }
    button.submit-form.next-step::after {
        right: 20px;
    }
    .main-visual {
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
    }
    .main-content-list {
        display: flex;
        justify-content: space-between;
    }
    #header .header-nav li a,
    #header .header-nav li .btn-sub {
        font-size: 10px;
        position: relative;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        color: #000;
    }
    .list-industry {
        padding-left: 0;
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .list-industry li {
        width: 15%;
    }
    .list-notes li {
        width: 30%;
        text-align: center;
    }
    .list-notes li h3 {
        font-size: 13px;
    }
    .content-list-notes p {
        font-size: 15px;
    }
    .content-list-notes {
        min-height: 75px;
    }
}

@media screen and (min-width: 768px) {
    .inner {
        max-width: 1100px;
        margin: auto;
        padding: 0 10px;
    }
    #header-in,
    #navi-in,
    #footer-in {
        max-width: 1080px;
        margin: 0 auto;
        padding: 0 0px;
        box-sizing: border-box;
    }
    #header .header-nav li a:hover,
    #header .header-nav li .btn-sub:hover {
        color: #204b9f;
    }
    #header .header-nav .sub-menu {
        position: absolute;
        top: 55px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
    }
    #header .header-nav .sub:hover .sub-menu {
        opacity: 1;
        visibility: visible;
    }
}

#header .header-nav .sub-menu ul li img.icon-color {
    position: absolute;
    left: 6px;
    z-index: -1;
}

#header .header-nav .sub-menu ul li:hover img.thumbnail {
    z-index: -1
}

#header .header-nav .sub-menu ul li:hover img.icon-color {
    z-index: 1;
}


/*end-menu*/

.header-scroll-btn:hover,
.header-line-btn:hover {
    opacity: 1;
    top: 2px;
    left: 2px;
    color: #fff;
    box-shadow: 0px 0px 0px 0px #9d3f00;
}


/*end-content*/

.top-main-btn,
.footer-flow-btn {
    position: relative;
    display: inline-block;
    padding: 0 120px;
    text-decoration: none;
    font-size: 129%;
    font-weight: bold;
    color: #fff;
    line-height: 60px;
    background: #ff6600;
    border-radius: 30px;
    box-shadow: 2px 2px 0px 0px #9d3f00;
}

.footer-flow-btn::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.footer-flow-btn a {
    color: #fff;
}

.footer-navi-title i {
    margin-right: 10px;
}

#footer-promise {
    padding: 60px 0;
    background: #f9f9f9;
}

.inner {
    max-width: 1100px;
    margin: auto;
    padding: 0 10px;
}

.top-title {
    margin: 0 0 40px 0;
    padding: 0 0 10px 0;
    font-size: 200%;
    color: #204b9f;
    border-bottom: 1px solid #bfbfbf;
    font-weight: bold;
}

.footer-promise-list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    list-style: none;
    margin: auto;
    padding: 0;
}

.footer-promise-list li {
    position: relative;
    width: 350px;
    margin-top: 50px;
    padding: 50px 30px 20px 30px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    box-sizing: border-box;
}

.footer-promise-number {
    position: absolute;
    width: 96px;
    height: 96px;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 12px;
    text-align: center;
    font-size: 86%;
    font-weight: bold;
    color: #fff;
    background: rgb(32, 75, 159);
    background: linear-gradient(120deg, rgba(32, 75, 159, 1) 0%, rgba(38, 96, 183, 1) 100%);
    border-radius: 4px;
    box-sizing: border-box;
}

.footer-promise-title {
    font-size: 129%;
    line-height: 1.5;
}

.footer-promise-number span {
    display: block;
    font-size: 357%;
    line-height: 1;
}

#footer-flow {
    padding: 60px 0;
    background: #fff;
}

.footer-flow-list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    list-style: none;
    margin: auto;
    margin-bottom: 40px;
    padding: 0;
}

.footer-flow-list li {
    position: relative;
    width: 230px;
    border: 4px solid #204b9f;
    border-radius: 4px;
    box-sizing: border-box;
}

.footer-flow-box {
    position: relative;
    height: 180px;
    background: #204b9f;
}

.footer-flow-text {
    margin: auto;
    padding: 20px;
}

.footer-flow-list li:not(:last-child) .footer-flow-box::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -56px;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 30px 0 30px 52px;
    border-color: transparent transparent transparent #ffffff;
    z-index: 5;
}

.footer-flow-title {
    font-size: 129%;
    line-height: 1.5;
    color: #fff;
    margin: auto;
    padding: 10px 0;
    font-weight: bold;
}

.footer-flow-box img {
    position: absolute;
    display: block;
    top: 32px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.footer-flow-list li:not(:last-child) .footer-flow-box::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -51px;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 20px 0 20px 34px;
    border-color: transparent transparent transparent #3491ef;
    z-index: 10;
}

#footer {
    clear: both;
    padding: 60px 0 80px;
    background-color: #1f499f;
    color: #fff;
}

.clear {
    clear: both;
}

.footer-link i {
    margin-right: 10px;
}

#footer a {
    color: #fff;
}

.footer-table {
    margin-top: 20px;
    margin-bottom: 60px;
    font-size: 86%;
}

.footer-table td {
    padding-right: 30px;
}

.footer-navi-title {
    font-size: 129%;
    margin: auto;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: #fff;
    border-bottom: 1px solid #bfbfbf;
    font-weight: bold;
}

#copyright {
    padding: 20px 0;
    font-size: 80%;
    text-align: center;
    border-top: 1px solid #bfbfbf;
}

.footer-navi-box {
    float: left;
    margin-bottom: 60px;
    margin-right: 68px;
}

table {
    margin: inherit;
    width: inherit;
}

#page-top {
    position: absolute;
    /*display: none;*/
    right: 20px;
    bottom: 90px;
    z-index: 10;
}

#page-top a {
    color: #fff;
    padding: 16px 32px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
    background-color: #3491ef;
    line-height: 100%;
    border-radius: 4px;
    font-size: 11px;
}

#page-top:hover {
    opacity: 0.8;
}

.list-notes li .btn-read-more a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.read-more-post:hover {
    opacity: 0.8;
}

.entry-read-n a:hover {
    opacity: 0.8;
    text-decoration: none;
    color: #000;
}

.ct-btn-contact {
    display: none;
}

@media screen and (max-width: 767px) {
    .sp-nav-btn.active span:nth-child(1) {
        top: 16px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .sp-nav-btn.active span:nth-child(2) {
        height: 0;
    }
    .sp-nav-btn.active span:nth-child(3) {
        top: 16px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .inner {
        width: auto;
    }
    #header-in,
    #navi-in,
    #footer-in {
        width: auto;
    }
    #header {
        height: 60px;
        border-top: 4px solid #214ea2;
        z-index: 100;
    }
    #container #header-in,
    #container #navi,
    #container #navi-in,
    #container #footer-in,
    .inner {
        width: 94%;
        margin: auto;
        padding: 0;
    }
    .header-logo {
        width: 130px;
        margin: 13px 0;
    }
    .header-tel {
        float: none;
        margin-bottom: 2px;
    }
    .header-tel-all {
        text-align: center;
        font-size: 71%;
        line-height: 1.5;
    }
    .header-tel-num {
        text-align: center;
        font-size: 229%;
    }
    .sp-nav-btn {
        position: relative;
        display: block;
        float: right;
        width: 48px;
        height: 48px;
        margin-top: 5px;
        margin-left: 5px;
        text-align: center;
        border: 1px solid #000;
        border-radius: 4px;
        background: #fff;
        z-index: 1000;
        -webkit-transition: .2s ease;
        transition: .2s ease;
    }
    .sp-nav-btn span:nth-child(1) {
        top: 8px;
    }
    .sp-nav-btn span:nth-child(2) {
        top: 16px;
    }
    .sp-nav-btn span:nth-child(3) {
        top: 24px;
    }
    .sp-nav-btn.active::after {
        content: "閉じる";
        position: absolute;
        bottom: 1px;
        left: 0;
        right: 0;
        font-size: 71%;
    }
    .sp-nav-btn span {
        position: absolute;
        display: block;
        width: 26px;
        height: 2px;
        left: 0;
        right: 0;
        margin: auto;
        background: #000;
        -webkit-transition: .2s ease;
        transition: .2s ease;
    }
    .sp-nav-btn::after {
        content: "メニュー";
        position: absolute;
        bottom: 1px;
        left: 0;
        right: 0;
        font-size: 71%;
    }
    .header-tel-btn {
        box-sizing: content-box;
    }
    .header-tel-btn {
        position: relative;
        display: inline-block;
        float: right;
        height: 28px;
        margin: 5px 0;
        padding: 10px 5px;
        text-decoration: none;
        font-size: 10px;
        line-height: 1;
        border-radius: 4px;
        color: #fff;
        background: #12a73b;
        box-shadow: 0 2px 0 0 #00561f;
    }
    .header-tel-btn img {
        display: inline-block;
        width: 17px;
        height: auto;
        margin-left: 0;
    }
    .header-tel-btn-txt {
        margin-top: 5px;
        font-size: 16px;
    }
    .header-tel-btn-txt span {
        color: #f6ff00;
    }
    #footer {
        padding: 40px 0 115px;
    }
    .footer-table {
        margin-bottom: 30px;
    }
    .footer-table td:first-child {
        display: block;
    }
    .footer-table td {
        display: inline-block;
        padding-right: 0;
    }
    .footer-table td a {
        display: inline-block;
        margin-right: 10px;
    }
    .footer-navi-box {
        float: none;
        margin-bottom: 30px;
        margin-right: 0;
    }
    #top-main {
        height: auto;
        padding: 40px 0;
        background-position-x: 30%;
        background-position-y: 100%;
    }
    .main-visual {
        display: block;
    }
    .main-content h2 {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .main-content h2 .tag1 {
        font-size: 28px;
    }
    .main-content h2:after {
        width: 88px;
        height: 40px;
        top: 5px;
        right: -8px;
        z-index: 9;
    }
    .header-nav li:last-child {
        border-right: 1px solid #eeeeee;
    }
    /*.sp-nav-menu {
    display: none;
}*/
    .sp-nav-menu {
        position: fixed;
        width: 100%;
        top: 60px;
        bottom: 0;
        right: -100vw;
        margin: auto;
        padding: 40px 20px 20px;
        overflow: scroll;
        pointer-events: none;
        color: #fff;
        background: #1f499f;
        z-index: 500;
        box-sizing: border-box;
        -webkit-transition: .3s ease;
        transition: .3s ease;
    }
    .sp-nav-menu.active {
        right: 0;
        top: 60px;
        padding: 0;
        padding-top: 0;
        pointer-events: all;
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }
    #header .header-nav li .btn-sub {
        padding-left: 15px;
    }
    #header .header-nav li.no-sub {
        padding: 0 0 0 15px;
        margin: 0;
    }
    #header .header-nav .sub-menu ul li:last-child {
        border-bottom: none;
    }
    #header .header-nav li:nth-child(3) {
        margin-bottom: 0;
    }
    #header .header-nav li.sub.active span {
        width: 100%;
        border-bottom: 1px solid #496ba9;
        padding-bottom: 19.5px;
    }
    #header .header-nav .sub-menu ul li {
        padding: 0 0 0 20px;
    }
    #header .header-nav .sub-menu ul {
        overflow-x: hidden;
        margin: 0;
    }
    .main-content p {
        font-size: 15px;
        font-weight: bold;
    }
    .main-content-list .step1,
    .main-content-list .step2,
    .main-content-list .step3 {
        width: 100px;
    }
    .main-content-list li img {
        height: 32px;
    }
    .main-content-list li p {
        font-size: 9px;
        font-weight: bold;
    }
    .top-title {
        font-size: 150%;
    }
    .list-area-jp {
        display: block;
    }
    .list-area-jp li {
        width: 100%;
    }
    .content-jp-map-top {
        padding-top: 0;
        height: auto;
        display: none;
    }
    .btn-more-detail,
    .read-more-post {
        padding: 15px 70px;
    }
    .list-industry li {
        width: 30%;
    }
    .list-industry {
        justify-content: space-between;
    }
    .list-industry li p {
        font-size: 14px;
    }
    .list-company-production li {
        width: 45%;
        text-align: center;
    }
    .list-company-production li a p {
        font-size: 14px;
    }
    .box-top-search {
        padding: 15px;
    }
    .top-staff-list {
        display: block;
    }
    .top-staff-list li {
        width: 100%;
    }
    .top-staff-list li:nth-child(2n) .top-staff-img {
        float: right;
        margin-right: 0;
        margin-left: 20px;
    }
    .top-main-btn,
    .footer-flow-btn {
        padding: 0 70px;
        font-size: 83%;
    }
    .list-notes {
        display: block;
    }
    .list-notes li {
        width: 95%;
        text-align: center;
    }
    .list-point-request li h3 {
        font-size: 15px;
        padding-left: 50px;
    }
    .list-point-request li h3:before {
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 50%;
        transform: translateY(50%);
        width: 40px;
        height: 40px;
    }
    .list-area-jp li p {
        text-align: center;
    }
    .main-content-list li {
        margin: 0 10px;
    }
    .main-content-list li:after {
        width: 18px;
        height: 24px;
        right: -30px;
    }
    .title-form {
        font-size: 26px;
    }
    .main-content h2 .ct-title-sp {
        font-size: 25px !important;
    }
    button.submit-form.next-step {
        padding: 0px 40px;
    }
    #header .header-nav {
        display: block;
        width: 100%;
        background: #1f499f;
        overflow-x: hidden;
    }
    #header .header-nav .sub-menu ul li a {
        width: 80%;
    }
    #header .header-nav .sub-menu {
        display: none;
        background: #1f499f;
    }
    #header .header-nav li {
        height: auto;
        display: block;
        border-left: none;
        text-align: left;
        padding: 16.5px 0;
        border-bottom: 1px solid #496ba9;
    }
    #header .header-nav li.sub.active {
        padding: 16.5px 0 0;
    }
    #header .header-nav li a,
    #header .header-nav li .btn-sub {
        color: #fff !important;
    }
    #header .header-nav .sub.active .sub-menu {
        display: block;
    }
    .header-nav li:last-child {
        border-right: none;
    }
    #header .header-nav .sub-menu ul li {
        display: flex;
        margin: 0;
        border-bottom: 1px solid #496ba9;
    }
    #header .header-nav .sub-menu ul li img {
        width: 100%;
        max-width: 20px;
    }
    #header .header-nav li.sub {
        position: relative;
    }
    #header .header-nav li.sub:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 20.5px;
        right: 20px;
        margin: auto;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        border-radius: 2px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all 0.5s;
    }
    #header .header-nav li.sub.active:after {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        transition: all 0.5s;
        border-top: 2px solid #fee402;
        border-right: 2px solid #fee402;
    }
    #header-scroll.is-fixed {
        bottom: 0;
    }
    .header-tel a {
        text-decoration: none;
    }
    .header-tel-all {
        text-align: center;
        font-size: 71%;
        line-height: 1.5;
    }
    .header-tel-num {
        text-align: center;
        font-size: 229%;
    }
    .header-tel-num img.sp {
        display: inline-block;
        float: none;
        width: 44px;
        height: auto;
        margin-top: 0;
        vertical-align: unset;
    }
    .custom-scroll-btn {
        font-size: 150%;
        width: 100%;
        margin-left: 0;
        margin: 5px 0 5px 0;
    }
    #header-scroll {
        height: auto;
    }
    .box-umenu-sp .custom-umenu-btn:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 0;
        bottom: 0;
        right: 20px;
        margin: auto;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
        border-radius: 2px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .box-umenu-sp .custom-umenu-btn {
        position: relative;
        width: 100%;
        padding: 10px 50px;
        border-radius: 30px;
        background: #ff6600;
        color: #fff;
        text-decoration: none;
        font-size: 160%;
        font-weight: bold;
    }
    .box-umenu-sp {
        text-align: center;
        position: relative;
    }
    .box-umenu-sp .call-umenu-btn {
        width: 100%;
        padding: 10px 80px;
        border-radius: 30px;
        background: #12a73b;
        color: #fff;
        text-decoration: none;
        font-size: 160%;
        font-weight: bold;
        line-height: 1;
    }
    .box-umenu-sp .call-umenu-btn img {
        width: 35px;
        margin-bottom: 3px;
        margin-right: 5px;
    }
    .box-umenu-sp p {
        margin: 40px 0 20px 0;
    }
    .box-umenu-sp:after {
        content: "";
        width: 100%;
        height: 250px;
        background: #fff;
        opacity: 0.1;
        top: -20px;
        left: 0;
        position: absolute;
        z-index: -1;
    }
    #page-top {
        right: 10px;
        bottom: 125px;
        margin-top: 0px;
    }
    #page-top a#move-page-top {
        margin: auto;
    }
    #page-top a {
        padding: 8px 16px;
    }
    .main-content-list {
        display: flex;
        justify-content: space-between;
        max-width: 400px;
        margin: 20px auto 0;
    }
    .main-form {
        display: none;
    }
    .btn-contact-main {
        position: relative;
        display: block;
        padding: 10px 50px;
        border-radius: 30px;
        background: #ff6600;
        color: #fff !important;
        text-decoration: none;
        font-size: 110%;
        font-weight: bold;
    }
    .btn-contact-main:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 0;
        bottom: 0;
        right: 20px;
        margin: auto;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
        border-radius: 2px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .ct-btn-contact {
        display: block;
        margin-bottom: 0;
    }
    .sticky-btn {
        width: 100%;
        max-width: 330px;
    }
    .sticky-btn .header-scroll-btn {
        padding: 0;
        display: block;
    }
    .footer-promise-list li,
    .footer-flow-list li {
        width: 100%;
    }
    #header .header-nav .sub-menu ul li a {
        justify-content: left;
    }
    /*--------- area search naka ------------------*/
    h1.area-ttl {
        font-size: 24px;
        line-height: 1.75;
    }
    .area-ttl1 {
        margin: 40px 0 10px;
    }
    .line-down {
        display: none;
    }
    #search-naka .result-frame {
        padding: 15px 3% 25px;
        margin-bottom: 40px;
    }
    #search-naka .box-result .ttl-txt {
        width: 100%;
    }
    #search-naka .result-frame .re-ttl {
        text-align: center;
        margin: 0 0 20px;
    }
    #search-naka .result-frame .s-img {
        max-width: 100%;
        height: auto;
        text-align: center;
        margin: 10px auto;
    }
    #search-naka .re-content li {
        display: block;
    }
    #search-naka .re-content .re-ttl1 {
        margin: 0 0 10px;
    }
    #search-naka .pagination {
        margin: 0 0 40px;
    }
    #search-naka .sum-company {
        margin-top: 40px;
    }
    #search-naka .sum-company .sum-ttl {
        font-size: 22px;
        line-height: 1.75;
        margin: 0 0 40px;
    }
    #search-naka .sum-company .sum-cont {
        margin-bottom: 40px;
    }
    #search-naka .sum-company .center {
        margin-top: 40px;
    }
    .c-feature {
        display: block;
        background: #fff;
        padding: 0;
    }
    .c-feature .fea-ttl {
        font-size: 22px;
        font-weight: 500;
        text-align: center;
        margin: 0 0 20px;
    }
    .c-feature .fea-ttl span {
        display: inline;
        font-size: 22px;
        font-weight: 500;
    }
    .c-feature .fea-cont {
        background: #f2f8ff;
        padding: 10px 10px 5px;
    }
    .c-feature .fea-cont li {
        margin-bottom: 5px;
    }
    .c-feature .fea-cont li::before {
        top: 4px;
    }
    .c-feature .fea-cont .page-text {
        font-size: 14px;
        line-height: 1.75;
    }
    #modal-view .modal-block {
        width: 94%;
        height: auto;
        padding: 15px 2% 25px;
    }
    #modal-view .modal-block .m-ttl {
        font-size: 22px;
        margin: 0 0 15px;
        padding: 0 30px 10px;
    }
    .check-frame .check-ttl {
        padding: 0 15px;
    }
    .check-frame .check-ttl1 {
        font-size: 22px;
        padding-left: 40px;
    }
    #modal-view .modal-block .modal-cont {
        height: 60vh;
    }
    #modal-view .modal-block .check-frame {
        width: 96%;
        margin: 0 auto 20px;
    }
    .check-frame .check-ttl1::before {
        height: 35px;
        width: 35px;
    }
    .check-frame .check-cont {
        border: 1px solid #204b9f;
        border-bottom: none;
        padding: 0;
    }
    .check-frame .check-cont .check-input {
        display: block;
        margin: 0;
    }
    .check-frame .check-cont .title {
        max-width: 100%;
        justify-content: space-between;
        background: #b2cbe4;
        color: #204b9f;
        font-size: 18px;
        border-bottom: 1px solid #204b9f;
        padding: 5px 16px 5px 15px;
    }
    .check-frame .list-items {
        padding: 0;
        display: none;
    }
    #modal-view .check-frame:first-child .check-cont .list-items {
        display: block;
    }
    .check-frame .list-items.active {
        display: block !important;
    }
    .check-frame .list-items li {
        width: 100%;
        border-bottom: 1px solid #204b9f;
        padding: 13px 15px;
        margin: 0;
    }
    .check-frame .list-items li:nth-child(4n) {
        margin: 0;
    }
    .check-frame .list-items.list-items1 li {
        margin: 0;
    }
    .check-frame .list-items.list-items1 li:nth-child(3n) {
        margin: 0;
    }
    .check-frame .list-items li:last-child {
        border-bottom: 1px solid #204b9f;
    }
    .check-frame .list-items.list-items1 li {
        width: 100%;
    }
    .check-frame .list-items .item::before {
        width: 26px;
        height: 26px;
    }
    .check-frame .minus-child,
    .check-frame .plus-child {
        display: none;
        cursor: pointer;
    }
    .check-frame .minus-child.active,
    .check-frame .plus-child.active {
        display: flex;
        align-items: center;
    }
    #modal-view .close-modal {
        top: 10px;
        right: 15px;
    }
    #modal-view .btn-search {
        width: 94%;
    }
    .table-tag th {
        width: 30%;
        max-width: 200px;
    }
    .table-tag th,
    .table-tag td {
        font-size: 14px;
        padding: 10px;
    }
    .criteria-sidebar {
        margin: 40px 0 40px;
    }
}
@media screen and (max-width: 769px) {
    .line-down {
        display: inherit;
    }
}
@media screen and (max-width: 490px) {
    #modal-view .close-modal {
        width: 20px;
        height: 20px;
        top: 7px;
        right: 3%;
    }
    #modal-view .modal-block .m-ttl {
        font-size: 18px;
    }
}

@media screen and (max-width: 375px) {
    .main-content h2 {
        font-size: 8vw;
    }
    .main-content h2 .tag1 {
        font-size: 7vw;
    }
    .main-content h2 .ct-title-sp {
        font-size: 6.667vw !important;
    }
    .main-content-list li {
        margin: 0 2.667vw;
    }
    .main-content-list li:after {
        width: 4.800vw;
        height: 6.400vw;
        right: -5.3vw;
    }
    .main-content-list {
        max-width: 100%;
    }
    .box-umenu-sp .call-umenu-btn {
        padding: 10px 21.333vw;
        font-size: 6.400vw;
    }
    .box-umenu-sp .custom-umenu-btn {
        padding: 10px 13.333vw;
        font-size: 6.400vw;
    }
}

@media screen and (max-width: 321px) {
    .main-content-list li:after {
        right: -6vw;
    }
    .title-form {
        font-size: 22px;
    }
    button.submit-form.next-step {
        padding: 0px 30px;
    }
    button.submit-form.next-step::after {
        right: 20px;
    }
    .box-umenu-sp .custom-umenu-btn {
        font-size: 125%;
    }
    .box-umenu-sp .call-umenu-btn {
        padding: 10px 50px;
    }
    .main-content-list .step1,
    .main-content-list .step2,
    .main-content-list .step3 {
        width: 80px;
    }
    .main-content-list li img {
        height: 25px;
        margin-top: 5px;
    }
}

@media screen and (max-width: 420px) and (min-width: 376px) {
    .main-content h2 {
        font-size: 35px;
    }
    .main-content h2:after {
        top: 15px;
    }
    .main-content-list li:after {
        right: -20px;
    }
    .main-content-list .step1,
    .main-content-list .step2,
    .main-content-list .step3 {
        width: 110px;
    }
    .main-content-list li p {
        font-size: 11px;
        font-weight: bold;
    }
    .main-content-list li img {
        height: 38px;
        margin-top: 5px;
    }
}


/*menu-fixed*/

@media screen and (min-width: 768px) {
    #header.sticky_pc {
        position: fixed;
        width: 100%;
        height: 60px;
        z-index: 99;
        box-shadow: 0px 2px #0000000d;
        animation: sticky_menu 0.5s;
    }
    #header.sticky_pc .header-top {
        display: none;
    }
    @keyframes sticky_menu {
        0% {
            transform: translateY(-100%);
        }
        100% {
            transform: translateY(0);
        }
    }
}

@media screen and (max-width: 767px) {
    .sticky_mb {
        position: fixed;
        width: 100%;
        top: 0 !important;
        z-index: 99;
        box-shadow: 0px 2px #0000000d;
    }
}


/*end-menu-fixed*/


/*jp-map-mobile*/

.mb {
    display: none;
}

@media screen and (max-width: 767px) {
    #breadcrumb span.sp {
        display: inline;
    }
    .main-visual .main-content {
        width: 100%;
    }
    .js-accordion-content {
        display: none;
        transition: all 1s ease;
    }
    .active-jp-map .js-accordion-content {
        display: block;
        transition: all 1s ease;
    }
    .mb {
        display: block;
    }
    .areas {
        border-top: .1rem solid #eaeaea;
    }
    .areas-item-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        padding: .6rem 2rem;
        border-bottom: .1rem solid #eaeaea;
    }
    .areas-item-group:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 0;
        bottom: 0;
        right: 40px;
        margin: auto;
        border-top: 4px solid #25abb1;
        border-right: 4px solid #25abb1;
        border-radius: 2px;
        -webkit-transform: rotate(45deg);
        transform: rotate(135deg);
        -webkit-transition: all .2s;
        transition: all .2s;
    }
    .areas-item-list-name>a {
        display: block;
        text-align: left;
        padding: 1rem 1rem 1rem 2rem;
        color: #25abb1;
        text-decoration: none;
        border-bottom: .1rem solid #eaeaea;
    }
}


/*end-jp-map-mobile*/


/*IE CSS */

@media screen\0 {
    .main-content h2::after {
        top: 20px;
    }
    .header-tel-num {
        line-height: 42px;
        height: 42px;
    }
    .header-tel-all {
        line-height: 1;
        margin-top: 5px;
    }
    .header-tel-all .all {
        padding: 5px 5px 5px;
    }
    .list-area-jp li p a:not(:last-child)::after {
        bottom: 3px;
    }
    .header-scroll-btn,
    .header-line-btn {
        padding: 18px 60px 18px;
        line-height: 1;
    }
    .btn-more-detail,
    .read-more-post {
        padding: 15px 110px 15px;
    }
    .btn-search-top {
        padding: 20px 100px 5px;
    }
    .list-point-request li h3::before {
        line-height: 50px;
    }
    .list-point-request li h3 {
        line-height: 2;
    }
    .top-main-btn,
    .footer-flow-btn {
        padding: 18px 60px 18px;
        line-height: 1;
    }
    .list-notes li h3 {
        padding: 13px 5px 13px;
    }
    .list-notes li .btn-read-more a {
        padding: 12px 10px 12px;
    }
    .main-form .title-form {
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .ajax-form .form_name .alert-msg,
    .ajax-form .form_tel .alert-msg,
    .ajax-form .form_email .alert-msg,
    .ajax-form .form_pref .alert-msg,
    .ajax-form .form_consult .alert-msg {
        height: 47px;
        margin-top: 10px;
        padding-top: 5px;
    }
    .content-list-notes p:before {
        margin-bottom: 0 !important;
    }
    #page-top a {
        padding: 14px 32px 14px;
    }
    #header .header-nav .sub-menu ul li img {
        margin-top: -1px !important;
    }
    #header .header-nav .sub-menu ul li img.icon-color {
        top: 16px;
    }
    #header .header-nav .sub-menu ul li a {
        padding-top: 4px;
    }
    #header .header-nav li a,
    #header .header-nav li .btn-sub {
        padding-top: 5px;
    }
    .list-area-jp li p {
        line-height: 2;
    }
}


/*================end===========*/

.basic_box {
    border: 1px solid #000;
    padding: 10px;
    margin: 0 auto 20px;
}


/*sidebar-seo*/

.custom-temp-popup .custom-sidebar-seo {
    display: block;
}


/*custom-side-bar*/

.custom-sidebar-seo {
    background: #2959ab;
    padding: 10px 10px 20px;
    color: #fff;
    position: sticky;
    top: 40px;
}

.custom-sidebar-seo h1 {
    font-size: 16px;
    text-align: center;
    color: #fff;
}

.custom-temp-popup .dln-sidebar .custom-sidebar-seo {
    display: block;
}

.custom-sidebar-seo-modal h1 {
    font-size: 17px;
    text-align: center;
    color: #fff;
}

.custom-sidebar-seo-modal>h1 {
    margin: 15px 0 0;
}

.custom-sidebar-seo.fixed {
    position: fixed;
    top: 64px;
}

@media screen and (min-width: 768px) {
    .custom-sidebar-seo-call h1 {
        margin: 0;
    }
    .custom-sidebar-seo-call h1 {
        margin: 0;
        font-size: 21px;
    }
    .custom-sidebar-seo-call {
        margin: 20px 0 20px;
        background: #12a73b;
        padding: 5px;
    }
}

@media screen and (max-width: 767px) {
    .custom-sidebar-seo .box-phonenumber-sidebar {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .custom-sidebar-seo .box-phonenumber-sidebar img {
        width: 17%;
        padding-right: 10px;
    }
    .custom-sidebar-seo .box-phonenumber-sidebar span {
        font-size: 25px;
    }
    .custom-sidebar-seo {
        position: inherit;
    }
    #sidebar .widget {
        height: auto !important;
    }
    .custom-sidebar-seo-call {
        margin-bottom: 20px;
    }
    .custom-temp-popup .dln-sidebar .custom-sidebar-seo {
        display: none;
    }
}


/*end*/

/*recruitment-form*/
.ctoms-form-recruitment .custom-formtable {
    max-width: 710px;
    margin: 0 auto;
}
.ctoms-form-recruitment .custom-formtable td input[type="text"],
.ctoms-form-recruitment .custom-formtable td input[type="tel"],
.ctoms-form-recruitment .custom-formtable td input[type="email"]{
    width: 100%;
}
.ctoms-form-recruitment .custom-formtable .formSubmit td {
    text-align: center;
}
textarea {
    overflow: auto;
    width: 100%;
    box-sizing: border-box;
}
@media screen and (max-width: 767px){
    .ctoms-form-recruitment h2.title-form-recruitment{
        font-size: 22px;
    }
    .ctoms-form-recruitment .custom-formtable {
        width: 100%;
        margin: 0 auto;
    }
    .ctoms-form-recruitment .custom-formtable th {
        text-align: left;
        display: block;
        padding: 20px 0;
        width: 200px;
        font-size: 14px;
    }
    .ctoms-form-recruitment .custom-formtable td {
        display: block;
    }
}
/*recruitment-form*/

/* tokuten_form */
.img-tokuten {
    margin: 25px 0;
}
.form-title {
    color: #0070cb;
    padding: 0 0 0 10px;
    position: relative;
    margin: 25px 0 10px;
}
.form-title:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 2px;
    height: 18px;
    background: #0070cb;
}
.list-tokuten-form {
    position: relative;
    padding-left: 10px;
}
.list-tokuten-form li::before {
    content: '・';
    position: absolute;
    left: -10px;
}
.strong {
    font-weight: bold;
}
h2.title-form-tokuten {
    text-align: center;
    color: #00acff;
    font-size: 30px;
    letter-spacing: 3px;
    margin: 40px 0;
}
.tokuten-formtable {
    width: 710px;
    max-width: 100%;
    margin: 0 auto;
}
.tokuten-formtable th {
    padding: 20px 0;
    width: 230px;
    max-width: 100%;
    text-align: right !important;
    font-size: 18px;
    font-weight: 700;
}
.tokuten-formtable td {
    padding: 10px 0;
    font-size: 18px;
    line-height: 1.3;
}
.tokuten-formtable table ,
.tokuten-formtable th ,
.tokuten-formtable td {
    text-align: left;
    margin: 0;
    border-collapse: collapse;
    font-style: normal;
}
#contact_address_form_ct {
    width: 310px;
    /* background-color: #fff; */
    border: thin solid #b4b4b4;
    color: gray;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: .6em 3.5em .6em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(
45deg
,transparent 50%,#b1b1b1 50%),linear-gradient(
135deg
,#b1b1b1 50%,transparent 50%),linear-gradient(to right,#fff,#fff);
    background-position: calc(100% - 25px) calc(1em + 5px),calc(100% - 15px) calc(1em + 5px),100% 0px;
    background-size: 10px 10px,10px 10px,2.5em 2.5em;
    background-repeat: no-repeat;
}
.formSubmit td {
    text-align: center;
}
#tokuten-form-submit {
    width: 257px;
    height: 50px;
    background: url(//large-scale-repair.com/wp-content/themes/daikibo/inc/assets/../../images/formBt_off.png) no-repeat 0 0;
    border: none;
    text-align: center;
    margin-top: 20px;
    text-indent: -99999px;
}
@media screen and (max-width: 740px) {
    h2.title-form-tokuten {
        font-size: 20px;
    }
    .tokuten-formtable {
        width: 100%;
    }
    .tokuten-formtable th {
        display: inherit;
        width: 100%;
        text-align: left;
    }
    .tokuten-formtable td {
        display: block;
    }
}

/* sidebar tax info-cat */
.detail-main, .sbTax_info-cat{
    margin-top: 50px;
}

/* banner-pc-sidebar */
.banner-pc-sidebar {
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 15px;
}
.banner-pc-sidebar a:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background-image: linear-gradient(105deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 75%);
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
.centent-custom-sidebar.fixed {
    position: fixed;
    top: 40px;
    z-index: 9;
    width: 250px;
    max-width: 100%;
}
@-webkit-keyframes shine {
    from {left: -100%;}
    to {left: 100%;}
}
@media screen and (max-width: 769px){
    .banner-pc-sidebar {
        padding: 0;
        width: 100%;
    }
}

/* Sidebar-price */
#sidebar_benefit .benefit_title {
    margin: auto auto 20px;
    padding: 0 20px;
    font-size: 20px;
    background: #ec5668;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
}
#sidebar_benefit .bf-list {
    display: flex;
    padding: 10px;
    border: solid 1px #d5d5d5;
    border-radius: 4px;
    position: relative;
    margin: 10px 0;
    text-decoration: none;
}
#sidebar_benefit .bf-list::before{
    position: absolute;
    content:'';
    width: 14px;
    height: 14px;
    top: 45%;
    right: -1px;
    z-index: 1;
    background-image: url(/wp-content/themes/simplicity3/inc/images/arrow-right.png);
    transform: rotate(270deg);
    background-size: contain;
}
#sidebar_benefit .bf-list::after{
    position: absolute;
    content:'';
    width: 16px;
    height: 100%;
    right: -1px;
    top: 0;
    z-index: -1;
    background-color: #efefef;
}
.sidebar_bf {
    width: 250px;
}
.sidebar_bf.fixed{
    position: fixed;
    top: 100px;
    z-index: 9;
    margin: -20px 0 0 15px;
}
.bf-list .list_img {
    margin-right: 10px;
    flex-shrink: 0;
}
.bf-list .list_img img {
    width: 55px;
}
.list_content{
    padding-right: 8px;
}
.list_content .list_title {
    font-size: 14px;
    font-weight: bold;
}
.list_content .list_text {
    font-size: 12px;
    color: #2c2c2c;
    line-height: 1.5;
    margin: 0;
}
/* end */
/* page form */
.top-form .header-form {
    border-top: 6px solid #0070c0;
    border-bottom: 2px solid #d4d4d4;
}
.top-form .header-form p {
    text-align: center;
    max-width: 220px;
    margin: 0 auto;
    padding: 10px 0;
}
.create-box-form  {
    display: none;
}
.create-box-form tr:first-child th,
.create-box-form tr:first-child td {
    border-top: none;
}
.cus-text {
    margin: 30px 0 -10px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}
.cus-text:after {
    position: absolute;
    background: url(/wp-content/themes/simplicity3/inc/images/arrow_01.png) no-repeat;
    content:'';
    background-size: contain;
    width: 16px;
    height: 16px;
    top: 7px;
    margin-left: 5px;
}
.cus-text.active:after {
    transform: rotate(-180deg);
    top: 7px;
}
.bg-pink {
    background-color: rgb(255, 200, 200) !important;
}
.form .main.main01 {
    padding:0 30px;
}
.show-control.active {
    display: none;
}
#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;
}
.show-control .request .any {
    background-color: #adadad;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0px 6px;
    font-weight: normal;
    flex-shrink: 0;
    height: 28px;
    display: flex;
    align-items: center;
}
.box-request {
    display: flex;
    align-items: center;
}
.show-control .request {
    font-size: 14px !important;
    cursor: pointer;
}
.show-control .request .add-items {
    margin-left: 5px;
    font-size: 18px;
    position: relative;
    display: flex;
    align-items: center;
}
.add-items::before {
    content: '';
    position: relative;
    display: inline-block;
    background: url(/wp-content/themes/simplicity3/images/icon-add.png) no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    flex-shrink: 0;
}
@media screen and (max-width: 769px) {
    .sidebar_bf {
        position: inherit;
        width: 100%;
    }
    .top-form .header-form p {
        max-width: 200px;
    }
    #ft_form {
        height: 120px;
    }
    .cus-text {
        margin-left: -20px;
    }
    .form .main .name dt {
        float: inherit;
    }
    .form .main .name dd {
        margin: 0;
        height: auto;
        font-size: 12px;
    }
    .form .main .is-input-text-parent span {
        font-size: 12px  !important;
    }
}

/* end */