/* CSS Document */
body {
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

@media screen and (min-width: 48em) {
    body#news {
        overflow: visible;}
}
body#news main * {
    /*box-sizing: border-box; */
	word-wrap: break-word;
    word-break: break-all;} 
@media screen and (min-width: 48em) and (max-width: 64em) {
    #breadcrumbs ol {
        width: 95%;}
}
#breadcrumbs ol li {
    font-size: 10px;}
    @media screen and (min-width: 48em) {
        #breadcrumbs ol li {
            font-size: 12px;}
    }

/* pcColBox */
.pcColBox {
    width: 90%;
    margin: auto;
    padding-top: 32px;
    padding-bottom: 48px;}
    @media screen and (min-width: 48em) {
        .pcColBox {
            display: flex;
            justify-content: space-between;
            max-width: 75em;
            padding-top: 48px;
            padding-bottom: 64px;}
    }
    @media screen and (min-width: 48em) and (max-width: 64em) {
        .pcColBox {
            width: 95%;} 
    }
    .pcColBox .colMain {
        width: 100%;}
        @media screen and (min-width: 48em) {
            .pcColBox .colMain {
                flex: 1;}
        } 

    .pcColBox .colSide {
        /*flex-shrink: 0;*/
        margin-top: 48px;}
        @media screen and (min-width: 48em) {
            .pcColBox .colSide {
                width: 288px;
                margin-top: 0;
                margin-left: 64px;} 
        }
        @media screen and (min-width: 48em) and (max-width: 64em) {
            .pcColBox .colSide {
                width: 240px;
                margin-left: 24px;} 
        }
        .pcColBox .colSide section + section {
            margin-top: 24px;}
        .pcColBox .colSide h3 {
              margin-bottom: 16px;
              padding: 12px 0;
              font-size: 18px;
              font-weight: 700;
              letter-spacing: .05em;
              border-top: 3px solid #152768;
              border-bottom: 1px dotted #152768; }
              @media screen and (min-width: 64em) {
                  .pcColBox .colSide h3 {
                      font-size: 20px;}
              }
        .pcColBox .colSide img {
            width: 100%;}
            @media screen and (min-width: 48em) {
            .pcColBox .colSide img {
                width: auto;
                max-width: 100%;}
            }
        .pcColBox .colSide a {
            display: block;
            transition: all 0.3s 0s ease;}
        .pcColBox .colSide a:not([disabled]):hover {
            opacity: .7; }

            /*side-category*/
            .news-top .colSide section.side-category {
                display: none;}
                .pcColBox .colSide section.side-category .list-category li + li {
                    margin-top: 12px;}
                .pcColBox .colSide section.side-category .list-category li a {
                    display: inline-block;
                    background-color: #fff;
                    border: 1px solid #152768;
                    color: #152768;
                    line-height: 1.5;
                    padding: 4px 24px;}
                    .pcColBox .colSide section.side-category .list-category li a:hover {
                        background-color: #152768;
                        color: #fff;
                        opacity: 1.0;}
                .news-expt .pcColBox .colSide section.side-category .list-category li a.side-category-expt,
                .news-introduce .pcColBox .colSide section.side-category .list-category li a.side-category-introduce {
                    background-color: #152768;
                    color: #fff;
                    pointer-events: none;}

        .pcColBox .colSide .fixBox {
            display: none;}
            @media screen and (min-width: 48em) {
            .pcColBox .colSide .fixBox {
                position: sticky;
                transition: .3s;
                top: 90px;
                /*opacity: 0;*/ }
            }

/* mainv */
.mainv {
    padding-top: 56px;
	height: 240px;
	background-image: url("/web/jp/government/images/news/bg.png");
	background-position: center bottom;
    background-repeat: repeat-x;
	background-color: #F2F7F8; }
    @media screen and (min-width: 1200px) {
        .mainv {
            padding-top: 72px;}
    }    
        .mainv h1 {
            padding-top: 80px;
            font-size: 20px;
            font-weight: 700;
            line-height: 1.5;
            letter-spacing: .05em;
            text-align: center;}
            .mainv h1 span {
                display: block;}
                .mainv h1 span img {
                    display: block;
                    width: 80px;
                    margin: 0 auto 6px;}
            @media screen and (min-width: 48em) {
                .mainv h1 {
                    font-size: 32px;
                    letter-spacing: .1em;}
                    .mainv h1 span img {
                        display: inline-block;
                        width: 96px; 
                        margin: 0 16px 0 0;
                        vertical-align: middle;}
            }

/*tab*/
.news-tab {
    margin-bottom: 48px;}
    .news-tab ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;}
        .news-tab > ul > li {
            width: 100%;}
        .news-tab > ul > li + li {
            margin-top: 16px;}
            .news-tab > ul > li a {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                padding: 16px 0;
                background-color: #fff;
                border: 1px solid #152768;
                color: #152768;
                font-size: 16px;
                letter-spacing: .08em;
                line-height: 1;
                transition: all 0.3s 0s ease;}            
                .news-tab > ul > li a::after {
                    content: "";
                    position: absolute;
                    right: 16px;
                    width: 10px;
                    height: 10px;
                    border-top-width: 1px;
                    border-top-style: solid;
                    border-right-width: 1px;
                    border-right-style: solid;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);} 
                .news-tab ul li a:hover {
                    background-color: #152768;
                    color: #fff;}
        @media screen and (min-width:48em){
            .news-tab ul {
                justify-content: space-between;}
                .news-tab > ul > li + li {
                    margin-top: 0;}
                .news-tab > ul > li {
                    width: 48%;}
                .news-tab > ul > li a {
                    font-size: 18px;}
        }

/* news */
.secNewArticle h2 {
    display: flex;
    align-items: center;
    margin-bottom: 32px; 
    color: #152768;
    font-size: 22px;
    font-weight: 700;}
    .secNewArticle h2::before,
    .secNewArticle h2::after {
        content: '';
        display: inline-block;
        height: 3px;
        flex-grow: 1;
        background-color: #152768;}
    .secNewArticle h2::before {
        margin-right: 1em;} 
    .secNewArticle h2::after {
        margin-left: 1em;}
    @media screen and (min-width: 48em) {
    .secNewArticle h2 {
        font-size: 32px;}
    }

.secNewArticle li.NewArticle-item {
    width: 100%;}
    .secNewArticle li.NewArticle-item + li.NewArticle-item {
        margin-top: 24px;}
        .secNewArticle li.NewArticle-item a {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            padding: 16px;
            background-color: #fff;
            box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, .05);
            transition: opacity 0.3s;}
            .secNewArticle li.NewArticle-item a:not([disabled]):hover {
                opacity: .7;}
            @media screen and (min-width: 48em) {
                .secNewArticle li.NewArticle-item a {
                    flex-direction: row;
                    align-items: flex-start;}
             }
                .secNewArticle li.NewArticle-item figure {
                    text-align: center;
                    margin-bottom: 16px;
                    background-color: #fff;}
                    @media screen and (min-width: 48em) {
                        .secNewArticle li.NewArticle-item figure {
                            margin-bottom: 0;}
                    }
                    .secNewArticle li.NewArticle-item figure img {
                        width: 176px;
                        padding: 3px;
                        border: 1px solid #dedede;}
                        @media screen and (min-width: 48em) and (max-width: 64em) {
                            .secNewArticle li.NewArticle-item figure img {
                                width: 120px;}
                        }    
                        @media screen and (min-width: 64em) {
                            .secNewArticle li.NewArticle-item figure img {
                                padding: 7px;
                                width: 224px;}
                        }   
                .secNewArticle li.NewArticle-item .txt {
                    position: relative;}           
                    @media screen and (min-width: 48em) {
                        .secNewArticle li.NewArticle-item .txt {
                            flex: 1;
                            margin-left: 24px;}
                    }            
                        .secNewArticle li.NewArticle-item .txt h3 {
                            font-size: 15px;
                            font-weight: 700;
                            line-height: 1.5; }
                            .secNewArticle li.NewArticle-item .txt h3 span {
                                display: block;
                                margin-top: 8px;
                                font-size: 14px;
                                font-weight: 400; }
                        @media screen and (min-width: 64em) {
                            .secNewArticle li.NewArticle-item .txt {
                                margin-left: 32px;}
                            .secNewArticle li.NewArticle-item .txt h3 {
                                font-size: 16px;}
                            .secNewArticle li.NewArticle-item .txt h3 span {
                                font-size: 15px;}
                        }

        .secNewArticle li.NewArticle-item .txt .more_link {
            margin-top: 12px;
            text-align: right;}
            .secNewArticle li.NewArticle-item .txt .more_link span {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                color: #152768;
                font-size: 14px;
                line-height: 1.0;}
                    .secNewArticle li.NewArticle-item .txt .more_link span::after{
                        content: '';
                        width: 6px;
                        height: 6px;
                        margin-top: 2px;
                        margin-left: 6px;
                        border-top: 1px solid #152768;
                        border-right: 1px solid #152768;
                        transform: rotate(45deg);} 

/* pager */
.secNewArticle .pager {
    display: flex;
    justify-content: center;
    padding-top: 32px;
    font-size: 15px;
    font-weight: bold;}
    @media screen and (min-width: 48em) {
        .secNewArticle .pager {
            font-size: 19px;}
    }
    .secNewArticle .pager a,
    .secNewArticle .pager span {
        display: block;}
        .secNewArticle .pager a.no,
        .secNewArticle .pager span.no {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 29px;
            height: 29px;
            box-sizing: border-box;}
            @media screen and (min-width: 48em) {
                .secNewArticle .pager a.no,
                .secNewArticle .pager span.no {
                    width: 34px;
                    height: 34px;}
            }
            .secNewArticle .pager a.no + .no,
            .secNewArticle .pager span.no + .no {
                margin-left: 8px; }
                @media screen and (min-width: 48em) {
                    .secNewArticle .pager a.no + .no,
                    .secNewArticle .pager span.no + .no {
                    margin-left: 10px;}
                }
                .secNewArticle .pager a {
                    transition: opacity 0.3s;}
                        .secNewArticle .pager a:not([disabled]):hover {
                            opacity: .5;}
                        .secNewArticle .pager a.no {
                            background-color: #fff;
                            color: #152768;
                            border: 1px solid #ccc; }
                            .secNewArticle .pager a.arw {
                                width: 12px;
                                height: 12px;
                                border-bottom: 1px solid #152768;
                                border-right: 1px solid #152768;}
                                @media screen and (min-width: 48em) {
                                    .secNewArticle .pager a.arw {
                                        width: 15px;
                                        height: 15px;}
                                }
                                .secNewArticle .pager a.arw.pre {
                                    margin-right: 10px;
                                    transform: translate(0, 9px) rotate(135deg);}
                                .secNewArticle .pager a.arw.nxt {
                                    margin-left: 10px;
                                    transform: translate(0, 9px) rotate(-45deg); }
                                .secNewArticle .pager span.no {
                                    background-color: #152768;
                                    color: #fff;}

/* 詳細ページ */
.pcColBox.detail {
    padding-top: 126px;}
    @media screen and (min-width: 48em) {
        .pcColBox.detail {
            padding-top: 136px;}
    }        

.secArticleDetail {}
.secArticleDetail .title {
    margin-bottom: 48px;}
    @media screen and (min-width: 48em) {
        .secArticleDetail .title {
            margin-bottom: 64px;}
    }      
    .secArticleDetail .title .headding {
        position: relative;
        padding-bottom: 16px;
        border-bottom: 1px solid #dedede;}
       .secArticleDetail .title .headding::before {
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 20%;
            height: 3px;
            content: '';
            background: #152768;}
        .secArticleDetail .title .headding h1 {
            font-size: 16px;
            font-weight: bold;
            line-height: 1.5;}
        .secArticleDetail .title .headding p {
            margin-top: 12px;
            font-size: 15px;
            font-weight: bold;
            line-height: 1.5;}
            @media screen and (min-width: 48em) {
                .secArticleDetail .title .headding h1 {
                    font-size: 22px;}
                .secArticleDetail .title .headding p {
                    font-size: 16px;}
            }

    .secArticleDetail .lead {
        margin-top: 48px;}
        @media screen and (min-width: 48em) {
            .secArticleDetail .lead {
                margin-top: 64px;}
        }
    .secArticleDetail figure {
        margin-top: 32px;}

    .secArticleDetail figure.mb {
        margin-bottom: 30px;}

        @media screen and (min-width: 48em) {
            .secArticleDetail figure {
                margin-top: 48px;}
			.secArticleDetail figure.mb {
                margin-bottom: 48px;}
        } 
        .secArticleDetail figure img {
            display: block;
            max-width: 100%;
            margin: auto;}

    .secArticleDetail .chapter {
        margin-top: 32px;}
        @media screen and (min-width: 48em) {
            .secArticleDetail .chapter {
                margin-top: 48px;}
        }
    .secArticleDetail h2 {
        margin-bottom: 16px;
        padding-left: 8px;
        border-left: 6px solid #152768; 
        color: #152768;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;}
  .secArticleDetail h3 {
	    color:#333;
	    font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
	    margin-top: 16px;
	    margin-bottom: 16px;
}

.secArticleDetail h3.h3-first{
	    margin-top:0;
}

.secArticleDetail strong{
	font-weight:bold !important;
}
 

        @media screen and (min-width: 48em) {
            .secArticleDetail h2 {
                border-left-width: 8px; 
                font-size: 18px;}
			 .secArticleDetail h3 {              
                font-size: 18px;}
        }
			 .secArticleDetail .small-text {
				 font-size:14px;
				 margin-top:14px;
        }

    .secArticleDetail p {
        font-size: 15px;
        line-height: 1.8;}
        @media screen and (min-width: 48em) {
            .secArticleDetail p {
                font-size: 16px;}
       }
    .secArticleDetail p + p,
    .secArticleDetail .note + p {
        margin-top: 16px;}
        @media screen and (min-width: 48em) {
            .secArticleDetail p {
                font-size: 16px;}
       }
    .secArticleDetail .list {
        margin-top: 0;
        margin-bottom: 0;}
        .secArticleDetail .list ul {
            margin-left: 1.5em;}
            @media screen and (min-width: 48em) {
                .secArticleDetail .list ul {
                    margin-left: 2.5em;}
            }

    .secArticleDetail .info {
        margin-top: 16px;
        margin-bottom: 16px;} 
        .secArticleDetail .info ul {
            margin-left: 1.2em;}

    .secArticleDetail ul li {
        font-size: 15px;
        line-height: 1.5;}
    .secArticleDetail ul li + li  {
        margin-top: 8px;}
        @media screen and (min-width: 48em) {
            .secArticleDetail ul li {
                font-size: 16px;}
        }

    .secArticleDetail .note {
        margin-top: 24px;}
            .secArticleDetail .note ul li {
                margin-top: 8px;
                font-size: 13px;
                line-height: 1.5;}
            .secArticleDetail .note ul li + li {
                margin-top: 8px;}
        @media screen and (min-width: 48em) {
            .secArticleDetail .note ul li {
                font-size: 14px;}
        }
    .secArticleDetail .service h3 {
        margin-bottom: 16px;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.5;}
            .secArticleDetail .service h3 img {
                display: block; 
                width: 96px;
                margin-top: 8px;
                margin-left: auto;}
            @media screen and (min-width:48em) {
                .secArticleDetail .service h3 {
                    display: flex;
                    flex-flow: row;
                    flex-wrap: wrap;
                    align-items: flex-end;
                    justify-content: space-between;
                    font-size: 16px;}
                .secArticleDetail .service h3 img {
                    width: 112px;
                    margin: 0;}
            }
        .secArticleDetail .service > div + div {
            margin-top: 32px;}
            @media screen and (min-width: 48em) {
                .secArticleDetail .service > div + div {
                    margin-top: 48px;}
            }

/* 共通 */
.text_link {
    color: #152768;
    text-decoration: underline;
    transition: all 0.3s 0s ease;} 
    a:hover.text_link {
        text-decoration: none;}   

.secNewArticle li.NewArticle-item .txt .date,
.secArticleDetail .date {
    margin-bottom: 8px;
    font-size: 12px;
    letter-spacing: .05em;}
.secArticleDetail .date {
    font-size: 14px;}
.secNewArticle li.NewArticle-item .txt ul.tag-service,
.secArticleDetail ul.tag-service {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 8px;}
.secArticleDetail ul.tag-service {
    margin-bottom: 24px;}
    .secNewArticle li.NewArticle-item .txt ul.tag-service li,
    .secArticleDetail ul.tag-service li {
        margin: 0;}
    .secNewArticle li.NewArticle-item .txt ul.tag-service li + li,
    .secArticleDetail ul.tag-service li + li {
        margin-left: 8px;}
        .secNewArticle li.NewArticle-item .txt ul.tag-service li img {
            width: 45px;}
        .secArticleDetail ul.tag-service li img {
            width: 54px;}

/* list-style:disc */	    
.list-style-disc > li {
    list-style: disc;}

/* list-style:note */	
.list-base > li::before,
.list-base > li > span::before {
    display: table-cell;
	padding-right: .5em; }
/* list-style:note */	    
.list-style-note > li::before {
    content: "※";}
/* list-style:noteOrder */
.list-style-noteOrder > li {
    counter-increment: noteOrder;}
.list-style-noteOrder > li::before {
    content: "※" counter(noteOrder);
    white-space: nowrap;} 
/* list-style:base */	    
.list-base {
	display: table;
	padding-left: 0;
	list-style-type: none;}
.list-base > li {
	display: table-row;}
.list-base li:not(:last-child)::after {
    content: "";
    display: block;
    margin-bottom: 0.5em;}
.list-base > li::before,
.list-base > li > span::before {
    display: table-cell;
	padding-right: .5em; }

#news figure figcaption{
	text-align:center;
	margin-top:20px;
}

#news dl.two-point{
	margin:2em 0;
}

#news dl.two-point dt, dd{
	margin-bottom:1em;
}

#news .mv-wide{
	width:64%;
	margin: 0 auto;
}

#news h3.service-no_img{
	display:block;
}

#news .reference-img{
	margin:0 auto 48px;
}

#news .mt20{
	margin-top:20px;
}