@charset "utf-8";

/*************/
@media screen and (max-width:640px) {

.pc-block{
	display: block;
}
.smp-block{
	display: block;
}

header{
	border: none;
	background: #FFF;
	position: fixed;
	top: 0;
	width: 100%;
	height: 94px;
	z-index: 999;
}


header div{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
/*ヘッダーロゴ*/
header div h1{
	width: 25%;
	max-width: 160px;
	height: 68px;
	margin-top: 13px;
	margin-left: 10px;
	float: left;
}
header div h1 a{
	width: 100%;
	height: 68px;
	/*background: url(../img/common/logo-smp.svg) no-repeat left center/contain;*/
	background: url(../administrator/image/toplogo.jpg?20180522) no-repeat left center;
	background-size: 100% 40px;
}
/*メニュー*/
#toggle{
	margin-top: 25px;
	margin-right: 25px;
    display: block;
    text-indent: -9999px;
    width: 8.2%;
    max-width: 52px;
    height: 38px;
    float: right;
    cursor: pointer;
}
.off{ background: url(../img/common/sma-menu.png) no-repeat left top;    background-size: contain;}
.on{ background: url(../img/common/sma-menu_close.png) no-repeat center top;    background-size: contain;}

#G-nav01{
	display: none;
}

header nav#G-nav01{
	width: 100%;
	float: none;
	margin-left: 0%;
	clear: both;
}
header nav#G-nav01 ul li{
	width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
    float: none;
   	background: #1d2088;
}
header nav#G-nav01 ul li:hover{
	opacity: 1;
	background-color: #FFF;
}
header nav#G-nav01 ul li a{
	opacity: 1.0;
	height: 0px;
	padding-top: 10%;
	cursor: pointer;
	border-bottom: 1px solid #FFF;
}
/*HOME*/
header nav#G-nav01 ul li#m-06-on,
header nav#G-nav01 ul li#m-05-on,
header nav#G-nav01 ul li#m-04-on,
header nav#G-nav01 ul li#m-03-on,
header nav#G-nav01 ul li#m-02-on,
header nav#G-nav01 ul li#m-01-on,
header nav#G-nav01 ul li#m-01{
	width: 100%;
	max-width: 640px;
}
header nav#G-nav01 ul li#m-01-on{
	background: url(../img/common/G-nav01_on.svg) no-repeat center center #1d2088;
	background-size: 26%;
}
header nav#G-nav01 ul li#m-01 a{
	background: url(../img/common/G-nav01_on.svg) no-repeat center center/26%;
}
header nav#G-nav01 ul li#m-01 a:hover{
	background: url(../img/common/G-nav01_off.svg) no-repeat center center/26%;
}
/*事業内容*/
header nav#G-nav01 ul li#m-02{
	width: 100%;
	max-width: 640px;
}
header nav#G-nav01 ul li#m-02-on{
	background: url(../img/common/G-nav02_on.svg) no-repeat center center #1d2088;
	background-size: 30%;
}

header nav#G-nav01 ul li#m-02 a{
	background: url(../img/common/G-nav02_on.svg) no-repeat center center/30%;
}
header nav#G-nav01 ul li#m-02 a:hover{
	background: url(../img/common/G-nav02_off.svg) no-repeat center center/30%;
}
/*開発実績*/
header nav#G-nav01 ul li#m-03{
	width: 100%;
	max-width: 640px;
}
header nav#G-nav01 ul li#m-03 a{
	background: url(../img/common/G-nav03_on.svg) no-repeat center center/30%;
}
header nav#G-nav01 ul li#m-03-on{
	background: url(../img/common/G-nav03_on.svg) no-repeat center center #1d2088;
	background-size: 30%;
}
header nav#G-nav01 ul li#m-03 a:hover{
	background: url(../img/common/G-nav03_off.svg) no-repeat center center/30%;
}
/*製品紹介*/
header nav#G-nav01 ul li#m-04{
	width: 100%;
	max-width: 640px;
}
header nav#G-nav01 ul li#m-04 a{
	background: url(../img/common/G-nav04_on.svg) no-repeat center center #1d2088;
	background-size: 32%;
}

header nav#G-nav01 ul li#m-04-on{
	background: url(../img/common/G-nav04_on.svg) no-repeat center center #1d2088;
	background-size: 32%;
}


header nav#G-nav01 ul li#m-04 a:hover{
	background: url(../img/common/G-nav04_off.svg) no-repeat center center/32%;
}
/*採用情報*/
header nav#G-nav01 ul li#m-05{
	width: 100%;
	max-width: 640px;
}
header nav#G-nav01 ul li#m-05 a{
	background: url(../img/common/G-nav05_on.svg) no-repeat center center/32%;
}
header nav#G-nav01 ul li#m-05-on a{
	background: url(../img/common/G-nav05_on.svg) no-repeat center center #1d2088;
	background-size: 32%;
}
header nav#G-nav01 ul li#m-05 a:hover{
	background: url(../img/common/G-nav05_off.svg) no-repeat center center/32%;
}
/*会社情報*/
header nav#G-nav01 ul li#m-06{
	width: 100%;
	max-width: 640px;
}
header nav#G-nav01 ul li#m-06 a{
	background: url(../img/common/G-nav06_on.svg) no-repeat center center/32%;
}
header nav#G-nav01 ul li#m-06-on a{
	background: url(../img/common/G-nav06_on.svg) no-repeat center center #1d2088;
	background-size: 32%;
}
header nav#G-nav01 ul li#m-06 a:hover{
	background: url(../img/common/G-nav06_off.svg) no-repeat center center/32%;
}
/*お問い合わせ*/
header nav#G-nav01 ul li#m-07-on,
header nav#G-nav01 ul li#m-07{
	width: 100%;
	max-width: 640px;
}
header nav#G-nav01 ul li#m-07 a{
	background: url(../img/common/G-nav07_on.svg) no-repeat center center/45%;
}
header nav#G-nav01 ul li#m-07-on{
	background: url(../img/common/G-nav07_on.svg) no-repeat center center #1d2088;
	background-size: 45%;
}
header nav#G-nav01 ul li#m-07 a:hover{
	background: url(../img/common/G-nav07_off.svg) no-repeat center center/45%;
}







/*****************************/
/*フッター*/
footer{
	margin-top: 120px;
	background: #1d2088;
	padding-bottom: 100px;
}
/*フッター白バック部分*/
footer #Footbox01 #Footinbox #Footinner-left{
	width: 90%;
	max-width: 620px;
	margin: 0 auto;
	padding-top: 10%;
	padding-bottom: 5%;
	float: none;
	border-bottom: 4px solid #1d2088;
}
footer #Footbox01 #Footinbox #Footinner-left p{
	border-right: none;
	height: 80px;
}
footer #Footbox01 #Footinbox #Footinner-left p a#Ft-contact{
	width: 80%;
	max-width: 260px;
	height: 44px;
	background: url(../img/common/FT-contact.svg) no-repeat left center/contain;
	margin: 0 auto;
	padding-top: 18px;
}

footer #Footbox01 #Footinbox #Footinner-right{
	width: 90%;
	max-width: 620px;
	margin: 0 auto;
	float: none; 
}
footer #Footbox01 #Footinbox #Footinner-right ul{
	width: 85%;
	padding-top: 5%;
	margin: 0 auto;
	text-align: center;
}
footer #Footbox01 #Footinbox #Footinner-right ul li{
	display: inline-block;
	margin-left: 0;
	font-size: 26px;
	line-height: 2em;
	font-weight: 600;
}
footer #Footbox01 #Footinbox #Footinner-right p{
	width: 75%;
	margin: 0;
	padding: 0;
	margin: 0 auto;
	margin-top: 5%;
	margin-bottom: 15%;
	background: none;
}
footer #Footbox01 #Footinbox #Footinner-right a{
	display: block;
	text-indent: -9999px;
	background: url(../img/common/FT-contact-smp.jpg) no-repeat left center/contain;
	margin: 0;
	padding-top: 8%;
	cursor: pointer;
}

/*フッター下部　青バック部分*/
footer #Footbox02 nav{
	width: 74%;
	max-width: 580px;
	float: none; 
	margin: 0 auto;
}
footer #Footbox02 nav ul:first-child{
	display: none;
}
footer #Footbox02 nav ul{
	margin-left: 0px;
	margin-bottom: 0px;
}

footer #Footbox02 nav ul li{
	display: inline-block;
	margin-right: 1.2em;
	font-size: 2.4vw;
}
footer #Footbox02 nav ul li a{
	text-decoration: none;
	color: #FFF;
}
footer #Footbox02 dl{
	width: 100%;
	max-width: 640px;
	float: none; 
}
footer #Footbox02 dl dt a{
	width: 71.5%;
	max-width: 458px;
	height: 85px;
	/*background: url(../img/common/FT-logo.svg) no-repeat left center;*/
	background: url(../img/common/FT-logo.jpg) no-repeat left center;
	background-size: 100% 98px;
	margin: 0 auto;
	margin-top: 5%;
}
footer #Footbox02 dl dd{
	width: 70%;
	margin: 0 auto;
	margin-top: 5%;
	font-size: 2.5vw;
}

 
}



@media screen and (max-width:480px) {

header{
	border: none;
	background: #FFF;
	position: fixed;
	top: 0;
	width: 100%;
	height: 70px;
}


header div{
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}
/*ヘッダーロゴ*/
header div h1{
	width: 25%;
	max-width: 120px;
	height: 51px;
	margin-top: 13px;
	margin-left: 10px;
	float: left;
}
header div h1 a{
	width: 100%;
	height: 51px;
	/*background: url(../img/common/logo-smp.svg) no-repeat left center/contain;*/
	background: url(../administrator/image/toplogo.jpg?20180522) no-repeat left center;
	background-size: 100% 40px;
}


/*メニュー*/
#toggle{
	margin-top: 25px;
	margin-right: 25px;
    display: block;
    text-indent: -9999px;
    width: 8.3%;
    max-width: 40px;
    height: 29px;
    float: right;
    cursor: pointer;
}
header nav#G-nav01{
	margin-top: 15px;
}


/**フッター**/
footer{
	margin-top: 80px;
	background: #1d2088;
	padding-bottom: 100px;
}
footer #Footbox01 #Footinbox #Footinner-right ul{
	width: 85%;
	padding-top: 5%;
	margin: 0 auto;
	text-align: center;
}
footer #Footbox01 #Footinbox #Footinner-right ul li{
	display: inline-block;
	margin-left: 0;
	font-size: 18px;
	line-height: 2em;
	font-weight: 600;
}

footer #Footbox02 nav{
	width: 100%;
	max-width: 460px;
	float: none; 
	margin: 0 auto;
}

footer #Footbox02 nav ul li{
	display: inline-block;
	margin-right: 1em;
	font-size: 3vw;
}
footer #Footbox02 nav ul li:first-child{
	margin-left: 1em;
}
footer #Footbox02 dl dt a{
	width: 71.5%;
	max-width: 458px;
	height: 85px;
	/*background: url(../img/common/FT-logo.svg) no-repeat left center;*/
	background: url(../img/common/FT-logo.jpg) no-repeat left center;
	background-size: 100% 98px;
	margin: 0 auto;
	margin-top: 1%;
}
footer #Footbox02 dl dd{
	width: 70%;
	margin: 0 auto;
	margin-top: 5%;
	font-size: 14px;
}





}