.maindesign h1{
display: flex;
align-items: flex-start;
}

.maindesign h1 img{
	width: 100%;
	height: auto
}
.maindesign .feature-hdg2{

}
@media screen and (min-width:768px) {

.maindesign h1 .heading01 {
color: #000;
    text-align: center;
    font-weight: bold;
    font-size: 41px;
    padding-top: 0;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    right: 0%;
    line-height: 1.3;
    width: 60%;
} 
.maindesign .heading02 {
font-size: 80px;
}  
	.maindesign h2.headingMiddle{
position: relative;
padding-bottom: 1.25rem;
border-bottom: 3px solid #B6B6B6;
font-size: 1.5rem;
margin-top: calc(60px - 0.6rem);
margin-bottom: calc(45px - 0.75rem);
line-height: 1.2;

	}
	.maindesign h2.headingMiddle::after{
position: absolute;
content: " ";
border-bottom: solid 3px #E5002D;
bottom: -3px;
width: 8%;
display: block;
	}
	.maindesign h3.heading-future{
font-size: 1.75rem;
    margin-top: calc(30px - 0.6rem);
    margin-bottom: calc(20px - 0.75rem);
    padding-bottom: 0.5rem;
			font-weight: bold
	}
/* ----pc 特集ボタン----*/ 
.maindesign .feature__items{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.maindesign .feature__items li{
width: 48%;
min-height: 140px;
margin-top: 24px;
font-size: 0.9em;
position: relative;
}
.maindesign .feature__items li:nth-child(-n+2) {
margin-top: 0 
}
.maindesign .feature__items li a{
display: flex;
justify-content: space-between;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 20px 15px 15px 20px;
border: 1px solid #CCC;
border-radius: 5px;
overflow: hidden;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; 
}
.maindesign .maindesign .feature__items li a:hover{
border-color: #E5002D;
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
transition: 0.6s; 
text-decoration: none;
}
.maindesign .feature__items li a .feature__items--img{
margin: 0 20px 0 20px;
width:24% ;
}
.maindesign .feature__items li a .feature__items--txt{
width: calc( 76% - 40px)
}
.maindesign .feature__items li a .feature__items--txt .feature__items--txt__title{
font-weight: bold;
font-size: 1.5rem;
line-height: 1.3;
margin-bottom: 0.6rem
}
.maindesign .feature__items li a .feature__items--txt .feature__items--txt__catch{
line-height: 1.5;
font-size: 1.1rem
}
.maindesign .feature__items li a:after {
content: "";
position: absolute;
top: 5px;
right: 5px;
background-image: url(../image/icoLink-red.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.maindesign .howto li a:after {
content: none;
}
.maindesign.product-list-btn {
margin: 1rem auto 3rem auto;
width: 1080px;
} 
}
/* -- 特集ボタン表示end --  */


/* ----sp ----*/
@media screen and (max-width: 767px) {
.maindesign h1 .heading01 {
color: #000;

    font-weight: bold;
    font-size: 3vw;
    margin-left: 0;
    right: 5%;
    padding-top: 0;
    position: absolute;
    top: 55%;
    transform: translatey(-50%);
    width: 50%;
    text-align: center;
    line-height: 1.3;
} 
.maindesign .heading02 {
font-size: 9vw;
}  
	.maindesign .feature-hdg2{
	font-size: 1.3rem
}
	.maindesign h2.headingMiddle{
    position: relative;
    padding-bottom: 1.25rem;
    border-bottom: 3px solid #B6B6B6;
    font-size: 1.3rem;
    margin-top: calc(60px - 0.6rem);
    margin-bottom: calc(45px - 0.75rem);
    line-height: 1.2;
		

	}
	.maindesign h2.headingMiddle::after{
	position: absolute;
content: " ";
border-bottom: solid 3px #E5002D;
bottom: -3px;
width: 8%;
display: block;	
	}
		.maindesign h3.heading-future{
font-size: 1.25rem;
margin-top: calc(50px - 0.6rem); 
margin-bottom:calc(15px - 0.75rem); 
padding-bottom: 0.5rem;
line-height: 1.3;
				font-weight: bold
	}
/* ----特集ボタン----*/
/* 特集2-1列表示 */ 
.maindesign .feature__items{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.maindesign .feature__items li{
width: 100%;
margin-top: 1rem;
position: relative;
}
.maindesign .feature__items li:first-child {
margin-top: 0 
}
.maindesign .feature__items li a{
display: flex;
justify-content: space-between;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 12px 8px 12px 12px;
border: 1px solid #CCC;
border-radius: 5px;
overflow: hidden;
}
.maindesign .feature__items li a .pickup--img{
margin: 0 10px 0 10px;
width:28% ;
}
/*.feature__items li a:hover{
border-color: #E5002D;
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
transition: 0.6s; 
text-decoration: none;
}*/
.maindesign .feature__items li a .feature__items--img{
margin: 0 20px 0 20px;
width:24% ;
}
.maindesign .feature__items li a .feature__items--txt{
width: calc( 72% - 20px);
display: flex;
    align-items: center;
}
.maindesign .feature__items li a .feature__items--txt .feature__items--txt__title{
font-weight: bold;
font-size: 1.15rem;
line-height: 1.3;
margin-bottom: 0.4rem;
}
.maindesign .feature__items li a .feature__items--txt .feature__items--txt__catch{
line-height: 1.5;
font-size: 0.85rem;
}
.maindesign .feature__items li a:after {
content: "";
position: absolute;
top: 5px;
right: 5px;
background-image: url(../image/icoLink-red.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.maindesign .kougu li a:after {
background-image: url(../image/icoLink-shizai.png) !important;
}
.maindesign .engei li a:after {
background-image: url(../image/icoLink-engei.png) !important;
}
.maindesign .howto li a:after {
content: none;
}
}

.maindesign .dsnone{
	display: none
}
.maindesign .feature__items-img img{
	width: 100%;
	height: auto
}
/* -- 特集ボタン表示end --  */