@charset "UTF-8";
.clsNone{
	display:none !important;
}
.clsVisiNone{
	visibility:hidden !important;
}
/* 件数制限非表示 */
.clsCntNone{
	display:none !important;
}
/* 検索結果なし */
.clsSearchNone{
	display:none !important;
}

/* 0件メッセージ */
#idResultNone{
    text-align: center;
    width: 100%;
}


/* 「掲載情報無し」の文言体裁*/
.clsNoDataTop{
    text-align: center;
    margin-top: 225px;
    margin-bottom: 225px;
    /*font-size: 2rem;*/
    /*font-weight: 700;*/
}

.clsNoDataList{
    text-align: center;
    /*font-size: 1.5rem;*/
    /*font-weight: 700;*/
}

@media screen and (max-width: 767px){
    .clsNoDataTop{
        margin-top: 15px;
        margin-bottom: 0px;
        font-size: 1rem;
        font-weight: 700;
    } 

    .clsNoDataList{
        font-size: 1rem;
        font-weight: 700;
    }
}

/* 投稿モード「タイトルのみ」の記事に付与されているclass */
.clsTitleMode{
    cursor: initial !important;
}

/* MTでのプレビュー中に注記を表示する */
.clsPreviewH2{
	position: fixed;z-index: 9999;
	background-color: #ff9c9c8c;;
	color: white;
	width: 100%;
	text-align: center;
	padding: 10px;
    font-size: 20px;
    /*top:80px;*/
}

/* --------------- */ 
/* 全ページ共通 */
/* --------------- */ 
/* お知らせアイコン */
.newsItem_icon{
    margin-left: 5px;
}

/* 投稿モード「タイトルのみ」の記事の<a>タグ(hover時)に対するスタイル適用 */
a[class = clsTitleMode]:hover{
    text-decoration: none !important;
}
a[class = clsTitleMode]:hover .c-news__date{
    color: #999;
}
a[class = clsTitleMode]:hover .c-news__headline{
    color: initial;
}
.c-text > a[class = clsTitleMode]:hover {
    color: #FFF;
}

/* ページング */
.pagination__list{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination_previous::after,
.pagination_next::after{
    position: relative;
    bottom: 12px;
}

.pagination_next::before{
    content: "";
    position: absolute;
    width: 1px;
    height: 36px;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    background-color: #A9B7C1;
    z-index: 0;
    opacity: 1;
    transition: 0.3s all ease;
}
.pagination_next.is-disabled::before{
    opacity: 0;
}
.pagination__list > li{
    position: relative;
    flex: 0 0 65px;
    min-width: 65px;
    height: 48px;
    text-align: center;
    transition: all .3s ease;
    background: linear-gradient(100deg, #057CCF, #003288 );
}

.pagination__list > li > span::after,
.pagination__list > li > a::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 36px;
    top: 50%;
    transform: translateY(-50%);
    left: -1px;
    background-color: #A9B7C1;
    z-index: 0;
    opacity: 1;
    transition: 0.3s all ease;
}

.pagination__list > li.current > span::after,
.pagination__list > li.current > a::after,
.pagination__list > li:hover > span::after,
.pagination__list > li:hover > a::after,
.pagination__list > li.current + li span::after,
.pagination__list > li.current + li a::after,
.pagination__list > li:hover + li span::after,
.pagination__list > li:hover + li a::after
{
    opacity: 0;
}

.pagination__list > li::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 0;
    opacity: 1;
    transition: 0.3s all ease;
}


.pagination__list > li:hover::after,
.pagination__list > li.current::after{
    opacity: 0;
}

.pagination__list > li:hover > span,
.pagination__list > li:hover > a,
.pagination__list > li.current > span,
.pagination__list > li.current > a{
    color: #fff !important;
}

.pagination__list > li > span,
.pagination__list > li > a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    color: #1A1D21;
    position: relative;
    z-index: 1;
}

.first-page-botton,
.end-page-botton{
    display: none;
}

@media screen and (max-width: 400px){
    .pagination{
        margin-left: auto;
        margin-right: auto;
    }

    .pagination__list {
        width: auto;
    }

    .pagination__list > li > span,
    .pagination__list > li > a{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        transition: all .3s ease;
        text-decoration: none;
        font-family: 'Roboto', sans-serif;
        color: #1A1D21;
        position: relative;
        z-index: 1;
    }

    .pagination__list > li:nth-child(5n+1):before{
        display: none;
    }


    .pagination .pagination_previous {
        position: relative;
        flex: 0 0 auto;
        margin-right: 5px;
        cursor: pointer;
    }

    .pagination .pagination_previous::after {
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        background: #BCBDBE;
        mask: url(/common_v2/images/icon_arrow_left_white.svg) center / 24px no-repeat;
        -webkit-mask: url(/common_v2/images/icon_arrow_left_white.svg) center / 16px no-repeat;
        transition: .3s all ease;
    }

    .pagination .pagination_next {
        position: relative;
        flex: 0 0 auto;
        margin-left: 5px;
        cursor: pointer;
    }

    .pagination_next::before {
        display: none;
    }

    .pagination .pagination_next::after {
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        background: #BCBDBE;
        mask: url(/common_v2/images/icon_arrow_right_white.svg) center / 24px no-repeat;
        -webkit-mask: url(/common_v2/images/icon_arrow_right_white.svg) center / 16px no-repeat;
        transition: .3s all ease;
    }
}

/* ------------------------ */
/* ニュースリリース詳細ページ */
/* 重要なお知らせ詳細ページ   */
/* ------------------------ */
#idCmsNewsDetail body,
#idCmsImportantDetail body {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
    font-family: "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ W3', 'メイリオ', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #1A1D21;
    line-height: 1.6;
    letter-spacing: 0.05em;
    width: 100%;
    min-width: 1280px;
    margin-left: 0;
    margin-right: 0;
}

/* 既存コンポーネントに折り返し設定が入っていないので補完 */
#idCmsDetailTitle{
    max-width: 100%;
    word-wrap: break-word;
}

#idCmsNewsDetail h1:not([class]),
#idCmsImportantDetail h1:not([class]) {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    min-height: 30px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background-image: url(/common_v2/images/hero01_pc.jpg);
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1180px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10%;
    width: 100%;
    margin: 30px 0px;
    max-width: 100%;
    word-wrap: break-word;
}
@media screen and (max-width: 767px){
    #idCmsNewsDetail h1:not([class]),
    #idCmsImportantDetail h1:not([class]) {
        display: block;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.05em;
        padding-left: 20%;
    }
}
#idCmsNewsDetail h2:not([class]),
#idCmsImportantDetail h2:not([class]) {
    color: #003288;
    display: flex;
    font-size: 40px;
    font-weight: 700;
    max-width: 100%;
    word-wrap: break-word;
    padding-top: 30px;
    padding-bottom: 30px;
}
@media screen and (max-width: 767px){
    #idCmsNewsDetail h2:not([class]),
    #idCmsImportantDetail h2:not([class]) {
        color: #003288;
        display: flex;
        font-size: 22px;
        min-height: 74px;
        font-weight: 700;
        padding: 0 20px;
    }
}
#idCmsNewsDetail h3:not([class]),
#idCmsImportantDetail h3:not([class]) {
    position: relative;
    max-width: 1280px;
    font-weight: 700;
    font-size: 32px;
    padding-left: 24px;
    position: relative;
    line-height: 1.4;
    margin: 30px 0;
    max-width: 100%;
    word-wrap: break-word;
}
#idCmsNewsDetail h3:not([class])::before,
#idCmsImportantDetail h3:not([class])::before{
    content: "";
    display: block;
    width: 7px;
    height: calc(100% - 0.2em);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(-60deg, #003288, #057CCF );
}
@media screen and (max-width: 767px){
    #idCmsNewsDetail h3:not([class]),
    #idCmsImportantDetail h3:not([class]) {
        font-weight: 700;
        font-size: 20px;
        padding-left: 18px;
        position: relative;
        line-height: 1.5;
        margin-bottom: 32px;
        padding-bottom: 10px;
    }
    #idCmsNewsDetail h3:not([class]):before,
    #idCmsImportantDetail h3:not([class]):before {
        content: "";
        display: block;
        width: 7px;
        height: calc(100% - 0.4em);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: linear-gradient(-60deg, #003288, #057CCF );
    }
}
#idCmsNewsDetail h4:not([class]),
#idCmsImportantDetail h4:not([class]) {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    border-bottom: 1px solid #003288;
    color: #003288;
    padding-bottom: 6px;
    margin: 30px 0;
    max-width: 100%;
    word-wrap: break-word;
}
@media screen and (max-width: 767px){
    #idCmsNewsDetail h4:not([class]),
    #idCmsImportantDetail h4:not([class]) {
        display: block;
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
        border-bottom: 1px solid #003288;
        color: #003288;
        padding-bottom: 10px;
    }
}
#idCmsNewsDetail h5:not([class]),
#idCmsImportantDetail h5:not([class]) {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: #003288;
    margin: 32px 0 24px;
    padding-bottom: 10px;
    max-width: 100%;
    word-wrap: break-word;
}
@media screen and (max-width: 767px){
    #idCmsNewsDetail h5:not([class]),
    #idCmsImportantDetail h5:not([class]) {
        display: block;
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.6;
        color: #003288;
        margin: 32px 0 22px;
        padding-bottom: 10px;
    }
}

#idCmsNewsDetail h6:not([class]),
#idCmsImportantDetail h6:not([class]) {
    font-weight: 700;
    color: #003288;
    margin: 30px 0;
}
@media screen and (max-width: 767px){
    #idCmsNewsDetail h6:not([class]),
    #idCmsImportantDetail h6:not([class]) {
    }
}

#idCmsNewsDetail p:not([class]),
#idCmsImportantDetail p:not([class]) {
    max-width: 100%;
    word-wrap: break-word;
}
#idCmsNewsDetail p:not([class]) strong,
#idCmsImportantDetail p:not([class]) strong {
    font-weight: bold;
}
#idCmsNewsDetail p:not([class]) em,
#idCmsImportantDetail p:not([class]) em {
    font-style: italic;
}
#idCmsNewsDetail p:not([class]) u,
#idCmsImportantDetail p:not([class]) u {
    background-size: 100%;
    background-image: linear-gradient(transparent 0.85em, #FFD5B5 0.85em);
    background-repeat: no-repeat;
    text-decoration: none;
}
#idCmsNewsDetail p:not([class]) > s,
#idCmsImportantDetail p:not([class]) > s {
    text-decoration: line-through;
}

#idCmsNewsDetail ol:not([class]),
#idCmsImportantDetail ol:not([class]){
    letter-spacing: 0;
    list-style: none;
    line-height: 1.6rem;
    font-size: 1rem;
    counter-reset: orderlist;
    max-width: 100%;
    word-wrap: break-word;
}
#idCmsNewsDetail ol:not([class]) > li:not([class]),
#idCmsImportantDetail ol:not([class]) > li:not([class]) {
    line-height: 1.6rem;
    padding-left: 2em;
    text-indent: -2.5em;
    font-size: 16px;
}
#idCmsNewsDetail ol:not([class]) > li:not([class])::before,
#idCmsImportantDetail ol:not([class]) > li:not([class])::before{
    content: counter(orderlist) ".";
    display: inline-block;
    margin-right: 0.5em;
    min-width: 2em;
    text-align: right;
    counter-increment: orderlist;
    color: #003288;
}
#idCmsNewsDetail ul:not([class]),
#idCmsImportantDetail ul:not([class]){
    letter-spacing: 0;
    list-style: none;
    line-height: 1.6rem;
    font-size: 1rem;
    max-width: 100%;
    word-wrap: break-word;
}
#idCmsNewsDetail ul:not([class]) > li:not([class]),
#idCmsImportantDetail ul:not([class]) > li:not([class]){
    line-height: 1.6rem;
    padding-left: 1.8em;
    text-indent: -1em;
    font-size: 16px;
}
#idCmsNewsDetail ul:not([class]) > li:not([class])::before,
#idCmsImportantDetail ul:not([class]) > li:not([class])::before{
    display: inline-block;
    left: 0;
    top: 0.5em;
    content: "";
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background: #003288;
    margin-right: 0.65em;
}
#idCmsNewsDetail a:not([class]),
#idCmsImportantDetail a:not([class]) {
    top: 8px;
    /*min-height: 28px;*/
    /*padding-bottom: 4px;*/
    margin-top: 1px;
    /*margin-bottom: 10px;*/
    display: inline-block;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    position: relative;
    color: #003288;
    text-decoration: none;
    max-width: 100%;
    word-wrap: break-word;
}
@media screen and (max-width: 767px){
	#idCmsNewsDetail a:not([class]),
	#idCmsImportantDetail a:not([class]) {
	    text-align: left;
	}
}

#idCmsNewsDetail a:not([class]):before,
#idCmsImportantDetail a:not([class]):before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    height: 10px;
    transform: scaleY(0.1);
    width: 300%;
    background: linear-gradient(to right, #003288 0%, #003288 33.33%, transparent 33.33%, transparent 66.66%, #003288 66.66%, #003288 100%);
    transform-origin: bottom;
}
#idCmsNewsDetail a:not([class]):not([target="_blank"]):not([href$=".pdf"]):after,
#idCmsImportantDetail a:not([class]):not([target="_blank"]):not([href$=".pdf"]):after{
    display: inline-block;
    width: 15px;
    background: url(/common_v2/images/icon_arrow_right_blue.svg) center/15px no-repeat;
    content: "";
    height: 0.8em;
    margin-left: 10px;
}
#idCmsNewsDetail a:not([class])[target="_blank"]:not([href$=".pdf"]):after,
#idCmsImportantDetail a:not([class])[target="_blank"]:not([href$=".pdf"]):after {
    display: inline-block;
    width: 15px;
    background: url(/common_v2/images/icon_blank_blue.svg) center/15px no-repeat;
    content: "";
    height: 1em;
    margin-left: 10px;
}
#idCmsNewsDetail a:not([class])[href$=".pdf"]:after,
#idCmsImportantDetail a:not([class])[href$=".pdf"]:after{
    display: inline-block;
    width: 37px;
    height: 19px;
    background: url(/common_v2/images/icon_pdf_blue.svg) center/37px 19px no-repeat;
    content: "";
    height: 1.2em;
    margin-left: 10px;
}
#idCmsNewsDetail a:not([class]):hover,
#idCmsImportantDetail a:not([class]):hover {
    transition: .3s all ease;
}
#idCmsNewsDetail a:not([class]):hover::before,
#idCmsImportantDetail a:not([class]):hover::before {
    right: -200%;
    transition: 1.2s right cubic-bezier(.46,.98,.5,-0.01);
}
#idCmsNewsDetail ol:not([class]) > li:not([class]) > a:not([class]),
#idCmsImportantDetail ol:not([class]) > li:not([class]) > a:not([class]){
    top: 7px;
    padding-left: 2.5em;
    margin-top: -0.4em;
}
#idCmsNewsDetail ul:not([class]) > li:not([class]) > a:not([class]),
#idCmsImportantDetail ul:not([class]) > li:not([class]) > a:not([class]) {
    top: 7px;
    padding-left: 1em;
    margin-top: -0.4em;
}
@media screen and (max-width: 767px){
    #idCmsNewsDetail a:not([class][target]):after,
    #idCmsImportantDetail a:not([class][target]):after {
        content: "";
        height: 0.8em;
        margin-left: 6px;
        flex: 0 0 auto;
    }
    #idCmsNewsDetail a:not([class])[target="_blank"]:not([href$=".pdf"]):after,
    #idCmsImportantDetail a:not([class])[target="_blank"]:not([href$=".pdf"]):after {
        content: "";
        height: 1em;
        margin-left: 6px;
        flex: 0 0 auto;
    }
    #idCmsNewsDetail a:not([class])[href$=".pdf"]:after,
    #idCmsImportantDetail a:not([class])[href$=".pdf"]:after{
        content: "";
        height: 1.2em;
        margin-left: 6px;
        flex: 0 0 auto;
    }
}

#idCmsNewsDetail img,
#idCmsImportantDetail img{
    max-width: 90%;
    height: auto;
}
#idCmsNewsDetail img:not([class]),
#idCmsImportantDetail img:not([class]){
}
@media screen and (max-width: 767px){
    #idCmsNewsDetail img:not([class]),
    #idCmsImportantDetail img:not([class]){
        width: 90%;
        height: auto;
    }
}

#idCmsNewsDetail table:not([class]),
#idCmsImportantDetail table:not([class]) {
    width: 100%;
    margin-top: 40px;
    table-layout: fixed;
    word-wrap: break-word;
}
#idCmsNewsDetail caption,
#idCmsImportantDetail caption {
}
#idCmsNewsDetail table:not([class]) thead th,
#idCmsImportantDetail table:not([class]) thead th {
    font-weight: bold;
    font-family: YuGothic, "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", 'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ W3', 'メイリオ', sans-serif;
    color: #fff;
    background: #003288;
    padding: 28px 24px;
    vertical-align: middle;
    border: 1px solid #C3C8D6;
    text-align: center;
}
#idCmsNewsDetail table:not([class]) thead td,
#idCmsImportantDetail table:not([class]) thead td {
    background: #fff;
    padding: 28px 24px;
    border: 1px solid #C3C8D6;
    vertical-align: middle;
}
#idCmsNewsDetail table:not([class]) tbody th,
#idCmsImportantDetail table:not([class]) tbody th {
    font-weight: bold;
    font-family: YuGothic, "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", 'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ W3', 'メイリオ', sans-serif;
    color: #fff;
    background: #003288;
    padding: 28px 24px;
    vertical-align: middle;
    border: 1px solid #C3C8D6;
    text-align: center;
}
#idCmsNewsDetail table:not([class]) tbody td,
#idCmsImportantDetail table:not([class]) tbody td {
    background: #fff;
    padding: 28px 24px;
    border: 1px solid #C3C8D6;
    vertical-align: middle;
}

#idCmsNewsDetail blockquote:not([class]),
#idCmsImportantDetail blockquote:not([class]){
    border: 1px solid gray;
    padding: 1em;
    margin: 1em 0em;
    box-shadow: 10px 5px 5px #d4d4d4;
    color: #8e8e8e;
}


/* ------------------------ */
/* 実績紹介詳細ページ   */
/* ------------------------ */
/* スライダー画像 */
#idCmsProjectDetail .projectsSwiper_slide-image img{
    max-width: 100%;
    max-height: 500px;
    width: auto;
    height: auto;
}

/* 画像説明 */
#idCmsProjectDetail .clsCmsImgExplain{
    font-size: 90%;
    text-align: center;
    color: gray;
}


/* 下付 */
#idCmsProjectDetail sub{
	font-size: 80% !important;
    vertical-align: bottom !important;
    font-weight: normal !important;
}



/* ------------------------ */
/* Important 詳細ページ   */
/* ------------------------ */
#idCmsEnImportantDetail body {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
    font-family: "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ W3', 'メイリオ', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #1A1D21;
    line-height: 1.6;
    letter-spacing: 0.05em;
    width: 100%;
    min-width: 1280px;
    margin-left: 0;
    margin-right: 0;
}

/* 既存コンポーネントに折り返し設定が入っていないので補完 */
#idCmsEnDetailTitle{
    max-width: 100%;
    word-wrap: break-word;
}

#idCmsEnImportantDetail h1:not([class]) {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    min-height: 30px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background-image: url(/common_v2/images/hero01_pc.jpg);
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1180px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10%;
    width: 100%;
    margin: 30px 0px;
    max-width: 100%;
    word-wrap: break-word;
}
@media screen and (max-width: 767px){
    #idCmsEnImportantDetail h1:not([class]) {
        display: block;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.05em;
        padding-left: 20%;
    }
}
#idCmsEnImportantDetail h2:not([class]) {
    color: #003288;
    display: flex;
    font-size: 40px;
    font-weight: 700;
    max-width: 100%;
    word-wrap: break-word;
    padding-top: 30px;
    padding-bottom: 30px;
}
@media screen and (max-width: 767px){
    #idCmsEnImportantDetail h2:not([class]) {
        color: #003288;
        display: flex;
        font-size: 22px;
        min-height: 74px;
        font-weight: 700;
        padding: 0 20px;
    }
}
#idCmsEnImportantDetail h3:not([class]) {
    position: relative;
    max-width: 1280px;
    font-weight: 700;
    font-size: 32px;
    padding-left: 24px;
    position: relative;
    line-height: 1.4;
    margin: 30px 0;
    max-width: 100%;
    word-wrap: break-word;
}
#idCmsEnImportantDetail h3:not([class])::before{
    content: "";
    display: block;
    width: 7px;
    height: calc(100% - 0.2em);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(-60deg, #003288, #057CCF );
}
@media screen and (max-width: 767px){
    #idCmsEnImportantDetail h3:not([class]) {
        font-weight: 700;
        font-size: 20px;
        padding-left: 18px;
        position: relative;
        line-height: 1.5;
        margin-bottom: 32px;
        padding-bottom: 10px;
    }
    #idCmsEnImportantDetail h3:not([class]):before {
        content: "";
        display: block;
        width: 7px;
        height: calc(100% - 0.4em);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: linear-gradient(-60deg, #003288, #057CCF );
    }
}
#idCmsEnImportantDetail h4:not([class]) {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    border-bottom: 1px solid #003288;
    color: #003288;
    padding-bottom: 6px;
    margin: 30px 0;
    max-width: 100%;
    word-wrap: break-word;
}
@media screen and (max-width: 767px){
    #idCmsEnImportantDetail h4:not([class]) {
        display: block;
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
        border-bottom: 1px solid #003288;
        color: #003288;
        padding-bottom: 10px;
    }
}
#idCmsEnImportantDetail h5:not([class]) {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: #003288;
    margin: 32px 0 24px;
    padding-bottom: 10px;
    max-width: 100%;
    word-wrap: break-word;
}
@media screen and (max-width: 767px){
    #idCmsEnImportantDetail h5:not([class]) {
        display: block;
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.6;
        color: #003288;
        margin: 32px 0 22px;
        padding-bottom: 10px;
    }
}

#idCmsEnImportantDetail h6:not([class]) {
    font-weight: 700;
    color: #003288;
    margin: 30px 0;
}
@media screen and (max-width: 767px){
    #idCmsEnImportantDetail h6:not([class]) {
    }
}

#idCmsEnImportantDetail p:not([class]) {
    max-width: 100%;
    word-wrap: break-word;
}
#idCmsEnImportantDetail p:not([class]) strong {
    font-weight: bold;
}
#idCmsEnImportantDetail p:not([class]) em {
    font-style: italic;
}
#idCmsEnImportantDetail p:not([class]) u {
    background-size: 100%;
    background-image: linear-gradient(transparent 0.85em, #FFD5B5 0.85em);
    background-repeat: no-repeat;
    text-decoration: none;
}
#idCmsEnImportantDetail p:not([class]) > s {
    text-decoration: line-through;
}

#idCmsEnImportantDetail ol:not([class]){
    letter-spacing: 0;
    list-style: none;
    line-height: 1.6rem;
    font-size: 1rem;
    counter-reset: orderlist;
    max-width: 100%;
    word-wrap: break-word;
}
#idCmsEnImportantDetail ol:not([class]) > li:not([class]) {
    line-height: 1.6rem;
    padding-left: 2em;
    text-indent: -2.5em;
    font-size: 16px;
}
#idCmsEnImportantDetail ol:not([class]) > li:not([class])::before{
    content: counter(orderlist) ".";
    display: inline-block;
    margin-right: 0.5em;
    min-width: 2em;
    text-align: right;
    counter-increment: orderlist;
    color: #003288;
}
#idCmsEnImportantDetail ul:not([class]){
    letter-spacing: 0;
    list-style: none;
    line-height: 1.6rem;
    font-size: 1rem;
    max-width: 100%;
    word-wrap: break-word;
}
#idCmsEnImportantDetail ul:not([class]) > li:not([class]){
    line-height: 1.6rem;
    padding-left: 1.8em;
    text-indent: -1em;
    font-size: 16px;
}
#idCmsEnImportantDetail ul:not([class]) > li:not([class])::before{
    display: inline-block;
    left: 0;
    top: 0.5em;
    content: "";
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background: #003288;
    margin-right: 0.65em;
}
#idCmsEnImportantDetail a:not([class]) {
    top: 8px;
    /*min-height: 28px;*/
    /*padding-bottom: 4px;*/
    margin-top: 1px;
    /*margin-bottom: 10px;*/
    display: inline-block;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    position: relative;
    color: #003288;
    text-decoration: none;
    max-width: 100%;
    word-wrap: break-word;
}
@media screen and (max-width: 767px){
	#idCmsEnImportantDetail a:not([class]) {
	    text-align: left;
	}
}

#idCmsEnImportantDetail a:not([class]):before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    height: 10px;
    transform: scaleY(0.1);
    width: 300%;
    background: linear-gradient(to right, #003288 0%, #003288 33.33%, transparent 33.33%, transparent 66.66%, #003288 66.66%, #003288 100%);
    transform-origin: bottom;
}
#idCmsEnImportantDetail a:not([class]):not([target="_blank"]):not([href$=".pdf"]):after{
    display: inline-block;
    width: 15px;
    background: url(/common_v2/images/icon_arrow_right_blue.svg) center/15px no-repeat;
    content: "";
    height: 0.8em;
    margin-left: 10px;
}
#idCmsEnImportantDetail a:not([class])[target="_blank"]:not([href$=".pdf"]):after {
    display: inline-block;
    width: 15px;
    background: url(/common_v2/images/icon_blank_blue.svg) center/15px no-repeat;
    content: "";
    height: 1em;
    margin-left: 10px;
}
#idCmsEnImportantDetail a:not([class])[href$=".pdf"]:after{
    display: inline-block;
    width: 37px;
    height: 19px;
    background: url(/common_v2/images/icon_pdf_blue.svg) center/37px 19px no-repeat;
    content: "";
    height: 1.2em;
    margin-left: 10px;
}
#idCmsEnImportantDetail a:not([class]):hover {
    transition: .3s all ease;
}
#idCmsEnImportantDetail a:not([class]):hover::before {
    right: -200%;
    transition: 1.2s right cubic-bezier(.46,.98,.5,-0.01);
}
#idCmsEnImportantDetail ol:not([class]) > li:not([class]) > a:not([class]){
    top: 7px;
    padding-left: 2.5em;
    margin-top: -0.4em;
}
#idCmsEnImportantDetail ul:not([class]) > li:not([class]) > a:not([class]) {
    top: 7px;
    padding-left: 1em;
    margin-top: -0.4em;
}
@media screen and (max-width: 767px){
    #idCmsEnImportantDetail a:not([class][target]):after {
        content: "";
        height: 0.8em;
        margin-left: 6px;
        flex: 0 0 auto;
    }
    #idCmsEnImportantDetail a:not([class])[target="_blank"]:not([href$=".pdf"]):after {
        content: "";
        height: 1em;
        margin-left: 6px;
        flex: 0 0 auto;
    }
    #idCmsEnImportantDetail a:not([class])[href$=".pdf"]:after{
        content: "";
        height: 1.2em;
        margin-left: 6px;
        flex: 0 0 auto;
    }
}

#idCmsEnImportantDetail img{
    max-width: 90%;
    height: auto;
}
#idCmsEnImportantDetail img:not([class]){
}
@media screen and (max-width: 767px){
    #idCmsEnImportantDetail img:not([class]){
        width: 90%;
        height: auto;
    }
}

#idCmsEnImportantDetail table:not([class]) {
    width: 100%;
    margin-top: 40px;
    table-layout: fixed;
    word-wrap: break-word;
}
#idCmsEnImportantDetail caption {
}
#idCmsEnImportantDetail table:not([class]) thead th {
    font-weight: bold;
    font-family: YuGothic, "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", 'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ W3', 'メイリオ', sans-serif;
    color: #fff;
    background: #003288;
    padding: 28px 24px;
    vertical-align: middle;
    border: 1px solid #C3C8D6;
    text-align: center;
}
#idCmsEnImportantDetail table:not([class]) thead td {
    background: #fff;
    padding: 28px 24px;
    border: 1px solid #C3C8D6;
    vertical-align: middle;
}
#idCmsEnImportantDetail table:not([class]) tbody th {
    font-weight: bold;
    font-family: YuGothic, "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", 'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ W3', 'メイリオ', sans-serif;
    color: #fff;
    background: #003288;
    padding: 28px 24px;
    vertical-align: middle;
    border: 1px solid #C3C8D6;
    text-align: center;
}
#idCmsEnImportantDetail table:not([class]) tbody td {
    background: #fff;
    padding: 28px 24px;
    border: 1px solid #C3C8D6;
    vertical-align: middle;
}

#idCmsEnImportantDetail blockquote:not([class]){
    border: 1px solid gray;
    padding: 1em;
    margin: 1em 0em;
    box-shadow: 10px 5px 5px #d4d4d4;
    color: #8e8e8e;
}


/* ------------------------ */
/* project詳細ページ   */
/* ------------------------ */
/* スライダー画像 */
#idCmsEnProjectDetail .projectsSwiper_slide-image img{
    max-width: 100%;
    max-height: 500px;
    width: auto;
    height: auto;
}

/* 画像説明 */
#idCmsEnProjectDetail .clsCmsImgExplain{
    font-size: 90%;
    text-align: center;
    color: gray;
}


/* 下付 */
#idCmsEnProjectDetail sub{
	font-size: 80% !important;
    vertical-align: bottom !important;
    font-weight: normal !important;
}