@charset "UTF-8";

.rslides {
	display:none;
}
.rslides2 {
	display: block;
}
.br_sp { 
display:none;
}
.br_sp2 { 
display: block;
	clear: both;
	min-height: 1px;
}

/*	 info
/* ------------------------------------- */
.info {
	width:100%;
	background: url(../img/top/back2.jpg);
	background-size:cover;
	padding: 0px 0px;
}
.info_w {
		background: #FFF;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	padding: 4%;
	margin: 6%;
}
.info_t {
	text-align: center;
	margin: 0px 0px 3% 0px;
}
.info h4 a span {
display: none;
}

.info h4 a {
	background: url(../img/top/info.png) no-repeat;
	background-size: 190px 65px;
  display: block;
  width: 190px;
  height: 65px;
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin: 0px auto;
}
.info h4 a:hover {
	-webkit-filter: opacity(50%);
	filter: opacity(50%);
	text-decoration: none;
}

.info_box0 {
	width:100%;
}
.info_box {
	margin: 0px 0px 2% 0px;
 line-height:1.4em;
 font-size:100%;
}
.info_box a span {
 color: #666;
 font-weight: normal;
 font-size:80%;
 margin: 0px 0px 0px 0px;
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
 float:left;
 width: 25%;
}
.info_box a h5 {
 color: #630;
 font-weight: normal;
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
 float:left;
 width: 75%;
}
.info_box a:hover h5,
.info_box a:hover span {
	-webkit-filter: opacity(50%);
	filter: opacity(50%);
	text-decoration: none;
}

/*	 mynavi
/* ------------------------------------- */
.mynavi img,
.mynavi_s img {
	width:100%;
	margin: 4% 0px 0px 0px;
}
.mynavi {
	display: none;
}

/*	 otayori
/* ------------------------------------- */
.otayori {
	margin: 1% 0px 0px 0px;
}
.otayori2 {
	margin: 3% 0px;
}
.otayori input {
	border: 0;
max-width: 100%;
height: auto;
margin: 0 auto;
}


/*	 link
/* ------------------------------------- */
.link {
	width:100%;
	background: url(../img/top/link.jpg) no-repeat;
	background-size: 100%;
	margin: 2% 0px 0px 0px;
}
.link ul {
	margin: 6% auto 0px auto;
	width:280px;
list-style: none;
line-height: 0;
}

.link ul li {
  position: relative;
  display: inline-block;
  width: 130px;
  height: 130px;
  background-color: rgba(255,255,255,0.8);
  border-radius: 50%;
	margin: 0px 10px 3% 0px;
	font-size:120%;
line-height: 1.4em;
float:left;
}
.link ul li:nth-child(2){
	margin: 0px 0px 3% 0px;
}
.link ul li:nth-child(3){
	margin: 0px 10px 8% 0px;
}
.link ul li:nth-child(4){
	margin: 0px 0px 8% 0px;
}
.link ul li a {
color: #F69;
}
.link ul li span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width :130px;
  text-align:center;
  font-size: 70%;
}
.link ul li img {
  width :45px;
  height:45px;
}
.link ul li a span,
.link ul li a img {
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.link ul li a:hover span,
.link ul li a:hover img {
	-webkit-filter: opacity(50%);
	filter: opacity(50%);
	text-decoration: none;
}



/* ------------------------------------- */
/*	 resposive480
/* ------------------------------------- */
@media screen and (min-width: 480px) {
.rslides {
	display: block;
}
.rslides2 {
	display:none;
}
.info_box a span {
 width: 20%;
}
.info_box a h5 {
 width: 80%;
}



/*	 link
/* ------------------------------------- */
.link {
	width:100%;
	background: url(../img/top/link.jpg) no-repeat;
	background-size: 100%;
}
.link ul {
	margin: 6% auto 0px auto;
	width:460px;
}
.link ul li {
  width: 108px;
  height: 108px;
	margin: 0px 6px 6% 0px;
	float: left;
}
.link ul li:nth-child(2){
	margin: 0px 6px 6% 0px;
}
.link ul li:nth-child(4){
	margin: 0px 0px 6% 0px;
}
.link ul li span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width :108px;
  text-align:center;
  font-size: 70%;
}
.link ul li img {
  width :45px;
  height:45px;
}
.link ul li a span,
.link ul li a img {
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.link ul li a:hover span,
.link ul li a:hover img {
	-webkit-filter: opacity(50%);
	filter: opacity(50%);
	text-decoration: none;
}
}
/* ------------------------------------- */
/*	 resposive768
/* ------------------------------------- */
@media screen and (min-width: 768px) {
.br_sp { 
display: block;
}
.br_sp2 { 
display:none;
}
/*	 info
/* ------------------------------------- */
.info {
	width:100%;
	background: url(../img/top/back2.jpg);
	background-size:cover;
	padding: 0px 0px;
}
.info_w {
		background: #FFF;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	padding: 4% 4% 4% 0%;
	margin: 6%;
	width:84%;
}
.info_t {
	width:35%;
	float:left;
	text-align: center;
}
.info h4 a {
	margin: 40px auto 10px auto;
}
.info_box0 {
	width:65%;
	float: left;
}
.info_box1 {
	border-left: 1px solid #FF5B9E;
	padding: 0px 0px 0px 6%;
	width:94%;
}
.info_box {
	margin: 0px 0px 15px 0px;
}
.info_box a span {
 font-size:90%;
 float:left;
}
.info_box a h5 {
 float:left;
}

/*	 mynavi
/* ------------------------------------- */
.mynavi {
	margin: 0px 0px 10px 0px;
	display: block;
}
.mynavi_s {
	display: none;
}

/*	 link
/* ------------------------------------- */
.link {
	width:100%;
	background: url(../img/top/link.jpg) no-repeat;
	background-size: 100%;
	margin: 20px 0px 0px 0px;
}
.link ul {
	margin: 40px auto 0px auto;
	width:670px;
}
.link ul li {
  width: 160px;
  height: 160px;
	margin: 0px 10px 40px 0px;
	float: left;
}
.link ul li:nth-child(2){
	margin: 0px 10px 40px 0px;
}
.link ul li:nth-child(4){
	margin: 0px 0px 40px 0px;
}
.link ul li span {
  width :160px;
  font-size: 100%;
}
}

/* ------------------------------------- */
/*	 resposive992
/* ------------------------------------- */
@media screen and (min-width: 992px) {
.br_sp3 { 
display: none;
}
/*	 info
/* ------------------------------------- */
.info_w {
		background: #FFF;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	padding: 20px 20px 20px 0px;
	margin: 40px auto;
	width: 960px;
}
.info h4 a {
	background-size: 238px 81px;
  width: 238px;
  height: 81px;
}
.info_box a span {
 width: 15%;
}
.info_box a h5 {
 width: 85%;
}


/*	 link
/* ------------------------------------- */
.link {
	width:100%;
	background: url(../img/top/link.jpg) no-repeat;
	background-size: 100%;
}
.link ul {
	margin: 50px auto 0px auto;
  width: 980px;
}
.link ul li {
  width: 230px;
  height: 230px;
	margin: 0px 20px 50px 0px;
	float: left;
}
.link ul li:nth-child(2){
	margin: 0px 20px 50px 0px;
}
.link ul li:nth-child(3){
	margin: 0px 20px 50px 0px;
}
.link ul li:nth-child(4){
	margin: 0px 0px 50px 0px;
}
.link ul li span {
  width :230px;
  font-size: 110%;
}
.link ul li img {
  width :88px;
  height:86px;
}
}

/* ------------------------------------- */
/*	 toppage_secom
/* ------------------------------------- */
.secom_seal {
margin: 15px 0 0 30px;
float: left;
width:56px;
}

/* 追加
---------------------------------------------------- */
/* report
/* ------------------------------------- */
.report {width: 100%; padding:20px 0 0px 0;}
.report_l,.report_r {width: 100%;}
.report_l {padding:0 0 10px 0}
.report_l img,.report_r img{max-width: 100%;height: auto;}
.report_l img:hover ,.report_r img:hover {opacity: 0.75;filter: alpha(opacity=60);-moz-opacity:0.6;}
@media screen and (min-width: 700px) {
.report_l {width: 48%;float: left;}
.report_r {width: 48%;float: right; margin: 5px 0 0 0;}
.report_l {padding:0}
.report_l p,.report_r p{font-size: 100%;line-height: 1.8;margin: 0;}
.line_img a{pointer-events: none;}}