@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


.read-headline h2 {
    background: url("../img/icon_circle.png") no-repeat left center;
    background-size: 14px;
    padding-left: 30px;
    position: static;
    color: #494949;
    margin: 20px 0;
}
.read-headline h2 span {
    margin: 0;
    padding: 0;
    font-weight: normal;
    position: static;
    top:auto;
    left: auto;
    font-size:1rem;
}

.read-headline p {
    /*16-18*/
    font-size: clamp(1rem, 0.975rem + 0.13vw, 1.125rem);
}

:lang(en) body {
    font-family: "Roboto", '游ゴシック体', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'ＭＳ Ｐゴシック', 'メイリオ', sans-serif;
}

:lang(en) h1,h2,h3,h4,h5,h6 {
    line-height: 120%;
}

:lang(en) p {
    line-height: 160%;
}
:lang(en) b {
    font-weight: normal;
}

:lang(en) .mainmenu > ul > li > a,
:lang(en) .mainmenu > ul > li > span {
   font-weight: normal;
}

.fbnr ul {
    justify-content: center;
}
:lang(en) .fbnr img {
    max-width: 160px;

}

:lang(en) #sitemap a {
    font-weight: normal;
}
:lang(en) .topnavi a {
    font-weight: normal;
}

:lang(en) .pageback a {
    font-weight: normal;
}

:lang(en) .takebox dd a {
    font-weight: normal;
}
:lang(en) .takebox li~li {
    margin-top: 8px;
}

:lang(en) #mission .links a {
    /*16-24*/
    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
:lang(en) .catalogs .more span {
    font-weight: normal;  
}

:lang(en) .project .project-cover .read h2 span {
    font-weight: normal;
}

:lang(en) #pj03 .read h2 span {
    /*24-38*/
    font-size: clamp(1.375rem, 1.175rem + 1vw, 2.375rem);

}
:lang(en) #pj04 .read h2 span {
    /*24-38*/
    /*font-size: clamp(1.375rem, 1.175rem + 1vw, 2.375rem);*/
    /*22-28*/
    font-size: clamp(1.375rem, 1.3rem + 0.38vw, 1.75rem);
}

:lang(en) .graph-headline {
    font-weight: normal;
    line-height: 120%;

}

#morenews.plus::after {
   content: "More";
}
#morenews.plus-on::after {
    content: "Close";
}



/****************************/
/*レスポンシブ*/
/****************************/
@media screen and (max-width: 1279px) {
}
@media screen and (max-width: 979px) {
}
@media screen and (max-width: 579px) {    
}
@media screen and (max-width: 379px) {
}