/* CSS Document */

/*--------------------------
	Top Page
---------------------------*/
.top_hello_catch{
	font-size:20px;
	color:#000000;
    text-align:center;
	font-family:HGP明朝B,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
@media(max-width:767px){
	.top_hello_catch{
		font-size:16px;
	}
}

.top_obi1{
	background-color:#bec4d6;
	margin-top:5px;
	padding:28px 0;
}

.top_menu{
	margin-top:28px;
	padding:0 10%;
}

.top_menu a:hover{
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.top_menu_image{
	width:100%;
	transition: .6s;	/* Fade in time */
}

@media(max-width:767px){
	.top_menu_image{
		margin-bottom:10px;
	}
}

.top_obi2{
	background-color:#fafade;
	padding:40px 0 100px 0;
	margin-bottom:-150px;
}

@media (max-width: 767px){
    .top_obi{
        font-size:120%;
    }
}

.top_image{
    width:100%;
}

@media (max-width: 414px){
    .top_image{
        width:100%;
		margin-top:-30px;
    }
}

.top_20th_title{
	color:#c1272d;
	font-size:20px;
	text-align:center;
	font-family:HGP明朝B;
}
@media(max-width:767px){
	.top_20th_title{
		font-size:16px;
	}
}

.top_20th_text{
	width:60%;
	margin:30px auto 40px auto;
	color:#743f05;
	line-height:220%;
}

@media(max-width:767px){
	.top_20th_text{
		width:100%;
	}
}

.gnss_device_title{
	text-align:center;
	font-family:HGP明朝B;
	background-color:#dcdb99;
	width:400px;
	margin:60px auto 40px auto;
	font-size:18px;
	padding:13px;
    border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   	/* Firefox用 */  	
	letter-spacing:0.1em;
}
@media (max-width:767px){
	.gnss_device_title{
		width:300px;
		font-size:14px;
	}
}

@media (max-width:414px){
	.gnss_device_title{
		width:100%;
	}
}

.gnss_device_text{
	width:60%;
	margin:0 auto;
	color:#743f05;
	line-height:220%;
	letter-spacing:0.1em;
}

@media(max-width:767px){
	.gnss_device_text{
		width:100%;
	}
}

.gnss_device_spec{
	color:#743f05;
	letter-spacing:0.05em;
}
@media (max-width:767px){
	.gnss_device_spec{
		margin-top:10px;
		margin-left:10px;
	}
}

.gnss_device_image{
	width:100%;
	transition: .6s;	/* Fade in time */
}

/*--------------------------
	Company
---------------------------*/
.philosophy_text{
	line-height:200%;
	font-size:120%;	
	font-weight:bold;
}

@media(max-width:767px){
	.philosophy_text{
		line-height:150%;
		font-size:100%;
	}
}

.company_map{
    margin-left:10%;
}

.company_map td:nth-child(1){
    margin-top:0;
    padding-top:0;
    width:35%;
    valign:top;
}

.company_map td:nth-child(2){
    padding:1em 0;
}

.company_offset_address{
	margin-left:20px;
}

@media(max-width:767px){
	.company_offset_address{
		margin-left:10px;
	}
}

/*--------------------------
	Business
---------------------------*/
.business_title_obi{
	background: -moz-radial-gradient(#eaeaf2, #586692);
	background: -webkit-gradient(radial, center center, 20, center center, 250, from(#eaeaf2), to(#586692));
	padding:10px 0;
}

@media(max-width:767px){
	.business_title_obi{
		background: -webkit-gradient(radial, center center, 10, center center, 100, from(#eaeaf2), to(#586692));
	}
}

@media(max-width:414px){
	.business_title_obi{
		background: -webkit-gradient(radial, center center, 10, center center, 30, from(#eaeaf2), to(#586692));
	}
}

.business_image{
	float:left;
	position: relative;
	left: 45%;
	width:8%;
}

.business_title{
	margin-top:3.7%;
	color:#FFF;
	font-size:20px;
	font-family:源柔ゴシック;
}

@media(max-width:767px){
	.business_title{
		font-size:16px;
	}
}

@media(max-width:414px){
	.business_title{
		font-size:14px;
	}
}

.business_title li{
	display:inline-block;
	color:#FFF;
}

.business_sub_title{
	text-align:center;
	font-size:20px;
}
@media(max-width:414px){
	.business_sub_title{
		font-size:16px;
	}
}

.business_service_box{
	padding:50px 0 40px 0;
	width:370px;
	margin:0 auto;
}

@media(max-width:414px){
	.business_service_box{
		width:280px;
		font-size:16px;
	}
}

.business_service_list li{
	list-style:none;
	line-height:200%;
	font-size:18px;
	margin-left:-1em;
}
@media(max-width:414px){
	.business_service_list li{
		font-size:16px;
	}
}

.business_text{
	width:60%;
	line-height:200%;
	margin:0 auto;
}

@media(max-width:767px){
	.business_text{
		width:90%;
	}
}

.business_service_text{
	margin-top:50px;
	text-align:center;
	font-size:120%;
}

.business_map_img{
	width:40%;
}

@media(max-width:767px){
	.business_map_img{
		width:80%;
	}
}
@media(max-width:414px){
	.business_map_img{
		width:60%;
	}
}

/*--------------------------
	Gnss
---------------------------*/
.gnss_obi_title{
	margin-top:5px;
	font-size:26px;
	background-color:#2e3192;
	color:#FFF;
	font-family:HGP明朝B;
}
@media(max-width:767px){
	.gnss_obi_title{
		font-size:18px;	
	}
}

.gnss_obi_title p{
	padding:5px 0;
	margin-bottom:-1px;
}

.gnss_text{
	width:60%;
	margin:40px auto;
	line-height:200%;
	letter-spacing:0.1em;
}

@media(max-width:767px){
	.gnss_text{
		width:100%;
	}
}

@media(max-width:767px){
	.gnss_text{
		margin:40px auto;
	}
}

.gnss_view_img{
	margin-top:20px;
	width:100%;
}

.gnss_sub_title{
	font-family:HGP明朝B;
	font-size:24px;
	text-align:center;
	padding-bottom:20px;
	border-bottom:dotted 1px #000;
	margin-top:60px;
	letter-spacing:0.1em;
}

@media(max-width:767px){
	.gnss_sub_title{
		margin-top:30px;
		font-size:20px;
	}
}

/*--------------------------
	About Axis
---------------------------*/
.greeting_text{
	font-family:HGP明朝B,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:130%;
}

@media(max-width:767px){
	.greeting_text{
		font-size:100%;
	}
}

/*--------------------------
	Recruit
---------------------------*/
.kyuyo_condition{
    margin-left:10%;
    width:80%;
    border:solid 1px #777777;
}

.kyuyo_condition td{
    padding:0.5em;    
}

.kyuyo_condition th{
    width:8em;
}

.contact_address{
    margin-left:10%;
}

/*--------------------------
	Contact
---------------------------*/
.contact_page p{
	letter-spacing:2px;
}

.contact_comment{
	margin:20px 10% 0 10%;
	letter-spacing:0.1em;
}

@media(max-width:767px){
	.contact_comment{
		margin:20px 7% 0 7%;
	}
}

select.select_category{
	width:250px;
	height:32px;
	font-size:16px;
}

input.contact_article{
	width:300px;
	height:32px;
	margin-top:5px;
}

textarea.contact_article {
	width:400px;
	height:120px;
	margin-top:5px;
}

.contact_page label{
	font-weight:bold;
}

#cancel_button,
#modoru_button {
    margin-top:0.5em;
    width: 200px;
    height: 50px;
	background-color:#fbb03b;
	color:#ffffff;
	font-weight:bold;
}

#check_button,
#ok_button {
    margin-top:0.5em;
    width: 200px;
    height: 50px;
	background-color:#2e3192;
	color:#ffffff;
	font-weight:bold;
}

#cancel_button:hover,
#check_button:hover,
#modoru_button:hover,
#ok_button:hover {
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

@media (max-width: 414px){
	textarea.contact_article {
		width:300px;
	}
}

table.wordBreak td,th{
	padding:5px;	
}

table.kakunin td{
	padding:5px;	
}

.button_image{
    display:block;
    width:14.3em;
    height:3.4em;
    text-align:center;
    padding-top:0.8em;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.button_color01{
    border:solid 2px #d2691e;
	background-color:#ff8c00;
	color:#FFF;
}
.button_color01:hover{
	background-color:#ffff00;
	color:#d2691e;	
}

.button_color02{
    border:solid 2px #191970;
	background-color:#0000cd;
	color:#FFF;
}
.button_color02:hover{
	background-color:#87ceeb;
	color:#191970;
}

@media (max-width: 414px){
    .button_image{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
}

.button_position{
	margin-left:35%;
}

.button_position li{
	margin:0.5em 0 0 0.5em; 
    list-style:none;
    display:inline-block;   
}
@media (max-width: 767px){
	.button_position{
		margin-left:0;
	}
}

.button_position2{
	margin-left:20%;
}

.button_position2 li{
	margin:0.5em 0 0 0.5em; 
    list-style:none;
    display:inline-block;   
}

@media (max-width: 767px){
	.button_position2{
		margin-left:0;
	}
}

.privacy_space{
	margin-top:10px;
}