@charset "utf-8";
/*
ページ共通パーツ

共通BOX
文字色
タイトル
リンク
共通リンク お問合せ
下層メインビジュアル 01
下層メインビジュアル 02
下層共通フッター
下層共通フッターお問合せ
下層共通BOX
下層共通BOX デザイン
パンクズ
下層テーブル デザイン01
下層テーブル デザイン02
下層ナビ
コラム一覧
ページャー
下層共通リスト01
下層共通リスト02
下層共通Flex01
ダウンロード資料室リンク
キャッシュリンク
リンクスタイル
---------------*/


/*
共通BOX
---------------------------------------------*/
.page_inner_Wrap{
    max-width: 1380px;
    width: 94%;   
    margin: 0 auto;
}

.page_inner_Wrap.sm{
    max-width: 1120px;
    width: 90%;
}

.page_inner_Wrap.singleItem{
    max-width: 1200px;
}

.page_common_space01{
    padding-top: 80px;
}

@media screen and (min-width: 991px) {
    .page_inner_Wrap{
        width: 84%;   
    }
    .page_common_space01{
        padding-top: 100px;
    }
}

/*
背景
---------------------------------------------*/
.bgLightGray{
    background: var(--color-mainLightBlue);
}
.bgMainBlue{
    background: var(--color-mainBlue);
}
.bgItemInner01{
    padding: 10px;
}
@media screen and (min-width: 991px) {
    .bgItemInner01{
        padding: 20px;
    }
}

/*
文字色
---------------------------------------------*/
.color_mainBlue {
    color: var(--color-mainBlue);
}
.color_red {
    color: var(--color-red);
}


/*
タイトル
---------------------------------------------*/

/*
page_mainTtl01
-----------------------*/
.page_mainTtl01 .pmt_ttl .pmt_ttl_en,
.page_mainTtl01 .pmt_ttl .pmt_ttl_jp{
    display: block;
}
.page_mainTtl01 .pmt_ttl .pmt_ttl_en{
    font-weight: bold;
    color: var(--color-mainBlue);
    font-size: 1.6rem;
}
.page_mainTtl01 .pmt_ttl .pmt_ttl_jp {
    font-size: 2.6rem;
    color: var(--color-black);
    font-weight: bold;
    letter-spacing: .2px;
}

@media screen and (min-width: 768px) {
    .page_mainTtl01 .pmt_ttl .pmt_ttl_en{
        font-size: 1.8rem;
    }
    .page_mainTtl01 .pmt_ttl .pmt_ttl_jp {
        font-size: 3rem;
    }
}

/*
page_mainTtl02
-----------------------*/
.page_mainTtl02 .pmt_ttl {
    font-size: 3rem;
    color: var(--color-mainBlue);
    font-weight: normal;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .page_mainTtl02 .pmt_ttl {
        font-size: 3.6rem;
    }
}

/*
page_mainTtl03
-----------------------*/
.page_mainTtl03 {
    position: relative;
    border-bottom: 1px solid var(--color-lightGray02);
    padding-bottom: 18px;
}

.page_mainTtl03:after{
    content: '';
    position: absolute;
    max-width: 80px;
    width: 30%;
    background: var(--color-mainBlue);
    height: 3px;
    bottom: -1px;
    left: 0;
}

.page_mainTtl03 .pmt_ttl {
    font-size: 2.4rem;
    line-height: 1.5;
}

@media screen and (min-width: 768px) {
    .page_mainTtl03 {
        padding-bottom: 22px;
    }
    .page_mainTtl03 .pmt_ttl {
        font-size: 3rem;
    }
}

/*
page_mainTtl04
-----------------------*/
.page_mainTtl04 {
    position: relative;
    border-bottom: 1px solid var(--color-lightGray02);
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.page_mainTtl04:after{
    content: '';
    position: absolute;
    max-width: 80px;
    width: 30%;
    background: var(--color-mainBlue);
    height: 1px;
    bottom: -1px;
    left: 0;
}

.page_mainTtl04 .pmt_ttl {
    font-size: 1.8rem;
}

@media screen and (min-width: 768px) {
    .page_mainTtl04 .pmt_ttl {
        font-size: 2rem;
    }
}

/*
page_mainTtl05
-----------------------*/
.page_mainTtl05 {
    position: relative;
    border-top: 1px solid var(--color-lightGray02);
    padding-top: 15px;
    margin-bottom: 25px;
}

.page_mainTtl05:after{
    content: '';
    position: absolute;
    max-width: 80px;
    width: 30%;
    background: var(--color-mainBlue);
    height: 1px;
    top: -1px;
    left: 0;
}

.page_mainTtl05 .pmt_ttl {
    font-size: 1.4rem;
    color: var(--color-mainBlue);
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .page_mainTtl05 .pmt_ttl {
        font-size: 1.6rem;
    }
}

/*
page_mainTtl006
-----------------------*/
.page_mainTtl06{
    position: relative;
    padding-left: 25px;
    font-size: 1.4rem;
    font-weight: bold;
    color: var(--color-black);
}

.page_mainTtl06:after{
    content: '';
    background: var(--color-mainBlue);
    width: 1em;
    height: 1em;
    position: absolute;
    left: 0;
    top: .5rem;
}
@media screen and (min-width: 768px) {
    .page_mainTtl06 {
        font-size: 1.6rem;
    }
}

/*
page_mainTtl07
-----------------------*/
.page_mainTtl07 {
    padding: 15px;
    border-radius: 5px;
    background: var(--color-mainLightBlue);

}
.page_mainTtl07 .pmt_ttl {
    font-size: 1.6rem;
    color: var(--color-black);
}
@media screen and (min-width: 768px) {
    .page_mainTtl07 .pmt_ttl {
        font-size: 1.8rem;
    }
}



/*
リンク
---------------------------------------------*/
/*
PDF
-----------------------*/
.pageLinkWrap .plw_link_pdf{
    color: var(--color-black);
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: .3s;
    padding-top: 3px;
    padding-bottom: 3px;
}
.pageLinkWrap .plw_link_pdf .icon{
    display: inline-block;
    margin-left: .5rem;
    width: 1.5rem;
}

.pageLinkWrap .plw_link_pdf:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    transform-origin: bottom left;
    transform: scaleX(0);
    height: 1px;
    width: 100%;
    background: var(--color-mainBlue);
    transition: .3s;
}

.pageLinkWrap .plw_link_pdf:hover {
    color: var(--color-mainBlue);
}

.pageLinkWrap .plw_link_pdf:hover:after{
    transform: scaleX(1)
}


/*
commonMoreLink01
-----------------------*/
.commonMoreLink01 {
    text-align: right;
}
.commonMoreLink01 .cml_link_item {
    display: inline-block;
}
.commonMoreLink01 .cml_link_item .text{
    font-size: 1.4rem;
    color: var(--color-black);
    font-weight: bold;
    line-height: 1.5;
    text-align: right;
    transition: .3s;
}
.commonMoreLink01 .cml_link_item .text:after{
    content: '';
    background: url(../../img/company/common/company_link_icon.svg) no-repeat;
    background-size: contain;
    width: 1.8em;
    height: 1.8em;
    display: inline-flex;
    margin-left: 5px;
    align-items: center;
}

.commonMoreLink01 .cml_link_item .line{
    border-bottom: 1px solid var(--color-red);
}
.commonMoreLink01 .cml_link_item:hover .text{
    color: var(--color-mainBlue);
}

@media screen and (min-width: 768px) {
    .commonMoreLink01 .cml_link_item .text{
        font-size: 1.6rem;
    }
}


/*
共通リンク お問合せ
---------------------------------------------*/
.footerContactLinkWrap .footerContactLink {
    display: block;
    background-color: var(--color-mainBlue03) !important;
}
.footerContactLinkWrap .footerContactLink .fcl_col {
    width: 100%;
}
.footerContactLinkWrap .footerContactLink .fcl_col.imgWrap{
    position: relative;
    min-height: 300px;
}
.footerContactLinkWrap .footerContactLink .fcl_col.imgWrap img{
    object-fit: cover;
    object-position: center;
    position: absolute;
    height: 100%;
}
.footerContactLinkWrap .footerContactLink .fcl_link_item {
    color: #fff;
    padding: 40px 5%;
    display: block;
}

.footerContactLinkWrap .footerContactLink .fcl_link_item .ttlWrap {
    margin-bottom: 20px;
    margin-left: 20%;
}
.footerContactLinkWrap .footerContactLink .fcl_link_item .ttlWrap .ttl_en{
    font-size: 4.0rem;
}

.footerContactLinkWrap .footerContactLink .fcl_link_item .ttlWrap .ttl_jp{
    font-size: 1.6rem;
    font-weight: bold;
}
.footerContactLinkWrap .footerContactLink .fcl_link_item .textWrap {
    margin-bottom: 20px;
    padding-left: 20%;
}
.footerContactLinkWrap .footerContactLink .fcl_link_item .textWrap .text{
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: bold;
}
.footerContactLinkWrap .footerContactLink .fcl_link_item .linkItem {
    background: var(--color-red);
    color: #fff;
    transition: .3s;
    max-width: 340px;
    width: 80%;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    font-weight: bold;
    margin-left: 20%;
}

.footerContactLinkWrap .footerContactLink .fcl_link_item * {
    transition: .3s;
}
.footerContactLinkWrap .footerContactLink .fcl_link_item .linkItem svg{
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}
.footerContactLinkWrap .footerContactLink .fcl_link_item .linkItem svg rect {
    fill: #fff;
}

.footerContactLinkWrap .footerContactLink .fcl_link_item .linkItem svg path {
    fill: var(--color-red);
}

@media screen and (min-width: 768px) {
    .footerContactLinkWrap .footerContactLink {
        display: flex;
    }
    .footerContactLinkWrap .footerContactLink .fcl_col {
        width: 50%;
    }
    .footerContactLinkWrap .footerContactLink .fcl_link_item {
        padding: 60px 2%;
    }
    .footerContactLinkWrap .footerContactLink .fcl_link_item .ttlWrap .ttl_en{
        font-size: 4.6rem;
    }
    .footerContactLinkWrap .footerContactLink .fcl_link_item .ttlWrap .ttl_jp{
        font-size: 1.8rem;
    }    
    .footerContactLinkWrap .footerContactLink .fcl_link_item .textWrap .text{
        font-size: 1.6rem;
    }

}


@media screen and (max-width: 768px) {
   .footerContactLinkWrap .footerContactLink .fcl_link_item .ttlWrap {
       margin-bottom: 20px;
       margin-left: 5%;
   }
  .footerContactLinkWrap .footerContactLink .fcl_link_item .textWrap {
      margin-bottom: 20px;
       margin-left: 5%;
  }
    .footerContactLinkWrap .footerContactLink .fcl_link_item .linkItem {
       margin-left: 5%;

       max-width: 400px;
   }

}

/*=========================================
#追加
=========================================*/
.telWrap{
    margin-left: 20%;
}
.telWrapText{
    font-size: 16px;
    margin-top: 30px;
}
.tel-link{
    display: flex;
    color: inherit;
    column-gap: 12px;
    font-size: min(2.4vw, 46px);
    font-weight: 500;
    white-space: nowrap;
}
.tel-link svg{
    width: 1.67vw;
}
.tel-notes{
    font-size: 14px;
    margin-top: 4px;
}
@media screen and (max-width: 768px) {
    .telWrap{
        margin-left: 5%;
    }
    .tel-link{
        font-size: 20px;
    }
    .tel-link svg{
        width: 16px;
    }
}
/*
下層共通BOX
---------------------------------------------*/
.page_inner_sideWrap {
    display: flex;
}

.page_inner_sideWrap .page_inner_sideWrap_Left{
    width: 100%;
    max-width: 1100px;
}

.page_inner_sideWrap .page_inner_sideWrap_Right{
    display: none;
    width: 300px;
    margin-left: 40px;
}

.pageborderItem {
    border-bottom: 1px solid var(--color-blueGray);
    padding-bottom: 80px;
    margin-bottom: 80px;
}
@media screen and (min-width: 991px) {
    .pageborderItem {
        padding-bottom: 100px;
        margin-bottom: 100px;
    }
}
@media screen and (min-width: 991px) {
    .page_inner_sideWrap .page_inner_sideWrap_Right{
        display: block;
    }
}

@media screen and (min-width: 1360px) {
    .page_inner_sideWrap .page_inner_sideWrap_Right{
        margin-left: 100px;
    }
}



/*
下層共通BOX デザイン
---------------------------------------------*/
.page_inner_sideWrap_Right .sidebarWrap .sidebarMainItem{
    margin-bottom: 10px;
}

.page_inner_sideWrap_Right .sidebarWrap .sidebarMainItem .smi_link_item{
    position: relative;
    width: 100%;
    background: var(--color-lightGray);
    color: var(--color-black);
    font-weight: bold;
    font-size: 1.6rem;
    display: block;
    padding: 20px 25px 20px 20px;
    transition: .3s;
}

.page_inner_sideWrap_Right .sidebarWrap .sidebarMainItem .smi_link_item::before,
.page_inner_sideWrap_Right .sidebarWrap .sidebarMainItem .smi_link_item::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    transition: .3s;
}

.page_inner_sideWrap_Right .sidebarWrap .sidebarMainItem .smi_link_item::before{
    width: 1.2em;
    height: 1.2em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: var(--color-red);
    right: 10px;
}

.page_inner_sideWrap_Right .sidebarWrap .sidebarMainItem .smi_link_item::after{
    right: 1.6rem;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.page_inner_sideWrap_Right .sidebarWrap .sidebarMainItem .smi_link_item:hover{
    background: var(--color-mainBlue);
    color: #fff;
}

.page_inner_sideWrap_Right .sidebarWrap .sidebarMainItem .smi_link_item:hover:before{
    right: 5px;
}
.page_inner_sideWrap_Right .sidebarWrap .sidebarMainItem .smi_link_item:hover:after{
    right: 11px;
}

.page_inner_sideWrap_Right .sidebarWrap {
    margin-bottom: 10px;
}

.page_inner_sideWrap_Right .sidebarSubItem .ssi_link_item {
    display: block;
    padding: 14px 22px 14px 20px;
    background: #fff;
    transition: .3s;
    color: var(--color-black);
    font-size: 1.4rem;
    font-weight: 500;
    position: relative;
}

.page_inner_sideWrap_Right .sidebarSubItem .ssi_link_item:after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 2px solid var(--color-red);
    border-right: 2px solid var(--color-red);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto 0;
    transition: .3s;
}

.page_inner_sideWrap_Right .sidebarSubItem .ssi_link_item:hover{
    background: var(--color-lightGray);
    color: var(--color-mainBlue);
}

.page_inner_sideWrap_Right .sidebarSubItem .ssi_link_item:hover:after{
    right: 10px;
}

.page_inner_sideWrap_Right .pisr_link_item{
    border-radius: 5px;
    background: var(--color-red);
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 20px 30px 20px 20px;
    display: block;
    transition: .3s;

    position: relative;
}
.page_inner_sideWrap_Right .pisr_link_item .icon {
    position: absolute;
    width: 30px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;

    transition: .3s;
}

.page_inner_sideWrap_Right .pisr_link_item:hover{
    background: var(--color-mainBlue);
}
.page_inner_sideWrap_Right .pisr_link_item:hover .icon {
    right: 5px;
}


/*
下層メインビジュアル 01
---------------------------------------------*/
.page_mainVidualWrap {
    width: 100%;
    position: relative;
    height: 300px;
    overflow: hidden;
}
.page_mainVidualWrap .mainImage .imgItem {
    position: absolute;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}

/* img responsive */
.page_mainVidualWrap .mainImage .imgItem.pc_img{
    display: none;
}
.page_mainVidualWrap .mainImage .imgItem.sp_img{
    display: block;
}


/* text */
.page_mainVidualWrap .mainText{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.page_mainVidualWrap .mainText .text{
    color: #fff;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .page_mainVidualWrap {
        height: 400px;
    }
    /* img responsive */
    .page_mainVidualWrap .mainImage .imgItem.pc_img{
        display: block;
    }
    .page_mainVidualWrap .mainImage .imgItem.sp_img{
        display: none;
    }
    /* text */

}


/*
下層メインビジュアル 02
---------------------------------------------*/
.page_mainHeaderWrap {
    background: var(--color-mainBlue);
    min-height: 130px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.page_mainHeaderWrap.color_employee {
    background: var(--color-mainBlue02);
}
.page_mainHeaderWrap.color_strength {
    background: var(--color-mainBlue02);
}
.page_mainHeaderWrap.color_business {
    background: var(--color-mainBlue);
}
.page_mainHeaderWrap.color_column {
    background: #687D8E;
}

.page_mainHeaderWrap .pmhw_ttl {
    text-align: center;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

.page_mainHeaderWrap .pmhw_ttl_item{
    color: #fff;
    font-size: 2.8rem;
}

@media screen and (min-width: 768px) {
    .page_mainHeaderWrap .pmhw_ttl_item{
        color: #fff;
        font-size: 3.6rem;
    }
}

/*
下層共通リンク お問合せ
---------------------------------------------*/
.footer_pagelink_contact_Wrap {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    background: var(--color-mainBlue);
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 10px;
}
.footer_pagelink_contact_Wrap .footer_pagelink_inner {
    max-width: 700px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.footer_pagelink_contact_Wrap .footer_pagelink_inner .lead{
    font-weight: bold;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 20px;
}
.footer_pagelink_contact_Wrap .footerCommonAreaFlex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
    color: #fff;
}

.footer_pagelink_contact_Wrap .footerCommonAreaFlex .telLinkBlock .telLink{
  transition: .3s;
}

.footer_pagelink_contact_Wrap .footerCommonAreaFlex .telLinkBlock .telLink:hover{
  color: var(--color-red) !important;
}

.footer_pagelink_contact_Wrap .footerCommonAreaFlex .telLinkBlock .telLink .telLinkFlex{
  font-weight: bold;
  font-weight: 700;

  display: flex;
  align-items: center;
  font-size: 3.2rem;
  font-weight: bold;
  justify-content: center;
  width: 100%;
  color: #fff;
  line-height: 1.3;
}
.footer_pagelink_contact_Wrap .footerCommonAreaFlex .telLinkBlock .telLink .telLinkFlex .img{
  display: inline-block;
  margin-right: 5px;
  margin-left: 0;
  width: .8em;
}

.footer_pagelink_contact_Wrap .footerCommonAreaFlex .telLinkBlock .telLink .text{
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
}

.footerCommonAreaFlex .contactLinkBlock .linkItem{
    width: 100%;
    background: var(--color-red);
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 15px 20px 15px 20px;
    border: none;
     border-radius: 5px; 
    font-size: 1.5rem;
    transition: .3s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footerCommonAreaFlex .contactLinkBlock .linkItem img{
  margin:0 0 0 10px;
}

.footerCommonAreaFlex .contactLinkBlock .linkItem:hover{
  background: var(--color-black);
}

@media screen and (min-width: 768px) {
    .footer_pagelink_contact_Wrap {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .footer_pagelink_contact_Wrap .footer_pagelink_inner .lead{
        font-size: 2.2rem;
    }
    .footer_pagelink_contact_Wrap .footerCommonAreaFlex .telLinkBlock .telLink .telLinkFlex{
        font-size: 3.6rem;
    }
    .footer_pagelink_contact_Wrap .footerCommonAreaFlex .telLinkBlock .telLink .text{
        font-size: 1.4rem;
    }
    .footerCommonAreaFlex .contactLinkBlock .linkItem{
        font-size: 1.6rem;
    }
}


/*
下層共通フッター
---------------------------------------------*/
.pageCommonFooterWrap {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 94%;

    background: url(../../img/common/bg_nav_CommonFooter_sp.png) no-repeat;
    background-size: cover;
    background-position: top center
}
.pageCommonFooterImg {
    position: absolute;
    display: none;
}
.pageCommonFooterImg .imgItem {
    object-position: center;
    object-fit: cover;
    height: 800px;
}
.pageCommonFooterImg .imgItem.pc_img{
    display: none;
}
.pageCommonFooterImg .imgItem.sp_img{
    display: block;
}
.pageCommonFooterText {
    position: inherit;
    max-width: 820px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.pageCommonFooterText .pcfw_ttl {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.pageCommonFooterText .pcfw_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
}
.pageCommonFooterText .pcfw_list .pcfw_list_item{
    min-width: 260px;
    width: 33%;
}
.pageCommonFooterText .pcfw_list .pcfw_link_item{

    color: #fff;
    font-size: 1.4rem;
    position: relative;
    width: 100%;
    height: 100%;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #fff;
    display: flex;
    position: relative;
    transition: .3s;
    align-items: center;

}

.pageCommonFooterText .pcfw_list .pcfw_link_item:hover {

}

.pageCommonFooterText .pcfw_list .pcfw_link_item:after{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto 0;
    transition: .3s;
}

.pageCommonFooterText .pcfw_list .pcfw_link_item:hover:after{
    right: 0;
}

@media screen and (min-width: 768px) {
    .pageCommonFooterWrap {
        background: url(../../img/common/bg_nav_CommonFooter_pc.png) no-repeat;
        background-size: cover;
        background-position: top right;
    }
    .pageCommonFooterText .pcfw_list {
        gap: 10px 20px;
    }
    .pageCommonFooterText .pcfw_list .pcfw_list_item {
        width: calc(30% - 10px);
    }
    .pageCommonFooterImg .imgItem {
        height: 700px;
    }
    .pageCommonFooterImg .imgItem.pc_img{
        display:  block;
    }
    .pageCommonFooterImg .imgItem.sp_img{
        display: none;
    }
    .pageCommonFooterText {
        margin-left:5%;
    }
    .pageCommonFooterText .pcfw_list .pcfw_link_item{
        padding-right: 24px;
    }
}

@media screen and (min-width: 768px) {
    .pageCommonFooterWrap {
        width: 100%;
    }
}


/*
パンクズ
---------------------------------------------*/
#bredcamb {
    background: var(--color-lightGray);
    padding-top: 10px;
    padding-bottom: 10px;
}

#bredcamb .bredcamb-list {
    max-width: 1380px;
    width: 94%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
}
#bredcamb .bredcamb-list li a {
    color: var(--color-black);
    font-size: 1.4rem;
}

#bredcamb .bredcamb-list li a::after{
    content: '>';
    display: inline-block;
    padding: 0 10px;
}

#bredcamb .bredcamb-list li:last-child a span{
  color: #000 !important;
  font-weight: bold;
}
#bredcamb .bredcamb-list li:last-child a::after{
    display: none;
}
@media screen and (min-width: 991px) {
  #bredcamb{
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #bredcamb .bredcamb-list{
    width: 86%;
  }
}


/*
下層テーブル デザイン01
---------------------------------------------*/
.pageCommonTabel01 .pct_table {
    display: block;
    width: 100%;
    border-top: 1px solid var(--color-blueGray);
}
.pageCommonTabel01 .pct_table tbody {
    display: block;
}
.pageCommonTabel01 .pct_table tr{
    display: block;
    border-bottom: 1px solid var(--color-blueGray);
}
.pageCommonTabel01 .pct_table .pct_th{
    padding: 20px;
    background: var(--color-lightGray);
    color: var(--color-black);
    width: 100%;
    display: block;
    text-align: left;
    font-size: 1.4rem;
}

.pageCommonTabel01 .pct_table .pct_td{
    padding: 20px;
    background:#fff;
    color: var(--color-black);
    width: 100%;
    display: block;
    font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
    .pageCommonTabel01 .pct_table {
        display: table;
        table-layout: auto;
    }
    .pageCommonTabel01 .pct_table tbody {
        display: table-row-group;
    }
    .pageCommonTabel01 .pct_table tr{
        display: table-row;
    }
    .pageCommonTabel01 .pct_table .pct_th{
        width: 170px;
        display: table-cell;
        font-size: 1.6rem;
    }
    .pageCommonTabel01 .pct_table .pct_td{
        width: calc(100% - 170px);
        display: table-cell;
        font-size: 1.6rem;
    }
}





/*
下層テーブル デザイン02
---------------------------------------------*/
.pageCommonTabel02 .pct_table {
    table-layout: auto;
    width: 100%;
    border-top: 1px solid var(--color-blueGray);
}
.pageCommonTabel02 .pct_table tr{
    border-bottom: 1px solid var(--color-blueGray);
}
.pageCommonTabel02 .pct_table .pct_th{
    padding: 20px;
    background: var(--color-lightGray);
    color: var(--color-black);
        width: 110px;
    text-align: left;
    font-size: 1.4rem;
}

.pageCommonTabel02 .pct_table .pct_td{
    padding: 20px;
    background:#fff;
    color: var(--color-black);
        width: calc(100% - 110px);
    font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
    .pageCommonTabel02 .pct_table {
    }
    .pageCommonTabel02 .pct_table .pct_th{
        width: 170px;
        font-size: 1.6rem;
    }
    .pageCommonTabel02 .pct_table .pct_td{
        width: calc(100% - 170px);
        font-size: 1.6rem;
    }
}



/*
下層ナビ
---------------------------------------------*/
.page_common_nav .pcn_list{
    display: flex;
    flex-wrap: wrap;
}

.page_common_nav .pcn_list_item {
    width: 100%;
    border-bottom: 1px solid var(--color-blueGray);
}

.page_common_nav .pcn_link_item {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    display: block;
    color: var(--color-black);
    font-size: 1.4rem;
    position: relative;
}

.page_common_nav .pcn_link_item:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--color-red);
    border-right: 2px solid var(--color-red);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto 0;
    transition: .3s;
}

@media screen and (min-width: 768px) {
    .page_common_nav .pcn_list{
        gap: 0 20px;
    }
    .page_common_nav .pcn_list_item {
        width: calc(33.33% - 14px);
    }
}

@media screen and (min-width: 1100px) {
    .page_common_nav .pcn_list{
        gap: 0 40px;
    }
    .page_common_nav .pcn_list_item {
        width: calc(33.33% - 28px);
    }
}





/*
下層カラムデザイン01
---------------------------------------------*/
.page_col_flex {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.page_col_flex.column02 .col{
    width: 100%;
}
.page_col_flex .col .pcf_img_item{
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.page_col_flex.column03 .col{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .page_col_flex {
        gap: 60px;
    }
    .page_col_flex.column02 .col{
        width: calc(50% - 30px);
    }
    .page_col_flex.column03 .col{
        width: calc(33.33% - 40px);
    }
}





/*
下層画像
---------------------------------------------*/
.page_img_wrap.wide .pmw_img_item{
    width: 100%;
}



/*
コラム一覧
---------------------------------------------*/

.columnListWrap .clw_list{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 40px;
}
.columnListWrap .clw_list .clw_list_item {
    width: 100%;
}
.columnListWrap .clw_list .clw_link_item {
    display: flex;
    background: #fff;
    align-items: stretch;
    padding-left: 20px;
    position: relative;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15);
    transition: .3s;
}


.columnListWrap .clw_list .clw_link_item .imgWrap {
    width: 30%;
    overflow: hidden;
    height: auto;
    position: relative;
    background: #f6f6f6;
}

.columnListWrap .clw_list .clw_link_item .imgWrap .imgItem {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    transition: .3s;
    transform: scale(1);
}

.columnListWrap .clw_list .clw_link_item .textWrap {
    padding: 20px 20px 20px 20px;
    width: 70%;
    height: 100%;
}

.columnListWrap .clw_list .clw_link_item .textWrap .ttl{
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--color-black);
    line-height: 1.7;
    margin-bottom: 20px;
}

.columnListWrap .clw_list .clw_link_item .textWrap .date{
    font-size: 1.2rem;
    color: var(--color-gray02);
}

.columnListWrap .clw_list .clw_link_item .textWrap .linkItem {
    position: absolute;
    font-size: 1.4rem;
    font-weight: bold;
    color: var(--color-black);
    right: 20px;
    padding-right: 30px;
    bottom: 20px;
}

.columnListWrap .clw_list .clw_link_item .textWrap .linkItem:before,
.columnListWrap .clw_list .clw_link_item .textWrap .linkItem:after{
    content: '';
    display: inline-block;
    position: absolute;
    border-radius: 100px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    transition: .3s;
}
.columnListWrap .clw_list .clw_link_item .textWrap .linkItem:before {
    background: #fff;
    width: 24px;
    height: 24px;
    right: 0;
}
.columnListWrap .clw_list .clw_link_item .textWrap .linkItem:after {
    background: var(--color-red);
    width: 8px;
    height: 8px;
    right: 8px;
}

.columnListWrap .clw_list .clw_link_item:hover{
    box-shadow: 0 0px 5px rgba(0,0,0,0.15);
}

.columnListWrap .clw_list .clw_link_item:hover .imgWrap .imgItem {
    transform: scale(1.1);
}

.columnListWrap .clw_list .clw_link_item:hover .textWrap .linkItem:before {
    background: var(--color-mainBlue);
}
.columnListWrap .clw_list .clw_link_item:hover .textWrap .linkItem:after {
    background: #fff;
}

@media screen and (min-width: 768px) {
    .columnListWrap .clw_list .clw_list_item {
        width: calc(50% - 20px);
        display: flex;
        align-items: center;
    }
    .columnListWrap .clw_list .clw_link_item {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        align-items: flex-start;
        height: 100%;
    }
    .columnListWrap .clw_list .clw_link_item .imgWrap {
        width: 100%;
        height: 200px;
    }
    .columnListWrap .clw_list .clw_link_item .imgWrap .imgItem {
        object-fit: cover;
    }
    .columnListWrap .clw_list .clw_link_item .textWrap {
        width: 100%;
        font-size: 1.6rem;
    }
    .columnListWrap .clw_list .clw_link_item .textWrap .linkItem {
        font-size: 1.6rem;
    }
    .columnListWrap .clw_list .clw_link_item .textWrap .date{
        font-size: 1.4rem;
    }
}
@media screen and (min-width: 991px) {
    .columnListWrap .clw_list .clw_list_item {
        width: calc(33.33% - 28px);
    }
}



/*
ページャー
---------------------------------------------*/
.pager .pagination {
  text-align: center;
}

.pager .pagination li {
  display: inline;
    margin: 0 14px;
    padding: 0;
    display: inline-block;
    background: #fff;
    /* width: 50px; */
    height: 50px;
    text-align: center;
    position: relative;
    /* border-radius: 50px; */
    /* border: 2px solid var(--color-yellow); */
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: var(--color-mainBlue);
  text-decoration: none;
  transition: .3s;
  font-family: 'Roboto Condensed';
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
  font-size: 16px;
  color: var(--color-mainBlue);
  transition: .3s;
}

.pager .pagination li a:hover span{
  color: #000;
}
.pager .pagination li a.active{
  background: #fff;
  /*border-radius: 50px;*/
  border-bottom: 2px solid var(--color-mainBlue);
}
.pager .pagination li a.active:hover {
  border-bottom: 2px solid #000;
}
.pager .pagination li.pc_item{
  display: inline-block;
}
.pager .pagination li.sp_item{
  display: none;
}

@media only screen and (max-width: 800px){
  .pager .pagination li{
    display: none;
    margin: 0 auto;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }
  .pager .pagination li a span{
    font-size: 1.4rem;
  }
  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: .2px;
  }
  .pager .pagination li.pc_item{
    display: none;
  }
  .pager .pagination li.sp_item {
    display: inline-block;
  }
/*  .pager .pagination li.pre span::after{
    content: "　前の10件へ";
    font-size: 14px;
  }

  .pager .pagination li.next span::before{
    content: "次の10件へ　";
    font-size: 14px;
  }
  .pager .pagination li.pre a:hover span::after,
  .pager .pagination li.next a:hover span::before{
    color: var(--color-yellow);
  }*/

}


/*
下層共通リスト01
---------------------------------------------*/
.pageCommonList01{
    padding-left: 1.5em;
}

.pageCommonList01 li{
    list-style: none;
    line-height: 1.7;
    margin-bottom: 10px;
    list-style-position: outside;
}
.pageCommonList01 li:last-child{
    margin-bottom: 0;
}

.pageCommonList01 li.disc{
    list-style-type: disc;
}

.pageCommonList01 li.decimal{
    list-style-type: decimal;
}

/*
下層共通リスト02
---------------------------------------------*/
.pageCommonList02 {
    padding-left: 0;
}
.pageCommonList02 li{
    list-style: none;
    display: flex;
}
.pageCommonList02 li .number{
    width: 2.5em;
}
.pageCommonList02 li .flex1{
    flex: 1;
    width: 100%; 
}


/*
下層共通flex01
---------------------------------------------*/
.pageCommonFlexLink01{
    display: flex;
    gap: 30px 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.pageCommonFlexLink01 .pcdl_list_item{
    max-width: 560px;
    position: relative;
    padding-bottom: 2em;
}

.pageCommonFlexLink01 .pcdl_list_item {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.pageCommonFlexLink01 .pcdl_link_item {

}

.pageCommonFlexLink01 .pcdl_link_item .pcdl_img_wrap {
    margin-bottom: 20px;
    overflow: hidden;
}

.pageCommonFlexLink01 .pcdl_link_item .pcdl_img_wrap img{
    object-fit: cover;
    transition: .3s;
}

.pageCommonFlexLink01 .pcdl_link_item:hover .pcdl_img_wrap img{
    transform: scale(1.1);
}
.pageCommonFlexLink01 .pcdl_text_wrap .ttl{
    font-weight: bold;
    font-size: 1.8rem;
    position: relative;
    padding-left: 3rem;
    margin-bottom: 15px;
    color: var(--color-black);
}
.pageCommonFlexLink01 .pcdl_text_wrap .ttl:after{
    content: '';
    position: absolute;
    left: 0;
    top: .2em;
    background: var(--color-mainBlue);
    height: 1em;
    width: 1em;
}
.pageCommonFlexLink01 .pcdl_text_wrap .text{
    font-size: 1.4rem;
    color: var(--color-black);
    line-height: 1.7;
    text-align: left;
    margin-bottom: 20px;
}
.pageCommonFlexLink01 .pcdl_link_wrap {
    text-align: right;
    color: var(--color-black);
    position: absolute;
    bottom: 0;
    right: 0;
}
.pageCommonFlexLink01 .pcdl_link_wrap .text{
    font-size: 1.2rem;
    font-weight: bold;
}
.pageCommonFlexLink01 .pcdl_link_wrap .text:after{
    content: '';
    background: url(../../img/company/common/company_link_icon.svg) no-repeat;
    background-size: contain;
    width: 1.8em;
    height: 1.8em;
    display: inline-flex;
    margin-left: 5px;
    align-items: center;
}


@media screen and (min-width: 768px) {
    .pageCommonFlexLink01 {
        gap: 30px;
    }
    .pageCommonFlexLink01 .pcdl_list_item {
        width: calc(50% - 15px);
        margin-right: 0;
        margin-left: 0;
    }
    .pageCommonFlexLink01 .pcdl_text_wrap .ttl{
        font-size: 2rem;
    }
    .pageCommonFlexLink01 .pcdl_text_wrap .text{
        font-size: 1.6rem;
    }

    .pageCommonFlexLink01 .pcdl_link_wrap .text{
        font-size: 1.4rem;
    }
}


@media screen and (min-width: 991px) {
    .pageCommonFlexLink01 {
        gap: 70px;
    }
    .pageCommonFlexLink01 .pcdl_list_item {
        width: calc(50% - 35px);
    }
    .pageCommonFlexLink01 .pcdl_link_item .pcdl_img_wrap {
        margin-bottom: 20px;
    }

}
/*
liftFlex
---------------------------------------------*/
.page_col_flex.listType01 .liftTtl{
    border-left: 3px solid var(--color-mainBlue);
    padding-left: .5em;
}



/*
ダウンロード資料室リンク
---------------------------------------------*/
.pagelinkDownloadWrap {
    padding-top: 60px;
    padding-bottom: 60px;
    background: var(--color-lightGray);
    border-radius: 10px;
}
.pagelinkDownloadWrap .pagelinkDownloadInner {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.pagelinkDownloadWrap .pdw_imgWrap {
    max-width: 400px;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.pagelinkDownloadWrap .pdw_textWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.pagelinkDownloadWrap .pdw_textWrap .pdw_ttl {
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.pagelinkDownloadWrap .pdw_textWrap .pdw_text {
    font-size: 1.4rem;
    line-height: 1.7;
    margin-bottom: 20px;
}
.pdw_linkWrap{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}
.pagelinkDownloadWrap .pdw_textWrap .pdw_link_item{
    font-weight: bold;
    font-size: 1.4rem;
    color: var(--color-black);
}
.pagelinkDownloadWrap .pdw_textWrap .pdw_link_item:after{
    content: '';
    background: url(../../img/common/page_link_icon_red.svg) no-repeat;
    background-size: 100%;
    width: 1.8em;
    height: 1.8em;
    display: inline-flex;
    margin-left: 5px;
    align-items: center;
}
.pagelinkDownloadWrap .pdw_textWrap .pdw_link_item:hover{
    opacity: .5;
}
@media screen and (min-width: 768px) {
    .pagelinkDownloadWrap .pagelinkDownloadInner{
        flex-wrap: nowrap;
    }
    .pagelinkDownloadWrap .pdw_imgWrap {
        width: 30%;
    }
    .pagelinkDownloadWrap .pagelinkDownloadInner {
        gap: 60px;
    }
    .pagelinkDownloadWrap .pdw_textWrap .pdw_ttl {
        font-size: 2.2rem;
    }
    .pagelinkDownloadWrap .pdw_textWrap .pdw_text {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 991px) {
    .pagelinkDownloadWrap .pagelinkDownloadInner {
        gap: 60px;
    }
    .pagelinkDownloadWrap .pdw_imgWrap {
        width: 400px;
    }
    .pagelinkDownloadWrap .pdw_textWrap{
        max-width: 620px;
    }
}



/*
キャッシュリンク
---------------------------------------------*/
.cashPolicyWrap.is-show{
    display: block;
}
.cashPolicyWrap {
    position: fixed;
    bottom: 0;
    z-index: 700;
    left: 0;
    background-color: rgb(0 104 183 / 60%);
    display: none;
}
.cashPolicyWrap.cc-hide{
    display: none !important;
}
.cashPolicyWrap:before{
    background: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    backdrop-filter: blur(1px);
    transition: .5s;
    z-index: -1;
}

.cashPolicyWrap .cashPolicyInner{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding-top: 20px;
    padding-bottom: 10px;
    min-height: 100px;
    gap:10px;
}
.cashPolicyInner .cpi_textWrap{
    width: 100%;
}
.cashPolicyInner .cpi_textWrap .text{
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.5;
}

.cashPolicyInner .cpi_linkFlex {
    display: flex;
    gap: 5%;
    width: 100%;
}
.cashPolicyInner .cpi_linkFlex .col{
    width: 47.5%;
}
.cashPolicyInner .cpi_linkFlex .cpi_link_item{
    background-color: #fff;
    border: 1px solid var(--color-red);
    color: var(--color-red);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 20px 10px;
    height: 3.5em;
    width: 100%;

    transition: .3s;
}

.cashPolicyInner .cpi_linkFlex .cpi_link_item:hover{
    background-color: var(--color-red);
    color: #fff;
}

.cashPolicyInner .cpi_linkFlex .acceptCathLink{
    background-color: var(--color-red);
    color: #fff;
}
.cashPolicyInner .cpi_linkFlex .acceptCathLink:hover{
    background-color: #fff;
    color: var(--color-red);
}


.cashPolicyWrap .closeBtn{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px
}
.cashPolicyWrap .closeBtn:hover{
    opacity: .5;
}
.cashPolicyWrap .closeBtn:before,
.cashPolicyWrap .closeBtn:after{
    content: '';
    background-color: #fff;
    position: absolute;
    width: 1px;
    height: 100%;
}
.cashPolicyWrap .closeBtn:before{
    transform: rotate(45deg);
}
.cashPolicyWrap .closeBtn:after{
    transform: rotate(135deg);
}

@media screen and (min-width: 991px) {
    .cashPolicyWrap .cashPolicyInner{
        flex-wrap: nowrap;
        padding-top: 10px;
        padding-right: 30px;
        gap: 10px;
    }
    .cashPolicyInner .cpi_textWrap{
        width:  100%;
        padding-right: 20px;
    }
    .cashPolicyInner .cpi_linkFlex {
        width: 400px;
    }
    .cashPolicyInner .cpi_linkFlex .cpi_link_item{
        font-size: 1.4rem;
    }
    .cashPolicyWrap .closeBtn{
        bottom: 0;
        margin: auto;
    }
}


/*
リンクスタイル
---------------------------------------------*/
.pageCommonLink .link_item01{
    font-weight: bold;
    display: inline-block;
    position: relative;
    padding-right: 40px;
    font-size: 1.6rem;
    color: var(--color-black);
    transition: .3s;
}

.pageCommonLink .link_item01::before,
.pageCommonLink .link_item01::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    transition: .3s;
}

.pageCommonLink .link_item01::before{
    width: 2em;
    height: 2em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: var(--color-red);
    right: 5px;
}

.pageCommonLink .link_item01::after{
    right: 1.8rem;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pageCommonLink .link_item01:hover{
    opacity: .5;
    color: var(--color-mainBlue);
}