@charset "UTF-8";

.nav-headerIdea{ background:#580f10; text-align:center;}

/* 6つの要素 */
.ideaElementsIndex{ padding:100px 20px; box-sizing:border-box;}
.ideaElementsDitail{ box-sizing:border-box; padding:0 20px;}
.ideaElementsRead{ font-size:14px; text-align: center; margin-bottom:100px; font-weight:bold;}
.ideaElementsIndex ul{ font-size:0;}
.ideaElementsIndex li{ background:#fff; width:32.14285%; display:inline-block; margin:0 1.785% 1.785% 0; position:relative; vertical-align:top}
.ideaElementsIndex li img{ width:100%; height:auto;}
.ideaElementsIndex li .namber{ position:absolute; left:0; top:0; font-size:20px; line-height:15px; padding-top:11px; box-sizing:border-box; }
.ideaElementsIndex li .namber span{ font-size:10px;}
.ideaElementsIndex li:nth-child(3n){ margin-right:0;}
.ideaElementsIndex li dl{ padding:21px 22px;} 
.ideaElementsIndex li dt{ font-size:14px; font-weight:bold;}
.ideaElementsIndex li dd{ font-size:14px;}
.ideaElementsIndex .namber{ background:#a9231c; color:#fff; width:90px;}


.ideacon{  padding:100px 20px; box-sizing:border-box;}
.ideacon ul{ font-size:0;}
.ideacon li{ background:#f6f6f6; width:100%; display:inline-block;  position:relative; font-size:0; margin-bottom:50px;}
.ideacon li p.ideaImg{ width:36%; display:inline-block;  vertical-align:middle;}
.ideacon li img{ width:100%; height:auto;}
.ideacon li .namber{ position:absolute; left:0; top:0; font-size:20px; line-height:17px; padding-top:11px; box-sizing:border-box; }
.ideacon li .namber span{ font-size:10px; letter-spacing:0;}
.ideacon li dl{ padding:21px 5%; width:64%; display:inline-block; box-sizing:border-box; vertical-align:middle;} 
.ideacon li dt{ font-size:24px; line-height:48px;}
.ideacon li dd{ font-size:15px; line-height:30px;}


@media screen and (max-width:900px){
.ideaElementsIndex li{ background:#fff; width:100%; display:block; margin:0 0 20px 0; position:relative;}
.ideaElementsRead{ margin-bottom:20px; font-size:12px;}
.ideaElementsIndex{ padding:20px ;}
.ideacon li{  width:100%; display:block; margin:0 0 20px 0; position:relative;}
.userVoiceDitail{ padding:0 20px;}
.ideacon li p.ideaImg{ display:block; width:100%; vertical-align:top; }
.ideacon li dl{ display:block; width:100%; margin-left:0; vertical-align:top;}
.ideacon{ padding:20px ;}

.ideacon li dl{ padding:10px 5%; width:100%; display:inline-block; box-sizing:border-box; vertical-align:middle;} 
.ideacon li dt{ font-size:14px; line-height:24px; font-weight:bold; margin-bottom:10px;}
.ideacon li dd{ font-size:14px; line-height:22px;}

}