@charset "utf-8";


.top-topics-list-item .thumb{background: #ebebeb;}
.top-topics-list-item .thumb img{width: 340px; height: 190px; object-fit: contain;}

.top-sns-tips-list-item .thumb{background: #ebebeb;}
.top-sns-tips-list-item .thumb img{width: 340px; height: 260px; object-fit: contain;}

.header-nav-list-item a.is-menu:hover{cursor: pointer;}
.header-nav-contact-btn:hover{cursor: pointer;}

@media screen and (max-width: 768px){
    .top-topics-list-item .thumb img{width: auto; height: 130px; object-fit: cover;}
    .top-sns-tips-list-item .thumb img{width: 100%; height: 120px; object-fit: cover;}
}

.header-sub-nav-list-item{text-indent: -1.2em; padding-left: 2.2em;}

.header-sub-nav-list-item span.caption{text-indent: 0; text-align: left; margin-left: -20px;}

.unit-subnav-list {align-items: center;}
.unit-subnav-list li:nth-child(5){position: relative; top:-5px; margin: auto 20px auto 10px;}
@media screen and (max-width: 769px){
    .unit-subnav-list  li:nth-child(3){width: 100%; text-align: center; margin-bottom: 20px;}
    .unit-subnav-list  li:nth-child(1):before{content: "|"; padding: 0 16px;}
    .unit-subnav-list  li:nth-child(3):before{content: "|"; padding: 0 16px;}
}
@media screen and (max-width: 440px){
    .unit-subnav-list  li:nth-child(2):before{content: "|"; padding: 0 16px;}
}

/* add 20231121 */
 
.header-logo .header-nav-list_0a0guage{display: none;}

.header-nav-list_Language{display: flex; margin-left: 0.2em;}
.header-nav-list_Language li{width:fit-content; height:auto; display: flex; justify-content: center; align-items: center; margin: auto; position: relative; font-size: 13px;}

.header-nav-list_Language li{color: #999; transition: all .5s;}
.header-nav-list_Language li:hover{color: #333;}
.header-nav-list_Language li:after{content: ""; width: 0%; height: 2px; position: absolute; left:0%; bottom:-7px; display: block; background-image:linear-gradient(90deg, #f5f6f8 0% 50%, #f5f6f8 50% 100%); transition: all .5s;
}
.header-nav-list_Language li:hover:after{content: ""; width: 100%; height: 2px; position: absolute; left:0%; bottom:-7px; display: block;
 background-image:linear-gradient(90deg, #2d29b6 0% 50%, #2d29b6 50% 100%);
 }
    

@media screen and (max-width: 768px) {
	/* バーガーメニュー押下前 */
    
   
	.header-nav-sp-btn{position: relative; top:12px;}
	.inner + .header-nav-list_Language{position: absolute; top:-22px; right: 2px;}
	.inner + .header-nav-list_Language li a{font-size: 0.92em; color: #b3b3b3;}
	.inner + .header-nav-list_Language li:hover a{color: #333;}

	.inner + .header-nav-list_Language li:after{content: ""; width: 0%; height: 1px; position: absolute; left:0%; bottom:-2px; display: block; background-image:linear-gradient(90deg, #FFF 0% 50%, #FFF 50% 100%); transition: all .5s;}
	.inner + .header-nav-list_Language li:hover:after{content: ""; width: 100%; height: 1px; position: absolute; left:0%; bottom:-2px; display: block; background-image:linear-gradient(90deg, #4d4d4d 0% 50%, #4d4d4d 50% 100%);}
    
	/* バーガーメニュー押下後 */
	.header-logo_area{display: flex; position: relative; top:-70px; left: -10px;}
	.header-logo_area img{width: 135px; height: auto;}

	.is-open .inner + .header-nav-list_Language li:hover a{color: #FFF;}
	.is-open .inner + .header-nav-list_Language li:after{content: ""; width: 0%; height: 1px; position: absolute; left:0%; bottom:-2px; display: block; background-image:linear-gradient(90deg, #4d4d4d 0% 50%, #4d4d4d 50% 100%); transition: all .5s;}
	.is-open .inner + .header-nav-list_Language li:hover:after{content: ""; width: 100%; height: 1px; position: absolute; left:0%; bottom:-2px; display: block; background-image:linear-gradient(90deg, #FFF 0% 50%, #FFF 50% 100%);}

}

/* add 20240105 */

body.appear .splashbg{height: 0; animation-duration:0.0s;}

/* add 20240624 */

.unit-subnav-list li:nth-child(3) {
    top: -5px;
}
	
.unit-subnav-list li:nth-child(3){
  position: relative;
  top: 3px;
  margin: auto 0px auto 10px;
}
.unit-subnav-list li:nth-child(4){
  position: relative;
  top: -3px;
  margin: auto 10px auto 10px;
}
.unit-subnav-list li:nth-child(5){
  position: relative;
  top: 3px;
  margin: auto 20px auto 10px;
}