@charset "UTF-8";


/* CSS Document */
/* ---------------------------------------------------------

	kv

--------------------------------------------------------- */


@media screen and (max-width: 1308px){
.mvContainer::before{
left: 2%;
transform: skewX(-40deg) translateX(-374px);
}
.Section.indexSection::before{
left: calc((291px - 2%) * -1)
}
}

@media screen and (max-width: 1304px){
.JS .PageTitleStyle1, .JS .PageTitleStyle2{
margin-left: 0;
margin-inline: -15px;
}
.PageTitleStyle1 h1{
padding-left: 15px;
}
.JS .topTitleSet .SubTitle{
padding: 0 15px;
}
}


@media screen and (min-width: 995px) and (max-width: 1304px){
.OptionWideRWD #TopicPath ul{
padding: 8px 15px 5px;
}
.PageTitleStyle1.KVTitleSet h1::before{
width: 1175px;
}
.OptionWideRWD .ColumnSet.corgeneColumnSet {
margin: 0;
}
}

@media screen and (min-width: 1305px){
.PageTitleStyle1.topTitleSet{
padding-left: 15px;
}
}

@media screen and (max-width: 1275px){
.indexMenuTitle span{
font-size: 20px;
}
}

@media screen and (max-width: 1100px){
.indexMenuColumn{
flex-direction: column;
}
.indexMenuImage,
.indexMenuTitle{
width: 100%;
max-width: none;
}
.indexMenuTitle{
min-height: 51px;
display: flex;
justify-content: space-between;
align-items: center;
}
.indexMenuTitle span{
margin-top: 0;
}
.indexMenuTitle .energyBtnSet{
position: static;
}
}



@media screen and (max-width: 994px){
.JS #TopicPath ul{
padding: 8px 15px 5px;
}
.JS .ColumnSet.corgeneColumnSet {
margin: 0;
}
.fukushimaColumn span{
font-size: 14px;
}
}

@media screen and (max-width: 945px){
.indexMenuTitle span{
font-size: 22px;
}
}

@media screen and (max-width: 768px){
.corgeneColumnSet{
flex-direction: column;
align-items: center;
}
}

@media screen and (max-width: 767px){
.showSP{
display: block;
}
.hideSP{
display: none;
}
.JS .PageTitleStyle1 h1{
font-size: 18px;
}
.JS h2{
margin: 0 0 20px;
}
.mvInner img{
width: 100%;
height: 100%;
object-fit: cover;
}
.topTitleSet span[lang="ja"]{
font-size: 24px;
}
.topTitleSet span.subTitle{
font-size: 16px;
}
.PageTitleStyle1.topTitleSet h1 a{
transform: translateY(0);
}
#Contents .TextStyle1.indexLead{
font-size: 16px;
}
.newsAndNoticesSection h2 span[lang="en"] {
font-size: 40px;
}
.corgeneNews .news_list{
flex-direction: column;
gap: 8px;
margin-bottom: 15px;
}
}