@charset "utf-8";


/* =Reset default browser CSS.

-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td ,lb-box,new{
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    color: #FFFFFF;
}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section ,lb-box{display: block;}
/* -------------------------------------------------------------- */

body {
color:#333;
font-size:small;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;
	
}

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


.header{position: fixed;
	width: 332px;
	left:0%;
	top:0%;
	z-index:999;
	overflow: hidden;
	font-size: 16px;}
@media only screen and (max-width: 980px){
	.header{width: 0%;}
	}

/* ------------toplogo------------------------------------------- */
/* ------------toplogo------------------------------------------- */

/* ----new---------------------------------------------------- */
/* ----new---------------------------------------------------- */

.topnew{width:70%;
	padding-top: 4px;
	margin:0 auto;
	overflow: hidden;
}
.news{float: left;
    margin: 20px;
}
.new{float: left;
    margin-top: 20px;
	font: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 16px;
	color: currentColor;
}


/* ----kensaku------------------------------------------------- */
/* ----kensaku------------------------------------------------- */




/* ---------pc適用㍶menu---------------------------------------------- */
/* ---------pc適用㍶menu---------------------------------------------- */



* {margin:0;padding:0;box-sizing:border-box;}

@media only screen and (min-width: 980px){.menu {
	background-color:#444;
}

.menu ul {
	width:60%;
	margin:0 auto;
	display:flex;
	list-style:none;
}

.menu li {
	list-style:none;
   float:left;
   line-height:40px;
   text-align:center;
   position:relative;
}


.menu li a {
	display:block;
	background-color:#333;
	padding:15px 0;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	margin-right:1px;
	height:60px;
	width: 180px;
}

.menu li a:hover {
	background-color:#555;
}

/*二级下拉菜单样式设置*/
.menu ul li ul li{
    float:none;}

.menu ul li ul{
    position:absolute;
	top:60px;
	left:0px;
	display:none;
}

/*鼠标滑过一级菜单的元素时显示下拉菜单*/
ul li:hover ul{
    display:block;
	}
}


/* ----轮播效果------------------------------------------------- */
/* ----轮播效果------------------------------------------------- */

.lb-box {
  width: 100%;
  margin: 0;
  position: relative;
  overflow: hidden;
}
@media (max-width:980px) {
  .lb-box {
    width: 100%;
   
  }
}

.lb-content {
  width: 100%;  

}

.lb-item {
  width: 100%;  
  
  display: none;
  position: relative;   
}

.lb-item > a {
  width: 100%;
  
  display: block;
}

.lb-item > a > img {
 
	width: 100%;
}

.lb-item > a > span {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0px;
  padding: 15px;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
}


.lb-item.active {
  display: block;
  left: 0%;
}
.lb-item.active.left {
  left: -100%;
}
.lb-item.active.right {
  left: 100%;
}

/*  */
.lb-item.next,
.lb-item.prev {
  display: block;
  position: absolute;
  top: 0px;
}
.lb-item.next {
  left: 100%;
}
.lb-item.prev {
  left: -100%;
}
.lb-item.next.left,
.lb-item.prev.right {
  left: 0%;
}

.lb-sign {
  position: absolute;
  right: 10px;
  top: 0px;
  padding: 5px 3px;
  border-radius: 6px;
  list-style: none;
  user-select: none;
  background-color: rgba(0,0,0,0.7);
}

.lb-sign li {
  width: 22px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  float: left;
  color: #aaa;
  margin: auto 4px;
  border-radius: 3px;
  cursor: pointer;
}
.lb-sign li:hover {
  color: #fff;
}
.lb-sign li.active {
  color: #000;
  background-color: #EBEBEB;
}

.lb-ctrl {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  font-weight: 900;
  user-select: none;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.1s linear;
}
@media (max-width:568px) {
  .lb-ctrl {
    font-size: 30px;
  }
}
.lb-ctrl.left {
  left: -50px;
}
.lb-ctrl.right {
  right: -50px;
}
.lb-box:hover .lb-ctrl.left {
  left: 10px;
}
.lb-box:hover .lb-ctrl.right {
  right: 10px;
}
.lb-ctrl:hover {
  background-color: #000;
}


/* ----轮播效果------------------------------------------------- */
/* ----轮播效果------------------------------------------------- */
.slide{
    position: absolute;
    left: 1px;
    top: 1px;
    width: 5898px;
    font-size: 0;
    transform: translate(0,0); /* 初始位置位移 */
    animation: loop 10s linear infinite;
    display: flex;
}

/* ----Twitter窓口----------------------------------------------------- */
/* ----Twitter窓口----------------------------------------------------- */
@media (min-width:980px){
.content{
	position: fixed;
    width: 260px;
 	height: 200px;
	left: 0%;
	top: 70%;
	z-index:999;
	overflow: hidden;
	background-color:skyblue;
	font-size: 13px;
	overflow: scroll
}

.content h3{padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
	}
/* ----TWEETSスマホ適用------------------------------------------------- */
/* ----TWEETSスマホ適用------------------------------------------------- */
@media (max-width:980px) {
	
.content{
	width: 90%;
 	height: 200px;
	overflow: hidden;
	margin: 0 auto;
	background-color:skyblue;
	margin-top: 4px;
	margin-bottom: 4px;
	overflow: scroll;
	
}}


/* ----タイトル------------------------------------------------- */
/* ----タイトル------------------------------------------------- */

.section1 {
    padding-top: 40px;
    border-bottom: #ddd solid 1px;
    color: #236FAF;
    background-image: url(images/back01.jpg);
    font-weight: 400;
}
.section2 {
    padding-top: 40px;
    border-bottom: #ddd solid 1px;
    color: #FFFFFF;
    background-image: url("images/back.jpg");
}
.section1 h2{
    margin-bottom: 20px;
    font-size: 35px;
    text-align: center;
    font-weight: 400;
    color: #206EB0;
}
.section2 h2{margin-bottom:20px;font-size:35px;text-align:center;}



.copyright {
    padding: 20px;
    background-color:#161616;
    font-size: 10px;
    text-align: center;
	color: aliceblue;
}


/* ----テーブル------------------------------------------------- */
/* ----テーブル------------------------------------------------- */


.backcolr{background-color:#F9F9F9;
}

.container {
	width:1080px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	padding-top: 60px;
	padding-bottom: 60px;
}

.box {
  width:30%;
  padding:20px;
  border:#CCC solid 1px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
	align-items:flex-start;
	border-radius:8px;
background-color: white;
  box-shadow: 1px 1px 2px #9c9c9c;
}


.box2{
  width:24%;
  padding:20px;
  border:#CCC solid 1px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
	align-items:flex-start;
	border-radius:8px;
background-color: white;
  box-shadow: 1px 1px 2px #9c9c9c;
}


.title {
  font-size:16px;
  color:#000000;
  margin-bottom:10px;
}

.text {
  font-size:14px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.box img {display:block;
	margin-right:25px;
	width:100%;
}

.box2 img {display:block;
	margin-right:25px;
	width:100%;
}

/*************
/*スマホ
*************/
@media (max-width:980px) {
	
	.container{flex-direction: column;
		width: 100%;
	}
	.box{flex-direction: column;
	width: 80%;}
	.box2{width: 70%;}
	
	


/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
background:#494848;
}

.inner{display:flex;
	margin:0 auto;
	list-style:none;
overflow: hidden;}

.logo2{margin: 0 auto}

* html #footer{height:1%;}

#footer .grid{
padding:10px 0 5px;
margin:0;
background:transparent;
}


#footer #info .info{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}



#footer .info .tel,#footer .info .tel span,#footer #info .open{
font-size:12px;
color:#ffffff;
	float: right;
}

ul.footnav{
width:500px;
padding:10px 0;
float:right;
}

ul.footnav li{
    margin-bottom: 10px;
    padding: 0 7px 0 8px;
    font-size: 11px;
    font-family: inherit;
	float:left;
	
}

#footer a{color:#fff;}
#footer a:hover{color:#6DD8FF;}

address{
clear:both;
padding:10px;
text-align:center;
font-style:normal;
font-size:10px;
color:#fff;
background:#30415b;
}



/*************
/* media スマホ
*************/
@media only screen and (max-width: 980px){
	#menu{
	width:980px;
	padding:0;
	margin:0 auto;
	}
	.menu ul{  list-style-type: none;
    margin: 0;
    padding: 0;
	width:100%;
	right: 0;
	top:0;
	z-index: 1;
	}
	.menu li{float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;}
	.menu li a{display:block;
	color:#FFFFFF;
	background-color:#333;
	width:100%;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	padding-top: 10px;
	padding-bottom: 10px;}
	
	.menu ul li ul li{
    float:none;}

.menu ul li ul{
	display:none;
}
 
/* 鼠标移动到选项上修改背景颜色 */
.menu li a:hover {
    background-color:#444;
    color:#FFFFFF;
}
	
}