@charset "UTF-8";

/* CSSグリッド対応ブラウザ用設定 */
/* @supports (display: grid) { */
html, body {
	height:100%;
}
body {
    transition: all 8s;
    font:13px/20px  Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}



/**********************************************************/
/* ここは位置を変更するとよい */
/**********************************************************/

.bodyfadeout {
    opacity: 0;
}

.blog{
    /* width:50%; */
    /* margin: 200px auto; */
}

.st0{fill:none;stroke:#0066b3;stroke-miterlimit:10;}

.st0 {
  fill: #0066b3;
  fill-opacity: 0;
}
.contents00{
	padding:0 30px;
	/* height:100%; */
}

.contents01{
  display: block;
}

.contents01 img{
  width: 100%;
  position: absolute;
}



/**********************************************************/
/* navigation ナビゲーション定義エリア*/
/**********************************************************/
/* #menu-menu01{
  width: 100%;
}

.menu-item{
margin-right: 3%;
display: block; */
/* width: 120px; *******もともとコメント化****/
/* color:black;
}
.menu-item a{
color:black;
font-weight: 900;
}

.top-menu {
  float:right;
  padding:84px 19px 0 0;
}
.top-menu li {
  float:left;
  font-size:12px;
  line-height:18px;
  margin-left:12px;
}
.top-menu li a{
  display:inline-block;
  color:#515151;
}

.dropdown:hover > .dropdown-menu{
  display: block;
	width: max-content;
	padding: 0 .5rem;
	margin: 0 0;
	width: 220px;
}
.dropdown-menu{
	margin-bottom: 0.5rem;

} */


/**********************************************************/
/* header フォント定義エリア*/
/**********************************************************/
h2.bar,h2.marker{
  font-size: 14px;
	font-weight: bolder;
}

@media (max-width: 599px){
	h2.bar{
	  font-size: 20px;
	}
}
@media (min-width: 600px) and (max-width: 1279px){
	h2.bar{
	  font-size: 16px;
	}
}
@media (min-width: 1280px){
	h2.bar{
		font-size: 22px;
	}
}


@media (max-width: 599px){
	h2.marker{
	  font-size: 20px;
	}
}
@media (min-width: 600px) and (max-width: 1279px){
	h2.marker{
	  font-size: 16px;
	}
}
@media (min-width: 1280px){
	h2.marker{
		font-size: 16px;
	}
}

h5{
	text-align: center;
	font-weight: 400;
	font-family: "Noto Sans JP";
}

/**********************************************************/
/* img 画像定義エリア*/
/**********************************************************/
figure.wp-block-image{
	margin-top: 1rem;
}


/**********************************************************/
/* Content コンテンツ定義エリア*/
/**********************************************************/
.content{
	margin-top: 3%;  /*マージントップ */
}

.contents-font{
	font-size: 1.4vw; /*コンテンツリアのフォントサイズ */
	line-height: 2; /*行間スペース*/
}




/********************** Header ************************/

/********************** Content ************************/
#content{
  z-index: 5;
  font-size: 1.3vw;
  font-weight: bold;
  margin-top: 3%;
  position: absolute;

  height:59px;
  margin-left: 4%;
  max-width: 80%;
}
#top-notes{
  width: 47%;
  position: absolute;
  margin-top: 11%;
  margin-left: 3%;
}

.top-contents{
  /* color: darkgreen; */
  /* color: #9bcc63; */
  color: #333333;
  font-size: 4vw;
  font-weight: 	bolder;
}
.rinen{
  z-index: 5;
  /* padding-right:  5%; */
}
.rinen_h{
  font-size: 2.5vw;
  /* padding-left: 5%; */
  text-align: center;
}
.rinen_contents{
  font-size: 2vw;
  line-height: 2;
  padding-left: 25%;
}
.houshin{
  z-index: 5;
  padding-right: 5%;
}
.houshin_h{
  font-size: 2.5vw;
  text-align: center;
}
.houshin_contents{
  font-size: 2vw;
  line-height: 2;
  padding-left: 25%;
}


.content5{
  z-index: 1;
  object-fit: cover;
  width:100%;
}


/********************** img ************************/
/*写真の間延びの不備有 2021.05.29 m.suzuki*/
.wp-block-image img {
    max-width: 100%;
    height: initial;
}















































.contents01-1{
    position: relative;
    z-index: 1;
}



.contents03-1{
    position: relative; 
    z-index: 3;
  }

.contents02{
	/* padding:0 30px;
	/* margin-top: 47%; */
  /* margin-top: 15%; */
  /* max-width: 66%;
  margin: 0 auto; */
  margin-top: 15%;
}
.contents03{
	padding:0 30px;
	height:100%;
}
.contents04{
	padding:0 30px;
	height:100%;
}

.main {
	padding:0;
	margin:0 auto;
	position:relative;
	background: none;
	/*padding:17px 0 30px 0;*/
}

/*a {color:#3d3949; outline:none; cursor:pointer; text-decoration:underline;}
a:hover {text-decoration:none;}*/
a {color:#1f1fec; outline:none; cursor:pointer; text-decoration:none;}
a:hover {
	/* color:#00006b; text-decoration:underline; */
}
.buttons a:hover {cursor:pointer;}

.clear {clear:both; width:100%; line-height:0; font-size:0; height:0; overflow:hidden;}

.wrapper{width:100%; overflow:hidden; position:relative;}
.wrapper-1{width:100%; overflow:hidden;}
.extra-wrap{overflow:hidden; display:block;}

.news{
	margin:0px 0px 30px 0px;
}

img.news2 {

	margin:0px 20px 30px 8px;
}


/**********bg***********/
.bg{width:100%; min-height:100%; background:url(../images/bg.png) center 0 no-repeat;}
.bg-404{width:100%;  background:url(../images/bg-404.jpg) center 0 no-repeat #ceccd5;}
.bg-bottom{width:100%; min-height:432px; background:url(../images/bg-404-bottom.png) center bottom no-repeat;}


p {
	margin-bottom:18px;
}

.p0 {margin-bottom:0px;}
.p00 {margin-bottom:2px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:122px;}

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot0 {margin-bottom:11px;}
.prev-indent-bot1 {margin-bottom:12px;}
.title {margin-bottom:19px;}
.title0 {margin-bottom:18px;}
.indent-bot {margin-bottom:20px;}
.indent-bot1 {margin-bottom:23px;}
.spacing-bot {margin-bottom:24px;}
.spacing-bot1 {margin-bottom:25px;}
.margin-bot {margin-bottom:37px;}

.margin-top {margin-top:3px;}

.spacing {margin-right:30px;}
.spacing-1 {margin-right:10px;}
.spacing-2 {margin-right:45px;}
.spacing-3 {margin-right:35px;}



.img-indent{float:left; margin: 5px 15px 0 0px;}
.img-indent1{float:left; margin: 0px 11px 0 0px;}
.img-indent2{float:left; margin: 0px 7px 0 0px;}
.img-indent3{float:left; margin: 3px 13px 0 0px;}


.img-indent-r{float:right; margin: 2px 1px 0 29px;}


.letter {letter-spacing:-1px;}

/*******paddings******/
/*.padding{padding:21px 0px 19px 0px;}*/
.padding{padding: 0px 0px 19px 0px;}
.padding-1{padding:48px 0px 19px 0px;}
.padding-2{padding:21px 5px 19px 5px;}

.padding-left {padding:0 0 0 48px;}
.padding-top{padding:252px 0px 0px 0px;}
.padding-top1{padding:142px 0px 0px 0px;}


.reg{font-size:35px; color:#3d3c40; letter-spacing:-1px;}
.reg span {color:#949298;}
.fleft{float:left;}
.fright{float:right;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.alignmiddle *{vertical-align:middle;}

.color-1{color:#fff;}
.color-2{color:#000;}
.color-3{color:#777676;}
.color-4{color:#3d3949;}

.sf-menu li a,
.top-menu li a,
.footer-menu li a,
.link,
.link-1,
.link-2,
.link-3,
.list-1 li a,
.list-2 li a,
.button,
.text-bot a,
h6 a,
h1 a {text-decoration:none;}

/* NEWS エリアの画像表示*/
.newsimg{
	float: right;
	width:48%;
	max-width:240px;
	min-width: 120px;
}
.newsfont{
	font-weight: 700;
}

/* ########### 359px以下 ########### */
@media (max-width: 359px) {

	/* サイト名 */
	.site img	{width: 225px;
		height: auto}


	}








	/*---------------------- Content2 ----------------------*/
	#content2{
        margin-bottom: 1%;
	}

	/*ニュースブロック*/
	.news-block {
		padding: 32px 24px 24px;
		border-style:solid;
		border-color: #666666;
		border-width: 0.7px;
		border-radius: 8px;
		background-color: #fff;
	}

	.news{
		padding-top: 2%;
	}

	.categories {

	}
	.post-categories{
		list-style: none;
		z-index: 1;
		float: left;
    /* background-color: #17a2b8!important; */
    /* background-color: #9bcc63;
		padding: 3px 7px;
		color: #fff; */
		/* margin-right: 10px; */
		border-radius: 5px;

	}
	.categories ul li {
		/* float: left; */
		background-color: #9bcc63;
		padding: 5px 15px;
		color: #fff;
		border-radius: 5px;
	}

	.infotitle{
		margin-left: 8%;
		margin-right: 3%;
		margin-top: 1.3%;
		font-size:1.2vw;
		font-weight: 900;
		z-index: 2;
	}

	.infotime{
		margin-top: 3.4%;
		z-index: 3;
	}

	.eyechatch{
	}

	.excerpt{
		margin-top: 6%;
	}

	/*-----------------------------------------------------*/


	/*---------------------- Content3 ----------------------*/
	#content3{
	}
	/*-----------------------------------------------------*/


	.text {
		font-size:140%;
		color:#272727;
	}

	.inline-height16{
		line-height:160%;

	}


	.allblock{
		z-index: 3;
	}


	/* topslider */
	#topslider{
		z-index: 3;
    position: absolute;
margin-top: 30%;
margin-left: 48%;
width: 43%;
}
	}



	/*新着情報エリア*/

	.entryInfo{
		/* display: inline-block; */
		/* float: left; */
	}

	.categories {
		/* float: left; */
		/* margin-left: 3%; */
	}











	.text-shadow{
		/* color: #000; */
		text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
		-1px 2px 0 #FFF, 2px -2px 0 #FFF,
		0px 2px 0 #FFF,  0px -2px 0 #FFF,
		-2px 0 0 #FFF, 2px 0 0 #FFF;
	}



.pageContents{
	padding:0 30px;

}










	.







	/*------------------------------------------------------*/

	/*ニュースブロック*/
	.sidebar-block {
		width: calc(81% - 17px);
		padding: 15px 24px;
		border-style:solid;
		border-color: #666666;
		border-width: 0.7px;
		border-radius: 8px;
		background-color: #ffefef;

	}
	.sidebar-block > h1{
		font-weight: bold;
		text-align: center;
	}

	.sidebar-block > p{
		font-size:1vw;
	}


	.sidebar-grid {
		padding:0 30px;


		width: calc(81% - 17px);
		padding: 15px 24px;
		border-style:solid;
		border-color: #e4831e;
		border-width: 0.7px;
		border-radius: 8px;
		/* background-color: #ffefef; */
		background-color: #dddddd;
	}

	.sidebar-block > p{
		font-size:1vw;
		z-index: 3;
	}

.recruit-photo{
	z-index: 1;
	/* width:100%; */

}


/* FIFTH BUTTON */

#fifth{
	overflow:hidden;
}

#fifth:before{
	content:" ";
	display:block;
	width:200px;
	height:80px;
	background:rgba(255, 255, 255, .1);
	position:absolute;
	top:-10px;
	left:-200px;
	transform:rotate(-45deg);
	transition:all .15s ease-in-out;
}

#fifth:hover:before{
	margin-left:300%;
}















article.entry .entryInfo {
	*zoom: 1;
	margin: 10px 0;
}
article.entry .entryInfo:before, article.entry .entryInfo:after {
	display: table;
	content: "";
	line-height: 0;
}
article.entry .entryInfo:after {
	clear: both;
}
article.entry .entryInfo .categories {
	float: left;
}
article.entry .entryInfo .categories ul {
	/* *zoom: 1; */
}
article.entry .entryInfo .categories ul:before, article.entry .entryInfo .categories ul:after {
	display: table;
	content: "";
	line-height: 0;
}
article.entry .entryInfo .categories ul:after {
	clear: both;
}
article.entry .entryInfo .categories ul li {
	float: left;
	background-color: #53c2c5;
	padding: 5px 15px;
	color: #fff;
	margin-right: 10px;
}
article.entry .entryInfo .categories ul li a {
	color: #fff;
	text-decoration: none;
}
article.entry .entryInfo .categories ul li a:hover {
	/* text-decoration: underline; */
}
article.entry .entryInfo time {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 5px 10px;
}
article.entry .entryInfo .weather {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 5px 10px;
	margin-right: 10px;
	font-weight: bold;
	color: #328bda;
	border: 2px dotted #c6daf7;
}

.newsBlock .news .text .entryInfo {
	*zoom: 1;
	margin: 10px 0 0;
}
.newsBlock .news .text .entryInfo:before, .newsBlock .news .text .entryInfo:after {
	display: table;
	content: "";
	line-height: 0;
}
.newsBlock .news .text .entryInfo:after {
	clear: both;
}
.newsBlock .news .text .entryInfo .categories {
	float: left;
}
.newsBlock .news .text .entryInfo .categories ul {
	/* *zoom: 1; */
}
.newsBlock .news .text .entryInfo .categories ul:before, .newsBlock .news .text .entryInfo .categories ul:after {
	display: table;
	content: "";
	line-height: 0;
}
.newsBlock .news .text .entryInfo .categories ul:after {
	clear: both;
}
.newsBlock .news .text .entryInfo .categories ul li {
	float: left;
	background-color: #53c2c5;
	padding: 5px 15px;
	color: #fff;
	margin-right: 10px;
}
.newsBlock .news .text .entryInfo .categories ul li a {
	color: #fff;
	text-decoration: none;
}
.newsBlock .news .text .entryInfo .categories ul li a:hover {
	/* text-decoration: underline; */
}
.newsBlock .news .text .entryInfo time {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 5px 10px;
	margin-right: 10px;
}
.newsBlock .news .text .entryInfo figure.author {
	*zoom: 1;
	float: none;
	width: auto;
}
.newsBlock .news .text .entryInfo figure.author:before, .newsBlock .news .text .entryInfo figure.author:after {
	display: table;
	content: "";
	line-height: 0;
}
.newsBlock .news .text .entryInfo figure.author:after {
	clear: both;
}
.newsBlock .news .text .entryInfo figure.author img {
	margin-right: 5px;
	vertical-align: middle;
	display: inline;
}
.newsBlock .news .text .entryInfo figure.author figcaption {
	display: inline;
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
}




.


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*フェードインの定義*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* 左へスーと現れる */
.SlideinLeft{
	  opacity: 0;
}

.fuwatAnime_L {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-name: fuwatAnime_L;
	-ms-animation-name: fuwatAnime_L;
	animation-name: fuwatAnime_L;
	visibility: visible !important;
}
@-webkit-keyframes fuwatAnime_L {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime_L {
	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); }
}

/* 右へスーと現れる */
.SlideinRight{
	  opacity: 0;
}

.fuwatAnime_R {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-name: fuwatAnime_R;
	-ms-animation-name: fuwatAnime_R;
	animation-name: fuwatAnime_R;
	visibility: visible !important;
}
@-webkit-keyframes fuwatAnime_R {
	0% { opacity: 0; -webkit-transform: translateX(-10px); }
	100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fuwatAnime_R {
	0% { opacity: 0; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
}

/* 上へスーと現れる */
.SlideinUp{
	  opacity: 0;
}

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

/*########################################################################################################################################################################################################################*/





th{
	vertical-align: top;
}
















































/* .googlemap{
	width: 100%;
	height:100%;
} */

.text-indent {
	font-size:30px;
	line-height:1.2em;
	color:#ebebec;
	font-weight:bold;
	width:80px;
	float:left;
	letter-spacing:-1px;
}
.capt {
	font-size:14px;
	line-height:16px;
	color:#fff;
	text-transform:uppercase;
}
.capt span {display:block;}

.col-1 {float:left; width:197px;}
.col-2 {float:left; width:181px;}
.col-3 {float:left; width:230px;}
.col-4 {float:left; width:200px;}
.col-5 {float:left; width:275px;}

/* borders */

.border-bot{
	border-bottom:1px dotted #a6a6a6;
	padding-bottom:11px;
}


/* links */
.link {font-weight:bold; color:#3d3949;}


.link-2{
	display:inline-block;
	background:url(../images/marker.png) center 1px no-repeat;
	font-size:12px;
	line-height:18px;
	color:#515151;
	padding:15px 0px 0px 0;
}
.link-3{
	display:inline;
	font-size:12px;
	line-height:18px;
	color:#3d3949;
}

/* buttons */
.button {
	display:inline-block;
	line-height:21px;
	font-size:12px;
	color:#000;
	position:relative;
	overflow:hidden;
	background:url(../images/bg-button.gif) 0 0 repeat-x #fbfbfb;
	border:1px solid #ebeaee;
}
.button:hover {border-color:#fff;}
.button .txt {
	font-weight:normal;
	display:block;
	padding:5px 9px 5px 11px;
	position:relative;
	z-index:2;
}
.button span {
	display:block;
	height:0;
	width:0;
	background:url(../images/bg-button-span.gif) 0 0 repeat-x #202020;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.button .button-marker {
	display:inline-block;
	width:3px;
	height:5px;
	background:url(../images/button-marker.gif) left bottom no-repeat;
	margin: 9px 0 0 7px;
}
.button:hover .button-marker {
	background-position:left top;
}





.rel{position:relative; z-index:1;}
.rel img {position:relative; z-index:2;}
figcaption{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


/* lists */
/* .list-1 li{
background:url(../images/list-marker.png) 0 10px no-repeat;
padding-left:18px;
margin-bottom:1px;
}
.list-1 li a{
color:#9d9ba3;
display:inline-block;
font-size:12px;
line-height:25px;
background:url(../images/line-1.png) -193px bottom no-repeat;
}


.list-2 li{
display:block;
line-height:19px;
font-size:12px;
color:#9d9ba3;
position:relative;
overflow:hidden;
background:url(../images/bg-list.gif) 0 0 repeat-x #fbfbfb;
}
.list-2 li em{
position:relative;
display:block;
font-style:normal;
color:#9d9ba3;
padding:6px 9px 6px 36px;
background:url(../images/list-marker1.gif) 9px 10px no-repeat;
}
.list-2 li a{
color:#9d9ba3;
display:block;
position:relative;
overflow:hidden;
border-bottom:1px solid #f1f1f1;
border-right:1px solid #f8f8f8;
border-top:1px solid #fff;


}
.list-2 li span {
display:block;
height:0;
width:0;
font-size:0;
line-height:0;
background:url(../images/bg-list-span.gif) 0 0 repeat-x #202020;
position:absolute;
left:50%;
top:0%;
}


ol li {
list-style-position:inside;
list-style-type:decimal;
font-size:12px;
line-height:18px;
margin-bottom:9px;
color:#3d3949;
font-weight:bold;
}
ol li a {
color:#767676;
text-decoration:none;
font-weight:normal; 
}/*
/* ol li a:hover {text-decoration:underline;} */

.map iframe {
	width:411px;
	height:286px;
}




/* typography

/* top navugation */
.top1{
	background:url(../images/top.png) 100% 50% no-repeat;
	padding:0 10px 0px 0px;
	text-decoration:none;
	color:#000;
	display:inline-block;
	font-size:12px;
}
.top1:hover{color:#c0c0c2;}

.box-top {
	background:url(../images/bg-top.gif) 0 0 #fbfbfb;
	border-left:1px solid #ebeaee;
	border-bottom:1px solid #ebeaee;
	padding:6px 0px 7px 0px;
	width:53px;
	text-align:center;
}

/* Table styling */
table.table{
	font-size:12px;
	display: block;
}
table.tr{
	display:block;
}

table.table thead th{
	padding:9px 0px;
	color:#fff;
	text-shadow:1px 0 0 #fff;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	border-right:3px solid #fff;
	background:url(../images/bg-th.gif) 0 0 repeat-x #202020;
}
table.table tbody td{
	border-right:3px solid #fff;
	width:118px;
	padding:10px 0;
	text-align:center;
	background:#fff;
	color:#9d9ba3;
}


table.table tbody tr:hover td{background:#e8e8e8; color:#000;}


td,th{
	/* width:100%;
	display:block; */
}

td.product_title,th.product_title{
	/* width:50%;
	display:inline-block; */
}

td.product_title1,th.product_title1{
	/* width:100%;
	display:inline-block; */
}

/*20180809 suzuki add*/
hr{
	color:#bbbbbb;
	border-style:dashed;
}

/*  Other Elements */
ins{
	background:#000;
	padding:0 5px;
	text-decoration:none;
	color:#fff;
}
/* b, strong, em, i, big {color:#3d3949;} */
del{
	text-decoration:line-through;
	color:#9d9ba3;
}
abbr,dfn{
	cursor:help; 
	color:#9d9ba3;
}
dfn{
	letter-spacing:2px; 
	font-size:14px; 
	color:#9d9ba3; 
	font-style:italic; 
	font-family:"Courier New", Courier, monospace;
}
sup,sub{
	font-size:0.8em;
}
sub{
	vertical-align:bottom
}
.elements-list small{
	font-size:10px;
}
.elements-list big{
	font-size:14px;
}
.elements-list q{
	font-family:"Courier New",Courier,monospace;
	color:#9d9ba3;
	font-size:12px;
}
kdd, samp {
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
}
abbr,acronym{
	text-transform:uppercase;
	font-size:12px;
}
pre,
code,
tt{
	font:1em 'andale mono','lucida console',monospace;
	line-height:1.5;
	display:block;
}

code{
	background-color:#f6f6f6;
	display:block;
	color:#333;
	padding:3px 2px 3px 5px;
	line-height:1.67em;
	border:1px dotted #333;
}

pre{
	white-space:pre
}

	/* Definition list style */
	/* dl {color:#9d9ba3;}
	dl dt{
		color:#9d9ba3;
		font-size:12px;
		line-height:18px;
	}
	dl dt {margin:0 0 18px 0;}
	dl dt strong {color:#3d3949; font-weight:bold;}
	dl dd span{display:inline-block; width:67px;} */


	/*  Dropcaps style */
	.dropcap{
		font-size:18px;
		line-height:1.2em;
		color:#fff;
		float:left;
		text-align:center;
		width:34px;
		padding:5px 0 6px 1px;
		margin:6px 15px 0 0;
		background:url(../images/bg-dropcap.gif) 0 0 repeat-x #202020;
	}

	/*  Quotation */
	blockquote{
		display:block;
		margin:0 0px 18px 0px;
		quotes:none;
		font-size:12px;
		line-height:18px;
		color:#9d9ba3;
		font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	}

	.quotes{
		background:url(../images/quotes.png) 0 6px no-repeat;
		padding:0px 0px 0px 48px;}

		/* Information box */
		.info-box,
		.download-box,
		.notification-box,
		.error-box{
			padding:20px 30px 20px 110px;
			margin-bottom:15px;
			position:relative;
			height:1%;
			font-size:13px;
		}
		.info-box{
			color:#64757f;
			background:#e1f2fc;
			border:1px solid #68a2cf;
		}
		.download-box{
			color:#697a58;
			background:#eeffdd;
			border:1px solid #a3c159;
		}
		.notification-box{
			color:#79725b;
			background:#fef7e0;
			border:1px solid #e6c555;
		}
		.error-box{
			color:#7e6c6c;
			background:#feebeb;
			border:1px solid #ff9999;
		}
		.info-box p.icon,
		.download-box p.icon,
		.notification-box p.icon,
		.error-box p.icon{
			position:absolute;
			left:34px;
			top:16px;
			margin:0;
		}


		/* Layouts */
		.layouts-nav{
			width:100%;
			overflow:hidden;
			padding-bottom:30px !important;
		}
		.layouts-nav li{
			float:left;
			margin-right:20px;
			background:none !important;
			padding:0 !important;
		}
		.layouts-nav li a{
			float:left;
			background:#e8e8e8;
			padding:2px 7px;
			color:#737373;
			font-weight:bold;
			text-decoration:none;
			position:relative;
			margin-right:10px;
			cursor:pointer;
		}
		.layouts-nav li a:hover{
			color:#fff;
		}

		/* Pages

		/* Under Construction page */
		#constuction-box{
			width:800px;
			height:500px;
			position:absolute;
			left:50%;
			top:50%;
			margin-left:-400px;
			margin-top:-250px;
			background:#fff;
			border-radius:5px;
			box-shadow:0 0 10px #d0d4db;
			border-color:#ccc;
			text-align:center;
		}
		#constuction-box .inside{padding:40px 40px 40px 40px;}
		#constuction-box .button{position:relative;}
		#constuction-box h1{
			text-align:center;
			font-size:4em;
			margin-bottom:.2em;
			line-height:1.2em;
			letter-spacing:2px;
			border-bottom:4px solid #e8e8e8;
			padding-bottom:10px;
		}
		/* Countdown */
		#countdown_dashboard{
			height:110px;
			padding:30px 0 40px 0;
			width:650px;
			margin:0 auto;
			position:relative;
		}
		.dash{
			width:110px;
			height:114px;
			background:transparent url('../images/dash.png') 0 0 no-repeat;
			float:left;
			margin-left:20px;
			position:relative;
		}
		.dash .digit{
			font-size:75px;
			line-height:85px;
			font-weight:bold;
			float:left;
			width:55px;
			text-align:center;
			font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
			color:#555;
			position:relative;
		}
		.dash .digit .bottom{
			font-size:75px;
			line-height:85px;
		}
		.dash_title{
			position:absolute;
			display:block;
			bottom:0px;
			left:0;
			font-size:12px;
			color:#555;
			text-transform:uppercase;
			letter-spacing:2px;
			width:110px;
		}
		.dev_comment{
			font-size:14pt;
			color:#777;
			text-align:center;
			font-style:italic;
			margin:40px 10px;
		}


		/* Intro page */
		#intro-box{
			width:600px;
			height:400px;
			position:relative;
			left:50%;
			top:50%;
			margin-left:-300px;
			margin-top:-200px;
			background:#fff;
			border-radius:5px;
			box-shadow:0 0 10px #d0d4db;
			border-color:#ccc;
			text-align:center;
			float:left;
		}
		#intro-box .inside{padding:40px 40px 40px 40px;}
		#intro-box h1{
			text-align:center;
			font-size:4em;
			color:#3d3949;
			margin-bottom:.2em;
			line-height:1.2em;
			position:absolute;
			left:0;
			top:-90px;
			width:600px;
			overflow:hidden;
			height:100px;
			border:none;
		}
		#intro-box .button{
			position:absolute;
			right:40px;
			bottom:10px;
			float:right;
			white-space:nowrap;
		}
		.intro-buttons{
			width:500px;
			padding:0 50px;
			position:absolute;
			left:0;
			bottom:50px;
		}
		#flash-intro{
			margin-bottom:20px;
			position:absolute;
			left:23px;
			top:20px;
		}

		/* stroke */

		.stroke {
			border:2px solid #fff;
			background:url(../images/bg-img.png) 0 0 repeat;
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
			z-index:3;
			cursor:pointer;
		}

		/* Misc

		/* SlideDown element */
		.slideDown{padding:0 1px 0 0}
		.slideDown dt{
			background-color:#e8e8e8;
			background-image:url(../images/arrow1.gif);
			background-repeat:no-repeat;
			background-position:100% 16px;
			box-shadow:1px 1px 1px #d1d1d1;
			color:#2c2c2d;
			font-size:14px;
			line-height:22px;
			text-transform:uppercase;
			font-weight:bold;
			padding:9px 0 9px 21px;
			margin-bottom:4px;
			text-decoration:none;
			display:block;
			cursor:pointer;
			margin-bottom:10px;
		}
		.slideDown dt:hover,
		.slideDown dt.active{
			background-color:#434950;
			color:#fff;
		}
		.slideDown dt.active{background-image:url(../images/arrow2.gif)}
		.slideDown dd{
			display:none;
			width:550px;
			padding:10px 20px 20px 20px;
		}
		#block dd{display:block;}
		.slideDown.absolute dd{
			position:absolute;
			z-index:999;
			background:#fff;
		}

		/* Accordion */
		dl#accordion{
			list-style-type:none;
			margin:0;
			padding:0 2px 0 0;
			height:auto !important;
		}
		dl#accordion .indent{
			padding-top:7px !important;
			padding-bottom:5px !important;
		}
		dl#accordion a{
			display:inline-block;
			text-decoration:none;
		}
		dl#accordion dt{margin:0px}
		dl#accordion dt a{
			background-color:#e8e8e8;
			background-image:url(../images/arrow1.gif);
			background-repeat:no-repeat;
			background-position:100% 16px;
			box-shadow:1px 1px 1px #d1d1d1;
			color:#2c2c2d;
			font-size:14px;
			line-height:22px;
			text-transform:uppercase;
			font-weight:bold;
			padding:9px 0 9px 21px;
			margin-bottom:4px;
			text-decoration:none;
			display:block;
		}
		dl#accordion dt a:hover{
			background-color:#434950;
			color:#fff;}
			dl#accordion dt.active a{
				background-color:#434950;
				background-image:url(../images/arrow2.gif);
				color:#fff;
			}
			dl#accordion dd{
				display:none;
				margin-bottom:0;
				padding-left:0;
			}
			dl#accordion dd .indent{padding:10px 30px 14px 20px !important}

			/* Tooltips */
			#aToolTip{
				border:1px solid #fff;
				background:url(../images/bg-2.png) 0 0 no-repeat #222222;;
				color:#fff;
				font-weight:bold;
				margin:0;
				padding:2px 8px;
				font-size:12px;
				position:absolute;
				display:none;
				z-index:50000;
			}
			#aToolTip .aToolTipContent{
				position:relative;
				margin:0;
				padding:0;
			}
			a#aToolTipCloseBtn{
				display:block;
				height:20px;
				width:20px;
				overflow:hidden;
				background:url(../images/close.gif) no-repeat;
				text-indent:-9999px;
				outline:none;
				position:absolute;
				top:-15px;
				right:-20px;
			}



			/* Tabs */
			.tabs{padding:10px 0;}
			.tabs ol{
				list-style-type:decimal;
				list-style-position:inside;
				margin:0 0 0 10px;
			}
			.tabs ol li{
				display:list-item;
				float:none;
				padding-bottom:5px !important;
				font-size:12px;
				color:#737373;
				font-weight:normal;
			}
			.tabs ul{
				list-style:none;
				padding:0 0 0 0 !important;
				overflow:hidden;
			}
			.tabs li{
				display:block;
				float:left;
				margin:0 5px 0px 0;
				background:none;
				padding:0 0 0 0!important;
			}
			.tabs .selected{
				margin-bottom:0px;
				position:relative;
			}
			.tabs .selected a{
				background:#e8e8e8;
				color:#737373;
				padding-bottom:10px;
			}
			.tabs li a:hover{
				background:#e8e8e8;
				color:#737373;
			}
			.tabs li a{
				background:#434950;
				color:#fff;
				font-weight:bold;
				display:block;
				padding:5px 10px;
				text-decoration:none;
			}
			.tabs .tab-content{
				clear:both;
				background:#e8e8e8;
				color:#737373;
				width:auto;
				overflow:auto;
			}
			.tabs .tab-content .inner{
				padding:10px;
			}
			.tabs .tab-content p{
				margin-bottom:5px;}
				.tabs .tab-content strong{color:#434950; font-weight:bold;}
				.tabs pre{margin:4px 0;}
				.tabs code{overflow:auto;}
				*+html .tabs code{overflow:visible;}

				/* Twitter */
				#twitter p{
					margin:0;
				}
				#preloader{
					margin:0;
					padding:1em 1em 1em 3em;
					text-indent:10px;
					background:transparent url(../images/loader.gif) 1em center no-repeat;
				}
				ul#twitter_update_list{
					margin:0;
					padding:0 0 0.5em 0;
					list-style-type:none;
				}
				ul#twitter_update_list li{
					margin:0;
					padding:0.8em 0 1em 1em !important;
					background:#e8e8e8;
					color:#737373;
					margin-bottom:7px;
				}
				ul#twitter_update_list li:hover{
					background:#434950;
					color:#fff;
				}
				ul#twitter_update_list li:hover a{color:#bababa;}
				ul#twitter_update_list li a{color:#bababa;}
				ul#twitter_update_list li span{display:block}
				ul#twitter_update_list li span a{color:#bababa;}

				/* Code grabber */
				.code{padding:30px 0 10px 0}
				.code a.code-icon{margin-bottom:10px}
				.code a.code-icon i{padding-right:6px; font-style:normal; color:#c1bfbf;}
				.code div.grabber{display:none}
				.code code{
					padding:0 10px 0 10px;
					background:#f6f6f6;
					color:#333;
					border:1px solid #dfdfdf;
					white-space:pre;
					overflow:auto;
				}
/* ########### 320px以上 ########### */
@media (min-width: 320px) {

					.kihonimg{
						display:none;
					}
					.kihontxt{
						margin-top: 24px;
						font-size: 16px;
						font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
						/*font-family: 'ヒラギノ明朝 ProN W6', HiraMinProN-W6, HG明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;*/
						color:#000000;
						padding:0px 0px 0px 15px;
					}
					.kihondaitxt{
						margin-left: 30px;
						font-size: 1.2em;
					}
					td.example {
						width:100%;
						display:block;
						margin-bottom: 27px;
					}
					.box-mobile {
						background:url(../images/bg-box.gif) 0 0 repeat-x #1f1f1f;
						position:relative;
						max-width:100%;
						/*width:100%;*/
					}
					.box-tablet {
						display: none;
					}
					.company-img01{
						float: none;
						margin: 7px;
					}
					.company-img02{
						float: none;
						margin: 7px;
					}
					table{
						width: 100%;
					}
					.spc1{
						padding-left: 1.5em;
					}
					.spc2{
						padding-left: 3em;
					}
				}

				/* ########### 440px以上 ########### */
				@media (min-width: 440px) {

					.col33 {
						width:33%;
						display:inline-block;

					}

					.col66 {
						width:66%;
						display:inline-block;
					}
					.kihondaitxt{
						margin-left: 30px;
						font-size: 1.2em;
					}

				}
				/* ########### 600px以上 ########### */
				@media (min-width: 600px) {

					td.example {
						width:50%;
						display:inline-block;

					}

					.examples_name {
						font:11px/18px  Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
						background:#ebeaee;
						padding:0 0 0px 0;
					}

					.kihonimg{
						display:none;
					}
					.kihontxt{
						margin-top: 24px;
						font-size: 16px;
						font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
						/*font-family: 'ヒラギノ明朝 ProN W6', HiraMinProN-W6, HG明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;*/
						color:#000000;
						padding:0px 0px 0px 15px;
					}
					.kihondaitxt{
						margin-left: 65px;
						font-size: 1.4em;
					}

					.company-img01{
						float: right;
						margin: 7px;
					}
					.company-img02{
						float: left;
						margin: 7px;
					}

				}

				/* ########### 768px以上 ########### */
				@media (min-width: 768px) {

					.kihonimg{
						max-width: 100%;
						display: block;
					}
					.kihontxt{
						display:none;
					}

					.padding{
						padding:21px 0px 19px 0px;
					}

					/* BOX1とBOX2を横に並べる設定 */
					.boxA:after	{
						content: "";
						display: block;
						clear: both
					}

					.box1	{
						float: left;
						width: auto;
					}

					.box2	{
						float: right;
						width: auto;
					}

					/* BOX4-1とBOX4-2を横に並べる設定 */
					.box4:after	{
						content: "";
						display: block;
						clear: both;
					}

					.box4-1	{
						float: left;
						width: 70%;
						padding-right: 35px;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						box-sizing: border-box
					}

					.box4-2	{
						float: left;
						width: 30%;
					}


					/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
					.box6:after	{
						content: "";
						display: block;
						clear: both;
					}

					.box6-1	{
						float: left;
						width: 32%;
						margin-right: 2%;
					}

					.box6-2	{
						float: left;
						width: 32%;
						margin-right: 2%;
					}

					.box6-3	{
						float: left;
						width: 32%;
					}

					td,th{
						/* width:100%;
						display:inline-block; */
					}

					td.col11 {
						/* width:33%;
						display:inline-block; */

					}
					td.col33 {
						/* width:33%;
						display:inline-block; */

					}
					td.col66 {
						/* width:66%;
						display:inline-block; */
					}
					.TopNewsImg{
						max-width: 37%;
						float: right;
					}
					.news{
						width: 60%;
						width: 100%;
					}
					.capt{font-size:11px;}
					.col-3 {float:left; width:30%;}
					.spacing-3 {margin-right:20px;}
					.box-mobile {
						display: none;
					}
					.box-tablet {
						background:url(../images/bg-box.gif) 0 0 repeat-x #1f1f1f;
						position:relative;
						max-width:100%;
						display: block;
						/*width:100%;*/
					}
				}
				/* ########### 926px以上 ########### */
				@media (min-width: 926px) {

					.googlemap {
						width:100%;
						height:450px;
					}
					table{
						/* display: table;
						margin: auto; */
					}
					tr{
						/* display:inline-table;
						width: 100% */
					}

					tr.lt{
						/* display:inline-table;
						width: 25% */
					}
					tr.ltd{
						/* display:inline-table;
						width: 25% */
					}

					tr.rt{
						/* display:inline-table;
						width: 73% */
					}

					td,th{
						/* width:100%;
						display:inline-block; */
					}

					th.recruit1{
						/* width:20%;
						display:inline-block; */
					}
					td.recruit2{
						/* width:78%;
						display:inline-block; */
					}
					td.product_title,th.product_title{
						/* width:100%;
						display:inline-block; */
					}

					td.product_title1,th.product_title1{
						/* width:100%;
						display:inline-block; */
					}

					td.example {
						/* width:24%;
						display:inline-block; */

					}

					td.col11 {
						/* width:100%;
						display:inline-block; */

					}
					td.col33 {
						/* width:33%;
						display:inline-block; */

					}

					td.col66 {
						/* width:40%;
						display:inline-block; */
					}
					.examples_name {
						font:11px/18px  Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
						background:#ebeaee;
						padding:0 0 0px 0;
					}
					.capt{font-size:14px;}
					.col-3 {float:left; width:230px;}
					.spacing-3 {margin-right:35px;}

				}
/* } */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#osato{
  max-width:50%;
  margin-top: 200px;
  }	/* 適用したいスタイル */
.osato{
text-align: center;
}
}













/*
@media screen and (min-width: 38.75em) {
#my_widget-1,#my_widget-2,#my_widget-3{width:30%;float:left;}
#my_widget-1,#my_widget-2{margin-right:5%;}
} */



/* ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
} */