* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family:
    "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  line-height: 1.5;
  color: #333333;
  background-color: #ffffff;
  font-size: calc(100vw * 16 / 1440);
}

html, body{
  overflow-x: hidden;
}


/*
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
*/

a {
  text-decoration: none;
  color: inherit;
}

.header-container {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  z-index: 1000;
  width:100%;
}

.header-wrapper {
  max-width: calc(100vw * 1440 / 1440);
  margin: 0 auto;
  padding: 0 calc(100vw * 20 / 1440) 0 calc(100vw * 13 / 1440);
}

.header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(100vw * 80 / 1440);
  padding: calc(100vw * 10 / 1440) 0;
}

.header-logo {
  display: flex;
  align-items: center;
  gap: calc(100vw * 12 / 1440);
}

.header-logo-link {
  display: flex;
  align-items: center;
  gap: calc(100vw * 12 / 1440);
}

.header-logo img {
  width: calc(100vw * 64 / 1440);
  height: calc(100vw * 54 / 1440);
}

.header-logo-text {
  font-size: calc(100vw * 24 / 1440);
  color: #483121;
}

.header-cta {
  min-width: calc(100vw * 330 / 1440);
  background: linear-gradient(180deg, #5eb6c9 0%, #3c8a96 100%);
  color: #ffffff;
  padding: calc(100vw * 22 / 1440) 0;
  border-radius: calc(100vw * 50 / 1440);
  font-size: calc(100vw * 20 / 1440);
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.15em;
  transition: all 0.3s ease;
  box-shadow: calc(100vw * 4 / 1440) calc(100vw * 4 / 1440)
    calc(100vw * 4 / 1440) 0px rgba(0, 0, 0, 0.25);
}

.header-cta:hover {
  transform: translateY(-2px);
}

@media (max-width: 768px) {
	.header-container{
        height: 30px;
	}
  .header-wrapper {
    max-width: calc(100vw * 375 / 375);
    padding: 0 calc(100vw * 3 / 375);
	width:100%;
  }

  .header-content {
    height: calc(100vw * 30 / 375);
    padding: calc(100vw * 3 / 375) 0;
  }

  .header-logo {
    gap: calc(100vw * 12 / 375);
  }

  .header-logo-link {
    gap: calc(100vw * 12 / 375);
  }

  .header-logo img {
    width: calc(100vw * 29 / 375);
    height: calc(100vw * 24 / 375);
  }

  .header-logo-text {
    font-size: calc(100vw * 14 / 375);
  }

  .header-cta {
    min-width: calc(100vw * 113 / 375);
    padding: calc(100vw * 7 / 375) 0;
    font-size: calc(100vw * 7 / 375);
    border-radius: calc(100vw * 50 / 375);
    box-shadow: calc(100vw * 4 / 375) calc(100vw * 4 / 375)
      calc(100vw * 4 / 375) 0px rgba(0, 0, 0, 0.25);
  }
}

.fv-container {
  background-image: url("/wp-content/themes/kaitorinoizumi/assets/images/whitening_img/fv-background.webp");
  background-size: cover;
  background-position: center;
margin-top: calc(100vw * 80 / 1440);
}

.fv-content {
  padding-left: calc(100vw * 120 / 1440);
}
.fv-flex-area {
  display: flex;
  align-items: flex-start;
}
.fv-flex-left {
  padding-top: calc(100vw * 118 / 1440);
}
p.fv-flex-left-text01 {
  color: #5f9aa4;
  font-size: calc(100vw * 18 / 1440);
  line-height: 150%;
  letter-spacing: 0.15em;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: calc(100vw * 17.5 / 1440);
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
}
p.fv-flex-left-text01 span {
  background-color: #5f9aa4;
  width: calc(100vw * 210 / 1440);
  height: calc(100vw * 1 / 1440);
  display: block;
}
p.fv-flex-left-text02 {
  color: #5d6767;
  font-size: calc(100vw * 25 / 1440);
  line-height: 150%;
  letter-spacing: 0.15em;
  font-weight: bold;
  margin-top: calc(100vw * 9 / 1440);
}
h1.fv-flex-left-heading {
  color: #5f9aa4;
  font-size: calc(100vw * 70 / 1440);
  /*
    line-height: 1.12em;
    */
  line-height: 1;
  letter-spacing: 0.15em;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  margin-top: calc(100vw * 27 / 1440);
  text-shadow: calc(100vw * 2 / 1440) calc(100vw * 2 / 1440)
    calc(100vw * 3.4 / 1440) #ffffff;
  position: relative;
  display: inline-block;
  z-index: 0;
}
h1.fv-flex-left-heading span.fv-flex-left-heading-span01 {
  font-size: calc(100vw * 48 / 1440);
  line-height: 120%;
}
h1.fv-flex-left-heading span.fv-flex-left-heading-span02 {
  line-height: 120%;
}
h1.fv-flex-left-heading-main {
  position: relative;
  z-index: 6;
}
h1.fv-flex-left-heading-white01,
h1.fv-flex-left-heading-white02 {
  position: absolute;
  z-index: 5;
}
h1.fv-flex-left-heading-white01,
h1.fv-flex-left-heading-white02 {
  filter: blur(calc(100vw * 7.3 / 1440));
}
h1.fv-flex-left-heading-white01 span.fv-flex-left-heading-span01,
h1.fv-flex-left-heading-white02 span.fv-flex-left-heading-span01 {
  color: #ffffff;
}
h1.fv-flex-left-heading-white01 span.fv-flex-left-heading-span02,
h1.fv-flex-left-heading-white02 span.fv-flex-left-heading-span02 {
  color: #ffffff;
}

.fv-flex-left-heading-main .fv-flex-left-heading-span01::before,
.fv-flex-left-heading-main .fv-flex-left-heading-span01::after,
.fv-flex-left-heading-main .fv-flex-left-heading-span02::before,
.fv-flex-left-heading-main .fv-flex-left-heading-span02::after {
  content: none !important;
}
.fv-flex-left-heading-main .fv-flex-left-heading-span01,
.fv-flex-left-heading-main .fv-flex-left-heading-span02 {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}
.fv-flex-left-heading-main .fv-flex-left-heading-span01,
.fv-flex-left-heading-main .fv-flex-left-heading-span02 {
  display: inline-block !important;
  background: linear-gradient(
    90deg,
    #5cb2af 0%,
    #63bbbe 51%,
    #74d2e2 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.fv-flex-left-heading-main .fv-flex-left-heading-span01,
.fv-flex-left-heading-main .fv-flex-left-heading-span02 {
  text-shadow: none !important;
  filter: drop-shadow(
    calc(100vw * 2 / 1440) calc(100vw * 2 / 1440) calc(100vw * 3.4 / 1440)
      #ffffff
  );
}

h1.fv-flex-left-heading.fv-flex-left-heading-main {
  text-shadow: none !important;
  filter: drop-shadow(
    calc(100vw * 2 / 1440) calc(100vw * 2 / 1440) calc(100vw * 3.4 / 1440)
      #ffffff
  );
}

.fv-flex-left-boxs {
  display: flex;
  align-items: center;
  gap: calc(100vw * 20 / 1440);
  margin-top: calc(100vw * 27 / 1440);
}
.fv-flex-left-box {
  background-image: url("/wp-content/themes/kaitorinoizumi/assets/images/whitening_img/fv-flex-box-image.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: calc(100vw * 178 / 1440);
  height: calc(100vw * 178 / 1440);
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}
.fv-flex-left-box img {
  width: calc(100vw * 37 / 1440);
  height: auto;
  aspect-ratio: 1/1;
  margin-top: calc(100vw * 27 / 1440);
}
.fv-flex-left-box p {
  color: #ffffff;
  font-size: calc(100vw * 23 / 1440);
  font-weight: bold;
  margin-top: calc(100vw * 11 / 1440);
  line-height: 1.15em;
}
.fv-flex-left-boxs .fv-flex-left-box:nth-child(3) p {
  line-height: 105%;
  position: relative;
  top: calc(100vw * -5 / 1440);
}
span.fv-flex-left-box-text01 {
  font-size: calc(100vw * 18 / 1440);
}
span.fv-flex-left-box-text02 {
  font-size: calc(100vw * 23 / 1440);
}
.fv-right-image {
  width: auto;
  line-height: 1;
}
.fv-right-image img {
  width: calc(100vw * 764 / 1440);
  height: calc(100vw * 664 / 1440);
  line-height: 1;
  position: relative;
  bottom: calc(100vw * -2 / 1440);
}

@media(min-width:769px){
	.fv-right-image-sp{
		display:none;
	}
}

@media (max-width: 768px) {
	.fv-right-image-pc{
		display:none;
	}
.fv-container {
    background-size: cover;
    background-position: center;
    margin-top: calc(100vw * 30 / 375);
}
  .fv-content {
    padding-left: calc(100vw * 20 / 375);
  }
  .fv-flex-area {
    flex-direction: column;
  }
  .fv-flex-left-boxs {
    flex-direction: column;
    align-items: flex-start;
  }
  .fv-flex-left-box {
    width: calc(100vw * 145 / 375);
    height: calc(100vw * 145 / 375);
  }
  .fv-flex-left {
    padding-top: calc(100vw * 25 / 375);
    position: relative;
    z-index: 10;
  }
  p.fv-flex-left-text01 {
    font-size: calc(100vw * 13 / 375);
  }
  p.fv-flex-left-text01 span {
    width: calc(100vw * 75 / 375);
  }
  p.fv-flex-left-text02 {
    font-size: calc(100vw * 16 / 375);
  }
  h1.fv-flex-left-heading span.fv-flex-left-heading-span01 {
    font-size: calc(100vw * 28 / 375);
  }
  h1.fv-flex-left-heading span.fv-flex-left-heading-span02 {
    font-size: calc(100vw * 50 / 375);
  }
  .fv-flex-left-heading {
    text-align: left;
  }
  h1.fv-flex-left-heading-white01,
  h1.fv-flex-left-heading-white02 {
    margin-top: calc(100vw * 7 / 375);
  }
  .fv-right-image img {
    width: calc(100vw * 568 / 375);
    height: calc(100vw * 484 / 375);
    object-fit: contain;
    position: relative;
    right: calc(100vw * 38 / 375);
  }
  .fv-flex-left-box img {
    width: calc(100vw * 28 / 375);
    height: calc(100vw * 28 / 375);
  }
  .fv-flex-left-box p {
    font-size: calc(100vw * 20 / 375);
  }
  span.fv-flex-left-box-text01 {
    font-size: calc(100vw * 15 / 375);
  }
  span.fv-flex-left-box-text02 {
    font-size: calc(100vw * 15 / 375);
  }
  .fv-flex-left-boxs
    .fv-flex-left-box:nth-child(3)
    p
    span.fv-flex-left-box-text02 {
    font-size: calc(100vw * 20 / 375);
    letter-spacing: -0.11em;
  }
  .fv-flex-left-box img {
    margin-top: calc(100vw * 25 / 375);
  }
  .fv-flex-left-box p {
    margin-top: calc(100vw * 4 / 375);
  }
  .fv-right {
    position: relative;
    margin-top: calc(100vw * -454 / 375);
    right: calc(100vw * 65 / 375);
  }
}

.sv-container {
  background-image: url("/wp-content/themes/kaitorinoizumi/assets/images/whitening_img/sv-background.webp");
  background-size: cover;
  background-position: center;
}

.sv-wrapper {
  max-width: calc(100vw * 1200 / 1440);
  margin: 0 auto;
  padding: calc(100vw * 80 / 1440) calc(100vw * 20 / 1440);
}

.sv-content {
  width: 100%;
}

.sv-header-area {
  text-align: center;
}

.sv-badge {
    display: inline-block;
    background-color: #A48673;
    color: #ffffff;
    padding: calc(100vw * 8 / 1440) calc(100vw * 24 / 1440);
    /* border-radius: calc(100vw * 20 / 1440); */
    font-size: calc(100vw * 18 / 1440);
    font-weight: 600;
    margin: 0 0 calc(100vw * 20 / 1440) 0;
    letter-spacing: 0.05em;
    /*
    border: calc(100vw * 1 / 1440) solid rgba(255, 255, 255, 0.3);
	*/
    width: calc(100vw * 280 / 1440);
    height: calc(100vw * 40 / 1440);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
}
.sv-badge{
    position: relative;
}

.sv-badge::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: calc(100vw * 27 / 1440) solid transparent;
    border-right: calc(100vw * 27 / 1440) solid transparent;
    border-top: calc(100vw * 27 / 1440) solid #A48673;
}

.sv-title {
  font-size: calc(100vw * 32 / 1440);
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin: 0;
  text-shadow: calc(100vw * 3 / 1440) calc(100vw * 3 / 1440) calc(100vw * 4 / 1440) rgb(0, 0, 0, 0.25);
}

.sv-list {
  display: flex;
  gap: calc(100vw * 30 / 1440);
}

.sv-item {
  flex: 1 1 calc(25% - 23px);
  min-width: calc(100vw * 200 / 1440);
  text-align: center;
  padding: calc(100vw * 30 / 1440) calc(100vw * 20 / 1440);
  border-radius: calc(100vw * 12 / 1440);
  transition: all 0.3s ease;
}

.sv-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  transform: translateY(-4px);
}

.sv-icon {
  width: calc(100vw * 80 / 1440);
  height: calc(100vw * 80 / 1440);
  margin: 0 auto calc(100vw * 20 / 1440);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sv-icon img {
  width: calc(100vw * 81 / 1440);
  height: calc(100vw * 79 / 1440);
  object-fit: contain;
}

.sv-text {
  font-size: calc(100vw * 14 / 1440);
  color: #ffffff;
  line-height: 1.8;
  font-weight: 500;
  margin: 0;
	font-weight: bold;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}

@media (max-width: 768px) {
  .sv-container {
    padding: calc(100vw * 0 / 375) calc(100vw * 20 / 375);
  }

  .sv-badge {
    font-size: calc(100vw * 18 / 375);
    padding: calc(100vw * 6 / 375) calc(100vw * 20 / 375);
  }

  .sv-title {
    font-size: calc(100vw * 24 / 375);
  }

  .sv-list {
    gap: calc(100vw * 20 / 375);
  }

  .sv-item {
    flex: 1 1 calc(50% - 10px);
    min-width: calc(100vw * 135 / 375);
    /* padding: calc(100vw * 25 / 375) calc(100vw * 15 / 375); */
    width: calc(100vw * 135 / 375);
  }

  .sv-icon {
    width: calc(100vw * 70 / 375);
    height: calc(100vw * 70 / 375);
  }

  .sv-icon img {
    width: calc(100vw * 45 / 375);
    height: calc(100vw * 45 / 375);
  }

  .sv-text {
    font-size: calc(100vw * 10 / 375);
  }
}

@media (max-width: 768px) {
  .sv-title {
    font-size: calc(100vw * 20 / 375);
  }

  .sv-list {
    /* flex-direction: column; */
    flex-wrap: wrap;
  }

  .sv-item {
    /* flex: 1 1 100%; */
    /* width: 15px; */
  }
}
@media(max-width:768px){
	.sv-wrapper{
		padding-top:calc(100vw * 24 / 375);
		padding-bottom:calc(100vw * 33 / 375);
	}
	.sv-badge {
	    display: inline-block;
	    background-color: #A48673;
	    color: #ffffff;
	    padding: calc(100vw * 8 / 375) calc(100vw * 24 / 375);
	    font-size: calc(100vw * 18 / 375);
	    font-weight: 600;
	    margin: 0 0 calc(100vw * 20 / 375) 0;
	    letter-spacing: 0.05em;
	    /*
	    border: calc(100vw * 1 / 1440) solid rgba(255, 255, 255, 0.3);
		*/
	    width: calc(100vw * 260 / 375);
	    height: calc(100vw * 41 / 375);
	    display:inline-flex;
	    align-items:center;
	    justify-content:center;
	    line-height:1;
	    white-space: nowrap;
	}
	.sv-badge{
	    position: relative;
	}
	
	.sv-badge::after{
	    content: "";
	    position: absolute;
	    left: 50%;
	    top: 70%;
	    transform: translateX(-50%);
	    width: 0;
	    height: 0;
	    border-left: calc(100vw * 27 / 375) solid transparent;
	    border-right: calc(100vw * 27 / 375) solid transparent;
	    border-top: calc(100vw * 27 / 375) solid #A48673;
	}
	/*
	.sv-title {
		margin-top: calc(100vw * 12 / 365);
	}
	*/
}

@media (max-width: 768px){
	.sv-container{
		background-image:url("/wp-content/themes/kaitorinoizumi/assets/images/whitening_img/sv-background-sp.webp");
	}
  .sv-list{
    flex-wrap: wrap;
    gap: calc(100vw * 18 / 375);
  }
  .sv-item{
    flex: 0 0 calc(50% - (calc(100vw * 20 / 375) / 2));
    width: calc(50% - (calc(100vw * 20 / 375) / 2));
    min-width: 0;
    box-sizing: border-box;
  }
	.sv-icon{
		margin-bottom:calc(100vw * 10 / 375);
		height:auto;
	}
	.sv-item {
		padding-top:calc(100vw * 17 / 375);;
	}
	
}
.worries-img {
  text-align: center;
}
.worries-img img {
  width: calc(100vw * 232 / 1440);
}
.worries-heading {
  text-align: center;
  margin-top: calc(100vw * -28 / 1440);
}
.worries-heading p {
  color: #000000;
  font-size: calc(100vw * 20 / 1440);
  font-weight: bold;
  line-height: 150%;
  text-shadow: calc(100vw * 1 / 1440) calc(100vw * 1 / 1440)
    calc(100vw * 2 / 1440) #ffffff;
}
.worries-heading h2 {
  color: #000000;
  font-size: calc(100vw * 25 / 1440);
  font-weight: bold;
  line-height: 150%;
  text-shadow: calc(100vw * 1 / 1440) calc(100vw * 1 / 1440)
    calc(100vw * 2 / 1440) #ffffff;
}
.worries-flex-areas {
  margin-top: calc(100vw * 55 / 1440);
}
.worries-flex-area {
  display: flex;
  align-items: flex-start;
  padding-left: calc(100vw * 120 / 1440);
}
.worries-flex-image {
  width: calc(100vw * 540 / 1440);
}
.worries-flex-image img {
  width: calc(100vw * 540 / 1440);
  height: calc(100vw * 290 / 1440);
  line-height: 1;
}
.worries-flex-text {
  width: calc(100vw * 780 / 1440);
}
.worries-flex-text h3 {
  line-height: 150%;
  font-size: calc(100vw * 25 / 1440);
  display: flex;
  align-items: center;
  gap: calc(100vw * 10 / 1440);
  padding-left: calc(100vw * 20 / 1440);
}
.worries-flex-text h3 span {
  width: calc(100vw * 75 / 1440);
  height: calc(100vw * 35 / 1440);
  font-size: calc(100vw * 15 / 1440);
  color: #ffffff;
  background-color: #a48673;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}
.worries-flex-text p {
  font-size: calc(100vw * 18 / 1440);
  font-weight: normal;
  line-height: 150%;
  padding-top: calc(100vw * 30 / 1440);
  padding-bottom: calc(100vw * 30 / 1440);
  padding-right: calc(100vw * 98 / 1440);
  padding-left: calc(100vw * 22 / 1440);
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}
.worries-flex-areas .worries-flex-area:nth-child(2) {
  margin-top: calc(100vw * 35 / 1440);
}
.worries-flex-areas .worries-flex-area:nth-child(2) .worries-flex-text h3 {
  padding-left: 0;
}
.worries-flex-areas .worries-flex-area:nth-child(2) .worries-flex-text {
  width: calc(100vw * 660 / 1440);
}
.worries-flex-areas .worries-flex-area:nth-child(2) .worries-flex-text p {
  padding-left: 0;
}
.worries-flex-areas .worries-flex-area:nth-child(3) {
  margin-top: calc(100vw * 35 / 1440);
}

@media (min-width: 768px) {
  br.worries-heading-br-sp {
    display: none;
  }
  .worries-flex-text-sp {
    display: none;
  }
}
@media (max-width: 768px) {
  .worries-heading {
    margin-top: calc(100vw * 3 / 375);
  }
  .worries-img img {
    width: calc(100vw * 92 / 375);
  }
  .worries-heading p {
    font-size: calc(100vw * 15 / 375);
  }
  .worries-heading h2 {
    font-size: calc(100vw * 20 / 375);
  }
  .worries-flex-areas {
    max-width: calc(100vw * 339 / 375);
    margin: 0 auto;
    margin: 0 auto;
    margin-top: calc(100vw * 30 / 375);
  }
  .worries-flex-area {
    flex-direction: column;
    padding-left: 0;
  }
  .worries-flex-image {
    width: 100%;
  }
  .worries-flex-image img {
    width: 100%;
    height: calc(100vw * 250 / 375);
    object-fit: cover;
  }
  .worries-flex-text {
    width: 100%;
    margin-top: calc(100vw * 10 / 375);
  }
  .worries-flex-text h3 {
    padding: 0;
    font-size: calc(100vw * 17 / 375);
  }
  .worries-flex-text p {
    padding: 0;
    font-size: calc(100vw * 14 / 375);
    margin-top: calc(100vw * 10 / 375);
  }
  .worries-flex-text h3 span {
    font-size: calc(100vw * 8 / 375);
    width: calc(100vw * 30 / 375);
    height: calc(100vw * 18 / 375);
  }
  .worries-flex-areas .worries-flex-area:nth-child(2) {
    flex-direction: column-reverse;
  }
  .worries-flex-areas .worries-flex-area:nth-child(2) .worries-flex-text {
    width: 100%;
  }
  .worries-flex-text-pc {
    display: none;
  }
  .worries-flex-areas .worries-flex-area:nth-child(2) {
    margin-top: calc(100vw * 30 / 375);
  }
  .worries-flex-areas .worries-flex-area:nth-child(3) {
    margin-top: calc(100vw * 30 / 375);
  }
}

.cta-container {
  margin: calc(100vw * 71 / 1440) 0 calc(100vw * 74 / 1440);
  padding: 0 calc(100vw * 116 / 1440);
}

.cta-wrapper {
  max-width: calc(100vw * 1200 / 1440);
  margin: 0 auto;
}

.cta-content {
  display: flex;
  gap: calc(100vw * 63 / 1440);
}

.cta-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(100vw * 5 / 1440);
  padding: calc(100vw * 70 / 1440) 0;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}

.cta-card:hover {
  transform: translateY(-4px);
}

.cta-card-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(100vw * 10 / 1440);
}

.cta-line {
  background-image: url("/wp-content/themes/kaitorinoizumi/assets/images/whitening_img/cta-line-background.webp");
  background-size: cover;
  background-position: center;
  box-shadow: calc(100vw * 4 / 1440) calc(100vw * 4 / 1440)
    calc(100vw * 4 / 1440) 0px rgba(0, 0, 0, 0.25);
}

.cta-hpb {
  background-image: url("/wp-content/themes/kaitorinoizumi/assets/images/whitening_img/cta-hpb-background.webp");
  background-size: cover;
  background-position: center;
  box-shadow: calc(100vw * 4 / 1440) calc(100vw * 4 / 1440)
    calc(100vw * 4 / 1440) 0px rgba(0, 0, 0, 0.25);
}

.cta-icon-area {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(100vw * 4 / 1440) 0 0;
}

.cta-line img {
  width: calc(100vw * 30 / 1440);
  height: calc(100vw * 28 / 1440);
  object-fit: contain;
}

.cta-hpb img {
  width: calc(100vw * 23 / 1440);
  height: calc(100vw * 23 / 1440);
  object-fit: contain;
}

.cta-text-area {
  flex: 0 0 auto;
}

.cta-title {
  font-size: calc(100vw * 25 / 1440);
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 0.15em;
  margin: 0;
}

.cta-subtitle {
  font-size: calc(100vw * 15 / 1440);
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 0.05em;
  margin: 0;
}

@media (max-width: 768px) {
  .cta-container {
    margin: calc(100vw * 30 / 375) 0 calc(100vw * 40 / 375);
    padding: 0 calc(100vw * 19 / 375);
  }

  .cta-wrapper {
    max-width: calc(100vw * 338 / 375);
  }

  .cta-content {
    flex-direction: column;
    gap: calc(100vw * 15 / 375);
  }

  .cta-card {
    gap: calc(100vw * 3 / 375);
    padding: calc(100vw * 65 / 375) 0;
  }

  .cta-card-top {
    gap: calc(100vw * 4 / 375);
  }

  .cta-icon-area {
    padding: calc(100vw * 4 / 375) 0 0;
  }

  .cta-line img {
    width: calc(100vw * 23 / 375);
    height: calc(100vw * 22 / 375);
  }

  .cta-hpb img {
    width: calc(100vw * 22 / 375);
    height: calc(100vw * 22 / 375);
  }

  .cta-title {
    font-size: calc(100vw * 18 / 375);
  }

  .cta-subtitle {
    font-size: calc(100vw * 13 / 375);
  }
}

.about-wrapper {
  padding-top: calc(100vw * 74 / 1440);
  padding-bottom: calc(100vw * 130 / 1440);
}
.about-heading {
  text-align: center;
}
p.about-heading01 {
  font-size: calc(100vw * 15 / 1440);
  line-height: 150%;
}
p.about-heading02 {
  font-size: calc(100vw * 25 / 1440);
  line-height: 150%;
  color: #347c9c;
  font-weight: bold;
}
.about-text {
  margin-top: calc(100vw * 25 / 1440);
  text-align: center;
}
.about-text p {
  font-size: calc(100vw * 18 / 1440);
  line-height: 150%;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}
.about-flex-area {
  width: calc(100vw * 1200 / 1440);
  margin: 0 auto;
  margin-top: calc(100vw * 55 / 1440);
}
.about-hexagon-flex {
  display: flex;
}
.about-flex-left {
  position: relative;
}
.about-flex-right {
  margin-left: auto;
  text-align: end;
  z-index: -1;
  position: relative;
  margin-top: calc(100vw * -457 / 1440);
}
.about-flex-center {
  position: relative;
  left: calc(100vw * 100 / 1440);
  bottom: calc(100vw * 56 / 1440);
}
.about-hexagon {
  background-image: url("/wp-content/themes/kaitorinoizumi/assets/images/whitening_img/about-hexagon.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  text-align: center;
  width: calc(100vw * 203 / 1440);
  height: calc(100vw * 221 / 1440);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
}

p.about-hexagon-p01 {
  font-size: calc(100vw * 23 / 1440);
  font-weight: bold;
  color: #347c9c;
  position: relative;
  top: calc(100vw * -10 / 1440);
}
p.about-hexagon-p02 {
  font-size: calc(100vw * 15 / 1440);
  position: relative;
  top: calc(100vw * -10 / 1440);
}

.about-flex-right img {
  width: calc(100vw * 594 / 1440);
}

@media (min-width: 769px) {
  .about-text-sp {
    display: none;
  }
  .about-hexagon-p02-sp {
    display: none;
  }
}
@media (max-width: 768px) {
  .about-text-pc {
    display: none;
  }
  .about-hexagon-p02-pc {
    display: none;
  }
  .about-wrapper {
    padding-top: calc(100vw * 40 / 375);
    padding-bottom: calc(100vw * 30 / 375);
  }
  p.about-heading01 {
    font-size: calc(100vw * 13 / 375);
  }
  p.about-heading02 {
    font-size: calc(100vw * 18 / 375);
  }
  .about-text {
    width: calc(100vw * 339 / 375);
    margin: 0 auto;
    margin-top: calc(100vw * 20 / 375);
	text-align: left;
  }
  .about-text p {
    font-size: calc(100vw * 13 / 375);
  }
  .about-flex-area {
    width: calc(100vw * 339 / 375);
    margin-top: calc(100vw * 22.24 / 375);
  }
  .about-hexagon {
    width: calc(100vw * 97.7 / 375);
    height: calc(100vw * 106.52 / 375);
  }
  p.about-hexagon-p01 {
    font-size: calc(100vw * 15 / 375);
  }
  p.about-hexagon-p02 {
    font-size: calc(100vw * 10 / 375);
  }
  .about-flex-center {
    position: relative;
    left: calc(100vw * 49.74 / 375);
    bottom: calc(100vw * 30 / 375);
  }
  .about-flex-right {
    margin-top: calc(100vw * -67 / 375);
  }
  p.about-hexagon-p01 {
    top: 0;
  }
  p.about-hexagon-p02 {
    top: 0;
  }
  .about-flex-right img {
    width: calc(100vw * 339 / 375);
  }
}

.selection-container {
  background-image: url("/wp-content/themes/kaitorinoizumi/assets/images/whitening_img/selectable-gel-background.webp");
  background-size: cover;
  background-position: center;
}
.selection-content {
  padding-top: calc(100vw * 60 / 1440);
  padding-bottom: calc(100vw * 60 / 1440);
}
.selection-text-area {
  text-align: center;
}
p.selection-text01 {
  font-size: calc(100vw * 18 / 1440);
  font-weight: bold;
  line-height: 150%;
  padding-bottom: calc(100vw * 8 / 1440);
  color: #ffffff;
}
h4.selection-heading {
  font-size: calc(100vw * 30 / 1440);
  background-color: #ffffff;
  color: #5f9aa4;
  width: calc(100vw * 350 / 1440);
  height: calc(100vw * 40 / 1440);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-weight: bold;
  line-height: 150%;
  padding-bottom: calc(100vw * 8 / 1440);
}
h4.selection-heading span {
  font-size: calc(100vw * 30 / 1440);
}
p.selection-text02 {
  font-size: calc(100vw * 23 / 1440);
  font-weight: bold;
  line-height: 150%;
  color: #ffffff;
}

.selection-flex-areas {
  margin-top: calc(100vw * 45 / 1440);
}
.selection-flex-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(100vw * 35 / 1440);
}
.selection-box {
  width: calc(100vw * 400 / 1440);
  height: calc(100vw * 320 / 1440);
  background-color: #ffffff;
  box-shadow: calc(100vw * 5 / 1440) calc(100vw * 5 / 1440)
    calc(100vw * 5 / 1440) rgba(0, 0, 0, 0.25);
}
.selection-text {
  text-align: center;
  margin-top: calc(100vw * 18 / 1440);
  z-index: 2;
  position: relative;
}
.selection-text p {
  font-size: calc(100vw * 18 / 1440);
  font-weight: bold;
  line-height: 150%;
  color: #000000;
}
.selection-text h5 {
  font-size: calc(100vw * 25 / 1440);
  font-weight: bold;
  line-height: 150%;
  color: #347c9c;
}
.selection-image {
  position: relative;
  margin-top: calc(100vw * -62 / 1440);
  left: calc(100vw * 21 / 1440);
}
.selection-image img {
  width: calc(100vw * 54 / 1440);
}
.selection-list {
  padding-top: calc(100vw * 44 / 1440);
  padding-left: calc(100vw * 36 / 1440);
  display: flex;
  flex-direction: column;
  gap: calc(100vw * 17 / 1440);
}
.selection-list img {
  width: calc(100vw * 24 / 1440);
}
.selection-list p {
  font-size: calc(100vw * 16 / 1440);
  font-weight: normal;
  line-height: 150%;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(100vw * 15 / 1440);
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
}
.selection-area01 .selection-box:nth-child(2) .selection-image {
  left: calc(100vw * 31 / 1440);
}
.selection-area01 .selection-box:nth-child(2) .selection-image img {
  width: calc(100vw * 45 / 1440);
}

.selection-area02 {
  width: calc(100vw * 825 / 1440);
  height: calc(100vw * 230 / 1440);
  margin: 0 auto;
  margin-top: calc(100vw * 30 / 1440);
  background-color: #ffffff;
  box-shadow: calc(100vw * 5 / 1440) calc(100vw * 5 / 1440)
    calc(100vw * 5 / 1440) rgba(0, 0, 0, 0.25);
}
.selection-area02 .selection-heading {
  text-align: center;
  padding-top: calc(100vw * 24 / 1440);
}
.selection-area02 .selection-heading h5 {
  font-size: calc(100vw * 21 / 1440);
  font-weight: bold;
  line-height: 150%;
  color: #347c9c;
}
.selection-area02 .selection-heading p {
  font-size: calc(100vw * 16 / 1440);
  font-weight: bold;
  line-height: 150%;
  color: #347c9c;
}
.selection-area02 .selection-list {
  padding-top: calc(100vw * 18 / 1440);
  padding-left: calc(100vw * 226 / 1440);
}
.selection-under-text {
  text-align: center;
  margin-top: calc(100vw * 50 / 1440);
  display: flex;
  flex-direction: column;
  gap: calc(100vw * 40 / 1440);
}
.selection-under-text p {
  font-size: calc(100vw * 18 / 1440);
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 170%;
  color: #ffffff;
}
.selection-under-text p span {
  font-size: calc(100vw * 23 / 1440);
font-weight: bold;
}

@media (min-width: 769px) {
  .selection-heading-sp {
    display: none;
  }
}
@media (max-width: 768px) {
  .selection-content {
    padding-top: calc(100vw * 25 / 375);
    padding-bottom: calc(100vw * 26 / 375);
  }
  p.selection-text01 {
    font-size: calc(100vw * 13 / 375);
  }
  h4.selection-heading {
    font-size: calc(100vw * 20 / 375);
    letter-spacing: calc(100vw * 2 / 375);
    width: calc(100vw * 233 / 375);
    height: calc(100vw * 20 / 375);
    letter-spacing: calc(100vw * 2 / 375);
    padding-bottom: 0;
  }
  h4.selection-heading span {
    font-size: calc(100vw * 18 / 375);
  }
  p.selection-text02 {
    font-size: calc(100vw * 18 / 375);
  }
  .selection-flex-areas {
    margin-top: calc(100vw * 43 / 375);
  }
  .selection-list {
    gap: calc(100vw * 10 / 375);
  }
  .selection-list p {
    gap: calc(100vw * 4 / 375);
    font-size: calc(100vw * 16 / 375);
    letter-spacing: -0.03em;
  }
  .selection-flex-area {
    flex-direction: column;
  }
  .selection-box {
    width: calc(100vw * 339 / 375);
    height: calc(100vw * 260 / 375);
  }
  .selection-list {
    padding-left: calc(100vw * 10 / 375);
    padding-top: calc(100vw * 20 / 375);
  }
  .selection-area02 {
    width: calc(100vw * 339 / 375);
  }
  .selection-area02 .selection-heading h5 {
    font-size: calc(100vw * 18 / 375);
  }
  .selection-area02 .selection-heading p {
    font-size: calc(100vw * 13 / 375);
  }
  .selection-area02 .selection-list {
    padding-left: calc(100vw * 7 / 375);
    padding-top: calc(100vw * 26 / 375);
  }
  .selection-list p:nth-child(2) {
    letter-spacing: -0.09em;
  }
  .selection-area02 .selection-heading {
    padding-top: calc(100vw * 34 / 375);
  }
  .selection-area02 {
    height: calc(100vw * 260 / 375);
  }
  .selection-under-text {
    margin-top: calc(100vw * 25 / 375);
    gap: calc(100vw * 34 / 375);
  }
  .selection-under-text p {
    width: calc(100vw * 339 / 375);
    margin: 0 auto;
	text-align: left;
  }
  .selection-under-text p {
    font-size: calc(100vw * 13 / 375);
  }
  .selection-under-text p span {
    font-size: calc(100vw * 18 / 375);
    line-height: 170%;
  }
  .selection-text {
    margin-top: calc(100vw * 20 / 375);
  }
  .selection-text p {
    font-size: calc(100vw * 18 / 375);
  }
  .selection-text h5 {
    font-size: calc(100vw * 25 / 375);
  }
  .selection-image {
    position: relative;
    margin-top: calc(100vw * -63 / 375);
    left: calc(100vw * 15 / 375);
  }
  .selection-image img {
    width: calc(100vw * 54 / 375);
  }
  .selection-area01 .selection-box:nth-child(2) .selection-image {
    left: calc(100vw * 19 / 375);
  }
  .selection-area01 .selection-box:nth-child(2) .selection-image img {
    width: calc(100vw * 45 / 375);
    height: calc(100vw * 55 / 375);
  }
  .selection-list img {
    width: calc(100vw * 24 / 375);
  }
}

.beforeafter-wrapper {
  padding-top: calc(100vw * 70 / 1440);
  padding-bottom: calc(100vw * 79 / 1440);
}
.beforeafter-heading {
  text-align: center;
}
.beforeafter-heading p {
  font-size: calc(100vw * 25 / 1440);
  font-weight: bold;
  line-height: 150%;
  color: #347c9c;
}
.beforeafter-flex-areas {
  padding-top: calc(100vw * 58 / 1440);
}
.beforeafter-flex-areas {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: calc(100vw * 40 / 1440);
  padding-left: calc(100vw * 120 / 1440);
  padding-right: calc(100vw * 120 / 1440);
}
.beforeafter-flex-area {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  width: calc(100vw * 302 / 1440);
  margin: 0 auto;
}
.beforeafter-image {
  width: calc(100vw * 302 / 1440);
}
.beforeafter-image img {
  width: calc(100vw * 302 / 1440);
  height: calc(100vw * 302 / 1440);
}
.beforeafter-firsttext {
  margin-top: calc(100vw * 5 / 1440);
}
.beforeafter-firsttext p {
  font-size: calc(100vw * 20 / 1440);
  font-weight: bold;
  line-height: 150%;
  color: #347c9c;
}
.beforeafter-tag {
  margin-top: calc(100vw * 25 / 1440);
}
.beforeafter-tag p {
  font-size: calc(100vw * 10 / 1440);
  background-color: #347c9c;
  color: #ffffff;
  width: calc(100vw * 97 / 1440);
  height: calc(100vw * 25 / 1440);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(100vw * 50 / 1440);
	letter-spacing: 0.15em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
}
.beforeafter-explanation {
  margin-top: calc(100vw * 15 / 1440);
}
.beforeafter-explanation p {
  font-size: calc(100vw * 15 / 1440);
  line-height: 150%;
  color: #000000;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
}

@media (max-width: 768px) {
  .beforeafter-wrapper {
    padding-top: calc(100vw * 25 / 375);
    padding-bottom: calc(100vw * 25 / 375);
  }
  .beforeafter-heading p {
    font-size: calc(100vw * 18 / 375);
  }
  .beforeafter-flex-areas {
    padding-top: calc(100vw * 35 / 375);
    flex-direction: column;
  }
  .beforeafter-flex-areas {
    gap: calc(100vw * 38 / 375);
    padding-left: calc(100vw * 35 / 375);
    padding-right: calc(100vw * 35 / 375);
  }
  .beforeafter-firsttext {
    margin-top: calc(100vw * 5 / 375);
  }
  .beforeafter-firsttext p {
    font-size: calc(100vw * 20 / 375);
    font-weight: bold;
    line-height: 150%;
    color: #347c9c;
  }
  .beforeafter-tag {
    margin-top: calc(100vw * 25 / 375);
  }
  .beforeafter-tag p {
    font-size: calc(100vw * 10 / 375);
    color: #ffffff;
    width: calc(100vw * 97 / 375);
    height: calc(100vw * 25 / 375);
  }
  .beforeafter-explanation {
    margin-top: calc(100vw * 15 / 375);
  }
  .beforeafter-explanation p {
    font-size: calc(100vw * 15 / 375);
  }
  .beforeafter-flex-area {
    width: calc(100vw * 302 / 375);
  }
  .beforeafter-image {
    width: calc(100vw * 302 / 375);
  }
  .beforeafter-image img {
    width: calc(100vw * 302 / 375);
    height: calc(100vw * 302 / 375);
  }
}

.flow-container {
  background: linear-gradient(to bottom, #63bbbe 0%, #347c9c 100%);
}
.flow-wrapper {
  padding-top: calc(100vw * 60 / 1440);
  padding-bottom: calc(100vw * 60 / 1440);
}
.flow-flex-areas {
  padding-top: calc(100vw * 61 / 1440);
  width: calc(100vw * 1200 / 1440);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.flow-triangle {
  margin-bottom: calc(100vw * 10 / 1440);
  margin-top: calc(100vw * 6 / 1440);
  text-align: center;
}
.flow-triangle img {
  width: calc(100vw * 73 / 1440);
}
.flow-heading {
  text-align: center;
}
.flow-heading p {
  font-size: calc(100vw * 25 / 1440);
  font-weight: bold;
  line-height: 150%;
  color: #ffffff;
  letter-spacing: 0.15em;
}
.flow-flex-area {
  display: flex;
  background-color: #ffffff;
  padding-top: calc(100vw * 12 / 1440);
  padding-bottom: calc(100vw * 30 / 1440);
  padding-left: calc(100vw * 14 / 1440);
  padding-right: calc(100vw * 20 / 1440);
  height: calc(100vw * 200 / 1440);
}
.flow-flex-left img {
  width: calc(100vw * 70 / 1440);
  padding-top: calc(100vw * 18 / 1440);
}
.flow-flex-left p {
  color: #ffffff;
  font-size: calc(100vw * 15 / 1440);
  line-height: 112%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  top: calc(100vw * -65 / 1440);
}
.flow-flex-center {
  width: calc(100vw * 758 / 1440);
  padding-left: calc(100vw * 25 / 1440);
}
p.flow-flex-center-heading {
  color: #050505;
  font-size: calc(100vw * 25 / 1440);
  line-height: 112%;
  font-weight: bold;
  padding-top: calc(100vw * 26 / 1440);
}
p.flow-flex-center-text {
  font-size: calc(100vw * 15 / 1440);
  padding-top: calc(100vw * 24 / 1440);
  line-height: 150%;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;  
}
.flow-flex-right img {
  width: calc(100vw * 320 / 1440);
  height: calc(100vw * 178 / 1440);
}
p.flow-flex-center-text {
  font-size: calc(100vw * 15 / 1440);
  line-height: 150%;
}

@media (min-width: 768px) {
  .flow-flex-center-text-sp {
    display: none;
  }
}
@media (max-width: 768px) {
  .flow-flex-center-text-pc {
    display: none;
  }
  .flow-wrapper {
    padding-top: calc(100vw * 25 / 375);
    padding-bottom: calc(100vw * 25 / 375);
  }
  .flow-flex-areas {
    padding-top: calc(100vw * 20 / 375);
    width: calc(100vw * 339 / 375);
  }
  .flow-triangle {
    margin-bottom: calc(100vw * 10 / 375);
    margin-top: calc(100vw * 6 / 375);
  }
  .flow-triangle img {
    width: calc(100vw * 73 / 375);
  }
  .flow-heading {
    text-align: center;
  }
  .flow-heading p {
    font-size: calc(100vw * 25 / 375);
    letter-spacing: 0.15em;
  }
  .flow-flex-left {
    position: absolute;
  }
  .flow-flex-area {
    display: flex;
    padding-top: calc(100vw * 17 / 375);
    padding-bottom: calc(100vw * 28 / 375);
    padding-left: calc(100vw * 9 / 375);
    padding-right: calc(100vw * 9 / 375);
    height: calc(100vw * 355 / 375);
    width: calc(100vw * 338 / 375);
    flex-direction: column-reverse;
    position: relative;
  }
  .flow-flex-left img {
    width: calc(100vw * 21.31 / 375);
    padding-top: calc(100vw * 8 / 375);
    position: relative;
    top: calc(100vw * -73 / 375);
  }
  .flow-flex-left p {
    color: #ffffff;
    font-size: calc(100vw * 6 / 375);
    line-height: 112%;
    top: calc(100vw * -93 / 375);
  }
  .flow-flex-area02 .flow-flex-left img {
    position: relative;
    top: calc(100vw * -92 / 375);
  }
  .flow-flex-area02 .flow-flex-left p {
    position: relative;
    top: calc(100vw * -113 / 375);
  }
  .flow-flex-center {
    width: calc(100vw * 320 / 375);
    padding-left: 0;
  }
  p.flow-flex-center-heading {
    color: #050505;
    font-size: calc(100vw * 18 / 375);
    padding-top: calc(100vw * 11 / 375);
    padding-left: calc(100vw * 26 / 375);
  }
  p.flow-flex-center-text {
    padding-top: calc(100vw * 12 / 375);
  }
  .flow-flex-right {
    height: calc(100vw * 180 / 375);
  }
  .flow-flex-right img {
    width: calc(100vw * 320 / 375);
    height: calc(100vw * 180 / 375);
    width: 100%;
    object-fit: cover;
  }
  p.flow-flex-center-text {
    font-size: calc(100vw * 13 / 375);
  }
  .flow-flex-area02 {
    padding-bottom: calc(100vw * 12 / 375);
  }
}

.pricing-container {
  margin: calc(100vw * 60 / 1440) 0 calc(100vw * 92 / 1440);
  padding: 0 calc(100vw * 120 / 1440);
}

.pricing-wrapper {
  max-width: calc(100vw * 1200 / 1440);
  margin: 0 auto;
}

.pricing-content {
  width: 100%;
}

.pricing-title {
  font-size: calc(100vw * 25 / 1440);
  font-weight: bold;
  text-align: center;
  color: #347c9c;
  letter-spacing: 0.15em;
}

.pricing-plans {
  display: flex;
  gap: calc(100vw * 14 / 1440);
  margin: calc(100vw * 40 / 1440) 0 0;
  align-items: stretch;
}

.pricing-plan {
  flex: 1;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
}

.standard {
  background-color: #eaf9ff;
}

.pricing-plan-label {
  text-align: center;
  font-size: calc(100vw * 14 / 1440);
  color: #347c9c;
  font-weight: bold;
  padding: calc(100vw * 13 / 1440) 0 0 0;
  margin: 0;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.pricing-plan-body {
  padding: calc(100vw * 13 / 1440) calc(100vw * 20 / 1440)
    calc(100vw * 20 / 1440);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.standard .pricing-plan-body {
  padding: 0 calc(100vw * 20 / 1440) calc(100vw * 20 / 1440);
}

.hydrogen-inhalation .pricing-plan-body {
  padding: calc(100vw * 25 / 1440) calc(100vw * 20 / 1440)
    calc(100vw * 20 / 1440);
}

.pricing-plan-name {
  font-size: calc(100vw * 23 / 1440);
  font-weight: bold;
  color: #347c9c;
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.pricing-plan-subtitle {
  font-size: calc(100vw * 13 / 1440);
  font-weight: bold;
  color: #347c9c;
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.pricing-plan-divider-top {
  border: calc(100vw * 2 / 1440) solid #347c9c;
  width: calc(100vw * 100 / 1440);
  margin: calc(100vw * 10 / 1440) auto;
}

.hydrogen-inhalation .pricing-plan-divider-top {
  margin: calc(100vw * 20 / 1440) auto calc(100vw * 10 / 1440);
}

.pricing-plan-catch {
  font-size: calc(100vw * 15 / 1440);
  font-weight: bold;
  color: #000000;
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.pricing-plan-badge {
  display: inline-block;
  background-color: #347c9c;
  color: #ffffff;
  min-width: calc(100vw * 100 / 1440);
  font-size: calc(100vw * 15 / 1440);
  font-weight: bold;
  margin: calc(100vw * 22 / 1440) 0 0;
  padding: 0 calc(100vw * 16 / 1440);
  align-self: flex-start;
  margin-left: calc(100vw * 34 / 1440);
}

.pricing-plan-price {
  margin: calc(100vw * 5 / 1440) 0 0;
  color: #347c9c;
  margin-left: calc(100vw * 34 / 1440);
}

.pricing-plan-regular {
  font-size: calc(100vw * 18 / 1440);
  font-weight: bold;
  color: #000000;
}

.pricing-plan-arrow {
  font-size: calc(100vw * 10 / 1440);
  font-weight: 900;
}

.pricing-plan-currency-symbol {
  font-size: calc(100vw * 18 / 1440);
}

.pricing-plan-discounted {
  font-size: calc(100vw * 23 / 1440);
  font-weight: bold;
}

.pricing-plan-divider-bottom {
  border: calc(100vw * 1 / 1440) solid #5d6767;
  margin: calc(100vw * 20 / 1440) 0;
}

.pricing-plan-description {
  font-size: calc(100vw * 14 / 1440);
  color: #000000;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  margin-left: calc(100vw * 9 / 1440);
}

.pricing-notes-area {
  font-size: calc(100vw * 14 / 1440);
  margin: calc(100vw * 40 / 1440) 0 0;
}

.pricing-notes-heading {
  font-size: calc(100vw * 20 / 1440);
  font-weight: bold;
  color: #347c9c;
}

.pricing-notes-area p {
  font-size: calc(100vw * 18 / 1440);
  font-weight: bold;
}
@media(min-width:769px){
	.pricing-notes-heading-br-sp{
		display:none;
	}
}
@media (max-width: 768px) {
  .pricing-container {
    margin: calc(100vw * 25 / 375) 0;
    padding: 0 calc(100vw * 16 / 375);
  }

  .pricing-wrapper {
    max-width: calc(100vw * 338 / 375);
  }

  .pricing-title {
    font-size: calc(100vw * 18 / 375);
  }

  .pricing-plans {
    flex-direction: column;
    gap: calc(100vw * 14 / 375);
    margin: calc(100vw * 32 / 375) 0 0;
  }

  .pricing-plan-label {
    font-size: calc(100vw * 10 / 375);
    padding: calc(100vw * 14 / 375) 0 0 0;
  }

  .pricing-plan-body {
    padding: calc(100vw * 13 / 375) calc(100vw * 19 / 375)
      calc(100vw * 20 / 375);
  }

  .standard .pricing-plan-body {
    padding: 0 calc(100vw * 19 / 375) calc(100vw * 59 / 375);
  }

  .hydrogen-inhalation .pricing-plan-body {
    padding: calc(100vw * 13 / 375) calc(100vw * 19 / 375)
      calc(100vw * 50 / 375);
  }

  .pricing-plan-name {
    font-size: calc(100vw * 20 / 375);
  }

  .pricing-plan-subtitle {
    font-size: calc(100vw * 13 / 375);
  }

  .pricing-plan-divider-top,
  .hydrogen-inhalation .pricing-plan-divider-top {
    border: calc(100vw * 2 / 375) solid #347c9c;
    width: calc(100vw * 91.5 / 375);
    margin: calc(100vw * 13 / 375) auto;
  }

  .pricing-plan-catch {
    font-size: calc(100vw * 15 / 375);
  }

  .pricing-plan-badge {
    font-size: calc(100vw * 15 / 375);
    margin: calc(100vw * 25 / 375) 0 0;
    padding: 0 calc(100vw * 18 / 375);
	margin-left: calc(100vw * 14 / 1440);
  }


  .pricing-plan-regular {
    font-size: calc(100vw * 13 / 375);
  }

	.pricing-plan-arrow {
  font-size: calc(100vw * 12 / 375);
}

.pricing-plan-currency-symbol {
  font-size: calc(100vw * 16 / 375);
}

.pricing-plan-discounted {
  font-size: calc(100vw * 23 / 375);
}

	
	
  .pricing-plan-divider-bottom {
    margin: calc(100vw * 20 / 375) 0;
  }

  .pricing-plan-description {
    font-size: calc(100vw * 13 / 375);
  }

  .pricing-notes-area {
    margin: calc(100vw * 22 / 375) 0 0;
  }

  .pricing-notes-heading {
    font-size: calc(100vw * 18 / 375);
  }

  .pricing-notes-area p {
    font-size: calc(100vw * 16 / 375);
  }

  .pricing-notes-area span {
    font-size: calc(100vw * 13 / 375);
  }
.pricing-plan-regular {
    font-size: calc(100vw * 18 / 375);
  }

  .pricing-plan-arrow {
    font-size: calc(100vw * 6 / 375);
  }

  .pricing-plan-currency-symbol {
    font-size: calc(100vw * 18 / 375);
  }

  .pricing-plan-description {
    font-size: calc(100vw * 13 / 375);
	letter-spacing: -0.04em;
  }
}

.faq-container {
  background-image: url("/wp-content/themes/kaitorinoizumi/assets/images/whitening_img/faq-background.webp");
  background-size: cover;
  background-position: center;
  padding: 0 calc(100vw * 120 / 1440);
}

.faq-wrapper {
  max-width: calc(100vw * 1200 / 1440);
  margin: 0 auto;
  padding: calc(100vw * 60 / 1440) 0;
}

.faq-content {
  width: 100%;
}

.faq-title {
  font-size: calc(100vw * 25 / 1440);
  font-weight: bold;
  text-align: center;
  color: #347c9c;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: calc(100vw * 25 / 1440);
  margin: calc(100vw * 80 / 1440) 0 0;
}

.faq-item {
  background-color: #ffffff;
}

.faq-question-area {
  display: flex;
  align-items: center;
  gap: calc(100vw * 20 / 1440);
  padding: calc(100vw * 16 / 1440) calc(100vw * 15 / 1440);
  background-color: #347c9c;
  color: #ffffff;
  cursor: pointer;
}

.faq-icon {
  flex: 0 0 auto;
  width: calc(100vw * 42 / 1440);
  height: calc(100vw * 42 / 1440);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #347c9c;
  border-radius: 50%;
  font-weight: bold;
  font-size: calc(100vw * 25 / 1440);
  letter-spacing: 0.15em;
}

.faq-question-text {
  flex: 1;
  font-weight: bold;
  font-size: calc(100vw * 20 / 1440);
  letter-spacing: 0.15em;
}

.faq-toggle {
  flex: 0 0 auto;
  width: calc(100vw * 32 / 1440);
  height: calc(100vw * 32 / 1440);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.5s ease;
}

.faq-toggle svg {
  width: calc(100vw * 32 / 1440);
  height: calc(100vw * 32 / 1440);
  transition: transform 0.5s ease;
}

/*
.faq-question-area.is-open .faq-toggle .webp {
  transform: rotate(180deg);
}*/
.faq-question-area.is-open .faq-toggle .webp → .faq-question-area.is-open .faq-toggle svg{
	transform: rotate(180deg);
}

.faq-answer-area {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
}

.faq-answer-inner {
  padding: calc(100vw * 25 / 1440) 0 calc(100vw * 26 / 1440)
    calc(100vw * 79 / 1440);
  font-size: calc(100vw * 18 / 1440);
  color: #000000;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.faq-toggle svg{
  transition: transform .25s ease;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
}

.js-faq-question.is-open .faq-toggle svg{
  transform: rotate(180deg);
}
@media (max-width: 768px){
  .faq-toggle{
    color: #ffffff !important;
  }
}
@media (max-width: 768px) {
  .faq-question-br-pc {
    display: none;
  }

  .faq-answer-inner span {
    font-size: calc(100vw * 10 / 375);
  }

}
@media (max-width: 768px) {
  .faq-container {
    padding: 0 calc(100vw * 19 / 375);
  }

  .faq-wrapper {
    max-width: calc(100vw * 338 / 375);
    padding: calc(100vw * 20 / 375) 0;
  }

  .faq-title {
    font-size: calc(100vw * 18 / 375);
    letter-spacing: 0.15em;
  }

  .faq-list {
    gap: calc(100vw * 20 / 375);
    margin: calc(100vw * 20 / 375) 0 0;
  }

  .faq-question-area {
    padding: calc(100vw * 10 / 375) calc(100vw * 5 / 375);
    gap: calc(100vw * 10 / 375);
  }

  .faq-icon {
    width: calc(100vw * 25 / 375);
    height: calc(100vw * 25 / 375);
    font-size: calc(100vw * 10 / 375);
  }

  .faq-question-text {
    font-size: calc(100vw * 15 / 375);
    line-height: 1.5;
  }

  .faq-toggle {
    width: calc(100vw * 24 / 375);
    height: calc(100vw * 24 / 375);
  }

  .faq-toggle svg {
    width: calc(100vw * 15 / 375);
    height: calc(100vw * 15 / 375);
  }

  .faq-answer-inner {
    padding: calc(100vw * 5 / 375) calc(100vw * 5 / 375) calc(100vw * 5 / 375)
      calc(100vw * 5 / 375);
    font-size: calc(100vw * 12 / 375);
  }
}

.message-container {
  margin: calc(100vw * 60 / 1440) 0 calc(100vw * 78 / 1440);
  padding: 0 calc(100vw * 20 / 1440);
}

.message-wrapper {
  max-width: calc(100vw * 1200 / 1440);
  margin: 0 auto;
}

.message-content {
  width: 100%;
}

.message-title {
  font-size: calc(100vw * 25 / 1440);
  font-weight: bold;
  text-align: center;
  color: #3c8a96;
}

.message-main-area {
  display: flex;
  gap: calc(100vw * 49 / 1440);
  align-items: flex-start;
  margin: calc(100vw * 60 / 1440) 0 0;
}

.message-image-area {
  flex: 0 0 auto;
  width: calc(100vw * 452 / 1440);
}

.message-image-area img {
  width: 100%;
  height: auto;
}

.message-name {
  margin: calc(100vw * 16 / 1440) 0 0;
  font-size: calc(100vw * 18 / 1440);
  font-weight: bold;
  text-align: right;
  color: #000000;
  letter-spacing: 0.15em;
}

.message-name span {
  font-size: calc(100vw * 20 / 1440);
}

.message-text-area {
  flex: 1;
}

.message-heading-area {
  padding: calc(100vw * 14 / 1440) calc(100vw * 26 / 1440);
  background: linear-gradient(180deg, #5eb6c9 0%, #3c8a96 100%);
  box-shadow: calc(100vw * 4 / 1440) calc(100vw * 4 / 1440)
    calc(100vw * 4 / 1440) 0px rgba(0, 0, 0, 0.25);
  border-radius: calc(100vw * 15 / 1440);
}

.message-subtitle {
  color: #ffffff;
  font-size: calc(100vw * 23 / 1440);
  font-weight: bold;
  letter-spacing: 0.15em;
  line-height: 1.8;
  text-align: center;
}

.message-subtitle span {
  font-size: calc(100vw * 27 / 1440);
}

.message-description-area {
  margin: calc(100vw * 29 / 1440) 0 0;
  font-size: calc(100vw * 18 / 1440);
  color: #000000;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

@media (min-width: 769px) {
  .message-subtitle-sp {
    display: none;
  }
}

@media (max-width: 768px) {
  .message-container {
    margin: calc(100vw * 25 / 375) 0;
    padding: 0 calc(100vw * 19 / 375);
  }

  .message-wrapper {
    max-width: calc(100vw * 338 / 375);
    margin: 0 auto;
  }

  .message-title {
    font-size: calc(100vw * 20 / 375);
    letter-spacing: 0.15em;
  }

  .message-main-area {
    flex-direction: column;
    gap: calc(100vw * 18 / 375);
    margin: calc(100vw * 30 / 375) 0 0;
  }

  .message-image-area {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    height: calc(100vw * 259 / 375);
        overflow: visible;
  }

  .message-image-area img {
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
  }

  .message-name {
    font-size: calc(100vw * 13 / 375);
    text-align: right;
    margin: calc(100vw * 0 / 375) 0 0;
  }

  .message-name span {
    font-size: calc(100vw * 16 / 375);
  }

  .message-heading-area {
    padding: calc(100vw * 11 / 375) calc(100vw * 43 / 375);
    border-radius: calc(100vw * 12 / 375);
    box-shadow: calc(100vw * 4 / 375) calc(100vw * 4 / 375)
      calc(100vw * 4 / 375) 0px rgba(0, 0, 0, 0.25);
  }

  .message-subtitle {
    display: none;
  }

  .message-subtitle-sp {
    color: #ffffff;
    font-size: calc(100vw * 12 / 375);
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 1.8;
    text-align: center;
  }

  .message-subtitle-sp span {
    font-size: calc(100vw * 16 / 375);
  }

  .message-description-area {
    margin: calc(100vw * 20 / 375) 0 0;
    font-size: calc(100vw * 13 / 375);
  }

  .message-description-pc {
    display: none;
  }
	.message-text-area{
		padding-top: calc(100vw * 13 / 375);
	}
}

.pr-container {
  background-image: url("/wp-content/themes/kaitorinoizumi/assets/images/whitening_img/future-background.webp");
  background-size: cover;
  background-position: center;
  height: calc(100vw * 798 / 1440);
}

.pr-wrapper {
  position: relative;
}

.pr-content {
  position: relative;
  z-index: 10;
}

.pr-flex-area {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: calc(100vw * 34 / 1440);
}

.pr-heading {
  padding-top: calc(100vw * 60 / 1440);
  text-align: center;
  padding-bottom: calc(100vw * 76 / 1440);
}

.pr-heading p {
  font-size: calc(100vw * 18 / 1440);
  line-height: 150%;
  font-weight: bold;
}

.pr-heading h6 {
  font-size: calc(100vw * 30 / 1440);
  line-height: 150%;
  font-weight: bold;
  color: #347c9c;
}

p.pr-flex-tagtext {
  background-color: #347c9c;
  color: #ffffff;
  line-height: 150%;
  font-weight: bold;

  width: calc(100vw * 376 / 1440);
  height: calc(100vw * 86 / 1440);

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: calc(100vw * 80 / 1440);

  box-shadow: calc(100vw * 5 / 1440) calc(100vw * 5 / 1440)
    calc(100vw * 10 / 1440) rgba(0, 0, 0, 0.25);
}

.pr-flex-center {
  text-align: center;
}

.pr-flex-center img {
  width: calc(100vw * 250 / 1440);
}

.pr-flex-under-text {
  text-align: center;
  padding-bottom: calc(100vw * 60 / 1440);
}

.pr-flex-under-text p {
  font-size: calc(100vw * 18 / 1440);
  line-height: 150%;
  margin-top: calc(100vw * 34 / 1440);
  color: #000000;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
}

.pr-flex-circle-area {
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.pr-flex-circle-area img {
  width: calc(100vw * 1000 / 1440);
  height: calc(100vw * 804 / 1440);
  margin: 0 auto;
}

.pr-flex-tagtext-left01 {
  position: relative;
  right: calc(100vw * 21 / 1440);
  width: calc(100vw * 364 / 1440);
  height: calc(100vw * 86 / 1440);
}

.pr-flex-tagtext-left02 {
  position: relative;
  right: calc(100vw * 111 / 1440);
  top: calc(100vw * 55 / 1440);
  width: calc(100vw * 364 / 1440);
  height: calc(100vw * 86 / 1440);
}

.pr-flex-tagtext-right01 {
  position: relative;
  left: calc(100vw * 70 / 1440);
  width: calc(100vw * 404 / 1440);
  height: calc(100vw * 96 / 1440);
}

.pr-flex-tagtext-right02 {
  position: relative;
  left: calc(100vw * 111 / 1440);
  top: calc(100vw * 55 / 1440);
  width: calc(100vw * 364 / 1440);
  height: calc(100vw * 86 / 1440);
}

@media (min-width: 769px) {
  .pr-heading br {
    display: none;
  }
  .pr-flex-center-sp {
    display: none;
  }
}

@media (max-width: 768px) {
  .pr-flex-center-pc {
    display: none;
  }
  .pr-container {
    height: calc(100vw * 937 / 375);
  }
  .pr-flex-area {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 0;
  }

  .pr-heading {
    padding-top: calc(100vw * 40 / 375);
    padding-bottom: calc(100vw * 19.5 / 375);
  }

  .pr-heading p {
    font-size: calc(100vw * 13 / 375);
  }

  .pr-heading h6 {
    font-size: calc(100vw * 25 / 375);
    line-height: 150%;
    font-weight: bold;
    color: #347c9c;
  }

  p.pr-flex-tagtext {
    width: calc(100vw * 324 / 375);
    height: calc(100vw * 66 / 375);
    border-radius: calc(100vw * 80 / 375);
    box-shadow: calc(100vw * 5 / 375) calc(100vw * 5 / 375)
      calc(100vw * 10 / 375) rgba(0, 0, 0, 0.25);
    margin-bottom: calc(100vw * 11 / 375);
	font-size: calc(100vw * 16 / 375);
  }

  .pr-flex-center {
    text-align: center;
    width: 100%;
  }

  .pr-flex-center img {
    width: calc(100vw * 121 / 375);
  }

  .pr-flex-under-text {
    text-align: left;
    padding-bottom: calc(100vw * 82 / 375);
    width: calc(100vw * 339 / 375);
    margin: 0 auto;
  }

  .pr-flex-under-text p {
    font-size: calc(100vw * 13 / 375);
    line-height: 150%;
    margin-top: calc(100vw * 18.9 / 375);
  }

  .pr-flex-circle-area {
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }

  .pr-flex-circle-area img {
    width: calc(100vw * 1081 / 375);
    height: calc(100vw * 869 / 375);
    margin: 0 auto;
  }

  p.pr-flex-tagtext-left01 {
    position: relative;
    right: 0;
    width: calc(100vw * 324 / 375);
    left: calc(100vw * 20 / 375);
  }

  p.pr-flex-tagtext-left02 {
    position: relative;
    left: calc(100vw * 38 / 375);
    right: 0;
    top: 0;
    width: calc(100vw * 319 / 375);
  }

  p.pr-flex-tagtext-right01 {
    position: relative;
    left: calc(100vw * 19 / 375);
    width: calc(100vw * 314 / 375);
  }

  p.pr-flex-tagtext-right02 {
    position: relative;
    left: calc(100vw * 69 / 375);
    top: 0;
    width: calc(100vw * 288 / 375);
  }
}
.store-wrapper {
    padding-top: calc(100vw * 60 / 1440);
    padding-bottom: calc(100vw * 60 / 1440);
}

.store-heading {
    font-size: calc(100vw * 25 / 1440);
    font-weight: bold;
    text-align: center;
    letter-spacing: 1.15%;
    color: #347c9c;
    line-height: 150%;
    padding-bottom: calc(100vw * 60 / 1440);
}

.store-flex-leftlogo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: calc(100vw * 43 / 1440);
}

img.store-flex-leftlogo01 {
    width: calc(100vw * 64 / 1440);
}

img.store-flex-leftlogo02 {
    width: calc(100vw * 379 / 1440);
}

.store-flex-areas {
    display: flex;
    gap: calc(100vw * 24 / 1440);
    justify-content: center;
}

.store-flex-left-text,
.store-flex-left-explanation-on {
    padding-bottom: calc(100vw * 45 / 1440);
}

.store-flex-left-tag {
    padding-bottom: calc(100vw * 16 / 1440);
}

.store-flex-left-tag p {
    font-size: calc(100vw * 20 / 1440);
    text-align: center;
    letter-spacing: 1.05%;
    color: #ffffff;
    line-height: 150%;
    background-color: #347c9c;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100vw * 120 / 1440);
    height: calc(100vw * 50 / 1440);
letter-spacing: 0.05em;
}

.store-flex-left-explanation p {
    font-size: calc(100vw * 18 / 1440);
    line-height: 150%;
letter-spacing: 0.05em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
}

.store-flex-left-explanation-under p {
    line-height: 150%;
    font-size: calc(100vw * 20 / 1440);
letter-spacing: 0.05em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
}

.store-flex-left-explanation-on p {
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
}

.store-flex-right {
    margin-top: calc(100vw * 38 / 1440);
}

.store-flex-right-text {
    margin-top: calc(100vw * 28 / 1440);
}

.store-flex-right-text p {
    width: calc(100vw * 520 / 1440);
    height: calc(100vw * 110 / 1440);
    color: #ffffff;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #347c9c;
    font-weight: bold;
    font-size: calc(100vw * 20 / 1440);
letter-spacing: 0.05em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
}

@media (min-width: 769px) {
    .store-br-sp {
        display: none;
    }
	.store-flex-leftlogo-sp{
		display:none;
	}
}

.store-flex-right-map iframe{
	width: calc(100vw * 520 / 1440);
}
@media (max-width: 768px) {
	.store-flex-leftlogo-pc{
		display:none !important;
	}
    .store-br-pc {
        display: none;
    }

    .store-flex-right-text {
        text-align: center;
    }

    .store-flex-right-text span {
        display: none;
    }

    .store-wrapper {
        padding-top: calc(100vw * 40 / 375);
        padding-bottom: calc(100vw * 27 / 375);
    }

    .store-heading {
        font-size: calc(100vw * 18 / 375);
        font-weight: bold;
        text-align: center;
        letter-spacing: 1.15%;
        color: #347c9c;
        line-height: 150%;
        padding-bottom: calc(100vw * 35 / 375);
    }

    .store-flex-leftlogo {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: calc(100vw * 339 / 375);
        margin: 0 auto;
        margin-bottom: calc(100vw * 21 / 375);
    }

    img.store-flex-leftlogo01 {
        width: calc(100vw * 29 / 375);
    }

    img.store-flex-leftlogo02 {
        width: calc(100vw * 172 / 375);
    }

    .store-flex-areas {
        display: flex;
        gap: calc(100vw * 18 / 375);
        justify-content: center;
        flex-direction: column-reverse;
    }

    .store-flex-left-text,
    .store-flex-left-explanation-on {
        padding-bottom: calc(100vw * 13 / 375);
        width: calc(100vw * 339 / 375);
        margin: 0 auto;
    }

    .store-flex-left-explanation-on p {
        font-size: calc(100vw * 15 / 375);
    }

    .store-flex-left-tag {
        padding-bottom: calc(100vw * 0 / 375);
    }

    .store-flex-left-tag p {
        font-size: calc(100vw * 13 / 375);
        width: calc(100vw * 65 / 375);
        height: calc(100vw * 30 / 375);
    }

    .store-flex-left-explanation p {
        font-size: calc(100vw * 15 / 375);
        line-height: 150%;
    }

    .store-flex-left-explanation-under p {
        line-height: 150%;
        font-size: calc(100vw * 18 / 375);
        width: calc(100vw * 339 / 375);
        margin: 0 auto;
    }

    .store-flex-right {
        margin-top: calc(100vw * 15 / 375);
    }

    .store-flex-right-text {
        margin-top: calc(100vw * 15 / 375);
    }

    .store-flex-right-text p {
        width: calc(100vw * 337 / 375);
        height: calc(100vw * 65 / 375);
        color: #ffffff;
        line-height: 150%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #347c9c;
        font-weight: bold;
        font-size: calc(100vw * 15 / 375);
        margin: 0 auto;
    }

    .store-flex-right-map iframe {
        width: 100%;
        height: calc(100vw * 254 / 375);
    }
}
footer{
	text-align:end;
	padding-top:calc(100vw * 69 / 1440);
	padding-bottom:calc(100vw * 52 / 1440);
	padding-right:calc(100vw * 69 / 1440);
}
footer p{
	font-size:calc(100vw * 10 / 1440);
}
@media(max-width:768px){
	footer{
		text-align:end;
		padding-top:calc(100vw * 27 / 375);
		padding-bottom:calc(100vw * 34 / 375);
		padding-right:calc(100vw * 19 /375);
	}
	footer p{
		font-size:calc(100vw * 6 /375);
	}
}
.choice-content {
    text-align: center;
    position: relative;
    padding-top: calc(100vw * 13 / 1440);
}

.choice-content img{
    width: calc(100vw * 345 / 1440);
    height: auto;
    margin: 0 auto;
}

.choice-content p{
    font-size: calc(100vw * 23 / 1440);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.15em;
    position: relative;
    margin-top: calc(100vw * -55 / 1440);
}

@media(min-width: 769px){
    .choice-content br{
        display: none;
    }
}

@media(max-width: 768px){
    .choice-content {
        text-align: center;
        position: relative;
        padding-top: calc(100vw * 3 / 375);
    }

    .choice-content img{
        width: calc(100vw * 100 / 375);
        height: auto;
        margin: 0 auto;
    }

    .choice-content p{
        font-size: calc(100vw * 18 / 375);
        font-weight: 700;
        line-height: 150%;
        letter-spacing: 0.15em;
        position: relative;
        margin-top: calc(100vw * -28 / 375);
    }
}
@media(max-width: 768px){
	br.pr-flex-under-text-pcbrblock{
		display:none
	}
}