/*5カラムにする*/
.lyt-idx-b.diff-col5>*{
	width: 20%;
}

@media only screen and (max-width:767px){
	.lyt-idx-b.diff-col5>*{
	width: 100%;
	}
}

@media only screen and (max-width:767px){
	.lyt-idx-b.diff-col5.diff-sp-col2>*{
	width: 50%;
	}
}


/*フルサイズ背景画像のテキストリンクについて、矢印とPDFをつける*/
.dl-ana .btn-a[href$=".pdf"] .icon-cover,.dl-ana .btn-a[target=_blank] .icon-cover{
	position: absolute;top:50%;
	right: 30px;
	display: inline-block;
	margin-top: -8px;
}

.dl-ana .btn-a{
	position: relative;
	display: inline-block;
	padding: 8px 48px 8px 22px;
	text-align: center;
	line-height: 1.4;
	text-decoration: none!important;
	box-shadow: 0 1px 2px rgba(0,0,0,.18);
	transition: background .2s;
}

.dl-ana .btn-a::before,.btn-b::before{
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 2px solid #a30b1a;
	border-right: 2px solid #a30b1a;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*フルサイズ背景画像の下にテキストを入れる*/
.main-contents .section.mt0 .section-inner{
	padding-top: 0px;
}

/*フルサイズ背景画像は1280px以上で縮小拡大しない*/


@media only screen and (min-width:1280px) {
	 .hero-area-b.fullpic .visual img{ 
		max-width:1440px;
		min-width:1440px;
		height:auto;
		}
}




/*画像切り替え*/


@media only screen and (max-width:767px){
	img.max767{
	    display: block;
	} /* 表示 */
    img.768-1279{ 
    	display: none;
    }  /* 非表示 */
    img.min1280{ 
        display: none; 
    }  /* 非表示 */
}

@media only screen and (max-width:1023px) and (min-width:768px){
	img.max767{
	    display:  none;
	} /* 表示 */
    img.768-1279{ 
    	display:  block;
    }  /* 非表示 */
    img.min1280{ 
        display: none;
     }  /* 非表示 */
}

@media only screen and (min-width:1024px){
	img.max767{
	    display:  none;
	} /* 表示 */
    img.768-1279{ 
    	display:  none;
    }  /* 非表示 */
    img.min1280{ 
        display:  block;
     }  /* 非表示 */
}