/*--------------------------------------------------------------------------
 * tablet
----------------------------------------------------------------------------*/
@media only screen and (max-width: 930px) {
/*----------------------------------
	body
-----------------------------------*/
.br-pc {
	display: none;
}
.br-sp {
	display: none;
}
.br-tablet {
	display: block;
}
.block {
	width: 95%;
}
.gnavi__pc-style {
  display: none;    
}
.gnavi__sp-style {
  display: block;
}
/*----------------------------------
	nav
-----------------------------------*/
/*メニューボタン　展開前*/
.menu-btn {
	display : block;
	position: fixed;
	z-index : 3;
	right : 30px;
	top   : 30px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
}
.menu-btn span {
	display : block;
	position: absolute;
	width   : 30px;
	height  : 2px ;
	left    : 6px;
	background : #555;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
}
.menu-btn span:nth-of-type(1) {
	top: 10px;
}
.menu-btn span:nth-of-type(2) {
	top: 20px;
}
.menu-btn span:nth-of-type(3) {
	top: 30px;
}
  
/*メニューボタン　展開後*/
.menu-btn.active span:nth-child(1) {
	top : 16px;
	left: 6px;
	background :#fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
}
.menu-btn.active span:nth-child(2),
.menu-btn.active span:nth-child(3) {
	top: 16px;
	background :#fff;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
}

/*スマホ用のメニュー*/
.gnavi__sp-style {
	position: fixed;
	z-index: -1;
	top: -100vh;
	left: 0;
	color: #fff;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: opacity .6s ease, visibility .6s ease;
	display: flex;
	align-items: center;
	font-size: 2.4rem;
}
.gnavi__sp-style ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.gnavi__sp-style ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	transition: .4s all;
}
.gnavi__sp-style ul li:last-of-type {
	padding-bottom: 0;
}
.gnavi__sp-style ul li:hover{
	background :#ddd;
}
.gnavi__sp-style ul li a {
	display: block;
	color: #fff;
	padding: 1em 0;
	text-decoration :none;
}
.gnavi__sp-style.active {
	opacity: 1;
	top: 0;
}
/*----------------------------------
	br 
-----------------------------------*/
.br-tablet {
	display: block;
}
/*----------------------------------
	header
-----------------------------------*/

/*----------------------------------
	footer
-----------------------------------*/

/*----------------------------------
	index
-----------------------------------*/


/*----------------------------------
	page
-----------------------------------*/

/*--------------------------------------------------------------------------
 * SP
----------------------------------------------------------------------------*/
 @media screen and (max-width: 480px) {
	 
.flex-box {
	display: block;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
.sp-none {
	display: none;
}
/*----------------------------------
	header
-----------------------------------*/
header .header-inner h2{

	padding: 0 1.0rem;
}
/*----------------------------------
	footer
-----------------------------------*/
.footer-list {
	width: 95%;
	margin: 0 auto 3.0rem;
	display: block;
}
/*----------------------------------
	index
-----------------------------------*/
#keyv {
	height: 350px;
}
#keyv h2{
	font-size: 2.2rem;
	left: 2.0rem;
	top: 70%;
}
#intro article{
	display: block;
}
#intro article .intro-left, #intro article .intro-right {
	width: 100%;
}
#intro article .intro-left {
	margin-bottom: 5.0rem;
}
#intro article .intro-right h2{
	font-size: 2.3rem;
}
#intro article .intro-right .index-txt {
	font-size: 1.8rem;
}
#search article .search-form .search-form-cover {
	display: block;
}
#search article .search-form .search-form-cover select{
	width: 100%;
	margin-bottom: 2.0rem;
}
#search article .search-form .search-form-cover input{
	width: 100%;
	margin-bottom: 2.0rem;
}
#search article .search-form .search-form-cover button{
	width: 100%;
}
.logo-list li{
	width: 30%;
	margin: 0 5% 2.0rem 0;
}
.logo-list li:nth-child(7n){
	margin: 0 5% 2.0rem 0;
}
.logo-list li:nth-child(3n){
	margin-right: 0;
}
/*----------------------------------
	page
-----------------------------------*/
.single-inner {
	width: 95%;
	padding: 15rem 2.0rem 5.0rem;
}
.contact-input.flex-box {
	display: block;
}
.btn-submit {
	width: 250px;
}
}