@media (min-width: 669px) { #gNavProduct > a { background: url(../images/common/gnav_bg.png) no-repeat center bottom; } }

#introduction { text-align: center; padding-top: 20px; margin-bottom: 40px; }
@media (min-width: 669px) { #introduction { margin-bottom: 70px; } }
#introduction p { margin-bottom: 20px; line-height: 1.5; font-weight: 500; }
#introduction p:last-child { margin-bottom: 0; font-size: 116%; }
@media (min-width: 669px) { #introduction p { margin-bottom: 40px; } }
#introduction p b { font-size: 189%; }
@media (min-width: 669px) { #introduction p b { font-size: 300%; } }

#products section { line-height: 1.5; margin-bottom: 20px; }
#products section:last-child { margin-bottom: 0; }
@media (min-width: 669px) { #products section { width: 308px; margin-bottom: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; } }
#products section h2 { margin-top: 0; }
#products section h2 img { width: 100%; }
@media (min-width: 669px) { #products section h2 + p { margin-bottom: 20px; } }
#products ul { padding: 0; margin: auto 0 0; }
#products ul li { list-style: none; margin-left: 0; }
#products ul li a { display: block; color: #fff; font-weight: bold; text-align: center; padding: 10px; font-size: 116%; behavior: url("http://www.hiroshima-db.com/css/PIE.htc"); position: relative; }
@media (min-width: 669px) { #products ul li a:hover { text-decoration: none; } }
#products .soseki a { background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #2e0e01), color-stop(0, #6a3a0d)); background: -webkit-linear-gradient(#6a3a0d, #2e0e01); background: -moz-linear-gradient(#6a3a0d, #2e0e01); background: -o-linear-gradient(#6a3a0d, #2e0e01); background: -ms-linear-gradient(#6a3a0d, #2e0e01); background: linear-gradient(#6a3a0d, #2e0e01); }
#products .hoso a { background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #142358), color-stop(0, #455d94)); background: -webkit-linear-gradient(#455d94, #142358); background: -moz-linear-gradient(#455d94, #142358); background: -o-linear-gradient(#455d94, #142358); background: -ms-linear-gradient(#455d94, #142358); background: linear-gradient(#455d94, #142358); }
#products .keikan a { background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #91263c), color-stop(0, #bf617a)); background: -webkit-linear-gradient(#bf617a, #91263c); background: -moz-linear-gradient(#bf617a, #91263c); background: -o-linear-gradient(#bf617a, #91263c); background: -ms-linear-gradient(#bf617a, #91263c); background: linear-gradient(#bf617a, #91263c); }