@charset "utf-8";
.gigaindex .free-custom {
 max-width: 750px;
 margin: 0 auto;
}
.gigaindex .detail {
 letter-spacing: normal;
}
.gigaindex .head {
 display: none;
}
.gigaindex img {
 vertical-align: bottom;
 max-width: 100%;
}
.gigaindex .title {
 position: relative;
 text-align: center;
 font-size: 20px;
 width: 100%;
 overflow: hidden;
 height: 200px;
}
.gigaindex .title .main {
 height: 200px;
 position: absolute;
 left: 0;
 bottom: 0;
 top: 0;
 right: 0;
 margin: auto;
 max-width: inherit;
}
.gigaindex .line .figure {
 width: 140px;
 margin-bottom: 10px;
}
.gigaindex .line {
 background-color: rgba(255, 255, 255, 0.8);
 position: absolute;
 width: 100%;
 padding: 10px 0 16px;
 top: 40px;
 z-index: 1;
}
.gigaindex .catch {
 display: block;
 font-size: 16px;
}
.gigaindex .card--item {
 padding: 10px;
 margin-bottom: 30px;
 border: 10px solid #eee;
}
.gigaindex iframe {
 border: none;
 padding: 0;
 height: auto !important;
}
.gigaindex .title .main.inherit, .gigaindex .title.inherit {
 height: inherit;
}
.gigaindex .line.title-txt {
 text-align: center;
 background: #eee;
 position: inherit;
}
.gigaindex .card--date {
 font-weight: 600;
 font-size: 15px;
 line-height: 27px;
 text-align: center;
 box-sizing: border-box;
 padding: 0 0 5px;
}
.gigaindex .card--title {
 border-bottom: 2px solid #ccc;
 padding-bottom: 10px;
}
.gigaindex .card--date .week {
 display: inline-table;
 margin: -3px 5px 0;
 width: 16px;
 height: 16px;
 border-radius: 13px;
 background: #333;
 color: #FFF;
 font-size: 11px;
 line-height: 16px;
 vertical-align: middle;
}
.gigaindex .card--date .day {
 font-size: 0.85em;
 display: inline-table;
 vertical-align: middle;
 margin-top: -2px;
}
.gigaindex .card--date .date {
 display: inline-block;
}
.gigaindex .card--date .time {
 font-size: 0.85em;
 display: inline-table;
 vertical-align: middle;
 margin-top: -2px;
 margin-left: 10px;
}
.gigaindex .seminar--title {
 display: inline-block;
 line-height: 1.2em;
 font-size: 20px;
 font-weight: 600;
}
.gigaindex .seminar--title .small {
 font-size: 0.8em;
}
.gigaindex .card--box {
 padding-top: 14px;
}
.gigaindex .card--box .ph {
 width: 80%;
 max-width: 300px;
 background: url(/base/images/noimage_l.png) center center no-repeat #EAEAEA;
 background-size: 150px auto;
 height: 180px;
 margin: 0 auto 14px;
 ;
 overflow: hidden;
}
.gigaindex .card--box .ph img {
 width: 100%;
}
.gigaindex .card--box .contents {
 text-align: left;
 margin-bottom: 20px;
}
.gigaindex .card--box .apply {
 text-align: center;
}
.gigaindex .card--box .apply p {
 margin-bottom: 7px;
}
.gigaindex .card--box .contents .info {
 font-size: 0;
 margin-bottom: 25px;
}
.gigaindex .card--box .contents .info .ttl, .gigaindex .card--box .contents .info .movie-detail {
 display: inline-block;
 font-size: 16px;
 line-height: 1.6em;
 vertical-align: top;
}
.gigaindex .card--box .contents .info .ttl {
 width: 16%;
 font-weight: 600;
 background-color: #333;
 color: #fff;
 text-align: center;
}
.gigaindex .card--box .contents .info .movie-detail {
 width: 84%;
 padding-left: 20px;
 box-sizing: border-box;
}
.gigaindex .card--box .contents .ttl--interview {
 color: #c50018;
 border-bottom: 2px solid #ccc;
 margin-bottom: 10px;
 font-size: 16px;
 font-weight: 600px;
 padding-bottom: 3px;
}
.gigaindex .card--box .contents .interview li {
 list-style: disc;
 margin-left: 20px;
 margin-bottom: 5px;
 font-size: 15px;
}
.gigaindex .card--box .contents .interview li a, .gigaindex .card--box .apply .link {
 text-decoration: underline;
}
.gigaindex .card--box .apply .link {
 font-size: 16px;
}
.gigaindex .card--box .apply .btn {
 border: none;
 cursor: pointer;
 padding: 10px 0 8px;
 display: inline-block;
 margin: 0 auto 14px;
 letter-spacing: 1px;
 font-weight: 600;
 font-size: 16px;
 outline: none;
 position: relative;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 transition: all 0.3s;
 background: #C01B13;
 border-radius: 10px;
 color: #fff;
 box-shadow: 0 3px #960F0E;
 -webkit-transition: none;
 -moz-transition: none;
 transition: none;
 overflow: hidden;
 width: 100%;
 text-align: center;
}
.gigaindex .card--box .apply .btn:after {
 content: '';
 position: absolute;
 z-index: -1;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 transition: all 0.3s;
}
.gigaindex .card--box .apply .btn:before {
 speak: none;
 font-style: normal;
 font-weight: normal;
 line-height: 1;
 position: relative;
 -webkit-font-smoothing: antialiased;
}
.gigaindex .card--box .apply .btn:hover {
 box-shadow: 0 1px #960F0E;
 top: 2px;
 text-decoration: none;
 color: #fff !important;
 opacity: 1;
}
.gigaindex .card--box .apply .btn:active {
 box-shadow: 0 0 #960F0E;
 top: 3px;
 text-decoration: none;
}
.gigaindex .sns {
 text-align: center;
 height: 20px;
 margin: 15px auto;
}
.gigaindex .event {
 width: 100%;
 background: #000 url("img/bg.jpg") top center no-repeat;
 background-size: 100% auto;
 box-sizing: border-box;
 padding: 20px 20px 75px;
 margin-bottom: 30px;
 position: relative;
}
.gigaindex .event .ttl {
 border-bottom: 3px solid #30c;
 margin-bottom: 20px;
 padding-bottom: 5px;
 text-align: center;
}
.gigaindex .event .ttl a {
 color: #fff;
 font-size: 1.3em;
 font-family: Arial, Helvetica, "sans-serif";
 font-weight: 600;
}
.gigaindex .event .ttl .link, .gigaindex .event .ttl .link:hover {
 width: 300px;
 text-decoration: none;
 cursor: pointer;
 padding: 10px;
 display: inline-block;
 box-sizing: border-box;
 border: 3px solid #5032ff;
 background-color: #5032ff;
 color: #fff !important;
 font-size: 1em;
 font-weight: 600;
 text-align: center;
 vertical-align: middle;
 position: absolute;
 bottom: 20px;
 left: 0;
 right: 0;
 margin: auto;
}
.gigaindex .event .ttl img {
 width: 80%;
 max-width: 300px;
 margin: 0 auto 5px;
 display: block;
}
.gigaindex .event .read {
 font-size: 1.5em;
 font-weight: bold;
 color: #fff;
 margin-bottom: 10px;
 text-align: center;
}
.gigaindex .event .info {
 font-size: 1.2em;
 font-weight: bold;
 color: #fff;
 text-align: center;
 margin-bottom: 20px;
}
.gigaindex .event .con li {
 display: block;
 letter-spacing: normal;
 box-sizing: border-box;
 width: 100%;
 max-width: 320px;
 margin: 0 auto 15px;
}
.gigaindex .event .con li.mov {
 background-color: #fff;
 padding: 5px;
}
.gigaindex .event .title {
 font-size: 1em;
 font-weight: bold;
 text-align: center;
 margin-top: 5px;
 height: auto;
}
.gigaindex .event .movie {
 margin: 0 auto;
 padding-top: 56.25%;
 position: relative;
 width: 100%;
}
.gigaindex .event .movie iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100% !important;
 height: 480px;
 max-height: 100% !important;
}
.gigaindex .infobox {
 position: relative;
 margin: 20px auto;
 padding: 0;
 line-height: 1.8em;
 width: 90%;
}
.gigaindex .infobox .ttl-item {
 font-size: 20px;
 font-weight: 800;
 line-height: 1.6em;
 letter-spacing: 0.2px;
 margin-bottom: 30px;
 padding-bottom: 10px;
 position: relative;
 text-align: center;
}
.gigaindex .infobox .ttl-item::after {
 content: '';
 display: block;
 width: 40%;
 height: 2px;
 position: absolute;
 left: 0;
 right: 0;
 margin: auto;
 bottom: -5px;
 background-color: #c23a29;
}
.gigaindex .infobox .box {
 margin-top: 30px;
}
.gigaindex .sub-ttl {
 font-size: 1.3em;
 line-height: 1.6em;
 font-weight: 600;
 text-align: center;
 color: #c23a29;
}
.gigaindex .sub-ttl b {
 font-size: 1.3em;
}
.gigaindex .sub-ttl-bk {
 font-size: 1.2em;
 line-height: 1.6em;
 font-weight: 600;
 text-align: center;
 margin-bottom: 0.6em;
}
.gigaindex .blue, .gigaindex .blue a {
 color: #09357f;
 font-size: 1.1em;
 text-align: center;
 font-weight: 700;
}
.gigaindex .blue a {
 text-decoration: underline;
}
.gigaindex .blue a:hover {
 opacity: .7;
}
.gigaindex .ev {
 background: #eee;
 padding: 1.4em;
}