@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Tsukimi+Rounded:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');


/* basic
------------------------------------------------------------------------- */
body {
	background-color:#F56600;
	font-size:16px;
	font-family:YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Osaka,"メイリオ","Meiryo",Sans-Serif;
	/* font-weight:500; */
	/* letter-spacing:1px; */
}
	@media(max-width:980px) {
		body {
			-webkit-text-size-adjust:none;
		}
	}
	@media(max-width:767px) {
		body {
		}
	}

.cf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* link default */
a:link		{ color:#FFF; text-decoration:none; }
a:visited	{ color:#FFF; text-decoration:none; }
a:hover		{ color:#FFF; text-decoration:none; }
a:active	{ color:#FFF; text-decoration:none; }

	@media(min-width:767px) {
		a[href^="tel:"] {
			pointer-events:none;
		}
	}

	@media(max-width:767px) {
		.pcOnly {
			display:none;
		}
	}

.spOnly {
	display:none;
}
	@media(max-width:767px) {
		.spOnly {
			display:block;
		}
	}



/* common
---------------------------------------------- */
.wrap {
	z-index:10;
	max-width:1600px;
	margin:0 auto;
}


/* gHeader
---------------------------------------------- */
#gHeader {
	z-index:90;
	position:fixed;
	height:60px;
	width:100%;
	background-color:#F56600;
}
.gLogo {
	position:absolute;
	top:18px;
	left:12px;
	width:180px;
}
.gLogo img {
	width:100%;
}
#gHeader > .gSns {
	position:absolute;
	top:13px;
	right:68px;
	width:36px;
}
#gHeader > .gSns img {
	width:100%;
}
.gMenuBtn {
	position:absolute;
	top:15px;
	right:19px;
	width:36px;
	cursor:pointer;
}
.gMenuBtn img {
	width:100%;
	cursor: pointer;
	transition: .2s;
}
#gHeader .gMenuBtn img:hover {
	transform:rotate(-90deg);
}
#gMenu .gMenuBtn img:hover {
	transform:rotate(-45deg);
}



/* gMenu
---------------------------------------------- */

#gMenu {
	z-index:100;
	position:fixed;
	width:100%;
	opacity:0;
	background-color:#F56600;
	display:none;
}

#gMenu > div {
	position:relative;
	width:100%;
	max-width:1280px;
	margin:0 auto;
	height:100%;
}
.kv {
	position:absolute;
	width:46%;
	margin-left:7.7%;
	top:50%;
	transform:translateY(-50%);
}

	@media(max-height:500px) {
		#gMenu .kv {
			display:none;
		}
	}
	@media(max-width:767px) {
		#gMenu .kv {
			display:none;
		}
	}

#gMenu > div > nav {
	position:absolute;
	width:33%;
	right:8.5%;
	top:50%;
	transform:translateY(-50%);
	color:#FFF;
}
	@media(max-width:767px) {
		#gMenu > div > nav {
			width:auto;
			right:50%;
			transform:translate(50%,-50%);
			margin:0 auto;
		}
	}
	@media(max-width:479px) {
		#gMenu > div > nav {
			width:calc(100% - 100px);
		}
	}

#gMenu > div nav > ul {
	padding:0 50px;
}
#gMenu > div nav > ul > li {
	margin-bottom:20px;
	font-family: "Tsukimi Rounded", sans-serif;
	font-weight: bold;
	font-style: normal;
	letter-spacing:3px;
}
	@media(max-width:479px) {
		#gMenu > div nav > ul > li {
			font-size:14px;
		}
	}

#gMenu > div nav > ul > li strong {
	font-size:22px;
	margin-bottom:3px;
	display:inline-block;
}
	@media(max-width:479px) {
		#gMenu > div nav > ul > li strong {
			font-size:17px;
		}
	}

#gMenu > div nav > ul > li ul {
	margin-left:2em;
	margin-bottom:15px;
}
	@media(max-width:479px) {
		#gMenu > div nav > ul > li ul {
			margin-left:1em;
		}
	}

#gMenu > div nav > ul > li ul > li {
	margin-top:15px;
}
#gMenu .gSns {
	width:50px;
	display:block;
	float:right;;
}
#gMenu .gSns > img {
	width:100%;
}
#gMenu li.comingsoon {
	opacity:0.6;
}



#gBanner {
	z-index:110;
	position:fixed;
	right:20px;
	bottom:20px;
	width:390px;
}
#gBanner img {
	width:100%;
}

	@media(max-width:767px) {
		#gBanner{
			left:0 !important;
			right:0;
			bottom:0;
			width:100%;
			text-align:center;
			background-color:#2B6298;
		}
		#gBanner img{
			max-width:360px;
		}
	}
	@media(max-height:500px) {
		#gBanner{
			display:none;
		}
	}

#gBanner2 {
	z-index:110;
	position:fixed;
	right:10px;
	top:70px;
	width:90px;
}
#gBanner2 img {
	width:100%;
}
	@media(max-width:767px) {
		#gBanner2 {
			width:70px;
		}
	}



/* gFooter
---------------------------------------------- */
#gFooter {
	color:#FFF;
	padding:20px 0 5px 0;
	text-align:center;
}
	@media(max-width:767px) {
		#gFooter {
			padding:20px 0 89px 0;
		}
	}

#gFooter > h2 {
	font-size:18px;
	margin-bottom:10px;

	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: 700;
}
#gFooter > p {
	font-size:15px;
	margin-bottom:15px;

	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: 400;
}
#gFooter > p > a {
	color:#555BED;
	text-decoration:underline;
	margin-left:1em;
}
#gFooter > ul {
	display:inline-block;
	font-size:15px;
	line-height:1.5;
	margin-bottom:25px;
	text-align:left;

	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: 500;
}
#gFooter address {
	color:#FBC49B;
	font-size:10px;
	font-style: normal;
}