@charset "utf-8";
@import "../../common/css/reset.css";
@import "../../common/css/base.css";

/* 保険商品ラインナップ
----------------------------------------------------------- */
#contents{}

#contents .sectionBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}

.hover a{display:block;opacity:1;transition:opacity 0.5s;}
.hover a:hover{opacity:0.7;}

.lineupBox{position:relative;width:47.5%;/*570*/margin-bottom:6.25%;}
.lineupBox h3{position:absolute;top:0;left:0;width:100%;z-index:-1;}
.lineupBox h3 img{width:100%;height:auto;}
.lineuoitem{width:92.98%;/*530*/margin:20.64% auto 0;}
.lineuoitem:after{content:'';display:block;clear:both;}
.lineuoitem p{float:left;width:47.17%;max-width:250px;margin-right:5.66%;background:#fff;}
.lineuoitem p:last-child{margin-right:0;}
.lineuoitem p{border-radius:5%;box-shadow:0px 0px 21px 0px rgba(0,0,0,0.2);}
.lineuoitem p img{width:100%;height:auto;}

#blue{width:100%;}
#blue .lineuoitem{width:96%;margin:8.5% 0 0 2%;}
#blue .lineuoitem p{width:21.8%;margin-right:2.08%;}
#blue .lineuoitem p:last-child{margin-right:0;}

#red p{position:relative;}
#red p a.anc{position:absolute;top:0;left:0;margin:129% 0 0 15%;width:68%;height:0;padding-top:8%;}
#red p a.anc2{margin-top:141%;}

#red .lineuoitem,
#pink .lineuoitem{margin-top:19.75%;}
#pink .lineuoitem p{margin-right:3.77%;}
#pink .lineuoitem p.w260{width:49.05%;max-width:260px;}
#pink .lineuoitem p:last-child{margin-right:0;}

#brown{margin-bottom:0;}
#brown .lineuoitem{margin-top:16.3%;}


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

#contents .sectionBox{display:block;}

.lineupBox{width:100%;margin-bottom:6.25%;}
.lineupBox h3{}
.lineuoitem{width:96%;margin:0 auto;padding-top:20.64%;}
.lineuoitem p{width:47.17%;max-width:250px;margin-right:5.66%;}

#blue{}
#blue .lineuoitem{margin:0 auto;padding-top:17.5%;}
#blue .lineuoitem p{width:47.17%;margin-right:5.66%;margin-bottom:5.66%;}
#blue .lineuoitem p:nth-child(2){margin-right:0;}
#blue .lineuoitem p:nth-child(3){margin-bottom:0;}
#blue .lineuoitem p:nth-child(4){margin-bottom:0;}

#red .lineuoitem,
#pink .lineuoitem{margin-top:0%;padding-top:19.75%;}
#pink .lineuoitem p{margin-right:3.77%;}
#pink .lineuoitem p.w260{width:49.05%;max-width:260px;}
#pink .lineuoitem p:last-child{margin-right:0;}

#brown .lineuoitem{margin-top:0;padding-top:16.3%;}	
}