@charset "UTF-8";

/*==================================================================
	global setting
===================================================================*/
@import url(https://use.fontawesome.com/releases/v5.15.4/css/all.css);

.grecaptcha-badge { visibility: hidden !important; }
.fa-twitter:before {
	content: '𝕏' !important;
	font-family: unset;
	font-weight: bold;
}
#globalHeader,
#globalFooter .inner {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 100%;
	min-width: 320px;
	background: #FFF;
	letter-spacing: 0 !important;
	font-family: "Noto Sans JP", "Noto Sans Japanese", "Yu Gothic Medium", "���S�V�b�N Medium", YuGothic, "���S�V�b�N��", "Hiragino Kaku Gothic ProN", "�q���M�m�p�S ProN W3", sans-serif;
	font-size: 12px;
	line-height: 1;
	z-index: 0;
}
#globalHeader {
	align-items: center;
	height: 40px;
	padding: 0 50px;
	border-bottom:1px solid #CCC;
}
#globalHeader a,
#globalFooter a {
	text-decoration: none;
	color: #000;
	transition: 0.2s;
}
#globalMenu a:hover,
#globalAddress a:hover,
#globalFootMenu a:hover {
	color:#87ceeb !important;
}

#globalHeader .leftNav,
#globalHeader .rightNav,
#globalMenu,
#globalFootMenu,
#globalLang,
#globalSns,
#globalFootSns {
	display: flex;
	align-items: center;
}
#globalLogo a,
#globalFootLogo a,
#globalSns .blog a {
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}
#globalLogo a {
	width: 148px;
	height: 24px;
	background:url("../img/logo/next01_b.svg") no-repeat 50% 50%;
	background-size: contain;
}
#globalMenu li { margin-left: 3em; }

#globalLang a,
#globalSns a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
}
#globalLang { margin-right: 10px; }
#globalLang a {
	width: 50px;
	height: 40px;
	background: #EEE;
}
#globalLang a.active { background: #FFF; }
#globalLang li:first-child a { border-left: 1px solid #CCC; }
#globalLang li:last-child a { border-right: 1px solid #CCC; }

#globalSns a {
	width: 30px;
	height: 30px;
	margin-left: 10px;
	border-radius: 50%;
	background: #EEE;
	font-size: 16px;
}
#globalSns a:hover,
#globalSns a:hover .fa { color: #FFF; }
#globalSns .blog a {
	background:#EEE url("../img/global/icon_blog.png") no-repeat 50% 50%;
	background-size: cover;
}
#globalSns .blog a:hover {
	background:#87ceeb url("../img/global/icon_blog_dark.png") no-repeat 50% 50%;
	background-size: cover;
}
#globalSns .fb a:hover { background: #4267b2; }
#globalSns .tw a:hover { background: #1da1f2; }
#globalSns .insta a:hover {
background: #ffdd83;
background: -moz-linear-gradient(45deg,  #ffdd83 0%, #f26939 34%, #cf2e92 67%, #4c64d3 100%);
background: -webkit-linear-gradient(45deg,  #ffdd83 0%,#f26939 34%,#cf2e92 67%,#4c64d3 100%);
background: linear-gradient(45deg,  #ffdd83 0%,#f26939 34%,#cf2e92 67%,#4c64d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd83', endColorstr='#4c64d3',GradientType=1 );
}
#globalSns .yt a:hover { background: #e72a20; }
#globalSns .linkedIn a:hover { background: #0e76a8; }
#globalFooter .inner {
	max-width: 1080px;
	margin: 0 auto;
	padding: 50px 0;
	line-height: 1.6;
}
#globalFooter .leftNav { margin-right: -100px; }
#globalFootLogo a {
	width: 254px;
	height: 50px;
	margin-bottom: 40px;
	background:url("../img/logo/next01_b.svg") no-repeat 50% 50%;
	background-size: contain;
}
#globalAddress { margin-bottom: 2em; }
#globalAddress a:after {
	content: "\f3c5";
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
#globalAddress span,
#globalCopy { color: #888; }
#globalCopy a {
	text-decoration: underline;
	color: #888 !important;
}
#globalCopy a:hover { text-decoration: none; }
#fLang { margin-left: 1em; }

#globalAddress span { margin-right: 5px; }
#globalFootMenu {
	flex-wrap: wrap;
	padding: 30px 0;
}
#globalFootMenu li { margin-left: 3em; }
#globalFootSns {
	justify-content: flex-end;
	flex-wrap: wrap;
}
#globalFootSns a {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 30px;
	height: 30px;
	margin-left: 1em;
	border-radius: 15px;
	font-size: 16px;
	color: #FFF;
}
#globalFootSns .blog a {
	padding: 0 1em 0 26px;
	background:#444 url("../img/global/icon_blog_dark.png") no-repeat 0% 50%;
	background-size: contain;
	font-size: 14px;
	font-style: italic;
}
#globalFootSns .fb a { background: #4267b2; }
#globalFootSns .tw a {
	background: #000;
}
.dark #globalFootSns .tw a {
	background: #444;
}
#globalFootSns .insta a {
background: #ffdd83;
background: -moz-linear-gradient(45deg,  #ffdd83 0%, #f26939 34%, #cf2e92 67%, #4c64d3 100%);
background: -webkit-linear-gradient(45deg,  #ffdd83 0%,#f26939 34%,#cf2e92 67%,#4c64d3 100%);
background: linear-gradient(45deg,  #ffdd83 0%,#f26939 34%,#cf2e92 67%,#4c64d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd83', endColorstr='#4c64d3',GradientType=1 );
}
#globalFootSns .yt a { background: #e72a20; }
#globalFootSns .linkedIn a { background: #0e76a8; }
#globalFootSns .tiktok a { background: linear-gradient(to right,  #25f4ee 2%,#fe2c55 100%); }

#globalFootSns a:hover { background-color:#87ceeb; }
#globalFootSns .insta a:hover {
background:#87ceeb;
background: -moz-linear-gradient(45deg,  #87ceeb 0%, #87ceeb 34%, #87ceeb 67%, #87ceeb 100%);
background: -webkit-linear-gradient(45deg,  #87ceeb 0%,#87ceeb 34%,#87ceeb 67%,#87ceeb 100%);
background: linear-gradient(45deg,  #87ceeb 0%,#87ceeb 34%,#87ceeb 67%,#87ceeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87ceeb', endColorstr='#87ceeb',GradientType=1 );
}

#globalHeader.dark,
#globalFooter.dark,
#globalFooter.dark .inner{
	border-color:#666;
	background: #000;
	color: #FFF;
}
#globalHeader.dark a,
#globalFooter.dark a {
	color: #FFF;
}

.dark #globalLogo a {
	background:url("../img/logo/next01_w.svg") no-repeat 50% 50%;
	background-size: contain;
}
.dark #globalLang a { background:none; }
.dark #globalLang a.active {
	background: #87ceeb;
	border-color:#87ceeb !important;
}
.dark #globalLang li:first-child a,
.dark #globalLang li:last-child a { border-color:#666; }
.dark #globalSns a {
	background: #444;
}
.dark #globalSns .blog a {
	background:#444 url("../img/global/icon_blog_dark.png") no-repeat 50% 50%;
	background-size: cover;
}
.dark #globalSns .blog a:hover { background-color:#87ceeb; }
.dark #globalFootLogo a {
	background:url("../img/logo/next01_w.svg") no-repeat 50% 50%;
	background-size: contain;
}

@media only screen and (max-width:1080px) {
	#globalHeader,
	#globalFooter { padding: 0 10px; }
	#globalMenu li,
	#globalFootMenu li { margin-left: 1.6em; }
	#globalLang a { width: 40px; }
	#globalSns a,
	#globalFootSns a {
		width: 24px;
		min-width: 24px;
		height: 24px;
		margin-left: 5px;
		font-size: 12px;
	}
	#globalFootSns .blog a {
		width: auto;
		padding-left: 20px;
		font-size: 12px;
	}
}
@media only screen and (max-width:768px) {
	#globalHeader {
		height: 30px;
		padding-right: 0;
	}
	#globalLogo a {
		width: 94px;
		height: 15px;
	}
	#globalMenu,
	#globalSns { display: none;}
	#globalLang { margin-right: 0; }
	#globalLang a { height: 30px; }
	#globalLang li:last-child a { border-right: 0; }
	
	#globalFooter .inner {
		flex-direction: column-reverse;
		align-items: center;
		padding: 3em 0;
	}
	
	#globalFooter .leftNav { margin-right: 0; }
	#globalFootLogo { display: none; }
	#globalFootLogo a {
		width: 127px;
		height: 25px;
		margin-bottom: 20px;
	}
	#globalCopy,
	#globalFootSns {
		justify-content: center;
	}
	#globalFootMenu {
		justify-content: center;
		padding-top: 0;
		padding-bottom: 1em;
	}
	#globalFootMenu li { margin:0 1em 1em; }
	#globalFootSns { margin-bottom: 3em; }
	#globalFootSns a { margin: 0 0.5em; }
  #fLang {
    display: block;
    margin-left: 0;
    padding-top: 1em;
    text-align: center;
  }
}