/**
 *
 *  サイト共通(SP表示)
 *
 */


/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	body{
	
	}
	#Page {
		min-width:320px;	
	}
	#Page img{
		width:100%;
		height:auto;
	}
	.pc{
		display:none;	
	}
	.sp{
		display:block;	
	}
	br.sp{
		display:inline;
	}


/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/
	.inner{
		max-width:initial;
	}



/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/
	#Header{
		position: relative;
		padding: 10px 0;
	}
	#Header .hd{
		display:block;
		margin-bottom: 10px;
	}
	#Header h1{
		margin-bottom: 10px;
		font-size:1.5rem;
		line-height:1.4;
		text-indent:-0.5em;
	}
	#Header h1 span{
		font-size:1.2rem;	
	}
	
	#Header .sub-nav ul{
		display:flex;
		justify-content:space-between;
		max-width:300px;
		margin: 0 auto;	
	}
	#Header .sub-nav li{
		display:block;
		margin-left: 0;	
	}
	#Header .sub-nav li a{
		display:block;
		width:100%;
		border-radius:0;
		height: auto;
		padding: 7px 0 8px;
		font-size:1.4rem;
	}
/*	#Header .yokoku dt{
		float: none;
		width:100%;
		margin: 0 0 5px;
		padding: 4px 10px 6px;
		font-size:1.5rem;
		text-align:center;
		letter-spacing:3px;
	}
	#Header .yokoku dd{
		font-size:1rem;
		line-height:1.4;
	}*/

/* ---------------------------------------------------------------------------
			#Gnav	
				グローバルナビゲーション
--------------------------------------------------------------------------- */

	.menu-trigger{
		position: absolute;
		top:10px;
		right:10px;
		width: 32px;
		height: 30px;
		cursor:pointer;	
	}
	.menu-trigger span{
		display:block;
		position: absolute;
		left:0;
		width: 32px;
		height: 2px;
		background:#000;
		transition:.3s;	
	}
	.menu-trigger span:nth-of-type(1) {
		top:5px;	
	}
	.menu-trigger span:nth-of-type(2) {
		top:50%;	
	}
	.menu-trigger span:nth-of-type(3) {
		bottom:4px;	
	}
	#SpMenuBtn.open span:nth-of-type(1) {
		top: 15px;
		transform: rotate(-45deg);
	}
	#SpMenuBtn.open span:nth-of-type(2) {
		display:none;	
	}
	#SpMenuBtn.open span:nth-of-type(3) {
		top: 15px;
		transform: rotate(45deg);
	}
	
	#Gnav{
		display:none;	
	}
	#Gnav ul{
		display:block;
		border-left:none;		
	}
	#Gnav ul li{
		width: 100%;
		border-right:none;
	}
	#Gnav ul li+li{
		border-top:1px solid #9FA0A0;
	}
	#Gnav ul li.nav03{
		width: 100%;	
	}
	#Gnav ul li a{
		width: 100%;
		padding: 8px 0;
		font-size:1.4rem;
	}
	#Gnav ul li a::after{
		display:none;
	}
	#Gnav ul li.current a,
	#Gnav ul li a:hover{
		background: none;
	}
	#Gnav ul li.current a::after,
	#Gnav ul li a:hover::after{
		height: 0;	
	}
	#Gnav ul li a span{
		display:none;
	}
	#Gnav ul li a.comingsoon{
		opacity:.5;
	}
	#Gnav .sub-nav{
		display:block;
	}
	#Gnav .sub-nav a:hover::after,
	#Gnav ul li a.comingsoon:hover::after{
		height: 0;
	}
	#Header #Gnav .sub-nav li a:hover{
		background : -moz-linear-gradient(50% 100% 90deg,rgba(0, 136, 129, 1) 0%,rgba(0, 162, 154, 1) 100%);
		background : -webkit-gradient(90deg, rgba(0, 136, 129, 1) 0%, rgba(0, 162, 154, 1) 100%);
		background : linear-gradient(0deg, rgba(0, 136, 129, 1) 0%, rgba(0, 162, 154, 1) 100%);				
	}
	#Header #Gnav .sub-nav li:first-child a{
		background : -moz-linear-gradient(50% 100% 90deg,rgba(234, 85, 20, 1) 0%,rgba(243, 152, 0, 1) 100%);
		background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(234, 85, 20, 1) ),color-stop(1,rgba(243, 152, 0, 1) ));
		background : linear-gradient(0deg, rgba(234, 85, 20, 1) 0%, rgba(243, 152, 0, 1) 100%);	
	}
	

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
#Content {
	
}

/* breadcrumb */
	.breadcrumb{
		max-width:830px;
		margin: 0 auto;
		padding: 5px 10px;
		font-size:1rem;	
	}
	.breadcrumb li{
		display:inline-block;	
	}
	.breadcrumb li a::after{
		display:inline-block;
		padding: 0 7px;
		content:">";
	}

/* page-ttl */
.page-ttl{
	height: 200px;	
}
#Page .page-ttl img{
	width: auto;
	height: 30px;
}
.page-ttl span{
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	display:inline-block;		
}

/* タイトル類 */

.txt-lead{
	margin-bottom: 20px;
	font-size:1.8rem;
}
.txt-lead + .txt{
	font-size:1.2rem;
	line-height:2;
}
.sec-ttl{
	margin-bottom: 20px;
	padding-bottom: 15px;	
}
#Page .sec-ttl img{
	width: auto;
	height: 20px;
}
.sec-ttl::after{
	width: 40px;
	height: 1px;
}
.sec-lead{
	margin-bottom: 25px;
	font-size:2rem;
	line-height:1.4;	
}



/* layout */
	.layout-box{
		display:flex;
		justify-content:space-between;
		align-items:center;		
	}

/* notes */
	.notes,
	.note{
		font-size:1rem;
		line-height:1.4;
	}
	.cap{
		font-size:1rem;
	}

/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
	#Footer{
		padding: 25px 0 30px;
	}
	#Footer .gotop{
		right:10px;
		bottom:10px;
		width: 40px;	
	}
	#Footer .gotop.bottom{
		bottom:263px;	
	}
	#Footer .btn-req{
		margin-bottom: 30px;
	}
	#Footer .developer{
		display:block;
		max-width: 300px;
	}
	#Footer .developer li+li{
		padding-top: 30px;	
	}
	#Footer .developer li p+p{
		padding-top: 5px;	
	}


}