@charset 'UTF-8';

/* **********************************************************************
 *
 *       Title:   Site-Shokunin CMS block.css
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 ********************************************************************** */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');

html { font-size: 62.5%; }

body {
    font: 1.0rem;
     font-family: 'Open Sans','メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif'; 
    
}

/* トップ見出し設定
======================================================= */

#top h2 {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    margin: 0 0 48px;
    background: none;
    padding: 0;
    color: #000;        /* [6. トップページ見出し設定]　文字色 */
    border: none;
    text-align: center;
    line-height: 1.3;
}

#top h2 span {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    color: #0A345A;
    display: block;
    line-height: 1.6;
}



/* トップblock設定
======================================================= */

#top-a .block,
#top-b .block,
#top-c .block {
    width: 980px;
}


/* 下層block設定
======================================================= */

.wrap_un .block,
.wrap_contact .block {
    margin: 0 0 40px;
}


/* バナー設定
======================================================= */

ul.bnr {
    float: right;
    width: 230px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.bnr li {
    line-height: 1;
    margin: 0 0 20px;
    padding: 0;
}


/* パーツテンプレート設定
======================================================= */

/* 管理画面ブロック幅 */
#tinymce .box_column01 {
    width: 980px;
}


/* 共通 */

.box_column01 .col {
    float: left;
}

.box_column01 .img {
    margin: 0 0 10px;
}

.box_column01 .link {
    margin: 0 0 5px;
    padding: 0 0 0 16px;
     background: url(../img/ico_arw_blue.png) no-repeat 0 center;  
    
}

/* 3列_テキスト下 */
.box_column01.col3 .col {
    width: 300px;
    margin: 0 0 0 40px;
}

.box_column01.col3 .col:first-child {
    margin: 0;
}


/* 3列_テキスト下 */
.box_column01.col4 .col {
    width: 230px;
    margin: 0 0 0 20px;
}

.box_column01.col4 .col:first-child {
    margin: 0;
}

/* 3列_テキスト下 下層ページ */
.col3.under .col {
    width: 226px;
    margin: 0 0 0 21px;
}


/* 1列_テキスト右 */
.box_column01.col1 .col {
    float: none;
}

.box_column01.col1 .img {
    font-size: 12px;
    font-size: 1.2rem;
    float: left;
    width: 480px;
    margin: 0;
}


.box_column01.col1 .inner {
    float: right;
    width: 480px;
}

.box_column01.col1 .img img {
    margin: 0 0 12px;
}

/* 1列_テキスト右（下層） */
.col1.under .img,
.col1.under .inner {
    width: 365px;
}


/* 2列_テキスト下 */
.box_column01.col2_image_none {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    width: 100%;
}

.box_column01.col2_image_none .col {
    float: none;
    width: 468px;
    margin: 0 0 0 40px;
    border: 1px solid #e6e6e6;
}
.ie .box_column01.col2_image_none .col,
.ie7 .box_column01.col2_image_none .col,
.ie8 .box_column01.col2_image_none .col,
.ie9 .box_column01.col2_image_none .col {
    float: left;
}

.box_column01.col2_image_none .col:first-child {
    margin: 0;
}

.box_column01.col2_image_none .inner {
    padding: 14px 19px;
}

.col2_image_none.under .col {
    float: none;
    width: 348px;
    margin: 0 0 0 20px;
    border: 1px solid #e6e6e6;
}

/* 2列_テキスト下 */
.box_column01.col2l .col {
    width: 350px;
    margin: 0 0 0 20px;
}

.box_column01.col2l .col:first-child {
    margin: 0;
}

/* 2列_テキスト右 */
.box_column01.col2 {
    margin: 0 0 0px;
}

.box_column01.col2 .col {
    width: 460px;
    margin: 0 0 0 50px;
}

.box_column01.col2 .col:first-child {
    margin: 0;
}

.box_column01.col2 .col .img {
    float: left;
    width: 90px;
    margin-bottom: 0;
}

.box_column01.col2 .col .inner {
    float: right;
    width: 300px;
}

/* 2列_テキスト右 下層 */
.col2.under .col {
    width: 350px;
    margin: 0 0 0 20px;
}
.col2.under .col .img {
    float: left;
    width: 120px;
    margin-bottom: 0;
}
.col2.under .col .inner {
    float: right;
    width: 210px;
}
.col4.under .col {
    width: 165px;
    margin: 0 0 0 20px;
}


/* ボタン */

.box_colum_btn {
    clear: both;
    margin: 0 0 0;
    text-align: center;
}

.box_colum_btn a {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    border: 1px solid #0A345A;      /* [18. CVエリア設定]　ボタン枠線色 */
    background: #0A345A;        /* [18. CVエリア設定]　ボタン背景色 */
    padding: 20px 47px 19px;
}

.box_colum_btn a span {
    padding: 0 0 0 16px;
    background: url(../img/ico_arw_white.png) no-repeat left 50%; 
    font-weight: bold;
}

.ie8 .box_colum_btn a span {
    background: url(../img/ico_arw_white.png) no-repeat left 50%;
}

.box_colum_btn a:link,
.box_colum_btn a:visited {
    text-decoration: none;
    color: #ffffff;        /* [18. CVエリア設定]　ボタン文字色 */
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.box_colum_btn a:hover {
    text-decoration: none;
    opacity: 0.7;
}

/* alink */
ul.alink {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.alink li a span {
    padding: 0 0 0 26px;
    background: url(../img/ico_arw_down.png) no-repeat 0 center; 
}


/* 中央揃え */

.bnr_center {
    width: 1000px;
    position: relative;
    overflow: hidden;
}
.bnr_center.under {
    width: 740px;
}
#tinymce .bnr_center.under {
    width: 746px;
}

.bnr_center ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    left: 50%;
    float: left;
}

.bnr_center li {
    position: relative;
    left: -50%;
    float: left;
    margin: 0 20px 0 0;
}

/* 165センター */

.bnr_center.bnr_165 {
    width: 740px;
}


/* link_text_lr
======================================================= */

.link_text_lr .link_text_l {
    float: left;
    width: 345px;
}

.link_text_lr .link_text_r {
    float: right;
    width: 345px;
}

.link_text_lr a {
    display: table;
    *display: block;
    width: 315px;
    padding: 14px;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    font-size: 1.4rem;
}

.link_text_lr a span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 174px;
    padding: 0 20px 0 21px;
    background: url(../img/ico_arw_blue.png) no-repeat 0 50%;
}

.link_text_lr .link_text_r a span {
    padding: 0 0 0 41px;
    background: url(../img/ico_arw_blue.png) no-repeat 20px 50%;
}

.link_text_lr a img {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
}

.ie .link_text_l img {
    float: right;
}
.ie .link_text_l span {
    float: left;
}
.ie .link_text_r img {
    float: left;
}


/* FAQ
======================================================= */

/* ページ内リンク */

.alink_faq ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.alink_faq ul li {
    margin: 0 0 15px;
    padding: 0 0 0 36px;
     background: url(../img/ico_faq_q.png) no-repeat 0 0;         
    
}


/* 開閉なし */

.faq_open {
    padding: 0 0 40px;
    border-bottom: 1px solid #ccc;
}

.faq_open .faq_q {
    margin: 0 0 15px;
    padding: 0 0 0 36px;
     background: url(../img/ico_faq_q.png) no-repeat 0 0; 
     
}

.faq_open .faq_a {
    margin: 0;
    padding: 0 0 0 36px;
     background: url(../img/ico_faq_a.png) no-repeat 0 0; 
    
}



/* お問い合わせ・資料請求設定
======================================================= */

.f_contact {
    width: 740px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.f_contact .f_contact_in {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    left: 50%;
    float: left;
}

.f_contact .f_contact_in > div {
    position: relative;
    left: -50%;
    float: left;
    margin: 0 20px 0 0;
    width: 678px;
    padding: 20px;
    border: 1px solid #e6e6e6;
}

.f_contact .f_contact_in .fcon {
    text-align: center;
}

.f_contact .fcon .tit {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 1;
}

.f_contact .fcon .tel {
    float: left;
    width: 320px;
    margin: 0 0 0px;
    padding: 7px 0 0 0;
    line-height: 1;
}
.f_contact .fcon .box_colum_btn {
        float: right;
        margin: 0;
        clear: none;
}
.f_contact .fcon .box_colum_btn a {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    padding: 10px 38px 10px;
}

.f_contact .fcon .box_colum_btn a span {
    padding: 0 0 0 16px;
    background: url(../img/ico_arw_white.png) no-repeat 0 50%; 
    
}

.ie8 .f_contact .fcon .box_colum_btn a span {
    background: url(../img/ico_arw_white.png) no-repeat 0 50%;
}

.f_contact .fcon .box_colum_btn a:link,
.f_contact .fcon .box_colum_btn a:visited {
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.f_contact .fcon .box_colum_btn a:hover {
    opacity: 0.7;
}



/* BLOCK内スタイル設定
======================================================= */

span.texts {
    font-size: 12px;
    font-size: 1.2rem;
}
span.textn {
}
span.textl {
    font-size: 18px;
    font-size: 1.8rem;
}
span.textll {
    font-size: 20px;
    font-size: 2.0rem;
}
span.textxl {
    font-size: 24px;
    font-size: 2.4rem;
}
span.textxxl {
    font-size: 28px;
    font-size: 2.8rem;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    font-size: 1.6rem;
}

table.nbr,
table.tbr table.nbr {
    border-collapse: collapse;
    border-top: none;
    border-left: none;
}

table.nbr th,
table.tbr table.nbr th {
    font-weight: bold;
    padding: 0;
    border-right: none;
    border-bottom: none;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
}

table.nbr td,
table.tbr table.nbr td {
    padding: 0;
    text-align: left;
    border-right: none;
    border-bottom: none;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
}

table.tbr,
table.nbr table.tbr {
    border-collapse: collapse;
    border-top: 1px solid #DFDFDF;    /* [15. 表組み設定]　枠線色 */
    border-left: 1px solid #DFDFDF;    /* [15. 表組み設定]　枠線色 */
}

table.tbr th,
table.nbr table.tbr th {
    font-weight: bold;
    padding: 9px 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-align: left;
    color: #333;    /* [15. 表組み設定]　th文字色 */
    border-right: 1px solid #DFDFDF;    /* [15. 表組み設定]　枠線色 */
    border-bottom: 1px solid #DFDFDF;    /* [15. 表組み設定]　枠線色 */
    background: #F5F5F5;    /* [15. 表組み設定]　th背景色 */
}

table.tbr td,
table.nbr table.tbr td {
    padding: 9px 10px;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    border-right: 1px solid #DFDFDF;    /* [15. 表組み設定]　枠線色 */
    border-bottom: 1px solid #DFDFDF;    /* [15. 表組み設定]　枠線色 */
}

img {
    line-height: 1;
    vertical-align: top;
    border: 0;
}

.photo-r {
    font-size: 10px;
    font-size: 1.0rem;
    float: right;
    margin: 3px 0 10px 20px;
    text-align: left;
}

.photo-l {
    font-size: 10px;
    font-size: 1.0rem;
    float: left;
    margin: 3px 20px 10px 0;
    text-align: left;
}

.photo-r img,
.photo-l img {
    margin-bottom: 5px;
}

.photo-c {
    font-size: 10px;
    font-size: 1.0rem;
    margin: 3px auto 0px;
}

.photo-c img {
    margin-bottom: 20px;
}

iframe {
    border: none;
}


/* リンク定義
======================================================= */

ul.link_un {
    margin: 5px 0;
    padding: 0;
    list-style-type: none;
}

ul.link_un li {
    margin: 0 0 5px;
}

.arw a {
    padding: 0 0 0 16px;
    background: url(../img/ico_arw_blue.png) no-repeat 0 center;
}

.blank a {
    padding: 0 0 0 16px;
    background: url(../img/ico_blank_blue.png) no-repeat 0 center;
}

.pdf a {
    padding: 0 0 0 21px;
    background: url(../img/ico_pdf_blue.png) no-repeat 0 center;
}


/* 引用定義
======================================================= */

blockquote {
    padding: 15px;
    border: 5px solid #f5f5f5;
}


/* お問い合わせ設定
======================================================= */

.contact_tel {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.contact_tel .tel {
    background: url(../img/ico_tel.png) no-repeat left center;
    padding-left: 34px;
    font-size: 36px;
    font-size: 3.6rem;
}

.contact_tel .tel a {
    color: #0A345A;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
}

.contact_tel .time {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-left: 10px;
}


/* お問い合わせ table */

form table.tbr {
    width: 100%;
}

form table.tbr th {
    width: 30%;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    padding: 20px 10px;
}

form table.tbr td {
    width: 70%;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    padding: 20px 10px;
}

form table.tbr span {
    float: right;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    background: #c00;
    padding: 2px 7px;
}

form ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

form input,
form select,
form label {
    padding: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    vertical-align: middle;
}

form textarea {
    width: 90%;
    padding: 5px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    vertical-align: middle;
    resize: vertical;
}

form input[type="text"] {
    width: 85%;
}

form input[type="tel"] {
    width: 20%;
}
*#tel1,
*#tel2,
*#tel3,
*#zip1 {
    width: 20%;
}
*#zip2 {
    width: 30%;
}

form input[type="radio"],
form input[type="checkbox"] {
    width: 20px;
    height: 20px;
}


form ul.list_inline li {
    float: left;
    margin: 0 30px 0 0;
}

form ul.list_inline li input[type="checkbox"] {
    margin: 0 5px 0 0;
}

dl.subform {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
}

dl.subform dt {
    float: left;
    width: 23%;
    padding: 9px 0 0;
}
dl.subform dd {
    float: left;
    width: 77%;
}


form .agree_box {
    padding: 20px 10px;
    text-align: center;
    border: 1px solid #e6e6e6;
    font-size: 18px;
    font-size: 1.8rem;
}

form .agree_box input[type="checkbox"] {
    margin: 0 10px 0 0;
}

/* 同意 textarea */
form .agree_area {
        width: 100%;
        height: 240px;
        padding: 10px;
        box-sizing: border-box;
}

/* 同意 チェック */
form .agree_check {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px 0 10px;
}
form .agree_check .req {
        color: #fff;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
        background: #c00;
        padding: 2px 7px;
        margin: 0 5px;
}

form input.btn {
    display: block;
    margin: 0 auto;
    padding: 23px 46px 22px 60px;
    color: #fff;
    background: #0A345A url(../img/ico_arw_white.png) no-repeat 16% 50%;
    border: none;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
}
form input.btn:disabled {
        filter: grayscale(1);
        opacity: 0.5;
}

form input.btn:not(:disabled):hover {
    opacity: 0.7;
}

form p.back {
    margin: 30px 0 0;
    text-align: center;
}

form p.back a {
    padding: 0 0 0 21px;
    background: url(../img/arw.png) no-repeat 0 .center;
}


/* お問い合わせ error */

.err_block {
    clear: both;
    margin-bottom: 17px;
    padding: 12px;
    background: #ffe8e8;
}

.err_block p {
    color: #f00;
}

.err_block p.err_tit {
    font-weight: bold;
    margin: 0 0 5px;
    padding: 2px 0 2px 10px;
    color: #fff;
    background: #f00;
}

label.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
    display: inline-block;
}

input.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

select.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

textarea.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

fieldset {
    display: inline;
    padding: 3px;
}

fieldset.error {
    background: #ffe8e8;
}

#form_flow {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#form_flow li {
    float: left;
    width: 202px;
    list-style-type: none;
}

#form_flow li.arw {
    width: 57px;
    padding: 7px 0 0;
    text-align: center;
}

#form_flow li .inner {
    padding: 5px 0;
    text-align: center;
    border: 1px solid #d2d2d2;
}


/* 真ん中
======================================================= */

.tal {
    text-align: left !important;
}

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}


/* TOPへ戻る
======================================================= */

.top_back {
    clear: both;
    padding: 30px 0;
    text-align: center;
}

.top_back a {
    padding: 0 15px;
}


/* 汎用スタイル設定
======================================================= */

.tac { text-align: center; }
.tal { text-align: left; }
.ter { text-align: right; }

.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }

.pc_none { display: none; }
.clearfix {
    zoom: 1;
}
.clearfix:after {
    display: block;
    clear: both;
    content: '';
}
*:after {
    display: block;
    clear: both;
}

.object_fit_img img {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

.object_fit_img_pos_left img {
  object-fit: cover;
  font-family: 'object-fit: cover; object-position: 0 100%;'
}


/* ちらつき防止
======================================================= */

.overimg {
    box-shadow: #fff 0 0 0;
}

.overimg:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    background: #fff¥9;
}


/* 下層設定
======================================================= */

/*汎用*/
.grey_box {
    border: solid 1px #E0E0E0;
    padding: 24px;
}

.grey_box .tit {
    color: #0A345A;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 4px;
}

.checklist_ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.checklist_ul.box_type {
    border: solid 1px #E0E0E0;
    padding: 24px;
}

.checklist_ul li {
    background: url(../img/ico_check.png) no-repeat 0 6px;
    padding-left: 22px;
}

.checklist_ul li + li {
    margin-top: 18px;
}

.kakko_ol {
  padding: 0;
  margin: 0;
}

.kakko_ol > li {
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}

.kakko_ol > li:before {
  display: marker;
  content: "(" counter(cnt) ") ";
}

.iroha_ol {
    list-style-type: katakana-iroha;
    list-style-position: outside;
    padding-left: 30px;
}

.katakana_ol {
    list-style-type: katakana;
    list-style-position: outside;
    padding-left: 30px;
}

.banner_btn {
    margin-top: 10px;
}

.banner_btn a {
    display: block;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.banner_btn a:hover {
    opacity: 0.8;
}

.banner_btn .txt {
        display: block;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    background: #163884;
    padding: 14px 0;
}

.banner_btn.jsox .txt {
    background: #07314c;
}

.banner_btn.startup .txt {
    background: #2865c1;
}

.banner_btn .txt span {
    background: url(../img/ico_blank_white.png) left center no-repeat;
    padding-left: 19px;
}

/*lightbox*/
.lightbox_a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.lightbox_a:hover {
    opacity: 0.7;
}

.lightbox_btn {
    margin-top: 10px;
    text-align: center;
}

.lightbox_btn a {
    display: inline-block;
    background: #0A345A url(../img/ico_plus.png) no-repeat 10px center;
    padding: 4px 10px 4px 40px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.lightbox_btn a:hover {
    opacity: 0.7;
}

/*サービス*/
.service_un_tit {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.6;
    margin: 0 0 13px;
    padding: 0 0 0 20px;
    color: #000;
    background: url(../img/ico_arw_blue_xl.png) no-repeat 0 8px;
}

.service_un_tit a {
    font-weight: bold;
}

/*会社案内*/
.wrap_company_box {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.wrap_company_box div {
    width: 350px;
}

.wrap_company_box div > p + p {
    margin-top: 16px;
}

.company_box {
    display: block;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.company_box:hover {
    opacity: 0.7;
}

.company_box .txt {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: bold;
    color: #fff;
    background:rgba(10,52,90,0.87) url(../img/ico_arw_white_l.png) no-repeat 326px center;
    padding: 9px 16px;    
}

/*アーカイブ*/
.archive_caution {
    color: #e12f22;
    background: #fff0f0;
    border: 5px solid #e12f22;
    padding: 20px;  
}

/*フォーム フロー*/
.form_flow {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}

.form_flow li {
    width: 246px;
    height: 52px;
    background: #f8f8f8;
    position: relative;
    padding: 28px 0 20px;
    text-align: center;
    line-height: 1.4;
}

.form_flow li:nth-child(2),
.form_flow li:nth-child(3) {
    padding-left: 20px;
}

.form_flow li:first-child:before,
.form_flow li:nth-child(2):before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 19px;
    border-color: transparent transparent transparent #f8f8f8;
    position: absolute;
    top: 0;
    right: -19px;
    z-index: 2;
}


.form_flow li:first-child:after,
.form_flow li:nth-child(2):after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 19px;
    border-color: transparent transparent transparent #b3bfc7;
    position: absolute;
    top: 0;
    right: -20px;
    z-index: 1;
}

.form_flow li p:first-of-type {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    color: #0a345a;
    margin-bottom: 10px;
}

.form_flow li p {
    line-height: 1;
}


.form_flow li.select {
    background: #0a345a;
}

.form_flow li.select:first-child:before,
.form_flow li.select:nth-child(2):before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 19px;
    border-color: transparent transparent transparent #0a345a;
    position: absolute;
    top: 0;
    right: -19px;
    z-index: 2;
}

.form_flow li.select p {
    color: #fff;
    font-weight: bold;
}

/*事例*/
.wrap_jirei_card {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.wrap_jirei_card + .wrap_jirei_card {
    margin-top: 64px;    
}

.wrap_jirei_card .jirei_card {
    width: 350px;
    background: #F5F7F8;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
}

.wrap_jirei_card .jirei_card:hover {
    opacity: 0.7;
}

.wrap_jirei_card .jirei_img {
    position: relative;
    padding: 0;
    margin: 0;
    background-color: #fff;
}

.wrap_jirei_card .jirei_img:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 32px;
    height: 2px;
    background-color: #0A345A;
    bottom: -2px;
    left: 24px;
}

.wrap_jirei_card .jirei_img .num {
    color: #0A345A;
    text-decoration: none;
    font-size: 56px;
    font-size: 5.6rem;
    position: absolute;
    bottom: 0;
    left: 20px;
}

.wrap_jirei_card .jirei_txt {
    padding: 16px 24px 24px;
}

.wrap_jirei_card .jirei_txt .tit {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.wrap_jirei_card .jirei_txt .tit a {
    color: #000000;
    text-decoration: none;
}

.kento_tbr {
    table-layout: fixed;
}

.kento_tbr .kento_jiko_th {
    width: 150px;
}

/*事例lightbox調整*/

.lightboxOverlay{
    width: 100% !important;
}

.lb-outerContainer{
    background:none;
    width: 980px !important;
}

.lb-container {
    width: 100%;
    height: 100%;
}

.lightbox .lb-image{
    max-width: 100%;
    height: auto !important;
}

.lb-dataContainer{
    max-width: 980px;
}