.lineup_article_wrap h3,
.banner_area h3{
    display: inline-block;
    font-size: 3.3rem;
    border-bottom: 4px solid #1c4381;
    padding-bottom: 0.5rem;
    margin-bottom: 3rem;
}
.lineup_list {
    padding: 5rem 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.lineup_list li{
    width: 28%;
    margin-right: 5.333333%;
    margin-bottom: 10rem;
}
.lineup_list li:nth-of-type(3n){
    margin-right: 0;
}
@media screen and (max-width:890px) {
.lineup_article_wrap h3,
.banner_area h3{
    font-size: 2.8rem;
    padding-bottom: 0.5rem;
    margin-bottom: 2rem;
}
.lineup_list {
    padding: 3rem 0 0;
}
.lineup_list li{
    width: 46%;
    margin-right: 8%;
    margin-bottom: 5rem;
}
.lineup_list li:nth-of-type(3n){
    margin-right: 4%;
}
.lineup_list li:nth-of-type(2n){
    margin-right: 0;
}
}

.lineup_list .lineup_img{
    width: 100%;
    height: 200px;
    margin-bottom: 3rem;
}
.lineup_list .lineup_img img{
    width: 100%;
    height: 200px;
    object-fit: contain;
    font-family: 'object-fit: contain;';
}
.lineup_list li h4{
    display: inline-block;
    font-size: 1.8rem;
    border-bottom: 1px solid #000;
    margin-bottom: 1rem;
}
.lineup_list li p{
    font-size: 1.4rem;
}
.tab_wrap {
    width: 100%;
    padding: 0 2rem;
    margin: 0 auto 50px
}
input[type=radio] {
    display: none
}
.tab_area {
    padding: 10rem 0 5rem ;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.tab_area label {
    width: 130px;
    margin: 0 0.5rem 1rem;
    display: inline-block;
    padding: 1rem 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border: 2px solid #1c4381;
    background: #1c4381;
    color: #fff;
    text-align: center;
}
@media screen and (max-width:1050px) {
.tab_area label{
    width: 23%;
    margin: 0 1% 1rem;
}
.tab_area {
    padding: 5rem 0 3rem ;
}
}
@media screen and (max-width:680px) {
.tab_area {
    justify-content: flex-start;
}
.tab_area label{
    width: 48%;
    margin: 0 1% 1rem;
}

}
.lineup02,.lineup03,.lineup04,.lineup05,.lineup06,.lineup07{
    display: none;
}
#tab1:checked~.tab_area .tab1_label ,
#tab2:checked~.tab_area .tab2_label ,
#tab3:checked~.tab_area .tab3_label ,
#tab4:checked~.tab_area .tab4_label ,
#tab5:checked~.tab_area .tab5_label ,
#tab6:checked~.tab_area .tab6_label ,
#tab7:checked~.tab_area .tab7_label {
    background: #fff;
    color: #1c4381;
}
#tab1:checked~.lineup_article_wrap .lineup02,
#tab1:checked~.lineup_article_wrap .lineup03,
#tab1:checked~.lineup_article_wrap .lineup04,
#tab1:checked~.lineup_article_wrap .lineup05,
#tab1:checked~.lineup_article_wrap .lineup06,
#tab1:checked~.lineup_article_wrap .lineup07{
    display: block;
}
#tab2:checked~.lineup_article_wrap .lineup02{
    display: block;
}
#tab3:checked~.lineup_article_wrap .lineup03{
    display: block;
}
#tab4:checked~.lineup_article_wrap .lineup04{
    display: block;
}
#tab5:checked~.lineup_article_wrap .lineup05{
    display: block;
}
#tab6:checked~.lineup_article_wrap .lineup06{
    display: block;
}
#tab7:checked~.lineup_article_wrap .lineup07{
    display: block;
}
.lineup_banner li{
    width: 49%;
    padding: 3rem 1rem 1rem;
    margin-bottom: 2rem;
}
.lineup_banner li:first-child{
    background: url("../img/product_lineup/bg01.jpg") no-repeat center center;
    background-size: cover;
}
.lineup_banner li:nth-child(2){
    background: url("../img/product_lineup/bg02.jpg") no-repeat center center;
    background-size: cover;
}
.lineup_banner li:nth-child(3){
    background: url("../img/product_lineup/bg03.jpg") no-repeat center center;
    background-size: cover;
}
.lineup_banner li:nth-child(4){
    background: url("../img/product_lineup/bg04.jpg") no-repeat center center;
    background-size: cover;
}
.lineup_banner li h4{
    display: inline-block;
    font-size: 2.4rem;
    background: rgba(255,255,255,0.60);
    padding: 1rem 2rem 0.5rem 0;
    margin-left: -1rem;
}
.lineup_banner li h4 span{
    border-bottom: 1px solid #000;
    padding: 0 1rem;
}
.lineup_banner li p{
    width: 98%;
    background: rgba(255,255,255,0.60);
    margin: 3rem auto 1rem;
    padding: 0.5rem;
}
.btn_blue{
    justify-content: space-around;
    margin: 2rem auto 15rem;
}
.btn_blue a{
    width: 250px;
    padding: 1.5rem 3rem;
    margin-bottom: 1rem;
}
@media screen and (max-width:680px) {

.lineup_banner li{
    width: 100%;
}
.btn_blue{
    margin: 2rem auto 10rem;
}
}
span.lineup_icon1{
	font-size:12px;
	padding:3px;
	background-color:#32CD99;
	color:white;
}
span.lineup_icon2{
	font-size:12px;
	padding:3px;
	background-color:#1c4381;
	color:white;
}
span.lineup_icon3{
	font-size:12px;
	padding:3px;
	background-color:#E74C3C;
	color:white;
}