@charset "UTF-8";

:root{
	--body : #333;
	--link : #333;
	--primary : #00205B;
	--secondary : #F7F7F7;
}

/*--------------------------------------------
HTML
---------------------------------------------*/

html{
	visibility : visible;
	overflow-y : auto;
}

html:focus-within{
	scroll-behavior : smooth;
}

html.is-open , html.is-search{
	/*overflow: hidden;*/
}

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

#page{
	/*padding-top : 0 !important;*/
}

/*--------------------------------------------
GLOBAL MAIN
---------------------------------------------*/

html:not(.is-fixed) #covid ~ #globalMain{
	padding-top : 0;
}

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

#covid{
	/*font-family : "Shippori Mincho", serif;*/
	text-indent : 0;
	background-color : #ffff87;
}

#covid a{
	display : flex;
	align-items : center;
	justify-content : center;
	letter-spacing : .04em;
	color : #000;
	font-weight : 500;
}

#covid a:before{
	content : "";
	display : block;
	flex-shrink : 0;
	background-repeat : no-repeat;
	background-size : contain;
	background-position : left center;
	font-size : 0;
}

#covid a:before{
	/*background-image : url("/common_top/img/ui/icon/info.svg");*/
}

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

#globalHeader{
	/*font-family : "Shippori Mincho", serif;*/
	text-indent : 0;
	display : flex;
	align-items : flex-start;
	line-height : 1;
	color : #000;
	z-index : 11;
	background-color : #fff;
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
}

#globalHeader .logo{
	overflow : visible;
	display : flex;
	align-items : center;
	height : 100%;
	background : none;
	text-indent : 0;
	flex-shrink : 0;
}

#globalHeader .logo img{
	width : auto;
}

#globalHeader a{
	color : #000;
}

html:not(.is-fixed) #covid + #globalHeader{
	position : relative;
}

html.is-fixed #covid + #globalHeader{
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
}

/*--------------------------------------------
NAV SEARCH
---------------------------------------------*/

#navSearch form{
	display : flex;
	align-items : center;
}

#navSearch input[type="submit"]{
	font-size : 0;
	color : transparent;
	background :  0 0 / contain no-repeat;
	flex-shrink : 0;
}

#navSearch input[type="text"]{
	color : #000;
	width : auto;
	font-size : 1.2em;
	flex-grow : 1;
	padding-top : !important;
	padding-bottom : 0 !important;
}

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

#nav{
	position : fixed;
	transform : translateX( 0 );
	z-index : 11;
	transition : transform .5s ease-in;
	overflow-y : auto;
	max-height : 100vh;
	top : 0;
	left : 100%;
}

#nav .scroll{
	overflow-y : auto;
}

html.is-open #nav{
	transform : translateX( -100% );
}

#menuBtn{
	z-index : 11;
	position : relative;
	background-repeat : no-repeat;
	/*background-image : url("/common_top/img/header/menu.svg");*/
	background-position-x : center;
	flex-shrink : 0;
	transition : background .4s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : background;
}

#menuBtn span{
	font-size : 0;
}

#menuBtn > span:nth-of-type(1){
	width : 100%;
	height : 100%;
	position : relative;
	display : block;
}

#menuBtn span span{
	display : block;
	position : absolute;
	left : 0;
	transition : all .4s;
	width : 100%;
	background-color : #000;
}

#menuBtn span span:nth-of-type(1){
	top : 0;
}

#menuBtn span span:nth-of-type(4){
	bottom : 0;
}

html.is-open #menuBtn{
	background-color : #000;
	/*background-image : url("/common_top/img/header/close.svg");*/
}

html.is-open #menuBtn > span:nth-of-type(1) span:nth-of-type(2){
	transform : rotate(-45deg);
}

html.is-open #menuBtn > span:nth-of-type(1) span:nth-of-type(3){
	transform : rotate(45deg);
}

html.is-open #menuBtn > span:nth-of-type(1) span{
	background-color : #fff;
}

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

#globalNav{
	background-color : #f1f4f4;
	position : fixed;
	transform : translateX( 0 );
	transition : transform .5s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : transform;
	overflow-y : auto;
	left : 100%;
}

#globalNav .scroll{
	overflow-y : auto;
}

#globalNav .up{
	display : flex;
	align-items : center;
	transition : color .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : color;
	font-weight : 600;
	white-space : nowrap;
	letter-spacing : 0;
}

#globalNav .sns p{
	font-weight : 600;
	letter-spacing : 0;
}

#globalNav .sns ul{
	display : flex;
	align-items : center;
}

#globalNav .sns a{
	display : block;
	transition : opacity .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : opacity;
}

#globalNav .sns a:hover{
	opacity : .5;
}

#globalNav .sns img{
	width : auto;
}

html.is-open #globalNav{
	transform : translateX( -100% );
}

#navGlobal button{
	letter-spacing : 0;
	border-bottom-style : solid;
	border-bottom-color : #a3b5b8;
	border-bottom-width : 1px;
	font-weight : 700;
	display : flex;
	align-items : center;
	width : 100%;
	position : relative;
}

#navGlobal button:after{
	content : "";
	display : block;
	background : url() 0 0 / contain no-repeat;
	top : 50%;
	font-size : 0;
	flex-shrink : 0;
	position : absolute;
	transition : transform .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : transform;
}

#navGlobal button.is-open:after{
	transform : rotate(-180deg);
}


#navGlobal span{
	letter-spacing : 0;
	border-bottom-style : solid;
	border-bottom-color : #a3b5b8;
	border-bottom-width : 1px;
	font-weight : 700;
	display : flex;
	align-items : center;
	width : 100%;
	position : relative;
}

#navGlobal span:after{
	content : "";
	display : block;
	background : url() 0 0 / contain no-repeat;
	top : 50%;
	font-size : 0;
	flex-shrink : 0;
	position : absolute;
	transition : transform .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : transform;
}

#navGlobal span.is-open:after{
	transform : rotate(-180deg);
}

#navGlobal a{
	letter-spacing : 0;
	display : flex;
	align-items : center;
	justify-content : space-between;
	color : #000;
	font-weight : 600;
	transition : opacity .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : opacity;
}

#navGlobal a:after{
	content : "";
	display : block;
	/*background : url("/common_top/img/ui/parts/arrow/right02.svg") 0 0 / contain no-repeat;*/
	font-size : 0;
	flex-shrink : 0;
}

#navGlobal a:hover{
	opacity : .5;
}

#navSub > li + li{
	border-top-style : solid;
	border-top-color : #a3b5b8;
}

#navSub a{
	color : #000;
	font-weight : 600;
	letter-spacing : 0;
	transition : opacity .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : opacity;
}

#navSub a:hover{
	opacity : .5;
}
/*--------------------------------------------
NAV CONTROLLAR
---------------------------------------------*/

#navController{
	display : flex;
}

#navController li{
	height : 100%;
	position : relative;
}

#navController a{
	background-repeat : no-repeat;
	background-position-x : center;
	display : block;
	height : 100%;
	text-align : center;
	transition : opacity .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : opacity;
}

#navController a:hover{
	opacity : .5;
}

#navController a img{
	width : auto;
height: 13px;
vertical-align: bottom;
}

/*--------------------------------------------
TO TOP
---------------------------------------------*/

#toTop{
	/*background-color : #fff;*/
background-color : #edf0f1;
	position : fixed;
	display : flex;
	align-items : center;
	justify-content : center;
	transform : translateY(0);
	transition : transform .3s ease;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : transform;
	border-radius : 50%;
	z-index : 5;
}

#toTop img{
	width : auto;
}

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

#home-mv{
	text-indent : 0;
	/*font-family : "Shippori Mincho", serif;*/
	line-height : 1;
}

#home-mv > div{
	position : relative;
}

#home-mv #slider img{
	width : 100%;
	height : auto;
}

#home-mv #slider picture{
	display : block;
}

#home-mv .slick-dots{
	display : flex;
	justify-content : center;
	align-items : center;
	z-index : 5;
	position : relative;
}

#home-mv .slick-dots li{
	font-size : 0;
}

#home-mv .slick-dots button{
	color : transparent;
	font-size : 0;
	vertical-align : top;
	cursor : pointer;
	width : 100%;
	height : 100%;
	overflow : hidden;
	border-radius : 50%;
}

#home-mv .slick-dots{
	position : absolute;
}

#home-mv .slick-dots button{
	background-color : #fff;
}

#home-mv .slick-dots .slick-active button{
	background-color : #a3b5b8;
}
#home-mv .iframe-container{
	position : relative;
}

#home-mv .iframe-container > #map , #home-mv .iframe-container > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}

#home-mv .iframe-container{
	width : 100%;
}

#home-mv .links{
	position : absolute;
	background-color : #fff;
	display : flex;
	z-index : 1;
}

#home-mv .links li{
	position : relative;
	height : 100%;
}

#home-mv .links li + li:before{
	content : "";
	display : block;
	width : 1px;
	position : absolute;
	left : -.5px;
	background-color : #a3b5b8;
}

#home-mv .links a{
	text-align : center;
	transition : opacity .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : opacity;
	font-weight : 600;
	text-align : center;
	letter-spacing : .15em;
	text-indent : .15em;
	display : block;
	height : 100%;
	color : #000;
	background-position-x : center;
	background-repeat : no-repeat;
}

#home-mv .links a:hover{
	opacity : .5;
}

#home-mv .links li:nth-child(1) a{
/*	background-image : url("/common_top/img/ui/icon/pencil.svg");*/
}

#home-mv .links li:nth-child(2) a{
	/*background-image : url("/common_top/img/ui/icon/cap.svg");*/
}

#home-mv .links li:nth-child(3) a{
	/*background-image : url("/common_top/img/ui/icon/book.svg");*/
}

#home-mv .links li:nth-child(4) a{
	/*background-image : url("/common_top/img/ui/icon/bag.svg");*/
}

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

#home-important{
	text-indent : 0;
	/*font-family : "Shippori Mincho", serif;*/
	/*color : #1a1a1a;*/
color : #000;
	line-height : 1;
font-weight : 500;
}

#home-important a{
	/*color : #1a1a1a;*/
color : #000;
}
/*matsuo 0318*/
#home-important span{
	/*color : #1a1a1a;*/
color : #000;
}

#home-important > div{
	background-color : #edf0f1;
}

#home-important h2{
	display : flex;
	align-items : center;
	font-weight : 500;
	letter-spacing : .2em;
}

#home-important h2:before{
	content : "";
	display : block;
	flex-shrink : 0;
	background-position : 0 center;
	background-size : contain;
	background-repeat : no-repeat;
	font-size : 0;
}

#home-important time{
	/*font-family : "Amiri", serif;*/
	font-weight : 400;
	flex-shrink : 0;
}

#home-important a{
	display : flex;
	align-items : baseline;
	transition : opacity .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : opacity;
}

#home-important a:hover{
	opacity : .5;
}
/*matsuo 0318*/
#home-important span{
	display : flex;
	align-items : baseline;
	transition : opacity .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : opacity;
}


#navGlobal button:after{
background-image:url("/common_top/css/s9n3gg000001c7h1-img/s9n3gg000001pzv6.svg");
}#covid a:before{
background-image:url("/common_top/css/s9n3gg000001c7h1-img/s9n3gg000001c7hf.svg");
}#navSearch input[type="submit"]{
background-image:url("/common_top/css/s9n3gg000001c7h1-img/s9n3gg000001c7hu.svg");
}#menuBtn{
background-image:url("/common_top/css/s9n3gg000001c7h1-img/s9n3gg000001c7il.svg");
}html.is-open #menuBtn{
background-image:url("/common_top/css/s9n3gg000001c7h1-img/s9n3gg000001c7iu.svg");
}#globalNav .up:before{
background-image:url("/common_top/css/s9n3gg000001c7h1-img/s9n3gg000001c7j3.svg");
}#globalNav .up:hover:before{
background-image:url("/common_top/css/s9n3gg000001c7h1-img/s9n3gg000001c7jc.svg");
}