@charset "utf-8";
html {
	height: 100%;
}
/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - デスクトップ（デフォルトのグリッド）
   1024-768    - タブレット横長
   768-480     - タブレット縦長
   480-less    - スマホ
--------------------------------------------*/
/*
@media screen and (min-width: 1024px) and (max-width: 1280px) {}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 480px) and (max-width: 768px) {}
@media screen and (max-width: 480px) {}
*/


body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	color: #333;
}

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
h1.yu, h2.yu, h3.yu, h4.yu, h5.yu, h6.yu {
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP";
}
h2 {font-size: 40px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 22px;}

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
.nav__wrapper li a{font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP";}

@media all and (max-width: 480px) {
	h2 {font-size: 26px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
}

@media all and (max-width: 480px) {
	h1 {margin:0;}
}


@media screen and (min-width: 640px){	
/* 大きい画面でだけ限定的に改行させたい時、brタグにつける */
	.spbr {
		display:none;
	}
}

@media screen and (max-width: 640px){	
/* 小さい画面でだけ限定的に改行させたい時、brタグにつける */
	.pcbr {
		display:none;
	}
}

.home {
	flex: 1;
}
a.pixelgate img {
	vertical-align: middle;
	max-width: 70%;
}
a.image_link img {
	transition: 0.3s;
	display: block;
}

@media screen and (max-width: 640px){	
	a.pixelgate img {
		width:50%;
		margin:auto;
		margin-bottom:8px;
	}
}

a.image_link:hover img {
	opacity: 0.6;
}
.site-header {
	position: relative;
	background: linear-gradient(90deg, #052662 0%, #5D87C7 100%);
}
.site-header__wrapper {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
@media (min-width: 600px) {
	.site-header__wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media (min-width: 600px) {
	.nav__wrapper {
		display: flex;
	}
}

@media (max-width: 600px) {
	.site-header__wrapper {
		padding-top: 1rem;
		padding-bottom: 1px;

	}
}



.nav__item a {
	display: inline-block;
	/*padding: 0 1rem;*/
	margin: 0 1rem;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;
	position: relative;
	transition: .3s;
}
.nav__item a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 2px;
	background-color: #fff;
	transition: .3s;
}
.nav__item a:hover::after {
	width: 100%;
}

@media (max-width: 600px) {
	ul.nav__wrapper {
    display: flex;
    margin: auto;
    justify-content: space-between;
	}
	
	li.nav__item a{
		font-size:14px;
	}
}

/*
.nav__toggle {
	display: none;
}
@media (max-width: 599px) {
	.nav__toggle {
		display: block;
		position: absolute;
		right: 1rem;
		top: 1rem;
	}
}
*/

/* 
** header_common **
*/

#site-content--top, #site-content {
	animation: fadein 0.8s forwards;
	margin-top: 60px;
	margin-bottom: 80px;
}

@media screen and (min-width: 640px){	
	#site-content--top {
		margin-top: 40px;
		margin-bottom: 80px;
	}
}

@keyframes fadein {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
/* 
** site-content_common **
*/
.site-footer {
	position: relative;
	background: linear-gradient(90deg, #052662 0%, #5D87C7 100%);
	padding: 10px 0;
}
.site-footer .site-footer__copy {
	text-align: center;
	display: inline-block;
	width: 100%;
	color: #fff;
}
/* 
** footer_common **
*/
/* 2023/10/24 */
ul {
	padding-left: 0;
}
li {
	list-style: none;
}