@charset "UTF-8";
body:not(.scrolled) #sub_head nav .btns .btn:not(.here) .a {
  color: #FFF; }

#cont_head > .main .copy {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }
  #cont_head > .main .copy .combine {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all; }
@media (min-width: 768px) {
  #cont_head > .main .box_wrap {
    align-items: flex-end !important; } }
@media (min-width: 1280px) {
  #cont_head > .main .copy {
    margin-right: 10vw; } }

@media (max-width: 767px) {
  #think .head,
  #action .head {
    text-align: center; } }

@keyframes twinkle {
  0% {
    opacity: 0;
    filter: Alpha(opacity=0); }
  16% {
    opacity: 0.5;
    filter: Alpha(opacity=50); }
  32% {
    opacity: 0;
    filter: Alpha(opacity=0); }
  48% {
    opacity: 0.5;
    filter: Alpha(opacity=50); }
  64% {
    opacity: 0;
    filter: Alpha(opacity=0); }
  80% {
    opacity: 0.5;
    filter: Alpha(opacity=50); }
  96% {
    opacity: 0;
    filter: Alpha(opacity=0); }
  100% {
    opacity: 0;
    filter: Alpha(opacity=0); } }
#think_ex .body {
  /*.illust_wrap{
      @include media_query(sp){
          &.zoom{
              width:calc( 100% + var(--cont_margin) * 2 );
              position:relative;
              left:calc( -1 * var(--cont_margin) );
              overflow:hidden;
              overflow-x:auto;
              .illust{
                  width:866px;
              }
          }
          &:not(.zoom){
              .gd_link{
                  display:none;
              }
          }
      }
  }*/ }
  #think_ex .body .illust {
    max-width: 866px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    @media (max-width: 520px) {
      #think_ex .body .illust::after {
        width: 40px;
        height: 40px;
        background: #000 url("../images/common/icon_pinch_64dp_FFF.png") no-repeat center center;
        background-size: 24px 24px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        content: "";
        pointer-events: none;
        opacity: 0;
        filter: Alpha(opacity=0); }
      #think_ex .body .illust.active::after {
        animation-delay: var(--animationDuration);
        animation-name: twinkle;
        animation-duration: 4s; } }
    #think_ex .body .illust a.gd_link {
      display: block;
      position: absolute;
      height: 5.5%;
      /*background:var(--primaryColor);
      @include alpha(50);
      width:13.9%;*/
      transition: var(--animationDuration) transform; }
      #think_ex .body .illust a.gd_link .icon {
        width: 100%;
        height: 100%; }
      #think_ex .body .illust a.gd_link:hover {
        transform: scale(1.3);
        z-index: 2; }
      #think_ex .body .illust a.gd_link.gd_link1 {
        top: 36.5%;
        aspect-ratio: 120/32; }
        #think_ex .body .illust a.gd_link.gd_link1 .icon {
          background-image: url("../images/concept/plot_gd_relvis.png"); }
      #think_ex .body .illust a.gd_link.gd_link2 {
        top: 22.2%;
        left: 2.3%;
        aspect-ratio: 154/32; }
        #think_ex .body .illust a.gd_link.gd_link2 .icon {
          background-image: url("../images/concept/plot_gd_booost.png"); }
      #think_ex .body .illust a.gd_link.gd_link3 {
        top: 12%;
        left: 17%;
        aspect-ratio: 200/32; }
        #think_ex .body .illust a.gd_link.gd_link3 .icon {
          background-image: url("../images/concept/plot_gd_epi.png"); }
      #think_ex .body .illust a.gd_link.gd_link4 {
        top: 9.2%;
        left: 44.1%;
        aspect-ratio: 140/32; }
        #think_ex .body .illust a.gd_link.gd_link4 .icon {
          background-image: url("../images/concept/plot_gd_mm.png"); }
      #think_ex .body .illust a.gd_link.gd_link5 {
        top: 14.4%;
        left: 62.3%;
        aspect-ratio: 150/32; }
        #think_ex .body .illust a.gd_link.gd_link5 .icon {
          background-image: url("../images/concept/plot_gd_ecolume.png"); }
      #think_ex .body .illust a.gd_link.gd_link6 {
        top: 23.6%;
        left: 71.7%;
        aspect-ratio: 160/32; }
        #think_ex .body .illust a.gd_link.gd_link6 .icon {
          background-image: url("../images/concept/plot_gd_iot.png"); }
      #think_ex .body .illust a.gd_link.gd_link7 {
        top: 38.2%;
        left: 79.7%;
        aspect-ratio: 150/32; }
        #think_ex .body .illust a.gd_link.gd_link7 .icon {
          background-image: url("../images/concept/plot_gd_profetai.png"); }
      #think_ex .body .illust a.gd_link.gd_link8 {
        top: 42.5%;
        left: 47.05%;
        aspect-ratio: 100/32; }
        #think_ex .body .illust a.gd_link.gd_link8 .icon {
          background-image: url("../images/concept/plot_gd_smago.png"); }
      #think_ex .body .illust a.gd_link.gd_link9 {
        top: 67.5%;
        left: 36.05%;
        aspect-ratio: 100/32; }
        #think_ex .body .illust a.gd_link.gd_link9 .icon {
          background-image: url("../images/concept/plot_gd_oasis.png"); }
      #think_ex .body .illust a.gd_link.gd_link10 {
        top: 61%;
        left: 10.3%;
        aspect-ratio: 200/32; }
        #think_ex .body .illust a.gd_link.gd_link10 .icon {
          background-image: url("../images/concept/plot_gd_energy.png"); }
  #think_ex .body .h3 {
    line-height: 2;
    margin: var(--space4) auto;
    letter-spacing: 0.15rem; }
  #think_ex .body .caption {
    margin: 0 auto;
    width: 342px; }
  #think_ex .body .to_link {
    --toLinkBackground:var(--textColor);
    --toLinkHeight:40px;
    --toLinkBorderColor:var(--textColor);
    --toLinkHoverColor: var(--textColor); }
    #think_ex .body .to_link .a {
      padding-left: var(--space2);
      padding-right: var(--space2);
      min-width: 0;
      font-family: "Montserrat", "Noto Sans JP", sans-serif;
      font-optical-sizing: auto;
      font-weight: 800;
      font-style: normal; }
      #think_ex .body .to_link .a .mark {
        width: 20px;
        height: 20px;
        background: #FFF;
        color: var(--textColor);
        border: 2px solid var(--textColor);
        box-sizing: border-box;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: var(--fontSize_l); }
    #think_ex .body .to_link[key=zoomin] {
      margin-top: -20px; }
      #think_ex .body .to_link[key=zoomin] .a .txt::before {
        content: "タップで拡大"; }
      #think_ex .body .to_link[key=zoomin] .a .mark::before {
        content: "+"; }
    #think_ex .body .to_link[key=zoomout] .a .txt::before {
      content: "タップで縮小"; }
    #think_ex .body .to_link[key=zoomout] .a .mark::before {
      content: "-"; }

#action_what .illust {
  max-width: 1063px;
  margin-left: auto;
  margin-right: auto; }
#action_what .columns .column {
  box-sizing: border-box;
  padding: var(--space2); }
  #action_what .columns .column .inner {
    position: relative;
    border-radius: var(--radius);
    border: 2px solid var(--primaryColor);
    color: var(--primaryColor);
    padding: var(--space2);
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal; }
    #action_what .columns .column .inner .title {
      bottom: auto;
      top: -1rem;
      height: 2rem;
      padding: 0 var(--space1);
      background: #FFF;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: var(--fontSize_l);
      width: fit-content;
      font-family: "Montserrat", "Noto Sans JP", sans-serif;
      font-optical-sizing: auto;
      font-weight: 800;
      font-style: normal; }
@media (max-width: 520px) {
  #action_what .columns {
    --columnRowGap:0px; } }
@media (min-width: 521px) {
  #action_what .columns .column .inner {
    padding: var(--space3); }
    #action_what .columns .column .inner .text {
      line-height: 1.5; } }

#partner {
  background: #FBFBFD;
  border-top: 1px solid var(--primaryColor); }
  #partner .columns {
    max-width: 720px;
    margin-left: auto; }
    #partner .columns .column .a {
      border-radius: var(--radius);
      overflow: hidden;
      box-sizing: border-box;
      border: 1px solid var(--primaryColor);
      transition: var(--animationDuration) transform; }
      #partner .columns .column .a:hover {
        transform: scale(1.1); }
    @media (max-width: 767px) {
      #partner .columns {
        --columnWidth:calc( ( 100% - var(--columnColumnGap) ) / 2 ); } }
  #partner .block {
    margin-bottom: 0; }
    #partner .block.sticky_head {
      --stickyWidth:320px; }
    #partner .block .head .title_wrap .h2 {
      font-family: "Montserrat", "Noto Sans JP", sans-serif;
      font-optical-sizing: auto;
      font-weight: 600;
      font-style: normal; }
    @media (min-width: 768px) {
      #partner .block .head .title_wrap {
        align-items: flex-start; } }
  @media (min-width: 768px) {
    #partner {
      padding-top: 160px !important;
      padding-bottom: 160px !important; }
      #partner .block .body {
        margin-top: calc( -1 * var(--space4) ); } }