.h2-02 h2 {
  font-size: 36px;
  font-size: 3.6rem; }
  @media screen and (min-width: 480px) and (max-width: 1200px) {
    .h2-02 h2 {
      font-size: 4.5px;
      font-size: 2.88rem; } }
  @media screen and (max-width: 767px) {
    .h2-02 h2 {
      font-size: 30px;
      font-size: 3rem; } }
  @media screen and (max-width: 767px) and (min-width: 480px) and (max-width: 1200px) {
    .h2-02 h2 {
      font-size: 3.75px;
      font-size: 2.4rem; } }

.nav-wrap .btn-wrap {
  width: 100%;
  margin-bottom: 2em;
  margin-left: -0.5em;
  margin-right: -0.5em;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center; }
  .nav-wrap .btn-wrap .btn-item {
    width: 256px;
    padding: 0.5em;
    margin: 0; }
  @media screen and (max-width: 767px) {
    .nav-wrap .btn-wrap {
      width: 100%; }
      .nav-wrap .btn-wrap .btn-item {
        width: 100%; } }

.entry-wrap .entry-inner .slide-zoom-container {
  height: 100%; }
.entry-wrap .entry-inner .target {
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%; }
@media print, screen and (min-width: 768px) {
  .entry-wrap .entry-inner {
    /*@include flex;
    @include flex-wrap(wrap);*/ }
    .entry-wrap .entry-inner::after {
      content: "";
      display: block;
      clear: both; }
    .entry-wrap .entry-inner .img-wrap {
      width: 50%;
      padding-right: 4.8vw;
      float: left; }
    .entry-wrap .entry-inner .text {
      width: 50%;
      float: left; } }
.entry-wrap .entry-inner .vr-wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: -0.5em;
  margin-right: -0.5em; }
  .entry-wrap .entry-inner .vr-wrap .vr-btn {
    padding: 0 0.5em;
    width: 80%; }
    .entry-wrap .entry-inner .vr-wrap .vr-btn .btn-unit {
      margin: 0.5em 0; }
    .entry-wrap .entry-inner .vr-wrap .vr-btn .btn-01 {
      font-size: 17px;
      font-size: 1.7rem; }
      @media screen and (min-width: 480px) and (max-width: 1200px) {
        .entry-wrap .entry-inner .vr-wrap .vr-btn .btn-01 {
          font-size: 2.125px;
          font-size: 1.36rem; } }
  @media print, screen and (min-width: 768px) {
    .entry-wrap .entry-inner .vr-wrap {
      -webkit-justify-content: flex-start;
      justify-content: flex-start; }
      .entry-wrap .entry-inner .vr-wrap .vr-btn {
        width: 50%; }
        .entry-wrap .entry-inner .vr-wrap .vr-btn .btn-01 {
          font-size: 17px;
          font-size: 1.7rem; } }
      @media screen and (min-width: 768px) and (min-width: 480px) and (max-width: 1200px) {
        .entry-wrap .entry-inner .vr-wrap .vr-btn .btn-01 {
          font-size: 2.125px;
          font-size: 1.36rem; } }

.entry-wrap .entry-inner .img-wrap {
  position: relative; }
  .entry-wrap .entry-inner .img-wrap .gallery-top {
    width: 100%;
    height: 466px; }
    .entry-wrap .entry-inner .img-wrap .gallery-top .search {
      display: block; }
      .entry-wrap .entry-inner .img-wrap .gallery-top .search img {
        width: 23px; }
      @media screen and (max-width: 767px) {
        .entry-wrap .entry-inner .img-wrap .gallery-top .search {
          margin-top: 1em; } }
    .entry-wrap .entry-inner .img-wrap .gallery-top div {
      height: 100% !important; }
    .entry-wrap .entry-inner .img-wrap .gallery-top .slide-wrapper {
      margin-bottom: 0; }
    .entry-wrap .entry-inner .img-wrap .gallery-top .search {
      margin-bottom: 30px; }
    @media screen and (max-width: 479px) {
      .entry-wrap .entry-inner .img-wrap .gallery-top {
        height: 70vw; } }
  .entry-wrap .entry-inner .img-wrap .gallery-thumbs {
    width: 100%;
    margin-top: 55px; }
    .entry-wrap .entry-inner .img-wrap .gallery-thumbs .slide-wrapper {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -js-display: flex;
      display: -webkit-flex;
      display: flex;
      margin-left: -10px;
      margin-right: -10px;
      margin-top: 2em; }
    .entry-wrap .entry-inner .img-wrap .gallery-thumbs .slide {
      max-width: 20% !important;
      margin: 0 !important;
      padding: 10px; }

.icon-list ul {
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  margin: 1em -8px;
  padding: 0; }
  .icon-list ul li {
    background: #23aa37;
    color: #fff;
    border-radius: 10px;
    padding: 6px 12px;
    line-height: 1;
    margin: 8px;
    font-weight: 400; }

.summary-index {
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-bottom: 3em; }
  .summary-index .item {
    width: 50%;
    padding: 0.5em;
    margin: 0;
    border: none; }
    @media print, screen and (min-width: 768px) {
      .summary-index .item {
        width: 25%; } }
    .summary-index .item .inner {
      border-radius: 20px;
      background: rgba(40, 150, 240, 0.4);
      height: 100%;
      overflow: hidden;
      			/*@include mq( $tb , min ) {
      				@include flex;
      				@include flex-wrap(wrap);
      
      				.thumb{
      					width: 35%;
      					height: 20vw;
      				}
      				.text{
      					width: 60%;
      					padding-left: 2em;
      				}
      			}*/ }
      .summary-index .item .inner .thumb {
        width: 100%;
        height: auto !important;
        position: relative; }
        .summary-index .item .inner .thumb .img {
          height: 100%;
          background-position: center center;
          background-size: cover;
          padding-bottom: 78%;
          border-radius: 0; }
        .summary-index .item .inner .thumb .no {
          position: absolute;
          left: 0;
          bottom: 0;
          background: #2896f0;
          line-height: 1;
          width: 30px;
          height: 30px;
          color: #fff;
          font-weight: 500;
          -js-display: flex;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-align-items: center;
          align-items: center; }
      .summary-index .item .inner .text {
        padding: 0.5em 0 1em;
        text-align: center;
        width: 100%; }
        .summary-index .item .inner .text .title {
          color: #000;
          font-size: 17px;
          font-size: 1.7rem;
          font-weight: 500;
          margin-top: 0;
          line-height: 1.5;
          letter-spacing: 0.1em; }
          @media screen and (min-width: 480px) and (max-width: 1200px) {
            .summary-index .item .inner .text .title {
              font-size: 2.125px;
              font-size: 1.36rem; } }
          .summary-index .item .inner .text .title span {
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: normal;
            display: block; }
            @media screen and (min-width: 480px) and (max-width: 1200px) {
              .summary-index .item .inner .text .title span {
                font-size: 1.75px;
                font-size: 1.12rem; } }
    .summary-index .item.new .inner {
      background: rgba(230, 160, 0, 0.3); }
      .summary-index .item.new .inner .thumb .no {
        background: #23aa37; }
    .summary-index .item.reform .inner {
      background: rgba(255, 110, 50, 0.2); }
      .summary-index .item.reform .inner .thumb .no {
        background: #23aa37; }
    .summary-index .item.item-green .thumb .no, .summary-index .item.shiei .thumb .no {
      background: #23aa37; }
    .summary-index .item.item-green .inner, .summary-index .item.shiei .inner {
      background: rgba(60, 150, 120, 0.3); }

.title-sub {
  margin: 1em 0 1.5em;
  line-height: 1.5;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem; }
  @media screen and (min-width: 480px) and (max-width: 1200px) {
    .title-sub {
      font-size: 1.75px;
      font-size: 1.12rem; } }

.sub-box {
  border: 1px solid #0068bb;
  border-radius: 10px;
  padding: 0.5em 1em;
  margin: 1.5em 0 0; }
  .sub-box .title-sub {
    margin: 0; }
  .sub-box .bn-wrap {
    -js-display: flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px; }
    .sub-box .bn-wrap .bn-item {
      padding: 5px;
      width: 50%;
      margin: 0; }