@charset "utf-8";
/* ギガ　コンテンツレイアウト
=================================================================== */
.gi {
 margin: 0 auto 2em;
 max-width: 750px;
}
.gi .logo-gi {
 text-align: center;
 background-color: #fff;
 padding: 25px 0 30px
}
.gi .logo-gi img {
 width: 100%;
}
.gi img {
 max-width: 100%;
}
.gi .read {
 font-size: 15px;
 line-height: 1.8em;
 padding: 0 1em 2em;
}
.gi .contentsbox .read {
 padding: 0 0 1.6em;
}
.gi .read a {
 color: #2942C2;
 text-decoration: underline;
}
.gi .contentsbox {
 background-color: #ebebeb;
}
.gi .contentsbox, .gi .contentsbox ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-lines: multiple;
 -moz-box-lines: multiple;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 padding: 2em 1em;
}
.gi .contentsbox ul {
 padding: 0.8em;
 background-color: #fff;
}
.gi .article-list ul:not(:last-of-type), .gi .library-list ul:not(:last-of-type) {
 border-bottom: 2em solid #ebebeb;
}
.gi .seminar, .gi .article-list, .gi .library-list {
 display: block;
 width: 100%;
 margin-bottom: 2em;
}
.gi .library-list {
 margin-bottom: 0;
}
.gi .contentsbox .ttl {
 color: #fff;
 text-align: center;
 font-size: 1.2em;
 line-height: 1.6em;
 font-weight: 800;
 padding: 14px 0 10px;
 background: #2942C2;
}
.gi .contentsbox .ttl .big {
 font-size: 1.6em;
 display: inline-block;
 margin-left: .2em;
}
.gi .contentsbox ul li {
 display: block;
 border-bottom: 1px solid #D1D1D1;
 position: relative;
 width: 100%;
}
.gi .contentsbox ul li:last-of-type {
 border-bottom: none;
}
.gi .contentsbox ul li a {
 padding: 1em 0;
 display: block;
 box-sizing: border-box;
}
.gi .contentsbox ul li a:hover {
 color: #333;
}
.gi .contentsbox .thumb {
 width: 90px;
 height: 90px;
 overflow: hidden;
 background-color: #fff;
 background-size: 120px auto;
 position: relative;
 box-sizing: border-box;
 float: left;
}
.gi .contentsbox .thumb img {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 max-width: 90%;
}
.gi .contentsbox .thumbR {
 width: 70%;
 max-width: 280px;
 margin: 0 auto 2em;
}
.gi .obi i {
 display: inline-block;
 color: #2942C2;
 font-size: 14px;
 font-weight: 600;
 line-height: 1em;
 padding: 3px 0;
 box-sizing: border-box;
 margin-bottom: 5px;
}
.gi .contentsbox .readmore {
 text-align: right;
 position: absolute;
 bottom: 1em;
 right: 0;
 color: #2942C2;
 font-size: 12px;
 font-style: italic;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: 700;
 margin-left: 7px;
 padding: 2px 5px;
 white-space: nowrap;
 display: inline-block;
 border-radius: 2px;
 text-decoration: underline;
}
.gi .contentsbox .seminar .readmore {
 position: relative;
 bottom: 0;
 right: 0;
 line-height: 1.4em;
}
.gi .contentsbox .text {
 font-weight: 600;
 font-size: 15px;
 padding-bottom: 2em;
 margin-left: 108px;
}
.gi .contentsbox .sub {
 font-size: 13px;
}
.gi .contentsbox .seminar .text {
 margin-bottom: 10px;
}
.gi .contentsbox .text br {
 display: none;
}
.gi .article-list ul li.infobox .readmore {
 position: inherit;
 line-height: 1em;
 float: right;
}
.gi .article-list ul li.infobox .readmore {
 position: inherit;
 line-height: 1em;
 float: right;
}
.gi .article-list ul li.infobox .read {
 padding-bottom: 3em;
}
.gi .article-list ul li.infobox .read {
 font-weight: 600;
 line-height: 1.4em;
}
.gi .article-list ul li.infobox .sub {
 font-size: 12px;
 color: #999;
}