@charset "utf-8";
/* CSS Document */

@media all and (min-width:970px) {

	/* for index */
	.tig_banner {
		width: 100%;
		margin-bottom: 30px;
	}
	.tig_banner a img {
		transition: 0.2s ease-in;
	}
	
	div#slider{
		clear: both;
		width:  970px;
		height: 400px;
	}
	div.slick-list{
		height: 364px;
		overflow: hidden;
	}
	.TopSlider {
		margin:0;
		padding:0 ;
		width: 970px;
	}
	.slick-prev {
		position: absolute;
		left: -36px;
		top: 144px;
		z-index: 500;
		background: url('../img/index/arrow_L.gif') no-repeat left top;
		width: 72px;
		height: 72px;
		text-indent: -7777em;
		border: 0;
		font-size: 0px;
		line-height: 0px;
		cursor:pointer;
	}
	.slick-next {
		position: absolute;
		right: -36px;
		top: 144px;
		z-index: 500;
		background: url('../img/index/arrow_R.gif') no-repeat left top;
		width: 72px;
		height: 72px;
		text-indent: -7777em;
		border: 0;
		font-size: 0px;
		line-height: 0px;
		cursor:pointer;
	} 
	#col_unit_1 .img_slider_1 {
		overflow: hidden;
	}

	#col_unit_1 .img_slider_2 {
		overflow: hidden;
	}
	div#index_banners{
		width:  970px;
		margin-top: 14px;
	}
	div#index_banners:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	div#index_banners ul li{
		width: 232px;
		float:  left;
		margin-right: 14px;
	}
	div#index_banners ul li:last-child{
		margin-right: 0;
	}
	div#index_banners ul li a img{
		transition: 0.2s ease-in;
	}
	div#index_banners ul li a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	div#index_inner_banners_top{
		width: 724px;
		height: auto;
		clear: both;
	}
	div#index_inner_banners_top li{
		margin-bottom: 14px;
	}
	.banners_2col{
		letter-spacing: -0.5em;
	}
	.banners_2col > li {
		vertical-align: top;
		display: inline-block;
		letter-spacing: normal;
		width: 49%;
		text-align: center;
	}

	.banners_2col li:nth-child(odd){
		margin-right:2%;
	}
	div#index_inner_banners_top li.index_banners724{
	}
	div#index_inner_banners_top li a img{
		transition: 0.2s ease-in;
	}
	div#index_inner_banners_top li a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	div#index_news{
		width: 355px;
		float: left;
		margin-right: 14px;
	}
	div#index_topic{
		width: 355px;
		float: right;
	}
	div#index_news h2{
		color: #ffffff;
		text-align: left;
		background-color: #E5446C;
		font-weight: bold;
		font-size: 1.063em;
		border-radius: 4px;
		padding: 12px 10px 8px 20px;
		margin: 0;
		line-height: 1;
	}
	div#index_topic h2{
		color: #ffffff;
		text-align: left;
		background-color: #80AF49;
		font-weight: bold;
		font-size: 1.063em;
		border-radius: 4px;
		padding: 12px 10px 8px 20px;
		margin: 0;
		line-height: 1;
	}
	div#index_news ul,
	div#index_topic ul{
		margin-top: 14px;
	}
	div#index_news ul li,
	div#index_topic ul li{
		margin-bottom: 14px;
		width: 355px;
		height: 95px;
		clear: left;
		overflow: hidden;
	}
	div#index_news ul li a img,
	div#index_topic ul li a img{
		float: left;
		margin-right: 14px;
		transition: 0.2s ease-in;
		width: 140px;
		height: auto;
	}
	div#index_news ul li a img:hover,
	div#index_topic ul li a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	div#index_news ul li p,
	div#index_topic ul li p{
		font-size: 0.8em;
	}
	div#index_news ul li p span{
		float:  left;
		background-color: #e5446c;
		padding: 3px;
		color: #fff;
		margin: 0 5px 0 0;
		display: block;
		width: 110px;
		text-align: center;
		font-size: 0.9em;
	}
	div#index_topic ul li p span{
		float:  left;
		background-color: #80AF49;
		padding: 3px;
		color: #fff;
		margin: 0 5px 0 0;
		display: block;
		width: 110px;
		text-align: center;
		font-size: 0.9em;
	}
	div#index_news ul li p.news_ttl,
	div#index_topic ul li p.news_ttl{
		padding-top: 8px;
		font-size: 0.85em;
	}
	div#index_news ul li p.news_ttl a,
	div#index_topic ul li p.news_ttl a{
		color: #4d4d4d;
		text-decoration:  none;
		transition: 0.2s ease-in;
	}
	div#index_news ul li p.news_ttl a:hover,
	div#index_topic ul li p.news_ttl a:hover{
		text-decoration: underline;
		color: #e5446c;
	}
	div#index_news p.index_news_more{
		width:  100%;
		margin: 14px 0;
		padding: 10px 0;
		background-image: linear-gradient(-45deg, #E5446C 25%, transparent 25%, transparent 50%, #E5446C 50%, #E5446C 75%, transparent 75%, transparent);
		background-size: 8px 8px;
		text-shadow: 1px 1px 2px rgba(0,0,0,.3);
		font-size: 0.9em;
	}
	div#index_news p.index_news_more a{
		display: block;
		background-color: #E5446C;
		border-radius: 1em;
		width: 70%;
		padding: 5px 0;
		margin: 0 auto;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
	}
	div#index_topic p.index_topic_more{
		width:  100%;
		margin: 14px 0;
		padding: 10px 0;
		background-image: -webkit-linear-gradient(-45deg, #80AF49 25%, transparent 25%, transparent 50%, #80AF49 50%, #80AF49 75%, transparent 75%, transparent);
		background-image: linear-gradient(-45deg, #80AF49 25%, transparent 25%, transparent 50%, #80AF49 50%, #80AF49 75%, transparent 75%, transparent);
		background-size: 8px 8px;
		text-shadow: 1px 1px 2px rgba(0,0,0,.3);
		font-size: 0.9em;
	}
	div#index_topic p.index_topic_more a{
		display: block;
		background-color: #80AF49;
		border-radius: 1em;
		width: 70%;
		padding: 5px 0;
		margin: 0 auto;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
	}
	div#index_inner_banners_bottom{
		clear: both;
		margin-top: 14px;
	}
	div#index_inner_banners_bottom ul li{
		float: left;
		width: 230px;
		height: 80px;
		overflow: hidden;
		margin-bottom: 14px;
		margin-right: 14px;
	}
	div#index_inner_banners_bottom ul li:nth-child(3n){
		margin-right: 0px;
	}
	div#index_inner_banners_bottom ul li a img{
		transition: 0.2s ease-in;
		width: 100%;
		max-widht: 100%;
	}

	div#index_inner_banners_bottom ul li a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
}/* end pc css
for tablet css */
@media all and (min-width: 767px) and (max-width: 969px) {
	
	.tig_banner {
		width: calc(100% - 10px);
		margin: 5px 5px 20px 5px;
	}
	
	div#slider{
		clear: both;
		width:  100%;
		height: auto;
		margin-bottom: 14px;
	}
	div.slick-list{
		overflow: hidden;
	}
	.TopSlider {
		margin:0;
		padding:0 ;
		width: 100%;
	}
	.slick-prev {
		position: absolute;
		left: 5px;
		top: 144px;
		z-index: 500;
		background: url('../img/index/arrow_L.gif') no-repeat left top;
		width: 72px;
		height: 72px;
		text-indent: -7777em;
		border: 0;
		font-size: 0px;
		line-height: 0px;
		cursor:pointer;
	}
	.slick-next {
		position: absolute;
		right: 5px;
		top: 144px;
		z-index: 500;
		background: url('../img/index/arrow_R.gif') no-repeat left top;
		width: 72px;
		height: 72px;
		text-indent: -7777em;
		border: 0;
		font-size: 0px;
		line-height: 0px;
		cursor:pointer;
	} 
	#col_unit_1 .img_slider_1 {
		overflow: hidden;
	}
	#col_unit_1 .img_slider_2 {
		overflow: hidden;
	}	
	
	div#index_banners{
		width:  98%;
		margin: 0 0 14px 0;
		padding-left: 1.5%;
	}
	div#index_banners:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	div#index_banners ul li{
		width: 23.5%;
		float:  left;
		margin-right: 1.5%;
	}
	div#index_banners ul li a img{
		transition: 0.2s ease-in;
	}
	div#index_banners ul li a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}	
	div#index_inner_banners_top{
		width: 100%;
		height: auto;
		clear: both;
	}
	div#index_inner_banners_top li{
		margin-bottom: 14px;
	}
	div#index_inner_banners_top li.index_banners724{
		width: 100%;
	}
	div#index_inner_banners_top li.index_banners355{
		max-width: 49%;
	}
	.banners_2col{
		letter-spacing: -0.5em;
	}
	.banners_2col > li {
		vertical-align: top;
		display: inline-block;
		letter-spacing: normal;
		width: 49%;
		text-align: center;
	}

	.banners_2col li:nth-child(odd){
		margin-right:2%;
	}
	
	div#index_inner_banners_top li a img{
		transition: 0.2s ease-in;
	}
	div#index_inner_banners_top li a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	div#index_news{
		width: 49%;
		float: left;
		margin-right: 2%;
	}
	div#index_topic{
		width: 49%;
		float: right;
	}
	div#index_news h2{
		color: #ffffff;
		text-align: left;
		background-color: #E5446C;
		font-weight: bold;
		font-size: 1.063em;
		border-radius: 4px;
		padding: 12px 10px 8px 20px;
		margin: 0;
		line-height: 1;
	}
	div#index_topic h2{
		color: #ffffff;
		text-align: left;
		background-color: #80AF49;
		font-weight: bold;
		font-size: 1.063em;
		border-radius: 4px;
		padding: 12px 10px 8px 20px;
		margin: 0;
		line-height: 1;
	}
	div#index_news ul,
	div#index_topic ul{
		margin-top: 14px;
	}
	div#index_news ul li,
	div#index_topic ul li{
		margin-bottom: 14px;
		width: 100%;
		clear: left;
		overflow: hidden;
		height: 80px;
	}
	div#index_news ul li a img,
	div#index_topic ul li a img{
		float: left;
		margin-right: 2%;
		transition: 0.2s ease-in;
		width: 30%;
		height: auto;
	}
	div#index_news ul li a img:hover,
	div#index_topic ul li a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	div#index_news ul li p,
	div#index_topic ul li p{
		font-size: 1.2vw;
	}
	div#index_news ul li p span{
		float:  left;
		background-color: #e5446c;
		padding: 3px;
		color: #fff;
		margin: 0 5px 0 0;
		display: block;
		width: 110px;
		text-align: center;
		font-size: 1.2vw;
	}
	div#index_topic ul li p span{
		float:  left;
		background-color: #80AF49;
		padding: 3px;
		color: #fff;
		margin: 0 5px 0 0;
		display: block;
		width: 110px;
		text-align: center;
		font-size: 1.2vw;
	}
	div#index_news ul li p.news_ttl,
	div#index_topic ul li p.news_ttl{
		width: 100%;
		padding-top: 8px;
		font-size: 1.1vw;
	}
	div#index_news ul li p.news_ttl a,
	div#index_topic ul li p.news_ttl a{
		color: #4d4d4d;
		text-decoration:  none;
		transition: 0.2s ease-in;
	}
	div#index_news ul li p.news_ttl a:hover,
	div#index_topic ul li p.news_ttl a:hover{
		text-decoration: underline;
		color: #e5446c;
	}
	div#index_news p.index_news_more{
		width:  100%;
		margin: 14px 0;
		padding: 10px 0;
		background-image: linear-gradient(-45deg, #E5446C 25%, transparent 25%, transparent 50%, #E5446C 50%, #E5446C 75%, transparent 75%, transparent);
		background-size: 8px 8px;
		text-shadow: 1px 1px 2px rgba(0,0,0,.3);
		font-size: 1.4vw;
	}
	div#index_news p.index_news_more a{
		display: block;
		background-color: #E5446C;
		border-radius: 1em;
		width: 70%;
		padding: 5px 0;
		margin: 0 auto;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
	}
	div#index_topic p.index_topic_more{
		width:  100%;
		margin: 14px 0;
		padding: 10px 0;
		background-image: -webkit-linear-gradient(-45deg, #80AF49 25%, transparent 25%, transparent 50%, #80AF49 50%, #80AF49 75%, transparent 75%, transparent);
		background-image: linear-gradient(-45deg, #80AF49 25%, transparent 25%, transparent 50%, #80AF49 50%, #80AF49 75%, transparent 75%, transparent);
		background-size: 8px 8px;
		text-shadow: 1px 1px 2px rgba(0,0,0,.3);
		font-size: 1.4vw;
	}
	div#index_topic p.index_topic_more a{
		display: block;
		background-color: #80AF49;
		border-radius: 1em;
		width: 70%;
		padding: 5px 0;
		margin: 0 auto;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
	}
	div#index_inner_banners_bottom{
		clear: both;
		margin-top: 14px;
	}
	
	div#index_inner_banners_bottom ul li{
		float: left;
		display: block;
		width: 32vw;
		height: calc(32vw * 0.35);
		margin: 0 1vw 1vw;
		overflow: hidden;
	}
	div#index_inner_banners_bottom ul li a img{
		width: 100%;
		height: auto;
		transition: 0.2s ease-in;
	}
	div#index_inner_banners_bottom ul li a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	
}/* end tablet css 
start smart phone css*/

@media all and (max-width:766px) {
	.tig_banner {
		width: 95%;
		margin: 20px auto;
	}
	
	div#slider{
		clear: both;
		width:  100%;
		height: auto;
		margin-bottom: 14px;
	}
	div.slick-list{
		overflow: hidden;
	}
	.TopSlider {
		margin:0;
		padding:0 ;
		width: 100%;
	}
	.slick-prev {
		position: absolute;
		left: 3%;
		top: 46%;
		z-index: 500;
		background: url('../img/index/arrow_L.gif') no-repeat left top;
		background-size: contain;
		width: 8%;
		padding-top: 8%;
		text-indent: -7777em;
		border: 0;
		font-size: 0px;
		line-height: 0px;
		cursor:pointer;
	}
	.slick-next {
		position: absolute;
		right: 3%;
		top: 46%;
		z-index: 500;
		background: url('../img/index/arrow_R.gif') no-repeat left top;
		background-size: contain;
		width: 8%;
		padding-top: 8%;
		text-indent: -7777em;
		border: 0;
		font-size: 0px;
		line-height: 0px;
		cursor:pointer;
	} 
	#col_unit_1 .img_slider_1 {
		overflow: hidden;
	}
	#col_unit_1 .img_slider_2 {
		overflow: hidden;
	}		
	div#index_banners{
		width:  98%;
		margin: 0 1% 14px 1%;
	}
	div#index_banners:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	div#index_banners ul li{
		width: 49%;
		float: left;
		margin: 0 2% 2% 0;
		text-align: center;
	}
	div#index_banners ul li:nth-child(2n){
		margin-right: 0;
	}
	
	div#index_inner_banners_top{
		width: 100%;
		height: auto;
		clear: both;
	}
	div#index_inner_banners_top li{
		margin-bottom: 14px;
	}
	div#index_inner_banners_top li.index_banners724{
		width: 100%;
	}
	div#index_inner_banners_top li.index_banners355{
		max-width: 49%;
	}
	div#index_inner_banners_top li{
		margin-bottom: 14px;
	}
	.banners_2col{
		letter-spacing: -0.5em;
	}
	.banners_2col > li {
		vertical-align: top;
		display: inline-block;
		letter-spacing: normal;
		width: 49%;
		text-align: center;
	}

	.banners_2col li:nth-child(odd){
		margin-right:2%;
	}
	
	div#index_news{
		clear: both;
		width: 98%;
		margin: 0 1%;
	}
	div#index_topic{
		width: 98%;
		margin: 0 1%;
	}
	div#index_news h2{
		color: #fff;
		text-align: left;
		background-color: #E5446C;
		font-weight: bold;
		font-size: 1.063em;
		border-radius: 4px;
		padding: 12px 10px 8px 20px;
		margin: 0;
		line-height: 1;
	}
	div#index_topic h2{
		color: #fff;
		text-align: left;
		background-color: #80AF49;
		font-weight: bold;
		font-size: 1.063em;
		border-radius: 4px;
		padding: 12px 10px 8px 20px;
		margin: 0;
		line-height: 1;
	}
	
	
	div#index_news ul,
	div#index_topic ul{
		margin-top: 14px;
	}
	div#index_news ul li,
	div#index_topic ul li{
		margin-bottom: 14px;
		width: 100%;
		clear: left;
		overflow: hidden;
	}
	div#index_news ul li a img,
	div#index_topic ul li a img{
		float: left;
		margin-right: 2%;
		width: 30%;
		height: auto;
	}
	div#index_news ul li p,
	div#index_topic ul li p{
		font-size: 2.6vw;
	}
	div#index_news ul li p span{
		float:  left;
		background-color: #e5446c;
		padding: 3px;
		color: #fff;
		margin: 0 5px 0 0;
		display: block;
		width: 30%;
		text-align: center;
		font-size: 2.4vw;
	}
	div#index_topic ul li p span{
		float:  left;
		background-color: #80AF49;
		padding: 3px;
		color: #fff;
		margin: 0 5px 0 0;
		display: block;
		width: 30%;
		text-align: center;
		font-size: 2.4vw;
	}
	div#index_news ul li p.news_ttl,
	div#index_topic ul li p.news_ttl{
		width: 100%;
		padding-top: 8px;
		font-size: 3vw;
	}
	div#index_news ul li p.news_ttl a,
	div#index_topic ul li p.news_ttl a{
		color: #4d4d4d;
		text-decoration:  none;
	}
	div#index_news p.index_news_more{
		width:  100%;
		margin: 14px 0;
		padding: 10px 0;
		background-image: linear-gradient(-45deg, #E5446C 25%, transparent 25%, transparent 50%, #E5446C 50%, #E5446C 75%, transparent 75%, transparent);
		background-size: 8px 8px;
		text-shadow: 1px 1px 2px rgba(0,0,0,.3);
		font-size: 3.4vw;
	}
	div#index_news p.index_news_more a{
		display: block;
		background-color: #E5446C;
		border-radius: 0.5em;
		width: 70%;
		padding: 5px 0;
		margin: 0 auto;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
	}
	div#index_topic p.index_topic_more{
		width:  100%;
		margin: 14px 0;
		padding: 10px 0;
		background-image: -webkit-linear-gradient(-45deg, #80AF49 25%, transparent 25%, transparent 50%, #80AF49 50%, #80AF49 75%, transparent 75%, transparent);
		background-image: linear-gradient(-45deg, #80AF49 25%, transparent 25%, transparent 50%, #80AF49 50%, #80AF49 75%, transparent 75%, transparent);
		background-size: 8px 8px;
		text-shadow: 1px 1px 2px rgba(0,0,0,.3);
		font-size: 3.4vw;
	}
	div#index_topic p.index_topic_more a{
		display: block;
		background-color: #80AF49;
		border-radius: 0.5em;
		width: 70%;
		padding: 5px 0;
		margin: 0 auto;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
	}
	
	div#index_inner_banners_bottom{
		clear: both;
		margin-top: 14px;
	}
	div#index_inner_banners_bottom ul li{
		float: left;
		width: 48%;
		height: calc(45vw * 0.35);
		display: block;
		margin: 0 1% 2%;
		overflow: hidden;
	}
	div#index_inner_banners_bottom ul li a img{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
/*
	@media all and (max-width:400px) {
		div#index_inner_banners_bottom ul li{
			width: 44vw;
			height: calc(44vw * 0.35);
		}
	}
*/
	
}/* end smart phones */