@charset "UTF-8";
html {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; }

body {
  font-family: "Noto Sans JP";
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 62.5%;
  /*em換算値用*/
  -webkit-text-size-adjust: 100%;
  background-color: #FFFFFF;
  color: #000000;
  font-weight: 400; }

/*------------------------------------------------------------*/
* html body {
  overflow: hidden; }

body #wrapper {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; }

p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; }

ul {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style-type: none; }

li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none; }

img {
  vertical-align: top;
  border-style: none; }

form {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px; }

fieldset {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px; }

a {
  text-decoration: none;
  /*	color: #FFF;
	outline: underline;*/
  /*	-webkit-tap-highlight-color:rgba(0,0,0,0);*/ }

a img {
  border-style: none; }

a:link {
  /*	text-decoration: none;
*/ }

a:visited {
  /*	text-decoration: none;
*/ }

a:hover {
  /*	text-decoration: none;
*/ }

a:hover {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  zoom: 1; }

a:active {
  text-decoration: none; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/* headline */
h1, h2, h3, h4, h5, h6 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-weight: normal; }

/*-------------------------------------*/
/*--------------------*/
/*汎用クラス*/
/*--------------------*/
.clearfix:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

.main a:link {
  text-decoration: underline; }

.main a:hover {
  text-decoration: none; }

.inviewfadeIn {
  opacity: 0;
  transition: .8s; }

.fadeIn {
  opacity: 1.0; }

.fadeIn01 {
  opacity: 1.0; }

.fadeIn02 {
  opacity: 1.0; }

.inviewUp {
  transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transition: .5s; }

.Up {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

.inviewfadeInUp {
  opacity: 0;
  transform: translate(0, 40px);
  -webkit-transform: translate(0, 40px);
  transition: 1.5s; }

.inviewfadeInUp2 {
  opacity: 0;
  transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transition: 1.5s 0.2s; }

.inviewfadeInUp3 {
  opacity: 0;
  transform: translate(0, 40px);
  -webkit-transform: translate(0, 40px);
  transition: 1.5s 0.4s; }

/*------------------------------------------------------*/
.inviewfadeInUp_bers {
  opacity: 0;
  transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  /*transition: 1.5s 0.2s;*/
  transition: 0.5s; }

.inviewfadeInUp_photos {
  opacity: 0;
  transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  /*transition: 1.5s 0.2s;*/
  transition: 1.2s; }

/*------------------------------------------------------*/
.inviewfadeInUp_kvpc {
  opacity: 0;
  transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  /*transition: 1.5s 0.2s;*/
  transition: 1.5s 0.2s; }

.inviewfadeInUp_kvsp {
  opacity: 0;
  transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  /*transition: 1.5s 0.8s;*/
  transition: 0.5s 0.2s; }

.inviewfadeInUp_backs {
  opacity: 0;
  transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  transition: 0.5s 0.3s; }

/*------------------------------------------------------*/
.fadeInUp {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

.inviewzoomIn {
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transition: .8s; }

.zoomIn {
  /*	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);*/ }

.anime_fluffy1 {
  animation: wobbling_x 1.6s ease-in-out infinite alternate, wobbling_y 1.1s ease-in-out infinite alternate; }

.anime_fluffy2 {
  animation: wobbling_x 1.3s ease-in-out infinite alternate, wobbling_y 0.9s ease-in-out infinite alternate; }

.anime_fluffy3 {
  animation: wobbling_y2 1.3s ease-in-out infinite alternate; }

@keyframes wobbling_x {
  0% {
    margin-left: 3px; }
  100% {
    margin-left: -2px; } }
@keyframes wobbling_y {
  0% {
    margin-top: -9px; }
  100% {
    margin-top: 0px; } }
@keyframes wobbling_y2 {
  0% {
    margin-top: -12px; }
  100% {
    margin-top: 0px; } }
body {
  _display: inline;
  _zoom: 1; }
  @media only screen and (max-width: 812px) {
    body {
      min-width: initial;
      padding: 0.0vw 0px 0.0vw 0px;
      margin: 0.0vw 0px 0.0vw 0px;
      word-wrap: break-word;
      -webkit-text-size-adjust: 100%;
      _display: inherit;
      _zoom: inherit;
      width: 100%; } }

/*-------------------------------------------------------------------------------------*/
.wrapper {
  height: 100%;
  overflow-x: hidden;
  position: relative; }

.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  /*		background-color: rgba(0, 0, 0, 0.5);*/
  background-color: rgba(0, 0, 0, 0);
  /*position: absolute;*/
  position: fixed;
  top: 0;
  left: 0;
  z-index: 80;
  opacity: 1;
  transition: opacity .5s; }

.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1; }

.trigger_warp {
  position: fixed;
  top: 20px;
  right: 20px;
  background-color: #6EC6F0;
  width: 60px;
  height: 60px;
  z-index: 110;
  border-radius: 50%;
  border: 2px solid #FFFFFF; }
  @media only screen and (max-width: 812px) {
    .trigger_warp {
      position: fixed;
      top: calc(12vw / 3.75);
      right: calc(12vw / 3.75);
      background-color: #6EC6F0;
      width: calc(60vw / 3.75);
      height: calc(60vw / 3.75);
      z-index: 110;
      border-radius: 50%;
      border: 2px solid #FFFFFF; } }

.trigger_warp.active {
  border: none; }
  @media only screen and (max-width: 812px) {
    .trigger_warp.active {
      border: none; } }

/*-------------------------------------------------------------------------------------*/
.menu-trigger {
  display: inline-block;
  width: 30px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  position: fixed;
  top: 38px;
  right: 35px;
  z-index: 100;
  transform: translateX(0);
  transition: transform .5s; }
  @media only screen and (max-width: 812px) {
    .menu-trigger {
      width: 8.0vw;
      height: 6.5vw;
      top: calc(30vw / 3.75);
      right: calc(27vw / 3.75); } }

.menu-trigger.active {
  height: 28px; }

.menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  border-radius: 30px;
  transition: all .2s; }

.menu-trigger.active span {
  background-color: #ffffff;
  border-radius: 30px;
  transition: all .2s; }

.menu-trigger span:nth-of-type(1) {
  top: 0; }

.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(12px) rotate(-45deg); }

.menu-trigger span:nth-of-type(2) {
  top: 11px;
  /*opacity: 0;*/ }
  @media only screen and (max-width: 812px) {
    .menu-trigger span:nth-of-type(2) {
      top: 3.0vw; } }

.menu-trigger.active span:nth-of-type(2) {
  opacity: 0; }

.menu-trigger span:nth-of-type(3) {
  bottom: 0; }

.menu-trigger.active span:nth-of-type(3) {
  bottom: 1px;
  transform: translateY(-12px) rotate(45deg); }

/*-------------------------------------------------------------------------------------*/
nav {
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  background-color: #6EC6F0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  transition: all .5s;
  z-index: 100; }
  @media only screen and (max-width: 812px) {
    nav {
      display: block;
      opacity: 1;
      width: 100vw;
      height: 100%;
      padding-top: 12.0vw;
      transform: translate(100vw); } }

nav.open {
  display: block;
  animation: fade-in .4s; }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  @media only screen and (max-width: 812px) {
    nav.open {
      transform: translateZ(0); } }

nav ul {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 400px;
  z-index: 110;
  border-top: 2px solid #3BB4EE; }
  @media only screen and (max-width: 812px) {
    nav ul {
      margin: 14.0vw auto 0.0vw;
      width: 85%;
      border: none; } }

nav li {
  border-bottom: 2px solid #3BB4EE; }
  @media only screen and (max-width: 812px) {
    nav li {
      margin: 0px auto 0px;
      width: 100%;
      border: none; } }

nav li a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 35px 0px 0px 90px;
  margin: 0px auto 0px;
  height: 80px;
  font-size: 20px;
  font-weight: 600; }
  @media only screen and (max-width: 812px) {
    nav li a {
      color: #fff;
      text-decoration: none;
      display: block;
      width: 100%;
      padding: calc(20vw / 3.75) 0vw calc(0vw / 3.75) calc(57vw / 3.75);
      margin: calc(0vw / 3.75) 0vw calc(25vw / 3.75) 0vw;
      height: calc(50vw / 3.75);
      font-size: calc(18vw / 3.75);
      font-weight: 600; } }

nav li a:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  zoom: 1;
  color: #0C76C4; }
  @media only screen and (max-width: 812px) {
    nav li a:hover {
      color: #FFFFFF; } }

nav li:nth-child(1) {
  background-image: url("../img/pc_menu_back01.svg");
  background-position: left center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 812px) {
    nav li:nth-child(1) {
      background-image: url("../img/sp_menu_back01.svg");
      background-position: left center; } }

nav li:nth-child(1) a:hover {
  background-image: url("../img/pc_menu_back01_on.svg");
  background-position: left center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 812px) {
    nav li:nth-child(1) a:hover {
      background: none; } }

nav li:nth-child(2) {
  background-image: url("../img/pc_menu_back02.svg");
  background-position: left center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 812px) {
    nav li:nth-child(2) {
      background-image: url("../img/sp_menu_back02.svg");
      background-position: left center; } }

nav li:nth-child(2) a:hover {
  background-image: url("../img/pc_menu_back02_on.svg");
  background-position: left center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 812px) {
    nav li:nth-child(2) a:hover {
      background: none; } }

nav li:nth-child(3) {
  background-image: url("../img/pc_menu_back03.svg");
  background-position: left center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 812px) {
    nav li:nth-child(3) {
      background-image: url("../img/sp_menu_back03.svg");
      background-position: left center; } }

nav li:nth-child(3) a:hover {
  background-image: url("../img/pc_menu_back03_on.svg");
  background-position: left center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 812px) {
    nav li:nth-child(3) a:hover {
      background: none; } }

nav li:nth-child(4) {
  background-image: url("../img/pc_menu_back04.svg");
  background-position: left center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 812px) {
    nav li:nth-child(4) {
      background-image: url("../img/sp_menu_back04.svg");
      background-position: left center; } }

nav li:nth-child(4) a:hover {
  background-image: url("../img/pc_menu_back04_on.svg");
  background-position: left center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 812px) {
    nav li:nth-child(4) a:hover {
      background: none; } }

nav li:nth-child(5) {
  background-image: url("../img/pc_menu_back05.svg");
  background-position: left center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 812px) {
    nav li:nth-child(5) {
      background-image: url("../img/sp_menu_back05.svg");
      background-position: left center; } }

nav li:nth-child(5) a:hover {
  background-image: url("../img/pc_menu_back05_on.svg");
  background-position: left center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 812px) {
    nav li:nth-child(5) a:hover {
      background: none; } }

/*-------------------------------------------------------------------------------------*/
header {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  min-width: 1280px; }
  @media only screen and (max-width: 812px) {
    header {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%;
      min-width: inherit; } }

.header_pc {
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  height: 868px;
  background-image: url("../img/mainkv_back_pc.svg");
  background-position: center top;
  background-repeat: no-repeat; }
  .header_pc img {
    width: 100%; }
  .header_pc .main_wrap {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 1082px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .header_pc .main_titles {
    padding: 115px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 504px; }
  .header_pc .main_titles h1 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 0px;
    text-indent: -99999px; }
  .header_pc .main_titles h2 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 24px 0px;
    font-size: 42px;
    font-weight: 900;
    line-height: 1.7em; }
  .header_pc .main_titles h3 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 24px;
    font-weight: 700;
    line-height: 2.0em; }
  .header_pc .main_illust {
    padding: 75px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 578px; }
  @media only screen and (max-width: 812px) {
    .header_pc {
      display: none; } }

.header_sp {
  display: none; }
  @media only screen and (max-width: 812px) {
    .header_sp {
      display: block;
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%;
      background-image: url("../img/mainkv_back_sp.svg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      height: calc(590vw / 3.75);
      position: relative;
      z-index: 21; } }
  .header_sp img {
    width: 100%; }
  .header_sp .main_wrap {
    padding: 0.0vw 0.0vw 0.0vw 0.0vw;
    margin: 0.0vw 0.0vw 0.0vw 0.0vw;
    width: 100%; }
  .header_sp .main_titles {
    padding: calc(65vw / 3.75) 0vw 0vw 0vw;
    margin: 0.0vw auto 0.0vw;
    width: calc(288vw / 3.75); }
  .header_sp .main_titles h1 {
    padding: 0.0vw 0.0vw 0.0vw 0.0vw;
    margin: 0.0vw 0.0vw 0.0vw 0.0vw;
    font-size: 0px;
    text-indent: -99999px; }
  .header_sp .main_titles h2 {
    padding: 0.0vw 0.0vw 0.0vw 0.0vw;
    margin: 0vw 0vw calc(10vw / 3.75) 0vw;
    font-size: calc(24vw / 3.75);
    font-weight: 900;
    line-height: 1.7em; }
  .header_sp .main_titles h3 {
    padding: 0.0vw 0.0vw 0.0vw 0.0vw;
    margin: 0.0vw 0.0vw 0.0vw 0.0vw;
    font-size: calc(16vw / 3.75);
    font-weight: 700;
    line-height: 2.0em; }
  .header_sp .main_illust {
    padding: calc(14vw / 3.75) 0vw calc(24vw / 3.75) 0vw;
    margin: 0.0vw 0.0vw 0.0vw 0.0vw;
    width: 100%; }

/*-------------------------------------------------------------------------------------*/
#pageTopButton_pc {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 82; }
  #pageTopButton_pc img {
    width: 100%; }
  @media only screen and (max-width: 812px) {
    #pageTopButton_pc {
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      width: calc(60vw / 3.75);
      position: fixed;
      right: calc(15vw / 3.75);
      bottom: calc(15vw / 3.75);
      z-index: 82; } }

/*-------------------------------------------------------------------------------------*/
.splt01 {
  padding: 0px 0px 0px 0px;
  margin: -225px 0px 0px 0px;
  width: 100%;
  min-width: 1280px;
  height: 300px;
  position: relative;
  z-index: 19;
  background-image: url("../img/splt01_pc.svg");
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (max-width: 812px) {
    .splt01 {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      min-width: inherit;
      height: calc(22vw / 3.75);
      background-image: url("../img/splt01_sp.svg");
      background-size: cover; } }

.splt02 {
  padding: 0px 0px 0px 0px;
  margin: -225px 0px 0px 0px;
  width: 100%;
  min-width: 1280px;
  height: 300px;
  position: relative;
  z-index: 19;
  background-image: url("../img/splt02_pc.svg");
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (max-width: 812px) {
    .splt02 {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      min-width: inherit;
      height: calc(22vw / 3.75);
      background-image: url("../img/splt02_sp.svg");
      background-size: cover; } }

.splt03 {
  padding: 0px 0px 0px 0px;
  margin: -225px 0px 0px 0px;
  width: 100%;
  min-width: 1280px;
  height: 300px;
  position: relative;
  z-index: 19;
  background-image: url("../img/splt03_pc.svg");
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (max-width: 812px) {
    .splt03 {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      min-width: inherit;
      height: calc(22vw / 3.75);
      background-image: url("../img/splt03_sp.svg");
      background-size: cover; } }

.splt04 {
  padding: 0px 0px 0px 0px;
  margin: -225px 0px 0px 0px;
  width: 100%;
  min-width: 1280px;
  height: 300px;
  position: relative;
  z-index: 19;
  background-image: url("../img/splt04_pc.svg");
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (max-width: 812px) {
    .splt04 {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      min-width: inherit;
      height: calc(22vw / 3.75);
      background-image: url("../img/splt04_sp.svg");
      background-size: cover; } }

/*-------------------------------------------------------------------------------------*/
footer {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  min-width: 1200px;
  background-color: #00BDF2; }
  @media only screen and (max-width: 812px) {
    footer {
      min-width: inherit; } }

.footer {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1280px;
  position: relative; }
  .footer .copyright {
    padding: 0px 0px 50px 0px;
    margin: 0px auto 0px;
    text-align: center;
    font-size: 10px;
    color: #FFFFFF; }
  .footer .tetrapaklogo {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 259px;
    position: absolute;
    left: 0px;
    bottom: 0px; }
  @media only screen and (max-width: 812px) {
    .footer {
      width: 100%;
      position: inherit; }
      .footer .copyright {
        padding: 0.0vw 0.0vw 10.0vw 0.0vw;
        margin: 0.0vw 0.0vw 0.0vw 0.0vw;
        text-align: center;
        font-size: calc(12vw / 3.75);
        line-height: 1.6em;
        color: #FFFFFF; }
      .footer .tetrapaklogo {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(290vw / 3.75);
        position: inherit;
        left: inherit;
        bottom: inherit; } }
  .footer img {
    width: 100%; }

.footer_btmwrap {
  padding: 50px 0px 80px 0px;
  margin: 0px auto 0px;
  width: 630px; }
  .footer_btmwrap ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .footer_btmwrap ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 285px; }
  @media only screen and (max-width: 812px) {
    .footer_btmwrap {
      padding: calc(40vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; }
      .footer_btmwrap ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
      .footer_btmwrap ul li {
        padding: 0vw 0vw calc(20vw / 3.75) 0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(270vw / 3.75); }
      .footer_btmwrap ul li:nth-last-child(1) {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw; } }

/*-------------------------------------------------------------------------------------*/
#pc_menu {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 812px) {
    #pc_menu {
      display: none; } }

.pc_menu {
  padding: 0px 0px 0px 0px;
  margin: -220px 0px 0px 0px;
  width: 100%; }
  .pc_menu img {
    width: 100%; }

.pc_menu ul {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 914px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.pc_menu ul li {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 160px;
  place-items: center; }

.pc_menu ul li a:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  zoom: 1; }

.pc_menu ul li img {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; }

/*-------------------------------------------------------------------------------------*/
#point01_wrap {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-color: #F6FCFE; }
  @media only screen and (max-width: 812px) {
    #point01_wrap {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.point01_wrap {
  padding: 90px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1000px;
  position: relative;
  z-index: 20; }
  .point01_wrap h2 {
    padding: 0px 0px 40px 0px;
    margin: 0px auto 0px;
    text-align: center;
    font-size: 50px;
    font-weight: 900;
    color: #0C76C4; }
  @media only screen and (max-width: 812px) {
    .point01_wrap {
      padding: calc(35vw / 3.75) 0vw calc(35vw / 3.75) 0vw;
      margin: calc(-35vw / 3.75) auto 0vw;
      width: 100%; }
      .point01_wrap h2 {
        padding: calc(0vw / 3.75) 0vw calc(35vw / 3.75) 0vw;
        margin: calc(-0vw / 3.75) auto 0vw;
        text-align: center;
        font-size: calc(30vw / 3.75);
        font-weight: 900; } }
  .point01_wrap img {
    width: 100%; }

.point01_inforwrap01 {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1000px;
  height: 219px;
  color: #FFFFFF;
  background-image: url("../img/point01_inforwrap_back_pc.svg");
  background-repeat: no-repeat;
  background-position: center center; }
  .point01_inforwrap01 h3 {
    padding: 36px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 920px;
    text-align: center;
    font-size: 26px;
    font-weight: 600; }
  .point01_inforwrap01 p {
    padding: 20px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 920px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8em; }
  @media only screen and (max-width: 812px) {
    .point01_inforwrap01 {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%;
      height: calc(408vw / 3.75);
      background-image: url("../img/point01_inforwrap_back_sp.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain; }
      .point01_inforwrap01 h3 {
        padding: calc(30vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(256vw / 3.75);
        text-align: center;
        font-size: calc(20vw / 3.75); }
      .point01_inforwrap01 p {
        padding: calc(10vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(255vw / 3.75);
        text-align: left;
        font-size: calc(15vw / 3.75);
        font-weight: 500;
        line-height: 1.7em;
        text-align: justify;
        text-justify: inter-ideograph;
        /* Edge */
        line-break: strict;
        word-break: break-word;
        overflow-wrap: break-word;
        word-wrap: break-word; } }

.point01_inforwrap02 {
  padding: 44px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .point01_inforwrap02_left {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 328px; }
  .point01_inforwrap02_right {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 650px; }
    .point01_inforwrap02_right h3 {
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 26px;
      font-weight: 600;
      color: #0C76C4; }
    .point01_inforwrap02_right .read {
      padding: 25px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 16px;
      line-height: 1.8em; }
    .point01_inforwrap02_right .note {
      padding: 15px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 14px; }
  @media only screen and (max-width: 812px) {
    .point01_inforwrap02 {
      padding: calc(38vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75);
      display: inherit;
      flex-wrap: inherit;
      justify-content: inherit; }
      .point01_inforwrap02_left {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: 100%; }
      .point01_inforwrap02_right {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: 100%; }
        .point01_inforwrap02_right h3 {
          padding: calc(20vw / 3.75) 0vw 0vw 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw;
          font-size: calc(20vw / 3.75); }
        .point01_inforwrap02_right .read {
          padding: calc(20vw / 3.75) 0vw 0vw 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw;
          font-size: calc(15vw / 3.75); }
        .point01_inforwrap02_right .note {
          padding: calc(20vw / 3.75) 0vw 0vw 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw;
          font-size: calc(12vw / 3.75); } }

.point01_inforwrap03 {
  padding: 44px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1000px;
  display: flex;
  flex-wrap: wrap; }
  .point01_inforwrap03_left {
    padding: 0px 5px 0px 0px;
    margin: 0px auto 0px;
    width: 730px; }
    .point01_inforwrap03_left h3 {
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 26px;
      font-weight: 600;
      color: #0C76C4; }
    .point01_inforwrap03_left .read {
      padding: 25px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 16px;
      line-height: 1.8em; }
    .point01_inforwrap03_left .note {
      padding: 15px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 14px; }
  .point01_inforwrap03_right {
    padding: 90px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 265px; }
  .point01_inforwrap03_subinfor {
    padding: 0px 0px 0px 0px;
    margin: -135px 0px 0px 0px;
    width: 730px; }
    .point01_inforwrap03_subinfor h4 {
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 18px; }
    .point01_inforwrap03_subinfor .lists {
      padding: 15px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    .point01_inforwrap03_subinfor .lists01 {
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      width: 400px; }
    .point01_inforwrap03_subinfor .lists01 li {
      padding: 0px 0px 15px 25px;
      margin: 0px 0px 0px 0px;
      font-size: 16px; }
      .point01_inforwrap03_subinfor .lists01 li:nth-child(1) {
        background-image: url(../img/listnum01.svg);
        background-repeat: no-repeat;
        background-position: left 3px; }
      .point01_inforwrap03_subinfor .lists01 li:nth-child(2) {
        background-image: url(../img/listnum02.svg);
        background-repeat: no-repeat;
        background-position: left 3px; }
      .point01_inforwrap03_subinfor .lists01 li:nth-child(3) {
        background-image: url(../img/listnum03.svg);
        background-repeat: no-repeat;
        background-position: left 3px; }
    .point01_inforwrap03_subinfor .lists02 {
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      width: 330px; }
    .point01_inforwrap03_subinfor .lists02 li {
      padding: 0px 0px 15px 25px;
      margin: 0px 0px 0px 0px;
      font-size: 16px; }
      .point01_inforwrap03_subinfor .lists02 li:nth-child(1) {
        background-image: url(../img/listnum04.svg);
        background-repeat: no-repeat;
        background-position: left 3px; }
      .point01_inforwrap03_subinfor .lists02 li:nth-child(2) {
        background-image: url(../img/listnum05.svg);
        background-repeat: no-repeat;
        background-position: left 3px; }
      .point01_inforwrap03_subinfor .lists02 li:nth-child(3) {
        background-image: url(../img/listnum06.svg);
        background-repeat: no-repeat;
        background-position: left 3px; }
  @media only screen and (max-width: 812px) {
    .point01_inforwrap03 {
      padding: calc(25vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75);
      display: inherit;
      flex-wrap: inherit;
      justify-content: inherit; }
      .point01_inforwrap03_left {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: 100%; }
        .point01_inforwrap03_left h3 {
          padding: calc(0vw / 3.75) 0vw 0vw 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw;
          font-size: calc(20vw / 3.75); }
        .point01_inforwrap03_left .read {
          padding: calc(20vw / 3.75) 0vw 0vw 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw;
          font-size: calc(15vw / 3.75); }
        .point01_inforwrap03_left .note {
          padding: calc(20vw / 3.75) 0vw 0vw 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw;
          font-size: calc(12vw / 3.75); }
      .point01_inforwrap03_right {
        padding: calc(20vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        width: 100%; }
      .point01_inforwrap03_subinfor {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: 100%; }
        .point01_inforwrap03_subinfor h4 {
          padding: calc(20vw / 3.75) 0vw 0vw 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw;
          font-size: calc(17vw / 3.75); }
        .point01_inforwrap03_subinfor .lists {
          padding: calc(20vw / 3.75) 0vw 0vw 0vw;
          margin: 0.0vw auto 0.0vw; }
        .point01_inforwrap03_subinfor .lists01 {
          padding: 0.0vw 0.0vw 0.0vw 0.0vw;
          margin: 0.0vw auto 0.0vw;
          width: 100%; }
        .point01_inforwrap03_subinfor .lists01 li {
          padding: 0vw 0vw calc(10vw / 3.75) calc(25vw / 3.75);
          margin: 0.0vw auto 0.0vw;
          font-size: calc(15vw / 3.75); }
          .point01_inforwrap03_subinfor .lists01 li:nth-child(1) {
            background-position: left calc(2vw / 3.75); }
          .point01_inforwrap03_subinfor .lists01 li:nth-child(2) {
            background-position: left calc(2vw / 3.75); }
          .point01_inforwrap03_subinfor .lists01 li:nth-child(3) {
            background-position: left calc(2vw / 3.75); }
        .point01_inforwrap03_subinfor .lists02 {
          padding: 0.0vw 0.0vw 0.0vw 0.0vw;
          margin: 0.0vw auto 0.0vw;
          width: 100%; }
        .point01_inforwrap03_subinfor .lists02 li {
          padding: 0vw 0vw calc(10vw / 3.75) calc(25vw / 3.75);
          margin: 0.0vw auto 0.0vw;
          font-size: calc(15vw / 3.75); }
          .point01_inforwrap03_subinfor .lists02 li:nth-child(1) {
            background-position: left calc(2vw / 3.75); }
          .point01_inforwrap03_subinfor .lists02 li:nth-child(2) {
            background-position: left calc(2vw / 3.75); }
          .point01_inforwrap03_subinfor .lists02 li:nth-child(3) {
            background-position: left calc(2vw / 3.75); } }

.point01_inforwrap04 {
  padding: 44px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .point01_inforwrap04_left {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 462px; }
  .point01_inforwrap04_right {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 510px; }
    .point01_inforwrap04_right h3 {
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 26px;
      font-weight: 600;
      color: #0C76C4; }
    .point01_inforwrap04_right .read {
      padding: 25px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 16px;
      line-height: 1.8em; }
    .point01_inforwrap04_right .note {
      padding: 15px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 14px; }
  @media only screen and (max-width: 812px) {
    .point01_inforwrap04 {
      padding: calc(25vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75);
      display: flex;
      flex-wrap: wrap-reverse; }
      .point01_inforwrap04_left {
        padding: calc(20vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        width: 100%; }
      .point01_inforwrap04_right {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: 100%; }
        .point01_inforwrap04_right h3 {
          padding: calc(0vw / 3.75) 0vw 0vw 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw;
          font-size: calc(20vw / 3.75); }
        .point01_inforwrap04_right .read {
          padding: calc(20vw / 3.75) 0vw 0vw 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw;
          font-size: calc(15vw / 3.75); }
        .point01_inforwrap04_right .note {
          padding: calc(20vw / 3.75) 0vw 0vw 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw;
          font-size: calc(12vw / 3.75); } }

.point01_inforslpt {
  padding: 50px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1000px; }
  @media only screen and (max-width: 812px) {
    .point01_inforslpt {
      padding: calc(30vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75); } }

.point01_btmwrap {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1000px; }
  .point01_btmwrap ul {
    padding: 40px 0px 0px 0px;
    margin: 0px auto 0px; }
  .point01_btmwrap ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 510px; }
  @media only screen and (max-width: 812px) {
    .point01_btmwrap {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%; }
      .point01_btmwrap ul {
        padding: calc(40vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw; }
      .point01_btmwrap ul li {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(270vw / 3.75); } }

/*-------------------------------------------------------------------------------------*/
#point02_wrap {
  padding: 225px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-color: #E5F3DD; }
  @media only screen and (max-width: 812px) {
    #point02_wrap {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.point02_wrap {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1000px;
  position: relative;
  z-index: 20; }
  .point02_wrap h2 {
    padding: 0px 0px 45px 0px;
    margin: -170px auto 0px;
    text-align: center;
    font-size: 50px;
    font-weight: 900;
    color: #7DC355; }
  @media only screen and (max-width: 812px) {
    .point02_wrap {
      padding: 0vw 0vw calc(25vw / 3.75) 0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%; }
      .point02_wrap h2 {
        padding: calc(35vw / 3.75) 0vw calc(35vw / 3.75) 0vw;
        margin: 0.0vw auto 0.0vw;
        text-align: center;
        font-size: calc(30vw / 3.75);
        font-weight: 900; } }
  .point02_wrap img {
    width: 100%; }

/*--------------------------------------*/
.point02_inforwrap {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 812px) {
    .point02_inforwrap {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75); } }

/*--------------------------------------*/
.point02_inforwrap h3 {
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  width: 1000px;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  color: #7DC355; }
.point02_inforwrap .point02_sinfor_photo {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 320px; }
  .point02_inforwrap .point02_sinfor_photo img {
    border-radius: 20px; }
.point02_inforwrap .point02_sinfor_read {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 650px;
  font-size: 16px;
  line-height: 1.7em;
  font-weight: 400; }
@media only screen and (max-width: 812px) {
  .point02_inforwrap h3 {
    padding: 0vw 0vw calc(20vw / 3.75) 0vw;
    margin: 0.0vw auto 0.0vw;
    width: 100%;
    font-size: calc(20vw / 3.75); }
  .point02_inforwrap .point02_sinfor_photo {
    padding: calc(15vw / 3.75) 0vw 0vw 0vw;
    margin: 0.0vw auto 0.0vw;
    width: 100%; }
    .point02_inforwrap .point02_sinfor_photo img {
      border-radius: calc(20vw / 3.75); }
  .point02_inforwrap .point02_sinfor_read {
    padding: 0.0vw 0.0vw 0.0vw 0.0vw;
    margin: 0.0vw auto 0.0vw;
    width: 100%;
    font-size: calc(15vw / 3.75);
    font-weight: 400; } }

/*--------------------------------------*/
.point02_sinfor01 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .point02_sinfor01 .point02_sinfor_photo {
    position: relative; }
  .point02_sinfor01 .point02_sinfor_photo_icon {
    position: absolute;
    width: 375px;
    right: 0px;
    bottom: 0px; }
  @media only screen and (max-width: 812px) {
    .point02_sinfor01 {
      padding: calc(0vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75); }
      .point02_sinfor01 .point02_sinfor_photo {
        padding: calc(20vw / 3.75) 0vw 0vw 0vw; }
      .point02_sinfor01 .point02_sinfor_photo_icon {
        position: absolute;
        width: calc(323vw / 3.75);
        right: inherit;
        left: 0;
        bottom: calc(-5vw / 3.75); } }

.point02_sinfor02 {
  padding: 45px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .point02_sinfor02 h3 {
    order: 1; }
  .point02_sinfor02 .point02_sinfor_photo {
    order: 2; }
  .point02_sinfor02 .point02_sinfor_read {
    order: 3;
    background-image: url("../img/point02_icon02_pc.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 185px; }
  @media only screen and (max-width: 812px) {
    .point02_sinfor02 {
      padding: calc(35vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75); }
      .point02_sinfor02 h3 {
        padding: calc(10vw / 3.75) 0vw 0vw 0vw;
        margin: 0vw 0vw calc(10vw / 3.75) 0vw;
        background-image: url("../img/point02_icon02_sp.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center; }
      .point02_sinfor02 .point02_sinfor_photo {
        order: 3; }
      .point02_sinfor02 .point02_sinfor_read {
        order: 2;
        background: none; } }

.point02_sinfor03 {
  padding: 45px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .point02_sinfor03 .point02_sinfor_read {
    width: 100%; }
  @media only screen and (max-width: 812px) {
    .point02_sinfor03 {
      padding: calc(35vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75); } }

.point02_sinfor03_sub {
  padding: 20px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .point02_sinfor03_sub .title {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    font-size: 15px;
    line-height: 1.7em;
    font-weight: 600; }
  .point02_sinfor03_sub .point02_sinfor_wariai {
    padding: 30px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 200px; }
  .point02_sinfor03_sub .point02_sinfor_photo {
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 540px; }
  .point02_sinfor03_sub .note {
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    font-size: 14px;
    line-height: 1.7em; }
  @media only screen and (max-width: 812px) {
    .point02_sinfor03_sub {
      padding: calc(30vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75); }
      .point02_sinfor03_sub .title {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw 0.0vw 0.0vw 0.0vw;
        font-size: calc(15vw / 3.75);
        line-height: 1.7em;
        font-weight: 600;
        text-indent: -1.2em;
        padding-left: 1.2em;
        order: 1; }
      .point02_sinfor03_sub .point02_sinfor_wariai {
        padding: calc(20vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw 0.0vw 0.0vw 0.0vw;
        width: calc(155vw / 3.75);
        order: 2; }
      .point02_sinfor03_sub .point02_sinfor_photo {
        padding: calc(20vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw 0.0vw 0.0vw 0.0vw;
        width: 100%;
        order: 4; }
      .point02_sinfor03_sub .note {
        padding: calc(20vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw 0.0vw 0.0vw 0.0vw;
        font-size: calc(12vw / 3.75);
        line-height: 1.7em;
        order: 3; } }

.point02_sinfor04 {
  padding: 45px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .point02_sinfor04 h3 {
    order: 1; }
  .point02_sinfor04 .point02_sinfor_photo {
    order: 2; }
  .point02_sinfor04 .point02_sinfor_read {
    order: 3; }
  @media only screen and (max-width: 812px) {
    .point02_sinfor04 {
      padding: calc(35vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75); }
      .point02_sinfor04 .point02_sinfor_photo {
        order: 3; }
      .point02_sinfor04 .point02_sinfor_read {
        order: 2; } }

.point02_inforslpt {
  padding: 40px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 1000px; }
  @media only screen and (max-width: 812px) {
    .point02_inforslpt {
      padding: calc(35vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75); } }

/*-------------------------------------------------------------------------------------*/
#point03_wrap {
  padding: 225px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-color: #FFFDE7; }
  @media only screen and (max-width: 812px) {
    #point03_wrap {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.point03_wrap {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1000px;
  position: relative;
  z-index: 20; }
  .point03_wrap h2 {
    padding: 0px 0px 45px 0px;
    margin: -170px auto 0px;
    text-align: center;
    font-size: 50px;
    font-weight: 900;
    color: #FFA61C; }
  @media only screen and (max-width: 812px) {
    .point03_wrap {
      padding: 0vw 0vw calc(25vw / 3.75) 0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%; }
      .point03_wrap h2 {
        padding: calc(35vw / 3.75) 0vw calc(20vw / 3.75) 0vw;
        margin: 0.0vw auto 0.0vw;
        text-align: center;
        font-size: calc(30vw / 3.75);
        font-weight: 900;
        line-height: 1.4em; } }
  .point03_wrap img {
    width: 100%; }

.point03_inforwrap {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  .point03_inforwrap .illust {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; }
  .point03_inforwrap .read {
    padding: 35px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    font-size: 16px;
    line-height: 1.7em; }
  @media only screen and (max-width: 812px) {
    .point03_inforwrap {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75); }
      .point03_inforwrap .illust {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw; }
      .point03_inforwrap .read {
        padding: calc(20vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        text-align: left;
        font-size: calc(15vw / 3.75);
        line-height: 1.7em; } }

.point03_linkwrap01 {
  padding: 20px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 650px; }
  .point03_linkwrap01 ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .point03_linkwrap01 ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 300px; }
  @media only screen and (max-width: 812px) {
    .point03_linkwrap01 {
      padding: calc(14vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75); }
      .point03_linkwrap01 ul {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        display: inherit;
        flex-wrap: inherit;
        justify-content: inherit; }
      .point03_linkwrap01 ul li {
        padding: 0vw 0vw calc(20vw / 3.75) 0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(270vw / 3.75); }
        .point03_linkwrap01 ul li:nth-child(2) {
          padding: 0.0vw 0.0vw 0.0vw 0.0vw;
          margin: 0.0vw auto 0.0vw; } }

.point03_linkwrap02 {
  padding: 50px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 920px; }
  .point03_linkwrap02 h3 {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    color: #FFA61C; }
  .point03_linkwrap02 ul {
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .point03_linkwrap02 ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 280px; }
  .point03_linkwrap02 .note {
    padding: 30px 0px 0px 0px;
    margin: 0px auto 0px;
    font-size: 14px;
    text-align: center; }
  @media only screen and (max-width: 812px) {
    .point03_linkwrap02 {
      padding: calc(40vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%; }
      .point03_linkwrap02 h3 {
        padding: calc(0vw / 3.75) 0vw calc(0vw / 3.75) 0vw;
        text-align: center;
        font-size: calc(20vw / 3.75); }
      .point03_linkwrap02 ul {
        padding: calc(16vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(315vw / 3.75);
        display: inherit;
        flex-wrap: inherit;
        justify-content: inherit; }
      .point03_linkwrap02 ul li {
        padding: 0vw 0vw calc(16vw / 3.75) 0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(270vw / 3.75); }
        .point03_linkwrap02 ul li:nth-child(3) {
          padding: 0.0vw 0.0vw 0.0vw 0.0vw;
          margin: 0.0vw auto 0.0vw; }
      .point03_linkwrap02 .note {
        padding: calc(20vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(315vw / 3.75);
        font-size: calc(12vw / 3.75); } }

/*-------------------------------------------------------------------------------------*/
#point04_wrap {
  padding: 225px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-color: #FFFFFF; }
  @media only screen and (max-width: 812px) {
    #point04_wrap {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.point04_wrap {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1000px;
  position: relative;
  z-index: 20; }
  .point04_wrap h2 {
    padding: 0px 0px 45px 0px;
    margin: -170px auto 0px;
    text-align: center;
    font-size: 50px;
    font-weight: 900;
    color: #FF7D17; }
  .point04_wrap h3 {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    color: #FF7D17; }
  @media only screen and (max-width: 812px) {
    .point04_wrap {
      padding: 0vw 0vw calc(25vw / 3.75) 0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%; }
      .point04_wrap h2 {
        padding: calc(35vw / 3.75) 0vw calc(35vw / 3.75) 0vw;
        margin: 0.0vw auto 0.0vw;
        text-align: center;
        font-size: calc(30vw / 3.75);
        font-weight: 900;
        line-height: 1.4em; }
      .point04_wrap h3 {
        padding: calc(0vw / 3.75) 0vw calc(0vw / 3.75) 0vw;
        text-align: center;
        font-size: calc(20vw / 3.75); } }
  .point04_wrap img {
    width: 100%; }

.point04_inforwrap {
  padding: 20px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .point04_inforwrap .point04_read {
    padding: 0px 15px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 500px; }
  .point04_inforwrap .point04_read p {
    font-size: 16px;
    line-height: 1.7em; }
  .point04_inforwrap .point04_illust {
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    width: 500px; }
  .point04_inforwrap .point04_illust p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; }
  .point04_inforwrap .point04_btm {
    padding: 0px 15px 0px 0px;
    margin: -90px 0px 0px 0px;
    width: 500px; }
  .point04_inforwrap .point04_btm p {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 300px; }
  @media only screen and (max-width: 812px) {
    .point04_inforwrap {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75);
      display: inherit;
      flex-wrap: inherit;
      justify-content: inherit; }
      .point04_inforwrap .point04_read {
        padding: calc(20vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw 0.0vw 0.0vw 0.0vw;
        width: 100%; }
      .point04_inforwrap .point04_read p {
        font-size: calc(15vw / 3.75);
        line-height: 1.7em; }
      .point04_inforwrap .point04_illust {
        padding: calc(20vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw 0.0vw 0.0vw 0.0vw;
        width: 100%; }
      .point04_inforwrap .point04_illust p {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw 0.0vw 0.0vw 0.0vw; }
      .point04_inforwrap .point04_btm {
        padding: calc(20vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw 0.0vw 0.0vw 0.0vw;
        width: 100%; }
      .point04_inforwrap .point04_btm p {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(270vw / 3.75); } }

/*-------------------------------------------------------------------------------------*/
#point05_wrap {
  padding: 225px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-color: #9FD9F3; }
  @media only screen and (max-width: 812px) {
    #point05_wrap {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.point05_wrap {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1000px;
  position: relative;
  z-index: 20; }
  .point05_wrap h2 {
    padding: 0px 0px 40px 0px;
    margin: -170px auto 0px;
    text-align: center;
    font-size: 50px;
    font-weight: 900;
    color: #0C76C4; }
  @media only screen and (max-width: 812px) {
    .point05_wrap {
      padding: 0vw 0vw calc(25vw / 3.75) 0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%; }
      .point05_wrap h2 {
        padding: calc(35vw / 3.75) 0vw calc(35vw / 3.75) 0vw;
        margin: 0.0vw auto 0.0vw;
        text-align: center;
        font-size: calc(30vw / 3.75);
        font-weight: 900; } }
  .point05_wrap img {
    width: 100%; }

.point05_inforwrap {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 1000px; }
  .point05_inforwrap dl {
    padding: 0px 0px 30px 0px;
    margin: 0px 0px 0px 0px; }
    .point05_inforwrap dl:nth-last-child(1) {
      padding: 0px 0px 80px 0px;
      margin: 0px 0px 0px 0px; }
  .point05_inforwrap dl dt {
    padding: 20px 20px 20px 60px;
    margin: 0px 0px 0px 0px;
    background-color: #0C76C4;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-image: url(../img/point05_faqicon_q.svg);
    background-repeat: no-repeat;
    background-position: 20px 20px; }
  .point05_inforwrap dl dd {
    padding: 20px 20px 20px 60px;
    margin: 0px 0px 0px 0px;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 16px;
    line-height: 1.8em;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-image: url(../img/point05_faqicon_a.svg);
    background-repeat: no-repeat;
    background-position: 20px 20px; }
    .point05_inforwrap dl dd span {
      font-size: 0.875em;
      letter-spacing: -0.02em; }
    .point05_inforwrap dl dd ul.links01 {
      padding: 10px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
    .point05_inforwrap dl dd ul.links01 li {
      padding: 0px 40px 0px 0px;
      margin: 0px 0px 0px 0px; }
      .point05_inforwrap dl dd ul.links01 li a {
        color: #0C76C4;
        text-decoration: underline; }
        .point05_inforwrap dl dd ul.links01 li a:hover {
          text-decoration: none; }
  @media only screen and (max-width: 812px) {
    .point05_inforwrap {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(315vw / 3.75); }
      .point05_inforwrap dl {
        padding: 0vw 0vw calc(30vw / 3.75) 0vw;
        margin: 0.0vw 0.0vw 0.0vw 0.0vw; }
        .point05_inforwrap dl:nth-last-child(1) {
          padding: 0vw 0vw calc(25vw / 3.75) 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw; }
      .point05_inforwrap dl dt {
        padding: calc(14vw / 3.75) calc(14vw / 3.75) calc(14vw / 3.75) calc(50vw / 3.75);
        margin: 0.0vw 0.0vw 0.0vw 0.0vw;
        font-size: calc(15vw / 3.75);
        font-weight: 500;
        line-height: 1.8em;
        border-top-left-radius: calc(20vw / 3.75);
        border-top-right-radius: calc(20vw / 3.75);
        background-image: url(../img/point05_faqicon_q.svg);
        background-repeat: no-repeat;
        background-position: calc(14vw / 3.75) calc(14vw / 3.75); }
      .point05_inforwrap dl dd {
        padding: calc(14vw / 3.75) calc(14vw / 3.75) calc(14vw / 3.75) calc(50vw / 3.75);
        margin: 0.0vw 0.0vw 0.0vw 0.0vw;
        font-size: calc(15vw / 3.75);
        line-height: 1.8em;
        border-bottom-left-radius: calc(20vw / 3.75);
        border-bottom-right-radius: calc(20vw / 3.75);
        background-image: url(../img/point05_faqicon_a.svg);
        background-repeat: no-repeat;
        background-position: calc(14vw / 3.75) calc(14vw / 3.75); }
        .point05_inforwrap dl dd span {
          padding: 2.0vw 0.0vw 0.0vw 0.0vw;
          font-size: 0.8em;
          line-height: 1.8em;
          letter-spacing: -0.02em;
          display: inline-block; }
        .point05_inforwrap dl dd ul.links01 {
          padding: calc(10vw / 3.75) 0vw 0vw 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw; }
        .point05_inforwrap dl dd ul.links01 li {
          padding: 0vw calc(0vw / 3.75) calc(0vw / 3.75) 0vw;
          margin: 0.0vw 0.0vw 0.0vw 0.0vw;
          width: 100%;
          font-size: calc(13vw / 3.75); } }

/*-------------------------------------------------------------------------------------*/
#hoge {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 812px) {
    #hoge {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.hoge {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 812px) {
    .hoge {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%; } }

/*-------------------------------------------------------------------------------------*/
#hoge {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 812px) {
    #hoge {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.hoge {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 812px) {
    .hoge {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%; } }
  .hoge img {
    width: 100%; }

/*-------------------------------------------------------------------------------------*/
.sp_only {
  display: none; }
  @media only screen and (max-width: 812px) {
    .sp_only {
      display: block; } }

.pc_only {
  display: block; }
  @media only screen and (max-width: 812px) {
    .pc_only {
      display: none; } }

.spinline_only {
  display: none; }
  @media only screen and (max-width: 812px) {
    .spinline_only {
      display: inline-block; } }

.pcinline_only {
  display: inline-block; }
  @media only screen and (max-width: 812px) {
    .pcinline_only {
      display: none; } }