/* --------------------------------------------------
* layout, common parts
*/
.pc {
  display: none;
}

.sp {
  display: block;
}

.wrap {
  width: 84.84375%;
  max-width: 100%;
  margin: 0 auto;
}

img {
  width: 100%;
}

.sect-wrap {
  width: 73.28125%;
}

/* --------------------------------------------------
* site-header
*/
.site-header {
  padding: 2.03125vw 0 1.25vw 6.25vw;
  z-index: 10;
}

.site-header .logo {
  max-width: initial;
  width: 47.34375vw;
}

/* --------------------------------------------------
* contents
*/
.contents .main-visual {
  min-height: 142.1875vw;
  padding: 0;
  background: url("../img/mv_bg_sp.png") no-repeat top center;
  background-size: 100% auto;
}

.contents .main-visual .title {
  top: 0;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.contents .sect01 .upper-area {
  padding: 11.71875vw 0 19.53125vw;
  background: url("../img/sect01_bg01_sp.png") no-repeat top center;
  background-size: 100% auto;
}

.contents .sect01 .upper-area .title {
  width: 88.28125vw;
}

.contents .sect01 .upper-area .inner-area {
  width: 90.15625%;
  padding: 15.625vw 6.25vw 3.125vw;
  margin: 23.4375vw auto 9.375vw;
  background: url(../img/sect01_cont_bg02_sp.png) repeat-y top center;
  background-size: 100% auto;
}

.contents .sect01 .upper-area .inner-area:before, .contents .sect01 .upper-area .inner-area:after {
  width: 100%;
}

.contents .sect01 .upper-area .inner-area:before {
  top: -8.75vw;
  height: 8.75vw;
  background: url("../img/sect01_cont_bg01_sp.png") no-repeat top center;
  background-size: 100% auto;
}

.contents .sect01 .upper-area .inner-area:after {
  bottom: -8.75vw;
  height: 8.75vw;
  background: url("../img/sect01_cont_bg03_sp.png") no-repeat top center;
  background-size: 100% auto;
}

.contents .sect01 .upper-area .inner-area .date {
  width: 73.125vw;
  margin: -43.75vw auto 4.6875vw;
}

.contents .sect01 .upper-area .inner-area .box01-area {
  margin-bottom: 3.125vw;
}

.contents .sect01 .upper-area .inner-area .box01-area .image {
  top: 61.5625vw;
  right: auto;
  left: -3.125vw;
  width: 37.8125vw;
  max-width: initial;
}

.contents .sect01 .upper-area .inner-area .box02-area {
  margin-bottom: 8.59375vw;
}

.contents .sect01 .upper-area .inner-area .box02-area .box02 {
  width: 100%;
  max-width: initial;
  margin: 0 auto 3.125vw;
}

.contents .sect01 .upper-area .inner-area .box03-area .box03 {
  margin: 0 auto 3.125vw;
}

.contents .sect01 .upper-area .inner-area .box03-area .button {
  margin: 0 auto 1.5625vw;
}

.contents .sect01 .upper-area .inner-area .box03-area .text {
  width: 49.6875vw;
  max-width: initial;
}

.contents .sect01 .lower-area {
  padding: 13.28125vw 0 7.8125vw;
  background: url("../img/sect01_bg02_sp.png") no-repeat top center;
  background-size: 100% auto;
}

.contents .sect01 .lower-area .box04 {
  width: 90.15625%;
}

.contents .sect02 {
  padding: 0 0 10.15625vw;
}

.contents .sect02 .sect-wrap {
  width: 84.84375%;
  max-width: 100%;
  margin: 0 auto;
}

.contents .sect02 .title {
  top: -7.8125vw;
  width: 87.8125vw;
}

.contents .sect02 .box01,
.contents .sect02 .box02 {
  margin: 0 auto 7.8125vw;
}

.contents .sect02 .box01 {
  padding-top: 47.65625vw;
}

.contents .sect03 {
  padding: 12.5vw 0 9.375vw;
  background: url("../img/sect03_bg_sp.png") no-repeat top center;
  background-size: 100% auto;
  background-color: #FFFDE2;
}

.contents .sect03 .sect-wrap {
  width: 84.84375%;
  max-width: 100%;
  margin: 0 auto;
}

.contents .sect03 .title {
  width: 80.46875vw;
  margin: 0 auto -3.90625vw;
}

.contents .sect03 .box01 {
  margin: 0 auto 6.25vw;
}

.contents .sect03 .box02-area {
  margin-bottom: 17.96875vw;
}

.contents .sect03 .box02-area .title {
  width: 84.6875vw;
  margin: 0 auto;
}

.contents .sect03 .box02-area .button {
  width: 72.34375vw;
}

.contents .sect03 .box03-area {
  padding: 28.90625vw 5.46875vw 5.46875vw;
  margin-bottom: 18.75vw;
  border-radius: 3.125vw;
}

.contents .sect03 .box03-area .title {
  top: -14.0625vw;
  width: 75.78125vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.contents .sect03 .box03-area .inner {
  margin: 0 auto 2.34375vw;
}

.contents .sect03 .box03-area .button {
  width: 100%;
}

.contents .sect04 {
  padding: 9.375vw 0;
}

.contents .sect04 .title {
  width: 71.25vw;
  margin: 0 auto 3.125vw;
}

.contents .sect04 .line-button {
  width: 100%;
  margin: 0 auto 5.46875vw;
}

.contents .sect04 .box-area {
  padding-top: 76.5625vw;
  background: url("../img/sect04_box_sp.png") no-repeat top center;
  background-size: 100% auto;
}

.contents .sect04 .box-area .sns-area {
  bottom: 8.59375vw;
  right: 50%;
  width: 64.0625vw;
  max-width: initial;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

.contents .sect04 .box-area .sns-area li {
  width: 14.84375vw;
}

/* --------------------------------------------------
* footer
*/
.site-footer {
  padding: 7.8125vw 0 0;
}

.site-footer .banner-area {
  margin-bottom: 7.03125vw;
}

.site-footer .banner-area .text {
  width: 71.40625vw;
  max-width: initial;
  margin: 0 auto 3.125vw;
}

.site-footer .banner-area .banner {
  width: 100%;
  max-width: initial;
  margin: 0 auto 3.125vw;
}

.site-footer .banner-area .detail {
  width: 59.6875vw;
  max-width: initial;
}

.site-footer .copyright-area {
  padding: 2.34375vw 0 11.71875vw;
}

.site-footer .copyright-area p {
  width: 48.4375vw;
  max-width: initial;
}

.fix-button-area {
  padding: 3.125vw 0;
}

.fix-button-area ul {
  width: 85.3125vw;
}

.fix-button-area ul li {
  border-right: 0.46875vw solid #FFFFFF;
}

.fix-button-area ul li:first-of-type {
  width: 27.34375vw;
  padding-right: 3.125vw;
}

.fix-button-area ul li:nth-of-type(2) {
  width: 32.8125vw;
  padding: 0 3.125vw;
}

.fix-button-area ul li:last-of-type {
  width: 24.21875vw;
  padding-left: 3.125vw;
  border-right: none;
}

.pagetop {
  bottom: 18.75vw;
  right: -1.5625vw;
  width: 13.125vw;
  max-width: initial;
}
/*# sourceMappingURL=smartphone.css.map */