@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap');
.gigaindex {
 max-width: 800px;
 width: 100%;
 margin: auto;
 text-align: left;
 font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
 font-size: 15px;
 font-weight: 500;
 color: #222;
}
.gigaindex .detail .free-custom {
 text-align: left;
}
.gigaindex a, .gigaindex a:hover {
 color: #222 !important;
}
.gigaindex .sns-share {
 display: none;
}
.gigaindex img {
 max-width: 100%;
 height: unset;
 vertical-align: top;
}
.gigaindex .en {
 font-weight: 800;
 font-family: Arial, Helvetica, "sans-serif";
}
.gigaindex .head {
 display: none;
}
.gigaindex .content {
 padding: 0 0 10px;
 margin-bottom: 50px;
}
.gigaindex .bg-eco {
 background-image: url("img/bg.png");
 background: -moz-linear-gradient(65deg, #23db7c, #55b4dd);
 background: -webkit-linear-gradient(65deg, #23db7c, #55b4dd);
 background: linear-gradient(25deg, #23db7c, #55b4dd);
}
.gigaindex .bg-eco .txtbox {
 background: url("img/bg.png") no-repeat right top scroll;
 background-size: 36% auto;
 padding: 30px 20px 10px;
}
.gigaindex .bg-eco .txtbox .ttl {
 margin-bottom: 20px;
 font-size: 2.2em;
 font-size: 9vw;
 font-size: clamp(2.2em, 8vw, 3em);
 line-height: 1em;
 color: #fff;
}
.gigaindex .bg-eco .txtbox .ttl img {
 width: 80%;
 max-width: 500px;
}
.gigaindex .bg-eco .txtbox .ttl .en {
 font-size: 1.2em;
 display: inline-block;
 line-height: 1em;
 position: relative;
 bottom: -.06em;
 margin-right: 3px;
}
.gigaindex .bg-eco .txtbox .read {
 font-size: 700;
 line-height: 1.8em;
 margin-bottom: 40px;
}
.contentsList {
 font-weight: 600;
 margin: 20px auto;
 background-color: rgba(255, 255, 255, 0.8);
}
.contentsList .inner {
 padding: 20px;
 margin-bottom: 20px;
 display: block;
}
.contentsList .title {
 font-size: 1.6em;
 margin-bottom: .4em;
}
.contentsList .title.en {
 text-align: center;
 font-size: clamp(2em, 8vw, 3em);
}
.mokuji ul.main-menu {
 margin: 0;
 line-height: 1.6;
}
.mokuji ul.main-menu > li {
 margin-bottom: 14px;
 padding-left: 26px;
 position: relative;
}
.mokuji ul.main-menu > li::before {
 content: "";
 width: 16px;
 height: 16px;
 border-radius: 8px;
 background-color: #23db7c;
 display: block;
 position: absolute;
 left: 3px;
 top: 4.5px;
}
.mokuji ul.main-menu > li a:hover {
 cursor: pointer;
 color: #55b4dd !important;
 text-decoration: underline;
}
.gigaindex .pickup {
 margin: 20px auto;
}
.gigaindex .section-ttl {
 text-align: center;
 font-size: 20px;
 margin-bottom: 12px;
}
.gigaindex .section-ttl .en {
 display: block;
 font-size: clamp(2em, 8vw, 3em);
 line-height: .8em;
 color: #fff;
}
.gigaindex .section-ttl.jp {
 font-size: 24px;
}
.gigaindex .grid {
 width: 100%;
}
.gigaindex .grid .art-box {
 background-color: rgba(255, 255, 255, 0.8);
 padding: 12px;
 margin-bottom: 20px;
}
.gigaindex .grid .art-box .title {
 font-size: 15px;
 font-feature-settings: "palt"1;
 letter-spacing: 1px;
 line-height: 1.6em;
 margin: .8em auto .5em;
}
.gigaindex .grid .art-box a {
 position: relative;
 padding-bottom: 50px;
 height: 100%;
 display: block;
 box-sizing: border-box;
}
.gigaindex .grid .art-box .figure {
 aspect-ratio: 3 / 2;
 object-fit: cover;
 display: block;
 margin: auto;
}
.gigaindex .grid .art-box .figcaption .linkbutton, .gigaindex .btn-simulation {
 padding: 8px 5px;
 position: absolute;
 bottom: 0;
 font-size: 1.2em;
 left: 0;
 right: 0;
 margin: auto;
 max-width: 400px;
 color: #fff !important;
 background: -moz-linear-gradient(65deg, #23db7c, #55b4dd);
 background: -webkit-linear-gradient(65deg, #23db7c, #55b4dd);
 background: linear-gradient(25deg, #23db7c, #55b4dd);
 text-align: center;
}
.gigaindex .grid .art-box .linkbutton::after, .gigaindex .btn-simulation::after {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 4.5%;
 margin: auto;
 content: "";
 display: block;
 width: 10px;
 height: 10px;
 border: 2px solid;
 border-color: #fff #fff transparent transparent;
 transform: rotate(45deg);
 transition: 0.3s;
}
.gigaindex .btn-simulation::after {
 right: 3.5%;
}
.gigaindex .btn-simulation, .gigaindex .btn-simulation:hover {
 display: block;
 position: relative;
 max-width: 94%;
 font-size: 18px;
 font-weight: 600;
 padding: 18px 20px 18px 10px;
 margin: 2rem auto 50px;
 color: #fff !important;
}
.gigaindex .grid .art-box.soon {
 display: flex;
 justify-content: center;
 align-items: center;
 min-height: 200px;
}
.gigaindex .grid .art-box.soon p {
 font-family: Arial, Helvetica, "sans-serif";
 font-weight: 800;
 color: #ccc;
 font-size: 2em;
}
.gigaindex .bg-white {
 margin: 0 -20px;
 background-color: rgba(255, 255, 255, 1);
 padding: 40px 0 0;
}
.gigaindex .ttl-panasonic {
 margin-top: 50px;
}
.con-panasonic {
 padding: 26px 20px 60px;
 background: #F7F7E7;
}
.con-ev {
 padding-bottom: 30px;
}
.con-ev .en {
 font-family: Arial, Helvetica, "sans-serif";
 font-size: 1.15em;
 position: relative;
 bottom: -3px;
}
.con-ev-ttl {
 text-align: center;
}
.con-ev-ttl .sub {
 font-size: 1.1em;
 display: block;
}
.con-ev-ttl .sub.panasonic {
 font-size: 1.4em;
 margin-top: 8px;
}
.con-ev-ttl .main {
 font-size: 1.8em;
 display: block;
 max-width: 400px;
 margin: 8px auto 24px;
 line-height: 1.2em;
}
.con-ev-ttl .main img {
 margin-left: -10px;
}
.gigaindex ul.con-ev-inner {
 margin: 0;
 line-height: 1.6;
}
.gigaindex ul.con-ev-inner > li {
 margin-bottom: 14px;
 padding-left: 30px;
 position: relative;
 box-sizing: border-box;
 font-feature-settings: "palt"1;
 letter-spacing: 1px;
}
.gigaindex ul.con-ev-inner > li::before {
 content: "";
 width: 20px;
 height: 20px;
 background: url("img/ico-check.png?v2") center left no-repeat;
 background-size: 20px auto;
 display: block;
 position: absolute;
 left: 3px;
 top: 3.5px;
}
.gigaindex .app {
 display: flex;
 align-items: center;
 justify-content: center;
 margin-left: -2%;
 margin-right: -2%;
}
.gigaindex .app li {
 width: 48%;
 margin: 0 1%;
}