@charset "UTF-8";

/*************************************************
	#mainVisual
*************************************************/
body #article #mainVisual{
	background : #fff ;
}
body #article #mainVisual .main{
	width : 100% ;
	margin : 0 0 10px ;
	position: relative;
	visibility : hidden;
}
body #article #mainVisual .main li{
	position: absolute;
	width : 100% ;
	left: 0;
}
body #article #mainVisual .main li .js-main-visual-btn{
	position: relative;
	overflow: hidden;
}
body #article #mainVisual .main li .js-main-visual-btn a{
	position: relative;
	display: block;
	transition-duration:none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
}

body #article #mainVisual .main .js-main-img__txt{
	position: absolute;
	z-index: 11;
}

body #article #mainVisual .main li .js-main-visual-btn img{
	display: block;
	height: auto;
}
body #article #mainVisual ul.nav{
	text-align : center ;
	*width: 60px;
	*display: block;
	*margin: 0 auto;
	*overflow: hidden;
}
body #article #mainVisual ul.nav li{
	display : inline-block ;
	width : 20px ;
	height : 20px ;
	*float: left;
	*display: block;
}
body #article #mainVisual ul.nav li a{
	display : block ;
	width : 20px ;
	height : 20px ;
	background : url("../img/ie/ico_mainvisual.png") center center no-repeat ;
	opacity : 0.4 ;
	filter : alpha(opacity=40) ;
	-moz-opacity : 0.4 ;
	-ms-filter : "alpha(opacity=40)" ;
	background-image : url("../img/ie/ico_mainvisual.png") \9;
	*background-image : url("../img/ie/ico_mainvisual.png") ;
}
body #article #mainVisual ul.nav li.current a,
body #article #mainVisual ul.nav li a:hover{
	opacity : 1 ;
	filter : alpha(opacity=100) ;
	-moz-opacity : 1 ;
	-ms-filter : "alpha(opacity=100)" ;
}


@media screen and (max-width:850px){
}


@media screen and (max-width:820px){
}


/*************************************************
	mainVisual
*************************************************/
.is-block-none{
	display: none !important;
}

.is-visibility-hidden{
	visibility: hidden !important;
}

.main-visual-viewport__sp {
	overflow: hidden;
	-webkit-transform: translateZ(0);
	margin: 0 0 10px;
}

.main-visual-flipsnap__sp {
	width: auto;
}

.main-visual-flipsnap__sp:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.main-visual-item__sp{
	float: left;
}
.main-visual-item__sp img{
	width: 100%;
	height: auto;
	
	margin-left:0;
}


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

/*--サービス内容--*/
.bg_gry{
	background-color:#F7F7F7;
}
.box_se{
	background-color:#FFF;
	margin-bottom:15px;
	background:#FFF url(../images/top/more03Btn.gif) no-repeat 90% 95%;
}
.ti_gry{
	background:#ddd url(../images/top/menu_ya.png) no-repeat 94% 5%;
}
.ti_gry a{display:block;
}

.ti_gry a:hover img{
	filter: alpha(opacity=100);  
	opacity:1;  
	background:#ddd;
 } 


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

.f_service{
	color:#000;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:30px;
	padding:30px 20px 10px 30px;
}
.f_service_s{
	color:#000;
	font-size:16px;
	padding:0 10px;
	font-family:"Century Gothic";
	padding:0 20px 30px 35px;padding:0 20px 60px 35px;
}
	
.service_list{
	padding-top:40px;
	padding-bottom:40px;
}
.service_list .com{
	font-size:18px;
	padding:30px 10px;
	line-height:1.8;
	border-top:#FFF dotted 2px;
	margin:40px 20px 20px;
}

@media screen and (max-width: 639px) {
	.f_service{
	font-size:30px;
	padding:20px 20px 0 30px;
	line-height:1;
}
.f_service_s{
	padding:0 20px 0 35px;
}
	.service_list .com{
	font-size:18px;
	padding:10px 20px 20px;
	margin:10px 20px 20px;
}
	
}

.service_list .more{
	text-align:right;
	padding:0 20px 0 0;
}
.box_se dl{
	padding:20px 20px 40px 20px;
}
.box_se dt{
	font-size:20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#00A5B9;
	font-weight:bold;
	background:url(../images/top/mk_01.jpg) no-repeat 0 0px;
	padding-left:30px;
	line-height:1.1;
	padding-bottom:15px;

}
.box_se dd{
	line-height:1.2;
	padding-bottom:8px;
	background: url(../images/top/mk_01a.gif) no-repeat 0 5px;
	padding-left:15px;
	line-height:1.3;
}

/* ------ Anchor ------ */

.service_list a:hover {
	text-decoration: none;
	color:#222;
}
.service_list a:active {
	text-decoration: none;
	color:#222;
}
.service_list .box_se a:hover{
}
#pickup{
	margin:40px auto;
}
#pickup .com{
	padding:0 20px;
}
#pickup .catch{
	font-size:20px;
	color:#00A6BA;
	padding:20px 0;
}
#pickup .img{
	padding:20px 0 0;
	
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  

.newsTopics{
	margin:50px auto;
	
	
}
.newsTopics .com{
	margin:0 auto 20px;
	padding:0 20px;
	max-width:650px;
}
.newsTopics .img{
	padding:0 0 20px 0;
}
/* ------ NewsTp ------ */

#newsTp {
	margin-top: 20px;
	border-bottom: solid 1px #eee;
}

#newsTp h1 a {
	display: block;
	position: relative;
	z-index: 2;
	padding: 8px 15px 2px;
	font-size: 100%;font-size: 31px;
	color: #4C260C;
	text-decoration: none;
	line-height:1.1;
	border-bottom: dotted 1px #4C260C;
	margin-bottom:20px;background: url(../images/top/arrow32a.png) no-repeat right center;
}

#newsTp h1 a:link,
#newsTp h1 a:visited {
	background-color: #85C2E0;background-color: #fff;
	color: #4C260C;
}
#newsTp h1 a:hover,
#newsTp h1 a:active {
	background-color: #A5D2E9;background-color: #fff;
	color: #4C260C;
}

#newsTp h1 a:link:after,
#newsTp h1 a:visited:after {
	right: 6px;right: 26px;
}
#newsTp h1 a:hover:after,
#newsTp h1 a:active:after {
	right: 3px;right: 26px;
}
@media screen and (max-width: 639px) {
	#newsTp h1 a {
	margin-bottom:20px;background: url(../images/top/arrow32a_sp.png) no-repeat right center;
	}
}
/*ul time*/
#newsTp ul a {
	position: relative;
	display: block;
	padding: 15px 40px 15px 10px;
	text-decoration: none;
	border-top: dotted 1px #888;
	
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;font-size:14px;background:url(../images/top/arrow32.png) no-repeat right center;
}
#newsTp ul li {
	border-bottom: dotted 1px #888;
	font-size:14px;
}
#newsTp ul li.bg_c{
	border-bottom: dotted 1px #888;
	font-size:14px;
	background-color:#FBFBFB;
}


#newsTp ul a:first-child {
	border-top: none;
}
#newsTp ul a:link,
#newsTp ul a:visited {
	background-color: transparent;
}
#newsTp ul a:hover,
#newsTp ul a:active {
	background-color: #f5f5f5;
}

#newsTp time  {
	margin-bottom: 3px;
	color: #222;
	font-size: 76%;font-size: 14px;
	float:left;
	line-height:1.4;
}

#newsTp time.newbtn  {
	background:url(images/new.jpg) no-repeat 110px 0;
}
#newsTp p  {
	color: #333;
	font-size:14px;
	line-height:1.4;
	margin-left:90px;
}
@media screen and (max-width: 639px) {
	#newsTp time  {
		float:none;
	}
	#newsTp p  {
	margin-left: inherit;
}
}

/**/

li.infnon{
	padding:10px;
}
.marker_yellow_futo {
background: linear-gradient(transparent 0%, #ffff66 0%);
}
.marker_yellow_hoso {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
.marker_lime {
background: linear-gradient(transparent 60%, #66FFCC 60%);
}
.marker_pink {
background: linear-gradient(transparent 60%, #ff66ff 60%);
}

.marker_blue1{
background: linear-gradient(transparent 0%, #F5FAFC 0%);
}
.marker_org1{
background: linear-gradient(transparent 0%, #FFFBEE 0%);
}



.ban img{
	margin-bottom:10px;
}



/*@media screen {
.prn_ok{ display: none; }
}
@media print {
.prn_ok{ display: block; }
}*/