body {
 background: #ffffff;
 margin: 0 !important;
}

a:hover {
 text-decoration: none !important;
 color: #ffffff !important;
 opacity: 0.8;
}


.wrapper {
 max-width: 1600px;
 margin: 0 auto;
 font-family: ryo-display-plusn, serif;
 font-weight: 900;
 font-style: normal;
 color: #333333;
}

.wrapper iframe {
 display: block;
 margin: auto;
 max-width: 1600px;
}

.wrapper h1 {
 font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ＭＳ 明朝', 'MS Mincho', sans-serif;
 font-size: 170%;
 letter-spacing: -1px;
 line-height: 140%;
}

.wrapper p {
 font-size: 110%;
 font-family: a-otf-gothic-bbb-pr6n, sans-serif;
 font-weight: 500;
 font-style: normal;
 line-height: 260%;
}

.wrapper span {
 font-family: ryo-display-plusn, serif;
 font-weight: 600;
 font-style: normal;
 font-size: 220%;
 font-weight: bold;
}

.wrapper img {
 max-width: 100%;
 vertical-align: bottom;
}
.lp_logo {
	margin: 20px auto 20px;
	text-align: center;
}
.lp_logo img{
 max-width: 170px;
}
.wrapper .title {
 margin-bottom: 33px;
}
.title{
  width:80%;
}
.top {
 position: relative;
 padding-bottom: 35%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}

iframe {
 position: absolute;
 top: 0;
 left: 16.5%;
 width: 65%;
 height: 97.5%;
}

.flex {
 display: flex;
 justify-content: space-between;
 max-width: 1000px;
 width: 62.5%;
 margin: 0 auto;
 margin-bottom: 45px;

}


/*背景設定------------------*/
.contents_01 {
 margin: 0 auto;

}

.contents_02,
.contents_03,
.contents_04,
.contents_05,
.contents_06 {
 margin-bottom: 30px;
 text-align:center;
}

.button {
 width: 100%;
 text-align: center;

}

.copyright {
 width: 100%;
 text-align: center;
 margin-top: 150px;
 font-size: 14px;
 font-weight: normal;
}


@media screen and (max-width: 1024px) {
 .flex {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 45px;

 }

 .wrapper h1 {
  font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ＭＳ 明朝', 'MS Mincho', sans-serif;
  font-size: 70%;
  letter-spacing: -1px;
  line-height: 140%;
 }

 .wrapper p {
  font-size: 60%;
  font-family: a-otf-gothic-bbb-pr6n, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 200%;
 }

 .wrapper span {
  font-family: ryo-display-plusn, serif;
  font-weight: 600;
  font-style: normal;
  font-size: 180%;
  font-weight: bold;
 }

.contents_01 img{
 width: 100%;
}

}
.t1 {
    position: relative;
    top: -2px;
    margin-bottom: 50px!important;
}
.stripe_01 {
  background-image: linear-gradient(
    315deg,
    #ffffff 25%,
    #cae9fa7a 25%, #cae9fa7a 50%,
    #ffffff 50%, #ffffff 75%,
    #cae9fa7a 75%, #cae9fa7a 100%
  );
  background-size: 10px 10px;
  background-position-y: 25%;
}
@media screen and (max-width: 480px) {
  .stripe_01 {
   margin-top:30px!important;
 }
 .view_sp{
   display: none;
 }
 .title{
   width:100%;
 }
 .t1 {
     margin-bottom: 0px !important;
 }
 .copyright {
  width: 100%;
  text-align: center;
  margin-top: 50px;
  font-size: 11px;
 }

}
@media screen and (min-width: 481px) {
.view_pc{
  display: none;
}
}