@charset "utf-8";

header #gnav .gmenu01 .menu01 > li a:after{content:none!important;}
header #gnav .gmenu02 .language{height:25px;bottom:52px;}
header #gnav .gmenu02 .language > li a{white-space:nowrap;}

section .container{max-width:calc(1000px + 14%);padding:20px 7%;}

footer .footer-top .info{text-align:center;margin:0;width:100%;}
footer .footer-top .info .info-ttl{font-size:1.4rem;margin-bottom:20px;}
footer .footer-top .info .info-ttl img{margin-bottom:20px;}

/* -------------------------------------------------- */
/* #block-mv */
/* -------------------------------------------------- */
#block-mv{position:relative;z-index:1;}
#block-mv .inner{width:93%;height:625px;margin:0 0 0 auto;background:url(../img/top/mv.jpg) no-repeat center center;background-size:cover;position:relative;z-index:2;
display: flex; align-items: center; justify-content:end;
}
#block-mv .inner .ttl{font-size:4.4rem;font-weight:bold;line-height:1.2;color:#fff;text-align:left;padding:20px; display: inline-block;
  max-width: 1000px;
  margin-left: auto;
  margin-right: 0;
}
#block-mv::before{content:"";display:block;width:71%;height:50%;position:absolute;left:0;bottom:-190px;z-index:1;background:#f3f3f3;}

/* -------------------------------------------------- */
/* #block-lead */
/* -------------------------------------------------- */
#block-lead{position:relative;z-index:2;}
#block-lead .container{padding-top:40px;}
#block-lead .inner .txt{flex:1;margin-right:5%;}
#block-lead .inner .common-ttl01{font-size:2.2rem;line-height:1.45;}
#block-lead .inner .txt p{font-size:1.7rem;line-height:1.7;}
#block-lead .inner .btn{margin-top:35px;}
#block-lead .inner .img figcaption{text-align:right;font-size:1.4rem;margin-top:10px;}

/* -------------------------------------------------- */
/* #block-class */
/* -------------------------------------------------- */
#block-class .inner .common-ttl02{margin-top:0;}



/* ======================================================================================================================= */
/* for pc */
/* ======================================================================================================================= */
@media screen and (min-width:1000px){
  body{padding-top:90px;}
  header{height:90px;}
  header .logo{margin-top:22px;}
	header #gnav .gmenu01{display:none;}
}
/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:999px){
	
	header .logo .logo02 span{display:block;width:300px;height:37px;text-indent:-9999px;background:url(../img/en/logo02_sp.png) 0 0/contain no-repeat;}
	
	section .container{padding:20px 5%;}

  /* -------------------------------------------------- */
  /* #block-mv */
  /* -------------------------------------------------- */
  #block-mv .inner{width:95%;height:500px;background-position:25% center;}
  #block-mv .inner .ttl{right:4%;top:60px;font-size:4rem;}
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:599px){
	
	header .logo .logo02 span{width:200px;height:25px;}

  /* -------------------------------------------------- */
  /* #block-mv */
  /* -------------------------------------------------- */
  #block-mv .inner{height:450px;background-position:left center;background-image:url(../img/top/mv_sp.jpg);}
  #block-mv .inner .ttl{right:4%;top:40px;font-size:2.6rem;margin-top: auto;margin-bottom: 20px;}

  /* -------------------------------------------------- */
  /* #block-lead */
  /* -------------------------------------------------- */
  #block-lead .inner .txt{margin-right:0;}
  #block-lead .inner .txt p{font-size:1.6rem;}
  #block-lead .inner .btn{margin-top:25px;text-align:center;position:absolute;left:0;bottom:10px;width:100%;}
  #block-lead .inner .img{text-align:center;margin-top:30px;}
  #block-lead .inner .img figcaption{text-align:center;}

}

/* ======================================================================================================================= */
/* for IE */
/* ======================================================================================================================= */
@media screen\0 {
}


/*202303追記*/
#block-mv .inner{width:93%;height:625px;margin:0 0 0 auto;background:url(../img/top/mv.jpg) no-repeat left bottom;background-size:cover;position:relative;z-index:2;
display: flex; align-items: center; justify-content:end;
}
#block-mv .inner .ttl{font-size:4.4rem;font-weight:bold;line-height:1.2;color:#fff;text-align:left;padding:20px; display: inline-block;
	max-width: 1000px;
	margin-left: auto;
	margin-right: 0;
	text-shadow: 0 0 1px #ccc, 1px 1px 5px #444, -1px -1px 1px #ccc;
}
#block-mv .inner .ttl { margin-bottom: 20px;}

@media screen and (min-width:1px) and (max-width:999px){
	#block-mv .inner{width:95%;height:500px;}
	#block-mv .inner .ttl {right: 4%; top: 60px; font-size: 3rem;}
}
@media screen and (min-width:1px) and (max-width:599px){
	#block-mv .inner{height:450px;}
	#block-mv .inner .ttl {right: 4%; top: 40px; font-size: 2.6rem; margin-bottom: 20px;}
}