@charset "utf-8";

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

*{
	margin:0px;
padding:0px;}

html,body{
   width: 100%;
   height: 100%;
}
body {
    background: #f2f2f2;
	*font-size:small;
	*font:	x-small;
	line-height:1.6;
	text-align: left;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color: #505050;
    -moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	color: #505050;
	cursor: pointer;
}

a:hover{
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
}
.block{
	display: block;
	text-indent: -9999px;
}

img{
	width: 100%;
}


/**/
.animation{
margin-top: 50px;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/**/




/***ヘッダー部分ここから****/
header{
	border-top: solid 2px #c7c7c7;
	border-bottom: solid 2px #c7c7c7;
	background: #FFF;
}

.cb-header{
	width: 100%;
	position: fixed;
	left: 0;
	top: -102px;
	z-index: 999;
}


header div{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
/*ヘッダーロゴ*/
header div h1{
	width: 20.83%;
	max-width: 225px;
	height: 98px;
	float: left;
}
header div h1 a{
	width: 100%;
	height: 98px;
	/*background: url(../img/common/logo.svg) no-repeat left center;*/
	background: url(../img/common/logo.jpg) no-repeat left center;
	background-size: 100% 98px;
}
#toggle{
	display: none;
}

/*ヘッダーメニュー*/
header nav#G-nav01{
	width: 71.85%;
	max-width: 776px;
	float: left;
	margin-left: 7.32%;
}
header nav#G-nav01 ul li{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
    float: left;
}
header nav#G-nav01 ul li:hover{
	opacity: 1;
	background-color: #1d2088;
}
header nav#G-nav01 ul li a{
	opacity: 1.0;
	height: 98px;
	cursor: pointer;
}
/*HOME*/
header nav#G-nav01 ul li#m-01-on,
header nav#G-nav01 ul li#m-01{
	max-width: 84px;
	width: 10.82%;
}
header nav#G-nav01 ul li#m-01 a{
	background: url(../img/common/G-nav01_off.svg) no-repeat center center/55%;
}
header nav#G-nav01 ul li#m-01-on,
header nav#G-nav01 ul li#m-01 a:hover{
	background: url(../img/common/G-nav01_on.svg) no-repeat center center/55%;
}
/*事業内容*/
header nav#G-nav01 ul li#m-02-on,
header nav#G-nav01 ul li#m-02{
	max-width: 109px;
	width: 14%;
}
header nav#G-nav01 ul li#m-02 a{
	background: url(../img/common/G-nav02_off.svg) no-repeat center center/55%;
}
header nav#G-nav01 ul li#m-02-on,
header nav#G-nav01 ul li#m-02 a:hover{
	background: url(../img/common/G-nav02_on.svg) no-repeat center center/55%;
}
/*開発実績*/
header nav#G-nav01 ul li#m-03-on,
header nav#G-nav01 ul li#m-03{
	max-width: 112px;
	width: 14.43%;
}
header nav#G-nav01 ul li#m-03 a{
	background: url(../img/common/G-nav03_off.svg) no-repeat center center/50%;
}
header nav#G-nav01 ul li#m-03-on,
header nav#G-nav01 ul li#m-03 a:hover{
	background: url(../img/common/G-nav03_on.svg) no-repeat center center/50%;
}
/*製品紹介*/
header nav#G-nav01 ul li#m-04-on,
header nav#G-nav01 ul li#m-04{
	max-width: 112px;
	width: 14.43%;
}
header nav#G-nav01 ul li#m-04 a{
	background: url(../img/common/G-nav04_off.svg) no-repeat center center/52%;
}
header nav#G-nav01 ul li#m-04-on,
header nav#G-nav01 ul li#m-04 a:hover{
	background: url(../img/common/G-nav04_on.svg) no-repeat center center/52%;
}
/*採用情報*/
header nav#G-nav01 ul li#m-05-on,
header nav#G-nav01 ul li#m-05{
	max-width: 112px;
	width: 14.43%;
}
header nav#G-nav01 ul li#m-05 a{
	background: url(../img/common/G-nav05_off.svg) no-repeat center center/52%;
}
header nav#G-nav01 ul li#m-05-on,
header nav#G-nav01 ul li#m-05 a:hover{
	background: url(../img/common/G-nav05_on.svg) no-repeat center center/52%;
}
/*会社情報*/
header nav#G-nav01 ul li#m-06-on,
header nav#G-nav01 ul li#m-06{
	max-width: 111px;
	width: 14.3%;
}
header nav#G-nav01 ul li#m-06 a{
	background: url(../img/common/G-nav06_off.svg) no-repeat center center/52%;
}
header nav#G-nav01 ul li#m-06-on,
header nav#G-nav01 ul li#m-06 a:hover{
	background: url(../img/common/G-nav06_on.svg) no-repeat center center/52%;
}
/*お問い合わせ*/
header nav#G-nav01 ul li#m-07-on,
header nav#G-nav01 ul li#m-07{
	max-width: 136px;
	width: 17.52%;
}
header nav#G-nav01 ul li#m-07 a{
	background: url(../img/common/G-nav07_off.svg) no-repeat center center/58%;
}
header nav#G-nav01 ul li#m-07-on,
header nav#G-nav01 ul li#m-07 a:hover{
	background: url(../img/common/G-nav07_on.svg) no-repeat center center/58%;
}

header nav#G-nav01 ul li#m-01-on,
header nav#G-nav01 ul li#m-02-on,
header nav#G-nav01 ul li#m-03-on,
header nav#G-nav01 ul li#m-04-on,
header nav#G-nav01 ul li#m-05-on,
header nav#G-nav01 ul li#m-06-on,
header nav#G-nav01 ul li#m-07-on{
	background-color: #1d2088;
}


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

footer #Footbox01 #Footinbox #Footinner-right{
	width: 64.7%;
	padding-top: 10px;
	float: left; 
}
footer #Footbox01 #Footinbox #Footinner-right ul{
	padding-top: 10px;
}
footer #Footbox01 #Footinbox #Footinner-right ul li{
	display: inline-block;
	margin-left: 40px;
	font-size: 2vw;
	font-weight: 600;
}
footer #Footbox01 #Footinbox #Footinner-right p{
	font-size: 14px;
	background: url(../img/common/FT-bg01.png) no-repeat left center;
	padding-left: 32px;
	margin-left: 55px;
	margin-top: 10px;
}

/*フッター下部　青バック部分*/
footer #Footbox02{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	color: #FFF;
	padding-top: 30px;
}
footer #Footbox02 dl{
	width: 35.26%;
	max-width: 370px;
	float: left; 
}
footer #Footbox02 dl dt,
footer #Footbox02 dl dd{
	margin-bottom: 10px;
	margin-left: 4%;
}
footer #Footbox02 dl dt a{
	width: 60.8%;
	max-width: 225px;
	height: 42px;
	/*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;
}
footer #Footbox02 nav{
	width: 64.7%;
	float: right; 
}
footer #Footbox02 nav ul{
	margin-left: 40px;
	margin-bottom: 30px;
}

footer #Footbox02 nav ul li{
	display: inline-block;
	margin-right: 1em;
}
footer #Footbox02 nav ul li a{
	text-decoration: none;
	color: #FFF;
}










/*************/
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
    
footer #Footbox01 #Footinbox #Footinner-right ul li{
	display: inline-block;
	margin-left: 40px;
	font-size: 22px;
	font-weight: 600;
}


}