@charset "utf-8";
/* CSS Document */

h1,
h2 { text-align: center; }
h2 { line-height: 3em; }
h1 + p { text-align: center; color: #999; padding: 0 10%; }
.subcompany-list-1 { margin: 30px 0; }
.subcompany-list-1 a { display: block; position: relative; width: 100%; }
.subcompany-list-1 a img { width: 100%; }
.cover-left,
.cover-right { position: absolute; left: 0; top: 0; width: 50%; height: 100%; }
.cover-right { left: auto; right: 0; }
.subcompany-list-1 a:hover .cover-left,
.subcompany-list-1 a:hover .cover-right { background: #000; background: rgba(0, 0, 0, 0.5); }
.cover-left div,
.cover-right div { position: absolute; left: 0; top: 50%; width: 100%; font-size: 30px; font-weight: bold; line-height: 1em; color: #fff; padding: 0 1em; text-align: center; transform: translate(0%, -50%); text-shadow: 5px 5px 10px #333; }
.subcompany-list-2 a { display: block; position: relative; float: left; width: 33.3333%; padding: 11.1111% 0; }
.subcompany-list-2 a * { position: absolute; z-index: -1; }
.subcompany-list-2 a:hover:before { content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); }
.arrow-light-blue-left,
.arrow-light-blue-right,
.arrow-gray-left,
.arrow-gray-right,
.arrow-orange-down { z-index: 99; }
.arrow-light-blue-left:after,
.arrow-light-blue-right:after,
.arrow-gray-left:after,
.arrow-gray-right:after,
.arrow-orange-down:after { content: ' '; position: absolute; width: 10px; height: 10px; border: 10px solid transparent; }
.arrow-orange-down:after { top: 100%; right: 3em; border-top: 16px solid #ff9900; }
.arrow-light-blue-left:after { right: 100%; top: 3em; border-right: 16px solid #d7f3fd; }
.arrow-light-blue-right:after { left: 100%; top: 3em; border-left: 16px solid #d7f3fd; }
.arrow-gray-left:after { right: 100%; top: 3em; border-right: 16px solid #f8f8f8; }
.arrow-gray-right:after { left: 100%; top: 3em; border-left: 16px solid #f8f8f8; }
.bg-light-blue { background: #d7f3fd; }
.i1-logo { width: 16%; margin: 0 42%; left: 0; bottom: 10px; }
.i1-text { top: 0px; left: 0; width: 100%; padding: 10px; color: #fff; text-align: center; font-size: 24px; }
.img-full { width: 100%; height: 100%; left: 0; top: 0; }
.text-middle { width: 100%; height: 1.6em; left: 0; top: 50%; padding: 0 0.5em; margin-top: -0.8em; line-height: 1.6em; font-size: 18px; font-weight: bold; color: #333; text-align: center; }
.text-middle.white { color: #fff; }