@charset "utf-8";
/* Html =========================== */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
	font-family: 'Roboto Condensed',"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka",sans-serif;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
    vertical-align: middle;
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-rounded {
    border-radius: 6px;
}
.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.img-circle {
    border-radius: 50%;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
ol,
ul{
	padding:0;
	margin:0;
}

li{
	padding:0;
	margin:0;
	list-style: none;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="confirm"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
/* Body =========================== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
	color:#333333;
	font-size:14px;
	letter-spacing: 0.05em;
	line-height:1.8;
    font-family: 'Roboto Condensed',"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka",sans-serif;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color:#6fbe04;
  text-decoration: underline;
}
a:hover,
a:focus {
  color: #187131;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top:20px;
  margin-bottom: 20px;
  border:none;
  border-top:dashed 1px #CCC;
  height:1px;
  clear:both;
}
h1 {font-size:160%;font-weight: bold;}
h2 {font-size:130%;}
h3 {font-size:120%;font-weight:normal;}
h4 {font-size:110%;font-weight:normal;}
h5 {font-size:100%;font-weight:normal;}
h6 {font-size:100%;font-weight:normal;}
@media screen and (max-width:767px) {

}
/* Text =========================== */
xxsmall,
.xxsmall {
    font-size: 60%;
}
xsmall,
.xsmall {
    font-size: 80%;
}
small,
.small {
    font-size: 90%;
}
big,
.big {
    font-size: 110%;
	font-weight:bold;
}
bigest,
.bigest {
    font-size: 160%;
}
mark,
.mark {
    background-color: #ff7518;
    padding: 0.2em;
}
.cp_l {
    text-align: left;
}
.cp_r {
    text-align: right;
}
.cp_c {
    text-align: center;
}
.tx01 {
    padding:0 0 0 0;
}
.tx02 {
    padding:0 0 0 20px;
}
.img01{
	width:100%;
	height:auto;
}
.img02{
	margin:auto;
	text-align:center;
}
.img02 img{
	margin-bottom:20px;
}
.gl {
	color: #CCCCCC;
}
.red {
	color: #FF0000;
}
.org {
	color: #f2a501;
}
.green {
	color: #8cbd00;
}
.blue {
	color: #148df0;
}
.gray {
	color: #757575;
}
.d_b {
	display:block;
}
.bt_info{
	text-align:center;
	margin:0 auto 30px;
	clear:both;
}
.bt_info .button{
	text-decoration: none;
	line-height: 1;
	padding: 10px 10px 10px 10px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	color: #fff;
	border: 2px solid #03a93f;
	background: #03a93f;
}
.bt_info .button:hover {
	text-decoration: none;
	color: #03a93f;
	border: 2px solid #03a93f;
	background-color: #fff;
}
.search-form {
    text-align: center;
	margin:auto;
}
#breadcrumb{
	float:left;
    font-size: 90%;
	width:100%;
	margin:2% 0 2% 0;
}
@media screen and (max-width:767px) {
big,
.big {
    font-size: 180%;
}
.cp_c {
    text-align: left;
}
}
/* Page-Top =========================== */
#page-top {
	position: fixed;
	bottom: 60px;
	right: 5px;
	font-size: 77%;
}
#page-top a {
	background: #369660;
	text-decoration: none;
	color: #fff;
	width: 40px;
	padding: 5px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #56b780;
}
/* ナビゲーション */
.wp-pagenavi {
	margin:auto;
	padding: 10px 0 20px 0;
	text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
	font-size:110%;
	margin:0 2px 0 2px;
	padding: 15px 15px;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	background-color:#f8f8f8;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #BFBFBF;
	background-color:#e5e5e5;
}
@media screen and (max-width:767px) {
.wp-pagenavi {
	float:left;
	width:90%;
}
}
/* Next =========================== */
.nav-below {
	width:100%;
	font-size:90%;
	display:inline-table;
	margin:0px 0px 20px 0px;
}
.nav-previous {
	display:inline-table;
	width:49%;
	padding: 1% 0 1% 1%;
}
.nav-next {
	display:inline-table;
	text-align:right;
	width:49%;
	padding: 1% 1% 1% 0;
}
/* Container Media queries =========================== */
#container {
	width:100%;
	margin:auto;
}
/* 検索ボックスのスタイル */
.search_inner {
	float: left;
	width:240px;
}
.search_box {
	float: left;
    width: 180px;
	font-size:140%;
    height: 35px;
    border: 1px solid #dfdfdf;
    border-top-left-radius:4px; 
    border-bottom-left-radius:4px; 
    -webkit-border-top-left-radius:4px;  
    -webkit-border-bottom-left-radius:4px;  
    -moz-border-radius-topleft:4px;  
    -moz-border-radius-bottomleft:4px;
}
.search_bt {
	float: left;
    height: 35px;
}
@media screen and (max-width:767px) {
.search_inner {
	margin:0 0 5% 0;
}
.search_inner_s {
    width: 240px;
	text-align:center;
	margin:auto;
}
.search_box {
	float: left;
    width: 180px;
    border: 1px solid #c7c7c7;
    border-top-left-radius:6px; 
    border-bottom-left-radius:6px; 
    -webkit-border-top-left-radius:6px;  
    -webkit-border-bottom-left-radius:6px;  
    -moz-border-radius-topleft:6px;  
    -moz-border-radius-bottomleft:6px; 
}
.search_bt {
	float: left;
    width: 55px;
	margin:0 0 0 0;
}
}
/* TOP----------------------------------- */
.box {
    float: left;
	position: relative;
}
.box img{
	width:100%;
	height:auto;
}
.col1 { 
	width:610px;
	height:610px; 
}
.col1 figure {
  position: relative;
  float: left;
  overflow: hidden;
  min-width: 610px;
  max-width: 610px;
  max-height: 610px;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 16px;
}
.col1 figure * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.col1 figure img {
  max-width: 100%;
  position: relative;
  opacity: 0.9;
}
.col1 figure figcaption {
  position: absolute;
  top: 45%;
  left: 7%;
  right: 7%;
  bottom: 45%;
  border: 1px solid white;
  border-width: 1px 1px 0;
}
.col1 figure .heading {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  bottom: 0;
  width: 100%;
}
.col1 figure h2 {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-weight: 400;
}
.col1 figure h2 span {
  font-weight: 800;
}
.col1 figure h2:before,
.col1 figure h2:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  content: '';
  background: white;
  top: 50%;
}
.col1 figure h2:before {
  left: -100%;
}
.col1 figure h2:after {
  right: -100%;
}
.col1 figure p {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  opacity: 0;
  line-height: 1.6em;
  font-size: 90%;
}
.col1 figure a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
.col1 figure:hover img,
.col1 figure.hover img {
  opacity: 0.25;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.col1 figure:hover figcaption,
.col1 figure.hover figcaption {
  top: 7%;
  bottom: 7%;
}
.col1 figure:hover p,
.col1 figure.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.col2 {
	width: 610px; 
	height:305px; 
}
.col2 figure {
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  min-width: 610px;
  max-width: 610px;
  max-height: 305px;
  width: 100%;
  color: #000000;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #000000 70%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #000000 70%);
}
.col2 figure * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.col2 figure img {
  max-width: 100%;
}
.col2 figure figcaption {
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  z-index: 1;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.col2 figure h2,
.col2 figure p {
  margin: 0;
  width: 100%;
  padding: 10px 20px;
}

.col2 figure h2 {
  color: #ffffff;
  position: absolute;
  bottom: 100%;
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
}

.col2 figure p {
  background: rgba(255, 255, 255, 0.9);
  bottom: 0;
  font-size: 90%;
  font-weight: 500;
}

.col2 figure a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

.col2 figure:hover img,
.col2 figure.hover img {
  opacity: 0.4;
}

.col2 figure:hover figcaption,
.col2 figure.hover figcaption {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.col3 { 
	width:305px; 
	height:305px;
}
.col3 figure {
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  color: #000000;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #000000 70%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #000000 70%);
}
.col3 figure * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.col3 figure img {
  max-width: 100%;
}
.col3 figure figcaption {
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  z-index: 1;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.col3 figure h2,
.col3 figure p {
  margin: 0;
  width: 100%;
  padding: 10px 20px;
}
.col3 figure h2 {
  color: #ffffff;
  position: absolute;
  bottom: 100%;
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
}
.col3 figure p {
  background: rgba(255, 255, 255, 0.9);
  bottom: 0;
  font-size: 90%;
  font-weight: 500;
}
.col3 figure a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
.col3 figure:hover img,
.col3 figure.hover img {
  opacity: 0.4;
}

.col3 figure:hover figcaption,
.col3 figure.hover figcaption {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.col4 { 
	width:305px; 
	height:305px;
	background-color:#369660;
	border-left:1px dotted #6cb08a;
}
.col5 { 
	width:305px; 
	height:305px;
	background-color:#56b780;
	border-left:1px dotted #369660;
}
.inner{
	padding:10%;
	position: absolute;
	color: #fff;
}
.inner a{
	color: #fff;

}
.inner h2{
	font-weight:normal;
}
.inner p{
	margin:0;
	padding:0;
}
.inner p.date{
	font-size:90%;
	margin:0 0 10px 0;
}
.inner p.cate a{
	color:#fff;
	text-decoration:none;
	margin:0 5px 0 0;
	padding:1px 10px 1px 10px;
	background-color:#1a5500;
}
.inner p.info{
	margin:10px 0 0 0;
}
@media screen and (max-width:767px) {
.box {
    float: left;
	position: inherit;
	margin:1% 0 0 0;
}
.box img{
	width:100%;
	height:auto;
}
.col1{
    float: left;
	width:100%;
	height: auto;
}
.col1 img{
	width:100%;
	height: auto;
}
.col1 figure {
	min-width:100%;
	max-width:100%;
	max-height:auto;
}
.col2{
    float: left;
	width:100%;
	height: auto;
}
.col2 img{
	width:100%;
	height: auto;
}
.col2 figure {
	min-width:100%;
	max-width:100%;
	max-height:auto;
}
.col3{
	width:100%;
	height: auto;
}
.col3 figure img {
	width:100%;
	height: auto;
}
.col3 figure {
	min-width:100%;
	max-width:100%;
	max-height:auto;
}

.col4 { 
    float: left;
	width:100%;
	height: auto;
}
.col4 img{
	width:100%;
	height: auto;
}
.col5 { 
    float: left;
	width:100%;
	height: auto;
}
.col5 img{
	width:100%;
	height: auto;
}
.inner{
	left: 15%;
	bottom:30%;
	position: inherit;
	color: #fff;
}
}

/* header----------------------------------- */
header {
    width: 100%;
}
.header_inner {
	width:1020px;
	margin:auto;
}
.logo {
	float: left;
	width: 465px;
}
.sub_navi {
	float: left;
	width: 345px;
	/*width: 430px;*/
	margin:22px 0 0 0;
}
.sub_navi ul li{
	float: left;
	padding:0 5px 0 0;
}
.sub_navi ul li .button{
	line-height: 1;
	float:left;
	padding: 8px 15px 8px 15px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	color: #fff;
	text-decoration: none;
	border: 2px solid #8cbd00;
	background: #8cbd00;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}
.sub_navi ul li .button:hover {
	text-decoration: none;
	color: #8cbd00;
	border: 2px solid #8cbd00;
	background-color: #fff;
}
.sub_tel {
	float: left;
	width: 190px;
	line-height:1.4;
	margin:30px 0 0 0;
	padding:0 0 0 10px;
	border-left:1px solid #dfdfdf;
}
@media screen and (max-width:767px) {
.header_inner {
	width:100%;
	margin:auto;
}
.logo {
	float: none;
	width:100%;
	text-align:center;
	margin:auto;
}
.logo img{
	width:80%;
	height:auto;
	margin:10px auto;
}
.sub_navi {
	width:100%;
	margin:10px 0 0 0;
}
.sub_navi ul li{
	float: left;
	width:50%;
	text-align:center;
	margin:auto;
	padding:0 2% 2% 2%;
}
.sub_tel {
	float: none;
	text-align:center;
	line-height:1.4;
	margin: auto;
	padding:0 0 10px 0;
	border-left:none;
}
.sub_navi ul li .button{
	width:100%;
}
}
#nav_inner{
	float: left;
	width:100%;
	margin:10px 0 0 0;
	background-color:#5cb181;
}
#nav{
	width:1020px;
	margin:auto;
}
#nav > a{
	display: none;
}
#nav li{
	position: relative;
	z-index:3;
}
#nav li a{
	color:#fff;
	display: block;
	text-decoration:none;
}
#nav li a:active{
	background-color: #e6e6e6 !important;
}
#nav span:after{
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #d1d1d1;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
/* first level */
#nav > ul{
	height: 3;
	background-color: #5cb181;
}
#nav > ul > li{
	width: 16.66%;
	height: 100%;
	float: left;
}
#nav > ul > li > a{
	height: 100%;
	font-size:110%;
	color:#FFFFFF;
	line-height:3.5;
	text-align: center;
	margin:4px 0 0 0;
	border-bottom:4px solid #5cb181;
}
#nav > ul > li > a.active{
	border-bottom:4px solid #063;
}
#nav ul li:first-child{
	border-left: 1px dotted #9accb0;}
#nav > ul > li > a{
	border-right: 1px dotted #9accb0;}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a{
	color:#fff;
	background-color: #5cb181;
}
/* second level */
#nav li ul{
	background-color: #5cb181;
	display: none;
	position: absolute;
	top: 100%;
}
#nav li:hover ul{
	display: block;
	left: 0;
	right: 0;
}
#nav li:not( :first-child ):hover ul{
	left: -1px;
}
#nav li ul a{
	font-size:100%;
	color:#fff;
	border-top: 1px solid #7ac39a;
	padding: 0.75em; /* 15 (20) */
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a{
	background-color: #4ba271;
}
@media only screen and ( max-width: 62.5em ) /* 1000 */{
#nav
{
	width: 100%;
	position: static;
	margin: 0;
}
}
@media only screen and ( max-width: 40em ) /* 640 */{
html{
	font-size: 75%; /* 12 */
}
#nav{
	position: relative;
	top: auto;
	left: auto;
}
#nav > a{
	width: 3.125em; /* 50 */
	height: 3.125em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #369660;
	position: relative;
}
#nav > a:before,
#nav > a:after{
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
}
#nav > a:after{
	top: 60%;
}

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type{
	display: block;
}

/* first level */
#nav > ul{
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
}
#nav:target > ul{
	display: block;
}
#nav > ul > li{
	width: 100%;
	float: none;
}
#nav > ul > li > a{
	height: auto;
	color:#fff;
	text-align: left;
	padding: 0 0.833em; /* 20 (24) */
}
#nav > ul > li:not( :last-child ) > a{
	border-right: none;
	border-bottom: 1px solid #d3d3d3;
}

/* second level */
#nav li ul{
	position: static;
	padding: 1.25em; /* 20 */
	padding-top: 0;
}
}
/* Content =========================== */
article {}
section {}
main {}
.top_content {
	width:1220px;
	margin:auto;
	padding:30px 0 30px 0;
}
.content {
	width:1020px;
	margin:auto;
}
.main_content {
	float:left;
	width:750px;
}
.side_content {
	float:left;
	width:240px;
	margin:0 0 0 30px;
}
@media screen and (max-width:767px) {
.top_content {
	width:98%;
	margin:0 1% 0 1%;
	padding:0;
}
.content {
	width:96%;
	margin:0 2% 0 2%;
}
.main_content {
	float:left;
	width:100%;
}
.side_content {
	float:left;
	width:100%;
	margin:0 0 0 0;
}
}
/* software =========================== */
.software_inner{
	float:left;
	width:100%;
/*background: #dbefff;
background: -moz-linear-gradient(top,  #dbefff 0%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #dbefff 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #dbefff 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbefff', endColorstr='#ffffff',GradientType=0 ); */
	background:url(/img/bk.png) no-repeat;
	background-repeat:repeat-x;
	background-position:top center;
	margin: 0 auto 30px;

}
.software_box{
	width:1020px;
	margin:auto;
}
.software_inner img{
	width:100%;
	margin:auto;
	padding:10px 0 10px 0;
}
@media screen and (max-width:767px) {
.software_inner{
	display:none;
}
}
/* main =========================== */
.top_title {
	text-align:center;
	margin:30px 0 10px 0;
	clear:both;
}
.top_title span{
	color:#000;
	padding:0 0 10px 0;
	border-bottom:3px solid #03a93f;
}
.top_title p{
	margin:20px 0 0 0;
}
.main_title {
	float: left;
	width: 100%;
	font-size:160%;
	color:#000;
	margin-bottom:15px;
	padding: 15px;
	border-left:3px solid #187131;
}
.main_subtitle {
    float:left;
	width:100%;
    font-weight: lighter;
	margin-bottom:15px;
	padding: 15px;
	background-color:#eeeeee;
	border-bottom:3px solid #dadada;
}
.main_subtitle a{
	text-decoration:none;
}
.sub_title {
    float:left;
	width:100%;
	font-size:110%;
    font-weight: lighter;
	margin:10px 0 10px 0;
	padding:5px 15px 5px 15px;
	border-left:4px solid #d7d7d7;
}
.side_title {
	color:#FFF;
	padding:9px 10px 9px 10px;
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	background-color:#1a9550;
}
@media screen and (max-width:767px) {

}
/* side_menu =========================== */
.page_list{
	margin:0 10px 20px 10px;
}
.page_list ul li{
	display:inline-block;
	margin:0 5px 0 5px;
}
/* side_menu =========================== */
.side_inner{
	margin:0 0 20px 0;
	padding:15px;
	border:1px solid #e5e5e5;
}
.side_menu{
	margin:0 0 0 0;
}
.side_menu ul li{

}
.side_menu ul li p{
	word-wrap: break-word;
	margin:5px 0 10px 0;
	padding:10px;
	background-color:#f1f1f1;
}
.side_menu_inner{
	margin:0 0 20px 0;
	border:1px solid #e5e5e5;
}
.side_port{}
.first_title{
	padding:10px;
	background-color:#e9e9e9;
}
.second_title{
	padding:10px;
	background-color:#f9f9f9;
}
.list_photo{
	text-align:center;
	margin:auto;
	padding:5px 0 5px 0;
}
.list_photo ul li{
	text-align:center;
	margin:auto;
}
.list_photo ul li img{
	max-width:100%;
	height:auto;
	text-align:center;
	margin:auto;
	padding:5px 0 5px 0;
}
.side_blog{
	padding:10px;
}
.side_blog ul li{
	padding:2px 0 2px 0;
}
.side_blog ul li ul.children li{
	padding:0 0 0 15px;
}
/* product =========================== */
.product_inner {
	width:100%;
	margin:auto;
}
.product_left{
	float:left;
	width:250px;
	margin:10px 0 50px 0;
}
.product_left img{
	width:100%;
	height:auto;
}
.product_right{
	float:left;
	width:470px;
	margin:0 0 50px 30px;
}
.product_right .button{
	text-decoration: none;
	line-height: 1;
	margin:10px 0 0 0;
	padding: 10px 15px 10px 15px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	color: #fff;
	border: 2px solid #03a93f;
	background: #03a93f;
}
.product_right .button:hover {
	text-decoration: none;
	color: #03a93f;
	border: 2px solid #03a93f;
	background-color: #fff;
}
.product_flow {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0 0 0;
}
.product_flow_left {
	float:left;
	width:180px;
	font-size:120%;
	color:#FF6600;
	margin:0 0 10px 0;
}
.product_flow_right {
	float:left;
	width:550px;
	margin:0 0 10px 20px;
}
.sankaku{
	width: 0;
	height: 0;
	margin:auto;
	text-align:center;
	border-top: 30px solid #d4d4d4;
	border-right: 80px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 80px solid transparent;
}
.product_box {
	width:100%;
	height:auto;
	margin:10px 0 50px 0;
}
.product_box table {
	border-spacing: 0;
	border-top:1px solid #f1f1f1;
}
.product_box table tr th {
	width:30%;
	font-weight:normal;
	text-align:left;
	padding:2%;
	background-color:#f6f6f6;
	border-left:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
}
.product_box table th:first-child {}
.product_box table th:last-child {}
.product_box table tr td {
	width:70%;
	padding:2%;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
}
@media screen and (max-width:767px) {
.product_left{
	width:100%;
	margin:0;
}
.product_right{
	width:100%;
	margin:0 0 20px 0;
}
.product_right .button{
	text-align:center;
	margin:auto;
}
.product_flow_left {
	width:100%;
}
.product_flow_right {
	width:100%;
	margin:0 0 10px 0;
}
.product_box {
	margin:10px 0 20px 0;
}
.product_box table {
	width:100%;
}

.product_box table tr th {
	float:left;
	width:100%;
	font-weight:normal;
	text-align:left;
	padding:2%;
	background-color:#f6f6f6;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
}
.product_box table th:first-child {}
.product_box table th:last-child {}
.product_box table tr td {
	float:left;
	width:100%;
	padding:2%;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
}
}
/* performance =========================== */
.performance_inner {
	width:100%;
	margin:auto;
}

/* introduction =========================== */
.introduction_inner{
	width:100%;
	margin:auto;
}
@media screen and (max-width:767px) {

}
/* news =========================== */
.news_inner {
	width:100%;
	margin:auto;
}
.news_list{
	float:left;
	width:100%;
	margin:0 0 50px 0;
}
.news_list dl{
	padding:2% 0 2% 0;
	border-bottom:1px dotted #e4e4e4;
}
.news_list dl dt{
    width: 17%;
	display:inline-table;
}
.news_list dl dd{
    width: 64%;
	display:inline-table;
}
.news_list .cate a{
	color:#fff;
	text-decoration:none;
	margin:0 5px 0 0;
	padding:2px 10px 2px 10px;
	background-color:#56b780;
}

.notice a{
	font-size:85%;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 5px 3px 5px;
	background-color:#56b780;
}
.recruitment a{
	font-size:92%;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 5px 3px 5px;
	background-color:#487b00;
}
.news_box{
	float:left;
	width:100%;
}
.news_left{
	float:left;
	width:30%;
	margin:2% 0 2% 2%;
}
.news_left img{
	width:100%;
	height:auto;
}
.news_right{
	float:left;
	width:63%;
	margin:2% 0 2% 5%;
}
.news_body{
	float:left;
    width:100%;
	margin:2% 0 2% 0;
	padding:2% 2% 2% 2%;
	border-top:1px dotted #dadada;
	border-bottom:1px dotted #dadada;
}
@media screen and (max-width:767px) {
.news_inner {
	width:96%;
	padding:2% 2% 5% 2%;
}
.news_list dl dt{
    width: 100%;
}
.news_list dl dd{
    width: 100%;
}
.news_body{
	float:left;
    width:100%;
	margin:2% 0 2% 0;
	padding:2% 2% 2% 2%;
}
.news_body img{
	max-width:100%;
	height:auto;
}
}
/* blog =========================== */
.blog_inner {
	width:100%;
	margin:auto;
}
.blog_list{
	float:left;
	width:100%;
	margin:0 0 50px 0;
}
.blog_list h3 a{
	float:left;
	width:100%;
	font-size:130%;
	margin:10px 0 0 0;
}
.blog_list dl{
	float:left;
	width:100%;
	padding:20px 0 0 0;
	border-bottom:1px dotted #e4e4e4;
}
.blog_list dl dt{
	float:left;
    width:200px;
}
.blog_list dl dt img{
	max-width:100%;
	height:auto;
}
.blog_list dl dd{
	float:left;
    width:520px;
	margin:0 0 0 30px;
}
.blog-tech a{
	font-size:85%;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 5px 3px 5px;
	background-color:#ff8400;
}
.blog-staff a{
	font-size:85%;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 5px 3px 5px;
	background-color:#5dadff;
}
.blog-study a{
	font-size:85%;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 5px 3px 5px;
	background-color:#5dadff;
}
.blog-recruit a{
	font-size:85%;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 5px 3px 5px;
	background-color:#5dadff;
}
.blog-inside a{
	font-size:85%;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 5px 3px 5px;
	background-color:#5dadff;
}

@media screen and (max-width:767px) {
.blog_list dl dt{
    width:100%;
}
.blog_list dl dt img{
	width:100%;
	height:auto;
}
.blog_list dl dd{
    width:100%;
	margin:0 0 0 0;
	padding:20px 0 0 0;
}
}
/* job =========================== */
.job_inner {
	width:100%;
	margin:auto;
}
.job_top_left {
	float:left;
	width:360px;
	margin: 0 0 10px 0;
	position:relative;
}
.job_top_right {
	float:left;
	width:360px;
	margin: 0 0 10px 30px;
	position:relative;
}
.job_top_left img,
.job_top_right img{
	width:100%;
	height:auto;
}
.job_top_left p,
.job_top_right p{
	top:80%;
	right:10%;
	font-size:140%;
	color:#FFFFFF;
	position: absolute;
	margin: 0;
}
.job_box_left {
	float:left;
	width:30%;
	margin: 0 0 4% 0;
}
.job_box_left img{
	width:100%;
	height:auto;
	margin:auto;
}
.job_box_right {
	float:left;
	width:67%;
	margin: 0 0 4% 3%;
}
.job_cate a{
	float:left;
	font-size:90%;
	color:#FFFFFF;
	text-decoration:none;
	margin:0 5px 10px 0;
	padding:1px 10px 1px 10px;
	background-color:#1e9fca;
}
.job_box {float:left;margin:0 0 20px 0;}
.job_box dl {
	float:left;
    width: 100%;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #d6d6d6;
}
.job_box dl dt{
	float:left;
    width: 25%;
	font-weight:normal;
    vertical-align:top;
	padding:10px;
}
.job_box dl dd{
	float:left;
    width: 75%;
    vertical-align:top;
	padding:10px;
	border-left:1px dotted #d6d6d6;
}
@media screen and (max-width:767px) {
.job_top_left {
	width:100%;
}
.job_top_right {
	width:100%;
	margin: 0 0 0 0;
}
.job_top_left p,
.job_top_right p{
	top:80%;
	right:10%;
	font-size:140%;
	color:#FFFFFF;
	position: absolute;
	margin: 0;
}
.job_box_left {
	width:100%;
	margin: 0 0 0 0;
}
.job_box_right {
	width:100%;
	margin: 0 0 4% 0;
}
.job_box dl dt{
    width:100%;
    vertical-align: auto;
	padding:10px;
	background-color:#f1f1f1;
}
.job_box dl dd{
    width:100%;
    vertical-align: auto;
	padding:10px;
	border-left:none;
}

}
/* 会社案内 =========================== */
.company_inner {
	width:100%;
	margin:auto;
}
.company_list{font-size:110%;display:inline-block;margin:0 0 40px 0;}
.company_list dl{float: left;width:100%;font-size:90%;border-bottom:1px solid #d6d6d6; background-color:#f0f0f0;}
.company_list dl dt{
	float: left;
	width:25%;
	padding:15px;
}
.company_list dl dd{
	float: left;
	width:75%;
	background-color:#fff;
	padding:15px;
}
.qa_list{display:inline-block;margin:0 0 40px 0;}
.qa_list dl{float: left;width:100%;font-size:90%;}
.qa_list dl dt{
	float: left;
	width:100%;
	padding:15px;
	border-left:3px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
}
.qa_list dl dd{
	float: left;
	width:100%;
	padding:15px 15px 25px 15px;
}
.move_list{width:90%; margin:auto;}
.history_list{font-size:110%;display:inline-block;margin:0 0 40px 0;}
.history_list dl{float: left;width:100%;font-size:90%;border-bottom:1px solid #d6d6d6;}
.history_list dl dt{
	float: left;
	width:20%;
	padding:15px;
}
.history_list dl dd{
	float: left;
	width:80%;
	padding:15px;
}
@media screen and (max-width:767px) {
.company_inner {
    width: 100%;
	padding:0 0 0 0;
}
.company_inner img{
	max-width: 100%;
	height:auto;
	padding:0 0 0 0;
}
.company_inner iframe {
    width: 100%;
	height:300px;
}
.company_list dl dt{
	float: left;
	width:100%;
	padding:15px;
}
.company_list dl dd{
	float: left;
	width:100%;
	background-color:#fff;
	padding:15px;
}
.qa_list{margin:0 0 20px 0;}
.history_list{font-size:110%;display:inline-block;margin:0 0 40px 0;}
.history_list dl{float: left;width:100%;font-size:90%;border-bottom:1px solid #d6d6d6;}
.history_list dl dt{
	float: left;
	width:100%;
	padding:15px 15px 0 15px;
}
.history_list dl dd{
	float: left;
	width:100%;
	padding:0 15px 15px 15px;
}
}
/* プライバシーポリシー(階層) =========================== */
.policy_inner {
	width:100%;
	margin-bottom:50px;
}
.policy_list{}
.policy_list dl{
	float:left;
	width:100%;
}
.policy_list dl dt{
	float: left;
	width:10%;
}
.policy_list dl dd{
	float: left;
	width:90%;
}
@media screen and (max-width:767px) {
.policy_inner {
    width: 100%;
}
.policy_list dl dt{
	float: left;
	width:25%;
}
.policy_list dl dd{
	float: left;
	width:75%;
}
}
/* お問い合わせ =========================== */
.contact_inner {
	width:100%;
	margin:auto;
}
.contact_list {
	width:750px;
	margin:auto;
}
.contact_list ul{
	width:100%;
}
.contact_list ul li{
	width:23%;
	display: inline-block;
	vertical-align: top;
	margin:0 2% 0 0;
}
.contact_list ul li:last-child{
	width:23%;
	display: inline-block;
	vertical-align: top;
	margin:0 0 0 0;
}
.contact_list ul li img{
	width:100%;
	height:auto;
	margin:0 0 5px 0;
}
.contact_box {
	width:750px;
	height:auto;
}
.contact_box table {
	border-spacing: 0;
}
.contact_box table tr th {
	width:200px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:2%;
	background-color:#f6f6f6;
	border-bottom:1px solid #f1f1f1;
}
.contact_box table th:first-child {}
.contact_box table th:last-child {}
.contact_box table tr td {
	width:450px;
	padding:2%;
	vertical-align:top;
	border-bottom:1px solid #f1f1f1;
}
.contact_box table tr td:first-child {
}
.f_l {width:70px;}
.wpcf7-list-item{
	display:block;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea{
	background-color:#eef5fc;
	border:1px solid #dbdbdb;
	padding:5px;
}
.wpcf7-not-valid-tip{
	margin:0;
	padding:0;
}
.co_button{
	font-size:120%;
	display:inline-block;
	text-align:center;
	font-weight:normal;
	color:#FFF;
	margin:10px auto;
	padding:8px 10px 8px 10px;
	background-color:#00ab79;
	border:0;
}
.co_button a{
	display:inline-block;
	background-color:#fff;
	border:0;
}
.wpcf7-textarea {
	width:90%;
}
.contact_inner .wpcf7c-conf {
	border: none;
	background-color:#fff;
}
/* 完了後非表示 */
.sent .kan {
        display:none;
}

@media screen and (max-width:767px) {
.contact_inner {
	width:96%;
	margin:0 2% 0 2%;
}
.contact_list {
	width:100%;
	margin:auto;
}
.contact_list ul li{
	width:45%;
	margin:0 2% 0 2%;
}
.contact_list ul li:last-child{
	width:45%;
	margin:0 2% 0 2%;
}
.contact_box {float: left;width:100%;padding:2% 0 0 0;}
.contact_box table {
	width:100%;
}
.contact_box table tr {
	float: left;
	width:100%;
}
.contact_box table tr th {
	float: left;
	width:100%;
	padding:2%;
}
.contact_box table tr td {
	float: left;
	width:100%;
	padding:2%;
}
.f_s_b {
	width:80%;
}
.co_button{
	font-size:90%;
	padding:2%;
}
.wpcf7-text,.wpcf7-textarea {

}
}
/* サイトマップ =========================== */
.sitemap_inner {
	width:100%;
}
.sitemap_inner ul{
	width:100%;
	padding:0;
}
.sitemap_inner ul li{

}
.sitemap_inner ul li.sitemap_one{
	display:block;
	margin: 0px 0px 10px 0px;
	padding:10px;
	background-color:#f2f2f2;
	clear:both;
}
.sitemap_inner ul li.sitemap_two{
	padding:0px 0px 10px 40px;
}
.sitemap_inner ul li.sitemap_three{
	padding:0px 0px 10px 80px;
}
@media screen and (max-width:767px) {
.sitemap_inner {
	width:96%;
	margin:0 2% 0 2%;
}
}
/* Footer =========================== */
footer {
	float:left;
	width:100%;
	font-size:90%;
	margin:2% 0 0 0;
	padding: 2% 0 0 0;
	border-top:1px solid #CCC;
	background-color:#FFF;
}
.footer_inner{
	width:1020px;
	margin:auto;
}
.footer_l{
	float:left;
	width:25%;
	margin:0 0 1% 0;
}
.footer_c{
	float:left;
	width:55%;
	margin:0 0 1% 0;
}
.footer_c ul{
	float:left;
	width:32%;
	margin:0 0 0 1%;
}
.footer_c ul li{
	color:#a0a0a0;
}
.footer_r{
	float:left;
	width:14%;
	margin:0 0 1% 6%;
	text-align:center;
}
.footer_r img{
	width:100%;
	height:auto;
	margin:0 0 5% 0;
}
.footer_ssl {
	width:100%;
    height: auto;
    overflow: hidden;
    margin: auto;
    padding: 10px 0 10px 0;
    border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.footer_ssl_left {
    float: left;
	width:15%;
	vertical-align:middle;
}
.footer_ssl_right {
    float: right;
	width:80%;
    margin: 0 0 0 5%;
	vertical-align:middle;
}
address{font-size:90%;text-align:center; padding:10px 0 0 0; clear:both;}
.copy{
	float:left;
	width:100%;
	font-size:90%;
	line-height:4;
	margin:20px 0 0 0;
	text-align:center;
	background-color:#ececec;
	clear:both;
}
@media screen and (max-width:767px) {
footer {
	margin:0 0 0 0;
	padding: 0 0 0 0;
}
.footer_inner{
	width:100%;
	margin:auto;
}
.f_banner {
	width:100%;
	margin:2% 2% 0 2%;
}
.footer_l{
	width:100%;
	text-align:center;
	margin:0 0 1% 0;
}
.footer_c{
	width:100%;
	margin:0 0 1% 0;
}
.footer_r{
	width:100%;
	margin:0 0 1% 0;
}
.footer_r img{
	float:left;
	width:46%;
	height:auto;
	margin:2%;
}
.footer_ssl {
	width:96%;
	margin:0 2% 0 2%;
}
.footer_ssl_left {
    float: left;
	width:30%;
	vertical-align:middle;
}
.footer_ssl_right {
    float: right;
	width:65%;
    margin: 0 0 0 5%;
	vertical-align:middle;
}
}