@charset "utf-8";

/*cover_main 
----------------------------- */
.cover_main{
position:relative;
}
@media screen and (max-width:767px){ /* [ SP ] */
.cover_main.pc{display:none;
}
.cover_main-sp{width:100%;
text-align:left;
position:relative;
overflow:hidden;
min-height:var(--height-cover-front-sp);
text-align:center;
overflow:hidden;
border-top:2.1rem solid #2f2f2f;
}
.cover_main-sp .wrp_fg_main{
width:100%;
height:auto;
aspect-ratio:39/29;
margin:0;
text-align:center;
overflow:hidden;
}

.cover_main-sp .wrp_fg_main img{width:100%;
max-width:100%;
margin:0 auto;
}
}/* [ SP ] end */

@media print,screen and (min-width:768px){ /* [ PC ] */
.cover_main.sp{display:none;
}
.cover_main{
width:100%;
min-height:var(--height-cover-front-pc);
text-align:center;
overflow:hidden;
border-top:3rem solid #2f2f2f;
}
.cover_main.pc .wrp_fg_main{
width:100%;
height:calc(var(--height-cover-front-pc) - 3rem);
margin:0;
text-align:center;
overflow:hidden;
background-position:center bottom;
background-repeat:no-repeat;
background-image: url(../imgs/fg_main-pc.png);
background-image: image-set(url(../imgs/fg_main-pc.webp) 1x, url(../imgs/fg_main-pc@2x.webp) 2x);
background-image: -webkit-image-set(url(../imgs/fg_main-pc.webp) 1x, url(../imgs/fg_main-pc@2x.webp) 2x);
background-size:cover;
}
}/* [ PC ] end */

/*innner 
----------------------------- */
main > .contarea {
overflow:hidden;
width:100%;
max-width:100%;
margin:0 auto;
padding:0 0;
position:relative;
}
.block_intro{
width:90%;
margin:0 auto 3rem;
}
.block_intro p{
margin:0 auto;
background:transparent;
line-height:2;
text-align: justify;
}
.wrp_btn p{
width:100%;
text-align:left;
}

@media screen and (max-width:767px){ /* [ SP ] */
.block_intro{
width:90%;
margin:2.5% auto ;
padding:2rem 0;
background:#f6f6f6;
}
main .block_intro .Block_lead p{font-size:var(--size-font-base);
}
}/*  [ SP ] end */

@media print,screen and (min-width:768px){ /* [ PC ] */
.block_intro{
width:90%;
max-width:1080px;
margin:8.1rem auto;
}
.block_intro p{
letter-spacing:-0.01em;
}
.block_intro p span{
letter-spacing:-0.1em;
}

.wrp_btn p{
width:100%;
text-align:right;
}
}/* [ PC ] end */


/* bnnr 
----------------------------- */
.block_nav-local{
background-color:#f0f0e4;
display:block;
padding:var(--global--spacing-vertical-s) 0;
margin-bottom:0
}
.block_nav-local .innerBlock > div img{
width:100%;
height:auto;
}
.block_nav-local .innerBlock > div img{
border:6px solid #ffffff;
}
.block_nav-local .innerBlock > div a{
text-decoration: none;
border:none;
}

@media screen and (max-width:767px){ /* [ SP ] */
 .block_nav-local .innerBlock{
width:90%;
margin:0 auto 5% ;
display: grid;
gap:.9rem;
}
.block_nav-local .innerBlock > div{
width:100%;
display: grid;
place-items: center;
text-align: center;
font-size: var(--size-font-x2-5);
font-weight: var(--my-font-sans-serif-bold);
box-shadow: 0 0 2.5rem -2rem hsl(200 50% 20% / 40%);
}
}/* [ SP ] end */

@media print,screen and (min-width:768px){ /* [ PC ] */
.block_nav-local .innerBlock{
width:100%;
max-width:1080px;
margin:0 auto;
padding:calc(var(--global--spacing-vertical-m) + 6px) 0;
display:grid;
grid-template-columns:repeat(2, 1fr);
justify-content:center;
gap:2rem;
}
.block_nav-local .innerBlock > div:nth-child(odd){
text-align:right;
}
.block_nav-local .innerBlock > div img{
border:6px solid #ffffff;
}
.block_nav-local .innerBlock > div a{
text-decoration: none;
border:none;
}
}/* [ PC ] end */


/*#Block_infomation （ニュース本体）
----------------------------- */
#idn_information > .innerBlock{
width:90%;
margin:3rem auto 7.2rem;
 }
#idn_information{
line-height:1.6;
}

.unit_news .wrp_items{
padding-right:4.2rem;
position:relative;
}
.item_txt,
span.closed{
position:relative;
}

span.closed::before{
content:"終了いたしました";
font-size: var(--size-font-closed);
color: var(--color-closed);
background-color:var(--color-bg-closed);
padding:.3rem .9rem;
border-radius:2px; 
vertical-align: middle; 
text-align:center;
z-index:3;
}
.closed .item_txt .closed {
display:none;
}


#idn_information a,
#idn_information a:hover,
#idn_information a:active{color:#333;}
.unit_news > a{
display:block;
position:relative;
border:none 0;
}

.unit_news a:hover{
color:#333;
background-color:var(--color-bg-news);
}
.unit_news a .wrp_items::after{
content:"";
position:absolute;
right:0;
top:50%;
width:9px;
height:9px;
border-top:2px solid var(--color-line-second-dark);
border-right:2px solid var(--color-line-second-dark);
transform:translateY(-50%) rotate(45deg);
z-index:2;
}
.unit_news a.link_disable .wrp_items::after{
display:none;
}
.unit_news .tx_ttl{
position:relative;
line-height:1.6;
margin-bottom:.6rem;
}

@media print,screen and (min-width:768px){ /* [ PC ] */
#idn_information .innerBlock{
width:100%;
margin:4.5rem auto 9rem;
}
.unit_news a .wrp_items::after{
left:calc(100% - 3rem);
width:15px;
height:15px;
}
}/* [ PC ] end */

/* ------- LIST -------*/
.unit_news{
width:100%;
margin:0 auto;
position:relative;
border-top:1px solid var(--color-line-second);
font-size: var(--size-font-base);
}
.unit_news:last-child:not(.view-timer_switch .unit_news){
border-bottom:1px solid var(--color-line-second);
}
.unit_news p{margin:0;padding:0;}
.wrp_items{
 padding:2rem 0;
}
.unit_news .tx_ttl{
font-weight:bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size:calc(var(--size-font-base)* 1.0625);
}
.tx_date{
position:relative;
font-size:var(--size-font-s);
}

.unit_news .news_cat{
padding-left:2.4rem;
font-size:var(--size-font-news-cat);
color:var(--color-base-1-light1);
position:relative;
}
.unit_news .news_cat::before{
content:"";
position:absolute;
left:0;
top:50%;
width:14px;
height:14px;
background:url(../imgs/icon_news-cat.png)  0 0 no-repeat;
background-size:contain;
transform:translateY(-50%);
}

@media print,screen and (min-width:768px){ /* [ PC ] */
.unit_news{
position:relative;
width:100%;
max-width:1080px;
margin:0 auto;
position:relative;
}
.unit_news .wrp_items{
padding:2.4rem 7.2rem 2.4rem 0;
display: grid;
grid-template-columns: 1fr 4fr;
row-gap: 0;
column-gap: 20px;
}
.unit_news .tx_ttl{
font-size:var(--size-font-x1);
}
}/* [ PC ] end */


.unit_news .wrp_items a{
display:inline;
color:var(--color-link1) !important;
/*text-decoration:underline;*/
border-bottom:solid 1px var(--color-link1);
padding-bottom:.1rem;
}
.unit_news .wrp_items a:hover{
color:inherit !important;
/*text-decoration:underline;*/
border-color:transparent;
}

.unit_news a[href*= ".pdf"] .tx_ttl::after,
.unit_news .wrp_items a[href*= ".pdf"]::after {
content: "PDF";
color: #cc0000;
/*width:36px;*/
width:30px;
height:16px;
vertical-align: middle; 
text-align:center;
font-size:1rem;
font-weight:bold;
padding:.3rem .3rem;
margin-left:.6rem;
margin-right:.6rem;
margin-bottom:.3rem;
border:1px solid #cc0000;
border-radius:2px; 
display: inline-block;
white-space:nowrap;
line-height:1;
}
.unit_news .wrp_items a[href*= ".pdf"]::after{
margin-bottom:.5rem;
}

/*contents（headings）
----------------------------- */
.tt_hd{
width:100%;
margin:0 auto;
height:auto;
text-transform:uppercase;
text-align:center;
position:relative;
}
.tt_hd h1{
font-size:var(--size-font-x2-5);
font-weight:bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height:2.5;
position:relative;
letter-spacing:.1em;
}
.tt_hd h1 span{
display:block;
font-size:var(--size-font-s);
text-transform:uppercase;
font-weight:normal;
vertical-align:middle;
letter-spacing:.1em;
}

@media screen and (max-width:767px){ /* [ SP ] */

/* hedding 
----------------------------- */
.tt_hd{
margin: 0 0 calc(var(--global--spacing-vertical) * .6);
}
.tt_hd h1{
margin: 0;
font-size: var(--size-font-x2-5);
}
.tt_hd h1 span{
font-size:14px;
}

/*デジタルアーカイブ
----------------------------- */
.block_nav-local .tt_hd{
margin-top:3rem;
}
.block_nav-local .tt_hd h1{
margin-left:var(--global--spacing-vertical);
padding-left:var(--global--spacing-vertical);
text-align:left;
font-size:var(--size-font-x2) !important;
}

/*お知らせ
----------------------------- */
#idn_information {text-align:left;word-break: break-all;}
#idn_information h1{
margin-top:0;
margin-top:0;
}
.tt_hd h1:after {
content:"";
position:absolute;
top:55%;
left:50%;
width:138px;
height:3px;
background: linear-gradient(90deg, var(--color-base-1) 0%, var(--color-base-1) 50%, rgba(200,200,200,1) 50%, rgba(200,200,200,1) 100%);
transform:translateX(-50%);
}
.block_nav-local .tt_hd h1{line-height:1.4;
margin:0 5% 1em !important;
}
.block_nav-local .tt_hd h1:after {
content: "";
position:absolute;
width:3px;
height:calc( var(--size-font-x3) * 2.5);
top:50%;
left:0;
background:var(--color-base-1);
background: linear-gradient(180deg, var(--color-base-1) 0%, var(--color-base-1) 50%, rgba(200,200,200,1) 50%, rgba(200,200,200,1) 100%);
transform:translateY(-50%);
}
}/* [ SP ] end */

@media print,screen and (min-width:768px){ /* [ PC ] */
.tt_hd{
max-width:1080px;
}
.tt_hd h1{
font-size:var(--size-font-x3);
}
.block_intro .tt_hd{
text-align:center;
}
#idn_information .tt_hd h1{
padding-left:var(--global--spacing-vertical);
text-align:left;
}
#idn_information .tt_hd h1 span{
display:inline-block;
margin-left:calc(var(--global--spacing-vertical) - 6px);
}
.tt_hd h1:after {
content: "";
position:absolute;
width:3px;
height:calc( var(--size-font-x3) * 2.5);
top:50%;
left:0;
background:var(--color-base-1);
background: linear-gradient(180deg, var(--color-base-1) 0%, var(--color-base-1) 50%, rgba(200,200,200,1) 50%, rgba(200,200,200,1) 100%);
transform:translateY(-50%);
}
.block_intro .tt_hd h1:after {
top:60%;
left:50%;
width:138px;
height:3px;
background: linear-gradient(90deg, var(--color-base-1) 0%, var(--color-base-1) 50%, rgba(200,200,200,1) 50%, rgba(200,200,200,1) 100%);
transform:translateX(-50%);
}
}/* [ PC ] end */


/*btn 
----------------------------- */
.block_intro .wrp_btn{
margin:calc(var(--global--spacing-vertical) *1.4) 0 var(--global--spacing-vertical);
}

/* ----------------------------------- */
/* print only */
/* ----------------------------------- */
@media print{
.cover_main::before{content:"";
background-image:none;
}
.p_front header{background-color:#fff !important;
}
}/* [ PRINT ] end */

