@charset "utf-8";
/*TOPページ*/
.main-item
{
    -webkit-animation: anime_slider_fade 21s 0s infinite;
            animation: anime_slider_fade 21s 0s infinite;
}

.main-item:nth-of-type(2)
{
    -webkit-animation-delay: 7s;
            animation-delay: 7s;
}

.main-item:nth-of-type(3)
{
    -webkit-animation-delay: 14s;
            animation-delay: 14s;
}



body {
background: #fff!important;
}
.tdpd10 table td{
    padding: 10px !important;
}
.tdpd5 table td{
    padding: 5px !important;
}
.tdpd3 table td{
    padding:3px !important;
}

.icon_campaign {
	position: absolute;
	width: 180px;
    bottom: -35px;
    left: 90px;
}
.main-copy{
/*	position: static!important;*/
}
.main-copy img{
	right: 30px;
	top: 30px;
	position: absolute;
	max-width: 400px;
	width: 45%;
}
.doumin {
	position: relative;
	padding: 0;
}

.about_feed {
	position: relative;
	padding: 0;
}

.about_midashi {
	position: absolute;
	top: 300px;
	z-index: 10;
}


.wrapSlider {
    position: relative;
}
.wrapSlider .txtBox {
    position: absolute;
    bottom: -30%;
    left: 0;
}


.telbox img{
	vertical-align: text-bottom;
}

.main-item:nth-of-type(2){
	background-position:bottom center!important;
}


@media screen and (max-width: 768px){
.main-item{
	background: url(../images/common/main1_sp.jpg) top center/cover no-repeat;
	background-position: top center!important;
}
.main-item:nth-of-type(2){
background: url(../images/common/main2_sp.jpg) top center/cover no-repeat;
	background-position: top center!important;
}
.main-item:nth-of-type(3){
	background: url(../images/common/main3_sp.jpg) top center/cover no-repeat;
		background-position: top left!important;
}
.icon_campaign {
	position: absolute;
	width: 120px;		
    bottom: -25px;
    left: 100px;
}

.mailsp{
	width: 14%!important;
}

img.imgL {
	max-width: 100%!important;
}
img.imgR {
	max-width: 100%!important;
}

}

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

.icon_campaign {
	position: absolute;
	width: 80px!important;
    bottom: 40px;
    left: 0px;
}


img.mailsp{
	display: inline-block!important;
	width: 14%!important;
	margin-left: 5px;
}


#c2 img {
    width: 14%!important;
}

img.imgL {
	max-width: 100%!important;
}
img.imgR {
	max-width: 100%!important;
}

}
