@charset "UTF-8";
/* Scss Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 100%;
  color: #666;
  padding: 0;
  margin: 0;
  background: #fff;
  box-sizing: border-box;
  overflow-x: hidden;
  animation-name: BODYfadein;
  animation-duration: 1s;
  animation-iteration-count: normal; }

@keyframes BODYfadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@media screen and (max-width: 767px) {
  body {
    overflow-x: hidden; } }
a img:hover {
  opacity: 0.65; }

.noto100 {
  font-weight: 100; }

@media screen and (max-width: 767px) {
  .noto100 {
    font-weight: 200; } }
.noto300 {
  font-weight: 300; }

.noto400 {
  font-weight: 400; }

.noto500 {
  font-weight: 500; }

.noto700 {
  font-weight: 700; }

.noto900 {
  font-weight: 900; }

.bottom_notice {
  font-weight: 100;
  margin-top: 0;
  padding: 0 0 2vw;
  font-size: 0.8vw !important;
  line-height: 1.7;
  letter-spacing: 0.2;
  color: #fff;
  text-align: center; }
  .bottom_notice a {
    color: #fff; }
  .bottom_notice a:hover {
    text-decoration: none; }

@media screen and (max-width: 767px) {
  .bottom_notice {
    font-size: 2.6vw !important;
    padding: 2vw 0 2vw; } }
.is--pc {
  display: block; }
  @media screen and (max-width: 767px) {
    .is--pc {
      display: none; } }

.is--sp {
  display: none; }
  @media screen and (max-width: 767px) {
    .is--sp {
      display: block; } }

a {
  color: #666;
  text-decoration: none; }
  a:hover {
    text-decoration: underline;
    opacity: 0.75; }

.wrap {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: 1920px;
  background-color: #9fdaec;
  overflow-x: hidden; }

@media screen and (max-width: 767px) {
  .wrap {
    margin-top: 0;
    padding-top: 0; } }
.wrap-l {
  width: 15%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 auto;
  padding: 0;
  background-image: url("../img/news_bg-l_pc.png");
  background-position: left top;
  background-size: 100% auto;
  background-repeat: repeat-y;
  z-index: 1; }

.wrap-r {
  width: 15%;
  height: 100%;
  position: absolute;
  right: 4%;
  top: 0;
  margin: 0 auto;
  padding: 0;
  background-image: url("../img/news_bg-r_pc.png");
  background-position: left top;
  background-size: 100% auto;
  background-repeat: repeat-y;
  z-index: 1; }

@media screen and (max-width: 767px) {
  .wrap-l {
    display: none; }

  .wrap-r {
    display: none; } }
.menu {
  width: 100%;
  background: rgba(234, 131, 176, 0.78);
  height: 45px;
  margin: 0 auto 0;
  padding: 3px 5px;
  text-align: left;
  white-space: nowrap;
  overflow-x: hidden;
  position: fixed;
  z-index: 100;
  animation-name: MENUfadein;
  animation-duration: 1s;
  animation-iteration-count: normal; }
  .menu a img {
    height: 36px;
    width: auto;
    margin: 0; }
  .menu img {
    height: 100%;
    width: auto;
    margin: -10px 0; }
  .menu .menu-right {
    position: absolute;
    right: 30px;
    top: 7px;
    width: 165px;
    font-size: 8px;
    letter-spacing: 0.1em;
    white-space: nowrap;
    text-align: right !important; }
    .menu .menu-right .menu-ico {
      display: flex;
      justify-content: flex-end;
      position: absolute;
      top: 15px;
      right: 5px;
      margin-right: -15px; }
      .menu .menu-right .menu-ico img {
        width: 22px;
        height: auto;
        margin-left: 8px; }
  @media screen and (max-width: 900px) {
    .menu a img {
      height: 3.6vw;
      width: auto;
      margin: 0.7vw 0 0; }
    .menu .menu-right {
      right: 40px;
      font-size: 4px;
      letter-spacing: 0;
      width: 115px; }
      .menu .menu-right .menu-ico {
        display: flex;
        justify-content: flex-end;
        position: absolute;
        top: 10px;
        right: 0;
        margin-right: -25px; }
        .menu .menu-right .menu-ico img {
          width: 20px;
          height: auto;
          margin-left: 8px; } }

@keyframes MENUfadein {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 0.5; }
  37.5% {
    opacity: 0.8; }
  60% {
    opacity: 1; }
  90% {
    opacity: 1; } }
/*@media screen and (max-width: 767px){
	.menu{
	    width: 100%;
	    background: rgba(255,255,255,0.8);
	    height: 12vw;
	    max-height: 170px;
	    margin: -12vw auto 0;
        padding: 1vw 0 0;
	    text-align: center;
	    white-space: nowrap;
	    position: fixed;
	    z-index: 100;
	    a img{
	        height: 90%;
	        width: auto;
	        margin: 0;
	    }
        img{
	        height: 90%;
	        width: auto;
	        margin: 0;
	    }
	}
}

.menu a img:hover{
    opacity: .65;
    transition: .5s;
}*/
@media screen and (max-width: 767px) {
  .menu {
    display: none; } }
.kv {
  height: auto;
  width: 100vw;
  background-image: none;
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  position: relative;
  /*animation-name: KVfadein;
  animation-duration: 4s;
  animation-delay: 4s;
  animation-iteration-count: normal;*/ }
  .kv h1 {
    display: none; }
  .kv img {
    width: 100%;
    height: auto; }
  .kv__inner {
    text-align: center;
    position: relative;
    /*animation-name:fade-in;
    animation-duration:5s; //アニメーション時間
    animation-timing-function: ease-out; //アニメーションさせるイージング
    animation-delay: 5s; //アニメーション開始させる時間
    animation-iteration-count:1;
    animation-direction: normal;
    animation-fill-mode:none;*/ }
    .kv__inner img {
      width: 56vw;
      padding: 0 22vw;
      height: auto; }

.catch {
  width: 4vw;
  height: auto;
  position: absolute;
  top: 20%;
  left: 5vw; }

@keyframes KVfadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn2 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*古いブラウザ用*/
@-webkit-keyframes fadeIn2 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@media screen and (max-width: 767px) {
  .kv {
    height: auto;
    width: 100vw;
    background-image: none;
    background-position: center top;
    background-size: 100vw auto;
    background-repeat: no-repeat; }
    .kv h1 {
      display: none; }
    .kv__inner {
      padding: 0;
      margin: 0; }
      .kv__inner img {
        padding: 0;
        margin: 0;
        width: 100vw;
        height: auto; } }
.sec0 {
  background-color: #59b4d3;
  padding: 0;
  margin: 0; }
  .sec0 img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0; }

@media screen and (max-width: 767px) {
  .sec0 {
    background-color: #59b4d3;
    background-image: none;
    padding: 0; } }
.sec1 .head {
  background-color: #9fdaec;
  background-image: url("../img/sec1-bg1_pc.jpg");
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat; }
  .sec1 .head__inner {
    width: 607px;
    margin: 0 auto;
    padding-bottom: 30px; }
    .sec1 .head__inner img {
      width: 100%;
      height: auto;
      margin-top: 30px; }
.sec1 .body {
  background-image: url("../img/sec1-bg2_pc.jpg");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: relative; }
  .sec1 .body__inner {
    width: 100%;
    max-height: 345px;
    margin: 0 auto;
    padding: 5% 0;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap; }
    .sec1 .body__inner img {
      width: 80%;
      height: auto; }
@media screen and (max-width: 767px) {
  .sec1 {
    background-color: #9fdaec;
    background-image: url("../img/sec1-bg_sp.jpg");
    background-position: center bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 8vw 0 5vw; }
    .sec1 img {
      width: 100%;
      padding-bottom: 5vw; }
    .sec1 .movie {
      width: 90%;
      height: 36vh;
      text-align: center;
      padding: 5vw 0 0;
      margin: -10vw auto 0; }
      .sec1 .movie img {
        margin: 0 auto;
        width: 90%;
        height: auto; }
    .sec1 .movie + .movie {
      margin-top: -14vw; } }

.sec2 {
  background-color: #9fdaec;
  background-image: url("../img/sec2-bg_pc.jpg");
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 0 0 60px; }
  .sec2__inner {
    width: 607px;
    margin: 0 auto;
    padding: 60px 0 10px; }
    .sec2__inner img {
      width: 100%;
      height: auto; }
    .sec2__inner .flex {
      padding-top: 25px;
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap; }
      .sec2__inner .flex img {
        width: 144px;
        height: 144px; }
      .sec2__inner .flex img + img {
        margin-left: 20px; }
      .sec2__inner .flex a + a {
        margin-left: 20px; }
      .sec2__inner .flex a + img {
        margin-left: 20px; }
  @media screen and (max-width: 767px) {
    .sec2 {
      background-color: #9fdaec;
      background-image: url("../img/sec2-bg_sp.jpg");
      background-position: center bottom;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 17vw 7vw 0; }
      .sec2 img {
        width: 100%;
        height: auto; }
      .sec2__inner {
        width: 78%;
        margin: 0 auto;
        padding: 5vw 0 0; }
        .sec2__inner img {
          width: 100%;
          height: auto; }
        .sec2__inner .flex {
          margin: 0 -5vw -10vw;
          padding-top: 0;
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          flex-wrap: wrap; }
          .sec2__inner .flex img {
            width: 35vw;
            height: 35vw;
            margin-bottom: 4vw;
            margin-right: 0;
            margin-left: 0; }
          .sec2__inner .flex img + img {
            margin-right: 0;
            margin-left: 0; }
          .sec2__inner .flex a + a {
            margin-right: 0;
            margin-left: 0; }
          .sec2__inner .flex a + img {
            margin-right: 0;
            margin-left: 0; } }

.sec3 {
  background-color: #9fdaec;
  background-image: url("../img/sec3-bg_pc.jpg");
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat; }
  .sec3--ttl {
    background: #9fdaec;
    width: 100vw;
    left: 0;
    text-align: center !important;
    padding-top: 50px; }
    .sec3--ttl img {
      width: 100%;
      max-width: 607px;
      margin: 0 auto;
      height: auto;
      margin-bottom: 20px; }
  .sec3__inner {
    width: 607px;
    margin: 0 auto;
    padding: 25px 0 20px; }
  .sec3__box {
    border: 3px solid #9fdaec;
    background-color: #fff;
    width: 100%;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    font-weight: 100;
    color: #565656; }
  @media screen and (max-width: 767px) {
    .sec3 {
      background-color: #9fdaec;
      background-image: url("../img/sec3-bg_sp.jpg");
      background-position: center bottom;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 18vw 0 2vw; }
      .sec3--ttl {
        background: #9fdaec;
        width: 100vw;
        left: 0;
        text-align: center !important;
        padding-top: 5vw; }
        .sec3--ttl img {
          width: 100%;
          margin: 0 auto;
          height: auto;
          margin-bottom: -20vw; }
      .sec3 img {
        width: 100%;
        height: auto;
        margin: 0 0 -10vw;
        padding-top: 20px; }
      .sec3__inner {
        width: 78%;
        margin: 0 auto;
        padding: 20vw 0 7vw; }
        .sec3__inner img {
          width: 100%;
          height: auto;
          margin: 0 auto 0;
          padding: 5vw 0 0; }
      .sec3__box {
        border: 3px solid #9fdaec;
        background-color: #fff;
        width: 100%;
        padding: 1vw 0;
        margin-bottom: 5vw;
        margin-top: -5vw;
        line-height: 1.5;
        text-align: center;
        font-size: 2.3vw;
        font-weight: 200;
        color: #565656; } }

.tweetbox {
  margin: 30px 0;
  padding: 15px;
  text-align: center;
  background-color: #fff;
  width: 100%;
  min-width: 580px;
  max-width: 620px;
  min-height: 380px; }

@media screen and (max-width: 767px) {
  .tweetbox {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-color: #fff;
    width: 100%;
    min-width: 250px;
    max-width: 490px;
    min-height: 220px; } }
.sec4 {
  background-color: #a2d145;
  background-image: url("../img/sec4-bg_pc.jpg");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 0;
  position: relative; }
  .sec4__inner {
    width: 607px;
    margin: 0 auto;
    padding-top: 60px; }
    .sec4__inner img {
      width: 100%;
      height: auto; }
    .sec4__inner h4 {
      margin-top: 100px;
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 0.1em;
      color: #565656;
      line-height: 1.8; }
    .sec4__inner p {
      margin-top: 2em;
      font-size: 14px;
      letter-spacing: 0.1em;
      line-height: 2.2; }
  .sec4 img {
    margin-top: -30px;
    width: 100%;
    height: auto; }
  @media screen and (max-width: 767px) {
    .sec4 {
      background-color: #a2d145;
      background-image: url("../img/sec4-bg_sp.jpg");
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 15vw 0 0; }
      .sec4 img {
        width: 100%;
        height: auto; }
      .sec4__inner {
        width: 84%;
        margin: 0 auto;
        padding-top: 61vw;
        margin-bottom: 10vw; }
        .sec4__inner img {
          width: 100%;
          height: auto; }
        .sec4__inner h4 {
          padding-top: 0;
          margin-top: 0;
          font-size: 4vw !important;
          letter-spacing: 0.3vw;
          line-height: 2.3; }
        .sec4__inner p {
          margin-top: 6vw;
          font-size: 3.4vw;
          letter-spacing: 0.1em;
          line-height: 2;
          white-space: normal; } }

.sec5 {
  background-color: #f46f91;
  background-image: url("../img/sec5-bg02_pc.jpg");
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat; }
  .sec5__head {
    width: 100%;
    position: relative;
    z-index: 1;
    text-align: center; }
    .sec5__head--ttl {
      width: 100%;
      margin: 0 auto;
      z-index: 2;
      position: absolute;
      top: 40px;
      text-align: center; }
      .sec5__head--ttl img {
        width: 100%;
        max-width: 607px;
        margin: 0 auto;
        height: auto; }
    .sec5__head img {
      width: 100%;
      height: auto; }
  .sec5__inner {
    width: 607px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    color: #fff;
    padding: 40px 0; }
    .sec5__inner img {
      width: 100%;
      height: auto; }
    .sec5__inner--box {
      width: 50%;
      padding: 0;
      text-align: left; }
      .sec5__inner--box h4 {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.1em;
        padding-top: 0;
        margin-top: 0; }
      .sec5__inner--box p {
        font-size: 12px;
        line-height: 1.8;
        letter-spacing: 0.1em;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: 200; }
      .sec5__inner--box img {
        width: 206px;
        height: auto;
        margin-bottom: 10px; }
      .sec5__inner--box:first-child {
        padding-right: 30px; }
      .sec5__inner--box:nth-child(2) {
        padding-left: 50px; }
    .sec5__inner--box + .sec5__inner--box {
      border-left: 1px dotted #fff; }
  @media screen and (max-width: 767px) {
    .sec5 {
      background-image: url("../img/sec5-bg02_sp.jpg");
      background-position: center bottom;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding-bottom: 2vw; }
      .sec5 img {
        width: 100%;
        height: auto; }
      .sec5__head--ttl {
        top: 9vw; }
      .sec5__inner {
        width: 64%;
        margin: 0 auto;
        display: block;
        padding: 2vw 0; }
        .sec5__inner img {
          width: 100%;
          height: auto; }
        .sec5__inner--box {
          width: 100%; }
          .sec5__inner--box h4 {
            font-size: 4.0vw;
            font-weight: 500;
            letter-spacing: 0.1em;
            padding-top: 2vw;
            margin-top: 0; }
          .sec5__inner--box p {
            font-size: 3vw;
            line-height: 1.7;
            letter-spacing: 0.1em;
            padding-top: 1vw;
            padding-bottom: 1vw;
            font-weight: 200; }
          .sec5__inner--box img {
            width: 100%;
            height: auto; }
          .sec5__inner--box:first-child {
            padding-right: 0;
            padding-bottom: 5vw; }
          .sec5__inner--box:nth-child(2) {
            padding-left: 0;
            padding-top: 5vw; }
        .sec5__inner--box + .sec5__inner--box {
          border-left: none;
          border-top: 1px dotted #fff; } }

.sec6 {
  background-color: #9fdaec;
  background-image: url("../img/sec6-bg_pc.jpg");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 60px 0 40px;
  margin-bottom: 30px; }
  .sec6__inner {
    width: 607px;
    margin: 0 auto; }
    .sec6__inner img {
      width: 100%;
      height: auto; }
    .sec6__inner .flex {
      padding-top: 25px;
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap; }
      .sec6__inner .flex img {
        width: 144px;
        height: auto; }
      .sec6__inner .flex div + div {
        margin-left: 20px; }
      .sec6__inner .flex p {
        font-size: 9px;
        line-height: 1.8;
        text-align: center;
        color: #565656; }
  @media screen and (max-width: 767px) {
    .sec6 {
      background-color: #9fdaec;
      background-image: url("../img/sec6-bg_sp.jpg");
      background-position: center bottom;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 7vw 0 5vw;
      margin-bottom: 0; }
      .sec6 img {
        width: 100%;
        height: auto; }
      .sec6__inner {
        width: 84%;
        margin: 0 auto; }
        .sec6__inner img {
          width: 100%;
          height: auto !important; }
        .sec6__inner .flex {
          margin: 0 -5vw 0;
          padding-top: 0;
          display: flex;
          justify-content: center;
          align-items: flex-start;
          flex-wrap: wrap; }
          .sec6__inner .flex img {
            width: 38vw;
            height: auto;
            margin-bottom: 4vw;
            margin-top: 3vw; }
          .sec6__inner .flex div + div {
            margin-left: 2vw; }
          .sec6__inner .flex p {
            font-size: 3.3vw;
            margin-top: -2vw; } }

.sec6-2 {
  background-color: #59b4d3;
  background-image: url("../img/sec6-2-bg_pc.jpg");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 80px 0 40px;
  margin-bottom: -20px; }
  .sec6-2__inner {
    width: 100vw;
    margin: 4vw auto 0; }
    .sec6-2__inner img {
      width: 100%;
      height: auto; }
    .sec6-2__inner .flex {
      padding-top: 25px;
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap; }
      .sec6-2__inner .flex img {
        width: 144px;
        height: auto; }
      .sec6-2__inner .flex div + div {
        margin-left: 20px; }
      .sec6-2__inner .flex p {
        font-size: 9px;
        line-height: 1.8;
        text-align: center;
        color: #565656; }
  @media screen and (max-width: 767px) {
    .sec6-2 {
      background-color: #59b4d3;
      background-image: none;
      padding: 7vw 0 5vw;
      margin-bottom: 0; }
      .sec6-2 img {
        width: 100%;
        height: auto; }
      .sec6-2__inner {
        width: 100%;
        margin: 0 auto; }
        .sec6-2__inner img {
          width: 100%;
          height: auto !important; }
        .sec6-2__inner .flex {
          margin: 0 -5vw 0;
          padding-top: 0;
          display: flex;
          justify-content: center;
          align-items: flex-start;
          flex-wrap: wrap; }
          .sec6-2__inner .flex img {
            width: 38vw;
            height: auto;
            margin-bottom: 4vw;
            margin-top: 3vw; }
          .sec6-2__inner .flex div + div {
            margin-left: 2vw; }
          .sec6-2__inner .flex p {
            font-size: 3.3vw;
            margin-top: -2vw; } }

.sec6-2_slider {
  width: 100vw;
  box-sizing: border-box;
  overflow-x: hidden;
  margin: 30px auto 30px;
  background-color: #fff;
  padding: 30px 0; }
  .sec6-2_slider .slide-arrow {
    position: absolute;
    top: 50%;
    margin-top: -8vw;
    z-index: 1;
    pointer-events: auto; }
  .sec6-2_slider .prev-arrow {
    left: -13vw;
    width: 13vw;
    height: auto; }
  .sec6-2_slider .next-arrow {
    right: -13vw;
    width: 13vw;
    height: auto; }
  .sec6-2_slider .slider {
    width: 100%;
    max-width: 820px;
    margin: 0 auto; }
    .sec6-2_slider .slider li img {
      width: 100%;
      height: auto;
      margin: 0 auto; }

ul#slider-navPC {
  width: 100%;
  max-width: 880px;
  display: flex;
  justify-content: space-around;
  margin-bottom: 0; }
  ul#slider-navPC li img {
    max-width: 180px; }
  ul#slider-navPC li + li {
    margin-left: 10px; }

@media screen and (max-width: 767px) {
  .sec6-2_slider {
    width: 110vw;
    box-sizing: border-box;
    margin: 3vw 0 2vw -6vw;
    padding: 3vw 7vw 3vw 0;
    position: relative; }

  .slide-arrow {
    position: absolute;
    top: 30% !important;
    margin-top: -8vw;
    z-index: 10;
    pointer-events: auto; }

  .prev-arrow {
    position: absolute;
    top: 0;
    left: 9vw !important;
    width: 23vw;
    height: auto;
    z-index: 10; }

  .next-arrow {
    position: absolute;
    top: 0;
    right: -2vw !important;
    width: 23vw;
    height: auto;
    z-index: 10; }

  .slider {
    width: 100vw;
    max-width: 1000px;
    margin: 0; }
    .slider li img {
      width: 100%;
      height: auto;
      margin: 0 auto; }

  ul#slider-navSP {
    width: 96%;
    margin-left: -2%; }
    ul#slider-navSP li + li {
      margin-left: 2vw; } }
.sec7 {
  background-color: #a2d145;
  background-image: url("../img/sec7-bg_pc.jpg");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-top: 20px;
  position: relative;
  padding: 40px 0 0; }
  .sec7 img {
    margin-top: -40px;
    width: 100%;
    height: auto; }
  .sec7__inner {
    width: 607px;
    margin: 0 auto; }
    .sec7__inner img {
      width: 100%;
      height: auto;
      margin-top: 0 !important; }
    .sec7__inner .flex {
      padding-top: 27vw;
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap; }
      .sec7__inner .flex img {
        width: 144px;
        height: auto; }
      .sec7__inner .flex div + div {
        margin-left: 10px; }
      .sec7__inner .flex p {
        font-size: 9px;
        line-height: 1.8;
        text-align: center;
        color: #565656; }
    .sec7__inner--add {
      width: 100%;
      margin-top: 40px; }
      .sec7__inner--add img {
        width: 100%;
        height: auto; }
      .sec7__inner--add p {
        font-size: 10px;
        line-height: 1.8;
        text-align: center;
        color: #565656; }
        .sec7__inner--add p span {
          color: #fff; }
    .sec7__inner--suishou {
      width: 100%;
      background: #fff;
      padding: 0.3em 0;
      margin-top: 1.5em;
      font-size: 0.8em;
      font-weight: 400;
      letter-spacing: 0.1em;
      text-align: center; }
  @media screen and (max-width: 767px) {
    .sec7 {
      background-color: #a2d145;
      background-image: url("../img/sec7-bg_sp.jpg");
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      margin-top: 0;
      padding: 6vw 0 0; }
      .sec7 img {
        width: 100%;
        height: auto;
        margin-top: 0; }
      .sec7__inner {
        width: 78%;
        margin: 0 auto;
        padding-top: 62vw; }
        .sec7__inner img {
          width: 100%;
          height: auto; }
        .sec7__inner .flex {
          margin: 0 -5vw 0;
          padding-top: 0;
          display: flex;
          justify-content: center;
          align-items: flex-start;
          flex-wrap: wrap; }
          .sec7__inner .flex img {
            width: 38vw;
            height: auto;
            margin-bottom: 4vw;
            margin-top: 3vw; }
          .sec7__inner .flex div + div {
            margin-left: 2vw; }
          .sec7__inner .flex p {
            font-size: 3.3vw;
            margin-top: -2vw;
            letter-spacing: 0; }
        .sec7__inner--add {
          width: 100%;
          margin-top: 3vw;
          text-align: left; }
          .sec7__inner--add img {
            width: 100%;
            height: auto; }
          .sec7__inner--add p {
            font-size: 3.3vw;
            letter-spacing: 0;
            text-align: left; } }

.sec8 {
  background-color: #9fdaec;
  background-image: url("../img/sec8-bg_pc.jpg");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 70px 0 40px;
  line-height: 1.5 !important; }
  .sec8__inner {
    width: 607px;
    margin: 0 auto;
    text-align: center; }
    .sec8__inner h3 {
      color: #59bfde;
      letter-spacing: 0.1em;
      font-size: 14px;
      font-weight: 400;
      margin: 30px auto 5px;
      padding-bottom: 0; }
      .sec8__inner h3 span {
        text-decoration: line-through; }
    .sec8__inner p {
      font-size: 20px;
      color: #565656;
      letter-spacing: 0.1em;
      font-weight: 200;
      margin-top: 0; }
      .sec8__inner p span.border {
        border: 1px solid;
        padding: 1px 5px;
        font-size: 9px;
        font-weight: 200;
        margin-top: 20px; }
      .sec8__inner p span.txt {
        padding: 0;
        margin: 0 auto;
        font-size: 11px;
        font-weight: 200;
        line-height: 15px !important; }
      .sec8__inner p span.notice {
        font-weight: 400;
        font-size: 14px;
        color: #ee8e80; }
      .sec8__inner p .txt {
        padding: 0;
        margin: 0 auto;
        font-size: 11px;
        font-weight: 200;
        line-height: 15px !important; }
      .sec8__inner p .notice {
        font-weight: 400;
        font-size: 14px;
        color: #ee8e80; }
    .sec8__inner img {
      width: 100%;
      height: auto;
      margin: 0 auto; }
      .sec8__inner img .banner {
        width: 70%;
        max-width: 584px; }
  .sec8 .info_btn {
    width: 5em;
    height: auto;
    margin-left: 0.3em;
    margin-bottom: -0.4em; }
  .sec8__noticebox {
    border: 1px solid #565656;
    background: #fff;
    padding: 1em;
    margin: 2em 0 0;
    width: 100%;
    text-align: left; }
    .sec8__noticebox h4 {
      font-size: 20px;
      color: #565656;
      letter-spacing: 0.1em;
      font-weight: 200;
      margin-top: 0;
      text-align: center; }
    .sec8__noticebox p {
      font-size: 12px;
      font-weight: 200;
      padding-top: 0.5em; }
  @media screen and (max-width: 767px) {
    .sec8 {
      background-color: #9fdaec;
      background-image: url("../img/sec8-bg_sp.jpg");
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 5vw 0; }
      .sec8 img {
        width: 100%;
        height: auto;
        margin-bottom: 4vw; }
      .sec8__inner {
        width: 96%;
        margin: 0 auto; }
        .sec8__inner h3 {
          letter-spacing: 0.1em;
          font-size: 2.6vw;
          margin: 4vw auto 2vw;
          font-weight: 500; }
        .sec8__inner p {
          font-size: 3.8vw;
          font-weight: 200; }
        .sec8__inner img {
          width: 80%;
          height: auto; }
        .sec8__inner span.border {
          border: 0.2vw solid;
          padding: 0.2vw 0.5vw;
          font-size: 1.2vw;
          margin-top: 6vw;
          margin-bottom: -6vw; }
        .sec8__inner span.txt {
          padding: 0;
          margin: 2vw auto 0;
          font-size: 0.6vw;
          line-height: 1vw !important;
          letter-spacing: 0;
          line-height: 1.5; }
        .sec8__inner span.notice {
          font-size: 0.9vw;
          font-weight: 500;
          letter-spacing: 0.07em;
          line-height: 1.5; }
        .sec8__inner .txt {
          padding: 0;
          margin: 0 auto 0;
          font-size: 2.8vw;
          line-height: 1.4;
          letter-spacing: 0;
          line-height: 1.5; }
        .sec8__inner .notice {
          font-size: 3.4vw;
          font-weight: 500;
          letter-spacing: 0.07em;
          line-height: 1.5;
          color: #ee8e80;
          margin-top: 5vw;
          margin-bottom: 0; }
      .sec8__noticebox {
        width: auto;
        padding: 4vw 2vw;
        white-space: wrap; }
        .sec8__noticebox h4 {
          font-size: 3.8vw;
          font-weight: 200; }
        .sec8__noticebox p {
          font-size: 2.6vw;
          letter-spacing: 0;
          line-height: 2em; }
      .sec8 .info_btn {
        width: 3em;
        height: auto;
        margin-left: 0.3em;
        margin-bottom: -0.4vw; } }

.sec8-2 {
  background-color: #9fdaec;
  background-image: url("../img/sec8-2-bg_pc.jpg");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 120px 0 40px;
  line-height: 1.5 !important; }
  .sec8-2__inner {
    width: 607px;
    margin: 0 auto;
    text-align: center;
    padding-top: 5vw; }
    .sec8-2__inner p {
      font-size: 20px;
      color: #f46f91;
      letter-spacing: 0.2em;
      font-weight: 200;
      margin-top: 0;
      background-color: #fff; }
      .sec8-2__inner p .txt {
        padding: 0;
        margin: 0 auto;
        font-size: 11px;
        font-weight: 200;
        line-height: 15px !important; }
    .sec8-2__inner .notice {
      font-weight: 200;
      font-size: 11px;
      color: #565656;
      background-color: transparent; }
    .sec8-2__inner img {
      width: 100%;
      height: auto;
      margin: 0 auto 2vw; }
  @media screen and (max-width: 767px) {
    .sec8-2 {
      background-color: #9fdaec;
      background-image: url("../img/sec8-2-bg_sp.jpg");
      background-position: center bottom;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 5vw 0 7vw; }
      .sec8-2 img {
        width: 80%;
        height: auto;
        margin-bottom: 1vw; }
      .sec8-2__inner {
        width: 96%;
        margin: 0 auto;
        padding: 0 0 4vw; }
        .sec8-2__inner p {
          font-size: 3.6vw;
          font-weight: 200;
          margin-top: 2vw; }
        .sec8-2__inner img {
          width: 80%;
          height: auto; }
        .sec8-2__inner .notice {
          font-size: 3.2vw;
          font-weight: 200;
          letter-spacing: 0.07em;
          line-height: 1.5;
          margin-top: 2vw;
          margin-bottom: 0; } }

.sec9 {
  background-color: #f46f91;
  background-image: url("../img/sec9-bg_pc.jpg");
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 40px 0;
  color: #fff;
  text-align: center; }
  .sec9 img {
    margin: 0 auto; }
    .sec9 img .ttl {
      max-width: 683px; }
  .sec9__inner {
    width: 607px;
    margin: 0 auto;
    text-align: center; }
    .sec9__inner img {
      width: 100%;
      height: auto; }
    .sec9__inner p {
      font-size: 11px;
      font-weight: 200;
      line-height: 2;
      letter-spacing: 0.1em;
      margin: 0 auto 0;
      padding-top: 0; }
    .sec9__inner a img {
      border: none;
      margin-top: 5px; }
    .sec9__inner .sns {
      width: 50%;
      margin: 30px auto 0; }
    .sec9__inner .img1 {
      width: 100%;
      height: auto;
      margin-bottom: -20px; }
    .sec9__inner .img2 {
      width: 49%;
      height: auto;
      margin-right: 2%;
      float: left; }
    .sec9__inner .img3 {
      width: 49%;
      height: auto; }
  @media screen and (max-width: 767px) {
    .sec9 {
      background-image: url("../img/sec9-bg_sp.jpg");
      background-position: center bottom;
      background-size: 100% auto;
      background-repeat: no-repeat; }
      .sec9 img {
        width: 100%;
        height: auto;
        margin-bottom: 4vw; }
      .sec9__inner {
        width: 78%;
        margin: 0 auto;
        font-size: 1vw;
        line-height: 1.8; }
        .sec9__inner img {
          width: 100%;
          height: auto; }
        .sec9__inner p {
          margin: 2vw -9vw 2vw;
          font-size: 3vw;
          line-height: 1.9; }
        .sec9__inner a img {
          margin-top: 2vw; }
        .sec9__inner .sns {
          width: 100%;
          margin: 3vw auto 0; }
        .sec9__inner .img1 {
          margin-bottom: -2vw; }
        .sec9__inner .img2 {
          width: 49%;
          height: auto;
          margin-right: 2%;
          float: left; }
        .sec9__inner .img3 {
          width: 49%;
          height: auto; } }

.sec10 {
  background-color: #9fdaec;
  background-image: url("../img/sec10-bg_pc.jpg");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 40px 0 10px;
  text-align: center;
  position: relative; }
  .sec10__inner {
    width: 607px;
    margin: 0 auto; }
    .sec10__inner img {
      width: 100%;
      height: auto;
      margin-top: 10px !important; }
    .sec10__inner p {
      font-size: 11px;
      font-weight: 200;
      line-height: 2;
      letter-spacing: 0.1em;
      margin: 0 auto 20px;
      padding-top: 20px; }
    .sec10__inner .share {
      width: 50%;
      margin: 10px auto;
      text-align: center;
      white-space: nowrap; }
      .sec10__inner .share img {
        width: 20%;
        height: auto;
        margin: 0 2%; }
  .sec10 img {
    width: 100%;
    height: auto;
    margin-top: -30px; }
  @media screen and (max-width: 767px) {
    .sec10 {
      background-color: #9fdaec;
      background-image: url("../img/sec10-bg_sp.jpg");
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 10vw 0 0; }
      .sec10 img {
        width: 100%;
        height: auto;
        margin-top: 0 !important; }
      .sec10__inner {
        width: 78%;
        margin: 0 auto;
        padding: 5vw 0; }
        .sec10__inner img {
          width: 100%;
          height: auto; }
        .sec10__inner p {
          font-size: 3vw;
          line-height: 1.9;
          font-weight: 200; }
        .sec10__inner .share {
          width: 100%; }
        .sec10__inner a img {
          margin-bottom: 15vw; } }

.pages-header {
  display: none; }
  @media screen and (max-width: 767px) {
    .pages-header {
      display: block;
      position: relative; }
      .pages-header img {
        width: 100%;
        height: auto;
        z-index: 2;
        position: absolute;
        top: 0; }
      .pages-header a {
        display: block; }
      .pages-header__inner img {
        z-index: 3;
        pointer-events: auto;
        width: 44%;
        height: 20vw;
        position: absolute;
        left: 0;
        top: -10vw;
        border: none; } }

.indent-1 {
  padding-top: 0;
  margin-top: -1.3em !important;
  padding-left: 1em;
  text-indent: -1em; }

.indent-2 {
  padding-top: 0;
  margin-top: 0;
  padding-left: 2em;
  text-indent: -2em; }

.newspage {
  text-align: center; }
  .newspage a {
    color: #565656;
    text-decoration: underline; }
  .newspage a:hover {
    text-decoration: none; }
  .newspage__head {
    background-color: #9fdaec;
    padding: 6vw 0 2vw; }
    .newspage__head img {
      width: 100%;
      margin-top: 20px; }
  .newspage__inner {
    width: 100%;
    margin: 0 auto;
    color: #565656;
    letter-spacing: 0.1em;
    font-weight: 200;
    background-color: #9fdaec;
    background-image: url("../img/news_bg-ws_pc.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding: 1.6vw 0 0;
    text-align: center; }
    .newspage__inner img {
      width: 100%;
      max-width: 607px;
      height: auto;
      margin: 40px auto 0; }
    .newspage__inner--txt {
      width: 59%;
      min-width: 607px;
      height: auto;
      overflow-y: auto;
      border-top: 5px solid #a0dbed;
      border-bottom: 5px solid #a0dbed;
      background: #fff;
      text-align: left;
      padding: 30px 40px;
      margin: 20px auto 40px;
      text-align: left; }
      .newspage__inner--txt .date {
        width: 100%;
        border-bottom: 1px solid #565656;
        padding-bottom: 12px;
        font-size: 11px;
        margin-bottom: -10px; }
      .newspage__inner--txt h4 {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 300; }
      .newspage__inner--txt p {
        font-size: 12px;
        font-weight: 200;
        line-height: 2;
        letter-spacing: 0.1em;
        margin: 0;
        padding-top: 20px; }
    .newspage__inner .share {
      width: 50%;
      max-width: 300px;
      margin: 0 auto;
      margin: 10px auto 20px;
      text-align: center;
      white-space: nowrap; }
      .newspage__inner .share img {
        width: 20%;
        height: auto;
        margin: 0 2%; }
  .newspage__root {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: -50px;
    margin-bottom: 60px; }
    .newspage__root img {
      width: calc(50% - 10px);
      height: auto; }
  .newspage__share--outer {
    width: 100%;
    background: #a0dbed;
    padding-bottom: 1vw; }
  @media screen and (max-width: 767px) {
    .newspage {
      background-color: #fff;
      background-image: url("../img/news_bg01_sp.png");
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 43vw 0 0;
      height: auto;
      max-width: 100%;
      overflow-y: auto;
      box-sizing: border-box; }
      .newspage img {
        width: 100%;
        height: auto; }
      .newspage__inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 0;
        position: relative;
        color: #565656;
        letter-spacing: 0.1em;
        text-align: left;
        background-color: #fff;
        background-image: url("../img/news_bg02_sp.png");
        background-repeat: repeat-y;
        box-sizing: border-box; }
        .newspage__inner img {
          width: 100%;
          height: auto;
          margin: 0; }
        .newspage__inner--txt {
          width: 88vw;
          min-width: 60vw;
          border: none;
          background: transparent;
          padding: 4vw 0 0;
          height: auto;
          overflow-y: scroll;
          margin-bottom: 0; }
          .newspage__inner--txt .date {
            width: 100%;
            border-bottom: 0.2vw solid #565656;
            padding-bottom: 2vw;
            margin-bottom: -2vw;
            font-size: 2.5vw; }
          .newspage__inner--txt h4 {
            font-size: 4vw;
            font-weight: 300;
            margin-bottom: 0;
            padding-bottom: 0; }
          .newspage__inner--txt p {
            font-size: 3.4vw;
            line-height: 1.7;
            font-weight: 200;
            margin-bottom: 0;
            padding-bottom: 0; }
        .newspage__inner .share {
          width: 78%; }
          .newspage__inner .share__outer {
            background-color: #a0dbed;
            background-image: url("../img/news_bg03_sp.png");
            background-position: center top;
            background-size: 100% auto;
            background-repeat: no-repeat;
            padding: 42vw 0 5vw; }
          .newspage__inner .share__inner {
            padding: 0 8vw; }
        .newspage__inner a img {
          margin-bottom: 15vw; }
      .newspage__root {
        width: 100%;
        display: table;
        margin-top: -10vw;
        margin-bottom: 15vw;
        box-sizing: border-box; }
        .newspage__root img {
          width: 100%;
          height: auto; }
        .newspage__root img + img {
          margin-top: 3vw; } }

.goodspage {
  text-align: center; }
  .goodspage a {
    color: #565656;
    text-decoration: underline; }
  .goodspage a:hover {
    text-decoration: none; }
  .goodspage__head {
    background-color: #9fdaec;
    padding: 6vw 0 2vw; }
    .goodspage__head img {
      width: 100%;
      margin-top: 20px; }
  .goodspage__inner {
    width: 100%;
    margin: 0 auto;
    color: #565656;
    letter-spacing: 0.1em;
    font-weight: 200;
    background-color: #9fdaec;
    background-image: url("../img/news_bg-ws_pc.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding: 1.6vw 0 0;
    text-align: center; }
    .goodspage__inner img {
      width: 100%;
      height: auto;
      margin: 40px auto 0; }
    .goodspage__inner--txt {
      width: 55%;
      min-width: 607px;
      height: auto;
      overflow-y: auto;
      border-top: 5px solid #a0dbed;
      border-bottom: 5px solid #a0dbed;
      background: #fff;
      text-align: left;
      padding: 40px 50px 60px;
      margin: 20px auto 40px;
      text-align: left; }
      .goodspage__inner--txt .date {
        width: 100%;
        border-bottom: 1px solid #565656;
        padding-bottom: 12px;
        font-size: 11px;
        margin-bottom: -10px; }
      .goodspage__inner--txt .bigtxt {
        text-align: center;
        font-size: 20px;
        line-height: 1.6 !important;
        color: #565656;
        letter-spacing: 0.1em;
        font-weight: 200;
        margin-top: -1em; }
      .goodspage__inner--txt h2 {
        text-align: center;
        color: #e580ab;
        font-size: 22px;
        font-weight: 500; }
      .goodspage__inner--txt h3 {
        text-align: center;
        color: #59bfde;
        letter-spacing: 0.1em;
        font-size: 14px;
        font-weight: 400;
        margin: 30px auto 5px;
        padding-bottom: 0; }
        .goodspage__inner--txt h3 span {
          text-decoration: line-through; }
      .goodspage__inner--txt h4 {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 300; }
      .goodspage__inner--txt p {
        font-size: 12px;
        font-weight: 200;
        line-height: 2;
        letter-spacing: 0.1em;
        margin: 0;
        padding-top: 20px; }
    .goodspage__inner--line {
      width: 100%;
      margin: 40px 0; }
      .goodspage__inner--line:after {
        background: radial-gradient(circle farthest-side, #59bfde, #59bfde 60%, transparent 60%, transparent);
        background-size: 6px 6px;
        content: '';
        display: inline-block;
        height: 6px;
        width: 100%; }
    .goodspage__inner--goods {
      padding: 1.6vw 0; }
      .goodspage__inner--goods img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 auto; }
        .goodspage__inner--goods img .linkbn {
          width: 70%;
          margin: 0 auto; }
      .goodspage__inner--goods img + img {
        margin-top: 30px; }
      .goodspage__inner--goods p {
        font-weight: 500;
        font-size: 14px;
        line-height: 1.7;
        letter-spacing: 0.1em;
        margin: 0;
        padding-top: 2em; }
        .goodspage__inner--goods p span {
          font-weight: 200;
          font-size: 12px; }
    .goodspage__inner .share {
      width: 50%;
      max-width: 300px;
      margin: 0 auto;
      margin: 10px auto 20px;
      text-align: center;
      white-space: nowrap; }
      .goodspage__inner .share img {
        width: 20%;
        height: auto;
        margin: 0 2%; }
    .goodspage__inner .mbminus {
      margin-bottom: -36vw; }
  .goodspage__share--outer {
    width: 100%;
    background: #a0dbed;
    padding-bottom: 1vw; }
  @media screen and (max-width: 767px) {
    .goodspage {
      background-color: #fff;
      background-image: url("../img/goods_bg01_sp.png");
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 43vw 0 0;
      height: auto;
      max-width: 100%;
      overflow-y: auto;
      position: relative; }
      .goodspage img {
        width: 100%;
        height: auto;
        z-index: 10; }
      .goodspage__inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 0;
        position: relative;
        color: #565656;
        letter-spacing: 0.1em;
        text-align: left;
        background-color: #fff;
        /*background-image: url("../img/news_bg02_sp.png");*/
        background-repeat: repeat-y;
        z-index: 0; }
        .goodspage__inner img {
          width: 100%;
          height: auto;
          margin: 0;
          z-index: 10; }
        .goodspage__inner--txt {
          width: 88vw;
          min-width: 60vw;
          border: none;
          background: transparent;
          padding: 4vw 0 0;
          height: auto;
          overflow-y: scroll;
          margin-bottom: 0;
          z-index: 1; }
          .goodspage__inner--txt .date {
            width: 100%;
            border-bottom: 0.2vw solid #565656;
            padding-bottom: 2vw;
            margin-bottom: -2vw;
            font-size: 2.5vw; }
          .goodspage__inner--txt .bigtxt {
            font-size: 3.8vw;
            font-weight: 200; }
          .goodspage__inner--txt h2 {
            font-size: 4.8vw; }
          .goodspage__inner--txt h3 {
            letter-spacing: 0.1em;
            font-size: 3.6vw;
            margin: 4vw auto 2vw;
            font-weight: 500; }
          .goodspage__inner--txt h4 {
            font-size: 4vw;
            font-weight: 300;
            margin-bottom: 0;
            padding-bottom: 0; }
          .goodspage__inner--txt p {
            font-size: 3.4vw;
            line-height: 1.7;
            font-weight: 200;
            margin-bottom: 0;
            padding-bottom: 0; }
        .goodspage__inner--line {
          margin: 4vw 0; }
        .goodspage__inner--goods p {
          font-weight: 500;
          letter-spacing: 0.1em; }
        .goodspage__inner--goods img {
          z-index: 10; }
        .goodspage__inner .share {
          width: 78%; }
          .goodspage__inner .share__outer {
            background-color: #a0dbed;
            background-image: url("../img/news_bg03_sp.png");
            background-position: center top;
            background-size: 100% auto;
            background-repeat: no-repeat;
            padding: 42vw 0 5vw; }
          .goodspage__inner .share__inner {
            padding: 0 8vw; }
        .goodspage__inner a img {
          margin-bottom: 15vw; } }

.faqpage {
  text-align: center; }
  .faqpage a {
    color: #565656;
    text-decoration: underline; }
  .faqpage a:hover {
    text-decoration: none; }
  .faqpage h2 {
    display: none; }
  .faqpage__head {
    background-color: #9fdaec;
    padding: 5vw 0 2vw; }
    .faqpage__head img {
      width: 100%;
      margin-top: 20px; }
    .faqpage__head--02 {
      margin-top: 40px;
      background-color: #9fdaec;
      padding: 2vw 0 2vw; }
      .faqpage__head--02 img {
        width: 100%;
        margin-top: 0;
        padding-top: 0; }
        .faqpage__head--02 img img {
          margin-top: 0; }
  .faqpage__inner {
    width: 100%;
    margin: 0 auto;
    color: #565656;
    letter-spacing: 0.1em;
    font-weight: 200;
    background-color: #9fdaec;
    background-image: url("../img/news_bg-ws_pc.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding: 1.6vw 0 0;
    text-align: center; }
    .faqpage__inner img {
      width: 100%;
      max-width: 607px;
      height: auto;
      margin: 40px auto 0; }
    .faqpage__inner--01 {
      padding-bottom: 1.6vw;
      margin-bottom: -60px; }
    .faqpage__inner--txt {
      width: 59%;
      min-width: 607px;
      height: auto;
      overflow-y: auto;
      border-top: 5px solid #a0dbed;
      border-bottom: 5px solid #a0dbed;
      background: #fff;
      text-align: left;
      padding: 30px 40px 50px;
      margin: 20px auto 40px;
      text-align: left; }
      .faqpage__inner--txt .date {
        width: 100%;
        border-bottom: 1px solid #565656;
        padding-bottom: 12px;
        font-size: 11px;
        margin-bottom: -10px; }
      .faqpage__inner--txt h3 {
        font-size: 18px;
        text-align: center;
        font-weight: 500;
        letter-spacing: 0.1em;
        margin: 0.5vw auto 0.3vw; }
      .faqpage__inner--txt h4 {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 300; }
      .faqpage__inner--txt p {
        font-size: 12px;
        font-weight: 200;
        line-height: 1.8;
        letter-spacing: 0.1em;
        margin: 0;
        padding-top: 20px; }
      .faqpage__inner--txt hr {
        margin: 40px 0 30px; }
      .faqpage__inner--txt strong {
        font-weight: 500; }
    .faqpage__inner .share {
      width: 50%;
      max-width: 300px;
      margin: 0 auto;
      margin: 10px auto 20px;
      text-align: center;
      white-space: nowrap; }
      .faqpage__inner .share img {
        width: 20%;
        height: auto;
        margin: 0 2%; }
  .faqpage__share--outer {
    width: 100%;
    background: #a0dbed;
    padding-bottom: 1vw; }
  @media screen and (max-width: 767px) {
    .faqpage {
      background-color: #fff;
      background-image: url("../img/faq_bg01_sp.jpg");
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 43vw 0 0;
      height: auto;
      max-width: 100%;
      overflow-y: auto; }
      .faqpage--02 {
        background-image: url("../img/news_bg02_sp.jpg");
        padding: 72vw 0 0; }
      .faqpage img {
        width: 100%;
        height: auto; }
      .faqpage__inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 0;
        position: relative;
        color: #565656;
        letter-spacing: 0.1em;
        text-align: left;
        background-color: #fff;
        background-image: url("../img/news_bg02_sp.png");
        background-repeat: repeat-y; }
        .faqpage__inner img {
          width: 100%;
          height: auto;
          margin: 0; }
        .faqpage__inner--txt {
          width: 88vw;
          min-width: 60vw;
          border: none;
          background: transparent;
          padding: 4vw 0 0;
          height: auto;
          overflow-y: scroll;
          margin-bottom: 0; }
          .faqpage__inner--txt .date {
            width: 100%;
            border-bottom: 0.2vw solid #565656;
            padding-bottom: 2vw;
            margin-bottom: -2vw;
            font-size: 2.5vw; }
          .faqpage__inner--txt h3 {
            font-size: 3.8vw; }
          .faqpage__inner--txt h4 {
            font-size: 4vw;
            font-weight: 300;
            margin-bottom: 0;
            padding-bottom: 0; }
          .faqpage__inner--txt p {
            font-size: 3.4vw;
            line-height: 1.7;
            font-weight: 200;
            margin-bottom: 0;
            padding-bottom: 0; }
        .faqpage__inner .share {
          width: 78%; }
          .faqpage__inner .share__outer {
            background-color: #a0dbed;
            background-image: url("../img/news_bg03_sp.png");
            background-position: center top;
            background-size: 100% auto;
            background-repeat: no-repeat;
            padding: 42vw 0 5vw; }
          .faqpage__inner .share__inner {
            padding: 0 8vw; }
        .faqpage__inner a img {
          margin-bottom: 15vw; } }

.specialpage {
  text-align: center; }
  .specialpage a {
    color: #565656;
    text-decoration: underline; }
  .specialpage a:hover {
    text-decoration: none; }
  .specialpage__head {
    background-color: #f46f91;
    padding: 6vw 0 2vw; }
    .specialpage__head img {
      width: 100%;
      margin-top: 20px; }
  .specialpage__inner {
    width: 100%;
    margin: 0 auto;
    color: #565656;
    letter-spacing: 0.1em;
    line-height: 1.4;
    font-weight: 200;
    background-color: #f46f91;
    background-image: url("../img/news_bg-ws_pc.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding: 1.6vw 0 0;
    text-align: center; }
    .specialpage__inner img {
      width: 100%;
      max-width: 607px;
      height: auto;
      margin: 40px auto 0; }
    .specialpage__inner--txt {
      width: 59%;
      min-width: 607px;
      height: auto;
      overflow-y: auto;
      border: 5px solid #a0dbed;
      background: #fff;
      text-align: left;
      padding: 30px 40px;
      margin: 20px auto 40px;
      text-align: left; }
      .specialpage__inner--txt .lead {
        display: block;
        width: 100%; }
        .specialpage__inner--txt .lead img {
          width: 100% !important;
          min-width: 607px;
          max-width: 1088px;
          height: auto;
          margin: 0 auto; }
      .specialpage__inner--txt .special__content {
        width: 100%;
        display: flex;
        padding-top: 0;
        position: relative; }
        .specialpage__inner--txt .special__content .midashi {
          width: 18%;
          height: 1em;
          border: 1px solid #565656;
          padding: 4px 0 4px;
          font-size: 12px;
          margin-right: 2%;
          margin-top: 2em;
          text-align: center;
          line-height: 1;
          white-space: nowrap; }
        .specialpage__inner--txt .special__content .midashi2 {
          width: 18%;
          height: 2.7em;
          border: 1px solid #565656;
          padding: 4px 0 4px;
          font-size: 11px;
          letter-spacing: 0;
          margin-right: 2%;
          margin-top: 2em;
          text-align: center;
          line-height: 1.5;
          white-space: nowrap; }
        .specialpage__inner--txt .special__content .detail {
          width: 80%;
          padding: 2px;
          font-size: 12px; }
          .specialpage__inner--txt .special__content .detail span .step {
            margin-left: 4.5em; }
          .specialpage__inner--txt .special__content .detail span .small {
            font-size: 0.9em; }
        .specialpage__inner--txt .special__content .indent-1 {
          margin-top: 1em; }
      .specialpage__inner--txt h4 {
        font-size: 19px;
        margin-bottom: 10px;
        font-weight: 200;
        letter-spacing: 0.1em;
        line-height: 1.7;
        width: 100%; }
        .specialpage__inner--txt h4 .special02 {
          font-size: 19px; }
        .specialpage__inner--txt h4 span {
          padding: 0 4px;
          background: linear-gradient(transparent 10%, #fff26f 10%); }
      .specialpage__inner--txt p {
        font-size: 12px;
        font-weight: 200;
        line-height: 2;
        letter-spacing: 0.1em;
        margin: 0;
        padding-top: 20px; }
    .specialpage__inner .share {
      width: 50%;
      max-width: 300px;
      margin: 0 auto;
      margin: 10px auto 20px;
      text-align: center;
      white-space: nowrap; }
      .specialpage__inner .share img {
        width: 20%;
        height: auto;
        margin: 0 2%; }
  .specialpage__share--outer {
    width: 100%;
    background: #f46f91;
    padding-bottom: 1vw; }
  @media screen and (max-width: 767px) {
    .specialpage {
      background-color: #fff;
      background-image: url("../img/special_bg01_sp.png");
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 43vw 0 0;
      height: auto;
      max-width: 100%;
      overflow-y: auto;
      overflow-x: hidden; }
      .specialpage img {
        width: 100%;
        height: auto; }
      .specialpage__inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 0;
        position: relative;
        color: #565656;
        letter-spacing: 0.1em;
        text-align: left;
        background-color: #fff;
        background-image: url("../img/special_bg02_sp.png");
        background-repeat: repeat-y; }
        .specialpage__inner img {
          width: 100%;
          height: auto;
          margin: 0; }
        .specialpage__inner--txt {
          width: 88vw;
          min-width: 60vw;
          border: none;
          background: transparent;
          padding: 4vw 0 0;
          height: auto;
          overflow-y: scroll;
          overflow-x: hidden;
          margin-bottom: 0;
          box-sizing: border-box; }
          .specialpage__inner--txt .lead {
            display: block;
            width: 100%; }
            .specialpage__inner--txt .lead img {
              width: 100%;
              min-width: 70vw;
              max-width: 100%;
              height: auto;
              margin: 0 auto; }
          .specialpage__inner--txt .special__content {
            width: 100%;
            display: block;
            padding-top: 1em;
            position: relative;
            text-align: left; }
            .specialpage__inner--txt .special__content .midashi {
              width: 38%;
              height: 1.2em;
              border: 0.2vw solid #565656;
              padding: 4px 0 4px;
              font-size: 12px;
              margin-right: 2%;
              margin-top: 0.5em;
              margin-bottom: -1em;
              text-align: center;
              line-height: 1; }
            .specialpage__inner--txt .special__content .midashi2 {
              display: inline-block;
              width: auto;
              height: 1.2em;
              border: 0.2vw solid #565656;
              padding: 4px 1em 4px;
              font-size: 12px;
              letter-spacing: 0.2em;
              margin-right: 2%;
              margin-top: 0.5em;
              margin-bottom: -0.5em;
              text-align: left;
              line-height: 1; }
            .specialpage__inner--txt .special__content .detail {
              width: 100%;
              padding: 2px;
              font-size: 12px; }
              .specialpage__inner--txt .special__content .detail span .step {
                margin-left: 0; }
            .specialpage__inner--txt .special__content .indent-1 {
              margin-top: 1em; }
          .specialpage__inner--txt h4 {
            font-size: 4.1vw;
            font-weight: 200;
            margin-bottom: 0;
            padding-bottom: 0;
            padding-top: 0;
            line-height: 1.8; }
          .specialpage__inner--txt p {
            font-size: 3.4vw;
            line-height: 1.7;
            font-weight: 200;
            margin-bottom: 0;
            padding-bottom: 0; }
        .specialpage__inner .share {
          width: 78%; }
          .specialpage__inner .share__outer {
            background-color: #f46f91;
            background-image: url("../img/special_bg03_sp.png");
            background-position: center top;
            background-size: 100% auto;
            background-repeat: no-repeat;
            padding: 42vw 0 5vw; }
          .specialpage__inner .share__inner {
            padding: 0 8vw; }
        .specialpage__inner a img {
          margin-bottom: 15vw; } }

.mondaipage {
  text-align: center; }
  .mondaipage a {
    color: #565656;
    text-decoration: underline; }
  .mondaipage a:hover {
    text-decoration: none; }
  .mondaipage__head {
    background-color: #9fdaec;
    padding: 6vw 0 2vw; }
    .mondaipage__head img {
      width: 100%;
      margin-top: 20px; }
  .mondaipage__inner {
    width: 100%;
    margin: 0 auto;
    color: #565656;
    letter-spacing: 0.1em;
    line-height: 1.4;
    font-weight: 200;
    background-color: #9fdaec;
    background-image: url("../img/news_bg-ws_pc.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding: 1.6vw 0 0;
    text-align: center; }
    .mondaipage__inner img {
      width: 100%;
      max-width: 607px;
      height: auto;
      margin: 40px auto 0; }
    .mondaipage__inner--txt {
      width: 50%;
      max-width: 987px;
      border: 5px solid #a0dbed;
      background: #fff;
      text-align: left;
      padding: 30px 50px;
      margin: 20px auto 40px;
      text-align: left; }
      .mondaipage__inner--txt .lead {
        display: block;
        width: 100%;
        text-align: center; }
        .mondaipage__inner--txt .lead img {
          width: 94% !important;
          max-width: 1088px;
          height: auto;
          margin: 0 auto; }
      .mondaipage__inner--txt .special__content {
        width: 100%;
        display: flex;
        padding-top: 0;
        position: relative; }
        .mondaipage__inner--txt .special__content .midashi {
          width: 18%;
          height: 1em;
          border: 1px solid #565656;
          padding: 4px 0 4px;
          font-size: 12px;
          margin-right: 2%;
          margin-top: 2em;
          text-align: center;
          line-height: 1;
          white-space: nowrap; }
        .mondaipage__inner--txt .special__content .detail {
          width: 80%;
          padding: 2px;
          font-size: 12px; }
          .mondaipage__inner--txt .special__content .detail span .step {
            margin-left: 4.5em; }
        .mondaipage__inner--txt .special__content .indent-1 {
          margin-top: 1em; }
      .mondaipage__inner--txt h4 {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 200;
        letter-spacing: 0.1em;
        line-height: 1.7;
        width: 100%; }
        .mondaipage__inner--txt h4 span {
          padding: 0 4px;
          background: linear-gradient(transparent 10%, #fff26f 10%); }
      .mondaipage__inner--txt p {
        font-size: 12px;
        font-weight: 200;
        line-height: 2;
        letter-spacing: 0.1em;
        margin: 0;
        padding-top: 20px; }
    .mondaipage__inner .share {
      width: 50%;
      max-width: 300px;
      margin: 0 auto;
      margin: 10px auto 20px;
      text-align: center;
      white-space: nowrap; }
      .mondaipage__inner .share img {
        width: 20%;
        height: auto;
        margin: 0 2%; }
  .mondaipage__share--outer {
    width: 100%;
    background: #9fdaec;
    padding-bottom: 1vw; }
  .mondaipage__form {
    width: 50%;
    margin: 15px auto;
    padding-left: 5px; }
  .mondaipage__submit {
    width: 70%;
    height: 40px;
    border: 0px solid;
    cursor: pointer;
    vertical-align: bottom; }
    .mondaipage__submit--01 {
      background: url("../img/btn_submit.jpg");
      background-position: center top;
      background-size: cover;
      background-repeat: no-repeat;
      width: 75px;
      height: 45px;
      border: 0px solid;
      cursor: pointer;
      vertical-align: bottom;
      border-top: 1px solid #565656;
      border-right: 1px solid #565656;
      border-bottom: 1px solid #565656;
      border-radius: 3px; }
  .mondaipage__txtform {
    background-color: #fff;
    vertical-align: bottom;
    font-size: 1em;
    color: #000;
    border: 1px #000;
    margin: 0 auto;
    width: calc(100% - 75px);
    height: 50px;
    padding: 0 1em;
    text-align: center; }
    .mondaipage__txtform--01 {
      background-color: #fff;
      vertical-align: bottom;
      font-size: 1em;
      color: #000;
      border: 1px #000;
      margin: 0 -15px 0 0;
      padding: 0em 1em;
      text-align: center;
      height: 43px;
      width: calc(90% - 75px);
      border-top: 1px solid #565656;
      border-left: 1px solid #565656;
      border-bottom: 1px solid #565656;
      border-radius: 3px; }
  .mondaipage__hint--outer {
    text-align: center;
    width: calc(90% - 75px);
    margin: -15px auto 0; }
    .mondaipage__hint--outer img {
      width: 65%;
      margin-top: 10px; }
  @media screen and (max-width: 767px) {
    .mondaipage {
      background-color: #fff;
      background-image: url("../img/mondai_bg01_sp.png");
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 43vw 0 0;
      max-width: 100%; }
      .mondaipage img {
        width: 100%;
        height: auto; }
      .mondaipage__inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 0;
        position: relative;
        color: #565656;
        letter-spacing: 0.1em;
        text-align: left;
        background-color: #fff;
        background-image: url("../img/special_bg02_sp.png");
        background-repeat: repeat-y;
        box-sizing: border-box; }
        .mondaipage__inner img {
          width: 100%;
          height: auto;
          margin: 0; }
        .mondaipage__inner--txt {
          width: 88vw;
          min-width: 60vw;
          border: none;
          background: transparent;
          padding: 4vw 0 0;
          margin-bottom: 0;
          box-sizing: border-box; }
          .mondaipage__inner--txt .lead {
            display: block;
            width: 100%; }
            .mondaipage__inner--txt .lead img {
              width: 100%;
              min-width: 80vw;
              max-width: 100%;
              height: auto;
              margin: 0 auto; }
          .mondaipage__inner--txt .mondai__content {
            width: 100%;
            display: block;
            padding-top: 1em;
            position: relative;
            text-align: left; }
            .mondaipage__inner--txt .mondai__content .midashi {
              width: 38%;
              height: 1em;
              border: 0.2vw solid #565656;
              padding: 4px 0 4px;
              font-size: 12px;
              margin-right: 2%;
              margin-top: 0.5em;
              margin-bottom: -1em;
              text-align: center;
              line-height: 1; }
            .mondaipage__inner--txt .mondai__content .detail {
              width: 100%;
              padding: 2px;
              font-size: 12px; }
              .mondaipage__inner--txt .mondai__content .detail span .step {
                margin-left: 0; }
            .mondaipage__inner--txt .mondai__content .indent-1 {
              margin-top: 1em; }
          .mondaipage__inner--txt h4 {
            font-size: 4.1vw;
            font-weight: 200;
            margin-bottom: 0;
            padding-bottom: 0;
            padding-top: 0;
            line-height: 1.8; }
          .mondaipage__inner--txt p {
            font-size: 3.4vw;
            line-height: 1.7;
            font-weight: 200;
            margin-bottom: 0;
            padding-bottom: 0; }
        .mondaipage__inner .share {
          width: 78%; }
          .mondaipage__inner .share__outer {
            background-color: #9fdaec;
            background-image: url("../img/mondai_bg03_sp.png");
            background-position: center top;
            background-size: 100% auto;
            background-repeat: no-repeat;
            padding: 42vw 0 5vw; }
          .mondaipage__inner .share__inner {
            padding: 0 8vw; }
          .mondaipage__inner .share__banner {
            width: 90%;
            height: auto;
            margin: 0 5% 5vw; }
        .mondaipage__inner a img {
          margin-bottom: 15vw; }
      .mondaipage__form {
        width: 100%;
        margin: 3vw auto;
        text-align: center;
        padding: 0 0 0 1vw; }
      .mondaipage__submit {
        width: 44vw;
        height: 44vw;
        border: 0px solid;
        cursor: pointer;
        vertical-align: bottom; }
        .mondaipage__submit--01 {
          background: url("../img/btn_submit.jpg");
          background-position: center top;
          background-size: cover;
          background-repeat: no-repeat;
          width: 23vw;
          height: 13vw;
          border: 0px solid;
          cursor: pointer;
          vertical-align: bottom; }
      .mondaipage__txtform {
        background-color: #fff;
        vertical-align: bottom;
        font-size: 1em;
        color: #000;
        margin: 0 2vw 0 0;
        width: 50%;
        height: 13vw;
        padding: 0.5vw 0;
        text-align: center; }
        .mondaipage__txtform--01 {
          background-color: #fff;
          vertical-align: bottom;
          font-size: 1em;
          color: #000;
          margin: 0 -2vw 0;
          height: 13vw;
          padding: 0.5vw 2vw;
          text-align: center;
          height: 12vw;
          padding: 0 1vw;
          width: 66%;
          border-top: 0.4vw solid #565656;
          border-left: 0.4vw solid #565656;
          border-bottom: 0.4vw solid #565656; }
      .mondaipage__hint--outer {
        text-align: center;
        width: 94%;
        margin: 0 auto; }
        .mondaipage__hint--outer img {
          margin-top: 5vw; } }

.contactpage {
  text-align: center; }
  .contactpage a {
    color: #565656;
    text-decoration: underline; }
  .contactpage a:hover {
    text-decoration: none; }
  .contactpage__head {
    background-color: #a2d145;
    padding: 6vw 0 2vw; }
    .contactpage__head img {
      width: 100%;
      margin-top: 20px; }
  .contactpage__inner {
    width: 100%;
    margin: 0 auto;
    color: #565656;
    letter-spacing: 0.1em;
    font-weight: 200;
    background-color: #a2d145;
    background-image: url("../img/contact_bg_pc.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 1.6vw 0 10px;
    text-align: center; }
    .contactpage__inner img {
      width: 100%;
      max-width: 607px;
      height: auto;
      margin: 40px auto 0; }
    .contactpage__inner--txt {
      width: 56%;
      height: 36vw;
      overflow-y: hidden;
      border: 3px solid #a0dbed;
      background: #fff;
      text-align: left;
      padding: 3vw 10px 0;
      margin: 1vw auto 4vw;
      text-align: center; }
      .contactpage__inner--txt .date {
        width: 100%;
        border-bottom: 1px solid #565656;
        padding-bottom: 12px;
        font-size: 11px;
        margin-bottom: -10px; }
      .contactpage__inner--txt h4 {
        font-size: 2vw;
        margin: 0 auto;
        font-weight: 200; }
      .contactpage__inner--txt p {
        font-size: 1.2vw;
        font-weight: 200;
        line-height: 2;
        letter-spacing: 0.1em;
        margin: 2vw auto -2vw;
        padding-top: 20px; }
      .contactpage__inner--txt img {
        width: 34vw;
        max-width: 615px;
        height: auto;
        margin-top: 1vw;
        margin-bottom: -1vw; }
    .contactpage__inner .share {
      width: 50%;
      max-width: 300px;
      margin: 0 auto;
      margin: 10px auto;
      text-align: center;
      white-space: nowrap; }
      .contactpage__inner .share img {
        width: 20%;
        height: auto;
        margin: 0 2%; }
  @media screen and (max-width: 767px) {
    .contactpage {
      background-color: #a2d145;
      background-image: url("../img/contact_bg_sp.png");
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 10vw 0 0;
      height: 176vw;
      max-width: 100%; }
      .contactpage img {
        width: 100%;
        height: auto; }
      .contactpage__inner {
        width: 100%;
        margin: 0 auto;
        padding: 42vw 0 0;
        position: relative;
        color: #565656;
        letter-spacing: 0.1em;
        text-align: left;
        background-color: transparent;
        background-image: none; }
        .contactpage__inner img {
          width: 100%;
          height: auto;
          margin: 0; }
        .contactpage__inner--txt {
          width: 88vw;
          min-width: 60vw;
          border: none;
          background: transparent;
          padding: 0 2vw 0 0;
          height: 100vw;
          overflow-y: hidden;
          margin-bottom: 3vw; }
          .contactpage__inner--txt .date {
            width: 100%;
            border-bottom: 0.2vw solid #565656;
            padding-bottom: 2vw;
            margin-bottom: 0;
            font-size: 2.5vw; }
          .contactpage__inner--txt h4 {
            font-size: 4vw;
            font-weight: 200;
            margin-bottom: 0;
            padding-bottom: 0; }
          .contactpage__inner--txt p {
            font-size: 3.4vw;
            line-height: 1.7;
            font-weight: 200;
            padding-top: 53vw;
            margin-bottom: -2vw;
            margin-top: 1vw;
            padding-bottom: 0; }
        .contactpage__inner .share {
          width: 78%; }
        .contactpage__inner a img {
          margin-bottom: 15vw; } }

/*
.share{
    position: fixed;
    top: 17vh;
    right: 2vw;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    img{
        padding-bottom: 7px;
        width: 3vw;
        max-width: 50px;
        height: auto;
    }
    animation-name: IMGfadein;
    animation-duration: 3s;
    animation-iteration-count: normal;
}
    
@keyframes IMGfadein {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 0;
	}

	37.5% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}  
	90% {
		opacity: 1;
	}
}

@media screen and (max-width: 767px){
    .share{
        position: fixed;
        top: 16vh;
        right: 3vw;
        z-index: 1;
        img{
            padding-bottom: 3px;
            width: 8vw;
            max-width: 50px;
            height: auto;
        }
    }  
}
*/
.buyticket {
  position: fixed;
  top: 58vh;
  right: 0;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  animation-name: IMGfadein2;
  animation-duration: 2s;
  animation-iteration-count: normal; }
  .buyticket img {
    width: 12vw;
    max-width: 295px;
    height: auto; }

.buyticket02 {
  position: fixed;
  top: 58vh;
  right: 0;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  animation-name: IMGfadein2;
  animation-duration: 2s;
  animation-iteration-count: normal; }
  .buyticket02 img {
    width: 12vw;
    max-width: 295px;
    height: auto; }

@keyframes IMGfadein2 {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 0; }
  37.5% {
    opacity: 0; }
  60% {
    opacity: 0; }
  90% {
    opacity: 1; } }
@media screen and (max-width: 767px) {
  .buyticket {
    position: fixed;
    top: 36.7vh;
    right: 1.3vw;
    z-index: 1; }
    .buyticket img {
      padding-bottom: 3px;
      width: 19.6vw;
      max-width: 230px;
      height: auto; }

  .buyticket02 {
    position: fixed;
    bottom: 0;
    right: 1.3vw;
    z-index: 1; }
    .buyticket02 img {
      padding-bottom: 3px;
      width: 19.6vw;
      max-width: 230px;
      height: auto; } }
.comingsoon {
  text-align: center; }
  .comingsoon a {
    display: inline-block;
    margin: 0 auto; }
  .comingsoon p {
    font-size: 1.6vw;
    line-height: 1.6;
    letter-spacing: 0.1em;
    margin-top: 1em; }
  .comingsoon span {
    padding-top: 1em;
    font-size: 2.8vw;
    line-height: 1.5;
    letter-spacing: 0.05em; }

@media screen and (max-width: 767px) {
  .comingsoon p {
    font-size: 2.8vw;
    line-height: 1.6;
    margin-top: 1.5em; }
  .comingsoon span {
    font-size: 5.5vw; } }
.t_icon {
  position: relative;
  line-height: 2em;
  text-indent: 2em; }
  .t_icon:before {
    position: absolute;
    content: "";
    margin-left: -2.5em;
    margin-top: -0.2em;
    display: inline-block;
    width: 2em;
    height: 2em;
    background: url("../img/ico_twitter.png") no-repeat;
    background-size: contain; }

footer {
  width: 100%;
  background-color: #fff;
  background-position: center top;
  margin-top: 0;
  padding: 20px 0;
  font-size: 9px;
  line-height: 1.7;
  letter-spacing: 0.2;
  color: #565656;
  text-align: center;
  white-space: nowrap; }
  footer a {
    color: #fff; }
  footer a:hover {
    text-decoration: none; }
  footer img {
    height: 60px;
    width: auto;
    padding: 0; }
  footer .flex {
    display: flex;
    justify-content: center; }

@media screen and (max-width: 767px) {
  footer {
    font-size: 2.2vw;
    padding: 5vw 0 2vw;
    line-height: 1.7;
    letter-spacing: 0.2; }
    footer img {
      width: auto;
      height: 17vw;
      padding: 0;
      letter-spacing: 0.1em; } }
.info01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }
  .info01__photo {
    height: 20vw;
    padding-right: 1vw; }
    .info01__photo img {
      height: 19.7vw;
      width: auto; }
  .info01__movie {
    height: 20vw;
    width: 35vw; }

@media screen and (max-width: 767px) {
  .info01 {
    display: block;
    width: calc(100% - 20vw);
    padding: 0 5vw;
    margin: 1vw auto -5vw; }
    .info01__photo {
      width: 100%;
      padding: 0;
      margin: 0 auto 2vw; }
      .info01__photo img {
        width: 60%;
        height: auto; }
    .info01__movie {
      height: 40vw;
      width: 100%; }

  .info02 {
    display: block;
    width: calc(100% - 20vw);
    padding: 0 5vw;
    margin: 1vw auto -13vw; }
    .info02__photo {
      width: 100%;
      padding: 0;
      margin: 0 auto; }
      .info02__photo img {
        width: 80%;
        height: auto; }
    .info02__movie {
      height: 40vw;
      width: 100%; } }
.movie-wrap {
  margin-bottom: 30px; }

.movie-wrap + .movie-wrap {
  margin-left: 30px; }

@media screen and (max-width: 767px) {
  .movie-wrap {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0;
    margin-top: 7vw;
    padding-top: 0; }

  .movie-wrap iframe {
    height: 28vh;
    width: 100%;
    border: none; }

  .movie-wrap + .movie-wrap {
    margin-left: 0; } }
/* アコーディオン */
.ac-container {
  width: 100%; }

.ac-container label {
  cursor: pointer; }

.ac-container label:hover {
  opacity: 0.9;
  -webkit-transition: all .3s;
  transition: all .3s; }

.ac-container label:after {
  color: #fff; }

.ac-container input:checked ~ label::after {
  color: #fff; }

.ac-container input {
  display: none; }

.ac-container div {
  text-align: left;
  margin-bottom: 2vh;
  line-height: 1.5;
  margin-top: -2vh;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  transition: height 0s ease-in-out, box-shadow 0.2s linear; }

.ac-container input:checked ~ div {
  transition: height 0.3s ease-in-out; }

.ac-container div p {
  padding: 0 3vw 2vw; }
  .ac-container div p span {
    font-size: 0.8em;
    font-weight: 200; }

@media (max-width: 767px) {
  .ac-container div p {
    padding: 0 0.5vw 2vw; }
    .ac-container div p span {
      font-size: 2.3vw;
      line-height: 1.6; } }
/* 展開部分の定義 */
.ac-container input:checked ~ div.ac-xsmall {
  height: 3em; }

.ac-container input:checked ~ div.ac-small {
  height: 15em; }

.ac-container input:checked ~ div.ac-medium {
  height: 37em;
  max-width: 56vw;
  margin: 0 auto; }

.ac-container input:checked ~ div.ac-large {
  height: 300px; }

@media (max-width: 767px) {
  .ac-container input:checked ~ div.ac-xsmall {
    height: 11vh; }

  .ac-container input:checked ~ div.ac-small {
    height: 41vh; }

  .ac-container input:checked ~ div.ac-medium {
    height: 26em;
    width: 80%;
    max-width: 80vw !important;
    margin: 0 auto; }

  .ac-container input:checked ~ div.ac-large {
    height: 30vh; } }
.top_comment img {
  width: 50%;
  max-width: 42vw;
  margin: 0 auto; }

@media (max-width: 767px) {
  .top_comment img {
    width: 80%;
    margin: 0 auto; } }
.footer-movie {
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: flex-start;
  margin-bottom: 6vw; }

.footer-movie-inner {
  height: 12vw;
  width: 26vw; }

.footer-movie-inner + .footer-movie-inner {
  margin-left: 1vw; }

@media screen and (max-width: 767px) {
  .footer-movie .movie-wrap {
    display: block; }

  .footer-movie {
    width: 100%;
    display: block;
    margin-bottom: 10vw;
    margin-top: 10vw; }

  .footer-movie-inner {
    height: 34vh;
    width: 100%; }

  .footer-movie-inner + .footer-movie-inner {
    margin-left: 0;
    margin-top: 1vw; } }
/*
.buyticket {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 20px;
    z-index: 100;
}
.buyticket a {
    display: block;
    border: none;
    text-decoration: none;
    padding: 0;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.buyticket a:hover {
    display: block;
    padding:16px 8px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    transition: .5s;
}

@media screen and (max-width: 767px){
    .pagetop {
        display: none;
        position: fixed;
        bottom: 1vw;
        right: 2vw;
        z-index: 100;
    }
}*/
.ps {
  font-size: 14px !important; }

@media screen and (max-width: 767px) {
  .ps {
    font-size: 14px; } }
.tsq_message {
  width: auto;
  height: 100vh;
  width: 100vw;
  text-align: center;
  padding: 0;
  background: transparent;
  position: relative;
  z-index: 10;
  pointer-events: auto; }

.tsq_message:before {
  content: "";
  position: absolute;
  background: transparent;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: -10; }

.tsq_message:hover {
  opacity: 1; }

#tsqbox {
  display: none; }

.intro_anm {
  margin: auto;
  background-color: transparent;
  position: relative;
  height: 100%;
  pointer-events: auto;
  z-index: 998; }

@media screen and (max-width: 768px) {
  .intro_anm {
    margin: auto;
    position: relative;
    height: 100%;
    padding-top: 0;
    pointer-events: auto;
    z-index: 998; } }
.intro_anm img {
  width: 100%;
  overflow: hidden; }

.intro_anm .img1pc {
  display: block;
  margin: 0;
  top: 0;
  left: 0;
  pointer-events: auto; }

.intro_anm .img1sp {
  display: none; }

.intro_anm .img2pc {
  display: none;
  position: absolute;
  top: 0;
  left: 0; }

.intro_anm .img1sp {
  display: none; }

@media screen and (max-width: 768px) {
  .intro_anm img {
    width: 100%;
    animation-name: intro_anm;
    animation-duration: 10s;
    animation-iteration-count: 2;
    opacity: 0;
    overflow: hidden; }

  .intro_anm .img1sp {
    display: block;
    margin: 0;
    pointer-events: auto; }

  .intro_anm .img1pc {
    display: none; }

  .intro_anm .img2sp {
    display: block;
    position: absolute;
    top: 0;
    left: 0%;
    animation-delay: 5s; }

  .intro_anm .img2pc {
    display: none; } }
.intro_anm2 {
  margin: auto;
  background-image: url(../img/topanm_pc.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-color: transparent;
  position: relative;
  height: 100%;
  pointer-events: auto;
  z-index: 998; }

@media screen and (max-width: 768px) {
  .intro_anm2 {
    margin: auto;
    background-image: url(../img/topanm_sp.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    position: relative;
    height: 100%;
    padding-top: 0;
    pointer-events: auto;
    z-index: 998; } }
.intro_anm2 img {
  width: 100%;
  overflow: hidden;
  width: 100%;
  animation-name: intro_anm2;
  animation-timing-function: ease-out;
  animation-duration: 0s;
  animation-iteration-count: 1; }

.intro_anm2 .img1pc {
  display: block;
  margin: 0;
  top: 0;
  left: 0;
  pointer-events: auto; }

.intro_anm2 .img1sp {
  display: none; }

.intro_anm2 .img2pc {
  display: none;
  position: absolute;
  top: 0;
  left: 0; }

.intro_anm2 .img1sp {
  display: none; }

@media screen and (max-width: 768px) {
  .intro_anm2 img {
    width: 100%;
    animation-name: intro_anm2;
    animation-duration: 1s;
    animation-iteration-count: 1;
    overflow: hidden; }

  .intro_anm2 .img1sp {
    display: block;
    margin: 0;
    pointer-events: auto; }

  .intro_anm2 .img1pc {
    display: none; }

  .intro_anm2 .img2sp {
    display: block;
    position: absolute;
    top: 0;
    left: 0%;
    animation-delay: 5s; }

  .intro_anm2 .img2pc {
    display: none; } }
@keyframes intro_anm {
  0% {
    opacity: 1; }
  12.5% {
    opacity: 1; }
  37.5% {
    opacity: 1; }
  50% {
    opacity: 1; }
  70% {
    opacity: 1; } }
@keyframes intro_anm2 {
  0% {
    opacity: 1; }
  12.5% {
    opacity: 1; }
  37.5% {
    opacity: 1; }
  50% {
    opacity: 1; }
  70% {
    opacity: 1; }
  1000% {
    opacity: 1; } }
.icon-hamburger {
  border: none;
  cursor: pointer;
  height: 14vw;
  position: fixed;
  top: 0vh;
  right: 0vw;
  width: 14vw;
  display: none;
  margin-bottom: 0.4em;
  background-color: transparent;
  background-image: url("../img/spmenu_icon.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 5; }

@media screen and (max-width: 767px) {
  .icon-hamburger {
    display: inline-block; } }
.spmenu-container {
  margin: 0;
  position: relative; }
  .spmenu-container .spmenu {
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 1vh 10vw 13vh; }
    .spmenu-container .spmenu .spmenu-item {
      display: flex;
      justify-content: center; }
      .spmenu-container .spmenu .spmenu-item a {
        background-color: transparent;
        display: block;
        text-align: center;
        text-decoration: none; }
        .spmenu-container .spmenu .spmenu-item a:hover {
          opacity: .65; }

#modal-overlay {
  background-color: rgba(255, 255, 255, 0.73);
  background-image: url("../img/spmenu_modalbg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 80% auto;
  display: none;
  height: 120%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99; }

@media screen and (max-width: 768px) {
  .spmenu-container {
    padding-top: 0; }
    .spmenu-container .spmenu {
      -webkit-transform: translate(-50%, -50%);
      display: none;
      height: auto;
      left: 50%;
      position: fixed;
      top: 69vw;
      transform: translate(-50%, -50%);
      width: auto;
      z-index: 100; }
      .spmenu-container .spmenu .spmenu-item:first-child {
        margin-top: 4vh; }
      .spmenu-container .spmenu .spmenu-item a {
        border: none; }
        .spmenu-container .spmenu .spmenu-item a img {
          width: 32vw;
          height: auto; }
      .spmenu-container .spmenu .spmenu-item-txt {
        width: 100%;
        margin-right: 70vw;
        padding-bottom: 2vw;
        font-size: 2.1vw;
        letter-spacing: 0.1em; }
      .spmenu-container .spmenu .spmenu-item-share {
        width: 100%; }
        .spmenu-container .spmenu .spmenu-item-share img {
          margin-bottom: -18vw;
          width: 11vw !important;
          height: auto; } }
.modal {
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10; }
  .modal__bg {
    background: rgba(255, 255, 255, 0.65);
    height: 100vh;
    position: absolute;
    width: 100%; }
  .modal__content {
    left: 50%;
    padding: 0;
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%);
    width: 447px;
    height: 507px;
    position: relative; }
    .modal__content--close {
      display: block;
      border: none;
      position: absolute;
      right: 0;
      top: 0;
      height: 40px; }
      .modal__content--close img {
        width: 50px;
        height: 50px; }
    .modal__content--01 {
      background-image: url("../img/mondai_failed.png");
      background-position: center top;
      background-size: contain;
      background-repeat: no-repeat;
      animation-name: BODYfadein;
      animation-duration: 1s;
      animation-iteration-count: normal; }
    .modal__content--02 {
      background-image: url("../img/mondai_correct.png");
      background-position: center top;
      background-size: contain;
      background-repeat: no-repeat;
      animation-name: BODYfadein;
      animation-duration: .5s;
      animation-iteration-count: normal; }
  .modal__close {
    width: 100%;
    text-align: right; }
  .modal__share {
    width: 100%;
    text-align: center;
    padding-top: 510px;
    padding-bottom: 0; }
    .modal__share a img {
      width: 67px;
      height: auto; }
    .modal__share a + a {
      margin-left: 20px; }
  @media screen and (max-width: 768px) {
    .modal__bg {
      background: rgba(255, 255, 255, 0.68);
      height: 100vh;
      position: absolute;
      width: 100%; }
    .modal__content {
      padding: 0;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 90vw;
      min-height: 120vw; }
      .modal__content--close {
        display: block;
        border: none;
        position: absolute;
        right: 0;
        top: 0;
        height: 10vw; }
        .modal__content--close img {
          width: 10vw;
          height: 10vw; }
    .modal__close {
      width: 100%;
      text-align: right; }
    .modal__share {
      width: 100%;
      text-align: center;
      padding-top: 110vw;
      padding-bottom: 0; }
      .modal__share a img {
        width: 12vw;
        height: auto; }
      .modal__share a + a {
        margin-left: 3vw; } }