@charset "UTF-8";
@font-face {
  font-family: icon;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;base64,d09GRgABAAAAAAWgAAsAAAAACZQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAIEAAAC4IiwmrU9TLzIAAAGMAAAAPwAAAGBLCjeOY21hcAAAAcwAAADnAAACuCvdoYlnbHlmAAACtAAAAM0AAAFgpK8R4GhlYWQAAAOEAAAALAAAADYZ7ieNaGhlYQAAA7AAAAAWAAAAJAEBAJdobXR4AAADyAAAABAAAABYAwAAAGxvY2EAAAPYAAAAGAAAAC4GfgYgbWF4cAAAA/AAAAAeAAAAIAEiAB5uYW1lAAAEEAAAASkAAAIWm5e+CnBvc3QAAAU8AAAAYwAAAIxNOaZ2eJxNjb0OgkAQhD9ODg8FxL+GR6CitKIwxMrCwgeQypgQK94/zp4x8TaT3e92JksCrOjoccPleqeaxvlNQ8r32f5/TqbXcyT8SLs09iA98NS0nDhzw5GJzBHIdcOcJRWb+OekNUuV0UJcxMlLW3ZKGGXiwIFjTHm5c6Vq9h/9MwgcAAAAeJxjYGFQZpzAwMrAwBDIEAkkBaG0LQMbgyIDAxMDKzMDVhCQ5prCcIAh5QErQwOQy83QDRZmRFHECgBclgcVAHiczdJNbsIwEIbh1yThNwlJSTaoi6rrHqs/IBAgBELqgbrqoXwT+k08i56g6lhPJI9ie2QPUACZvEgO4ZuAxZeyYchnzId8zqfmjYb9v2XPiTNXbrG435V5ZcdBmYsyDJnfEbRuzSNPGs8atlNFTUfPVCdMmNFSsmLJggdGOiVXdWOrIoz5k2iquutVjYpph1Kskv8SpX1C6bMeu/GkkTdXybur5cN1snG2duumsnN6Z71qMpGDm8nRtXJyVsvZreTilnJ1C7k53WUk0fsSQ2L9FEeJ9WDMEuvNmCfqA2KREH4A+ZMpDgB4nF2QvQ6CMBSF7w9t2dCAuNWEAaKJkADCyHuYOMgDuLno0kf30hIH2jS3wznfOS0gLOsBL0gAxqLGYcKq7If2hEZfOSJEa0kZPp85ZaXIWjaKLxcGIO91shkMwO3Q3Uw1Hl06x7Nz7i0DAv8LT9gLP9NFI9yi7CdcIvJPpKhpSEXUkZZTkuK65kjuzJ0EBP9TCIu/zbMEj7nHeMbd64lX/RYH//wZduL37xoHiwl6hA76mDjoA47J8Bq/yffF1+9ZquhNX73N/wFshiAuAAAAeJxjYGRgYADio3/Oro7nt/nKwM3QABRhuKv+5QQyDRQFiXMwMIE4AHaNC/B4nGNgZGBgaGBgQCIZGVCBGAAl7gGZAAB4nGNgAIIGHJgCAADbWAMBeJxjYAACOQYDhgCGAoYJDBvwQwDpvAyfeJxjYGRgYBBjEGJgYgABEMkFhAwM/8F8BgAMjAFBAAB4nGWQPW7CQBSEx2BIAlKCFCkps1UKIpmfkgNAT0GXwpi1MbK91npBossJcoQcIaeIcoIcKGPzaGAtP38zb97uygAG+IWHenm4bWq9WrihOnGb9CDsk5+FO+jjRbhLfyjcwxumwn084p07eP4dnQFK4Rbu8SHcpv8p7JO/hDt4wrdwl/6PcA8r/An38eoN08gUsSncUif7LLRnef6utK1SU6hJMD5bC11oGzq9Ueujqg7J1LlYxdbkas6uzjKjSmt2OnLB1rlyNhrF4geRyZEigkGBuKkOS2gk2CNDCHvVvdQrpi0q+rVWmCDA+Cq1YKpokiGVxobJNY6sFQ48bUrXMa34Ws7kpLnMat4kIyv+77q3oxPRD7BtpkrMMOITX+SD5g75Pz0RXqgAAAB4nG3BSQ6DMBAAwWkzJEAWsgEfZLMYGYRs8f0cck2VOPlB/mtxZCg5J84UlFRcuHLjTs2DJy/efGho6UTNh0VDMnNpUxvGqP16hHz30xwxPIGFxMbASKRn5WBnYhb5Ap5REZUA") format("woff");
}
.pj-contents {
  margin-top: 0;
}

.sc-contents {
  text-align: center;
  background: repeating-linear-gradient(-45deg, #e78a68, #e78a68 3px, #ed7950 0px, #ed7950 9px);
  /* ヘッダー */
  /* #header .ttl .top_btn{
  	width: 28%;
  	height: auto;
  	margin: 0 auto;
  	position: absolute;
  	top:79%;
  	left: 50%;
  	transform: translateX(-50%);
  	-webkit-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  } */
  /* コンテンツ */
  /* clearfix */
  /* For modern browsers */
  /* For IE 6/7 (trigger hasLayout) */
  /* clearfixここまで */
}
.sc-contents h1 {
  margin-top: 0;
}
.sc-contents ul {
  list-style: none;
  padding-left: 0;
}
.sc-contents .wrap {
  width: 70%;
  height: auto;
  background-image: url(../img/gochipo_bg.png);
  background-position: center top;
  background-repeat: repeat-y;
  background-color: #fff;
  margin: 0 auto;
  max-width: 1024px;
}
.sc-contents .modal-video-body {
  height: 100vh;
}
.sc-contents .modal-video-close-btn {
  min-width: 0;
  right: 0px;
}
@media screen and (max-width: 480px) {
  .sc-contents body {
    font-size: 75%;
  }
}
.sc-contents h1, .sc-contents h2, .sc-contents h3 {
  font-size: 100%;
  padding: 0;
}
.sc-contents h1, .sc-contents h2, .sc-contents h3 {
  font-weight: normal;
}
.sc-contents p {
  line-height: 1.7em;
}
.sc-contents div, .sc-contents span {
  box-sizing: border-box;
}
.sc-contents strong {
  font-weight: bold;
}
.sc-contents img {
  border: none;
  max-width: 100%;
  height: auto;
}
.sc-contents a:link {
  text-decoration: none;
  color: #000000;
}
.sc-contents a:visited {
  text-decoration: none;
  color: #000000;
}
.sc-contents a:hover {
  text-decoration: underline;
  color: #000000;
}
.sc-contents a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.sc-contents a img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.sc-contents a:hover img {
  opacity: 0.7;
}
.sc-contents button {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.sc-contents button img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.sc-contents button:hover img {
  opacity: 0.7;
}
.sc-contents img {
  max-width: 100%;
}
.sc-contents .mb2 {
  margin-bottom: 2rem;
}
.sc-contents .mb25 {
  margin-bottom: 2.5rem;
}
.sc-contents .mb3 {
  margin-bottom: 3rem;
}
.sc-contents .sp {
  display: none;
}
@media screen and (max-width: 750px) {
  .sc-contents .sp {
    display: block;
  }
  .sc-contents img.sp {
    display: inline;
  }
  .sc-contents .pc {
    display: none;
  }
}
.sc-contents #header {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 auto;
}
.sc-contents #header .ttl {
  width: 100%;
  height: auto;
}
.sc-contents #header .ttl .period {
  padding: 1rem 0;
  background: #3a1f00;
  line-height: 0;
}
.sc-contents #header .ttl .period img {
  width: 60%;
}
@media screen and (max-width: 900px) {
  .sc-contents #header {
    position: relative;
    z-index: 1;
  }
  .sc-contents #header .ttl {
    height: auto;
  }
  .sc-contents #header .ttl h1 {
    margin: 0;
    line-height: 0;
    position: relative;
    left: 0;
    z-index: 1;
  }
  .sc-contents #header .ttl h1 img {
    width: 100%;
    max-width: 100%;
  }
  .sc-contents #header .date {
    display: none;
  }
}
.sc-contents .icon_fb {
  display: -webkit-flex;
  display: flex;
  width: 30%;
  min-width: 165px;
  height: auto;
  justify-content: space-between;
  margin: 0 auto 1.3em;
  padding: 1.8rem 0 0.5rem;
}
.sc-contents .icon_fb2 {
  display: -webkit-flex;
  display: flex;
  width: 30%;
  min-width: 165px;
  height: auto;
  justify-content: space-between;
  margin: 1.8em auto 2.5rem;
}
.sc-contents .icon_fb li {
  padding-right: 1em;
}
.sc-contents .icon_fb2 li {
  padding-right: 3rem;
}
.sc-contents .icon_fb li:last-child {
  padding-right: 0;
}
.sc-contents .icon_fb2 li:nth-child(2) {
  display: flex;
  align-items: center;
}
.sc-contents .icon_fb2 li:last-child {
  padding-right: 0;
}
.sc-contents .cross {
  display: flex;
  align-items: center;
}
.sc-contents .ribon {
  width: 80%;
  margin: 0 auto;
  position: relative;
  top: -1.2rem;
  margin-bottom: -27px;
}
.sc-contents .youtube_box {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  height: auto;
  margin: 0 auto;
  justify-content: space-between;
}
.sc-contents .video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.sc-contents .video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.sc-contents .youtube_box dl {
  width: 48%;
  margin-bottom: 3em;
}
.sc-contents .youtube_box .dt_title {
  font-size: 1.3em;
  font-weight: bolder;
  margin: 0.7em 0;
}
.sc-contents .dt_title .under {
  padding: 0 0.2em;
  background: linear-gradient(transparent 50%, #fbff00 50%);
}
.sc-contents .youtube_box dd {
  line-height: 1.5em;
  text-align: center;
}
.sc-contents .h1_titel {
  width: 100%;
  height: auto;
}
.sc-contents .h1_titel img {
  width: 100%;
  height: auto;
  margin: 0 auto 2em;
}
.sc-contents .sec02 ul li {
  width: 90%;
  height: auto;
  margin: 0 auto 1em;
}
.sc-contents .sec02 ul li:last-child {
  margin: 0 auto 2.5rem;
}
.sc-contents .sec03 p {
  width: 100%;
  height: auto;
  margin: -2.5em auto 0;
}
.sc-contents .step {
  margin-bottom: 2.5em;
}
.sc-contents .step p {
  width: 90%;
  height: auto;
  margin: 0 auto 2em;
}
.sc-contents button {
  width: 40%;
  min-width: 250px;
  height: auto;
  padding: 0;
  margin: 0 auto;
  border: none;
  background: transparent;
  cursor: pointer;
}
.sc-contents button img {
  display: block;
}
.sc-contents .sec04_inner {
  margin-bottom: 2em;
}
.sc-contents .sec04_inner h3 {
  width: 90%;
  height: auto;
  margin: 0 auto 1.3em;
  background-color: #d93834;
  padding: 0.6em 0;
  border-radius: 50px;
}
.sc-contents .sec04_inner h3 img {
  width: 13%;
  height: auto;
  vertical-align: middle;
}
.sc-contents .sec04_inner .rabel_titel img {
  width: 40%;
}
.sc-contents .sec04_inner p {
  width: 90%;
  margin: 0 auto 1em;
}
.sc-contents .terms {
  width: 90%;
  height: auto;
  margin: 0 auto 1.6em;
  padding: 0.5rem 0;
  font-size: larger;
  font-weight: bold;
  color: #d93834;
  letter-spacing: 0.3em;
  border: solid 2px;
  border-color: #d93834;
  border-radius: 50px;
}
.sc-contents .howto {
  width: 90%;
  height: auto;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 2em;
}
.sc-contents .howto dt {
  color: #d93834;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 0.7em;
}
.sc-contents .howto dd {
  line-height: 1.7em;
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.sc-contents .howto span {
  color: #d93834;
  font-size: 60%;
  vertical-align: middle;
}
.sc-contents .info_sec {
  width: 100%;
}
.sc-contents .info_box {
  width: 90%;
  text-align: left;
  margin: 0 auto 40px;
}
.sc-contents .info_box .in {
  width: 100%;
  height: 360px;
  padding: 20px;
  text-align: left;
  border: solid 3px #AFAFAF;
  overflow-y: auto;
  background-color: #fff;
}
.sc-contents .info_box h2 {
  text-align: center;
}
.sc-contents .info_box h3 {
  margin: 0 0 25px;
  font-weight: normal;
}
.sc-contents .info_box h4 {
  margin: 20px 0 5px;
  font-weight: bold;
  color: #d93834;
}
.sc-contents .enquiry {
  width: 90%;
  height: auto;
  margin: 0 auto 2em;
}
.sc-contents .enquiry h2 {
  border-top: solid 1.5px #000000;
  border-bottom: solid 1.5px #000000;
  font-size: 1.6em;
  font-weight: bolder;
  letter-spacing: 0.3em;
  margin-bottom: 2rem;
  padding: 0.5rem 0;
}
.sc-contents .enquiry dl {
  border-bottom: solid 1.5px #000000;
}
.sc-contents .enquiry dt {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 2rem;
}
.sc-contents .enquiry dd {
  width: 75%;
  margin: 0 auto;
  line-height: 1.7em;
  text-align: left;
}
.sc-contents .enquiry dd .ls_t {
  letter-spacing: 0.45em;
}
.sc-contents .enquiry dd .ls {
  letter-spacing: 0.2em;
}
.sc-contents .enquiry .annotation {
  font-size: 75%;
  padding-left: 20%;
}
.sc-contents .enquiry dd:nth-child(3) {
  margin-bottom: 0.3em;
}
.sc-contents .enquiry dd:last-child {
  line-height: 1.1em;
  margin-bottom: 2em;
}
.sc-contents .amepo_btn {
  display: block;
  width: 45%;
  margin: 0 auto 1.5rem;
  min-width: 300px;
}
.sc-contents .pagetop {
  width: 20%;
  margin: 0 auto;
  padding-bottom: 3rem;
}
@media screen and (max-width: 900px) {
  .sc-contents {
    /* .info_sec{padding:20px 0;}
    .info_box{width:90%;padding:0;margin:0 auto 40px;}
    .info_box .in{height:315px; padding: 30px;}
    .info_box h2 img{max-width:20%;}
    .pagetop{max-width:26%; width: 18%;}

    .contact_txt{width: 70%;} */
  }
}
@media screen and (max-width: 750px) {
  .sc-contents .wrap {
    width: 88%;
  }
  .sc-contents #header .ttl {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .sc-contents #header .ttl .period img {
    width: 80%;
  }
  .sc-contents .icon_fb {
    margin: 0 auto 1.3em;
  }
  .sc-contents .youtube_box {
    flex-direction: column;
  }
  .sc-contents .youtube_box dl {
    width: 100%;
    margin: 0 auto 1.2rem;
  }
  .sc-contents .youtube_box .dt_title {
    font-size: 1.5em;
    margin: 0.8em 0 0.4em;
  }
  .sc-contents .youtube_box dd {
    font-size: 1.2em;
  }
  .sc-contents .sec03 p {
    width: 90%;
    margin: -2.5em auto 2em;
  }
  .sc-contents button {
    width: 85%;
  }
  .sc-contents .howto dt {
    text-align: center;
    font-size: 1.6em;
  }
  .sc-contents .overview {
    width: 100%;
    height: auto;
    margin: 0 auto 2rem;
  }
  .sc-contents .enquiry h2 {
    font-size: 1.4em;
  }
  .sc-contents .enquiry dt {
    font-size: 1.5em;
    line-height: 1.2em;
    margin-bottom: 1.5rem;
  }
  .sc-contents .enquiry dd {
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 1.7rem;
  }
  .sc-contents .enquiry dd:nth-child(3) {
    margin-bottom: 1.7rem;
  }
  .sc-contents .enquiry dd:last-child {
    line-height: 1.3em;
    margin-bottom: 1em;
  }
  .sc-contents .enquiry .annotation {
    padding-left: 0;
  }
  .sc-contents .amepo_btn {
    width: 90%;
  }
  .sc-contents .icon_fb2 {
    width: 60%;
  }
  .sc-contents .icon_fb2 li {
    padding-right: 6rem;
  }
  .sc-contents .pagetop {
    width: 45%;
  }
}
@media screen and (max-width: 450px) {
  .sc-contents .icon_fb {
    padding: 1.2rem 0 0.5rem;
  }
  .sc-contents .ribon {
    top: -1.4rem;
    margin-bottom: -20px;
  }
  .sc-contents .sec04_inner h3 img {
    width: 18%;
  }
  .sc-contents .sec04_inner .rabel_titel img {
    width: 55%;
  }
  .sc-contents .enquiry dd {
    width: 100%;
  }
  .sc-contents .icon_fb2 {
    width: 67%;
  }
  .sc-contents .icon_fb2 li {
    padding-right: 4rem;
  }
  .sc-contents .sec04_inner h3 {
    padding: 0.6em 0;
  }
  .sc-contents .terms {
    padding: 0.4rem 0;
    font-size: 1rem;
  }
}
@media screen and (max-width: 375px) {
  .sc-contents .enquiry dd {
    font-size: 1.1em;
  }
  .sc-contents .amepo_btn {
    min-width: 215px;
  }
}
.sc-contents .cls {
  clear: both;
}
.sc-contents .cf:before,
.sc-contents .cf:after {
  content: "";
  display: table;
}
.sc-contents .cf:after {
  clear: both;
}
.sc-contents .cf {
  zoom: 1;
}
.sc-contents .LinkButton, .sc-contents .LinkButtonContainer {
  display: flex;
  justify-content: center;
}
.sc-contents .LinkButton {
  align-items: center;
  border-image: url(../img/bg_01.svg) 0 32 fill repeat stretch;
  border-style: solid;
  border-width: 0 32px;
  box-sizing: border-box;
  font-size: 36px;
  font-weight: 900;
  height: 75px;
  line-height: 1.2;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000;
  transition: filter 0.3s;
  width: 648px;
}
.sc-contents .LinkButton, .sc-contents .LinkButton:link, .sc-contents .LinkButton:visited {
  color: #fff;
}
.sc-contents .LinkButton:hover {
  color: #fff;
  filter: contrast(1.2);
  text-decoration: none;
}
.sc-contents .LinkButton:after {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e005";
  display: inline-block;
  font-family: icon;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  position: absolute;
  right: 0;
  text-transform: none;
  top: 50%;
  vertical-align: middle;
}
.sc-contents .LinkButton {
  margin-left: auto;
  margin-right: auto;
}
.sc-contents .sec01 {
  padding: 3em 0;
}

@media (max-width: 680px) {
  .sc-contents .LinkButton {
    border-image: url(../img/bg_01_s.svg) 0 32 fill repeat stretch;
    border-width: 0 10vw;
    font-size: 5.625vw;
    height: 20vw;
    width: 80vw;
  }
  .sc-contents .LinkButton:after {
    right: -6.25vw;
  }
}

/*# sourceMappingURL=style.css.map */
