@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--primary : #00205B;
	--secondary : #F7F7F7;
}
@media print,screen and (min-width: 768px){
/*--------------------------------------------
BODY
---------------------------------------------*/

body.home{
	min-width : 1246px;
}

body.home #covid , body.home #globalHeader{
	min-width : 1246px;
}

/*--------------------------------------------
PAGE
---------------------------------------------*/

html.is-search #page:before{
	content : "";
	display : block;
	position : fixed;
	left : 0;
	width : calc( 100% - 180px );
	background-color : rgba(0,0,0,.5);
	z-index : 10;
}

html.is-search #page #navSearchBtn svg path{
	fill : #fff;
}

html.is-search #page #navSearchBtn + form{
	max-height : 100px;
}

html.is-search #page #navSearch button{
	background-color : #000;
	color : #fff;
	background-image : url("../img/ui/icon/close.svg");
	background-size : auto 24px;
	background-position-y : 10px;
}

html:not(.is-fixed):not(.is-covid).is-search #page:before{
	top : 92px;
	height : calc( 100vh - 92px );
}

html.is-search.is-fixed #page:before{
	top : 92px;
	height : calc( 100vh - 92px );
}

html:not(.is-fixed).is-search #page:before{
	top : calc( 92px + var(--pos) );
	height : calc( 100vh - var(--pos) );
}
/*--------------------------------------------
GLOBAL MAIN
---------------------------------------------*/

#globalMain{
	/*padding-top : 92px;*/
padding-top : 0px;
}

/*--------------------------------------------
WRAPPER
---------------------------------------------*/

body.home .wrap{
	padding-left : calc( ( 100% - 1206px ) / 2 );
	padding-right : calc( ( 100% - 1206px ) / 2 );
}

@media (--IE){
	body.home .wrap{
		padding-left : calc( ( 100% - 1206.1px ) / 2 );
		padding-right : calc( ( 100% - 1206.1px ) / 2 );
	}
}

.wrap{
	padding-left : calc( ( 100% - 1080px ) / 2 );
	padding-right : calc( ( 100% - 1080px ) / 2 );
}

@media (--IE){
	.wrap{
		padding-left : calc( ( 100% - 1080.1px ) / 2 );
		padding-right : calc( ( 100% - 1080.1px ) / 2 );
	}
}

/*--------------------------------------------
STSTE
---------------------------------------------*/

.is-sp{
	display : none !important;
}

/*--------------------------------------------
COVID
---------------------------------------------*/

#covid{
	min-width : 1120px;
}

#covid a{
	font-size : 1.8rem;
	line-height : 1.75;
}

#covid a{
	padding-top : calc( 19.5px - 6.75px );
	padding-bottom : calc( 19.5px - 6.75px );
}

#covid a:before{
	width : 20px;
	height : 20px;
	margin-right : 6px;
}

#covid a:after{
	content : "";
	display : block;
	flex-shrink : 0;
	background-repeat : no-repeat;
	background-size : contain;
	background-position : left center;
	font-size : 0;
	background-image : url("../img/ui/parts/arrow/right01.svg");
	margin-left : 24px;
	width : 8px;
	height : 12px;
}

/*--------------------------------------------
GLOBAL HEADER
---------------------------------------------*/

#globalHeader{
	min-width : 1120px;
	height : 92px;
	padding-left : 40px;
	padding-right : 16px;
}

#globalHeader .logo img{
	height : 51px;
}

html:not(.is-fixed) #globalHeader{
	left : 0 !important;
}

html.is-search #globalHeader:after{
	content : "";
	display : block;
	background-color : rgba(0,0,0,.5);
	position : fixed;
	bottom : 0;
	right : 0;
	width : 180px;
	z-index : 10;
}

html.is-search:not(.is-covid) #globalHeader:after{
	height : calc( 100vh - 92px );
}

html.is-search.is-fixed #globalHeader:after{
	height : calc( 100vh - 92px );
}

html.is-search:not(.is-fixed).is-covid #globalHeader:after{
	height : calc( 100vh - 92px - var(--pos) );
}
/*--------------------------------------------
NAV
---------------------------------------------*/

#navController{
	margin-left : auto;
	height : 100%;
	position : relative;
	align-items : flex-start;
	height : 100%;
}

#navController li:after{
	position : absolute;
	content : "";
	display : block;
	width : 1px;
	right : -.5px;
	height : 42px;
	background-color : #000;
	top : 25px;
}

#navController a{
	padding-left : 20px;
	padding-right : 20px;
}
#navController li a{
	background-size : auto 20px;
	background-position-y : 24px;
	padding-top : 57px;
}
#navController li:nth-child(1) a{
	/*background-size : auto 20px;
	background-position-y : 24px;
	background-image : url("../img/ui/icon/world.svg");*/
	padding-top : 57px;
}

#navController li:nth-child(1) a svg{
	height : 13px;
}

#navController li:nth-child(2) a{
	/*background-size : auto 20px;
	background-position-y : 24px;
	background-image : url("../img/ui/icon/document.svg");*/
	padding-top : 57px;
}

#navController li:nth-child(2) a svg{
	height : 13px;
}

#navController li:nth-child(3) a{
	/*background-size : auto 20px;
	background-position-y : 24px;
	background-image : url("../img/ui/icon/mappin.svg");*/
	padding-top : 57px;
}

#navController li:nth-child(3) a svg{
	height : 11px;
}

#navController li:nth-child(4) a{
	/*background-size : auto 20px;
	background-position-y : 24px;
	background-image : url("../img/ui/icon/email.svg");*/
	padding-top : 57px;
}


#navSearch{
	margin-left : 14px;
	z-index : 12;
}

#navSearch button{
	font-family : "Zen Kaku Gothic New", sans-serif;
	background-repeat : no-repeat;
	background-position-x : center;
	display : flex;
	height : 100%;
	width : 64px;
	height : 64px;
	margin-top : 14px;
	padding-top : 42px;
	background-size : auto 18px;
	background-position-y : 12px;
	/*background-image : url("../img/ui/icon/search.svg");*/
	justify-content : center;
	transition : background .3s ease-in , color .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : background, color;
}

#navSearch button svg{
	width : auto;
	height : 13px;
margin-top: 2px;
}

#navSearch button svg path{
	transition : fill .3s ease-in;
}
#navSearch button img{
	width : auto;
	height : 13px;
margin-top: 3px;
}

#navSearch form{
	position : fixed;
	width : 670px;
	height : 100px;
	max-height : 0;
	overflow : hidden;
	transition : max-height .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : max-height;
	background-color : #fff;
	color : #fff;
	padding-left : 26px;
	padding-right : 26px;
	right : 126px;
}

#navSearch input[type="submit"]{
	width : 32px;
	height : 32px;
	margin-left : 26px;
}
/*
#navSearchBtn form , html.is-fixed #navSearch form{
	top : 92px;
}

#covid + #globalHeader #navSearch form{
	 js 
}
*/
html:not(.is-covid) #navSearch form{
	top : 92px;
}

html.is-fixed #covid + #globalHeader #navSearch form{
	top : 92px;
}

html:not(.is-fixed) #covid + #globalHeader #navSearch form{
	top : calc( 92px + var(--pos) );
}

/*--------------------------------------------
MENU BUTTON
---------------------------------------------*/

#menuBtn{
	width : 64px;
	height : 64px;
	padding-left : 18px;
	padding-right : 18px;
	padding-top : 10px;
	padding-bottom : 32px;
	margin-top : 15px;
	background-size : auto 10px;
	background-position-y : 43px;
	margin-left : 28px;
}

#menuBtn span span{
	height : 2px;
}

#menuBtn span span:nth-of-type(2) , #menuBtn span span:nth-of-type(3){
	top : 10px;
}

html.is-open #menuBtn > span:nth-of-type(1) span:nth-of-type(1){
	transform : translateY( 10px ) scale(0);
}

html.is-open #menuBtn > span:nth-of-type(1) span:nth-of-type(4){
	transform : translateY( -10px ) scale(0);
}

/*--------------------------------------------
GLOBAL NAV
---------------------------------------------*/

#globalNav{
	width : 180px;
	scrollbar-width : none;
	height : 100svh;
	height : 100vh;
}

#globalNav::-webkit-scrollbar{
	display : none;
}

#globalNav .scroll{
	padding-bottom : 130px;
}

#globalNav .up{
	color : #9dafb2;
	margin-left : 22px;
	margin-right : 22px;
	margin-top : 16px;
	font-size : 1.2rem;
	line-height : calc( 18 / 12 );
	justify-content : space-between;
}

#globalNav .up span + span{
	display : block;
	margin-left : 12px;
}

#globalNav .up:after{
	content : "";
	background-image : url("../img/ui/icon/external_on.svg");
	background-position : left center;
	background-repeat : no-repeat;
	background-size : contain;
	transition : background .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : background;
	font-size : 0;
	flex-shrink : 0;
	width : 10px;
	height : 10px;
}

#globalNav .sns{
	margin-top : calc( 24px - 3px );
	padding-left : 20px;
	padding-right : 20px;
}

#globalNav .sns p{
	font-size : 1.1rem;
}

#globalNav .sns ul{
	margin-top : 10px;
}

#globalNav .sns li + li{
	margin-left : 12px;
}

#globalNav .sns img{
	height : 26px;
}

html.is-search #globalNav{
	pointer-events : none;
}

html:not(.is-covid) #globalNav{
	height : calc( 100vh - 92px );
	top : 92px;
}

html.is-fixed #globalNav{
	height : calc( 100vh - 92px );
	top : 92px;
}

html:not(.is-fixed) #covid + #globalHeader #globalNav{
	/*top : calc( 92px + var(--pos) );*/
	height : calc( 100vh - var(--pos) );
}

#navGlobal{
	padding-left : 11px;
	padding-right : 11px;
	padding-bottom : 28px;
	background-color : #f1f4f4;
}

#navGlobal button{
	font-size : 1.4rem;
	height : 64px;
	padding-right : 20px;
text-align:left;
}
#navGlobal button a{
	font-size : 1.4rem;
line-height: 1.4;
}

#navGlobal button:after{
	width : 12px;
	height : 7px;
	right : 4px;
	margin-top : -3.5px;
}


#navGlobal span{
	font-size : 1.4rem;
	height : 64px;
	padding-right : 20px;
text-align:left;
}
#navGlobal span a{
	font-size : 1.4rem;
line-height: 1.4;
}
#navGlobal span:after{
	width : 12px;
	height : 7px;
	right : 4px;
	margin-top : -3.5px;
}

#navGlobal ul{
	margin-top : 20px;
	padding-bottom : 4px;
}

#navGlobal li li + li{
	margin-top : 22px;
}

#navGlobal a{
	font-size : 1.3rem;
	display : flex;
	align-items : center;
	justify-content : space-between;
line-height: 1.4;
}

#navGlobal a:after{
	content : "";
	display : block;
	background : url("../img/ui/parts/arrow/right04.svg") 0 0 / contain no-repeat;
	font-size : 0;
	flex-shrink : 0;
	width : 20px;
	height : 5px;
}

#navSub{
	background-color : #cbd5dc;
}

#navSub > li{
	padding-top : 40px;
	padding-bottom : 40px;
}

#navSub > li + li{
	border-top-width : 1px;
}

#navSub li li + li{
	margin-top : 22px;
}

#navSub ul{
	padding-left : 11px;
	padding-right : 11px;
}

#navSub a{
	font-size : 1.4rem;
line-height: 1.4;
}

#navSub a:after{
	width : 40px;
	height : 5px;
}
/*--------------------------------------------
TO TOP
---------------------------------------------*/

#toTop{
	width : 48px;
	height : 48px;
	bottom : 36px;
}

#toTop img{
	height : 6px;
}

@media screen and (max-width: 1205px){
	#toTop{
		right : 20px;
	}
}

@media screen and (min-width: 1206px){
	#toTop{
		right : calc( 50% - 623px );
	}
}

/*--------------------------------------------
HOME
- MAIN VISUAL
---------------------------------------------*/

#home-mv{
	padding-bottom : 30px;
}

#home-mv > div{
	max-width : 1283px;
	margin-left : auto;
	margin-right : auto;
}

#home-mv .slick-dots{
	bottom : 46px;
	left : calc( 76px - 12px );
}

#home-mv .slick-dots li{
	margin-left : 12px;
	margin-right : 12px;
	width : 7px;
	height : 7px;
}

#home-mv .iframe-container {
    height: calc( 1286px * 9 / 16 );
}

#home-mv .links{
	border-radius : 15px 0 0 0;
	height : 90px;
	padding-left : 20px;
	/*bottom : -20px;*/
bottom : 30px;
	right : 0;
width: 660px;
}

#home-mv .link li + li:before{
	height : 50px;
	top : 20px;
}

#home-mv .links  a{
	padding-left : 26px;
	padding-right : 26px;
	font-size : 1.6rem;
	padding-top : 50px;
}

#home-mv .links li:nth-child(1) a{
	background-size : auto 17px;
	background-position-y : 22px;
}

#home-mv .links li:nth-child(2) a{
	background-size : auto 17px;
	background-position-y : 22px;
}

#home-mv .links li:nth-child(3) a{
	background-size : auto 18px;
	background-position-y : 21px;
}

#home-mv .links li:nth-child(4) a{
	background-size : auto 18px;
	background-position-y : 21px;
}

/*--------------------------------------------
HOME
- IMPORTANT
---------------------------------------------*/

#home-important > div{
	max-width : 1286px;
	margin-left : auto;
	margin-right : auto;
	display : flex;
	align-items : center;
	padding-left : 42px;
	padding-right : 42px;
	padding-top : calc( 32px - 5.25px );
	padding-bottom : calc( 32px - 5.25px );
}

#home-important h2{
	font-size : 1.7rem;
width:20%;/*matsuo 0318*/
}

#home-important h2:before{
	background-image : url("../img/ui/icon/info_gray.svg");
	width : 20px;
	height : 20px;
	margin-right : 18px;
}

#home-important ul{
	margin-left : 48px;
	padding-left : 52px;
	position : relative;
}

#home-important ul:before{
	position : absolute;
	left : 0;
	top : 50%;
	transform : translateY(-50%);
	content : "";
	display : block;
	flex-shrink : 0;
	background-color : #808080;
	width : 1px;
	height : calc( 100% - 10.5px );
}

#home-important li + li{
	margin-top : calc( 20px - 5.25px - 5.25px );
}

#home-important a{
	font-size : 1.5rem;
	line-height : 1.75;
}
/*matsuo 0318*/
#home-important span{
	font-size : 1.5rem;
	line-height : 1.75;
}

#home-important time{
	width : 108px !important;
 font-weight:bold;
display:inlineblock;
}


.widebanner {
  position: relative;
  }

.widebanner .widebanner_title {
position: absolute;
color: #fff;
top: 25%;
right: 10%;
line-height: 1;
font-size: 7.2rem;
/*font-family: "Shippori Mincho", serif;*/
font-weight: 600;
letter-spacing: 0.04em;
  }
.widebanner .widebanner_subtitle {
position: absolute;
color: #fff;
top: 60%;
right: 10%;
line-height: 1;
font-size: 3.7rem;
/*font-family: "Shippori Mincho", serif;*/
font-weight: 600;
letter-spacing: 0.04em;
  }

}



#globalNav .up:after{
background-image:url("/common_top/css/s9n3gg000001c7jn-img/s9n3gg000001pzyx.svg");
}html.is-search #page #navSearch button{
background-image:url("/common_top/css/s9n3gg000001c7jn-img/s9n3gg000001c7k1.svg");
}#covid a:after{
background-image:url("/common_top/css/s9n3gg000001c7jn-img/s9n3gg000001c7kg.svg");
}#navSearch button{
background-image:url("/common_top/css/s9n3gg000001c7jn-img/s9n3gg000001c7kp.svg");
}*#navSearch input[type="submit"]{
background-image:url("/common_top/css/s9n3gg000001c7jn-img/s9n3gg000001c7ky.svg");
}#navGlobal li li a:after{
background-image:url("/common_top/css/s9n3gg000001c7jn-img/s9n3gg000001c7l7.svg");
}#home-important h2:before{
background-image:url("/common_top/css/s9n3gg000001c7jn-img/s9n3gg000001c7lg.svg");
}#menuBtn{
background-image:url("/common_top/css/s9n3gg000001c7jn-img/s9n3gg000001c7lp.svg");
}html.is-open #menuBtn{
background-image:url("/common_top/css/s9n3gg000001c7jn-img/s9n3gg000001c7ly.svg");
}#globalNav .up:before{
background-image:url("/common_top/css/s9n3gg000001c7jn-img/s9n3gg000001c7m7.svg");
}#globalNav .up:hover:before{
background-image:url("/common_top/css/s9n3gg000001c7jn-img/s9n3gg000001c7mg.svg");
}