@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,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  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:#373737;
	font-size:14px;
	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:#222222;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #008ec2;
  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:240%;font-weight:normal;}
h2 {font-size:140%;font-weight: bold;}
h3 {font-size:130%;font-weight:normal;}
h4 {font-size:120%;font-weight:normal;}
h5 {font-size:110%;font-weight:normal;}
h6 {font-size:100%;font-weight:normal;}
@media screen and (max-width:767px) {
h1 {font-size:200%;font-weight:normal;}
h2 {font-size:140%;font-weight:normal;}
h3 {font-size:130%;font-weight:normal;}
h4 {font-size:120%;font-weight:normal;}
h5 {font-size:110%;font-weight:normal;}
h6 {font-size:100%;font-weight:normal;}
}
/* Text =========================== */
xsmall,
.xsmall {
    font-size: 80%;
}
small,
.small {
    font-size: 90%;
}
big,
.big {
    font-size: 240%;
}
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 2% 0;
}
.img01{
	margin-bottom:5%;
}
.img01 img{
	width:100%;
	height:auto;
}
.mg01 {
	margin-bottom:20px;
}
.pg01 {
	margin-bottom:101px;
}
.bt {
    text-align: center;
}
.gl {
	color: #CCCCCC;
}
.red {
	color: #FF0000;
}
.gr {
	color: #009900;
}
.blu {
	color: #6380b1;
}
.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;
}
.mg01 {
	margin-bottom:10%;
}
}
/* Page-Top =========================== */
#page-top {
	position: fixed;
	bottom: 60px;
	right: 5px;
	font-size: 77%;
}
#page-top a {
	background: #06497e;
	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: #ff1b36;
}
/* ナビゲーション */
.wp-pagenavi {
	margin:20px 0 20px 0;
}
.wp-pagenavi a, .wp-pagenavi span {
	margin:0 2px 0 2px;
	padding: 3px 10px;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	border:1px solid #ccc; 
}
.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:980px;
	margin:auto;
}
@media screen and (max-width:767px) {
#container {
	width:100%;
	margin:auto;
}
}
/* header----------------------------------- */
header {
    width: 100%;
}
.header_inner {
	margin:auto;
	overflow:auto;
}
.logo {
	float: left;
	width: 184px;
}
.logo_a {
	float: left;
	width: 109px;
	margin:60px 0 0 40px;
}
.logo_b {
	float: left;
	width: 109px;
	margin:60px 0 0 15px;
}
.sub_navi {
	float: right;
	width: 310px;
	padding:10px 0 0 0;
}
.sub_navi ul li{
	float: right;
	font-size:90%;
	padding:0 5px 5px 0;
}
.tel{
	text-align:right;
}
.lang{
	text-align:right;
	padding:5px 0 5px 0;
}
@media screen and (max-width:767px) {
.logo {
	float:none;
	text-align:center;
	width: 184px;
	margin:auto;
}
/*
.logo_a {
	display:none;
}
.logo_b {
	display:none;
}
*/
.logo_wrap {
	width: 80%;
	max-width: 320px;
	margin: 0 auto;
}
.logo_wrap:after {
	content:" ";
	display:block;
	clear:both;
}
.logo_a, .logo_b {
	width: 50%;
	margin: 0;
}
.logo_a a, .logo_b a {
	width: 100%;
	max-width: 120px;
	margin: 0 auto;
	display: block;
}
.logo_a a img, .logo_b a img {
	width: 100%;
}
.sub_navi {
	float: none;
	text-align:center;
	width: 100%;
	padding:10px 0 10px 0;
}
.sub_navi ul li{
	float: none;
	font-size:90%;
	padding:0 0 5px 0;
}
.tel{
	text-align:center;
}
}
#nav_inner{
	float: left;
	width:100%;
	background-color:#26b7bc;
}
#nav{
	margin:auto;
}
#nav > a{
	display: none;
}
#nav li{
	position: relative;
	z-index:2;
}
#nav li a{
	color: #fff;
	display: block;
}
#nav li a:active{
	background-color: #26b7bc !important;
}
#nav span:after{
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #a4e8ea;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
/* first level */
#nav > ul{
	background-color: #26b7bc;
}
#nav > ul > li{
	width: 20%;
	height: 100%;
	float: left;
}
#nav > ul > li > a{
	height: 100%;
	font-size:110%;
	line-height:1.4;
	vertical-align:middle;
	text-align: center;
	padding:5px 0 5px 0;
}
#nav > ul > li:first-child > a{
	padding:5px 0 5px 0;}
#nav > ul > li:not( :first-child ) > a{
	border-left: 1px solid #7dd4d7;}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a{
	background-color: #7dd4d7;
}
/* second level */
#nav li ul{
	background-color: #7dd4d7;
	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%;
	border-top: 1px solid #a4e8ea;
	padding: 0.75em; /* 15 (20) */
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a{
	background-color: #16a6ab;
}
@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;
	z-index:2;
}
#nav > a{
	width: 3.125em; /* 50 */
	height: 3.125em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #16a1a6;
	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;
	padding: 0 10px 0 10px; /* 20 (24) */
}
#nav:target > ul{
	display: block;
}
#nav > ul > li{
	width: 100%;
	float: none;
}
#nav > ul > li > a{
	height: auto;
	text-align: left;
}
#nav > ul > li:not( :last-child ) > a{
	border-right: none;
	border-bottom: 1px solid #1aa7ac;
}

/* second level */
#nav li ul{
	position: static;
	padding-top: 0;
}
}
/* rit_top =========================== */
.tendai_inner{
	width:100%;
}
.tendai_box{
	width:980px;
	margin:auto;
}
.tendai_inner_s{
	display:none;
}
.tendai_inner img{
	width:100%;
	margin:auto;
	padding:10px 0 10px 0;
	z-index:-1;
}
@media screen and (max-width:767px) {
.tendai_inner{
	float:left;
	width:100%;
}
.tendai_box{
	width:100%;
	margin:auto;
}
}
/* Content =========================== */
article {}
section {}
main {}
.content {
	width:100%;
	margin:auto;
}
.main_content {
	float:left;
	width:710px;
	margin:0 20px 0 0;
}
.side_content {
	float:left;
	width:250px;
}
@media screen and (max-width:767px) {
.main_content {
	width:100%;
	margin:0 0 0 0;
}
.side_content {
	width:100%;
}
}
/* main =========================== */
.main_title {
    color: #26b7bc;
    font-weight: lighter;
	letter-spacing: 0.12em;
	margin:10px 0 20px 0;
}
.main_subtitle {
    float:left;
	width:100%;
    font-weight: lighter;
	margin:0 0 20px 0;
	padding:0 10px 0 10px;
	border-left:3px solid #d6d6d6;
}
.side_title {
	margin:0 0 10px 0;
}
.sub_title {
    float:left;
	width:100%;
	color:#FFFFFF;
	margin:0 0 10px 0;
	padding:5px 10px 5px 10px;
	background-color:#7dd4d7;
}
.post_title {
    float:left;
	margin:0 0 10px 0;
}
@media screen and (max-width:767px) {
.main_title {
    color: #26b7bc;
    font-weight: lighter;
	letter-spacing: 0.12em;
	margin:10px 0 10px 0;
}
.main_title img{
	width:100%;
	height:auto;
}
.main_subtitle img{
	width:100%;
	height:auto;
}
.side_title img{
	width:100%;
	height:auto;
}
.sub_title img{
	width:100%;
	height:auto;
}
.post_title img{
	width:100%;
	height:auto;
}
}
/* side_menu =========================== */
.side_inner{
	padding:0 0 15px 0;
}
@media screen and (max-width:767px) {
.side_inner{
	padding:0 2% 2% 2%;
}
}
/* service =========================== */
.service_inner{
	width:100%;
	margin:auto;
}
.service_list{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}
.service_list ul{
	float:left;
}
.service_list ul li{
	float:left;
	width:23%;
	margin:0 1% 1% 1%;
	position:relative;
}
.service_list ul li img{
	width:100%;
	height:auto;
/*	height: 166px;  170222 change */
	margin:0 0 5px 0;
}
@media screen and (max-width:767px) {
.service_inner{
	width:96%;
	margin:0 2% 10% 2%;
}
.service_box{
	margin:0 0 10% 0;
}
.service_box ul{
	margin:0 0 10% 0;
}
.service_list{
	width:96%;
	margin:0 2% 0 2%;
}
.service_list ul{
	margin:0 0 10% 0;
}
.service_list ul li{
	width:48%;
	margin:0 1% 0 1%;
}
}
/* news =========================== */
.news_inner {
	width:100%;
	margin:auto;
}
.news_list{
	float:left;
    width: 100%;
	margin:0 0 20px 0;
}
.news_list dl{
	margin:2% 1% 2% 1%;
}
.news_list dl dt{
    width: 20%;
	display:inline-table;
}
.news_list dl dd{
    width: 77%;
	display:inline-table;
}
.news_cate a{
	float:left;
	font-size:90%;
	color:#FFFFFF;
	padding:1px 10px 1px 10px;
	background-color:#26b7bc;
}
.news_ditail{
	float:left;
    width: 100%;
	margin:0 1% 5% 1%;
}
.news_ditail dl{
	margin:2% 0 2% 0;
}
.news_ditail dl dt{
    width: 20%;
	display:inline-table;
	vertical-align:top;
}
.news_ditail dl dt img{
    width: 100%;
	height:auto;
}
.news_ditail dl dd{
    width: 77%;
	display:inline-table;
	vertical-align:top;
	margin:0 0 0 2%;
}
.news_body{
	float:left;
    width:98%;
	margin:2% 0 2% 0;
	padding:2% 0 2% 0;
	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;
}
}
/* post =========================== */
.post_inner {
	width:100%;
	margin:auto;
}
.post_list_l,
.post_list_f{
	float:left;
    width: 100%;
	margin:0 0 20px 0;
}
.post_list_l ul,
.post_list_f ul{
    width: 100%;
}
.post_list_l ul li,
.post_list_f ul li{
    float:left;
    width: 316.66px;
	/*min-height:160px; 2018/05/10@Oba 改行数の想定外による崩れ発生による対処 */
	min-height:192px;
	margin:5px 5px 10px 5px;
}
.post_left{
    float:left;
    width: 30%;
	margin:0 0 0 0;
}
.post_left img{
    width: 100%;
	height:auto;
}
.post_right{
    float:left;
    width: 68%;
	margin:0 0 0 2%;
}
.post_list_l h5{
	font-weight:bold;
	border-bottom:2px solid #6a3906;
}
.post_list_l h5 a{
	color:#6a3906;
}
.post_list_f h5{
	font-weight:bold;
	border-bottom:2px solid #00a0e9;
}
.post_list_f h5 a{
	color:#00a0e9;
}
.post_list_l span{
	color:#6a3906;
}
.post_list_f span{
	color:#00a0e9;
}
.post_ditail{
	float:left;
    width: 100%;
	margin:0 0 20px 0;
}
.ditail_l h3{
	color:#6a3906;
	font-weight:bold;
	border-bottom:2px solid #6a3906;
}
.ditail_l span{
	color:#6a3906;
}
.ditail_f h3{
	color:#00a0e9;
	font-weight:bold;
	border-bottom:2px solid #00a0e9;
}
.ditail_f span{
	color:#00a0e9;
}
.ditail_left{
    float:left;
    width: 30%;
	margin:2% 0 2% 0;
}
.ditail_left img{
    width: 100%;
	height:auto;
}
.ditail_right{
    float:left;
    width: 68%;
	margin:2% 0 2% 2%;
}

#viewer01,
#viewer02,
#viewer03,
#viewer04,
#viewer05,
#viewer06,
#viewer07,
#viewer08,
#viewer09,
#viewer10,
#viewer11,
#viewer12,
#viewer13,
#viewer14,
#viewer15,
#viewer16,
#viewer17,
#viewer18,
#viewer19,
#viewer20,
#viewer21,
#viewer22,
#viewer23,
#viewer24,
#viewer25,
#viewer26,
#viewer27,
#viewer28,
#viewer29,
#viewer30,
#viewer31,
#viewer32,
#viewer33,
#viewer34,
#viewer35{
	margin: 0 auto;
	width: 400px;
	text-align: left;
}

#viewer01 div,
#viewer02 div,
#viewer03 div,
#viewer04 div,
#viewer05 div,
#viewer06 div,
#viewer07 div,
#viewer08 div,
#viewer09 div,
#viewer10 div,
#viewer11 div,
#viewer12 div,
#viewer13 div,
#viewer14 div,
#viewer15 div,
#viewer16 div,
#viewer17 div,
#viewer18 div,
#viewer19 div,
#viewer20 div,
#viewer21 div,
#viewer22 div,
#viewer23 div,
#viewer24 div,
#viewer25 div,
#viewer26 div,
#viewer27 div,
#viewer28 div,
#viewer29 div,
#viewer30 div,
#viewer31 div,
#viewer32 div,
#viewer33 div,
#viewer34 div,
#viewer35 div{
	width: 300px;
	height:300px;
	overflow: hidden;
	position: relative;
}

#viewer01 div img,
#viewer02 div img,
#viewer03 div img,
#viewer04 div img,
#viewer05 div img,
#viewer06 div img,
#viewer07 div img,
#viewer08 div img,
#viewer09 div img,
#viewer10 div img,
#viewer11 div img,
#viewer12 div img,
#viewer13 div img,
#viewer14 div img,
#viewer15 div img,
#viewer16 div img,
#viewer17 div img,
#viewer18 div img,
#viewer19 div img,
#viewer20 div img,
#viewer21 div img,
#viewer22 div img,
#viewer23 div img,
#viewer24 div img,
#viewer25 div img,
#viewer26 div img,
#viewer27 div img,
#viewer28 div img,
#viewer29 div img,
#viewer30 div img,
#viewer31 div img,
#viewer32 div img,
#viewer33 div img,
#viewer34 div img,
#viewer35 div img{
	top: 0;
	left: 0;
	width: 100%;
	height:auto;
	position: absolute;
}

#viewer01 ul,
#viewer02 ul,
#viewer03 ul,
#viewer04 ul,
#viewer05 ul,
#viewer06 ul,
#viewer07 ul,
#viewer08 ul,
#viewer09 ul,
#viewer10 ul,
#viewer11 ul,
#viewer12 ul,
#viewer13 ul,
#viewer14 ul,
#viewer15 ul,
#viewer16 ul,
#viewer17 ul,
#viewer18 ul,
#viewer19 ul,
#viewer20 ul,
#viewer21 ul,
#viewer22 ul,
#viewer23 ul,
#viewer24 ul,
#viewer25 ul,
#viewer26 ul,
#viewer27 ul,
#viewer28 ul,
#viewer29 ul,
#viewer30 ul,
#viewer31 ul,
#viewer32 ul,
#viewer33 ul,
#viewer34 ul,
#viewer35 ul{
	width: 800px;
	margin:10px 0 0 0;
}

#viewer01 ul li,
#viewer02 ul li,
#viewer03 ul li,
#viewer04 ul li,
#viewer05 ul li,
#viewer06 ul li,
#viewer07 ul li,
#viewer08 ul li,
#viewer09 ul li,
#viewer10 ul li,
#viewer11 ul li,
#viewer12 ul li,
#viewer13 ul li,
#viewer14 ul li,
#viewer15 ul li,
#viewer16 ul li,
#viewer17 ul li,
#viewer18 ul li,
#viewer19 ul li,
#viewer20 ul li,
#viewer21 ul li,
#viewer22 ul li,
#viewer23 ul li,
#viewer24 ul li,
#viewer25 ul li,
#viewer26 ul li,
#viewer27 ul li,
#viewer28 ul li,
#viewer29 ul li,
#viewer30 ul li,
#viewer31 ul li,
#viewer32 ul li,
#viewer33 ul li,
#viewer34 ul li,
#viewer35 ul li{
	width: 72px;
	float: left;
	display: inline;
}

#viewer01 .active,
#viewer02 .active,
#viewer03 .active,
#viewer04 .active,
#viewer05 .active,
#viewer06 .active,
#viewer07 .active,
#viewer08 .active,
#viewer09 .active,
#viewer10 .active,
#viewer11 .active,
#viewer12 .active,
#viewer13 .active,
#viewer14 .active,
#viewer15 .active,
#viewer16 .active,
#viewer17 .active,
#viewer18 .active,
#viewer19 .active,
#viewer20 .active,
#viewer21 .active,
#viewer22 .active,
#viewer23 .active,
#viewer24 .active,
#viewer25 .active,
#viewer26 .active,
#viewer27 .active,
#viewer28 .active,
#viewer29 .active,
#viewer30 .active,
#viewer31 .active,
#viewer32 .active,
#viewer33 .active,
#viewer34 .active,
#viewer35 .active{
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

#viewer01 ul li img,
#viewer02 ul li img,
#viewer03 ul li img,
#viewer04 ul li img,
#viewer05 ul li img,
#viewer06 ul li img,
#viewer07 ul li img,
#viewer08 ul li img,
#viewer09 ul li img,
#viewer10 ul li img,
#viewer11 ul li img,
#viewer12 ul li img,
#viewer13 ul li img,
#viewer14 ul li img,
#viewer15 ul li img,
#viewer16 ul li img,
#viewer17 ul li img,
#viewer18 ul li img,
#viewer19 ul li img,
#viewer20 ul li img,
#viewer21 ul li img,
#viewer22 ul li img,
#viewer23 ul li img,
#viewer24 ul li img,
#viewer25 ul li img,
#viewer26 ul li img,
#viewer27 ul li img,
#viewer28 ul li img,
#viewer29 ul li img,
#viewer30 ul li img,
#viewer31 ul li img,
#viewer32 ul li img,
#viewer33 ul li img,
#viewer34 ul li img,
#viewer35 ul li img{
	width: 100%;
	height:auto;
}

@media screen and (max-width:767px){
.ditail_left{
    float:left;
    width: 100%;
	margin:2% 0 2% 0;
}
.ditail_left img{
    width: 100%;
	height:auto;
}
.ditail_right{
    float:left;
    width: 100%;
	margin:2% 0 2% 0;
}

#viewer01,
#viewer02,
#viewer03,
#viewer04,
#viewer05,
#viewer06,
#viewer07,
#viewer08,
#viewer09,
#viewer10,
#viewer11,
#viewer12,
#viewer13,
#viewer14,
#viewer15,
#viewer16,
#viewer17,
#viewer18,
#viewer19,
#viewer20,
#viewer21,
#viewer22,
#viewer23,
#viewer24,
#viewer25,
#viewer26,
#viewer27,
#viewer28,
#viewer29,
#viewer30,
#viewer31,
#viewer32,
#viewer33,
#viewer34,
#viewer35{
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

#viewer01 div,
#viewer02 div,
#viewer03 div,
#viewer04 div,
#viewer05 div,
#viewer06 div,
#viewer07 div,
#viewer08 div,
#viewer09 div,
#viewer10 div,
#viewer11 div,
#viewer12 div,
#viewer13 div,
#viewer14 div,
#viewer15 div,
#viewer16 div,
#viewer17 div,
#viewer18 div,
#viewer19 div,
#viewer20 div,
#viewer21 div,
#viewer22 div,
#viewer23 div,
#viewer24 div,
#viewer25 div,
#viewer26 div,
#viewer27 div,
#viewer28 div,
#viewer29 div,
#viewer30 div,
#viewer31 div,
#viewer32 div,
#viewer33 div,
#viewer34 div,
#viewer35 div{
	width: 300px;
	height:300px;
	overflow: auto;
	margin:auto;
	position: relative;
	text-align:center;
	z-index:1;
}

#viewer01 div img,
#viewer02 div img,
#viewer03 div img,
#viewer04 div img,
#viewer05 div img,
#viewer06 div img,
#viewer07 div img,
#viewer08 div img,
#viewer09 div img,
#viewer10 div img,
#viewer11 div img,
#viewer12 div img,
#viewer13 div img,
#viewer14 div img,
#viewer15 div img,
#viewer16 div img,
#viewer17 div img,
#viewer18 div img,
#viewer19 div img,
#viewer20 div img,
#viewer21 div img,
#viewer22 div img,
#viewer23 div img,
#viewer24 div img,
#viewer25 div img,
#viewer26 div img,
#viewer27 div img,
#viewer28 div img,
#viewer29 div img,
#viewer30 div img,
#viewer31 div img,
#viewer32 div img,
#viewer33 div img,
#viewer34 div img,
#viewer35 div img{
	top: 0;
	left: 0;
	width: 100%;
	height:auto;
	position: absolute;
}

#viewer01 ul,
#viewer02 ul,
#viewer03 ul,
#viewer04 ul,
#viewer05 ul,
#viewer06 ul,
#viewer07 ul,
#viewer08 ul,
#viewer09 ul,
#viewer10 ul,
#viewer11 ul,
#viewer12 ul,
#viewer13 ul,
#viewer14 ul,
#viewer15 ul,
#viewer16 ul,
#viewer17 ul,
#viewer18 ul,
#viewer19 ul,
#viewer20 ul,
#viewer21 ul,
#viewer22 ul,
#viewer23 ul,
#viewer24 ul,
#viewer25 ul,
#viewer26 ul,
#viewer27 ul,
#viewer28 ul,
#viewer29 ul,
#viewer30 ul,
#viewer31 ul,
#viewer32 ul,
#viewer33 ul,
#viewer34 ul,
#viewer35 ul{
	width: 800px;
	margin:10px 0 0 0;
}

#viewer01 ul li,
#viewer02 ul li,
#viewer03 ul li,
#viewer04 ul li,
#viewer05 ul li,
#viewer06 ul li,
#viewer07 ul li,
#viewer08 ul li,
#viewer09 ul li,
#viewer10 ul li,
#viewer11 ul li,
#viewer12 ul li,
#viewer13 ul li,
#viewer14 ul li,
#viewer15 ul li,
#viewer16 ul li,
#viewer17 ul li,
#viewer18 ul li,
#viewer19 ul li,
#viewer20 ul li,
#viewer21 ul li,
#viewer22 ul li,
#viewer23 ul li,
#viewer24 ul li,
#viewer25 ul li,
#viewer26 ul li,
#viewer27 ul li,
#viewer28 ul li,
#viewer29 ul li,
#viewer30 ul li,
#viewer31 ul li,
#viewer32 ul li,
#viewer33 ul li,
#viewer34 ul li,
#viewer35 ul li{
	width: 72px;
	float: left;
	display: inline;
}

#viewer01 .active,
#viewer02 .active,
#viewer03 .active,
#viewer04 .active,
#viewer05 .active,
#viewer06 .active,
#viewer07 .active,
#viewer08 .active,
#viewer09 .active,
#viewer10 .active,
#viewer11 .active,
#viewer12 .active,
#viewer13 .active,
#viewer14 .active,
#viewer15 .active,
#viewer16 .active,
#viewer17 .active,
#viewer18 .active,
#viewer19 .active,
#viewer20 .active,
#viewer21 .active,
#viewer22 .active,
#viewer23 .active,
#viewer24 .active,
#viewer25 .active,
#viewer26 .active,
#viewer27 .active,
#viewer28 .active,
#viewer29 .active,
#viewer30 .active,
#viewer31 .active,
#viewer32 .active,
#viewer33 .active,
#viewer34 .active,
#viewer35 .active{
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

#viewer01 ul li img,
#viewer02 ul li img,
#viewer03 ul li img,
#viewer04 ul li img,
#viewer05 ul li img,
#viewer06 ul li img,
#viewer07 ul li img,
#viewer08 ul li img,
#viewer09 ul li img,
#viewer10 ul li img,
#viewer11 ul li img,
#viewer12 ul li img,
#viewer13 ul li img,
#viewer14 ul li img,
#viewer15 ul li img,
#viewer16 ul li img,
#viewer17 ul li img,
#viewer18 ul li img,
#viewer19 ul li img,
#viewer20 ul li img,
#viewer21 ul li img,
#viewer22 ul li img,
#viewer23 ul li img,
#viewer24 ul li img,
#viewer25 ul li img,
#viewer26 ul li img,
#viewer27 ul li img,
#viewer28 ul li img,
#viewer29 ul li img,
#viewer30 ul li img,
#viewer31 ul li img,
#viewer32 ul li img,
#viewer33 ul li img,
#viewer34 ul li img,
#viewer35 ul li img{
	width: 100%;
	height:auto;
}
}

/* =======================================
    ClearFixElements
======================================= */
#viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#viewer ul {
    display: inline-block;
    overflow: hidden;
}

/* 170222 add */
.cf:after {
	content:" ";
	display:block;
	clear:both;
}

/* commody =========================== */
.comm_inner{
	width:100%;
	margin:auto;
}
.comm_left{
	float:left;
	width:49%;
	margin:0 1% 5% 0;
}
.comm_left dl{
	float:left;
	width:100%;
	margin:0 0 5% 0;
}
.comm_left dl dt{
	float:left;
	width:36%;
	margin:0 3% 0 0;
}
.comm_left dl dd{
	float:left;
	width:61%;
	font-size:90%;
	line-height:1.5;
	margin:0 0 0 0;
}
.comm_left dl dd img{
	float:left;
	width:48%;
	margin:0 1% 0 1%;
}
.comm_right{
	float:left;
	width:49%;
	margin:0 0 5% 1%;
}
.comm_right dl{
	float:left;
	width:100%;
	margin:0 0 5% 0;
}
.comm_right dl dt{
	float:left;
	width:36%;
	margin:0 3% 0 0;
}
.comm_right dl dd{
	float:left;
	width:61%;
	font-size:90%;
	line-height:1.5;
	margin:0 0 0 0;
}
.comm_right dl dd img{
	float:left;
	width:48%;
	margin:0 1% 0 1%;
}
.comm_left dl dt img,
.comm_right dl dt img{
	width:100%;
	height:auto;
}
.comm_left02{
	float:left;
	width:63%;
	margin:0 1% 5% 0;
}
.comm_right02{
	float:left;
	width:35%;
	margin:0 0 5% 1%;
}
.comm_left02 img{
	width:100%;
	height:auto;
}
@media screen and (max-width:767px) {
.comm_left{
	float:left;
	width:100%;
	margin:0 0 5% 0;
}
.comm_left img{
	float:left;
	width:100%;
	margin:0 0 0 0;
}
.comm_left dl dd img{
	float:left;
	width:48%;
	margin:0 1% 0 1%;
}
.comm_right{
	float:left;
	width:100%;
	margin:0 0 5% 0;
}
.comm_right img{
	float:left;
	width:100%;
	margin:0 0 0 0;
}
.comm_right dl dd img{
	float:left;
	width:48%;
	margin:0 1% 0 1%;
}
.comm_left02{
	width:100%;
	margin:0 0 2% 0;
}
.comm_right02{
	width:100%;
	margin:0 0 2% 0;
}
.comm_left02 img{
	width:100%;
	height:auto;
}
}
/* about =========================== */
.about_inner{
	width:100%;
	margin:auto;
}
.about_image{
	float:left;
	width:100%;
	margin: auto;
	padding:0 10% 0 10%;
}
.about_image ul li{
	float:left;
	width:34%;
	margin:2% 8% 5% 8%;
}
.about_image ul li img{
	width:100%;
	height:auto;
}
.about_comp_left{
	float:left;
	width:49%;
	margin:0 0 0 0;
}
.about_comp_right{
	float:left;
	width:49%;
	margin:0 0 0 2%;
}
.about_title{
    float:left;
	width:100%;
	color:#26b7bc;
    font-weight: bold;
	margin:0 0 10px 0;
	border-bottom:3px solid #26b7bc;
}
.pdf_bt{
    float:right;
	text-align:right;
	margin:0 0 5% 0;
}
@media screen and (max-width:767px) {
.about_inner{
	width:96%;
	padding:2% 2% 5% 2%;
}
.about_left{
	float:left;
	width:100%;
	margin:0 0 5% 0;
}
.about_right{
	float:left;
	width:100%;
	margin:0 0 5% 0;
}
.about_comp_left{
	float:left;
	width:100%;
	margin:0 0 0 0;
}
.about_comp_right{
	float:left;
	width:100%;
	margin:0 0 0 0;
}
}
/* プライバシーポリシー(階層) =========================== */
.policy_inner {
	width:100%;
	margin-bottom:50px;
}
@media screen and (max-width:767px) {
.policy_inner {
    width: 100%;
}
}
/* お問い合わせ =========================== */
.contact_inner {width:100%;}
.contact_box {
	float:left;
	width:100%;
	border:1px solid #26b7bc;
	margin:0 0 20px 0;
	padding:15px;
}
.contact_box table {
	border-spacing: 0;
}
.contact_box table tr th {
	float:left;
	width:100%;
	color:#26b7bc;
	text-align:left;
}
.contact_box table th:first-child {}
.contact_box table th:last-child {}
.contact_box table tr td {
	float:left;
	width:100%;
	margin:0 0 20px 0;
}
.contact_box table tr td:first-child {
}
.f_s_b {padding:5px 10px 5px 10px;}

.wpcf7-list-item{
	display:block;
}
.wpcf7-form-control-wrap input,
.wpcf7-select,
.wpcf7-form-control-wrap textarea{
	border:2px solid #26b7bc;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
}
.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:#26b7bc;
	border:0;
}
.co_button a{
	display:inline-block;
	background-color:#fff;
	border:0;
}
.wpcf7-text{
	width:300px;
}
.wpcf7-textarea {
	width:100%;
}
.contact_inner .wpcf7c-conf {
	border: none;
	background-color:#fff;
}
@media screen and (max-width:767px) {
.contact_inner {
	width:96%;
	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 {
	width:100%;
}
}
/* サイトマップ =========================== */
.sitemap_inner {
	width:100%;
}
.sitemap_inner ul{
	width:100%;
	padding:0;
}
.sitemap_inner ul li{

}
.sitemap_inner ul li.sitemap_one{
	margin: 0px 0px 10px 0px;
	padding:10px;
	background-color:#d7ebff;
}
.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 {
	width:100%;
	display:inline-block;
	background-color:#26b7bc;
}
.footer_inner {
	width:100%;
	display:inline-block;
	text-align:center;
	padding: 2% 5% 0 5%;
}
.copy{
	font-size:80%;
	line-height:3;
	clear:both;
}
.copy a{
	color:#FFF;
}