@charset "UTF-8";
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
html {
  scroll-behavior: smooth;
}
.page-title {
  display: block;
  text-align: center;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .page-title {
    margin: 0px auto 0;
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .page-title {
    font-size: 5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-index {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-index {
    padding: 7% 0 0;
  }
}
.section-index .inner {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
  /* justify-content: space-between; */
}
@media screen and (max-width: 767px) {
  .section-index .inner {
    width: 90%;
  }
}
@media screen and (min-width: 768px) {
  .section-index .inner>* {
    width: 24%;
  }
  .section-index .inner>*:nth-of-type(n + 5) {
    margin-top: 1%;
  }
}
@media screen and (max-width: 767px) {
  .section-index .inner>* {
    width: 49%;
  }
  .section-index .inner>*:nth-of-type(n + 3) {
    margin-top: 1.5%;
  }
}
.section-index .inner>* img {
  width: 100%;
}
.section-mark {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-mark {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-mark {
    margin: 5% 0 0;
  }
}
.section-mark .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-mark .inner {
    width: 90%;
  }
}
.section-mark .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-mark .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-mark .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-mark .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-mark .content {
    margin-top: 3%;
  }
}
.section-mark img {
  width: 90px;
}
.section-mark .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-mark .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-mark .anchor-point {
    top: -50vw;
  }
}
@media screen and (max-width: 767px) {
  .section-mark {
    margin-top: 8%;
  }
}
.section-mark .content .item {
  display: flex;
  flex-direction: row;
  align-items: top;
}
@media screen and (max-width: 767px) {
  .section-mark .content .item {
    justify-content: space-between;
  }
  .section-mark .content .item:nth-child(n+2) {
    margin-top: 2%;
  }
}
.section-mark .content .item .image {
  position: relative;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .section-mark .content .item .image {
    width: 10%;
    height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .section-mark .content .item .image {
    width: 20%;
  }
}
.section-mark .content .item .image img {
  position: absolute;
  right: 0;
}
@media screen and (min-width: 768px) {
  .section-mark .content .item .image img {
    top: 50%;
    transform: translate(5%, -50%) scale(0.8, 0.8);
  }
}
@media screen and (max-width: 767px) {
  .section-mark .content .item .image img {
    width: 55%;
    top: 0;
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  .section-mark .content .item p {
    font-size: 18px;
    margin: 11px 0 0 5px;
  }
}
@media screen and (max-width: 767px) {
  .section-mark .content .item p {
    width: 78%;
    font-size: 3vw;
    line-height: 1.5;
  }
}
.section-time {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-time {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-time {
    margin: 5% 0 0;
  }
}
.section-time .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-time .inner {
    width: 90%;
  }
}
.section-time .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-time .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-time .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-time .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-time .content {
    margin-top: 3%;
  }
}
.section-time .content img{
  margin-top: 3%;
  margin-bottom: 3%;
}
.section-time .guide_day {
  width: 90%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .section-time .guide_day {
  width: 100%;
  }
}
.section-time .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-time .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-time .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-time ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-time ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-time ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-time ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .section-time ul span {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-time ul span {
    font-size: 3vw;
  }
}
.section-time ul .bold {
  font-weight: bold;
}
.section-time ul .red {
  color: #ad0076;
}
.section-tokuten {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-tokuten {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-tokuten {
    margin: 5% 0 0;
  }
}
.section-tokuten .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-tokuten .inner {
    width: 90%;
  }
}
.section-tokuten .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-tokuten .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-tokuten .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-tokuten .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-tokuten .content {
    margin-top: 3%;
  }
}
.section-tokuten .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-tokuten .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-tokuten .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-tokuten ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-tokuten ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-tokuten ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-tokuten ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
.section-price {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-price {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-price {
    margin: 5% 0 0;
  }
}
.section-price .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-price .inner {
    width: 90%;
  }
}
.section-price .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-price .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-price .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-price .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-price .content {
    margin-top: 3%;
  }
}
.section-price .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-price .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-price .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-price ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-price ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-price ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-price ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
.section-goods {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-goods {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-goods {
    margin: 5% 0 0;
  }
}
.section-goods .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-goods .inner {
    width: 90%;
  }
}
.section-goods .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-goods .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-goods .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-goods .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-goods .content {
    margin-top: 3%;
  }
}
.section-goods img {
  width: auto;
}
.section-goods .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-goods .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-goods .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-goods ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-goods ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-goods ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-goods ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .section-price ul span {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-price ul span {
    font-size: 3vw;
  }
}
.section-price ul .bold {
  font-weight: bold;
}
.section-price ul .red {
  color: #ad0076;
}
.section-cancel {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-cancel {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-cancel {
    margin: 5% 0 0;
  }
}
.section-cancel .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-cancel .inner {
    width: 90%;
  }
}
.section-cancel .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-cancel .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-cancel .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-cancel .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-cancel .content {
    margin-top: 3%;
  }
}
.section-cancel img {
  width: auto;
}
.section-cancel .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-cancel .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-cancel .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-cancel ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-cancel ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-cancel ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-cancel ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .section-cancel ul span {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-cancel ul span {
    font-size: 3vw;
  }
}
.section-cancel ul .bold {
  font-weight: bold;
}
.section-cancel ul .red {
  color: #ad0076;
}
.section-payment {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-payment {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-payment {
    margin: 5% 0 0;
  }
}
.section-payment .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-payment .inner {
    width: 90%;
  }
}
.section-payment .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-payment .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-payment .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-payment .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-payment .content {
    margin-top: 3%;
  }
}
.section-payment img {
  width: auto;
}
.section-payment .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-payment .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-payment .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-payment ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-payment ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-payment ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-payment ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
.section-pack {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-pack {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-pack {
    margin: 5% 0 0;
  }
}
.section-pack .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-pack .inner {
    width: 90%;
  }
}
.section-pack .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-pack .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-pack .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-pack .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-pack .content {
    margin-top: 3%;
  }
}
.section-pack img {
  width: auto;
}
.section-pack .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-pack .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-pack .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-pack ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-pack ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-pack ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-pack ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .section-pack .row-1 {
    display: flex;
    flex-direction: row;
    height: 397px;
    margin-top: 60px;
  }
  .section-pack .row-1>*:nth-child(n+2) {
    margin-left: 40px;
  }
  .section-pack .row-1 img {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .section-pack .row-1 img {
    margin-top: 5%;
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .section-pack .row-2 {
    display: flex;
    flex-direction: row;
    height: 255px;
    margin-top: 50px;
  }
  .section-pack .row-2>*:nth-child(n+2) {
    margin-left: 40px;
  }
  .section-pack .row-2 img {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .section-pack .row-2 img {
    margin-top: 5%;
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .section-pack .row-3 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .section-pack .row-3 {
    margin-top: 8%;
  }
}
.section-pack .row-3 img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .section-pack .row-4 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .section-pack .row-4 {
    margin-top: 8%;
  }
}
.section-pack .row-4 img {
  width: 100%;
}
.section-pack .restriction-label {
  color: #ad0076;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .section-pack .restriction-label {
    margin-top: 30px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-pack .restriction-label {
    margin-top: 3%;
    font-size: 3vw;
    white-space: nowrap;
  }
  .section-pack .restriction-label img {
    width: 20%;
  }
}
@media screen and (min-width: 768px) {
  .section-pack .restriction-text {
    margin-top: 20px;
    padding-left: 14px;
  }
}
@media screen and (max-width: 767px) {
  .section-pack .restriction-text {
    margin-top: 3%;
    padding-left: 2.3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-pack .restriction-text li {
    font-size: 14px;
    text-indent: -14px;
  }
}
@media screen and (max-width: 767px) {
  .section-pack .restriction-text li {
    font-size: 2.3vw;
    text-indent: -2.3vw;
  }
}
.section-address {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-address {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-address {
    margin: 5% 0 0;
  }
}
.section-address .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-address .inner {
    width: 90%;
  }
}
.section-address .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-address .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-address .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-address .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-address .content {
    margin-top: 3%;
  }
}
.section-address img {
  width: auto;
}
.section-address .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-address .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-address .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-address ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-address ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-address ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-address ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
.section-delivery-area {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-delivery-area {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area {
    margin: 5% 0 0;
  }
}
.section-delivery-area .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-delivery-area .inner {
    width: 90%;
  }
}
.section-delivery-area .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-area .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .content {
    margin-top: 3%;
  }
}
.section-delivery-area img {
  width: auto;
}
.section-delivery-area .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-area ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-area ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-area .items {
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .section-delivery-area .items .left {
    width: 50%;
  }
  .section-delivery-area .items .right {
    width: 45%;
  }
  .section-delivery-area .items .right>*:nth-child(2) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .items {
    margin-top: 5%;
  }
}
.section-delivery-area .item-b .item-title {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-b .item-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-b .item-title {
    font-size: 3vw;
  }
}
.section-delivery-area .item-b .item-title {
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-b .item-title img {
    height: 22px;
    transform: translateY(15%);
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-b .item-title img {
    width: 7%;
  }
}
.section-delivery-area .item-b .item-title span {
  display: inline-block;
  transform: translateY(-5%);
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-b .item-title span {
    margin-left: 4px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-b .item-title span {
    font-size: 3.5vw;
    margin-left: 1%;
  }
}
.section-delivery-area .item-b .item-content {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-b .item-content {
    margin-top: 15px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-b .item-content {
    margin-top: 3%;
    font-size: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-b .item-content img {
    height: 20px;
    transform: translateY(-15%);
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-b .item-content img {
    width: 6%;
    transform: translateY(-5%);
  }
}
.section-delivery-area .item-b .item-note {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-b .item-note {
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-b .item-note {
    margin-top: 2%;
    font-size: 2.5vw;
    line-height: 1.5;
  }
}
.section-delivery-area .item-b .item-title span {
  color: #0081cc;
}
.section-delivery-area .item-a .item-title {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-a .item-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-a .item-title {
    font-size: 3vw;
  }
}
.section-delivery-area .item-a .item-title {
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-a .item-title img {
    height: 22px;
    transform: translateY(15%);
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-a .item-title img {
    width: 7%;
  }
}
.section-delivery-area .item-a .item-title span {
  display: inline-block;
  transform: translateY(-5%);
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-a .item-title span {
    margin-left: 4px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-a .item-title span {
    font-size: 3.5vw;
    margin-left: 1%;
  }
}
.section-delivery-area .item-a .item-content {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-a .item-content {
    margin-top: 15px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-a .item-content {
    margin-top: 3%;
    font-size: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-a .item-content img {
    height: 20px;
    transform: translateY(-15%);
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-a .item-content img {
    width: 6%;
    transform: translateY(-5%);
  }
}
.section-delivery-area .item-a .item-note {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-a .item-note {
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-a .item-note {
    margin-top: 2%;
    font-size: 2.5vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-a {
    margin-top: 5%;
  }
}
.section-delivery-area .item-a .item-title span {
  color: #6cbb5a;
}
.section-delivery-area .item-s .item-title {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-s .item-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-s .item-title {
    font-size: 3vw;
  }
}
.section-delivery-area .item-s .item-title {
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-s .item-title img {
    height: 22px;
    transform: translateY(15%);
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-s .item-title img {
    width: 7%;
  }
}
.section-delivery-area .item-s .item-title span {
  display: inline-block;
  transform: translateY(-5%);
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-s .item-title span {
    margin-left: 4px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-s .item-title span {
    font-size: 3.5vw;
    margin-left: 1%;
  }
}
.section-delivery-area .item-s .item-content {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-s .item-content {
    margin-top: 15px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-s .item-content {
    margin-top: 3%;
    font-size: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-s .item-content img {
    height: 20px;
    transform: translateY(-15%);
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-s .item-content img {
    width: 6%;
    transform: translateY(-5%);
  }
}
.section-delivery-area .item-s .item-note {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .item-s .item-note {
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-s .item-note {
    margin-top: 2%;
    font-size: 2.5vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .item-s {
    margin-top: 5%;
  }
}
.section-delivery-area .item-s .item-title span {
  color: #e50065;
}
@media screen and (min-width: 768px) {
  .section-delivery-area .note {
    margin-top: 2%;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-area .note {
    margin-top: 3%;
    font-size: 2.5vw;
  }
}
.section-delivery-period {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-delivery-period {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-period {
    margin: 5% 0 0;
  }
}
.section-delivery-period .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-delivery-period .inner {
    width: 90%;
  }
}
.section-delivery-period .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-delivery-period .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-period .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-period .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-period .content {
    margin-top: 3%;
  }
}
.section-delivery-period img {
  width: auto;
}
.section-delivery-period .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-delivery-period .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-period .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-period ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-period ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-period ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-period ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
.section-delivery-period ul li .bold {
  font-weight: bold;
}
.section-delivery-period ul li .red {
  color: #ad0076;
}
.section-delivery-period ul li .image {
  display: inline-block;
  width: auto;
}
@media screen and (min-width: 768px) {
  .section-delivery-period ul li .image {
    height: 20px;
    transform: translateY(35%);
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-period ul li .image {
    height: 5vw;
  }
}
.section-delivery-period .period-image {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .section-delivery-period .period-image {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-period .period-image {
    margin-top: 3%;
  }
}
.section-delivery-point {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-delivery-point {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-point {
    margin: 5% 0 0;
  }
}
.section-delivery-point .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-delivery-point .inner {
    width: 90%;
  }
}
.section-delivery-point .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-delivery-point .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-point .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-point .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-point .content {
    margin-top: 3%;
  }
}
.section-delivery-point img {
  width: auto;
}
.section-delivery-point .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-delivery-point .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-point .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-point ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-point ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-point ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-point ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
.section-delivery-status {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-delivery-status {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-status {
    margin: 5% 0 0;
  }
}
.section-delivery-status .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-delivery-status .inner {
    width: 90%;
  }
}
.section-delivery-status .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-delivery-status .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-status .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-status .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-status .content {
    margin-top: 3%;
  }
}
.section-delivery-status img {
  width: auto;
}
.section-delivery-status .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-delivery-status .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-status .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-status ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-status ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-delivery-status ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .section-delivery-status ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
.section-delivery-status a {
  color: #22a3cf;
  text-decoration: underline;
}
.section-register-address {
  position: relative;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-register-address {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address {
    margin: 5% 0 0;
  }
}
.section-register-address .inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-register-address .inner {
    width: 90%;
  }
}
.section-register-address .title {
  background: #c7236f;
  font-weight: bold;
  color: white;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .section-register-address .title {
    padding: 8px 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .title {
    padding: 1% 3%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .content {
    margin-top: 3%;
  }
}
.section-register-address .anchor-point {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .section-register-address .anchor-point {
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .anchor-point {
    top: -50vw;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address ul {
    padding-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address ul {
    padding-left: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address ul li {
    margin-top: 5px;
    font-size: 18px;
    text-indent: -18px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address ul li {
    margin-top: 1%;
    font-size: 3vw;
    text-indent: -3vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address ul span {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address ul span {
    font-size: 3vw;
  }
}
.section-register-address ul .bold {
  font-weight: bold;
}
.section-register-address ul .red {
  color: #ad0076;
}
.section-register-address .example-image {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .section-register-address .example-image {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .example-image {
    margin-top: 5%;
  }
}
.section-register-address .procedure {
  position: relative;
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .item-1 .item-title {
    line-height: 2;
    text-indent: -28px;
    padding-left: 28px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .item-1 .item-title {
    line-height: 1.5;
    text-indent: -4vw;
    padding-left: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .item-1 .item-title img {
    height: 24px;
    transform: translateY(-20%);
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .item-1 .item-title img {
    width: 5%;
    transform: translateY(-10%);
  }
}
.section-register-address .procedure .item-1 .item-title span {
  margin-left: 4px;
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .item-1 .item-title span {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .item-1 .item-title span {
    font-size: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .item-1 .note {
    font-size: 14px;
    margin-top: 20px;
    padding-left: 28px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .item-1 .note {
    font-size: 2.5vw;
    margin-top: 3%;
    padding-left: 4vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .item-1 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .item-1 {
    margin-top: 8%;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .row {
    margin-top: 5%;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .row .left {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .row .left .item-2 .item-title {
    line-height: 2;
    text-indent: -28px;
    padding-left: 28px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .row .left .item-2 .item-title {
    line-height: 1.5;
    text-indent: -4vw;
    padding-left: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .row .left .item-2 .item-title img {
    height: 24px;
    transform: translateY(-20%);
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .row .left .item-2 .item-title img {
    width: 5%;
    transform: translateY(-10%);
  }
}
.section-register-address .procedure .row .left .item-2 .item-title span {
  margin-left: 4px;
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .row .left .item-2 .item-title span {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .row .left .item-2 .item-title span {
    font-size: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .row .left .item-2 .note {
    font-size: 14px;
    margin-top: 20px;
    padding-left: 28px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .row .left .item-2 .note {
    font-size: 2.5vw;
    margin-top: 3%;
    padding-left: 4vw;
    line-height: 1.5;
  }
}
.section-register-address .procedure .row .left .item-2 .screenshot {
  display: block;
  width: calc(100% - 8vw);
  margin: 5% auto 0;
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .row .left .item-3 .item-title {
    line-height: 2;
    text-indent: -28px;
    padding-left: 28px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .row .left .item-3 .item-title {
    line-height: 1.5;
    text-indent: -4vw;
    padding-left: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .row .left .item-3 .item-title img {
    height: 24px;
    transform: translateY(-20%);
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .row .left .item-3 .item-title img {
    width: 5%;
    transform: translateY(-10%);
  }
}
.section-register-address .procedure .row .left .item-3 .item-title span {
  margin-left: 4px;
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .row .left .item-3 .item-title span {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .row .left .item-3 .item-title span {
    font-size: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .row .left .item-3 .note {
    font-size: 14px;
    margin-top: 20px;
    padding-left: 28px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .row .left .item-3 .note {
    font-size: 2.5vw;
    margin-top: 3%;
    padding-left: 4vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .procedure .row .left .item-3 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .procedure .row .left .item-3 {
    margin-top: 5%;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .banner {
    position: absolute;
    width: 50%;
    bottom: 63%;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .banner {
    display: block;
    width: 100%;
    margin-top: 2vw;
  }
}
@media screen and (min-width: 768px) {
  .section-register-address .screenshot {
    position: absolute;
    width: 38%;
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .section-register-address .screenshot {
    display: block;
    width: 100%;
    margin-top: 2vw;
  }
}
.osechi_guide_title ul {
  display: flex;
  margin: auto;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.flex-item1 {
  flex-basis: 90px;
}
@media screen and (max-width: 767px) {
  .flex-item1 {
    flex-basis: 15%;
  }
}
.section_callcenter {
  padding: 5%;
  text-align: center;
}
.section_callcenter ul {
  border: solid 3px #c7236f;
  padding: 10px 50px;
}
.section_callcenter ul li {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .section_callcenter ul li {
    font-size: 16px;
    font-weight: 500;
  }
}
.section_callcenter_flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}
.attention {
  color: #c7236f;
  border-bottom: solid 1px;
  margin-bottom: 10px;
}
.attention4 {
  font-weight: 300;
  font-size: 14px;
}
.section_osechi_guide {
  margin: auto;
  max-width: 1200px;
}
.boldicon {
  color: #c7236f;
  margin-left: 10px;
}
.guide_index_h2 {
  border: solid 1px #c7236f;
  border-radius: 10px;
  padding: 3% 10px;
  text-align: center;
  font-size: 18px;
  color: #303030;
}
@media screen and (max-width: 767px) {
  .guide_index_h2 {
    font-size: 2.5vw;
  }
}
.hayatoku img {
  width: 90%;
  margin: auto;
}
.hayatoku {
  display: flex;
  margin: 0 auto 25px;
}
.hayatoku_flexbasis {
  flex-basis: 50%;
}
.section-price a {
  color: #22a3cf;
  text-decoration: underline;
}
.pagetop {
  cursor: pointer;
  position: fixed;
  right: 30px;
  bottom: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: .3s;
  color: #ffffff;
  background: #c7236f;
  opacity: 0;
  border: solid;
  border-width: 3px;
  text-align: center;
  z-index: 9999;
}