@charset "utf-8";
/* CSS Document */

/* SampleSite
-----------------------------------------------------*/

/* ==============================================
    universal reset
============================================== */
* {
	margin: 0;
	padding: 0;
}

/* ==============================================
    html,body and base
============================================== */
body {
	height:100%;
	position: relative;
}

/* general params
------------------*/
table {
	empty-cells: show;
	font-size: 100%;
}

img {
	border: none;
	vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	font-size: 100%;
}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {
	vertical-align: baseline;
}

ul {
	letter-spacing: -.40em;
}
ul li {
	letter-spacing: normal;
}
/* acronyms and abbreviations styles
-------------------------------------*/
acronym,abbr {
	cursor: help;
}

/* ==============================================
    clear
============================================== */
.cbox {
	zoom: 100%;
}
.cbox:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}
.clear hr {
	display: none;
}

hr.clear {
	zoom: 1;
	clear: both;
	height: 0;
	border: none;
	font-size: 0;
}
*:first-child+html hr.clear {/* for IE7 */
	border-top: 1px solid;
}

/* ==============================================
    body
============================================== */
body {
	text-align: center;
	line-height: 1.2;
	font-family: 'Meiryo UI',Meiryo,Arial,Roboto,'Droid Sans',YuGothic,'Lucida Grande','Hiragino Kaku Gothic ProN', sans-serif;
	color: #aaaaaa;

	-webkit-text-size-adjust: 100%;
}

/* ==============================================
    link
============================================== */
a,
a:visited,
a:active {
}
a:hover {
}

a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}
a img.rollover:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/* ==============================================

============================================== */
#footerMenu,
#copyright,
.inner {
	zoom: 1;
	min-width: 1006px;
	width: 1006px;
	margin: 0 auto;
	text-align: left;
}
#container:after,
#footerMenu:after,
#copyright:after,
.inner:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}

.tab,
.sp {
	display: none;
}

/* ==============================================
    header
============================================== */
#header {
	min-width: 1006px;
	background: #00101d;
}
#header #siteid {
	display: block;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#header .inner div,
#headerMenu ul {
	zoom: 1;
}
#header .inner div:after,
#headerMenu ul:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}

#headerMenu {
	width: 773px;
	float: right;
}
#headerMenu ul {
	list-style: none;
}
#headerMenu ul li {
	float: left;
	margin-right: 1px;
}
#headerMenu ul li:nth-child(6){
	margin-right: 0px;
}

#headerMenu ul li a img:nth-child(2){
	display: none;
}
#top #headerMenu ul li.active_top a img:nth-child(1),
#profile #headerMenu ul li.active_profile a img:nth-child(1),
#products #headerMenu ul li.active_products a img:nth-child(1),
#news #headerMenu ul li.active_news a img:nth-child(1),
#contact #headerMenu ul li.active_contact a img:nth-child(1),
#thanks #headerMenu ul li.active_contact a img:nth-child(1),
#recruit #headerMenu ul li.active_recruit a img:nth-child(1){
	display: none;
}
#top #headerMenu ul li.active_top a img:nth-child(2),
#profile #headerMenu ul li.active_profile a img:nth-child(2),
#products #headerMenu ul li.active_products a img:nth-child(2),
#news #headerMenu ul li.active_news a img:nth-child(2),
#contact #headerMenu ul li.active_contact a img:nth-child(2),
#thanks #headerMenu ul li.active_contact a img:nth-child(2),
#recruit #headerMenu ul li.active_recruit a img:nth-child(2){
	display: block;
}


#header #main_iamge #main_iamge_fit{
  height: 176px;
  width: 100%;
  object-fit: cover;
  object-position: center top;
  font-family: 'object-fit: cover; object-position: center top;';
}
#header #main_iamge #main_image_text{
  margin-top: -106px;
  margin-bottom: 73px;
  width: 1006px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* ==============================================
    container
============================================== */
#container {
	margin: 0 auto;
	min-width: 1006px;
}

/* ==============================================
    contents
============================================== */
#contents {
}

.tit {
}
.subTit {
}

#contents p {
	line-height: 1.6;
}
#contents dt,
#contents dd,
#contents th,
#contents td,
#contents li {
	line-height: 1.4;
}

/* ==============================================
    navigation
============================================== */
#navigation {
	width: 200px;
	border: 1px solid #ddd;
}
#navigation ul {
	list-style: none;
}

/* ==============================================
    pagetop
============================================== */
#pagetop {
    position: fixed; /*固定表示*/
    bottom: 10px;
    right: 0;
    display: none; /*通常は非表示に*/
}
#pagetop img {
	cursor: pointer;
}

/* ==============================================
    footerMenu
============================================== */
#footerMenu {
	list-style: none;
	padding-top: 25px;
	padding-bottom: 63px;
}
#footerMenu:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
#footerMenu li {
	float: left;
	padding: 0;
	margin-right: 2px;
}
#footerMenu li:last-of-type{
	margin-right: 0;
}
#footerMenu li a img:nth-child(2){
	display: none;
}

#top #footerMenu li.active_top a img:nth-child(1),
#profile #footerMenu li.active_profile a img:nth-child(1),
#products #footerMenu li.active_products a img:nth-child(1),
#news #footerMenu li.active_news a img:nth-child(1),
#contact #footerMenu li.active_contact a img:nth-child(1),
#thanks #footerMenu li.active_contact a img:nth-child(1),
#policy #footerMenu li.active_policy a img:nth-child(1),
#recruit #footerMenu li.active_recruit a img:nth-child(1){
	display: none;
}
#top #footerMenu li.active_top a img:nth-child(2),
#profile #footerMenu li.active_profile a img:nth-child(2),
#products #footerMenu li.active_products a img:nth-child(2),
#news #footerMenu li.active_news a img:nth-child(2),
#contact #footerMenu li.active_contact a img:nth-child(2),
#thanks #footerMenu li.active_contact a img:nth-child(2),
#policy #footerMenu li.active_policy a img:nth-child(2),
#recruit #footerMenu li.active_recruit a img:nth-child(2){
	display: block;
}


/* ==============================================
    footer
============================================== */
#footer {
	margin: 0px auto;
	padding: 0 0 48px 0;
	background: #00101d;
	min-width: 1006px;
}
#footer address {
	font-style: normal;
}

#footer #address{
	background: url(image/back_address.jpg) no-repeat 0 0;
	background-size: cover;
}
#footer #address #address_frame{
	width: 916px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 55px;
	padding-bottom: 22px;
}
#footer #address #address_frame table{
	border-collapse: collapse;
	width: 100%;
}
#footer #address #address_frame table tr{

}
#footer #address #address_frame table tr.border_gray{
	border-top: 1px solid #4e505c;
}
#footer #address #address_frame table tr th{
	text-align: center;
	vertical-align: top;
	padding: 0px 15px 0 15px;
	width: 210px;
	box-sizing: border-box;
}
#footer #address #address_frame table tr.border_gray th{
	padding: 16px 15px 0 15px;
}
#footer #address #address_frame table tr td{
	color: #9ea1b4;
	text-align: left;
	padding: 0px 18px 36px 18px;
	font-size: 14px;
	line-height: 1.4;
}
#footer #address #address_frame table tr td a{
	color: #007564;
	text-decoration: none;
}
#footer #address #address_frame table tr td a:hover{
	text-decoration: underline;
}
#footer #address #address_frame table tr.border_gray td{
	padding: 16px 18px 36px 18px;
}
#footer #address #address_frame table tr td .image_email{
	padding-top: 4px;
}
#footer #address #address_frame table tr td strong{
	display: block;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 7px;
}

/* ==============================================
    copyright
============================================== */
#copyright {
	font-size: 14px;
	color: #fff;
	text-align: center;
}


/* ==============================================
    404
============================================== */
#primary{
	background: #00101d;
	padding: 50px 0 150px 0;
}
#primary main{
	min-width: 1006px;
	width: 1006px;
	margin-left: auto;
	margin-right: auto;
}
#primary h1{
	font-weight: normal;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 1.5em;
}


.pc {
	display: block;
}
.sp {
	display: none;
}

/****************************************************/


@media screen and (max-width: 767px) {
/****************************************************
    767px未満に適用
****************************************************/
.pc {
	display: none;
}
.sp {
	display: block;
}

#footerMenu,
#copyright,
.inner {
	min-width: 0;
	width: 100%;
}

#header{
	min-width: 0;
}
#header #siteid{
	position: relative;
	z-index: 10;
	padding: 0;
	max-width: 360px;
	width: 50%;
}
#header #siteid img{
	width: 100%;
}

#headerMenu{
	width: 100%;
	float: none;
	position: absolute;
	top: 0;
	right: 0;
}
#headerMenu #toggle{
	max-width: 120px;
	width: 15%;
	margin-left: auto;
	margin-right: 19px;
	margin-top: 17px;
}
#headerMenu #toggle:hover{
	cursor: pointer;
}
#headerMenu #toggle img{
	width: 100%;
}
#headerMenu ul{
	background: rgba(19, 53, 67, 0.7);
	padding-top: 4%;
	padding-bottom: 4%;
	display: none;
	position: relative;
	z-index: 10;
}
#headerMenu ul li{
	float: none;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1px;
	overflow: hidden;
}
#headerMenu ul li:nth-child(6){
	margin-right: auto;
}
#headerMenu ul li:last-of-type{
	margin-bottom: 0;
}
#headerMenu ul li img{
	width: 100%;
	min-width: 500px;
}
#headerMenu ul li a img:nth-child(2){
	display: none !important;
}
#headerMenu ul li a img:hover{
	opacity: 0.7;
}


/* ==============================================
    menuBtn
============================================== */
#menuBtn {
	position: absolute;
	background: url(image/btn_menu.gif) no-repeat left top;
	background-size: cover;
	cursor: pointer;
	text-indent: -10000px;
}
#menuBtn.active {
	background-position: left bottom;
}

/* ==============================================
    container
============================================== */
#container {
	min-width: 100%;
}

/* ==============================================
    contents
============================================== */
#contents {
	width: 100%;
}

/* ==============================================
    navigation
============================================== */
#navigation {
	display: none;
	float: none;
	position: absolute;
}


#footer{
	width: 100%;
	min-width: 0;
}
#footer #address #address_frame{
	width: 100%;
}
#footer #address #address_frame table{
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}
#footer #address #address_frame table tr th{
	display: block;
	width: 100%;
}
#footer #address #address_frame table tr td{
	display: block;
	padding: 16px 18px 36px 18px;
}

#copyright{
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

#pagetop{
	background: #00101d;
	padding-bottom: 70px;

}
#pagetop img{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

/* ==============================================
    404
============================================== */

#primary main{
	min-width: 0px;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}
#primary h1{
}
/***************************************************/
}
}