@charset "UTF-8";

/************************************************************
 * パーツ名や使用ページ名（パス）を記入
 ************************************************************/

/************************************************************
 * common style
 ************************************************************/
.for-pc {
    display: block !important;
}
.for-sp {
    display: none !important;
}

/************************************************************
 * header
 ************************************************************/
/*
* ヘッダー
*/
.res14-side-nav__other02-area--02 {
    float: right;
}
.res14-header__contact-btn {
    margin-right: 8px;
}
.res14-header__contact-btn:hover img {
    filter: Alpha(opacity: 70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
/*
* ヘッダー Global Navi
*/
.res14-global-nav > li {
    padding: 0;
}
.res14-global-nav li a {
    display: block;
    padding: 5px 0 16px 0;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: #666;
    text-decoration: none;
}
.res14-global-nav__client {
    width: 170px;
}
.res14-global-nav__client_2 {
    width: 185px;
}
.res14-global-nav__client_1 {
    width: 150px;
}
.res14-global-nav__client--current {
    display: block;
    width: 175px;
    color: #008ae5 !important;
    background: url(../../../../sol/contents/img/header/off_arrow.png) no-repeat
        center bottom !important;
}
.res14-global-nav__feature {
    width: 125px;
}
.res14-global-nav__feature--current {
    display: block;
    width: 160px;
    color: #008ae5 !important;
    background: url(../../../../sol/contents/img/header/off_arrow.png) no-repeat
        center bottom !important;
}
.res14-global-nav__service-lineup {
    width: 195px;
}
.res14-global-nav__service-lineup--current {
    display: block;
    width: 160px;
    color: #008ae5 !important;
    background: url(../../../../sol/contents/img/header/off_arrow.png) no-repeat
        center bottom !important;
}
.res14-global-nav__hublist {
    width: 135px;
}
.res14-global-nav__hublist--current {
    display: block;
    width: 160px;
    color: #008ae5 !important;
    background: url(../../../../sol/contents/img/header/off_arrow.png) no-repeat
        center bottom !important;
}
.res14-global-nav__client-service {
    width: 160px;
}
.res14-global-nav__client-service--current {
    display: block;
    width: 160px;
    color: #008ae5 !important;
    background: url(../../../../sol/contents/img/header/off_arrow.png) no-repeat
        center bottom !important;
}

.res14-header__invoice-btn,
.res14-header__content-btn,
.res14-header__dispatch-btn {
    display: inline-block;
    width: 141px;
    height: 27px;
    margin: 0 0 5px 3px;
    border: 1px solid #0385c9;
    box-shadow: 0px 2px 0px 0px #0385c9;
    border-radius: 4px;
    font-size: 12px;
    color: #0385c9;
    text-align: center;
    line-height: 29px;
    vertical-align: middle;
}
.res14-header__dispatch-btn,
.res14-header__dispatch-btn:visited {
    color: #fff !important;
    background: #0ea2ef;
}
.res14-header__invoice-btn:hover,
.res14-header__content-btn:hover,
.res14-header__dispatch-btn:hover {
    opacity: 0.7;
    text-decoration: none;
}

/************************************************************
 * footer
 ************************************************************/
/*
* フッター
*/
/* .res14-footer-link {
  left: 470px;
} */

/************************************************************
 * sol/contents/client/index.html
 ************************************************************/
.res14-contents.client-top {
    background: #fff;
}
.client-top-inner {
    padding: 0;
    margin: 0 auto;
    width: 93.75%;
    max-width: 960px;
}

.client-top__mv {
    position: relative;
    padding: 218px 0;
    height: 550px;
    box-sizing: border-box;
    background: url(../../../../images/banner_edit.png) no-repeat center;
    background-size: cover;
}
.client-top__mv_title {
    text-align: center;
    /* margin-bottom: 58px; */
}
.client-top__mv_title .main {
    display: block;
    font-size: 44px;
    letter-spacing: 0.1em;
    text-shadow: #fff 1px 1px 35px, #fff -1px 1px 35px, #fff 1px -1px 35px,
        #fff -1px -1px 35px, rgba(255, 255, 255, 0.7) 1px 1px 100px,
        rgba(255, 255, 255, 0.7) -1px 1px 100px,
        rgba(255, 255, 255, 0.7) 1px -1px 100px,
        rgba(255, 255, 255, 0.7) -1px -1px 100px;
}
.client-top__mv_title .sub {
    color: #000;
    display: block;
    /* padding: 13px 0 0; */
    font-size: 30px;
    line-height: 39px;
    letter-spacing: 0.05em;
    font-weight: 600;
    /* text-shadow: #fff 1px 1px 35px, #fff -1px 1px 35px, #fff 1px -1px 35px,
        #fff -1px -1px 35px, #fff 1px 1px 70px, #fff -1px 1px 70px,
        #fff 1px -1px 70px, #fff -1px -1px 70px; */

    text-shadow: #60a5d2 1px 1px 35px, #fff -1px 1px 35px, #d8ecfb 1px -1px 35px, #fff -1px -1px 35px, #dae6f7 1px 1px 70px, #fff -1px 1px 70px, #808387 1px -1px 70px, #fff -1px -1px 70px;
}
.client-top__mv .client-top__contact_btns {
    position: relative;
    margin-top: -28px;
}

.client-top__contact_btns {
    font-size: 0;
    text-align: center;
}
.client-top__contact_btns > a {
    display: inline-block;
    width: 337px;
    height: 80px;
    margin: 0 12px;
    border-radius: 4px;
    box-shadow: 0px 4px 0px 0px #037bba;
    font-size: 24px;
    text-align: center;
    line-height: 80px;
}
.client-top__contact_btns > a:hover {
    opacity: 0.7;
    text-decoration: none;
}
.client-top__contact_btns .ver_other {
    border: 1px solid #037bba;
    color: #037bba;
    background: #fff;
}
.client-top__contact_btns .ver_dispatch {
    border: 1px solid #0ea1ef;
    color: #fff;
    background: #0ea1ef;
}

.client-top_sect_title {
    margin-bottom: 40px;
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    color: #0ea1ef;
}
.client-top_sect_title span {
    position: relative;
    z-index: 1;
}
.client-top_sect_title span:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    width: 92%;
    left: 50%;
    height: 2px;
    background: #0ea1ef;
    transform: translateX(-50%);
}
.client-top_sect_lead {
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.05em;
}

.client-top_sect_flow {
    padding: 99px 0 105px;
}
.client-top_step_list,
.client-top_step_list_human {
    padding: 53px 0 0;
}
.client-top_step_list li,
.client-top_step_list_human li {
    position: relative;
    padding: 0 0 66px;
}
.client-top_step_list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 30px;
    bottom: 20px;
    width: 30px;
    height: 16px;
    background: url(../../../../sol/contents/client/images/add-img/client_top_step_arrow.png)
        no-repeat;
    z-index: 1;
}

.client-top_step_list li:first-child {
    padding: 0 0 74px;
}
.client-top_step_list li:nth-child(2) {
    padding: 0 0 49px;
}
.client-top_step_list li:nth-child(4) {
    padding: 0 0 60px;
}
.client-top_step_list li:last-child,
.client-top_step_list_human li:last-child {
    padding: 0;
}
.client-top_step_list li:last-child::before {
    display: none;
}
.client-top_step_list li:after {
    content: "";
    clear: both;
}
.client-top_step_list_icon {
    float: left;
    width: 85px;
}
.client-top_step_list_icon img {
    max-width: 100%;
}
.client-top_step_list_title {
    padding: 22px 0 10px 118px;
    box-sizing: border-box;
    font-size: 26px;
    color: #0c96de;
}
.client-top_step_list_text {
    padding: 0 0 0 118px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.01em;
}

.client-top_sect_faq {
    padding: 103px 0 76px;
    background: #f6f7fc;
}
.client-top_faq {
    margin: 0 0 25px;
}
.client-top_faq_q {
    position: relative;
    padding: 5px 0;
    font-size: 16px;
    cursor: pointer;
}
.client-top_faq_q:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 25px;
    margin-right: 20px;
    vertical-align: middle;
    background: url(../../../../sol/contents/client/images/add-img/client_top_faq.png)
        no-repeat;
    background-size: 100% auto;
    z-index: 1;
}
.client-top_faq_q .faq_icon {
    position: absolute;
    top: 50%;
    right: 0;
    width: 31px;
    height: 31px;
    cursor: pointer;
    background: url(../../../../sol/contents/client/images/add-img/client_top_faq_open.png)
        no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.client-top_faq_q.opened .faq_icon {
    background-image: url(../../../../sol/contents/client/images/add-img/client_top_faq_close.png);
}
.client-top_faq_a {
    display: none;
    margin-top: 20px;
    padding: 34px 44px;
    font-size: 16px;
    line-height: 28px;
    background: #fff;
}

.client-top_sect_strength {
    padding: 103px 0 100px;
}

.client-top_sect_strength_human {
    padding: 103px 0 0;
}

.client-top_sect_strength_human h3 {
    color: #fff;
}

.client-top_strength {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.client-top_strength li {
    position: relative;
    width: 48%;
    max-width: 460px;
    margin: 0 0 35px;
}
.client-top_strength li .bg {
    width: 100%;
    height: auto;
}
.client-top_strength li a {
    color: #fff;
    text-shadow: 4px 5px 9px #000000;
}
.client-top_strength li a:hover {
    opacity: 0.7;
    text-decoration: none;
}
.client-top_strength_texts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    /* min-height: 112px; */
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.min_height_ {
    min-height: 0;
}

.client-top_strength_texts p {
    font-size: 15px;
    line-height: 30px;
}
.client-top_strength_texts h3 {
    font-size: 33px;
}

.client-top_sect_lineup {
    margin-bottom: 43px;
    padding: 94px 0 65px;
    background: #f6f7fc;
}
.client-top_lineup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* padding: 55px 0 0; */
}
.client-top_lineup li {
    position: relative;
    width: 48%;
    max-width: 460px;
    margin: 0 0 35px;
}
.client-top_lineup li a {
    display: block;
    height: 100%;
    box-sizing: border-box;
    padding: 55px 22px 22px;
    color: #333333;
    background: #fff;
}
.client-top_lineup li a:hover {
    background: rgba(44, 149, 204, 0.3);
    text-decoration: none;
}
.client-top_lineup li a p {
    font-size: 14px;
    line-height: 24px;
}
.client-top_lineup_title {
    margin: 0 0 32px;
    text-align: center;
}
.client-top_lineup_title h4 {
    padding: 15px 0 0;
    font-size: 25px;
}
.client-top_lineup_title .lineup_icon1 {
    width: 54px;
}
.client-top_lineup_title .lineup_icon2 {
    width: 46px;
}
.client-top_lineup_title .lineup_icon3 {
    width: 45px;
}
.client-top_lineup_title .lineup_icon4 {
    width: 65px;
}
.client-top_lineup_title .lineup_icon5 {
    width: 61px;
}
.client-top_lineup_title .lineup_icon6 {
    width: 60px;
}

.client-top_sect_contact {
    margin-bottom: 50px;
    padding: 73px 0 63px;
    background: url(../../../../sol/contents/client/images/add-img/bg_dot.png);
}
.client-top_sect_contact .client-top__contact_btns > a {
    width: 48.3%;
    max-width: 465px;
    height: 134px;
    margin: 0;
    font-size: 26px;
    line-height: 132px;
}
.client-top_sect_contact .client-top__contact_btns > a:first-child {
    margin-right: 25px;
}

.client-top_sect_service {
    margin-bottom: 50px;
    padding: 104px 0 84px;
    background: #eff8fe;
}
.client-top_sect_service .client-top_sect_lead {
    margin-bottom: 40px;
}
.client-top_sect_service .client-top_sect_lead:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    vertical-align: text-top;
    background: url(../../../../sol/contents/client/images/add-img/client_top_icon_blank.png)
        no-repeat;
    background-size: 100% auto;
}
.client-top_service {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.client-top_service li {
    position: relative;
    width: 460px;
    margin: 0 0 35px;
    text-align: center;
    background: #fff;
}
.client-top_service li:hover {
    background: rgba(44, 149, 204, 0.3);
}
.client-top_service_sub {
    position: relative;
    margin: 0 0 46px;
    padding: 31px 0 12px;
    background: #1fb1fc;
}
.client-top_service_sub:after {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 230px 0 230px;
    border-color: #1fb2fc transparent transparent transparent;
    content: "";
}
.client-top_service_sub p {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
}
.client-top_service li > a {
    color: #333333;
}
.client-top_service li a:hover {
    text-decoration: none;
}
.client-top_service li h3 {
    margin-bottom: 28px;
    font-size: 24px;
    line-height: 34px;
}
.client-top_service li .service_icon1 {
    width: 50px;
}
.client-top_service li .service_icon2 {
    width: 64px;
}
.client-top_service li .service_logo {
    width: 156px;
}
.client-top_service_descarea {
    padding: 46px 23px 28px;
    text-align: left;
}
.client-top_service_descarea p {
    margin-bottom: 21px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.05em;
}
.client-top_service_descarea .pdf_button {
    letter-spacing: -0.03em;
}
.client-top_service_descarea .pdf_button:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: text-top;
    background: url(../../../../sol/contents/client/images/add-img/client_top_icon_pdf.png)
        no-repeat;
    background-size: 100% auto;
}
.client-top_service_descarea .notes {
    margin: 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 13px;
}
.client-top_service li:nth-child(2) .client-top_service_descarea {
    padding-top: 69px;
}
.client-top_service li:nth-child(2) .client-top_service_descarea p:first-child {
    margin-bottom: 55px;
}
.client-top_service li:nth-child(3) .client-top_service_descarea {
    padding-top: 60px;
}

.client-top_sect_relation {
    padding: 40px 0 70px;
    background: #f6f7fc
        url(../../../../sol/contents/client/images/add-img/bg_dot.png);
}
.client-top_relation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.client-top_relation li {
    width: 30.7%;
    max-width: 295px;
    min-height: 320px;
}
.client-top_relation li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 26px;
    box-sizing: border-box;
    color: #fff;
    background: #1b95d4;
}
.client-top_relation li a:hover {
    text-decoration: none;
}
.client-top_relation li a:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(28, 108, 150, 0.3);
    z-index: 1;
}
.client-top_relation li a:after {
    content: "";
    position: absolute;
    bottom: 24px;
    right: 24px;
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../../../../sol/contents/client/images/add-img/client_top_relation_arrow.png)
        no-repeat;
    background-size: 100% auto;
}
.client-top_relation li .tag {
    display: inline-block;
    min-width: 54px;
    margin-bottom: 14px;
    padding: 8px 13px;
    box-sizing: border-box;
    font-size: 15px;
    color: #cee9f3;
    text-align: center;
    background: #1988c1;
}
.client-top_relation li h3 {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 34px;
}
.client-top_relation li p {
    font-size: 13px;
    opacity: 0.8;
    line-height: 26px;
}

/************************************************************
 * sol/contents/client/map_c.html
 ************************************************************/
.res14-contents.page-map-c {
    color: #333333;
    background: #fff;
}
.res14-contents.page-map-c .res14-breadcrumbs {
    padding: 17px 0 0;
}
.map_c-contents-inner {
    padding: 0;
    margin: 0 auto;
    width: 93.75%;
    max-width: 960px;
}

.map_c__txt-h1 {
    padding: 30px 0;
    font-size: 34px;
    font-weight: normal;
}
.map_c__text {
    margin: 0 0 42px;
    font-size: 16px;
    line-height: 28px;
}

.map_c__contents {
    padding: 41px 0 50px;
    background: #f6f7fc;
}

.map_c__page_nav {
    margin-bottom: 57px;
}
.map_c__page_nav ul {
    font-size: 0;
}
.map_c__page_nav ul li {
    display: inline-block;
    width: 150px;
    height: 60px;
    margin: 0 12px 10px 0;
}
.map_c__page_nav ul li:last-child {
    margin-right: 0;
}
.map_c__page_nav ul li a {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 10px 0 0;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #0ba6f6;
}
.map_c__page_nav ul li a:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.15);
    z-index: 1;
}
.map_c__page_nav ul li a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    width: 12px;
    height: 8px;
    background: url(../../../../sol/contents/client/images/add-img/nav_icon_arrow.png)
        no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
}
.map_c__page_nav ul li a:hover {
    text-decoration: none;
}

.map_c__sect_detail {
    margin: 0 0 45px;
    padding: 40px 30px 20px;
    background: #fff;
}
.map_c__sect_title {
    margin-bottom: 34px;
    font-size: 26px;
    line-height: 1.109;
    letter-spacing: 0.02em;
}
.map_c__sect_title .small {
    font-size: 20px;
}
.map_c__detail_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.map_c__detail_list li {
    width: 47.59%;
    max-width: 426px;
}
.map_c__detail_texts dt {
    padding: 7px 15px;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    background: #0d79ce;
}
.map_c__detail_texts dd {
    padding: 24px 12px;
    font-size: 16px;
    line-height: 28px;
}
.map_c__detail_texts dd .map_c__detail_text_address {
    margin-bottom: 13px;
    font-weight: bold;
}
.map_c__detail_texts dd .map_c__detail_text_address .indent {
    display: inline-block;
    width: 71%;
    vertical-align: top;
}
.map_c__detail_texts dd .map_c__detail_text_tel a[href^="tel:"] {
    color: #333333;
    pointer-events: none;
}
.map_c__detail_texts dd .map_c__detail_text_tel:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(../../../../sol/contents/client/images/add-img/map_icon_tel.png)
        no-repeat;
    background-size: cover;
}
.map_c__detail_texts dd .col .text-left {
    display: inline-block;
    width: 53.4%;
    max-width: 235px;
    margin-bottom: 10px;
    vertical-align: top;
}
.map_c__detail_texts dd .col .map_c__detail_text_tel {
    display: inline-block;
    width: 45%;
    max-width: 170px;
    margin-bottom: 10px;
    vertical-align: top;
}

.formTitle {
    font-size: 22px;
    color: #007bc7;
    font-weight: normal;
    margin: 0 0 20px 0;
}

.contContactTellBox {
    font-size: 20px;
    margin: 10px 0 20px;
}

.contContactMailTxtBox {
    margin: 0 0 20px 0;
}

.contContactTellBox span {
    display: block;
    font-size: 0.7em;
}
.contCaptionImg {
    position: relative;
    vertical-align: middle;
}

.contCaptionIcon {
    position: absolute;
    top: -6px;
}

.contCaptionImg h2 {
    font-size: 28px;
    font-weight: normal;
    color: #000;
    margin: 0 0 0 80px;
    padding: 0 0 8px 0;
    line-height: 1.3em;
    background: url(https://www.ib-system.co.jp/wordpress/images/common/bg_caption.gif)
        left bottom repeat-x;
}