@charset "UTF-8";
  .con_article .inner,
html.lower #contents .con_title .inner {
max-width: 1100px;
margin: auto;
}
@media only screen and (max-width: 1024px) {
.con_article .inner,
html.lower #contents .con_title .inner {
width: 95%;
}
}
.con_article .inner ul.list_article:after,
.con_article .inner ul.list_article li:after {
content: "";
display: table;
clear: both;
}
@-moz-keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
} .con_article {
margin: 2.5% auto;
}
.con_article .inner ul.list_article li {
float: left;
width: 49%;
border: 1px solid #177fb8;
margin-bottom: 2%;
background: #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 2%;
padding-right: 1em;
position: relative;
}
.con_article .inner ul.list_article li:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 1.5em 1.5em;
border-color: transparent transparent #1957a0 transparent;
}
.con_article .inner ul.list_article li a {
display: block;
text-decoration: none;
}
.con_article .inner ul.list_article li a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.con_article .inner ul.list_article li dt {
padding-bottom: 2%;
font-size: 150%;
color: #177fb8;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.con_article .inner ul.list_article li dt {
font-size: 120%;
}
}
.con_article .inner ul.list_article li .box_txt {
display: table;
width: 100%;
}
.con_article .inner ul.list_article li .img {
width: 23%;
display: table-cell;
vertical-align: middle;
}
.con_article .inner ul.list_article li .txt {
display: table-cell;
vertical-align: middle;
width: 77%;
padding-left: 5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.con_article .inner ul.list_article li:nth-child(2n + 2) {
margin-left: 2%;
}
.con_article .inner ul.list_article li:nth-child(2),
.con_article .inner ul.list_article li:nth-child(3),
.con_article .inner ul.list_article li:nth-child(6),
.con_article .inner ul.list_article li:nth-child(7) {
background: #1957a0;
}
.con_article .inner ul.list_article li:nth-child(2) a,
.con_article .inner ul.list_article li:nth-child(3) a,
.con_article .inner ul.list_article li:nth-child(6) a,
.con_article .inner ul.list_article li:nth-child(7) a {
color: #fff;
}
.con_article .inner ul.list_article li:nth-child(2) dt,
.con_article .inner ul.list_article li:nth-child(3) dt,
.con_article .inner ul.list_article li:nth-child(6) dt,
.con_article .inner ul.list_article li:nth-child(7) dt {
color: #fff;
}
.con_article .inner ul.list_article li:nth-child(2):after,
.con_article .inner ul.list_article li:nth-child(3):after,
.con_article .inner ul.list_article li:nth-child(6):after,
.con_article .inner ul.list_article li:nth-child(7):after {
border-color: transparent transparent #fff transparent;
}
@media only screen and (max-width: 767px) {
.con_article .inner ul.list_article li {
float: none;
width: 100%;
}
.con_article .inner ul.list_article li:nth-child(2n + 2) {
margin-left: 0;
}
.con_article .inner ul.list_article li:nth-child(2),
.con_article .inner ul.list_article li:nth-child(4),
.con_article .inner ul.list_article li:nth-child(6),
.con_article .inner ul.list_article li:nth-child(8) {
background: #1957a0;
}
.con_article .inner ul.list_article li:nth-child(2) a,
.con_article .inner ul.list_article li:nth-child(4) a,
.con_article .inner ul.list_article li:nth-child(6) a,
.con_article .inner ul.list_article li:nth-child(8) a {
color: #fff;
}
.con_article .inner ul.list_article li:nth-child(2) dt,
.con_article .inner ul.list_article li:nth-child(4) dt,
.con_article .inner ul.list_article li:nth-child(6) dt,
.con_article .inner ul.list_article li:nth-child(8) dt {
color: #fff;
}
.con_article .inner ul.list_article li:nth-child(2):after,
.con_article .inner ul.list_article li:nth-child(4):after,
.con_article .inner ul.list_article li:nth-child(6):after,
.con_article .inner ul.list_article li:nth-child(8):after {
border-color: transparent transparent #fff transparent;
}
.con_article .inner ul.list_article li:nth-child(3),
.con_article .inner ul.list_article li:nth-child(7) {
background: #fff;
}
.con_article .inner ul.list_article li:nth-child(3) a,
.con_article .inner ul.list_article li:nth-child(7) a {
color: #313131;
}
.con_article .inner ul.list_article li:nth-child(3) dt,
.con_article .inner ul.list_article li:nth-child(7) dt {
color: #177fb8;
}
.con_article .inner ul.list_article li:nth-child(3):after,
.con_article .inner ul.list_article li:nth-child(7):after {
border-color: transparent transparent #1957a0 transparent;
}
}
html.lower #contents .con_title {
background: #1957a0 url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/en/bg_title.png) top center
repeat;
height: auto;
padding: 3em 0 1em;
}
@media only screen and (min-width: 1025px) {
html.lower #contents .con_title {
padding: 3em 0 3.5em;
}
}
@media print {
html.lower #contents .con_title {
padding: 3em 0 3.5em;
}
}
.ie8 html.lower #contents .con_title {
padding: 3em 0 3.5em;
}
html.lower #contents .con_title .inner .st_title {
width: 100%;
}
html.lower #contents .con_title .inner .txt_lead {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: 0.1em;
font-family:
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
sans-serif;
font-size: 139%;
margin-top: 3%;
}
@media only screen and (max-width: 767px) {
html.lower #contents .con_title .inner .txt_lead {
font-size: 124%;
padding-left: 0;
}
}
html.lower #contents .con_title .inner .img_title {
margin-top: 2%;
}
html.lower #contents .con_title h2 {
position: static;
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}