@charset "UTF-8";

h2{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
aspect-ratio:900/152;
background: url("../images/heading_news.png") center center no-repeat;
background-size: 100%;
margin: 1rem auto -3rem auto;
width: 94%;
}
.newsTitle, .comment h3{
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 900;
font-style: normal;
font-feature-settings: "palt" 1;
letter-spacing: 0.075em;
letter-spacing: 0.1em;
}
.newsTitle{
padding-top: 34vw;
background: url("../../assets/images_common/mark.png") top center no-repeat;
background-size:40% auto;
mix-blend-mode: multiply;
}
.newsTitle .date{
font-size:0.9rem;
line-height: 1;
}
.newsTitle h3{
font-size:1.6rem;
line-height: 1.2;
border-top: 1px solid #89321a;
border-bottom: 1px solid #89321a;
padding: 0.25em 0;
margin-top: 0.25em;
margin-bottom: 1em;
}
.paper > p{
text-align: justify;
font-size:1rem;
line-height: 1.8;
font-weight: 400;
}

.comment .top{
margin-top: 2rem;
background: url("../images/comment_wakutop_mobile.png") center top no-repeat;
background-size: 100% auto;
padding-top: 1rem;
}
.comment .bottom{
background: url("../images/comment_wakubottom_mobile.png") center bottom no-repeat;
background-size: 100% auto;
padding: 0 1.5rem 2.5rem 1.5rem;
}
.comment .top h4{
width: 100%;
aspect-ratio: 380/90;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 900;
font-style: normal;
font-feature-settings: "palt" 1;
letter-spacing: 0.075em;
letter-spacing: 0.1em;
font-size:1.2rem;
line-height: 1.2;
background: url("../images/comment.png") center center no-repeat;
background-size: 80% auto;
padding-top: 1.8rem;
margin: 0 auto;
}
.paper > .comment p{
text-align: justify;
font-size: 0.9rem;
line-height: 1.8;
font-weight: 400;
}

.pict, .pictT, .pictTsmall, .yt{
border-radius: 0.75rem;
margin: 2rem auto;
}
.pict{
width: 100%;
}
.pictT{
width: 100%;
}
.pictTsmall{
display: block;
width: 75%;
}
.yt{
width: 100%;
aspect-ratio:16/9;
}

/*PC*/
@media screen and (min-width:768px){

h2{
width: 60%;
max-width: 648px;
}
.newsTitle{
padding-top: 20vw;
background: url("../../assets/images_common/mark.png") top center no-repeat;
background-size:24% auto;
}
.newsTitle h3{
font-size:1.6rem;
}
.comment .top{
background: url("../images/comment_wakutop_pc.png") center top no-repeat;
background-size: 100% auto;
}
.comment .bottom{
background: url("../images/comment_wakubottom_pc.png") center bottom no-repeat;
background-size: 100% auto;
padding: 0 4rem 2.5rem 4rem;
}
.comment .top h4{
width: 50%;
font-size:1.3rem;
line-height: 1.2;
background: url("../images/comment.png") center center no-repeat;
background-size: 80% auto;
padding-top: 2.1rem;
}
.paper > .comment p{
font-size: 1.0rem;
}

.pictT{
width: 70%;
}
.pictTsmall{
width: 50%;
}

@media (orientation: portrait){

/*デバイスが縦向きの場合*/

}

}


/*PC*/
@media screen and (min-width:1080px){

.newsTitle{
padding-top: calc(1080px *0.20);
background: url("../../assets/images_common/mark.png") top center no-repeat;
background-size:24% auto;
}

}