.pc {
  display: block;
}

.sp {
  display: none;
}

.Common_inner {
  max-width: 108rem;
  margin: 0 auto;
}

/* start_Intro */
.Intro {
  margin-top: 2rem;
}
/* end_Intro */

/* start_Txtarea */
.Txtarea {
  max-width: 86rem;
  margin: 0 auto;
  padding: 8rem 1rem;
}

.Txtarea_ttl {
  font-size: 3rem;
}

.Txtarea_wrap {
  display: flex;
  justify-content: space-between;
}

.Txtarea_group--url {
  width: 57rem;
}

.Txtarea_group--name {
  width: 26rem;
}

.Txtarea_add-btn {
  position: relative;
  transition: background 0.3s, color 0.3s;
}

.Txtarea_add-btn:hover {
  color: white;
  background: #00a652;
}

.Txtarea_add-btn.open:hover {
  background: #0b7de0;
}

.Txtarea_create-btn {
  transition: transform 0.3s, box-shadow 0.3s;
}

.Txtarea_create-btn:hover {
  transform: scale(0.97);
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 0);
}
/* end_Txtarea */

/* start_Result */

.Result {
  margin-top: 0;
  padding: 0 0 8rem 0;
}

.Result_wrap {
  max-width: 86rem;
  margin: 0 auto;
}

.Result_note {
  margin-bottom: 10rem;
  padding: 2.5rem 0;
}

.Result_wrap {
  display: flex;
  justify-content: flex-start;
}

.Result_prev {
  max-width: 28rem;
  margin: 0;
}

.Result_select-wrap {
  width: 100%;
  max-width: 43rem;
  padding: 0 0 0 4rem;
}

.Result_select-group:not(:last-child) {
  margin-bottom: 3rem;
}

.Result_select-item:not(.active) {
  cursor: pointer;
}

.Result_select-item:not(.active):hover {
  opacity: 0.5;
}

.Result_btn-wrap {
  width: 100%;
  max-width: 86rem;
  margin: 6rem auto 0 auto;
  display: flex;
  justify-content: center;
}

.Result_dl-btn {
  margin: 0 2rem 0 0;
  transition: transform 0.3s, box-shadow 0.3s;
}

.Result_dl-btn:hover {
  transform: scale(0.97);
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 0);
}

.Result_sticker-btn {
  position: relative;
  margin: 0;
  transition: background 0.3s, color 0.3s;
}

.Result_sticker-btn:hover {
  color: white;
  background: #00a652;
}

.Result_sticker-btn::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 0.2rem solid white;
  border-right: 0.2rem solid white;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(-1rem, -50%) rotate(45deg);
  transition: transform 0.3s;
}

.Result_sticker-btn:hover::before {
  transform: translate(0, -50%) rotate(45deg);
}

/* end_Result */

/* start_How */
.How {
  padding: 8rem 1rem;
}

.How_inner {
  display: flex;
  justify-content: center;
  max-width: 97rem;
  margin: 0 auto;
}

.How_movie-wrap {
  width: 43.5rem;
}

.How_movie-wrap::before {
  content: "";
  position: absolute;
  bottom: -5.5rem;
  left: -5.5rem;
  display: block;
  width: 100%;
  height: 100%;
  background: #fafafa;
  border-radius: 6px;
  z-index: -2;
}

.How_movie {
  height: 25rem;
}

.How_txt-wrap {
  width: calc(100% - 43.5rem);
  padding-left: 4rem;
}

.How_ttl {
  font-size: 2.8rem;
}

.How_ttl::before {
  width: 3rem;
  height: 3rem;
  margin-right: 1.5rem;
  padding-right: 4.5rem;
}

/* end_How */

/* start_News */

.News {
  padding: 4rem;
}

.News_item {
  align-items: center;
}

.News_date {
  margin-bottom: 0;
  width: 14rem;
}

.News_content {
  width: calc(100% - 14rem);
}

/* end_News */

/* start_Step */

.Step {
  padding: 8rem 1rem;
}

.Step_ttl {
  margin-bottom: 6rem;
  font-size: 2.8rem;
}

.Step_ttl::before {
  width: 3rem;
  height: 3rem;
  margin-right: 1.5rem;
  padding-right: 4.5rem;
}

.Step_items {
  display: flex;
  justify-content: space-between;
}

.Step_item {
  width: 25%;
  padding: 0 3rem 0 3rem;
  border-bottom: none;
  border-right: 1px solid #ededed;
}

.Step_item:first-child {
  border-left: 1px solid #ededed;
}

.Step_item:not(:last-child) {
  margin-bottom: 0;
}

/* end_Step */

/* start_Customize */

.Customize {
  margin-top: -8rem;
  padding: 16rem 1rem 8rem 1rem;
}

.Customize_ttl {
  margin-bottom: 6rem;
  font-size: 2.8rem;
}

.Customize_ttl::before {
  width: 3rem;
  height: 3rem;
  margin-right: 1.5rem;
  padding-right: 4.5rem;
}

.Customize_wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}

.Customize_group {
  display: block;
  width: calc(100% / 3);
  text-align: center;
}

.Customize_group:not(:last-child) {
  margin-bottom: 0;
}

.Customize_txt {
  width: 100%;
  margin-bottom: 3rem;
}

.Customize_il {
  width: 100px;
}

.Customize_note {
  font-size: 1.8rem;
}

.Customize_btn {
  position: relative;
  padding: 1.8rem 0;
  border: 2px solid white;
  transition: background 0.3s, color 0.3s;
}

.Customize_btn::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 0.2rem solid white;
  border-right: 0.2rem solid white;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(-1rem, -50%) rotate(45deg);
  transition: transform 0.3s;
}

.Customize_btn:hover {
  color: white;
  background: #00a652;
}

.Customize_btn:hover::before {
  transform: translate(0, -50%) rotate(45deg);
}

/* end_Customize */

/* start_Print */

.Print {
  max-width: 108rem;
  margin: 8rem auto;
}

.Print_ttl {
  font-size: 2.8rem;
}

.Print_ttl::before {
  width: 3rem;
  height: 3rem;
  margin-right: 1.5rem;
  padding-right: 4.5rem;
}

.Print_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.Print_group {
  position: relative;
  width: 50%;
  padding: 5rem;
}

.Print_group:not(:last-child) {
  margin-bottom: 0;
  padding-bottom: 5rem;
  border-bottom: none;
}

.Print_group:nth-child(odd)::after {
  content: "";
  width: 0;
  height: calc(100% - 5rem);
  position: absolute;
  top: 50%;
  right: 0;
  border-right: 1px dotted #00a652;
  transform: translateY(-50%);
}

.Print_group:first-child::before,
.Print_group:nth-child(2)::before {
  content: "";
  width: calc(100% - 5rem);
  height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-bottom: 1px dotted #00a652;
  transform: translateX(-50%);
}

.Print_btn-note {
  margin-bottom: 1.5rem;
}

.Print_btn {
  position: relative;
  padding: 1.8rem 0;
  transition: background 0.3s, color 0.3s;
}

.Print_btn::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 0.2rem solid white;
  border-right: 0.2rem solid white;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(-1rem, -50%) rotate(45deg);
  transition: transform 0.3s;
}

.Print_btn:hover {
  color: white;
  background: #00a652;
}

.Print_btn:hover::before {
  transform: translate(0, -50%) rotate(45deg);
}
/* end_Print */

/* start_QA */
.QA {
  padding: 8rem 1rem;
}

.QA_ttl {
  margin-bottom: 6rem;
  font-size: 2.8rem;
}

.QA_ttl::before {
  width: 3rem;
  height: 3rem;
  margin-right: 1.5rem;
  padding-right: 4.5rem;
}

.QA_btn {
  padding: 4rem;
  font-size: 2.1rem;
  cursor: pointer;
  transition: color 0.3s;
}

.QA_btn:hover {
  color: #00a652;
}

.QA_btn::after {
  width: 1.2rem;
  height: 1.2rem;
  right: 4rem;
}

.QA_contents {
  padding: 0 4rem 4rem 4rem;
}

.QA_group01-items {
  justify-content: center;
  margin-top: 5rem;
}

.QA_group01-item {
  width: 13rem;
}

.QA_group01-item:nth-child(-n + 2) {
  margin-bottom: 0;
}

.QA_group01-item:not(:last-child) {
  margin-right: 4rem;
}

.QA_group01-item::after {
  font-size: 1.5rem;
}

/* end_QA */

/* start_adsense */

.Adsense--top {
  display: flex;
  justify-content: center;
  width: 990px;
  height: 90px;
  margin: 2rem auto;
  padding: 0 1rem;
}

.Adsense--bottom {
  display: flex;
  justify-content: center;
  width: 990px;
  height: 90px;
  margin: 8rem auto;
  padding: 0 1rem;
}

/* end_adsense */