html {
    /*remで指定しない時は切ること*/
    font-size: 62.5%;
}
body {
    color: #000;
    word-wrap: break-word;
    font-size: 1.4rem;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ',
        'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    /*font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;*/
    line-height: 1.8;
    width: 100%;

    padding-top: 55px;

    letter-spacing: 0.06em;

    /*safari等フォントレンダリング設定*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /*スマホの文字の大きさ一定*/
    -webkit-text-size-adjust: 100%;

    /*アンチエイリアス*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /*-webkit-backface-visibility: hidden;
    backface-visibility: hidden;*/
}
@media (min-width: 992px) {
    body {
        padding-top: 70px;
    }
}
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?wn26ix');
    src: url('../fonts/icomoon.eot?wn26ix#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?wn26ix') format('truetype'),
        url('../fonts/icomoon.woff?wn26ix') format('woff'),
        url('../fonts/icomoon.svg?wn26ix#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^='icon-'],
[class*=' icon-'] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icon_mail:before {
    content: '\e900';
}
.icon-icon_external_link:before {
    content: '\e913';
}
.icon-icon_fb:before {
    content: '\e904';
}
.icon-icon_hatena:before {
    content: '\e905';
}
.icon-icon_line:before {
    content: '\e907';
}
.icon-icon_search:before {
    content: '\e90a';
}
.icon-icon_tw:before {
    content: '\e90b';
}

/* clearfix */
.cf:before,
.cf:after {
    content: ' ';
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*breakpoint display*/
.sp {
    display: block;
}
.sp_inline {
    display: inline-block;
}
.pc,
.pc_inline {
    display: none !important;
}
.tab,
.tab_inline {
    display: none !important;
}
.tab.sp {
    display: block !important;
}
@media screen and (min-width: 768px) {
    .sp,
    .sp_inline {
        display: none !important;
    }
    .tab {
        display: block !important;
    }
    .tab_inline {
        display: inline !important;
    }
}
@media screen and (min-width: 992px) {
    .sp,
    .sp_inline {
        display: none !important;
    }
    .pc {
        display: block !important;
    }
    .pc_inline {
        display: inline-block !important;
    }
    .tab.sp {
        display: none !important;
    }
}

/*box-sizing default*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*input要素デフォルトcss削除用*/
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
}
input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    outline: 0px none black;
}
input[type='text'],
textarea {
    font-size: 16px;
    border: 1px solid #888;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
select:-ms-expand {
    display: none;
}
label {
    position: relative;
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
    max-width: 100%;
}

/*スマホ時のfocusの青枠削除*/
a,
a:focus,
button,
button:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*a設定*/
a {
    color: #000000;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
a:hover {
    color: #23459f;
}
a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*a アニメーション*/
@media screen and (min-width: 1200px) {
    a {
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        -ms-transition: all 0.1s;
        transition: all 0.1s;
    }
    a:hover {
    }
}

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

        共通パーツ

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

#wrap {
    width: 100%;
    overflow: hidden;
}

.font_marugo {
    font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro',
        'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ｺﾞｼｯｸM-PRO', 'HGMaruGothicMPRO';
}

.page_accordion_btn_box_shadow {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 1;
    -moz-box-shadow: 0px 0 10px #2e9fd8;
    -webkit-box-shadow: 0px 0 10px #2e9fd8;
    box-shadow: 0px 0 10px #2e9fd8;
}

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

        pageCMS

============================================================================*/
.paragraph {
    margin: 25px 0;
}
.paragraph:before,
.paragraph:after {
    content: ' ';
    display: table;
}
.paragraph:after {
    clear: both;
}
.paragraph {
    *zoom: 1;
}
@media (min-width: 992px) {
    .paragraph {
        margin: 40px 0;
    }
}

.article_wrap {
    padding-top: 10px;
    padding-bottom: 40px;
}
.article_wrap a {
    position: relative;
}

.article_main_img img {
    width: 100%;
}
.article_wrap img {
    display: block;
    margin: 0 auto;
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
    .article_wrap {
        width: 1040px;
        margin: 0 auto;
        padding: 10px 20px 60px 20px;
    }
}

/*テキストオブジェクト*/
/*.article_text p,
.article_text ul,
.article_text ol{
    margin: 15px 0 0;
}*/
.article_text ul > li {
    position: relative;
    padding-left: 18px;
    margin: 5px 0;
}
.article_text ul > li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 3px;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #000;
}
.article_text ol {
    counter-reset: li;
}
.article_text ol > li {
    position: relative;
    padding-left: 18px;
    margin: 5px 0;
}
.article_text ol > li:before {
    position: absolute;
    left: 0;
    color: #000;
    counter-increment: li;
    content: counter(li);
    font-weight: bold;
}
.article_text table {
    margin-top: 15px;
}
.article_text a {
    color: #23459f;
    text-decoration: underline;
}
.article_text a:hover {
    text-decoration: none;
}
.article_img {
    margin: 10px 0;
}
.article_img p {
    margin-top: 4px;
    font-size: 1.3rem;
    text-align: center;
    color: #585858;
}
/*.article_img img{
    margin-top: 15px;
}*/
/*テキストオブジェクト内他オブジェクト追加設定*/
.article_text .article_link {
    margin-top: 0;
}
@media (min-width: 992px) {
    .article_img {
        margin: 0;
    }
    /*.article_text,
    .article_img{
        margin-top: -15px;
    }*/
}
@media screen and (min-width: 768px) and (max-device-width: 991px) {
    .article_text .col-sm-6:nth-of-type(2n + 1) {
        clear: both;
        float: left;
    }
}

/*ブロックテキスト*/
.article_block_text {
    padding: 40px 40px;
    background-color: #e0eef7;
}

/*境界線*/
.article_rail hr {
    height: 1px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #91a2cf;
}

/*リンク基本形*/
.article_link a {
    display: inline-block;
    font-size: 1.6rem;
    margin-right: 5px;
}
/*.article_link a:before{
    content:"";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 0;
    margin-top: -6px;
    margin-left: 0px;
    border-top: 6px solid transparent;
    border-right: 0px solid transparent;
    border-left: #0080cc 8px solid;
    border-bottom: 6px solid transparent;
}*/

/*ファイルリンク*/
/*.article_file_link{
    margin-top: -15px;
}*/
.article_file_link a {
    font-weight: bold;
    margin-top: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #23459f;
}

/*アンカーリンク*/
.article_anchor_link {
    margin-top: -15px;
}
.article_anchor_link a {
    position: relative;
    font-weight: bold;
    margin-top: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #23459f;
    padding-right: 24px;
}
.article_anchor_link a:before,
.article_anchor_link a:after {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.article_anchor_link a:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    right: 7px;
    margin-top: -6px;
    border-top: 2px solid #91a2cf;
    border-right: 2px solid #91a2cf;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.article_anchor_link a:hover:before {
    margin-top: -2px;
}
.article_anchor_link a:after {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 12px;
    top: 50%;
    right: 10px;
    margin-top: -9px;
    background-color: #91a2cf;
}
.article_anchor_link a:hover:after {
    height: 15px;
}

.article_category_link {
    font-size: 0;
}
.article_category_link a {
    display: block;
    position: relative;
    margin-top: -1px;
    padding: 12px 40px 12px 20px;
    margin-right: 0;
    font-size: 1.4rem;
    background-color: #fff;
    border: 1px solid #657dbc;
    color: #657dbc;
}
.article_category_link.listtype1 a {
    display: block;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.article_category_link a:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    right: 14px;
    margin-top: -4px;
    border-top: 2px solid #91a2cf;
    border-right: 2px solid #91a2cf;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.article_category_link a:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 2px;
    top: 50%;
    right: 14px;
    margin-top: -1px;
    background-color: #91a2cf;
}
@media (max-width: 991px) {
    .article_category_link a:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
    }
    .article_category_link a:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        -moz-border-radius-bottomright: 6px;
    }
}
@media (min-width: 992px) {
    .article_category_link {
        margin-left: 2px;
    }
    .article_category_link a {
        display: inline-block;
        margin-top: 0;
        margin-left: -2px;
        padding: 8px 40px 8px 20px;
    }
    .article_category_link a:hover {
        border-color: #23459f;
        background-color: #23459f;
        color: #fff;
    }
    .article_category_link a:first-child {
        border-top-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-bottom-left-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
    }
    .article_category_link a:last-child {
        border-top-right-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
    }
    .article_category_link a:hover:before {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    .article_category_link a:hover:after {
        background-color: #fff;
    }
}

.article_page_link a {
    display: inline-block;
    position: relative;
    padding: 8px 40px 8px 20px;
    margin-right: 0;
    font-size: 1.4rem;
    background-color: #fff;
    border: 1px solid #657dbc;
    color: #657dbc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.article_page_link.listtype0 a {
    margin-bottom: 6px;
}
.article_page_link.listtype1 a {
    display: block;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.article_page_link a:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    right: 14px;
    margin-top: -4px;
    border-top: 2px solid #91a2cf;
    border-right: 2px solid #91a2cf;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.article_page_link a:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 2px;
    top: 50%;
    right: 14px;
    margin-top: -1px;
    background-color: #91a2cf;
}
@media (min-width: 992px) {
    .article_page_link a:hover {
        border-color: #23459f;
        background-color: #23459f;
        color: #fff;
    }
    .article_page_link a:hover:before {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    .article_page_link a:hover:after {
        background-color: #fff;
    }
}

/*外部リンク*/
.article_external_link {
    text-align: left;
}
.article_external_link a {
    display: inline-block;
    padding: 8px 15px;
    color: #23459f;
    background-color: #e6f1f9;
    border: 1px solid #cce3f2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}
.article_external_link a:after {
    content: '\e913';
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    margin-left: 8px;
    font-size: 1.2rem;
}
@media screen and (min-width: 1200px) {
    .article_external_link a:hover {
        color: #fff;
        background-color: #23459f;
        border-color: #23459f;
    }
}
.article_form_link {
    text-align: center;
}
.article_form_link a {
    display: inline-block;
    padding: 8px 15px;
    color: #23459f;
    background-color: #e6f1f9;
    border: 1px solid #cce3f2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.article_form_link a:after {
    content: '\e900';
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    position: relative;
    top: -1px;
    margin-left: 8px;
    font-size: 1.2rem;
}
@media screen and (min-width: 1200px) {
    .article_form_link a:hover {
        color: #fff;
        background-color: #23459f;
        border-color: #23459f;
    }
}

/* アイコン共通要素 */
.no_icon:after {
    content: none !important;
    margin: 0 !important;
}
a[href$='.pdf']:after,
* html a.pdf:after,
a[href$='.doc']:after,
* html a.doc:after,
a[href$='.xls']:after,
* html a.xls:after {
    content: ' ';
    position: relative;
    display: inline-block;
    top: -1px;
    width: 16px;
    height: 17px;
    margin-left: 5px;
    background: url(../img/common/icon_pdf.png) no-repeat 0 0;
    -webkit-background-size: 16px 17px;
    background-size: 16px 17px;
    vertical-align: middle;
}
/* pdf要素 */
a[href$='.pdf']:after,
* html a.pdf:after {
    background-image: url(../img/common/icon_pdf.png);
}
/* Word要素 */
a[href$='.doc']:after,
* html a.doc:after {
    background-image: url(../img/common/icon_word.png);
}
/* Excel要素 */
a[href$='.xls']:after,
* html a.xls:after {
    background-image: url(../img/common/icon_excel.png);
}

/*youtube*/
.article_movie {
    text-align: center;
}
@media (max-width: 992px) {
    .article_movie {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }
    .article_movie iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
}

/*google map*/
.article_map {
    height: 400px;
    width: 100%;
}
.article_map_wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.article_map_wrap .article_map {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
@media (min-width: 992px) {
    .article_map_wrap {
        padding-top: 40%;
    }
}

/*テーブル*/

.article_wrap .scroll_wrap table th,
.article_wrap .scroll_wrap table td {
    padding: 10px 15px;
    border: 1px solid #d3d3d3;
}
.article_wrap .scroll_wrap table th {
    background-color: #eef0f3;
    text-align: left;
}
@media (max-width: 767px) {
    .article_wrap .scroll_wrap table,
    .article_wrap .scroll_wrap table th,
    .article_wrap .scroll_wrap table td,
    .article_wrap .scroll_wrap table tr,
    .article_wrap .scroll_wrap table tbody,
    .article_wrap .scroll_wrap table thead {
        display: block;
        width: 100% !important;
        height: auto !important;
        margin-top: -1px;
    }
    .article_wrap .scroll_wrap table thead {
        display: none;
    }
    .article_wrap .scroll_wrap table td:before {
        content: attr(data-title) ' ';
        display: block;
        font-weight: bold;
        font-size: 1.5rem;
    }

    /*.article_wrap .scroll_wrap table{
            display: block;
    }
    .article_wrap .scroll_wrap{
            overflow: auto;
            white-space: nowrap;
            padding: 0 0 5px;
    }
    .article_wrap .scroll_wrap::-webkit-scrollbar{
            height: 5px;
    }
    .article_wrap .scroll_wrap::-webkit-scrollbar-track {
            border-radius: 5px;
            background: #eee;
    }
    .article_wrap .scroll_wrap::-webkit-scrollbar-thumb {
            border-radius: 5px;
            background: #666;
    }*/
}

.article_title_main {
    font-size: 3.4rem;
    line-height: 1.4;
    margin-bottom: 5px;
}
#search .article_title_main {
    text-align: center;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 30px;
}
.article_title_l {
    position: relative;
    font-size: 2.2rem;
    padding: 20px;
    background: rgb(243, 244, 246);
    background: -moz-linear-gradient(
        left,
        rgba(243, 244, 246, 1) 0%,
        rgba(243, 244, 246, 1) 60%,
        rgba(155, 216, 237, 1) 100%
    );
    background: -webkit-linear-gradient(
        left,
        rgba(243, 244, 246, 1) 0%,
        rgba(243, 244, 246, 1) 60%,
        rgba(155, 216, 237, 1) 100%
    );
    background: linear-gradient(
        to right,
        rgba(243, 244, 246, 1) 0%,
        rgba(243, 244, 246, 1) 60%,
        rgba(155, 216, 237, 1) 100%
    );
}
.article_title_m {
    margin-top: 10px;
    margin-bottom: -10px;
    font-size: 1.8rem;
    border-top: 1px solid #e5e6e8;
    border-bottom: 1px solid #e5e6e8;
}
.article_title_m span {
    display: inline-block;
    border-bottom: 3px solid #22459f;
    margin-top: -1px;
    padding: 16px 0 15px;
}
.article_title_s {
    margin-top: 10px;
    margin-bottom: -10px;
    font-size: 1.6rem;
    background: #f3f4f6;
    padding: 2px 10px;
}
@media (min-width: 768px) {
    #search .article_title_main {
        margin-top: 50px;
    }
    .article_title_l {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: 30px;
        padding-right: 190px;
    }
    .article_title_l:after {
        content: '';
        position: absolute;
        top: -50px;
        right: 0px;
        width: 192px;
        height: 99px;
        background: url(../img/common/article_title_obj.png) no-repeat 0 0;
    }
}
@media (min-width: 992px) {
    .article_title_main {
        margin-left: -20px;
        margin-right: -20px;
    }
}

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

        //pageCMSここまで

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

.pan {
    overflow: hidden;
    background-color: #ededed;
    padding: 10px 0 2px;
    font-size: 1.1rem;
}
.pan_list li {
    position: relative;
    float: left;
    padding-right: 26px;
    margin-bottom: 7px;
}
.pan_list li:after {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    right: 12px;
    margin-top: -3px;
    border-top: 1px solid #23459f;
    border-right: 1px solid #23459f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pan_list li:last-child {
    padding-right: 0;
}
.pan_list li:last-child:after {
    content: none;
}
@media (min-width: 992px) {
    .pan {
        font-size: 1.3rem;
    }
    .pan_list li {
        position: relative;
        float: left;
        padding-right: 32px;
        margin-bottom: 7px;
    }
    .pan_list li:after {
        width: 6px;
        height: 6px;
        right: 14px;
        margin-top: -4px;
    }
}
.page_category_list.colm2 {
    margin: 0 10px;
}
.page_category_list.colm2 li {
    float: left;
    width: 50%;
    margin: 0;
    border-right: dashed 1px #b2b2b2;
}
.page_category_list.colm2 li.pickup:nth-of-type(1) {
    margin-left: -10px;
    width: 50.5%;
    width: calc(50% + 10px);
    border-right: 1px solid #fff;
}
.page_category_list.colm2 li.pickup:nth-of-type(1) a:after {
    right: 15px;
}
.page_category_list.colm2 li.pickup:nth-of-type(2) {
    margin-right: -10px;
    width: 50.5%;
    width: calc(50% + 10px);
}
.page_category_list.colm2 li.pickup:nth-of-type(2) a {
    padding-left: 10px;
}
.page_category_list.colm2 li.pickup:nth-of-type(2) a:after {
    right: 25px;
}
.page_category_list.colm2 li:nth-of-type(2n) {
    border-right: 0;
}
.page_category_list.colm2 li a:after {
    right: 15px;
}
.page_category_list.colm2 li.wide a {
    padding: 15px 10px 15px 10px;
}

.page_category_list.colm3 {
    margin: 0 10px;
}
.page_category_list.colm3 li {
    float: left;
    width: 33.333333333%;
    margin: 0;
    border-right: dashed 1px #b2b2b2;
}
.page_category_list.colm3 li:nth-of-type(3n) {
    border-right: 0;
}

.page_category_list li.wide {
    width: 100%;
    border-right: 0;
    text-align: center;
}

/*情報ver(追加情報)*/
.page_category_list_sub_box {
    background: #e5e5e5;
    padding: 10px;
    padding-bottom: 20px;
}
.page_category_list_sub li {
}
.page_category_list_sub li a {
    display: block;
    position: relative;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 10px 30px 10px 10px;
}
.page_category_list_sub li a:after {
    content: '';
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    border-top: 4px solid #4c4c4c;
    border-right: 4px solid #4c4c4c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.page_category_list_sub_box .bnr_block {
    display: block;
    margin: 10px 10px 0;
}
@media (min-width: 992px) {
    .page_category_list_sub_box {
        overflow: hidden;
    }
    .page_category_list_sub_box .bnr_block {
        float: left;
        margin: 20px 1% 0;
        width: 48%;
    }
}

.page_category_list .badge {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    line-height: 1;
    padding: 4px 10px;
    font-size: 1.3rem;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #d9ecf7;
    color: #000;
}
.page_category_list li.pickup {
    margin: 0;
    border: 0;
    margin-bottom: 1px;
}
.page_category_list li.pickup a {
    padding: 15px 40px 15px 20px;
    background: #f8d84c;
}
.page_category_list li.pickup a:after {
    right: 20px;
}

/*共通下層タイトル*/
.page_main_title {
    position: relative;
    min-height: 160px;
    background: #0f1d4d no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.page_main_title.page_main_title_mini {
    min-height: 44px;
    text-align: left;
    background-color: #23459f;
}
.page_main_title.page_main_title_mini .sub_title {
    display: block;
    font-size: 1.1rem;
}
.page_main_title h1,
.page_main_title h2 {
    position: absolute;
    top: 42%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
.page_main_title h1 img,
.page_main_title h2 img {
    height: 100px;
}
.page_main_title.page_main_title_mini .main_title,
.page_main_title.page_main_title_mini .main_title_mini {
    position: static;
    font-weight: bold;
    font-size: 1.6rem;
    color: #fff;
    text-align: left;
    padding: 11px 15px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.page_main_title .company_name {
    position: absolute;
    top: 75%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
.page_main_title .company_name img {
    width: 220px;
}
.page_main_title .obj_page_main_title_left,
.page_main_title .obj_page_main_title_right {
    position: absolute;
}
.page_main_title .obj_page_main_title_left {
    left: 0;
    bottom: -1px;
    height: 80px;
}
.page_main_title .obj_page_main_title_right {
    right: 0;
    top: 0;
    height: 80px;
}
.title_as {
    background-image: url(../img/common/title_as_bg.jpg);
}
.title_hs {
    background-image: url(../img/common/title_hs_bg.jpg);
}
.title_ttc {
    background-image: url(../img/common/title_ttc_bg.jpg);
}
.title_vm7 {
    background-image: url(../img/common/title_vm7_bg.jpg);
}
.title_ict {
    background-image: url(../img/common/title_ict_bg.jpg);
}
.title_c3p {
    background-image: url(../img/common/title_c3p_bg.jpg);
}
.title_r2d {
    background-image: url(../img/common/title_r2d_bg.jpg);
}
.title_oth {
    background-image: url(../img/common/title_oth_bg.jpg);
}

.sub_gl_nav_wrap {
    position: relative;
}
.sub_gl_nav {
    text-align: center;
    background-color: #0f1d4d;
}
.sub_gl_nav li {
    display: block;
    float: left;
    width: 50%;
}
.sub_gl_nav li a {
    position: relative;
    display: block;
    padding: 15px;
    margin: 0;
    font-weight: bold;
    font-size: 1.6rem;
    color: #fff;
}
.sub_gl_nav li a:before {
    content: '';
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.sub_gl_nav li a:hover:before,
.sub_gl_nav li a.active:before {
    opacity: 1;
}
@media (min-width: 768px) {
    .page_main_title {
        min-height: 230px;
    }
    .page_main_title h1 img,
    .page_main_title h2 img {
        height: 150px;
    }
    .page_main_title .company_name img {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .page_main_title {
        min-height: 328px;
    }
    .page_main_title.page_main_title_mini {
        min-height: 58px;
        background: #23459f url(../img/common/obj_page_title_mini.png) no-repeat right top;
        -webkit-background-size: auto 81px;
        background-size: auto 81px;
    }
    .page_main_title .obj_page_main_title_left,
    .page_main_title .obj_page_main_title_right {
        height: auto;
    }
    .page_main_title h1,
    .page_main_title h2 {
        top: 46%;
    }
    .page_main_title h1 img,
    .page_main_title h2 img {
        height: auto;
    }
    .page_main_title.page_main_title_mini .main_title,
    .page_main_title.page_main_title_mini .main_title_mini  {
        font-size: 2rem;
        padding: 11px 15px;
    }
    .page_main_title.page_main_title_mini .sub_title {
        font-size: 1.3rem;
    }
    .page_main_title .company_name {
        top: 84%;
    }
    .page_main_title .company_name img {
        width: auto;
    }
    .sub_gl_nav li {
        display: inline-block;
        float: none;
        width: auto;
    }
    .sub_gl_nav li a {
        margin: 0 30px;
    }
}
@media (min-width: 1200px) {
}

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

        header

============================================================================*/
#animation_container {
    /*position:absolute;*/
    margin: auto;
    left: 0;
    right: 0;
}
#canvas {
    width: 100%;
}

.top_company_name {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px 10px;
    font-size: 1.1rem;
    font-weight: bold;
    z-index: 10;
}
.video_area {
    display: none;
    position: relative;
    background-color: #0e1a41;
}
.video_area video {
    width: 100%;
    vertical-align: bottom;
}
.video_area_sp {
    display: block;
}
.video_area_sp img {
    width: 100%;
}

/*.header{
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 19.7%;
    overflow: hidden;
    background: url(../img/mock/sp/nav/nav_01.png) no-repeat center center;
    -webkit-background-size: 100%;
    background-size: 100%;
    z-index: 20;
}
@media (min-width: 992px) {
    .header{
        text-align: center;
        position: fixed;
        padding-top: 0;
        width: 100%;
        overflow: hidden;
        height: 112px;
        background: url(../img/mock/pc/nav/nav_img01.png) no-repeat center center;
    }
}*/
.header {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 55px;
    z-index: 20;
    top: 0;
    left: 0;
    -moz-box-shadow: 0px 3px 4px rgba(000, 000, 000, 0.3);
    -webkit-box-shadow: 0px 3px 4px rgba(000, 000, 000, 0.3);
    box-shadow: 0px 3px 4px rgba(000, 000, 000, 0.3);
}
.header_left {
    display: table;
    float: left;
}
.header_right {
    display: table;
    float: left;
}
.header_left > div,
.header_right > div {
    display: table-cell;
    width: 55px;
    height: 55px;
    padding: 0 15px;
    border-right: 1px solid #dee3f1;
    vertical-align: middle;
    text-align: center;
}
.header_left > div img,
.header_right > div img {
    vertical-align: middle;
}
.header_center {
    position: absolute;
    top: 0;
    right: 0;
}
@media (min-width: 992px) {
    .top_company_name {
        font-size: 1.3rem;
        top: 70px;
    }
    .video_area {
        display: block;
    }
    .video_area_sp {
        display: none;
    }
    .header {
        height: 70px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .header_left {
        display: block;
        position: static;
        flex: 0 1 235px;
    }
    .header_right {
        /*display: table;*/
        display: block;
        position: static;
        flex: 0 1 260px;
    }
    .header_left > div,
    .header_right > div {
        width: 70px;
        height: 70px;
        padding: 0;
    }
    .header_center {
        position: static;
        /*width: calc(100% - 460px);*/
        flex: 0 1 calc(100% - 475px);
        /*right: 50%;*/
        /*-webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        transform: translate(50%, 0);
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        transition: all 0.1s linear; */
    }
    *::-ms-backdrop,
    .header_center {
        width: calc(100% - 475px); /* IE11 */
    }
}
/*@media (min-width: 1060px) {
    .header_center{
        width: 880px;
    }
}
@media (min-width: 1280px) {
    .header_center{
        width: 880px;
    }
}*/

.header_logo {
    position: relative;
    margin-right: -3px;
    padding: 12px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    background: #fff;
    z-index: 30;
}
.header_logo:before {
    content: '';
    position: absolute;
    top: 0;
    left: -2%;
    width: 104%;
    height: 55px;
    background-color: #fff;
    z-index: 0;
}
.header_logo:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    -moz-box-shadow: 0px 3px 4px rgba(000, 000, 000, 0.3);
    -webkit-box-shadow: 0px 3px 4px rgba(000, 000, 000, 0.3);
    box-shadow: 0px 3px 4px rgba(000, 000, 000, 0.3);
    z-index: -1;
}
.header_logo img {
    position: relative;
    width: 60px;
}
@media (min-width: 992px) {
    .header_logo {
        position: absolute;
        left: 50%;
        padding: 18px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .header_logo:before {
        height: 70px;
    }
    .header_logo img {
        width: 70px;
        right: -1px;
    }
}

.header_menu_trigger {
    position: relative;
    margin: auto;
}
.header_menu_trigger a {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    vertical-align: middle;
}
.header_menu_trigger span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #23459f;
    margin: 3px 0;
    float: right;
    clear: both;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.header_left .header_menu_trigger,
.header_right .header_menu_trigger {
    padding: 0 15px;
}
.header_menu_trigger a:hover span:nth-child(2) {
    width: 75%;
}
.header_menu_trigger a:hover span:nth-child(3) {
    width: 50%;
}
@media (min-width: 992px) {
    .header_left .header_menu_trigger,
    .header_right .header_menu_trigger {
        padding: 0 20px;
    }
    .header_menu_trigger span {
        margin: 3px 0;
    }
}

.header_language {
    display: block;
}
.header_language span {
    display: none;
}
@media (min-width: 992px) {
    .header_left .header_language {
        width: 165px;
    }
    .header_language a {
        display: block;
        height: 70px;
        padding: 22px 10px;
    }
    .header_language a:hover {
        background: #e5e5e5;
    }
    .header_language span {
        display: inline;
        vertical-align: middle;
    }
    .header_language img {
        width: 20px;
        margin-right: 10px;
    }
}

.header_participants {
}
.header_participants span {
    display: none;
}
@media (min-width: 992px) {
    .header_right .header_participants {
        width: 220px;
    }
    .header_right .header_participants a {
        display: block;
        height: 70px;
        padding: 22px 0 0;
    }
    .header_right .header_participants a:hover {
        background-color: #e5e5e5;
    }
    .header_participants img {
        width: 20px;
        vertical-align: middle;
        margin-right: 10px;
    }
    .header_participants span {
        display: inline;
        vertical-align: middle;
    }
}

.header_search {
}
.search_block {
    width: 100%;
}
.search_block form {
    position: relative;
}
.search_title {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: left;
    margin-bottom: 8px;
}
.search_text {
    width: 100%;
    height: 3.4rem;
    line-height: 3.4rem;
    padding: 0 83px 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #e5e5e5;
    border: 1px solid #cccccc;
}
.search_btn {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    width: 90px;
    text-align: center;
    height: 2.6rem;
    line-height: 2.6rem;
    font-size: 1.3rem;
    background: #23459f;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    vertical-align: middle;
}
.search_btn img {
    position: relative;
    top: -1px;
    display: inline-block;
    height: 14px;
    width: auto;
    margin-right: 5px;
    vertical-align: middle;
}
@media (min-width: 768px) {
    .search_btn {
        width: 90px;
    }
}
@media (min-width: 992px) {
    .header_search img {
        width: 20px;
    }
    .search_block {
        width: 720px;
        margin: 0 auto 20px;
    }
    .search_text {
        height: 5rem;
        line-height: 5rem;
        padding: 0 83px 0 10px;
    }
    .search_btn {
        top: 0.6rem;
        right: 0.6rem;
        width: 120px;
        height: 3.8rem;
        line-height: 3.8rem;
        font-size: 1.5rem;
    }
    .search_btn img {
        top: -2px;
        height: 16px;
        margin-right: 8px;
        width: auto;
    }
}

.header_dropdown {
    display: none;
    position: absolute;
    width: 100%;
    top: 55px;
    left: 0;
    padding: 20px 0 30px;
    background: #fff;
    z-index: 5;
}
.header_dropdown:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}
.header_dropdown_toggle {
    cursor: pointer;
}
.header_dropdown_toggle.active {
    background-color: #e5e5e5;
}
.header_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 15;
}

@media (min-width: 992px) {
    .header_dropdown {
        top: 70px;
        padding: 50px 0 30px;
    }
}

.gl_nav_wrap {
    display: none;
}
.gl_nav li > a {
    font-size: 1.5rem;
    color: #23459f;
    font-weight: bold;
    font-feature-settings: 'palt' 1;
}

@media (min-width: 992px) {
    .gl_nav_wrap {
        display: block;
        width: 590px;
        padding-left: 30px;
    }
    .gl_nav > li {
        float: left;
        height: 70px;
        width: 110px;
        text-align: center;
    }
    .gl_nav > li:nth-of-type(2) {
        margin-right: 60px;
    }
    .gl_nav > li:nth-of-type(3) {
        margin-left: 60px;
    }
    .gl_nav > li > a {
        display: block;
        padding-top: 13px;
        height: 100%;
    }
    .gl_nav > li > a:hover {
        background-color: #e5e5e5;
    }
    .gl_nav > li > a i {
        display: block;
        font-style: normal;
        font-size: 1.1rem;
        font-weight: normal;
        color: #000;
        line-height: 1.2;
    }
}
@media (min-width: 1060px) {
    .gl_nav_wrap {
        width: 700px;
        margin: 0 auto;
    }
    .gl_nav > li {
        width: 135px;
    }
    .gl_nav > li:nth-of-type(2) {
        margin-right: 60px;
    }
    .gl_nav > li:nth-of-type(3) {
        margin-left: 60px;
    }
}
@media (min-width: 1280px) {
    .gl_nav_wrap {
        width: 920px;
        margin: 0 auto;
    }
    .gl_nav > li {
        width: 190px;
    }
    .gl_nav > li:nth-of-type(2) {
        margin-right: 60px;
    }
    .gl_nav > li:nth-of-type(3) {
        margin-left: 60px;
    }
}

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

        main_contents

============================================================================*/
.page_main_img {
    position: relative;
    overflow: hidden;
    min-height: 160px;
    background: #8ec6f2;
    background: -moz-linear-gradient(left, #8ec6f2 0%, #5a78ae 100%);
    background: -webkit-linear-gradient(left, #8ec6f2 0%, #5a78ae 100%);
    background: linear-gradient(to right, #8ec6f2 0%, #5a78ae 100%);
}
.page_main_img.typeB {
    min-height: 100px;
}
.page_main_img_bg {
    position: absolute;
    min-height: 160px;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.page_main_img_title {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    padding: 10px 25px;
    z-index: 5;
}
@media (min-width: 992px) {
    .page_main_img {
        margin: 15px 0;
    }
    .page_main_img.typeB {
        min-height: 160px;
    }
}

/*pager*/
.pager {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 20px 0 25px;
    padding-bottom: 0px;
}
.pager .page-numbers {
    display: inline-block;
    text-align: center;
    width: 35px;
    height: 35px;
    padding-top: 5px;
    margin: 0 2px;
    border: 1px solid #0080cc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    color: #0080cc;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.pager .page-numbers:hover,
.pager .page-numbers:active,
.pager .page-numbers.current {
    background-color: #0080cc;
    color: #fff;
}
.pager .page-numbers.prev,
.pager .page-numbers.next {
    position: absolute;
    border: 0;
    width: auto;
}
.pager .page-numbers.prev {
    left: 0;
}
.pager .page-numbers.next {
    right: 0;
}
.pager .page-numbers.prev:before {
    content: '';
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 50%;
    left: 0;
    margin-top: -7px;
    border-top: 4px solid #0080cc;
    border-right: 4px solid #0080cc;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.pager .page-numbers.next:before {
    content: '';
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 50%;
    right: 0;
    margin-top: -7px;
    border-top: 4px solid #0080cc;
    border-right: 4px solid #0080cc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
    .pager .page-numbers {
        width: 50px;
        height: 50px;
        padding-top: 9px;
        font-size: 1.8rem;
    }
}

/*remodal*/

.remodal-overlay {
    opacity: 0.9;
    background: rgba(35, 69, 159, 1) no-repeat 0 0;
}
.remodal {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    margin: auto;
}
.remodal-close {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 40px;
    height: 40px;
    /*background: url(../img/common/remodal_close.png) no-repeat 0 0;
    -webkit-background-size: 60px;
    background-size: 60px;*/
    border: 0;
}
.remodal-close:after,
.remodal-close:before {
    content: '';
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    margin-left: -20px;
    background-color: #fff;
}
.remodal-close:after {
    transform: rotate(315deg);
}
.remodal-close:before {
    transform: rotate(-315deg);
}
.remodal-close:hover {
    cursor: pointer;
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes;
}

.remodal {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes;
}

.modal_body {
    padding-top: 30px;
}
.modal_body .footer_main,
.modal_body .footer_secondary {
    background: none;
    text-align: left;
}
.modal_body .modal_body_line {
    height: 0;
    margin: 0;
    margin-top: -10px;
    margin-bottom: 0;
    padding: 0;
}
.modal_body .footer_main a,
.modal_body .footer_secondary a {
    color: #fff;
}
@media screen and (min-width: 992px) {
    .modal_body a:hover {
        text-decoration: underline;
    }
}

/* Keyframes */
@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);

        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;

        opacity: 1;

        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);

        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;

        opacity: 1;

        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);

        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);

        opacity: 0;

        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);

        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);

        opacity: 0;

        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@media screen and (min-width: 768px) {
}

/*search*/
.search_area {
    padding: 12px;
    overflow: hidden;
    position: relative;
}
.search_area input[name$='q'] {
    width: 100%;
    padding: 0 30px 0 10px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 2px solid #808080;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.search_area button {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 2rem;
    margin-top: -1rem;
    color: #0080cc;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}

.modal_list_box {
    background: #fff;
    overflow: hidden;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    text-align: left;
}
.contact_block_bg_gray {
    background: #d9d9d9;
    margin-left: -22px;
    margin-right: -22px;
}
.contact_form {
    padding: 0 22px;
}
.contact_form_item {
    margin: 10px 0;
}
.contact_form_item.radio_box {
    margin: 15px 0;
}
.contact_form input,
.contact_form textarea {
    padding: 13px 10px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #999999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.contact_form textarea {
    height: 180px;
}
.contact_form input:placeholder-shown {
    color: #0080cc;
}
.contact_form input::-webkit-input-placeholde {
    color: #0080cc;
}
.contact_form input:-moz-placeholder {
    color: #0080cc;
}
.contact_form input::-moz-placeholder {
    color: #0080cc;
}
.contact_form input:-ms-input-placeholder {
    color: #0080cc;
}
@media (min-width: 992px) {
    .contact_form {
        padding: 0 16%;
    }
}

/*radio01 css*/
.radio01-wrap {
    padding: 6px 0;
}
.radio01-input {
    display: none;
}
.radio01-parts {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
}
.radio01-parts::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 50%;
    background-color: #fff;
}
.radio01-input:checked + .radio01-parts {
    color: #0080cc;
}
.radio01-input:checked + .radio01-parts::after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    background: #0080cc;
    border-radius: 50%;
}
.contact_register > button {
    padding-top: 20px;
    padding-bottom: 20px;
}
@media (min-width: 992px) {
    .contact_register {
        margin: 20px 0 40px;
    }
    .contact_register > button {
        width: 400px;
        margin: 0 auto;
    }
}

/*common*/
.page_head_title_l {
    position: relative;
    text-align: center;
    margin: 20px 0;
    z-index: 3;
}
.page_head_title_l strong {
    font-family: 'Ropa Sans', sans-serif;
    font-size: 2.2rem;
    letter-spacing: 0.25em;
    font-style: italic;
    line-height: 1.1;
    padding-left: 0.25em;
}
.page_head_title_l strong img {
    height: 20px;
}
.page_head_title_l span {
    display: block;
    margin-top: 2px;
    text-align: center;
    color: #23459f;
}
.obj_geometry {
    position: absolute;
}
@media (min-width: 992px) {
    .page_head_title_l {
        margin: 30px 0;
    }
    .page_head_title_l strong {
        font-size: 3rem;
    }
    .page_head_title_l strong img {
        height: auto;
    }
}

/*business_area*/
.business_area {
    position: relative;
    overflow: hidden;
    padding: 10px 0 30px;
}
.business_area .obj_geometry_left_top {
    height: 45px;
    left: 0;
    top: 0;
}
.business_area .obj_geometry_right_top {
    height: 70px;
    right: 0;
    top: 0;
}
.business_area .obj_geometry_left_bottom {
    height: 90px;
    left: 0;
    bottom: 0;
}
@media (min-width: 992px) {
    .business_area {
        padding: 20px 0 40px;
    }
    .business_area .obj_geometry_left_top {
        height: auto;
        left: 0;
        top: 46px;
    }
    .business_area .obj_geometry_right_top {
        height: auto;
        right: 0;
        top: 46px;
    }
    .business_area .obj_geometry_left_bottom {
        height: auto;
        left: 0;
        bottom: 0;
    }
}

.page_menu_list li {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.page_menu_list a {
    position: relative;
    display: table;
    width: 100%;
    background: #e5e5e5;
    /*border: 1px solid #e0e0e0;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.page_menu_list a i,
.page_menu_list a span {
    display: table-cell;
    vertical-align: middle;
    height: 74px;
    padding: 10px;
    text-align: center;
    line-height: 1.3;
}
.page_menu_list a i {
    width: 55px;
}
.page_menu_list a span {
    padding-left: 0;
    font-size: 1.4rem;
    font-weight: bold;
}
.page_menu_list a em {
    font-style: normal;
    color: #000;
}
.page_menu_list a em i {
    width: auto;
    display: block;
    height: auto;
    padding: 5px 0 0;
    font-size: 1.15rem;
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    color: #23459f;
}
@media (max-width: 768px) {
    .page_menu_list a span {
        font-size: 1.3rem;
    }
}
@media (max-width: 991px) {
    .page_menu_list li:nth-of-type(2n) {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .page_menu_list li {
        float: left;
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .page_menu_list li:nth-of-type(4n) {
        margin-right: 0;
    }
    .page_menu_list a,
    .page_menu_list a i,
    .page_menu_list a span {
        width: 100%;
        display: block;
    }
    .page_menu_list a {
        position: relative;
        padding: 20px;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    .page_menu_list a i {
        width: 88px;
        margin: 0 auto;
    }
    .page_menu_list a span {
        display: table;
        height: 5.8em;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .page_menu_list a span em {
        display: table-cell;
        vertical-align: middle;
    }
    .page_menu_list a em i {
        padding-top: 10px;
    }
    .page_menu_list a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #23459f;
        opacity: 0;
        transition: all 0.3s ease;
        transform: scale(0.9);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
    .page_menu_list a:hover:before {
        opacity: 1;
        transform: scale(1);
    }
    .page_menu_list a:hover {
        background-color: #e0eef7;
        border-color: #23459f;
    }
    .page_menu_list a:hover em {
    }
}

.news_area {
    background: #e0eef7;
    padding: 10px 0 30px;
}
.news_list_child {
    margin-bottom: 15px;
}
.news_list_child a {
    position: relative;
    display: block;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0px 2px 10px rgba(4, 4, 48, 0.3);
    box-shadow: 0px 2px 10px rgba(4, 4, 48, 0.3);
}
.news_list_child dt {
    overflow: hidden;
    margin-bottom: 8px;
}
.news_list_child .category {
    display: inline-block;
    background: #23459f;
    width: 100px;
    color: #fff;
    line-height: 1;
    padding: 4px 0;
    text-align: center;
    font-weight: bold;
}
.news_list_child .date {
    display: inline-block;
    margin-left: 10px;
}
@media (min-width: 768px) {
    .news_list_child dt {
        width: 270px;
    }
}
@media (min-width: 992px) {
    .news_area {
        padding: 30px 0 60px;
    }

    .news_list_child a {
        padding: 20px 25px;
    }
    /*.news_list_child a:hover{
        color: #000;
        border: 1px solid #23459f;
    }*/
    .news_list_child a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #23459f;
        opacity: 0;
        transition: all 0.3s ease;
        transform: scale(0.98, 0.8);
    }
    .news_list_child a:hover:before {
        opacity: 1;
        transform: scale(1);
    }
    .news_list_child dl {
        display: table;
    }
    .news_list_child dt,
    .news_list_child dd {
        vertical-align: top;
        display: table-cell;
    }
    .news_list_child dd {
        padding-left: 30px;
    }
    .news_list_child .date {
        float: none;
        padding-left: 30px;
    }
}

.news_archive {
    margin-top: 20px;
    text-align: center;
}
.page_btn_style01 {
    position: relative;
    display: inline-block;
    min-width: 280px;
    padding: 10px 20px;
    text-align: center;
    background: #fff;
    font-size: 1.5rem;
    /*border: 1px solid #fff;*/
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.page_btn_style01:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 20px;
    margin-top: -5px;
    border-top: 1px solid #23459f;
    border-right: 1px solid #23459f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.page_btn_style01.active {
    background-color: #23459f;
    color: #fff;
}

@media (min-width: 992px) {
    .news_archive {
        margin-top: 35px;
    }
    .page_btn_style01:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #23459f;
        opacity: 0;
        transition: all 0.3s ease;
        transform: scale(0.95, 0.8);
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }
    .page_btn_style01:hover:before {
        opacity: 1;
        transform: scale(1);
    }
}
.pick_up_area {
    padding: 20px 0 40px;
    position: relative;
    overflow: hidden;
    background: url(../img/common/ptn_dot.png) 0 0;
}
.pick_up_area:after {
    content: '';
    position: absolute;
    top: 4%;
    left: 0;
    width: 120%;
    height: 45%;
    margin: 0 -10% 0;
    background: #fff;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    z-index: 2;
}
.pick_up_area:before {
    content: '';
    position: absolute;
    bottom: -35%;
    left: 0;
    width: 120%;
    height: 50%;
    margin: 0 -5% 0;
    background: #e0eef7;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: 1;
}

.pick_up_area .obj_geometry_right_top {
    height: 100px;
    right: 0;
    top: 0;
    z-index: 3;
}
@media (min-width: 992px) {
    .pick_up_area {
        padding: 60px 0 60px;
    }
    .pick_up_area .obj_geometry_right_top {
        height: auto;
        top: 48px;
    }
    .pick_up_area:after {
        top: -2%;
        height: 50%;
        -webkit-transform: rotate(4.5deg);
        -ms-transform: rotate(4.5deg);
        transform: rotate(4.5deg);
    }
    .pick_up_area:before {
        bottom: -45%;
        margin: 0 -10% 0;
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
}

.pick_up_item {
    position: relative;
    z-index: 10;
}
.pick_up_slider_item span,
.pick_up_item span {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 108px;
    height: 38px;
    font-size: 1.3rem;
    color: #fff;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.pick_up_slider_item span {
    width: 45vw;
    height: 13vw;
    font-size: 3.5vmin;
}

.pick_up_slider {
    width: 90%;
    margin: 0 auto;
    z-index: 5;
}
.pick_up_slider_item {
    position: relative;
}
.pick_up_slider_item img {
    width: 100%;
}
.pick_up_slider .slick-dots {
    bottom: -36px;
}
.pick_up_slider .slick-dots li {
    margin: 0 5px;
}
.pick_up_slider .slick-dots li button:before {
    opacity: 1;
    color: #fff;
    font-size: 18px;
    text-shadow: #23459f 1px 1px 0px, #23459f -1px 1px 0px, #23459f 1px -1px 0px,
        #23459f -1px -1px 0px;
}
.pick_up_slider .slick-dots li.slick-active button:before {
    color: #23459f;
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .pick_up_item:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #23459f;
        opacity: 0;
        transition: all 0.3s ease;
        transform: scale(0.9);
    }
    .pick_up_item:hover:before {
        opacity: 1;
        transform: scale(1);
    }
    .pick_up_item:hover span {
        border-color: #23459f;
        background: #23459f;
        color: #fff;
    }
    .pick_up_item span {
        width: 155px;
        height: 44px;
        font-size: 1.5rem;
    }
}
@media (min-width: 1200px) {
    .pick_up_item span {
        width: 168px;
        height: 48px;
    }
}

/*corporate_area*/
.corporate_area {
    position: relative;
    background: #e0eef7;
    padding: 00px 0 40px;
}
.corporate_area .obj_geometry_left {
    height: 200px;
    left: 0;
    top: -85px;
    z-index: 2;
}
.corporate_area .obj_geometry_left_bottom {
    height: 180px;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.corporate_item {
    position: relative;
    z-index: 5;
}
.corporate_item a {
    display: block;
    width: 100%;
    table-layout: fixed;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 10px rgba(4, 4, 48, 0.3);
    box-shadow: 0px 2px 10px rgba(4, 4, 48, 0.3);
    margin-bottom: 20px;
    overflow: hidden;
}
.corporate_item .title {
    display: block;
    width: 60%;
    float: left;
    padding: 10px 0 0 20px;
}
.corporate_item.item01 .title {
    padding-top: 27px;
}
.corporate_item.item02 .title {
    padding-top: 18px;
}
.corporate_item.box_3 .title {
    width: 70%;
    padding-top: 27px;
}
.corporate_item .photo {
    display: block;
    width: 40%;
    overflow: hidden;
    float: left;
}
.corporate_item.box_3 .photo {
    width: 30%;
    padding: 20px;
}
.corporate_item a {
    position: relative;
    transition: all 0.1s;
    text-decoration: none;
}
.corporate_item a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #23459f;
    opacity: 0;
    transition: all 0.3s ease;
    transform: scale(0.9);
}
.corporate_item a:hover:before {
    opacity: 1;
    transform: scale(1);
}
.corporate_item a strong,
.corporate_item a em {
    display: block;
}
.corporate_item a strong {
    font-size: 1.6rem;
}
.corporate_item a em {
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #23459f;
}
.corporate_item img {
    width: 100%;
}
@media (min-width: 768px) {
    .corporate_item a:hover {
    }
    .corporate_item.item01 .title,
    .corporate_item.item02 .title {
        float: none;
        width: 100%;
        padding: 26px 20px;
    }
    .corporate_item.item01 .photo,
    .corporate_item.item02 .photo {
        float: none;
        width: 100%;
    }
}
@media (min-width: 992px) {
    .corporate_area .obj_geometry_left {
        height: auto;
        top: -30px;
    }
}

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

        footer

============================================================================*/
.footer {
    position: relative;
    color: #fff;
}
@media (min-width: 768px) {
    .footer.sp {
        display: block !important;
    }
}
@media (min-width: 992px) {
    .footer.sp {
        display: none !important;
    }
}

.footer .obj_geometry_left_bottom {
    left: 0;
    bottom: 0;
}
.footer .obj_geometry_right_bottom {
    right: 0;
    bottom: 0;
}

.footer a {
    color: #fff;
}
.footer a:hover {
    text-decoration: underline;
}
.footer_nav_sp {
    background-color: #23459f;
    position: relative;
    z-index: 5;
}
.footer_nav_sp > li {
    padding: 0 20px;
}
.footer_nav_sp .color01 {
    background: #0f1d4d;
    padding: 0;
}
.footer_nav_sp a {
    display: block;
    position: relative;
    padding: 15px 10px;
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #657dbc;
}
.footer_nav_sp .color01 a {
    padding: 15px 30px;
}
.footer_nav_sp > li > a:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    background: url(../img/mock/sp/fotter_toggle.png) no-repeat 0 0;
    -webkit-background-size: 24px;
    background-size: 24px;
}
.footer_nav_sp > li > a.active:after {
    background-image: url(../img/mock/sp/fotter_toggle_active.png);
}
.footer_nav_sp .color01 a:after {
    right: 30px;
}
.footer_nav_sp .footer_nav_child {
    display: none;
}
.footer_nav_sp .color01 .footer_nav_child {
    padding: 0 20px;
}
.footer_nav_sp .color01 .footer_nav_child li:last-child a {
    border-bottom: 0;
}
.footer_nav_sp .color01 .footer_nav_child a {
    padding: 15px 10px;
}
.footer_nav_child a:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 20px;
    margin-top: -6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.footer_nav_sp .color01 .footer_nav_child a:after {
    right: 20px;
}

.footer_main {
    padding: 40px 0 30px 0;
    background-color: #0f1d4d;
}
.footer_secondary {
    padding: 10px 0;
    background: #23459f;
}
.footer_secondary hr {
    margin-top: 0;
}
.footer_bottom {
    text-align: center;
}
.footer_logo {
    margin: 25px 0;
}
.footer_logo img {
    height: 50px;
}
.footer_bottom a {
    color: #000;
}
.footer_bottom_list {
    font-size: 0;
}
.footer_bottom_list li {
    text-align: center;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #000;
    text-shadow: 0px 0px 6px #ffffff, 0px 0px 6px #ffffff, 0px 0px 6px #ffffff;
}
.footer_bottom_list li:last-child {
    margin-right: 0;
    padding-right: 0;
    border: 0;
}
.footer_copy {
    color: #000;
    padding-bottom: 20px;
    margin-top: 10px;
    font-size: 1.1rem;
}

.footer_list {
    font-size: 1.2rem;
    margin-bottom: 15px;
}
.footer_list_head {
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.footer_list a {
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
    padding-left: 16px;
}
.footer_list a:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 10px;
    left: 0;
    margin-top: -4px;
    margin-left: 0;
    border-top: 4px solid transparent;
    border-right: 0px solid transparent;
    border-left: #fff 6px solid;
    border-bottom: 4px solid transparent;
}
.footer hr {
    opacity: 0.5;
}
.article_wrap .footer_list a:after {
    border-left: #0f1d4d 6px solid;
}
@media screen and (min-width: 768px) {
    .footer_secondary {
        padding: 40px 0 40px;
    }
    .footer_list_head {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
}

/*ページトップ*/
.topback {
    position: fixed;
    width: 40px;
    height: 40px;
    z-index: 20;
    right: 10px;
    bottom: 10px;
}
@media screen and (min-width: 768px) {
    .topback {
        width: 63px;
        height: 63px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        right: 20px;
        bottom: 20px;
    }
    .topback:hover {
        -moz-transform: translate(0px, -5px);
        -webkit-transform: translate(0px, -5px);
        transform: translate(0px, -5px);
    }
}

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

        各事業部ページ

============================================================================*/
.news_category_select {
    text-align: center;
    margin-bottom: 25px;
}
.news_category_select a {
    margin: 5px;
}
.business_slide_wrap {
    margin: 30px 0 0;
    position: relative;
}
.business_slide_arrow_wrap {
    /*position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;*/
}
.business_slide {
    width: 100%;
}
.business_one_slide {
    box-shadow: 0px 2px 10px rgba(4, 4, 48, 0.3);
}
.business_slide .slick-list {
    overflow: visible;
}
.business_slide_arrow_wrap .slick-prev,
.business_slide_arrow_wrap .slick-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.business_slide_arrow_wrap .slick-prev:before,
.business_slide_arrow_wrap .slick-next:before {
    content: '';
    border-bottom: 2px solid #23459f;
    opacity: 1;
    height: 10px;
    width: 10px;
    display: block;
    position: absolute;
    top: 10px;
}
.business_slide_arrow_wrap .slick-prev {
    left: 5px;
}
.business_slide_arrow_wrap .slick-next {
    right: 5px;
    left: auto;
}
.business_slide_arrow_wrap .slick-prev:before {
    border-left: 2px solid #23459f;
    transform: rotate(45deg);
    left: 12px;
}
.business_slide_arrow_wrap .slick-next:before {
    border-right: 2px solid #23459f;
    transform: rotate(-45deg);
    right: 12px;
}
@media screen and (min-width: 480px) {
    .business_slide_arrow_wrap .slick-prev,
    .business_slide_arrow_wrap .slick-next {
        width: 40px;
        height: 40px;
    }
    .business_slide_arrow_wrap .slick-prev {
        left: 10px;
    }
    .business_slide_arrow_wrap .slick-next {
        right: 10px;
    }
    .business_slide_arrow_wrap .slick-prev:before,
    .business_slide_arrow_wrap .slick-next:before {
        height: 12px;
        width: 12px;
        top: 15px;
    }
    .business_slide_arrow_wrap .slick-prev:before {
        left: 16px;
    }
    .business_slide_arrow_wrap .slick-next:before {
        right: 16px;
    }
}
@media screen and (min-width: 781px) {
    .business_one_slide {
        margin: 0 17px;
    }
    .business_slide_arrow_wrap {
        /*width: 780px;
        left: 50%;
        margin-left: -390px;*/
    }
    .business_slide_arrow_wrap .slick-prev,
    .business_slide_arrow_wrap .slick-next {
        left: 50%;
    }
    .business_slide_arrow_wrap .slick-prev {
        /*left: 10px;*/
        margin-left: -375px;
    }
    .business_slide_arrow_wrap .slick-next {
        /*right: 10px;*/
        left: auto;
        right: 50%;
        margin-right: -375px;
    }
}
@media screen and (min-width: 992px) {
    .business_slide_arrow_wrap .slick-prev,
    .business_slide_arrow_wrap .slick-next {
        width: 85px;
        height: 85px;
    }
    .business_slide_arrow_wrap .slick-prev {
        /*left: 10px;*/
        margin-left: -448px;
    }
    .business_slide_arrow_wrap .slick-next {
        /*right: 10px;*/
        margin-right: -448px;
    }
    .business_slide_arrow_wrap .slick-prev:before,
    .business_slide_arrow_wrap .slick-next:before {
        height: 15px;
        width: 15px;
        top: 35px;
        border-bottom-width: 3px;
    }
    .business_slide_arrow_wrap .slick-prev:before {
        border-left-width: 3px;
        left: 38px;
    }
    .business_slide_arrow_wrap .slick-next:before {
        border-right-width: 3px;
        right: 38px;
    }
}
.business_head_area {
    padding: 50px 0 60px;
    position: relative;
}
.business_head_area .obj_geometry {
    z-index: -1;
    transform: scale(0.5);
}
.business_head_area .obj_geometry_left_bottom {
    bottom: 0;
    left: 0;
    transform-origin: left bottom;
}
.business_head_area .obj_geometry_right_bottom {
    bottom: 0;
    right: 0;
    transform-origin: right bottom;
}
.business_header_lead {
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 20px;
    font-weight: bold;
    text-shadow: 0px 0px 6px #ffffff, 0px 0px 6px #ffffff, 0px 0px 6px #ffffff;
}
.business_header_txt {
    font-size: 1.6rem;
    text-shadow: 0px 0px 6px #ffffff, 0px 0px 6px #ffffff, 0px 0px 6px #ffffff;
}
@media screen and (min-width: 768px) {
    .business_header_lead {
        font-size: 2.8rem;
        margin-bottom: 40px;
    }
    .business_head_area .obj_geometry {
        transform: scale(1);
    }
}
@media screen and (min-width: 992px) {
    .business_header_lead,
    .business_header_txt {
        text-align: center;
    }
}

.business_product_area {
    padding: 10px 0 30px;
    position: relative;
    overflow: hidden;
}
.business_product_area .obj_geometry {
    z-index: -1;
    transform: scale(0.5);
}
.business_product_area .obj_geometry_left_bottom {
    bottom: 0;
    left: 0;
    transform-origin: left bottom;
}
.business_product_area .obj_geometry_right_bottom {
    bottom: 0;
    right: 0;
    transform-origin: right bottom;
}
.business_product_area .obj_geometry_left_top {
    top: 0;
    left: 0;
    transform-origin: left top;
}
.business_product_area .obj_geometry_right_top {
    top: 0;
    right: 0;
    transform-origin: right top;
}
.one_business_product {
    display: block;
    box-shadow: 0px 2px 10px rgba(4, 4, 48, 0.3);
    margin-bottom: 40px;
}
.one_business_product img {
    width: 100%;
}
.business_product_txtarea {
    padding: 20px 25px 20px 15px;
    position: relative;
    background-color: #fff;
}
.business_product_txtarea:before {
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #808080;
    right: 5px;
    bottom: 5px;
}
.business_product_txtarea:after {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    bottom: 11px;
    right: 12px;
}
.business_product_name {
    font-size: 2rem;
    margin-bottom: 8px;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .business_product_area .obj_geometry {
        transform: scale(1);
    }
}
@media screen and (min-width: 992px) {
    .business_product_area {
        padding: 30px 0 60px;
    }
    .one_business_product {
        position: relative;
    }
    .one_business_product:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #23459f;
        opacity: 0;
        transition: all 0.3s ease;
        transform: scale(0.85, 0.9);
    }
    .one_business_product:hover:after {
        opacity: 1;
        transform: scale(1);
    }
}

.business_dealer_area {
    background: #e0eef7;
    padding: 10px 0 30px;
}
.business_dealer_map {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}
.business_dealer_map > img {
    margin: 0 auto;
}
.business_dealer_map > a {
    display: none;
}
.business_dealer_map > a img {
    width: 20px;
}
.business_dealer_map .pin01 {
    position: absolute;
    top: 17px;
    left: 373px;
}
.business_dealer_map .pin02 {
    position: absolute;
    top: 113px;
    left: 366px;
}
.business_dealer_map .pin03 {
    position: absolute;
    top: 184px;
    left: 329px;
}
.business_dealer_map .pin04 {
    position: absolute;
    top: 136px;
    left: 305px;
}
.business_dealer_map .pin05 {
    position: absolute;
    top: 194px;
    left: 228px;
}
.business_dealer_map .pin06 {
    position: absolute;
    top: 175px;
    left: 150px;
}
.business_dealer_map .pin07 {
    position: absolute;
    top: 224px;
    left: 182px;
}
.business_dealer_map .pin08 {
    position: absolute;
    top: 203px;
    left: 92px;
}
.business_dealer_btn {
    margin-left: -10px;
    margin-right: -10px;
}
.business_dealer_btn li {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}
.business_dealer_btn a {
    display: block;
    background-color: #fff;
    padding: 11px 0 11px 30px;
    text-align: center;
    box-shadow: 0px 2px 10px rgba(4, 4, 48, 0.3);
    position: relative;
}
.business_dealer_btn a:after {
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 22px;
    background-image: url(../img/common/arrow01.png);
    background-size: cover;
    left: 25px;
    top: 50%;
    margin-top: -11px;
}
.business_dealer_btn span {
    font-size: 1.6rem;
}
@media screen and (min-width: 992px) {
    .business_dealer_area {
        padding: 30px 0 60px;
    }
    .business_dealer_contents {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .business_dealer_map {
        width: 460px;
        margin: 0;
    }
    .business_dealer_map > a {
        display: inline-block;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        transition: all 0.1s;
    }
    .business_dealer_map > a:hover {
        transform: scale(1.2);
    }
    .business_dealer_btn_wrap {
        width: 460px;
    }
}

.business_contact_area {
    padding: 10px 0 30px;
    background-color: #e5e5e5;
}
.business_contact_txt {
    font-size: 1.6rem;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 50px;
}
.business_contact_btns li {
    margin-bottom: 20px;
}
.business_contact_btns span {
    position: relative;
    display: flex;
    background-color: #fff;
    height: 95px;
    padding: 0 20px 0 70px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 2px 10px rgba(4, 4, 48, 0.3);
}
/*.business_contact_btns span:after {*/
.business_contact_mail span:after {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    left: 20px;
    top: 22px;
    background-size: cover;
}
.business_contact_mail span:after {
    background-image: url(../img/common/contact_mail.png);
}
.business_contact_tel span:after {
    /* background-image: url(../img/common/contact_tel.png); */
}
.business_contact_tel span .tel_icon {
    position: absolute;
    left: 20px;
}
.business_contact_btns em {
    font-style: normal;
}
.business_contact_btns em,
.business_contact_btns a {
    font-size: 1.6rem;
}
.business_contact_btns i {
    font-style: normal;
}
@media screen and (min-width: 480px) {
    .business_contact_btns span:after,
    .business_contact_tel span .tel_icon {
        left: 20px;
    }
    .business_contact_btns em,
    .business_contact_btns a {
        font-size: 1.8rem;
    }
}
@media screen and (min-width: 768px) {
    .business_contact_btns {
        display: flex;
        justify-content: space-between;
    }
    .business_contact_btns li {
        width: calc(50% - 30px);
    }
    .business_contact_tel span {
        cursor: default;
        pointer-events: none;
    }
    .business_contact_btns i.sp_inline {
        display: inline-block !important;
    }
}
@media screen and (min-width: 992px) {
    .business_contact_area {
        padding: 30px 0 60px;
    }
    .business_contact_btns span:after,
    .business_contact_tel span .tel_icon {
        left: 45px;
    }
    .business_contact_mail span:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #23459f;
        opacity: 0;
        transition: all 0.3s ease;
        transform: scale(0.98, 0.8);
        z-index: 1;
    }
    .business_contact_mail span a {
        z-index: 10;
    }
    .business_contact_mail span:hover a {
        color: #23459f;
    }
    .business_contact_mail span:hover:before {
        opacity: 1;
        transform: scale(1);
    }
    .business_contact_btns i.sp_inline {
        display: none !important;
    }
}
.business_bnr_area.bg_on {
    background-color: #e0eef7;
}
.bnr_list {
    text-align: center;
    font-size: 0;
    padding: 10% 0 6%;
}
.bnr_list li {
    display: block;
    float: left;
    margin-right: 4%;
    margin-bottom: 4%;
    width: 48%;
}
.bnr_list li a {
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    box-shadow: 0px 2px 10px rgba(4, 4, 48, 0.3);
}
.bnr_list .bnr_text a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 74px;
    width: 100%;
    color: #000;
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 3px;
    background-color: #fff;
    text-align: center;
}
.bnr_list .bnr_as_toyota a {
    background-color: #e90007;
    color: #fff;
}
.bnr_list .bnr_as_nissan a {
    background-color: #c3092f;
    color: #fff;
}
.bnr_list .bnr_as_honda a {
    background-color: #ae1b0d;
    color: #fff;
}
.bnr_list .bnr_as_mazda a {
    background-color: #5085cf;
    color: #fff;
}
.bnr_list .bnr_as_daihatsu a {
    background-color: #c5201c;
    color: #fff;
}
.bnr_list .bnr_as_mitsubishi a {
    background-color: #e40b20;
    color: #fff;
}
.bnr_list li a:hover {
    border: 1px solid #23459f;
}
.bnr_list .bnr_text a .bnr_sub_text {
    /*display: block;*/
    font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
    .bnr_list li:nth-child(2n) {
        margin-right: 0;
    }
    .bnr_list li:nth-child(2n + 1) {
        clear: both;
    }
}
@media screen and (min-width: 768px) {
    .bnr_list {
        text-align: center;
        font-size: 0;
        padding: 40px 0 20px;
    }
    .bnr_list li {
        float: none;
        display: inline-block;
        margin: 0 10px 20px;
        /* width: 187px; */
        width: 326px;
    }
}

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

        form

============================================================================*/
.contact_form_area table {
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #d3d3d3;
}
.contact_form_area table th,
.contact_form_area table td {
    padding: 20px;
    text-align: left;
    font-size: 1.4rem;
}
.contact_form_area table th {
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    background: #eef0f3;
}
.contact_form_area table td {
    border-bottom: 1px solid #d3d3d3;
}

.contact_form_area .required {
    position: relative;
    top: -5px;
    font-size: 0.9rem;
    color: #ff004c;
    margin-left: 2px;
}

.contact_form_area input[type='text'],
.contact_form_area textarea {
    font-size: 1.4rem;
    padding: 10px 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #f2f2f2;
    border: 1px solid #999999;
}
.contact_form_area textarea {
    width: 100%;
    height: 300px;
}
.contact_form_area .width_l {
    width: 100%;
}
.contact_form_area .width_m {
    width: 100%;
}
.contact_form_area .width_s {
    width: 50%;
}
.contact_form_area .width_s input[type='text'] {
    width: 100%;
}
.contact_form_area .inline {
    display: block;
}
.contact_form_area .inline,
.contact_form_area .inline.pd0 {
    padding: 0;
    padding-bottom: 10px;
}
.contact_form_area .contact_note {
    display: block;
    font-size: 1.2rem;
    margin-top: 3px;
}
.contact_form_area .errors {
    color: #ff004c;
    margin-bottom: 10px;
}
.contact_form_area .required_block {
    text-align: right;
    color: #ff004c;
    font-size: 1.2rem;
    margin-bottom: 8px;
}
.contact_form_area .required_block .required {
    top: -3px;
    font-size: 0.8rem;
}
.contact_privacy {
    margin-top: 30px;
}
.privacy_btn {
    padding: 20px 0;
    text-align: center;
}
.privacy_btn li {
    display: inline-block;
}
@media screen and (max-width: 767px) {
    .contact_form_area table {
        display: block;
        border-top: 1px solid #d3d3d3;
    }
    .contact_form_area table th,
    .contact_form_area table td,
    .contact_form_area table tr,
    .contact_form_area table tbody {
        display: block;
        width: 100%;
    }
    .contact_form_area table th {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .contact_form_area table td {
        padding-bottom: 35px;
        border-bottom: 1px solid #d3d3d3;
    }
}
@media screen and (min-width: 768px) {
    .contact_form_area table th {
        width: 240px;
    }
    .contact_form_area .width_l {
        width: 100%;
    }
    .contact_form_area .width_m {
        width: 75%;
    }
    .contact_form_area .width_s {
        width: 30%;
    }
}
@media screen and (min-width: 992px) {
    .contact_form_area table th {
        width: 300px;
    }
    .contact_form_area .inline {
        display: inline-block;
        margin-right: 10px;
        padding: 5px 0;
    }
    .contact_form_area .inline.pd0 {
        padding: 0;
    }
    .contact_form_area textarea {
        height: 240px;
    }
}

input[type='radio'],
input[type='checkbox'] {
    display: none;
}

.radio,
.checkbox {
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: block;
    padding: 0 12px 0 27px;
    /*border-radius: 3px;*/
    /*background-color: #f4f4f4;*/
    vertical-align: middle;
    cursor: pointer;
}
.radio:hover:after,
.checkbox:hover:after {
    border-color: #23459f;
}
.radio:after,
.checkbox:after {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    /*margin-top: -10px;*/
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #a9a9a9;
    border-radius: 50px;
    content: '';
}
.checkbox:after {
    border-radius: 6px;
}
.radio:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 7px;
    left: 4px;
    display: block;
    /*margin-top: -6px;*/
    width: 10px;
    height: 10px;
    z-index: 2;
    opacity: 0;
    background: #23459f;
    border-radius: 50px;
    content: '';
}
input[type='radio']:checked + .radio:before {
    opacity: 1;
}

.checkbox:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    display: block;
    content: '';
    position: absolute;
    z-index: 2;
    top: 7px;
    left: 4px;
    width: 11px;
    height: 6px;
    opacity: 0;
    border-left: 2px solid #23459f;
    border-bottom: 2px solid #23459f;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
input[type='checkbox']:checked + .checkbox:before {
    opacity: 1;
}
.submit {
    text-align: center;
}
.submit button {
    position: relative;
    box-sizing: border-box;
    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 10px;
    display: inline-block;
    padding: 15px 12px;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 50px;
    border: 0;
    background-color: #23459f;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
}
.submit button.back {
    background-color: #999;
}
.submit button span {
    position: relative;
    display: inline-block;
    padding-right: 40px;
}
.submit button.back span {
    padding-right: 0;
    padding-left: 40px;
}
.submit button span:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 0;
    margin-top: -6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}
.submit button.back span:after {
    right: auto;
    left: 0;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.submit button:hover span:after {
    right: -5px;
}
.submit button.back:hover span:after {
    right: auto;
    left: -5px;
}

/*search_page*/
#search .search_block {
    padding: 0 20px;
    max-width: 720px;
    margin: 0 auto;
}
.targetsite {
    margin-top: 15px;
}
.targetsite h3 {
    font-size: 1.4rem;
    margin-bottom: 5px;
}
.targetsite ul li {
    display: inline-block;
    margin-right: 10px;
}

#search_result {
    margin-top: 40px;
    margin-bottom: 50px;
}
#search_result .errors {
    color: #ff004c;
}
#search_result ul {
    margin-top: 35px;
}
#search_result li {
    margin: 25px 0;
}
#search_result li h2 {
    font-size: 1.6rem;
    margin-bottom: 4px;
}
#search_result li p {
    font-size: 1.3rem;
    color: #555;
}
#search_result li em {
    position: relative;
    display: inline-block;
    top: -2px;
    margin: 0 0 0 10px;
    padding: 3px 6px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background-color: #23459f;
    font-style: normal;
    font-size: 80%;
    line-height: 1.2;
    text-align: center;
    vertical-align: text-top;
}
#search_result li .highlight {
    background-color: #ffd700;
}
#search_result .errors ul {
    margin-top: 0;
}
#search_result .errors li {
    margin-top: 0;
}

/*校正サービス一覧部分*/

.iso_mark {
    margin-top: 30px;
    text-align: center;
}

.table_ttc {
    table-layout: fixed;
}
.table_ttc th,
.table_ttc td {
    border: 1px solid #d3d3d3;
    background: #fff;
    padding: 15px;
    font-size: 1.3rem;
    text-align: left;
    vertical-align: middle;
}
.table_ttc th {
    background-color: #23459f;
    color: #fff;
}
.table_ttc th a {
    color: #fff;
}
.table_ttc .link_block {
    vertical-align: middle;
}
.table_ttc .link_block a {
    display: inline-block;
    margin: 8px 0;
}
.section_ttc .notes {
    border: 1px solid #23459f;
    text-align: center;
    color: #23459f;
    padding: 12px;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.table_block_item {
    border: 1px solid #d3d3d3;
    background: #fff;
    margin-bottom: 20px;
    font-size: 1.3rem;
    text-align: left;
    vertical-align: middle;
}
.table_block_item .title {
    background: #23459f;
    color: #fff;
    padding: 15px;
    font-size: 1.6rem;
    font-weight: bold;
}
.table_block_item .title a {
    color: #fff;
}
.table_block_item .text {
    padding: 15px;
}
.table_block_item .text p {
    margin-bottom: 15px;
}
.table_block_item .text .sub_title {
    font-weight: bold;
    display: block;
    font-size: 1.5rem;
    color: #23459f;
}

.section_ttc .scroll_wrap {
    margin-top: 20px;
    margin-bottom: 40px;
}
@media (max-width: 991px) {
    /*.section_ttc .scroll_wrap table{
            display: block;
    }
    .section_ttc .scroll_wrap{
            overflow: auto;
            white-space: nowrap;
            padding: 0 0 5px;
    }
    .section_ttc .scroll_wrap::-webkit-scrollbar{
            height: 5px;
    }
    .section_ttc .scroll_wrap::-webkit-scrollbar-track {
            border-radius: 5px;
            background: #eee;
    }
    .section_ttc .scroll_wrap::-webkit-scrollbar-thumb {
            border-radius: 5px;
            background: #666;
    }*/
}
@media (min-width: 992px) {
    .section_ttc .notes {
        display: none;
    }
    .section_ttc .scroll_wrap {
        margin-top: 40px;
        margin-bottom: 60px;
    }
}

/*ケーブル&ファシリティマネジメント 導入事例部分*/
.example_block_btn a {
    display: block;
    padding: 20px 25px 20px 15px;
    position: relative;
    background-color: #fff;
    text-align: center;
    font-size: 1.8rem;
    box-shadow: 0px 2px 10px rgba(4, 4, 48, 0.3);
}

/*高機能ホース*/
.hs_video {
    margin-bottom: 15px;
}
.youtube_wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 20px;
}
.youtube_wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.section_hs .example_block_btn {
    text-align: center;
}
.section_hs .example_block_btn a {
    width: 460px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding: 10px 25px 10px 15px;
    /*background: #fff url(../img/common/icon_pdf.png) no-repeat 95% center;
    -webkit-background-size: 25px;
    background-size: 25px;*/
}
.section_hs .example_block_btn .ipros {
    display: block;
    height: 25px;
    margin: 0 auto 8px;
}
.section_hs .business_contact_txt {
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .hs_video {
        margin-bottom: 25px;
    }
    .section_hs .example_block_btn .ipros {
        position: relative;
        top: -5px;
        display: inline-block;
        height: 25px;
        margin-right: 15px;
        margin-bottom: 0;
    }
    .section_hs .example_block_btn a {
        padding: 20px 25px 20px 15px;
        position: relative;
    }
    .section_hs .example_block_btn a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #23459f;
        opacity: 0;
        transition: all 0.3s ease;
        transform: scale(0.98, 0.8);
    }
    .section_hs .example_block_btn a:hover:before {
        opacity: 1;
        transform: scale(1);
    }
    .section_hs .business_contact_txt {
        margin-bottom: 30px;
    }
}