/* A Modern CSS Reset */
@import url('https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&family=Noto+Sans+JP:wght@400;500&family=Noto+Serif+JP:wght@400;600&family=Zen+Kaku+Gothic+Antique:wght@500&display=swap');
font-family: 'Klee One', cursive;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Zen Kaku Gothic Antique', sans-serif;
* {
  margin: 0;
  padding: 0;
}

*,
::before,
::after {
  border-style: solid;
  box-sizing: border-box;
  border-width: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
}

ul,
ol {
  list-style: none;
}

a {
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  text-decoration-skip-ink: auto;
}

img {
  width: 100%;
  display: block;
}

input,
button,
select,
textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  border-radius: 0;
  background: transparent;
  font: inherit;
  outline: none;
}

textarea {
  resize: none;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

body {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
}

body {
  color: #000;
}

html {
  font-size: 16px;
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.28vw;
  }
}
@media (min-width: 1250px) {
  html {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  a {
    transition: 0.3s;
  }
  a:hover {
    opacity: 0.8;
  }
}

.inner {
  width: 100%;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .inner {
    max-width: 980px;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

.made {
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .made {
    margin-top: 3.125rem;
  }
}

.made h2 {
  text-align: center;
  font-size: 1.5625rem;
  line-height: 1.4;
  font-size: min(5.3125vw, 18px);
}
@media screen and (min-width: 768px) {
  .made h2 {
    font-size: 2rem;
    line-height: 1.4545454545;
  }
}

.made-img {
  width: 100%;
  height: auto;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  .made-img {
    margin-bottom: 1.75rem;
  }
}

.made-img2 {
  margin-bottom: 0.5375rem;
  width: 60%;
}
@media screen and (min-width: 768px) {
  .made-img2 {
    width: 15.875rem;
    height: auto;
  }
}

.made-img3 {
  width: 80%;
  margin-top: 2.9375rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .made-img3 {
    width: 22.3125rem;
    height: auto;
  }

}
  .pc{
  	display:block;
  }
  .sp{
  	display:none;
  }
@media (max-width: 767px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}
.made-img4 {
  width: 60%;
  margin-top: 2rem;
  margin-bottom: 1rem;
  width: 15.875rem;
  height: auto;
}

.made-img5 {
  width: 90%;
  margin-top: 2.9375rem;
  margin-bottom: 2rem;
  width: 22.125rem;
  height: auto;
}

@media screen and (min-width: 768px) {
  .made__wrapper {
    display: flex;
    gap: 28px;
  }
}

.made-wrapper__title img {
  width: 2.0625rem;
  height: 2.0625rem;
}

.made-wrapper__title {
  display: flex;
  gap: 16px;
  align-items: center;
}

.made__text {
  margin-top: 2.8125rem;
  font-size: 2.125rem;
  line-height: 1.1470588235;
  font-size: min(5.3125vw, 18px);
  margin-top: 1.5625rem;
  color: #B5282C;
  margin-bottom: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .made__text {
    font-size: 1.66375rem;
    line-height: 1.5007513148;
  }
}

.made-wrapper__text {
  font-size: 1.5rem;
  line-height: 1.625;
  margin-top: 3.75rem;
  font-size: min(3.75vw, 18px);
}
@media screen and (min-width: 768px) {
  .made-wrapper__text {
    font-size: 0.9375rem;
    line-height: 1.6;
  }
}

.mede-wrapper__title2 {
  margin-top: 2.5rem;
}

.made__text2 {
  font-size: 2.125rem;
  line-height: 1.1470588235;
  font-size: min(5.3125vw, 18px);
  color: #B5282C;
}
@media screen and (min-width: 768px) {
  .made__text2 {
    font-size: 1.625rem;
    line-height: 1.5;
  }
}

.made__text3 {
  font-size: 1.5rem;
  line-height: 1.625;
  font-size: min(3.75vw, 18px);
}
@media screen and (min-width: 768px) {
  .made__text3 {
    font-size: 0.9375rem;
    line-height: 1.6;
  }
}

.made__text4 {
  font-size: 1.5rem;
  line-height: 1.5833333333;
  margin-top: 1.25rem;
  font-size: min(3.75vw, 18px);
}
@media screen and (min-width: 768px) {
  .made__text4 {
    font-size: 0.9375rem;
    line-height: 1.7333333333;
  }
}

.drink {
  background-color: #DDD9D3;
  padding-top: 2.625rem;
  margin-top: 2.25rem;
  padding-bottom: 3.4375rem;
}

.drink__wrapper-wrapper {
  text-align: center;
}

.drink__wrapper {
  writing-mode: vertical-rl;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 2.5rem;
    overflow: hidden;
    height: 370px;
}
@media screen and (min-width: 768px) {
  .drink__wrapper {
    margin-top: 0;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
        height: auto;
  }
}

.drink-message {
  height: 20.875rem;
  width: auto;
  margin-left: 1.75rem;
}
@media screen and (min-width: 768px) {
  .drink-message {
    height: 22.5625rem;
    width: auto;
    margin-left: 2.3125rem;
  }
}

.drink__title {
  font-size: 2.625rem;
  font-size: min(6.875vw, 18px);
  margin-left: 1.625rem;
}
@media screen and (min-width: 768px) {
  .drink__title {
    font-size: 2.125rem;
    line-height: 3.125rem;
    margin-right: 2rem;
  }
}

.drink__title span {
  margin-top: 6.5625rem;
}
@media screen and (min-width: 768px) {
  .drink__title span {
    margin-top: 10.3125rem;
  }
}

.drink__img {
  height: 18.75rem;
  width: auto;
}

.drink__text {
  font-size: 1.25rem;
  font-size: min(3.75vw, 18px);
  margin-bottom: 2.5rem;
  height: 32.5625rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .drink__text {
    height: 25rem;
    word-wrap: break-word;
    line-height: 2.3125rem;
    margin-left: 1.625rem;
    margin-bottom: 0;
  }
}

.white {
  width: 90%;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  padding-top: 2.125rem;
}
@media screen and (min-width: 768px) {
  .white {
    margin-top: 1.25rem;
    padding-top: 3.0625rem;
    max-width:1000px;
  }
}

.white-img {
  width: 8.1875rem;
  height: auto;
  margin-bottom: 1.5625rem;
  margin-top: 1.25rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .white-img {
    width: 7.25rem;
    margin-right: auto;
    margin-left: 0;
  }
}

.white-img2 {
  width: 5.25rem;
  height: auto;
  margin-bottom: 1.5625rem;
  margin-top: 1.25rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .white-img2 {
    width: 4.0625rem;
    margin-right: auto;
    margin-left: 0;
  }
}

.white-img3 {
  width: 6rem;
  height: auto;
  margin-bottom: 1.5625rem;
  margin-top: 1.25rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .white-img3 {
    width: 5.4375rem;
/*    height: 1.875rem;*/
    margin-right: auto;
    margin-left: 0;
  }
}

.white-img4 {
  width: 20.875rem;
  height: auto;
  margin-bottom: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .white-img4 {
    width: 18.75rem;
    margin-right: auto;
    margin-left: 0;
  }
}

.white__title {
  margin: 0 auto;
  width: 16.0625rem;
}

.glass__wrapper {
  border-bottom: 2px solid #B5282C;
}
@media screen and (min-width: 768px) {
  .glass__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2.25rem;
  }
}

.glass__wrapper-img {
  width: 6.1875rem;
  height: 6.5625rem;
  margin: 0 auto;
  padding-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .glass__wrapper-img {
    padding-left: 2.5rem;
    width: auto;
    height: auto;
  }
}

.glass__title {
  text-align: center;
  margin-top: 3.125rem;
  font-size: 1.75rem;
  line-height: 1.3928571429;
  font-size: min(4.375vw, 18px);
}
@media screen and (min-width: 768px) {
  .glass__title {
    font-size: 1.5625rem;
    line-height: 1.5596;
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .glass__wrapper-text {
    padding-left: 2.5rem;
    margin-top: 0;
    text-align: left;
  }
}

.glass__text {
  padding-bottom: 2.5rem;
  font-size: 1.375rem;
  line-height: 1.4545454545;
  margin-top: 1.25rem;
  font-size: min(3.4375vw, 18px);
}
@media screen and (min-width: 768px) {
  .glass__text {
    margin-top: 0.4375rem;
    font-size: 0.9375rem;
    line-height: 1.4666666667;
  }
}

@media screen and (min-width: 768px) {
  .glass__wrapper2 {
    border-bottom: 2px solid #B5282C;
    display: flex;
    padding-top: 3.9375rem;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .glass__line {
    content: "";
    width: 0.25rem;
    background-color: #B5282C;
    display: inline-block;
    margin-top: -1.875rem;
    margin-bottom: 1.8125rem;
  }
}

.glass__wrapper-img2 {
  width: 5.25rem;
  height: 7.25rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .glass__wrapper-img2 {
    width: auto;
    height: auto;
    padding-left: 2.5rem;
  }
}

.glass__text2 {
  border-bottom: 2px solid #B5282C;
  padding-bottom: 2.5rem;
  font-size: 14px;
  line-height: 1.4545454545;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .glass__text2 {
    margin-top: 0.4375rem;
    font-size: 0.9375rem;
    line-height: 1.4666666667;
    padding-right: 2.5rem;
    border-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .glass__wrapper-text2 {
    padding-left: 2.5rem;
  }
}

.glass__wrapper-img3 {
  width: 5.25rem;
  height: 7.25rem;
  margin: 0 auto;
  margin-top: 2.4375rem;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .glass__wrapper-img3 {
    padding-left: 2.5rem;
    width: auto;
    height: auto;
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .glass__wrapper3 {
    display: flex;
  }
}

.glass__wrapper-text3 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.glass__wrapper-img4 img {
  padding-top: 2.1875rem;
}

.glass__text3 {
  font-size: 14px;
  line-height: 1.4545454545;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .glass__text3 {
    font-size: 0.9375rem;
    line-height: 1.4666666667;
    margin-top: 0;
  }
}

.glass__wrapper-img4 {
  width: 13.4375rem;
  height: 12.1875rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .glass__wrapper-img4 {
    width: auto;
    height: auto;
  }
}

.number {
  background-color: #231815;
  color: #fff;
  margin-top: 0;
  padding-top: 2.5625rem;
  padding-bottom: 7.3125rem;
}
@media screen and (min-width: 768px) {
  .number {
    padding-top: 4.375rem;
  }
}

.number-img {
width: 16.25rem;
    height: auto;
    margin-top: 1.875rem;
    margin-bottom: 10px;
}
p.number__title-text {
    font-size: 14px;
}
@media screen and (min-width: 768px) {
  .number-img {
    width: 17rem;
    height: auto;
  }
}

.number-img2 {
  margin-top: 2.5rem;
}

.number-img3 {
  margin-top: 2.5rem;
}

.number-img4 {
  margin-top: 2.5rem;
}

.number-img5 {
  margin-top: 2.5rem;
}

.number-img6 {
  margin-top: 2.5rem;
}

.number__p {
  font-size: 1.5rem;
  line-height: 1.5833333333;
  margin-top: 1.875rem;
  font-size: min(3.75vw, 18px);
}
@media screen and (min-width: 768px) {
  .number__p {
    font-size: 0.875rem;
    line-height: 1.7857142857;
    margin-top: 0.625rem;
  }
}

@media screen and (min-width: 768px) {
  .number__title-text {
    font-size: 0.875rem;
    line-height: 1.7142857143;
  }
}

.number__title-number {
  font-size: 1.5625rem;
  line-height: 1.76;
  font-size: min(3.90625vw, 18px);
  background-color: #DADADA;
  color: #231815;
  padding: 0.5rem;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .number__title-number {
    padding: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.75;
  }
}

.number__title-titles {
  border: 2px solid #DADADA;
  display: block;
  margin-top: 2.1875rem;
  font-size: 1.625rem;
  line-height: 1.7692307692;
  font-size: min(4.0625vw, 18px);
}
@media screen and (min-width: 768px) {
  .number__title-titles {
    display: inline-block;
    width: 25rem;
    margin-top: 0;
    font-size: 1.25rem;
    line-height: 1.75;
  }
}

.number__title-kana {
  font-size: 1rem;
  line-height: 1.75;
  font-size: min(2.5vw, 18px);
}
@media screen and (min-width: 768px) {
  .number__title-kana {
    font-size: 0.663125rem;
    line-height: 1.754005655;
  }
}

@media screen and (min-width: 768px) {
  .number__title-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 2.3125rem;
    gap: 6.25rem;
  }
}

.number__title-titles2 {
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
}
@media screen and (min-width: 768px) {
  .number__title-titles2 {
    margin-top: 1.4375rem;
  }
}

.number__title-titles3 {
  margin-top: 1.4375rem;
}

.number__title-titles5 {
  margin-top: 1.875rem;
}

.number__text {
    line-height: 1.7em;
    font-size: 16px;
    margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .number__text {
    width: 24.375rem;
    margin-left: 2.1875rem;
    margin-top: 1.4375rem;
    font-size: 0.875rem;
    line-height: 1.7857142857;
  }
}

.table {
  background-color: #DADADA;
  border: 1px solid #DADADA;
  color: #231815;
  margin-top: 1rem;
  display: block;
  font-size: 0.625rem;
  line-height: 1.1;
  flex: 1;
  font-size: min(3.125vw, 18px);
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .table {
    display: inline-block;
    font-size: 0.75rem;
    margin-left: 2.1875rem;
  }
}

table:nth-child(n+2) {
  margin-top: 0.75rem;
}

@media screen and (min-width: 768px) {
  .table1 {
    padding-right: 3.75rem;
  }
}

@media screen and (min-width: 768px) {
  .table2 {
    padding-right: 0.5rem;
  }
}

@media screen and (min-width: 768px) {
  .table3 {
    padding-right: 5.125rem;
  }
}

.table__accent {
  background-color: #606060;
  border: 1px solid #606060;
  color: #fff;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-right: 0.6875rem;
  padding-left: 0.6875rem;
  margin-right: 0.4375rem;
}

.table__number1,
.table__number3 {
  padding-right: 0.875rem;
  padding-left: 0.875rem;
}

.table__number2 {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.number__title-wrapper {
  border-bottom: 2px solid #C1272D;
  padding-bottom: 3.125rem;
}

.number__text2 {
  font-size: 1.5rem;
  line-height: 1.3333333333;
  font-size: min(3.75vw, 18px);
}
@media screen and (min-width: 768px) {
  .number__text2 {
    font-size: 1.25rem;
    line-height: 1.75;
    margin-top: 1.875rem;
    margin-left: 2.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .number__picture-wrapper {
    display: flex;
  }
}

.number__picture-wrapper-img {
  width: 18.75rem;
  height: 12.5rem;
  margin: 0 auto;
}

.number__picture-wrapper {
  margin-top: 2.5rem;
  border-bottom: 2px solid #C1272D;
}

@media screen and (min-width: 768px) {
  .number__picture-center {
    content: "";
    height: 23.75rem;
    width: 0.375rem;
    background-color: #B5282C;
    display: inline-block;
    margin-top: -0.9375rem;
    margin-bottom: 1.8125rem;
  }
}

.number__picture-left p {
  border-bottom: 2px solid #C1272D;
  padding-bottom: 2.4375rem;
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-size: min(3.75vw, 18px);
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .number__picture-left p {
    padding-right: 2.0625rem;
    margin-top: 1.125rem;
    font-size: 0.875rem;
    line-height: 1.7857142857;
    border: 0;
    padding-bottom: 0;
  }
}

.number__picture-right h3 {
  color: #B5282C;
  margin-top: 1.67625rem;
  font-size: 1.3125rem;
  line-height: 2.0476190476;
  font-size: min(3.4375vw, 18px);
}
@media screen and (min-width: 768px) {
  .number__picture-right h3 {
    text-align: center;
    margin-top: 1.3125rem;
    font-size: 1.8125rem;
    line-height: 1.4827586207;
  }
}

.number__picture-right p {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  padding-bottom: 1.625rem;
  font-size: min(3.75vw, 18px);
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .number__picture-right p {
    padding-left: 2.0625rem;
    margin-top: 1.125rem;
    font-size: 0.875rem;
    line-height: 1.7857142857;
    padding-bottom: 0;
  }
}

.number__picture-left h3 {
  font-size: 1.3125rem;
  line-height: 2.0476190476;
  font-size: min(3.4375vw, 18px);
  color: #B5282C;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .number__picture-left h3 {
    text-align: center;
    margin-top: 1.3125rem;
    font-size: 1.8125rem;
    line-height: 1.4827586207;
  }
}

.number__templuture {
  color: #B5282C;
  margin-top: 1.875rem;
  font-size: 1.75rem;
  line-height: 1.5357142857;
  font-size: min(4.375vw, 18px);
}
@media screen and (min-width: 768px) {
  .number__templuture {
    font-size: 1.75rem;
    line-height: 1.5357142857;
    margin-top: 2.25rem;
  }
}

.number-templuture__text {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  margin-top: 0.625rem;
  font-size: min(3.75vw, 18px);
}
@media screen and (min-width: 768px) {
  .number-templuture__text {
    font-size: 0.875rem;
    line-height: 1.7857142857;
  }
}

.number__picture-right {
  margin-top: 1.6875rem;
}
@media screen and (min-width: 768px) {
  .number__picture-right {
    margin-top: 0;
  }
}

.number-img7 {
  width: 17.25rem;
  height: auto;
  margin-top: 2.1875rem;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .number-img7 {
    margin: 0 auto;
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
}

.number-img8 {
  width: 10rem;
  height: auto;
  margin-top: 2.1875rem;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .number-img8 {
    margin: 0 auto;
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
}

.number-img9 {
    width: 12.3125rem;
    height: auto;
    margin-top: 2.1875rem;
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .number-img9 {
    margin: 0 ;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
  }
}

.about__pic {
  background-image: url(../../../img/page/selfproduct/about_pc.png);
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
}

.about__pic2 {
  position: absolute;
  z-index: 0;
  margin-top: 1rem;
  height: 121.875rem;
  width: 100%;
}

.about__title {
  text-align: center;
  font-size: 2rem;
  line-height: 1.4375;
  font-size: min(5vw, 18px);
}
@media screen and (min-width: 768px) {
  .about__title {
    font-size: 2rem;
  }
}

.about__img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
	.about-img2 {
	    width: 50%;
	}
}
.about-img2 {
    width: 86%;
    height: auto;
    margin-bottom: 1.25rem;
    max-width: 420px;
}

.about-img3 {
  width: 70%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .about-img3 {
  width: 80%;
	margin-top: 2.25rem;
	margin-bottom: 1.25rem;
	max-width: 350px;
  }
}
p.adimg24 {
    margin: 5% auto;
    width: 100%;
}
@media screen and (min-width: 768px) {
	p.adimg24 {
	    width: 85%;
	    margin-left: 45px;
	    margin-top: 10px;
	}
}
.about__inner {
  z-index: 100;
  position: relative;
  padding-top: 1.875rem;
}

.about__text {
  font-size: 1.25rem;
  line-height: 1.75;
  margin-top: 0.3125rem;
  font-size: min(3.125vw, 18px);
}
@media screen and (min-width: 768px) {
  .about__text {
    font-size: 0.9375rem;
  }
}

.about-h3__wrapper {
  margin-top: 4.375rem;
}
@media screen and (min-width: 768px) {
  .about-h3__wrapper {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 0.75rem;
    margin-left: 1.25rem;
    margin-top: 2.875rem;
  }
}

.about__red {
  color: #C1272D;
  font-size: 2.25rem;
  line-height: 1.0285714286;
  font-size: min(5.3125vw, 18px);
}
@media screen and (min-width: 768px) {
  .about__red {
    font-size: 1.0625rem;
    line-height: 2.0588235294;
  }
}

.about__h3 {
  font-size: 2.125rem;
  line-height: 1.9411764706;
  font-size: min(5.3125vw, 18px);
}
@media screen and (min-width: 768px) {
  .about__h3 {
    font-size: 1.375rem;
    line-height: 2.0909090909;
  }
}

.about__no {
  font-size: 1.25rem;
  line-height: 2;
  font-size: min(3.125vw, 18px);
}
@media screen and (min-width: 768px) {
  .about__no {
    margin-top: 1.25rem;
    font-size: 0.9375rem;
  }
}

.about-no__end {
  padding-bottom: 1.25rem;
}

.price {
  text-align: center;
  margin-top: 2.6875rem;
}

.price__logo {
  width: 11.125rem;
  margin: 0 auto;
}

.price__text {
  font-size: 1.5rem;
  line-height: 1.75;
  font-size: min(3.75vw, 18px);
}
@media screen and (min-width: 768px) {
  .price__text {
    font-size: 0.9375rem;
    line-height: 1.7333333333;
  }
}

.price__text2 {
  font-size: 1.25rem;
  line-height: 1.75;
  font-size: min(3.125vw, 18px);
}
@media screen and (min-width: 768px) {
  .price__text2 {
    font-size: 0.8125rem;
    line-height: 1.6923076923;
  }
}

.price__text2--first {
  margin-top: 1.6875rem;
}

.price__code {
  width: 11rem;
  margin: 0 auto;
  margin-top: 1.375rem;
  margin-bottom: 3.125rem;
}

.top__pic {
  width: 100%;
}

.top__logo {
  width: 18.4375rem;
  height: 16.8125rem;
  margin-top: 16.8125rem;
}
@media screen and (min-width: 768px) {
  .top__logo {
    width: 27.0625rem;
    height: 24.125rem;
    margin-top: -17.1875rem;
    margin-right: 16.25rem;
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) {
  .top-inner__logo {
    width: 33.5rem;
    margin-top: -3.4375rem;
  }
}

.top-inner__pic {
  margin: 0 auto;
  width: 16.125rem;
  margin-top: 1.6875rem;
}
@media screen and (min-width: 768px) {
  .top-inner__pic {
    margin-top: 0;
  }
}

.top-inner__message {
  margin-top: 3.1875rem;
  width: 14.375rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.125rem;
}
@media screen and (min-width: 768px) {
  .top-inner__message {
    margin-bottom: 2.5625rem;
  }
}

.top-inner__inner {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-size: min(3.75vw, 18px);
}
@media screen and (min-width: 768px) {
  .top-inner__inner {
    margin-top: 1.25rem;
    display: flex;
    gap: 2.75rem;
  }
}

.top-inner__text2 {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-size: min(3.75vw, 18px);
}
@media screen and (min-width: 768px) {
  .top-inner__text2 {
    margin-top: 1.375rem;
    font-size: 0.9375rem;
    line-height: 1.8666666667;
  }
}

.top-inner__text1 {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-size: min(3.75vw, 18px);
}
@media screen and (min-width: 768px) {
  .top-inner__text1 {
    font-size: 0.9375rem;
    line-height: 1.8666666667;
  }
}

.u-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-desktop {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .u-mobile {
    display: none;
  }
}

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