@charset "UTF-8";
:root {
  --font-go: "Zen Kaku Gothic New", sans-serif;
  --font-mi: "Zen Old Mincho", serif;
  --font-en: "Abhaya Libre", serif;
  --bg-color: #FAF1E0;
  --text-color: #010101;
  --main-color: #D72570;
  --bg-color: #FFE8F2;
  --yellow-color: #FFF200;
}
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  font-family: var(--font-go);
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  color: #003A21;
  letter-spacing: 1.5px;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0 auto;
  line-height: 1.5;
  text-align: left;
  max-width: 768px;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  font-style: normal;
  line-height: inherit;
}
dl,
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
dd {
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
a {
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  text-decoration: none;
  opacity: 0.5;
  cursor: pointer;
}
a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
*:focus {
  outline: none;
}
code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type="checkbox"] {
  appearance: checkbox;
  -webkit-appearance: checkbox;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  vertical-align: middle;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
img, video {
  height: auto;
  width: 100%;
  max-width: 100%;
  line-height: 0;
}
input {
  -webkit-appearance: none;
}
input[type=text] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  background: #ccc;
  color: #fff;
  transition: background 0.2s;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}
.pc {
  display: none;
}
@media screen and (min-width: 769px) {
  a[href*="tel:"] {
    /* pointer-events: none;
    cursor: default;
    text-decoration: none; */
  }
  a:hover {
    cursor: pointer !important;
  }
}
header .menu {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  z-index: 3;
  max-width: 768px;
}
header .menu .ttl_area {
  display: flex;
  align-items: center;
  width: auto;
  margin: 0;
  height: 100%;
}
header .menu h1{
  width: 45%;
  background: #000;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .menu h1 a{
  display: block;
  width: 100%;
  height: 100%;
}
header .menu h1 a img{
  margin-top: 3px;
  display: inline-block;
  margin: 10px auto 0;
  width: 50%;
}
header .menu .booking{
  width: 55%;
  height: 100%;
  background: var(--main-color);
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  header .menu .logo img{
    width: 25%;
    margin: 12px auto 0;
  }
  header .menu .booking{
    font-size: 2rem;
  }
}

.pagetop {
  position: fixed;
  right: 5vw;
  bottom: 45px;
  z-index: 1000;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #2C2C2C;
}
.pagetop span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.pagetop span:after {
  content: "";
  background: #ffffff;
  height: 8.6602540378px;
  width: 10px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 20px;
}

main{
  padding-top: 50px;
}
main .sp{
  display: block;
}
@media screen and (min-width: 769px) {
  main .sp{
    display: none;
  }
}

.common_btn{
  margin: auto;
  text-align: center;
  width: 95%;
}
.common_btn ul li a{
  display: block;
  color: #fff;
  height: 60px;
  line-height: 60px;
  display: block;
  font-size: 1.6rem;
  color: var(--main-color);
}
.common_btn ul li:first-of-type a{
  background: #fff url(../img/icon_web.svg) no-repeat 9vw 48%;
  background-size: 28px 28px;
  width: 100%;
}
.common_btn ul li:last-of-type a{
  color: #fff;
  padding-left: 35px;
  background: #06C755 url(../img/icon_line.svg) no-repeat 32vw 50%;
  background-size: 28px 28px;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .common_btn .web,.common_btn ul li a{
    font-size: 2rem;
  }
  .common_btn ul li:first-of-type a{
    background: #fff url(../img/icon_web.svg) no-repeat 180px 48%;
  }
  .common_btn ul li:last-of-type a{
    background: #06C755 url(../img/icon_line.svg) no-repeat 280px 50%;
  }
}

.slider_top{
  width: 100%;
  margin: auto;
  padding: 0;
  background-image: linear-gradient(90deg, #d72570 1%, #9f0043);
}
.slider_top .slick-slide{
  margin: auto;
  text-align: center;
  padding: 20px 0 40px;
}
.slider_top .ttl{
  color: #fff;
  font-size: 2rem;
  border-radius: 20px;
  border: 1px solid #fff;
  margin: auto;
  display: inline-block;
  padding: 5px 25px;
  font-family: var(--font-mi);
}
.slider_top .en{
  color: #fff;
  font-family: var(--font-en);
  font-size:6rem;
}
.slider_top .text{
  color: #fff;
  font-size: 1.6rem;
  margin: -10px auto 20px;
  font-family: var(--font-mi);
}
.slider_top img{
  width: 70%;
  margin: 0 auto 15px;
}
.slider_top .flex{
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: auto;
}
.slider_top .flex1{
  align-items: flex-start;
}
.slider_top .slide1 .flex1 p{
  font-size: 1.5rem;
  color: #fff;
  text-align: left;
  width: 65%;
  line-height: 1.7;
}
.slider_top .slide1 .flex1 p:last-of-type{
  width: 33%;
  border: 1px solid #Fff;
  border-radius: 5px;
  text-align: center;
  padding: 5px 0;
}
.slider_top .slide1 .flex p span{
  text-decoration: line-through;
  line-height: 1.4;
  color: var(--bg-color);
}
.slider_top .slide1 .price{
  font-size: 4.3rem;
  font-family: var(--font-mi);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--yellow-color);
  gap: 3px;
}
.slider_top .slide1 .price .now{
  color: var(--main-color);
  background-color: var(--yellow-color);
  border-radius: 50%;
  font-size: 1.5rem;
  padding: 5px 2vw;
  margin-top: 5px;
}
.slider_top .slide1 .price .tax{
  font-size: 1.3rem;
  margin-top: 20px;
}
.slider_top .slide1 ul{
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: auto;
  gap: 10px;
}
.slider_top .slide1 ul li{
  background: rgba(255,255,255,.3);
  color: #fff;
  font-size: 1.3rem;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  border-radius: 10px;
}
.slider_top .slide2 .cam{
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  border: 1px solid #Fff;
  border-radius: 5px;
  padding: 5px 0;
  width: 90%;
  margin: 0 auto 5px;
}
.slider_top .slide2 .flex p:first-of-type{
    font-size: 1.5rem;
    color: #fff;
    text-align: left;
    line-height: 1.7;
}
.slider_top .slide2 .flex p:first-of-type span{
  text-decoration: line-through;
  line-height: 1.4;
  color: var(--bg-color);
}
.slider_top .slide2 .flex p:last-of-type{
  color: var(--yellow-color);
  font-size: 4.5rem;
  line-height: 1.5;
}
.slider_top .slide2 .flex p:last-of-type span{
  color: var(--main-color);
  background-color: var(--yellow-color);
  border-radius: 50%;
  font-size: 1.2rem;
  padding: 5px 1vw;
  font-weight: 700;
  display: inline-block;
  line-height: 1.7;
  vertical-align: 50%;
  margin: 0 10px 0 0;
  padding-top: 5px;
}
@media screen and (min-width: 769px) {
  .slider_top .ttl{
    font-size: 2.4rem;
  }
  .slider_top .en{
    font-size: 6.4rem;
  }
  .slider_top .text{
    font-size: 2rem;
  }
  .slider_top .slide1 .flex1 p{
    font-size: 1.9rem;
  }
  .slider_top .slide1 .price{
    font-size: 4.7rem;
    gap: 6px;
  }
  .slider_top .slide1 .price .now{
    font-size: 1.9rem;
  }
  .slider_top .slide1 .price .tax{
    font-size: 1.7rem;
  }
  .slider_top .slide1 ul li{
    font-size: 1.7rem;
    height: 30px;
    line-height: 30px;
  }
  .slider_top .slide2 .cam,.slider_top .slide2 .flex p:first-of-type{
    font-size: 1.9rem;
  }
  .slider_top .slide2 .flex p:last-of-type{
    font-size: 4.9rem;
  }
  .slider_top .slide2 .flex p:last-of-type span{
    font-size: 1.6rem;
  }
}
.slick-dotted.slick-slider{
  margin-bottom: 0;
}
.slider_top .slick-dots{
  z-index: 2;
  bottom: 5px;
}
.slider .slick-dots{
  bottom: -20px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slider .slick-dots li button:before{
  font-family: none;
  background:  var(--main-color);
  height: 1px;
}
.slider .slick-dots li.slick-active button:before{
  color: #fff;
}

.en_common{
  font-size: 2rem;
  font-family: var(--font-en);
  color: var(--main-color);
}
h2.common{
  font-size: 2.4rem;
  font-weight: 500;
  font-family: var(--font-mi);
}
@media screen and (min-width: 769px) {
.en_commonn{
  font-size: 2.4rem;
}
  h2.common{
    font-size: 2.8rem;
  }
}

#plan{
  background: var(--bg-color);
  margin: auto;
  text-align: center;
  position: relative;
  z-index: 0;
}
#plan .inner{
  padding: 20px 4%;
}
#plan h2{
  margin-bottom: 5px;
}
#plan h3{
  font-size: 2rem;
  color: var(--main-color);
  font-weight: 400;
  font-family: var(--font-mi);
  position: relative;
  padding-bottom: 10px;
}
#plan h3:after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 2px;
  bottom: 0;
  color: var(--main-color);
  z-index: 2;
  background: var(--main-color);
}
#plan .white{
  background: #fff;
  padding: 20px 4% 30px;
}
#plan h4{
  font-size: 1.5rem;
  font-family: var(--font-mi);
  font-weight: 400;
}
#plan .name{
  font-size: 5rem;
  font-family: var(--font-en);
}
#plan .text{
  color: #B8B8B8;
  border-bottom: 1px solid #B8B8B8;
  font-size: 1.6rem;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#plan ul {
  border-bottom: 1px solid #B8B8B8;
  padding-bottom: 8px;
  margin-bottom: 15px;
}
#plan ul li{
  font-size: 1.6rem;
  line-height: 1.7;
  text-align: left;
}
#plan .normal{
  font-size: 1.6rem;
  text-align: left;
  margin-bottom: 10px;
}
#plan .normal span:first-of-type{
  text-decoration: line-through;
}
#plan .normal span:last-of-type{
  background: var(--text-color);
  color: #fff;
  padding: 2px 5px;
  border-radius: 4px;
  margin-left: 15px;
}
#plan .price{
  font-size: 4.5rem;
  font-family: var(--font-mi);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-color);
  gap: 3px;
  margin-top: -10px;
}
#plan .price .now{
  color: #fff;
  background-color: var(--main-color);
  border-radius: 50%;
  font-size: 1.4rem;
  padding: 5px 2vw;
  margin-top: 5px;
}
#plan .price .tax{
  font-size: 1.3rem;
  margin-top: 20px;
}
#plan a{
  color: #fff;
  height: 60px;
  line-height: 60px;
  display: block;
  font-size: 1.6rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  padding-left: 35px;
  background: var(--main-color) url(../img/icon_web_w.svg) no-repeat 13.5vw 48%;
  background-size: 28px 28px;
  width: 100%;
}
#plan .popular{
  font-size: 1.6rem;
  color: var(--main-color);
  background: var(--yellow-color);
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  padding: 0 15px 0 35px;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
#plan .popular:after{
  content: "";
  position: absolute;
  left: 10px;
  top: 8px;
  background: url(../img/icon_crown.svg) no-repeat;
  background-size: 24px 15px;
  width: 100%;
  height: 100%;
}
#plan .pink {
  background-image: linear-gradient(90deg, #d72570 1%, #9f0043);
  padding: 20px 4%;
}
#plan .pink h4,#plan .pink .name,#plan .pink .text,#plan .pink ul li ,#plan .pink .normal,#plan .gold h4,#plan .gold .name,#plan .gold .text,#plan .gold ul li ,#plan .gold .normal{
  color: #fff;
}
#plan .pink .normal span:last-of-type{
  color: var(--main-color);
}
#plan .pink .normal span:last-of-type{
  background: var(--yellow-color)
}
#plan .pink .price,#plan .gold .price{
  color: var(--yellow-color)
}
#plan .pink .price .now{
  background: var(--yellow-color);
  color: var(--main-color);
}
#plan .pink a {
  color: var(--main-color);
  background: var(--yellow-color) url(../img/icon_web.svg) no-repeat 13.5vw 48%;
  width: 100%;
}
#plan .gold {
  background-image: linear-gradient(90deg, #775000 1%, #C28E20);
  padding: 20px 4%;
}
#plan .gold .price .now {
  background: var(--yellow-color);
  color: #C28E20;
}
#plan .gold a {
  color: #6C4B09;
  background: var(--yellow-color) url(../img/icon_web_bk.svg) no-repeat 13.5vw 48%;
  width: 100%;
}
@media screen and (min-width: 769px) {
  #plan .en{
    font-size: 2.8rem;
  }
  #plan h2{
    font-size: 2.8rem;
  }
  #plan h3{
    font-size: 2.4rem;
  }
  #plan h3:after{
    width: 50px;
  }
  #plan .price{
    font-size: 4.9rem;
    gap: 6px;
  }
  #plan .price .now{
    font-size: 1.9rem;
  }
  #plan .price .tax{
    font-size: 1.7rem;
  }
  #plan a{
    background: var(--main-color) url(../img/icon_web_w.svg) no-repeat 230px 48%;
  }
  #plan .pink a {
    background: var(--yellow-color) url(../img/icon_web.svg) no-repeat 230px 48%;
  }
  #plan .gold a {
    background: var(--yellow-color) url(../img/icon_web_bk.svg) no-repeat 230px 48%;
  }
}

#campaign_area{
  background: var(--bg-color);
  padding: 20px 0;
}
.campaign-card {
  background-color: var(--main-color);
  width: 92%;
  margin: 0 auto;
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  text-align: center;
  color: #fff;
}
.campaign-card .top-text {
  font-size: 1.6rem;
}
.campaign-card .top-text span {
  color: var(--yellow-color);
}
.campaign-card .main-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  margin-top: -10px;
}
.campaign-card .title {
  color: var(--yellow-color);
  font-size: 3rem;
  font-weight: 400;
  margin: 0;
  font-family: var(--font-mi);
}
.campaign-card .price-old {
  font-size: 1.6rem;
  margin-top: 15px;
  color: var(--text-white);
  text-decoration: line-through;
}
.campaign-card .special-label {
  background-color: var(--yellow-color);
  color: var(--main-color);
  display: inline-block;
  padding: 5px 2vw;
  border-radius: 20px;
  font-size: 1.4rem;
  margin-top: 10px;
  margin-left: 22vw;
  border-radius: 50%;
}
.campaign-card .price-new {
  position: relative;
  text-align: right;
}
.campaign-card .currency {
  font-size: 5rem;
  vertical-align: super;
  margin-right: -3px;
  font-family: var(--font-en)
}
.campaign-card .number {
  line-height: 1;
  font-size: 14rem;
  font-family: var(--font-en)
}
.campaign-card .free-text {
  color: var(--yellow-color);
  font-family: var(--font-mi);
  font-size: 5rem;
  margin-top: -10px;
  letter-spacing: -2px;
}
@media screen and (min-width: 769px) {
  .campaign-card{
    width: 50%;
  }
  .campaign-card .top-text {
    font-size: 2rem;
  }
  .campaign-card .main-content {
    margin-top: 0;
  }
  .campaign-card .title {
    font-size: 3.4rem;
  }
  .campaign-card .price-old {
    font-size: 2rem;
  }
  .campaign-card .special-label {
    font-size: 1.8rem;
    margin-left: 60px;
  }
}

#about{
  margin: auto;
  text-align: center;
  padding: 30px 4% 0;
}
#about h2{
  font-family: var(--font-mi);
  font-size: 2rem;
  letter-spacing: .5px;
  font-weight: 400;
  color: var(--main-color);
}
#about h3{
  font-size: 2.4rem;
  font-weight: 400;
  position: relative;
}
#about h3:after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 2px;
  bottom: -10px;
  z-index: 2;
  background: var(--main-color);
}
#about .text{
  font-size: 1.6rem;
  line-height: 1.7;
  margin:20px auto 20px;
  text-align: left;
  border-radius: 4px;
}
#about .box{
  background: var(--bg-color);
  padding: 4%;
  margin-bottom: 10px;
  border-radius: 4px;
}
#about .box > div{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#about .box > div img{
  width: 20%;
}
#about .box > div p{
  width: 80%;
  color: var(--main-color);
  font-size: 2rem;
}
#about .box .text1{
  font-size: 1.6rem;
  line-height: 1.7;
  text-align: left;
  margin-top: 5px;
}
@media screen and (min-width: 769px) {
  #about h2{
    font-size: 2.4rem;
  }
  #about h3{
    font-size: 2.8rem;
  }
  #about h3:after{
    width: 50px;
  }
  #about .box .text1{
    font-size: 2rem;
  }
}

#doctor{
  margin: auto;
  text-align: center;
  padding: 30px 0 20px;
}
#doctor h2{
  margin: 0 auto 20px;
  font-size: 2.4rem;
  font-weight: 400;
  font-family: var(--font-mi);
}
#doctor .doctor {
  width: 80%;
  margin: 0 auto 10px;
}
#doctor ul{
  padding: 0 3%;
  margin: 0 auto;
  text-align: left;
}
#doctor ul li span{
  background: var(--bg-color);
  color: var(--main-color);
  font-size: 1.3rem;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  border-radius: 10px;
  letter-spacing: .5px;
  margin-bottom: 3px;
}
#doctor ul.y li span{
  background: rgba(194,142,32,.3);
  padding-left: 20px;
  position: relative;
}
#doctor ul.y li span:after{
  content: "";
  position: absolute;
  left: 4px;
  top: 0px;
  background: url(../img/icon_crown.svg) no-repeat;
  background-size: 17px 20px;
  width: 100%;
  height: 100%;
} 
#doctor .text{
  font-size: 1.6rem;
  line-height: 1.7;
  padding: 10px 0;
  border-bottom: 1px solid #B8B8B8;
  text-align: left;
  width: 92%;
  margin: auto;
}
#doctor h3{
  color: #FF91C1;
  font-size: 1.6rem;
  text-decoration: underline;
  line-height: 1.7;
  margin-top: 15px;
}
#doctor .flex{
  display: flex;
  justify-content: space-between;
  width: 94%;
  margin: auto;
  padding: 10px 0 0;
}
#doctor .flex > a{
  width: 32%;
}
#doctor .flex > div iframe{
  width: 100%;
  height: auto;
}
@media screen and (min-width: 769px) {
  #doctor h2{
    font-size: 2.8rem;
  }
  #doctor ul li span{
    font-size: 1.7rem;
    height: 30px;
    line-height: 30px;
  }
  #doctor ul.y li span:after{
    left: 3px;
    top: 2px;
  }
  #doctor .text{
    font-size: 2rem;
  }
  #doctor h3{
    font-size: 2rem;
  }
  #doctor .flex{
    width: 100%;
  }
}

.video-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px auto 0;
  width: 94%;
}
@media screen and (min-width: 769px) {
  .video-gallery {
    width: 100%;
  }
}
/* ボタンのデフォルトスタイルをリセット */
.video-gallery .video-item {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  width: 32%;
  cursor: pointer;
  font-family: inherit; /* フォントを継承 */
}
.video-gallery .video-item img {
  width: 100%;
  display: block;
  transition: opacity 0.3s;
}
.video-gallery .video-item:hover img {
  opacity: 0.8; /* ホバー時に少し暗くしてクリック感を出す */
}
/* --- モーダル部分は前回と同じ（一部省略） --- */
.modal-overlay {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}
.modal-content {
  position: relative;
  width: 90%;
  max-width: 360px;
}
.iframe-container {
  position: relative;
  padding-top: 177.78%;
}
.iframe-container iframe {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
}
.modal-close-btn {
  position: absolute;
  top: -45px; right: 0;
  color: #fff; font-size: 40px;
  background: none; border: none; cursor: pointer;
}

#case{
  background: var(--text-color);
  margin: auto;
  text-align: center;
  padding: 20px 0;
}
#case .en_common{
  color: var(--main-color)
}
#case h2{
  position: relative;
  margin: 10px auto 20px;
  font-size: 2.4rem;
  color: #fff;
  font-weight: 400;
  font-family: var(--font-mi);
}
#case h2:after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 2px;
  bottom: -15px;
  z-index: 2;
  background: #fff;
}
#case h3{
  font-size: 1.6rem;
  color: #fff;
  font-weight: 400;
}
#case .slider{
  width: 90%;
  margin: auto;
  background: var(--text-color);
  padding: 25px 0 15px;
}
#case .slider .box{
  padding: 10px 0 20px;
  border-radius: 5px;
}
#case .slider .box img{
  margin: auto;
  width: 90%;
}
#case .slider .box .text{
  font-size: 1.6rem;
  color: #fff;
  margin: 10px auto;
}
#case .slider .box .text span{
  color: var(--main-color);
  font-size: 1.3rem;
}
#case .slider .box ul{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 3%;
}
#case .slider .box ul li{
  background: #fff;
  color: var(--text-color);
  font-size: 1.3rem;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  border-radius: 10px;
}
@media screen and (min-width: 769px) {
  #case h2{
    font-size: 2.8rem;
  }
  #case h2:after{
    width: 50px;
  }
  #case h2{
    font-size: 2rem;
  }
  #case .slider .box .text{
    font-size: 2rem;
    margin: 12px auto;
  }
  #case .slider .box .text span{
    font-size: 1.7rem;
  }
  #case .slider .box ul li{
    font-size: 1.7rem;
    height: 30px;
    line-height: 30px;
  }
}

#foryou{
  margin: auto;
  text-align: center;
  padding: 20px 4%;
  background-image: linear-gradient(90deg, #fd6ba9 1%, #d72570);
}
#foryou .en_common{
    color: #fff;
}
#foryou h2{
  position: relative;
  margin: 10px auto 20px;
  font-weight: 400;
  font-size: 2.4rem;
  font-family: var(--font-mi);
  color: #fff;
  padding-bottom: 10px;
}
#foryou h2:after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 32px;
    height: 2px;
    bottom: 0;
    z-index: 2;
    background: #fff;
}
#foryou li{
  color: #fff;
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.7;
  border-bottom: 1px solid #fff;
  padding: 8px 0 8px 22px;
  position: relative;
}
#foryou li:after{
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    background: url(../img/icon_check.svg) no-repeat;
    background-size: 17px 20px;
    width: 100%;
    height: 100%;
}
#foryou .note{
    color: #fff;
    font-size: 1.6rem;
    margin: 10px auto 0;
    line-height: 1.7;
}
@media screen and (min-width: 769px) {
  #foryou h2{
    font-size: 2.8rem;
  }
  #foryou li{
    font-size: 2rem;
  }
  #foryou li:after{
    top: 15px;
  }
  #foryou .note{
    font-size: 1.9rem;
  }
}

#photo{
  background: var(--text-color);
  margin: auto;
  text-align: center;
  padding: 20px 0;
}
#photo .en_common{
  color: #fff;
}
#photo h2{
  position: relative;
  margin: 20px auto 20px;
}
#photo .logo{
  width: 30%;
  position: relative;
}
#photo h2:after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 32px;
    height: 2px;
    bottom: -15px;
    z-index: 2;
    background: #fff;
}
#photo .slider{
  width: 90%;
  margin: auto;
  background: var(--text-color);
  padding: 25px 0 15px;
}
#photo .slider .box{
  padding: 10px 0;
}
#photo .slider .box img{
  margin: auto;
  width: 90%;
}
@media screen and (min-width: 769px) {
  #photo h2:after{
    width: 50px;
  }
}
.slick-list {
  background: rgba(255, 255, 255, .2);
}
.slick-next, .slick-prev{
  z-index: 2;
  top: 46%;
}
.slick-next{
  right: 5vw
}
.slick-prev{
  left: -5vw
}
.slick-next:before,.slick-prev:before{
  position: absolute;
  background: url(../img/icon_arrow.svg);
  width: 58px;
  height: 58px;
  color: transparent;
  opacity: 1;
  left: 0;
  top: 0;
  transform: scale(.8);
}
.slick-prev:before{
  transform: rotate(180deg) scale(.8);
}
@media screen and (min-width: 769px) {
  .slick-next, .slick-prev{
    width: 58px;
    height: 58px;
    top: 50%;
  }
  .slick-next{
    right: -5px
  }
  .slick-prev{
    left: -5px
  }
  .slick-next:before, .slick-prev:before{
    width: 58px;
    height: 58px;
    transform: scale(1);
  }
  .slick-prev:before{
    transform: rotate(180deg) scale(1);
  }
}

.cam_common{
  padding: 30px 2%;
  background-image: linear-gradient(90deg, #D72570 1%, #9F0043);
  margin: auto;
  text-align: center;
}
#cam1 h2{
  font-family: var(--font-en);
  font-size: 2.5rem;
  color: var(--yellow-color);
  font-weight: 400;
}
#cam1 h3{
  font-family: var(--font-mi);
  font-size: 2.3rem;
  color: #fff;
  font-weight: 400;
  padding-bottom: 0px;
}
#cam1 h3 span{
  color: var(--yellow-color);
}
#cam1 h4{
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  margin:10px auto 20px;
}
@media screen and (min-width: 769px) {
  #cam1 h2{
    font-size: 3rem;
  }
  #cam1 h3{
    font-size: 2.8rem;
  }
  #cam1 h4{
    font-size: 2rem;
  }
}

#compare{
  margin: auto;
  text-align: center;
  padding: 20px 4vw
}
#compare h2{
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
#compare h2:after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 2px;
  bottom: 0;
  z-index: 2;
  background: var(--main-color)
}
#compare ul.ttl,#compare ul.text{
  display: flex;
}
#compare ul li:first-of-type{
  width: 45%;
}
#compare ul li:last-of-type{
  width: 55%;
}
#compare ul.ttl li{
  height: 30px;
  background: #808080;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
}
#compare ul.ttl li:last-of-type{
  background: var(--main-color);
}
#compare ul.ttl li:last-of-type img{
  width: 38%;
}
#compare p:not(:first-of-type){
  font-size: 1.4rem;
  background: #E2AFC6;
  height: 25px;
  line-height: 25px;
  color: #fff;
}
#compare ul.text li{
  font-size: 1.4rem;
  line-height: 1.7;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EFECED;
  font-weight: 500;
}
#compare ul.text li:last-of-type{
  background: #fff;
  color: var(--main-color);
}
#compare p.note{
  background: none;
  color: var(--text-color);
  font-size: 1.3rem;
  text-align: left;
  margin-top: 5px;
}
@media screen and (min-width: 769px) {
  #compare ul.ttl li{
    height: 40px;
    font-size: 1.8rem;
  }
  #compare ul.ttl li:last-of-type img{
    width: 25%;
  }
  #compare p:not(:first-of-type){
    font-size: 1.8rem;
    height: 30px;
    line-height: 30px;
  }
  #compare p.note{
    font-size: 1.7rem;
  }
}

#reason{
  margin: auto;
  text-align: center;
  background: #FF91C1;
  padding: 20px 4vw
}
#reason .en_common,#reason h2{
  color: #fff;
}
#reason h2{
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
#reason h2:after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 2px;
  bottom: 0;
  z-index: 2;
  background: #fff;
}
#reason .box{
  background: #fff;
  border-radius: 10px;
  padding: 4vw;
  margin-bottom: 15px;
}
#reason .box .en{
  color: #FF91C1;
  text-align: left;
  font-family: var(--font-en);
  font-size: 1.4rem;
  padding-left: 20px;
  position: relative;
}
#reason .box .en:after{
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  background: url(../img/icon_reason.svg) no-repeat;
  background-size: 17px 20px;
  width: 100%;
  height: 100%;
}
#reason .box .en span{
  font-size: 2.4rem;
  margin-left: 3px;
}
#reason .box .en span{
  font-size: 2.4rem;
}
#reason .box h3{
  color: var(--main-color);
  font-size: 2rem;
  text-align: left;
  font-weight: 400;
  font-family: var(--font-mi);
}
#reason .box img{
  width: 90%;
  margin: 15px auto;
}
#reason .box h4{
  font-size: 1.6rem;
  text-align: left;
  font-weight: 400;
  line-height: 1.7;
}
#reason .box ul{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px auto 0;
}
#reason .box ul li{
  background: var(--bg-color);
  color: var(--main-color);
  font-size: 1.3rem;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  border-radius: 10px;
}
#reason .box ul li.crown{
  padding: 0;
}
#reason .box ul li.crown span{
    color: var(--main-color);
    font-size: 1.3rem;
    height: 25px;
    line-height: 25px;
    border-radius: 10px;
    letter-spacing: .5px;
    margin-bottom: 3px;
    position: relative;
    background: rgba(194, 142, 32, .3);
    padding: 0 10px 0 25px;
    position: relative;
    display: inline-block;
}
#reason .box ul li.crown span:after{
  content: "";
  position: absolute;
  left: 4px;
  top: 2px;
  background: url(../img/icon_crown.svg) no-repeat;
  background-size: 17px 20px;
  width: 100%;
  height: 100%;
}
#reason .box:nth-of-type(2n){
  background: var(--main-color);
}
#reason .box:nth-of-type(2n) .en,#reason .box:nth-of-type(2n) h3,#reason .box:nth-of-type(2n) h4{
  color: #fff;
}
#reason .box:nth-of-type(2n) .en:after{
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  background: url(../img/icon_reaso_w.svg) no-repeat;
  background-size: 17px 20px;
  width: 100%;
  height: 100%;
}
#reason .note{
  font-size: 1.5rem;
  color: #fff;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.7;
}
@media screen and (min-width: 769px) {
  #reason .box .en{
    font-size: 1.8rem;
  }
  #reason .box .en:after{
    left: -3px;
    top: 12px;
  }
  #reason .box .en span{
    font-size: 2.8rem;
  }
  #reason .note{
    font-size: 1.9rem;
  }
}

#cam2 h2{
  font-family: var(--font-en);
  font-size: 2.6rem;
  color: var(--yellow-color);
  font-weight: 400;
}
#cam2 .normal{
  text-decoration: line-through;
  font-size: 1.6rem;
  color: var(--bg-color);
  margin: 5px auto 0;
  font-weight: 300;
}
#cam2 .price-card {
  display: inline-flex;
  align-items: center; 
}
/* 限定価格の黄色い楕円 */
#cam2 .price-icon {
  background-color: #e6ff00;
  padding: 4px 2vw;
  border-radius: 50%;
  margin-right: 5px;
  margin-top: 5px;
}
#cam2 .price-icon span {
  color: var(--main-color);
  font-size: 1.4rem;
  white-space: nowrap;
}
/* メインの価格（黄色） */
#cam2 .price-main {
  color: var(--yellow-color);
  font-family: var(--font-mi);
  font-size: 4.5em;
  display: flex;
  margin-right: 3px;
}
#cam2 .price-sub {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#cam2 .tilde {
  color: var(--yellow-color);
  font-size: 2.5rem;
  line-height: 1;
}
#cam2 .tax {
  color: var(--yellow-color);
  font-size: 1.1rem;
}
#cam2 h3{
  font-family: var(--font-mi);
  font-size: 3rem;
  color: #fff;
  font-weight: 400;
  border-bottom: 1px solid var(--yellow-color);
  display: inline-block;
  padding-bottom: 0px;
}
#cam2 h3 span{
  color: var(--yellow-color);
}
#cam2 h4{
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  margin:10px auto 20px;
}
@media screen and (min-width: 769px) {
  #cam2 h2{
    font-size: 3rem;
  }
  #cam2 .normal{
    font-size: 2rem;
  }
  #cam2 .price-icon span {
    font-size: 1.8rem;
  }
  #cam2 .price-main {
    font-size: 5rem;
  }
  #cam2 .tilde {
    font-size: 2.9rem;
  }
  #cam2 .tax {
    font-size: 1.5rem;
  }
  #cam2 h3{
    font-size: 3.4rem;
  }
  #cam2 h4{
    font-size: 2rem;
  }
}

#flow{
  margin: auto;
  text-align: center;
  padding: 20px 4%;
}
#flow h2{
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 10px;
}
#flow h2:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 32px;
    height: 2px;
    bottom: 0;
    color: var(--main-color);
    z-index: 2;
    background: var(--main-color);
}
#flow .box{
  display: flex;
  position: relative;
  padding-bottom: 15px;
}
#flow .box:before{
  content: "";
  position: absolute;
  bottom: -5px;
  left:29px;
  width: 1px;
  height: 100%;
  z-index: 0;
  border-left: 2px dotted #ccc;
}
#flow .box:last-of-type:before{
  content: none;
}
#flow .box:last-child.box:before{
  content: none;
}
#flow .box .step{
  font-size: 1.3rem;
  width: 60px;
  height: 74px;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1.2;
  position: relative;
  z-index: 1;
  background: url(../img/icon_flow.svg) no-repeat 0 2px;
  background-size: 60px 68px;
  padding-top: 4px;
  font-family: var(--font-en);
}
#flow .box .step span{
  font-size: 2.2rem;
  display: block;
  color: #fff;
}
#flow .box div{
  margin-left: 3vw;
  width: 78vw;
}
#flow .box div .ttl{
  text-align: left;
  font-size: 2rem;
  margin:10px auto 5px;
  font-family: var(--font-mi);
}
#flow .box div .text{
  margin: 0;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.7;
  font-weight: 300;
}
#flow .note{
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.7;
}
@media screen and (min-width:769px){
  #flow h2:after {
    width: 50px;
  }
  #flow .box:before{
    left:33px;
  }
  #flow .box .step{
    width: 78px;
    height: 78px;
    font-size: 1.4rem;
    background-size: 68px 68px;
    transform: scale(1.3);
    padding-top: 0;
    margin-bottom: 20px;
  }
  #flow .box .step span{
    font-size: 2.3rem;
  }
  #flow .box div{
    width: 100%;
    margin-left: 30px;
  }
  #flow .box div .ttl{
    margin:0 auto 5px;
    font-size: 2rem;
  }
  #flow .box div .text,#flow .box div li{
    font-size: 1.8rem;
    text-indent: 0;
    padding-left: 0;
  }
}

#cam3 h2{
  font-family: var(--font-en);
  font-size: 3rem;
  color: var(--yellow-color);
  font-weight: 400;
}
#cam3 h3{
  font-family: var(--font-mi);
  font-size: 2rem;
  color: var(--yellow-color);
  font-weight: 400;
}
#cam3 h4{
  color: #fff;
  font-size: 2.4rem;
  position: relative;
  font-weight: 400;
  font-family: var(--font-mi);
}
#cam3 h4:before{
  position: absolute;
  content: "";
  left: 0;
  width: 25%;
  height: 1px;
  background: #fff;
  top: 50%;
}
#cam3 h4:after{
  position: absolute;
  content: "";
  right: 0;
  width: 25%;
  height: 1px;
  background: #fff;
  top: 50%;
}
#cam3 .normal{
  text-decoration: line-through;
  font-size: 1.6rem;
  color: var(--bg-color);
  margin: 5px auto 0;
  font-weight: 300;
}
#cam3 .price-card {
  display: inline-flex;
  align-items: center; 
}
/* 限定価格の黄色い楕円 */
#cam3 .price-icon {
  background-color: #e6ff00;
  padding: 4px 2vw;
  border-radius: 50%;
  margin-right: 5px;
  margin-top: 5px;
}
#cam3 .price-icon span {
  color: var(--main-color);
  font-size: 1.4rem;
  white-space: nowrap;
}
/* メインの価格（黄色） */
#cam3 .price-main {
  color: var(--yellow-color);
  font-family: var(--font-mi);
  font-size: 4.5em;
  display: flex;
  margin-right: 3px;
}
#cam3 .price-sub {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#cam3 .tilde {
  color: var(--yellow-color);
  font-size: 2.5rem;
  line-height: 1;
}
#cam3 .tax {
  color: var(--yellow-color);
  font-size: 1.1rem;
}
#cam3 ul.flex{
  display: flex;
  margin: 10px auto 25px;
  gap: 10px;
}
#cam3 .flex li{
  background: var(--bg-color);
  color: var(--main-color);
  font-size: 1.3rem;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  border-radius: 10px;
}
#cam3 .flex li:last-of-type{
  background: #EDDDBC;
  padding: 0 10px 0 10px;
  position: relative;
}
#cam3 .flex li:last-of-type span{
  padding-left: 26px;
  background: url(../img/icon_crown.svg) no-repeat 0 2px;
  background-size: 24px 20px;
  display: inline-block;
}
@media screen and (min-width: 769px) {
  #cam3 h2{
    font-size: 3.4rem;
  }
  #cam3 h3{
    font-size: 2.4rem;
  }
  #cam3 h4{
    font-size: 2.8rem;
  }
  #cam3 h4:before,#cam3 h4:after{
    width: 35%;
  }
  #cam3 .normal{
    font-size: 2rem;
  }
  #cam3 .price-icon span {
    font-size: 1.8rem;
  }
  #cam3 .price-main {
    font-size: 5rem;
  }
  #cam3 .tilde {
    font-size: 2.9rem;
  }
  #cam3 .tax {
    font-size: 1.5rem;
  }
  #cam3 .flex li{
    font-size: 1.7rem;
    height: 30px;
    line-height: 30px;
  }
  #cam3 .flex li:last-of-type span{
    background: url(../img/icon_crown.svg) no-repeat 0 50%;
  }
}

#info{
  margin: auto;
  padding: 20px 4% 20px;
  text-align: center;
}
#info h2{
  position: relative;
  margin-bottom: 20px;
}
#info img{
  width: 40%;
  margin: 20px auto;
}
#info h2:after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 2px;
  bottom: 5px;
  z-index: 2;
  background: var(--main-color);
}
#info .text{
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.7;
}
#info .access{
  text-align: left;
  font-size: 1.6rem;
  color: #B8B8B8;
  margin: 10px auto 0;
}
#info iframe{
  width: 100%;
  height: 200px;
  margin-top: 15px;
}
@media screen and (min-width: 769px) {
  #info .text,#info .access{
    font-size: 2rem;
  }
  #info iframe{
    height: 300px;
  }
}
.info_bk {
  background: var(--text-color);
  color: #fff;
}
.info_bk iframe{
  margin-bottom: 25px;
}
#faq{
  margin: auto;
  text-align: center;
  padding: 20px 4%;
  background: var(--bg-color);
}
#faq h2{
  position: relative;
  padding-bottom: 10px;
}
#faq h2:after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 2px;
  bottom: 0;
  color: var(--main-color);
  z-index: 2;
  background: var(--main-color);
}
#faq dl{
  text-align: left;
  padding-left: 40px;
  padding: 15px 0 15px 40px;
  border-bottom: 1px solid #B8B8B8;
}
#faq dt{
  font-size: 2rem;
  font-family: var(--font-mi);
  color: var(--main-color);
  line-height: 1.7;
  position: relative;
}
#faq dt:after{
  content: "";
  position: absolute;
  left: -35px;
  top: -3px;
  background: url(../img/icon_faq.svg) no-repeat 0 0;
  background-size: 29px 37px;
  width: 29px;
  height: 37px;
}
#faq dd{
  font-size: 1.6rem;
  line-height:1.7;
}
@media screen and (min-width: 769px) {
  #faq h2:after{
    width: 50px;
  }
  #faq dt{
    font-size: 2.4rem;
  }
  #faq dd{
    font-size: 2rem;
  }
  #faq dt:after{
    left: -38px;
    top: 0px;
  }
}

footer{
  background-image: linear-gradient(90deg, #fd6ba9 1%, #d72570);
  padding: 20px 4% 80px;
}

#bottom_fix{
  display: flex;
  position: fixed;
  bottom: -10px;
  z-index: 20;
  width: 100%;
  max-width: 768px;
  text-align: center;
  color: #fff;
  box-shadow: 0 0 7px rgba(255, 255, 255, .2);
  height: 60px;
}
#bottom_fix a{
  display: block;
  font-size: 1.3rem;
  line-height: 55px;
}
#bottom_fix a.web{
  width: 60%;
  color: var(--main-color);
  background: #fff;
  padding-left: 35px;
  background: #fff url("../img/icon_web.svg") no-repeat 3vw 40%;
  background-size: 28px 28px;
  display: inline-block;
}
#bottom_fix a.line{
  width: 40%;
  color: #fff;
  background:#06C755;
  padding-left: 35px;
  background:#06C755 url("../img/icon_line.svg") no-repeat 5vw 43%;
  background-size: 28px 28px;
  display: inline-block;
}
@media screen and (min-width: 769px) {
  #bottom_fix a{
    font-size: 2rem;
  }
  #bottom_fix a.web{
    background: #fff url("../img/icon_web.svg") no-repeat 18% 40%;
  }
  #bottom_fix a.line{
    background:#06C755 url("../img/icon_line.svg") no-repeat 30% 43%;
  }
}