@charset "UTF-8";
/*Body*/
body{padding-top:80px;position:relative;}
@media screen and (max-width:1000px){
	body{padding-top:120px;}
}

section a:link{color:#3A60AA;}

/*header*/
body > header{z-index:2;position:fixed;top:0;width:100%;background-color:rgba(255,255,255,0.9);box-shadow:0 0 2px #888;z-index:10;}
body > header > nav{display:flex;}
body > header > nav > ul#globalMenu{display:flex;width:100%;justify-content:center;}
body > header > nav > ul#globalMenu > li{padding-right:0px;position:relative;}
body > header > nav > ul#globalMenu > li:not(:nth-child(4)):not(#SPGM) > a:after{content:"";width:100%;height:0;background-color:#3B61AA;position:absolute;bottom:0;left:0;transition:ease 0.2s;}
body > header > nav > ul#globalMenu > li > a{font-size:1em;display:table-cell;vertical-align:middle;height:78px;text-align:center;color:black;line-height:2em;font-weight:bold;}
body > header > nav > ul#globalMenu > li > a > div{font-size:1.23em;margin:0 20px;line-height:2em;white-space:nowrap;transition:0.2s;}
body > header > nav > ul#globalMenu > li:not(#SPGM) > a:hover:after{height:3px;}
body > header > nav > ul#globalMenu > li:nth-child(4) > a{width:240px;background:url(./../../img/common/topLogo.png) no-repeat;background-position:center center;background-size:190px auto;}/*グローバルメニューの真ん中ロゴ部分*/
body > header > nav > ul#globalMenu > li:nth-child(4) > a > span{display:none;}
body > header > nav > ul#SPGlobalMenu{width:0;height:0;overflow:hidden;}

body > header > nav > ul > li > ul#snsLink{display:flex;align-items:center;height:80px;margin-left:30px;}
body > header > nav > ul > li > ul#snsLink > li{width:28px;margin-right:10px;}
body > header > nav > ul > li > ul#snsLink > li > a{display:block;height:28px;background-size:28px 28px;}
body > header > nav > ul > li > ul#snsLink > li > a > span{display:none;}

/* スマホ用グローバルメニュー */
/* アルーシャLogoとソーシャルボタンを残す。グローバルメニュー表示ボタンを出す */
@media screen and (max-width:1000px){
	body{padding-top:120px;}
	body > header > nav > ul#globalMenu{justify-content:left;margin-left:20px;}
	body > header > nav > ul#globalMenu > li:not(:nth-child(4)):not(:nth-child(8)){display:none;}
	body > header > nav > ul#globalMenu > li > a{height:118px;}
	body > header > nav > ul#globalMenu > li:nth-child(4) > a{width:300px;background-size:100%;}
	body > header > nav > ul#globalMenu > li#SPGM{display:list-item;position:absolute;top:0;right:0;width:120px;}
	body > header > nav > ul#globalMenu > li#SPGM > a{display:block;height:118px;position:relative;border-left:solid #ccc 1px;}
	body > header > nav > ul#globalMenu > li#SPGM > a > span,
	body > header > nav > ul#globalMenu > li#SPGM > a:before,
	body > header > nav > ul#globalMenu > li#SPGM > a:after{position:absolute;border:solid 2px black;width:50%;left:50%;margin-left:-25%;border-radius:2px;}
	body > header > nav > ul#globalMenu > li#SPGM > a > span{top:50%;}
	body > header > nav > ul#globalMenu > li#SPGM > a:before{content:"";top:35%;}
	body > header > nav > ul#globalMenu > li#SPGM > a:after{content:"";top:65%;}

	body > header > nav > ul#SPGlobalMenu{display:flex;flex-direction:column;position:absolute;right:0;top:120px;background:rgba(58,96,170,0.9);transition:ease 0.2s;}
	@media (orientation : portrait ){
	}
	body > header > nav > ul#SPGlobalMenu > li{border-bottom:solid 2px white;}
	body > header > nav > ul#SPGlobalMenu > li > a{color:white;font-size:2.5em;display:block;text-align:center;line-height:2em;background:rgba(58,96,170,1);}
	body > header > nav > ul#SPGlobalMenu > li > a > div{font-size:1.4em;line-height:2em;}
	body > header > nav > ul#globalMenu > li:nth-child(8){position:absolute;top:30px;right:120px;}
	body > header > nav > ul#globalMenu > li > ul#snsLink{}
	body > header > nav > ul#globalMenu > li > ul#snsLink > li{width:80px;}
	body > header > nav > ul#globalMenu > li > ul#snsLink > li > a{height:100px;background-size:80px 80px;background-repeat:no-repeat;}
	@media (orientation : landscape ){
		body > header > nav > ul#SPGlobalMenu{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;}
		body > header > nav > ul#SPGlobalMenu > li{box-sizing:border-box;width:33.33%;}
		body > header > nav > ul#SPGlobalMenu > li:not(:nth-child(3)):not(:last-child){border-right:solid 2px white;}
		body > header > nav > ul#SPGlobalMenu > li > a{font-size:1.6em;height:120px;}
	}
}

/*localLink*/
body > nav{height:160px;margin-top:-80px;background:linear-gradient(0deg,black 0%,black 50%,white 50%,white 100%);color:white;padding:0 130px;position:relative;transition:0.3s;}

body > nav > ul > li > a{color:white;}
body > nav > ul#breadcrumb{display:flex;position:relative;top:90px;}
body > nav > ul#breadcrumb > li{}
body > nav > ul#breadcrumb > li:not(:first-child):before{content:"\00a0>\00a0";}
body > nav > ul#breadcrumb > li > a{font-size:9px;}
body > nav > ul#localMenu{display:flex;position:absolute;bottom:10px;right:130px;transition:0.3s;}
body > nav > ul#localMenu li:not(:first-child){border-left:solid 1px white;}
body > nav > ul#localMenu li > a{font-size:16px;font-weight:bold;padding:0 12px;display:block;transition:0.2s;white-space:nowrap;transition:0.3s;}
body > nav > ul#localMenu li > a:hover{color:#3A60AA;}
body > nav > h1{position:absolute;bottom:6px;font-size:25px;font-weight:bold;}

@media screen and (max-width:1000px){
	body > nav{height:240px;margin-top:-120px;padding:0 1em;}
	body > nav > ul#breadcrumb{top:130px;}
	body > nav > ul#breadcrumb > li{font-size:1.4em;}
	body > nav > ul#breadcrumb > li > a{font-size:inherit;}
	body > nav > ul#localMenu{right:0;flex-wrap:wrap;justify-content:flex-end;margin-left:20em;}
	body > nav > ul#localMenu li > a{font-size:2em;line-height:1.4em;}
	body > nav > h1{bottom:2em;font-size:2.4em;}
	@media (orientation : portrait ){
	}
	@media (orientation : landscape ){}
}



/*コンテンツ*/
body > article{width:1000px;margin:50px auto 300px;}
body > article > section{}
body > article > section > h1{color:#3A60AA;text-align:center;font-size:2em;line-height:2em;border-bottom:solid 1px #BEBEBE;padding:20px;width:590px;margin:auto;}

/*footer*/
body > footer{z-index:0;height:800px;background:#E9EAEB;box-shadow:1px 2px 4px 2px rgba(0,0,0,0.4)inset;position:relative;}
body > footer > nav{max-width:1000px;height:450px;margin:auto;position:relative;top:50px;background:url(./../../img/common/whiteLogo.png) no-repeat;background-size:auto 70px;}
body > footer > nav > a{display:block;width:280px;height:70px;position:absolute;}
body > footer > nav > dl{display:flex;position:absolute;right:0;bottom:380px;align-items:flex-end;}
body > footer > nav > dl > dt{color:#666;font-size:12px;margin-right:10px;}
body > footer > nav > dl > dd{width:30px;margin-left:10px;}
body > footer > nav > dl > dd > a{display:block;height:30px;background-size:30px 30px;}
body > footer > nav > dl > dd > a > span{display:none;}
body > footer > nav > ul{display:flex;position:absolute;top:100px;left:10px;width:980px;}
body > footer > nav > ul > li{width:28%;}
body > footer > nav > ul > li:first-child{margin-left:0;}
body > footer > nav > ul > li:last-child{width:10em;}
body > footer > nav > ul > li > dl{}
body > footer > nav > ul > li > dl > dt{margin-bottom:30px;font-size:14px;font-weight:bold;}
body > footer > nav > ul > li  dl > dd{}
body > footer > nav > ul > li > dl > dd:last-child{margin-bottom:30px;}
body > footer > nav > ul > li  dl > dd > a{color:#666;line-height:2em;}
body > footer > nav > ul > li > dl > dd > dl{}
body > footer > nav > ul > li > dl > dd > dl > dt{}
body > footer > nav > ul > li > dl > dd > dl > dt > a{color:#666;line-height:2em;}
body > footer > nav > ul > li > dl > dd > dl > dd{}
body > footer > nav > ul > li > dl > dd > dl > dd > a{}
body > footer > address{position:absolute;bottom:100px;width:100%;font-weight:bold;}
body > footer > address > ul{width:980px;margin:auto;display:flex;align-items:flex-end;}
body > footer > address > ul > li{width:320px;}
body > footer > address > ul > li:first-child{line-height:2em;color:#a4a4a4;}
body > footer > address > ul > li:last-child{margin-left:20px;}
body > footer > address > ul > li > a{display:block;height:50px;color:white;text-align:center;line-height:50px;background-color:#3B61AB;transition:0.2s;}
body > footer > address > ul > li:last-child > a{background-color:#9DC898;}
body > footer > address > ul > li > a:hover{opacity:0.7;}
body > footer > small{display:block;text-align:center;width:100%;height:50px;line-height:50px;border-top:solid 1px #9e9e9e;position:absolute;bottom:0;font-weight:bold;}

/* footerのスマホ用css */
/*幅1000pxを切ったら*/
@media screen and (max-width:1000px){
}

/*snsButton画像*/
a.t{background-image:url(./../../img/common/Twitter_Social_Icon_Rounded_Square_Color.png);}
a.f{background-image:url(./../../img/common/FB-f-Logo__blue_512.png);}